@lidofinance/lido-ui 3.30.0 → 3.31.0

package/dist/cjs/chart-line/utils/handlePositioning.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handlePositioning.js","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/cjs/chart-line/utils/processData.js

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+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: []
+  });
+};
+
+exports.processData = processData;
+//# sourceMappingURL=processData.js.map

package/dist/cjs/chart-line/utils/processData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"processData.js","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/cjs/chart-proportion/ChartProportion.js

@@ -0,0 +1,68 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+require('../loaders/Loader.js');
+const InlineLoader = require('../loaders/InlineLoader.js');
+const ChartProportionStyles = require('./ChartProportionStyles.js');
+const jsxRuntime = require('react/jsx-runtime');
+
+const ChartProportion = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    loading = false,
+    onClick,
+    children,
+    height,
+    border,
+    data,
+    showLabels,
+    margin,
+    borderSize,
+    ...rest
+  } = props;
+
+  if (loading) {
+    return /*#__PURE__*/jsxRuntime.jsx(ChartProportionStyles.WrapperStyle, {
+      $height: height,
+      ref: ref,
+      ...rest,
+      children: /*#__PURE__*/jsxRuntime.jsx(InlineLoader.InlineLoader, {})
+    });
+  }
+
+  return /*#__PURE__*/jsxRuntime.jsx(ChartProportionStyles.WrapperStyle, {
+    $height: height,
+    ref: ref,
+    ...rest,
+    children: data.map((item, index) => {
+      const {
+        color,
+        value,
+        progress,
+        label
+      } = item;
+      const isShowLabel = showLabels && label;
+      return /*#__PURE__*/jsxRuntime.jsxs(ChartProportionStyles.ProportionStyle, {
+        $flexGrow: value,
+        $backgroundColor: color,
+        $border: border,
+        $borderSize: borderSize,
+        $margin: margin,
+        children: [isShowLabel && /*#__PURE__*/jsxRuntime.jsx(ChartProportionStyles.ProportionLabelStyle, {
+          children: label
+        }), /*#__PURE__*/jsxRuntime.jsx(ChartProportionStyles.ProportionProgressStyle, {
+          $progress: progress,
+          $backgroundColor: color,
+          $border: border,
+          $borderSize: borderSize,
+          children: progress !== 100 && /*#__PURE__*/jsxRuntime.jsx(ChartProportionStyles.ProportionProgressLineStyle, {})
+        })]
+      }, index);
+    })
+  });
+});
+ChartProportion.displayName = 'ChartProportion';
+
+exports.ChartProportion = ChartProportion;
+//# sourceMappingURL=ChartProportion.js.map

package/dist/cjs/chart-proportion/ChartProportion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartProportion.js","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","WrapperStyle","InlineLoader","map","item","index","color","value","progress","label","isShowLabel","_jsxs","ProportionStyle","ProportionLabelStyle","ProportionProgressStyle","ProportionProgressLineStyle","displayName"],"mappings":";;;;;;;;;;AAaO,MAAMA,eAAe,gBAAGC,gBAAU,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,eAACC,kCAAD,EAAA;AAAc,MAAA,OAAO,EAAER,MAAvB;AAA+B,MAAA,GAAG,EAAEJ,GAApC;AAAA,MAAA,GAA6CU,IAA7C;AAAA,MAAA,QAAA,eACEC,eAACE,yBAAD,EAAA,EAAA,CAAA;KAFJ,CAAA,CAAA;AAKD,GAAA;;AAED,EAAA,oBACEF,eAACC,kCAAD,EAAA;AAAc,IAAA,OAAO,EAAER,MAAvB;AAA+B,IAAA,GAAG,EAAEJ,GAApC;AAAA,IAAA,GAA6CU,IAA7C;IAAA,QACGJ,EAAAA,IAAI,CAACQ,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,GAAGd,UAAU,IAAIa,KAAlC,CAAA;AAEA,MAAA,oBACEE,gBAACC,qCAAD,EAAA;AAEE,QAAA,SAAS,EAAEL,KAFb;AAGE,QAAA,gBAAgB,EAAED,KAHpB;AAIE,QAAA,OAAO,EAAEZ,MAJX;AAKE,QAAA,WAAW,EAAEI,UALf;AAME,QAAA,OAAO,EAAED,MANX;QAAA,QAQGa,EAAAA,CAAAA,WAAW,iBACVV,cAAA,CAACa,0CAAD,EAAA;UAAA,QAAuBJ,EAAAA,KAAAA;SAT3B,CAAA,eAWET,eAACc,6CAAD,EAAA;AACE,UAAA,SAAS,EAAEN,QADb;AAEE,UAAA,gBAAgB,EAAEF,KAFpB;AAGE,UAAA,OAAO,EAAEZ,MAHX;AAIE,UAAA,WAAW,EAAEI,UAJf;AAAA,UAAA,QAAA,EAMGU,QAAQ,KAAK,GAAb,iBAAoBR,eAACe,iDAAD,EAAA,EAAA,CAAA;SAjBzB,CAAA,CAAA;AAAA,OAAA,EACOV,KADP,CADF,CAAA;KAJD,CAAA;GAFL,CAAA,CAAA;AA+BD,CAtDsC,EAAlC;AAwDPnB,eAAe,CAAC8B,WAAhB,GAA8B,iBAA9B;;;;"}

package/dist/cjs/chart-proportion/ChartProportionStyles.js

