@carto/ps-react-ui 4.5.0 → 4.6.0

package/src/widgets/stores/types.ts

@@ -14,6 +14,10 @@ export interface WidgetsStoreProps {
   type: string
   /** Widget data - flexible to accommodate different widget types */
   data: unknown
+  /** Original pre-pipeline data. Used by NoData to distinguish
+   *  "no data from API" from "pipeline tools filtered everything out".
+   *  Set automatically by executeToolPipeline — not a component prop. */
+  sourceData?: unknown
   /** Loading state */
   isLoading: boolean
   /** Fetching state (e.g., for async data) */
@@ -41,11 +45,7 @@ export interface WidgetsStoreProps {
  * Tool transformation function type
  * Can be synchronous or asynchronous to support remote operations
  */
-export type ToolTransformFunction = (
-  data: unknown,
-  config?: Record<string, unknown>,
-  // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents
-) => Promise<unknown> | unknown
+export type ToolTransformFunction = (data: unknown) => unknown
 
 /**
  * Tool registration for widget pipeline
@@ -88,8 +88,6 @@ export interface ToolRegistration {
   enabled: boolean
   /** 'data' (default) transforms data, 'config' transforms widget config/option */
   type?: ToolType
-  /** Tool-specific configuration */
-  config?: Record<string, unknown>
   /**
    * Array of tool IDs to disable when this tool is active.
    * During pipeline execution, if this tool is enabled, any tools listed
@@ -169,24 +167,18 @@ export interface WidgetStoreActions {
   unregisterTool: (widgetId: string, toolId: string) => void
 
   /**
-   * Update tool configuration
+   * Set tool enabled state
    * @param widgetId - Widget ID
    * @param toolId - Tool ID
-   * @param config - New configuration to merge
+   * @param enabled - Whether tool should be enabled
    */
-  updateToolConfig: (
-    widgetId: string,
-    toolId: string,
-    config: Record<string, unknown>,
-  ) => void
+  setToolEnabled: (widgetId: string, toolId: string, enabled: boolean) => void
 
   /**
-   * Set tool enabled state
+   * Trigger pipeline re-execution by bumping the registeredTools reference.
    * @param widgetId - Widget ID
-   * @param toolId - Tool ID
-   * @param enabled - Whether tool should be enabled
    */
-  setToolEnabled: (widgetId: string, toolId: string, enabled: boolean) => void
+  triggerToolPipeline: (widgetId: string) => void
 
   /**
    * Execute the tool transformation pipeline

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/subheader/subheader.tsx

@@ -19,9 +19,17 @@ export function WidgetSubHeader({
   sx,
 }: WidgetSubHeaderProps) {
   return (
-    <Box sx={{ ...styles.root, ...sx }}>
-      {slotLeft && <Box sx={styles.slotLeft}>{slotLeft}</Box>}
-      <Box sx={styles.slotRight}>{slotRight}</Box>
+    <Box sx={{ ...styles.root, ...sx }} className='widget-subheader'>
+      {slotLeft && (
+        <Box sx={styles.slotLeft} className='widget-subheader-slot-left'>
+          {slotLeft}
+        </Box>
+      )}
+      {slotRight && (
+        <Box sx={styles.slotRight} className='widget-subheader-slot-right'>
+          {slotRight}
+        </Box>
+      )}
     </Box>
   )
 }

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;"}