@carto/ps-react-ui 4.2.7 → 4.3.0-widgets.0

package/dist/skeleton-Dx3FCer0.js

@@ -0,0 +1,13 @@
+import { jsx as r } from "react/jsx-runtime";
+import { c as t } from "react/compiler-runtime";
+import { Box as l, Skeleton as m } from "@mui/material";
+import { s as i } from "./style-BGeCtQkP.js";
+function f() {
+  const e = t(1);
+  let o;
+  return e[0] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ r(l, { sx: i.row, "aria-label": "Formula skeleton", children: /* @__PURE__ */ r(m, { width: 120, height: 32 }) }), e[0] = o) : o = e[0], o;
+}
+export {
+  f as FormulaSkeleton
+};
+//# sourceMappingURL=skeleton-Dx3FCer0.js.map

package/dist/skeleton-Dx3FCer0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-Dx3FCer0.js","sources":["../src/widgets/formula/skeleton.tsx"],"sourcesContent":["import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nexport function FormulaSkeleton() {\n  return (\n    <Box sx={styles.row} aria-label='Formula skeleton'>\n      <Skeleton width={120} height={32} />\n    </Box>\n  )\n}\n"],"names":["FormulaSkeleton","$","_c","t0","Symbol","for","jsx","Box","styles","row","Skeleton"],"mappings":";;;;AAGO,SAAAA,IAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA;AAAA,MAAAC;AAAA,SAAAF,EAAA,CAAA,MAAAG,OAAAC,IAAA,2BAAA,KAEHF,IAAA,gBAAAG,EAACC,GAAA,EAAQ,IAAAC,EAAMC,KAAiB,cAAA,oBAC9B,UAAA,gBAAAH,EAACI,GAAA,EAAgB,OAAA,KAAa,QAAA,IAAE,GAClC,GAAMT,OAAAE,KAAAA,IAAAF,EAAA,CAAA,GAFNE;AAEM;"}

package/dist/skeleton-QVDdb1c2.js

@@ -0,0 +1,21 @@
+import { jsx as i, jsxs as n } from "react/jsx-runtime";
+import { c as m } from "react/compiler-runtime";
+import { Skeleton as r, Box as l } from "@mui/material";
+import { s } from "./style-C7v1iwqD.js";
+function g() {
+  const e = m(2);
+  let t;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ i(r, { width: "100%", height: 32 }), e[0] = t) : t = e[0];
+  let o;
+  return e[1] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ n(l, { sx: s.rangeItem, "aria-label": "Range skeleton", children: [
+    t,
+    /* @__PURE__ */ n(l, { sx: s.inputsRow, children: [
+      /* @__PURE__ */ i(r, { width: "100%", height: 40 }),
+      /* @__PURE__ */ i(r, { width: "100%", height: 40 })
+    ] })
+  ] }), e[1] = o) : o = e[1], o;
+}
+export {
+  g as RangeSkeleton
+};
+//# sourceMappingURL=skeleton-QVDdb1c2.js.map

package/dist/skeleton-QVDdb1c2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-QVDdb1c2.js","sources":["../src/widgets/range/skeleton.tsx"],"sourcesContent":["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"],"names":["RangeSkeleton","$","_c","t0","Symbol","for","jsx","Skeleton","t1","Box","styles","rangeItem","jsxs","inputsRow"],"mappings":";;;;AAGO,SAAAA,IAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA;AAAA,MAAAC;AAAA,EAAAF,EAAA,CAAA,MAAAG,OAAAC,IAAA,2BAAA,KAGDF,IAAA,gBAAAG,EAACC,GAAA,EAAe,OAAA,QAAe,QAAA,IAAE,GAAIN,OAAAE,KAAAA,IAAAF,EAAA,CAAA;AAAA,MAAAO;AAAA,SAAAP,EAAA,CAAA,MAAAG,OAAAC,IAAA,2BAAA,KADvCG,sBAACC,GAAA,EAAQ,IAAAC,EAAMC,WAAuB,cAAA,kBACpCR,UAAAA;AAAAA,IAAAA;AAAAA,IACA,gBAAAS,EAACH,GAAA,EAAQ,IAAAC,EAAMG,WACb,UAAA;AAAA,MAAA,gBAAAP,EAACC,GAAA,EAAe,OAAA,QAAe,QAAA,IAAE;AAAA,MACjC,gBAAAD,EAACC,GAAA,EAAe,OAAA,QAAe,QAAA,GAAA,CAAE;AAAA,IAAA,EAAA,CACnC;AAAA,EAAA,GACF,GAAMN,OAAAO,KAAAA,IAAAP,EAAA,CAAA,GANNO;AAMM;"}

package/dist/skeleton-loader-DWC1-EAx.js

