@carto/ps-react-ui 5.0.0 → 6.0.0

package/dist/widgets/loader.js

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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":";;;;;;AAEA,IAAa,IAAS;CACpB,MAAM;EACJ,YAAY;EACZ,QAAQ,MAAiB,EAAM,QAAQ,KAAK;EAC5C,mBAAmB,EAAE,iBAAc,EAAQ,CAAC;CAC9C;CACA,SAAS;EACP,SAAS;EACT,iBAAiB;EACjB,iBAAiB;EACjB,UAAU;CACZ;CACA,UAAU,EACR,SAAS,QACX;CACA,YAAY;EACV,SAAS;EACT,UAAU;EACV,eAAe;EACf,YAAY;EACZ,YAAY;EACZ,gBAAgB;EAChB,WAAW,EACT,iBAAiB,cACnB;CACF;AACF,GCtBM,IAAiB;CACrB,UAAU;CACV,UAAU;AACZ,GAEM,KAAA,MAAa;eAAE,EAAA,gBAAFA,GACjBC;CAAAA,OACG,EAAA,OAAA,gBADH,IAAA,kBAAC,GAAD;EAAY,WAAA;EAAU,OAAM;EAAU,SAAQ;EAC3C;CACS,CAAA,GADT,EAAA,KAAA,cADHA;AAD4D,GAMxD,IAAyB;CAC7B,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,GAAG;CACH,IAAI,EAAE,aAAU,SAAM,YAAS,UAAU,SAAM,4BAC7C,kBAAC,GAAD;EACQ;EACE;EACH;EACL,OAAM;EACN,WAAU;EAET;CACG,CAAA;CAER,WAAW;CACX,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAYA,SAAgB,EAAA,GAGI;gBAHO,EACzB,aACA,QAAA,MAFyBC,GAEzB,IAAA,MAAA,KAAA,IAAS,IAATC,GAEM,CAAC,GAAY,KAAiB,EAAS,EAAK,GAC5C,CAAC,GAAkB,KAAuB,EAAS,EAAK,GACxD,IAAa,EAAuB,IAAI,GAETC;qDAAM,UAAA;EACzC,IAAI,EAAW,SAAS;GAEtB,IAAM,IACJ,EAAW,QAAQ,eAAe,EAAW,QAAQ;GACvD,EAAoB,CAAa;EACnC;CACF;CAPA,IAAM,IAAgB,EAAeA,CAOpC,GAESC;CACR,AAAA,EAAA,OAAA,gBADQ,UAAM;EACd,EAAc;CAChB,GADE,EAAA,KAAA;CACCC,IAAAA;CAFH,AAEI,EAAA,OAAA,gBAAD,IAAA,CAAC,CAAQ,GAAR,EAAA,KAAA,cAFJ,EAAUD,GAEPC,CAAU;CAEHC,IAAAA;CAKN,AAAA,EAAA,OAAA,gBALM,UAAM;EACd,IAAM,IAAU,EAAW;EAC3B,IAAI,CAAC,GAAS;EAEd,IAAM,IAAiB,IAAI,qBAAqB;GAC9C,EAAc;EAChB,CAAC;EAID,OAFA,EAAe,QAAQ,CAAO,SAEjB;GACX,EAAe,WAAW;EAC5B;CACF,GARI,EAAA,KAAA;CAQDC,IAAAA;CAEH,wDAFI,IAAA,CAAA,yBAbJ,EAAUD,GAaPC,CAAE,GAED,CAAC,GACH,OAAO;CAGYC,IAAAA;CACJ,AAAA,EAAA,OAAA,gBADI,UAAM;EACzB,EAAc,CAAC,CAAU;CAC3B,GADiB,EAAA,KAAA;CADjB,IAAM,IAAeA,GAIAC;CAAwB,AAAA,EAAA,QAAA,iBAAxB,IAAA;EAAE,GAAG;EAAgB,GAAG;CAAO,GAAP,EAAA,MAAA;CAA7C,IAAM,IAAeA,GAQT,IAAA,IAAa,EAAO,WAAW,EAAO,SAFxCC;CAEEC,AAAAA,EAAAA,QAAAA,iBAFF,IAAA;EACF,GAAG,EAAO;EACV,GAAIA;CACN,GADMA,EAAAA,MAAAA;CAGNC,IAAAA;CAAwC,AAAA,EAAA,QAAA,iBAAxC,IAAA,kBAAC,GAAD;EAAe,YAAY;EAAa;CAAwB,CAAA,GAAxB,EAAA,MAAA;CAP1CC,IAAAA;CAEMH,AAAAA,EAAAA,QAAAA,KAAAA,EAAAA,QAKJE,KAPF,IAAA,kBAAC,GAAD;EACE,KAAK;EACL,IAAIF;EAKJE,UAAAA;CACG,CAAA,GANCF,EAAAA,MAAAA,GAKJE,EAAAA,MAAAA;CAEDE,IAAAA;CAEY,AAAA,EAAA,QAAA,KAAA,EAAA,QAFS,KAAA,EAAA,QAQHC,KAAAA,EAAAA,QARjB,KAAD,KAAC,KAAoB,MACpB,kBAAC,GAAD;EACE,SAAS;EACT,SAAQ;EACR,OAAM;EACN,IAAI,EAAO;EACX,iBAAe;EACf,cACE,IAAa,EAAa,WAAW,EAAa;EAEpD,iBAAc;EAEb,UAAA,IAAa,EAAa,WAAW,EAAa;CAC7C,CAAA,GAXG,EAAA,MAAA,GAFS,EAAA,MAAA,GAQHA,EAAAA,MAAAA,GARjB,EAAA,MAAA;CAVJC,IAAAA;CADF,OAEIH,EAAAA,QAAAA,KAAAA,EAAAA,QASCC,KAVH,IAAA,kBAAC,GAAD,EAAA,UAAA,CACED,GASCC,CAeE,EAAA,CAAA,GAxBHD,EAAAA,MAAAA,GASCC,EAAAA,MAAAA,2BAVHE;AA2BJ"}

