@embeddable.com/remarkable-pro 0.0.23 → 0.0.25

package/dist/object.utils-D_Zzon-H.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"object.utils-D_Zzon-H.js","sources":["../src/theme/styles/styles.utils.ts","../src/utils.ts/object.utils.ts"],"sourcesContent":["const generateCssVariables = (variables: Record<string, string>) => {\n  let textContent = '';\n  Object.keys(variables).forEach((key) => {\n    const value = variables[key];\n    textContent += `${key}: ${value};\\n`;\n  });\n  return textContent;\n};\n\n// TODO: check the possibility of injecting via CSS (future)\nexport const injectCssVariables = (styles: Record<string, string>) => {\n  const css = `:root {\\n${generateCssVariables(styles)}}`;\n  const styleId = 'remarkable-ui-embeddable-style';\n  let styleEl = document.getElementById(styleId) as HTMLStyleElement | null;\n\n  if (styleEl) {\n    // Overwrite the old vars\n    styleEl.textContent = css;\n  } else {\n    styleEl = document.createElement('style');\n    styleEl.id = styleId;\n    styleEl.textContent = css;\n    document.head.appendChild(styleEl);\n  }\n\n  return () => styleEl?.remove();\n};\n\nconst colorsMap = new Map<string, Map<string, string>>();\nconst colorsInUse = new Map<string, Set<string>>();\n\n/* \nWe save the colors to session storage so that they are persistent across refreshes. \nThis is important, for example, if the user is looking at multiple tabs, or if the user refreshes the page.\n*/\nconst STORAGE_KEY = 'embeddable';\n\nconst saveColorsMap = () => {\n  const obj: Record<string, Record<string, string>> = {};\n  for (const [cat, m] of colorsMap) {\n    obj[cat] = Object.fromEntries(m);\n  }\n  sessionStorage.setItem(STORAGE_KEY, JSON.stringify(obj));\n};\n\nconst loadColorMap = () => {\n  if (typeof window === 'undefined' || typeof document === 'undefined') return;\n\n  const data = sessionStorage.getItem(STORAGE_KEY);\n  if (!data) return;\n  const obj: Record<string, Record<string, string>> = JSON.parse(data);\n  for (const cat in obj) {\n    const m = new Map(Object.entries(obj[cat] ?? {}));\n    colorsMap.set(cat, m);\n    colorsInUse.set(cat, new Set(m.values()));\n  }\n};\n\nloadColorMap();\n\nexport const getColor = (key: string, value: string, palette: string[], idx: number): string => {\n  if (typeof window === 'undefined' || typeof document === 'undefined') return '';\n\n  // Initialize structures if needed\n  if (!colorsMap.has(key)) {\n    colorsMap.set(key, new Map());\n    colorsInUse.set(key, new Set());\n  }\n\n  const catMap = colorsMap.get(key)!;\n\n  // Return existing color if already assigned\n  if (catMap.has(value)) return catMap.get(value)!;\n\n  // Find first colorsInUse color, fallback to indexed one\n  const color = palette[idx % palette.length];\n\n  if (typeof color !== 'string') {\n    throw new Error('No valid color found in palette');\n  }\n\n  // Save mapping and mark as colorsInUse\n  catMap.set(value, color);\n  saveColorsMap();\n\n  return color;\n};\n","export const getObjectStableKey = (obj: unknown): string => {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const stableStringify = (o: any): string => {\n    if (o && typeof o === 'object' && !Array.isArray(o)) {\n      return (\n        '{' +\n        Object.keys(o)\n          .sort()\n          .map((k) => `\"${k}\":${stableStringify(o[k])}`)\n          .join(',') +\n        '}'\n      );\n    } else if (Array.isArray(o)) {\n      return '[' + o.map(stableStringify).join(',') + ']';\n    }\n    return JSON.stringify(o);\n  };\n\n  const json = stableStringify(obj);\n\n  // FNV-1a 32-bit hash\n  let hash = 0x811c9dc5;\n  for (let i = 0; i < json.length; i++) {\n    hash ^= json.charCodeAt(i);\n    hash += (hash << 1) + (hash << 4) + (hash << 7) + (hash << 8) + (hash << 24);\n  }\n\n  return (hash >>> 0).toString(16);\n};\n"],"names":["colorsMap","colorsInUse","STORAGE_KEY","saveColorsMap","obj","cat","m","loadColorMap","data","getColor","key","value","palette","idx","catMap","color","getObjectStableKey","stableStringify","o","k","json","hash","i"],"mappings":"AA4BA,MAAMA,wBAAgB,IAAA,GAChBC,wBAAkB,IAAA,GAMlBC,IAAc,cAEdC,IAAgB,MAAM;AAC1B,QAAMC,IAA8C,CAAA;AACpD,aAAW,CAACC,GAAKC,CAAC,KAAKN;AACrB,IAAAI,EAAIC,CAAG,IAAI,OAAO,YAAYC,CAAC;AAEjC,iBAAe,QAAQJ,GAAa,KAAK,UAAUE,CAAG,CAAC;AACzD,GAEMG,IAAe,MAAM;AACzB,MAAI,OAAO,SAAW,OAAe,OAAO,WAAa,IAAa;AAEtE,QAAMC,IAAO,eAAe,QAAQN,CAAW;AAC/C,MAAI,CAACM,EAAM;AACX,QAAMJ,IAA8C,KAAK,MAAMI,CAAI;AACnE,aAAWH,KAAOD,GAAK;AACrB,UAAME,IAAI,IAAI,IAAI,OAAO,QAAQF,EAAIC,CAAG,KAAK,CAAA,CAAE,CAAC;AAChD,IAAAL,EAAU,IAAIK,GAAKC,CAAC,GACpBL,EAAY,IAAII,GAAK,IAAI,IAAIC,EAAE,OAAA,CAAQ,CAAC;AAAA,EAC1C;AACF;AAEAC,EAAA;AAEO,MAAME,IAAW,CAACC,GAAaC,GAAeC,GAAmBC,MAAwB;AAC9F,MAAI,OAAO,SAAW,OAAe,OAAO,WAAa,IAAa,QAAO;AAG7E,EAAKb,EAAU,IAAIU,CAAG,MACpBV,EAAU,IAAIU,GAAK,oBAAI,IAAA,CAAK,GAC5BT,EAAY,IAAIS,GAAK,oBAAI,IAAA,CAAK;AAGhC,QAAMI,IAASd,EAAU,IAAIU,CAAG;AAGhC,MAAII,EAAO,IAAIH,CAAK,EAAG,QAAOG,EAAO,IAAIH,CAAK;AAG9C,QAAMI,IAAQH,EAAQC,IAAMD,EAAQ,MAAM;AAE1C,MAAI,OAAOG,KAAU;AACnB,UAAM,IAAI,MAAM,iCAAiC;AAInD,SAAAD,EAAO,IAAIH,GAAOI,CAAK,GACvBZ,EAAA,GAEOY;AACT,GCtFaC,IAAqB,CAACZ,MAAyB;AAE1D,QAAMa,IAAkB,CAACC,MACnBA,KAAK,OAAOA,KAAM,YAAY,CAAC,MAAM,QAAQA,CAAC,IAE9C,MACA,OAAO,KAAKA,CAAC,EACV,OACA,IAAI,CAACC,MAAM,IAAIA,CAAC,KAAKF,EAAgBC,EAAEC,CAAC,CAAC,CAAC,EAAE,EAC5C,KAAK,GAAG,IACX,MAEO,MAAM,QAAQD,CAAC,IACjB,MAAMA,EAAE,IAAID,CAAe,EAAE,KAAK,GAAG,IAAI,MAE3C,KAAK,UAAUC,CAAC,GAGnBE,IAAOH,EAAgBb,CAAG;AAGhC,MAAIiB,IAAO;AACX,WAASC,IAAI,GAAGA,IAAIF,EAAK,QAAQE;AAC/B,IAAAD,KAAQD,EAAK,WAAWE,CAAC,GACzBD,MAASA,KAAQ,MAAMA,KAAQ,MAAMA,KAAQ,MAAMA,KAAQ,MAAMA,KAAQ;AAG3E,UAAQA,MAAS,GAAG,SAAS,EAAE;AACjC;"}

