@perspective-dev/viewer 4.0.0

package/src/rust/utils/tests/pubsub.rs

@@ -0,0 +1,95 @@
+// ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
+// ┃ ██████ ██████ ██████       █      █      █      █      █ █▄  ▀███ █       ┃
+// ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█  ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄  ▀█ █ ▀▀▀▀▀ ┃
+// ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄   █ ▄▄▄▄▄ ┃
+// ┃ █      ██████ █  ▀█▄       █ ██████      █      ███▌▐███ ███████▄ █       ┃
+// ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
+// ┃ 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 wasm_bindgen_test::*;
+
+use super::super::pubsub::*;
+
+#[wasm_bindgen_test]
+pub async fn test_pub_sub() {
+    let pubsub: PubSub<u32> = PubSub::default();
+    let called: Rc<RefCell<Option<u32>>> = Rc::new(RefCell::new(None));
+    let callback = {
+        let called = called.clone();
+        move |x| {
+            *called.borrow_mut() = Some(x);
+        }
+    };
+
+    let sub = pubsub.add_listener(callback);
+    pubsub.emit(1);
+    assert_eq!(*called.borrow(), Some(1));
+    drop(sub);
+}
+
+#[wasm_bindgen_test]
+pub async fn test_pub_sub_multiple() {
+    let pubsub: PubSub<u32> = PubSub::default();
+    let called1: Rc<RefCell<Option<u32>>> = Rc::new(RefCell::new(None));
+    let called2: Rc<RefCell<Option<u32>>> = Rc::new(RefCell::new(None));
+    let callback1 = {
+        let called = called1.clone();
+        move |x| {
+            *called.borrow_mut() = Some(x);
+        }
+    };
+
+    let callback2 = {
+        let called = called2.clone();
+        move |x| {
+            *called.borrow_mut() = Some(x);
+        }
+    };
+
+    // Must be in scope or subscriptions will drop immediately!
+    let sub1 = pubsub.add_listener(callback1);
+    let sub2 = pubsub.add_listener(callback2);
+
+    pubsub.emit(1);
+    assert_eq!(*called1.borrow(), Some(1));
+    assert_eq!(*called2.borrow(), Some(1));
+
+    drop(sub1);
+    drop(sub2);
+}
+
+#[wasm_bindgen_test]
+pub async fn test_pub_sub_multiple_drop_first() {
+    let pubsub: PubSub<u32> = PubSub::default();
+    let called1: Rc<RefCell<Option<u32>>> = Rc::new(RefCell::new(None));
+    let called2: Rc<RefCell<Option<u32>>> = Rc::new(RefCell::new(None));
+    let callback1 = {
+        let called = called1.clone();
+        move |x| {
+            *called.borrow_mut() = Some(x);
+        }
+    };
+
+    let callback2 = {
+        let called = called2.clone();
+        move |x| {
+            *called.borrow_mut() = Some(x);
+        }
+    };
+
+    let _ = pubsub.add_listener(callback1);
+    let sub = pubsub.add_listener(callback2);
+
+    pubsub.emit(1);
+    assert_eq!(*called1.borrow(), None);
+    assert_eq!(*called2.borrow(), Some(1));
+
+    drop(sub);
+}

package/src/rust/utils/tests/request_animation_frame.rs

@@ -0,0 +1,42 @@
+// ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
+// ┃ ██████ ██████ ██████       █      █      █      █      █ █▄  ▀███ █       ┃
+// ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█  ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄  ▀█ █ ▀▀▀▀▀ ┃
+// ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄   █ ▄▄▄▄▄ ┃
+// ┃ █      ██████ █  ▀█▄       █ ██████      █      ███▌▐███ ███████▄ █       ┃
+// ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
+// ┃ 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::*;
+use std::rc::*;
+
+use wasm_bindgen_futures::spawn_local;
+use wasm_bindgen_test::*;
+
+use crate::utils::*;
+
+#[wasm_bindgen_test]
+async fn test_request_animation_frame_async() {
+    // Merely test that this Promise resolves at all ..
+    request_animation_frame().await;
+}
+
+#[wasm_bindgen_test]
+async fn test_async_in_correct_order() {
+    let cell = Rc::new(RefCell::new(vec![]));
+    spawn_local({
+        clone!(cell);
+        async move {
+            request_animation_frame().await;
+            cell.borrow_mut().push("1");
+        }
+    });
+
+    request_animation_frame().await;
+    cell.borrow_mut().push("2");
+    request_animation_frame().await;
+    assert_eq!(vec!["2", "1"], *cell.borrow());
+}

