@embeddable.com/remarkable-pro 0.0.11 → 0.0.12

package/dist/BarChartDefaultHorizontalPro.js

@@ -1,7 +1,7 @@
-import { V as e, l as s } from "./index-DjwSlZQY.js";
+import { V as e, l as s } from "./index-CIy-fCZE.js";
 import { defineComponent as o } from "@embeddable.com/react";
-import { B as r } from "./index-Dfh1KgI5.js";
-import { v as i, E as t, z as l, F as n, G as m, I as x, J as u, K as d, M as c, N as f, O as h, R as p, U as D, V as b, X as B } from "./component.constants-DmK3uQGY.js";
+import { B as r } from "./index-a51EknRg.js";
+import { v as i, E as t, z as l, F as n, G as m, I as x, J as u, K as d, M as c, N as f, O as h, R as p, U as D, V as b, X as B } from "./component.constants-5pSEkTqN.js";
 const C = {
   name: "BarChartDefaultHorizontalPro",
   label: "Bar Chart - Default Horizontal",

package/dist/BarChartDefaultPro.js

@@ -1,7 +1,7 @@
-import { V as e, l as s } from "./index-DjwSlZQY.js";
+import { V as e, l as s } from "./index-CIy-fCZE.js";
 import { defineComponent as r } from "@embeddable.com/react";
-import { B as i } from "./index-jqEl3LLC.js";
-import { v as t, E as o, z as l, F as n, G as m, I as x, J as u, K as d, M as c, N as f, O as h, P as p, S as D, T as b, W as B } from "./component.constants-DmK3uQGY.js";
+import { B as i } from "./index-D67Dqwl6.js";
+import { v as t, E as o, z as l, F as n, G as m, I as x, J as u, K as d, M as c, N as f, O as h, P as p, S as D, T as b, W as B } from "./component.constants-5pSEkTqN.js";
 const C = {
   name: "BarChartDefaultPro",
   label: "Bar Chart - Default",

package/dist/BarChartGroupedHorizontalPro.js

@@ -1,7 +1,7 @@
-import { V as e, l as s } from "./index-DjwSlZQY.js";
+import { V as e, l as s } from "./index-CIy-fCZE.js";
 import { defineComponent as o } from "@embeddable.com/react";
-import { B as i } from "./index-B92AHN8Y.js";
-import { v as r, D as n, z as l, w as t, F as m, G as u, H as p, I as d, J as x, K as g, M as c, N as V, O as b, R as h, U as B, V as D } from "./component.constants-DmK3uQGY.js";
+import { B as i } from "./index-Bz-jqsH6.js";
+import { v as r, D as n, z as l, w as t, F as m, G as u, H as p, I as d, J as x, K as g, M as c, N as V, O as b, R as h, U as B, V as D } from "./component.constants-5pSEkTqN.js";
 const C = {
   name: "BarChartGroupedHorizontalPro",
   label: "Bar Chart - Grouped Horizontal",

package/dist/BarChartGroupedPro.js

@@ -1,7 +1,7 @@
-import { V as a, l as s } from "./index-DjwSlZQY.js";
+import { V as a, l as s } from "./index-CIy-fCZE.js";
 import { defineComponent as i } from "@embeddable.com/react";
-import { B as r } from "./index-DSk9EA7t.js";
-import { v as o, D as n, z as l, w as t, F as m, G as u, H as p, I as d, J as x, K as g, M as c, N as b, O as V, P as h, S as B, T as D } from "./component.constants-DmK3uQGY.js";
+import { B as r } from "./index-C58x29od.js";
+import { v as o, D as n, z as l, w as t, F as m, G as u, H as p, I as d, J as x, K as g, M as c, N as b, O as V, P as h, S as B, T as D } from "./component.constants-5pSEkTqN.js";
 const C = {
   name: "BarChartGroupedPro",
   label: "Bar Chart - Grouped",

package/dist/BarChartStackedHorizontalPro.js

@@ -1,7 +1,7 @@
-import { V as e, l as s } from "./index-DjwSlZQY.js";
+import { V as e, l as s } from "./index-CIy-fCZE.js";
 import { defineComponent as i } from "@embeddable.com/react";
-import { B as o } from "./index-BEM0olHp.js";
-import { v as r, D as l, z as n, w as t, F as m, G as u, H as d, I as x, J as c, K as p, M as g, N as b, O as V, R as h, U as B, V as D, L as C } from "./component.constants-DmK3uQGY.js";
+import { B as o } from "./index-BvBc86AB.js";
+import { v as r, D as l, z as n, w as t, F as m, G as u, H as d, I as x, J as c, K as p, M as g, N as b, O as V, R as h, U as B, V as D, L as C } from "./component.constants-5pSEkTqN.js";
 const f = {
   name: "BarChartStackedHorizontalPro",
   label: "Bar Chart - Stacked Horizontal",

package/dist/BarChartStackedPro.js

@@ -1,7 +1,7 @@
-import { V as e, l as s } from "./index-DjwSlZQY.js";
+import { V as e, l as s } from "./index-CIy-fCZE.js";
 import { defineComponent as i } from "@embeddable.com/react";
-import { B as o } from "./index-CbWn6WMr.js";
-import { v as r, D as l, z as n, w as t, F as m, G as u, H as d, I as x, J as c, K as p, M as g, N as b, O as h, P as V, S as B, T as D, L as C } from "./component.constants-DmK3uQGY.js";
+import { B as o } from "./index-By4dAXWS.js";
+import { v as r, D as l, z as n, w as t, F as m, G as u, H as d, I as x, J as c, K as p, M as g, N as b, O as h, P as V, S as B, T as D, L as C } from "./component.constants-5pSEkTqN.js";
 const f = {
   name: "BarChartStackedPro",
   label: "Bar Chart - Stacked",

package/dist/{ChartCard-uZBftDKk.js → ChartCard-F1fMKsD4.js}

@@ -1,29 +1,29 @@
-import { s as R, j as t, t as I, v as S, w as L, x as N, A as k, C as D, p as M, y as x, q as b, z as w, r as _ } from "./index-DjwSlZQY.js";
-import f, { useRef as T } from "react";
+import { t as R, j as t, Q as I, x as S, y as L, z as N, A as k, C as D, q as M, R as x, r as b, U as T, s as _ } from "./index-CIy-fCZE.js";
+import f, { useRef as w } from "react";
 import { useTheme as j } from "@embeddable.com/react";
-import { a as p, i as m, a0 as A } from "./component.constants-DmK3uQGY.js";
+import { a as p, i as m, a0 as A } from "./component.constants-5pSEkTqN.js";
 /**
  * @license @tabler/icons-react v3.36.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const F = [["path", { d: "M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-0" }], ["path", { d: "M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-1" }], ["path", { d: "M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-2" }]], $ = R("outline", "dots-vertical", "DotsVertical", F), E = "_chartCard_84eo6_1", H = "_fixedContent_84eo6_6", O = "_loading_84eo6_13", P = "_hidden_84eo6_18", V = "_chartCardRightContent_84eo6_22", o = {
+const F = [["path", { d: "M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-0" }], ["path", { d: "M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-1" }], ["path", { d: "M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-2" }]], $ = R("outline", "dots-vertical", "DotsVertical", F), E = "_chartCard_84eo6_1", H = "_fixedContent_84eo6_6", O = "_loading_84eo6_13", P = "_hidden_84eo6_18", U = "_chartCardRightContent_84eo6_22", o = {
   chartCard: E,
   fixedContent: H,
   loading: O,
   hidden: P,
-  chartCardRightContent: V
-}, q = "_loading_1amm4_7", z = {
-  loading: q
-}, v = () => /* @__PURE__ */ t.jsx(I, { className: z.loading }), B = "_list_mwshn_1", K = {
-  list: B
+  chartCardRightContent: U
+}, V = "_loading_1amm4_7", q = {
+  loading: V
+}, v = () => /* @__PURE__ */ t.jsx(I, { className: q.loading }), z = "_list_mwshn_1", B = {
+  list: z
 };
-function U({ src: s, className: a, ...r }) {
+function K({ src: s, className: a, ...r }) {
   const e = decodeURIComponent(s.replace(/^data:image\/svg\+xml,/, ""));
   return /* @__PURE__ */ t.jsx("div", { className: a, ...r, dangerouslySetInnerHTML: { __html: e } });
 }
-const G = (s) => {
+const Q = (s) => {
   const a = j();
   p(a);
   const [r, e] = f.useState(!1), i = a.defaults.chartMenuOptions ?? [];
@@ -46,26 +46,26 @@ const G = (s) => {
       side: "bottom",
       align: "end",
       triggerComponent: r ? /* @__PURE__ */ t.jsx(v, {}) : /* @__PURE__ */ t.jsx(k, { icon: $ }),
-      children: /* @__PURE__ */ t.jsx(L, { className: K.list, autoFocus: !0, children: i.map((n, c) => {
+      children: /* @__PURE__ */ t.jsx(L, { className: B.list, autoFocus: !0, children: i.map((n, c) => {
         const h = m.t(n.labelKey);
         return /* @__PURE__ */ t.jsx(
           N,
           {
             label: h,
             onClick: () => d(n.onClick),
-            startIcon: n.iconSrc ? /* @__PURE__ */ t.jsx(U, { src: n.iconSrc }) : void 0
+            startIcon: n.iconSrc ? /* @__PURE__ */ t.jsx(K, { src: n.iconSrc }) : void 0
           },
           c
         );
       }) })
     }
   );
-}, J = f.forwardRef(
+}, G = f.forwardRef(
   ({ title: s, subtitle: a, children: r, data: e, errorMessage: i, dimensionsAndMeasures: l = [], onCustomDownload: d }, n) => {
     var u;
     const c = j();
     p(c);
-    const h = T(null), g = !!(e != null && e.data && ((u = e.data) == null ? void 0 : u.length) > 0), C = !e || (e == null ? void 0 : e.isLoading), y = () => C && !g ? /* @__PURE__ */ t.jsx(w, {}) : i ? /* @__PURE__ */ t.jsx(
+    const h = w(null), g = !!(e != null && e.data && ((u = e.data) == null ? void 0 : u.length) > 0), C = !e || (e == null ? void 0 : e.isLoading), y = () => C && !g ? /* @__PURE__ */ t.jsx(T, {}) : i ? /* @__PURE__ */ t.jsx(
       _,
       {
         variant: "error",
@@ -99,7 +99,7 @@ const G = (s) => {
               {
                 className: x(o.fixedContent, C ? o.hidden : o.visible),
                 children: /* @__PURE__ */ t.jsx(
-                  G,
+                  Q,
                   {
                     title: s,
                     containerRef: h,
@@ -117,8 +117,8 @@ const G = (s) => {
     ] });
   }
 );
-J.displayName = "ChartCard";
+G.displayName = "ChartCard";
 export {
-  J as C
+  G as C
 };
-//# sourceMappingURL=ChartCard-uZBftDKk.js.map
+//# sourceMappingURL=ChartCard-F1fMKsD4.js.map

package/dist/{ChartCard-uZBftDKk.js.map → ChartCard-F1fMKsD4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ChartCard-uZBftDKk.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconDotsVertical.mjs","../src/components/charts/shared/ChartCard/ChartCardLoading/ChartCardLoading.tsx","../src/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.tsx","../src/components/charts/shared/ChartCard/ChartCard.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.36.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\": \"M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-1\" }], [\"path\", { \"d\": \"M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-2\" }]];\nconst IconDotsVertical = createReactComponent(\"outline\", \"dots-vertical\", \"DotsVertical\", __iconNode);\n\nexport { __iconNode, IconDotsVertical as default };\n//# sourceMappingURL=IconDotsVertical.mjs.map\n","import { IconLoader2 } from '@tabler/icons-react';\nimport styles from './ChartCardLoading.module.css';\n\nexport const ChartCardLoading = () => <IconLoader2 className={styles.loading} />;\n","import { IconDotsVertical } from '@tabler/icons-react';\nimport React from 'react';\nimport { useTheme } from '@embeddable.com/react';\nimport { ChartCardLoading } from '../ChartCardLoading/ChartCardLoading';\nimport { i18n, i18nSetup } from '../../../../../theme/i18n/i18n';\nimport { Theme } from '../../../../../theme/theme.types';\nimport {\n  Dropdown,\n  ActionIcon,\n  SelectFieldContent,\n  SelectListOption,\n} from '@embeddable.com/remarkable-ui';\nimport styles from './ChartCardMenuPro.module.css';\nimport { ChartCardMenuOptionOnClickProps } from '../../../../../theme/defaults/defaults.ChartCardMenu.constants';\n\ntype InlineSvgFromDataProps = React.HTMLAttributes<HTMLSpanElement> & {\n  src: string;\n};\n\nexport function InlineSvgFromData({ src, className, ...rest }: InlineSvgFromDataProps) {\n  // Remove prefix and URL-decode the SVG markup\n  const svgMarkup = decodeURIComponent(src.replace(/^data:image\\/svg\\+xml,/, ''));\n\n  return <div className={className} {...rest} dangerouslySetInnerHTML={{ __html: svgMarkup }} />;\n}\n\ntype ChartCardMenuProProps = Omit<ChartCardMenuOptionOnClickProps, 'theme'>;\n\nexport const ChartCardMenuPro: React.FC<ChartCardMenuProProps> = (props) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const [isLoading, setIsLoading] = React.useState(false);\n\n  const options = theme.defaults.chartMenuOptions ?? [];\n\n  if (options.length === 0) {\n    return null;\n  }\n\n  const startAction = (onClick: () => void | Promise<void>) => {\n    setTimeout(() => {\n      Promise.resolve(onClick()).finally(() => setIsLoading(false));\n    }, 100);\n  };\n\n  const handleExport = (onClick: (props: ChartCardMenuOptionOnClickProps) => void) => {\n    setIsLoading(true);\n    if (props.onCustomDownload) {\n      props.onCustomDownload((args) => startAction(() => onClick(args)));\n      return;\n    }\n    startAction(() => onClick({ ...props, theme }));\n  };\n\n  return (\n    <Dropdown\n      side=\"bottom\"\n      align=\"end\"\n      triggerComponent={isLoading ? <ChartCardLoading /> : <ActionIcon icon={IconDotsVertical} />}\n    >\n      <SelectFieldContent className={styles.list} autoFocus>\n        {options.map((option, index) => {\n          const label = i18n.t(option.labelKey);\n\n          return (\n            <SelectListOption\n              key={index}\n              label={label}\n              onClick={() => handleExport(option.onClick)}\n              startIcon={option.iconSrc ? <InlineSvgFromData src={option.iconSrc} /> : undefined}\n            />\n          );\n        })}\n      </SelectFieldContent>\n    </Dropdown>\n  );\n};\n","import React, { CSSProperties, useRef } from 'react';\nimport { IconAlertCircle } from '@tabler/icons-react';\nimport {\n  Card,\n  CardContent,\n  CardFeedback,\n  CardHeader,\n  Skeleton,\n} from '@embeddable.com/remarkable-ui';\nimport styles from './ChartCard.module.css';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { useTheme } from '@embeddable.com/react';\nimport { ChartCardLoading } from './ChartCardLoading/ChartCardLoading';\nimport { ChartCardMenuPro } from './ChartCardMenuPro/ChartCardMenuPro';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport clsx from 'clsx';\nimport { ChartCardMenuOptionOnClickProps } from '../../../../theme/defaults/defaults.ChartCardMenu.constants';\n\ntype ChartCardProps = {\n  title: string;\n  subtitle?: string;\n  children: React.ReactNode;\n  data: DataResponse;\n  errorMessage?: string;\n  style?: CSSProperties;\n  dimensionsAndMeasures?: (Dimension | Measure)[];\n  onCustomDownload?: (props: (props: ChartCardMenuOptionOnClickProps) => void) => void;\n};\n\nexport const ChartCard = React.forwardRef<HTMLDivElement, ChartCardProps>(\n  (\n    { title, subtitle, children, data, errorMessage, dimensionsAndMeasures = [], onCustomDownload },\n    ref,\n  ) => {\n    const theme: Theme = useTheme() as Theme;\n    i18nSetup(theme);\n\n    const chartRef = useRef<HTMLDivElement>(null);\n\n    const hasData = Boolean(data?.data && data.data?.length > 0);\n\n    const isLoading = !data || data?.isLoading;\n\n    const getDisplay = () => {\n      if (isLoading && !hasData) {\n        return <Skeleton />;\n      }\n\n      if (errorMessage) {\n        return (\n          <CardFeedback\n            variant=\"error\"\n            icon={IconAlertCircle}\n            title={i18n.t('charts.errorTitle')}\n            message={errorMessage}\n          />\n        );\n      }\n\n      if (!hasData) {\n        return (\n          <CardFeedback\n            title={i18n.t('charts.emptyTitle')}\n            message={i18n.t('charts.emptyMessage')}\n          />\n        );\n      }\n\n      return children;\n    };\n\n    return (\n      <Card className={styles.chartCard}>\n        <CardHeader\n          title={title}\n          subtitle={subtitle}\n          rightContent={\n            <div className={styles.chartCardRightContent}>\n              <div\n                className={clsx(styles.fixedContent, isLoading ? styles.loading : styles.hidden)}\n              >\n                <ChartCardLoading />\n              </div>\n              <div\n                className={clsx(styles.fixedContent, isLoading ? styles.hidden : styles.visible)}\n              >\n                <ChartCardMenuPro\n                  title={title}\n                  containerRef={chartRef}\n                  data={data?.data}\n                  dimensionsAndMeasures={dimensionsAndMeasures}\n                  onCustomDownload={onCustomDownload}\n                />\n              </div>\n            </div>\n          }\n        />\n\n        <CardContent ref={onCustomDownload ? ref : chartRef}>{getDisplay()}</CardContent>\n      </Card>\n    );\n  },\n);\n\nChartCard.displayName = 'ChartCard';\n"],"names":["__iconNode","IconDotsVertical","createReactComponent","ChartCardLoading","jsx","IconLoader2","styles","InlineSvgFromData","src","className","rest","svgMarkup","ChartCardMenuPro","props","theme","useTheme","i18nSetup","isLoading","setIsLoading","React","options","startAction","onClick","handleExport","args","Dropdown","ActionIcon","SelectFieldContent","option","index","label","i18n","SelectListOption","ChartCard","title","subtitle","children","data","errorMessage","dimensionsAndMeasures","onCustomDownload","ref","chartRef","useRef","hasData","_a","getDisplay","Skeleton","CardFeedback","IconAlertCircle","jsxs","Card","CardHeader","clsx","CardContent"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ChartCard-F1fMKsD4.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconDotsVertical.mjs","../src/components/charts/shared/ChartCard/ChartCardLoading/ChartCardLoading.tsx","../src/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.tsx","../src/components/charts/shared/ChartCard/ChartCard.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.36.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\": \"M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-1\" }], [\"path\", { \"d\": \"M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-2\" }]];\nconst IconDotsVertical = createReactComponent(\"outline\", \"dots-vertical\", \"DotsVertical\", __iconNode);\n\nexport { __iconNode, IconDotsVertical as default };\n//# sourceMappingURL=IconDotsVertical.mjs.map\n","import { IconLoader2 } from '@tabler/icons-react';\nimport styles from './ChartCardLoading.module.css';\n\nexport const ChartCardLoading = () => <IconLoader2 className={styles.loading} />;\n","import { IconDotsVertical } from '@tabler/icons-react';\nimport React from 'react';\nimport { useTheme } from '@embeddable.com/react';\nimport { ChartCardLoading } from '../ChartCardLoading/ChartCardLoading';\nimport { i18n, i18nSetup } from '../../../../../theme/i18n/i18n';\nimport { Theme } from '../../../../../theme/theme.types';\nimport {\n  Dropdown,\n  ActionIcon,\n  SelectFieldContent,\n  SelectListOption,\n} from '@embeddable.com/remarkable-ui';\nimport styles from './ChartCardMenuPro.module.css';\nimport { ChartCardMenuOptionOnClickProps } from '../../../../../theme/defaults/defaults.ChartCardMenu.constants';\n\ntype InlineSvgFromDataProps = React.HTMLAttributes<HTMLSpanElement> & {\n  src: string;\n};\n\nexport function InlineSvgFromData({ src, className, ...rest }: InlineSvgFromDataProps) {\n  // Remove prefix and URL-decode the SVG markup\n  const svgMarkup = decodeURIComponent(src.replace(/^data:image\\/svg\\+xml,/, ''));\n\n  return <div className={className} {...rest} dangerouslySetInnerHTML={{ __html: svgMarkup }} />;\n}\n\ntype ChartCardMenuProProps = Omit<ChartCardMenuOptionOnClickProps, 'theme'>;\n\nexport const ChartCardMenuPro: React.FC<ChartCardMenuProProps> = (props) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const [isLoading, setIsLoading] = React.useState(false);\n\n  const options = theme.defaults.chartMenuOptions ?? [];\n\n  if (options.length === 0) {\n    return null;\n  }\n\n  const startAction = (onClick: () => void | Promise<void>) => {\n    setTimeout(() => {\n      Promise.resolve(onClick()).finally(() => setIsLoading(false));\n    }, 100);\n  };\n\n  const handleExport = (onClick: (props: ChartCardMenuOptionOnClickProps) => void) => {\n    setIsLoading(true);\n    if (props.onCustomDownload) {\n      props.onCustomDownload((args) => startAction(() => onClick(args)));\n      return;\n    }\n    startAction(() => onClick({ ...props, theme }));\n  };\n\n  return (\n    <Dropdown\n      side=\"bottom\"\n      align=\"end\"\n      triggerComponent={isLoading ? <ChartCardLoading /> : <ActionIcon icon={IconDotsVertical} />}\n    >\n      <SelectFieldContent className={styles.list} autoFocus>\n        {options.map((option, index) => {\n          const label = i18n.t(option.labelKey);\n\n          return (\n            <SelectListOption\n              key={index}\n              label={label}\n              onClick={() => handleExport(option.onClick)}\n              startIcon={option.iconSrc ? <InlineSvgFromData src={option.iconSrc} /> : undefined}\n            />\n          );\n        })}\n      </SelectFieldContent>\n    </Dropdown>\n  );\n};\n","import React, { CSSProperties, useRef } from 'react';\nimport { IconAlertCircle } from '@tabler/icons-react';\nimport {\n  Card,\n  CardContent,\n  CardFeedback,\n  CardHeader,\n  Skeleton,\n} from '@embeddable.com/remarkable-ui';\nimport styles from './ChartCard.module.css';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { useTheme } from '@embeddable.com/react';\nimport { ChartCardLoading } from './ChartCardLoading/ChartCardLoading';\nimport { ChartCardMenuPro } from './ChartCardMenuPro/ChartCardMenuPro';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport clsx from 'clsx';\nimport { ChartCardMenuOptionOnClickProps } from '../../../../theme/defaults/defaults.ChartCardMenu.constants';\n\ntype ChartCardProps = {\n  title: string;\n  subtitle?: string;\n  children: React.ReactNode;\n  data: DataResponse;\n  errorMessage?: string;\n  style?: CSSProperties;\n  dimensionsAndMeasures?: (Dimension | Measure)[];\n  onCustomDownload?: (props: (props: ChartCardMenuOptionOnClickProps) => void) => void;\n};\n\nexport const ChartCard = React.forwardRef<HTMLDivElement, ChartCardProps>(\n  (\n    { title, subtitle, children, data, errorMessage, dimensionsAndMeasures = [], onCustomDownload },\n    ref,\n  ) => {\n    const theme: Theme = useTheme() as Theme;\n    i18nSetup(theme);\n\n    const chartRef = useRef<HTMLDivElement>(null);\n\n    const hasData = Boolean(data?.data && data.data?.length > 0);\n\n    const isLoading = !data || data?.isLoading;\n\n    const getDisplay = () => {\n      if (isLoading && !hasData) {\n        return <Skeleton />;\n      }\n\n      if (errorMessage) {\n        return (\n          <CardFeedback\n            variant=\"error\"\n            icon={IconAlertCircle}\n            title={i18n.t('charts.errorTitle')}\n            message={errorMessage}\n          />\n        );\n      }\n\n      if (!hasData) {\n        return (\n          <CardFeedback\n            title={i18n.t('charts.emptyTitle')}\n            message={i18n.t('charts.emptyMessage')}\n          />\n        );\n      }\n\n      return children;\n    };\n\n    return (\n      <Card className={styles.chartCard}>\n        <CardHeader\n          title={title}\n          subtitle={subtitle}\n          rightContent={\n            <div className={styles.chartCardRightContent}>\n              <div\n                className={clsx(styles.fixedContent, isLoading ? styles.loading : styles.hidden)}\n              >\n                <ChartCardLoading />\n              </div>\n              <div\n                className={clsx(styles.fixedContent, isLoading ? styles.hidden : styles.visible)}\n              >\n                <ChartCardMenuPro\n                  title={title}\n                  containerRef={chartRef}\n                  data={data?.data}\n                  dimensionsAndMeasures={dimensionsAndMeasures}\n                  onCustomDownload={onCustomDownload}\n                />\n              </div>\n            </div>\n          }\n        />\n\n        <CardContent ref={onCustomDownload ? ref : chartRef}>{getDisplay()}</CardContent>\n      </Card>\n    );\n  },\n);\n\nChartCard.displayName = 'ChartCard';\n"],"names":["__iconNode","IconDotsVertical","createReactComponent","ChartCardLoading","jsx","IconLoader2","styles","InlineSvgFromData","src","className","rest","svgMarkup","ChartCardMenuPro","props","theme","useTheme","i18nSetup","isLoading","setIsLoading","React","options","startAction","onClick","handleExport","args","Dropdown","ActionIcon","SelectFieldContent","option","index","label","i18n","SelectListOption","ChartCard","title","subtitle","children","data","errorMessage","dimensionsAndMeasures","onCustomDownload","ref","chartRef","useRef","hasData","_a","getDisplay","Skeleton","CardFeedback","IconAlertCircle","jsxs","Card","CardHeader","clsx","CardContent"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/{Color.type.emb-BPT7WKyR.js → Color.type.emb-BmenseN6.js}

@@ -1,4 +1,4 @@
-import { d as e } from "./index-DjwSlZQY.js";
+import { d as e } from "./index-CIy-fCZE.js";
 const r = e("color", {
   label: "Color",
   optionLabel: (o) => o.toUpperCase()
@@ -6,4 +6,4 @@ const r = e("color", {
 export {
   r as C
 };
-//# sourceMappingURL=Color.type.emb-BPT7WKyR.js.map
+//# sourceMappingURL=Color.type.emb-BmenseN6.js.map

package/dist/{Color.type.emb-BPT7WKyR.js.map → Color.type.emb-BmenseN6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Color.type.emb-BPT7WKyR.js","sources":["../src/editors/ColorEditor/Color.type.emb.ts"],"sourcesContent":["import { defineType } from '@embeddable.com/core';\n\nconst ColorType = defineType('color', {\n  label: 'Color',\n  optionLabel: (value: string) => value.toUpperCase(),\n});\n\nexport default ColorType;\n"],"names":["ColorType","defineType","value"],"mappings":";AAEA,MAAMA,IAAYC,EAAW,SAAS;AAAA,EACpC,OAAO;AAAA,EACP,aAAa,CAACC,MAAkBA,EAAM,YAAA;AACxC,CAAC;"}
+{"version":3,"file":"Color.type.emb-BmenseN6.js","sources":["../src/editors/ColorEditor/Color.type.emb.ts"],"sourcesContent":["import { defineType } from '@embeddable.com/core';\n\nconst ColorType = defineType('color', {\n  label: 'Color',\n  optionLabel: (value: string) => value.toUpperCase(),\n});\n\nexport default ColorType;\n"],"names":["ColorType","defineType","value"],"mappings":";AAEA,MAAMA,IAAYC,EAAW,SAAS;AAAA,EACpC,OAAO;AAAA,EACP,aAAa,CAACC,MAAkBA,EAAM,YAAA;AACxC,CAAC;"}

package/dist/ColorEditor.js

@@ -1,6 +1,6 @@
 import { defineEditor as l } from "@embeddable.com/react";
-import { C as a } from "./Color.type.emb-BPT7WKyR.js";
-import { j as n, A as i, I as p, V as u } from "./index-DjwSlZQY.js";
+import { C as a } from "./Color.type.emb-BmenseN6.js";
+import { j as n, A as i, I as p, V as u } from "./index-CIy-fCZE.js";
 import { useState as m, useEffect as C } from "react";
 const I = "_colorInputContainer_1o1qe_1", d = "_colorInput_1o1qe_1", s = {
   colorInputContainer: I,

package/dist/{ComparisonPeriod.type.emb-Bq4r1RbE.js → ComparisonPeriod.type.emb-Bp4VzSqq.js}

@@ -1,4 +1,4 @@
-import { d as i, b as o } from "./index-DjwSlZQY.js";
+import { d as i, b as o } from "./index-CIy-fCZE.js";
 const e = i("comparisonPeriod", {
   label: "Comparison Period",
   optionLabel: (r) => r
@@ -11,4 +11,4 @@ o(e, "Previous year");
 export {
   e as C
 };
-//# sourceMappingURL=ComparisonPeriod.type.emb-Bq4r1RbE.js.map
+//# sourceMappingURL=ComparisonPeriod.type.emb-Bp4VzSqq.js.map

package/dist/{ComparisonPeriod.type.emb-Bq4r1RbE.js.map → ComparisonPeriod.type.emb-Bp4VzSqq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ComparisonPeriod.type.emb-Bq4r1RbE.js","sources":["../src/components/types/ComparisonPeriod.type.emb.ts"],"sourcesContent":["import { defineOption, defineType } from '@embeddable.com/core';\n\nconst ComparisonPeriodType = defineType('comparisonPeriod', {\n  label: 'Comparison Period',\n  optionLabel: (value: string) => value,\n});\n\ndefineOption(ComparisonPeriodType, 'Previous period');\ndefineOption(ComparisonPeriodType, 'Previous week');\ndefineOption(ComparisonPeriodType, 'Previous month');\ndefineOption(ComparisonPeriodType, 'Previous quarter');\ndefineOption(ComparisonPeriodType, 'Previous year');\n\nexport default ComparisonPeriodType;\n"],"names":["ComparisonPeriodType","defineType","value","defineOption"],"mappings":";AAEA,MAAMA,IAAuBC,EAAW,oBAAoB;AAAA,EAC1D,OAAO;AAAA,EACP,aAAa,CAACC,MAAkBA;AAClC,CAAC;AAEDC,EAAaH,GAAsB,iBAAiB;AACpDG,EAAaH,GAAsB,eAAe;AAClDG,EAAaH,GAAsB,gBAAgB;AACnDG,EAAaH,GAAsB,kBAAkB;AACrDG,EAAaH,GAAsB,eAAe;"}
+{"version":3,"file":"ComparisonPeriod.type.emb-Bp4VzSqq.js","sources":["../src/components/types/ComparisonPeriod.type.emb.ts"],"sourcesContent":["import { defineOption, defineType } from '@embeddable.com/core';\n\nconst ComparisonPeriodType = defineType('comparisonPeriod', {\n  label: 'Comparison Period',\n  optionLabel: (value: string) => value,\n});\n\ndefineOption(ComparisonPeriodType, 'Previous period');\ndefineOption(ComparisonPeriodType, 'Previous week');\ndefineOption(ComparisonPeriodType, 'Previous month');\ndefineOption(ComparisonPeriodType, 'Previous quarter');\ndefineOption(ComparisonPeriodType, 'Previous year');\n\nexport default ComparisonPeriodType;\n"],"names":["ComparisonPeriodType","defineType","value","defineOption"],"mappings":";AAEA,MAAMA,IAAuBC,EAAW,oBAAoB;AAAA,EAC1D,OAAO;AAAA,EACP,aAAa,CAACC,MAAkBA;AAClC,CAAC;AAEDC,EAAaH,GAAsB,iBAAiB;AACpDG,EAAaH,GAAsB,eAAe;AAClDG,EAAaH,GAAsB,gBAAgB;AACnDG,EAAaH,GAAsB,kBAAkB;AACrDG,EAAaH,GAAsB,eAAe;"}

package/dist/ComparisonPeriodSelectFieldPro.js

@@ -1,8 +1,8 @@
 import { defineComponent as r } from "@embeddable.com/react";
-import { V as a } from "./index-DjwSlZQY.js";
-import { D as i } from "./index-C7mz7pKQ.js";
-import { F as t, G as n, _ as l } from "./component.constants-DmK3uQGY.js";
-import { C as o } from "./ComparisonPeriod.type.emb-Bq4r1RbE.js";
+import { V as a } from "./index-CIy-fCZE.js";
+import { D as i } from "./index-JRFQo8DK.js";
+import { F as t, G as n, _ as l } from "./component.constants-5pSEkTqN.js";
+import { C as o } from "./ComparisonPeriod.type.emb-Bp4VzSqq.js";
 const p = {
   name: "ComparisonPeriodSelectFieldPro",
   label: "Comparison Period Select Field",

package/dist/DateRangePickerCustomPro.js

@@ -0,0 +1,89 @@
+import { useTheme as C, defineComponent as v } from "@embeddable.com/react";
+import { j as l, c as y, V as s } from "./index-CIy-fCZE.js";
+import { u as D, g as P, a as V, b as w } from "./dates.utils-f-XJ_LBg.js";
+import { a as j, r as k, i as F, F as M, G as T, _ as x, g as o } from "./component.constants-5pSEkTqN.js";
+import { E as L } from "./EditorCard-CXmogrdI.js";
+const S = (e) => {
+  const a = C();
+  j(a);
+  const { dayjsLocaleReady: r } = D();
+  if (!r)
+    return null;
+  const { onChange: i, clearable: u, selectedValue: t, showTwoMonths: c } = e, { description: d, placeholder: m, title: g } = k(e), p = (R) => {
+    const b = w(R);
+    i(b);
+  }, n = a.defaults.dateRangesOptions, h = P(t, "MMM DD", n), f = a.i18n.language ?? a.formatter.locale;
+  return /* @__PURE__ */ l.jsx(L, { title: g, subtitle: d, children: /* @__PURE__ */ l.jsx(
+    y,
+    {
+      locale: f,
+      clearable: u,
+      placeholder: m,
+      displayValue: h,
+      numberOfMonths: c ? 2 : 1,
+      value: V(t, n),
+      onChange: p,
+      submitLabel: F.t("editors.dateRangePicker.apply")
+    }
+  ) });
+}, E = {
+  name: "DateRangePickerCustomPro",
+  label: "Date-Range Picker - Custom",
+  category: "Dropdowns",
+  defaultWidth: 300,
+  defaultHeight: 120,
+  inputs: [
+    { ...M },
+    { ...T },
+    { ...x, defaultValue: "Select a date-range" },
+    { ...o, name: "clearable", label: "Can be cleared", defaultValue: !0 },
+    {
+      name: "selectedValue",
+      type: "timeRange",
+      label: "Selected Value",
+      category: "Pre-configured variables"
+    },
+    {
+      ...o,
+      name: "showTwoMonths",
+      label: "Show two months",
+      defaultValue: !1
+    }
+  ],
+  events: [
+    {
+      name: "onChange",
+      label: "selected date-range updated",
+      properties: [
+        {
+          name: "value",
+          label: "selected date-range",
+          type: "timeRange"
+        }
+      ]
+    }
+  ],
+  variables: [
+    {
+      name: "date-range value",
+      type: "timeRange",
+      defaultValue: s.noFilter(),
+      inputs: ["selectedValue"],
+      events: [{ name: "onChange", property: "value" }]
+    }
+  ]
+}, I = v(S, E, {
+  props: (e) => ({
+    ...e
+  }),
+  events: {
+    onChange: (e) => ({
+      value: e ?? s.noFilter()
+    })
+  }
+});
+export {
+  I as default,
+  E as meta
+};
+//# sourceMappingURL=DateRangePickerCustomPro.js.map

package/dist/DateRangePickerCustomPro.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePickerCustomPro.js","sources":["../src/components/editors/dates/DateRangePickerCustomPro/index.tsx","../src/components/editors/dates/DateRangePickerCustomPro/DateRangePickerCustomPro.emb.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { DateRange, DateRangePickerField } from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { useLoadDayjsLocale } from '../../../../utils.ts/date.utils';\nimport { TimeRange } from '@embeddable.com/core';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { EditorCard } from '../../shared/EditorCard/EditorCard';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport {\n  getDateRangeFromTimeRange,\n  getTimeRangeFromDateRange,\n  getTimeRangeLabel,\n} from '../dates.utils';\n\ntype DateRangePickerPresetsProps = {\n  description?: string;\n  onChange: (newDateRange: TimeRange) => void;\n  placeholder?: string;\n  selectedValue: TimeRange;\n  title?: string;\n  clearable?: boolean;\n  showTwoMonths?: boolean;\n};\n\nconst DateRangePickerPresets = (props: DateRangePickerPresetsProps) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { dayjsLocaleReady } = useLoadDayjsLocale();\n\n  if (!dayjsLocaleReady) {\n    return null;\n  }\n\n  const { onChange, clearable, selectedValue, showTwoMonths } = props;\n\n  const { description, placeholder, title } = resolveI18nProps(props);\n\n  const handleChange = (newDateRange: DateRange | undefined) => {\n    const timeRange: TimeRange = getTimeRangeFromDateRange(newDateRange);\n    onChange(timeRange);\n  };\n\n  const dateRangeOptions = theme.defaults.dateRangesOptions;\n  const displayValue = getTimeRangeLabel(selectedValue, 'MMM DD', dateRangeOptions);\n\n  const locale = theme.i18n.language ?? theme.formatter.locale;\n\n  return (\n    <EditorCard title={title} subtitle={description}>\n      <DateRangePickerField\n        locale={locale}\n        clearable={clearable}\n        placeholder={placeholder}\n        displayValue={displayValue}\n        numberOfMonths={showTwoMonths ? 2 : 1}\n        value={getDateRangeFromTimeRange(selectedValue, dateRangeOptions)}\n        onChange={handleChange}\n        submitLabel={i18n.t('editors.dateRangePicker.apply')}\n      />\n    </EditorCard>\n  );\n};\n\nexport default DateRangePickerPresets;\n","import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { Value } from '@embeddable.com/core';\nimport DateTimeSelectFieldPro from './index';\nimport { description, genericBoolean, placeholder, title } from '../../../component.constants';\n\nexport const meta = {\n  name: 'DateRangePickerCustomPro',\n  label: 'Date-Range Picker - Custom',\n  category: 'Dropdowns',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    { ...title },\n    { ...description },\n    { ...placeholder, defaultValue: 'Select a date-range' },\n    { ...genericBoolean, name: 'clearable', label: 'Can be cleared', defaultValue: true },\n    {\n      name: 'selectedValue',\n      type: 'timeRange',\n      label: 'Selected Value',\n      category: 'Pre-configured variables',\n    },\n    {\n      ...genericBoolean,\n      name: 'showTwoMonths',\n      label: 'Show two months',\n      defaultValue: false,\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    },\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\nexport default defineComponent(DateTimeSelectFieldPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n    };\n  },\n  events: {\n    onChange: (range) => ({\n      value: range ?? Value.noFilter(),\n    }),\n  },\n});\n"],"names":["DateRangePickerPresets","props","theme","useTheme","i18nSetup","dayjsLocaleReady","useLoadDayjsLocale","onChange","clearable","selectedValue","showTwoMonths","description","placeholder","title","resolveI18nProps","handleChange","newDateRange","timeRange","getTimeRangeFromDateRange","dateRangeOptions","displayValue","getTimeRangeLabel","locale","jsx","EditorCard","DateRangePickerField","getDateRangeFromTimeRange","i18n","meta","genericBoolean","Value","DateRangePickerCustomPro_emb","defineComponent","DateTimeSelectFieldPro","inputs","range"],"mappings":";;;;;AAwBA,MAAMA,IAAyB,CAACC,MAAuC;AACrE,QAAMC,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAM,EAAE,kBAAAG,EAAA,IAAqBC,EAAA;AAE7B,MAAI,CAACD;AACH,WAAO;AAGT,QAAM,EAAE,UAAAE,GAAU,WAAAC,GAAW,eAAAC,GAAe,eAAAC,MAAkBT,GAExD,EAAE,aAAAU,GAAa,aAAAC,GAAa,OAAAC,EAAA,IAAUC,EAAiBb,CAAK,GAE5Dc,IAAe,CAACC,MAAwC;AAC5D,UAAMC,IAAuBC,EAA0BF,CAAY;AACnE,IAAAT,EAASU,CAAS;AAAA,EACpB,GAEME,IAAmBjB,EAAM,SAAS,mBAClCkB,IAAeC,EAAkBZ,GAAe,UAAUU,CAAgB,GAE1EG,IAASpB,EAAM,KAAK,YAAYA,EAAM,UAAU;AAEtD,SACEqB,gBAAAA,EAAAA,IAACC,GAAA,EAAW,OAAAX,GAAc,UAAUF,GAClC,UAAAY,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,QAAAH;AAAA,MACA,WAAAd;AAAA,MACA,aAAAI;AAAA,MACA,cAAAQ;AAAA,MACA,gBAAgBV,IAAgB,IAAI;AAAA,MACpC,OAAOgB,EAA0BjB,GAAeU,CAAgB;AAAA,MAChE,UAAUJ;AAAA,MACV,aAAaY,EAAK,EAAE,+BAA+B;AAAA,IAAA;AAAA,EAAA,GAEvD;AAEJ,GCzDaC,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACN,EAAE,GAAGf,EAAA;AAAA,IACL,EAAE,GAAGF,EAAA;AAAA,IACL,EAAE,GAAGC,GAAa,cAAc,sBAAA;AAAA,IAChC,EAAE,GAAGiB,GAAgB,MAAM,aAAa,OAAO,kBAAkB,cAAc,GAAA;AAAA,IAC/E;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,GAAGA;AAAA,MACH,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,IAAA;AAAA,EAChB;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,GAEAC,IAAeC,EAAgBC,GAAwBL,GAAM;AAAA,EAC3D,OAAO,CAACM,OACC;AAAA,IACL,GAAGA;AAAA,EAAA;AAAA,EAGP,QAAQ;AAAA,IACN,UAAU,CAACC,OAAW;AAAA,MACpB,OAAOA,KAASL,EAAM,SAAA;AAAA,IAAS;AAAA,EACjC;AAEJ,CAAC;"}

package/dist/DateRangeSelectFieldPro.js

@@ -1,18 +1,30 @@
-import { defineComponent as t } from "@embeddable.com/react";
-import { V as a } from "./index-DjwSlZQY.js";
-import { D as l } from "./index-mp4eyizO.js";
-import { F as n, G as r, _ as o, g as i } from "./component.constants-DmK3uQGY.js";
-const d = {
+import { defineComponent as l } from "@embeddable.com/react";
+import { V as t } from "./index-CIy-fCZE.js";
+import { D as n } from "./index-DZlowRxA.js";
+import { F as o, G as r, _ as s, g as a } from "./component.constants-5pSEkTqN.js";
+const u = {
   name: "DateRangeSelectFieldPro",
-  label: "Date Range Select Field",
+  label: "Date-Range Picker - Presets",
   category: "Dropdowns",
   defaultWidth: 300,
   defaultHeight: 120,
   inputs: [
-    { ...n },
+    { ...o },
     { ...r },
-    { ...o, defaultValue: "Select a date-range" },
-    { ...i, name: "clearable", label: "Can be cleared", defaultValue: !0 },
+    { ...s, defaultValue: "Select a date-range" },
+    {
+      ...a,
+      name: "showCustomRangeOptions",
+      label: "Show custom date-range option",
+      defaultValue: !0
+    },
+    {
+      ...a,
+      name: "showTwoMonths",
+      label: "Show two-month view",
+      defaultValue: !1
+    },
+    { ...a, name: "clearable", label: "Can be cleared", defaultValue: !0 },
     {
       name: "selectedValue",
       type: "timeRange",
@@ -37,27 +49,23 @@ const d = {
     {
       name: "date-range value",
       type: "timeRange",
-      defaultValue: a.noFilter(),
+      defaultValue: t.noFilter(),
       inputs: ["selectedValue"],
       events: [{ name: "onChange", property: "value" }]
     }
   ]
-}, c = t(l, d, {
+}, g = l(n, u, {
   props: (e) => ({
     ...e
   }),
   events: {
     onChange: (e) => ({
-      value: e ? {
-        ...e,
-        relativeTimeString: ""
-        // This is prioritised over the from and to dates, so we don't pass this for now (as we don't want Cube parsing this instead of using the calculated dates)
-      } : a.noFilter()
+      value: e ?? t.noFilter()
     })
   }
 });
 export {
-  c as default,
-  d as meta
+  g as default,
+  u as meta
 };
 //# sourceMappingURL=DateRangeSelectFieldPro.js.map

package/dist/DateRangeSelectFieldPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangeSelectFieldPro.js","sources":["../src/components/editors/DateRangeSelectFieldPro/DateRangeSelectFieldPro.emb.ts"],"sourcesContent":["import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { Value } from '@embeddable.com/core';\nimport DateTimeSelectFieldPro from './index';\nimport { description, genericBoolean, placeholder, title } from '../../component.constants';\n\nexport const meta = {\n  name: 'DateRangeSelectFieldPro',\n  label: 'Date Range Select Field',\n  category: 'Dropdowns',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    { ...title },\n    { ...description },\n    { ...placeholder, defaultValue: 'Select a date-range' },\n    { ...genericBoolean, name: 'clearable', label: 'Can be cleared', defaultValue: true },\n    {\n      name: 'selectedValue',\n      type: 'timeRange',\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    },\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\nexport default defineComponent(DateTimeSelectFieldPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n    };\n  },\n  events: {\n    onChange: (range) => {\n      return {\n        value: range\n          ? {\n              ...range,\n              relativeTimeString: '', // This is prioritised over the from and to dates, so we don't pass this for now (as we don't want Cube parsing this instead of using the calculated dates)\n            }\n          : Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","title","description","placeholder","genericBoolean","Value","DateRangeSelectFieldPro_emb","defineComponent","DateTimeSelectFieldPro","inputs","range"],"mappings":";;;;AAKO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACN,EAAE,GAAGC,EAAA;AAAA,IACL,EAAE,GAAGC,EAAA;AAAA,IACL,EAAE,GAAGC,GAAa,cAAc,sBAAA;AAAA,IAChC,EAAE,GAAGC,GAAgB,MAAM,aAAa,OAAO,kBAAkB,cAAc,GAAA;AAAA,IAC/E;AAAA,MACE,MAAM;AAAA,MACN,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,eAAe;AAAA,MACxB,QAAQ,CAAC,EAAE,MAAM,YAAY,UAAU,SAAS;AAAA,IAAA;AAAA,EAClD;AAEJ,GAEAC,IAAeC,EAAgBC,GAAwBR,GAAM;AAAA,EAC3D,OAAO,CAACS,OACC;AAAA,IACL,GAAGA;AAAA,EAAA;AAAA,EAGP,QAAQ;AAAA,IACN,UAAU,CAACC,OACF;AAAA,MACL,OAAOA,IACH;AAAA,QACE,GAAGA;AAAA,QACH,oBAAoB;AAAA;AAAA,MAAA,IAEtBL,EAAM,SAAA;AAAA,IAAS;AAAA,EAEvB;AAEJ,CAAC;"}
+{"version":3,"file":"DateRangeSelectFieldPro.js","sources":["../src/components/editors/dates/DateRangePickerPresetsPro/DateRangeSelectFieldPro.emb.ts"],"sourcesContent":["import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { Value } from '@embeddable.com/core';\nimport DateTimeSelectFieldPro from './index';\nimport { description, genericBoolean, placeholder, title } from '../../../component.constants';\n\nexport const meta = {\n  name: 'DateRangeSelectFieldPro',\n  label: 'Date-Range Picker - Presets',\n  category: 'Dropdowns',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    { ...title },\n    { ...description },\n    { ...placeholder, defaultValue: 'Select a date-range' },\n    {\n      ...genericBoolean,\n      name: 'showCustomRangeOptions',\n      label: 'Show custom date-range option',\n      defaultValue: true,\n    },\n    {\n      ...genericBoolean,\n      name: 'showTwoMonths',\n      label: 'Show two-month view',\n      defaultValue: false,\n    },\n    { ...genericBoolean, name: 'clearable', label: 'Can be cleared', defaultValue: true },\n    {\n      name: 'selectedValue',\n      type: 'timeRange',\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    },\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\nexport default defineComponent(DateTimeSelectFieldPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n    };\n  },\n  events: {\n    onChange: (range) => ({\n      value: range ?? Value.noFilter(),\n    }),\n  },\n});\n"],"names":["meta","title","description","placeholder","genericBoolean","Value","DateRangeSelectFieldPro_emb","defineComponent","DateTimeSelectFieldPro","inputs","range"],"mappings":";;;;AAKO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACN,EAAE,GAAGC,EAAA;AAAA,IACL,EAAE,GAAGC,EAAA;AAAA,IACL,EAAE,GAAGC,GAAa,cAAc,sBAAA;AAAA,IAChC;AAAA,MACE,GAAGC;AAAA,MACH,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,IAAA;AAAA,IAEhB;AAAA,MACE,GAAGA;AAAA,MACH,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,IAAA;AAAA,IAEhB,EAAE,GAAGA,GAAgB,MAAM,aAAa,OAAO,kBAAkB,cAAc,GAAA;AAAA,IAC/E;AAAA,MACE,MAAM;AAAA,MACN,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,eAAe;AAAA,MACxB,QAAQ,CAAC,EAAE,MAAM,YAAY,UAAU,SAAS;AAAA,IAAA;AAAA,EAClD;AAEJ,GAEAC,IAAeC,EAAgBC,GAAwBR,GAAM;AAAA,EAC3D,OAAO,CAACS,OACC;AAAA,IACL,GAAGA;AAAA,EAAA;AAAA,EAGP,QAAQ;AAAA,IACN,UAAU,CAACC,OAAW;AAAA,MACpB,OAAOA,KAASL,EAAM,SAAA;AAAA,IAAS;AAAA,EACjC;AAEJ,CAAC;"}

package/dist/DonutChartPro.js

@@ -1,7 +1,7 @@
-import { V as a, l as s } from "./index-DjwSlZQY.js";
+import { V as a, l as s } from "./index-CIy-fCZE.js";
 import { defineComponent as t } from "@embeddable.com/react";
-import { D as o } from "./index-Dbg-T-ST.js";
-import { v as n, D as r, w as i, F as m, G as l, I as d, Z as u, J as p, K as c } from "./component.constants-DmK3uQGY.js";
+import { D as o } from "./index-DUn23CxN.js";
+import { v as n, D as r, w as i, F as m, G as l, I as d, Z as u, J as p, K as c } from "./component.constants-5pSEkTqN.js";
 const C = {
   name: "DonutChartPro",
   label: "Donut Chart",

package/dist/DonutLabelChartPro.js

@@ -1,7 +1,7 @@
-import { D as n } from "./index-CFoVL8LS.js";
-import { V as s, l as a } from "./index-DjwSlZQY.js";
+import { D as n } from "./index-B_zyCSBJ.js";
+import { V as s, l as a } from "./index-CIy-fCZE.js";
 import { defineComponent as r } from "@embeddable.com/react";
-import { v as o, D as t, w as l, F as i, G as m, I as d, Z as u, J as b, K as c } from "./component.constants-DmK3uQGY.js";
+import { v as o, D as t, w as l, F as i, G as m, I as d, Z as u, J as b, K as c } from "./component.constants-5pSEkTqN.js";
 const p = {
   name: "DonutLabelChartPro",
   label: "Donut Label Chart",

package/dist/{EditorCard-B95YC3pz.js → EditorCard-CXmogrdI.js}

@@ -1,6 +1,6 @@
-import { j as r, C as c, p as d, q as m, r as l } from "./index-DjwSlZQY.js";
-import { useTheme as p } from "@embeddable.com/react";
-import { a as C, i as x, a0 as j } from "./component.constants-DmK3uQGY.js";
+import { j as r, C as c, q as d, r as m, s as l } from "./index-CIy-fCZE.js";
+import { useTheme as C } from "@embeddable.com/react";
+import { a as p, i as x, a0 as j } from "./component.constants-5pSEkTqN.js";
 const u = "_card_15bw3_1", f = {
   card: u
 }, b = ({
@@ -10,8 +10,8 @@ const u = "_card_15bw3_1", f = {
   errorMessage: s,
   ...n
 }) => {
-  const o = p();
-  C(o);
+  const o = C();
+  p(o);
   const i = () => s ? /* @__PURE__ */ r.jsx(
     l,
     {
@@ -29,4 +29,4 @@ const u = "_card_15bw3_1", f = {
 export {
   b as E
 };
-//# sourceMappingURL=EditorCard-B95YC3pz.js.map
+//# sourceMappingURL=EditorCard-CXmogrdI.js.map

package/dist/{EditorCard-B95YC3pz.js.map → EditorCard-CXmogrdI.js.map}

@@ -1 +1 @@
-{"version":3,"file":"EditorCard-B95YC3pz.js","sources":["../src/components/editors/shared/EditorCard/EditorCard.tsx"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport styles from './EditorCard.module.css';\nimport { FC } from 'react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { Card, CardContent, CardFeedback, CardHeader } from '@embeddable.com/remarkable-ui';\nimport { IconAlertCircle } from '@tabler/icons-react';\n\ntype EditorCardProps = {\n  title?: string;\n  subtitle?: string;\n  children: React.ReactNode;\n  errorMessage?: string;\n};\n\nexport const EditorCard: FC<EditorCardProps> = ({\n  title,\n  subtitle,\n  children,\n  errorMessage,\n  ...props\n}) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const getDisplay = () => {\n    if (errorMessage) {\n      return (\n        <CardFeedback\n          variant=\"error\"\n          icon={IconAlertCircle}\n          title={i18n.t('editors.errorTitle')}\n          message={errorMessage}\n        />\n      );\n    }\n\n    return children;\n  };\n\n  return (\n    <Card className={styles.card} {...props}>\n      <CardHeader title={title} subtitle={subtitle} />\n      <CardContent>{getDisplay()}</CardContent>\n    </Card>\n  );\n};\n"],"names":["EditorCard","title","subtitle","children","errorMessage","props","theme","useTheme","i18nSetup","getDisplay","jsx","CardFeedback","IconAlertCircle","i18n","Card","styles","CardHeader","CardContent"],"mappings":";;;;;GAeaA,IAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAMG,IAAa,MACbL,IAEAM,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAMC;AAAA,MACN,OAAOC,EAAK,EAAE,oBAAoB;AAAA,MAClC,SAAST;AAAA,IAAA;AAAA,EAAA,IAKRD;AAGT,gCACGW,GAAA,EAAK,WAAWC,EAAO,MAAO,GAAGV,GAChC,UAAA;AAAA,IAAAK,gBAAAA,EAAAA,IAACM,GAAA,EAAW,OAAAf,GAAc,UAAAC,EAAA,CAAoB;AAAA,IAC9CQ,gBAAAA,EAAAA,IAACO,GAAA,EAAa,UAAAR,EAAA,EAAW,CAAE;AAAA,EAAA,GAC7B;AAEJ;"}
+{"version":3,"file":"EditorCard-CXmogrdI.js","sources":["../src/components/editors/shared/EditorCard/EditorCard.tsx"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport styles from './EditorCard.module.css';\nimport { FC } from 'react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { Card, CardContent, CardFeedback, CardHeader } from '@embeddable.com/remarkable-ui';\nimport { IconAlertCircle } from '@tabler/icons-react';\n\ntype EditorCardProps = {\n  title?: string;\n  subtitle?: string;\n  children: React.ReactNode;\n  errorMessage?: string;\n};\n\nexport const EditorCard: FC<EditorCardProps> = ({\n  title,\n  subtitle,\n  children,\n  errorMessage,\n  ...props\n}) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const getDisplay = () => {\n    if (errorMessage) {\n      return (\n        <CardFeedback\n          variant=\"error\"\n          icon={IconAlertCircle}\n          title={i18n.t('editors.errorTitle')}\n          message={errorMessage}\n        />\n      );\n    }\n\n    return children;\n  };\n\n  return (\n    <Card className={styles.card} {...props}>\n      <CardHeader title={title} subtitle={subtitle} />\n      <CardContent>{getDisplay()}</CardContent>\n    </Card>\n  );\n};\n"],"names":["EditorCard","title","subtitle","children","errorMessage","props","theme","useTheme","i18nSetup","getDisplay","jsx","CardFeedback","IconAlertCircle","i18n","Card","styles","CardHeader","CardContent"],"mappings":";;;;;GAeaA,IAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAMG,IAAa,MACbL,IAEAM,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAMC;AAAA,MACN,OAAOC,EAAK,EAAE,oBAAoB;AAAA,MAClC,SAAST;AAAA,IAAA;AAAA,EAAA,IAKRD;AAGT,gCACGW,GAAA,EAAK,WAAWC,EAAO,MAAO,GAAGV,GAChC,UAAA;AAAA,IAAAK,gBAAAA,EAAAA,IAACM,GAAA,EAAW,OAAAf,GAAc,UAAAC,EAAA,CAAoB;AAAA,IAC9CQ,gBAAAA,EAAAA,IAACO,GAAA,EAAa,UAAAR,EAAA,EAAW,CAAE;AAAA,EAAA,GAC7B;AAEJ;"}

package/dist/HeatMapPro.js

@@ -1,8 +1,8 @@
-import { l } from "./index-DjwSlZQY.js";
+import { l } from "./index-CIy-fCZE.js";
 import { defineComponent as n } from "@embeddable.com/react";
-import { H as i } from "./index-GhU7CFw0.js";
-import { v as m, D as s, z as t, F as u, G as d, d as a, g as p, c as r, H as g } from "./component.constants-DmK3uQGY.js";
-import { C as o } from "./Color.type.emb-BPT7WKyR.js";
+import { H as i } from "./index-DDx1tSTE.js";
+import { v as m, D as s, z as t, F as u, G as d, d as a, g as p, c as r, H as g } from "./component.constants-5pSEkTqN.js";
+import { C as o } from "./Color.type.emb-BmenseN6.js";
 const c = {
   name: "HeatMapPro",
   label: "Heat Map",

package/dist/KpiChartNumberComparisonPro.js

@@ -1,8 +1,8 @@
 import { defineComponent as t } from "@embeddable.com/react";
-import { v as l, D as s, y as p, b as c, F as g, G as d, g as o, c as r } from "./component.constants-DmK3uQGY.js";
-import { K as y } from "./index-Cj6xdAWZ.js";
-import { l as i } from "./index-DjwSlZQY.js";
-import { C } from "./ComparisonPeriod.type.emb-Bq4r1RbE.js";
+import { v as l, D as s, y as p, b as c, F as g, G as d, g as o, c as r } from "./component.constants-5pSEkTqN.js";
+import { K as y } from "./index-VMsVpFuu.js";
+import { l as i } from "./index-CIy-fCZE.js";
+import { C } from "./ComparisonPeriod.type.emb-Bp4VzSqq.js";
 const P = {
   name: "KpiChartNumberComparisonPro",
   label: "Kpi Chart - Number Comparison",

package/dist/KpiChartNumberPro.js

@@ -1,7 +1,7 @@
 import { defineComponent as r } from "@embeddable.com/react";
-import { v as a, D as t, F as o, G as m, c as s } from "./component.constants-DmK3uQGY.js";
-import { K as i } from "./index-Bk1YIZZf.js";
-import { l as p } from "./index-DjwSlZQY.js";
+import { v as a, D as t, F as o, G as m, c as s } from "./component.constants-5pSEkTqN.js";
+import { K as i } from "./index-33BWxRVA.js";
+import { l as p } from "./index-CIy-fCZE.js";
 const n = {
   name: "KpiChartNumberPro",
   label: "Kpi Chart - Number",

package/dist/LineChartComparisonDefaultPro.js

@@ -1,9 +1,9 @@
 import { defineComponent as p } from "@embeddable.com/react";
-import { v as c, E as n, g as o, w as d, b as g, y, F as u, G as x, I as C, J as f, K as D, M as b, N as h, O as R, P as L, S as v, T as A, H as P } from "./component.constants-DmK3uQGY.js";
-import { L as T } from "./index-D_-Nl-64.js";
-import { V, l as s } from "./index-DjwSlZQY.js";
-import { C as w } from "./ComparisonPeriod.type.emb-Bq4r1RbE.js";
-import { C as l } from "./Color.type.emb-BPT7WKyR.js";
+import { v as c, E as n, g as o, w as d, b as g, y, F as u, G as x, I as C, J as f, K as D, M as b, N as h, O as R, P as L, S as v, T as A, H as P } from "./component.constants-5pSEkTqN.js";
+import { L as T } from "./index-1KmRpcj0.js";
+import { V, l as s } from "./index-CIy-fCZE.js";
+import { C as w } from "./ComparisonPeriod.type.emb-Bp4VzSqq.js";
+import { C as l } from "./Color.type.emb-BmenseN6.js";
 const F = {
   name: "LineChartComparisonDefaultPro",
   label: "Line Chart Comparison - Default",