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

////////////////////////////////////////////////////////////////////////////////
//
// 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 wasm_bindgen::prelude::*;
use web_sys::*;
use yew::*;

use crate::components::number_column_style::*;
use crate::config::*;
use crate::custom_elements::modal::*;
use crate::utils::{CustomElementMetadata, *};
use crate::*;

#[wasm_bindgen]
#[derive(Clone)]
pub struct PerspectiveNumberColumnStyleElement {
    elem: HtmlElement,
    modal: Option<ModalElement<NumberColumnStyle>>,
}

fn on_change(elem: &web_sys::HtmlElement, config: &NumberColumnStyleConfig) {
    let mut event_init = web_sys::CustomEventInit::new();
    event_init.detail(&JsValue::from_serde_ext(config).unwrap());
    let event =
        CustomEvent::new_with_event_init_dict("perspective-column-style-change", &event_init);

    elem.dispatch_event(&event.unwrap()).unwrap();
}

impl CustomElementMetadata for PerspectiveNumberColumnStyleElement {
    const CUSTOM_ELEMENT_NAME: &'static str = "perspective-number-column-style";
}

#[wasm_bindgen]
impl PerspectiveNumberColumnStyleElement {
    #[wasm_bindgen(constructor)]
    pub fn new(elem: web_sys::HtmlElement) -> Self {
        Self { elem, modal: None }
    }

    /// Reset to a provided JSON config, to be used in place of `new()` when
    /// re-using this component.
    ///
    /// # Arguments
    /// * `config` - a `ColumnStyle` config in JSON form.
    /// * `default_config` - the default `ColumnStyle` config for this column
    ///   type, in JSON form.
    pub fn reset(
        &mut self,
        config: NumberColumnStyleConfig,
        default_config: NumberColumnStyleDefaultConfig,
    ) -> ApiResult<()> {
        let msg = NumberColumnStyleMsg::Reset(config.into(), default_config.into());
        self.modal.as_apierror()?.send_message(msg);
        Ok(())
    }

    /// Dispatches to `ModalElement::open(target)` after lazy initializing the
    /// `ModelElement` custom element handle.
    ///
    /// # Arguments
    /// `target` - the relative target to pin this `ModalElement` to.
    pub fn open(
        &mut self,
        target: web_sys::HtmlElement,
        config: NumberColumnStyleConfig,
        default_config: NumberColumnStyleDefaultConfig,
    ) -> ApiResult<()> {
        if self.modal.is_some() {
            self.reset(config, default_config)?;
        } else {
            let on_change = {
                clone!(self.elem);
                Callback::from(move |x: NumberColumnStyleConfig| on_change(&elem, &x))
            };

            let props = props!(NumberColumnStyleProps {
                config,
                on_change,
                default_config,
            });

            self.modal = Some(ModalElement::new(self.elem.clone(), props, true, None));
        }

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

    /// Remove this `ModalElement` from the DOM.
    pub fn close(&mut self) -> ApiResult<()> {
        self.modal.as_apierror()?.hide()
    }

    pub fn destroy(self) -> ApiResult<()> {
        self.modal.into_apierror()?.destroy()
    }

    /// DOM lifecycle method when connected.  We don't use this, as it can fire
    /// during innocuous events like re-parenting.
    pub fn connected_callback(&self) {}
}