@embeddable.com/remarkable-pro 0.3.15 → 0.3.16

package/dist/index.js

@@ -1,64 +1,64 @@
 import { a as C, g as f, b, i as x } from "./styles.utils-C8CnV0SB.js";
 import { i as D, s as F } from "./color.utils-BSg_DFOh.js";
-import { c as y, a as k, b as L, g as O, i as R } from "./formatter.utils-CNK7r1DQ.js";
+import { c as y, a as k, b as L, g as O, i as R } from "./formatter.utils-Wcc93V-N.js";
 import { b as G, c as A, a as B, g as M, l as H, d as $, u as v } from "./dates.utils-Dmh1puRl.js";
-import { d as I, a as j, b as K, c as N, e as _, f as z, g as W, r as V, h as q, i as U } from "./theme.constants-CVAIAY_P.js";
-import { a as Y, i as Z, r as J, b as Q } from "./component.utils-oQMZT7TK.js";
+import { d as I, a as j, b as K, c as N, e as _, f as z, g as W, r as V, h as q, i as U } from "./theme.constants-DrhAyRBp.js";
+import { a as Y, i as Z, r as J, b as Q } from "./component.utils-B7tQ4cCT.js";
 import { C as ae, a as re, E as te, G as oe, d as se, b as ie, c as ne, i as le, s as pe, t as me, e as de } from "./component.inputs.constants-BsSC9xd5.js";
-import { g as ue, a as ge } from "./timeRange.utils-kK6r26ZO.js";
+import { g as ue, a as ge } from "./timeRange.utils-rEuTaidc.js";
 import { p as he } from "./preview.data.constants-C0USIdBY.js";
-import { i as fe, b as be } from "./definition-rnayY6ub.js";
-import { i as Se, b as De } from "./definition-BtNKq3Zv.js";
-import { i as Te, b as ye } from "./definition-DCvpurgC.js";
-import { i as Le, b as Oe } from "./definition-So9tZlMi.js";
-import { i as Ee, b as Ge } from "./definition-DoSFbUU_.js";
-import { i as Be, b as Me } from "./definition-CnCQc4Ds.js";
-import { g as $e, a as ve, b as we, c as Ie } from "./bars.utils-ZwBz0eSf.js";
-import { i as Ke, k as Ne } from "./definition-BXJSlAhg.js";
-import { i as ze, k as We } from "./definition-CaV4qPYQ.js";
+import { i as fe, b as be } from "./definition-zCln3iQl.js";
+import { i as Se, b as De } from "./definition-BjdbEoCH.js";
+import { i as Te, b as ye } from "./definition-CoEAmgPz.js";
+import { i as Le, b as Oe } from "./definition-BopXgBSc.js";
+import { i as Ee, b as Ge } from "./definition-tN-Rlh_R.js";
+import { i as Be, b as Me } from "./definition-GY2DJJ7u.js";
+import { g as $e, a as ve, b as we, c as Ie } from "./bars.utils-4Vu_6Vwr.js";
+import { i as Ke, k as Ne } from "./definition-m71Whuy4.js";
+import { i as ze, k as We } from "./definition-B9eClP6I.js";
 import { g as qe } from "./kpis.utils-DsZ2GzuB.js";
