@embeddable.com/remarkable-pro 0.1.12 → 0.1.14

package/dist/definition-pGb2HvrT.js

@@ -0,0 +1,172 @@
+import { m as k, j as m, B as T, V as y, l as H } from "./Color.type.emb-BBdbJHvt.js";
+import { useTheme as F, definePreview as _ } from "@embeddable.com/react";
+import { a as O, r as W } from "./component.utils-DNw0iugA.js";
+import { C as Y } from "./ChartCard-rrXP6aUC.js";
+import { b as E, a as I } from "./bars.utils-KAfWV1-z.js";
+import { u as q } from "./charts.fillGaps.hooks-CZW4DsTE.js";
+import { C as J, g as K } from "./granularity.utils-DFrZaG56.js";
+import { i as a } from "./component.inputs.constants-DqFfoZ5R.js";
+import { p as n } from "./preview.data.constants-D0uQPYd1.js";
+const d = (e) => {
+  var x, h;
+  const s = F();
+  O(s);
+  const { tooltip: i, description: r, title: t, xAxisLabel: f, yAxisLabel: D } = W(e), {
+    yAxis: o,
+    hideMenu: B,
+    groupBy: p,
+    measure: l,
+    reverseYAxis: G,
+    showLegend: w,
+    showLogarithmicScale: M,
+    showTooltips: v,
+    showTotalLabels: L,
+    showValueLabels: V,
+    xAxisRangeMax: P,
+    xAxisRangeMin: R,
+    setGranularity: c,
+    onBarClicked: S
+  } = e, u = q({
+    results: e.results,
+    dimension: o
+  }), g = E(
+    {
+      data: u.data,
+      dimension: o,
+      groupDimension: p,
+      measure: l
+    },
+    s
+  ), z = k(
+    I(
+      { measures: [l], horizontal: !0, onBarClicked: S, data: g, dimension: o },
+      s
+    ),
+    ((h = (x = s.charts) == null ? void 0 : x.barChartGroupedHorizontalPro) == null ? void 0 : h.options) ?? {}
+  ), j = !t && !r && !i;
+  return /* @__PURE__ */ m.jsxs(
+    Y,
+    {
+      data: u,
+      dimensionsAndMeasures: [l, o, p],
+      errorMessage: u.error,
+      description: r,
+      title: t,
+      tooltip: i,
+      hideMenu: B,
+      children: [
+        c && /* @__PURE__ */ m.jsx(
+          J,
+          {
+            hasMarginTop: j,
+            dimension: o,
+            onChange: c
+          }
+        ),
+        /* @__PURE__ */ m.jsx(
+          T,
+          {
+            data: g,
+            showLegend: w,
+            showTooltips: v,
+            showValueLabels: V,
+            showLogarithmicScale: M,
+            xAxisLabel: f,
+            yAxisLabel: D,
+            reverseYAxis: G,
+            xAxisRangeMin: R,
+            xAxisRangeMax: P,
+            showTotalLabels: L,
+            options: z,
+            horizontal: !0
+          }
+        )
+      ]
+    }
+  );
+}, ne = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: d
+}, Symbol.toStringTag, { value: "Module" })), N = {
+  name: "BarChartGroupedHorizontalPro",
+  label: "Bar Chart - Grouped Horizontal",
+  category: "Bar Charts",
+  inputs: [
+    a.dataset,
+    a.measure,
+    { ...a.dimensionWithGranularitySelectField, name: "yAxis", label: "Y-axis" },
+    { ...a.dimension, name: "groupBy", label: "Group by" },
+    a.title,
+    a.description,
+    a.tooltip,
+    a.maxResults,
+    a.showLegend,
+    a.showTooltips,
+    { ...a.showValueLabels, defaultValue: !1 },
+    a.showLogarithmicScale,
+    a.xAxisLabel,
+    a.yAxisLabel,
+    a.reverseYAxis,
+    a.xAxisRangeMin,
+    a.xAxisRangeMax
+  ],
+  events: [
+    {
+      name: "onBarClicked",
+      label: "A bar is clicked",
+      properties: [
+        {
+          name: "axisDimensionValue",
+          label: "Clicked axis dimension value",
+          type: "string"
+        },
+        {
+          name: "groupingDimensionValue",
+          label: "Clicked grouping dimension value",
+          type: "string"
+        }
+      ]
+    }
+  ]
+}, b = {
+  yAxis: n.dimension,
+  groupBy: n.dimensionGroup,
+  measure: n.measure,
+  results: n.results1Measure2Dimensions,
+  hideMenu: !0
+}, Q = _(d, b), C = (e, s) => ({
+  limit: e.maxResults,
+  from: e.dataset,
+  select: [s ?? e.yAxis, e.groupBy, e.measure]
+}), A = (e, s) => H(C(e, s)), U = {
+  onBarClicked: (e) => ({
+    axisDimensionValue: e.axisDimensionValue ?? y.noFilter(),
+    groupingDimensionValue: e.groupingDimensionValue ?? y.noFilter()
+  })
+}, X = (e, [s, i]) => {
+  const r = K(e.yAxis, s == null ? void 0 : s.granularity);
+  return {
+    ...e,
+    yAxis: r,
+    setGranularity: (t) => i({ granularity: t }),
+    results: A(e, r)
+  };
+}, le = {
+  Component: d,
+  meta: N,
+  preview: Q,
+  previewConfig: b,
+  config: {
+    props: X,
+    events: U
+  },
+  results: {
+    loadDataArgs: C,
+    loadData: A
+  }
+};
+export {
+  le as b,
+  ne as i
+};
+//# sourceMappingURL=definition-pGb2HvrT.js.map

