@carto/ps-react-ui 4.2.7 → 5.0.0-widgets.1

package/dist/widgets/echart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"echart.js","sources":["../../src/widgets/echart/echart-ui.tsx","../../src/widgets/echart/echart.tsx"],"sourcesContent":["import { useEffect, useRef, useImperativeHandle } from 'react'\nimport * as echarts from 'echarts'\nimport type { EchartUIProps } from './types'\nimport { useWidgetStore } from '../stores/widget-store'\n\nexport function EchartUI({\n  id,\n  ref,\n  init,\n  option,\n  className,\n  style,\n  onEvents,\n}: EchartUIProps) {\n  const chartRef = useRef<HTMLDivElement>(null)\n  const chartInstance = useRef<echarts.ECharts>(null)\n  const resizeObserverRef = useRef<ResizeObserver | null>(null)\n\n  const setWidget = useWidgetStore((state) => state.setWidget)\n\n  // Register chart instance in the widget store\n  useEffect(() => {\n    setWidget(id, { refUI: chartRef })\n  }, [id, setWidget])\n\n  useImperativeHandle(ref, () => chartInstance.current!, [])\n\n  useEffect(() => {\n    if (!chartRef.current) return\n\n    chartInstance.current = echarts.init(chartRef.current, null, {\n      renderer: 'svg',\n      height: 304,\n      ...init,\n    })\n    // Cleanup function\n    return () => {\n      chartInstance.current?.dispose()\n      chartInstance.current = null\n    }\n  }, [init])\n\n  // Update chart when options change\n  useEffect(() => {\n    chartInstance.current?.setOption(option, {\n      lazyUpdate: true,\n      // notMerge: true,\n    })\n  }, [option])\n\n  // Handle resize using ResizeObserver\n  useEffect(() => {\n    const handleResize = () => {\n      chartInstance.current?.resize()\n    }\n\n    resizeObserverRef.current = new ResizeObserver(handleResize)\n    resizeObserverRef.current.observe(chartRef.current!)\n\n    return () => {\n      resizeObserverRef.current?.disconnect()\n      resizeObserverRef.current = null\n    }\n  }, [])\n\n  useEffect(() => {\n    const _onEvents = { ...(onEvents ?? {}) }\n    if (!_onEvents.click) {\n      _onEvents.mousemove = () => {\n        chartInstance.current?.getZr().setCursorStyle('default')\n      }\n    }\n\n    // Attach event listeners\n    Object.entries(_onEvents).forEach(([event, handler]) => {\n      chartInstance.current?.on(event, handler)\n    })\n    // Cleanup function to remove event listeners\n    return () => {\n      Object.entries(_onEvents).forEach(([event]) => {\n        chartInstance.current?.off(event)\n      })\n    }\n  }, [onEvents])\n\n  return <div id={id} ref={chartRef} style={style} className={className} />\n}\n","import type {\n  EchartProps,\n  EchartWidgetState,\n  EchartWidgetData,\n  EchartOptionsProps,\n} from './types'\nimport { EchartUI } from './echart-ui'\nimport { useWidgetStore } from '../stores/widget-store'\nimport { useShallow } from 'zustand/shallow'\nimport { useMemo } from 'react'\n\nexport function Echart(props: EchartProps) {\n  const widget = useWidgetStore(\n    useShallow((state) => {\n      const widget = state.getWidget<EchartWidgetState>(props.id)\n      return {\n        id: widget?.id,\n        data: widget?.data as EchartWidgetData | undefined,\n        option: widget?.option,\n        onEvents: widget?.onEvents,\n        init: widget?.init,\n      }\n    }),\n  )\n\n  // Memoize dataset transformation to avoid re-computing on every render\n  const dataset = useMemo(() => buildDataset(widget.data), [widget.data])\n\n  if (!widget.id) {\n    return null\n  }\n  const option: EchartOptionsProps = {\n    ...widget.option,\n    ...(dataset && { dataset }),\n  }\n\n  const onEvents = widget.onEvents\n  const init = widget.init\n\n  return (\n    <EchartUI id={props.id} option={option} onEvents={onEvents} init={init} />\n  )\n}\n\n/**\n * Builds the dataset configuration from widget data\n * @param data - The widget data array\n * @returns The dataset configuration for ECharts\n */\nfunction buildDataset(\n  data: EchartWidgetData | undefined,\n): EchartOptionsProps['dataset'] {\n  if (!data || data.length === 0) {\n    return undefined\n  }\n\n  return data.map((d) => ({\n    source: d,\n  }))\n}\n"],"names":["EchartUI","t0","$","_c","id","ref","init","option","className","style","onEvents","chartRef","useRef","chartInstance","resizeObserverRef","setWidget","useWidgetStore","_temp","t1","t2","refUI","useEffect","t3","t4","Symbol","for","current","useImperativeHandle","t5","t6","echarts","renderer","height","dispose","t7","t8","setOption","lazyUpdate","t10","t9","handleResize","resize","ResizeObserver","observe","disconnect","t11","t12","_onEvents","click","mousemove","getZr","setCursorStyle","Object","entries","forEach","t13","event","handler","on","t14","event_0","off","state","Echart","props","widget","getWidget","data","widget_0","useShallow","buildDataset","dataset","length","map","d","source"],"mappings":"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"}