-import { i as Xe, a as Ye, c as Ze, g as Je, b as Qe } from "./definition-BcsHRDkv.js";
-import { i as aa, g as ra, a as ta, l as oa } from "./definition-DKM3Mx4Z.js";
-import { i as ia, g as na, a as la, l as pa } from "./definition-BshhnH_Q.js";
-import { i as da, c as ca, g as ua, a as ga, l as Pa } from "./definition-CBUbQZvZ.js";
-import { i as Ca, l as fa } from "./definition-DVzvnrBf.js";
-import { i as xa, l as Sa } from "./definition-atfrMsXT.js";
-import { i as Fa, b as Ta, c as ya, g as ka, a as La } from "./definition-Du-gOi0o.js";
-import { i as Ra, s as Ea } from "./definition-Bco3wav-.js";
-import { i as Aa, b as Ba } from "./definition-DuNVn_Zv.js";
-import { i as Ha, d as $a } from "./definition-DoM-A1nT.js";
-import { i as wa, p as Ia } from "./definition-BqQJmkId.js";
-import { i as Ka, d as Na } from "./definition-Deq5jKVy.js";
-import { c as za, g as Wa, a as Va } from "./pies.utils-DAWVYwtx.js";
-import { i as Ua, h as Xa } from "./definition-BPosaTH4.js";
-import { i as Za, g as Ja, a as Qa, b as er, p as ar } from "./definition-CSA_9QtD.js";
-import { i as tr, d as or, t as sr } from "./definition-DZ4_Wg8R.js";
-import { T as nr, i as lr, d as pr, t as mr } from "./definition-DlGVdRtS.js";
-import { b as cr, c as ur, g as gr, a as Pr } from "./tables.utils-BcfzBmXp.js";
+import { i as Xe, a as Ye, c as Ze, g as Je, b as Qe } from "./definition-DZSXXY3i.js";
+import { i as aa, g as ra, a as ta, l as oa } from "./definition-DV3XAemq.js";
+import { i as ia, g as na, a as la, l as pa } from "./definition-KHcLAKES.js";
+import { i as da, c as ca, g as ua, a as ga, l as Pa } from "./definition-C0VyzJWX.js";
+import { i as Ca, l as fa } from "./definition-D5V_UP9I.js";
+import { i as xa, l as Sa } from "./definition-Bsh6Toao.js";
+import { i as Fa, b as Ta, c as ya, g as ka, a as La } from "./definition-Dvm9tY5Y.js";
+import { i as Ra, s as Ea } from "./definition-Dw4388wt.js";
+import { i as Aa, b as Ba } from "./definition-Dj2fOcLJ.js";
+import { i as Ha, d as $a } from "./definition-CF-FBr4a.js";
+import { i as wa, p as Ia } from "./definition-DnLCl6jI.js";
+import { i as Ka, d as Na } from "./definition-BQZkjNaI.js";
+import { c as za, g as Wa, a as Va } from "./pies.utils-eVQYLyQD.js";
+import { i as Ua, h as Xa } from "./definition-DrRXfegd.js";
+import { i as Za, g as Ja, a as Qa, b as er, p as ar } from "./definition-CfJRkeoi.js";
+import { i as tr, d as or, t as sr } from "./definition-DJOxJUDL.js";
+import { T as nr, i as lr, d as pr, t as mr } from "./definition-BnZSlj8x.js";
+import { b as cr, c as ur, g as gr, a as Pr } from "./tables.utils-yPdd41i1.js";
 import { g as Cr, u as fr } from "./tables.hooks-fVC_4V5K.js";
-import { C as xr, a as Sr } from "./ChartCard-C4MndGoP.js";
-import { C as Fr, g as Tr } from "./granularity.utils-BreNR3T1.js";
+import { C as xr, a as Sr } from "./ChartCard-C72rw1Ya.js";
+import { C as Fr, g as Tr } from "./granularity.utils-BidDuinr.js";
 import { i as kr, e as Lr } from "./definition-CZuJn-Re.js";
 import { i as Rr, h as Er } from "./definition-6kvGxRCo.js";
-import { i as Ar, m as Br } from "./definition-DaGw0pa5.js";
-import { d as Hr, c as $r, a as vr, b as wr, g as Ir } from "./charts.utils-DL-pzVG-.js";
+import { i as Ar, m as Br } from "./definition-D46_JOLS.js";
+import { d as Hr, c as $r, a as vr, b as wr, g as Ir } from "./charts.utils-Czfl880z.js";
 import { u as Kr } from "./charts.fillGaps.hooks-Dkv__Ls1.js";