package/dist/definition-pGb2HvrT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-pGb2HvrT.js","sources":["../src/components/charts/bars/BarChartGroupedHorizontalPro/index.tsx","../src/components/charts/bars/BarChartGroupedHorizontalPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarChart } from '@embeddable.com/remarkable-ui';\nimport { getBarChartProOptions, getBarStackedChartProData } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Granularity, Measure } from '@embeddable.com/core';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\n\nexport type BarChartGroupedHorizontalProProps = {\n  groupBy: Dimension;\n  measure: Measure;\n  results: DataResponse;\n  reverseYAxis?: boolean;\n  showLegend?: boolean;\n  showLogarithmicScale?: boolean;\n  showTooltips?: boolean;\n  showTotalLabels?: boolean;\n  showValueLabels?: boolean;\n  yAxis: Dimension;\n  xAxisLabel?: string;\n  yAxisLabel?: string;\n  xAxisRangeMax?: number;\n  xAxisRangeMin?: number;\n  setGranularity?: (granularity: Granularity) => void;\n  onBarClicked?: (args: {\n    axisDimensionValue: string | null;\n    groupingDimensionValue: string | null;\n  }) => void;\n} & ChartCardHeaderProps;\n\nconst BarChartGroupedHorizontalPro = (props: BarChartGroupedHorizontalProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { tooltip, description, title, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n\n  const {\n    yAxis,\n    hideMenu,\n    groupBy,\n    measure,\n    reverseYAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showTotalLabels,\n    showValueLabels,\n    xAxisRangeMax,\n    xAxisRangeMin,\n    setGranularity,\n    onBarClicked,\n  } = props;\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    },\n    theme,\n  );\n\n  const options = mergician(\n    getBarChartProOptions(\n      { measures: [measure], horizontal: true, onBarClicked, data, dimension: yAxis },\n      theme,\n    ),\n    theme.charts?.barChartGroupedHorizontalPro?.options ?? {},\n  );\n\n  const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[measure, yAxis, groupBy]}\n      errorMessage={results.error}\n      description={description}\n      title={title}\n      tooltip={tooltip}\n      hideMenu={hideMenu}\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        horizontal\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarChartGroupedHorizontalPro;\n","import {\n  DataResponse,\n  Dimension,\n  Granularity,\n  LoadDataRequest,\n  Value,\n  loadData,\n} 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';\n\nconst meta = {\n  name: 'BarChartGroupedHorizontalPro',\n  label: 'Bar Chart - Grouped Horizontal',\n  category: 'Bar Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    { ...inputs.dimensionWithGranularitySelectField, name: 'yAxis', label: 'Y-axis' },\n    { ...inputs.dimension, name: 'groupBy', label: 'Group by' },\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.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.reverseYAxis,\n    inputs.xAxisRangeMin,\n    inputs.xAxisRangeMax,\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: 'groupingDimensionValue',\n          label: 'Clicked grouping dimension value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type BarChartGroupedHorizontalProState = {\n  granularity?: Granularity;\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 loadDataResultsArgs = (inputs: Inputs<typeof meta>, yAxis?: Dimension): LoadDataRequest => ({\n  limit: inputs.maxResults,\n  from: inputs.dataset,\n  select: [yAxis ?? inputs.yAxis, inputs.groupBy, inputs.measure],\n});\n\nconst loadDataResults = (inputs: Inputs<typeof meta>, yAxis: Dimension): DataResponse =>\n  loadData(loadDataResultsArgs(inputs, yAxis));\n\nconst events = {\n  onBarClicked: (value: { axisDimensionValue?: string; groupingDimensionValue?: string }) => ({\n    axisDimensionValue: value.axisDimensionValue ?? Value.noFilter(),\n    groupingDimensionValue: value.groupingDimensionValue ?? Value.noFilter(),\n  }),\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [\n    BarChartGroupedHorizontalProState,\n    (state: BarChartGroupedHorizontalProState) => void,\n  ],\n) => {\n  const yAxisWithGranularity = getDimensionWithGranularity(inputs.yAxis, state?.granularity);\n\n  return {\n    ...inputs,\n    yAxis: yAxisWithGranularity,\n    setGranularity: (granularity: Granularity) => setState({ granularity }),\n    results: loadDataResults(inputs, yAxisWithGranularity),\n  };\n};\n\nexport const barChartGroupedHorizontalPro = {\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":["BarChartGroupedHorizontalPro","props","theme","useTheme","i18nSetup","tooltip","description","title","xAxisLabel","yAxisLabel","resolveI18nProps","yAxis","hideMenu","groupBy","measure","reverseYAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","xAxisRangeMax","xAxisRangeMin","setGranularity","onBarClicked","results","useFillGaps","data","getBarStackedChartProData","options","mergician","getBarChartProOptions","_b","_a","granularitySelectorHasMarginTop","jsxs","ChartCard","jsx","ChartGranularitySelectField","BarChart","meta","inputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","loadDataResults","loadData","events","value","Value","state","setState","yAxisWithGranularity","getDimensionWithGranularity","granularity","barChartGroupedHorizontalPro"],"mappings":"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"}