package/dist/widgets/formula.js

@@ -0,0 +1,124 @@
+import { I as F, S as D, P, a as W } from "../series-6xp-KQ0S.js";
+import { jsx as l, jsxs as k, Fragment as C } from "react/jsx-runtime";
+import { c as S } from "react/compiler-runtime";
+import { u as y } from "../widget-store-DNyVElxd.js";
+import { useShallow as R } from "zustand/shallow";
+import { R as T, s as _ } from "../row-C_m1ovHv.js";
+import { Box as I, Skeleton as $ } from "@mui/material";
+import "@mui/icons-material";
+import { useRef as b, useEffect as j } from "react";
+import { d as v, a as w } from "../exports-Cr43OCul.js";
+import "../lasso-tool-CYn3ivf-.js";
+import "../cjs-D9ro6BXv.js";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "@dnd-kit/utilities";
+const z = (e) => e.toString();
+function U(e) {
+  const t = S(16);
+  let o, i, n;
+  t[0] !== e ? ({
+    id: o,
+    index: n,
+    ...i
+  } = e, t[0] = e, t[1] = o, t[2] = i, t[3] = n) : (o = t[1], i = t[2], n = t[3]);
+  const f = n === void 0 ? 0 : n;
+  let r;
+  t[4] !== o || t[5] !== f ? (r = (p) => {
+    const h = p.getWidget(o);
+    return {
+      value: h?.data?.[f]?.value,
+      color: h?.data?.[f]?.color,
+      formatter: h?.formatter
+    };
+  }, t[4] = o, t[5] = f, t[6] = r) : r = t[6];
+  const {
+    value: d,
+    color: u,
+    formatter: a
+  } = y(R(r)), x = a === void 0 ? z : a;
+  let s;
+  t[7] !== u ? (s = {
+    color: u
+  }, t[7] = u, t[8] = s) : s = t[8];
+  const g = d ?? 0;
+  let m;
+  t[9] !== x || t[10] !== g ? (m = x(g), t[9] = x, t[10] = g, t[11] = m) : m = t[11];
+  let c;
+  return t[12] !== i || t[13] !== s || t[14] !== m ? (c = /* @__PURE__ */ l(F, { TypographyProps: s, ...i, children: m }), t[12] = i, t[13] = s, t[14] = m, t[15] = c) : c = t[15], c;
+}
+function tt({
+  refUI: e
+}) {
+  return [{
+    ...v,
+    modifier: () => v.modifier(e)
+  }, {
+    ...w,
+    modifier: async (t) => {
+      const o = [t?.map((i) => i.value) ?? []];
+      return w.modifier(o);
+    }
+  }];
+}
+function et() {
+  return {
+    series: []
+  };
+}
+function it(e) {
+  const t = S(9), o = b(null), i = y(V);
+  let n, f;
+  t[0] !== e.id || t[1] !== i ? (n = () => {
+    o.current && i(e.id, {
+      refUI: o
+    });
+  }, f = [e.id, i], t[0] = e.id, t[1] = i, t[2] = n, t[3] = f) : (n = t[2], f = t[3]), j(n, f);
+  let r;
+  t[4] !== e.id ? (r = (u) => {
+    const {
+      index: a
+    } = u;
+    return /* @__PURE__ */ k(C, { children: [
+      /* @__PURE__ */ l(D, { id: e.id, index: a }),
+      /* @__PURE__ */ l(P, { id: e.id, index: a }),
+      /* @__PURE__ */ l(U, { id: e.id, index: a }),
+      /* @__PURE__ */ l(W, { id: e.id, index: a })
+    ] });
+  }, t[4] = e.id, t[5] = r) : r = t[5];
+  let d;
+  return t[6] !== e.id || t[7] !== r ? (d = /* @__PURE__ */ l(I, { ref: o, children: /* @__PURE__ */ l(T, { id: e.id, children: r }) }), t[6] = e.id, t[7] = r, t[8] = d) : d = t[8], d;
+}
+function V(e) {
+  return e.setWidget;
+}
+function ot() {
+  const e = S(1);
+  let t;
+  return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ l(I, { sx: _.row, "aria-label": "Formula skeleton", children: /* @__PURE__ */ l($, { width: 120, height: 32 }) }), e[0] = t) : t = e[0], t;
+}
+function B(e) {
+  return {
+    ...e,
+    prefix: typeof e.prefix == "string" ? e.prefix : void 0,
+    suffix: typeof e.suffix == "string" ? e.suffix : void 0
+  };
+}
+function rt(e) {
+  return e?.map(B);
+}
+export {
+  ot as FormulaSkeleton,
+  it as FormulaUI,
+  F as Item,
+  P as Prefix,
+  T as Row,
+  D as Series,
+  W as Suffix,
+  U as Value,
+  et as formulaConfig,
+  tt as formulaDownloadConfig,
+  B as sanitizeDataItem,
+  rt as sanitizeDataItems
+};
+//# sourceMappingURL=formula.js.map

