npm - @carto/ps-react-ui - Versions diffs - 5.3.0 → 6.1.0 - Mend

@carto/ps-react-ui 5.3.0 → 6.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1161) hide show

package/dist/widget-store-BFPKYm4R.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"widget-store-BFPKYm4R.js","names":[],"sources":["../src/widgets/stores/widget-store.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type {\n WidgetState,\n WidgetStore,\n ToolRegistration,\n WidgetStoreActions,\n} from './types'\n\n// Track active pipeline executions for cancellation\nconst activePipelines = new Map<string, number>()\nconst activeConfigPipelines = new Map<string, number>()\n\n/**\n * Zustand store for managing widget state across the application.\n *\n * Provides centralized state management for all widget UI components, including\n * data/config transformation pipelines via registered tools.\n *\n * **Performance optimizations:**\n * - `registerTool` skips the store update when structural properties (order, enabled,\n * type, disables) haven't changed — only `fn` is updated via direct mutation,\n * avoiding a new `registeredTools` array reference and WidgetLoader pipeline cascades.\n * - `setToolEnabled` skips the store update when the enabled state is already the\n * requested value.\n * - `executeToolPipeline` / `executeConfigPipeline` skip the final `set()` when\n * the transformed data/config is referentially identical to what's already in the store.\n * - Both pipelines support cancellation — newer executions for the same widget\n * automatically cancel in-progress ones.\n *\n * @example Reading widget state (prefer useWidgetSelector for performance)\n * ```tsx\n * import { useWidgetSelector } from '@carto/ps-react-ui/widgets'\n *\n * function MyWidget({ id }: { id: string }) {\n * const { title, data } = useWidgetSelector(id, (w) => ({\n * title: w?.title,\n * data: w?.data,\n * }))\n * return <div>{title}: {JSON.stringify(data)}</div>\n * }\n * ```\n *\n * @example Writing widget state\n * ```tsx\n * import { widgetStoreActions } from '@carto/ps-react-ui/widgets'\n *\n * const { setWidget } = widgetStoreActions\n * setWidget('my-widget', { type: 'formula', isLoading: false, data: { value: 1000 } })\n * ```\n */\nexport const useWidgetStore = create<WidgetStore>()((set, get) => ({\n // State\n widgets: {},\n\n // Actions\n\n /** Merges partial state into the widget entry. Creates the widget if it doesn't exist. */\n setWidget: (id, widget) => {\n set((state) => {\n const prev = state.widgets[id] ?? ({} as WidgetStore['widgets'][string])\n return {\n widgets: {\n ...state.widgets,\n [id]: {\n ...prev,\n ...widget,\n id,\n },\n },\n }\n })\n },\n\n removeWidget: (id) =>\n set((state) => {\n const widgets = { ...state.widgets }\n\n delete widgets[id]\n\n return { widgets }\n }),\n\n clearWidgets: () =>\n set({\n widgets: {},\n }),\n\n getWidget: <T extends WidgetState>(id: string) => {\n return get().widgets[id] as T | undefined\n },\n\n /**\n * Registers a transformation tool for a widget's data or config pipeline.\n *\n * **No-op optimization:** When a tool with the same `id` already exists and its\n * structural properties (`order`, `enabled`, `type`, `disables`) are unchanged,\n * only `fn` is updated via direct mutation — no store update is triggered. This\n * allows action components to include all reactive dependencies in their\n * `useEffect` arrays without causing WidgetLoader pipeline cascades.\n */\n registerTool: (widgetId: string, tool: ToolRegistration) => {\n const current = get().widgets[widgetId]\n const existingTool = current?.registeredTools?.find(\n (t: ToolRegistration) => t.id === tool.id,\n )\n\n // No-op: structural properties unchanged — update fn via direct mutation.\n // Safe because fn is only consumed imperatively during pipeline execution.\n if (\n existingTool?.order === tool.order &&\n existingTool.enabled === tool.enabled &&\n existingTool.type === tool.type &&\n existingTool.disables === tool.disables\n ) {\n existingTool.fn = tool.fn\n return\n }\n\n set((state) => {\n const widget = state.widgets[widgetId] ?? ({} as WidgetState)\n const registeredTools = widget.registeredTools ?? []\n\n // Remove existing tool with same id if present\n const filteredTools = registeredTools.filter(\n (t: ToolRegistration) => t.id !== tool.id,\n )\n\n return {\n widgets: {\n ...state.widgets,\n [widgetId]: {\n ...widget,\n id: widgetId,\n registeredTools: [...filteredTools, tool],\n },\n },\n }\n })\n },\n\n unregisterTool: (widgetId: string, toolId: string) =>\n set((state) => {\n const current = state.widgets[widgetId]\n if (!current) return state\n\n const registeredTools = current.registeredTools ?? []\n const filteredTools = registeredTools.filter(\n (t: ToolRegistration) => t.id !== toolId,\n )\n\n return {\n widgets: {\n ...state.widgets,\n [widgetId]: {\n ...current,\n registeredTools: filteredTools,\n },\n },\n }\n }),\n\n /**\n * Triggers pipeline re-execution by creating a new `registeredTools` reference.\n * This is a lightweight operation that only bumps the array reference without\n * modifying any tool.\n */\n triggerToolPipeline: (widgetId: string) =>\n set((state) => {\n const widget = state.widgets[widgetId]\n if (!widget) return state\n\n return {\n widgets: {\n ...state.widgets,\n [widgetId]: {\n ...widget,\n registeredTools: [...(widget.registeredTools ?? [])],\n },\n },\n }\n }),\n\n /**\n * Updates a tool's enabled state.\n *\n * **No-op optimization:** Skips the store update if the tool already has the\n * requested enabled value.\n */\n setToolEnabled: (widgetId: string, toolId: string, enabled: boolean) => {\n const current = get().widgets[widgetId]\n if (current) {\n const tool = current.registeredTools?.find(\n (t: ToolRegistration) => t.id === toolId,\n )\n if (tool?.enabled === enabled) return\n }\n\n set((state) => {\n const widget = state.widgets[widgetId]\n if (!widget) return state\n\n const registeredTools = widget.registeredTools ?? []\n const updatedTools = registeredTools.map((tool: ToolRegistration) =>\n tool.id === toolId ? { ...tool, enabled } : tool,\n )\n\n return {\n widgets: {\n ...state.widgets,\n [widgetId]: {\n ...widget,\n registeredTools: updatedTools,\n },\n },\n }\n })\n },\n\n /**\n * Executes the data transformation pipeline for a widget.\n *\n * Filters to enabled data-type tools (respecting `disables`), sorts by `order`,\n * and chains their `fn` calls. Supports async tools.\n *\n * **Cancellation:** Newer executions for the same widget automatically cancel\n * in-progress ones via a version counter.\n *\n * **No-op optimization:** Skips the final `set()` if the transformed data is\n * referentially identical (`Object.is`) to what's already in the store.\n */\n executeToolPipeline: async (widgetId: string, sourceData: unknown) => {\n const widget = get().widgets[widgetId]\n if (!widget) return\n\n // Cancel any in-progress pipeline for this widget\n const currentExecution = (activePipelines.get(widgetId) ?? 0) + 1\n activePipelines.set(widgetId, currentExecution)\n\n const widgetWithTools = widget\n\n // Build set of tool IDs that should be disabled\n const disabledToolIds = new Set<string>()\n for (const tool of widgetWithTools.registeredTools ?? []) {\n if (tool.enabled && tool.disables) {\n tool.disables.forEach((id) => disabledToolIds.add(id))\n }\n }\n\n // Sort tools by order and filter enabled data-only tools, excluding disabled tools\n const sortedTools = [...(widgetWithTools.registeredTools ?? [])]\n .filter(\n (tool) =>\n (tool.type ?? 'data') === 'data' &&\n tool.enabled &&\n !disabledToolIds.has(tool.id),\n )\n .sort((a, b) => a.order - b.order)\n\n // Execute pipeline - handle both sync and async tools\n let transformedData = sourceData\n for (const tool of sortedTools) {\n // Check if this execution was cancelled\n if (activePipelines.get(widgetId) !== currentExecution) {\n return\n }\n\n try {\n // Call tool function (may return Promise or direct value)\n transformedData = await tool.fn(transformedData)\n } catch (error) {\n // eslint-disable-next-line no-console\n console.error(`Tool ${tool.id} failed for widget ${widgetId}:`, error)\n // Continue with current data to prevent one tool from breaking all\n }\n }\n\n // Skip store update if neither data nor sourceData changed\n const widgetAfter = get().widgets[widgetId]\n if (\n widgetAfter &&\n Object.is(widgetAfter.data, transformedData) &&\n Object.is(widgetAfter.sourceData, sourceData)\n ) {\n if (activePipelines.get(widgetId) === currentExecution) {\n activePipelines.delete(widgetId)\n }\n return\n }\n\n // Single store update with final transformed data\n set((state) => {\n const currentWidget = state.widgets[widgetId]\n if (!currentWidget) return state\n\n return {\n widgets: {\n ...state.widgets,\n [widgetId]: {\n ...currentWidget,\n sourceData,\n data: transformedData,\n },\n },\n }\n })\n\n // Clean up tracking\n if (activePipelines.get(widgetId) === currentExecution) {\n activePipelines.delete(widgetId)\n }\n },\n\n /**\n * Executes the config transformation pipeline for a widget.\n *\n * Filters to enabled config-type tools (respecting `disables`), sorts by `order`,\n * and chains their `fn` calls. The transformed config is spread into the widget state.\n *\n * **Cancellation:** Newer executions for the same widget automatically cancel\n * in-progress ones via a version counter.\n *\n * **No-op optimization:** Skips the final `set()` when the config object is unchanged\n * and all its properties already match what's in the store.\n */\n executeConfigPipeline: async (widgetId: string, baseConfig: object) => {\n const widget = get().widgets[widgetId]\n if (!widget) return\n\n // Cancel any in-progress config pipeline for this widget\n const currentExecution = (activeConfigPipelines.get(widgetId) ?? 0) + 1\n activeConfigPipelines.set(widgetId, currentExecution)\n\n // Build set of tool IDs that should be disabled (cross-type disabling works)\n const disabledToolIds = new Set<string>()\n for (const tool of widget.registeredTools ?? []) {\n if (tool.enabled && tool.disables) {\n tool.disables.forEach((id) => disabledToolIds.add(id))\n }\n }\n\n // Filter to config tools only, sort by order\n const sortedTools = [...(widget.registeredTools ?? [])]\n .filter(\n (tool) =>\n tool.type === 'config' &&\n tool.enabled &&\n !disabledToolIds.has(tool.id),\n )\n .sort((a, b) => a.order - b.order)\n\n // Chain config tools\n let transformedConfig: unknown = baseConfig\n for (const tool of sortedTools) {\n if (activeConfigPipelines.get(widgetId) !== currentExecution) {\n return\n }\n\n try {\n transformedConfig = await tool.fn(transformedConfig)\n } catch (error) {\n // eslint-disable-next-line no-console\n console.error(\n `Config tool ${tool.id} failed for widget ${widgetId}:`,\n error,\n )\n }\n }\n\n // Build a patch that only includes properties the pipeline should set.\n // A property is applied when:\n // 1. A config tool explicitly changed it (transformedConfig[k] !== baseConfig[k])\n // 2. First pipeline run for this widget (no _lastConfig yet)\n // 3. The widget value still matches what the pipeline last set — meaning the\n // user hasn't modified it via setWidget, so it's safe to overwrite.\n // A property is SKIPPED when the widget value differs from _lastConfig,\n // meaning the user (or a hook) changed it since the last pipeline run.\n const base = baseConfig as Record<string, unknown>\n const result = transformedConfig as Record<string, unknown>\n const widgetNow = get().widgets[widgetId] as unknown as Record<\n string,\n unknown\n >\n const lastConfig = widgetNow?._lastConfig as\n Record<string, unknown> | undefined\n\n const patch: Record<string, unknown> = {}\n for (const key of Object.keys(result)) {\n const toolChanged = !Object.is(result[key], base[key])\n const isFirstRun = !lastConfig || !(key in lastConfig)\n const userUnmodified =\n !isFirstRun && Object.is(widgetNow[key], lastConfig[key])\n\n if (toolChanged || isFirstRun || userUnmodified) {\n patch[key] = result[key]\n }\n }\n\n // Skip store update if every patch value already matches the widget\n const hasChanges = Object.keys(patch).some(\n (k) => !Object.is(widgetNow?.[k], patch[k]),\n )\n const configRefChanged = !Object.is(transformedConfig, lastConfig)\n\n if (!hasChanges && !configRefChanged) {\n if (activeConfigPipelines.get(widgetId) === currentExecution) {\n activeConfigPipelines.delete(widgetId)\n }\n return\n }\n\n // Apply the patch and store the pipeline output for next run's comparison\n set((state) => {\n const currentWidget = state.widgets[widgetId]\n if (!currentWidget) return state\n\n return {\n widgets: {\n ...state.widgets,\n [widgetId]: {\n ...currentWidget,\n ...patch,\n _lastConfig: transformedConfig,\n },\n },\n }\n })\n\n if (activeConfigPipelines.get(widgetId) === currentExecution) {\n activeConfigPipelines.delete(widgetId)\n }\n },\n}))\n\n/**\n * Stable references to store actions, accessible without creating a subscription.\n *\n * Use this instead of `useWidgetStore((state) => state.setWidget)` to avoid\n * unnecessary subscriber evaluations. Actions are stable functions that never\n * change, so subscribing to them wastes cycles on every store update.\n *\n * @example\n * ```tsx\n * import { widgetStoreActions } from '@carto/ps-react-ui/widgets'\n *\n * const { setWidget, registerTool } = widgetStoreActions\n *\n * useEffect(() => {\n * registerTool(id, { id: 'my-tool', order: 10, enabled: true, fn: (d) => d })\n * return () => widgetStoreActions.unregisterTool(id, 'my-tool')\n * }, [id])\n * ```\n */\nexport const widgetStoreActions: WidgetStoreActions = {\n get setWidget() {\n return useWidgetStore.getState().setWidget\n },\n get removeWidget() {\n return useWidgetStore.getState().removeWidget\n },\n get clearWidgets() {\n return useWidgetStore.getState().clearWidgets\n },\n get getWidget() {\n return useWidgetStore.getState().getWidget\n },\n get registerTool() {\n return useWidgetStore.getState().registerTool\n },\n get unregisterTool() {\n return useWidgetStore.getState().unregisterTool\n },\n get setToolEnabled() {\n return useWidgetStore.getState().setToolEnabled\n },\n get triggerToolPipeline() {\n return useWidgetStore.getState().triggerToolPipeline\n },\n get executeToolPipeline() {\n return useWidgetStore.getState().executeToolPipeline\n },\n get executeConfigPipeline() {\n return useWidgetStore.getState().executeConfigPipeline\n },\n} as WidgetStoreActions\n"],"mappings":";;AASA,IAAM,oBAAkB,IAAI,IAAoB,GAC1C,oBAAwB,IAAI,IAAoB,GAwCzC,IAAiB,EAAoB,CAAC,EAAE,GAAK,OAAS;CAEjE,SAAS,CAAC;CAKV,YAAY,GAAI,MAAW;EACzB,GAAK,MAAU;GACb,IAAM,IAAO,EAAM,QAAQ,MAAQ,CAAC;GACpC,OAAO,EACL,SAAS;IACP,GAAG,EAAM;KACR,IAAK;KACJ,GAAG;KACH,GAAG;KACH;IACF;GACF,EACF;EACF,CAAC;CACH;CAEA,eAAe,MACb,GAAK,MAAU;EACb,IAAM,IAAU,EAAE,GAAG,EAAM,QAAQ;EAInC,OAFA,OAAO,EAAQ,IAER,EAAE,WAAQ;CACnB,CAAC;CAEH,oBACE,EAAI,EACF,SAAS,CAAC,EACZ,CAAC;CAEH,YAAmC,MAC1B,EAAI,CAAC,CAAC,QAAQ;CAYvB,eAAe,GAAkB,MAA2B;EAE1D,IAAM,IADU,EAAI,CAAC,CAAC,QAAQ,EACT,EAAS,iBAAiB,MAC5C,MAAwB,EAAE,OAAO,EAAK,EACzC;EAIA,IACE,GAAc,UAAU,EAAK,SAC7B,EAAa,YAAY,EAAK,WAC9B,EAAa,SAAS,EAAK,QAC3B,EAAa,aAAa,EAAK,UAC/B;GACA,EAAa,KAAK,EAAK;GACvB;EACF;EAEA,GAAK,MAAU;GACb,IAAM,IAAS,EAAM,QAAQ,MAAc,CAAC,GAItC,KAHkB,EAAO,mBAAmB,CAAC,EAAA,CAGb,QACnC,MAAwB,EAAE,OAAO,EAAK,EACzC;GAEA,OAAO,EACL,SAAS;IACP,GAAG,EAAM;KACR,IAAW;KACV,GAAG;KACH,IAAI;KACJ,iBAAiB,CAAC,GAAG,GAAe,CAAI;IAC1C;GACF,EACF;EACF,CAAC;CACH;CAEA,iBAAiB,GAAkB,MACjC,GAAK,MAAU;EACb,IAAM,IAAU,EAAM,QAAQ;EAC9B,IAAI,CAAC,GAAS,OAAO;EAGrB,IAAM,KADkB,EAAQ,mBAAmB,CAAC,EAAA,CACd,QACnC,MAAwB,EAAE,OAAO,CACpC;EAEA,OAAO,EACL,SAAS;GACP,GAAG,EAAM;IACR,IAAW;IACV,GAAG;IACH,iBAAiB;GACnB;EACF,EACF;CACF,CAAC;CAOH,sBAAsB,MACpB,GAAK,MAAU;EACb,IAAM,IAAS,EAAM,QAAQ;EAG7B,OAFK,IAEE,EACL,SAAS;GACP,GAAG,EAAM;IACR,IAAW;IACV,GAAG;IACH,iBAAiB,CAAC,GAAI,EAAO,mBAAmB,CAAC,CAAE;GACrD;EACF,EACF,IAVoB;CAWtB,CAAC;CAQH,iBAAiB,GAAkB,GAAgB,MAAqB;EACtE,IAAM,IAAU,EAAI,CAAC,CAAC,QAAQ;EAC1B,KACW,EAAQ,iBAAiB,MACnC,MAAwB,EAAE,OAAO,CACpC,CAAA,EACU,YAAY,KAGxB,GAAK,MAAU;GACb,IAAM,IAAS,EAAM,QAAQ;GAC7B,IAAI,CAAC,GAAQ,OAAO;GAGpB,IAAM,KADkB,EAAO,mBAAmB,CAAC,EAAA,CACd,KAAK,MACxC,EAAK,OAAO,IAAS;IAAE,GAAG;IAAM;GAAQ,IAAI,CAC9C;GAEA,OAAO,EACL,SAAS;IACP,GAAG,EAAM;KACR,IAAW;KACV,GAAG;KACH,iBAAiB;IACnB;GACF,EACF;EACF,CAAC;CACH;CAcA,qBAAqB,OAAO,GAAkB,MAAwB;EACpE,IAAM,IAAS,EAAI,CAAC,CAAC,QAAQ;EAC7B,IAAI,CAAC,GAAQ;EAGb,IAAM,KAAoB,EAAgB,IAAI,CAAQ,KAAK,KAAK;EAChE,EAAgB,IAAI,GAAU,CAAgB;EAE9C,IAAM,IAAkB,GAGlB,oBAAkB,IAAI,IAAY;EACxC,KAAK,IAAM,KAAQ,EAAgB,mBAAmB,CAAC,GACrD,AAAI,EAAK,WAAW,EAAK,YACvB,EAAK,SAAS,SAAS,MAAO,EAAgB,IAAI,CAAE,CAAC;EAKzD,IAAM,IAAc,CAAC,GAAI,EAAgB,mBAAmB,CAAC,CAAE,CAAC,CAC7D,QACE,OACE,EAAK,QAAQ,YAAY,UAC1B,EAAK,WACL,CAAC,EAAgB,IAAI,EAAK,EAAE,CAChC,CAAC,CACA,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAK,GAG/B,IAAkB;EACtB,KAAK,IAAM,KAAQ,GAAa;GAE9B,IAAI,EAAgB,IAAI,CAAQ,MAAM,GACpC;GAGF,IAAI;IAEF,IAAkB,MAAM,EAAK,GAAG,CAAe;GACjD,SAAS,GAAO;IAEd,QAAQ,MAAM,QAAQ,EAAK,GAAG,qBAAqB,EAAS,IAAI,CAAK;GAEvE;EACF;EAGA,IAAM,IAAc,EAAI,CAAC,CAAC,QAAQ;EAClC,IACE,KACA,OAAO,GAAG,EAAY,MAAM,CAAe,KAC3C,OAAO,GAAG,EAAY,YAAY,CAAU,GAC5C;GACA,AAAI,EAAgB,IAAI,CAAQ,MAAM,KACpC,EAAgB,OAAO,CAAQ;GAEjC;EACF;EAoBA,AAjBA,GAAK,MAAU;GACb,IAAM,IAAgB,EAAM,QAAQ;GAGpC,OAFK,IAEE,EACL,SAAS;IACP,GAAG,EAAM;KACR,IAAW;KACV,GAAG;KACH;KACA,MAAM;IACR;GACF,EACF,IAX2B;EAY7B,CAAC,GAGG,EAAgB,IAAI,CAAQ,MAAM,KACpC,EAAgB,OAAO,CAAQ;CAEnC;CAcA,uBAAuB,OAAO,GAAkB,MAAuB;EACrE,IAAM,IAAS,EAAI,CAAC,CAAC,QAAQ;EAC7B,IAAI,CAAC,GAAQ;EAGb,IAAM,KAAoB,EAAsB,IAAI,CAAQ,KAAK,KAAK;EACtE,EAAsB,IAAI,GAAU,CAAgB;EAGpD,IAAM,oBAAkB,IAAI,IAAY;EACxC,KAAK,IAAM,KAAQ,EAAO,mBAAmB,CAAC,GAC5C,AAAI,EAAK,WAAW,EAAK,YACvB,EAAK,SAAS,SAAS,MAAO,EAAgB,IAAI,CAAE,CAAC;EAKzD,IAAM,IAAc,CAAC,GAAI,EAAO,mBAAmB,CAAC,CAAE,CAAC,CACpD,QACE,MACC,EAAK,SAAS,YACd,EAAK,WACL,CAAC,EAAgB,IAAI,EAAK,EAAE,CAChC,CAAC,CACA,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAK,GAG/B,IAA6B;EACjC,KAAK,IAAM,KAAQ,GAAa;GAC9B,IAAI,EAAsB,IAAI,CAAQ,MAAM,GAC1C;GAGF,IAAI;IACF,IAAoB,MAAM,EAAK,GAAG,CAAiB;GACrD,SAAS,GAAO;IAEd,QAAQ,MACN,eAAe,EAAK,GAAG,qBAAqB,EAAS,IACrD,CACF;GACF;EACF;EAUA,IAAM,IAAO,GACP,IAAS,GACT,IAAY,EAAI,CAAC,CAAC,QAAQ,IAI1B,IAAa,GAAW,aAGxB,IAAiC,CAAC;EACxC,KAAK,IAAM,KAAO,OAAO,KAAK,CAAM,GAAG;GACrC,IAAM,IAAc,CAAC,OAAO,GAAG,EAAO,IAAM,EAAK,EAAI,GAC/C,IAAa,CAAC,KAAc,EAAE,KAAO,IACrC,IACJ,CAAC,KAAc,OAAO,GAAG,EAAU,IAAM,EAAW,EAAI;GAE1D,CAAI,KAAe,KAAc,OAC/B,EAAM,KAAO,EAAO;EAExB;EAQA,IAAI,CALe,OAAO,KAAK,CAAK,CAAC,CAAC,MACnC,MAAM,CAAC,OAAO,GAAG,IAAY,IAAI,EAAM,EAAE,CAIvC,KAFqB,OAAO,GAAG,GAAmB,CAAU,GAE3B;GACpC,AAAI,EAAsB,IAAI,CAAQ,MAAM,KAC1C,EAAsB,OAAO,CAAQ;GAEvC;EACF;EAmBA,AAhBA,GAAK,MAAU;GACb,IAAM,IAAgB,EAAM,QAAQ;GAGpC,OAFK,IAEE,EACL,SAAS;IACP,GAAG,EAAM;KACR,IAAW;KACV,GAAG;KACH,GAAG;KACH,aAAa;IACf;GACF,EACF,IAX2B;EAY7B,CAAC,GAEG,EAAsB,IAAI,CAAQ,MAAM,KAC1C,EAAsB,OAAO,CAAQ;CAEzC;AACF,EAAE,GAqBW,IAAyC;CACpD,IAAI,YAAY;EACd,OAAO,EAAe,SAAS,CAAC,CAAC;CACnC;CACA,IAAI,eAAe;EACjB,OAAO,EAAe,SAAS,CAAC,CAAC;CACnC;CACA,IAAI,eAAe;EACjB,OAAO,EAAe,SAAS,CAAC,CAAC;CACnC;CACA,IAAI,YAAY;EACd,OAAO,EAAe,SAAS,CAAC,CAAC;CACnC;CACA,IAAI,eAAe;EACjB,OAAO,EAAe,SAAS,CAAC,CAAC;CACnC;CACA,IAAI,iBAAiB;EACnB,OAAO,EAAe,SAAS,CAAC,CAAC;CACnC;CACA,IAAI,iBAAiB;EACnB,OAAO,EAAe,SAAS,CAAC,CAAC;CACnC;CACA,IAAI,sBAAsB;EACxB,OAAO,EAAe,SAAS,CAAC,CAAC;CACnC;CACA,IAAI,sBAAsB;EACxB,OAAO,EAAe,SAAS,CAAC,CAAC;CACnC;CACA,IAAI,wBAAwB;EAC1B,OAAO,EAAe,SAAS,CAAC,CAAC;CACnC;AACF"}