package/dist/pies.utils-Dgs6TAkX.js

@@ -1,73 +0,0 @@
-import { r as g, g as b } from "./charts.utils-udVhj9f6.js";
-import { g as u } from "./formatter.utils-tS15PLXn.js";
-import { g as h, a as c } from "./object.utils-D_Zzon-H.js";
-import { d as C } from "./Color.type.emb-sebikYGW.js";
-import { i as f } from "./component.inputs.constants-Ds7YpNhT.js";
-const T = (a, o = g) => {
-  const s = u(o);
-  if (!a.data)
-    return {
-      labels: [],
-      datasets: [{ data: [] }]
-    };
-  const t = b(
-    a.data,
-    a.dimension,
-    [a.measure],
-    a.maxLegendItems
-  ), n = h(o), m = C(), d = t.map(
-    (e, r) => c(
-      `${n}.charts.backgroundColors`,
-      `${a.dimension.name}.${e[a.dimension.name]}`,
-      o.charts.backgroundColors ?? m,
-      r
-    )
-  ), i = t.map(
-    (e, r) => c(
-      `${n}.charts.borderColors`,
-      `${a.dimension.name}.${e[a.dimension.name]}`,
-      o.charts.borderColors ?? m,
-      r
-    )
-  );
-  return {
-    labels: t.map((e) => {
-      const r = e[a.dimension.name], l = s.data(a.dimension, r);
-      return r === l ? f.t(r) : l;
-    }),
-    datasets: [
-      {
-        data: t.map((e) => e[a.measure.name]),
-        backgroundColor: d,
-        borderColor: i
-      }
-    ]
-  };
-}, w = (a, o = g) => {
-  const s = u(o);
-  return {
-    plugins: {
-      legend: { position: o.charts.legendPosition ?? "bottom" },
-      datalabels: {
-        formatter: (t) => s.data(a, t)
-      },
-      tooltip: {
-        callbacks: {
-          label(t) {
-            const n = t.raw, m = t.dataset.data.reduce(
-              // eslint-disable-next-line @typescript-eslint/no-explicit-any
-              (i, e) => i + parseFloat(e),
-              0
-            ), d = Math.round(n / m * 100);
-            return `${s.data(a, n)} (${d}%)`;
-          }
-        }
-      }
-    }
-  };
-};
-export {
-  w as a,
-  T as g
-};
-//# sourceMappingURL=pies.utils-Dgs6TAkX.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"pies.utils-Dgs6TAkX.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 { groupTailAsOther } from '../charts.utils';\nimport { Theme } from '../../../theme/theme.types';\nimport { remarkableTheme } from '../../../theme/theme.constants';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { getColor } from '../../../theme/styles/styles.utils';\nimport { getChartColors } from '@embeddable.com/remarkable-ui';\nimport { i18n } from '../../../theme/i18n/i18n';\nimport { getObjectStableKey } from '../../../utils.ts/object.utils';\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  const themeFormatter = getThemeFormatter(theme);\n\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 themeKey = getObjectStableKey(theme);\n  const chartColors = getChartColors();\n  const backgroundColor = groupedData.map((item, i) =>\n    getColor(\n      `${themeKey}.charts.backgroundColors`,\n      `${props.dimension.name}.${item[props.dimension.name]}`,\n      theme.charts.backgroundColors ?? chartColors,\n      i,\n    ),\n  );\n\n  const borderColor = groupedData.map((item, i) =>\n    getColor(\n      `${themeKey}.charts.borderColors`,\n      `${props.dimension.name}.${item[props.dimension.name]}`,\n      theme.charts.borderColors ?? chartColors,\n      i,\n    ),\n  );\n\n  return {\n    labels: groupedData.map((item) => {\n      const value = item[props.dimension.name];\n      const formattedValue = themeFormatter.data(props.dimension, value);\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  measure: Measure,\n  theme: Theme = remarkableTheme,\n): Partial<ChartOptions<'pie'>> => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    plugins: {\n      legend: { position: theme.charts.legendPosition ?? 'bottom' },\n      datalabels: {\n        formatter: (value: string | number) => themeFormatter.data(measure, value),\n      },\n      tooltip: {\n        callbacks: {\n          label(context) {\n            const raw = context.raw as number;\n            const total = context.dataset.data.reduce(\n              // eslint-disable-next-line @typescript-eslint/no-explicit-any\n              (sum: number, v: any) => sum + parseFloat(v),\n              0,\n            );\n            const pct = Math.round((raw / total) * 100);\n            return `${themeFormatter.data(measure, raw)} (${pct}%)`;\n          },\n        },\n      },\n    },\n  };\n};\n"],"names":["getPieChartProData","props","theme","remarkableTheme","themeFormatter","getThemeFormatter","groupedData","groupTailAsOther","themeKey","getObjectStableKey","chartColors","getChartColors","backgroundColor","item","i","getColor","borderColor","value","formattedValue","i18n","getPieChartProOptions","measure","context","raw","total","sum","v","pct"],"mappings":";;;;;AAWO,MAAMA,IAAqB,CAChCC,GAMAC,IAAeC,MACM;AACrB,QAAMC,IAAiBC,EAAkBH,CAAK;AAE9C,MAAI,CAACD,EAAM;AACT,WAAO;AAAA,MACL,QAAQ,CAAA;AAAA,MACR,UAAU,CAAC,EAAE,MAAM,IAAI;AAAA,IAAA;AAG3B,QAAMK,IAAcC;AAAA,IAClBN,EAAM;AAAA,IACNA,EAAM;AAAA,IACN,CAACA,EAAM,OAAO;AAAA,IACdA,EAAM;AAAA,EAAA,GAGFO,IAAWC,EAAmBP,CAAK,GACnCQ,IAAcC,EAAA,GACdC,IAAkBN,EAAY;AAAA,IAAI,CAACO,GAAMC,MAC7CC;AAAA,MACE,GAAGP,CAAQ;AAAA,MACX,GAAGP,EAAM,UAAU,IAAI,IAAIY,EAAKZ,EAAM,UAAU,IAAI,CAAC;AAAA,MACrDC,EAAM,OAAO,oBAAoBQ;AAAA,MACjCI;AAAA,IAAA;AAAA,EACF,GAGIE,IAAcV,EAAY;AAAA,IAAI,CAACO,GAAMC,MACzCC;AAAA,MACE,GAAGP,CAAQ;AAAA,MACX,GAAGP,EAAM,UAAU,IAAI,IAAIY,EAAKZ,EAAM,UAAU,IAAI,CAAC;AAAA,MACrDC,EAAM,OAAO,gBAAgBQ;AAAA,MAC7BI;AAAA,IAAA;AAAA,EACF;AAGF,SAAO;AAAA,IACL,QAAQR,EAAY,IAAI,CAACO,MAAS;AAChC,YAAMI,IAAQJ,EAAKZ,EAAM,UAAU,IAAI,GACjCiB,IAAiBd,EAAe,KAAKH,EAAM,WAAWgB,CAAK;AAGjE,aAAIA,MAAUC,IACLC,EAAK,EAAEF,CAAK,IAEdC;AAAA,IACT,CAAC;AAAA,IACD,UAAU;AAAA,MACR;AAAA,QACE,MAAMZ,EAAY,IAAI,CAACO,MAASA,EAAKZ,EAAM,QAAQ,IAAI,CAAC;AAAA,QACxD,iBAAAW;AAAA,QACA,aAAAI;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ,GAEaI,IAAwB,CACnCC,GACAnB,IAAeC,MACkB;AACjC,QAAMC,IAAiBC,EAAkBH,CAAK;AAE9C,SAAO;AAAA,IACL,SAAS;AAAA,MACP,QAAQ,EAAE,UAAUA,EAAM,OAAO,kBAAkB,SAAA;AAAA,MACnD,YAAY;AAAA,QACV,WAAW,CAACe,MAA2Bb,EAAe,KAAKiB,GAASJ,CAAK;AAAA,MAAA;AAAA,MAE3E,SAAS;AAAA,QACP,WAAW;AAAA,UACT,MAAMK,GAAS;AACb,kBAAMC,IAAMD,EAAQ,KACdE,IAAQF,EAAQ,QAAQ,KAAK;AAAA;AAAA,cAEjC,CAACG,GAAaC,MAAWD,IAAM,WAAWC,CAAC;AAAA,cAC3C;AAAA,YAAA,GAEIC,IAAM,KAAK,MAAOJ,IAAMC,IAAS,GAAG;AAC1C,mBAAO,GAAGpB,EAAe,KAAKiB,GAASE,CAAG,CAAC,KAAKI,CAAG;AAAA,UACrD;AAAA,QAAA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ;"}