@perspective-dev/viewer 5.3.1 → 5.4.0

package/src/rust/custom_elements/export_dropdown.rs

@@ -1,216 +0,0 @@
-// ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
-// ┃ ██████ ██████ ██████       █      █      █      █      █ █▄  ▀███ █       ┃
-// ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█  ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄  ▀█ █ ▀▀▀▀▀ ┃
-// ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄   █ ▄▄▄▄▄ ┃
-// ┃ █      ██████ █  ▀█▄       █ ██████      █      ███▌▐███ ███████▄ █       ┃
-// ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
-// ┃ Copyright (c) 2017, the Perspective Authors.                              ┃
-// ┃ ╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌ ┃
-// ┃ This file is part of the Perspective library, distributed under the terms ┃
-// ┃ of the [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0). ┃
-// ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
-
-use std::cell::RefCell;
-use std::rc::Rc;
-
-use perspective_js::utils::global;
-use wasm_bindgen::prelude::*;
-use wasm_bindgen_futures::spawn_local;
-use web_sys::*;
-use yew::prelude::*;
-
-use super::viewer::PerspectiveViewerElement;
-use crate::components::export_dropdown::ExportDropDownMenu;
-use crate::components::portal::PortalModal;
-use crate::components::style::{StyleProvider, StyleSurface};
-use crate::config::*;
-use crate::presentation::Presentation;
-use crate::renderer::*;
-use crate::session::*;
-use crate::tasks::*;
-use crate::utils::*;
-use crate::*;
-
-type TargetState = Rc<RefCell<Option<HtmlElement>>>;
-
-#[derive(Properties, PartialEq)]
-struct ExportDropDownWrapperProps {
-    renderer: Renderer,
-    session: Session,
-    callback: Callback<ExportFile>,
-    target: TargetState,
-    custom_element: HtmlElement,
-    #[prop_or_default]
-    theme: String,
-}
-
-enum ExportDropDownWrapperMsg {
-    Open,
-    Close,
-}
-
-struct ExportDropDownWrapper {
-    target: Option<HtmlElement>,
-}
-
-impl Component for ExportDropDownWrapper {
-    type Message = ExportDropDownWrapperMsg;
-    type Properties = ExportDropDownWrapperProps;
-
-    fn create(_ctx: &Context<Self>) -> Self {
-        Self { target: None }
-    }
-
-    fn update(&mut self, ctx: &Context<Self>, msg: Self::Message) -> bool {
-        match msg {
-            ExportDropDownWrapperMsg::Open => {
-                self.target = ctx.props().target.borrow().clone();
-                true
-            },
-            ExportDropDownWrapperMsg::Close => {
-                self.target = None;
-                true
-            },
-        }
-    }
-
-    fn view(&self, ctx: &Context<Self>) -> Html {
-        let on_close = ctx.link().callback(|_| ExportDropDownWrapperMsg::Close);
-        html! {
-            <StyleProvider
-                root={ctx.props().custom_element.clone()}
-                surface={StyleSurface::DropdownMenu}
-            >
-                <PortalModal
-                    tag_name="perspective-export-menu"
-                    surface={StyleSurface::DropdownMenu}
-                    target={self.target.clone()}
-                    own_focus=true
-                    {on_close}
-                    theme={ctx.props().theme.clone()}
-                >
-                    <ExportDropDownMenu
-                        renderer={ctx.props().renderer.clone()}
-                        session={ctx.props().session.clone()}
-                        callback={ctx.props().callback.clone()}
-                    />
-                </PortalModal>
-            </StyleProvider>
-        }
-    }
-}
-
-#[wasm_bindgen]
-#[derive(Clone)]
-pub struct ExportDropDownMenuElement {
-    elem: HtmlElement,
-    target: TargetState,
-    root: Rc<RefCell<Option<AppHandle<ExportDropDownWrapper>>>>,
-}
-
-impl CustomElementMetadata for ExportDropDownMenuElement {
-    const CUSTOM_ELEMENT_NAME: &'static str = "perspective-export-menu";
-}
-
-#[wasm_bindgen]
-impl ExportDropDownMenuElement {
-    #[wasm_bindgen(constructor)]
-    pub fn new(elem: HtmlElement) -> Self {
-        Self {
-            elem,
-            target: Default::default(),
-            root: Default::default(),
-        }
-    }
-
-    pub fn open(&self, target: HtmlElement) {
-        *self.target.borrow_mut() = Some(target);
-        if let Some(root) = self.root.borrow().as_ref() {
-            root.send_message(ExportDropDownWrapperMsg::Open);
-        }
-    }
-
-    pub fn hide(&self) -> ApiResult<()> {
-        if let Some(root) = self.root.borrow().as_ref() {
-            root.send_message(ExportDropDownWrapperMsg::Close);
-        }
-        Ok(())
-    }
-
-    pub fn __set_model(&self, parent: &PerspectiveViewerElement) {
-        if let Some(panel) = parent.workspace.active_panel() {
-            self.set_config_model(&panel.session, &panel.renderer, &parent.presentation);
-        }
-    }
-
-    pub fn connected_callback(&self) {}
-}
-
-impl ExportDropDownMenuElement {
-    pub fn new_from_model(
-        session: &Session,
-        renderer: &Renderer,
-        presentation: &Presentation,
-    ) -> Self {
-        let dropdown = global::document()
-            .create_element("perspective-export-menu")
-            .unwrap()
-            .unchecked_into::<HtmlElement>();
-
-        let elem = Self::new(dropdown);
-        elem.set_config_model(session, renderer, presentation);
-        elem
-    }
-
-    fn set_config_model(
-        &self,
-        session: &Session,
-        renderer: &Renderer,
-        presentation: &Presentation,
-    ) {
-        let callback = Callback::from({
-            let session = session.clone();
-            let renderer = renderer.clone();
-            let presentation = presentation.clone();
-            let target = self.target.clone();
-            let root = self.root.clone();
-            move |x: ExportFile| {
-                if !x.name.is_empty() {
-                    clone!(target, root, session, renderer, presentation);
-                    spawn_local(async move {
-                        let val =
-                            export_method_to_blob(&session, &renderer, &presentation, x.method)
-                                .await
-                                .unwrap();
-                        let is_chart = renderer.is_chart();
-                        download(&x.as_filename(is_chart), &val).unwrap();
-                        *target.borrow_mut() = None;
-                        if let Some(root) = root.borrow().as_ref() {
-                            root.send_message(ExportDropDownWrapperMsg::Close);
-                        }
-                    })
-                }
-            }
-        });
-
-        let renderer = renderer.clone();
-        let session = session.clone();
-        let init = ShadowRootInit::new(ShadowRootMode::Open);
-        let shadow_root = self
-            .elem
-            .attach_shadow(&init)
-            .unwrap()
-            .unchecked_into::<Element>();
-
-        let props = yew::props!(ExportDropDownWrapperProps {
-            renderer,
-            session,
-            callback,
-            target: self.target.clone(),
-            custom_element: self.elem.clone(),
-        });
-
-        let handle = yew::Renderer::with_root_and_props(shadow_root, props).render();
-        *self.root.borrow_mut() = Some(handle);
-    }
-}