package/dist/widgets/category.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"category.js","names":["{\n value,\n maxValue,\n color,\n selected = true,\n}: CategoryBarProps","selected = true","selected\n ? { ...styles.barFill, width: `${percentage}%`, backgroundColor: color }\n : { ...styles.barFill, ...styles.barFillMuted, width: `${percentage}%` }","<Box sx={styles.bar}>\n <Box sx={barFillSx} />\n </Box>","{\n name,\n value,\n maxValue,\n color,\n formatter,\n labelFormatter,\n onClick,\n selected = true,\n}: CategoryRowSingleProps","selected = true","onClick\n ? () =>\n onClick({\n name,\n })\n : undefined","labelFormatter ? labelFormatter(name) : name","<Typography sx={styles.rowLabel}>\n {labelFormatter ? labelFormatter(name) : name}\n </Typography>","formatter(value)","<Typography sx={styles.rowValue}>{formatter(value)}</Typography>","<Box sx={styles.rowHeader}>\n <Typography sx={styles.rowLabel}>\n {labelFormatter ? labelFormatter(name) : name}\n </Typography>\n <Typography sx={styles.rowValue}>{formatter(value)}</Typography>\n </Box>","<CategoryBar\n value={value}\n maxValue={maxValue}\n color={color}\n selected={selected}\n />","<Box sx={rowStyle} onClick={handleClick}>\n <Box sx={styles.rowHeader}>\n <Typography sx={styles.rowLabel}>\n {labelFormatter ? labelFormatter(name) : name}\n </Typography>\n <Typography sx={styles.rowValue}>{formatter(value)}</Typography>\n </Box>\n <CategoryBar\n value={value}\n maxValue={maxValue}\n color={color}\n selected={selected}\n />\n </Box>","{\n name,\n values,\n maxValue,\n colors,\n formatter,\n labelFormatter,\n onClick,\n selected = true,\n}: CategoryRowMultiProps","selected = true","onClick ? () => onClick({ name }) : undefined","labelFormatter ? labelFormatter(name) : name","<Typography sx={styles.rowLabel}>\n {labelFormatter ? labelFormatter(name) : name}\n </Typography>","values.map((value, index) => (\n <Box key={`${name}-${value}-${index}`} sx={styles.multiBarRow}>\n <Box sx={styles.multiBarContainer}>\n <CategoryBar\n value={value}\n maxValue={maxValue}\n color={colors[index % colors.length] ?? ''}\n selected={selected}\n />\n </Box>\n <Typography sx={styles.multiBarValue}>\n {formatter(value)}\n </Typography>\n </Box>\n ))","colors.length","(value, index) => (\n <Box key={`${name}-${value}-${index}`} sx={styles.multiBarRow}>\n <Box sx={styles.multiBarContainer}>\n <CategoryBar\n value={value}\n maxValue={maxValue}\n color={colors[index % colors.length] ?? ''}\n selected={selected}\n />\n </Box>\n <Typography sx={styles.multiBarValue}>\n {formatter(value)}\n </Typography>\n </Box>\n )","<Box sx={styles.barContainer}>\n {values.map((value, index) => (\n <Box key={`${name}-${value}-${index}`} sx={styles.multiBarRow}>\n <Box sx={styles.multiBarContainer}>\n <CategoryBar\n value={value}\n maxValue={maxValue}\n color={colors[index % colors.length] ?? ''}\n selected={selected}\n />\n </Box>\n <Typography sx={styles.multiBarValue}>\n {formatter(value)}\n </Typography>\n </Box>\n ))}\n </Box>","<Box sx={rowStyle} onClick={handleClick}>\n <Typography sx={styles.rowLabel}>\n {labelFormatter ? labelFormatter(name) : name}\n </Typography>\n <Box sx={styles.barContainer}>\n {values.map((value, index) => (\n <Box key={`${name}-${value}-${index}`} sx={styles.multiBarRow}>\n <Box sx={styles.multiBarContainer}>\n <CategoryBar\n value={value}\n maxValue={maxValue}\n color={colors[index % colors.length] ?? ''}\n selected={selected}\n />\n </Box>\n <Typography sx={styles.multiBarValue}>\n {formatter(value)}\n </Typography>\n </Box>\n ))}\n </Box>\n </Box>","{\n hiddenCount,\n otherLabel = 'Other',\n otherCountLabel = '{count} more',\n}: CategoryRowOtherProps","otherLabel = 'Other'","otherCountLabel = '{count} more'","otherCountLabel.replace('{count}', String(hiddenCount))","<Typography sx={styles.otherLabel}>{otherLabel}</Typography>","<Typography sx={styles.otherCount}>({countText})</Typography>","<Box sx={styles.otherRow}>\n <Typography sx={styles.otherLabel}>{otherLabel}</Typography>\n <Typography sx={styles.otherCount}>({countText})</Typography>\n </Box>","{ series, colors }: CategoryLegendProps","series.map((item, index) => (\n <Box key={item.name} sx={styles.legendItem}>\n <Box\n sx={{\n ...styles.legendDot,\n backgroundColor: item.color ?? colors[index % colors.length],\n }}\n />\n <Typography sx={styles.legendLabel}>{item.name}</Typography>\n </Box>\n ))","colors.length","(item, index) => (\n <Box key={item.name} sx={styles.legendItem}>\n <Box\n sx={{\n ...styles.legendDot,\n backgroundColor: item.color ?? colors[index % colors.length],\n }}\n />\n <Typography sx={styles.legendLabel}>{item.name}</Typography>\n </Box>\n )","<Box sx={styles.legend}>\n {series.map((item, index) => (\n <Box key={item.name} sx={styles.legendItem}>\n <Box\n sx={{\n ...styles.legendDot,\n backgroundColor: item.color ?? colors[index % colors.length],\n }}\n />\n <Typography sx={styles.legendLabel}>{item.name}</Typography>\n </Box>\n ))}\n </Box>","{ id }: CategoryUIProps","(w) => {\n const cw = w as CategoryWidgetState | undefined\n return {\n _formatter: cw?.formatter,\n _labelFormatter: cw?.labelFormatter,\n _series: cw?.series,\n data: cw?.data,\n maxItems: cw?.maxItems,\n labels: cw?.labels,\n onRowClick: cw?.onRowClick,\n selected: cw?.selected,\n max: cw?.max,\n }\n }","_series ?? []","series.length > 0\n ? series.map(\n (s, index: number) =>\n s.color ??\n qualitativeColors[index % qualitativeColors.length] ??\n theme.palette.secondary.main,\n )\n : [theme.palette.secondary.main]","bold","secondary","series.length","Box","styles.list","{ maxHeight, overflow: hiddenCount === 0 ? 'auto' : 'hidden' }","isMulti\n ? visibleData.map((item) => (\n <CategoryRowMulti\n key={item.name}\n name={item.name}\n values={item.values}\n maxValue={maxValue}\n colors={colors}\n formatter={formatter}\n labelFormatter={labelFormatter}\n onClick={onRowClick}\n selected={selected?.(item.name) ?? true}\n />\n ))\n : visibleData.map((item) => (\n <CategoryRowSingle\n key={item.name}\n name={item.name}\n value={item.values[0] ?? 0}\n selected={selected?.(item.name) ?? true}\n maxValue={maxValue}\n color={colors[0]!}\n formatter={formatter}\n labelFormatter={labelFormatter}\n onClick={onRowClick}\n />\n ))","ref","{\n ...styles.root,\n }","length","(item) => item.values","hiddenCount === 0 ? 'auto' : 'hidden'","item","hiddenCount > 0 && (\n <CategoryRowOther\n hiddenCount={hiddenCount}\n otherLabel={labels?.other}\n otherCountLabel={labels?.otherCount}\n />\n )","other","otherCount","<Box\n sx={styles.list}\n style={{ maxHeight, overflow: hiddenCount === 0 ? 'auto' : 'hidden' }}\n >\n {isMulti\n ? visibleData.map((item) => (\n <CategoryRowMulti\n key={item.name}\n name={item.name}\n values={item.values}\n maxValue={maxValue}\n colors={colors}\n formatter={formatter}\n labelFormatter={labelFormatter}\n onClick={onRowClick}\n selected={selected?.(item.name) ?? true}\n />\n ))\n : visibleData.map((item) => (\n <CategoryRowSingle\n key={item.name}\n name={item.name}\n value={item.values[0] ?? 0}\n selected={selected?.(item.name) ?? true}\n maxValue={maxValue}\n color={colors[0]!}\n formatter={formatter}\n labelFormatter={labelFormatter}\n onClick={onRowClick}\n />\n ))}\n {hiddenCount > 0 && (\n <CategoryRowOther\n hiddenCount={hiddenCount}\n otherLabel={labels?.other}\n otherCountLabel={labels?.otherCount}\n />\n )}\n </Box>","series.length > 0 && <CategoryLegend series={series} colors={colors} />","<Box\n ref={ref}\n sx={{\n ...styles.root,\n }}\n >\n <Box\n sx={styles.list}\n style={{ maxHeight, overflow: hiddenCount === 0 ? 'auto' : 'hidden' }}\n >\n {isMulti\n ? visibleData.map((item) => (\n <CategoryRowMulti\n key={item.name}\n name={item.name}\n values={item.values}\n maxValue={maxValue}\n colors={colors}\n formatter={formatter}\n labelFormatter={labelFormatter}\n onClick={onRowClick}\n selected={selected?.(item.name) ?? true}\n />\n ))\n : visibleData.map((item) => (\n <CategoryRowSingle\n key={item.name}\n name={item.name}\n value={item.values[0] ?? 0}\n selected={selected?.(item.name) ?? true}\n maxValue={maxValue}\n color={colors[0]!}\n formatter={formatter}\n labelFormatter={labelFormatter}\n onClick={onRowClick}\n />\n ))}\n {hiddenCount > 0 && (\n <CategoryRowOther\n hiddenCount={hiddenCount}\n otherLabel={labels?.other}\n otherCountLabel={labels?.otherCount}\n />\n )}\n </Box>\n {series.length > 0 && <CategoryLegend series={series} colors={colors} />}\n </Box>","<Box sx={styles.list} aria-label='Category skeleton'>\n {Array.from({ length: 5 }).map((_, index) => (\n <Box key={index} sx={styles.row}>\n <Box sx={styles.rowHeader}>\n <Skeleton width={80} height={16} />\n <Skeleton width={40} height={16} />\n </Box>\n <Skeleton\n variant='rectangular'\n height={4}\n sx={{ borderRadius: 2, width: `${widthPatterns[index]}%` }}\n />\n </Box>\n ))}\n </Box>","(_, index) => (\n <Box key={index} sx={styles.row}>\n <Box sx={styles.rowHeader}>\n <Skeleton width={80} height={16} />\n <Skeleton width={40} height={16} />\n </Box>\n <Skeleton\n variant='rectangular'\n height={4}\n sx={{ borderRadius: 2, width: `${widthPatterns[index]}%` }}\n />\n </Box>\n )"],"sources":["../../src/widgets/category/style.ts","../../src/widgets/category/components/category-bar.tsx","../../src/widgets/category/components/category-row-single.tsx","../../src/widgets/category/components/category-row-multi.tsx","../../src/widgets/category/components/category-row-other.tsx","../../src/widgets/category/components/category-legend.tsx","../../src/widgets/category/category-ui.tsx","../../src/widgets/category/skeleton.tsx","../../src/widgets/category/config.ts"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material'\n\nexport const styles = {\n root: {\n display: 'flex',\n flexDirection: 'column',\n position: 'relative',\n width: '100%',\n },\n list: {\n display: 'flex',\n flexDirection: 'column',\n gap: (theme: Theme) => theme.spacing(1),\n },\n row: {\n display: 'flex',\n flexDirection: 'column',\n gap: (theme: Theme) => theme.spacing(0.5),\n pointerEvents: 'none',\n },\n rowClickable: {\n pointerEvents: 'auto',\n // display: 'flex',\n // flexDirection: 'column',\n // gap: (theme: Theme) => theme.spacing(0.5),\n // cursor: 'pointer',\n // borderRadius: 1,\n // padding: (theme: Theme) => theme.spacing(0.5),\n // margin: (theme: Theme) => theme.spacing(-0.5),\n // transition: 'background-color 0.15s ease-in-out',\n // '&:hover': {\n // backgroundColor: (theme: Theme) => theme.palette.action.hover,\n // },\n },\n rowHeader: {\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n },\n rowLabel: {\n typography: 'body2',\n fontWeight: 'medium',\n color: 'text.primary',\n },\n rowValue: {\n typography: 'body2',\n color: 'text.secondary',\n },\n barContainer: {\n display: 'flex',\n flexDirection: 'column',\n },\n bar: {\n height: 4,\n borderRadius: 2,\n backgroundColor: (theme: Theme) => theme.palette.action.disabledBackground,\n overflow: 'hidden',\n position: 'relative',\n transition: 'background-color 0.15s ease-in-out',\n cursor: 'pointer',\n '&:hover': {\n backgroundColor: (theme: Theme) => theme.palette.action.hover,\n\n '& > div': {\n filter: 'brightness(1.2)',\n },\n },\n },\n barFill: {\n height: '100%',\n borderRadius: 2,\n transition: 'width 0.3s ease-in-out, background-color 0.15s ease-in-out',\n },\n barFillMuted: {\n backgroundColor: (theme: Theme) => theme.palette.action.disabled,\n },\n legend: {\n display: 'flex',\n alignItems: 'center',\n gap: (theme: Theme) => theme.spacing(2),\n flexWrap: 'wrap',\n paddingTop: (theme: Theme) => theme.spacing(2),\n position: 'sticky',\n bottom: 0,\n backgroundColor: 'background.paper',\n borderTop: (theme: Theme) => `1px solid ${theme.palette.divider}`,\n marginTop: (theme: Theme) => theme.spacing(2),\n },\n legendItem: {\n display: 'flex',\n alignItems: 'center',\n gap: (theme: Theme) => theme.spacing(1),\n },\n legendDot: {\n width: 8,\n height: 8,\n borderRadius: '50%',\n },\n legendLabel: {\n typography: 'caption',\n color: 'text.secondary',\n textTransform: 'uppercase',\n fontWeight: 'medium',\n },\n multiBarRow: {\n display: 'flex',\n alignItems: 'center',\n gap: (theme: Theme) => theme.spacing(1),\n },\n multiBarValue: {\n typography: 'body2',\n color: 'text.secondary',\n minWidth: 48,\n textAlign: 'right',\n },\n multiBarContainer: {\n flex: 1,\n },\n otherRow: {\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n },\n otherLabel: {\n typography: 'body2',\n fontWeight: 'medium',\n color: 'text.secondary',\n fontStyle: 'italic',\n },\n otherCount: {\n typography: 'body2',\n color: 'text.disabled',\n },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box } from '@mui/material'\nimport { styles } from '../style'\n\nexport interface CategoryBarProps {\n value: number\n maxValue: number\n color: string\n selected?: boolean\n}\n\n/**\n * Renders a single horizontal bar fill proportional to its value relative to the maximum.\n */\nexport function CategoryBar({\n value,\n maxValue,\n color,\n selected = true,\n}: CategoryBarProps) {\n const percentage = maxValue > 0 ? (value / maxValue) * 100 : 0\n\n const barFillSx = selected\n ? { ...styles.barFill, width: `${percentage}%`, backgroundColor: color }\n : { ...styles.barFill, ...styles.barFillMuted, width: `${percentage}%` }\n\n return (\n <Box sx={styles.bar}>\n <Box sx={barFillSx} />\n </Box>\n )\n}\n","import { Box, Typography } from '@mui/material'\nimport { styles } from '../style'\nimport { CategoryBar } from './category-bar'\nimport type { CategoryWidgetConfig } from '../types'\n\nexport interface CategoryRowSingleProps {\n name: string\n value: number\n maxValue: number\n color: string\n formatter: NonNullable<CategoryWidgetConfig['formatter']>\n labelFormatter?: CategoryWidgetConfig['labelFormatter']\n onClick?: CategoryWidgetConfig['onRowClick']\n selected?: boolean\n}\n\n/**\n * Renders a single-series category row with a label, formatted value, and proportional bar.\n */\nexport function CategoryRowSingle({\n name,\n value,\n maxValue,\n color,\n formatter,\n labelFormatter,\n onClick,\n selected = true,\n}: CategoryRowSingleProps) {\n const handleClick = onClick\n ? () =>\n onClick({\n name,\n })\n : undefined\n const rowStyle = onClick ? styles.rowClickable : styles.row\n\n return (\n <Box sx={rowStyle} onClick={handleClick}>\n <Box sx={styles.rowHeader}>\n <Typography sx={styles.rowLabel}>\n {labelFormatter ? labelFormatter(name) : name}\n </Typography>\n <Typography sx={styles.rowValue}>{formatter(value)}</Typography>\n </Box>\n <CategoryBar\n value={value}\n maxValue={maxValue}\n color={color}\n selected={selected}\n />\n </Box>\n )\n}\n","import { Box, Typography } from '@mui/material'\nimport { styles } from '../style'\nimport { CategoryBar } from './category-bar'\nimport type { CategoryWidgetConfig } from '../types'\n\nexport interface CategoryRowMultiProps {\n name: string\n values: number[]\n maxValue: number\n colors: string[]\n formatter: NonNullable<CategoryWidgetConfig['formatter']>\n labelFormatter?: CategoryWidgetConfig['labelFormatter']\n onClick?: CategoryWidgetConfig['onRowClick']\n selected?: boolean\n}\n\n/**\n * Renders a multi-series category row with a label and multiple color-coded bars stacked vertically.\n */\nexport function CategoryRowMulti({\n name,\n values,\n maxValue,\n colors,\n formatter,\n labelFormatter,\n onClick,\n selected = true,\n}: CategoryRowMultiProps) {\n const handleClick = onClick ? () => onClick({ name }) : undefined\n const rowStyle = onClick ? styles.rowClickable : styles.row\n\n return (\n <Box sx={rowStyle} onClick={handleClick}>\n <Typography sx={styles.rowLabel}>\n {labelFormatter ? labelFormatter(name) : name}\n </Typography>\n <Box sx={styles.barContainer}>\n {values.map((value, index) => (\n <Box key={`${name}-${value}-${index}`} sx={styles.multiBarRow}>\n <Box sx={styles.multiBarContainer}>\n <CategoryBar\n value={value}\n maxValue={maxValue}\n color={colors[index % colors.length] ?? ''}\n selected={selected}\n />\n </Box>\n <Typography sx={styles.multiBarValue}>\n {formatter(value)}\n </Typography>\n </Box>\n ))}\n </Box>\n </Box>\n )\n}\n","import { Box, Typography } from '@mui/material'\nimport { styles } from '../style'\n\nexport interface CategoryRowOtherProps {\n hiddenCount: number\n otherLabel?: string\n otherCountLabel?: string\n}\n\n/**\n * Renders an \"Other\" summary row indicating how many additional categories are hidden beyond `maxItems`.\n */\nexport function CategoryRowOther({\n hiddenCount,\n otherLabel = 'Other',\n otherCountLabel = '{count} more',\n}: CategoryRowOtherProps) {\n const countText = otherCountLabel.replace('{count}', String(hiddenCount))\n\n return (\n <Box sx={styles.otherRow}>\n <Typography sx={styles.otherLabel}>{otherLabel}</Typography>\n <Typography sx={styles.otherCount}>({countText})</Typography>\n </Box>\n )\n}\n","import { Box, Typography } from '@mui/material'\nimport { styles } from '../style'\nimport type { CategorySeriesConfig } from '../types'\n\nexport interface CategoryLegendProps {\n series: CategorySeriesConfig[]\n colors: string[]\n}\n\n/**\n * Renders a color-coded legend for multi-series category widgets.\n */\nexport function CategoryLegend({ series, colors }: CategoryLegendProps) {\n if (series.length === 0) {\n return null\n }\n\n return (\n <Box sx={styles.legend}>\n {series.map((item, index) => (\n <Box key={item.name} sx={styles.legendItem}>\n <Box\n sx={{\n ...styles.legendDot,\n backgroundColor: item.color ?? colors[index % colors.length],\n }}\n />\n <Typography sx={styles.legendLabel}>{item.name}</Typography>\n </Box>\n ))}\n </Box>\n )\n}\n","import { Box, useTheme } from '@mui/material'\nimport { useWidgetSelector } from '../stores/use-widget-selector'\nimport { styles } from './style'\nimport type { CategoryUIProps, CategoryWidgetState } from './types'\nimport { CategoryRowSingle } from './components/category-row-single'\nimport { CategoryRowMulti } from './components/category-row-multi'\nimport { CategoryRowOther } from './components/category-row-other'\nimport { CategoryLegend } from './components/category-legend'\nimport { useState } from 'react'\nimport { defaultFormatter, defaultLabelFormatter } from '../utils/formatter'\nimport { useWidgetRef } from '../../hooks'\n\n/**\n * Renders a category widget displaying horizontal bars for categorical data with support for single and multi-series layouts, selection, and overflow grouping.\n */\nexport function CategoryUI({ id }: CategoryUIProps) {\n const { ref } = useWidgetRef<HTMLDivElement>(id)\n const theme = useTheme()\n\n // Single consolidated subscription instead of 9 separate ones.\n const {\n _formatter,\n _labelFormatter,\n _series,\n data,\n maxItems,\n labels,\n onRowClick,\n selected,\n max,\n } = useWidgetSelector(id, (w) => {\n const cw = w as CategoryWidgetState | undefined\n return {\n _formatter: cw?.formatter,\n _labelFormatter: cw?.labelFormatter,\n _series: cw?.series,\n data: cw?.data,\n maxItems: cw?.maxItems,\n labels: cw?.labels,\n onRowClick: cw?.onRowClick,\n selected: cw?.selected,\n max: cw?.max,\n }\n })\n\n const formatter = _formatter ?? defaultFormatter\n const labelFormatter = _labelFormatter ?? defaultLabelFormatter\n const series = _series ?? []\n\n const [maxHeight] = useState<string | number | undefined>(\n maxItems ? 40 * (series.length || 1) * maxItems : undefined,\n )\n\n const qualitativeColors = Object.values(theme.palette.qualitative.bold)\n\n const colors =\n series.length > 0\n ? series.map(\n (s, index: number) =>\n s.color ??\n qualitativeColors[index % qualitativeColors.length] ??\n theme.palette.secondary.main,\n )\n : [theme.palette.secondary.main]\n\n // Group data items by name to support multi-series display\n // data is CategoryDataItem[][] where data[seriesIndex] contains items for that series\n const groupedData = generateGroupedData({ data })\n\n if (groupedData.length === 0) {\n return null\n }\n\n const maxValue =\n max ?? Math.max(...groupedData.flatMap((item) => item.values))\n\n // Slice data to maxItems and compute hidden count\n const visibleData =\n maxItems !== undefined && maxItems >= 0\n ? groupedData.slice(0, maxItems)\n : groupedData\n\n const hiddenCount = groupedData.length - visibleData.length\n const isMulti = series.length > 1\n\n return (\n <Box\n ref={ref}\n sx={{\n ...styles.root,\n }}\n >\n <Box\n sx={styles.list}\n style={{ maxHeight, overflow: hiddenCount === 0 ? 'auto' : 'hidden' }}\n >\n {isMulti\n ? visibleData.map((item) => (\n <CategoryRowMulti\n key={item.name}\n name={item.name}\n values={item.values}\n maxValue={maxValue}\n colors={colors}\n formatter={formatter}\n labelFormatter={labelFormatter}\n onClick={onRowClick}\n selected={selected?.(item.name) ?? true}\n />\n ))\n : visibleData.map((item) => (\n <CategoryRowSingle\n key={item.name}\n name={item.name}\n value={item.values[0] ?? 0}\n selected={selected?.(item.name) ?? true}\n maxValue={maxValue}\n color={colors[0]!}\n formatter={formatter}\n labelFormatter={labelFormatter}\n onClick={onRowClick}\n />\n ))}\n {hiddenCount > 0 && (\n <CategoryRowOther\n hiddenCount={hiddenCount}\n otherLabel={labels?.other}\n otherCountLabel={labels?.otherCount}\n />\n )}\n </Box>\n {series.length > 0 && <CategoryLegend series={series} colors={colors} />}\n </Box>\n )\n}\n\nfunction generateGroupedData({\n data,\n}: {\n data: { name: string; value: number }[][] | undefined\n}) {\n if (!data || data.length === 0) return []\n\n const seriesCount = Math.max(data.length, 1)\n const grouped = new Map<string, number[]>()\n const nameOrder: string[] = []\n\n // Iterate over each series (outer array)\n for (let seriesIndex = 0; seriesIndex < data.length; seriesIndex++) {\n const seriesData = data[seriesIndex]!\n for (const item of seriesData) {\n let values = grouped.get(item.name)\n if (!values) {\n values = new Array<number>(seriesCount).fill(0)\n grouped.set(item.name, values)\n nameOrder.push(item.name)\n }\n values[seriesIndex] = item.value\n }\n }\n\n return nameOrder.map((name) => ({\n name,\n values: grouped.get(name)!,\n }))\n}\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nconst widthPatterns = [85, 70, 55, 75, 60]\n\nexport function CategorySkeleton() {\n return (\n <Box sx={styles.list} aria-label='Category skeleton'>\n {Array.from({ length: 5 }).map((_, index) => (\n <Box key={index} sx={styles.row}>\n <Box sx={styles.rowHeader}>\n <Skeleton width={80} height={16} />\n <Skeleton width={40} height={16} />\n </Box>\n <Skeleton\n variant='rectangular'\n height={4}\n sx={{ borderRadius: 2, width: `${widthPatterns[index]}%` }}\n />\n </Box>\n ))}\n </Box>\n )\n}\n","import { downloadToCSV, downloadToPNG, type DownloadItem } from '../actions'\nimport type { ConfigProps } from '../loader/types'\nimport type {\n CategoryWidgetConfig,\n CategoryWidgetData,\n CategorySeriesConfig,\n} from './types'\n\ninterface CategoryDownloadConfigProps extends ConfigProps {\n series?: CategorySeriesConfig[]\n}\n\n/**\n * Creates download configuration for category widgets, supporting PNG (screenshot) and CSV (data) exports. CSV output groups values by category across multiple series.\n *\n * @param props - Configuration with `refUI` reference and optional `series` for CSV column headers.\n * @returns Array of download items for use with the Download action.\n */\nexport function categoryDownloadConfig({\n refUI,\n series,\n}: CategoryDownloadConfigProps): DownloadItem<CategoryWidgetData>[] {\n return [\n {\n ...downloadToPNG,\n modifier: () => downloadToPNG.modifier(refUI),\n },\n {\n ...downloadToCSV,\n modifier: async (data) => {\n if (!data?.length || data[0]?.length === 0) {\n return downloadToCSV.modifier([])\n }\n\n // data is CategoryDataItem[][] where data[seriesIndex] contains items for that series\n const seriesCount = data.length\n const grouped = new Map<string, number[]>()\n const nameOrder: string[] = []\n\n // Iterate over each series (outer array)\n for (let seriesIndex = 0; seriesIndex < seriesCount; seriesIndex++) {\n const seriesData = data[seriesIndex]!\n for (const item of seriesData) {\n let values = grouped.get(item.name)\n if (!values) {\n values = new Array<number>(seriesCount).fill(0)\n grouped.set(item.name, values)\n nameOrder.push(item.name)\n }\n values[seriesIndex] = item.value\n }\n }\n\n // Build rows\n const rows = nameOrder.map((name) => [name, ...grouped.get(name)!])\n\n const isMulti = seriesCount > 1\n const headers = isMulti\n ? [\n 'Category',\n ...(series?.map((s: CategorySeriesConfig) => s.name) ??\n Array.from(\n { length: seriesCount },\n (_, i) => `Series ${i + 1}`,\n )),\n ]\n : ['Category', 'Value']\n\n return downloadToCSV.modifier([headers, ...rows])\n },\n },\n ]\n}\n\n/**\n * Returns the default configuration for category list widgets, including empty series and a default `maxItems` of 10.\n *\n * @returns Default category widget config.\n */\nexport function categoryConfig(): CategoryWidgetConfig {\n return {\n series: [],\n maxItems: 10,\n max: undefined,\n }\n}\n"],"mappings":"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"}

package/dist/widgets/error.js DELETED Viewed

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

package/dist/widgets/error.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"error.js","names":["{\n id,\n children,\n title: titleProp,\n description,\n}: WidgetErrorProps","(w) => ({\n isLoading: w?.isLoading,\n isFetching: w?.isFetching,\n error: w?.error,\n })","<AlertTitle>{errorTitle}</AlertTitle>","<Alert severity='error'>\n <AlertTitle>{errorTitle}</AlertTitle>\n {errorMessage}\n </Alert>"],"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"],"mappings":";;;;;AAcA,SAAgB,EAAA,GAKK;eALO,EAC1B,OACA,aACA,OAAO,GACP,mBAJ0BA,GAOpB,EAAE,cAAW,eAAY,aAAU,EAAkB,GAAIC,CAI7D;CAGF,IAAI,KAAa,GACf,OAAO;CAIT,IAAI,GAAO;EACT,IAAM,IAAa,KAAa,EAAM,SAAS,SACzC,IACJ,KACA,EAAM,WACN,iEAIEC;EAAa,AAAA,EAAA,OAAA,gBAAb,IAAA,kBAAC,GAAD,EAAA,UAAa,EAAuB,CAAA,GAAvB,EAAA,KAAA;EADfC,IAAAA;EADF,OAGK,EAAA,OAAA,KAAA,EAAA,OADDD,KADF,IAAA,kBAAC,GAAD;GAAO,UAAS;GAAhB,UAAA,CACEA,GACC,CACI;MADJ,EAAA,KAAA,GADDA,EAAAA,KAAAA,yBADFC;CAKJ;CAGA,OAAO;AACT;AA7BiE,SAAA,EAAC,GAAA;CAAO,OAAA;EACrE,WAAW,GAAG;EACd,YAAY,GAAG;EACf,OAAO,GAAG;CACZ"}

