@carto/ps-react-ui 4.5.1 → 4.6.1

package/src/widgets/stores/widget-store.test.ts

@@ -1,5 +1,6 @@
 import { describe, it, expect, beforeEach } from 'vitest'
 import { useWidgetStore } from './widget-store'
+import type { ToolRegistration } from './types'
 
 describe('WidgetStore', () => {
   beforeEach(() => {
@@ -465,6 +466,82 @@ describe('WidgetStore', () => {
     })
   })
 
+  describe('executeToolPipeline sourceData', () => {
+    const widgetId = 'test-widget-source'
+
+    beforeEach(() => {
+      useWidgetStore.getState().clearWidgets()
+    })
+
+    it('stores sourceData alongside data after pipeline execution', async () => {
+      useWidgetStore.getState().setWidget(widgetId, {
+        type: 'bar',
+        isLoading: false,
+      })
+
+      const source = [{ value: 1 }, { value: 2 }]
+      await useWidgetStore.getState().executeToolPipeline(widgetId, source)
+
+      const widget = useWidgetStore.getState().getWidget(widgetId)
+      expect(widget?.sourceData).toBe(source)
+      expect(widget?.data).toBe(source) // No tools, passthrough
+    })
+
+    it('preserves sourceData when a tool transforms data to empty', async () => {
+      useWidgetStore.getState().setWidget(widgetId, {
+        type: 'bar',
+        isLoading: false,
+      })
+
+      const emptyFilterTool: ToolRegistration = {
+        id: 'empty-filter',
+        order: 10,
+        enabled: true,
+        fn: () => [], // Transforms any data to empty array
+      }
+
+      useWidgetStore.getState().registerTool(widgetId, emptyFilterTool)
+
+      const source = [{ value: 1 }, { value: 2 }]
+      await useWidgetStore.getState().executeToolPipeline(widgetId, source)
+
+      const widget = useWidgetStore.getState().getWidget(widgetId)
+      expect(widget?.sourceData).toBe(source)
+      expect(widget?.data).toEqual([])
+    })
+
+    it('updates sourceData when input changes but pipeline output stays the same', async () => {
+      useWidgetStore.getState().setWidget(widgetId, {
+        type: 'bar',
+        isLoading: false,
+      })
+
+      const constantTool: ToolRegistration = {
+        id: 'constant',
+        order: 10,
+        enabled: true,
+        fn: () => 'constant-output',
+      }
+
+      useWidgetStore.getState().registerTool(widgetId, constantTool)
+
+      const source1 = [{ value: 1 }]
+      await useWidgetStore.getState().executeToolPipeline(widgetId, source1)
+
+      expect(useWidgetStore.getState().getWidget(widgetId)?.sourceData).toBe(
+        source1,
+      )
+
+      const source2 = [{ value: 2 }]
+      await useWidgetStore.getState().executeToolPipeline(widgetId, source2)
+
+      // sourceData should reflect the new input
+      expect(useWidgetStore.getState().getWidget(widgetId)?.sourceData).toBe(
+        source2,
+      )
+    })
+  })
+
   describe('Config Tool Pipeline', () => {
     const widgetId = 'test-widget-config'
 
@@ -478,7 +555,7 @@ describe('WidgetStore', () => {
         isLoading: false,
       })
 
-      const configTool: import('./types').ToolRegistration = {
+      const configTool: ToolRegistration = {
         id: 'stack-tool',
         type: 'config',
         order: 10,
@@ -536,7 +613,7 @@ describe('WidgetStore', () => {
         isLoading: false,
       })
 
-      const dataTool: import('./types').ToolRegistration = {
+      const dataTool: ToolRegistration = {
         id: 'data-tool',
         type: 'data',
         order: 10,
@@ -547,7 +624,7 @@ describe('WidgetStore', () => {
         },
       }
 
-      const configTool: import('./types').ToolRegistration = {
+      const configTool: ToolRegistration = {
         id: 'config-tool',
         type: 'config',
         order: 10,
@@ -575,7 +652,7 @@ describe('WidgetStore', () => {
         isLoading: false,
       })
 
-      const configTool: import('./types').ToolRegistration = {
+      const configTool: ToolRegistration = {
         id: 'config-tool',
         type: 'config',
         order: 10,
@@ -586,7 +663,7 @@ describe('WidgetStore', () => {
         },
       }
 
-      const disablerTool: import('./types').ToolRegistration = {
+      const disablerTool: ToolRegistration = {
         id: 'disabler',
         type: 'data',
         order: 10,
@@ -687,6 +764,48 @@ describe('WidgetStore', () => {
     })
   })
 
+  describe('triggerToolPipeline', () => {
+    const widgetId = 'test-widget-trigger'
+
+    beforeEach(() => {
+      useWidgetStore.getState().clearWidgets()
+    })
+
+    it('creates new registeredTools reference', () => {
+      useWidgetStore.getState().setWidget(widgetId, {
+        type: 'bar',
+        isLoading: false,
+      })
+
+      useWidgetStore.getState().registerTool(widgetId, {
+        id: 'my-tool',
+        order: 10,
+        enabled: true,
+        fn: (data) => data,
+      })
+
+      const toolsBefore =
+        useWidgetStore.getState().widgets[widgetId]?.registeredTools
+
+      useWidgetStore.getState().triggerToolPipeline(widgetId)
+
+      const toolsAfter =
+        useWidgetStore.getState().widgets[widgetId]?.registeredTools
+
+      // New reference — triggers Effect 4 in WidgetLoader
+      expect(toolsBefore).not.toBe(toolsAfter)
+
+      // But same content
+      expect(toolsAfter?.length).toBe(toolsBefore?.length)
+      expect(toolsAfter?.[0]?.id).toBe(toolsBefore?.[0]?.id)
+    })
+
+    it('does nothing for non-existent widget', () => {
+      useWidgetStore.getState().triggerToolPipeline('non-existent')
+      // No error thrown
+    })
+  })
+
   describe('Tool Dependency Management', () => {
     const widgetId = 'test-widget-deps'
 
@@ -698,7 +817,7 @@ describe('WidgetStore', () => {
       it('skips tools disabled by other enabled tools', async () => {
         const executionOrder: string[] = []
 
-        const toolA: import('./types').ToolRegistration = {
+        const toolA: ToolRegistration = {
           id: 'tool-a',
           order: 10,
           enabled: true,
@@ -708,7 +827,7 @@ describe('WidgetStore', () => {
           },
         }
 
-        const toolB: import('./types').ToolRegistration = {
+        const toolB: ToolRegistration = {
           id: 'tool-b',
           order: 20,
           enabled: true,
@@ -718,7 +837,7 @@ describe('WidgetStore', () => {
           },
         }
 
-        const toolC: import('./types').ToolRegistration = {
+        const toolC: ToolRegistration = {
           id: 'tool-c',
           order: 30,
           enabled: true,
@@ -743,7 +862,7 @@ describe('WidgetStore', () => {
       it('includes tool when disabling tool is not enabled', async () => {
         const executionOrder: string[] = []
 
-        const toolA: import('./types').ToolRegistration = {
+        const toolA: ToolRegistration = {
           id: 'tool-a',
           order: 10,
           enabled: true,
@@ -753,7 +872,7 @@ describe('WidgetStore', () => {
           },
         }
 
-        const toolB: import('./types').ToolRegistration = {
+        const toolB: ToolRegistration = {
           id: 'tool-b',
           order: 20,
           enabled: false, // Disabled
@@ -776,7 +895,7 @@ describe('WidgetStore', () => {
       it('handles multiple tools disabling the same target', async () => {
         const executionOrder: string[] = []
 
-        const toolA: import('./types').ToolRegistration = {
+        const toolA: ToolRegistration = {
           id: 'tool-a',
           order: 10,
           enabled: true,
@@ -786,7 +905,7 @@ describe('WidgetStore', () => {
           },
         }
 
-        const toolB: import('./types').ToolRegistration = {
+        const toolB: ToolRegistration = {
           id: 'tool-b',
           order: 20,
           enabled: true,
@@ -797,7 +916,7 @@ describe('WidgetStore', () => {
           disables: ['tool-a'],
         }
 
-        const toolC: import('./types').ToolRegistration = {
+        const toolC: ToolRegistration = {
           id: 'tool-c',
           order: 30,
           enabled: true,

package/src/widgets/stores/widget-store.ts

@@ -18,9 +18,8 @@ const activeConfigPipelines = new Map<string, number>()
  *
  * **Performance optimizations:**
  * - `registerTool` skips the store update when structural properties (order, enabled,
- *   type, disables) haven't changed — only `fn` and `config` are updated via direct
- *   mutation, avoiding a new `registeredTools` array reference and WidgetLoader
- *   pipeline cascades.
+ *   type, disables) haven't changed — only `fn` is updated via direct mutation,
+ *   avoiding a new `registeredTools` array reference and WidgetLoader pipeline cascades.
  * - `setToolEnabled` skips the store update when the enabled state is already the
  *   requested value.
  * - `executeToolPipeline` / `executeConfigPipeline` skip the final `set()` when
@@ -95,9 +94,9 @@ export const useWidgetStore = create<WidgetStore>()((set, get) => ({
    *
    * **No-op optimization:** When a tool with the same `id` already exists and its
    * structural properties (`order`, `enabled`, `type`, `disables`) are unchanged,
-   * only `fn` and `config` are updated via direct mutation — no store update is
-   * triggered. This allows action components to include all reactive dependencies
-   * in their `useEffect` arrays without causing WidgetLoader pipeline cascades.
+   * only `fn` is updated via direct mutation — no store update is triggered. This
+   * allows action components to include all reactive dependencies in their
+   * `useEffect` arrays without causing WidgetLoader pipeline cascades.
    */
   registerTool: (widgetId: string, tool: ToolRegistration) => {
     const current = get().widgets[widgetId]
@@ -105,8 +104,8 @@ export const useWidgetStore = create<WidgetStore>()((set, get) => ({
       (t: ToolRegistration) => t.id === tool.id,
     )
 
-    // No-op: structural properties unchanged — update fn/config via direct mutation.
-    // Safe because fn and config are only consumed imperatively during pipeline execution.
+    // No-op: structural properties unchanged — update fn via direct mutation.
+    // Safe because fn is only consumed imperatively during pipeline execution.
     if (
       existingTool?.order === tool.order &&
       existingTool.enabled === tool.enabled &&
@@ -114,7 +113,6 @@ export const useWidgetStore = create<WidgetStore>()((set, get) => ({
       existingTool.disables === tool.disables
     ) {
       existingTool.fn = tool.fn
-      if (tool.config) existingTool.config = tool.config
       return
     }
 
@@ -161,31 +159,22 @@ export const useWidgetStore = create<WidgetStore>()((set, get) => ({
       }
     }),
 
-  updateToolConfig: (
-    widgetId: string,
-    toolId: string,
-    config: Record<string, unknown>,
-  ) =>
+  /**
+   * Triggers pipeline re-execution by creating a new `registeredTools` reference.
+   * This is a lightweight operation that only bumps the array reference without
+   * modifying any tool.
+   */
+  triggerToolPipeline: (widgetId: string) =>
     set((state) => {
-      const current = state.widgets[widgetId]
-      if (!current) return state
-
-      const registeredTools = current.registeredTools ?? []
-      const updatedTools = registeredTools.map((tool: ToolRegistration) =>
-        tool.id === toolId
-          ? {
-              ...tool,
-              config: { ...tool.config, ...config },
-            }
-          : tool,
-      )
+      const widget = state.widgets[widgetId]
+      if (!widget) return state
 
       return {
         widgets: {
           ...state.widgets,
           [widgetId]: {
-            ...current,
-            registeredTools: updatedTools,
+            ...widget,
+            registeredTools: [...(widget.registeredTools ?? [])],
           },
         },
       }
@@ -277,7 +266,7 @@ export const useWidgetStore = create<WidgetStore>()((set, get) => ({
 
       try {
         // Call tool function (may return Promise or direct value)
-        transformedData = await tool.fn(transformedData, tool.config)
+        transformedData = await tool.fn(transformedData)
       } catch (error) {
         // eslint-disable-next-line no-console
         console.error(`Tool ${tool.id} failed for widget ${widgetId}:`, error)
@@ -285,9 +274,13 @@ export const useWidgetStore = create<WidgetStore>()((set, get) => ({
       }
     }
 
-    // Skip store update if data hasn't changed (e.g., passthrough pipeline with no tools)
+    // Skip store update if neither data nor sourceData changed
     const widgetAfter = get().widgets[widgetId]
-    if (widgetAfter && Object.is(widgetAfter.data, transformedData)) {
+    if (
+      widgetAfter &&
+      Object.is(widgetAfter.data, transformedData) &&
+      Object.is(widgetAfter.sourceData, sourceData)
+    ) {
       if (activePipelines.get(widgetId) === currentExecution) {
         activePipelines.delete(widgetId)
       }
@@ -304,6 +297,7 @@ export const useWidgetStore = create<WidgetStore>()((set, get) => ({
           ...state.widgets,
           [widgetId]: {
             ...currentWidget,
+            sourceData,
             data: transformedData,
           },
         },
@@ -362,7 +356,7 @@ export const useWidgetStore = create<WidgetStore>()((set, get) => ({
       }
 
       try {
-        transformedConfig = await tool.fn(transformedConfig, tool.config)
+        transformedConfig = await tool.fn(transformedConfig)
       } catch (error) {
         // eslint-disable-next-line no-console
         console.error(
@@ -476,12 +470,12 @@ export const widgetStoreActions: WidgetStoreActions = {
   get unregisterTool() {
     return useWidgetStore.getState().unregisterTool
   },
-  get updateToolConfig() {
-    return useWidgetStore.getState().updateToolConfig
-  },
   get setToolEnabled() {
     return useWidgetStore.getState().setToolEnabled
   },
+  get triggerToolPipeline() {
+    return useWidgetStore.getState().triggerToolPipeline
+  },
   get executeToolPipeline() {
     return useWidgetStore.getState().executeToolPipeline
   },

package/src/widgets/table/index.ts

@@ -8,7 +8,9 @@ export { PaginationActions } from './components/pagination-actions'
 export { Table } from './table-ui'
 
 // Hooks
-export { usePagination, useSort, useSelection } from './hooks'
+export { usePagination } from './hooks/use-pagination'
+export { useSort } from './hooks/use-sort'
+export { useSelection } from './hooks/use-selection'
 
 // Config
 export { tableConfig, tableDownloadConfig } from './config'
@@ -45,9 +47,9 @@ export type {
   PaginationActionsProps,
 } from './types'
 
+export type { UsePaginationResult } from './hooks/use-pagination'
+export type { UseSortResult } from './hooks/use-sort'
 export type {
-  UsePaginationResult,
-  UseSortResult,
   UseSelectionOptions,
   UseSelectionResult,
-} from './hooks'
+} from './hooks/use-selection'

package/dist/error-Cj8eUMrl.js

@@ -1,40 +0,0 @@
-import { jsx as m, jsxs as u } from "react/jsx-runtime";
-import { c as h } from "react/compiler-runtime";
-import { AlertTitle as p, Alert as x } from "@mui/material";
-import { u as A } from "./use-widget-selector-DqRmWQ1K.js";
-function E(t) {
-  const r = h(5), {
-    id: l,
-    children: c,
-    title: d,
-    description: g
-  } = t, {
-    isLoading: a,
-    isFetching: f,
-    error: o
-  } = A(l, F);
-  if (a || f)
-    return c;
-  if (o) {
-    const n = d ?? o.title ?? "Error", s = g ?? o.message ?? "An error occurred while loading the widget. Please try again.";
-    let e;
-    r[0] !== n ? (e = /* @__PURE__ */ m(p, { children: n }), r[0] = n, r[1] = e) : e = r[1];
-    let i;
-    return r[2] !== s || r[3] !== e ? (i = /* @__PURE__ */ u(x, { severity: "error", children: [
-      e,
-      s
-    ] }), r[2] = s, r[3] = e, r[4] = i) : i = r[4], i;
-  }
-  return c;
-}
-function F(t) {
-  return {
-    isLoading: t?.isLoading,
-    isFetching: t?.isFetching,
-    error: t?.error
-  };
-}
-export {
-  E as W
-};
-//# sourceMappingURL=error-Cj8eUMrl.js.map

package/dist/error-Cj8eUMrl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"error-Cj8eUMrl.js","sources":["../src/widgets/error/error.tsx"],"sourcesContent":["import { Alert, AlertTitle } from '@mui/material'\nimport { useWidgetSelector } from '../stores/use-widget-selector'\nimport type { WidgetErrorProps } from './types'\n\n/**\n * Displays an error alert when a widget encounters an error during data loading. Reads error state from the widget store and hides errors during loading/fetching to prevent flashing.\n *\n * @example\n * ```tsx\n * <WidgetError id=\"my-widget\">\n *   <WidgetContent />\n * </WidgetError>\n * ```\n */\nexport function WidgetError({\n  id,\n  children,\n  title: titleProp,\n  description,\n}: WidgetErrorProps) {\n  // Single consolidated subscription instead of 3 separate ones.\n  const { isLoading, isFetching, error } = useWidgetSelector(id, (w) => ({\n    isLoading: w?.isLoading,\n    isFetching: w?.isFetching,\n    error: w?.error,\n  }))\n\n  // Don't show error during loading/fetching states\n  if (isLoading || isFetching) {\n    return children\n  }\n\n  // Show error UI if error exists\n  if (error) {\n    const errorTitle = titleProp ?? error.title ?? 'Error'\n    const errorMessage =\n      description ??\n      error.message ??\n      'An error occurred while loading the widget. Please try again.'\n\n    return (\n      <Alert severity='error'>\n        <AlertTitle>{errorTitle}</AlertTitle>\n        {errorMessage}\n      </Alert>\n    )\n  }\n\n  // No error, render children\n  return children\n}\n"],"names":["WidgetError","t0","$","_c","id","children","title","titleProp","description","isLoading","isFetching","error","useWidgetSelector","_temp","errorTitle","errorMessage","message","t1","AlertTitle","t2","jsxs","Alert","w"],"mappings":";;;;AAcO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAqB;AAAA,IAAAC,IAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,OAAAC;AAAAA,IAAAC,aAAAA;AAAAA,EAAAA,IAAAP,GAO1B;AAAA,IAAAQ,WAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,OAAAA;AAAAA,EAAAA,IAAyCC,EAAkBR,GAAIS,CAI7D;AAGF,MAAIJ,KAAAC;AAAuB,WAClBL;AAIT,MAAIM,GAAK;AACP,UAAAG,IAAmBP,KAAaI,EAAKL,SAAlB,SACnBS,IACEP,KACAG,EAAKK,WADL;AAE+D,QAAAC;AAAA,IAAAf,SAAAY,KAI7DG,sBAACC,kBAAuB,GAAahB,OAAAY,GAAAZ,OAAAe,KAAAA,IAAAf,EAAA,CAAA;AAAA,QAAAiB;AAAA,WAAAjB,EAAA,CAAA,MAAAa,KAAAb,SAAAe,KADvCE,IAAA,gBAAAC,EAACC,GAAA,EAAe,UAAA,SACdJ,UAAAA;AAAAA,MAAAA;AAAAA,MACCF;AAAAA,IAAAA,GACH,GAAQb,OAAAa,GAAAb,OAAAe,GAAAf,OAAAiB,KAAAA,IAAAjB,EAAA,CAAA,GAHRiB;AAAAA,EAGQ;AAEX,SAGMd;AAAQ;AAnCV,SAAAQ,EAAAS,GAAA;AAAA,SAOkE;AAAA,IAAAb,WAC1Da,GAACb;AAAAA,IAAWC,YACXY,GAACZ;AAAAA,IAAYC,OAClBW,GAACX;AAAAA,EAAAA;AACT;"}

package/dist/no-data-DkIt7Qt1.js

@@ -1,61 +0,0 @@
-import { jsx as f, jsxs as x } from "react/jsx-runtime";
-import { c as v } from "react/compiler-runtime";
-import { Typography as p, Box as b } from "@mui/material";
-import { u as j } from "./use-widget-selector-DqRmWQ1K.js";
-const A = {
-  root: {
-    display: "flex",
-    flexDirection: "column",
-    gap: 1,
-    // 8px
-    paddingTop: 1,
-    // 8px
-    paddingBottom: 2,
-    // 16px
-    paddingX: 2,
-    // 16px
-    width: "100%",
-    minHeight: "100%"
-  }
-};
-function B(e) {
-  const t = v(7), {
-    id: u,
-    children: a,
-    title: l,
-    description: c,
-    isEmpty: d
-  } = e, n = l === void 0 ? "No data available" : l, s = c === void 0 ? "There are no results for the combination of filters applied to your data. Try tweaking your filters, or zoom and pan the map to adjust filters" : c, y = d === void 0 ? E : d, {
-    isLoading: g,
-    isFetching: m,
-    data: h
-  } = j(u, T);
-  if (g || m)
-    return a;
-  if (y(h)) {
-    let r;
-    t[0] !== n ? (r = /* @__PURE__ */ f(p, { variant: "body2", color: "text.primary", children: n }), t[0] = n, t[1] = r) : r = t[1];
-    let i;
-    t[2] !== s ? (i = /* @__PURE__ */ f(p, { variant: "caption", color: "text.secondary", children: s }), t[2] = s, t[3] = i) : i = t[3];
-    let o;
-    return t[4] !== r || t[5] !== i ? (o = /* @__PURE__ */ x(b, { sx: A.root, children: [
-      r,
-      i
-    ] }), t[4] = r, t[5] = i, t[6] = o) : o = t[6], o;
-  }
-  return a;
-}
-function T(e) {
-  return {
-    isLoading: e?.isLoading,
-    isFetching: e?.isFetching,
-    data: e?.data
-  };
-}
-function E(e) {
-  return e == null ? !0 : Array.isArray(e) ? !!(e.length === 0 || e.every((t) => Array.isArray(t) && t.length === 0)) : typeof e == "object" ? Object.keys(e).length === 0 : !1;
-}
-export {
-  B as W
-};
-//# sourceMappingURL=no-data-DkIt7Qt1.js.map

package/dist/no-data-DkIt7Qt1.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"no-data-DkIt7Qt1.js","sources":["../src/widgets/no-data/style.ts","../src/widgets/no-data/no-data.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material'\n\n/**\n * Styles for NoData component matching Figma design specifications\n * Design reference: node 5781-11028\n */\nexport const styles: Record<string, SxProps<Theme>> = {\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 1, // 8px\n    paddingTop: 1, // 8px\n    paddingBottom: 2, // 16px\n    paddingX: 2, // 16px\n    width: '100%',\n    minHeight: '100%',\n  },\n}\n","import { Box, Typography } from '@mui/material'\nimport { useWidgetSelector } from '../stores/use-widget-selector'\nimport type { WidgetNoDataProps } from './types'\nimport { styles } from './style'\n\n/**\n * NoData wrapper component that displays empty state UI when widget has no data\n *\n * Integrates with widget store to check loading/fetching state and data availability.\n * Works in conjunction with SkeletonLoader for complete loading/empty state handling.\n *\n * @example Basic usage\n * ```tsx\n * <NoData id=\"my-widget\">\n *   <WidgetContent id=\"my-widget\" />\n * </NoData>\n * ```\n *\n * @example With SkeletonLoader\n * ```tsx\n * <SkeletonLoader id=\"my-widget\" Skeleton={MySkeleton}>\n *   <NoData id=\"my-widget\">\n *     <WidgetContent id=\"my-widget\" />\n *   </NoData>\n * </SkeletonLoader>\n * ```\n *\n * @example With custom messages\n * ```tsx\n * <NoData\n *   id=\"my-widget\"\n *   title=\"No results found\"\n *   description=\"Try adjusting your filters\"\n * >\n *   <WidgetContent id=\"my-widget\" />\n * </NoData>\n * ```\n */\nexport function WidgetNoData({\n  id,\n  children,\n  title = 'No data available',\n  description = 'There are no results for the combination of filters applied to your data. Try tweaking your filters, or zoom and pan the map to adjust filters',\n  isEmpty = defaultIsEmpty,\n}: WidgetNoDataProps) {\n  // Single consolidated subscription instead of 3 separate ones.\n  const { isLoading, isFetching, data } = useWidgetSelector(id, (w) => ({\n    isLoading: w?.isLoading,\n    isFetching: w?.isFetching,\n    data: w?.data,\n  }))\n\n  // If loading or fetching, show children\n  // SkeletonLoader handles loading state, this allows proper composition\n  if (isLoading || isFetching) {\n    return children\n  }\n\n  // Check if data is empty\n  if (isEmpty(data)) {\n    return (\n      <Box sx={styles.root}>\n        <Typography variant='body2' color='text.primary'>\n          {title}\n        </Typography>\n        <Typography variant='caption' color='text.secondary'>\n          {description}\n        </Typography>\n      </Box>\n    )\n  }\n\n  // Data exists, render children\n  return children\n}\n\n/**\n * Default function to determine if data is empty\n * Handles various data structures commonly used in widgets\n */\nfunction defaultIsEmpty(data: unknown): boolean {\n  // Null or undefined\n  if (data == null) {\n    return true\n  }\n\n  // Arrays (most common case)\n  if (Array.isArray(data)) {\n    // Empty array\n    if (data.length === 0) {\n      return true\n    }\n\n    // Array of arrays (CategoryWidget pattern: [[],[]])\n    // Check if all inner arrays are empty\n    if (data.every((item) => Array.isArray(item) && item.length === 0)) {\n      return true\n    }\n\n    return false\n  }\n\n  // Objects\n  if (typeof data === 'object') {\n    return Object.keys(data).length === 0\n  }\n\n  // Primitives (numbers, strings, booleans) are considered valid data\n  return false\n}\n"],"names":["styles","root","display","flexDirection","gap","paddingTop","paddingBottom","paddingX","width","minHeight","WidgetNoData","t0","$","_c","id","children","title","t1","description","t2","isEmpty","t3","undefined","defaultIsEmpty","isLoading","isFetching","data","useWidgetSelector","_temp","t4","Typography","t5","t6","Box","w","Array","isArray","length","every","item","Object","keys"],"mappings":";;;;AAMO,MAAMA,IAAyC;AAAA,EACpDC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,KAAK;AAAA;AAAA,IACLC,YAAY;AAAA;AAAA,IACZC,eAAe;AAAA;AAAA,IACfC,UAAU;AAAA;AAAA,IACVC,OAAO;AAAA,IACPC,WAAW;AAAA,EAAA;AAEf;ACqBO,SAAAC,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAsB;AAAA,IAAAC,IAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,OAAAC;AAAAA,IAAAC,aAAAC;AAAAA,IAAAC,SAAAC;AAAAA,EAAAA,IAAAV,GAG3BK,IAAAC,MAAAK,SAAA,sBAAAL,GACAC,IAAAC,MAAAG,SAAA,mJAAAH,GACAC,IAAAC,MAAAC,SAAAC,IAAAF,GAGA;AAAA,IAAAG,WAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,MAAAA;AAAAA,EAAAA,IAAwCC,EAAkBb,GAAIc,CAI5D;AAIF,MAAIJ,KAAAC;AAAuB,WAClBV;AAIT,MAAIK,EAAQM,CAAI,GAAC;AAAA,QAAAG;AAAA,IAAAjB,SAAAI,KAGXa,sBAACC,GAAA,EAAmB,SAAA,SAAc,OAAA,gBAC/Bd,UAAAA,GACH,GAAaJ,OAAAI,GAAAJ,OAAAiB,KAAAA,IAAAjB,EAAA,CAAA;AAAA,QAAAmB;AAAA,IAAAnB,SAAAM,KACba,sBAACD,GAAA,EAAmB,SAAA,WAAgB,OAAA,kBACjCZ,UAAAA,GACH,GAAaN,OAAAM,GAAAN,OAAAmB,KAAAA,IAAAnB,EAAA,CAAA;AAAA,QAAAoB;AAAA,WAAApB,EAAA,CAAA,MAAAiB,KAAAjB,SAAAmB,KANfC,sBAACC,GAAA,EAAQ,IAAAjC,EAAMC,MACb4B,UAAAA;AAAAA,MAAAA;AAAAA,MAGAE;AAAAA,IAAAA,GAGF,GAAMnB,OAAAiB,GAAAjB,OAAAmB,GAAAnB,OAAAoB,KAAAA,IAAApB,EAAA,CAAA,GAPNoB;AAAAA,EAOM;AAET,SAGMjB;AAAQ;AAnCV,SAAAa,EAAAM,GAAA;AAAA,SAQiE;AAAA,IAAAV,WACzDU,GAACV;AAAAA,IAAWC,YACXS,GAACT;AAAAA,IAAYC,MACnBQ,GAACR;AAAAA,EAAAA;AACR;AA8BH,SAASH,EAAeG,GAAwB;AAE9C,SAAIA,KAAQ,OACH,KAILS,MAAMC,QAAQV,CAAI,IAEhBA,GAAAA,EAAKW,WAAW,KAMhBX,EAAKY,MAAOC,CAAAA,MAASJ,MAAMC,QAAQG,CAAI,KAAKA,EAAKF,WAAW,CAAC,KAQ/D,OAAOX,KAAS,WACXc,OAAOC,KAAKf,CAAI,EAAEW,WAAW,IAI/B;AACT;"}

package/dist/note-t51drNe0.js

@@ -1,124 +0,0 @@
-import { jsx as p, jsxs as N } from "react/jsx-runtime";
-import { c as R } from "react/compiler-runtime";
-import { useState as _, useRef as j, useEffectEvent as z, useEffect as M } from "react";
-import { Button as F, Box as W, Link as H, Typography as P } from "@mui/material";
-import U from "react-markdown";
-const L = {
-  root: {
-    typography: "caption",
-    color: (n) => n.palette.text.secondary,
-    marginBlockStart: ({
-      spacing: n
-    }) => n(1)
-  },
-  clamped: {
-    display: "-webkit-box",
-    WebkitLineClamp: 3,
-    WebkitBoxOrient: "vertical",
-    overflow: "hidden"
-  },
-  expanded: {
-    display: "block"
-  },
-  linkButton: {
-    padding: 0,
-    minWidth: "auto",
-    textTransform: "none",
-    typography: "caption",
-    fontWeight: 500,
-    textDecoration: "none",
-    "&:hover": {
-      backgroundColor: "transparent"
-    }
-  }
-}, C = {
-  showMore: "Show More",
-  showLess: "Show Less"
-}, l = (n) => {
-  const e = R(2), {
-    children: t
-  } = n;
-  let r;
-  return e[0] !== t ? (r = /* @__PURE__ */ p(P, { paragraph: !0, color: "inherit", variant: "caption", children: t }), e[0] = t, e[1] = r) : r = e[1], r;
-}, $ = {
-  h1: l,
-  h2: l,
-  h3: l,
-  p: l,
-  a: ({
-    children: n,
-    href: e,
-    target: t = "_blank",
-    rel: r = "noopener noreferrer"
-  }) => /* @__PURE__ */ p(H, { href: e, target: t, rel: r, color: "text.primary", underline: "always", children: n }),
-  img: () => null,
-  ul: l,
-  ol: l,
-  li: l
-};
-function Q(n) {
-  const e = R(27), {
-    children: t,
-    labels: r
-  } = n, S = r === void 0 ? C : r, [o, A] = _(!1), [E, D] = _(!1), h = j(null);
-  let m;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = () => {
-    if (h.current) {
-      const v = h.current.scrollHeight > h.current.clientHeight;
-      D(v);
-    }
-  }, e[0] = m) : m = e[0];
-  const s = z(m);
-  let u;
-  e[1] !== s ? (u = () => {
-    s();
-  }, e[1] = s, e[2] = u) : u = e[2];
-  let g;
-  e[3] !== t ? (g = [t], e[3] = t, e[4] = g) : g = e[4], M(u, g);
-  let x;
-  e[5] !== s ? (x = () => {
-    const v = h.current;
-    if (!v)
-      return;
-    const O = new ResizeObserver(() => {
-      s();
-    });
-    return O.observe(v), () => {
-      O.disconnect();
-    };
-  }, e[5] = s, e[6] = x) : x = e[6];
-  let w;
-  if (e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = [], e[7] = w) : w = e[7], M(x, w), !t)
-    return null;
-  let b;
-  e[8] !== o ? (b = () => {
-    A(!o);
-  }, e[8] = o, e[9] = b) : b = e[9];
-  const T = b;
-  let y;
-  e[10] !== S ? (y = {
-    ...C,
-    ...S
-  }, e[10] = S, e[11] = y) : y = e[11];
-  const i = y, B = o ? L.expanded : L.clamped;
-  let c;
-  e[12] !== B ? (c = {
-    ...L.root,
-    ...B
-  }, e[12] = B, e[13] = c) : c = e[13];
-  let a;
-  e[14] !== t ? (a = /* @__PURE__ */ p(U, { components: $, children: t }), e[14] = t, e[15] = a) : a = e[15];
-  let f;
-  e[16] !== c || e[17] !== a ? (f = /* @__PURE__ */ p(W, { ref: h, sx: c, children: a }), e[16] = c, e[17] = a, e[18] = f) : f = e[18];
-  let d;
-  e[19] !== T || e[20] !== o || e[21] !== i || e[22] !== E ? (d = (E || o) && /* @__PURE__ */ p(F, { onClick: T, variant: "text", color: "primary", sx: L.linkButton, "aria-expanded": o, "aria-label": o ? i.showLess : i.showMore, "aria-controls": "note-content", children: o ? i.showLess : i.showMore }), e[19] = T, e[20] = o, e[21] = i, e[22] = E, e[23] = d) : d = e[23];
-  let k;
-  return e[24] !== f || e[25] !== d ? (k = /* @__PURE__ */ N(W, { children: [
-    f,
-    d
-  ] }), e[24] = f, e[25] = d, e[26] = k) : k = e[26], k;
-}
-export {
-  Q as W
-};
-//# sourceMappingURL=note-t51drNe0.js.map