package/dist/widgets/formula.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formula.js","sources":["../../src/widgets/formula/components/value.tsx","../../src/widgets/formula/config.ts","../../src/widgets/formula/formula-ui.tsx","../../src/widgets/formula/skeleton.tsx","../../src/widgets/formula/serializer.ts"],"sourcesContent":["import { type FormulaWidgetState, type ValueProps } from '../types'\nimport { useWidgetStore } from '../../stores/widget-store'\nimport { Item } from './item'\nimport { useShallow } from 'zustand/shallow'\n\nconst defaultFormatter = (value: number) => value.toString()\n\nexport function Value({ id, index = 0, ...props }: ValueProps) {\n  const {\n    value,\n    color,\n    formatter = defaultFormatter,\n  } = useWidgetStore(\n    useShallow((state) => {\n      const widget = state.getWidget<FormulaWidgetState>(id)\n      return {\n        value: widget?.data?.[index]?.value,\n        color: widget?.data?.[index]?.color,\n        formatter: widget?.formatter,\n      }\n    }),\n  )\n\n  return (\n    <Item TypographyProps={{ color }} {...props}>\n      {formatter(value ?? 0)}\n    </Item>\n  )\n}\n","import { downloadToCSV, downloadToPNG } from '../actions'\nimport type { ConfigProps } from '../root/types'\nimport type { FormulaDownloadConfig, FormulaWidgetConfig } from './types'\n\nexport function formulaDownloadConfig({\n  refUI,\n}: ConfigProps): FormulaDownloadConfig {\n  return [\n    {\n      ...downloadToPNG,\n      modifier: () => downloadToPNG.modifier(refUI),\n    },\n    {\n      ...downloadToCSV,\n      modifier: async (data) => {\n        const formulaData = [data?.map((item) => item.value) ?? []]\n        return downloadToCSV.modifier(formulaData)\n      },\n    },\n  ]\n}\n\nexport function formulaConfig(): FormulaWidgetConfig {\n  return {\n    series: [],\n  }\n}\n","import type { FormulaUIProps } from './types'\nimport { Row } from './components/row'\nimport { Value } from './components/value'\nimport { Prefix } from './components/prefix'\nimport { Suffix } from './components/suffix'\nimport { Series } from './components/series'\nimport { useRef, useEffect } from 'react'\nimport { useWidgetStore } from '../stores/widget-store'\nimport { Box } from '@mui/material'\n\nexport function FormulaUI(props: FormulaUIProps) {\n  const ref = useRef<HTMLElement | null>(null)\n  const setWidget = useWidgetStore((store) => store.setWidget)\n\n  useEffect(() => {\n    if (ref.current) {\n      setWidget(props.id, { refUI: ref })\n    }\n  }, [props.id, setWidget])\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            <Value id={props.id} index={index} />\n            <Suffix id={props.id} index={index} />\n          </>\n        )}\n      </Row>\n    </Box>\n  )\n}\n","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","import type { DataItem } from './types'\n\n/**\n * Sanitizes DataItem by converting ReactNode prefix/suffix values to undefined.\n * This ensures only string values are stored in the widget state.\n *\n * @param item - The DataItem to sanitize\n * @returns A new DataItem with ReactNode prefix/suffix values converted to undefined\n */\nexport function sanitizeDataItem(item: DataItem): DataItem {\n  return {\n    ...item,\n    prefix: typeof item.prefix === 'string' ? item.prefix : undefined,\n    suffix: typeof item.suffix === 'string' ? item.suffix : undefined,\n  }\n}\n\n/**\n * Sanitizes an array of DataItems by converting ReactNode prefix/suffix values to undefined.\n *\n * @param items - Array of DataItems to sanitize\n * @returns A new array with sanitized DataItems\n */\nexport function sanitizeDataItems(\n  items: DataItem[] | undefined,\n): DataItem[] | undefined {\n  return items?.map(sanitizeDataItem)\n}\n"],"names":["defaultFormatter","value","toString","Value","t0","$","_c","id","props","t1","index","undefined","t2","state","widget","getWidget","data","color","formatter","t3","useWidgetStore","useShallow","t4","t5","t6","t7","Item","formulaDownloadConfig","refUI","downloadToPNG","modifier","downloadToCSV","formulaData","map","item","formulaConfig","series","FormulaUI","ref","useRef","setWidget","_temp","current","useEffect","jsxs","Fragment","jsx","Series","Prefix","Suffix","Box","Row","store","FormulaSkeleton","Symbol","for","styles","row","Skeleton","sanitizeDataItem","prefix","suffix","sanitizeDataItems","items"],"mappings":"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"}

package/dist/widgets/histogram.js

