@lidofinance/lido-ui 3.30.0 → 3.30.1

package/dist/esm/chart-line/ChartLineStyles.mjs

@@ -0,0 +1,201 @@
+import styled from '../utils/styled-components-wrapper.mjs';
+import { ChartLineBorderType, ChartLineThresholdType } from './types.mjs';
+import { css } from 'styled-components';
+
+const ContainerStyle = styled.div`
+  display: flex;
+  width: 100%;
+  align-items: ${_ref => {
+  let {
+    $alignItems
+  } = _ref;
+  return $alignItems;
+}};
+  height: ${_ref2 => {
+  let {
+    $height
+  } = _ref2;
+  return $height;
+}}px;
+`;
+const WrapperStyle = styled.div`
+  display: flex;
+  width: 100%;
+  height: ${_ref3 => {
+  let {
+    $height
+  } = _ref3;
+  return $height;
+}}px;
+  background: rgb(19 18 23 / 8%);
+  position: relative;
+
+  ${_ref4 => {
+  let {
+    $border
+  } = _ref4;
+
+  if ($border === ChartLineBorderType.rounded) {
+    return css`
+        border-radius: 4px;
+      `;
+  }
+
+  return css``;
+}}
+`;
+const ThresholdStyle = styled.div`
+  height: ${_ref5 => {
+  let {
+    $height
+  } = _ref5;
+  return $height + 38;
+}}px;
+  width: 5px;
+  background-color: ${_ref6 => {
+  let {
+    $backgroundColor
+  } = _ref6;
+  return $backgroundColor;
+}};
+  z-index: ${_ref7 => {
+  let {
+    $zIndex
+  } = _ref7;
+  return $zIndex;
+}};
+  position: absolute;
+  border-radius: 3px;
+  top: -2px;
+  right: -2px;
+
+  ${_ref8 => {
+  let {
+    $labelPosition
+  } = _ref8;
+
+  if ($labelPosition === 'top') {
+    return css`
+        bottom: -2px;
+        top: unset;
+      `;
+  }
+
+  return css``;
+}}
+
+  ${_ref9 => {
+  let {
+    $thresholdType,
+    $height
+  } = _ref9;
+
+  if ($thresholdType === ChartLineThresholdType.dash) {
+    return css`
+        height: ${$height + 4}px;
+        top: -2px;
+      `;
+  }
+
+  return css``;
+}}
+`;
+const ThresholdLabelStyle = styled.div`
+  color: ${_ref10 => {
+  let {
+    theme
+  } = _ref10;
+  return theme.colors.foreground;
+}};
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 20px;
+  padding: 4px 8px;
+  position: absolute;
+  bottom: -2px;
+  right: 0;
+  border-radius: 4px;
+  white-space: nowrap;
+  box-sizing: border-box;
+  max-height: 28px;
+
+  ${_ref11 => {
+  let {
+    $labelPosition
+  } = _ref11;
+
+  if ($labelPosition === 'top') {
+    return css`
+        top: -2px;
+        bottom: unset;
+      `;
+  }
+
+  return css``;
+}};
+`;
+const LineStyle = styled.div`
+  background-color: ${_ref12 => {
+  let {
+    $backgroundColor
+  } = _ref12;
+  return $backgroundColor ? $backgroundColor : 'transparent';
+}};
+  z-index: ${_ref13 => {
+  let {
+    $zIndex
+  } = _ref13;
+  return $zIndex;
+}};
+  width: ${_ref14 => {
+  let {
+    $width
+  } = _ref14;
+  return $width;
+}};
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  border-right: 1px solid ${_ref15 => {
+  let {
+    theme
+  } = _ref15;
+  return theme.colors.background;
+}};
+
+  ${_ref16 => {
+  let {
+    $border
+  } = _ref16;
+
+  if ($border === ChartLineBorderType.rounded) {
+    return css`
+        border-radius: 4px 0 0 4px;
+      `;
+  }
+
+  return css``;
+}}
+
+  &:last-child {
+    ${_ref17 => {
+  let {
+    $border,
+    $isFullWidth
+  } = _ref17;
+
+  if ($border === ChartLineBorderType.rounded && $isFullWidth) {
+    return css`
+          border-radius: 4px;
+        `;
+  }
+
+  return css``;
+}}
+  }
+`;
+
+export { ContainerStyle, LineStyle, ThresholdLabelStyle, ThresholdStyle, WrapperStyle };
+//# sourceMappingURL=ChartLineStyles.mjs.map

