@embeddable.com/remarkable-pro 0.3.6 → 0.3.8

package/dist/definition-DP4a1pBF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-DP4a1pBF.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, asChartCardHeaderProps } 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    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 resolvedI18nProps = resolveI18nProps(props);\n  const { description, title, tooltip, xAxisLabel, yAxisLabel } = resolvedI18nProps;\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      {...asChartCardHeaderProps(props)}\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    inputs.menuOptions,\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","dimension","measures","showValueLabels","reverseYAxis","showLegend","showLogarithmicScale","showTooltips","xAxisRangeMax","xAxisRangeMin","yAxisMaxItems","granularity","setGranularity","onBarClicked","resolvedI18nProps","resolveI18nProps","description","title","tooltip","xAxisLabel","yAxisLabel","results","useFillGaps","data","getBarChartProData","options","mergician","getBarChartProOptions","_b","_a","granularitySelectorHasMarginTop","handleClick","createSimpleClickHandler","jsxs","ChartCard","asChartCardHeaderProps","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-DQwCxWAq.js

@@ -0,0 +1,255 @@
+import { j as g, N as B, O as E, V as r, l as N } from "./index-3F2_3p7g.js";
+import { useTheme as U, definePreview as q } from "@embeddable.com/react";
+import { i as I } from "./component.utils-oQMZT7TK.js";
+import { C as J, a as K } from "./ChartCard-DoGFLbS2.js";
+import { g as D } from "./formatter.utils-D8VAiDYp.js";
+import { u as h } from "./charts.fillGaps.hooks-CWY0cZuI.js";
+import { u as L } from "./tables.hooks-fVC_4V5K.js";
+import { useCallback as Q } from "react";
+import { g as C } from "./dimension.utils-4qaXsySV.js";
+import { i as n } from "./component.inputs.constants-C1gOvjv8.js";
+import { p as m } from "./preview.data.constants-Cg6C5D3p.js";
+import { g as X } from "./clientContext.utils-DpB5KsfX.js";
+const w = (e, o) => {
+  const i = D(o);
+  return {
+    key: e.measure.name,
+    label: i.dimensionOrMeasureTitle(e.measure),
+    format: (t) => i.data(e.measure, t)
+  };
+}, u = (e, o) => {
+  const i = D(o);
+  return {
+    key: e.dimension.name,
+    label: i.dimensionOrMeasureTitle(e.dimension),
+    format: (t) => i.data(e.dimension, t)
+  };
+}, d = (e) => {
+  var c;
+  const o = U();
+  I(o);
+  const {
+    measure: i,
+    rowDimension: t,
+    columnDimension: a,
+    maxColor: T,
+    midColor: y,
+    minColor: M,
+    displayNullAs: v,
+    columnWidth: S,
+    firstColumnWidth: F,
+    showValues: k,
+    minThreshold: x,
+    maxThreshold: V,
+    onCellClicked: l
+  } = e, A = Q(
+    ({ rowDimensionValue: s, columnDimensionValue: p }) => {
+      l && l({
+        rowDimensionValue: s,
+        rowDimensionTimeRange: C({
+          value: s,
+          dimension: t
+        }),
+        columnDimensionValue: p,
+        columnDimensionTimeRange: C({
+          value: p,
+          dimension: a
+        })
+      });
+    },
+    [l, t, a]
+  ), H = Array.from(
+    new Set((e.results.data ?? []).filter(Boolean).map((s) => s[a.name]))
+  ), O = Array.from(
+    new Set((e.results.data ?? []).filter(Boolean).map((s) => s[t.name]))
+  ), j = h({
+    results: e.results,
+    dimension: a
+  }), P = h({
+    results: j,
+    dimension: t
+  }), W = L({
+    results: P,
+    columnOrder: H,
+    rowOrder: O,
+    columnDimension: a,
+    rowDimension: t,
+    measures: [i]
+  }), G = w({ measure: i }, o), _ = u({ dimension: t }, o), z = u({ dimension: a }, o);
+  return /* @__PURE__ */ g.jsx(
+    J,
+    {
+      data: e.results,
+      dimensionsAndMeasures: [t, a, i],
+      errorMessage: (c = e.results) == null ? void 0 : c.error,
+      ...K(e),
+      children: /* @__PURE__ */ g.jsx(
+        B,
+        {
+          data: W,
+          measure: G,
+          rowDimension: _,
+          columnDimension: z,
+          maxColor: T,
+          midColor: y ?? E("--em-tablechart-heatmap-color", "#FF5400"),
+          minColor: M,
+          showValues: k,
+          minThreshold: x,
+          maxThreshold: V,
+          columnWidth: S,
+          firstColumnWidth: F,
+          displayNullAs: v,
+          onCellClick: A
+        }
+      )
+    }
+  );
+}, pe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: d,
+  getHeatDimension: u,
+  getHeatMeasure: w
+}, Symbol.toStringTag, { value: "Module" })), Y = {
+  name: "HeatMapPro",
+  label: "Heat Map",
+  description: "Heat map of one measure over two dimensions (rows × columns). Use to spot density or correlation patterns.",
+  category: "Table Charts",
+  inputs: [
+    n.dataset,
+    n.measure,
+    {
+      ...n.dimensionWithDateBounds,
+      label: "Row dimension",
+      name: "rowDimension"
+    },
+    {
+      ...n.dimensionWithDateBounds,
+      label: "Column dimension",
+      name: "columnDimension"
+    },
+    n.title,
+    n.description,
+    n.tooltip,
+    n.displayNullAs,
+    {
+      ...n.color,
+      name: "midColor",
+      label: "Mid-point color (optional)"
+    },
+    {
+      ...n.color,
+      name: "maxColor",
+      label: "Max-point color (optional)"
+    },
+    {
+      ...n.color,
+      name: "minColor",
+      label: "Min-point color (optional)"
+    },
+    {
+      ...n.string,
+      name: "minThreshold",
+      label: "Max-point range lower limit",
+      description: "Enter a value as either a number (e.g. 20) or a percentage (e.g. 20%)",
+      category: "Component Settings"
+    },
+    {
+      ...n.string,
+      name: "maxThreshold",
+      label: "Min-point range upper limit",
+      description: "Enter a value as either a number (e.g. 20) or a percentage (e.g. 20%)",
+      category: "Component Settings"
+    },
+    {
+      ...n.boolean,
+      name: "showValues",
+      label: "Show values",
+      defaultValue: !0,
+      category: "Component Settings"
+    },
+    {
+      ...n.number,
+      name: "firstColumnWidth",
+      label: "First column width",
+      description: "Set the width in px (e.g. 200)",
+      category: "Component Settings"
+    },
+    {
+      ...n.number,
+      name: "columnWidth",
+      label: "Column width",
+      description: "Set the width in px (e.g. 200)",
+      category: "Component Settings"
+    },
+    n.maxResults,
+    n.menuOptions
+  ],
+  events: [
+    {
+      name: "onCellClicked",
+      label: "A cell is clicked",
+      properties: [
+        {
+          name: "rowDimensionValue",
+          label: "Clicked row dimension value",
+          type: "string"
+        },
+        {
+          name: "rowDimensionTimeRange",
+          label: "Clicked row dimension time range",
+          type: "timeRange"
+        },
+        {
+          name: "columnDimensionValue",
+          label: "Clicked column dimension value",
+          type: "string"
+        },
+        {
+          name: "columnDimensionTimeRange",
+          label: "Clicked column dimension time range",
+          type: "timeRange"
+        }
+      ]
+    }
+  ]
+}, b = {
+  rowDimension: m.dimension,
+  columnDimension: m.dimensionGroup,
+  measure: m.measure,
+  results: m.results1Measure2Dimensions,
+  hideMenu: !0
+}, Z = q(d, b), f = (e, o) => ({
+  from: e.dataset,
+  select: [e.rowDimension, e.columnDimension, e.measure],
+  limit: e.maxResults,
+  countRows: !0,
+  timezone: X(o == null ? void 0 : o.timezone)
+}), R = (e, o) => N(f(e, o)), $ = (e, o, i) => ({
+  ...e,
+  results: R(e, i)
+}), ee = {
+  onCellClicked: (e) => ({
+    rowDimensionValue: e.rowDimensionValue ?? r.noFilter(),
+    rowDimensionTimeRange: e.rowDimensionTimeRange ?? r.noFilter(),
+    columnDimensionValue: e.columnDimensionValue ?? r.noFilter(),
+    columnDimensionTimeRange: e.columnDimensionTimeRange ?? r.noFilter()
+  })
+}, ge = {
+  Component: d,
+  meta: Y,
+  preview: Z,
+  previewConfig: b,
+  config: {
+    props: $,
+    events: ee
+  },
+  results: {
+    loadDataArgs: f,
+    loadData: R
+  }
+};
+export {
+  ge as h,
+  pe as i
+};
+//# sourceMappingURL=definition-DQwCxWAq.js.map

