@embeddable.com/remarkable-ui 0.1.39 → 0.1.41

package/dist/BarChartDefaultHorizontalPro.js

@@ -1,7 +1,7 @@
-import { i as L, r as w, m as M, j as l, d as V, a as y, b as z, t as P, c as k, s as v, e as H, f as R, g as j, x as I, y as S, h as T, k as Y, l as F, n as E, V as G, o as O } from "./component.constants-CeRyckoA.js";
+import { i as L, r as w, m as M, j as l, d as V, a as y, b as z, t as P, c as k, s as v, e as H, f as R, g as j, x as I, y as S, h as T, k as Y, l as F, n as E, V as G, o as O } from "./component.constants-6DERKpeq.js";
 import { useTheme as W, defineComponent as _ } from "@embeddable.com/react";
-import { C as q } from "./ChartCard-t-ie7CyA.js";
-import { g as J, a as K, B as N } from "./bars.utils-9JzdTZTY.js";
+import { C as q } from "./ChartCard-CsgyAnzC.js";
+import { g as J, a as K, B as N } from "./bars.utils-DIunU5Xf.js";
 import { u as Q } from "./charts.newFillGaps.hooks-CEXFxNVs.js";
 const U = (a) => {
   var i, n;

package/dist/BarChartDefaultPro.js

@@ -1,7 +1,7 @@
-import { i as L, r as y, m as w, j as l, d as M, a as V, b as P, t as v, c as k, s as R, e as j, f as I, g as S, x as T, y as X, p as F, q, u as z, v as E, V as G, o as O } from "./component.constants-CeRyckoA.js";
+import { i as L, r as y, m as w, j as l, d as M, a as V, b as P, t as v, c as k, s as R, e as j, f as I, g as S, x as T, y as X, p as F, q, u as z, v as E, V as G, o as O } from "./component.constants-6DERKpeq.js";
 import { useTheme as W, defineComponent as _ } from "@embeddable.com/react";
-import { C as H } from "./ChartCard-t-ie7CyA.js";
-import { g as J, a as K, B as N } from "./bars.utils-9JzdTZTY.js";
+import { C as H } from "./ChartCard-CsgyAnzC.js";
+import { g as J, a as K, B as N } from "./bars.utils-DIunU5Xf.js";
 import { u as Q } from "./charts.newFillGaps.hooks-CEXFxNVs.js";
 const U = (a) => {
   var o, n;

package/dist/BarChartGroupedHorizontalPro.js

@@ -1,7 +1,7 @@
-import { i as L, r as w, m as k, j as m, d as z, w as G, b as P, z as R, t as M, c as H, A as j, s as v, e as S, f as T, g as F, x as Y, y as E, h as I, k as O, l as W, V as u, o as _ } from "./component.constants-CeRyckoA.js";
+import { i as L, r as w, m as k, j as m, d as z, w as G, b as P, z as R, t as M, c as H, A as j, s as v, e as S, f as T, g as F, x as Y, y as E, h as I, k as O, l as W, V as u, o as _ } from "./component.constants-6DERKpeq.js";
 import { useTheme as q, defineComponent as J } from "@embeddable.com/react";
-import { C as K } from "./ChartCard-t-ie7CyA.js";
-import { b as N, a as Q, B as U } from "./bars.utils-9JzdTZTY.js";
+import { C as K } from "./ChartCard-CsgyAnzC.js";
+import { b as N, a as Q, B as U } from "./bars.utils-DIunU5Xf.js";
 import { u as X } from "./charts.newFillGaps.hooks-CEXFxNVs.js";
 const Z = (e) => {
   var n, l;

package/dist/BarChartGroupedPro.js

@@ -1,7 +1,7 @@
-import { i as L, r as w, m as G, j as m, d as k, w as P, b as R, z as M, t as j, c as v, A as S, s as T, e as F, f as X, g as z, x as q, y as E, p as I, q as O, u as W, V as u, o as _ } from "./component.constants-CeRyckoA.js";
+import { i as L, r as w, m as G, j as m, d as k, w as P, b as R, z as M, t as j, c as v, A as S, s as T, e as F, f as X, g as z, x as q, y as E, p as I, q as O, u as W, V as u, o as _ } from "./component.constants-6DERKpeq.js";
 import { useTheme as H, defineComponent as J } from "@embeddable.com/react";
-import { C as K } from "./ChartCard-t-ie7CyA.js";
-import { b as N, a as Q, B as U } from "./bars.utils-9JzdTZTY.js";
+import { C as K } from "./ChartCard-CsgyAnzC.js";
+import { b as N, a as Q, B as U } from "./bars.utils-DIunU5Xf.js";
 import { u as Y } from "./charts.newFillGaps.hooks-CEXFxNVs.js";
 const Z = (e) => {
   var n, l;

package/dist/BarChartStackedHorizontalPro.js

@@ -1,7 +1,7 @@
-import { i as L, r as f, m as w, j as m, d as S, w as z, b as P, z as R, t as M, c as H, A as T, s as j, e as v, f as F, g as G, x as Y, y as E, h as I, k as O, l as W, B as _, V as u, o as q } from "./component.constants-CeRyckoA.js";
+import { i as L, r as f, m as w, j as m, d as S, w as z, b as P, z as R, t as M, c as H, A as T, s as j, e as v, f as F, g as G, x as Y, y as E, h as I, k as O, l as W, B as _, V as u, o as q } from "./component.constants-6DERKpeq.js";
 import { useTheme as J, defineComponent as K } from "@embeddable.com/react";
-import { C as N } from "./ChartCard-t-ie7CyA.js";
-import { b as Q, a as U, B as X } from "./bars.utils-9JzdTZTY.js";
+import { C as N } from "./ChartCard-CsgyAnzC.js";
+import { b as Q, a as U, B as X } from "./bars.utils-DIunU5Xf.js";
 import { u as Z } from "./charts.newFillGaps.hooks-CEXFxNVs.js";
 const $ = (a) => {
   var n, l;

package/dist/BarChartStackedPro.js

@@ -1,7 +1,7 @@
-import { i as D, r as L, m as w, j as m, d as S, w as P, b as R, z as M, t as T, c as j, A as v, s as F, e as G, f as X, g as z, x as q, y as E, p as I, q as O, u as W, B as _, V as u, o as H } from "./component.constants-CeRyckoA.js";
+import { i as D, r as L, m as w, j as m, d as S, w as P, b as R, z as M, t as T, c as j, A as v, s as F, e as G, f as X, g as z, x as q, y as E, p as I, q as O, u as W, B as _, V as u, o as H } from "./component.constants-6DERKpeq.js";
 import { useTheme as J, defineComponent as K } from "@embeddable.com/react";
-import { C as N } from "./ChartCard-t-ie7CyA.js";
-import { b as Q, a as U, B as Y } from "./bars.utils-9JzdTZTY.js";
+import { C as N } from "./ChartCard-CsgyAnzC.js";
+import { b as Q, a as U, B as Y } from "./bars.utils-DIunU5Xf.js";
 import { u as Z } from "./charts.newFillGaps.hooks-CEXFxNVs.js";
 const $ = (a) => {
   var n, l;

package/dist/{ChartCard-t-ie7CyA.js → ChartCard-CsgyAnzC.js}

@@ -1,4 +1,4 @@
-import { ad as k, j as t, aP as v, i as x, ap as N, as as D, U as C, aq as L, ak as S, ai as w, aj as I, ag as R, am as M, an as _, aQ as $ } from "./component.constants-CeRyckoA.js";
+import { ad as k, j as t, aP as v, i as x, ap as N, as as D, U as C, aq as L, ak as S, ai as w, aj as I, ag as R, am as M, an as _, aQ as $ } from "./component.constants-6DERKpeq.js";
 import f, { useRef as P } from "react";
 import { useTheme as j } from "@embeddable.com/react";
 /**
@@ -114,4 +114,4 @@ export {
   W as C,
   E as S
 };
-//# sourceMappingURL=ChartCard-t-ie7CyA.js.map
+//# sourceMappingURL=ChartCard-CsgyAnzC.js.map

package/dist/{ChartCard-t-ie7CyA.js.map → ChartCard-CsgyAnzC.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ChartCard-t-ie7CyA.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconDotsVertical.mjs","../src/remarkable-ui/shared/Skeleton/Skeleton.tsx","../src/remarkable-pro/components/charts/shared/ChartCard/ChartCardLoading/ChartCardLoading.tsx","../src/remarkable-pro/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.tsx","../src/remarkable-pro/components/charts/shared/ChartCard/ChartCard.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.35.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 styles from './Skeleton.module.css';\n\nexport const Skeleton = () => {\n  return <div className={styles.skeleton} />;\n};\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  IconButton,\n  SelectList,\n  SelectListOption,\n} from '../../../../../../remarkable-ui';\nimport { ChartCardMenuProOptionOnClickProps } from './ChartCardMenuPro.types';\nimport styles from './ChartCardMenuPro.module.css';\n\ntype ChartCardMenuProProps = Omit<ChartCardMenuProOptionOnClickProps, '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.charts?.chartCardMenuPro?.options ?? [];\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: ChartCardMenuProOptionOnClickProps) => 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 /> : <IconButton icon={IconDotsVertical} />}\n    >\n      <SelectList 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={\n                option.iconSrc ? <img src={option.iconSrc} alt={`${label} icon`} /> : undefined\n              }\n            />\n          );\n        })}\n      </SelectList>\n    </Dropdown>\n  );\n};\n","import React, { CSSProperties, useRef } from 'react';\nimport { IconAlertCircle } from '@tabler/icons-react';\nimport {\n  Card,\n  CardContent,\n  CardContentInfo,\n  CardHeader,\n  Skeleton,\n} from '../../../../../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 { ChartCardMenuProOptionOnClickProps } from './ChartCardMenuPro/ChartCardMenuPro.types';\nimport clsx from 'clsx';\n\ntype ChartCardProps = {\n  title: string;\n  subtitle?: string;\n  children: React.ReactNode;\n  data: DataResponse;\n  isLoading?: boolean;\n  errorMessage?: string;\n  style?: CSSProperties;\n  dimensionsAndMeasures?: (Dimension | Measure)[];\n  onCustomDownload?: (props: (props: ChartCardMenuProOptionOnClickProps) => void) => void;\n};\n\nexport const ChartCard = React.forwardRef<HTMLDivElement, ChartCardProps>(\n  (\n    { title, subtitle, children, data, errorMessage, dimensionsAndMeasures = [], ...props },\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          <CardContentInfo\n            className={styles.error}\n            icon={IconAlertCircle}\n            title={i18n.t('charts.errorTitle')}\n            message={errorMessage}\n          />\n        );\n      }\n\n      if (!hasData) {\n        return (\n          <CardContentInfo\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} {...props}>\n        <CardHeader\n          title={title}\n          subtitle={subtitle}\n          rightContent={\n            <div data-no-export className={styles.rightContent}>\n              <div\n                className={clsx(styles.fixedContent, isLoading ? styles.loading : styles.hidden)}\n              >\n                <ChartCardLoading />\n              </div>\n              <div className={styles.fixedContent}>\n                <ChartCardMenuPro\n                  title={title}\n                  containerRef={chartRef}\n                  data={data?.data}\n                  dimensionsAndMeasures={dimensionsAndMeasures}\n                  onCustomDownload={props.onCustomDownload}\n                />\n              </div>\n            </div>\n          }\n        />\n\n        <CardContent ref={ref}>{getDisplay()}</CardContent>\n      </Card>\n    );\n  },\n);\n\nChartCard.displayName = 'ChartCard';\n"],"names":["__iconNode","IconDotsVertical","createReactComponent","Skeleton","jsx","styles","ChartCardLoading","IconLoader2","ChartCardMenuPro","props","theme","useTheme","i18nSetup","isLoading","setIsLoading","React","options","_b","_a","startAction","onClick","handleExport","args","Dropdown","IconButton","SelectList","option","index","label","i18n","SelectListOption","ChartCard","title","subtitle","children","data","errorMessage","dimensionsAndMeasures","ref","chartRef","useRef","hasData","getDisplay","CardContentInfo","IconAlertCircle","Card","CardHeader","jsxs","clsx","CardContent"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ChartCard-CsgyAnzC.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconDotsVertical.mjs","../src/remarkable-ui/shared/Skeleton/Skeleton.tsx","../src/remarkable-pro/components/charts/shared/ChartCard/ChartCardLoading/ChartCardLoading.tsx","../src/remarkable-pro/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.tsx","../src/remarkable-pro/components/charts/shared/ChartCard/ChartCard.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.35.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 styles from './Skeleton.module.css';\n\nexport const Skeleton = () => {\n  return <div className={styles.skeleton} />;\n};\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  IconButton,\n  SelectList,\n  SelectListOption,\n} from '../../../../../../remarkable-ui';\nimport { ChartCardMenuProOptionOnClickProps } from './ChartCardMenuPro.types';\nimport styles from './ChartCardMenuPro.module.css';\n\ntype ChartCardMenuProProps = Omit<ChartCardMenuProOptionOnClickProps, '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.charts?.chartCardMenuPro?.options ?? [];\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: ChartCardMenuProOptionOnClickProps) => 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 /> : <IconButton icon={IconDotsVertical} />}\n    >\n      <SelectList 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={\n                option.iconSrc ? <img src={option.iconSrc} alt={`${label} icon`} /> : undefined\n              }\n            />\n          );\n        })}\n      </SelectList>\n    </Dropdown>\n  );\n};\n","import React, { CSSProperties, useRef } from 'react';\nimport { IconAlertCircle } from '@tabler/icons-react';\nimport {\n  Card,\n  CardContent,\n  CardContentInfo,\n  CardHeader,\n  Skeleton,\n} from '../../../../../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 { ChartCardMenuProOptionOnClickProps } from './ChartCardMenuPro/ChartCardMenuPro.types';\nimport clsx from 'clsx';\n\ntype ChartCardProps = {\n  title: string;\n  subtitle?: string;\n  children: React.ReactNode;\n  data: DataResponse;\n  isLoading?: boolean;\n  errorMessage?: string;\n  style?: CSSProperties;\n  dimensionsAndMeasures?: (Dimension | Measure)[];\n  onCustomDownload?: (props: (props: ChartCardMenuProOptionOnClickProps) => void) => void;\n};\n\nexport const ChartCard = React.forwardRef<HTMLDivElement, ChartCardProps>(\n  (\n    { title, subtitle, children, data, errorMessage, dimensionsAndMeasures = [], ...props },\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          <CardContentInfo\n            className={styles.error}\n            icon={IconAlertCircle}\n            title={i18n.t('charts.errorTitle')}\n            message={errorMessage}\n          />\n        );\n      }\n\n      if (!hasData) {\n        return (\n          <CardContentInfo\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} {...props}>\n        <CardHeader\n          title={title}\n          subtitle={subtitle}\n          rightContent={\n            <div data-no-export className={styles.rightContent}>\n              <div\n                className={clsx(styles.fixedContent, isLoading ? styles.loading : styles.hidden)}\n              >\n                <ChartCardLoading />\n              </div>\n              <div className={styles.fixedContent}>\n                <ChartCardMenuPro\n                  title={title}\n                  containerRef={chartRef}\n                  data={data?.data}\n                  dimensionsAndMeasures={dimensionsAndMeasures}\n                  onCustomDownload={props.onCustomDownload}\n                />\n              </div>\n            </div>\n          }\n        />\n\n        <CardContent ref={ref}>{getDisplay()}</CardContent>\n      </Card>\n    );\n  },\n);\n\nChartCard.displayName = 'ChartCard';\n"],"names":["__iconNode","IconDotsVertical","createReactComponent","Skeleton","jsx","styles","ChartCardLoading","IconLoader2","ChartCardMenuPro","props","theme","useTheme","i18nSetup","isLoading","setIsLoading","React","options","_b","_a","startAction","onClick","handleExport","args","Dropdown","IconButton","SelectList","option","index","label","i18n","SelectListOption","ChartCard","title","subtitle","children","data","errorMessage","dimensionsAndMeasures","ref","chartRef","useRef","hasData","getDisplay","CardContentInfo","IconAlertCircle","Card","CardHeader","jsxs","clsx","CardContent"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/{ComparisonPeriod.type.emb-DAJ28BEm.js → ComparisonPeriod.type.emb-ZjbGbiV1.js}

@@ -1,4 +1,4 @@
-import { aR as i, aS as o } from "./component.constants-CeRyckoA.js";
+import { aR as i, aS as o } from "./component.constants-6DERKpeq.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-DAJ28BEm.js.map
+//# sourceMappingURL=ComparisonPeriod.type.emb-ZjbGbiV1.js.map

package/dist/{ComparisonPeriod.type.emb-DAJ28BEm.js.map → ComparisonPeriod.type.emb-ZjbGbiV1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ComparisonPeriod.type.emb-DAJ28BEm.js","sources":["../src/remarkable-pro/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-ZjbGbiV1.js","sources":["../src/remarkable-pro/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,10 +1,10 @@
 import { useTheme as v, defineComponent as h } from "@embeddable.com/react";
-import { ad as y, a2 as P, i as f, r as b, j as l, U as C, t as S, c as F, ae as R, V as d } from "./component.constants-CeRyckoA.js";
+import { ad as y, a2 as P, i as f, r as b, j as l, U as C, t as S, c as F, ae as R, V as d } from "./component.constants-6DERKpeq.js";
 import { useMemo as M, useEffect as k } from "react";
-import { S as D } from "./SingleSelectField-C5CvaWcl.js";
+import { S as D } from "./SingleSelectField-CMzbI0wG.js";
 import { g as T, u as j, a as x } from "./editors.timeRange.utils-D9m6B3r1.js";
-import { E as L } from "./EditorCard-CFwSMjsm.js";
-import { C as s } from "./ComparisonPeriod.type.emb-DAJ28BEm.js";
+import { E as L } from "./EditorCard-DAwqwoAp.js";
+import { C as s } from "./ComparisonPeriod.type.emb-ZjbGbiV1.js";
 /**
  * @license @tabler/icons-react v3.35.0 - MIT
  *

package/dist/DateRangeSelectFieldPro.js

@@ -1,6 +1,6 @@
 import { defineComponent as t } from "@embeddable.com/react";
-import { t as l, c as n, ae as r, V as a } from "./component.constants-CeRyckoA.js";
-import { D as o } from "./index-DpnU1wNV.js";
+import { t as l, c as n, ae as r, V as a } from "./component.constants-6DERKpeq.js";
+import { D as o } from "./index-YRGaBl06.js";
 const i = {
   name: "DateRangeSelectFieldPro",
   label: "Date Range Select Field",

package/dist/DonutChartPro.js

@@ -1,6 +1,6 @@
-import { d as a, w as s, z as t, t as o, c as n, s as r, a3 as i, e as m, f as l, V as d, o as u } from "./component.constants-CeRyckoA.js";
+import { d as a, w as s, z as t, t as o, c as n, s as r, a3 as i, e as m, f as l, V as d, o as u } from "./component.constants-6DERKpeq.js";
 import { defineComponent as c } from "@embeddable.com/react";
-import { D as p } from "./index-UTT7Qsiq.js";
+import { D as p } from "./index-DfnO1U7b.js";
 const C = {
   name: "DonutChartPro",
   label: "Donut Chart",

package/dist/DonutLabelChartPro.js

@@ -1,5 +1,5 @@
-import { D as n } from "./index-8bDe4KZU.js";
-import { d as s, w as a, z as r, t as o, c as l, s as i, a3 as m, e as d, f as u, V as b, o as t } from "./component.constants-CeRyckoA.js";
+import { D as n } from "./index-Dfbt_iT7.js";
+import { d as s, w as a, z as r, t as o, c as l, s as i, a3 as m, e as d, f as u, V as b, o as t } from "./component.constants-6DERKpeq.js";
 import { defineComponent as c } from "@embeddable.com/react";
 const p = {
   name: "DonutLabelChartPro",

package/dist/{EditorCard-CFwSMjsm.js → EditorCard-DAwqwoAp.js}

@@ -1,4 +1,4 @@
-import { ad as u, j as a, ag as g, i as m, ai as y, aj as _, am as p, an as h, U as x, aQ as f } from "./component.constants-CeRyckoA.js";
+import { ad as u, j as a, ag as g, i as m, ai as y, aj as _, am as p, an as h, U as x, aQ as f } from "./component.constants-6DERKpeq.js";
 import { useEffect as j } from "react";
 import { useTheme as C } from "@embeddable.com/react";
 /**
@@ -73,4 +73,4 @@ export {
   H as g,
   M as u
 };
-//# sourceMappingURL=EditorCard-CFwSMjsm.js.map
+//# sourceMappingURL=EditorCard-DAwqwoAp.js.map

package/dist/{EditorCard-CFwSMjsm.js.map → EditorCard-DAwqwoAp.js.map}

@@ -1 +1 @@
-{"version":3,"file":"EditorCard-CFwSMjsm.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconSearch.mjs","../src/remarkable-ui/editors/select/shared/SelectList/SelectListOptions/SelectListOptions.tsx","../src/remarkable-ui/editors/select/shared/SelectList/SelectListOptions/SelectListCategory/SelectListCategory.tsx","../src/remarkable-ui/utils/debounce.utils.ts","../src/remarkable-ui/editors/select/shared/SelectList/selectList.utils.ts","../src/remarkable-ui/editors/select/shared/useSelectSearchFocus.hook.ts","../src/remarkable-pro/components/editors/shared/EditorCard/EditorCard.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.35.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\": \"M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M21 21l-6 -6\", \"key\": \"svg-1\" }]];\nconst IconSearch = createReactComponent(\"outline\", \"search\", \"Search\", __iconNode);\n\nexport { __iconNode, IconSearch as default };\n//# sourceMappingURL=IconSearch.mjs.map\n","import { FC } from 'react';\nimport styles from './SelectListOptions.module.css';\nimport clsx from 'clsx';\n\nexport type SelectListOptionsProps = React.HTMLAttributes<HTMLDivElement> & {\n  children: React.ReactNode;\n  disabled?: boolean;\n};\n\nexport const SelectListOptions: FC<SelectListOptionsProps> = ({ children, disabled, ...props }) => {\n  return (\n    <div className={clsx(styles.listOptions, disabled && styles.disabled)} {...props}>\n      {children}\n    </div>\n  );\n};\n","import { FC } from 'react';\nimport styles from './SelectListCategory.module.css';\n\ntype SelectListCategoryProps = {\n  label: string;\n};\n\nexport const SelectListCategory: FC<SelectListCategoryProps> = ({ label }) => {\n  return (\n    <div className={styles.category}>\n      <span className={styles.categoryLabel}>{label}</span>\n    </div>\n  );\n};\n","// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function debounce<T extends (...args: any[]) => void>(\n  fn: T,\n  delay = 300,\n): (...args: Parameters<T>) => void {\n  let timer: NodeJS.Timeout;\n  return (...args: Parameters<T>) => {\n    clearTimeout(timer);\n    timer = setTimeout(() => {\n      fn(...args);\n    }, delay);\n  };\n}\n","import {\n  SelectListOptionProps,\n  SelectListOptionPropsWithCategory,\n} from './SelectListOptions/SelectListOption/SelectListOption';\n\ntype GroupedOptions = {\n  [category: string]: SelectListOptionPropsWithCategory[];\n};\n\nexport const groupOptionsByCategory = (\n  options: (SelectListOptionProps | SelectListOptionPropsWithCategory)[],\n): GroupedOptions | null => {\n  const result = options.reduce<GroupedOptions>((acc, option) => {\n    if ('category' in option && option.category) {\n      const category = option.category;\n      if (!acc[category]) {\n        acc[category] = [];\n      }\n      acc[category].push(option);\n    }\n    return acc;\n  }, {});\n\n  // Return null if no categories were found\n  return Object.keys(result).length === 0 ? null : result;\n};\n","import { useEffect } from 'react';\n\nexport const useSelectSearchFocus = (\n  isOpen: boolean,\n  searchFieldRef: React.RefObject<HTMLInputElement | null>,\n) => {\n  useEffect(() => {\n    if (isOpen) {\n      setTimeout(() => {\n        (searchFieldRef.current as unknown as HTMLInputElement)?.focus();\n      }, 100);\n    }\n  }, [isOpen, searchFieldRef]);\n};\n","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, CardContentInfo, CardHeader } from '../../../../../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        <CardContentInfo\n          className={styles.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":["__iconNode","IconSearch","createReactComponent","SelectListOptions","children","disabled","props","jsx","clsx","styles","SelectListCategory","label","debounce","fn","delay","timer","args","groupOptionsByCategory","options","result","acc","option","category","useSelectSearchFocus","isOpen","searchFieldRef","useEffect","_a","EditorCard","title","subtitle","errorMessage","theme","useTheme","i18nSetup","getDisplay","CardContentInfo","IconAlertCircle","i18n","Card","CardHeader","CardContent"],"mappings":";;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa,CAAC,CAAC,QAAQ,EAAE,GAAK,8CAA8C,KAAO,QAAO,CAAE,GAAG,CAAC,QAAQ,EAAE,GAAK,gBAAgB,KAAO,QAAO,CAAE,CAAC,GAChJC,IAAaC,EAAqB,WAAW,UAAU,UAAUF,CAAU;;;GCDpEG,IAAgD,CAAC,EAAE,UAAAC,GAAU,UAAAC,GAAU,GAAGC,QAEnFC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAWC,EAAKC,EAAO,aAAaJ,KAAYI,EAAO,QAAQ,GAAI,GAAGH,GACxE,UAAAF,EAAA,CACH;;;GCNSM,IAAkD,CAAC,EAAE,OAAAC,QAE9DJ,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAWE,EAAO,UACrB,UAAAF,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAWE,EAAO,eAAgB,UAAAE,EAAA,CAAM,GAChD;ACVG,SAASC,EACdC,GACAC,IAAQ,KAC0B;AAClC,MAAIC;AACJ,SAAO,IAAIC,MAAwB;AACjC,iBAAaD,CAAK,GAClBA,IAAQ,WAAW,MAAM;AACvB,MAAAF,EAAG,GAAGG,CAAI;AAAA,IACZ,GAAGF,CAAK;AAAA,EACV;AACF;ACHO,MAAMG,IAAyB,CACpCC,MAC0B;AAC1B,QAAMC,IAASD,EAAQ,OAAuB,CAACE,GAAKC,MAAW;AAC7D,QAAI,cAAcA,KAAUA,EAAO,UAAU;AAC3C,YAAMC,IAAWD,EAAO;AACxB,MAAKD,EAAIE,CAAQ,MACfF,EAAIE,CAAQ,IAAI,CAAA,IAElBF,EAAIE,CAAQ,EAAE,KAAKD,CAAM;AAAA,IAC3B;AACA,WAAOD;AAAA,EACT,GAAG,CAAA,CAAE;AAGL,SAAO,OAAO,KAAKD,CAAM,EAAE,WAAW,IAAI,OAAOA;AACnD,GCvBaI,IAAuB,CAClCC,GACAC,MACG;AACH,EAAAC,EAAU,MAAM;AACd,IAAIF,KACF,WAAW,MAAM;;AACd,OAAAG,IAAAF,EAAe,YAAf,QAAAE,EAAwD;AAAA,IAC3D,GAAG,GAAG;AAAA,EAEV,GAAG,CAACH,GAAQC,CAAc,CAAC;AAC7B;;;GCEaG,IAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAA1B;AAAA,EACA,cAAA2B;AAAA,EACA,GAAGzB;AACL,MAAM;AACJ,QAAM0B,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAMG,IAAa,MACbJ,IAEAxB,gBAAAA,EAAAA;AAAAA,IAAC6B;AAAA,IAAA;AAAA,MACC,WAAW3B,EAAO;AAAA,MAClB,MAAM4B;AAAA,MACN,OAAOC,EAAK,EAAE,oBAAoB;AAAA,MAClC,SAASP;AAAA,IAAA;AAAA,EAAA,IAKR3B;AAGT,gCACGmC,GAAA,EAAK,WAAW9B,EAAO,MAAO,GAAGH,GAChC,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAACiC,GAAA,EAAW,OAAAX,GAAc,UAAAC,EAAA,CAAoB;AAAA,IAC9CvB,gBAAAA,EAAAA,IAACkC,GAAA,EAAa,UAAAN,EAAA,EAAW,CAAE;AAAA,EAAA,GAC7B;AAEJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"EditorCard-DAwqwoAp.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconSearch.mjs","../src/remarkable-ui/editors/select/shared/SelectList/SelectListOptions/SelectListOptions.tsx","../src/remarkable-ui/editors/select/shared/SelectList/SelectListOptions/SelectListCategory/SelectListCategory.tsx","../src/remarkable-ui/utils/debounce.utils.ts","../src/remarkable-ui/editors/select/shared/SelectList/selectList.utils.ts","../src/remarkable-ui/editors/select/shared/useSelectSearchFocus.hook.ts","../src/remarkable-pro/components/editors/shared/EditorCard/EditorCard.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.35.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\": \"M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M21 21l-6 -6\", \"key\": \"svg-1\" }]];\nconst IconSearch = createReactComponent(\"outline\", \"search\", \"Search\", __iconNode);\n\nexport { __iconNode, IconSearch as default };\n//# sourceMappingURL=IconSearch.mjs.map\n","import { FC } from 'react';\nimport styles from './SelectListOptions.module.css';\nimport clsx from 'clsx';\n\nexport type SelectListOptionsProps = React.HTMLAttributes<HTMLDivElement> & {\n  children: React.ReactNode;\n  disabled?: boolean;\n};\n\nexport const SelectListOptions: FC<SelectListOptionsProps> = ({ children, disabled, ...props }) => {\n  return (\n    <div className={clsx(styles.listOptions, disabled && styles.disabled)} {...props}>\n      {children}\n    </div>\n  );\n};\n","import { FC } from 'react';\nimport styles from './SelectListCategory.module.css';\n\ntype SelectListCategoryProps = {\n  label: string;\n};\n\nexport const SelectListCategory: FC<SelectListCategoryProps> = ({ label }) => {\n  return (\n    <div className={styles.category}>\n      <span className={styles.categoryLabel}>{label}</span>\n    </div>\n  );\n};\n","// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function debounce<T extends (...args: any[]) => void>(\n  fn: T,\n  delay = 300,\n): (...args: Parameters<T>) => void {\n  let timer: NodeJS.Timeout;\n  return (...args: Parameters<T>) => {\n    clearTimeout(timer);\n    timer = setTimeout(() => {\n      fn(...args);\n    }, delay);\n  };\n}\n","import {\n  SelectListOptionProps,\n  SelectListOptionPropsWithCategory,\n} from './SelectListOptions/SelectListOption/SelectListOption';\n\ntype GroupedOptions = {\n  [category: string]: SelectListOptionPropsWithCategory[];\n};\n\nexport const groupOptionsByCategory = (\n  options: (SelectListOptionProps | SelectListOptionPropsWithCategory)[],\n): GroupedOptions | null => {\n  const result = options.reduce<GroupedOptions>((acc, option) => {\n    if ('category' in option && option.category) {\n      const category = option.category;\n      if (!acc[category]) {\n        acc[category] = [];\n      }\n      acc[category].push(option);\n    }\n    return acc;\n  }, {});\n\n  // Return null if no categories were found\n  return Object.keys(result).length === 0 ? null : result;\n};\n","import { useEffect } from 'react';\n\nexport const useSelectSearchFocus = (\n  isOpen: boolean,\n  searchFieldRef: React.RefObject<HTMLInputElement | null>,\n) => {\n  useEffect(() => {\n    if (isOpen) {\n      setTimeout(() => {\n        (searchFieldRef.current as unknown as HTMLInputElement)?.focus();\n      }, 100);\n    }\n  }, [isOpen, searchFieldRef]);\n};\n","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, CardContentInfo, CardHeader } from '../../../../../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        <CardContentInfo\n          className={styles.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":["__iconNode","IconSearch","createReactComponent","SelectListOptions","children","disabled","props","jsx","clsx","styles","SelectListCategory","label","debounce","fn","delay","timer","args","groupOptionsByCategory","options","result","acc","option","category","useSelectSearchFocus","isOpen","searchFieldRef","useEffect","_a","EditorCard","title","subtitle","errorMessage","theme","useTheme","i18nSetup","getDisplay","CardContentInfo","IconAlertCircle","i18n","Card","CardHeader","CardContent"],"mappings":";;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa,CAAC,CAAC,QAAQ,EAAE,GAAK,8CAA8C,KAAO,QAAO,CAAE,GAAG,CAAC,QAAQ,EAAE,GAAK,gBAAgB,KAAO,QAAO,CAAE,CAAC,GAChJC,IAAaC,EAAqB,WAAW,UAAU,UAAUF,CAAU;;;GCDpEG,IAAgD,CAAC,EAAE,UAAAC,GAAU,UAAAC,GAAU,GAAGC,QAEnFC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAWC,EAAKC,EAAO,aAAaJ,KAAYI,EAAO,QAAQ,GAAI,GAAGH,GACxE,UAAAF,EAAA,CACH;;;GCNSM,IAAkD,CAAC,EAAE,OAAAC,QAE9DJ,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAWE,EAAO,UACrB,UAAAF,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAWE,EAAO,eAAgB,UAAAE,EAAA,CAAM,GAChD;ACVG,SAASC,EACdC,GACAC,IAAQ,KAC0B;AAClC,MAAIC;AACJ,SAAO,IAAIC,MAAwB;AACjC,iBAAaD,CAAK,GAClBA,IAAQ,WAAW,MAAM;AACvB,MAAAF,EAAG,GAAGG,CAAI;AAAA,IACZ,GAAGF,CAAK;AAAA,EACV;AACF;ACHO,MAAMG,IAAyB,CACpCC,MAC0B;AAC1B,QAAMC,IAASD,EAAQ,OAAuB,CAACE,GAAKC,MAAW;AAC7D,QAAI,cAAcA,KAAUA,EAAO,UAAU;AAC3C,YAAMC,IAAWD,EAAO;AACxB,MAAKD,EAAIE,CAAQ,MACfF,EAAIE,CAAQ,IAAI,CAAA,IAElBF,EAAIE,CAAQ,EAAE,KAAKD,CAAM;AAAA,IAC3B;AACA,WAAOD;AAAA,EACT,GAAG,CAAA,CAAE;AAGL,SAAO,OAAO,KAAKD,CAAM,EAAE,WAAW,IAAI,OAAOA;AACnD,GCvBaI,IAAuB,CAClCC,GACAC,MACG;AACH,EAAAC,EAAU,MAAM;AACd,IAAIF,KACF,WAAW,MAAM;;AACd,OAAAG,IAAAF,EAAe,YAAf,QAAAE,EAAwD;AAAA,IAC3D,GAAG,GAAG;AAAA,EAEV,GAAG,CAACH,GAAQC,CAAc,CAAC;AAC7B;;;GCEaG,IAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAA1B;AAAA,EACA,cAAA2B;AAAA,EACA,GAAGzB;AACL,MAAM;AACJ,QAAM0B,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAMG,IAAa,MACbJ,IAEAxB,gBAAAA,EAAAA;AAAAA,IAAC6B;AAAA,IAAA;AAAA,MACC,WAAW3B,EAAO;AAAA,MAClB,MAAM4B;AAAA,MACN,OAAOC,EAAK,EAAE,oBAAoB;AAAA,MAClC,SAASP;AAAA,IAAA;AAAA,EAAA,IAKR3B;AAGT,gCACGmC,GAAA,EAAK,WAAW9B,EAAO,MAAO,GAAGH,GAChC,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAACiC,GAAA,EAAW,OAAAX,GAAc,UAAAC,EAAA,CAAoB;AAAA,IAC9CvB,gBAAAA,EAAAA,IAACkC,GAAA,EAAa,UAAAN,EAAA,EAAW,CAAE;AAAA,EAAA,GAC7B;AAEJ;","x_google_ignoreList":[0]}

package/dist/{KpiChart-CraGm3UZ.js → KpiChart-DKyxH3oh.js}

@@ -1,4 +1,4 @@
-import { ad as j, j as n, ag as x, ah as d } from "./component.constants-CeRyckoA.js";
+import { ad as j, j as n, ag as x, ah as p } from "./component.constants-6DERKpeq.js";
 /**
  * @license @tabler/icons-react v3.35.0 - MIT
  *
@@ -21,59 +21,59 @@ const m = [["path", { d: "M3 17l6 -6l4 4l8 -8", key: "svg-0" }], ["path", { d: "
   kpiChangeBadge: H,
   positive: M,
   negative: w
-}, I = (i, e) => i ? e ? o.negative : o.positive : e ? o.positive : o.negative, K = ({
-  value: i,
-  comparisonValue: e = 0,
+}, I = (e, i) => e ? i ? o.negative : o.positive : i ? o.positive : o.negative, K = ({
+  value: e,
+  comparisonValue: i = 0,
   showChangeAsPercentage: r,
   invertChangeColors: C = !1,
   comparisonLabel: c,
-  valueFormatter: p,
+  valueFormatter: d,
   percentageDecimalPlaces: g = 1,
   className: h
 }) => {
-  const s = i - e, t = s > 0;
+  const s = e - i, t = s > 0;
   let a;
-  r ? a = `${(e === 0 ? 0 : s / e * 100).toFixed(g)}%` : a = p ? p(s) : s.toString();
+  r ? a = `${(i === 0 ? 0 : s / i * 100).toFixed(g)}%` : a = d ? d(s) : s.toString();
   const l = `${t ? "+" : ""}${a}`, _ = t ? f : y;
   return /* @__PURE__ */ n.jsxs("div", { className: x(h, o.kpiChartChangeContainer), children: [
     /* @__PURE__ */ n.jsxs("div", { className: x(o.kpiChangeBadge, I(t, C)), children: [
       /* @__PURE__ */ n.jsx(_, {}),
-      /* @__PURE__ */ n.jsx(d, { children: l })
+      /* @__PURE__ */ n.jsx(p, { children: l })
     ] }),
-    c && /* @__PURE__ */ n.jsx(d, { children: c })
+    c && /* @__PURE__ */ n.jsx(p, { children: c })
   ] });
-}, R = ({
-  value: i,
-  changeFontSize: e,
+}, S = ({
+  value: e,
+  changeFontSize: i,
   comparisonValue: r,
   comparisonLabel: C,
   invertChangeColors: c,
-  showChangeAsPercentage: p,
+  showChangeAsPercentage: d,
   percentageDecimalPlaces: g = 1,
   equalComparisonLabel: h = "No change",
   valueFontSize: s,
   valueFormatter: t
 }) => {
-  const a = r !== void 0, l = a && r === i, _ = t ? t(i) : i;
+  const a = r !== void 0, l = a && r === e, _ = e === void 0 ? "" : t ? t(e) : e;
   return /* @__PURE__ */ n.jsxs("div", { className: k.kpiChartContainer, children: [
-    /* @__PURE__ */ n.jsx(d, { style: { fontSize: s }, children: _ }),
-    /* @__PURE__ */ n.jsx("div", { className: k.kpiComparisonContainer, style: { fontSize: e }, children: l ? /* @__PURE__ */ n.jsx(d, { children: h }) : /* @__PURE__ */ n.jsx(
+    /* @__PURE__ */ n.jsx(p, { style: { fontSize: s }, children: _ }),
+    /* @__PURE__ */ n.jsx("div", { className: k.kpiComparisonContainer, style: { fontSize: i }, children: l ? /* @__PURE__ */ n.jsx(p, { children: h }) : /* @__PURE__ */ n.jsx(
       K,
       {
-        changeFontSize: e,
+        changeFontSize: i,
         className: x(!a && k.kpiChangeHidden),
         comparisonLabel: C,
         comparisonValue: r,
         invertChangeColors: c,
         percentageDecimalPlaces: g,
-        showChangeAsPercentage: p,
-        value: i,
+        showChangeAsPercentage: d,
+        value: e,
         valueFormatter: t
       }
     ) })
   ] });
 };
 export {
-  R as K
+  S as K
 };
-//# sourceMappingURL=KpiChart-CraGm3UZ.js.map
+//# sourceMappingURL=KpiChart-DKyxH3oh.js.map

package/dist/{KpiChart-CraGm3UZ.js.map → KpiChart-DKyxH3oh.js.map}

@@ -1 +1 @@
-{"version":3,"file":"KpiChart-CraGm3UZ.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconTrendingDown.mjs","../node_modules/@tabler/icons-react/dist/esm/icons/IconTrendingUp.mjs","../src/remarkable-ui/charts/kpis/components/KpiChartChange.tsx","../src/remarkable-ui/charts/kpis/KpiChart.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.35.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\": \"M3 7l6 6l4 -4l8 8\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M21 10l0 7l-7 0\", \"key\": \"svg-1\" }]];\nconst IconTrendingDown = createReactComponent(\"outline\", \"trending-down\", \"TrendingDown\", __iconNode);\n\nexport { __iconNode, IconTrendingDown as default };\n//# sourceMappingURL=IconTrendingDown.mjs.map\n","/**\n * @license @tabler/icons-react v3.35.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\": \"M3 17l6 -6l4 4l8 -8\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M14 7l7 0l0 7\", \"key\": \"svg-1\" }]];\nconst IconTrendingUp = createReactComponent(\"outline\", \"trending-up\", \"TrendingUp\", __iconNode);\n\nexport { __iconNode, IconTrendingUp as default };\n//# sourceMappingURL=IconTrendingUp.mjs.map\n","import { FC } from 'react';\nimport styles from './KpiChartChange.module.css';\nimport clsx from 'clsx';\nimport { Typography } from '../../../shared/Typography/Typography';\nimport { IconTrendingDown, IconTrendingUp } from '@tabler/icons-react';\nimport { KpiChartProps } from '../KpiChart.types';\n\nconst getChangeClass = (isPositive: boolean, invertChangeColors: boolean) => {\n  if (isPositive) return invertChangeColors ? styles.negative : styles.positive;\n  return invertChangeColors ? styles.positive : styles.negative;\n};\n\ntype KpiChartChangeProps = KpiChartProps & { className?: string };\n\nexport const KpiChartChange: FC<KpiChartChangeProps> = ({\n  value,\n  comparisonValue = 0,\n  showChangeAsPercentage,\n  invertChangeColors = false,\n  comparisonLabel,\n  valueFormatter,\n  percentageDecimalPlaces = 1,\n  className,\n}) => {\n  const difference = value - comparisonValue;\n  const isPositive = difference > 0;\n\n  let differenceLabel: string;\n\n  if (showChangeAsPercentage) {\n    const percentage = comparisonValue === 0 ? 0 : (difference / comparisonValue) * 100;\n    differenceLabel = `${percentage.toFixed(percentageDecimalPlaces)}%`;\n  } else {\n    differenceLabel = valueFormatter ? valueFormatter(difference) : difference.toString();\n  }\n\n  const displayValue = `${isPositive ? '+' : ''}${differenceLabel}`;\n\n  const Icon = isPositive ? IconTrendingUp : IconTrendingDown;\n\n  return (\n    <div className={clsx(className, styles.kpiChartChangeContainer)}>\n      <div className={clsx(styles.kpiChangeBadge, getChangeClass(isPositive, invertChangeColors))}>\n        <Icon />\n        <Typography>{displayValue}</Typography>\n      </div>\n      {comparisonLabel && <Typography>{comparisonLabel}</Typography>}\n    </div>\n  );\n};\n","import { FC } from 'react';\nimport { Typography } from '../../shared/Typography/Typography';\nimport styles from './KpiChart.module.css';\nimport { KpiChartChange } from './components/KpiChartChange';\nimport { KpiChartProps } from './KpiChart.types';\nimport clsx from 'clsx';\n\nexport const KpiChart: FC<KpiChartProps> = ({\n  value,\n  changeFontSize,\n  comparisonValue,\n  comparisonLabel,\n  invertChangeColors,\n  showChangeAsPercentage,\n  percentageDecimalPlaces = 1,\n  equalComparisonLabel = 'No change',\n  valueFontSize,\n  valueFormatter,\n}) => {\n  const hasComparisonValue = comparisonValue !== undefined;\n  const equalComparison = hasComparisonValue && comparisonValue === value;\n\n  const displayValue = valueFormatter ? valueFormatter(value) : value;\n\n  return (\n    <div className={styles.kpiChartContainer}>\n      <Typography style={{ fontSize: valueFontSize }}>{displayValue}</Typography>\n      <div className={styles.kpiComparisonContainer} style={{ fontSize: changeFontSize }}>\n        {equalComparison ? (\n          <Typography>{equalComparisonLabel}</Typography>\n        ) : (\n          <KpiChartChange\n            changeFontSize={changeFontSize}\n            className={clsx(!hasComparisonValue && styles.kpiChangeHidden)}\n            comparisonLabel={comparisonLabel}\n            comparisonValue={comparisonValue}\n            invertChangeColors={invertChangeColors}\n            percentageDecimalPlaces={percentageDecimalPlaces}\n            showChangeAsPercentage={showChangeAsPercentage}\n            value={value}\n            valueFormatter={valueFormatter}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["__iconNode","IconTrendingDown","createReactComponent","IconTrendingUp","getChangeClass","isPositive","invertChangeColors","styles","KpiChartChange","value","comparisonValue","showChangeAsPercentage","comparisonLabel","valueFormatter","percentageDecimalPlaces","className","difference","differenceLabel","displayValue","Icon","clsx","jsxs","jsx","Typography","KpiChart","changeFontSize","equalComparisonLabel","valueFontSize","hasComparisonValue","equalComparison"],"mappings":"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","x_google_ignoreList":[0,1]}
+{"version":3,"file":"KpiChart-DKyxH3oh.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconTrendingDown.mjs","../node_modules/@tabler/icons-react/dist/esm/icons/IconTrendingUp.mjs","../src/remarkable-ui/charts/kpis/components/KpiChartChange.tsx","../src/remarkable-ui/charts/kpis/KpiChart.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.35.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\": \"M3 7l6 6l4 -4l8 8\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M21 10l0 7l-7 0\", \"key\": \"svg-1\" }]];\nconst IconTrendingDown = createReactComponent(\"outline\", \"trending-down\", \"TrendingDown\", __iconNode);\n\nexport { __iconNode, IconTrendingDown as default };\n//# sourceMappingURL=IconTrendingDown.mjs.map\n","/**\n * @license @tabler/icons-react v3.35.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\": \"M3 17l6 -6l4 4l8 -8\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M14 7l7 0l0 7\", \"key\": \"svg-1\" }]];\nconst IconTrendingUp = createReactComponent(\"outline\", \"trending-up\", \"TrendingUp\", __iconNode);\n\nexport { __iconNode, IconTrendingUp as default };\n//# sourceMappingURL=IconTrendingUp.mjs.map\n","import { FC } from 'react';\nimport styles from './KpiChartChange.module.css';\nimport clsx from 'clsx';\nimport { Typography } from '../../../shared/Typography/Typography';\nimport { IconTrendingDown, IconTrendingUp } from '@tabler/icons-react';\nimport { KpiChartProps } from '../KpiChart.types';\n\nconst getChangeClass = (isPositive: boolean, invertChangeColors: boolean) => {\n  if (isPositive) return invertChangeColors ? styles.negative : styles.positive;\n  return invertChangeColors ? styles.positive : styles.negative;\n};\n\ntype KpiChartChangeProps = KpiChartProps & { className?: string };\n\nexport const KpiChartChange: FC<KpiChartChangeProps> = ({\n  value,\n  comparisonValue = 0,\n  showChangeAsPercentage,\n  invertChangeColors = false,\n  comparisonLabel,\n  valueFormatter,\n  percentageDecimalPlaces = 1,\n  className,\n}) => {\n  const difference = value - comparisonValue;\n  const isPositive = difference > 0;\n\n  let differenceLabel: string;\n\n  if (showChangeAsPercentage) {\n    const percentage = comparisonValue === 0 ? 0 : (difference / comparisonValue) * 100;\n    differenceLabel = `${percentage.toFixed(percentageDecimalPlaces)}%`;\n  } else {\n    differenceLabel = valueFormatter ? valueFormatter(difference) : difference.toString();\n  }\n\n  const displayValue = `${isPositive ? '+' : ''}${differenceLabel}`;\n\n  const Icon = isPositive ? IconTrendingUp : IconTrendingDown;\n\n  return (\n    <div className={clsx(className, styles.kpiChartChangeContainer)}>\n      <div className={clsx(styles.kpiChangeBadge, getChangeClass(isPositive, invertChangeColors))}>\n        <Icon />\n        <Typography>{displayValue}</Typography>\n      </div>\n      {comparisonLabel && <Typography>{comparisonLabel}</Typography>}\n    </div>\n  );\n};\n","import { FC } from 'react';\nimport { Typography } from '../../shared/Typography/Typography';\nimport styles from './KpiChart.module.css';\nimport { KpiChartChange } from './components/KpiChartChange';\nimport { KpiChartProps } from './KpiChart.types';\nimport clsx from 'clsx';\n\nexport const KpiChart: FC<KpiChartProps> = ({\n  value,\n  changeFontSize,\n  comparisonValue,\n  comparisonLabel,\n  invertChangeColors,\n  showChangeAsPercentage,\n  percentageDecimalPlaces = 1,\n  equalComparisonLabel = 'No change',\n  valueFontSize,\n  valueFormatter,\n}) => {\n  const hasComparisonValue = comparisonValue !== undefined;\n  const equalComparison = hasComparisonValue && comparisonValue === value;\n\n  const displayValue = value === undefined ? '' : valueFormatter ? valueFormatter(value) : value;\n\n  return (\n    <div className={styles.kpiChartContainer}>\n      <Typography style={{ fontSize: valueFontSize }}>{displayValue}</Typography>\n      <div className={styles.kpiComparisonContainer} style={{ fontSize: changeFontSize }}>\n        {equalComparison ? (\n          <Typography>{equalComparisonLabel}</Typography>\n        ) : (\n          <KpiChartChange\n            changeFontSize={changeFontSize}\n            className={clsx(!hasComparisonValue && styles.kpiChangeHidden)}\n            comparisonLabel={comparisonLabel}\n            comparisonValue={comparisonValue}\n            invertChangeColors={invertChangeColors}\n            percentageDecimalPlaces={percentageDecimalPlaces}\n            showChangeAsPercentage={showChangeAsPercentage}\n            value={value}\n            valueFormatter={valueFormatter}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["__iconNode","IconTrendingDown","createReactComponent","IconTrendingUp","getChangeClass","isPositive","invertChangeColors","styles","KpiChartChange","value","comparisonValue","showChangeAsPercentage","comparisonLabel","valueFormatter","percentageDecimalPlaces","className","difference","differenceLabel","displayValue","Icon","clsx","jsxs","jsx","Typography","KpiChart","changeFontSize","equalComparisonLabel","valueFontSize","hasComparisonValue","equalComparison"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/KpiChartNumberComparisonPro.js

@@ -1,11 +1,11 @@
 import { useTheme as j, defineComponent as w } from "@embeddable.com/react";
-import { i as A, r as Y, U as l, j as y, d as q, w as B, W as E, X as M, t as I, c as J, Y as b, Z as c, o as v } from "./component.constants-CeRyckoA.js";
-import { C as O } from "./ChartCard-t-ie7CyA.js";
+import { i as A, r as Y, U as l, j as y, d as q, w as B, W as E, X as M, t as I, c as J, Y as b, Z as c, o as v } from "./component.constants-6DERKpeq.js";
+import { C as O } from "./ChartCard-CsgyAnzC.js";
 import { useEffect as U } from "react";
-import { K as W } from "./KpiChart-CraGm3UZ.js";
-import { g as X } from "./formatter.utils-CRniOO_L.js";
-import { g as Z, a as $ } from "./timeRange.utils-D8QUTull.js";
-import { C as k } from "./ComparisonPeriod.type.emb-DAJ28BEm.js";
+import { K as W } from "./KpiChart-DKyxH3oh.js";
+import { g as X } from "./formatter.utils-R5zIrZIA.js";
+import { g as Z, a as $ } from "./timeRange.utils-C61mst0e.js";
+import { C as k } from "./ComparisonPeriod.type.emb-ZjbGbiV1.js";
 const G = (e) => {
   var d, C, P, h, u, f;
   const a = j();

package/dist/KpiChartNumberPro.js

@@ -1,9 +1,9 @@
 import { useTheme as h, defineComponent as f } from "@embeddable.com/react";
-import { i as C, r as b, j as m, d as K, w as g, t as x, c as F, Z as N, o as S } from "./component.constants-CeRyckoA.js";
-import { C as j } from "./ChartCard-t-ie7CyA.js";
+import { i as C, r as b, j as m, d as K, w as g, t as x, c as F, Z as N, o as S } from "./component.constants-6DERKpeq.js";
+import { C as j } from "./ChartCard-CsgyAnzC.js";
 import "react";
-import { K as v } from "./KpiChart-CraGm3UZ.js";
-import { g as z } from "./formatter.utils-CRniOO_L.js";
+import { K as v } from "./KpiChart-DKyxH3oh.js";
+import { g as z } from "./formatter.utils-R5zIrZIA.js";
 const P = (e) => {
   var s, o;
   const a = h();