package/dist/esm/chart-line/ChartLineStyles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartLineStyles.mjs","sources":["../../../packages/chart-line/ChartLineStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { ChartLineBorderType, ChartLineThresholdType } from './types.js'\n\nexport const ContainerStyle = styled.div<{\n  $alignItems: 'center' | 'flex-start'\n  $height: number\n}>`\n  display: flex;\n  width: 100%;\n  align-items: ${({ $alignItems }) => $alignItems};\n  height: ${({ $height }) => $height}px;\n`\n\nexport const WrapperStyle = styled.div<{\n  $border: ChartLineBorderType\n  $height: number\n}>`\n  display: flex;\n  width: 100%;\n  height: ${({ $height }) => $height}px;\n  background: rgb(19 18 23 / 8%);\n  position: relative;\n\n  ${({ $border }) => {\n    if ($border === ChartLineBorderType.rounded) {\n      return css`\n        border-radius: 4px;\n      `\n    }\n    return css``\n  }}\n`\n\nexport const ThresholdStyle = styled.div<{\n  $labelPosition?: 'top' | 'bottom'\n  $thresholdType: ChartLineThresholdType\n  $height: number\n  $backgroundColor?: string\n  $zIndex: number\n}>`\n  height: ${({ $height }) => $height + 38}px;\n  width: 5px;\n  background-color: ${({ $backgroundColor }) => $backgroundColor};\n  z-index: ${({ $zIndex }) => $zIndex};\n  position: absolute;\n  border-radius: 3px;\n  top: -2px;\n  right: -2px;\n\n  ${({ $labelPosition }) => {\n    if ($labelPosition === 'top') {\n      return css`\n        bottom: -2px;\n        top: unset;\n      `\n    }\n    return css``\n  }}\n\n  ${({ $thresholdType, $height }) => {\n    if ($thresholdType === ChartLineThresholdType.dash) {\n      return css`\n        height: ${$height + 4}px;\n        top: -2px;\n      `\n    }\n    return css``\n  }}\n`\n\nexport const ThresholdLabelStyle = styled.div<{\n  $labelPosition?: 'top' | 'bottom'\n}>`\n  color: ${({ theme }) => theme.colors.foreground};\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 20px;\n  padding: 4px 8px;\n  position: absolute;\n  bottom: -2px;\n  right: 0;\n  border-radius: 4px;\n  white-space: nowrap;\n  box-sizing: border-box;\n  max-height: 28px;\n\n  ${({ $labelPosition }) => {\n    if ($labelPosition === 'top') {\n      return css`\n        top: -2px;\n        bottom: unset;\n      `\n    }\n    return css``\n  }};\n`\n\nexport const LineStyle = styled.div<{\n  $border: ChartLineBorderType\n  $isFullWidth: boolean\n  $width: string\n  $backgroundColor?: string\n  $zIndex: number\n}>`\n  background-color: ${({ $backgroundColor }) =>\n    $backgroundColor ? $backgroundColor : 'transparent'};\n  z-index: ${({ $zIndex }) => $zIndex};\n  width: ${({ $width }) => $width};\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  border-right: 1px solid ${({ theme }) => theme.colors.background};\n\n  ${({ $border }) => {\n    if ($border === ChartLineBorderType.rounded) {\n      return css`\n        border-radius: 4px 0 0 4px;\n      `\n    }\n    return css``\n  }}\n\n  &:last-child {\n    ${({ $border, $isFullWidth }) => {\n      if ($border === ChartLineBorderType.rounded && $isFullWidth) {\n        return css`\n          border-radius: 4px;\n        `\n      }\n      return css``\n    }}\n  }\n`\n"],"names":["ContainerStyle","styled","div","$alignItems","$height","WrapperStyle","$border","ChartLineBorderType","rounded","css","ThresholdStyle","$backgroundColor","$zIndex","$labelPosition","$thresholdType","ChartLineThresholdType","dash","ThresholdLabelStyle","theme","colors","foreground","LineStyle","$width","background","$isFullWidth"],"mappings":"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"}

package/dist/esm/chart-line/types.mjs

@@ -0,0 +1,13 @@
+let ChartLineThresholdType = /*#__PURE__*/function (ChartLineThresholdType) {
+  ChartLineThresholdType["dash"] = "dash";
+  ChartLineThresholdType["flag"] = "flag";
+  return ChartLineThresholdType;
+}({});
+let ChartLineBorderType = /*#__PURE__*/function (ChartLineBorderType) {
+  ChartLineBorderType["rounded"] = "rounded";
+  ChartLineBorderType["square"] = "square";
+  return ChartLineBorderType;
+}({});
+
+export { ChartLineBorderType, ChartLineThresholdType };
+//# sourceMappingURL=types.mjs.map

package/dist/esm/chart-line/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","sources":["../../../packages/chart-line/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '../utils/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport enum ChartLineThresholdType {\n  dash = 'dash',\n  flag = 'flag',\n}\nexport type ChartLineThresholdTypes = keyof typeof ChartLineThresholdType\nexport enum ChartLineBorderType {\n  rounded = 'rounded',\n  square = 'square',\n}\nexport type ChartLineBorderTypes = keyof typeof ChartLineBorderType\n\nexport type ChartLineConfig = {\n  loading?: boolean\n  data: LineData[]\n  thresholdType: ChartLineThresholdType\n  height: number\n  border: ChartLineBorderType\n  maxValue?: number\n  showLabels?: boolean\n}\n\nexport type LineData = {\n  color?: string\n  labelPosition?: 'top' | 'bottom'\n  threshold: {\n    value: number\n    color?: string\n    label: string\n    description: string\n    descriptionElement?: React.ReactNode\n  }\n}\n\nexport type ChartLineProps = LidoComponentProps<'div', ChartLineConfig>\n\nexport type ChartLineLabelProps = LidoComponentProps<\n  'div',\n  {\n    id: string\n    previousIds?: string[]\n    zIndex: number\n    show?: boolean\n    height: number\n    thresholdType: ChartLineThresholdType\n  } & LineData\n>\n"],"names":["ChartLineThresholdType","ChartLineBorderType"],"mappings":"AAGYA,IAAAA,sBAAZ,0BAAYA,sBAAZ,EAAA;EAAYA,sBAAZ,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;EAAYA,sBAAZ,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;AAAA,EAAA,OAAYA,sBAAZ,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAKYC,IAAAA,mBAAZ,0BAAYA,mBAAZ,EAAA;EAAYA,mBAAZ,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAYA,mBAAZ,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAAYA,mBAAZ,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/esm/chart-line/utils/checkViewport.mjs