package/dist/widgets/range.js.map

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

package/dist/widgets/selection-summary.js

@@ -1,41 +0,0 @@
-import { c as e } from "react/compiler-runtime";
-import { Box as t, Button as n, Typography as r } from "@mui/material";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/widgets/selection-summary/style.ts
-var o = { root: {
-	display: "flex",
-	alignItems: "center",
-	flex: "0 0 auto",
-	gap: ({ spacing: e }) => e(.5)
-} }, s = {
-	allSelected: "All selected",
-	selections: (e) => `${e} selected`,
-	clear: "Clear"
-};
-function c(c) {
-	let l = e(13), { selections: u, onClear: d, labels: f } = c, p = f?.allSelected ?? s.allSelected, m = f?.selections ?? s.selections, h = f?.clear ?? s.clear, g;
-	l[0] !== p || l[1] !== u || l[2] !== m ? (g = u > 0 ? m(u) : p, l[0] = p, l[1] = u, l[2] = m, l[3] = g) : g = l[3];
-	let _ = g, v = u > 0 && d, y;
-	l[4] === _ ? y = l[5] : (y = /* @__PURE__ */ i(r, {
-		variant: "caption",
-		color: "textSecondary",
-		fontWeight: 500,
-		children: _
-	}), l[4] = _, l[5] = y);
-	let b;
-	l[6] !== h || l[7] !== d || l[8] !== v ? (b = v && /* @__PURE__ */ i(n, {
-		size: "small",
-		variant: "text",
-		onClick: d,
-		children: h
-	}), l[6] = h, l[7] = d, l[8] = v, l[9] = b) : b = l[9];
-	let x;
-	return l[10] !== y || l[11] !== b ? (x = /* @__PURE__ */ a(t, {
-		sx: o.root,
-		children: [y, b]
-	}), l[10] = y, l[11] = b, l[12] = x) : x = l[12], x;
-}
-//#endregion
-export { c as WidgetSelectionSummary };
-
-//# sourceMappingURL=selection-summary.js.map

