@embeddable.com/remarkable-pro 0.0.0

package/dist/ComparisonPeriodSelectFieldPro.js

@@ -0,0 +1,106 @@
+import { useTheme as v, defineComponent as h } from "@embeddable.com/react";
+import { r as y, j as l, S as P, V as d } from "./index-BpXo_FjW.js";
+import { g as f, u as b, a as C } from "./editors.timeRange.utils-D9m6B3r1.js";
+import { $ as S, a as F, r as R, i as M, F as k, G as D, _ as T } from "./component.constants-DZwEQb2v.js";
+import { E as j } from "./EditorCard-VYZUBvXV.js";
+import { useMemo as x, useEffect as L } from "react";
+import { C as s } from "./ComparisonPeriod.type.emb-BhZKPqEG.js";
+/**
+ * @license @tabler/icons-react v3.35.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const O = [["path", { d: "M11.795 21h-6.795a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v4", key: "svg-0" }], ["path", { d: "M18 18m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0", key: "svg-1" }], ["path", { d: "M15 3v4", key: "svg-2" }], ["path", { d: "M7 3v4", key: "svg-3" }], ["path", { d: "M3 11h16", key: "svg-4" }], ["path", { d: "M18 16.496v1.504l1 1", key: "svg-5" }]], E = y("outline", "calendar-time", "CalendarTime", O), I = (e, a) => !e || a.some((o) => o.value === e), V = (e, a) => e.map((o) => ({
+  rightLabel: a ? f(o.getRange(a), o.dateFormat) : "",
+  value: o.value,
+  label: S(o.label)
+})), _ = (e) => {
+  const a = v();
+  F(a);
+  const { description: o, placeholder: m, title: p, comparisonPeriod: r, onChange: t } = R(e), i = a.defaults.comparisonPeriodsOptions, n = x(
+    () => I(r, i),
+    [r, i]
+  );
+  L(() => {
+    n || t(void 0);
+  }, [n, t]);
+  const { dayjsLocaleReady: c } = b(), u = C(e.primaryDateRange, a);
+  if (!c)
+    return null;
+  const g = V(
+    i,
+    u
+  );
+  return /* @__PURE__ */ l.jsx(j, { title: p, subtitle: o, children: /* @__PURE__ */ l.jsx(
+    P,
+    {
+      startIcon: E,
+      clearable: !0,
+      placeholder: m,
+      value: n ? r : void 0,
+      onChange: t,
+      options: g,
+      noOptionsMessage: M.t("common.noOptionsAvailable")
+    }
+  ) });
+}, A = {
+  name: "ComparisonPeriodSelectFieldPro",
+  label: "Comparison Period Select Field",
+  category: "Dropdowns",
+  defaultWidth: 300,
+  defaultHeight: 120,
+  inputs: [
+    { ...k },
+    { ...D },
+    { ...T, defaultValue: "Select a date-comparison" },
+    {
+      name: "primaryDateRange",
+      type: "timeRange",
+      label: "Primary Date Range",
+      category: "Pre-configured variables",
+      description: "Pick the main time period. The comparison range is based on this selection."
+    },
+    {
+      name: "comparisonPeriod",
+      type: s,
+      label: "Selected Comparison Period",
+      category: "Pre-configured variables"
+    }
+  ],
+  events: [
+    {
+      name: "onChange",
+      label: "selected comparison-period updated",
+      properties: [
+        {
+          name: "value",
+          label: "selected comparison-period",
+          type: s
+        }
+      ]
+    }
+  ],
+  variables: [
+    {
+      name: "comparison-period value",
+      type: s,
+      defaultValue: d.noFilter(),
+      inputs: ["comparisonPeriod"],
+      events: [{ name: "onChange", property: "value" }]
+    }
+  ]
+}, z = h(_, A, {
+  /* @ts-expect-error - to be fixed in @embeddable.com/react */
+  props: (e) => e,
+  events: {
+    onChange: (e) => ({
+      value: e || d.noFilter()
+    })
+  }
+});
+export {
+  z as default,
+  A as meta
+};
+//# sourceMappingURL=ComparisonPeriodSelectFieldPro.js.map

