npm - @elliemae/ds-dataviz - Versions diffs - 3.14.12 → 3.14.13 - Mend

@elliemae/ds-dataviz 3.14.12 → 3.14.13

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 (47) hide show

package/dist/cjs/graphs/Chart/config/useScales.js CHANGED Viewed

@@ -234,18 +234,19 @@ const useScales = ({
     if (yScale?.type === "BAND") {
       return yScale?.getBandwidth();
     }
-    const bar = currentData.filter((serie) => serie.type === "bar");
-    const barsLength = bar.length;
+    const bars = currentData.filter((serie) => serie.type === "bar");
+    const barsLength = bars.length;
     if (!barsLength)
       return;
-    const divisor = Math.max(bar[0].data.length, xScale?.scale.ticks().length, xScale?.getTicks(innerWidth).length, 1);
-    const leftMargin = xScale?.get(bar[0].data[0].value.x);
-    const rightMargin = innerWidth * containerRatio - xScale?.get(bar[0].data[bar[0].data.length - 1].value.x);
-    const width = (innerWidth - (leftMargin + rightMargin)) / divisor;
+    const modelBarData = bars[0].data;
+    const divisor = Math.max(modelBarData.length, xScale?.scale.ticks().length, xScale?.getTicks(innerWidth).length, 1);
+    const leftMargin = xScale?.get(modelBarData[0].value.x);
+    const rightMargin = innerWidth * containerRatio - xScale?.get(modelBarData[modelBarData.length - 1].value.x);
+    const width = (innerWidth - (bars[0].data.length > 1 ? leftMargin + rightMargin : 0)) / divisor;
     if (containerRatio > 1) {
       return Math.max(0.5, width * containerRatio);
     }
-    return Math.max(0.5, Math.trunc(width - width * 0.3));
+    return Math.max(0.5, Math.min(20, Math.trunc(width - width * 0.5)));
   }, [currentData, innerWidth, containerRatio, xScale, yScale]);
   const subGroupScale = (0, import_react.useMemo)(
     () => getBandwidth() ? (0, import_d3.scaleBand)().domain(subgroupsWithBars).range([0, getBandwidth()]).paddingInner(0.55).padding(0.2).paddingOuter(0.01) : null,

package/dist/cjs/graphs/Chart/config/useScales.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/graphs/Chart/config/useScales.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable complexity */\n/* eslint-disable max-statements */\n/* eslint-disable indent */\nimport { useMemo, useCallback } from 'react';\nimport type { Series } from 'd3';\nimport { max, min, scaleLinear, scaleBand, scaleUtc, scaleOrdinal, scaleLog } from 'd3';\nimport type { DSChartT } from '../react-desc-prop-types';\nimport { getStackedIndex } from '../helpers';\nimport { COLOR_PALLET } from '../helpers/colorPallet';\nimport { TIME_OFFSET } from '../../constants';\nimport { BandScale, LinearScale, TimeLinearScale, LogScale } from '../scales';\ninterface UseScales {\n  props: DSChartT.Props;\n  innerHeight: number;\n  innerWidth: number;\n  stackedData: Series<\n    {\n      [key: string]: number;\n    },\n    string\n  >[][];\n  currentData: DSChartT.InternalData;\n  groups: string[];\n  containerRatio: number;\n}\n\nexport const useScales = ({\n  props,\n  originalSeries: series,\n  innerHeight,\n  innerWidth,\n  stackedData,\n  currentData,\n  containerRatio,\n}: UseScales) => {\n  const { xAxis, yAxis, y2Axis, groups: stackedSeries, xScroll } = props;\n\n  // const xScroll = xAxis.advanced?.pointSpacing?.value > 1;\n  const yScroll = yAxis.advanced?.pointSpacing?.value > 1;\n\n  const getBandDomain = useCallback(\n    (axis: DSChartT.AxisT) => axis.cols ?? [...series[0].data.map((_, i) => i.toString())],\n    [series],\n  );\n\n  const getPadding = (domainPadding: number | Array<number>) =>\n    typeof domainPadding === 'number' ? [domainPadding, domainPadding] : domainPadding ?? [0, 0];\n\n  const getLinearDomain = useCallback(\n    (axis: DSChartT.AxisT, axisString: 'x' | 'y' | 'y2') => {\n      // we are calculating the min and max between all the data\n      // including the stacked groups if exists\n      const begin = axis?.beginAtZero ? 0 : axis.min ?? undefined;\n      const end = axis.max ?? undefined;\n      const data = currentData\n        // we filter the data based on scale.. if is x axis we dont because theres no x2 axis\n        .filter((serie) => serie.scale === axisString || axisString === 'x')\n        .map((serie) =>\n          serie.data\n            .filter((datum) => datum.value !== null)\n            .map((datum) => {\n              if (typeof datum.value === 'number') {\n                return datum.value;\n              }\n\n              return datum.value[axisString === 'y2' ? 'y' : axisString];\n            }),\n        );\n\n      const dataFlattened = data.flat();\n      const stackedDataFlatten = stackedData.filter((data) => data.scale === axisString).flat();\n      const minStackedData = min(stackedDataFlatten, (layer) => min(layer, (sequence) => sequence[0]));\n      const maxStackedData = max(stackedDataFlatten, (layer) => max(layer, (sequence) => sequence[1]));\n      const minData = min(dataFlattened);\n      const maxData = max(dataFlattened);\n      const types = ['number', 'object'];\n\n      const getMin = () => {\n        const aux = [];\n        if (typeof begin === 'number' || typeof begin === 'object') aux.push(begin);\n        if (types.includes(typeof minData)) aux.push(minData);\n        if (typeof minStackedData === 'number') aux.push(minStackedData);\n        return min(aux);\n      };\n      const getMax = () => {\n        const aux = [];\n        if (typeof begin === 'number' || typeof begin === 'object') aux.push(begin);\n        if (typeof end === 'number' || typeof end === 'object') aux.push(end);\n        if (types.includes(typeof maxData)) aux.push(maxData);\n        if (typeof maxStackedData === 'number') aux.push(maxStackedData);\n        return max(aux);\n      };\n      const minRange = getMin();\n      const maxRange = getMax();\n\n      const [leftPadding, rightPadding] = getPadding(axis.domainPadding);\n\n      if (typeof minRange === 'number' && typeof maxRange === 'number') {\n        // @TODO fix this domain padding\n        return [\n          minRange - (maxRange - minRange) * (leftPadding ?? 0),\n          maxRange + (maxRange - minRange) * (rightPadding ?? 0),\n        ];\n      }\n      // timelinear case\n      if (typeof minRange === 'object' && typeof maxRange === 'object') {\n        if (axis.domainPaddingType && TIME_OFFSET[axis.domainPaddingType]) {\n          return [\n            TIME_OFFSET[axis.domainPaddingType].offset(minRange, -leftPadding),\n            TIME_OFFSET[axis.domainPaddingType].offset(maxRange, rightPadding),\n          ];\n        }\n        return [minRange, maxRange];\n      }\n\n      return [];\n    },\n    [currentData, stackedData],\n  );\n\n  const getTimeLinearDomain = useCallback(\n    (axis: DSChartT.AxisT, axisString: 'x' | 'y' | 'y2') => {\n      // we are calculating the min and max between all the data\n      // including the stacked groups if exists\n\n      const begin = axis?.beginAtZero ? 0 : axis.min ?? undefined;\n      const end = axis.max ?? undefined;\n      const data = currentData\n        // we filter the data based on scale.. if is x axis we dont because theres no x2 axis\n        .filter((serie) => serie.scale === axisString || axisString === 'x')\n        .map((serie) =>\n          serie.data\n            .filter((datum) => datum.value !== null)\n            .map((datum) => {\n              if (typeof datum.value === 'number') {\n                return datum.value;\n              }\n\n              return datum.value[axisString === 'y2' ? 'y' : axisString];\n            }),\n        );\n\n      const dataFlattened = data.flat();\n      const minData = min(dataFlattened);\n      const maxData = max(dataFlattened);\n      const types = ['number', 'object'];\n\n      const getMin = () => {\n        const aux = [];\n        aux.push(begin);\n        if (types.includes(typeof minData)) aux.push(minData);\n        return min(aux);\n      };\n      const getMax = () => {\n        const aux = [];\n        aux.push(begin);\n        aux.push(end);\n        if (types.includes(typeof maxData)) aux.push(maxData);\n        return max(aux);\n      };\n      const minRange = getMin();\n      const maxRange = getMax();\n\n      const [leftPadding, rightPadding] = getPadding(axis.domainPadding);\n\n      // timelinear case\n      if (typeof minRange === 'object' && typeof maxRange === 'object') {\n        if (axis.domainPaddingType && TIME_OFFSET[axis.domainPaddingType]) {\n          return [\n            TIME_OFFSET[axis.domainPaddingType].offset(minRange, -leftPadding),\n            TIME_OFFSET[axis.domainPaddingType].offset(maxRange, rightPadding),\n          ];\n        }\n        return [minRange, maxRange];\n      }\n\n      return [];\n    },\n    [currentData],\n  );\n\n  // d3 scale functions\n  const getScaleTime = (domain: Date[], range: number[]) => scaleUtc().domain(domain).range(range);\n\n  const getScaleBand = (domain: string[], range: number[], padding = 0.2) =>\n    scaleBand().domain(domain).range(range).padding(padding).paddingOuter(0.05);\n  const getScaleLinear = (domain: number[], range: number[]) => scaleLinear().domain(domain).range(range);\n  const getScaleLog = (domain: number[], range: number[]) => scaleLog().domain(domain).range(range);\n\n  // dataviz scales\n\n  const scaleFactory = useCallback(\n    (axis: 'x' | 'y' | 'y2', axisProps: DSChartT.AxisT, range: number[]) => {\n      if (!axisProps) return null;\n      if (['time', 'datetime'].includes(axisProps?.type)) {\n        return new TimeLinearScale(getScaleTime(getLinearDomain(axisProps, axis), range), axisProps);\n      }\n\n      if (axisProps?.type === 'linear' || (['y', 'y2'].includes(axis) && axisProps?.type === undefined)) {\n        return new LinearScale(getScaleLinear(getLinearDomain(axisProps, axis), range), axisProps);\n      }\n\n      if (axisProps?.type === 'log') return new LogScale(getScaleLog(getLinearDomain(axisProps, axis), range));\n\n      if (axisProps?.type === 'band' || (axis === 'x' && axisProps?.type === undefined)) {\n        // we need to reverse the range in case is a horizontal bar char\n        const realRange = axis === 'y' ? range.reverse() : range;\n        return new BandScale(getScaleBand(getBandDomain(axisProps), realRange), axisProps);\n      }\n      return null;\n    },\n    [getBandDomain, getLinearDomain],\n  );\n\n  const xRangeFrom = useMemo(() => containerRatio * (xAxis?.plotRange?.[0] || 0), [containerRatio, xAxis?.plotRange]);\n  const xRangeTo = useMemo(\n    () => (innerWidth - (xAxis?.plotRange?.[1] || 0)) * (xScroll ? containerRatio : 1),\n    [containerRatio, innerWidth, xAxis?.plotRange, xScroll],\n  );\n\n  const yRangeTo = useMemo(() => yAxis?.plotRange?.[0] || 0, [yAxis?.plotRange]);\n  const yRangeFrom = useMemo(\n    () => (innerHeight - (yAxis?.plotRange?.[1] || 0)) * (yScroll ? containerRatio : 1),\n    [containerRatio, innerHeight, yAxis?.plotRange, yScroll],\n  );\n\n  const y2RangeTo = useMemo(() => y2Axis?.plotRange?.[0] || 0, [y2Axis?.plotRange]);\n  const y2RangeFrom = useMemo(\n    () => (innerHeight - (y2Axis?.plotRange?.[1] || 0)) * (yScroll ? containerRatio : 1),\n    [containerRatio, innerHeight, y2Axis?.plotRange, yScroll],\n  );\n\n  const xScale = useMemo(\n    () => scaleFactory('x', xAxis, [xRangeFrom, xRangeTo]),\n    [scaleFactory, xAxis, xRangeFrom, xRangeTo],\n  );\n\n  const yScale = useMemo(\n    () => scaleFactory('y', yAxis, [yRangeFrom, yRangeTo]),\n    [scaleFactory, yAxis, yRangeFrom, yRangeTo],\n  );\n\n  const y2Scale = useMemo(\n    () => scaleFactory('y2', y2Axis, [y2RangeFrom, y2RangeTo]),\n    [scaleFactory, y2Axis, y2RangeFrom, y2RangeTo],\n  );\n\n  const colorScale = useMemo(\n    () =>\n      scaleOrdinal()\n        .domain(series.map((d) => d.name))\n        .range(series.map((d) => COLOR_PALLET[d.color as keyof typeof COLOR_PALLET] ?? d.color))\n        .unknown('red'),\n    [series],\n  );\n  // get only groups bars to calculate the subgroup scale\n\n  const subgroupsWithBars = useMemo(() => {\n    const data = currentData\n      .filter(\n        (serie) => serie.type === 'bar' && !(stackedSeries?.length && getStackedIndex(stackedSeries, serie.name) > -1),\n      )\n      .map((serie) => serie.name);\n\n    if (stackedSeries?.length) {\n      stackedSeries.forEach((stackedGroup, i) => {\n        if (stackedGroup.length > 0) data.push(`stacked-data-${i}`);\n      });\n    }\n    return data;\n  }, [currentData, stackedSeries]);\n\n  const getBandwidth = useCallback(() => {\n    if (xScale?.type === 'BAND') {\n      return xScale.getBandwidth();\n    }\n    if (yScale?.type === 'BAND') {\n      return yScale?.getBandwidth();\n    }\n    // @todo explore this. is to create bars with a linear axis\n    const bar = currentData.filter((serie) => serie.type === 'bar');\n    const barsLength = bar.length;\n    if (!barsLength) return;\n    // we get the size of the bars using the length of the data or the ticks amounts\n    // the biggest is the one we use to get the real width we need.\n    // we are doing calculations only for x axis because we are not expecting\n    // y axis linear cases.\n    const divisor = Math.max(bar[0].data.length, xScale?.scale.ticks().length, xScale?.getTicks(innerWidth).length, 1);\n    const leftMargin = xScale?.get(bar[0].data[0].value.x);\n    const rightMargin = innerWidth * containerRatio - xScale?.get(bar[0].data[bar[0].data.length - 1].value.x);\n\n    const width = (innerWidth - (leftMargin + rightMargin)) / divisor;\n    if (containerRatio > 1) {\n      return Math.max(0.5, width * containerRatio);\n    }\n    return Math.max(0.5, Math.trunc(width - width * 0.3));\n  }, [currentData, innerWidth, containerRatio, xScale, yScale]);\n\n  const subGroupScale = useMemo(\n    () =>\n      getBandwidth()\n        ? scaleBand()\n            .domain(subgroupsWithBars)\n            .range([0, getBandwidth()])\n            .paddingInner(0.55)\n            .padding(0.2)\n            .paddingOuter(0.01)\n        : null,\n    [getBandwidth, subgroupsWithBars],\n  );\n\n  return { xScale, y2Scale, yScale, subGroupScale, colorScale, getBandwidth };\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIvB,mBAAqC;AAErC,gBAAmF;AAEnF,qBAAgC;AAChC,yBAA6B;AAC7B,uBAA4B;AAC5B,oBAAkE;AAgB3D,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAiB;AACf,QAAM,EAAE,OAAO,OAAO,QAAQ,QAAQ,eAAe,QAAQ,IAAI;AAGjE,QAAM,UAAU,MAAM,UAAU,cAAc,QAAQ;AAEtD,QAAM,oBAAgB;AAAA,IACpB,CAAC,SAAyB,KAAK,QAAQ,CAAC,GAAG,OAAO,GAAG,KAAK,IAAI,CAAC,GAAG,MAAM,EAAE,SAAS,CAAC,CAAC;AAAA,IACrF,CAAC,MAAM;AAAA,EACT;AAEA,QAAM,aAAa,CAAC,kBAClB,OAAO,kBAAkB,WAAW,CAAC,eAAe,aAAa,IAAI,iBAAiB,CAAC,GAAG,CAAC;AAE7F,QAAM,sBAAkB;AAAA,IACtB,CAAC,MAAsB,eAAiC;AAGtD,YAAM,QAAQ,MAAM,cAAc,IAAI,KAAK,OAAO;AAClD,YAAM,MAAM,KAAK,OAAO;AACxB,YAAM,OAAO,YAEV,OAAO,CAAC,UAAU,MAAM,UAAU,cAAc,eAAe,GAAG,EAClE;AAAA,QAAI,CAAC,UACJ,MAAM,KACH,OAAO,CAAC,UAAU,MAAM,UAAU,IAAI,EACtC,IAAI,CAAC,UAAU;AACd,cAAI,OAAO,MAAM,UAAU,UAAU;AACnC,mBAAO,MAAM;AAAA,UACf;AAEA,iBAAO,MAAM,MAAM,eAAe,OAAO,MAAM;AAAA,QACjD,CAAC;AAAA,MACL;AAEF,YAAM,gBAAgB,KAAK,KAAK;AAChC,YAAM,qBAAqB,YAAY,OAAO,CAACA,UAASA,MAAK,UAAU,UAAU,EAAE,KAAK;AACxF,YAAM,qBAAiB,eAAI,oBAAoB,CAAC,cAAU,eAAI,OAAO,CAAC,aAAa,SAAS,EAAE,CAAC;AAC/F,YAAM,qBAAiB,eAAI,oBAAoB,CAAC,cAAU,eAAI,OAAO,CAAC,aAAa,SAAS,EAAE,CAAC;AAC/F,YAAM,cAAU,eAAI,aAAa;AACjC,YAAM,cAAU,eAAI,aAAa;AACjC,YAAM,QAAQ,CAAC,UAAU,QAAQ;AAEjC,YAAM,SAAS,MAAM;AACnB,cAAM,MAAM,CAAC;AACb,YAAI,OAAO,UAAU,YAAY,OAAO,UAAU;AAAU,cAAI,KAAK,KAAK;AAC1E,YAAI,MAAM,SAAS,OAAO,OAAO;AAAG,cAAI,KAAK,OAAO;AACpD,YAAI,OAAO,mBAAmB;AAAU,cAAI,KAAK,cAAc;AAC/D,mBAAO,eAAI,GAAG;AAAA,MAChB;AACA,YAAM,SAAS,MAAM;AACnB,cAAM,MAAM,CAAC;AACb,YAAI,OAAO,UAAU,YAAY,OAAO,UAAU;AAAU,cAAI,KAAK,KAAK;AAC1E,YAAI,OAAO,QAAQ,YAAY,OAAO,QAAQ;AAAU,cAAI,KAAK,GAAG;AACpE,YAAI,MAAM,SAAS,OAAO,OAAO;AAAG,cAAI,KAAK,OAAO;AACpD,YAAI,OAAO,mBAAmB;AAAU,cAAI,KAAK,cAAc;AAC/D,mBAAO,eAAI,GAAG;AAAA,MAChB;AACA,YAAM,WAAW,OAAO;AACxB,YAAM,WAAW,OAAO;AAExB,YAAM,CAAC,aAAa,YAAY,IAAI,WAAW,KAAK,aAAa;AAEjE,UAAI,OAAO,aAAa,YAAY,OAAO,aAAa,UAAU;AAEhE,eAAO;AAAA,UACL,YAAY,WAAW,aAAa,eAAe;AAAA,UACnD,YAAY,WAAW,aAAa,gBAAgB;AAAA,QACtD;AAAA,MACF;AAEA,UAAI,OAAO,aAAa,YAAY,OAAO,aAAa,UAAU;AAChE,YAAI,KAAK,qBAAqB,6BAAY,KAAK,oBAAoB;AACjE,iBAAO;AAAA,YACL,6BAAY,KAAK,mBAAmB,OAAO,UAAU,CAAC,WAAW;AAAA,YACjE,6BAAY,KAAK,mBAAmB,OAAO,UAAU,YAAY;AAAA,UACnE;AAAA,QACF;AACA,eAAO,CAAC,UAAU,QAAQ;AAAA,MAC5B;AAEA,aAAO,CAAC;AAAA,IACV;AAAA,IACA,CAAC,aAAa,WAAW;AAAA,EAC3B;AAEA,QAAM,0BAAsB;AAAA,IAC1B,CAAC,MAAsB,eAAiC;AAItD,YAAM,QAAQ,MAAM,cAAc,IAAI,KAAK,OAAO;AAClD,YAAM,MAAM,KAAK,OAAO;AACxB,YAAM,OAAO,YAEV,OAAO,CAAC,UAAU,MAAM,UAAU,cAAc,eAAe,GAAG,EAClE;AAAA,QAAI,CAAC,UACJ,MAAM,KACH,OAAO,CAAC,UAAU,MAAM,UAAU,IAAI,EACtC,IAAI,CAAC,UAAU;AACd,cAAI,OAAO,MAAM,UAAU,UAAU;AACnC,mBAAO,MAAM;AAAA,UACf;AAEA,iBAAO,MAAM,MAAM,eAAe,OAAO,MAAM;AAAA,QACjD,CAAC;AAAA,MACL;AAEF,YAAM,gBAAgB,KAAK,KAAK;AAChC,YAAM,cAAU,eAAI,aAAa;AACjC,YAAM,cAAU,eAAI,aAAa;AACjC,YAAM,QAAQ,CAAC,UAAU,QAAQ;AAEjC,YAAM,SAAS,MAAM;AACnB,cAAM,MAAM,CAAC;AACb,YAAI,KAAK,KAAK;AACd,YAAI,MAAM,SAAS,OAAO,OAAO;AAAG,cAAI,KAAK,OAAO;AACpD,mBAAO,eAAI,GAAG;AAAA,MAChB;AACA,YAAM,SAAS,MAAM;AACnB,cAAM,MAAM,CAAC;AACb,YAAI,KAAK,KAAK;AACd,YAAI,KAAK,GAAG;AACZ,YAAI,MAAM,SAAS,OAAO,OAAO;AAAG,cAAI,KAAK,OAAO;AACpD,mBAAO,eAAI,GAAG;AAAA,MAChB;AACA,YAAM,WAAW,OAAO;AACxB,YAAM,WAAW,OAAO;AAExB,YAAM,CAAC,aAAa,YAAY,IAAI,WAAW,KAAK,aAAa;AAGjE,UAAI,OAAO,aAAa,YAAY,OAAO,aAAa,UAAU;AAChE,YAAI,KAAK,qBAAqB,6BAAY,KAAK,oBAAoB;AACjE,iBAAO;AAAA,YACL,6BAAY,KAAK,mBAAmB,OAAO,UAAU,CAAC,WAAW;AAAA,YACjE,6BAAY,KAAK,mBAAmB,OAAO,UAAU,YAAY;AAAA,UACnE;AAAA,QACF;AACA,eAAO,CAAC,UAAU,QAAQ;AAAA,MAC5B;AAEA,aAAO,CAAC;AAAA,IACV;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAGA,QAAM,eAAe,CAAC,QAAgB,cAAoB,oBAAS,EAAE,OAAO,MAAM,EAAE,MAAM,KAAK;AAE/F,QAAM,eAAe,CAAC,QAAkB,OAAiB,UAAU,YACjE,qBAAU,EAAE,OAAO,MAAM,EAAE,MAAM,KAAK,EAAE,QAAQ,OAAO,EAAE,aAAa,IAAI;AAC5E,QAAM,iBAAiB,CAAC,QAAkB,cAAoB,uBAAY,EAAE,OAAO,MAAM,EAAE,MAAM,KAAK;AACtG,QAAM,cAAc,CAAC,QAAkB,cAAoB,oBAAS,EAAE,OAAO,MAAM,EAAE,MAAM,KAAK;AAIhG,QAAM,mBAAe;AAAA,IACnB,CAAC,MAAwB,WAA2B,UAAoB;AACtE,UAAI,CAAC;AAAW,eAAO;AACvB,UAAI,CAAC,QAAQ,UAAU,EAAE,SAAS,WAAW,IAAI,GAAG;AAClD,eAAO,IAAI,8BAAgB,aAAa,gBAAgB,WAAW,IAAI,GAAG,KAAK,GAAG,SAAS;AAAA,MAC7F;AAEA,UAAI,WAAW,SAAS,YAAa,CAAC,KAAK,IAAI,EAAE,SAAS,IAAI,KAAK,WAAW,SAAS,QAAY;AACjG,eAAO,IAAI,0BAAY,eAAe,gBAAgB,WAAW,IAAI,GAAG,KAAK,GAAG,SAAS;AAAA,MAC3F;AAEA,UAAI,WAAW,SAAS;AAAO,eAAO,IAAI,uBAAS,YAAY,gBAAgB,WAAW,IAAI,GAAG,KAAK,CAAC;AAEvG,UAAI,WAAW,SAAS,UAAW,SAAS,OAAO,WAAW,SAAS,QAAY;AAEjF,cAAM,YAAY,SAAS,MAAM,MAAM,QAAQ,IAAI;AACnD,eAAO,IAAI,wBAAU,aAAa,cAAc,SAAS,GAAG,SAAS,GAAG,SAAS;AAAA,MACnF;AACA,aAAO;AAAA,IACT;AAAA,IACA,CAAC,eAAe,eAAe;AAAA,EACjC;AAEA,QAAM,iBAAa,sBAAQ,MAAM,kBAAkB,OAAO,YAAY,MAAM,IAAI,CAAC,gBAAgB,OAAO,SAAS,CAAC;AAClH,QAAM,eAAW;AAAA,IACf,OAAO,cAAc,OAAO,YAAY,MAAM,OAAO,UAAU,iBAAiB;AAAA,IAChF,CAAC,gBAAgB,YAAY,OAAO,WAAW,OAAO;AAAA,EACxD;AAEA,QAAM,eAAW,sBAAQ,MAAM,OAAO,YAAY,MAAM,GAAG,CAAC,OAAO,SAAS,CAAC;AAC7E,QAAM,iBAAa;AAAA,IACjB,OAAO,eAAe,OAAO,YAAY,MAAM,OAAO,UAAU,iBAAiB;AAAA,IACjF,CAAC,gBAAgB,aAAa,OAAO,WAAW,OAAO;AAAA,EACzD;AAEA,QAAM,gBAAY,sBAAQ,MAAM,QAAQ,YAAY,MAAM,GAAG,CAAC,QAAQ,SAAS,CAAC;AAChF,QAAM,kBAAc;AAAA,IAClB,OAAO,eAAe,QAAQ,YAAY,MAAM,OAAO,UAAU,iBAAiB;AAAA,IAClF,CAAC,gBAAgB,aAAa,QAAQ,WAAW,OAAO;AAAA,EAC1D;AAEA,QAAM,aAAS;AAAA,IACb,MAAM,aAAa,KAAK,OAAO,CAAC,YAAY,QAAQ,CAAC;AAAA,IACrD,CAAC,cAAc,OAAO,YAAY,QAAQ;AAAA,EAC5C;AAEA,QAAM,aAAS;AAAA,IACb,MAAM,aAAa,KAAK,OAAO,CAAC,YAAY,QAAQ,CAAC;AAAA,IACrD,CAAC,cAAc,OAAO,YAAY,QAAQ;AAAA,EAC5C;AAEA,QAAM,cAAU;AAAA,IACd,MAAM,aAAa,MAAM,QAAQ,CAAC,aAAa,SAAS,CAAC;AAAA,IACzD,CAAC,cAAc,QAAQ,aAAa,SAAS;AAAA,EAC/C;AAEA,QAAM,iBAAa;AAAA,IACjB,UACE,wBAAa,EACV,OAAO,OAAO,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,EAChC,MAAM,OAAO,IAAI,CAAC,MAAM,gCAAa,EAAE,UAAuC,EAAE,KAAK,CAAC,EACtF,QAAQ,KAAK;AAAA,IAClB,CAAC,MAAM;AAAA,EACT;AAGA,QAAM,wBAAoB,sBAAQ,MAAM;AACtC,UAAM,OAAO,YACV;AAAA,MACC,CAAC,UAAU,MAAM,SAAS,SAAS,EAAE,eAAe,cAAU,gCAAgB,eAAe,MAAM,IAAI,IAAI;AAAA,IAC7G,EACC,IAAI,CAAC,UAAU,MAAM,IAAI;AAE5B,QAAI,eAAe,QAAQ;AACzB,oBAAc,QAAQ,CAAC,cAAc,MAAM;AACzC,YAAI,aAAa,SAAS;AAAG,eAAK,KAAK,gBAAgB,GAAG;AAAA,MAC5D,CAAC;AAAA,IACH;AACA,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,aAAa,CAAC;AAE/B,QAAM,mBAAe,0BAAY,MAAM;AACrC,QAAI,QAAQ,SAAS,QAAQ;AAC3B,aAAO,OAAO,aAAa;AAAA,IAC7B;AACA,QAAI,QAAQ,SAAS,QAAQ;AAC3B,aAAO,QAAQ,aAAa;AAAA,IAC9B;AAEA,UAAM,MAAM,YAAY,OAAO,CAAC,UAAU,MAAM,SAAS,KAAK;AAC9D,UAAM,aAAa,IAAI;AACvB,QAAI,CAAC;AAAY;AAKjB,UAAM,UAAU,KAAK,IAAI,IAAI,GAAG,KAAK,QAAQ,QAAQ,MAAM,MAAM,EAAE,QAAQ,QAAQ,SAAS,UAAU,EAAE,QAAQ,CAAC;AACjH,UAAM,aAAa,QAAQ,IAAI,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;AACrD,UAAM,cAAc,aAAa,iBAAiB,QAAQ,IAAI,IAAI,GAAG,KAAK,IAAI,GAAG,KAAK,SAAS,GAAG,MAAM,CAAC;AAEzG,UAAM,SAAS,cAAc,aAAa,gBAAgB;AAC1D,QAAI,iBAAiB,GAAG;AACtB,aAAO,KAAK,IAAI,KAAK,QAAQ,cAAc;AAAA,IAC7C;AACA,WAAO,KAAK,IAAI,KAAK,KAAK,MAAM,QAAQ,QAAQ,GAAG,CAAC;AAAA,EACtD,GAAG,CAAC,aAAa,YAAY,gBAAgB,QAAQ,MAAM,CAAC;AAE5D,QAAM,oBAAgB;AAAA,IACpB,MACE,aAAa,QACT,qBAAU,EACP,OAAO,iBAAiB,EACxB,MAAM,CAAC,GAAG,aAAa,CAAC,CAAC,EACzB,aAAa,IAAI,EACjB,QAAQ,GAAG,EACX,aAAa,IAAI,IACpB;AAAA,IACN,CAAC,cAAc,iBAAiB;AAAA,EAClC;AAEA,SAAO,EAAE,QAAQ,SAAS,QAAQ,eAAe,YAAY,aAAa;AAC5E;",
+  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable complexity */\n/* eslint-disable max-statements */\n/* eslint-disable indent */\nimport { useMemo, useCallback } from 'react';\nimport type { Series } from 'd3';\nimport { max, min, scaleLinear, scaleBand, scaleUtc, scaleOrdinal, scaleLog } from 'd3';\nimport type { DSChartT } from '../react-desc-prop-types';\nimport { getStackedIndex } from '../helpers';\nimport { COLOR_PALLET } from '../helpers/colorPallet';\nimport { TIME_OFFSET } from '../../constants';\nimport { BandScale, LinearScale, TimeLinearScale, LogScale } from '../scales';\ninterface UseScales {\n  props: DSChartT.Props;\n  innerHeight: number;\n  innerWidth: number;\n  stackedData: Series<\n    {\n      [key: string]: number;\n    },\n    string\n  >[][];\n  currentData: DSChartT.InternalData;\n  groups: string[];\n  containerRatio: number;\n}\n\nexport const useScales = ({\n  props,\n  originalSeries: series,\n  innerHeight,\n  innerWidth,\n  stackedData,\n  currentData,\n  containerRatio,\n}: UseScales) => {\n  const { xAxis, yAxis, y2Axis, groups: stackedSeries, xScroll } = props;\n\n  // const xScroll = xAxis.advanced?.pointSpacing?.value > 1;\n  const yScroll = yAxis.advanced?.pointSpacing?.value > 1;\n\n  const getBandDomain = useCallback(\n    (axis: DSChartT.AxisT) => axis.cols ?? [...series[0].data.map((_, i) => i.toString())],\n    [series],\n  );\n\n  const getPadding = (domainPadding: number | Array<number>) =>\n    typeof domainPadding === 'number' ? [domainPadding, domainPadding] : domainPadding ?? [0, 0];\n\n  const getLinearDomain = useCallback(\n    (axis: DSChartT.AxisT, axisString: 'x' | 'y' | 'y2') => {\n      // we are calculating the min and max between all the data\n      // including the stacked groups if exists\n      const begin = axis?.beginAtZero ? 0 : axis.min ?? undefined;\n      const end = axis.max ?? undefined;\n      const data = currentData\n        // we filter the data based on scale.. if is x axis we dont because theres no x2 axis\n        .filter((serie) => serie.scale === axisString || axisString === 'x')\n        .map((serie) =>\n          serie.data\n            .filter((datum) => datum.value !== null)\n            .map((datum) => {\n              if (typeof datum.value === 'number') {\n                return datum.value;\n              }\n\n              return datum.value[axisString === 'y2' ? 'y' : axisString];\n            }),\n        );\n\n      const dataFlattened = data.flat();\n      const stackedDataFlatten = stackedData.filter((data) => data.scale === axisString).flat();\n      const minStackedData = min(stackedDataFlatten, (layer) => min(layer, (sequence) => sequence[0]));\n      const maxStackedData = max(stackedDataFlatten, (layer) => max(layer, (sequence) => sequence[1]));\n      const minData = min(dataFlattened);\n      const maxData = max(dataFlattened);\n      const types = ['number', 'object'];\n\n      const getMin = () => {\n        const aux = [];\n        if (typeof begin === 'number' || typeof begin === 'object') aux.push(begin);\n        if (types.includes(typeof minData)) aux.push(minData);\n        if (typeof minStackedData === 'number') aux.push(minStackedData);\n        return min(aux);\n      };\n      const getMax = () => {\n        const aux = [];\n        if (typeof begin === 'number' || typeof begin === 'object') aux.push(begin);\n        if (typeof end === 'number' || typeof end === 'object') aux.push(end);\n        if (types.includes(typeof maxData)) aux.push(maxData);\n        if (typeof maxStackedData === 'number') aux.push(maxStackedData);\n        return max(aux);\n      };\n      const minRange = getMin();\n      const maxRange = getMax();\n\n      const [leftPadding, rightPadding] = getPadding(axis.domainPadding);\n\n      if (typeof minRange === 'number' && typeof maxRange === 'number') {\n        // @TODO fix this domain padding\n        return [\n          minRange - (maxRange - minRange) * (leftPadding ?? 0),\n          maxRange + (maxRange - minRange) * (rightPadding ?? 0),\n        ];\n      }\n      // timelinear case\n      if (typeof minRange === 'object' && typeof maxRange === 'object') {\n        if (axis.domainPaddingType && TIME_OFFSET[axis.domainPaddingType]) {\n          return [\n            TIME_OFFSET[axis.domainPaddingType].offset(minRange, -leftPadding),\n            TIME_OFFSET[axis.domainPaddingType].offset(maxRange, rightPadding),\n          ];\n        }\n        return [minRange, maxRange];\n      }\n\n      return [];\n    },\n    [currentData, stackedData],\n  );\n\n  const getTimeLinearDomain = useCallback(\n    (axis: DSChartT.AxisT, axisString: 'x' | 'y' | 'y2') => {\n      // we are calculating the min and max between all the data\n      // including the stacked groups if exists\n\n      const begin = axis?.beginAtZero ? 0 : axis.min ?? undefined;\n      const end = axis.max ?? undefined;\n      const data = currentData\n        // we filter the data based on scale.. if is x axis we dont because theres no x2 axis\n        .filter((serie) => serie.scale === axisString || axisString === 'x')\n        .map((serie) =>\n          serie.data\n            .filter((datum) => datum.value !== null)\n            .map((datum) => {\n              if (typeof datum.value === 'number') {\n                return datum.value;\n              }\n\n              return datum.value[axisString === 'y2' ? 'y' : axisString];\n            }),\n        );\n\n      const dataFlattened = data.flat();\n      const minData = min(dataFlattened);\n      const maxData = max(dataFlattened);\n      const types = ['number', 'object'];\n\n      const getMin = () => {\n        const aux = [];\n        aux.push(begin);\n        if (types.includes(typeof minData)) aux.push(minData);\n        return min(aux);\n      };\n      const getMax = () => {\n        const aux = [];\n        aux.push(begin);\n        aux.push(end);\n        if (types.includes(typeof maxData)) aux.push(maxData);\n        return max(aux);\n      };\n      const minRange = getMin();\n      const maxRange = getMax();\n\n      const [leftPadding, rightPadding] = getPadding(axis.domainPadding);\n\n      // timelinear case\n      if (typeof minRange === 'object' && typeof maxRange === 'object') {\n        if (axis.domainPaddingType && TIME_OFFSET[axis.domainPaddingType]) {\n          return [\n            TIME_OFFSET[axis.domainPaddingType].offset(minRange, -leftPadding),\n            TIME_OFFSET[axis.domainPaddingType].offset(maxRange, rightPadding),\n          ];\n        }\n        return [minRange, maxRange];\n      }\n\n      return [];\n    },\n    [currentData],\n  );\n\n  // d3 scale functions\n  const getScaleTime = (domain: Date[], range: number[]) => scaleUtc().domain(domain).range(range);\n\n  const getScaleBand = (domain: string[], range: number[], padding = 0.2) =>\n    scaleBand().domain(domain).range(range).padding(padding).paddingOuter(0.05);\n  const getScaleLinear = (domain: number[], range: number[]) => scaleLinear().domain(domain).range(range);\n  const getScaleLog = (domain: number[], range: number[]) => scaleLog().domain(domain).range(range);\n\n  // dataviz scales\n\n  const scaleFactory = useCallback(\n    (axis: 'x' | 'y' | 'y2', axisProps: DSChartT.AxisT, range: number[]) => {\n      if (!axisProps) return null;\n      if (['time', 'datetime'].includes(axisProps?.type)) {\n        return new TimeLinearScale(getScaleTime(getLinearDomain(axisProps, axis), range), axisProps);\n      }\n\n      if (axisProps?.type === 'linear' || (['y', 'y2'].includes(axis) && axisProps?.type === undefined)) {\n        return new LinearScale(getScaleLinear(getLinearDomain(axisProps, axis), range), axisProps);\n      }\n\n      if (axisProps?.type === 'log') return new LogScale(getScaleLog(getLinearDomain(axisProps, axis), range));\n\n      if (axisProps?.type === 'band' || (axis === 'x' && axisProps?.type === undefined)) {\n        // we need to reverse the range in case is a horizontal bar char\n        const realRange = axis === 'y' ? range.reverse() : range;\n        return new BandScale(getScaleBand(getBandDomain(axisProps), realRange), axisProps);\n      }\n      return null;\n    },\n    [getBandDomain, getLinearDomain],\n  );\n\n  const xRangeFrom = useMemo(() => containerRatio * (xAxis?.plotRange?.[0] || 0), [containerRatio, xAxis?.plotRange]);\n  const xRangeTo = useMemo(\n    () => (innerWidth - (xAxis?.plotRange?.[1] || 0)) * (xScroll ? containerRatio : 1),\n    [containerRatio, innerWidth, xAxis?.plotRange, xScroll],\n  );\n\n  const yRangeTo = useMemo(() => yAxis?.plotRange?.[0] || 0, [yAxis?.plotRange]);\n  const yRangeFrom = useMemo(\n    () => (innerHeight - (yAxis?.plotRange?.[1] || 0)) * (yScroll ? containerRatio : 1),\n    [containerRatio, innerHeight, yAxis?.plotRange, yScroll],\n  );\n\n  const y2RangeTo = useMemo(() => y2Axis?.plotRange?.[0] || 0, [y2Axis?.plotRange]);\n  const y2RangeFrom = useMemo(\n    () => (innerHeight - (y2Axis?.plotRange?.[1] || 0)) * (yScroll ? containerRatio : 1),\n    [containerRatio, innerHeight, y2Axis?.plotRange, yScroll],\n  );\n\n  const xScale = useMemo(\n    () => scaleFactory('x', xAxis, [xRangeFrom, xRangeTo]),\n    [scaleFactory, xAxis, xRangeFrom, xRangeTo],\n  );\n\n  const yScale = useMemo(\n    () => scaleFactory('y', yAxis, [yRangeFrom, yRangeTo]),\n    [scaleFactory, yAxis, yRangeFrom, yRangeTo],\n  );\n\n  const y2Scale = useMemo(\n    () => scaleFactory('y2', y2Axis, [y2RangeFrom, y2RangeTo]),\n    [scaleFactory, y2Axis, y2RangeFrom, y2RangeTo],\n  );\n\n  const colorScale = useMemo(\n    () =>\n      scaleOrdinal()\n        .domain(series.map((d) => d.name))\n        .range(series.map((d) => COLOR_PALLET[d.color as keyof typeof COLOR_PALLET] ?? d.color))\n        .unknown('red'),\n    [series],\n  );\n  // get only groups bars to calculate the subgroup scale\n\n  const subgroupsWithBars = useMemo(() => {\n    const data = currentData\n      .filter(\n        (serie) => serie.type === 'bar' && !(stackedSeries?.length && getStackedIndex(stackedSeries, serie.name) > -1),\n      )\n      .map((serie) => serie.name);\n\n    if (stackedSeries?.length) {\n      stackedSeries.forEach((stackedGroup, i) => {\n        if (stackedGroup.length > 0) data.push(`stacked-data-${i}`);\n      });\n    }\n    return data;\n  }, [currentData, stackedSeries]);\n\n  const getBandwidth = useCallback(() => {\n    if (xScale?.type === 'BAND') {\n      return xScale.getBandwidth();\n    }\n    if (yScale?.type === 'BAND') {\n      return yScale?.getBandwidth();\n    }\n    // @todo explore this. is to create bars with a linear axis\n    const bars = currentData.filter((serie) => serie.type === 'bar');\n    const barsLength = bars.length;\n    if (!barsLength) return;\n    // we get the size of the bars using the length of the data or the ticks amounts\n    // the biggest is the one we use to get the real width we need.\n    // we are doing calculations only for x axis because we are not expecting\n    // y axis linear cases.\n    const modelBarData = bars[0].data;\n    const divisor = Math.max(modelBarData.length, xScale?.scale.ticks().length, xScale?.getTicks(innerWidth).length, 1);\n    const leftMargin = xScale?.get(modelBarData[0].value.x);\n    const rightMargin = innerWidth * containerRatio - xScale?.get(modelBarData[modelBarData.length - 1].value.x);\n\n    const width = (innerWidth - (bars[0].data.length > 1 ? leftMargin + rightMargin : 0)) / divisor;\n    if (containerRatio > 1) {\n      return Math.max(0.5, width * containerRatio);\n    }\n    return Math.max(0.5, Math.min(20, Math.trunc(width - width * 0.5)));\n  }, [currentData, innerWidth, containerRatio, xScale, yScale]);\n\n  const subGroupScale = useMemo(\n    () =>\n      getBandwidth()\n        ? scaleBand()\n            .domain(subgroupsWithBars)\n            .range([0, getBandwidth()])\n            .paddingInner(0.55)\n            .padding(0.2)\n            .paddingOuter(0.01)\n        : null,\n    [getBandwidth, subgroupsWithBars],\n  );\n\n  return { xScale, y2Scale, yScale, subGroupScale, colorScale, getBandwidth };\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": ["data"]
 }

package/dist/cjs/graphs/Chart/parts/ClipPaths.js CHANGED Viewed

@@ -32,15 +32,12 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_ChartContext = require("../ChartContext");
 const ClipPaths = () => {
-  const {
-    innerWidth,
-    containerRatio,
-    innerHeight,
-    chartId,
-    yScale,
-    props: { xAxis, yAxis }
-  } = (0, import_react.useContext)(import_ChartContext.ChartContext);
-  const yScroll = yAxis.advanced?.pointSpacing?.value > 1;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", { id: `rect-focus-ring-${chartId}`, children: yScroll ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: innerWidth + 4, height: innerHeight * containerRatio, x: -4 }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: (innerWidth + 4) * containerRatio, height: innerHeight + 4, y: -4 }) }) }) });
+  const { innerWidth, containerRatio, innerHeight, chartId, yScale } = (0, import_react.useContext)(import_ChartContext.ChartContext);
+  return (0, import_react.useMemo)(() => {
+    if (yScale.type === "BAND") {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", { id: `rect-focus-ring-${chartId}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: innerWidth + 4, height: innerHeight * containerRatio, x: 1 }) }) });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", { id: `rect-focus-ring-${chartId}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: innerWidth * containerRatio + 4, height: innerHeight + 4, x: -4, y: -5 }) }) });
+  }, [chartId, containerRatio, innerHeight, innerWidth, yScale.type]);
 };
 //# sourceMappingURL=ClipPaths.js.map

package/dist/cjs/graphs/Chart/parts/ClipPaths.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/graphs/Chart/parts/ClipPaths.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable arrow-body-style */\n/* eslint-disable indent */\nimport React, { useContext } from 'react';\nimport { ChartContext } from '../ChartContext';\n\nexport const ClipPaths = () => {\n  const {\n    innerWidth,\n    containerRatio,\n    innerHeight,\n    chartId,\n    yScale,\n    props: { xAxis, yAxis },\n  } = useContext(ChartContext);\n\n  const yScroll = yAxis.advanced?.pointSpacing?.value > 1;\n\n  return (\n    <>\n      <defs>\n        <clipPath id={`rect-focus-ring-${chartId}`}>\n          {yScroll ? (\n            <rect width={innerWidth + 4} height={innerHeight * containerRatio} x={-4} />\n          ) : (\n            <rect width={(innerWidth + 4) * containerRatio} height={innerHeight + 4} y={-4} />\n          )}\n        </clipPath>\n      </defs>\n      {/* \n      this can be useful when implementing animations\n      <defs>\n        <clipPath id={`rects-positive-${chartId}`}>\n          <rect width={innerWidth * containerRatio} height={yScale(0) + 8} y={-8} x={-10} />\n        </clipPath>\n      </defs>\n      {innerHeight - yScale(0) > 0 ? (\n        <defs>\n          <clipPath id={`rects-negative-${chartId}`}>\n            <rect width={innerWidth * containerRatio} height={innerHeight - yScale(0)} x={-10} y={yScale(0)} />\n          </clipPath>\n        </defs>\n      ) : null} */}\n    </>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkBnB;AAhBJ,mBAAkC;AAClC,0BAA6B;AAEtB,MAAM,YAAY,MAAM;AAC7B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,EAAE,OAAO,MAAM;AAAA,EACxB,QAAI,yBAAW,gCAAY;AAE3B,QAAM,UAAU,MAAM,UAAU,cAAc,QAAQ;AAEtD,SACE,2EACE,sDAAC,UACC,sDAAC,cAAS,IAAI,mBAAmB,WAC9B,oBACC,4CAAC,UAAK,OAAO,aAAa,GAAG,QAAQ,cAAc,gBAAgB,GAAG,IAAI,IAE1E,4CAAC,UAAK,QAAQ,aAAa,KAAK,gBAAgB,QAAQ,cAAc,GAAG,GAAG,IAAI,GAEpF,GACF,GAeF;AAEJ;",
+  "sourcesContent": ["/* eslint-disable arrow-body-style */\n/* eslint-disable indent */\nimport React, { useContext, useMemo } from 'react';\nimport { ChartContext } from '../ChartContext';\n\nexport const ClipPaths = () => {\n  const { innerWidth, containerRatio, innerHeight, chartId, yScale } = useContext(ChartContext);\n\n  return useMemo(() => {\n    if (yScale.type === 'BAND') {\n      return (\n        <defs>\n          <clipPath id={`rect-focus-ring-${chartId}`}>\n            <rect width={innerWidth + 4} height={innerHeight * containerRatio} x={1} />\n          </clipPath>\n        </defs>\n      );\n    }\n    // if yScale is not band type we applied the clipPath to the xAxis to avoid the focus ring to be cut\n    return (\n      <defs>\n        <clipPath id={`rect-focus-ring-${chartId}`}>\n          <rect width={innerWidth * containerRatio + 4} height={innerHeight + 4} x={-4} y={-5} />\n        </clipPath>\n      </defs>\n    );\n  }, [chartId, containerRatio, innerHeight, innerWidth, yScale.type]);\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADaX;AAXZ,mBAA2C;AAC3C,0BAA6B;AAEtB,MAAM,YAAY,MAAM;AAC7B,QAAM,EAAE,YAAY,gBAAgB,aAAa,SAAS,OAAO,QAAI,yBAAW,gCAAY;AAE5F,aAAO,sBAAQ,MAAM;AACnB,QAAI,OAAO,SAAS,QAAQ;AAC1B,aACE,4CAAC,UACC,sDAAC,cAAS,IAAI,mBAAmB,WAC/B,sDAAC,UAAK,OAAO,aAAa,GAAG,QAAQ,cAAc,gBAAgB,GAAG,GAAG,GAC3E,GACF;AAAA,IAEJ;AAEA,WACE,4CAAC,UACC,sDAAC,cAAS,IAAI,mBAAmB,WAC/B,sDAAC,UAAK,OAAO,aAAa,iBAAiB,GAAG,QAAQ,cAAc,GAAG,GAAG,IAAI,GAAG,IAAI,GACvF,GACF;AAAA,EAEJ,GAAG,CAAC,SAAS,gBAAgB,aAAa,YAAY,OAAO,IAAI,CAAC;AACpE;",
   "names": []
 }

package/dist/cjs/graphs/Chart/parts/Scroller/BlurMask.js CHANGED Viewed

@@ -33,7 +33,7 @@ var import_react = require("react");
 var import_ChartContext = require("../../ChartContext");
 const BlurMask = () => {
   const {
-    props: { yAxis, xScroll, xAxis },
+    props: { xScroll, yScroll },
     xScrollbarPosition,
     innerWidth,
     internalMargin,
@@ -43,8 +43,6 @@ const BlurMask = () => {
     height,
     width
   } = (0, import_react.useContext)(import_ChartContext.ChartContext);
-  const yScrolled = yAxis.advanced?.pointSpacing?.value > 1;
-  const xScrolled = xScroll || xAxis.advanced?.pointSpacing?.value > 1;
   const gradient = (0, import_react.useMemo)(() => {
     if (xScrollbarPosition === 0) {
       return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
@@ -67,11 +65,44 @@ const BlurMask = () => {
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "100%", style: { stopColor: "white", stopOpacity: 0 } })
     ] });
   }, [containerRatio, innerHeight, innerWidth, xScrollbarPosition]);
-  if (containerRatio === 1)
+  return (0, import_react.useMemo)(() => {
+    if (containerRatio === 1)
+      return null;
+    if (xScroll && !yScroll) {
+      const realWidth = xScrollbarPosition === 0 ? innerWidth + internalMargin.left : innerWidth;
+      const realX = xScrollbarPosition === 0 ? -internalMargin.left : 0;
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("defs", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("linearGradient", { id: `filter-fade-${chartId}`, children: gradient }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("mask", { id: `mask-${chartId}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: realX, width: realWidth, height, fill: `url(#filter-fade-${chartId}` }) })
+      ] });
+    }
+    if (yScroll && !xScroll) {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("defs", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("linearGradient", { x2: "0%", y2: "100%", id: `filter-fade-${chartId}`, children: gradient }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("mask", { id: `mask-y-${chartId}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "rect",
+          {
+            x: -internalMargin.left,
+            width,
+            height: innerHeight,
+            fill: `url(#filter-fade-${chartId}`
+          }
+        ) })
+      ] });
+    }
     return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("defs", { children: [
-    yScrolled ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("linearGradient", { x2: "0%", y2: "100%", id: `filter-fade-${chartId}`, children: gradient }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("linearGradient", { id: `filter-fade-${chartId}`, children: gradient }),
-    yScrolled ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("mask", { id: `mask-y-${chartId}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: -internalMargin.left, width, height: innerHeight, fill: `url(#filter-fade-${chartId}` }) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("mask", { id: `mask-${chartId}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: 0, width: innerWidth, height, fill: `url(#filter-fade-${chartId}` }) })
-  ] });
+  }, [
+    chartId,
+    containerRatio,
+    gradient,
+    height,
+    innerHeight,
+    innerWidth,
+    internalMargin.left,
+    width,
+    xScroll,
+    xScrollbarPosition,
+    yScroll
+  ]);
 };
 //# sourceMappingURL=BlurMask.js.map

package/dist/cjs/graphs/Chart/parts/Scroller/BlurMask.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/graphs/Chart/parts/Scroller/BlurMask.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable arrow-body-style */\n/* eslint-disable indent */\nimport React, { useContext, useMemo } from 'react';\nimport { ChartContext } from '../../ChartContext';\n\nexport const BlurMask = () => {\n  const {\n    props: { yAxis, xScroll, xAxis },\n    xScrollbarPosition,\n    innerWidth,\n    internalMargin,\n    containerRatio,\n    innerHeight,\n    chartId,\n    height,\n    width,\n  } = useContext(ChartContext);\n\n  const yScrolled = yAxis.advanced?.pointSpacing?.value > 1;\n  const xScrolled = xScroll || xAxis.advanced?.pointSpacing?.value > 1;\n  const gradient = useMemo(() => {\n    if (xScrollbarPosition === 0) {\n      return (\n        <>\n          <stop offset=\"93%\" style={{ stopColor: 'white', stopOpacity: 1 }} />\n          <stop offset=\"100%\" style={{ stopColor: 'white', stopOpacity: 0 }} />\n        </>\n      );\n    }\n\n    const isAtEndXScroll =\n      innerWidth * containerRatio === (xScrollbarPosition + innerWidth / containerRatio) * containerRatio;\n    const isAtEndYScroll =\n      innerHeight * containerRatio === (xScrollbarPosition + innerHeight / containerRatio) * containerRatio;\n    if (isAtEndXScroll || isAtEndYScroll) {\n      return (\n        <>\n          <stop offset=\"0%\" style={{ stopColor: 'white', stopOpacity: 0 }} />\n          <stop offset=\"7%\" style={{ stopColor: 'white', stopOpacity: 1 }} />\n        </>\n      );\n    }\n\n    return (\n      <>\n        <stop offset=\"0%\" style={{ stopColor: 'white', stopOpacity: 0 }} />\n        <stop offset=\"7%\" style={{ stopColor: 'white', stopOpacity: 1 }} />\n        <stop offset=\"93%\" style={{ stopColor: 'white', stopOpacity: 1 }} />\n        <stop offset=\"100%\" style={{ stopColor: 'white', stopOpacity: 0 }} />\n      </>\n    );\n  }, [containerRatio, innerHeight, innerWidth, xScrollbarPosition]);\n\n  if (containerRatio === 1) return null;\n  return (\n    <defs>\n      {yScrolled ? (\n        <linearGradient x2=\"0%\" y2=\"100%\" id={`filter-fade-${chartId}`}>\n          {gradient}\n        </linearGradient>\n      ) : (\n        <linearGradient id={`filter-fade-${chartId}`}>{gradient}</linearGradient>\n      )}\n\n      {yScrolled ? (\n        <mask id={`mask-y-${chartId}`}>\n          <rect x={-internalMargin.left} width={width} height={innerHeight} fill={`url(#filter-fade-${chartId}`}></rect>\n        </mask>\n      ) : (\n        <mask id={`mask-${chartId}`}>\n          <rect x={0} width={innerWidth} height={height} fill={`url(#filter-fade-${chartId}`}></rect>\n        </mask>\n      )}\n    </defs>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADuBf;AArBR,mBAA2C;AAC3C,0BAA6B;AAEtB,MAAM,WAAW,MAAM;AAC5B,QAAM;AAAA,IACJ,OAAO,EAAE,OAAO,SAAS,MAAM;AAAA,IAC/B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,gCAAY;AAE3B,QAAM,YAAY,MAAM,UAAU,cAAc,QAAQ;AACxD,QAAM,YAAY,WAAW,MAAM,UAAU,cAAc,QAAQ;AACnE,QAAM,eAAW,sBAAQ,MAAM;AAC7B,QAAI,uBAAuB,GAAG;AAC5B,aACE,4EACE;AAAA,oDAAC,UAAK,QAAO,OAAM,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,QAClE,4CAAC,UAAK,QAAO,QAAO,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,SACrE;AAAA,IAEJ;AAEA,UAAM,iBACJ,aAAa,oBAAoB,qBAAqB,aAAa,kBAAkB;AACvF,UAAM,iBACJ,cAAc,oBAAoB,qBAAqB,cAAc,kBAAkB;AACzF,QAAI,kBAAkB,gBAAgB;AACpC,aACE,4EACE;AAAA,oDAAC,UAAK,QAAO,MAAK,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,QACjE,4CAAC,UAAK,QAAO,MAAK,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,SACnE;AAAA,IAEJ;AAEA,WACE,4EACE;AAAA,kDAAC,UAAK,QAAO,MAAK,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,MACjE,4CAAC,UAAK,QAAO,MAAK,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,MACjE,4CAAC,UAAK,QAAO,OAAM,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,MAClE,4CAAC,UAAK,QAAO,QAAO,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,OACrE;AAAA,EAEJ,GAAG,CAAC,gBAAgB,aAAa,YAAY,kBAAkB,CAAC;AAEhE,MAAI,mBAAmB;AAAG,WAAO;AACjC,SACE,6CAAC,UACE;AAAA,gBACC,4CAAC,oBAAe,IAAG,MAAK,IAAG,QAAO,IAAI,eAAe,WAClD,oBACH,IAEA,4CAAC,oBAAe,IAAI,eAAe,WAAY,oBAAS;AAAA,IAGzD,YACC,4CAAC,UAAK,IAAI,UAAU,WAClB,sDAAC,UAAK,GAAG,CAAC,eAAe,MAAM,OAAc,QAAQ,aAAa,MAAM,oBAAoB,WAAW,GACzG,IAEA,4CAAC,UAAK,IAAI,QAAQ,WAChB,sDAAC,UAAK,GAAG,GAAG,OAAO,YAAY,QAAgB,MAAM,oBAAoB,WAAW,GACtF;AAAA,KAEJ;AAEJ;",
+  "sourcesContent": ["/* eslint-disable arrow-body-style */\n/* eslint-disable indent */\nimport React, { useContext, useMemo } from 'react';\nimport { ChartContext } from '../../ChartContext';\n\nexport const BlurMask = () => {\n  const {\n    props: { xScroll, yScroll },\n    xScrollbarPosition,\n    innerWidth,\n    internalMargin,\n    containerRatio,\n    innerHeight,\n    chartId,\n    height,\n    width,\n  } = useContext(ChartContext);\n\n  const gradient = useMemo(() => {\n    if (xScrollbarPosition === 0) {\n      return (\n        <>\n          <stop offset=\"93%\" style={{ stopColor: 'white', stopOpacity: 1 }} />\n          <stop offset=\"100%\" style={{ stopColor: 'white', stopOpacity: 0 }} />\n        </>\n      );\n    }\n\n    const isAtEndXScroll =\n      innerWidth * containerRatio === (xScrollbarPosition + innerWidth / containerRatio) * containerRatio;\n    const isAtEndYScroll =\n      innerHeight * containerRatio === (xScrollbarPosition + innerHeight / containerRatio) * containerRatio;\n    if (isAtEndXScroll || isAtEndYScroll) {\n      return (\n        <>\n          <stop offset=\"0%\" style={{ stopColor: 'white', stopOpacity: 0 }} />\n          <stop offset=\"7%\" style={{ stopColor: 'white', stopOpacity: 1 }} />\n        </>\n      );\n    }\n\n    return (\n      <>\n        <stop offset=\"0%\" style={{ stopColor: 'white', stopOpacity: 0 }} />\n        <stop offset=\"7%\" style={{ stopColor: 'white', stopOpacity: 1 }} />\n        <stop offset=\"93%\" style={{ stopColor: 'white', stopOpacity: 1 }} />\n        <stop offset=\"100%\" style={{ stopColor: 'white', stopOpacity: 0 }} />\n      </>\n    );\n  }, [containerRatio, innerHeight, innerWidth, xScrollbarPosition]);\n\n  return useMemo(() => {\n    if (containerRatio === 1) return null;\n    if (xScroll && !yScroll) {\n      // we do this to not trim the ticks marks when the scrollbar is at the beginning\n      const realWidth = xScrollbarPosition === 0 ? innerWidth + internalMargin.left : innerWidth;\n      const realX = xScrollbarPosition === 0 ? -internalMargin.left : 0;\n\n      return (\n        <defs>\n          <linearGradient id={`filter-fade-${chartId}`}>{gradient}</linearGradient>\n\n          <mask id={`mask-${chartId}`}>\n            <rect x={realX} width={realWidth} height={height} fill={`url(#filter-fade-${chartId}`}></rect>\n          </mask>\n        </defs>\n      );\n    }\n    if (yScroll && !xScroll) {\n      return (\n        <defs>\n          <linearGradient x2=\"0%\" y2=\"100%\" id={`filter-fade-${chartId}`}>\n            {gradient}\n          </linearGradient>\n\n          <mask id={`mask-y-${chartId}`}>\n            <rect\n              x={-internalMargin.left}\n              width={width}\n              height={innerHeight}\n              fill={`url(#filter-fade-${chartId}`}\n            ></rect>\n          </mask>\n        </defs>\n      );\n    }\n    return null;\n  }, [\n    chartId,\n    containerRatio,\n    gradient,\n    height,\n    innerHeight,\n    innerWidth,\n    internalMargin.left,\n    width,\n    xScroll,\n    xScrollbarPosition,\n    yScroll,\n  ]);\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqBf;AAnBR,mBAA2C;AAC3C,0BAA6B;AAEtB,MAAM,WAAW,MAAM;AAC5B,QAAM;AAAA,IACJ,OAAO,EAAE,SAAS,QAAQ;AAAA,IAC1B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,gCAAY;AAE3B,QAAM,eAAW,sBAAQ,MAAM;AAC7B,QAAI,uBAAuB,GAAG;AAC5B,aACE,4EACE;AAAA,oDAAC,UAAK,QAAO,OAAM,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,QAClE,4CAAC,UAAK,QAAO,QAAO,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,SACrE;AAAA,IAEJ;AAEA,UAAM,iBACJ,aAAa,oBAAoB,qBAAqB,aAAa,kBAAkB;AACvF,UAAM,iBACJ,cAAc,oBAAoB,qBAAqB,cAAc,kBAAkB;AACzF,QAAI,kBAAkB,gBAAgB;AACpC,aACE,4EACE;AAAA,oDAAC,UAAK,QAAO,MAAK,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,QACjE,4CAAC,UAAK,QAAO,MAAK,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,SACnE;AAAA,IAEJ;AAEA,WACE,4EACE;AAAA,kDAAC,UAAK,QAAO,MAAK,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,MACjE,4CAAC,UAAK,QAAO,MAAK,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,MACjE,4CAAC,UAAK,QAAO,OAAM,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,MAClE,4CAAC,UAAK,QAAO,QAAO,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,OACrE;AAAA,EAEJ,GAAG,CAAC,gBAAgB,aAAa,YAAY,kBAAkB,CAAC;AAEhE,aAAO,sBAAQ,MAAM;AACnB,QAAI,mBAAmB;AAAG,aAAO;AACjC,QAAI,WAAW,CAAC,SAAS;AAEvB,YAAM,YAAY,uBAAuB,IAAI,aAAa,eAAe,OAAO;AAChF,YAAM,QAAQ,uBAAuB,IAAI,CAAC,eAAe,OAAO;AAEhE,aACE,6CAAC,UACC;AAAA,oDAAC,oBAAe,IAAI,eAAe,WAAY,oBAAS;AAAA,QAExD,4CAAC,UAAK,IAAI,QAAQ,WAChB,sDAAC,UAAK,GAAG,OAAO,OAAO,WAAW,QAAgB,MAAM,oBAAoB,WAAW,GACzF;AAAA,SACF;AAAA,IAEJ;AACA,QAAI,WAAW,CAAC,SAAS;AACvB,aACE,6CAAC,UACC;AAAA,oDAAC,oBAAe,IAAG,MAAK,IAAG,QAAO,IAAI,eAAe,WAClD,oBACH;AAAA,QAEA,4CAAC,UAAK,IAAI,UAAU,WAClB;AAAA,UAAC;AAAA;AAAA,YACC,GAAG,CAAC,eAAe;AAAA,YACnB;AAAA,YACA,QAAQ;AAAA,YACR,MAAM,oBAAoB;AAAA;AAAA,QAC3B,GACH;AAAA,SACF;AAAA,IAEJ;AACA,WAAO;AAAA,EACT,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACH;",
   "names": []
 }

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

@@ -161,20 +161,21 @@ class TimeLinearScale extends Scale {
   }
   getTicks(dimension) {
     const ticks = this.scale.ticks?.(this.axisProps?.tick?.tickCount ?? Math.ceil(dimension / 80));
-    if (this.axisProps?.tick?.tickValues) {
+    const ticksValues = this.axisProps?.tick?.tickValues;
+    if (ticksValues) {
       if (this.axisProps?.tick?.overwriteTicks)
-        return this.axisProps?.tick?.tickValues;
+        return ticksValues;
       const newTicks = [];
       ticks.forEach((t) => {
         if (typeof t !== "object")
           return;
-        const exists = this.axisProps?.tick?.tickValues.some(
+        const exists = ticksValues.some(
           (tickValue) => typeof tickValue === "object" && tickValue.getTime() === t.getTime()
         );
         if (!exists)
           newTicks.push(t);
       });
-      return [...newTicks, ...this.axisProps?.tick?.tickValues];
+      return [...newTicks, ...ticksValues];
     }
     return ticks;
   }

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';\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    const ticksValues = this.axisProps?.tick?.tickValues;\n    if (ticksValues) {\n      if (this.axisProps?.tick?.overwriteTicks) return ticksValues;\n      const newTicks = [] as Date[];\n      ticks.forEach((t) => {\n        if (typeof t !== 'object') return;\n        const exists = ticksValues.some(\n          (tickValue) => typeof tickValue === 'object' && tickValue.getTime() === t.getTime(),\n        );\n        if (!exists) newTicks.push(t);\n      });\n      return [...newTicks, ...ticksValues];\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/esm/graphs/Chart/config/useScales.js CHANGED Viewed

@@ -205,18 +205,19 @@ const useScales = ({
     if (yScale?.type === "BAND") {
       return yScale?.getBandwidth();
     }
-    const bar = currentData.filter((serie) => serie.type === "bar");
-    const barsLength = bar.length;
+    const bars = currentData.filter((serie) => serie.type === "bar");
+    const barsLength = bars.length;
     if (!barsLength)
       return;
-    const divisor = Math.max(bar[0].data.length, xScale?.scale.ticks().length, xScale?.getTicks(innerWidth).length, 1);
-    const leftMargin = xScale?.get(bar[0].data[0].value.x);
-    const rightMargin = innerWidth * containerRatio - xScale?.get(bar[0].data[bar[0].data.length - 1].value.x);
-    const width = (innerWidth - (leftMargin + rightMargin)) / divisor;
+    const modelBarData = bars[0].data;
+    const divisor = Math.max(modelBarData.length, xScale?.scale.ticks().length, xScale?.getTicks(innerWidth).length, 1);
+    const leftMargin = xScale?.get(modelBarData[0].value.x);
+    const rightMargin = innerWidth * containerRatio - xScale?.get(modelBarData[modelBarData.length - 1].value.x);
+    const width = (innerWidth - (bars[0].data.length > 1 ? leftMargin + rightMargin : 0)) / divisor;
     if (containerRatio > 1) {
       return Math.max(0.5, width * containerRatio);
     }
-    return Math.max(0.5, Math.trunc(width - width * 0.3));
+    return Math.max(0.5, Math.min(20, Math.trunc(width - width * 0.5)));
   }, [currentData, innerWidth, containerRatio, xScale, yScale]);
   const subGroupScale = useMemo(
     () => getBandwidth() ? scaleBand().domain(subgroupsWithBars).range([0, getBandwidth()]).paddingInner(0.55).padding(0.2).paddingOuter(0.01) : null,

package/dist/esm/graphs/Chart/config/useScales.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/graphs/Chart/config/useScales.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable complexity */\n/* eslint-disable max-statements */\n/* eslint-disable indent */\nimport { useMemo, useCallback } from 'react';\nimport type { Series } from 'd3';\nimport { max, min, scaleLinear, scaleBand, scaleUtc, scaleOrdinal, scaleLog } from 'd3';\nimport type { DSChartT } from '../react-desc-prop-types';\nimport { getStackedIndex } from '../helpers';\nimport { COLOR_PALLET } from '../helpers/colorPallet';\nimport { TIME_OFFSET } from '../../constants';\nimport { BandScale, LinearScale, TimeLinearScale, LogScale } from '../scales';\ninterface UseScales {\n  props: DSChartT.Props;\n  innerHeight: number;\n  innerWidth: number;\n  stackedData: Series<\n    {\n      [key: string]: number;\n    },\n    string\n  >[][];\n  currentData: DSChartT.InternalData;\n  groups: string[];\n  containerRatio: number;\n}\n\nexport const useScales = ({\n  props,\n  originalSeries: series,\n  innerHeight,\n  innerWidth,\n  stackedData,\n  currentData,\n  containerRatio,\n}: UseScales) => {\n  const { xAxis, yAxis, y2Axis, groups: stackedSeries, xScroll } = props;\n\n  // const xScroll = xAxis.advanced?.pointSpacing?.value > 1;\n  const yScroll = yAxis.advanced?.pointSpacing?.value > 1;\n\n  const getBandDomain = useCallback(\n    (axis: DSChartT.AxisT) => axis.cols ?? [...series[0].data.map((_, i) => i.toString())],\n    [series],\n  );\n\n  const getPadding = (domainPadding: number | Array<number>) =>\n    typeof domainPadding === 'number' ? [domainPadding, domainPadding] : domainPadding ?? [0, 0];\n\n  const getLinearDomain = useCallback(\n    (axis: DSChartT.AxisT, axisString: 'x' | 'y' | 'y2') => {\n      // we are calculating the min and max between all the data\n      // including the stacked groups if exists\n      const begin = axis?.beginAtZero ? 0 : axis.min ?? undefined;\n      const end = axis.max ?? undefined;\n      const data = currentData\n        // we filter the data based on scale.. if is x axis we dont because theres no x2 axis\n        .filter((serie) => serie.scale === axisString || axisString === 'x')\n        .map((serie) =>\n          serie.data\n            .filter((datum) => datum.value !== null)\n            .map((datum) => {\n              if (typeof datum.value === 'number') {\n                return datum.value;\n              }\n\n              return datum.value[axisString === 'y2' ? 'y' : axisString];\n            }),\n        );\n\n      const dataFlattened = data.flat();\n      const stackedDataFlatten = stackedData.filter((data) => data.scale === axisString).flat();\n      const minStackedData = min(stackedDataFlatten, (layer) => min(layer, (sequence) => sequence[0]));\n      const maxStackedData = max(stackedDataFlatten, (layer) => max(layer, (sequence) => sequence[1]));\n      const minData = min(dataFlattened);\n      const maxData = max(dataFlattened);\n      const types = ['number', 'object'];\n\n      const getMin = () => {\n        const aux = [];\n        if (typeof begin === 'number' || typeof begin === 'object') aux.push(begin);\n        if (types.includes(typeof minData)) aux.push(minData);\n        if (typeof minStackedData === 'number') aux.push(minStackedData);\n        return min(aux);\n      };\n      const getMax = () => {\n        const aux = [];\n        if (typeof begin === 'number' || typeof begin === 'object') aux.push(begin);\n        if (typeof end === 'number' || typeof end === 'object') aux.push(end);\n        if (types.includes(typeof maxData)) aux.push(maxData);\n        if (typeof maxStackedData === 'number') aux.push(maxStackedData);\n        return max(aux);\n      };\n      const minRange = getMin();\n      const maxRange = getMax();\n\n      const [leftPadding, rightPadding] = getPadding(axis.domainPadding);\n\n      if (typeof minRange === 'number' && typeof maxRange === 'number') {\n        // @TODO fix this domain padding\n        return [\n          minRange - (maxRange - minRange) * (leftPadding ?? 0),\n          maxRange + (maxRange - minRange) * (rightPadding ?? 0),\n        ];\n      }\n      // timelinear case\n      if (typeof minRange === 'object' && typeof maxRange === 'object') {\n        if (axis.domainPaddingType && TIME_OFFSET[axis.domainPaddingType]) {\n          return [\n            TIME_OFFSET[axis.domainPaddingType].offset(minRange, -leftPadding),\n            TIME_OFFSET[axis.domainPaddingType].offset(maxRange, rightPadding),\n          ];\n        }\n        return [minRange, maxRange];\n      }\n\n      return [];\n    },\n    [currentData, stackedData],\n  );\n\n  const getTimeLinearDomain = useCallback(\n    (axis: DSChartT.AxisT, axisString: 'x' | 'y' | 'y2') => {\n      // we are calculating the min and max between all the data\n      // including the stacked groups if exists\n\n      const begin = axis?.beginAtZero ? 0 : axis.min ?? undefined;\n      const end = axis.max ?? undefined;\n      const data = currentData\n        // we filter the data based on scale.. if is x axis we dont because theres no x2 axis\n        .filter((serie) => serie.scale === axisString || axisString === 'x')\n        .map((serie) =>\n          serie.data\n            .filter((datum) => datum.value !== null)\n            .map((datum) => {\n              if (typeof datum.value === 'number') {\n                return datum.value;\n              }\n\n              return datum.value[axisString === 'y2' ? 'y' : axisString];\n            }),\n        );\n\n      const dataFlattened = data.flat();\n      const minData = min(dataFlattened);\n      const maxData = max(dataFlattened);\n      const types = ['number', 'object'];\n\n      const getMin = () => {\n        const aux = [];\n        aux.push(begin);\n        if (types.includes(typeof minData)) aux.push(minData);\n        return min(aux);\n      };\n      const getMax = () => {\n        const aux = [];\n        aux.push(begin);\n        aux.push(end);\n        if (types.includes(typeof maxData)) aux.push(maxData);\n        return max(aux);\n      };\n      const minRange = getMin();\n      const maxRange = getMax();\n\n      const [leftPadding, rightPadding] = getPadding(axis.domainPadding);\n\n      // timelinear case\n      if (typeof minRange === 'object' && typeof maxRange === 'object') {\n        if (axis.domainPaddingType && TIME_OFFSET[axis.domainPaddingType]) {\n          return [\n            TIME_OFFSET[axis.domainPaddingType].offset(minRange, -leftPadding),\n            TIME_OFFSET[axis.domainPaddingType].offset(maxRange, rightPadding),\n          ];\n        }\n        return [minRange, maxRange];\n      }\n\n      return [];\n    },\n    [currentData],\n  );\n\n  // d3 scale functions\n  const getScaleTime = (domain: Date[], range: number[]) => scaleUtc().domain(domain).range(range);\n\n  const getScaleBand = (domain: string[], range: number[], padding = 0.2) =>\n    scaleBand().domain(domain).range(range).padding(padding).paddingOuter(0.05);\n  const getScaleLinear = (domain: number[], range: number[]) => scaleLinear().domain(domain).range(range);\n  const getScaleLog = (domain: number[], range: number[]) => scaleLog().domain(domain).range(range);\n\n  // dataviz scales\n\n  const scaleFactory = useCallback(\n    (axis: 'x' | 'y' | 'y2', axisProps: DSChartT.AxisT, range: number[]) => {\n      if (!axisProps) return null;\n      if (['time', 'datetime'].includes(axisProps?.type)) {\n        return new TimeLinearScale(getScaleTime(getLinearDomain(axisProps, axis), range), axisProps);\n      }\n\n      if (axisProps?.type === 'linear' || (['y', 'y2'].includes(axis) && axisProps?.type === undefined)) {\n        return new LinearScale(getScaleLinear(getLinearDomain(axisProps, axis), range), axisProps);\n      }\n\n      if (axisProps?.type === 'log') return new LogScale(getScaleLog(getLinearDomain(axisProps, axis), range));\n\n      if (axisProps?.type === 'band' || (axis === 'x' && axisProps?.type === undefined)) {\n        // we need to reverse the range in case is a horizontal bar char\n        const realRange = axis === 'y' ? range.reverse() : range;\n        return new BandScale(getScaleBand(getBandDomain(axisProps), realRange), axisProps);\n      }\n      return null;\n    },\n    [getBandDomain, getLinearDomain],\n  );\n\n  const xRangeFrom = useMemo(() => containerRatio * (xAxis?.plotRange?.[0] || 0), [containerRatio, xAxis?.plotRange]);\n  const xRangeTo = useMemo(\n    () => (innerWidth - (xAxis?.plotRange?.[1] || 0)) * (xScroll ? containerRatio : 1),\n    [containerRatio, innerWidth, xAxis?.plotRange, xScroll],\n  );\n\n  const yRangeTo = useMemo(() => yAxis?.plotRange?.[0] || 0, [yAxis?.plotRange]);\n  const yRangeFrom = useMemo(\n    () => (innerHeight - (yAxis?.plotRange?.[1] || 0)) * (yScroll ? containerRatio : 1),\n    [containerRatio, innerHeight, yAxis?.plotRange, yScroll],\n  );\n\n  const y2RangeTo = useMemo(() => y2Axis?.plotRange?.[0] || 0, [y2Axis?.plotRange]);\n  const y2RangeFrom = useMemo(\n    () => (innerHeight - (y2Axis?.plotRange?.[1] || 0)) * (yScroll ? containerRatio : 1),\n    [containerRatio, innerHeight, y2Axis?.plotRange, yScroll],\n  );\n\n  const xScale = useMemo(\n    () => scaleFactory('x', xAxis, [xRangeFrom, xRangeTo]),\n    [scaleFactory, xAxis, xRangeFrom, xRangeTo],\n  );\n\n  const yScale = useMemo(\n    () => scaleFactory('y', yAxis, [yRangeFrom, yRangeTo]),\n    [scaleFactory, yAxis, yRangeFrom, yRangeTo],\n  );\n\n  const y2Scale = useMemo(\n    () => scaleFactory('y2', y2Axis, [y2RangeFrom, y2RangeTo]),\n    [scaleFactory, y2Axis, y2RangeFrom, y2RangeTo],\n  );\n\n  const colorScale = useMemo(\n    () =>\n      scaleOrdinal()\n        .domain(series.map((d) => d.name))\n        .range(series.map((d) => COLOR_PALLET[d.color as keyof typeof COLOR_PALLET] ?? d.color))\n        .unknown('red'),\n    [series],\n  );\n  // get only groups bars to calculate the subgroup scale\n\n  const subgroupsWithBars = useMemo(() => {\n    const data = currentData\n      .filter(\n        (serie) => serie.type === 'bar' && !(stackedSeries?.length && getStackedIndex(stackedSeries, serie.name) > -1),\n      )\n      .map((serie) => serie.name);\n\n    if (stackedSeries?.length) {\n      stackedSeries.forEach((stackedGroup, i) => {\n        if (stackedGroup.length > 0) data.push(`stacked-data-${i}`);\n      });\n    }\n    return data;\n  }, [currentData, stackedSeries]);\n\n  const getBandwidth = useCallback(() => {\n    if (xScale?.type === 'BAND') {\n      return xScale.getBandwidth();\n    }\n    if (yScale?.type === 'BAND') {\n      return yScale?.getBandwidth();\n    }\n    // @todo explore this. is to create bars with a linear axis\n    const bar = currentData.filter((serie) => serie.type === 'bar');\n    const barsLength = bar.length;\n    if (!barsLength) return;\n    // we get the size of the bars using the length of the data or the ticks amounts\n    // the biggest is the one we use to get the real width we need.\n    // we are doing calculations only for x axis because we are not expecting\n    // y axis linear cases.\n    const divisor = Math.max(bar[0].data.length, xScale?.scale.ticks().length, xScale?.getTicks(innerWidth).length, 1);\n    const leftMargin = xScale?.get(bar[0].data[0].value.x);\n    const rightMargin = innerWidth * containerRatio - xScale?.get(bar[0].data[bar[0].data.length - 1].value.x);\n\n    const width = (innerWidth - (leftMargin + rightMargin)) / divisor;\n    if (containerRatio > 1) {\n      return Math.max(0.5, width * containerRatio);\n    }\n    return Math.max(0.5, Math.trunc(width - width * 0.3));\n  }, [currentData, innerWidth, containerRatio, xScale, yScale]);\n\n  const subGroupScale = useMemo(\n    () =>\n      getBandwidth()\n        ? scaleBand()\n            .domain(subgroupsWithBars)\n            .range([0, getBandwidth()])\n            .paddingInner(0.55)\n            .padding(0.2)\n            .paddingOuter(0.01)\n        : null,\n    [getBandwidth, subgroupsWithBars],\n  );\n\n  return { xScale, y2Scale, yScale, subGroupScale, colorScale, getBandwidth };\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable complexity */\n/* eslint-disable max-statements */\n/* eslint-disable indent */\nimport { useMemo, useCallback } from 'react';\nimport type { Series } from 'd3';\nimport { max, min, scaleLinear, scaleBand, scaleUtc, scaleOrdinal, scaleLog } from 'd3';\nimport type { DSChartT } from '../react-desc-prop-types';\nimport { getStackedIndex } from '../helpers';\nimport { COLOR_PALLET } from '../helpers/colorPallet';\nimport { TIME_OFFSET } from '../../constants';\nimport { BandScale, LinearScale, TimeLinearScale, LogScale } from '../scales';\ninterface UseScales {\n  props: DSChartT.Props;\n  innerHeight: number;\n  innerWidth: number;\n  stackedData: Series<\n    {\n      [key: string]: number;\n    },\n    string\n  >[][];\n  currentData: DSChartT.InternalData;\n  groups: string[];\n  containerRatio: number;\n}\n\nexport const useScales = ({\n  props,\n  originalSeries: series,\n  innerHeight,\n  innerWidth,\n  stackedData,\n  currentData,\n  containerRatio,\n}: UseScales) => {\n  const { xAxis, yAxis, y2Axis, groups: stackedSeries, xScroll } = props;\n\n  // const xScroll = xAxis.advanced?.pointSpacing?.value > 1;\n  const yScroll = yAxis.advanced?.pointSpacing?.value > 1;\n\n  const getBandDomain = useCallback(\n    (axis: DSChartT.AxisT) => axis.cols ?? [...series[0].data.map((_, i) => i.toString())],\n    [series],\n  );\n\n  const getPadding = (domainPadding: number | Array<number>) =>\n    typeof domainPadding === 'number' ? [domainPadding, domainPadding] : domainPadding ?? [0, 0];\n\n  const getLinearDomain = useCallback(\n    (axis: DSChartT.AxisT, axisString: 'x' | 'y' | 'y2') => {\n      // we are calculating the min and max between all the data\n      // including the stacked groups if exists\n      const begin = axis?.beginAtZero ? 0 : axis.min ?? undefined;\n      const end = axis.max ?? undefined;\n      const data = currentData\n        // we filter the data based on scale.. if is x axis we dont because theres no x2 axis\n        .filter((serie) => serie.scale === axisString || axisString === 'x')\n        .map((serie) =>\n          serie.data\n            .filter((datum) => datum.value !== null)\n            .map((datum) => {\n              if (typeof datum.value === 'number') {\n                return datum.value;\n              }\n\n              return datum.value[axisString === 'y2' ? 'y' : axisString];\n            }),\n        );\n\n      const dataFlattened = data.flat();\n      const stackedDataFlatten = stackedData.filter((data) => data.scale === axisString).flat();\n      const minStackedData = min(stackedDataFlatten, (layer) => min(layer, (sequence) => sequence[0]));\n      const maxStackedData = max(stackedDataFlatten, (layer) => max(layer, (sequence) => sequence[1]));\n      const minData = min(dataFlattened);\n      const maxData = max(dataFlattened);\n      const types = ['number', 'object'];\n\n      const getMin = () => {\n        const aux = [];\n        if (typeof begin === 'number' || typeof begin === 'object') aux.push(begin);\n        if (types.includes(typeof minData)) aux.push(minData);\n        if (typeof minStackedData === 'number') aux.push(minStackedData);\n        return min(aux);\n      };\n      const getMax = () => {\n        const aux = [];\n        if (typeof begin === 'number' || typeof begin === 'object') aux.push(begin);\n        if (typeof end === 'number' || typeof end === 'object') aux.push(end);\n        if (types.includes(typeof maxData)) aux.push(maxData);\n        if (typeof maxStackedData === 'number') aux.push(maxStackedData);\n        return max(aux);\n      };\n      const minRange = getMin();\n      const maxRange = getMax();\n\n      const [leftPadding, rightPadding] = getPadding(axis.domainPadding);\n\n      if (typeof minRange === 'number' && typeof maxRange === 'number') {\n        // @TODO fix this domain padding\n        return [\n          minRange - (maxRange - minRange) * (leftPadding ?? 0),\n          maxRange + (maxRange - minRange) * (rightPadding ?? 0),\n        ];\n      }\n      // timelinear case\n      if (typeof minRange === 'object' && typeof maxRange === 'object') {\n        if (axis.domainPaddingType && TIME_OFFSET[axis.domainPaddingType]) {\n          return [\n            TIME_OFFSET[axis.domainPaddingType].offset(minRange, -leftPadding),\n            TIME_OFFSET[axis.domainPaddingType].offset(maxRange, rightPadding),\n          ];\n        }\n        return [minRange, maxRange];\n      }\n\n      return [];\n    },\n    [currentData, stackedData],\n  );\n\n  const getTimeLinearDomain = useCallback(\n    (axis: DSChartT.AxisT, axisString: 'x' | 'y' | 'y2') => {\n      // we are calculating the min and max between all the data\n      // including the stacked groups if exists\n\n      const begin = axis?.beginAtZero ? 0 : axis.min ?? undefined;\n      const end = axis.max ?? undefined;\n      const data = currentData\n        // we filter the data based on scale.. if is x axis we dont because theres no x2 axis\n        .filter((serie) => serie.scale === axisString || axisString === 'x')\n        .map((serie) =>\n          serie.data\n            .filter((datum) => datum.value !== null)\n            .map((datum) => {\n              if (typeof datum.value === 'number') {\n                return datum.value;\n              }\n\n              return datum.value[axisString === 'y2' ? 'y' : axisString];\n            }),\n        );\n\n      const dataFlattened = data.flat();\n      const minData = min(dataFlattened);\n      const maxData = max(dataFlattened);\n      const types = ['number', 'object'];\n\n      const getMin = () => {\n        const aux = [];\n        aux.push(begin);\n        if (types.includes(typeof minData)) aux.push(minData);\n        return min(aux);\n      };\n      const getMax = () => {\n        const aux = [];\n        aux.push(begin);\n        aux.push(end);\n        if (types.includes(typeof maxData)) aux.push(maxData);\n        return max(aux);\n      };\n      const minRange = getMin();\n      const maxRange = getMax();\n\n      const [leftPadding, rightPadding] = getPadding(axis.domainPadding);\n\n      // timelinear case\n      if (typeof minRange === 'object' && typeof maxRange === 'object') {\n        if (axis.domainPaddingType && TIME_OFFSET[axis.domainPaddingType]) {\n          return [\n            TIME_OFFSET[axis.domainPaddingType].offset(minRange, -leftPadding),\n            TIME_OFFSET[axis.domainPaddingType].offset(maxRange, rightPadding),\n          ];\n        }\n        return [minRange, maxRange];\n      }\n\n      return [];\n    },\n    [currentData],\n  );\n\n  // d3 scale functions\n  const getScaleTime = (domain: Date[], range: number[]) => scaleUtc().domain(domain).range(range);\n\n  const getScaleBand = (domain: string[], range: number[], padding = 0.2) =>\n    scaleBand().domain(domain).range(range).padding(padding).paddingOuter(0.05);\n  const getScaleLinear = (domain: number[], range: number[]) => scaleLinear().domain(domain).range(range);\n  const getScaleLog = (domain: number[], range: number[]) => scaleLog().domain(domain).range(range);\n\n  // dataviz scales\n\n  const scaleFactory = useCallback(\n    (axis: 'x' | 'y' | 'y2', axisProps: DSChartT.AxisT, range: number[]) => {\n      if (!axisProps) return null;\n      if (['time', 'datetime'].includes(axisProps?.type)) {\n        return new TimeLinearScale(getScaleTime(getLinearDomain(axisProps, axis), range), axisProps);\n      }\n\n      if (axisProps?.type === 'linear' || (['y', 'y2'].includes(axis) && axisProps?.type === undefined)) {\n        return new LinearScale(getScaleLinear(getLinearDomain(axisProps, axis), range), axisProps);\n      }\n\n      if (axisProps?.type === 'log') return new LogScale(getScaleLog(getLinearDomain(axisProps, axis), range));\n\n      if (axisProps?.type === 'band' || (axis === 'x' && axisProps?.type === undefined)) {\n        // we need to reverse the range in case is a horizontal bar char\n        const realRange = axis === 'y' ? range.reverse() : range;\n        return new BandScale(getScaleBand(getBandDomain(axisProps), realRange), axisProps);\n      }\n      return null;\n    },\n    [getBandDomain, getLinearDomain],\n  );\n\n  const xRangeFrom = useMemo(() => containerRatio * (xAxis?.plotRange?.[0] || 0), [containerRatio, xAxis?.plotRange]);\n  const xRangeTo = useMemo(\n    () => (innerWidth - (xAxis?.plotRange?.[1] || 0)) * (xScroll ? containerRatio : 1),\n    [containerRatio, innerWidth, xAxis?.plotRange, xScroll],\n  );\n\n  const yRangeTo = useMemo(() => yAxis?.plotRange?.[0] || 0, [yAxis?.plotRange]);\n  const yRangeFrom = useMemo(\n    () => (innerHeight - (yAxis?.plotRange?.[1] || 0)) * (yScroll ? containerRatio : 1),\n    [containerRatio, innerHeight, yAxis?.plotRange, yScroll],\n  );\n\n  const y2RangeTo = useMemo(() => y2Axis?.plotRange?.[0] || 0, [y2Axis?.plotRange]);\n  const y2RangeFrom = useMemo(\n    () => (innerHeight - (y2Axis?.plotRange?.[1] || 0)) * (yScroll ? containerRatio : 1),\n    [containerRatio, innerHeight, y2Axis?.plotRange, yScroll],\n  );\n\n  const xScale = useMemo(\n    () => scaleFactory('x', xAxis, [xRangeFrom, xRangeTo]),\n    [scaleFactory, xAxis, xRangeFrom, xRangeTo],\n  );\n\n  const yScale = useMemo(\n    () => scaleFactory('y', yAxis, [yRangeFrom, yRangeTo]),\n    [scaleFactory, yAxis, yRangeFrom, yRangeTo],\n  );\n\n  const y2Scale = useMemo(\n    () => scaleFactory('y2', y2Axis, [y2RangeFrom, y2RangeTo]),\n    [scaleFactory, y2Axis, y2RangeFrom, y2RangeTo],\n  );\n\n  const colorScale = useMemo(\n    () =>\n      scaleOrdinal()\n        .domain(series.map((d) => d.name))\n        .range(series.map((d) => COLOR_PALLET[d.color as keyof typeof COLOR_PALLET] ?? d.color))\n        .unknown('red'),\n    [series],\n  );\n  // get only groups bars to calculate the subgroup scale\n\n  const subgroupsWithBars = useMemo(() => {\n    const data = currentData\n      .filter(\n        (serie) => serie.type === 'bar' && !(stackedSeries?.length && getStackedIndex(stackedSeries, serie.name) > -1),\n      )\n      .map((serie) => serie.name);\n\n    if (stackedSeries?.length) {\n      stackedSeries.forEach((stackedGroup, i) => {\n        if (stackedGroup.length > 0) data.push(`stacked-data-${i}`);\n      });\n    }\n    return data;\n  }, [currentData, stackedSeries]);\n\n  const getBandwidth = useCallback(() => {\n    if (xScale?.type === 'BAND') {\n      return xScale.getBandwidth();\n    }\n    if (yScale?.type === 'BAND') {\n      return yScale?.getBandwidth();\n    }\n    // @todo explore this. is to create bars with a linear axis\n    const bars = currentData.filter((serie) => serie.type === 'bar');\n    const barsLength = bars.length;\n    if (!barsLength) return;\n    // we get the size of the bars using the length of the data or the ticks amounts\n    // the biggest is the one we use to get the real width we need.\n    // we are doing calculations only for x axis because we are not expecting\n    // y axis linear cases.\n    const modelBarData = bars[0].data;\n    const divisor = Math.max(modelBarData.length, xScale?.scale.ticks().length, xScale?.getTicks(innerWidth).length, 1);\n    const leftMargin = xScale?.get(modelBarData[0].value.x);\n    const rightMargin = innerWidth * containerRatio - xScale?.get(modelBarData[modelBarData.length - 1].value.x);\n\n    const width = (innerWidth - (bars[0].data.length > 1 ? leftMargin + rightMargin : 0)) / divisor;\n    if (containerRatio > 1) {\n      return Math.max(0.5, width * containerRatio);\n    }\n    return Math.max(0.5, Math.min(20, Math.trunc(width - width * 0.5)));\n  }, [currentData, innerWidth, containerRatio, xScale, yScale]);\n\n  const subGroupScale = useMemo(\n    () =>\n      getBandwidth()\n        ? scaleBand()\n            .domain(subgroupsWithBars)\n            .range([0, getBandwidth()])\n            .paddingInner(0.55)\n            .padding(0.2)\n            .paddingOuter(0.01)\n        : null,\n    [getBandwidth, subgroupsWithBars],\n  );\n\n  return { xScale, y2Scale, yScale, subGroupScale, colorScale, getBandwidth };\n};\n"],
+  "mappings": "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",
   "names": ["data"]
 }

package/dist/esm/graphs/Chart/parts/ClipPaths.js CHANGED Viewed

@@ -1,18 +1,15 @@
 import * as React from "react";
-import { Fragment, jsx } from "react/jsx-runtime";
-import { useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useContext, useMemo } from "react";
 import { ChartContext } from "../ChartContext";
 const ClipPaths = () => {
-  const {
-    innerWidth,
-    containerRatio,
-    innerHeight,
-    chartId,
-    yScale,
-    props: { xAxis, yAxis }
-  } = useContext(ChartContext);
-  const yScroll = yAxis.advanced?.pointSpacing?.value > 1;
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: `rect-focus-ring-${chartId}`, children: yScroll ? /* @__PURE__ */ jsx("rect", { width: innerWidth + 4, height: innerHeight * containerRatio, x: -4 }) : /* @__PURE__ */ jsx("rect", { width: (innerWidth + 4) * containerRatio, height: innerHeight + 4, y: -4 }) }) }) });
+  const { innerWidth, containerRatio, innerHeight, chartId, yScale } = useContext(ChartContext);
+  return useMemo(() => {
+    if (yScale.type === "BAND") {
+      return /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: `rect-focus-ring-${chartId}`, children: /* @__PURE__ */ jsx("rect", { width: innerWidth + 4, height: innerHeight * containerRatio, x: 1 }) }) });
+    }
+    return /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: `rect-focus-ring-${chartId}`, children: /* @__PURE__ */ jsx("rect", { width: innerWidth * containerRatio + 4, height: innerHeight + 4, x: -4, y: -5 }) }) });
+  }, [chartId, containerRatio, innerHeight, innerWidth, yScale.type]);
 };
 export {
   ClipPaths

package/dist/esm/graphs/Chart/parts/ClipPaths.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/graphs/Chart/parts/ClipPaths.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable arrow-body-style */\n/* eslint-disable indent */\nimport React, { useContext } from 'react';\nimport { ChartContext } from '../ChartContext';\n\nexport const ClipPaths = () => {\n  const {\n    innerWidth,\n    containerRatio,\n    innerHeight,\n    chartId,\n    yScale,\n    props: { xAxis, yAxis },\n  } = useContext(ChartContext);\n\n  const yScroll = yAxis.advanced?.pointSpacing?.value > 1;\n\n  return (\n    <>\n      <defs>\n        <clipPath id={`rect-focus-ring-${chartId}`}>\n          {yScroll ? (\n            <rect width={innerWidth + 4} height={innerHeight * containerRatio} x={-4} />\n          ) : (\n            <rect width={(innerWidth + 4) * containerRatio} height={innerHeight + 4} y={-4} />\n          )}\n        </clipPath>\n      </defs>\n      {/* \n      this can be useful when implementing animations\n      <defs>\n        <clipPath id={`rects-positive-${chartId}`}>\n          <rect width={innerWidth * containerRatio} height={yScale(0) + 8} y={-8} x={-10} />\n        </clipPath>\n      </defs>\n      {innerHeight - yScale(0) > 0 ? (\n        <defs>\n          <clipPath id={`rects-negative-${chartId}`}>\n            <rect width={innerWidth * containerRatio} height={innerHeight - yScale(0)} x={-10} y={yScale(0)} />\n          </clipPath>\n        </defs>\n      ) : null} */}\n    </>\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACkBnB,mBAIQ,WAJR;AAhBJ,SAAgB,kBAAkB;AAClC,SAAS,oBAAoB;AAEtB,MAAM,YAAY,MAAM;AAC7B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,EAAE,OAAO,MAAM;AAAA,EACxB,IAAI,WAAW,YAAY;AAE3B,QAAM,UAAU,MAAM,UAAU,cAAc,QAAQ;AAEtD,SACE,gCACE,8BAAC,UACC,8BAAC,cAAS,IAAI,mBAAmB,WAC9B,oBACC,oBAAC,UAAK,OAAO,aAAa,GAAG,QAAQ,cAAc,gBAAgB,GAAG,IAAI,IAE1E,oBAAC,UAAK,QAAQ,aAAa,KAAK,gBAAgB,QAAQ,cAAc,GAAG,GAAG,IAAI,GAEpF,GACF,GAeF;AAEJ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable arrow-body-style */\n/* eslint-disable indent */\nimport React, { useContext, useMemo } from 'react';\nimport { ChartContext } from '../ChartContext';\n\nexport const ClipPaths = () => {\n  const { innerWidth, containerRatio, innerHeight, chartId, yScale } = useContext(ChartContext);\n\n  return useMemo(() => {\n    if (yScale.type === 'BAND') {\n      return (\n        <defs>\n          <clipPath id={`rect-focus-ring-${chartId}`}>\n            <rect width={innerWidth + 4} height={innerHeight * containerRatio} x={1} />\n          </clipPath>\n        </defs>\n      );\n    }\n    // if yScale is not band type we applied the clipPath to the xAxis to avoid the focus ring to be cut\n    return (\n      <defs>\n        <clipPath id={`rect-focus-ring-${chartId}`}>\n          <rect width={innerWidth * containerRatio + 4} height={innerHeight + 4} x={-4} y={-5} />\n        </clipPath>\n      </defs>\n    );\n  }, [chartId, containerRatio, innerHeight, innerWidth, yScale.type]);\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACaX;AAXZ,SAAgB,YAAY,eAAe;AAC3C,SAAS,oBAAoB;AAEtB,MAAM,YAAY,MAAM;AAC7B,QAAM,EAAE,YAAY,gBAAgB,aAAa,SAAS,OAAO,IAAI,WAAW,YAAY;AAE5F,SAAO,QAAQ,MAAM;AACnB,QAAI,OAAO,SAAS,QAAQ;AAC1B,aACE,oBAAC,UACC,8BAAC,cAAS,IAAI,mBAAmB,WAC/B,8BAAC,UAAK,OAAO,aAAa,GAAG,QAAQ,cAAc,gBAAgB,GAAG,GAAG,GAC3E,GACF;AAAA,IAEJ;AAEA,WACE,oBAAC,UACC,8BAAC,cAAS,IAAI,mBAAmB,WAC/B,8BAAC,UAAK,OAAO,aAAa,iBAAiB,GAAG,QAAQ,cAAc,GAAG,GAAG,IAAI,GAAG,IAAI,GACvF,GACF;AAAA,EAEJ,GAAG,CAAC,SAAS,gBAAgB,aAAa,YAAY,OAAO,IAAI,CAAC;AACpE;",
   "names": []
 }

package/dist/esm/graphs/Chart/parts/Scroller/BlurMask.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { useContext, useMemo } from "react";
 import { ChartContext } from "../../ChartContext";
 const BlurMask = () => {
   const {
-    props: { yAxis, xScroll, xAxis },
+    props: { xScroll, yScroll },
     xScrollbarPosition,
     innerWidth,
     internalMargin,
@@ -14,8 +14,6 @@ const BlurMask = () => {
     height,
     width
   } = useContext(ChartContext);
-  const yScrolled = yAxis.advanced?.pointSpacing?.value > 1;
-  const xScrolled = xScroll || xAxis.advanced?.pointSpacing?.value > 1;
   const gradient = useMemo(() => {
     if (xScrollbarPosition === 0) {
       return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -38,12 +36,45 @@ const BlurMask = () => {
       /* @__PURE__ */ jsx("stop", { offset: "100%", style: { stopColor: "white", stopOpacity: 0 } })
     ] });
   }, [containerRatio, innerHeight, innerWidth, xScrollbarPosition]);
-  if (containerRatio === 1)
+  return useMemo(() => {
+    if (containerRatio === 1)
+      return null;
+    if (xScroll && !yScroll) {
+      const realWidth = xScrollbarPosition === 0 ? innerWidth + internalMargin.left : innerWidth;
+      const realX = xScrollbarPosition === 0 ? -internalMargin.left : 0;
+      return /* @__PURE__ */ jsxs("defs", { children: [
+        /* @__PURE__ */ jsx("linearGradient", { id: `filter-fade-${chartId}`, children: gradient }),
+        /* @__PURE__ */ jsx("mask", { id: `mask-${chartId}`, children: /* @__PURE__ */ jsx("rect", { x: realX, width: realWidth, height, fill: `url(#filter-fade-${chartId}` }) })
+      ] });
+    }
+    if (yScroll && !xScroll) {
+      return /* @__PURE__ */ jsxs("defs", { children: [
+        /* @__PURE__ */ jsx("linearGradient", { x2: "0%", y2: "100%", id: `filter-fade-${chartId}`, children: gradient }),
+        /* @__PURE__ */ jsx("mask", { id: `mask-y-${chartId}`, children: /* @__PURE__ */ jsx(
+          "rect",
+          {
+            x: -internalMargin.left,
+            width,
+            height: innerHeight,
+            fill: `url(#filter-fade-${chartId}`
+          }
+        ) })
+      ] });
+    }
     return null;
-  return /* @__PURE__ */ jsxs("defs", { children: [
-    yScrolled ? /* @__PURE__ */ jsx("linearGradient", { x2: "0%", y2: "100%", id: `filter-fade-${chartId}`, children: gradient }) : /* @__PURE__ */ jsx("linearGradient", { id: `filter-fade-${chartId}`, children: gradient }),
-    yScrolled ? /* @__PURE__ */ jsx("mask", { id: `mask-y-${chartId}`, children: /* @__PURE__ */ jsx("rect", { x: -internalMargin.left, width, height: innerHeight, fill: `url(#filter-fade-${chartId}` }) }) : /* @__PURE__ */ jsx("mask", { id: `mask-${chartId}`, children: /* @__PURE__ */ jsx("rect", { x: 0, width: innerWidth, height, fill: `url(#filter-fade-${chartId}` }) })
-  ] });
+  }, [
+    chartId,
+    containerRatio,
+    gradient,
+    height,
+    innerHeight,
+    innerWidth,
+    internalMargin.left,
+    width,
+    xScroll,
+    xScrollbarPosition,
+    yScroll
+  ]);
 };
 export {
   BlurMask

package/dist/esm/graphs/Chart/parts/Scroller/BlurMask.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/graphs/Chart/parts/Scroller/BlurMask.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable arrow-body-style */\n/* eslint-disable indent */\nimport React, { useContext, useMemo } from 'react';\nimport { ChartContext } from '../../ChartContext';\n\nexport const BlurMask = () => {\n  const {\n    props: { yAxis, xScroll, xAxis },\n    xScrollbarPosition,\n    innerWidth,\n    internalMargin,\n    containerRatio,\n    innerHeight,\n    chartId,\n    height,\n    width,\n  } = useContext(ChartContext);\n\n  const yScrolled = yAxis.advanced?.pointSpacing?.value > 1;\n  const xScrolled = xScroll || xAxis.advanced?.pointSpacing?.value > 1;\n  const gradient = useMemo(() => {\n    if (xScrollbarPosition === 0) {\n      return (\n        <>\n          <stop offset=\"93%\" style={{ stopColor: 'white', stopOpacity: 1 }} />\n          <stop offset=\"100%\" style={{ stopColor: 'white', stopOpacity: 0 }} />\n        </>\n      );\n    }\n\n    const isAtEndXScroll =\n      innerWidth * containerRatio === (xScrollbarPosition + innerWidth / containerRatio) * containerRatio;\n    const isAtEndYScroll =\n      innerHeight * containerRatio === (xScrollbarPosition + innerHeight / containerRatio) * containerRatio;\n    if (isAtEndXScroll || isAtEndYScroll) {\n      return (\n        <>\n          <stop offset=\"0%\" style={{ stopColor: 'white', stopOpacity: 0 }} />\n          <stop offset=\"7%\" style={{ stopColor: 'white', stopOpacity: 1 }} />\n        </>\n      );\n    }\n\n    return (\n      <>\n        <stop offset=\"0%\" style={{ stopColor: 'white', stopOpacity: 0 }} />\n        <stop offset=\"7%\" style={{ stopColor: 'white', stopOpacity: 1 }} />\n        <stop offset=\"93%\" style={{ stopColor: 'white', stopOpacity: 1 }} />\n        <stop offset=\"100%\" style={{ stopColor: 'white', stopOpacity: 0 }} />\n      </>\n    );\n  }, [containerRatio, innerHeight, innerWidth, xScrollbarPosition]);\n\n  if (containerRatio === 1) return null;\n  return (\n    <defs>\n      {yScrolled ? (\n        <linearGradient x2=\"0%\" y2=\"100%\" id={`filter-fade-${chartId}`}>\n          {gradient}\n        </linearGradient>\n      ) : (\n        <linearGradient id={`filter-fade-${chartId}`}>{gradient}</linearGradient>\n      )}\n\n      {yScrolled ? (\n        <mask id={`mask-y-${chartId}`}>\n          <rect x={-internalMargin.left} width={width} height={innerHeight} fill={`url(#filter-fade-${chartId}`}></rect>\n        </mask>\n      ) : (\n        <mask id={`mask-${chartId}`}>\n          <rect x={0} width={innerWidth} height={height} fill={`url(#filter-fade-${chartId}`}></rect>\n        </mask>\n      )}\n    </defs>\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACuBf,mBACE,KADF;AArBR,SAAgB,YAAY,eAAe;AAC3C,SAAS,oBAAoB;AAEtB,MAAM,WAAW,MAAM;AAC5B,QAAM;AAAA,IACJ,OAAO,EAAE,OAAO,SAAS,MAAM;AAAA,IAC/B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,WAAW,YAAY;AAE3B,QAAM,YAAY,MAAM,UAAU,cAAc,QAAQ;AACxD,QAAM,YAAY,WAAW,MAAM,UAAU,cAAc,QAAQ;AACnE,QAAM,WAAW,QAAQ,MAAM;AAC7B,QAAI,uBAAuB,GAAG;AAC5B,aACE,iCACE;AAAA,4BAAC,UAAK,QAAO,OAAM,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,QAClE,oBAAC,UAAK,QAAO,QAAO,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,SACrE;AAAA,IAEJ;AAEA,UAAM,iBACJ,aAAa,oBAAoB,qBAAqB,aAAa,kBAAkB;AACvF,UAAM,iBACJ,cAAc,oBAAoB,qBAAqB,cAAc,kBAAkB;AACzF,QAAI,kBAAkB,gBAAgB;AACpC,aACE,iCACE;AAAA,4BAAC,UAAK,QAAO,MAAK,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,QACjE,oBAAC,UAAK,QAAO,MAAK,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,SACnE;AAAA,IAEJ;AAEA,WACE,iCACE;AAAA,0BAAC,UAAK,QAAO,MAAK,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,MACjE,oBAAC,UAAK,QAAO,MAAK,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,MACjE,oBAAC,UAAK,QAAO,OAAM,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,MAClE,oBAAC,UAAK,QAAO,QAAO,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,OACrE;AAAA,EAEJ,GAAG,CAAC,gBAAgB,aAAa,YAAY,kBAAkB,CAAC;AAEhE,MAAI,mBAAmB;AAAG,WAAO;AACjC,SACE,qBAAC,UACE;AAAA,gBACC,oBAAC,oBAAe,IAAG,MAAK,IAAG,QAAO,IAAI,eAAe,WAClD,oBACH,IAEA,oBAAC,oBAAe,IAAI,eAAe,WAAY,oBAAS;AAAA,IAGzD,YACC,oBAAC,UAAK,IAAI,UAAU,WAClB,8BAAC,UAAK,GAAG,CAAC,eAAe,MAAM,OAAc,QAAQ,aAAa,MAAM,oBAAoB,WAAW,GACzG,IAEA,oBAAC,UAAK,IAAI,QAAQ,WAChB,8BAAC,UAAK,GAAG,GAAG,OAAO,YAAY,QAAgB,MAAM,oBAAoB,WAAW,GACtF;AAAA,KAEJ;AAEJ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable arrow-body-style */\n/* eslint-disable indent */\nimport React, { useContext, useMemo } from 'react';\nimport { ChartContext } from '../../ChartContext';\n\nexport const BlurMask = () => {\n  const {\n    props: { xScroll, yScroll },\n    xScrollbarPosition,\n    innerWidth,\n    internalMargin,\n    containerRatio,\n    innerHeight,\n    chartId,\n    height,\n    width,\n  } = useContext(ChartContext);\n\n  const gradient = useMemo(() => {\n    if (xScrollbarPosition === 0) {\n      return (\n        <>\n          <stop offset=\"93%\" style={{ stopColor: 'white', stopOpacity: 1 }} />\n          <stop offset=\"100%\" style={{ stopColor: 'white', stopOpacity: 0 }} />\n        </>\n      );\n    }\n\n    const isAtEndXScroll =\n      innerWidth * containerRatio === (xScrollbarPosition + innerWidth / containerRatio) * containerRatio;\n    const isAtEndYScroll =\n      innerHeight * containerRatio === (xScrollbarPosition + innerHeight / containerRatio) * containerRatio;\n    if (isAtEndXScroll || isAtEndYScroll) {\n      return (\n        <>\n          <stop offset=\"0%\" style={{ stopColor: 'white', stopOpacity: 0 }} />\n          <stop offset=\"7%\" style={{ stopColor: 'white', stopOpacity: 1 }} />\n        </>\n      );\n    }\n\n    return (\n      <>\n        <stop offset=\"0%\" style={{ stopColor: 'white', stopOpacity: 0 }} />\n        <stop offset=\"7%\" style={{ stopColor: 'white', stopOpacity: 1 }} />\n        <stop offset=\"93%\" style={{ stopColor: 'white', stopOpacity: 1 }} />\n        <stop offset=\"100%\" style={{ stopColor: 'white', stopOpacity: 0 }} />\n      </>\n    );\n  }, [containerRatio, innerHeight, innerWidth, xScrollbarPosition]);\n\n  return useMemo(() => {\n    if (containerRatio === 1) return null;\n    if (xScroll && !yScroll) {\n      // we do this to not trim the ticks marks when the scrollbar is at the beginning\n      const realWidth = xScrollbarPosition === 0 ? innerWidth + internalMargin.left : innerWidth;\n      const realX = xScrollbarPosition === 0 ? -internalMargin.left : 0;\n\n      return (\n        <defs>\n          <linearGradient id={`filter-fade-${chartId}`}>{gradient}</linearGradient>\n\n          <mask id={`mask-${chartId}`}>\n            <rect x={realX} width={realWidth} height={height} fill={`url(#filter-fade-${chartId}`}></rect>\n          </mask>\n        </defs>\n      );\n    }\n    if (yScroll && !xScroll) {\n      return (\n        <defs>\n          <linearGradient x2=\"0%\" y2=\"100%\" id={`filter-fade-${chartId}`}>\n            {gradient}\n          </linearGradient>\n\n          <mask id={`mask-y-${chartId}`}>\n            <rect\n              x={-internalMargin.left}\n              width={width}\n              height={innerHeight}\n              fill={`url(#filter-fade-${chartId}`}\n            ></rect>\n          </mask>\n        </defs>\n      );\n    }\n    return null;\n  }, [\n    chartId,\n    containerRatio,\n    gradient,\n    height,\n    innerHeight,\n    innerWidth,\n    internalMargin.left,\n    width,\n    xScroll,\n    xScrollbarPosition,\n    yScroll,\n  ]);\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACqBf,mBACE,KADF;AAnBR,SAAgB,YAAY,eAAe;AAC3C,SAAS,oBAAoB;AAEtB,MAAM,WAAW,MAAM;AAC5B,QAAM;AAAA,IACJ,OAAO,EAAE,SAAS,QAAQ;AAAA,IAC1B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,WAAW,YAAY;AAE3B,QAAM,WAAW,QAAQ,MAAM;AAC7B,QAAI,uBAAuB,GAAG;AAC5B,aACE,iCACE;AAAA,4BAAC,UAAK,QAAO,OAAM,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,QAClE,oBAAC,UAAK,QAAO,QAAO,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,SACrE;AAAA,IAEJ;AAEA,UAAM,iBACJ,aAAa,oBAAoB,qBAAqB,aAAa,kBAAkB;AACvF,UAAM,iBACJ,cAAc,oBAAoB,qBAAqB,cAAc,kBAAkB;AACzF,QAAI,kBAAkB,gBAAgB;AACpC,aACE,iCACE;AAAA,4BAAC,UAAK,QAAO,MAAK,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,QACjE,oBAAC,UAAK,QAAO,MAAK,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,SACnE;AAAA,IAEJ;AAEA,WACE,iCACE;AAAA,0BAAC,UAAK,QAAO,MAAK,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,MACjE,oBAAC,UAAK,QAAO,MAAK,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,MACjE,oBAAC,UAAK,QAAO,OAAM,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,MAClE,oBAAC,UAAK,QAAO,QAAO,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,OACrE;AAAA,EAEJ,GAAG,CAAC,gBAAgB,aAAa,YAAY,kBAAkB,CAAC;AAEhE,SAAO,QAAQ,MAAM;AACnB,QAAI,mBAAmB;AAAG,aAAO;AACjC,QAAI,WAAW,CAAC,SAAS;AAEvB,YAAM,YAAY,uBAAuB,IAAI,aAAa,eAAe,OAAO;AAChF,YAAM,QAAQ,uBAAuB,IAAI,CAAC,eAAe,OAAO;AAEhE,aACE,qBAAC,UACC;AAAA,4BAAC,oBAAe,IAAI,eAAe,WAAY,oBAAS;AAAA,QAExD,oBAAC,UAAK,IAAI,QAAQ,WAChB,8BAAC,UAAK,GAAG,OAAO,OAAO,WAAW,QAAgB,MAAM,oBAAoB,WAAW,GACzF;AAAA,SACF;AAAA,IAEJ;AACA,QAAI,WAAW,CAAC,SAAS;AACvB,aACE,qBAAC,UACC;AAAA,4BAAC,oBAAe,IAAG,MAAK,IAAG,QAAO,IAAI,eAAe,WAClD,oBACH;AAAA,QAEA,oBAAC,UAAK,IAAI,UAAU,WAClB;AAAA,UAAC;AAAA;AAAA,YACC,GAAG,CAAC,eAAe;AAAA,YACnB;AAAA,YACA,QAAQ;AAAA,YACR,MAAM,oBAAoB;AAAA;AAAA,QAC3B,GACH;AAAA,SACF;AAAA,IAEJ;AACA,WAAO;AAAA,EACT,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACH;",
   "names": []
 }

package/dist/esm/graphs/Chart/scales/index.js CHANGED Viewed

@@ -127,20 +127,21 @@ class TimeLinearScale extends Scale {
   }
   getTicks(dimension) {
     const ticks = this.scale.ticks?.(this.axisProps?.tick?.tickCount ?? Math.ceil(dimension / 80));
-    if (this.axisProps?.tick?.tickValues) {
+    const ticksValues = this.axisProps?.tick?.tickValues;
+    if (ticksValues) {
       if (this.axisProps?.tick?.overwriteTicks)
-        return this.axisProps?.tick?.tickValues;
+        return ticksValues;
       const newTicks = [];
       ticks.forEach((t) => {
         if (typeof t !== "object")
           return;
-        const exists = this.axisProps?.tick?.tickValues.some(
+        const exists = ticksValues.some(
           (tickValue) => typeof tickValue === "object" && tickValue.getTime() === t.getTime()
         );
         if (!exists)
           newTicks.push(t);
       });
-      return [...newTicks, ...this.axisProps?.tick?.tickValues];
+      return [...newTicks, ...ticksValues];
     }
     return ticks;
   }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/graphs/Chart/scales/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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    const ticksValues = this.axisProps?.tick?.tickValues;\n    if (ticksValues) {\n      if (this.axisProps?.tick?.overwriteTicks) return ticksValues;\n      const newTicks = [] as Date[];\n      ticks.forEach((t) => {\n        if (typeof t !== 'object') return;\n        const exists = ticksValues.some(\n          (tickValue) => typeof tickValue === 'object' && tickValue.getTime() === t.getTime(),\n        );\n        if (!exists) newTicks.push(t);\n      });\n      return [...newTicks, ...ticksValues];\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"],
+  "mappings": "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",
   "names": []
 }

package/dist/types/graphs/Chart/parts/ChartContainer.d.ts CHANGED Viewed

	@@ -1 +1,2 @@
1	+ /// <reference types="react" />
1 2	export declare const ChartContainer: () => JSX.Element;

package/dist/types/graphs/Chart/parts/ClipPaths.d.ts CHANGED Viewed

	@@ -1 +1,2 @@
1	+ /// <reference types="react" />
1 2	export declare const ClipPaths: () => JSX.Element;

package/dist/types/graphs/Chart/parts/Labels/index.d.ts CHANGED Viewed

	@@ -1 +1,2 @@
1	+ /// <reference types="react" />
1 2	export declare const Labels: () => JSX.Element;

package/dist/types/graphs/Chart/parts/Legend/BottomLegend.d.ts CHANGED Viewed

	@@ -1 +1,2 @@
1	+ /// <reference types="react" />
1 2	export declare const BottomLegend: () => JSX.Element;

package/dist/types/graphs/Chart/parts/Legend/LeftLegend.d.ts CHANGED Viewed

	@@ -1 +1,2 @@
1	+ /// <reference types="react" />
1 2	export declare const LeftLegend: () => JSX.Element;

package/dist/types/graphs/Chart/parts/Legend/Legend.d.ts CHANGED Viewed

	@@ -1 +1,2 @@
1	+ /// <reference types="react" />
1 2	export declare const Legend: () => JSX.Element \| null;

package/dist/types/graphs/Chart/parts/Legend/LegendItem.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const LegendItem: ({ domainValue }: {
     domainValue: any;
 }) => JSX.Element;

package/dist/types/graphs/Chart/parts/Legend/RightLegend.d.ts CHANGED Viewed

	@@ -1 +1,2 @@
1	+ /// <reference types="react" />
1 2	export declare const RightLegend: () => JSX.Element;

package/dist/types/graphs/Chart/parts/Legend/TopLegend.d.ts CHANGED Viewed

	@@ -1 +1,2 @@
1	+ /// <reference types="react" />
1 2	export declare const TopLegend: () => JSX.Element;

package/dist/types/graphs/Chart/parts/Scrapper/Scrapper.d.ts CHANGED Viewed

	@@ -1 +1,2 @@
1	+ /// <reference types="react" />
1 2	export declare const Scrapper: () => JSX.Element;

package/dist/types/graphs/Chart/parts/Scrapper/ScrapperLine.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const ScrapperLine: ({ yPosition, datum }: {
     yPosition: any;
     datum: any;

package/dist/types/graphs/Chart/parts/Scrapper/VerticalScrapper.d.ts CHANGED Viewed

	@@ -1 +1,2 @@
1	+ /// <reference types="react" />
1 2	export declare const VerticalScrapper: () => JSX.Element;

package/dist/types/graphs/Chart/parts/Scroller/BlurMask.d.ts CHANGED Viewed

	@@ -1 +1,2 @@
1	+ /// <reference types="react" />
1 2	export declare const BlurMask: () => JSX.Element \| null;

package/dist/types/graphs/Chart/parts/Scroller/Controllers.d.ts CHANGED Viewed

	@@ -1 +1,2 @@
1	+ /// <reference types="react" />
1 2	export declare const Controllers: () => JSX.Element \| null;

package/dist/types/graphs/Chart/parts/Scroller/ScrollBarX.d.ts CHANGED Viewed

	@@ -1 +1,2 @@
1	+ /// <reference types="react" />
1 2	export declare const ScrollBarX: () => JSX.Element;

package/dist/types/graphs/Chart/parts/Scroller/ScrollBarY.d.ts CHANGED Viewed

	@@ -1 +1,2 @@
1	+ /// <reference types="react" />
1 2	export declare const ScrollBarY: () => JSX.Element;

package/dist/types/graphs/Chart/parts/Scroller/ScrollableContainerX.d.ts CHANGED Viewed

	@@ -1 +1,2 @@
1	+ /// <reference types="react" />
1 2	export declare const ScrollableContainerX: () => JSX.Element;

package/dist/types/graphs/Chart/parts/Scroller/ScrollableContainerY.d.ts CHANGED Viewed

	@@ -1 +1,2 @@
1	+ /// <reference types="react" />
1 2	export declare const ScrollableContainerY: () => JSX.Element;

package/dist/types/graphs/Chart/parts/SeriesFactory.d.ts CHANGED Viewed

	@@ -1 +1,2 @@
1	+ /// <reference types="react" />
1 2	export declare const SeriesFactory: () => JSX.Element;

package/dist/types/graphs/Chart/parts/TrendHighlight.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const TrendHighlight: ({ currentDatum }: {
     currentDatum: any;
 }) => JSX.Element | null;

package/dist/types/graphs/Chart/react-desc-prop-types.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { Series, ScaleLinear, ScaleBand } from 'd3';
 export declare namespace DSChartT {
     type SerieTypeT = 'line' | 'bar' | 'area' | 'point';

package/dist/types/graphs/Chart/series/Area.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Area: ({ serie }: {
     serie: any;
 }) => JSX.Element;

package/dist/types/graphs/Chart/series/Bars.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Bars: ({ serie }: {
     serie: any;
 }) => JSX.Element;

package/dist/types/graphs/Chart/series/HorizontalBars.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { DSChartT } from '../react-desc-prop-types';
 export declare const HorizontalBars: ({ serie }: DSChartT.SerieComponentT) => JSX.Element;

package/dist/types/graphs/Chart/series/HorizontalStackedBars.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { DSChartT } from '../react-desc-prop-types';
 export declare const HorizontalStackedBars: ({ serie }: DSChartT.SerieComponentT) => JSX.Element;

package/dist/types/graphs/Chart/series/Point.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Point: ({ x, y, xValue, yValue, name, pointStyle, pointRadius, id, opacity, datum }: {
     x: any;
     y: any;

package/dist/types/graphs/Chart/series/Points.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Points: ({ serie }: {
     serie: any;
 }) => JSX.Element;

package/dist/types/graphs/Chart/series/Rect.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Rect: ({ name, width, height, isNegative, x, y, id, xValue, yValue, datum }: {
     name: any;
     width: any;

package/dist/types/graphs/Chart/series/StackedBar.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const StackedBar: ({ serie }: {
     serie: any;
 }) => JSX.Element;

package/dist/types/graphs/Chart/styles.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface StyledAxisT {
     axisColor: string;
 }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-dataviz",
-  "version": "3.14.12",
+  "version": "3.14.13",
   "license": "MIT",
   "description": "ICE MT - Dimsum - DataViz",
   "files": [
@@ -40,9 +40,9 @@
     "d3-shape": "~3.1.0",
     "resize-observer-polyfill": "~1.5.1",
     "uid": "~2.0.0",
-    "@elliemae/ds-popperjs": "3.14.12",
-    "@elliemae/ds-system": "3.14.12",
-    "@elliemae/ds-utilities": "3.14.12"
+    "@elliemae/ds-popperjs": "3.14.13",
+    "@elliemae/ds-system": "3.14.13",
+    "@elliemae/ds-utilities": "3.14.13"
   },
   "devDependencies": {
     "@elliemae/pui-theme": "~2.6.0",