@sberbusiness/triplex-next 1.42.0 → 1.44.0

package/components/SMSField/components/SMSFieldInput.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import React__default, { useContext } from "react";
 import { EFormFieldStatus } from "../../FormField/enums.js";
 import "../../FormField/components/FormFieldClear.js";
@@ -15,7 +15,7 @@ import "../../FormField/components/FormFieldTextarea.js";
 import { FormField } from "../../FormField/FormField.js";
 import { FormGroup } from "../../FormGroup/FormGroup.js";
 import { SMSFieldContext } from "../SMSFieldContext.js";
-import { s as styles } from "../../../chunks/SMSField.module-CPLmEXPY.js";
+import { s as styles } from "../../../chunks/SMSField.module-DHnJVbUI.js";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
 const regExp = new RegExp(/^[0-9]*$/);
 const SMSFieldInput = React__default.forwardRef(

package/components/SMSField/components/SMSFieldRefresh.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { forwardRef, useContext, useMemo } from "react";
 import "../../Button/Button.js";
 import { ButtonIcon } from "../../Button/ButtonIcon.js";
@@ -8,7 +8,7 @@ import "../../Button/ButtonDropdownExtended.js";
 import { EButtonIconShape } from "../../Button/enums.js";
 import { SMSFieldContext } from "../SMSFieldContext.js";
 import { RefreshIcon } from "./RefreshIcon.js";
-import { s as styles } from "../../../chunks/SMSField.module-CPLmEXPY.js";
+import { s as styles } from "../../../chunks/SMSField.module-DHnJVbUI.js";
 const SMSFieldRefresh = forwardRef(
   ({ className, disabled, countdownTime, countdownTimeLeft, onClick, onRefresh, ...restProps }, ref) => {
     const { disabled: allDisabled, error, size, sizeClassName, tooltipId } = useContext(SMSFieldContext);

package/components/SMSField/components/SMSFieldSubmit.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { useContext, useEffect } from "react";
 import "../../Button/Button.js";
 import { ButtonIcon } from "../../Button/ButtonIcon.js";
@@ -8,7 +8,7 @@ import "../../Button/ButtonDropdownExtended.js";
 import { EButtonIconShape } from "../../Button/enums.js";
 import { SMSFieldContext } from "../SMSFieldContext.js";
 import { SubmitIcon } from "./SubmitIcon.js";
-import { s as styles } from "../../../chunks/SMSField.module-CPLmEXPY.js";
+import { s as styles } from "../../../chunks/SMSField.module-DHnJVbUI.js";
 const SMSFieldSubmit = ({ className, disabled, onClick, ...restProps }) => {
   const {
     code,

package/components/SMSField/components/SMSFieldTooltip.js

@@ -3,7 +3,7 @@ import { useContext, useEffect } from "react";
 import { SMSFieldContext } from "../SMSFieldContext.js";
 import { ETooltipSize, ETooltipAlign } from "../../Tooltip/enums.js";
 import { Tooltip } from "../../Tooltip/Tooltip.js";
-import { u as uniqueId } from "../../../chunks/vendor-DfvHt3TJ.js";
+import { u as uniqueId } from "../../../chunks/vendor-D4wvHis9.js";
 const SMSFieldTooltip = ({
   children,
   id,

package/components/SegmentedControl/SegmentedControl.js

@@ -2,17 +2,17 @@ import { ESegmentedControlTheme, ESegmentedControlType } from "./enums.js";
 import { SegmentedControlSegment } from "./SegmentedControlSegment.js";
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { SegmentedControlContext } from "./SegmentedControlContext.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const segmentedControl = "segmentedControl__fb13db8f";
-const general1 = "general1__4841d580";
-const secondary1 = "secondary1__55cfd9ae";
-const general2 = "general2__87704301";
-const secondary2 = "secondary2__c93c3258";
-const sm = "sm__ad5b7ca5";
-const md = "md__89e47556";
-const lg = "lg__fe9b2e30";
+const segmentedControl = "segmentedControl__24bb9214";
+const general1 = "general1__6bfb25b7";
+const secondary1 = "secondary1__409bc26f";
+const general2 = "general2__ecc7bea5";
+const secondary2 = "secondary2__da208faa";
+const sm = "sm__c978cea5";
+const md = "md__66a189fa";
+const lg = "lg__6cb7172c";
 const styles = {
   segmentedControl,
   general1,
@@ -66,7 +66,7 @@ const SegmentedControl = Object.assign(
             disabled: Boolean(disabled),
             onSegmentSelect: handleSegmentSelect
           },
-          children: /* @__PURE__ */ jsx("div", { className: classNames, ...rest, "data-tx": "1.42.0", ref, children })
+          children: /* @__PURE__ */ jsx("div", { className: classNames, ...rest, "data-tx": "1.44.0", ref, children })
         }
       );
     }

package/components/SegmentedControl/SegmentedControlSegment.js

@@ -1,13 +1,13 @@
 import { jsx } from "react/jsx-runtime";
 import { useContext } from "react";
-import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { ButtonBase } from "../Button/ButtonBase.js";
 import { ESegmentedControlType } from "./enums.js";
 import { SegmentedControlContext } from "./SegmentedControlContext.js";
 import { IconWrapper } from "../IconWrapper/IconWrapper.js";
-const segmentedControlSegment = "segmentedControlSegment__0fdacf51";
-const selected = "selected__0e091247";
-const content = "content__4be7dbac";
+const segmentedControlSegment = "segmentedControlSegment__937415d3";
+const selected = "selected__ddf7c592";
+const content = "content__27118522";
 const styles = {
   segmentedControlSegment,
   selected,

package/components/SelectExtendedField/SelectExtendedField.js

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React__default, { useState, useRef, useCallback, useEffect } from "react";
-import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { isKey, EVENT_KEY_CODES } from "../../utils/keyboard.js";
 import { KeyDownListener } from "../KeyDownListener/KeyDownListener.js";
 import "../KeyDownListener/ComposedKeyDownListener.js";
 import { SelectExtendedFieldTarget } from "./components/SelectExtendedFieldTarget.js";
 import { SelectExtendedFieldDropdown } from "./components/SelectExtendedFieldDropdown.js";
-const selectExtendedField = "selectExtendedField__41da1c16";
+const selectExtendedField = "selectExtendedField__aaa58ed7";
 const styles = {
   selectExtendedField
 };

package/components/SelectExtendedField/components/SelectExtendedFieldDropdown.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList } from "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-DHdXJ6f2.js";
+import "../../../chunks/DropdownListItem-DOjFvzKN.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";

package/components/SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js

@@ -3,7 +3,7 @@ import { SelectExtendedField } from "../SelectExtendedField.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-DHdXJ6f2.js";
+import "../../../chunks/DropdownListItem-DOjFvzKN.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody } from "../../Dropdown/mobile/DropdownMobileBody.js";
 import { DropdownMobileClose } from "../../Dropdown/mobile/DropdownMobileClose.js";

package/components/SelectExtendedField/components/SelectExtendedFieldTarget.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { CaretdownStrokeSrvIcon24, CaretdownStrokeSrvIcon20, CaretdownStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
@@ -20,12 +20,12 @@ import { IconWrapper } from "../../IconWrapper/IconWrapper.js";
 import { LoaderSmall } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-const selectExtendedFieldTarget = "selectExtendedFieldTarget__0d63f6ca";
-const caretIcon = "caretIcon__810e76b8";
-const selectOpened = "selectOpened__c764fb06";
-const disabled = "disabled__d1fe98ca";
-const target = "target__80a44af2";
-const caretWrapper = "caretWrapper__5d399b8f";
+const selectExtendedFieldTarget = "selectExtendedFieldTarget__73056979";
+const caretIcon = "caretIcon__3a18d8f8";
+const selectOpened = "selectOpened__f7b8ed98";
+const disabled = "disabled__2d51f149";
+const target = "target__a62ebf45";
+const caretWrapper = "caretWrapper__5ba108cc";
 const styles = {
   selectExtendedFieldTarget,
   caretIcon,
@@ -111,7 +111,7 @@ const SelectExtendedFieldTarget = React__default.forwardRef(
         ),
         "aria-expanded": opened,
         "aria-haspopup": "listbox",
-        "data-tx": "1.42.0",
+        "data-tx": "1.44.0",
         active: opened,
         ...rest,
         children: [

package/components/SelectField/SelectField.js

@@ -7,7 +7,7 @@ import { SelectExtendedFieldDropdownDefault } from "../SelectExtendedField/compo
 import { DropdownListContext } from "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-DHdXJ6f2.js";
+import "../../chunks/DropdownListItem-DOjFvzKN.js";
 import { EDropdownWidth } from "../Dropdown/desktop/enums.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import "../Dropdown/mobile/DropdownMobileBody.js";
@@ -21,7 +21,7 @@ import "../Dropdown/mobile/DropdownMobileListItem.js";
 import "../Loader/LoaderSmall/LoaderSmall.js";
 import "../Loader/LoaderMiddle/LoaderMiddle.js";
 import "../Dropdown/Dropdown.js";
-import { u as uniqueId } from "../../chunks/vendor-DfvHt3TJ.js";
+import { u as uniqueId } from "../../chunks/vendor-D4wvHis9.js";
 const SelectField = React__default.forwardRef((props, ref) => {
   const {
     children,

package/components/Skeleton/Skeleton.js

@@ -1,23 +1,31 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { ESkeletonType } from "./enums.js";
-const skeleton = "skeleton__3618df42";
-const light = "light__09ed6611";
-const dark = "dark__66ceac49";
+const skeleton = "skeleton__4b94adc4";
+const type1 = "type1__8b5b56f4";
+const type2 = "type2__33f02b48";
+const type3 = "type3__0e9d0128";
 const styles = {
   skeleton,
-  light,
-  dark
+  type1,
+  type2,
+  type3
 };
-const Skeleton = ({ className, type = ESkeletonType.DARK, ...htmlDivAttributes }) => /* @__PURE__ */ jsx(
+const TYPE_TO_CLASS_NAME_MAP = {
+  [ESkeletonType.TYPE_1]: styles.type1,
+  [ESkeletonType.TYPE_2]: styles.type2,
+  [ESkeletonType.TYPE_3]: styles.type3
+};
+const Skeleton = ({
+  className,
+  type = ESkeletonType.TYPE_2,
+  ...htmlDivAttributes
+}) => /* @__PURE__ */ jsx(
   "div",
   {
-    className: clsx(styles.skeleton, className, {
-      [styles.dark]: type === ESkeletonType.DARK,
-      [styles.light]: type === ESkeletonType.LIGHT
-    }),
+    className: clsx(styles.skeleton, TYPE_TO_CLASS_NAME_MAP[type], className),
     ...htmlDivAttributes,
-    "data-tx": "1.42.0"
+    "data-tx": "1.44.0"
   }
 );
 export {

package/components/Skeleton/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/Skeleton.module.less\";\nimport { ESkeletonType } from \"./enums\";\n\nexport interface ISkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n    /**\n     * Тип скелетона - темный или светлый.\n     */\n    type?: ESkeletonType;\n}\n\n/**\n * Элемент для визуализации содержимого, которое еще не загрузилось.\n */\nexport const Skeleton: React.FC<ISkeletonProps> = ({ className, type = ESkeletonType.DARK, ...htmlDivAttributes }) => (\n    <div\n        className={clsx(styles.skeleton, className, {\n            [styles.dark]: type === ESkeletonType.DARK,\n            [styles.light]: type === ESkeletonType.LIGHT,\n        })}\n        {...htmlDivAttributes}\n        data-tx={process.env.npm_package_version}\n    />\n);\n"],"names":[],"mappings":";;;;;;;;;;;AAeO,MAAM,WAAqC,CAAC,EAAE,WAAW,OAAO,cAAc,MAAM,GAAG,kBAAA,MAC1F;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAW,KAAK,OAAO,UAAU,WAAW;AAAA,MACxC,CAAC,OAAO,IAAI,GAAG,SAAS,cAAc;AAAA,MACtC,CAAC,OAAO,KAAK,GAAG,SAAS,cAAc;AAAA,IAAA,CAC1C;AAAA,IACA,GAAG;AAAA,IACJ,WAAS;AAAA,EAAA;AACb;"}
+{"version":3,"file":"Skeleton.js","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/Skeleton.module.less\";\nimport { ESkeletonType } from \"./enums\";\n\nexport interface ISkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n    /**\n     * Тип скелетона. По умолчанию ESkeletonType.TYPE_2.\n     */\n    type?: ESkeletonType;\n}\n\n/** Соответствие типа имени класса. */\nconst TYPE_TO_CLASS_NAME_MAP: Record<ESkeletonType, string> = {\n    [ESkeletonType.TYPE_1]: styles.type1,\n    [ESkeletonType.TYPE_2]: styles.type2,\n    [ESkeletonType.TYPE_3]: styles.type3,\n};\n\n/**\n * Элемент для визуализации содержимого, которое еще не загрузилось.\n */\nexport const Skeleton: React.FC<ISkeletonProps> = ({\n    className,\n    type = ESkeletonType.TYPE_2,\n    ...htmlDivAttributes\n}) => (\n    <div\n        className={clsx(styles.skeleton, TYPE_TO_CLASS_NAME_MAP[type], className)}\n        {...htmlDivAttributes}\n        data-tx={process.env.npm_package_version}\n    />\n);\n"],"names":[],"mappings":";;;;;;;;;;;;;AAaA,MAAM,yBAAwD;AAAA,EAC1D,CAAC,cAAc,MAAM,GAAG,OAAO;AAAA,EAC/B,CAAC,cAAc,MAAM,GAAG,OAAO;AAAA,EAC/B,CAAC,cAAc,MAAM,GAAG,OAAO;AACnC;AAKO,MAAM,WAAqC,CAAC;AAAA,EAC/C;AAAA,EACA,OAAO,cAAc;AAAA,EACrB,GAAG;AACP,MACI;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAW,KAAK,OAAO,UAAU,uBAAuB,IAAI,GAAG,SAAS;AAAA,IACvE,GAAG;AAAA,IACJ,WAAS;AAAA,EAAA;AACb;"}

package/components/Skeleton/enums.js

@@ -1,6 +1,7 @@
 var ESkeletonType = /* @__PURE__ */ ((ESkeletonType2) => {
-  ESkeletonType2["DARK"] = "dark";
-  ESkeletonType2["LIGHT"] = "light";
+  ESkeletonType2["TYPE_1"] = "type_1";
+  ESkeletonType2["TYPE_2"] = "type_2";
+  ESkeletonType2["TYPE_3"] = "type_3";
   return ESkeletonType2;
 })(ESkeletonType || {});
 export {

package/components/Skeleton/enums.js.map

@@ -1 +1 @@
-{"version":3,"file":"enums.js","sources":["../../../src/components/Skeleton/enums.ts"],"sourcesContent":["export enum ESkeletonType {\n    DARK = \"dark\",\n    LIGHT = \"light\",\n}\n"],"names":["ESkeletonType"],"mappings":"AAAO,IAAK,kCAAAA,mBAAL;AACHA,iBAAA,MAAA,IAAO;AACPA,iBAAA,OAAA,IAAQ;AAFA,SAAAA;AAAA,GAAA,iBAAA,CAAA,CAAA;"}
+{"version":3,"file":"enums.js","sources":["../../../src/components/Skeleton/enums.ts"],"sourcesContent":["/** Типы компонента Skeleton. */\nexport enum ESkeletonType {\n    TYPE_1 = \"type_1\",\n    TYPE_2 = \"type_2\",\n    TYPE_3 = \"type_3\",\n}\n"],"names":["ESkeletonType"],"mappings":"AACO,IAAK,kCAAAA,mBAAL;AACHA,iBAAA,QAAA,IAAS;AACTA,iBAAA,QAAA,IAAS;AACTA,iBAAA,QAAA,IAAS;AAHD,SAAAA;AAAA,GAAA,iBAAA,CAAA,CAAA;"}

package/components/SliderExtended/SliderExtended.js

@@ -1,120 +1,96 @@
 import { jsx } from "react/jsx-runtime";
-import { useState, useLayoutEffect } from "react";
-import { c as clsx, l as lodashExports } from "../../chunks/vendor-DfvHt3TJ.js";
+import React__default, { useState, useMemo } from "react";
+import { k as range, c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
 import { SliderExtendedDot } from "./components/SliderExtendedDot/SliderExtendedDot.js";
 import { SliderExtendedMarks } from "./components/SliderExtendedMarks/SliderExtendedMarks.js";
 import { SliderExtendedMark } from "./components/SliderExtendedMarks/SliderExtendedMark.js";
-import { s as styles, S as SliderExtendedRail } from "../../chunks/SliderExtendedRail-XBqZJdJj.js";
+import { s as styles, S as SliderExtendedRail } from "../../chunks/SliderExtendedRail-CBpr9S0R.js";
 import { SliderExtendedTrack } from "./components/SliderExtendedTrack/SliderExtendedTrack.js";
+import { SliderExtendedTooltip } from "./components/SliderExtendedTooltip/SliderExtendedTooltip.js";
 import { SliderExtendedContext } from "./SliderExtendedContext.js";
 import { SliderExtendedUtils } from "./SliderExtendedUtils.js";
-import { SliderExtendedTooltip } from "./components/SliderExtendedTooltip/SliderExtendedTooltip.js";
-import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
-const SliderExtendedBase = ({
-  children,
-  disabled,
-  max,
-  min,
-  reverse = false,
-  step,
-  size,
-  ...htmlDivAttributes
-}) => {
-  const [dots, setDots] = useState([]);
-  const [focused, setFocused] = useState(false);
-  const [isHoverOrDragTrack, setIsHoverOrDragTrack] = useState(false);
-  const [railNode, setRailNode] = useState(null);
-  const [steps, setSteps] = useState([]);
-  const addDot = (dot) => {
-    setDots((prevDots) => {
-      const nextDots = [...prevDots];
-      nextDots.push(dot);
-      return nextDots;
-    });
-  };
-  const removeDot = (id) => {
-    setDots((prevDots) => [...prevDots.filter((dot) => dot.id !== id)]);
-  };
-  const updateDot = (dot) => {
-    setDots((prevDots) => {
-      const nextDots = [...prevDots];
-      nextDots.some((d) => {
-        if (d.id === dot.id) {
-          d = Object.assign(d, dot);
-          return true;
+const SliderExtendedBase = React__default.forwardRef(
+  ({ children, className, disabled, max, min, reverse = false, step, size, ...htmlDivAttributes }, ref) => {
+    const [dots, setDots] = useState([]);
+    const [focused, setFocused] = useState(false);
+    const [isHoverOrDragTrack, setIsHoverOrDragTrack] = useState(false);
+    const [railNode, setRailNode] = useState(null);
+    const steps = useMemo(() => {
+      const values = typeof step === "number" ? [...range(min, max, step), max] : step;
+      return values.map((value) => ({
+        normalizedValue: SliderExtendedUtils.getNormalizedValue({ max, min, value }),
+        value
+      }));
+    }, [max, min, step]);
+    const addDot = (dot) => {
+      setDots((prevDots) => [...prevDots, dot]);
+    };
+    const removeDot = (id) => {
+      setDots((prevDots) => prevDots.filter((dot) => dot.id !== id));
+    };
+    const updateDot = (dot) => {
+      setDots((prevDots) => {
+        const prevDot = prevDots.find((d) => d.id === dot.id);
+        if (prevDot) {
+          Object.assign(prevDot, dot);
         }
+        return [...prevDots];
       });
-      return nextDots;
-    });
-  };
-  useLayoutEffect(() => {
-    const generateSteps = () => {
-      if (typeof step === "number") {
-        const values = [...lodashExports.range(min, max, step), max];
-        setSteps(
-          values.map((value) => ({
-            normalizedValue: SliderExtendedUtils.getNormalizedValue({ max, min, value }),
-            value
-          }))
-        );
-      } else {
-        setSteps(
-          step.map((val) => ({
-            normalizedValue: SliderExtendedUtils.getNormalizedValue({ max, min, value: val }),
-            value: val
-          }))
-        );
-      }
     };
-    generateSteps();
-  }, [min, max, step]);
-  if (!steps.length) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    SliderExtendedContext.Provider,
-    {
-      value: {
-        addDot,
-        disabled: Boolean(disabled),
-        dots,
-        focused,
-        isHoverOrDragTrack,
-        max,
-        min,
-        railNode,
-        removeDot,
-        reverse: Boolean(reverse),
-        setFocused,
-        setIsHoverOrDragTrack,
-        setRailNode,
-        steps,
-        updateDot,
-        size
-      },
-      children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: clsx(styles.sliderExtended, sizeToClassNameMap[size], {
-            [styles.disabled]: Boolean(disabled)
-          }),
-          ...htmlDivAttributes,
-          "data-tx": "1.42.0",
-          children
-        }
-      )
+    if (!steps.length) {
+      return null;
     }
-  );
-};
-const SliderExtended = SliderExtendedBase;
-SliderExtended.displayName = "SliderExtended";
-SliderExtended.Dot = SliderExtendedDot;
-SliderExtended.Mark = SliderExtendedMark;
-SliderExtended.Marks = SliderExtendedMarks;
-SliderExtended.Rail = SliderExtendedRail;
-SliderExtended.Track = SliderExtendedTrack;
-SliderExtended.Tooltip = SliderExtendedTooltip;
+    return /* @__PURE__ */ jsx(
+      SliderExtendedContext.Provider,
+      {
+        value: {
+          addDot,
+          disabled: Boolean(disabled),
+          dots,
+          focused,
+          isHoverOrDragTrack,
+          max,
+          min,
+          railNode,
+          removeDot,
+          reverse,
+          setFocused,
+          setIsHoverOrDragTrack,
+          setRailNode,
+          steps,
+          updateDot,
+          size
+        },
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: clsx(
+              styles.sliderExtended,
+              sizeToClassNameMap[size],
+              { [styles.disabled]: disabled },
+              className
+            ),
+            ...htmlDivAttributes,
+            "data-tx": "1.44.0",
+            ref,
+            children
+          }
+        )
+      }
+    );
+  }
+);
+SliderExtendedBase.displayName = "SliderExtended";
+const SliderExtended = Object.assign(SliderExtendedBase, {
+  Dot: SliderExtendedDot,
+  Mark: SliderExtendedMark,
+  Marks: SliderExtendedMarks,
+  Rail: SliderExtendedRail,
+  Track: SliderExtendedTrack,
+  Tooltip: SliderExtendedTooltip
+});
 export {
   SliderExtended
 };

package/components/SliderExtended/SliderExtended.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderExtended.js","sources":["../../../src/components/SliderExtended/SliderExtended.tsx"],"sourcesContent":["import React from \"react\";\nimport { useState, useLayoutEffect } from \"react\";\nimport { range } from \"lodash\";\nimport { SliderExtendedDot } from \"./components/SliderExtendedDot/SliderExtendedDot\";\nimport { SliderExtendedMarks } from \"./components/SliderExtendedMarks/SliderExtendedMarks\";\nimport { SliderExtendedMark } from \"./components/SliderExtendedMarks/SliderExtendedMark\";\nimport { SliderExtendedRail } from \"./components/SliderExtendedRail\";\nimport { SliderExtendedTrack } from \"./components/SliderExtendedTrack/SliderExtendedTrack\";\nimport { ISliderExtendedDot, ISliderExtendedStep, SliderExtendedContext } from \"./SliderExtendedContext\";\nimport { SliderExtendedUtils } from \"./SliderExtendedUtils\";\nimport { SliderExtendedTooltip } from \"./components/SliderExtendedTooltip/SliderExtendedTooltip\";\nimport clsx from \"clsx\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport styles from \"./styles/SliderExtended.module.less\";\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Свойства компонента SliderExtended. */\nexport interface ISliderExtendedProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Слайдер не активен. */\n    disabled?: boolean;\n    /** Максимальное значение слайдера. */\n    max: number;\n    /** Минимальное значение слайдера. */\n    min: number;\n    /** Реверсивный слайдер. */\n    reverse?: boolean;\n    /**\n     * Длина шага, например при длине шага 1, с min-0. max-100, слайдер будет разделен на 100 шагов.\n     * Вместо длины шага можно передать массив шагов, например [0, 25, 50, 75, 100]. Будет 3 возможные позиции между min и max. Начальное значение должно быть равно min, последнее значение должно быть равно max.\n     */\n    step: number | number[];\n    /** Размер компонента. */\n    size: EComponentSize.MD | EComponentSize.LG;\n}\n\nconst SliderExtendedBase: React.FC<ISliderExtendedProps> = ({\n    children,\n    disabled,\n    max,\n    min,\n    reverse = false,\n    step,\n    size,\n    ...htmlDivAttributes\n}) => {\n    const [dots, setDots] = useState<ISliderExtendedDot[]>([]);\n    const [focused, setFocused] = useState(false);\n    const [isHoverOrDragTrack, setIsHoverOrDragTrack] = useState(false);\n    const [railNode, setRailNode] = useState<HTMLDivElement | null>(null);\n    const [steps, setSteps] = useState<ISliderExtendedStep[]>([]);\n\n    const addDot = (dot: ISliderExtendedDot) => {\n        setDots((prevDots) => {\n            const nextDots = [...prevDots];\n            nextDots.push(dot);\n\n            return nextDots;\n        });\n    };\n\n    const removeDot = (id: string) => {\n        setDots((prevDots) => [...prevDots.filter((dot) => dot.id !== id)]);\n    };\n\n    const updateDot = (dot: Pick<ISliderExtendedDot, \"id\"> & Partial<ISliderExtendedDot>) => {\n        setDots((prevDots) => {\n            const nextDots = [...prevDots];\n            nextDots.some((d) => {\n                if (d.id === dot.id) {\n                    d = Object.assign(d, dot);\n                    return true;\n                }\n            });\n\n            return nextDots;\n        });\n    };\n\n    useLayoutEffect(() => {\n        /**\n         * Генерирует массив точек остановки при перемещении Dot.\n         * Для каждой точки указывается позиция на треке в % и value.\n         */\n        const generateSteps = () => {\n            if (typeof step === \"number\") {\n                const values = [...range(min, max, step), max];\n\n                setSteps(\n                    values.map((value) => ({\n                        normalizedValue: SliderExtendedUtils.getNormalizedValue({ max, min, value }),\n                        value,\n                    })),\n                );\n            } else {\n                setSteps(\n                    step.map((val) => ({\n                        normalizedValue: SliderExtendedUtils.getNormalizedValue({ max, min, value: val }),\n                        value: val,\n                    })),\n                );\n            }\n        };\n\n        generateSteps();\n    }, [min, max, step]);\n\n    if (!steps.length) {\n        return null;\n    }\n\n    return (\n        <SliderExtendedContext.Provider\n            value={{\n                addDot,\n                disabled: Boolean(disabled),\n                dots,\n                focused,\n                isHoverOrDragTrack,\n                max,\n                min,\n                railNode,\n                removeDot,\n                reverse: Boolean(reverse),\n                setFocused,\n                setIsHoverOrDragTrack,\n                setRailNode,\n                steps,\n                updateDot,\n                size,\n            }}\n        >\n            <div\n                className={clsx(styles.sliderExtended, sizeToClassNameMap[size], {\n                    [styles.disabled]: Boolean(disabled),\n                })}\n                {...htmlDivAttributes}\n                data-tx={process.env.npm_package_version}\n            >\n                {children}\n            </div>\n        </SliderExtendedContext.Provider>\n    );\n};\n\n/** Компонент SliderExtended. */\nexport const SliderExtended = SliderExtendedBase as typeof SliderExtendedBase & {\n    Dot: typeof SliderExtendedDot;\n    Mark: typeof SliderExtendedMark;\n    Marks: typeof SliderExtendedMarks;\n    Rail: typeof SliderExtendedRail;\n    Track: typeof SliderExtendedTrack;\n    Tooltip: typeof SliderExtendedTooltip;\n};\n\nSliderExtended.displayName = \"SliderExtended\";\nSliderExtended.Dot = SliderExtendedDot;\nSliderExtended.Mark = SliderExtendedMark;\nSliderExtended.Marks = SliderExtendedMarks;\nSliderExtended.Rail = SliderExtendedRail;\nSliderExtended.Track = SliderExtendedTrack;\nSliderExtended.Tooltip = SliderExtendedTooltip;\n"],"names":["range"],"mappings":"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"}
+{"version":3,"file":"SliderExtended.js","sources":["../../../src/components/SliderExtended/SliderExtended.tsx"],"sourcesContent":["import React, { useMemo, useState } from \"react\";\nimport { range } from \"lodash-es\";\nimport clsx from \"clsx\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport { SliderExtendedDot } from \"./components/SliderExtendedDot/SliderExtendedDot\";\nimport { SliderExtendedMarks } from \"./components/SliderExtendedMarks/SliderExtendedMarks\";\nimport { SliderExtendedMark } from \"./components/SliderExtendedMarks/SliderExtendedMark\";\nimport { SliderExtendedRail } from \"./components/SliderExtendedRail\";\nimport { SliderExtendedTrack } from \"./components/SliderExtendedTrack/SliderExtendedTrack\";\nimport { SliderExtendedTooltip } from \"./components/SliderExtendedTooltip/SliderExtendedTooltip\";\nimport { ISliderExtendedDot, ISliderExtendedStep, SliderExtendedContext } from \"./SliderExtendedContext\";\nimport { SliderExtendedUtils } from \"./SliderExtendedUtils\";\nimport styles from \"./styles/SliderExtended.module.less\";\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Свойства компонента SliderExtended. */\nexport interface ISliderExtendedProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Слайдер не активен. По умолчанию false. */\n    disabled?: boolean;\n    /** Максимальное значение слайдера. */\n    max: number;\n    /** Минимальное значение слайдера. */\n    min: number;\n    /** Реверсивный слайдер — значения возрастают справа налево. По умолчанию false. */\n    reverse?: boolean;\n    /**\n     * Длина шага, например при длине шага 1, с min-0. max-100, слайдер будет разделен на 100 шагов.\n     * Вместо длины шага можно передать массив шагов, например [0, 25, 50, 75, 100]. Будет 3 возможные позиции между min и max. Начальное значение должно быть равно min, последнее значение должно быть равно max.\n     */\n    step: number | number[];\n    /** Размер компонента. */\n    size: EComponentSize.MD | EComponentSize.LG;\n}\n\n/**\n * Слайдер, собираемый из субкомпонентов: Rail (полоса), Dot (ползунок), Track (заполненная часть),\n * Marks/Mark (метки) и Tooltip (подсказка над ползунком). Значения ползунков контролирует потребитель.\n */\nconst SliderExtendedBase = React.forwardRef<HTMLDivElement, ISliderExtendedProps>(\n    ({ children, className, disabled, max, min, reverse = false, step, size, ...htmlDivAttributes }, ref) => {\n        const [dots, setDots] = useState<ISliderExtendedDot[]>([]);\n        const [focused, setFocused] = useState(false);\n        const [isHoverOrDragTrack, setIsHoverOrDragTrack] = useState(false);\n        const [railNode, setRailNode] = useState<HTMLDivElement | null>(null);\n\n        /**\n         * Массив точек остановки при перемещении Dot.\n         * Для каждой точки указывается позиция на треке в % и value.\n         */\n        const steps = useMemo<ISliderExtendedStep[]>(() => {\n            const values = typeof step === \"number\" ? [...range(min, max, step), max] : step;\n\n            return values.map((value) => ({\n                normalizedValue: SliderExtendedUtils.getNormalizedValue({ max, min, value }),\n                value,\n            }));\n        }, [max, min, step]);\n\n        const addDot = (dot: ISliderExtendedDot) => {\n            setDots((prevDots) => [...prevDots, dot]);\n        };\n\n        const removeDot = (id: string) => {\n            setDots((prevDots) => prevDots.filter((dot) => dot.id !== id));\n        };\n\n        /**\n         * Обновляет данные точки.\n         * Объект точки меняется на месте намеренно: обработчики перетаскивания подписываются на\n         * document в момент нажатия и до конца перетаскивания видят массив dots того рендера.\n         * Замена объекта на новый оставила бы их с устаревшими stepIndex и value.\n         */\n        const updateDot = (dot: Pick<ISliderExtendedDot, \"id\"> & Partial<ISliderExtendedDot>) => {\n            setDots((prevDots) => {\n                const prevDot = prevDots.find((d) => d.id === dot.id);\n\n                if (prevDot) {\n                    Object.assign(prevDot, dot);\n                }\n\n                return [...prevDots];\n            });\n        };\n\n        if (!steps.length) {\n            return null;\n        }\n\n        return (\n            <SliderExtendedContext.Provider\n                value={{\n                    addDot,\n                    disabled: Boolean(disabled),\n                    dots,\n                    focused,\n                    isHoverOrDragTrack,\n                    max,\n                    min,\n                    railNode,\n                    removeDot,\n                    reverse,\n                    setFocused,\n                    setIsHoverOrDragTrack,\n                    setRailNode,\n                    steps,\n                    updateDot,\n                    size,\n                }}\n            >\n                <div\n                    className={clsx(\n                        styles.sliderExtended,\n                        sizeToClassNameMap[size],\n                        { [styles.disabled]: disabled },\n                        className,\n                    )}\n                    {...htmlDivAttributes}\n                    data-tx={process.env.npm_package_version}\n                    ref={ref}\n                >\n                    {children}\n                </div>\n            </SliderExtendedContext.Provider>\n        );\n    },\n);\n\nSliderExtendedBase.displayName = \"SliderExtended\";\n\n/** Компонент SliderExtended. */\nexport const SliderExtended = Object.assign(SliderExtendedBase, {\n    Dot: SliderExtendedDot,\n    Mark: SliderExtendedMark,\n    Marks: SliderExtendedMarks,\n    Rail: SliderExtendedRail,\n    Track: SliderExtendedTrack,\n    Tooltip: SliderExtendedTooltip,\n});\n"],"names":["React"],"mappings":";;;;;;;;;;;;AAeA,MAAM,qBAAqB,yBAAyB,MAAM;AAyB1D,MAAM,qBAAqBA,eAAM;AAAA,EAC7B,CAAC,EAAE,UAAU,WAAW,UAAU,KAAK,KAAK,UAAU,OAAO,MAAM,MAAM,GAAG,kBAAA,GAAqB,QAAQ;AACrG,UAAM,CAAC,MAAM,OAAO,IAAI,SAA+B,CAAA,CAAE;AACzD,UAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,UAAM,CAAC,oBAAoB,qBAAqB,IAAI,SAAS,KAAK;AAClE,UAAM,CAAC,UAAU,WAAW,IAAI,SAAgC,IAAI;AAMpE,UAAM,QAAQ,QAA+B,MAAM;AAC/C,YAAM,SAAS,OAAO,SAAS,WAAW,CAAC,GAAG,MAAM,KAAK,KAAK,IAAI,GAAG,GAAG,IAAI;AAE5E,aAAO,OAAO,IAAI,CAAC,WAAW;AAAA,QAC1B,iBAAiB,oBAAoB,mBAAmB,EAAE,KAAK,KAAK,OAAO;AAAA,QAC3E;AAAA,MAAA,EACF;AAAA,IACN,GAAG,CAAC,KAAK,KAAK,IAAI,CAAC;AAEnB,UAAM,SAAS,CAAC,QAA4B;AACxC,cAAQ,CAAC,aAAa,CAAC,GAAG,UAAU,GAAG,CAAC;AAAA,IAC5C;AAEA,UAAM,YAAY,CAAC,OAAe;AAC9B,cAAQ,CAAC,aAAa,SAAS,OAAO,CAAC,QAAQ,IAAI,OAAO,EAAE,CAAC;AAAA,IACjE;AAQA,UAAM,YAAY,CAAC,QAAsE;AACrF,cAAQ,CAAC,aAAa;AAClB,cAAM,UAAU,SAAS,KAAK,CAAC,MAAM,EAAE,OAAO,IAAI,EAAE;AAEpD,YAAI,SAAS;AACT,iBAAO,OAAO,SAAS,GAAG;AAAA,QAC9B;AAEA,eAAO,CAAC,GAAG,QAAQ;AAAA,MACvB,CAAC;AAAA,IACL;AAEA,QAAI,CAAC,MAAM,QAAQ;AACf,aAAO;AAAA,IACX;AAEA,WACI;AAAA,MAAC,sBAAsB;AAAA,MAAtB;AAAA,QACG,OAAO;AAAA,UACH;AAAA,UACA,UAAU,QAAQ,QAAQ;AAAA,UAC1B;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,QAGJ,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,cACP,OAAO;AAAA,cACP,mBAAmB,IAAI;AAAA,cACvB,EAAE,CAAC,OAAO,QAAQ,GAAG,SAAA;AAAA,cACrB;AAAA,YAAA;AAAA,YAEH,GAAG;AAAA,YACJ,WAAS;AAAA,YACT;AAAA,YAEC;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAGZ;AACJ;AAEA,mBAAmB,cAAc;AAG1B,MAAM,iBAAiB,OAAO,OAAO,oBAAoB;AAAA,EAC5D,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AACb,CAAC;"}

package/components/SliderExtended/SliderExtendedContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderExtendedContext.js","sources":["../../../src/components/SliderExtended/SliderExtendedContext.ts"],"sourcesContent":["import React from \"react\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\n\nexport interface ISliderExtendedDot {\n    // Функция изменения позиции точки, вызывается из любого компонента.\n    changeValue: (value: number) => void;\n    id: string;\n    // Нормализованное значение позиции точки, устанавливает SliderExtendedDot.\n    normalizedValue: number;\n    // Индекс позиции точки в массиве steps.\n    stepIndex: number;\n    // Значение позиции точки, устанавливает SliderExtended.Dot.\n    value: number;\n}\n\nexport interface ISliderExtendedStep {\n    // Значение.\n    value: number;\n    // Нормализованное значение.\n    normalizedValue: number;\n}\n\nexport interface ISliderExtendedContext {\n    // Добавляет точку.\n    addDot: (dot: ISliderExtendedDot) => void;\n    // Массив передвигаемых точек.\n    dots: ISliderExtendedDot[];\n    // Слайдер не активен.\n    disabled: boolean;\n    // Один из элементов слайдера(SliderExtendedDot или SliderExtendedTrack) в фокусе.\n    focused: boolean;\n    // Track в текущий момент перетаскивается мышью или в состоянии hover. Флаг нужен для подсветки SliderExtendedDot в этот момент.\n    isHoverOrDragTrack: boolean;\n    // Максимальное значение слайдера.\n    max: number;\n    // Минимальное значение слайдера.\n    min: number;\n    // Элемент полосы слайдера.\n    railNode: HTMLDivElement | null;\n    // Удаляет точку.\n    removeDot: (dotId: string) => void;\n    // Реверсивный слайдер.\n    reverse: boolean;\n    // Устанавливает свойство focused;\n    setFocused: (focused: boolean) => void;\n    // Устанавливает значение параметра isHoverOrDragTrack. Вызывается компонентом SliderExtendedTrack.\n    setIsHoverOrDragTrack: (isHoverOrDragTrack: boolean) => void;\n    // Устанавливает элемент полосы слайдера.\n    setRailNode: (node: HTMLDivElement) => void;\n    // Массив точек остановки при перемещении Dot.\n    steps: ISliderExtendedStep[];\n    // Обновляет данные точки.\n    updateDot: (dot: Pick<ISliderExtendedDot, \"id\"> & Partial<ISliderExtendedDot>) => void;\n    // Размер компонента.\n    size: EComponentSize.MD | EComponentSize.LG;\n}\n\nconst contextInitial: ISliderExtendedContext = {\n    addDot: () => {},\n    disabled: false,\n    dots: [],\n    focused: false,\n    isHoverOrDragTrack: false,\n    max: 0,\n    min: 0,\n    railNode: null,\n    removeDot: () => {},\n    reverse: false,\n    setFocused: () => {},\n    setIsHoverOrDragTrack: () => {},\n    setRailNode: () => {},\n    steps: [],\n    updateDot: () => {},\n    size: EComponentSize.MD,\n};\n\nexport const SliderExtendedContext = React.createContext<ISliderExtendedContext>(contextInitial);\n"],"names":["React"],"mappings":";;AAyDA,MAAM,iBAAyC;AAAA,EAC3C,QAAQ,MAAM;AAAA,EAAC;AAAA,EACf,UAAU;AAAA,EACV,MAAM,CAAA;AAAA,EACN,SAAS;AAAA,EACT,oBAAoB;AAAA,EACpB,KAAK;AAAA,EACL,KAAK;AAAA,EACL,UAAU;AAAA,EACV,WAAW,MAAM;AAAA,EAAC;AAAA,EAClB,SAAS;AAAA,EACT,YAAY,MAAM;AAAA,EAAC;AAAA,EACnB,uBAAuB,MAAM;AAAA,EAAC;AAAA,EAC9B,aAAa,MAAM;AAAA,EAAC;AAAA,EACpB,OAAO,CAAA;AAAA,EACP,WAAW,MAAM;AAAA,EAAC;AAAA,EAClB,MAAM,eAAe;AACzB;AAEO,MAAM,wBAAwBA,eAAM,cAAsC,cAAc;"}
+{"version":3,"file":"SliderExtendedContext.js","sources":["../../../src/components/SliderExtended/SliderExtendedContext.ts"],"sourcesContent":["import React from \"react\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\n\n/** Передвигаемая точка (ползунок) слайдера, зарегистрированная в контексте. */\nexport interface ISliderExtendedDot {\n    /** Функция изменения позиции точки, вызывается из любого компонента. */\n    changeValue: (value: number) => void;\n    /** Идентификатор точки, генерируется SliderExtended.Dot. */\n    id: string;\n    /** Нормализованное (от 0 до 100) значение позиции точки, устанавливает SliderExtended.Dot. */\n    normalizedValue: number;\n    /** Индекс позиции точки в массиве steps. */\n    stepIndex: number;\n    /** Значение позиции точки, устанавливает SliderExtended.Dot. */\n    value: number;\n}\n\n/** Точка остановки при перемещении ползунка. */\nexport interface ISliderExtendedStep {\n    /** Значение. */\n    value: number;\n    /** Нормализованное (от 0 до 100) значение. */\n    normalizedValue: number;\n}\n\n/** Контекст SliderExtended. Через него субкомпоненты получают состояние слайдера и меняют его. */\nexport interface ISliderExtendedContext {\n    /** Добавляет точку. */\n    addDot: (dot: ISliderExtendedDot) => void;\n    /** Массив передвигаемых точек. */\n    dots: ISliderExtendedDot[];\n    /** Слайдер не активен. */\n    disabled: boolean;\n    /** Один из элементов слайдера (SliderExtended.Dot или SliderExtended.Track) в фокусе. */\n    focused: boolean;\n    /**\n     * Track в текущий момент перетаскивается мышью или в состоянии hover.\n     * Флаг нужен для подсветки SliderExtended.Dot в этот момент.\n     */\n    isHoverOrDragTrack: boolean;\n    /** Максимальное значение слайдера. */\n    max: number;\n    /** Минимальное значение слайдера. */\n    min: number;\n    /** Элемент полосы слайдера. */\n    railNode: HTMLDivElement | null;\n    /** Удаляет точку. */\n    removeDot: (dotId: string) => void;\n    /** Реверсивный слайдер. */\n    reverse: boolean;\n    /** Устанавливает свойство focused. */\n    setFocused: (focused: boolean) => void;\n    /** Устанавливает значение параметра isHoverOrDragTrack. Вызывается компонентом SliderExtended.Track. */\n    setIsHoverOrDragTrack: (isHoverOrDragTrack: boolean) => void;\n    /** Устанавливает элемент полосы слайдера. Вызывается callback-ref'ом SliderExtended.Rail, поэтому принимает null. */\n    setRailNode: (node: HTMLDivElement | null) => void;\n    /** Массив точек остановки при перемещении Dot. Пока массив пуст, SliderExtended не рендерит содержимое. */\n    steps: ISliderExtendedStep[];\n    /** Обновляет данные точки. */\n    updateDot: (dot: Pick<ISliderExtendedDot, \"id\"> & Partial<ISliderExtendedDot>) => void;\n    /** Размер компонента. */\n    size: EComponentSize.MD | EComponentSize.LG;\n}\n\nconst contextInitial: ISliderExtendedContext = {\n    addDot: () => {},\n    disabled: false,\n    dots: [],\n    focused: false,\n    isHoverOrDragTrack: false,\n    max: 0,\n    min: 0,\n    railNode: null,\n    removeDot: () => {},\n    reverse: false,\n    setFocused: () => {},\n    setIsHoverOrDragTrack: () => {},\n    setRailNode: () => {},\n    steps: [],\n    updateDot: () => {},\n    size: EComponentSize.MD,\n};\n\nexport const SliderExtendedContext = React.createContext<ISliderExtendedContext>(contextInitial);\n"],"names":["React"],"mappings":";;AAgEA,MAAM,iBAAyC;AAAA,EAC3C,QAAQ,MAAM;AAAA,EAAC;AAAA,EACf,UAAU;AAAA,EACV,MAAM,CAAA;AAAA,EACN,SAAS;AAAA,EACT,oBAAoB;AAAA,EACpB,KAAK;AAAA,EACL,KAAK;AAAA,EACL,UAAU;AAAA,EACV,WAAW,MAAM;AAAA,EAAC;AAAA,EAClB,SAAS;AAAA,EACT,YAAY,MAAM;AAAA,EAAC;AAAA,EACnB,uBAAuB,MAAM;AAAA,EAAC;AAAA,EAC9B,aAAa,MAAM;AAAA,EAAC;AAAA,EACpB,OAAO,CAAA;AAAA,EACP,WAAW,MAAM;AAAA,EAAC;AAAA,EAClB,MAAM,eAAe;AACzB;AAEO,MAAM,wBAAwBA,eAAM,cAAsC,cAAc;"}