package/src/rust/utils/wasm_abi.rs

@@ -0,0 +1,61 @@
+// ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
+// ┃ ██████ ██████ ██████       █      █      █      █      █ █▄  ▀███ █       ┃
+// ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█  ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄  ▀█ █ ▀▀▀▀▀ ┃
+// ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄   █ ▄▄▄▄▄ ┃
+// ┃ █      ██████ █  ▀█▄       █ ██████      █      ███▌▐███ ███████▄ █       ┃
+// ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
+// ┃ 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). ┃
+// ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
+
+/// A macro for implementing the `wasm_bindgen` boilerplate for types which
+/// implement `serde::{Serialize, Deserialize}`.
+///
+/// # Examples
+///
+/// ```
+/// struct MyStruct { .. }
+/// derive_wasm_abi!(MyStruct, FromWasmAbi);
+///
+/// #[wasm_bindgen]
+/// pub fn process_my_struct(s: MyStruct) {}
+/// ```
+#[macro_export]
+macro_rules! derive_wasm_abi {
+    ($type:ty) => {
+        impl wasm_bindgen::describe::WasmDescribe for $type {
+            fn describe() {
+                <js_sys::Object as wasm_bindgen::describe::WasmDescribe>::describe()
+            }
+        }
+    };
+
+    ($type:ty, FromWasmAbi $(, $symbols:tt)*) => {
+        impl wasm_bindgen::convert::FromWasmAbi for $type {
+            type Abi = <js_sys::Object as wasm_bindgen::convert::IntoWasmAbi>::Abi;
+            #[inline]
+            unsafe fn from_abi(js: Self::Abi) -> Self {
+                let obj = unsafe { js_sys::Object::from_abi(js) };
+                use ::perspective_js::utils::JsValueSerdeExt;
+                wasm_bindgen::JsValue::from(obj).into_serde_ext().unwrap()
+            }
+        }
+
+        derive_wasm_abi!($type $(, $symbols)*);
+    };
+
+    ($type:ty, IntoWasmAbi $(, $symbols:tt)*) => {
+        impl wasm_bindgen::convert::IntoWasmAbi for $type {
+            type Abi = <js_sys::Object as wasm_bindgen::convert::IntoWasmAbi>::Abi;
+            #[inline]
+            fn into_abi(self) -> Self::Abi {
+                use wasm_bindgen::JsCast;
+                <wasm_bindgen::JsValue as ::perspective_js::utils::JsValueSerdeExt>::from_serde_ext(&self).unwrap().unchecked_into::<js_sys::Object>().into_abi()
+            }
+        }
+
+        derive_wasm_abi!($type $(, $symbols)*);
+    };
+}

package/src/rust/utils/weak_scope.rs

@@ -0,0 +1,39 @@
+// ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
+// ┃ ██████ ██████ ██████       █      █      █      █      █ █▄  ▀███ █       ┃
+// ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█  ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄  ▀█ █ ▀▀▀▀▀ ┃
+// ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄   █ ▄▄▄▄▄ ┃
+// ┃ █      ██████ █  ▀█▄       █ ██████      █      ███▌▐███ ███████▄ █       ┃
+// ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
+// ┃ 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::ops::Deref;
+use std::rc::Rc;
+
+use derivative::Derivative;
+use yew::html::Scope;
+use yew::prelude::*;
+
+/// A mutable reference for capturing the `Scope<_>` props arguments, a useful
+/// function for tests.
+#[derive(Derivative)]
+#[derivative(Clone(bound = ""), Default(bound = ""))]
+pub struct WeakScope<C: Component>(Rc<RefCell<Option<Scope<C>>>>);
+
+impl<C: Component> Deref for WeakScope<C> {
+    type Target = Rc<RefCell<Option<Scope<C>>>>;
+
+    fn deref(&self) -> &Self::Target {
+        &self.0
+    }
+}
+
+impl<C: Component> PartialEq for WeakScope<C> {
+    fn eq(&self, other: &Self) -> bool {
+        Rc::ptr_eq(&self.0, &other.0)
+    }
+}