package/dist/ComparisonPeriodSelectFieldPro.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComparisonPeriodSelectFieldPro.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconCalendarTime.mjs","../src/components/editors/ComparisonPeriodSelectFieldPro/ComparisonPeriodSelectFieldPro.utils.ts","../src/components/editors/ComparisonPeriodSelectFieldPro/index.tsx","../src/components/editors/ComparisonPeriodSelectFieldPro/ComparisonPeriodSelectFieldPro.emb.ts"],"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\": \"M11.795 21h-6.795a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v4\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M18 18m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0\", \"key\": \"svg-1\" }], [\"path\", { \"d\": \"M15 3v4\", \"key\": \"svg-2\" }], [\"path\", { \"d\": \"M7 3v4\", \"key\": \"svg-3\" }], [\"path\", { \"d\": \"M3 11h16\", \"key\": \"svg-4\" }], [\"path\", { \"d\": \"M18 16.496v1.504l1 1\", \"key\": \"svg-5\" }]];\nconst IconCalendarTime = createReactComponent(\"outline\", \"calendar-time\", \"CalendarTime\", __iconNode);\n\nexport { __iconNode, IconCalendarTime as default };\n//# sourceMappingURL=IconCalendarTime.mjs.map\n","import { SelectListOptionProps } from '@embeddable.com/remarkable-ui-v0';\nimport { TimeRange } from '@embeddable.com/core';\nimport { ComparisonPeriodSelectFieldProOption } from './ComparisonPeriodSelectFieldPro.types';\nimport { getTimeRangeLabel } from '../editors.timeRange.utils';\nimport { resolveI18nString } from '../../component.utils';\n\n// Checks if the comparison period type is available in the embeddable types\nexport const isComparisonPeriodAvailable = (\n  option: string | undefined,\n  comparisonPeriodSelectFieldProOptions: ComparisonPeriodSelectFieldProOption[],\n): boolean => {\n  return !option || comparisonPeriodSelectFieldProOptions.some((opt) => opt.value === option);\n};\n\nexport const getComparisonPeriodSelectFieldProOptions = (\n  comparisonPeriodSelectFieldProOptions: ComparisonPeriodSelectFieldProOption[],\n  toCompareTimeRange: TimeRange,\n): SelectListOptionProps[] => {\n  return comparisonPeriodSelectFieldProOptions.map((option) => {\n    return {\n      rightLabel: toCompareTimeRange\n        ? getTimeRangeLabel(option.getRange(toCompareTimeRange), option.dateFormat)\n        : '',\n      value: option.value,\n      label: resolveI18nString(option.label),\n    };\n  });\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { SingleSelectField } from '@embeddable.com/remarkable-ui-v0';\nimport { Theme } from '../../../theme/theme.types';\nimport { useLoadDayjsLocale } from '../../../utils.ts/date.utils';\nimport { TimeRange } from '@embeddable.com/core';\nimport { resolveI18nProps } from '../../component.utils';\nimport { EditorCard } from '../shared/EditorCard/EditorCard';\nimport { IconCalendarTime } from '@tabler/icons-react';\nimport { i18n, i18nSetup } from '../../../theme/i18n/i18n';\nimport {\n  getComparisonPeriodSelectFieldProOptions,\n  isComparisonPeriodAvailable,\n} from './ComparisonPeriodSelectFieldPro.utils';\nimport { getTimeRangeFromTo } from '../editors.timeRange.utils';\nimport { useEffect, useMemo } from 'react';\n\ntype DateComparisonSelectFieldPro = {\n  title?: string;\n  description?: string;\n  placeholder?: string;\n  primaryDateRange?: TimeRange;\n  comparisonPeriod?: string;\n  onChange: (newComparisonPeriod?: string) => void;\n};\n\nconst DateComparisonSelectFieldPro = (props: DateComparisonSelectFieldPro) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { description, placeholder, title, comparisonPeriod, onChange } = resolveI18nProps(props);\n\n  const comparisonPeriodOptions = theme.defaults.comparisonPeriodsOptions;\n\n  const comparisonPeriodAvailable = useMemo(\n    () => isComparisonPeriodAvailable(comparisonPeriod, comparisonPeriodOptions),\n    [comparisonPeriod, comparisonPeriodOptions],\n  );\n\n  // If the current comparison period is not available, reset the field\n  useEffect(() => {\n    if (!comparisonPeriodAvailable) {\n      onChange(undefined);\n    }\n  }, [comparisonPeriodAvailable, onChange]);\n\n  const { dayjsLocaleReady } = useLoadDayjsLocale();\n\n  // Obtain the actual range for the selected primaryDateRange\n  const primaryDateRange = getTimeRangeFromTo(props.primaryDateRange, theme);\n\n  if (!dayjsLocaleReady) {\n    return null;\n  }\n\n  const options = getComparisonPeriodSelectFieldProOptions(\n    comparisonPeriodOptions,\n    primaryDateRange,\n  );\n\n  return (\n    <EditorCard title={title} subtitle={description}>\n      <SingleSelectField\n        startIcon={IconCalendarTime}\n        clearable\n        placeholder={placeholder}\n        value={comparisonPeriodAvailable ? comparisonPeriod : undefined}\n        onChange={onChange}\n        options={options}\n        noOptionsMessage={i18n.t('common.noOptionsAvailable')}\n      />\n    </EditorCard>\n  );\n};\n\nexport default DateComparisonSelectFieldPro;\n","import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { Value } from '@embeddable.com/core';\nimport ComparisonPeriodSelectFieldPro from './index';\nimport { description, placeholder, title } from '../../component.constants';\nimport ComparisonPeriodType from '../../types/ComparisonPeriod.type.emb';\n\nexport const meta = {\n  name: 'ComparisonPeriodSelectFieldPro',\n  label: 'Comparison Period Select Field',\n  category: 'Dropdowns',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    { ...title },\n    { ...description },\n    { ...placeholder, defaultValue: 'Select a date-comparison' },\n    {\n      name: 'primaryDateRange',\n      type: 'timeRange',\n      label: 'Primary Date Range',\n      category: 'Pre-configured variables',\n      description: 'Pick the main time period. The comparison range is based on this selection.',\n    },\n    {\n      name: 'comparisonPeriod',\n      type: ComparisonPeriodType,\n      label: 'Selected Comparison Period',\n      category: 'Pre-configured variables',\n    },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'selected comparison-period updated',\n      properties: [\n        {\n          name: 'value',\n          label: 'selected comparison-period',\n          type: ComparisonPeriodType,\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'comparison-period value',\n      type: ComparisonPeriodType,\n      defaultValue: Value.noFilter(),\n      inputs: ['comparisonPeriod'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(ComparisonPeriodSelectFieldPro, meta, {\n  /* @ts-expect-error - to be fixed in @embeddable.com/react */\n  props: (inputs: Inputs<typeof meta>) => inputs,\n  events: {\n    onChange: (value) => {\n      return {\n        value: value || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["__iconNode","IconCalendarTime","createReactComponent","isComparisonPeriodAvailable","option","comparisonPeriodSelectFieldProOptions","opt","getComparisonPeriodSelectFieldProOptions","toCompareTimeRange","getTimeRangeLabel","resolveI18nString","DateComparisonSelectFieldPro","props","theme","useTheme","i18nSetup","description","placeholder","title","comparisonPeriod","onChange","resolveI18nProps","comparisonPeriodOptions","comparisonPeriodAvailable","useMemo","useEffect","dayjsLocaleReady","useLoadDayjsLocale","primaryDateRange","getTimeRangeFromTo","options","jsx","EditorCard","SingleSelectField","i18n","meta","ComparisonPeriodType","Value","ComparisonPeriodSelectFieldPro_emb","defineComponent","ComparisonPeriodSelectFieldPro","inputs","value"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/DateRangeSelectFieldPro.js