package/dist/widgets/loader.js DELETED Viewed

@@ -1,66 +0,0 @@
-import { r as e } from "../rolldown-runtime-B0aSnxlc.js";
-import { t } from "../cjs-CBrZjPCj.js";
-import { n, t as r } from "../widget-store-BFPKYm4R.js";
-import { c as i } from "react/compiler-runtime";
-import { useEffect as a, useRef as o } from "react";
-//#region src/widgets/loader/loader.tsx
-function s(e) {
-	let t = i(25), s;
-	t[0] === e.id ? s = t[1] : (s = (t) => t.widgets[e.id]?.registeredTools, t[0] = e.id, t[1] = s);
-	let c = r(s), l = o(e.data), u = o(e.config), d = o(!1), f;
-	t[2] !== e.config || t[3] !== e.data ? (f = () => {
-		l.current = e.data, u.current = e.config;
-	}, t[2] = e.config, t[3] = e.data, t[4] = f) : f = t[4], a(f);
-	let p, m;
-	t[5] !== e.error || t[6] !== e.id || t[7] !== e.isFetching || t[8] !== e.isLoading || t[9] !== e.type ? (p = () => {
-		n.setWidget(e.id, {
-			type: e.type,
-			isLoading: e.isLoading ?? !1,
-			isFetching: e.isFetching ?? !1,
-			error: e.error
-		});
-	}, m = [
-		e.id,
-		e.type,
-		e.isLoading,
-		e.isFetching,
-		e.error
-	], t[5] = e.error, t[6] = e.id, t[7] = e.isFetching, t[8] = e.isLoading, t[9] = e.type, t[10] = p, t[11] = m) : (p = t[10], m = t[11]), a(p, m);
-	let h, g;
-	t[12] !== e.config || t[13] !== e.id ? (h = () => {
-		e.config && n.executeConfigPipeline(e.id, e.config);
-	}, g = [e.id, e.config], t[12] = e.config, t[13] = e.id, t[14] = h, t[15] = g) : (h = t[14], g = t[15]), a(h, g);
-	let _, v;
-	t[16] !== e.data || t[17] !== e.id ? (_ = () => {
-		n.executeToolPipeline(e.id, e.data);
-	}, v = [e.id, e.data], t[16] = e.data, t[17] = e.id, t[18] = _, t[19] = v) : (_ = t[18], v = t[19]), a(_, v);
-	let y;
-	t[20] === e.id ? y = t[21] : (y = () => {
-		if (!d.current) {
-			d.current = !0;
-			return;
-		}
-		let t = requestAnimationFrame(() => {
-			let { executeToolPipeline: t, executeConfigPipeline: r } = n;
-			t(e.id, l.current), u.current && r(e.id, u.current);
-		});
-		return () => cancelAnimationFrame(t);
-	}, t[20] = e.id, t[21] = y);
-	let b;
-	return t[22] !== e.id || t[23] !== c ? (b = [c, e.id], t[22] = e.id, t[23] = c, t[24] = b) : b = t[24], a(y, b), e.children;
-}
-//#endregion
-//#region src/widgets/loader/utils.ts
-var c = /* @__PURE__ */ e(t(), 1);
-function l(e, t, n) {
-	return typeof e == "function" ? e(t, n) : e;
-}
-function u(...e) {
-	return (0, c.default)(e[0] ?? {}, e[1] ?? {}, { arrayMerge(e, t) {
-		return t;
-	} });
-}
-//#endregion
-export { s as WidgetLoader, u as mergeWidgetConfig, l as resolveConfig };
-//# sourceMappingURL=loader.js.map