@@ -0,0 +1,132 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const styledComponentsWrapper = require('../utils/styled-components-wrapper.js');
+const types = require('./types.js');
+const _styled = require('styled-components');
+
+const WrapperStyle = styledComponentsWrapper.default.div`
+  display: flex;
+  width: 100%;
+  height: ${_ref => {
+  let {
+    $height
+  } = _ref;
+  return $height;
+}}px;
+  position: relative;
+`;
+const borderSizes = {
+  sm: '2px',
+  md: '4px',
+  lg: '8px'
+};
+const marginSizes = {
+  sm: '2px',
+  md: '4px',
+  lg: '8px'
+};
+const ProportionStyle = styledComponentsWrapper.default.div`
+  background: rgb(19 18 23 / 4%);
+  flex-grow: ${_ref2 => {
+  let {
+    $flexGrow
+  } = _ref2;
+  return $flexGrow;
+}};
+  height: 100%;
+  position: relative;
+
+  ${_ref3 => {
+  let {
+    $border,
+    $borderSize
+  } = _ref3;
+
+  if ($border === types.ChartProportionBorderType.rounded) {
+    return _styled.css`
+        border-radius: ${borderSizes[$borderSize]};
+      `;
+  }
+
+  return _styled.css``;
+}}
+
+  &:not(:last-child) {
+    ${_ref4 => {
+  let {
+    $margin
+  } = _ref4;
+  return _styled.css`
+        margin-right: ${marginSizes[$margin]};
+      `;
+}}
+  }
+`;
+const ProportionProgressStyle = styledComponentsWrapper.default.div`
+  background-color: ${_ref5 => {
+  let {
+    $backgroundColor
+  } = _ref5;
+  return $backgroundColor ? $backgroundColor : 'transparent';
+}};
+  height: 100%;
+  width: ${_ref6 => {
+  let {
+    $progress
+  } = _ref6;
+  return $progress;
+}}%;
+  position: relative;
+
+  ${_ref7 => {
+  let {
+    $border,
+    $borderSize,
+    $progress
+  } = _ref7;
+
+  if ($border === types.ChartProportionBorderType.rounded) {
+    if ($progress !== 100) {
+      return _styled.css`
+          border-radius: ${borderSizes[$borderSize]} 0 0
+            ${borderSizes[$borderSize]};
+        `;
+    }
+
+    return _styled.css`
+        border-radius: ${borderSizes[$borderSize]};
+      `;
+  }
+
+  return _styled.css``;
+}}
+`;
+const ProportionProgressLineStyle = styledComponentsWrapper.default.div`
+  position: absolute;
+  right: 0;
+  background-color: #273852;
+  height: calc(100% + 2px);
+  top: -1px;
+  bottom: -1px;
+  width: 2px;
+  margin-left: auto;
+  border-radius: 2px;
+`;
+const ProportionLabelStyle = styledComponentsWrapper.default.div`
+  position: absolute;
+  top: -22px;
+  right: 0;
+  white-space: nowrap;
+  font-size: 10px;
+  line-height: 20px;
+  color: #7a8aa0;
+`;
+
+exports.ProportionLabelStyle = ProportionLabelStyle;
+exports.ProportionProgressLineStyle = ProportionProgressLineStyle;
+exports.ProportionProgressStyle = ProportionProgressStyle;
+exports.ProportionStyle = ProportionStyle;
+exports.WrapperStyle = WrapperStyle;
+//# sourceMappingURL=ChartProportionStyles.js.map

package/dist/cjs/chart-proportion/ChartProportionStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartProportionStyles.js","sources":["../../../packages/chart-proportion/ChartProportionStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport {\n  ChartProportionBorderSize,\n  ChartProportionBorderType,\n  MarginSize,\n} from './types.js'\n\nexport const WrapperStyle = styled.div<{\n  $height: number\n}>`\n  display: flex;\n  width: 100%;\n  height: ${({ $height }) => $height}px;\n  position: relative;\n`\n\nconst borderSizes = {\n  sm: '2px',\n  md: '4px',\n  lg: '8px',\n}\n\nconst marginSizes = {\n  sm: '2px',\n  md: '4px',\n  lg: '8px',\n}\n\nexport const ProportionStyle = styled.div<{\n  $border: ChartProportionBorderType\n  $borderSize: ChartProportionBorderSize\n  $margin: MarginSize\n  $flexGrow: number\n  $backgroundColor?: string\n}>`\n  background: rgb(19 18 23 / 4%);\n  flex-grow: ${({ $flexGrow }) => $flexGrow};\n  height: 100%;\n  position: relative;\n\n  ${({ $border, $borderSize }) => {\n    if ($border === ChartProportionBorderType.rounded) {\n      return css`\n        border-radius: ${borderSizes[$borderSize]};\n      `\n    }\n    return css``\n  }}\n\n  &:not(:last-child) {\n    ${({ $margin }) => {\n      return css`\n        margin-right: ${marginSizes[$margin]};\n      `\n    }}\n  }\n`\n\nexport const ProportionProgressStyle = styled.div<{\n  $progress: number\n  $backgroundColor?: string\n  $border: ChartProportionBorderType\n  $borderSize: ChartProportionBorderSize\n}>`\n  background-color: ${({ $backgroundColor }) =>\n    $backgroundColor ? $backgroundColor : 'transparent'};\n  height: 100%;\n  width: ${({ $progress }) => $progress}%;\n  position: relative;\n\n  ${({ $border, $borderSize, $progress }) => {\n    if ($border === ChartProportionBorderType.rounded) {\n      if ($progress !== 100) {\n        return css`\n          border-radius: ${borderSizes[$borderSize]} 0 0\n            ${borderSizes[$borderSize]};\n        `\n      }\n      return css`\n        border-radius: ${borderSizes[$borderSize]};\n      `\n    }\n\n    return css``\n  }}\n`\n\nexport const ProportionProgressLineStyle = styled.div`\n  position: absolute;\n  right: 0;\n  background-color: #273852;\n  height: calc(100% + 2px);\n  top: -1px;\n  bottom: -1px;\n  width: 2px;\n  margin-left: auto;\n  border-radius: 2px;\n`\nexport const ProportionLabelStyle = styled.div`\n  position: absolute;\n  top: -22px;\n  right: 0;\n  white-space: nowrap;\n  font-size: 10px;\n  line-height: 20px;\n  color: #7a8aa0;\n`\n"],"names":["WrapperStyle","styled","div","$height","borderSizes","sm","md","lg","marginSizes","ProportionStyle","$flexGrow","$border","$borderSize","ChartProportionBorderType","rounded","css","$margin","ProportionProgressStyle","$backgroundColor","$progress","ProportionProgressLineStyle","ProportionLabelStyle"],"mappings":"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"}

