@carto/ps-react-ui 4.3.10 → 4.4.0

package/src/widgets/actions/brush-toggle/types.ts

@@ -0,0 +1,37 @@
+import type { IconButtonProps } from '@mui/material'
+import type { ReactNode } from 'react'
+import type { BaseWidgetState } from '../../stores/types'
+
+/**
+ * Represents a single item selected by the brush
+ */
+export type BrushSelectedItems = (string | number)[]
+
+/**
+ * State stored in widget store for brush functionality
+ */
+export interface BrushConfig {
+  brush?: boolean
+}
+
+export type BrushState<T = unknown> = BaseWidgetState<T & BrushConfig>
+
+export interface BrushToggleProps {
+  /** Widget ID to update brush state in the widget store */
+  id: string
+  /** Callback fired when items are selected via brush */
+  onBrushSelected?: (items: BrushSelectedItems) => void
+  /** Custom labels for the action */
+  labels?: {
+    /** Tooltip when brush is disabled (button will enable brush) */
+    enable?: string
+    /** Tooltip when brush is enabled (button will disable brush) */
+    disable?: string
+    /** Accessibility label */
+    ariaLabel?: string
+  }
+  /** Props passed to the IconButton component */
+  IconButtonProps?: IconButtonProps
+  /** Custom icon to display for brush toggle */
+  Icon?: ReactNode
+}

package/src/widgets/actions/index.ts

@@ -52,3 +52,12 @@ export type {
   LockSelectionProps,
   LockSelectionState,
 } from './lock-selection/types'
+
+/* Brush Toggle Widget */
+export { BrushToggle, BRUSH_TOGGLE_TOOL_ID } from './brush-toggle/brush-toggle'
+export type {
+  BrushToggleProps,
+  BrushState,
+  BrushConfig,
+  BrushSelectedItems,
+} from './brush-toggle/types'

package/src/widgets/actions/lock-selection/lock-selection.tsx