package/src/rust/custom_elements/modal.rs

@@ -1,299 +0,0 @@
-// ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
-// ┃ ██████ ██████ ██████       █      █      █      █      █ █▄  ▀███ █       ┃
-// ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█  ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄  ▀█ █ ▀▀▀▀▀ ┃
-// ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄   █ ▄▄▄▄▄ ┃
-// ┃ █      ██████ █  ▀█▄       █ ██████      █      ███▌▐███ ███████▄ █       ┃
-// ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
-// ┃ Copyright (c) 2017, the Perspective Authors.                              ┃
-// ┃ ╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌ ┃
-// ┃ This file is part of the Perspective library, distributed under the terms ┃
-// ┃ of the [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0). ┃
-// ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
-
-use std::cell::{Cell, RefCell};
-use std::rc::Rc;
-
-use derivative::Derivative;
-use futures::Future;
-use perspective_js::utils::{global, *};
-use wasm_bindgen::JsCast;
-use wasm_bindgen::prelude::*;
-use web_sys::*;
-use yew::html::SendAsMessage;
-use yew::prelude::*;
-
-use crate::components::modal::*;
-use crate::utils::*;
-
-type BlurHandlerType = Rc<RefCell<Option<Closure<dyn FnMut(FocusEvent)>>>>;
-
-/// A `ModalElement` wraps the parameterized yew `Component` in a Custom
-/// Element.
-///
-/// Via the `open()` and `close()` methods, a `ModalElement` can be positioned
-/// next to any existing on-page elements, accounting for viewport,
-/// scroll position, etc.
-///
-/// `#[derive(Clone)]` generates the trait bound `T: Clone`, which is not
-/// required because `Scope<T>` implements Clone without this bound;  thus
-/// `Clone` must be implemented by the `derivative` crate's
-/// [custom bounds](https://mcarton.github.io/rust-derivative/latest/Debug.html#custom-bound)
-/// support.
-#[derive(Derivative)]
-#[derivative(Clone(bound = ""))]
-pub struct ModalElement<T>
-where
-    T: Component,
-    T::Properties: ModalLink<T>,
-{
-    root: Rc<RefCell<Option<AppHandle<Modal<T>>>>>,
-    pub custom_element: HtmlElement,
-    target: Rc<RefCell<Option<HtmlElement>>>,
-    blurhandler: BlurHandlerType,
-    own_focus: bool,
-    resize_sub: Rc<RefCell<Option<Subscription>>>,
-    anchor: Rc<Cell<ModalAnchor>>,
-    on_blur: Option<Callback<()>>,
-}
-
-impl<T> ModalElement<T>
-where
-    T: Component,
-    T::Properties: ModalLink<T>,
-{
-    pub fn new(
-        custom_element: web_sys::HtmlElement,
-        props: T::Properties,
-        own_focus: bool,
-        on_blur: Option<Callback<()>>,
-    ) -> Self {
-        custom_element.set_attribute("tabindex", "0").unwrap();
-        let init = web_sys::ShadowRootInit::new(web_sys::ShadowRootMode::Open);
-        let shadow_root = custom_element
-            .attach_shadow(&init)
-            .unwrap()
-            .unchecked_into::<web_sys::Element>();
-
-        let cprops = yew::props!(ModalProps<T> {
-            child: Some(html_nested! {
-                <T ..props />
-            }),
-        });
-
-        let root = Rc::new(RefCell::new(Some(
-            yew::Renderer::with_root_and_props(shadow_root, cprops).render(),
-        )));
-
-        let blurhandler = Rc::new(RefCell::new(None));
-        Self {
-            root,
-            custom_element,
-            target: Rc::new(RefCell::new(None)),
-            own_focus,
-            blurhandler,
-            resize_sub: Rc::new(RefCell::new(None)),
-            anchor: Default::default(),
-            on_blur,
-        }
-    }
-
-    fn calc_anchor_pos(&self, target: &HtmlElement) -> (f64, f64) {
-        let target_rect = target.get_bounding_client_rect();
-        let modal_rect = self.custom_element.get_bounding_client_rect();
-        calc_anchor_position(self.anchor.get(), &target_rect, &modal_rect)
-    }
-
-    async fn open_within_viewport(&self, target: HtmlElement) -> ApiResult<()> {
-        let elem = target.unchecked_ref::<HtmlElement>();
-        let rect = elem.get_bounding_client_rect();
-        let width = rect.width();
-        let height = rect.height();
-        let top = rect.top();
-        let left = rect.left();
-        *self.target.borrow_mut() = Some(target.clone());
-
-        // Default, top left/bottom left
-        let msg = ModalMsg::SetPos {
-            top: top + height - 1.0,
-            left,
-            visible: false,
-            rev_vert: false,
-        };
-
-        self.root.borrow().as_ref().unwrap().send_message(msg);
-        global::body().append_child(&self.custom_element)?;
-        request_animation_frame().await;
-
-        // Check if the modal has been positioned off-screen and re-locate if necessary
-        self.anchor.set(calc_relative_position(
-            &self.custom_element,
-            top,
-            left,
-            height,
-            width,
-        ));
-
-        let (top, left) = self.calc_anchor_pos(&target);
-        let msg = ModalMsg::SetPos {
-            top,
-            left,
-            visible: true,
-            rev_vert: self.anchor.get().is_rev_vert(),
-        };
-
-        self.root.borrow().as_ref().unwrap().send_message(msg);
-
-        if self.own_focus {
-            let mut this = Some(self.clone());
-            *self.blurhandler.borrow_mut() = Some(Closure::new(move |_| {
-                this.take().and_then(|x| x.hide().ok()).unwrap_or(())
-            }));
-
-            self.custom_element
-                .dataset()
-                .set("poscorrected", "true")
-                .unwrap();
-
-            self.custom_element.add_event_listener_with_callback(
-                "blur",
-                self.blurhandler
-                    .borrow()
-                    .as_ref()
-                    .unwrap()
-                    .as_ref()
-                    .unchecked_ref(),
-            )?;
-
-            Ok(self.custom_element.focus()?)
-        } else {
-            Ok(())
-        }
-    }
-
-    pub fn send_message(&self, msg: T::Message) {
-        self.root
-            .borrow()
-            .as_ref()
-            .unwrap()
-            .send_message(ModalMsg::SubMsg(msg))
-    }
-
-    pub fn send_message_batch(&self, msgs: Vec<T::Message>) {
-        self.root
-            .borrow()
-            .as_ref()
-            .unwrap()
-            .send_message_batch(msgs.into_iter().map(ModalMsg::SubMsg).collect())
-    }
-
-    pub fn send_future_batch<Fut>(&self, future: Fut)
-    where
-        Fut: Future + 'static,
-        Fut::Output: SendAsMessage<Modal<T>>,
-    {
-        self.root
-            .borrow()
-            .as_ref()
-            .unwrap()
-            .send_future_batch(future)
-    }
-
-    /// Open this modal by attaching directly to `document.body` with position
-    /// absolutely positioned relative to an alread-connected `target`
-    /// element.
-    ///
-    /// Because the Custom Element has a `blur` handler, we must invoke this
-    /// before attempting to re-parent the element.
-    pub async fn open(
-        self,
-        target: web_sys::HtmlElement,
-        resize_pubsub: Option<&PubSub<()>>,
-    ) -> ApiResult<()> {
-        if let Some(resize) = resize_pubsub {
-            let this = self.clone();
-            let target = target.clone();
-            let anchor = self.anchor.clone();
-            *self.resize_sub.borrow_mut() = Some(resize.add_listener(move |()| {
-                let (top, left) = this.calc_anchor_pos(&target);
-                let msg = ModalMsg::SetPos {
-                    top,
-                    left,
-                    visible: true,
-                    rev_vert: anchor.get().is_rev_vert(),
-                };
-
-                this.root.borrow().as_ref().unwrap().send_message(msg);
-            }));
-        };
-
-        target.class_list().add_1("modal-target").unwrap();
-        let theme = get_theme(&target);
-        self.open_within_viewport(target).await.unwrap();
-        if let Some(theme) = theme {
-            self.custom_element.set_attribute("theme", &theme).unwrap();
-        }
-
-        Ok(())
-    }
-
-    pub fn is_open(&self) -> bool {
-        self.custom_element.is_connected()
-    }
-
-    /// Remove from document.
-    pub fn hide(&self) -> ApiResult<()> {
-        if self.is_open() {
-            if self.own_focus {
-                self.custom_element.remove_event_listener_with_callback(
-                    "blur",
-                    self.blurhandler
-                        .borrow()
-                        .as_ref()
-                        .unwrap()
-                        .as_ref()
-                        .unchecked_ref(),
-                )?;
-
-                *self.blurhandler.borrow_mut() = None;
-            }
-
-            global::body().remove_child(&self.custom_element)?;
-            if let Some(blur) = &self.on_blur {
-                blur.emit(());
-            }
-
-            let target = self.target.borrow_mut().take().unwrap();
-            let event = web_sys::CustomEvent::new("-perspective-close-expression")?;
-            target.class_list().remove_1("modal-target").unwrap();
-            if get_theme(&target).is_some() {
-                self.custom_element.remove_attribute("theme")?;
-            }
-
-            target.dispatch_event(&event)?;
-        }
-
-        Ok(())
-    }
-
-    /// Remove from document and cleanup.
-    pub fn destroy(self) -> ApiResult<()> {
-        self.hide()?;
-        self.root.borrow_mut().take().unwrap().destroy();
-        Ok(())
-    }
-}
-
-fn get_theme(elem: &HtmlElement) -> Option<String> {
-    let styles = global::window().get_computed_style(elem).unwrap().unwrap();
-    styles
-        .get_property_value("--psp-theme-name")
-        .ok()
-        .and_then(|x| {
-            let trimmed = x.trim();
-            if !trimmed.is_empty() {
-                Some(trimmed[1..trimmed.len() - 1].to_owned())
-            } else {
-                None
-            }
-        })
-}