windmill-components 1.78.0 → 1.82.0

package/components/graph/svelvet/nodes/models/Node.js

@@ -1,7 +1,6 @@
-import { writable, derived, get, readable } from 'svelte/store';
+import { get } from 'svelte/store';
 import { stores } from '../../store/models/store';
 import { getAnchors, getEdgeById } from '../../edges/controllers/util';
-import { getResizeNodes } from '../../resizableNodes/controllers/util';
 /** A Node class that implements NodeType interface
  * @param {string} id The id of the Node
  * @param {number} positionX The X-axis position of the Node (left top corner of the Node)
@@ -60,7 +59,7 @@ export class Node {
      * @param {number} movementY The mouse movement value on the Y-axis
      */
     setPositionFromMovement(movementX, movementY) {
-        const { nodesStore, anchorsStore, resizeNodesStore, potentialAnchorsStore, boundary, lockedOption, } = stores[this.canvasId];
+        const { nodesStore, anchorsStore, potentialAnchorsStore, boundary, lockedOption } = stores[this.canvasId];
         if (get(lockedOption))
             return; // don't do anything if locked is enabled
         // boundary sets the boundary of the canvas, or else it is false if their is no boundary
@@ -100,15 +99,6 @@ export class Node {
             }
             return { ...anchors };
         });
-        resizeNodesStore.update((resAnchors) => {
-            for (const anchorId in resAnchors) {
-                if (resAnchors[anchorId].nodeId === this.id) {
-                    resAnchors[anchorId].setPosition(movementX, movementY);
-                    //resAnchors[anchorId].setPosition(movementX, movementY);
-                }
-            }
-            return { ...resAnchors };
-        });
     }
     /**
      * setSizeFromMovement will update the width and height of the Node when user resizes the Node by dragging at the right bottom corner (where the ResizedNode attached), reflect the changes in real time in the nodesStore, and also cascade the changes to all relative elements like Anchors and potential Anchors.
@@ -140,34 +130,6 @@ export class Node {
             return { ...anchors };
         });
     }
-    /**
-     * delete will handle the deletion of a Node (also waterfall down to delete anchors and edges)
-     */
-    delete() {
-        const store = stores[this.canvasId];
-        const { nodesStore, anchorsStore, edgesStore } = stores[this.canvasId];
-        nodesStore.update((nodes) => {
-            for (const nodeId in nodes) {
-                if (nodes[nodeId].id === this.id) {
-                    delete nodes[nodeId];
-                }
-            }
-            return { ...nodes };
-        });
-        // variable `anchors` is an array of Anchor objects on the node
-        const anchors = getAnchors(store, { nodeId: this.id });
-        for (let anchorSelf of anchors) {
-            const edgeId = anchorSelf.edgeId;
-            const edge = getEdgeById(store, edgeId);
-            edge.delete(); // this also deletes anchors. TODO: maybe this should be renamed to explicitly say
-        }
-        // delete the resize nodes
-        const resizeNodesArr = getResizeNodes(store, { nodeId: this.id });
-        // there should be only 1 resize node if option is enabled, 0 if not enabled
-        for (const resizeNode of resizeNodesArr) {
-            resizeNode.delete();
-        }
-    }
     /**
      * setExportableData is going to construct an object that holds all the node data that can be exported. This method is used for Exporting Diagrams feature.
      *
@@ -188,7 +150,7 @@ export class Node {
             image: this.image,
             src: this.src,
             childNodes: this.childNodes,
-            customClassName: this.className,
+            customClassName: this.className
         };
         return exportableData;
     }

package/components/graph/svelvet/store/controllers/storeApi.js

@@ -32,7 +32,7 @@ populateSvelvetStoreFromUserInput(canvasId, nodes, edges)
 */
 import { stores } from '../models/store';
 import { writable, get } from 'svelte/store';