@@ -0,0 +1,23 @@
+import { jsx as n } from "react/jsx-runtime";
+import { c as f } from "react/compiler-runtime";
+import { u as d } from "./widget-store-yDO2ul8g.js";
+import { Suspense as u } from "react";
+function S(s) {
+  const e = f(4), {
+    id: r,
+    children: l,
+    Skeleton: i
+  } = s;
+  let o;
+  if (e[0] !== r ? (o = (t) => t.widgets[r]?.isLoading, e[0] = r, e[1] = o) : o = e[1], d(o)) {
+    if (!i)
+      return null;
+    let t;
+    return e[2] !== i ? (t = /* @__PURE__ */ n(u, { fallback: null, children: /* @__PURE__ */ n(i, {}) }), e[2] = i, e[3] = t) : t = e[3], t;
+  }
+  return l;
+}
+export {
+  S
+};
+//# sourceMappingURL=skeleton-loader-DWC1-EAx.js.map

package/dist/skeleton-loader-DWC1-EAx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-loader-DWC1-EAx.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'\n\nexport function SkeletonLoader({\n  id,\n  children,\n  Skeleton,\n}: SkeletonLoaderProps) {\n  const isLoading = useWidgetStore((state) => state.widgets[id]?.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"],"names":["SkeletonLoader","t0","$","_c","id","children","Skeleton","t1","state","widgets","isLoading","useWidgetStore","t2","Suspense","jsx"],"mappings":";;;;AAIO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAwB;AAAA,IAAAC,IAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,UAAAA;AAAAA,EAAAA,IAAAL;AAIT,MAAAM;AAGpB,MAHoBL,SAAAE,KACaG,IAAAC,CAAAA,MAAWA,EAAKC,QAASL,CAAE,GAAYM,WAAAR,OAAAE,GAAAF,OAAAK,KAAAA,IAAAL,EAAA,CAAA,GAAtDS,EAAeJ,CAAuC,GAE3D;AACX,QAAI,CAACD;AAAQ,aACJ;AACR,QAAAM;AAAA,WAAAV,SAAAI,KAGCM,sBAACC,GAAA,EAAmB,UAAA,MAClB,UAAA,gBAAAC,EAACR,KAAQ,GACX,GAAWJ,OAAAI,GAAAJ,OAAAU,KAAAA,IAAAV,EAAA,CAAA,GAFXU;AAAAA,EAEW;AAEd,SAEMP;AAAQ;"}

package/dist/smart-tooltip-BSlcAkBM.js

@@ -0,0 +1,39 @@
+import { jsx as O } from "react/jsx-runtime";
+import { c as S } from "react/compiler-runtime";
+import { useRef as x, useState as H, useLayoutEffect as I } from "react";
+import { T as W } from "./lasso-tool-BC-rsMMW.js";
+function P(a) {
+  const t = S(13), {
+    title: h,
+    dependencies: r,
+    timeout: p,
+    TooltipProps: f,
+    children: u
+  } = a;
+  let s;
+  t[0] !== r ? (s = r === void 0 ? [] : r, t[0] = r, t[1] = s) : s = t[1];
+  const m = s, e = p === void 0 ? 500 : p, i = x(null), [T, g] = H(!1);
+  let l;
+  t[2] !== e ? (l = () => {
+    const v = setTimeout(() => {
+      if (i.current) {
+        const w = i.current.scrollWidth > i.current.clientWidth || i.current.scrollHeight > i.current.clientHeight;
+        g(w);
+      }
+    }, e);
+    return () => clearTimeout(v);
+  }, t[2] = e, t[3] = l) : l = t[3];
+  let n;
+  t[4] !== m || t[5] !== e ? (n = [m, e], t[4] = m, t[5] = e, t[6] = n) : n = t[6], I(l, n);
+  const d = T && h;
+  let o;
+  t[7] !== u ? (o = u({
+    ref: i
+  }), t[7] = u, t[8] = o) : o = t[8];
+  let c;
+  return t[9] !== f || t[10] !== d || t[11] !== o ? (c = /* @__PURE__ */ O(W, { title: d, ...f, children: o }), t[9] = f, t[10] = d, t[11] = o, t[12] = c) : c = t[12], c;
+}
+export {
+  P as S
+};
+//# sourceMappingURL=smart-tooltip-BSlcAkBM.js.map

