@embeddable.com/remarkable-pro 0.1.13 → 0.1.15

package/dist/definition-CNZK3eKN.js

@@ -0,0 +1,254 @@
+import { d as v, u as X, e as Y, j as L, T as Z, f as $, V as ee, m as ae, l as P } from "./Color.type.emb-BBdbJHvt.js";
+import { useTheme as oe, definePreview as se } from "@embeddable.com/react";
+import { a as ne, r as te, i as ie } from "./component.utils-DNw0iugA.js";
+import { C as le } from "./ChartCard-rrXP6aUC.js";
+import { useState as re, useRef as de, useCallback as ce, useEffect as w } from "react";
+import { b as me, c as ue } from "./tables.utils-TEZbXro4.js";
+import { i as t, s as T } from "./component.inputs.constants-DqFfoZ5R.js";
+import { p as f } from "./preview.data.constants-D0uQPYd1.js";
+const ge = v("--em-tablechart-cell-height", "2.5rem"), he = v("--em-tablechart-cell-height", "2.5rem"), fe = v("--em-tablechart-pagination-height", "3rem");
+let j;
+const x = (a) => {
+  const e = oe();
+  ne(e);
+  const [i, l] = re(!1), { title: r, description: R, tooltip: p } = te(a), {
+    hideMenu: g,
+    totalResults: o,
+    results: d,
+    allResults: D,
+    dimensionsAndMeasures: b,
+    displayNullAs: q,
+    showIndex: B,
+    clickDimension: C,
+    state: m,
+    setState: n,
+    onRowClicked: k
+  } = a, F = me({ dimensionsAndMeasures: b, displayNullAs: q }, e), y = (d == null ? void 0 : d.data) || [], U = ue({ rows: y, clickDimension: C }), A = de(null), { height: J } = X(A), u = Y({
+    availableHeight: J,
+    headerHeight: ge,
+    rowHeight: he,
+    footerHeight: fe
+  }), c = ce(
+    (s) => {
+      n == null || n((h) => ({
+        ...h,
+        ...s
+      }));
+    },
+    [n]
+  ), K = (s) => {
+    l(!0), c({ isLoadingDownloadData: !0 }), j = (h) => s({
+      title: r,
+      data: h,
+      dimensionsAndMeasures: b,
+      containerRef: A,
+      theme: e
+    });
+  }, Q = (s) => {
+    var I;
+    if (!k || !C) return;
+    const h = (I = y[s]) == null ? void 0 : I[C.name];
+    k(h);
+  };
+  w(() => {
+    u && c({ pageSize: u });
+  }, [u, c]), w(() => {
+    n == null || n((s) => ({
+      ...s,
+      hasTotalResults: !1
+    }));
+  }, [b, u]), w(() => {
+    o != null && o.total && (n == null || n((s) => ({
+      ...s,
+      hasTotalResults: !0
+    })));
+  }, [o]), w(() => {
+    if (i) {
+      if (!D || D.isLoading)
+        return;
+      j(D.data), l(!1), c({ isLoadingDownloadData: !1 });
+    }
+  }, [i, D, c]);
+  const W = (s) => {
+    c({ sort: s });
+  }, S = (m == null ? void 0 : m.page) ?? 0;
+  return /* @__PURE__ */ L.jsx(
+    le,
+    {
+      ref: A,
+      title: r,
+      description: R,
+      tooltip: p,
+      data: d,
+      dimensionsAndMeasures: b,
+      errorMessage: d == null ? void 0 : d.error,
+      onCustomDownload: K,
+      hideMenu: g,
+      children: /* @__PURE__ */ L.jsx(
+        Z,
+        {
+          onRowIndexClick: Q,
+          headers: F,
+          rows: U,
+          showIndex: B,
+          page: S,
+          pageSize: u,
+          paginationLabel: ie.t("charts.tablePaginated.pagination", {
+            page: S + 1,
+            totalPages: $(o == null ? void 0 : o.total, u) ?? "?"
+          }),
+          total: o == null ? void 0 : o.total,
+          sort: m == null ? void 0 : m.sort,
+          onSortChange: W,
+          onPageChange: (s) => c({ page: s })
+        }
+      )
+    }
+  );
+}, ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: x
+}, Symbol.toStringTag, { value: "Module" })), pe = {
+  name: "TableChartPaginated",
+  label: "Table Chart - Paginated",
+  category: "Table Charts",
+  inputs: [
+    t.dataset,
+    {
+      ...t.dimensionsAndMeasures,
+      label: "Columns",
+      inputs: [
+        ...t.dimensionsAndMeasures.inputs,
+        T.width,
+        T.align,
+        T.tableCellStyle
+      ]
+    },
+    t.title,
+    t.description,
+    t.tooltip,
+    {
+      ...t.boolean,
+      name: "showIndex",
+      label: "Show index column",
+      defaultValue: !0,
+      category: "Component Settings"
+    },
+    t.displayNullAs,
+    { ...t.maxResults, label: "Max results to download" },
+    {
+      ...t.dimensionSimple,
+      label: "Dimension to set on click",
+      name: "clickDimension",
+      category: "Data Mapping for Interactions",
+      required: !1
+    }
+  ],
+  events: [
+    {
+      name: "onRowClicked",
+      label: "A row is clicked",
+      properties: [
+        {
+          name: "rowDimensionValue",
+          label: "Clicked row dimension value",
+          type: "string"
+        }
+      ]
+    }
+  ]
+}, M = 3;
+var z;
+const H = {
+  dimensionsAndMeasures: [f.dimension, f.dimensionGroup, f.measure],
+  results: {
+    ...f.results1Measure2Dimensions,
+    data: (z = f.results1Measure2Dimensions.data) == null ? void 0 : z.slice(0, M)
+  },
+  totalResults: { data: [], total: M, isLoading: !1 },
+  state: {
+    page: 0,
+    pageSize: M,
+    isLoadingDownloadData: !1,
+    hasTotalResults: !0,
+    hideMenu: !0
+  },
+  hideMenu: !0
+}, De = se(x, H), be = {
+  page: 0,
+  pageSize: void 0,
+  sort: void 0,
+  isLoadingDownloadData: !1,
+  hasTotalResults: !0
+}, V = (a, e, i, l, r) => ({
+  from: a.dataset,
+  select: r,
+  offset: e * i,
+  limit: i,
+  orderBy: l
+}), _ = (a, e, i, l, r) => P(V(a, e, i, l, r)), E = (a, e) => ({
+  from: a.dataset,
+  select: e,
+  offset: 0,
+  limit: 0,
+  countRows: !0
+}), N = (a, e) => P(E(a, e)), O = (a, e) => ({
+  from: a.dataset,
+  select: a.dimensionsAndMeasures,
+  orderBy: e,
+  limit: a.maxResults
+}), G = (a, e) => P(O(a, e)), we = {
+  onRowClicked: (a) => ({
+    rowDimensionValue: a !== void 0 ? a : ee.noFilter()
+  })
+}, Re = (a, [e, i]) => {
+  const l = a.dimensionsAndMeasures.find(
+    (g) => {
+      var o;
+      return g.name === ((o = e == null ? void 0 : e.sort) == null ? void 0 : o.id);
+    }
+  ), r = l && (e != null && e.sort) ? [{ property: l, direction: e.sort.direction }] : [], R = a.dimensionsAndMeasures.some(
+    (g) => {
+      var o;
+      return g.name === ((o = a.clickDimension) == null ? void 0 : o.name);
+    }
+  ), p = [
+    ...a.dimensionsAndMeasures,
+    ...R ? [] : [a.clickDimension]
+  ];
+  return {
+    ...a,
+    state: ae(be, e ?? {}),
+    setState: i,
+    results: e != null && e.pageSize ? _(a, e.page, e.pageSize, r, p) : void 0,
+    totalResults: e != null && e.hasTotalResults ? void 0 : N(a, p),
+    allResults: e != null && e.isLoadingDownloadData ? G(a, r) : void 0
+  };
+}, Se = {
+  Component: x,
+  meta: pe,
+  preview: De,
+  previewConfig: H,
+  config: {
+    props: Re,
+    events: we
+  },
+  results: {
+    loadDataArgs: V,
+    loadData: _
+  },
+  totalResults: {
+    loadDataArgs: E,
+    loadData: N
+  },
+  allResults: {
+    loadDataArgs: O,
+    loadData: G
+  }
+};
+export {
+  be as d,
+  ye as i,
+  Se as t
+};
+//# sourceMappingURL=definition-CNZK3eKN.js.map

