@carto/ps-react-ui 4.4.1 → 4.4.3

package/dist/widgets/range.js.map

@@ -1 +1 @@
-{"version":3,"file":"range.js","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 { useWidgetStore } from '../../stores/widget-store'\nimport type { RangeItemProps, RangeWidgetState } from '../types'\nimport { styles } from '../style'\nimport { useShallow } from 'zustand/shallow'\n\ntype EditingState = '' | 'min' | 'max'\n\nconst defaultFormatter = (value: number) => value.toString()\n\nexport function RangeItem({ id, index }: RangeItemProps) {\n  const item = useWidgetStore(\n    useShallow((state) => state.getWidget<RangeWidgetState>(id)?.data[index]),\n  )\n  const onChange = useWidgetStore(\n    useShallow((state) => state.getWidget<RangeWidgetState>(id)?.onChange),\n  )\n  const formatter =\n    useWidgetStore(\n      useShallow((state) => state.getWidget<RangeWidgetState>(id)?.formatter),\n    ) ?? defaultFormatter\n  const getWidget = useWidgetStore((store) => store.getWidget)\n  const setWidget = useWidgetStore((store) => store.setWidget)\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 = getWidget<RangeWidgetState>(id)?.data ?? []\n\n      data[index] = {\n        ...item,\n        value: newValue,\n      }\n\n      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 = getWidget<RangeWidgetState>(id)?.data ?? []\n\n    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\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\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"],"names":["styles","rangeItem","display","flexDirection","gap","theme","spacing","sliderContainer","px","inputsRow","alignItems","input","flex","textAlign","slider","width","color","palette","text","disabled","defaultFormatter","value","toString","RangeItem","t0","$","_c","id","index","t1","state","getWidget","data","item","useWidgetStore","useShallow","t2","state_0","onChange","formatter","state_1","_temp","setWidget","_temp2","t3","min","max","currentValue","isEditing","setIsEditing","useState","t4","_","newValue","Array","isArray","handleSliderChange","t5","Symbol","for","e","target","name","handleInputFocus","t6","handleInputChange","event","Math","parseFloat","data_0","map","d","i","e_0","handleInputBlur","t7","event_0","key","currentTarget","blur","handleInputKeyDown","t8","t9","t10","marks","step","Box","jsx","Slider","t11","t12","t13","t14","Input","t15","t16","t17","t18","t19","t20","store_0","store","onFocus","onBlur","onKeyDown","inputProps","setCurrentValue","String","Number","TextField","RangeUI","props","Row","RangeSkeleton","Skeleton","jsxs","rangeConfig","sanitizeRangeDataItem","note","undefined","sanitizeRangeDataItems","items"],"mappings":"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"}
+{"version":3,"file":"range.js","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 { useWidgetStore } from '../../stores/widget-store'\nimport type { RangeItemProps, RangeWidgetState } from '../types'\nimport { styles } from '../style'\nimport { useShallow } from 'zustand/shallow'\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 item = useWidgetStore(\n    useShallow((state) => state.getWidget<RangeWidgetState>(id)?.data[index]),\n  )\n  const onChange = useWidgetStore(\n    useShallow((state) => state.getWidget<RangeWidgetState>(id)?.onChange),\n  )\n  const formatter =\n    useWidgetStore(\n      useShallow((state) => state.getWidget<RangeWidgetState>(id)?.formatter),\n    ) ?? defaultFormatter\n  const getWidget = useWidgetStore((store) => store.getWidget)\n  const setWidget = useWidgetStore((store) => store.setWidget)\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 = getWidget<RangeWidgetState>(id)?.data ?? []\n\n      data[index] = {\n        ...item,\n        value: newValue,\n      }\n\n      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 = getWidget<RangeWidgetState>(id)?.data ?? []\n\n    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"],"names":["styles","rangeItem","display","flexDirection","gap","theme","spacing","sliderContainer","px","inputsRow","alignItems","input","flex","textAlign","slider","width","color","palette","text","disabled","RangeItem","t0","$","_c","id","index","t1","state","getWidget","data","item","useWidgetStore","useShallow","t2","state_0","onChange","formatter","state_1","defaultFormatter","_temp","setWidget","_temp2","t3","value","min","max","currentValue","isEditing","setIsEditing","useState","t4","_","newValue","Array","isArray","handleSliderChange","t5","Symbol","for","e","target","name","handleInputFocus","t6","handleInputChange","event","Math","parseFloat","data_0","map","d","i","e_0","handleInputBlur","t7","event_0","key","currentTarget","blur","handleInputKeyDown","t8","t9","t10","marks","step","Box","jsx","Slider","t11","t12","t13","t14","Input","t15","t16","t17","t18","t19","t20","store_0","store","onFocus","onBlur","onKeyDown","inputProps","setCurrentValue","String","Number","TextField","RangeUI","props","Row","RangeSkeleton","Skeleton","jsxs","rangeConfig","sanitizeRangeDataItem","note","undefined","sanitizeRangeDataItems","items"],"mappings":"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"}

package/dist/widgets/scatterplot.js

@@ -1,47 +1,30 @@
-import { jsxs as g, jsx as a } from "react/jsx-runtime";
-import { c as b } from "react/compiler-runtime";
+import { jsxs as g, jsx as i } from "react/jsx-runtime";
+import { c as h } from "react/compiler-runtime";
 import "react";
 import "echarts";
 import "../widget-store-CzDt8oSK.js";
 import "zustand/shallow";
-import { g as w } from "../options-D9wflre6.js";
+import { g as b } from "../options-D9wflre6.js";
 import { m as S } from "../utils-BOhInag6.js";