package/src/svg/align-scroll-icon.svg

@@ -0,0 +1,7 @@
+<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="6.5" y="9.5" width="8" height="7" stroke="#042121"/>
+<path d="M13 9V8.5C13 7.11929 11.8807 6 10.5 6V6C9.11929 6 8 7.11929 8 8.5V9" stroke="#042121"/>
+<path d="M11.4911 13C11.4911 13.5523 11.0434 14 10.4911 14C9.93878 14 9.49107 13.5523 9.49107 13C9.49107 12.4477 9.93878 12 10.4911 12C11.0434 12 11.4911 12.4477 11.4911 13Z" fill="#042121"/>
+<line x1="4.5" y1="5" x2="4.5" y2="17" stroke="#042121"/>
+<line x1="16.5" y1="5" x2="16.5" y2="17" stroke="#042121"/>
+</svg>

package/src/svg/boolean-type.svg

@@ -0,0 +1,3 @@
+<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.5 5.8V8C0.5 8.82843 1.17157 9.5 2 9.5H4.8C5.62843 9.5 6.3 8.82843 6.3 8V7.2C6.3 6.92386 6.52386 6.7 6.8 6.7H8C8.82843 6.7 9.5 6.02843 9.5 5.2V3C9.5 2.17157 8.82843 1.5 8 1.5H5.2C4.37157 1.5 3.7 2.17157 3.7 3V3.8C3.7 4.07614 3.47614 4.3 3.2 4.3H2C1.17157 4.3 0.5 4.97157 0.5 5.8Z" stroke="#042121"/>
+</svg>

package/src/svg/checkbox-checked-icon.svg

@@ -0,0 +1,7 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <defs></defs>
+    <path
+        d="M 2 0 L 12 0 C 13.105 0 14 0.895 14 2 L 14 12 C 14 13.105 13.105 14 12 14 L 2 14 C 0.895 14 0 13.105 0 12 L 0 2 C 0 0.895 0.895 0 2 0 Z M 3.646 7.354 L 5.646 9.354 L 6 9.707 L 6.354 9.354 L 10.854 4.854 L 10.146 4.146 L 6 8.293 L 4.354 6.646 Z"
+        fill="#FFFFFF"></path>
+    <path d="M4 7L6 9L10.5 4.5" style="visibility: hidden;"></path>
+</svg>

package/src/svg/checkbox-hover.svg

@@ -0,0 +1,4 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="0.5" width="13" height="13" rx="1.5" stroke="#3F4343"/>
+<rect x="4" y="4" width="6" height="6" rx="2" fill="#3F4343"/>
+</svg>

package/src/svg/checkbox-off.svg

@@ -0,0 +1,4 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="0.5" width="13" height="13" rx="1.5" stroke="#3F4343"/>
+<rect x="5" y="5" width="4" height="4" rx="2" fill="#3F4343"/>
+</svg>

package/src/svg/checkbox-on.svg

@@ -0,0 +1,4 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="0.5" width="13" height="13" rx="1.5" stroke="#3F4343"/>
+<rect x="2" y="2" width="10" height="10" rx="2" fill="#3F4343"/>
+</svg>

package/src/svg/checkbox-unchecked-icon.svg

@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect x="0.5" y="0.5" width="13" height="13" rx="1.5" stroke="#FFFFFF" />
+</svg>

package/src/svg/close-icon.svg

