@dynatrace/strato-components 3.7.1 → 3.9.0

package/esm/charts/core/components/axes/components/TimeTableHeaderAxis.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { getTicks } from "@visx/scale";
 import { DivAxisWrapper } from "./DivAxisWrapper.js";
+import { getTicks } from "../../../../../core/utils/get-ticks.js";
 import { formatDateTicks } from "../../../utils/format-date-ticks.js";
 import { getTickValues } from "../../../utils/format-value.js";
 import { getGanttHorizontalTimeAxisNumTicks } from "../../../utils/ticks.js";

package/esm/charts/core/components/axes/components/TimeTableHeaderAxis.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/axes/components/TimeTableHeaderAxis.tsx"],
-  "sourcesContent": ["import { getTicks } from '@visx/scale';\nimport type { ScaleTime } from 'd3-scale';\n\nimport { DivAxisWrapper } from './DivAxisWrapper.js';\nimport {\n  TickPrimitiveValue,\n  TickValueFormatter,\n} from '../../../types/tick-value.js';\nimport { formatDateTicks } from '../../../utils/format-date-ticks.js';\nimport { getTickValues } from '../../../utils/format-value.js';\nimport { getGanttHorizontalTimeAxisNumTicks } from '../../../utils/ticks.js';\nimport { AxisTableHeader } from '../AxisTableHeader.js';\nimport { axisFontProps } from '../constants.js';\nimport { getTickLabelPropsForGanttAxis } from '../utils/get-tick-label-props.js';\n\n/**\n * @internal\n */\nexport interface TimeTableHeaderAxisProps {\n  scale: ScaleTime<number, number>;\n  containerWidth: number;\n  containerHeight: number;\n  stroke?: string;\n  min?: number;\n  max?: number;\n}\n\n/**\n * @internal\n */\nexport const TimeTableHeaderAxis = (props: TimeTableHeaderAxisProps) => {\n  const { scale, containerWidth, containerHeight, stroke, min, max } = props;\n\n  const numTicks = getGanttHorizontalTimeAxisNumTicks(containerWidth);\n  const ticks = getTicks(scale, numTicks) as TickPrimitiveValue[];\n  const tickValues = getTickValues(\n    ticks,\n    formatDateTicks as TickValueFormatter,\n  );\n  const tickFormat = (_: unknown, index: number) => tickValues[index];\n\n  return (\n    <DivAxisWrapper\n      divAxisStyle={axisFontProps}\n      ticks={tickValues}\n      isTickVertical\n    >\n      <AxisTableHeader\n        role=\"graphics-symbol\"\n        aria-label=\"time axis tableheader\"\n        scale={scale}\n        containerSize={containerWidth}\n        height={containerHeight}\n        numTicks={numTicks}\n        tickValues={ticks}\n        tickLabelProps={getTickLabelPropsForGanttAxis(min, max)}\n        tickFormat={tickFormat}\n        stroke={stroke}\n      />\n    </DivAxisWrapper>\n  );\n};\n\nTimeTableHeaderAxis['displayName'] = 'TimeTableHeaderAxis';\n"],
-  "mappings": "AA+CM;AA/CN,SAAS,gBAAgB;AAGzB,SAAS,sBAAsB;AAK/B,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,0CAA0C;AACnD,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,qCAAqC;AAiBvC,MAAM,sBAAsB,CAAC,UAAoC;AACtE,QAAM,EAAE,OAAO,gBAAgB,iBAAiB,QAAQ,KAAK,IAAI,IAAI;AAErE,QAAM,WAAW,mCAAmC,cAAc;AAClE,QAAM,QAAQ,SAAS,OAAO,QAAQ;AACtC,QAAM,aAAa;AAAA,IACjB;AAAA,IACA;AAAA,EACF;AACA,QAAM,aAAa,CAAC,GAAY,UAAkB,WAAW,KAAK;AAElE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAc;AAAA,MACd,OAAO;AAAA,MACP,gBAAc;AAAA,MAEd;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAW;AAAA,UACX;AAAA,UACA,eAAe;AAAA,UACf,QAAQ;AAAA,UACR;AAAA,UACA,YAAY;AAAA,UACZ,gBAAgB,8BAA8B,KAAK,GAAG;AAAA,UACtD;AAAA,UACA;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,oBAAoB,aAAa,IAAI;",
+  "sourcesContent": ["import type { ScaleTime } from 'd3-scale';\n\nimport { DivAxisWrapper } from './DivAxisWrapper.js';\nimport { getTicks } from '../../../../../core/utils/get-ticks.js';\nimport { TickValueFormatter } from '../../../types/tick-value.js';\nimport { formatDateTicks } from '../../../utils/format-date-ticks.js';\nimport { getTickValues } from '../../../utils/format-value.js';\nimport { getGanttHorizontalTimeAxisNumTicks } from '../../../utils/ticks.js';\nimport { AxisTableHeader } from '../AxisTableHeader.js';\nimport { axisFontProps } from '../constants.js';\nimport { getTickLabelPropsForGanttAxis } from '../utils/get-tick-label-props.js';\n\n/**\n * @internal\n */\nexport interface TimeTableHeaderAxisProps {\n  scale: ScaleTime<number, number>;\n  containerWidth: number;\n  containerHeight: number;\n  stroke?: string;\n  min?: number;\n  max?: number;\n}\n\n/**\n * @internal\n */\nexport const TimeTableHeaderAxis = (props: TimeTableHeaderAxisProps) => {\n  const { scale, containerWidth, containerHeight, stroke, min, max } = props;\n\n  const numTicks = getGanttHorizontalTimeAxisNumTicks(containerWidth);\n  const ticks = getTicks(scale, numTicks);\n  const tickValues = getTickValues(\n    ticks,\n    formatDateTicks as TickValueFormatter,\n  );\n  const tickFormat = (_: unknown, index: number) => tickValues[index];\n\n  return (\n    <DivAxisWrapper\n      divAxisStyle={axisFontProps}\n      ticks={tickValues}\n      isTickVertical\n    >\n      <AxisTableHeader\n        role=\"graphics-symbol\"\n        aria-label=\"time axis tableheader\"\n        scale={scale}\n        containerSize={containerWidth}\n        height={containerHeight}\n        numTicks={numTicks}\n        tickValues={ticks}\n        tickLabelProps={getTickLabelPropsForGanttAxis(min, max)}\n        tickFormat={tickFormat}\n        stroke={stroke}\n      />\n    </DivAxisWrapper>\n  );\n};\n\nTimeTableHeaderAxis['displayName'] = 'TimeTableHeaderAxis';\n"],
+  "mappings": "AA4CM;AA1CN,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB;AAEzB,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,0CAA0C;AACnD,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,qCAAqC;AAiBvC,MAAM,sBAAsB,CAAC,UAAoC;AACtE,QAAM,EAAE,OAAO,gBAAgB,iBAAiB,QAAQ,KAAK,IAAI,IAAI;AAErE,QAAM,WAAW,mCAAmC,cAAc;AAClE,QAAM,QAAQ,SAAS,OAAO,QAAQ;AACtC,QAAM,aAAa;AAAA,IACjB;AAAA,IACA;AAAA,EACF;AACA,QAAM,aAAa,CAAC,GAAY,UAAkB,WAAW,KAAK;AAElE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAc;AAAA,MACd,OAAO;AAAA,MACP,gBAAc;AAAA,MAEd;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAW;AAAA,UACX;AAAA,UACA,eAAe;AAAA,UACf,QAAQ;AAAA,UACR;AAAA,UACA,YAAY;AAAA,UACZ,gBAAgB,8BAA8B,KAAK,GAAG;AAAA,UACtD;AAAA,UACA;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,oBAAoB,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/core/components/axes/components/ValueTableHeaderAxis.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { getTicks } from "@visx/scale";
 import { DivAxisWrapper } from "./DivAxisWrapper.js";
+import { getTicks } from "../../../../../core/utils/get-ticks.js";
 import { getTickValues } from "../../../utils/format-value.js";
 import { getHorizontalNumTicks } from "../../../utils/ticks.js";
 import { AxisTableHeader } from "../AxisTableHeader.js";

