@embeddable.com/remarkable-ui 1.0.3 → 1.0.5

package/dist/PieChartPro.js

@@ -1,6 +1,6 @@
-import { d as a, w as s, z as t, t as o, c as n, s as i, Q as r, e as m, f as l, V as d, o as c } from "./component.constants-CYS5-3qd.js";
+import { d as a, w as s, z as t, t as o, c as n, s as i, Q as r, e as m, f as l, V as d, o as c } from "./component.constants-B5vygi6l.js";
 import { defineComponent as p } from "@embeddable.com/react";
-import { P as u } from "./index-DDmT6wnq.js";
+import { P as u } from "./index-BKkfcfXT.js";
 const C = {
   name: "PieChartPro",
   label: "Pie Chart",

package/dist/{PivotTable-DrN-dl-H.js → PivotTable-Diy2xzoH.js}

@@ -1,4 +1,4 @@
-import { j as o, a2 as F, aI as a } from "./component.constants-CYS5-3qd.js";
+import { j as o, a2 as F, aP as a } from "./component.constants-B5vygi6l.js";
 import { useMemo as b, useState as Z, useEffect as _ } from "react";
 import { g as v } from "./tables.utils-D7KXdM2S.js";
 const G = (x) => typeof x == "number" && !Number.isNaN(x), I = (x, N) => `${x.toFixed(N)}%`, lt = ({
@@ -246,4 +246,4 @@ const G = (x) => typeof x == "number" && !Number.isNaN(x), I = (x, N) => `${x.to
 export {
   lt as P
 };
-//# sourceMappingURL=PivotTable-DrN-dl-H.js.map
+//# sourceMappingURL=PivotTable-Diy2xzoH.js.map

package/dist/{PivotTable-DrN-dl-H.js.map → PivotTable-Diy2xzoH.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PivotTable-DrN-dl-H.js","sources":["../src/remarkable-ui/components/charts/tables/PivotTable/PivotTable.tsx"],"sourcesContent":["import { FC, useEffect, useMemo, useState } from 'react';\nimport tableStyles from '../tables.module.css';\nimport clsx from 'clsx';\nimport { PivotTableProps } from './PivotTable.types';\nimport { getTableCellWidthStyle } from '../tables.utils';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nconst isNumber = (v: any) => typeof v === 'number' && !Number.isNaN(v);\n\nconst getPercentageDisplay = (percentage: number, percentageDecimalPlaces: number) => {\n  return `${percentage.toFixed(percentageDecimalPlaces)}%`;\n};\n\nexport const PivotTable: FC<PivotTableProps<any>> = ({\n  columnWidth,\n  firstColumnWidth,\n  data,\n  measures,\n  rowDimension,\n  columnDimension,\n  progressive = true,\n  batchSize = 100,\n  batchDelayMs = 0,\n  rowTotalsFor = [],\n  columnTotalsFor = [],\n  totalLabel = 'Total',\n  className,\n}) => {\n  const rowValues = useMemo(() => {\n    const s = new Set<string>();\n    for (const d of data) {\n      const rowValue = d[rowDimension.key];\n      if (rowValue) s.add(rowValue);\n    }\n    return Array.from(s);\n  }, [data, rowDimension.key]);\n\n  const columnValues = useMemo(() => {\n    const s = new Set<string>();\n    for (const d of data) {\n      const columnValue = d[columnDimension.key];\n      if (columnValue) s.add(columnValue as string);\n    }\n    return Array.from(s);\n  }, [data, columnDimension.key]);\n\n  const cellMap = useMemo(() => {\n    const map = new Map<string, Map<string, Record<string, any>>>();\n    for (const d of data) {\n      const r = String(d[rowDimension.key]);\n      const c = String(d[columnDimension.key]);\n      if (!map.has(r)) map.set(r, new Map());\n      map.get(r)!.set(c, d as Record<string, any>);\n    }\n    return map;\n  }, [data, rowDimension.key, columnDimension.key]);\n\n  const rowTotalsSet = useMemo(() => new Set<string>(rowTotalsFor), [rowTotalsFor]);\n  const columnTotalsSet = useMemo(() => new Set<string>(columnTotalsFor), [columnTotalsFor]);\n  const hasRowTotals = rowTotalsSet.size > 0;\n  const hasColumnTotals = columnTotalsSet.size > 0;\n\n  const measureIndexByKey = useMemo(() => {\n    const map = new Map<string, number>();\n    measures.forEach((m, i) => map.set(String(m.key), i));\n    return map;\n  }, [measures]);\n\n  const { colTotals, rowTotals, grandTotals } = useMemo(() => {\n    const cTotals = new Map<string, number[]>();\n    const rTotals = new Map<string, number[]>();\n    const gTotals = measures.map(() => 0);\n\n    for (const d of data) {\n      const r = String(d[rowDimension.key]);\n      const c = String(d[columnDimension.key]);\n      const cArr = cTotals.get(c) ?? measures.map(() => 0);\n      const rArr = rTotals.get(r) ?? measures.map(() => 0);\n\n      measures.forEach((m, i) => {\n        const raw = (d as any)?.[m.key];\n        const v = Number(raw);\n        if (!Number.isNaN(v)) {\n          cArr[i]! += v;\n          rArr[i]! += v;\n          gTotals[i]! += v;\n        }\n      });\n\n      cTotals.set(c, cArr);\n      rTotals.set(r, rArr);\n    }\n\n    for (const c of columnValues) {\n      if (!cTotals.has(String(c)))\n        cTotals.set(\n          String(c),\n          measures.map(() => 0),\n        );\n    }\n    for (const r of rowValues) {\n      if (!rTotals.has(String(r)))\n        rTotals.set(\n          String(r),\n          measures.map(() => 0),\n        );\n    }\n\n    return { colTotals: cTotals, rowTotals: rTotals, grandTotals: gTotals };\n  }, [data, measures, rowDimension.key, columnDimension.key, columnValues, rowValues]);\n\n  const [visibleCount, setVisibleCount] = useState(() =>\n    progressive ? Math.min(batchSize, rowValues.length) : rowValues.length,\n  );\n\n  useEffect(() => {\n    if (!progressive) {\n      setVisibleCount(rowValues.length);\n      return;\n    }\n    let cancelled = false;\n    let t: number | null = null;\n    setVisibleCount(0);\n\n    const tick = () => {\n      setVisibleCount((prev) => {\n        const next = Math.min(prev + batchSize, rowValues.length);\n        if (next < rowValues.length && !cancelled) {\n          t = window.setTimeout(tick, batchDelayMs);\n        }\n        return next;\n      });\n    };\n\n    t = window.setTimeout(tick, batchDelayMs);\n\n    return () => {\n      cancelled = true;\n      if (t !== null) window.clearTimeout(t);\n    };\n  }, [progressive, batchSize, batchDelayMs, rowValues.length, data]);\n\n  const visibleRows = progressive ? rowValues.slice(0, visibleCount) : rowValues;\n\n  return (\n    <div className={clsx(tableStyles.tableFullContainer, className)}>\n      <div\n        className={clsx(\n          tableStyles.tableAdjustedContainer,\n          (!columnWidth || !firstColumnWidth) && tableStyles.fullWidth,\n        )}\n      >\n        <table\n          className={tableStyles.table}\n          aria-label={`${rowDimension.label} by ${columnDimension.label}`}\n        >\n          <thead>\n            <tr>\n              <th\n                scope=\"col\"\n                rowSpan={1}\n                title={columnDimension.label}\n                className={tableStyles.stickyFirstColumn}\n              >\n                {columnDimension.label}\n              </th>\n              {columnValues.map((columnValue) => {\n                const columnValueDisplay = columnDimension.formatValue\n                  ? columnDimension.formatValue(columnValue)\n                  : columnValue;\n                return (\n                  <th\n                    key={`col-${columnValue}`}\n                    scope=\"colgroup\"\n                    colSpan={measures.length}\n                    title={columnValueDisplay}\n                  >\n                    {columnValueDisplay}\n                  </th>\n                );\n              })}\n              {hasRowTotals && (\n                <th\n                  key=\"col-total-group\"\n                  scope=\"colgroup\"\n                  colSpan={Array.from(rowTotalsSet).length}\n                  className={tableStyles.boltCell}\n                  title={totalLabel}\n                >\n                  {totalLabel}\n                </th>\n              )}\n            </tr>\n            <tr>\n              <th\n                scope=\"col\"\n                rowSpan={1}\n                title={rowDimension.label}\n                className={tableStyles.stickyFirstColumn}\n                style={getTableCellWidthStyle(firstColumnWidth)}\n              >\n                {rowDimension.label}\n              </th>\n              {columnValues.flatMap((col) =>\n                measures.map((measure, idx) => (\n                  <th\n                    key={`sub-${String(col)}-${measure.key}-${idx}`}\n                    scope=\"col\"\n                    title={measure.label}\n                    style={getTableCellWidthStyle(columnWidth)}\n                  >\n                    {measure.label}\n                  </th>\n                )),\n              )}\n              {hasRowTotals &&\n                measures\n                  .filter((measure) => rowTotalsSet.has(measure.key))\n                  .map((measure, idx) => (\n                    <th\n                      key={`sub-total-${measure.key}-${idx}`}\n                      scope=\"col\"\n                      className={tableStyles.boltCell}\n                      title={measure.label}\n                      style={getTableCellWidthStyle(columnWidth)}\n                    >\n                      {measure.label}\n                    </th>\n                  ))}\n            </tr>\n          </thead>\n          <tbody>\n            {visibleRows.map((row) => {\n              const rowDimensionValue = rowDimension.formatValue\n                ? rowDimension.formatValue(row)\n                : row;\n              return (\n                <tr key={`row-${row}`}>\n                  <th\n                    scope=\"row\"\n                    title={rowDimensionValue}\n                    className={tableStyles.stickyFirstColumn}\n                  >\n                    {rowDimensionValue}\n                  </th>\n\n                  {columnValues.flatMap((columnValue) =>\n                    measures.map((measure, idx) => {\n                      const object = cellMap.get(row)?.get(columnValue) ?? {};\n                      const value = object?.[measure.key];\n\n                      const key = `cell-${row}-${columnValue}-${measure.key}-${idx}`;\n                      const getDisplayValue = () => {\n                        if (measure.showAsPercentage) {\n                          const mi = measureIndexByKey.get(String(measure.key)) ?? -1;\n                          const totalsForCol =\n                            colTotals.get(String(columnValue)) ?? measures.map(() => 0);\n                          const colTotal = mi >= 0 ? (totalsForCol[mi] ?? 0) : 0;\n\n                          const shouldShowPct =\n                            measure.showAsPercentage &&\n                            isNumber(Number(value)) &&\n                            isNumber(colTotal) &&\n                            colTotal > 0;\n\n                          if (shouldShowPct) {\n                            const percentage = (value / colTotal) * 100;\n                            return `${percentage.toFixed(measure.percentageDecimalPlaces ?? 0)}%`;\n                          }\n                        }\n\n                        return measure.accessor ? measure.accessor(object) : value;\n                      };\n\n                      const columnValueDisplay = getDisplayValue();\n\n                      return (\n                        <td key={key} title={columnValueDisplay}>\n                          {columnValueDisplay}\n                        </td>\n                      );\n                    }),\n                  )}\n\n                  {hasRowTotals &&\n                    measures\n                      .filter((measure) => rowTotalsSet.has(measure.key))\n                      .map((measure, idx) => {\n                        const totalsForRow = rowTotals.get(row) ?? measures.map(() => 0);\n                        const measureIndex = measureIndexByKey.get(measure.key) ?? -1;\n                        const key = `row-total-${String(row)}-${measure.key}-${idx}`;\n                        const value: number =\n                          measureIndex >= 0 ? (totalsForRow[measureIndex] ?? 0) : 0;\n                        let displayValue: any = value;\n\n                        if (measure.showAsPercentage) {\n                          displayValue = getPercentageDisplay(\n                            (value / (grandTotals[measureIndex] || 1)) * 100,\n                            measure.percentageDecimalPlaces ?? 0,\n                          );\n                        } else if (measure.accessor) {\n                          displayValue = measure.accessor({ [measure.key]: value });\n                        }\n\n                        return (\n                          <td key={key} className={tableStyles.boltCell} title={displayValue}>\n                            {displayValue}\n                          </td>\n                        );\n                      })}\n                </tr>\n              );\n            })}\n            {hasColumnTotals && (\n              <tr key=\"totals-row\" className={tableStyles.stickyLastRow}>\n                <th\n                  scope=\"row\"\n                  className={clsx(tableStyles.stickyFirstColumn, tableStyles.boltCell)}\n                  title={totalLabel}\n                >\n                  {totalLabel}\n                </th>\n\n                {columnValues.flatMap((columnValue) =>\n                  measures.map((measure, idx) => {\n                    const show = columnTotalsSet.has(String(measure.key));\n                    const totalsForCol =\n                      colTotals.get(String(columnValue)) ?? measures.map(() => 0);\n                    const mi = measures.findIndex((mm) => String(mm.key) === String(measure.key));\n                    const key = `col-total-${String(columnValue)}-${measure.key}-${idx}`;\n                    const value: number = totalsForCol[mi] ?? 0;\n                    let displayValue: any = value;\n\n                    if (measure.showAsPercentage) {\n                      displayValue = getPercentageDisplay(\n                        100,\n                        measure.percentageDecimalPlaces ?? 0,\n                      );\n                    } else if (measure.accessor) {\n                      displayValue = measure.accessor({ [measure.key]: value });\n                    }\n                    const columnValueDisplay = show ? displayValue : '';\n\n                    return (\n                      <td key={key} className={tableStyles.boltCell} title={columnValueDisplay}>\n                        {columnValueDisplay}\n                      </td>\n                    );\n                  }),\n                )}\n\n                {hasRowTotals &&\n                  measures\n                    .filter((measure) => rowTotalsSet.has(measure.key))\n                    .map((measure, idx) => {\n                      const measureIndex = measures.findIndex((m) => String(m.key) === measure.key);\n                      const key = `grand-total-${measure.key}-${idx}`;\n                      const value: number = grandTotals[measureIndex] ?? 0;\n                      let displayValue: any = value;\n\n                      if (measure.showAsPercentage) {\n                        displayValue = getPercentageDisplay(\n                          100,\n                          measure.percentageDecimalPlaces ?? 0,\n                        );\n                      } else if (measure.accessor) {\n                        displayValue = measure.accessor({ [measure.key]: value });\n                      }\n\n                      return (\n                        <td key={key} className={tableStyles.boltCell} title={displayValue}>\n                          {displayValue}\n                        </td>\n                      );\n                    })}\n              </tr>\n            )}\n          </tbody>\n        </table>\n      </div>\n    </div>\n  );\n};\n"],"names":["isNumber","v","getPercentageDisplay","percentage","percentageDecimalPlaces","PivotTable","columnWidth","firstColumnWidth","data","measures","rowDimension","columnDimension","progressive","batchSize","batchDelayMs","rowTotalsFor","columnTotalsFor","totalLabel","className","rowValues","useMemo","s","d","rowValue","columnValues","columnValue","cellMap","map","r","rowTotalsSet","columnTotalsSet","hasRowTotals","hasColumnTotals","measureIndexByKey","m","i","colTotals","rowTotals","grandTotals","cTotals","rTotals","gTotals","c","cArr","rArr","raw","visibleCount","setVisibleCount","useState","useEffect","cancelled","t","tick","prev","next","visibleRows","clsx","tableStyles","jsx","jsxs","columnValueDisplay","getTableCellWidthStyle","col","measure","idx","row","rowDimensionValue","object","_a","value","key","mi","totalsForCol","colTotal","totalsForRow","measureIndex","displayValue","show","mm"],"mappings":";;;AAQA,MAAMA,IAAW,CAACC,MAAW,OAAOA,KAAM,YAAY,CAAC,OAAO,MAAMA,CAAC,GAE/DC,IAAuB,CAACC,GAAoBC,MACzC,GAAGD,EAAW,QAAQC,CAAuB,CAAC,KAG1CC,KAAuC,CAAC;AAAA,EACnD,aAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,WAAAC,IAAY;AAAA,EACZ,cAAAC,IAAe;AAAA,EACf,cAAAC,IAAe,CAAA;AAAA,EACf,iBAAAC,IAAkB,CAAA;AAAA,EAClB,YAAAC,IAAa;AAAA,EACb,WAAAC;AACF,MAAM;AACJ,QAAMC,IAAYC,EAAQ,MAAM;AAC9B,UAAMC,wBAAQ,IAAA;AACd,eAAWC,KAAKd,GAAM;AACpB,YAAMe,IAAWD,EAAEZ,EAAa,GAAG;AACnC,MAAIa,KAAUF,EAAE,IAAIE,CAAQ;AAAA,IAC9B;AACA,WAAO,MAAM,KAAKF,CAAC;AAAA,EACrB,GAAG,CAACb,GAAME,EAAa,GAAG,CAAC,GAErBc,IAAeJ,EAAQ,MAAM;AACjC,UAAMC,wBAAQ,IAAA;AACd,eAAWC,KAAKd,GAAM;AACpB,YAAMiB,IAAcH,EAAEX,EAAgB,GAAG;AACzC,MAAIc,KAAaJ,EAAE,IAAII,CAAqB;AAAA,IAC9C;AACA,WAAO,MAAM,KAAKJ,CAAC;AAAA,EACrB,GAAG,CAACb,GAAMG,EAAgB,GAAG,CAAC,GAExBe,IAAUN,EAAQ,MAAM;AAC5B,UAAMO,wBAAU,IAAA;AAChB,eAAWL,KAAKd,GAAM;AACpB,YAAMoB,IAAI,OAAON,EAAEZ,EAAa,GAAG,CAAC,GAC9B,IAAI,OAAOY,EAAEX,EAAgB,GAAG,CAAC;AACvC,MAAKgB,EAAI,IAAIC,CAAC,OAAO,IAAIA,GAAG,oBAAI,KAAK,GACrCD,EAAI,IAAIC,CAAC,EAAG,IAAI,GAAGN,CAAwB;AAAA,IAC7C;AACA,WAAOK;AAAA,EACT,GAAG,CAACnB,GAAME,EAAa,KAAKC,EAAgB,GAAG,CAAC,GAE1CkB,IAAeT,EAAQ,MAAM,IAAI,IAAYL,CAAY,GAAG,CAACA,CAAY,CAAC,GAC1Ee,IAAkBV,EAAQ,MAAM,IAAI,IAAYJ,CAAe,GAAG,CAACA,CAAe,CAAC,GACnFe,IAAeF,EAAa,OAAO,GACnCG,IAAkBF,EAAgB,OAAO,GAEzCG,IAAoBb,EAAQ,MAAM;AACtC,UAAMO,wBAAU,IAAA;AAChB,WAAAlB,EAAS,QAAQ,CAACyB,GAAGC,MAAMR,EAAI,IAAI,OAAOO,EAAE,GAAG,GAAGC,CAAC,CAAC,GAC7CR;AAAA,EACT,GAAG,CAAClB,CAAQ,CAAC,GAEP,EAAE,WAAA2B,GAAW,WAAAC,GAAW,aAAAC,EAAA,IAAgBlB,EAAQ,MAAM;AAC1D,UAAMmB,wBAAc,IAAA,GACdC,wBAAc,IAAA,GACdC,IAAUhC,EAAS,IAAI,MAAM,CAAC;AAEpC,eAAWa,KAAKd,GAAM;AACpB,YAAM,IAAI,OAAOc,EAAEZ,EAAa,GAAG,CAAC,GAC9BgC,IAAI,OAAOpB,EAAEX,EAAgB,GAAG,CAAC,GACjCgC,IAAOJ,EAAQ,IAAIG,CAAC,KAAKjC,EAAS,IAAI,MAAM,CAAC,GAC7CmC,IAAOJ,EAAQ,IAAI,CAAC,KAAK/B,EAAS,IAAI,MAAM,CAAC;AAEnD,MAAAA,EAAS,QAAQ,CAACyB,GAAGC,MAAM;AACzB,cAAMU,IAAOvB,KAAA,gBAAAA,EAAYY,EAAE,MACrBjC,IAAI,OAAO4C,CAAG;AACpB,QAAK,OAAO,MAAM5C,CAAC,MACjB0C,EAAKR,CAAC,KAAMlC,GACZ2C,EAAKT,CAAC,KAAMlC,GACZwC,EAAQN,CAAC,KAAMlC;AAAA,MAEnB,CAAC,GAEDsC,EAAQ,IAAIG,GAAGC,CAAI,GACnBH,EAAQ,IAAI,GAAGI,CAAI;AAAA,IACrB;AAEA,eAAW,KAAKpB;AACd,MAAKe,EAAQ,IAAI,OAAO,CAAC,CAAC,KACxBA,EAAQ;AAAA,QACN,OAAO,CAAC;AAAA,QACR9B,EAAS,IAAI,MAAM,CAAC;AAAA,MAAA;AAG1B,eAAWmB,KAAKT;AACd,MAAKqB,EAAQ,IAAI,OAAOZ,CAAC,CAAC,KACxBY,EAAQ;AAAA,QACN,OAAOZ,CAAC;AAAA,QACRnB,EAAS,IAAI,MAAM,CAAC;AAAA,MAAA;AAI1B,WAAO,EAAE,WAAW8B,GAAS,WAAWC,GAAS,aAAaC,EAAA;AAAA,EAChE,GAAG,CAACjC,GAAMC,GAAUC,EAAa,KAAKC,EAAgB,KAAKa,GAAcL,CAAS,CAAC,GAE7E,CAAC2B,GAAcC,CAAe,IAAIC;AAAA,IAAS,MAC/CpC,IAAc,KAAK,IAAIC,GAAWM,EAAU,MAAM,IAAIA,EAAU;AAAA,EAAA;AAGlE,EAAA8B,EAAU,MAAM;AACd,QAAI,CAACrC,GAAa;AAChB,MAAAmC,EAAgB5B,EAAU,MAAM;AAChC;AAAA,IACF;AACA,QAAI+B,IAAY,IACZC,IAAmB;AACvB,IAAAJ,EAAgB,CAAC;AAEjB,UAAMK,IAAO,MAAM;AACjB,MAAAL,EAAgB,CAACM,MAAS;AACxB,cAAMC,IAAO,KAAK,IAAID,IAAOxC,GAAWM,EAAU,MAAM;AACxD,eAAImC,IAAOnC,EAAU,UAAU,CAAC+B,MAC9BC,IAAI,OAAO,WAAWC,GAAMtC,CAAY,IAEnCwC;AAAA,MACT,CAAC;AAAA,IACH;AAEA,WAAAH,IAAI,OAAO,WAAWC,GAAMtC,CAAY,GAEjC,MAAM;AACX,MAAAoC,IAAY,IACRC,MAAM,QAAM,OAAO,aAAaA,CAAC;AAAA,IACvC;AAAA,EACF,GAAG,CAACvC,GAAaC,GAAWC,GAAcK,EAAU,QAAQX,CAAI,CAAC;AAEjE,QAAM+C,IAAc3C,IAAcO,EAAU,MAAM,GAAG2B,CAAY,IAAI3B;AAErE,+BACG,OAAA,EAAI,WAAWqC,EAAKC,EAAY,oBAAoBvC,CAAS,GAC5D,UAAAwC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWF;AAAA,QACTC,EAAY;AAAA,SACX,CAACnD,KAAe,CAACC,MAAqBkD,EAAY;AAAA,MAAA;AAAA,MAGrD,UAAAE,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWF,EAAY;AAAA,UACvB,cAAY,GAAG/C,EAAa,KAAK,OAAOC,EAAgB,KAAK;AAAA,UAE7D,UAAA;AAAA,YAAAgD,gBAAAA,OAAC,SAAA,EACC,UAAA;AAAA,cAAAA,gBAAAA,OAAC,MAAA,EACC,UAAA;AAAA,gBAAAD,gBAAAA,EAAAA;AAAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,OAAM;AAAA,oBACN,SAAS;AAAA,oBACT,OAAO/C,EAAgB;AAAA,oBACvB,WAAW8C,EAAY;AAAA,oBAEtB,UAAA9C,EAAgB;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAElBa,EAAa,IAAI,CAACC,MAAgB;AACjC,wBAAMmC,IAAqBjD,EAAgB,cACvCA,EAAgB,YAAYc,CAAW,IACvCA;AACJ,yBACEiC,gBAAAA,EAAAA;AAAAA,oBAAC;AAAA,oBAAA;AAAA,sBAEC,OAAM;AAAA,sBACN,SAASjD,EAAS;AAAA,sBAClB,OAAOmD;AAAA,sBAEN,UAAAA;AAAA,oBAAA;AAAA,oBALI,OAAOnC,CAAW;AAAA,kBAAA;AAAA,gBAQ7B,CAAC;AAAA,gBACAM,KACC2B,gBAAAA,EAAAA;AAAAA,kBAAC;AAAA,kBAAA;AAAA,oBAEC,OAAM;AAAA,oBACN,SAAS,MAAM,KAAK7B,CAAY,EAAE;AAAA,oBAClC,WAAW4B,EAAY;AAAA,oBACvB,OAAOxC;AAAA,oBAEN,UAAAA;AAAA,kBAAA;AAAA,kBANG;AAAA,gBAAA;AAAA,cAON,GAEJ;AAAA,qCACC,MAAA,EACC,UAAA;AAAA,gBAAAyC,gBAAAA,EAAAA;AAAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,OAAM;AAAA,oBACN,SAAS;AAAA,oBACT,OAAOhD,EAAa;AAAA,oBACpB,WAAW+C,EAAY;AAAA,oBACvB,OAAOI,EAAuBtD,CAAgB;AAAA,oBAE7C,UAAAG,EAAa;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEfc,EAAa;AAAA,kBAAQ,CAACsC,MACrBrD,EAAS,IAAI,CAACsD,GAASC,MACrBN,gBAAAA,EAAAA;AAAAA,oBAAC;AAAA,oBAAA;AAAA,sBAEC,OAAM;AAAA,sBACN,OAAOK,EAAQ;AAAA,sBACf,OAAOF,EAAuBvD,CAAW;AAAA,sBAExC,UAAAyD,EAAQ;AAAA,oBAAA;AAAA,oBALJ,OAAO,OAAOD,CAAG,CAAC,IAAIC,EAAQ,GAAG,IAAIC,CAAG;AAAA,kBAAA,CAOhD;AAAA,gBAAA;AAAA,gBAEFjC,KACCtB,EACG,OAAO,CAACsD,MAAYlC,EAAa,IAAIkC,EAAQ,GAAG,CAAC,EACjD,IAAI,CAACA,GAASC,MACbN,gBAAAA,EAAAA;AAAAA,kBAAC;AAAA,kBAAA;AAAA,oBAEC,OAAM;AAAA,oBACN,WAAWD,EAAY;AAAA,oBACvB,OAAOM,EAAQ;AAAA,oBACf,OAAOF,EAAuBvD,CAAW;AAAA,oBAExC,UAAAyD,EAAQ;AAAA,kBAAA;AAAA,kBANJ,aAAaA,EAAQ,GAAG,IAAIC,CAAG;AAAA,gBAAA,CAQvC;AAAA,cAAA,EAAA,CACP;AAAA,YAAA,GACF;AAAA,mCACC,SAAA,EACE,UAAA;AAAA,cAAAT,EAAY,IAAI,CAACU,MAAQ;AACxB,sBAAMC,IAAoBxD,EAAa,cACnCA,EAAa,YAAYuD,CAAG,IAC5BA;AACJ,8CACG,MAAA,EACC,UAAA;AAAA,kBAAAP,gBAAAA,EAAAA;AAAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,OAAM;AAAA,sBACN,OAAOQ;AAAA,sBACP,WAAWT,EAAY;AAAA,sBAEtB,UAAAS;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAGF1C,EAAa;AAAA,oBAAQ,CAACC,MACrBhB,EAAS,IAAI,CAACsD,GAASC,MAAQ;;AAC7B,4BAAMG,MAASC,IAAA1C,EAAQ,IAAIuC,CAAG,MAAf,gBAAAG,EAAkB,IAAI3C,OAAgB,CAAA,GAC/C4C,IAAQF,KAAA,gBAAAA,EAASJ,EAAQ,MAEzBO,IAAM,QAAQL,CAAG,IAAIxC,CAAW,IAAIsC,EAAQ,GAAG,IAAIC,CAAG,IAuBtDJ,KAtBkB,MAAM;AAC5B,4BAAIG,EAAQ,kBAAkB;AAC5B,gCAAMQ,IAAKtC,EAAkB,IAAI,OAAO8B,EAAQ,GAAG,CAAC,KAAK,IACnDS,IACJpC,EAAU,IAAI,OAAOX,CAAW,CAAC,KAAKhB,EAAS,IAAI,MAAM,CAAC,GACtDgE,IAAWF,KAAM,IAAKC,EAAaD,CAAE,KAAK,IAAK;AAQrD,8BALER,EAAQ,oBACR/D,EAAS,OAAOqE,CAAK,CAAC,KACtBrE,EAASyE,CAAQ,KACjBA,IAAW;AAIX,mCAAO,IADaJ,IAAQI,IAAY,KACnB,QAAQV,EAAQ,2BAA2B,CAAC,CAAC;AAAA,wBAEtE;AAEA,+BAAOA,EAAQ,WAAWA,EAAQ,SAASI,CAAM,IAAIE;AAAA,sBACvD,GAE2B;AAE3B,6BACEX,gBAAAA,EAAAA,IAAC,MAAA,EAAa,OAAOE,GAClB,eADMU,CAET;AAAA,oBAEJ,CAAC;AAAA,kBAAA;AAAA,kBAGFvC,KACCtB,EACG,OAAO,CAACsD,MAAYlC,EAAa,IAAIkC,EAAQ,GAAG,CAAC,EACjD,IAAI,CAACA,GAASC,MAAQ;AACrB,0BAAMU,IAAerC,EAAU,IAAI4B,CAAG,KAAKxD,EAAS,IAAI,MAAM,CAAC,GACzDkE,IAAe1C,EAAkB,IAAI8B,EAAQ,GAAG,KAAK,IACrDO,IAAM,aAAa,OAAOL,CAAG,CAAC,IAAIF,EAAQ,GAAG,IAAIC,CAAG,IACpDK,IACJM,KAAgB,IAAKD,EAAaC,CAAY,KAAK,IAAK;AAC1D,wBAAIC,IAAoBP;AAExB,2BAAIN,EAAQ,mBACVa,IAAe1E;AAAA,sBACZmE,KAAS/B,EAAYqC,CAAY,KAAK,KAAM;AAAA,sBAC7CZ,EAAQ,2BAA2B;AAAA,oBAAA,IAE5BA,EAAQ,aACjBa,IAAeb,EAAQ,SAAS,EAAE,CAACA,EAAQ,GAAG,GAAGM,GAAO,IAIxDX,gBAAAA,MAAC,QAAa,WAAWD,EAAY,UAAU,OAAOmB,GACnD,eADMN,CAET;AAAA,kBAEJ,CAAC;AAAA,gBAAA,EAAA,GAxEE,OAAOL,CAAG,EAyEnB;AAAA,cAEJ,CAAC;AAAA,cACAjC,KACC2B,gBAAAA,EAAAA,KAAC,MAAA,EAAoB,WAAWF,EAAY,eAC1C,UAAA;AAAA,gBAAAC,gBAAAA,EAAAA;AAAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,OAAM;AAAA,oBACN,WAAWF,EAAKC,EAAY,mBAAmBA,EAAY,QAAQ;AAAA,oBACnE,OAAOxC;AAAA,oBAEN,UAAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGFO,EAAa;AAAA,kBAAQ,CAACC,MACrBhB,EAAS,IAAI,CAACsD,GAASC,MAAQ;AAC7B,0BAAMa,IAAO/C,EAAgB,IAAI,OAAOiC,EAAQ,GAAG,CAAC,GAC9CS,IACJpC,EAAU,IAAI,OAAOX,CAAW,CAAC,KAAKhB,EAAS,IAAI,MAAM,CAAC,GACtD8D,IAAK9D,EAAS,UAAU,CAACqE,MAAO,OAAOA,EAAG,GAAG,MAAM,OAAOf,EAAQ,GAAG,CAAC,GACtEO,IAAM,aAAa,OAAO7C,CAAW,CAAC,IAAIsC,EAAQ,GAAG,IAAIC,CAAG,IAC5DK,IAAgBG,EAAaD,CAAE,KAAK;AAC1C,wBAAIK,IAAoBP;AAExB,oBAAIN,EAAQ,mBACVa,IAAe1E;AAAA,sBACb;AAAA,sBACA6D,EAAQ,2BAA2B;AAAA,oBAAA,IAE5BA,EAAQ,aACjBa,IAAeb,EAAQ,SAAS,EAAE,CAACA,EAAQ,GAAG,GAAGM,GAAO;AAE1D,0BAAMT,IAAqBiB,IAAOD,IAAe;AAEjD,2BACElB,gBAAAA,MAAC,QAAa,WAAWD,EAAY,UAAU,OAAOG,GACnD,eADMU,CAET;AAAA,kBAEJ,CAAC;AAAA,gBAAA;AAAA,gBAGFvC,KACCtB,EACG,OAAO,CAACsD,MAAYlC,EAAa,IAAIkC,EAAQ,GAAG,CAAC,EACjD,IAAI,CAACA,GAASC,MAAQ;AACrB,wBAAMW,IAAelE,EAAS,UAAU,CAACyB,MAAM,OAAOA,EAAE,GAAG,MAAM6B,EAAQ,GAAG,GACtEO,IAAM,eAAeP,EAAQ,GAAG,IAAIC,CAAG,IACvCK,IAAgB/B,EAAYqC,CAAY,KAAK;AACnD,sBAAIC,IAAoBP;AAExB,yBAAIN,EAAQ,mBACVa,IAAe1E;AAAA,oBACb;AAAA,oBACA6D,EAAQ,2BAA2B;AAAA,kBAAA,IAE5BA,EAAQ,aACjBa,IAAeb,EAAQ,SAAS,EAAE,CAACA,EAAQ,GAAG,GAAGM,GAAO,IAIxDX,gBAAAA,MAAC,QAAa,WAAWD,EAAY,UAAU,OAAOmB,GACnD,eADMN,CAET;AAAA,gBAEJ,CAAC;AAAA,cAAA,EAAA,GA5DC,YA6DR;AAAA,YAAA,EAAA,CAEJ;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"PivotTable-Diy2xzoH.js","sources":["../src/remarkable-ui/components/charts/tables/PivotTable/PivotTable.tsx"],"sourcesContent":["import { FC, useEffect, useMemo, useState } from 'react';\nimport tableStyles from '../tables.module.css';\nimport clsx from 'clsx';\nimport { PivotTableProps } from './PivotTable.types';\nimport { getTableCellWidthStyle } from '../tables.utils';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nconst isNumber = (v: any) => typeof v === 'number' && !Number.isNaN(v);\n\nconst getPercentageDisplay = (percentage: number, percentageDecimalPlaces: number) => {\n  return `${percentage.toFixed(percentageDecimalPlaces)}%`;\n};\n\nexport const PivotTable: FC<PivotTableProps<any>> = ({\n  columnWidth,\n  firstColumnWidth,\n  data,\n  measures,\n  rowDimension,\n  columnDimension,\n  progressive = true,\n  batchSize = 100,\n  batchDelayMs = 0,\n  rowTotalsFor = [],\n  columnTotalsFor = [],\n  totalLabel = 'Total',\n  className,\n}) => {\n  const rowValues = useMemo(() => {\n    const s = new Set<string>();\n    for (const d of data) {\n      const rowValue = d[rowDimension.key];\n      if (rowValue) s.add(rowValue);\n    }\n    return Array.from(s);\n  }, [data, rowDimension.key]);\n\n  const columnValues = useMemo(() => {\n    const s = new Set<string>();\n    for (const d of data) {\n      const columnValue = d[columnDimension.key];\n      if (columnValue) s.add(columnValue as string);\n    }\n    return Array.from(s);\n  }, [data, columnDimension.key]);\n\n  const cellMap = useMemo(() => {\n    const map = new Map<string, Map<string, Record<string, any>>>();\n    for (const d of data) {\n      const r = String(d[rowDimension.key]);\n      const c = String(d[columnDimension.key]);\n      if (!map.has(r)) map.set(r, new Map());\n      map.get(r)!.set(c, d as Record<string, any>);\n    }\n    return map;\n  }, [data, rowDimension.key, columnDimension.key]);\n\n  const rowTotalsSet = useMemo(() => new Set<string>(rowTotalsFor), [rowTotalsFor]);\n  const columnTotalsSet = useMemo(() => new Set<string>(columnTotalsFor), [columnTotalsFor]);\n  const hasRowTotals = rowTotalsSet.size > 0;\n  const hasColumnTotals = columnTotalsSet.size > 0;\n\n  const measureIndexByKey = useMemo(() => {\n    const map = new Map<string, number>();\n    measures.forEach((m, i) => map.set(String(m.key), i));\n    return map;\n  }, [measures]);\n\n  const { colTotals, rowTotals, grandTotals } = useMemo(() => {\n    const cTotals = new Map<string, number[]>();\n    const rTotals = new Map<string, number[]>();\n    const gTotals = measures.map(() => 0);\n\n    for (const d of data) {\n      const r = String(d[rowDimension.key]);\n      const c = String(d[columnDimension.key]);\n      const cArr = cTotals.get(c) ?? measures.map(() => 0);\n      const rArr = rTotals.get(r) ?? measures.map(() => 0);\n\n      measures.forEach((m, i) => {\n        const raw = (d as any)?.[m.key];\n        const v = Number(raw);\n        if (!Number.isNaN(v)) {\n          cArr[i]! += v;\n          rArr[i]! += v;\n          gTotals[i]! += v;\n        }\n      });\n\n      cTotals.set(c, cArr);\n      rTotals.set(r, rArr);\n    }\n\n    for (const c of columnValues) {\n      if (!cTotals.has(String(c)))\n        cTotals.set(\n          String(c),\n          measures.map(() => 0),\n        );\n    }\n    for (const r of rowValues) {\n      if (!rTotals.has(String(r)))\n        rTotals.set(\n          String(r),\n          measures.map(() => 0),\n        );\n    }\n\n    return { colTotals: cTotals, rowTotals: rTotals, grandTotals: gTotals };\n  }, [data, measures, rowDimension.key, columnDimension.key, columnValues, rowValues]);\n\n  const [visibleCount, setVisibleCount] = useState(() =>\n    progressive ? Math.min(batchSize, rowValues.length) : rowValues.length,\n  );\n\n  useEffect(() => {\n    if (!progressive) {\n      setVisibleCount(rowValues.length);\n      return;\n    }\n    let cancelled = false;\n    let t: number | null = null;\n    setVisibleCount(0);\n\n    const tick = () => {\n      setVisibleCount((prev) => {\n        const next = Math.min(prev + batchSize, rowValues.length);\n        if (next < rowValues.length && !cancelled) {\n          t = window.setTimeout(tick, batchDelayMs);\n        }\n        return next;\n      });\n    };\n\n    t = window.setTimeout(tick, batchDelayMs);\n\n    return () => {\n      cancelled = true;\n      if (t !== null) window.clearTimeout(t);\n    };\n  }, [progressive, batchSize, batchDelayMs, rowValues.length, data]);\n\n  const visibleRows = progressive ? rowValues.slice(0, visibleCount) : rowValues;\n\n  return (\n    <div className={clsx(tableStyles.tableFullContainer, className)}>\n      <div\n        className={clsx(\n          tableStyles.tableAdjustedContainer,\n          (!columnWidth || !firstColumnWidth) && tableStyles.fullWidth,\n        )}\n      >\n        <table\n          className={tableStyles.table}\n          aria-label={`${rowDimension.label} by ${columnDimension.label}`}\n        >\n          <thead>\n            <tr>\n              <th\n                scope=\"col\"\n                rowSpan={1}\n                title={columnDimension.label}\n                className={tableStyles.stickyFirstColumn}\n              >\n                {columnDimension.label}\n              </th>\n              {columnValues.map((columnValue) => {\n                const columnValueDisplay = columnDimension.formatValue\n                  ? columnDimension.formatValue(columnValue)\n                  : columnValue;\n                return (\n                  <th\n                    key={`col-${columnValue}`}\n                    scope=\"colgroup\"\n                    colSpan={measures.length}\n                    title={columnValueDisplay}\n                  >\n                    {columnValueDisplay}\n                  </th>\n                );\n              })}\n              {hasRowTotals && (\n                <th\n                  key=\"col-total-group\"\n                  scope=\"colgroup\"\n                  colSpan={Array.from(rowTotalsSet).length}\n                  className={tableStyles.boltCell}\n                  title={totalLabel}\n                >\n                  {totalLabel}\n                </th>\n              )}\n            </tr>\n            <tr>\n              <th\n                scope=\"col\"\n                rowSpan={1}\n                title={rowDimension.label}\n                className={tableStyles.stickyFirstColumn}\n                style={getTableCellWidthStyle(firstColumnWidth)}\n              >\n                {rowDimension.label}\n              </th>\n              {columnValues.flatMap((col) =>\n                measures.map((measure, idx) => (\n                  <th\n                    key={`sub-${String(col)}-${measure.key}-${idx}`}\n                    scope=\"col\"\n                    title={measure.label}\n                    style={getTableCellWidthStyle(columnWidth)}\n                  >\n                    {measure.label}\n                  </th>\n                )),\n              )}\n              {hasRowTotals &&\n                measures\n                  .filter((measure) => rowTotalsSet.has(measure.key))\n                  .map((measure, idx) => (\n                    <th\n                      key={`sub-total-${measure.key}-${idx}`}\n                      scope=\"col\"\n                      className={tableStyles.boltCell}\n                      title={measure.label}\n                      style={getTableCellWidthStyle(columnWidth)}\n                    >\n                      {measure.label}\n                    </th>\n                  ))}\n            </tr>\n          </thead>\n          <tbody>\n            {visibleRows.map((row) => {\n              const rowDimensionValue = rowDimension.formatValue\n                ? rowDimension.formatValue(row)\n                : row;\n              return (\n                <tr key={`row-${row}`}>\n                  <th\n                    scope=\"row\"\n                    title={rowDimensionValue}\n                    className={tableStyles.stickyFirstColumn}\n                  >\n                    {rowDimensionValue}\n                  </th>\n\n                  {columnValues.flatMap((columnValue) =>\n                    measures.map((measure, idx) => {\n                      const object = cellMap.get(row)?.get(columnValue) ?? {};\n                      const value = object?.[measure.key];\n\n                      const key = `cell-${row}-${columnValue}-${measure.key}-${idx}`;\n                      const getDisplayValue = () => {\n                        if (measure.showAsPercentage) {\n                          const mi = measureIndexByKey.get(String(measure.key)) ?? -1;\n                          const totalsForCol =\n                            colTotals.get(String(columnValue)) ?? measures.map(() => 0);\n                          const colTotal = mi >= 0 ? (totalsForCol[mi] ?? 0) : 0;\n\n                          const shouldShowPct =\n                            measure.showAsPercentage &&\n                            isNumber(Number(value)) &&\n                            isNumber(colTotal) &&\n                            colTotal > 0;\n\n                          if (shouldShowPct) {\n                            const percentage = (value / colTotal) * 100;\n                            return `${percentage.toFixed(measure.percentageDecimalPlaces ?? 0)}%`;\n                          }\n                        }\n\n                        return measure.accessor ? measure.accessor(object) : value;\n                      };\n\n                      const columnValueDisplay = getDisplayValue();\n\n                      return (\n                        <td key={key} title={columnValueDisplay}>\n                          {columnValueDisplay}\n                        </td>\n                      );\n                    }),\n                  )}\n\n                  {hasRowTotals &&\n                    measures\n                      .filter((measure) => rowTotalsSet.has(measure.key))\n                      .map((measure, idx) => {\n                        const totalsForRow = rowTotals.get(row) ?? measures.map(() => 0);\n                        const measureIndex = measureIndexByKey.get(measure.key) ?? -1;\n                        const key = `row-total-${String(row)}-${measure.key}-${idx}`;\n                        const value: number =\n                          measureIndex >= 0 ? (totalsForRow[measureIndex] ?? 0) : 0;\n                        let displayValue: any = value;\n\n                        if (measure.showAsPercentage) {\n                          displayValue = getPercentageDisplay(\n                            (value / (grandTotals[measureIndex] || 1)) * 100,\n                            measure.percentageDecimalPlaces ?? 0,\n                          );\n                        } else if (measure.accessor) {\n                          displayValue = measure.accessor({ [measure.key]: value });\n                        }\n\n                        return (\n                          <td key={key} className={tableStyles.boltCell} title={displayValue}>\n                            {displayValue}\n                          </td>\n                        );\n                      })}\n                </tr>\n              );\n            })}\n            {hasColumnTotals && (\n              <tr key=\"totals-row\" className={tableStyles.stickyLastRow}>\n                <th\n                  scope=\"row\"\n                  className={clsx(tableStyles.stickyFirstColumn, tableStyles.boltCell)}\n                  title={totalLabel}\n                >\n                  {totalLabel}\n                </th>\n\n                {columnValues.flatMap((columnValue) =>\n                  measures.map((measure, idx) => {\n                    const show = columnTotalsSet.has(String(measure.key));\n                    const totalsForCol =\n                      colTotals.get(String(columnValue)) ?? measures.map(() => 0);\n                    const mi = measures.findIndex((mm) => String(mm.key) === String(measure.key));\n                    const key = `col-total-${String(columnValue)}-${measure.key}-${idx}`;\n                    const value: number = totalsForCol[mi] ?? 0;\n                    let displayValue: any = value;\n\n                    if (measure.showAsPercentage) {\n                      displayValue = getPercentageDisplay(\n                        100,\n                        measure.percentageDecimalPlaces ?? 0,\n                      );\n                    } else if (measure.accessor) {\n                      displayValue = measure.accessor({ [measure.key]: value });\n                    }\n                    const columnValueDisplay = show ? displayValue : '';\n\n                    return (\n                      <td key={key} className={tableStyles.boltCell} title={columnValueDisplay}>\n                        {columnValueDisplay}\n                      </td>\n                    );\n                  }),\n                )}\n\n                {hasRowTotals &&\n                  measures\n                    .filter((measure) => rowTotalsSet.has(measure.key))\n                    .map((measure, idx) => {\n                      const measureIndex = measures.findIndex((m) => String(m.key) === measure.key);\n                      const key = `grand-total-${measure.key}-${idx}`;\n                      const value: number = grandTotals[measureIndex] ?? 0;\n                      let displayValue: any = value;\n\n                      if (measure.showAsPercentage) {\n                        displayValue = getPercentageDisplay(\n                          100,\n                          measure.percentageDecimalPlaces ?? 0,\n                        );\n                      } else if (measure.accessor) {\n                        displayValue = measure.accessor({ [measure.key]: value });\n                      }\n\n                      return (\n                        <td key={key} className={tableStyles.boltCell} title={displayValue}>\n                          {displayValue}\n                        </td>\n                      );\n                    })}\n              </tr>\n            )}\n          </tbody>\n        </table>\n      </div>\n    </div>\n  );\n};\n"],"names":["isNumber","v","getPercentageDisplay","percentage","percentageDecimalPlaces","PivotTable","columnWidth","firstColumnWidth","data","measures","rowDimension","columnDimension","progressive","batchSize","batchDelayMs","rowTotalsFor","columnTotalsFor","totalLabel","className","rowValues","useMemo","s","d","rowValue","columnValues","columnValue","cellMap","map","r","rowTotalsSet","columnTotalsSet","hasRowTotals","hasColumnTotals","measureIndexByKey","m","i","colTotals","rowTotals","grandTotals","cTotals","rTotals","gTotals","c","cArr","rArr","raw","visibleCount","setVisibleCount","useState","useEffect","cancelled","t","tick","prev","next","visibleRows","clsx","tableStyles","jsx","jsxs","columnValueDisplay","getTableCellWidthStyle","col","measure","idx","row","rowDimensionValue","object","_a","value","key","mi","totalsForCol","colTotal","totalsForRow","measureIndex","displayValue","show","mm"],"mappings":"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"}

package/dist/PivotTablePro.js

@@ -1,10 +1,10 @@
-import { i as y, r as M, j as m, F as S, d as W, a as u, T as c, b as d, t as N, c as j, I as B, R as I, J as h, A as G, o as k } from "./component.constants-CYS5-3qd.js";
+import { i as y, r as M, j as m, F as S, d as W, a as u, T as c, b as d, t as N, c as j, I as B, R as I, J as h, A as G, o as k } from "./component.constants-B5vygi6l.js";
 import { useTheme as O, defineComponent as V } from "@embeddable.com/react";
-import { C as E } from "./ChartCard-CyemTSay.js";
+import { C as E } from "./ChartCard-BzLW_64B.js";
 import { useRef as J } from "react";
-import { P as L } from "./PivotTable-DrN-dl-H.js";
+import { P as L } from "./PivotTable-Diy2xzoH.js";
 import { u as p } from "./charts.fillGaps.hooks-5WclK2CD.js";
-import { g as T } from "./formatter.utils-CaFr8SlX.js";
+import { g as T } from "./formatter.utils-N2gk49ys.js";
 const _ = (e, o) => {
   const t = T(o);
   return e.measures.map((s) => {

package/dist/{SingleSelectField-CSJOpQeh.js → SingleSelectField-CX2hEN0u.js}

@@ -1,6 +1,6 @@
-import { j as s, ab as B, a8 as H, ad as K, af as P, ae as q, a9 as x, ac as z, aa as A } from "./component.constants-CYS5-3qd.js";
+import { j as s, ab as B, a8 as H, ad as K, af as P, ae as q, a9 as x, ac as z, aa as A } from "./component.constants-B5vygi6l.js";
 import { useState as b, useRef as G, useEffect as J, useMemo as O, Fragment as Q } from "react";
-import { u as U, d as V, g as W, s as X, I as Y, S as Z } from "./EditorCard-BICCSvPo.js";
+import { u as U, d as V, g as W, s as X, I as Y, S as Z } from "./EditorCard-BLudeyiZ.js";
 const ee = ({
   label: y,
   required: L,
@@ -106,4 +106,4 @@ const ee = ({
 export {
   ee as S
 };
-//# sourceMappingURL=SingleSelectField-CSJOpQeh.js.map
+//# sourceMappingURL=SingleSelectField-CX2hEN0u.js.map

package/dist/{SingleSelectField-CSJOpQeh.js.map → SingleSelectField-CX2hEN0u.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SingleSelectField-CSJOpQeh.js","sources":["../src/remarkable-ui/components/editors/selects/SingleSelectField/SingleSelectField.tsx"],"sourcesContent":["import { FC, Fragment, useEffect, useMemo, useRef, useState } from 'react';\nimport { SelectFieldTrigger } from '../shared/SelectFieldTrigger/SelectFieldTrigger';\nimport { Dropdown } from '../../../shared/Dropdown/Dropdown';\nimport {\n  SelectFieldContent,\n  SelectFieldContentList,\n} from '../shared/SelectFieldContent/SelectFieldContent';\nimport {\n  SelectListOption,\n  SelectListOptionProps,\n  SelectListOptionPropsWithCategory,\n} from '../shared/SelectFieldContent/SelectListOptions/SelectFieldOption/SelectFieldOption';\nimport { SelectFieldCategory } from '../shared/SelectFieldContent/SelectListOptions/SelectFieldCategory/SelectFieldCategory';\nimport { groupOptionsByCategory } from '../shared/SelectFieldContent/SelectFieldContent.utils';\nimport { IconSearch, TablerIcon } from '@tabler/icons-react';\nimport { useSelectSearchFocus } from '../shared/useSelectSearchFocus.hook';\nimport { FieldHeader, FieldHeaderProps } from '../../../shared/Field/FieldHeader';\nimport styles from '../selects.module.css';\nimport { FieldFeedback } from '../../../shared/Field/FieldFeedback';\nimport { TextField } from '../../inputs/TextField/TextField';\nimport { debounce } from '../../../../utils/debounce.utils';\n\nexport type SingleSelectFieldProps = {\n  options: (SelectListOptionProps | SelectListOptionPropsWithCategory)[];\n  startIcon?: TablerIcon;\n  value?: string;\n  disabled?: boolean;\n  placeholder?: string;\n  isSearchable?: boolean;\n  isClearable?: boolean;\n  isLoading?: boolean;\n  noOptionsMessage?: string;\n  onChange: (value: string) => void;\n  onSearch?: (search: string) => void;\n  error?: boolean;\n  errorMessage?: string;\n} & FieldHeaderProps;\n\nexport const SingleSelectField: FC<SingleSelectFieldProps> = ({\n  label,\n  required,\n  value = '',\n  startIcon,\n  options,\n  disabled,\n  placeholder,\n  isSearchable,\n  isClearable,\n  isLoading,\n  noOptionsMessage = 'No options available',\n  onChange,\n  onSearch,\n  error = false,\n  errorMessage,\n}) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [searchValue, setSearchValue] = useState<string>('');\n  const [selectedLabel, setSelectedLabel] = useState<string>(value);\n\n  const searchFieldRef = useRef<HTMLInputElement>(null);\n  useSelectSearchFocus(isOpen, searchFieldRef);\n\n  useEffect(() => {\n    if (!value) {\n      setSelectedLabel('');\n      return;\n    }\n\n    const option = options.find((opt) => opt.value === value);\n    if (option) {\n      setSelectedLabel(option.label);\n    }\n  }, [value, options]);\n\n  const debouncedSearch = useMemo(() => (onSearch ? debounce(onSearch) : undefined), [onSearch]);\n\n  const displayOptions =\n    isSearchable && !onSearch\n      ? options.filter((option) => option.label.toLowerCase().includes(searchValue.toLowerCase()))\n      : options;\n\n  const groupedOptions = useMemo(() => groupOptionsByCategory(displayOptions), [displayOptions]);\n\n  const handleChange = (newValue?: string) => {\n    setSearchValue('');\n    onChange(newValue ?? '');\n    onSearch?.('');\n\n    if (newValue === '') {\n      setSelectedLabel('');\n    } else {\n      const option = options.find((opt) => opt.value === newValue);\n      if (option) setSelectedLabel(option.label);\n    }\n  };\n\n  const handleSearch = (newSearch: string) => {\n    setSearchValue(newSearch);\n    debouncedSearch?.(newSearch);\n  };\n\n  const hasError = error || !!errorMessage;\n\n  return (\n    <div>\n      <FieldHeader label={label} required={required} />\n      <Dropdown\n        open={isOpen}\n        onOpenChange={setIsOpen}\n        disabled={disabled}\n        triggerComponent={\n          <SelectFieldTrigger\n            startIcon={startIcon}\n            aria-label=\"Select option\"\n            placeholder={placeholder}\n            disabled={disabled}\n            valueLabel={selectedLabel}\n            onClear={() => handleChange('')}\n            isClearable={isClearable}\n            isLoading={isLoading}\n            error={hasError}\n          />\n        }\n      >\n        <SelectFieldContent>\n          {isSearchable && (\n            <TextField\n              ref={searchFieldRef}\n              startIcon={IconSearch}\n              aria-label=\"Search options\"\n              placeholder=\"Search…\"\n              role=\"searchbox\"\n              value={searchValue}\n              onKeyDown={(e) => e.stopPropagation()}\n              onChange={handleSearch}\n              className={styles.searchField}\n            />\n          )}\n          <SelectFieldContentList disabled={isLoading}>\n            {groupedOptions\n              ? Object.entries(groupedOptions).map(([category, categoryOptions]) => (\n                  <Fragment key={category}>\n                    <SelectFieldCategory label={category} />\n                    {categoryOptions.map((option) => (\n                      <SelectListOption\n                        key={option?.value ?? option.label}\n                        onClick={() => handleChange(option?.value)}\n                        isSelected={option.value === value}\n                        {...option}\n                      />\n                    ))}\n                  </Fragment>\n                ))\n              : displayOptions.map((option) => (\n                  <SelectListOption\n                    key={option?.value ?? option.label}\n                    onClick={() => handleChange(option?.value)}\n                    isSelected={option.value === value}\n                    {...option}\n                  />\n                ))}\n            {options.length === 0 && (\n              <SelectListOption disabled value=\"empty\" label={noOptionsMessage} />\n            )}\n          </SelectFieldContentList>\n        </SelectFieldContent>\n      </Dropdown>\n      {errorMessage && <FieldFeedback message={errorMessage} variant=\"error\" />}\n    </div>\n  );\n};\n"],"names":["SingleSelectField","label","required","value","startIcon","options","disabled","placeholder","isSearchable","isClearable","isLoading","noOptionsMessage","onChange","onSearch","error","errorMessage","isOpen","setIsOpen","useState","searchValue","setSearchValue","selectedLabel","setSelectedLabel","searchFieldRef","useRef","useSelectSearchFocus","useEffect","option","opt","debouncedSearch","useMemo","debounce","displayOptions","groupedOptions","groupOptionsByCategory","handleChange","newValue","handleSearch","newSearch","hasError","jsx","FieldHeader","Dropdown","SelectFieldTrigger","SelectFieldContent","TextField","IconSearch","styles","jsxs","SelectFieldContentList","category","categoryOptions","Fragment","SelectFieldCategory","SelectListOption","FieldFeedback"],"mappings":";;;AAsCO,MAAMA,KAAgD,CAAC;AAAA,EAC5D,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,kBAAAC,IAAmB;AAAA,EACnB,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,cAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GACpC,CAACC,GAAaC,CAAc,IAAIF,EAAiB,EAAE,GACnD,CAACG,GAAeC,CAAgB,IAAIJ,EAAiBf,CAAK,GAE1DoB,IAAiBC,EAAyB,IAAI;AACpD,EAAAC,EAAqBT,GAAQO,CAAc,GAE3CG,EAAU,MAAM;AACd,QAAI,CAACvB,GAAO;AACV,MAAAmB,EAAiB,EAAE;AACnB;AAAA,IACF;AAEA,UAAMK,IAAStB,EAAQ,KAAK,CAACuB,MAAQA,EAAI,UAAUzB,CAAK;AACxD,IAAIwB,KACFL,EAAiBK,EAAO,KAAK;AAAA,EAEjC,GAAG,CAACxB,GAAOE,CAAO,CAAC;AAEnB,QAAMwB,IAAkBC,EAAQ,MAAOjB,IAAWkB,EAASlB,CAAQ,IAAI,QAAY,CAACA,CAAQ,CAAC,GAEvFmB,IACJxB,KAAgB,CAACK,IACbR,EAAQ,OAAO,CAACsB,MAAWA,EAAO,MAAM,cAAc,SAASR,EAAY,YAAA,CAAa,CAAC,IACzFd,GAEA4B,IAAiBH,EAAQ,MAAMI,EAAuBF,CAAc,GAAG,CAACA,CAAc,CAAC,GAEvFG,IAAe,CAACC,MAAsB;AAK1C,QAJAhB,EAAe,EAAE,GACjBR,EAASwB,KAAY,EAAE,GACvBvB,KAAA,QAAAA,EAAW,KAEPuB,MAAa;AACf,MAAAd,EAAiB,EAAE;AAAA,SACd;AACL,YAAMK,IAAStB,EAAQ,KAAK,CAACuB,MAAQA,EAAI,UAAUQ,CAAQ;AAC3D,MAAIT,KAAQL,EAAiBK,EAAO,KAAK;AAAA,IAC3C;AAAA,EACF,GAEMU,IAAe,CAACC,MAAsB;AAC1C,IAAAlB,EAAekB,CAAS,GACxBT,KAAA,QAAAA,EAAkBS;AAAA,EACpB,GAEMC,IAAWzB,KAAS,CAAC,CAACC;AAE5B,gCACG,OAAA,EACC,UAAA;AAAA,IAAAyB,gBAAAA,EAAAA,IAACC,GAAA,EAAY,OAAAxC,GAAc,UAAAC,EAAA,CAAoB;AAAA,IAC/CsC,gBAAAA,EAAAA;AAAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAM1B;AAAA,QACN,cAAcC;AAAA,QACd,UAAAX;AAAA,QACA,kBACEkC,gBAAAA,EAAAA;AAAAA,UAACG;AAAA,UAAA;AAAA,YACC,WAAAvC;AAAA,YACA,cAAW;AAAA,YACX,aAAAG;AAAA,YACA,UAAAD;AAAA,YACA,YAAYe;AAAA,YACZ,SAAS,MAAMc,EAAa,EAAE;AAAA,YAC9B,aAAA1B;AAAA,YACA,WAAAC;AAAA,YACA,OAAO6B;AAAA,UAAA;AAAA,QAAA;AAAA,QAIX,iCAACK,GAAA,EACE,UAAA;AAAA,UAAApC,KACCgC,gBAAAA,EAAAA;AAAAA,YAACK;AAAA,YAAA;AAAA,cACC,KAAKtB;AAAA,cACL,WAAWuB;AAAA,cACX,cAAW;AAAA,cACX,aAAY;AAAA,cACZ,MAAK;AAAA,cACL,OAAO3B;AAAA,cACP,WAAW,CAAC,MAAM,EAAE,gBAAA;AAAA,cACpB,UAAUkB;AAAA,cACV,WAAWU,EAAO;AAAA,YAAA;AAAA,UAAA;AAAA,UAGtBC,gBAAAA,EAAAA,KAACC,GAAA,EAAuB,UAAUvC,GAC/B,UAAA;AAAA,YAAAuB,IACG,OAAO,QAAQA,CAAc,EAAE,IAAI,CAAC,CAACiB,GAAUC,CAAe,MAC5DH,gBAAAA,EAAAA,KAACI,GAAA,EACC,UAAA;AAAA,cAAAZ,gBAAAA,EAAAA,IAACa,GAAA,EAAoB,OAAOH,EAAA,CAAU;AAAA,cACrCC,EAAgB,IAAI,CAACxB,MACpBa,gBAAAA,EAAAA;AAAAA,gBAACc;AAAA,gBAAA;AAAA,kBAEC,SAAS,MAAMnB,EAAaR,KAAA,gBAAAA,EAAQ,KAAK;AAAA,kBACzC,YAAYA,EAAO,UAAUxB;AAAA,kBAC5B,GAAGwB;AAAA,gBAAA;AAAA,iBAHCA,KAAA,gBAAAA,EAAQ,UAASA,EAAO;AAAA,cAAA,CAKhC;AAAA,YAAA,EAAA,GATYuB,CAUf,CACD,IACDlB,EAAe,IAAI,CAACL,MAClBa,gBAAAA,EAAAA;AAAAA,cAACc;AAAA,cAAA;AAAA,gBAEC,SAAS,MAAMnB,EAAaR,KAAA,gBAAAA,EAAQ,KAAK;AAAA,gBACzC,YAAYA,EAAO,UAAUxB;AAAA,gBAC5B,GAAGwB;AAAA,cAAA;AAAA,eAHCA,KAAA,gBAAAA,EAAQ,UAASA,EAAO;AAAA,YAAA,CAKhC;AAAA,YACJtB,EAAQ,WAAW,KAClBmC,gBAAAA,EAAAA,IAACc,GAAA,EAAiB,UAAQ,IAAC,OAAM,SAAQ,OAAO3C,EAAA,CAAkB;AAAA,UAAA,EAAA,CAEtE;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,IAEDI,KAAgByB,gBAAAA,EAAAA,IAACe,GAAA,EAAc,SAASxC,GAAc,SAAQ,QAAA,CAAQ;AAAA,EAAA,GACzE;AAEJ;"}
+{"version":3,"file":"SingleSelectField-CX2hEN0u.js","sources":["../src/remarkable-ui/components/editors/selects/SingleSelectField/SingleSelectField.tsx"],"sourcesContent":["import { FC, Fragment, useEffect, useMemo, useRef, useState } from 'react';\nimport { SelectFieldTrigger } from '../shared/SelectFieldTrigger/SelectFieldTrigger';\nimport { Dropdown } from '../../../shared/Dropdown/Dropdown';\nimport {\n  SelectFieldContent,\n  SelectFieldContentList,\n} from '../shared/SelectFieldContent/SelectFieldContent';\nimport {\n  SelectListOption,\n  SelectListOptionProps,\n  SelectListOptionPropsWithCategory,\n} from '../shared/SelectFieldContent/SelectListOptions/SelectFieldOption/SelectFieldOption';\nimport { SelectFieldCategory } from '../shared/SelectFieldContent/SelectListOptions/SelectFieldCategory/SelectFieldCategory';\nimport { groupOptionsByCategory } from '../shared/SelectFieldContent/SelectFieldContent.utils';\nimport { IconSearch, TablerIcon } from '@tabler/icons-react';\nimport { useSelectSearchFocus } from '../shared/useSelectSearchFocus.hook';\nimport { FieldHeader, FieldHeaderProps } from '../../../shared/Field/FieldHeader';\nimport styles from '../selects.module.css';\nimport { FieldFeedback } from '../../../shared/Field/FieldFeedback';\nimport { TextField } from '../../inputs/TextField/TextField';\nimport { debounce } from '../../../../utils/debounce.utils';\n\nexport type SingleSelectFieldProps = {\n  options: (SelectListOptionProps | SelectListOptionPropsWithCategory)[];\n  startIcon?: TablerIcon;\n  value?: string;\n  disabled?: boolean;\n  placeholder?: string;\n  isSearchable?: boolean;\n  isClearable?: boolean;\n  isLoading?: boolean;\n  noOptionsMessage?: string;\n  onChange: (value: string) => void;\n  onSearch?: (search: string) => void;\n  error?: boolean;\n  errorMessage?: string;\n} & FieldHeaderProps;\n\nexport const SingleSelectField: FC<SingleSelectFieldProps> = ({\n  label,\n  required,\n  value = '',\n  startIcon,\n  options,\n  disabled,\n  placeholder,\n  isSearchable,\n  isClearable,\n  isLoading,\n  noOptionsMessage = 'No options available',\n  onChange,\n  onSearch,\n  error = false,\n  errorMessage,\n}) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [searchValue, setSearchValue] = useState<string>('');\n  const [selectedLabel, setSelectedLabel] = useState<string>(value);\n\n  const searchFieldRef = useRef<HTMLInputElement>(null);\n  useSelectSearchFocus(isOpen, searchFieldRef);\n\n  useEffect(() => {\n    if (!value) {\n      setSelectedLabel('');\n      return;\n    }\n\n    const option = options.find((opt) => opt.value === value);\n    if (option) {\n      setSelectedLabel(option.label);\n    }\n  }, [value, options]);\n\n  const debouncedSearch = useMemo(() => (onSearch ? debounce(onSearch) : undefined), [onSearch]);\n\n  const displayOptions =\n    isSearchable && !onSearch\n      ? options.filter((option) => option.label.toLowerCase().includes(searchValue.toLowerCase()))\n      : options;\n\n  const groupedOptions = useMemo(() => groupOptionsByCategory(displayOptions), [displayOptions]);\n\n  const handleChange = (newValue?: string) => {\n    setSearchValue('');\n    onChange(newValue ?? '');\n    onSearch?.('');\n\n    if (newValue === '') {\n      setSelectedLabel('');\n    } else {\n      const option = options.find((opt) => opt.value === newValue);\n      if (option) setSelectedLabel(option.label);\n    }\n  };\n\n  const handleSearch = (newSearch: string) => {\n    setSearchValue(newSearch);\n    debouncedSearch?.(newSearch);\n  };\n\n  const hasError = error || !!errorMessage;\n\n  return (\n    <div>\n      <FieldHeader label={label} required={required} />\n      <Dropdown\n        open={isOpen}\n        onOpenChange={setIsOpen}\n        disabled={disabled}\n        triggerComponent={\n          <SelectFieldTrigger\n            startIcon={startIcon}\n            aria-label=\"Select option\"\n            placeholder={placeholder}\n            disabled={disabled}\n            valueLabel={selectedLabel}\n            onClear={() => handleChange('')}\n            isClearable={isClearable}\n            isLoading={isLoading}\n            error={hasError}\n          />\n        }\n      >\n        <SelectFieldContent>\n          {isSearchable && (\n            <TextField\n              ref={searchFieldRef}\n              startIcon={IconSearch}\n              aria-label=\"Search options\"\n              placeholder=\"Search…\"\n              role=\"searchbox\"\n              value={searchValue}\n              onKeyDown={(e) => e.stopPropagation()}\n              onChange={handleSearch}\n              className={styles.searchField}\n            />\n          )}\n          <SelectFieldContentList disabled={isLoading}>\n            {groupedOptions\n              ? Object.entries(groupedOptions).map(([category, categoryOptions]) => (\n                  <Fragment key={category}>\n                    <SelectFieldCategory label={category} />\n                    {categoryOptions.map((option) => (\n                      <SelectListOption\n                        key={option?.value ?? option.label}\n                        onClick={() => handleChange(option?.value)}\n                        isSelected={option.value === value}\n                        {...option}\n                      />\n                    ))}\n                  </Fragment>\n                ))\n              : displayOptions.map((option) => (\n                  <SelectListOption\n                    key={option?.value ?? option.label}\n                    onClick={() => handleChange(option?.value)}\n                    isSelected={option.value === value}\n                    {...option}\n                  />\n                ))}\n            {options.length === 0 && (\n              <SelectListOption disabled value=\"empty\" label={noOptionsMessage} />\n            )}\n          </SelectFieldContentList>\n        </SelectFieldContent>\n      </Dropdown>\n      {errorMessage && <FieldFeedback message={errorMessage} variant=\"error\" />}\n    </div>\n  );\n};\n"],"names":["SingleSelectField","label","required","value","startIcon","options","disabled","placeholder","isSearchable","isClearable","isLoading","noOptionsMessage","onChange","onSearch","error","errorMessage","isOpen","setIsOpen","useState","searchValue","setSearchValue","selectedLabel","setSelectedLabel","searchFieldRef","useRef","useSelectSearchFocus","useEffect","option","opt","debouncedSearch","useMemo","debounce","displayOptions","groupedOptions","groupOptionsByCategory","handleChange","newValue","handleSearch","newSearch","hasError","jsx","FieldHeader","Dropdown","SelectFieldTrigger","SelectFieldContent","TextField","IconSearch","styles","jsxs","SelectFieldContentList","category","categoryOptions","Fragment","SelectFieldCategory","SelectListOption","FieldFeedback"],"mappings":"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"}

package/dist/SingleSelectFieldPro.js

@@ -1,6 +1,6 @@
 import { defineComponent as i } from "@embeddable.com/react";
-import { d as s, z as r, t as d, c as m, a1 as c, V as n, o as u } from "./component.constants-CYS5-3qd.js";
-import { M as p, S as g } from "./index-BYxqGfuR.js";
+import { d as s, z as r, t as d, c as m, a1 as c, V as n, o as u } from "./component.constants-B5vygi6l.js";
+import { M as p, S as g } from "./index-Dwe8JLUr.js";
 const f = {
   name: "SingleSelectFieldPro",
   label: "Single Select Field",

package/dist/TableChartPaginated.js

@@ -1,9 +1,9 @@
-import { U as T, K as d, i as B, r as U, j as x, W as _, F as G, X as q, d as K, Y as C, Z as X, _ as Y, t as Z, c as $, I as J, R as Q, A as O, $ as ee, V as ne, o as H, m as ae } from "./component.constants-CYS5-3qd.js";
+import { U as T, K as d, i as B, r as U, j as x, W as _, F as G, X as q, d as K, Y as C, Z as X, _ as Y, t as Z, c as $, I as J, R as Q, A as O, $ as ee, V as ne, o as H, m as ae } from "./component.constants-B5vygi6l.js";
 import { useTheme as te, defineComponent as ie } from "@embeddable.com/react";
-import { C as oe } from "./ChartCard-CyemTSay.js";
+import { C as oe } from "./ChartCard-BzLW_64B.js";
 import { useState as D, useRef as L, useLayoutEffect as se, useCallback as re, useEffect as b } from "react";
 import { u as le, a as ce } from "./useDebounce.hook-DxiPFcz9.js";
-import { g as de } from "./formatter.utils-CaFr8SlX.js";
+import { g as de } from "./formatter.utils-N2gk49ys.js";
 const ue = (e) => {
   const [n, t] = D(0), i = L(void 0);
   return se(() => {

package/dist/{bars.utils-CfUdtqtZ.js → bars.utils-CAMiF7iA.js}

@@ -1,7 +1,7 @@
-import { r as P, g as T } from "./charts.utils-DnzWuMfl.js";
-import { g as h } from "./formatter.utils-CaFr8SlX.js";
+import { r as P, g as T } from "./charts.utils-Cw4SeX2m.js";
+import { g as h } from "./formatter.utils-N2gk49ys.js";
 import { g as D, a as C } from "./object.utils-D_Zzon-H.js";
-import { D as $, E as p } from "./component.constants-CYS5-3qd.js";
+import { D as $, E as p } from "./component.constants-B5vygi6l.js";
 import "react";
 const B = (n, l) => {
   var g;
@@ -143,4 +143,4 @@ export {
   B as b,
   L as g
 };
-//# sourceMappingURL=bars.utils-CfUdtqtZ.js.map
+//# sourceMappingURL=bars.utils-CAMiF7iA.js.map

package/dist/{bars.utils-CfUdtqtZ.js.map → bars.utils-CAMiF7iA.js.map}

@@ -1 +1 @@
-{"version":3,"file":"bars.utils-CfUdtqtZ.js","sources":["../src/remarkable-pro/components/charts/bars/bars.utils.ts"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../theme/theme.types';\nimport { remarkableTheme } from '../../../theme/theme.constants';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { groupTailAsOther } from '../charts.utils';\nimport { getColor } from '../../../theme/styles/styles.utils';\nimport { chartColors, chartContrastColors } from '../../../../remarkable-ui';\nimport { getObjectStableKey } from '../../../utils.ts/object.utils';\nimport { Context } from 'chartjs-plugin-datalabels';\n\nexport const getBarStackedChartProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    groupDimension: Dimension;\n    measure: Measure;\n  },\n  theme: Theme,\n): ChartData<'bar'> => {\n  const themeFormatter = getThemeFormatter(theme);\n  const { data = [], dimension, groupDimension, measure } = props;\n\n  const axis = [...new Set(data.map((d) => d[dimension.name]).filter((d) => d != null))].sort();\n  const groupDimensionName = `${groupDimension.name}${groupDimension.inputs?.granularity ? `.${groupDimension.inputs.granularity}` : ''}`;\n  const groupBy = [...new Set(data.map((d) => d[groupDimensionName]))].filter((d) => d != null);\n\n  const themeKey = getObjectStableKey(theme);\n\n  const datasets = groupBy.map((groupByItem, index) => {\n    const backgroundColor = getColor(\n      `${themeKey}.charts.backgroundColors`,\n      `${groupDimension.name}.${groupByItem}`,\n      theme.charts.backgroundColors ?? chartContrastColors,\n      index,\n    );\n\n    const borderColor = getColor(\n      `${themeKey}.charts.borderColors`,\n      `${groupDimension.name}.${groupByItem}`,\n      theme.charts.borderColors ?? chartContrastColors,\n      index,\n    );\n\n    return {\n      label: themeFormatter.data(groupDimension, groupByItem),\n      rawLabel: groupByItem,\n      backgroundColor,\n      borderColor,\n      data: axis.map((axisItem) => {\n        const record = data.find(\n          (d) => d[groupDimensionName] === groupByItem && d[dimension.name] === axisItem,\n        );\n        return record ? Number(record[measure.name]) : 0;\n      }),\n    };\n  });\n\n  return {\n    labels: axis,\n    datasets,\n  };\n};\n\nexport const getBarChartProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    measures: Measure[];\n    maxItems?: number;\n  },\n  theme: Theme = remarkableTheme,\n): ChartData<'bar'> => {\n  if (!props.data) {\n    return {\n      labels: [],\n      datasets: [{ data: [] }],\n    };\n  }\n\n  const themeFormatter = getThemeFormatter(theme);\n  const themeKey = getObjectStableKey(theme);\n  const groupedData = groupTailAsOther(props.data, props.dimension, props.measures, props.maxItems);\n\n  return {\n    labels: groupedData.map((item) => {\n      return item[props.dimension.name];\n    }),\n    datasets: props.measures.map((measure, index) => {\n      const backgroundColor = getColor(\n        `${themeKey}.charts.backgroundColors`,\n        measure.name,\n        theme.charts.backgroundColors ?? chartColors,\n        index,\n      );\n\n      const borderColor = getColor(\n        `${themeKey}.charts.borderColors`,\n        measure.name,\n        theme.charts.borderColors ?? chartColors,\n        index,\n      );\n\n      return {\n        label: themeFormatter.dimensionOrMeasureTitle(measure),\n        data: groupedData.map((item) => item[measure.name] ?? 0),\n        backgroundColor,\n        borderColor,\n      };\n    }),\n  };\n};\n\nconst getBarChartProDatalabelTotalFormatter = (\n  context: Context,\n  formatter: (value: number) => string,\n) => {\n  const { datasets } = context.chart.data;\n  const i = context.dataIndex;\n\n  const total = datasets.reduce((sum, ds) => {\n    const val = ds.data[i] as number;\n    return sum + (val || 0);\n  }, 0);\n\n  return formatter(total);\n};\n\nexport const getBarChartProOptions = (\n  options: {\n    onBarClicked: (args: {\n      axisDimensionValue: string | null;\n      groupingDimensionValue: string | null;\n    }) => void;\n    measures: Measure[];\n    dimension: Dimension;\n    horizontal: boolean;\n    data: ChartData<'bar'>;\n  },\n  theme: Theme,\n): Partial<ChartOptions<'bar'>> => {\n  const { onBarClicked, measures, dimension, horizontal, data } = options;\n\n  const themeFormatter = getThemeFormatter(theme);\n  return {\n    plugins: {\n      legend: { position: theme.charts.legendPosition ?? 'bottom' },\n      datalabels: {\n        labels: {\n          total: {\n            formatter: (_value: string | number, context: Context) =>\n              getBarChartProDatalabelTotalFormatter(context, (value: number) =>\n                themeFormatter.data(measures[0]!, value),\n              ),\n          },\n          value: {\n            formatter: (value: string | number, context) => {\n              const measure = measures[context.datasetIndex % measures.length]!;\n              return themeFormatter.data(measure, value);\n            },\n          },\n        },\n      },\n      tooltip: {\n        callbacks: {\n          title: (context) => {\n            const label = context[0]?.label;\n            return themeFormatter.data(dimension, label);\n          },\n          label: (context) => {\n            const measure = measures[context.datasetIndex % measures.length]!;\n            const raw = context.raw as number;\n            return `${themeFormatter.data(dimension, context.dataset.label) || ''}: ${themeFormatter.data(measure, raw)}`;\n          },\n        },\n      },\n    },\n    scales: {\n      x: {\n        ticks: {\n          callback: (value) => {\n            if (horizontal) {\n              return themeFormatter.data(measures[0]!, value);\n            }\n\n            if (!data || !data.labels) return undefined;\n\n            const label = data.labels[Number(value)] as string;\n\n            return themeFormatter.data(dimension, label);\n          },\n        },\n      },\n      y: {\n        ticks: {\n          callback: (value) => {\n            if (!horizontal) {\n              return themeFormatter.data(measures[0]!, value);\n            }\n            if (!data || !data.labels) return undefined;\n            const label = data.labels[Number(value)] as string;\n            return themeFormatter.data(dimension, label);\n          },\n        },\n      },\n    },\n    onClick: (_event, elements, chart) => {\n      const element = elements[0];\n      const axisDimensionValue = (element ? chart.data.labels![element.index] : null) as\n        | string\n        | null;\n      const groupingDimensionValue = (\n        element\n          ? (chart.data.datasets[element.datasetIndex] as { rawLabel?: string | null })?.rawLabel\n          : null\n      ) as string | null;\n\n      onBarClicked({\n        axisDimensionValue,\n        groupingDimensionValue,\n      });\n    },\n  };\n};\n"],"names":["getBarStackedChartProData","props","theme","themeFormatter","getThemeFormatter","data","dimension","groupDimension","measure","axis","d","groupDimensionName","_a","groupBy","themeKey","getObjectStableKey","datasets","groupByItem","index","backgroundColor","getColor","chartContrastColors","borderColor","axisItem","record","getBarChartProData","remarkableTheme","groupedData","groupTailAsOther","item","chartColors","getBarChartProDatalabelTotalFormatter","context","formatter","i","total","sum","ds","val","getBarChartProOptions","options","onBarClicked","measures","horizontal","_value","value","label","raw","_event","elements","chart","element","axisDimensionValue","groupingDimensionValue"],"mappings":"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"}
+{"version":3,"file":"bars.utils-CAMiF7iA.js","sources":["../src/remarkable-pro/components/charts/bars/bars.utils.ts"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../theme/theme.types';\nimport { remarkableTheme } from '../../../theme/theme.constants';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { groupTailAsOther } from '../charts.utils';\nimport { getColor } from '../../../theme/styles/styles.utils';\nimport { chartColors, chartContrastColors } from '../../../../remarkable-ui';\nimport { getObjectStableKey } from '../../../utils.ts/object.utils';\nimport { Context } from 'chartjs-plugin-datalabels';\n\nexport const getBarStackedChartProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    groupDimension: Dimension;\n    measure: Measure;\n  },\n  theme: Theme,\n): ChartData<'bar'> => {\n  const themeFormatter = getThemeFormatter(theme);\n  const { data = [], dimension, groupDimension, measure } = props;\n\n  const axis = [...new Set(data.map((d) => d[dimension.name]).filter((d) => d != null))].sort();\n  const groupDimensionName = `${groupDimension.name}${groupDimension.inputs?.granularity ? `.${groupDimension.inputs.granularity}` : ''}`;\n  const groupBy = [...new Set(data.map((d) => d[groupDimensionName]))].filter((d) => d != null);\n\n  const themeKey = getObjectStableKey(theme);\n\n  const datasets = groupBy.map((groupByItem, index) => {\n    const backgroundColor = getColor(\n      `${themeKey}.charts.backgroundColors`,\n      `${groupDimension.name}.${groupByItem}`,\n      theme.charts.backgroundColors ?? chartContrastColors,\n      index,\n    );\n\n    const borderColor = getColor(\n      `${themeKey}.charts.borderColors`,\n      `${groupDimension.name}.${groupByItem}`,\n      theme.charts.borderColors ?? chartContrastColors,\n      index,\n    );\n\n    return {\n      label: themeFormatter.data(groupDimension, groupByItem),\n      rawLabel: groupByItem,\n      backgroundColor,\n      borderColor,\n      data: axis.map((axisItem) => {\n        const record = data.find(\n          (d) => d[groupDimensionName] === groupByItem && d[dimension.name] === axisItem,\n        );\n        return record ? Number(record[measure.name]) : 0;\n      }),\n    };\n  });\n\n  return {\n    labels: axis,\n    datasets,\n  };\n};\n\nexport const getBarChartProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    measures: Measure[];\n    maxItems?: number;\n  },\n  theme: Theme = remarkableTheme,\n): ChartData<'bar'> => {\n  if (!props.data) {\n    return {\n      labels: [],\n      datasets: [{ data: [] }],\n    };\n  }\n\n  const themeFormatter = getThemeFormatter(theme);\n  const themeKey = getObjectStableKey(theme);\n  const groupedData = groupTailAsOther(props.data, props.dimension, props.measures, props.maxItems);\n\n  return {\n    labels: groupedData.map((item) => {\n      return item[props.dimension.name];\n    }),\n    datasets: props.measures.map((measure, index) => {\n      const backgroundColor = getColor(\n        `${themeKey}.charts.backgroundColors`,\n        measure.name,\n        theme.charts.backgroundColors ?? chartColors,\n        index,\n      );\n\n      const borderColor = getColor(\n        `${themeKey}.charts.borderColors`,\n        measure.name,\n        theme.charts.borderColors ?? chartColors,\n        index,\n      );\n\n      return {\n        label: themeFormatter.dimensionOrMeasureTitle(measure),\n        data: groupedData.map((item) => item[measure.name] ?? 0),\n        backgroundColor,\n        borderColor,\n      };\n    }),\n  };\n};\n\nconst getBarChartProDatalabelTotalFormatter = (\n  context: Context,\n  formatter: (value: number) => string,\n) => {\n  const { datasets } = context.chart.data;\n  const i = context.dataIndex;\n\n  const total = datasets.reduce((sum, ds) => {\n    const val = ds.data[i] as number;\n    return sum + (val || 0);\n  }, 0);\n\n  return formatter(total);\n};\n\nexport const getBarChartProOptions = (\n  options: {\n    onBarClicked: (args: {\n      axisDimensionValue: string | null;\n      groupingDimensionValue: string | null;\n    }) => void;\n    measures: Measure[];\n    dimension: Dimension;\n    horizontal: boolean;\n    data: ChartData<'bar'>;\n  },\n  theme: Theme,\n): Partial<ChartOptions<'bar'>> => {\n  const { onBarClicked, measures, dimension, horizontal, data } = options;\n\n  const themeFormatter = getThemeFormatter(theme);\n  return {\n    plugins: {\n      legend: { position: theme.charts.legendPosition ?? 'bottom' },\n      datalabels: {\n        labels: {\n          total: {\n            formatter: (_value: string | number, context: Context) =>\n              getBarChartProDatalabelTotalFormatter(context, (value: number) =>\n                themeFormatter.data(measures[0]!, value),\n              ),\n          },\n          value: {\n            formatter: (value: string | number, context) => {\n              const measure = measures[context.datasetIndex % measures.length]!;\n              return themeFormatter.data(measure, value);\n            },\n          },\n        },\n      },\n      tooltip: {\n        callbacks: {\n          title: (context) => {\n            const label = context[0]?.label;\n            return themeFormatter.data(dimension, label);\n          },\n          label: (context) => {\n            const measure = measures[context.datasetIndex % measures.length]!;\n            const raw = context.raw as number;\n            return `${themeFormatter.data(dimension, context.dataset.label) || ''}: ${themeFormatter.data(measure, raw)}`;\n          },\n        },\n      },\n    },\n    scales: {\n      x: {\n        ticks: {\n          callback: (value) => {\n            if (horizontal) {\n              return themeFormatter.data(measures[0]!, value);\n            }\n\n            if (!data || !data.labels) return undefined;\n\n            const label = data.labels[Number(value)] as string;\n\n            return themeFormatter.data(dimension, label);\n          },\n        },\n      },\n      y: {\n        ticks: {\n          callback: (value) => {\n            if (!horizontal) {\n              return themeFormatter.data(measures[0]!, value);\n            }\n            if (!data || !data.labels) return undefined;\n            const label = data.labels[Number(value)] as string;\n            return themeFormatter.data(dimension, label);\n          },\n        },\n      },\n    },\n    onClick: (_event, elements, chart) => {\n      const element = elements[0];\n      const axisDimensionValue = (element ? chart.data.labels![element.index] : null) as\n        | string\n        | null;\n      const groupingDimensionValue = (\n        element\n          ? (chart.data.datasets[element.datasetIndex] as { rawLabel?: string | null })?.rawLabel\n          : null\n      ) as string | null;\n\n      onBarClicked({\n        axisDimensionValue,\n        groupingDimensionValue,\n      });\n    },\n  };\n};\n"],"names":["getBarStackedChartProData","props","theme","themeFormatter","getThemeFormatter","data","dimension","groupDimension","measure","axis","d","groupDimensionName","_a","groupBy","themeKey","getObjectStableKey","datasets","groupByItem","index","backgroundColor","getColor","chartContrastColors","borderColor","axisItem","record","getBarChartProData","remarkableTheme","groupedData","groupTailAsOther","item","chartColors","getBarChartProDatalabelTotalFormatter","context","formatter","i","total","sum","ds","val","getBarChartProOptions","options","onBarClicked","measures","horizontal","_value","value","label","raw","_event","elements","chart","element","axisDimensionValue","groupingDimensionValue"],"mappings":"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"}

package/dist/{charts.utils-DnzWuMfl.js → charts.utils-Cw4SeX2m.js}

@@ -1,6 +1,6 @@
-import { i as ni, aH as is, F as cn } from "./component.constants-CYS5-3qd.js";
+import { i as ni, aO as is, F as cn } from "./component.constants-B5vygi6l.js";
 import { g as ss, d as Ee, u as ai } from "./utc-B2gCnkBk.js";
-import { g as os } from "./formatter.utils-CaFr8SlX.js";
+import { g as os } from "./formatter.utils-N2gk49ys.js";
 import { i as ii, q as si } from "./quarterOfYear-C0maIilJ.js";
 const fs = {
   "--em-actionicon-background": "var(--em-sem-background--light)",
@@ -100,10 +100,14 @@ const fs = {
   "--em-chart-category-line-height": "var(--em-core-line-height--sm)",
   "--em-chart-category-list-gap": "var(--em-core-spacing--0400)",
   "--em-chart-category-size": "var(--em-core-size--0300)",
-  "--em-chart-grid-color": "var(--em-sem-text)",
-  "--em-chart-grid-color--light": "var(--em-sem-background--light)",
-  "--em-chart-grid-color--muted": "var(--em-sem-text--muted)",
-  "--em-chart-grid-color--subtle": "var(--em-sem-text--subtle)",
+  "--em-chart-grid-label-color": "var(--em-sem-text)",
+  "--em-chart-grid-label-color--light": "var(--em-sem-background--light)",
+  "--em-chart-grid-label-color--muted": "var(--em-sem-text--muted)",
+  "--em-chart-grid-label-color--subtle": "var(--em-sem-text--subtle)",
+  "--em-chart-grid-line-color": "var(--em-sem-text)",
+  "--em-chart-grid-line-color--light": "var(--em-sem-background--light)",
+  "--em-chart-grid-line-color--muted": "var(--em-sem-text--muted)",
+  "--em-chart-grid-line-color--subtle": "var(--em-sem-text--subtle)",
   "--em-chart-grid-font-family": "var(--em-core-font-family--base)",
   "--em-chart-grid-label-font-size": "var(--em-core-font-size--xs)",
   "--em-chart-grid-label-font-weight": "var(--em-core-font-weight--regular)",
@@ -17221,4 +17225,4 @@ export {
   Hm as r,
   us as s
 };
-//# sourceMappingURL=charts.utils-DnzWuMfl.js.map
+//# sourceMappingURL=charts.utils-Cw4SeX2m.js.map