@@ -0,0 +1,6 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <line y1="-0.5" x2="13.4536" y2="-0.5" transform="matrix(0.668965 0.743294 -0.668965 0.743294 6 6)"
+        stroke="#042121" />
+    <line y1="-0.5" x2="13.4536" y2="-0.5" transform="matrix(-0.668965 0.743294 0.668965 0.743294 16 6)"
+        stroke="#042121" />
+</svg>

package/src/svg/column-settings-icon.svg

@@ -0,0 +1,6 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.5 3L4.5 11" stroke="#042121" stroke-linecap="round"/>
+<path d="M9.5 3L9.5 11" stroke="#042121" stroke-linecap="round"/>
+<path d="M6 8.5C6 9.32843 5.32843 10 4.5 10C3.67157 10 3 9.32843 3 8.5C3 7.67157 3.67157 7 4.5 7C5.32843 7 6 7.67157 6 8.5Z" fill="#FDFFFD" stroke="#042121"/>
+<path d="M11 5.5C11 6.32843 10.3284 7 9.5 7C8.67157 7 8 6.32843 8 5.5C8 4.67157 8.67157 4 9.5 4C10.3284 4 11 4.67157 11 5.5Z" fill="#FDFFFD" stroke="#042121"/>
+</svg>

package/src/svg/datagrid-select-column.svg

@@ -0,0 +1,15 @@
+<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <defs></defs>
+    <rect x="3" y="4" width="15" height="1" style="fill: rgb(216, 216, 216); stroke: rgb(0, 0, 0); stroke-width: 0px;">
+    </rect>
+    <rect x="3" y="6.973" width="15" height="1"
+        style="fill: rgb(216, 216, 216); stroke: rgb(0, 0, 0); stroke-width: 0px;"></rect>
+    <rect x="3" y="10" width="15" height="1" style="fill: rgb(216, 216, 216); stroke: rgb(0, 0, 0); stroke-width: 0px;">
+    </rect>
+    <rect x="3" y="13" width="15" height="1" style="fill: rgb(216, 216, 216); stroke: rgb(0, 0, 0); stroke-width: 0px;">
+    </rect>
+    <rect x="3" y="16" width="15" height="1" style="fill: rgb(216, 216, 216); stroke: rgb(0, 0, 0); stroke-width: 0px;">
+    </rect>
+    <rect style="fill: rgb(216, 216, 216); stroke: rgb(0, 0, 0); stroke-width: 0px;" y="4" width="3" height="13" x="6">
+    </rect>
+</svg>

package/src/svg/datagrid-select-region.svg

@@ -0,0 +1,15 @@
+<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <defs></defs>
+    <rect x="3" y="4" width="15" height="1" style="fill: rgb(216, 216, 216); stroke: rgb(0, 0, 0); stroke-width: 0px;">
+    </rect>
+    <rect x="3" y="6.973" width="15" height="1"
+        style="fill: rgb(216, 216, 216); stroke: rgb(0, 0, 0); stroke-width: 0px;"></rect>
+    <rect x="3" y="10" width="15" height="1" style="fill: rgb(216, 216, 216); stroke: rgb(0, 0, 0); stroke-width: 0px;">
+    </rect>
+    <rect x="3" y="13" width="15" height="1" style="fill: rgb(216, 216, 216); stroke: rgb(0, 0, 0); stroke-width: 0px;">
+    </rect>
+    <rect x="3" y="16" width="15" height="1" style="fill: rgb(216, 216, 216); stroke: rgb(0, 0, 0); stroke-width: 0px;">
+    </rect>
+    <rect style="fill: rgb(216, 216, 216); stroke: rgb(0, 0, 0); stroke-width: 0px;" y="7" width="6" height="7" x="6">
+    </rect>
+</svg>

package/src/svg/datagrid-select-row.svg

