@embeddable.com/remarkable-pro 0.3.6 → 0.3.7

package/dist/definition-akR2s4L2.js

@@ -0,0 +1,260 @@
+import { j as T, Q as se, l as x } from "./index-3F2_3p7g.js";
+import { useTheme as ne, definePreview as te } from "@embeddable.com/react";
+import { i as ae, a as ie } from "./component.utils-oQMZT7TK.js";
+import { C as re, a as le } from "./ChartCard-DoGFLbS2.js";
+import { useRef as me, useState as P, useEffect as ue } from "react";
+import { u as C } from "./charts.fillGaps.hooks-CWY0cZuI.js";
+import { g as A } from "./formatter.utils-D8VAiDYp.js";
+import { u as de } from "./tables.hooks-fVC_4V5K.js";
+import { i as a, s as b } from "./component.inputs.constants-C1gOvjv8.js";
+import { p as d } from "./preview.data.constants-Cg6C5D3p.js";
+import { g as F } from "./clientContext.utils-DpB5KsfX.js";
+const ce = (e, o) => {
+  const s = A(o);
+  return e.measures.map((n) => {
+    var t, i;
+    return {
+      key: n.name,
+      label: s.dimensionOrMeasureTitle(n),
+      showAsPercentage: !!((t = n.inputs) != null && t.showAsPercentage),
+      percentageDecimalPlaces: ((i = n.inputs) == null ? void 0 : i.decimalPlaces) ?? 1,
+      accessor: (l) => l[n.name] == null ? e.displayNullAs : s.data(n, l[n.name])
+    };
+  });
+}, p = (e, o) => {
+  const s = A(o);
+  return {
+    key: e.dimension.name,
+    label: s.dimensionOrMeasureTitle(e.dimension),
+    formatValue: (n) => s.data(e.dimension, n)
+  };
+}, we = (e) => e.filter((o) => {
+  var s;
+  return (s = o.inputs) == null ? void 0 : s.showColumnTotal;
+}).map((o) => o.name), be = (e) => e.filter((o) => {
+  var s;
+  return (s = o.inputs) == null ? void 0 : s.showRowTotal;
+}).map((o) => o.name), pe = (e, o, s = "asc") => [...e].sort((n, t) => n[o] < t[o] ? s === "asc" ? -1 : 1 : n[o] > t[o] ? s === "asc" ? 1 : -1 : 0), R = (e) => {
+  var g, D;
+  const o = ne();
+  ae(o);
+  const {
+    resultsSubRows: s,
+    measures: n,
+    rowDimension: t,
+    subRowDimension: i,
+    columnDimension: l,
+    displayNullAs: f,
+    columnWidth: j,
+    firstColumnWidth: z,
+    expandedRowKeys: c,
+    setExpandedRowKey: G
+  } = e, L = Array.from(
+    new Set((e.results.data ?? []).filter(Boolean).map((r) => r[l.name]))
+  ), k = Array.from(
+    new Set((e.results.data ?? []).filter(Boolean).map((r) => r[t.name]))
+  ), _ = C({
+    results: e.results,
+    dimension: l
+  }), K = C({
+    results: _,
+    dimension: t
+  }), N = de({
+    results: K,
+    columnOrder: L,
+    rowOrder: k,
+    columnDimension: l,
+    rowDimension: t,
+    measures: n
+  }), q = me(null), I = ce({ measures: n, displayNullAs: f }, o), V = p({ dimension: t }, o), H = i ? p({ dimension: i }, o) : void 0, Q = p({ dimension: l }, o), J = we(n), U = be(n), [X, h] = P(/* @__PURE__ */ new Set()), [Y, Z] = P(/* @__PURE__ */ new Map()), $ = (r) => {
+    h((m) => new Set(m).add(r)), G(r);
+  };
+  ue(() => {
+    if (!s || !(s != null && s.data) || c.length === 0)
+      return;
+    const r = /* @__PURE__ */ new Map();
+    c.forEach((m) => {
+      var y, v;
+      if ((y = s.data) == null ? void 0 : y.some(
+        (u) => String(u[t.name]) === m
+      )) {
+        const u = ((v = s.data) == null ? void 0 : v.filter((w) => String(w[t.name]) === m)) ?? [], oe = i ? pe(u, i.name, "asc") : u;
+        r.set(m, oe), h((w) => {
+          const S = new Set(w);
+          return S.delete(m), S;
+        });
+      }
+    }), Z(r);
+  }, [s, c, t, i]);
+  const ee = {
+    ...e.results,
+    isLoading: !!((g = e.results) != null && g.isLoading || s != null && s.isLoading)
+  };
+  return /* @__PURE__ */ T.jsx(
+    re,
+    {
+      ref: q,
+      data: ee,
+      dimensionsAndMeasures: [t, l, ...n],
+      errorMessage: (D = e.results) == null ? void 0 : D.error,
+      ...le(e),
+      children: /* @__PURE__ */ T.jsx(
+        se,
+        {
+          firstColumnWidth: z,
+          columnWidth: j,
+          totalLabel: ie.t("charts.pivotTable.total"),
+          data: N,
+          measures: I,
+          rowDimension: V,
+          columnDimension: Q,
+          columnTotalsFor: J,
+          rowTotalsFor: U,
+          expandableRows: !!i,
+          subRowsByRow: Y,
+          loadingRows: X,
+          onRowExpand: $,
+          subRowDimension: H
+        }
+      )
+    }
+  );
+}, Be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: R
+}, Symbol.toStringTag, { value: "Module" })), Re = {
+  name: "PivotTablePro",
+  label: "Pivot Table",
+  description: "Cross-tabulated table — row and column dimensions intersected by one or more measures.",
+  category: "Table Charts",
+  inputs: [
+    a.dataset,
+    {
+      ...a.measures,
+      label: "Measures to display",
+      inputs: [
+        ...a.measures.inputs,
+        {
+          ...b.boolean,
+          name: "showColumnTotal",
+          label: "Show column total"
+        },
+        {
+          ...b.boolean,
+          name: "showRowTotal",
+          label: "Show row total"
+        },
+        {
+          ...b.boolean,
+          name: "showAsPercentage",
+          label: "Show as percentage",
+          description: "If turned on, other measures may be ignored",
+          defaultValue: !1
+        }
+      ]
+    },
+    {
+      ...a.dimensionWithDateBounds,
+      label: "Column dimension",
+      name: "columnDimension"
+    },
+    {
+      ...a.dimensionWithDateBounds,
+      label: "Primary row dimension",
+      name: "rowDimension"
+    },
+    {
+      ...a.dimension,
+      label: "Secondary row dimension (optional)",
+      name: "subRowDimension",
+      required: !1,
+      description: "When set, each primary row becomes expandable. Clicking a row loads a breakdown by the second dimension."
+    },
+    a.title,
+    a.description,
+    a.tooltip,
+    a.displayNullAs,
+    {
+      ...a.number,
+      name: "firstColumnWidth",
+      label: "First column width",
+      description: "Set the width in px (e.g. 200)",
+      category: "Component Settings"
+    },
+    {
+      ...a.number,
+      name: "columnWidth",
+      label: "Column width",
+      description: "Set the width in px (e.g. 200)",
+      category: "Component Settings"
+    },
+    a.maxResults,
+    a.menuOptions
+  ]
+}, M = {
+  measures: [{ ...d.measure, inputs: { showRowTotal: !0, showColumnTotal: !0 } }],
+  rowDimension: d.dimension,
+  columnDimension: d.dimensionGroup,
+  results: d.results1Measure2Dimensions,
+  hideMenu: !0,
+  expandedRowKeys: [],
+  setExpandedRowKey: () => {
+  }
+}, fe = te(R, M), B = (e, o) => ({
+  from: e.dataset,
+  select: [e.rowDimension, e.columnDimension, ...e.measures],
+  limit: e.maxResults,
+  countRows: !0,
+  timezone: F(o == null ? void 0 : o.timezone)
+}), E = (e, o) => x(B(e, o)), O = (e, o, s) => ({
+  from: e.dataset,
+  select: [e.rowDimension, e.subRowDimension, e.columnDimension, ...e.measures],
+  limit: e.maxResults,
+  countRows: !0,
+  timezone: F(s == null ? void 0 : s.timezone),
+  filters: [
+    {
+      property: e.rowDimension,
+      operator: "equals",
+      value: o
+    }
+  ]
+}), W = (e, o, s) => {
+  if (o.length > 0)
+    return x(O(e, o, s));
+}, he = (e, [o, s], n) => {
+  const t = (o == null ? void 0 : o.expandedRowKeys) ?? [];
+  return {
+    ...e,
+    state: o,
+    expandedRowKeys: t,
+    setExpandedRowKey: (i) => s({ expandedRowKeys: [...t, i] }),
+    results: E(e, n),
+    resultsSubRows: W(e, t, n)
+  };
+}, Ee = {
+  Component: R,
+  meta: Re,
+  preview: fe,
+  previewConfig: M,
+  config: {
+    props: he
+  },
+  results: {
+    loadDataArgs: B,
+    loadData: E
+  },
+  resultsSubRows: {
+    loadDataArgs: O,
+    loadData: W
+  }
+};
+export {
+  p as a,
+  ce as b,
+  be as c,
+  we as g,
+  Be as i,
+  Ee as p
+};
+//# sourceMappingURL=definition-akR2s4L2.js.map