package/dist/widgets/selection-summary.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"selection-summary.js","names":["{\n  selections,\n  onClear,\n  labels,\n}: WidgetSelectionSummaryProps","selections > 0 ? selectionsLabel(selections) : allSelectedLabel","<Typography variant='caption' color='textSecondary' fontWeight={500}>\n        {displayLabel}\n      </Typography>","showClearButton && (\n        <Button size='small' variant='text' onClick={onClear}>\n          {clearLabel}\n        </Button>\n      )","<Box sx={styles.root}>\n      <Typography variant='caption' color='textSecondary' fontWeight={500}>\n        {displayLabel}\n      </Typography>\n      {showClearButton && (\n        <Button size='small' variant='text' onClick={onClear}>\n          {clearLabel}\n        </Button>\n      )}\n    </Box>"],"sources":["../../src/widgets/selection-summary/style.ts","../../src/widgets/selection-summary/selection-summary.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material'\n\nexport const styles = {\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n    flex: '0 0 auto',\n    gap: ({ spacing }) => spacing(0.5),\n  },\n} satisfies Record<string, SxProps<Theme>>\n","/* Selection Summary Component */\n\nimport { Box, Button, Typography } from '@mui/material'\nimport type {\n  WidgetSelectionSummaryProps,\n  SelectionSummaryLabels,\n} from './types'\nimport { styles } from './style'\n\nconst DEFAULT_SELECTION_LABELS: SelectionSummaryLabels = {\n  allSelected: 'All selected',\n  selections: (count: number) => `${count} selected`,\n  clear: 'Clear',\n}\n\n/**\n * Displays the count of selected items with an optional clear button. Commonly used with the LockSelection action to show selection state in widgets.\n *\n * @example\n * ```tsx\n * <WidgetSelectionSummary\n *   selections={selectedItems.length}\n *   onClear={() => setSelectedItems([])}\n * />\n * ```\n */\nexport function WidgetSelectionSummary({\n  selections,\n  onClear,\n  labels,\n}: WidgetSelectionSummaryProps) {\n  const allSelectedLabel =\n    labels?.allSelected ?? DEFAULT_SELECTION_LABELS.allSelected\n\n  const selectionsLabel =\n    labels?.selections ?? DEFAULT_SELECTION_LABELS.selections\n\n  const clearLabel = labels?.clear ?? DEFAULT_SELECTION_LABELS.clear\n\n  const displayLabel =\n    selections > 0 ? selectionsLabel(selections) : allSelectedLabel\n\n  const showClearButton = selections > 0 && onClear\n\n  return (\n    <Box sx={styles.root}>\n      <Typography variant='caption' color='textSecondary' fontWeight={500}>\n        {displayLabel}\n      </Typography>\n      {showClearButton && (\n        <Button size='small' variant='text' onClick={onClear}>\n          {clearLabel}\n        </Button>\n      )}\n    </Box>\n  )\n}\n"],"mappings":";;;;AAEA,IAAa,IAAS,EACpB,MAAM;CACJ,SAAS;CACT,YAAY;CACZ,MAAM;CACN,MAAM,EAAE,iBAAc,EAAQ,EAAG;AACnC,EACF,GCAM,IAAmD;CACvD,aAAa;CACb,aAAa,MAAkB,GAAG,EAAM;CACxC,OAAO;AACT;AAaA,SAAgB,EAAA,GAIgB;gBAJO,EACrC,eACA,YACA,cAHqCA,GAK/B,IACJ,GAAQ,eAAe,EAAyB,aAE5C,IACJ,GAAQ,cAAc,EAAyB,YAE3C,IAAa,GAAQ,SAAS,EAAyB,OAG3DC;CAA+C,AAAA,EAAA,OAAA,KAAA,EAAA,OAA/C,KAAA,EAAA,OAAiB,KAAjB,IAAA,IAAa,IAAI,EAAgB,CAAU,IAAI,aAA/C,EAAA,KAAA,GAAiB,EAAA,KAAA;CADnB,IAAM,IACJA,GAEI,IAAkB,IAAa,KAAK,GAItCC;CACG,AAAA,EAAA,OAAA,gBADH,IAAA,kBAAC,GAAD;EAAY,SAAQ;EAAU,OAAM;EAAgB,YAAY;EAC7D,UAAA;CACS,CAAA,GADT,EAAA,KAAA;CAEFC,IAAAA;CAEI,AAAA,EAAA,OAAA,KAAA,EAAA,OAD0C,KAAA,EAAA,OAD9C,KACC,IAAA,KAAA,kBAAC,GAAD;EAAQ,MAAK;EAAQ,SAAQ;EAAO,SAAS;EAC1C,UAAA;CACK,CAAA,GADL,EAAA,KAAA,GAD0C,EAAA,KAAA,GAD9C,EAAA,KAAA;CAJHC,IAAAA;CADF,OAEIF,EAAAA,QAAAA,KAAAA,EAAAA,QAGCC,KAJH,IAAA,kBAAC,GAAD;EAAK,IAAI,EAAO;EAAhB,UAAA,CACED,GAGCC,CAKE;KARHD,EAAAA,MAAAA,GAGCC,EAAAA,MAAAA,2BAJHC;AAWJ"}

