@embeddable.com/remarkable-pro 0.3.0 → 0.3.2

package/dist/AreaChartPro.js

@@ -0,0 +1,9 @@
+import { defineComponent as o } from "@embeddable.com/react";
+import { a as e } from "./definition-CtNshA5a.js";
+const m = e.preview, r = e.meta, n = o(e.Component, r, e.config);
+export {
+  n as default,
+  r as meta,
+  m as preview
+};
+//# sourceMappingURL=AreaChartPro.js.map

package/dist/AreaChartPro.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AreaChartPro.js","sources":["../src/components/charts/lines/AreaChartPro/AreaChartPro.emb.ts"],"sourcesContent":["import { defineComponent } from '@embeddable.com/react';\nimport { areaChartPro } from './definition';\n\nexport const preview = areaChartPro.preview;\n\nexport const meta = areaChartPro.meta;\n\nexport default defineComponent(areaChartPro.Component, meta, areaChartPro.config);\n"],"names":["preview","areaChartPro","meta","AreaChartPro_emb","defineComponent"],"mappings":";;AAGO,MAAMA,IAAUC,EAAa,SAEvBC,IAAOD,EAAa,MAEjCE,IAAeC,EAAgBH,EAAa,WAAWC,GAAMD,EAAa,MAAM;"}

package/dist/BarChartDefaultHorizontalPro.js

@@ -1,5 +1,5 @@
 import { defineComponent as t } from "@embeddable.com/react";