package/dist/widgets/loader.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"loader.js","names":["(state) => state.widgets[props.id]?.registeredTools","id","() => {\n dataRef.current = props.data\n configRef.current = props.config\n }","config","data","() => {\n widgetStoreActions.setWidget<WrapperState>(props.id, {\n type: props.type,\n isLoading: props.isLoading ?? false,\n isFetching: props.isFetching ?? false,\n error: props.error,\n })\n }","[props.id, props.type, props.isLoading, props.isFetching, props.error]","error","isFetching","isLoading","type","() => {\n if (props.config) {\n void widgetStoreActions.executeConfigPipeline(props.id, props.config)\n }\n }","[props.id, props.config]","() => {\n void widgetStoreActions.executeToolPipeline(props.id, props.data)\n }","[props.id, props.data]","() => {\n if (!isMountedRef.current) {\n isMountedRef.current = true\n return\n }\n\n const rafId = requestAnimationFrame(() => {\n const { executeToolPipeline, executeConfigPipeline } = widgetStoreActions\n void executeToolPipeline(props.id, dataRef.current)\n if (configRef.current) {\n void executeConfigPipeline(props.id, configRef.current)\n }\n })\n\n return () => cancelAnimationFrame(rafId)\n }","[registeredTools, props.id]"],"sources":["../../src/widgets/loader/loader.tsx","../../src/widgets/loader/utils.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\nimport type { WidgetLoaderProps } from './types'\nimport { useWidgetStore, widgetStoreActions } from '../stores/widget-store'\nimport type { WrapperState } from '../wrapper'\n\n/**\n * Foundation component for all widgets that manages state initialization, synchronization with the widget store, and data transformation pipeline execution.\n *\n * @remarks\n * The WidgetLoader is stateless -- it manages data flow but does not render any UI. Always wrap it with WidgetWrapper for consistent widget appearance.\n *\n * @example\n * ```tsx\n * <WidgetLoader\n * id=\"sales-chart\"\n * type=\"bar\"\n * data={data}\n * isLoading={false}\n * isFetching={false}\n * config={barConfig({ data })}\n * >\n * <WidgetWrapper id=\"sales-chart\" title=\"Sales\">\n * <Echart id=\"sales-chart\" />\n * </WidgetWrapper>\n * </WidgetLoader>\n * ```\n */\nexport function WidgetLoader<T extends object = Record<string, unknown>>(\n props: WidgetLoaderProps<T>,\n) {\n // Subscribe only to this widget's registeredTools via Zustand selector.\n // The selector returns a stable reference when other widgets change,\n // avoiding unnecessary re-evaluations of Effect 4.\n const registeredTools = useWidgetStore(\n (state) => state.widgets[props.id]?.registeredTools,\n )\n\n const dataRef = useRef(props.data)\n const configRef = useRef(props.config)\n const isMountedRef = useRef(false)\n\n useEffect(() => {\n dataRef.current = props.data\n configRef.current = props.config\n })\n\n // Effect 1: Metadata — type, loading, and error states in a single setWidget call.\n // Merged to reduce store updates from 2 to 1 per widget during initialization.\n useEffect(() => {\n widgetStoreActions.setWidget<WrapperState>(props.id, {\n type: props.type,\n isLoading: props.isLoading ?? false,\n isFetching: props.isFetching ?? false,\n error: props.error,\n })\n }, [props.id, props.type, props.isLoading, props.isFetching, props.error])\n\n // Effect 2: Config updates — run through config pipeline\n useEffect(() => {\n if (props.config) {\n void widgetStoreActions.executeConfigPipeline(props.id, props.config)\n }\n }, [props.id, props.config])\n\n // Effect 3: Execute tool pipeline when props.data changes\n useEffect(() => {\n void widgetStoreActions.executeToolPipeline(props.id, props.data)\n }, [props.id, props.data])\n\n // Effect 4: Re-execute pipelines when registered tools change.\n // Uses requestAnimationFrame to coalesce rapid successive registeredTools\n // changes (e.g., 6 action components each calling registerTool on mount)\n // into a single pipeline execution instead of 6 pairs.\n useEffect(() => {\n if (!isMountedRef.current) {\n isMountedRef.current = true\n return\n }\n\n const rafId = requestAnimationFrame(() => {\n const { executeToolPipeline, executeConfigPipeline } = widgetStoreActions\n void executeToolPipeline(props.id, dataRef.current)\n if (configRef.current) {\n void executeConfigPipeline(props.id, configRef.current)\n }\n })\n\n return () => cancelAnimationFrame(rafId)\n }, [registeredTools, props.id])\n\n return props.children\n}\n","import deepmerge from 'deepmerge'\n\n/**\n * Config can be either an object or a function that receives baseConfig and data\n * and returns a partial config to be merged with the base.\n */\nexport type ConfigOrFn<TConfig, TData = unknown> =\n Partial<TConfig> | ((baseConfig: TConfig, data: TData) => Partial<TConfig>)\n\n/**\n * Resolves a widget config that may be either a partial object or a function receiving the computed base config and data. If it is a function, calls it with `baseConfig` and `data`; otherwise returns the value as-is.\n *\n * @param config - The config object or function to resolve.\n * @param baseConfig - The computed base configuration.\n * @param data - The widget data.\n * @returns Resolved partial config, or undefined.\n *\n * @example\n * ```tsx\n * const resolved = resolveConfig(\n * (base, data) => ({ maxItems: base.maxItems + 5 }),\n * baseConfig,\n * widgetData,\n * )\n * ```\n */\nexport function resolveConfig<TConfig, TData>(\n config: ConfigOrFn<TConfig, TData> | undefined,\n baseConfig: TConfig,\n data: TData,\n): Partial<TConfig> | undefined {\n if (typeof config === 'function') {\n return config(baseConfig, data)\n }\n return config\n}\n\n/**\n * Deep-merges two partial widget config objects using `deepmerge`, with arrays replaced rather than concatenated.\n *\n * @param options - A tuple of two partial configs to merge (base and override).\n * @returns The merged config object.\n *\n * @example\n * ```tsx\n * const finalConfig = mergeWidgetConfig(baseConfig, resolvedConfig)\n * ```\n */\nexport function mergeWidgetConfig<T>(\n ...options: [Partial<T> | undefined, Partial<T> | undefined]\n): T {\n return deepmerge(options[0] ?? {}, options[1] ?? {}, {\n arrayMerge(_, source) {\n return source as T[keyof T][]\n },\n })\n}\n"],"mappings":"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"}

