@embeddable.com/remarkable-pro 0.2.5 → 0.2.7

package/dist/pies.utils-Bb2EFei6.js

@@ -0,0 +1,99 @@
+import { g as h, b as g, a as u } from "./charts.utils-BEwWG4s2.js";
+import { r as b } from "./theme.constants-Cl6fOHv-.js";
+import { g as f } from "./formatter.utils-BZMmas2O.js";
+import { g as c } from "./styles.utils-C8CnV0SB.js";
+import { t as C } from "./index-B9eYAQkT.js";
+import { i as D } from "./component.utils-Dua9clQJ.js";
+const T = (e, s = b) => {
+  if (!e.data)
+    return {
+      labels: [],
+      datasets: [{ data: [] }]
+    };
+  const o = h(
+    e.data,
+    e.dimension,
+    [e.measure],
+    e.maxLegendItems
+  ), i = C(), l = o.map(
+    (a, n) => c({
+      dimensionOrMeasure: e.dimension,
+      theme: s,
+      color: "background",
+      value: `${e.dimension.name}.${a[e.dimension.name]}`,
+      chartColors: i,
+      index: n
+    })
+  ), t = o.map(
+    (a, n) => c({
+      dimensionOrMeasure: e.dimension,
+      theme: s,
+      color: "border",
+      value: `${e.dimension.name}.${a[e.dimension.name]}`,
+      chartColors: i,
+      index: n
+    })
+  ), r = f(s);
+  return {
+    labels: o.map((a) => {
+      const n = a[e.dimension.name], m = r.data(
+        g(e.dimension),
+        n
+      );
+      return n === m ? D.t(n) : m;
+    }),
+    datasets: [
+      {
+        data: o.map((a) => a[e.measure.name]),
+        backgroundColor: l,
+        borderColor: t
+      }
+    ]
+  };
+}, w = (e, s = b) => {
+  const { dimension: o, measure: i } = e, l = f(s);
+  return {
+    plugins: {
+      legend: {
+        position: s.charts.legendPosition ?? "bottom",
+        labels: {
+          generateLabels: (t) => (t.data.labels ?? []).map((a, n) => {
+            const d = t.getDatasetMeta(0).controller.getStyle(n, !1);
+            return {
+              text: l.data(o, a),
+              fillStyle: d.backgroundColor,
+              strokeStyle: d.borderColor,
+              lineWidth: d.borderWidth,
+              hidden: !t.getDataVisibility(n),
+              index: n
+            };
+          })
+        }
+      },
+      datalabels: {
+        formatter: (t, r) => {
+          var a;
+          return (a = i.inputs) != null && a.showValueAsPercentage ? u(Number(t), r.dataset.data) : l.data(i, t);
+        }
+      },
+      tooltip: {
+        callbacks: {
+          title: (t) => {
+            var a;
+            const r = (a = t[0]) == null ? void 0 : a.label;
+            return l.data(g(o), r);
+          },
+          label(t) {
+            const r = t.raw;
+            return `${l.data(i, r)} (${u(r, t.dataset.data)})`;
+          }
+        }
+      }
+    }
+  };
+};
+export {
+  w as a,
+  T as g
+};
+//# sourceMappingURL=pies.utils-Bb2EFei6.js.map

