@carto/ps-react-ui 4.4.3 → 4.5.1

package/src/widgets/table/hooks/use-selection.ts

@@ -1,7 +1,7 @@
 import { useCallback, useMemo } from 'react'
 import type { TableRow, TableWidgetState } from '../types'
-import { useWidgetStore } from '../../stores/widget-store'
-import { useShallow } from 'zustand/shallow'
+import { widgetStoreActions } from '../../stores/widget-store'
+import { useWidgetSelector } from '../../stores/use-widget-selector'
 
 export interface UseSelectionOptions {
   /** Callback when selection changes */
@@ -48,14 +48,10 @@ export function useSelection(
 ): UseSelectionResult {
   const { onSelectionChange } = options ?? {}
 
-  // Get store actions and state
-  const setWidget = useWidgetStore((state) => state.setWidget)
-  const getWidget = useWidgetStore((state) => state.getWidget)
-  const selected = useWidgetStore(
-    useShallow((state) => {
-      const widget = state.widgets[widgetId] as TableWidgetState | undefined
-      return widget?.selected
-    }),
+  // Get store state
+  const selected = useWidgetSelector(
+    widgetId,
+    (w) => (w as TableWidgetState | undefined)?.selected,
   )
 
   // Use store values with fallback to empty array
@@ -91,14 +87,14 @@ export function useSelection(
   // Toggle selection of a single row
   const toggleRow = useCallback(
     (id: string | number) => {
-      const widget = getWidget<TableWidgetState>(widgetId)
+      const widget = widgetStoreActions.getWidget<TableWidgetState>(widgetId)
       const currentSelected = widget?.selected ?? []
 
       const newSelected = currentSelected.includes(id)
         ? currentSelected.filter((s) => s !== id)
         : [...currentSelected, id]
 
-      setWidget<TableWidgetState>(widgetId, {
+      widgetStoreActions.setWidget<TableWidgetState>(widgetId, {
         selected: newSelected,
       })
 
@@ -106,13 +102,13 @@ export function useSelection(
         onSelectionChange(newSelected)
       }
     },
-    [getWidget, setWidget, widgetId, onSelectionChange],
+    [widgetId, onSelectionChange],
   )
 
   // Toggle selection of all provided rows
   const toggleAll = useCallback(
     (rows: TableRow[]) => {
-      const widget = getWidget<TableWidgetState>(widgetId)
+      const widget = widgetStoreActions.getWidget<TableWidgetState>(widgetId)
       const currentSelected = widget?.selected ?? []
 
       const rowIds = rows.map((row) => row.id)
@@ -122,7 +118,7 @@ export function useSelection(
         ? currentSelected.filter((id) => !rowIds.includes(id))
         : [...new Set([...currentSelected, ...rowIds])]
 
-      setWidget<TableWidgetState>(widgetId, {
+      widgetStoreActions.setWidget<TableWidgetState>(widgetId, {
         selected: newSelected,
       })
 
@@ -130,18 +126,18 @@ export function useSelection(
         onSelectionChange(newSelected)
       }
     },
-    [getWidget, setWidget, widgetId, onSelectionChange],
+    [widgetId, onSelectionChange],
   )
 
   // Select specific rows
   const selectRows = useCallback(
     (ids: (string | number)[]) => {
-      const widget = getWidget<TableWidgetState>(widgetId)
+      const widget = widgetStoreActions.getWidget<TableWidgetState>(widgetId)
       const currentSelected = widget?.selected ?? []
 
       const newSelected = [...new Set([...currentSelected, ...ids])]
 
-      setWidget<TableWidgetState>(widgetId, {
+      widgetStoreActions.setWidget<TableWidgetState>(widgetId, {
         selected: newSelected,
       })
 
@@ -149,18 +145,18 @@ export function useSelection(
         onSelectionChange(newSelected)
       }
     },
-    [getWidget, setWidget, widgetId, onSelectionChange],
+    [widgetId, onSelectionChange],
   )
 
   // Deselect specific rows
   const deselectRows = useCallback(
     (ids: (string | number)[]) => {
-      const widget = getWidget<TableWidgetState>(widgetId)
+      const widget = widgetStoreActions.getWidget<TableWidgetState>(widgetId)
       const currentSelected = widget?.selected ?? []
 
       const newSelected = currentSelected.filter((id) => !ids.includes(id))
 
-      setWidget<TableWidgetState>(widgetId, {
+      widgetStoreActions.setWidget<TableWidgetState>(widgetId, {
         selected: newSelected,
       })
 
@@ -168,21 +164,21 @@ export function useSelection(
         onSelectionChange(newSelected)
       }
     },
-    [getWidget, setWidget, widgetId, onSelectionChange],
+    [widgetId, onSelectionChange],
   )
 
   // Clear all selections
   const clearSelection = useCallback(() => {
     const newSelected: (string | number)[] = []
 
-    setWidget<TableWidgetState>(widgetId, {
+    widgetStoreActions.setWidget<TableWidgetState>(widgetId, {
       selected: newSelected,
     })
 
     if (onSelectionChange) {
       onSelectionChange(newSelected)
     }
-  }, [setWidget, widgetId, onSelectionChange])
+  }, [widgetId, onSelectionChange])
 
   return {
     selectedIds,

package/src/widgets/table/hooks/use-sort.ts

@@ -6,8 +6,8 @@ import type {
   TableWidgetState,
 } from '../types'
 import { sortData } from '../helpers'
-import { useWidgetStore } from '../../stores/widget-store'
-import { useShallow } from 'zustand/shallow'
+import { widgetStoreActions } from '../../stores/widget-store'
+import { useWidgetSelector } from '../../stores/use-widget-selector'
 import { DEFAULT_COLUMN_ID, DEFAULT_DIRECTION } from '../config'
 
 export interface UseSortResult<T> extends SortState {
@@ -43,42 +43,25 @@ export function useSort<T extends TableRow>(
   widgetId: string,
   data: T[],
 ): UseSortResult<T> {
-  // Get store actions and state
-  const setWidget = useWidgetStore((state) => state.setWidget)
-  const getWidget = useWidgetStore((state) => state.getWidget)
-  const sortEnabled = useWidgetStore(
-    useShallow(
-      (state) =>
-        !!(state.widgets[widgetId] as TableWidgetState | undefined)?.sort,
-    ),
-  )
-  const columnId = useWidgetStore(
-    useShallow(
-      (state) =>
-        (state.widgets[widgetId] as TableWidgetState | undefined)?.sort
-          ?.columnId ?? DEFAULT_COLUMN_ID,
-    ),
-  )
-  const direction = useWidgetStore(
-    useShallow(
-      (state) =>
-        (state.widgets[widgetId] as TableWidgetState | undefined)?.sort
-          ?.direction ?? DEFAULT_DIRECTION,
-    ),
-  )
-
-  const mode = useWidgetStore(
-    useShallow((state) => {
-      const widget = state.widgets[widgetId] as TableWidgetState | undefined
-      return widget?.mode
-    }),
+  // Get store state
+  const { sortEnabled, columnId, direction, mode } = useWidgetSelector(
+    widgetId,
+    (w) => {
+      const widget = w as TableWidgetState | undefined
+      return {
+        sortEnabled: !!widget?.sort,
+        columnId: widget?.sort?.columnId ?? DEFAULT_COLUMN_ID,
+        direction: widget?.sort?.direction ?? DEFAULT_DIRECTION,
+        mode: widget?.mode,
+      }
+    },
   )
 
   // Toggle sort on a column
   const toggleSort = useCallback(
     (toggleColumnId: string) => {
       // Read current state directly from store to avoid stale closures
-      const widget = getWidget<TableWidgetState>(widgetId)
+      const widget = widgetStoreActions.getWidget<TableWidgetState>(widgetId)
       const currentColumnId = widget?.sort?.columnId ?? DEFAULT_COLUMN_ID
       const currentDirection = widget?.sort?.direction ?? DEFAULT_DIRECTION
 
@@ -89,42 +72,42 @@ export function useSort<T extends TableRow>(
         newDirection = currentDirection === 'asc' ? 'desc' : 'asc'
       }
 
-      setWidget<TableWidgetState>(widgetId, {
+      widgetStoreActions.setWidget<TableWidgetState>(widgetId, {
         sort: {
           columnId: toggleColumnId,
           direction: newDirection,
         },
       })
     },
-    [getWidget, setWidget, widgetId],
+    [widgetId],
   )
 
   // Set sort state directly
   const setSort = useCallback(
     (newColumnId: string | null, newDirection: SortDirection) => {
-      setWidget<TableWidgetState>(widgetId, {
+      widgetStoreActions.setWidget<TableWidgetState>(widgetId, {
         sort: {
           columnId: newColumnId,
           direction: newDirection,
         },
       })
     },
-    [setWidget, widgetId],
+    [widgetId],
   )
 
   // Clear sort
   const clearSort = useCallback(() => {
-    const widget = getWidget<TableWidgetState>(widgetId)
+    const widget = widgetStoreActions.getWidget<TableWidgetState>(widgetId)
     if (!widget?.sort) return
 
-    setWidget<TableWidgetState>(widgetId, {
+    widgetStoreActions.setWidget<TableWidgetState>(widgetId, {
       sort: {
         ...widget.sort,
         columnId: null,
         direction: 'asc',
       },
     })
-  }, [setWidget, getWidget, widgetId])
+  }, [widgetId])
 
   // Sorted data for local mode
   const sortedData = useMemo(() => {

package/src/widgets/table/types.ts

@@ -84,7 +84,7 @@ export interface TableWidgetConfig {
   /** Enable row selection with checkboxes */
   selectable?: boolean
   /** Currently selected row IDs */
-  selected: (string | number)[]
+  selected?: (string | number)[]
   /** Pagination and sort mode: local (client-side) or remote (server-side) */
   mode: Mode
   /** Pagination configuration */

package/src/widgets/wrapper/wrapper-ui.tsx

@@ -9,8 +9,7 @@ import { Title } from './components/title'
 import type { WrapperState, WrapperUIProps } from './types'
 import { Options } from './components/options'
 import { Actions } from './components/actions'
-import { useWidgetStore } from '../stores/widget-store'
-import { useShallow } from 'zustand/shallow'
+import { useWidgetSelector } from '../stores/use-widget-selector'
 
 const EMPTY_ACTIONS: NonNullable<WrapperUIProps['actions']> = []
 const EMPTY_OPTIONS: NonNullable<WrapperUIProps['options']> = []
@@ -38,17 +37,17 @@ export function WrapperUI({
   options = EMPTY_OPTIONS,
   onChangeCollapsed,
 }: WrapperUIProps) {
-  const title = useWidgetStore(
-    useShallow((state) => state.getWidget<WrapperState>(id)?.title),
-  )
-  const collapsed = useWidgetStore(
-    useShallow((state) => state.getWidget<WrapperState>(id)?.collapsed),
-  )
-  const disabled = useWidgetStore(
-    useShallow((state) => state.getWidget<WrapperState>(id)?.disabled),
-  )
-  const isFetching = useWidgetStore(
-    useShallow((state) => state.getWidget<WrapperState>(id)?.isFetching),
+  // Single consolidated subscription instead of 4 separate ones.
+  const { title, collapsed, disabled, isFetching } = useWidgetSelector(
+    id,
+    (w) => {
+      return {
+        title: (w as WrapperState | undefined)?.title,
+        collapsed: (w as WrapperState | undefined)?.collapsed,
+        disabled: (w as WrapperState | undefined)?.disabled,
+        isFetching: w?.isFetching,
+      }
+    },
   )
 
   return (

package/src/widgets/wrapper/wrapper.tsx

@@ -1,6 +1,6 @@
 import type { WrapperProps, WrapperState } from './types'
 import { WrapperUI } from './wrapper-ui'
-import { useWidgetStore } from '../stores/widget-store'
+import { widgetStoreActions } from '../stores/widget-store'
 import { useLayoutEffect } from 'react'
 
 /**
@@ -29,22 +29,20 @@ export function WidgetWrapper({
   children,
   onChangeCollapsed,
 }: WrapperProps) {
-  const setWidget = useWidgetStore((state) => state.setWidget)
-
   useLayoutEffect(() => {
-    setWidget<WrapperState>(id, {
+    widgetStoreActions.setWidget<WrapperState>(id, {
       collapsed: defaultCollapsed,
       disabled,
       title,
     })
-  }, [defaultCollapsed, disabled, title, id, setWidget])
+  }, [defaultCollapsed, disabled, title, id])
 
   const handleChangeCollapsed = (
     event: React.SyntheticEvent<Element, Event>,
     expanded: boolean,
   ) => {
     onChangeCollapsed?.(event, expanded)
-    setWidget<WrapperState>(id, { collapsed: !expanded })
+    widgetStoreActions.setWidget<WrapperState>(id, { collapsed: !expanded })
   }
 
   return (

package/dist/error-CEkRPccv.js

@@ -1,39 +0,0 @@
-import { jsx as x, jsxs as A } from "react/jsx-runtime";
-import { c as W } from "react/compiler-runtime";
-import { AlertTitle as j, Alert as y } from "@mui/material";
-import { u as g } from "./widget-store-CzDt8oSK.js";
-import { useShallow as f } from "zustand/shallow";
-function T(m) {
-  const e = W(11), {
-    id: r,
-    children: a,
-    title: h,
-    description: p
-  } = m;
-  let o;
-  e[0] !== r ? (o = (t) => t.widgets[r]?.isLoading, e[0] = r, e[1] = o) : o = e[1];
-  const u = g(f(o));
-  let s;
-  e[2] !== r ? (s = (t) => t.widgets[r]?.isFetching, e[2] = r, e[3] = s) : s = e[3];
-  const w = g(f(s));
-  let l;
-  e[4] !== r ? (l = (t) => t.widgets[r]?.error, e[4] = r, e[5] = l) : l = e[5];
-  const c = g(f(l));
-  if (u || w)
-    return a;
-  if (c) {
-    const t = h ?? c.title ?? "Error", d = p ?? c.message ?? "An error occurred while loading the widget. Please try again.";
-    let i;
-    e[6] !== t ? (i = /* @__PURE__ */ x(j, { children: t }), e[6] = t, e[7] = i) : i = e[7];
-    let n;
-    return e[8] !== d || e[9] !== i ? (n = /* @__PURE__ */ A(y, { severity: "error", children: [
-      i,
-      d
-    ] }), e[8] = d, e[9] = i, e[10] = n) : n = e[10], n;
-  }
-  return a;
-}
-export {
-  T as W
-};
-//# sourceMappingURL=error-CEkRPccv.js.map

package/dist/error-CEkRPccv.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"error-CEkRPccv.js","sources":["../src/widgets/error/error.tsx"],"sourcesContent":["import { Alert, AlertTitle } from '@mui/material'\nimport { useWidgetStore } from '../stores/widget-store'\nimport { useShallow } from 'zustand/shallow'\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  const isLoading = useWidgetStore(\n    useShallow((state) => state.widgets[id]?.isLoading),\n  )\n  const isFetching = useWidgetStore(\n    useShallow((state) => state.widgets[id]?.isFetching),\n  )\n  const error = useWidgetStore(useShallow((state) => state.widgets[id]?.error))\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","t1","state","widgets","isLoading","useWidgetStore","useShallow","t2","state_0","isFetching","t3","state_1","error","errorTitle","errorMessage","message","t4","AlertTitle","t5","jsxs","Alert"],"mappings":";;;;;AAeO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAqB;AAAA,IAAAC,IAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,OAAAC;AAAAA,IAAAC,aAAAA;AAAAA,EAAAA,IAAAP;AAKT,MAAAQ;AAAA,EAAAP,SAAAE,KAEJK,IAAAC,CAAAA,MAAWA,EAAKC,QAASP,CAAE,GAAYQ,WAAAV,OAAAE,GAAAF,OAAAO,KAAAA,IAAAP,EAAA,CAAA;AADpD,QAAAU,IAAkBC,EAChBC,EAAWL,CAAuC,CACpD;AAAC,MAAAM;AAAA,EAAAb,SAAAE,KAEYW,IAAAC,CAAAA,MAAWN,EAAKC,QAASP,CAAE,GAAaa,YAAAf,OAAAE,GAAAF,OAAAa,KAAAA,IAAAb,EAAA,CAAA;AADrD,QAAAe,IAAmBJ,EACjBC,EAAWC,CAAwC,CACrD;AAAC,MAAAG;AAAA,EAAAhB,SAAAE,KACuCc,IAAAC,CAAAA,MAAWT,EAAKC,QAASP,CAAE,GAAQgB,OAAAlB,OAAAE,GAAAF,OAAAgB,KAAAA,IAAAhB,EAAA,CAAA;AAA3E,QAAAkB,IAAcP,EAAeC,EAAWI,CAAmC,CAAC;AAG5E,MAAIN,KAAAK;AAAuB,WAClBZ;AAIT,MAAIe,GAAK;AACP,UAAAC,IAAmBd,KAAaa,EAAKd,SAAlB,SACnBgB,IACEd,KACAY,EAAKG,WADL;AAE+D,QAAAC;AAAA,IAAAtB,SAAAmB,KAI7DG,sBAACC,kBAAuB,GAAavB,OAAAmB,GAAAnB,OAAAsB,KAAAA,IAAAtB,EAAA,CAAA;AAAA,QAAAwB;AAAA,WAAAxB,EAAA,CAAA,MAAAoB,KAAApB,SAAAsB,KADvCE,IAAA,gBAAAC,EAACC,GAAA,EAAe,UAAA,SACdJ,UAAAA;AAAAA,MAAAA;AAAAA,MACCF;AAAAA,IAAAA,GACH,GAAQpB,OAAAoB,GAAApB,OAAAsB,GAAAtB,QAAAwB,KAAAA,IAAAxB,EAAA,EAAA,GAHRwB;AAAAA,EAGQ;AAEX,SAGMrB;AAAQ;"}

package/dist/no-data-hR3KcJ-_.js

@@ -1,60 +0,0 @@
-import { jsx as h, jsxs as A } from "react/jsx-runtime";
-import { c as T } from "react/compiler-runtime";
-import { Typography as x, Box as E } from "@mui/material";
-import { useShallow as c } from "zustand/shallow";
-import { u as p } from "./widget-store-CzDt8oSK.js";
-const W = {
-  root: {
-    display: "flex",
-    flexDirection: "column",
-    gap: 1,
-    // 8px
-    paddingTop: 1,
-    // 8px
-    paddingBottom: 2,
-    // 16px
-    paddingX: 2,
-    // 16px
-    width: "100%",
-    minHeight: "100%"
-  }
-};
-function S(r) {
-  const t = T(13), {
-    id: i,
-    children: u,
-    title: y,
-    description: g,
-    isEmpty: m
-  } = r, f = y === void 0 ? "No data available" : y, d = g === 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" : g, v = m === void 0 ? k : m;
-  let n;
-  t[0] !== i ? (n = (e) => e.widgets[i]?.isLoading, t[0] = i, t[1] = n) : n = t[1];
-  const w = p(c(n));
-  let s;
-  t[2] !== i ? (s = (e) => e.widgets[i]?.isFetching, t[2] = i, t[3] = s) : s = t[3];
-  const b = p(c(s));
-  let l;
-  t[4] !== i ? (l = (e) => e.widgets[i]?.data, t[4] = i, t[5] = l) : l = t[5];
-  const j = p(c(l));
-  if (w || b)
-    return u;
-  if (v(j)) {
-    let e;
-    t[6] !== f ? (e = /* @__PURE__ */ h(x, { variant: "body2", color: "text.primary", children: f }), t[6] = f, t[7] = e) : e = t[7];
-    let o;
-    t[8] !== d ? (o = /* @__PURE__ */ h(x, { variant: "caption", color: "text.secondary", children: d }), t[8] = d, t[9] = o) : o = t[9];
-    let a;
-    return t[10] !== e || t[11] !== o ? (a = /* @__PURE__ */ A(E, { sx: W.root, children: [
-      e,
-      o
-    ] }), t[10] = e, t[11] = o, t[12] = a) : a = t[12], a;
-  }
-  return u;
-}
-function k(r) {
-  return r == null ? !0 : Array.isArray(r) ? !!(r.length === 0 || r.every((t) => Array.isArray(t) && t.length === 0)) : typeof r == "object" ? Object.keys(r).length === 0 : !1;
-}
-export {
-  S as W
-};
-//# sourceMappingURL=no-data-hR3KcJ-_.js.map

package/dist/no-data-hR3KcJ-_.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"no-data-hR3KcJ-_.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 { useShallow } from 'zustand/shallow'\nimport { useWidgetStore } from '../stores/widget-store'\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  // Subscribe to widget store with selective subscription for optimal performance\n  const isLoading = useWidgetStore(\n    useShallow((state) => state.widgets[id]?.isLoading),\n  )\n  const isFetching = useWidgetStore(\n    useShallow((state) => state.widgets[id]?.isFetching),\n  )\n  const data = useWidgetStore(useShallow((state) => state.widgets[id]?.data))\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","t4","state","widgets","isLoading","useWidgetStore","useShallow","t5","state_0","isFetching","t6","state_1","data","t7","Typography","t8","t9","Box","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;ACsBO,SAAAC,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,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;AAAwB,MAAAG;AAAA,EAAAZ,SAAAE,KAIXU,IAAAC,CAAAA,MAAWA,EAAKC,QAASZ,CAAE,GAAYa,WAAAf,OAAAE,GAAAF,OAAAY,KAAAA,IAAAZ,EAAA,CAAA;AADpD,QAAAe,IAAkBC,EAChBC,EAAWL,CAAuC,CACpD;AAAC,MAAAM;AAAA,EAAAlB,SAAAE,KAEYgB,IAAAC,CAAAA,MAAWN,EAAKC,QAASZ,CAAE,GAAakB,YAAApB,OAAAE,GAAAF,OAAAkB,KAAAA,IAAAlB,EAAA,CAAA;AADrD,QAAAoB,IAAmBJ,EACjBC,EAAWC,CAAwC,CACrD;AAAC,MAAAG;AAAA,EAAArB,SAAAE,KACsCmB,IAAAC,CAAAA,MAAWT,EAAKC,QAASZ,CAAE,GAAOqB,MAAAvB,OAAAE,GAAAF,OAAAqB,KAAAA,IAAArB,EAAA,CAAA;AAAzE,QAAAuB,IAAaP,EAAeC,EAAWI,CAAkC,CAAC;AAI1E,MAAIN,KAAAK;AAAuB,WAClBjB;AAIT,MAAIK,EAAQe,CAAI,GAAC;AAAA,QAAAC;AAAA,IAAAxB,SAAAI,KAGXoB,sBAACC,GAAA,EAAmB,SAAA,SAAc,OAAA,gBAC/BrB,UAAAA,GACH,GAAaJ,OAAAI,GAAAJ,OAAAwB,KAAAA,IAAAxB,EAAA,CAAA;AAAA,QAAA0B;AAAA,IAAA1B,SAAAM,KACboB,sBAACD,GAAA,EAAmB,SAAA,WAAgB,OAAA,kBACjCnB,UAAAA,GACH,GAAaN,OAAAM,GAAAN,OAAA0B,KAAAA,IAAA1B,EAAA,CAAA;AAAA,QAAA2B;AAAA,WAAA3B,EAAA,EAAA,MAAAwB,KAAAxB,UAAA0B,KANfC,sBAACC,GAAA,EAAQ,IAAAxC,EAAMC,MACbmC,UAAAA;AAAAA,MAAAA;AAAAA,MAGAE;AAAAA,IAAAA,GAGF,GAAM1B,QAAAwB,GAAAxB,QAAA0B,GAAA1B,QAAA2B,KAAAA,IAAA3B,EAAA,EAAA,GAPN2B;AAAAA,EAOM;AAET,SAGMxB;AAAQ;AAOjB,SAASQ,EAAeY,GAAwB;AAE9C,SAAIA,KAAQ,OACH,KAILM,MAAMC,QAAQP,CAAI,IAEhBA,GAAAA,EAAKQ,WAAW,KAMhBR,EAAKS,MAAOC,CAAAA,MAASJ,MAAMC,QAAQG,CAAI,KAAKA,EAAKF,WAAW,CAAC,KAQ/D,OAAOR,KAAS,WACXW,OAAOC,KAAKZ,CAAI,EAAEQ,WAAW,IAI/B;AACT;"}

package/dist/row-DTCV0Ocm.js

@@ -1,35 +0,0 @@
-import { jsx as d } from "react/jsx-runtime";
-import { c as n } from "react/compiler-runtime";
-import { Box as c } from "@mui/material";
-import { u as m } from "./widget-store-CzDt8oSK.js";
-import { useShallow as s } from "zustand/shallow";
-const f = {
-  item: {
-    '&[data-disabled="true"]': {
-      color: (t) => t.palette.text.disabled
-    }
-  },
-  row: {
-    display: "flex",
-    alignItems: "center",
-    gap: (t) => t.spacing(1),
-    "& + &": {
-      marginTop: (t) => t.spacing(1)
-    }
-  }
-};
-function y(t) {
-  const e = n(5);
-  let i;
-  e[0] !== t.id ? (i = (l) => l.getWidget(t.id)?.data, e[0] = t.id, e[1] = i) : i = e[1];
-  const o = m(s(i));
-  let a;
-  return e[2] !== o || e[3] !== t ? (a = o?.map((l, r) => /* @__PURE__ */ d(c, { sx: f.row, children: typeof t.children == "function" ? t.children({
-    index: r
-  }) : t.children }, `row-${r}`)), e[2] = o, e[3] = t, e[4] = a) : a = e[4], a;
-}
-export {
-  y as R,
-  f as s
-};
-//# sourceMappingURL=row-DTCV0Ocm.js.map

package/dist/row-DTCV0Ocm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"row-DTCV0Ocm.js","sources":["../src/widgets/formula/style.ts","../src/widgets/formula/components/row.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material'\n\nexport const styles = {\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: (theme: Theme) => theme.spacing(2),\n  },\n  item: {\n    '&[data-disabled=\"true\"]': {\n      color: (theme: Theme) => theme.palette.text.disabled,\n    },\n  },\n  row: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: (theme: Theme) => theme.spacing(1),\n\n    '& + &': {\n      marginTop: (theme: Theme) => theme.spacing(1),\n    },\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box } from '@mui/material'\nimport { styles } from '../style'\nimport type { FormulaWidgetState, RowProps } from '../types'\nimport { useWidgetStore } from '../../stores/widget-store'\nimport { useShallow } from 'zustand/shallow'\n\n/**\n * Iterates over the widget's data items and renders a row for each one using render props.\n */\nexport function Row(props: RowProps) {\n  const data = useWidgetStore(\n    useShallow((state) => state.getWidget<FormulaWidgetState>(props.id)?.data),\n  )\n\n  return data?.map((_, index) => {\n    return (\n      <Box sx={styles.row} key={`row-${index}`}>\n        {typeof props.children === 'function'\n          ? props.children({ index })\n          : props.children}\n      </Box>\n    )\n  })\n}\n"],"names":["styles","item","color","theme","palette","text","disabled","row","display","alignItems","gap","spacing","marginTop","Row","props","$","_c","t0","id","state","getWidget","data","useWidgetStore","useShallow","t1","map","_","index","jsx","Box","children"],"mappings":";;;;;AAEO,MAAMA,IAAS;AAAA,EAMpBC,MAAM;AAAA,IACJ,2BAA2B;AAAA,MACzBC,OAAOA,CAACC,MAAiBA,EAAMC,QAAQC,KAAKC;AAAAA,IAAAA;AAAAA,EAC9C;AAAA,EAEFC,KAAK;AAAA,IACHC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,KAAKA,CAACP,MAAiBA,EAAMQ,QAAQ,CAAC;AAAA,IAEtC,SAAS;AAAA,MACPC,WAAWA,CAACT,MAAiBA,EAAMQ,QAAQ,CAAC;AAAA,IAAA;AAAA,EAC9C;AAEJ;ACbO,SAAAE,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA;AAAA,MAAAC;AAAA,EAAAF,EAAA,CAAA,MAAAD,EAAAI,MAEQD,IAAAE,CAAAA,MAAWA,EAAKC,UAA+BN,EAAKI,EAAS,GAACG,MAAAN,EAAA,CAAA,IAAAD,EAAAI,IAAAH,OAAAE,KAAAA,IAAAF,EAAA,CAAA;AAD3E,QAAAM,IAAaC,EACXC,EAAWN,CAA8D,CAC3E;AAAC,MAAAO;AAAA,SAAAT,EAAA,CAAA,MAAAM,KAAAN,SAAAD,KAEMU,IAAAH,GAAII,IAAM,CAAAC,GAAAC,MAEb,gBAAAC,EAACC,GAAA,EAAQ,IAAA7B,EAAMO,KACZ,UAAA,OAAOO,EAAKgB,YAAc,aACvBhB,EAAKgB,SAAU;AAAA,IAAAH,OAAAA;AAAAA,EAAAA,CACF,IAAbb,EAAKgB,YAHe,OAAOH,CAAK,EAItC,CAEH,GAACZ,OAAAM,GAAAN,OAAAD,GAAAC,OAAAS,KAAAA,IAAAT,EAAA,CAAA,GARKS;AAQL;"}

package/dist/series-CYNOu2Ju.js

@@ -1,91 +0,0 @@
-import { jsx as m } from "react/jsx-runtime";
-import { c as h } from "react/compiler-runtime";
-import { u as g } from "./widget-store-CzDt8oSK.js";
-import { useShallow as p } from "zustand/shallow";
-import { Typography as S, Avatar as b } from "@mui/material";
-import { s as P } from "./row-DTCV0Ocm.js";
-function y(i) {
-  const e = h(4);
-  let t;
-  return e[0] !== i.TypographyProps || e[1] !== i.children || e[2] !== i.disabled ? (t = /* @__PURE__ */ m(S, { sx: P.item, variant: "h5", fontWeight: "medium", "data-disabled": i.disabled, color: "default", ...i.TypographyProps, children: i.children }), e[0] = i.TypographyProps, e[1] = i.children, e[2] = i.disabled, e[3] = t) : t = e[3], t;
-}
-function C(i) {
-  const e = h(10);
-  let t, r, o;
-  e[0] !== i ? ({
-    id: t,
-    index: o,
-    ...r
-  } = i, e[0] = i, e[1] = t, e[2] = r, e[3] = o) : (t = e[1], r = e[2], o = e[3]);
-  const f = o === void 0 ? 0 : o;
-  let d;
-  e[4] !== t || e[5] !== f ? (d = (s) => s.getWidget(t)?.data?.[f]?.prefix, e[4] = t, e[5] = f, e[6] = d) : d = e[6];
-  const n = g(p(d));
-  if (!n)
-    return null;
-  let l;
-  return e[7] !== n || e[8] !== r ? (l = /* @__PURE__ */ m(y, { ...r, children: n }), e[7] = n, e[8] = r, e[9] = l) : l = e[9], l;
-}
-function I(i) {
-  const e = h(11);
-  let t, r, o;
-  e[0] !== i ? ({
-    id: t,
-    index: o,
-    ...r
-  } = i, e[0] = i, e[1] = t, e[2] = r, e[3] = o) : (t = e[1], r = e[2], o = e[3]);
-  const f = o === void 0 ? 0 : o;
-  let d;
-  e[4] !== t || e[5] !== f ? (d = (a) => a.getWidget(t)?.data?.[f]?.suffix, e[4] = t, e[5] = f, e[6] = d) : d = e[6];
-  const n = g(p(d));
-  if (!n)
-    return null;
-  let l;
-  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = {
-    color: T
-  }, e[7] = l) : l = e[7];
-  let s;
-  return e[8] !== r || e[9] !== n ? (s = /* @__PURE__ */ m(y, { TypographyProps: l, ...r, children: n }), e[8] = r, e[9] = n, e[10] = s) : s = e[10], s;
-}
-function T(i) {
-  return i.palette.text.secondary;
-}
-function j(i) {
-  const e = h(13), {
-    id: t,
-    index: r
-  } = i, o = r === void 0 ? 0 : r;
-  let f;
-  e[0] !== t || e[1] !== o ? (f = (x) => x.getWidget(t)?.series?.[o], e[0] = t, e[1] = o, e[2] = f) : f = e[2];
-  const d = g(p(f));
-  if (!d)
-    return null;
-  const {
-    name: n,
-    color: l
-  } = d;
-  let s;
-  e[3] !== l ? (s = l && {
-    color: (x) => x.palette.getContrastText(l)
-  }, e[3] = l, e[4] = s) : s = e[4];
-  let a;
-  e[5] !== l || e[6] !== s ? (a = {
-    bgcolor: l,
-    width: 32,
-    height: 32,
-    fontSize: "0.875rem",
-    fontWeight: "medium",
-    ...s
-  }, e[5] = l, e[6] = s, e[7] = a) : a = e[7];
-  let c;
-  e[8] !== n ? (c = n.charAt(0).toUpperCase(), e[8] = n, e[9] = c) : c = e[9];
-  let u;
-  return e[10] !== a || e[11] !== c ? (u = /* @__PURE__ */ m(b, { sx: a, children: c }), e[10] = a, e[11] = c, e[12] = u) : u = e[12], u;
-}
-export {
-  y as I,
-  C as P,
-  j as S,
-  I as a
-};
-//# sourceMappingURL=series-CYNOu2Ju.js.map

package/dist/series-CYNOu2Ju.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"series-CYNOu2Ju.js","sources":["../src/widgets/formula/components/item.tsx","../src/widgets/formula/components/prefix.tsx","../src/widgets/formula/components/suffix.tsx","../src/widgets/formula/components/series.tsx"],"sourcesContent":["import { Typography } from '@mui/material'\nimport type { ItemProps } from '../types'\nimport { styles } from '../style'\n\n/**\n * Base typography wrapper used by formula sub-components (Value, Prefix, Suffix) to render styled text.\n */\nexport function Item(props: ItemProps) {\n  return (\n    <Typography\n      sx={styles.item}\n      variant='h5'\n      fontWeight='medium'\n      data-disabled={props.disabled}\n      color='default'\n      {...props.TypographyProps}\n    >\n      {props.children}\n    </Typography>\n  )\n}\n","import { type FormulaWidgetState, type ValueProps } from '../types'\nimport { useWidgetStore } from '../../stores/widget-store'\nimport { Item } from './item'\nimport { useShallow } from 'zustand/shallow'\n\n/**\n * Renders the prefix content (e.g., currency symbol) before a formula value, if defined in the data item.\n */\nexport function Prefix({ id, index = 0, ...props }: ValueProps) {\n  const prefix = useWidgetStore(\n    useShallow(\n      (state) => state.getWidget<FormulaWidgetState>(id)?.data?.[index]?.prefix,\n    ),\n  )\n\n  if (!prefix) {\n    return null\n  }\n\n  return <Item {...props}>{prefix}</Item>\n}\n","import { type FormulaWidgetState, type ValueProps } from '../types'\nimport { useWidgetStore } from '../../stores/widget-store'\nimport { Item } from './item'\nimport type { Theme } from '@mui/material'\nimport { useShallow } from 'zustand/shallow'\n\n/**\n * Renders the suffix content (e.g., unit label) after a formula value, if defined in the data item.\n */\nexport function Suffix({ id, index = 0, ...props }: ValueProps) {\n  const suffix = useWidgetStore(\n    useShallow(\n      (state) => state.getWidget<FormulaWidgetState>(id)?.data?.[index]?.suffix,\n    ),\n  )\n\n  if (!suffix) {\n    return null\n  }\n\n  return (\n    <Item\n      TypographyProps={{\n        color: (theme: Theme) => theme.palette.text.secondary,\n      }}\n      {...props}\n    >\n      {suffix}\n    </Item>\n  )\n}\n","import { Avatar } from '@mui/material'\nimport type { FormulaWidgetState, ValueProps } from '../types'\nimport { useWidgetStore } from '../../stores/widget-store'\nimport { useShallow } from 'zustand/shallow'\n\n/**\n * Renders a colored avatar badge showing the first letter of the series name for multi-value formula widgets.\n */\nexport function Series({ id, index = 0 }: Pick<ValueProps, 'id' | 'index'>) {\n  const serie = useWidgetStore(\n    useShallow(\n      (state) => state.getWidget<FormulaWidgetState>(id)?.series?.[index],\n    ),\n  )\n  if (!serie) {\n    return null\n  }\n\n  const { name, color } = serie\n\n  return (\n    <Avatar\n      sx={{\n        bgcolor: color,\n        width: 32,\n        height: 32,\n        fontSize: '0.875rem',\n        fontWeight: 'medium',\n        ...(color && {\n          color: (theme) => theme.palette.getContrastText(color),\n        }),\n      }}\n    >\n      {name.charAt(0).toUpperCase()}\n    </Avatar>\n  )\n}\n"],"names":["Item","props","$","_c","t0","TypographyProps","children","disabled","Typography","styles","item","Prefix","id","t1","index","undefined","t2","state","getWidget","data","prefix","useWidgetStore","useShallow","t3","jsx","Suffix","suffix","Symbol","for","color","_temp","t4","theme","palette","text","secondary","Series","series","serie","name","getContrastText","bgcolor","width","height","fontSize","fontWeight","t5","charAt","toUpperCase","t6","Avatar"],"mappings":"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"}

package/dist/use-widget-ref-wtFLDFCD.js

@@ -1,25 +0,0 @@
-import { c as i } from "react/compiler-runtime";
-import { useRef as u, useEffect as l } from "react";
-import { u as m } from "./widget-store-CzDt8oSK.js";
-function R(t) {
-  const e = i(5), f = u(null), c = u(null), r = m(a);
-  let n, o;
-  e[0] !== r || e[1] !== t ? (n = () => {
-    f.current && r(t, {
-      refUI: f,
-      instance: c
-    });
-  }, o = [t, r], e[0] = r, e[1] = t, e[2] = n, e[3] = o) : (n = e[2], o = e[3]), l(n, o);
-  let s;
-  return e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = {
-    ref: f,
-    instance: c
-  }, e[4] = s) : s = e[4], s;
-}
-function a(t) {
-  return t.setWidget;
-}
-export {
-  R as u
-};
-//# sourceMappingURL=use-widget-ref-wtFLDFCD.js.map

package/dist/use-widget-ref-wtFLDFCD.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-widget-ref-wtFLDFCD.js","sources":["../src/hooks/use-widget-ref.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\nimport { useWidgetStore } from '../widgets/stores/widget-store'\n\n/**\n * Registers a DOM element ref and an ECharts instance ref with the widget store.\n * This allows other parts of the application (e.g., screenshot export) to access the widget's DOM element.\n *\n * @param widgetId - The widget ID to register the refs under.\n * @returns An object with `ref` (DOM element) and `instance` (ECharts instance) refs.\n *\n * @example\n * ```tsx\n * function MyWidget({ id }: { id: string }) {\n *   const { ref } = useWidgetRef<HTMLDivElement>(id)\n *\n *   return <div ref={ref}>Widget content</div>\n * }\n * ```\n */\nexport function useWidgetRef<T extends HTMLElement = HTMLElement>(\n  widgetId: string,\n) {\n  const ref = useRef<T | null>(null)\n  const instance = useRef<echarts.ECharts | null>(null)\n  const setWidget = useWidgetStore((store) => store.setWidget)\n\n  useEffect(() => {\n    if (ref.current) {\n      setWidget(widgetId, { refUI: ref, instance: instance })\n    }\n  }, [widgetId, setWidget])\n\n  return { ref, instance }\n}\n"],"names":["useWidgetRef","widgetId","$","_c","ref","useRef","instance","setWidget","useWidgetStore","_temp","t0","t1","current","refUI","useEffect","t2","Symbol","for","store"],"mappings":";;;AAmBO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAGLC,IAAYC,EAAiB,IAAI,GACjCC,IAAiBD,EAA+B,IAAI,GACpDE,IAAkBC,EAAeC,CAA0B;AAAC,MAAAC,GAAAC;AAAA,EAAAT,EAAA,CAAA,MAAAK,KAAAL,SAAAD,KAElDS,IAAAA,MAAA;AACR,IAAIN,EAAGQ,WACLL,EAAUN,GAAU;AAAA,MAAAY,OAAST;AAAAA,MAAGE,UAAAA;AAAAA,IAAAA,CAAsB;AAAA,EACvD,GACAK,IAAA,CAACV,GAAUM,CAAS,GAACL,OAAAK,GAAAL,OAAAD,GAAAC,OAAAQ,GAAAR,OAAAS,MAAAD,IAAAR,EAAA,CAAA,GAAAS,IAAAT,EAAA,CAAA,IAJxBY,EAAUJ,GAIPC,CAAqB;AAAC,MAAAI;AAAA,SAAAb,EAAA,CAAA,MAAAc,uBAAAC,IAAA,2BAAA,KAElBF,IAAA;AAAA,IAAAX,KAAAA;AAAAA,IAAAE,UAAAA;AAAAA,EAAAA,GAAiBJ,OAAAa,KAAAA,IAAAb,EAAA,CAAA,GAAjBa;AAAiB;AAbnB,SAAAN,EAAAS,GAAA;AAAA,SAKuCA,EAAKX;AAAU;"}