package/dist/widgets/skeleton-loader.js

@@ -1,24 +0,0 @@
-import { t as e } from "../use-widget-selector-VSPhfhNm.js";
-import { c as t } from "react/compiler-runtime";
-import { Suspense as n } from "react";
-import { jsx as r } from "react/jsx-runtime";
-//#region src/widgets/skeleton-loader/skeleton-loader.tsx
-function i(i) {
-	let o = t(2), { id: s, children: c, Skeleton: l } = i;
-	if (e(s, a)) {
-		if (!l) return null;
-		let e;
-		return o[0] === l ? e = o[1] : (e = /* @__PURE__ */ r(n, {
-			fallback: null,
-			children: /* @__PURE__ */ r(l, {})
-		}), o[0] = l, o[1] = e), e;
-	}
-	return c;
-}
-function a(e) {
-	return e?.isLoading;
-}
-//#endregion
-export { i as SkeletonLoader };
-
-//# sourceMappingURL=skeleton-loader.js.map

package/dist/widgets/skeleton-loader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"skeleton-loader.js","names":["{\n  id,\n  children,\n  Skeleton,\n}: SkeletonLoaderProps","(w) => w?.isLoading","<Suspense fallback={null}>\n        <Skeleton />\n      </Suspense>"],"sources":["../../src/widgets/skeleton-loader/skeleton-loader.tsx"],"sourcesContent":["import type { SkeletonLoaderProps } from './types'\nimport { useWidgetSelector } from '../stores/use-widget-selector'\nimport { Suspense } from 'react'\n\n/**\n * Displays a skeleton loading placeholder while widget data is loading. Subscribes to widget loading state in the store and renders the provided Skeleton component or children accordingly.\n *\n * @example\n * ```tsx\n * <SkeletonLoader id=\"sales-chart\" Skeleton={BarSkeleton}>\n *   <Bar id=\"sales-chart\" />\n * </SkeletonLoader>\n * ```\n */\nexport function SkeletonLoader({\n  id,\n  children,\n  Skeleton,\n}: SkeletonLoaderProps) {\n  const isLoading = useWidgetSelector(id, (w) => w?.isLoading)\n\n  if (isLoading) {\n    if (!Skeleton) {\n      return null\n    }\n\n    return (\n      <Suspense fallback={null}>\n        <Skeleton />\n      </Suspense>\n    )\n  }\n\n  return children\n}\n"],"mappings":";;;;;AAcA,SAAgB,EAAA,GAIQ;eAJO,EAC7B,OACA,aACA,gBAH6BA;CAO7B,IAFkB,EAAkB,GAAIC,CAEpC,GAAW;EACb,IAAI,CAAC,GACH,OAAO;EAIPC,IAAAA;EADF,OAEK,EAAA,OAAA,gBADH,IAAA,kBAAC,GAAD;GAAU,UAAU;GAClB,UAAA,kBAAC,GAAD,CAAW,CAAA;EACH,CAAA,GADP,EAAA,KAAA,cADHA;CAIJ;CAEA,OAAO;AACT;AAf0C,SAAA,EAAC,GAAA;CAAM,OAAA,GAAG"}