package/dist/definition-DQwCxWAq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-DQwCxWAq.js","sources":["../src/components/charts/tables/HeatMapPro/index.tsx","../src/components/charts/tables/HeatMapPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport {\n  ChartCard,\n  ChartCardHeaderProps,\n  asChartCardHeaderProps,\n} from '../../shared/ChartCard/ChartCard';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport {\n  getStyle,\n  HeatMap,\n  HeatMapPropsDimension,\n  HeatMapPropsMeasure,\n} from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { useGetTableSortedResults } from '../tables.hooks';\nimport { useCallback } from 'react';\nimport { getTimeRangeFromDimensionValue } from '../../../utils/dimension.utils';\nimport { HeatMapCellClickArg, HeatMapProOptionsClickArg } from './HeatMapPro.types';\n\nexport type HeatMapProProps = {\n  columnDimension: Dimension;\n  columnWidth?: number;\n\n  displayNullAs?: string;\n  firstColumnWidth?: number;\n  maxColor?: string;\n  maxThreshold?: string;\n  measure: Measure;\n  midColor?: string;\n  minColor?: string;\n  minThreshold?: string;\n  results: DataResponse;\n  rowDimension: Dimension;\n  showValues?: boolean;\n  onCellClicked?: (args: HeatMapProOptionsClickArg) => void;\n} & ChartCardHeaderProps;\n\nexport const getHeatMeasure = (\n  props: { measure: Measure },\n  theme: Theme,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): HeatMapPropsMeasure<any> => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    key: props.measure.name,\n    label: themeFormatter.dimensionOrMeasureTitle(props.measure),\n    format: (value) => {\n      return themeFormatter.data(props.measure, value);\n    },\n  };\n};\n\nexport const getHeatDimension = (\n  props: { dimension: Dimension },\n  theme: Theme,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): HeatMapPropsDimension<any> => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    key: props.dimension.name,\n    label: themeFormatter.dimensionOrMeasureTitle(props.dimension),\n    format: (value: string) => themeFormatter.data(props.dimension, value),\n  };\n};\n\nconst HeatMapPro = (props: HeatMapProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    measure,\n    rowDimension,\n    columnDimension,\n    maxColor,\n    midColor,\n    minColor,\n    displayNullAs,\n    columnWidth,\n    firstColumnWidth,\n    showValues,\n    minThreshold,\n    maxThreshold,\n    onCellClicked,\n  } = props;\n\n  const handleCellClick = useCallback(\n    ({ rowDimensionValue, columnDimensionValue }: HeatMapCellClickArg) => {\n      if (!onCellClicked) return;\n      onCellClicked({\n        rowDimensionValue,\n        rowDimensionTimeRange: getTimeRangeFromDimensionValue({\n          value: rowDimensionValue,\n          dimension: rowDimension,\n        }),\n        columnDimensionValue,\n        columnDimensionTimeRange: getTimeRangeFromDimensionValue({\n          value: columnDimensionValue,\n          dimension: columnDimension,\n        }),\n      });\n    },\n    [onCellClicked, rowDimension, columnDimension],\n  );\n\n  const columnOrder = Array.from(\n    new Set((props.results.data ?? []).filter(Boolean).map((d) => d[columnDimension.name])),\n  );\n\n  const rowOrder = Array.from(\n    new Set((props.results.data ?? []).filter(Boolean).map((d) => d[rowDimension.name])),\n  );\n\n  // Fill gaps for the column dimension\n  const resultsColumnDimensionFillGaps = useFillGaps({\n    results: props.results,\n    dimension: columnDimension,\n  });\n\n  // Fill gaps for the row dimension\n  const resultsRowColumnDimensionFillGaps = useFillGaps({\n    results: resultsColumnDimensionFillGaps,\n    dimension: rowDimension,\n  });\n\n  const results = useGetTableSortedResults({\n    results: resultsRowColumnDimensionFillGaps,\n    columnOrder,\n    rowOrder,\n    columnDimension,\n    rowDimension,\n    measures: [measure],\n  });\n\n  const pivotMeasures = getHeatMeasure({ measure }, theme);\n  const pivotRowDimension = getHeatDimension({ dimension: rowDimension }, theme);\n  const pivotColumnDimension = getHeatDimension({ dimension: columnDimension }, theme);\n\n  return (\n    <ChartCard\n      data={props.results}\n      dimensionsAndMeasures={[rowDimension, columnDimension, measure]}\n      errorMessage={props.results?.error}\n      {...asChartCardHeaderProps(props)}\n    >\n      <HeatMap\n        data={results}\n        measure={pivotMeasures}\n        rowDimension={pivotRowDimension}\n        columnDimension={pivotColumnDimension}\n        maxColor={maxColor}\n        midColor={midColor ?? getStyle('--em-tablechart-heatmap-color', '#FF5400')}\n        minColor={minColor}\n        showValues={showValues}\n        minThreshold={minThreshold}\n        maxThreshold={maxThreshold}\n        columnWidth={columnWidth}\n        firstColumnWidth={firstColumnWidth}\n        displayNullAs={displayNullAs}\n        onCellClick={handleCellClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default HeatMapPro;\n","import { DataResponse, LoadDataRequest, Value, loadData } 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';\nimport { HeatMapProOptionsClickArg } from './HeatMapPro.types';\n\nconst meta = {\n  name: 'HeatMapPro',\n  label: 'Heat Map',\n  description:\n    'Heat map of one measure over two dimensions (rows × columns). Use to spot density or correlation patterns.',\n  category: 'Table Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    {\n      ...inputs.dimensionWithDateBounds,\n      label: 'Row dimension',\n      name: 'rowDimension',\n    },\n    {\n      ...inputs.dimensionWithDateBounds,\n      label: 'Column dimension',\n      name: 'columnDimension',\n    },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.displayNullAs,\n    {\n      ...inputs.color,\n      name: 'midColor',\n      label: 'Mid-point color (optional)',\n    },\n    {\n      ...inputs.color,\n      name: 'maxColor',\n      label: 'Max-point color (optional)',\n    },\n    {\n      ...inputs.color,\n      name: 'minColor',\n      label: 'Min-point color (optional)',\n    },\n    {\n      ...inputs.string,\n      name: 'minThreshold',\n      label: 'Max-point range lower limit',\n      description: 'Enter a value as either a number (e.g. 20) or a percentage (e.g. 20%)',\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.string,\n      name: 'maxThreshold',\n      label: 'Min-point range upper limit',\n      description: 'Enter a value as either a number (e.g. 20) or a percentage (e.g. 20%)',\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.boolean,\n      name: 'showValues',\n      label: 'Show values',\n      defaultValue: true,\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.number,\n      name: 'firstColumnWidth',\n      label: 'First column width',\n      description: 'Set the width in px (e.g. 200)',\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.number,\n      name: 'columnWidth',\n      label: 'Column width',\n      description: 'Set the width in px (e.g. 200)',\n      category: 'Component Settings',\n    },\n    inputs.maxResults,\n    inputs.menuOptions,\n  ],\n  events: [\n    {\n      name: 'onCellClicked',\n      label: 'A cell is clicked',\n      properties: [\n        {\n          name: 'rowDimensionValue',\n          label: 'Clicked row dimension value',\n          type: 'string',\n        },\n        {\n          name: 'rowDimensionTimeRange',\n          label: 'Clicked row dimension time range',\n          type: 'timeRange',\n        },\n        {\n          name: 'columnDimensionValue',\n          label: 'Clicked column dimension value',\n          type: 'string',\n        },\n        {\n          name: 'columnDimensionTimeRange',\n          label: 'Clicked column dimension time range',\n          type: 'timeRange',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst previewConfig = {\n  rowDimension: previewData.dimension,\n  columnDimension: previewData.dimensionGroup,\n  measure: previewData.measure,\n  results: previewData.results1Measure2Dimensions,\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.rowDimension, inputs.columnDimension, inputs.measure],\n  limit: inputs.maxResults,\n  countRows: true,\n  timezone: getClientContextTimezone(clientContext?.timezone),\n});\n\nconst loadDataResults = (\n  inputs: Inputs<typeof meta>,\n  clientContext?: ThemeClientContext,\n): DataResponse => loadData(loadDataResultsArgs(inputs, clientContext));\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  _state: unknown,\n  clientContext?: ThemeClientContext,\n) => ({\n  ...inputs,\n  results: loadDataResults(inputs, clientContext),\n});\n\nconst events = {\n  onCellClicked: (value: HeatMapProOptionsClickArg) => ({\n    rowDimensionValue: value.rowDimensionValue ?? Value.noFilter(),\n    rowDimensionTimeRange: value.rowDimensionTimeRange ?? Value.noFilter(),\n    columnDimensionValue: value.columnDimensionValue ?? Value.noFilter(),\n    columnDimensionTimeRange: value.columnDimensionTimeRange ?? Value.noFilter(),\n  }),\n};\n\nexport const heatMapPro = {\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":["getHeatMeasure","props","theme","themeFormatter","getThemeFormatter","value","getHeatDimension","HeatMapPro","useTheme","i18nSetup","measure","rowDimension","columnDimension","maxColor","midColor","minColor","displayNullAs","columnWidth","firstColumnWidth","showValues","minThreshold","maxThreshold","onCellClicked","handleCellClick","useCallback","rowDimensionValue","columnDimensionValue","getTimeRangeFromDimensionValue","columnOrder","d","rowOrder","resultsColumnDimensionFillGaps","useFillGaps","resultsRowColumnDimensionFillGaps","results","useGetTableSortedResults","pivotMeasures","pivotRowDimension","pivotColumnDimension","jsx","ChartCard","_a","asChartCardHeaderProps","HeatMap","getStyle","meta","inputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","clientContext","getClientContextTimezone","loadDataResults","loadData","_state","events","Value","heatMapPro"],"mappings":";;;;;;;;;;;;AAwCO,MAAMA,IAAiB,CAC5BC,GACAC,MAE6B;AAC7B,QAAMC,IAAiBC,EAAkBF,CAAK;AAE9C,SAAO;AAAA,IACL,KAAKD,EAAM,QAAQ;AAAA,IACnB,OAAOE,EAAe,wBAAwBF,EAAM,OAAO;AAAA,IAC3D,QAAQ,CAACI,MACAF,EAAe,KAAKF,EAAM,SAASI,CAAK;AAAA,EACjD;AAEJ,GAEaC,IAAmB,CAC9BL,GACAC,MAE+B;AAC/B,QAAMC,IAAiBC,EAAkBF,CAAK;AAE9C,SAAO;AAAA,IACL,KAAKD,EAAM,UAAU;AAAA,IACrB,OAAOE,EAAe,wBAAwBF,EAAM,SAAS;AAAA,IAC7D,QAAQ,CAACI,MAAkBF,EAAe,KAAKF,EAAM,WAAWI,CAAK;AAAA,EAAA;AAEzE,GAEME,IAAa,CAACN,MAA2B;;AAC7C,QAAMC,IAAQM,EAAA;AACd,EAAAC,EAAUP,CAAK;AAEf,QAAM;AAAA,IACJ,SAAAQ;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,EAAA,IACErB,GAEEsB,IAAkBC;AAAA,IACtB,CAAC,EAAE,mBAAAC,GAAmB,sBAAAC,QAAgD;AACpE,MAAKJ,KACLA,EAAc;AAAA,QACZ,mBAAAG;AAAA,QACA,uBAAuBE,EAA+B;AAAA,UACpD,OAAOF;AAAA,UACP,WAAWd;AAAA,QAAA,CACZ;AAAA,QACD,sBAAAe;AAAA,QACA,0BAA0BC,EAA+B;AAAA,UACvD,OAAOD;AAAA,UACP,WAAWd;AAAA,QAAA,CACZ;AAAA,MAAA,CACF;AAAA,IACH;AAAA,IACA,CAACU,GAAeX,GAAcC,CAAe;AAAA,EAAA,GAGzCgB,IAAc,MAAM;AAAA,IACxB,IAAI,KAAK3B,EAAM,QAAQ,QAAQ,CAAA,GAAI,OAAO,OAAO,EAAE,IAAI,CAAC4B,MAAMA,EAAEjB,EAAgB,IAAI,CAAC,CAAC;AAAA,EAAA,GAGlFkB,IAAW,MAAM;AAAA,IACrB,IAAI,KAAK7B,EAAM,QAAQ,QAAQ,CAAA,GAAI,OAAO,OAAO,EAAE,IAAI,CAAC4B,MAAMA,EAAElB,EAAa,IAAI,CAAC,CAAC;AAAA,EAAA,GAI/EoB,IAAiCC,EAAY;AAAA,IACjD,SAAS/B,EAAM;AAAA,IACf,WAAWW;AAAA,EAAA,CACZ,GAGKqB,IAAoCD,EAAY;AAAA,IACpD,SAASD;AAAA,IACT,WAAWpB;AAAA,EAAA,CACZ,GAEKuB,IAAUC,EAAyB;AAAA,IACvC,SAASF;AAAA,IACT,aAAAL;AAAA,IACA,UAAAE;AAAA,IACA,iBAAAlB;AAAA,IACA,cAAAD;AAAA,IACA,UAAU,CAACD,CAAO;AAAA,EAAA,CACnB,GAEK0B,IAAgBpC,EAAe,EAAE,SAAAU,EAAA,GAAWR,CAAK,GACjDmC,IAAoB/B,EAAiB,EAAE,WAAWK,EAAA,GAAgBT,CAAK,GACvEoC,IAAuBhC,EAAiB,EAAE,WAAWM,EAAA,GAAmBV,CAAK;AAEnF,SACEqC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMvC,EAAM;AAAA,MACZ,uBAAuB,CAACU,GAAcC,GAAiBF,CAAO;AAAA,MAC9D,eAAc+B,IAAAxC,EAAM,YAAN,gBAAAwC,EAAe;AAAA,MAC5B,GAAGC,EAAuBzC,CAAK;AAAA,MAEhC,UAAAsC,gBAAAA,EAAAA;AAAAA,QAACI;AAAA,QAAA;AAAA,UACC,MAAMT;AAAA,UACN,SAASE;AAAA,UACT,cAAcC;AAAA,UACd,iBAAiBC;AAAA,UACjB,UAAAzB;AAAA,UACA,UAAUC,KAAY8B,EAAS,iCAAiC,SAAS;AAAA,UACzE,UAAA7B;AAAA,UACA,YAAAI;AAAA,UACA,cAAAC;AAAA,UACA,cAAAC;AAAA,UACA,aAAAJ;AAAA,UACA,kBAAAC;AAAA,UACA,eAAAF;AAAA,UACA,aAAaO;AAAA,QAAA;AAAA,MAAA;AAAA,IACf;AAAA,EAAA;AAGN;;;;;8CC9JMsB,IAAO;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,aACE;AAAA,EACF,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC,EAAO;AAAA,IACPA,EAAO;AAAA,IACP;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,OAAO;AAAA,MACP,MAAM;AAAA,IAAA;AAAA,IAER;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,OAAO;AAAA,MACP,MAAM;AAAA,IAAA;AAAA,IAERA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACP;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,IAET;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,IAET;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,IAET;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,MACd,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU;AAAA,IAAA;AAAA,IAEZA,EAAO;AAAA,IACPA,EAAO;AAAA,EAAA;AAAA,EAET,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,QAER;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,QAER;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,QAER;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEJ,GAEMC,IAAgB;AAAA,EACpB,cAAcC,EAAY;AAAA,EAC1B,iBAAiBA,EAAY;AAAA,EAC7B,SAASA,EAAY;AAAA,EACrB,SAASA,EAAY;AAAA,EACrB,UAAU;AACZ,GAEMC,IAAUC,EAAcC,GAAWJ,CAAa,GAEhDK,IAAsB,CAC1BN,GACAO,OACqB;AAAA,EACrB,MAAMP,EAAO;AAAA,EACb,QAAQ,CAACA,EAAO,cAAcA,EAAO,iBAAiBA,EAAO,OAAO;AAAA,EACpE,OAAOA,EAAO;AAAA,EACd,WAAW;AAAA,EACX,UAAUQ,EAAyBD,KAAA,gBAAAA,EAAe,QAAQ;AAC5D,IAEME,IAAkB,CACtBT,GACAO,MACiBG,EAASJ,EAAoBN,GAAQO,CAAa,CAAC,GAEhEpD,IAAQ,CACZ6C,GACAW,GACAJ,OACI;AAAA,EACJ,GAAGP;AAAAA,EACH,SAASS,EAAgBT,GAAQO,CAAa;AAChD,IAEMK,KAAS;AAAA,EACb,eAAe,CAACrD,OAAsC;AAAA,IACpD,mBAAmBA,EAAM,qBAAqBsD,EAAM,SAAA;AAAA,IACpD,uBAAuBtD,EAAM,yBAAyBsD,EAAM,SAAA;AAAA,IAC5D,sBAAsBtD,EAAM,wBAAwBsD,EAAM,SAAA;AAAA,IAC1D,0BAA0BtD,EAAM,4BAA4BsD,EAAM,SAAA;AAAA,EAAS;AAE/E,GAEaC,KAAa;AAAA,EAAA,WACxBT;AAAAA,EACA,MAAAN;AAAA,EACA,SAAAI;AAAA,EACA,eAAAF;AAAA,EACA,QAAQ;AAAA,IACN,OAAA9C;AAAA,IACA,QAAAyD;AAAA,EAAA;AAAA,EAEF,SAAS;AAAA,IACP,cAAcN;AAAA,IACd,UAAUG;AAAA,EAAA;AAEd;"}