package/dist/smart-tooltip-BSlcAkBM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-tooltip-BSlcAkBM.js","sources":["../src/components/smart-tooltip/smart-tooltip.tsx"],"sourcesContent":["import type { TooltipProps } from '@mui/material'\nimport { useLayoutEffect, useRef, useState, type JSX, type Ref } from 'react'\nimport { Tooltip } from '../tooltip/tooltip'\n\nexport function SmartTooltip<T extends HTMLElement>({\n  title,\n  dependencies = [],\n  timeout = 500,\n  TooltipProps,\n  children,\n}: {\n  title: string | undefined\n  dependencies?: unknown[]\n  timeout?: number\n  children: (props: { ref: Ref<T> }) => JSX.Element\n  TooltipProps?: Partial<TooltipProps>\n}) {\n  const ref = useRef<T>(null)\n  const [isOverflowing, setIsOverflowing] = useState(false)\n\n  useLayoutEffect(() => {\n    const timerId = setTimeout(() => {\n      if (ref.current) {\n        const isOverflowing =\n          ref.current.scrollWidth > ref.current.clientWidth ||\n          ref.current.scrollHeight > ref.current.clientHeight\n\n        setIsOverflowing(isOverflowing)\n      }\n    }, timeout)\n\n    return () => clearTimeout(timerId)\n  }, [dependencies, timeout])\n\n  return (\n    <Tooltip title={isOverflowing && title} {...TooltipProps}>\n      {children({ ref })}\n    </Tooltip>\n  )\n}\n"],"names":["SmartTooltip","t0","$","_c","title","dependencies","t1","timeout","t2","TooltipProps","children","t3","undefined","ref","useRef","isOverflowing","setIsOverflowing","useState","t4","timerId","setTimeout","current","isOverflowing_0","scrollWidth","clientWidth","scrollHeight","clientHeight","clearTimeout","t5","useLayoutEffect","t6","t7","t8","Tooltip"],"mappings":";;;;AAIO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAA6C;AAAA,IAAAC,OAAAA;AAAAA,IAAAC,cAAAC;AAAAA,IAAAC,SAAAC;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,UAAAA;AAAAA,EAAAA,IAAAT;AAYnD,MAAAU;AAAA,EAAAT,SAAAI,KAVCK,IAAAL,MAAAM,SAAA,CAAA,IAAAN,GAAiBJ,OAAAI,GAAAJ,OAAAS,KAAAA,IAAAT,EAAA,CAAA;AAAjB,QAAAG,IAAAM,GACAJ,IAAAC,MAAAI,SAAA,MAAAJ,GAUAK,IAAYC,EAAU,IAAI,GAC1B,CAAAC,GAAAC,CAAA,IAA0CC,EAAS,EAAK;AAAC,MAAAC;AAAA,EAAAhB,SAAAK,KAEzCW,IAAAA,MAAA;AACd,UAAAC,IAAgBC,WAAW,MAAA;AACzB,UAAIP,EAAGQ,SAAQ;AACb,cAAAC,IACET,EAAGQ,QAAQE,cAAeV,EAAGQ,QAAQG,eACrCX,EAAGQ,QAAQI,eAAgBZ,EAAGQ,QAAQK;AAExCV,QAAAA,EAAiBD,CAAa;AAAA,MAAC;AAAA,IAChC,GACAR,CAAO;AAAC,WAEJ,MAAMoB,aAAaR,CAAO;AAAA,EAAC,GACnCjB,OAAAK,GAAAL,OAAAgB,KAAAA,IAAAhB,EAAA,CAAA;AAAA,MAAA0B;AAAA,EAAA1B,EAAA,CAAA,MAAAG,KAAAH,SAAAK,KAAEqB,IAAA,CAACvB,GAAcE,CAAO,GAACL,OAAAG,GAAAH,OAAAK,GAAAL,OAAA0B,KAAAA,IAAA1B,EAAA,CAAA,GAZ1B2B,EAAgBX,GAYbU,CAAuB;AAGR,QAAAE,IAAAf,KAAAX;AAAsB,MAAA2B;AAAA,EAAA7B,SAAAQ,KACnCqB,IAAArB,EAAS;AAAA,IAAAG,KAAAA;AAAAA,EAAAA,CAAO,GAACX,OAAAQ,GAAAR,OAAA6B,KAAAA,IAAA7B,EAAA,CAAA;AAAA,MAAA8B;AAAA,SAAA9B,EAAA,CAAA,MAAAO,KAAAP,UAAA4B,KAAA5B,EAAA,EAAA,MAAA6B,KADpBC,sBAACC,GAAA,EAAe,OAAAH,GAAsB,GAAMrB,GACzCsB,UAAAA,GACH,GAAU7B,OAAAO,GAAAP,QAAA4B,GAAA5B,QAAA6B,GAAA7B,QAAA8B,KAAAA,IAAA9B,EAAA,EAAA,GAFV8B;AAEU;"}

package/dist/spread-ui-BjzH190y.js