@@ -0,0 +1,63 @@
+import { defineComponent as t } from "@embeddable.com/react";
+import { V as a } from "./index-BpXo_FjW.js";
+import { D as l } from "./index-B3N7aoDJ.js";
+import { F as n, G as r, _ as o, g as i } from "./component.constants-DZwEQb2v.js";
+const d = {
+  name: "DateRangeSelectFieldPro",
+  label: "Date Range Select Field",
+  category: "Dropdowns",
+  defaultWidth: 300,
+  defaultHeight: 120,
+  inputs: [
+    { ...n },
+    { ...r },
+    { ...o, defaultValue: "Select a date-range" },
+    { ...i, name: "clearable", label: "Can be cleared", defaultValue: !0 },
+    {
+      name: "selectedValue",
+      type: "timeRange",
+      label: "Selected Value",
+      category: "Pre-configured variables"
+    }
+  ],
+  events: [
+    {
+      name: "onChange",
+      label: "selected date-range updated",
+      properties: [
+        {
+          name: "value",
+          label: "selected date-range",
+          type: "timeRange"
+        }
+      ]
+    }
+  ],
+  variables: [
+    {
+      name: "date-range value",
+      type: "timeRange",
+      defaultValue: a.noFilter(),
+      inputs: ["selectedValue"],
+      events: [{ name: "onChange", property: "value" }]
+    }
+  ]
+}, c = t(l, d, {
+  props: (e) => ({
+    ...e
+  }),
+  events: {
+    onChange: (e) => ({
+      value: e ? {
+        ...e,
+        relativeTimeString: ""
+        // This is prioritised over the from and to dates, so we don't pass this for now (as we don't want Cube parsing this instead of using the calculated dates)
+      } : a.noFilter()
+    })
+  }
+});
+export {
+  c as default,
+  d as meta
+};
+//# sourceMappingURL=DateRangeSelectFieldPro.js.map