package/dist/pies.utils-Bb2EFei6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pies.utils-Bb2EFei6.js","sources":["../src/components/charts/pies/pies.utils.ts"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport {\n  getDatalabelPercentage,\n  getDimensionWithoutTruncation,\n  groupTailAsOther,\n} from '../charts.utils';\nimport { Theme } from '../../../theme/theme.types';\nimport { remarkableTheme } from '../../../theme/theme.constants';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { getDimensionMeasureColor } from '../../../theme/styles/styles.utils';\nimport { getChartColors } from '@embeddable.com/remarkable-ui';\nimport { i18n } from '../../../theme/i18n/i18n';\n\nexport const getPieChartProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    measure: Measure;\n    maxLegendItems?: number;\n  },\n  theme: Theme = remarkableTheme,\n): ChartData<'pie'> => {\n  if (!props.data)\n    return {\n      labels: [],\n      datasets: [{ data: [] }],\n    };\n\n  const groupedData = groupTailAsOther(\n    props.data,\n    props.dimension,\n    [props.measure],\n    props.maxLegendItems,\n  );\n\n  const chartColors = getChartColors();\n  const backgroundColor = groupedData.map((item, index) =>\n    getDimensionMeasureColor({\n      dimensionOrMeasure: props.dimension,\n      theme,\n      color: 'background',\n      value: `${props.dimension.name}.${item[props.dimension.name]}`,\n      chartColors,\n      index,\n    }),\n  );\n\n  const borderColor = groupedData.map((item, index) =>\n    getDimensionMeasureColor({\n      dimensionOrMeasure: props.dimension,\n      theme,\n      color: 'border',\n      value: `${props.dimension.name}.${item[props.dimension.name]}`,\n      chartColors,\n      index,\n    }),\n  );\n\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    labels: groupedData.map((item) => {\n      const value = item[props.dimension.name];\n      const formattedValue = themeFormatter.data(\n        getDimensionWithoutTruncation(props.dimension),\n        value,\n      );\n\n      // If formatter did not work, try i18n translation\n      if (value === formattedValue) {\n        return i18n.t(value);\n      }\n      return formattedValue;\n    }),\n    datasets: [\n      {\n        data: groupedData.map((item) => item[props.measure.name]),\n        backgroundColor,\n        borderColor,\n      },\n    ],\n  };\n};\n\nexport const getPieChartProOptions = (\n  props: { measure: Measure; dimension: Dimension },\n  theme: Theme = remarkableTheme,\n): Partial<ChartOptions<'pie'>> => {\n  const { dimension, measure } = props;\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    plugins: {\n      legend: {\n        position: theme.charts.legendPosition ?? 'bottom',\n        labels: {\n          generateLabels: (chart) => {\n            const labels = chart.data.labels ?? [];\n            return labels.map((label, i) => {\n              const meta = chart.getDatasetMeta(0);\n              const style = meta.controller.getStyle(i, false);\n              return {\n                text: themeFormatter.data(dimension, label as string),\n                fillStyle: style.backgroundColor as string,\n                strokeStyle: style.borderColor as string,\n                lineWidth: style.borderWidth,\n                hidden: !chart.getDataVisibility(i),\n                index: i,\n              };\n            });\n          },\n        },\n      },\n      datalabels: {\n        formatter: (value: string | number, context) => {\n          if (measure.inputs?.showValueAsPercentage) {\n            return getDatalabelPercentage(Number(value), context.dataset.data);\n          }\n          return themeFormatter.data(measure, value);\n        },\n      },\n      tooltip: {\n        callbacks: {\n          title: (context) => {\n            const label = context[0]?.label;\n            return themeFormatter.data(getDimensionWithoutTruncation(dimension), label);\n          },\n          label(context) {\n            const raw = context.raw as number;\n            return `${themeFormatter.data(measure, raw)} (${getDatalabelPercentage(raw, context.dataset.data)})`;\n          },\n        },\n      },\n    },\n  };\n};\n"],"names":["getPieChartProData","props","theme","remarkableTheme","groupedData","groupTailAsOther","chartColors","getChartColors","backgroundColor","item","index","getDimensionMeasureColor","borderColor","themeFormatter","getThemeFormatter","value","formattedValue","getDimensionWithoutTruncation","i18n","getPieChartProOptions","dimension","measure","chart","label","i","style","context","_a","getDatalabelPercentage","raw"],"mappings":"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"}

package/dist/{tables.utils-D0oPxjdp.js → tables.utils-CigVmDOc.js}

@@ -1,6 +1,6 @@
 import { j as i, Y as p, Z as w, _ as h, y as o } from "./index-B9eYAQkT.js";