@@ -0,0 +1,9 @@
+import { VIEWPORT_MARGIN } from './constants.mjs';
+
+const checkViewportOverflow = (position, elemSize, viewportSize) => {
+  const invertPosition = viewportSize - position;
+  return position + elemSize + VIEWPORT_MARGIN > viewportSize && invertPosition + elemSize + VIEWPORT_MARGIN < viewportSize;
+};
+
+export { checkViewportOverflow };
+//# sourceMappingURL=checkViewport.mjs.map

package/dist/esm/chart-line/utils/checkViewport.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkViewport.mjs","sources":["../../../../packages/chart-line/utils/checkViewport.ts"],"sourcesContent":["import { VIEWPORT_MARGIN } from './constants.js'\n\n// Check if element overflows viewport and should be inverted\nexport const checkViewportOverflow = (\n  position: number,\n  elemSize: number,\n  viewportSize: number,\n) => {\n  const invertPosition = viewportSize - position\n  return (\n    position + elemSize + VIEWPORT_MARGIN > viewportSize &&\n    invertPosition + elemSize + VIEWPORT_MARGIN < viewportSize\n  )\n}\n"],"names":["checkViewportOverflow","position","elemSize","viewportSize","invertPosition","VIEWPORT_MARGIN"],"mappings":";;AAGO,MAAMA,qBAAqB,GAAG,CACnCC,QADmC,EAEnCC,QAFmC,EAGnCC,YAHmC,KAIhC;AACH,EAAA,MAAMC,cAAc,GAAGD,YAAY,GAAGF,QAAtC,CAAA;AACA,EAAA,OACEA,QAAQ,GAAGC,QAAX,GAAsBG,eAAtB,GAAwCF,YAAxC,IACAC,cAAc,GAAGF,QAAjB,GAA4BG,eAA5B,GAA8CF,YAFhD,CAAA;AAID;;;;"}

package/dist/esm/chart-line/utils/constants.mjs

@@ -0,0 +1,6 @@
+const VIEWPORT_MARGIN = 8;
+const CHART_LINE_CONTAINER_ID = 'chart-line-container';
+const LABEL_HEIGHT_INCREASE = 36;
+
+export { CHART_LINE_CONTAINER_ID, LABEL_HEIGHT_INCREASE, VIEWPORT_MARGIN };
+//# sourceMappingURL=constants.mjs.map

package/dist/esm/chart-line/utils/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../../../packages/chart-line/utils/constants.ts"],"sourcesContent":["export const VIEWPORT_MARGIN = 8\nexport const CHART_LINE_CONTAINER_ID = 'chart-line-container'\nexport const LABEL_HEIGHT_INCREASE = 36\n"],"names":["VIEWPORT_MARGIN","CHART_LINE_CONTAINER_ID","LABEL_HEIGHT_INCREASE"],"mappings":"AAAO,MAAMA,eAAe,GAAG,EAAxB;AACA,MAAMC,uBAAuB,GAAG,uBAAhC;AACA,MAAMC,qBAAqB,GAAG;;;;"}

package/dist/esm/chart-line/utils/getContainerSize.mjs

@@ -0,0 +1,24 @@
+// get max height between all elements
+const getContainerSize = elementIds => {
+  if (!elementIds.length) return null;
+  const isCenterAlign = elementIds.every(id => {
+    const element = document.getElementById(id);
+    return element?.dataset.labelPosition === 'top' || element?.dataset.labelPosition === 'bottom';
+  });
+  const size = elementIds.reduce((acc, id) => {
+    const element = document.getElementById(id);
+
+    if (element && element.offsetHeight > 0) {
+      return Math.max(acc, element.offsetHeight);
+    }
+
+    return acc;
+  }, 0);
+  return {
+    size: isCenterAlign ? size * 2 : size,
+    isCenterAlign
+  };
+};
+
+export { getContainerSize };
+//# sourceMappingURL=getContainerSize.mjs.map

package/dist/esm/chart-line/utils/getContainerSize.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getContainerSize.mjs","sources":["../../../../packages/chart-line/utils/getContainerSize.ts"],"sourcesContent":["// get max height between all elements\nexport const getContainerSize = (elementIds: string[]) => {\n  if (!elementIds.length) return null\n\n  const isCenterAlign = elementIds.every((id) => {\n    const element = document.getElementById(id)\n    return (\n      element?.dataset.labelPosition === 'top' ||\n      element?.dataset.labelPosition === 'bottom'\n    )\n  })\n\n  const size = elementIds.reduce((acc, id) => {\n    const element = document.getElementById(id)\n    if (element && element.offsetHeight > 0) {\n      return Math.max(acc, element.offsetHeight)\n    }\n    return acc\n  }, 0)\n\n  return {\n    size: isCenterAlign ? size * 2 : size,\n    isCenterAlign,\n  }\n}\n"],"names":["getContainerSize","elementIds","length","isCenterAlign","every","id","element","document","getElementById","dataset","labelPosition","size","reduce","acc","offsetHeight","Math","max"],"mappings":"AAAA;AACaA,MAAAA,gBAAgB,GAAIC,UAAD,IAA0B;AACxD,EAAA,IAAI,CAACA,UAAU,CAACC,MAAhB,EAAwB,OAAO,IAAP,CAAA;AAExB,EAAA,MAAMC,aAAa,GAAGF,UAAU,CAACG,KAAX,CAAkBC,EAAD,IAAQ;AAC7C,IAAA,MAAMC,OAAO,GAAGC,QAAQ,CAACC,cAAT,CAAwBH,EAAxB,CAAhB,CAAA;AACA,IAAA,OACEC,OAAO,EAAEG,OAAT,CAAiBC,aAAjB,KAAmC,KAAnC,IACAJ,OAAO,EAAEG,OAAT,CAAiBC,aAAjB,KAAmC,QAFrC,CAAA;AAID,GANqB,CAAtB,CAAA;EAQA,MAAMC,IAAI,GAAGV,UAAU,CAACW,MAAX,CAAkB,CAACC,GAAD,EAAMR,EAAN,KAAa;AAC1C,IAAA,MAAMC,OAAO,GAAGC,QAAQ,CAACC,cAAT,CAAwBH,EAAxB,CAAhB,CAAA;;AACA,IAAA,IAAIC,OAAO,IAAIA,OAAO,CAACQ,YAAR,GAAuB,CAAtC,EAAyC;MACvC,OAAOC,IAAI,CAACC,GAAL,CAASH,GAAT,EAAcP,OAAO,CAACQ,YAAtB,CAAP,CAAA;AACD,KAAA;;AACD,IAAA,OAAOD,GAAP,CAAA;GALW,EAMV,CANU,CAAb,CAAA;EAQA,OAAO;AACLF,IAAAA,IAAI,EAAER,aAAa,GAAGQ,IAAI,GAAG,CAAV,GAAcA,IAD5B;AAELR,IAAAA,aAAAA;GAFF,CAAA;AAID;;;;"}