package/dist/widgets/markdown.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"markdown.js","names":["{ id }: MarkdownUIProps","(w) => (w?.data as MarkdownWidgetData | undefined)?.content","<MarkdownUI>{content}</MarkdownUI>","{ children, overrides }: MarkdownComponentProps","{\n ...COMPONENTS,\n ...overrides,\n }","<ReactMarkdown\n components={{\n ...COMPONENTS,\n ...overrides,\n }}\n >\n {children}\n </ReactMarkdown>","<Skeleton width='80%' height={24} sx={{ mb: 1 }} />","<Skeleton width='90%' height={20} sx={{ mb: 0.5 }} />","<Box aria-label='Markdown skeleton'>\n <Skeleton width='80%' height={24} sx={{ mb: 1 }} />\n <Skeleton width='90%' height={20} sx={{ mb: 0.5 }} />\n <Skeleton width='85%' height={20} sx={{ mb: 0.5 }} />\n <Skeleton width='75%' height={20} />\n </Box>"],"sources":["../../src/widgets/markdown/markdown.tsx","../../src/widgets/markdown/style.ts","../../src/widgets/markdown/markdown-ui.tsx","../../src/widgets/markdown/skeleton.tsx","../../src/widgets/markdown/config.ts"],"sourcesContent":["import type { MarkdownUIProps } from './types'\nimport type { MarkdownWidgetData } from './types'\nimport { MarkdownUI } from '.'\nimport { useWidgetSelector } from '../stores/use-widget-selector'\n\n/**\n * Stateful markdown widget component that reads content from the widget store and renders it as formatted rich text.\n */\nexport function Markdown({ id }: MarkdownUIProps) {\n const content = useWidgetSelector(\n id,\n (w) => (w?.data as MarkdownWidgetData | undefined)?.content,\n )\n\n if (!content) {\n return null\n }\n\n return <MarkdownUI>{content}</MarkdownUI>\n}\n","import type { SxProps, Theme } from '@mui/material'\n\nexport const styles: Record<string, SxProps<Theme>> = {\n container: {\n display: 'flex',\n flexDirection: 'column',\n gap: ({ spacing }) => spacing(2),\n },\n markdown: {\n overflow: 'hidden',\n typography: ({ typography }) => ({\n ...typography.body1,\n }),\n },\n li: {\n display: 'list-item',\n paddingTop: 0,\n paddingBottom: 0,\n },\n ul: {\n listStyleType: 'disc',\n paddingLeft: ({ spacing }) => spacing(2),\n },\n ol: {\n listStyleType: 'decimal',\n paddingLeft: ({ spacing }) => spacing(2),\n },\n}\n","import { Link, List, ListItem, Typography } from '@mui/material'\nimport ReactMarkdown, { type Components } from 'react-markdown'\nimport { styles } from '../markdown/style'\nimport type { MarkdownComponentProps } from './types'\n\nconst COMPONENTS: Components = {\n h1: ({ children }) => (\n <Typography variant='h4' gutterBottom color='inherit'>\n {children}\n </Typography>\n ),\n h2: ({ children }) => (\n <Typography variant='h5' gutterBottom color='inherit'>\n {children}\n </Typography>\n ),\n h3: ({ children }) => (\n <Typography variant='h6' gutterBottom color='inherit'>\n {children}\n </Typography>\n ),\n p: ({ children }) => (\n <Typography paragraph color='inherit'>\n {children}\n </Typography>\n ),\n a: ({ children, href, target = '_blank', rel = 'noopener noreferrer' }) => (\n <Link href={href} target={target} rel={rel}>\n {children}\n </Link>\n ),\n ul: ({ children }) => <List sx={styles.ul}>{children}</List>,\n ol: ({ children }) => (\n <List component='ol' sx={styles.ol}>\n {children}\n </List>\n ),\n li: ({ children }) => <ListItem sx={styles.li}>{children}</ListItem>,\n}\n\n/**\n * Presentational component that renders a Markdown string as MUI-styled HTML using react-markdown.\n *\n * @remarks\n * Maps Markdown elements (headings, paragraphs, links, lists) to MUI Typography and Link components.\n * Custom component overrides can be passed via the `overrides` prop.\n */\nexport function MarkdownUI({ children, overrides }: MarkdownComponentProps) {\n return (\n <ReactMarkdown\n components={{\n ...COMPONENTS,\n ...overrides,\n }}\n >\n {children}\n </ReactMarkdown>\n )\n}\n","import { Box, Skeleton } from '@mui/material'\n\nexport function MarkdownSkeleton() {\n return (\n <Box aria-label='Markdown skeleton'>\n <Skeleton width='80%' height={24} sx={{ mb: 1 }} />\n <Skeleton width='90%' height={20} sx={{ mb: 0.5 }} />\n <Skeleton width='85%' height={20} sx={{ mb: 0.5 }} />\n <Skeleton width='75%' height={20} />\n </Box>\n )\n}\n","import { downloadToCSV, type DownloadItem } from '../actions'\nimport type { MarkdownWidgetConfig, MarkdownWidgetData } from './types'\n\n/**\n * Creates download configuration for markdown widgets, supporting CSV export of text content. Does not require `refUI` since it only exports text.\n *\n * @returns Array of download items for use with the Download action.\n */\nexport function markdownDownloadConfig(): DownloadItem<MarkdownWidgetData>[] {\n return [\n {\n ...downloadToCSV,\n modifier: async (data) => {\n const content = data?.content ?? ''\n return downloadToCSV.modifier([['Content'], [content]])\n },\n },\n ]\n}\n\n/**\n * Returns the default configuration for markdown content display widgets.\n *\n * @returns Default markdown widget config (empty object).\n */\nexport function markdownConfig(): MarkdownWidgetConfig {\n return {}\n}\n"],"mappings":"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"}