package/dist/definition-akR2s4L2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-akR2s4L2.js","sources":["../src/components/charts/tables/PivotTablePro/PivotPro.utils.ts","../src/utils/array.utils.ts","../src/components/charts/tables/PivotTablePro/index.tsx","../src/components/charts/tables/PivotTablePro/definition.ts"],"sourcesContent":["import { Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../../theme/theme.types';\nimport { PivotTableProps } from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nexport const getPivotMeasures = (\n  props: { measures: Measure[]; displayNullAs?: string },\n  theme: Theme,\n): PivotTableProps<any>['measures'] => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return props.measures.map((measure) => {\n    return {\n      key: measure.name,\n      label: themeFormatter.dimensionOrMeasureTitle(measure),\n      showAsPercentage: Boolean(measure.inputs?.showAsPercentage),\n      percentageDecimalPlaces: measure.inputs?.decimalPlaces ?? 1,\n      accessor: (row) => {\n        const value = row[measure.name];\n\n        return value == null\n          ? props.displayNullAs\n          : themeFormatter.data(measure, row[measure.name]);\n      },\n    };\n  });\n};\n\nexport const getPivotDimension = (\n  props: { dimension: Dimension },\n  theme: Theme,\n): PivotTableProps<any>['rowDimension' | 'columnDimension'] => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    key: props.dimension.name,\n    label: themeFormatter.dimensionOrMeasureTitle(props.dimension),\n    formatValue: (value: string) => themeFormatter.data(props.dimension, value),\n  };\n};\n\nexport const getPivotColumnTotalsFor = (\n  measures: Measure[],\n): PivotTableProps<any>['columnTotalsFor'] | undefined => {\n  return measures.filter((m) => m.inputs?.showColumnTotal).map((m) => m.name);\n};\n\nexport const getPivotRowTotalsFor = (\n  measures: Measure[],\n): PivotTableProps<any>['rowTotalsFor'] | undefined => {\n  return measures.filter((m) => m.inputs?.showRowTotal).map((m) => m.name);\n};\n","export const sortArrayByProp = <T, K extends keyof T>(\n  arr: T[],\n  prop: K,\n  order: 'asc' | 'desc' = 'asc',\n): T[] => {\n  return [...arr].sort((a, b) => {\n    if (a[prop] < b[prop]) return order === 'asc' ? -1 : 1;\n    if (a[prop] > b[prop]) return order === 'asc' ? 1 : -1;\n    return 0;\n  });\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18n, 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 { PivotTable } from '@embeddable.com/remarkable-ui';\nimport { useEffect, useRef, useState } from 'react';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport {\n  getPivotColumnTotalsFor,\n  getPivotDimension,\n  getPivotMeasures,\n  getPivotRowTotalsFor,\n} from './PivotPro.utils';\nimport { useGetTableSortedResults } from '../tables.hooks';\nimport { sortArrayByProp } from '../../../../utils/array.utils';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nexport type PivotTableProProps = {\n  results: DataResponse;\n  resultsSubRows?: DataResponse;\n  measures: Measure[];\n  rowDimension: Dimension;\n  subRowDimension?: Dimension;\n  columnDimension: Dimension;\n  displayNullAs?: string;\n  columnWidth?: number;\n  firstColumnWidth?: number;\n  expandedRowKeys: string[];\n  setExpandedRowKey: (expandedRowKeys: string) => void;\n} & ChartCardHeaderProps;\n\nconst PivotTablePro = (props: PivotTableProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    resultsSubRows,\n    measures,\n    rowDimension,\n    subRowDimension,\n    columnDimension,\n    displayNullAs,\n    columnWidth,\n    firstColumnWidth,\n    expandedRowKeys,\n    setExpandedRowKey,\n  } = props;\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,\n  });\n\n  const cardContentRef = useRef<HTMLDivElement>(null);\n\n  const pivotMeasures = getPivotMeasures({ measures, displayNullAs }, theme);\n  const pivotRowDimension = getPivotDimension({ dimension: rowDimension }, theme);\n  const pivotSubRowDimension = subRowDimension\n    ? getPivotDimension({ dimension: subRowDimension }, theme)\n    : undefined;\n  const pivotColumnDimension = getPivotDimension({ dimension: columnDimension }, theme);\n  const pivotColumnTotalsFor = getPivotColumnTotalsFor(measures);\n  const pivotRowTotalsFor = getPivotRowTotalsFor(measures);\n\n  const [loadingRows, setLoadingRows] = useState(new Set<string>());\n  const [subRowsByRow, setSubRowsByRow] = useState(new Map<string, any[]>());\n\n  const handleRowExpand = (rowKey: string) => {\n    setLoadingRows((prev) => new Set(prev).add(rowKey));\n    setExpandedRowKey(rowKey);\n  };\n\n  useEffect(() => {\n    // No results or no expandedRowKeys, nothing to load\n    if (!resultsSubRows || !resultsSubRows?.data || expandedRowKeys.length === 0) {\n      return;\n    }\n\n    const subRowsByRowData = new Map<string, any[]>();\n    expandedRowKeys.forEach((rowKey) => {\n      const containsSubRow = resultsSubRows.data?.some(\n        (row) => String(row[rowDimension.name]) === rowKey,\n      );\n\n      if (containsSubRow) {\n        const subRows =\n          resultsSubRows.data?.filter((row) => String(row[rowDimension.name]) === rowKey) ?? [];\n        const subRowsSorted = subRowDimension\n          ? sortArrayByProp(subRows, subRowDimension.name, 'asc')\n          : subRows;\n\n        subRowsByRowData.set(rowKey, subRowsSorted);\n        setLoadingRows((prev) => {\n          const next = new Set(prev);\n          next.delete(rowKey);\n          return next;\n        });\n      }\n    });\n    setSubRowsByRow(subRowsByRowData);\n  }, [resultsSubRows, expandedRowKeys, rowDimension, subRowDimension]);\n\n  const data: DataResponse = {\n    ...props.results,\n    isLoading: Boolean(props.results?.isLoading || resultsSubRows?.isLoading),\n  };\n\n  return (\n    <ChartCard\n      ref={cardContentRef}\n      data={data}\n      dimensionsAndMeasures={[rowDimension, columnDimension, ...measures]}\n      errorMessage={props.results?.error}\n      {...asChartCardHeaderProps(props)}\n    >\n      <PivotTable\n        firstColumnWidth={firstColumnWidth}\n        columnWidth={columnWidth}\n        totalLabel={i18n.t('charts.pivotTable.total')}\n        data={results}\n        measures={pivotMeasures}\n        rowDimension={pivotRowDimension}\n        columnDimension={pivotColumnDimension}\n        columnTotalsFor={pivotColumnTotalsFor}\n        rowTotalsFor={pivotRowTotalsFor}\n        expandableRows={Boolean(subRowDimension)}\n        subRowsByRow={subRowsByRow}\n        loadingRows={loadingRows}\n        onRowExpand={handleRowExpand}\n        subRowDimension={pivotSubRowDimension}\n      />\n    </ChartCard>\n  );\n};\n\nexport default PivotTablePro;\n","import { DataResponse, LoadDataRequest, loadData } from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { subInputs } from '../../../component.subinputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\n\nconst meta = {\n  name: 'PivotTablePro',\n  label: 'Pivot Table',\n  description:\n    'Cross-tabulated table — row and column dimensions intersected by one or more measures.',\n  category: 'Table Charts',\n  inputs: [\n    inputs.dataset,\n    {\n      ...inputs.measures,\n      label: 'Measures to display',\n      inputs: [\n        ...inputs.measures.inputs,\n        {\n          ...subInputs.boolean,\n          name: 'showColumnTotal',\n          label: 'Show column total',\n        },\n        {\n          ...subInputs.boolean,\n          name: 'showRowTotal',\n          label: 'Show row total',\n        },\n        {\n          ...subInputs.boolean,\n          name: 'showAsPercentage',\n          label: 'Show as percentage',\n          description: 'If turned on, other measures may be ignored',\n          defaultValue: false,\n        },\n      ],\n    },\n    {\n      ...inputs.dimensionWithDateBounds,\n      label: 'Column dimension',\n      name: 'columnDimension',\n    },\n    {\n      ...inputs.dimensionWithDateBounds,\n      label: 'Primary row dimension',\n      name: 'rowDimension',\n    },\n    {\n      ...inputs.dimension,\n      label: 'Secondary row dimension (optional)',\n      name: 'subRowDimension',\n      required: false,\n      description:\n        'When set, each primary row becomes expandable. Clicking a row loads a breakdown by the second dimension.',\n    },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.displayNullAs,\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} as const satisfies EmbeddedComponentMeta;\n\nexport type PivotTableProState = {\n  expandedRowKeys?: string[];\n};\n\nconst previewConfig = {\n  measures: [{ ...previewData.measure, inputs: { showRowTotal: true, showColumnTotal: true } }],\n  rowDimension: previewData.dimension,\n  columnDimension: previewData.dimensionGroup,\n  results: previewData.results1Measure2Dimensions,\n  hideMenu: true,\n  expandedRowKeys: [],\n  setExpandedRowKey: () => {},\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.measures],\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 loadDataResultsSubRowsArgs = (\n  inputs: Inputs<typeof meta>,\n  expandedRowKeys: string[],\n  clientContext?: ThemeClientContext,\n): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: [inputs.rowDimension, inputs.subRowDimension, inputs.columnDimension, ...inputs.measures],\n  limit: inputs.maxResults,\n  countRows: true,\n  timezone: getClientContextTimezone(clientContext?.timezone),\n  filters: [\n    {\n      property: inputs.rowDimension,\n      operator: 'equals',\n      value: expandedRowKeys,\n    },\n  ],\n});\n\nconst loadDataResultsSubRows = (\n  inputs: Inputs<typeof meta>,\n  expandedRowKeys: string[],\n  clientContext?: ThemeClientContext,\n): DataResponse | undefined => {\n  if (expandedRowKeys.length > 0) {\n    return loadData(loadDataResultsSubRowsArgs(inputs, expandedRowKeys, clientContext));\n  }\n  return undefined;\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [PivotTableProState, (state: PivotTableProState) => void],\n  clientContext: ThemeClientContext,\n) => {\n  const expandedRowKeys = state?.expandedRowKeys ?? [];\n\n  return {\n    ...inputs,\n    state,\n    expandedRowKeys,\n    setExpandedRowKey: (rowKey: string) =>\n      setState({ expandedRowKeys: [...expandedRowKeys, rowKey] }),\n    results: loadDataResults(inputs, clientContext),\n    resultsSubRows: loadDataResultsSubRows(inputs, expandedRowKeys, clientContext),\n  };\n};\n\nexport const pivotTablePro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n  resultsSubRows: {\n    loadDataArgs: loadDataResultsSubRowsArgs,\n    loadData: loadDataResultsSubRows,\n  },\n} as const;\n"],"names":["getPivotMeasures","props","theme","themeFormatter","getThemeFormatter","measure","_a","_b","row","getPivotDimension","value","getPivotColumnTotalsFor","measures","m","getPivotRowTotalsFor","sortArrayByProp","arr","prop","order","a","b","PivotTablePro","useTheme","i18nSetup","resultsSubRows","rowDimension","subRowDimension","columnDimension","displayNullAs","columnWidth","firstColumnWidth","expandedRowKeys","setExpandedRowKey","columnOrder","d","rowOrder","resultsColumnDimensionFillGaps","useFillGaps","resultsRowColumnDimensionFillGaps","results","useGetTableSortedResults","cardContentRef","useRef","pivotMeasures","pivotRowDimension","pivotSubRowDimension","pivotColumnDimension","pivotColumnTotalsFor","pivotRowTotalsFor","loadingRows","setLoadingRows","useState","subRowsByRow","setSubRowsByRow","handleRowExpand","rowKey","prev","useEffect","subRowsByRowData","subRows","subRowsSorted","next","data","jsx","ChartCard","asChartCardHeaderProps","PivotTable","i18n","meta","inputs","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","clientContext","getClientContextTimezone","loadDataResults","loadData","loadDataResultsSubRowsArgs","loadDataResultsSubRows","state","setState","pivotTablePro"],"mappings":"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"}

