@embeddable.com/remarkable-pro 0.2.13 → 0.3.1

package/dist/{definition-Dm_lEl9O.js → definition-Cxq8rnHN.js}

@@ -1,32 +1,33 @@
-import { useTheme as g, definePreview as x } from "@embeddable.com/react";
-import { u as b, j as l, a6 as h, V as s } from "./index-7D6uMJ-C.js";
-import { useState as y, useEffect as C } from "react";
-import { E } from "./EditorCard-BcrwRhSA.js";
-import { a as F, r as P } from "./component.utils-Dua9clQJ.js";
-import { i as t } from "./component.inputs.constants-ByMVK7Vv.js";
-const a = (e) => {
-  const i = g();
-  F(i);
-  const { title: u, description: p, tooltip: d, placeholder: c = "" } = P(e), { value: m = "", onChange: n } = e, [o, f] = y(m), r = b((v) => {
+import { useTheme as g, definePreview as h } from "@embeddable.com/react";
+import { ae as x, a7 as l, U as b, V as i } from "./index-Cddhb628.js";
+import { useState as C, useEffect as F } from "react";
+import { E as P } from "./EditorCard-DOCprGOC.js";
+import { i as y, r as E } from "./component.utils-oQMZT7TK.js";
+import { i as t } from "./component.inputs.constants-BFlnzCwS.js";
+const r = (e) => {
+  const s = g();
+  y(s);
+  const { title: u, description: p, tooltip: d, placeholder: c = "" } = E(e), { value: m = "", onChange: n } = e, [a, f] = C(m), o = x((v) => {
     n == null || n(v);
   });
-  return C(() => {
-    r(o);
-  }, [o, r]), /* @__PURE__ */ l.jsx(E, { title: u, description: p, tooltip: d, children: /* @__PURE__ */ l.jsx(
-    h,
+  return F(() => {
+    o(a);
+  }, [a, o]), /* @__PURE__ */ l.jsx(P, { title: u, description: p, tooltip: d, children: /* @__PURE__ */ l.jsx(
+    b,
     {
-      value: o,
+      value: a,
       placeholder: c,
       onChange: f,
       clearable: !0
     }
   ) });
-}, H = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, D = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: a
+  default: r
 }, Symbol.toStringTag, { value: "Module" })), V = {
   name: "TextFieldPro",
   label: "Text Field",
+  description: "Free-text input field. Pairs with a string variable; emits onChange.",
   category: "Inputs",
   defaultWidth: 300,
   defaultHeight: 120,
@@ -59,31 +60,31 @@ const a = (e) => {
     {
       name: "text value",
       type: "string",
-      defaultValue: s.noFilter(),
+      defaultValue: i.noFilter(),
       inputs: ["value"],
       events: [{ name: "onChange", property: "value" }]
     }
   ]
-}, j = x(a, {
+}, T = h(r, {
   placeholder: "Enter text...",
   onChange: () => null
-}), T = (e) => ({
+}), j = (e) => ({
   ...e
 }), S = {
   onChange: (e) => ({
-    value: e === "" || e == null ? s.noFilter() : e
+    value: e === "" || e == null ? i.noFilter() : e
   })
-}, M = {
-  Component: a,
+}, H = {
+  Component: r,
   meta: V,
-  preview: j,
+  preview: T,
   config: {
-    props: T,
+    props: j,
     events: S
   }
 };
 export {
-  H as i,
-  M as t
+  D as i,
+  H as t
 };
-//# sourceMappingURL=definition-Dm_lEl9O.js.map
+//# sourceMappingURL=definition-Cxq8rnHN.js.map

package/dist/definition-Cxq8rnHN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-Cxq8rnHN.js","sources":["../src/components/editors/TextFieldPro/index.tsx","../src/components/editors/TextFieldPro/definition.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { TextField, useDebounce } from '@embeddable.com/remarkable-ui';\nimport { EditorCard, EditorCardHeaderProps } from '../shared/EditorCard/EditorCard';\nimport { resolveI18nProps } from '../../component.utils';\nimport { Theme } from '../../../theme/theme.types';\nimport { useTheme } from '@embeddable.com/react';\nimport { i18nSetup } from '../../../theme/i18n/i18n';\n\nexport type TextFieldProProps = {\n  value?: string;\n  placeholder?: string;\n  onChange?: (value: string) => void;\n} & EditorCardHeaderProps;\n\nconst TextFieldPro = (props: TextFieldProProps) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n  const { title, description, tooltip, placeholder = '' } = resolveI18nProps(props);\n  const { value = '', onChange } = props;\n\n  const [currentValue, setCurrentValue] = useState(value);\n\n  const debouncedUpdateState = useDebounce((newValue: string) => {\n    onChange?.(newValue);\n  });\n\n  useEffect(() => {\n    debouncedUpdateState(currentValue);\n  }, [currentValue, debouncedUpdateState]);\n\n  return (\n    <EditorCard title={title} description={description} tooltip={tooltip}>\n      <TextField\n        value={currentValue}\n        placeholder={placeholder}\n        onChange={setCurrentValue}\n        clearable\n      />\n    </EditorCard>\n  );\n};\n\nexport default TextFieldPro;\n","import { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { Value } from '@embeddable.com/core';\nimport Component from '.';\nimport { inputs } from '../../component.inputs.constants';\n\nconst meta = {\n  name: 'TextFieldPro',\n  label: 'Text Field',\n  description: 'Free-text input field. Pairs with a string variable; emits onChange.',\n  category: 'Inputs',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.placeholder,\n    {\n      ...inputs.string,\n      name: 'value',\n      label: 'Value',\n      category: 'Pre-configured Variables',\n    },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'Entered value updated',\n      properties: [\n        {\n          name: 'value',\n          label: 'Entered value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'text value',\n      type: 'string',\n      defaultValue: Value.noFilter(),\n      inputs: ['value'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst preview = definePreview(Component, {\n  placeholder: 'Enter text...',\n  onChange: () => null,\n});\n\nconst props = (inputs: Inputs<typeof meta>) => ({\n  ...inputs,\n});\n\nconst events = {\n  onChange: (value: string) => ({\n    value: value === '' || value == null ? Value.noFilter() : value,\n  }),\n};\n\nexport const textFieldPro = {\n  Component,\n  meta,\n  preview,\n  config: {\n    props,\n    events,\n  },\n} as const;\n"],"names":["TextFieldPro","props","theme","useTheme","i18nSetup","title","description","tooltip","placeholder","resolveI18nProps","value","onChange","currentValue","setCurrentValue","useState","debouncedUpdateState","useDebounce","newValue","useEffect","jsx","EditorCard","TextField","meta","inputs","Value","preview","definePreview","Component","events","textFieldPro"],"mappings":";;;;;;AAcA,MAAMA,IAAe,CAACC,MAA6B;AACjD,QAAMC,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AACf,QAAM,EAAE,OAAAG,GAAO,aAAAC,GAAa,SAAAC,GAAS,aAAAC,IAAc,GAAA,IAAOC,EAAiBR,CAAK,GAC1E,EAAE,OAAAS,IAAQ,IAAI,UAAAC,EAAA,IAAaV,GAE3B,CAACW,GAAcC,CAAe,IAAIC,EAASJ,CAAK,GAEhDK,IAAuBC,EAAY,CAACC,MAAqB;AAC7D,IAAAN,KAAA,QAAAA,EAAWM;AAAA,EACb,CAAC;AAED,SAAAC,EAAU,MAAM;AACd,IAAAH,EAAqBH,CAAY;AAAA,EACnC,GAAG,CAACA,GAAcG,CAAoB,CAAC,GAGrCI,gBAAAA,EAAAA,IAACC,GAAA,EAAW,OAAAf,GAAc,aAAAC,GAA0B,SAAAC,GAClD,UAAAY,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,OAAOT;AAAA,MACP,aAAAJ;AAAA,MACA,UAAUK;AAAA,MACV,WAAS;AAAA,IAAA;AAAA,EAAA,GAEb;AAEJ;;;8CCnCMS,IAAO;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,aAAa;AAAA,EACb,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACNC,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,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,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,OAAO;AAAA,MAChB,QAAQ,CAAC,EAAE,MAAM,YAAY,UAAU,SAAS;AAAA,IAAA;AAAA,EAClD;AAEJ,GAEMC,IAAUC,EAAcC,GAAW;AAAA,EACvC,aAAa;AAAA,EACb,UAAU,MAAM;AAClB,CAAC,GAEK1B,IAAQ,CAACsB,OAAiC;AAAA,EAC9C,GAAGA;AACL,IAEMK,IAAS;AAAA,EACb,UAAU,CAAClB,OAAmB;AAAA,IAC5B,OAAOA,MAAU,MAAMA,KAAS,OAAOc,EAAM,aAAad;AAAA,EAAA;AAE9D,GAEamB,IAAe;AAAA,EAAA,WAC1BF;AAAAA,EACA,MAAAL;AAAA,EACA,SAAAG;AAAA,EACA,QAAQ;AAAA,IACN,OAAAxB;AAAA,IACA,QAAA2B;AAAA,EAAA;AAEJ;"}

package/dist/{definition-Bb2wTO-c.js → definition-CyVZRIeo.js}

@@ -1,60 +1,61 @@
-import { useTheme as P, definePreview as y } from "@embeddable.com/react";
-import { c as b, j as c, S as C, V as p } from "./index-7D6uMJ-C.js";
-import { g as S, u as F, a as R } from "./dates.utils-pvbqdBFY.js";
-import { b as M, a as j, r as O, i as k } from "./component.utils-Dua9clQJ.js";
-import { E as x } from "./EditorCard-BcrwRhSA.js";
-import { useMemo as T, useEffect as D } from "react";
-import { C as d, i as t } from "./component.inputs.constants-ByMVK7Vv.js";
+import { useTheme as P, definePreview as b } from "@embeddable.com/react";
+import { X as y, a7 as d, E as C, V as c } from "./index-Cddhb628.js";
+import { c as S, u as F, b as R } from "./dates.utils-BS-h_mUI.js";
+import { b as M, i as k, r as O, a as j } from "./component.utils-oQMZT7TK.js";
+import { E as x } from "./EditorCard-DOCprGOC.js";
+import { useMemo as D, useEffect as T } from "react";
+import { C as p, i as t } from "./component.inputs.constants-BFlnzCwS.js";
 /**
  * @license @tabler/icons-react v3.44.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const _ = [["path", { d: "M11.795 21h-6.795a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v4", key: "svg-0" }], ["path", { d: "M14 18a4 4 0 1 0 8 0a4 4 0 1 0 -8 0", key: "svg-1" }], ["path", { d: "M15 3v4", key: "svg-2" }], ["path", { d: "M7 3v4", key: "svg-3" }], ["path", { d: "M3 11h16", key: "svg-4" }], ["path", { d: "M18 16.496v1.504l1 1", key: "svg-5" }]], L = b("outline", "calendar-time", "CalendarTime", _), E = (e, a) => !e || a.some((o) => o.value === e), I = (e, a) => e.map((o) => ({
-  rightLabel: a ? S(o.getRange(a), o.dateFormat) : "",
-  value: o.value,
-  label: M(o.label)
+const _ = [["path", { d: "M11.795 21h-6.795a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v4", key: "svg-0" }], ["path", { d: "M14 18a4 4 0 1 0 8 0a4 4 0 1 0 -8 0", key: "svg-1" }], ["path", { d: "M15 3v4", key: "svg-2" }], ["path", { d: "M7 3v4", key: "svg-3" }], ["path", { d: "M3 11h16", key: "svg-4" }], ["path", { d: "M18 16.496v1.504l1 1", key: "svg-5" }]], w = y("outline", "calendar-time", "CalendarTime", _), E = (e, o) => !e || o.some((a) => a.value === e), L = (e, o) => e.map((a) => ({
+  rightLabel: o ? S(a.getRange(o), a.dateFormat) : "",
+  value: a.value,
+  label: M(a.label)
 })), l = (e) => {
-  const a = P();
-  j(a);
-  const { description: o, placeholder: m, title: u, tooltip: g } = O(e), { comparisonPeriod: n, onChange: r } = e, i = a.defaults.comparisonPeriodsOptions, s = T(
-    () => E(n, i),
-    [n, i]
+  const o = P();
+  k(o);
+  const { description: a, placeholder: m, title: u, tooltip: g } = O(e), { comparisonPeriod: i, onChange: r } = e, n = o.defaults.comparisonPeriodsOptions, s = D(
+    () => E(i, n),
+    [i, n]
   );
-  D(() => {
+  T(() => {
     s || r(void 0);
   }, [s, r]);
-  const { dayjsLocaleReady: v } = F(), f = R(
+  const { dayjsLocaleReady: v } = F(), h = R(
     e.primaryDateRange,
-    a.defaults.dateRangesOptions,
-    a.clientContext.timezone
+    o.defaults.dateRangesOptions,
+    o.clientContext.timezone
   );
   if (!v)
     return null;
-  const h = I(
-    i,
-    f
+  const f = L(
+    n,
+    h
   );
-  return /* @__PURE__ */ c.jsx(x, { title: u, description: o, tooltip: g, children: /* @__PURE__ */ c.jsx(
+  return /* @__PURE__ */ d.jsx(x, { title: u, description: a, tooltip: g, children: /* @__PURE__ */ d.jsx(
     C,
     {
-      startIcon: L,
+      startIcon: w,
       clearable: !0,
       placeholder: m,
-      value: s ? n : void 0,
+      value: s ? i : void 0,
       onChange: r,
-      options: h,
-      noOptionsMessage: k.t("common.noOptionsAvailable"),
+      options: f,
+      noOptionsMessage: j.t("common.noOptionsAvailable"),
       avoidCollisions: !1
     }
   ) });
-}, K = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, J = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: l
-}, Symbol.toStringTag, { value: "Module" })), V = {
+}, Symbol.toStringTag, { value: "Module" })), I = {
   name: "ComparisonPeriodSelectFieldPro",
   label: "Comparison Period Select Field",
+  description: "Dropdown for picking a comparison period (e.g. the previous period or previous year). Pairs with a comparisonPeriod variable; emits onChange.",
   category: "Dropdowns - dates",
   defaultWidth: 300,
   defaultHeight: 120,
@@ -84,7 +85,7 @@ const _ = [["path", { d: "M11.795 21h-6.795a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h1
         {
           name: "value",
           label: "Selected comparison-period",
-          type: d
+          type: p
         }
       ]
     }
@@ -92,22 +93,22 @@ const _ = [["path", { d: "M11.795 21h-6.795a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h1
   variables: [
     {
       name: "comparison-period value",
-      type: d,
-      defaultValue: p.noFilter(),
+      type: p,
+      defaultValue: c.noFilter(),
       inputs: ["comparisonPeriod"],
       events: [{ name: "onChange", property: "value" }]
     }
   ]
-}, w = y(l, {
+}, V = b(l, {
   onChange: () => null
 }), A = (e) => e, z = {
   onChange: (e) => ({
-    value: e || p.noFilter()
+    value: e || c.noFilter()
   })
-}, Q = {
+}, K = {
   Component: l,
-  meta: V,
-  preview: w,
+  meta: I,
+  preview: V,
   config: {
     props: A,
     events: z
@@ -115,8 +116,8 @@ const _ = [["path", { d: "M11.795 21h-6.795a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h1
 };
 export {
   E as a,
-  Q as c,
-  I as g,
-  K as i
+  K as c,
+  L as g,
+  J as i
 };
-//# sourceMappingURL=definition-Bb2wTO-c.js.map
+//# sourceMappingURL=definition-CyVZRIeo.js.map

package/dist/{definition-Bb2wTO-c.js.map → definition-CyVZRIeo.js.map}

@@ -1 +1 @@
-{"version":3,"file":"definition-Bb2wTO-c.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconCalendarTime.mjs","../src/components/editors/ComparisonPeriodSelectFieldPro/ComparisonPeriodSelectFieldPro.utils.ts","../src/components/editors/ComparisonPeriodSelectFieldPro/index.tsx","../src/components/editors/ComparisonPeriodSelectFieldPro/definition.ts"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.44.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M11.795 21h-6.795a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v4\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M14 18a4 4 0 1 0 8 0a4 4 0 1 0 -8 0\", \"key\": \"svg-1\" }], [\"path\", { \"d\": \"M15 3v4\", \"key\": \"svg-2\" }], [\"path\", { \"d\": \"M7 3v4\", \"key\": \"svg-3\" }], [\"path\", { \"d\": \"M3 11h16\", \"key\": \"svg-4\" }], [\"path\", { \"d\": \"M18 16.496v1.504l1 1\", \"key\": \"svg-5\" }]];\nconst IconCalendarTime = createReactComponent(\"outline\", \"calendar-time\", \"CalendarTime\", __iconNode);\n\nexport { __iconNode, IconCalendarTime as default };\n//# sourceMappingURL=IconCalendarTime.mjs.map\n","import { SelectListOptionProps } from '@embeddable.com/remarkable-ui';\nimport { TimeRange } from '@embeddable.com/core';\nimport { ComparisonPeriodSelectFieldProOption } from './ComparisonPeriodSelectFieldPro.types';\nimport { resolveI18nString } from '../../component.utils';\nimport { getTimeRangeLabel } from '../dates/dates.utils';\n\n// Checks if the comparison period type is available in the embeddable types\nexport const isComparisonPeriodAvailable = (\n  option: string | undefined,\n  comparisonPeriodSelectFieldProOptions: ComparisonPeriodSelectFieldProOption[],\n): boolean => {\n  return !option || comparisonPeriodSelectFieldProOptions.some((opt) => opt.value === option);\n};\n\nexport const getComparisonPeriodSelectFieldProOptions = (\n  comparisonPeriodSelectFieldProOptions: ComparisonPeriodSelectFieldProOption[],\n  toCompareTimeRange: TimeRange,\n): SelectListOptionProps[] => {\n  return comparisonPeriodSelectFieldProOptions.map((option) => {\n    return {\n      rightLabel: toCompareTimeRange\n        ? getTimeRangeLabel(option.getRange(toCompareTimeRange), option.dateFormat)\n        : '',\n      value: option.value,\n      label: resolveI18nString(option.label),\n    };\n  });\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { SingleSelectField } from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../theme/theme.types';\nimport { useLoadDayjsLocale } from '../../../utils/date.utils';\nimport { TimeRange } from '@embeddable.com/core';\nimport { resolveI18nProps } from '../../component.utils';\nimport { EditorCard, EditorCardHeaderProps } from '../shared/EditorCard/EditorCard';\nimport { IconCalendarTime } from '@tabler/icons-react';\nimport { i18n, i18nSetup } from '../../../theme/i18n/i18n';\nimport {\n  getComparisonPeriodSelectFieldProOptions,\n  isComparisonPeriodAvailable,\n} from './ComparisonPeriodSelectFieldPro.utils';\nimport { useEffect, useMemo } from 'react';\nimport { getTimeRangeFromPresets } from '../dates/dates.utils';\n\nexport type DateComparisonSelectFieldPro = {\n  placeholder?: string;\n  primaryDateRange?: TimeRange;\n  comparisonPeriod?: string;\n  onChange: (newComparisonPeriod?: string | null) => void;\n} & EditorCardHeaderProps;\n\nconst DateComparisonSelectFieldPro = (props: DateComparisonSelectFieldPro) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { description, placeholder, title, tooltip } = resolveI18nProps(props);\n  const { comparisonPeriod, onChange } = props;\n\n  const comparisonPeriodOptions = theme.defaults.comparisonPeriodsOptions;\n\n  const comparisonPeriodAvailable = useMemo(\n    () => isComparisonPeriodAvailable(comparisonPeriod, comparisonPeriodOptions),\n    [comparisonPeriod, comparisonPeriodOptions],\n  );\n\n  // If the current comparison period is not available, reset the field\n  useEffect(() => {\n    if (!comparisonPeriodAvailable) {\n      onChange(undefined);\n    }\n  }, [comparisonPeriodAvailable, onChange]);\n\n  const { dayjsLocaleReady } = useLoadDayjsLocale();\n\n  // Obtain the actual range for the selected primaryDateRange\n  const primaryDateRange = getTimeRangeFromPresets(\n    props.primaryDateRange,\n    theme.defaults.dateRangesOptions,\n    theme.clientContext.timezone,\n  );\n\n  if (!dayjsLocaleReady) {\n    return null;\n  }\n\n  const options = getComparisonPeriodSelectFieldProOptions(\n    comparisonPeriodOptions,\n    primaryDateRange,\n  );\n\n  return (\n    <EditorCard title={title} description={description} tooltip={tooltip}>\n      <SingleSelectField\n        startIcon={IconCalendarTime}\n        clearable\n        placeholder={placeholder}\n        value={comparisonPeriodAvailable ? comparisonPeriod : undefined}\n        onChange={onChange}\n        options={options}\n        noOptionsMessage={i18n.t('common.noOptionsAvailable')}\n        avoidCollisions={false}\n      />\n    </EditorCard>\n  );\n};\n\nexport default DateComparisonSelectFieldPro;\n","import { EmbeddedComponentMeta, Inputs, definePreview } from '@embeddable.com/react';\nimport { Value } from '@embeddable.com/core';\nimport Component from './index';\nimport ComparisonPeriodType from '../../types/ComparisonPeriod.type.emb';\nimport { inputs } from '../../component.inputs.constants';\n\nconst meta = {\n  name: 'ComparisonPeriodSelectFieldPro',\n  label: 'Comparison Period Select Field',\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-comparison' },\n    {\n      ...inputs.timeRange,\n      name: 'primaryDateRange',\n      label: 'Primary date-range',\n      category: 'Pre-configured variables',\n      description: 'Pick the main time period. The comparison range is based on this selection.',\n    },\n    {\n      ...inputs.comparisonPeriod,\n      label: 'Selected comparison period',\n      category: 'Pre-configured variables',\n    },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'Selected comparison-period updated',\n      properties: [\n        {\n          name: 'value',\n          label: 'Selected comparison-period',\n          type: ComparisonPeriodType,\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'comparison-period value',\n      type: ComparisonPeriodType,\n      defaultValue: Value.noFilter(),\n      inputs: ['comparisonPeriod'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst preview = definePreview(Component, {\n  onChange: () => null,\n});\n\nconst props = (inputs: Inputs<typeof meta>) => inputs;\n\nconst events = {\n  onChange: (value: unknown) => {\n    return {\n      value: value || Value.noFilter(),\n    };\n  },\n};\n\nexport const comparisonPeriodSelectFieldPro = {\n  Component,\n  meta,\n  preview,\n  config: {\n    props,\n    events,\n  },\n} as const;\n"],"names":["__iconNode","IconCalendarTime","createReactComponent","isComparisonPeriodAvailable","option","comparisonPeriodSelectFieldProOptions","opt","getComparisonPeriodSelectFieldProOptions","toCompareTimeRange","getTimeRangeLabel","resolveI18nString","DateComparisonSelectFieldPro","props","theme","useTheme","i18nSetup","description","placeholder","title","tooltip","resolveI18nProps","comparisonPeriod","onChange","comparisonPeriodOptions","comparisonPeriodAvailable","useMemo","useEffect","dayjsLocaleReady","useLoadDayjsLocale","primaryDateRange","getTimeRangeFromPresets","options","jsx","EditorCard","SingleSelectField","i18n","meta","inputs","ComparisonPeriodType","Value","preview","definePreview","Component","events","value","comparisonPeriodSelectFieldPro"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"definition-CyVZRIeo.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconCalendarTime.mjs","../src/components/editors/ComparisonPeriodSelectFieldPro/ComparisonPeriodSelectFieldPro.utils.ts","../src/components/editors/ComparisonPeriodSelectFieldPro/index.tsx","../src/components/editors/ComparisonPeriodSelectFieldPro/definition.ts"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.44.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M11.795 21h-6.795a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v4\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M14 18a4 4 0 1 0 8 0a4 4 0 1 0 -8 0\", \"key\": \"svg-1\" }], [\"path\", { \"d\": \"M15 3v4\", \"key\": \"svg-2\" }], [\"path\", { \"d\": \"M7 3v4\", \"key\": \"svg-3\" }], [\"path\", { \"d\": \"M3 11h16\", \"key\": \"svg-4\" }], [\"path\", { \"d\": \"M18 16.496v1.504l1 1\", \"key\": \"svg-5\" }]];\nconst IconCalendarTime = createReactComponent(\"outline\", \"calendar-time\", \"CalendarTime\", __iconNode);\n\nexport { __iconNode, IconCalendarTime as default };\n//# sourceMappingURL=IconCalendarTime.mjs.map\n","import { SelectListOptionProps } from '@embeddable.com/remarkable-ui';\nimport { TimeRange } from '@embeddable.com/core';\nimport { ComparisonPeriodSelectFieldProOption } from './ComparisonPeriodSelectFieldPro.types';\nimport { resolveI18nString } from '../../component.utils';\nimport { getTimeRangeLabel } from '../dates/dates.utils';\n\n// Checks if the comparison period type is available in the embeddable types\nexport const isComparisonPeriodAvailable = (\n  option: string | undefined,\n  comparisonPeriodSelectFieldProOptions: ComparisonPeriodSelectFieldProOption[],\n): boolean => {\n  return !option || comparisonPeriodSelectFieldProOptions.some((opt) => opt.value === option);\n};\n\nexport const getComparisonPeriodSelectFieldProOptions = (\n  comparisonPeriodSelectFieldProOptions: ComparisonPeriodSelectFieldProOption[],\n  toCompareTimeRange: TimeRange,\n): SelectListOptionProps[] => {\n  return comparisonPeriodSelectFieldProOptions.map((option) => {\n    return {\n      rightLabel: toCompareTimeRange\n        ? getTimeRangeLabel(option.getRange(toCompareTimeRange), option.dateFormat)\n        : '',\n      value: option.value,\n      label: resolveI18nString(option.label),\n    };\n  });\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { SingleSelectField } from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../theme/theme.types';\nimport { useLoadDayjsLocale } from '../../../utils/date.utils';\nimport { TimeRange } from '@embeddable.com/core';\nimport { resolveI18nProps } from '../../component.utils';\nimport { EditorCard, EditorCardHeaderProps } from '../shared/EditorCard/EditorCard';\nimport { IconCalendarTime } from '@tabler/icons-react';\nimport { i18n, i18nSetup } from '../../../theme/i18n/i18n';\nimport {\n  getComparisonPeriodSelectFieldProOptions,\n  isComparisonPeriodAvailable,\n} from './ComparisonPeriodSelectFieldPro.utils';\nimport { useEffect, useMemo } from 'react';\nimport { getTimeRangeFromPresets } from '../dates/dates.utils';\n\nexport type DateComparisonSelectFieldPro = {\n  placeholder?: string;\n  primaryDateRange?: TimeRange;\n  comparisonPeriod?: string;\n  onChange: (newComparisonPeriod?: string | null) => void;\n} & EditorCardHeaderProps;\n\nconst DateComparisonSelectFieldPro = (props: DateComparisonSelectFieldPro) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { description, placeholder, title, tooltip } = resolveI18nProps(props);\n  const { comparisonPeriod, onChange } = props;\n\n  const comparisonPeriodOptions = theme.defaults.comparisonPeriodsOptions;\n\n  const comparisonPeriodAvailable = useMemo(\n    () => isComparisonPeriodAvailable(comparisonPeriod, comparisonPeriodOptions),\n    [comparisonPeriod, comparisonPeriodOptions],\n  );\n\n  // If the current comparison period is not available, reset the field\n  useEffect(() => {\n    if (!comparisonPeriodAvailable) {\n      onChange(undefined);\n    }\n  }, [comparisonPeriodAvailable, onChange]);\n\n  const { dayjsLocaleReady } = useLoadDayjsLocale();\n\n  // Obtain the actual range for the selected primaryDateRange\n  const primaryDateRange = getTimeRangeFromPresets(\n    props.primaryDateRange,\n    theme.defaults.dateRangesOptions,\n    theme.clientContext.timezone,\n  );\n\n  if (!dayjsLocaleReady) {\n    return null;\n  }\n\n  const options = getComparisonPeriodSelectFieldProOptions(\n    comparisonPeriodOptions,\n    primaryDateRange,\n  );\n\n  return (\n    <EditorCard title={title} description={description} tooltip={tooltip}>\n      <SingleSelectField\n        startIcon={IconCalendarTime}\n        clearable\n        placeholder={placeholder}\n        value={comparisonPeriodAvailable ? comparisonPeriod : undefined}\n        onChange={onChange}\n        options={options}\n        noOptionsMessage={i18n.t('common.noOptionsAvailable')}\n        avoidCollisions={false}\n      />\n    </EditorCard>\n  );\n};\n\nexport default DateComparisonSelectFieldPro;\n","import { EmbeddedComponentMeta, Inputs, definePreview } from '@embeddable.com/react';\nimport { Value } from '@embeddable.com/core';\nimport Component from './index';\nimport ComparisonPeriodType from '../../types/ComparisonPeriod.type.emb';\nimport { inputs } from '../../component.inputs.constants';\n\nconst meta = {\n  name: 'ComparisonPeriodSelectFieldPro',\n  label: 'Comparison Period Select Field',\n  description:\n    'Dropdown for picking a comparison period (e.g. the previous period or previous year). Pairs with a comparisonPeriod 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-comparison' },\n    {\n      ...inputs.timeRange,\n      name: 'primaryDateRange',\n      label: 'Primary date-range',\n      category: 'Pre-configured variables',\n      description: 'Pick the main time period. The comparison range is based on this selection.',\n    },\n    {\n      ...inputs.comparisonPeriod,\n      label: 'Selected comparison period',\n      category: 'Pre-configured variables',\n    },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'Selected comparison-period updated',\n      properties: [\n        {\n          name: 'value',\n          label: 'Selected comparison-period',\n          type: ComparisonPeriodType,\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'comparison-period value',\n      type: ComparisonPeriodType,\n      defaultValue: Value.noFilter(),\n      inputs: ['comparisonPeriod'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst preview = definePreview(Component, {\n  onChange: () => null,\n});\n\nconst props = (inputs: Inputs<typeof meta>) => inputs;\n\nconst events = {\n  onChange: (value: unknown) => {\n    return {\n      value: value || Value.noFilter(),\n    };\n  },\n};\n\nexport const comparisonPeriodSelectFieldPro = {\n  Component,\n  meta,\n  preview,\n  config: {\n    props,\n    events,\n  },\n} as const;\n"],"names":["__iconNode","IconCalendarTime","createReactComponent","isComparisonPeriodAvailable","option","comparisonPeriodSelectFieldProOptions","opt","getComparisonPeriodSelectFieldProOptions","toCompareTimeRange","getTimeRangeLabel","resolveI18nString","DateComparisonSelectFieldPro","props","theme","useTheme","i18nSetup","description","placeholder","title","tooltip","resolveI18nProps","comparisonPeriod","onChange","comparisonPeriodOptions","comparisonPeriodAvailable","useMemo","useEffect","dayjsLocaleReady","useLoadDayjsLocale","primaryDateRange","getTimeRangeFromPresets","options","jsx","EditorCard","SingleSelectField","i18n","meta","inputs","ComparisonPeriodType","Value","preview","definePreview","Component","events","value","comparisonPeriodSelectFieldPro"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/{definition-Dc4uLUUw.js → definition-D2btBhd5.js}

@@ -1,30 +1,31 @@
 import { useTheme as y, definePreview as f } from "@embeddable.com/react";
-import { j as l, V as b } from "./index-7D6uMJ-C.js";
-import { G as e, i as a } from "./component.inputs.constants-ByMVK7Vv.js";
-import { a as v, r as h } from "./component.utils-Dua9clQJ.js";
-import { E as S } from "./EditorCard-BcrwRhSA.js";
-import { G as P } from "./GranularitySelectField-ClAB7oCR.js";
+import { a7 as i, V as b } from "./index-Cddhb628.js";
+import { G as e, i as a } from "./component.inputs.constants-BFlnzCwS.js";
+import { i as v, r as h } from "./component.utils-oQMZT7TK.js";
+import { E as S } from "./EditorCard-DOCprGOC.js";
+import { G as P } from "./GranularitySelectField-Cohuw09B.js";
 const t = (r) => {
   const n = y();
   v(n);
-  const { granularity: i, granularities: o, clearable: u, primaryTimeRange: s, onChange: c } = r, { description: d, tooltip: g, placeholder: p, title: m } = h(r);
-  return /* @__PURE__ */ l.jsx(S, { title: m, description: d, tooltip: g, children: /* @__PURE__ */ l.jsx(
+  const { granularity: l, granularities: o, clearable: u, primaryTimeRange: s, onChange: d } = r, { description: c, tooltip: p, placeholder: g, title: m } = h(r);
+  return /* @__PURE__ */ i.jsx(S, { title: m, description: c, tooltip: p, children: /* @__PURE__ */ i.jsx(
     P,
     {
       clearable: u,
-      placeholder: p,
-      granularity: i,
+      placeholder: g,
+      granularity: l,
       granularities: o,
       primaryTimeRange: s,
-      onChange: c
+      onChange: d
     }
   ) });
-}, E = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, k = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: t
 }, Symbol.toStringTag, { value: "Module" })), C = {
   name: "GranularitySelectFieldPro",
   label: "Granularity Select Field",
+  description: "Dropdown for picking time granularity (day, week, month, …). Pairs with a granularity variable used as a sub-input on a time dimension.",
   category: "Dropdowns - dates",
   defaultWidth: 300,
   defaultHeight: 120,
@@ -74,7 +75,7 @@ const t = (r) => {
       events: [{ name: "onChange", property: "value" }]
     }
   ]
-}, G = f(t, {
+}, w = f(t, {
   granularities: [
     e.second,
     e.minute,
@@ -86,23 +87,23 @@ const t = (r) => {
     e.year
   ],
   onChange: () => null
-}), j = (r) => ({
+}), G = (r) => ({
   ...r
 }), x = {
   onChange: (r) => ({
     value: r ?? b.noFilter()
   })
-}, O = {
+}, E = {
   Component: t,
   meta: C,
-  preview: G,
+  preview: w,
   config: {
-    props: j,
+    props: G,
     events: x
   }
 };
 export {
-  O as g,
-  E as i
+  E as g,
+  k as i
 };
-//# sourceMappingURL=definition-Dc4uLUUw.js.map
+//# sourceMappingURL=definition-D2btBhd5.js.map

package/dist/definition-D2btBhd5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-D2btBhd5.js","sources":["../src/components/editors/GranularitySelectFieldPro/index.tsx","../src/components/editors/GranularitySelectFieldPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { TimeRange } from '@embeddable.com/core';\nimport { Theme } from '../../../theme/theme.types';\nimport { i18nSetup } from '../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../component.utils';\nimport { EditorCard, EditorCardHeaderProps } from '../shared/EditorCard/EditorCard';\nimport { TGranularityValue } from '../../../theme/defaults/defaults.GranularityOptions.constants';\nimport { GranularitySelectField } from '../shared/GranularitySelectField/GranularitySelectField';\n\nexport type GranularitySelectFieldProProps = {\n  onChange: (newGranularity: string) => void;\n  placeholder?: string;\n  primaryTimeRange?: TimeRange;\n  granularity?: TGranularityValue;\n  granularities?: TGranularityValue[];\n  clearable?: boolean;\n} & EditorCardHeaderProps;\n\nconst GranularitySelectFieldPro = (props: GranularitySelectFieldProProps) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { granularity, granularities, clearable, primaryTimeRange, onChange } = props;\n  const { description, tooltip, placeholder, title } = resolveI18nProps(props);\n\n  return (\n    <EditorCard title={title} description={description} tooltip={tooltip}>\n      <GranularitySelectField\n        clearable={clearable}\n        placeholder={placeholder}\n        granularity={granularity}\n        granularities={granularities}\n        primaryTimeRange={primaryTimeRange}\n        onChange={onChange}\n      />\n    </EditorCard>\n  );\n};\n\nexport default GranularitySelectFieldPro;\n","import { EmbeddedComponentMeta, Inputs, definePreview } from '@embeddable.com/react';\nimport { Value } from '@embeddable.com/core';\nimport { inputs } from '../../component.inputs.constants';\nimport { Granularity } from '../../../theme/defaults/defaults.GranularityOptions.constants';\nimport Component from './index';\n\nconst meta = {\n  name: 'GranularitySelectFieldPro',\n  label: 'Granularity Select Field',\n  description:\n    'Dropdown for picking time granularity (day, week, month, …). Pairs with a granularity variable used as a sub-input on a time dimension.',\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 granularity' },\n    {\n      ...inputs.granularities,\n      label: 'Available granularities',\n      category: 'Pre-configured variables',\n    },\n    {\n      ...inputs.granularity,\n      label: 'Selected granularity',\n      category: 'Pre-configured variables',\n    },\n    {\n      ...inputs.timeRange,\n      name: 'primaryTimeRange',\n      label: 'Primary date-range',\n      description:\n        'Connect your primary date-range variable to enable automatic selection of the most appropriate granularity',\n      category: 'Pre-configured variables',\n    },\n    { ...inputs.clearable, defaultValue: false },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'Selected granularity updated',\n      properties: [\n        {\n          name: 'value',\n          label: 'Selected granularity',\n          type: 'granularity',\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'granularity value',\n      type: 'granularity',\n      defaultValue: 'day',\n      inputs: ['granularity'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst preview = definePreview(Component, {\n  granularities: [\n    Granularity.second,\n    Granularity.minute,\n    Granularity.hour,\n    Granularity.day,\n    Granularity.week,\n    Granularity.month,\n    Granularity.quarter,\n    Granularity.year,\n  ],\n  onChange: () => null,\n});\n\nconst props = (inputs: Inputs<typeof meta>) => {\n  return {\n    ...inputs,\n  };\n};\n\nconst events = {\n  onChange: (granularity: unknown) => ({\n    value: granularity ?? Value.noFilter(),\n  }),\n};\n\nexport const granularitySelectFieldPro = {\n  Component,\n  meta,\n  preview,\n  config: {\n    props,\n    events,\n  },\n} as const;\n"],"names":["GranularitySelectFieldPro","props","theme","useTheme","i18nSetup","granularity","granularities","clearable","primaryTimeRange","onChange","description","tooltip","placeholder","title","resolveI18nProps","jsx","EditorCard","GranularitySelectField","meta","inputs","preview","definePreview","Component","Granularity","events","Value","granularitySelectFieldPro"],"mappings":";;;;;;AAkBA,MAAMA,IAA4B,CAACC,MAA0C;AAC3E,QAAMC,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAM,EAAE,aAAAG,GAAa,eAAAC,GAAe,WAAAC,GAAW,kBAAAC,GAAkB,UAAAC,MAAaR,GACxE,EAAE,aAAAS,GAAa,SAAAC,GAAS,aAAAC,GAAa,OAAAC,EAAA,IAAUC,EAAiBb,CAAK;AAE3E,SACEc,gBAAAA,EAAAA,IAACC,GAAA,EAAW,OAAAH,GAAc,aAAAH,GAA0B,SAAAC,GAClD,UAAAI,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,WAAAV;AAAA,MACA,aAAAK;AAAA,MACA,aAAAP;AAAA,MACA,eAAAC;AAAA,MACA,kBAAAE;AAAA,MACA,UAAAC;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;;;8CC/BMS,IAAO;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,uBAAA;AAAA,IACvC;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aACE;AAAA,MACF,UAAU;AAAA,IAAA;AAAA,IAEZ,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,cAAc;AAAA,MACd,QAAQ,CAAC,aAAa;AAAA,MACtB,QAAQ,CAAC,EAAE,MAAM,YAAY,UAAU,SAAS;AAAA,IAAA;AAAA,EAClD;AAEJ,GAEMC,IAAUC,EAAcC,GAAW;AAAA,EACvC,eAAe;AAAA,IACbC,EAAY;AAAA,IACZA,EAAY;AAAA,IACZA,EAAY;AAAA,IACZA,EAAY;AAAA,IACZA,EAAY;AAAA,IACZA,EAAY;AAAA,IACZA,EAAY;AAAA,IACZA,EAAY;AAAA,EAAA;AAAA,EAEd,UAAU,MAAM;AAClB,CAAC,GAEKtB,IAAQ,CAACkB,OACN;AAAA,EACL,GAAGA;AAAA,IAIDK,IAAS;AAAA,EACb,UAAU,CAACnB,OAA0B;AAAA,IACnC,OAAOA,KAAeoB,EAAM,SAAA;AAAA,EAAS;AAEzC,GAEaC,IAA4B;AAAA,EAAA,WACvCJ;AAAAA,EACA,MAAAJ;AAAA,EACA,SAAAE;AAAA,EACA,QAAQ;AAAA,IACN,OAAAnB;AAAA,IACA,QAAAuB;AAAA,EAAA;AAEJ;"}

package/dist/{definition-Dio9hM3U.js → definition-D7OtKl-K.js}

@@ -1,13 +1,13 @@
-import { j as x, Z as ie, l as F } from "./index-7D6uMJ-C.js";
+import { a7 as C, u as ie, a8 as F } from "./index-Cddhb628.js";
 import { useTheme as re, definePreview as le } from "@embeddable.com/react";
-import { a as me, r as ue, i as de } from "./component.utils-Dua9clQJ.js";
-import { C as ce } from "./ChartCard-DXg1i7Y2.js";
-import { useRef as we, useState as C, useEffect as pe } from "react";
-import { u as A } from "./charts.fillGaps.hooks-DwMWViua.js";
-import { g as M } from "./formatter.utils-Y14po21h.js";
-import { u as be } from "./tables.hooks-fVC_4V5K.js";
-import { i as a, s as f } from "./component.inputs.constants-ByMVK7Vv.js";
-import { p } from "./preview.data.constants-BSjhK_tx.js";
+import { i as me, r as ue, a as de } from "./component.utils-oQMZT7TK.js";
+import { C as ce } from "./ChartCard-CZ0PnrNg.js";
+import { useRef as we, useState as x, useEffect as be } from "react";
+import { u as A } from "./charts.fillGaps.hooks-CxXM5Ff3.js";
+import { b as M } from "./formatter.utils-Dm_mQlX1.js";
+import { u as pe } from "./tables.hooks-fVC_4V5K.js";
+import { i as a, s as f } from "./component.inputs.constants-BFlnzCwS.js";
+import { p as b } from "./preview.data.constants-HvHDcvh2.js";
 import { g as B } from "./clientContext.utils-DpB5KsfX.js";
 const Re = (e, o) => {
   const s = M(o);
@@ -35,7 +35,7 @@ const Re = (e, o) => {
   var s;
   return (s = o.inputs) == null ? void 0 : s.showRowTotal;
 }).map((o) => o.name), ge = (e, o, s = "asc") => [...e].sort((n, i) => n[o] < i[o] ? s === "asc" ? -1 : 1 : n[o] > i[o] ? s === "asc" ? 1 : -1 : 0), g = (e) => {
-  var v, y;
+  var y, v;
   const o = re();
   me(o);
   const { title: s, description: n, tooltip: i } = ue(e), {
@@ -48,7 +48,7 @@ const Re = (e, o) => {
     columnWidth: L,
     firstColumnWidth: k,
     hideMenu: _,
-    expandedRowKeys: b,
+    expandedRowKeys: p,
     setExpandedRowKey: I
   } = e, K = Array.from(
     new Set((e.results.data ?? []).filter(Boolean).map((l) => l[c.name]))
@@ -60,21 +60,21 @@ const Re = (e, o) => {
   }), V = A({
     results: q,
     dimension: r
-  }), Z = be({
+  }), H = pe({
     results: V,
     columnOrder: K,
     rowOrder: N,
     columnDimension: c,
     rowDimension: r,
     measures: m
-  }), H = we(null), J = Re({ measures: m, displayNullAs: G }, o), Q = h({ dimension: r }, o), U = u ? h({ dimension: u }, o) : void 0, X = h({ dimension: c }, o), Y = fe(m), $ = he(m), [ee, D] = C(/* @__PURE__ */ new Set()), [oe, se] = C(/* @__PURE__ */ new Map()), ne = (l) => {
+  }), J = we(null), Q = Re({ measures: m, displayNullAs: G }, o), U = h({ dimension: r }, o), X = u ? h({ dimension: u }, o) : void 0, Y = h({ dimension: c }, o), Z = fe(m), $ = he(m), [ee, D] = x(/* @__PURE__ */ new Set()), [oe, se] = x(/* @__PURE__ */ new Map()), ne = (l) => {
     D((d) => new Set(d).add(l)), I(l);
   };
-  pe(() => {
-    if (!t || !(t != null && t.data) || b.length === 0)
+  be(() => {
+    if (!t || !(t != null && t.data) || p.length === 0)
       return;
     const l = /* @__PURE__ */ new Map();
-    b.forEach((d) => {
+    p.forEach((d) => {
       var S, T;
       if ((S = t.data) == null ? void 0 : S.some(
         (w) => String(w[r.name]) === d
@@ -86,49 +86,50 @@ const Re = (e, o) => {
         });
       }
     }), se(l);
-  }, [t, b, r, u]);
+  }, [t, p, r, u]);
   const te = {
     ...e.results,
-    isLoading: !!((v = e.results) != null && v.isLoading || t != null && t.isLoading)
+    isLoading: !!((y = e.results) != null && y.isLoading || t != null && t.isLoading)
   };
-  return /* @__PURE__ */ x.jsx(
+  return /* @__PURE__ */ C.jsx(
     ce,
     {
-      ref: H,
+      ref: J,
       title: s,
       description: n,
       tooltip: i,
       data: te,
       dimensionsAndMeasures: [r, c, ...m],
-      errorMessage: (y = e.results) == null ? void 0 : y.error,
+      errorMessage: (v = e.results) == null ? void 0 : v.error,
       hideMenu: _,
-      children: /* @__PURE__ */ x.jsx(
+      children: /* @__PURE__ */ C.jsx(
         ie,
         {
           firstColumnWidth: k,
           columnWidth: L,
           totalLabel: de.t("charts.pivotTable.total"),
-          data: Z,
-          measures: J,
-          rowDimension: Q,
-          columnDimension: X,
-          columnTotalsFor: Y,
+          data: H,
+          measures: Q,
+          rowDimension: U,
+          columnDimension: Y,
+          columnTotalsFor: Z,
           rowTotalsFor: $,
           expandableRows: !!u,
           subRowsByRow: oe,
           loadingRows: ee,
           onRowExpand: ne,
-          subRowDimension: U
+          subRowDimension: X
         }
       )
     }
   );
-}, ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Oe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: g
 }, Symbol.toStringTag, { value: "Module" })), De = {
   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,
@@ -194,21 +195,21 @@ const Re = (e, o) => {
     a.maxResults
   ]
 }, E = {
-  measures: [{ ...p.measure, inputs: { showRowTotal: !0, showColumnTotal: !0 } }],
-  rowDimension: p.dimension,
-  columnDimension: p.dimensionGroup,
-  results: p.results1Measure2Dimensions,
+  measures: [{ ...b.measure, inputs: { showRowTotal: !0, showColumnTotal: !0 } }],
+  rowDimension: b.dimension,
+  columnDimension: b.dimensionGroup,
+  results: b.results1Measure2Dimensions,
   hideMenu: !0,
   expandedRowKeys: [],
   setExpandedRowKey: () => {
   }
-}, ve = le(g, E), W = (e, o) => ({
+}, ye = le(g, E), W = (e, o) => ({
   from: e.dataset,
   select: [e.rowDimension, e.columnDimension, ...e.measures],
   limit: e.maxResults,
   countRows: !0,
   timezone: B(o == null ? void 0 : o.timezone)
-}), j = (e, o) => F(W(e, o)), z = (e, o, s) => ({
+}), z = (e, o) => F(W(e, o)), O = (e, o, s) => ({
   from: e.dataset,
   select: [e.rowDimension, e.subRowDimension, e.columnDimension, ...e.measures],
   limit: e.maxResults,
@@ -221,34 +222,34 @@ const Re = (e, o) => {
       value: o
     }
   ]
-}), O = (e, o, s) => {
+}), j = (e, o, s) => {
   if (o.length > 0)
-    return F(z(e, o, s));
-}, ye = (e, [o, s], n) => {
+    return F(O(e, o, s));
+}, ve = (e, [o, s], n) => {
   const i = (o == null ? void 0 : o.expandedRowKeys) ?? [];
   return {
     ...e,
     state: o,
     expandedRowKeys: i,
     setExpandedRowKey: (t) => s({ expandedRowKeys: [...i, t] }),
-    results: j(e, n),
-    resultsSubRows: O(e, i, n)
+    results: z(e, n),
+    resultsSubRows: j(e, i, n)
   };
-}, Oe = {
+}, je = {
   Component: g,
   meta: De,
-  preview: ve,
+  preview: ye,
   previewConfig: E,
   config: {
-    props: ye
+    props: ve
   },
   results: {
     loadDataArgs: W,
-    loadData: j
+    loadData: z
   },
   resultsSubRows: {
-    loadDataArgs: z,
-    loadData: O
+    loadDataArgs: O,
+    loadData: j
   }
 };
 export {
@@ -256,7 +257,7 @@ export {
   Re as b,
   he as c,
   fe as g,
-  ze as i,
-  Oe as p
+  Oe as i,
+  je as p
 };
-//# sourceMappingURL=definition-Dio9hM3U.js.map
+//# sourceMappingURL=definition-D7OtKl-K.js.map