@@ -37,9 +37,6 @@ export function LockSelection({
   const setWidget = useWidgetStore((state) => state.setWidget)
   const registerTool = useWidgetStore((state) => state.registerTool)
   const unregisterTool = useWidgetStore((state) => state.unregisterTool)
-  const setToolEnabled = useWidgetStore((state) => state.setToolEnabled)
-  const updateToolConfig = useWidgetStore((state) => state.updateToolConfig)
-
   const storeIsLocked = useWidgetStore(
     useShallow((state) => state.getWidget<LockSelectionState>(id)?.isLocked),
   )
@@ -68,12 +65,6 @@ export function LockSelection({
     return () => unregisterTool(id, LOCK_SELECTION_TOOL_ID)
   }, [id, order, registerTool, unregisterTool, isLocked, lockedItems])
 
-  // Update enabled flag and config when they change
-  useEffect(() => {
-    setToolEnabled(id, LOCK_SELECTION_TOOL_ID, isLocked)
-    updateToolConfig(id, LOCK_SELECTION_TOOL_ID, { lockedItems })
-  }, [id, isLocked, lockedItems, setToolEnabled, updateToolConfig])
-
   const handleToggle = useCallback(() => {
     if (isLocked) {
       // Unlock: clear locked items and disable tool

package/src/widgets/actions/stack-toggle/stack-toggle.test.tsx

@@ -49,7 +49,7 @@ describe('StackToggle', () => {
     const tool = widget?.registeredTools?.find(
       (t) => t.id === STACK_TOGGLE_TOOL_ID,
     )
-    expect(tool?.config?.stacked).toBe(true)
+    expect(tool?.enabled).toBe(true)
   })
 
   test('toggles back to unstacked mode', () => {
@@ -67,7 +67,7 @@ describe('StackToggle', () => {
     const tool = widget?.registeredTools?.find(
       (t) => t.id === STACK_TOGGLE_TOOL_ID,
     )
-    expect(tool?.config?.stacked).toBe(false)
+    expect(tool?.enabled).toBe(false)
   })
 
   test('has active state when in stacked mode', () => {
@@ -112,7 +112,7 @@ describe('StackToggle', () => {
     const tool = widget?.registeredTools?.find(
       (t) => t.id === STACK_TOGGLE_TOOL_ID,
     )
-    expect(tool?.config?.stacked).toBe(false)
+    expect(tool?.enabled).toBe(false)
   })
 
   test('initializes tool config with stacked values when defaultIsStacked is true', () => {
@@ -122,7 +122,7 @@ describe('StackToggle', () => {
     const tool = widget?.registeredTools?.find(
       (t) => t.id === STACK_TOGGLE_TOOL_ID,
     )
-    expect(tool?.config?.stacked).toBe(true)
+    expect(tool?.enabled).toBe(true)
   })
 
   test('applies stack to EChart series via config pipeline when toggling to stacked', async () => {

package/src/widgets/actions/stack-toggle/stack-toggle.tsx

@@ -37,9 +37,6 @@ export function StackToggle({
   const setWidget = useWidgetStore((state) => state.setWidget)
   const registerTool = useWidgetStore((state) => state.registerTool)
   const unregisterTool = useWidgetStore((state) => state.unregisterTool)
-  const setToolEnabled = useWidgetStore((state) => state.setToolEnabled)
-  const updateToolConfig = useWidgetStore((state) => state.updateToolConfig)
-
   const storeIsStacked = useWidgetStore(
     useShallow((state) => state.getWidget<StackToggleState>(id)?.isStacked),
   )
@@ -70,12 +67,11 @@ export function StackToggle({
       type: 'config',
       order: 10,
       enabled: isStacked && hasMultiSeries,
-      fn: (currentConfig, toolConfig) => {
+      fn: (currentConfig) => {
         const config = currentConfig as Record<string, unknown>
         const option = config.option as EchartOptionsProps | undefined
         if (!option) return currentConfig
 
-        const stacked = (toolConfig?.stacked as boolean) ?? false
         const series = Array.isArray(option.series)
           ? option.series
           : [option.series]
@@ -85,22 +81,15 @@ export function StackToggle({
             typeof existingStack === 'string'
               ? existingStack
               : DEFAULT_STACK_GROUP
-          return { ...s, ...getEChartStackConfig(stacked, stackGroup) }
+          return { ...s, ...getEChartStackConfig(stackGroup) }
         })
 
         return { ...config, option: { ...option, series: updatedSeries } }
       },
-      config: { stacked: isStacked },
     })
     return () => unregisterTool(id, STACK_TOGGLE_TOOL_ID)
   }, [id, registerTool, unregisterTool, isStacked, hasMultiSeries])
 
-  // Sync tool enabled/config when state changes
-  useEffect(() => {
-    setToolEnabled(id, STACK_TOGGLE_TOOL_ID, isStacked && hasMultiSeries)
-    updateToolConfig(id, STACK_TOGGLE_TOOL_ID, { stacked: isStacked })
-  }, [id, isStacked, hasMultiSeries, setToolEnabled, updateToolConfig])
-
   // Initialize store with default value only if not already configured
   useEffect(() => {
     if (storeIsStacked !== undefined) return

package/src/widgets/actions/zoom-toggle/zoom-toggle.tsx

@@ -81,7 +81,6 @@ export function ZoomToggle({
       if (start !== undefined && end !== undefined) {
         setToolEnabled(id, ZOOM_TOGGLE_TOOL_ID, true)
         updateToolConfig(id, ZOOM_TOGGLE_TOOL_ID, {
-          enabled: true,
           start,
           end,
         })
@@ -113,7 +112,6 @@ export function ZoomToggle({
         const currentOnEvents =
           (config.onEvents as Record<string, unknown> | undefined) ?? {}
 
-        const enabled = (toolConfig?.enabled as boolean) ?? false
         const start = (toolConfig?.start as number) ?? 0
         const end = (toolConfig?.end as number) ?? 100
 
@@ -125,7 +123,6 @@ export function ZoomToggle({
         const legendBottomOffset = hasLegend ? 28 : 0
 
         const zoomConfig = getEChartZoomConfig(
-          enabled,
           { start, end },
           {
             inside: true,
@@ -142,15 +139,11 @@ export function ZoomToggle({
             ? grid.bottom
             : parseInt(grid?.bottom ?? '24')
 
-        const gridBottom = enabled
-          ? currentGridBottom + sliderHeight + sliderGap
-          : currentGridBottom
+        const gridBottom = currentGridBottom + sliderHeight + sliderGap
 
         const onEventsWithoutDataZoom = { ...currentOnEvents }
         delete onEventsWithoutDataZoom.dataZoom
-        const onEvents = enabled
-          ? { ...currentOnEvents, dataZoom: handleDataZoom }
-          : onEventsWithoutDataZoom
+        const onEvents = { ...currentOnEvents, dataZoom: handleDataZoom }
 
         return {
           ...config,
@@ -163,7 +156,6 @@ export function ZoomToggle({
         }
       },
       config: {
-        enabled: initialEnabled,
         start: initialStart,
         end: initialEnd,
       },
@@ -185,7 +177,6 @@ export function ZoomToggle({
     const newZoom = !zoom
     setToolEnabled(id, ZOOM_TOGGLE_TOOL_ID, newZoom)
     updateToolConfig(id, ZOOM_TOGGLE_TOOL_ID, {
-      enabled: newZoom,
       start: newZoom ? zoomStart : 0,
       end: newZoom ? zoomEnd : 100,
     })
@@ -194,7 +185,6 @@ export function ZoomToggle({
   const handleReset = () => {
     setToolEnabled(id, ZOOM_TOGGLE_TOOL_ID, true)
     updateToolConfig(id, ZOOM_TOGGLE_TOOL_ID, {
-      enabled: true,
       start: defaultZoomStart,
       end: defaultZoomEnd,
     })

package/src/widgets/echart/echart-ui.tsx

@@ -6,7 +6,8 @@ import { useWidgetRef } from '../../hooks'
 export function EchartUI(props: EchartUIProps) {
   const { id, ref, init, option, className, style, onEvents } = props
 
-  const chartRef = useWidgetRef<HTMLDivElement>(id)
+  const { ref: chartRef, instance: chartInstanceRef } =
+    useWidgetRef<HTMLDivElement>(id)
   const chartInstance = useRef<echarts.ECharts>(null)
   const resizeObserverRef = useRef<ResizeObserver | null>(null)
 
@@ -20,12 +21,14 @@ export function EchartUI(props: EchartUIProps) {
       height: 304,
       ...init,
     })
+    chartInstanceRef.current = chartInstance.current
     // Cleanup function
     return () => {
       chartInstance.current?.dispose()
       chartInstance.current = null
+      chartInstanceRef.current = null
     }
-  }, [chartRef, init])
+  }, [chartInstanceRef, chartRef, init])
 
   // Update chart when options change
   useEffect(() => {

package/src/widgets/echart/echart.tsx

@@ -11,7 +11,7 @@ import { useMemo } from 'react'
 
 export function Echart(props: EchartProps) {
   const id = useWidgetStore(
-    (state) => state.getWidget<EchartWidgetState>(props.id)?.id,
+    useShallow((state) => state.getWidget<EchartWidgetState>(props.id)?.id),
   )
 
   const data = useWidgetStore(

package/src/widgets/echart/types.ts

@@ -1,7 +1,7 @@
 import type { EChartsOption } from 'echarts'
 import type * as echarts from 'echarts'
 import type { BaseWidgetState } from '../stores/types'
-import type { Ref } from 'react'
+import type { Ref, RefObject } from 'react'
 import { theme as CartoTheme } from '@carto/meridian-ds/theme'
 
 export type EchartOptionsProps = EChartsOption
@@ -26,6 +26,7 @@ export type EchartWidgetState = BaseWidgetState<{
   option: EchartUIProps['option']
   onEvents?: EchartUIProps['onEvents']
   init?: EchartUIProps['init']
+  instance?: RefObject<echarts.ECharts | null>
 }>
 
 export interface EchartWidgetOptionProps<D> {

package/src/widgets/echart/utils.ts

@@ -27,7 +27,6 @@ export function mergeEchartWidgetConfig<T extends EchartOptionsProps>(
 }
 
 export function getEChartZoomConfig(
-  zoom: boolean,
   { start, end }: { start: number; end: number } = { start: 0, end: 100 },
   {
     inside = true,
@@ -46,6 +45,7 @@ export function getEChartZoomConfig(
   },
   theme?: Theme,
 ) {
+  const zoom = true
   const sliderStyles = theme ? getEChartZoomSliderStyles(theme) : {}
 
   return {
@@ -152,20 +152,25 @@ function getEChartZoomSliderStyles(theme: Theme) {
   } as const
 }
 
-export function getEChartBrushConfig(brush: boolean) {
-  return brush
-    ? {
-        brush: {
-          brushType: 'rect',
-          brushMode: 'single',
-        },
-      }
-    : {}
+export function getEChartBrushConfig(
+  { brushType = 'lineX', brushMode = 'single', xAxisIndex = 0 } = {} as {
+    brushType?: string
+    brushMode?: string
+    xAxisIndex?: number
+    throttleType?: string
+    throttleDelay?: number
+  },
+) {
+  return {
+    brush: {
+      toolbox: ['lineX', 'clear'],
+      brushType,
+      brushMode,
+      xAxisIndex,
+    },
+  }
 }
 
-export function getEChartStackConfig(
-  stack: boolean,
-  stackGroup: string = DEFAULT_STACK_GROUP,
-) {
-  return { stack: stack ? stackGroup : undefined }
+export function getEChartStackConfig(stackGroup: string = DEFAULT_STACK_GROUP) {
+  return { stack: stackGroup }
 }

package/src/widgets/formula/formula-ui.tsx

@@ -8,7 +8,7 @@ import { useWidgetRef } from '../../hooks'
 import { Box } from '@mui/material'
 
 export function FormulaUI(props: FormulaUIProps) {
-  const ref = useWidgetRef(props.id)
+  const { ref } = useWidgetRef(props.id)
 
   return (
     <Box ref={ref}>

package/src/widgets/spread/spread-ui.tsx

@@ -8,7 +8,7 @@ import { useWidgetRef } from '../../hooks'
 import { Box } from '@mui/material'
 
 export function SpreadUI(props: SpreadUIProps) {
-  const ref = useWidgetRef(props.id)
+  const { ref } = useWidgetRef(props.id)
 
   return (
     <Box ref={ref}>

package/src/widgets/table/table-ui.tsx

@@ -58,7 +58,7 @@ export { Table }
  * Integrates with widget store and provides ref registration using custom hook
  */
 function TableContainer(props: TableUIProps) {
-  const ref = useWidgetRef<HTMLDivElement>(props.id)
+  const { ref } = useWidgetRef<HTMLDivElement>(props.id)
 
   return <MuiTableContainer ref={ref}>{props.children}</MuiTableContainer>
 }

package/dist/use-widget-ref-P-2i0MJG.js

@@ -1,19 +0,0 @@
-import { c as u } from "react/compiler-runtime";
-import { useRef as n, useEffect as c } from "react";
-import { u as i } from "./widget-store-CzDt8oSK.js";
-function a(t) {
-  const e = u(4), s = n(null), r = i(m);
-  let f, o;
-  return e[0] !== r || e[1] !== t ? (f = () => {
-    s.current && r(t, {
-      refUI: s
-    });
-  }, o = [t, r], e[0] = r, e[1] = t, e[2] = f, e[3] = o) : (f = e[2], o = e[3]), c(f, o), s;
-}
-function m(t) {
-  return t.setWidget;
-}
-export {
-  a as u
-};
-//# sourceMappingURL=use-widget-ref-P-2i0MJG.js.map

package/dist/use-widget-ref-P-2i0MJG.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-widget-ref-P-2i0MJG.js","sources":["../src/hooks/use-widget-ref.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\nimport { useWidgetStore } from '../widgets/stores/widget-store'\n\n/**\n * Custom hook for registering a DOM element ref with the widget store.\n * This allows other parts of the application to access the widget's DOM element.\n *\n * @param widgetId - The widget ID to register the ref under\n * @returns A ref object to attach to the DOM element\n *\n * @example\n * ```tsx\n * function MyWidget({ id }: { id: string }) {\n *   const ref = useWidgetRef<HTMLDivElement>(id)\n *\n *   return <div ref={ref}>Widget content</div>\n * }\n * ```\n */\nexport function useWidgetRef<T extends HTMLElement = HTMLElement>(\n  widgetId: string,\n) {\n  const ref = useRef<T | null>(null)\n  const setWidget = useWidgetStore((store) => store.setWidget)\n\n  useEffect(() => {\n    if (ref.current) {\n      setWidget(widgetId, { refUI: ref })\n    }\n  }, [widgetId, setWidget])\n\n  return ref\n}\n"],"names":["useWidgetRef","widgetId","$","_c","ref","useRef","setWidget","useWidgetStore","_temp","t0","t1","current","refUI","useEffect","store"],"mappings":";;;AAmBO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAGLC,IAAYC,EAAiB,IAAI,GACjCC,IAAkBC,EAAeC,CAA0B;AAAC,MAAAC,GAAAC;AAAA,SAAAR,EAAA,CAAA,MAAAI,KAAAJ,SAAAD,KAElDQ,IAAAA,MAAA;AACR,IAAIL,EAAGO,WACLL,EAAUL,GAAU;AAAA,MAAAW,OAASR;AAAAA,IAAAA,CAAK;AAAA,EACnC,GACAM,IAAA,CAACT,GAAUK,CAAS,GAACJ,OAAAI,GAAAJ,OAAAD,GAAAC,OAAAO,GAAAP,OAAAQ,MAAAD,IAAAP,EAAA,CAAA,GAAAQ,IAAAR,EAAA,CAAA,IAJxBW,EAAUJ,GAIPC,CAAqB,GAEjBN;AAAG;AAZL,SAAAI,EAAAM,GAAA;AAAA,SAIuCA,EAAKR;AAAU;"}

package/dist/utils-idmvq0Oa.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils-idmvq0Oa.js","sources":["../src/widgets/echart/const.ts","../src/widgets/echart/utils.ts"],"sourcesContent":["export const DEFAULT_STACK_GROUP = 'stacked'\n","import deepmerge from 'deepmerge'\nimport type { EchartOptionsProps } from './types'\nimport type { Theme } from '@mui/material'\nimport { DEFAULT_STACK_GROUP } from './const'\n\nexport function mergeEchartWidgetConfig<T extends EchartOptionsProps>(\n  ...options: [T | undefined, T | undefined]\n): T {\n  return deepmerge(options[0] ?? {}, options[1] ?? {}, {\n    customMerge: (key) => {\n      if (key === 'color') {\n        return (_, b: T['color']) => b\n      }\n      if (key === 'series') {\n        return (a: T['series'][], b: T['series'][]) => {\n          if (!a.length) return a // If there is no series in a, return a as is\n\n          const mergedSeries = b?.map((bItem, index) => {\n            const aItem = a?.[index] ?? {}\n            return deepmerge(aItem, bItem as object)\n          })\n          return mergedSeries\n        }\n      }\n    },\n  }) as T\n}\n\nexport function getEChartZoomConfig(\n  zoom: boolean,\n  { start, end }: { start: number; end: number } = { start: 0, end: 100 },\n  {\n    inside = true,\n    xSlider = true,\n    ySlider = false,\n    showSliders = true,\n    xAxisLabelFormatter,\n    bottomOffset = 0,\n  } = {} as {\n    inside?: boolean\n    xSlider?: boolean\n    ySlider?: boolean\n    showSliders?: boolean\n    xAxisLabelFormatter?: (value: number) => string\n    bottomOffset?: number\n  },\n  theme?: Theme,\n) {\n  const sliderStyles = theme ? getEChartZoomSliderStyles(theme) : {}\n\n  return {\n    dataZoom: [\n      inside && {\n        throttle: 0,\n        type: 'inside',\n        xAxisIndex: xSlider ? [0] : [],\n        yAxisIndex: ySlider ? [0] : [],\n        show: zoom,\n        zoomLock: !zoom,\n        start,\n        end,\n      },\n      inside &&\n        ySlider && {\n          throttle: 0,\n          type: 'inside',\n          show: zoom,\n          zoomLock: !zoom,\n          start,\n          end,\n          orientation: 'vertical',\n        },\n      xSlider && {\n        throttle: 0,\n        type: 'slider',\n        xAxisIndex: [0],\n        bottom: bottomOffset,\n        height: parseInt(theme?.spacing?.(4) ?? '32'),\n        show: zoom && showSliders,\n        zoomLock: !zoom,\n        start,\n        end,\n        labelFormatter: xAxisLabelFormatter,\n        showDetail: false,\n        ...sliderStyles,\n        brushSelect: false,\n        moveHandleSize: 8,\n        handleSize: '100%',\n        handleIcon:\n          'image://data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIzNiIgdmlld0JveD0iMCAwIDkgMzYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHg9IjAuNSIgeT0iLTAuNSIgd2lkdGg9IjgiIGhlaWdodD0iMTgiIHJ4PSI0IiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDI3KSIgZmlsbD0id2hpdGUiIHN0cm9rZT0iIzM1OEJFNyIvPgo8cmVjdCB3aWR0aD0iMyIgaGVpZ2h0PSIyIiByeD0iMSIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMyAyMykiIGZpbGw9IiMzNThCRTciLz4KPHJlY3Qgd2lkdGg9IjMiIGhlaWdodD0iMiIgcng9IjEiIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDMgMTkpIiBmaWxsPSIjMzU4QkU3Ii8+CjxyZWN0IHdpZHRoPSIzIiBoZWlnaHQ9IjIiIHJ4PSIxIiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAzIDE1KSIgZmlsbD0iIzM1OEJFNyIvPgo8L3N2Zz4=',\n      },\n      ySlider && {\n        throttle: 0,\n        type: 'slider',\n        left: parseInt(theme?.spacing?.(6) ?? '48'),\n        width: parseInt(theme?.spacing?.(4) ?? '32'),\n        yAxisIndex: [0],\n        show: zoom && showSliders,\n        zoomLock: !zoom,\n        start,\n        end,\n        ...sliderStyles,\n        brushSelect: false,\n        moveHandleSize: 8,\n        handleSize: '100%',\n        handleIcon:\n          'image://data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDM2IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iOCIgaGVpZ2h0PSIxOCIgcng9IjQiIHRyYW5zZm9ybT0icm90YXRlKC05MCAwLjUgMC41KSIgZmlsbD0id2hpdGUiIHN0cm9rZT0iIzM1OEJFNyIvPgo8cmVjdCB3aWR0aD0iMyIgaGVpZ2h0PSIyIiByeD0iMSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDEzIDYpIiBmaWxsPSIjMzU4QkU3Ii8+CjxyZWN0IHdpZHRoPSIzIiBoZWlnaHQ9IjIiIHJ4PSIxIiB0cmFuc2Zvcm09InJvdGF0ZSgtOTAgMTcgNikiIGZpbGw9IiMzNThCRTciLz4KPHJlY3Qgd2lkdGg9IjMiIGhlaWdodD0iMiIgcng9IjEiIHRyYW5zZm9ybT0icm90YXRlKC05MCAyMSA2KSIgZmlsbD0iIzM1OEJFNyIvPgo8L3N2Zz4=',\n      },\n    ].filter((d) => !!d),\n  }\n}\n\nfunction getEChartZoomSliderStyles(theme: Theme) {\n  return {\n    fillerColor: 'rgba(53, 139, 231, 0.25)',\n    borderColor: 'rgba(53, 139, 231, 0.3)',\n    borderWidth: 0.5,\n    backgroundColor: 'transparent',\n    borderRadius: 4,\n    dataBackground: {\n      lineStyle: {\n        opacity: 0,\n      },\n      areaStyle: {\n        opacity: 1,\n        color: theme.palette.secondary.main,\n      },\n    },\n    selectedDataBackground: {\n      lineStyle: {\n        opacity: 0,\n      },\n      areaStyle: {\n        opacity: 1,\n        color: theme.palette.secondary.main,\n      },\n    },\n    handleStyle: {\n      color: theme.palette.common.white,\n      borderColor: 'rgba(3, 111, 226, 0.08)',\n      borderWidth: 1,\n      shadowBlur: 3,\n      shadowColor: 'rgba(0, 0, 0, 0.1)',\n      shadowOffsetX: 0,\n      shadowOffsetY: 1,\n    },\n    textStyle: {\n      color: theme.palette.black[60],\n      fontSize: parseInt(theme.typography.overlineDelicate.fontSize as string),\n      fontFamily: theme.typography.overlineDelicate.fontFamily,\n    },\n  } as const\n}\n\nexport function getEChartBrushConfig(brush: boolean) {\n  return brush\n    ? {\n        brush: {\n          brushType: 'rect',\n          brushMode: 'single',\n        },\n      }\n    : {}\n}\n\nexport function getEChartStackConfig(\n  stack: boolean,\n  stackGroup: string = DEFAULT_STACK_GROUP,\n) {\n  return { stack: stack ? stackGroup : undefined }\n}\n"],"names":["DEFAULT_STACK_GROUP","mergeEchartWidgetConfig","options","deepmerge","customMerge","key","_","b","a","length","map","bItem","index","aItem","getEChartZoomConfig","zoom","start","end","inside","xSlider","ySlider","showSliders","xAxisLabelFormatter","bottomOffset","theme","sliderStyles","getEChartZoomSliderStyles","dataZoom","throttle","type","xAxisIndex","yAxisIndex","show","zoomLock","orientation","bottom","height","parseInt","spacing","labelFormatter","showDetail","brushSelect","moveHandleSize","handleSize","handleIcon","left","width","filter","d","fillerColor","borderColor","borderWidth","backgroundColor","borderRadius","dataBackground","lineStyle","opacity","areaStyle","color","palette","secondary","main","selectedDataBackground","handleStyle","common","white","shadowBlur","shadowColor","shadowOffsetX","shadowOffsetY","textStyle","black","fontSize","typography","overlineDelicate","fontFamily","getEChartBrushConfig","brush","brushType","brushMode","getEChartStackConfig","stack","stackGroup","undefined"],"mappings":"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"}