@tenorlab/react-dashboard 1.3.1 → 1.3.2

package/dist/index.d.ts

@@ -1 +1,321 @@
-export * from './components/';
+import { CSSProperties } from 'react';
+import { default as default_2 } from 'react';
+import { ForwardRefExoticComponent } from 'react';
+import { IChildWidgetConfigEntry } from './interfaces/';
+import { IDashboardConfig } from './interfaces/';
+import { IDashboardGridPropsBase } from './interfaces/';
+import { IDashboardSettingEntry } from './interfaces/';
+import { IDashboardWidgetPropsBase } from './interfaces/';
+import { IDynamicWidgetCatalogEntryBase } from './interfaces/';
+import { JSX } from 'react';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { RefAttributes } from 'react';
+import { StoreApi } from 'zustand';
+import { TDashboardUndoStatus } from './interfaces/';
+import { TDashboardWidgetCatalogBase } from './interfaces/';
+import { TDashboardWidgetKey } from './interfaces/';
+import { TUndoHistoryEntry } from './interfaces/';
+import { TWidgetFactoryBase } from './interfaces/';
+import { TWidgetMetaInfoBase } from './interfaces/';
+import { UseBoundStore } from 'zustand';
+
+export declare function AddIcon({ className }: TIconProps): JSX_2.Element;
+
+export declare function Button(props: IButtonProps): JSX_2.Element;
+
+export declare function CircleQuestionMark({ className }: TIconProps): JSX_2.Element;
+
+export declare function CrosshairIcon({ className }: TIconProps): JSX_2.Element;
+
+export declare const DashboardGrid: ForwardRefExoticComponent<IDashboardGridProps & RefAttributes<HTMLDivElement>>;
+
+export declare const DashboardWidgetBase: (props: IDashboardWidgetProps & {
+    ref?: React.ForwardedRef<HTMLDivElement>;
+}) => React.ReactElement | null;
+
+export declare function DeleteIcon({ className }: TIconProps): JSX_2.Element;
+
+export declare const DraggablePanel: ForwardRefExoticComponent<DraggablePanelProps & RefAttributes<HTMLDivElement>>;
+
+declare type DraggablePanelProps = {
+    testId?: string;
+    className: string;
+    style?: CSSProperties;
+    onDraggingChange?: (isDragging: boolean) => void;
+    children: React.ReactNode;
+};
+
+/**
+ * Component to safely load and render dynamic widgets.
+ * This ensures the widget component (and its hooks) is called consistently.
+ * @param {object} props
+ * @param {string} props.widgetKey
+ * @param {(key: string) => Promise<void>} props.onRemoveClick
+ */
+export declare function DynamicWidgetLoader({ index, maxIndex, widgetKey, parentWidgetKey, targetContainerKey, childWidgetsConfig, widgetCatalog, isEditing, extraProps, onRemoveClick, onMoveClick, selectContainer, }: TDynamicWidgetLoaderProps): JSX_2.Element;
+
+export declare function EditIcon({ className }: TIconProps): JSX_2.Element;
+
+export declare function GridIcon({ className }: TIconProps): JSX_2.Element;
+
+export declare function HandGrabIcon({ className }: TIconProps): JSX_2.Element;
+
+export declare function HandIcon({ className }: TIconProps): JSX_2.Element;
+
+export declare interface IButtonProps {
+    disabled?: boolean;
+    className?: string;
+    tooltip?: ITooltipProps;
+    isIconButton?: boolean;
+    buttonType?: TButtonType;
+    category?: string;
+    font?: string;
+    border?: number;
+    borderHover?: number;
+    borderColor?: string;
+    px?: number;
+    py?: number;
+    justifyCss?: TButtonJustifyCss;
+    shadow?: string;
+    shadowHover?: string;
+    addCss?: string;
+    onClick: () => any;
+    children: React.ReactNode;
+}
+
+export declare interface IButtonProps {
+    disabled?: boolean;
+    className?: string;
+    tooltip?: ITooltipProps;
+}
+
+export declare interface IDashboardGridProps extends IDashboardGridPropsBase {
+    children?: ReactNode;
+}
+
+export declare interface IDashboardWidget extends JSX.Element {
+}
+
+export declare interface IDashboardWidgetProps<TExtraProps = any> extends IDashboardWidgetPropsBase<TExtraProps> {
+    children?: ReactNode;
+    onRemoveClick?: (widgetKey: TDashboardWidgetKey, parentWidgetKey?: TDashboardWidgetKey) => void;
+    onMoveClick?: (direction: -1 | 1, widgetKey: TDashboardWidgetKey, parentWidgetKey?: TDashboardWidgetKey) => void;
+    selectContainer?: (containerKey?: TDashboardWidgetKey) => void;
+}
+
+export declare interface IDynamicWidgetCatalogEntry extends IDynamicWidgetCatalogEntryBase<TFrameworkElementType, TFrameworkComponentType> {
+}
+
+/**
+ * Compares two version strings (e.g., "19.2.0" and "19.2.3")
+ * Returns true if the widget version is compatible with the host.
+ * Logic: Host must be >= Widget version for major/minor.
+ */
+export declare const _isVersionCompatible: (hostVer: string, widgetVer: string) => boolean;
+
+export declare interface ITextFieldProps {
+    label: string;
+    size?: TSize;
+    value: string;
+    className?: string;
+    placeholder?: string;
+    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+}
+
+export declare interface ITooltipProps {
+    placement: string;
+    title: string;
+}
+
+export declare interface ITooltipProps {
+    placement: string;
+    title: string;
+}
+
+export declare const ListItem: ForwardRefExoticComponent<TStackProps & {
+innerClass?: string;
+} & RefAttributes<HTMLDivElement>>;
+
+export declare const ListItemLeftChild: ForwardRefExoticComponent<TListItemChildProps & RefAttributes<HTMLDivElement>>;
+
+export declare const ListItemMiddleChild: ForwardRefExoticComponent<TListItemChildProps & RefAttributes<HTMLDivElement>>;
+
+export declare const ListItemRightChild: ForwardRefExoticComponent<TListItemChildProps & RefAttributes<HTMLDivElement>>;
+
+export declare function MonitorIcon({ className }: TIconProps): JSX_2.Element;
+
+export declare function MonitorSmartphoneIcon({ className }: TIconProps): JSX_2.Element;
+
+export declare function MoveLeftIcon({ className }: TIconProps): JSX_2.Element;
+
+export declare function MoveRightIcon({ className }: TIconProps): JSX_2.Element;
+
+export declare function RedoIcon({ className }: TIconProps): JSX_2.Element;
+
+export declare function SettingsIcon({ className }: TIconProps): JSX_2.Element;
+
+export declare const showToast: (options: any) => void;
+
+export declare function Stack(props: TStackProps): JSX_2.Element;
+
+export declare function SvgBaseWrapper({ children, className, }: {
+    children: React.ReactNode;
+    className?: string;
+}): JSX_2.Element;
+
+export declare function TabletSmartphoneIcon({ className }: TIconProps): JSX_2.Element;
+
+declare type TAddWidgetResponse = {
+    success: boolean;
+    message?: string;
+    updatedDashboardConfig: IDashboardConfig;
+    allUpdatedDashboardConfigs: IDashboardConfig[];
+};
+
+export declare function TargetIcon({ className }: TIconProps): JSX_2.Element;
+
+export declare type TButtonJustifyCss = 'justify-start' | 'justify-center' | 'justify-end';
+
+export declare type TButtonType = 'normal' | 'ghost';
+
+declare type TDashboardSlice = {
+    isLoading: boolean;
+    isEditing: boolean;
+    allDashboardConfigs: IDashboardConfig[];
+    currentDashboardConfig: IDashboardConfig;
+    targetContainerKey?: TDashboardWidgetKey | undefined;
+    getNextContainerKey: (containerWidgetKey: TDashboardWidgetKey) => TDashboardWidgetKey;
+    setIsLoading: (value: boolean) => boolean;
+    setIsEditing: (value: boolean) => boolean;
+    setTargetContainerKey: (value: TDashboardWidgetKey | undefined) => TDashboardWidgetKey | undefined;
+    setAllDashboardConfigs: (value: IDashboardConfig[]) => IDashboardConfig[];
+    setCurrentDashboardConfig: (value: IDashboardConfig) => IDashboardConfig[];
+    addDashboardConfig: (value: IDashboardConfig) => IDashboardConfig[];
+    deleteDashboardConfigById: (value: string) => IDashboardConfig[];
+    selectDashboardById: (dashboardId: string) => IDashboardConfig | undefined;
+    addWidget: (params: {
+        widgetKey: TDashboardWidgetKey;
+        parentWidgetKey?: TDashboardWidgetKey;
+        noDuplicatedWidgets?: boolean;
+    }) => TAddWidgetResponse;
+    removeWidget: (widgetKey: TDashboardWidgetKey, parentWidgetKey?: TDashboardWidgetKey) => TRemoveWidgetResponse;
+    moveWidget: (direction: -1 | 1, widgetKey: TDashboardWidgetKey, parentWidgetKey?: TDashboardWidgetKey) => TRemoveWidgetResponse;
+};
+
+export declare type TDashboardUndoService = ReturnType<typeof useDashboardUndoService>;
+
+export declare type TDashboardWidgetCatalog = TDashboardWidgetCatalogBase<TFrameworkElementType, TFrameworkComponentType>;
+
+declare type TDynamicWidgetLoaderProps<TExtraProps = any> = {
+    index: number;
+    maxIndex: number;
+    widgetKey: TDashboardWidgetKey;
+    parentWidgetKey?: TDashboardWidgetKey;
+    targetContainerKey?: TDashboardWidgetKey;
+    childWidgetsConfig?: IChildWidgetConfigEntry[];
+    widgetCatalog: TDashboardWidgetCatalog;
+    isEditing: boolean;
+    extraProps?: TExtraProps;
+    onRemoveClick?: (widgetKey: TDashboardWidgetKey, parentWidgetKey?: TDashboardWidgetKey) => void;
+    onMoveClick?: (direction: -1 | 1, widgetKey: TDashboardWidgetKey, parentWidgetKey?: TDashboardWidgetKey) => void;
+    selectContainer?: (containerKey: TDashboardWidgetKey) => void;
+};
+
+/**
+ * A reusable, styled TextField component built with Tailwind CSS.
+ */
+export declare const TextField: default_2.FC<ITextFieldProps>;
+
+declare type TFrameworkComponentType = React.ComponentType<any>;
+
+declare type TFrameworkElementType = React.ElementType;
+
+declare type TIconProps = {
+    className?: string;
+};
+
+export declare function TimerResetIcon({ className }: TIconProps): JSX_2.Element;
+
+declare type TListItemChildProps = {
+    testId?: string;
+    className?: string;
+    children?: ReactNode;
+};
+
+declare type TProps = {
+    children: React.ReactNode;
+    addCssClasses?: string;
+};
+
+declare type TRemoveWidgetResponse = TAddWidgetResponse;
+
+declare type TSize = 'small' | 'medium';
+
+export declare type TStackProps = {
+    testId?: string;
+    classNames?: string;
+    direction?: 'row' | 'column';
+    style?: CSSProperties;
+    children: React.ReactNode;
+};
+
+export declare type TWidgetFactory = TWidgetFactoryBase<TFrameworkComponentType>;
+
+export declare type TWidgetMetaInfo = TWidgetMetaInfoBase<TFrameworkElementType | undefined>;
+
+export declare type TWidgetsCatalogFlyoutProps = {
+    targetContainerKey?: TDashboardWidgetKey;
+    widgetsCatalog: TDashboardWidgetCatalog;
+    currentDashboardConfig: IDashboardConfig;
+    undoStatus: TDashboardUndoStatus;
+    addWidget: (widgetKey: TDashboardWidgetKey, parentWidgetKey?: TDashboardWidgetKey) => any;
+    addContainer: (widgetKey: TDashboardWidgetKey) => any;
+    onSettingItemsUpdated: (items: IDashboardSettingEntry[]) => any;
+    onResetToDefaultDashboardClick: () => any;
+    onUndoOrRedo: (operation: 'Undo' | 'Redo') => any;
+    onDoneClick: () => any;
+};
+
+export declare function UndoIcon({ className }: TIconProps): JSX_2.Element;
+
+export declare const useDashboardStore: UseBoundStore<StoreApi<TDashboardSlice>>;
+
+export declare const useDashboardUndoService: () => {
+    initializeHistoryForDashboard: (initialConfig: IDashboardConfig) => void;
+    resetAllHistory: () => void;
+    addUndoEntry: (newConfig: IDashboardConfig) => void;
+    removeUndoHistoryForDashboard: (dashboardId: string) => void;
+    undo: (currentDashboardId: string) => void;
+    redo: (currentDashboardId: string) => void;
+    getUndoStatus: (currentDashboardId: string) => TDashboardUndoStatus;
+    undoHistory: Record<string, TUndoHistoryEntry[]>;
+    historyIndex: Record<string, number>;
+};
+
+export declare function WidgetContainerColumn(props: IDashboardWidgetProps): IDashboardWidget;
+
+export declare function WidgetContainerLarge(props: IDashboardWidgetProps): IDashboardWidget;
+
+export declare function WidgetContainerRow(props: IDashboardWidgetProps): IDashboardWidget;
+
+export declare function WidgetsCatalogFlyout(props: TWidgetsCatalogFlyoutProps): JSX_2.Element;
+
+export declare function WrapperColumnContent({ children, addCssClasses }: TProps): JSX_2.Element;
+
+export declare function WrapperColumnContentListItem({ children, addCssClasses }: TProps): JSX_2.Element;
+
+export declare function XCircleIcon({ className }: TIconProps): JSX_2.Element;
+
+export declare function ZoomInIcon({ className }: TIconProps): JSX_2.Element;
+
+export declare function ZoomOutIcon({ className }: TIconProps): JSX_2.Element;
+
+
+export * from "./dashboard-settings";
+export * from "./interfaces/";
+export * from "./storage-service";
+export * from "./utils";
+
+export { }