-import { populateAnchorsStore, populateNodesStore, populateEdgesStore, populateResizeNodeStore, } from './util';
+import { populateAnchorsStore, populateNodesStore, populateEdgesStore } from './util';
 import { populateCollapsibleStore } from '../../collapsible/controllers/util';
 /**
  * findStore is going to return the target Svelvet store with the canvasId provided as argument.
@@ -62,7 +62,6 @@ export function createStoreEmpty(canvasId) {
         nodesStore: writable({}),
         edgesStore: writable({}),
         anchorsStore: writable({}),
-        resizeNodesStore: writable({}),
         potentialAnchorsStore: writable({}),
         widthStore: writable(600),
         heightStore: writable(600),
@@ -81,8 +80,7 @@ export function createStoreEmpty(canvasId) {
         lockedOption: writable(false),
         editableOption: writable(false),
         d3ZoomParameters: writable({}),
-        resizableOption: writable(true),
-        highlightEdgesOption: writable(true), // option to turn on/off highlightable edges
+        highlightEdgesOption: writable(true) // option to turn on/off highlightable edges
     };
     return stores[canvasId];
 }
@@ -102,9 +100,6 @@ export function populateSvelvetStoreFromUserInput(canvasId, nodes, edges) {
     populateAnchorsStore(store, nodes, edges, canvasId);
     // populate edges
     populateEdgesStore(store, edges, canvasId);
-    //populate resize Store
-    if (get(store.resizableOption))
-        populateResizeNodeStore(store, nodes, canvasId);
     // populatate collapsible objects if "collapsible" feature is turned on
     if (get(store.collapsibleOption))
         populateCollapsibleStore(store, nodes, edges, canvasId);

package/components/graph/svelvet/store/controllers/util.d.ts

@@ -22,10 +22,3 @@ export declare function populateAnchorsStore(store: StoreType, nodes: UserNodeTy
  * @param canvasId The canvasId of the Svelvet component that holds the nodes
  */
 export declare function populateNodesStore(store: StoreType, nodes: UserNodeType[], canvasId: string): void;
-/**
- * Populates the resizeNodeStore. If a Node is resizable, a small ResizeNode object is going to be attached to the Node's right bottom corner to react to the mouse drag.
- * @param store The Svelvet store containing the state of the Svelvet component
- * @param nodes An array of user specifed nodes (NOT the same as Node)
- * @param canvasId The canvasId of the Svelvet component that holds the resizeNodes
- */
-export declare function populateResizeNodeStore(store: StoreType, nodes: UserNodeType[], canvasId: string): void;

package/components/graph/svelvet/store/controllers/util.js

@@ -1,25 +1,9 @@
-const pkStringGenerator = () => (Math.random() + 1).toString(36).substring(7);
-import { rightCb, leftCb, topCb, bottomCb, } from '../../edges/controllers/anchorCbUser'; // these are callbacks used to calculate anchor position relative to node
-import { dynamicCbCreator, fixedCbCreator, } from '../../edges/controllers/anchorCbDev';
-import { ResizeNode } from '../../resizableNodes/models/ResizeNode';
+const pkStringGenerator = () => (Math.random() + 1).toString(36).substring(7); // these are callbacks used to calculate anchor position relative to node
+import { dynamicCbCreator, fixedCbCreator } from '../../edges/controllers/anchorCbDev';
 import { Anchor } from '../../edges/models/Anchor';
 import { Node } from '../../nodes/models/Node';
 import { Edge } from '../../edges/models/Edge';