@@ -0,0 +1,82 @@
+import { jsx as s, jsxs as y, Fragment as P } from "react/jsx-runtime";
+import { c as g } from "react/compiler-runtime";
+import { I as S, a as $, P as b, S as j } from "./series-CsyEPq-X.js";
+import { a as h } from "./widget-store-yDO2ul8g.js";
+import "@mui/material";
+import { R as M } from "./row-DQaSxmDV.js";
+function _(e) {
+  const t = g(2);
+  let i;
+  return t[0] !== e ? (i = /* @__PURE__ */ s(S, { ...e, children: "-" }), t[0] = e, t[1] = i) : i = t[1], i;
+}
+const v = (e) => e.toString();
+function w(e) {
+  const t = g(13);
+  let i, o, r;
+  t[0] !== e ? ({
+    id: i,
+    index: r,
+    ...o
+  } = e, t[0] = e, t[1] = i, t[2] = o, t[3] = r) : (i = t[1], o = t[2], r = t[3]);
+  const d = r === void 0 ? 0 : r, u = h(i), x = u?.data?.[d], c = u?.formatter ?? v, f = x?.color;
+  let n;
+  t[4] !== f ? (n = {
+    color: f
+  }, t[4] = f, t[5] = n) : n = t[5];
+  const m = x?.min ?? 0;
+  let l;
+  t[6] !== c || t[7] !== m ? (l = c(m), t[6] = c, t[7] = m, t[8] = l) : l = t[8];
+  let a;
+  return t[9] !== o || t[10] !== n || t[11] !== l ? (a = /* @__PURE__ */ s(S, { TypographyProps: n, ...o, children: l }), t[9] = o, t[10] = n, t[11] = l, t[12] = a) : a = t[12], a;
+}
+const F = (e) => e.toString();
+function I(e) {
+  const t = g(13);
+  let i, o, r;
+  t[0] !== e ? ({
+    id: i,
+    index: r,
+    ...o
+  } = e, t[0] = e, t[1] = i, t[2] = o, t[3] = r) : (i = t[1], o = t[2], r = t[3]);
+  const d = r === void 0 ? 0 : r, u = h(i), x = u?.data?.[d], c = u?.formatter ?? F, f = x?.color;
+  let n;
+  t[4] !== f ? (n = {
+    color: f
+  }, t[4] = f, t[5] = n) : n = t[5];
+  const m = x?.max ?? 0;
+  let l;
+  t[6] !== c || t[7] !== m ? (l = c(m), t[6] = c, t[7] = m, t[8] = l) : l = t[8];
+  let a;
+  return t[9] !== o || t[10] !== n || t[11] !== l ? (a = /* @__PURE__ */ s(S, { TypographyProps: n, ...o, children: l }), t[9] = o, t[10] = n, t[11] = l, t[12] = a) : a = t[12], a;
+}
+function T(e) {
+  const t = g(5);
+  let i;
+  t[0] !== e.id ? (i = (r) => {
+    const {
+      index: d
+    } = r;
+    return /* @__PURE__ */ y(P, { children: [
+      /* @__PURE__ */ s($, { id: e.id, index: d }),
+      /* @__PURE__ */ s(b, { id: e.id, index: d }),
+      /* @__PURE__ */ s(w, { id: e.id, index: d }),
+      /* @__PURE__ */ s(_, {}),
+      /* @__PURE__ */ s(I, { id: e.id, index: d }),
+      /* @__PURE__ */ s(j, { id: e.id, index: d })
+    ] });
+  }, t[0] = e.id, t[1] = i) : i = t[1];
+  let o;
+  return t[2] !== e.id || t[3] !== i ? (o = /* @__PURE__ */ s(M, { id: e.id, children: i }), t[2] = e.id, t[3] = i, t[4] = o) : o = t[4], o;
+}
+const k = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  SpreadUI: T
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  w as M,
+  T as S,
+  I as a,
+  _ as b,
+  k as s
+};
+//# sourceMappingURL=spread-ui-BjzH190y.js.map