package/dist/react-dashboard.es.js

@@ -1,29 +1,7 @@
 import ae, { useState as se, useCallback as ce, useMemo as ot, forwardRef as le, useRef as wt, Suspense as Ct, useEffect as St } from "react";
 import { jsxs as $, jsx as s } from "react/jsx-runtime";
 import st from "react-dom";
-const je = (e) => {
-  let n;
-  const t = /* @__PURE__ */ new Set(), r = (p, g) => {
-    const c = typeof p == "function" ? p(n) : p;
-    if (!Object.is(c, n)) {
-      const b = n;
-      n = g ?? (typeof c != "object" || c === null) ? c : Object.assign({}, n, c), t.forEach((v) => v(n, b));
-    }
-  }, a = () => n, u = { setState: r, getState: a, getInitialState: () => y, subscribe: (p) => (t.add(p), () => t.delete(p)) }, y = n = e(r, a, u);
-  return u;
-}, Dt = ((e) => e ? je(e) : je), Tt = (e) => e;
-function Et(e, n = Tt) {
-  const t = ae.useSyncExternalStore(
-    e.subscribe,
-    ae.useCallback(() => n(e.getState()), [e, n]),
-    ae.useCallback(() => n(e.getInitialState()), [e, n])
-  );
-  return ae.useDebugValue(t), t;
-}
-const Nt = (e) => {
-  const n = Dt(e), t = (r) => Et(n, r);
-  return Object.assign(t, n), t;
-}, _t = ((e) => Nt), Mt = [
+const Dt = [
   {
     key: "grid-gap",
     name: "Gap",
@@ -101,15 +79,15 @@ const Nt = (e) => {
     defaultValue: "1.0rem",
     value: "1.0rem"
   }
-], Pt = ["rem", "pc", "cm", "in", "em", "vh", "vw", "%"], $t = (e, n) => Pt.includes(e) ? n : 1, Wt = {
+], Tt = ["rem", "pc", "cm", "in", "em", "vh", "vw", "%"], Et = (e, n) => Tt.includes(e) ? n : 1, Nt = {
   incrementOrDecrementValue: (e, n) => {
-    const t = e.value.match(/([\d.]+)/), r = t ? parseFloat(t[1]) : 0, a = e.value.match(/([^\d.]+)/), i = a ? a[1] : e.defaultUnit, o = $t(i, e.step) * n, u = `${Math.max(r + o, e.minValue).toFixed(1)}${i}`;
+    const t = e.value.match(/([\d.]+)/), r = t ? parseFloat(t[1]) : 0, a = e.value.match(/([^\d.]+)/), i = a ? a[1] : e.defaultUnit, o = Et(i, e.step) * n, u = `${Math.max(r + o, e.minValue).toFixed(1)}${i}`;
     return {
       ...e,
       value: u
     };
   }
-}, lt = (e, n) => `dashboards_${n}_${e}`, It = async (e, n, t, r) => {
+}, lt = (e, n) => `dashboards_${n}_${e}`, _t = async (e, n, t, r) => {
   const a = localStorage.getItem(lt(e, n));
   if (a)
     try {
@@ -146,7 +124,7 @@ const Nt = (e) => {
       console.warn("Error parsing saved dashboard config:", i);
     }
   return [r];
-}, Rt = async (e, n, t, r) => {
+}, Mt = async (e, n, t, r) => {
   t.forEach((i) => {
     if (i.userID = e, i.clientAppKey = n, i.responsiveGrid = i.responsiveGrid ?? !1, typeof i != "object")
       throw new Error("Invalid dashboard configuration");
@@ -158,10 +136,10 @@ const Nt = (e) => {
   });
   const a = JSON.stringify(t);
   return localStorage.setItem(lt(e, n), a), !0;
-}, Ot = {
-  getSavedDashboards: It,
-  saveDashboards: Rt
-}, Mn = () => Ot, we = {
+}, Pt = {
+  getSavedDashboards: _t,
+  saveDashboards: Mt
+}, Mn = () => Pt, we = {
   userID: 0,
   clientAppKey: "",
   dashboardId: "default",
@@ -170,15 +148,15 @@ const Nt = (e) => {
   responsiveGrid: !1,
   widgets: [],
   childWidgetsConfig: [],
-  cssSettings: [...Mt]
+  cssSettings: [...Dt]
 }, dt = (e) => {
   const n = `${e}`.split("_");
   return n.length > 1 ? n[1].replace(/(\D)(\d+)/, "$1 $2") : "Container";
-}, Ae = 0.7, Fe = 1, kt = 0.05, ct = (e) => {
+}, je = 0.7, Ae = 1, $t = 0.05, ct = (e) => {
   let n = Number(e || 0);
-  return n < Ae && (n = Ae), n > Fe && (n = Fe), n;
+  return n < je && (n = je), n > Ae && (n = Ae), n;
 }, Pn = (e, n) => {
-  let t = Number(Number((kt * n).toFixed(2)).toFixed(2)), r = Number((Number(e) + t).toFixed(2));
+  let t = Number(Number(($t * n).toFixed(2)).toFixed(2)), r = Number((Number(e) + t).toFixed(2));
   return ct(r);
 }, $n = (e) => {
   let n = {
@@ -196,7 +174,7 @@ const Nt = (e) => {
     }
     return !0;
   }), n;
-}, jt = (e) => {
+}, Wt = (e) => {
   const n = e.widgets.filter(
     (r) => r.includes("WidgetContainer")
   ), t = {};
@@ -221,7 +199,7 @@ const Nt = (e) => {
     icon: void 0,
     externalDependencies: []
   };
-}, Wn = (e, n, t) => n[e] || he(e, t), At = (e, n) => n.get(e)?.meta || he(e), Ft = (e, n, t) => {
+}, Wn = (e, n, t) => n[e] || he(e, t), It = (e, n) => n.get(e)?.meta || he(e), Rt = (e, n, t) => {
   const r = t || he(e);
   return [
     e,
@@ -245,7 +223,7 @@ const Nt = (e) => {
       loader: n
     }
   ];
-}, Lt = (e) => {
+}, Ot = (e) => {
   const n = e.match(/\/widget-([a-zA-Z0-9-]+)\/index\.ts$/);
   if (n && n[1]) {
     const t = n[1], r = t.split("-"), a = `Widget${r.map((o) => o.charAt(0).toUpperCase() + o.slice(1)).join("")}`, i = r.map((o) => o.charAt(0).toUpperCase() + o.slice(1)).join(" ");
@@ -256,7 +234,7 @@ const Nt = (e) => {
     };
   }
   return null;
-}, Ut = (e, n, t, r) => {
+}, kt = (e, n, t, r) => {
   const a = `${n}/widget-${t}/meta.ts`, i = e[a];
   if (!i)
     return;
@@ -296,10 +274,10 @@ const Nt = (e) => {
 }), Rn = (e, n, t, r = !0) => {
   const a = [];
   for (const i in n) {
-    const o = n[i], u = Lt(i);
+    const o = n[i], u = Ot(i);
     if (u && o) {
       const { key: y, title: p, folder: g } = u;
-      let c = Ut(t, e, g, y);
+      let c = kt(t, e, g, y);
       if (c || (c = he(y, {
         description: `Local ${r ? "dynamic" : "static"} widget`
       })), r)
@@ -308,7 +286,7 @@ const Nt = (e) => {
         );
       else {
         const b = o.default || o;
-        a.push(Ft(y, b, c));
+        a.push(Rt(y, b, c));
       }
     }
   }
@@ -356,7 +334,29 @@ const Nt = (e) => {
   ...new Set(
     [e || "", ...n].join(" ").trim().replace(/\n+/gi, " ").replace(/\s+/gi, " ").split(" ")
   )
-].join(" ").trim(), Vt = (e) => {
+].join(" ").trim(), Fe = (e) => {
+  let n;
+  const t = /* @__PURE__ */ new Set(), r = (p, g) => {
+    const c = typeof p == "function" ? p(n) : p;
+    if (!Object.is(c, n)) {
+      const b = n;
+      n = g ?? (typeof c != "object" || c === null) ? c : Object.assign({}, n, c), t.forEach((v) => v(n, b));
+    }
+  }, a = () => n, u = { setState: r, getState: a, getInitialState: () => y, subscribe: (p) => (t.add(p), () => t.delete(p)) }, y = n = e(r, a, u);
+  return u;
+}, jt = ((e) => e ? Fe(e) : Fe), At = (e) => e;
+function Ft(e, n = At) {
+  const t = ae.useSyncExternalStore(
+    e.subscribe,
+    ae.useCallback(() => n(e.getState()), [e, n]),
+    ae.useCallback(() => n(e.getInitialState()), [e, n])
+  );
+  return ae.useDebugValue(t), t;
+}
+const Lt = (e) => {
+  const n = jt(e), t = (r) => Ft(n, r);
+  return Object.assign(t, n), t;
+}, Ut = ((e) => Lt), Vt = (e) => {
   const n = e.widgets.filter((r) => r.includes("WidgetContainer")).map((r) => Number(r.split("_")[1].replace("container", "")));
   return `container${n.length > 0 ? Math.max(...n) + 1 : 1}`;
 }, qt = (e, n) => {
@@ -412,7 +412,7 @@ const Nt = (e) => {
       ...e,
       childWidgetsConfig: i
     };
-    return `${n}`.includes("Container") && (o = jt(o)), {
+    return `${n}`.includes("Container") && (o = Wt(o)), {
       success: !0,
       updatedDashboardConfig: o
     };
@@ -571,7 +571,7 @@ const Nt = (e) => {
       allUpdatedDashboardConfigs: u
     };
   }
-}), jn = _t()((...e) => ({
+}), jn = Ut()((...e) => ({
   ...Bt(...e)
 })), An = () => {
   const [e, n] = se({}), [t, r] = se({}), a = ce((g) => {
@@ -3022,7 +3022,7 @@ function Tn({ item: e, onSettingItemChanged: n }) {
     const y = u.key;
     if (["ArrowUp", "ArrowDown"].includes(y)) {
       u.preventDefault();
-      const p = Wt.incrementOrDecrementValue(
+      const p = Nt.incrementOrDecrementValue(
         e,
         y === "ArrowUp" ? 1 : -1
       );
@@ -3067,7 +3067,7 @@ function sr(e) {
     onDoneClick: o
   } = e, [u, y] = se("Editing"), [p, g] = se(0), [c, b] = se(""), T = Array.from(e.widgetsCatalog.keys()).map((f) => ({
     widgetKey: f,
-    metaData: At(f, e.widgetsCatalog)
+    metaData: It(f, e.widgetsCatalog)
   })), m = !!e.targetContainerKey, x = (f) => {
     b(f.target.value);
   }, C = (f) => {
@@ -3255,10 +3255,10 @@ export {
   tn as CircleQuestionMark,
   en as CrosshairIcon,
   rr as DashboardGrid,
-  Fe as DashboardMaxZoomScale,
-  Ae as DashboardMinZoomScale,
+  Ae as DashboardMaxZoomScale,
+  je as DashboardMinZoomScale,
   at as DashboardWidgetBase,
-  kt as DashboardZoomStep,
+  $t as DashboardZoomStep,
   Ln as DeleteIcon,
   vn as DraggablePanel,
   Dn as DynamicWidgetLoader,
@@ -3295,21 +3295,21 @@ export {
   Cn as _isVersionCompatible,
   we as blankDashboardConfig,
   ut as createDynamicEntry,
-  Ft as createStaticEntry,
-  Mt as cssSettingsCatalog,
+  Rt as createStaticEntry,
+  Dt as cssSettingsCatalog,
   kn as cssVarsUtils,
-  Wt as dashboardSettingsUtils,
-  jt as ensureContainersSequence,
+  Nt as dashboardSettingsUtils,
+  Wt as ensureContainersSequence,
   ct as ensureZoomScaleIsWithinRange,
   he as getDefaultWidgetMetaFromKey,
   Wn as getDefaultWidgetMetaFromMap,
   G as getDistinctCssClasses,
-  Ut as getMetaInfoFromFile,
+  kt as getMetaInfoFromFile,
   Pn as getNewZoomScaleWithinRange,
-  At as getWidgetMetaFromCatalog,
+  It as getWidgetMetaFromCatalog,
   Rn as localWidgetDiscovery,
   dt as parseContainerTitle,
-  Lt as parseKeyAndTitleFromFilePath,
+  Ot as parseKeyAndTitleFromFilePath,
   In as remoteWidgetDiscovery,
   $n as removeEmptyContainers,
   On as resolveColorFromClass,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tenorlab/react-dashboard",
-  "version": "1.3.1",
+  "version": "1.3.2",
   "description": "Foundation components for creating user-configurable dashboards in React",
   "author": "Damiano Fusco",
   "type": "module",
@@ -18,8 +18,9 @@
   "scripts": {
     "dev": "vite",
     "clean": "rm -rf dist node_modules package-lock.json",
-    "build-types": "tsc src/index.ts --jsx react-jsx --downlevelIteration --esModuleInterop --declaration --emitDeclarationOnly --outDir dist",
-    "build": "npm run pretty; tsc --jsx react-jsx --esModuleInterop && vite build; npm run build-types",
+    "OLD-build-types": "tsc src/index.ts --jsx react-jsx --downlevelIteration --esModuleInterop --declaration --emitDeclarationOnly --outDir dist",
+    "OLD-build": "npm run pretty; tsc --jsx react-jsx --esModuleInterop && vite build; npm run build-types",
+    "build": "npm run pretty && vite build",
     "pub": "npm run build; npm publish --access public --otp=",
     "test": "TESTING=true vitest run",
     "test-watch": "TESTING=true vitest watch",
@@ -43,8 +44,7 @@
         "types": "./dist/index.d.ts",
         "default": "./dist/react-dashboard.umd.js"
       }
-    },
-    "./styles.css": "./dist/react-dashboard.css"
+    }
   },
   "types": "./dist/index.d.ts",
   "main": "./dist/react-dashboard.umd.js",

package/dist/components/DashboardGrid.d.ts

@@ -1,2 +0,0 @@
-import type { IDashboardGridProps } from './interfaces/core-react.interfaces';
-export declare const DashboardGrid: import("react").ForwardRefExoticComponent<IDashboardGridProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/DashboardWidgetBase.d.ts

@@ -1,4 +0,0 @@
-import type { IDashboardWidgetProps } from './interfaces/core-react.interfaces';
-export declare const DashboardWidgetBase: (props: IDashboardWidgetProps & {
-    ref?: React.ForwardedRef<HTMLDivElement>;
-}) => React.ReactElement | null;

package/dist/components/DynamicWidgetLoader.d.ts

@@ -1,31 +0,0 @@
-import type { IChildWidgetConfigEntry, TDashboardWidgetKey } from '@tenorlab/dashboard-core';
-import type { TDashboardWidgetCatalog } from './interfaces';
-type TDynamicWidgetLoaderProps<TExtraProps = any> = {
-    index: number;
-    maxIndex: number;
-    widgetKey: TDashboardWidgetKey;
-    parentWidgetKey?: TDashboardWidgetKey;
-    targetContainerKey?: TDashboardWidgetKey;
-    childWidgetsConfig?: IChildWidgetConfigEntry[];
-    widgetCatalog: TDashboardWidgetCatalog;
-    isEditing: boolean;
-    extraProps?: TExtraProps;
-    onRemoveClick?: (widgetKey: TDashboardWidgetKey, parentWidgetKey?: TDashboardWidgetKey) => void;
-    onMoveClick?: (direction: -1 | 1, widgetKey: TDashboardWidgetKey, parentWidgetKey?: TDashboardWidgetKey) => void;
-    selectContainer?: (containerKey: TDashboardWidgetKey) => void;
-};
-/**
- * Compares two version strings (e.g., "19.2.0" and "19.2.3")
- * Returns true if the widget version is compatible with the host.
- * Logic: Host must be >= Widget version for major/minor.
- */
-export declare const _isVersionCompatible: (hostVer: string, widgetVer: string) => boolean;
-/**
- * Component to safely load and render dynamic widgets.
- * This ensures the widget component (and its hooks) is called consistently.
- * @param {object} props
- * @param {string} props.widgetKey
- * @param {(key: string) => Promise<void>} props.onRemoveClick
- */
-export declare function DynamicWidgetLoader({ index, maxIndex, widgetKey, parentWidgetKey, targetContainerKey, childWidgetsConfig, widgetCatalog, isEditing, extraProps, onRemoveClick, onMoveClick, selectContainer, }: TDynamicWidgetLoaderProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/WidgetContainer.d.ts

@@ -1,4 +0,0 @@
-import type { IDashboardWidgetProps, IDashboardWidget } from './interfaces/';
-export declare function WidgetContainerColumn(props: IDashboardWidgetProps): IDashboardWidget;
-export declare function WidgetContainerLarge(props: IDashboardWidgetProps): IDashboardWidget;
-export declare function WidgetContainerRow(props: IDashboardWidgetProps): IDashboardWidget;

package/dist/components/WidgetsCatalogFlyout.d.ts

@@ -1,15 +0,0 @@
-import type { IDashboardConfig, IDashboardSettingEntry, TDashboardUndoStatus, TDashboardWidgetKey } from '@tenorlab/dashboard-core';
-import type { TDashboardWidgetCatalog } from './interfaces/';
-export type TWidgetsCatalogFlyoutProps = {
-    targetContainerKey?: TDashboardWidgetKey;
-    widgetsCatalog: TDashboardWidgetCatalog;
-    currentDashboardConfig: IDashboardConfig;
-    undoStatus: TDashboardUndoStatus;
-    addWidget: (widgetKey: TDashboardWidgetKey, parentWidgetKey?: TDashboardWidgetKey) => any;
-    addContainer: (widgetKey: TDashboardWidgetKey) => any;
-    onSettingItemsUpdated: (items: IDashboardSettingEntry[]) => any;
-    onResetToDefaultDashboardClick: () => any;
-    onUndoOrRedo: (operation: 'Undo' | 'Redo') => any;
-    onDoneClick: () => any;
-};
-export declare function WidgetsCatalogFlyout(props: TWidgetsCatalogFlyoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/dashboard-primitives/Buttons.d.ts

@@ -1,2 +0,0 @@
-import type { IButtonProps } from './interfaces';
-export declare function Button(props: IButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/dashboard-primitives/DraggablePanel.d.ts

@@ -1,10 +0,0 @@
-import { CSSProperties } from 'react';
-type DraggablePanelProps = {
-    testId?: string;
-    className: string;
-    style?: CSSProperties;
-    onDraggingChange?: (isDragging: boolean) => void;
-    children: React.ReactNode;
-};
-export declare const DraggablePanel: import("react").ForwardRefExoticComponent<DraggablePanelProps & import("react").RefAttributes<HTMLDivElement>>;
-export {};

package/dist/components/dashboard-primitives/ListItem.d.ts

@@ -1,14 +0,0 @@
-import { ReactNode } from 'react';
-import { type TStackProps } from './Stack';
-export declare const ListItem: import("react").ForwardRefExoticComponent<TStackProps & {
-    innerClass?: string;
-} & import("react").RefAttributes<HTMLDivElement>>;
-type TListItemChildProps = {
-    testId?: string;
-    className?: string;
-    children?: ReactNode;
-};
-export declare const ListItemLeftChild: import("react").ForwardRefExoticComponent<TListItemChildProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const ListItemMiddleChild: import("react").ForwardRefExoticComponent<TListItemChildProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const ListItemRightChild: import("react").ForwardRefExoticComponent<TListItemChildProps & import("react").RefAttributes<HTMLDivElement>>;
-export {};

package/dist/components/dashboard-primitives/Stack.d.ts

@@ -1,9 +0,0 @@
-import { CSSProperties } from 'react';
-export type TStackProps = {
-    testId?: string;
-    classNames?: string;
-    direction?: 'row' | 'column';
-    style?: CSSProperties;
-    children: React.ReactNode;
-};
-export declare function Stack(props: TStackProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/dashboard-primitives/TextField.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { ITextFieldProps } from './interfaces';
-/**
- * A reusable, styled TextField component built with Tailwind CSS.
- */
-export declare const TextField: React.FC<ITextFieldProps>;

package/dist/components/dashboard-primitives/Wrappers.d.ts

@@ -1,7 +0,0 @@
-type TProps = {
-    children: React.ReactNode;
-    addCssClasses?: string;
-};
-export declare function WrapperColumnContent({ children, addCssClasses }: TProps): import("react/jsx-runtime").JSX.Element;
-export declare function WrapperColumnContentListItem({ children, addCssClasses }: TProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/dashboard-primitives/icons/index.d.ts

@@ -1,29 +0,0 @@
-export declare function SvgBaseWrapper({ children, className, }: {
-    children: React.ReactNode;
-    className?: string;
-}): import("react/jsx-runtime").JSX.Element;
-type TIconProps = {
-    className?: string;
-};
-export declare function AddIcon({ className }: TIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function DeleteIcon({ className }: TIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function EditIcon({ className }: TIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function GridIcon({ className }: TIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function MonitorIcon({ className }: TIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function MonitorSmartphoneIcon({ className }: TIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function MoveLeftIcon({ className }: TIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function MoveRightIcon({ className }: TIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function SettingsIcon({ className }: TIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function TabletSmartphoneIcon({ className }: TIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function XCircleIcon({ className }: TIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function ZoomInIcon({ className }: TIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function ZoomOutIcon({ className }: TIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function TimerResetIcon({ className }: TIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function UndoIcon({ className }: TIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function RedoIcon({ className }: TIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function HandIcon({ className }: TIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function HandGrabIcon({ className }: TIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function CrosshairIcon({ className }: TIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function TargetIcon({ className }: TIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function CircleQuestionMark({ className }: TIconProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/dashboard-primitives/index.d.ts

@@ -1,9 +0,0 @@
-export * from './interfaces';
-export * from './icons';
-export * from './TextField';
-export * from './Buttons';
-export * from './Stack';
-export * from './ListItem';
-export * from './DraggablePanel';
-export * from './Wrappers';
-export declare const showToast: (options: any) => void;

package/dist/components/dashboard-primitives/interfaces.d.ts

@@ -1,46 +0,0 @@
-export interface ITooltipProps {
-    placement: string;
-    title: string;
-}
-export type TButtonType = 'normal' | 'ghost';
-export type TButtonJustifyCss = 'justify-start' | 'justify-center' | 'justify-end';
-export interface IButtonProps {
-    disabled?: boolean;
-    className?: string;
-    tooltip?: ITooltipProps;
-    isIconButton?: boolean;
-    buttonType?: TButtonType;
-    category?: string;
-    font?: string;
-    border?: number;
-    borderHover?: number;
-    borderColor?: string;
-    px?: number;
-    py?: number;
-    justifyCss?: TButtonJustifyCss;
-    shadow?: string;
-    shadowHover?: string;
-    addCss?: string;
-    onClick: () => any;
-    children: React.ReactNode;
-}
-export interface ITooltipProps {
-    placement: string;
-    title: string;
-}
-export interface IButtonProps {
-    disabled?: boolean;
-    className?: string;
-    tooltip?: ITooltipProps;
-}
-type TSize = 'small' | 'medium';
-export interface ITextFieldProps {
-    label: string;
-    size?: TSize;
-    value: string;
-    className?: string;
-    placeholder?: string;
-    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-}
-export {};

package/dist/components/index.d.ts

@@ -1,11 +0,0 @@
-export * from './interfaces/';
-export * from './use-dashboard-store';
-export * from './use-dashboard-undo-service';
-export * from './dashboard-primitives/';
-export * from './DashboardGrid';
-export * from './DynamicWidgetLoader';
-export * from './DashboardWidgetBase';
-export * from './WidgetContainer';
-export * from './WidgetsCatalogFlyout';
-export type * from '@tenorlab/dashboard-core';
-export * from '@tenorlab/dashboard-core';

package/dist/components/interfaces/core-react.interfaces.d.ts

@@ -1,21 +0,0 @@
-import type { TDashboardWidgetKey, TWidgetMetaInfoBase, IDashboardWidgetPropsBase, IDashboardGridPropsBase, TWidgetFactoryBase, IDynamicWidgetCatalogEntryBase, TDashboardWidgetCatalogBase } from '@tenorlab/dashboard-core';
-import type { ReactNode, JSX } from 'react';
-type TFrameworkComponentType = React.ComponentType<any>;
-type TFrameworkElementType = React.ElementType;
-export type TWidgetMetaInfo = TWidgetMetaInfoBase<TFrameworkElementType | undefined>;
-export interface IDashboardGridProps extends IDashboardGridPropsBase {
-    children?: ReactNode;
-}
-export interface IDashboardWidgetProps<TExtraProps = any> extends IDashboardWidgetPropsBase<TExtraProps> {
-    children?: ReactNode;
-    onRemoveClick?: (widgetKey: TDashboardWidgetKey, parentWidgetKey?: TDashboardWidgetKey) => void;
-    onMoveClick?: (direction: -1 | 1, widgetKey: TDashboardWidgetKey, parentWidgetKey?: TDashboardWidgetKey) => void;
-    selectContainer?: (containerKey?: TDashboardWidgetKey) => void;
-}
-export interface IDashboardWidget extends JSX.Element {
-}
-export type TWidgetFactory = TWidgetFactoryBase<TFrameworkComponentType>;
-export interface IDynamicWidgetCatalogEntry extends IDynamicWidgetCatalogEntryBase<TFrameworkElementType, TFrameworkComponentType> {
-}
-export type TDashboardWidgetCatalog = TDashboardWidgetCatalogBase<TFrameworkElementType, TFrameworkComponentType>;
-export {};

package/dist/components/interfaces/index.d.ts

@@ -1 +0,0 @@
-export * from './core-react.interfaces';

package/dist/components/use-dashboard-store.d.ts

@@ -1,33 +0,0 @@
-import type { IDashboardConfig, TDashboardWidgetKey } from '@tenorlab/dashboard-core';
-type TAddWidgetResponse = {
-    success: boolean;
-    message?: string;
-    updatedDashboardConfig: IDashboardConfig;
-    allUpdatedDashboardConfigs: IDashboardConfig[];
-};
-type TRemoveWidgetResponse = TAddWidgetResponse;
-type TDashboardSlice = {
-    isLoading: boolean;
-    isEditing: boolean;
-    allDashboardConfigs: IDashboardConfig[];
-    currentDashboardConfig: IDashboardConfig;
-    targetContainerKey?: TDashboardWidgetKey | undefined;
-    getNextContainerKey: (containerWidgetKey: TDashboardWidgetKey) => TDashboardWidgetKey;
-    setIsLoading: (value: boolean) => boolean;
-    setIsEditing: (value: boolean) => boolean;
-    setTargetContainerKey: (value: TDashboardWidgetKey | undefined) => TDashboardWidgetKey | undefined;
-    setAllDashboardConfigs: (value: IDashboardConfig[]) => IDashboardConfig[];
-    setCurrentDashboardConfig: (value: IDashboardConfig) => IDashboardConfig[];
-    addDashboardConfig: (value: IDashboardConfig) => IDashboardConfig[];
-    deleteDashboardConfigById: (value: string) => IDashboardConfig[];
-    selectDashboardById: (dashboardId: string) => IDashboardConfig | undefined;
-    addWidget: (params: {
-        widgetKey: TDashboardWidgetKey;
-        parentWidgetKey?: TDashboardWidgetKey;
-        noDuplicatedWidgets?: boolean;
-    }) => TAddWidgetResponse;
-    removeWidget: (widgetKey: TDashboardWidgetKey, parentWidgetKey?: TDashboardWidgetKey) => TRemoveWidgetResponse;
-    moveWidget: (direction: -1 | 1, widgetKey: TDashboardWidgetKey, parentWidgetKey?: TDashboardWidgetKey) => TRemoveWidgetResponse;
-};
-export declare const useDashboardStore: import("zustand").UseBoundStore<import("zustand").StoreApi<TDashboardSlice>>;
-export {};

package/dist/components/use-dashboard-undo-service.d.ts

@@ -1,13 +0,0 @@
-import type { IDashboardConfig, TUndoHistoryEntry, TDashboardUndoStatus } from '@tenorlab/dashboard-core';
-export declare const useDashboardUndoService: () => {
-    initializeHistoryForDashboard: (initialConfig: IDashboardConfig) => void;
-    resetAllHistory: () => void;
-    addUndoEntry: (newConfig: IDashboardConfig) => void;
-    removeUndoHistoryForDashboard: (dashboardId: string) => void;
-    undo: (currentDashboardId: string) => void;
-    redo: (currentDashboardId: string) => void;
-    getUndoStatus: (currentDashboardId: string) => TDashboardUndoStatus;
-    undoHistory: Record<string, TUndoHistoryEntry[]>;
-    historyIndex: Record<string, number>;
-};
-export type TDashboardUndoService = ReturnType<typeof useDashboardUndoService>;