package/esm/charts/core/components/axes/components/ValueTableHeaderAxis.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/axes/components/ValueTableHeaderAxis.tsx"],
-  "sourcesContent": ["import { getTicks } from '@visx/scale';\nimport type { ScaleLinear } from 'd3-scale';\n\nimport { DivAxisWrapper } from './DivAxisWrapper.js';\nimport {\n  TickPrimitiveValue,\n  TickValueFormatter,\n} from '../../../types/tick-value.js';\nimport { getTickValues } from '../../../utils/format-value.js';\nimport { getHorizontalNumTicks } from '../../../utils/ticks.js';\nimport { AxisTableHeader } from '../AxisTableHeader.js';\nimport { axisFontProps } from '../constants.js';\nimport { getTickLabelPropsForGanttAxis } from '../utils/get-tick-label-props.js';\n\n/**\n * @internal\n */\nexport interface ValueTableHeaderAxisProps {\n  scale: ScaleLinear<number, number>;\n  containerWidth: number;\n  containerHeight: number;\n  formatter?: TickValueFormatter;\n  stroke?: string;\n  min?: number;\n  max?: number;\n}\n\n/**\n * @internal\n */\nexport const ValueTableHeaderAxis = (props: ValueTableHeaderAxisProps) => {\n  const {\n    scale,\n    containerWidth,\n    containerHeight,\n    formatter,\n    stroke,\n    min,\n    max,\n  } = props;\n  const numTicks = getHorizontalNumTicks(containerWidth);\n  const ticks = getTicks(scale, numTicks) as TickPrimitiveValue[];\n  const tickValues = getTickValues(ticks, formatter);\n  const tickFormat = (_: unknown, index: number) => tickValues[index];\n\n  return (\n    <DivAxisWrapper\n      divAxisStyle={axisFontProps}\n      ticks={tickValues}\n      isTickVertical\n    >\n      <AxisTableHeader\n        role=\"graphics-symbol\"\n        aria-label=\"value axis tableheader\"\n        scale={scale}\n        containerSize={containerWidth}\n        height={containerHeight}\n        numTicks={numTicks}\n        tickValues={ticks}\n        tickLabelProps={getTickLabelPropsForGanttAxis(min, max)}\n        tickFormat={tickFormat}\n        stroke={stroke}\n      />\n    </DivAxisWrapper>\n  );\n};\n\nValueTableHeaderAxis['displayName'] = 'ValueTableHeaderAxis';\n"],
-  "mappings": "AAmDM;AAnDN,SAAS,gBAAgB;AAGzB,SAAS,sBAAsB;AAK/B,SAAS,qBAAqB;AAC9B,SAAS,6BAA6B;AACtC,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,qCAAqC;AAkBvC,MAAM,uBAAuB,CAAC,UAAqC;AACxE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,WAAW,sBAAsB,cAAc;AACrD,QAAM,QAAQ,SAAS,OAAO,QAAQ;AACtC,QAAM,aAAa,cAAc,OAAO,SAAS;AACjD,QAAM,aAAa,CAAC,GAAY,UAAkB,WAAW,KAAK;AAElE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAc;AAAA,MACd,OAAO;AAAA,MACP,gBAAc;AAAA,MAEd;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAW;AAAA,UACX;AAAA,UACA,eAAe;AAAA,UACf,QAAQ;AAAA,UACR;AAAA,UACA,YAAY;AAAA,UACZ,gBAAgB,8BAA8B,KAAK,GAAG;AAAA,UACtD;AAAA,UACA;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,qBAAqB,aAAa,IAAI;",
+  "sourcesContent": ["import type { ScaleLinear } from 'd3-scale';\n\nimport { DivAxisWrapper } from './DivAxisWrapper.js';\nimport { getTicks } from '../../../../../core/utils/get-ticks.js';\nimport { TickValueFormatter } from '../../../types/tick-value.js';\nimport { getTickValues } from '../../../utils/format-value.js';\nimport { getHorizontalNumTicks } from '../../../utils/ticks.js';\nimport { AxisTableHeader } from '../AxisTableHeader.js';\nimport { axisFontProps } from '../constants.js';\nimport { getTickLabelPropsForGanttAxis } from '../utils/get-tick-label-props.js';\n\n/**\n * @internal\n */\nexport interface ValueTableHeaderAxisProps {\n  scale: ScaleLinear<number, number>;\n  containerWidth: number;\n  containerHeight: number;\n  formatter?: TickValueFormatter;\n  stroke?: string;\n  min?: number;\n  max?: number;\n}\n\n/**\n * @internal\n */\nexport const ValueTableHeaderAxis = (props: ValueTableHeaderAxisProps) => {\n  const {\n    scale,\n    containerWidth,\n    containerHeight,\n    formatter,\n    stroke,\n    min,\n    max,\n  } = props;\n  const numTicks = getHorizontalNumTicks(containerWidth);\n  const ticks = getTicks(scale, numTicks);\n  const tickValues = getTickValues(ticks, formatter);\n  const tickFormat = (_: unknown, index: number) => tickValues[index];\n\n  return (\n    <DivAxisWrapper\n      divAxisStyle={axisFontProps}\n      ticks={tickValues}\n      isTickVertical\n    >\n      <AxisTableHeader\n        role=\"graphics-symbol\"\n        aria-label=\"value axis tableheader\"\n        scale={scale}\n        containerSize={containerWidth}\n        height={containerHeight}\n        numTicks={numTicks}\n        tickValues={ticks}\n        tickLabelProps={getTickLabelPropsForGanttAxis(min, max)}\n        tickFormat={tickFormat}\n        stroke={stroke}\n      />\n    </DivAxisWrapper>\n  );\n};\n\nValueTableHeaderAxis['displayName'] = 'ValueTableHeaderAxis';\n"],
+  "mappings": "AAgDM;AA9CN,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB;AAEzB,SAAS,qBAAqB;AAC9B,SAAS,6BAA6B;AACtC,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,qCAAqC;AAkBvC,MAAM,uBAAuB,CAAC,UAAqC;AACxE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,WAAW,sBAAsB,cAAc;AACrD,QAAM,QAAQ,SAAS,OAAO,QAAQ;AACtC,QAAM,aAAa,cAAc,OAAO,SAAS;AACjD,QAAM,aAAa,CAAC,GAAY,UAAkB,WAAW,KAAK;AAElE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAc;AAAA,MACd,OAAO;AAAA,MACP,gBAAc;AAAA,MAEd;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAW;AAAA,UACX;AAAA,UACA,eAAe;AAAA,UACf,QAAQ;AAAA,UACR;AAAA,UACA,YAAY;AAAA,UACZ,gBAAgB,8BAA8B,KAAK,GAAG;AAAA,UACtD;AAAA,UACA;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,qBAAqB,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/core/components/axes/constants.js

@@ -1,6 +1,5 @@
 import Colors from "@dynatrace/strato-design-tokens/colors";
 import Typography from "@dynatrace/strato-design-tokens/typography";
-const AXIS_TICK_LENGTH = 0;
 const X_AXES_TICK_LINE_OFFSET = 4;
 const Y_AXES_TICK_LINE_OFFSET = 6;
 const AXIS_LABEL_HEIGHT = 12;