package/dist/DateRangeSelectFieldPro.js.map

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

package/dist/DonutChartPro.js

@@ -0,0 +1,51 @@
+import { V as a, l as s } from "./index-BpXo_FjW.js";
+import { defineComponent as t } from "@embeddable.com/react";
+import { D as o } from "./index-CPSyJe2a.js";
+import { v as n, D as r, w as i, F as m, G as l, I as d, Z as u, J as p, K as c } from "./component.constants-DZwEQb2v.js";
+const C = {
+  name: "DonutChartPro",
+  label: "Donut Chart",
+  category: "Pie Charts",
+  inputs: [
+    n,
+    r,
+    i,
+    m,
+    l,
+    d,
+    u,
+    p,
+    c
+  ],
+  events: [
+    {
+      name: "onSegmentClick",
+      label: "A segment is clicked",
+      properties: [
+        {
+          name: "dimensionValue",
+          label: "Clicked Dimension",
+          type: "string"
+        }
+      ]
+    }
+  ]
+}, V = t(o, C, {
+  props: (e) => ({
+    ...e,
+    results: s({
+      from: e.dataset,
+      select: [e.measure, e.dimension]
+    })
+  }),
+  events: {
+    onSegmentClick: (e) => ({
+      dimensionValue: e.dimensionValue || a.noFilter()
+    })
+  }
+});
+export {
+  V as default,
+  C as meta
+};
+//# sourceMappingURL=DonutChartPro.js.map