package/dist/{definition-wx3BgO0U.js → definition-e9wTPHru.js}

@@ -1,6 +1,6 @@
 import { definePreview as s } from "@embeddable.com/react";
-import { j as i, ae as a, O as l } from "./index-B2QrkfxN.js";
-import { i as t } from "./component.inputs.constants-fbYKhm5a.js";
+import { j as i, ae as a, O as l } from "./index-3F2_3p7g.js";
+import { i as t } from "./component.inputs.constants-C1gOvjv8.js";
 const d = "_horizontalDividerContainer_y6kms_1", c = {
   horizontalDividerContainer: d
 }, o = (e) => {
@@ -41,4 +41,4 @@ export {
   z as h,
   g as i
 };
-//# sourceMappingURL=definition-wx3BgO0U.js.map
+//# sourceMappingURL=definition-e9wTPHru.js.map

package/dist/{definition-wx3BgO0U.js.map → definition-e9wTPHru.js.map}

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

package/dist/definition-mYoL0jkD.js

@@ -0,0 +1,156 @@
+import { j as d, F as N, x as B, V as L, l as X } from "./index-3F2_3p7g.js";
+import { useTheme as Y, definePreview as q } from "@embeddable.com/react";
+import { useState as J, useEffect as Q } from "react";
+import { i as U, r as Z } from "./component.utils-oQMZT7TK.js";
+import { C as $, a as ee } from "./ChartCard-DoGFLbS2.js";
+import { u as ae } from "./charts.fillGaps.hooks-CWY0cZuI.js";
+import { C as se, g as re } from "./granularity.utils-D8sR_MWc.js";
+import { g as te, a as ie, l as f } from "./definition-B1NqUAf5.js";
+import { g as oe } from "./formatter.utils-D8VAiDYp.js";
+import { c as ne } from "./charts.utils-B-Ryq4Nc.js";
+import { p as i } from "./preview.data.constants-Cg6C5D3p.js";
+import { g as le } from "./clientContext.utils-DpB5KsfX.js";
+const x = (e) => {
+  var T;
+  const a = Y();
+  U(a);
+  const c = Z(e), { title: o, description: n, tooltip: h, xAxisLabel: j, yAxisLabel: S } = c, {
+    measures: r,
+    xAxis: t,
+    reverseXAxis: k,
+    showLegend: F,
+    showLogarithmicScale: W,
+    showTooltips: G,
+    showValueLabels: V,
+    yAxisRangeMax: C,
+    yAxisRangeMin: b,
+    granularity: O,
+    setGranularity: A,
+    onLineClicked: z,
+    resultsKpis: l
+  } = e, [m, D] = J(((T = r[0]) == null ? void 0 : T.name) ?? ""), u = r.find((s) => s.name === m);
+  Q(() => {
+    r.length !== 0 && (r.some((s) => s.name === m) || D(r[0].name));
+  }, [r, m]);
+  const g = ae({
+    results: e.results,
+    dimension: t
+  }), p = te(
+    {
+      data: g.data,
+      dimension: t,
+      measures: u ? [u] : [],
+      hasMinMaxYAxisRange: b != null || C != null
+    },
+    a
+  ), H = ie(
+    { data: p, dimension: t, measures: u ? [u] : [] },
+    a
+  ), I = !o && !n && !h, _ = ne({
+    data: p,
+    dimension: t,
+    granularity: O,
+    onClicked: z
+  }), M = oe(a), E = r.map((s) => {
+    var y, v;
+    return {
+      id: s.name,
+      label: M.dimensionOrMeasureTitle(s),
+      value: ((v = (y = l == null ? void 0 : l.data) == null ? void 0 : y[0]) == null ? void 0 : v[s.name]) == null ? "-" : M.data(s, l.data[0][s.name])
+    };
+  });
+  return /* @__PURE__ */ d.jsxs(
+    $,
+    {
+      data: g,
+      dimensionsAndMeasures: [...r, t],
+      errorMessage: g.error,
+      ...ee(e),
+      children: [
+        /* @__PURE__ */ d.jsx(N, { items: E, value: m, onChange: D }),
+        A && /* @__PURE__ */ d.jsx(
+          se,
+          {
+            hasMarginTop: I,
+            dimension: t,
+            onChange: A
+          }
+        ),
+        /* @__PURE__ */ d.jsx(
+          B,
+          {
+            data: p,
+            reverseXAxis: k,
+            showLegend: F,
+            showLogarithmicScale: W,
+            showTooltips: G,
+            showValueLabels: V,
+            xAxisLabel: j,
+            yAxisLabel: S,
+            yAxisRangeMax: C,
+            yAxisRangeMin: b,
+            options: H,
+            onClick: _
+          }
+        )
+      ]
+    }
+  );
+}, Le = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: x
+}, Symbol.toStringTag, { value: "Module" })), me = {
+  ...f.meta,
+  name: "LineChartWithKpiTabsPro",
+  label: "Line Chart - With Kpi Tabs",
+  description: "Line chart with clickable KPI tabs above — each measure gets a tab showing its total. One time dimension and one or more measures.",
+  defaultHeight: 526,
+  defaultWidth: 1280
+}, P = {
+  xAxis: i.dimension,
+  measures: [i.measure, i.measureVariant],
+  results: i.results1Measure1Dimension,
+  resultsKpis: i.results2Measures,
+  hideMenu: !0
+}, ue = q(x, P), de = f.results.loadDataArgs, w = f.results.loadData, R = (e, a) => ({
+  from: e.dataset,
+  select: [...e.measures],
+  timezone: le(a == null ? void 0 : a.timezone)
+}), K = (e, a) => X(R(e, a)), ce = {
+  onLineClicked: (e) => ({
+    axisDimensionValue: e.dimensionValue ?? L.noFilter(),
+    axisDimensionTimeRange: e.dimensionTimeRange ?? L.noFilter()
+  })
+}, he = (e, [a, c], o) => {
+  const n = re(e.xAxis, a == null ? void 0 : a.granularity);
+  return {
+    ...e,
+    xAxis: n,
+    granularity: a == null ? void 0 : a.granularity,
+    setGranularity: (h) => c({ granularity: h }),
+    results: w(e, n, o),
+    resultsKpis: K(e, o)
+  };
+}, Pe = {
+  Component: x,
+  meta: me,
+  preview: ue,
+  previewConfig: P,
+  config: {
+    props: he,
+    events: ce
+  },
+  results: {
+    loadDataArgs: de,
+    loadData: w
+  },
+  resultsKpis: {
+    loadDataArgs: R,
+    loadData: K
+  }
+};
+export {
+  Le as i,
+  Pe as l
+};
+//# sourceMappingURL=definition-mYoL0jkD.js.map