@@ -0,0 +1,175 @@
+import { jsx as o, jsxs as c } from "react/jsx-runtime";
+import { c as f } from "react/compiler-runtime";
+import "react";
+import "echarts";
+import "../widget-store-DNyVElxd.js";
+import "zustand/shallow";
+import { g } from "../options-D9wflre6.js";
+import { m } from "../utils-Dv5Z47UQ.js";
+import { f as u, c as h, b as y, a as d, d as b } from "../styles-dOu_pRNb.js";
+import { Box as n, Skeleton as l } from "@mui/material";
+import "@mui/icons-material";
+import { d as a, a as s } from "../exports-Cr43OCul.js";
+import "../lasso-tool-CYn3ivf-.js";
+import "../cjs-D9ro6BXv.js";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "@dnd-kit/utilities";
+function H({
+  refUI: t
+}) {
+  return [{
+    ...a,
+    modifier: () => a.modifier(t)
+  }, {
+    ...s,
+    modifier: async (e) => {
+      const i = u(e);
+      return s.modifier(i);
+    }
+  }];
+}
+function W(t) {
+  return {
+    type: "histogram",
+    option: m(g(t), x(t))
+  };
+}
+function x({
+  data: t = [],
+  theme: e
+}) {
+  const i = (t?.length ?? 0) > 1;
+  return {
+    legend: d(i),
+    grid: y(i, e),
+    xAxis: {
+      type: "category",
+      axisLine: {
+        show: !1
+      },
+      axisLabel: {
+        fontSize: e.typography.overlineDelicate.fontSize,
+        fontFamily: e.typography.overlineDelicate.fontFamily,
+        showMinLabel: !0,
+        showMaxLabel: !0,
+        hideOverlap: !0,
+        margin: 0,
+        padding: [parseInt(e.spacing(0.5)), parseInt(e.spacing(0.5)), 0, parseInt(e.spacing(0.5))],
+        color: e.palette.black[60]
+      },
+      axisTick: {
+        show: !1
+      },
+      splitLine: {
+        show: !0,
+        lineStyle: {
+          color: e.palette.black[4]
+        }
+      }
+    },
+    yAxis: {
+      type: "value",
+      showMaxLabel: !0,
+      showMinLabel: !0,
+      splitNumber: 1,
+      axisLabel: {
+        fontSize: e.typography.overlineDelicate.fontSize,
+        fontFamily: e.typography.overlineDelicate.fontFamily,
+        margin: parseInt(e.spacing(1)),
+        show: !0,
+        showMaxLabel: !0,
+        showMinLabel: !0,
+        verticalAlign: "bottom"
+      },
+      axisLine: {
+        show: !1
+      },
+      axisTick: {
+        show: !1
+      },
+      splitLine: {
+        show: !0,
+        lineStyle: {
+          color: e.palette.black[4]
+        }
+      }
+    },
+    tooltip: {
+      position: h(e)
+    },
+    series: t.map((r, p) => ({
+      datasetIndex: p,
+      type: "bar",
+      barGap: "1%",
+      // No gap between bars in histogram
+      barCategoryGap: "1%",
+      // No gap between categories in histogram
+      emphasis: {
+        focus: "series"
+      }
+    }))
+  };
+}
+const w = {
+  skeleton: {
+    graph: b.graph
+  }
+};
+function q() {
+  const t = f(2);
+  let e;
+  t[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ o(n, { sx: {
+    display: "flex",
+    alignItems: "flex-end",
+    justifyContent: "space-between",
+    gap: k,
+    height: C,
+    width: "100%"
+  }, children: Array(8).fill(0).map(S) }), t[0] = e) : e = t[0];
+  let i;
+  return t[1] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ c(n, { sx: w.skeleton.graph.container, children: [
+    e,
+    /* @__PURE__ */ o(n, { sx: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between",
+      width: "100%",
+      mt: L
+    }, children: Array(4).fill(0).map(_) })
+  ] }), t[1] = i) : i = t[1], i;
+}
+function _(t, e) {
+  return /* @__PURE__ */ o(l, { width: 32, height: 8 }, e);
+}
+function L(t) {
+  const {
+    spacing: e
+  } = t;
+  return e(1);
+}
+function S(t, e) {
+  const r = `${[60, 80, 95, 85, 70, 55, 40, 30][e]}%`;
+  return /* @__PURE__ */ o(l, { variant: "rectangular", sx: {
+    flex: 1,
+    height: r
+  } }, e);
+}
+function C(t) {
+  const {
+    spacing: e
+  } = t;
+  return e(30);
+}
+function k(t) {
+  const {
+    spacing: e
+  } = t;
+  return e(0.5);
+}
+export {
+  q as HistogramSkeleton,
+  W as histogramConfig,
+  H as histogramDownloadConfig
+};
+//# sourceMappingURL=histogram.js.map

