@perspective-dev/viewer 4.5.1 → 5.0.0

package/src/rust/components/column_selector/active_column.rs

@@ -13,7 +13,6 @@
 use std::collections::HashSet;
 
 use perspective_client::config::*;
-use perspective_js::utils::ApiFuture;
 use web_sys::*;
 use yew::prelude::*;
 
@@ -28,6 +27,7 @@ use crate::presentation::{ColumnLocator, Presentation};
 use crate::queries::*;
 use crate::renderer::*;
 use crate::session::*;
+use crate::tasks::apply_and_render;
 use crate::utils::*;
 
 #[derive(Clone, Properties)]
@@ -162,11 +162,8 @@ impl Component for ActiveColumn {
                 {
                     let session = ctx.props().session.clone();
                     let renderer = ctx.props().renderer.clone();
-                    if session.update_view_config(update).is_ok() {
-                        ApiFuture::spawn(async move {
-                            renderer.apply_pending_plugin()?;
-                            renderer.draw(session.validate().await?.create_view()).await
-                        });
+                    if let Ok(task) = apply_and_render(&session, &renderer, update) {
+                        spawn_owned("active-column", task);
                     }
                 }
 
@@ -190,11 +187,8 @@ impl Component for ActiveColumn {
                 {
                     let session = ctx.props().session.clone();
                     let renderer = ctx.props().renderer.clone();
-                    if session.update_view_config(update).is_ok() {
-                        ApiFuture::spawn(async move {
-                            renderer.apply_pending_plugin()?;
-                            renderer.draw(session.validate().await?.create_view()).await
-                        });
+                    if let Ok(task) = apply_and_render(&session, &renderer, update) {
+                        spawn_owned("active-column", task);
                     }
                 }
 
@@ -477,13 +471,8 @@ impl ActiveColumnProps {
             ..ViewConfigUpdate::default()
         };
 
-        if self.session.update_view_config(config).is_ok() {
-            let session = self.session.clone();
-            let renderer = self.renderer.clone();
-            ApiFuture::spawn(async move {
-                renderer.apply_pending_plugin()?;
-                renderer.draw(session.validate().await?.create_view()).await
-            });
+        if let Ok(task) = apply_and_render(&self.session, &self.renderer, config) {
+            spawn_owned("active-column", task);
         }
     }
 }

package/src/rust/components/column_selector/aggregate_selector.rs

@@ -14,15 +14,13 @@ use std::collections::HashSet;
 use std::rc::Rc;
 
 use perspective_client::config::*;
-use perspective_js::utils::ApiFuture;
 use yew::prelude::*;
 
 use crate::components::containers::select::*;
-use crate::components::style::LocalStyle;
-use crate::css;
 use crate::renderer::*;
 use crate::session::*;
-use crate::utils::PtrEqRc;
+use crate::tasks::apply_and_render;
+use crate::utils::{PtrEqRc, spawn_owned};
 
 #[derive(Properties)]
 pub struct AggregateSelectorProps {
@@ -119,7 +117,6 @@ impl Component for AggregateSelector {
 
         html! {
             <>
-                <LocalStyle href={css!("aggregate-selector")} />
                 <div class="aggregate-selector-wrapper">
                     <Select<Aggregate>
                         wrapper_class="aggregate-selector"
@@ -146,11 +143,8 @@ impl AggregateSelector {
 
         let session = ctx.props().session.clone();
         let renderer = ctx.props().renderer.clone();
-        if session.update_view_config(config).is_ok() {
-            ApiFuture::spawn(async move {
-                renderer.apply_pending_plugin()?;
-                renderer.draw(session.validate().await?.create_view()).await
-            });
+        if let Ok(task) = apply_and_render(&session, &renderer, config) {
+            spawn_owned("aggregate-selector", task);
         }
     }
 

package/src/rust/components/column_selector/config_selector.rs

@@ -14,7 +14,6 @@ use std::collections::HashSet;
 use std::rc::Rc;
 
 use perspective_client::config::{ViewConfig, *};
-use perspective_js::utils::ApiFuture;
 use yew::prelude::*;
 
 use super::InPlaceColumn;
@@ -25,12 +24,11 @@ use crate::components::column_dropdown::{ColumnDropDownElement, ColumnDropDownPo
 use crate::components::containers::dragdrop_list::*;
 use crate::components::containers::select::{Select, SelectItem};
 use crate::components::filter_dropdown::{FilterDropDownElement, FilterDropDownPortal};
-use crate::components::style::LocalStyle;
-use crate::css;
 use crate::presentation::Presentation;
 use crate::renderer::*;
 use crate::session::drag_drop_update::*;
 use crate::session::*;
+use crate::tasks::apply_and_render;
 use crate::utils::*;
 
 #[derive(Clone, Properties)]
@@ -134,11 +132,8 @@ impl Component for ConfigSelector {
                 {
                     let session = ctx.props().session.clone();
                     let renderer = ctx.props().renderer.clone();
-                    if session.update_view_config(config).is_ok() {
-                        ApiFuture::spawn(async move {
-                            renderer.apply_pending_plugin()?;
-                            renderer.draw(session.validate().await?.create_view()).await
-                        });
+                    if let Ok(task) = apply_and_render(&session, &renderer, config) {
+                        spawn_owned("config-selector", task);
                     }
                 }
 
@@ -154,11 +149,8 @@ impl Component for ConfigSelector {
                 {
                     let session = ctx.props().session.clone();
                     let renderer = ctx.props().renderer.clone();
-                    if session.update_view_config(config).is_ok() {
-                        ApiFuture::spawn(async move {
-                            renderer.apply_pending_plugin()?;
-                            renderer.draw(session.validate().await?.create_view()).await
-                        });
+                    if let Ok(task) = apply_and_render(&session, &renderer, config) {
+                        spawn_owned("config-selector", task);
                     }
                 }
 
@@ -193,11 +185,8 @@ impl Component for ConfigSelector {
                     {
                         let session = ctx.props().session.clone();
                         let renderer = ctx.props().renderer.clone();
-                        if session.update_view_config(config).is_ok() {
-                            ApiFuture::spawn(async move {
-                                renderer.apply_pending_plugin()?;
-                                renderer.draw(session.validate().await?.create_view()).await
-                            });
+                        if let Ok(task) = apply_and_render(&session, &renderer, config) {
+                            spawn_owned("config-selector", task);
                         }
                     }
 
@@ -216,11 +205,8 @@ impl Component for ConfigSelector {
                 {
                     let session = ctx.props().session.clone();
                     let renderer = ctx.props().renderer.clone();
-                    if session.update_view_config(config).is_ok() {
-                        ApiFuture::spawn(async move {
-                            renderer.apply_pending_plugin()?;
-                            renderer.draw(session.validate().await?.create_view()).await
-                        });
+                    if let Ok(task) = apply_and_render(&session, &renderer, config) {
+                        spawn_owned("config-selector", task);
                     }
                 }
 
@@ -239,11 +225,8 @@ impl Component for ConfigSelector {
                 {
                     let session = ctx.props().session.clone();
                     let renderer = ctx.props().renderer.clone();
-                    if session.update_view_config(config).is_ok() {
-                        ApiFuture::spawn(async move {
-                            renderer.apply_pending_plugin()?;
-                            renderer.draw(session.validate().await?.create_view()).await
-                        });
+                    if let Ok(task) = apply_and_render(&session, &renderer, config) {
+                        spawn_owned("config-selector", task);
                     }
                 }
 
@@ -272,11 +255,8 @@ impl Component for ConfigSelector {
                 {
                     let session = ctx.props().session.clone();
                     let renderer = ctx.props().renderer.clone();
-                    if session.update_view_config(update).is_ok() {
-                        ApiFuture::spawn(async move {
-                            renderer.apply_pending_plugin()?;
-                            renderer.draw(session.validate().await?.create_view()).await
-                        });
+                    if let Ok(task) = apply_and_render(&session, &renderer, update) {
+                        spawn_owned("config-selector", task);
                     }
                 }
 
@@ -302,11 +282,8 @@ impl Component for ConfigSelector {
                 {
                     let session = ctx.props().session.clone();
                     let renderer = ctx.props().renderer.clone();
-                    if session.update_view_config(update).is_ok() {
-                        ApiFuture::spawn(async move {
-                            renderer.apply_pending_plugin()?;
-                            renderer.draw(session.validate().await?.create_view()).await
-                        });
+                    if let Ok(task) = apply_and_render(&session, &renderer, update) {
+                        spawn_owned("config-selector", task);
                     }
                 }
                 ctx.props().onselect.emit(());
@@ -347,11 +324,8 @@ impl Component for ConfigSelector {
                 {
                     let session = ctx.props().session.clone();
                     let renderer = ctx.props().renderer.clone();
-                    if session.update_view_config(update).is_ok() {
-                        ApiFuture::spawn(async move {
-                            renderer.apply_pending_plugin()?;
-                            renderer.draw(session.validate().await?.create_view()).await
-                        });
+                    if let Ok(task) = apply_and_render(&session, &renderer, update) {
+                        spawn_owned("config-selector", task);
                     }
                 }
 
@@ -368,11 +342,8 @@ impl Component for ConfigSelector {
                 {
                     let session = ctx.props().session.clone();
                     let renderer = ctx.props().renderer.clone();
-                    if session.update_view_config(update).is_ok() {
-                        ApiFuture::spawn(async move {
-                            renderer.apply_pending_plugin()?;
-                            renderer.draw(session.validate().await?.create_view()).await
-                        });
+                    if let Ok(task) = apply_and_render(&session, &renderer, update) {
+                        spawn_owned("config-selector", task);
                     }
                 }
 
@@ -390,11 +361,8 @@ impl Component for ConfigSelector {
                 {
                     let session = ctx.props().session.clone();
                     let renderer = ctx.props().renderer.clone();
-                    if session.update_view_config(update).is_ok() {
-                        ApiFuture::spawn(async move {
-                            renderer.apply_pending_plugin()?;
-                            renderer.draw(session.validate().await?.create_view()).await
-                        });
+                    if let Ok(task) = apply_and_render(&session, &renderer, update) {
+                        spawn_owned("config-selector", task);
                     }
                 }
 
@@ -418,11 +386,8 @@ impl Component for ConfigSelector {
                 {
                     let session = ctx.props().session.clone();
                     let renderer = ctx.props().renderer.clone();
-                    if session.update_view_config(update).is_ok() {
-                        ApiFuture::spawn(async move {
-                            renderer.apply_pending_plugin()?;
-                            renderer.draw(session.validate().await?.create_view()).await
-                        });
+                    if let Ok(task) = apply_and_render(&session, &renderer, update) {
+                        spawn_owned("config-selector", task);
                     }
                 }
 
@@ -440,11 +405,8 @@ impl Component for ConfigSelector {
                 {
                     let session = ctx.props().session.clone();
                     let renderer = ctx.props().renderer.clone();
-                    if session.update_view_config(update).is_ok() {
-                        ApiFuture::spawn(async move {
-                            renderer.apply_pending_plugin()?;
-                            renderer.draw(session.validate().await?.create_view()).await
-                        });
+                    if let Ok(task) = apply_and_render(&session, &renderer, update) {
+                        spawn_owned("config-selector", task);
                     }
                 }
 
@@ -464,11 +426,8 @@ impl Component for ConfigSelector {
                 {
                     let session = ctx.props().session.clone();
                     let renderer = ctx.props().renderer.clone();
-                    if session.update_view_config(update).is_ok() {
-                        ApiFuture::spawn(async move {
-                            renderer.apply_pending_plugin()?;
-                            renderer.draw(session.validate().await?.create_view()).await
-                        });
+                    if let Ok(task) = apply_and_render(&session, &renderer, update) {
+                        spawn_owned("config-selector", task);
                     }
                 }
 
@@ -488,11 +447,8 @@ impl Component for ConfigSelector {
                 {
                     let session = ctx.props().session.clone();
                     let renderer = ctx.props().renderer.clone();
-                    if session.update_view_config(update).is_ok() {
-                        ApiFuture::spawn(async move {
-                            renderer.apply_pending_plugin()?;
-                            renderer.draw(session.validate().await?.create_view()).await
-                        });
+                    if let Ok(task) = apply_and_render(&session, &renderer, update) {
+                        spawn_owned("config-selector", task);
                     }
                 }
 
@@ -520,11 +476,8 @@ impl Component for ConfigSelector {
                 {
                     let session = ctx.props().session.clone();
                     let renderer = ctx.props().renderer.clone();
-                    if session.update_view_config(update).is_ok() {
-                        ApiFuture::spawn(async move {
-                            renderer.apply_pending_plugin()?;
-                            renderer.draw(session.validate().await?.create_view()).await
-                        });
+                    if let Ok(task) = apply_and_render(&session, &renderer, update) {
+                        spawn_owned("config-selector", task);
                     }
                 }
 
@@ -546,11 +499,8 @@ impl Component for ConfigSelector {
                 {
                     let session = ctx.props().session.clone();
                     let renderer = ctx.props().renderer.clone();
-                    if session.update_view_config(update).is_ok() {
-                        ApiFuture::spawn(async move {
-                            renderer.apply_pending_plugin()?;
-                            renderer.draw(session.validate().await?.create_view()).await
-                        });
+                    if let Ok(task) = apply_and_render(&session, &renderer, update) {
+                        spawn_owned("config-selector", task);
                     }
                 }
 
@@ -609,7 +559,6 @@ impl Component for ConfigSelector {
         html! {
             <>
                 <div slot="top_panel" id="top_panel" {class} ondragend={dragend}>
-                    <LocalStyle href={css!("config-selector")} />
                     <div class="pivot_controls">
                         if group_rollups.len() > 1 {
                             <Select<GroupRollupMode>

package/src/rust/components/column_selector/empty_column.rs

@@ -17,8 +17,6 @@ use web_sys::*;
 use yew::prelude::*;
 
 use crate::components::column_dropdown::ColumnDropDownElement;
-use crate::components::style::LocalStyle;
-use crate::css;
 
 #[derive(Properties)]
 pub struct EmptyColumnProps {
@@ -70,7 +68,6 @@ impl Component for EmptyColumn {
 
         html! {
             <div class="pivot-column column-empty">
-                <LocalStyle href={css!("empty-column")} />
                 <input
                     spellcheck="false"
                     ref={self.input_ref.clone()}

package/src/rust/components/column_selector/filter_column.rs

@@ -15,7 +15,6 @@ use std::rc::Rc;
 
 use chrono::{Datelike, NaiveDate, TimeZone, Utc};
 use perspective_client::config::*;
-use perspective_js::utils::ApiFuture;
 use wasm_bindgen::JsCast;
 use web_sys::*;
 use yew::prelude::*;
@@ -23,12 +22,11 @@ use yew::prelude::*;
 use crate::components::containers::dragdrop_list::*;
 use crate::components::containers::select::*;
 use crate::components::filter_dropdown::FilterDropDownElement;
-use crate::components::style::LocalStyle;
 use crate::components::type_icon::TypeIcon;
-use crate::css;
 use crate::presentation::Presentation;
 use crate::renderer::*;
 use crate::session::*;
+use crate::tasks::apply_and_render;
 use crate::utils::*;
 
 #[derive(Clone, Properties)]
@@ -348,7 +346,6 @@ impl Component for FilterColumn {
                 ondragstart={dragstart}
                 ondragend={dragend}
             >
-                <LocalStyle href={css!("filter-item")} />
                 <div class="pivot-column-border">
                     <span class="drag-handle icon" />
                     // <TypeIcon ty={ColumnType::String} />
@@ -451,13 +448,8 @@ impl FilterColumnProps {
             ..ViewConfigUpdate::default()
         };
 
-        if self.session.update_view_config(update).is_ok() {
-            let session = self.session.clone();
-            let renderer = self.renderer.clone();
-            ApiFuture::spawn(async move {
-                renderer.apply_pending_plugin()?;
-                renderer.draw(session.validate().await?.create_view()).await
-            });
+        if let Ok(task) = apply_and_render(&self.session, &self.renderer, update) {
+            spawn_owned("filter-column", task);
         }
     }
 
@@ -529,13 +521,8 @@ impl FilterColumnProps {
                 ..ViewConfigUpdate::default()
             };
 
-            if self.session.update_view_config(update).is_ok() {
-                let session = self.session.clone();
-                let renderer = self.renderer.clone();
-                ApiFuture::spawn(async move {
-                    renderer.apply_pending_plugin()?;
-                    renderer.draw(session.validate().await?.create_view()).await
-                });
+            if let Ok(task) = apply_and_render(&self.session, &self.renderer, update) {
+                spawn_owned("filter-column", task);
             }
         }
     }

package/src/rust/components/column_selector/inactive_column.rs

@@ -12,7 +12,6 @@
 
 use itertools::Itertools;
 use perspective_client::config::*;
-use perspective_js::utils::ApiFuture;
 use web_sys::*;
 use yew::prelude::*;
 
@@ -22,6 +21,7 @@ use crate::config::ColumnSelectMode;
 use crate::presentation::{ColumnLocator, Presentation};
 use crate::renderer::*;
 use crate::session::*;
+use crate::tasks::apply_and_render;
 use crate::utils::*;
 
 #[derive(Clone, Properties)]
@@ -231,13 +231,8 @@ impl InactiveColumnProps {
             ..ViewConfigUpdate::default()
         };
 
-        if self.session.update_view_config(config).is_ok() {
-            let session = self.session.clone();
-            let renderer = self.renderer.clone();
-            ApiFuture::spawn(async move {
-                renderer.apply_pending_plugin()?;
-                renderer.draw(session.validate().await?.create_view()).await
-            });
+        if let Ok(task) = apply_and_render(&self.session, &self.renderer, config) {
+            spawn_owned("inactive-column", task);
         }
     }
 }

package/src/rust/components/column_selector/invalid_column.rs

@@ -12,14 +12,10 @@
 
 use yew::prelude::*;
 
-use crate::components::style::LocalStyle;
-use crate::css;
-
 #[function_component(InvalidColumn)]
 pub fn invalid_column() -> Html {
     html! {
         <div class="pivot-column column-empty column-invalid">
-            <LocalStyle href={css!("empty-column")} />
             <div class="column-invalid-input" />
         </div>
     }

package/src/rust/components/column_selector/sort_column.rs

@@ -11,7 +11,6 @@
 // ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
 
 use perspective_client::config::*;
-use perspective_js::utils::ApiFuture;
 use web_sys::*;
 use yew::prelude::*;
 
@@ -20,6 +19,7 @@ use crate::components::type_icon::TypeIcon;
 use crate::presentation::Presentation;
 use crate::renderer::*;
 use crate::session::*;
+use crate::tasks::apply_and_render;
 use crate::utils::*;
 
 #[derive(Properties)]
@@ -86,11 +86,8 @@ impl Component for SortColumn {
 
                 let session = ctx.props().session.clone();
                 let renderer = ctx.props().renderer.clone();
-                if session.update_view_config(update).is_ok() {
-                    ApiFuture::spawn(async move {
-                        renderer.apply_pending_plugin()?;
-                        renderer.draw(session.validate().await?.create_view()).await
-                    });
+                if let Ok(task) = apply_and_render(&session, &renderer, update) {
+                    spawn_owned("sort-column", task);
                 }
 
                 false

package/src/rust/components/column_selector.rs

@@ -28,7 +28,6 @@ use std::rc::Rc;
 pub use empty_column::*;
 pub use invalid_column::*;
 use perspective_client::config::ViewConfig;
-use perspective_js::utils::ApiFuture;
 pub use pivot_column::*;
 use web_sys::*;
 use yew::prelude::*;
@@ -39,15 +38,14 @@ use self::config_selector::ConfigSelector;
 use self::inactive_column::*;
 use super::containers::scroll_panel::*;
 use super::containers::split_panel::{Orientation, SplitPanel};
-use super::style::LocalStyle;
 use crate::components::column_dropdown::{ColumnDropDownElement, ColumnDropDownPortal};
 use crate::components::containers::scroll_panel_item::ScrollPanelItem;
-use crate::css;
 use crate::presentation::{ColumnLocator, DragDropContainer, Presentation};
 use crate::queries::{ActiveColumnState, ActiveColumnStateData, ColumnsIteratorSet};
 use crate::renderer::*;
 use crate::session::drag_drop_update::*;
 use crate::session::*;
+use crate::tasks::apply_and_render;
 use crate::utils::*;
 
 #[derive(Properties)]
@@ -220,11 +218,8 @@ impl Component for ColumnSelector {
 
                     let session = ctx.props().session.clone();
                     let renderer = ctx.props().renderer.clone();
-                    if session.update_view_config(update).is_ok() {
-                        ApiFuture::spawn(async move {
-                            renderer.apply_pending_plugin()?;
-                            renderer.draw(session.validate().await?.create_view()).await
-                        });
+                    if let Ok(task) = apply_and_render(&session, &renderer, update) {
+                        spawn_owned("column-selector", task);
                     }
                 }
 
@@ -248,11 +243,8 @@ impl Component for ColumnSelector {
 
                 let session = ctx.props().session.clone();
                 let renderer = ctx.props().renderer.clone();
-                if session.update_view_config(update).is_ok() {
-                    ApiFuture::spawn(async move {
-                        renderer.apply_pending_plugin()?;
-                        renderer.draw(session.validate().await?.create_view()).await
-                    });
+                if let Ok(task) = apply_and_render(&session, &renderer, update) {
+                    spawn_owned("column-selector", task);
                 }
 
                 true
@@ -519,7 +511,6 @@ impl Component for ColumnSelector {
 
         html! {
             <>
-                <LocalStyle href={css!("column-selector")} />
                 <SplitPanel
                     no_wrap=true
                     on_reset={self.on_reset.callback()}

package/src/rust/components/column_settings_sidebar/style_tab/symbol/symbol_pairs.rs

@@ -17,9 +17,7 @@ use yew::{Callback, Html, Properties, html};
 
 use crate::components::column_settings_sidebar::style_tab::symbol::symbol_pairs_item::PairsListItem;
 use crate::components::filter_dropdown::FilterDropDownElement;
-use crate::components::style::LocalStyle;
 use crate::config::SymbolKVPair;
-use crate::css;
 use crate::utils::PtrEqRc;
 
 #[derive(Properties, PartialEq)]
@@ -84,7 +82,6 @@ impl yew::Component for PairsList {
 
         html! {
             <>
-                <LocalStyle href={css!("containers/pairs-list")} />
                 <div class="pairs-list" id={props.id.clone()} data-label={props.title.clone()}>
                     <ul>{ for main_pairs }</ul>
                 </div>

package/src/rust/components/column_settings_sidebar/style_tab/symbol.rs

@@ -24,9 +24,7 @@ use yew::{Callback, Html, Properties, html};
 
 use crate::components::column_settings_sidebar::style_tab::symbol::symbol_pairs::PairsList;
 use crate::components::filter_dropdown::{FilterDropDownElement, FilterDropDownPortal};
-use crate::components::style::LocalStyle;
 use crate::config::{ColumnConfigFieldUpdate, KeyValueOpts, SymbolKVPair};
-use crate::css;
 use crate::session::Session;
 
 #[derive(Properties, PartialEq, Clone)]
@@ -126,7 +124,6 @@ impl yew::Component for SymbolStyle {
         let update_pairs = ctx.link().callback(SymbolAttrMsg::UpdatePairs);
         html! {
             <>
-                <LocalStyle href={css!("column-symbol-attributes")} />
                 <PairsList
                     title="Symbols"
                     id="attributes-symbols"

package/src/rust/components/column_settings_sidebar.rs

@@ -31,14 +31,12 @@ use crate::components::containers::sidebar::Sidebar;
 use crate::components::containers::tab_list::TabList;
 use crate::components::editable_header::EditableHeaderProps;
 use crate::components::expression_editor::ExpressionEditorProps;
-use crate::components::style::LocalStyle;
 use crate::components::type_icon::TypeIconType;
 use crate::presentation::{ColumnLocator, ColumnSettingsTab, Presentation};
 use crate::renderer::Renderer;
 use crate::session::{Session, SessionMetadataRc};
 use crate::tasks::{delete_expr, save_expr, update_expr};
 use crate::utils::PtrEqRc;
-use crate::*;
 
 #[derive(Clone, Derivative, Properties)]
 #[derivative(Debug)]
@@ -356,7 +354,6 @@ impl Component for ColumnSettingsPanel {
 
         html! {
             <>
-                <LocalStyle href={css!("column-settings-panel")} />
                 <Sidebar
                     on_close={ctx.props().on_close.clone()}
                     id_prefix="column_settings"

package/src/rust/components/containers/dropdown_menu.rs

@@ -17,8 +17,6 @@ use web_sys::*;
 use yew::prelude::*;
 
 use super::select::SelectItem;
-use crate::components::style::LocalStyle;
-use crate::*;
 
 #[derive(Properties, PartialEq)]
 pub struct DropDownMenuProps<T>
@@ -95,7 +93,7 @@ where
             html! { <span class="no-results">{ "No Completions" }</span> }
         };
 
-        html! { <><LocalStyle href={css!("containers/dropdown-menu")} />{ body }</> }
+        html! { <>{ body }</> }
     }
 }
 

package/src/rust/components/containers/scroll_panel.rs

@@ -22,8 +22,6 @@ use yew::prelude::*;
 use yew::virtual_dom::VChild;
 
 use super::scroll_panel_item::ScrollPanelItem;
-use crate::components::style::LocalStyle;
-use crate::css;
 use crate::utils::*;
 
 #[derive(Properties)]
@@ -253,7 +251,7 @@ impl Component for ScrollPanel {
             }
         };
 
-        html! { <><LocalStyle href={css!("containers/scroll-panel")} />{ items }</> }
+        html! { <>{ items }</> }
     }
 
     fn rendered(&mut self, ctx: &Context<Self>, _first_render: bool) {