package/dist/cjs/chart-proportion/types.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+let ChartProportionBorderType = /*#__PURE__*/function (ChartProportionBorderType) {
+  ChartProportionBorderType["rounded"] = "rounded";
+  ChartProportionBorderType["square"] = "square";
+  return ChartProportionBorderType;
+}({});
+let ChartProportionBorderSize = /*#__PURE__*/function (ChartProportionBorderSize) {
+  ChartProportionBorderSize["sm"] = "sm";
+  ChartProportionBorderSize["md"] = "md";
+  ChartProportionBorderSize["lg"] = "lg";
+  return ChartProportionBorderSize;
+}({});
+let MarginSize = /*#__PURE__*/function (MarginSize) {
+  MarginSize["sm"] = "sm";
+  MarginSize["md"] = "md";
+  MarginSize["lg"] = "lg";
+  return MarginSize;
+}({});
+
+exports.ChartProportionBorderSize = ChartProportionBorderSize;
+exports.ChartProportionBorderType = ChartProportionBorderType;
+exports.MarginSize = MarginSize;
+//# sourceMappingURL=types.js.map

package/dist/cjs/chart-proportion/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../packages/chart-proportion/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '../utils/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport enum ChartProportionBorderType {\n  rounded = 'rounded',\n  square = 'square',\n}\nexport type ChartProportionBorderTypes = keyof typeof ChartProportionBorderType\n\nexport enum ChartProportionBorderSize {\n  sm = 'sm',\n  md = 'md',\n  lg = 'lg',\n}\nexport type ChartProportionBorderSizes = keyof typeof ChartProportionBorderSize\n\nexport enum MarginSize {\n  sm = 'sm',\n  md = 'md',\n  lg = 'lg',\n}\nexport type MarginSizes = keyof typeof MarginSize\n\nexport type ChartProportionConfig = {\n  height: number\n  border: ChartProportionBorderType\n  borderSize: ChartProportionBorderSize\n  margin: MarginSize\n  showLabels?: boolean\n  loading?: boolean\n  data: ChartProportionData[]\n}\n\nexport type ChartProportionData = {\n  show?: boolean\n  color?: string\n  value: number\n  progress: number\n  label?: string\n}\n\nexport type ChartProportionProps = LidoComponentProps<\n  'div',\n  ChartProportionConfig\n>\n"],"names":["ChartProportionBorderType","ChartProportionBorderSize","MarginSize"],"mappings":";;;;AAGYA,IAAAA,yBAAZ,0BAAYA,yBAAZ,EAAA;EAAYA,yBAAZ,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAYA,yBAAZ,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAAYA,yBAAZ,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAMYC,IAAAA,yBAAZ,0BAAYA,yBAAZ,EAAA;EAAYA,yBAAZ,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAAYA,yBAAZ,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAAYA,yBAAZ,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;AAAA,EAAA,OAAYA,yBAAZ,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAOYC,IAAAA,UAAZ,0BAAYA,UAAZ,EAAA;EAAYA,UAAZ,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAAYA,UAAZ,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAAYA,UAAZ,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;AAAA,EAAA,OAAYA,UAAZ,CAAA;AAAA,CAAA,CAAA,EAAA;;;;;;"}

package/dist/cjs/cookies-tooltip/cookies-tooltip.js

