@sme.up/ketchup2 2.0.0-SNAPSHOT-20250808075018 → 2.0.0-SNAPSHOT-20250808094912

package/dist/components/tab-bar/tab-bar-types.d.ts

@@ -1,5 +1,6 @@
 import { DataCell, DataTree } from '../../types/data-structures';
 import { Sizing } from '../../types/global';
+import { ToolbarLeafClickHandler, ToolbarLoadNodeHandler, ToolbarInitialDataLoadHandler } from '../toolbar/toolbar-types';
 export interface TabBarProps {
     /**
      * Tab-bar data is a dataTree
@@ -21,5 +22,15 @@ export interface TabBarProps {
     variant?: "base" | "contained";
     selectedIndex?: number;
     onTabChange?: (index: number, cell: DataCell) => void;
+    /**
+     * Handlers for toolbar interaction
+     * - Leaf node click
+     * - Dynamic node children loading
+     * - Load the initial data with a callback
+     *   without the need of the data-prop
+     */
+    onToolbarLeafNodeClick?: ToolbarLeafClickHandler;
+    onToolbarLoadNodeData?: ToolbarLoadNodeHandler;
+    onToolbarLoadInitialData?: ToolbarInitialDataLoadHandler;
 }
 //# sourceMappingURL=tab-bar-types.d.ts.map

package/dist/components/tab-bar/tab-bar-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab-bar-types.d.ts","sourceRoot":"","sources":["../../../src/components/tab-bar/tab-bar-types.tsx"],"names":[],"mappings":"AACA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAE3C,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAA;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,WAAW,CAAA;IAE9B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAA;CACtD"}
+{"version":3,"file":"tab-bar-types.d.ts","sourceRoot":"","sources":["../../../src/components/tab-bar/tab-bar-types.tsx"],"names":[],"mappings":"AACA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAC3C,OAAO,EACL,uBAAuB,EACvB,sBAAsB,EACtB,6BAA6B,EAC9B,MAAM,0BAA0B,CAAA;AAEjC,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAA;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,WAAW,CAAA;IAE9B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAA;IACrD;;;;;;OAMG;IACH,sBAAsB,CAAC,EAAE,uBAAuB,CAAA;IAChD,qBAAqB,CAAC,EAAE,sBAAsB,CAAA;IAC9C,wBAAwB,CAAC,EAAE,6BAA6B,CAAA;CACzD"}