package/dist/spread-ui-BjzH190y.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spread-ui-BjzH190y.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"],"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 { useWidget } from '../../stores/widget-store'\nimport { Item } from '../../formula/components/item'\n\nconst defaultFormatter = (value: number) => value.toString()\n\nexport function MinValue({ id, index = 0, ...props }: ValueProps) {\n  const widget = useWidget<SpreadWidgetState>(id)\n\n  const el = widget?.data?.[index]\n\n  const formatter = widget?.formatter ?? defaultFormatter\n\n  return (\n    <Item TypographyProps={{ color: el?.color }} {...props}>\n      {formatter(el?.min ?? 0)}\n    </Item>\n  )\n}\n","import { type SpreadWidgetState, type ValueProps } from '../types'\nimport { useWidget } from '../../stores/widget-store'\nimport { Item } from '../../formula/components/item'\n\nconst defaultFormatter = (value: number) => value.toString()\n\nexport function MaxValue({ id, index = 0, ...props }: ValueProps) {\n  const widget = useWidget<SpreadWidgetState>(id)\n\n  const el = widget?.data?.[index]\n\n  const formatter = widget?.formatter ?? defaultFormatter\n\n  return (\n    <Item TypographyProps={{ color: el?.color }} {...props}>\n      {formatter(el?.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'\n\nexport function SpreadUI(props: SpreadUIProps) {\n  return (\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  )\n}\n"],"names":["Separator","props","$","_c","t0","jsx","Item","defaultFormatter","value","toString","MinValue","id","t1","index","undefined","widget","useWidget","el","data","formatter","t2","color","t3","t4","min","t5","t6","MaxValue","max","SpreadUI","jsxs","Fragment","Series","Prefix","Suffix","Row"],"mappings":"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"}

package/dist/style-BGeCtQkP.js

@@ -0,0 +1,19 @@
+const a = {
+  item: {
+    '&[data-disabled="true"]': {
+      color: (e) => e.palette.text.disabled
+    }
+  },
+  row: {
+    display: "flex",
+    alignItems: "center",
+    gap: (e) => e.spacing(1),
+    "& + &": {
+      marginTop: (e) => e.spacing(1)
+    }
+  }
+};
+export {
+  a as s
+};
+//# sourceMappingURL=style-BGeCtQkP.js.map

package/dist/style-BGeCtQkP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-BGeCtQkP.js","sources":["../src/widgets/formula/style.ts"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material'\n\nexport const styles = {\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: (theme: Theme) => theme.spacing(2),\n  },\n  item: {\n    '&[data-disabled=\"true\"]': {\n      color: (theme: Theme) => theme.palette.text.disabled,\n    },\n  },\n  row: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: (theme: Theme) => theme.spacing(1),\n\n    '& + &': {\n      marginTop: (theme: Theme) => theme.spacing(1),\n    },\n  },\n} satisfies Record<string, SxProps<Theme>>\n"],"names":["styles","item","color","theme","palette","text","disabled","row","display","alignItems","gap","spacing","marginTop"],"mappings":"AAEO,MAAMA,IAAS;AAAA,EAMpBC,MAAM;AAAA,IACJ,2BAA2B;AAAA,MACzBC,OAAOA,CAACC,MAAiBA,EAAMC,QAAQC,KAAKC;AAAAA,IAAAA;AAAAA,EAC9C;AAAA,EAEFC,KAAK;AAAA,IACHC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,KAAKA,CAACP,MAAiBA,EAAMQ,QAAQ,CAAC;AAAA,IAEtC,SAAS;AAAA,MACPC,WAAWA,CAACT,MAAiBA,EAAMQ,QAAQ,CAAC;AAAA,IAAA;AAAA,EAC9C;AAEJ;"}

package/dist/style-C7v1iwqD.js

@@ -0,0 +1,34 @@
+const i = {
+  rangeItem: {
+    display: "flex",
+    flexDirection: "column",
+    gap: (e) => e.spacing(1.5)
+  },
+  sliderContainer: {
+    display: "flex",
+    flexDirection: "column",
+    gap: (e) => e.spacing(1),
+    px: (e) => e.spacing(1)
+  },
+  inputsRow: {
+    display: "flex",
+    gap: (e) => e.spacing(2),
+    alignItems: "center"
+  },
+  input: {
+    flex: 1,
+    "& .MuiInputBase-input": {
+      textAlign: "center"
+    }
+  },
+  slider: {
+    width: "100%",
+    "&.Mui-disabled": {
+      color: (e) => e.palette.text.disabled
+    }
+  }
+};
+export {
+  i as s
+};
+//# sourceMappingURL=style-C7v1iwqD.js.map

package/dist/style-C7v1iwqD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-C7v1iwqD.js","sources":["../src/widgets/range/style.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"],"names":["styles","rangeItem","display","flexDirection","gap","theme","spacing","sliderContainer","px","inputsRow","alignItems","input","flex","textAlign","slider","width","color","palette","text","disabled"],"mappings":"AAEO,MAAMA,IAAyC;AAAA,EAMpDC,WAAW;AAAA,IACTC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,KAAKA,CAACC,MAAiBA,EAAMC,QAAQ,GAAG;AAAA,EAAA;AAAA,EAE1CC,iBAAiB;AAAA,IACfL,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,KAAKA,CAACC,MAAiBA,EAAMC,QAAQ,CAAC;AAAA,IACtCE,IAAIA,CAACH,MAAiBA,EAAMC,QAAQ,CAAC;AAAA,EAAA;AAAA,EAEvCG,WAAW;AAAA,IACTP,SAAS;AAAA,IACTE,KAAKA,CAACC,MAAiBA,EAAMC,QAAQ,CAAC;AAAA,IACtCI,YAAY;AAAA,EAAA;AAAA,EAEdC,OAAO;AAAA,IACLC,MAAM;AAAA,IACN,yBAAyB;AAAA,MACvBC,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEFC,QAAQ;AAAA,IACNC,OAAO;AAAA,IACP,kBAAkB;AAAA,MAChBC,OAAOA,CAACX,MAAiBA,EAAMY,QAAQC,KAAKC;AAAAA,IAAAA;AAAAA,EAC9C;AAEJ;"}

package/dist/styles-cohnxh9F.js

@@ -0,0 +1,23 @@
+const t = {
+  graph: {
+    /**
+     * Common container style for chart widget skeletons
+     */
+    container: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between",
+      flexDirection: "column",
+      gap: ({
+        spacing: e
+      }) => e(1),
+      height: ({
+        spacing: e
+      }) => e(38)
+    }
+  }
+};
+export {
+  t as b
+};
+//# sourceMappingURL=styles-cohnxh9F.js.map

package/dist/styles-cohnxh9F.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-cohnxh9F.js","sources":["../src/widgets/_shared/skeleton/styles.ts"],"sourcesContent":["import type { Theme } from '@mui/material'\n\n/**\n * Base skeleton styles shared across all chart widgets\n */\nexport const baseSkeletonStyles = {\n  graph: {\n    /**\n     * Common container style for chart widget skeletons\n     */\n    container: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      flexDirection: 'column',\n      gap: ({ spacing }: Theme) => spacing(1),\n      height: ({ spacing }: Theme) => spacing(38),\n    },\n  },\n} as const\n"],"names":["baseSkeletonStyles","graph","container","display","alignItems","justifyContent","flexDirection","gap","spacing","height"],"mappings":"AAKO,MAAMA,IAAqB;AAAA,EAChCC,OAAO;AAAA;AAAA;AAAA;AAAA,IAILC,WAAW;AAAA,MACTC,SAAS;AAAA,MACTC,YAAY;AAAA,MACZC,gBAAgB;AAAA,MAChBC,eAAe;AAAA,MACfC,KAAKA,CAAC;AAAA,QAAEC,SAAAA;AAAAA,MAAAA,MAAqBA,EAAQ,CAAC;AAAA,MACtCC,QAAQA,CAAC;AAAA,QAAED,SAAAA;AAAAA,MAAAA,MAAqBA,EAAQ,EAAE;AAAA,IAAA;AAAA,EAC5C;AAEJ;"}