package/dist/definition-CNZK3eKN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-CNZK3eKN.js","sources":["../src/components/charts/tables/TableChartPaginated/index.tsx","../src/components/charts/tables/TableChartPaginated/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { DataResponse, Dimension, DimensionOrMeasure, OrderDirection } from '@embeddable.com/core';\nimport {\n  getStyleNumber,\n  getTableTotalPages,\n  TablePaginated,\n  useTableGetRowsPerPage,\n  useResizeObserver,\n  TableSort,\n} from '@embeddable.com/remarkable-ui';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { getTableHeaders, getTableRows } from '../tables.utils';\nimport { ChartCardMenuOptionOnClickProps } from '../../../../theme/defaults/defaults.ChartCardMenu.constants';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nconst headerHeight = getStyleNumber('--em-tablechart-cell-height', '2.5rem') as number;\nconst rowHeight = getStyleNumber('--em-tablechart-cell-height', '2.5rem') as number;\nconst footerHeight = getStyleNumber('--em-tablechart-pagination-height', '3rem') as number;\n\nlet downloadData: (data: DataResponse['data']) => void;\n\nexport type TableChartPaginatedProOnRowClickArg = string | null;\nexport type TableChartPaginatedProState = {\n  page: number;\n  pageSize?: number;\n  sort?: { id: string; direction: OrderDirection } | undefined;\n  isLoadingDownloadData: boolean;\n  hasTotalResults: boolean;\n};\n\nexport type TableChartPaginatedProProps = {\n  allResults?: DataResponse;\n  clickDimension?: Dimension;\n\n  dimensionsAndMeasures: DimensionOrMeasure[];\n  displayNullAs?: string;\n  results: DataResponse;\n  showIndex?: boolean;\n  state?: TableChartPaginatedProState;\n\n  totalResults?: DataResponse;\n  onRowClicked?: (rowDimensionValue: TableChartPaginatedProOnRowClickArg) => void;\n  setState?: React.Dispatch<React.SetStateAction<TableChartPaginatedProState>>;\n} & ChartCardHeaderProps;\n\nconst TableChartPaginatedPro = (props: TableChartPaginatedProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const [isDownloadingData, setIsDownloadingData] = useState(false);\n\n  const { title, description, tooltip } = resolveI18nProps(props);\n  const {\n    hideMenu,\n    totalResults,\n    results,\n    allResults,\n    dimensionsAndMeasures,\n    displayNullAs,\n    showIndex,\n    clickDimension,\n    state,\n    setState,\n    onRowClicked,\n  } = props;\n\n  const headers = getTableHeaders({ dimensionsAndMeasures, displayNullAs }, theme);\n  const rows = results?.data || [];\n  const tableRows = getTableRows({ rows, clickDimension });\n  const cardContentRef = useRef<HTMLDivElement>(null);\n  const { height } = useResizeObserver(cardContentRef);\n  const pageSize = useTableGetRowsPerPage({\n    availableHeight: height,\n    headerHeight,\n    rowHeight,\n    footerHeight,\n  });\n\n  // Stable updater for embeddable state\n  const handleUpdateEmbeddableState = useCallback(\n    (newState: Partial<TableChartPaginatedProState>) => {\n      setState?.((prevState) => ({\n        ...prevState,\n        ...newState,\n      }));\n    },\n    [setState],\n  );\n\n  const handleCustomDownload = (onDownload: (props: ChartCardMenuOptionOnClickProps) => void) => {\n    setIsDownloadingData(true);\n    handleUpdateEmbeddableState({ isLoadingDownloadData: true });\n\n    downloadData = (data: DataResponse['data']) =>\n      onDownload({\n        title,\n        data,\n        dimensionsAndMeasures,\n        containerRef: cardContentRef,\n        theme,\n      });\n  };\n\n  const handleRowIndexClick = (rowIndex: number) => {\n    if (!onRowClicked || !clickDimension) return;\n\n    const rowDimensionValue = rows[rowIndex]?.[clickDimension.name];\n    onRowClicked(rowDimensionValue);\n  };\n\n  // Sync page size changes to embeddable state\n  useEffect(() => {\n    if (pageSize) {\n      handleUpdateEmbeddableState({ pageSize });\n    }\n  }, [pageSize, handleUpdateEmbeddableState]);\n\n  // Sync total from results\n  useEffect(() => {\n    setState?.((prevState) => ({\n      ...prevState,\n      hasTotalResults: false,\n    }));\n  }, [dimensionsAndMeasures, pageSize]);\n\n  useEffect(() => {\n    if (totalResults?.total) {\n      setState?.((prevState) => ({\n        ...prevState,\n        hasTotalResults: true,\n      }));\n    }\n  }, [totalResults]);\n\n  // Handle data download when allResults is ready\n  useEffect(() => {\n    if (isDownloadingData) {\n      if (!allResults || allResults.isLoading) {\n        // Loading data to download\n        return;\n      }\n\n      downloadData(allResults.data);\n      setIsDownloadingData(false);\n      handleUpdateEmbeddableState({ isLoadingDownloadData: false });\n    }\n  }, [isDownloadingData, allResults, handleUpdateEmbeddableState]);\n\n  const handleSortChange = (newSort: TableSort<any> | undefined) => {\n    handleUpdateEmbeddableState({ sort: newSort as TableChartPaginatedProState['sort'] });\n  };\n\n  const currentPage = state?.page ?? 0;\n  return (\n    <ChartCard\n      ref={cardContentRef}\n      title={title}\n      description={description}\n      tooltip={tooltip}\n      data={results}\n      dimensionsAndMeasures={dimensionsAndMeasures}\n      errorMessage={results?.error}\n      onCustomDownload={handleCustomDownload}\n      hideMenu={hideMenu}\n    >\n      <TablePaginated\n        onRowIndexClick={handleRowIndexClick}\n        headers={headers}\n        rows={tableRows}\n        showIndex={showIndex}\n        page={currentPage}\n        pageSize={pageSize}\n        paginationLabel={i18n.t('charts.tablePaginated.pagination', {\n          page: currentPage + 1,\n          totalPages: getTableTotalPages(totalResults?.total, pageSize) ?? '?',\n        })}\n        total={totalResults?.total}\n        sort={state?.sort}\n        onSortChange={handleSortChange}\n        onPageChange={(newPage) => handleUpdateEmbeddableState({ page: newPage })}\n      />\n    </ChartCard>\n  );\n};\n\nexport default TableChartPaginatedPro;\n","import { DataResponse, LoadDataRequest, OrderBy, Value, loadData } from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport TablePaginatedChart, {\n  TableChartPaginatedProOnRowClickArg,\n  TableChartPaginatedProState,\n} from './index';\nimport { mergician } from 'mergician';\nimport { inputs } from '../../../component.inputs.constants';\nimport { subInputs } from '../../../component.subinputs.constants';\nimport { previewData } from '../../../preview.data.constants';\n\nconst meta = {\n  name: 'TableChartPaginated',\n  label: 'Table Chart - Paginated',\n  category: 'Table Charts',\n  inputs: [\n    inputs.dataset,\n    {\n      ...inputs.dimensionsAndMeasures,\n      label: 'Columns',\n      inputs: [\n        ...inputs.dimensionsAndMeasures.inputs,\n        subInputs.width,\n        subInputs.align,\n        subInputs.tableCellStyle,\n      ],\n    },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    {\n      ...inputs.boolean,\n      name: 'showIndex',\n      label: 'Show index column',\n      defaultValue: true,\n      category: 'Component Settings',\n    },\n    inputs.displayNullAs,\n    { ...inputs.maxResults, label: 'Max results to download' },\n    {\n      ...inputs.dimensionSimple,\n      label: 'Dimension to set on click',\n      name: 'clickDimension',\n      category: 'Data Mapping for Interactions',\n      required: false,\n    },\n  ],\n  events: [\n    {\n      name: 'onRowClicked',\n      label: 'A row is clicked',\n      properties: [\n        {\n          name: 'rowDimensionValue',\n          label: 'Clicked row dimension value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst previewMaxResults = 3;\n\nconst previewConfig = {\n  dimensionsAndMeasures: [previewData.dimension, previewData.dimensionGroup, previewData.measure],\n  results: {\n    ...previewData.results1Measure2Dimensions,\n    data: previewData.results1Measure2Dimensions.data?.slice(0, previewMaxResults),\n  },\n  totalResults: { data: [], total: previewMaxResults, isLoading: false },\n  state: {\n    page: 0,\n    pageSize: previewMaxResults,\n    isLoadingDownloadData: false,\n    hasTotalResults: true,\n    hideMenu: true,\n  },\n  hideMenu: true,\n};\n\nconst preview = definePreview(TablePaginatedChart, previewConfig);\n\nexport const defaultTableChartPaginatedState: TableChartPaginatedProState = {\n  page: 0,\n  pageSize: undefined,\n  sort: undefined,\n  isLoadingDownloadData: false,\n  hasTotalResults: true,\n};\n\nconst loadDataResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  page: number,\n  pageSize: number,\n  orderBy: OrderBy[],\n  dimensionsAndMeasuresToLoad: Parameters<typeof loadData>[0]['select'],\n): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: dimensionsAndMeasuresToLoad,\n  offset: page * pageSize,\n  limit: pageSize,\n  orderBy,\n});\n\nconst loadDataResults = (\n  inputs: Inputs<typeof meta>,\n  page: number,\n  pageSize: number,\n  orderBy: OrderBy[],\n  dimensionsAndMeasuresToLoad: Parameters<typeof loadData>[0]['select'],\n): DataResponse =>\n  loadData(loadDataResultsArgs(inputs, page, pageSize, orderBy, dimensionsAndMeasuresToLoad));\n\nconst loadDataTotalResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  dimensionsAndMeasuresToLoad: Parameters<typeof loadData>[0]['select'],\n): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: dimensionsAndMeasuresToLoad,\n  offset: 0,\n  limit: 0,\n  countRows: true,\n});\n\nconst loadDataTotalResults = (\n  inputs: Inputs<typeof meta>,\n  dimensionsAndMeasuresToLoad: Parameters<typeof loadData>[0]['select'],\n): DataResponse => loadData(loadDataTotalResultsArgs(inputs, dimensionsAndMeasuresToLoad));\n\nconst loadDataAllResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  orderBy: OrderBy[],\n): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: inputs.dimensionsAndMeasures,\n  orderBy,\n  limit: inputs.maxResults,\n});\n\nconst loadDataAllResults = (inputs: Inputs<typeof meta>, orderBy: OrderBy[]): DataResponse =>\n  loadData(loadDataAllResultsArgs(inputs, orderBy));\n\nconst events = {\n  onRowClicked: (rowDimensionValue: TableChartPaginatedProOnRowClickArg) => ({\n    rowDimensionValue: rowDimensionValue !== undefined ? rowDimensionValue : Value.noFilter(),\n  }),\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [TableChartPaginatedProState, (state: TableChartPaginatedProState) => void],\n) => {\n  const orderDimensionAndMeasure = inputs.dimensionsAndMeasures.find(\n    (x) => x.name === state?.sort?.id,\n  );\n\n  const orderBy: OrderBy[] =\n    orderDimensionAndMeasure && state?.sort\n      ? [{ property: orderDimensionAndMeasure, direction: state.sort.direction }]\n      : [];\n\n  const clickDimensionInDimensionsAndMeasures = inputs.dimensionsAndMeasures.some(\n    (dimOrMeas) => dimOrMeas.name === inputs.clickDimension?.name,\n  );\n\n  const dimensionsAndMeasuresToLoad = [\n    ...inputs.dimensionsAndMeasures,\n    ...(clickDimensionInDimensionsAndMeasures ? [] : [inputs.clickDimension]),\n  ];\n\n  return {\n    ...inputs,\n    state: mergician(defaultTableChartPaginatedState, state ?? {}),\n    setState,\n    results: state?.pageSize\n      ? loadDataResults(inputs, state.page, state.pageSize, orderBy, dimensionsAndMeasuresToLoad)\n      : undefined,\n    totalResults: !state?.hasTotalResults\n      ? loadDataTotalResults(inputs, dimensionsAndMeasuresToLoad)\n      : undefined,\n    allResults: state?.isLoadingDownloadData ? loadDataAllResults(inputs, orderBy) : undefined,\n  };\n};\n\nexport const tableChartPaginated = {\n  Component: TablePaginatedChart,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n    events,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n  totalResults: {\n    loadDataArgs: loadDataTotalResultsArgs,\n    loadData: loadDataTotalResults,\n  },\n  allResults: {\n    loadDataArgs: loadDataAllResultsArgs,\n    loadData: loadDataAllResults,\n  },\n} as const;\n"],"names":["headerHeight","getStyleNumber","rowHeight","footerHeight","downloadData","TableChartPaginatedPro","props","theme","useTheme","i18nSetup","isDownloadingData","setIsDownloadingData","useState","title","description","tooltip","resolveI18nProps","hideMenu","totalResults","results","allResults","dimensionsAndMeasures","displayNullAs","showIndex","clickDimension","state","setState","onRowClicked","headers","getTableHeaders","rows","tableRows","getTableRows","cardContentRef","useRef","height","useResizeObserver","pageSize","useTableGetRowsPerPage","handleUpdateEmbeddableState","useCallback","newState","prevState","handleCustomDownload","onDownload","data","handleRowIndexClick","rowIndex","rowDimensionValue","_a","useEffect","handleSortChange","newSort","currentPage","jsx","ChartCard","TablePaginated","i18n","getTableTotalPages","newPage","meta","inputs","subInputs","previewMaxResults","previewConfig","previewData","preview","definePreview","TablePaginatedChart","defaultTableChartPaginatedState","loadDataResultsArgs","page","orderBy","dimensionsAndMeasuresToLoad","loadDataResults","loadData","loadDataTotalResultsArgs","loadDataTotalResults","loadDataAllResultsArgs","loadDataAllResults","events","Value","orderDimensionAndMeasure","x","clickDimensionInDimensionsAndMeasures","dimOrMeas","mergician","tableChartPaginated"],"mappings":"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"}

package/dist/definition-CPlHt0VT.js

@@ -0,0 +1,130 @@
+import { useTheme as C, definePreview as M } from "@embeddable.com/react";
+import { j as g, S as P, V as d, l as w } from "./Color.type.emb-BBdbJHvt.js";
+import { g as j, p as f } from "./preview.data.constants-D0uQPYd1.js";
+import { E as T } from "./EditorCard-drvq5XVw.js";
+import { r as _, i as q } from "./component.utils-DNw0iugA.js";
+import { i as n } from "./component.inputs.constants-DqFfoZ5R.js";
+const v = 200, c = (e) => {
+  var u, p;
+  const o = C(), a = j(o), { title: i, description: b, dimension: s, placeholder: D, tooltip: y } = _(e), { optionalSecondDimension: m, results: l, selectedValue: O, setSearchValue: V, onChange: r } = e, x = ((u = l.data) == null ? void 0 : u.map((t) => ({
+    value: m ? t[m.name] : t[s.name],
+    label: a.data(s, t[s.name])
+  }))) ?? [], F = !l.isLoading && (((p = l.data) == null ? void 0 : p.length) ?? 0) === 0;
+  return /* @__PURE__ */ g.jsx(T, { title: i, description: b, tooltip: y, children: /* @__PURE__ */ g.jsx(
+    P,
+    {
+      clearable: !0,
+      searchable: !0,
+      isLoading: l.isLoading,
+      value: O,
+      options: x,
+      placeholder: D,
+      noOptionsMessage: F ? q.t("common.noOptionsFound") : void 0,
+      onChange: (t) => r == null ? void 0 : r(t),
+      onSearch: V,
+      avoidCollisions: !1
+    }
+  ) });
+}, W = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  MAX_OPTIONS: v,
+  default: c
+}, Symbol.toStringTag, { value: "Module" })), A = {
+  name: "SingleSelectFieldPro",
+  label: "Single Select Field",
+  category: "Dropdowns",
+  defaultWidth: 300,
+  defaultHeight: 120,
+  inputs: [
+    n.dataset,
+    { ...n.dimension, label: "Dimension (to load Dropdown values)" },
+    n.title,
+    n.description,
+    n.tooltip,
+    { ...n.placeholder, defaultValue: "Select value..." },
+    {
+      ...n.number,
+      name: "maxOptions",
+      label: "Maximum options",
+      category: "Component Settings",
+      defaultValue: v
+    },
+    {
+      ...n.string,
+      name: "selectedValue",
+      label: "Selected value",
+      category: "Pre-configured Variables"
+    },
+    {
+      ...n.dimension,
+      config: {
+        dataset: "dataset"
+      },
+      required: !1,
+      name: "optionalSecondDimension",
+      label: "Optional secondary dimension",
+      category: "Data Mapping for Interactions",
+      description: "Send a different dimension to embeddable when the user clicks. Must be unique."
+    }
+  ],
+  events: [
+    {
+      name: "onChange",
+      label: "Selected value updated",
+      properties: [
+        {
+          name: "value",
+          label: "Selected value",
+          type: "string"
+        }
+      ]
+    }
+  ],
+  variables: [
+    {
+      name: "single-select value",
+      type: "string",
+      defaultValue: d.noFilter(),
+      inputs: ["selectedValue"],
+      events: [{ name: "onChange", property: "value" }]
+    }
+  ]
+}, E = M(c, {
+  dimension: f.dimension,
+  results: f.results1Measure1Dimension,
+  onChange: () => null
+}), S = (e, o) => {
+  const a = e.dimension.nativeType === "string" ? "contains" : "equals";
+  return {
+    limit: e.maxOptions,
+    from: e.dataset,
+    select: [e.dimension, e.optionalSecondDimension].filter(Boolean),
+    filters: o != null && o.searchValue ? [{ operator: a, property: e.dimension, value: o.searchValue }] : void 0
+  };
+}, h = (e, o) => w(S(e, o)), I = (e, [o, a]) => ({
+  ...e,
+  maxOptions: e.maxOptions,
+  setSearchValue: (i) => a({ searchValue: i }),
+  results: h(e, o)
+}), L = {
+  onChange: (e) => e === "" ? { value: d.noFilter() } : {
+    value: e ?? d.noFilter()
+  }
+}, X = {
+  Component: c,
+  meta: A,
+  preview: E,
+  config: {
+    props: I,
+    events: L
+  },
+  results: {
+    loadDataArgs: S,
+    loadData: h
+  }
+};
+export {
+  W as i,
+  X as s
+};
+//# sourceMappingURL=definition-CPlHt0VT.js.map

