@lidofinance/lido-ui 3.31.0 → 3.32.0

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

@@ -6,7 +6,6 @@ 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');
@@ -26,10 +25,11 @@ const ChartLine = /*#__PURE__*/React.forwardRef((props, ref) => {
     ...rest
   } = props;
   const [containerSize, setContainerSize] = React.useState(null);
+  const containerId = React.useId();
   const {
     data: processedData,
     ids
-  } = React.useMemo(() => processData.processData(data, maxValue), [data, maxValue]);
+  } = React.useMemo(() => processData.processData(data, containerId, maxValue), [data, maxValue, containerId]);
   const allPreviousIds = React.useMemo(() => ids.map((_, index) => ids.slice(0, index)), [ids]);
   React.useLayoutEffect(() => {
     if (!showLabels) {
@@ -52,7 +52,7 @@ const ChartLine = /*#__PURE__*/React.forwardRef((props, ref) => {
   }
 
   return /*#__PURE__*/jsxRuntime.jsx(ChartLineStyles.ContainerStyle, {
-    id: constants.CHART_LINE_CONTAINER_ID,
+    id: containerId,
     $alignItems: containerSize?.isCenterAlign ? 'center' : 'flex-start',
     $height: containerSize?.size ?? 0,
     children: /*#__PURE__*/jsxRuntime.jsx(ChartLineStyles.WrapperStyle, {
@@ -79,6 +79,7 @@ const ChartLine = /*#__PURE__*/React.forwardRef((props, ref) => {
             previousIds: previousIds,
             height: height,
             thresholdType: thresholdType,
+            containerId: containerId,
             ...item
           })
         }, id);

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

@@ -1 +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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"}
+{"version":3,"file":"ChartLine.js","sources":["../../../packages/chart-line/ChartLine.tsx"],"sourcesContent":["import {\n  ForwardedRef,\n  forwardRef,\n  useMemo,\n  useLayoutEffect,\n  useState,\n  useId,\n} from 'react'\n\nimport { InlineLoader } from '../loaders/index.js'\n\nimport { ChartLineLabel } from './ChartLineLabel.js'\nimport { getContainerSize, processData } 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    const containerId = useId()\n\n    const { data: processedData, ids } = useMemo(\n      () => processData(data, containerId, maxValue),\n      [data, maxValue, containerId],\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={containerId}\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                  containerId={containerId}\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","containerId","useId","processedData","ids","useMemo","processData","allPreviousIds","map","_","index","slice","useLayoutEffect","getContainerSize","_jsx","WrapperStyle","InlineLoader","ContainerStyle","isCenterAlign","size","item","color","id","width","previousIds","LineStyle","length","ChartLineLabel","displayName"],"mappings":"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"}

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

@@ -19,6 +19,7 @@ const ChartLineLabel = /*#__PURE__*/React.forwardRef((props, ref) => {
     thresholdType,
     height,
     threshold,
+    containerId,
     ...rest
   } = props;
   React.useLayoutEffect(() => {
@@ -28,15 +29,17 @@ const ChartLineLabel = /*#__PURE__*/React.forwardRef((props, ref) => {
       handlePositioning.handlePositioning({
         previousIds,
         id,
+        containerId,
         reset: true
       });
     } else {
       handlePositioning.handlePositioning({
         previousIds,
-        id
+        id,
+        containerId
       });
     }
-  }, [previousIds, id, show, thresholdType]);
+  }, [previousIds, id, show, thresholdType, containerId]);
   if (!show) return null;
   const backgroundColor = threshold.color || color;
   const content = threshold.descriptionElement || threshold.description;

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

@@ -1 +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;;;;"}
+{"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      containerId,\n      ...rest\n    } = props\n\n    useLayoutEffect(() => {\n      if (!show) return\n      if (thresholdType !== ChartLineThresholdType.flag) {\n        handlePositioning({ previousIds, id, containerId, reset: true })\n      } else {\n        handlePositioning({ previousIds, id, containerId })\n      }\n    }, [previousIds, id, show, thresholdType, containerId])\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","containerId","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;IAUJC,WAVI;IAWJ,GAAGC,IAAAA;AAXC,GAAA,GAYFZ,KAZJ,CAAA;AAcAa,EAAAA,qBAAe,CAAC,MAAM;IACpB,IAAI,CAACP,IAAL,EAAW,OAAA;;AACX,IAAA,IAAIE,aAAa,KAAKM,4BAAsB,CAACC,IAA7C,EAAmD;AACjDC,MAAAA,mCAAiB,CAAC;QAAEd,WAAF;QAAeC,EAAf;QAAmBQ,WAAnB;AAAgCM,QAAAA,KAAK,EAAE,IAAA;AAAvC,OAAD,CAAjB,CAAA;AACD,KAFD,MAEO;AACLD,MAAAA,mCAAiB,CAAC;QAAEd,WAAF;QAAeC,EAAf;AAAmBQ,QAAAA,WAAAA;AAAnB,OAAD,CAAjB,CAAA;AACD,KAAA;AACF,GAPc,EAOZ,CAACT,WAAD,EAAcC,EAAd,EAAkBG,IAAlB,EAAwBE,aAAxB,EAAuCG,WAAvC,CAPY,CAAf,CAAA;AASA,EAAA,IAAI,CAACL,IAAL,EAAW,OAAO,IAAP,CAAA;AAEX,EAAA,MAAMY,eAAe,GAAGR,SAAS,CAACN,KAAV,IAAmBA,KAA3C,CAAA;EACA,MAAMe,OAAO,GAAGT,SAAS,CAACU,kBAAV,IAAgCV,SAAS,CAACW,WAA1D,CAAA;AAEA,EAAA,oBACEC,eAACC,8BAAD,EAAA;AACE,IAAA,GAAG,EAAEtB,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,EAAES,eAPpB;AAQE,IAAA,OAAO,EAAEb,MARX;AAAA,IAAA,GASMO,IATN;AAAA,IAAA,QAAA,EAWGJ,aAAa,KAAKM,4BAAsB,CAACC,IAAzC,iBACCO,eAACE,mCAAD,EAAA;AACE,MAAA,KAAK,EAAE;AAAEN,QAAAA,eAAAA;OADX;MAEE,EAAE,EAAG,CAAEf,EAAAA,EAAG,CAFZ,YAAA,CAAA;AAGE,MAAA,cAAc,EAAEI,aAHlB;MAAA,QAKGY,EAAAA,OAAAA;AALH,KAAA,CAAA;GAbN,CAAA,CAAA;AAuBD,CArDqC,EAAjC;AAuDPrB,cAAc,CAAC2B,WAAf,GAA6B,gBAA7B;;;;"}

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

@@ -1 +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;;;;;"}
+{"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    containerId: string\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/constants.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const VIEWPORT_MARGIN = 8;
-const CHART_LINE_CONTAINER_ID = 'chart-line-container';
+const CHART_LINE_LABEL_ID = 'chart-line-label';
 const LABEL_HEIGHT_INCREASE = 36;
 
-exports.CHART_LINE_CONTAINER_ID = CHART_LINE_CONTAINER_ID;
+exports.CHART_LINE_LABEL_ID = CHART_LINE_LABEL_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

@@ -1 +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;;;;;;"}
+{"version":3,"file":"constants.js","sources":["../../../../packages/chart-line/utils/constants.ts"],"sourcesContent":["export const VIEWPORT_MARGIN = 8\nexport const CHART_LINE_LABEL_ID = 'chart-line-label'\nexport const LABEL_HEIGHT_INCREASE = 36\n"],"names":["VIEWPORT_MARGIN","CHART_LINE_LABEL_ID","LABEL_HEIGHT_INCREASE"],"mappings":";;;;AAAO,MAAMA,eAAe,GAAG,EAAxB;AACA,MAAMC,mBAAmB,GAAG,mBAA5B;AACA,MAAMC,qBAAqB,GAAG;;;;;;"}

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

@@ -6,11 +6,11 @@ const checkViewport = require('./checkViewport.js');
 const constants = require('./constants.js');
 
 // Get elements and their rects in one go
-const getElementData = id => {
+const getElementData = (id, containerId) => {
   const threshold = document.getElementById(id);
   const label = document.getElementById(`${id}-description`);
   if (!threshold || !label) return null;
-  const container = document.getElementById(constants.CHART_LINE_CONTAINER_ID);
+  const container = document.getElementById(containerId);
   if (!container) return null; // Temporarily reset transform to get original positions
 
   const originalTransform = label.style.transform;
@@ -112,7 +112,8 @@ const handlePositioning = props => {
   const {
     previousIds = [],
     id,
-    reset
+    reset,
+    containerId
   } = props; // Check if we are in browser (not SSR)
 
   if (typeof window === 'undefined') return;
@@ -122,7 +123,7 @@ const handlePositioning = props => {
     return;
   }
 
-  const currentData = getElementData(id);
+  const currentData = getElementData(id, containerId);
   if (!currentData) return;
   const {
     elements: currentElements,
@@ -146,7 +147,7 @@ const handlePositioning = props => {
 
   const previousId = getPreviousThreshold(previousIds, id);
   if (!previousId) return;
-  const previousData = getElementData(previousId);
+  const previousData = getElementData(previousId, containerId);
   if (!previousData) return;
   const {
     rects: previousRects,

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

@@ -1 +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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"}
+{"version":3,"file":"handlePositioning.js","sources":["../../../../packages/chart-line/utils/handlePositioning.ts"],"sourcesContent":["import { checkViewportOverflow } from './checkViewport.js'\nimport { LABEL_HEIGHT_INCREASE, VIEWPORT_MARGIN } from './constants.js'\n\ntype HandlePositioningProps = {\n  previousIds?: string[]\n  id: string\n  reset?: boolean\n  containerId: string\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 = (\n  id: string,\n  containerId: string,\n): 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(containerId)\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, containerId } = 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, containerId)\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, containerId)\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","containerId","threshold","document","getElementById","label","container","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

@@ -2,14 +2,16 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const processData = (data, maxValue) => {
+const constants = require('./constants.js');
+
+const processData = (data, containerId, 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 id = `${containerId}-${constants.CHART_LINE_LABEL_ID}-${index}-${threshold.label}`;
     const width = threshold.value / (calculatedMaxValue / 100);
     const processedItem = { ...item,
       id,

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

@@ -1 +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;;;;"}
+{"version":3,"file":"processData.js","sources":["../../../../packages/chart-line/utils/processData.ts"],"sourcesContent":["import { CHART_LINE_LABEL_ID } from './constants.js'\nimport { 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  containerId: string,\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 = `${containerId}-${CHART_LINE_LABEL_ID}-${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","containerId","maxValue","calculatedMaxValue","Math","max","map","item","threshold","value","sort","a","b","reduce","acc","index","id","CHART_LINE_LABEL_ID","label","width","processedItem","push","ids"],"mappings":";;;;;;AAcO,MAAMA,WAAW,GAAG,CACzBC,IADyB,EAEzBC,WAFyB,EAGzBC,QAHyB,KAIP;AAClB;EACA,MAAMC,kBAAkB,GACtBD,QAAQ,IAAIE,IAAI,CAACC,GAAL,CAAS,GAAGL,IAAI,CAACM,GAAL,CAAUC,IAAD,IAAUA,IAAI,CAACC,SAAL,CAAeC,KAAlC,CAAZ,CADd,CAAA;AAGA,EAAA,OAAOT,IAAI,CACRU,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;AACA,IAAA,MAAMS,EAAE,GAAI,CAAEf,EAAAA,WAAY,CAAGgB,CAAAA,EAAAA,6BAAoB,CAAGF,CAAAA,EAAAA,KAAM,CAAGP,CAAAA,EAAAA,SAAS,CAACU,KAAM,CAA7E,CAAA,CAAA;IACA,MAAMC,KAAK,GAAGX,SAAS,CAACC,KAAV,IAAmBN,kBAAkB,GAAG,GAAxC,CAAd,CAAA;AAEA,IAAA,MAAMiB,aAAgC,GAAG,EACvC,GAAGb,IADoC;MAEvCS,EAFuC;MAGvCD,KAHuC;AAIvCI,MAAAA,KAAAA;KAJF,CAAA;AAOAL,IAAAA,GAAG,CAACd,IAAJ,CAASqB,IAAT,CAAcD,aAAd,CAAA,CAAA;AACAN,IAAAA,GAAG,CAACQ,GAAJ,CAAQD,IAAR,CAAaL,EAAb,CAAA,CAAA;AAEA,IAAA,OAAOF,GAAP,CAAA;AACD,GAnBE,EAoBH;AAAEd,IAAAA,IAAI,EAAE,EAAR;AAAYsB,IAAAA,GAAG,EAAE,EAAA;AAAjB,GApBG,CAAP,CAAA;AAsBD;;;;"}

package/dist/cjs/index.js

@@ -52,26 +52,27 @@ const Modal = require('./modal/Modal.js');
 const ModalExtra = require('./modal/ModalExtra.js');
 const ModalOverlay = require('./modal/ModalOverlay.js');
 const ModalButton = require('./modal/ModalButton.js');
+const types$9 = require('./modal/types.js');
 const Pagination = require('./pagination/Pagination.js');
 const PaginationItem = require('./pagination/PaginationItem.js');
-const types$9 = require('./pagination/types.js');
+const types$a = require('./pagination/types.js');
 const constants = require('./popover/constants.js');
 const Popover = require('./popover/Popover.js');
-const types$a = require('./popover/types.js');
+const types$b = require('./popover/types.js');
 const PopupMenu = require('./popup-menu/PopupMenu.js');
 const PopupMenuItem = require('./popup-menu/PopupMenuItem.js');
-const types$b = require('./popup-menu/types.js');
+const types$c = require('./popup-menu/types.js');
 const Section = require('./section/Section.js');
 const Select = require('./select/Select.js');
 const SelectIcon = require('./select/SelectIcon.js');
 const Option = require('./select/Option.js');
-const types$c = require('./select/types.js');
+const types$d = require('./select/types.js');
 const ServicePage = require('./service-page/ServicePage.js');
 const Stack = require('./stack/Stack.js');
 const StackItem = require('./stack/StackItem.js');
 const HStack = require('./stack/HStack.js');
 const VStack = require('./stack/VStack.js');
-const types$d = require('./stack/types.js');
+const types$e = require('./stack/types.js');
 const withStyledSystem = require('./styled-system/withStyledSystem.js');
 const Table = require('./table/Table.js');
 const Thead = require('./table/Thead.js');
@@ -80,9 +81,9 @@ const Tfoot = require('./table/Tfoot.js');
 const Tr = require('./table/Tr.js');
 const Th = require('./table/Th.js');
 const Td = require('./table/Td.js');
-const types$e = require('./table/types.js');
+const types$f = require('./table/types.js');
 const Text = require('./text/Text.js');
-const types$f = require('./text/types.js');
+const types$g = require('./text/types.js');
 const cookieThemeProvider = require('./theme/cookie-theme-provider.js');
 const themeProvider = require('./theme/theme-provider.js');
 const index$1 = require('./theme/document-head-contents/index.js');
@@ -97,7 +98,7 @@ const ToastError = require('./toast/ToastError.js');
 const ToastInfo = require('./toast/ToastInfo.js');
 const ToastPending = require('./toast/ToastPending.js');
 const ToastSuccess = require('./toast/ToastSuccess.js');
-const types$g = require('./toast/types.js');
+const types$h = require('./toast/types.js');
 const Tooltip = require('./tooltip/Tooltip.js');
 const withTransition = require('./transition/withTransition.js');
 const index$2 = require('./utils/index.js');
@@ -107,9 +108,9 @@ 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 types$i = require('./chart-line/types.js');
 const ChartProportion = require('./chart-proportion/ChartProportion.js');
-const types$i = require('./chart-proportion/types.js');
+const types$j = 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');
@@ -263,32 +264,33 @@ exports.Modal = Modal.Modal;
 exports.ModalExtra = ModalExtra.ModalExtra;
 exports.ModalOverlay = ModalOverlay.ModalOverlay;
 exports.ModalButton = ModalButton.ModalButton;
+exports.ModalWindowSize = types$9.ModalWindowSize;
 exports.Pagination = Pagination.Pagination;
 exports.PaginationItem = PaginationItem.PaginationItem;
-exports.PaginationItemVariant = types$9.PaginationItemVariant;
+exports.PaginationItemVariant = types$a.PaginationItemVariant;
 exports.DEFAULT_PLACEMENT = constants.DEFAULT_PLACEMENT;
 exports.INITIAL_STYLE = constants.INITIAL_STYLE;
 exports.Popover = Popover.Popover;
-exports.PopoverOffset = types$a.PopoverOffset;
-exports.PopoverPlacement = types$a.PopoverPlacement;
+exports.PopoverOffset = types$b.PopoverOffset;
+exports.PopoverPlacement = types$b.PopoverPlacement;
 exports.PopupMenu = PopupMenu.PopupMenu;
 exports.PopupMenuItem = PopupMenuItem.PopupMenuItem;
-exports.PopupMenuVariant = types$b.PopupMenuVariant;
+exports.PopupMenuVariant = types$c.PopupMenuVariant;
 exports.Section = Section.Section;
 exports.Select = Select.Select;
 exports.SelectIcon = SelectIcon.SelectIcon;
 exports.Option = Option.Option;
-exports.SelectArrow = types$c.SelectArrow;
+exports.SelectArrow = types$d.SelectArrow;
 exports.ServicePage = ServicePage.ServicePage;
 exports.Stack = Stack.Stack;
 exports.StackItem = StackItem.StackItem;
 exports.HStack = HStack.HStack;
 exports.VStack = VStack.VStack;
-exports.StackAlign = types$d.StackAlign;
-exports.StackDirection = types$d.StackDirection;
-exports.StackJustify = types$d.StackJustify;
-exports.StackSpacing = types$d.StackSpacing;
-exports.StackWrap = types$d.StackWrap;
+exports.StackAlign = types$e.StackAlign;
+exports.StackDirection = types$e.StackDirection;
+exports.StackJustify = types$e.StackJustify;
+exports.StackSpacing = types$e.StackSpacing;
+exports.StackWrap = types$e.StackWrap;
 exports.withStyledSystem = withStyledSystem;
 exports.Table = Table.Table;
 exports.Thead = Thead.Thead;
@@ -297,14 +299,14 @@ exports.Tfoot = Tfoot.Tfoot;
 exports.Tr = Tr.Tr;
 exports.Th = Th.Th;
 exports.Td = Td.Td;
-exports.TableAlign = types$e.TableAlign;
-exports.TableTextColor = types$e.TableTextColor;
-exports.ThSortDir = types$e.ThSortDir;
-exports.ThTdVariant = types$e.ThTdVariant;
-exports.TrHighlight = types$e.TrHighlight;
+exports.TableAlign = types$f.TableAlign;
+exports.TableTextColor = types$f.TableTextColor;
+exports.ThSortDir = types$f.ThSortDir;
+exports.ThTdVariant = types$f.ThTdVariant;
+exports.TrHighlight = types$f.TrHighlight;
 exports.Text = Text.Text;
-exports.TextColor = types$f.TextColor;
-exports.TextSize = types$f.TextSize;
+exports.TextColor = types$g.TextColor;
+exports.TextSize = types$g.TextSize;
 exports.CookieThemeProvider = cookieThemeProvider.CookieThemeProvider;
 exports.ThemeToggleContext = cookieThemeProvider.ThemeToggleContext;
 exports.DarkThemeProvider = themeProvider.DarkThemeProvider;
@@ -335,7 +337,7 @@ exports.ToastError = ToastError.ToastError;
 exports.ToastInfo = ToastInfo.ToastInfo;
 exports.ToastPending = ToastPending.ToastPending;
 exports.ToastSuccess = ToastSuccess.ToastSuccess;
-exports.ToastPosition = types$g.ToastPosition;
+exports.ToastPosition = types$h.ToastPosition;
 exports.Tooltip = Tooltip.Tooltip;
 exports.withTransition = withTransition.withTransition;
 exports.VOID_FN = index$2.VOID_FN;
@@ -345,12 +347,12 @@ 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.ChartLineBorderType = types$i.ChartLineBorderType;
+exports.ChartLineThresholdType = types$i.ChartLineThresholdType;
 exports.ChartProportion = ChartProportion.ChartProportion;
-exports.ChartProportionBorderSize = types$i.ChartProportionBorderSize;
-exports.ChartProportionBorderType = types$i.ChartProportionBorderType;
-exports.MarginSize = types$i.MarginSize;
+exports.ChartProportionBorderSize = types$j.ChartProportionBorderSize;
+exports.ChartProportionBorderType = types$j.ChartProportionBorderType;
+exports.MarginSize = types$j.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/cjs/modal/Modal.js

@@ -18,6 +18,8 @@ const Modal = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     open,
     onClose,
     onBack,
+    windowSize = 'sm',
+    windowProps,
     ...rest
   } = _ref;
   const withTitleIcon = !!titleIcon;
@@ -53,6 +55,8 @@ const Modal = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     ...rest,
     children: /*#__PURE__*/jsxRuntime.jsxs(ModalStyles.ModalStyle, {
       $center: center,
+      $size: windowSize,
+      ...windowProps,
       children: [/*#__PURE__*/jsxRuntime.jsxs(ModalStyles.ModalBaseStyle, {
         children: [modalHeader, withSubtitle && /*#__PURE__*/jsxRuntime.jsx(ModalStyles.ModalSubtitleStyle, {
           children: subtitle

package/dist/cjs/modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../../packages/modal/Modal.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n  ModalStyle,\n  ModalBaseStyle,\n  ModalHeaderStyle,\n  ModalTitleStyle,\n  ModalTitleIconStyle,\n  ModalTitleTextStyle,\n  ModalCloseStyle,\n  ModalContentStyle,\n  ModalBackStyle,\n  ModalSubtitleStyle,\n} from './ModalStyles.js'\nimport { ModalProps } from './types.js'\nimport { ModalOverlay } from './ModalOverlay.js'\n\nexport const Modal = forwardRef(\n  (\n    {\n      children,\n      title,\n      titleIcon,\n      subtitle,\n      center = false,\n      extra,\n      open,\n      onClose,\n      onBack,\n      ...rest\n    }: ModalProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const withTitleIcon = !!titleIcon\n    const withSubtitle = !!subtitle\n    const withCloseButton = !!onClose\n    const withBackButton = !!onBack\n\n    const modalHeader = (\n      <ModalHeaderStyle $short={!title}>\n        {withBackButton && <ModalBackStyle onClick={onBack} />}\n        <ModalTitleStyle\n          $center={center}\n          $withTitleIcon={withTitleIcon}\n          $withCloseButton={withCloseButton}\n          $withBackButton={withBackButton}\n        >\n          {withTitleIcon && (\n            <ModalTitleIconStyle $center={center}>\n              {titleIcon}\n            </ModalTitleIconStyle>\n          )}\n          <ModalTitleTextStyle>{title}</ModalTitleTextStyle>\n        </ModalTitleStyle>\n        {withCloseButton && <ModalCloseStyle onClick={onClose} />}\n      </ModalHeaderStyle>\n    )\n\n    return (\n      <ModalOverlay\n        ref={ref}\n        in={open}\n        onClose={onClose}\n        onBack={onBack}\n        {...rest}\n      >\n        <ModalStyle $center={center}>\n          <ModalBaseStyle>\n            {modalHeader}\n            {withSubtitle && (\n              <ModalSubtitleStyle>{subtitle}</ModalSubtitleStyle>\n            )}\n            <ModalContentStyle>{children}</ModalContentStyle>\n          </ModalBaseStyle>\n          {extra}\n        </ModalStyle>\n      </ModalOverlay>\n    )\n  },\n)\nModal.displayName = 'Modal'\n"],"names":["Modal","forwardRef","ref","children","title","titleIcon","subtitle","center","extra","open","onClose","onBack","rest","withTitleIcon","withSubtitle","withCloseButton","withBackButton","modalHeader","_jsxs","ModalHeaderStyle","_jsx","ModalBackStyle","ModalTitleStyle","ModalTitleIconStyle","ModalTitleTextStyle","ModalCloseStyle","ModalOverlay","ModalStyle","ModalBaseStyle","ModalSubtitleStyle","ModalContentStyle","displayName"],"mappings":";;;;;;;;;MAgBaA,KAAK,gBAAGC,gBAAU,CAC7B,CAAA,IAAA,EAaEC,GAbF,KAcK;EAAA,IAbH;IACEC,QADF;IAEEC,KAFF;IAGEC,SAHF;IAIEC,QAJF;AAKEC,IAAAA,MAAM,GAAG,KALX;IAMEC,KANF;IAOEC,IAPF;IAQEC,OARF;IASEC,MATF;IAUE,GAAGC,IAAAA;GAGF,GAAA,IAAA,CAAA;AACH,EAAA,MAAMC,aAAa,GAAG,CAAC,CAACR,SAAxB,CAAA;AACA,EAAA,MAAMS,YAAY,GAAG,CAAC,CAACR,QAAvB,CAAA;AACA,EAAA,MAAMS,eAAe,GAAG,CAAC,CAACL,OAA1B,CAAA;AACA,EAAA,MAAMM,cAAc,GAAG,CAAC,CAACL,MAAzB,CAAA;;EAEA,MAAMM,WAAW,gBACfC,eAAA,CAACC,4BAAD,EAAA;IAAkB,MAAM,EAAE,CAACf,KAA3B;IAAA,QACGY,EAAAA,CAAAA,cAAc,iBAAII,cAAA,CAACC,0BAAD,EAAA;AAAgB,MAAA,OAAO,EAAEV,MAAAA;KAD9C,CAAA,eAEEO,gBAACI,2BAAD,EAAA;AACE,MAAA,OAAO,EAAEf,MADX;AAEE,MAAA,cAAc,EAAEM,aAFlB;AAGE,MAAA,gBAAgB,EAAEE,eAHpB;AAIE,MAAA,eAAe,EAAEC,cAJnB;MAAA,QAMGH,EAAAA,CAAAA,aAAa,iBACZO,cAAA,CAACG,+BAAD,EAAA;AAAqB,QAAA,OAAO,EAAEhB,MAA9B;QAAA,QACGF,EAAAA,SAAAA;OARP,CAAA,eAWEe,eAACI,+BAAD,EAAA;QAAA,QAAsBpB,EAAAA,KAAAA;OAXxB,CAAA,CAAA;AAAA,KAAA,CAFF,EAeGW,eAAe,iBAAIK,cAAA,CAACK,2BAAD,EAAA;AAAiB,MAAA,OAAO,EAAEf,OAAAA;KAfhD,CAAA,CAAA;GADF,CAAA,CAAA;;AAoBA,EAAA,oBACEU,eAACM,yBAAD,EAAA;AACE,IAAA,GAAG,EAAExB,GADP;AAEE,IAAA,EAAE,EAAEO,IAFN;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,MAAM,EAAEC,MAJV;AAAA,IAAA,GAKMC,IALN;AAAA,IAAA,QAAA,eAOEM,gBAACS,sBAAD,EAAA;AAAY,MAAA,OAAO,EAAEpB,MAArB;AAAA,MAAA,QAAA,EAAA,cACEW,gBAACU,0BAAD,EAAA;AAAA,QAAA,QAAA,EAAA,CACGX,WADH,EAEGH,YAAY,iBACXM,eAACS,8BAAD,EAAA;UAAA,QAAqBvB,EAAAA,QAAAA;SAHzB,CAAA,eAKEc,eAACU,6BAAD,EAAA;UAAA,QAAoB3B,EAAAA,QAAAA;SALtB,CAAA,CAAA;AAAA,OAAA,CADF,EAQGK,KARH,CAAA;AAAA,KAAA,CAAA;GARJ,CAAA,CAAA;AAoBD,CA7D4B,EAAxB;AA+DPR,KAAK,CAAC+B,WAAN,GAAoB,OAApB;;;;"}
+{"version":3,"file":"Modal.js","sources":["../../../packages/modal/Modal.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n  ModalStyle,\n  ModalBaseStyle,\n  ModalHeaderStyle,\n  ModalTitleStyle,\n  ModalTitleIconStyle,\n  ModalTitleTextStyle,\n  ModalCloseStyle,\n  ModalContentStyle,\n  ModalBackStyle,\n  ModalSubtitleStyle,\n} from './ModalStyles.js'\nimport { ModalProps } from './types.js'\nimport { ModalOverlay } from './ModalOverlay.js'\n\nexport const Modal = forwardRef(\n  (\n    {\n      children,\n      title,\n      titleIcon,\n      subtitle,\n      center = false,\n      extra,\n      open,\n      onClose,\n      onBack,\n      windowSize = 'sm',\n      windowProps,\n      ...rest\n    }: ModalProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const withTitleIcon = !!titleIcon\n    const withSubtitle = !!subtitle\n    const withCloseButton = !!onClose\n    const withBackButton = !!onBack\n\n    const modalHeader = (\n      <ModalHeaderStyle $short={!title}>\n        {withBackButton && <ModalBackStyle onClick={onBack} />}\n        <ModalTitleStyle\n          $center={center}\n          $withTitleIcon={withTitleIcon}\n          $withCloseButton={withCloseButton}\n          $withBackButton={withBackButton}\n        >\n          {withTitleIcon && (\n            <ModalTitleIconStyle $center={center}>\n              {titleIcon}\n            </ModalTitleIconStyle>\n          )}\n          <ModalTitleTextStyle>{title}</ModalTitleTextStyle>\n        </ModalTitleStyle>\n        {withCloseButton && <ModalCloseStyle onClick={onClose} />}\n      </ModalHeaderStyle>\n    )\n\n    return (\n      <ModalOverlay\n        ref={ref}\n        in={open}\n        onClose={onClose}\n        onBack={onBack}\n        {...rest}\n      >\n        <ModalStyle $center={center} $size={windowSize} {...windowProps}>\n          <ModalBaseStyle>\n            {modalHeader}\n            {withSubtitle && (\n              <ModalSubtitleStyle>{subtitle}</ModalSubtitleStyle>\n            )}\n            <ModalContentStyle>{children}</ModalContentStyle>\n          </ModalBaseStyle>\n          {extra}\n        </ModalStyle>\n      </ModalOverlay>\n    )\n  },\n)\nModal.displayName = 'Modal'\n"],"names":["Modal","forwardRef","ref","children","title","titleIcon","subtitle","center","extra","open","onClose","onBack","windowSize","windowProps","rest","withTitleIcon","withSubtitle","withCloseButton","withBackButton","modalHeader","_jsxs","ModalHeaderStyle","_jsx","ModalBackStyle","ModalTitleStyle","ModalTitleIconStyle","ModalTitleTextStyle","ModalCloseStyle","ModalOverlay","ModalStyle","ModalBaseStyle","ModalSubtitleStyle","ModalContentStyle","displayName"],"mappings":";;;;;;;;;MAgBaA,KAAK,gBAAGC,gBAAU,CAC7B,CAAA,IAAA,EAeEC,GAfF,KAgBK;EAAA,IAfH;IACEC,QADF;IAEEC,KAFF;IAGEC,SAHF;IAIEC,QAJF;AAKEC,IAAAA,MAAM,GAAG,KALX;IAMEC,KANF;IAOEC,IAPF;IAQEC,OARF;IASEC,MATF;AAUEC,IAAAA,UAAU,GAAG,IAVf;IAWEC,WAXF;IAYE,GAAGC,IAAAA;GAGF,GAAA,IAAA,CAAA;AACH,EAAA,MAAMC,aAAa,GAAG,CAAC,CAACV,SAAxB,CAAA;AACA,EAAA,MAAMW,YAAY,GAAG,CAAC,CAACV,QAAvB,CAAA;AACA,EAAA,MAAMW,eAAe,GAAG,CAAC,CAACP,OAA1B,CAAA;AACA,EAAA,MAAMQ,cAAc,GAAG,CAAC,CAACP,MAAzB,CAAA;;EAEA,MAAMQ,WAAW,gBACfC,eAAA,CAACC,4BAAD,EAAA;IAAkB,MAAM,EAAE,CAACjB,KAA3B;IAAA,QACGc,EAAAA,CAAAA,cAAc,iBAAII,cAAA,CAACC,0BAAD,EAAA;AAAgB,MAAA,OAAO,EAAEZ,MAAAA;KAD9C,CAAA,eAEES,gBAACI,2BAAD,EAAA;AACE,MAAA,OAAO,EAAEjB,MADX;AAEE,MAAA,cAAc,EAAEQ,aAFlB;AAGE,MAAA,gBAAgB,EAAEE,eAHpB;AAIE,MAAA,eAAe,EAAEC,cAJnB;MAAA,QAMGH,EAAAA,CAAAA,aAAa,iBACZO,cAAA,CAACG,+BAAD,EAAA;AAAqB,QAAA,OAAO,EAAElB,MAA9B;QAAA,QACGF,EAAAA,SAAAA;OARP,CAAA,eAWEiB,eAACI,+BAAD,EAAA;QAAA,QAAsBtB,EAAAA,KAAAA;OAXxB,CAAA,CAAA;AAAA,KAAA,CAFF,EAeGa,eAAe,iBAAIK,cAAA,CAACK,2BAAD,EAAA;AAAiB,MAAA,OAAO,EAAEjB,OAAAA;KAfhD,CAAA,CAAA;GADF,CAAA,CAAA;;AAoBA,EAAA,oBACEY,eAACM,yBAAD,EAAA;AACE,IAAA,GAAG,EAAE1B,GADP;AAEE,IAAA,EAAE,EAAEO,IAFN;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,MAAM,EAAEC,MAJV;AAAA,IAAA,GAKMG,IALN;AAAA,IAAA,QAAA,eAOEM,gBAACS,sBAAD,EAAA;AAAY,MAAA,OAAO,EAAEtB,MAArB;AAA6B,MAAA,KAAK,EAAEK,UAApC;AAAA,MAAA,GAAoDC,WAApD;AAAA,MAAA,QAAA,EAAA,cACEO,gBAACU,0BAAD,EAAA;AAAA,QAAA,QAAA,EAAA,CACGX,WADH,EAEGH,YAAY,iBACXM,eAACS,8BAAD,EAAA;UAAA,QAAqBzB,EAAAA,QAAAA;SAHzB,CAAA,eAKEgB,eAACU,6BAAD,EAAA;UAAA,QAAoB7B,EAAAA,QAAAA;SALtB,CAAA,CAAA;AAAA,OAAA,CADF,EAQGK,KARH,CAAA;AAAA,KAAA,CAAA;GARJ,CAAA,CAAA;AAoBD,CA/D4B,EAAxB;AAiEPR,KAAK,CAACiC,WAAN,GAAoB,OAApB;;;;"}

package/dist/cjs/modal/ModalStyles.js

@@ -9,6 +9,17 @@ const ButtonIcon = require('../button/ButtonIcon.js');
 const jsxRuntime = require('react/jsx-runtime');
 const _styled = require('styled-components');
 
+const ModalWindowSizesMap = {
+  sm: _styled.css`
+    width: 432px;
+  `,
+  md: _styled.css`
+    width: 520px;
+  `,
+  lg: _styled.css`
+    width: 960px;
+  `
+};
 const ModalStyle = styledComponentsWrapper.default.div`
   ${_ref => {
   let {
@@ -18,10 +29,10 @@ const ModalStyle = styledComponentsWrapper.default.div`
       colors,
       boxShadows
     },
-    $center
+    $center,
+    $size
   } = _ref;
   return _styled.css`
-    width: 432px;
     max-width: 100%;
     font-weight: 400;
     font-size: ${fontSizesMap.xs}px;
@@ -29,6 +40,8 @@ const ModalStyle = styledComponentsWrapper.default.div`
     text-align: ${$center ? 'center' : 'left'};
     border-radius: ${borderRadiusesMap.xl}px;
     box-shadow: ${boxShadows.xxl} ${colors.shadowDark};
+
+    ${ModalWindowSizesMap[$size]}
   `;
 }}
 `;
@@ -214,4 +227,5 @@ exports.ModalSubtitleStyle = ModalSubtitleStyle;
 exports.ModalTitleIconStyle = ModalTitleIconStyle;
 exports.ModalTitleStyle = ModalTitleStyle;
 exports.ModalTitleTextStyle = ModalTitleTextStyle;
+exports.ModalWindowSizesMap = ModalWindowSizesMap;
 //# sourceMappingURL=ModalStyles.js.map

package/dist/cjs/modal/ModalStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalStyles.js","sources":["../../../packages/modal/ModalStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { Close, ArrowBack } from '../icons/index.js'\nimport { ButtonIcon } from '../button/index.js'\n\nexport const ModalStyle = styled.div<{ $center: boolean }>`\n  ${({\n    theme: { fontSizesMap, borderRadiusesMap, colors, boxShadows },\n    $center,\n  }) => css`\n    width: 432px;\n    max-width: 100%;\n    font-weight: 400;\n    font-size: ${fontSizesMap.xs}px;\n    line-height: 1.5em;\n    text-align: ${$center ? 'center' : 'left'};\n    border-radius: ${borderRadiusesMap.xl}px;\n    box-shadow: ${boxShadows.xxl} ${colors.shadowDark};\n  `}\n`\n\nexport const ModalBaseStyle = styled.div`\n  ${({ theme: { colors } }) => css`\n    color: ${colors.text};\n    background: ${colors.foreground};\n    border-radius: inherit;\n    position: relative;\n    z-index: 1;\n  `}\n`\n\nexport const ModalHeaderStyle = styled.div<{\n  $short: boolean\n}>`\n  ${({ theme: { spaceMap, fontSizesMap, mediaQueries }, $short }) => css`\n    display: flex;\n    align-items: flex-start;\n    min-height: 32px;\n    margin-bottom: ${$short ? -spaceMap.md : 0}px;\n    padding: ${spaceMap.xl}px ${spaceMap.xxl}px;\n    font-size: ${fontSizesMap.md}px;\n    line-height: 1.5em;\n\n    ${mediaQueries.md} {\n      padding: ${spaceMap.lg}px;\n    }\n  `}\n`\n\nexport const ModalTitleStyle = styled.div<{\n  $center: boolean\n  $withTitleIcon: boolean\n  $withCloseButton: boolean\n  $withBackButton: boolean\n}>`\n  ${({\n    theme: { fontSizesMap, spaceMap, mediaQueries },\n    $center,\n    $withBackButton,\n    $withCloseButton,\n    $withTitleIcon,\n  }) => css`\n    font-size: ${fontSizesMap.sm}px;\n    line-height: 1.5em;\n    font-weight: 700;\n    margin-left: ${$center && !$withBackButton ? spaceMap.xxl : '0'}px;\n    margin-right: ${$center && !$withCloseButton ? spaceMap.xxl : '0'}px;\n    padding-top: ${$withTitleIcon ? spaceMap.sm : '0'}px;\n    padding-left: 0;\n    padding-right: ${spaceMap.sm}px;\n    flex-grow: 1;\n    align-self: center;\n\n    ${mediaQueries.md} {\n      padding-right: ${spaceMap.xs}px;\n    }\n  `}\n`\n\nexport const ModalTitleIconStyle = styled.div<{\n  $center: boolean\n}>`\n  ${({ theme: { spaceMap }, $center }) => css`\n    display: ${$center ? 'flex' : 'block'};\n    justify-content: ${$center ? 'center' : 'flex-start'};\n    line-height: 0.7;\n    margin-bottom: ${spaceMap.md}px;\n  `}\n`\n\nexport const ModalTitleTextStyle = styled.div`\n  margin: ${({ theme }) => theme.spaceMap.xs}px 0;\n`\n\nexport const ModalSubtitleStyle = styled.div`\n  ${({ theme: { colors, fontSizesMap, spaceMap, mediaQueries } }) => css`\n    color: ${colors.textSecondary};\n    font-size: ${fontSizesMap.xs}px;\n    font-weight: 400;\n    line-height: 24px;\n    margin-top: -${spaceMap.xl}px;\n    padding: 0 ${spaceMap.xxl}px ${spaceMap.sm}px;\n\n    ${mediaQueries.md} {\n      padding-left: ${spaceMap.xl}px;\n      padding-right: ${spaceMap.xl}px;\n    }\n  `}\n`\n\nexport const ModalContentStyle = styled.div`\n  ${({ theme: { spaceMap, mediaQueries } }) => css`\n    padding: 0 ${spaceMap.xxl}px ${spaceMap.xxl}px;\n\n    ${mediaQueries.md} {\n      padding: 0 ${spaceMap.lg}px ${spaceMap.lg}px;\n    }\n  `}\n`\n\nexport const ModalCloseStyle = styled(ButtonIcon).attrs({\n  icon: <Close />,\n  color: 'secondary',\n  variant: 'ghost',\n  size: 'xs',\n})`\n  margin: 0 -10px 0 0;\n  color: var(--lido-color-textSecondary);\n  flex-shrink: 0;\n  border-radius: 50%;\n`\n\nexport const ModalBackStyle = styled(ButtonIcon).attrs({\n  icon: <ArrowBack />,\n  color: 'secondary',\n  variant: 'ghost',\n  size: 'xs',\n})`\n  ${({ theme: { colors, spaceMap } }) => css`\n    color: ${colors.textSecondary};\n    flex-shrink: 0;\n    margin: 0 ${spaceMap.sm}px 0 -6px;\n    border-radius: 50%;\n    background: transparent !important;\n  `}\n`\n"],"names":["ModalStyle","styled","div","theme","fontSizesMap","borderRadiusesMap","colors","boxShadows","$center","css","xs","xl","xxl","shadowDark","ModalBaseStyle","text","foreground","ModalHeaderStyle","spaceMap","mediaQueries","$short","md","lg","ModalTitleStyle","$withBackButton","$withCloseButton","$withTitleIcon","sm","ModalTitleIconStyle","ModalTitleTextStyle","ModalSubtitleStyle","textSecondary","ModalContentStyle","ModalCloseStyle","ButtonIcon","attrs","icon","_jsx","Close","color","variant","size","ModalBackStyle","ArrowBack"],"mappings":"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"}
+{"version":3,"file":"ModalStyles.js","sources":["../../../packages/modal/ModalStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { Close, ArrowBack } from '../icons/index.js'\nimport { ButtonIcon } from '../button/index.js'\nimport { ModalWindowSizes } from './types.js'\n\nexport const ModalWindowSizesMap = {\n  sm: css`\n    width: 432px;\n  `,\n  md: css`\n    width: 520px;\n  `,\n  lg: css`\n    width: 960px;\n  `,\n}\n\nexport const ModalStyle = styled.div<{\n  $center: boolean\n  $size: ModalWindowSizes\n}>`\n  ${({\n    theme: { fontSizesMap, borderRadiusesMap, colors, boxShadows },\n    $center,\n    $size,\n  }) => css`\n    max-width: 100%;\n    font-weight: 400;\n    font-size: ${fontSizesMap.xs}px;\n    line-height: 1.5em;\n    text-align: ${$center ? 'center' : 'left'};\n    border-radius: ${borderRadiusesMap.xl}px;\n    box-shadow: ${boxShadows.xxl} ${colors.shadowDark};\n\n    ${ModalWindowSizesMap[$size]}\n  `}\n`\n\nexport const ModalBaseStyle = styled.div`\n  ${({ theme: { colors } }) => css`\n    color: ${colors.text};\n    background: ${colors.foreground};\n    border-radius: inherit;\n    position: relative;\n    z-index: 1;\n  `}\n`\n\nexport const ModalHeaderStyle = styled.div<{\n  $short: boolean\n}>`\n  ${({ theme: { spaceMap, fontSizesMap, mediaQueries }, $short }) => css`\n    display: flex;\n    align-items: flex-start;\n    min-height: 32px;\n    margin-bottom: ${$short ? -spaceMap.md : 0}px;\n    padding: ${spaceMap.xl}px ${spaceMap.xxl}px;\n    font-size: ${fontSizesMap.md}px;\n    line-height: 1.5em;\n\n    ${mediaQueries.md} {\n      padding: ${spaceMap.lg}px;\n    }\n  `}\n`\n\nexport const ModalTitleStyle = styled.div<{\n  $center: boolean\n  $withTitleIcon: boolean\n  $withCloseButton: boolean\n  $withBackButton: boolean\n}>`\n  ${({\n    theme: { fontSizesMap, spaceMap, mediaQueries },\n    $center,\n    $withBackButton,\n    $withCloseButton,\n    $withTitleIcon,\n  }) => css`\n    font-size: ${fontSizesMap.sm}px;\n    line-height: 1.5em;\n    font-weight: 700;\n    margin-left: ${$center && !$withBackButton ? spaceMap.xxl : '0'}px;\n    margin-right: ${$center && !$withCloseButton ? spaceMap.xxl : '0'}px;\n    padding-top: ${$withTitleIcon ? spaceMap.sm : '0'}px;\n    padding-left: 0;\n    padding-right: ${spaceMap.sm}px;\n    flex-grow: 1;\n    align-self: center;\n\n    ${mediaQueries.md} {\n      padding-right: ${spaceMap.xs}px;\n    }\n  `}\n`\n\nexport const ModalTitleIconStyle = styled.div<{\n  $center: boolean\n}>`\n  ${({ theme: { spaceMap }, $center }) => css`\n    display: ${$center ? 'flex' : 'block'};\n    justify-content: ${$center ? 'center' : 'flex-start'};\n    line-height: 0.7;\n    margin-bottom: ${spaceMap.md}px;\n  `}\n`\n\nexport const ModalTitleTextStyle = styled.div`\n  margin: ${({ theme }) => theme.spaceMap.xs}px 0;\n`\n\nexport const ModalSubtitleStyle = styled.div`\n  ${({ theme: { colors, fontSizesMap, spaceMap, mediaQueries } }) => css`\n    color: ${colors.textSecondary};\n    font-size: ${fontSizesMap.xs}px;\n    font-weight: 400;\n    line-height: 24px;\n    margin-top: -${spaceMap.xl}px;\n    padding: 0 ${spaceMap.xxl}px ${spaceMap.sm}px;\n\n    ${mediaQueries.md} {\n      padding-left: ${spaceMap.xl}px;\n      padding-right: ${spaceMap.xl}px;\n    }\n  `}\n`\n\nexport const ModalContentStyle = styled.div`\n  ${({ theme: { spaceMap, mediaQueries } }) => css`\n    padding: 0 ${spaceMap.xxl}px ${spaceMap.xxl}px;\n\n    ${mediaQueries.md} {\n      padding: 0 ${spaceMap.lg}px ${spaceMap.lg}px;\n    }\n  `}\n`\n\nexport const ModalCloseStyle = styled(ButtonIcon).attrs({\n  icon: <Close />,\n  color: 'secondary',\n  variant: 'ghost',\n  size: 'xs',\n})`\n  margin: 0 -10px 0 0;\n  color: var(--lido-color-textSecondary);\n  flex-shrink: 0;\n  border-radius: 50%;\n`\n\nexport const ModalBackStyle = styled(ButtonIcon).attrs({\n  icon: <ArrowBack />,\n  color: 'secondary',\n  variant: 'ghost',\n  size: 'xs',\n})`\n  ${({ theme: { colors, spaceMap } }) => css`\n    color: ${colors.textSecondary};\n    flex-shrink: 0;\n    margin: 0 ${spaceMap.sm}px 0 -6px;\n    border-radius: 50%;\n    background: transparent !important;\n  `}\n`\n"],"names":["ModalWindowSizesMap","sm","css","md","lg","ModalStyle","styled","div","theme","fontSizesMap","borderRadiusesMap","colors","boxShadows","$center","$size","xs","xl","xxl","shadowDark","ModalBaseStyle","text","foreground","ModalHeaderStyle","spaceMap","mediaQueries","$short","ModalTitleStyle","$withBackButton","$withCloseButton","$withTitleIcon","ModalTitleIconStyle","ModalTitleTextStyle","ModalSubtitleStyle","textSecondary","ModalContentStyle","ModalCloseStyle","ButtonIcon","attrs","icon","_jsx","Close","color","variant","size","ModalBackStyle","ArrowBack"],"mappings":"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"}