@@ -14,6 +14,7 @@ const CookiesTooltip = _ref => {
   let {
     privacyText,
     privacyLink,
+    privacyLinkEnabled = true,
     ...rest
   } = _ref;
   const [isVisible, setVisibility] = React.useState(false);
@@ -38,9 +39,11 @@ const CookiesTooltip = _ref => {
   return /*#__PURE__*/jsxRuntime.jsx(styles.Wrap, { ...rest,
     children: /*#__PURE__*/jsxRuntime.jsxs(styles.Box, {
       children: [/*#__PURE__*/jsxRuntime.jsxs(styles.Text, {
-        children: [privacyText ?? /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-          children: "Cookies are used to collect anonymous site visitation data to\xA0improve website performance. For\xA0more info, read\xA0"
-        }), /*#__PURE__*/jsxRuntime.jsx(styles.ExternalLink, {
+        children: [privacyText ?? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: ["Cookies are used to collect anonymous site visitation data to\xA0improve website performance.", privacyLinkEnabled && /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+            children: "\xA0For\xA0more info, read\xA0"
+          })]
+        }), privacyLinkEnabled && /*#__PURE__*/jsxRuntime.jsx(styles.ExternalLink, {
           href: privacyLink ?? 'https://lido.fi/privacy-notice',
           children: "Privacy Notice"
         })]

package/dist/cjs/cookies-tooltip/cookies-tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"cookies-tooltip.js","sources":["../../../packages/cookies-tooltip/cookies-tooltip.tsx"],"sourcesContent":["import {\n  FC,\n  useEffect,\n  useState,\n  useCallback,\n  ComponentPropsWithoutRef,\n  ReactNode,\n} from 'react'\nimport { getCrossDomainCookieClientSide } from '../utils/index.js'\nimport {\n  Wrap,\n  Box,\n  Text,\n  ButtonsWrap,\n  AllowButton,\n  DeclineButton,\n  ExternalLink,\n} from './styles.js'\nimport { allowCookies, declineCookies } from './utils.js'\nimport { COOKIE_ALLOWED_KEY } from './constants.js'\n\nexport type CookiesTooltipProps = Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'children'\n> & {\n  privacyText?: ReactNode\n  privacyLink?: string\n}\n\nexport const CookiesTooltip: FC<CookiesTooltipProps> = ({\n  privacyText,\n  privacyLink,\n  ...rest\n}) => {\n  const [isVisible, setVisibility] = useState(false)\n\n  const checkCookieAllowedEarlier = useCallback(() => {\n    // Check if user allowed/declined in other tab or third level domain\n    if (getCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY)) {\n      setVisibility(false)\n\n      window.removeEventListener('focus', checkCookieAllowedEarlier)\n    }\n  }, [])\n\n  useEffect(() => {\n    // Check cookie after page loaded\n    if (getCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY)) {\n      return\n    }\n\n    setVisibility(true)\n\n    // This code runs after returned to this browser tab (window) from other\n    window.addEventListener('focus', checkCookieAllowedEarlier)\n  }, [checkCookieAllowedEarlier])\n\n  if (!isVisible) return <></>\n\n  return (\n    <Wrap {...rest}>\n      <Box>\n        <Text>\n          {privacyText ?? (\n            <>\n              Cookies are used to collect anonymous site visitation data\n              to&nbsp;improve website performance. For&nbsp;more info,\n              read&nbsp;\n            </>\n          )}\n          <ExternalLink href={privacyLink ?? 'https://lido.fi/privacy-notice'}>\n            Privacy Notice\n          </ExternalLink>\n        </Text>\n        <ButtonsWrap>\n          <AllowButton\n            onClick={() => {\n              allowCookies()\n              setVisibility(false)\n            }}\n          >\n            Allow\n          </AllowButton>\n          <DeclineButton\n            onClick={() => {\n              declineCookies()\n              setVisibility(false)\n            }}\n          >\n            Decline\n          </DeclineButton>\n        </ButtonsWrap>\n      </Box>\n    </Wrap>\n  )\n}\n"],"names":["CookiesTooltip","privacyText","privacyLink","rest","isVisible","setVisibility","useState","checkCookieAllowedEarlier","useCallback","getCrossDomainCookieClientSide","COOKIE_ALLOWED_KEY","window","removeEventListener","useEffect","addEventListener","_jsx","_Fragment","Wrap","_jsxs","Box","Text","ExternalLink","ButtonsWrap","AllowButton","allowCookies","DeclineButton","declineCookies"],"mappings":";;;;;;;;;;;;AA6BO,MAAMA,cAAuC,GAAG,IAIjD,IAAA;EAAA,IAJkD;IACtDC,WADsD;IAEtDC,WAFsD;IAGtD,GAAGC,IAAAA;GACC,GAAA,IAAA,CAAA;EACJ,MAAM,CAACC,SAAD,EAAYC,aAAZ,IAA6BC,cAAQ,CAAC,KAAD,CAA3C,CAAA;AAEA,EAAA,MAAMC,yBAAyB,GAAGC,iBAAW,CAAC,MAAM;AAClD;AACA,IAAA,IAAIC,gDAA8B,CAACC,4BAAD,CAAlC,EAAwD;MACtDL,aAAa,CAAC,KAAD,CAAb,CAAA;AAEAM,MAAAA,MAAM,CAACC,mBAAP,CAA2B,OAA3B,EAAoCL,yBAApC,CAAA,CAAA;AACD,KAAA;GAN0C,EAO1C,EAP0C,CAA7C,CAAA;AASAM,EAAAA,eAAS,CAAC,MAAM;AACd;AACA,IAAA,IAAIJ,gDAA8B,CAACC,4BAAD,CAAlC,EAAwD;AACtD,MAAA,OAAA;AACD,KAAA;;AAEDL,IAAAA,aAAa,CAAC,IAAD,CAAb,CANc;;AASdM,IAAAA,MAAM,CAACG,gBAAP,CAAwB,OAAxB,EAAiCP,yBAAjC,CAAA,CAAA;AACD,GAVQ,EAUN,CAACA,yBAAD,CAVM,CAAT,CAAA;AAYA,EAAA,IAAI,CAACH,SAAL,EAAgB,oBAAOW,cAAP,CAAAC,mBAAA,EAAA,EAAA,CAAA,CAAA;EAEhB,oBACED,cAAA,CAACE,WAAD,EAAA,EAAA,GAAUd,IAAV;AAAA,IAAA,QAAA,eACEe,gBAACC,UAAD,EAAA;AAAA,MAAA,QAAA,EAAA,cACED,gBAACE,WAAD,EAAA;AAAA,QAAA,QAAA,EAAA,CACGnB,WAAW,iBACVc,cAAA,CAAAC,mBAAA,EAAA;AAAA,UAAA,QAAA,EAAA,0HAAA;SAFJ,CAAA,eAQED,eAACM,mBAAD,EAAA;UAAc,IAAI,EAAEnB,WAAW,IAAI,gCAAnC;AAAA,UAAA,QAAA,EAAA,gBAAA;SARF,CAAA,CAAA;OADF,CAAA,eAaEgB,gBAACI,kBAAD,EAAA;AAAA,QAAA,QAAA,EAAA,cACEP,eAACQ,kBAAD,EAAA;AACE,UAAA,OAAO,EAAE,MAAM;YACbC,kBAAY,EAAA,CAAA;YACZnB,aAAa,CAAC,KAAD,CAAb,CAAA;WAHJ;AAAA,UAAA,QAAA,EAAA,OAAA;SADF,CAAA,eASEU,eAACU,oBAAD,EAAA;AACE,UAAA,OAAO,EAAE,MAAM;YACbC,oBAAc,EAAA,CAAA;YACdrB,aAAa,CAAC,KAAD,CAAb,CAAA;WAHJ;AAAA,UAAA,QAAA,EAAA,SAAA;SATF,CAAA,CAAA;OAbF,CAAA,CAAA;AAAA,KAAA,CAAA;GAFJ,CAAA,CAAA;AAoCD;;;;"}
+{"version":3,"file":"cookies-tooltip.js","sources":["../../../packages/cookies-tooltip/cookies-tooltip.tsx"],"sourcesContent":["import {\n  FC,\n  useEffect,\n  useState,\n  useCallback,\n  ComponentPropsWithoutRef,\n  ReactNode,\n} from 'react'\nimport { getCrossDomainCookieClientSide } from '../utils/index.js'\nimport {\n  Wrap,\n  Box,\n  Text,\n  ButtonsWrap,\n  AllowButton,\n  DeclineButton,\n  ExternalLink,\n} from './styles.js'\nimport { allowCookies, declineCookies } from './utils.js'\nimport { COOKIE_ALLOWED_KEY } from './constants.js'\n\nexport type CookiesTooltipProps = Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'children'\n> & {\n  privacyText?: ReactNode\n  privacyLink?: string\n  privacyLinkEnabled?: boolean\n}\n\nexport const CookiesTooltip: FC<CookiesTooltipProps> = ({\n  privacyText,\n  privacyLink,\n  privacyLinkEnabled = true,\n  ...rest\n}) => {\n  const [isVisible, setVisibility] = useState(false)\n\n  const checkCookieAllowedEarlier = useCallback(() => {\n    // Check if user allowed/declined in other tab or third level domain\n    if (getCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY)) {\n      setVisibility(false)\n\n      window.removeEventListener('focus', checkCookieAllowedEarlier)\n    }\n  }, [])\n\n  useEffect(() => {\n    // Check cookie after page loaded\n    if (getCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY)) {\n      return\n    }\n\n    setVisibility(true)\n\n    // This code runs after returned to this browser tab (window) from other\n    window.addEventListener('focus', checkCookieAllowedEarlier)\n  }, [checkCookieAllowedEarlier])\n\n  if (!isVisible) return <></>\n\n  return (\n    <Wrap {...rest}>\n      <Box>\n        <Text>\n          {privacyText ?? (\n            <>\n              Cookies are used to collect anonymous site visitation data\n              to&nbsp;improve website performance.\n              {privacyLinkEnabled && <>&nbsp;For&nbsp;more info, read&nbsp;</>}\n            </>\n          )}\n          {privacyLinkEnabled && (\n            <ExternalLink\n              href={privacyLink ?? 'https://lido.fi/privacy-notice'}\n            >\n              Privacy Notice\n            </ExternalLink>\n          )}\n        </Text>\n        <ButtonsWrap>\n          <AllowButton\n            onClick={() => {\n              allowCookies()\n              setVisibility(false)\n            }}\n          >\n            Allow\n          </AllowButton>\n          <DeclineButton\n            onClick={() => {\n              declineCookies()\n              setVisibility(false)\n            }}\n          >\n            Decline\n          </DeclineButton>\n        </ButtonsWrap>\n      </Box>\n    </Wrap>\n  )\n}\n"],"names":["CookiesTooltip","privacyText","privacyLink","privacyLinkEnabled","rest","isVisible","setVisibility","useState","checkCookieAllowedEarlier","useCallback","getCrossDomainCookieClientSide","COOKIE_ALLOWED_KEY","window","removeEventListener","useEffect","addEventListener","_jsx","_Fragment","Wrap","_jsxs","Box","Text","ExternalLink","ButtonsWrap","AllowButton","allowCookies","DeclineButton","declineCookies"],"mappings":";;;;;;;;;;;;AA8BO,MAAMA,cAAuC,GAAG,IAKjD,IAAA;EAAA,IALkD;IACtDC,WADsD;IAEtDC,WAFsD;AAGtDC,IAAAA,kBAAkB,GAAG,IAHiC;IAItD,GAAGC,IAAAA;GACC,GAAA,IAAA,CAAA;EACJ,MAAM,CAACC,SAAD,EAAYC,aAAZ,IAA6BC,cAAQ,CAAC,KAAD,CAA3C,CAAA;AAEA,EAAA,MAAMC,yBAAyB,GAAGC,iBAAW,CAAC,MAAM;AAClD;AACA,IAAA,IAAIC,gDAA8B,CAACC,4BAAD,CAAlC,EAAwD;MACtDL,aAAa,CAAC,KAAD,CAAb,CAAA;AAEAM,MAAAA,MAAM,CAACC,mBAAP,CAA2B,OAA3B,EAAoCL,yBAApC,CAAA,CAAA;AACD,KAAA;GAN0C,EAO1C,EAP0C,CAA7C,CAAA;AASAM,EAAAA,eAAS,CAAC,MAAM;AACd;AACA,IAAA,IAAIJ,gDAA8B,CAACC,4BAAD,CAAlC,EAAwD;AACtD,MAAA,OAAA;AACD,KAAA;;AAEDL,IAAAA,aAAa,CAAC,IAAD,CAAb,CANc;;AASdM,IAAAA,MAAM,CAACG,gBAAP,CAAwB,OAAxB,EAAiCP,yBAAjC,CAAA,CAAA;AACD,GAVQ,EAUN,CAACA,yBAAD,CAVM,CAAT,CAAA;AAYA,EAAA,IAAI,CAACH,SAAL,EAAgB,oBAAOW,cAAP,CAAAC,mBAAA,EAAA,EAAA,CAAA,CAAA;EAEhB,oBACED,cAAA,CAACE,WAAD,EAAA,EAAA,GAAUd,IAAV;AAAA,IAAA,QAAA,eACEe,gBAACC,UAAD,EAAA;AAAA,MAAA,QAAA,EAAA,cACED,gBAACE,WAAD,EAAA;AAAA,QAAA,QAAA,EAAA,CACGpB,WAAW,iBACVkB,eAAA,CAAAF,mBAAA,EAAA;AAAA,UAAA,QAAA,EAAA,CAAA,+FAAA,EAGGd,kBAAkB,iBAAIa,cAAA,CAAAC,mBAAA,EAAA;AAAA,YAAA,QAAA,EAAA,gCAAA;WAHzB,CAAA,CAAA;AAAA,SAAA,CAFJ,EAQGd,kBAAkB,iBACjBa,cAAA,CAACM,mBAAD,EAAA;UACE,IAAI,EAAEpB,WAAW,IAAI,gCADvB;AAAA,UAAA,QAAA,EAAA,gBAAA;SATJ,CAAA,CAAA;OADF,CAAA,eAiBEiB,gBAACI,kBAAD,EAAA;AAAA,QAAA,QAAA,EAAA,cACEP,eAACQ,kBAAD,EAAA;AACE,UAAA,OAAO,EAAE,MAAM;YACbC,kBAAY,EAAA,CAAA;YACZnB,aAAa,CAAC,KAAD,CAAb,CAAA;WAHJ;AAAA,UAAA,QAAA,EAAA,OAAA;SADF,CAAA,eASEU,eAACU,oBAAD,EAAA;AACE,UAAA,OAAO,EAAE,MAAM;YACbC,oBAAc,EAAA,CAAA;YACdrB,aAAa,CAAC,KAAD,CAAb,CAAA;WAHJ;AAAA,UAAA,QAAA,EAAA,SAAA;SATF,CAAA,CAAA;OAjBF,CAAA,CAAA;AAAA,KAAA,CAAA;GAFJ,CAAA,CAAA;AAwCD;;;;"}

package/dist/cjs/index.js

@@ -105,6 +105,11 @@ const cookieThemeToggler = require('./cookie-theme-toggler/cookie-theme-toggler.
 const contentTheme = require('./content-theme/content-theme.js');
 const cookiesTooltip = require('./cookies-tooltip/cookies-tooltip.js');
 const utils = require('./cookies-tooltip/utils.js');
+const ChartLine = require('./chart-line/ChartLine.js');
+const ChartLineLabel = require('./chart-line/ChartLineLabel.js');
+const types$h = require('./chart-line/types.js');
+const ChartProportion = require('./chart-proportion/ChartProportion.js');
+const types$i = require('./chart-proportion/types.js');
 const modalRoot = require('./utils/modalRoot.js');
 const elementFonts = require('./theme/document-head-contents/element-fonts.js');
 const getTopLevelDomain = require('./utils/get-top-level-domain.js');
@@ -338,6 +343,14 @@ exports.ThemeToggler = cookieThemeToggler.ThemeToggler;
 exports.ContentTheme = contentTheme.ContentTheme;
 exports.CookiesTooltip = cookiesTooltip.CookiesTooltip;
 exports.migrationAllowCookieToCrossDomainCookieClientSide = utils.migrationAllowCookieToCrossDomainCookieClientSide;
+exports.ChartLine = ChartLine.ChartLine;
+exports.ChartLineLabel = ChartLineLabel.ChartLineLabel;
+exports.ChartLineBorderType = types$h.ChartLineBorderType;
+exports.ChartLineThresholdType = types$h.ChartLineThresholdType;
+exports.ChartProportion = ChartProportion.ChartProportion;
+exports.ChartProportionBorderSize = types$i.ChartProportionBorderSize;
+exports.ChartProportionBorderType = types$i.ChartProportionBorderType;
+exports.MarginSize = types$i.MarginSize;
 exports.modalRoot = modalRoot;
 exports.Fonts = elementFonts.Fonts;
 exports.getTopLevelDomain = getTopLevelDomain.getTopLevelDomain;

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,88 @@
+import { forwardRef, useState, useMemo, useLayoutEffect } from 'react';
+import '../loaders/Loader.mjs';
+import { InlineLoader } from '../loaders/InlineLoader.mjs';
+import { ChartLineLabel } from './ChartLineLabel.mjs';
+import { CHART_LINE_CONTAINER_ID } from './utils/constants.mjs';
+import { getContainerSize } from './utils/getContainerSize.mjs';
+import { processData } from './utils/processData.mjs';
+import { WrapperStyle, ContainerStyle, LineStyle } from './ChartLineStyles.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+const ChartLine = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    loading = false,
+    onClick,
+    children,
+    height,
+    border,
+    data,
+    showLabels,
+    maxValue,
+    thresholdType,
+    ...rest
+  } = props;
+  const [containerSize, setContainerSize] = useState(null);
+  const {
+    data: processedData,
+    ids
+  } = useMemo(() => processData(data, maxValue), [data, maxValue]);
+  const allPreviousIds = useMemo(() => ids.map((_, index) => ids.slice(0, index)), [ids]);
+  useLayoutEffect(() => {
+    if (!showLabels) {
+      setContainerSize(null);
+      return;
+    }
+
+    const containerSize = getContainerSize(ids);
+    setContainerSize(containerSize);
+  }, [ids, showLabels]);
+
+  if (loading) {
+    return /*#__PURE__*/jsx(WrapperStyle, {
+      $border: border,
+      $height: height,
+      ref: ref,
+      ...rest,
+      children: /*#__PURE__*/jsx(InlineLoader, {})
+    });
+  }
+
+  return /*#__PURE__*/jsx(ContainerStyle, {
+    id: CHART_LINE_CONTAINER_ID,
+    $alignItems: containerSize?.isCenterAlign ? 'center' : 'flex-start',
+    $height: containerSize?.size ?? 0,
+    children: /*#__PURE__*/jsx(WrapperStyle, {
+      $border: border,
+      $height: height,
+      ref: ref,
+      ...rest,
+      children: processedData.map((item, index) => {
+        const {
+          color,
+          id,
+          width
+        } = item;
+        const previousIds = allPreviousIds[index];
+        return /*#__PURE__*/jsx(LineStyle, {
+          $width: `${width}%`,
+          $backgroundColor: color,
+          $zIndex: processedData.length - index,
+          $border: border,
+          $isFullWidth: width === 100,
+          children: /*#__PURE__*/jsx(ChartLineLabel, {
+            zIndex: processedData.length - index,
+            show: showLabels,
+            previousIds: previousIds,
+            height: height,
+            thresholdType: thresholdType,
+            ...item
+          })
+        }, id);
+      })
+    })
+  });
+});
+ChartLine.displayName = 'ChartLine';
+
+export { ChartLine };
+//# sourceMappingURL=ChartLine.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChartLine.mjs","sources":["../../../packages/chart-line/ChartLine.tsx"],"sourcesContent":["import {\n  ForwardedRef,\n  forwardRef,\n  useMemo,\n  useLayoutEffect,\n  useState,\n} from 'react'\n\nimport { InlineLoader } from '../loaders/index.js'\n\nimport { ChartLineLabel } from './ChartLineLabel.js'\nimport {\n  CHART_LINE_CONTAINER_ID,\n  getContainerSize,\n  processData,\n} from './utils/index.js'\nimport { ContainerStyle, LineStyle, WrapperStyle } from './ChartLineStyles.js'\nimport { ChartLineProps } from './types.js'\n\nexport const ChartLine = forwardRef(\n  (props: ChartLineProps, ref?: ForwardedRef<HTMLDivElement>) => {\n    const {\n      loading = false,\n      onClick,\n      children,\n      height,\n      border,\n      data,\n      showLabels,\n      maxValue,\n      thresholdType,\n      ...rest\n    } = props\n\n    const [containerSize, setContainerSize] = useState<{\n      size: number\n      isCenterAlign: boolean\n    } | null>(null)\n\n    const { data: processedData, ids } = useMemo(\n      () => processData(data, maxValue),\n      [data, maxValue],\n    )\n\n    const allPreviousIds = useMemo(\n      () => ids.map((_, index) => ids.slice(0, index)),\n      [ids],\n    )\n\n    useLayoutEffect(() => {\n      if (!showLabels) {\n        setContainerSize(null)\n        return\n      }\n      const containerSize = getContainerSize(ids)\n      setContainerSize(containerSize)\n    }, [ids, showLabels])\n\n    if (loading) {\n      return (\n        <WrapperStyle $border={border} $height={height} ref={ref} {...rest}>\n          <InlineLoader />\n        </WrapperStyle>\n      )\n    }\n\n    return (\n      <ContainerStyle\n        id={CHART_LINE_CONTAINER_ID}\n        $alignItems={containerSize?.isCenterAlign ? 'center' : 'flex-start'}\n        $height={containerSize?.size ?? 0}\n      >\n        <WrapperStyle $border={border} $height={height} ref={ref} {...rest}>\n          {processedData.map((item, index) => {\n            const { color, id, width } = item\n            const previousIds = allPreviousIds[index]\n\n            return (\n              <LineStyle\n                key={id}\n                $width={`${width}%`}\n                $backgroundColor={color}\n                $zIndex={processedData.length - index}\n                $border={border}\n                $isFullWidth={width === 100}\n              >\n                <ChartLineLabel\n                  zIndex={processedData.length - index}\n                  show={showLabels}\n                  previousIds={previousIds}\n                  height={height}\n                  thresholdType={thresholdType}\n                  {...item}\n                />\n              </LineStyle>\n            )\n          })}\n        </WrapperStyle>\n      </ContainerStyle>\n    )\n  },\n)\nChartLine.displayName = 'ChartLine'\n"],"names":["ChartLine","forwardRef","props","ref","loading","onClick","children","height","border","data","showLabels","maxValue","thresholdType","rest","containerSize","setContainerSize","useState","processedData","ids","useMemo","processData","allPreviousIds","map","_","index","slice","useLayoutEffect","getContainerSize","_jsx","CHART_LINE_CONTAINER_ID","isCenterAlign","size","item","color","id","width","previousIds","length","displayName"],"mappings":"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"}

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

@@ -0,0 +1,62 @@
+import { forwardRef, useLayoutEffect } from 'react';
+import { ChartLineThresholdType } from './types.mjs';
+import { ThresholdStyle, ThresholdLabelStyle } from './ChartLineStyles.mjs';
+import { handlePositioning } from './utils/handlePositioning.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+const ChartLineLabel = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    previousIds,
+    id,
+    color,
+    zIndex,
+    show,
+    labelPosition,
+    thresholdType,
+    height,
+    threshold,
+    ...rest
+  } = props;
+  useLayoutEffect(() => {
+    if (!show) return;
+
+    if (thresholdType !== ChartLineThresholdType.flag) {
+      handlePositioning({
+        previousIds,
+        id,
+        reset: true
+      });
+    } else {
+      handlePositioning({
+        previousIds,
+        id
+      });
+    }
+  }, [previousIds, id, show, thresholdType]);
+  if (!show) return null;
+  const backgroundColor = threshold.color || color;
+  const content = threshold.descriptionElement || threshold.description;
+  return /*#__PURE__*/jsx(ThresholdStyle, {
+    ref: ref,
+    id: id,
+    "data-label-position": labelPosition,
+    $labelPosition: labelPosition,
+    $thresholdType: thresholdType,
+    $height: height,
+    $backgroundColor: backgroundColor,
+    $zIndex: zIndex,
+    ...rest,
+    children: thresholdType === ChartLineThresholdType.flag && /*#__PURE__*/jsx(ThresholdLabelStyle, {
+      style: {
+        backgroundColor
+      },
+      id: `${id}-description`,
+      $labelPosition: labelPosition,
+      children: content
+    })
+  });
+});
+ChartLineLabel.displayName = 'ChartLineLabel';
+
+export { ChartLineLabel };
+//# sourceMappingURL=ChartLineLabel.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChartLineLabel.mjs","sources":["../../../packages/chart-line/ChartLineLabel.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, useLayoutEffect } from 'react'\n\nimport { ChartLineLabelProps, ChartLineThresholdType } from './types.js'\nimport { ThresholdLabelStyle, ThresholdStyle } from './ChartLineStyles.js'\nimport { handlePositioning } from './utils/index.js'\n\nexport const ChartLineLabel = forwardRef(\n  (props: ChartLineLabelProps, ref?: ForwardedRef<HTMLDivElement>) => {\n    const {\n      previousIds,\n      id,\n      color,\n      zIndex,\n      show,\n      labelPosition,\n      thresholdType,\n      height,\n      threshold,\n      ...rest\n    } = props\n\n    useLayoutEffect(() => {\n      if (!show) return\n      if (thresholdType !== ChartLineThresholdType.flag) {\n        handlePositioning({ previousIds, id, reset: true })\n      } else {\n        handlePositioning({ previousIds, id })\n      }\n    }, [previousIds, id, show, thresholdType])\n\n    if (!show) return null\n\n    const backgroundColor = threshold.color || color\n    const content = threshold.descriptionElement || threshold.description\n\n    return (\n      <ThresholdStyle\n        ref={ref}\n        id={id}\n        data-label-position={labelPosition}\n        $labelPosition={labelPosition}\n        $thresholdType={thresholdType}\n        $height={height}\n        $backgroundColor={backgroundColor}\n        $zIndex={zIndex}\n        {...rest}\n      >\n        {thresholdType === ChartLineThresholdType.flag && (\n          <ThresholdLabelStyle\n            style={{ backgroundColor }}\n            id={`${id}-description`}\n            $labelPosition={labelPosition}\n          >\n            {content}\n          </ThresholdLabelStyle>\n        )}\n      </ThresholdStyle>\n    )\n  },\n)\nChartLineLabel.displayName = 'ChartLineLabel'\n"],"names":["ChartLineLabel","forwardRef","props","ref","previousIds","id","color","zIndex","show","labelPosition","thresholdType","height","threshold","rest","useLayoutEffect","ChartLineThresholdType","flag","handlePositioning","reset","backgroundColor","content","descriptionElement","description","_jsx","displayName"],"mappings":";;;;;;AAMO,MAAMA,cAAc,gBAAGC,UAAU,CACtC,CAACC,KAAD,EAA6BC,GAA7B,KAAoE;EAClE,MAAM;IACJC,WADI;IAEJC,EAFI;IAGJC,KAHI;IAIJC,MAJI;IAKJC,IALI;IAMJC,aANI;IAOJC,aAPI;IAQJC,MARI;IASJC,SATI;IAUJ,GAAGC,IAAAA;AAVC,GAAA,GAWFX,KAXJ,CAAA;AAaAY,EAAAA,eAAe,CAAC,MAAM;IACpB,IAAI,CAACN,IAAL,EAAW,OAAA;;AACX,IAAA,IAAIE,aAAa,KAAKK,sBAAsB,CAACC,IAA7C,EAAmD;AACjDC,MAAAA,iBAAiB,CAAC;QAAEb,WAAF;QAAeC,EAAf;AAAmBa,QAAAA,KAAK,EAAE,IAAA;AAA1B,OAAD,CAAjB,CAAA;AACD,KAFD,MAEO;AACLD,MAAAA,iBAAiB,CAAC;QAAEb,WAAF;AAAeC,QAAAA,EAAAA;AAAf,OAAD,CAAjB,CAAA;AACD,KAAA;GANY,EAOZ,CAACD,WAAD,EAAcC,EAAd,EAAkBG,IAAlB,EAAwBE,aAAxB,CAPY,CAAf,CAAA;AASA,EAAA,IAAI,CAACF,IAAL,EAAW,OAAO,IAAP,CAAA;AAEX,EAAA,MAAMW,eAAe,GAAGP,SAAS,CAACN,KAAV,IAAmBA,KAA3C,CAAA;EACA,MAAMc,OAAO,GAAGR,SAAS,CAACS,kBAAV,IAAgCT,SAAS,CAACU,WAA1D,CAAA;AAEA,EAAA,oBACEC,IAAC,cAAD,EAAA;AACE,IAAA,GAAG,EAAEpB,GADP;AAEE,IAAA,EAAE,EAAEE,EAFN;AAGE,IAAA,qBAAA,EAAqBI,aAHvB;AAIE,IAAA,cAAc,EAAEA,aAJlB;AAKE,IAAA,cAAc,EAAEC,aALlB;AAME,IAAA,OAAO,EAAEC,MANX;AAOE,IAAA,gBAAgB,EAAEQ,eAPpB;AAQE,IAAA,OAAO,EAAEZ,MARX;AAAA,IAAA,GASMM,IATN;AAAA,IAAA,QAAA,EAWGH,aAAa,KAAKK,sBAAsB,CAACC,IAAzC,iBACCO,IAAC,mBAAD,EAAA;AACE,MAAA,KAAK,EAAE;AAAEJ,QAAAA,eAAAA;OADX;MAEE,EAAE,EAAG,CAAEd,EAAAA,EAAG,CAFZ,YAAA,CAAA;AAGE,MAAA,cAAc,EAAEI,aAHlB;MAAA,QAKGW,EAAAA,OAAAA;AALH,KAAA,CAAA;GAbN,CAAA,CAAA;AAuBD,CApDqC,EAAjC;AAsDPpB,cAAc,CAACwB,WAAf,GAA6B,gBAA7B;;;;"}