package/dist/widgets/spread.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"spread.js","names":["<Item {...props}>-</Item>","index = 0","{ id, index = 0, ...props }: ValueProps","(w) => {\n    const sw = w as SpreadWidgetState | undefined\n    return {\n      min: sw?.data[index]?.min,\n      color: sw?.data[index]?.color,\n      formatter: sw?.formatter,\n    }\n  }","{ color }","formatter(min ?? 0)","min ?? 0","<Item TypographyProps={{ color }} {...props}>\n      {formatter(min ?? 0)}\n    </Item>","index = 0","{ id, index = 0, ...props }: ValueProps","(w) => {\n    const sw = w as SpreadWidgetState | undefined\n    return {\n      max: sw?.data[index]?.max,\n      color: sw?.data[index]?.color,\n      formatter: sw?.formatter,\n    }\n  }","{ color }","formatter(max ?? 0)","max ?? 0","<Item TypographyProps={{ color }} {...props}>\n      {formatter(max ?? 0)}\n    </Item>","({ index }) => (\n          <>\n            <Series id={props.id} index={index} />\n            <Prefix id={props.id} index={index} />\n            <MinValue id={props.id} index={index} />\n            <Separator />\n            <MaxValue id={props.id} index={index} />\n            <Suffix id={props.id} index={index} />\n          </>\n        )","id","{ index }","<Row id={props.id}>\n        {({ index }) => (\n          <>\n            <Series id={props.id} index={index} />\n            <Prefix id={props.id} index={index} />\n            <MinValue id={props.id} index={index} />\n            <Separator />\n            <MaxValue id={props.id} index={index} />\n            <Suffix id={props.id} index={index} />\n          </>\n        )}\n      </Row>","<Box ref={ref}>\n      <Row id={props.id}>\n        {({ index }) => (\n          <>\n            <Series id={props.id} index={index} />\n            <Prefix id={props.id} index={index} />\n            <MinValue id={props.id} index={index} />\n            <Separator />\n            <MaxValue id={props.id} index={index} />\n            <Suffix id={props.id} index={index} />\n          </>\n        )}\n      </Row>\n    </Box>","<Box sx={styles.row} aria-label='Spread skeleton'>\n      <Skeleton width={120} height={32} />\n    </Box>"],"sources":["../../src/widgets/spread/components/separator.tsx","../../src/widgets/spread/components/min-value.tsx","../../src/widgets/spread/components/max-value.tsx","../../src/widgets/spread/spread-ui.tsx","../../src/widgets/spread/style.ts","../../src/widgets/spread/skeleton.tsx","../../src/widgets/spread/config.ts"],"sourcesContent":["import { Item } from '../../formula/components/item'\nimport type { ItemProps } from '../../formula/types'\n\n/**\n * Renders a dash separator between the min and max values in a spread widget.\n */\nexport function Separator(props: Omit<ItemProps, 'children'>) {\n  return <Item {...props}>-</Item>\n}\n","import { type SpreadWidgetState, type ValueProps } from '../types'\nimport { useWidgetSelector } from '../../stores/use-widget-selector'\nimport { Item } from '../../formula/components/item'\nimport { defaultFormatter } from '../../utils/formatter'\n\n/**\n * Displays the formatted minimum value for a spread widget data item.\n */\nexport function MinValue({ id, index = 0, ...props }: ValueProps) {\n  const {\n    min,\n    color,\n    formatter: _formatter,\n  } = useWidgetSelector(id, (w) => {\n    const sw = w as SpreadWidgetState | undefined\n    return {\n      min: sw?.data[index]?.min,\n      color: sw?.data[index]?.color,\n      formatter: sw?.formatter,\n    }\n  })\n  const formatter = _formatter ?? defaultFormatter\n\n  return (\n    <Item TypographyProps={{ color }} {...props}>\n      {formatter(min ?? 0)}\n    </Item>\n  )\n}\n","import { type SpreadWidgetState, type ValueProps } from '../types'\nimport { useWidgetSelector } from '../../stores/use-widget-selector'\nimport { Item } from '../../formula/components/item'\nimport { defaultFormatter } from '../../utils/formatter'\n\n/**\n * Displays the formatted maximum value for a spread widget data item.\n */\nexport function MaxValue({ id, index = 0, ...props }: ValueProps) {\n  const {\n    max,\n    color,\n    formatter: _formatter,\n  } = useWidgetSelector(id, (w) => {\n    const sw = w as SpreadWidgetState | undefined\n    return {\n      max: sw?.data[index]?.max,\n      color: sw?.data[index]?.color,\n      formatter: sw?.formatter,\n    }\n  })\n  const formatter = _formatter ?? defaultFormatter\n\n  return (\n    <Item TypographyProps={{ color }} {...props}>\n      {formatter(max ?? 0)}\n    </Item>\n  )\n}\n","import type { SpreadUIProps } from './types'\n\nimport { Separator } from './components/separator'\nimport { MinValue } from './components/min-value'\nimport { MaxValue } from './components/max-value'\nimport { Prefix, Row, Suffix, Series } from '../formula'\nimport { useWidgetRef } from '../../hooks'\nimport { Box } from '@mui/material'\n\n/**\n * Renders a spread widget displaying min-max value pairs with optional prefixes, suffixes, and series indicators.\n */\nexport function SpreadUI(props: SpreadUIProps) {\n  const { ref } = useWidgetRef(props.id)\n\n  return (\n    <Box ref={ref}>\n      <Row id={props.id}>\n        {({ index }) => (\n          <>\n            <Series id={props.id} index={index} />\n            <Prefix id={props.id} index={index} />\n            <MinValue id={props.id} index={index} />\n            <Separator />\n            <MaxValue id={props.id} index={index} />\n            <Suffix id={props.id} index={index} />\n          </>\n        )}\n      </Row>\n    </Box>\n  )\n}\n","import type { SxProps, Theme } from '@mui/material'\n\nexport const styles = {\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: (theme: Theme) => theme.spacing(2),\n  },\n  item: {\n    '&[data-disabled=\"true\"]': {\n      color: (theme: Theme) => theme.palette.text.disabled,\n    },\n  },\n  row: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: (theme: Theme) => theme.spacing(0.25),\n    '& + &': {\n      marginTop: (theme: Theme) => theme.spacing(1),\n    },\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nexport function SpreadSkeleton() {\n  return (\n    <Box sx={styles.row} aria-label='Spread skeleton'>\n      <Skeleton width={120} height={32} />\n    </Box>\n  )\n}\n","import { downloadToCSV, downloadToPNG, type DownloadItem } from '../actions'\nimport type { ConfigProps } from '../loader/types'\nimport type { SpreadWidgetConfig, SpreadWidgetData } from './types'\n\n/**\n * Creates download configuration for spread widgets, supporting PNG (screenshot) and CSV (min/max data) exports.\n *\n * @param props - Configuration with `refUI` reference for PNG export.\n * @returns Array of download items for use with the Download action.\n */\nexport function spreadDownloadConfig({\n  refUI,\n}: ConfigProps): DownloadItem<SpreadWidgetData>[] {\n  return [\n    {\n      ...downloadToPNG,\n      modifier: () => downloadToPNG.modifier(refUI),\n    },\n    {\n      ...downloadToCSV,\n      modifier: async (data) => {\n        const rows = data.map((item) => [item.min, item.max])\n\n        return downloadToCSV.modifier([['Min', 'Max'], ...rows])\n      },\n    },\n  ]\n}\n\n/**\n * Returns the default configuration for spread (min/max value range) widgets.\n *\n * @returns Default spread widget config with empty series.\n */\nexport function spreadConfig(): SpreadWidgetConfig {\n  return {\n    series: [],\n  }\n}\n"],"mappings":"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"}