package/dist/widgets/histogram.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"histogram.js","sources":["../../src/widgets/histogram/config.ts","../../src/widgets/histogram/style.ts","../../src/widgets/histogram/skeleton.tsx"],"sourcesContent":["import {\n  getCommonOptions,\n  mergeEchartWidgetConfig,\n  type EchartOptionsProps,\n} from '../echart'\nimport type {\n  HistogramConfig,\n  HistogramWidgetConfig,\n  HistogramWidgetData,\n} from './types'\nimport {\n  flattenObjectArrayToCSV,\n  buildLegendConfig,\n  buildGridConfig,\n  createTooltipPositioner,\n} from '../_shared/chart-config'\nimport { downloadToCSV, downloadToPNG, type DownloadItem } from '../actions'\nimport type { ConfigProps } from '../root/types'\n\nexport function histogramDownloadConfig({\n  refUI,\n}: ConfigProps): DownloadItem<HistogramWidgetData>[] {\n  return [\n    {\n      ...downloadToPNG,\n      modifier: () => downloadToPNG.modifier(refUI),\n    },\n    {\n      ...downloadToCSV,\n      modifier: async (data) => {\n        const rows = flattenObjectArrayToCSV(data)\n        return downloadToCSV.modifier(rows)\n      },\n    },\n  ]\n}\nexport function histogramConfig(props: HistogramConfig): HistogramWidgetConfig {\n  return {\n    type: 'histogram',\n    option: mergeEchartWidgetConfig(getCommonOptions(props), getOption(props)),\n  }\n}\nfunction getOption({ data = [], theme }: HistogramConfig): EchartOptionsProps {\n  const hasLegend = (data?.length ?? 0) > 1\n  return {\n    legend: buildLegendConfig(hasLegend),\n    grid: buildGridConfig(hasLegend, theme),\n    xAxis: {\n      type: 'category',\n      axisLine: {\n        show: false,\n      },\n      axisLabel: {\n        fontSize: theme.typography.overlineDelicate.fontSize,\n        fontFamily: theme.typography.overlineDelicate.fontFamily,\n        showMinLabel: true,\n        showMaxLabel: true,\n        hideOverlap: true,\n        margin: 0,\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      axisTick: {\n        show: false,\n      },\n      splitLine: {\n        show: true,\n        lineStyle: {\n          color: theme.palette.black[4],\n        },\n      },\n    },\n    yAxis: {\n      type: 'value',\n      showMaxLabel: true,\n      showMinLabel: true,\n      splitNumber: 1,\n      axisLabel: {\n        fontSize: theme.typography.overlineDelicate.fontSize,\n        fontFamily: theme.typography.overlineDelicate.fontFamily,\n        margin: parseInt(theme.spacing(1)),\n        show: true,\n        showMaxLabel: true,\n        showMinLabel: true,\n        verticalAlign: 'bottom',\n      },\n      axisLine: {\n        show: false,\n      },\n      axisTick: {\n        show: false,\n      },\n      splitLine: {\n        show: true,\n        lineStyle: {\n          color: theme.palette.black[4],\n        },\n      },\n    },\n    tooltip: {\n      position: createTooltipPositioner(theme),\n    },\n    series: data.map((_: unknown, index: number) => ({\n      datasetIndex: index,\n      type: 'bar',\n      barGap: '1%', // No gap between bars in histogram\n      barCategoryGap: '1%', // No gap between categories in histogram\n      emphasis: {\n        focus: 'series',\n      },\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: baseSkeletonStyles.graph,\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nexport function HistogramSkeleton() {\n  return (\n    <Box sx={styles.skeleton.graph.container}>\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'flex-end',\n          justifyContent: 'space-between',\n          gap: ({ spacing }) => spacing(0.5),\n          height: ({ spacing }) => spacing(30),\n          width: '100%',\n        }}\n      >\n        {Array(8)\n          .fill(0)\n          .map((_, i) => {\n            // Create varying heights for histogram bars\n            const heights = [60, 80, 95, 85, 70, 55, 40, 30]\n            const height = `${heights[i]}%`\n            return (\n              <Skeleton\n                key={i}\n                variant='rectangular'\n                sx={{\n                  flex: 1,\n                  height,\n                }}\n              />\n            )\n          })}\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n          width: '100%',\n          mt: ({ spacing }) => spacing(1),\n        }}\n      >\n        {Array(4)\n          .fill(0)\n          .map((_, i) => (\n            <Skeleton key={i} width={32} height={8} />\n          ))}\n      </Box>\n    </Box>\n  )\n}\n"],"names":["histogramDownloadConfig","refUI","downloadToPNG","modifier","downloadToCSV","data","rows","flattenObjectArrayToCSV","histogramConfig","props","type","option","mergeEchartWidgetConfig","getCommonOptions","getOption","theme","hasLegend","length","legend","buildLegendConfig","grid","buildGridConfig","xAxis","axisLine","show","axisLabel","fontSize","typography","overlineDelicate","fontFamily","showMinLabel","showMaxLabel","hideOverlap","margin","padding","parseInt","spacing","color","palette","black","axisTick","splitLine","lineStyle","yAxis","splitNumber","verticalAlign","tooltip","position","createTooltipPositioner","series","map","_","index","datasetIndex","barGap","barCategoryGap","emphasis","focus","styles","skeleton","graph","baseSkeletonStyles","HistogramSkeleton","$","_c","t0","Symbol","for","jsx","Box","display","alignItems","justifyContent","gap","_temp","height","_temp2","width","Array","fill","_temp3","t1","container","mt","_temp4","_temp5","__0","i_0","Skeleton","spacing_1","i","flex","spacing_0"],"mappings":"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"}

