@embeddable.com/remarkable-pro 0.1.8 → 0.1.9

package/dist/BarChartDefaultHorizontalPro.js

@@ -1,10 +1,10 @@
-import { V as l, l as m } from "./Color.type.emb-tRPNtuPs.js";
+import { V as l, l as m } from "./Color.type.emb-JBTB4VAn.js";
 import { definePreview as u, defineComponent as d } from "@embeddable.com/react";
-import { B as o } from "./index-miobE3AH.js";
-import { b as e } from "./component.inputs.constants-DIZMtQw0.js";
-import { p as r } from "./preview.data.constants-DDnGcvzL.js";
-import { g as p } from "./granularity.utils-DAAi-602.js";
-const x = {
+import { B as o } from "./index-BIYe6Mxp.js";
+import { c as e } from "./component.inputs.constants-Cj-atN8w.js";
+import { p as r } from "./preview.data.constants-DWqfMVjy.js";
+import { g as p } from "./granularity.utils-COYhEZ3f.js";
+const c = {
   name: "BarChartDefaultHorizontalPro",
   label: "Bar Chart - Default Horizontal",
   category: "Bar Charts",
@@ -46,7 +46,7 @@ const x = {
   hideMenu: !0,
   setGranularity: () => {
   }
-}), C = d(o, x, {
+}), C = d(o, c, {
   props: (a, [i, t]) => {
     const s = p(
       a.dimension,
@@ -70,7 +70,7 @@ const x = {
 });
 export {
   C as default,
-  x as meta,
+  c as meta,
   g as preview
 };
 //# sourceMappingURL=BarChartDefaultHorizontalPro.js.map

package/dist/BarChartDefaultPro.js

@@ -1,9 +1,9 @@
-import { V as l, l as m } from "./Color.type.emb-tRPNtuPs.js";
+import { V as l, l as m } from "./Color.type.emb-JBTB4VAn.js";
 import { definePreview as u, defineComponent as d } from "@embeddable.com/react";
-import { B as t } from "./index-CfscOxbu.js";
-import { b as e } from "./component.inputs.constants-DIZMtQw0.js";
-import { p as s } from "./preview.data.constants-DDnGcvzL.js";
-import { g as p } from "./granularity.utils-DAAi-602.js";
+import { B as t } from "./index-CwEdsnOz.js";
+import { c as e } from "./component.inputs.constants-Cj-atN8w.js";
+import { p as s } from "./preview.data.constants-DWqfMVjy.js";
+import { g as p } from "./granularity.utils-COYhEZ3f.js";
 const x = {
   name: "BarChartDefaultPro",
   label: "Bar Chart - Default",

package/dist/BarChartGroupedHorizontalPro.js

@@ -1,9 +1,9 @@
-import { V as s, l as m } from "./Color.type.emb-tRPNtuPs.js";
+import { V as s, l as m } from "./Color.type.emb-JBTB4VAn.js";
 import { definePreview as u, defineComponent as p } from "@embeddable.com/react";
-import { B as n } from "./index-C4C09WJe.js";
-import { b as e } from "./component.inputs.constants-DIZMtQw0.js";
-import { p as a } from "./preview.data.constants-DDnGcvzL.js";
-import { g as d } from "./granularity.utils-DAAi-602.js";
+import { B as n } from "./index-C6YdlImA.js";
+import { c as e } from "./component.inputs.constants-Cj-atN8w.js";
+import { p as a } from "./preview.data.constants-DWqfMVjy.js";
+import { g as d } from "./granularity.utils-COYhEZ3f.js";
 const x = {
   name: "BarChartGroupedHorizontalPro",
   label: "Bar Chart - Grouped Horizontal",

package/dist/BarChartGroupedPro.js

@@ -1,9 +1,9 @@
-import { V as o, l as m } from "./Color.type.emb-tRPNtuPs.js";
+import { V as o, l as m } from "./Color.type.emb-JBTB4VAn.js";
 import { definePreview as u, defineComponent as p } from "@embeddable.com/react";
-import { B as n } from "./index-DhA_rNUY.js";
-import { b as e } from "./component.inputs.constants-DIZMtQw0.js";
-import { p as a } from "./preview.data.constants-DDnGcvzL.js";
-import { g as d } from "./granularity.utils-DAAi-602.js";
+import { B as n } from "./index-DKN0VZXM.js";
+import { c as e } from "./component.inputs.constants-Cj-atN8w.js";
+import { p as a } from "./preview.data.constants-DWqfMVjy.js";
+import { g as d } from "./granularity.utils-COYhEZ3f.js";
 const x = {
   name: "BarChartGroupedPro",
   label: "Bar Chart - Grouped",
@@ -45,7 +45,7 @@ const x = {
       ]
     }
   ]
-}, A = u(n, {
+}, B = u(n, {
   xAxis: a.dimension,
   groupBy: a.dimensionGroup,
   measure: a.measure,
@@ -53,7 +53,7 @@ const x = {
   hideMenu: !0,
   setGranularity: () => {
   }
-}), B = p(n, x, {
+}), b = p(n, x, {
   props: (i, [r, t]) => {
     const s = d(i.xAxis, r == null ? void 0 : r.granularity);
     return {
@@ -75,8 +75,8 @@ const x = {
   }
 });
 export {
-  B as default,
+  b as default,
   x as meta,
-  A as preview
+  B as preview
 };
 //# sourceMappingURL=BarChartGroupedPro.js.map

package/dist/BarChartStackedHorizontalPro.js

@@ -1,9 +1,9 @@
-import { V as s, l as m } from "./Color.type.emb-tRPNtuPs.js";
+import { V as s, l as m } from "./Color.type.emb-JBTB4VAn.js";
 import { definePreview as u, defineComponent as d } from "@embeddable.com/react";
-import { B as n } from "./index-De7NmChy.js";
-import { b as e } from "./component.inputs.constants-DIZMtQw0.js";
-import { p as i } from "./preview.data.constants-DDnGcvzL.js";
-import { g as p } from "./granularity.utils-DAAi-602.js";
+import { B as n } from "./index-s6HzicAx.js";
+import { c as e } from "./component.inputs.constants-Cj-atN8w.js";
+import { p as i } from "./preview.data.constants-DWqfMVjy.js";
+import { g as p } from "./granularity.utils-COYhEZ3f.js";
 const x = {
   name: "BarChartStackedHorizontalPro",
   label: "Bar Chart - Stacked Horizontal",

package/dist/BarChartStackedPro.js

@@ -1,9 +1,9 @@
-import { V as o, l as m } from "./Color.type.emb-tRPNtuPs.js";
+import { V as o, l as m } from "./Color.type.emb-JBTB4VAn.js";
 import { definePreview as u, defineComponent as d } from "@embeddable.com/react";
-import { B as n } from "./index-BKikv8mC.js";
-import { b as e } from "./component.inputs.constants-DIZMtQw0.js";
-import { p as i } from "./preview.data.constants-DDnGcvzL.js";
-import { g as p } from "./granularity.utils-DAAi-602.js";
+import { B as n } from "./index-D65Rq3k-.js";
+import { c as e } from "./component.inputs.constants-Cj-atN8w.js";
+import { p as i } from "./preview.data.constants-DWqfMVjy.js";
+import { g as p } from "./granularity.utils-COYhEZ3f.js";
 const x = {
   name: "BarChartStackedPro",
   label: "Bar Chart - Stacked",

package/dist/{ChartCard-BmBTN11g.js → ChartCard-Bu-80NJh.js}

@@ -1,14 +1,14 @@
-import { i as b, j as e, W as N, z as S, E as L, F as k, A as D, p as M, q as F, v as _, r as H, X as z, s as f } from "./Color.type.emb-tRPNtuPs.js";
+import { h as I, j as e, W as N, x as S, y as L, z as k, A as D, n as M, o as H, r as _, p as z, X as F, q as f } from "./Color.type.emb-JBTB4VAn.js";
 import j, { useRef as T } from "react";
 import { useTheme as p } from "@embeddable.com/react";
-import { a as v, i as d, I as w } from "./component.inputs.constants-DIZMtQw0.js";
+import { b as v, i as d, I as w } from "./component.inputs.constants-Cj-atN8w.js";
 /**
  * @license @tabler/icons-react v3.36.1 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const A = [["path", { d: "M11 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-0" }], ["path", { d: "M11 19a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-1" }], ["path", { d: "M11 5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-2" }]], E = b("outline", "dots-vertical", "DotsVertical", A), O = "_chartCard_srzbl_1", P = "_chartCardHeader_srzbl_6", V = "_hidden_srzbl_12", $ = "_chartCardRightContent_srzbl_16", l = {
+const A = [["path", { d: "M11 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-0" }], ["path", { d: "M11 19a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-1" }], ["path", { d: "M11 5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-2" }]], E = I("outline", "dots-vertical", "DotsVertical", A), O = "_chartCard_srzbl_1", P = "_chartCardHeader_srzbl_6", V = "_hidden_srzbl_12", $ = "_chartCardRightContent_srzbl_16", l = {
   chartCard: O,
   chartCardHeader: P,
   hidden: V,
@@ -74,7 +74,7 @@ const X = (r) => {
     var x;
     const R = p();
     v(R);
-    const u = T(null), g = !!(t != null && t.data && ((x = t.data) == null ? void 0 : x.length) > 0), C = !t || (t == null ? void 0 : t.isLoading), I = () => C && !g ? /* @__PURE__ */ e.jsx(z, {}) : i ? /* @__PURE__ */ e.jsx(
+    const u = T(null), g = !!(t != null && t.data && ((x = t.data) == null ? void 0 : x.length) > 0), C = !t || (t == null ? void 0 : t.isLoading), b = () => C && !g ? /* @__PURE__ */ e.jsx(F, {}) : i ? /* @__PURE__ */ e.jsx(
       f,
       {
         variant: "error",
@@ -91,7 +91,7 @@ const X = (r) => {
     );
     return /* @__PURE__ */ e.jsxs(M, { className: l.chartCard, children: [
       s ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsx("div", { className: l.chartCardHeader, children: /* @__PURE__ */ e.jsx(F, { title: n, subtitle: c, tooltip: r }) }),
+        /* @__PURE__ */ e.jsx("div", { className: l.chartCardHeader, children: /* @__PURE__ */ e.jsx(H, { title: n, subtitle: c, tooltip: r }) }),
         /* @__PURE__ */ e.jsxs("div", { className: l.chartCardRightContent, children: [
           /* @__PURE__ */ e.jsx("div", { className: _(!C && l.hidden), children: /* @__PURE__ */ e.jsx(y, {}) }),
           /* @__PURE__ */ e.jsx("div", { className: _(C && l.hidden), children: /* @__PURE__ */ e.jsx(
@@ -106,7 +106,7 @@ const X = (r) => {
           ) })
         ] })
       ] }),
-      /* @__PURE__ */ e.jsx(H, { ref: o ? m : u, children: I() })
+      /* @__PURE__ */ e.jsx(z, { ref: o ? m : u, children: b() })
     ] });
   }
 );
@@ -114,4 +114,4 @@ G.displayName = "ChartCard";
 export {
   G as C
 };
-//# sourceMappingURL=ChartCard-BmBTN11g.js.map
+//# sourceMappingURL=ChartCard-Bu-80NJh.js.map

package/dist/{ChartCard-BmBTN11g.js.map → ChartCard-Bu-80NJh.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ChartCard-BmBTN11g.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.1 - 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 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M11 19a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-1\" }], [\"path\", { \"d\": \"M11 5a1 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\nexport type ChartCardHeaderProps = {\n  title?: string;\n  description?: string;\n  tooltip?: string;\n  hideMenu?: boolean;\n};\n\ntype ChartCardProps = {\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} & ChartCardHeaderProps;\n\nexport const ChartCard = React.forwardRef<HTMLDivElement, ChartCardProps>(\n  (\n    {\n      tooltip,\n      title,\n      description,\n      children,\n      data,\n      errorMessage,\n      dimensionsAndMeasures = [],\n      hideMenu = false,\n      onCustomDownload,\n    },\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        {hideMenu ? null : (\n          <>\n            <div className={styles.chartCardHeader}>\n              <CardHeader title={title} subtitle={description} tooltip={tooltip} />\n            </div>\n            <div className={styles.chartCardRightContent}>\n              <div className={clsx(!isLoading && styles.hidden)}>\n                <ChartCardLoading />\n              </div>\n              <div className={clsx(isLoading && styles.hidden)}>\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","tooltip","title","description","children","data","errorMessage","dimensionsAndMeasures","hideMenu","onCustomDownload","ref","chartRef","useRef","hasData","_a","getDisplay","Skeleton","CardFeedback","IconAlertCircle","jsxs","Card","Fragment","CardHeader","clsx","CardContent"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ChartCard-Bu-80NJh.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.1 - 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 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M11 19a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-1\" }], [\"path\", { \"d\": \"M11 5a1 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\nexport type ChartCardHeaderProps = {\n  title?: string;\n  description?: string;\n  tooltip?: string;\n  hideMenu?: boolean;\n};\n\ntype ChartCardProps = {\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} & ChartCardHeaderProps;\n\nexport const ChartCard = React.forwardRef<HTMLDivElement, ChartCardProps>(\n  (\n    {\n      tooltip,\n      title,\n      description,\n      children,\n      data,\n      errorMessage,\n      dimensionsAndMeasures = [],\n      hideMenu = false,\n      onCustomDownload,\n    },\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        {hideMenu ? null : (\n          <>\n            <div className={styles.chartCardHeader}>\n              <CardHeader title={title} subtitle={description} tooltip={tooltip} />\n            </div>\n            <div className={styles.chartCardRightContent}>\n              <div className={clsx(!isLoading && styles.hidden)}>\n                <ChartCardLoading />\n              </div>\n              <div className={clsx(isLoading && styles.hidden)}>\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","tooltip","title","description","children","data","errorMessage","dimensionsAndMeasures","hideMenu","onCustomDownload","ref","chartRef","useRef","hasData","_a","getDisplay","Skeleton","CardFeedback","IconAlertCircle","jsxs","Card","Fragment","CardHeader","clsx","CardContent"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/{Color.type.emb-tRPNtuPs.js → Color.type.emb-JBTB4VAn.js}

@@ -62678,57 +62678,57 @@ export {
   j_e as $,
   Xr as A,
   mSe as B,
-  eSe as C,
+  _Se as C,
   bSe as D,
-  pc as E,
-  rr as F,
-  UP as G,
+  UP as E,
+  V_e as F,
+  Iv as G,
   ySe as H,
   Ql as I,
-  V_e as J,
+  Av as J,
   gSe as K,
   fSe as L,
   MSe as M,
-  Iv as N,
-  Av as O,
+  hg as N,
+  Ks as O,
   pSe as P,
-  hg as Q,
-  Ks as R,
+  iSe as Q,
+  oSe as R,
   kSe as S,
   z_e as T,
-  I_e as U,
+  rSe as U,
   nSe as V,
   Kl as W,
   WSe as X,
   TP as Y,
   aSe as Z,
   dg as _,
-  iSe as a,
+  mc as a,
   __e as a0,
-  oSe as b,
-  rSe as c,
-  mc as d,
-  de as e,
-  vSe as f,
+  eSe as b,
+  de as c,
+  vSe as d,
+  O_e as e,
+  PSe as f,
   he as g,
-  O_e as h,
-  Ke as i,
+  Ke as h,
+  Bs as i,
   P as j,
-  PSe as k,
+  Yf as k,
   tSe as l,
   Nt as m,
-  Bs as n,
-  Yf as o,
-  K_e as p,
-  xSe as q,
-  Q_e as r,
-  $Se as s,
-  _Se as t,
+  K_e as n,
+  xSe as o,
+  Q_e as p,
+  $Se as q,
+  be as r,
+  wSe as s,
+  I_e as t,
   h_e as u,
-  be as v,
-  wSe as w,
-  DSe as x,
-  F_e as y,
-  bc as z
+  DSe as v,
+  F_e as w,
+  bc as x,
+  pc as y,
+  rr as z
 };
-//# sourceMappingURL=Color.type.emb-tRPNtuPs.js.map
+//# sourceMappingURL=Color.type.emb-JBTB4VAn.js.map