perspective 2.0.0

A data visualization and analytics component, especially well-suited for large and/or streaming datasets.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113

////////////////////////////////////////////////////////////////////////////////
//
// Copyright (c) 2018, the Perspective Authors.
//
// This file is part of the Perspective library, distributed under the terms
// of the Apache License 2.0.  The full license can be found in the LICENSE
// file.

use std::cell::RefCell;
use std::rc::Rc;

use wasm_bindgen::prelude::*;
use wasm_bindgen::JsCast;
use web_sys::*;
use yew::html::ImplicitClone;
use yew::*;

use crate::components::function_dropdown::*;
use crate::custom_elements::modal::*;
use crate::exprtk::{CompletionItemSuggestion, COMPLETIONS};
use crate::utils::ApiFuture;
use crate::*;

#[wasm_bindgen]
#[derive(Clone)]
pub struct FunctionDropDownElement {
    modal: ModalElement<FunctionDropDown>,
    target: Rc<RefCell<Option<HtmlElement>>>,
}

impl PartialEq for FunctionDropDownElement {
    fn eq(&self, _other: &Self) -> bool {
        true
    }
}

impl ImplicitClone for FunctionDropDownElement {}

impl FunctionDropDownElement {
    pub fn reautocomplete(&self) {
        ApiFuture::spawn(
            self.modal
                .clone()
                .open(self.target.borrow().clone().unwrap(), None),
        );
    }

    pub fn autocomplete(
        &self,
        input: String,
        target: HtmlElement,
        callback: Callback<CompletionItemSuggestion>,
    ) -> ApiResult<()> {
        let values = filter_values(&input);
        if values.is_empty() {
            self.modal.hide()?;
        } else {
            self.modal.send_message_batch(vec![
                FunctionDropDownMsg::SetCallback(callback),
                FunctionDropDownMsg::SetValues(values),
            ]);

            ApiFuture::spawn(self.modal.clone().open(target, None));
        }

        Ok(())
    }

    pub fn item_select(&self) {
        self.modal.send_message(FunctionDropDownMsg::ItemSelect);
    }

    pub fn item_down(&self) {
        self.modal.send_message(FunctionDropDownMsg::ItemDown);
    }

    pub fn item_up(&self) {
        self.modal.send_message(FunctionDropDownMsg::ItemUp);
    }

    pub fn hide(&self) -> ApiResult<()> {
        self.modal.hide()
    }

    pub fn connected_callback(&self) {}
}

impl Default for FunctionDropDownElement {
    fn default() -> Self {
        let document = window().unwrap().document().unwrap();
        let dropdown = document
            .create_element("perspective-dropdown")
            .unwrap()
            .unchecked_into::<HtmlElement>();

        let props = props!(FunctionDropDownProps {});
        let modal = ModalElement::new(dropdown, props, false, None);
        Self {
            modal,
            target: Default::default(),
        }
    }
}

fn filter_values(input: &str) -> Vec<CompletionItemSuggestion> {
    let input = input.to_lowercase();
    COMPLETIONS.with(|x| {
        x.iter()
            .filter(|x| x.label.to_lowercase().starts_with(&input))
            .cloned()
            .collect::<Vec<_>>()
    })
}