@embeddable.com/remarkable-ui 1.0.5 → 2.0.1

package/dist/HeatMap-HTlj76CN.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeatMap-HTlj76CN.js","sources":["../src/remarkable-ui/components/charts/tables/HeatMap/HeatMap.utils.ts","../src/remarkable-ui/components/charts/tables/HeatMap/HeatMap.tsx"],"sourcesContent":["import { HeatMapPropsMeasure, HeatMapPropsThreshold } from './HeatMap.types';\n\n/* -------------------------------------------------------------------------- */\n/* Core math + tiny helpers                                                   */\n/* -------------------------------------------------------------------------- */\n\nconst clamp01 = (x: number) => (x < 0 ? 0 : x > 1 ? 1 : x);\nconst easeOutQuad = (x: number) => 1 - (1 - x) * (1 - x);\nconst lerp = (a: number, b: number, t: number) => a + (b - a) * t;\n\n/** Max darkening applied for values outside the domain (0..1). Lower = lighter tails. */\nconst OUTSIDE_DARKEN_MAX = 0.35;\n/** Darkest color to lerp toward when outside domain (kept as const for tree-shakeability). */\nconst LERP_DARKEST_COLOR = '#000000';\nconst LERP_LIGHTEST_COLOR = '#FFFFFF';\n\nexport const idOf = (v: unknown) => String(v ?? '');\n\n/* -------------------------------------------------------------------------- */\n/* Color parsing / conversion                                                 */\n/*  - Resolves hex/rgb/hsl/named/var(...) to a hex string (#rrggbb)           */\n/*  - Memoized to avoid repeated DOM work                                     */\n/* -------------------------------------------------------------------------- */\n\nconst CSS_RGB_REGEX = /rgba?\\(\\s*(\\d+)\\s*,\\s*(\\d+)\\s*,\\s*(\\d+)/i;\nconst COLOR_CACHE = new Map<string, string>();\n\n/** Normalizes short or long hex to lowercase #rrggbb; returns input if not hex. */\nconst normalizeHex = (hex: string) => {\n  if (!hex || hex[0] !== '#') return hex;\n  const v = hex.slice(1).toLowerCase();\n  if (v.length === 3) return `#${v[0]}${v[0]}${v[1]}${v[1]}${v[2]}${v[2]}`;\n  if (v.length === 6) return `#${v}`;\n  return hex.toLowerCase();\n};\n\n/**\n * Resolves any CSS color (hex, rgb/rgba, hsl/hsla, named, var(--token)) into #rrggbb.\n * SSR-safe: returns input unchanged if `document` is not available.\n */\nconst resolveCssColorToHex = (input: string): string => {\n  if (!input) return input;\n  const cached = COLOR_CACHE.get(input);\n  if (cached) return cached;\n\n  // Quick-path for hex.\n  if (input.startsWith('#')) {\n    const hex = normalizeHex(input);\n    COLOR_CACHE.set(input, hex);\n    return hex;\n  }\n\n  if (typeof document === 'undefined') {\n    // SSR: cannot resolve computed styles → return as-is (caller should accept).\n    return input;\n  }\n\n  // Use the browser to compute final color (resolves var(...), named, hsl, etc.)\n  const el = document.createElement('span');\n  el.style.color = input;\n  document.body.appendChild(el);\n  const computed = getComputedStyle(el).color || '';\n  el.remove();\n\n  // Expect \"rgb(...)\" or \"rgba(...)\" now.\n  const m = computed.match(CSS_RGB_REGEX);\n  if (!m) return input;\n\n  const [, r = '0', g = '0', b = '0'] = m;\n  const toHex = (n: string) => Number(n).toString(16).padStart(2, '0');\n  const hex = `#${toHex(r)}${toHex(g)}${toHex(b)}`.toLowerCase();\n  COLOR_CACHE.set(input, hex);\n  return hex;\n};\n\nconst hexToRgb = (color: string) => {\n  const hex = normalizeHex(resolveCssColorToHex(color)).slice(1);\n  // Guard against bad inputs\n  if (hex.length !== 6) return { r: 0, g: 0, b: 0 };\n  const i = parseInt(hex, 16);\n  return { r: (i >> 16) & 255, g: (i >> 8) & 255, b: i & 255 };\n};\n\nconst rgbToHex = (r: number, g: number, b: number) => {\n  const to = (x: number) => Math.round(x).toString(16).padStart(2, '0');\n  return `#${to(r)}${to(g)}${to(b)}`;\n};\n\n/** Linear interpolation between two colors (0..1). */\nexport const lerpColor = (a: string, b: string, t: number) => {\n  const A = hexToRgb(a);\n  const B = hexToRgb(b);\n  return rgbToHex(lerp(A.r, B.r, t), lerp(A.g, B.g, t), lerp(A.b, B.b, t));\n};\n\n/** YIQ perceived brightness, used to pick white/black text. */\nconst getBrightness = (color: string) => {\n  const { r, g, b } = hexToRgb(color);\n  return (r * 299 + g * 587 + b * 114) / 1000;\n};\n\n/** Returns '#FFFFFF' for dark backgrounds, '#212129' for light ones. */\nexport const getCellColor = (backgroundColor: string) => {\n  return getBrightness(backgroundColor) < 150 ? '#FFFFFF' : '#212129';\n};\n\n/* -------------------------------------------------------------------------- */\n/* Scales / thresholds                                                        */\n/* -------------------------------------------------------------------------- */\n\n/** Creates a diverging scale: t∈[0..1] → color blended across [min→mid→max]. */\nconst makeDiverging = (minC: string, midC: string, maxC: string, midpoint = 0.5) => {\n  const m = clamp01(midpoint);\n  return (t: number) => {\n    const x = clamp01(t);\n    return x <= m\n      ? lerpColor(minC, midC, m === 0 ? 1 : x / m)\n      : lerpColor(midC, maxC, (x - m) / (1 - m));\n  };\n};\n\n/** Parses \"NN%\" → 0..1; otherwise null. */\nconst parsePercentString = (s: string): number | null => {\n  const t = s.trim();\n  if (!t.endsWith('%')) return null;\n  const n = Number.parseFloat(t.slice(0, -1));\n  return Number.isFinite(n) ? clamp01(n / 100) : null;\n};\n\n/**\n * Converts a flexible threshold into a RAW domain value.\n * - number → raw value\n * - \"NN%\" → percentage of [rawMin..rawMax]\n * - undefined/invalid → fallback\n */\nexport const thresholdToRaw = (\n  t: HeatMapPropsThreshold,\n  rawMin: number,\n  rawMax: number,\n  fallback: number,\n): number => {\n  if (t == null) return fallback;\n  if (typeof t === 'number' && Number.isFinite(t)) return t;\n  const asPct = typeof t === 'string' ? parsePercentString(t) : null;\n  if (asPct != null) return rawMin + asPct * (rawMax - rawMin);\n\n  // Last-chance: numeric string without %\n  const maybe = Number(t as unknown as string);\n  return Number.isFinite(maybe) ? maybe : fallback;\n};\n\n/* -------------------------------------------------------------------------- */\n/* Cell value helpers                                                         */\n/* -------------------------------------------------------------------------- */\n\nconst toFiniteOrSelf = (v: number | string | undefined): number | string | undefined => {\n  if (v == null) return v;\n  const n = Number(v);\n  return Number.isFinite(n) ? n : v;\n};\n\n/**\n * Normalizes the raw cell value for display/compute:\n * - if nullish, uses `displayNullAs` (if numeric string, coerces to number)\n * - if numeric-like, returns as number\n * - otherwise returns original string\n */\nexport const getCellValue = (\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  value: any,\n  displayNullAs: string | number | undefined,\n): string | number | undefined => {\n  const fallback =\n    displayNullAs && Number.isFinite(Number(displayNullAs)) ? Number(displayNullAs) : displayNullAs;\n  return toFiniteOrSelf(value ?? fallback);\n};\n\n/** Returns the background color for a given cell value using a prepared mapper. */\nexport const getCellBackground = (\n  value: number | string | undefined,\n  colorForValue: (t: number) => string,\n): string => {\n  if (typeof value !== 'number' || !Number.isFinite(value)) return 'white';\n  return colorForValue(value);\n};\n\n/** Formats the cell’s display text (respects showValues & measure.format). */\nexport const getCellDisplayValue = (\n  value: number | string | undefined,\n  showValues: boolean,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  measure: HeatMapPropsMeasure<any>,\n) => {\n  if (!showValues) return null;\n  if (typeof value === 'string' || value == null || Number.isNaN(value as number)) return value;\n  return measure?.format ? measure.format(Number(value)) : value;\n};\n\n/* -------------------------------------------------------------------------- */\n/* Color mapper factory                                                       */\n/* -------------------------------------------------------------------------- */\n\n/** Returns midpoint in [0..1] for the diverging scale given raw min/max. */\nconst getMidPoint = (domainMin: number, domainMax: number) => {\n  const range = domainMax - domainMin;\n  if (range === 0) return 0.5;\n  return ((domainMin + domainMax) / 2 - domainMin) / range;\n};\n\n/**\n * Builds a fast `(value:number) => color` mapper.\n *\n * Behavior:\n * - Inside [domainMin..domainMax]: interpolate via diverging scale.\n * - Below domain: darken from `minColor` toward black, eased & capped.\n * - Above domain: darken from `maxColor` toward black, eased & capped.\n * - Degenerate domain: always returns mid color.\n */\nexport const createColorForValue = ({\n  domainMin,\n  domainMax,\n  rawMin,\n  rawMax,\n  minColor,\n  midColor,\n  maxColor,\n}: {\n  domainMin: number;\n  domainMax: number;\n  rawMin: number;\n  rawMax: number;\n  minColor: string;\n  midColor: string;\n  maxColor: string;\n}) => {\n  const midPoint = getMidPoint(domainMin, domainMax);\n  const scale = makeDiverging(minColor, midColor, maxColor, midPoint);\n\n  const leftTailLen = Math.max(1e-6, domainMin - rawMin);\n  const rightTailLen = Math.max(1e-6, rawMax - domainMax);\n  const domRange = domainMax - domainMin;\n\n  if (domRange === 0) {\n    // Degenerate domain → fixed color\n    const mid = scale(0.5);\n    // eslint-disable-next-line  @typescript-eslint/no-unused-vars\n    return (_v: number) => mid;\n  }\n\n  return (v: number) => {\n    if (!Number.isFinite(v)) return scale(0.5);\n\n    const t = (v - domainMin) / domRange;\n\n    if (t <= 0) {\n      const dist = Math.max(0, domainMin - v) / leftTailLen;\n      const strength = easeOutQuad(clamp01(dist)) * OUTSIDE_DARKEN_MAX;\n      return strength > 0 ? lerpColor(minColor, LERP_LIGHTEST_COLOR, strength) : minColor;\n    }\n\n    if (t >= 1) {\n      const dist = Math.max(0, v - domainMax) / rightTailLen;\n      const strength = easeOutQuad(clamp01(dist)) * OUTSIDE_DARKEN_MAX;\n      return strength > 0 ? lerpColor(maxColor, LERP_DARKEST_COLOR, strength) : maxColor;\n    }\n\n    return scale(t);\n  };\n};\n","import { useMemo, useCallback } from 'react';\nimport tableStyles from '../tables.module.css';\nimport clsx from 'clsx';\nimport { HeatMapProps } from './HeatMap.types';\nimport {\n  createColorForValue,\n  getCellBackground,\n  getCellColor,\n  getCellDisplayValue,\n  getCellValue,\n  idOf,\n  thresholdToRaw,\n} from './HeatMap.utils';\nimport { getTableCellWidthStyle } from '../tables.utils';\nimport { getStyle } from '../../../../styles/styles.utils';\n\nexport const HeatMap = <T extends Record<string, unknown>>({\n  data,\n  showValues = false,\n  className,\n  columnDimension,\n  rowDimension,\n  measure,\n  minThreshold,\n  maxThreshold,\n  minColor,\n  midColor = getStyle('--em-tablechart-heatmap-color', '#FF5400'),\n  maxColor,\n  columnWidth,\n  firstColumnWidth,\n  displayNullAs,\n}: HeatMapProps<T>) => {\n  // 1. Get raw min/max from data\n  const { rawMin, rawMax } = useMemo(() => {\n    let min = Infinity;\n    let max = -Infinity;\n    for (const d of data) {\n      const value = getCellValue(d[measure.key], displayNullAs);\n\n      if (value != null && typeof value === 'number' && Number.isFinite(value)) {\n        if (value < min) min = value;\n        if (value > max) max = value;\n      }\n    }\n    if (!Number.isFinite(min) || !Number.isFinite(max)) return { rawMin: 0, rawMax: 0 };\n    return { rawMin: min, rawMax: max };\n  }, [data, measure.key, displayNullAs]);\n\n  // 2. Resolve thresholds to a raw domain\n  const { domainMin, domainMax } = useMemo(() => {\n    const domMin = thresholdToRaw(minThreshold, rawMin, rawMax, rawMin);\n    const domMax = thresholdToRaw(maxThreshold, rawMin, rawMax, rawMax);\n    return domMin <= domMax\n      ? { domainMin: domMin, domainMax: domMax }\n      : { domainMin: domMax, domainMax: domMin };\n  }, [minThreshold, maxThreshold, rawMin, rawMax]);\n\n  const columnValues = useMemo(\n    () =>\n      Array.from(\n        new Set(\n          data\n            .map((d) => d[columnDimension.key])\n            .filter((v) => v != null)\n            .map(idOf),\n        ),\n      ),\n    [data, columnDimension.key],\n  );\n\n  const rowValues = useMemo(\n    () =>\n      Array.from(\n        new Set(\n          data\n            .map((d) => d[rowDimension.key])\n            .filter((v) => v != null)\n            .map(idOf),\n        ),\n      ),\n    [data, rowDimension.key],\n  );\n\n  // 3. Store data in a map for fast lookup\n  const cellMap = useMemo(() => {\n    const map = new Map<string, Map<string, Record<string, unknown>>>();\n    for (const d of data) {\n      const r = idOf(d[rowDimension.key]);\n      const c = idOf(d[columnDimension.key]);\n      if (!map.has(r)) map.set(r, new Map());\n      map.get(r)!.set(c, d as Record<string, unknown>);\n    }\n    return map;\n  }, [data, rowDimension.key, columnDimension.key]);\n\n  // 4. Create color scale function\n  const colorForValue = useCallback(\n    (v: number) => {\n      return createColorForValue({\n        domainMin,\n        domainMax,\n        rawMin,\n        rawMax,\n        minColor,\n        midColor,\n        maxColor,\n      })(v);\n    },\n    [domainMin, domainMax, rawMin, rawMax, minColor, midColor, maxColor],\n  );\n\n  return (\n    <div className={clsx(tableStyles.tableFullContainer, className)}>\n      <div\n        className={clsx(\n          tableStyles.tableAdjustedContainer,\n          (!columnWidth || !firstColumnWidth) && tableStyles.fullWidth,\n        )}\n      >\n        <table className={tableStyles.table} aria-label=\"Heat map\">\n          <thead>\n            <tr>\n              <th\n                className={tableStyles.stickyFirstColumn}\n                style={getTableCellWidthStyle(firstColumnWidth)}\n              >\n                {measure.label}\n              </th>\n              {columnValues.map((cv, index) => (\n                <th key={`col-${cv}-${index}`} style={getTableCellWidthStyle(columnWidth)}>\n                  {columnDimension.format ? columnDimension.format(cv) : cv}\n                </th>\n              ))}\n            </tr>\n          </thead>\n\n          <tbody>\n            {rowValues.map((rv) => (\n              <tr key={`row-${rv}`}>\n                <th\n                  scope=\"row\"\n                  className={tableStyles.stickyFirstColumn}\n                  style={getTableCellWidthStyle(firstColumnWidth)}\n                >\n                  {rowDimension.format ? rowDimension.format(rv) : rv}\n                </th>\n\n                {columnValues.map((cv) => {\n                  const obj = cellMap.get(rv)?.get(cv);\n                  const value = getCellValue(obj?.[measure.key], displayNullAs);\n                  const background = getCellBackground(value, colorForValue);\n                  const color = getCellColor(background);\n\n                  return (\n                    <td\n                      key={`cell-${rv}-${cv}`}\n                      style={{\n                        background,\n                        color,\n                        textAlign: 'center',\n                        ...getTableCellWidthStyle(columnWidth),\n                      }}\n                    >\n                      {getCellDisplayValue(value, showValues, measure)}\n                    </td>\n                  );\n                })}\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      </div>\n    </div>\n  );\n};\n"],"names":["clamp01","x","easeOutQuad","lerp","a","b","t","OUTSIDE_DARKEN_MAX","LERP_DARKEST_COLOR","LERP_LIGHTEST_COLOR","idOf","v","CSS_RGB_REGEX","COLOR_CACHE","normalizeHex","hex","resolveCssColorToHex","input","cached","el","computed","m","r","g","toHex","n","hexToRgb","color","i","rgbToHex","to","lerpColor","A","B","getBrightness","getCellColor","backgroundColor","makeDiverging","minC","midC","maxC","midpoint","parsePercentString","s","thresholdToRaw","rawMin","rawMax","fallback","asPct","maybe","toFiniteOrSelf","getCellValue","value","displayNullAs","getCellBackground","colorForValue","getCellDisplayValue","showValues","measure","getMidPoint","domainMin","domainMax","range","createColorForValue","minColor","midColor","maxColor","midPoint","scale","leftTailLen","rightTailLen","domRange","mid","_v","dist","strength","HeatMap","data","className","columnDimension","rowDimension","minThreshold","maxThreshold","getStyle","columnWidth","firstColumnWidth","useMemo","min","max","d","domMin","domMax","columnValues","rowValues","cellMap","map","c","useCallback","clsx","tableStyles","jsx","getTableCellWidthStyle","cv","index","rv","obj","_a","background"],"mappings":"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"}

package/dist/HeatMapPro.js

@@ -1,138 +0,0 @@
-import { i as v, r as F, j as u, d as S, w as A, b as d, t as j, c as N, R as i, S as l, I as P, J as c, A as q, o as E } from "./component.constants-B5vygi6l.js";
-import { useTheme as k, defineComponent as B } from "@embeddable.com/react";
-import { C as G } from "./ChartCard-BzLW_64B.js";
-import "react";
-import { H as I } from "./HeatMap-HTlj76CN.js";
-import { g as C } from "./formatter.utils-N2gk49ys.js";
-import { u as h } from "./charts.fillGaps.hooks-5WclK2CD.js";
-const O = (e, a) => {
-  const n = C(a);
-  return {
-    key: e.measure.name,
-    label: n.dimensionOrMeasureTitle(e.measure),
-    format: (o) => n.data(e.measure, o)
-  };
-}, p = (e, a) => {
-  const n = C(a);
-  return {
-    key: e.dimension.name,
-    label: n.dimensionOrMeasureTitle(e.dimension),
-    format: (o) => n.data(e.dimension, o)
-  };
-}, J = (e) => {
-  const a = k();
-  v(a);
-  const { description: n, title: o } = F(e), {
-    measure: m,
-    rowDimension: r,
-    columnDimension: s,
-    maxColor: b,
-    midColor: g,
-    minColor: f,
-    displayNullAs: D,
-    columnWidth: M,
-    firstColumnWidth: w,
-    showValues: x,
-    minThreshold: T,
-    maxThreshold: H
-  } = e, y = h({
-    results: e.results,
-    dimension: s
-  }), t = h({
-    results: y,
-    dimension: r
-  }), R = O({ measure: m }, a), V = p({ dimension: r }, a), W = p({ dimension: s }, a);
-  return /* @__PURE__ */ u.jsx(
-    G,
-    {
-      title: o,
-      subtitle: n,
-      data: e.results,
-      dimensionsAndMeasures: [r, s, m],
-      errorMessage: t == null ? void 0 : t.error,
-      children: /* @__PURE__ */ u.jsx(
-        I,
-        {
-          data: t.data ?? [],
-          measure: R,
-          rowDimension: V,
-          columnDimension: W,
-          maxColor: b,
-          midColor: g,
-          minColor: f,
-          showValues: x,
-          minThreshold: T,
-          maxThreshold: H,
-          columnWidth: M,
-          firstColumnWidth: w,
-          displayNullAs: D
-        }
-      )
-    }
-  );
-}, _ = {
-  name: "HeatMapPro",
-  label: "Heat Map",
-  category: "Table Charts",
-  inputs: [
-    S,
-    A,
-    {
-      ...d,
-      label: "Row Dimension",
-      name: "rowDimension"
-    },
-    {
-      ...d,
-      label: "Column Dimension",
-      name: "columnDimension"
-    },
-    j,
-    N,
-    { ...i, name: "displayNullAs", label: "Display Null As" },
-    { ...l, name: "maxColor", label: "Max Color", defaultValue: "green", required: !0 },
-    { ...l, name: "midColor", label: "Mid Color", defaultValue: "yellow", required: !0 },
-    { ...l, name: "minColor", label: "Min Color", defaultValue: "red", required: !0 },
-    {
-      ...i,
-      name: "minThreshold",
-      label: "Max range lower limit",
-      description: "Enter a value as either a number (e.g. 20) or a percentage (e.g. 20%)"
-    },
-    {
-      ...i,
-      name: "maxThreshold",
-      label: "Min range upper limit",
-      description: "Enter a value as either a number (e.g. 20) or a percentage (e.g. 20%)"
-    },
-    { ...P, name: "showValues", label: "Show Values", defaultValue: !0 },
-    {
-      ...c,
-      name: "firstColumnWidth",
-      label: "First Column Width",
-      description: "Set the width in px (e.g. 200)"
-    },
-    {
-      ...c,
-      name: "columnWidth",
-      label: "Column Width",
-      description: "Set the width in px (e.g. 200)"
-    },
-    q
-  ]
-}, Z = B(J, _, {
-  props: (e) => ({
-    ...e,
-    results: E({
-      from: e.dataset,
-      select: [e.rowDimension, e.columnDimension, e.measure],
-      limit: e.maxResults,
-      countRows: !0
-    })
-  })
-});
-export {
-  Z as default,
-  _ as meta
-};
-//# sourceMappingURL=HeatMapPro.js.map

package/dist/HeatMapPro.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeatMapPro.js","sources":["../src/remarkable-pro/components/charts/tables/HeatMapPro/index.tsx","../src/remarkable-pro/components/charts/tables/HeatMapPro/HeatMapPro.emb.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { 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 { HeatMap, HeatMapPropsDimension, HeatMapPropsMeasure } from '../../../../../remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\n\ntype HeatMapProProps = {\n  columnDimension: Dimension;\n  columnWidth?: number;\n  description: string;\n  displayNullAs?: string;\n  firstColumnWidth?: number;\n  maxColor: string;\n  maxThreshold?: string;\n  measure: Measure;\n  midColor: string;\n  minColor: string;\n  minThreshold?: string;\n  results: DataResponse;\n  rowDimension: Dimension;\n  showValues?: boolean;\n  title: string;\n};\n\nexport const getHeatMeasure = (\n  props: { measure: Measure },\n  theme: Theme,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): HeatMapPropsMeasure<any> => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    key: props.measure.name,\n    label: themeFormatter.dimensionOrMeasureTitle(props.measure),\n    format: (value) => {\n      return themeFormatter.data(props.measure, value);\n    },\n  };\n};\n\nexport const getHeatDimension = (\n  props: { dimension: Dimension },\n  theme: Theme,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): HeatMapPropsDimension<any> => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    key: props.dimension.name,\n    label: themeFormatter.dimensionOrMeasureTitle(props.dimension),\n    format: (value: string) => themeFormatter.data(props.dimension, value),\n  };\n};\n\nconst HeatMapPro = (props: HeatMapProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { description, title } = resolveI18nProps(props);\n  const {\n    measure,\n    rowDimension,\n    columnDimension,\n    maxColor,\n    midColor,\n    minColor,\n    displayNullAs,\n    columnWidth,\n    firstColumnWidth,\n    showValues,\n    minThreshold,\n    maxThreshold,\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 pivotMeasures = getHeatMeasure({ measure }, theme);\n  const pivotRowDimension = getHeatDimension({ dimension: rowDimension }, theme);\n  const pivotColumnDimension = getHeatDimension({ dimension: columnDimension }, theme);\n\n  return (\n    <ChartCard\n      title={title}\n      subtitle={description}\n      data={props.results}\n      dimensionsAndMeasures={[rowDimension, columnDimension, measure]}\n      errorMessage={results?.error}\n    >\n      <HeatMap\n        data={results.data ?? []}\n        measure={pivotMeasures}\n        rowDimension={pivotRowDimension}\n        columnDimension={pivotColumnDimension}\n        maxColor={maxColor}\n        midColor={midColor}\n        minColor={minColor}\n        showValues={showValues}\n        minThreshold={minThreshold}\n        maxThreshold={maxThreshold}\n        columnWidth={columnWidth}\n        firstColumnWidth={firstColumnWidth}\n        displayNullAs={displayNullAs}\n      />\n    </ChartCard>\n  );\n};\n\nexport default HeatMapPro;\n","import { loadData } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport HeatMapPro from './index';\nimport {\n  dataset,\n  description,\n  title,\n  maxResults,\n  genericString,\n  dimensionWithDateBounds,\n  genericNumber,\n  measure,\n  inputColor,\n  genericBoolean,\n} from '../../../component.constants';\n\nexport const meta = {\n  name: 'HeatMapPro',\n  label: 'Heat Map',\n  category: 'Table Charts',\n  inputs: [\n    dataset,\n    measure,\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    { ...genericString, name: 'displayNullAs', label: 'Display Null As' },\n    { ...inputColor, name: 'maxColor', label: 'Max Color', defaultValue: 'green', required: true },\n    { ...inputColor, name: 'midColor', label: 'Mid Color', defaultValue: 'yellow', required: true },\n    { ...inputColor, name: 'minColor', label: 'Min Color', defaultValue: 'red', required: true },\n    {\n      ...genericString,\n      name: 'minThreshold',\n      label: 'Max range lower limit',\n      description: 'Enter a value as either a number (e.g. 20) or a percentage (e.g. 20%)',\n    },\n    {\n      ...genericString,\n      name: 'maxThreshold',\n      label: 'Min range upper limit',\n      description: 'Enter a value as either a number (e.g. 20) or a percentage (e.g. 20%)',\n    },\n    { ...genericBoolean, name: 'showValues', label: 'Show Values', defaultValue: true },\n    {\n      ...genericNumber,\n      name: 'firstColumnWidth',\n      label: 'First Column Width',\n      description: 'Set the width in px (e.g. 200)',\n    },\n    {\n      ...genericNumber,\n      name: 'columnWidth',\n      label: 'Column Width',\n      description: 'Set the width in px (e.g. 200)',\n    },\n    maxResults,\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(HeatMapPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        from: inputs.dataset,\n        select: [inputs.rowDimension, inputs.columnDimension, inputs.measure],\n        limit: inputs.maxResults,\n        countRows: true,\n      }),\n    };\n  },\n});\n"],"names":["getHeatMeasure","props","theme","themeFormatter","getThemeFormatter","value","getHeatDimension","HeatMapPro","useTheme","i18nSetup","description","title","resolveI18nProps","measure","rowDimension","columnDimension","maxColor","midColor","minColor","displayNullAs","columnWidth","firstColumnWidth","showValues","minThreshold","maxThreshold","resultsColumnDimensionFillGaps","useFillGaps","results","pivotMeasures","pivotRowDimension","pivotColumnDimension","jsx","ChartCard","HeatMap","meta","dataset","dimensionWithDateBounds","genericString","inputColor","genericBoolean","genericNumber","maxResults","HeatMapPro_emb","defineComponent","inputs","loadData"],"mappings":";;;;;;;AA4BO,MAAMA,IAAiB,CAC5BC,GACAC,MAE6B;AAC7B,QAAMC,IAAiBC,EAAkBF,CAAK;AAE9C,SAAO;AAAA,IACL,KAAKD,EAAM,QAAQ;AAAA,IACnB,OAAOE,EAAe,wBAAwBF,EAAM,OAAO;AAAA,IAC3D,QAAQ,CAACI,MACAF,EAAe,KAAKF,EAAM,SAASI,CAAK;AAAA,EACjD;AAEJ,GAEaC,IAAmB,CAC9BL,GACAC,MAE+B;AAC/B,QAAMC,IAAiBC,EAAkBF,CAAK;AAE9C,SAAO;AAAA,IACL,KAAKD,EAAM,UAAU;AAAA,IACrB,OAAOE,EAAe,wBAAwBF,EAAM,SAAS;AAAA,IAC7D,QAAQ,CAACI,MAAkBF,EAAe,KAAKF,EAAM,WAAWI,CAAK;AAAA,EAAA;AAEzE,GAEME,IAAa,CAACN,MAA2B;AAC7C,QAAMC,IAAQM,EAAA;AACd,EAAAC,EAAUP,CAAK;AAEf,QAAM,EAAE,aAAAQ,GAAa,OAAAC,MAAUC,EAAiBX,CAAK,GAC/C;AAAA,IACJ,SAAAY;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACEvB,GAGEwB,IAAiCC,EAAY;AAAA,IACjD,SAASzB,EAAM;AAAA,IACf,WAAWc;AAAA,EAAA,CACZ,GAGKY,IAAUD,EAAY;AAAA,IAC1B,SAASD;AAAA,IACT,WAAWX;AAAA,EAAA,CACZ,GAEKc,IAAgB5B,EAAe,EAAE,SAAAa,EAAA,GAAWX,CAAK,GACjD2B,IAAoBvB,EAAiB,EAAE,WAAWQ,EAAA,GAAgBZ,CAAK,GACvE4B,IAAuBxB,EAAiB,EAAE,WAAWS,EAAA,GAAmBb,CAAK;AAEnF,SACE6B,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAArB;AAAA,MACA,UAAUD;AAAA,MACV,MAAMT,EAAM;AAAA,MACZ,uBAAuB,CAACa,GAAcC,GAAiBF,CAAO;AAAA,MAC9D,cAAcc,KAAA,gBAAAA,EAAS;AAAA,MAEvB,UAAAI,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAMN,EAAQ,QAAQ,CAAA;AAAA,UACtB,SAASC;AAAA,UACT,cAAcC;AAAA,UACd,iBAAiBC;AAAA,UACjB,UAAAd;AAAA,UACA,UAAAC;AAAA,UACA,UAAAC;AAAA,UACA,YAAAI;AAAA,UACA,cAAAC;AAAA,UACA,cAAAC;AAAA,UACA,aAAAJ;AAAA,UACA,kBAAAC;AAAA,UACA,eAAAF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN,GCvGae,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC;AAAA,IACAtB;AAAA,IACA;AAAA,MACE,GAAGuB;AAAA,MACH,OAAO;AAAA,MACP,MAAM;AAAA,IAAA;AAAA,IAER;AAAA,MACE,GAAGA;AAAA,MACH,OAAO;AAAA,MACP,MAAM;AAAA,IAAA;AAAA,IAERzB;AAAA,IACAD;AAAA,IACA,EAAE,GAAG2B,GAAe,MAAM,iBAAiB,OAAO,kBAAA;AAAA,IAClD,EAAE,GAAGC,GAAY,MAAM,YAAY,OAAO,aAAa,cAAc,SAAS,UAAU,GAAA;AAAA,IACxF,EAAE,GAAGA,GAAY,MAAM,YAAY,OAAO,aAAa,cAAc,UAAU,UAAU,GAAA;AAAA,IACzF,EAAE,GAAGA,GAAY,MAAM,YAAY,OAAO,aAAa,cAAc,OAAO,UAAU,GAAA;AAAA,IACtF;AAAA,MACE,GAAGD;AAAA,MACH,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,GAAGA;AAAA,MACH,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,IAAA;AAAA,IAEf,EAAE,GAAGE,GAAgB,MAAM,cAAc,OAAO,eAAe,cAAc,GAAA;AAAA,IAC7E;AAAA,MACE,GAAGC;AAAA,MACH,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,GAAGA;AAAA,MACH,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,IAAA;AAAA,IAEfC;AAAA,EAAA;AAEJ,GAEAC,IAAeC,EAAgBpC,GAAY2B,GAAM;AAAA,EAC/C,OAAO,CAACU,OACC;AAAA,IACL,GAAGA;AAAA,IACH,SAASC,EAAS;AAAA,MAChB,MAAMD,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,cAAcA,EAAO,iBAAiBA,EAAO,OAAO;AAAA,MACpE,OAAOA,EAAO;AAAA,MACd,WAAW;AAAA,IAAA,CACZ;AAAA,EAAA;AAGP,CAAC;"}

package/dist/KpiChart-DWnEF3iA.js

@@ -1,105 +0,0 @@
-import { a0 as j, j as n, a2 as y } from "./component.constants-B5vygi6l.js";
-import { useRef as b, useState as S, useEffect as w } from "react";
-/**
- * @license @tabler/icons-react v3.35.0 - MIT
- *
- * This source code is licensed under the MIT license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const M = [["path", { d: "M3 7l6 6l4 -4l8 8", key: "svg-0" }], ["path", { d: "M21 10l0 7l-7 0", key: "svg-1" }]], R = j("outline", "trending-down", "TrendingDown", M);
-/**
- * @license @tabler/icons-react v3.35.0 - MIT
- *
- * This source code is licensed under the MIT license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const $ = [["path", { d: "M3 17l6 -6l4 4l8 -8", key: "svg-0" }], ["path", { d: "M14 7l7 0l0 7", key: "svg-1" }]], B = j("outline", "trending-up", "TrendingUp", $), L = "_kpiChartContainer_1yh32_1", T = "_kpiChartCenter_1yh32_9", I = "_kpiComparisonContainer_1yh32_27", x = {
-  kpiChartContainer: L,
-  kpiChartCenter: T,
-  kpiComparisonContainer: I
-}, K = "_kpiChartChangeContainer_c9xhz_1", D = "_kpiChangeBadge_c9xhz_10", E = "_positive_c9xhz_33", U = "_negative_c9xhz_38", q = "_kpiComparisonLabel_c9xhz_43", s = {
-  kpiChartChangeContainer: K,
-  kpiChangeBadge: D,
-  positive: E,
-  negative: U,
-  kpiComparisonLabel: q
-}, H = (e, t) => e ? t ? s.negative : s.positive : t ? s.positive : s.negative, O = ({
-  value: e,
-  comparisonValue: t = 0,
-  showChangeAsPercentage: c,
-  invertChangeColors: p = !1,
-  comparisonLabel: C,
-  valueFormatter: h,
-  percentageDecimalPlaces: g = 1,
-  equalComparisonLabel: k,
-  className: _
-}) => {
-  const o = t === e, i = e - t, a = i > 0;
-  let r;
-  c ? r = `${(t === 0 ? 0 : i / t * 100).toFixed(g)}%` : r = h ? h(i) : i.toString();
-  const f = `${a ? "+" : ""}${r}`, d = a ? B : R;
-  return /* @__PURE__ */ n.jsxs("div", { className: y(_, s.kpiChartChangeContainer), children: [
-    !o && /* @__PURE__ */ n.jsxs(
-      "span",
-      {
-        className: y(s.kpiChangeBadge, H(a, p)),
-        children: [
-          /* @__PURE__ */ n.jsx(d, {}),
-          /* @__PURE__ */ n.jsx("span", { children: f })
-        ]
-      }
-    ),
-    /* @__PURE__ */ n.jsx("span", { className: s.kpiComparisonLabel, children: o ? k ?? C : C })
-  ] });
-}, A = ({
-  value: e,
-  valueFontSize: t,
-  changeFontSize: c,
-  comparisonValue: p,
-  comparisonLabel: C,
-  invertChangeColors: h,
-  showChangeAsPercentage: g,
-  percentageDecimalPlaces: k = 1,
-  equalComparisonLabel: _ = "No change",
-  valueFormatter: o
-}) => {
-  const i = b(null), [a, r] = S(20);
-  w(() => {
-    const l = i.current, v = () => {
-      const z = l.offsetWidth, N = l.offsetHeight, u = Math.min(z, N) * 0.3;
-      r(u);
-    }, m = new ResizeObserver(v);
-    return m.observe(l), v(), () => m.disconnect();
-  }, []);
-  const f = p !== void 0, d = e === void 0 ? "" : o ? o(e) : e;
-  return /* @__PURE__ */ n.jsx("div", { className: x.kpiChartContainer, ref: i, children: /* @__PURE__ */ n.jsxs("div", { className: x.kpiChartCenter, children: [
-    /* @__PURE__ */ n.jsx(
-      "h2",
-      {
-        title: d.toString(),
-        style: {
-          fontSize: t ?? a
-        },
-        children: d
-      }
-    ),
-    /* @__PURE__ */ n.jsx("div", { className: x.kpiComparisonContainer, style: { fontSize: c }, children: f && /* @__PURE__ */ n.jsx(
-      O,
-      {
-        equalComparisonLabel: _,
-        changeFontSize: c,
-        comparisonLabel: C,
-        comparisonValue: p,
-        invertChangeColors: h,
-        percentageDecimalPlaces: k,
-        showChangeAsPercentage: g,
-        value: e,
-        valueFormatter: o
-      }
-    ) })
-  ] }) });
-};
-export {
-  A as K
-};
-//# sourceMappingURL=KpiChart-DWnEF3iA.js.map

package/dist/KpiChart-DWnEF3iA.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"KpiChart-DWnEF3iA.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconTrendingDown.mjs","../node_modules/@tabler/icons-react/dist/esm/icons/IconTrendingUp.mjs","../src/remarkable-ui/components/charts/kpis/components/KpiChartChange.tsx","../src/remarkable-ui/components/charts/kpis/KpiChart.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.35.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M3 7l6 6l4 -4l8 8\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M21 10l0 7l-7 0\", \"key\": \"svg-1\" }]];\nconst IconTrendingDown = createReactComponent(\"outline\", \"trending-down\", \"TrendingDown\", __iconNode);\n\nexport { __iconNode, IconTrendingDown as default };\n//# sourceMappingURL=IconTrendingDown.mjs.map\n","/**\n * @license @tabler/icons-react v3.35.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M3 17l6 -6l4 4l8 -8\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M14 7l7 0l0 7\", \"key\": \"svg-1\" }]];\nconst IconTrendingUp = createReactComponent(\"outline\", \"trending-up\", \"TrendingUp\", __iconNode);\n\nexport { __iconNode, IconTrendingUp as default };\n//# sourceMappingURL=IconTrendingUp.mjs.map\n","import { FC } from 'react';\nimport styles from './KpiChartChange.module.css';\nimport clsx from 'clsx';\nimport { IconTrendingDown, IconTrendingUp } from '@tabler/icons-react';\nimport { KpiChartProps } from '../KpiChart.types';\n\nconst getChangeClass = (isPositive: boolean, invertChangeColors: boolean) => {\n  if (isPositive) return invertChangeColors ? styles.negative : styles.positive;\n  return invertChangeColors ? styles.positive : styles.negative;\n};\n\ntype KpiChartChangeProps = KpiChartProps & { className?: string };\n\nexport const KpiChartChange: FC<KpiChartChangeProps> = ({\n  value,\n  comparisonValue = 0,\n  showChangeAsPercentage,\n  invertChangeColors = false,\n  comparisonLabel,\n  valueFormatter,\n  percentageDecimalPlaces = 1,\n  equalComparisonLabel,\n  className,\n}) => {\n  const equalComparison = comparisonValue === value;\n\n  const difference = value - comparisonValue;\n  const isPositive = difference > 0;\n\n  let differenceLabel: string;\n\n  if (showChangeAsPercentage) {\n    const percentage = comparisonValue === 0 ? 0 : (difference / comparisonValue) * 100;\n    differenceLabel = `${percentage.toFixed(percentageDecimalPlaces)}%`;\n  } else {\n    differenceLabel = valueFormatter ? valueFormatter(difference) : difference.toString();\n  }\n\n  const displayValue = `${isPositive ? '+' : ''}${differenceLabel}`;\n\n  const Icon = isPositive ? IconTrendingUp : IconTrendingDown;\n\n  return (\n    <div className={clsx(className, styles.kpiChartChangeContainer)}>\n      {!equalComparison && (\n        <span\n          className={clsx(styles.kpiChangeBadge, getChangeClass(isPositive, invertChangeColors))}\n        >\n          <Icon />\n          <span>{displayValue}</span>\n        </span>\n      )}\n\n      <span className={styles.kpiComparisonLabel}>\n        {equalComparison ? (equalComparisonLabel ?? comparisonLabel) : comparisonLabel}\n      </span>\n    </div>\n  );\n};\n","import { FC, useEffect, useRef, useState } from 'react';\nimport styles from './KpiChart.module.css';\nimport { KpiChartChange } from './components/KpiChartChange';\nimport { KpiChartProps } from './KpiChart.types';\n\nexport const KpiChart: FC<KpiChartProps> = ({\n  value,\n  valueFontSize,\n  changeFontSize,\n  comparisonValue,\n  comparisonLabel,\n  invertChangeColors,\n  showChangeAsPercentage,\n  percentageDecimalPlaces = 1,\n  equalComparisonLabel = 'No change',\n  valueFormatter,\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [fontSize, setFontSize] = useState(20);\n\n  useEffect(() => {\n    const container = containerRef.current!;\n\n    const updateFont = () => {\n      const w = container.offsetWidth;\n      const h = container.offsetHeight;\n\n      // proportional to the smaller dimension\n      const newSize = Math.min(w, h) * 0.3; // 40% of the smaller dimension\n      setFontSize(newSize);\n    };\n\n    const observer = new ResizeObserver(updateFont);\n    observer.observe(container);\n\n    updateFont(); // initial run\n\n    return () => observer.disconnect();\n  }, []);\n\n  const hasComparisonValue = comparisonValue !== undefined;\n\n  const displayValue = value === undefined ? '' : valueFormatter ? valueFormatter(value) : value;\n\n  return (\n    <div className={styles.kpiChartContainer} ref={containerRef}>\n      <div className={styles.kpiChartCenter}>\n        <h2\n          title={displayValue.toString()}\n          style={{\n            fontSize: valueFontSize ?? fontSize,\n          }}\n        >\n          {displayValue}\n        </h2>\n        <div className={styles.kpiComparisonContainer} style={{ fontSize: changeFontSize }}>\n          {hasComparisonValue && (\n            <KpiChartChange\n              equalComparisonLabel={equalComparisonLabel}\n              changeFontSize={changeFontSize}\n              comparisonLabel={comparisonLabel}\n              comparisonValue={comparisonValue}\n              invertChangeColors={invertChangeColors}\n              percentageDecimalPlaces={percentageDecimalPlaces}\n              showChangeAsPercentage={showChangeAsPercentage}\n              value={value}\n              valueFormatter={valueFormatter}\n            />\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["__iconNode","IconTrendingDown","createReactComponent","IconTrendingUp","getChangeClass","isPositive","invertChangeColors","styles","KpiChartChange","value","comparisonValue","showChangeAsPercentage","comparisonLabel","valueFormatter","percentageDecimalPlaces","equalComparisonLabel","className","equalComparison","difference","differenceLabel","displayValue","Icon","clsx","jsxs","jsx","KpiChart","valueFontSize","changeFontSize","containerRef","useRef","fontSize","setFontSize","useState","useEffect","container","updateFont","w","h","newSize","observer","hasComparisonValue"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/KpiChartNumberComparisonPro.js

@@ -1,160 +0,0 @@
-import { useTheme as j, defineComponent as w } from "@embeddable.com/react";
-import { i as A, r as B, F as l, j as v, d as E, w as I, G as J, H as M, t as Y, c as G, I as f, J as c, o as D } from "./component.constants-B5vygi6l.js";
-import { C as H } from "./ChartCard-BzLW_64B.js";
-import { useEffect as O } from "react";
-import { K as $ } from "./KpiChart-DWnEF3iA.js";
-import { g as k } from "./formatter.utils-N2gk49ys.js";
-import { g as q, a as Q } from "./timeRange.utils-DuutFoIE.js";
-import { C as U } from "./ComparisonPeriod.type.emb-D0_AP_PM.js";
-const W = (e) => {
-  var d, C, P, h, y, b;
-  const a = j();
-  A(a);
-  const { title: i, description: n } = B(e), {
-    changeFontSize: u,
-    comparisonPeriod: s,
-    comparisonDateRange: R,
-    displayChangeAsPercentage: F,
-    fontSize: N,
-    measure: t,
-    primaryDateRange: p,
-    results: r,
-    resultsComparison: o,
-    reversePositiveNegativeColors: S,
-    percentageDecimalPlaces: z,
-    setComparisonDateRange: K
-  } = e;
-  O(() => {
-    const m = q(
-      p,
-      s,
-      a
-    );
-    K(m);
-  }, [s, JSON.stringify(p), a]);
-  const L = (C = (d = r.data) == null ? void 0 : d[0]) == null ? void 0 : C[t.name], T = R ? (h = (P = o == null ? void 0 : o.data) == null ? void 0 : P[0]) == null ? void 0 : h[t.name] : void 0, x = k(a), V = (m) => x.data(t, m), _ = `vs ${Q(s, a).toLowerCase()}`, g = {
-    isLoading: !!(r.isLoading || o != null && o.isLoading),
-    data: !(r != null && r.data) && !(o != null && o.data) ? void 0 : [
-      ...(y = r.data) != null && y.length ? [{ label: l.t("charts.primaryPeriod"), ...r.data[0] }] : [],
-      ...(b = o == null ? void 0 : o.data) != null && b.length ? [{ label: l.t("charts.comparisonPeriod"), ...o.data[0] }] : []
-    ]
-  };
-  return /* @__PURE__ */ v.jsx(
-    H,
-    {
-      data: g,
-      dimensionsAndMeasures: [
-        // Add a label dimension to distinguish primary and comparison periods in exports
-        {
-          name: "label",
-          title: l.t("charts.label"),
-          nativeType: "string",
-          __type__: "dimension"
-        },
-        t
-      ],
-      errorMessage: r.error,
-      subtitle: n,
-      title: i,
-      children: /* @__PURE__ */ v.jsx(
-        $,
-        {
-          value: L,
-          comparisonValue: g.isLoading ? void 0 : T,
-          valueFormatter: V,
-          valueFontSize: N,
-          changeFontSize: u,
-          invertChangeColors: S,
-          showChangeAsPercentage: F,
-          comparisonLabel: _,
-          percentageDecimalPlaces: z
-        }
-      )
-    }
-  );
-}, X = {
-  name: "KpiChartNumberComparisonPro",
-  label: "Kpi Chart - Number Comparison",
-  category: "Kpi Charts",
-  inputs: [
-    E,
-    I,
-    { ...J, name: "timeProperty", label: "Time Property" },
-    {
-      ...M,
-      name: "primaryDateRange",
-      label: "Primary Date Range",
-      description: "You can also connect this to a date range selector using its variable",
-      category: "Component Data"
-    },
-    {
-      name: "comparisonPeriod",
-      type: U,
-      label: "Comparison Period",
-      description: "You can also connect this to a comparison period selector using its variable",
-      category: "Component Data"
-    },
-    Y,
-    G,
-    {
-      ...f,
-      name: "displayChangeAsPercentage",
-      label: "Display Change as %",
-      defaultValue: !1
-    },
-    {
-      ...c,
-      name: "percentageDecimalPlaces",
-      label: "Percentage Decimal Places",
-      defaultValue: 1
-    },
-    {
-      ...f,
-      name: "reversePositiveNegativeColors",
-      label: "Reverse Positive/Negative Colors",
-      defaultValue: !1
-    },
-    { ...c, name: "fontSize", label: "Font Size" },
-    {
-      ...c,
-      name: "changeFontSize",
-      label: "Change Font Size"
-    }
-  ]
-}, se = w(W, X, {
-  /* @ts-expect-error - to be fixed in @embeddable.com/react */
-  props: (e, [a, i]) => ({
-    ...e,
-    comparisonDateRange: a == null ? void 0 : a.comparisonDateRange,
-    setComparisonDateRange: (n) => i({ comparisonDateRange: n }),
-    results: D({
-      from: e.dataset,
-      select: [e.measure],
-      limit: 1,
-      filters: e.primaryDateRange && e.timeProperty ? [
-        {
-          property: e.timeProperty,
-          operator: "inDateRange",
-          value: e.primaryDateRange
-        }
-      ] : void 0
-    }),
-    resultsComparison: e.primaryDateRange && e.timeProperty && (a != null && a.comparisonDateRange) ? D({
-      from: e.dataset,
-      select: [e.measure],
-      limit: 1,
-      filters: [
-        {
-          property: e.timeProperty,
-          operator: "inDateRange",
-          value: a.comparisonDateRange
-        }
-      ]
-    }) : void 0
-  })
-});
-export {
-  se as default,
-  X as meta
-};
-//# sourceMappingURL=KpiChartNumberComparisonPro.js.map

package/dist/KpiChartNumberComparisonPro.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"KpiChartNumberComparisonPro.js","sources":["../src/remarkable-pro/components/charts/kpis/KpiChartNumberComparisonPro/index.tsx","../src/remarkable-pro/components/charts/kpis/KpiChartNumberComparisonPro/KpiChartNumberComparisonPro.emb.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Measure, TimeRange } from '@embeddable.com/core';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { KpiChart } from '../../../../../remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { useEffect } from 'react';\nimport {\n  getComparisonPeriodDateRange,\n  getComparisonPeriodLabel,\n} from '../../../utils/timeRange.utils';\n\ntype KpiChartNumberComparisonProProp = {\n  changeFontSize: number;\n  comparisonPeriod?: string;\n  description: string;\n  displayChangeAsPercentage?: boolean;\n  fontSize: number;\n  measure: Measure;\n  primaryDateRange: TimeRange;\n  results: DataResponse;\n  resultsComparison: DataResponse | undefined;\n  reversePositiveNegativeColors?: boolean;\n  title: string;\n  percentageDecimalPlaces: number;\n  comparisonDateRange: TimeRange;\n  setComparisonDateRange: (dateRange: TimeRange) => void;\n};\n\nconst KpiChartNumberComparisonPro = (props: KpiChartNumberComparisonProProp) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description } = resolveI18nProps(props);\n  const {\n    changeFontSize,\n    comparisonPeriod,\n    comparisonDateRange,\n    displayChangeAsPercentage,\n    fontSize,\n    measure,\n    primaryDateRange,\n    results,\n    resultsComparison,\n    reversePositiveNegativeColors,\n    percentageDecimalPlaces,\n    setComparisonDateRange,\n  } = props;\n\n  useEffect(() => {\n    const newComparisonDateRange = getComparisonPeriodDateRange(\n      primaryDateRange,\n      comparisonPeriod,\n      theme,\n    );\n    setComparisonDateRange(newComparisonDateRange);\n  }, [comparisonPeriod, JSON.stringify(primaryDateRange), theme]);\n\n  const value: number = results.data?.[0]?.[measure.name];\n  const comparisonValue = comparisonDateRange\n    ? resultsComparison?.data?.[0]?.[measure.name]\n    : undefined;\n\n  const themeFormatter = getThemeFormatter(theme);\n  const valueFormatter = (valueToFormat: number) => themeFormatter.data(measure, valueToFormat);\n  const comparisonLabel = `vs ${getComparisonPeriodLabel(comparisonPeriod, theme).toLowerCase()}`;\n\n  const resultsCombined: DataResponse = {\n    isLoading: Boolean(results.isLoading || resultsComparison?.isLoading),\n    data:\n      !results?.data && !resultsComparison?.data\n        ? undefined\n        : [\n            ...(results.data?.length\n              ? [{ label: i18n.t('charts.primaryPeriod'), ...results.data[0] }]\n              : []),\n            ...(resultsComparison?.data?.length\n              ? [{ label: i18n.t('charts.comparisonPeriod'), ...resultsComparison.data[0] }]\n              : []),\n          ],\n  };\n\n  return (\n    <ChartCard\n      data={resultsCombined}\n      dimensionsAndMeasures={[\n        // Add a label dimension to distinguish primary and comparison periods in exports\n        {\n          name: 'label',\n          title: i18n.t('charts.label'),\n          nativeType: 'string',\n          __type__: 'dimension',\n        },\n        measure,\n      ]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <KpiChart\n        value={value}\n        comparisonValue={resultsCombined.isLoading ? undefined : comparisonValue}\n        valueFormatter={valueFormatter}\n        valueFontSize={fontSize}\n        changeFontSize={changeFontSize}\n        invertChangeColors={reversePositiveNegativeColors}\n        showChangeAsPercentage={displayChangeAsPercentage}\n        comparisonLabel={comparisonLabel}\n        percentageDecimalPlaces={percentageDecimalPlaces}\n      />\n    </ChartCard>\n  );\n};\n\nexport default KpiChartNumberComparisonPro;\n","import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport {\n  dataset,\n  description,\n  dimensionTime,\n  genericBoolean,\n  genericNumber,\n  genericTimeRange,\n  measure,\n  title,\n} from '../../../component.constants';\nimport KpiChartNumberComparisonPro from './index';\nimport { loadData, TimeRange } from '@embeddable.com/core';\nimport ComparisonPeriodType from '../../../types/ComparisonPeriod.type.emb';\n\nexport const meta = {\n  name: 'KpiChartNumberComparisonPro',\n  label: 'Kpi Chart - Number Comparison',\n  category: 'Kpi Charts',\n  inputs: [\n    dataset,\n    measure,\n    { ...dimensionTime, name: 'timeProperty', label: 'Time Property' },\n    {\n      ...genericTimeRange,\n      name: 'primaryDateRange',\n      label: 'Primary Date Range',\n      description: 'You can also connect this to a date range selector using its variable',\n      category: 'Component Data',\n    },\n    {\n      name: 'comparisonPeriod',\n      type: ComparisonPeriodType,\n      label: 'Comparison Period',\n      description: 'You can also connect this to a comparison period selector using its variable',\n      category: 'Component Data',\n    },\n    title,\n    description,\n    {\n      ...genericBoolean,\n      name: 'displayChangeAsPercentage',\n      label: 'Display Change as %',\n      defaultValue: false,\n    },\n    {\n      ...genericNumber,\n      name: 'percentageDecimalPlaces',\n      label: 'Percentage Decimal Places',\n      defaultValue: 1,\n    },\n    {\n      ...genericBoolean,\n      name: 'reversePositiveNegativeColors',\n      label: 'Reverse Positive/Negative Colors',\n      defaultValue: false,\n    },\n    { ...genericNumber, name: 'fontSize', label: 'Font Size' },\n    {\n      ...genericNumber,\n      name: 'changeFontSize',\n      label: 'Change Font Size',\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\ntype KpiChartNumberComparisonProState = {\n  comparisonDateRange: TimeRange;\n};\n\nexport default defineComponent(KpiChartNumberComparisonPro, meta, {\n  /* @ts-expect-error - to be fixed in @embeddable.com/react */\n  props: (\n    inputs: Inputs<typeof meta>,\n    [state, setState]: [\n      KpiChartNumberComparisonProState,\n      (state: KpiChartNumberComparisonProState) => void,\n    ],\n  ) => {\n    return {\n      ...inputs,\n      comparisonDateRange: state?.comparisonDateRange,\n      setComparisonDateRange: (comparisonDateRange: TimeRange) => setState({ comparisonDateRange }),\n      results: loadData({\n        from: inputs.dataset,\n        select: [inputs.measure],\n        limit: 1,\n        filters:\n          inputs.primaryDateRange && inputs.timeProperty\n            ? [\n                {\n                  property: inputs.timeProperty,\n                  operator: 'inDateRange',\n                  value: inputs.primaryDateRange,\n                },\n              ]\n            : undefined,\n      }),\n      resultsComparison:\n        inputs.primaryDateRange && inputs.timeProperty && state?.comparisonDateRange\n          ? loadData({\n              from: inputs.dataset,\n              select: [inputs.measure],\n              limit: 1,\n              filters: [\n                {\n                  property: inputs.timeProperty,\n                  operator: 'inDateRange',\n                  value: state.comparisonDateRange,\n                },\n              ],\n            })\n          : undefined,\n    };\n  },\n});\n"],"names":["KpiChartNumberComparisonPro","props","theme","useTheme","i18nSetup","title","description","resolveI18nProps","changeFontSize","comparisonPeriod","comparisonDateRange","displayChangeAsPercentage","fontSize","measure","primaryDateRange","results","resultsComparison","reversePositiveNegativeColors","percentageDecimalPlaces","setComparisonDateRange","useEffect","newComparisonDateRange","getComparisonPeriodDateRange","value","_b","_a","comparisonValue","_d","_c","themeFormatter","getThemeFormatter","valueFormatter","valueToFormat","comparisonLabel","getComparisonPeriodLabel","resultsCombined","_e","i18n","_f","jsx","ChartCard","KpiChart","meta","dataset","dimensionTime","genericTimeRange","ComparisonPeriodType","genericBoolean","genericNumber","KpiChartNumberComparisonPro_emb","defineComponent","inputs","state","setState","loadData"],"mappings":"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"}

package/dist/KpiChartNumberPro.js

@@ -1,47 +0,0 @@
-import { useTheme as h, defineComponent as f } from "@embeddable.com/react";
-import { i as C, r as b, j as m, d as K, w as g, t as x, c as F, J as N, o as S } from "./component.constants-B5vygi6l.js";
-import { C as j } from "./ChartCard-BzLW_64B.js";
-import "react";
-import { K as v } from "./KpiChart-DWnEF3iA.js";
-import { g as z } from "./formatter.utils-N2gk49ys.js";
-const P = (e) => {
-  var s, o;
-  const a = h();
-  C(a);
-  const { title: i, description: n, results: t, measure: r, fontSize: p } = b(e), u = (o = (s = t.data) == null ? void 0 : s[0]) == null ? void 0 : o[r.name], l = z(a), c = (d) => l.data(r, d);
-  return /* @__PURE__ */ m.jsx(
-    j,
-    {
-      data: t,
-      dimensionsAndMeasures: [r],
-      errorMessage: t.error,
-      subtitle: n,
-      title: i,
-      children: /* @__PURE__ */ m.jsx(v, { value: u, valueFormatter: c, valueFontSize: p })
-    }
-  );
-}, M = {
-  name: "KpiChartNumberPro",
-  label: "Kpi Chart - Number",
-  category: "Kpi Charts",
-  inputs: [
-    K,
-    g,
-    x,
-    F,
-    { ...N, name: "fontSize", label: "Font Size" }
-  ]
-}, I = f(P, M, {
-  props: (e) => ({
-    ...e,
-    results: S({
-      from: e.dataset,
-      select: [e.measure]
-    })
-  })
-});
-export {
-  I as default,
-  M as meta
-};
-//# sourceMappingURL=KpiChartNumberPro.js.map

package/dist/KpiChartNumberPro.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"KpiChartNumberPro.js","sources":["../src/remarkable-pro/components/charts/kpis/KpiChartNumberPro/index.tsx","../src/remarkable-pro/components/charts/kpis/KpiChartNumberPro/KpiChartNumberPro.emb.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Measure } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { KpiChart } from '../../../../../remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\n\ntype KpiChartNumberProProp = {\n  title: string;\n  description: string;\n  results: DataResponse;\n  measure: Measure;\n  fontSize: number;\n};\n\nconst KpiChartNumberPro = (props: KpiChartNumberProProp) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, results, measure, fontSize } = resolveI18nProps(props);\n\n  const value = results.data?.[0]?.[measure.name];\n\n  const themeFormatter = getThemeFormatter(theme);\n  const valueFormatter = (valueToFormat: number) => themeFormatter.data(measure, valueToFormat);\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[measure]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <KpiChart value={value} valueFormatter={valueFormatter} valueFontSize={fontSize} />\n    </ChartCard>\n  );\n};\n\nexport default KpiChartNumberPro;\n","import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { dataset, description, genericNumber, measure, title } from '../../../component.constants';\nimport KpiChartNumberPro from './index';\nimport { loadData } from '@embeddable.com/core';\n\nexport const meta = {\n  name: 'KpiChartNumberPro',\n  label: 'Kpi Chart - Number',\n  category: 'Kpi Charts',\n  inputs: [\n    dataset,\n    measure,\n    title,\n    description,\n    { ...genericNumber, name: 'fontSize', label: 'Font Size' },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(KpiChartNumberPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        from: inputs.dataset,\n        select: [inputs.measure],\n      }),\n    };\n  },\n});\n"],"names":["KpiChartNumberPro","props","theme","useTheme","i18nSetup","title","description","results","measure","fontSize","resolveI18nProps","value","_b","_a","themeFormatter","getThemeFormatter","valueFormatter","valueToFormat","jsx","ChartCard","KpiChart","meta","dataset","genericNumber","KpiChartNumberPro_emb","defineComponent","inputs","loadData"],"mappings":";;;;;;AAiBA,MAAMA,IAAoB,CAACC,MAAiC;;AAC1D,QAAMC,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAM,EAAE,OAAAG,GAAO,aAAAC,GAAa,SAAAC,GAAS,SAAAC,GAAS,UAAAC,EAAA,IAAaC,EAAiBT,CAAK,GAE3EU,KAAQC,KAAAC,IAAAN,EAAQ,SAAR,gBAAAM,EAAe,OAAf,gBAAAD,EAAoBJ,EAAQ,OAEpCM,IAAiBC,EAAkBb,CAAK,GACxCc,IAAiB,CAACC,MAA0BH,EAAe,KAAKN,GAASS,CAAa;AAE5F,SACEC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMZ;AAAA,MACN,uBAAuB,CAACC,CAAO;AAAA,MAC/B,cAAcD,EAAQ;AAAA,MACtB,UAAUD;AAAA,MACV,OAAAD;AAAA,MAEA,UAAAa,gBAAAA,EAAAA,IAACE,GAAA,EAAS,OAAAT,GAAc,gBAAAK,GAAgC,eAAeP,EAAA,CAAU;AAAA,IAAA;AAAA,EAAA;AAGvF,GClCaY,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC;AAAA,IACAd;AAAA,IACAH;AAAA,IACAC;AAAA,IACA,EAAE,GAAGiB,GAAe,MAAM,YAAY,OAAO,YAAA;AAAA,EAAY;AAE7D,GAEAC,IAAeC,EAAgBzB,GAAmBqB,GAAM;AAAA,EACtD,OAAO,CAACK,OACC;AAAA,IACL,GAAGA;AAAA,IACH,SAASC,EAAS;AAAA,MAChB,MAAMD,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,OAAO;AAAA,IAAA,CACxB;AAAA,EAAA;AAGP,CAAC;"}