@embeddable.com/remarkable-pro 0.3.3 → 0.3.4

package/dist/definition-DA2tu_w2.js

@@ -0,0 +1,137 @@
+import { j as c, $ as F, V as h } from "./index-BDd5cXFC.js";
+import { useTheme as w, definePreview as j } from "@embeddable.com/react";
+import { i as s } from "./component.inputs.constants-DoBT8ykS.js";
+import { p } from "./preview.data.constants-B3oyUsaQ.js";
+import { useState as f, useEffect as g } from "react";
+import { i as x, r as $, a as E } from "./component.utils-oQMZT7TK.js";
+import { E as N } from "./EditorCard-DivoetAt.js";
+import { g as _ } from "./dimensionsAndMeasures.utils-BolsWK6X.js";
+const d = (n) => {
+  const u = w();
+  x(u);
+  const {
+    selectedDimensionsAndMeasures: t = [],
+    dimensionAndMeasureOptions: i = [],
+    clearable: l,
+    onChange: r
+  } = n, { title: M, description: S, tooltip: v, placeholder: A } = $(n), [b, y] = f(""), [O, C] = f([]);
+  g(() => {
+    if (l || t.length > 0) return;
+    const e = i[0];
+    e && r([e]);
+  }, [l, t.length, i, r]), g(() => {
+    if (!t.length || !i.length) return;
+    const e = t.map(
+      (a) => i.find((o) => o.name === a.name) ?? a
+    );
+    e.every((a, o) => {
+      var m;
+      return a.title === ((m = t[o]) == null ? void 0 : m.title);
+    }) || r(e);
+  }, [
+    JSON.stringify(t.map((e) => `${e.name}:${e.title}`)),
+    JSON.stringify(i.map((e) => `${e.name}:${e.title}`)),
+    r
+  ]);
+  const D = t.map((e) => e.name), P = _({
+    dimensionsAndMeasures: i,
+    searchValue: b,
+    theme: u
+  }), V = (e) => {
+    const a = new Set(e);
+    r(i.filter((o) => a.has(o.name)));
+  };
+  return /* @__PURE__ */ c.jsx(N, { title: M, description: S, tooltip: v, children: /* @__PURE__ */ c.jsx(
+    F,
+    {
+      isClearable: l,
+      disableApplyButton: !l && O.length === 0,
+      isSearchable: !0,
+      values: D,
+      options: P,
+      placeholder: A,
+      noOptionsMessage: E.t("common.noOptionsFound"),
+      onChange: V,
+      onPendingChange: C,
+      onSearch: y,
+      avoidCollisions: !1
+    }
+  ) });
+}, L = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: d
+}, Symbol.toStringTag, { value: "Module" })), z = {
+  name: "DimensionMeasureMultiSelectFieldPro",
+  label: "Dimension and Measure Multi Select Field",
+  description: "Multi-select dropdown for dimensions and measures combined. Pairs with a dimensionOrMeasure-array variable; emits onChange.",
+  category: "Dropdowns - dimensions and measures",
+  defaultWidth: 300,
+  defaultHeight: 120,
+  inputs: [
+    s.dataset,
+    s.dimensionAndMeasureOptions,
+    s.title,
+    s.description,
+    s.tooltip,
+    { ...s.placeholder, defaultValue: "Select values..." },
+    {
+      ...s.dimensionsAndMeasures,
+      name: "selectedDimensionsAndMeasures",
+      label: "Selected dimensions and measures",
+      category: "Pre-configured Variables",
+      required: !1,
+      config: {
+        dataset: "dataset"
+      }
+    },
+    { ...s.clearable, defaultValue: !1 }
+  ],
+  events: [
+    {
+      name: "onChange",
+      label: "Selected dimensions and measures updated",
+      properties: [
+        {
+          name: "value",
+          label: "Selected values",
+          type: "dimensionOrMeasure",
+          array: !0
+        }
+      ]
+    }
+  ],
+  variables: [
+    {
+      name: "dimension-measure multi-select values",
+      type: "dimensionOrMeasure",
+      array: !0,
+      defaultValue: h.noFilter(),
+      inputs: ["selectedDimensionsAndMeasures"],
+      events: [{ name: "onChange", property: "value" }]
+    }
+  ]
+}, J = j(d, {
+  dimensionAndMeasureOptions: [p.dimension, p.measure],
+  onChange: () => null
+}), T = (n) => ({
+  ...n,
+  dimensionAndMeasureOptions: n.dimensionAndMeasureOptions ?? [],
+  selectedDimensionsAndMeasures: n.selectedDimensionsAndMeasures ?? []
+}), q = {
+  onChange: (n) => ({
+    value: Array.isArray(n) && n.length ? n : h.noFilter()
+  })
+}, Q = {
+  Component: d,
+  meta: z,
+  preview: J,
+  config: {
+    props: T,
+    events: q
+  }
+};
+export {
+  Q as d,
+  L as i
+};
+//# sourceMappingURL=definition-DA2tu_w2.js.map