-import { writable, derived, get, readable } from 'svelte/store';
-import { getEdgeById, getAnchors } from '../../edges/controllers/util';
-/**
- * Creates resize node on the bottom right corner of the targeted Node
- * @param canvasId The canvasId of the Svelvet component that holds the targeted Node
- * @param nodeId The id of the Node that the resize node attached to
- * @param posX The number of pixels on the x-axis relative to the left top corner of the targeted Node
- * @param posY The number of pixels on the y-axis relative to the left top corner of the targeted Node
- * @returns A ReziseNode object with randomized id, canvasId, nodeId, posX, and posY
- */
-function createResizeNode(canvasId, nodeId, posX, posY) {
-    const id = pkStringGenerator();
-    const resizeNode = new ResizeNode(id, canvasId, nodeId, posX, posY);
-    return resizeNode;
-}
+import { getAnchors } from '../../edges/controllers/util';
 /**
  * Creates an Anchor on the targeted Node with infomation the userNode holds
  * @param store An object containing the state of the Svelvet component. You can access the following through `store`: nodesStore, edgesStore, anchorsStore, etc.
@@ -70,7 +54,7 @@ export function populateEdgesStore(store, edges, canvasId) {
         // source is node.id for the source node
         // target is node.id for the target node
         // We need to get the anchors
-        const { source: sourceNodeId, target: targetNodeId, id: edgeId, type, label, labelBgColor, labelTextColor, edgeColor, animate, noHandle, arrow, clickCallback, className, } = userEdge;
+        const { source: sourceNodeId, target: targetNodeId, id: edgeId, type, label, labelBgColor, labelTextColor, edgeColor, animate, noHandle, arrow, clickCallback, className } = userEdge;
         const anchors = getAnchors(store, { edgeId: edgeId });
         // check that we have two anchors for every edge
         if (anchors.length !== 2)
@@ -162,19 +146,3 @@ export function populateNodesStore(store, nodes, canvasId) {
     // This is actually what sets the store
     store.nodesStore.set(nodesStore);
 }
-/**
- * Populates the resizeNodeStore. If a Node is resizable, a small ResizeNode object is going to be attached to the Node's right bottom corner to react to the mouse drag.
- * @param store The Svelvet store containing the state of the Svelvet component
- * @param nodes An array of user specifed nodes (NOT the same as Node)
- * @param canvasId The canvasId of the Svelvet component that holds the resizeNodes
- */
-export function populateResizeNodeStore(store, nodes, canvasId) {
-    const resizeNodeStore = {};
-    for (let i = 0; i < nodes.length; i++) {
-        const userNode = nodes[i];
-        const { id, width, height, position } = userNode;
-        const resizeNode = createResizeNode(canvasId, id, position.x + width, position.y + height);
-        resizeNodeStore[resizeNode.id] = resizeNode;
-    }
-    store.resizeNodesStore.set(resizeNodeStore);
-}

package/components/graph/svelvet/store/types/types.d.ts