package/dist/widgets/subheader.js

@@ -1,51 +0,0 @@
-import { c as e } from "react/compiler-runtime";
-import { Box as t } from "@mui/material";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/widgets/subheader/style.ts
-var i = {
-	root: {
-		display: "flex",
-		alignItems: "center",
-		gap: ({ spacing: e }) => e(1),
-		minHeight: ({ spacing: e }) => e(3)
-	},
-	slotLeft: { flexShrink: 0 },
-	slotRight: {
-		flexGrow: 1,
-		display: "flex",
-		justifyContent: "flex-end",
-		alignItems: "center",
-		gap: ({ spacing: e }) => e(1)
-	}
-};
-//#endregion
-//#region src/widgets/subheader/subheader.tsx
-function a(a) {
-	let o = e(10), { slotLeft: s, slotRight: c, sx: l } = a, u;
-	o[0] === l ? u = o[1] : (u = {
-		...i.root,
-		...l
-	}, o[0] = l, o[1] = u);
-	let d;
-	o[2] === s ? d = o[3] : (d = s && /* @__PURE__ */ n(t, {
-		sx: i.slotLeft,
-		className: "widget-subheader-slot-left",
-		children: s
-	}), o[2] = s, o[3] = d);
-	let f;
-	o[4] === c ? f = o[5] : (f = c && /* @__PURE__ */ n(t, {
-		sx: i.slotRight,
-		className: "widget-subheader-slot-right",
-		children: c
-	}), o[4] = c, o[5] = f);
-	let p;
-	return o[6] !== u || o[7] !== d || o[8] !== f ? (p = /* @__PURE__ */ r(t, {
-		sx: u,
-		className: "widget-subheader",
-		children: [d, f]
-	}), o[6] = u, o[7] = d, o[8] = f, o[9] = p) : p = o[9], p;
-}
-//#endregion
-export { a as WidgetSubHeader };
-
-//# sourceMappingURL=subheader.js.map