package/dist/definition-DA2tu_w2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-DA2tu_w2.js","sources":["../src/components/editors/DimensionOrMeasureMultiSelectFieldPro/index.tsx","../src/components/editors/DimensionOrMeasureMultiSelectFieldPro/definition.ts"],"sourcesContent":["import { DimensionOrMeasure } from '@embeddable.com/core';\nimport { useTheme } from '@embeddable.com/react';\nimport { MultiSelectField } from '@embeddable.com/remarkable-ui';\nimport { useState, useEffect } from 'react';\nimport { Theme } from '../../../theme/theme.types';\nimport { i18nSetup, i18n } from '../../../theme/i18n/i18n';\nimport { EditorCard, EditorCardHeaderProps } from '../shared/EditorCard/EditorCard';\nimport { resolveI18nProps } from '../../component.utils';\nimport { getDimensionAndMeasureOptions } from '../utils/dimensionsAndMeasures.utils';\n\nexport type DimensionMeasureMultiSelectFieldProProps = {\n  selectedDimensionsAndMeasures?: DimensionOrMeasure[];\n  dimensionAndMeasureOptions?: DimensionOrMeasure[];\n  placeholder?: string;\n  clearable?: boolean;\n  onChange: (value: DimensionOrMeasure[]) => void;\n} & EditorCardHeaderProps;\n\nconst DimensionMeasureMultiSelectFieldPro = (props: DimensionMeasureMultiSelectFieldProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    selectedDimensionsAndMeasures = [],\n    dimensionAndMeasureOptions = [],\n    clearable,\n    onChange,\n  } = props;\n  const { title, description, tooltip, placeholder } = resolveI18nProps(props);\n\n  const [searchValue, setSearchValue] = useState('');\n  const [pendingValues, setPendingValues] = useState<string[]>([]);\n\n  useEffect(() => {\n    if (clearable) return;\n    if (selectedDimensionsAndMeasures.length > 0) return;\n    const first = dimensionAndMeasureOptions[0];\n    if (!first) return;\n\n    onChange([first]);\n  }, [clearable, selectedDimensionsAndMeasures.length, dimensionAndMeasureOptions, onChange]);\n\n  // Normalize selectedDimensionsAndMeasures titles by resolving them against dimensionAndMeasureOptions.\n  // Variable defaults may store items with model-qualified titles (e.g. \"Products # of orders\"),\n  // while dimensionAndMeasureOptions always has the correct display title (e.g. \"# of orders\").\n  // Firing onChange with the resolved objects ensures the variable and any dependent\n  // components (e.g. charts) receive correctly-formatted measures/dimensions.\n  useEffect(() => {\n    if (!selectedDimensionsAndMeasures.length || !dimensionAndMeasureOptions.length) return;\n\n    const normalized = selectedDimensionsAndMeasures.map(\n      (d) => dimensionAndMeasureOptions.find((o) => o.name === d.name) ?? d,\n    );\n\n    if (normalized.every((norm, i) => norm.title === selectedDimensionsAndMeasures[i]?.title))\n      return;\n\n    onChange(normalized);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    JSON.stringify(selectedDimensionsAndMeasures.map((d) => `${d.name}:${d.title}`)),\n    JSON.stringify(dimensionAndMeasureOptions.map((d) => `${d.name}:${d.title}`)),\n    onChange,\n  ]);\n\n  const currentDimensionAndMeasureNames = selectedDimensionsAndMeasures.map((d) => d.name);\n\n  const options = getDimensionAndMeasureOptions({\n    dimensionsAndMeasures: dimensionAndMeasureOptions,\n    searchValue,\n    theme,\n  });\n\n  const handleChange = (newValues: string[]) => {\n    const selectedNamesSet = new Set(newValues);\n    onChange(dimensionAndMeasureOptions.filter((d) => selectedNamesSet.has(d.name)));\n  };\n\n  return (\n    <EditorCard title={title} description={description} tooltip={tooltip}>\n      <MultiSelectField\n        isClearable={clearable}\n        disableApplyButton={!clearable && pendingValues.length === 0}\n        isSearchable\n        values={currentDimensionAndMeasureNames}\n        options={options}\n        placeholder={placeholder}\n        noOptionsMessage={i18n.t('common.noOptionsFound')}\n        onChange={handleChange}\n        onPendingChange={setPendingValues}\n        onSearch={setSearchValue}\n        avoidCollisions={false}\n      />\n    </EditorCard>\n  );\n};\n\nexport default DimensionMeasureMultiSelectFieldPro;\n","import { Value } from '@embeddable.com/core';\nimport { EmbeddedComponentMeta, Inputs, definePreview } from '@embeddable.com/react';\nimport { inputs } from '../../component.inputs.constants';\nimport { previewData } from '../../preview.data.constants';\nimport Component from './index';\n\nconst meta = {\n  name: 'DimensionMeasureMultiSelectFieldPro',\n  label: 'Dimension and Measure Multi Select Field',\n  description:\n    'Multi-select dropdown for dimensions and measures combined. Pairs with a dimensionOrMeasure-array variable; emits onChange.',\n  category: 'Dropdowns - dimensions and measures',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    inputs.dataset,\n    inputs.dimensionAndMeasureOptions,\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    { ...inputs.placeholder, defaultValue: 'Select values...' },\n    {\n      ...inputs.dimensionsAndMeasures,\n      name: 'selectedDimensionsAndMeasures',\n      label: 'Selected dimensions and measures',\n      category: 'Pre-configured Variables',\n      required: false,\n      config: {\n        dataset: 'dataset',\n      },\n    },\n    { ...inputs.clearable, defaultValue: false },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'Selected dimensions and measures updated',\n      properties: [\n        {\n          name: 'value',\n          label: 'Selected values',\n          type: 'dimensionOrMeasure',\n          array: true,\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'dimension-measure multi-select values',\n      type: 'dimensionOrMeasure',\n      array: true,\n      defaultValue: Value.noFilter(),\n      inputs: ['selectedDimensionsAndMeasures'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst preview = definePreview(Component, {\n  dimensionAndMeasureOptions: [previewData.dimension, previewData.measure],\n  onChange: () => null,\n});\n\nconst props = (inputs: Inputs<typeof meta>) => {\n  return {\n    ...inputs,\n    dimensionAndMeasureOptions: inputs.dimensionAndMeasureOptions ?? [],\n    selectedDimensionsAndMeasures: inputs.selectedDimensionsAndMeasures ?? [],\n  };\n};\n\nconst events = {\n  onChange: (value: unknown) => {\n    return {\n      value: Array.isArray(value) && value.length ? value : Value.noFilter(),\n    };\n  },\n};\n\nexport const dimensionMeasureMultiSelectFieldPro = {\n  Component,\n  meta,\n  preview,\n  config: {\n    props,\n    events,\n  },\n} as const;\n"],"names":["DimensionMeasureMultiSelectFieldPro","props","theme","useTheme","i18nSetup","selectedDimensionsAndMeasures","dimensionAndMeasureOptions","clearable","onChange","title","description","tooltip","placeholder","resolveI18nProps","searchValue","setSearchValue","useState","pendingValues","setPendingValues","useEffect","first","normalized","d","norm","i","_a","currentDimensionAndMeasureNames","options","getDimensionAndMeasureOptions","handleChange","newValues","selectedNamesSet","jsx","EditorCard","MultiSelectField","i18n","meta","inputs","Value","preview","definePreview","Component","previewData","events","value","dimensionMeasureMultiSelectFieldPro"],"mappings":"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"}

