npm - @sberbusiness/triplex-next - Versions diffs - 1.41.1 → 1.43.0 - Mend

@sberbusiness/triplex-next 1.41.1 → 1.43.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (615) hide show

package/components/SliderExtended/components/SliderExtendedDot/useSliderExtendedDotTabIndex.js DELETED Viewed

@@ -1,55 +0,0 @@
-import { useState, useLayoutEffect } from "react";
-const useSliderExtendedDotTabIndex = (disabled, dotId, dots, focusedSlider) => {
-  const [tabIndex, setTabIndex] = useState(-1);
-  useLayoutEffect(() => {
-    if (dots.length === 2) {
-      const sortDotsArr = [...dots].sort((dot1, dot2) => dot1.value - dot2.value);
-      if (sortDotsArr[0].id === dotId) {
-        setTabIndex(0);
-      }
-    } else {
-      setTabIndex(0);
-    }
-  }, []);
-  useLayoutEffect(() => {
-    if (dots.length === 2) {
-      const sortDotsArr = [...dots].sort((dot1, dot2) => dot1.value - dot2.value);
-      if (focusedSlider) {
-        if (sortDotsArr[1].id === dotId) {
-          setTabIndex(3);
-        } else {
-          setTabIndex(1);
-        }
-      } else {
-        if (sortDotsArr[0].id === dotId) {
-          setTabIndex(0);
-        } else {
-          setTabIndex(-1);
-        }
-      }
-    }
-  }, [focusedSlider]);
-  useLayoutEffect(() => {
-    if (dots.length === 2) {
-      const sortDotsArr = [...dots].sort((dot1, dot2) => dot1.value - dot2.value);
-      if (focusedSlider) {
-        if (sortDotsArr[0].id === dotId) {
-          setTabIndex(1);
-        } else {
-          setTabIndex(3);
-        }
-      } else {
-        if (sortDotsArr[0].id === dotId) {
-          setTabIndex(0);
-        } else {
-          setTabIndex(-1);
-        }
-      }
-    }
-  }, [dots]);
-  return disabled ? -1 : tabIndex;
-};
-export {
-  useSliderExtendedDotTabIndex
-};
-//# sourceMappingURL=useSliderExtendedDotTabIndex.js.map

package/components/SliderExtended/components/SliderExtendedDot/useSliderExtendedDotTabIndex.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"useSliderExtendedDotTabIndex.js","sources":["../../../../../src/components/SliderExtended/components/SliderExtendedDot/useSliderExtendedDotTabIndex.tsx"],"sourcesContent":["import { ISliderExtendedDot } from \"../../SliderExtendedContext\";\nimport { useState, useLayoutEffect } from \"react\";\n\n/**\n * Хук, возвращающий tabIndex.\n * Если слайдер имеет два ползунка, tabIndex динамически меняется в зависимости от положения ползунков.\n * По-умолчанию, SliderExtendedDot с меньшим value имеет tabIndex - 0, SliderExtendedDot с большим value и SliderExtendedTrack имеют tabIndex - -1.\n * Когда SliderExtendedDot или SliderExtendedTrack перемещаются, tabIndex для SliderExtendedDot c меньшим value становится равен 1, SliderExtendedTrack - 2, SliderExtendedDot c большим value - 3,\n * чтобы можно было последовательно передвигаться по этим элементам через Tab.\n */\nexport const useSliderExtendedDotTabIndex = (\n disabled: boolean,\n dotId: string,\n dots: ISliderExtendedDot[],\n focusedSlider: boolean,\n): number => {\n const [tabIndex, setTabIndex] = useState(-1);\n\n useLayoutEffect(() => {\n if (dots.length === 2) {\n const sortDotsArr = [...dots].sort((dot1, dot2) => dot1.value - dot2.value);\n if (sortDotsArr[0].id === dotId) {\n setTabIndex(0);\n }\n } else {\n setTabIndex(0);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n useLayoutEffect(() => {\n if (dots.length === 2) {\n const sortDotsArr = [...dots].sort((dot1, dot2) => dot1.value - dot2.value);\n\n if (focusedSlider) {\n if (sortDotsArr[1].id === dotId) {\n setTabIndex(3);\n } else {\n setTabIndex(1);\n }\n } else {\n if (sortDotsArr[0].id === dotId) {\n setTabIndex(0);\n } else {\n setTabIndex(-1);\n }\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [focusedSlider]);\n\n useLayoutEffect(() => {\n if (dots.length === 2) {\n const sortDotsArr = [...dots].sort((dot1, dot2) => dot1.value - dot2.value);\n\n if (focusedSlider) {\n if (sortDotsArr[0].id === dotId) {\n setTabIndex(1);\n } else {\n setTabIndex(3);\n }\n } else {\n if (sortDotsArr[0].id === dotId) {\n setTabIndex(0);\n } else {\n setTabIndex(-1);\n }\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [dots]);\n\n return disabled ? -1 : tabIndex;\n};\n"],"names":[],"mappings":";AAUO,MAAM,+BAA+B,CACxC,UACA,OACA,MACA,kBACS;AACT,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,EAAE;AAE3C,kBAAgB,MAAM;AAClB,QAAI,KAAK,WAAW,GAAG;AACnB,YAAM,cAAc,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,MAAM,SAAS,KAAK,QAAQ,KAAK,KAAK;AAC1E,UAAI,YAAY,CAAC,EAAE,OAAO,OAAO;AAC7B,oBAAY,CAAC;AAAA,MACjB;AAAA,IACJ,OAAO;AACH,kBAAY,CAAC;AAAA,IACjB;AAAA,EAEJ,GAAG,CAAA,CAAE;AAEL,kBAAgB,MAAM;AAClB,QAAI,KAAK,WAAW,GAAG;AACnB,YAAM,cAAc,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,MAAM,SAAS,KAAK,QAAQ,KAAK,KAAK;AAE1E,UAAI,eAAe;AACf,YAAI,YAAY,CAAC,EAAE,OAAO,OAAO;AAC7B,sBAAY,CAAC;AAAA,QACjB,OAAO;AACH,sBAAY,CAAC;AAAA,QACjB;AAAA,MACJ,OAAO;AACH,YAAI,YAAY,CAAC,EAAE,OAAO,OAAO;AAC7B,sBAAY,CAAC;AAAA,QACjB,OAAO;AACH,sBAAY,EAAE;AAAA,QAClB;AAAA,MACJ;AAAA,IACJ;AAAA,EAEJ,GAAG,CAAC,aAAa,CAAC;AAElB,kBAAgB,MAAM;AAClB,QAAI,KAAK,WAAW,GAAG;AACnB,YAAM,cAAc,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,MAAM,SAAS,KAAK,QAAQ,KAAK,KAAK;AAE1E,UAAI,eAAe;AACf,YAAI,YAAY,CAAC,EAAE,OAAO,OAAO;AAC7B,sBAAY,CAAC;AAAA,QACjB,OAAO;AACH,sBAAY,CAAC;AAAA,QACjB;AAAA,MACJ,OAAO;AACH,YAAI,YAAY,CAAC,EAAE,OAAO,OAAO;AAC7B,sBAAY,CAAC;AAAA,QACjB,OAAO;AACH,sBAAY,EAAE;AAAA,QAClB;AAAA,MACJ;AAAA,IACJ;AAAA,EAEJ,GAAG,CAAC,IAAI,CAAC;AAET,SAAO,WAAW,KAAK;AAC3B;"}