@@ -0,0 +1,13 @@
+<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <defs></defs>
+    <rect x="3" y="4" width="15" height="1" style="fill: rgb(216, 216, 216); stroke: rgb(0, 0, 0); stroke-width: 0px;">
+    </rect>
+    <rect x="3" y="6.973" width="15" height="4"
+        style="fill: rgb(216, 216, 216); stroke: rgb(0, 0, 0); stroke-width: 0px;"></rect>
+    <rect x="3" y="10" width="15" height="1" style="fill: rgb(216, 216, 216); stroke: rgb(0, 0, 0); stroke-width: 0px;">
+    </rect>
+    <rect x="3" y="13" width="15" height="1" style="fill: rgb(216, 216, 216); stroke: rgb(0, 0, 0); stroke-width: 0px;">
+    </rect>
+    <rect x="3" y="16" width="15" height="1" style="fill: rgb(216, 216, 216); stroke: rgb(0, 0, 0); stroke-width: 0px;">
+    </rect>
+</svg>

package/src/svg/datagrid.svg

@@ -0,0 +1,13 @@
+<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <defs></defs>
+    <rect x="3" y="4" width="15" height="1" style="fill: rgb(216, 216, 216); stroke: rgb(0, 0, 0); stroke-width: 0px;">
+    </rect>
+    <rect x="3" y="6.973" width="15" height="1"
+        style="fill: rgb(216, 216, 216); stroke: rgb(0, 0, 0); stroke-width: 0px;"></rect>
+    <rect x="3" y="10" width="15" height="1" style="fill: rgb(216, 216, 216); stroke: rgb(0, 0, 0); stroke-width: 0px;">
+    </rect>
+    <rect x="3" y="13" width="15" height="1" style="fill: rgb(216, 216, 216); stroke: rgb(0, 0, 0); stroke-width: 0px;">
+    </rect>
+    <rect x="3" y="16" width="15" height="1" style="fill: rgb(216, 216, 216); stroke: rgb(0, 0, 0); stroke-width: 0px;">
+    </rect>
+</svg>

package/src/svg/date-type.svg

@@ -0,0 +1,23 @@
+<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g filter="url(#filter0_d_720_7795)" transform="matrix(1, 0, 0, 1, -3.5, -3.5)">
+        <mask id="path-1-inside-1_720_7795" fill="white">
+            <rect x="5" y="6" width="9.99892" height="8.33243" rx="0.833244"></rect>
+        </mask>
+        <rect x="5" y="6" width="9.99892" height="8.33243" rx="0.833244" stroke="#042121" stroke-width="2" mask="url(#path-1-inside-1_720_7795)"></rect>
+        <path d="M7.29663 6V7.14831" stroke="#042121" stroke-linecap="round"></path>
+        <path d="M12.9148 6V7.14831" stroke="#042121" stroke-linecap="round"></path>
+        <line x1="5.83423" y1="8.83276" x2="14.9999" y2="8.83276" stroke="#042121"></line>
+    </g>
+    <defs>
+        <filter id="filter0_d_720_7795" x="0" y="0.5" width="22" height="20.8325" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood>
+            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix>
+            <feOffset dx="1" dy="1"></feOffset>
+            <feGaussianBlur stdDeviation="3"></feGaussianBlur>
+            <feComposite in2="hardAlpha" operator="out"></feComposite>
+            <feColorMatrix type="matrix" values="0 0 0 0 0.167709 0 0 0 0 0.32947 0 0 0 0 0.322437 0 0 0 0.1 0"></feColorMatrix>
+            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_720_7795"></feBlend>
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_720_7795" result="shape"></feBlend>
+        </filter>
+    </defs>
+</svg>

package/src/svg/drag-handle.svg

@@ -0,0 +1,10 @@
+<svg width="5" height="12" viewBox="0 0 5 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="3.49996" cy="11.0001" r="0.833333" fill="#6E6E6E"/>
+<circle cx="0.833333" cy="11.0001" r="0.833333" fill="#6E6E6E"/>
+<circle cx="3.49996" cy="7.66683" r="0.833333" fill="#6E6E6E"/>
+<circle cx="0.833333" cy="7.66683" r="0.833333" fill="#6E6E6E"/>
+<circle cx="3.49996" cy="4.33333" r="0.833333" fill="#6E6E6E"/>
+<circle cx="0.833333" cy="4.33333" r="0.833333" fill="#6E6E6E"/>
+<circle cx="3.49996" cy="1.00008" r="0.833333" fill="#6E6E6E"/>
+<circle cx="0.833333" cy="1.00008" r="0.833333" fill="#6E6E6E"/>
+</svg>