package/dist/widgets/markdown.js

@@ -0,0 +1,127 @@
+import { jsx as i, jsxs as f } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
+import { u } from "../widget-store-DNyVElxd.js";
+import { useShallow as g } from "zustand/shallow";
+import { ListItem as w, List as d, Link as k, Typography as m, Skeleton as s, Box as y } from "@mui/material";
+import S from "react-markdown";
+import "@mui/icons-material";
+import "react";
+import "html2canvas";
+import "../lasso-tool-CYn3ivf-.js";
+import "../cjs-D9ro6BXv.js";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "@dnd-kit/utilities";
+import { a as p } from "../exports-Cr43OCul.js";
+function P(t) {
+  const o = c(4), {
+    id: r
+  } = t;
+  let e;
+  o[0] !== r ? (e = (h) => h.getWidget(r)?.data?.content, o[0] = r, o[1] = e) : e = o[1];
+  const n = u(g(e));
+  if (!n)
+    return null;
+  let l;
+  return o[2] !== n ? (l = /* @__PURE__ */ i(b, { children: n }), o[2] = n, o[3] = l) : l = o[3], l;
+}
+const a = {
+  li: {
+    display: "list-item",
+    paddingTop: 0,
+    paddingBottom: 0
+  },
+  ul: {
+    listStyleType: "disc",
+    paddingLeft: ({
+      spacing: t
+    }) => t(2)
+  },
+  ol: {
+    listStyleType: "decimal",
+    paddingLeft: ({
+      spacing: t
+    }) => t(2)
+  }
+}, x = {
+  h1: ({
+    children: t
+  }) => /* @__PURE__ */ i(m, { variant: "h4", gutterBottom: !0, color: "inherit", children: t }),
+  h2: ({
+    children: t
+  }) => /* @__PURE__ */ i(m, { variant: "h5", gutterBottom: !0, color: "inherit", children: t }),
+  h3: ({
+    children: t
+  }) => /* @__PURE__ */ i(m, { variant: "h6", gutterBottom: !0, color: "inherit", children: t }),
+  p: ({
+    children: t
+  }) => /* @__PURE__ */ i(m, { paragraph: !0, color: "inherit", children: t }),
+  a: ({
+    children: t,
+    href: o,
+    target: r = "_blank",
+    rel: e = "noopener noreferrer"
+  }) => /* @__PURE__ */ i(k, { href: o, target: r, rel: e, children: t }),
+  ul: ({
+    children: t
+  }) => /* @__PURE__ */ i(d, { sx: a.ul, children: t }),
+  ol: ({
+    children: t
+  }) => /* @__PURE__ */ i(d, { component: "ol", sx: a.ol, children: t }),
+  li: ({
+    children: t
+  }) => /* @__PURE__ */ i(w, { sx: a.li, children: t })
+};
+function b(t) {
+  const o = c(5), {
+    children: r,
+    overrides: e
+  } = t;
+  let n;
+  o[0] !== e ? (n = {
+    ...x,
+    ...e
+  }, o[0] = e, o[1] = n) : n = o[1];
+  let l;
+  return o[2] !== r || o[3] !== n ? (l = /* @__PURE__ */ i(S, { components: n, children: r }), o[2] = r, o[3] = n, o[4] = l) : l = o[4], l;
+}
+function R() {
+  const t = c(3);
+  let o;
+  t[0] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ i(s, { width: "80%", height: 24, sx: {
+    mb: 1
+  } }), t[0] = o) : o = t[0];
+  let r;
+  t[1] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ i(s, { width: "90%", height: 20, sx: {
+    mb: 0.5
+  } }), t[1] = r) : r = t[1];
+  let e;
+  return t[2] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ f(y, { "aria-label": "Markdown skeleton", children: [
+    o,
+    r,
+    /* @__PURE__ */ i(s, { width: "85%", height: 20, sx: {
+      mb: 0.5
+    } }),
+    /* @__PURE__ */ i(s, { width: "75%", height: 20 })
+  ] }), t[2] = e) : e = t[2], e;
+}
+function U() {
+  return [{
+    ...p,
+    modifier: async (t) => {
+      const o = t?.content ?? "";
+      return p.modifier([["Content"], [o]]);
+    }
+  }];
+}
+function V() {
+  return {};
+}
+export {
+  P as Markdown,
+  R as MarkdownSkeleton,
+  b as MarkdownUI,
+  V as markdownConfig,
+  U as markdownDownloadConfig
+};
+//# sourceMappingURL=markdown.js.map