package/dist/{definition-ukcHRZZl.js → definition-DNemWu7r.js}

@@ -1,15 +1,15 @@
-import { a9 as j, a7 as m, B as F, V as f, a8 as I } from "./index-DcPl9DUc.js";
+import { m as H, j as m, B as F, V as f, l as I } from "./index-BDd5cXFC.js";
 import { useTheme as _, definePreview as O } from "@embeddable.com/react";
 import { i as W, r as Y } from "./component.utils-oQMZT7TK.js";
-import { C as E } from "./ChartCard-HpSv5cY6.js";
-import { g as q, a as J } from "./bars.utils-lZnqwfM9.js";
-import { u as K } from "./charts.fillGaps.hooks-CvS5tfFP.js";
-import { C as N, g as Q } from "./granularity.utils-C1YICLik.js";
-import { a as U } from "./charts.utils-LTooRxIg.js";
-import { i as e, s as b } from "./component.inputs.constants-DYl-U975.js";
-import { p as u } from "./preview.data.constants-B8B82ITM.js";
+import { C as E } from "./ChartCard-Zy5lPApV.js";
+import { g as q, a as J } from "./bars.utils-EERAVU5z.js";
+import { u as K } from "./charts.fillGaps.hooks-BemPBhvC.js";
+import { C as N, g as Q } from "./granularity.utils-C_SX7zKB.js";
+import { c as U } from "./charts.utils-DtGWPIVa.js";
+import { i as e, s as b } from "./component.inputs.constants-DoBT8ykS.js";
+import { p as u } from "./preview.data.constants-B3oyUsaQ.js";
 import { g as X } from "./clientContext.utils-DpB5KsfX.js";
