@embeddable.com/remarkable-pro 0.3.6 → 0.3.8

package/dist/{definition-1lXxtDr_.js → definition-CVEFL-6_.js}

@@ -1,112 +1,108 @@
-import { m as F, j as A, B as H, V as x } from "./index-B2QrkfxN.js";
+import { m as j, j as C, B as F, V as x } from "./index-3F2_3p7g.js";
 import { useTheme as K, definePreview as _ } from "@embeddable.com/react";
-import { i as W, r as E } from "./component.utils-oQMZT7TK.js";
-import { C as I } from "./ChartCard-vJK2ZRxA.js";
-import { b as U, c as q } from "./bars.utils-COH_FQZE.js";
-import { u as J } from "./charts.fillGaps.hooks-BkJ8-vFc.js";
-import { C as N, g as Q } from "./granularity.utils-QXObIZwK.js";
-import { u as X, g as Z, a as $, l as ee, b as ie } from "./bars.loadData.utils-KNlmFRwS.js";
-import { d as ae } from "./charts.utils-BaFvl6O-.js";
-import { i } from "./component.inputs.constants-fbYKhm5a.js";
-import { p } from "./preview.data.constants-TS-EhQXM.js";
-import { g as re } from "./clientContext.utils-DpB5KsfX.js";
-const C = (e) => {
+import { i as W, r as I } from "./component.utils-oQMZT7TK.js";
+import { C as E, a as U } from "./ChartCard-DoGFLbS2.js";
+import { b as q, c as J } from "./bars.utils-CsufVR7j.js";
+import { u as N } from "./charts.fillGaps.hooks-CWY0cZuI.js";
+import { C as Q, g as X } from "./granularity.utils-D8sR_MWc.js";
+import { u as Z, g as $, a as ee, l as ie, b as ae } from "./bars.loadData.utils-C0aBNT5b.js";
+import { d as re } from "./charts.utils-B-Ryq4Nc.js";
+import { i } from "./component.inputs.constants-C1gOvjv8.js";
+import { p } from "./preview.data.constants-Cg6C5D3p.js";
+import { g as se } from "./clientContext.utils-DpB5KsfX.js";
+const A = (e) => {
   var T, k;
   const a = K();
   W(a);
-  const { tooltip: m, description: l, title: r, xAxisLabel: d, yAxisLabel: c } = E(e), {
-    hideMenu: g,
-    groupBy: o,
+  const c = I(e), { tooltip: l, description: t, title: m, xAxisLabel: d, yAxisLabel: g } = c, {
+    groupBy: r,
     measure: s,
     reverseYAxis: h,
     showLegend: f,
     showLogarithmicScale: R,
     showTooltips: B,
-    showTotalLabels: w,
-    showValueLabels: O,
-    yAxis: n,
+    showTotalLabels: O,
+    showValueLabels: w,
+    yAxis: o,
     xAxisRangeMax: S,
-    xAxisRangeMin: z,
-    granularity: L,
+    xAxisRangeMin: P,
+    granularity: z,
     setGranularity: b,
-    onBarClicked: M,
-    axisOrder: P,
+    onBarClicked: L,
+    axisOrder: M,
     resultsAxisOrder: u,
     axisOrderCacheKey: V,
     setAxisOrderAndCacheKey: v
   } = e;
-  X({
+  Z({
     resultsAxisOrder: u,
-    axisDimension: n,
+    axisDimension: o,
     setAxisOrderAndCacheKey: v,
     axisOrderCacheKey: V
   });
-  const t = J({
+  const n = N({
     results: e.results,
-    dimension: n
-  }), y = U(
+    dimension: o
+  }), y = q(
     {
-      data: t == null ? void 0 : t.data,
-      dimension: n,
-      groupDimension: o,
+      data: n == null ? void 0 : n.data,
+      dimension: o,
+      groupDimension: r,
       measure: s,
-      axisOrder: P
+      axisOrder: M
     },
     a
-  ), G = F(
-    q(
+  ), G = j(
+    J(
       {
         measures: [s],
-        groupDimension: o,
+        groupDimension: r,
         horizontal: !0,
         data: y,
-        dimension: n
+        dimension: o
       },
       a
     ),
     ((k = (T = a.charts) == null ? void 0 : T.barChartStackedHorizontalPro) == null ? void 0 : k.options) || {}
-  ), Y = !r && !l && !m, j = ae({
+  ), Y = !m && !t && !l, H = re({
     data: y,
-    dimension: n,
-    groupBy: o,
-    granularity: L,
-    onClicked: M
+    dimension: o,
+    groupBy: r,
+    granularity: z,
+    onClicked: L
   });
-  return /* @__PURE__ */ A.jsxs(
-    I,
+  return /* @__PURE__ */ C.jsxs(
+    E,
     {
-      data: t,
-      dimensionsAndMeasures: [s, n, o],
-      errorMessage: (t == null ? void 0 : t.error) || (u == null ? void 0 : u.error),
-      description: l,
-      title: r,
-      tooltip: m,
-      hideMenu: g,
+      data: n,
+      dimensionsAndMeasures: [s, o, r],
+      errorMessage: (n == null ? void 0 : n.error) || (u == null ? void 0 : u.error),
+      ...U(e),
       children: [
-        b && /* @__PURE__ */ A.jsx(
-          N,
+        b && /* @__PURE__ */ C.jsx(
+          Q,
           {
             hasMarginTop: Y,
-            dimension: n,
+            dimension: o,
             onChange: b
           }
         ),
-        /* @__PURE__ */ A.jsx(
-          H,
+        /* @__PURE__ */ C.jsx(
+          F,
           {
             data: y,
             showLegend: f,
             showTooltips: B,
-            showValueLabels: O,
+            showValueLabels: w,
             showLogarithmicScale: R,
             xAxisLabel: d,
-            yAxisLabel: c,
+            yAxisLabel: g,
             reverseYAxis: h,
-            xAxisRangeMin: z,
+            xAxisRangeMin: P,
             xAxisRangeMax: S,
-            showTotalLabels: w,
+            showTotalLabels: O,
             options: G,
-            onClick: j,
+            onClick: H,
             stacked: !0,
             horizontal: !0
           }
@@ -114,9 +110,9 @@ const C = (e) => {
       ]
     }
   );
-}, be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Te = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: C
+  default: A
 }, Symbol.toStringTag, { value: "Module" })), oe = {
   name: "BarChartStackedHorizontalPro",
   label: "Bar Chart - Stacked Horizontal",
@@ -142,7 +138,8 @@ const C = (e) => {
     i.reverseYAxis,
     i.xAxisRangeMin,
     i.xAxisRangeMax,
-    i.showTotalLabels
+    i.showTotalLabels,
+    i.menuOptions
   ],
   events: [
     {
@@ -178,62 +175,62 @@ const C = (e) => {
   measure: p.measure,
   results: p.results1Measure2Dimensions,
   hideMenu: !0
-}, se = _(C, D), ne = {
+}, ne = _(A, D), te = {
   onBarClicked: (e) => ({
     axisDimensionValue: e.dimensionValue ?? x.noFilter(),
     axisDimensionTimeRange: e.dimensionTimeRange ?? x.noFilter(),
     groupingDimensionValue: e.groupingDimensionValue ?? x.noFilter(),
     groupingDimensionTimeRange: e.groupingDimensionTimeRange ?? x.noFilter()
   })
-}, te = (e, [a, m], l) => {
-  const r = Q(e.yAxis, a == null ? void 0 : a.granularity), d = e.sortDirectionTopYAxis, c = re(l == null ? void 0 : l.timezone), g = Z({
+}, le = (e, [a, c], l) => {
+  const t = X(e.yAxis, a == null ? void 0 : a.granularity), m = e.sortDirectionTopYAxis, d = se(l == null ? void 0 : l.timezone), g = $({
     dataset: e.dataset,
-    axis: r,
+    axis: t,
     measure: e.measure,
-    sortDirection: d,
+    sortDirection: m,
     limit: e.limitTopYAxis,
-    timezone: c
-  }), o = $(g, a);
+    timezone: d
+  }), r = ee(g, a);
   return {
     ...e,
-    yAxis: r,
+    yAxis: t,
     granularity: a == null ? void 0 : a.granularity,
-    axisOrder: o,
+    axisOrder: r,
     axisOrderCacheKey: g,
-    setGranularity: (s) => m({ ...a, granularity: s }),
-    setAxisOrderAndCacheKey: (s, h) => m({ ...a, axisOrder: s, axisOrderCacheKey: h }),
-    resultsAxisOrder: ie({
+    setGranularity: (s) => c({ ...a, granularity: s }),
+    setAxisOrderAndCacheKey: (s, h) => c({ ...a, axisOrder: s, axisOrderCacheKey: h }),
+    resultsAxisOrder: ae({
       dataset: e.dataset,
       limitTopAxis: e.limitTopYAxis,
-      axis: r,
+      axis: t,
       measure: e.measure,
-      sortDirection: d,
-      timezone: c
+      sortDirection: m,
+      timezone: d
     }),
-    results: ee({
+    results: ie({
       dataset: e.dataset,
-      axis: r,
+      axis: t,
       groupBy: e.groupBy,
       measure: e.measure,
-      sortDirection: d,
+      sortDirection: m,
       limitTopAxis: e.limitTopYAxis,
       maxResults: e.maxResults,
-      axisOrder: o,
-      timezone: c
+      axisOrder: r,
+      timezone: d
     })
   };
-}, Te = {
-  Component: C,
+}, ke = {
+  Component: A,
   meta: oe,
-  preview: se,
+  preview: ne,
   previewConfig: D,
   config: {
-    props: te,
-    events: ne
+    props: le,
+    events: te
   }
 };
 export {
-  Te as b,
-  be as i
+  ke as b,
+  Te as i
 };
-//# sourceMappingURL=definition-1lXxtDr_.js.map
+//# sourceMappingURL=definition-CVEFL-6_.js.map

package/dist/definition-CVEFL-6_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-CVEFL-6_.js","sources":["../src/components/charts/bars/BarChartStackedHorizontalPro/index.tsx","../src/components/charts/bars/BarChartStackedHorizontalPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard, asChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarChart } from '@embeddable.com/remarkable-ui';\nimport { getBarStackedChartProData, getBarStackedChartProOptions } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { Dimension } from '@embeddable.com/core';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\nimport { useUpdateAxisOrderAndCacheKey } from '../bars.hooks';\nimport { BarChartStackedBaseProps } from '../bars.types';\nimport { createGroupedClickHandler } from '../../charts.utils';\n\nexport type BarChartStackedHorizontalProProps = BarChartStackedBaseProps & {\n  yAxis: Dimension;\n  reverseYAxis?: boolean;\n  xAxisRangeMax?: number;\n  xAxisRangeMin?: number;\n};\n\nconst BarChartStackedHorizontalPro = (props: BarChartStackedHorizontalProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const resolvedI18nProps = resolveI18nProps(props);\n  const { tooltip, description, title, xAxisLabel, yAxisLabel } = resolvedI18nProps;\n\n  const {\n    groupBy,\n    measure,\n    reverseYAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showTotalLabels,\n    showValueLabels,\n    yAxis,\n    xAxisRangeMax,\n    xAxisRangeMin,\n    granularity,\n    setGranularity,\n    onBarClicked,\n    axisOrder,\n    resultsAxisOrder,\n    axisOrderCacheKey,\n    setAxisOrderAndCacheKey,\n  } = props;\n\n  useUpdateAxisOrderAndCacheKey({\n    resultsAxisOrder,\n    axisDimension: yAxis,\n    setAxisOrderAndCacheKey,\n    axisOrderCacheKey,\n  });\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: yAxis,\n  });\n\n  const data = getBarStackedChartProData(\n    {\n      data: results?.data,\n      dimension: yAxis,\n      groupDimension: groupBy,\n      measure,\n      axisOrder,\n    },\n    theme,\n  );\n\n  const options = mergician(\n    getBarStackedChartProOptions(\n      {\n        measures: [measure],\n        groupDimension: groupBy,\n        horizontal: true,\n        data,\n        dimension: yAxis,\n      },\n      theme,\n    ),\n    theme.charts?.barChartStackedHorizontalPro?.options || {},\n  );\n\n  const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n\n  const handleClick = createGroupedClickHandler({\n    data,\n    dimension: yAxis,\n    groupBy,\n    granularity,\n    onClicked: onBarClicked,\n  });\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[measure, yAxis, groupBy]}\n      errorMessage={results?.error || resultsAxisOrder?.error}\n      {...asChartCardHeaderProps(props)}\n    >\n      {setGranularity && (\n        <ChartGranularitySelectField\n          hasMarginTop={granularitySelectorHasMarginTop}\n          dimension={yAxis}\n          onChange={setGranularity}\n        />\n      )}\n      <BarChart\n        data={data}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        showLogarithmicScale={showLogarithmicScale}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        reverseYAxis={reverseYAxis}\n        xAxisRangeMin={xAxisRangeMin}\n        xAxisRangeMax={xAxisRangeMax}\n        showTotalLabels={showTotalLabels}\n        options={options}\n        onClick={handleClick}\n        stacked\n        horizontal\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarChartStackedHorizontalPro;\n","import { Granularity, OrderDirection, Value } from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getDimensionWithGranularity } from '../../utils/granularity.utils';\nimport {\n  getAxisOrderCacheKey,\n  getCachedAxisOrder,\n  loadDataResultsAxisOrder,\n  loadDataResults,\n} from '../bars.loadData.utils';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\nimport { BarChartStackedProOptionsClickArg } from '../bars.types';\n\nconst meta = {\n  name: 'BarChartStackedHorizontalPro',\n  label: 'Bar Chart - Stacked Horizontal',\n  description:\n    'Same as BarChartStackedPro but with horizontal bars. Pick when category labels are long or numerous.',\n  category: 'Bar Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    { ...inputs.dimensionWithGranularitySelectField, name: 'yAxis', label: 'Y-axis' },\n    inputs.groupBy,\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.maxResults,\n    inputs.showLegend,\n    inputs.showTooltips,\n    { ...inputs.showValueLabels, defaultValue: false },\n    inputs.showLogarithmicScale,\n    inputs.sortDirectionTopYAxis,\n    inputs.limitTopYAxis,\n    inputs.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.reverseYAxis,\n    inputs.xAxisRangeMin,\n    inputs.xAxisRangeMax,\n    inputs.showTotalLabels,\n    inputs.menuOptions,\n  ],\n  events: [\n    {\n      name: 'onBarClicked',\n      label: 'A bar is clicked',\n      properties: [\n        {\n          name: 'axisDimensionValue',\n          label: 'Clicked axis dimension value',\n          type: 'string',\n        },\n        {\n          name: 'axisDimensionTimeRange',\n          label: 'Clicked axis dimension time range',\n          type: 'timeRange',\n        },\n        {\n          name: 'groupingDimensionValue',\n          label: 'Clicked grouping dimension value',\n          type: 'string',\n        },\n        {\n          name: 'groupingDimensionTimeRange',\n          label: 'Clicked grouping dimension time range',\n          type: 'timeRange',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type BarChartStackedHorizontalProState = {\n  granularity?: Granularity;\n  axisOrder?: string[];\n  axisOrderCacheKey?: string;\n};\n\nconst previewConfig = {\n  yAxis: previewData.dimension,\n  groupBy: previewData.dimensionGroup,\n  measure: previewData.measure,\n  results: previewData.results1Measure2Dimensions,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst events = {\n  onBarClicked: (value: BarChartStackedProOptionsClickArg) => ({\n    axisDimensionValue: value.dimensionValue ?? Value.noFilter(),\n    axisDimensionTimeRange: value.dimensionTimeRange ?? Value.noFilter(),\n    groupingDimensionValue: value.groupingDimensionValue ?? Value.noFilter(),\n    groupingDimensionTimeRange: value.groupingDimensionTimeRange ?? Value.noFilter(),\n  }),\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [\n    BarChartStackedHorizontalProState,\n    (state: BarChartStackedHorizontalProState) => void,\n  ],\n  clientContext: ThemeClientContext,\n) => {\n  const yAxisWithGranularity = getDimensionWithGranularity(inputs.yAxis, state?.granularity);\n  const sortDirection = inputs.sortDirectionTopYAxis as OrderDirection | undefined;\n  const timezone = getClientContextTimezone(clientContext?.timezone);\n\n  const axisOrderCacheKey = getAxisOrderCacheKey({\n    dataset: inputs.dataset,\n    axis: yAxisWithGranularity,\n    measure: inputs.measure,\n    sortDirection,\n    limit: inputs.limitTopYAxis,\n    timezone,\n  });\n\n  const cachedAxisOrder = getCachedAxisOrder(axisOrderCacheKey, state);\n\n  return {\n    ...inputs,\n    yAxis: yAxisWithGranularity,\n    granularity: state?.granularity,\n    axisOrder: cachedAxisOrder,\n    axisOrderCacheKey,\n    setGranularity: (granularity: Granularity) => setState({ ...state, granularity }),\n    setAxisOrderAndCacheKey: (axisOrder: string[], cacheKey: string) =>\n      setState({ ...state, axisOrder, axisOrderCacheKey: cacheKey }),\n    resultsAxisOrder: loadDataResultsAxisOrder({\n      dataset: inputs.dataset,\n      limitTopAxis: inputs.limitTopYAxis,\n      axis: yAxisWithGranularity,\n      measure: inputs.measure,\n      sortDirection,\n      timezone,\n    }),\n    results: loadDataResults({\n      dataset: inputs.dataset,\n      axis: yAxisWithGranularity,\n      groupBy: inputs.groupBy,\n      measure: inputs.measure,\n      sortDirection,\n      limitTopAxis: inputs.limitTopYAxis,\n      maxResults: inputs.maxResults,\n      axisOrder: cachedAxisOrder,\n      timezone,\n    }),\n  };\n};\n\nexport const barChartStackedHorizontalPro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n    events,\n  },\n} as const;\n"],"names":["BarChartStackedHorizontalPro","props","theme","useTheme","i18nSetup","resolvedI18nProps","resolveI18nProps","tooltip","description","title","xAxisLabel","yAxisLabel","groupBy","measure","reverseYAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","yAxis","xAxisRangeMax","xAxisRangeMin","granularity","setGranularity","onBarClicked","axisOrder","resultsAxisOrder","axisOrderCacheKey","setAxisOrderAndCacheKey","useUpdateAxisOrderAndCacheKey","results","useFillGaps","data","getBarStackedChartProData","options","mergician","getBarStackedChartProOptions","_b","_a","granularitySelectorHasMarginTop","handleClick","createGroupedClickHandler","jsxs","ChartCard","asChartCardHeaderProps","jsx","ChartGranularitySelectField","BarChart","meta","inputs","previewConfig","previewData","preview","definePreview","Component","events","value","Value","state","setState","clientContext","yAxisWithGranularity","getDimensionWithGranularity","sortDirection","timezone","getClientContextTimezone","getAxisOrderCacheKey","cachedAxisOrder","getCachedAxisOrder","cacheKey","loadDataResultsAxisOrder","loadDataResults","barChartStackedHorizontalPro"],"mappings":"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"}

package/dist/definition-CfAViwzx.js

@@ -0,0 +1,124 @@
+import { m as D, j as l, H as V, V as d, l as x } from "./index-3F2_3p7g.js";
+import { useTheme as v, definePreview as L } from "@embeddable.com/react";
+import { g as R, a as T, c as j } from "./pies.utils-DzYnG_XU.js";
+import { i as S } from "./component.utils-oQMZT7TK.js";
+import { C as y, a as A } from "./ChartCard-DoGFLbS2.js";
+import { i as s, s as M } from "./component.inputs.constants-C1gOvjv8.js";
+import { p as i } from "./preview.data.constants-Cg6C5D3p.js";
+const r = (e) => {
+  var m;
+  const a = v();
+  S(a);
+  const {
+    dimension: t,
+    maxLegendItems: h,
+    measure: n,
+    results: o,
+    showLegend: g,
+    showTooltips: C,
+    showValueLabels: f,
+    onSegmentClick: P
+  } = e, w = R(
+    { data: o.data, dimension: t, measure: n, maxLegendItems: h },
+    a
+  ), b = D(
+    T({ measure: n, dimension: t }, a),
+    ((m = a.charts.pieChartPro) == null ? void 0 : m.options) ?? {}
+  ), k = j({ results: o, dimension: t, onClicked: P });
+  return /* @__PURE__ */ l.jsx(
+    y,
+    {
+      data: o,
+      dimensionsAndMeasures: [t, n],
+      errorMessage: o.error,
+      ...A(e),
+      children: /* @__PURE__ */ l.jsx(
+        V,
+        {
+          data: w,
+          options: b,
+          showLegend: g,
+          showTooltips: C,
+          showValueLabels: f,
+          onClick: k
+        }
+      )
+    }
+  );
+}, J = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: r
+}, Symbol.toStringTag, { value: "Module" })), H = {
+  name: "PieChartPro",
+  label: "Pie Chart",
+  description: "Pie chart for parts-of-whole over one dimension with one measure. Prefer DonutChartPro for a modern look.",
+  category: "Pie Charts",
+  defaultHeight: 442,
+  defaultWidth: 630,
+  inputs: [
+    s.dataset,
+    { ...s.measure, inputs: [...s.measure.inputs, M.showValueAsPercentage] },
+    s.dimension,
+    s.title,
+    s.description,
+    s.tooltip,
+    s.showLegend,
+    s.maxLegendItems,
+    s.showTooltips,
+    s.showValueLabels,
+    s.menuOptions
+  ],
+  events: [
+    {
+      name: "onSegmentClick",
+      label: "A segment is clicked",
+      properties: [
+        {
+          name: "dimensionValue",
+          label: "Clicked dimension",
+          type: "string"
+        },
+        {
+          name: "dimensionTimeRange",
+          label: "Clicked dimension time range",
+          type: "timeRange"
+        }
+      ]
+    }
+  ]
+}, c = {
+  dimension: i.dimension,
+  measure: i.measure,
+  results: i.results1Measure1Dimension,
+  showValueLabels: !1,
+  hideMenu: !0
+}, O = L(r, c), u = (e) => ({
+  from: e.dataset,
+  select: [e.measure, e.dimension]
+}), p = (e) => x(u(e)), _ = {
+  onSegmentClick: (e) => ({
+    dimensionValue: e.dimensionValue ?? d.noFilter(),
+    dimensionTimeRange: e.dimensionTimeRange ?? d.noFilter()
+  })
+}, I = (e) => ({
+  ...e,
+  results: p(e)
+}), K = {
+  Component: r,
+  meta: H,
+  preview: O,
+  previewConfig: c,
+  config: {
+    props: I,
+    events: _
+  },
+  results: {
+    loadDataArgs: u,
+    loadData: p
+  }
+};
+export {
+  J as i,
+  K as p
+};
+//# sourceMappingURL=definition-CfAViwzx.js.map

package/dist/definition-CfAViwzx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-CfAViwzx.js","sources":["../src/components/charts/pies/PieChartPro/index.tsx","../src/components/charts/pies/PieChartPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { PieChart } from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getPieChartProOptions, getPieChartProData, createPieClickHandler } from '../pies.utils';\nimport { DefaultPieChartProps } from '../pies.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard, asChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { mergician } from 'mergician';\nexport type PieChartProProps = DefaultPieChartProps;\n\nconst PieChartPro = (props: PieChartProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    dimension,\n    maxLegendItems,\n    measure,\n    results,\n    showLegend,\n    showTooltips,\n    showValueLabels,\n    onSegmentClick,\n  } = props;\n\n  const data = getPieChartProData(\n    { data: results.data, dimension, measure, maxLegendItems },\n    theme,\n  );\n\n  const options = mergician(\n    getPieChartProOptions({ measure, dimension }, theme),\n    theme.charts.pieChartPro?.options ?? {},\n  );\n\n  const handleClick = createPieClickHandler({ results, dimension, onClicked: onSegmentClick });\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[dimension, measure]}\n      errorMessage={results.error}\n      {...asChartCardHeaderProps(props)}\n    >\n      <PieChart\n        data={data}\n        options={options}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        onClick={handleClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default PieChartPro;\n","import { DataResponse, LoadDataRequest, Value, loadData } from '@embeddable.com/core';\nimport { PieChartClickArg } from '../pies.types';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { subInputs } from '../../../component.subinputs.constants';\n\nconst meta = {\n  name: 'PieChartPro',\n  label: 'Pie Chart',\n  description:\n    'Pie chart for parts-of-whole over one dimension with one measure. Prefer DonutChartPro for a modern look.',\n  category: 'Pie Charts',\n  defaultHeight: 442,\n  defaultWidth: 630,\n  inputs: [\n    inputs.dataset,\n    { ...inputs.measure, inputs: [...inputs.measure.inputs, subInputs.showValueAsPercentage] },\n    inputs.dimension,\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.showLegend,\n    inputs.maxLegendItems,\n    inputs.showTooltips,\n    inputs.showValueLabels,\n    inputs.menuOptions,\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          name: 'dimensionTimeRange',\n          label: 'Clicked dimension time range',\n          type: 'timeRange',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst previewConfig = {\n  dimension: previewData.dimension,\n  measure: previewData.measure,\n  results: previewData.results1Measure1Dimension,\n  showValueLabels: false,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (inputs: Inputs<typeof meta>): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: [inputs.measure, inputs.dimension],\n});\n\nconst loadDataResults = (inputs: Inputs<typeof meta>): DataResponse =>\n  loadData(loadDataResultsArgs(inputs));\n\nconst events = {\n  onSegmentClick: (value: PieChartClickArg) => ({\n    dimensionValue: value.dimensionValue ?? Value.noFilter(),\n    dimensionTimeRange: value.dimensionTimeRange ?? Value.noFilter(),\n  }),\n};\n\nconst props = (inputs: Inputs<typeof meta>) => ({\n  ...inputs,\n  results: loadDataResults(inputs),\n});\n\nexport const pieChartPro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n    events,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n} as const;\n"],"names":["PieChartPro","props","theme","useTheme","i18nSetup","dimension","maxLegendItems","measure","results","showLegend","showTooltips","showValueLabels","onSegmentClick","data","getPieChartProData","options","mergician","getPieChartProOptions","_a","handleClick","createPieClickHandler","jsx","ChartCard","asChartCardHeaderProps","PieChart","meta","inputs","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","loadDataResults","loadData","events","value","Value","pieChartPro"],"mappings":"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"}

package/dist/{definition-Dd5aNSMl.js → definition-ChKlVRtM.js}

@@ -1,15 +1,15 @@
-import { m as F, j as p, G as O, V as b, l as g } from "./index-B2QrkfxN.js";
-import { useTheme as z, definePreview as H } from "@embeddable.com/react";
-import { g as U, a as E, c as G } from "./pies.utils-BBVEmW76.js";
-import { g as W } from "./formatter.utils-DTeWPgjB.js";
-import { i as q, r as B } from "./component.utils-oQMZT7TK.js";
-import { C as J } from "./ChartCard-vJK2ZRxA.js";
-import { i as a, s as K } from "./component.inputs.constants-fbYKhm5a.js";
-import { p as i } from "./preview.data.constants-TS-EhQXM.js";
+import { m as A, j as p, G as S, V as b, l as g } from "./index-3F2_3p7g.js";
+import { useTheme as j, definePreview as F } from "@embeddable.com/react";
+import { g as O, a as H, c as z } from "./pies.utils-DzYnG_XU.js";
+import { g as U } from "./formatter.utils-D8VAiDYp.js";
+import { i as E, r as G } from "./component.utils-oQMZT7TK.js";
+import { C as W, a as q } from "./ChartCard-DoGFLbS2.js";
+import { i as a, s as B } from "./component.inputs.constants-C1gOvjv8.js";
+import { p as i } from "./preview.data.constants-Cg6C5D3p.js";
 const l = (e) => {
   var d, u, c;
-  const t = z(), P = W(t);
-  q(t);
+  const t = j(), P = U(t);
+  E(t);
   const {
     dimension: s,
     maxLegendItems: w,
@@ -17,48 +17,45 @@ const l = (e) => {
     results: n,
     showLegend: x,
     showTooltips: T,
-    showValueLabels: k,
+    showValueLabels: v,
     resultsInnerLabel: r,
     innerLabelMeasure: m
-  } = e, { description: v, title: y, tooltip: I, innerLabelText: M, onSegmentClick: R } = B(e), { hideMenu: V } = e, _ = U(
+  } = e, I = G(e), { innerLabelText: k, onSegmentClick: y } = I, M = O(
     { data: n.data, dimension: s, measure: o, maxLegendItems: w },
     t
-  ), A = G({ results: n, dimension: s, onClicked: R }), S = P.data(
+  ), R = z({ results: n, dimension: s, onClicked: y }), V = P.data(
     m,
     (u = (d = r == null ? void 0 : r.data) == null ? void 0 : d[0]) == null ? void 0 : u[m.name]
-  ), j = F(
-    E({ measure: o, dimension: s }, t),
+  ), _ = A(
+    H({ measure: o, dimension: s }, t),
     ((c = t.charts.donutLabelChartPro) == null ? void 0 : c.options) ?? {}
   );
   return /* @__PURE__ */ p.jsx(
-    J,
+    W,
     {
       data: n,
       dimensionsAndMeasures: [s, o],
       errorMessage: n.error,
-      description: v,
-      title: y,
-      tooltip: I,
-      hideMenu: V,
+      ...q(e),
       children: /* @__PURE__ */ p.jsx(
-        O,
+        S,
         {
-          label: S,
-          subLabel: M,
-          data: _,
-          options: j,
+          label: V,
+          subLabel: k,
+          data: M,
+          options: _,
           showLegend: x,
           showTooltips: T,
-          showValueLabels: k,
-          onClick: A
+          showValueLabels: v,
+          onClick: R
         }
       )
     }
   );
-}, re = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, ne = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: l
-}, Symbol.toStringTag, { value: "Module" })), N = {
+}, Symbol.toStringTag, { value: "Module" })), J = {
   name: "DonutLabelChartPro",
   label: "Donut Label Chart",
   description: "Same as DonutChartPro with a customizable center text label. Use when the center space can provide a useful summary (e.g. total, label).",
@@ -67,7 +64,7 @@ const l = (e) => {
   defaultWidth: 630,
   inputs: [
     a.dataset,
-    { ...a.measure, inputs: [...a.measure.inputs, K.showValueAsPercentage] },
+    { ...a.measure, inputs: [...a.measure.inputs, B.showValueAsPercentage] },
     a.dimension,
     { ...a.measure, name: "innerLabelMeasure", label: "Inner label measure" },
     {
@@ -83,7 +80,8 @@ const l = (e) => {
     a.showLegend,
     a.maxLegendItems,
     a.showTooltips,
-    a.showValueLabels
+    a.showValueLabels,
+    a.menuOptions
   ],
   events: [
     {
@@ -121,29 +119,29 @@ const l = (e) => {
   },
   showValueLabels: !1,
   hideMenu: !0
-}, Q = H(l, h), C = (e) => ({
+}, K = F(l, h), C = (e) => ({
   from: e.dataset,
   select: [e.measure, e.dimension]
 }), L = (e) => g(C(e)), f = (e) => ({
   from: e.dataset,
   select: [e.innerLabelMeasure]
-}), D = (e) => g(f(e)), X = {
+}), D = (e) => g(f(e)), N = {
   onSegmentClick: (e) => ({
     dimensionValue: e.dimensionValue ?? b.noFilter(),
     dimensionTimeRange: e.dimensionTimeRange ?? b.noFilter()
   })
-}, Y = (e) => ({
+}, Q = (e) => ({
   ...e,
   results: L(e),
   resultsInnerLabel: D(e)
-}), ie = {
+}), oe = {
   Component: l,
-  meta: N,
-  preview: Q,
+  meta: J,
+  preview: K,
   previewConfig: h,
   config: {
-    props: Y,
-    events: X
+    props: Q,
+    events: N
   },
   results: {
     loadDataArgs: C,
@@ -155,7 +153,7 @@ const l = (e) => {
   }
 };
 export {
-  ie as d,
-  re as i
+  oe as d,
+  ne as i
 };
-//# sourceMappingURL=definition-Dd5aNSMl.js.map
+//# sourceMappingURL=definition-ChKlVRtM.js.map

package/dist/definition-ChKlVRtM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-ChKlVRtM.js","sources":["../src/components/charts/pies/DonutLabelChartPro/index.tsx","../src/components/charts/pies/DonutLabelChartPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getPieChartProOptions, getPieChartProData, createPieClickHandler } from '../pies.utils';\nimport { DefaultPieChartProps } from '../pies.types';\nimport { DataResponse, Measure } from '@embeddable.com/core';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard, asChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { DonutChart } from '@embeddable.com/remarkable-ui';\nimport { mergician } from 'mergician';\nimport { resolveI18nProps } from '../../../component.utils';\n\nexport type DonutLabelChartProProps = DefaultPieChartProps & {\n  innerLabelMeasure: Measure;\n  innerLabelText?: string;\n  resultsInnerLabel: DataResponse;\n};\n\nconst DonutChartPro = (props: DonutLabelChartProProps) => {\n  const theme = useTheme() as Theme;\n  const themeFormatter = getThemeFormatter(theme);\n  i18nSetup(theme);\n\n  const {\n    dimension,\n    maxLegendItems,\n    measure,\n    results,\n    showLegend,\n    showTooltips,\n    showValueLabels,\n    resultsInnerLabel,\n    innerLabelMeasure,\n  } = props;\n\n  const resolvedI18nProps = resolveI18nProps(props);\n  const { innerLabelText, onSegmentClick } = resolvedI18nProps;\n\n  const data = getPieChartProData(\n    { data: results.data, dimension, measure, maxLegendItems },\n    theme,\n  );\n\n  const handleClick = createPieClickHandler({ results, dimension, onClicked: onSegmentClick });\n\n  const label = themeFormatter.data(\n    innerLabelMeasure,\n    resultsInnerLabel?.data?.[0]?.[innerLabelMeasure.name],\n  );\n\n  const options = mergician(\n    getPieChartProOptions({ measure, dimension }, theme),\n    theme.charts.donutLabelChartPro?.options ?? {},\n  );\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[dimension, measure]}\n      errorMessage={results.error}\n      {...asChartCardHeaderProps(props)}\n    >\n      <DonutChart\n        label={label}\n        subLabel={innerLabelText}\n        data={data}\n        options={options}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        onClick={handleClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default DonutChartPro;\n","import { DataResponse, LoadDataRequest, Measure, Value, loadData } from '@embeddable.com/core';\nimport { PieChartClickArg } from '../pies.types';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { subInputs } from '../../../component.subinputs.constants';\n\nconst meta = {\n  name: 'DonutLabelChartPro',\n  label: 'Donut Label Chart',\n  description:\n    'Same as DonutChartPro with a customizable center text label. Use when the center space can provide a useful summary (e.g. total, label).',\n  category: 'Pie Charts',\n  defaultHeight: 442,\n  defaultWidth: 630,\n  inputs: [\n    inputs.dataset,\n    { ...inputs.measure, inputs: [...inputs.measure.inputs, subInputs.showValueAsPercentage] },\n    inputs.dimension,\n    { ...inputs.measure, name: 'innerLabelMeasure', label: 'Inner label measure' },\n    {\n      ...inputs.string,\n      name: 'innerLabelText',\n      label: 'Inner label text',\n      description: 'Text to display inside the donut chart',\n      category: 'Component Data',\n    },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.showLegend,\n    inputs.maxLegendItems,\n    inputs.showTooltips,\n    inputs.showValueLabels,\n    inputs.menuOptions,\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          name: 'dimensionTimeRange',\n          label: 'Clicked dimension time range',\n          type: 'timeRange',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst previewConfig = {\n  dimension: previewData.dimension,\n  measure: previewData.measure,\n  results: previewData.results1Measure1Dimension,\n  innerLabelText: 'Total',\n  resultsInnerLabel: {\n    isLoading: false,\n    error: undefined,\n    data: [{ users: 500 }],\n  },\n  innerLabelMeasure: {\n    name: 'users',\n    title: 'Users',\n    nativeType: 'number',\n    __type__: 'measure',\n  } as Measure,\n  showValueLabels: false,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (inputs: Inputs<typeof meta>): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: [inputs.measure, inputs.dimension],\n});\n\nconst loadDataResults = (inputs: Inputs<typeof meta>): DataResponse =>\n  loadData(loadDataResultsArgs(inputs));\n\nconst loadDataResultsInnerLabelArgs = (inputs: Inputs<typeof meta>): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: [inputs.innerLabelMeasure],\n});\n\nconst loadDataResultsInnerLabel = (inputs: Inputs<typeof meta>): DataResponse =>\n  loadData(loadDataResultsInnerLabelArgs(inputs));\n\nconst events = {\n  onSegmentClick: (value: PieChartClickArg) => ({\n    dimensionValue: value.dimensionValue ?? Value.noFilter(),\n    dimensionTimeRange: value.dimensionTimeRange ?? Value.noFilter(),\n  }),\n};\n\nconst props = (inputs: Inputs<typeof meta>) => ({\n  ...inputs,\n  results: loadDataResults(inputs),\n  resultsInnerLabel: loadDataResultsInnerLabel(inputs),\n});\n\nexport const donutLabelChartPro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n    events,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n  resultsInnerLabel: {\n    loadDataArgs: loadDataResultsInnerLabelArgs,\n    loadData: loadDataResultsInnerLabel,\n  },\n} as const;\n"],"names":["DonutChartPro","props","theme","useTheme","themeFormatter","getThemeFormatter","i18nSetup","dimension","maxLegendItems","measure","results","showLegend","showTooltips","showValueLabels","resultsInnerLabel","innerLabelMeasure","resolvedI18nProps","resolveI18nProps","innerLabelText","onSegmentClick","data","getPieChartProData","handleClick","createPieClickHandler","label","_b","_a","options","mergician","getPieChartProOptions","_c","jsx","ChartCard","asChartCardHeaderProps","DonutChart","meta","inputs","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","loadDataResults","loadData","loadDataResultsInnerLabelArgs","loadDataResultsInnerLabel","events","value","Value","donutLabelChartPro"],"mappings":"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"}