@embeddable.com/remarkable-pro 0.3.0 → 0.3.2

package/dist/definition-De2PxrhM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-De2PxrhM.js","sources":["../src/components/charts/kpis/KpiChartNumberComparisonPro/index.tsx","../src/components/charts/kpis/KpiChartNumberComparisonPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Measure, TimeRange } from '@embeddable.com/core';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { KpiChart } from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { useEffect } from 'react';\nimport {\n  getComparisonPeriodDateRange,\n  getComparisonPeriodLabel,\n} from '../../../utils/timeRange.utils';\nimport { getKpiResults } from '../kpis.utils';\n\nexport type KpiChartNumberComparisonProProp = {\n  changeFontSize?: number;\n  comparisonPeriod?: string;\n  displayChangeAsPercentage?: boolean;\n  fontSize?: number;\n  measure: Measure;\n  primaryDateRange: TimeRange;\n  results: DataResponse;\n  resultsComparison: DataResponse | undefined;\n  reversePositiveNegativeColors?: boolean;\n  percentageDecimalPlaces?: number;\n  comparisonDateRange: TimeRange;\n  displayNullAs?: string;\n  setComparisonDateRange?: (dateRange: TimeRange) => void;\n} & ChartCardHeaderProps;\n\nconst KpiChartNumberComparisonPro = (props: KpiChartNumberComparisonProProp) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, tooltip, displayNullAs } = resolveI18nProps(props);\n  const {\n    hideMenu,\n    changeFontSize,\n    comparisonPeriod,\n    comparisonDateRange,\n    displayChangeAsPercentage,\n    fontSize,\n    measure,\n    primaryDateRange,\n    results,\n    resultsComparison,\n    reversePositiveNegativeColors,\n    percentageDecimalPlaces,\n    setComparisonDateRange,\n  } = props;\n\n  useEffect(() => {\n    if (!setComparisonDateRange) return;\n\n    const newComparisonDateRange = getComparisonPeriodDateRange(\n      primaryDateRange,\n      comparisonPeriod,\n      theme,\n    );\n    setComparisonDateRange(newComparisonDateRange);\n  }, [comparisonPeriod, JSON.stringify(primaryDateRange), theme]);\n\n  const value: number = results.data?.[0]?.[measure.name];\n  const comparisonValue = comparisonDateRange\n    ? resultsComparison?.data?.[0]?.[measure.name]\n    : undefined;\n\n  const themeFormatter = getThemeFormatter(theme);\n  const valueFormatter = (valueToFormat: number) => themeFormatter.data(measure, valueToFormat);\n  const comparisonLabel = `vs ${getComparisonPeriodLabel(comparisonPeriod, theme).toLowerCase()}`;\n\n  const resultsCombined: DataResponse = {\n    isLoading: Boolean(results.isLoading || resultsComparison?.isLoading),\n    data:\n      !results?.data && !resultsComparison?.data\n        ? undefined\n        : [\n            ...(results.data?.length\n              ? [{ label: i18n.t('charts.primaryPeriod'), ...results.data[0] }]\n              : []),\n            ...(resultsComparison?.data?.length\n              ? [{ label: i18n.t('charts.comparisonPeriod'), ...resultsComparison.data[0] }]\n              : []),\n          ],\n  };\n\n  const resultsWithNullsHandled = getKpiResults(resultsCombined, measure, Boolean(displayNullAs));\n\n  return (\n    <ChartCard\n      data={resultsWithNullsHandled}\n      dimensionsAndMeasures={[\n        // Add a label dimension to distinguish primary and comparison periods in exports\n        {\n          name: 'label',\n          title: i18n.t('charts.label'),\n          nativeType: 'string',\n          __type__: 'dimension',\n        },\n        measure,\n      ]}\n      errorMessage={results.error}\n      description={description}\n      title={title}\n      tooltip={tooltip}\n      hideMenu={hideMenu}\n    >\n      <KpiChart\n        displayNullAs={displayNullAs}\n        value={value}\n        comparisonValue={resultsCombined.isLoading ? undefined : comparisonValue}\n        valueFormatter={valueFormatter}\n        valueFontSize={fontSize}\n        trendFontSize={changeFontSize}\n        invertChangeColors={reversePositiveNegativeColors}\n        showChangeAsPercentage={displayChangeAsPercentage}\n        comparisonLabel={comparisonLabel}\n        percentageDecimalPlaces={percentageDecimalPlaces}\n        noPreviousDataLabel={i18n.t('charts.kpiChart.noPreviousData')}\n        equalComparisonLabel={i18n.t('charts.kpiChart.equalComparison')}\n      />\n    </ChartCard>\n  );\n};\n\nexport default KpiChartNumberComparisonPro;\n","import { DataResponse, loadData, LoadDataRequest, TimeRange } 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 { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\n\nconst meta = {\n  name: 'KpiChartNumberComparisonPro',\n  label: 'Kpi Chart - Number Comparison',\n  description:\n    'KPI with a delta versus a comparison period. Takes one measure and pairs with a comparison-period variable.',\n  category: 'Kpi Charts',\n  defaultHeight: 442,\n  defaultWidth: 630,\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    { ...inputs.dimensionTime, name: 'timeProperty', label: 'Time property' },\n    {\n      ...inputs.timeRange,\n      name: 'primaryDateRange',\n      label: 'Primary date-range',\n      description:\n        'The comparison period is derived internally using this date range — do not also apply a date filter on the underlying dataset',\n      category: 'Component Data',\n    },\n    {\n      ...inputs.comparisonPeriod,\n      description: 'You can also connect this to a comparison period selector using its variable',\n      category: 'Component Data',\n    },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.displayNullAs,\n    {\n      ...inputs.boolean,\n      name: 'displayChangeAsPercentage',\n      label: 'Display change as %',\n      defaultValue: false,\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.number,\n      name: 'percentageDecimalPlaces',\n      label: 'Percentage decimal places',\n      defaultValue: 1,\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.boolean,\n      name: 'reversePositiveNegativeColors',\n      label: 'Reverse positive/negative colors',\n      defaultValue: false,\n      category: 'Component Settings',\n    },\n    inputs.fontSize,\n    {\n      ...inputs.fontSize,\n      name: 'changeFontSize',\n      label: 'Trend font-size',\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type KpiChartNumberComparisonProState = {\n  comparisonDateRange: TimeRange;\n};\n\nconst previewConfig = {\n  measure: { ...previewData.measure },\n  results: previewData.results1Measure,\n  resultsComparison: previewData.results1MeasureVariant,\n  primaryDateRange: undefined,\n  comparisonPeriod: 'Previous period',\n  comparisonDateRange: { relativeTimeString: 'Today', from: undefined, to: undefined },\n  fontSize: 100,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  clientContext?: ThemeClientContext,\n): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: [inputs.measure],\n  limit: 1,\n  timezone: getClientContextTimezone(clientContext?.timezone),\n  filters:\n    inputs.primaryDateRange && inputs.timeProperty\n      ? [\n          {\n            property: inputs.timeProperty,\n            operator: 'inDateRange',\n            value: inputs.primaryDateRange,\n          },\n        ]\n      : undefined,\n});\n\nconst loadDataResults = (\n  inputs: Inputs<typeof meta>,\n  clientContext: ThemeClientContext,\n): DataResponse => loadData(loadDataResultsArgs(inputs, clientContext));\n\nconst loadDataResultsComparisonArgs = (\n  inputs: Inputs<typeof meta>,\n  comparisonDateRange: TimeRange,\n  clientContext?: ThemeClientContext,\n): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: [inputs.measure],\n  limit: 1,\n  timezone: getClientContextTimezone(clientContext?.timezone),\n  filters: [\n    {\n      property: inputs.timeProperty,\n      operator: 'inDateRange',\n      value: comparisonDateRange,\n    },\n  ],\n});\n\nconst loadDataResultsComparison = (\n  inputs: Inputs<typeof meta>,\n  state: KpiChartNumberComparisonProState,\n  clientContext: ThemeClientContext,\n): DataResponse | undefined => {\n  if (inputs.primaryDateRange && inputs.timeProperty && state?.comparisonDateRange) {\n    return loadData(\n      loadDataResultsComparisonArgs(inputs, state.comparisonDateRange, clientContext),\n    );\n  }\n  return undefined;\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [\n    KpiChartNumberComparisonProState,\n    (state: KpiChartNumberComparisonProState) => void,\n  ],\n  clientContext: ThemeClientContext,\n) => ({\n  ...inputs,\n  comparisonPeriod: inputs.comparisonPeriod as string | undefined,\n  comparisonDateRange: state?.comparisonDateRange,\n  setComparisonDateRange: (comparisonDateRange: TimeRange) => setState({ comparisonDateRange }),\n  results: loadDataResults(inputs, clientContext),\n  resultsComparison: loadDataResultsComparison(inputs, state, clientContext),\n});\n\nexport const kpiChartNumberComparisonPro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n  resultsComparison: {\n    loadDataArgs: loadDataResultsComparisonArgs,\n    loadData: loadDataResultsComparison,\n  },\n} as const;\n"],"names":["KpiChartNumberComparisonPro","props","theme","useTheme","i18nSetup","title","description","tooltip","displayNullAs","resolveI18nProps","hideMenu","changeFontSize","comparisonPeriod","comparisonDateRange","displayChangeAsPercentage","fontSize","measure","primaryDateRange","results","resultsComparison","reversePositiveNegativeColors","percentageDecimalPlaces","setComparisonDateRange","useEffect","newComparisonDateRange","getComparisonPeriodDateRange","value","_b","_a","comparisonValue","_d","_c","themeFormatter","getThemeFormatter","valueFormatter","valueToFormat","comparisonLabel","getComparisonPeriodLabel","resultsCombined","_e","i18n","_f","resultsWithNullsHandled","getKpiResults","jsx","ChartCard","KpiChart","meta","inputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","clientContext","getClientContextTimezone","loadDataResults","loadData","loadDataResultsComparisonArgs","loadDataResultsComparison","state","setState","kpiChartNumberComparisonPro"],"mappings":"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"}

package/dist/{definition-CAwD0Puc.js → definition-DfgNZaSg.js}

@@ -1,6 +1,6 @@
 import { definePreview as a } from "@embeddable.com/react";
-import { a7 as i, j as s, a2 as l } from "./index-Cddhb628.js";
-import { i as t } from "./component.inputs.constants-BFlnzCwS.js";
+import { a7 as i, j as s, a2 as l } from "./index-DcPl9DUc.js";
+import { i as t } from "./component.inputs.constants-DYl-U975.js";
 const d = "_horizontalDividerContainer_y6kms_1", c = {
   horizontalDividerContainer: d
 }, o = (e) => {
@@ -41,4 +41,4 @@ export {
   z as h,
   g as i
 };
-//# sourceMappingURL=definition-CAwD0Puc.js.map
+//# sourceMappingURL=definition-DfgNZaSg.js.map

package/dist/{definition-CAwD0Puc.js.map → definition-DfgNZaSg.js.map}

@@ -1 +1 @@
-{"version":3,"file":"definition-CAwD0Puc.js","sources":["../src/components/shared/HorizontalDividerPro/index.tsx","../src/components/shared/HorizontalDividerPro/definition.ts"],"sourcesContent":["import { Divider } from '@embeddable.com/remarkable-ui';\nimport styles from './HorizontalDividerPro.module.css';\n\ntype HorizontalDividerProProps = {\n  color?: string;\n  thickness?: number;\n};\n\nconst HorizontalDividerPro = (props: HorizontalDividerProProps) => {\n  const { color, thickness } = props;\n\n  return (\n    <div className={styles.horizontalDividerContainer}>\n      <Divider color={color} thickness={thickness} />\n    </div>\n  );\n};\n\nexport default HorizontalDividerPro;\n","import { EmbeddedComponentMeta, Inputs, definePreview } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../component.inputs.constants';\nimport { getStyle } from '@embeddable.com/remarkable-ui';\n\nconst meta = {\n  name: 'HorizontalDividerPro',\n  label: 'Horizontal Divider',\n  description: 'Visual divider for separating sections of the dashboard.',\n  category: 'Layout',\n  defaultWidth: 450,\n  defaultHeight: 120,\n  inputs: [\n    {\n      ...inputs.number,\n      name: 'thickness',\n      label: 'Thickness',\n      category: 'Component Settings',\n      description: 'Thickness of the divider in pixels',\n    },\n    { ...inputs.color, defaultValue: getStyle('--em-divider-color', '#e4e4ea') },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst preview = definePreview(Component, {});\n\nconst props = (inputs: Inputs<typeof meta>) => ({\n  ...inputs,\n  color: inputs.color as string | undefined,\n});\n\nexport const horizontalDividerPro = {\n  Component,\n  meta,\n  preview,\n  config: {\n    props,\n  },\n} as const;\n"],"names":["HorizontalDividerPro","props","color","thickness","jsx","styles","Divider","meta","inputs","getStyle","preview","definePreview","Component","horizontalDividerPro"],"mappings":";;;;;GAQMA,IAAuB,CAACC,MAAqC;AACjE,QAAM,EAAE,OAAAC,GAAO,WAAAC,EAAA,IAAcF;AAE7B,SACEG,gBAAAA,EAAAA,IAAC,SAAI,WAAWC,EAAO,4BACrB,UAAAD,gBAAAA,EAAAA,IAACE,GAAA,EAAQ,OAAAJ,GAAc,WAAAC,EAAA,CAAsB,EAAA,CAC/C;AAEJ;;;8CCXMI,IAAO;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,aAAa;AAAA,EACb,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACN;AAAA,MACE,GAAGC,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,aAAa;AAAA,IAAA;AAAA,IAEf,EAAE,GAAGA,EAAO,OAAO,cAAcC,EAAS,sBAAsB,SAAS,EAAA;AAAA,EAAE;AAE/E,GAEMC,IAAUC,EAAcC,GAAW,EAAE,GAErCX,IAAQ,CAACO,OAAiC;AAAA,EAC9C,GAAGA;AAAAA,EACH,OAAOA,EAAO;AAChB,IAEaK,IAAuB;AAAA,EAAA,WAClCD;AAAAA,EACA,MAAAL;AAAA,EACA,SAAAG;AAAA,EACA,QAAQ;AAAA,IACN,OAAAT;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"definition-DfgNZaSg.js","sources":["../src/components/shared/HorizontalDividerPro/index.tsx","../src/components/shared/HorizontalDividerPro/definition.ts"],"sourcesContent":["import { Divider } from '@embeddable.com/remarkable-ui';\nimport styles from './HorizontalDividerPro.module.css';\n\ntype HorizontalDividerProProps = {\n  color?: string;\n  thickness?: number;\n};\n\nconst HorizontalDividerPro = (props: HorizontalDividerProProps) => {\n  const { color, thickness } = props;\n\n  return (\n    <div className={styles.horizontalDividerContainer}>\n      <Divider color={color} thickness={thickness} />\n    </div>\n  );\n};\n\nexport default HorizontalDividerPro;\n","import { EmbeddedComponentMeta, Inputs, definePreview } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../component.inputs.constants';\nimport { getStyle } from '@embeddable.com/remarkable-ui';\n\nconst meta = {\n  name: 'HorizontalDividerPro',\n  label: 'Horizontal Divider',\n  description: 'Visual divider for separating sections of the dashboard.',\n  category: 'Layout',\n  defaultWidth: 450,\n  defaultHeight: 120,\n  inputs: [\n    {\n      ...inputs.number,\n      name: 'thickness',\n      label: 'Thickness',\n      category: 'Component Settings',\n      description: 'Thickness of the divider in pixels',\n    },\n    { ...inputs.color, defaultValue: getStyle('--em-divider-color', '#e4e4ea') },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst preview = definePreview(Component, {});\n\nconst props = (inputs: Inputs<typeof meta>) => ({\n  ...inputs,\n  color: inputs.color as string | undefined,\n});\n\nexport const horizontalDividerPro = {\n  Component,\n  meta,\n  preview,\n  config: {\n    props,\n  },\n} as const;\n"],"names":["HorizontalDividerPro","props","color","thickness","jsx","styles","Divider","meta","inputs","getStyle","preview","definePreview","Component","horizontalDividerPro"],"mappings":";;;;;GAQMA,IAAuB,CAACC,MAAqC;AACjE,QAAM,EAAE,OAAAC,GAAO,WAAAC,EAAA,IAAcF;AAE7B,SACEG,gBAAAA,EAAAA,IAAC,SAAI,WAAWC,EAAO,4BACrB,UAAAD,gBAAAA,EAAAA,IAACE,GAAA,EAAQ,OAAAJ,GAAc,WAAAC,EAAA,CAAsB,EAAA,CAC/C;AAEJ;;;8CCXMI,IAAO;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,aAAa;AAAA,EACb,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACN;AAAA,MACE,GAAGC,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,aAAa;AAAA,IAAA;AAAA,IAEf,EAAE,GAAGA,EAAO,OAAO,cAAcC,EAAS,sBAAsB,SAAS,EAAA;AAAA,EAAE;AAE/E,GAEMC,IAAUC,EAAcC,GAAW,EAAE,GAErCX,IAAQ,CAACO,OAAiC;AAAA,EAC9C,GAAGA;AAAAA,EACH,OAAOA,EAAO;AAChB,IAEaK,IAAuB;AAAA,EAAA,WAClCD;AAAAA,EACA,MAAAL;AAAA,EACA,SAAAG;AAAA,EACA,QAAQ;AAAA,IACN,OAAAT;AAAA,EAAA;AAEJ;"}

package/dist/definition-DmskK6py.js

@@ -0,0 +1,604 @@
+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 { 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";
+/**
+ * @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 = {
+  container: Re,
+  scroll: qe,
+  filter: we,
+  addButton: De,
+  memberButton: ze,
+  deleteButton: Le,
+  operatorButton: Ve,
+  valueButton: Ee,
+  loadingSpinner: Pe,
+  valueButtonEmpty: ke,
+  clearButton: We,
+  scrollRightButton: $e,
+  scrollLeftButton: Je,
+  valueInput: Ue
+}, $ = (e) => e.target.value === "" ? null : Number(e.target.value), Xe = ({
+  filter: e,
+  onSelectValue: r
+}) => {
+  const [o, f] = T((e == null ? void 0 : e.value) ?? null), [u, c] = T(
+    Array.isArray(e.value) ? e.value[0] ?? null : null
+  ), [n, i] = T(
+    Array.isArray(e.value) ? e.value[1] ?? null : null
+  ), p = q(null), d = te((v) => {
+    r(v);
+  });
+  return C(() => {
+    u != null && n != null && d([u, n]);
+  }, [u, n, d]), C(() => {
+    o != null && d(o);
+  }, [o, d]), C(() => {
+    setTimeout(() => {
+      var v;
+      (v = p.current) == null || v.focus();
+    }, 100);
+  }, [e.operator]), e.operator === "between" ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    /* @__PURE__ */ s.jsx(
+      "input",
+      {
+        ref: p,
+        type: "number",
+        className: O.valueInput,
+        value: u ?? "",
+        onChange: (v) => c($(v))
+      }
+    ),
+    /* @__PURE__ */ s.jsx("button", { disabled: !0, className: O.operatorButton, children: h.t("editors.filterBuilder.betweenAnd") }),
+    /* @__PURE__ */ s.jsx(
+      "input",
+      {
+        type: "number",
+        className: O.valueInput,
+        value: n ?? "",
+        onChange: (v) => i($(v))
+      }
+    )
+  ] }) : /* @__PURE__ */ s.jsx(
+    "input",
+    {
+      ref: p,
+      type: "number",
+      className: O.valueInput,
+      value: o ?? "",
+      onChange: (v) => f($(v))
+    }
+  );
+}, He = ({
+  filter: e,
+  onSelectValue: r
+}) => {
+  const [o, f] = T((e == null ? void 0 : e.value) ?? ""), u = q(null), c = te((n) => {
+    r(n);
+  });
+  return C(() => {
+    c(o || null);
+  }, [o, c]), C(() => {
+    setTimeout(() => {
+      var n;
+      (n = u.current) == null || n.focus();
+    }, 100);
+  }, [e.operator]), /* @__PURE__ */ s.jsx(
+    "input",
+    {
+      ref: u,
+      type: "text",
+      className: O.valueInput,
+      value: o,
+      onChange: (n) => f(n.target.value)
+    }
+  );
+}, g = {
+  is: "is",
+  isNot: "isNot",
+  isOneOf: "isOneOf",
+  isNotOneOf: "isNotOneOf",
+  contains: "contains"
+}, Ke = {
+  [g.is]: m.equals,
+  [g.isNot]: m.notEquals,
+  [g.isOneOf]: m.contains,
+  [g.isNotOneOf]: m.notContains,
+  [g.contains]: m.contains
+}, y = {
+  equals: m.equals,
+  notEquals: m.notEquals,
+  gte: m.gte,
+  lte: m.lte,
+  between: "between"
+}, Ye = {
+  [y.equals]: m.equals,
+  [y.notEquals]: m.notEquals,
+  [y.gte]: m.gte,
+  [y.lte]: m.lte
+}, U = {
+  AND: "and"
+}, Ge = [
+  x.string,
+  x.boolean,
+  x.number
+], se = (e) => e.filter(
+  (r) => Ge.includes(r.nativeType)
+), Qe = (e) => {
+  var o;
+  if (e.operator === y.between && ((o = e.dimensionOrMeasure) == null ? void 0 : o.nativeType) === x.number) {
+    const [f, u] = e.value;
+    return [
+      {
+        operator: U.AND,
+        clauses: [
+          { property: e.dimensionOrMeasure.name, operator: m.gte, value: f },
+          { property: e.dimensionOrMeasure.name, operator: m.lte, value: u }
+        ]
+      }
+    ];
+  }
+  const r = Ke[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);
+  return o.length === 0 ? null : { operator: e, clauses: o };
+}, et = (e, r, o) => {
+  if ("clauses" in e) {
+    const p = e.clauses[0], d = e.clauses[1];
+    if (e.operator === U.AND && e.clauses.length === 2 && p != null && d != null && "property" in p && "property" in d && p.property === d.property && p.operator === m.gte && d.operator === m.lte) {
+      const v = r.find((M) => M.name === p.property) ?? null;
+      return {
+        id: o,
+        dimensionOrMeasure: v,
+        search: "",
+        operator: y.between,
+        value: [p.value, d.value]
+      };
+    }
+    return null;
+  }
+  const { property: f, operator: u, value: c } = e, n = r.find((p) => p.name === f) ?? null;
+  let i = null;
+  return (n == null ? void 0 : n.nativeType) === x.number ? i = {
+    [m.equals]: y.equals,
+    [m.notEquals]: y.notEquals,
+    [m.gte]: y.gte,
+    [m.lte]: y.lte
+  }[u] ?? null : u === m.contains ? i = Array.isArray(c) ? g.isOneOf : g.contains : i = {
+    [m.equals]: g.is,
+    [m.notEquals]: g.isNot,
+    [m.notContains]: g.isNotOneOf
+  }[u] ?? null, { id: o, dimensionOrMeasure: n, search: "", operator: i, value: c };
+}, tt = (e, r) => {
+  if (!e) return [];
+  if (!("clauses" in e)) return [];
+  const o = [];
+  return e.clauses.forEach((f, u) => {
+    const c = et(f, r, u + 1);
+    c && o.push(c);
+  }), o.length ? o : [];
+}, nt = (e) => Array.isArray(e) ? e : e == null ? [] : [e], ot = (e, r) => [
+  ...e.filter((o) => r.includes(o.value)),
+  ...e.filter((o) => !r.includes(o.value))
+], st = (e, r) => e.length === 0 ? "..." : e.length > 2 ? `${e.length} selected` : e.map(r).join(", "), ee = ({
+  hasValue: e,
+  isLoading: r,
+  displayValue: o,
+  showClearIcon: f,
+  onClear: u,
+  ...c
+}) => /* @__PURE__ */ s.jsxs("button", { className: _e(O.valueButton, !e && O.valueButtonEmpty), ...c, children: [
+  r ? /* @__PURE__ */ s.jsx(Be, { className: O.loadingSpinner }) : o,
+  f && /* @__PURE__ */ s.jsx(ne, { onClick: u })
+] }), rt = ({
+  filter: e,
+  dimensionOrMeasure: r,
+  results: o,
+  theme: f,
+  onSelectValue: u,
+  onSearchValue: c
+}) => {
+  var L, V;
+  const n = Ae(f), i = q({}), p = ((L = o == null ? void 0 : o.data) == null ? void 0 : L.map((_) => ({
+    value: _[r.name],
+    label: n.data(r, _[r.name])
+  }))) ?? [];
+  p.forEach(({ value: _, label: B }) => {
+    _ != null && (i.current[_] = B);
+  });
+  const d = (_) => i.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 (F) {
+    const _ = e.value ?? [], B = st(_, d);
+    return /* @__PURE__ */ s.jsx(
+      Oe,
+      {
+        triggerComponent: /* @__PURE__ */ s.jsx(
+          ee,
+          {
+            hasValue: j,
+            isLoading: b,
+            displayValue: B,
+            showClearIcon: A,
+            onClear: () => u(null)
+          }
+        ),
+        isSearchable: !0,
+        isClearable: !0,
+        isLoading: b,
+        values: _,
+        options: M,
+        onChange: (E) => u(E.length === 0 ? null : E),
+        onSearch: c,
+        avoidCollisions: !1,
+        noOptionsMessage: I ? h.t("common.noOptionsFound") : void 0
+      }
+    );
+  }
+  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,
+            isLoading: b,
+            displayValue: _,
+            showClearIcon: A,
+            onClear: () => u(null)
+          }
+        ),
+        searchable: !0,
+        clearable: !0,
+        isLoading: b,
+        value: e.value,
+        options: M,
+        onChange: u,
+        onSearch: c,
+        avoidCollisions: !1,
+        noOptionsMessage: I ? h.t("common.noOptionsFound") : void 0
+      }
+    );
+  }
+  return null;
+}, lt = () => [
+  { value: g.is, label: h.t("editors.filterBuilder.is") },
+  { value: g.isNot, label: h.t("editors.filterBuilder.isNot") },
+  { value: g.isOneOf, label: h.t("editors.filterBuilder.isOneOf") },
+  { value: g.isNotOneOf, label: h.t("editors.filterBuilder.isNotOneOf") },
+  { value: g.contains, label: h.t("editors.filterBuilder.contains") }
+], it = () => [
+  { value: g.is, label: h.t("editors.filterBuilder.is") },
+  { value: g.isNot, label: h.t("editors.filterBuilder.isNot") },
+  { value: g.isOneOf, label: h.t("editors.filterBuilder.isOneOf") },
+  { value: g.isNotOneOf, label: h.t("editors.filterBuilder.isNotOneOf") }
+], at = () => [
+  { value: y.equals, label: h.t("editors.filterBuilder.equals") },
+  { value: y.notEquals, label: h.t("editors.filterBuilder.doesNotEqual") },
+  { value: y.gte, label: h.t("editors.filterBuilder.greaterThanOrEqualTo") },
+  { value: y.lte, label: h.t("editors.filterBuilder.lessThanOrEqualTo") },
+  { value: y.between, label: h.t("editors.filterBuilder.between") }
+], ut = ({
+  dimensionOrMeasure: e,
+  filter: r,
+  results: o,
+  theme: f,
+  onSelectOperator: u,
+  onSelectValue: c,
+  onSearchValue: n
+}) => {
+  var p;
+  let i;
+  return e.nativeType === x.number ? i = at() : e.nativeType === x.boolean ? i = it() : i = lt(), C(() => {
+    r.operator || u(i[0].value);
+  }), /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    /* @__PURE__ */ s.jsx(
+      W,
+      {
+        triggerComponent: /* @__PURE__ */ s.jsx("button", { className: O.operatorButton, children: (p = i.find((d) => d.value === r.operator)) == null ? void 0 : p.label }),
+        value: r.operator,
+        options: i,
+        onChange: u,
+        avoidCollisions: !1
+      }
+    ),
+    /* @__PURE__ */ s.jsx(
+      rt,
+      {
+        filter: r,
+        dimensionOrMeasure: e,
+        results: o,
+        theme: f,
+        onSelectValue: c,
+        onSearchValue: n
+      }
+    )
+  ] });
+}, ct = ({
+  filter: e,
+  dimensionsAndMeasures: r,
+  results: o,
+  theme: f,
+  onSelectDimensionOrMeasure: u,
+  onSelectOperator: c,
+  onSelectValue: n,
+  onSearchValue: i,
+  onDelete: p
+}) => {
+  var j;
+  const { dimensionOrMeasure: d } = e, [v, M] = T(""), b = se(r), I = J({
+    dimensionsAndMeasures: b,
+    theme: f
+  }), D = J({
+    dimensionsAndMeasures: b,
+    searchValue: v,
+    theme: f
+  }), z = (j = 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: [
+    /* @__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,
+        value: d == null ? void 0 : d.name,
+        onChange: u,
+        onSearch: M,
+        options: D,
+        avoidCollisions: !1,
+        noOptionsMessage: h.t("common.noOptionsFound")
+      }
+    ),
+    d && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+      /* @__PURE__ */ s.jsx(
+        ut,
+        {
+          dimensionOrMeasure: d,
+          filter: e,
+          results: o,
+          theme: f,
+          onSelectOperator: c,
+          onSelectValue: n,
+          onSearchValue: i
+        }
+      ),
+      /* @__PURE__ */ s.jsx("button", { className: O.deleteButton, onClick: p, children: /* @__PURE__ */ s.jsx(ne, {}) })
+    ] })
+  ] });
+}, X = (e) => {
+  var H, K, Y, G, Q, Z;
+  const r = ge();
+  Me(r);
+  const { title: o, description: f, tooltip: u } = Te(e), {
+    dimensionsAndMeasures: c = [],
+    setEmbeddableState: n,
+    embeddableState: i,
+    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(() => {
+    if (!d || !(c != null && c.length))
+      return;
+    const t = tt(d, c);
+    t.length > 0 && (n == null || n((l) => {
+      var a;
+      return (a = l == null ? void 0 : l.filters) != null && a.length ? l : { ...l, filters: t };
+    })), setTimeout(() => {
+      A.current = !1;
+    }, 100);
+  }, [d, c]);
+  const R = xe(() => {
+    const t = F.current;
+    t && (z(t.scrollLeft > 1), I(t.scrollLeft + t.clientWidth < t.scrollWidth - 1));
+  }, []), L = () => {
+    var t;
+    (t = F.current) == null || t.scrollBy({ left: 200, behavior: "smooth" });
+  }, V = () => {
+    var t;
+    (t = F.current) == null || t.scrollBy({ left: -200, behavior: "smooth" });
+  };
+  C(() => {
+    const t = F.current;
+    if (!t) return;
+    const l = new ResizeObserver(R);
+    return l.observe(t), t.addEventListener("scroll", R), R(), () => {
+      l.disconnect(), t.removeEventListener("scroll", R);
+    };
+  }, [R, i == null ? void 0 : i.filters]);
+  const _ = ((K = (H = i == null ? void 0 : i.filters) == null ? void 0 : H[i.filters.length - 1]) == null ? void 0 : K.id) ?? 0, B = (Y = i == null ? void 0 : i.filters) == null ? void 0 : Y[i.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(() => {
+    A.current || setTimeout(() => {
+      var t;
+      (t = F.current) == null || t.scrollTo({ left: F.current.scrollWidth, behavior: "smooth" });
+    }, 100);
+  }, [E]);
+  const P = (t = null) => {
+    const l = c.find((a) => a.name === t) ?? null;
+    return { id: _ + 1, dimensionOrMeasure: l, search: "", operator: null, value: null };
+  }, w = (Q = i == null ? void 0 : i.filters) != null && Q.length ? i.filters : [P()], re = (t, l) => {
+    n == null || n((a) => {
+      const N = [...(a == null ? void 0 : a.filters) ?? []], k = N[t];
+      return N[t] = {
+        ...P(l),
+        ...k != null && k.id ? { id: k.id } : {}
+      }, { ...a, filters: N };
+    });
+  }, le = (t, l) => {
+    n == null || n((a) => {
+      const N = [...(a == null ? void 0 : a.filters) ?? []];
+      return N[t] = { ...N[t], operator: l, value: null }, { ...a, filters: N };
+    });
+  }, ie = (t, l) => {
+    n == null || n((a) => {
+      const N = [...(a == null ? void 0 : a.filters) ?? []];
+      return N[t] = { ...N[t], value: l }, { ...a, filters: N };
+    });
+  }, ae = (t, l) => {
+    n == null || n((a) => {
+      const N = [...(a == null ? void 0 : a.filters) ?? []];
+      return N[t] = { ...N[t], search: l }, { ...a, filters: N };
+    });
+  }, ue = (t) => {
+    n == null || n((l) => {
+      const a = [...(l == null ? void 0 : l.filters) ?? []];
+      return a.splice(t, 1), { ...l, filters: a };
+    });
+  }, ce = (t) => {
+    n == null || n((l) => {
+      const a = [...(l == null ? void 0 : l.filters) ?? [], P(t)];
+      return { ...l, filters: a };
+    }), setTimeout(() => {
+      var l;
+      (l = F.current) == null || l.scrollTo({ left: F.current.scrollWidth, behavior: "smooth" });
+    }, 0);
+  };
+  C(() => {
+    const t = Ze(U.AND, w);
+    JSON.stringify(t) !== JSON.stringify(j.current) && (j.current = t, p == null || p(t));
+  }, [w]);
+  const de = se(c), pe = J({
+    dimensionsAndMeasures: de,
+    searchValue: v,
+    theme: r
+  }), fe = w.some((t) => t.dimensionOrMeasure && t.operator && t.value != null), me = () => {
+    n == null || n((t) => ({ ...t, filters: [P()] }));
+  };
+  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(
+      ct,
+      {
+        filter: t,
+        dimensionsAndMeasures: c,
+        results: e[`filterResults${t.id}`],
+        theme: r,
+        onSelectDimensionOrMeasure: (a) => re(l, a),
+        onSelectOperator: (a) => le(l, a),
+        onSelectValue: (a) => ie(l, a),
+        onSearchValue: (a) => ae(l, a),
+        onDelete: () => ue(l)
+      }
+    ) }, 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,
+        onChange: (t) => ce(t),
+        onSearch: M,
+        options: pe,
+        avoidCollisions: !1,
+        noOptionsMessage: h.t("common.noOptionsFound")
+      }
+    ),
+    fe && /* @__PURE__ */ s.jsx("button", { className: O.clearButton, onClick: me, children: h.t("editors.filterBuilder.clearAll") })
+  ] }) });
+}, Ft = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: X
+}, Symbol.toStringTag, { value: "Module" })), dt = {
+  name: "FilterBuilderPro",
+  label: "Filter Builder",
+  description: "Free-form filter builder that lets end users compose member/operator/value clauses. Use to expose ad-hoc filtering on a dataset.",
+  category: "Filters",
+  defaultWidth: 600,
+  defaultHeight: 120,
+  inputs: [
+    S.dataset,
+    {
+      ...S.dimensionsAndMeasures,
+      config: {
+        ...S.dimensionsAndMeasures.config,
+        supportedTypes: ["string", "number", "boolean"]
+      }
+    },
+    {
+      ...S.filters,
+      name: "defaultFilters",
+      label: "Default filters",
+      defaultValue: null
+    },
+    S.title,
+    S.description,
+    S.tooltip
+  ],
+  events: [
+    {
+      name: "onChange",
+      label: "Filter value updated",
+      properties: [
+        {
+          name: "value",
+          type: "filters"
+        }
+      ]
+    }
+  ],
+  variables: [
+    {
+      name: "filter value",
+      type: "filters",
+      defaultValue: {},
+      inputs: ["defaultFilters"],
+      events: [{ name: "onChange", property: "value" }]
+    }
+  ]
+}, pt = he(X, {}), 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: i } = n, p = i.nativeType === "string" ? m.contains : m.equals;
+    return c[`filterResults${n.id}`] = Ce({
+      from: e.dataset,
+      select: [n.dimensionOrMeasure],
+      filters: n.search ? [{ operator: p, property: i, value: n.search }] : void 0
+    }), c;
+  }, {});
+  return {
+    ...e,
+    embeddableState: r,
+    setEmbeddableState: o,
+    dimensionsAndMeasures: e.dimensionsAndMeasures ?? [],
+    ...f
+  };
+}, mt = {
+  onChange: (e) => ({
+    value: e ?? be.noFilter()
+  })
+}, bt = {
+  Component: X,
+  meta: dt,
+  preview: pt,
+  config: {
+    props: ft,
+    events: mt
+  }
+};
+export {
+  bt as f,
+  Ft as i
+};
+//# sourceMappingURL=definition-DmskK6py.js.map