@@ -38,7 +37,6 @@ const axisFontBaseProps = {
 const EMOJI_REGEX = /(\p{Emoji_Presentation}|\p{Extended_Pictographic})/u;
 export {
   AXIS_LABEL_HEIGHT,
-  AXIS_TICK_LENGTH,
   BOTTOM_AXIS_LINE_OFFSET,
   DEFAULT_AXIS_FONT_COLOR,
   EMOJI_REGEX,

package/esm/charts/core/components/axes/constants.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/axes/constants.ts"],
-  "sourcesContent": ["import Colors from '@dynatrace/strato-design-tokens/colors';\nimport Typography from '@dynatrace/strato-design-tokens/typography';\n\nimport { TextPropsRequired } from './types.js';\nimport type { MappedObject } from '../../types/helpers/mapped-object.js';\n\n/*\n * This should be equal to zero if hideTicks prop is true\n * otherwise, this amount of pixels would be calculated\n * for the width and height of the axes\n */\nexport const AXIS_TICK_LENGTH = 0;\n\n/* Offset between the x axis ticks and x axis line */\nexport const X_AXES_TICK_LINE_OFFSET = 4;\n\n/* Offset between the y axis ticks and y axis line */\nexport const Y_AXES_TICK_LINE_OFFSET = 6;\n\n/* Fixed label's height to be used. Remember: axis label means the title of the axis */\nexport const AXIS_LABEL_HEIGHT = 12;\n\n/* The minimum number of scale steps needed to show tick labels when located on the left */\nexport const MIN_SCALE_STEPS = AXIS_LABEL_HEIGHT;\n\n/* Offset to substract due to Flex adding additional spacing */\nconst FLEX_OFFSET = 4;\n\n/* Offset between tick label and label for x axes*/\nexport const X_AXES_LABEL_OFFSET = X_AXES_TICK_LINE_OFFSET + 6 - FLEX_OFFSET;\n\n/* Offset between tick label and label for y axis */\nexport const Y_AXIS_LABEL_OFFSET = 6;\n\n/* Offset between the top x axis ticks and top axis line */\nexport const TOP_AXIS_LINE_OFFSET = 18;\n\n/* Offset for the top axis */\nexport const TOP_AXIS_LABEL_OFFSET = 8;\n\n/* Offset for the bottom axis */\nexport const BOTTOM_AXIS_LINE_OFFSET = 8;\n\n/* The minimum size the axis could truncate for both vertical and horizontal */\nexport const MIN_AXIS_TRUNCATION_SIZE = 33;\n\nexport const MAX_ANNOTATIONS_AREA_HEIGHT = 46;\n\n/* A value representation for the line-height text rendered */\nexport const TICK_LINE_HEIGHT = 14;\nexport const TICK_LINE_ICON_OFFSET = 4;\n\nexport const Y_LABEL_AREA = AXIS_LABEL_HEIGHT + Y_AXIS_LABEL_OFFSET;\n\nexport const X_LABEL_AREA = AXIS_LABEL_HEIGHT + X_AXES_LABEL_OFFSET;\n\nexport type TickAligmentMode = 'start' | 'middle' | 'end';\n\nexport const TICK_ALIGMENT: MappedObject<TickAligmentMode> = {\n  Start: 'start',\n  Middle: 'middle',\n  End: 'end',\n};\n\nexport const DEFAULT_AXIS_FONT_COLOR = Colors.Text.Neutral.Subdued;\n\n/*\n * These styles are meant to be applied for the axis\n */\nexport const axisFontProps: TextPropsRequired = {\n  fill: DEFAULT_AXIS_FONT_COLOR,\n  color: DEFAULT_AXIS_FONT_COLOR,\n  fontSize: Typography.Text.Small.Emphasized.Size,\n  fontFamily: Typography.Text.Small.Emphasized.Family,\n};\n\nexport const axisFontBaseProps: TextPropsRequired = {\n  fill: DEFAULT_AXIS_FONT_COLOR,\n  color: DEFAULT_AXIS_FONT_COLOR,\n  fontSize: Typography.Text.Base.Emphasized.Size,\n  fontFamily: Typography.Text.Base.Emphasized.Family,\n};\n\n/**\n * Regular expression that matches any emoji character.\n *\n * This regex uses Unicode property escapes to match characters with either\n * the `Emoji_Presentation` or `Extended_Pictographic` properties, which\n * together cover most emoji symbols and pictographs.\n *\n * https://www.unicode.org/Public/UCD/latest/ucd/emoji/emoji-data.txt\n */\nexport const EMOJI_REGEX =\n  /(\\p{Emoji_Presentation}|\\p{Extended_Pictographic})/u;\n"],
-  "mappings": "AAAA,OAAO,YAAY;AACnB,OAAO,gBAAgB;AAUhB,MAAM,mBAAmB;AAGzB,MAAM,0BAA0B;AAGhC,MAAM,0BAA0B;AAGhC,MAAM,oBAAoB;AAG1B,MAAM,kBAAkB;AAG/B,MAAM,cAAc;AAGb,MAAM,sBAAsB,0BAA0B,IAAI;AAG1D,MAAM,sBAAsB;AAG5B,MAAM,uBAAuB;AAG7B,MAAM,wBAAwB;AAG9B,MAAM,0BAA0B;AAGhC,MAAM,2BAA2B;AAEjC,MAAM,8BAA8B;AAGpC,MAAM,mBAAmB;AACzB,MAAM,wBAAwB;AAE9B,MAAM,eAAe,oBAAoB;AAEzC,MAAM,eAAe,oBAAoB;AAIzC,MAAM,gBAAgD;AAAA,EAC3D,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AACP;AAEO,MAAM,0BAA0B,OAAO,KAAK,QAAQ;AAKpD,MAAM,gBAAmC;AAAA,EAC9C,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU,WAAW,KAAK,MAAM,WAAW;AAAA,EAC3C,YAAY,WAAW,KAAK,MAAM,WAAW;AAC/C;AAEO,MAAM,oBAAuC;AAAA,EAClD,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU,WAAW,KAAK,KAAK,WAAW;AAAA,EAC1C,YAAY,WAAW,KAAK,KAAK,WAAW;AAC9C;AAWO,MAAM,cACX;",
+  "sourcesContent": ["import Colors from '@dynatrace/strato-design-tokens/colors';\nimport Typography from '@dynatrace/strato-design-tokens/typography';\n\nimport { TextPropsRequired } from './types.js';\nimport type { MappedObject } from '../../types/helpers/mapped-object.js';\n\n/* Offset between the x axis ticks and x axis line */\nexport const X_AXES_TICK_LINE_OFFSET = 4;\n\n/* Offset between the y axis ticks and y axis line */\nexport const Y_AXES_TICK_LINE_OFFSET = 6;\n\n/* Fixed label's height to be used. Remember: axis label means the title of the axis */\nexport const AXIS_LABEL_HEIGHT = 12;\n\n/* The minimum number of scale steps needed to show tick labels when located on the left */\nexport const MIN_SCALE_STEPS = AXIS_LABEL_HEIGHT;\n\n/* Offset to substract due to Flex adding additional spacing */\nconst FLEX_OFFSET = 4;\n\n/* Offset between tick label and label for x axes*/\nexport const X_AXES_LABEL_OFFSET = X_AXES_TICK_LINE_OFFSET + 6 - FLEX_OFFSET;\n\n/* Offset between tick label and label for y axis */\nexport const Y_AXIS_LABEL_OFFSET = 6;\n\n/* Offset between the top x axis ticks and top axis line */\nexport const TOP_AXIS_LINE_OFFSET = 18;\n\n/* Offset for the top axis */\nexport const TOP_AXIS_LABEL_OFFSET = 8;\n\n/* Offset for the bottom axis */\nexport const BOTTOM_AXIS_LINE_OFFSET = 8;\n\n/* The minimum size the axis could truncate for both vertical and horizontal */\nexport const MIN_AXIS_TRUNCATION_SIZE = 33;\n\nexport const MAX_ANNOTATIONS_AREA_HEIGHT = 46;\n\n/* A value representation for the line-height text rendered */\nexport const TICK_LINE_HEIGHT = 14;\nexport const TICK_LINE_ICON_OFFSET = 4;\n\nexport const Y_LABEL_AREA = AXIS_LABEL_HEIGHT + Y_AXIS_LABEL_OFFSET;\n\nexport const X_LABEL_AREA = AXIS_LABEL_HEIGHT + X_AXES_LABEL_OFFSET;\n\nexport type TickAligmentMode = 'start' | 'middle' | 'end';\n\nexport const TICK_ALIGMENT: MappedObject<TickAligmentMode> = {\n  Start: 'start',\n  Middle: 'middle',\n  End: 'end',\n};\n\nexport const DEFAULT_AXIS_FONT_COLOR = Colors.Text.Neutral.Subdued;\n\n/*\n * These styles are meant to be applied for the axis\n */\nexport const axisFontProps: TextPropsRequired = {\n  fill: DEFAULT_AXIS_FONT_COLOR,\n  color: DEFAULT_AXIS_FONT_COLOR,\n  fontSize: Typography.Text.Small.Emphasized.Size,\n  fontFamily: Typography.Text.Small.Emphasized.Family,\n};\n\nexport const axisFontBaseProps: TextPropsRequired = {\n  fill: DEFAULT_AXIS_FONT_COLOR,\n  color: DEFAULT_AXIS_FONT_COLOR,\n  fontSize: Typography.Text.Base.Emphasized.Size,\n  fontFamily: Typography.Text.Base.Emphasized.Family,\n};\n\n/**\n * Regular expression that matches any emoji character.\n *\n * This regex uses Unicode property escapes to match characters with either\n * the `Emoji_Presentation` or `Extended_Pictographic` properties, which\n * together cover most emoji symbols and pictographs.\n *\n * https://www.unicode.org/Public/UCD/latest/ucd/emoji/emoji-data.txt\n */\nexport const EMOJI_REGEX =\n  /(\\p{Emoji_Presentation}|\\p{Extended_Pictographic})/u;\n"],
+  "mappings": "AAAA,OAAO,YAAY;AACnB,OAAO,gBAAgB;AAMhB,MAAM,0BAA0B;AAGhC,MAAM,0BAA0B;AAGhC,MAAM,oBAAoB;AAG1B,MAAM,kBAAkB;AAG/B,MAAM,cAAc;AAGb,MAAM,sBAAsB,0BAA0B,IAAI;AAG1D,MAAM,sBAAsB;AAG5B,MAAM,uBAAuB;AAG7B,MAAM,wBAAwB;AAG9B,MAAM,0BAA0B;AAGhC,MAAM,2BAA2B;AAEjC,MAAM,8BAA8B;AAGpC,MAAM,mBAAmB;AACzB,MAAM,wBAAwB;AAE9B,MAAM,eAAe,oBAAoB;AAEzC,MAAM,eAAe,oBAAoB;AAIzC,MAAM,gBAAgD;AAAA,EAC3D,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AACP;AAEO,MAAM,0BAA0B,OAAO,KAAK,QAAQ;AAKpD,MAAM,gBAAmC;AAAA,EAC9C,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU,WAAW,KAAK,MAAM,WAAW;AAAA,EAC3C,YAAY,WAAW,KAAK,MAAM,WAAW;AAC/C;AAEO,MAAM,oBAAuC;AAAA,EAClD,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU,WAAW,KAAK,KAAK,WAAW;AAAA,EAC1C,YAAY,WAAW,KAAK,KAAK,WAAW;AAC9C;AAWO,MAAM,cACX;",
   "names": []
 }

package/esm/charts/core/components/axes/types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/axes/types.ts"],
-  "sourcesContent": ["import { AxisScale, SharedAxisProps } from '@visx/axis';\nimport type { SVGAttributes } from 'react';\n\nimport { TextProps } from '../../types/text-props.js';\n\n/**\n * @internal\n */\nexport type Orientation = 'left' | 'right' | 'bottom' | 'top';\n\n/**\n * @public\n */\nexport const HORIZONTAL_LABEL_LAYOUT_TYPE = 'horizontal';\n/**\n * @public\n */\nexport const VERTICAL_LABEL_LAYOUT_TYPE = 'vertical';\n\n/** Defines the options for displaying the tick labels in an axis\n * @public\n */\nexport type TickLabelLayout =\n  | typeof HORIZONTAL_LABEL_LAYOUT_TYPE\n  | typeof VERTICAL_LABEL_LAYOUT_TYPE;\n\n/**\n * @internal\n */\nexport interface AxisProps extends SharedAxisProps<AxisScale> {\n  width?: SVGAttributes<SVGSVGElement>['width'];\n  height?: SVGAttributes<SVGSVGElement>['height'];\n  containerSize: number;\n  stroke?: string;\n  size?: 'small' | 'base';\n  tickColor?: string;\n  role?: string;\n  ['aria-label']?: string;\n}\n\n/**\n * @internal\n */\nexport type OrientedAxisProps = Omit<\n  AxisProps,\n  'orientation' | 'width' | 'height'\n> & {\n  width?: number;\n  height?: number;\n};\n\n/**\n * @internal\n */\nexport type TextPropsRequired = Required<\n  Pick<TextProps, 'fill' | 'fontFamily'>\n> & {\n  fontSize: string;\n  color: string;\n};\n\n/**\n * record of category id and category name\n * @internal\n */\nexport type TickCategory = Record<string, string>;\n"],
-  "mappings": "AAaO,MAAM,+BAA+B;AAIrC,MAAM,6BAA6B;",
+  "sourcesContent": ["import type { ReactNode, Ref, SVGAttributes } from 'react';\n\nimport { TextProps, TickLabelProps } from '../../types/text-props.js';\n\ntype NumberLike = { valueOf(): number };\ntype AxisScaleOutput = number | NumberLike | undefined;\n\n// Structural shape of every D3 scale used in Strato (ScaleTime, ScaleLinear,\n// ScaleLogarithmic, ScaleSymLog, ScaleBand).\ntype D3ScaleLike<Output> = {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  (input: any): Output;\n  domain(): any[]; // eslint-disable-line @typescript-eslint/no-explicit-any\n  range(): any[]; // eslint-disable-line @typescript-eslint/no-explicit-any\n  copy(): D3ScaleLike<Output>;\n};\n\n/**\n * @internal\n */\nexport type AxisScale<Output extends AxisScaleOutput = AxisScaleOutput> =\n  D3ScaleLike<Output>;\n\n/**\n * @internal\n */\nexport type TickRendererProps = Partial<TextProps> & {\n  x: number;\n  y: number;\n  formattedValue: string | undefined;\n};\n\n/**\n * @internal\n */\nexport interface SharedAxisProps<Scale extends AxisScale> {\n  scale: Scale;\n  orientation?: Orientation;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  tickFormat?: (value: any, index: number, values: any) => string;\n  tickValues?: readonly any[]; // eslint-disable-line @typescript-eslint/no-explicit-any\n  numTicks?: number;\n  tickLabelProps?: Partial<TextProps> | TickLabelProps<any>; // eslint-disable-line @typescript-eslint/no-explicit-any\n  tickComponent?: (props: TickRendererProps) => ReactNode;\n  label?: string;\n  labelProps?: Partial<TextProps>;\n  labelOffset?: number;\n  labelClassName?: string;\n  rangePadding?: number;\n  hideZero?: boolean;\n  left?: number;\n  top?: number;\n  axisClassName?: string;\n  innerRef?: Ref<SVGGElement>;\n  hideTicks?: boolean;\n  hideAxisLine?: boolean;\n  tickLength?: number;\n}\n\n/**\n * @internal\n */\nexport type Orientation = 'left' | 'right' | 'bottom' | 'top';\n\n/**\n * @public\n */\nexport const HORIZONTAL_LABEL_LAYOUT_TYPE = 'horizontal';\n/**\n * @public\n */\nexport const VERTICAL_LABEL_LAYOUT_TYPE = 'vertical';\n\n/** Defines the options for displaying the tick labels in an axis\n * @public\n */\nexport type TickLabelLayout =\n  | typeof HORIZONTAL_LABEL_LAYOUT_TYPE\n  | typeof VERTICAL_LABEL_LAYOUT_TYPE;\n\n/**\n * @internal\n */\nexport interface AxisProps extends SharedAxisProps<AxisScale> {\n  width?: SVGAttributes<SVGSVGElement>['width'];\n  height?: SVGAttributes<SVGSVGElement>['height'];\n  containerSize: number;\n  stroke?: string;\n  size?: 'small' | 'base';\n  tickColor?: string;\n  role?: string;\n  ['aria-label']?: string;\n}\n\n/**\n * @internal\n */\nexport type OrientedAxisProps = Omit<\n  AxisProps,\n  'orientation' | 'width' | 'height'\n> & {\n  width?: number;\n  height?: number;\n};\n\n/**\n * @internal\n */\nexport type TextPropsRequired = Required<\n  Pick<TextProps, 'fill' | 'fontFamily'>\n> & {\n  fontSize: string;\n  color: string;\n};\n\n/**\n * record of category id and category name\n * @internal\n */\nexport type TickCategory = Record<string, string>;\n"],
+  "mappings": "AAmEO,MAAM,+BAA+B;AAIrC,MAAM,6BAA6B;",
   "names": []
 }