package/dist/components/tab-bar/tab-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab-bar.d.ts","sourceRoot":"","sources":["../../../src/components/tab-bar/tab-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAM7C,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAgJxC,CAAA"}
+{"version":3,"file":"tab-bar.d.ts","sourceRoot":"","sources":["../../../src/components/tab-bar/tab-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAU7C,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAyKxC,CAAA"}

package/dist/components/toolbar/assets/data.d.ts

@@ -0,0 +1,7 @@
+import { DataNode, DataTree } from '../../../types/data-structures';
+export declare const empty_node: DataNode;
+export declare const empty_radio_node: (node: DataNode) => DataNode;
+export declare const toolbarData_nested_children: DataTree;
+export declare const dynamic_toolbar_data: DataTree;
+export declare const toolbar_with_radio_node: DataTree;
+//# sourceMappingURL=data.d.ts.map

package/dist/components/toolbar/assets/data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../../../src/components/toolbar/assets/data.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,QAAQ,EACR,QAAQ,EACT,MAAM,gCAAgC,CAAA;AAEvC,eAAO,MAAM,UAAU,EAAE,QAOxB,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,MAAM,QAAQ,KAAG,QAOhD,CAAA;AAEF,eAAO,MAAM,2BAA2B,EAAE,QAmFzC,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,QA4ClC,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,QA0HrC,CAAA"}

package/dist/components/toolbar/toolbar-types.d.ts

@@ -0,0 +1,51 @@
+import { Ref } from 'react';
+import { DataNode, DataTree } from '../../types/data-structures';
+export interface ToolbarProps {
+    /**
+     * Toolbar data passing
+     */
+    data?: DataTree;
+    /**
+     * Optional ref assign to wrapper div
+     */
+    ref?: Ref<HTMLDivElement | null>;
+    /**
+     * Handlers for toolbar interaction
+     * - Leaf node click
+     * - Dynamic node children loading
+     * - Load the initial data with a callback
+     *   without the need of the data-prop
+     */
+    onToolbarLeafNodeClick: ToolbarLeafClickHandler;
+    onToolbarLoadNodeData: ToolbarLoadNodeHandler;
+    onToolbarLoadInitialData?: ToolbarInitialDataLoadHandler;
+}
+/**
+ * Reusable Toolbar callbacks types
+ */
+export type ToolbarLeafClickHandler = (node: DataNode) => void;
+export type ToolbarLoadNodeHandler = (node: DataNode) => Promise<DataTree>;
+export type ToolbarInitialDataLoadHandler = () => Promise<DataTree>;
+/**
+ * Toolbar nodes id prefix
+ */
+export declare const TOOLBAR_PREFIX = "smp-toolbar";
+/**
+ * Custom toolbar DataTree extension
+ */
+export interface ToolbarDataTree extends DataTree {
+    children?: ToolbarDataNode[];
+}
+/**
+ * Custom toolbar DataNode extension to allow state
+ */
+export interface ToolbarDataNode extends DataNode {
+    children?: ToolbarDataNode[];
+    isLoading?: boolean;
+    isExpanded?: boolean;
+}
+/**
+ * Managed keys in toolbar navigation
+ */
+export declare const ToolbarKeysToHandle: string[];
+//# sourceMappingURL=toolbar-types.d.ts.map

package/dist/components/toolbar/toolbar-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-types.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/toolbar-types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AAEhE,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAChC;;;;;;OAMG;IACH,sBAAsB,EAAE,uBAAuB,CAAA;IAC/C,qBAAqB,EAAE,sBAAsB,CAAA;IAC7C,wBAAwB,CAAC,EAAE,6BAA6B,CAAA;CACzD;AACD;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAA;AAC9D,MAAM,MAAM,sBAAsB,GAAG,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAA;AAC1E,MAAM,MAAM,6BAA6B,GAAG,MAAM,OAAO,CAAC,QAAQ,CAAC,CAAA;AAEnE;;GAEG;AACH,eAAO,MAAM,cAAc,gBAAgB,CAAA;AAC3C;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,QAAQ;IAC/C,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AACD;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,QAAQ;IAC/C,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AACD;;GAEG;AACH,eAAO,MAAM,mBAAmB,UAQ/B,CAAA"}

package/dist/components/toolbar/toolbar-utils/useKeyboardNavigation.d.ts

@@ -0,0 +1,12 @@
+import { ToolbarDataNode, ToolbarDataTree } from '../toolbar-types';
+import { DataNode } from '../../../types/data-structures';
+/**
+ * Hook for managing keyboard interactions with toolbar
+ * @param refs
+ * @param expandNode
+ * @returns
+ */
+export declare function useKeyboardNavigation(setState: React.Dispatch<React.SetStateAction<ToolbarDataTree | undefined>>, refs: React.RefObject<Map<string, HTMLDivElement>>, handleNodeExpand: (node: ToolbarDataNode, nodeId: string) => Promise<void>): {
+    handleKeyDown: (e: React.KeyboardEvent, node: DataNode, nodeId: string) => Promise<void>;
+};
+//# sourceMappingURL=useKeyboardNavigation.d.ts.map

package/dist/components/toolbar/toolbar-utils/useKeyboardNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/toolbar/toolbar-utils/useKeyboardNavigation.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AASnE,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AAEzD;;;;;GAKG;AACH,wBAAgB,qBAAqB,CACnC,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,GAAG,SAAS,CAAC,CAAC,EAC3E,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,EAClD,gBAAgB,EAAE,CAAC,IAAI,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC;uBAG9D,KAAK,CAAC,aAAa,QAAQ,QAAQ,UAAU,MAAM;EAuDhE"}

package/dist/components/toolbar/toolbar-utils/useToolbarInteractions.d.ts

@@ -0,0 +1,8 @@
+import { DataCell, DataNode } from '../../../types/data-structures';
+import { ToolbarDataNode, ToolbarDataTree, ToolbarLeafClickHandler, ToolbarLoadNodeHandler } from '../toolbar-types';
+export declare function useToolbarInteractions(setState: React.Dispatch<React.SetStateAction<ToolbarDataTree | undefined>>, onToolbarLoadNodeData: ToolbarLoadNodeHandler, onToolbarLeafNodeClick: ToolbarLeafClickHandler): {
+    handleNodeExpand: (node: ToolbarDataNode, nodeId: string) => Promise<void>;
+    handleMouseLeave: (nodeId: string) => void;
+    onToolbarRadioLeafNodeClick: (node: DataNode, nodeId: string, selectedOption: DataCell) => void;
+};
+//# sourceMappingURL=useToolbarInteractions.d.ts.map

package/dist/components/toolbar/toolbar-utils/useToolbarInteractions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToolbarInteractions.d.ts","sourceRoot":"","sources":["../../../../src/components/toolbar/toolbar-utils/useToolbarInteractions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AAEnE,OAAO,EACL,eAAe,EACf,eAAe,EACf,uBAAuB,EACvB,sBAAsB,EACvB,MAAM,kBAAkB,CAAA;AAGzB,wBAAgB,sBAAsB,CACpC,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,GAAG,SAAS,CAAC,CAAC,EAC3E,qBAAqB,EAAE,sBAAsB,EAC7C,sBAAsB,EAAE,uBAAuB;6BAET,eAAe,UAAU,MAAM;+BAqBnC,MAAM;wCA6BhC,QAAQ,UACN,MAAM,kBACE,QAAQ;EA4B3B"}

package/dist/components/toolbar/toolbar-utils/utils.d.ts

@@ -0,0 +1,11 @@
+import { DataNode } from '../../../types/data-structures';
+import { ToolbarDataNode, ToolbarDataTree } from '../toolbar-types';
+export declare const parseNodeIdIntoPath: (nodeId: string) => number[];
+export declare const parsePathIntoNodeId: (path: number[]) => string;
+export declare const getNodeId: (index: number, parentPath?: string) => string;
+export declare const hasDynamicData: (node: DataNode) => node is DataNode & {
+    fun: string;
+};
+export declare const updateNodeAtPath: (tree: ToolbarDataTree, path: number[], updater: (node: ToolbarDataNode) => ToolbarDataNode, siblingsUpdater?: (node: ToolbarDataNode) => ToolbarDataNode) => ToolbarDataTree;
+export declare const focusNode: (refs: React.RefObject<Map<string, HTMLDivElement>>, id: string) => void;
+//# sourceMappingURL=utils.d.ts.map

package/dist/components/toolbar/toolbar-utils/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/toolbar/toolbar-utils/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AACzD,OAAO,EAEL,eAAe,EACf,eAAe,EAChB,MAAM,kBAAkB,CAAA;AAGzB,eAAO,MAAM,mBAAmB,GAAI,QAAQ,MAAM,KAAG,MAAM,EAM1D,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,MAAM,MAAM,EAAE,KAAG,MAEpD,CAAA;AAGD,eAAO,MAAM,SAAS,GAAI,OAAO,MAAM,EAAE,aAAa,MAAM,WAE3D,CAAA;AAED,eAAO,MAAM,cAAc,GACzB,MAAM,QAAQ,KACb,IAAI,IAAI,QAAQ,GAAG;IAAE,GAAG,EAAE,MAAM,CAAA;CAMlC,CAAA;AAED,eAAO,MAAM,gBAAgB,GAC3B,MAAM,eAAe,EACrB,MAAM,MAAM,EAAE,EACd,SAAS,CAAC,IAAI,EAAE,eAAe,KAAK,eAAe,EACnD,kBAAkB,CAAC,IAAI,EAAE,eAAe,KAAK,eAAe,KAC3D,eAuDF,CAAA;AAED,eAAO,MAAM,SAAS,GACpB,MAAM,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,EAClD,IAAI,MAAM,SAOX,CAAA"}

package/dist/components/toolbar/toolbar.d.ts

@@ -0,0 +1,3 @@
+import { ToolbarProps } from './toolbar-types';
+export declare const Toolbar: React.FC<ToolbarProps>;
+//# sourceMappingURL=toolbar.d.ts.map

package/dist/components/toolbar/toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/toolbar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAoC,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAShF,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAmK1C,CAAA"}