-const d = (a) => {
+const c = (a) => {
   var x, C;
   const s = _();
   W(s);
@@ -26,7 +26,7 @@ const d = (a) => {
     xAxisRangeMin: P,
     yAxisMaxItems: k,
     granularity: v,
-    setGranularity: c,
+    setGranularity: d,
     onBarClicked: L
   } = a, { description: h, title: g, tooltip: p, xAxisLabel: S, yAxisLabel: T } = Y(a), n = K({
     results: a.results,
@@ -34,11 +34,11 @@ const d = (a) => {
   }), l = q(
     { data: n.data, dimension: r, measures: o, maxItems: k },
     s
-  ), V = j(
+  ), V = H(
     J({ measures: o, horizontal: !0, data: l, dimension: r }, s),
     // Format X axis based on first measure
     ((C = (x = s.charts) == null ? void 0 : x.barChartDefaultHorizontalPro) == null ? void 0 : C.options) ?? {}
-  ), G = !g && !h && !p, H = U({
+  ), j = !g && !h && !p, G = U({
     data: l,
     dimension: r,
     granularity: v,
@@ -55,12 +55,12 @@ const d = (a) => {
       tooltip: p,
       hideMenu: i,
       children: [
-        c && /* @__PURE__ */ m.jsx(
+        d && /* @__PURE__ */ m.jsx(
           N,
           {
-            hasMarginTop: G,
+            hasMarginTop: j,
             dimension: r,
-            onChange: c
+            onChange: d
           }
         ),
         /* @__PURE__ */ m.jsx(
@@ -78,7 +78,7 @@ const d = (a) => {
             xAxisRangeMax: B,
             xAxisRangeMin: P,
             yAxisLabel: T,
-            onClick: H
+            onClick: G
           }
         )
       ]
@@ -86,7 +86,7 @@ const d = (a) => {
   );
 }, he = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: d
+  default: c
 }, Symbol.toStringTag, { value: "Module" })), Z = {
   name: "BarChartDefaultHorizontalPro",
   label: "Bar Chart - Default Horizontal",
@@ -137,7 +137,7 @@ const d = (a) => {
   measures: [u.measure],
   results: u.results1Measure1Dimension,
   hideMenu: !0
-}, $ = O(d, y), D = (a, s, i) => ({
+}, $ = O(c, y), D = (a, s, i) => ({
   from: a.dataset,
   select: [...a.measures, s ?? a.dimension],
   limit: a.maxResults,
@@ -159,7 +159,7 @@ const d = (a) => {
     results: A(a, o, r)
   };
 }, ge = {
-  Component: d,
+  Component: c,
   meta: Z,
   preview: $,
   previewConfig: y,
@@ -176,4 +176,4 @@ export {
   ge as b,
   he as i
 };
-//# sourceMappingURL=definition-ukcHRZZl.js.map
+//# sourceMappingURL=definition-DNemWu7r.js.map

package/dist/{definition-ukcHRZZl.js.map → definition-DNemWu7r.js.map}

@@ -1 +1 @@
-{"version":3,"file":"definition-ukcHRZZl.js","sources":["../src/components/charts/bars/BarChartDefaultHorizontalPro/index.tsx","../src/components/charts/bars/BarChartDefaultHorizontalPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarChart } from '@embeddable.com/remarkable-ui';\nimport { getBarChartProData, getBarChartProOptions } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\nimport { BarChartBaseProps } from '../bars.types';\nimport { createSimpleClickHandler } from '../../charts.utils';\n\nexport type BarChartDefaultHorizontalProProps = BarChartBaseProps & {\n  reverseYAxis?: boolean;\n  xAxisRangeMax?: number;\n  xAxisRangeMin?: number;\n  yAxisMaxItems?: number;\n};\n\nconst BarChartDefaultHorizontalPro = (props: BarChartDefaultHorizontalProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    hideMenu,\n    dimension,\n    measures,\n    showValueLabels,\n    reverseYAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    xAxisRangeMax,\n    xAxisRangeMin,\n    yAxisMaxItems,\n    granularity,\n    setGranularity,\n    onBarClicked,\n  } = props;\n\n  const { description, title, tooltip, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension,\n  });\n\n  const data = getBarChartProData(\n    { data: results.data, dimension, measures, maxItems: yAxisMaxItems },\n    theme,\n  );\n\n  const options = mergician(\n    getBarChartProOptions({ measures, horizontal: true, data, dimension }, theme), // Format X axis based on first measure\n    theme.charts?.barChartDefaultHorizontalPro?.options ?? {},\n  );\n\n  const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n\n  const handleClick = createSimpleClickHandler({\n    data,\n    dimension,\n    granularity,\n    onClicked: onBarClicked,\n  });\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[dimension, ...measures]}\n      errorMessage={results.error}\n      description={description}\n      title={title}\n      tooltip={tooltip}\n      hideMenu={hideMenu}\n    >\n      {setGranularity && (\n        <ChartGranularitySelectField\n          hasMarginTop={granularitySelectorHasMarginTop}\n          dimension={dimension}\n          onChange={setGranularity}\n        />\n      )}\n      <BarChart\n        horizontal\n        data={data}\n        options={options}\n        reverseYAxis={reverseYAxis}\n        showLegend={showLegend}\n        showLogarithmicScale={showLogarithmicScale}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        xAxisLabel={xAxisLabel}\n        xAxisRangeMax={xAxisRangeMax}\n        xAxisRangeMin={xAxisRangeMin}\n        yAxisLabel={yAxisLabel}\n        onClick={handleClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarChartDefaultHorizontalPro;\n","import {\n  DataResponse,\n  Dimension,\n  Granularity,\n  LoadDataRequest,\n  Value,\n  loadData,\n} from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getDimensionWithGranularity } from '../../utils/granularity.utils';\nimport { subInputs } from '../../../component.subinputs.constants';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\nimport { BarChartProOptionsClickArg } from '../bars.types';\n\nconst meta = {\n  name: 'BarChartDefaultHorizontalPro',\n  label: 'Bar Chart - Default Horizontal',\n  description:\n    'Same as BarChartDefaultPro but with horizontal bars. Pick when category labels are long or numerous.',\n  category: 'Bar Charts',\n  inputs: [\n    inputs.dataset,\n    {\n      ...inputs.measures,\n      inputs: [...inputs.measures.inputs, subInputs.color, subInputs.showValueAsPercentage],\n    },\n    { ...inputs.dimensionWithGranularitySelectField, label: 'Y-axis' },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.showLegend,\n    inputs.showTooltips,\n    inputs.showValueLabels,\n    inputs.showLogarithmicScale,\n    inputs.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.reverseYAxis,\n    inputs.xAxisRangeMin,\n    inputs.xAxisRangeMax,\n    inputs.yAxisMaxItems,\n    inputs.maxResults,\n  ],\n  events: [\n    {\n      name: 'onBarClicked',\n      label: 'A bar is clicked',\n      properties: [\n        {\n          name: 'axisDimensionValue',\n          label: 'Clicked axis dimension value',\n          type: 'string',\n        },\n        {\n          name: 'axisDimensionTimeRange',\n          label: 'Clicked axis dimension time range',\n          type: 'timeRange',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type BarChartDefaultHorizontalProState = {\n  granularity?: Granularity;\n};\n\nconst previewConfig = {\n  dimension: previewData.dimension,\n  measures: [previewData.measure],\n  results: previewData.results1Measure1Dimension,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  dimension?: Dimension,\n  clientContext?: ThemeClientContext,\n): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: [...inputs.measures, dimension ?? inputs.dimension],\n  limit: inputs.maxResults,\n  timezone: getClientContextTimezone(clientContext?.timezone),\n});\n\nconst loadDataResults = (\n  inputs: Inputs<typeof meta>,\n  dimension: Dimension,\n  clientContext: ThemeClientContext,\n): DataResponse => loadData(loadDataResultsArgs(inputs, dimension, clientContext));\n\nconst events = {\n  onBarClicked: (value: BarChartProOptionsClickArg) => ({\n    axisDimensionValue: value.dimensionValue ?? Value.noFilter(),\n    axisDimensionTimeRange: value.dimensionTimeRange ?? Value.noFilter(),\n  }),\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [\n    BarChartDefaultHorizontalProState,\n    (state: BarChartDefaultHorizontalProState) => void,\n  ],\n  clientContext: ThemeClientContext,\n) => {\n  const dimensionWithGranularity = getDimensionWithGranularity(\n    inputs.dimension,\n    state?.granularity,\n  );\n\n  return {\n    ...inputs,\n    dimension: dimensionWithGranularity,\n    setGranularity: (granularity: Granularity) => setState({ granularity }),\n    results: loadDataResults(inputs, dimensionWithGranularity, clientContext),\n  };\n};\n\nexport const barChartDefaultHorizontalPro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n    events,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n} as const;\n"],"names":["BarChartDefaultHorizontalPro","props","theme","useTheme","i18nSetup","hideMenu","dimension","measures","showValueLabels","reverseYAxis","showLegend","showLogarithmicScale","showTooltips","xAxisRangeMax","xAxisRangeMin","yAxisMaxItems","granularity","setGranularity","onBarClicked","description","title","tooltip","xAxisLabel","yAxisLabel","resolveI18nProps","results","useFillGaps","data","getBarChartProData","options","mergician","getBarChartProOptions","_b","_a","granularitySelectorHasMarginTop","handleClick","createSimpleClickHandler","jsxs","ChartCard","jsx","ChartGranularitySelectField","BarChart","meta","inputs","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","clientContext","getClientContextTimezone","loadDataResults","loadData","events","value","Value","state","setState","dimensionWithGranularity","getDimensionWithGranularity","barChartDefaultHorizontalPro"],"mappings":"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"}
+{"version":3,"file":"definition-DNemWu7r.js","sources":["../src/components/charts/bars/BarChartDefaultHorizontalPro/index.tsx","../src/components/charts/bars/BarChartDefaultHorizontalPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarChart } from '@embeddable.com/remarkable-ui';\nimport { getBarChartProData, getBarChartProOptions } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\nimport { BarChartBaseProps } from '../bars.types';\nimport { createSimpleClickHandler } from '../../charts.utils';\n\nexport type BarChartDefaultHorizontalProProps = BarChartBaseProps & {\n  reverseYAxis?: boolean;\n  xAxisRangeMax?: number;\n  xAxisRangeMin?: number;\n  yAxisMaxItems?: number;\n};\n\nconst BarChartDefaultHorizontalPro = (props: BarChartDefaultHorizontalProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    hideMenu,\n    dimension,\n    measures,\n    showValueLabels,\n    reverseYAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    xAxisRangeMax,\n    xAxisRangeMin,\n    yAxisMaxItems,\n    granularity,\n    setGranularity,\n    onBarClicked,\n  } = props;\n\n  const { description, title, tooltip, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension,\n  });\n\n  const data = getBarChartProData(\n    { data: results.data, dimension, measures, maxItems: yAxisMaxItems },\n    theme,\n  );\n\n  const options = mergician(\n    getBarChartProOptions({ measures, horizontal: true, data, dimension }, theme), // Format X axis based on first measure\n    theme.charts?.barChartDefaultHorizontalPro?.options ?? {},\n  );\n\n  const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n\n  const handleClick = createSimpleClickHandler({\n    data,\n    dimension,\n    granularity,\n    onClicked: onBarClicked,\n  });\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[dimension, ...measures]}\n      errorMessage={results.error}\n      description={description}\n      title={title}\n      tooltip={tooltip}\n      hideMenu={hideMenu}\n    >\n      {setGranularity && (\n        <ChartGranularitySelectField\n          hasMarginTop={granularitySelectorHasMarginTop}\n          dimension={dimension}\n          onChange={setGranularity}\n        />\n      )}\n      <BarChart\n        horizontal\n        data={data}\n        options={options}\n        reverseYAxis={reverseYAxis}\n        showLegend={showLegend}\n        showLogarithmicScale={showLogarithmicScale}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        xAxisLabel={xAxisLabel}\n        xAxisRangeMax={xAxisRangeMax}\n        xAxisRangeMin={xAxisRangeMin}\n        yAxisLabel={yAxisLabel}\n        onClick={handleClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarChartDefaultHorizontalPro;\n","import {\n  DataResponse,\n  Dimension,\n  Granularity,\n  LoadDataRequest,\n  Value,\n  loadData,\n} from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getDimensionWithGranularity } from '../../utils/granularity.utils';\nimport { subInputs } from '../../../component.subinputs.constants';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\nimport { BarChartProOptionsClickArg } from '../bars.types';\n\nconst meta = {\n  name: 'BarChartDefaultHorizontalPro',\n  label: 'Bar Chart - Default Horizontal',\n  description:\n    'Same as BarChartDefaultPro but with horizontal bars. Pick when category labels are long or numerous.',\n  category: 'Bar Charts',\n  inputs: [\n    inputs.dataset,\n    {\n      ...inputs.measures,\n      inputs: [...inputs.measures.inputs, subInputs.color, subInputs.showValueAsPercentage],\n    },\n    { ...inputs.dimensionWithGranularitySelectField, label: 'Y-axis' },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.showLegend,\n    inputs.showTooltips,\n    inputs.showValueLabels,\n    inputs.showLogarithmicScale,\n    inputs.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.reverseYAxis,\n    inputs.xAxisRangeMin,\n    inputs.xAxisRangeMax,\n    inputs.yAxisMaxItems,\n    inputs.maxResults,\n  ],\n  events: [\n    {\n      name: 'onBarClicked',\n      label: 'A bar is clicked',\n      properties: [\n        {\n          name: 'axisDimensionValue',\n          label: 'Clicked axis dimension value',\n          type: 'string',\n        },\n        {\n          name: 'axisDimensionTimeRange',\n          label: 'Clicked axis dimension time range',\n          type: 'timeRange',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type BarChartDefaultHorizontalProState = {\n  granularity?: Granularity;\n};\n\nconst previewConfig = {\n  dimension: previewData.dimension,\n  measures: [previewData.measure],\n  results: previewData.results1Measure1Dimension,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  dimension?: Dimension,\n  clientContext?: ThemeClientContext,\n): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: [...inputs.measures, dimension ?? inputs.dimension],\n  limit: inputs.maxResults,\n  timezone: getClientContextTimezone(clientContext?.timezone),\n});\n\nconst loadDataResults = (\n  inputs: Inputs<typeof meta>,\n  dimension: Dimension,\n  clientContext: ThemeClientContext,\n): DataResponse => loadData(loadDataResultsArgs(inputs, dimension, clientContext));\n\nconst events = {\n  onBarClicked: (value: BarChartProOptionsClickArg) => ({\n    axisDimensionValue: value.dimensionValue ?? Value.noFilter(),\n    axisDimensionTimeRange: value.dimensionTimeRange ?? Value.noFilter(),\n  }),\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [\n    BarChartDefaultHorizontalProState,\n    (state: BarChartDefaultHorizontalProState) => void,\n  ],\n  clientContext: ThemeClientContext,\n) => {\n  const dimensionWithGranularity = getDimensionWithGranularity(\n    inputs.dimension,\n    state?.granularity,\n  );\n\n  return {\n    ...inputs,\n    dimension: dimensionWithGranularity,\n    setGranularity: (granularity: Granularity) => setState({ granularity }),\n    results: loadDataResults(inputs, dimensionWithGranularity, clientContext),\n  };\n};\n\nexport const barChartDefaultHorizontalPro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n    events,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n} as const;\n"],"names":["BarChartDefaultHorizontalPro","props","theme","useTheme","i18nSetup","hideMenu","dimension","measures","showValueLabels","reverseYAxis","showLegend","showLogarithmicScale","showTooltips","xAxisRangeMax","xAxisRangeMin","yAxisMaxItems","granularity","setGranularity","onBarClicked","description","title","tooltip","xAxisLabel","yAxisLabel","resolveI18nProps","results","useFillGaps","data","getBarChartProData","options","mergician","getBarChartProOptions","_b","_a","granularitySelectorHasMarginTop","handleClick","createSimpleClickHandler","jsxs","ChartCard","jsx","ChartGranularitySelectField","BarChart","meta","inputs","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","clientContext","getClientContextTimezone","loadDataResults","loadData","events","value","Value","state","setState","dimensionWithGranularity","getDimensionWithGranularity","barChartDefaultHorizontalPro"],"mappings":"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"}

package/dist/{definition-CkRgTDxG.js → definition-DP17cDpI.js}

@@ -1,18 +1,18 @@
 import { useTheme as ge, definePreview as he } from "@embeddable.com/react";
-import { X as ve, ae as te, a7 as s, N as x, F as m, t as Oe, E as W, n as Be, o as ne, W as _e, I as Ne, m as ye, A as Fe, V as be, a8 as Ce } from "./index-DcPl9DUc.js";
-import je, { useState as T, useRef as q, useEffect as C, useCallback as xe } from "react";
-import { g as J } from "./dimensionsAndMeasures.utils-BsJIn37r.js";
+import { g as ve, a0 as te, j as s, a1 as x, a2 as m, $ as Oe, t as $, I as Be, a3 as ne, f as _e, a4 as Ne, a5 as ye, A as Fe, V as be, l as je } from "./index-BDd5cXFC.js";
+import Ce, { useState as T, useRef as q, useEffect as j, useCallback as xe } from "react";
+import { g as J } from "./dimensionsAndMeasures.utils-BolsWK6X.js";
 import { a as h, i as Me, r as Te } from "./component.utils-oQMZT7TK.js";
-import { b as Ae } from "./formatter.utils-CueRuFiK.js";
-import { E as Se } from "./EditorCard-G99fWjyz.js";
-import { i as S } from "./component.inputs.constants-DYl-U975.js";
+import { g as Ae } from "./formatter.utils-DE-_ADag.js";
+import { E as Se } from "./EditorCard-DivoetAt.js";
+import { i as S } from "./component.inputs.constants-DoBT8ykS.js";
 /**
  * @license @tabler/icons-react v3.44.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14 0", key: "svg-1" }]], oe = ve("outline", "plus", "Plus", Ie), Re = "_container_2pz3g_1", qe = "_scroll_2pz3g_13", we = "_filter_2pz3g_26", De = "_addButton_2pz3g_32", ze = "_memberButton_2pz3g_60", Le = "_deleteButton_2pz3g_83", Ve = "_operatorButton_2pz3g_114", Ee = "_valueButton_2pz3g_138", Pe = "_loadingSpinner_2pz3g_175", ke = "_valueButtonEmpty_2pz3g_183", We = "_clearButton_2pz3g_187", $e = "_scrollRightButton_2pz3g_207", Je = "_scrollLeftButton_2pz3g_240", Ue = "_valueInput_2pz3g_273", O = {
+const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14 0", key: "svg-1" }]], oe = ve("outline", "plus", "Plus", Ie), Re = "_container_2pz3g_1", qe = "_scroll_2pz3g_13", we = "_filter_2pz3g_26", De = "_addButton_2pz3g_32", ze = "_memberButton_2pz3g_60", Le = "_deleteButton_2pz3g_83", Ve = "_operatorButton_2pz3g_114", Ee = "_valueButton_2pz3g_138", Pe = "_loadingSpinner_2pz3g_175", ke = "_valueButtonEmpty_2pz3g_183", $e = "_clearButton_2pz3g_187", We = "_scrollRightButton_2pz3g_207", Je = "_scrollLeftButton_2pz3g_240", Ue = "_valueInput_2pz3g_273", O = {
   container: Re,
   scroll: qe,
   filter: we,
@@ -23,11 +23,11 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
   valueButton: Ee,
   loadingSpinner: Pe,
   valueButtonEmpty: ke,
-  clearButton: We,
-  scrollRightButton: $e,
+  clearButton: $e,
+  scrollRightButton: We,
   scrollLeftButton: Je,
   valueInput: Ue
-}, $ = (e) => e.target.value === "" ? null : Number(e.target.value), Xe = ({
+}, W = (e) => e.target.value === "" ? null : Number(e.target.value), He = ({
   filter: e,
   onSelectValue: r
 }) => {
@@ -38,11 +38,11 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
   ), p = q(null), d = te((v) => {
     r(v);
   });
-  return C(() => {
+  return j(() => {
     u != null && n != null && d([u, n]);
-  }, [u, n, d]), C(() => {
+  }, [u, n, d]), j(() => {
     o != null && d(o);
-  }, [o, d]), C(() => {
+  }, [o, d]), j(() => {
     e.value || setTimeout(() => {
       var v;
       (v = p.current) == null || v.focus();
@@ -55,7 +55,7 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
         type: "number",
         className: O.valueInput,
         value: u ?? "",
-        onChange: (v) => c($(v))
+        onChange: (v) => c(W(v))
       }
     ),
     /* @__PURE__ */ s.jsx("button", { disabled: !0, className: O.operatorButton, children: h.t("editors.filterBuilder.betweenAnd") }),
@@ -65,7 +65,7 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
         type: "number",
         className: O.valueInput,
         value: n ?? "",
-        onChange: (v) => a($(v))
+        onChange: (v) => a(W(v))
       }
     )
   ] }) : /* @__PURE__ */ s.jsx(
@@ -75,19 +75,19 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
       type: "number",
       className: O.valueInput,
       value: o ?? "",
-      onChange: (v) => f($(v))
+      onChange: (v) => f(W(v))
     }
   );
-}, He = ({
+}, Ke = ({
   filter: e,
   onSelectValue: r
 }) => {
   const [o, f] = T((e == null ? void 0 : e.value) ?? ""), u = q(null), c = te((n) => {
     r(n);
   });
-  return C(() => {
+  return j(() => {
     c(o || null);
-  }, [o, c]), C(() => {
+  }, [o, c]), j(() => {
     e.value || setTimeout(() => {
       var n;
       (n = u.current) == null || n.focus();
@@ -108,7 +108,7 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
   isOneOf: "isOneOf",
   isNotOneOf: "isNotOneOf",
   contains: "contains"
-}, Ke = {
+}, Xe = {
   [g.is]: m.equals,
   [g.isNot]: m.notEquals,
   [g.isOneOf]: m.contains,
@@ -147,7 +147,7 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
       }
     ];
   }
-  const r = Ke[e.operator] ?? Ye[e.operator];
+  const r = Xe[e.operator] ?? Ye[e.operator];
   return [{ property: e.dimensionOrMeasure.name, operator: r, value: e.value }];
 }, Ze = (e, r) => {
   const o = r.filter((f) => f.dimensionOrMeasure && f.operator && f.value != null).flatMap(Qe);
@@ -218,10 +218,10 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
   });
   const d = (_) => a.current[_] ?? _, v = nt(e.value), M = ot(p, v), b = o == null ? void 0 : o.isLoading, I = !b && (((V = o == null ? void 0 : o.data) == null ? void 0 : V.length) ?? 0) === 0;
   if (r.nativeType === x.number)
-    return /* @__PURE__ */ s.jsx(Xe, { filter: e, onSelectValue: u });
-  if (r.nativeType === x.string && e.operator === g.contains)
     return /* @__PURE__ */ s.jsx(He, { filter: e, onSelectValue: u });
-  const F = e.operator === g.isOneOf || e.operator === g.isNotOneOf, j = e.value != null, A = !b && j;
+  if (r.nativeType === x.string && e.operator === g.contains)
+    return /* @__PURE__ */ s.jsx(Ke, { filter: e, onSelectValue: u });
+  const F = e.operator === g.isOneOf || e.operator === g.isNotOneOf, C = e.value != null, A = !b && C;
   if (F) {
     const _ = e.value ?? [], B = st(_, d);
     return /* @__PURE__ */ s.jsx(
@@ -230,7 +230,7 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
         triggerComponent: /* @__PURE__ */ s.jsx(
           ee,
           {
-            hasValue: j,
+            hasValue: C,
             isLoading: b,
             displayValue: B,
             showClearIcon: A,
@@ -252,12 +252,12 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
   if (e.operator === g.is || e.operator === g.isNot) {
     const _ = e.value != null ? d(e.value) : "...";
     return /* @__PURE__ */ s.jsx(
-      W,
+      $,
       {
         triggerComponent: /* @__PURE__ */ s.jsx(
           ee,
           {
-            hasValue: j,
+            hasValue: C,
             isLoading: b,
             displayValue: _,
             showClearIcon: A,
@@ -305,11 +305,11 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
 }) => {
   var p;
   let a;
-  return e.nativeType === x.number ? a = it() : e.nativeType === x.boolean ? a = at() : a = lt(), C(() => {
+  return e.nativeType === x.number ? a = it() : e.nativeType === x.boolean ? a = at() : a = lt(), j(() => {
     r.operator || u(a[0].value);
   }), /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     /* @__PURE__ */ s.jsx(
-      W,
+      $,
       {
         triggerComponent: /* @__PURE__ */ s.jsx("button", { className: O.operatorButton, children: (p = a.find((d) => d.value === r.operator)) == null ? void 0 : p.label }),
         value: r.operator,
@@ -341,7 +341,7 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
   onSearchValue: a,
   onDelete: p
 }) => {
-  var j;
+  var C;
   const { dimensionOrMeasure: d } = e, [v, M] = T(""), b = se(r), I = J({
     dimensionsAndMeasures: b,
     theme: f
@@ -349,15 +349,15 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
     dimensionsAndMeasures: b,
     searchValue: v,
     theme: f
-  }), z = (j = I.find(
+  }), z = (C = I.find(
     (A) => A.value === (d == null ? void 0 : d.name)
-  )) == null ? void 0 : j.label, F = () => d ? /* @__PURE__ */ s.jsx("button", { className: O.memberButton, children: z }) : /* @__PURE__ */ s.jsxs("button", { className: O.addButton, children: [
+  )) == null ? void 0 : C.label, F = () => d ? /* @__PURE__ */ s.jsx("button", { className: O.memberButton, children: z }) : /* @__PURE__ */ s.jsxs("button", { className: O.addButton, children: [
     /* @__PURE__ */ s.jsx(oe, {}),
     /* @__PURE__ */ s.jsx("span", { children: h.t("editors.filterBuilder.addFilter") })
   ] });
   return /* @__PURE__ */ s.jsxs("div", { className: O.filter, children: [
     /* @__PURE__ */ s.jsx(
-      W,
+      $,
       {
         triggerComponent: F(),
         searchable: !0,
@@ -385,8 +385,8 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
       /* @__PURE__ */ s.jsx("button", { className: O.deleteButton, onClick: p, children: /* @__PURE__ */ s.jsx(ne, {}) })
     ] })
   ] });
-}, X = (e) => {
-  var H, K, Y, G, Q, Z;
+}, H = (e) => {
+  var K, X, Y, G, Q, Z;
   const r = ge();
   Me(r);
   const { title: o, description: f, tooltip: u } = Te(e), {
@@ -395,8 +395,8 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
     embeddableState: a,
     onChange: p,
     defaultFilters: d
-  } = e, [v, M] = T(""), [b, I] = T(!1), [D, z] = T(!1), F = q(null), j = q(void 0), A = q(!0);
-  C(() => {
+  } = e, [v, M] = T(""), [b, I] = T(!1), [D, z] = T(!1), F = q(null), C = q(void 0), A = q(!0);
+  j(() => {
     if (!d || !(c != null && c.length))
       return;
     const t = tt(d, c);
@@ -417,7 +417,7 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
     var t;
     (t = F.current) == null || t.scrollBy({ left: -200, behavior: "smooth" });
   };
-  C(() => {
+  j(() => {
     const t = F.current;
     if (!t) return;
     const l = new ResizeObserver(R);
@@ -425,8 +425,8 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
       l.disconnect(), t.removeEventListener("scroll", R);
     };
   }, [R, a == null ? void 0 : a.filters]);
-  const _ = ((K = (H = a == null ? void 0 : a.filters) == null ? void 0 : H[a.filters.length - 1]) == null ? void 0 : K.id) ?? 0, B = (Y = a == null ? void 0 : a.filters) == null ? void 0 : Y[a.filters.length - 1], E = `${B == null ? void 0 : B.id}-${(G = B == null ? void 0 : B.dimensionOrMeasure) == null ? void 0 : G.name}-${B == null ? void 0 : B.operator}-${JSON.stringify(B == null ? void 0 : B.value)}`;
-  C(() => {
+  const _ = ((X = (K = a == null ? void 0 : a.filters) == null ? void 0 : K[a.filters.length - 1]) == null ? void 0 : X.id) ?? 0, B = (Y = a == null ? void 0 : a.filters) == null ? void 0 : Y[a.filters.length - 1], E = `${B == null ? void 0 : B.id}-${(G = B == null ? void 0 : B.dimensionOrMeasure) == null ? void 0 : G.name}-${B == null ? void 0 : B.operator}-${JSON.stringify(B == null ? void 0 : B.value)}`;
+  j(() => {
     A.current || setTimeout(() => {
       var t;
       (t = F.current) == null || t.scrollTo({ left: F.current.scrollWidth, behavior: "smooth" });
@@ -472,9 +472,9 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
       (l = F.current) == null || l.scrollTo({ left: F.current.scrollWidth, behavior: "smooth" });
     }, 0);
   };
-  C(() => {
+  j(() => {
     const t = Ze(U.AND, w);
-    JSON.stringify(t) !== JSON.stringify(j.current) && (j.current = t, p == null || p(t));
+    JSON.stringify(t) !== JSON.stringify(C.current) && (C.current = t, p == null || p(t));
   }, [w]);
   const de = se(c), pe = J({
     dimensionsAndMeasures: de,
@@ -485,7 +485,7 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
   };
   return /* @__PURE__ */ s.jsx(Se, { title: o, description: f, tooltip: u, children: /* @__PURE__ */ s.jsxs("div", { className: O.container, children: [
     D && /* @__PURE__ */ s.jsx("button", { className: O.scrollLeftButton, onClick: V, children: /* @__PURE__ */ s.jsx(Ne, {}) }),
-    /* @__PURE__ */ s.jsx("div", { className: O.scroll, ref: F, children: w.map((t, l) => /* @__PURE__ */ s.jsx(je.Fragment, { children: /* @__PURE__ */ s.jsx(
+    /* @__PURE__ */ s.jsx("div", { className: O.scroll, ref: F, children: w.map((t, l) => /* @__PURE__ */ s.jsx(Ce.Fragment, { children: /* @__PURE__ */ s.jsx(
       ct,
       {
         filter: t,
@@ -501,7 +501,7 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
     ) }, t.id)) }),
     b && /* @__PURE__ */ s.jsx("button", { className: O.scrollRightButton, onClick: L, children: /* @__PURE__ */ s.jsx(ye, {}) }),
     ((Z = w[0]) == null ? void 0 : Z.dimensionOrMeasure) && /* @__PURE__ */ s.jsx(
-      W,
+      $,
       {
         triggerComponent: /* @__PURE__ */ s.jsx(Fe, { icon: oe }),
         searchable: !0,
@@ -515,7 +515,7 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
   ] }) });
 }, Ft = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: X
+  default: H
 }, Symbol.toStringTag, { value: "Module" })), dt = {
   name: "FilterBuilderPro",
   label: "Filter Builder",
@@ -563,14 +563,14 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
       events: [{ name: "onChange", property: "value" }]
     }
   ]
-}, pt = he(X, {}), ft = (e, [r, o]) => {
+}, pt = he(H, {}), ft = (e, [r, o]) => {
   var u;
   const f = (u = r == null ? void 0 : r.filters) == null ? void 0 : u.reduce((c, n) => {
     var d;
     if (((d = n.dimensionOrMeasure) == null ? void 0 : d.__type__) !== "dimension" || !n.operator)
       return c;
     const { dimensionOrMeasure: a } = n, p = a.nativeType === "string" ? m.contains : m.equals;
-    return c[`filterResults${n.id}`] = Ce({
+    return c[`filterResults${n.id}`] = je({
       from: e.dataset,
       select: [n.dimensionOrMeasure],
       filters: n.search ? [{ operator: p, property: a, value: n.search }] : void 0
@@ -588,7 +588,7 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
     value: e ?? be.noFilter()
   })
 }, bt = {
-  Component: X,
+  Component: H,
   meta: dt,
   preview: pt,
   config: {
@@ -600,4 +600,4 @@ export {
   bt as f,
   Ft as i
 };
-//# sourceMappingURL=definition-CkRgTDxG.js.map
+//# sourceMappingURL=definition-DP17cDpI.js.map