package/esm/charts/core/components/axes/utils/get-tick-label-props.js

@@ -1,4 +1,4 @@
-import { getTickValueAsNumber } from "../../../utils/get-tick-value-as-number.js";
+import { getTickValueAsNumber } from "../../../../../core/utils/get-tick-value-as-number.js";
 import {
   TICK_ALIGMENT,
   X_AXES_TICK_LINE_OFFSET,
@@ -97,6 +97,48 @@ const getTopTickLabelPropsWithDomainAlignment = (domainMin, domainMax) => {
     };
   };
 };
+const getLeftTickLabelPropsWithDomainAlignment = (domainMin, domainMax) => {
+  return (value) => {
+    const numericValue = getTickValueAsNumber(value);
+    let verticalAnchor = TICK_ALIGMENT.Middle;
+    if (numericValue === domainMin) {
+      verticalAnchor = TICK_ALIGMENT.End;
+    } else if (numericValue === domainMax) {
+      verticalAnchor = TICK_ALIGMENT.Start;
+    }
+    return {
+      x: -Y_AXES_TICK_LINE_OFFSET,
+      textAnchor: TICK_ALIGMENT.End,
+      verticalAnchor
+    };
+  };
+};
+const getRightTickLabelPropsWithDomainAlignment = (domainMin, domainMax) => {
+  return (value) => {
+    const numericValue = getTickValueAsNumber(value);
+    let verticalAnchor = TICK_ALIGMENT.Middle;
+    if (numericValue === domainMin) {
+      verticalAnchor = TICK_ALIGMENT.End;
+    } else if (numericValue === domainMax) {
+      verticalAnchor = TICK_ALIGMENT.Start;
+    }
+    return {
+      x: +Y_AXES_TICK_LINE_OFFSET,
+      textAnchor: TICK_ALIGMENT.Start,
+      verticalAnchor
+    };
+  };
+};
+function getYAxisTickLabelProps(position, isCategoricalAxis, scale) {
+  if (isCategoricalAxis) {
+    return getTickLabelPropsForValueAxis(position);
+  }
+  if (scale) {
+    const domain = scale.domain();
+    return position === "left" ? getLeftTickLabelPropsWithDomainAlignment(+domain[0], +domain[1]) : getRightTickLabelPropsWithDomainAlignment(+domain[0], +domain[1]);
+  }
+  return getTickLabelPropsForValueAxis(position);
+}
 const getTickLabelPropsForCategoryAxis = (orientation, tickLabelLayout = "horizontal") => {
   if (orientation === "left") {
     return leftTickCategoricalLabelProps;
@@ -175,11 +217,10 @@ export {
   ELLIPSIS_BUFFER,
   bottomPanTickLabelDateProps,
   bottomTickLabelDateProps,
-  getBottomTickLabelPropsWithDomainAlignment,
   getTickLabelPropsForCategoryAxis,
   getTickLabelPropsForGanttAxis,
   getTickLabelPropsForValueAxis,
-  getTopTickLabelPropsWithDomainAlignment,
-  getXAxisTickLabelProps
+  getXAxisTickLabelProps,
+  getYAxisTickLabelProps
 };
 //# sourceMappingURL=get-tick-label-props.js.map

package/esm/charts/core/components/axes/utils/get-tick-label-props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/axes/utils/get-tick-label-props.ts"],
-  "sourcesContent": ["import type { AnyScale } from '../../../types/scales.js';\nimport { TickLabelProps } from '../../../types/text-props.js';\nimport { TickPrimitiveValue } from '../../../types/tick-value.js';\nimport { getTickValueAsNumber } from '../../../utils/get-tick-value-as-number.js';\nimport {\n  TICK_ALIGMENT,\n  X_AXES_TICK_LINE_OFFSET,\n  Y_AXES_TICK_LINE_OFFSET,\n  type TickAligmentMode,\n} from '../constants.js';\nimport { Orientation, TickLabelLayout } from '../types.js';\n\n/**\n * Returns tick label props for the bottom axis with domain-aware alignment.\n *\n * Only ticks whose value exactly matches a domain boundary receive edge alignment\n * (`start` for domainMin, `end` for domainMax). All other ticks are center-aligned\n * (`middle`), preventing outermost rendered ticks that don't coincide with domain\n * extremes from being clipped against the chart edge.\n *\n * @param domainMin - domain start as a number (use `+` to convert Date values)\n * @param domainMax - domain end as a number (use `+` to convert Date values)\n */\nexport const getBottomTickLabelPropsWithDomainAlignment = (\n  domainMin: number,\n  domainMax: number,\n): TickLabelProps<TickPrimitiveValue> => {\n  return (value) => {\n    const numericValue = getTickValueAsNumber(value);\n    let textAnchor: TickAligmentMode = TICK_ALIGMENT.Middle;\n\n    if (numericValue === domainMin) {\n      textAnchor = TICK_ALIGMENT.Start;\n    } else if (numericValue === domainMax) {\n      textAnchor = TICK_ALIGMENT.End;\n    }\n\n    return {\n      y: X_AXES_TICK_LINE_OFFSET,\n      textAnchor,\n      verticalAnchor: TICK_ALIGMENT.Start,\n    };\n  };\n};\n\n/*\n * x and y represent the offset from ORIGIN point of the axis.\n * This means that axis line width wouldn't count for it\n */\nconst VISX_BOTTOM_OFFSET = 2;\n// ADES-6688 workaround suggested to solve the truncation issue\n// comment related: https://dt-rnd.atlassian.net/browse/ADES-6688?focusedCommentId=3205215\nexport const ELLIPSIS_BUFFER = 2;\n\ntype TickLabelAligment = {\n  textAnchor: TickAligmentMode;\n  verticalAnchor: TickAligmentMode;\n};\n\nconst leftTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  x: -Y_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.End,\n  verticalAnchor:\n    index === 0\n      ? TICK_ALIGMENT.End\n      : index === values.length - 1\n      ? TICK_ALIGMENT.Start\n      : TICK_ALIGMENT.Middle,\n});\n\nconst rightTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  x: +Y_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.Start,\n  verticalAnchor:\n    index === 0\n      ? TICK_ALIGMENT.End\n      : index === values.length - 1\n      ? TICK_ALIGMENT.Start\n      : TICK_ALIGMENT.Middle,\n});\n\nconst leftTickCategoricalLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n) => ({\n  x: -Y_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.End,\n  verticalAnchor: TICK_ALIGMENT.Middle,\n});\n\nconst topTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  y: -X_AXES_TICK_LINE_OFFSET,\n  textAnchor:\n    index === 0\n      ? TICK_ALIGMENT.Start\n      : index === values.length - 1\n      ? TICK_ALIGMENT.End\n      : TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.End,\n});\n\nconst topRotatedTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor:\n    index === 0\n      ? TICK_ALIGMENT.Start\n      : index === values.length - 1\n      ? TICK_ALIGMENT.End\n      : TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.Middle,\n  angle: -90,\n});\n\nconst topTickLabelPropsForCategoryAxis: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.End,\n});\n\nconst topRotatedTickLabelPropsForCategoryAxis: TickLabelProps<\n  TickPrimitiveValue\n> = (_value) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.End,\n  verticalAnchor: TICK_ALIGMENT.Middle,\n  angle: -90,\n});\n\nconst bottomTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor:\n    index === 0\n      ? TICK_ALIGMENT.Start\n      : index === values.length - 1\n      ? TICK_ALIGMENT.End\n      : TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.Start,\n});\n\nconst bottomRotatedTickLabelPropsForCategoryAxis: TickLabelProps<\n  TickPrimitiveValue\n> = (_value) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.End,\n  verticalAnchor: TICK_ALIGMENT.Middle,\n  angle: -90,\n});\n\nconst bottomRotatedTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor:\n    index === 0\n      ? TICK_ALIGMENT.Start\n      : index === values.length - 1\n      ? TICK_ALIGMENT.End\n      : TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.Middle,\n  angle: -90,\n});\n\nconst bottomTickLabelPropsForCategoryAxis: TickLabelProps<\n  TickPrimitiveValue\n> = (_value) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.Start,\n});\n\n/**\n * Returns tick label props for the top axis with domain-aware alignment.\n *\n * Mirrors `getBottomTickLabelPropsWithDomainAlignment` for the top position:\n * only ticks whose value exactly matches a domain boundary receive edge alignment\n * (`start` for domainMin, `end` for domainMax). All other ticks are center-aligned.\n *\n * @param domainMin - domain start as a number (use `+` to convert Date values)\n * @param domainMax - domain end as a number (use `+` to convert Date values)\n */\nexport const getTopTickLabelPropsWithDomainAlignment = (\n  domainMin: number,\n  domainMax: number,\n): TickLabelProps<TickPrimitiveValue> => {\n  return (value) => {\n    const numericValue = getTickValueAsNumber(value);\n    let textAnchor: TickAligmentMode = TICK_ALIGMENT.Middle;\n\n    if (numericValue === domainMin) {\n      textAnchor = TICK_ALIGMENT.Start;\n    } else if (numericValue === domainMax) {\n      textAnchor = TICK_ALIGMENT.End;\n    }\n\n    return {\n      y: -X_AXES_TICK_LINE_OFFSET,\n      textAnchor,\n      verticalAnchor: TICK_ALIGMENT.End,\n    };\n  };\n};\n\nexport const getTickLabelPropsForCategoryAxis = (\n  orientation: Orientation,\n  tickLabelLayout: TickLabelLayout = 'horizontal',\n) => {\n  if (orientation === 'left') {\n    return leftTickCategoricalLabelProps;\n  }\n\n  if (orientation === 'top') {\n    return tickLabelLayout === 'vertical'\n      ? topRotatedTickLabelPropsForCategoryAxis\n      : topTickLabelPropsForCategoryAxis;\n  }\n\n  return tickLabelLayout === 'vertical'\n    ? bottomRotatedTickLabelPropsForCategoryAxis\n    : bottomTickLabelPropsForCategoryAxis;\n};\n\nexport const bottomTickLabelDateProps: TickLabelProps<Date> = (_value) => ({\n  y: X_AXES_TICK_LINE_OFFSET + VISX_BOTTOM_OFFSET,\n  textAnchor: TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.Start,\n});\n\nexport const bottomPanTickLabelDateProps: TickLabelProps<Date> = (\n  _value,\n  index,\n  values,\n) => {\n  const result: TickLabelAligment = {\n    textAnchor: TICK_ALIGMENT.Middle,\n    verticalAnchor: TICK_ALIGMENT.Middle,\n  };\n\n  const isFirstItem = index === 0;\n  const isLastItem = index === values.length - 1;\n\n  if (isFirstItem) {\n    result.textAnchor = TICK_ALIGMENT.Start;\n  }\n\n  if (isLastItem) {\n    result.textAnchor = TICK_ALIGMENT.End;\n  }\n\n  return result;\n};\n\nexport const getTickLabelPropsForValueAxis = (\n  orientation: Orientation,\n  tickLabelLayout: TickLabelLayout = 'horizontal',\n) => {\n  if (orientation === 'left') {\n    return leftTickLabelProps;\n  }\n\n  if (orientation === 'right') {\n    return rightTickLabelProps;\n  }\n\n  if (orientation === 'top') {\n    return tickLabelLayout === 'vertical'\n      ? topRotatedTickLabelProps\n      : topTickLabelProps;\n  }\n\n  return tickLabelLayout === 'vertical'\n    ? bottomRotatedTickLabelProps\n    : bottomTickLabelProps;\n};\n\n/**\n * Selects the correct tick label props for a horizontal (top/bottom) axis.\n *\n * Priority:\n *  1. Categorical axis \u2192 category-specific props (accounts for rotation).\n *  2. Continuous, non-rotated, scale available \u2192 domain-aware alignment so\n *     boundary ticks are anchored to the chart edge instead of center-aligned.\n *  3. Fallback \u2192 standard value-axis props.\n */\nexport function getXAxisTickLabelProps(\n  position: 'bottom' | 'top',\n  isCategoricalAxis: boolean,\n  isTickRotated: boolean,\n  scale: AnyScale | undefined,\n  tickLabelLayout?: TickLabelLayout,\n): TickLabelProps<TickPrimitiveValue> {\n  if (isCategoricalAxis) {\n    return getTickLabelPropsForCategoryAxis(position, tickLabelLayout);\n  }\n  if (scale && !isTickRotated) {\n    const domain = scale.domain() as [number | Date, number | Date];\n    const getDomainAligned =\n      position === 'bottom'\n        ? getBottomTickLabelPropsWithDomainAlignment\n        : getTopTickLabelPropsWithDomainAlignment;\n    return getDomainAligned(+domain[0], +domain[1]);\n  }\n  return getTickLabelPropsForValueAxis(position, tickLabelLayout);\n}\n\n/**\n * Gets the corresponding props for a tick label.\n * Takes index and whether the tick is placed at data-min/data-max into consideration.\n *\n * @param min - data-min\n * @param max -  data-max\n * @returns props for the tick label\n */\nexport const getTickLabelPropsForGanttAxis = (\n  min?: number,\n  max?: number,\n): TickLabelProps<TickPrimitiveValue> => {\n  return (value, index, values) => {\n    let textAnchor: TickAligmentMode = TICK_ALIGMENT.Middle;\n    let dx = 0;\n    const valueAsNumber = getTickValueAsNumber(value);\n\n    if (values.length === 1 && valueAsNumber && min && max) {\n      textAnchor =\n        valueAsNumber - min < valueAsNumber - max\n          ? TICK_ALIGMENT.Start\n          : TICK_ALIGMENT.End;\n    } else if (index === 0) {\n      textAnchor = TICK_ALIGMENT.Start;\n      dx = valueAsNumber === min ? 4 : 0;\n    } else if (index === values.length - 1) {\n      textAnchor = TICK_ALIGMENT.End;\n      dx = valueAsNumber === max ? -4 : 0;\n    }\n\n    return {\n      dx,\n      dy: -2,\n      textAnchor,\n      verticalAnchor: TICK_ALIGMENT.Middle,\n    };\n  };\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { getTickValueAsNumber } from '../../../../../core/utils/get-tick-value-as-number.js';\nimport type { AnyScale } from '../../../types/scales.js';\nimport { TickLabelProps } from '../../../types/text-props.js';\nimport { TickPrimitiveValue } from '../../../types/tick-value.js';\nimport {\n  TICK_ALIGMENT,\n  X_AXES_TICK_LINE_OFFSET,\n  Y_AXES_TICK_LINE_OFFSET,\n  type TickAligmentMode,\n} from '../constants.js';\nimport { Orientation, TickLabelLayout } from '../types.js';\n\n/**\n * Returns tick label props for the bottom axis with domain-aware alignment.\n *\n * Only ticks whose value exactly matches a domain boundary receive edge alignment\n * (`start` for domainMin, `end` for domainMax). All other ticks are center-aligned\n * (`middle`), preventing outermost rendered ticks that don't coincide with domain\n * extremes from being clipped against the chart edge.\n *\n * @param domainMin - domain start as a number (use `+` to convert Date values)\n * @param domainMax - domain end as a number (use `+` to convert Date values)\n */\nconst getBottomTickLabelPropsWithDomainAlignment = (\n  domainMin: number,\n  domainMax: number,\n): TickLabelProps<TickPrimitiveValue> => {\n  return (value) => {\n    const numericValue = getTickValueAsNumber(value);\n    let textAnchor: TickAligmentMode = TICK_ALIGMENT.Middle;\n\n    if (numericValue === domainMin) {\n      textAnchor = TICK_ALIGMENT.Start;\n    } else if (numericValue === domainMax) {\n      textAnchor = TICK_ALIGMENT.End;\n    }\n\n    return {\n      y: X_AXES_TICK_LINE_OFFSET,\n      textAnchor,\n      verticalAnchor: TICK_ALIGMENT.Start,\n    };\n  };\n};\n\n/*\n * x and y represent the offset from ORIGIN point of the axis.\n * This means that axis line width wouldn't count for it\n */\nconst VISX_BOTTOM_OFFSET = 2;\n// ADES-6688 workaround suggested to solve the truncation issue\n// comment related: https://dt-rnd.atlassian.net/browse/ADES-6688?focusedCommentId=3205215\nexport const ELLIPSIS_BUFFER = 2;\n\ntype TickLabelAligment = {\n  textAnchor: TickAligmentMode;\n  verticalAnchor: TickAligmentMode;\n};\n\nconst leftTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  x: -Y_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.End,\n  verticalAnchor:\n    index === 0\n      ? TICK_ALIGMENT.End\n      : index === values.length - 1\n      ? TICK_ALIGMENT.Start\n      : TICK_ALIGMENT.Middle,\n});\n\nconst rightTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  x: +Y_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.Start,\n  verticalAnchor:\n    index === 0\n      ? TICK_ALIGMENT.End\n      : index === values.length - 1\n      ? TICK_ALIGMENT.Start\n      : TICK_ALIGMENT.Middle,\n});\n\nconst leftTickCategoricalLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n) => ({\n  x: -Y_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.End,\n  verticalAnchor: TICK_ALIGMENT.Middle,\n});\n\nconst topTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  y: -X_AXES_TICK_LINE_OFFSET,\n  textAnchor:\n    index === 0\n      ? TICK_ALIGMENT.Start\n      : index === values.length - 1\n      ? TICK_ALIGMENT.End\n      : TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.End,\n});\n\nconst topRotatedTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor:\n    index === 0\n      ? TICK_ALIGMENT.Start\n      : index === values.length - 1\n      ? TICK_ALIGMENT.End\n      : TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.Middle,\n  angle: -90,\n});\n\nconst topTickLabelPropsForCategoryAxis: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.End,\n});\n\nconst topRotatedTickLabelPropsForCategoryAxis: TickLabelProps<\n  TickPrimitiveValue\n> = (_value) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.End,\n  verticalAnchor: TICK_ALIGMENT.Middle,\n  angle: -90,\n});\n\nconst bottomTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor:\n    index === 0\n      ? TICK_ALIGMENT.Start\n      : index === values.length - 1\n      ? TICK_ALIGMENT.End\n      : TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.Start,\n});\n\nconst bottomRotatedTickLabelPropsForCategoryAxis: TickLabelProps<\n  TickPrimitiveValue\n> = (_value) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.End,\n  verticalAnchor: TICK_ALIGMENT.Middle,\n  angle: -90,\n});\n\nconst bottomRotatedTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor:\n    index === 0\n      ? TICK_ALIGMENT.Start\n      : index === values.length - 1\n      ? TICK_ALIGMENT.End\n      : TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.Middle,\n  angle: -90,\n});\n\nconst bottomTickLabelPropsForCategoryAxis: TickLabelProps<\n  TickPrimitiveValue\n> = (_value) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.Start,\n});\n\n/**\n * Returns tick label props for the top axis with domain-aware alignment.\n *\n * Mirrors `getBottomTickLabelPropsWithDomainAlignment` for the top position:\n * only ticks whose value exactly matches a domain boundary receive edge alignment\n * (`start` for domainMin, `end` for domainMax). All other ticks are center-aligned.\n *\n * @param domainMin - domain start as a number (use `+` to convert Date values)\n * @param domainMax - domain end as a number (use `+` to convert Date values)\n */\nconst getTopTickLabelPropsWithDomainAlignment = (\n  domainMin: number,\n  domainMax: number,\n): TickLabelProps<TickPrimitiveValue> => {\n  return (value) => {\n    const numericValue = getTickValueAsNumber(value);\n    let textAnchor: TickAligmentMode = TICK_ALIGMENT.Middle;\n\n    if (numericValue === domainMin) {\n      textAnchor = TICK_ALIGMENT.Start;\n    } else if (numericValue === domainMax) {\n      textAnchor = TICK_ALIGMENT.End;\n    }\n\n    return {\n      y: -X_AXES_TICK_LINE_OFFSET,\n      textAnchor,\n      verticalAnchor: TICK_ALIGMENT.End,\n    };\n  };\n};\n\nconst getLeftTickLabelPropsWithDomainAlignment = (\n  domainMin: number,\n  domainMax: number,\n): TickLabelProps<TickPrimitiveValue> => {\n  return (value) => {\n    const numericValue = getTickValueAsNumber(value);\n    let verticalAnchor: TickAligmentMode = TICK_ALIGMENT.Middle;\n\n    if (numericValue === domainMin) {\n      verticalAnchor = TICK_ALIGMENT.End;\n    } else if (numericValue === domainMax) {\n      verticalAnchor = TICK_ALIGMENT.Start;\n    }\n\n    return {\n      x: -Y_AXES_TICK_LINE_OFFSET,\n      textAnchor: TICK_ALIGMENT.End,\n      verticalAnchor,\n    };\n  };\n};\n\nconst getRightTickLabelPropsWithDomainAlignment = (\n  domainMin: number,\n  domainMax: number,\n): TickLabelProps<TickPrimitiveValue> => {\n  return (value) => {\n    const numericValue = getTickValueAsNumber(value);\n    let verticalAnchor: TickAligmentMode = TICK_ALIGMENT.Middle;\n\n    if (numericValue === domainMin) {\n      verticalAnchor = TICK_ALIGMENT.End;\n    } else if (numericValue === domainMax) {\n      verticalAnchor = TICK_ALIGMENT.Start;\n    }\n\n    return {\n      x: +Y_AXES_TICK_LINE_OFFSET,\n      textAnchor: TICK_ALIGMENT.Start,\n      verticalAnchor,\n    };\n  };\n};\n\nexport function getYAxisTickLabelProps(\n  position: 'left' | 'right',\n  isCategoricalAxis: boolean,\n  scale: AnyScale | undefined,\n): TickLabelProps<TickPrimitiveValue> {\n  if (isCategoricalAxis) {\n    return getTickLabelPropsForValueAxis(position);\n  }\n  if (scale) {\n    const domain = scale.domain() as [number, number];\n    return position === 'left'\n      ? getLeftTickLabelPropsWithDomainAlignment(+domain[0], +domain[1])\n      : getRightTickLabelPropsWithDomainAlignment(+domain[0], +domain[1]);\n  }\n  return getTickLabelPropsForValueAxis(position);\n}\n\nexport const getTickLabelPropsForCategoryAxis = (\n  orientation: Orientation,\n  tickLabelLayout: TickLabelLayout = 'horizontal',\n) => {\n  if (orientation === 'left') {\n    return leftTickCategoricalLabelProps;\n  }\n\n  if (orientation === 'top') {\n    return tickLabelLayout === 'vertical'\n      ? topRotatedTickLabelPropsForCategoryAxis\n      : topTickLabelPropsForCategoryAxis;\n  }\n\n  return tickLabelLayout === 'vertical'\n    ? bottomRotatedTickLabelPropsForCategoryAxis\n    : bottomTickLabelPropsForCategoryAxis;\n};\n\nexport const bottomTickLabelDateProps: TickLabelProps<Date> = (_value) => ({\n  y: X_AXES_TICK_LINE_OFFSET + VISX_BOTTOM_OFFSET,\n  textAnchor: TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.Start,\n});\n\nexport const bottomPanTickLabelDateProps: TickLabelProps<Date> = (\n  _value,\n  index,\n  values,\n) => {\n  const result: TickLabelAligment = {\n    textAnchor: TICK_ALIGMENT.Middle,\n    verticalAnchor: TICK_ALIGMENT.Middle,\n  };\n\n  const isFirstItem = index === 0;\n  const isLastItem = index === values.length - 1;\n\n  if (isFirstItem) {\n    result.textAnchor = TICK_ALIGMENT.Start;\n  }\n\n  if (isLastItem) {\n    result.textAnchor = TICK_ALIGMENT.End;\n  }\n\n  return result;\n};\n\nexport const getTickLabelPropsForValueAxis = (\n  orientation: Orientation,\n  tickLabelLayout: TickLabelLayout = 'horizontal',\n) => {\n  if (orientation === 'left') {\n    return leftTickLabelProps;\n  }\n\n  if (orientation === 'right') {\n    return rightTickLabelProps;\n  }\n\n  if (orientation === 'top') {\n    return tickLabelLayout === 'vertical'\n      ? topRotatedTickLabelProps\n      : topTickLabelProps;\n  }\n\n  return tickLabelLayout === 'vertical'\n    ? bottomRotatedTickLabelProps\n    : bottomTickLabelProps;\n};\n\n/**\n * Selects the correct tick label props for a horizontal (top/bottom) axis.\n *\n * Priority:\n *  1. Categorical axis \u2192 category-specific props (accounts for rotation).\n *  2. Continuous, non-rotated, scale available \u2192 domain-aware alignment so\n *     boundary ticks are anchored to the chart edge instead of center-aligned.\n *  3. Fallback \u2192 standard value-axis props.\n */\nexport function getXAxisTickLabelProps(\n  position: 'bottom' | 'top',\n  isCategoricalAxis: boolean,\n  isTickRotated: boolean,\n  scale: AnyScale | undefined,\n  tickLabelLayout?: TickLabelLayout,\n): TickLabelProps<TickPrimitiveValue> {\n  if (isCategoricalAxis) {\n    return getTickLabelPropsForCategoryAxis(position, tickLabelLayout);\n  }\n  if (scale && !isTickRotated) {\n    const domain = scale.domain() as [number | Date, number | Date];\n    const getDomainAligned =\n      position === 'bottom'\n        ? getBottomTickLabelPropsWithDomainAlignment\n        : getTopTickLabelPropsWithDomainAlignment;\n    return getDomainAligned(+domain[0], +domain[1]);\n  }\n  return getTickLabelPropsForValueAxis(position, tickLabelLayout);\n}\n\n/**\n * Gets the corresponding props for a tick label.\n * Takes index and whether the tick is placed at data-min/data-max into consideration.\n *\n * @param min - data-min\n * @param max -  data-max\n * @returns props for the tick label\n */\nexport const getTickLabelPropsForGanttAxis = (\n  min?: number,\n  max?: number,\n): TickLabelProps<TickPrimitiveValue> => {\n  return (value, index, values) => {\n    let textAnchor: TickAligmentMode = TICK_ALIGMENT.Middle;\n    let dx = 0;\n    const valueAsNumber = getTickValueAsNumber(value);\n\n    if (values.length === 1 && valueAsNumber && min && max) {\n      textAnchor =\n        valueAsNumber - min < valueAsNumber - max\n          ? TICK_ALIGMENT.Start\n          : TICK_ALIGMENT.End;\n    } else if (index === 0) {\n      textAnchor = TICK_ALIGMENT.Start;\n      dx = valueAsNumber === min ? 4 : 0;\n    } else if (index === values.length - 1) {\n      textAnchor = TICK_ALIGMENT.End;\n      dx = valueAsNumber === max ? -4 : 0;\n    }\n\n    return {\n      dx,\n      dy: -2,\n      textAnchor,\n      verticalAnchor: TICK_ALIGMENT.Middle,\n    };\n  };\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/core/components/chart-grid/ChartGrid.css

@@ -1,13 +1,13 @@
-._13lzg4k0-3-7-1 {
+._13lzg4k0-3-9-0 {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
 }
-._13lzg4k1-3-7-1 {
+._13lzg4k1-3-9-0 {
   box-sizing: content-box;
 }
-._13lzg4k2-3-7-1 {
+._13lzg4k2-3-9-0 {
   position: relative;
 }

package/esm/charts/core/components/chart-grid/ChartGrid.sty.js

@@ -1,7 +1,7 @@
 import "./ChartGrid.css";
-var area = "_13lzg4k1-3-7-1";
-var plot = "_13lzg4k2-3-7-1";
-var plotLayout = "_13lzg4k0-3-7-1";
+var area = "_13lzg4k1-3-9-0";
+var plot = "_13lzg4k2-3-9-0";
+var plotLayout = "_13lzg4k0-3-9-0";
 export {
   area,
   plot,

package/esm/charts/core/components/chart-grid/ChartGrid.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/chart-grid/ChartGrid.css.ts"],
-  "sourcesContent": ["import './ChartGrid.css';\nexport var area = '_13lzg4k1-3-7-1';\nexport var plot = '_13lzg4k2-3-7-1';\nexport var plotLayout = '_13lzg4k0-3-7-1';"],
+  "sourcesContent": ["import './ChartGrid.css';\nexport var area = '_13lzg4k1-3-9-0';\nexport var plot = '_13lzg4k2-3-9-0';\nexport var plotLayout = '_13lzg4k0-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,aAAa;",
   "names": []
 }

package/esm/charts/core/components/chart-grid/ChartGridArea.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import useResizeObserver from "use-resize-observer";
 import { area } from "./ChartGrid.sty.js";
+import { useResizeObserver } from "../../../../core/hooks/useResizeObserver.js";
 import { Grid } from "../../../../layouts/grid/Grid.js";
 const ChartGridArea = ({
   gridArea,

package/esm/charts/core/components/chart-grid/ChartGridArea.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/chart-grid/ChartGridArea.tsx"],
-  "sourcesContent": ["import { type JSX } from 'react';\nimport useResizeObserver from 'use-resize-observer';\n\nimport { area } from './ChartGrid.sty.js';\nimport { Grid, GridProps } from '../../../../layouts/grid/Grid.js';\n\n\n/**\n * @internal\n */\nexport interface ChartGridAreaProps extends Omit<GridProps<'div'>, 'children'> {\n  gridArea: string;\n  className?: string;\n  children: (props: {\n    availableWidth: number;\n    availableHeight: number;\n  }) => JSX.Element;\n}\n\n/**\n * A grid area in the that automatically adjusts its size to fit its container.\n * @internal\n */\nexport const ChartGridArea = ({\n  gridArea,\n  children,\n  ...rest\n}: ChartGridAreaProps) => {\n  const { width, height, ref } = useResizeObserver<HTMLDivElement>();\n\n  return (\n    <Grid<'div'>\n      ref={ref}\n      gridItem\n      className={area}\n      justifyContent=\"center\"\n      gridArea={gridArea}\n      {...rest}\n    >\n      {children({\n        availableWidth: width ?? 0,\n        availableHeight: height ?? 0,\n      })}\n    </Grid>\n  );\n};\n"],
-  "mappings": "AA+BI;AA9BJ,OAAO,uBAAuB;AAE9B,SAAS,YAAY;AACrB,SAAS,YAAuB;AAmBzB,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA0B;AACxB,QAAM,EAAE,OAAO,QAAQ,IAAI,IAAI,kBAAkC;AAEjE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,UAAQ;AAAA,MACR,WAAW;AAAA,MACX,gBAAe;AAAA,MACf;AAAA,MACC,GAAG;AAAA,MAEH,mBAAS;AAAA,QACR,gBAAgB,SAAS;AAAA,QACzB,iBAAiB,UAAU;AAAA,MAC7B,CAAC;AAAA;AAAA,EACH;AAEJ;",
+  "sourcesContent": ["import { type JSX } from 'react';\n\nimport { area } from './ChartGrid.sty.js';\nimport { useResizeObserver } from '../../../../core/hooks/useResizeObserver.js';\nimport { Grid, GridProps } from '../../../../layouts/grid/Grid.js';\n\n/**\n * @internal\n */\nexport interface ChartGridAreaProps extends Omit<GridProps<'div'>, 'children'> {\n  gridArea: string;\n  className?: string;\n  children: (props: {\n    availableWidth: number;\n    availableHeight: number;\n  }) => JSX.Element;\n}\n\n/**\n * A grid area in the that automatically adjusts its size to fit its container.\n * @internal\n */\nexport const ChartGridArea = ({\n  gridArea,\n  children,\n  ...rest\n}: ChartGridAreaProps) => {\n  const { width, height, ref } = useResizeObserver<HTMLDivElement>();\n\n  return (\n    <Grid<'div'>\n      ref={ref}\n      gridItem\n      className={area}\n      justifyContent=\"center\"\n      gridArea={gridArea}\n      {...rest}\n    >\n      {children({\n        availableWidth: width ?? 0,\n        availableHeight: height ?? 0,\n      })}\n    </Grid>\n  );\n};\n"],
+  "mappings": "AA8BI;AA5BJ,SAAS,YAAY;AACrB,SAAS,yBAAyB;AAClC,SAAS,YAAuB;AAkBzB,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA0B;AACxB,QAAM,EAAE,OAAO,QAAQ,IAAI,IAAI,kBAAkC;AAEjE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,UAAQ;AAAA,MACR,WAAW;AAAA,MACX,gBAAe;AAAA,MACf;AAAA,MACC,GAAG;AAAA,MAEH,mBAAS;AAAA,QACR,gBAAgB,SAAS;AAAA,QACzB,iBAAiB,UAAU;AAAA,MAC7B,CAAC;AAAA;AAAA,EACH;AAEJ;",
   "names": []
 }

package/esm/charts/core/components/chart-grid/constants.js

@@ -0,0 +1,15 @@
+const MIN_HEIGHT_FOR_ANNOTATIONS = 160;
+const MIN_HEIGHT_FOR_AXES = 50;
+function shouldShowAnnotations(chartGridHeight, tracksQuantity) {
+  return tracksQuantity > 0 && chartGridHeight >= MIN_HEIGHT_FOR_ANNOTATIONS;
+}
+function shouldShowAxes(chartGridHeight) {
+  return chartGridHeight >= MIN_HEIGHT_FOR_AXES;
+}
+export {
+  MIN_HEIGHT_FOR_ANNOTATIONS,
+  MIN_HEIGHT_FOR_AXES,
+  shouldShowAnnotations,
+  shouldShowAxes
+};
+//# sourceMappingURL=constants.js.map

package/esm/charts/core/components/chart-grid/constants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/charts/core/components/chart-grid/constants.ts"],
+  "sourcesContent": ["/**\n * Minimum chart grid height (in px) required to display annotations.\n * Below this threshold, annotations are hidden to prevent visual clipping.\n * @internal\n */\nexport const MIN_HEIGHT_FOR_ANNOTATIONS = 160;\n\n/**\n * Minimum chart grid height (in px) required to display top/bottom axes.\n * Below this threshold, axes are hidden to maximize the plot area.\n * @internal\n */\nexport const MIN_HEIGHT_FOR_AXES = 50;\n\n/**\n * Determines whether annotations should be visible based on chart height\n * and whether annotation tracks exist.\n * @internal\n */\nexport function shouldShowAnnotations(\n  chartGridHeight: number,\n  tracksQuantity: number,\n): boolean {\n  return tracksQuantity > 0 && chartGridHeight >= MIN_HEIGHT_FOR_ANNOTATIONS;\n}\n\n/**\n * Determines whether top/bottom axes should be visible based on chart height.\n * @internal\n */\nexport function shouldShowAxes(chartGridHeight: number): boolean {\n  return chartGridHeight >= MIN_HEIGHT_FOR_AXES;\n}\n"],
+  "mappings": "AAKO,MAAM,6BAA6B;AAOnC,MAAM,sBAAsB;AAO5B,SAAS,sBACd,iBACA,gBACS;AACT,SAAO,iBAAiB,KAAK,mBAAmB;AAClD;AAMO,SAAS,eAAe,iBAAkC;AAC/D,SAAO,mBAAmB;AAC5B;",
+  "names": []
+}

package/esm/charts/core/components/chart-grid/providers/GridPlotSizeProvider.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import useResizeObserver from "use-resize-observer";
+import { useResizeObserver } from "../../../../../core/hooks/useResizeObserver.js";
 import { GridPlotContext } from "../context/GridPlotContext.js";
 const GridPlotSizeProvider = ({ children }) => {
   const { width = 0, height = 0, ref } = useResizeObserver();

package/esm/charts/core/components/chart-grid/providers/GridPlotSizeProvider.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/chart-grid/providers/GridPlotSizeProvider.tsx"],
-  "sourcesContent": ["import { type ReactNode, useMemo } from 'react';\nimport useResizeObserver from 'use-resize-observer';\n\nimport { GridPlotContext } from '../context/GridPlotContext.js';\n\nexport const GridPlotSizeProvider = ({ children }: { children: ReactNode }) => {\n  const { width = 0, height = 0, ref } = useResizeObserver<HTMLDivElement>();\n\n  const context = useMemo(() => ({ width, height, ref }), [width, height, ref]);\n\n  return (\n    <GridPlotContext.Provider value={context}>\n      {children}\n    </GridPlotContext.Provider>\n  );\n};\n\nGridPlotSizeProvider['displayName'] = 'GridPlotSizeProvider';\n"],
-  "mappings": "AAWI;AAXJ,SAAyB,eAAe;AACxC,OAAO,uBAAuB;AAE9B,SAAS,uBAAuB;AAEzB,MAAM,uBAAuB,CAAC,EAAE,SAAS,MAA+B;AAC7E,QAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,IAAI,kBAAkC;AAEzE,QAAM,UAAU,QAAQ,OAAO,EAAE,OAAO,QAAQ,IAAI,IAAI,CAAC,OAAO,QAAQ,GAAG,CAAC;AAE5E,SACE,oBAAC,gBAAgB,UAAhB,EAAyB,OAAO,SAC9B,UACH;AAEJ;AAEA,qBAAqB,aAAa,IAAI;",
+  "sourcesContent": ["import { type ReactNode, useMemo } from 'react';\n\nimport { useResizeObserver } from '../../../../../core/hooks/useResizeObserver.js';\nimport { GridPlotContext } from '../context/GridPlotContext.js';\n\nexport const GridPlotSizeProvider = ({ children }: { children: ReactNode }) => {\n  const { width = 0, height = 0, ref } = useResizeObserver<HTMLDivElement>();\n\n  const context = useMemo(() => ({ width, height, ref }), [width, height, ref]);\n\n  return (\n    <GridPlotContext.Provider value={context}>\n      {children}\n    </GridPlotContext.Provider>\n  );\n};\n\nGridPlotSizeProvider['displayName'] = 'GridPlotSizeProvider';\n"],
+  "mappings": "AAWI;AAXJ,SAAyB,eAAe;AAExC,SAAS,yBAAyB;AAClC,SAAS,uBAAuB;AAEzB,MAAM,uBAAuB,CAAC,EAAE,SAAS,MAA+B;AAC7E,QAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,IAAI,kBAAkC;AAEzE,QAAM,UAAU,QAAQ,OAAO,EAAE,OAAO,QAAQ,IAAI,IAAI,CAAC,OAAO,QAAQ,GAAG,CAAC;AAE5E,SACE,oBAAC,gBAAgB,UAAhB,EAAyB,OAAO,SAC9B,UACH;AAEJ;AAEA,qBAAqB,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/core/components/chart-layout/components/styles.css

@@ -1,46 +1,46 @@
-._l1klj80-3-7-1 {
+._l1klj80-3-9-0 {
   min-width: 0;
   grid-area: graphArea;
 }
-._l1klj81-3-7-1 {
+._l1klj81-3-9-0 {
   filter: opacity(40%);
   pointer-events: none;
 }
-._l1klj83-3-7-1 {
+._l1klj83-3-9-0 {
   height: inherit;
   grid-area: horizontalResize;
 }
-._l1klj84-3-7-1 {
+._l1klj84-3-9-0 {
   width: 100%;
   grid-area: verticalResize;
 }
-._l1klj85-3-7-1 {
+._l1klj85-3-9-0 {
   filter: opacity(40%);
   pointer-events: none;
 }
-._l1klj86-3-7-1 {
+._l1klj86-3-9-0 {
   height: 100%;
 }
-._l1klj87-3-7-1 {
+._l1klj87-3-9-0 {
   grid-area: verticalLegend;
 }
-._l1klj88-3-7-1 {
+._l1klj88-3-9-0 {
   grid-area: horizontalLegend;
 }
-._l1klj89-3-7-1 {
+._l1klj89-3-9-0 {
   filter: opacity(40%);
   pointer-events: none;
 }
-._l1klj8a-3-7-1 {
+._l1klj8a-3-9-0 {
   background: var(--dt-colors-border-neutral-default, #dadbe4);
   background-color: var(--dt-colors-border-neutral-accent, #595a7d);
   border-radius: var(--dt-spacings-size-8, 8px);
   touch-action: none;
 }
-._l1klj8a-3-7-1:hover {
+._l1klj8a-3-9-0:hover {
   background: var(--dt-colors-border-primary-accent, #464cce);
 }
-._l1klj8b-3-7-1 {
+._l1klj8b-3-9-0 {
   transition: height var(--dt-timings-base-default, 300ms) var(--dt-easings-fast-in-slow-out, cubic-bezier(0.4, 0, 0.2, 1));
   height: 36px;
   width: 2px;
@@ -49,11 +49,11 @@
   grid-area: horizontalResize;
   align-self: center;
 }
-._l1klj8b-3-7-1:hover {
+._l1klj8b-3-9-0:hover {
   height: var(--dt-spacings-size-48, 48px);
   background-color: var(--dt-colors-border-neutral-accent-hover, #434465);
 }
-._l1klj8c-3-7-1 {
+._l1klj8c-3-9-0 {
   transition: width var(--dt-timings-base-default, 300ms) var(--dt-easings-fast-in-slow-out, cubic-bezier(0.4, 0, 0.2, 1));
   height: 2px;
   width: 36px;
@@ -62,7 +62,7 @@
   grid-area: verticalResize;
   align-self: flex-end;
 }
-._l1klj8c-3-7-1:hover {
+._l1klj8c-3-9-0:hover {
   width: var(--dt-spacings-size-48, 48px);
   background-color: var(--dt-colors-border-neutral-accent-hover, #434465);
 }

package/esm/charts/core/components/chart-layout/components/styles.sty.js

@@ -1,9 +1,9 @@
 import "./styles.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var graphContainer = _7a468({ defaultClassName: "_l1klj80-3-7-1", variantClassNames: { loading: { true: "_l1klj81-3-7-1" } }, defaultVariants: {}, compoundVariants: [] });
-var legendContainer = _7a468({ defaultClassName: "_l1klj86-3-7-1", variantClassNames: { orientation: { horizontal: "_l1klj87-3-7-1", vertical: "_l1klj88-3-7-1" }, loading: { true: "_l1klj89-3-7-1" } }, defaultVariants: {}, compoundVariants: [] });
-var legendResizeLine = _7a468({ defaultClassName: "_l1klj8a-3-7-1", variantClassNames: { orientation: { horizontal: "_l1klj8b-3-7-1", vertical: "_l1klj8c-3-7-1" } }, defaultVariants: {}, compoundVariants: [] });
-var resizeContainer = _7a468({ defaultClassName: "_l1klj82-3-7-1", variantClassNames: { orientation: { horizontal: "_l1klj83-3-7-1", vertical: "_l1klj84-3-7-1" }, loading: { true: "_l1klj85-3-7-1" } }, defaultVariants: {}, compoundVariants: [] });
+var graphContainer = _7a468({ defaultClassName: "_l1klj80-3-9-0", variantClassNames: { loading: { true: "_l1klj81-3-9-0" } }, defaultVariants: {}, compoundVariants: [] });
+var legendContainer = _7a468({ defaultClassName: "_l1klj86-3-9-0", variantClassNames: { orientation: { horizontal: "_l1klj87-3-9-0", vertical: "_l1klj88-3-9-0" }, loading: { true: "_l1klj89-3-9-0" } }, defaultVariants: {}, compoundVariants: [] });
+var legendResizeLine = _7a468({ defaultClassName: "_l1klj8a-3-9-0", variantClassNames: { orientation: { horizontal: "_l1klj8b-3-9-0", vertical: "_l1klj8c-3-9-0" } }, defaultVariants: {}, compoundVariants: [] });
+var resizeContainer = _7a468({ defaultClassName: "_l1klj82-3-9-0", variantClassNames: { orientation: { horizontal: "_l1klj83-3-9-0", vertical: "_l1klj84-3-9-0" }, loading: { true: "_l1klj85-3-9-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   graphContainer,
   legendContainer,

package/esm/charts/core/components/chart-layout/components/styles.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/chart-layout/components/styles.css.ts"],
-  "sourcesContent": ["import './styles.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var graphContainer = _7a468({defaultClassName:'_l1klj80-3-7-1',variantClassNames:{loading:{true:'_l1klj81-3-7-1'}},defaultVariants:{},compoundVariants:[]});\nexport var legendContainer = _7a468({defaultClassName:'_l1klj86-3-7-1',variantClassNames:{orientation:{horizontal:'_l1klj87-3-7-1',vertical:'_l1klj88-3-7-1'},loading:{true:'_l1klj89-3-7-1'}},defaultVariants:{},compoundVariants:[]});\nexport var legendResizeLine = _7a468({defaultClassName:'_l1klj8a-3-7-1',variantClassNames:{orientation:{horizontal:'_l1klj8b-3-7-1',vertical:'_l1klj8c-3-7-1'}},defaultVariants:{},compoundVariants:[]});\nexport var resizeContainer = _7a468({defaultClassName:'_l1klj82-3-7-1',variantClassNames:{orientation:{horizontal:'_l1klj83-3-7-1',vertical:'_l1klj84-3-7-1'},loading:{true:'_l1klj85-3-7-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './styles.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var graphContainer = _7a468({defaultClassName:'_l1klj80-3-9-0',variantClassNames:{loading:{true:'_l1klj81-3-9-0'}},defaultVariants:{},compoundVariants:[]});\nexport var legendContainer = _7a468({defaultClassName:'_l1klj86-3-9-0',variantClassNames:{orientation:{horizontal:'_l1klj87-3-9-0',vertical:'_l1klj88-3-9-0'},loading:{true:'_l1klj89-3-9-0'}},defaultVariants:{},compoundVariants:[]});\nexport var legendResizeLine = _7a468({defaultClassName:'_l1klj8a-3-9-0',variantClassNames:{orientation:{horizontal:'_l1klj8b-3-9-0',vertical:'_l1klj8c-3-9-0'}},defaultVariants:{},compoundVariants:[]});\nexport var resizeContainer = _7a468({defaultClassName:'_l1klj82-3-9-0',variantClassNames:{orientation:{horizontal:'_l1klj83-3-9-0',vertical:'_l1klj84-3-9-0'},loading:{true:'_l1klj85-3-9-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,iBAAiB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC1J,IAAI,kBAAkB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,aAAY,EAAC,YAAW,kBAAiB,UAAS,iBAAgB,GAAE,SAAQ,EAAC,MAAK,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC/N,IAAI,mBAAmB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,aAAY,EAAC,YAAW,kBAAiB,UAAS,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAChM,IAAI,kBAAkB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,aAAY,EAAC,YAAW,kBAAiB,UAAS,iBAAgB,GAAE,SAAQ,EAAC,MAAK,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/chart-states/ChartState.css

@@ -1,16 +1,16 @@
-._4pqs4v0-3-7-1 {
+._4pqs4v0-3-9-0 {
   color: var(--dt-colors-text-critical-default, #bb0731);
   font-size: var(--dt-typography-text-small-default-size, 12px);
 }
-._4pqs4v1-3-7-1 {
+._4pqs4v1-3-9-0 {
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
   font-size: var(--dt-typography-text-small-default-size, 12px);
 }
-._4pqs4v2-3-7-1 {
+._4pqs4v2-3-9-0 {
   align-items: center;
   justify-content: center;
 }
-._4pqs4v3-3-7-1 {
+._4pqs4v3-3-9-0 {
   position: relative;
   width: 100%;
 }

package/esm/charts/core/components/chart-states/ChartState.sty.js

@@ -1,8 +1,8 @@
 import "./ChartState.css";
-var container = "_4pqs4v3-3-7-1";
-var emptyText = "_4pqs4v1-3-7-1";
-var errorText = "_4pqs4v0-3-7-1";
-var wrapper = "_4pqs4v2-3-7-1";
+var container = "_4pqs4v3-3-9-0";
+var emptyText = "_4pqs4v1-3-9-0";
+var errorText = "_4pqs4v0-3-9-0";
+var wrapper = "_4pqs4v2-3-9-0";
 export {
   container,
   emptyText,

package/esm/charts/core/components/chart-states/ChartState.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/chart-states/ChartState.css.ts"],
-  "sourcesContent": ["import './ChartState.css';\nexport var container = '_4pqs4v3-3-7-1';\nexport var emptyText = '_4pqs4v1-3-7-1';\nexport var errorText = '_4pqs4v0-3-7-1';\nexport var wrapper = '_4pqs4v2-3-7-1';"],
+  "sourcesContent": ["import './ChartState.css';\nexport var container = '_4pqs4v3-3-9-0';\nexport var emptyText = '_4pqs4v1-3-9-0';\nexport var errorText = '_4pqs4v0-3-9-0';\nexport var wrapper = '_4pqs4v2-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;AAChB,IAAI,YAAY;AAChB,IAAI,YAAY;AAChB,IAAI,UAAU;",
   "names": []
 }

package/esm/charts/core/components/crosshair/HorizontalCrosshair.js

@@ -1,5 +1,4 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Line } from "@visx/shape";
 import { inRange } from "lodash-es";
 import Colors from "@dynatrace/strato-design-tokens/colors";
 import { LeftMagnifier } from "./components/LeftMagnifier.js";
@@ -26,15 +25,18 @@ const HorizontalCrosshair = (props) => {
   const isInRange = inRange(y, 0, height + 1);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     isInRange && /* @__PURE__ */ jsx(
-      Line,
+      "line",
       {
         role: "graphics-symbol",
         "aria-label": "crosshair",
-        from,
-        to,
+        x1: from.x,
+        y1: from.y,
+        x2: to.x,
+        y2: to.y,
         stroke: Colors.Border.Neutral.Accent,
         strokeWidth,
         strokeDasharray: lineStrokeDasharray,
+        shapeRendering: "crispEdges",
         pointerEvents: "none"
       }
     ),