package/dist/{definition-CVt8II-L.js → definition-DWE6nkLY.js}

@@ -1,62 +1,61 @@
-import { m as F, j as y, B as H, V as x } from "./index-B2QrkfxN.js";
+import { m as j, j as y, B as F, V as p } from "./index-3F2_3p7g.js";
 import { useTheme as K, definePreview as _ } from "@embeddable.com/react";
-import { i as W, r as E } from "./component.utils-oQMZT7TK.js";
-import { C as I } from "./ChartCard-vJK2ZRxA.js";
-import { b as U, c as q } from "./bars.utils-COH_FQZE.js";
-import { u as J } from "./charts.fillGaps.hooks-BkJ8-vFc.js";
-import { C as N, g as Q } from "./granularity.utils-QXObIZwK.js";
-import { u as X, g as Z, a as $, l as ee, b as ie } from "./bars.loadData.utils-KNlmFRwS.js";
-import { d as ae } from "./charts.utils-BaFvl6O-.js";
-import { i } from "./component.inputs.constants-fbYKhm5a.js";
-import { p } from "./preview.data.constants-TS-EhQXM.js";
-import { g as re } from "./clientContext.utils-DpB5KsfX.js";
-const A = (e) => {
+import { i as W, r as I } from "./component.utils-oQMZT7TK.js";
+import { C as E, a as U } from "./ChartCard-DoGFLbS2.js";
+import { b as q, c as J } from "./bars.utils-CsufVR7j.js";
+import { u as N } from "./charts.fillGaps.hooks-CWY0cZuI.js";
+import { C as Q, g as X } from "./granularity.utils-D8sR_MWc.js";
+import { u as Z, g as $, a as ee, l as ie, b as ae } from "./bars.loadData.utils-C0aBNT5b.js";
+import { d as re } from "./charts.utils-B-Ryq4Nc.js";
+import { i } from "./component.inputs.constants-C1gOvjv8.js";
+import { p as x } from "./preview.data.constants-Cg6C5D3p.js";
+import { g as oe } from "./clientContext.utils-DpB5KsfX.js";
+const C = (e) => {
   var b, D;
   const a = K();
   W(a);
-  const { tooltip: l, description: t, title: s, xAxisLabel: m, yAxisLabel: d } = E(e), {
-    hideMenu: g,
+  const u = I(e), { tooltip: t, description: n, title: l, xAxisLabel: m, yAxisLabel: g } = u, {
     yAxis: r,
     groupBy: o,
-    measure: u,
+    measure: d,
     reverseYAxis: f,
     showLegend: R,
     showLogarithmicScale: B,
-    showTooltips: G,
-    showTotalLabels: O,
+    showTooltips: O,
+    showTotalLabels: G,
     showValueLabels: k,
     xAxisRangeMax: w,
-    xAxisRangeMin: z,
-    granularity: M,
-    setGranularity: C,
+    xAxisRangeMin: P,
+    granularity: z,
+    setGranularity: A,
     onBarClicked: L,
-    axisOrder: P,
+    axisOrder: M,
     resultsAxisOrder: c,
     axisOrderCacheKey: V,
-    setAxisOrderAndCacheKey: S
+    setAxisOrderAndCacheKey: v
   } = e;
-  X({
+  Z({
     resultsAxisOrder: c,
     axisDimension: r,
-    setAxisOrderAndCacheKey: S,
+    setAxisOrderAndCacheKey: v,
     axisOrderCacheKey: V
   });
-  const n = J({
+  const s = N({
     results: e.results,
     dimension: r
-  }), h = U(
+  }), h = q(
     {
-      data: n == null ? void 0 : n.data,
+      data: s == null ? void 0 : s.data,
       dimension: r,
       groupDimension: o,
-      measure: u,
-      axisOrder: P
+      measure: d,
+      axisOrder: M
     },
     a
-  ), v = F(
-    q(
+  ), S = j(
+    J(
       {
-        measures: [u],
+        measures: [d],
         groupDimension: o,
         horizontal: !0,
         data: h,
@@ -65,58 +64,55 @@ const A = (e) => {
       a
     ),
     ((D = (b = a.charts) == null ? void 0 : b.barChartGroupedHorizontalPro) == null ? void 0 : D.options) ?? {}
-  ), Y = !s && !t && !l, j = ae({
+  ), Y = !l && !n && !t, H = re({
     data: h,
     dimension: r,
     groupBy: o,
-    granularity: M,
+    granularity: z,
     onClicked: L
   });
   return /* @__PURE__ */ y.jsxs(
-    I,
+    E,
     {
-      data: n,
-      dimensionsAndMeasures: [u, r, o],
-      errorMessage: (n == null ? void 0 : n.error) || (c == null ? void 0 : c.error),
-      description: t,
-      title: s,
-      tooltip: l,
-      hideMenu: g,
+      data: s,
+      dimensionsAndMeasures: [d, r, o],
+      errorMessage: (s == null ? void 0 : s.error) || (c == null ? void 0 : c.error),
+      ...U(e),
       children: [
-        C && /* @__PURE__ */ y.jsx(
-          N,
+        A && /* @__PURE__ */ y.jsx(
+          Q,
           {
             hasMarginTop: Y,
             dimension: r,
-            onChange: C
+            onChange: A
           }
         ),
         /* @__PURE__ */ y.jsx(
-          H,
+          F,
           {
             data: h,
             showLegend: R,
-            showTooltips: G,
+            showTooltips: O,
             showValueLabels: k,
             showLogarithmicScale: B,
             xAxisLabel: m,
-            yAxisLabel: d,
+            yAxisLabel: g,
             reverseYAxis: f,
-            xAxisRangeMin: z,
+            xAxisRangeMin: P,
             xAxisRangeMax: w,
-            showTotalLabels: O,
-            options: v,
-            onClick: j,
+            showTotalLabels: G,
+            options: S,
+            onClick: H,
             horizontal: !0
           }
         )
       ]
     }
   );
-}, be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, De = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: A
-}, Symbol.toStringTag, { value: "Module" })), oe = {
+  default: C
+}, Symbol.toStringTag, { value: "Module" })), se = {
   name: "BarChartGroupedHorizontalPro",
   label: "Bar Chart - Grouped Horizontal",
   description: "Same as BarChartGroupedPro but with horizontal bars. Pick when category labels are long or numerous.",
@@ -140,7 +136,8 @@ const A = (e) => {
     i.yAxisLabel,
     i.reverseYAxis,
     i.xAxisRangeMin,
-    i.xAxisRangeMax
+    i.xAxisRangeMax,
+    i.menuOptions
   ],
   events: [
     {
@@ -171,67 +168,67 @@ const A = (e) => {
     }
   ]
 }, T = {
-  yAxis: p.dimension,
-  groupBy: p.dimensionGroup,
-  measure: p.measure,
-  results: p.results1Measure2Dimensions,
+  yAxis: x.dimension,
+  groupBy: x.dimensionGroup,
+  measure: x.measure,
+  results: x.results1Measure2Dimensions,
   hideMenu: !0
-}, se = _(A, T), ne = {
+}, ne = _(C, T), te = {
   onBarClicked: (e) => ({
-    axisDimensionValue: e.dimensionValue ?? x.noFilter(),
-    axisDimensionTimeRange: e.dimensionTimeRange ?? x.noFilter(),
-    groupingDimensionValue: e.groupingDimensionValue ?? x.noFilter(),
-    groupingDimensionTimeRange: e.groupingDimensionTimeRange ?? x.noFilter()
+    axisDimensionValue: e.dimensionValue ?? p.noFilter(),
+    axisDimensionTimeRange: e.dimensionTimeRange ?? p.noFilter(),
+    groupingDimensionValue: e.groupingDimensionValue ?? p.noFilter(),
+    groupingDimensionTimeRange: e.groupingDimensionTimeRange ?? p.noFilter()
   })
-}, te = (e, [a, l], t) => {
-  const s = Q(e.yAxis, a == null ? void 0 : a.granularity), m = e.sortDirectionTopYAxis, d = re(t == null ? void 0 : t.timezone), g = Z({
+}, le = (e, [a, u], t) => {
+  const n = X(e.yAxis, a == null ? void 0 : a.granularity), l = e.sortDirectionTopYAxis, m = oe(t == null ? void 0 : t.timezone), g = $({
     dataset: e.dataset,
-    axis: s,
+    axis: n,
     measure: e.measure,
-    sortDirection: m,
+    sortDirection: l,
     limit: e.limitTopYAxis,
-    timezone: d
-  }), r = $(g, a);
+    timezone: m
+  }), r = ee(g, a);
   return {
     ...e,
-    yAxis: s,
+    yAxis: n,
     granularity: a == null ? void 0 : a.granularity,
     axisOrder: r,
     axisOrderCacheKey: g,
-    setGranularity: (o) => l({ ...a, granularity: o }),
-    setAxisOrderAndCacheKey: (o, u) => l({ ...a, axisOrder: o, axisOrderCacheKey: u }),
-    resultsAxisOrder: ie({
+    setGranularity: (o) => u({ ...a, granularity: o }),
+    setAxisOrderAndCacheKey: (o, d) => u({ ...a, axisOrder: o, axisOrderCacheKey: d }),
+    resultsAxisOrder: ae({
       dataset: e.dataset,
       limitTopAxis: e.limitTopYAxis,
-      axis: s,
+      axis: n,
       measure: e.measure,
-      sortDirection: m,
-      timezone: d
+      sortDirection: l,
+      timezone: m
     }),
-    results: ee({
+    results: ie({
       dataset: e.dataset,
-      axis: s,
+      axis: n,
       groupBy: e.groupBy,
       measure: e.measure,
-      sortDirection: m,
+      sortDirection: l,
       limitTopAxis: e.limitTopYAxis,
       maxResults: e.maxResults,
       axisOrder: r,
-      timezone: d
+      timezone: m
     })
   };
-}, De = {
-  Component: A,
-  meta: oe,
-  preview: se,
+}, Te = {
+  Component: C,
+  meta: se,
+  preview: ne,
   previewConfig: T,
   config: {
-    props: te,
-    events: ne
+    props: le,
+    events: te
   }
 };
 export {
-  De as b,
-  be as i
+  Te as b,
+  De as i
 };
-//# sourceMappingURL=definition-CVt8II-L.js.map
+//# sourceMappingURL=definition-DWE6nkLY.js.map

package/dist/definition-DWE6nkLY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-DWE6nkLY.js","sources":["../src/components/charts/bars/BarChartGroupedHorizontalPro/index.tsx","../src/components/charts/bars/BarChartGroupedHorizontalPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard, asChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarChart } from '@embeddable.com/remarkable-ui';\nimport { getBarStackedChartProData, getBarStackedChartProOptions } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { Dimension } from '@embeddable.com/core';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\nimport { useUpdateAxisOrderAndCacheKey } from '../bars.hooks';\nimport { BarChartStackedBaseProps } from '../bars.types';\nimport { createGroupedClickHandler } from '../../charts.utils';\n\nexport type BarChartGroupedHorizontalProProps = BarChartStackedBaseProps & {\n  yAxis: Dimension;\n  reverseYAxis?: boolean;\n  xAxisRangeMax?: number;\n  xAxisRangeMin?: number;\n};\n\nconst BarChartGroupedHorizontalPro = (props: BarChartGroupedHorizontalProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const resolvedI18nProps = resolveI18nProps(props);\n  const { tooltip, description, title, xAxisLabel, yAxisLabel } = resolvedI18nProps;\n\n  const {\n    yAxis,\n    groupBy,\n    measure,\n    reverseYAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showTotalLabels,\n    showValueLabels,\n    xAxisRangeMax,\n    xAxisRangeMin,\n    granularity,\n    setGranularity,\n    onBarClicked,\n    axisOrder,\n    resultsAxisOrder,\n    axisOrderCacheKey,\n    setAxisOrderAndCacheKey,\n  } = props;\n\n  useUpdateAxisOrderAndCacheKey({\n    resultsAxisOrder,\n    axisDimension: yAxis,\n    setAxisOrderAndCacheKey,\n    axisOrderCacheKey,\n  });\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: yAxis,\n  });\n\n  const data = getBarStackedChartProData(\n    {\n      data: results?.data,\n      dimension: yAxis,\n      groupDimension: groupBy,\n      measure,\n      axisOrder,\n    },\n    theme,\n  );\n\n  const options = mergician(\n    getBarStackedChartProOptions(\n      {\n        measures: [measure],\n        groupDimension: groupBy,\n        horizontal: true,\n        data,\n        dimension: yAxis,\n      },\n      theme,\n    ),\n    theme.charts?.barChartGroupedHorizontalPro?.options ?? {},\n  );\n\n  const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n\n  const handleClick = createGroupedClickHandler({\n    data,\n    dimension: yAxis,\n    groupBy,\n    granularity,\n    onClicked: onBarClicked,\n  });\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[measure, yAxis, groupBy]}\n      errorMessage={results?.error || resultsAxisOrder?.error}\n      {...asChartCardHeaderProps(props)}\n    >\n      {setGranularity && (\n        <ChartGranularitySelectField\n          hasMarginTop={granularitySelectorHasMarginTop}\n          dimension={yAxis}\n          onChange={setGranularity}\n        />\n      )}\n      <BarChart\n        data={data}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        showLogarithmicScale={showLogarithmicScale}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        reverseYAxis={reverseYAxis}\n        xAxisRangeMin={xAxisRangeMin}\n        xAxisRangeMax={xAxisRangeMax}\n        showTotalLabels={showTotalLabels}\n        options={options}\n        onClick={handleClick}\n        horizontal\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarChartGroupedHorizontalPro;\n","import { Granularity, OrderDirection, Value } 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 {\n  getAxisOrderCacheKey,\n  getCachedAxisOrder,\n  loadDataResultsAxisOrder,\n  loadDataResults,\n} from '../bars.loadData.utils';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\nimport { BarChartStackedProOptionsClickArg } from '../bars.types';\n\nconst meta = {\n  name: 'BarChartGroupedHorizontalPro',\n  label: 'Bar Chart - Grouped Horizontal',\n  description:\n    'Same as BarChartGroupedPro but with horizontal bars. Pick when category labels are long or numerous.',\n  category: 'Bar Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    { ...inputs.dimensionWithGranularitySelectField, name: 'yAxis', label: 'Y-axis' },\n    { ...inputs.dimension, name: 'groupBy', label: 'Group by' },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.maxResults,\n    inputs.showLegend,\n    inputs.showTooltips,\n    { ...inputs.showValueLabels, defaultValue: false },\n    inputs.showLogarithmicScale,\n    inputs.sortDirectionTopYAxis,\n    inputs.limitTopYAxis,\n    inputs.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.reverseYAxis,\n    inputs.xAxisRangeMin,\n    inputs.xAxisRangeMax,\n    inputs.menuOptions,\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          name: 'groupingDimensionValue',\n          label: 'Clicked grouping dimension value',\n          type: 'string',\n        },\n        {\n          name: 'groupingDimensionTimeRange',\n          label: 'Clicked grouping dimension time range',\n          type: 'timeRange',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type BarChartGroupedHorizontalProState = {\n  granularity?: Granularity;\n  axisOrder?: string[];\n  axisOrderCacheKey?: string;\n};\n\nconst previewConfig = {\n  yAxis: previewData.dimension,\n  groupBy: previewData.dimensionGroup,\n  measure: previewData.measure,\n  results: previewData.results1Measure2Dimensions,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst events = {\n  onBarClicked: (value: BarChartStackedProOptionsClickArg) => ({\n    axisDimensionValue: value.dimensionValue ?? Value.noFilter(),\n    axisDimensionTimeRange: value.dimensionTimeRange ?? Value.noFilter(),\n    groupingDimensionValue: value.groupingDimensionValue ?? Value.noFilter(),\n    groupingDimensionTimeRange: value.groupingDimensionTimeRange ?? Value.noFilter(),\n  }),\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [\n    BarChartGroupedHorizontalProState,\n    (state: BarChartGroupedHorizontalProState) => void,\n  ],\n  clientContext: ThemeClientContext,\n) => {\n  const yAxisWithGranularity = getDimensionWithGranularity(inputs.yAxis, state?.granularity);\n  const sortDirection = inputs.sortDirectionTopYAxis as OrderDirection | undefined;\n  const timezone = getClientContextTimezone(clientContext?.timezone);\n\n  const axisOrderCacheKey = getAxisOrderCacheKey({\n    dataset: inputs.dataset,\n    axis: yAxisWithGranularity,\n    measure: inputs.measure,\n    sortDirection,\n    limit: inputs.limitTopYAxis,\n    timezone,\n  });\n\n  const cachedAxisOrder = getCachedAxisOrder(axisOrderCacheKey, state);\n\n  return {\n    ...inputs,\n    yAxis: yAxisWithGranularity,\n    granularity: state?.granularity,\n    axisOrder: cachedAxisOrder,\n    axisOrderCacheKey,\n    setGranularity: (granularity: Granularity) => setState({ ...state, granularity }),\n    setAxisOrderAndCacheKey: (axisOrder: string[], cacheKey: string) =>\n      setState({ ...state, axisOrder, axisOrderCacheKey: cacheKey }),\n    resultsAxisOrder: loadDataResultsAxisOrder({\n      dataset: inputs.dataset,\n      limitTopAxis: inputs.limitTopYAxis,\n      axis: yAxisWithGranularity,\n      measure: inputs.measure,\n      sortDirection,\n      timezone,\n    }),\n    results: loadDataResults({\n      dataset: inputs.dataset,\n      axis: yAxisWithGranularity,\n      groupBy: inputs.groupBy,\n      measure: inputs.measure,\n      sortDirection,\n      limitTopAxis: inputs.limitTopYAxis,\n      maxResults: inputs.maxResults,\n      axisOrder: cachedAxisOrder,\n      timezone,\n    }),\n  };\n};\n\nexport const barChartGroupedHorizontalPro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n    events,\n  },\n} as const;\n"],"names":["BarChartGroupedHorizontalPro","props","theme","useTheme","i18nSetup","resolvedI18nProps","resolveI18nProps","tooltip","description","title","xAxisLabel","yAxisLabel","yAxis","groupBy","measure","reverseYAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","xAxisRangeMax","xAxisRangeMin","granularity","setGranularity","onBarClicked","axisOrder","resultsAxisOrder","axisOrderCacheKey","setAxisOrderAndCacheKey","useUpdateAxisOrderAndCacheKey","results","useFillGaps","data","getBarStackedChartProData","options","mergician","getBarStackedChartProOptions","_b","_a","granularitySelectorHasMarginTop","handleClick","createGroupedClickHandler","jsxs","ChartCard","asChartCardHeaderProps","jsx","ChartGranularitySelectField","BarChart","meta","inputs","previewConfig","previewData","preview","definePreview","Component","events","value","Value","state","setState","clientContext","yAxisWithGranularity","getDimensionWithGranularity","sortDirection","timezone","getClientContextTimezone","getAxisOrderCacheKey","cachedAxisOrder","getCachedAxisOrder","cacheKey","loadDataResultsAxisOrder","loadDataResults","barChartGroupedHorizontalPro"],"mappings":";;;;;;;;;;;;AAsBA,MAAMA,IAA+B,CAACC,MAA6C;;AACjF,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AAEf,QAAMG,IAAoBC,EAAiBL,CAAK,GAC1C,EAAE,SAAAM,GAAS,aAAAC,GAAa,OAAAC,GAAO,YAAAC,GAAY,YAAAC,MAAeN,GAE1D;AAAA,IACJ,OAAAO;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,yBAAAC;AAAA,EAAA,IACE5B;AAEJ,EAAA6B,EAA8B;AAAA,IAC5B,kBAAAH;AAAA,IACA,eAAef;AAAA,IACf,yBAAAiB;AAAA,IACA,mBAAAD;AAAA,EAAA,CACD;AAED,QAAMG,IAAUC,EAAY;AAAA,IAC1B,SAAS/B,EAAM;AAAA,IACf,WAAWW;AAAA,EAAA,CACZ,GAEKqB,IAAOC;AAAA,IACX;AAAA,MACE,MAAMH,KAAA,gBAAAA,EAAS;AAAA,MACf,WAAWnB;AAAA,MACX,gBAAgBC;AAAA,MAChB,SAAAC;AAAA,MACA,WAAAY;AAAA,IAAA;AAAA,IAEFxB;AAAA,EAAA,GAGIiC,IAAUC;AAAA,IACdC;AAAA,MACE;AAAA,QACE,UAAU,CAACvB,CAAO;AAAA,QAClB,gBAAgBD;AAAA,QAChB,YAAY;AAAA,QACZ,MAAAoB;AAAA,QACA,WAAWrB;AAAA,MAAA;AAAA,MAEbV;AAAA,IAAA;AAAA,MAEFoC,KAAAC,IAAArC,EAAM,WAAN,gBAAAqC,EAAc,iCAAd,gBAAAD,EAA4C,YAAW,CAAA;AAAA,EAAC,GAGpDE,IAAkC,CAAC/B,KAAS,CAACD,KAAe,CAACD,GAE7DkC,IAAcC,GAA0B;AAAA,IAC5C,MAAAT;AAAA,IACA,WAAWrB;AAAA,IACX,SAAAC;AAAA,IACA,aAAAU;AAAA,IACA,WAAWE;AAAA,EAAA,CACZ;AAED,SACEkB,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMb;AAAA,MACN,uBAAuB,CAACjB,GAASF,GAAOC,CAAO;AAAA,MAC/C,eAAckB,KAAA,gBAAAA,EAAS,WAASJ,KAAA,gBAAAA,EAAkB;AAAA,MACjD,GAAGkB,EAAuB5C,CAAK;AAAA,MAE/B,UAAA;AAAA,QAAAuB,KACCsB,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,cAAcP;AAAA,YACd,WAAW5B;AAAA,YACX,UAAUY;AAAA,UAAA;AAAA,QAAA;AAAA,QAGdsB,gBAAAA,EAAAA;AAAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAAf;AAAA,YACA,YAAAjB;AAAA,YACA,cAAAE;AAAA,YACA,iBAAAE;AAAA,YACA,sBAAAH;AAAA,YACA,YAAAP;AAAA,YACA,YAAAC;AAAA,YACA,cAAAI;AAAA,YACA,eAAAO;AAAA,YACA,eAAAD;AAAA,YACA,iBAAAF;AAAA,YACA,SAAAgB;AAAA,YACA,SAASM;AAAA,YACT,YAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACZ;AAAA,IAAA;AAAA,EAAA;AAGN;;;8CCjHMQ,KAAO;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,aACE;AAAA,EACF,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,qCAAqC,MAAM,SAAS,OAAO,SAAA;AAAA,IACvE,EAAE,GAAGA,EAAO,WAAW,MAAM,WAAW,OAAO,WAAA;AAAA,IAC/CA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,iBAAiB,cAAc,GAAA;AAAA,IAC3CA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,EAAA;AAAA,EAET,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,QAER;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,QAER;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,QAER;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEJ,GAQMC,IAAgB;AAAA,EACpB,OAAOC,EAAY;AAAA,EACnB,SAASA,EAAY;AAAA,EACrB,SAASA,EAAY;AAAA,EACrB,SAASA,EAAY;AAAA,EACrB,UAAU;AACZ,GAEMC,KAAUC,EAAcC,GAAWJ,CAAa,GAEhDK,KAAS;AAAA,EACb,cAAc,CAACC,OAA8C;AAAA,IAC3D,oBAAoBA,EAAM,kBAAkBC,EAAM,SAAA;AAAA,IAClD,wBAAwBD,EAAM,sBAAsBC,EAAM,SAAA;AAAA,IAC1D,wBAAwBD,EAAM,0BAA0BC,EAAM,SAAA;AAAA,IAC9D,4BAA4BD,EAAM,8BAA8BC,EAAM,SAAA;AAAA,EAAS;AAEnF,GAEMzD,KAAQ,CACZiD,GACA,CAACS,GAAOC,CAAQ,GAIhBC,MACG;AACH,QAAMC,IAAuBC,EAA4Bb,EAAO,OAAOS,KAAA,gBAAAA,EAAO,WAAW,GACnFK,IAAgBd,EAAO,uBACvBe,IAAWC,GAAyBL,KAAA,gBAAAA,EAAe,QAAQ,GAE3DjC,IAAoBuC,EAAqB;AAAA,IAC7C,SAASjB,EAAO;AAAA,IAChB,MAAMY;AAAA,IACN,SAASZ,EAAO;AAAA,IAChB,eAAAc;AAAA,IACA,OAAOd,EAAO;AAAA,IACd,UAAAe;AAAA,EAAA,CACD,GAEKG,IAAkBC,GAAmBzC,GAAmB+B,CAAK;AAEnE,SAAO;AAAA,IACL,GAAGT;AAAAA,IACH,OAAOY;AAAA,IACP,aAAaH,KAAA,gBAAAA,EAAO;AAAA,IACpB,WAAWS;AAAA,IACX,mBAAAxC;AAAA,IACA,gBAAgB,CAACL,MAA6BqC,EAAS,EAAE,GAAGD,GAAO,aAAApC,GAAa;AAAA,IAChF,yBAAyB,CAACG,GAAqB4C,MAC7CV,EAAS,EAAE,GAAGD,GAAO,WAAAjC,GAAW,mBAAmB4C,GAAU;AAAA,IAC/D,kBAAkBC,GAAyB;AAAA,MACzC,SAASrB,EAAO;AAAA,MAChB,cAAcA,EAAO;AAAA,MACrB,MAAMY;AAAA,MACN,SAASZ,EAAO;AAAA,MAChB,eAAAc;AAAA,MACA,UAAAC;AAAA,IAAA,CACD;AAAA,IACD,SAASO,GAAgB;AAAA,MACvB,SAAStB,EAAO;AAAA,MAChB,MAAMY;AAAA,MACN,SAASZ,EAAO;AAAA,MAChB,SAASA,EAAO;AAAA,MAChB,eAAAc;AAAA,MACA,cAAcd,EAAO;AAAA,MACrB,YAAYA,EAAO;AAAA,MACnB,WAAWkB;AAAA,MACX,UAAAH;AAAA,IAAA,CACD;AAAA,EAAA;AAEL,GAEaQ,KAA+B;AAAA,EAAA,WAC1ClB;AAAAA,EACA,MAAAN;AAAA,EACA,SAAAI;AAAA,EACA,eAAAF;AAAA,EACA,QAAQ;AAAA,IACN,OAAAlD;AAAA,IACA,QAAAuD;AAAA,EAAA;AAEJ;"}