package/dist/widgets/no-data.js DELETED Viewed

@@ -1,55 +0,0 @@
-import { t as e } from "../use-widget-selector-VSPhfhNm.js";
-import { c as t } from "react/compiler-runtime";
-import { Box as n, Typography as r } from "@mui/material";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/widgets/no-data/style.ts
-var o = { root: {
-	display: "flex",
-	flexDirection: "column",
-	gap: 1,
-	paddingTop: 1,
-	paddingBottom: 2,
-	paddingX: 2,
-	width: "100%",
-	minHeight: "100%"
-} };
-//#endregion
-//#region src/widgets/no-data/no-data.tsx
-function s(s) {
-	let u = t(7), { id: d, children: f, title: p, description: m, isEmpty: h } = s, g = p === void 0 ? "No data available" : p, _ = m === 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" : m, v = h === void 0 ? l : h, { isLoading: y, isFetching: b, sourceData: x } = e(d, c);
-	if (y || b) return f;
-	if (v(x)) {
-		let e;
-		u[0] === g ? e = u[1] : (e = /* @__PURE__ */ i(r, {
-			variant: "body2",
-			color: "text.primary",
-			children: g
-		}), u[0] = g, u[1] = e);
-		let t;
-		u[2] === _ ? t = u[3] : (t = /* @__PURE__ */ i(r, {
-			variant: "caption",
-			color: "text.secondary",
-			children: _
-		}), u[2] = _, u[3] = t);
-		let s;
-		return u[4] !== e || u[5] !== t ? (s = /* @__PURE__ */ a(n, {
-			sx: o.root,
-			children: [e, t]
-		}), u[4] = e, u[5] = t, u[6] = s) : s = u[6], s;
-	}
-	return f;
-}
-function c(e) {
-	return {
-		isLoading: e?.isLoading,
-		isFetching: e?.isFetching,
-		sourceData: e?.sourceData
-	};
-}
-function l(e) {
-	return e == null ? !0 : Array.isArray(e) ? !!(e.length === 0 || e.every((e) => Array.isArray(e) && e.length === 0)) : typeof e == "object" && Object.keys(e).length === 0;
-}
-//#endregion
-export { s as WidgetNoData };
-//# sourceMappingURL=no-data.js.map