-import { g as f } from "./formatter.utils-ClBgeuH1.js";
-import { D as c } from "./component.inputs.constants-Bf2Ty2En.js";
+import { g as f } from "./formatter.utils-BZMmas2O.js";
+import { D as c } from "./component.inputs.constants-DnFrZzR7.js";
 const T = "_markdownCell_15al7_1", C = {
   markdownCell: T
 }, A = (e) => {
@@ -85,4 +85,4 @@ export {
   N as c,
   D as g
 };
-//# sourceMappingURL=tables.utils-D0oPxjdp.js.map
+//# sourceMappingURL=tables.utils-CigVmDOc.js.map

package/dist/{tables.utils-D0oPxjdp.js.map → tables.utils-CigVmDOc.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tables.utils-D0oPxjdp.js","sources":["../src/components/charts/tables/tables.utils.tsx"],"sourcesContent":["import { DataResponse, Dimension, DimensionOrMeasure } from '@embeddable.com/core';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { CssSize, Markdown, TableBodyCellWithCopy } from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../theme/theme.types';\nimport {\n  getStyleNumber,\n  TableHeaderAlign,\n  TableHeaderItem,\n  TableHeaderItemAlign,\n} from '@embeddable.com/remarkable-ui';\nimport { DisplayFormatTypeOptions } from '../../types/DisplayFormat.type.emb';\nimport styles from './tables.module.css';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\nexport const getTableHeaderAlign = (dimOrMeas: DimensionOrMeasure): TableHeaderItemAlign => {\n  const subInputAlign = dimOrMeas.inputs?.align;\n\n  if (subInputAlign) return subInputAlign;\n\n  // Get width by native type\n  switch (dimOrMeas.nativeType) {\n    case 'boolean':\n    case 'time':\n    case 'number':\n      return TableHeaderAlign.RIGHT;\n    default:\n      return TableHeaderAlign.LEFT;\n  }\n};\n\nexport const getTableHeaderMinWidth = (dimOrMeas: DimensionOrMeasure): CssSize => {\n  const subInputWidth = dimOrMeas.inputs?.width;\n\n  if (subInputWidth) return subInputWidth;\n\n  // Get width by native type\n  switch (dimOrMeas.nativeType) {\n    case 'string':\n      return getStyleNumber('--em-tablechart-min-width--string' as any, '8.75rem') as number;\n    case 'number':\n      return getStyleNumber('--em-tablechart-min-width--number' as any, '5.625rem') as number;\n    case 'time':\n      return getStyleNumber('--em-tablechart-min-width--time' as any, '8.75rem') as number;\n    case 'boolean':\n    default:\n      return getStyleNumber('--em-tablechart-min-width--boolean' as any, '5.625rem') as number;\n  }\n};\n\nexport const getTableHeaders = (\n  props: {\n    dimensionsAndMeasures: DimensionOrMeasure[];\n    displayNullAs?: string;\n  },\n  theme: Theme,\n): TableHeaderItem<any>[] => {\n  const themeFormatter = getThemeFormatter(theme);\n  return props.dimensionsAndMeasures.map((dimOrMeas) => {\n    const displayFormat: string = dimOrMeas.inputs?.displayFormat;\n    const hasCustomCellFormatter =\n      displayFormat &&\n      (displayFormat === DisplayFormatTypeOptions.JSON ||\n        displayFormat === DisplayFormatTypeOptions.MARKDOWN);\n\n    return {\n      id: dimOrMeas.name,\n      title: themeFormatter.dimensionOrMeasureTitle(dimOrMeas),\n      minWidth: getTableHeaderMinWidth(dimOrMeas),\n      align: getTableHeaderAlign(dimOrMeas),\n      accessor: (row) => {\n        const updatedDimOrMeas = {\n          ...dimOrMeas,\n          inputs: { ...dimOrMeas.inputs, displayNullAs: props.displayNullAs },\n        };\n        return themeFormatter.data(updatedDimOrMeas, row[dimOrMeas.name]);\n      },\n      cellStyle: (value) => {\n        const tableCellStyle = dimOrMeas.inputs?.tableCellStyle;\n        if (tableCellStyle) {\n          const activeTableCellStyle = theme.defaults.tableCellStyleOptions?.find(\n            (style) => style.value === tableCellStyle,\n          );\n          if (activeTableCellStyle) {\n            return activeTableCellStyle.styles(value);\n          }\n        }\n        return undefined;\n      },\n      cell: hasCustomCellFormatter\n        ? ({ value }) => {\n            let currentValue: string | undefined;\n            if (typeof value === 'string') {\n              currentValue = value;\n            } else if (value !== undefined && value !== null) {\n              currentValue = String(value);\n            } else {\n              currentValue = undefined;\n            }\n\n            return (\n              <TableBodyCellWithCopy value={value}>\n                {displayFormat === DisplayFormatTypeOptions.MARKDOWN ? (\n                  // Markdown\n                  <span className={styles.markdownCell}>\n                    <Markdown content={currentValue} />\n                  </span>\n                ) : (\n                  // JSON\n                  <pre>{currentValue}</pre>\n                )}\n              </TableBodyCellWithCopy>\n            );\n          }\n        : undefined,\n    };\n  });\n};\n\nexport const getTableRows = (props: { clickDimension?: Dimension; rows: DataResponse['data'] }) => {\n  if (!props.rows || props.rows.length === 0) {\n    return [];\n  }\n\n  const clickDimensionName = props.clickDimension?.name;\n\n  if (!clickDimensionName || props.rows.some((row) => clickDimensionName in row)) {\n    return props.rows;\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  return props.rows.map(({ [clickDimensionName]: _, ...row }) => ({\n    ...row,\n  }));\n};\n"],"names":["getTableHeaderAlign","dimOrMeas","subInputAlign","_a","TableHeaderAlign","getTableHeaderMinWidth","subInputWidth","getStyleNumber","getTableHeaders","props","theme","themeFormatter","getThemeFormatter","displayFormat","hasCustomCellFormatter","DisplayFormatTypeOptions","row","updatedDimOrMeas","value","tableCellStyle","activeTableCellStyle","_b","style","currentValue","jsx","TableBodyCellWithCopy","styles","Markdown","getTableRows","clickDimensionName","_"],"mappings":"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"}
+{"version":3,"file":"tables.utils-CigVmDOc.js","sources":["../src/components/charts/tables/tables.utils.tsx"],"sourcesContent":["import { DataResponse, Dimension, DimensionOrMeasure } from '@embeddable.com/core';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { CssSize, Markdown, TableBodyCellWithCopy } from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../theme/theme.types';\nimport {\n  getStyleNumber,\n  TableHeaderAlign,\n  TableHeaderItem,\n  TableHeaderItemAlign,\n} from '@embeddable.com/remarkable-ui';\nimport { DisplayFormatTypeOptions } from '../../types/DisplayFormat.type.emb';\nimport styles from './tables.module.css';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\nexport const getTableHeaderAlign = (dimOrMeas: DimensionOrMeasure): TableHeaderItemAlign => {\n  const subInputAlign = dimOrMeas.inputs?.align;\n\n  if (subInputAlign) return subInputAlign;\n\n  // Get width by native type\n  switch (dimOrMeas.nativeType) {\n    case 'boolean':\n    case 'time':\n    case 'number':\n      return TableHeaderAlign.RIGHT;\n    default:\n      return TableHeaderAlign.LEFT;\n  }\n};\n\nexport const getTableHeaderMinWidth = (dimOrMeas: DimensionOrMeasure): CssSize => {\n  const subInputWidth = dimOrMeas.inputs?.width;\n\n  if (subInputWidth) return subInputWidth;\n\n  // Get width by native type\n  switch (dimOrMeas.nativeType) {\n    case 'string':\n      return getStyleNumber('--em-tablechart-min-width--string' as any, '8.75rem') as number;\n    case 'number':\n      return getStyleNumber('--em-tablechart-min-width--number' as any, '5.625rem') as number;\n    case 'time':\n      return getStyleNumber('--em-tablechart-min-width--time' as any, '8.75rem') as number;\n    case 'boolean':\n    default:\n      return getStyleNumber('--em-tablechart-min-width--boolean' as any, '5.625rem') as number;\n  }\n};\n\nexport const getTableHeaders = (\n  props: {\n    dimensionsAndMeasures: DimensionOrMeasure[];\n    displayNullAs?: string;\n  },\n  theme: Theme,\n): TableHeaderItem<any>[] => {\n  const themeFormatter = getThemeFormatter(theme);\n  return props.dimensionsAndMeasures.map((dimOrMeas) => {\n    const displayFormat: string = dimOrMeas.inputs?.displayFormat;\n    const hasCustomCellFormatter =\n      displayFormat &&\n      (displayFormat === DisplayFormatTypeOptions.JSON ||\n        displayFormat === DisplayFormatTypeOptions.MARKDOWN);\n\n    return {\n      id: dimOrMeas.name,\n      title: themeFormatter.dimensionOrMeasureTitle(dimOrMeas),\n      minWidth: getTableHeaderMinWidth(dimOrMeas),\n      align: getTableHeaderAlign(dimOrMeas),\n      accessor: (row) => {\n        const updatedDimOrMeas = {\n          ...dimOrMeas,\n          inputs: { ...dimOrMeas.inputs, displayNullAs: props.displayNullAs },\n        };\n        return themeFormatter.data(updatedDimOrMeas, row[dimOrMeas.name]);\n      },\n      cellStyle: (value) => {\n        const tableCellStyle = dimOrMeas.inputs?.tableCellStyle;\n        if (tableCellStyle) {\n          const activeTableCellStyle = theme.defaults.tableCellStyleOptions?.find(\n            (style) => style.value === tableCellStyle,\n          );\n          if (activeTableCellStyle) {\n            return activeTableCellStyle.styles(value);\n          }\n        }\n        return undefined;\n      },\n      cell: hasCustomCellFormatter\n        ? ({ value }) => {\n            let currentValue: string | undefined;\n            if (typeof value === 'string') {\n              currentValue = value;\n            } else if (value !== undefined && value !== null) {\n              currentValue = String(value);\n            } else {\n              currentValue = undefined;\n            }\n\n            return (\n              <TableBodyCellWithCopy value={value}>\n                {displayFormat === DisplayFormatTypeOptions.MARKDOWN ? (\n                  // Markdown\n                  <span className={styles.markdownCell}>\n                    <Markdown content={currentValue} />\n                  </span>\n                ) : (\n                  // JSON\n                  <pre>{currentValue}</pre>\n                )}\n              </TableBodyCellWithCopy>\n            );\n          }\n        : undefined,\n    };\n  });\n};\n\nexport const getTableRows = (props: { clickDimension?: Dimension; rows: DataResponse['data'] }) => {\n  if (!props.rows || props.rows.length === 0) {\n    return [];\n  }\n\n  const clickDimensionName = props.clickDimension?.name;\n\n  if (!clickDimensionName || props.rows.some((row) => clickDimensionName in row)) {\n    return props.rows;\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  return props.rows.map(({ [clickDimensionName]: _, ...row }) => ({\n    ...row,\n  }));\n};\n"],"names":["getTableHeaderAlign","dimOrMeas","subInputAlign","_a","TableHeaderAlign","getTableHeaderMinWidth","subInputWidth","getStyleNumber","getTableHeaders","props","theme","themeFormatter","getThemeFormatter","displayFormat","hasCustomCellFormatter","DisplayFormatTypeOptions","row","updatedDimOrMeas","value","tableCellStyle","activeTableCellStyle","_b","style","currentValue","jsx","TableBodyCellWithCopy","styles","Markdown","getTableRows","clickDimensionName","_"],"mappings":"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"}