package/dist/esm/chart-line/utils/handlePositioning.mjs

@@ -0,0 +1,163 @@
+import { checkViewportOverflow } from './checkViewport.mjs';
+import { LABEL_HEIGHT_INCREASE, CHART_LINE_CONTAINER_ID, VIEWPORT_MARGIN } from './constants.mjs';
+
+// Get elements and their rects in one go
+const getElementData = id => {
+  const threshold = document.getElementById(id);
+  const label = document.getElementById(`${id}-description`);
+  if (!threshold || !label) return null;
+  const container = document.getElementById(CHART_LINE_CONTAINER_ID);
+  if (!container) return null; // Temporarily reset transform to get original positions
+
+  const originalTransform = label.style.transform;
+  label.style.removeProperty('transform');
+  const thresholdRect = threshold.getBoundingClientRect();
+  const labelRect = label.getBoundingClientRect();
+  const containerRect = container.getBoundingClientRect(); // Restore transform if it existed
+
+  if (originalTransform) {
+    label.style.setProperty('transform', originalTransform);
+  }
+
+  return {
+    elements: {
+      threshold,
+      label
+    },
+    rects: {
+      threshold: thresholdRect,
+      label: labelRect
+    },
+    containerRect
+  };
+}; // Calculate offset needed to keep label within viewport bounds
+
+
+const calculateLabelOffset = (thresholdRect, labelRect, containerRect, isInverted) => {
+  if (isInverted) {
+    // Label positioned with left: 0 (extends right from threshold)
+    // Check if label extends beyond container right boundary
+    const labelRightEdge = thresholdRect.left + labelRect.width;
+    const containerRightEdge = containerRect.right - VIEWPORT_MARGIN;
+
+    if (labelRightEdge > containerRightEdge) {
+      return labelRightEdge - containerRightEdge;
+    }
+  } else {
+    // Label positioned with right: 0 (extends left from threshold - default behavior)
+    // Check if label left edge goes beyond container left boundary
+    const labelLeftEdge = thresholdRect.right - labelRect.width;
+    const containerLeftEdge = containerRect.left + VIEWPORT_MARGIN;
+
+    if (labelLeftEdge < containerLeftEdge) {
+      return containerLeftEdge - labelLeftEdge;
+    }
+  }
+
+  return 0;
+}; // Calculate if flag should be inverted based on viewport overflow
+
+
+const shouldInvertLabel = (thresholdRect, labelRect, containerRect, viewportWidth) => {
+  const position = containerRect.right - thresholdRect.right;
+  const isInverted = checkViewportOverflow(position, labelRect.width, viewportWidth);
+  return isInverted;
+};
+
+const resetThresholdHeight = threshold => {
+  if (!threshold) return;
+  threshold.style.removeProperty('height');
+}; // Apply label positioning based on inversion
+
+const applyLabelPosition = (label, isInverted) => {
+  if (isInverted) {
+    label.style.setProperty('left', '0px');
+    label.style.setProperty('right', 'auto');
+    label.dataset.isInverted = 'true';
+  } else {
+    label.style.setProperty('right', '0px');
+    label.style.setProperty('left', 'auto');
+    label.dataset.isInverted = 'false';
+  }
+}; // Calculate distance between two thresholds considering label inversion
+
+
+const calculateFlagDistance = (currentRect, previousRect, currentLabelRect, isPreviousInverted) => {
+  return isPreviousInverted ? currentRect.left - previousRect.left - currentLabelRect.width : currentRect.left - previousRect.left;
+}; // Get first previous threshold on the same position as the current threshold
+
+
+const getPreviousThreshold = (previousIds, currentId) => {
+  const currentElement = document.getElementById(currentId);
+  if (!currentElement) return null;
+  const currentLabelPosition = currentElement.dataset.labelPosition;
+
+  for (let i = previousIds.length - 1; i >= 0; i--) {
+    const id = previousIds[i];
+    const element = document.getElementById(id);
+
+    if (element?.dataset.labelPosition === currentLabelPosition) {
+      return id;
+    }
+  }
+
+  return null;
+};
+
+const handlePositioning = props => {
+  const {
+    previousIds = [],
+    id,
+    reset
+  } = props; // Check if we are in browser (not SSR)
+
+  if (typeof window === 'undefined') return;
+
+  if (reset) {
+    resetThresholdHeight(document.getElementById(id));
+    return;
+  }
+
+  const currentData = getElementData(id);
+  if (!currentData) return;
+  const {
+    elements: currentElements,
+    rects: currentRects,
+    containerRect
+  } = currentData; // Calculate inversion for current label using container width
+
+  const currentIsInverted = shouldInvertLabel(currentRects.threshold, currentRects.label, containerRect, containerRect.width); // Apply positioning for current label
+
+  applyLabelPosition(currentElements.label, currentIsInverted); // Calculate offset needed to keep label within bounds
+
+  const currentOffset = calculateLabelOffset(currentRects.threshold, currentRects.label, containerRect, currentIsInverted); // Apply offset if needed
+
+  if (currentOffset > 0) {
+    const direction = currentIsInverted ? -currentOffset : currentOffset;
+    currentElements.label.style.setProperty('transform', `translateX(${direction}px)`);
+  } else {
+    currentElements.label.style.removeProperty('transform');
+  } // Handle previous threshold positioning if exists
+
+
+  const previousId = getPreviousThreshold(previousIds, id);
+  if (!previousId) return;
+  const previousData = getElementData(previousId);
+  if (!previousData) return;
+  const {
+    rects: previousRects,
+    elements: previousElements
+  } = previousData; // Calculate inversion for previous flag using window width (as in original)
+
+  const previousIsInverted = previousElements.label.dataset.isInverted === 'true'; // Calculate distance and adjust height if needed
+
+  const distance = calculateFlagDistance(currentRects.threshold, previousRects.threshold, currentRects.label, previousIsInverted);
+
+  if (distance < currentRects.label.width) {
+    const newHeight = previousRects.threshold.height + LABEL_HEIGHT_INCREASE;
+    currentElements.threshold.style.setProperty('height', `${newHeight}px`);
+  }
+};
+
+export { handlePositioning, resetThresholdHeight };
+//# sourceMappingURL=handlePositioning.mjs.map