package/dist/widgets/no-data.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"no-data.js","names":["{\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","title = 'No data available'","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'","isEmpty = defaultIsEmpty","(w) => ({\n isLoading: w?.isLoading,\n isFetching: w?.isFetching,\n sourceData: w?.sourceData,\n })","<Typography variant='body2' color='text.primary'>\n {title}\n </Typography>","<Typography variant='caption' color='text.secondary'>\n {description}\n </Typography>","<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>"],"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 source data availability.\n * Uses `sourceData` (pre-pipeline data) instead of `data` (post-pipeline) to distinguish\n * \"API returned nothing\" from \"pipeline tools filtered everything out\".\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 // Reads sourceData (pre-pipeline) to check emptiness, not data (post-pipeline).\n const { isLoading, isFetching, sourceData } = useWidgetSelector(id, (w) => ({\n isLoading: w?.isLoading,\n isFetching: w?.isFetching,\n sourceData: w?.sourceData,\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(sourceData)) {\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"],"mappings":";;;;;AAMA,IAAa,IAAyC,EACpD,MAAM;CACJ,SAAS;CACT,eAAe;CACf,KAAK;CACL,YAAY;CACZ,eAAe;CACf,UAAU;CACV,OAAO;CACP,WAAW;AACb,EACF;;;ACsBA,SAAgB,EAAA,GAMM;eANO,EAC3B,OACA,aACA,OAAA,GACA,aAAA,GACA,SAAA,MAL2BA,GAG3B,IAAA,MAAA,KAAA,IAAQ,sBAARC,GACA,IAAA,MAAA,KAAA,IAAc,mJAAdC,GACA,IAAA,MAAA,KAAA,IAAU,IAAVC,GAIM,EAAE,cAAW,eAAY,kBAAe,EAAkB,GAAIC,CAIlE;CAIF,IAAI,KAAa,GACf,OAAO;CAIT,IAAI,EAAQ,CAAU,GAAG;EAGnBC,IAAAA;EACG,AAAA,EAAA,OAAA,gBADH,IAAA,kBAAC,GAAD;GAAY,SAAQ;GAAQ,OAAM;GAC/B,UAAA;EACS,CAAA,GADT,EAAA,KAAA;EAEHC,IAAAA;EACG,AAAA,EAAA,OAAA,gBADH,IAAA,kBAAC,GAAD;GAAY,SAAQ;GAAU,OAAM;GACjC,UAAA;EACS,CAAA,GADT,EAAA,KAAA;EALLC,IAAAA;EADF,OAEIF,EAAAA,OAAAA,KAAAA,EAAAA,OAGAC,KAJF,IAAA,kBAAC,GAAD;GAAK,IAAI,EAAO;GAAhB,UAAA,CACED,GAGAC,CAGG;MANHD,EAAAA,KAAAA,GAGAC,EAAAA,KAAAA,yBAJFC;CASJ;CAGA,OAAO;AACT;AA5BsE,SAAA,EAAC,GAAA;CAAO,OAAA;EAC1E,WAAW,GAAG;EACd,YAAY,GAAG;EACf,YAAY,GAAG;CACjB;;AA8BF,SAAS,EAAe,GAAwB;CA4B9C,OA1BI,KAAQ,OACH,KAIL,MAAM,QAAQ,CAAI,IAQpB,GANI,EAAK,WAAW,KAMhB,EAAK,OAAO,MAAS,MAAM,QAAQ,CAAI,KAAK,EAAK,WAAW,CAAC,KAQ/D,OAAO,KAAS,YACX,OAAO,KAAK,CAAI,CAAC,CAAC,WAAW;AAKxC"}

package/dist/widgets/note.js DELETED Viewed

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

package/dist/widgets/note.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"note.js","names":["{ children }: { children?: React.ReactNode }","<Typography paragraph color='inherit' variant='caption'>\n {children}\n </Typography>","{\n children,\n labels = DEFAULT_LABELS,\n}: WidgetNoteProps","labels = DEFAULT_LABELS","() => {\n if (contentRef.current) {\n // Check if content overflows 3 lines\n const isOverflowing =\n contentRef.current.scrollHeight > contentRef.current.clientHeight\n setShouldShowToggle(isOverflowing)\n }\n }","() => {\n checkOverflow()\n }","[children]","() => {\n const element = contentRef.current\n if (!element) return\n\n const resizeObserver = new ResizeObserver(() => {\n checkOverflow()\n })\n\n resizeObserver.observe(element)\n\n return () => {\n resizeObserver.disconnect()\n }\n }","[]","() => {\n setIsExpanded(!isExpanded)\n }","{ ...DEFAULT_LABELS, ...labels }","{\n ...styles.root,\n ...(isExpanded ? styles.expanded : styles.clamped),\n }","isExpanded ? styles.expanded : styles.clamped","<ReactMarkdown components={COMPONENTS}>{children}</ReactMarkdown>","<Box\n ref={contentRef}\n sx={{\n ...styles.root,\n ...(isExpanded ? styles.expanded : styles.clamped),\n }}\n >\n <ReactMarkdown components={COMPONENTS}>{children}</ReactMarkdown>\n </Box>","(shouldShowToggle || isExpanded) && (\n <Button\n onClick={handleToggle}\n variant='text'\n color='primary'\n sx={styles.linkButton}\n aria-expanded={isExpanded}\n aria-label={\n isExpanded ? mergedLabels.showLess : mergedLabels.showMore\n }\n aria-controls='note-content'\n >\n {isExpanded ? mergedLabels.showLess : mergedLabels.showMore}\n </Button>\n )","mergedLabels.showLess","<Box>\n <Box\n ref={contentRef}\n sx={{\n ...styles.root,\n ...(isExpanded ? styles.expanded : styles.clamped),\n }}\n >\n <ReactMarkdown components={COMPONENTS}>{children}</ReactMarkdown>\n </Box>\n {(shouldShowToggle || isExpanded) && (\n <Button\n onClick={handleToggle}\n variant='text'\n color='primary'\n sx={styles.linkButton}\n aria-expanded={isExpanded}\n aria-label={\n isExpanded ? mergedLabels.showLess : mergedLabels.showMore\n }\n aria-controls='note-content'\n >\n {isExpanded ? mergedLabels.showLess : mergedLabels.showMore}\n </Button>\n )}\n </Box>"],"sources":["../../src/widgets/note/style.ts","../../src/widgets/note/note.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material'\n\nexport const styles = {\n root: {\n typography: 'caption',\n color: (theme: Theme) => theme.palette.text.secondary,\n marginBlockStart: ({ spacing }) => spacing(1),\n },\n clamped: {\n display: '-webkit-box',\n WebkitLineClamp: 3,\n WebkitBoxOrient: 'vertical',\n overflow: 'hidden',\n },\n expanded: {\n display: 'block',\n },\n linkButton: {\n padding: 0,\n minWidth: 'auto',\n textTransform: 'none',\n typography: 'caption',\n fontWeight: 500,\n textDecoration: 'none',\n '&:hover': {\n backgroundColor: 'transparent',\n },\n },\n} satisfies Record<string, SxProps<Theme>>\n","import { useState, useEffect, useRef, useEffectEvent } from 'react'\nimport { Box, Button, Link, Typography } from '@mui/material'\nimport type { WidgetNoteProps } from './types'\nimport { styles } from './style'\nimport ReactMarkdown, { type Components } from 'react-markdown'\n\nconst DEFAULT_LABELS = {\n showMore: 'Show More',\n showLess: 'Show Less',\n} as const\n\nconst DEFAULT_P = ({ children }: { children?: React.ReactNode }) => (\n <Typography paragraph color='inherit' variant='caption'>\n {children}\n </Typography>\n)\n\nconst COMPONENTS: Components = {\n h1: DEFAULT_P,\n h2: DEFAULT_P,\n h3: DEFAULT_P,\n p: DEFAULT_P,\n a: ({ children, href, target = '_blank', rel = 'noopener noreferrer' }) => (\n <Link\n href={href}\n target={target}\n rel={rel}\n color='text.primary'\n underline='always'\n >\n {children}\n </Link>\n ),\n img: () => null,\n ul: DEFAULT_P,\n ol: DEFAULT_P,\n li: DEFAULT_P,\n}\n\n/**\n * Displays text content with markdown support and automatic show more/less functionality for long content. Automatically detects content exceeding 3 lines and shows an expand/collapse button.\n *\n * @example\n * ```tsx\n * <WidgetNote>\n * {\"**Important:** This data is from Q4 2024.\"}\n * </WidgetNote>\n * ```\n */\nexport function WidgetNote({\n children,\n labels = DEFAULT_LABELS,\n}: WidgetNoteProps) {\n const [isExpanded, setIsExpanded] = useState(false)\n const [shouldShowToggle, setShouldShowToggle] = useState(false)\n const contentRef = useRef<HTMLDivElement>(null)\n\n const checkOverflow = useEffectEvent(() => {\n if (contentRef.current) {\n // Check if content overflows 3 lines\n const isOverflowing =\n contentRef.current.scrollHeight > contentRef.current.clientHeight\n setShouldShowToggle(isOverflowing)\n }\n })\n\n useEffect(() => {\n checkOverflow()\n }, [children])\n\n useEffect(() => {\n const element = contentRef.current\n if (!element) return\n\n const resizeObserver = new ResizeObserver(() => {\n checkOverflow()\n })\n\n resizeObserver.observe(element)\n\n return () => {\n resizeObserver.disconnect()\n }\n }, [])\n\n if (!children) {\n return null\n }\n\n const handleToggle = () => {\n setIsExpanded(!isExpanded)\n }\n\n const mergedLabels = { ...DEFAULT_LABELS, ...labels }\n\n return (\n <Box>\n <Box\n ref={contentRef}\n sx={{\n ...styles.root,\n ...(isExpanded ? styles.expanded : styles.clamped),\n }}\n >\n <ReactMarkdown components={COMPONENTS}>{children}</ReactMarkdown>\n </Box>\n {(shouldShowToggle || isExpanded) && (\n <Button\n onClick={handleToggle}\n variant='text'\n color='primary'\n sx={styles.linkButton}\n aria-expanded={isExpanded}\n aria-label={\n isExpanded ? mergedLabels.showLess : mergedLabels.showMore\n }\n aria-controls='note-content'\n >\n {isExpanded ? mergedLabels.showLess : mergedLabels.showMore}\n </Button>\n )}\n </Box>\n )\n}\n"],"mappings":"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"}

