npm - @elliemae/ds-dataviz - Versions diffs - 3.16.0-rc.4 → 3.16.0-rc.6 - Mend

@elliemae/ds-dataviz 3.16.0-rc.4 → 3.16.0-rc.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (271) hide show

package/dist/cjs/graphs/Chart/scales/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/graphs/Chart/scales/index.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type { ScaleBand, ScaleLinear, ScaleLogarithmic, ScaleTime } from 'd3';\nimport type { DSChartT } from '../react-desc-prop-types';\nimport { timeFormat, format } from 'd3';\n\nexport const AXIS_TYPE = {\n  BAND: 'BAND',\n  LINEAR: 'LINEAR',\n  DATETIME: 'DATETIME',\n  LOG: 'LOG',\n} as const;\n\nexport class Scale {\n  scale: ScaleBand<string> | ScaleLinear<number, number, never> | ScaleTime<number, number, never>;\n\n  type: string;\n\n  constructor(scale: ScaleBand<string> | ScaleLinear<number, number, never> | ScaleTime<number, number, never>) {\n    this.type = '';\n    this.scale = scale;\n  }\n\n  getBandwidth() {\n    return 0;\n  }\n}\nexport class BandScale extends Scale {\n  type: keyof typeof AXIS_TYPE;\n\n  scale: ScaleBand<string>;\n\n  axisProps: DSChartT.AxisT;\n\n  constructor(scale: ScaleBand<string>, axisProps: DSChartT.AxisT) {\n    super(scale);\n    this.scale = scale;\n    this.type = 'BAND';\n    this.axisProps = axisProps;\n  }\n\n  get(value: string) {\n    return this.scale(value);\n  }\n\n  getTicks() {\n    return this.scale.domain();\n  }\n\n  getTickFormatted(t: number | string | Date) {\n    if (typeof t !== 'string') return t;\n    if (typeof this.axisProps?.tick?.tickFormat === 'function') {\n      return this.axisProps?.tick?.tickFormat(t);\n    }\n    return t;\n  }\n\n  getTicksScaled() {\n    return this.scale.domain().map((d) => (this.get(d) ?? 0) + this.getBandwidth() / 2);\n  }\n\n  getBandwidth() {\n    return this.scale.bandwidth();\n  }\n}\n\nexport class LinearScale extends Scale {\n  type: keyof typeof AXIS_TYPE;\n\n  scale: ScaleLinear<number, number, never>;\n\n  axisProps: DSChartT.AxisT;\n\n  constructor(scale: ScaleLinear<number, number, never>, axisProps: DSChartT.AxisT) {\n    super(scale);\n    this.scale = scale;\n    this.type = 'LINEAR';\n    this.axisProps = axisProps;\n  }\n\n  get(value: number) {\n    return this.scale(value);\n  }\n\n  getTickFormatted(t: number | string | Date) {\n    if (typeof t !== 'number') return t.toString();\n    if (typeof this.axisProps?.tick?.tickFormat === 'function') {\n      return this.axisProps?.tick?.tickFormat(t);\n    }\n    if (typeof this.axisProps?.tick?.tickFormat === 'string') {\n      return format(this.axisProps?.tick?.tickFormat)(t);\n    }\n    return t.toString();\n  }\n\n  getTicks(dimension: number) {\n    const ticks = this.scale.ticks?.(this.axisProps?.tick?.tickCount ?? Math.ceil(dimension / 80));\n    if (this.axisProps?.tick?.tickValues) {\n      if (this.axisProps?.tick?.overwriteTicks) return this.axisProps?.tick?.tickValues;\n      this.axisProps?.tick?.tickValues.forEach((t) => {\n        if (typeof t !== 'number') return;\n        const isTickAlreadyPresent = ticks.find((tick) => tick === t);\n        if (isTickAlreadyPresent) return;\n        ticks.push(t);\n      });\n    }\n    return ticks;\n  }\n\n  getTicksScaled(dimension: number) {\n    const ticks = this.getTicks(dimension);\n    return ticks.map((t) => (typeof t === 'number' ? this.get(t) : 0));\n  }\n}\n\nexport class LogScale extends LinearScale {\n  type: keyof typeof AXIS_TYPE;\n\n  scale: ScaleLogarithmic<number, number, never>;\n\n  axisProps: DSChartT.AxisT;\n\n  constructor(scale: ScaleLogarithmic<number, number, never>, axisProps: DSChartT.AxisT) {\n    super(scale, axisProps);\n    this.scale = scale;\n    this.type = 'LOG';\n    this.axisProps = axisProps;\n  }\n\n  getTickFormatted(t: number | string | Date) {\n    if (typeof t !== 'number') return t.toString();\n    if (typeof this.axisProps?.tick?.tickFormat === 'function') {\n      return this.axisProps?.tick?.tickFormat(t);\n    }\n    if (typeof this.axisProps?.tick?.tickFormat === 'string') {\n      return format(this.axisProps?.tick?.tickFormat)(t);\n    }\n    return format('~s')(t);\n  }\n}\n\nexport class TimeLinearScale extends Scale {\n  type: keyof typeof AXIS_TYPE;\n\n  scale: ScaleTime<number, number, never>;\n\n  axisProps: DSChartT.AxisT;\n\n  constructor(scale: ScaleTime<number, number, never>, axisProps: DSChartT.AxisT) {\n    super(scale);\n    this.scale = scale;\n    this.type = 'DATETIME';\n    this.axisProps = axisProps;\n  }\n\n  get(value: Date) {\n    return this.scale(value);\n  }\n\n  getTickFormatted(t: number | string | Date) {\n    if (typeof t !== 'object') return t.toString();\n    if (typeof this.axisProps?.tick?.tickFormat === 'function') {\n      return this.axisProps?.tick?.tickFormat(t);\n    }\n    if (typeof this.axisProps?.tick?.tickFormat === 'string') {\n      return timeFormat(this.axisProps?.tick?.tickFormat)(t);\n    }\n    return t.toString();\n  }\n\n  getTicks(dimension: number) {\n    const ticks = this.scale.ticks?.(this.axisProps?.tick?.tickCount ?? Math.ceil(dimension / 80));\n    if (this.axisProps?.tick?.tickValues) {\n      if (this.axisProps?.tick?.overwriteTicks) return this.axisProps?.tick?.tickValues;\n      const newTicks = [] as Date[];\n      ticks.forEach((t) => {\n        if (typeof t !== 'object') return;\n        const exists = this.axisProps?.tick?.tickValues.some(\n          (tickValue) => typeof tickValue === 'object' && tickValue.getTime() === t.getTime(),\n        );\n        if (!exists) newTicks.push(t);\n      });\n      return [...newTicks, ...this.axisProps?.tick?.tickValues];\n    }\n    return ticks;\n  }\n\n  getTicksScaled(dimension: number) {\n    const ticks = this.getTicks(dimension);\n    return ticks.map((t) => (typeof t === 'object' ? this.get(t) : 0));\n  }\n}\n\nexport type ScaleT = BandScale | LinearScale | TimeLinearScale;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { ScaleBand, ScaleLinear, ScaleLogarithmic, ScaleTime } from 'd3';\nimport type { DSChartT } from '../react-desc-prop-types.js';\nimport { timeFormat, format } from 'd3';\n\nexport const AXIS_TYPE = {\n  BAND: 'BAND',\n  LINEAR: 'LINEAR',\n  DATETIME: 'DATETIME',\n  LOG: 'LOG',\n} as const;\n\nexport class Scale {\n  scale: ScaleBand<string> | ScaleLinear<number, number, never> | ScaleTime<number, number, never>;\n\n  type: string;\n\n  constructor(scale: ScaleBand<string> | ScaleLinear<number, number, never> | ScaleTime<number, number, never>) {\n    this.type = '';\n    this.scale = scale;\n  }\n\n  getBandwidth() {\n    return 0;\n  }\n}\nexport class BandScale extends Scale {\n  type: keyof typeof AXIS_TYPE;\n\n  scale: ScaleBand<string>;\n\n  axisProps: DSChartT.AxisT;\n\n  constructor(scale: ScaleBand<string>, axisProps: DSChartT.AxisT) {\n    super(scale);\n    this.scale = scale;\n    this.type = 'BAND';\n    this.axisProps = axisProps;\n  }\n\n  get(value: string) {\n    return this.scale(value);\n  }\n\n  getTicks() {\n    return this.scale.domain();\n  }\n\n  getTickFormatted(t: number | string | Date) {\n    if (typeof t !== 'string') return t;\n    if (typeof this.axisProps?.tick?.tickFormat === 'function') {\n      return this.axisProps?.tick?.tickFormat(t);\n    }\n    return t;\n  }\n\n  getTicksScaled() {\n    return this.scale.domain().map((d) => (this.get(d) ?? 0) + this.getBandwidth() / 2);\n  }\n\n  getBandwidth() {\n    return this.scale.bandwidth();\n  }\n}\n\nexport class LinearScale extends Scale {\n  type: keyof typeof AXIS_TYPE;\n\n  scale: ScaleLinear<number, number, never>;\n\n  axisProps: DSChartT.AxisT;\n\n  constructor(scale: ScaleLinear<number, number, never>, axisProps: DSChartT.AxisT) {\n    super(scale);\n    this.scale = scale;\n    this.type = 'LINEAR';\n    this.axisProps = axisProps;\n  }\n\n  get(value: number) {\n    return this.scale(value);\n  }\n\n  getTickFormatted(t: number | string | Date) {\n    if (typeof t !== 'number') return t.toString();\n    if (typeof this.axisProps?.tick?.tickFormat === 'function') {\n      return this.axisProps?.tick?.tickFormat(t);\n    }\n    if (typeof this.axisProps?.tick?.tickFormat === 'string') {\n      return format(this.axisProps?.tick?.tickFormat)(t);\n    }\n    return t.toString();\n  }\n\n  getTicks(dimension: number) {\n    const ticks = this.scale.ticks?.(this.axisProps?.tick?.tickCount ?? Math.ceil(dimension / 80));\n    if (this.axisProps?.tick?.tickValues) {\n      if (this.axisProps?.tick?.overwriteTicks) return this.axisProps?.tick?.tickValues;\n      this.axisProps?.tick?.tickValues.forEach((t) => {\n        if (typeof t !== 'number') return;\n        const isTickAlreadyPresent = ticks.find((tick) => tick === t);\n        if (isTickAlreadyPresent) return;\n        ticks.push(t);\n      });\n    }\n    return ticks;\n  }\n\n  getTicksScaled(dimension: number) {\n    const ticks = this.getTicks(dimension);\n    return ticks.map((t) => (typeof t === 'number' ? this.get(t) : 0));\n  }\n}\n\nexport class LogScale extends LinearScale {\n  type: keyof typeof AXIS_TYPE;\n\n  scale: ScaleLogarithmic<number, number, never>;\n\n  axisProps: DSChartT.AxisT;\n\n  constructor(scale: ScaleLogarithmic<number, number, never>, axisProps: DSChartT.AxisT) {\n    super(scale, axisProps);\n    this.scale = scale;\n    this.type = 'LOG';\n    this.axisProps = axisProps;\n  }\n\n  getTickFormatted(t: number | string | Date) {\n    if (typeof t !== 'number') return t.toString();\n    if (typeof this.axisProps?.tick?.tickFormat === 'function') {\n      return this.axisProps?.tick?.tickFormat(t);\n    }\n    if (typeof this.axisProps?.tick?.tickFormat === 'string') {\n      return format(this.axisProps?.tick?.tickFormat)(t);\n    }\n    return format('~s')(t);\n  }\n}\n\nexport class TimeLinearScale extends Scale {\n  type: keyof typeof AXIS_TYPE;\n\n  scale: ScaleTime<number, number, never>;\n\n  axisProps: DSChartT.AxisT;\n\n  constructor(scale: ScaleTime<number, number, never>, axisProps: DSChartT.AxisT) {\n    super(scale);\n    this.scale = scale;\n    this.type = 'DATETIME';\n    this.axisProps = axisProps;\n  }\n\n  get(value: Date) {\n    return this.scale(value);\n  }\n\n  getTickFormatted(t: number | string | Date) {\n    if (typeof t !== 'object') return t.toString();\n    if (typeof this.axisProps?.tick?.tickFormat === 'function') {\n      return this.axisProps?.tick?.tickFormat(t);\n    }\n    if (typeof this.axisProps?.tick?.tickFormat === 'string') {\n      return timeFormat(this.axisProps?.tick?.tickFormat)(t);\n    }\n    return t.toString();\n  }\n\n  getTicks(dimension: number) {\n    const ticks = this.scale.ticks?.(this.axisProps?.tick?.tickCount ?? Math.ceil(dimension / 80));\n    if (this.axisProps?.tick?.tickValues) {\n      if (this.axisProps?.tick?.overwriteTicks) return this.axisProps?.tick?.tickValues;\n      const newTicks = [] as Date[];\n      ticks.forEach((t) => {\n        if (typeof t !== 'object') return;\n        const exists = this.axisProps?.tick?.tickValues.some(\n          (tickValue) => typeof tickValue === 'object' && tickValue.getTime() === t.getTime(),\n        );\n        if (!exists) newTicks.push(t);\n      });\n      return [...newTicks, ...this.axisProps?.tick?.tickValues];\n    }\n    return ticks;\n  }\n\n  getTicksScaled(dimension: number) {\n    const ticks = this.getTicks(dimension);\n    return ticks.map((t) => (typeof t === 'object' ? this.get(t) : 0));\n  }\n}\n\nexport type ScaleT = BandScale | LinearScale | TimeLinearScale;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/graphs/Chart/series/Area.js CHANGED Viewed

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -31,11 +35,11 @@ var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_d3 = require("d3");
-var import_styles = require("../styles");
-var import_ChartContext = require("../ChartContext");
-var import_helpers = require("../helpers");
-var import_Points = require("./Points");
-var import_constants = require("../../constants");
+var import_styles = require("../styles.js");
+var import_ChartContext = require("../ChartContext.js");
+var import_helpers = require("../helpers/index.js");
+var import_Points = require("./Points.js");
+var import_constants = require("../../constants.js");
 const Area = ({ serie }) => {
   const {
     props: { xAxis },

package/dist/cjs/graphs/Chart/series/Area.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/graphs/Chart/series/Area.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useContext, useMemo } from 'react';\nimport { area, line } from 'd3';\nimport { StyledArea } from '../styles';\nimport { ChartContext } from '../ChartContext';\nimport { getStackedData } from '../helpers';\nimport { Points } from './Points';\nimport { LINE, curveStyleMap } from '../../constants';\n\nexport const Area = ({ serie }) => {\n  const {\n    props: { xAxis },\n    xScale,\n    yScale,\n    innerHeight,\n    y2Scale,\n    colorScale,\n    activeSerie,\n    stackedData,\n  } = useContext(ChartContext);\n\n  const finalYScale = serie.scale === 'y2' ? y2Scale : yScale;\n\n  const curveStyle = useMemo(\n    () => curveStyleMap[serie.curveStyle] ?? curveStyleMap[LINE.CURVE_STYLE.LINEAR],\n    [curveStyleMap, serie.curveStyle],\n  );\n  const areaD3 = useMemo(() => {\n    const serieWithStackedValues = getStackedData(stackedData, serie);\n    if (serieWithStackedValues) {\n      return area()\n        .x((_, i) => xScale.get(typeof serie.data[i]?.value === 'number' ? xAxis.cols[i] : serie.data[i]?.value?.x))\n        .y0(([_, y2]) => finalYScale.get(y2))\n        .y1(([y1]) => finalYScale.get(y1))\n        .curve(curveStyle)(serieWithStackedValues);\n    }\n    return area()\n      .x((d) => xScale.get(d.value.x ?? xAxis?.cols?.[d.position] ?? d.position))\n      .y0(innerHeight)\n      .y1((d) => finalYScale.get(d.value.y ?? d.value))\n      .curve(curveStyle)(serie.data);\n  }, [stackedData, serie, innerHeight, finalYScale, xScale, xAxis?.cols]);\n\n  const lineD3 = useMemo(() => {\n    const serieWithStackedValues = getStackedData(stackedData, serie);\n    if (serieWithStackedValues) {\n      return line()\n        .x((_, i) => xScale.get(typeof serie.data[i]?.value === 'number' ? xAxis.cols[i] : serie.data[i]?.value?.x))\n        .y(([, y2]) => finalYScale.get(y2))\n        .curve(curveStyle)(serieWithStackedValues);\n    }\n    return line()\n      .x((d) => xScale.get(d.value.x ?? xAxis?.cols?.[d.position] ?? d.position))\n      .y((d) => finalYScale.get(d.value.y ?? d.value))\n      .curve(curveStyle)(serie.data);\n  }, [stackedData, serie, curveStyle, xScale, xAxis.cols, finalYScale]);\n\n  const xTranslate = xScale.getBandwidth() / 2;\n\n  return (\n    <g>\n      <g transform={`translate(${xTranslate}, 0)`}>\n        <Points serie={serie} />\n        <path d={lineD3} fill=\"none\" strokeWidth={2} stroke={colorScale(serie.name)} />\n        <StyledArea d={areaD3} isActiveArea={activeSerie === serie.key} fill={colorScale(serie.name)} />\n      </g>\n    </g>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD4DjB;AA5DN,mBAA2C;AAC3C,gBAA2B;AAC3B,oBAA2B;AAC3B,0BAA6B;AAC7B,qBAA+B;AAC/B,oBAAuB;AACvB,uBAAoC;AAE7B,MAAM,OAAO,CAAC,EAAE,MAAM,MAAM;AACjC,QAAM;AAAA,IACJ,OAAO,EAAE,MAAM;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,gCAAY;AAE3B,QAAM,cAAc,MAAM,UAAU,OAAO,UAAU;AAErD,QAAM,iBAAa;AAAA,IACjB,MAAM,+BAAc,MAAM,eAAe,+BAAc,sBAAK,YAAY;AAAA,IACxE,CAAC,gCAAe,MAAM,UAAU;AAAA,EAClC;AACA,QAAM,aAAS,sBAAQ,MAAM;AAC3B,UAAM,6BAAyB,+BAAe,aAAa,KAAK;AAChE,QAAI,wBAAwB;AAC1B,iBAAO,gBAAK,EACT,EAAE,CAAC,GAAG,MAAM,OAAO,IAAI,OAAO,MAAM,KAAK,IAAI,UAAU,WAAW,MAAM,KAAK,KAAK,MAAM,KAAK,IAAI,OAAO,CAAC,CAAC,EAC1G,GAAG,CAAC,CAAC,GAAG,EAAE,MAAM,YAAY,IAAI,EAAE,CAAC,EACnC,GAAG,CAAC,CAAC,EAAE,MAAM,YAAY,IAAI,EAAE,CAAC,EAChC,MAAM,UAAU,EAAE,sBAAsB;AAAA,IAC7C;AACA,eAAO,gBAAK,EACT,EAAE,CAAC,MAAM,OAAO,IAAI,EAAE,MAAM,KAAK,OAAO,OAAO,EAAE,aAAa,EAAE,QAAQ,CAAC,EACzE,GAAG,WAAW,EACd,GAAG,CAAC,MAAM,YAAY,IAAI,EAAE,MAAM,KAAK,EAAE,KAAK,CAAC,EAC/C,MAAM,UAAU,EAAE,MAAM,IAAI;AAAA,EACjC,GAAG,CAAC,aAAa,OAAO,aAAa,aAAa,QAAQ,OAAO,IAAI,CAAC;AAEtE,QAAM,aAAS,sBAAQ,MAAM;AAC3B,UAAM,6BAAyB,+BAAe,aAAa,KAAK;AAChE,QAAI,wBAAwB;AAC1B,iBAAO,gBAAK,EACT,EAAE,CAAC,GAAG,MAAM,OAAO,IAAI,OAAO,MAAM,KAAK,IAAI,UAAU,WAAW,MAAM,KAAK,KAAK,MAAM,KAAK,IAAI,OAAO,CAAC,CAAC,EAC1G,EAAE,CAAC,CAAC,EAAE,EAAE,MAAM,YAAY,IAAI,EAAE,CAAC,EACjC,MAAM,UAAU,EAAE,sBAAsB;AAAA,IAC7C;AACA,eAAO,gBAAK,EACT,EAAE,CAAC,MAAM,OAAO,IAAI,EAAE,MAAM,KAAK,OAAO,OAAO,EAAE,aAAa,EAAE,QAAQ,CAAC,EACzE,EAAE,CAAC,MAAM,YAAY,IAAI,EAAE,MAAM,KAAK,EAAE,KAAK,CAAC,EAC9C,MAAM,UAAU,EAAE,MAAM,IAAI;AAAA,EACjC,GAAG,CAAC,aAAa,OAAO,YAAY,QAAQ,MAAM,MAAM,WAAW,CAAC;AAEpE,QAAM,aAAa,OAAO,aAAa,IAAI;AAE3C,SACE,4CAAC,OACC,uDAAC,OAAE,WAAW,aAAa,kBACzB;AAAA,gDAAC,wBAAO,OAAc;AAAA,IACtB,4CAAC,UAAK,GAAG,QAAQ,MAAK,QAAO,aAAa,GAAG,QAAQ,WAAW,MAAM,IAAI,GAAG;AAAA,IAC7E,4CAAC,4BAAW,GAAG,QAAQ,cAAc,gBAAgB,MAAM,KAAK,MAAM,WAAW,MAAM,IAAI,GAAG;AAAA,KAChG,GACF;AAEJ;",
+  "sourcesContent": ["import React, { useContext, useMemo } from 'react';\nimport { area, line } from 'd3';\nimport { StyledArea } from '../styles.js';\nimport { ChartContext } from '../ChartContext.js';\nimport { getStackedData } from '../helpers/index.js';\nimport { Points } from './Points.js';\nimport { LINE, curveStyleMap } from '../../constants.js';\n\nexport const Area = ({ serie }) => {\n  const {\n    props: { xAxis },\n    xScale,\n    yScale,\n    innerHeight,\n    y2Scale,\n    colorScale,\n    activeSerie,\n    stackedData,\n  } = useContext(ChartContext);\n\n  const finalYScale = serie.scale === 'y2' ? y2Scale : yScale;\n\n  const curveStyle = useMemo(\n    () => curveStyleMap[serie.curveStyle] ?? curveStyleMap[LINE.CURVE_STYLE.LINEAR],\n    [curveStyleMap, serie.curveStyle],\n  );\n  const areaD3 = useMemo(() => {\n    const serieWithStackedValues = getStackedData(stackedData, serie);\n    if (serieWithStackedValues) {\n      return area()\n        .x((_, i) => xScale.get(typeof serie.data[i]?.value === 'number' ? xAxis.cols[i] : serie.data[i]?.value?.x))\n        .y0(([_, y2]) => finalYScale.get(y2))\n        .y1(([y1]) => finalYScale.get(y1))\n        .curve(curveStyle)(serieWithStackedValues);\n    }\n    return area()\n      .x((d) => xScale.get(d.value.x ?? xAxis?.cols?.[d.position] ?? d.position))\n      .y0(innerHeight)\n      .y1((d) => finalYScale.get(d.value.y ?? d.value))\n      .curve(curveStyle)(serie.data);\n  }, [stackedData, serie, innerHeight, finalYScale, xScale, xAxis?.cols]);\n\n  const lineD3 = useMemo(() => {\n    const serieWithStackedValues = getStackedData(stackedData, serie);\n    if (serieWithStackedValues) {\n      return line()\n        .x((_, i) => xScale.get(typeof serie.data[i]?.value === 'number' ? xAxis.cols[i] : serie.data[i]?.value?.x))\n        .y(([, y2]) => finalYScale.get(y2))\n        .curve(curveStyle)(serieWithStackedValues);\n    }\n    return line()\n      .x((d) => xScale.get(d.value.x ?? xAxis?.cols?.[d.position] ?? d.position))\n      .y((d) => finalYScale.get(d.value.y ?? d.value))\n      .curve(curveStyle)(serie.data);\n  }, [stackedData, serie, curveStyle, xScale, xAxis.cols, finalYScale]);\n\n  const xTranslate = xScale.getBandwidth() / 2;\n\n  return (\n    <g>\n      <g transform={`translate(${xTranslate}, 0)`}>\n        <Points serie={serie} />\n        <path d={lineD3} fill=\"none\" strokeWidth={2} stroke={colorScale(serie.name)} />\n        <StyledArea d={areaD3} isActiveArea={activeSerie === serie.key} fill={colorScale(serie.name)} />\n      </g>\n    </g>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD4DjB;AA5DN,mBAA2C;AAC3C,gBAA2B;AAC3B,oBAA2B;AAC3B,0BAA6B;AAC7B,qBAA+B;AAC/B,oBAAuB;AACvB,uBAAoC;AAE7B,MAAM,OAAO,CAAC,EAAE,MAAM,MAAM;AACjC,QAAM;AAAA,IACJ,OAAO,EAAE,MAAM;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,gCAAY;AAE3B,QAAM,cAAc,MAAM,UAAU,OAAO,UAAU;AAErD,QAAM,iBAAa;AAAA,IACjB,MAAM,+BAAc,MAAM,UAAU,KAAK,+BAAc,sBAAK,YAAY,MAAM;AAAA,IAC9E,CAAC,gCAAe,MAAM,UAAU;AAAA,EAClC;AACA,QAAM,aAAS,sBAAQ,MAAM;AAC3B,UAAM,6BAAyB,+BAAe,aAAa,KAAK;AAChE,QAAI,wBAAwB;AAC1B,iBAAO,gBAAK,EACT,EAAE,CAAC,GAAG,MAAM,OAAO,IAAI,OAAO,MAAM,KAAK,CAAC,GAAG,UAAU,WAAW,MAAM,KAAK,CAAC,IAAI,MAAM,KAAK,CAAC,GAAG,OAAO,CAAC,CAAC,EAC1G,GAAG,CAAC,CAAC,GAAG,EAAE,MAAM,YAAY,IAAI,EAAE,CAAC,EACnC,GAAG,CAAC,CAAC,EAAE,MAAM,YAAY,IAAI,EAAE,CAAC,EAChC,MAAM,UAAU,EAAE,sBAAsB;AAAA,IAC7C;AACA,eAAO,gBAAK,EACT,EAAE,CAAC,MAAM,OAAO,IAAI,EAAE,MAAM,KAAK,OAAO,OAAO,EAAE,QAAQ,KAAK,EAAE,QAAQ,CAAC,EACzE,GAAG,WAAW,EACd,GAAG,CAAC,MAAM,YAAY,IAAI,EAAE,MAAM,KAAK,EAAE,KAAK,CAAC,EAC/C,MAAM,UAAU,EAAE,MAAM,IAAI;AAAA,EACjC,GAAG,CAAC,aAAa,OAAO,aAAa,aAAa,QAAQ,OAAO,IAAI,CAAC;AAEtE,QAAM,aAAS,sBAAQ,MAAM;AAC3B,UAAM,6BAAyB,+BAAe,aAAa,KAAK;AAChE,QAAI,wBAAwB;AAC1B,iBAAO,gBAAK,EACT,EAAE,CAAC,GAAG,MAAM,OAAO,IAAI,OAAO,MAAM,KAAK,CAAC,GAAG,UAAU,WAAW,MAAM,KAAK,CAAC,IAAI,MAAM,KAAK,CAAC,GAAG,OAAO,CAAC,CAAC,EAC1G,EAAE,CAAC,CAAC,EAAE,EAAE,MAAM,YAAY,IAAI,EAAE,CAAC,EACjC,MAAM,UAAU,EAAE,sBAAsB;AAAA,IAC7C;AACA,eAAO,gBAAK,EACT,EAAE,CAAC,MAAM,OAAO,IAAI,EAAE,MAAM,KAAK,OAAO,OAAO,EAAE,QAAQ,KAAK,EAAE,QAAQ,CAAC,EACzE,EAAE,CAAC,MAAM,YAAY,IAAI,EAAE,MAAM,KAAK,EAAE,KAAK,CAAC,EAC9C,MAAM,UAAU,EAAE,MAAM,IAAI;AAAA,EACjC,GAAG,CAAC,aAAa,OAAO,YAAY,QAAQ,MAAM,MAAM,WAAW,CAAC;AAEpE,QAAM,aAAa,OAAO,aAAa,IAAI;AAE3C,SACE,4CAAC,OACC,uDAAC,OAAE,WAAW,aAAa,kBACzB;AAAA,gDAAC,wBAAO,OAAc;AAAA,IACtB,4CAAC,UAAK,GAAG,QAAQ,MAAK,QAAO,aAAa,GAAG,QAAQ,WAAW,MAAM,IAAI,GAAG;AAAA,IAC7E,4CAAC,4BAAW,GAAG,QAAQ,cAAc,gBAAgB,MAAM,KAAK,MAAM,WAAW,MAAM,IAAI,GAAG;AAAA,KAChG,GACF;AAEJ;",
   "names": []
 }

package/dist/cjs/graphs/Chart/series/Bars.js CHANGED Viewed

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -30,9 +34,9 @@ module.exports = __toCommonJS(Bars_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_Rect = require("./Rect");
-var import_ChartContext = require("../ChartContext");
-var import_A11yRegion = require("../parts/A11yRegion");
+var import_Rect = require("./Rect.js");
+var import_ChartContext = require("../ChartContext.js");
+var import_A11yRegion = require("../parts/A11yRegion.js");
 const Bars = ({ serie }) => {
   const { innerHeight, xScale, yScale, y2Scale, subGroupScale, colorScale, getXValue, getYValue, chartId } = (0, import_react.useContext)(import_ChartContext.ChartContext);
   const finalYScale = serie.scale === "y2" ? y2Scale : yScale;
@@ -46,7 +50,10 @@ const Bars = ({ serie }) => {
       y > 0 ? positiveSize - finalYScale.get(y) : finalYScale.get(y) - finalYScale.get(0),
       10
     );
-    const transformX = xScale.type !== "BAND" ? xScale.get(x) - width / 2 : subGroupScale(serie.name) + xScale.get(x);
+    const transformX = xScale.type !== "BAND" ? xScale.get(x) - width / 2 : (
+      // ? subGroupScale(serie.name) + xScale.get(x) - (bar.value.x ? (width / 2) * subGroupScale.domain().length : 0)
+      subGroupScale(serie.name) + xScale.get(x)
+    );
     const transformY = y > 0 ? finalYScale.get(0) - height : finalYScale.get(0);
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { id: `${serie.name}-rects-${bar.key}`, transform: `translate(${transformX},0)`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_Rect.Rect,

package/dist/cjs/graphs/Chart/series/Bars.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/graphs/Chart/series/Bars.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable complexity */\nimport React, { useContext } from 'react';\nimport { Rect } from './Rect';\nimport { ChartContext } from '../ChartContext';\nimport { A11yRegion } from '../parts/A11yRegion';\nexport const Bars = ({ serie }) => {\n  const { innerHeight, xScale, yScale, y2Scale, subGroupScale, colorScale, getXValue, getYValue, chartId } =\n    useContext(ChartContext);\n  const finalYScale = serie.scale === 'y2' ? y2Scale : yScale;\n\n  const negativeSize = innerHeight - finalYScale.get(0);\n  const positiveSize = innerHeight - negativeSize;\n\n  return (\n    <A11yRegion serieName={serie.name} clipPath={`url(#rect-focus-ring-${chartId})`} fill={colorScale(serie.name)}>\n      {serie.data.map((bar) => {\n        const x = getXValue(bar);\n        const y = getYValue(bar);\n\n        const width = subGroupScale?.bandwidth();\n        const height = parseInt(\n          y > 0 ? positiveSize - finalYScale.get(y) : finalYScale.get(y) - finalYScale.get(0),\n          10,\n        );\n        const transformX =\n          xScale.type !== 'BAND'\n            ? xScale.get(x) - width / 2\n            : // ? subGroupScale(serie.name) + xScale.get(x) - (bar.value.x ? (width / 2) * subGroupScale.domain().length : 0)\n              subGroupScale(serie.name) + xScale.get(x);\n\n        const transformY = y > 0 ? finalYScale.get(0) - height : finalYScale.get(0);\n\n        return (\n          <g id={`${serie.name}-rects-${bar.key}`} key={bar.key} transform={`translate(${transformX},0)`}>\n            <Rect\n              name={serie.name}\n              xValue={x}\n              yValue={y}\n              width={width}\n              height={height}\n              id={bar.key}\n              y={transformY}\n              isNegative={y < 0}\n              datum={bar}\n            />\n          </g>\n        );\n      })}\n    </A11yRegion>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkCX;AAjCZ,mBAAkC;AAClC,kBAAqB;AACrB,0BAA6B;AAC7B,wBAA2B;AACpB,MAAM,OAAO,CAAC,EAAE,MAAM,MAAM;AACjC,QAAM,EAAE,aAAa,QAAQ,QAAQ,SAAS,eAAe,YAAY,WAAW,WAAW,QAAQ,QACrG,yBAAW,gCAAY;AACzB,QAAM,cAAc,MAAM,UAAU,OAAO,UAAU;AAErD,QAAM,eAAe,cAAc,YAAY,IAAI,CAAC;AACpD,QAAM,eAAe,cAAc;AAEnC,SACE,4CAAC,gCAAW,WAAW,MAAM,MAAM,UAAU,wBAAwB,YAAY,MAAM,WAAW,MAAM,IAAI,GACzG,gBAAM,KAAK,IAAI,CAAC,QAAQ;AACvB,UAAM,IAAI,UAAU,GAAG;AACvB,UAAM,IAAI,UAAU,GAAG;AAEvB,UAAM,QAAQ,eAAe,UAAU;AACvC,UAAM,SAAS;AAAA,MACb,IAAI,IAAI,eAAe,YAAY,IAAI,CAAC,IAAI,YAAY,IAAI,CAAC,IAAI,YAAY,IAAI,CAAC;AAAA,MAClF;AAAA,IACF;AACA,UAAM,aACJ,OAAO,SAAS,SACZ,OAAO,IAAI,CAAC,IAAI,QAAQ,IAExB,cAAc,MAAM,IAAI,IAAI,OAAO,IAAI,CAAC;AAE9C,UAAM,aAAa,IAAI,IAAI,YAAY,IAAI,CAAC,IAAI,SAAS,YAAY,IAAI,CAAC;AAE1E,WACE,4CAAC,OAAE,IAAI,GAAG,MAAM,cAAc,IAAI,OAAqB,WAAW,aAAa,iBAC7E;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,MAAM;AAAA,QACZ,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR;AAAA,QACA;AAAA,QACA,IAAI,IAAI;AAAA,QACR,GAAG;AAAA,QACH,YAAY,IAAI;AAAA,QAChB,OAAO;AAAA;AAAA,IACT,KAX4C,IAAI,GAYlD;AAAA,EAEJ,CAAC,GACH;AAEJ;",
+  "sourcesContent": ["/* eslint-disable complexity */\nimport React, { useContext } from 'react';\nimport { Rect } from './Rect.js';\nimport { ChartContext } from '../ChartContext.js';\nimport { A11yRegion } from '../parts/A11yRegion.js';\nexport const Bars = ({ serie }) => {\n  const { innerHeight, xScale, yScale, y2Scale, subGroupScale, colorScale, getXValue, getYValue, chartId } =\n    useContext(ChartContext);\n  const finalYScale = serie.scale === 'y2' ? y2Scale : yScale;\n\n  const negativeSize = innerHeight - finalYScale.get(0);\n  const positiveSize = innerHeight - negativeSize;\n\n  return (\n    <A11yRegion serieName={serie.name} clipPath={`url(#rect-focus-ring-${chartId})`} fill={colorScale(serie.name)}>\n      {serie.data.map((bar) => {\n        const x = getXValue(bar);\n        const y = getYValue(bar);\n\n        const width = subGroupScale?.bandwidth();\n        const height = parseInt(\n          y > 0 ? positiveSize - finalYScale.get(y) : finalYScale.get(y) - finalYScale.get(0),\n          10,\n        );\n        const transformX =\n          xScale.type !== 'BAND'\n            ? xScale.get(x) - width / 2\n            : // ? subGroupScale(serie.name) + xScale.get(x) - (bar.value.x ? (width / 2) * subGroupScale.domain().length : 0)\n              subGroupScale(serie.name) + xScale.get(x);\n\n        const transformY = y > 0 ? finalYScale.get(0) - height : finalYScale.get(0);\n\n        return (\n          <g id={`${serie.name}-rects-${bar.key}`} key={bar.key} transform={`translate(${transformX},0)`}>\n            <Rect\n              name={serie.name}\n              xValue={x}\n              yValue={y}\n              width={width}\n              height={height}\n              id={bar.key}\n              y={transformY}\n              isNegative={y < 0}\n              datum={bar}\n            />\n          </g>\n        );\n      })}\n    </A11yRegion>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkCX;AAjCZ,mBAAkC;AAClC,kBAAqB;AACrB,0BAA6B;AAC7B,wBAA2B;AACpB,MAAM,OAAO,CAAC,EAAE,MAAM,MAAM;AACjC,QAAM,EAAE,aAAa,QAAQ,QAAQ,SAAS,eAAe,YAAY,WAAW,WAAW,QAAQ,QACrG,yBAAW,gCAAY;AACzB,QAAM,cAAc,MAAM,UAAU,OAAO,UAAU;AAErD,QAAM,eAAe,cAAc,YAAY,IAAI,CAAC;AACpD,QAAM,eAAe,cAAc;AAEnC,SACE,4CAAC,gCAAW,WAAW,MAAM,MAAM,UAAU,wBAAwB,YAAY,MAAM,WAAW,MAAM,IAAI,GACzG,gBAAM,KAAK,IAAI,CAAC,QAAQ;AACvB,UAAM,IAAI,UAAU,GAAG;AACvB,UAAM,IAAI,UAAU,GAAG;AAEvB,UAAM,QAAQ,eAAe,UAAU;AACvC,UAAM,SAAS;AAAA,MACb,IAAI,IAAI,eAAe,YAAY,IAAI,CAAC,IAAI,YAAY,IAAI,CAAC,IAAI,YAAY,IAAI,CAAC;AAAA,MAClF;AAAA,IACF;AACA,UAAM,aACJ,OAAO,SAAS,SACZ,OAAO,IAAI,CAAC,IAAI,QAAQ;AAAA;AAAA,MAExB,cAAc,MAAM,IAAI,IAAI,OAAO,IAAI,CAAC;AAAA;AAE9C,UAAM,aAAa,IAAI,IAAI,YAAY,IAAI,CAAC,IAAI,SAAS,YAAY,IAAI,CAAC;AAE1E,WACE,4CAAC,OAAE,IAAI,GAAG,MAAM,cAAc,IAAI,OAAqB,WAAW,aAAa,iBAC7E;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,MAAM;AAAA,QACZ,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR;AAAA,QACA;AAAA,QACA,IAAI,IAAI;AAAA,QACR,GAAG;AAAA,QACH,YAAY,IAAI;AAAA,QAChB,OAAO;AAAA;AAAA,IACT,KAX4C,IAAI,GAYlD;AAAA,EAEJ,CAAC,GACH;AAEJ;",
   "names": []
 }

package/dist/cjs/graphs/Chart/series/HorizontalBars.js CHANGED Viewed

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -30,8 +34,8 @@ module.exports = __toCommonJS(HorizontalBars_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_Rect = require("./Rect");
-var import_ChartContext = require("../ChartContext");
+var import_Rect = require("./Rect.js");
+var import_ChartContext = require("../ChartContext.js");
 const HorizontalBars = ({ serie }) => {
   const {
     props: {

package/dist/cjs/graphs/Chart/series/HorizontalBars.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/graphs/Chart/series/HorizontalBars.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable complexity */\nimport React, { useContext, useMemo } from 'react';\nimport { Rect } from './Rect';\nimport { ChartContext } from '../ChartContext';\nimport type { DSChartT } from '../react-desc-prop-types';\n\nexport const HorizontalBars = ({ serie }: DSChartT.SerieComponentT) => {\n  const {\n    props: {\n      xAxis: { beginAtZero },\n    },\n    xScale,\n    yScale,\n    innerWidth,\n    y2Scale,\n    subGroupScale,\n    colorScale,\n    getXValue,\n    getYValue,\n    chartId,\n  } = useContext(ChartContext);\n  const finalYScale = serie.scale === 'y2' ? y2Scale : yScale;\n\n  const negativeSize = innerWidth - xScale.get(0);\n  const positiveSize = innerWidth - negativeSize;\n\n  return useMemo(\n    () => (\n      <g fill={colorScale(serie.name)} clipPath={`url(#rect-focus-ring-${chartId})`}>\n        {serie.data.map((bar, i) => {\n          const x = getXValue(bar);\n          const y = getYValue(bar);\n          const minX = beginAtZero ? 0 : xScale.invert(0);\n          const width = x < 0 ? positiveSize - xScale.get(x) : xScale.get(x) - xScale.get(minX);\n          const height = subGroupScale?.bandwidth();\n          const transformX = x < 0 ? xScale.get(0) - width : xScale.get(minX);\n          const transformY = subGroupScale(serie.name) + finalYScale.get(y);\n\n          return (\n            <g key={bar.key} transform={`translate(${transformX},${transformY})`}>\n              <Rect\n                datum={bar}\n                name={serie.name}\n                width={width}\n                height={height}\n                id={bar.key}\n                x={0}\n                xValue={x}\n                yValue={y}\n              />\n            </g>\n          );\n        })}\n      </g>\n    ),\n    [\n      beginAtZero,\n      chartId,\n      colorScale,\n      finalYScale,\n      getXValue,\n      getYValue,\n      positiveSize,\n      serie.data,\n      serie.name,\n      subGroupScale,\n      xScale,\n    ],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwCT;AAvCd,mBAA2C;AAC3C,kBAAqB;AACrB,0BAA6B;AAGtB,MAAM,iBAAiB,CAAC,EAAE,MAAM,MAAgC;AACrE,QAAM;AAAA,IACJ,OAAO;AAAA,MACL,OAAO,EAAE,YAAY;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,gCAAY;AAC3B,QAAM,cAAc,MAAM,UAAU,OAAO,UAAU;AAErD,QAAM,eAAe,aAAa,OAAO,IAAI,CAAC;AAC9C,QAAM,eAAe,aAAa;AAElC,aAAO;AAAA,IACL,MACE,4CAAC,OAAE,MAAM,WAAW,MAAM,IAAI,GAAG,UAAU,wBAAwB,YAChE,gBAAM,KAAK,IAAI,CAAC,KAAK,MAAM;AAC1B,YAAM,IAAI,UAAU,GAAG;AACvB,YAAM,IAAI,UAAU,GAAG;AACvB,YAAM,OAAO,cAAc,IAAI,OAAO,OAAO,CAAC;AAC9C,YAAM,QAAQ,IAAI,IAAI,eAAe,OAAO,IAAI,CAAC,IAAI,OAAO,IAAI,CAAC,IAAI,OAAO,IAAI,IAAI;AACpF,YAAM,SAAS,eAAe,UAAU;AACxC,YAAM,aAAa,IAAI,IAAI,OAAO,IAAI,CAAC,IAAI,QAAQ,OAAO,IAAI,IAAI;AAClE,YAAM,aAAa,cAAc,MAAM,IAAI,IAAI,YAAY,IAAI,CAAC;AAEhE,aACE,4CAAC,OAAgB,WAAW,aAAa,cAAc,eACrD;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,MAAM,MAAM;AAAA,UACZ;AAAA,UACA;AAAA,UACA,IAAI,IAAI;AAAA,UACR,GAAG;AAAA,UACH,QAAQ;AAAA,UACR,QAAQ;AAAA;AAAA,MACV,KAVM,IAAI,GAWZ;AAAA,IAEJ,CAAC,GACH;AAAA,IAEF;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN,MAAM;AAAA,MACN;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;",
+  "sourcesContent": ["/* eslint-disable complexity */\nimport React, { useContext, useMemo } from 'react';\nimport { Rect } from './Rect.js';\nimport { ChartContext } from '../ChartContext.js';\nimport type { DSChartT } from '../react-desc-prop-types.js';\n\nexport const HorizontalBars = ({ serie }: DSChartT.SerieComponentT) => {\n  const {\n    props: {\n      xAxis: { beginAtZero },\n    },\n    xScale,\n    yScale,\n    innerWidth,\n    y2Scale,\n    subGroupScale,\n    colorScale,\n    getXValue,\n    getYValue,\n    chartId,\n  } = useContext(ChartContext);\n  const finalYScale = serie.scale === 'y2' ? y2Scale : yScale;\n\n  const negativeSize = innerWidth - xScale.get(0);\n  const positiveSize = innerWidth - negativeSize;\n\n  return useMemo(\n    () => (\n      <g fill={colorScale(serie.name)} clipPath={`url(#rect-focus-ring-${chartId})`}>\n        {serie.data.map((bar, i) => {\n          const x = getXValue(bar);\n          const y = getYValue(bar);\n          const minX = beginAtZero ? 0 : xScale.invert(0);\n          const width = x < 0 ? positiveSize - xScale.get(x) : xScale.get(x) - xScale.get(minX);\n          const height = subGroupScale?.bandwidth();\n          const transformX = x < 0 ? xScale.get(0) - width : xScale.get(minX);\n          const transformY = subGroupScale(serie.name) + finalYScale.get(y);\n\n          return (\n            <g key={bar.key} transform={`translate(${transformX},${transformY})`}>\n              <Rect\n                datum={bar}\n                name={serie.name}\n                width={width}\n                height={height}\n                id={bar.key}\n                x={0}\n                xValue={x}\n                yValue={y}\n              />\n            </g>\n          );\n        })}\n      </g>\n    ),\n    [\n      beginAtZero,\n      chartId,\n      colorScale,\n      finalYScale,\n      getXValue,\n      getYValue,\n      positiveSize,\n      serie.data,\n      serie.name,\n      subGroupScale,\n      xScale,\n    ],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwCT;AAvCd,mBAA2C;AAC3C,kBAAqB;AACrB,0BAA6B;AAGtB,MAAM,iBAAiB,CAAC,EAAE,MAAM,MAAgC;AACrE,QAAM;AAAA,IACJ,OAAO;AAAA,MACL,OAAO,EAAE,YAAY;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,gCAAY;AAC3B,QAAM,cAAc,MAAM,UAAU,OAAO,UAAU;AAErD,QAAM,eAAe,aAAa,OAAO,IAAI,CAAC;AAC9C,QAAM,eAAe,aAAa;AAElC,aAAO;AAAA,IACL,MACE,4CAAC,OAAE,MAAM,WAAW,MAAM,IAAI,GAAG,UAAU,wBAAwB,YAChE,gBAAM,KAAK,IAAI,CAAC,KAAK,MAAM;AAC1B,YAAM,IAAI,UAAU,GAAG;AACvB,YAAM,IAAI,UAAU,GAAG;AACvB,YAAM,OAAO,cAAc,IAAI,OAAO,OAAO,CAAC;AAC9C,YAAM,QAAQ,IAAI,IAAI,eAAe,OAAO,IAAI,CAAC,IAAI,OAAO,IAAI,CAAC,IAAI,OAAO,IAAI,IAAI;AACpF,YAAM,SAAS,eAAe,UAAU;AACxC,YAAM,aAAa,IAAI,IAAI,OAAO,IAAI,CAAC,IAAI,QAAQ,OAAO,IAAI,IAAI;AAClE,YAAM,aAAa,cAAc,MAAM,IAAI,IAAI,YAAY,IAAI,CAAC;AAEhE,aACE,4CAAC,OAAgB,WAAW,aAAa,cAAc,eACrD;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,MAAM,MAAM;AAAA,UACZ;AAAA,UACA;AAAA,UACA,IAAI,IAAI;AAAA,UACR,GAAG;AAAA,UACH,QAAQ;AAAA,UACR,QAAQ;AAAA;AAAA,MACV,KAVM,IAAI,GAWZ;AAAA,IAEJ,CAAC,GACH;AAAA,IAEF;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN,MAAM;AAAA,MACN;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/cjs/graphs/Chart/series/HorizontalStackedBars.js CHANGED Viewed

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -30,9 +34,9 @@ module.exports = __toCommonJS(HorizontalStackedBars_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_Rect = require("./Rect");
-var import_ChartContext = require("../ChartContext");
-var import_helpers = require("../helpers");
+var import_Rect = require("./Rect.js");
+var import_ChartContext = require("../ChartContext.js");
+var import_helpers = require("../helpers/index.js");
 const HorizontalStackedBars = ({ serie }) => {
   const {
     props: { groups, yScroll },

package/dist/cjs/graphs/Chart/series/HorizontalStackedBars.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/graphs/Chart/series/HorizontalStackedBars.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable complexity */\nimport React, { useContext, useMemo } from 'react';\nimport { Rect } from './Rect';\nimport { ChartContext } from '../ChartContext';\nimport { getStackedData, getStackedIndex } from '../helpers';\nimport type { DSChartT } from '../react-desc-prop-types';\n\nexport const HorizontalStackedBars = ({ serie }: DSChartT.SerieComponentT) => {\n  const {\n    props: { groups, yScroll },\n    xScale,\n    yScale,\n    stackedData,\n    subGroupScale,\n    colorScale,\n    innerHeight,\n    containerRatio,\n    chartId,\n    getYValue,\n  } = useContext(ChartContext);\n  const serieWithStackedValues = getStackedData(stackedData, serie);\n  const stackIndex = getStackedIndex(groups, serie.name);\n\n  const realInnerHeight = useMemo(\n    () => innerHeight * (yScroll ? containerRatio : 1),\n    [containerRatio, innerHeight, yScroll],\n  );\n\n  return useMemo(\n    () => (\n      <g>\n        {serie.data.map((bar, i) => {\n          const sequence = serieWithStackedValues[bar.position];\n          const isFloorStack = sequence[0] === 0;\n          const xValue = sequence[1] - sequence[0];\n          const yValue = getYValue(serie.data[i]);\n\n          const width = xScale.get(sequence[1]) - xScale.get(sequence[0]) - (!isFloorStack ? 2 : 0);\n\n          const height = subGroupScale?.bandwidth();\n\n          const transformX = xScale.get(sequence[0]) + (!isFloorStack ? 2 : 0);\n          const transformY = subGroupScale(`stacked-data-${stackIndex}`) + yScale.get(yValue);\n          return (\n            <g key={serie.data[i]?.key} clipPath={`url(#rect-focus-ring-${chartId})`}>\n              <g fill={colorScale(serie.name)} transform={`translate(0, ${transformY})`}>\n                <Rect\n                  width={width}\n                  height={height}\n                  x={transformX}\n                  xValue={xValue}\n                  yValue={yValue}\n                  id={serie.data[i]?.key}\n                  name={serie.name}\n                  datum={serie.data[i]}\n                />\n              </g>\n            </g>\n          );\n        })}\n      </g>\n    ),\n    [chartId, colorScale, getYValue, serie, serieWithStackedValues, stackIndex, subGroupScale, xScale, yScale],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD8CP;AA7ChB,mBAA2C;AAC3C,kBAAqB;AACrB,0BAA6B;AAC7B,qBAAgD;AAGzC,MAAM,wBAAwB,CAAC,EAAE,MAAM,MAAgC;AAC5E,QAAM;AAAA,IACJ,OAAO,EAAE,QAAQ,QAAQ;AAAA,IACzB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,gCAAY;AAC3B,QAAM,6BAAyB,+BAAe,aAAa,KAAK;AAChE,QAAM,iBAAa,gCAAgB,QAAQ,MAAM,IAAI;AAErD,QAAM,sBAAkB;AAAA,IACtB,MAAM,eAAe,UAAU,iBAAiB;AAAA,IAChD,CAAC,gBAAgB,aAAa,OAAO;AAAA,EACvC;AAEA,aAAO;AAAA,IACL,MACE,4CAAC,OACE,gBAAM,KAAK,IAAI,CAAC,KAAK,MAAM;AAC1B,YAAM,WAAW,uBAAuB,IAAI;AAC5C,YAAM,eAAe,SAAS,OAAO;AACrC,YAAM,SAAS,SAAS,KAAK,SAAS;AACtC,YAAM,SAAS,UAAU,MAAM,KAAK,EAAE;AAEtC,YAAM,QAAQ,OAAO,IAAI,SAAS,EAAE,IAAI,OAAO,IAAI,SAAS,EAAE,KAAK,CAAC,eAAe,IAAI;AAEvF,YAAM,SAAS,eAAe,UAAU;AAExC,YAAM,aAAa,OAAO,IAAI,SAAS,EAAE,KAAK,CAAC,eAAe,IAAI;AAClE,YAAM,aAAa,cAAc,gBAAgB,YAAY,IAAI,OAAO,IAAI,MAAM;AAClF,aACE,4CAAC,OAA2B,UAAU,wBAAwB,YAC5D,sDAAC,OAAE,MAAM,WAAW,MAAM,IAAI,GAAG,WAAW,gBAAgB,eAC1D;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,GAAG;AAAA,UACH;AAAA,UACA;AAAA,UACA,IAAI,MAAM,KAAK,IAAI;AAAA,UACnB,MAAM,MAAM;AAAA,UACZ,OAAO,MAAM,KAAK;AAAA;AAAA,MACpB,GACF,KAZM,MAAM,KAAK,IAAI,GAavB;AAAA,IAEJ,CAAC,GACH;AAAA,IAEF,CAAC,SAAS,YAAY,WAAW,OAAO,wBAAwB,YAAY,eAAe,QAAQ,MAAM;AAAA,EAC3G;AACF;",
+  "sourcesContent": ["/* eslint-disable complexity */\nimport React, { useContext, useMemo } from 'react';\nimport { Rect } from './Rect.js';\nimport { ChartContext } from '../ChartContext.js';\nimport { getStackedData, getStackedIndex } from '../helpers/index.js';\nimport type { DSChartT } from '../react-desc-prop-types.js';\n\nexport const HorizontalStackedBars = ({ serie }: DSChartT.SerieComponentT) => {\n  const {\n    props: { groups, yScroll },\n    xScale,\n    yScale,\n    stackedData,\n    subGroupScale,\n    colorScale,\n    innerHeight,\n    containerRatio,\n    chartId,\n    getYValue,\n  } = useContext(ChartContext);\n  const serieWithStackedValues = getStackedData(stackedData, serie);\n  const stackIndex = getStackedIndex(groups, serie.name);\n\n  const realInnerHeight = useMemo(\n    () => innerHeight * (yScroll ? containerRatio : 1),\n    [containerRatio, innerHeight, yScroll],\n  );\n\n  return useMemo(\n    () => (\n      <g>\n        {serie.data.map((bar, i) => {\n          const sequence = serieWithStackedValues[bar.position];\n          const isFloorStack = sequence[0] === 0;\n          const xValue = sequence[1] - sequence[0];\n          const yValue = getYValue(serie.data[i]);\n\n          const width = xScale.get(sequence[1]) - xScale.get(sequence[0]) - (!isFloorStack ? 2 : 0);\n\n          const height = subGroupScale?.bandwidth();\n\n          const transformX = xScale.get(sequence[0]) + (!isFloorStack ? 2 : 0);\n          const transformY = subGroupScale(`stacked-data-${stackIndex}`) + yScale.get(yValue);\n          return (\n            <g key={serie.data[i]?.key} clipPath={`url(#rect-focus-ring-${chartId})`}>\n              <g fill={colorScale(serie.name)} transform={`translate(0, ${transformY})`}>\n                <Rect\n                  width={width}\n                  height={height}\n                  x={transformX}\n                  xValue={xValue}\n                  yValue={yValue}\n                  id={serie.data[i]?.key}\n                  name={serie.name}\n                  datum={serie.data[i]}\n                />\n              </g>\n            </g>\n          );\n        })}\n      </g>\n    ),\n    [chartId, colorScale, getYValue, serie, serieWithStackedValues, stackIndex, subGroupScale, xScale, yScale],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD8CP;AA7ChB,mBAA2C;AAC3C,kBAAqB;AACrB,0BAA6B;AAC7B,qBAAgD;AAGzC,MAAM,wBAAwB,CAAC,EAAE,MAAM,MAAgC;AAC5E,QAAM;AAAA,IACJ,OAAO,EAAE,QAAQ,QAAQ;AAAA,IACzB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,gCAAY;AAC3B,QAAM,6BAAyB,+BAAe,aAAa,KAAK;AAChE,QAAM,iBAAa,gCAAgB,QAAQ,MAAM,IAAI;AAErD,QAAM,sBAAkB;AAAA,IACtB,MAAM,eAAe,UAAU,iBAAiB;AAAA,IAChD,CAAC,gBAAgB,aAAa,OAAO;AAAA,EACvC;AAEA,aAAO;AAAA,IACL,MACE,4CAAC,OACE,gBAAM,KAAK,IAAI,CAAC,KAAK,MAAM;AAC1B,YAAM,WAAW,uBAAuB,IAAI,QAAQ;AACpD,YAAM,eAAe,SAAS,CAAC,MAAM;AACrC,YAAM,SAAS,SAAS,CAAC,IAAI,SAAS,CAAC;AACvC,YAAM,SAAS,UAAU,MAAM,KAAK,CAAC,CAAC;AAEtC,YAAM,QAAQ,OAAO,IAAI,SAAS,CAAC,CAAC,IAAI,OAAO,IAAI,SAAS,CAAC,CAAC,KAAK,CAAC,eAAe,IAAI;AAEvF,YAAM,SAAS,eAAe,UAAU;AAExC,YAAM,aAAa,OAAO,IAAI,SAAS,CAAC,CAAC,KAAK,CAAC,eAAe,IAAI;AAClE,YAAM,aAAa,cAAc,gBAAgB,YAAY,IAAI,OAAO,IAAI,MAAM;AAClF,aACE,4CAAC,OAA2B,UAAU,wBAAwB,YAC5D,sDAAC,OAAE,MAAM,WAAW,MAAM,IAAI,GAAG,WAAW,gBAAgB,eAC1D;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,GAAG;AAAA,UACH;AAAA,UACA;AAAA,UACA,IAAI,MAAM,KAAK,CAAC,GAAG;AAAA,UACnB,MAAM,MAAM;AAAA,UACZ,OAAO,MAAM,KAAK,CAAC;AAAA;AAAA,MACrB,GACF,KAZM,MAAM,KAAK,CAAC,GAAG,GAavB;AAAA,IAEJ,CAAC,GACH;AAAA,IAEF,CAAC,SAAS,YAAY,WAAW,OAAO,wBAAwB,YAAY,eAAe,QAAQ,MAAM;AAAA,EAC3G;AACF;",
   "names": []
 }

package/dist/cjs/graphs/Chart/series/Line.js CHANGED Viewed

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -31,11 +35,11 @@ var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_d3 = require("d3");
-var import_Points = require("./Points");
-var import_ChartContext = require("../ChartContext");
-var import_constants = require("../../constants");
-var import_DataTestIds = require("../DataTestIds");
-var import_A11yRegion = require("../parts/A11yRegion");
+var import_Points = require("./Points.js");
+var import_ChartContext = require("../ChartContext.js");
+var import_constants = require("../../constants.js");
+var import_DataTestIds = require("../DataTestIds.js");
+var import_A11yRegion = require("../parts/A11yRegion.js");
 const Line = ({ serie }) => {
   const { xScale, yScale, y2Scale, colorScale, getXValue, getYValue } = (0, import_react.useContext)(import_ChartContext.ChartContext);
   const ref = (0, import_react.useRef)(null);

package/dist/cjs/graphs/Chart/series/Line.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/graphs/Chart/series/Line.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useContext, useEffect, useMemo, useRef } from 'react';\nimport { line, select } from 'd3';\nimport { Points } from './Points';\nimport { ChartContext } from '../ChartContext';\nimport { LINE, curveStyleMap } from '../../constants';\nimport { DataVizDataTestIds } from '../DataTestIds';\nimport { A11yRegion } from '../parts/A11yRegion';\nimport type { DSChartT } from '../react-desc-prop-types';\n\ninterface LineSerieT {\n  serie: DSChartT.InternalSerie;\n}\nexport const Line: React.ComponentType<LineSerieT> = ({ serie }) => {\n  const { xScale, yScale, y2Scale, colorScale, getXValue, getYValue } = useContext(ChartContext);\n\n  const ref = useRef<SVGGElement>(null);\n\n  const finalYScale = useMemo(() => (serie.scale === 'y2' ? y2Scale : yScale), [serie.scale, y2Scale, yScale]);\n\n  const curveStyle = useMemo(\n    () => curveStyleMap[serie.curveStyle] ?? curveStyleMap[LINE.CURVE_STYLE.LINEAR],\n    [serie.curveStyle],\n  );\n\n  const lineD3 = useMemo(\n    () =>\n      line()\n        .x((d) => xScale.get(getXValue(d)))\n        .y((d) => finalYScale.get(getYValue(d)))\n        .curve(curveStyle),\n    [curveStyle, finalYScale, getXValue, getYValue, xScale],\n  );\n\n  useEffect(() => {\n    if (!ref.current) return;\n\n    const groupContent = select(ref?.current);\n\n    groupContent.selectAll('*').remove();\n    const path = groupContent\n      .append('path')\n      .datum(serie.data)\n      .attr('fill', 'none')\n      .attr('stroke', colorScale(serie.name))\n      .attr('stroke-linejoin', 'round')\n      .attr('stroke-width', 2)\n      .attr('d', lineD3);\n\n    if (serie.dashStyle) path.attr('stroke-dasharray', LINE.DASH_STYLE_VALUES[serie.dashStyle]);\n  }, [colorScale, finalYScale, getXValue, getYValue, lineD3, serie, xScale]);\n\n  // we need to center the points and lines when\n  // using them in a band axis context\n  const xTranslate = useMemo(() => (xScale?.getBandwidth?.() ?? 0) / 2, [xScale]);\n\n  return (\n    <A11yRegion serieName={serie.name} transform={`translate(${xTranslate}, 0)`}>\n      <g ref={ref} data-testid={DataVizDataTestIds.LINE} />\n      <Points serie={serie} />\n    </A11yRegion>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwDnB;AAxDJ,mBAA8D;AAC9D,gBAA6B;AAC7B,oBAAuB;AACvB,0BAA6B;AAC7B,uBAAoC;AACpC,yBAAmC;AACnC,wBAA2B;AAMpB,MAAM,OAAwC,CAAC,EAAE,MAAM,MAAM;AAClE,QAAM,EAAE,QAAQ,QAAQ,SAAS,YAAY,WAAW,UAAU,QAAI,yBAAW,gCAAY;AAE7F,QAAM,UAAM,qBAAoB,IAAI;AAEpC,QAAM,kBAAc,sBAAQ,MAAO,MAAM,UAAU,OAAO,UAAU,QAAS,CAAC,MAAM,OAAO,SAAS,MAAM,CAAC;AAE3G,QAAM,iBAAa;AAAA,IACjB,MAAM,+BAAc,MAAM,eAAe,+BAAc,sBAAK,YAAY;AAAA,IACxE,CAAC,MAAM,UAAU;AAAA,EACnB;AAEA,QAAM,aAAS;AAAA,IACb,UACE,gBAAK,EACF,EAAE,CAAC,MAAM,OAAO,IAAI,UAAU,CAAC,CAAC,CAAC,EACjC,EAAE,CAAC,MAAM,YAAY,IAAI,UAAU,CAAC,CAAC,CAAC,EACtC,MAAM,UAAU;AAAA,IACrB,CAAC,YAAY,aAAa,WAAW,WAAW,MAAM;AAAA,EACxD;AAEA,8BAAU,MAAM;AACd,QAAI,CAAC,IAAI;AAAS;AAElB,UAAM,mBAAe,kBAAO,KAAK,OAAO;AAExC,iBAAa,UAAU,GAAG,EAAE,OAAO;AACnC,UAAM,OAAO,aACV,OAAO,MAAM,EACb,MAAM,MAAM,IAAI,EAChB,KAAK,QAAQ,MAAM,EACnB,KAAK,UAAU,WAAW,MAAM,IAAI,CAAC,EACrC,KAAK,mBAAmB,OAAO,EAC/B,KAAK,gBAAgB,CAAC,EACtB,KAAK,KAAK,MAAM;AAEnB,QAAI,MAAM;AAAW,WAAK,KAAK,oBAAoB,sBAAK,kBAAkB,MAAM,UAAU;AAAA,EAC5F,GAAG,CAAC,YAAY,aAAa,WAAW,WAAW,QAAQ,OAAO,MAAM,CAAC;AAIzE,QAAM,iBAAa,sBAAQ,OAAO,QAAQ,eAAe,KAAK,KAAK,GAAG,CAAC,MAAM,CAAC;AAE9E,SACE,6CAAC,gCAAW,WAAW,MAAM,MAAM,WAAW,aAAa,kBACzD;AAAA,gDAAC,OAAE,KAAU,eAAa,sCAAmB,MAAM;AAAA,IACnD,4CAAC,wBAAO,OAAc;AAAA,KACxB;AAEJ;",
+  "sourcesContent": ["import React, { useContext, useEffect, useMemo, useRef } from 'react';\nimport { line, select } from 'd3';\nimport { Points } from './Points.js';\nimport { ChartContext } from '../ChartContext.js';\nimport { LINE, curveStyleMap } from '../../constants.js';\nimport { DataVizDataTestIds } from '../DataTestIds.js';\nimport { A11yRegion } from '../parts/A11yRegion.js';\nimport type { DSChartT } from '../react-desc-prop-types.js';\n\ninterface LineSerieT {\n  serie: DSChartT.InternalSerie;\n}\nexport const Line: React.ComponentType<LineSerieT> = ({ serie }) => {\n  const { xScale, yScale, y2Scale, colorScale, getXValue, getYValue } = useContext(ChartContext);\n\n  const ref = useRef<SVGGElement>(null);\n\n  const finalYScale = useMemo(() => (serie.scale === 'y2' ? y2Scale : yScale), [serie.scale, y2Scale, yScale]);\n\n  const curveStyle = useMemo(\n    () => curveStyleMap[serie.curveStyle] ?? curveStyleMap[LINE.CURVE_STYLE.LINEAR],\n    [serie.curveStyle],\n  );\n\n  const lineD3 = useMemo(\n    () =>\n      line()\n        .x((d) => xScale.get(getXValue(d)))\n        .y((d) => finalYScale.get(getYValue(d)))\n        .curve(curveStyle),\n    [curveStyle, finalYScale, getXValue, getYValue, xScale],\n  );\n\n  useEffect(() => {\n    if (!ref.current) return;\n\n    const groupContent = select(ref?.current);\n\n    groupContent.selectAll('*').remove();\n    const path = groupContent\n      .append('path')\n      .datum(serie.data)\n      .attr('fill', 'none')\n      .attr('stroke', colorScale(serie.name))\n      .attr('stroke-linejoin', 'round')\n      .attr('stroke-width', 2)\n      .attr('d', lineD3);\n\n    if (serie.dashStyle) path.attr('stroke-dasharray', LINE.DASH_STYLE_VALUES[serie.dashStyle]);\n  }, [colorScale, finalYScale, getXValue, getYValue, lineD3, serie, xScale]);\n\n  // we need to center the points and lines when\n  // using them in a band axis context\n  const xTranslate = useMemo(() => (xScale?.getBandwidth?.() ?? 0) / 2, [xScale]);\n\n  return (\n    <A11yRegion serieName={serie.name} transform={`translate(${xTranslate}, 0)`}>\n      <g ref={ref} data-testid={DataVizDataTestIds.LINE} />\n      <Points serie={serie} />\n    </A11yRegion>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwDnB;AAxDJ,mBAA8D;AAC9D,gBAA6B;AAC7B,oBAAuB;AACvB,0BAA6B;AAC7B,uBAAoC;AACpC,yBAAmC;AACnC,wBAA2B;AAMpB,MAAM,OAAwC,CAAC,EAAE,MAAM,MAAM;AAClE,QAAM,EAAE,QAAQ,QAAQ,SAAS,YAAY,WAAW,UAAU,QAAI,yBAAW,gCAAY;AAE7F,QAAM,UAAM,qBAAoB,IAAI;AAEpC,QAAM,kBAAc,sBAAQ,MAAO,MAAM,UAAU,OAAO,UAAU,QAAS,CAAC,MAAM,OAAO,SAAS,MAAM,CAAC;AAE3G,QAAM,iBAAa;AAAA,IACjB,MAAM,+BAAc,MAAM,UAAU,KAAK,+BAAc,sBAAK,YAAY,MAAM;AAAA,IAC9E,CAAC,MAAM,UAAU;AAAA,EACnB;AAEA,QAAM,aAAS;AAAA,IACb,UACE,gBAAK,EACF,EAAE,CAAC,MAAM,OAAO,IAAI,UAAU,CAAC,CAAC,CAAC,EACjC,EAAE,CAAC,MAAM,YAAY,IAAI,UAAU,CAAC,CAAC,CAAC,EACtC,MAAM,UAAU;AAAA,IACrB,CAAC,YAAY,aAAa,WAAW,WAAW,MAAM;AAAA,EACxD;AAEA,8BAAU,MAAM;AACd,QAAI,CAAC,IAAI;AAAS;AAElB,UAAM,mBAAe,kBAAO,KAAK,OAAO;AAExC,iBAAa,UAAU,GAAG,EAAE,OAAO;AACnC,UAAM,OAAO,aACV,OAAO,MAAM,EACb,MAAM,MAAM,IAAI,EAChB,KAAK,QAAQ,MAAM,EACnB,KAAK,UAAU,WAAW,MAAM,IAAI,CAAC,EACrC,KAAK,mBAAmB,OAAO,EAC/B,KAAK,gBAAgB,CAAC,EACtB,KAAK,KAAK,MAAM;AAEnB,QAAI,MAAM;AAAW,WAAK,KAAK,oBAAoB,sBAAK,kBAAkB,MAAM,SAAS,CAAC;AAAA,EAC5F,GAAG,CAAC,YAAY,aAAa,WAAW,WAAW,QAAQ,OAAO,MAAM,CAAC;AAIzE,QAAM,iBAAa,sBAAQ,OAAO,QAAQ,eAAe,KAAK,KAAK,GAAG,CAAC,MAAM,CAAC;AAE9E,SACE,6CAAC,gCAAW,WAAW,MAAM,MAAM,WAAW,aAAa,kBACzD;AAAA,gDAAC,OAAE,KAAU,eAAa,sCAAmB,MAAM;AAAA,IACnD,4CAAC,wBAAO,OAAc;AAAA,KACxB;AAEJ;",
   "names": []
 }

package/dist/cjs/graphs/Chart/series/Point.js CHANGED Viewed

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -30,11 +34,11 @@ module.exports = __toCommonJS(Point_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_ChartContext = require("../ChartContext");
-var import_constants = require("../../constants");
-var import_FocusableRegion = require("../parts/FocusableRegion");
-var import_TrendHighlight = require("../parts/TrendHighlight");
-var import_DataTestIds = require("../DataTestIds");
+var import_ChartContext = require("../ChartContext.js");
+var import_constants = require("../../constants.js");
+var import_FocusableRegion = require("../parts/FocusableRegion.js");
+var import_TrendHighlight = require("../parts/TrendHighlight.js");
+var import_DataTestIds = require("../DataTestIds.js");
 const Point = ({ x, y, xValue, yValue, name, pointStyle, pointRadius, id, opacity, datum }) => {
   const {
     activePoint,

package/dist/cjs/graphs/Chart/series/Point.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/graphs/Chart/series/Point.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable complexity */\nimport React, { useContext, useCallback, useMemo } from 'react';\nimport { ChartContext } from '../ChartContext';\nimport { FOCUS_RING, SCRAPPER, LINE } from '../../constants';\nimport { FocusableRegion } from '../parts/FocusableRegion';\nimport { TrendHighlight } from '../parts/TrendHighlight';\nimport { DataVizDataTestIds } from '../DataTestIds';\nexport const Point = ({ x, y, xValue, yValue, name, pointStyle, pointRadius, id, opacity, datum }) => {\n  const {\n    activePoint,\n    scrapperPosY,\n    scrapperPosX,\n    getYValueFormatted,\n    getXValueFormatted,\n    setActivePoint,\n    props: { scrapper, TooltipRenderer, withTrendHighlight, y2Axis, yAxis, xAxis },\n  } = useContext(ChartContext);\n  const finalYAxis = datum.scale === 'y2' ? y2Axis : yAxis;\n  const yValueFormatted = getYValueFormatted(datum);\n  const xValueFormatted = getXValueFormatted(datum);\n  const isFocused = useMemo(() => {\n    if (activePoint?.key === id) {\n      return true;\n    }\n    if (scrapper?.type === SCRAPPER.TYPE_HORIZONTAL) {\n      return y === scrapperPosY;\n    }\n    if (scrapper?.type === SCRAPPER.TYPE_VERTICAL) {\n      return x === scrapperPosX;\n    }\n    return false;\n  }, [activePoint, id, scrapper, y, scrapperPosY, x, scrapperPosX]);\n\n  const point = useMemo(() => {\n    const commonProps = {\n      tabIndex: -1,\n      ref: (_ref: SVGElement | null) => {\n        if (isFocused) {\n          _ref?.focus();\n        }\n      },\n      'aria-label': `${datum.serie} ${xAxis.label || ''} ${xValueFormatted} ${\n        finalYAxis?.label || ''\n      } ${yValueFormatted}`,\n      role: 'img',\n    };\n    if (LINE.POINT_STYLE.DIAMOND === pointStyle) {\n      const squareEdge = pointRadius * 2;\n\n      return (\n        <g transform=\"rotate(45)\">\n          {isFocused ? (\n            <rect\n              x={-pointRadius - FOCUS_RING.STROKE_WIDTH}\n              y={-pointRadius - FOCUS_RING.STROKE_WIDTH}\n              width={squareEdge + FOCUS_RING.STROKE_WIDTH * 2}\n              height={squareEdge + FOCUS_RING.STROKE_WIDTH * 2}\n              fill=\"none\"\n              stroke={FOCUS_RING.COLOR}\n              strokeWidth={FOCUS_RING.STROKE_WIDTH}\n            ></rect>\n          ) : null}\n          <rect {...commonProps} x={-pointRadius} y={-pointRadius} width={squareEdge} height={squareEdge}></rect>\n        </g>\n      );\n    }\n    if (LINE.POINT_STYLE.SQUARE === pointStyle) {\n      const squareEdge = pointRadius * 2;\n\n      return (\n        <g>\n          {isFocused ? (\n            <rect\n              x={-pointRadius - FOCUS_RING.STROKE_WIDTH}\n              y={-pointRadius - FOCUS_RING.STROKE_WIDTH}\n              width={squareEdge + FOCUS_RING.STROKE_WIDTH * 2}\n              height={squareEdge + FOCUS_RING.STROKE_WIDTH * 2}\n              fill=\"none\"\n              stroke={FOCUS_RING.COLOR}\n              strokeWidth={FOCUS_RING.STROKE_WIDTH}\n            ></rect>\n          ) : null}\n          <rect {...commonProps} x={-pointRadius} y={-pointRadius} width={squareEdge} height={squareEdge}></rect>\n        </g>\n      );\n    }\n\n    return (\n      <g>\n        {isFocused ? (\n          <g>\n            <circle\n              r={(pointRadius ?? LINE.DEFAULT_POINT_RADIUS) + FOCUS_RING.STROKE_WIDTH}\n              fill=\"none\"\n              stroke={FOCUS_RING.COLOR}\n              strokeWidth={FOCUS_RING.STROKE_WIDTH}\n            ></circle>\n          </g>\n        ) : null}\n        <circle\n          {...commonProps}\n          r={pointRadius ?? (isFocused ? LINE.DEFAULT_POINT_RADIUS : 0)}\n          opacity={opacity}\n        ></circle>\n      </g>\n    );\n  }, [\n    datum.serie,\n    finalYAxis?.label,\n    id,\n    isFocused,\n    opacity,\n    pointRadius,\n    pointStyle,\n    xAxis.label,\n    xValueFormatted,\n    yValueFormatted,\n  ]);\n\n  const handleMouseEnter = useCallback(() => {\n    if (!scrapper) setActivePoint(datum);\n  }, [datum, scrapper, setActivePoint]);\n\n  const handleOnMouseLeave = useCallback(() => {\n    if (!scrapper) setActivePoint(null);\n  }, [scrapper, setActivePoint]);\n  return (\n    <>\n      <g\n        data-testid={DataVizDataTestIds.POINT}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleOnMouseLeave}\n        transform={`translate(${x},${y})`}\n      >\n        {point}\n        {activePoint?.key === id && TooltipRenderer ? (\n          <FocusableRegion\n            id={id}\n            width={(pointRadius ?? 3) * 4}\n            height={(pointRadius ?? 3) * 4}\n            style={{ transform: `translate(-${pointRadius ?? 3}px, -${pointRadius ?? 3}px)` }}\n            content={<TooltipRenderer data={[{ name, yValue, xValue }]} />}\n          />\n        ) : null}\n      </g>\n      {isFocused && withTrendHighlight ? <TrendHighlight currentDatum={datum} /> : null}\n    </>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable complexity */\nimport React, { useContext, useCallback, useMemo } from 'react';\nimport { ChartContext } from '../ChartContext.js';\nimport { FOCUS_RING, SCRAPPER, LINE } from '../../constants.js';\nimport { FocusableRegion } from '../parts/FocusableRegion.js';\nimport { TrendHighlight } from '../parts/TrendHighlight.js';\nimport { DataVizDataTestIds } from '../DataTestIds.js';\nexport const Point = ({ x, y, xValue, yValue, name, pointStyle, pointRadius, id, opacity, datum }) => {\n  const {\n    activePoint,\n    scrapperPosY,\n    scrapperPosX,\n    getYValueFormatted,\n    getXValueFormatted,\n    setActivePoint,\n    props: { scrapper, TooltipRenderer, withTrendHighlight, y2Axis, yAxis, xAxis },\n  } = useContext(ChartContext);\n  const finalYAxis = datum.scale === 'y2' ? y2Axis : yAxis;\n  const yValueFormatted = getYValueFormatted(datum);\n  const xValueFormatted = getXValueFormatted(datum);\n  const isFocused = useMemo(() => {\n    if (activePoint?.key === id) {\n      return true;\n    }\n    if (scrapper?.type === SCRAPPER.TYPE_HORIZONTAL) {\n      return y === scrapperPosY;\n    }\n    if (scrapper?.type === SCRAPPER.TYPE_VERTICAL) {\n      return x === scrapperPosX;\n    }\n    return false;\n  }, [activePoint, id, scrapper, y, scrapperPosY, x, scrapperPosX]);\n\n  const point = useMemo(() => {\n    const commonProps = {\n      tabIndex: -1,\n      ref: (_ref: SVGElement | null) => {\n        if (isFocused) {\n          _ref?.focus();\n        }\n      },\n      'aria-label': `${datum.serie} ${xAxis.label || ''} ${xValueFormatted} ${\n        finalYAxis?.label || ''\n      } ${yValueFormatted}`,\n      role: 'img',\n    };\n    if (LINE.POINT_STYLE.DIAMOND === pointStyle) {\n      const squareEdge = pointRadius * 2;\n\n      return (\n        <g transform=\"rotate(45)\">\n          {isFocused ? (\n            <rect\n              x={-pointRadius - FOCUS_RING.STROKE_WIDTH}\n              y={-pointRadius - FOCUS_RING.STROKE_WIDTH}\n              width={squareEdge + FOCUS_RING.STROKE_WIDTH * 2}\n              height={squareEdge + FOCUS_RING.STROKE_WIDTH * 2}\n              fill=\"none\"\n              stroke={FOCUS_RING.COLOR}\n              strokeWidth={FOCUS_RING.STROKE_WIDTH}\n            ></rect>\n          ) : null}\n          <rect {...commonProps} x={-pointRadius} y={-pointRadius} width={squareEdge} height={squareEdge}></rect>\n        </g>\n      );\n    }\n    if (LINE.POINT_STYLE.SQUARE === pointStyle) {\n      const squareEdge = pointRadius * 2;\n\n      return (\n        <g>\n          {isFocused ? (\n            <rect\n              x={-pointRadius - FOCUS_RING.STROKE_WIDTH}\n              y={-pointRadius - FOCUS_RING.STROKE_WIDTH}\n              width={squareEdge + FOCUS_RING.STROKE_WIDTH * 2}\n              height={squareEdge + FOCUS_RING.STROKE_WIDTH * 2}\n              fill=\"none\"\n              stroke={FOCUS_RING.COLOR}\n              strokeWidth={FOCUS_RING.STROKE_WIDTH}\n            ></rect>\n          ) : null}\n          <rect {...commonProps} x={-pointRadius} y={-pointRadius} width={squareEdge} height={squareEdge}></rect>\n        </g>\n      );\n    }\n\n    return (\n      <g>\n        {isFocused ? (\n          <g>\n            <circle\n              r={(pointRadius ?? LINE.DEFAULT_POINT_RADIUS) + FOCUS_RING.STROKE_WIDTH}\n              fill=\"none\"\n              stroke={FOCUS_RING.COLOR}\n              strokeWidth={FOCUS_RING.STROKE_WIDTH}\n            ></circle>\n          </g>\n        ) : null}\n        <circle\n          {...commonProps}\n          r={pointRadius ?? (isFocused ? LINE.DEFAULT_POINT_RADIUS : 0)}\n          opacity={opacity}\n        ></circle>\n      </g>\n    );\n  }, [\n    datum.serie,\n    finalYAxis?.label,\n    id,\n    isFocused,\n    opacity,\n    pointRadius,\n    pointStyle,\n    xAxis.label,\n    xValueFormatted,\n    yValueFormatted,\n  ]);\n\n  const handleMouseEnter = useCallback(() => {\n    if (!scrapper) setActivePoint(datum);\n  }, [datum, scrapper, setActivePoint]);\n\n  const handleOnMouseLeave = useCallback(() => {\n    if (!scrapper) setActivePoint(null);\n  }, [scrapper, setActivePoint]);\n  return (\n    <>\n      <g\n        data-testid={DataVizDataTestIds.POINT}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleOnMouseLeave}\n        transform={`translate(${x},${y})`}\n      >\n        {point}\n        {activePoint?.key === id && TooltipRenderer ? (\n          <FocusableRegion\n            id={id}\n            width={(pointRadius ?? 3) * 4}\n            height={(pointRadius ?? 3) * 4}\n            style={{ transform: `translate(-${pointRadius ?? 3}px, -${pointRadius ?? 3}px)` }}\n            content={<TooltipRenderer data={[{ name, yValue, xValue }]} />}\n          />\n        ) : null}\n      </g>\n      {isFocused && withTrendHighlight ? <TrendHighlight currentDatum={datum} /> : null}\n    </>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/graphs/Chart/series/Points.js CHANGED Viewed

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -30,9 +34,9 @@ module.exports = __toCommonJS(Points_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_Point = require("./Point");
-var import_ChartContext = require("../ChartContext");
-var import_helpers = require("../helpers");
+var import_Point = require("./Point.js");
+var import_ChartContext = require("../ChartContext.js");
+var import_helpers = require("../helpers/index.js");
 const Points = ({ serie }) => {
   const {
     colorScale,

package/dist/cjs/graphs/Chart/series/Points.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/graphs/Chart/series/Points.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable complexity */\nimport React, { useMemo, useContext } from 'react';\nimport { Point } from './Point';\nimport { ChartContext } from '../ChartContext';\nimport { getStackedData } from '../helpers';\n\nexport const Points = ({ serie }) => {\n  const {\n    colorScale,\n    xScale,\n    y2Scale,\n    yScale,\n    getXValue,\n    getYValue,\n    stackedData,\n    props: { types },\n  } = useContext(ChartContext);\n  const finalYScale = serie.scale === 'y2' ? y2Scale : yScale;\n\n  const opacity = useMemo(() => (types === 'scatter' ? 0.8 : 1), [serie.type]);\n  return useMemo(\n    () => (\n      <g fill={colorScale(serie.name)}>\n        {serie.data.map((point, i) => {\n          const { pointRadius, pointStyle } = serie;\n          // we need to recalculate the height  with stacked data if is an AREA STACKED ELEMENT\n          const serieWithStackedValues = getStackedData(stackedData, serie);\n          const deltaY = serieWithStackedValues ? serieWithStackedValues[i][0] : 0;\n          const x = getXValue(point);\n          const y = getYValue(point);\n          const xPosition = xScale.get(x);\n          const yPosition = finalYScale.get(y + deltaY);\n\n          return (\n            <Point\n              pointRadius={pointRadius}\n              id={point.key}\n              opacity={opacity}\n              x={xPosition}\n              y={yPosition}\n              xValue={x}\n              yValue={y}\n              pointStyle={pointStyle}\n              name={serie.name}\n              datum={point}\n              key={`${point.key}-p`}\n            />\n          );\n        })}\n      </g>\n    ),\n    [colorScale, finalYScale, getXValue, getYValue, opacity, serie, stackedData, xScale],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkCX;AAjCZ,mBAA2C;AAC3C,mBAAsB;AACtB,0BAA6B;AAC7B,qBAA+B;AAExB,MAAM,SAAS,CAAC,EAAE,MAAM,MAAM;AACnC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,EAAE,MAAM;AAAA,EACjB,QAAI,yBAAW,gCAAY;AAC3B,QAAM,cAAc,MAAM,UAAU,OAAO,UAAU;AAErD,QAAM,cAAU,sBAAQ,MAAO,UAAU,YAAY,MAAM,GAAI,CAAC,MAAM,IAAI,CAAC;AAC3E,aAAO;AAAA,IACL,MACE,4CAAC,OAAE,MAAM,WAAW,MAAM,IAAI,GAC3B,gBAAM,KAAK,IAAI,CAAC,OAAO,MAAM;AAC5B,YAAM,EAAE,aAAa,WAAW,IAAI;AAEpC,YAAM,6BAAyB,+BAAe,aAAa,KAAK;AAChE,YAAM,SAAS,yBAAyB,uBAAuB,GAAG,KAAK;AACvE,YAAM,IAAI,UAAU,KAAK;AACzB,YAAM,IAAI,UAAU,KAAK;AACzB,YAAM,YAAY,OAAO,IAAI,CAAC;AAC9B,YAAM,YAAY,YAAY,IAAI,IAAI,MAAM;AAE5C,aACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,IAAI,MAAM;AAAA,UACV;AAAA,UACA,GAAG;AAAA,UACH,GAAG;AAAA,UACH,QAAQ;AAAA,UACR,QAAQ;AAAA,UACR;AAAA,UACA,MAAM,MAAM;AAAA,UACZ,OAAO;AAAA;AAAA,QACF,GAAG,MAAM;AAAA,MAChB;AAAA,IAEJ,CAAC,GACH;AAAA,IAEF,CAAC,YAAY,aAAa,WAAW,WAAW,SAAS,OAAO,aAAa,MAAM;AAAA,EACrF;AACF;",
+  "sourcesContent": ["/* eslint-disable complexity */\nimport React, { useMemo, useContext } from 'react';\nimport { Point } from './Point.js';\nimport { ChartContext } from '../ChartContext.js';\nimport { getStackedData } from '../helpers/index.js';\n\nexport const Points = ({ serie }) => {\n  const {\n    colorScale,\n    xScale,\n    y2Scale,\n    yScale,\n    getXValue,\n    getYValue,\n    stackedData,\n    props: { types },\n  } = useContext(ChartContext);\n  const finalYScale = serie.scale === 'y2' ? y2Scale : yScale;\n\n  const opacity = useMemo(() => (types === 'scatter' ? 0.8 : 1), [serie.type]);\n  return useMemo(\n    () => (\n      <g fill={colorScale(serie.name)}>\n        {serie.data.map((point, i) => {\n          const { pointRadius, pointStyle } = serie;\n          // we need to recalculate the height  with stacked data if is an AREA STACKED ELEMENT\n          const serieWithStackedValues = getStackedData(stackedData, serie);\n          const deltaY = serieWithStackedValues ? serieWithStackedValues[i][0] : 0;\n          const x = getXValue(point);\n          const y = getYValue(point);\n          const xPosition = xScale.get(x);\n          const yPosition = finalYScale.get(y + deltaY);\n\n          return (\n            <Point\n              pointRadius={pointRadius}\n              id={point.key}\n              opacity={opacity}\n              x={xPosition}\n              y={yPosition}\n              xValue={x}\n              yValue={y}\n              pointStyle={pointStyle}\n              name={serie.name}\n              datum={point}\n              key={`${point.key}-p`}\n            />\n          );\n        })}\n      </g>\n    ),\n    [colorScale, finalYScale, getXValue, getYValue, opacity, serie, stackedData, xScale],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkCX;AAjCZ,mBAA2C;AAC3C,mBAAsB;AACtB,0BAA6B;AAC7B,qBAA+B;AAExB,MAAM,SAAS,CAAC,EAAE,MAAM,MAAM;AACnC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,EAAE,MAAM;AAAA,EACjB,QAAI,yBAAW,gCAAY;AAC3B,QAAM,cAAc,MAAM,UAAU,OAAO,UAAU;AAErD,QAAM,cAAU,sBAAQ,MAAO,UAAU,YAAY,MAAM,GAAI,CAAC,MAAM,IAAI,CAAC;AAC3E,aAAO;AAAA,IACL,MACE,4CAAC,OAAE,MAAM,WAAW,MAAM,IAAI,GAC3B,gBAAM,KAAK,IAAI,CAAC,OAAO,MAAM;AAC5B,YAAM,EAAE,aAAa,WAAW,IAAI;AAEpC,YAAM,6BAAyB,+BAAe,aAAa,KAAK;AAChE,YAAM,SAAS,yBAAyB,uBAAuB,CAAC,EAAE,CAAC,IAAI;AACvE,YAAM,IAAI,UAAU,KAAK;AACzB,YAAM,IAAI,UAAU,KAAK;AACzB,YAAM,YAAY,OAAO,IAAI,CAAC;AAC9B,YAAM,YAAY,YAAY,IAAI,IAAI,MAAM;AAE5C,aACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,IAAI,MAAM;AAAA,UACV;AAAA,UACA,GAAG;AAAA,UACH,GAAG;AAAA,UACH,QAAQ;AAAA,UACR,QAAQ;AAAA,UACR;AAAA,UACA,MAAM,MAAM;AAAA,UACZ,OAAO;AAAA;AAAA,QACF,GAAG,MAAM;AAAA,MAChB;AAAA,IAEJ,CAAC,GACH;AAAA,IAEF,CAAC,YAAY,aAAa,WAAW,WAAW,SAAS,OAAO,aAAa,MAAM;AAAA,EACrF;AACF;",
   "names": []
 }

package/dist/cjs/graphs/Chart/series/Rect.js CHANGED Viewed

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -30,10 +34,10 @@ module.exports = __toCommonJS(Rect_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_ChartContext = require("../ChartContext");
-var import_constants = require("../../constants");
-var import_FocusableRegion = require("../parts/FocusableRegion");
-var import_DataTestIds = require("../DataTestIds");
+var import_ChartContext = require("../ChartContext.js");
+var import_constants = require("../../constants.js");
+var import_FocusableRegion = require("../parts/FocusableRegion.js");
+var import_DataTestIds = require("../DataTestIds.js");
 const Rect = ({ name, width, height, isNegative = false, x = null, y = null, id, xValue, yValue, datum }) => {
   const {
     activePoint,

package/dist/cjs/graphs/Chart/series/Rect.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/graphs/Chart/series/Rect.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useMemo, useContext, useCallback } from 'react';\nimport { ChartContext } from '../ChartContext';\nimport { FOCUS_RING } from '../../constants';\nimport { FocusableRegion } from '../parts/FocusableRegion';\nimport { DataVizDataTestIds } from '../DataTestIds';\n\nexport const Rect = ({ name, width, height, isNegative = false, x = null, y = null, id, xValue, yValue, datum }) => {\n  const {\n    activePoint,\n    isGrabbed,\n    chartId,\n    isHorizontal,\n    innerWidth,\n    yScale,\n    innerHeight,\n    setActivePoint,\n    getYValueFormatted,\n    getXValueFormatted,\n    props: { TooltipRenderer, scrapper, xAxis, yAxis, y2Axis },\n  } = useContext(ChartContext);\n  const finalYAxis = datum.scale === 'y2' ? y2Axis : yAxis;\n  const yValueFormatted = getYValueFormatted(datum);\n  const xValueFormatted = getXValueFormatted(datum);\n\n  const isFocused = activePoint?.key === id;\n  const animation = useMemo(() => {\n    if (isGrabbed) return null;\n    if (isHorizontal) return <animate attributeName=\"x\" from={-innerWidth} to={x} dur=\"0.4s\" fill=\"both\" />;\n    if (isNegative) return <animate attributeName=\"y\" from={yScale.get(0)} to={-y} dur=\"0.40s\" fill=\"both\" />;\n    return <animate attributeName=\"y\" from={-innerHeight - y} to={-y} dur=\"0.40s\" fill=\"both\" />;\n  }, [innerHeight, innerWidth, isGrabbed, isHorizontal, isNegative, x, y, yScale]);\n\n  const clipPathSign = useMemo(() => {\n    // @todo horizontal clip paths\n    if (isHorizontal) return '';\n    if (isNegative) return `url(#rects-negative-${chartId})`;\n    return `url(#rects-positive-${chartId})`;\n  }, [chartId, isHorizontal, isNegative]);\n\n  const transform = useMemo(() => {\n    if (isHorizontal) return ``;\n    return `scale(1,-1) translate(0,${-height})`;\n  }, [height, isHorizontal]);\n\n  const handleMouseEnter = useCallback(() => {\n    if (!scrapper) setActivePoint(datum);\n  }, [datum, scrapper, setActivePoint]);\n\n  const handleOnMouseLeave = useCallback(() => {\n    if (!scrapper) setActivePoint(null);\n  }, [scrapper, setActivePoint]);\n\n  return useMemo(\n    () => (\n      <g clipPath={clipPathSign}>\n        <g\n          id={isFocused ? `data-focused-${chartId}` : ''}\n          transform={transform}\n          onMouseEnter={handleMouseEnter}\n          onMouseLeave={handleOnMouseLeave}\n          data-testid={DataVizDataTestIds.BAR}\n        >\n          {isFocused ? (\n            <rect\n              x={(isHorizontal ? x : 0) - FOCUS_RING.STROKE_WIDTH}\n              y={(!isHorizontal ? -y : 0) - FOCUS_RING.STROKE_WIDTH}\n              width={width + FOCUS_RING.OFFSET}\n              height={height + FOCUS_RING.OFFSET}\n              fill=\"none\"\n              rx=\"1\"\n              ry=\"1\"\n              stroke={FOCUS_RING.COLOR}\n              strokeWidth={FOCUS_RING.STROKE_WIDTH}\n            ></rect>\n          ) : null}\n          <rect\n            width={width}\n            height={height}\n            y={-y}\n            x={x}\n            aria-label={`${datum.serie} ${xAxis.label || ''} ${xValueFormatted} ${\n              finalYAxis?.label || ''\n            } ${yValueFormatted}`}\n            role=\"img\"\n            tabIndex={-1}\n            ref={(_ref) => {\n              if (isFocused) {\n                _ref?.focus();\n              }\n            }}\n          >\n            {/* {animation} */}\n          </rect>\n          {activePoint?.key === id && TooltipRenderer ? (\n            <FocusableRegion\n              id={id}\n              y={y}\n              x={x}\n              width={width}\n              height={height}\n              transform={transform}\n              content={<TooltipRenderer data={[{ name, yValue, xValue }]} />}\n            />\n          ) : (\n            ''\n          )}\n        </g>\n      </g>\n    ),\n    [\n      clipPathSign,\n      isFocused,\n      chartId,\n      transform,\n      handleMouseEnter,\n      handleOnMouseLeave,\n      isHorizontal,\n      x,\n      y,\n      width,\n      height,\n      datum.serie,\n      xAxis.label,\n      xValueFormatted,\n      finalYAxis?.label,\n      yValueFormatted,\n      activePoint?.key,\n      id,\n      TooltipRenderer,\n      name,\n      yValue,\n      xValue,\n    ],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD2BM;AA3B7B,mBAAwD;AACxD,0BAA6B;AAC7B,uBAA2B;AAC3B,6BAAgC;AAChC,yBAAmC;AAE5B,MAAM,OAAO,CAAC,EAAE,MAAM,OAAO,QAAQ,aAAa,OAAO,IAAI,MAAM,IAAI,MAAM,IAAI,QAAQ,QAAQ,MAAM,MAAM;AAClH,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,EAAE,iBAAiB,UAAU,OAAO,OAAO,OAAO;AAAA,EAC3D,QAAI,yBAAW,gCAAY;AAC3B,QAAM,aAAa,MAAM,UAAU,OAAO,SAAS;AACnD,QAAM,kBAAkB,mBAAmB,KAAK;AAChD,QAAM,kBAAkB,mBAAmB,KAAK;AAEhD,QAAM,YAAY,aAAa,QAAQ;AACvC,QAAM,gBAAY,sBAAQ,MAAM;AAC9B,QAAI;AAAW,aAAO;AACtB,QAAI;AAAc,aAAO,4CAAC,aAAQ,eAAc,KAAI,MAAM,CAAC,YAAY,IAAI,GAAG,KAAI,QAAO,MAAK,QAAO;AACrG,QAAI;AAAY,aAAO,4CAAC,aAAQ,eAAc,KAAI,MAAM,OAAO,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,KAAI,SAAQ,MAAK,QAAO;AACvG,WAAO,4CAAC,aAAQ,eAAc,KAAI,MAAM,CAAC,cAAc,GAAG,IAAI,CAAC,GAAG,KAAI,SAAQ,MAAK,QAAO;AAAA,EAC5F,GAAG,CAAC,aAAa,YAAY,WAAW,cAAc,YAAY,GAAG,GAAG,MAAM,CAAC;AAE/E,QAAM,mBAAe,sBAAQ,MAAM;AAEjC,QAAI;AAAc,aAAO;AACzB,QAAI;AAAY,aAAO,uBAAuB;AAC9C,WAAO,uBAAuB;AAAA,EAChC,GAAG,CAAC,SAAS,cAAc,UAAU,CAAC;AAEtC,QAAM,gBAAY,sBAAQ,MAAM;AAC9B,QAAI;AAAc,aAAO;AACzB,WAAO,2BAA2B,CAAC;AAAA,EACrC,GAAG,CAAC,QAAQ,YAAY,CAAC;AAEzB,QAAM,uBAAmB,0BAAY,MAAM;AACzC,QAAI,CAAC;AAAU,qBAAe,KAAK;AAAA,EACrC,GAAG,CAAC,OAAO,UAAU,cAAc,CAAC;AAEpC,QAAM,yBAAqB,0BAAY,MAAM;AAC3C,QAAI,CAAC;AAAU,qBAAe,IAAI;AAAA,EACpC,GAAG,CAAC,UAAU,cAAc,CAAC;AAE7B,aAAO;AAAA,IACL,MACE,4CAAC,OAAE,UAAU,cACX;AAAA,MAAC;AAAA;AAAA,QACC,IAAI,YAAY,gBAAgB,YAAY;AAAA,QAC5C;AAAA,QACA,cAAc;AAAA,QACd,cAAc;AAAA,QACd,eAAa,sCAAmB;AAAA,QAE/B;AAAA,sBACC;AAAA,YAAC;AAAA;AAAA,cACC,IAAI,eAAe,IAAI,KAAK,4BAAW;AAAA,cACvC,IAAI,CAAC,eAAe,CAAC,IAAI,KAAK,4BAAW;AAAA,cACzC,OAAO,QAAQ,4BAAW;AAAA,cAC1B,QAAQ,SAAS,4BAAW;AAAA,cAC5B,MAAK;AAAA,cACL,IAAG;AAAA,cACH,IAAG;AAAA,cACH,QAAQ,4BAAW;AAAA,cACnB,aAAa,4BAAW;AAAA;AAAA,UACzB,IACC;AAAA,UACJ;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA,GAAG,CAAC;AAAA,cACJ;AAAA,cACA,cAAY,GAAG,MAAM,SAAS,MAAM,SAAS,MAAM,mBACjD,YAAY,SAAS,MACnB;AAAA,cACJ,MAAK;AAAA,cACL,UAAU;AAAA,cACV,KAAK,CAAC,SAAS;AACb,oBAAI,WAAW;AACb,wBAAM,MAAM;AAAA,gBACd;AAAA,cACF;AAAA;AAAA,UAGF;AAAA,UACC,aAAa,QAAQ,MAAM,kBAC1B;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA,SAAS,4CAAC,mBAAgB,MAAM,CAAC,EAAE,MAAM,QAAQ,OAAO,CAAC,GAAG;AAAA;AAAA,UAC9D,IAEA;AAAA;AAAA;AAAA,IAEJ,GACF;AAAA,IAEF;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN,MAAM;AAAA,MACN;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;",
+  "sourcesContent": ["import React, { useMemo, useContext, useCallback } from 'react';\nimport { ChartContext } from '../ChartContext.js';\nimport { FOCUS_RING } from '../../constants.js';\nimport { FocusableRegion } from '../parts/FocusableRegion.js';\nimport { DataVizDataTestIds } from '../DataTestIds.js';\n\nexport const Rect = ({ name, width, height, isNegative = false, x = null, y = null, id, xValue, yValue, datum }) => {\n  const {\n    activePoint,\n    isGrabbed,\n    chartId,\n    isHorizontal,\n    innerWidth,\n    yScale,\n    innerHeight,\n    setActivePoint,\n    getYValueFormatted,\n    getXValueFormatted,\n    props: { TooltipRenderer, scrapper, xAxis, yAxis, y2Axis },\n  } = useContext(ChartContext);\n  const finalYAxis = datum.scale === 'y2' ? y2Axis : yAxis;\n  const yValueFormatted = getYValueFormatted(datum);\n  const xValueFormatted = getXValueFormatted(datum);\n\n  const isFocused = activePoint?.key === id;\n  const animation = useMemo(() => {\n    if (isGrabbed) return null;\n    if (isHorizontal) return <animate attributeName=\"x\" from={-innerWidth} to={x} dur=\"0.4s\" fill=\"both\" />;\n    if (isNegative) return <animate attributeName=\"y\" from={yScale.get(0)} to={-y} dur=\"0.40s\" fill=\"both\" />;\n    return <animate attributeName=\"y\" from={-innerHeight - y} to={-y} dur=\"0.40s\" fill=\"both\" />;\n  }, [innerHeight, innerWidth, isGrabbed, isHorizontal, isNegative, x, y, yScale]);\n\n  const clipPathSign = useMemo(() => {\n    // @todo horizontal clip paths\n    if (isHorizontal) return '';\n    if (isNegative) return `url(#rects-negative-${chartId})`;\n    return `url(#rects-positive-${chartId})`;\n  }, [chartId, isHorizontal, isNegative]);\n\n  const transform = useMemo(() => {\n    if (isHorizontal) return ``;\n    return `scale(1,-1) translate(0,${-height})`;\n  }, [height, isHorizontal]);\n\n  const handleMouseEnter = useCallback(() => {\n    if (!scrapper) setActivePoint(datum);\n  }, [datum, scrapper, setActivePoint]);\n\n  const handleOnMouseLeave = useCallback(() => {\n    if (!scrapper) setActivePoint(null);\n  }, [scrapper, setActivePoint]);\n\n  return useMemo(\n    () => (\n      <g clipPath={clipPathSign}>\n        <g\n          id={isFocused ? `data-focused-${chartId}` : ''}\n          transform={transform}\n          onMouseEnter={handleMouseEnter}\n          onMouseLeave={handleOnMouseLeave}\n          data-testid={DataVizDataTestIds.BAR}\n        >\n          {isFocused ? (\n            <rect\n              x={(isHorizontal ? x : 0) - FOCUS_RING.STROKE_WIDTH}\n              y={(!isHorizontal ? -y : 0) - FOCUS_RING.STROKE_WIDTH}\n              width={width + FOCUS_RING.OFFSET}\n              height={height + FOCUS_RING.OFFSET}\n              fill=\"none\"\n              rx=\"1\"\n              ry=\"1\"\n              stroke={FOCUS_RING.COLOR}\n              strokeWidth={FOCUS_RING.STROKE_WIDTH}\n            ></rect>\n          ) : null}\n          <rect\n            width={width}\n            height={height}\n            y={-y}\n            x={x}\n            aria-label={`${datum.serie} ${xAxis.label || ''} ${xValueFormatted} ${\n              finalYAxis?.label || ''\n            } ${yValueFormatted}`}\n            role=\"img\"\n            tabIndex={-1}\n            ref={(_ref) => {\n              if (isFocused) {\n                _ref?.focus();\n              }\n            }}\n          >\n            {/* {animation} */}\n          </rect>\n          {activePoint?.key === id && TooltipRenderer ? (\n            <FocusableRegion\n              id={id}\n              y={y}\n              x={x}\n              width={width}\n              height={height}\n              transform={transform}\n              content={<TooltipRenderer data={[{ name, yValue, xValue }]} />}\n            />\n          ) : (\n            ''\n          )}\n        </g>\n      </g>\n    ),\n    [\n      clipPathSign,\n      isFocused,\n      chartId,\n      transform,\n      handleMouseEnter,\n      handleOnMouseLeave,\n      isHorizontal,\n      x,\n      y,\n      width,\n      height,\n      datum.serie,\n      xAxis.label,\n      xValueFormatted,\n      finalYAxis?.label,\n      yValueFormatted,\n      activePoint?.key,\n      id,\n      TooltipRenderer,\n      name,\n      yValue,\n      xValue,\n    ],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/graphs/Chart/series/StackedBar.js CHANGED Viewed

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -30,9 +34,9 @@ module.exports = __toCommonJS(StackedBar_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_Rect = require("./Rect");
-var import_ChartContext = require("../ChartContext");
-var import_helpers = require("../helpers");
+var import_Rect = require("./Rect.js");
+var import_ChartContext = require("../ChartContext.js");
+var import_helpers = require("../helpers/index.js");
 const StackedBar = ({ serie }) => {
   const {
     props: { groups },
@@ -54,7 +58,10 @@ const StackedBar = ({ serie }) => {
     const width = subGroupScale?.bandwidth();
     const height = yScale.get(sequence[0]) - yScale.get(sequence[1]) - (!isFloorStack ? 1 : 0);
     const transformY = yScale.get(sequence[1]) + (sequence[0] < 0 ? 2 : 0);
-    const transformX = xScale.type !== "BAND" ? xScale.get(xValue) - width / 2 : xScale.get(xValue) + subGroupScale(`stacked-data-${stackIndex}`);
+    const transformX = xScale.type !== "BAND" ? xScale.get(xValue) - width / 2 : (
+      // ? subGroupScale(serie.name) + xScale.get(x) - (bar.value.x ? (width / 2) * subGroupScale.domain().length : 0)
+      xScale.get(xValue) + subGroupScale(`stacked-data-${stackIndex}`)
+    );
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { fill: colorScale(serie.name), transform: `translate(${transformX},0)`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_Rect.Rect,
       {

package/dist/cjs/graphs/Chart/series/StackedBar.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/graphs/Chart/series/StackedBar.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable complexity */\nimport React, { useContext } from 'react';\nimport { Rect } from './Rect';\nimport { ChartContext } from '../ChartContext';\nimport { getStackedData, getStackedIndex } from '../helpers';\n\nexport const StackedBar = ({ serie }) => {\n  const {\n    props: { groups },\n    xScale,\n    yScale,\n    stackedData,\n    subGroupScale,\n    colorScale,\n    chartId,\n    getXValue,\n  } = useContext(ChartContext);\n\n  const serieWithStackedValues = getStackedData(stackedData, serie);\n  const stackIndex = getStackedIndex(groups, serie.name);\n  return (\n    <g clipPath={`url(#rect-focus-ring-${chartId})`}>\n      {serie.data.map((bar, i) => {\n        const sequence = serieWithStackedValues[bar.position];\n        const isFloorStack = sequence[0] === 0;\n\n        const xValue = getXValue(bar);\n\n        const yValue = sequence[1] - sequence[0];\n        const width = subGroupScale?.bandwidth();\n        const height = yScale.get(sequence[0]) - yScale.get(sequence[1]) - (!isFloorStack ? 1 : 0);\n        // const transformX = xScale.get(xValue) + subGroupScale(`stacked-data-${stackIndex}`);\n        const transformY = yScale.get(sequence[1]) + (sequence[0] < 0 ? 2 : 0);\n\n        const transformX =\n          xScale.type !== 'BAND'\n            ? xScale.get(xValue) - width / 2\n            : // ? subGroupScale(serie.name) + xScale.get(x) - (bar.value.x ? (width / 2) * subGroupScale.domain().length : 0)\n              xScale.get(xValue) + subGroupScale(`stacked-data-${stackIndex}`);\n\n        return (\n          <g key={serie.data[i].key} fill={colorScale(serie.name)} transform={`translate(${transformX},0)`}>\n            <Rect\n              width={width}\n              height={height}\n              xValue={xValue}\n              yValue={yValue}\n              y={transformY}\n              id={serie.data[i].key}\n              name={serie.name}\n              datum={bar}\n            />\n          </g>\n        );\n      })}\n    </g>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD0CX;AAzCZ,mBAAkC;AAClC,kBAAqB;AACrB,0BAA6B;AAC7B,qBAAgD;AAEzC,MAAM,aAAa,CAAC,EAAE,MAAM,MAAM;AACvC,QAAM;AAAA,IACJ,OAAO,EAAE,OAAO;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,gCAAY;AAE3B,QAAM,6BAAyB,+BAAe,aAAa,KAAK;AAChE,QAAM,iBAAa,gCAAgB,QAAQ,MAAM,IAAI;AACrD,SACE,4CAAC,OAAE,UAAU,wBAAwB,YAClC,gBAAM,KAAK,IAAI,CAAC,KAAK,MAAM;AAC1B,UAAM,WAAW,uBAAuB,IAAI;AAC5C,UAAM,eAAe,SAAS,OAAO;AAErC,UAAM,SAAS,UAAU,GAAG;AAE5B,UAAM,SAAS,SAAS,KAAK,SAAS;AACtC,UAAM,QAAQ,eAAe,UAAU;AACvC,UAAM,SAAS,OAAO,IAAI,SAAS,EAAE,IAAI,OAAO,IAAI,SAAS,EAAE,KAAK,CAAC,eAAe,IAAI;AAExF,UAAM,aAAa,OAAO,IAAI,SAAS,EAAE,KAAK,SAAS,KAAK,IAAI,IAAI;AAEpE,UAAM,aACJ,OAAO,SAAS,SACZ,OAAO,IAAI,MAAM,IAAI,QAAQ,IAE7B,OAAO,IAAI,MAAM,IAAI,cAAc,gBAAgB,YAAY;AAErE,WACE,4CAAC,OAA0B,MAAM,WAAW,MAAM,IAAI,GAAG,WAAW,aAAa,iBAC/E;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,GAAG;AAAA,QACH,IAAI,MAAM,KAAK,GAAG;AAAA,QAClB,MAAM,MAAM;AAAA,QACZ,OAAO;AAAA;AAAA,IACT,KAVM,MAAM,KAAK,GAAG,GAWtB;AAAA,EAEJ,CAAC,GACH;AAEJ;",
+  "sourcesContent": ["/* eslint-disable complexity */\nimport React, { useContext } from 'react';\nimport { Rect } from './Rect.js';\nimport { ChartContext } from '../ChartContext.js';\nimport { getStackedData, getStackedIndex } from '../helpers/index.js';\n\nexport const StackedBar = ({ serie }) => {\n  const {\n    props: { groups },\n    xScale,\n    yScale,\n    stackedData,\n    subGroupScale,\n    colorScale,\n    chartId,\n    getXValue,\n  } = useContext(ChartContext);\n\n  const serieWithStackedValues = getStackedData(stackedData, serie);\n  const stackIndex = getStackedIndex(groups, serie.name);\n  return (\n    <g clipPath={`url(#rect-focus-ring-${chartId})`}>\n      {serie.data.map((bar, i) => {\n        const sequence = serieWithStackedValues[bar.position];\n        const isFloorStack = sequence[0] === 0;\n\n        const xValue = getXValue(bar);\n\n        const yValue = sequence[1] - sequence[0];\n        const width = subGroupScale?.bandwidth();\n        const height = yScale.get(sequence[0]) - yScale.get(sequence[1]) - (!isFloorStack ? 1 : 0);\n        // const transformX = xScale.get(xValue) + subGroupScale(`stacked-data-${stackIndex}`);\n        const transformY = yScale.get(sequence[1]) + (sequence[0] < 0 ? 2 : 0);\n\n        const transformX =\n          xScale.type !== 'BAND'\n            ? xScale.get(xValue) - width / 2\n            : // ? subGroupScale(serie.name) + xScale.get(x) - (bar.value.x ? (width / 2) * subGroupScale.domain().length : 0)\n              xScale.get(xValue) + subGroupScale(`stacked-data-${stackIndex}`);\n\n        return (\n          <g key={serie.data[i].key} fill={colorScale(serie.name)} transform={`translate(${transformX},0)`}>\n            <Rect\n              width={width}\n              height={height}\n              xValue={xValue}\n              yValue={yValue}\n              y={transformY}\n              id={serie.data[i].key}\n              name={serie.name}\n              datum={bar}\n            />\n          </g>\n        );\n      })}\n    </g>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD0CX;AAzCZ,mBAAkC;AAClC,kBAAqB;AACrB,0BAA6B;AAC7B,qBAAgD;AAEzC,MAAM,aAAa,CAAC,EAAE,MAAM,MAAM;AACvC,QAAM;AAAA,IACJ,OAAO,EAAE,OAAO;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,gCAAY;AAE3B,QAAM,6BAAyB,+BAAe,aAAa,KAAK;AAChE,QAAM,iBAAa,gCAAgB,QAAQ,MAAM,IAAI;AACrD,SACE,4CAAC,OAAE,UAAU,wBAAwB,YAClC,gBAAM,KAAK,IAAI,CAAC,KAAK,MAAM;AAC1B,UAAM,WAAW,uBAAuB,IAAI,QAAQ;AACpD,UAAM,eAAe,SAAS,CAAC,MAAM;AAErC,UAAM,SAAS,UAAU,GAAG;AAE5B,UAAM,SAAS,SAAS,CAAC,IAAI,SAAS,CAAC;AACvC,UAAM,QAAQ,eAAe,UAAU;AACvC,UAAM,SAAS,OAAO,IAAI,SAAS,CAAC,CAAC,IAAI,OAAO,IAAI,SAAS,CAAC,CAAC,KAAK,CAAC,eAAe,IAAI;AAExF,UAAM,aAAa,OAAO,IAAI,SAAS,CAAC,CAAC,KAAK,SAAS,CAAC,IAAI,IAAI,IAAI;AAEpE,UAAM,aACJ,OAAO,SAAS,SACZ,OAAO,IAAI,MAAM,IAAI,QAAQ;AAAA;AAAA,MAE7B,OAAO,IAAI,MAAM,IAAI,cAAc,gBAAgB,YAAY;AAAA;AAErE,WACE,4CAAC,OAA0B,MAAM,WAAW,MAAM,IAAI,GAAG,WAAW,aAAa,iBAC/E;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,GAAG;AAAA,QACH,IAAI,MAAM,KAAK,CAAC,EAAE;AAAA,QAClB,MAAM,MAAM;AAAA,QACZ,OAAO;AAAA;AAAA,IACT,KAVM,MAAM,KAAK,CAAC,EAAE,GAWtB;AAAA,EAEJ,CAAC,GACH;AAEJ;",
   "names": []
 }