package/dist/widgets/markdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.js","sources":["../../src/widgets/markdown/markdown.tsx","../../src/widgets/markdown/style.ts","../../src/widgets/markdown/markdown-ui.tsx","../../src/widgets/markdown/skeleton.tsx","../../src/widgets/markdown/config.ts"],"sourcesContent":["import type { MarkdownUIProps } from './types'\nimport { useWidgetStore } from '../stores/widget-store'\nimport type { MarkdownWidgetData } from './types'\nimport { MarkdownUI } from '.'\nimport { useShallow } from 'zustand/shallow'\n\nexport function Markdown({ id }: MarkdownUIProps) {\n  const content = useWidgetStore(\n    useShallow(\n      (state) =>\n        (state.getWidget(id)?.data as MarkdownWidgetData | undefined)?.content,\n    ),\n  )\n\n  if (!content) {\n    return null\n  }\n\n  return <MarkdownUI>{content}</MarkdownUI>\n}\n","import type { SxProps, Theme } from '@mui/material'\n\nexport const styles: Record<string, SxProps<Theme>> = {\n  container: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: ({ spacing }) => spacing(2),\n  },\n  markdown: {\n    overflow: 'hidden',\n    typography: ({ typography }) => ({\n      ...typography.body1,\n    }),\n  },\n  li: {\n    display: 'list-item',\n    paddingTop: 0,\n    paddingBottom: 0,\n  },\n  ul: {\n    listStyleType: 'disc',\n    paddingLeft: ({ spacing }) => spacing(2),\n  },\n  ol: {\n    listStyleType: 'decimal',\n    paddingLeft: ({ spacing }) => spacing(2),\n  },\n}\n","import { Link, List, ListItem, Typography } from '@mui/material'\nimport ReactMarkdown, { type Components } from 'react-markdown'\nimport { styles } from '../markdown/style'\nimport type { MarkdownComponentProps } from './types'\n\nconst COMPONENTS: Components = {\n  h1: ({ children }) => (\n    <Typography variant='h4' gutterBottom color='inherit'>\n      {children}\n    </Typography>\n  ),\n  h2: ({ children }) => (\n    <Typography variant='h5' gutterBottom color='inherit'>\n      {children}\n    </Typography>\n  ),\n  h3: ({ children }) => (\n    <Typography variant='h6' gutterBottom color='inherit'>\n      {children}\n    </Typography>\n  ),\n  p: ({ children }) => (\n    <Typography paragraph color='inherit'>\n      {children}\n    </Typography>\n  ),\n  a: ({ children, href, target = '_blank', rel = 'noopener noreferrer' }) => (\n    <Link href={href} target={target} rel={rel}>\n      {children}\n    </Link>\n  ),\n  ul: ({ children }) => <List sx={styles.ul}>{children}</List>,\n  ol: ({ children }) => (\n    <List component='ol' sx={styles.ol}>\n      {children}\n    </List>\n  ),\n  li: ({ children }) => <ListItem sx={styles.li}>{children}</ListItem>,\n}\n\nexport function MarkdownUI({ children, overrides }: MarkdownComponentProps) {\n  return (\n    <ReactMarkdown\n      components={{\n        ...COMPONENTS,\n        ...overrides,\n      }}\n    >\n      {children}\n    </ReactMarkdown>\n  )\n}\n","import { Box, Skeleton } from '@mui/material'\n\nexport function MarkdownSkeleton() {\n  return (\n    <Box aria-label='Markdown skeleton'>\n      <Skeleton width='80%' height={24} sx={{ mb: 1 }} />\n      <Skeleton width='90%' height={20} sx={{ mb: 0.5 }} />\n      <Skeleton width='85%' height={20} sx={{ mb: 0.5 }} />\n      <Skeleton width='75%' height={20} />\n    </Box>\n  )\n}\n","import { downloadToCSV, type DownloadItem } from '../actions'\nimport type { MarkdownWidgetConfig, MarkdownWidgetData } from './types'\n\nexport function markdownDownloadConfig(): DownloadItem<MarkdownWidgetData>[] {\n  return [\n    {\n      ...downloadToCSV,\n      modifier: async (data) => {\n        const content = data?.content ?? ''\n        return downloadToCSV.modifier([['Content'], [content]])\n      },\n    },\n  ]\n}\n\nexport function markdownConfig(): MarkdownWidgetConfig {\n  return {}\n}\n"],"names":["Markdown","t0","$","_c","id","t1","state","getWidget","data","content","useWidgetStore","useShallow","t2","MarkdownUI","styles","li","display","paddingTop","paddingBottom","ul","listStyleType","paddingLeft","spacing","ol","COMPONENTS","h1","children","Typography","h2","h3","p","jsx","a","href","target","rel","Link","List","ListItem","overrides","ReactMarkdown","MarkdownSkeleton","Symbol","for","Skeleton","mb","jsxs","Box","markdownDownloadConfig","downloadToCSV","modifier","markdownConfig"],"mappings":"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"}

package/dist/widgets/note.js

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