package/src/svg/drawer-tab-hover.svg

@@ -0,0 +1,8 @@
+<svg width="26" height="18" viewBox="0 0 26 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g transform="translate(0.5, 0.5)">
+        <path d="M 0 4 C 0 1 1 0 4 0 L 26 0 L 26 17 L 4 17 C 1.791 17 0 15.209 0 13 Z" stroke="#042121"></path>
+        <path
+            d="M 5.646 5.52 L 8.626 8.5 L 5.646 11.48 C 5.451 11.675 5.451 11.992 5.646 12.187 C 5.842 12.382 6.158 12.382 6.353 12.187 L 9.687 8.854 L 10.04 8.5 L 6.353 4.813 C 6.158 4.618 5.842 4.618 5.646 4.813 C 5.451 5.008 5.451 5.325 5.646 5.52 Z M 9.98 5.52 L 12.96 8.5 L 9.98 11.48 C 9.785 11.675 9.785 11.992 9.98 12.187 C 10.175 12.382 10.492 12.382 10.687 12.187 L 14.374 8.5 L 10.687 4.813 C 10.492 4.618 10.175 4.618 9.98 4.813 C 9.785 5.008 9.785 5.325 9.98 5.52 Z"
+            fill="#042121"></path>
+    </g>
+</svg>

package/src/svg/drawer-tab-invert-hover.svg

@@ -0,0 +1,9 @@
+<svg width="26" height="18" viewBox="0 0 26 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g transform="translate(0.5, 0.5)">
+        <path d="
+        M 0 4 C 0 1.791 1.791 0 4 0 L 26 0 L 26 17 L 4 17 C 1.791 17 0 15.209 0 13 Z
+        M 14.228 11.48 L 11.248 8.5 L 14.228 5.52 C 14.423 5.325 14.423 5.008 14.228 4.813 C 14.033 4.618 13.716 4.618 13.521 4.813 L 9.834 8.5 L 13.521 12.187 C 13.716 12.382 14.033 12.382 14.228 12.187 C 14.423 11.992 14.423 11.675 14.228 11.48 Z
+        M 9.894 11.48 L 6.914 8.5 L 9.894 5.52 C 10.089 5.325 10.089 5.008 9.894 4.813 C 9.698 4.618 9.382 4.618 9.187 4.813 L 5.853 8.146 L 5.5 8.5 L 9.187 12.187 C 9.382 12.382 9.698 12.382 9.894 12.187 C 10.089 11.992 10.089 11.675 9.894 11.48 Z 
+        " fill="#042121"></path>
+    </g>
+</svg>

package/src/svg/drawer-tab-invert.svg

@@ -0,0 +1,8 @@
+<svg width="26" height="18" viewBox="0 0 25 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g transform="translate(0.5, 0.5)">
+        <path d="
+            M 14.228 11.48 L 11.248 8.5 L 14.228 5.52 C 14.423 5.325 14.423 5.008 14.228 4.813 C 14.033 4.618 13.716 4.618 13.521 4.813 L 9.834 8.5 L 13.521 12.187 C 13.716 12.382 14.033 12.382 14.228 12.187 C 14.423 11.992 14.423 11.675 14.228 11.48 Z
+            M 9.894 11.48 L 6.914 8.5 L 9.894 5.52 C 10.089 5.325 10.089 5.008 9.894 4.813 C 9.698 4.618 9.382 4.618 9.187 4.813 L 5.853 8.146 L 5.5 8.5 L 9.187 12.187 C 9.382 12.382 9.698 12.382 9.894 12.187 C 10.089 11.992 10.089 11.675 9.894 11.48 Z 
+            " fill="#042121"></path>
+    </g>
+</svg>