package/dist/definition-CPlHt0VT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-CPlHt0VT.js","sources":["../src/components/editors/SingleSelectFieldPro/index.tsx","../src/components/editors/SingleSelectFieldPro/definition.ts"],"sourcesContent":["import { DataResponse, Dimension } from '@embeddable.com/core';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../theme/theme.types';\nimport { EditorCard, EditorCardHeaderProps } from '../shared/EditorCard/EditorCard';\nimport { resolveI18nProps } from '../../component.utils';\nimport { i18n } from '../../../theme/i18n/i18n';\nimport { SingleSelectField } from '@embeddable.com/remarkable-ui';\n\nexport const MAX_OPTIONS = 200;\n\nexport type SingleSelectFieldProProps = {\n  dimension: Dimension;\n  optionalSecondDimension?: Dimension;\n  placeholder?: string;\n  results: DataResponse;\n  selectedValue?: string;\n  maxOptions?: number;\n  setSearchValue?: (search: string) => void;\n  onChange?: (selectedValue: string) => void;\n} & EditorCardHeaderProps;\n\nconst SingleSelectFieldPro = (props: SingleSelectFieldProProps) => {\n  const theme: Theme = useTheme() as Theme;\n  const themeFormatter = getThemeFormatter(theme);\n\n  const { title, description, dimension, placeholder, tooltip } = resolveI18nProps(props);\n  const { optionalSecondDimension, results, selectedValue, setSearchValue, onChange } = props;\n\n  const options =\n    results.data?.map((data) => {\n      return {\n        value: optionalSecondDimension ? data[optionalSecondDimension.name] : data[dimension.name],\n        label: themeFormatter.data(dimension, data[dimension.name]),\n      };\n    }) ?? [];\n\n  const showNoOptionsMessage = Boolean(!results.isLoading && (results.data?.length ?? 0) === 0);\n\n  return (\n    <EditorCard title={title} description={description} tooltip={tooltip}>\n      <SingleSelectField\n        clearable\n        searchable\n        isLoading={results.isLoading}\n        value={selectedValue}\n        options={options}\n        placeholder={placeholder}\n        noOptionsMessage={showNoOptionsMessage ? i18n.t('common.noOptionsFound') : undefined}\n        onChange={(newValue: string) => onChange?.(newValue)}\n        onSearch={setSearchValue}\n        avoidCollisions={false}\n      />\n    </EditorCard>\n  );\n};\n\nexport default SingleSelectFieldPro;\n","import { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { Value, loadData, LoadDataRequest, DataResponse } from '@embeddable.com/core';\nimport Component, { MAX_OPTIONS } from '.';\nimport { inputs } from '../../component.inputs.constants';\nimport { previewData } from '../../preview.data.constants';\n\nconst meta = {\n  name: 'SingleSelectFieldPro',\n  label: 'Single Select Field',\n  category: 'Dropdowns',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    inputs.dataset,\n    { ...inputs.dimension, label: 'Dimension (to load Dropdown values)' },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    { ...inputs.placeholder, defaultValue: 'Select value...' },\n    {\n      ...inputs.number,\n      name: 'maxOptions',\n      label: 'Maximum options',\n      category: 'Component Settings',\n      defaultValue: MAX_OPTIONS,\n    },\n    {\n      ...inputs.string,\n      name: 'selectedValue',\n      label: 'Selected value',\n      category: 'Pre-configured Variables',\n    },\n    {\n      ...inputs.dimension,\n      config: {\n        dataset: 'dataset',\n      },\n      required: false,\n      name: 'optionalSecondDimension',\n      label: 'Optional secondary dimension',\n      category: 'Data Mapping for Interactions',\n      description: 'Send a different dimension to embeddable when the user clicks. Must be unique.',\n    },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'Selected value updated',\n      properties: [\n        {\n          name: 'value',\n          label: 'Selected value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'single-select value',\n      type: 'string',\n      defaultValue: Value.noFilter(),\n      inputs: ['selectedValue'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type SingleSelectDropdownState = {\n  searchValue?: string;\n};\n\nconst preview = definePreview(Component, {\n  dimension: previewData.dimension,\n  results: previewData.results1Measure1Dimension,\n  onChange: () => null,\n});\n\nconst loadDataResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  state?: SingleSelectDropdownState,\n): LoadDataRequest => {\n  const operator = inputs.dimension.nativeType === 'string' ? 'contains' : 'equals';\n  return {\n    limit: inputs.maxOptions,\n    from: inputs.dataset,\n    select: [inputs.dimension, inputs.optionalSecondDimension].filter(Boolean),\n    filters: state?.searchValue\n      ? [{ operator, property: inputs.dimension, value: state.searchValue }]\n      : undefined,\n  };\n};\n\nconst loadDataResults = (\n  inputs: Inputs<typeof meta>,\n  state?: SingleSelectDropdownState,\n): DataResponse => loadData(loadDataResultsArgs(inputs, state));\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [SingleSelectDropdownState, (state: SingleSelectDropdownState) => void],\n) => ({\n  ...inputs,\n  maxOptions: inputs.maxOptions,\n  setSearchValue: (searchValue: string) => setState({ searchValue }),\n  results: loadDataResults(inputs, state),\n});\n\nconst events = {\n  onChange: (selectedValue: string) => {\n    if (selectedValue === '') {\n      return { value: Value.noFilter() };\n    }\n\n    return {\n      value: selectedValue ?? Value.noFilter(),\n    };\n  },\n};\n\nexport const singleSelectFieldPro = {\n  Component,\n  meta,\n  preview,\n  config: {\n    props,\n    events,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n} as const;\n"],"names":["MAX_OPTIONS","SingleSelectFieldPro","props","theme","useTheme","themeFormatter","getThemeFormatter","title","description","dimension","placeholder","tooltip","resolveI18nProps","optionalSecondDimension","results","selectedValue","setSearchValue","onChange","options","_a","data","showNoOptionsMessage","_b","jsx","EditorCard","SingleSelectField","i18n","newValue","meta","inputs","Value","preview","definePreview","Component","previewData","loadDataResultsArgs","state","operator","loadDataResults","loadData","setState","searchValue","events","singleSelectFieldPro"],"mappings":";;;;;;AASO,MAAMA,IAAc,KAarBC,IAAuB,CAACC,MAAqC;;AACjE,QAAMC,IAAeC,EAAA,GACfC,IAAiBC,EAAkBH,CAAK,GAExC,EAAE,OAAAI,GAAO,aAAAC,GAAa,WAAAC,GAAW,aAAAC,GAAa,SAAAC,EAAA,IAAYC,EAAiBV,CAAK,GAChF,EAAE,yBAAAW,GAAyB,SAAAC,GAAS,eAAAC,GAAe,gBAAAC,GAAgB,UAAAC,MAAaf,GAEhFgB,MACJC,IAAAL,EAAQ,SAAR,gBAAAK,EAAc,IAAI,CAACC,OACV;AAAA,IACL,OAAOP,IAA0BO,EAAKP,EAAwB,IAAI,IAAIO,EAAKX,EAAU,IAAI;AAAA,IACzF,OAAOJ,EAAe,KAAKI,GAAWW,EAAKX,EAAU,IAAI,CAAC;AAAA,EAAA,QAExD,CAAA,GAEFY,IAA+B,CAACP,EAAQ,gBAAcQ,IAAAR,EAAQ,SAAR,gBAAAQ,EAAc,WAAU,OAAO;AAE3F,SACEC,gBAAAA,EAAAA,IAACC,GAAA,EAAW,OAAAjB,GAAc,aAAAC,GAA0B,SAAAG,GAClD,UAAAY,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,WAAS;AAAA,MACT,YAAU;AAAA,MACV,WAAWX,EAAQ;AAAA,MACnB,OAAOC;AAAA,MACP,SAAAG;AAAA,MACA,aAAAR;AAAA,MACA,kBAAkBW,IAAuBK,EAAK,EAAE,uBAAuB,IAAI;AAAA,MAC3E,UAAU,CAACC,MAAqBV,KAAA,gBAAAA,EAAWU;AAAA,MAC3C,UAAUX;AAAA,MACV,iBAAiB;AAAA,IAAA;AAAA,EAAA,GAErB;AAEJ;;;;8CCjDMY,IAAO;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACNC,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,WAAW,OAAO,sCAAA;AAAA,IAC9BA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,aAAa,cAAc,kBAAA;AAAA,IACvC;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,cAAc7B;AAAA,IAAA;AAAA,IAEhB;AAAA,MACE,GAAG6B,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,QAAQ;AAAA,QACN,SAAS;AAAA,MAAA;AAAA,MAEX,UAAU;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,aAAa;AAAA,IAAA;AAAA,EACf;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,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,GAMMC,IAAUC,EAAcC,GAAW;AAAA,EACvC,WAAWC,EAAY;AAAA,EACvB,SAASA,EAAY;AAAA,EACrB,UAAU,MAAM;AAClB,CAAC,GAEKC,IAAsB,CAC1BN,GACAO,MACoB;AACpB,QAAMC,IAAWR,EAAO,UAAU,eAAe,WAAW,aAAa;AACzE,SAAO;AAAA,IACL,OAAOA,EAAO;AAAA,IACd,MAAMA,EAAO;AAAA,IACb,QAAQ,CAACA,EAAO,WAAWA,EAAO,uBAAuB,EAAE,OAAO,OAAO;AAAA,IACzE,SAASO,KAAA,QAAAA,EAAO,cACZ,CAAC,EAAE,UAAAC,GAAU,UAAUR,EAAO,WAAW,OAAOO,EAAM,YAAA,CAAa,IACnE;AAAA,EAAA;AAER,GAEME,IAAkB,CACtBT,GACAO,MACiBG,EAASJ,EAAoBN,GAAQO,CAAK,CAAC,GAExDlC,IAAQ,CACZ2B,GACA,CAACO,GAAOI,CAAQ,OACZ;AAAA,EACJ,GAAGX;AAAAA,EACH,YAAYA,EAAO;AAAA,EACnB,gBAAgB,CAACY,MAAwBD,EAAS,EAAE,aAAAC,GAAa;AAAA,EACjE,SAASH,EAAgBT,GAAQO,CAAK;AACxC,IAEMM,IAAS;AAAA,EACb,UAAU,CAAC3B,MACLA,MAAkB,KACb,EAAE,OAAOe,EAAM,WAAS,IAG1B;AAAA,IACL,OAAOf,KAAiBe,EAAM,SAAA;AAAA,EAAS;AAG7C,GAEaa,IAAuB;AAAA,EAAA,WAClCV;AAAAA,EACA,MAAAL;AAAA,EACA,SAAAG;AAAA,EACA,QAAQ;AAAA,IACN,OAAA7B;AAAA,IACA,QAAAwC;AAAA,EAAA;AAAA,EAEF,SAAS;AAAA,IACP,cAAcP;AAAA,IACd,UAAUG;AAAA,EAAA;AAEd;"}

package/dist/definition-CRo-ay8-.js

@@ -0,0 +1,95 @@
+import { j as o, V as s } from "./Color.type.emb-BBdbJHvt.js";
+import { useTheme as g, definePreview as S } from "@embeddable.com/react";
+import { E as v } from "./EditorCard-drvq5XVw.js";
+import { a as h, r as b } from "./component.utils-DNw0iugA.js";
+import { D } from "./DimensionAndMeasureSingleSelectField-CuDSeRWL.js";
+import { i as e } from "./component.inputs.constants-DqFfoZ5R.js";
+import { p as t } from "./preview.data.constants-D0uQPYd1.js";
+const i = (n) => {
+  const l = g();
+  h(l);
+  const { selectedDimension: a, dimensionOptions: r, clearable: d, onChange: m } = n, { title: p, description: c, tooltip: u, placeholder: f } = b(n);
+  return /* @__PURE__ */ o.jsx(v, { title: p, description: c, tooltip: u, children: /* @__PURE__ */ o.jsx(
+    D,
+    {
+      selectedValue: a,
+      options: r,
+      placeholder: f,
+      clearable: d,
+      onChange: m
+    }
+  ) });
+}, M = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: i
+}, Symbol.toStringTag, { value: "Module" })), y = {
+  name: "DimensionSingleSelectFieldPro",
+  label: "Dimension Single Select Field",
+  category: "Dropdowns",
+  defaultWidth: 300,
+  defaultHeight: 120,
+  inputs: [
+    e.dataset,
+    e.title,
+    e.description,
+    e.tooltip,
+    { ...e.placeholder, defaultValue: "Select value..." },
+    e.dimensionOptions,
+    {
+      ...e.dimension,
+      name: "selectedDimension",
+      label: "Selected dimension",
+      category: "Pre-configured variables",
+      required: !1,
+      config: {
+        dataset: "dataset"
+      }
+    },
+    { ...e.clearable, defaultValue: !1 }
+  ],
+  events: [
+    {
+      name: "onChange",
+      label: "Selected dimension updated",
+      properties: [
+        {
+          name: "value",
+          label: "Selected dimension",
+          type: "dimension"
+        }
+      ]
+    }
+  ],
+  variables: [
+    {
+      name: "dimension single-select value",
+      type: "dimension",
+      defaultValue: s.noFilter(),
+      inputs: ["selectedDimension"],
+      events: [{ name: "onChange", property: "value" }]
+    }
+  ]
+}, C = S(i, {
+  dimensionOptions: [t.dimension, t.dimensionGroup],
+  onChange: () => null
+}), F = (n) => ({
+  ...n,
+  dimensionOptions: n.dimensionOptions ?? []
+}), O = {
+  onChange: (n) => ({
+    value: n ?? s.noFilter()
+  })
+}, T = {
+  Component: i,
+  meta: y,
+  preview: C,
+  config: {
+    props: F,
+    events: O
+  }
+};
+export {
+  T as d,
+  M as i
+};
+//# sourceMappingURL=definition-CRo-ay8-.js.map