package/dist/widgets/note.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"note.js","sources":["../../src/widgets/note/style.ts","../../src/widgets/note/note.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material'\n\nexport const styles = {\n  root: {\n    typography: 'caption',\n    color: (theme: Theme) => theme.palette.text.secondary,\n    marginBlockStart: ({ spacing }) => spacing(1),\n  },\n  clamped: {\n    display: '-webkit-box',\n    WebkitLineClamp: 3,\n    WebkitBoxOrient: 'vertical',\n    overflow: 'hidden',\n  },\n  expanded: {\n    display: 'block',\n  },\n  linkButton: {\n    padding: 0,\n    minWidth: 'auto',\n    textTransform: 'none',\n    typography: 'caption',\n    fontWeight: 500,\n    textDecoration: 'none',\n    '&:hover': {\n      backgroundColor: 'transparent',\n    },\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { useState, useEffect, useRef, useEffectEvent } from 'react'\nimport { Box, Button, Link, Typography } from '@mui/material'\nimport type { NoteProps } from './types'\nimport { styles } from './style'\nimport ReactMarkdown, { type Components } from 'react-markdown'\n\nconst DEFAULT_LABELS = {\n  showMore: 'Show More',\n  showLess: 'Show Less',\n} as const\n\nconst DEFAULT_P = ({ children }: { children?: React.ReactNode }) => (\n  <Typography paragraph color='inherit' variant='caption'>\n    {children}\n  </Typography>\n)\n\nconst COMPONENTS: Components = {\n  h1: DEFAULT_P,\n  h2: DEFAULT_P,\n  h3: DEFAULT_P,\n  p: DEFAULT_P,\n  a: ({ children, href, target = '_blank', rel = 'noopener noreferrer' }) => (\n    <Link\n      href={href}\n      target={target}\n      rel={rel}\n      color='text.primary'\n      underline='always'\n    >\n      {children}\n    </Link>\n  ),\n  img: () => null,\n  ul: DEFAULT_P,\n  ol: DEFAULT_P,\n  li: DEFAULT_P,\n}\n\nexport function Note({ children, labels = DEFAULT_LABELS }: NoteProps) {\n  const [isExpanded, setIsExpanded] = useState(false)\n  const [shouldShowToggle, setShouldShowToggle] = useState(false)\n  const contentRef = useRef<HTMLDivElement>(null)\n\n  const checkOverflow = useEffectEvent(() => {\n    if (contentRef.current) {\n      // Check if content overflows 3 lines\n      const isOverflowing =\n        contentRef.current.scrollHeight > contentRef.current.clientHeight\n      setShouldShowToggle(isOverflowing)\n    }\n  })\n\n  useEffect(() => {\n    checkOverflow()\n  }, [children])\n\n  useEffect(() => {\n    const element = contentRef.current\n    if (!element) return\n\n    const resizeObserver = new ResizeObserver(() => {\n      checkOverflow()\n    })\n\n    resizeObserver.observe(element)\n\n    return () => {\n      resizeObserver.disconnect()\n    }\n  }, [])\n\n  if (!children) {\n    return null\n  }\n\n  const handleToggle = () => {\n    setIsExpanded(!isExpanded)\n  }\n\n  const mergedLabels = { ...DEFAULT_LABELS, ...labels }\n\n  return (\n    <Box>\n      <Box\n        ref={contentRef}\n        sx={{\n          ...styles.root,\n          ...(isExpanded ? styles.expanded : styles.clamped),\n        }}\n      >\n        <ReactMarkdown components={COMPONENTS}>{children}</ReactMarkdown>\n      </Box>\n      {(shouldShowToggle || isExpanded) && (\n        <Button\n          onClick={handleToggle}\n          variant='text'\n          color='primary'\n          sx={styles.linkButton}\n          aria-expanded={isExpanded}\n          aria-label={\n            isExpanded ? mergedLabels.showLess : mergedLabels.showMore\n          }\n          aria-controls='note-content'\n        >\n          {isExpanded ? mergedLabels.showLess : mergedLabels.showMore}\n        </Button>\n      )}\n    </Box>\n  )\n}\n"],"names":["styles","root","typography","color","theme","palette","text","secondary","marginBlockStart","spacing","clamped","display","WebkitLineClamp","WebkitBoxOrient","overflow","expanded","linkButton","padding","minWidth","textTransform","fontWeight","textDecoration","backgroundColor","DEFAULT_LABELS","showMore","showLess","DEFAULT_P","t0","$","_c","children","t1","jsx","Typography","COMPONENTS","h1","h2","h3","p","a","href","target","rel","Link","img","ul","ol","li","Note","labels","undefined","isExpanded","setIsExpanded","useState","shouldShowToggle","setShouldShowToggle","contentRef","useRef","t2","Symbol","for","current","isOverflowing","scrollHeight","clientHeight","checkOverflow","useEffectEvent","t3","t4","useEffect","t5","element","resizeObserver","ResizeObserver","observe","disconnect","t6","t7","handleToggle","t8","mergedLabels","t9","t10","t11","ReactMarkdown","t12","Box","t13","Button","t14"],"mappings":"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"}