-import { i as _r, c as zr, g as Wr, a as Vr } from "./definition-C3aFGWw-.js";
-import { i as Ur, d as Xr, g as Yr } from "./definition-rgPq6VPL.js";
-import { i as Jr, d as Qr } from "./definition-_zJ7wlgc.js";
-import { i as at, m as rt } from "./definition-Dw72pLmB.js";
-import { i as ot, s as st } from "./definition-DyCXYPmd.js";
-import { i as nt, d as lt } from "./definition-CRvMDjRB.js";
-import { i as mt, m as dt } from "./definition-DQeqVfK6.js";
-import { i as ut, d as gt } from "./definition-J-vD12mT.js";
-import { i as ht, m as Ct } from "./definition-C2k5NhdG.js";
-import { i as bt, g as xt } from "./definition-DOZHDhbP.js";
-import { i as Dt, t as Ft } from "./definition-D_ryo6q7.js";
-import { i as yt, f as kt } from "./definition-NVrrC9Aq.js";
-import { E as Ot } from "./EditorCard-BVtdJ04L.js";
-import { D as Et } from "./DimensionAndMeasureSingleSelectField-YgZIeOad.js";
-import { G as At, g as Bt, a as Mt, b as Ht } from "./GranularitySelectField-DvrniLCq.js";
-import { g as vt } from "./dimensionsAndMeasures.utils-D6wqLAjd.js";
+import { i as _r, c as zr, g as Wr, a as Vr } from "./definition-CjdvxkC_.js";
+import { i as Ur, d as Xr, g as Yr } from "./definition-D-7fCnK5.js";
+import { i as Jr, d as Qr } from "./definition-C6YKs0rc.js";
+import { i as at, m as rt } from "./definition-CifvR_ce.js";
+import { i as ot, s as st } from "./definition-Bid9fwVS.js";
+import { i as nt, d as lt } from "./definition-B6NctClA.js";
+import { i as mt, m as dt } from "./definition-CS_f89ly.js";
+import { i as ut, d as gt } from "./definition-wZGQYPSO.js";
+import { i as ht, m as Ct } from "./definition-R6w8d-nt.js";
+import { i as bt, g as xt } from "./definition-Cj20ajOq.js";
+import { i as Dt, t as Ft } from "./definition-BSQcRRwQ.js";
+import { i as yt, f as kt } from "./definition-jPJunkuw.js";
+import { E as Ot } from "./EditorCard-C5VwkYTO.js";
+import { D as Et } from "./DimensionAndMeasureSingleSelectField-D2dx-AOV.js";
+import { G as At, g as Bt, a as Mt, b as Ht } from "./GranularitySelectField-B7bPGvIp.js";
+import { g as vt } from "./dimensionsAndMeasures.utils-mGymNq3G.js";
 import { i as It } from "./index-CmBdUgHp.js";
 import { i as Kt } from "./index-Df72_CJx.js";
 const n = "remarkable-theme-fonts", i = "data-remarkable-preconnect", l = "data-remarkable-google-fonts", m = (e) => {

package/dist/{pies.utils-DAWVYwtx.js → pies.utils-eVQYLyQD.js}

@@ -1,10 +1,10 @@
-import { g as $, b as h, a as f } from "./charts.utils-DL-pzVG-.js";
-import { r as C } from "./theme.constants-CVAIAY_P.js";
-import { g as D } from "./formatter.utils-CNK7r1DQ.js";
+import { g as $, b as h, a as f } from "./charts.utils-Czfl880z.js";
+import { r as C } from "./theme.constants-DrhAyRBp.js";
+import { g as D } from "./formatter.utils-Wcc93V-N.js";
 import { g as P } from "./styles.utils-C8CnV0SB.js";
 import { p as y } from "./index-BCG-LNTx.js";
 import { g as V } from "./dimension.utils-CQAdVGip.js";
-import { a as x } from "./component.utils-oQMZT7TK.js";
+import { a as x } from "./component.utils-B7tQ4cCT.js";
 const A = ({
   results: t,
   dimension: r,
@@ -114,4 +114,4 @@ export {
   A as c,
   L as g
 };
-//# sourceMappingURL=pies.utils-DAWVYwtx.js.map
+//# sourceMappingURL=pies.utils-eVQYLyQD.js.map

package/dist/{pies.utils-DAWVYwtx.js.map → pies.utils-eVQYLyQD.js.map}

@@ -1 +1 @@
-{"version":3,"file":"pies.utils-DAWVYwtx.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, ChartClickArgs } from '@embeddable.com/remarkable-ui';\nimport { PieChartClickArg } from './pies.types';\nimport { getTimeRangeFromDimensionValue } from '../../utils/dimension.utils';\nimport { i18n } from '../../../theme/i18n/i18n';\n\nexport const createPieClickHandler = ({\n  results,\n  dimension,\n  onClicked,\n}: {\n  results: DataResponse;\n  dimension: Dimension;\n  onClicked?: (args: PieChartClickArg) => void;\n}): ((args: ChartClickArgs) => void) => {\n  return ({ elementAtEvent }) => {\n    const element = elementAtEvent[0];\n    if (!element) return;\n    const dimensionValue = results.data?.[element.index]?.[dimension.name] as string | undefined;\n    const dimensionTimeRange = getTimeRangeFromDimensionValue({ value: dimensionValue, dimension });\n    onClicked?.({ dimensionValue, dimensionTimeRange });\n  };\n};\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  const decimalPlaces = measure.inputs?.decimalPlaces;\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            const labelColor = chart.options.plugins?.legend?.labels?.color as string | undefined;\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                fontColor: labelColor,\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, decimalPlaces);\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, decimalPlaces)})`;\n          },\n        },\n      },\n    },\n  };\n};\n"],"names":["createPieClickHandler","results","dimension","onClicked","elementAtEvent","element","dimensionValue","_b","_a","dimensionTimeRange","getTimeRangeFromDimensionValue","getPieChartProData","props","theme","remarkableTheme","groupedData","groupTailAsOther","chartColors","getChartColors","backgroundColor","item","index","getDimensionMeasureColor","borderColor","themeFormatter","getThemeFormatter","value","formattedValue","getDimensionWithoutTruncation","i18n","getPieChartProOptions","measure","decimalPlaces","chart","labels","labelColor","_c","label","i","style","context","getDatalabelPercentage","raw"],"mappings":"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"}
+{"version":3,"file":"pies.utils-eVQYLyQD.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, ChartClickArgs } from '@embeddable.com/remarkable-ui';\nimport { PieChartClickArg } from './pies.types';\nimport { getTimeRangeFromDimensionValue } from '../../utils/dimension.utils';\nimport { i18n } from '../../../theme/i18n/i18n';\n\nexport const createPieClickHandler = ({\n  results,\n  dimension,\n  onClicked,\n}: {\n  results: DataResponse;\n  dimension: Dimension;\n  onClicked?: (args: PieChartClickArg) => void;\n}): ((args: ChartClickArgs) => void) => {\n  return ({ elementAtEvent }) => {\n    const element = elementAtEvent[0];\n    if (!element) return;\n    const dimensionValue = results.data?.[element.index]?.[dimension.name] as string | undefined;\n    const dimensionTimeRange = getTimeRangeFromDimensionValue({ value: dimensionValue, dimension });\n    onClicked?.({ dimensionValue, dimensionTimeRange });\n  };\n};\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  const decimalPlaces = measure.inputs?.decimalPlaces;\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            const labelColor = chart.options.plugins?.legend?.labels?.color as string | undefined;\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                fontColor: labelColor,\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, decimalPlaces);\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, decimalPlaces)})`;\n          },\n        },\n      },\n    },\n  };\n};\n"],"names":["createPieClickHandler","results","dimension","onClicked","elementAtEvent","element","dimensionValue","_b","_a","dimensionTimeRange","getTimeRangeFromDimensionValue","getPieChartProData","props","theme","remarkableTheme","groupedData","groupTailAsOther","chartColors","getChartColors","backgroundColor","item","index","getDimensionMeasureColor","borderColor","themeFormatter","getThemeFormatter","value","formattedValue","getDimensionWithoutTruncation","i18n","getPieChartProOptions","measure","decimalPlaces","chart","labels","labelColor","_c","label","i","style","context","getDatalabelPercentage","raw"],"mappings":"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"}

package/dist/{tables.utils-BcfzBmXp.js → tables.utils-yPdd41i1.js}

@@ -1,5 +1,5 @@
 import { j as i, X as p, Y as w, Z as h, u as o } from "./index-BCG-LNTx.js";
-import { g as f } from "./formatter.utils-CNK7r1DQ.js";
+import { g as f } from "./formatter.utils-Wcc93V-N.js";
 import { D as c } from "./component.inputs.constants-BsSC9xd5.js";
 const T = "_markdownCell_15al7_1", C = {
   markdownCell: T
@@ -85,4 +85,4 @@ export {
   N as c,
   D as g
 };
-//# sourceMappingURL=tables.utils-BcfzBmXp.js.map
+//# sourceMappingURL=tables.utils-yPdd41i1.js.map

package/dist/{tables.utils-BcfzBmXp.js.map → tables.utils-yPdd41i1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tables.utils-BcfzBmXp.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-yPdd41i1.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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"}

package/dist/{theme.constants-CVAIAY_P.js → theme.constants-DrhAyRBp.js}

@@ -1,6 +1,6 @@
 import { r as ro, q as m0 } from "./index-BCG-LNTx.js";
-import { i as d0, a as Gn } from "./component.utils-oQMZT7TK.js";
-import { b as Ca, g as to } from "./formatter.utils-CNK7r1DQ.js";
+import { i as d0, a as Gn } from "./component.utils-B7tQ4cCT.js";
+import { b as Ca, g as to } from "./formatter.utils-Wcc93V-N.js";
 import { d as fr, u as x0 } from "./utc-DA_kzer2.js";
 import { i as v0 } from "./isoWeek-DOaillEy.js";
 import { q as g0 } from "./quarterOfYear-C-MICUOd.js";
@@ -18382,4 +18382,4 @@ export {
   To as i,
   yx as r
 };
-//# sourceMappingURL=theme.constants-CVAIAY_P.js.map
+//# sourceMappingURL=theme.constants-DrhAyRBp.js.map