-import { s as v, c as k, g as L, d as I, e as _ } from "../styles-CAroD5Rc.js";
-import { Box as s, Skeleton as p } from "@mui/material";
-import "@mui/icons-material";
-import "react-markdown";
-import { d as c, a as f } from "../exports-Cr43OCul.js";
-import "../lasso-tool-BYbxrJ-7.js";
-import "../cjs-D4KH3azB.js";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "@dnd-kit/utilities";
-function U({
-  refUI: e
-}) {
-  return [{
-    ...c,
-    modifier: () => c.modifier(e)
-  }, {
-    ...f,
-    modifier: async (t) => {
-      const o = v(t);
-      return f.modifier(o);
-    }
-  }];
-}
-function X(e) {
+import { c as v, s as k } from "../download-config-Dqu78h2a.js";
+import { g as w, b as L, a as I, e as _, c as A } from "../styles-Y8q7Jff3.js";
+import { Box as p, Skeleton as c } from "@mui/material";
+const X = v(k);
+function Y(e) {
   return {
     type: "scatterplot",
-    option: S(w(e), T(e))
+    option: S(b(e), C(e)),
+    formatter: e.formatter,
+    labelFormatter: e.labelFormatter
   };
 }
-function T({
+function C({
   data: e = [],
   theme: t,
-  formatter: o
+  formatter: o,
+  labelFormatter: n
 }) {
-  const n = e.length > 1, d = {
+  const l = e.length > 1, m = {
     type: "value",
     axisLine: {
       show: !1
@@ -92,43 +75,46 @@ function T({
     }
   };
   return {
-    legend: I(n),
+    legend: _({
+      hasLegend: l,
+      labelFormatter: n
+    }),
     grid: {
-      ...!n && {
+      ...!l && {
         bottom: parseInt(t.spacing(1))
       },
-      ...n && {
+      ...l && {
         bottom: parseInt(t.spacing(10))
       }
     },
-    xAxis: d,
+    xAxis: I(m, n),
     yAxis: L(u, o),
     tooltip: {
       trigger: "item",
       // position: createTooltipPositioner(theme),
-      formatter: k((i) => {
-        const r = i.value, y = i.encode?.y?.at(0), l = r[y ?? ""], h = typeof l == "number" && o ? o(l) : l ?? "", x = typeof i.marker == "string" ? i.marker : "";
+      formatter: w((a) => {
+        const r = a.value, y = a.encode?.y?.at(0), s = r[y ?? ""], d = typeof s == "number" && o ? o(s) : s ?? "", x = typeof a.marker == "string" ? a.marker : "";
         return {
-          name: i.seriesName ?? "",
+          name: n ? String(n(a.seriesName ?? "")) : a.seriesName ?? "",
           seriesName: "",
           marker: x,
-          value: h
+          value: d
         };
       })
     },
     color: Object.values(t.palette.qualitative.bold),
-    series: e.map((i, r) => ({
+    series: e.map((a, r) => ({
       datasetIndex: r,
       type: "scatter",
       symbolSize: 8
     }))
   };
 }
-const m = {
+const f = {
   skeleton: {
     graph: {
       container: {
-        ..._.graph.container,
+        ...A.graph.container,
         position: "relative"
       }
     },
@@ -145,7 +131,7 @@ const m = {
       bottom: 0
     }
   }
-}, C = [{
+}, D = [{
   left: "20%",
   top: "62%"
 }, {
@@ -191,34 +177,34 @@ const m = {
   left: "40%",
   top: "40%"
 }];
-function Z() {
-  const e = b(2);
+function G() {
+  const e = h(2);
   let t;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = C.map(F), e[0] = t) : t = e[0];
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = D.map(z), e[0] = t) : t = e[0];
   let o;
-  return e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ g(s, { sx: m.skeleton.graph.container, children: [
+  return e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ g(p, { sx: f.skeleton.graph.container, children: [
     t,
-    /* @__PURE__ */ a(s, { sx: m.skeleton.legend, children: Array(2).fill(0).map(A) })
+    /* @__PURE__ */ i(p, { sx: f.skeleton.legend, children: Array(2).fill(0).map(T) })
   ] }), e[1] = o) : o = e[1], o;
 }
-function A(e, t) {
-  return /* @__PURE__ */ g(s, { sx: {
+function T(e, t) {
+  return /* @__PURE__ */ g(p, { sx: {
     display: "flex",
     alignItems: "center",
-    gap: D
+    gap: F
   }, children: [
-    /* @__PURE__ */ a(p, { variant: "circular", width: 8, height: 8 }),
-    /* @__PURE__ */ a(p, { width: 48, height: 8 })
+    /* @__PURE__ */ i(c, { variant: "circular", width: 8, height: 8 }),
+    /* @__PURE__ */ i(c, { width: 48, height: 8 })
   ] }, `skeleton-${t}`);
 }
-function D(e) {
+function F(e) {
   const {
     spacing: t
   } = e;
   return t(1.5);
 }
-function F(e, t) {
-  return /* @__PURE__ */ a(p, { variant: "circular", width: 12, height: 12, sx: {
+function z(e, t) {
+  return /* @__PURE__ */ i(c, { variant: "circular", width: 12, height: 12, sx: {
     position: "absolute",
     top: e.top,
     left: e.left,
@@ -226,8 +212,8 @@ function F(e, t) {
   } }, `skeleton-point-${t}`);
 }
 export {
-  Z as ScatterplotSkeleton,
-  X as scatterplotConfig,
-  U as scatterplotDownloadConfig
+  G as ScatterplotSkeleton,
+  Y as scatterplotConfig,
+  X as scatterplotDownloadConfig
 };
 //# sourceMappingURL=scatterplot.js.map

package/dist/widgets/scatterplot.js.map

@@ -1 +1 @@
-{"version":3,"file":"scatterplot.js","sources":["../../src/widgets/scatterplot/config.ts","../../src/widgets/scatterplot/style.ts","../../src/widgets/scatterplot/skeleton.tsx"],"sourcesContent":["import {\n  getCommonOptions,\n  mergeEchartWidgetConfig,\n  type EchartOptionsProps,\n} from '../echart'\nimport type {\n  ScatterplotConfig,\n  ScatterplotWidgetConfig,\n  ScatterplotWidgetData,\n} from './types'\nimport {\n  scatterplotDataToCSV,\n  buildLegendConfig,\n  createTooltipFormatter,\n  applyYAxisFormatter,\n} from '../_shared/chart-config'\nimport { downloadToCSV, downloadToPNG, type DownloadItem } from '../actions'\nimport type { ConfigProps } from '../loader/types'\n\nexport function scatterplotDownloadConfig({\n  refUI,\n}: ConfigProps): DownloadItem<ScatterplotWidgetData>[] {\n  return [\n    {\n      ...downloadToPNG,\n      modifier: () => downloadToPNG.modifier(refUI),\n    },\n    {\n      ...downloadToCSV,\n      modifier: async (data) => {\n        const rows = scatterplotDataToCSV(data)\n        return downloadToCSV.modifier(rows)\n      },\n    },\n  ]\n}\n\nexport function scatterplotConfig(\n  props: ScatterplotConfig,\n): ScatterplotWidgetConfig {\n  return {\n    type: 'scatterplot',\n    option: mergeEchartWidgetConfig(getCommonOptions(props), getOption(props)),\n  }\n}\n\nfunction getOption({\n  data = [],\n  theme,\n  formatter,\n}: ScatterplotConfig): EchartOptionsProps {\n  const hasLegend = data.length > 1\n\n  const xAxis = {\n    type: 'value' as const,\n    axisLine: { show: false },\n    axisTick: { show: false },\n    axisLabel: {\n      fontSize: theme.typography.overlineDelicate.fontSize,\n      fontFamily: theme.typography.overlineDelicate.fontFamily,\n      showMinLabel: true,\n      showMaxLabel: true,\n      hideOverlap: true,\n      padding: [\n        parseInt(theme.spacing(0.5)),\n        parseInt(theme.spacing(0.5)),\n        0,\n        parseInt(theme.spacing(0.5)),\n      ],\n      color: theme.palette.black[60],\n    },\n    splitLine: {\n      show: true,\n      lineStyle: { color: theme.palette.black[4] },\n    },\n  }\n\n  const yAxis = {\n    type: 'value' as const,\n    axisLabel: {\n      fontSize: theme.typography.overlineDelicate.fontSize,\n      fontFamily: theme.typography.overlineDelicate.fontFamily,\n      inside: false,\n      padding: [\n        0,\n        0,\n        parseInt(theme.spacing(1.25)),\n        parseInt(theme.spacing(3.25)),\n      ],\n      margin: 0,\n      show: true,\n      showMaxLabel: true,\n      showMinLabel: false,\n      align: 'right',\n      verticalAlign: 'bottom',\n    },\n    axisLine: { show: false },\n    axisTick: { show: false },\n    splitLine: {\n      show: true,\n      lineStyle: { color: theme.palette.black[4] },\n    },\n  }\n\n  return {\n    legend: buildLegendConfig(hasLegend),\n    grid: {\n      ...(!hasLegend && { bottom: parseInt(theme.spacing(1)) }),\n      ...(hasLegend && { bottom: parseInt(theme.spacing(10)) }),\n    },\n    xAxis,\n    yAxis: applyYAxisFormatter(yAxis, formatter),\n    tooltip: {\n      trigger: 'item',\n      // position: createTooltipPositioner(theme),\n      formatter: createTooltipFormatter((item) => {\n        const value = item.value as Record<string, string | number>\n        const index = item.encode?.y?.at(0)\n        const _value = value[index ?? '']\n\n        const formattedValue =\n          typeof _value === 'number' && formatter\n            ? formatter(_value)\n            : (_value ?? '')\n        const marker = typeof item.marker === 'string' ? item.marker : ''\n        const name = item.seriesName ?? ''\n\n        return { name, seriesName: '', marker, value: formattedValue }\n      }),\n    },\n    color: Object.values(theme.palette.qualitative.bold),\n    series: data.map((_: unknown, index: number) => ({\n      datasetIndex: index,\n      type: 'scatter',\n      symbolSize: 8,\n    })),\n  } as EchartOptionsProps\n}\n","import type { SxProps, Theme } from '@mui/material'\nimport { baseSkeletonStyles } from '../_shared/skeleton'\n\nexport const styles = {\n  skeleton: {\n    graph: {\n      container: {\n        ...baseSkeletonStyles.graph.container,\n        position: 'relative',\n      },\n    },\n    legend: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: ({ spacing }) => spacing(2),\n      height: ({ spacing }) => spacing(5),\n      position: 'absolute',\n      bottom: 0,\n    },\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nconst SCATTER_POINTS = [\n  { left: '20%', top: '62%' },\n  { left: '26%', top: '70%' },\n  { left: '29%', top: '73%' },\n  { left: '38%', top: '63%' },\n  { left: '41%', top: '68%' },\n  { left: '47%', top: '62%' },\n  { left: '53%', top: '49%' },\n  { left: '56%', top: '55%' },\n  { left: '65%', top: '37%' },\n  { left: '68%', top: '43%' },\n  { left: '77%', top: '59%' },\n  { left: '25%', top: '30%' },\n  { left: '60%', top: '70%' },\n  { left: '10%', top: '55%' },\n  { left: '40%', top: '40%' },\n]\n\nexport function ScatterplotSkeleton() {\n  return (\n    <Box sx={styles.skeleton.graph.container}>\n      {SCATTER_POINTS.map((point, index) => (\n        <Skeleton\n          key={`skeleton-point-${index}`}\n          variant='circular'\n          width={12}\n          height={12}\n          sx={{\n            position: 'absolute',\n            top: point.top,\n            left: point.left,\n            transform: 'translate(-50%, -50%)',\n          }}\n        />\n      ))}\n      {/* Legend */}\n      <Box sx={styles.skeleton.legend}>\n        {Array(2)\n          .fill(0)\n          .map((_, i) => (\n            <Box\n              key={`skeleton-${i}`}\n              sx={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: ({ spacing }) => spacing(1.5),\n              }}\n            >\n              <Skeleton variant='circular' width={8} height={8} />\n              <Skeleton width={48} height={8} />\n            </Box>\n          ))}\n      </Box>\n    </Box>\n  )\n}\n"],"names":["scatterplotDownloadConfig","refUI","downloadToPNG","modifier","downloadToCSV","data","rows","scatterplotDataToCSV","scatterplotConfig","props","type","option","mergeEchartWidgetConfig","getCommonOptions","getOption","theme","formatter","hasLegend","length","xAxis","axisLine","show","axisTick","axisLabel","fontSize","typography","overlineDelicate","fontFamily","showMinLabel","showMaxLabel","hideOverlap","padding","parseInt","spacing","color","palette","black","splitLine","lineStyle","yAxis","inside","margin","align","verticalAlign","legend","buildLegendConfig","grid","bottom","applyYAxisFormatter","tooltip","trigger","createTooltipFormatter","item","value","index","encode","y","at","_value","formattedValue","marker","name","seriesName","Object","values","qualitative","bold","series","map","_","datasetIndex","symbolSize","styles","skeleton","graph","container","baseSkeletonStyles","position","display","alignItems","gap","height","SCATTER_POINTS","left","top","ScatterplotSkeleton","$","_c","t0","Symbol","for","_temp","t1","Box","jsx","Array","fill","_temp3","i","jsxs","_temp2","Skeleton","point","transform"],"mappings":"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"}
+{"version":3,"file":"scatterplot.js","sources":["../../src/widgets/scatterplot/config.ts","../../src/widgets/scatterplot/style.ts","../../src/widgets/scatterplot/skeleton.tsx"],"sourcesContent":["import {\n  getCommonOptions,\n  mergeEchartWidgetConfig,\n  type EchartOptionsProps,\n} from '../echart'\nimport type {\n  ScatterplotConfig,\n  ScatterplotWidgetConfig,\n  ScatterplotWidgetData,\n} from './types'\nimport {\n  scatterplotDataToCSV,\n  buildLegendConfig,\n  createTooltipFormatter,\n  createChartDownloadConfig,\n  applyYAxisFormatter,\n  applyXAxisFormatter,\n} from '../utils/chart-config'\n\nexport const scatterplotDownloadConfig =\n  createChartDownloadConfig<ScatterplotWidgetData>(scatterplotDataToCSV)\n\n/**\n * Generates ECharts configuration for X-Y scatter plot widgets with value axes, legend support, and CARTO qualitative color palette.\n *\n * @param props - Scatterplot configuration including data points and theme.\n * @returns Widget config with ECharts option object.\n */\nexport function scatterplotConfig(\n  props: ScatterplotConfig,\n): ScatterplotWidgetConfig {\n  return {\n    type: 'scatterplot',\n    option: mergeEchartWidgetConfig(getCommonOptions(props), getOption(props)),\n    formatter: props.formatter,\n    labelFormatter: props.labelFormatter,\n  }\n}\n\nfunction getOption({\n  data = [],\n  theme,\n  formatter,\n  labelFormatter,\n}: ScatterplotConfig): EchartOptionsProps {\n  const hasLegend = data.length > 1\n\n  const xAxis = {\n    type: 'value' as const,\n    axisLine: { show: false },\n    axisTick: { show: false },\n    axisLabel: {\n      fontSize: theme.typography.overlineDelicate.fontSize,\n      fontFamily: theme.typography.overlineDelicate.fontFamily,\n      showMinLabel: true,\n      showMaxLabel: true,\n      hideOverlap: true,\n      padding: [\n        parseInt(theme.spacing(0.5)),\n        parseInt(theme.spacing(0.5)),\n        0,\n        parseInt(theme.spacing(0.5)),\n      ],\n      color: theme.palette.black[60],\n    },\n    splitLine: {\n      show: true,\n      lineStyle: { color: theme.palette.black[4] },\n    },\n  }\n\n  const yAxis = {\n    type: 'value' as const,\n    axisLabel: {\n      fontSize: theme.typography.overlineDelicate.fontSize,\n      fontFamily: theme.typography.overlineDelicate.fontFamily,\n      inside: false,\n      padding: [\n        0,\n        0,\n        parseInt(theme.spacing(1.25)),\n        parseInt(theme.spacing(3.25)),\n      ],\n      margin: 0,\n      show: true,\n      showMaxLabel: true,\n      showMinLabel: false,\n      align: 'right',\n      verticalAlign: 'bottom',\n    },\n    axisLine: { show: false },\n    axisTick: { show: false },\n    splitLine: {\n      show: true,\n      lineStyle: { color: theme.palette.black[4] },\n    },\n  }\n\n  return {\n    legend: buildLegendConfig({ hasLegend, labelFormatter }),\n    grid: {\n      ...(!hasLegend && { bottom: parseInt(theme.spacing(1)) }),\n      ...(hasLegend && { bottom: parseInt(theme.spacing(10)) }),\n    },\n    xAxis: applyXAxisFormatter(xAxis, labelFormatter),\n    yAxis: applyYAxisFormatter(yAxis, formatter),\n    tooltip: {\n      trigger: 'item',\n      // position: createTooltipPositioner(theme),\n      formatter: createTooltipFormatter((item) => {\n        const value = item.value as Record<string, string | number>\n        const index = item.encode?.y?.at(0)\n        const _value = value[index ?? '']\n\n        const formattedValue =\n          typeof _value === 'number' && formatter\n            ? formatter(_value)\n            : (_value ?? '')\n        const marker = typeof item.marker === 'string' ? item.marker : ''\n        const name = labelFormatter\n          ? String(labelFormatter(item.seriesName ?? ''))\n          : (item.seriesName ?? '')\n\n        return { name, seriesName: '', marker, value: formattedValue }\n      }),\n    },\n    color: Object.values(theme.palette.qualitative.bold),\n    series: data.map((_: unknown, index: number) => ({\n      datasetIndex: index,\n      type: 'scatter',\n      symbolSize: 8,\n    })),\n  } as EchartOptionsProps\n}\n","import type { SxProps, Theme } from '@mui/material'\nimport { baseSkeletonStyles } from '../utils/skeleton'\n\nexport const styles = {\n  skeleton: {\n    graph: {\n      container: {\n        ...baseSkeletonStyles.graph.container,\n        position: 'relative',\n      },\n    },\n    legend: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: ({ spacing }) => spacing(2),\n      height: ({ spacing }) => spacing(5),\n      position: 'absolute',\n      bottom: 0,\n    },\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nconst SCATTER_POINTS = [\n  { left: '20%', top: '62%' },\n  { left: '26%', top: '70%' },\n  { left: '29%', top: '73%' },\n  { left: '38%', top: '63%' },\n  { left: '41%', top: '68%' },\n  { left: '47%', top: '62%' },\n  { left: '53%', top: '49%' },\n  { left: '56%', top: '55%' },\n  { left: '65%', top: '37%' },\n  { left: '68%', top: '43%' },\n  { left: '77%', top: '59%' },\n  { left: '25%', top: '30%' },\n  { left: '60%', top: '70%' },\n  { left: '10%', top: '55%' },\n  { left: '40%', top: '40%' },\n]\n\nexport function ScatterplotSkeleton() {\n  return (\n    <Box sx={styles.skeleton.graph.container}>\n      {SCATTER_POINTS.map((point, index) => (\n        <Skeleton\n          key={`skeleton-point-${index}`}\n          variant='circular'\n          width={12}\n          height={12}\n          sx={{\n            position: 'absolute',\n            top: point.top,\n            left: point.left,\n            transform: 'translate(-50%, -50%)',\n          }}\n        />\n      ))}\n      {/* Legend */}\n      <Box sx={styles.skeleton.legend}>\n        {Array(2)\n          .fill(0)\n          .map((_, i) => (\n            <Box\n              key={`skeleton-${i}`}\n              sx={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: ({ spacing }) => spacing(1.5),\n              }}\n            >\n              <Skeleton variant='circular' width={8} height={8} />\n              <Skeleton width={48} height={8} />\n            </Box>\n          ))}\n      </Box>\n    </Box>\n  )\n}\n"],"names":["scatterplotDownloadConfig","createChartDownloadConfig","scatterplotDataToCSV","scatterplotConfig","props","type","option","mergeEchartWidgetConfig","getCommonOptions","getOption","formatter","labelFormatter","data","theme","hasLegend","length","xAxis","axisLine","show","axisTick","axisLabel","fontSize","typography","overlineDelicate","fontFamily","showMinLabel","showMaxLabel","hideOverlap","padding","parseInt","spacing","color","palette","black","splitLine","lineStyle","yAxis","inside","margin","align","verticalAlign","legend","buildLegendConfig","grid","bottom","applyXAxisFormatter","applyYAxisFormatter","tooltip","trigger","createTooltipFormatter","item","value","index","encode","y","at","_value","formattedValue","marker","name","String","seriesName","Object","values","qualitative","bold","series","map","_","datasetIndex","symbolSize","styles","skeleton","graph","container","baseSkeletonStyles","position","display","alignItems","gap","height","SCATTER_POINTS","left","top","ScatterplotSkeleton","$","_c","t0","Symbol","for","_temp","t1","Box","jsx","Array","fill","_temp3","i","jsxs","_temp2","Skeleton","point","transform"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"selection-summary.js","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\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"],"names":["styles","root","display","alignItems","flex","gap","spacing","DEFAULT_SELECTION_LABELS","allSelected","selections","count","clear","WidgetSelectionSummary","t0","$","_c","onClear","labels","allSelectedLabel","selectionsLabel","clearLabel","t1","displayLabel","showClearButton","t2","jsx","Typography","t3","Button","t4","Box"],"mappings":";;;AAEO,MAAMA,IAAS;AAAA,EACpBC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,MAAM;AAAA,IACNC,KAAKA,CAAC;AAAA,MAAEC,SAAAA;AAAAA,IAAAA,MAAcA,EAAQ,GAAG;AAAA,EAAA;AAErC,GCAMC,IAAmD;AAAA,EACvDC,aAAa;AAAA,EACbC,YAAYA,CAACC,MAAkB,GAAGA,CAAK;AAAA,EACvCC,OAAO;AACT;AAEO,SAAAC,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAgC;AAAA,IAAAN,YAAAA;AAAAA,IAAAO,SAAAA;AAAAA,IAAAC,QAAAA;AAAAA,EAAAA,IAAAJ,GAKrCK,IACED,GAAMT,eAAiBD,EAAwBC,aAEjDW,IACEF,GAAMR,cAAgBF,EAAwBE,YAEhDW,IAAmBH,GAAMN,SAAWJ,EAAwBI;AAAM,MAAAU;AAAA,EAAAP,EAAA,CAAA,MAAAI,KAAAJ,SAAAL,KAAAK,EAAA,CAAA,MAAAK,KAGhEE,IAAAZ,IAAa,IAAIU,EAAgBV,CAA6B,IAA9DS,GAA+DJ,OAAAI,GAAAJ,OAAAL,GAAAK,OAAAK,GAAAL,OAAAO,KAAAA,IAAAP,EAAA,CAAA;AADjE,QAAAQ,IACED,GAEFE,IAAwBd,IAAa,KAAbO;AAAyB,MAAAQ;AAAA,EAAAV,SAAAQ,KAI7CE,IAAA,gBAAAC,EAACC,KAAmB,SAAA,WAAgB,OAAA,iBAA4B,8BAEhE,GAAaZ,OAAAQ,GAAAR,OAAAU,KAAAA,IAAAV,EAAA,CAAA;AAAA,MAAAa;AAAA,EAAAb,EAAA,CAAA,MAAAM,KAAAN,SAAAE,KAAAF,EAAA,CAAA,MAAAS,KACZI,IAAAJ,uBACEK,GAAA,EAAY,MAAA,SAAgB,SAAA,QAAgBZ,SAAAA,GAC1CI,UAAAA,EAAAA,CACH,GACDN,OAAAM,GAAAN,OAAAE,GAAAF,OAAAS,GAAAT,OAAAa,KAAAA,IAAAb,EAAA,CAAA;AAAA,MAAAe;AAAA,SAAAf,EAAA,EAAA,MAAAU,KAAAV,UAAAa,KARHE,sBAACC,GAAA,EAAQ,IAAA9B,EAAMC,MACbuB,UAAAA;AAAAA,IAAAA;AAAAA,IAGCG;AAAAA,EAAAA,GAKH,GAAMb,QAAAU,GAAAV,QAAAa,GAAAb,QAAAe,KAAAA,IAAAf,EAAA,EAAA,GATNe;AASM;"}
+{"version":3,"file":"selection-summary.js","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"],"names":["styles","root","display","alignItems","flex","gap","spacing","DEFAULT_SELECTION_LABELS","allSelected","selections","count","clear","WidgetSelectionSummary","t0","$","_c","onClear","labels","allSelectedLabel","selectionsLabel","clearLabel","t1","displayLabel","showClearButton","t2","jsx","Typography","t3","Button","t4","Box"],"mappings":";;;AAEO,MAAMA,IAAS;AAAA,EACpBC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,MAAM;AAAA,IACNC,KAAKA,CAAC;AAAA,MAAEC,SAAAA;AAAAA,IAAAA,MAAcA,EAAQ,GAAG;AAAA,EAAA;AAErC,GCAMC,IAAmD;AAAA,EACvDC,aAAa;AAAA,EACbC,YAAYA,CAACC,MAAkB,GAAGA,CAAK;AAAA,EACvCC,OAAO;AACT;AAaO,SAAAC,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAgC;AAAA,IAAAN,YAAAA;AAAAA,IAAAO,SAAAA;AAAAA,IAAAC,QAAAA;AAAAA,EAAAA,IAAAJ,GAKrCK,IACED,GAAMT,eAAiBD,EAAwBC,aAEjDW,IACEF,GAAMR,cAAgBF,EAAwBE,YAEhDW,IAAmBH,GAAMN,SAAWJ,EAAwBI;AAAM,MAAAU;AAAA,EAAAP,EAAA,CAAA,MAAAI,KAAAJ,SAAAL,KAAAK,EAAA,CAAA,MAAAK,KAGhEE,IAAAZ,IAAa,IAAIU,EAAgBV,CAA6B,IAA9DS,GAA+DJ,OAAAI,GAAAJ,OAAAL,GAAAK,OAAAK,GAAAL,OAAAO,KAAAA,IAAAP,EAAA,CAAA;AADjE,QAAAQ,IACED,GAEFE,IAAwBd,IAAa,KAAbO;AAAyB,MAAAQ;AAAA,EAAAV,SAAAQ,KAI7CE,IAAA,gBAAAC,EAACC,KAAmB,SAAA,WAAgB,OAAA,iBAA4B,8BAEhE,GAAaZ,OAAAQ,GAAAR,OAAAU,KAAAA,IAAAV,EAAA,CAAA;AAAA,MAAAa;AAAA,EAAAb,EAAA,CAAA,MAAAM,KAAAN,SAAAE,KAAAF,EAAA,CAAA,MAAAS,KACZI,IAAAJ,uBACEK,GAAA,EAAY,MAAA,SAAgB,SAAA,QAAgBZ,SAAAA,GAC1CI,UAAAA,EAAAA,CACH,GACDN,OAAAM,GAAAN,OAAAE,GAAAF,OAAAS,GAAAT,OAAAa,KAAAA,IAAAb,EAAA,CAAA;AAAA,MAAAe;AAAA,SAAAf,EAAA,EAAA,MAAAU,KAAAV,UAAAa,KARHE,sBAACC,GAAA,EAAQ,IAAA9B,EAAMC,MACbuB,UAAAA;AAAAA,IAAAA;AAAAA,IAGCG;AAAAA,EAAAA,GAKH,GAAMb,QAAAU,GAAAV,QAAAa,GAAAb,QAAAe,KAAAA,IAAAf,EAAA,EAAA,GATNe;AASM;"}

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

@@ -1 +1 @@
-{"version":3,"file":"skeleton-loader.js","sources":["../../src/widgets/skeleton-loader/skeleton-loader.tsx"],"sourcesContent":["import type { SkeletonLoaderProps } from './types'\nimport { useWidgetStore } from '../stores/widget-store'\nimport { Suspense } from 'react'\nimport { useShallow } from 'zustand/shallow'\n\nexport function SkeletonLoader({\n  id,\n  children,\n  Skeleton,\n}: SkeletonLoaderProps) {\n  const isLoading = useWidgetStore(\n    useShallow((state) => state.widgets[id]?.isLoading),\n  )\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"],"names":["SkeletonLoader","t0","$","_c","id","children","Skeleton","t1","state","widgets","isLoading","useWidgetStore","useShallow","t2","Suspense","jsx"],"mappings":";;;;;AAKO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAwB;AAAA,IAAAC,IAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,UAAAA;AAAAA,EAAAA,IAAAL;AAIT,MAAAM;AAKpB,MALoBL,SAAAE,KAEPG,IAAAC,CAAAA,MAAWA,EAAKC,QAASL,CAAE,GAAYM,WAAAR,OAAAE,GAAAF,OAAAK,KAAAA,IAAAL,EAAA,CAAA,GADlCS,EAChBC,EAAWL,CAAuC,CACpD,GAEa;AACX,QAAI,CAACD;AAAQ,aACJ;AACR,QAAAO;AAAA,WAAAX,SAAAI,KAGCO,sBAACC,GAAA,EAAmB,UAAA,MAClB,UAAA,gBAAAC,EAACT,KAAQ,GACX,GAAWJ,OAAAI,GAAAJ,OAAAW,KAAAA,IAAAX,EAAA,CAAA,GAFXW;AAAAA,EAEW;AAEd,SAEMR;AAAQ;"}
+{"version":3,"file":"skeleton-loader.js","sources":["../../src/widgets/skeleton-loader/skeleton-loader.tsx"],"sourcesContent":["import type { SkeletonLoaderProps } from './types'\nimport { useWidgetStore } from '../stores/widget-store'\nimport { Suspense } from 'react'\nimport { useShallow } from 'zustand/shallow'\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 = useWidgetStore(\n    useShallow((state) => state.widgets[id]?.isLoading),\n  )\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"],"names":["SkeletonLoader","t0","$","_c","id","children","Skeleton","t1","state","widgets","isLoading","useWidgetStore","useShallow","t2","Suspense","jsx"],"mappings":";;;;;AAeO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAwB;AAAA,IAAAC,IAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,UAAAA;AAAAA,EAAAA,IAAAL;AAIT,MAAAM;AAKpB,MALoBL,SAAAE,KAEPG,IAAAC,CAAAA,MAAWA,EAAKC,QAASL,CAAE,GAAYM,WAAAR,OAAAE,GAAAF,OAAAK,KAAAA,IAAAL,EAAA,CAAA,GADlCS,EAChBC,EAAWL,CAAuC,CACpD,GAEa;AACX,QAAI,CAACD;AAAQ,aACJ;AACR,QAAAO;AAAA,WAAAX,SAAAI,KAGCO,sBAACC,GAAA,EAAmB,UAAA,MAClB,UAAA,gBAAAC,EAACT,KAAQ,GACX,GAAWJ,OAAAI,GAAAJ,OAAAW,KAAAA,IAAAX,EAAA,CAAA,GAFXW;AAAAA,EAEW;AAEd,SAEMR;AAAQ;"}

package/dist/widgets/spread.js

@@ -1,13 +1,14 @@
-import { jsx as a, jsxs as T, Fragment as I } from "react/jsx-runtime";
+import { jsx as a, jsxs as I, Fragment as M } from "react/jsx-runtime";
 import { c as w } from "react/compiler-runtime";
-import { I as y, S as M, P as k, a as C } from "../series-CYNOu2Ju.js";
-import { u as S } from "../widget-store-CzDt8oSK.js";
-import { useShallow as h } from "zustand/shallow";
-import { Box as P, Skeleton as F } from "@mui/material";
-import { R } from "../row-DTCV0Ocm.js";
+import { I as y, S as k, P as C, a as R } from "../series-CYNOu2Ju.js";
+import { u as h } from "../widget-store-CzDt8oSK.js";
+import { useShallow as S } from "zustand/shallow";
+import { d as T } from "../formatter-B9Bxn1k7.js";
+import { Box as $, Skeleton as V } from "@mui/material";
+import { R as b } from "../row-DTCV0Ocm.js";
 import "@mui/icons-material";
 import "react";
-import { u as V } from "../use-widget-ref-wtFLDFCD.js";
+import { u as j } from "../use-widget-ref-wtFLDFCD.js";
 import "react-markdown";
 import "html2canvas";
 import "../lasso-tool-BYbxrJ-7.js";
@@ -15,14 +16,13 @@ import "../cjs-D4KH3azB.js";
 import "@dnd-kit/core";
 import "@dnd-kit/sortable";
 import "@dnd-kit/utilities";
-import { d as W, a as $ } from "../exports-Cr43OCul.js";
-function b(t) {
+import { d as W, a as P } from "../exports-Cr43OCul.js";
+function v(t) {
   const e = w(2);
   let i;
   return e[0] !== t ? (i = /* @__PURE__ */ a(y, { ...t, children: "-" }), e[0] = t, e[1] = i) : i = e[1], i;
 }
-const j = (t) => t.toString();
-function v(t) {
+function F(t) {
   const e = w(19);
   let i, o, r;
   e[0] !== t ? ({
@@ -33,22 +33,21 @@ function v(t) {
   const n = r === void 0 ? 0 : r;
   let s;
   e[4] !== i || e[5] !== n ? (s = (f) => f.getWidget(i)?.data[n]?.min, e[4] = i, e[5] = n, e[6] = s) : s = e[6];
-  const m = S(h(s));
+  const m = h(S(s));
   let c;
   e[7] !== i || e[8] !== n ? (c = (f) => f.getWidget(i)?.data[n]?.color, e[7] = i, e[8] = n, e[9] = c) : c = e[9];
-  const u = S(h(c)), x = S(h((f) => f.getWidget(i)?.formatter)) ?? j;
+  const u = h(S(c)), p = h(S((f) => f.getWidget(i)?.formatter)) ?? T;
   let l;
   e[10] !== u ? (l = {
     color: u
   }, e[10] = u, e[11] = l) : l = e[11];
-  const p = m ?? 0;
+  const x = m ?? 0;
   let d;
-  e[12] !== x || e[13] !== p ? (d = x(p), e[12] = x, e[13] = p, e[14] = d) : d = e[14];
+  e[12] !== p || e[13] !== x ? (d = p(x), e[12] = p, e[13] = x, e[14] = d) : d = e[14];
   let g;
   return e[15] !== o || e[16] !== l || e[17] !== d ? (g = /* @__PURE__ */ a(y, { TypographyProps: l, ...o, children: d }), e[15] = o, e[16] = l, e[17] = d, e[18] = g) : g = e[18], g;
 }
-const _ = (t) => t.toString();
-function B(t) {
+function _(t) {
   const e = w(19);
   let i, o, r;
   e[0] !== t ? ({
@@ -59,44 +58,44 @@ function B(t) {
   const n = r === void 0 ? 0 : r;
   let s;
   e[4] !== i || e[5] !== n ? (s = (f) => f.getWidget(i)?.data[n]?.max, e[4] = i, e[5] = n, e[6] = s) : s = e[6];
-  const m = S(h(s));
+  const m = h(S(s));
   let c;
   e[7] !== i || e[8] !== n ? (c = (f) => f.getWidget(i)?.data[n]?.color, e[7] = i, e[8] = n, e[9] = c) : c = e[9];
-  const u = S(h(c)), x = S(h((f) => f.getWidget(i)?.formatter)) ?? _;
+  const u = h(S(c)), p = h(S((f) => f.getWidget(i)?.formatter)) ?? T;
   let l;
   e[10] !== u ? (l = {
     color: u
   }, e[10] = u, e[11] = l) : l = e[11];
-  const p = m ?? 0;
+  const x = m ?? 0;
   let d;
-  e[12] !== x || e[13] !== p ? (d = x(p), e[12] = x, e[13] = p, e[14] = d) : d = e[14];
+  e[12] !== p || e[13] !== x ? (d = p(x), e[12] = p, e[13] = x, e[14] = d) : d = e[14];
   let g;
   return e[15] !== o || e[16] !== l || e[17] !== d ? (g = /* @__PURE__ */ a(y, { TypographyProps: l, ...o, children: d }), e[15] = o, e[16] = l, e[17] = d, e[18] = g) : g = e[18], g;
 }
 function ie(t) {
   const e = w(8), {
     ref: i
-  } = V(t.id);
+  } = j(t.id);
   let o;
   e[0] !== t.id ? (o = (s) => {
     const {
       index: m
     } = s;
-    return /* @__PURE__ */ T(I, { children: [
-      /* @__PURE__ */ a(M, { id: t.id, index: m }),
+    return /* @__PURE__ */ I(M, { children: [
       /* @__PURE__ */ a(k, { id: t.id, index: m }),
-      /* @__PURE__ */ a(v, { id: t.id, index: m }),
-      /* @__PURE__ */ a(b, {}),
-      /* @__PURE__ */ a(B, { id: t.id, index: m }),
-      /* @__PURE__ */ a(C, { id: t.id, index: m })
+      /* @__PURE__ */ a(C, { id: t.id, index: m }),
+      /* @__PURE__ */ a(F, { id: t.id, index: m }),
+      /* @__PURE__ */ a(v, {}),
+      /* @__PURE__ */ a(_, { id: t.id, index: m }),
+      /* @__PURE__ */ a(R, { id: t.id, index: m })
     ] });
   }, e[0] = t.id, e[1] = o) : o = e[1];
   let r;
-  e[2] !== t.id || e[3] !== o ? (r = /* @__PURE__ */ a(R, { id: t.id, children: o }), e[2] = t.id, e[3] = o, e[4] = r) : r = e[4];
+  e[2] !== t.id || e[3] !== o ? (r = /* @__PURE__ */ a(b, { id: t.id, children: o }), e[2] = t.id, e[3] = o, e[4] = r) : r = e[4];
   let n;
-  return e[5] !== i || e[6] !== r ? (n = /* @__PURE__ */ a(P, { ref: i, children: r }), e[5] = i, e[6] = r, e[7] = n) : n = e[7], n;
+  return e[5] !== i || e[6] !== r ? (n = /* @__PURE__ */ a($, { ref: i, children: r }), e[5] = i, e[6] = r, e[7] = n) : n = e[7], n;
 }
-const D = {
+const B = {
   row: {
     display: "flex",
     alignItems: "center",
@@ -109,7 +108,7 @@ const D = {
 function oe() {
   const t = w(1);
   let e;
-  return t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ a(P, { sx: D.row, "aria-label": "Spread skeleton", children: /* @__PURE__ */ a(F, { width: 120, height: 32 }) }), t[0] = e) : e = t[0], e;
+  return t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ a($, { sx: B.row, "aria-label": "Spread skeleton", children: /* @__PURE__ */ a(V, { width: 120, height: 32 }) }), t[0] = e) : e = t[0], e;
 }
 function re({
   refUI: t
@@ -118,10 +117,10 @@ function re({
     ...W,
     modifier: () => W.modifier(t)
   }, {
-    ...$,
+    ...P,
     modifier: async (e) => {
       const i = e.map((o) => [o.min, o.max]);
-      return $.modifier([["Min", "Max"], ...i]);
+      return P.modifier([["Min", "Max"], ...i]);
     }
   }];
 }
@@ -132,15 +131,15 @@ function ne() {
 }
 export {
   y as Item,
-  B as MaxValue,
-  v as MinValue,
-  k as Prefix,
-  R as Row,
-  b as Separator,
-  M as Series,
+  _ as MaxValue,
+  F as MinValue,
+  C as Prefix,
+  b as Row,
+  v as Separator,
+  k as Series,
   oe as SpreadSkeleton,
   ie as SpreadUI,
-  C as Suffix,
+  R as Suffix,
   ne as spreadConfig,
   re as spreadDownloadConfig
 };

package/dist/widgets/spread.js.map

@@ -1 +1 @@
-{"version":3,"file":"spread.js","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\nexport function Separator(props: Omit<ItemProps, 'children'>) {\n  return <Item {...props}>-</Item>\n}\n","import { type SpreadWidgetState, type ValueProps } from '../types'\nimport { useWidgetStore } from '../../stores/widget-store'\nimport { Item } from '../../formula/components/item'\nimport { useShallow } from 'zustand/shallow'\n\nconst defaultFormatter = (value: number) => value.toString()\n\nexport function MinValue({ id, index = 0, ...props }: ValueProps) {\n  const min = useWidgetStore(\n    useShallow(\n      (state) => state.getWidget<SpreadWidgetState>(id)?.data[index]?.min,\n    ),\n  )\n  const color = useWidgetStore(\n    useShallow(\n      (state) => state.getWidget<SpreadWidgetState>(id)?.data[index]?.color,\n    ),\n  )\n  const formatter =\n    useWidgetStore(\n      useShallow((state) => state.getWidget<SpreadWidgetState>(id)?.formatter),\n    ) ?? 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 { useWidgetStore } from '../../stores/widget-store'\nimport { Item } from '../../formula/components/item'\nimport { useShallow } from 'zustand/shallow'\n\nconst defaultFormatter = (value: number) => value.toString()\n\nexport function MaxValue({ id, index = 0, ...props }: ValueProps) {\n  const max = useWidgetStore(\n    useShallow(\n      (state) => state.getWidget<SpreadWidgetState>(id)?.data[index]?.max,\n    ),\n  )\n  const color = useWidgetStore(\n    useShallow(\n      (state) => state.getWidget<SpreadWidgetState>(id)?.data[index]?.color,\n    ),\n  )\n  const formatter =\n    useWidgetStore(\n      useShallow((state) => state.getWidget<SpreadWidgetState>(id)?.formatter),\n    ) ?? 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\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\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\nexport function spreadConfig(): SpreadWidgetConfig {\n  return {\n    series: [],\n  }\n}\n"],"names":["Separator","props","$","_c","t0","jsx","Item","defaultFormatter","value","toString","MinValue","id","t1","index","undefined","t2","state","getWidget","data","min","useWidgetStore","useShallow","t3","state_0","color","formatter","state_1","t4","t5","t6","t7","MaxValue","max","SpreadUI","ref","useWidgetRef","jsxs","Fragment","Series","Prefix","Suffix","Row","Box","styles","row","display","alignItems","gap","theme","spacing","marginTop","SpreadSkeleton","Symbol","for","Skeleton","spreadDownloadConfig","refUI","downloadToPNG","modifier","downloadToCSV","rows","map","item","spreadConfig","series"],"mappings":"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"}
+{"version":3,"file":"spread.js","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 { useWidgetStore } from '../../stores/widget-store'\nimport { Item } from '../../formula/components/item'\nimport { useShallow } from 'zustand/shallow'\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 min = useWidgetStore(\n    useShallow(\n      (state) => state.getWidget<SpreadWidgetState>(id)?.data[index]?.min,\n    ),\n  )\n  const color = useWidgetStore(\n    useShallow(\n      (state) => state.getWidget<SpreadWidgetState>(id)?.data[index]?.color,\n    ),\n  )\n  const formatter =\n    useWidgetStore(\n      useShallow((state) => state.getWidget<SpreadWidgetState>(id)?.formatter),\n    ) ?? 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 { useWidgetStore } from '../../stores/widget-store'\nimport { Item } from '../../formula/components/item'\nimport { useShallow } from 'zustand/shallow'\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 max = useWidgetStore(\n    useShallow(\n      (state) => state.getWidget<SpreadWidgetState>(id)?.data[index]?.max,\n    ),\n  )\n  const color = useWidgetStore(\n    useShallow(\n      (state) => state.getWidget<SpreadWidgetState>(id)?.data[index]?.color,\n    ),\n  )\n  const formatter =\n    useWidgetStore(\n      useShallow((state) => state.getWidget<SpreadWidgetState>(id)?.formatter),\n    ) ?? 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"],"names":["Separator","props","$","_c","t0","jsx","Item","MinValue","id","t1","index","undefined","t2","state","getWidget","data","min","useWidgetStore","useShallow","t3","state_0","color","formatter","state_1","defaultFormatter","t4","t5","t6","t7","MaxValue","max","SpreadUI","ref","useWidgetRef","jsxs","Fragment","Series","Prefix","Suffix","Row","Box","styles","row","display","alignItems","gap","theme","spacing","marginTop","SpreadSkeleton","Symbol","for","Skeleton","spreadDownloadConfig","refUI","downloadToPNG","modifier","downloadToCSV","rows","map","item","spreadConfig","series"],"mappings":"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"}