package/dist/definition-CRo-ay8-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-CRo-ay8-.js","sources":["../src/components/editors/DimensionSingleSelectFieldPro/index.tsx","../src/components/editors/DimensionSingleSelectFieldPro/definition.ts"],"sourcesContent":["import { Dimension } from '@embeddable.com/core';\nimport { EditorCard } from '../shared/EditorCard/EditorCard';\nimport { resolveI18nProps } from '../../component.utils';\nimport { ChartCardHeaderProps } from '../../charts/shared/ChartCard/ChartCard';\nimport { Theme } from '../../../theme/theme.types';\nimport { useTheme } from '@embeddable.com/react';\nimport { i18nSetup } from '../../../theme/i18n/i18n';\nimport { DimensionAndMeasureSingleSelectField } from '../shared/DimensionAndMeasureSingleSelectField/DimensionAndMeasureSingleSelectField';\n\nexport type DimensionSingleSelectFieldProProps = {\n  selectedDimension?: Dimension;\n  dimensionOptions: Dimension[];\n  placeholder?: string;\n  clearable?: boolean;\n  onChange: (value: Dimension | undefined) => void;\n} & ChartCardHeaderProps;\n\nconst DimensionSingleSelectFieldPro = (props: DimensionSingleSelectFieldProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { selectedDimension, dimensionOptions, clearable, onChange } = props;\n  const { title, description, tooltip, placeholder } = resolveI18nProps(props);\n\n  return (\n    <EditorCard title={title} description={description} tooltip={tooltip}>\n      <DimensionAndMeasureSingleSelectField<Dimension>\n        selectedValue={selectedDimension}\n        options={dimensionOptions}\n        placeholder={placeholder}\n        clearable={clearable}\n        onChange={onChange}\n      />\n    </EditorCard>\n  );\n};\n\nexport default DimensionSingleSelectFieldPro;\n","import { Value } from '@embeddable.com/core';\nimport { EmbeddedComponentMeta, Inputs, definePreview } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../component.inputs.constants';\nimport { previewData } from '../../preview.data.constants';\n\nconst meta = {\n  name: 'DimensionSingleSelectFieldPro',\n  label: 'Dimension Single Select Field',\n  category: 'Dropdowns',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    inputs.dataset,\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    { ...inputs.placeholder, defaultValue: 'Select value...' },\n    inputs.dimensionOptions,\n    {\n      ...inputs.dimension,\n      name: 'selectedDimension',\n      label: 'Selected dimension',\n      category: 'Pre-configured variables',\n      required: false,\n      config: {\n        dataset: 'dataset',\n      },\n    },\n    { ...inputs.clearable, defaultValue: false },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'Selected dimension updated',\n      properties: [\n        {\n          name: 'value',\n          label: 'Selected dimension',\n          type: 'dimension',\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'dimension single-select value',\n      type: 'dimension',\n      defaultValue: Value.noFilter(),\n      inputs: ['selectedDimension'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst preview = definePreview(Component, {\n  dimensionOptions: [previewData.dimension, previewData.dimensionGroup],\n  onChange: () => null,\n});\n\nconst props = (inputs: Inputs<typeof meta>) => {\n  return {\n    ...inputs,\n    dimensionOptions: inputs.dimensionOptions ?? [],\n  };\n};\n\nconst events = {\n  onChange: (value: unknown) => {\n    return {\n      value: value ?? Value.noFilter(),\n    };\n  },\n};\n\nexport const dimensionSingleSelectFieldPro = {\n  Component,\n  meta,\n  preview,\n  config: {\n    props,\n    events,\n  },\n} as const;\n"],"names":["DimensionSingleSelectFieldPro","props","theme","useTheme","i18nSetup","selectedDimension","dimensionOptions","clearable","onChange","title","description","tooltip","placeholder","resolveI18nProps","jsx","EditorCard","DimensionAndMeasureSingleSelectField","meta","inputs","Value","preview","definePreview","Component","previewData","events","value","dimensionSingleSelectFieldPro"],"mappings":";;;;;;;AAiBA,MAAMA,IAAgC,CAACC,MAA8C;AACnF,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AAEf,QAAM,EAAE,mBAAAG,GAAmB,kBAAAC,GAAkB,WAAAC,GAAW,UAAAC,MAAaP,GAC/D,EAAE,OAAAQ,GAAO,aAAAC,GAAa,SAAAC,GAAS,aAAAC,EAAA,IAAgBC,EAAiBZ,CAAK;AAE3E,SACEa,gBAAAA,EAAAA,IAACC,GAAA,EAAW,OAAAN,GAAc,aAAAC,GAA0B,SAAAC,GAClD,UAAAG,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,eAAeX;AAAA,MACf,SAASC;AAAA,MACT,aAAAM;AAAA,MACA,WAAAL;AAAA,MACA,UAAAC;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;;;8CC7BMS,IAAO;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACNC,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,aAAa,cAAc,kBAAA;AAAA,IACvCA,EAAO;AAAA,IACP;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,UAAU;AAAA,MACV,QAAQ;AAAA,QACN,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,EAAE,GAAGA,EAAO,WAAW,cAAc,GAAA;AAAA,EAAM;AAAA,EAE7C,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,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,mBAAmB;AAAA,MAC5B,QAAQ,CAAC,EAAE,MAAM,YAAY,UAAU,SAAS;AAAA,IAAA;AAAA,EAClD;AAEJ,GAEMC,IAAUC,EAAcC,GAAW;AAAA,EACvC,kBAAkB,CAACC,EAAY,WAAWA,EAAY,cAAc;AAAA,EACpE,UAAU,MAAM;AAClB,CAAC,GAEKtB,IAAQ,CAACiB,OACN;AAAA,EACL,GAAGA;AAAAA,EACH,kBAAkBA,EAAO,oBAAoB,CAAA;AAAC,IAI5CM,IAAS;AAAA,EACb,UAAU,CAACC,OACF;AAAA,IACL,OAAOA,KAASN,EAAM,SAAA;AAAA,EAAS;AAGrC,GAEaO,IAAgC;AAAA,EAAA,WAC3CJ;AAAAA,EACA,MAAAL;AAAA,EACA,SAAAG;AAAA,EACA,QAAQ;AAAA,IACN,OAAAnB;AAAA,IACA,QAAAuB;AAAA,EAAA;AAEJ;"}