@lidofinance/lido-ui 3.29.0 → 3.30.1

package/dist/cjs/button/Button.js

@@ -56,7 +56,7 @@ const Button = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     }), !active && ripple]
   });
 });
-Button.displayName = 'Butotn';
+Button.displayName = 'Button';
 
 exports.Button = Button;
 //# sourceMappingURL=Button.js.map

package/dist/cjs/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../packages/button/Button.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n  ButtonStyle,\n  ButtonContentStyle,\n  ButtonLoaderStyle,\n} from './ButtonStyles.js'\nimport { ButtonProps } from './types.js'\nimport { useRipple } from './useRipple.js'\n\nconst loaderSizes = {\n  xxs: 'small',\n  xs: 'small',\n  sm: 'small',\n  md: 'medium',\n  lg: 'medium',\n} as const\n\nexport const Button = forwardRef(\n  (\n    {\n      size = 'md',\n      variant = 'filled',\n      color = 'primary',\n      square = false,\n      fullwidth = false,\n      loading = false,\n      active = false,\n      onClick,\n      disabled,\n      children,\n      ...rest\n    }: ButtonProps,\n    ref?: ForwardedRef<HTMLButtonElement>,\n  ) => {\n    const { handleClick, ripple } = useRipple({ onClick })\n    const loaderSize = loaderSizes[size]\n\n    return (\n      <ButtonStyle\n        $size={size}\n        $variant={variant}\n        $fullwidth={fullwidth}\n        $color={color}\n        $square={square}\n        $loading={loading}\n        $active={active}\n        onClick={handleClick}\n        disabled={disabled || loading}\n        type='button'\n        ref={ref}\n        {...rest}\n      >\n        <ButtonContentStyle $hidden={loading}>{children}</ButtonContentStyle>\n        {loading && <ButtonLoaderStyle size={loaderSize} />}\n        {!active && ripple}\n      </ButtonStyle>\n    )\n  },\n)\nButton.displayName = 'Butotn'\n"],"names":["loaderSizes","xxs","xs","sm","md","lg","Button","forwardRef","ref","size","variant","color","square","fullwidth","loading","active","onClick","disabled","children","rest","handleClick","ripple","useRipple","loaderSize","_jsxs","ButtonStyle","_jsx","ButtonContentStyle","ButtonLoaderStyle","displayName"],"mappings":";;;;;;;;;AASA,MAAMA,WAAW,GAAG;AAClBC,EAAAA,GAAG,EAAE,OADa;AAElBC,EAAAA,EAAE,EAAE,OAFc;AAGlBC,EAAAA,EAAE,EAAE,OAHc;AAIlBC,EAAAA,EAAE,EAAE,QAJc;AAKlBC,EAAAA,EAAE,EAAE,QAAA;AALc,CAApB,CAAA;MAQaC,MAAM,gBAAGC,gBAAU,CAC9B,CAAA,IAAA,EAcEC,GAdF,KAeK;EAAA,IAdH;AACEC,IAAAA,IAAI,GAAG,IADT;AAEEC,IAAAA,OAAO,GAAG,QAFZ;AAGEC,IAAAA,KAAK,GAAG,SAHV;AAIEC,IAAAA,MAAM,GAAG,KAJX;AAKEC,IAAAA,SAAS,GAAG,KALd;AAMEC,IAAAA,OAAO,GAAG,KANZ;AAOEC,IAAAA,MAAM,GAAG,KAPX;IAQEC,OARF;IASEC,QATF;IAUEC,QAVF;IAWE,GAAGC,IAAAA;GAGF,GAAA,IAAA,CAAA;EACH,MAAM;IAAEC,WAAF;AAAeC,IAAAA,MAAAA;AAAf,GAAA,GAA0BC,mBAAS,CAAC;AAAEN,IAAAA,OAAAA;AAAF,GAAD,CAAzC,CAAA;AACA,EAAA,MAAMO,UAAU,GAAGvB,WAAW,CAACS,IAAD,CAA9B,CAAA;AAEA,EAAA,oBACEe,gBAACC,wBAAD,EAAA;AACE,IAAA,KAAK,EAAEhB,IADT;AAEE,IAAA,QAAQ,EAAEC,OAFZ;AAGE,IAAA,UAAU,EAAEG,SAHd;AAIE,IAAA,MAAM,EAAEF,KAJV;AAKE,IAAA,OAAO,EAAEC,MALX;AAME,IAAA,QAAQ,EAAEE,OANZ;AAOE,IAAA,OAAO,EAAEC,MAPX;AAQE,IAAA,OAAO,EAAEK,WARX;IASE,QAAQ,EAAEH,QAAQ,IAAIH,OATxB;AAUE,IAAA,IAAI,EAAC,QAVP;AAWE,IAAA,GAAG,EAAEN,GAXP;AAAA,IAAA,GAYMW,IAZN;AAAA,IAAA,QAAA,EAAA,cAcEO,eAACC,+BAAD,EAAA;AAAoB,MAAA,OAAO,EAAEb,OAA7B;MAAA,QAAuCI,EAAAA,QAAAA;AAAvC,KAAA,CAdF,EAeGJ,OAAO,iBAAIY,cAAA,CAACE,8BAAD,EAAA;AAAmB,MAAA,IAAI,EAAEL,UAAAA;AAAzB,KAAA,CAfd,EAgBG,CAACR,MAAD,IAAWM,MAhBd,CAAA;GADF,CAAA,CAAA;AAoBD,CAxC6B,EAAzB;AA0CPf,MAAM,CAACuB,WAAP,GAAqB,QAArB;;;;"}
+{"version":3,"file":"Button.js","sources":["../../../packages/button/Button.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n  ButtonStyle,\n  ButtonContentStyle,\n  ButtonLoaderStyle,\n} from './ButtonStyles.js'\nimport { ButtonProps } from './types.js'\nimport { useRipple } from './useRipple.js'\n\nconst loaderSizes = {\n  xxs: 'small',\n  xs: 'small',\n  sm: 'small',\n  md: 'medium',\n  lg: 'medium',\n} as const\n\nexport const Button = forwardRef(\n  (\n    {\n      size = 'md',\n      variant = 'filled',\n      color = 'primary',\n      square = false,\n      fullwidth = false,\n      loading = false,\n      active = false,\n      onClick,\n      disabled,\n      children,\n      ...rest\n    }: ButtonProps,\n    ref?: ForwardedRef<HTMLButtonElement>,\n  ) => {\n    const { handleClick, ripple } = useRipple({ onClick })\n    const loaderSize = loaderSizes[size]\n\n    return (\n      <ButtonStyle\n        $size={size}\n        $variant={variant}\n        $fullwidth={fullwidth}\n        $color={color}\n        $square={square}\n        $loading={loading}\n        $active={active}\n        onClick={handleClick}\n        disabled={disabled || loading}\n        type='button'\n        ref={ref}\n        {...rest}\n      >\n        <ButtonContentStyle $hidden={loading}>{children}</ButtonContentStyle>\n        {loading && <ButtonLoaderStyle size={loaderSize} />}\n        {!active && ripple}\n      </ButtonStyle>\n    )\n  },\n)\nButton.displayName = 'Button'\n"],"names":["loaderSizes","xxs","xs","sm","md","lg","Button","forwardRef","ref","size","variant","color","square","fullwidth","loading","active","onClick","disabled","children","rest","handleClick","ripple","useRipple","loaderSize","_jsxs","ButtonStyle","_jsx","ButtonContentStyle","ButtonLoaderStyle","displayName"],"mappings":";;;;;;;;;AASA,MAAMA,WAAW,GAAG;AAClBC,EAAAA,GAAG,EAAE,OADa;AAElBC,EAAAA,EAAE,EAAE,OAFc;AAGlBC,EAAAA,EAAE,EAAE,OAHc;AAIlBC,EAAAA,EAAE,EAAE,QAJc;AAKlBC,EAAAA,EAAE,EAAE,QAAA;AALc,CAApB,CAAA;MAQaC,MAAM,gBAAGC,gBAAU,CAC9B,CAAA,IAAA,EAcEC,GAdF,KAeK;EAAA,IAdH;AACEC,IAAAA,IAAI,GAAG,IADT;AAEEC,IAAAA,OAAO,GAAG,QAFZ;AAGEC,IAAAA,KAAK,GAAG,SAHV;AAIEC,IAAAA,MAAM,GAAG,KAJX;AAKEC,IAAAA,SAAS,GAAG,KALd;AAMEC,IAAAA,OAAO,GAAG,KANZ;AAOEC,IAAAA,MAAM,GAAG,KAPX;IAQEC,OARF;IASEC,QATF;IAUEC,QAVF;IAWE,GAAGC,IAAAA;GAGF,GAAA,IAAA,CAAA;EACH,MAAM;IAAEC,WAAF;AAAeC,IAAAA,MAAAA;AAAf,GAAA,GAA0BC,mBAAS,CAAC;AAAEN,IAAAA,OAAAA;AAAF,GAAD,CAAzC,CAAA;AACA,EAAA,MAAMO,UAAU,GAAGvB,WAAW,CAACS,IAAD,CAA9B,CAAA;AAEA,EAAA,oBACEe,gBAACC,wBAAD,EAAA;AACE,IAAA,KAAK,EAAEhB,IADT;AAEE,IAAA,QAAQ,EAAEC,OAFZ;AAGE,IAAA,UAAU,EAAEG,SAHd;AAIE,IAAA,MAAM,EAAEF,KAJV;AAKE,IAAA,OAAO,EAAEC,MALX;AAME,IAAA,QAAQ,EAAEE,OANZ;AAOE,IAAA,OAAO,EAAEC,MAPX;AAQE,IAAA,OAAO,EAAEK,WARX;IASE,QAAQ,EAAEH,QAAQ,IAAIH,OATxB;AAUE,IAAA,IAAI,EAAC,QAVP;AAWE,IAAA,GAAG,EAAEN,GAXP;AAAA,IAAA,GAYMW,IAZN;AAAA,IAAA,QAAA,EAAA,cAcEO,eAACC,+BAAD,EAAA;AAAoB,MAAA,OAAO,EAAEb,OAA7B;MAAA,QAAuCI,EAAAA,QAAAA;AAAvC,KAAA,CAdF,EAeGJ,OAAO,iBAAIY,cAAA,CAACE,8BAAD,EAAA;AAAmB,MAAA,IAAI,EAAEL,UAAAA;AAAzB,KAAA,CAfd,EAgBG,CAACR,MAAD,IAAWM,MAhBd,CAAA;GADF,CAAA,CAAA;AAoBD,CAxC6B,EAAzB;AA0CPf,MAAM,CAACuB,WAAP,GAAqB,QAArB;;;;"}