package/dist/DonutChartPro.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DonutChartPro.js","sources":["../src/components/charts/pies/DonutChartPro/DonutChartPro.emb.ts"],"sourcesContent":["import { Value, loadData } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport DonutChartPro from './index';\nimport {\n  dimension,\n  dataset,\n  description,\n  measure,\n  maxLegendItems,\n  showLegend,\n  showTooltips,\n  showValueLabels,\n  title,\n} from '../../../component.constants';\n\nexport const meta = {\n  name: 'DonutChartPro',\n  label: 'Donut Chart',\n  category: 'Pie Charts',\n  inputs: [\n    dataset,\n    measure,\n    dimension,\n    title,\n    description,\n    showLegend,\n    maxLegendItems,\n    showTooltips,\n    showValueLabels,\n  ],\n  events: [\n    {\n      name: 'onSegmentClick',\n      label: 'A segment is clicked',\n      properties: [\n        {\n          name: 'dimensionValue',\n          label: 'Clicked Dimension',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(DonutChartPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        from: inputs.dataset,\n        select: [inputs.measure, inputs.dimension],\n      }),\n    };\n  },\n  events: {\n    onSegmentClick: (value) => {\n      return {\n        dimensionValue: value.dimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","dataset","measure","dimension","title","description","showLegend","maxLegendItems","showTooltips","showValueLabels","DonutChartPro_emb","defineComponent","DonutChartPro","inputs","loadData","value","Value"],"mappings":";;;;AAeO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA;AAAA,EAEF,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEJ,GAEAC,IAAeC,EAAgBC,GAAeZ,GAAM;AAAA,EAClD,OAAO,CAACa,OACC;AAAA,IACL,GAAGA;AAAA,IACH,SAASC,EAAS;AAAA,MAChB,MAAMD,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,SAASA,EAAO,SAAS;AAAA,IAAA,CAC1C;AAAA,EAAA;AAAA,EAGL,QAAQ;AAAA,IACN,gBAAgB,CAACE,OACR;AAAA,MACL,gBAAgBA,EAAM,kBAAkBC,EAAM,SAAA;AAAA,IAAS;AAAA,EAE3D;AAEJ,CAAC;"}

package/dist/DonutLabelChartPro.js

@@ -0,0 +1,64 @@
+import { D as n } from "./index-CJMug46v.js";
+import { V as s, l as a } from "./index-BpXo_FjW.js";
+import { defineComponent as r } from "@embeddable.com/react";
+import { v as o, D as t, w as l, F as i, G as m, I as d, Z as u, J as b, K as c } from "./component.constants-DZwEQb2v.js";
+const p = {
+  name: "DonutLabelChartPro",
+  label: "Donut Label Chart",
+  category: "Pie Charts",
+  inputs: [
+    o,
+    t,
+    l,
+    { ...t, name: "innerLabelMeasure", label: "Inner Label Measure" },
+    {
+      name: "innerLabelText",
+      type: "string",
+      label: "Inner Label Text",
+      description: "Text to display inside the donut chart",
+      required: !1,
+      category: "Component Data"
+    },
+    i,
+    m,
+    d,
+    u,
+    b,
+    c
+  ],
+  events: [
+    {
+      name: "onSegmentClick",
+      label: "A segment is clicked",
+      properties: [
+        {
+          name: "dimensionValue",
+          label: "Clicked Dimension",
+          type: "string"
+        }
+      ]
+    }
+  ]
+}, g = r(n, p, {
+  props: (e) => ({
+    ...e,
+    results: a({
+      from: e.dataset,
+      select: [e.measure, e.dimension]
+    }),
+    resultsInnerLabel: a({
+      from: e.dataset,
+      select: [e.innerLabelMeasure]
+    })
+  }),
+  events: {
+    onSegmentClick: (e) => ({
+      dimensionValue: e.dimensionValue || s.noFilter()
+    })
+  }
+});
+export {
+  g as default,
+  p as meta
+};
+//# sourceMappingURL=DonutLabelChartPro.js.map

package/dist/DonutLabelChartPro.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DonutLabelChartPro.js","sources":["../src/components/charts/pies/DonutLabelChartPro/DonutLabelChartPro.emb.ts"],"sourcesContent":["import DonutChartPro from './index';\nimport { Value, loadData } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport {\n  dataset,\n  description,\n  dimension,\n  measure,\n  maxLegendItems,\n  showLegend,\n  showTooltips,\n  showValueLabels,\n  title,\n} from '../../../component.constants';\n\nexport const meta = {\n  name: 'DonutLabelChartPro',\n  label: 'Donut Label Chart',\n  category: 'Pie Charts',\n  inputs: [\n    dataset,\n    measure,\n    dimension,\n    { ...measure, name: 'innerLabelMeasure', label: 'Inner Label Measure' },\n    {\n      name: 'innerLabelText',\n      type: 'string',\n      label: 'Inner Label Text',\n      description: 'Text to display inside the donut chart',\n      required: false,\n      category: 'Component Data',\n    },\n    title,\n    description,\n    showLegend,\n    maxLegendItems,\n    showTooltips,\n    showValueLabels,\n  ],\n  events: [\n    {\n      name: 'onSegmentClick',\n      label: 'A segment is clicked',\n      properties: [\n        {\n          name: 'dimensionValue',\n          label: 'Clicked Dimension',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(DonutChartPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        from: inputs.dataset,\n        select: [inputs.measure, inputs.dimension],\n      }),\n      resultsInnerLabel: loadData({\n        from: inputs.dataset,\n        select: [inputs.innerLabelMeasure],\n      }),\n    };\n  },\n  events: {\n    onSegmentClick: (value) => {\n      return {\n        dimensionValue: value.dimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","dataset","measure","dimension","title","description","showLegend","maxLegendItems","showTooltips","showValueLabels","DonutLabelChartPro_emb","defineComponent","DonutChartPro","inputs","loadData","value","Value"],"mappings":";;;;AAeO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC;AAAA,IACAC;AAAA,IACAC;AAAA,IACA,EAAE,GAAGD,GAAS,MAAM,qBAAqB,OAAO,sBAAA;AAAA,IAChD;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU;AAAA,MACV,UAAU;AAAA,IAAA;AAAA,IAEZE;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA;AAAA,EAEF,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEJ,GAEAC,IAAeC,EAAgBC,GAAeZ,GAAM;AAAA,EAClD,OAAO,CAACa,OACC;AAAA,IACL,GAAGA;AAAA,IACH,SAASC,EAAS;AAAA,MAChB,MAAMD,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,SAASA,EAAO,SAAS;AAAA,IAAA,CAC1C;AAAA,IACD,mBAAmBC,EAAS;AAAA,MAC1B,MAAMD,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,iBAAiB;AAAA,IAAA,CAClC;AAAA,EAAA;AAAA,EAGL,QAAQ;AAAA,IACN,gBAAgB,CAACE,OACR;AAAA,MACL,gBAAgBA,EAAM,kBAAkBC,EAAM,SAAA;AAAA,IAAS;AAAA,EAE3D;AAEJ,CAAC;"}

package/dist/EditorCard-VYZUBvXV.js

@@ -0,0 +1,32 @@
+import { j as r, C as i, c as d, e as m, f as l } from "./index-BpXo_FjW.js";
+import { useTheme as C } from "@embeddable.com/react";
+import { a as p, i as x, a0 as j } from "./component.constants-DZwEQb2v.js";
+const u = "_card_15bw3_1", f = {
+  card: u
+}, b = ({
+  title: s,
+  subtitle: t,
+  children: a,
+  errorMessage: e,
+  ...n
+}) => {
+  const o = C();
+  p(o);
+  const c = () => e ? /* @__PURE__ */ r.jsx(
+    l,
+    {
+      variant: "error",
+      icon: j,
+      title: x.t("editors.errorTitle"),
+      message: e
+    }
+  ) : a;
+  return /* @__PURE__ */ r.jsxs(i, { className: f.card, ...n, children: [
+    /* @__PURE__ */ r.jsx(d, { title: s, subtitle: t }),
+    /* @__PURE__ */ r.jsx(m, { children: c() })
+  ] });
+};
+export {
+  b as E
+};
+//# sourceMappingURL=EditorCard-VYZUBvXV.js.map

package/dist/EditorCard-VYZUBvXV.js.map

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

package/dist/HeatMapPro.js

@@ -0,0 +1,160 @@
+import { j as u, H as V, l as W } from "./index-BpXo_FjW.js";
+import { useTheme as R, defineComponent as j } from "@embeddable.com/react";
+import { a as A, r as N, v as P, D as q, z as d, F as E, G, d as i, g as k, c, H as B } from "./component.constants-DZwEQb2v.js";
+import { C as O } from "./ChartCard-BaCPgMtI.js";
+import { g as p } from "./formatter.utils-BbPzfaw8.js";
+import { u as h } from "./charts.fillGaps.hooks-5WclK2CD.js";
+import { C as m } from "./Color.type.emb-BaH90Spr.js";
+const z = (e, a) => {
+  const t = p(a);
+  return {
+    key: e.measure.name,
+    label: t.dimensionOrMeasureTitle(e.measure),
+    format: (n) => t.data(e.measure, n)
+  };
+}, g = (e, a) => {
+  const t = p(a);
+  return {
+    key: e.dimension.name,
+    label: t.dimensionOrMeasureTitle(e.dimension),
+    format: (n) => t.data(e.dimension, n)
+  };
+}, I = (e) => {
+  const a = R();
+  A(a);
+  const { description: t, title: n } = N(e), {
+    measure: l,
+    rowDimension: r,
+    columnDimension: s,
+    maxColor: C,
+    midColor: b,
+    minColor: f,
+    displayNullAs: D,
+    columnWidth: M,
+    firstColumnWidth: x,
+    showValues: w,
+    minThreshold: y,
+    maxThreshold: T
+  } = e, H = h({
+    results: e.results,
+    dimension: s
+  }), o = h({
+    results: H,
+    dimension: r
+  }), S = z({ measure: l }, a), v = g({ dimension: r }, a), F = g({ dimension: s }, a);
+  return /* @__PURE__ */ u.jsx(
+    O,
+    {
+      title: n,
+      subtitle: t,
+      data: e.results,
+      dimensionsAndMeasures: [r, s, l],
+      errorMessage: o == null ? void 0 : o.error,
+      children: /* @__PURE__ */ u.jsx(
+        V,
+        {
+          data: o.data ?? [],
+          measure: S,
+          rowDimension: v,
+          columnDimension: F,
+          maxColor: C,
+          midColor: b,
+          minColor: f,
+          showValues: w,
+          minThreshold: y,
+          maxThreshold: T,
+          columnWidth: M,
+          firstColumnWidth: x,
+          displayNullAs: D
+        }
+      )
+    }
+  );
+}, _ = {
+  name: "HeatMapPro",
+  label: "Heat Map",
+  category: "Table Charts",
+  inputs: [
+    P,
+    q,
+    {
+      ...d,
+      label: "Row Dimension",
+      name: "rowDimension"
+    },
+    {
+      ...d,
+      label: "Column Dimension",
+      name: "columnDimension"
+    },
+    E,
+    G,
+    { ...i, name: "displayNullAs", label: "Display Null As" },
+    {
+      type: m,
+      name: "maxColor",
+      label: "Max Color",
+      defaultValue: "green",
+      required: !0,
+      category: "Component Settings"
+    },
+    {
+      type: m,
+      name: "midColor",
+      label: "Mid Color",
+      defaultValue: "yellow",
+      required: !0,
+      category: "Component Settings"
+    },
+    {
+      type: m,
+      name: "minColor",
+      label: "Min Color",
+      defaultValue: "red",
+      required: !0,
+      category: "Component Settings"
+    },
+    {
+      ...i,
+      name: "minThreshold",
+      label: "Max range lower limit",
+      description: "Enter a value as either a number (e.g. 20) or a percentage (e.g. 20%)"
+    },
+    {
+      ...i,
+      name: "maxThreshold",
+      label: "Min range upper limit",
+      description: "Enter a value as either a number (e.g. 20) or a percentage (e.g. 20%)"
+    },
+    { ...k, name: "showValues", label: "Show Values", defaultValue: !0 },
+    {
+      ...c,
+      name: "firstColumnWidth",
+      label: "First Column Width",
+      description: "Set the width in px (e.g. 200)"
+    },
+    {
+      ...c,
+      name: "columnWidth",
+      label: "Column Width",
+      description: "Set the width in px (e.g. 200)"
+    },
+    B
+  ]
+}, Z = j(I, _, {
+  /* @ts-expect-error - to be fixed in @embeddable.com/react */
+  props: (e) => ({
+    ...e,
+    results: W({
+      from: e.dataset,
+      select: [e.rowDimension, e.columnDimension, e.measure],
+      limit: e.maxResults,
+      countRows: !0
+    })
+  })
+});
+export {
+  Z as default,
+  _ as meta
+};
+//# sourceMappingURL=HeatMapPro.js.map

package/dist/HeatMapPro.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeatMapPro.js","sources":["../src/components/charts/tables/HeatMapPro/index.tsx","../src/components/charts/tables/HeatMapPro/HeatMapPro.emb.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport {\n  HeatMap,\n  HeatMapPropsDimension,\n  HeatMapPropsMeasure,\n} from '@embeddable.com/remarkable-ui-v0';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\n\ntype HeatMapProProps = {\n  columnDimension: Dimension;\n  columnWidth?: number;\n  description: string;\n  displayNullAs?: string;\n  firstColumnWidth?: number;\n  maxColor: string;\n  maxThreshold?: string;\n  measure: Measure;\n  midColor: string;\n  minColor: string;\n  minThreshold?: string;\n  results: DataResponse;\n  rowDimension: Dimension;\n  showValues?: boolean;\n  title: string;\n};\n\nexport const getHeatMeasure = (\n  props: { measure: Measure },\n  theme: Theme,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): HeatMapPropsMeasure<any> => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    key: props.measure.name,\n    label: themeFormatter.dimensionOrMeasureTitle(props.measure),\n    format: (value) => {\n      return themeFormatter.data(props.measure, value);\n    },\n  };\n};\n\nexport const getHeatDimension = (\n  props: { dimension: Dimension },\n  theme: Theme,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): HeatMapPropsDimension<any> => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    key: props.dimension.name,\n    label: themeFormatter.dimensionOrMeasureTitle(props.dimension),\n    format: (value: string) => themeFormatter.data(props.dimension, value),\n  };\n};\n\nconst HeatMapPro = (props: HeatMapProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { description, title } = resolveI18nProps(props);\n  const {\n    measure,\n    rowDimension,\n    columnDimension,\n    maxColor,\n    midColor,\n    minColor,\n    displayNullAs,\n    columnWidth,\n    firstColumnWidth,\n    showValues,\n    minThreshold,\n    maxThreshold,\n  } = props;\n\n  // Fill gaps for the column dimension\n  const resultsColumnDimensionFillGaps = useFillGaps({\n    results: props.results,\n    dimension: columnDimension,\n  });\n\n  // Fill gaps for the row dimension\n  const results = useFillGaps({\n    results: resultsColumnDimensionFillGaps,\n    dimension: rowDimension,\n  });\n\n  const pivotMeasures = getHeatMeasure({ measure }, theme);\n  const pivotRowDimension = getHeatDimension({ dimension: rowDimension }, theme);\n  const pivotColumnDimension = getHeatDimension({ dimension: columnDimension }, theme);\n\n  return (\n    <ChartCard\n      title={title}\n      subtitle={description}\n      data={props.results}\n      dimensionsAndMeasures={[rowDimension, columnDimension, measure]}\n      errorMessage={results?.error}\n    >\n      <HeatMap\n        data={results.data ?? []}\n        measure={pivotMeasures}\n        rowDimension={pivotRowDimension}\n        columnDimension={pivotColumnDimension}\n        maxColor={maxColor}\n        midColor={midColor}\n        minColor={minColor}\n        showValues={showValues}\n        minThreshold={minThreshold}\n        maxThreshold={maxThreshold}\n        columnWidth={columnWidth}\n        firstColumnWidth={firstColumnWidth}\n        displayNullAs={displayNullAs}\n      />\n    </ChartCard>\n  );\n};\n\nexport default HeatMapPro;\n","import { loadData } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport HeatMapPro from './index';\nimport {\n  dataset,\n  description,\n  title,\n  maxResults,\n  genericString,\n  dimensionWithDateBounds,\n  genericNumber,\n  measure,\n  genericBoolean,\n} from '../../../component.constants';\nimport ColorType from '../../../../editors/ColorEditor/Color.type.emb';\n\nexport const meta = {\n  name: 'HeatMapPro',\n  label: 'Heat Map',\n  category: 'Table Charts',\n  inputs: [\n    dataset,\n    measure,\n    {\n      ...dimensionWithDateBounds,\n      label: 'Row Dimension',\n      name: 'rowDimension',\n    },\n    {\n      ...dimensionWithDateBounds,\n      label: 'Column Dimension',\n      name: 'columnDimension',\n    },\n    title,\n    description,\n    { ...genericString, name: 'displayNullAs', label: 'Display Null As' },\n\n    {\n      type: ColorType,\n      name: 'maxColor',\n      label: 'Max Color',\n      defaultValue: 'green',\n      required: true,\n      category: 'Component Settings',\n    },\n    {\n      type: ColorType,\n      name: 'midColor',\n      label: 'Mid Color',\n      defaultValue: 'yellow',\n      required: true,\n      category: 'Component Settings',\n    },\n    {\n      type: ColorType,\n      name: 'minColor',\n      label: 'Min Color',\n      defaultValue: 'red',\n      required: true,\n      category: 'Component Settings',\n    },\n\n    {\n      ...genericString,\n      name: 'minThreshold',\n      label: 'Max range lower limit',\n      description: 'Enter a value as either a number (e.g. 20) or a percentage (e.g. 20%)',\n    },\n    {\n      ...genericString,\n      name: 'maxThreshold',\n      label: 'Min range upper limit',\n      description: 'Enter a value as either a number (e.g. 20) or a percentage (e.g. 20%)',\n    },\n    { ...genericBoolean, name: 'showValues', label: 'Show Values', defaultValue: true },\n    {\n      ...genericNumber,\n      name: 'firstColumnWidth',\n      label: 'First Column Width',\n      description: 'Set the width in px (e.g. 200)',\n    },\n    {\n      ...genericNumber,\n      name: 'columnWidth',\n      label: 'Column Width',\n      description: 'Set the width in px (e.g. 200)',\n    },\n    maxResults,\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(HeatMapPro, meta, {\n  /* @ts-expect-error - to be fixed in @embeddable.com/react */\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        from: inputs.dataset,\n        select: [inputs.rowDimension, inputs.columnDimension, inputs.measure],\n        limit: inputs.maxResults,\n        countRows: true,\n      }),\n    };\n  },\n});\n"],"names":["getHeatMeasure","props","theme","themeFormatter","getThemeFormatter","value","getHeatDimension","HeatMapPro","useTheme","i18nSetup","description","title","resolveI18nProps","measure","rowDimension","columnDimension","maxColor","midColor","minColor","displayNullAs","columnWidth","firstColumnWidth","showValues","minThreshold","maxThreshold","resultsColumnDimensionFillGaps","useFillGaps","results","pivotMeasures","pivotRowDimension","pivotColumnDimension","jsx","ChartCard","HeatMap","meta","dataset","dimensionWithDateBounds","genericString","ColorType","genericBoolean","genericNumber","maxResults","HeatMapPro_emb","defineComponent","inputs","loadData"],"mappings":"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"}