package/src/svg/drawer-tab.svg

@@ -0,0 +1,7 @@
+<svg width="26" height="18" viewBox="0 0 25 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g transform="translate(0.5, 0.5)">
+        <path
+            d="M 0 4 C 0 1.791 1.791 0 4 0 L 26 0 L 26 17 L 4 17 C 1.791 17 0 15.209 0 13 Z M 5.646 5.52 L 8.626 8.5 L 5.646 11.48 C 5.451 11.675 5.451 11.992 5.646 12.187 C 5.842 12.382 6.158 12.382 6.353 12.187 L 9.687 8.854 L 10.04 8.5 L 6.353 4.813 C 6.158 4.618 5.842 4.618 5.646 4.813 C 5.451 5.008 5.451 5.325 5.646 5.52 Z M 9.98 5.52 L 12.96 8.5 L 9.98 11.48 C 9.785 11.675 9.785 11.992 9.98 12.187 C 10.175 12.382 10.492 12.382 10.687 12.187 L 14.374 8.5 L 10.687 4.813 C 10.492 4.618 10.175 4.618 9.98 4.813 C 9.785 5.008 9.785 5.325 9.98 5.52 Z"
+            fill="#042121"></path>
+    </g>
+</svg>

package/src/svg/dropdown-selector-light.svg

@@ -0,0 +1,3 @@
+<svg width="6" height="4" viewBox="0 0 6 4" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1 1L3.17687 3.17687L5.35374 1" stroke="#ffffff" stroke-width="0.725624" stroke-linecap="round"/>
+</svg>

package/src/svg/dropdown-selector.svg

@@ -0,0 +1,3 @@
+<svg width="6" height="4" viewBox="0 0 6 4" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1 1L3.17687 3.17687L5.35374 1" stroke="#042121" stroke-width="0.725624" stroke-linecap="round"/>
+</svg>

package/src/svg/duplicate-icon.svg

@@ -0,0 +1,4 @@
+<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14 13.5V16H6V6H8.5" stroke="#042121"/>
+<rect x="8.5" y="4.5" width="7" height="9" stroke="#042121"/>
+</svg>

package/src/svg/editable-icon.svg

@@ -0,0 +1,5 @@
+<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 14L13.7929 5.20711C14.1834 4.81658 14.8166 4.81658 15.2071 5.20711L15.7929 5.79289C16.1834 6.18342 16.1834 6.81658 15.7929 7.20711L7 16H5V14Z" stroke="#042121"/>
+<path d="M13 10.5L10.5 8L12 6.5L14.5 9L13 10.5Z" fill="#042121"/>
+<path d="M15 8.5L12.5 6L13.7929 4.70711C14.1834 4.31658 14.8166 4.31658 15.2071 4.70711L16.2929 5.79289C16.6834 6.18342 16.6834 6.81658 16.2929 7.20711L15 8.5Z" fill="#042121"/>
+</svg>

package/src/svg/export-icon.svg

@@ -0,0 +1,4 @@
+<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14 11.8L14 15L6 15L6 7L8.4 7" stroke="#042121"/>
+<path d="M16.5 5C16.5 4.72386 16.2761 4.5 16 4.5H11.5C11.2239 4.5 11 4.72386 11 5C11 5.27614 11.2239 5.5 11.5 5.5H15.5V9.5C15.5 9.77614 15.7239 10 16 10C16.2761 10 16.5 9.77614 16.5 9.5V5ZM15.6464 4.64645L10.6464 9.64645L11.3536 10.3536L16.3536 5.35355L15.6464 4.64645Z" fill="#042121"/>
+</svg>

package/src/svg/expression.svg