package/dist/cjs/chart-line/ChartLine.js

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

package/dist/cjs/chart-line/ChartLine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartLine.js","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","WrapperStyle","InlineLoader","ContainerStyle","CHART_LINE_CONTAINER_ID","isCenterAlign","size","item","color","id","width","previousIds","LineStyle","length","ChartLineLabel","displayName"],"mappings":"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"}

package/dist/cjs/chart-line/ChartLineLabel.js

@@ -0,0 +1,66 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+const types = require('./types.js');
+const ChartLineStyles = require('./ChartLineStyles.js');
+const handlePositioning = require('./utils/handlePositioning.js');
+const jsxRuntime = require('react/jsx-runtime');
+
+const ChartLineLabel = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    previousIds,
+    id,
+    color,
+    zIndex,
+    show,
+    labelPosition,
+    thresholdType,
+    height,
+    threshold,
+    ...rest
+  } = props;
+  React.useLayoutEffect(() => {
+    if (!show) return;
+
+    if (thresholdType !== types.ChartLineThresholdType.flag) {
+      handlePositioning.handlePositioning({
+        previousIds,
+        id,
+        reset: true
+      });
+    } else {
+      handlePositioning.handlePositioning({
+        previousIds,
+        id
+      });
+    }
+  }, [previousIds, id, show, thresholdType]);
+  if (!show) return null;
+  const backgroundColor = threshold.color || color;
+  const content = threshold.descriptionElement || threshold.description;
+  return /*#__PURE__*/jsxRuntime.jsx(ChartLineStyles.ThresholdStyle, {
+    ref: ref,
+    id: id,
+    "data-label-position": labelPosition,
+    $labelPosition: labelPosition,
+    $thresholdType: thresholdType,
+    $height: height,
+    $backgroundColor: backgroundColor,
+    $zIndex: zIndex,
+    ...rest,
+    children: thresholdType === types.ChartLineThresholdType.flag && /*#__PURE__*/jsxRuntime.jsx(ChartLineStyles.ThresholdLabelStyle, {
+      style: {
+        backgroundColor
+      },
+      id: `${id}-description`,
+      $labelPosition: labelPosition,
+      children: content
+    })
+  });
+});
+ChartLineLabel.displayName = 'ChartLineLabel';
+
+exports.ChartLineLabel = ChartLineLabel;
+//# sourceMappingURL=ChartLineLabel.js.map

