@embeddable.com/remarkable-ui 0.1.42 → 0.1.44

package/dist/{PivotTable-BLa71kwu.js.map → PivotTable-seZGAvL7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PivotTable-BLa71kwu.js","sources":["../src/remarkable-ui/charts/tables/PivotTable/PivotTable.tsx"],"sourcesContent":["import { FC, useEffect, useMemo, useState } from 'react';\nimport styles from './PivotTable.module.css';\nimport clsx from 'clsx';\nimport { PivotTableProps } from './PivotTable.types';\nimport { Typography } from '../../../shared/Typography/Typography';\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\nconst getCellWidthStyle = (width: number | undefined) => {\n  return {\n    minWidth: width ? `${width}px` : undefined,\n    width: width ? `${width}px` : undefined,\n    maxWidth: width ? `${width}px` : undefined,\n  };\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}) => {\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={styles.tableContainer}>\n      <table\n        className={styles.table}\n        aria-label={`${rowDimension.label} by ${columnDimension.label}`}\n      >\n        <thead>\n          <tr>\n            <th\n              scope=\"col\"\n              rowSpan={1}\n              className={clsx(styles.cell, styles.header)}\n              title={columnDimension.label}\n            >\n              <Typography>{columnDimension.label}</Typography>\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                  className={clsx(styles.cell, styles.header)}\n                  title={columnValueDisplay}\n                >\n                  <Typography>{columnValueDisplay}</Typography>\n                </th>\n              );\n            })}\n            {hasRowTotals && (\n              <th\n                key=\"col-total-group\"\n                scope=\"colgroup\"\n                colSpan={Array.from(rowTotalsSet).length}\n                className={clsx(styles.cell, styles.bold)}\n                title={totalLabel}\n              >\n                <Typography>{totalLabel}</Typography>\n              </th>\n            )}\n          </tr>\n          <tr>\n            <th\n              scope=\"col\"\n              rowSpan={1}\n              className={clsx(styles.cell, styles.header)}\n              title={rowDimension.label}\n              style={getCellWidthStyle(firstColumnWidth)}\n            >\n              <Typography>{rowDimension.label}</Typography>\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                  className={clsx(styles.cell, styles.header)}\n                  title={measure.label}\n                  style={getCellWidthStyle(columnWidth)}\n                >\n                  <Typography>{measure.label}</Typography>\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={clsx(styles.cell, styles.bold)}\n                    title={measure.label}\n                    style={getCellWidthStyle(columnWidth)}\n                  >\n                    <Typography>{measure.label}</Typography>\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                  className={clsx(styles.cell, styles.header)}\n                  title={rowDimensionValue}\n                >\n                  <Typography>{rowDimensionValue}</Typography>\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} className={clsx(styles.cell)} title={columnValueDisplay}>\n                        <Typography>{columnValueDisplay}</Typography>\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\n                          key={key}\n                          className={clsx(styles.cell, styles.bold)}\n                          title={displayValue}\n                        >\n                          <Typography>{displayValue}</Typography>\n                        </td>\n                      );\n                    })}\n              </tr>\n            );\n          })}\n        </tbody>\n        <tfoot>\n          {hasColumnTotals && (\n            <tr key=\"totals-row\">\n              <th scope=\"row\" className={clsx(styles.cell, styles.bold)} title={totalLabel}>\n                <Typography>{totalLabel}</Typography>\n              </th>\n\n              {columnValues.flatMap((columnValue) =>\n                measures.map((measure, idx) => {\n                  const show = columnTotalsSet.has(String(measure.key));\n                  const totalsForCol = 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(100, measure.percentageDecimalPlaces ?? 0);\n                  } else if (measure.accessor) {\n                    displayValue = measure.accessor({ [measure.key]: value });\n                  }\n                  const columnValueDisplay = show ? displayValue : '';\n\n                  return (\n                    <td\n                      key={key}\n                      className={clsx(styles.cell, styles.bold)}\n                      title={columnValueDisplay}\n                    >\n                      <Typography>{columnValueDisplay}</Typography>\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={clsx(styles.cell, styles.bold)} title={displayValue}>\n                        <Typography>{displayValue}</Typography>\n                      </td>\n                    );\n                  })}\n            </tr>\n          )}\n        </tfoot>\n      </table>\n    </div>\n  );\n};\n"],"names":["isNumber","v","getPercentageDisplay","percentage","percentageDecimalPlaces","getCellWidthStyle","width","PivotTable","columnWidth","firstColumnWidth","data","measures","rowDimension","columnDimension","progressive","batchSize","batchDelayMs","rowTotalsFor","columnTotalsFor","totalLabel","rowValues","useMemo","s","d","rowValue","columnValues","columnValue","cellMap","map","r","c","rowTotalsSet","columnTotalsSet","hasRowTotals","hasColumnTotals","measureIndexByKey","m","i","colTotals","rowTotals","grandTotals","cTotals","rTotals","gTotals","cArr","rArr","raw","visibleCount","setVisibleCount","useState","useEffect","cancelled","t","tick","prev","next","visibleRows","jsx","styles","jsxs","clsx","Typography","columnValueDisplay","col","measure","idx","row","rowDimensionValue","object","_a","value","key","mi","totalsForCol","colTotal","totalsForRow","measureIndex","displayValue","show","mm"],"mappings":"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"}
+{"version":3,"file":"PivotTable-seZGAvL7.js","sources":["../src/remarkable-ui/charts/tables/PivotTable/PivotTable.tsx"],"sourcesContent":["import { FC, useEffect, useMemo, useState } from 'react';\nimport styles from './PivotTable.module.css';\nimport clsx from 'clsx';\nimport { PivotTableProps } from './PivotTable.types';\nimport { Typography } from '../../../shared/Typography/Typography';\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\nconst getCellWidthStyle = (width: number | undefined) => {\n  return {\n    minWidth: width ? `${width}px` : undefined,\n    width: width ? `${width}px` : undefined,\n    maxWidth: width ? `${width}px` : undefined,\n  };\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}) => {\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={styles.tableContainer}>\n      <table\n        className={styles.table}\n        aria-label={`${rowDimension.label} by ${columnDimension.label}`}\n      >\n        <thead>\n          <tr>\n            <th\n              scope=\"col\"\n              rowSpan={1}\n              className={clsx(styles.cell, styles.header)}\n              title={columnDimension.label}\n            >\n              <Typography>{columnDimension.label}</Typography>\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                  className={clsx(styles.cell, styles.header)}\n                  title={columnValueDisplay}\n                >\n                  <Typography>{columnValueDisplay}</Typography>\n                </th>\n              );\n            })}\n            {hasRowTotals && (\n              <th\n                key=\"col-total-group\"\n                scope=\"colgroup\"\n                colSpan={Array.from(rowTotalsSet).length}\n                className={clsx(styles.cell, styles.bold)}\n                title={totalLabel}\n              >\n                <Typography>{totalLabel}</Typography>\n              </th>\n            )}\n          </tr>\n          <tr>\n            <th\n              scope=\"col\"\n              rowSpan={1}\n              className={clsx(styles.cell, styles.header)}\n              title={rowDimension.label}\n              style={getCellWidthStyle(firstColumnWidth)}\n            >\n              <Typography>{rowDimension.label}</Typography>\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                  className={clsx(styles.cell, styles.header)}\n                  title={measure.label}\n                  style={getCellWidthStyle(columnWidth)}\n                >\n                  <Typography>{measure.label}</Typography>\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={clsx(styles.cell, styles.bold)}\n                    title={measure.label}\n                    style={getCellWidthStyle(columnWidth)}\n                  >\n                    <Typography>{measure.label}</Typography>\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                  className={clsx(styles.cell, styles.header)}\n                  title={rowDimensionValue}\n                >\n                  <Typography>{rowDimensionValue}</Typography>\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} className={clsx(styles.cell)} title={columnValueDisplay}>\n                        <Typography>{columnValueDisplay}</Typography>\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\n                          key={key}\n                          className={clsx(styles.cell, styles.bold)}\n                          title={displayValue}\n                        >\n                          <Typography>{displayValue}</Typography>\n                        </td>\n                      );\n                    })}\n              </tr>\n            );\n          })}\n        </tbody>\n        <tfoot>\n          {hasColumnTotals && (\n            <tr key=\"totals-row\">\n              <th scope=\"row\" className={clsx(styles.cell, styles.bold)} title={totalLabel}>\n                <Typography>{totalLabel}</Typography>\n              </th>\n\n              {columnValues.flatMap((columnValue) =>\n                measures.map((measure, idx) => {\n                  const show = columnTotalsSet.has(String(measure.key));\n                  const totalsForCol = 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(100, measure.percentageDecimalPlaces ?? 0);\n                  } else if (measure.accessor) {\n                    displayValue = measure.accessor({ [measure.key]: value });\n                  }\n                  const columnValueDisplay = show ? displayValue : '';\n\n                  return (\n                    <td\n                      key={key}\n                      className={clsx(styles.cell, styles.bold)}\n                      title={columnValueDisplay}\n                    >\n                      <Typography>{columnValueDisplay}</Typography>\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={clsx(styles.cell, styles.bold)} title={displayValue}>\n                        <Typography>{displayValue}</Typography>\n                      </td>\n                    );\n                  })}\n            </tr>\n          )}\n        </tfoot>\n      </table>\n    </div>\n  );\n};\n"],"names":["isNumber","v","getPercentageDisplay","percentage","percentageDecimalPlaces","getCellWidthStyle","width","PivotTable","columnWidth","firstColumnWidth","data","measures","rowDimension","columnDimension","progressive","batchSize","batchDelayMs","rowTotalsFor","columnTotalsFor","totalLabel","rowValues","useMemo","s","d","rowValue","columnValues","columnValue","cellMap","map","r","c","rowTotalsSet","columnTotalsSet","hasRowTotals","hasColumnTotals","measureIndexByKey","m","i","colTotals","rowTotals","grandTotals","cTotals","rTotals","gTotals","cArr","rArr","raw","visibleCount","setVisibleCount","useState","useEffect","cancelled","t","tick","prev","next","visibleRows","jsx","styles","jsxs","clsx","Typography","columnValueDisplay","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, U as W, d as N, a as u, a4 as c, b as d, t as S, c as j, Y as B, a5 as G, Z as p, A as I, o as Y } from "./component.constants-DEUc2joh.js";
+import { i as y, r as M, j as m, U as W, d as N, a as u, a4 as c, b as d, t as S, c as j, Y as B, a5 as G, Z as p, A as I, o as Y } from "./component.constants-DLFLckJJ.js";
 import { useTheme as k, defineComponent as O } from "@embeddable.com/react";
-import { C as V } from "./ChartCard-DrhhDEHS.js";
+import { C as V } from "./ChartCard-cvLk145I.js";
 import { useRef as E } from "react";
-import { P as L } from "./PivotTable-BLa71kwu.js";
-import { u as b } from "./charts.newFillGaps.hooks-CEXFxNVs.js";
-import { g as T } from "./formatter.utils-CAAgns3t.js";
+import { P as L } from "./PivotTable-seZGAvL7.js";
+import { u as b } from "./charts.fillGaps.hooks-5WclK2CD.js";
+import { g as T } from "./formatter.utils-DoXXleDW.js";
 const U = (e, o) => {
   const n = T(o);
   return e.measures.map((s) => {

package/dist/PivotTablePro.js.map

@@ -1 +1 @@
-{"version":3,"file":"PivotTablePro.js","sources":["../src/remarkable-pro/components/charts/tables/PivotTablePro/PivotPro.utils.ts","../src/remarkable-pro/components/charts/tables/PivotTablePro/index.tsx","../src/remarkable-pro/components/charts/tables/PivotTablePro/PivotTablePro.emb.ts"],"sourcesContent":["import { Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../../theme/theme.types';\nimport { PivotTableProps } from '../../../../../remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nexport const getPivotMeasures = (\n  props: { measures: Measure[]; displayNullAs?: string },\n  theme: Theme,\n): PivotTableProps<any>['measures'] => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return props.measures.map((measure) => {\n    return {\n      key: measure.name,\n      label: themeFormatter.dimensionOrMeasureTitle(measure),\n      showAsPercentage: Boolean(measure.inputs?.showAsPercentage),\n      percentageDecimalPlaces: measure.inputs?.decimalPlaces ?? 1,\n      accessor: (row) => {\n        const value = row[measure.name];\n\n        return value == null\n          ? props.displayNullAs\n          : themeFormatter.data(measure, row[measure.name]);\n      },\n    };\n  });\n};\n\nexport const getPivotDimension = (\n  props: { dimension: Dimension },\n  theme: Theme,\n): PivotTableProps<any>['rowDimension' | 'columnDimension'] => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    key: props.dimension.name,\n    label: themeFormatter.dimensionOrMeasureTitle(props.dimension),\n    formatValue: (value: string) => themeFormatter.data(props.dimension, value),\n  };\n};\n\nexport const getPivotColumnTotalsFor = (props: {\n  measures: Measure[];\n}): PivotTableProps<any>['columnTotalsFor'] | undefined => {\n  return props.measures.filter((m) => m.inputs?.showColumnTotal).map((m) => m.name);\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { PivotTable } from '../../../../../remarkable-ui';\nimport { useRef } from 'react';\nimport { useFillGaps } from '../../charts.newFillGaps.hooks';\nimport { getPivotColumnTotalsFor, getPivotDimension, getPivotMeasures } from './PivotPro.utils';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\ntype PivotTableProProps = {\n  title: string;\n  description: string;\n  results: DataResponse;\n  measures: Measure[];\n  rowDimension: Dimension;\n  columnDimension: Dimension;\n  showRowTotals?: boolean;\n  displayNullAs?: string;\n  columnWidth?: number;\n  firstColumnWidth?: number;\n};\n\nconst PivotTablePro = (props: PivotTableProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { description, title } = resolveI18nProps(props);\n  const {\n    measures,\n    rowDimension,\n    columnDimension,\n    showRowTotals,\n    displayNullAs,\n    columnWidth,\n    firstColumnWidth,\n  } = props;\n\n  // Fill gaps for the column dimension\n  const resultsColumnDimensionFillGaps = useFillGaps({\n    results: props.results,\n    dimension: columnDimension,\n  });\n\n  // Fill gaps for the row dimension\n  const results = useFillGaps({\n    results: resultsColumnDimensionFillGaps,\n    dimension: rowDimension,\n  });\n\n  const cardContentRef = useRef<HTMLDivElement>(null);\n\n  const pivotMeasures = getPivotMeasures({ measures, displayNullAs }, theme);\n  const pivotRowDimension = getPivotDimension({ dimension: rowDimension }, theme);\n  const pivotColumnDimension = getPivotDimension({ dimension: columnDimension }, theme);\n  const pivotColumnTotalsFor = getPivotColumnTotalsFor({ measures });\n  const pivotRowTotalsFor = showRowTotals ? measures.map((m) => m.name) : [];\n\n  return (\n    <ChartCard\n      ref={cardContentRef}\n      title={title}\n      subtitle={description}\n      data={props.results}\n      dimensionsAndMeasures={[rowDimension, columnDimension, ...measures]}\n      errorMessage={results?.error}\n    >\n      <PivotTable\n        firstColumnWidth={firstColumnWidth}\n        columnWidth={columnWidth}\n        totalLabel={i18n.t('charts.pivotTable.total')}\n        data={results.data ?? []}\n        measures={pivotMeasures}\n        rowDimension={pivotRowDimension}\n        columnDimension={pivotColumnDimension}\n        columnTotalsFor={pivotColumnTotalsFor}\n        rowTotalsFor={pivotRowTotalsFor}\n      />\n    </ChartCard>\n  );\n};\n\nexport default PivotTablePro;\n","import { loadData } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport PivotTablePro from './index';\nimport {\n  dataset,\n  description,\n  title,\n  maxResults,\n  measures,\n  genericBoolean,\n  subInputGenericBoolean,\n  genericString,\n  dimensionWithDateBounds,\n  genericNumber,\n} from '../../../component.constants';\n\nexport const meta = {\n  name: 'PivotTablePro',\n  label: 'Pivot Table',\n  category: 'Table Charts',\n  inputs: [\n    dataset,\n    {\n      ...measures,\n      label: 'Measures To Display',\n      inputs: [\n        ...measures.inputs,\n        {\n          ...subInputGenericBoolean,\n          name: 'showColumnTotal',\n          label: 'Show Column Total',\n        },\n        {\n          ...subInputGenericBoolean,\n          name: 'showAsPercentage',\n          label: 'Show As Percentage',\n          description: 'If turned on, other measures may be ignored',\n          defaultValue: false,\n        },\n      ],\n    },\n    {\n      ...dimensionWithDateBounds,\n      label: 'Row Dimension',\n      name: 'rowDimension',\n    },\n    {\n      ...dimensionWithDateBounds,\n      label: 'Column Dimension',\n      name: 'columnDimension',\n    },\n    title,\n    description,\n    { ...genericBoolean, name: 'showRowTotals', label: 'Show Row Totals' },\n    { ...genericString, name: 'displayNullAs', label: 'Display Null As' },\n    {\n      ...genericNumber,\n      name: 'firstColumnWidth',\n      label: 'First Column Width',\n      description: 'You can input a number in pixels e.g. 400',\n    },\n    {\n      ...genericNumber,\n      name: 'columnWidth',\n      label: 'Column Width',\n      description: 'You can input a number in pixels e.g. 400',\n    },\n\n    maxResults,\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(PivotTablePro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n\n      results: loadData({\n        from: inputs.dataset,\n        select: [inputs.rowDimension, inputs.columnDimension, ...inputs.measures],\n        limit: inputs.maxResults,\n        countRows: true,\n      }),\n    };\n  },\n});\n"],"names":["getPivotMeasures","props","theme","themeFormatter","getThemeFormatter","measure","_a","_b","row","getPivotDimension","value","getPivotColumnTotalsFor","m","PivotTablePro","useTheme","i18nSetup","description","title","resolveI18nProps","measures","rowDimension","columnDimension","showRowTotals","displayNullAs","columnWidth","firstColumnWidth","resultsColumnDimensionFillGaps","useFillGaps","results","cardContentRef","useRef","pivotMeasures","pivotRowDimension","pivotColumnDimension","pivotColumnTotalsFor","pivotRowTotalsFor","jsx","ChartCard","PivotTable","i18n","meta","dataset","subInputGenericBoolean","dimensionWithDateBounds","genericBoolean","genericString","genericNumber","maxResults","PivotTablePro_emb","defineComponent","inputs","loadData"],"mappings":"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"}
+{"version":3,"file":"PivotTablePro.js","sources":["../src/remarkable-pro/components/charts/tables/PivotTablePro/PivotPro.utils.ts","../src/remarkable-pro/components/charts/tables/PivotTablePro/index.tsx","../src/remarkable-pro/components/charts/tables/PivotTablePro/PivotTablePro.emb.ts"],"sourcesContent":["import { Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../../theme/theme.types';\nimport { PivotTableProps } from '../../../../../remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nexport const getPivotMeasures = (\n  props: { measures: Measure[]; displayNullAs?: string },\n  theme: Theme,\n): PivotTableProps<any>['measures'] => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return props.measures.map((measure) => {\n    return {\n      key: measure.name,\n      label: themeFormatter.dimensionOrMeasureTitle(measure),\n      showAsPercentage: Boolean(measure.inputs?.showAsPercentage),\n      percentageDecimalPlaces: measure.inputs?.decimalPlaces ?? 1,\n      accessor: (row) => {\n        const value = row[measure.name];\n\n        return value == null\n          ? props.displayNullAs\n          : themeFormatter.data(measure, row[measure.name]);\n      },\n    };\n  });\n};\n\nexport const getPivotDimension = (\n  props: { dimension: Dimension },\n  theme: Theme,\n): PivotTableProps<any>['rowDimension' | 'columnDimension'] => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    key: props.dimension.name,\n    label: themeFormatter.dimensionOrMeasureTitle(props.dimension),\n    formatValue: (value: string) => themeFormatter.data(props.dimension, value),\n  };\n};\n\nexport const getPivotColumnTotalsFor = (props: {\n  measures: Measure[];\n}): PivotTableProps<any>['columnTotalsFor'] | undefined => {\n  return props.measures.filter((m) => m.inputs?.showColumnTotal).map((m) => m.name);\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { PivotTable } from '../../../../../remarkable-ui';\nimport { useRef } from 'react';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { getPivotColumnTotalsFor, getPivotDimension, getPivotMeasures } from './PivotPro.utils';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\ntype PivotTableProProps = {\n  title: string;\n  description: string;\n  results: DataResponse;\n  measures: Measure[];\n  rowDimension: Dimension;\n  columnDimension: Dimension;\n  showRowTotals?: boolean;\n  displayNullAs?: string;\n  columnWidth?: number;\n  firstColumnWidth?: number;\n};\n\nconst PivotTablePro = (props: PivotTableProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { description, title } = resolveI18nProps(props);\n  const {\n    measures,\n    rowDimension,\n    columnDimension,\n    showRowTotals,\n    displayNullAs,\n    columnWidth,\n    firstColumnWidth,\n  } = props;\n\n  // Fill gaps for the column dimension\n  const resultsColumnDimensionFillGaps = useFillGaps({\n    results: props.results,\n    dimension: columnDimension,\n  });\n\n  // Fill gaps for the row dimension\n  const results = useFillGaps({\n    results: resultsColumnDimensionFillGaps,\n    dimension: rowDimension,\n  });\n\n  const cardContentRef = useRef<HTMLDivElement>(null);\n\n  const pivotMeasures = getPivotMeasures({ measures, displayNullAs }, theme);\n  const pivotRowDimension = getPivotDimension({ dimension: rowDimension }, theme);\n  const pivotColumnDimension = getPivotDimension({ dimension: columnDimension }, theme);\n  const pivotColumnTotalsFor = getPivotColumnTotalsFor({ measures });\n  const pivotRowTotalsFor = showRowTotals ? measures.map((m) => m.name) : [];\n\n  return (\n    <ChartCard\n      ref={cardContentRef}\n      title={title}\n      subtitle={description}\n      data={props.results}\n      dimensionsAndMeasures={[rowDimension, columnDimension, ...measures]}\n      errorMessage={results?.error}\n    >\n      <PivotTable\n        firstColumnWidth={firstColumnWidth}\n        columnWidth={columnWidth}\n        totalLabel={i18n.t('charts.pivotTable.total')}\n        data={results.data ?? []}\n        measures={pivotMeasures}\n        rowDimension={pivotRowDimension}\n        columnDimension={pivotColumnDimension}\n        columnTotalsFor={pivotColumnTotalsFor}\n        rowTotalsFor={pivotRowTotalsFor}\n      />\n    </ChartCard>\n  );\n};\n\nexport default PivotTablePro;\n","import { loadData } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport PivotTablePro from './index';\nimport {\n  dataset,\n  description,\n  title,\n  maxResults,\n  measures,\n  genericBoolean,\n  subInputGenericBoolean,\n  genericString,\n  dimensionWithDateBounds,\n  genericNumber,\n} from '../../../component.constants';\n\nexport const meta = {\n  name: 'PivotTablePro',\n  label: 'Pivot Table',\n  category: 'Table Charts',\n  inputs: [\n    dataset,\n    {\n      ...measures,\n      label: 'Measures To Display',\n      inputs: [\n        ...measures.inputs,\n        {\n          ...subInputGenericBoolean,\n          name: 'showColumnTotal',\n          label: 'Show Column Total',\n        },\n        {\n          ...subInputGenericBoolean,\n          name: 'showAsPercentage',\n          label: 'Show As Percentage',\n          description: 'If turned on, other measures may be ignored',\n          defaultValue: false,\n        },\n      ],\n    },\n    {\n      ...dimensionWithDateBounds,\n      label: 'Row Dimension',\n      name: 'rowDimension',\n    },\n    {\n      ...dimensionWithDateBounds,\n      label: 'Column Dimension',\n      name: 'columnDimension',\n    },\n    title,\n    description,\n    { ...genericBoolean, name: 'showRowTotals', label: 'Show Row Totals' },\n    { ...genericString, name: 'displayNullAs', label: 'Display Null As' },\n    {\n      ...genericNumber,\n      name: 'firstColumnWidth',\n      label: 'First Column Width',\n      description: 'You can input a number in pixels e.g. 400',\n    },\n    {\n      ...genericNumber,\n      name: 'columnWidth',\n      label: 'Column Width',\n      description: 'You can input a number in pixels e.g. 400',\n    },\n\n    maxResults,\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(PivotTablePro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n\n      results: loadData({\n        from: inputs.dataset,\n        select: [inputs.rowDimension, inputs.columnDimension, ...inputs.measures],\n        limit: inputs.maxResults,\n        countRows: true,\n      }),\n    };\n  },\n});\n"],"names":["getPivotMeasures","props","theme","themeFormatter","getThemeFormatter","measure","_a","_b","row","getPivotDimension","value","getPivotColumnTotalsFor","m","PivotTablePro","useTheme","i18nSetup","description","title","resolveI18nProps","measures","rowDimension","columnDimension","showRowTotals","displayNullAs","columnWidth","firstColumnWidth","resultsColumnDimensionFillGaps","useFillGaps","results","cardContentRef","useRef","pivotMeasures","pivotRowDimension","pivotColumnDimension","pivotColumnTotalsFor","pivotRowTotalsFor","jsx","ChartCard","PivotTable","i18n","meta","dataset","subInputGenericBoolean","dimensionWithDateBounds","genericBoolean","genericString","genericNumber","maxResults","PivotTablePro_emb","defineComponent","inputs","loadData"],"mappings":"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"}

package/dist/{SingleSelectField-D0oUkXEJ.js → SingleSelectField-BxS-eRBh.js}

@@ -1,6 +1,6 @@
-import { j as s, ap as D, as as N, at as q, aq as x, ar as w, ao as K } from "./component.constants-DEUc2joh.js";
+import { j as s, ap as D, as as N, at as q, aq as x, ar as w, ao as K } from "./component.constants-DLFLckJJ.js";
 import { useState as b, useRef as P, useEffect as T, useMemo as O } from "react";
-import { u as z, d as A, g as G, I as H, S as J, a as M } from "./EditorCard-CamjthzJ.js";
+import { u as z, d as A, g as G, I as H, S as J, a as M } from "./EditorCard-DWIGbzji.js";
 const Q = "_selectField_73cni_1", U = {
   selectField: Q
 }, Y = ({
@@ -104,4 +104,4 @@ const Q = "_selectField_73cni_1", U = {
 export {
   Y as S
 };
-//# sourceMappingURL=SingleSelectField-D0oUkXEJ.js.map
+//# sourceMappingURL=SingleSelectField-BxS-eRBh.js.map

package/dist/{SingleSelectField-D0oUkXEJ.js.map → SingleSelectField-BxS-eRBh.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SingleSelectField-D0oUkXEJ.js","sources":["../src/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.tsx"],"sourcesContent":["import { FC, useEffect, useMemo, useRef, useState } from 'react';\nimport { TextField } from '../../TextField/TextField';\nimport { SelectButton } from '../shared/SelectButton/SelectButton';\nimport { Dropdown } from '../../../shared/Dropdown/Dropdown';\nimport { SelectList } from '../shared/SelectList/SelectList';\nimport { SelectListOptions } from '../shared/SelectList/SelectListOptions/SelectListOptions';\nimport {\n  SelectListOption,\n  SelectListOptionProps,\n  SelectListOptionPropsWithCategory,\n} from '../shared/SelectList/SelectListOptions/SelectListOption/SelectListOption';\nimport { SelectListCategory } from '../shared/SelectList/SelectListOptions/SelectListCategory/SelectListCategory';\nimport { groupOptionsByCategory } from '../shared/SelectList/selectList.utils';\nimport { debounce } from '../../../utils/debounce.utils';\nimport { IconSearch, TablerIcon } from '@tabler/icons-react';\nimport { useSelectSearchFocus } from '../shared/useSelectSearchFocus.hook';\nimport styles from './SingleSelectField.module.css';\nimport { FieldErrorMessage } from '../../../shared/FieldErrorMessage/FieldErrorMessage';\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};\n\nexport const SingleSelectField: FC<SingleSelectFieldProps> = ({\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 className={styles.selectField}>\n      <Dropdown\n        open={isOpen}\n        onOpenChange={setIsOpen}\n        disabled={disabled}\n        triggerComponent={\n          <SelectButton\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        <SelectList>\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            />\n          )}\n          <SelectListOptions disabled={isLoading}>\n            {groupedOptions\n              ? Object.entries(groupedOptions).map(([category, categoryOptions]) => (\n                  <div key={category}>\n                    <SelectListCategory 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                  </div>\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          </SelectListOptions>\n        </SelectList>\n      </Dropdown>\n      {errorMessage && <FieldErrorMessage message={errorMessage} />}\n    </div>\n  );\n};\n"],"names":["SingleSelectField","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","jsxs","styles","jsx","Dropdown","SelectButton","SelectList","TextField","IconSearch","SelectListOptions","category","categoryOptions","SelectListCategory","SelectListOption","FieldErrorMessage"],"mappings":"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"}
+{"version":3,"file":"SingleSelectField-BxS-eRBh.js","sources":["../src/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.tsx"],"sourcesContent":["import { FC, useEffect, useMemo, useRef, useState } from 'react';\nimport { TextField } from '../../TextField/TextField';\nimport { SelectButton } from '../shared/SelectButton/SelectButton';\nimport { Dropdown } from '../../../shared/Dropdown/Dropdown';\nimport { SelectList } from '../shared/SelectList/SelectList';\nimport { SelectListOptions } from '../shared/SelectList/SelectListOptions/SelectListOptions';\nimport {\n  SelectListOption,\n  SelectListOptionProps,\n  SelectListOptionPropsWithCategory,\n} from '../shared/SelectList/SelectListOptions/SelectListOption/SelectListOption';\nimport { SelectListCategory } from '../shared/SelectList/SelectListOptions/SelectListCategory/SelectListCategory';\nimport { groupOptionsByCategory } from '../shared/SelectList/selectList.utils';\nimport { debounce } from '../../../utils/debounce.utils';\nimport { IconSearch, TablerIcon } from '@tabler/icons-react';\nimport { useSelectSearchFocus } from '../shared/useSelectSearchFocus.hook';\nimport styles from './SingleSelectField.module.css';\nimport { FieldErrorMessage } from '../../../shared/FieldErrorMessage/FieldErrorMessage';\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};\n\nexport const SingleSelectField: FC<SingleSelectFieldProps> = ({\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 className={styles.selectField}>\n      <Dropdown\n        open={isOpen}\n        onOpenChange={setIsOpen}\n        disabled={disabled}\n        triggerComponent={\n          <SelectButton\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        <SelectList>\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            />\n          )}\n          <SelectListOptions disabled={isLoading}>\n            {groupedOptions\n              ? Object.entries(groupedOptions).map(([category, categoryOptions]) => (\n                  <div key={category}>\n                    <SelectListCategory 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                  </div>\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          </SelectListOptions>\n        </SelectList>\n      </Dropdown>\n      {errorMessage && <FieldErrorMessage message={errorMessage} />}\n    </div>\n  );\n};\n"],"names":["SingleSelectField","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","jsxs","styles","jsx","Dropdown","SelectButton","SelectList","TextField","IconSearch","SelectListOptions","category","categoryOptions","SelectListCategory","SelectListOption","FieldErrorMessage"],"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, ae as c, V as n, o as u } from "./component.constants-DEUc2joh.js";
-import { M as p, S as g } from "./index-D-7qoxpC.js";
+import { d as s, z as r, t as d, c as m, ae as c, V as n, o as u } from "./component.constants-DLFLckJJ.js";
+import { M as p, S as g } from "./index-D3HVULuw.js";
 const f = {
   name: "SingleSelectFieldPro",
   label: "Single Select Field",

package/dist/TableChartPaginated.js

@@ -1,8 +1,8 @@
-import { a6 as y, C as m, i as B, r as U, j as I, a7 as G, U as q, a8 as Y, d as J, a9 as P, aa as K, ab as Q, t as X, c as Z, Y as $, a5 as O, A as ee, ac as ne, V as te, o as M, m as ae } from "./component.constants-DEUc2joh.js";
+import { a6 as y, C as m, i as B, r as U, j as I, a7 as G, U as q, a8 as Y, d as J, a9 as P, aa as K, ab as Q, t as X, c as Z, Y as $, a5 as O, A as ee, ac as ne, V as te, o as M, m as ae } from "./component.constants-DLFLckJJ.js";
 import { useTheme as ie, defineComponent as oe } from "@embeddable.com/react";
-import { C as se } from "./ChartCard-DrhhDEHS.js";
+import { C as se } from "./ChartCard-cvLk145I.js";
 import { useState as D, useRef as R, useLayoutEffect as re, useMemo as le, useEffect as u, useCallback as z } from "react";
-import { g as ce } from "./formatter.utils-CAAgns3t.js";
+import { g as ce } from "./formatter.utils-DoXXleDW.js";
 const de = (e) => {
   const [n, t] = D(0), a = R(void 0);
   return re(() => {

package/dist/{bars.utils-CgOZcE3d.js → bars.utils-C1RSOY28.js}

@@ -1,7 +1,7 @@
-import { C as $, m as C, D as I, E as h, F as x, G as B, H as T, I as S, L as R, J as V, K as j, M as F, N, O as P, P as z, j as f, Q as M, R as _, S as H, T as L } from "./component.constants-DEUc2joh.js";
+import { C as $, m as C, D as I, E as h, F as x, G as B, H as T, I as S, L as R, J as V, K as j, M as F, N, O as P, P as z, j as f, Q as M, R as _, S as H, T as L } from "./component.constants-DLFLckJJ.js";
 import { useRef as K } from "react";
-import { r as E, g as G } from "./charts.utils-thzpOSh_.js";
-import { g as y } from "./formatter.utils-CAAgns3t.js";
+import { r as E, g as G } from "./charts.utils-DAY1g9cO.js";
+import { g as y } from "./formatter.utils-DoXXleDW.js";
 import { g as w, a as p } from "./object.utils-D_Zzon-H.js";
 const J = (a) => {
   var t;
@@ -308,4 +308,4 @@ export {
   la as b,
   oa as g
 };
-//# sourceMappingURL=bars.utils-CgOZcE3d.js.map
+//# sourceMappingURL=bars.utils-C1RSOY28.js.map

package/dist/{bars.utils-CgOZcE3d.js.map → bars.utils-C1RSOY28.js.map}

@@ -1 +1 @@
-{"version":3,"file":"bars.utils-CgOZcE3d.js","sources":["../src/remarkable-ui/charts/bars/bars.utils.ts","../src/remarkable-ui/charts/bars/BarChart.tsx","../src/remarkable-pro/components/charts/bars/bars.utils.ts"],"sourcesContent":["import { ChartData, ChartOptions } from 'chart.js';\nimport { chartContrastColors } from '../charts.constants';\nimport { getStyle, getStyleNumber } from '../../styles/styles.utils';\nimport { mergician } from 'mergician';\nimport { BarChartConfigurationProps, BarChartHorizontalConfigurationProps } from './bars.types';\nimport { Context } from 'chartjs-plugin-datalabels';\nimport {\n  chartjsAxisOptions,\n  chartjsAxisOptionsLayoutPadding,\n} from '../chartjs.cartesian.constants';\n\nexport const getBarChartData = (data: ChartData<'bar'>): ChartData<'bar'> => {\n  return {\n    ...data,\n    datasets: data.datasets?.map((dataset, index) => {\n      const colors = chartContrastColors[index % chartContrastColors.length];\n      const defaultDataset = {\n        ...dataset,\n        backgroundColor: colors,\n        borderColor: colors,\n      };\n\n      return mergician(defaultDataset, dataset) as typeof dataset;\n    }),\n  };\n};\n\nconst getDatalabelTotalDisplay = (context: Context, showTotalLabels: boolean | undefined) =>\n  showTotalLabels && context.datasetIndex === context.chart.data.datasets.length - 1\n    ? 'auto'\n    : false;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst getDatalabelTotalFormatter = (_value: any, context: Context) => {\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 total > 0 ? total : '';\n};\n\nconst getBarVerticalChartOptions = (\n  config: BarChartConfigurationProps,\n): Partial<ChartOptions<'bar'>> => {\n  return {\n    indexAxis: 'x',\n    layout: {\n      padding: {\n        top: (config.stacked ? config.showTotalLabels : config.showValueLabels)\n          ? chartjsAxisOptionsLayoutPadding\n          : 0,\n      },\n    },\n    plugins: {\n      datalabels: {\n        labels: {\n          total: {\n            align: (context) => {\n              const value = context.dataset.data[context.dataIndex] as number;\n              return value >= 0 ? 'top' : 'left';\n            },\n          },\n          value: {\n            align: (context) => {\n              if (config.stacked) {\n                return 'center';\n              }\n              const value = context.dataset.data[context.dataIndex] as number;\n              return value >= 0 ? 'top' : 'bottom';\n            },\n          },\n        },\n      },\n    },\n    scales: {\n      x: {\n        grid: { display: false },\n        ticks: {\n          color: getStyle('--em-chart-grid-font-color-default'),\n        },\n        reverse: config.reverseXAxis,\n      },\n      y: {\n        grid: { display: true },\n        ticks: {\n          color: getStyle('--em-chart-grid-font-color-muted'),\n        },\n        min: config.yAxisRangeMin,\n        max: config.yAxisRangeMax,\n        type: config.showLogarithmicScale ? 'logarithmic' : 'linear',\n      },\n    },\n  };\n};\n\nconst getBarHorizontalChartOptions = (\n  config: BarChartHorizontalConfigurationProps,\n): Partial<ChartOptions<'bar'>> => {\n  return {\n    indexAxis: 'y',\n    layout: {\n      padding: {\n        right: (config.stacked ? config.showTotalLabels : config.showValueLabels)\n          ? chartjsAxisOptionsLayoutPadding\n          : 0,\n      },\n    },\n    plugins: {\n      datalabels: {\n        labels: {\n          total: {\n            align: (context) => {\n              const value = context.dataset.data[context.dataIndex] as number;\n              return value >= 0 ? 'right' : 'left';\n            },\n          },\n          value: {\n            align: (context) => {\n              if (config.stacked) {\n                return 'center';\n              }\n              const value = context.dataset.data[context.dataIndex] as number;\n              return value >= 0 ? 'right' : 'left';\n            },\n          },\n        },\n      },\n    },\n    scales: {\n      x: {\n        grid: { display: true },\n        ticks: {\n          color: getStyle('--em-chart-grid-font-color-muted'),\n        },\n        min: config.xAxisRangeMin,\n        max: config.xAxisRangeMax,\n        type: config.showLogarithmicScale ? 'logarithmic' : 'linear',\n      },\n      y: {\n        grid: { display: false },\n        ticks: {\n          color: getStyle('--em-chart-grid-font-color-default'),\n        },\n        reverse: config.reverseYAxis,\n      },\n    },\n  };\n};\n\nexport const getBarChartOptions = (\n  options: BarChartConfigurationProps,\n): Partial<ChartOptions<'bar'>> => {\n  const baseBarChartOptions: Partial<ChartOptions<'bar'>> = {\n    elements: {\n      bar: {\n        borderRadius: getStyleNumber('--em-chart-style-border-radius-default'),\n      },\n    },\n    plugins: {\n      legend: { display: options.showLegend },\n      tooltip: {\n        enabled: options.showTooltips,\n      },\n      datalabels: {\n        display: (context) => {\n          return options.showValueLabels && context.dataset.data[context.dataIndex] !== 0\n            ? 'auto'\n            : false;\n        },\n        labels: {\n          total: {\n            display: (context) => getDatalabelTotalDisplay(context, options.showTotalLabels),\n            formatter: getDatalabelTotalFormatter,\n            anchor: (context) => {\n              const value = context.dataset.data[context.dataIndex] as number;\n              return value >= 0 ? 'end' : 'start';\n            },\n          },\n          value: {\n            anchor: (context) => {\n              if (options.stacked) {\n                return 'center';\n              }\n              const value = context.dataset.data[context.dataIndex] as number;\n              return value >= 0 ? 'end' : 'start';\n            },\n          },\n        },\n      },\n    },\n    scales: {\n      x: {\n        stacked: Boolean(options.stacked),\n        title: {\n          display: Boolean(options.xAxisLabel),\n          text: options.xAxisLabel ?? '',\n        },\n        ticks: { display: true },\n      },\n      y: {\n        stacked: Boolean(options.stacked),\n        title: {\n          display: Boolean(options.yAxisLabel),\n          text: options.yAxisLabel ?? '',\n        },\n        ticks: { display: true },\n      },\n    },\n  };\n\n  const getVerticalHorizontalOptions = options.horizontal\n    ? getBarHorizontalChartOptions\n    : getBarVerticalChartOptions;\n\n  const verticalHorizontalOptions = getVerticalHorizontalOptions(options);\n\n  return mergician(chartjsAxisOptions, baseBarChartOptions, verticalHorizontalOptions);\n};\n","import { FC, useRef } from 'react';\nimport { Bar } from 'react-chartjs-2';\nimport {\n  Chart as ChartJS,\n  CategoryScale,\n  LinearScale,\n  BarElement,\n  Title,\n  Tooltip,\n  Legend,\n  LogarithmicScale,\n} from 'chart.js';\nimport { BaseBarChartProps } from './bars.types';\nimport { getSegmentIndexClicked } from '../chartjs.utils';\nimport { getBarChartData, getBarChartOptions } from './bars.utils';\nimport styles from '../charts.module.css';\nimport { mergician } from 'mergician';\nimport ChartDataLabels from 'chartjs-plugin-datalabels';\n\nChartJS.register(\n  CategoryScale,\n  LinearScale,\n  BarElement,\n  LogarithmicScale,\n  Title,\n  Tooltip,\n  Legend,\n  ChartDataLabels,\n);\n\nexport type BarChartProps = BaseBarChartProps;\n\nexport const BarChart: FC<BarChartProps> = ({ data, onSegmentClick, options = {}, ...props }) => {\n  const chartRef = useRef(null);\n\n  const barChartOptions = mergician(getBarChartOptions(props), options);\n\n  const handleSegmentClick = (event: React.MouseEvent<HTMLCanvasElement>) => {\n    const indexClicked = getSegmentIndexClicked(event, chartRef);\n    onSegmentClick?.(indexClicked);\n  };\n\n  return (\n    <div className={styles.chartContainer}>\n      <Bar\n        ref={chartRef}\n        data={getBarChartData(data)}\n        options={barChartOptions}\n        onClick={handleSegmentClick}\n      />\n    </div>\n  );\n};\n","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 } from '../../../../remarkable-ui';\nimport { getObjectStableKey } from '../../../utils.ts/object.utils';\nimport { chartContrastColors } from '../../../../remarkable-ui/charts/charts.constants';\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(Boolean))].sort();\n  const groupDimensionName = `${groupDimension.name}${groupDimension.inputs?.granularity ? `.${groupDimension.inputs.granularity}` : ''}`;\n  const groupBy = [...new Set(data.map((d) => d[groupDimensionName]))].filter(Boolean);\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":["getBarChartData","data","_a","dataset","index","colors","chartContrastColors","defaultDataset","mergician","getDatalabelTotalDisplay","context","showTotalLabels","getDatalabelTotalFormatter","_value","datasets","i","total","sum","ds","val","getBarVerticalChartOptions","config","chartjsAxisOptionsLayoutPadding","getStyle","getBarHorizontalChartOptions","getBarChartOptions","options","baseBarChartOptions","getStyleNumber","verticalHorizontalOptions","chartjsAxisOptions","ChartJS","CategoryScale","LinearScale","BarElement","LogarithmicScale","Title","Tooltip","Legend","ChartDataLabels","BarChart","onSegmentClick","props","chartRef","useRef","barChartOptions","handleSegmentClick","event","indexClicked","getSegmentIndexClicked","jsx","styles","Bar","getBarStackedChartProData","theme","themeFormatter","getThemeFormatter","dimension","groupDimension","measure","axis","d","groupDimensionName","groupBy","themeKey","getObjectStableKey","groupByItem","backgroundColor","getColor","borderColor","axisItem","record","getBarChartProData","remarkableTheme","groupedData","groupTailAsOther","item","chartColors","getBarChartProDatalabelTotalFormatter","formatter","getBarChartProOptions","onBarClicked","measures","horizontal","value","label","raw","_event","elements","chart","element","axisDimensionValue","groupingDimensionValue"],"mappings":"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"}
+{"version":3,"file":"bars.utils-C1RSOY28.js","sources":["../src/remarkable-ui/charts/bars/bars.utils.ts","../src/remarkable-ui/charts/bars/BarChart.tsx","../src/remarkable-pro/components/charts/bars/bars.utils.ts"],"sourcesContent":["import { ChartData, ChartOptions } from 'chart.js';\nimport { chartContrastColors } from '../charts.constants';\nimport { getStyle, getStyleNumber } from '../../styles/styles.utils';\nimport { mergician } from 'mergician';\nimport { BarChartConfigurationProps, BarChartHorizontalConfigurationProps } from './bars.types';\nimport { Context } from 'chartjs-plugin-datalabels';\nimport {\n  chartjsAxisOptions,\n  chartjsAxisOptionsLayoutPadding,\n} from '../chartjs.cartesian.constants';\n\nexport const getBarChartData = (data: ChartData<'bar'>): ChartData<'bar'> => {\n  return {\n    ...data,\n    datasets: data.datasets?.map((dataset, index) => {\n      const colors = chartContrastColors[index % chartContrastColors.length];\n      const defaultDataset = {\n        ...dataset,\n        backgroundColor: colors,\n        borderColor: colors,\n      };\n\n      return mergician(defaultDataset, dataset) as typeof dataset;\n    }),\n  };\n};\n\nconst getDatalabelTotalDisplay = (context: Context, showTotalLabels: boolean | undefined) =>\n  showTotalLabels && context.datasetIndex === context.chart.data.datasets.length - 1\n    ? 'auto'\n    : false;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst getDatalabelTotalFormatter = (_value: any, context: Context) => {\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 total > 0 ? total : '';\n};\n\nconst getBarVerticalChartOptions = (\n  config: BarChartConfigurationProps,\n): Partial<ChartOptions<'bar'>> => {\n  return {\n    indexAxis: 'x',\n    layout: {\n      padding: {\n        top: (config.stacked ? config.showTotalLabels : config.showValueLabels)\n          ? chartjsAxisOptionsLayoutPadding\n          : 0,\n      },\n    },\n    plugins: {\n      datalabels: {\n        labels: {\n          total: {\n            align: (context) => {\n              const value = context.dataset.data[context.dataIndex] as number;\n              return value >= 0 ? 'top' : 'left';\n            },\n          },\n          value: {\n            align: (context) => {\n              if (config.stacked) {\n                return 'center';\n              }\n              const value = context.dataset.data[context.dataIndex] as number;\n              return value >= 0 ? 'top' : 'bottom';\n            },\n          },\n        },\n      },\n    },\n    scales: {\n      x: {\n        grid: { display: false },\n        ticks: {\n          color: getStyle('--em-chart-grid-font-color-default'),\n        },\n        reverse: config.reverseXAxis,\n      },\n      y: {\n        grid: { display: true },\n        ticks: {\n          color: getStyle('--em-chart-grid-font-color-muted'),\n        },\n        min: config.yAxisRangeMin,\n        max: config.yAxisRangeMax,\n        type: config.showLogarithmicScale ? 'logarithmic' : 'linear',\n      },\n    },\n  };\n};\n\nconst getBarHorizontalChartOptions = (\n  config: BarChartHorizontalConfigurationProps,\n): Partial<ChartOptions<'bar'>> => {\n  return {\n    indexAxis: 'y',\n    layout: {\n      padding: {\n        right: (config.stacked ? config.showTotalLabels : config.showValueLabels)\n          ? chartjsAxisOptionsLayoutPadding\n          : 0,\n      },\n    },\n    plugins: {\n      datalabels: {\n        labels: {\n          total: {\n            align: (context) => {\n              const value = context.dataset.data[context.dataIndex] as number;\n              return value >= 0 ? 'right' : 'left';\n            },\n          },\n          value: {\n            align: (context) => {\n              if (config.stacked) {\n                return 'center';\n              }\n              const value = context.dataset.data[context.dataIndex] as number;\n              return value >= 0 ? 'right' : 'left';\n            },\n          },\n        },\n      },\n    },\n    scales: {\n      x: {\n        grid: { display: true },\n        ticks: {\n          color: getStyle('--em-chart-grid-font-color-muted'),\n        },\n        min: config.xAxisRangeMin,\n        max: config.xAxisRangeMax,\n        type: config.showLogarithmicScale ? 'logarithmic' : 'linear',\n      },\n      y: {\n        grid: { display: false },\n        ticks: {\n          color: getStyle('--em-chart-grid-font-color-default'),\n        },\n        reverse: config.reverseYAxis,\n      },\n    },\n  };\n};\n\nexport const getBarChartOptions = (\n  options: BarChartConfigurationProps,\n): Partial<ChartOptions<'bar'>> => {\n  const baseBarChartOptions: Partial<ChartOptions<'bar'>> = {\n    elements: {\n      bar: {\n        borderRadius: getStyleNumber('--em-chart-style-border-radius-default'),\n      },\n    },\n    plugins: {\n      legend: { display: options.showLegend },\n      tooltip: {\n        enabled: options.showTooltips,\n      },\n      datalabels: {\n        display: (context) => {\n          return options.showValueLabels && context.dataset.data[context.dataIndex] !== 0\n            ? 'auto'\n            : false;\n        },\n        labels: {\n          total: {\n            display: (context) => getDatalabelTotalDisplay(context, options.showTotalLabels),\n            formatter: getDatalabelTotalFormatter,\n            anchor: (context) => {\n              const value = context.dataset.data[context.dataIndex] as number;\n              return value >= 0 ? 'end' : 'start';\n            },\n          },\n          value: {\n            anchor: (context) => {\n              if (options.stacked) {\n                return 'center';\n              }\n              const value = context.dataset.data[context.dataIndex] as number;\n              return value >= 0 ? 'end' : 'start';\n            },\n          },\n        },\n      },\n    },\n    scales: {\n      x: {\n        stacked: Boolean(options.stacked),\n        title: {\n          display: Boolean(options.xAxisLabel),\n          text: options.xAxisLabel ?? '',\n        },\n        ticks: { display: true },\n      },\n      y: {\n        stacked: Boolean(options.stacked),\n        title: {\n          display: Boolean(options.yAxisLabel),\n          text: options.yAxisLabel ?? '',\n        },\n        ticks: { display: true },\n      },\n    },\n  };\n\n  const getVerticalHorizontalOptions = options.horizontal\n    ? getBarHorizontalChartOptions\n    : getBarVerticalChartOptions;\n\n  const verticalHorizontalOptions = getVerticalHorizontalOptions(options);\n\n  return mergician(chartjsAxisOptions, baseBarChartOptions, verticalHorizontalOptions);\n};\n","import { FC, useRef } from 'react';\nimport { Bar } from 'react-chartjs-2';\nimport {\n  Chart as ChartJS,\n  CategoryScale,\n  LinearScale,\n  BarElement,\n  Title,\n  Tooltip,\n  Legend,\n  LogarithmicScale,\n} from 'chart.js';\nimport { BaseBarChartProps } from './bars.types';\nimport { getSegmentIndexClicked } from '../chartjs.utils';\nimport { getBarChartData, getBarChartOptions } from './bars.utils';\nimport styles from '../charts.module.css';\nimport { mergician } from 'mergician';\nimport ChartDataLabels from 'chartjs-plugin-datalabels';\n\nChartJS.register(\n  CategoryScale,\n  LinearScale,\n  BarElement,\n  LogarithmicScale,\n  Title,\n  Tooltip,\n  Legend,\n  ChartDataLabels,\n);\n\nexport type BarChartProps = BaseBarChartProps;\n\nexport const BarChart: FC<BarChartProps> = ({ data, onSegmentClick, options = {}, ...props }) => {\n  const chartRef = useRef(null);\n\n  const barChartOptions = mergician(getBarChartOptions(props), options);\n\n  const handleSegmentClick = (event: React.MouseEvent<HTMLCanvasElement>) => {\n    const indexClicked = getSegmentIndexClicked(event, chartRef);\n    onSegmentClick?.(indexClicked);\n  };\n\n  return (\n    <div className={styles.chartContainer}>\n      <Bar\n        ref={chartRef}\n        data={getBarChartData(data)}\n        options={barChartOptions}\n        onClick={handleSegmentClick}\n      />\n    </div>\n  );\n};\n","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 } from '../../../../remarkable-ui';\nimport { getObjectStableKey } from '../../../utils.ts/object.utils';\nimport { chartContrastColors } from '../../../../remarkable-ui/charts/charts.constants';\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(Boolean))].sort();\n  const groupDimensionName = `${groupDimension.name}${groupDimension.inputs?.granularity ? `.${groupDimension.inputs.granularity}` : ''}`;\n  const groupBy = [...new Set(data.map((d) => d[groupDimensionName]))].filter(Boolean);\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":["getBarChartData","data","_a","dataset","index","colors","chartContrastColors","defaultDataset","mergician","getDatalabelTotalDisplay","context","showTotalLabels","getDatalabelTotalFormatter","_value","datasets","i","total","sum","ds","val","getBarVerticalChartOptions","config","chartjsAxisOptionsLayoutPadding","getStyle","getBarHorizontalChartOptions","getBarChartOptions","options","baseBarChartOptions","getStyleNumber","verticalHorizontalOptions","chartjsAxisOptions","ChartJS","CategoryScale","LinearScale","BarElement","LogarithmicScale","Title","Tooltip","Legend","ChartDataLabels","BarChart","onSegmentClick","props","chartRef","useRef","barChartOptions","handleSegmentClick","event","indexClicked","getSegmentIndexClicked","jsx","styles","Bar","getBarStackedChartProData","theme","themeFormatter","getThemeFormatter","dimension","groupDimension","measure","axis","d","groupDimensionName","groupBy","themeKey","getObjectStableKey","groupByItem","backgroundColor","getColor","borderColor","axisItem","record","getBarChartProData","remarkableTheme","groupedData","groupTailAsOther","item","chartColors","getBarChartProDatalabelTotalFormatter","formatter","getBarChartProOptions","onBarClicked","measures","horizontal","value","label","raw","_event","elements","chart","element","axisDimensionValue","groupingDimensionValue"],"mappings":"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"}

package/dist/charts.fillGaps.hooks-5WclK2CD.js

@@ -0,0 +1,65 @@
+import { g as B, d as n, u as E } from "./utc-B2gCnkBk.js";
+import { i as F, q as M } from "./quarterOfYear-C0maIilJ.js";
+import { useTheme as W } from "@embeddable.com/react";
+import { useMemo as Z } from "react";
+var S = { exports: {} }, $ = S.exports, j;
+function b() {
+  return j || (j = 1, (function(O, h) {
+    (function(e, t) {
+      O.exports = t();
+    })($, (function() {
+      return function(e, t) {
+        t.prototype.isSameOrBefore = function(f, o) {
+          return this.isSame(f, o) || this.isBefore(f, o);
+        };
+      };
+    }));
+  })(S)), S.exports;
+}
+var C = b();
+const G = /* @__PURE__ */ B(C);
+n.extend(E);
+n.extend(F);
+n.extend(G);
+n.extend(M);
+function A(O) {
+  const h = W(), { results: e, dimension: t, orderDirection: f = "asc", externalDateBounds: o } = O;
+  return Z(() => {
+    var k, q, I, R, V, w;
+    const m = (k = t.inputs) == null ? void 0 : k.granularity, s = t.name, a = (q = t.inputs) == null ? void 0 : q.dateBounds;
+    if (!m || !s || e != null && e.isLoading) return e;
+    const c = a != null && a.relativeTimeString ? (I = h.defaults.dateRangesOptions.find((r) => r.value === (a == null ? void 0 : a.relativeTimeString))) == null ? void 0 : I.getRange() : a;
+    if (t.nativeType !== "time") return e;
+    const u = [...(e == null ? void 0 : e.data) ?? []].sort((r, i) => {
+      const l = r[s], p = i[s];
+      return l == null ? 1 : p == null ? -1 : n.utc(l).diff(n.utc(p));
+    }), x = n.utc(
+      (o == null ? void 0 : o.from) ?? (c == null ? void 0 : c.from) ?? ((R = u[0]) == null ? void 0 : R[s])
+    ), y = n.utc(
+      (o == null ? void 0 : o.to) ?? (c == null ? void 0 : c.to) ?? ((V = u[u.length - 1]) == null ? void 0 : V[s]) ?? ((w = [...u].reverse().find((r) => (r == null ? void 0 : r[s]) != null)) == null ? void 0 : w[s])
+    );
+    if (!x.isValid() || !y.isValid())
+      return { ...e, data: [] };
+    const v = /* @__PURE__ */ new Map();
+    for (const r of u) {
+      const i = r[s];
+      if (i == null) continue;
+      const l = n.utc(i).toISOString().split("Z")[0], p = v.get(l) ?? [];
+      p.push(r), v.set(l, p);
+    }
+    const d = [];
+    let g = x.startOf(m === "week" ? "isoWeek" : m);
+    for (; g.isSameOrBefore(y); ) {
+      const r = g.toISOString().split("Z")[0], i = v.get(r);
+      i && i.length > 0 ? d.push(...i) : d.push({ [s]: r }), g = g.add(1, m);
+    }
+    return f === "desc" && d.reverse(), {
+      ...e,
+      data: d
+    };
+  }, [e, t, f, h]);
+}
+export {
+  A as u
+};
+//# sourceMappingURL=charts.fillGaps.hooks-5WclK2CD.js.map

package/dist/charts.fillGaps.hooks-5WclK2CD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"charts.fillGaps.hooks-5WclK2CD.js","sources":["../node_modules/dayjs/plugin/isSameOrBefore.js","../src/remarkable-pro/components/charts/charts.fillGaps.hooks.ts"],"sourcesContent":["!function(e,i){\"object\"==typeof exports&&\"undefined\"!=typeof module?module.exports=i():\"function\"==typeof define&&define.amd?define(i):(e=\"undefined\"!=typeof globalThis?globalThis:e||self).dayjs_plugin_isSameOrBefore=i()}(this,(function(){\"use strict\";return function(e,i){i.prototype.isSameOrBefore=function(e,i){return this.isSame(e,i)||this.isBefore(e,i)}}}));","import { DataResponse, Dimension, TimeRange } from '@embeddable.com/core';\nimport dayjs, { QUnitType } from 'dayjs';\nimport isoWeek from 'dayjs/plugin/isoWeek.js';\nimport utc from 'dayjs/plugin/utc.js';\nimport isSameOrBefore from 'dayjs/plugin/isSameOrBefore.js';\nimport { Theme } from '../../theme/theme.types';\nimport { useTheme } from '@embeddable.com/react';\nimport { useMemo } from 'react';\nimport quarterOfYear from 'dayjs/plugin/quarterOfYear.js';\n\ndayjs.extend(utc);\ndayjs.extend(isoWeek);\ndayjs.extend(isSameOrBefore);\ndayjs.extend(quarterOfYear);\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype DataRecord = { [key: string]: any };\n\ntype UseFillGapsProps = {\n  results: DataResponse | undefined;\n  dimension: Dimension;\n  orderDirection?: 'asc' | 'desc';\n  externalDateBounds?: TimeRange;\n};\n\nexport function useFillGaps(props: UseFillGapsProps): DataResponse {\n  const theme = useTheme() as Theme;\n  const { results, dimension, orderDirection = 'asc', externalDateBounds } = props;\n\n  const processed = useMemo(() => {\n    const granularity = dimension.inputs?.granularity;\n    const dimensionName = dimension.name;\n    const dateBoundsTmp: TimeRange = dimension.inputs?.dateBounds;\n\n    if (!granularity || !dimensionName || results?.isLoading) return results;\n\n    const dateBounds = dateBoundsTmp?.relativeTimeString\n      ? theme.defaults.dateRangesOptions\n          .find((option) => option.value === dateBoundsTmp?.relativeTimeString)\n          ?.getRange()\n      : dateBoundsTmp;\n\n    if (dimension.nativeType !== 'time') return results;\n\n    const sortedResults = [...(results?.data ?? [])].sort((a, b) => {\n      const aVal = a[dimensionName];\n      const bVal = b[dimensionName];\n      if (aVal == null) return 1;\n      if (bVal == null) return -1;\n      return dayjs.utc(aVal).diff(dayjs.utc(bVal));\n    });\n\n    // Determine the full date range even if data is empty\n    const from = dayjs.utc(\n      externalDateBounds?.from ?? dateBounds?.from ?? sortedResults[0]?.[dimensionName],\n    );\n\n    const to = dayjs.utc(\n      externalDateBounds?.to ??\n        dateBounds?.to ??\n        sortedResults[sortedResults.length - 1]?.[dimensionName] ??\n        [...sortedResults].reverse().find((item) => item?.[dimensionName] != null)?.[dimensionName],\n    );\n\n    // If we *still* don’t have valid date bounds, bail out safely\n    if (!from.isValid() || !to.isValid()) {\n      return { ...results, data: [] };\n    }\n\n    const recordsByDate = new Map<string, DataRecord[]>();\n    for (const record of sortedResults) {\n      const value = record[dimensionName];\n      if (value == null) continue;\n      const key = dayjs.utc(value).toISOString().split('Z')[0]!;\n      const arr = recordsByDate.get(key) ?? [];\n      arr.push(record);\n      recordsByDate.set(key, arr);\n    }\n\n    const filled: DataRecord[] = [];\n    let current = from.startOf((granularity === 'week' ? 'isoWeek' : granularity) as QUnitType);\n\n    while (current.isSameOrBefore(to)) {\n      const key = current.toISOString().split('Z')[0]!;\n      const records = recordsByDate.get(key);\n\n      if (records && records.length > 0) {\n        filled.push(...records);\n      } else {\n        filled.push({ [dimensionName]: key });\n      }\n\n      current = current.add(1, granularity as QUnitType);\n    }\n\n    if (orderDirection === 'desc') {\n      filled.reverse();\n    }\n\n    return {\n      ...results,\n      data: filled,\n    };\n  }, [results, dimension, orderDirection, theme]);\n\n  return processed as DataResponse;\n}\n"],"names":["i","module","this","e","dayjs","utc","isoWeek","isSameOrBefore","quarterOfYear","useFillGaps","props","theme","useTheme","results","dimension","orderDirection","externalDateBounds","useMemo","granularity","_a","dimensionName","dateBoundsTmp","_b","dateBounds","_c","option","sortedResults","a","b","aVal","bVal","from","_d","to","_e","_f","item","recordsByDate","record","value","key","arr","filled","current","records"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/{charts.utils-thzpOSh_.js → charts.utils-DAY1g9cO.js}

@@ -1,6 +1,6 @@
-import { i as ni, aO as is, U as cn } from "./component.constants-DEUc2joh.js";
+import { i as ni, aO as is, U as cn } from "./component.constants-DLFLckJJ.js";
 import { g as ss, d as Ee, u as ai } from "./utc-B2gCnkBk.js";
-import { g as os } from "./formatter.utils-CAAgns3t.js";
+import { g as os } from "./formatter.utils-DoXXleDW.js";
 import { i as ii, q as si } from "./quarterOfYear-C0maIilJ.js";
 const fs = {
   "--em-gray-0": "rgb(255 255 255)",
@@ -17359,4 +17359,4 @@ export {
   Vd as r,
   ms as s
 };
-//# sourceMappingURL=charts.utils-thzpOSh_.js.map
+//# sourceMappingURL=charts.utils-DAY1g9cO.js.map