package/dist/types/widgets/_shared/chart-config/config-factory.d.ts

@@ -0,0 +1,44 @@
+import { EchartOptionsProps, EchartWidgetData, EchartWidgetConfig } from '../../echart';
+import { BaseConfig } from '../../config-loader';
+import { Ref } from 'react';
+/**
+ * Base configuration interface for chart widgets
+ */
+export interface ChartWidgetBaseConfig<TData = EchartWidgetData> extends Omit<BaseConfig, 'data'> {
+    data?: TData;
+}
+/**
+ * Parameters for creating a chart widget configuration
+ */
+export interface CreateChartWidgetConfigParams<TData = EchartWidgetData, TConfig extends ChartWidgetBaseConfig<TData> = ChartWidgetBaseConfig<TData>, TType extends string = string> {
+    /** Widget type identifier (e.g., 'bar', 'pie', 'histogram') */
+    type: TType;
+    /** Function to get EChart options from config */
+    getOptions: (config: Omit<TConfig, 'refUI'>) => EchartOptionsProps;
+    /** Function to create CSV data from widget data */
+    csvModifier: (data: TData) => string[][];
+}
+/**
+ * Return type of the chart widget config function
+ */
+export type ChartWidgetConfigResult<TData = EchartWidgetData, TConfig extends ChartWidgetBaseConfig<TData> = ChartWidgetBaseConfig<TData>, TType extends string = string> = Omit<TConfig, 'data' | 'refUI'> & EchartWidgetConfig<TData> & {
+    type: TType;
+};
+/**
+ * Factory function to create a standardized chart widget config function.
+ * This eliminates duplication across chart widgets by providing a common structure.
+ *
+ * @example
+ * ```ts
+ * export const barConfig = createChartWidgetConfig({
+ *   type: 'bar' as const,
+ *   getOptions: ({ data, theme }) => ({
+ *     // EChart configuration
+ *   }),
+ *   csvModifier: (data) => flattenObjectArrayToCSV(data),
+ * })
+ * ```
+ */
+export declare function createChartWidgetConfig<TData = EchartWidgetData, TConfig extends ChartWidgetBaseConfig<TData> = ChartWidgetBaseConfig<TData>, TType extends string = string>({ type, getOptions, csvModifier, }: CreateChartWidgetConfigParams<TData, TConfig, TType>): (config: TConfig & {
+    refUI?: Ref<HTMLElement | null>;
+}) => ChartWidgetConfigResult<TData, TConfig, TType>;

package/dist/types/widgets/_shared/chart-config/csv-modifiers.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Shared CSV export modifiers for chart widgets
+ */
+/**
+ * Flattens object array data into CSV-ready rows.
+ * Used by bar, pie, histogram, and timeseries widgets.
+ *
+ * @param data - Array of series, where each series is an array of data objects
+ * @returns CSV rows with headers and values
+ */
+export declare function flattenObjectArrayToCSV<T extends Record<string, unknown>>(data: T[][]): string[][];
+/**
+ * Creates CSV rows for scatterplot data.
+ * Scatterplot uses array format [x, y] instead of objects.
+ *
+ * @param data - Array of series, where each series is an array of [x, y] tuples
+ * @returns CSV rows with ['x', 'y'] headers
+ */
+export declare function scatterplotDataToCSV(data: number[][][]): string[][];