-import { b as o } from "./definition-hXPLrfc9.js";
+import { b as o } from "./definition-ukcHRZZl.js";
 const n = o.preview, e = o.meta, m = t(
   o.Component,
   e,

package/dist/BarChartDefaultPro.js

@@ -1,5 +1,5 @@
 import { defineComponent as o } from "@embeddable.com/react";
-import { b as e } from "./definition-COv0u2Kk.js";
+import { b as e } from "./definition-DDRYN7S1.js";
 const m = e.preview, t = e.meta, n = o(e.Component, t, e.config);
 export {
   n as default,

package/dist/BarChartGroupedHorizontalPro.js

@@ -1,5 +1,5 @@
 import { defineComponent as r } from "@embeddable.com/react";
-import { b as o } from "./definition-zEiltTUR.js";
+import { b as o } from "./definition-CL0Y27Yz.js";
 const n = o.preview, e = o.meta, m = r(
   o.Component,
   e,

package/dist/BarChartGroupedPro.js

@@ -1,5 +1,5 @@
 import { defineComponent as e } from "@embeddable.com/react";
-import { b as o } from "./definition-CwQymrHa.js";
+import { b as o } from "./definition-lic11MCV.js";
 const m = o.preview, r = o.meta, n = e(o.Component, r, o.config);
 export {
   n as default,

package/dist/BarChartStackedHorizontalPro.js

@@ -1,5 +1,5 @@
 import { defineComponent as t } from "@embeddable.com/react";
-import { b as o } from "./definition-Bh-Va9Aa.js";
+import { b as o } from "./definition-DtPY1lz6.js";
 const n = o.preview, e = o.meta, m = t(
   o.Component,
   e,

package/dist/BarChartStackedPro.js

@@ -1,5 +1,5 @@
 import { defineComponent as o } from "@embeddable.com/react";
-import { b as e } from "./definition-Bi8lf1H-.js";
+import { b as e } from "./definition-Bt9oWobV.js";
 const m = e.preview, t = e.meta, n = o(e.Component, t, e.config);
 export {
   n as default,

package/dist/BarLineChartPro.js

@@ -1,5 +1,5 @@
 import { defineComponent as o } from "@embeddable.com/react";
-import { b as e } from "./definition-guumiEeC.js";
+import { b as e } from "./definition-L3bdSclX.js";
 const a = e.preview, r = e.meta, m = o(e.Component, r, e.config);
 export {
   m as default,

package/dist/BubbleChartPro.js

@@ -1,5 +1,5 @@
 import { defineComponent as o } from "@embeddable.com/react";
-import { b as e } from "./definition-Cg6fSfVK.js";
+import { b as e } from "./definition-DCCcpo3n.js";
 const n = e.preview, t = e.meta, a = o(e.Component, t, e.config);
 export {
   a as default,

package/dist/{ChartCard-CZ0PnrNg.js → ChartCard-HpSv5cY6.js}

@@ -1,8 +1,8 @@
-import { X as b, a7 as e, n as N, l as S, w as L, z as k, A as D, c as M, f as H, W as f, d as w, J as z, e as _ } from "./index-Cddhb628.js";
+import { X as b, a7 as e, n as N, l as S, w as L, z as k, A as D, c as M, f as H, W as f, d as w, J as z, e as _ } from "./index-DcPl9DUc.js";
 import j, { useRef as F } from "react";
 import { useTheme as p } from "@embeddable.com/react";
 import { i as v, a as d } from "./component.utils-oQMZT7TK.js";
-import { I as T } from "./IconAlertCircle-DUAK1fGK.js";
+import { I as T } from "./IconAlertCircle-KfXTNipA.js";
 /**
  * @license @tabler/icons-react v3.44.0 - MIT
  *
@@ -115,4 +115,4 @@ q.displayName = "ChartCard";
 export {
   q as C
 };
-//# sourceMappingURL=ChartCard-CZ0PnrNg.js.map
+//# sourceMappingURL=ChartCard-HpSv5cY6.js.map

package/dist/{ChartCard-CZ0PnrNg.js.map → ChartCard-HpSv5cY6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ChartCard-CZ0PnrNg.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.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 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-HpSv5cY6.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.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 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-BIGAgWMV.js → Color.type.emb-DV4JdSJ1.js}

@@ -1,4 +1,4 @@
-import { Z as e } from "./index-Cddhb628.js";
+import { Z as e } from "./index-DcPl9DUc.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-BIGAgWMV.js.map
+//# sourceMappingURL=Color.type.emb-DV4JdSJ1.js.map

package/dist/{Color.type.emb-BIGAgWMV.js.map → Color.type.emb-DV4JdSJ1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Color.type.emb-BIGAgWMV.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-DV4JdSJ1.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,7 +1,7 @@
 import { defineEditor as e } from "@embeddable.com/react";
-import { C as m } from "./Color.type.emb-BIGAgWMV.js";
-import { V as a } from "./index-Cddhb628.js";
-import { C as i } from "./index-NsIiXrla.js";
+import { C as m } from "./Color.type.emb-DV4JdSJ1.js";
+import { V as a } from "./index-DcPl9DUc.js";
+import { C as i } from "./index-DxL0Y4DQ.js";
 const l = {
   name: "ColorEditor",
   label: "Color editor",

package/dist/ComparisonPeriodSelectFieldPro.js

@@ -1,5 +1,5 @@
 import { defineComponent as o } from "@embeddable.com/react";
-import { c as e } from "./definition-BZ7Wtvg5.js";
+import { c as e } from "./definition-eKuaU5xY.js";
 const m = e.preview, r = e.meta, n = o(
   e.Component,
   r,

package/dist/DateRangePickerCustomPro.js

@@ -1,5 +1,5 @@
 import { defineComponent as o } from "@embeddable.com/react";
-import { d as e } from "./definition-DGtAQtwL.js";
+import { d as e } from "./definition-B4F0jx72.js";
 const r = e.preview, t = e.meta, a = o(
   e.Component,
   t,

package/dist/DateRangeSelectFieldPro.js

@@ -1,5 +1,5 @@
 import { defineComponent as o } from "@embeddable.com/react";
-import { d as e } from "./definition-Bts5sDKG.js";
+import { d as e } from "./definition-DOIIIcT0.js";
 const m = e.preview, t = e.meta, r = o(
   e.Component,
   t,

package/dist/{DimensionAndMeasureSingleSelectField-CtdvYxT1.js → DimensionAndMeasureSingleSelectField-Cjvt8w1Q.js}

@@ -1,7 +1,7 @@
-import { a7 as h, E as S } from "./index-Cddhb628.js";
+import { a7 as h, E as S } from "./index-DcPl9DUc.js";
 import { useTheme as d } from "@embeddable.com/react";
 import { useState as p, useEffect as g } from "react";
-import { g as A } from "./dimensionsAndMeasures.utils-SAlbbzn4.js";
+import { g as A } from "./dimensionsAndMeasures.utils-BsJIn37r.js";
 const E = (i) => {
   const r = d(), [c, l] = p(""), { selectedValue: n, options: e, clearable: t, placeholder: m, onChange: o } = i, u = (a) => {
     const s = e.find((f) => f.name === a);
@@ -32,4 +32,4 @@ const E = (i) => {
 export {
   E as D
 };
-//# sourceMappingURL=DimensionAndMeasureSingleSelectField-CtdvYxT1.js.map
+//# sourceMappingURL=DimensionAndMeasureSingleSelectField-Cjvt8w1Q.js.map

package/dist/{DimensionAndMeasureSingleSelectField-CtdvYxT1.js.map → DimensionAndMeasureSingleSelectField-Cjvt8w1Q.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DimensionAndMeasureSingleSelectField-CtdvYxT1.js","sources":["../src/components/editors/shared/DimensionAndMeasureSingleSelectField/DimensionAndMeasureSingleSelectField.tsx"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { useEffect, useState } from 'react';\nimport { SingleSelectField } from '@embeddable.com/remarkable-ui';\nimport { getDimensionAndMeasureOptions } from '../../utils/dimensionsAndMeasures.utils';\nimport { Dimension, Measure } from '@embeddable.com/core';\n\nexport type DimensionAndMeasureSingleSelectFieldProps<T> = {\n  selectedValue?: T;\n  options: T[];\n  placeholder?: string;\n  clearable?: boolean;\n  onChange: (value: T | undefined) => void;\n};\n\nexport const DimensionAndMeasureSingleSelectField = <T extends Dimension | Measure>(\n  props: DimensionAndMeasureSingleSelectFieldProps<T>,\n) => {\n  const theme = useTheme() as Theme;\n\n  const [searchValue, setSearchValue] = useState<string>('');\n\n  const { selectedValue, options, clearable, placeholder, onChange } = props;\n\n  const handleChange = (newValue: string | null) => {\n    const newSelection = options.find((option) => option.name === newValue);\n    onChange(newSelection);\n  };\n\n  // Auto-select first dimensionOrMeasure when is not clearable and there is no selection\n  useEffect(() => {\n    const autoSelectActive = !clearable && !selectedValue;\n\n    if (!autoSelectActive) return;\n\n    const firstDimension = options?.[0];\n\n    if (firstDimension) {\n      onChange(firstDimension);\n    }\n  }, [clearable, selectedValue, options, onChange]);\n\n  return (\n    <SingleSelectField\n      searchable\n      clearable={clearable}\n      placeholder={placeholder}\n      value={selectedValue?.name}\n      onChange={handleChange}\n      onSearch={setSearchValue}\n      options={getDimensionAndMeasureOptions({\n        dimensionsAndMeasures: options,\n        searchValue,\n        theme,\n      })}\n      avoidCollisions={false}\n    />\n  );\n};\n"],"names":["DimensionAndMeasureSingleSelectField","props","theme","useTheme","searchValue","setSearchValue","useState","selectedValue","options","clearable","placeholder","onChange","handleChange","newValue","newSelection","option","useEffect","firstDimension","jsx","SingleSelectField","getDimensionAndMeasureOptions"],"mappings":";;;;AAeO,MAAMA,IAAuC,CAClDC,MACG;AACH,QAAMC,IAAQC,EAAA,GAER,CAACC,GAAaC,CAAc,IAAIC,EAAiB,EAAE,GAEnD,EAAE,eAAAC,GAAe,SAAAC,GAAS,WAAAC,GAAW,aAAAC,GAAa,UAAAC,MAAaV,GAE/DW,IAAe,CAACC,MAA4B;AAChD,UAAMC,IAAeN,EAAQ,KAAK,CAACO,MAAWA,EAAO,SAASF,CAAQ;AACtE,IAAAF,EAASG,CAAY;AAAA,EACvB;AAGA,SAAAE,EAAU,MAAM;AAGd,QAAI,EAFqB,CAACP,KAAa,CAACF,GAEjB;AAEvB,UAAMU,IAAiBT,KAAA,gBAAAA,EAAU;AAEjC,IAAIS,KACFN,EAASM,CAAc;AAAA,EAE3B,GAAG,CAACR,GAAWF,GAAeC,GAASG,CAAQ,CAAC,GAG9CO,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAU;AAAA,MACV,WAAAV;AAAA,MACA,aAAAC;AAAA,MACA,OAAOH,KAAA,gBAAAA,EAAe;AAAA,MACtB,UAAUK;AAAA,MACV,UAAUP;AAAA,MACV,SAASe,EAA8B;AAAA,QACrC,uBAAuBZ;AAAA,QACvB,aAAAJ;AAAA,QACA,OAAAF;AAAA,MAAA,CACD;AAAA,MACD,iBAAiB;AAAA,IAAA;AAAA,EAAA;AAGvB;"}
+{"version":3,"file":"DimensionAndMeasureSingleSelectField-Cjvt8w1Q.js","sources":["../src/components/editors/shared/DimensionAndMeasureSingleSelectField/DimensionAndMeasureSingleSelectField.tsx"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { useEffect, useState } from 'react';\nimport { SingleSelectField } from '@embeddable.com/remarkable-ui';\nimport { getDimensionAndMeasureOptions } from '../../utils/dimensionsAndMeasures.utils';\nimport { Dimension, Measure } from '@embeddable.com/core';\n\nexport type DimensionAndMeasureSingleSelectFieldProps<T> = {\n  selectedValue?: T;\n  options: T[];\n  placeholder?: string;\n  clearable?: boolean;\n  onChange: (value: T | undefined) => void;\n};\n\nexport const DimensionAndMeasureSingleSelectField = <T extends Dimension | Measure>(\n  props: DimensionAndMeasureSingleSelectFieldProps<T>,\n) => {\n  const theme = useTheme() as Theme;\n\n  const [searchValue, setSearchValue] = useState<string>('');\n\n  const { selectedValue, options, clearable, placeholder, onChange } = props;\n\n  const handleChange = (newValue: string | null) => {\n    const newSelection = options.find((option) => option.name === newValue);\n    onChange(newSelection);\n  };\n\n  // Auto-select first dimensionOrMeasure when is not clearable and there is no selection\n  useEffect(() => {\n    const autoSelectActive = !clearable && !selectedValue;\n\n    if (!autoSelectActive) return;\n\n    const firstDimension = options?.[0];\n\n    if (firstDimension) {\n      onChange(firstDimension);\n    }\n  }, [clearable, selectedValue, options, onChange]);\n\n  return (\n    <SingleSelectField\n      searchable\n      clearable={clearable}\n      placeholder={placeholder}\n      value={selectedValue?.name}\n      onChange={handleChange}\n      onSearch={setSearchValue}\n      options={getDimensionAndMeasureOptions({\n        dimensionsAndMeasures: options,\n        searchValue,\n        theme,\n      })}\n      avoidCollisions={false}\n    />\n  );\n};\n"],"names":["DimensionAndMeasureSingleSelectField","props","theme","useTheme","searchValue","setSearchValue","useState","selectedValue","options","clearable","placeholder","onChange","handleChange","newValue","newSelection","option","useEffect","firstDimension","jsx","SingleSelectField","getDimensionAndMeasureOptions"],"mappings":";;;;AAeO,MAAMA,IAAuC,CAClDC,MACG;AACH,QAAMC,IAAQC,EAAA,GAER,CAACC,GAAaC,CAAc,IAAIC,EAAiB,EAAE,GAEnD,EAAE,eAAAC,GAAe,SAAAC,GAAS,WAAAC,GAAW,aAAAC,GAAa,UAAAC,MAAaV,GAE/DW,IAAe,CAACC,MAA4B;AAChD,UAAMC,IAAeN,EAAQ,KAAK,CAACO,MAAWA,EAAO,SAASF,CAAQ;AACtE,IAAAF,EAASG,CAAY;AAAA,EACvB;AAGA,SAAAE,EAAU,MAAM;AAGd,QAAI,EAFqB,CAACP,KAAa,CAACF,GAEjB;AAEvB,UAAMU,IAAiBT,KAAA,gBAAAA,EAAU;AAEjC,IAAIS,KACFN,EAASM,CAAc;AAAA,EAE3B,GAAG,CAACR,GAAWF,GAAeC,GAASG,CAAQ,CAAC,GAG9CO,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAU;AAAA,MACV,WAAAV;AAAA,MACA,aAAAC;AAAA,MACA,OAAOH,KAAA,gBAAAA,EAAe;AAAA,MACtB,UAAUK;AAAA,MACV,UAAUP;AAAA,MACV,SAASe,EAA8B;AAAA,QACrC,uBAAuBZ;AAAA,QACvB,aAAAJ;AAAA,QACA,OAAAF;AAAA,MAAA,CACD;AAAA,MACD,iBAAiB;AAAA,IAAA;AAAA,EAAA;AAGvB;"}

package/dist/DimensionMeasureMultiSelectFieldPro.js

@@ -1,5 +1,5 @@
 import { defineComponent as o } from "@embeddable.com/react";
-import { d as e } from "./definition-CbwusFc9.js";
+import { d as e } from "./definition-CBuEfvdj.js";
 const m = e.preview, t = e.meta, r = o(
   e.Component,
   t,

package/dist/DimensionSingleSelectFieldPro.js

@@ -1,5 +1,5 @@
 import { defineComponent as o } from "@embeddable.com/react";
-import { d as e } from "./definition-CEsJTFVE.js";
+import { d as e } from "./definition-CbYDh9Ub.js";
 const m = e.preview, n = e.meta, r = o(
   e.Component,
   n,

package/dist/DonutChartPro.js

@@ -1,5 +1,5 @@
 import { defineComponent as t } from "@embeddable.com/react";
-import { d as o } from "./definition-BPveF-o0.js";
+import { d as o } from "./definition-1VYzuMo9.js";
 const m = o.preview, e = o.meta, a = t(o.Component, e, o.config);
 export {
   a as default,

package/dist/DonutLabelChartPro.js

@@ -1,5 +1,5 @@
 import { defineComponent as e } from "@embeddable.com/react";
-import { d as o } from "./definition-CJuA3KVA.js";
+import { d as o } from "./definition-Bt4uNhtN.js";
 const a = o.preview, t = o.meta, m = e(o.Component, t, o.config);
 export {
   m as default,

package/dist/{EditorCard-DOCprGOC.js → EditorCard-G99fWjyz.js}

@@ -1,7 +1,7 @@
-import { a7 as r, c, f as m, d as C, e as l } from "./index-Cddhb628.js";
+import { a7 as r, c, f as m, d as C, e as l } from "./index-DcPl9DUc.js";
 import { useTheme as p } from "@embeddable.com/react";
 import { i as u, a as x } from "./component.utils-oQMZT7TK.js";
-import { I as f } from "./IconAlertCircle-DUAK1fGK.js";
+import { I as f } from "./IconAlertCircle-KfXTNipA.js";
 const j = "_editorCard_1q85m_1", h = {
   editorCard: j
 }, I = ({
@@ -31,4 +31,4 @@ const j = "_editorCard_1q85m_1", h = {
 export {
   I as E
 };
-//# sourceMappingURL=EditorCard-DOCprGOC.js.map
+//# sourceMappingURL=EditorCard-G99fWjyz.js.map

package/dist/{EditorCard-DOCprGOC.js.map → EditorCard-G99fWjyz.js.map}

@@ -1 +1 @@
-{"version":3,"file":"EditorCard-DOCprGOC.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\nexport type EditorCardHeaderProps = {\n  title?: string;\n  description?: string;\n  tooltip?: string;\n};\n\nexport type EditorCardProps = {\n  children: React.ReactNode;\n  errorMessage?: string;\n} & EditorCardHeaderProps;\n\nexport const EditorCard: FC<EditorCardProps> = ({\n  title,\n  description,\n  tooltip,\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.editorCard} {...props}>\n      <CardHeader title={title} subtitle={description} tooltip={tooltip} />\n      <CardContent>{getDisplay()}</CardContent>\n    </Card>\n  );\n};\n"],"names":["EditorCard","title","description","tooltip","children","errorMessage","props","theme","useTheme","i18nSetup","getDisplay","jsx","CardFeedback","IconAlertCircle","i18n","Card","styles","CardHeader","CardContent"],"mappings":";;;;;;GAmBaA,IAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;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,YAAa,GAAGV,GACtC,UAAA;AAAA,IAAAK,gBAAAA,EAAAA,IAACM,GAAA,EAAW,OAAAhB,GAAc,UAAUC,GAAa,SAAAC,GAAkB;AAAA,IACnEQ,gBAAAA,EAAAA,IAACO,GAAA,EAAa,UAAAR,EAAA,EAAW,CAAE;AAAA,EAAA,GAC7B;AAEJ;"}
+{"version":3,"file":"EditorCard-G99fWjyz.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\nexport type EditorCardHeaderProps = {\n  title?: string;\n  description?: string;\n  tooltip?: string;\n};\n\nexport type EditorCardProps = {\n  children: React.ReactNode;\n  errorMessage?: string;\n} & EditorCardHeaderProps;\n\nexport const EditorCard: FC<EditorCardProps> = ({\n  title,\n  description,\n  tooltip,\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.editorCard} {...props}>\n      <CardHeader title={title} subtitle={description} tooltip={tooltip} />\n      <CardContent>{getDisplay()}</CardContent>\n    </Card>\n  );\n};\n"],"names":["EditorCard","title","description","tooltip","children","errorMessage","props","theme","useTheme","i18nSetup","getDisplay","jsx","CardFeedback","IconAlertCircle","i18n","Card","styles","CardHeader","CardContent"],"mappings":";;;;;;GAmBaA,IAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;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,YAAa,GAAGV,GACtC,UAAA;AAAA,IAAAK,gBAAAA,EAAAA,IAACM,GAAA,EAAW,OAAAhB,GAAc,UAAUC,GAAa,SAAAC,GAAkB;AAAA,IACnEQ,gBAAAA,EAAAA,IAACO,GAAA,EAAa,UAAAR,EAAA,EAAW,CAAE;AAAA,EAAA,GAC7B;AAEJ;"}