@embeddable.com/remarkable-pro 0.2.13 → 0.3.0

package/dist/definition-DQdIv_3r.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-DQdIv_3r.js","sources":["../src/components/charts/lines/LineChartComparisonWithKpiTabsPro/LineChartComparisonWithKpiTabsPro.utils.tsx","../src/components/charts/lines/LineChartComparisonWithKpiTabsPro/index.tsx","../src/components/charts/lines/LineChartComparisonWithKpiTabsPro/definition.ts"],"sourcesContent":["import { ReactNode } from 'react';\nimport { DataResponse, Measure } from '@embeddable.com/core';\nimport { ChartTabsProps, KpiTrend } from '@embeddable.com/remarkable-ui';\nimport { GetThemeFormatter } from '../../../../theme/formatter/formatter.utils';\n\ntype ComparisonKpiTabsParams = {\n  measures: Measure[];\n  resultsKpis: DataResponse | undefined;\n  resultsKpisComparison: DataResponse | undefined;\n  showDataComparison: boolean;\n  themeFormatter: GetThemeFormatter;\n};\n\nexport const getComparisonKpiTabsItems = ({\n  measures,\n  resultsKpis,\n  resultsKpisComparison,\n  showDataComparison,\n  themeFormatter,\n}: ComparisonKpiTabsParams): ChartTabsProps['items'] =>\n  measures.map((measure) => {\n    const kpiValue = resultsKpis?.data?.[0]?.[measure.name];\n    const kpiComparisonValue = resultsKpisComparison?.data?.[0]?.[measure.name];\n    const displayChangeAsPercentage = measure.inputs?.['displayChangeAsPercentage'] as\n      | boolean\n      | undefined;\n    const percentageDecimalPlaces = measure.inputs?.['percentageDecimalPlaces'] as\n      | number\n      | undefined;\n    return {\n      id: measure.name,\n      label: themeFormatter.dimensionOrMeasureTitle(measure),\n      value: kpiValue == null ? '-' : themeFormatter.data(measure, kpiValue),\n      slot: getKpiTrendSlot({\n        measure,\n        kpiValue,\n        kpiComparisonValue,\n        showDataComparison,\n        displayChangeAsPercentage,\n        percentageDecimalPlaces,\n        themeFormatter,\n      }),\n    };\n  });\n\nconst getKpiTrendSlot = ({\n  measure,\n  kpiValue,\n  kpiComparisonValue,\n  showDataComparison,\n  displayChangeAsPercentage,\n  percentageDecimalPlaces,\n  themeFormatter,\n}: {\n  measure: Measure;\n  kpiValue: unknown;\n  kpiComparisonValue: unknown;\n  showDataComparison: boolean;\n  displayChangeAsPercentage?: boolean;\n  percentageDecimalPlaces?: number;\n  themeFormatter: GetThemeFormatter;\n}): ReactNode => {\n  if (!showDataComparison || kpiValue == null || kpiComparisonValue == null) return undefined;\n\n  const diff = (kpiValue as number) - (kpiComparisonValue as number);\n  const isPositive = diff > 0;\n  const reverseTrend = measure.inputs?.['invertChangeColors'] ? isPositive : !isPositive;\n  const trendText = getTrendText({\n    diff,\n    kpiComparisonValue: kpiComparisonValue as number,\n    displayChangeAsPercentage,\n    percentageDecimalPlaces,\n    measure,\n    themeFormatter,\n  });\n\n  return <KpiTrend value={trendText} reverseTrend={reverseTrend} />;\n};\n\nconst getTrendText = ({\n  diff,\n  kpiComparisonValue,\n  displayChangeAsPercentage,\n  percentageDecimalPlaces,\n  measure,\n  themeFormatter,\n}: {\n  diff: number;\n  kpiComparisonValue: number;\n  displayChangeAsPercentage?: boolean;\n  percentageDecimalPlaces?: number;\n  measure: Measure;\n  themeFormatter: GetThemeFormatter;\n}): string => {\n  const isPositive = diff > 0;\n  const sign = isPositive ? '+' : '';\n  if (displayChangeAsPercentage && kpiComparisonValue !== 0) {\n    const pct = (diff / kpiComparisonValue) * 100;\n    return `${sign}${pct.toFixed(percentageDecimalPlaces ?? 1)}%`;\n  }\n  return `${sign}${themeFormatter.data(measure, diff)}`;\n};\n","import { useEffect, useState } from 'react';\nimport { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { ChartTabs, LineChart } from '@embeddable.com/remarkable-ui';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\nimport { getComparisonKpiTabsItems } from './LineChartComparisonWithKpiTabsPro.utils';\nimport {\n  createComparisonClickHandler,\n  getLineChartComparisonProData,\n  getLineChartComparisonProOptions,\n} from '../LineChartComparisonDefaultPro/LineChartComparisonDefaultPro.utils';\nimport { LineChartComparisonDefaultProProps } from '../LineChartComparisonDefaultPro';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { getComparisonPeriodDateRange } from '../../../utils/timeRange.utils';\n\nexport type LineChartComparisonWithKpiTabsProProps = LineChartComparisonDefaultProProps & {\n  resultsKpis: DataResponse;\n  resultsKpisComparison?: DataResponse;\n};\n\nconst LineChartComparisonWithKpiTabsPro = (props: LineChartComparisonWithKpiTabsProProps) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, tooltip, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n  const {\n    hideMenu,\n    measures,\n    xAxis,\n    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showValueLabels,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    comparisonPeriod,\n    comparisonDateRange,\n    showComparisonAxis,\n    primaryDateRange,\n    setGranularity,\n    setComparisonDateRange,\n    onLineClicked,\n    resultsKpis,\n    resultsKpisComparison,\n  } = props;\n\n  const [activeMeasureName, setActiveMeasureName] = useState(measures[0]?.name ?? '');\n  const activeMeasure = measures.find((m) => m.name === activeMeasureName);\n\n  useEffect(() => {\n    if (measures.length === 0) return;\n    if (measures.some((m) => m.name === activeMeasureName)) return;\n    setActiveMeasureName(measures[0]!.name);\n  }, [measures, activeMeasureName]);\n\n  useEffect(() => {\n    const newComparisonDateRange = getComparisonPeriodDateRange(\n      primaryDateRange,\n      comparisonPeriod,\n      theme,\n    );\n    setComparisonDateRange?.(newComparisonDateRange);\n  }, [comparisonPeriod, JSON.stringify(primaryDateRange), theme]);\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: xAxis,\n    externalDateBounds: primaryDateRange,\n  });\n\n  const resultsComparison = useFillGaps({\n    results: props.resultsComparison,\n    dimension: xAxis,\n    externalDateBounds: comparisonDateRange,\n  });\n\n  const showDataComparison = Boolean(primaryDateRange && comparisonPeriod);\n\n  const data = getLineChartComparisonProData(\n    {\n      data: results.data,\n      dataComparison: showDataComparison ? (resultsComparison?.data ?? []) : undefined,\n      dimension: xAxis,\n      measures: activeMeasure ? [activeMeasure] : [],\n      hasMinMaxYAxisRange: Boolean(yAxisRangeMin != null || yAxisRangeMax != null),\n    },\n    theme,\n  );\n\n  const options = getLineChartComparisonProOptions(\n    {\n      data,\n      dimension: xAxis,\n      measures: activeMeasure ? [activeMeasure] : [],\n      xAxisLabel,\n      showComparisonAxis,\n      showDataComparison,\n    },\n    theme,\n  );\n\n  const handleClick = createComparisonClickHandler({\n    data,\n    measures: activeMeasure ? [activeMeasure] : [],\n    dimension: xAxis,\n    onClicked: onLineClicked,\n  });\n\n  const resultsCombined: DataResponse = {\n    isLoading: Boolean(results.isLoading || resultsComparison?.isLoading),\n    data:\n      !results?.data && !resultsComparison?.data\n        ? undefined\n        : [...(results.data ?? []), ...(resultsComparison?.data ?? [])],\n  };\n\n  const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n  const themeFormatter = getThemeFormatter(theme);\n\n  const chartTabsItems = getComparisonKpiTabsItems({\n    measures,\n    resultsKpis,\n    resultsKpisComparison,\n    showDataComparison,\n    themeFormatter,\n  });\n\n  return (\n    <ChartCard\n      data={resultsCombined}\n      dimensionsAndMeasures={[...measures, xAxis]}\n      errorMessage={results.error || resultsComparison?.error}\n      description={description}\n      title={title}\n      tooltip={tooltip}\n      hideMenu={hideMenu}\n    >\n      <ChartTabs items={chartTabsItems} value={activeMeasureName} onChange={setActiveMeasureName} />\n      {setGranularity && (\n        <ChartGranularitySelectField\n          hasMarginTop={granularitySelectorHasMarginTop}\n          dimension={xAxis}\n          onChange={setGranularity}\n        />\n      )}\n      <LineChart\n        data={data}\n        reverseXAxis={reverseXAxis}\n        showLegend={showLegend}\n        showLogarithmicScale={showLogarithmicScale}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        yAxisRangeMax={yAxisRangeMax}\n        yAxisRangeMin={yAxisRangeMin}\n        options={options}\n        onClick={handleClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport { LineChartComparisonWithKpiTabsPro };\nexport default LineChartComparisonWithKpiTabsPro;\n","import {\n  Dimension,\n  Granularity,\n  LoadDataRequest,\n  TimeRange,\n  Value,\n  loadData,\n} from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { LineChartProOptionsClickArg } from '../lines.types';\nimport { subInputs } from '../../../component.subinputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getDimensionWithGranularity } from '../../utils/granularity.utils';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\nimport {\n  lineChartComparisonDefaultPro,\n  LineChartComparisonDefaultProMeasuresInput,\n  LineChartComparisonDefaultProState,\n} from '../LineChartComparisonDefaultPro/definition';\n\nconst meta = {\n  ...lineChartComparisonDefaultPro.meta,\n  name: 'LineChartComparisonWithKpiTabsPro',\n  label: 'Line Chart Comparison - With KPI Tabs',\n  description:\n    'Line chart with comparison overlay and KPI tabs. Takes one or more measures, a time dimension, a timeRange variable, and a comparison period.',\n  inputs: [\n    ...lineChartComparisonDefaultPro.meta.inputs.map((input) => {\n      if (input.name === 'measures') {\n        const measuresInput = input as LineChartComparisonDefaultProMeasuresInput;\n        return {\n          ...measuresInput,\n          inputs: [\n            ...measuresInput.inputs,\n            {\n              ...subInputs.boolean,\n              name: 'invertChangeColors',\n              label: 'Reverse positive/negative colors',\n              defaultValue: false,\n            },\n            {\n              ...subInputs.boolean,\n              name: 'displayChangeAsPercentage',\n              label: 'Display change as %',\n              defaultValue: false,\n            },\n            {\n              ...subInputs.number,\n              name: 'percentageDecimalPlaces',\n              label: 'Percentage decimal places',\n              defaultValue: 1,\n            },\n          ],\n        };\n      }\n      return input;\n    }),\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type LineChartComparisonWithKpiTabsProState = LineChartComparisonDefaultProState;\n\nconst previewConfig = {\n  xAxis: previewData.dimension,\n  measures: [previewData.measure, previewData.measureVariant],\n  results: previewData.results2Measures1Dimension,\n  resultsComparison: previewData.results2Measures1Dimension,\n  resultsKpis: previewData.results2Measures,\n  resultsKpisComparison: previewData.results2MeasuresVariant,\n  comparisonPeriod: 'Previous period',\n  comparisonDateRange: { relativeTimeString: 'Previous period', from: undefined, to: undefined },\n  primaryDateRange: { relativeTimeString: 'This week', from: undefined, to: undefined },\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResults = lineChartComparisonDefaultPro.results.loadData;\nconst loadDataResultsComparison = lineChartComparisonDefaultPro.resultsComparison.loadData;\n\nconst loadDataResultsKpisArgs = (\n  inputs: Inputs<typeof meta>,\n  xAxis: Dimension,\n  clientContext?: ThemeClientContext,\n): LoadDataRequest => {\n  const timeProperty =\n    xAxis.nativeType === 'time' ? xAxis : inputs.timePropertyForNonTimeDimensions;\n  return {\n    from: inputs.dataset,\n    select: [...inputs.measures],\n    filters:\n      inputs.primaryDateRange && timeProperty\n        ? [{ property: timeProperty, operator: 'inDateRange', value: inputs.primaryDateRange }]\n        : undefined,\n    timezone: getClientContextTimezone(clientContext?.timezone),\n  };\n};\n\nconst loadDataResultsKpis = (\n  inputs: Inputs<typeof meta>,\n  xAxis: Dimension,\n  clientContext: ThemeClientContext,\n) => loadData(loadDataResultsKpisArgs(inputs, xAxis, clientContext));\n\nconst loadDataResultsKpisComparisonArgs = (\n  inputs: Inputs<typeof meta>,\n  xAxis: Dimension,\n  comparisonDateRange: TimeRange,\n  clientContext: ThemeClientContext,\n): LoadDataRequest => {\n  const timeProperty =\n    xAxis.nativeType === 'time' ? xAxis : inputs.timePropertyForNonTimeDimensions;\n  return {\n    from: inputs.dataset,\n    select: [...inputs.measures],\n    filters: [{ property: timeProperty, operator: 'inDateRange', value: comparisonDateRange }],\n    timezone: getClientContextTimezone(clientContext?.timezone),\n  };\n};\n\nconst loadDataResultsKpisComparison = (\n  inputs: Inputs<typeof meta>,\n  xAxis: Dimension,\n  state: LineChartComparisonWithKpiTabsProState,\n  clientContext: ThemeClientContext,\n) => {\n  const timeProperty =\n    xAxis.nativeType === 'time' ? xAxis : inputs.timePropertyForNonTimeDimensions;\n  if (inputs.primaryDateRange && timeProperty && state?.comparisonDateRange) {\n    return loadData(\n      loadDataResultsKpisComparisonArgs(inputs, xAxis, state.comparisonDateRange, clientContext),\n    );\n  }\n  return undefined;\n};\n\nconst events = {\n  onLineClicked: (value: LineChartProOptionsClickArg) => ({\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    LineChartComparisonWithKpiTabsProState,\n    (state: LineChartComparisonWithKpiTabsProState) => void,\n  ],\n  clientContext: ThemeClientContext,\n) => {\n  const xAxisWithGranularity = getDimensionWithGranularity(inputs.xAxis, state?.granularity);\n\n  return {\n    ...inputs,\n    xAxis: xAxisWithGranularity,\n    setGranularity: (granularity: Granularity) => setState({ ...state, granularity }),\n    comparisonDateRange: state?.comparisonDateRange,\n    setComparisonDateRange: (comparisonDateRange: TimeRange) =>\n      setState({ ...state, comparisonDateRange }),\n    results: loadDataResults(inputs as never, xAxisWithGranularity, clientContext),\n    resultsComparison: loadDataResultsComparison(\n      inputs as never,\n      xAxisWithGranularity,\n      state,\n      clientContext,\n    ),\n    resultsKpis: loadDataResultsKpis(inputs, xAxisWithGranularity, clientContext),\n    resultsKpisComparison: loadDataResultsKpisComparison(\n      inputs,\n      xAxisWithGranularity,\n      state,\n      clientContext,\n    ),\n  };\n};\n\nexport const lineChartComparisonWithKpiTabsPro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: { props, events },\n  results: lineChartComparisonDefaultPro.results,\n  resultsComparison: lineChartComparisonDefaultPro.resultsComparison,\n  resultsKpis: {\n    loadDataArgs: loadDataResultsKpisArgs,\n    loadData: loadDataResultsKpis,\n  },\n  resultsKpisComparison: {\n    loadDataArgs: loadDataResultsKpisComparisonArgs,\n    loadData: loadDataResultsKpisComparison,\n  },\n} as const;\n"],"names":["getComparisonKpiTabsItems","measures","resultsKpis","resultsKpisComparison","showDataComparison","themeFormatter","measure","kpiValue","_b","_a","kpiComparisonValue","_d","_c","displayChangeAsPercentage","_e","percentageDecimalPlaces","_f","getKpiTrendSlot","diff","isPositive","reverseTrend","trendText","getTrendText","jsx","KpiTrend","sign","pct","LineChartComparisonWithKpiTabsPro","props","theme","useTheme","i18nSetup","title","description","tooltip","xAxisLabel","yAxisLabel","resolveI18nProps","hideMenu","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","comparisonPeriod","comparisonDateRange","showComparisonAxis","primaryDateRange","setGranularity","setComparisonDateRange","onLineClicked","activeMeasureName","setActiveMeasureName","useState","activeMeasure","m","useEffect","newComparisonDateRange","getComparisonPeriodDateRange","results","useFillGaps","resultsComparison","data","getLineChartComparisonProData","options","getLineChartComparisonProOptions","handleClick","createComparisonClickHandler","resultsCombined","granularitySelectorHasMarginTop","getThemeFormatter","chartTabsItems","jsxs","ChartCard","ChartTabs","ChartGranularitySelectField","LineChart","meta","lineChartComparisonDefaultPro","input","measuresInput","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResults","loadDataResultsComparison","loadDataResultsKpisArgs","inputs","clientContext","timeProperty","getClientContextTimezone","loadDataResultsKpis","loadData","loadDataResultsKpisComparisonArgs","loadDataResultsKpisComparison","state","events","value","Value","setState","xAxisWithGranularity","getDimensionWithGranularity","granularity","lineChartComparisonWithKpiTabsPro"],"mappings":"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"}

package/dist/{definition-BBXOARfQ.js → definition-DfRvcWZc.js}

@@ -1,26 +1,26 @@
-import { useTheme as x, definePreview as C } from "@embeddable.com/react";
-import { j as p, M as P, V as f, l as w } from "./index-7D6uMJ-C.js";
-import { g as j } from "./formatter.utils-Y14po21h.js";
-import { E as T } from "./EditorCard-BcrwRhSA.js";
-import { r as _, i as q } from "./component.utils-Dua9clQJ.js";
-import { i as t } from "./component.inputs.constants-ByMVK7Vv.js";
-import { p as g } from "./preview.data.constants-BSjhK_tx.js";
+import { useTheme as O, definePreview as w } from "@embeddable.com/react";
+import { a7 as p, t as x, V as f, a8 as P } from "./index-Cddhb628.js";
+import { b as j } from "./formatter.utils-Dm_mQlX1.js";
+import { E as T } from "./EditorCard-DOCprGOC.js";
+import { r as _, a as q } from "./component.utils-oQMZT7TK.js";
+import { i as t } from "./component.inputs.constants-BFlnzCwS.js";
+import { p as g } from "./preview.data.constants-HvHDcvh2.js";
 const v = 200, d = (e) => {
   var m, c;
-  const o = x(), a = j(o), { tooltip: s, title: b, description: y, placeholder: D } = _(e), { dimension: i, optionalSecondDimension: u, results: l, selectedValues: M, setSearchValue: V, onChange: r } = e, F = ((m = l.data) == null ? void 0 : m.map((n) => ({
-    value: u ? n[u.name] : n[i.name],
-    label: a.data(i, n[i.name])
-  }))) ?? [], O = !l.isLoading && (((c = l.data) == null ? void 0 : c.length) ?? 0) === 0;
-  return /* @__PURE__ */ p.jsx(T, { title: b, description: y, tooltip: s, children: /* @__PURE__ */ p.jsx(
-    P,
+  const a = O(), o = j(a), { tooltip: i, title: S, description: y, placeholder: D } = _(e), { dimension: l, optionalSecondDimension: u, results: s, selectedValues: M, setSearchValue: V, onChange: r } = e, C = ((m = s.data) == null ? void 0 : m.map((n) => ({
+    value: u ? n[u.name] : n[l.name],
+    label: o.data(l, n[l.name])
+  }))) ?? [], F = !s.isLoading && (((c = s.data) == null ? void 0 : c.length) ?? 0) === 0;
+  return /* @__PURE__ */ p.jsx(T, { title: S, description: y, tooltip: i, children: /* @__PURE__ */ p.jsx(
+    x,
     {
       isClearable: !0,
       isSearchable: !0,
-      isLoading: l.isLoading,
+      isLoading: s.isLoading,
       values: M ?? [],
-      options: F,
+      options: C,
       placeholder: D,
-      noOptionsMessage: O ? q.t("common.noOptionsFound") : void 0,
+      noOptionsMessage: F ? q.t("common.noOptionsFound") : void 0,
       onChange: (n) => r == null ? void 0 : r(n),
       onSearch: V,
       avoidCollisions: !1
@@ -33,6 +33,7 @@ const v = 200, d = (e) => {
 }, Symbol.toStringTag, { value: "Module" })), A = {
   name: "MultiSelectFieldPro",
   label: "Multi Select Field",
+  description: "Multi-select dropdown of dimension values from a dataset. Pairs with a string-array variable used in dataset filters; emits onChange.",
   category: "Dropdowns - values",
   defaultWidth: 300,
   defaultHeight: 120,
@@ -90,22 +91,22 @@ const v = 200, d = (e) => {
       events: [{ name: "onChange", property: "value" }]
     }
   ]
-}, E = C(d, {
+}, E = w(d, {
   dimension: g.dimension,
   results: g.results1Measure1Dimension,
   onChange: () => null
-}), h = (e, o) => {
-  const a = e.dimension.nativeType === "string" ? "contains" : "equals";
+}), h = (e, a) => {
+  const o = e.dimension.nativeType === "string" ? "contains" : "equals";
   return {
     limit: e.maxOptions,
     from: e.dataset,
     select: [e.dimension, e.optionalSecondDimension].filter(Boolean),
-    filters: o != null && o.searchValue ? [{ operator: a, property: e.dimension, value: o.searchValue }] : void 0
+    filters: a != null && a.searchValue ? [{ operator: o, property: e.dimension, value: a.searchValue }] : void 0
   };
-}, S = (e, o) => w(h(e, o)), I = (e, [o, a]) => ({
+}, b = (e, a) => P(h(e, a)), I = (e, [a, o]) => ({
   ...e,
-  setSearchValue: (s) => a({ searchValue: s }),
-  results: S(e, o)
+  setSearchValue: (i) => o({ searchValue: i }),
+  results: b(e, a)
 }), L = {
   onChange: (e) => ({
     value: e.length ? e : f.noFilter()
@@ -120,11 +121,11 @@ const v = 200, d = (e) => {
   },
   results: {
     loadDataArgs: h,
-    loadData: S
+    loadData: b
   }
 };
 export {
   X as i,
   G as m
 };
-//# sourceMappingURL=definition-BBXOARfQ.js.map
+//# sourceMappingURL=definition-DfRvcWZc.js.map

package/dist/definition-DfRvcWZc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-DfRvcWZc.js","sources":["../src/components/editors/MultiSelectFieldPro/index.tsx","../src/components/editors/MultiSelectFieldPro/definition.ts"],"sourcesContent":["import { DataResponse, Dimension } from '@embeddable.com/core';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../theme/theme.types';\nimport { EditorCard, EditorCardHeaderProps } from '../shared/EditorCard/EditorCard';\nimport { resolveI18nProps } from '../../component.utils';\nimport { i18n } from '../../../theme/i18n/i18n';\nimport { MultiSelectField } from '@embeddable.com/remarkable-ui';\n\nexport const MAX_OPTIONS = 200;\n\nexport type MultiSelectFieldProProps = {\n  dimension: Dimension;\n  optionalSecondDimension?: Dimension;\n  placeholder?: string;\n  results: DataResponse;\n  selectedValues?: string[];\n  maxOptions?: number;\n  setSearchValue?: (search: string) => void;\n  onChange?: (newValues: string[]) => void;\n} & EditorCardHeaderProps;\n\nconst MultiSelectFieldPro = (props: MultiSelectFieldProProps) => {\n  const theme: Theme = useTheme() as Theme;\n  const themeFormatter = getThemeFormatter(theme);\n\n  const { tooltip, title, description, placeholder } = resolveI18nProps(props);\n  const { dimension, optionalSecondDimension, results, selectedValues, setSearchValue, onChange } =\n    props;\n\n  const options =\n    results.data?.map((data) => {\n      return {\n        value: optionalSecondDimension ? data[optionalSecondDimension.name] : data[dimension.name],\n        label: themeFormatter.data(dimension, data[dimension.name]),\n      };\n    }) ?? [];\n\n  const showNoOptionsMessage = Boolean(!results.isLoading && (results.data?.length ?? 0) === 0);\n\n  return (\n    <EditorCard title={title} description={description} tooltip={tooltip}>\n      <MultiSelectField\n        isClearable\n        isSearchable\n        isLoading={results.isLoading}\n        values={selectedValues ?? []}\n        options={options}\n        placeholder={placeholder}\n        noOptionsMessage={showNoOptionsMessage ? i18n.t('common.noOptionsFound') : undefined}\n        onChange={(newValues) => onChange?.(newValues)}\n        onSearch={setSearchValue}\n        avoidCollisions={false}\n      />\n    </EditorCard>\n  );\n};\n\nexport default MultiSelectFieldPro;\n","import { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { Value, loadData, LoadDataRequest, DataResponse } from '@embeddable.com/core';\nimport Component, { MAX_OPTIONS } from '.';\nimport { inputs } from '../../component.inputs.constants';\nimport { previewData } from '../../preview.data.constants';\n\nconst meta = {\n  name: 'MultiSelectFieldPro',\n  label: 'Multi Select Field',\n  description:\n    'Multi-select dropdown of dimension values from a dataset. Pairs with a string-array variable used in dataset filters; emits onChange.',\n  category: 'Dropdowns - values',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    inputs.dataset,\n    { ...inputs.dimension, label: 'Dimension (to load Dropdown values)' },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    { ...inputs.placeholder, defaultValue: 'Select values...' },\n    {\n      ...inputs.number,\n      name: 'maxOptions',\n      label: 'Maximum options',\n      category: 'Component Settings',\n      defaultValue: MAX_OPTIONS,\n    },\n    {\n      ...inputs.string,\n      name: 'selectedValues',\n      array: true,\n      label: 'Selected values',\n      category: 'Pre-configured Variables',\n    },\n    {\n      ...inputs.dimension,\n      required: false,\n      name: 'optionalSecondDimension',\n      label: 'Optional secondary dimension',\n      category: 'Data Mapping for Interactions',\n      description: 'Send a different dimension to embeddable when the user clicks. Must be unique.',\n    },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'Selected values updated',\n      properties: [\n        {\n          name: 'value',\n          label: 'Selected values',\n          type: 'string',\n          array: true,\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'multi-select values',\n      type: 'string',\n      array: true,\n      defaultValue: Value.noFilter(),\n      inputs: ['selectedValues'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type MultiSelectDropdownState = {\n  searchValue?: string;\n};\n\nconst preview = definePreview(Component, {\n  dimension: previewData.dimension,\n  results: previewData.results1Measure1Dimension,\n  onChange: () => null,\n});\n\nconst loadDataResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  state?: MultiSelectDropdownState,\n): LoadDataRequest => {\n  const operator = inputs.dimension.nativeType === 'string' ? 'contains' : 'equals';\n  return {\n    limit: inputs.maxOptions,\n    from: inputs.dataset,\n    select: [inputs.dimension, inputs.optionalSecondDimension].filter(Boolean),\n    filters: state?.searchValue\n      ? [{ operator, property: inputs.dimension, value: state.searchValue }]\n      : undefined,\n  };\n};\n\nconst loadDataResults = (\n  inputs: Inputs<typeof meta>,\n  state?: MultiSelectDropdownState,\n): DataResponse => loadData(loadDataResultsArgs(inputs, state));\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [MultiSelectDropdownState, (state: MultiSelectDropdownState) => void],\n) => ({\n  ...inputs,\n  setSearchValue: (searchValue: string) => setState({ searchValue }),\n  results: loadDataResults(inputs, state),\n});\n\nconst events = {\n  onChange: (selectedValues: string[]) => {\n    return {\n      value: selectedValues.length ? selectedValues : Value.noFilter(),\n    };\n  },\n};\n\nexport const multiSelectFieldPro = {\n  Component,\n  meta,\n  preview,\n  config: {\n    props,\n    events,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n} as const;\n"],"names":["MAX_OPTIONS","MultiSelectFieldPro","props","theme","useTheme","themeFormatter","getThemeFormatter","tooltip","title","description","placeholder","resolveI18nProps","dimension","optionalSecondDimension","results","selectedValues","setSearchValue","onChange","options","_a","data","showNoOptionsMessage","_b","jsx","EditorCard","MultiSelectField","i18n","newValues","meta","inputs","Value","preview","definePreview","Component","previewData","loadDataResultsArgs","state","operator","loadDataResults","loadData","setState","searchValue","events","multiSelectFieldPro"],"mappings":"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"}

package/dist/{definition-BHWtQ59c.js → definition-DvjcMLKk.js}

@@ -1,32 +1,32 @@
-import { m as se, t as ne, y as _, G as V, H as B, j as O, J as ie, V as z, l as Y } from "./index-7D6uMJ-C.js";
+import { a9 as ie, _ as ne, a3 as j, $ as V, a0 as B, a7 as O, L as se, V as $, a8 as Y } from "./index-Cddhb628.js";
 import { useTheme as oe, definePreview as te } from "@embeddable.com/react";
-import { i as re, a as le, r as me } from "./component.utils-Dua9clQJ.js";
-import { C as de } from "./ChartCard-DXg1i7Y2.js";
+import { a as re, i as le, r as me } from "./component.utils-oQMZT7TK.js";
+import { C as de } from "./ChartCard-CZ0PnrNg.js";
 import { useEffect as ce } from "react";
-import { g as pe } from "./timeRange.utils-CcP33PfM.js";
-import { g as G } from "./formatter.utils-Y14po21h.js";
-import { g as ue } from "./styles.utils-C8CnV0SB.js";
+import { g as pe } from "./timeRange.utils-kK6r26ZO.js";
+import { b as N } from "./formatter.utils-Dm_mQlX1.js";
+import { a as ue } from "./styles.utils-BfpH_m_W.js";
 import { i as ge, s as he } from "./color.utils-BSg_DFOh.js";
-import { b as F } from "./charts.utils-DOtSJB7u.js";
-import { g as ye } from "./dimension.utils-DlzeRFgr.js";
-import { u as X } from "./charts.fillGaps.hooks-DwMWViua.js";
-import { C as be, g as De } from "./granularity.utils-DwARRSja.js";
-import { i as c, s as A } from "./component.inputs.constants-ByMVK7Vv.js";
-import { p as I } from "./preview.data.constants-BSjhK_tx.js";
+import { b as F } from "./charts.utils-BoJ5LrTC.js";
+import { g as be } from "./dimension.utils-DN43DaL5.js";
+import { u as z } from "./charts.fillGaps.hooks-CxXM5Ff3.js";
+import { C as ye, g as De } from "./granularity.utils-DnAzYxES.js";
+import { i as c, s as A } from "./component.inputs.constants-BFlnzCwS.js";
+import { p as I } from "./preview.data.constants-HvHDcvh2.js";
 import { g as W } from "./clientContext.utils-DpB5KsfX.js";
-const P = "mainAxis", w = "comparisonAxis", $ = (e, s) => {
+const P = "mainAxis", w = "comparisonAxis", X = (e, i) => {
   var C, M, k, R;
-  const { data: a, measure: n, dimension: i, index: t, isPreviousPeriod: l, hasMinMaxYAxisRange: b, labels: o } = e, d = a == null ? void 0 : a.map((D) => D[i.name]), r = !!((C = n.inputs) != null && C.connectGaps), g = o ? o.map((D) => {
-    const T = a == null ? void 0 : a.find((f) => f[i.name] === D);
+  const { data: a, measure: n, dimension: s, index: t, isPreviousPeriod: l, hasMinMaxYAxisRange: y, labels: o } = e, d = a == null ? void 0 : a.map((D) => D[s.name]), r = !!((C = n.inputs) != null && C.connectGaps), g = o ? o.map((D) => {
+    const T = a == null ? void 0 : a.find((f) => f[s.name] === D);
     return (T == null ? void 0 : T[n.name]) ?? (r ? 0 : null);
-  }) : a == null ? void 0 : a.map((D) => D[n.name] ?? (r ? 0 : null)), y = G(s), v = !!((M = n.inputs) != null && M[l ? "previousLineDashed" : "lineDashed"]), m = ne(), p = (k = n.inputs) == null ? void 0 : k[l ? "previousLineColor" : "lineColor"], u = ge(p) ? p : ue({
+  }) : a == null ? void 0 : a.map((D) => D[n.name] ?? (r ? 0 : null)), b = N(i), v = !!((M = n.inputs) != null && M[l ? "previousLineDashed" : "lineDashed"]), m = ne(), p = (k = n.inputs) == null ? void 0 : k[l ? "previousLineColor" : "lineColor"], u = ge(p) ? p : ue({
     dimensionOrMeasure: n,
-    theme: s,
+    theme: i,
     color: "background",
     value: n.name,
     chartColors: m,
     index: t
-  }), x = y.dimensionOrMeasureTitle(n);
+  }), x = b.dimensionOrMeasureTitle(n);
   return {
     xAxisID: l ? w : P,
     labels: d,
@@ -36,14 +36,14 @@ const P = "mainAxis", w = "comparisonAxis", $ = (e, s) => {
     backgroundColor: he(u, 0.5),
     pointBackgroundColor: u,
     borderDash: v ? [
-      _("--em-linechart-line-dash", "0.25rem"),
-      _("--em-linechart-line-gap", "0.25rem")
+      j("--em-linechart-line-dash", "0.25rem"),
+      j("--em-linechart-line-gap", "0.25rem")
     ] : void 0,
     borderColor: u,
     fill: (R = n.inputs) == null ? void 0 : R.fillUnderLine,
-    clip: b
+    clip: y
   };
-}, fe = (e, s) => {
+}, fe = (e, i) => {
   if (!e.data)
     return {
       labels: [],
@@ -52,43 +52,43 @@ const P = "mainAxis", w = "comparisonAxis", $ = (e, s) => {
         { xAxisID: w, data: [] }
       ]
     };
-  const { data: a, dataComparison: n, dimension: i, measures: t, hasMinMaxYAxisRange: l } = e, o = i.nativeType === "time" ? void 0 : n ? Array.from(
+  const { data: a, dataComparison: n, dimension: s, measures: t, hasMinMaxYAxisRange: l } = e, o = s.nativeType === "time" ? void 0 : n ? Array.from(
     /* @__PURE__ */ new Set([
-      ...a.map((g) => g[i.name]),
-      ...(n == null ? void 0 : n.map((g) => g[i.name])) ?? []
+      ...a.map((g) => g[s.name]),
+      ...(n == null ? void 0 : n.map((g) => g[s.name])) ?? []
     ])
   ) : void 0, d = t.map(
-    (g, y) => $(
+    (g, b) => X(
       {
         data: a,
         measure: g,
-        dimension: i,
+        dimension: s,
         labels: o,
         hasMinMaxYAxisRange: l,
-        index: y
+        index: b
       },
-      s
+      i
     )
   ), r = t.map(
-    (g, y) => $(
+    (g, b) => X(
       {
         data: n,
         measure: g,
-        dimension: i,
+        dimension: s,
         labels: o,
         hasMinMaxYAxisRange: l,
-        index: y,
+        index: b,
         isPreviousPeriod: !0
       },
-      s
+      i
     )
   );
   return {
-    labels: o ?? a.map((g) => g[i.name]),
+    labels: o ?? a.map((g) => g[s.name]),
     datasets: [...d, ...r]
   };
-}, xe = (e, s) => {
-  const { dimension: a, data: n, measures: i, xAxisLabel: t } = e, l = G(s);
+}, xe = (e, i) => {
+  const { dimension: a, data: n, measures: s, xAxisLabel: t } = e, l = N(i);
   return {
     plugins: {
       legend: {
@@ -104,7 +104,7 @@ const P = "mainAxis", w = "comparisonAxis", $ = (e, s) => {
         labels: {
           value: {
             formatter: (o, d) => {
-              const r = i[d.datasetIndex % i.length];
+              const r = s[d.datasetIndex % s.length];
               return l.data(r, o);
             }
           }
@@ -118,7 +118,7 @@ const P = "mainAxis", w = "comparisonAxis", $ = (e, s) => {
             o[0].label
           ) : "",
           label: (o) => {
-            const d = i[o.datasetIndex % i.length], r = o.raw;
+            const d = s[o.datasetIndex % s.length], r = o.raw;
             return `${o.dataset.label}: ${l.data(d, r)}`;
           }
         }
@@ -148,14 +148,14 @@ const P = "mainAxis", w = "comparisonAxis", $ = (e, s) => {
       },
       y: {
         ticks: {
-          callback: (o) => l.data(i[0], o)
+          callback: (o) => l.data(s[0], o)
         }
       }
     }
   };
-}, Ce = (e, s) => {
-  var y, v;
-  const { dimension: a, data: n, measures: i, xAxisLabel: t, showComparisonAxis: l, showDataComparison: b } = e, o = G(s), d = ((y = n.datasets.find((m) => m.xAxisID === P)) == null ? void 0 : y.labels) ?? [], r = ((v = n.datasets.find((m) => m.xAxisID === w)) == null ? void 0 : v.labels) ?? [];
+}, Ce = (e, i) => {
+  var b, v;
+  const { dimension: a, data: n, measures: s, xAxisLabel: t, showComparisonAxis: l, showDataComparison: y } = e, o = N(i), d = ((b = n.datasets.find((m) => m.xAxisID === P)) == null ? void 0 : b.labels) ?? [], r = ((v = n.datasets.find((m) => m.xAxisID === w)) == null ? void 0 : v.labels) ?? [];
   return {
     plugins: {
       legend: {
@@ -171,7 +171,7 @@ const P = "mainAxis", w = "comparisonAxis", $ = (e, s) => {
         labels: {
           value: {
             formatter: (m, p) => {
-              const u = i[p.datasetIndex % i.length];
+              const u = s[p.datasetIndex % s.length];
               return o.data(u, m);
             }
           }
@@ -181,7 +181,7 @@ const P = "mainAxis", w = "comparisonAxis", $ = (e, s) => {
         callbacks: {
           title: (m) => {
             const p = m[0];
-            if (!b && p)
+            if (!y && p)
               return o.data(
                 F(a),
                 p.label
@@ -198,7 +198,7 @@ const P = "mainAxis", w = "comparisonAxis", $ = (e, s) => {
             return `${x ?? "-"} vs ${L ?? "-"}`;
           },
           label: (m) => {
-            const p = i[m.datasetIndex % i.length], u = m.raw;
+            const p = s[m.datasetIndex % s.length], u = m.raw;
             return `${m.dataset.label}: ${o.data(p, u)}`;
           }
         }
@@ -238,47 +238,47 @@ const P = "mainAxis", w = "comparisonAxis", $ = (e, s) => {
       },
       y: {
         ticks: {
-          callback: (m) => o.data(i[0], m)
+          callback: (m) => o.data(s[0], m)
         }
       }
     }
   };
 }, ve = ({
   data: e,
-  measures: s,
+  measures: i,
   dimension: a,
   granularity: n,
-  onClicked: i
+  onClicked: s
 }) => ({ elementAtEvent: t }) => {
   var r, g;
   const l = t[0];
   if (!l) return;
-  const b = l.datasetIndex >= s.length;
+  const y = l.datasetIndex >= i.length;
   let o;
-  b && a.nativeType === "time" ? o = (r = e.datasets[l.datasetIndex].labels) == null ? void 0 : r[l.index] : o = (g = e == null ? void 0 : e.labels) == null ? void 0 : g[l.index];
-  const d = ye({
+  y && a.nativeType === "time" ? o = (r = e.datasets[l.datasetIndex].labels) == null ? void 0 : r[l.index] : o = (g = e == null ? void 0 : e.labels) == null ? void 0 : g[l.index];
+  const d = be({
     value: o,
     stateGranularity: n,
     dimension: a
   });
-  i == null || i({ dimensionValue: o, dimensionTimeRange: d });
-}, Ae = (e, s) => {
-  var i, t;
+  s == null || s({ dimensionValue: o, dimensionTimeRange: d });
+}, Ae = (e, i) => {
+  var s, t;
   const { dimension: a } = e, n = a.nativeType === "time" ? Ce : xe;
-  return se(
-    n(e, s),
-    ((t = (i = s.charts) == null ? void 0 : i.lineChartComparisonDefaultPro) == null ? void 0 : t.options) || {}
+  return ie(
+    n(e, i),
+    ((t = (s = i.charts) == null ? void 0 : s.lineChartComparisonDefaultPro) == null ? void 0 : t.options) || {}
   );
-}, N = (e) => {
-  const s = oe();
-  le(s);
-  const { title: a, description: n, tooltip: i, xAxisLabel: t, yAxisLabel: l } = me(e), {
-    hideMenu: b,
+}, G = (e) => {
+  const i = oe();
+  le(i);
+  const { title: a, description: n, tooltip: s, xAxisLabel: t, yAxisLabel: l } = me(e), {
+    hideMenu: y,
     comparisonPeriod: o,
     measures: d,
     xAxis: r,
     granularity: g,
-    reverseXAxis: y,
+    reverseXAxis: b,
     showLegend: v,
     showLogarithmicScale: m,
     showTooltips: p,
@@ -296,27 +296,27 @@ const P = "mainAxis", w = "comparisonAxis", $ = (e, s) => {
     const ae = pe(
       C,
       o,
-      s
+      i
     );
     D == null || D(ae);
-  }, [o, JSON.stringify(C), s]);
-  const f = X({
+  }, [o, JSON.stringify(C), i]);
+  const f = z({
     results: e.results,
     dimension: r,
     externalDateBounds: C
-  }), h = X({
+  }), h = z({
     results: e.resultsComparison,
     dimension: r,
     externalDateBounds: M
-  }), j = !!(C && o), S = fe(
+  }), _ = !!(C && o), S = fe(
     {
       data: f.data,
-      dataComparison: j ? (h == null ? void 0 : h.data) ?? [] : void 0,
+      dataComparison: _ ? (h == null ? void 0 : h.data) ?? [] : void 0,
       dimension: r,
       measures: d,
       hasMinMaxYAxisRange: L != null || x != null
     },
-    s
+    i
   ), K = Ae(
     {
       data: S,
@@ -324,9 +324,9 @@ const P = "mainAxis", w = "comparisonAxis", $ = (e, s) => {
       measures: d,
       xAxisLabel: t,
       showComparisonAxis: k,
-      showDataComparison: j
+      showDataComparison: _
     },
-    s
+    i
   ), Q = ve({
     data: S,
     measures: d,
@@ -336,7 +336,7 @@ const P = "mainAxis", w = "comparisonAxis", $ = (e, s) => {
   }), Z = {
     isLoading: !!(f.isLoading || h != null && h.isLoading),
     data: !(f != null && f.data) && !(h != null && h.data) ? void 0 : [...f.data ?? [], ...(h == null ? void 0 : h.data) ?? []]
-  }, ee = !a && !n && !i;
+  }, ee = !a && !n && !s;
   return /* @__PURE__ */ O.jsxs(
     de,
     {
@@ -345,10 +345,10 @@ const P = "mainAxis", w = "comparisonAxis", $ = (e, s) => {
       errorMessage: f.error || (h == null ? void 0 : h.error),
       description: n,
       title: a,
-      hideMenu: b,
+      hideMenu: y,
       children: [
         R && /* @__PURE__ */ O.jsx(
-          be,
+          ye,
           {
             hasMarginTop: ee,
             dimension: r,
@@ -356,10 +356,10 @@ const P = "mainAxis", w = "comparisonAxis", $ = (e, s) => {
           }
         ),
         /* @__PURE__ */ O.jsx(
-          ie,
+          se,
           {
             data: S,
-            reverseXAxis: y,
+            reverseXAxis: b,
             showLegend: v,
             showLogarithmicScale: m,
             showTooltips: p,
@@ -377,10 +377,11 @@ const P = "mainAxis", w = "comparisonAxis", $ = (e, s) => {
   );
 }, Ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: N
+  default: G
 }, Symbol.toStringTag, { value: "Module" })), Le = {
   name: "LineChartComparisonDefaultPro",
   label: "Line Chart Comparison - Default",
+  description: "Line chart overlaying the current period and a comparison period. Pairs with a comparisonPeriod variable and a timeRange variable.",
   category: "Line Charts",
   inputs: [
     c.dataset,
@@ -480,7 +481,7 @@ const P = "mainAxis", w = "comparisonAxis", $ = (e, s) => {
       ]
     }
   ]
-}, H = {
+}, E = {
   xAxis: I.dimension,
   measures: [
     {
@@ -496,70 +497,70 @@ const P = "mainAxis", w = "comparisonAxis", $ = (e, s) => {
   comparisonDateRange: { relativeTimeString: "Previous period", from: void 0, to: void 0 },
   primaryDateRange: { relativeTimeString: "This week", from: void 0, to: void 0 },
   hideMenu: !0
-}, Re = te(N, H), E = (e, s, a) => {
-  const n = s ?? e.xAxis, i = [{ property: n, direction: "asc" }], t = n.nativeType === "time" ? n : e.timePropertyForNonTimeDimensions;
+}, Re = te(G, E), H = (e, i, a) => {
+  const n = i ?? e.xAxis, s = [{ property: n, direction: "asc" }], t = n.nativeType === "time" ? n : e.timePropertyForNonTimeDimensions;
   return {
     limit: e.maxResults,
     from: e.dataset,
     select: [...e.measures, n],
-    orderBy: i,
+    orderBy: s,
     filters: e.primaryDateRange && t ? [{ property: t, operator: "inDateRange", value: e.primaryDateRange }] : void 0,
     timezone: W(a == null ? void 0 : a.timezone)
   };
-}, J = (e, s, a) => Y(E(e, s, a)), U = (e, s, a, n) => {
-  const i = [{ property: s, direction: "asc" }], t = s.nativeType === "time" ? s : e.timePropertyForNonTimeDimensions;
+}, U = (e, i, a) => Y(H(e, i, a)), q = (e, i, a, n) => {
+  const s = [{ property: i, direction: "asc" }], t = i.nativeType === "time" ? i : e.timePropertyForNonTimeDimensions;
   return {
     limit: e.maxResults,
     from: e.dataset,
-    select: [...e.measures, s],
-    orderBy: i,
+    select: [...e.measures, i],
+    orderBy: s,
     filters: [{ property: t, operator: "inDateRange", value: a }],
     timezone: W(n == null ? void 0 : n.timezone)
   };
-}, q = (e, s, a, n) => {
-  const i = s.nativeType === "time" ? s : e.timePropertyForNonTimeDimensions;
-  if (e.primaryDateRange && i && (a != null && a.comparisonDateRange))
+}, J = (e, i, a, n) => {
+  const s = i.nativeType === "time" ? i : e.timePropertyForNonTimeDimensions;
+  if (e.primaryDateRange && s && (a != null && a.comparisonDateRange))
     return Y(
-      U(e, s, a.comparisonDateRange, n)
+      q(e, i, a.comparisonDateRange, n)
     );
 }, Te = {
   onLineClicked: (e) => ({
-    axisDimensionValue: e.dimensionValue ?? z.noFilter(),
-    axisDimensionTimeRange: e.dimensionTimeRange ?? z.noFilter()
+    axisDimensionValue: e.dimensionValue ?? $.noFilter(),
+    axisDimensionTimeRange: e.dimensionTimeRange ?? $.noFilter()
   })
-}, Pe = (e, [s, a], n) => {
-  const i = De(e.xAxis, s == null ? void 0 : s.granularity);
+}, Pe = (e, [i, a], n) => {
+  const s = De(e.xAxis, i == null ? void 0 : i.granularity);
   return {
     ...e,
-    xAxis: i,
-    granularity: s == null ? void 0 : s.granularity,
-    setGranularity: (t) => a({ ...s, granularity: t }),
-    comparisonDateRange: s == null ? void 0 : s.comparisonDateRange,
-    setComparisonDateRange: (t) => a({ ...s, comparisonDateRange: t }),
-    results: J(e, i, n),
-    resultsComparison: q(
+    xAxis: s,
+    granularity: i == null ? void 0 : i.granularity,
+    setGranularity: (t) => a({ ...i, granularity: t }),
+    comparisonDateRange: i == null ? void 0 : i.comparisonDateRange,
+    setComparisonDateRange: (t) => a({ ...i, comparisonDateRange: t }),
+    results: U(e, s, n),
+    resultsComparison: J(
       e,
-      i,
       s,
+      i,
       n
     )
   };
 }, We = {
-  Component: N,
+  Component: G,
   meta: Le,
   preview: Re,
-  previewConfig: H,
+  previewConfig: E,
   config: {
     props: Pe,
     events: Te
   },
   results: {
-    loadDataArgs: E,
-    loadData: J
+    loadDataArgs: H,
+    loadData: U
   },
   resultsComparison: {
-    loadDataArgs: U,
-    loadData: q
+    loadDataArgs: q,
+    loadData: J
   }
 };
 export {
@@ -569,4 +570,4 @@ export {
   Ye as i,
   We as l
 };
-//# sourceMappingURL=definition-BHWtQ59c.js.map
+//# sourceMappingURL=definition-DvjcMLKk.js.map