package/dist/types/widgets/_shared/chart-config/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Shared utilities for chart widget configuration
+ */
+export { createChartWidgetConfig } from './config-factory';
+export type { ChartWidgetBaseConfig, CreateChartWidgetConfigParams, } from './config-factory';
+export { flattenObjectArrayToCSV, scatterplotDataToCSV } from './csv-modifiers';
+export { buildLegendConfig, buildGridConfig, createTooltipPositioner, } from './option-builders';

package/dist/types/widgets/_shared/chart-config/option-builders.d.ts

@@ -0,0 +1,39 @@
+import { Theme } from '@mui/material';
+import { GridComponentOption } from 'echarts';
+/**
+ * Shared EChart configuration builders for chart widgets
+ */
+/**
+ * Builds standard legend configuration for chart widgets
+ *
+ * @param hasLegend - Whether to show the legend
+ * @returns Legend configuration object
+ */
+export declare function buildLegendConfig(hasLegend: boolean): {
+    show: boolean;
+    icon: "circle";
+    left: number;
+    bottom: number;
+};
+/**
+ * Builds standard grid configuration with legend-aware spacing
+ *
+ * @param hasLegend - Whether the chart has a legend
+ * @param theme - MUI theme for spacing
+ * @param additionalConfig - Additional grid configuration to merge
+ * @returns Grid configuration object
+ */
+export declare function buildGridConfig(hasLegend: boolean, theme: Theme, additionalConfig?: Record<string, GridComponentOption>): {
+    bottom?: number | undefined;
+};
+/**
+ * Creates a tooltip position calculator that handles overflow
+ * Used by bar, histogram, and scatterplot widgets
+ *
+ * @param theme - MUI theme for spacing
+ * @returns Tooltip position function
+ */
+export declare function createTooltipPositioner(theme: Theme): (point: [number, number], _params: unknown, _dom: unknown, _rect: unknown, size: {
+    contentSize: [number, number];
+    viewSize: [number, number];
+}) => Record<string, number>;

package/dist/types/widgets/_shared/skeleton/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Shared skeleton styles for chart widgets
+ */
+export { baseSkeletonStyles } from './styles';

package/dist/types/widgets/_shared/skeleton/styles.d.ts

@@ -0,0 +1,19 @@
+import { Theme } from '@mui/material';
+/**
+ * Base skeleton styles shared across all chart widgets
+ */
+export declare const baseSkeletonStyles: {
+    readonly graph: {
+        /**
+         * Common container style for chart widget skeletons
+         */
+        readonly container: {
+            readonly display: "flex";
+            readonly alignItems: "center";
+            readonly justifyContent: "space-between";
+            readonly flexDirection: "column";
+            readonly gap: ({ spacing }: Theme) => string;
+            readonly height: ({ spacing }: Theme) => string;
+        };
+    };
+};

package/dist/types/widgets/actions/download/download.d.ts