package/dist/esm/chart-line/utils/handlePositioning.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"handlePositioning.mjs","sources":["../../../../packages/chart-line/utils/handlePositioning.ts"],"sourcesContent":["import { checkViewportOverflow } from './checkViewport.js'\nimport {\n  CHART_LINE_CONTAINER_ID,\n  LABEL_HEIGHT_INCREASE,\n  VIEWPORT_MARGIN,\n} from './constants.js'\n\ntype HandlePositioningProps = {\n  previousIds?: string[]\n  id: string\n  reset?: boolean\n}\n\ntype PositioningData = {\n  elements: {\n    threshold: HTMLElement\n    label: HTMLElement\n  }\n  rects: {\n    threshold: DOMRect\n    label: DOMRect\n  }\n  containerRect: DOMRect\n}\n\n// Get elements and their rects in one go\nconst getElementData = (id: string): PositioningData | null => {\n  const threshold = document.getElementById(id)\n  const label = document.getElementById(`${id}-description`)\n\n  if (!threshold || !label) return null\n\n  const container = document.getElementById(CHART_LINE_CONTAINER_ID)\n  if (!container) return null\n\n  // Temporarily reset transform to get original positions\n  const originalTransform = label.style.transform\n  label.style.removeProperty('transform')\n\n  const thresholdRect = threshold.getBoundingClientRect()\n  const labelRect = label.getBoundingClientRect()\n  const containerRect = container.getBoundingClientRect()\n\n  // Restore transform if it existed\n  if (originalTransform) {\n    label.style.setProperty('transform', originalTransform)\n  }\n\n  return {\n    elements: { threshold, label },\n    rects: { threshold: thresholdRect, label: labelRect },\n    containerRect,\n  }\n}\n\n// Calculate offset needed to keep label within viewport bounds\nconst calculateLabelOffset = (\n  thresholdRect: DOMRect,\n  labelRect: DOMRect,\n  containerRect: DOMRect,\n  isInverted: boolean,\n): number => {\n  if (isInverted) {\n    // Label positioned with left: 0 (extends right from threshold)\n    // Check if label extends beyond container right boundary\n    const labelRightEdge = thresholdRect.left + labelRect.width\n    const containerRightEdge = containerRect.right - VIEWPORT_MARGIN\n\n    if (labelRightEdge > containerRightEdge) {\n      return labelRightEdge - containerRightEdge\n    }\n  } else {\n    // Label positioned with right: 0 (extends left from threshold - default behavior)\n    // Check if label left edge goes beyond container left boundary\n    const labelLeftEdge = thresholdRect.right - labelRect.width\n    const containerLeftEdge = containerRect.left + VIEWPORT_MARGIN\n\n    if (labelLeftEdge < containerLeftEdge) {\n      return containerLeftEdge - labelLeftEdge\n    }\n  }\n  return 0\n}\n\n// Calculate if flag should be inverted based on viewport overflow\nconst shouldInvertLabel = (\n  thresholdRect: DOMRect,\n  labelRect: DOMRect,\n  containerRect: DOMRect,\n  viewportWidth: number,\n): boolean => {\n  const position = containerRect.right - thresholdRect.right\n\n  const isInverted = checkViewportOverflow(\n    position,\n    labelRect.width,\n    viewportWidth,\n  )\n\n  return isInverted\n}\n\nexport const resetThresholdHeight = (threshold: HTMLElement | null): void => {\n  if (!threshold) return\n\n  threshold.style.removeProperty('height')\n}\n\n// Apply label positioning based on inversion\nconst applyLabelPosition = (label: HTMLElement, isInverted: boolean): void => {\n  if (isInverted) {\n    label.style.setProperty('left', '0px')\n    label.style.setProperty('right', 'auto')\n    label.dataset.isInverted = 'true'\n  } else {\n    label.style.setProperty('right', '0px')\n    label.style.setProperty('left', 'auto')\n    label.dataset.isInverted = 'false'\n  }\n}\n\n// Calculate distance between two thresholds considering label inversion\nconst calculateFlagDistance = (\n  currentRect: DOMRect,\n  previousRect: DOMRect,\n  currentLabelRect: DOMRect,\n  isPreviousInverted: boolean,\n): number => {\n  return isPreviousInverted\n    ? currentRect.left - previousRect.left - currentLabelRect.width\n    : currentRect.left - previousRect.left\n}\n\n// Get first previous threshold on the same position as the current threshold\nconst getPreviousThreshold = (\n  previousIds: string[],\n  currentId: string,\n): string | null => {\n  const currentElement = document.getElementById(currentId)\n  if (!currentElement) return null\n\n  const currentLabelPosition = currentElement.dataset.labelPosition\n\n  for (let i = previousIds.length - 1; i >= 0; i--) {\n    const id = previousIds[i]\n    const element = document.getElementById(id)\n    if (element?.dataset.labelPosition === currentLabelPosition) {\n      return id\n    }\n  }\n\n  return null\n}\n\nexport const handlePositioning = (props: HandlePositioningProps): void => {\n  const { previousIds = [], id, reset } = props\n\n  // Check if we are in browser (not SSR)\n  if (typeof window === 'undefined') return\n\n  if (reset) {\n    resetThresholdHeight(document.getElementById(id))\n    return\n  }\n\n  const currentData = getElementData(id)\n  if (!currentData) return\n\n  const {\n    elements: currentElements,\n    rects: currentRects,\n    containerRect,\n  } = currentData\n\n  // Calculate inversion for current label using container width\n  const currentIsInverted = shouldInvertLabel(\n    currentRects.threshold,\n    currentRects.label,\n    containerRect,\n    containerRect.width,\n  )\n\n  // Apply positioning for current label\n  applyLabelPosition(currentElements.label, currentIsInverted)\n\n  // Calculate offset needed to keep label within bounds\n  const currentOffset = calculateLabelOffset(\n    currentRects.threshold,\n    currentRects.label,\n    containerRect,\n    currentIsInverted,\n  )\n\n  // Apply offset if needed\n  if (currentOffset > 0) {\n    const direction = currentIsInverted ? -currentOffset : currentOffset\n    currentElements.label.style.setProperty(\n      'transform',\n      `translateX(${direction}px)`,\n    )\n  } else {\n    currentElements.label.style.removeProperty('transform')\n  }\n\n  // Handle previous threshold positioning if exists\n  const previousId = getPreviousThreshold(previousIds, id)\n  if (!previousId) return\n\n  const previousData = getElementData(previousId)\n  if (!previousData) return\n\n  const { rects: previousRects, elements: previousElements } = previousData\n\n  // Calculate inversion for previous flag using window width (as in original)\n  const previousIsInverted =\n    previousElements.label.dataset.isInverted === 'true'\n\n  // Calculate distance and adjust height if needed\n  const distance = calculateFlagDistance(\n    currentRects.threshold,\n    previousRects.threshold,\n    currentRects.label,\n    previousIsInverted,\n  )\n\n  if (distance < currentRects.label.width) {\n    const newHeight = previousRects.threshold.height + LABEL_HEIGHT_INCREASE\n    currentElements.threshold.style.setProperty('height', `${newHeight}px`)\n  }\n}\n"],"names":["getElementData","id","threshold","document","getElementById","label","container","CHART_LINE_CONTAINER_ID","originalTransform","style","transform","removeProperty","thresholdRect","getBoundingClientRect","labelRect","containerRect","setProperty","elements","rects","calculateLabelOffset","isInverted","labelRightEdge","left","width","containerRightEdge","right","VIEWPORT_MARGIN","labelLeftEdge","containerLeftEdge","shouldInvertLabel","viewportWidth","position","checkViewportOverflow","resetThresholdHeight","applyLabelPosition","dataset","calculateFlagDistance","currentRect","previousRect","currentLabelRect","isPreviousInverted","getPreviousThreshold","previousIds","currentId","currentElement","currentLabelPosition","labelPosition","i","length","element","handlePositioning","props","reset","window","currentData","currentElements","currentRects","currentIsInverted","currentOffset","direction","previousId","previousData","previousRects","previousElements","previousIsInverted","distance","newHeight","height","LABEL_HEIGHT_INCREASE"],"mappings":"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"}