package/dist/definition-mYoL0jkD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-mYoL0jkD.js","sources":["../src/components/charts/lines/LineChartWithKpiTabsPro/index.tsx","../src/components/charts/lines/LineChartWithKpiTabsPro/definition.ts"],"sourcesContent":["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, asChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { ChartTabs, ChartTabsProps, LineChart } from '@embeddable.com/remarkable-ui';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\nimport {\n  getLineChartProData,\n  getLineChartProOptions,\n} from '../LineChartDefaultPro/LineChartDefaultPro.utils';\nimport { LineChartProProps } from '../LineChartDefaultPro';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { createSimpleClickHandler } from '../../charts.utils';\n\nexport type LineChartWithKpiTabsProProps = LineChartProProps & {\n  resultsKpis: DataResponse;\n};\n\nconst LineChartWithKpiTabsPro = (props: LineChartWithKpiTabsProProps) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const resolvedI18nProps = resolveI18nProps(props);\n  const { title, description, tooltip, xAxisLabel, yAxisLabel } = resolvedI18nProps;\n  const {\n    measures,\n    xAxis,\n    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showValueLabels,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    granularity,\n    setGranularity,\n    onLineClicked,\n    resultsKpis,\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  const results = useFillGaps({\n    results: props.results,\n    dimension: xAxis,\n  });\n\n  const data = getLineChartProData(\n    {\n      data: results.data,\n      dimension: xAxis,\n      measures: activeMeasure ? [activeMeasure] : [],\n      hasMinMaxYAxisRange: Boolean(yAxisRangeMin != null || yAxisRangeMax != null),\n    },\n    theme,\n  );\n\n  const options = getLineChartProOptions(\n    { data, dimension: xAxis, measures: activeMeasure ? [activeMeasure] : [] },\n    theme,\n  );\n\n  const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n\n  const handleClick = createSimpleClickHandler({\n    data,\n    dimension: xAxis,\n    granularity,\n    onClicked: onLineClicked,\n  });\n\n  const themeFormatter = getThemeFormatter(theme);\n\n  const chartTabsItems: ChartTabsProps['items'] = measures.map((measure) => ({\n    id: measure.name,\n    label: themeFormatter.dimensionOrMeasureTitle(measure),\n    value:\n      resultsKpis?.data?.[0]?.[measure.name] == null\n        ? '-'\n        : themeFormatter.data(measure, resultsKpis.data[0][measure.name]),\n  }));\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[...measures, xAxis]}\n      errorMessage={results.error}\n      {...asChartCardHeaderProps(props)}\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 default LineChartWithKpiTabsPro;\n","import { DataResponse, Granularity, LoadDataRequest, Value, loadData } from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { previewData } from '../../../preview.data.constants';\nimport { getDimensionWithGranularity } from '../../utils/granularity.utils';\nimport { lineChartDefaultPro, LineChartDefaultProState } from '../LineChartDefaultPro/definition';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\nimport { LineChartProOptionsClickArg } from '../lines.types';\n\nconst meta = {\n  ...lineChartDefaultPro.meta,\n  name: 'LineChartWithKpiTabsPro',\n  label: 'Line Chart - With Kpi Tabs',\n  description:\n    'Line chart with clickable KPI tabs above — each measure gets a tab showing its total. One time dimension and one or more measures.',\n  defaultHeight: 526,\n  defaultWidth: 1280,\n} as const satisfies EmbeddedComponentMeta;\n\nconst previewConfig = {\n  xAxis: previewData.dimension,\n  measures: [previewData.measure, previewData.measureVariant],\n  results: previewData.results1Measure1Dimension,\n  resultsKpis: previewData.results2Measures,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\n// Reuse loadData and loadDataArgs from LineChartDefaultPro for main results,\nconst loadDataResultsArgs = lineChartDefaultPro.results.loadDataArgs;\nconst loadDataResults = lineChartDefaultPro.results.loadData;\n\nconst loadDataResultsKpisArgs = (\n  inputs: Inputs<typeof meta>,\n  clientContext?: ThemeClientContext,\n): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: [...inputs.measures],\n  timezone: getClientContextTimezone(clientContext?.timezone),\n});\n\nconst loadDataResultsKpis = (\n  inputs: Inputs<typeof meta>,\n  clientContext: ThemeClientContext,\n): DataResponse => loadData(loadDataResultsKpisArgs(inputs, clientContext));\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]: [LineChartDefaultProState, (state: LineChartDefaultProState) => void],\n  clientContext: ThemeClientContext,\n) => {\n  const xAxisWithGranularity = getDimensionWithGranularity(inputs.xAxis, state?.granularity);\n\n  return {\n    ...inputs,\n    xAxis: xAxisWithGranularity,\n    granularity: state?.granularity,\n    setGranularity: (granularity: Granularity) => setState({ granularity }),\n    results: loadDataResults(inputs, xAxisWithGranularity, clientContext),\n    resultsKpis: loadDataResultsKpis(inputs, clientContext),\n  };\n};\n\nexport const lineChartWithKpiTabsPro = {\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  resultsKpis: {\n    loadDataArgs: loadDataResultsKpisArgs,\n    loadData: loadDataResultsKpis,\n  },\n} as const;\n"],"names":["LineChartWithKpiTabsPro","props","theme","useTheme","i18nSetup","resolvedI18nProps","resolveI18nProps","title","description","tooltip","xAxisLabel","yAxisLabel","measures","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","granularity","setGranularity","onLineClicked","resultsKpis","activeMeasureName","setActiveMeasureName","useState","_a","activeMeasure","m","useEffect","results","useFillGaps","data","getLineChartProData","options","getLineChartProOptions","granularitySelectorHasMarginTop","handleClick","createSimpleClickHandler","themeFormatter","getThemeFormatter","chartTabsItems","measure","_b","jsxs","ChartCard","asChartCardHeaderProps","jsx","ChartTabs","ChartGranularitySelectField","LineChart","meta","lineChartDefaultPro","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","loadDataResults","loadDataResultsKpisArgs","inputs","clientContext","getClientContextTimezone","loadDataResultsKpis","loadData","events","value","Value","state","setState","xAxisWithGranularity","getDimensionWithGranularity","lineChartWithKpiTabsPro"],"mappings":"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"}

package/dist/{definition-NPav-piK.js → definition-qdKFwg5F.js}

@@ -1,11 +1,11 @@
 import { useTheme as q, definePreview as B } from "@embeddable.com/react";
-import { a8 as H, a9 as W, j as n, D as A, S as G, h as m, a4 as J, aa as K, ab as Q, ac as U, a5 as X, ad as Y, V as c } from "./index-B2QrkfxN.js";
-import { g as k, u as Z, b as $, a as D, c as ee } from "./dates.utils-C9E_-qY_.js";
+import { a8 as H, a9 as W, j as n, D as A, S as G, h as m, a4 as J, aa as K, ab as Q, ac as U, a5 as X, ad as Y, V as c } from "./index-3F2_3p7g.js";
+import { g as k, u as Z, b as $, a as D, c as ee } from "./dates.utils-Dx0wDT-t.js";
 import { b as te, i as ae, r as ne, a as p } from "./component.utils-oQMZT7TK.js";
-import { E as oe } from "./EditorCard-Cbb_bmWn.js";
+import { E as oe } from "./EditorCard-CXZ06jv0.js";
 import { useState as f, useEffect as se } from "react";
-import { I as re } from "./IconCalendarFilled-FzYUS8c2.js";
-import { i as r } from "./component.inputs.constants-fbYKhm5a.js";
+import { I as re } from "./IconCalendarFilled-DtogsEc6.js";
+import { i as r } from "./component.inputs.constants-C1gOvjv8.js";
 const le = (e, o) => e.map((s) => ({
   rightLabel: k(s.getRange(o), s.dateFormat),
   value: s.value,
@@ -212,4 +212,4 @@ export {
   le as g,
   Re as i
 };
-//# sourceMappingURL=definition-NPav-piK.js.map
+//# sourceMappingURL=definition-qdKFwg5F.js.map

package/dist/{definition-NPav-piK.js.map → definition-qdKFwg5F.js.map}

@@ -1 +1 @@
-{"version":3,"file":"definition-NPav-piK.js","sources":["../src/components/editors/dates/DateRangePickerPresetsPro/DateRangePickerPresetsPro.utils.ts","../src/components/editors/dates/DateRangePickerPresetsPro/index.tsx","../src/components/editors/dates/DateRangePickerPresetsPro/definition.ts"],"sourcesContent":["import { DateRangeSelectFieldProOption } from './DateRangePickerPresetsPro.types';\nimport { SelectListOptionProps } from '@embeddable.com/remarkable-ui';\nimport { resolveI18nString } from '../../../component.utils';\nimport { getTimeRangeLabel } from '../dates.utils';\n\nexport const getDateRangeSelectFieldProOptions = (\n  dateRangeSelectFieldProOptions: DateRangeSelectFieldProOption[],\n  timezone?: string,\n): SelectListOptionProps[] => {\n  return dateRangeSelectFieldProOptions.map((option) => {\n    return {\n      rightLabel: getTimeRangeLabel(option.getRange(timezone), option.dateFormat),\n      value: option.value,\n      label: resolveI18nString(option.label),\n    };\n  });\n};\n","import { useTheme } from '@embeddable.com/react';\nimport {\n  Button,\n  DateRangePicker,\n  Dropdown,\n  SelectFieldContent,\n  SelectFieldContentList,\n  SelectListOption,\n  DateRange,\n  SelectFieldTrigger,\n  isSameDateRange,\n  shallowEqual,\n} from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { useLoadDayjsLocale } from '../../../../utils/date.utils';\nimport { getDateRangeSelectFieldProOptions } from './DateRangePickerPresetsPro.utils';\nimport { TimeRange } from '@embeddable.com/core';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { EditorCard, EditorCardHeaderProps } from '../../shared/EditorCard/EditorCard';\nimport { IconCalendarFilled, IconChevronLeft, IconChevronRight } from '@tabler/icons-react';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport { useEffect, useState } from 'react';\nimport styles from './DateRangePickerPresetsPro.module.css';\nimport {\n  getDateRangeFromTimeRange,\n  getTimeRangeFromDateRange,\n  getTimeRangeFromPresets,\n  getTimeRangeLabel,\n} from '../dates.utils';\n\nexport type DateRangePickerPresetsProps = {\n  onChange: (newDateRange: TimeRange) => void;\n  placeholder?: string;\n  selectedValue?: TimeRange;\n\n  clearable?: boolean;\n  showCustomRangeOptions?: boolean;\n  showTwoMonths?: boolean;\n} & EditorCardHeaderProps;\n\nconst DateRangePickerPresets = (props: DateRangePickerPresetsProps) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n  const { dayjsLocaleReady } = useLoadDayjsLocale();\n  const { onChange, clearable, selectedValue, showCustomRangeOptions, showTwoMonths } = props;\n  const onlyDateRangePicker = !showCustomRangeOptions;\n  const [showDateRangePicker, setShowDateRangePicker] = useState(onlyDateRangePicker);\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [dateRange, setDateRange] = useState<DateRange | undefined>(\n    getDateRangeFromTimeRange(selectedValue),\n  );\n\n  const dateRangeOptions = theme.defaults.dateRangesOptions;\n\n  useEffect(() => {\n    if (!dayjsLocaleReady) {\n      return;\n    }\n    // Step 1: Convert relativeTimeString to actual time range (from/to)\n    const newTimeRange = getTimeRangeFromPresets(\n      selectedValue,\n      dateRangeOptions,\n      theme.clientContext.timezone,\n    );\n\n    if (!shallowEqual(newTimeRange, selectedValue)) {\n      onChange(newTimeRange);\n    }\n  }, [selectedValue, dayjsLocaleReady, onChange, dateRangeOptions, theme.clientContext.timezone]);\n\n  if (!dayjsLocaleReady) {\n    return null;\n  }\n\n  const { description, placeholder, title, tooltip } = resolveI18nProps(props);\n\n  const options = getDateRangeSelectFieldProOptions(dateRangeOptions, theme.clientContext.timezone);\n\n  const handleOptionChange = (newValue: string | undefined) => {\n    const newTimeRange = getTimeRangeFromPresets(\n      { relativeTimeString: newValue } as TimeRange,\n      dateRangeOptions,\n      theme.clientContext.timezone,\n    );\n\n    onChange(newTimeRange);\n    setDateRange(undefined);\n  };\n\n  const handleDateRangeChange = (newDateRange: DateRange | undefined) => {\n    onChange(getTimeRangeFromDateRange(newDateRange));\n    setIsOpen(false);\n  };\n\n  const handleClear = () => {\n    setDateRange(undefined);\n    onChange(undefined);\n  };\n\n  const getValueLabel = () => {\n    if (selectedValue?.relativeTimeString) {\n      const option = options.find((option) => option.value === selectedValue.relativeTimeString);\n      if (option) {\n        return option.label;\n      }\n    }\n\n    if (selectedValue?.from && selectedValue?.to) {\n      return getTimeRangeLabel(selectedValue, 'MMM DD');\n    }\n\n    return '';\n  };\n\n  const valueLabel = getValueLabel();\n\n  const locale = theme.i18n.language ?? theme.formatter.locale;\n  const isSubmitDisabled = isSameDateRange(dateRange, selectedValue);\n  const numberOfMonths = showTwoMonths ? 2 : 1;\n\n  return (\n    <EditorCard title={title} description={description} tooltip={tooltip}>\n      <Dropdown\n        open={isOpen}\n        onOpenChange={setIsOpen}\n        avoidCollisions={false}\n        triggerComponent={\n          <SelectFieldTrigger\n            startIcon={IconCalendarFilled}\n            aria-label={placeholder}\n            placeholder={placeholder}\n            valueLabel={valueLabel}\n            onClear={handleClear}\n            isClearable={clearable}\n          />\n        }\n      >\n        <SelectFieldContent fitContent className={styles.dateRangePickerContent}>\n          {showDateRangePicker ? (\n            <div className={styles.dateRangePickerContainer}>\n              {!onlyDateRangePicker && (\n                <SelectListOption\n                  label={i18n.t('editors.dateRangePicker.backToPresets')}\n                  onClick={(e) => {\n                    e.preventDefault();\n                    setShowDateRangePicker(false);\n                  }}\n                  startIcon={<IconChevronLeft />}\n                />\n              )}\n              <DateRangePicker\n                locale={locale}\n                numberOfMonths={numberOfMonths}\n                value={dateRange}\n                onChange={setDateRange}\n              />\n              <Button\n                size=\"small\"\n                disabled={isSubmitDisabled}\n                onClick={() => handleDateRangeChange(dateRange)}\n              >\n                {i18n.t('editors.dateRangePicker.apply')}\n              </Button>\n            </div>\n          ) : (\n            <SelectFieldContentList>\n              <SelectListOption\n                label={i18n.t('editors.dateRangePicker.custom')}\n                onClick={(e) => {\n                  e.preventDefault();\n                  setShowDateRangePicker(true);\n                }}\n                endIcon={<IconChevronRight />}\n              />\n              {options.map((option) => (\n                <SelectListOption\n                  key={option.value}\n                  {...option}\n                  isSelected={selectedValue?.relativeTimeString === option.value}\n                  onClick={() => handleOptionChange(option.value)}\n                />\n              ))}\n            </SelectFieldContentList>\n          )}\n        </SelectFieldContent>\n      </Dropdown>\n    </EditorCard>\n  );\n};\n\nexport default DateRangePickerPresets;\n","import { EmbeddedComponentMeta, Inputs, definePreview } from '@embeddable.com/react';\nimport { TimeRange, Value } from '@embeddable.com/core';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\n\nconst meta = {\n  name: 'DateRangeSelectFieldPro',\n  label: 'Date-Range Picker - Presets',\n  description:\n    'Date-range picker with preset ranges only (Last 7 days, Last 30 days, …). Pairs with a timeRange variable; emits onChange.',\n  category: 'Dropdowns - dates',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    { ...inputs.placeholder, defaultValue: 'Select a date-range' },\n    {\n      ...inputs.boolean,\n      name: 'showCustomRangeOptions',\n      label: 'Show custom date-range option',\n      defaultValue: true,\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.boolean,\n      name: 'showTwoMonths',\n      label: 'Show two-month view',\n      defaultValue: false,\n      category: 'Component Settings',\n    },\n    inputs.clearable,\n    {\n      ...inputs.timeRange,\n      name: 'selectedValue',\n      label: 'Selected value',\n      category: 'Pre-configured variables',\n    },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'Selected date-range updated',\n      properties: [\n        {\n          name: 'value',\n          label: 'Selected date-range',\n          type: 'timeRange',\n        },\n        {\n          name: 'fromDate',\n          label: 'Start date of selected range',\n          type: 'time',\n        },\n        {\n          name: 'toDate',\n          label: 'To date of selected range',\n          type: 'time',\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'date-range value',\n      type: 'timeRange',\n      defaultValue: Value.noFilter(),\n      inputs: ['selectedValue'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst preview = definePreview(Component, {\n  showCustomRangeOptions: true,\n  onChange: () => null,\n});\n\nconst props = (inputs: Inputs<typeof meta>) => {\n  return {\n    ...inputs,\n  };\n};\n\nconst events = {\n  onChange: (timeRange: TimeRange) => {\n    return {\n      value: timeRange ?? Value.noFilter(),\n      fromDate: timeRange?.from ? { date: timeRange?.from } : Value.noFilter(),\n      toDate: timeRange?.to ? { date: timeRange?.to } : Value.noFilter(),\n    };\n  },\n};\n\nexport const dateRangeSelectFieldPro = {\n  Component,\n  meta,\n  preview,\n  config: {\n    props,\n    events,\n  },\n} as const;\n"],"names":["getDateRangeSelectFieldProOptions","dateRangeSelectFieldProOptions","timezone","option","getTimeRangeLabel","resolveI18nString","DateRangePickerPresets","props","theme","useTheme","i18nSetup","dayjsLocaleReady","useLoadDayjsLocale","onChange","clearable","selectedValue","showCustomRangeOptions","showTwoMonths","onlyDateRangePicker","showDateRangePicker","setShowDateRangePicker","useState","isOpen","setIsOpen","dateRange","setDateRange","getDateRangeFromTimeRange","dateRangeOptions","useEffect","newTimeRange","getTimeRangeFromPresets","shallowEqual","description","placeholder","title","tooltip","resolveI18nProps","options","handleOptionChange","newValue","handleDateRangeChange","newDateRange","getTimeRangeFromDateRange","handleClear","valueLabel","locale","isSubmitDisabled","isSameDateRange","numberOfMonths","jsx","EditorCard","Dropdown","SelectFieldTrigger","IconCalendarFilled","SelectFieldContent","styles","jsxs","SelectListOption","i18n","e","IconChevronLeft","DateRangePicker","Button","SelectFieldContentList","IconChevronRight","meta","inputs","Value","preview","definePreview","Component","events","timeRange","dateRangeSelectFieldPro"],"mappings":"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"}
+{"version":3,"file":"definition-qdKFwg5F.js","sources":["../src/components/editors/dates/DateRangePickerPresetsPro/DateRangePickerPresetsPro.utils.ts","../src/components/editors/dates/DateRangePickerPresetsPro/index.tsx","../src/components/editors/dates/DateRangePickerPresetsPro/definition.ts"],"sourcesContent":["import { DateRangeSelectFieldProOption } from './DateRangePickerPresetsPro.types';\nimport { SelectListOptionProps } from '@embeddable.com/remarkable-ui';\nimport { resolveI18nString } from '../../../component.utils';\nimport { getTimeRangeLabel } from '../dates.utils';\n\nexport const getDateRangeSelectFieldProOptions = (\n  dateRangeSelectFieldProOptions: DateRangeSelectFieldProOption[],\n  timezone?: string,\n): SelectListOptionProps[] => {\n  return dateRangeSelectFieldProOptions.map((option) => {\n    return {\n      rightLabel: getTimeRangeLabel(option.getRange(timezone), option.dateFormat),\n      value: option.value,\n      label: resolveI18nString(option.label),\n    };\n  });\n};\n","import { useTheme } from '@embeddable.com/react';\nimport {\n  Button,\n  DateRangePicker,\n  Dropdown,\n  SelectFieldContent,\n  SelectFieldContentList,\n  SelectListOption,\n  DateRange,\n  SelectFieldTrigger,\n  isSameDateRange,\n  shallowEqual,\n} from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { useLoadDayjsLocale } from '../../../../utils/date.utils';\nimport { getDateRangeSelectFieldProOptions } from './DateRangePickerPresetsPro.utils';\nimport { TimeRange } from '@embeddable.com/core';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { EditorCard, EditorCardHeaderProps } from '../../shared/EditorCard/EditorCard';\nimport { IconCalendarFilled, IconChevronLeft, IconChevronRight } from '@tabler/icons-react';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport { useEffect, useState } from 'react';\nimport styles from './DateRangePickerPresetsPro.module.css';\nimport {\n  getDateRangeFromTimeRange,\n  getTimeRangeFromDateRange,\n  getTimeRangeFromPresets,\n  getTimeRangeLabel,\n} from '../dates.utils';\n\nexport type DateRangePickerPresetsProps = {\n  onChange: (newDateRange: TimeRange) => void;\n  placeholder?: string;\n  selectedValue?: TimeRange;\n\n  clearable?: boolean;\n  showCustomRangeOptions?: boolean;\n  showTwoMonths?: boolean;\n} & EditorCardHeaderProps;\n\nconst DateRangePickerPresets = (props: DateRangePickerPresetsProps) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n  const { dayjsLocaleReady } = useLoadDayjsLocale();\n  const { onChange, clearable, selectedValue, showCustomRangeOptions, showTwoMonths } = props;\n  const onlyDateRangePicker = !showCustomRangeOptions;\n  const [showDateRangePicker, setShowDateRangePicker] = useState(onlyDateRangePicker);\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [dateRange, setDateRange] = useState<DateRange | undefined>(\n    getDateRangeFromTimeRange(selectedValue),\n  );\n\n  const dateRangeOptions = theme.defaults.dateRangesOptions;\n\n  useEffect(() => {\n    if (!dayjsLocaleReady) {\n      return;\n    }\n    // Step 1: Convert relativeTimeString to actual time range (from/to)\n    const newTimeRange = getTimeRangeFromPresets(\n      selectedValue,\n      dateRangeOptions,\n      theme.clientContext.timezone,\n    );\n\n    if (!shallowEqual(newTimeRange, selectedValue)) {\n      onChange(newTimeRange);\n    }\n  }, [selectedValue, dayjsLocaleReady, onChange, dateRangeOptions, theme.clientContext.timezone]);\n\n  if (!dayjsLocaleReady) {\n    return null;\n  }\n\n  const { description, placeholder, title, tooltip } = resolveI18nProps(props);\n\n  const options = getDateRangeSelectFieldProOptions(dateRangeOptions, theme.clientContext.timezone);\n\n  const handleOptionChange = (newValue: string | undefined) => {\n    const newTimeRange = getTimeRangeFromPresets(\n      { relativeTimeString: newValue } as TimeRange,\n      dateRangeOptions,\n      theme.clientContext.timezone,\n    );\n\n    onChange(newTimeRange);\n    setDateRange(undefined);\n  };\n\n  const handleDateRangeChange = (newDateRange: DateRange | undefined) => {\n    onChange(getTimeRangeFromDateRange(newDateRange));\n    setIsOpen(false);\n  };\n\n  const handleClear = () => {\n    setDateRange(undefined);\n    onChange(undefined);\n  };\n\n  const getValueLabel = () => {\n    if (selectedValue?.relativeTimeString) {\n      const option = options.find((option) => option.value === selectedValue.relativeTimeString);\n      if (option) {\n        return option.label;\n      }\n    }\n\n    if (selectedValue?.from && selectedValue?.to) {\n      return getTimeRangeLabel(selectedValue, 'MMM DD');\n    }\n\n    return '';\n  };\n\n  const valueLabel = getValueLabel();\n\n  const locale = theme.i18n.language ?? theme.formatter.locale;\n  const isSubmitDisabled = isSameDateRange(dateRange, selectedValue);\n  const numberOfMonths = showTwoMonths ? 2 : 1;\n\n  return (\n    <EditorCard title={title} description={description} tooltip={tooltip}>\n      <Dropdown\n        open={isOpen}\n        onOpenChange={setIsOpen}\n        avoidCollisions={false}\n        triggerComponent={\n          <SelectFieldTrigger\n            startIcon={IconCalendarFilled}\n            aria-label={placeholder}\n            placeholder={placeholder}\n            valueLabel={valueLabel}\n            onClear={handleClear}\n            isClearable={clearable}\n          />\n        }\n      >\n        <SelectFieldContent fitContent className={styles.dateRangePickerContent}>\n          {showDateRangePicker ? (\n            <div className={styles.dateRangePickerContainer}>\n              {!onlyDateRangePicker && (\n                <SelectListOption\n                  label={i18n.t('editors.dateRangePicker.backToPresets')}\n                  onClick={(e) => {\n                    e.preventDefault();\n                    setShowDateRangePicker(false);\n                  }}\n                  startIcon={<IconChevronLeft />}\n                />\n              )}\n              <DateRangePicker\n                locale={locale}\n                numberOfMonths={numberOfMonths}\n                value={dateRange}\n                onChange={setDateRange}\n              />\n              <Button\n                size=\"small\"\n                disabled={isSubmitDisabled}\n                onClick={() => handleDateRangeChange(dateRange)}\n              >\n                {i18n.t('editors.dateRangePicker.apply')}\n              </Button>\n            </div>\n          ) : (\n            <SelectFieldContentList>\n              <SelectListOption\n                label={i18n.t('editors.dateRangePicker.custom')}\n                onClick={(e) => {\n                  e.preventDefault();\n                  setShowDateRangePicker(true);\n                }}\n                endIcon={<IconChevronRight />}\n              />\n              {options.map((option) => (\n                <SelectListOption\n                  key={option.value}\n                  {...option}\n                  isSelected={selectedValue?.relativeTimeString === option.value}\n                  onClick={() => handleOptionChange(option.value)}\n                />\n              ))}\n            </SelectFieldContentList>\n          )}\n        </SelectFieldContent>\n      </Dropdown>\n    </EditorCard>\n  );\n};\n\nexport default DateRangePickerPresets;\n","import { EmbeddedComponentMeta, Inputs, definePreview } from '@embeddable.com/react';\nimport { TimeRange, Value } from '@embeddable.com/core';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\n\nconst meta = {\n  name: 'DateRangeSelectFieldPro',\n  label: 'Date-Range Picker - Presets',\n  description:\n    'Date-range picker with preset ranges only (Last 7 days, Last 30 days, …). Pairs with a timeRange variable; emits onChange.',\n  category: 'Dropdowns - dates',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    { ...inputs.placeholder, defaultValue: 'Select a date-range' },\n    {\n      ...inputs.boolean,\n      name: 'showCustomRangeOptions',\n      label: 'Show custom date-range option',\n      defaultValue: true,\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.boolean,\n      name: 'showTwoMonths',\n      label: 'Show two-month view',\n      defaultValue: false,\n      category: 'Component Settings',\n    },\n    inputs.clearable,\n    {\n      ...inputs.timeRange,\n      name: 'selectedValue',\n      label: 'Selected value',\n      category: 'Pre-configured variables',\n    },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'Selected date-range updated',\n      properties: [\n        {\n          name: 'value',\n          label: 'Selected date-range',\n          type: 'timeRange',\n        },\n        {\n          name: 'fromDate',\n          label: 'Start date of selected range',\n          type: 'time',\n        },\n        {\n          name: 'toDate',\n          label: 'To date of selected range',\n          type: 'time',\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'date-range value',\n      type: 'timeRange',\n      defaultValue: Value.noFilter(),\n      inputs: ['selectedValue'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst preview = definePreview(Component, {\n  showCustomRangeOptions: true,\n  onChange: () => null,\n});\n\nconst props = (inputs: Inputs<typeof meta>) => {\n  return {\n    ...inputs,\n  };\n};\n\nconst events = {\n  onChange: (timeRange: TimeRange) => {\n    return {\n      value: timeRange ?? Value.noFilter(),\n      fromDate: timeRange?.from ? { date: timeRange?.from } : Value.noFilter(),\n      toDate: timeRange?.to ? { date: timeRange?.to } : Value.noFilter(),\n    };\n  },\n};\n\nexport const dateRangeSelectFieldPro = {\n  Component,\n  meta,\n  preview,\n  config: {\n    props,\n    events,\n  },\n} as const;\n"],"names":["getDateRangeSelectFieldProOptions","dateRangeSelectFieldProOptions","timezone","option","getTimeRangeLabel","resolveI18nString","DateRangePickerPresets","props","theme","useTheme","i18nSetup","dayjsLocaleReady","useLoadDayjsLocale","onChange","clearable","selectedValue","showCustomRangeOptions","showTwoMonths","onlyDateRangePicker","showDateRangePicker","setShowDateRangePicker","useState","isOpen","setIsOpen","dateRange","setDateRange","getDateRangeFromTimeRange","dateRangeOptions","useEffect","newTimeRange","getTimeRangeFromPresets","shallowEqual","description","placeholder","title","tooltip","resolveI18nProps","options","handleOptionChange","newValue","handleDateRangeChange","newDateRange","getTimeRangeFromDateRange","handleClear","valueLabel","locale","isSubmitDisabled","isSameDateRange","numberOfMonths","jsx","EditorCard","Dropdown","SelectFieldTrigger","IconCalendarFilled","SelectFieldContent","styles","jsxs","SelectListOption","i18n","e","IconChevronLeft","DateRangePicker","Button","SelectFieldContentList","IconChevronRight","meta","inputs","Value","preview","definePreview","Component","events","timeRange","dateRangeSelectFieldPro"],"mappings":";;;;;;;;AAKO,MAAMA,KAAoC,CAC/CC,GACAC,MAEOD,EAA+B,IAAI,CAACE,OAClC;AAAA,EACL,YAAYC,EAAkBD,EAAO,SAASD,CAAQ,GAAGC,EAAO,UAAU;AAAA,EAC1E,OAAOA,EAAO;AAAA,EACd,OAAOE,GAAkBF,EAAO,KAAK;AAAA,EAExC;;;GCyBGG,IAAyB,CAACC,MAAuC;AACrE,QAAMC,IAAeC,EAAA;AACrB,EAAAC,GAAUF,CAAK;AACf,QAAM,EAAE,kBAAAG,EAAA,IAAqBC,EAAA,GACvB,EAAE,UAAAC,GAAU,WAAAC,GAAW,eAAAC,GAAe,wBAAAC,GAAwB,eAAAC,MAAkBV,GAChFW,IAAsB,CAACF,GACvB,CAACG,GAAqBC,CAAsB,IAAIC,EAASH,CAAmB,GAE5E,CAACI,GAAQC,CAAS,IAAIF,EAAS,EAAK,GACpC,CAACG,GAAWC,CAAY,IAAIJ;AAAA,IAChCK,EAA0BX,CAAa;AAAA,EAAA,GAGnCY,IAAmBnB,EAAM,SAAS;AAkBxC,MAhBAoB,GAAU,MAAM;AACd,QAAI,CAACjB;AACH;AAGF,UAAMkB,IAAeC;AAAA,MACnBf;AAAA,MACAY;AAAA,MACAnB,EAAM,cAAc;AAAA,IAAA;AAGtB,IAAKuB,EAAaF,GAAcd,CAAa,KAC3CF,EAASgB,CAAY;AAAA,EAEzB,GAAG,CAACd,GAAeJ,GAAkBE,GAAUc,GAAkBnB,EAAM,cAAc,QAAQ,CAAC,GAE1F,CAACG;AACH,WAAO;AAGT,QAAM,EAAE,aAAAqB,GAAa,aAAAC,GAAa,OAAAC,GAAO,SAAAC,EAAA,IAAYC,GAAiB7B,CAAK,GAErE8B,IAAUrC,GAAkC2B,GAAkBnB,EAAM,cAAc,QAAQ,GAE1F8B,IAAqB,CAACC,MAAiC;AAC3D,UAAMV,IAAeC;AAAA,MACnB,EAAE,oBAAoBS,EAAA;AAAA,MACtBZ;AAAA,MACAnB,EAAM,cAAc;AAAA,IAAA;AAGtB,IAAAK,EAASgB,CAAY,GACrBJ,EAAa,MAAS;AAAA,EACxB,GAEMe,IAAwB,CAACC,MAAwC;AACrE,IAAA5B,EAAS6B,GAA0BD,CAAY,CAAC,GAChDlB,EAAU,EAAK;AAAA,EACjB,GAEMoB,IAAc,MAAM;AACxB,IAAAlB,EAAa,MAAS,GACtBZ,EAAS,MAAS;AAAA,EACpB,GAiBM+B,KAfgB,MAAM;AAC1B,QAAI7B,KAAA,QAAAA,EAAe,oBAAoB;AACrC,YAAMZ,IAASkC,EAAQ,KAAK,CAAClC,MAAWA,EAAO,UAAUY,EAAc,kBAAkB;AACzF,UAAIZ;AACF,eAAOA,EAAO;AAAA,IAElB;AAEA,WAAIY,KAAA,QAAAA,EAAe,SAAQA,KAAA,QAAAA,EAAe,MACjCX,EAAkBW,GAAe,QAAQ,IAG3C;AAAA,EACT,GAEmB,GAEb8B,IAASrC,EAAM,KAAK,YAAYA,EAAM,UAAU,QAChDsC,IAAmBC,EAAgBvB,GAAWT,CAAa,GAC3DiC,IAAiB/B,IAAgB,IAAI;AAE3C,SACEgC,gBAAAA,EAAAA,IAACC,IAAA,EAAW,OAAAhB,GAAc,aAAAF,GAA0B,SAAAG,GAClD,UAAAc,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,MAAM7B;AAAA,MACN,cAAcC;AAAA,MACd,iBAAiB;AAAA,MACjB,kBACE0B,gBAAAA,EAAAA;AAAAA,QAACG;AAAA,QAAA;AAAA,UACC,WAAWC;AAAA,UACX,cAAYpB;AAAA,UACZ,aAAAA;AAAA,UACA,YAAAW;AAAA,UACA,SAASD;AAAA,UACT,aAAa7B;AAAA,QAAA;AAAA,MAAA;AAAA,MAIjB,UAAAmC,gBAAAA,EAAAA,IAACK,GAAA,EAAmB,YAAU,IAAC,WAAWC,EAAO,wBAC9C,UAAApC,IACCqC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAWD,EAAO,0BACpB,UAAA;AAAA,QAAA,CAACrC,KACA+B,gBAAAA,EAAAA;AAAAA,UAACQ;AAAA,UAAA;AAAA,YACC,OAAOC,EAAK,EAAE,uCAAuC;AAAA,YACrD,SAAS,CAACC,MAAM;AACd,cAAAA,EAAE,eAAA,GACFvC,EAAuB,EAAK;AAAA,YAC9B;AAAA,YACA,iCAAYwC,GAAA,CAAA,CAAgB;AAAA,UAAA;AAAA,QAAA;AAAA,QAGhCX,gBAAAA,EAAAA;AAAAA,UAACY;AAAA,UAAA;AAAA,YACC,QAAAhB;AAAA,YACA,gBAAAG;AAAA,YACA,OAAOxB;AAAA,YACP,UAAUC;AAAA,UAAA;AAAA,QAAA;AAAA,QAEZwB,gBAAAA,EAAAA;AAAAA,UAACa;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAUhB;AAAA,YACV,SAAS,MAAMN,EAAsBhB,CAAS;AAAA,YAE7C,UAAAkC,EAAK,EAAE,+BAA+B;AAAA,UAAA;AAAA,QAAA;AAAA,MACzC,EAAA,CACF,2BAECK,GAAA,EACC,UAAA;AAAA,QAAAd,gBAAAA,EAAAA;AAAAA,UAACQ;AAAA,UAAA;AAAA,YACC,OAAOC,EAAK,EAAE,gCAAgC;AAAA,YAC9C,SAAS,CAACC,MAAM;AACd,cAAAA,EAAE,eAAA,GACFvC,EAAuB,EAAI;AAAA,YAC7B;AAAA,YACA,+BAAU4C,GAAA,CAAA,CAAiB;AAAA,UAAA;AAAA,QAAA;AAAA,QAE5B3B,EAAQ,IAAI,CAAClC,MACZ8C,gBAAAA,EAAAA;AAAAA,UAACQ;AAAA,UAAA;AAAA,YAEE,GAAGtD;AAAA,YACJ,aAAYY,KAAA,gBAAAA,EAAe,wBAAuBZ,EAAO;AAAA,YACzD,SAAS,MAAMmC,EAAmBnC,EAAO,KAAK;AAAA,UAAA;AAAA,UAHzCA,EAAO;AAAA,QAAA,CAKf;AAAA,MAAA,EAAA,CACH,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;;;8CCxLM8D,KAAO;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,aACE;AAAA,EACF,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACNC,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,aAAa,cAAc,sBAAA;AAAA,IACvC;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,cAAc;AAAA,MACd,UAAU;AAAA,IAAA;AAAA,IAEZA,EAAO;AAAA,IACP;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,EACZ;AAAA,EAEF,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,MACR;AAAA,IACF;AAAA,EACF;AAAA,EAEF,WAAW;AAAA,IACT;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,cAAcC,EAAM,SAAA;AAAA,MACpB,QAAQ,CAAC,eAAe;AAAA,MACxB,QAAQ,CAAC,EAAE,MAAM,YAAY,UAAU,SAAS;AAAA,IAAA;AAAA,EAClD;AAEJ,GAEMC,KAAUC,EAAcC,GAAW;AAAA,EACvC,wBAAwB;AAAA,EACxB,UAAU,MAAM;AAClB,CAAC,GAEK/D,KAAQ,CAAC2D,OACN;AAAA,EACL,GAAGA;AAAA,IAIDK,KAAS;AAAA,EACb,UAAU,CAACC,OACF;AAAA,IACL,OAAOA,KAAaL,EAAM,SAAA;AAAA,IAC1B,UAAUK,KAAA,QAAAA,EAAW,OAAO,EAAE,MAAMA,KAAA,gBAAAA,EAAW,KAAA,IAASL,EAAM,SAAA;AAAA,IAC9D,QAAQK,KAAA,QAAAA,EAAW,KAAK,EAAE,MAAMA,KAAA,gBAAAA,EAAW,GAAA,IAAOL,EAAM,SAAA;AAAA,EAAS;AAGvE,GAEaM,KAA0B;AAAA,EAAA,WACrCH;AAAAA,EACA,MAAAL;AAAA,EACA,SAAAG;AAAA,EACA,QAAQ;AAAA,IACN,OAAA7D;AAAA,IACA,QAAAgE;AAAA,EAAA;AAEJ;"}