@@ -0,0 +1,2 @@
+import { DownloadProps } from './types';
+export declare function Download({ id, labels, Icon, IconButtonProps, }: DownloadProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/types/widgets/actions/download/exports.d.ts

@@ -0,0 +1,6 @@
+import { Ref } from 'react';
+import { DownloadItem } from './types';
+export declare const downloadToCSV: DownloadItem<unknown[][]>;
+export declare const downloadToPNG: Omit<DownloadItem<unknown[][]>, 'modifier'> & {
+    modifier: (ref: Ref<HTMLElement | null> | undefined) => Promise<string | undefined>;
+};

package/dist/types/widgets/actions/download/types.d.ts

@@ -0,0 +1,29 @@
+import { JSX, ReactNode } from 'react';
+import { BaseWidgetState } from '../../stores/types';
+import { IconButtonProps } from '@mui/material';
+export interface DownloadItem<D = unknown> {
+    id: string;
+    label: string;
+    icon?: JSX.Element;
+    disabled?: boolean;
+    filename?: string;
+    modifier: (data: D) => Promise<string | undefined>;
+    callback?: (data: string) => void;
+}
+export type DownloadState<T = unknown, D = unknown> = BaseWidgetState<T & DownloadConfigProps<D>>;
+export interface DownloadConfig<D = unknown> {
+    enabled?: boolean;
+    isDownloading: boolean;
+    items: DownloadItem<D>[];
+}
+export interface DownloadConfigProps<D = unknown> {
+    downloadConfig: DownloadConfig<D>;
+}
+export interface DownloadProps {
+    id: DownloadState['id'];
+    labels?: {
+        ariaLabel?: string;
+    };
+    IconButtonProps?: IconButtonProps;
+    Icon?: ReactNode;
+}

package/dist/types/widgets/actions/fullscreen/fullscreen.d.ts

@@ -0,0 +1,2 @@
+import { FullScreenProps } from './types';
+export declare function FullScreen({ id, labels, children, Icon, IconButtonProps, }: FullScreenProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/types/widgets/actions/fullscreen/styles.d.ts

@@ -0,0 +1,10 @@
+export declare const styles: {
+    title: {
+        container: {
+            display: "flex";
+            alignItems: "center";
+            justifyContent: "space-between";
+            gap: number;
+        };
+    };
+};

package/dist/types/widgets/actions/fullscreen/types.d.ts

@@ -0,0 +1,21 @@
+import { IconButtonProps } from '@mui/material';
+import { ReactNode } from 'react';
+import { BaseWidgetState } from 'src/widgets/stores/types';
+export type FullScreenState<T = unknown> = BaseWidgetState<T & FullScreenConfigProps>;
+export interface FullScreenConfig {
+    enabled?: boolean;
+    isFullScreen?: boolean;
+}
+export interface FullScreenConfigProps {
+    fullScreenConfig: FullScreenConfig;
+}
+export interface FullScreenProps {
+    id: FullScreenState['id'];
+    labels: {
+        title: string;
+        ariaLabel?: string;
+    };
+    children: ReactNode;
+    IconButtonProps?: IconButtonProps;
+    Icon?: ReactNode;
+}

package/dist/types/widgets/actions/index.d.ts

@@ -0,0 +1,5 @@
+export { FullScreen } from './fullscreen/fullscreen';
+export type { FullScreenState, FullScreenConfig } from './fullscreen/types';
+export { Download } from './download/download';
+export type { DownloadState, DownloadItem, DownloadConfig, } from './download/types';
+export { downloadToCSV, downloadToPNG } from './download/exports';

package/dist/types/widgets/bar/config.d.ts

@@ -0,0 +1,4 @@
+import { BarConfig } from './types';
+export declare const barConfig: (config: BarConfig & {
+    refUI?: import('react').Ref<HTMLElement | null>;
+}) => import('../_shared/chart-config/config-factory').ChartWidgetConfigResult<import('../echart').EchartWidgetData, BarConfig, "bar">;

package/dist/types/widgets/bar/index.d.ts

@@ -0,0 +1,3 @@
+export type { BarProps, BarWidgetData, BarWidgetState, BarWidgetConfig, } from './types';
+export { barConfig } from './config';
+export { BarSkeleton } from './skeleton';

package/dist/types/widgets/bar/skeleton.d.ts

@@ -0,0 +1 @@
+export declare function BarSkeleton(): import("react/jsx-runtime").JSX.Element;

package/dist/types/widgets/bar/style.d.ts

@@ -0,0 +1,37 @@
+import { Theme } from '@mui/material';
+export declare const styles: {
+    skeleton: {
+        item: {
+            flex: number;
+            maxWidth: ({ spacing }: Theme) => string;
+            '& + &': {
+                marginLeft: ({ spacing }: Theme) => string;
+            };
+        };
+        graph: {
+            grid: {
+                display: "flex";
+                justifyContent: "space-between";
+                flex: "1 1 auto";
+                alignItems: "flex-end";
+                width: "100%";
+            };
+            container: {
+                readonly display: "flex";
+                readonly alignItems: "center";
+                readonly justifyContent: "space-between";
+                readonly flexDirection: "column";
+                readonly gap: ({ spacing }: Theme) => string;
+                readonly height: ({ spacing }: Theme) => string;
+            };
+        };
+        mask: {
+            gray: {
+                backgroundColor: ({ palette }: Theme) => string;
+            };
+            white: {
+                backgroundColor: ({ palette }: Theme) => string;
+            };
+        };
+    };
+};

package/dist/types/widgets/bar/types.d.ts

@@ -0,0 +1,15 @@
+import { BaseWidgetProps } from '../widget/types';
+import { BaseConfig } from '../config-loader';
+import { EchartWidgetConfig, EchartWidgetData, EchartWidgetState } from '../echart';
+export interface BarProps extends BaseWidgetProps<BarWidgetConfig> {
+    type: 'bar';
+    data: BarWidgetData | undefined;
+}
+export type BarWidgetData = EchartWidgetData;
+export type BarWidgetState = EchartWidgetState;
+export type BarWidgetConfig = BarConfig & EchartWidgetConfig & {
+    type: BarProps['type'];
+};
+export interface BarConfig extends Omit<BaseConfig, 'data'> {
+    data?: BarWidgetData;
+}

package/dist/types/widgets/config-loader/index.d.ts

@@ -0,0 +1,2 @@
+export * from './use-config';
+export * from './types';

package/dist/types/widgets/config-loader/types.d.ts

@@ -0,0 +1,12 @@
+import { Theme } from '@mui/material';
+import { WidgetState } from 'src/widgets/stores/types';
+export interface ConfigProps<T> {
+    id: WidgetState['id'];
+    defaultConfig: (props: BaseConfig) => T;
+    config?: (props: T) => T;
+}
+export interface BaseConfig {
+    refUI?: WidgetState['refUI'];
+    theme: Theme;
+    data: WidgetState['data'];
+}