@@ -23,9 +23,6 @@ export interface StoreType {
     anchorsStore: Writable<{
         [key: string]: AnchorType;
     }>;
-    resizeNodesStore: Writable<{
-        [key: string]: ResizeNodeType;
-    }>;
     potentialAnchorsStore: Writable<{
         [key: string]: PotentialAnchorType;
     }>;
@@ -50,7 +47,6 @@ export interface StoreType {
     d3ZoomParameters: Writable<{
         [key: string]: number;
     }>;
-    resizableOption: Writable<boolean>;
     highlightEdgesOption: Writable<boolean>;
 }
 export interface PositionType {
@@ -76,7 +72,6 @@ export interface NodeType {
     };
     canvasId: string;
     setPositionFromMovement: Function;
-    delete: Function;
     setSizeFromMovement: Function;
     setExportableData: Function;
     borderColor: string;

package/components/home/ItemsList.svelte

@@ -238,7 +238,7 @@ let archived = false;
 	</div>
 	<div class="relative">
 		<ListFilters bind:selectedFilter={ownerFilter} filters={owners} />
-		{#if !loading}
+		{#if !loading && filteredItems?.length}
 			<div class="absolute -bottom-2 right-0 bg-white/90">
 				<Toggle size="xs" bind:checked={archived} options={{ right: 'Show archived' }} /></div
 			>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "windmill-components",
-  "version": "1.78.0",
+  "version": "1.82.0",
   "devDependencies": {
     "@playwright/test": "^1.31.1",
     "@sveltejs/adapter-static": "^1.0.0",
@@ -10,6 +10,7 @@
     "@tailwindcss/typography": "^0.5.8",
     "@types/d3": "^7.4.0",
     "@types/d3-zoom": "^3.0.2",
+    "@types/lodash": "^4.14.191",
     "@types/node": "^18.11.18",
     "@types/vscode": "~1.74.0",
     "@typescript-eslint/eslint-plugin": "^5.49.0",
@@ -41,7 +42,7 @@
     "svelte-preprocess": "^5.0.1",
     "svelte-range-slider-pips": "^2.1.1",
     "svelte-splitpanes": "^0.7.3",
-    "svelte2tsx": "^0.6.1",
+    "svelte2tsx": "^0.6.10",
     "tailwindcss": "^3.2.2",
     "tslib": "^2.4.1",
     "typescript": "^4.9.3",
@@ -65,6 +66,7 @@
     "date-fns": "^2.29.3",
     "fast-equals": "^4.0.3",
     "highlight.js": "^11.7.0",
+    "lodash": "^4.17.21",
     "lucide-svelte": "^0.115.0",
     "monaco-editor": "0.33.0",
     "monaco-editor-workers": "0.33.0",
@@ -206,10 +208,12 @@
     "./components/apps/components/helpers/HiddenComponent.svelte": "./components/apps/components/helpers/HiddenComponent.svelte",
     "./components/apps/components/helpers/InputDefaultValue.svelte": "./components/apps/components/helpers/InputDefaultValue.svelte",
     "./components/apps/components/helpers/InputValue.svelte": "./components/apps/components/helpers/InputValue.svelte",
+    "./components/apps/components/helpers/Loader.svelte": "./components/apps/components/helpers/Loader.svelte",
     "./components/apps/components/helpers/MissingConnectionWarning.svelte": "./components/apps/components/helpers/MissingConnectionWarning.svelte",
     "./components/apps/components/helpers/NonRunnableComponent.svelte": "./components/apps/components/helpers/NonRunnableComponent.svelte",
     "./components/apps/components/helpers/RefreshButton.svelte": "./components/apps/components/helpers/RefreshButton.svelte",
     "./components/apps/components/helpers/ResizeWrapper.svelte": "./components/apps/components/helpers/ResizeWrapper.svelte",
+    "./components/apps/components/helpers/ResolveConfig.svelte": "./components/apps/components/helpers/ResolveConfig.svelte",
     "./components/apps/components/helpers/RunnableComponent.svelte": "./components/apps/components/helpers/RunnableComponent.svelte",
     "./components/apps/components/helpers/RunnableWrapper.svelte": "./components/apps/components/helpers/RunnableWrapper.svelte",
     "./components/apps/components/helpers/eval": "./components/apps/components/helpers/eval.js",
@@ -242,7 +246,6 @@
     "./components/apps/editor/AppPreview.svelte": "./components/apps/editor/AppPreview.svelte",
     "./components/apps/editor/ComponentHeader.svelte": "./components/apps/editor/ComponentHeader.svelte",
     "./components/apps/editor/GridEditor.svelte": "./components/apps/editor/GridEditor.svelte",
-    "./components/apps/editor/GridPanel.svelte": "./components/apps/editor/GridPanel.svelte",
     "./components/apps/editor/GridViewer.svelte": "./components/apps/editor/GridViewer.svelte",
     "./components/apps/editor/RecomputeAllComponents.svelte": "./components/apps/editor/RecomputeAllComponents.svelte",
     "./components/apps/editor/SettingsPanel.svelte": "./components/apps/editor/SettingsPanel.svelte",
@@ -260,7 +263,6 @@
     "./components/apps/editor/componentsPanel/CssSettings.svelte": "./components/apps/editor/componentsPanel/CssSettings.svelte",
     "./components/apps/editor/componentsPanel/ListItem.svelte": "./components/apps/editor/componentsPanel/ListItem.svelte",
     "./components/apps/editor/componentsPanel/componentDefaultProps": "./components/apps/editor/componentsPanel/componentDefaultProps.js",
-    "./components/apps/editor/componentsPanel/componentStaticValues": "./components/apps/editor/componentsPanel/componentStaticValues.js",
     "./components/apps/editor/componentsPanel/store": "./components/apps/editor/componentsPanel/store.js",
     "./components/apps/editor/contextPanel/ComponentOutput.svelte": "./components/apps/editor/contextPanel/ComponentOutput.svelte",
     "./components/apps/editor/contextPanel/ComponentOutputViewer.svelte": "./components/apps/editor/contextPanel/ComponentOutputViewer.svelte",
@@ -278,6 +280,7 @@
     "./components/apps/editor/inlineScriptsPanel/InlineScriptEditorPanel.svelte": "./components/apps/editor/inlineScriptsPanel/InlineScriptEditorPanel.svelte",
     "./components/apps/editor/inlineScriptsPanel/InlineScriptsPanel.svelte": "./components/apps/editor/inlineScriptsPanel/InlineScriptsPanel.svelte",
     "./components/apps/editor/inlineScriptsPanel/InlineScriptsPanelList.svelte": "./components/apps/editor/inlineScriptsPanel/InlineScriptsPanelList.svelte",
+    "./components/apps/editor/inlineScriptsPanel/InlineScriptsPanelWithTable.svelte": "./components/apps/editor/inlineScriptsPanel/InlineScriptsPanelWithTable.svelte",
     "./components/apps/editor/inlineScriptsPanel/utils": "./components/apps/editor/inlineScriptsPanel/utils.js",
     "./components/apps/editor/settingsPanel/AlignmentEditor.svelte": "./components/apps/editor/settingsPanel/AlignmentEditor.svelte",
     "./components/apps/editor/settingsPanel/ArrayStaticInputEditor.svelte": "./components/apps/editor/settingsPanel/ArrayStaticInputEditor.svelte",
@@ -287,6 +290,7 @@
     "./components/apps/editor/settingsPanel/GridTab.svelte": "./components/apps/editor/settingsPanel/GridTab.svelte",
     "./components/apps/editor/settingsPanel/InputsSpecEditor.svelte": "./components/apps/editor/settingsPanel/InputsSpecEditor.svelte",
     "./components/apps/editor/settingsPanel/InputsSpecsEditor.svelte": "./components/apps/editor/settingsPanel/InputsSpecsEditor.svelte",
+    "./components/apps/editor/settingsPanel/OneOfInputSpecsEditor.svelte": "./components/apps/editor/settingsPanel/OneOfInputSpecsEditor.svelte",
     "./components/apps/editor/settingsPanel/PickFlow.svelte": "./components/apps/editor/settingsPanel/PickFlow.svelte",
     "./components/apps/editor/settingsPanel/PickInlineScript.svelte": "./components/apps/editor/settingsPanel/PickInlineScript.svelte",
     "./components/apps/editor/settingsPanel/Recompute.svelte": "./components/apps/editor/settingsPanel/Recompute.svelte",
@@ -303,11 +307,16 @@
     "./components/apps/editor/settingsPanel/inputEditor/RowInputEditor.svelte": "./components/apps/editor/settingsPanel/inputEditor/RowInputEditor.svelte",
     "./components/apps/editor/settingsPanel/inputEditor/RunnableInputEditor.svelte": "./components/apps/editor/settingsPanel/inputEditor/RunnableInputEditor.svelte",
     "./components/apps/editor/settingsPanel/inputEditor/StaticInputEditor.svelte": "./components/apps/editor/settingsPanel/inputEditor/StaticInputEditor.svelte",
+    "./components/apps/editor/settingsPanel/inputEditor/TabSelectInput.svelte": "./components/apps/editor/settingsPanel/inputEditor/TabSelectInput.svelte",
     "./components/apps/editor/settingsPanel/inputEditor/UploadInputEditor.svelte": "./components/apps/editor/settingsPanel/inputEditor/UploadInputEditor.svelte",
     "./components/apps/editor/settingsPanel/mainInput/InlineScriptList.svelte": "./components/apps/editor/settingsPanel/mainInput/InlineScriptList.svelte",
     "./components/apps/editor/settingsPanel/mainInput/RunnableSelector.svelte": "./components/apps/editor/settingsPanel/mainInput/RunnableSelector.svelte",
     "./components/apps/editor/settingsPanel/mainInput/WorkspaceFlowList.svelte": "./components/apps/editor/settingsPanel/mainInput/WorkspaceFlowList.svelte",
     "./components/apps/editor/settingsPanel/mainInput/WorkspaceScriptList.svelte": "./components/apps/editor/settingsPanel/mainInput/WorkspaceScriptList.svelte",
+    "./components/apps/editor/settingsPanel/triggerLists/BackgroundScriptTriggerList.svelte": "./components/apps/editor/settingsPanel/triggerLists/BackgroundScriptTriggerList.svelte",
+    "./components/apps/editor/settingsPanel/triggerLists/ComponentTriggerList.svelte": "./components/apps/editor/settingsPanel/triggerLists/ComponentTriggerList.svelte",
+    "./components/apps/editor/settingsPanel/triggerLists/TriggerBadgesList.svelte": "./components/apps/editor/settingsPanel/triggerLists/TriggerBadgesList.svelte",
+    "./components/apps/editor/settingsPanel/triggerLists/triggerListUtils": "./components/apps/editor/settingsPanel/triggerLists/triggerListUtils.js",
     "./components/apps/gridUtils": "./components/apps/gridUtils.js",
     "./components/apps/inputType": "./components/apps/inputType.js",
     "./components/apps/rx": "./components/apps/rx.js",
@@ -458,11 +467,7 @@
     "./components/graph/svelvet/editEdges/views/EditEdge.svelte": "./components/graph/svelvet/editEdges/views/EditEdge.svelte",
     "./components/graph/svelvet/nodes/controllers/util": "./components/graph/svelvet/nodes/controllers/util.js",
     "./components/graph/svelvet/nodes/models/Node": "./components/graph/svelvet/nodes/models/Node.js",
-    "./components/graph/svelvet/nodes/views/EditNode.svelte": "./components/graph/svelvet/nodes/views/EditNode.svelte",
     "./components/graph/svelvet/nodes/views/Node.svelte": "./components/graph/svelvet/nodes/views/Node.svelte",
-    "./components/graph/svelvet/resizableNodes/controllers/util": "./components/graph/svelvet/resizableNodes/controllers/util.js",
-    "./components/graph/svelvet/resizableNodes/models/ResizeNode": "./components/graph/svelvet/resizableNodes/models/ResizeNode.js",
-    "./components/graph/svelvet/resizableNodes/views/ResizeNode.svelte": "./components/graph/svelvet/resizableNodes/views/ResizeNode.svelte",
     "./components/graph/svelvet/store/controllers/storeApi": "./components/graph/svelvet/store/controllers/storeApi.js",
     "./components/graph/svelvet/store/controllers/userApi": "./components/graph/svelvet/store/controllers/userApi.js",
     "./components/graph/svelvet/store/controllers/util": "./components/graph/svelvet/store/controllers/util.js",

package/utils.d.ts

@@ -114,3 +114,5 @@ export declare function isCloudHosted(): boolean;
 export declare function isObject(obj: any): boolean;
 export declare function debounce(func: (...args: any[]) => any, wait: number): (...args: any[]) => void;
 export declare function throttle<T>(func: (...args: any[]) => T, wait: number): (...args: any[]) => void;
+export declare function isMac(): boolean;
+export declare function getModifierKey(): string;

package/utils.js

@@ -601,3 +601,9 @@ export function throttle(func, wait) {
         }
     };
 }
+export function isMac() {
+    return navigator.userAgent.indexOf('Mac OS X') !== -1;
+}
+export function getModifierKey() {
+    return isMac() ? '⌘' : 'CTRL';
+}

package/components/apps/editor/GridPanel.svelte

@@ -1,31 +0,0 @@
-<script>import { getContext } from 'svelte';
-import ComponentPanel from './settingsPanel/ComponentPanel.svelte';
-const { selectedComponent } = getContext('AppViewerContext');
-export let gridItems;
-export let parent;
-//$: sortedItems = gridItems.sort((a, b) => a.id.localeCompare - b.id)
-</script>
-
-{#each gridItems as gridItem (gridItem.id)}
-	{#if gridItem?.data?.id === $selectedComponent}
-		<ComponentPanel {parent} bind:component={gridItem.data} />
-	{:else if gridItem?.data?.type === 'tablecomponent'}
-		{#each gridItem.data.actionButtons as actionButton (actionButton.id)}
-			{#if actionButton.id === $selectedComponent}
-				<ComponentPanel
-					parent={undefined}
-					noGrid
-					rowColumns
-					bind:component={actionButton}
-					duplicateMoveAllowed={false}
-					onDelete={() => {
-						//@ts-ignore
-						gridItem.data.actionButtons = gridItem.data.actionButtons.filter(
-							(c) => c.id !== actionButton.id
-						)
-					}}
-				/>
-			{/if}
-		{/each}
-	{/if}
-{/each}

package/components/apps/editor/GridPanel.svelte.d.ts

@@ -1,18 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { GridItem } from '../types';
-declare const __propDef: {
-    props: {
-        gridItems: GridItem[];
-        parent: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type GridPanelProps = typeof __propDef.props;
-export type GridPanelEvents = typeof __propDef.events;
-export type GridPanelSlots = typeof __propDef.slots;
-export default class GridPanel extends SvelteComponentTyped<GridPanelProps, GridPanelEvents, GridPanelSlots> {
-}
-export {};

package/components/apps/editor/componentsPanel/componentStaticValues.d.ts

@@ -1,12 +0,0 @@
-export declare const staticValues: {
-    readonly buttonColorOptions: ("blue" | "gray" | "red" | "green" | "dark" | "light" | "none")[];
-    readonly tabsKindOptions: readonly ["tabs", "sidebar", "invisibleOnView"];
-    readonly buttonSizeOptions: readonly ["xs", "sm", "md", "lg", "xl"];
-    readonly tableSearchOptions: readonly ["By Component", "By Runnable", "Disabled"];
-    readonly chartThemeOptions: readonly ["theme1", "theme2", "theme3"];
-    readonly textStyleOptions: readonly ["Title", "Subtitle", "Body", "Label", "Caption"];
-    readonly currencyOptions: readonly ["USD", "EUR", "GBP", "CAD", "AUD", "JPY", "CNY", "INR", "BRL"];
-    readonly localeOptions: readonly ["en-US", "en-GB", "en-IE", "de-DE", "fr-FR", "br-FR", "ja-JP", "pt-TL", "fr-CA", "en-CA"];
-    readonly objectFitOptions: readonly ["contain", "cover", "fill"];
-    readonly splitPanelOptions: readonly ["2", "3", "4"];
-};

package/components/apps/editor/componentsPanel/componentStaticValues.js

@@ -1,25 +0,0 @@
-import { BUTTON_COLORS } from '../../../common';
-const buttonColorOptions = [...BUTTON_COLORS];
-export const staticValues = {
-    buttonColorOptions,
-    tabsKindOptions: ['tabs', 'sidebar', 'invisibleOnView'],
-    buttonSizeOptions: ['xs', 'sm', 'md', 'lg', 'xl'],
-    tableSearchOptions: ['By Component', 'By Runnable', 'Disabled'],
-    chartThemeOptions: ['theme1', 'theme2', 'theme3'],
-    textStyleOptions: ['Title', 'Subtitle', 'Body', 'Label', 'Caption'],
-    currencyOptions: ['USD', 'EUR', 'GBP', 'CAD', 'AUD', 'JPY', 'CNY', 'INR', 'BRL'],
-    localeOptions: [
-        'en-US',
-        'en-GB',
-        'en-IE',
-        'de-DE',
-        'fr-FR',
-        'br-FR',
-        'ja-JP',
-        'pt-TL',
-        'fr-CA',
-        'en-CA'
-    ],
-    objectFitOptions: ['contain', 'cover', 'fill'],
-    splitPanelOptions: ['2', '3', '4']
-};

package/components/graph/svelvet/nodes/views/EditNode.svelte

@@ -1,147 +0,0 @@
-<script>
-  import { findStore } from '../../store/controllers/storeApi';
-  import { getNodeById } from '../../nodes/controllers/util';
-
-  export let nodeId;
-  export let canvasId;
-  export let isEditing;
-
-  let label;
-  let width;
-  let height;
-  let customClass;
-  let backgroundColor;
-
-  const store = findStore(canvasId);
-
-  const { nodesStore, nodeSelected } = store;
-  let currentNode = $nodesStore[nodeId];
-
-  const editNode = (e) => {
-    e.preventDefault();
-    if (label) currentNode.data.label = label;
-    if (width) currentNode.width = width;
-    if (height) currentNode.height = height;
-    if (backgroundColor) currentNode.bgColor = backgroundColor;
-    width = '';
-    height = '';
-    customClass = '';
-    label = '';
-
-    store.nodesStore.set($nodesStore);
-  };
-</script>
-
-{#if isEditing}
-  <div
-    on:mouseover={(e) => ($nodeSelected = true)}
-    on:focus
-    on:wheel|preventDefault
-    class="EditNode"
-    style="left:{currentNode.positionX +
-      currentNode.width}px; top:{currentNode.positionY}px"
-  >
-    <form on:submit={editNode}>
-      <label for="label-input">Label</label>
-      <input
-        type="text"
-        id="label-input-{nodeId}"
-        placeholder={currentNode.data.label}
-        bind:value={label}
-      />
-
-      <label for="bg-color-input">Background Color</label>
-      <input
-        type="color"
-        id="bg-color-input-{nodeId}"
-        class="bgci"
-        bind:value={backgroundColor}
-      />
-      <input
-        type="text"
-        placeholder={currentNode.bgColor}
-        bind:value={backgroundColor}
-      />
-    </form>
-    <div class="btn-container">
-      <button
-        on:click={(e) => {
-          const store = findStore(canvasId);
-          const node = getNodeById(store, nodeId);
-          node.delete();
-          isEditing = false;
-        }}>Delete Node</button
-      >
-      <button
-        on:click={(e) => {
-          editNode(e);
-          isEditing = false;
-        }}>Submit</button
-      >
-    </div>
-  </div>
-{/if}
-
-<style>
-  .EditNode {
-    position: absolute;
-    padding: 0 1rem 1rem 1rem;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    border: 1px solid #333333;
-    border-radius: 0.25rem;
-    background-color: #ffffff;
-    z-index: 10;
-    -webkit-user-select: text;
-       -moz-user-select: text;
-            user-select: text;
-    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.4);
-    color: #333333;
-    pointer-events: auto; /* this is needed for pointer events to work since we disable them in graphview */
-  }
-
-  label {
-    font-size: 0.8rem;
-    font-weight: bold;
-    margin-bottom: 0.15rem;
-  }
-
-  .btn-container {
-    display: flex;
-    justify-content: space-between;
-    margin-top: 0.5rem;
-  }
-
-  button {
-    border-radius: 0.25rem;
-    background-color: white;
-    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.4);
-    margin: 0.2rem;
-  }
-
-  input {
-    height: 1.6rem;
-    border-color: #e45b56;
-  }
-
-  .bgci {
-    height: 2rem;
-    width: 5rem;
-    padding: 0;
-    border: none;
-    background-color: none;
-  }
-
-  button:hover {
-    cursor: pointer;
-    background-color: #e45b56;
-    color: white;
-  }
-
-  form {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-  }</style>

package/components/graph/svelvet/nodes/views/EditNode.svelte.d.ts

@@ -1,33 +0,0 @@
-/** @typedef {typeof __propDef.props}  EditNodeProps */
-/** @typedef {typeof __propDef.events}  EditNodeEvents */
-/** @typedef {typeof __propDef.slots}  EditNodeSlots */
-export default class EditNode extends SvelteComponentTyped<{
-    nodeId: any;
-    canvasId: any;
-    isEditing: any;
-}, {
-    focus: FocusEvent;
-    wheel: WheelEvent;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type EditNodeProps = typeof __propDef.props;
-export type EditNodeEvents = typeof __propDef.events;
-export type EditNodeSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        nodeId: any;
-        canvasId: any;
-        isEditing: any;
-    };
-    events: {
-        focus: FocusEvent;
-        wheel: WheelEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};

package/components/graph/svelvet/resizableNodes/controllers/util.d.ts

@@ -1,11 +0,0 @@
-import type { StoreType, ResizeNodeType } from '../../store/types/types';
-/**
- * Finds all resizeNodes that matches the conditions specified in the filter parameter from a Svelvet store and returns these resizeNodes in an array
- *
- * @param store The Svelvet store containing the state of a Svelvet component
- * @param filter An object to specify conditions.
- * @returns An array of resizeNode objects that matches the conditions specified in filter parameter
- */
-export declare function getResizeNodes(store: StoreType, filter?: {
-    [key: string]: any;
-}): ResizeNodeType[];