package/dist/widgets/subheader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"subheader.js","names":["{\n  slotLeft,\n  slotRight,\n  sx,\n}: WidgetSubHeaderProps","{ ...styles.root, ...sx }","slotLeft && (\n        <Box sx={styles.slotLeft} className='widget-subheader-slot-left'>\n          {slotLeft}\n        </Box>\n      )","slotRight && (\n        <Box sx={styles.slotRight} className='widget-subheader-slot-right'>\n          {slotRight}\n        </Box>\n      )","<Box sx={{ ...styles.root, ...sx }} className='widget-subheader'>\n      {slotLeft && (\n        <Box sx={styles.slotLeft} className='widget-subheader-slot-left'>\n          {slotLeft}\n        </Box>\n      )}\n      {slotRight && (\n        <Box sx={styles.slotRight} className='widget-subheader-slot-right'>\n          {slotRight}\n        </Box>\n      )}\n    </Box>"],"sources":["../../src/widgets/subheader/style.ts","../../src/widgets/subheader/subheader.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material'\n\nexport const styles = {\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: ({ spacing }) => spacing(1),\n    minHeight: ({ spacing }) => spacing(3),\n  },\n  slotLeft: {\n    flexShrink: 0,\n  },\n  slotRight: {\n    flexGrow: 1,\n    display: 'flex',\n    justifyContent: 'flex-end',\n    alignItems: 'center',\n    gap: ({ spacing }) => spacing(1),\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box } from '@mui/material'\nimport { styles } from './style'\nimport type { WidgetSubHeaderProps } from './types'\n\n/**\n * Flexible two-slot layout for displaying supplementary widget information such as totals, timestamps, or controls. Uses flexbox with space-between justification.\n *\n * @example\n * ```tsx\n * <WidgetSubHeader\n *   slotLeft={<Typography variant=\"caption\">Total: 1,234</Typography>}\n *   slotRight={<Typography variant=\"caption\">Updated: 2m ago</Typography>}\n * />\n * ```\n */\nexport function WidgetSubHeader({\n  slotLeft,\n  slotRight,\n  sx,\n}: WidgetSubHeaderProps) {\n  return (\n    <Box sx={{ ...styles.root, ...sx }} className='widget-subheader'>\n      {slotLeft && (\n        <Box sx={styles.slotLeft} className='widget-subheader-slot-left'>\n          {slotLeft}\n        </Box>\n      )}\n      {slotRight && (\n        <Box sx={styles.slotRight} className='widget-subheader-slot-right'>\n          {slotRight}\n        </Box>\n      )}\n    </Box>\n  )\n}\n"],"mappings":";;;;AAEA,IAAa,IAAS;CACpB,MAAM;EACJ,SAAS;EACT,YAAY;EACZ,MAAM,EAAE,iBAAc,EAAQ,CAAC;EAC/B,YAAY,EAAE,iBAAc,EAAQ,CAAC;CACvC;CACA,UAAU,EACR,YAAY,EACd;CACA,WAAW;EACT,UAAU;EACV,SAAS;EACT,gBAAgB;EAChB,YAAY;EACZ,MAAM,EAAE,iBAAc,EAAQ,CAAC;CACjC;AACF;;;ACJA,SAAgB,EAAA,GAIS;gBAJO,EAC9B,aACA,cACA,UAH8BA,GAMnBC;CAAqB,AAAA,EAAA,OAAA,gBAArB,IAAA;EAAE,GAAG,EAAO;EAAM,GAAG;CAAG,GAAH,EAAA,KAAA;CAC3BC,IAAAA;0BACC,IAAA,KAAA,kBAAC,GAAD;EAAK,IAAI,EAAO;EAAU,WAAU;EACjC,UAAA;CACE,CAAA,GAHN,EAAA,KAAA;CAKAC,IAAAA;0BACC,IAAA,KAAA,kBAAC,GAAD;EAAK,IAAI,EAAO;EAAW,WAAU;EAClC,UAAA;CACE,CAAA,GAHN,EAAA,KAAA;CANHC,IAAAA;CADF,OACWH,EAAAA,OAAAA,KAAAA,EAAAA,OACNC,KAAAA,EAAAA,OAKAC,KANH,IAAA,kBAAC,GAAD;EAAK,IAAIF;EAA2B,WAAU;EAA9C,UAAA,CACGC,GAKAC,CAKE;KAXIF,EAAAA,KAAAA,GACNC,EAAAA,KAAAA,GAKAC,EAAAA,KAAAA,yBANHC;AAaJ"}