package/dist/esm/chart-line/utils/processData.mjs

@@ -0,0 +1,25 @@
+const processData = (data, maxValue) => {
+  // Calculate maxValue once if not provided
+  const calculatedMaxValue = maxValue ?? Math.max(...data.map(item => item.threshold.value));
+  return data.sort((a, b) => a.threshold.value - b.threshold.value).reduce((acc, item, index) => {
+    const {
+      threshold
+    } = item;
+    const id = `chart-percent-line-group-${index}-${threshold.label}`;
+    const width = threshold.value / (calculatedMaxValue / 100);
+    const processedItem = { ...item,
+      id,
+      index,
+      width
+    };
+    acc.data.push(processedItem);
+    acc.ids.push(id);
+    return acc;
+  }, {
+    data: [],
+    ids: []
+  });
+};
+
+export { processData };
+//# sourceMappingURL=processData.mjs.map

package/dist/esm/chart-line/utils/processData.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"processData.mjs","sources":["../../../../packages/chart-line/utils/processData.ts"],"sourcesContent":["import { LineData } from '../types.js'\n\ntype ProcessedLineData = LineData & {\n  id: string\n  index: number\n  width: number\n}\n\ntype ProcessedData = {\n  data: ProcessedLineData[]\n  ids: string[]\n}\n\nexport const processData = (\n  data: LineData[],\n  maxValue?: number,\n): ProcessedData => {\n  // Calculate maxValue once if not provided\n  const calculatedMaxValue =\n    maxValue ?? Math.max(...data.map((item) => item.threshold.value))\n\n  return data\n    .sort((a, b) => a.threshold.value - b.threshold.value)\n    .reduce<ProcessedData>(\n      (acc, item, index) => {\n        const { threshold } = item\n        const id = `chart-percent-line-group-${index}-${threshold.label}`\n        const width = threshold.value / (calculatedMaxValue / 100)\n\n        const processedItem: ProcessedLineData = {\n          ...item,\n          id,\n          index,\n          width,\n        }\n\n        acc.data.push(processedItem)\n        acc.ids.push(id)\n\n        return acc\n      },\n      { data: [], ids: [] },\n    )\n}\n"],"names":["processData","data","maxValue","calculatedMaxValue","Math","max","map","item","threshold","value","sort","a","b","reduce","acc","index","id","label","width","processedItem","push","ids"],"mappings":"MAaaA,WAAW,GAAG,CACzBC,IADyB,EAEzBC,QAFyB,KAGP;AAClB;EACA,MAAMC,kBAAkB,GACtBD,QAAQ,IAAIE,IAAI,CAACC,GAAL,CAAS,GAAGJ,IAAI,CAACK,GAAL,CAAUC,IAAD,IAAUA,IAAI,CAACC,SAAL,CAAeC,KAAlC,CAAZ,CADd,CAAA;AAGA,EAAA,OAAOR,IAAI,CACRS,IADI,CACC,CAACC,CAAD,EAAIC,CAAJ,KAAUD,CAAC,CAACH,SAAF,CAAYC,KAAZ,GAAoBG,CAAC,CAACJ,SAAF,CAAYC,KAD3C,CAEJI,CAAAA,MAFI,CAGH,CAACC,GAAD,EAAMP,IAAN,EAAYQ,KAAZ,KAAsB;IACpB,MAAM;AAAEP,MAAAA,SAAAA;AAAF,KAAA,GAAgBD,IAAtB,CAAA;IACA,MAAMS,EAAE,GAAI,CAA2BD,yBAAAA,EAAAA,KAAM,IAAGP,SAAS,CAACS,KAAM,CAAhE,CAAA,CAAA;IACA,MAAMC,KAAK,GAAGV,SAAS,CAACC,KAAV,IAAmBN,kBAAkB,GAAG,GAAxC,CAAd,CAAA;AAEA,IAAA,MAAMgB,aAAgC,GAAG,EACvC,GAAGZ,IADoC;MAEvCS,EAFuC;MAGvCD,KAHuC;AAIvCG,MAAAA,KAAAA;KAJF,CAAA;AAOAJ,IAAAA,GAAG,CAACb,IAAJ,CAASmB,IAAT,CAAcD,aAAd,CAAA,CAAA;AACAL,IAAAA,GAAG,CAACO,GAAJ,CAAQD,IAAR,CAAaJ,EAAb,CAAA,CAAA;AAEA,IAAA,OAAOF,GAAP,CAAA;AACD,GAnBE,EAoBH;AAAEb,IAAAA,IAAI,EAAE,EAAR;AAAYoB,IAAAA,GAAG,EAAE,EAAA;AAAjB,GApBG,CAAP,CAAA;AAsBD;;;;"}