package/dist/cjs/chart-line/ChartLineLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartLineLabel.js","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","ThresholdStyle","ThresholdLabelStyle","displayName"],"mappings":";;;;;;;;;;AAMO,MAAMA,cAAc,gBAAGC,gBAAU,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,qBAAe,CAAC,MAAM;IACpB,IAAI,CAACN,IAAL,EAAW,OAAA;;AACX,IAAA,IAAIE,aAAa,KAAKK,4BAAsB,CAACC,IAA7C,EAAmD;AACjDC,MAAAA,mCAAiB,CAAC;QAAEb,WAAF;QAAeC,EAAf;AAAmBa,QAAAA,KAAK,EAAE,IAAA;AAA1B,OAAD,CAAjB,CAAA;AACD,KAFD,MAEO;AACLD,MAAAA,mCAAiB,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,eAACC,8BAAD,EAAA;AACE,IAAA,GAAG,EAAErB,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,4BAAsB,CAACC,IAAzC,iBACCO,eAACE,mCAAD,EAAA;AACE,MAAA,KAAK,EAAE;AAAEN,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,CAAC0B,WAAf,GAA6B,gBAA7B;;;;"}

package/dist/cjs/chart-line/ChartLineStyles.js

@@ -0,0 +1,209 @@
+'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 ContainerStyle = styledComponentsWrapper.default.div`
+  display: flex;
+  width: 100%;
+  align-items: ${_ref => {
+  let {
+    $alignItems
+  } = _ref;
+  return $alignItems;
+}};
+  height: ${_ref2 => {
+  let {
+    $height
+  } = _ref2;
+  return $height;
+}}px;
+`;
+const WrapperStyle = styledComponentsWrapper.default.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 === types.ChartLineBorderType.rounded) {
+    return _styled.css`
+        border-radius: 4px;
+      `;
+  }
+
+  return _styled.css``;
+}}
+`;
+const ThresholdStyle = styledComponentsWrapper.default.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 _styled.css`
+        bottom: -2px;
+        top: unset;
+      `;
+  }
+
+  return _styled.css``;
+}}
+
+  ${_ref9 => {
+  let {
+    $thresholdType,
+    $height
+  } = _ref9;
+
+  if ($thresholdType === types.ChartLineThresholdType.dash) {
+    return _styled.css`
+        height: ${$height + 4}px;
+        top: -2px;
+      `;
+  }
+
+  return _styled.css``;
+}}
+`;
+const ThresholdLabelStyle = styledComponentsWrapper.default.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 _styled.css`
+        top: -2px;
+        bottom: unset;
+      `;
+  }
+
+  return _styled.css``;
+}};
+`;
+const LineStyle = styledComponentsWrapper.default.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 === types.ChartLineBorderType.rounded) {
+    return _styled.css`
+        border-radius: 4px 0 0 4px;
+      `;
+  }
+
+  return _styled.css``;
+}}
+
+  &:last-child {
+    ${_ref17 => {
+  let {
+    $border,
+    $isFullWidth
+  } = _ref17;
+
+  if ($border === types.ChartLineBorderType.rounded && $isFullWidth) {
+    return _styled.css`
+          border-radius: 4px;
+        `;
+  }
+
+  return _styled.css``;
+}}
+  }
+`;
+
+exports.ContainerStyle = ContainerStyle;
+exports.LineStyle = LineStyle;
+exports.ThresholdLabelStyle = ThresholdLabelStyle;
+exports.ThresholdStyle = ThresholdStyle;
+exports.WrapperStyle = WrapperStyle;
+//# sourceMappingURL=ChartLineStyles.js.map

package/dist/cjs/chart-line/ChartLineStyles.js.map

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

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

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

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

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const constants = require('./constants.js');
+
+const checkViewportOverflow = (position, elemSize, viewportSize) => {
+  const invertPosition = viewportSize - position;
+  return position + elemSize + constants.VIEWPORT_MARGIN > viewportSize && invertPosition + elemSize + constants.VIEWPORT_MARGIN < viewportSize;
+};
+
+exports.checkViewportOverflow = checkViewportOverflow;
+//# sourceMappingURL=checkViewport.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkViewport.js","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,yBAAtB,GAAwCF,YAAxC,IACAC,cAAc,GAAGF,QAAjB,GAA4BG,yBAA5B,GAA8CF,YAFhD,CAAA;AAID;;;;"}

package/dist/cjs/chart-line/utils/constants.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const VIEWPORT_MARGIN = 8;
+const CHART_LINE_CONTAINER_ID = 'chart-line-container';
+const LABEL_HEIGHT_INCREASE = 36;
+
+exports.CHART_LINE_CONTAINER_ID = CHART_LINE_CONTAINER_ID;
+exports.LABEL_HEIGHT_INCREASE = LABEL_HEIGHT_INCREASE;
+exports.VIEWPORT_MARGIN = VIEWPORT_MARGIN;
+//# sourceMappingURL=constants.js.map

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"getContainerSize.js","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;;;;"}