package/dist/widgets/range.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"range.js","names":["{ id, index }: RangeItemProps","(w) => {\n const rw = w as RangeWidgetState | undefined\n return {\n item: rw?.data[index],\n onChange: rw?.onChange,\n formatter: rw?.formatter,\n }\n }","item ? (item.value ?? [item.min, item.max]) : [0, 0]","useMemo(\n () => (item ? (item.value ?? [item.min, item.max]) : [0, 0]),\n [item],\n )","(_: Event, newValue: number | number[]) => {\n if (Array.isArray(newValue)) {\n const [min, max] = newValue\n const data =\n widgetStoreActions.getWidget<RangeWidgetState>(id)?.data ?? []\n\n data[index] = {\n ...item,\n value: newValue,\n }\n\n widgetStoreActions.setWidget(id, {\n data,\n })\n\n onChange?.([min!, max!], index)\n }\n }","(e: FocusEvent<HTMLInputElement>) => {\n setIsEditing(e.target.name as EditingState)\n }","(e: FocusEvent<HTMLInputElement>) => {\n setIsEditing('')\n handleInputChange(e)\n }","0","1","max","min","data","newValue","e","(event: KeyboardEvent<HTMLInputElement>) => {\n if (event.key === 'Enter') {\n handleInputBlur(event as unknown as FocusEvent<HTMLInputElement>)\n event.currentTarget.blur()\n }\n }","event","item.color && {\n color: item.color,\n }","color","{\n ...styles.slider,\n ...(item.color && {\n color: item.color,\n }),\n }","<Box sx={styles.sliderContainer}>\n <Slider\n value={currentValue}\n onChange={handleSliderChange}\n valueLabelDisplay='auto'\n valueLabelFormat={formatter}\n min={item.min}\n max={item.max}\n step={item.step}\n marks={item.marks}\n disabled={item.disabled}\n sx={{\n ...styles.slider,\n ...(item.color && {\n color: item.color,\n }),\n }}\n />\n </Box>","disabled","marks","step","{\n 'aria-label': 'Minimum value',\n }","<Input\n key={`min-${currentValue[0]}`}\n isEditing={isEditing}\n name='min'\n value={currentValue[0] ?? 0}\n formatter={formatter}\n onFocus={handleInputFocus}\n onBlur={handleInputBlur}\n onKeyDown={handleInputKeyDown}\n disabled={item.disabled}\n inputProps={{\n 'aria-label': 'Minimum value',\n }}\n />","`min-${currentValue[0]}`","currentValue[0] ?? 0","{\n 'aria-label': 'Maximum value',\n }","<Input\n key={`max-${currentValue[1]}`}\n isEditing={isEditing}\n name='max'\n value={currentValue[1] ?? 0}\n formatter={formatter}\n onFocus={handleInputFocus}\n onBlur={handleInputBlur}\n onKeyDown={handleInputKeyDown}\n disabled={item.disabled}\n inputProps={{\n 'aria-label': 'Maximum value',\n }}\n />","`max-${currentValue[1]}`","currentValue[1] ?? 0","<Box sx={styles.inputsRow}>\n <Input\n key={`min-${currentValue[0]}`}\n isEditing={isEditing}\n name='min'\n value={currentValue[0] ?? 0}\n formatter={formatter}\n onFocus={handleInputFocus}\n onBlur={handleInputBlur}\n onKeyDown={handleInputKeyDown}\n disabled={item.disabled}\n inputProps={{\n 'aria-label': 'Minimum value',\n }}\n />\n <Input\n key={`max-${currentValue[1]}`}\n isEditing={isEditing}\n name='max'\n value={currentValue[1] ?? 0}\n formatter={formatter}\n onFocus={handleInputFocus}\n onBlur={handleInputBlur}\n onKeyDown={handleInputKeyDown}\n disabled={item.disabled}\n inputProps={{\n 'aria-label': 'Maximum value',\n }}\n />\n </Box>","<Box sx={styles.rangeItem}>\n <Box sx={styles.sliderContainer}>\n <Slider\n value={currentValue}\n onChange={handleSliderChange}\n valueLabelDisplay='auto'\n valueLabelFormat={formatter}\n min={item.min}\n max={item.max}\n step={item.step}\n marks={item.marks}\n disabled={item.disabled}\n sx={{\n ...styles.slider,\n ...(item.color && {\n color: item.color,\n }),\n }}\n />\n </Box>\n\n <Box sx={styles.inputsRow}>\n <Input\n key={`min-${currentValue[0]}`}\n isEditing={isEditing}\n name='min'\n value={currentValue[0] ?? 0}\n formatter={formatter}\n onFocus={handleInputFocus}\n onBlur={handleInputBlur}\n onKeyDown={handleInputKeyDown}\n disabled={item.disabled}\n inputProps={{\n 'aria-label': 'Minimum value',\n }}\n />\n <Input\n key={`max-${currentValue[1]}`}\n isEditing={isEditing}\n name='max'\n value={currentValue[1] ?? 0}\n formatter={formatter}\n onFocus={handleInputFocus}\n onBlur={handleInputBlur}\n onKeyDown={handleInputKeyDown}\n disabled={item.disabled}\n inputProps={{\n 'aria-label': 'Maximum value',\n }}\n />\n </Box>\n </Box>","{\n isEditing,\n name,\n disabled,\n value,\n formatter,\n onFocus: onFocus,\n onBlur: onBlur,\n onKeyDown: onKeyDown,\n inputProps,\n}: {\n isEditing: EditingState\n name: 'min' | 'max'\n disabled?: boolean\n value: number\n formatter: (value: number) => string\n onFocus: (e: FocusEvent<HTMLInputElement>) => void\n onBlur: (e: FocusEvent<HTMLInputElement>) => void\n onKeyDown: (e: KeyboardEvent<HTMLInputElement>) => void\n inputProps?: React.InputHTMLAttributes<HTMLInputElement>\n}","formatter(Number(currentValue))","Number(currentValue)","useMemo(\n () => formatter(Number(currentValue)),\n [currentValue, formatter],\n )","(e) => {\n setCurrentValue(e.target.value)\n }","<TextField\n name={name}\n value={isEditing === name ? currentValue : displayMinValue}\n onChange={(e) => {\n setCurrentValue(e.target.value)\n }}\n onFocus={onFocus}\n onBlur={onBlur}\n onKeyDown={onKeyDown}\n disabled={disabled}\n size='small'\n sx={styles.input}\n inputProps={inputProps}\n />","isEditing === name ? currentValue : displayMinValue","({ index }) => <RangeItem id={props.id} index={index} />","id","{ index }","<Row id={props.id}>\n {({ index }) => <RangeItem id={props.id} index={index} />}\n </Row>","<Skeleton width='100%' height={32} />","<Box sx={styles.rangeItem} aria-label='Range skeleton'>\n <Skeleton width='100%' height={32} />\n <Box sx={styles.inputsRow}>\n <Skeleton width='100%' height={40} />\n <Skeleton width='100%' height={40} />\n </Box>\n </Box>"],"sources":["../../src/widgets/range/style.ts","../../src/widgets/range/components/range-item.tsx","../../src/widgets/range/range-ui.tsx","../../src/widgets/range/skeleton.tsx","../../src/widgets/range/config.ts","../../src/widgets/range/serializer.ts"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material'\n\nexport const styles: Record<string, SxProps<Theme>> = {\n root: {\n display: 'flex',\n flexDirection: 'column',\n gap: (theme: Theme) => theme.spacing(2),\n },\n rangeItem: {\n display: 'flex',\n flexDirection: 'column',\n gap: (theme: Theme) => theme.spacing(1.5),\n },\n sliderContainer: {\n display: 'flex',\n flexDirection: 'column',\n gap: (theme: Theme) => theme.spacing(1),\n px: (theme: Theme) => theme.spacing(1),\n },\n inputsRow: {\n display: 'flex',\n gap: (theme: Theme) => theme.spacing(2),\n alignItems: 'center',\n },\n input: {\n flex: 1,\n '& .MuiInputBase-input': {\n textAlign: 'center',\n },\n },\n slider: {\n width: '100%',\n '&.Mui-disabled': {\n color: (theme: Theme) => theme.palette.text.disabled,\n },\n },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box, Slider, TextField } from '@mui/material'\nimport { useState, useMemo, type FocusEvent, type KeyboardEvent } from 'react'\nimport { widgetStoreActions } from '../../stores/widget-store'\nimport { useWidgetSelector } from '../../stores/use-widget-selector'\nimport type { RangeItemProps, RangeWidgetState } from '../types'\nimport { styles } from '../style'\n\nimport { defaultFormatter } from '../../utils/formatter'\n\ntype EditingState = '' | 'min' | 'max'\n\n/**\n * Renders a single range slider with editable min/max text inputs, reading its configuration from the widget store.\n */\nexport function RangeItem({ id, index }: RangeItemProps) {\n const {\n item,\n onChange,\n formatter: _formatter,\n } = useWidgetSelector(id, (w) => {\n const rw = w as RangeWidgetState | undefined\n return {\n item: rw?.data[index],\n onChange: rw?.onChange,\n formatter: rw?.formatter,\n }\n })\n const formatter = _formatter ?? defaultFormatter\n\n const currentValue = useMemo(\n () => (item ? (item.value ?? [item.min, item.max]) : [0, 0]),\n [item],\n )\n\n // Local state for input values - track if user is editing\n const [isEditing, setIsEditing] = useState<EditingState>('')\n\n if (!item) return null\n\n const handleSliderChange = (_: Event, newValue: number | number[]) => {\n if (Array.isArray(newValue)) {\n const [min, max] = newValue\n const data =\n widgetStoreActions.getWidget<RangeWidgetState>(id)?.data ?? []\n\n data[index] = {\n ...item,\n value: newValue,\n }\n\n widgetStoreActions.setWidget(id, {\n data,\n })\n\n onChange?.([min!, max!], index)\n }\n }\n\n const handleInputFocus = (e: FocusEvent<HTMLInputElement>) => {\n setIsEditing(e.target.name as EditingState)\n }\n\n const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n const { name, value } = event.target\n\n let newValue: [number, number]\n if (name === 'min') {\n newValue = [\n Math.min(\n Math.max(item.min, parseFloat(value) || item.min),\n currentValue[1]!,\n ),\n currentValue[1] ?? 0,\n ]\n } else {\n newValue = [\n currentValue[0] ?? 0,\n Math.max(\n Math.min(item.max, parseFloat(value) || item.max),\n currentValue[0]!,\n ),\n ]\n }\n\n const data = widgetStoreActions.getWidget<RangeWidgetState>(id)?.data ?? []\n\n widgetStoreActions.setWidget(id, {\n data: data.map((d: RangeWidgetState['data'][number], i: number) =>\n i === index\n ? {\n ...d,\n value: newValue,\n }\n : d,\n ),\n })\n\n onChange?.([newValue[0], newValue[1]], index)\n }\n\n const handleInputBlur = (e: FocusEvent<HTMLInputElement>) => {\n setIsEditing('')\n handleInputChange(e)\n }\n\n const handleInputKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n if (event.key === 'Enter') {\n handleInputBlur(event as unknown as FocusEvent<HTMLInputElement>)\n event.currentTarget.blur()\n }\n }\n\n return (\n <Box sx={styles.rangeItem}>\n <Box sx={styles.sliderContainer}>\n <Slider\n value={currentValue}\n onChange={handleSliderChange}\n valueLabelDisplay='auto'\n valueLabelFormat={formatter}\n min={item.min}\n max={item.max}\n step={item.step}\n marks={item.marks}\n disabled={item.disabled}\n sx={{\n ...styles.slider,\n ...(item.color && {\n color: item.color,\n }),\n }}\n />\n </Box>\n\n <Box sx={styles.inputsRow}>\n <Input\n key={`min-${currentValue[0]}`}\n isEditing={isEditing}\n name='min'\n value={currentValue[0] ?? 0}\n formatter={formatter}\n onFocus={handleInputFocus}\n onBlur={handleInputBlur}\n onKeyDown={handleInputKeyDown}\n disabled={item.disabled}\n inputProps={{\n 'aria-label': 'Minimum value',\n }}\n />\n <Input\n key={`max-${currentValue[1]}`}\n isEditing={isEditing}\n name='max'\n value={currentValue[1] ?? 0}\n formatter={formatter}\n onFocus={handleInputFocus}\n onBlur={handleInputBlur}\n onKeyDown={handleInputKeyDown}\n disabled={item.disabled}\n inputProps={{\n 'aria-label': 'Maximum value',\n }}\n />\n </Box>\n </Box>\n )\n}\n\nfunction Input({\n isEditing,\n name,\n disabled,\n value,\n formatter,\n onFocus: onFocus,\n onBlur: onBlur,\n onKeyDown: onKeyDown,\n inputProps,\n}: {\n isEditing: EditingState\n name: 'min' | 'max'\n disabled?: boolean\n value: number\n formatter: (value: number) => string\n onFocus: (e: FocusEvent<HTMLInputElement>) => void\n onBlur: (e: FocusEvent<HTMLInputElement>) => void\n onKeyDown: (e: KeyboardEvent<HTMLInputElement>) => void\n inputProps?: React.InputHTMLAttributes<HTMLInputElement>\n}) {\n const [currentValue, setCurrentValue] = useState<string>(String(value))\n\n // Compute display values when not editing\n const displayMinValue = useMemo(\n () => formatter(Number(currentValue)),\n [currentValue, formatter],\n )\n\n return (\n <TextField\n name={name}\n value={isEditing === name ? currentValue : displayMinValue}\n onChange={(e) => {\n setCurrentValue(e.target.value)\n }}\n onFocus={onFocus}\n onBlur={onBlur}\n onKeyDown={onKeyDown}\n disabled={disabled}\n size='small'\n sx={styles.input}\n inputProps={inputProps}\n />\n )\n}\n","import type { RangeUIProps } from './types'\nimport { Row } from '../formula/components/row'\nimport { RangeItem } from './components/range-item'\n\n/**\n * Renders a range widget with one or more interactive dual-slider controls for selecting value ranges.\n */\nexport function RangeUI(props: RangeUIProps) {\n return (\n <Row id={props.id}>\n {({ index }) => <RangeItem id={props.id} index={index} />}\n </Row>\n )\n}\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nexport function RangeSkeleton() {\n return (\n <Box sx={styles.rangeItem} aria-label='Range skeleton'>\n <Skeleton width='100%' height={32} />\n <Box sx={styles.inputsRow}>\n <Skeleton width='100%' height={40} />\n <Skeleton width='100%' height={40} />\n </Box>\n </Box>\n )\n}\n","import type { RangeWidgetConfig } from './types'\n\n/**\n * Returns the default configuration for range (value range with labels) widgets.\n *\n * @returns Default range widget config.\n */\nexport function rangeConfig(): RangeWidgetConfig {\n return {}\n}\n","import type { RangeDataItem } from './types'\n\n/**\n * Sanitizes RangeDataItem by converting ReactNode note values to undefined.\n * This ensures only string values are stored in the widget state.\n *\n * @param item - The RangeDataItem to sanitize\n * @returns A new RangeDataItem with ReactNode note values converted to undefined\n */\nexport function sanitizeRangeDataItem(item: RangeDataItem): RangeDataItem {\n return {\n ...item,\n note: typeof item.note === 'string' ? item.note : undefined,\n }\n}\n\n/**\n * Sanitizes an array of RangeDataItems by converting ReactNode note values to undefined.\n *\n * @param items - Array of RangeDataItems to sanitize\n * @returns A new array with sanitized RangeDataItems\n */\nexport function sanitizeRangeDataItems(\n items: RangeDataItem[] | undefined,\n): RangeDataItem[] | undefined {\n return items?.map(sanitizeRangeDataItem)\n}\n"],"mappings":"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"}