package/dist/esm/chart-proportion/ChartProportion.mjs

@@ -0,0 +1,64 @@
+import { forwardRef } from 'react';
+import '../loaders/Loader.mjs';
+import { InlineLoader } from '../loaders/InlineLoader.mjs';
+import { WrapperStyle, ProportionStyle, ProportionLabelStyle, ProportionProgressStyle, ProportionProgressLineStyle } from './ChartProportionStyles.mjs';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+const ChartProportion = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    loading = false,
+    onClick,
+    children,
+    height,
+    border,
+    data,
+    showLabels,
+    margin,
+    borderSize,
+    ...rest
+  } = props;
+
+  if (loading) {
+    return /*#__PURE__*/jsx(WrapperStyle, {
+      $height: height,
+      ref: ref,
+      ...rest,
+      children: /*#__PURE__*/jsx(InlineLoader, {})
+    });
+  }
+
+  return /*#__PURE__*/jsx(WrapperStyle, {
+    $height: height,
+    ref: ref,
+    ...rest,
+    children: data.map((item, index) => {
+      const {
+        color,
+        value,
+        progress,
+        label
+      } = item;
+      const isShowLabel = showLabels && label;
+      return /*#__PURE__*/jsxs(ProportionStyle, {
+        $flexGrow: value,
+        $backgroundColor: color,
+        $border: border,
+        $borderSize: borderSize,
+        $margin: margin,
+        children: [isShowLabel && /*#__PURE__*/jsx(ProportionLabelStyle, {
+          children: label
+        }), /*#__PURE__*/jsx(ProportionProgressStyle, {
+          $progress: progress,
+          $backgroundColor: color,
+          $border: border,
+          $borderSize: borderSize,
+          children: progress !== 100 && /*#__PURE__*/jsx(ProportionProgressLineStyle, {})
+        })]
+      }, index);
+    })
+  });
+});
+ChartProportion.displayName = 'ChartProportion';
+
+export { ChartProportion };
+//# sourceMappingURL=ChartProportion.mjs.map