@@ -0,0 +1,10 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <defs></defs>
+    <path d="M 15.915 8.555 L 10.213 14.257" stroke-width="1.00491" stroke-linecap="round" style="stroke: #042121">
+    </path>
+    <path
+        d="M 1.616 14.33 L 3.251 14.33 C 4.28 14.33 5.158 13.586 5.327 12.571 L 6.584 4.992 C 6.752 3.976 7.63 3.232 8.66 3.232 L 11.347 3.232"
+        stroke-width="1.00491" stroke-linecap="round" style="stroke:#042121"></path>
+    <path d="M 10.212 8.555 L 15.914 14.257" stroke-width="1.00491" stroke-linecap="round" style="stroke: #042121">
+    </path>
+</svg>

package/src/svg/free-scroll-icon.svg

@@ -0,0 +1,5 @@
+<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="6.5" y="8.5" width="8" height="7" stroke="#042121"/>
+<path d="M8 8V7.80776C8 6.25708 9.25708 5 10.8078 5H10.9384C12.15 5 13.2061 5.82459 13.5 7V7" stroke="#042121"/>
+<path d="M11.5 12C11.5 12.5523 11.0523 13 10.5 13C9.94772 13 9.5 12.5523 9.5 12C9.5 11.4477 9.94772 11 10.5 11C11.0523 11 11.5 11.4477 11.5 12Z" fill="#042121"/>
+</svg>

package/src/svg/inactive-mouseover.svg

@@ -0,0 +1,4 @@
+<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <circle cx="5.5" cy="5.5" r="5" stroke="#3F4343" />
+    <circle cx="5.5" cy="5.5" r="3" stroke="#3F4343" />
+</svg>

package/src/svg/mega-menu-icons-candlestick.svg

@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 80 70" style="enable-background:new 0 0 80 70;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#042121;}
+</style>
+<g id="Layer_1">
+</g>
+<g id="Layer_2">
+</g>
+<g id="Layer_3">
+</g>
+<g id="Layer_4">
+</g>
+<g id="Layer_5">
+</g>
+<g id="Layer_6">
+</g>
+<g id="Layer_7">
+</g>
+<g id="Layer_8">
+</g>
+<g id="Layer_9">
+</g>
+<g id="Layer_10">
+</g>
+<g id="Layer_12">
+</g>
+<g id="Layer_13">
+</g>
+<g id="Layer_11">
+	<g>
+		<path class="st0" d="M30,10.8h-2v11.9h-8v37.6h18V22.6h-8V10.8z M36,58.2H22V24.6h14V58.2z"/>
+		<path class="st0" d="M53,38.5v-9.9h-2v9.9h-7v21.8h16V38.5H53z M58,58.2H46V40.5h12V58.2z"/>
+	</g>
+</g>
+</svg>

package/src/svg/mega-menu-icons-datagrid.svg

@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 80 70" style="enable-background:new 0 0 80 70;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#042121;}
+</style>
+<g id="Layer_1">
+</g>
+<g id="Layer_2">
+	<path class="st0" d="M70,10H10c-1.1,0-2,0.9-2,2v46c0,1.1,0.9,2,2,2h60c1.1,0,2-0.9,2-2V12C72,10.9,71.1,10,70,10z M70,12v14H56.5
+		V12H70z M25.5,28H39v14H25.5V28z M23.5,42H10l0-14h13.5V42z M41,28h13.5v14H41V28z M56.5,28H70v14H56.5V28z M54.5,12v14H41V12H54.5
+		z M39,12v14H25.5V12H39z M10,12h13.5v14H10L10,12L10,12z M10,58l0-14h13.5v14H10z M25.5,58V44H39v14H25.5z M41,58V44h13.5v14H41z
+		 M56.5,58V44H70v14H56.5z"/>
+</g>
+<g id="Layer_3">
+</g>
+<g id="Layer_4">
+</g>
+<g id="Layer_5">
+</g>
+<g id="Layer_6">
+</g>
+<g id="Layer_7">
+</g>
+<g id="Layer_8">
+</g>
+<g id="Layer_9">
+</g>
+<g id="Layer_10">
+</g>
+<g id="Layer_12">
+</g>
+<g id="Layer_13">
+</g>
+<g id="Layer_11">
+</g>
+</svg>