package/dist/embeddable-components.json

@@ -1,66 +1,66 @@
 {
   "components": [
-    "EmptyBlockPro",
-    "DimensionSingleSelectFieldPro",
     "ComparisonPeriodSelectFieldPro",
-    "MultiSelectFieldPro",
+    "DimensionSingleSelectFieldPro",
+    "GranularitySelectFieldPro",
     "SingleSelectFieldPro",
-    "DateRangePickerCustomPro",
     "MeasureSingleSelectFieldPro",
-    "BarChartDefaultPro",
-    "DonutLabelChartPro",
-    "BarChartGroupedPro",
-    "BarChartStackedHorizontalPro",
-    "BarChartStackedPro",
+    "MultiSelectFieldPro",
+    "BarChartDefaultHorizontalPro",
+    "DateRangeSelectFieldPro",
+    "BarChartGroupedHorizontalPro",
     "KpiChartNumberComparisonPro",
-    "DonutChartPro",
+    "EmptyBlockPro",
+    "PieChartPro",
     "KpiChartNumberPro",
-    "LineChartDefaultPro",
-    "BarChartDefaultHorizontalPro",
+    "BarChartStackedHorizontalPro",
+    "TableScrollable",
     "LineChartComparisonDefaultPro",
-    "PieChartPro",
-    "BarChartGroupedHorizontalPro",
-    "DateRangeSelectFieldPro",
-    "GranularitySelectFieldPro",
-    "LineChartGroupedPro",
+    "HeatMapPro",
+    "BarChartGroupedPro",
+    "BarChartDefaultPro",
     "PivotTablePro",
+    "DonutChartPro",
+    "BarChartStackedPro",
+    "DonutLabelChartPro",
+    "LineChartDefaultPro",
+    "LineChartGroupedPro",
+    "DateRangePickerCustomPro",
     "TableChartPaginated",
-    "TableScrollable",
-    "HorizontalDividerPro",
-    "HeatMapPro"
+    "HorizontalDividerPro"
   ],
   "editors": [
     "ColorEditor"
   ],
   "previews": [
-    "EmptyBlockPro",
-    "DimensionSingleSelectFieldPro",
     "ComparisonPeriodSelectFieldPro",
-    "MultiSelectFieldPro",
+    "DimensionSingleSelectFieldPro",
+    "GranularitySelectFieldPro",
     "SingleSelectFieldPro",
-    "DateRangePickerCustomPro",
     "MeasureSingleSelectFieldPro",
-    "BarChartDefaultPro",
-    "DonutLabelChartPro",
-    "BarChartGroupedPro",
-    "BarChartStackedHorizontalPro",
-    "BarChartStackedPro",
+    "MultiSelectFieldPro",
+    "BarChartDefaultHorizontalPro",
+    "DateRangeSelectFieldPro",
+    "BarChartGroupedHorizontalPro",
     "KpiChartNumberComparisonPro",
-    "DonutChartPro",
+    "EmptyBlockPro",
+    "PieChartPro",
     "KpiChartNumberPro",
-    "LineChartDefaultPro",
-    "BarChartDefaultHorizontalPro",
+    "BarChartStackedHorizontalPro",
+    "TableScrollable",
     "LineChartComparisonDefaultPro",
-    "PieChartPro",
-    "BarChartGroupedHorizontalPro",
-    "DateRangeSelectFieldPro",
-    "GranularitySelectFieldPro",
-    "LineChartGroupedPro",
+    "HeatMapPro",
+    "BarChartGroupedPro",
+    "BarChartDefaultPro",
     "PivotTablePro",
+    "DonutChartPro",
+    "BarChartStackedPro",
+    "DonutLabelChartPro",
+    "LineChartDefaultPro",
+    "LineChartGroupedPro",
+    "DateRangePickerCustomPro",
     "TableChartPaginated",
-    "TableScrollable",
-    "HorizontalDividerPro",
-    "HeatMapPro"
+    "HorizontalDividerPro"
   ],
   "plugin": "react"
 }