package/dist/esm/chart-proportion/ChartProportion.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartProportion.mjs","sources":["../../../packages/chart-proportion/ChartProportion.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\n\nimport { InlineLoader } from '../loaders/index.js'\n\nimport {\n  ProportionStyle,\n  WrapperStyle,\n  ProportionProgressStyle,\n  ProportionProgressLineStyle,\n  ProportionLabelStyle,\n} from './ChartProportionStyles.js'\nimport { ChartProportionProps } from './types.js'\n\nexport const ChartProportion = forwardRef(\n  (props: ChartProportionProps, ref?: ForwardedRef<HTMLDivElement>) => {\n    const {\n      loading = false,\n      onClick,\n      children,\n      height,\n      border,\n      data,\n      showLabels,\n      margin,\n      borderSize,\n      ...rest\n    } = props\n\n    if (loading) {\n      return (\n        <WrapperStyle $height={height} ref={ref} {...rest}>\n          <InlineLoader />\n        </WrapperStyle>\n      )\n    }\n\n    return (\n      <WrapperStyle $height={height} ref={ref} {...rest}>\n        {data.map((item, index) => {\n          const { color, value, progress, label } = item\n          const isShowLabel = showLabels && label\n\n          return (\n            <ProportionStyle\n              key={index}\n              $flexGrow={value}\n              $backgroundColor={color}\n              $border={border}\n              $borderSize={borderSize}\n              $margin={margin}\n            >\n              {isShowLabel && (\n                <ProportionLabelStyle>{label}</ProportionLabelStyle>\n              )}\n              <ProportionProgressStyle\n                $progress={progress}\n                $backgroundColor={color}\n                $border={border}\n                $borderSize={borderSize}\n              >\n                {progress !== 100 && <ProportionProgressLineStyle />}\n              </ProportionProgressStyle>\n            </ProportionStyle>\n          )\n        })}\n      </WrapperStyle>\n    )\n  },\n)\nChartProportion.displayName = 'ChartProportion'\n"],"names":["ChartProportion","forwardRef","props","ref","loading","onClick","children","height","border","data","showLabels","margin","borderSize","rest","_jsx","map","item","index","color","value","progress","label","isShowLabel","_jsxs","displayName"],"mappings":";;;;;;AAaO,MAAMA,eAAe,gBAAGC,UAAU,CACvC,CAACC,KAAD,EAA8BC,GAA9B,KAAqE;EACnE,MAAM;AACJC,IAAAA,OAAO,GAAG,KADN;IAEJC,OAFI;IAGJC,QAHI;IAIJC,MAJI;IAKJC,MALI;IAMJC,IANI;IAOJC,UAPI;IAQJC,MARI;IASJC,UATI;IAUJ,GAAGC,IAAAA;AAVC,GAAA,GAWFX,KAXJ,CAAA;;AAaA,EAAA,IAAIE,OAAJ,EAAa;AACX,IAAA,oBACEU,IAAC,YAAD,EAAA;AAAc,MAAA,OAAO,EAAEP,MAAvB;AAA+B,MAAA,GAAG,EAAEJ,GAApC;AAAA,MAAA,GAA6CU,IAA7C;AAAA,MAAA,QAAA,eACEC,IAAC,YAAD,EAAA,EAAA,CAAA;KAFJ,CAAA,CAAA;AAKD,GAAA;;AAED,EAAA,oBACEA,IAAC,YAAD,EAAA;AAAc,IAAA,OAAO,EAAEP,MAAvB;AAA+B,IAAA,GAAG,EAAEJ,GAApC;AAAA,IAAA,GAA6CU,IAA7C;IAAA,QACGJ,EAAAA,IAAI,CAACM,GAAL,CAAS,CAACC,IAAD,EAAOC,KAAP,KAAiB;MACzB,MAAM;QAAEC,KAAF;QAASC,KAAT;QAAgBC,QAAhB;AAA0BC,QAAAA,KAAAA;AAA1B,OAAA,GAAoCL,IAA1C,CAAA;AACA,MAAA,MAAMM,WAAW,GAAGZ,UAAU,IAAIW,KAAlC,CAAA;AAEA,MAAA,oBACEE,KAAC,eAAD,EAAA;AAEE,QAAA,SAAS,EAAEJ,KAFb;AAGE,QAAA,gBAAgB,EAAED,KAHpB;AAIE,QAAA,OAAO,EAAEV,MAJX;AAKE,QAAA,WAAW,EAAEI,UALf;AAME,QAAA,OAAO,EAAED,MANX;QAAA,QAQGW,EAAAA,CAAAA,WAAW,iBACVR,GAAA,CAAC,oBAAD,EAAA;UAAA,QAAuBO,EAAAA,KAAAA;SAT3B,CAAA,eAWEP,IAAC,uBAAD,EAAA;AACE,UAAA,SAAS,EAAEM,QADb;AAEE,UAAA,gBAAgB,EAAEF,KAFpB;AAGE,UAAA,OAAO,EAAEV,MAHX;AAIE,UAAA,WAAW,EAAEI,UAJf;AAAA,UAAA,QAAA,EAMGQ,QAAQ,KAAK,GAAb,iBAAoBN,IAAC,2BAAD,EAAA,EAAA,CAAA;SAjBzB,CAAA,CAAA;AAAA,OAAA,EACOG,KADP,CADF,CAAA;KAJD,CAAA;GAFL,CAAA,CAAA;AA+BD,CAtDsC,EAAlC;AAwDPjB,eAAe,CAACwB,WAAhB,GAA8B,iBAA9B;;;;"}