@sberbusiness/triplex-next 1.33.0 → 1.35.0

package/components/SelectField/SelectField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectField.js","sources":["../../../src/components/SelectField/SelectField.tsx"],"sourcesContent":["import React, { useState, useRef } from \"react\";\nimport {\n    ISelectExtendedFieldDefaultOption,\n    ISelectExtendedFieldDropdownProvideProps,\n    ISelectExtendedFieldProps,\n    ISelectExtendedFieldTargetProvideProps,\n    ISelectExtendedFieldTargetProps,\n    SelectExtendedField,\n} from \"@sberbusiness/triplex-next/components/SelectExtendedField\";\nimport { SelectExtendedFieldDropdownDefault } from \"@sberbusiness/triplex-next/components/SelectExtendedField/components/SelectExtendedFieldDropdownDefault\";\nimport { DropdownListContext } from \"@sberbusiness/triplex-next/components/Dropdown/DropdownListContext\";\nimport { uniqueId } from \"lodash-es\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { EDropdownWidth } from \"../Dropdown\";\n\n/* Свойства опции списка. */\nexport interface ISelectFieldOption extends ISelectExtendedFieldDefaultOption {}\n\nexport interface ISelectFieldProps\n    extends\n        Omit<ISelectExtendedFieldProps, \"children\" | \"onChange\" | \"renderTarget\">,\n        Pick<ISelectExtendedFieldTargetProps, \"loading\" | \"status\" | \"placeholder\"> {\n    /** Размер компонента. */\n    size: EComponentSize;\n    children?: never;\n    /** Текущее выбранное значение. */\n    value?: ISelectFieldOption;\n    /** Список опций. */\n    options: ISelectFieldOption[];\n    /** Обработчик изменения значения. */\n    onChange: (option: ISelectFieldOption) => void;\n    /** Свойства, передающиеся в SelectExtendedField.Target. */\n    targetProps?: Omit<ISelectExtendedFieldTargetProps, \"opened\" | \"setOpened\" | \"size\">;\n    /** ClassName передающийся в DropdownListItem. */\n    dropdownListItemClassName?: string;\n    /** Название Select отображающееся в мобильном режиме. */\n    mobileTitle?: React.ReactNode;\n}\n\n/* Базовый компонент SelectField. */\nexport const SelectField = React.forwardRef<HTMLDivElement, ISelectFieldProps>((props, ref) => {\n    const {\n        children,\n        className,\n        value,\n        size,\n        options,\n        onChange,\n        placeholder,\n        loading,\n        status,\n        \"aria-labelledby\": ariaLabelledby,\n        dropdownListItemClassName,\n        mobileTitle,\n        targetProps,\n        ...rest\n    } = props;\n\n    const [activeDescendant, setActiveDescendant] = useState<string>();\n    const targetRef = useRef<HTMLDivElement | null>(null);\n    const instanceId = useRef(uniqueId());\n\n    const setRef = (node: HTMLInputElement | null) => {\n        targetRef.current = node;\n        if (typeof ref === \"function\") {\n            ref(node);\n        } else if (ref) {\n            ref.current = node;\n        }\n    };\n\n    const renderTarget = (props: ISelectExtendedFieldTargetProvideProps) => (\n        <SelectExtendedField.Target\n            label={value?.label}\n            placeholder={placeholder}\n            loading={loading}\n            status={status}\n            role=\"combobox\"\n            aria-controls={instanceId.current}\n            aria-activedescendant={activeDescendant}\n            aria-labelledby={ariaLabelledby}\n            ref={setRef}\n            size={size}\n            fieldLabel={undefined}\n            {...targetProps}\n            {...props}\n        />\n    );\n\n    const renderDropdown = (props: ISelectExtendedFieldDropdownProvideProps) => (\n        <DropdownListContext.Provider value={{ activeDescendant, setActiveDescendant }}>\n            <SelectExtendedFieldDropdownDefault\n                {...props}\n                size={size}\n                width={EDropdownWidth.TARGET}\n                loading={loading}\n                listId={instanceId.current}\n                mobileTitle={mobileTitle}\n                onChange={onChange}\n                options={options}\n                value={value}\n            />\n        </DropdownListContext.Provider>\n    );\n\n    return (\n        <SelectExtendedField className={className} renderTarget={renderTarget} closeOnTab={true} {...rest}>\n            {renderDropdown}\n        </SelectExtendedField>\n    );\n});\n\nSelectField.displayName = \"SelectField\";\n"],"names":["React","props"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwCO,MAAM,cAAcA,eAAM,WAA8C,CAAC,OAAO,QAAQ;AAC3F,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAA;AAChD,QAAM,YAAY,OAA8B,IAAI;AACpD,QAAM,aAAa,OAAO,UAAU;AAEpC,QAAM,SAAS,CAAC,SAAkC;AAC9C,cAAU,UAAU;AACpB,QAAI,OAAO,QAAQ,YAAY;AAC3B,UAAI,IAAI;AAAA,IACZ,WAAW,KAAK;AACZ,UAAI,UAAU;AAAA,IAClB;AAAA,EACJ;AAEA,QAAM,eAAe,CAACC,WAClB;AAAA,IAAC,oBAAoB;AAAA,IAApB;AAAA,MACG,OAAO,+BAAO;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,iBAAe,WAAW;AAAA,MAC1B,yBAAuB;AAAA,MACvB,mBAAiB;AAAA,MACjB,KAAK;AAAA,MACL;AAAA,MACA,YAAY;AAAA,MACX,GAAG;AAAA,MACH,GAAGA;AAAAA,IAAA;AAAA,EAAA;AAIZ,QAAM,iBAAiB,CAACA,WACpB,oBAAC,oBAAoB,UAApB,EAA6B,OAAO,EAAE,kBAAkB,oBAAA,GACrD,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGA;AAAAA,MACJ;AAAA,MACA,OAAO,eAAe;AAAA,MACtB;AAAA,MACA,QAAQ,WAAW;AAAA,MACnB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAAA,GAER;AAGJ,SACI,oBAAC,uBAAoB,WAAsB,cAA4B,YAAY,MAAO,GAAG,MACxF,UAAA,eAAA,CACL;AAER,CAAC;AAED,YAAY,cAAc;"}

package/components/SelectField/index.js

@@ -1,5 +1,5 @@
-import { SelectField as o } from "./SelectField.js";
+import { SelectField } from "./SelectField.js";
 export {
-  o as SelectField
+  SelectField
 };
 //# sourceMappingURL=index.js.map

package/components/SelectField/index.js.map

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

package/components/Skeleton/Skeleton.js

@@ -1,22 +1,26 @@
-import { jsx as c } from "react/jsx-runtime";
-import { c as n } from "../../chunks/vendor-D5cfSbgz.js";
-import { ESkeletonType as t } from "./enums.js";
-const r = "skeleton__36ee0fd2", k = "light__1fd1fcc1", a = "dark__bc7b54b6", o = {
-  skeleton: r,
-  light: k,
-  dark: a
-}, f = ({ className: s, type: e = t.DARK, ...l }) => /* @__PURE__ */ c(
+import { jsx } from "react/jsx-runtime";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { ESkeletonType } from "./enums.js";
+const skeleton = "skeleton__ceaa1029";
+const light = "light__6685d760";
+const dark = "dark__edab808a";
+const styles = {
+  skeleton,
+  light,
+  dark
+};
+const Skeleton = ({ className, type = ESkeletonType.DARK, ...htmlDivAttributes }) => /* @__PURE__ */ jsx(
   "div",
   {
-    className: n(o.skeleton, s, {
-      [o.dark]: e === t.DARK,
-      [o.light]: e === t.LIGHT
+    className: clsx(styles.skeleton, className, {
+      [styles.dark]: type === ESkeletonType.DARK,
+      [styles.light]: type === ESkeletonType.LIGHT
     }),
-    ...l,
-    "data-tx": "1.33.0"
+    ...htmlDivAttributes,
+    "data-tx": "1.35.0"
   }
 );
 export {
-  f as Skeleton
+  Skeleton
 };
 //# sourceMappingURL=Skeleton.js.map

package/components/Skeleton/Skeleton.js.map

@@ -0,0 +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;"}

package/components/Skeleton/enums.js

@@ -1,5 +1,9 @@
-var a = /* @__PURE__ */ ((r) => (r.DARK = "dark", r.LIGHT = "light", r))(a || {});
+var ESkeletonType = /* @__PURE__ */ ((ESkeletonType2) => {
+  ESkeletonType2["DARK"] = "dark";
+  ESkeletonType2["LIGHT"] = "light";
+  return ESkeletonType2;
+})(ESkeletonType || {});
 export {
-  a as ESkeletonType
+  ESkeletonType
 };
 //# sourceMappingURL=enums.js.map

package/components/Skeleton/enums.js.map

@@ -0,0 +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;"}

package/components/Skeleton/index.js

@@ -1,7 +1,7 @@
-import { Skeleton as r } from "./Skeleton.js";
-import { ESkeletonType as p } from "./enums.js";
+import { Skeleton } from "./Skeleton.js";
+import { ESkeletonType } from "./enums.js";
 export {
-  p as ESkeletonType,
-  r as Skeleton
+  ESkeletonType,
+  Skeleton
 };
 //# sourceMappingURL=index.js.map

package/components/Skeleton/index.js.map

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

package/components/Slider/Slider.js

@@ -1,20 +1,20 @@
-import { jsxs as n, jsx as l } from "react/jsx-runtime";
-import { SliderExtended as r } from "../SliderExtended/SliderExtended.js";
-const x = ({
-  marks: a,
-  onChange: c,
-  step: o = 1,
-  value: i,
-  renderTooltipContent: d,
-  size: h,
-  ...s
-}) => /* @__PURE__ */ n(r, { step: o, size: h, ...s, children: [
-  /* @__PURE__ */ l(r.Rail, {}),
-  /* @__PURE__ */ l(r.Dot, { value: i, onChange: c, children: d && /* @__PURE__ */ l(r.Tooltip, { value: i, children: d(i) }) }),
-  /* @__PURE__ */ l(r.Track, {}),
-  /* @__PURE__ */ l(r.Marks, { children: a.map((e) => /* @__PURE__ */ l(r.Mark, { value: e.value, children: e.label }, e.value)) })
+import { jsxs, jsx } from "react/jsx-runtime";
+import { SliderExtended } from "../SliderExtended/SliderExtended.js";
+const Slider = ({
+  marks,
+  onChange,
+  step = 1,
+  value,
+  renderTooltipContent,
+  size,
+  ...sliderExtendedAttributes
+}) => /* @__PURE__ */ jsxs(SliderExtended, { step, size, ...sliderExtendedAttributes, children: [
+  /* @__PURE__ */ jsx(SliderExtended.Rail, {}),
+  /* @__PURE__ */ jsx(SliderExtended.Dot, { value, onChange, children: renderTooltipContent && /* @__PURE__ */ jsx(SliderExtended.Tooltip, { value, children: renderTooltipContent(value) }) }),
+  /* @__PURE__ */ jsx(SliderExtended.Track, {}),
+  /* @__PURE__ */ jsx(SliderExtended.Marks, { children: marks.map((m) => /* @__PURE__ */ jsx(SliderExtended.Mark, { value: m.value, children: m.label }, m.value)) })
 ] });
 export {
-  x as Slider
+  Slider
 };
 //# sourceMappingURL=Slider.js.map

package/components/Slider/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import React from \"react\";\nimport { ISliderExtendedProps, SliderExtended } from \"../SliderExtended/SliderExtended\";\nimport { ISliderExtendedDotProps } from \"../SliderExtended/components/SliderExtendedDot/SliderExtendedDot\";\n\n/** Лейбл под полосой слайдера. */\nexport interface ISliderMark {\n    /** Значение расположения метки, должно быть в диапазоне от min до max. */\n    value: number;\n    label: React.ReactNode;\n}\n\nexport interface ISliderProps\n    extends Omit<ISliderExtendedProps, \"onChange\" | \"step\">,\n        Pick<ISliderExtendedDotProps, \"onChange\" | \"value\"> {\n    children?: never;\n    /** Массив меток под полосой слайдера. */\n    marks: ISliderMark[];\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    renderTooltipContent?: (value: number) => React.ReactNode;\n}\n\n/** Слайдер с одним ползунком. */\nexport const Slider: React.FC<ISliderProps> = ({\n    marks,\n    onChange,\n    step = 1,\n    value,\n    renderTooltipContent,\n    size,\n    ...sliderExtendedAttributes\n}) => (\n    <SliderExtended step={step} size={size} {...sliderExtendedAttributes}>\n        <SliderExtended.Rail />\n        <SliderExtended.Dot value={value} onChange={onChange}>\n            {renderTooltipContent && (\n                <SliderExtended.Tooltip value={value}>{renderTooltipContent(value)}</SliderExtended.Tooltip>\n            )}\n        </SliderExtended.Dot>\n\n        <SliderExtended.Track />\n\n        <SliderExtended.Marks>\n            {marks.map((m) => (\n                <SliderExtended.Mark key={m.value} value={m.value}>\n                    {m.label}\n                </SliderExtended.Mark>\n            ))}\n        </SliderExtended.Marks>\n    </SliderExtended>\n);\n"],"names":[],"mappings":";;AA2BO,MAAM,SAAiC,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MACI,qBAAC,gBAAA,EAAe,MAAY,MAAa,GAAG,0BACxC,UAAA;AAAA,EAAA,oBAAC,eAAe,MAAf,EAAoB;AAAA,EACrB,oBAAC,eAAe,KAAf,EAAmB,OAAc,UAC7B,UAAA,wBACG,oBAAC,eAAe,SAAf,EAAuB,OAAe,UAAA,qBAAqB,KAAK,GAAE,GAE3E;AAAA,EAEA,oBAAC,eAAe,OAAf,EAAqB;AAAA,EAEtB,oBAAC,eAAe,OAAf,EACI,gBAAM,IAAI,CAAC,MACR,oBAAC,eAAe,MAAf,EAAkC,OAAO,EAAE,OACvC,UAAA,EAAE,SADmB,EAAE,KAE5B,CACH,EAAA,CACL;AAAA,EAAA,CACJ;"}

package/components/Slider/index.js

@@ -1,5 +1,5 @@
-import { Slider as o } from "./Slider.js";
+import { Slider } from "./Slider.js";
 export {
-  o as Slider
+  Slider
 };
 //# sourceMappingURL=index.js.map

package/components/Slider/index.js.map

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

package/components/SliderExtended/SliderExtended.js

@@ -1,102 +1,121 @@
-import { jsx as S } from "react/jsx-runtime";
-import { useState as a, useLayoutEffect as b } from "react";
-import { c as C, l as O } from "../../chunks/vendor-D5cfSbgz.js";
-import { SliderExtendedDot as R } from "./components/SliderExtendedDot/SliderExtendedDot.js";
-import { SliderExtendedMarks as j } from "./components/SliderExtendedMarks/SliderExtendedMarks.js";
-import { SliderExtendedMark as H } from "./components/SliderExtendedMarks/SliderExtendedMark.js";
-import { s as c, S as F } from "../../chunks/SliderExtendedRail-BYOwvNNf.js";
-import { SliderExtendedTrack as I } from "./components/SliderExtendedTrack/SliderExtendedTrack.js";
-import { SliderExtendedContext as L } from "./SliderExtendedContext.js";
-import { SliderExtendedUtils as x } from "./SliderExtendedUtils.js";
-import { SliderExtendedTooltip as P } from "./components/SliderExtendedTooltip/SliderExtendedTooltip.js";
-import { createSizeToClassNameMap as U } from "../../utils/classNameMaps.js";
-const q = U(c), w = ({
-  children: E,
-  disabled: m,
-  max: s,
-  min: d,
-  reverse: D = !1,
-  step: l,
-  size: p,
-  ...g
+import { jsx } from "react/jsx-runtime";
+import { useState, useLayoutEffect } from "react";
+import { c as clsx, l as lodashExports } from "../../chunks/vendor-Bco_z_Yi.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-wwqWrz0o.js";
+import { SliderExtendedTrack } from "./components/SliderExtendedTrack/SliderExtendedTrack.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 [k, i] = a([]), [v, N] = a(!1), [T, M] = a(!1), [z, h] = a(null), [f, u] = a([]), y = (r) => {
-    i((e) => {
-      const t = [...e];
-      return t.push(r), t;
+  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;
     });
-  }, B = (r) => {
-    i((e) => [...e.filter((t) => t.id !== r)]);
-  }, V = (r) => {
-    i((e) => {
-      const t = [...e];
-      return t.some((n) => {
-        if (n.id === r.id)
-          return n = Object.assign(n, r), !0;
-      }), t;
+  };
+  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;
+        }
+      });
+      return nextDots;
     });
   };
-  return b(() => {
-    (() => {
-      if (typeof l == "number") {
-        const e = [...O.range(d, s, l), s];
-        u(
-          e.map((t) => ({
-            normalizedValue: x.getNormalizedValue({ max: s, min: d, value: t }),
-            value: t
+  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
-        u(
-          l.map((e) => ({
-            normalizedValue: x.getNormalizedValue({ max: s, min: d, value: e }),
-            value: e
+      } else {
+        setSteps(
+          step.map((val) => ({
+            normalizedValue: SliderExtendedUtils.getNormalizedValue({ max, min, value: val }),
+            value: val
           }))
         );
-    })();
-  }, [d, s, l]), f.length ? /* @__PURE__ */ S(
-    L.Provider,
+      }
+    };
+    generateSteps();
+  }, [min, max, step]);
+  if (!steps.length) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    SliderExtendedContext.Provider,
     {
       value: {
-        addDot: y,
-        disabled: !!m,
-        dots: k,
-        focused: v,
-        isHoverOrDragTrack: T,
-        max: s,
-        min: d,
-        railNode: z,
-        removeDot: B,
-        reverse: !!D,
-        setFocused: N,
-        setIsHoverOrDragTrack: M,
-        setRailNode: h,
-        steps: f,
-        updateDot: V,
-        size: p
+        addDot,
+        disabled: Boolean(disabled),
+        dots,
+        focused,
+        isHoverOrDragTrack,
+        max,
+        min,
+        railNode,
+        removeDot,
+        reverse: Boolean(reverse),
+        setFocused,
+        setIsHoverOrDragTrack,
+        setRailNode,
+        steps,
+        updateDot,
+        size
       },
-      children: /* @__PURE__ */ S(
+      children: /* @__PURE__ */ jsx(
         "div",
         {
-          className: C(c.sliderExtended, q[p], {
-            [c.disabled]: !!m
+          className: clsx(styles.sliderExtended, sizeToClassNameMap[size], {
+            [styles.disabled]: Boolean(disabled)
           }),
-          ...g,
-          "data-tx": "1.33.0",
-          children: E
+          ...htmlDivAttributes,
+          "data-tx": "1.35.0",
+          children
         }
       )
     }
-  ) : null;
-}, o = w;
-o.displayName = "SliderExtended";
-o.Dot = R;
-o.Mark = H;
-o.Marks = j;
-o.Rail = F;
-o.Track = I;
-o.Tooltip = P;
+  );
+};
+const SliderExtended = SliderExtendedBase;
+SliderExtended.displayName = "SliderExtended";
+SliderExtended.Dot = SliderExtendedDot;
+SliderExtended.Mark = SliderExtendedMark;
+SliderExtended.Marks = SliderExtendedMarks;
+SliderExtended.Rail = SliderExtendedRail;
+SliderExtended.Track = SliderExtendedTrack;
+SliderExtended.Tooltip = SliderExtendedTooltip;
 export {
-  o as SliderExtended
+  SliderExtended
 };
 //# sourceMappingURL=SliderExtended.js.map

package/components/SliderExtended/SliderExtended.js.map

@@ -0,0 +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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"}

package/components/SliderExtended/SliderExtendedContext.js

@@ -1,18 +1,18 @@
-import e from "react";
-import { EComponentSize as t } from "../../enums/EComponentSize.js";
-const o = {
+import React__default from "react";
+import { EComponentSize } from "../../enums/EComponentSize.js";
+const contextInitial = {
   addDot: () => {
   },
-  disabled: !1,
+  disabled: false,
   dots: [],
-  focused: !1,
-  isHoverOrDragTrack: !1,
+  focused: false,
+  isHoverOrDragTrack: false,
   max: 0,
   min: 0,
   railNode: null,
   removeDot: () => {
   },
-  reverse: !1,
+  reverse: false,
   setFocused: () => {
   },
   setIsHoverOrDragTrack: () => {
@@ -22,9 +22,10 @@ const o = {
   steps: [],
   updateDot: () => {
   },
-  size: t.MD
-}, a = e.createContext(o);
+  size: EComponentSize.MD
+};
+const SliderExtendedContext = React__default.createContext(contextInitial);
 export {
-  a as SliderExtendedContext
+  SliderExtendedContext
 };
 //# sourceMappingURL=SliderExtendedContext.js.map

package/components/SliderExtended/SliderExtendedContext.js.map

@@ -0,0 +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;"}

package/components/SliderExtended/SliderExtendedUtils.js

@@ -1,32 +1,47 @@
-const i = {
-  getNearestDotByValue: ({ value: a, dots: e }) => {
-    let t = e[0], l = 1 / 0;
-    return e.forEach((n) => {
-      const r = Math.abs(n.value - a);
-      r < l && (l = r, t = n);
-    }), t;
+const SliderExtendedUtils = {
+  getNearestDotByValue: ({ value, dots }) => {
+    let nearestDot = dots[0];
+    let delta = Infinity;
+    dots.forEach((dot) => {
+      const thisDelta = Math.abs(dot.value - value);
+      if (thisDelta < delta) {
+        delta = thisDelta;
+        nearestDot = dot;
+      }
+    });
+    return nearestDot;
   },
-  getNearestStep: ({ normalizedValue: a, steps: e }) => {
-    let t = e[0], l = 100;
-    return e.forEach((n) => {
-      const r = Math.abs(a - n.normalizedValue);
-      r < l && (l = r, t = n);
-    }), t;
+  getNearestStep: ({ normalizedValue, steps }) => {
+    let nearestStep = steps[0];
+    let nearestStepDelta = 100;
+    steps.forEach((s) => {
+      const stepDelta = Math.abs(normalizedValue - s.normalizedValue);
+      if (stepDelta < nearestStepDelta) {
+        nearestStepDelta = stepDelta;
+        nearestStep = s;
+      }
+    });
+    return nearestStep;
   },
-  getNormalizedCursorValue: ({ cursorXPosition: a, railNode: e }) => (a - e.getBoundingClientRect().left) * 100 / e.offsetWidth,
-  getNormalizedValue: ({ max: a, min: e, value: t }) => {
-    const l = a - e, r = (t - e) * 100 / l;
-    return Math.min(100, Math.max(0, r));
+  getNormalizedCursorValue: ({ cursorXPosition, railNode }) => (cursorXPosition - railNode.getBoundingClientRect().left) * 100 / railNode.offsetWidth,
+  getNormalizedValue: ({ max, min, value }) => {
+    const valuesLength = max - min;
+    const valueMinDelta = value - min;
+    const normalizedValue = valueMinDelta * 100 / valuesLength;
+    return Math.min(100, Math.max(0, normalizedValue));
   },
-  getStepIndexByNormalizedValue: ({ normalizedValue: a, steps: e }) => {
-    let t = 0;
-    return e.some((l, n) => {
-      if (l.normalizedValue === a)
-        return t = n, !0;
-    }), t;
+  getStepIndexByNormalizedValue: ({ normalizedValue, steps }) => {
+    let index = 0;
+    steps.some((step, i) => {
+      if (step.normalizedValue === normalizedValue) {
+        index = i;
+        return true;
+      }
+    });
+    return index;
   }
 };
 export {
-  i as SliderExtendedUtils
+  SliderExtendedUtils
 };
 //# sourceMappingURL=SliderExtendedUtils.js.map

package/components/SliderExtended/SliderExtendedUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderExtendedUtils.js","sources":["../../../src/components/SliderExtended/SliderExtendedUtils.ts"],"sourcesContent":["import { ISliderExtendedDot, ISliderExtendedStep } from \"./SliderExtendedContext\";\n\ninterface ISliderExtendedUtils {\n    /**\n     * Возвращает нормализованное(от 0 до 100) значение позиции курсора.\n     */\n    getNormalizedCursorValue: (params: { cursorXPosition: number; railNode: HTMLDivElement }) => number;\n    /**\n     * Возвращает ближайшую точку.\n     */\n    getNearestDotByValue: (params: { value: number; dots: ISliderExtendedDot[] }) => ISliderExtendedDot;\n    /**\n     * Возвращает ближайший шаг.\n     */\n    getNearestStep: (params: { normalizedValue: number; steps: ISliderExtendedStep[] }) => ISliderExtendedStep;\n    /**\n     * Возвращает нормализованное(от 0 до 100) value.\n     */\n    getNormalizedValue: (params: { max: number; min: number; value: number }) => number;\n    /**\n     * Возвращает индекс значения в массиве steps.\n     */\n    getStepIndexByNormalizedValue: (params: { normalizedValue: number; steps: ISliderExtendedStep[] }) => number;\n}\n\nexport const SliderExtendedUtils: ISliderExtendedUtils = {\n    getNearestDotByValue: ({ value, dots }) => {\n        let nearestDot: ISliderExtendedDot = dots[0];\n        let delta = Infinity;\n\n        dots.forEach((dot) => {\n            const thisDelta = Math.abs(dot.value - value);\n\n            if (thisDelta < delta) {\n                delta = thisDelta;\n                nearestDot = dot;\n            }\n        });\n\n        return nearestDot;\n    },\n    getNearestStep: ({ normalizedValue, steps }) => {\n        // Ближайший шаг.\n        let nearestStep = steps[0];\n        // Разница между шагом и текущим положением Dot.\n        let nearestStepDelta = 100;\n\n        steps.forEach((s) => {\n            const stepDelta = Math.abs(normalizedValue - s.normalizedValue);\n            if (stepDelta < nearestStepDelta) {\n                nearestStepDelta = stepDelta;\n                nearestStep = s;\n            }\n        });\n\n        return nearestStep;\n    },\n\n    getNormalizedCursorValue: ({ cursorXPosition, railNode }) =>\n        ((cursorXPosition - railNode.getBoundingClientRect().left) * 100) / railNode.offsetWidth,\n    getNormalizedValue: ({ max, min, value }) => {\n        const valuesLength = max - min;\n        const valueMinDelta = value - min;\n        const normalizedValue = (valueMinDelta * 100) / valuesLength;\n\n        return Math.min(100, Math.max(0, normalizedValue));\n    },\n    getStepIndexByNormalizedValue: ({ normalizedValue, steps }) => {\n        let index = 0;\n\n        steps.some((step, i) => {\n            if (step.normalizedValue === normalizedValue) {\n                index = i;\n                return true;\n            }\n        });\n\n        return index;\n    },\n};\n"],"names":[],"mappings":"AAyBO,MAAM,sBAA4C;AAAA,EACrD,sBAAsB,CAAC,EAAE,OAAO,WAAW;AACvC,QAAI,aAAiC,KAAK,CAAC;AAC3C,QAAI,QAAQ;AAEZ,SAAK,QAAQ,CAAC,QAAQ;AAClB,YAAM,YAAY,KAAK,IAAI,IAAI,QAAQ,KAAK;AAE5C,UAAI,YAAY,OAAO;AACnB,gBAAQ;AACR,qBAAa;AAAA,MACjB;AAAA,IACJ,CAAC;AAED,WAAO;AAAA,EACX;AAAA,EACA,gBAAgB,CAAC,EAAE,iBAAiB,YAAY;AAE5C,QAAI,cAAc,MAAM,CAAC;AAEzB,QAAI,mBAAmB;AAEvB,UAAM,QAAQ,CAAC,MAAM;AACjB,YAAM,YAAY,KAAK,IAAI,kBAAkB,EAAE,eAAe;AAC9D,UAAI,YAAY,kBAAkB;AAC9B,2BAAmB;AACnB,sBAAc;AAAA,MAClB;AAAA,IACJ,CAAC;AAED,WAAO;AAAA,EACX;AAAA,EAEA,0BAA0B,CAAC,EAAE,iBAAiB,SAAA,OACxC,kBAAkB,SAAS,sBAAA,EAAwB,QAAQ,MAAO,SAAS;AAAA,EACjF,oBAAoB,CAAC,EAAE,KAAK,KAAK,YAAY;AACzC,UAAM,eAAe,MAAM;AAC3B,UAAM,gBAAgB,QAAQ;AAC9B,UAAM,kBAAmB,gBAAgB,MAAO;AAEhD,WAAO,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,eAAe,CAAC;AAAA,EACrD;AAAA,EACA,+BAA+B,CAAC,EAAE,iBAAiB,YAAY;AAC3D,QAAI,QAAQ;AAEZ,UAAM,KAAK,CAAC,MAAM,MAAM;AACpB,UAAI,KAAK,oBAAoB,iBAAiB;AAC1C,gBAAQ;AACR,eAAO;AAAA,MACX;AAAA,IACJ,CAAC;AAED,WAAO;AAAA,EACX;AACJ;"}