@sberbusiness/triplex-next 1.34.0 → 1.35.0

package/components/Dropdown/desktop/DropdownList.js

@@ -1,83 +1,157 @@
-import { jsxs as _, jsx as h } from "react/jsx-runtime";
-import l, { useContext as y, useRef as B, useState as b, useEffect as f } from "react";
-import { c as z } from "../../../chunks/vendor-D5cfSbgz.js";
-import { s as D, D as x } from "../../../chunks/DropdownListItem-Db1_Qf-T.js";
-import { EVENT_KEY_CODES as w } from "../../../utils/keyboard.js";
-import { DropdownListContext as V } from "../DropdownListContext.js";
-import { LoaderSmall as W } from "../../Loader/LoaderSmall/LoaderSmall.js";
-import { ELoaderSmallTheme as j } from "../../Loader/LoaderSmall/enum.js";
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default, { useContext, useRef, useState, useEffect } from "react";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { s as styles, D as DropdownListItem } from "../../../chunks/DropdownListItem-Bar1VVOv.js";
+import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
+import { DropdownListContext } from "../DropdownListContext.js";
+import { LoaderSmall } from "../../Loader/LoaderSmall/LoaderSmall.js";
+import { ELoaderSmallTheme } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import { EComponentSize as K } from "../../../enums/EComponentSize.js";
-import { createSizeToClassNameMap as P } from "../../../utils/classNameMaps.js";
-const U = P(D), Y = (N) => {
+import { EComponentSize } from "../../../enums/EComponentSize.js";
+import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
+const sizeToClassNameMap = createSizeToClassNameMap(styles);
+const DropdownList = (props) => {
   const {
-    children: u,
-    className: O,
-    dropdownOpened: i,
-    listRef: R,
-    loading: A,
-    size: v = K.MD,
-    ...M
-  } = N, S = z(D.dropdownDesktopList, U[v], O), { activeDescendant: p, setActiveDescendant: d } = y(V), c = R || l.createRef(), C = B([]), [m, a] = b(void 0), L = l.Children.count(u), I = (e) => {
-    const t = c == null ? void 0 : c.current, r = C.current[e];
-    if (t && r) {
-      const { top: n, bottom: o } = t.getBoundingClientRect(), { top: s, bottom: E } = r.getBoundingClientRect(), T = 4;
-      n > s ? t.scrollTop = t.scrollTop - n + s - T : E > o && (t.scrollTop = t.scrollTop + E - o + T);
+    children,
+    className,
+    dropdownOpened,
+    listRef,
+    loading,
+    size = EComponentSize.MD,
+    ...htmlDivAttributes
+  } = props;
+  const classNames = clsx(styles.dropdownDesktopList, sizeToClassNameMap[size], className);
+  const { activeDescendant, setActiveDescendant } = useContext(DropdownListContext);
+  const containerRef = listRef || React__default.createRef();
+  const listItemsRef = useRef([]);
+  const [activeListItemIndex, setActiveListItemIndex] = useState(void 0);
+  const childrenCount = React__default.Children.count(children);
+  const scrollContainerToItem = (itemIndex) => {
+    const parent = containerRef == null ? void 0 : containerRef.current;
+    const activeItem = listItemsRef.current[itemIndex];
+    if (parent && activeItem) {
+      const { top: parentTop, bottom: parentBottom } = parent.getBoundingClientRect();
+      const { top: itemTop, bottom: itemBottom } = activeItem.getBoundingClientRect();
+      const offset = 4;
+      if (parentTop > itemTop) {
+        parent.scrollTop = parent.scrollTop - parentTop + itemTop - offset;
+      } else if (itemBottom > parentBottom) {
+        parent.scrollTop = parent.scrollTop + itemBottom - parentBottom + offset;
+      }
     }
-  }, g = () => {
-    const e = c == null ? void 0 : c.current;
-    e && (e.scrollTop = 0);
   };
-  f(() => {
-    if (!i)
+  const scrollContainerToTop = () => {
+    const container = containerRef == null ? void 0 : containerRef.current;
+    if (container) {
+      container.scrollTop = 0;
+    }
+  };
+  useEffect(() => {
+    if (!dropdownOpened) {
       return;
-    const e = (t) => {
-      const { keyCode: r } = t, n = L, o = m;
-      let s;
-      r === w.ARROW_DOWN ? (o !== void 0 && o < n - 1 ? s = o + 1 : s = 0, t.preventDefault()) : r === w.ARROW_UP && (o !== void 0 && o > 0 ? s = o - 1 : s = n - 1, t.preventDefault()), s !== void 0 && o !== s && (I(s), a(s));
+    }
+    const handleKeyDown = (event) => {
+      const { keyCode } = event;
+      const childrenLength = childrenCount;
+      const currentIndex = activeListItemIndex;
+      let nextActiveListItemIndex;
+      if (keyCode === EVENT_KEY_CODES.ARROW_DOWN) {
+        if (currentIndex !== void 0) {
+          if (currentIndex < childrenLength - 1) {
+            nextActiveListItemIndex = currentIndex + 1;
+          } else {
+            nextActiveListItemIndex = 0;
+          }
+        } else {
+          nextActiveListItemIndex = 0;
+        }
+        event.preventDefault();
+      } else if (keyCode === EVENT_KEY_CODES.ARROW_UP) {
+        if (currentIndex !== void 0) {
+          if (currentIndex > 0) {
+            nextActiveListItemIndex = currentIndex - 1;
+          } else {
+            nextActiveListItemIndex = childrenLength - 1;
+          }
+        } else {
+          nextActiveListItemIndex = childrenLength - 1;
+        }
+        event.preventDefault();
+      }
+      if (nextActiveListItemIndex !== void 0 && currentIndex !== nextActiveListItemIndex) {
+        scrollContainerToItem(nextActiveListItemIndex);
+        setActiveListItemIndex(nextActiveListItemIndex);
+      }
     };
-    return document.addEventListener("keydown", e), () => {
-      document.removeEventListener("keydown", e);
+    document.addEventListener("keydown", handleKeyDown);
+    return () => {
+      document.removeEventListener("keydown", handleKeyDown);
     };
-  }, [i, m, L]), f(() => {
-    if (!i)
+  }, [dropdownOpened, activeListItemIndex, childrenCount]);
+  useEffect(() => {
+    if (!dropdownOpened) {
       return;
-    let e = !1;
-    l.Children.forEach(u, (t, r) => {
-      l.isValidElement(t) && t.props.selected && (e = !0, I(r), a(r));
-    }), e || (a(0), g());
-  }, [i]), f(() => {
-    var e;
-    if (i && m !== void 0) {
-      d((e = C.current[m]) == null ? void 0 : e.id);
+    }
+    let isSelectedItemExist = false;
+    React__default.Children.forEach(children, (child, index) => {
+      if (React__default.isValidElement(child) && child.props.selected) {
+        isSelectedItemExist = true;
+        scrollContainerToItem(index);
+        setActiveListItemIndex(index);
+      }
+    });
+    if (!isSelectedItemExist) {
+      setActiveListItemIndex(0);
+      scrollContainerToTop();
+    }
+  }, [dropdownOpened]);
+  useEffect(() => {
+    var _a;
+    if (dropdownOpened && activeListItemIndex !== void 0) {
+      setActiveDescendant((_a = listItemsRef.current[activeListItemIndex]) == null ? void 0 : _a.id);
       return;
     }
-    !i && p !== void 0 && d();
-  }, [i, m, p, d]), f(() => () => {
-    p !== void 0 && d();
-  }, [p, d]);
-  const k = l.Children.map(u, (e, t) => l.isValidElement(e) ? l.cloneElement(e, {
-    active: m === t,
-    onMouseOver: (r) => {
-      var n, o;
-      a(t), (o = (n = e.props).onMouseOver) == null || o.call(n, r);
-    },
-    onMouseOut: (r) => {
-      var n, o;
-      a(void 0), (o = (n = e.props).onMouseOut) == null || o.call(n, r);
-    },
-    size: v,
-    ref: (r) => {
-      C.current[t] = r;
+    if (!dropdownOpened && activeDescendant !== void 0) {
+      setActiveDescendant();
+    }
+  }, [dropdownOpened, activeListItemIndex, activeDescendant, setActiveDescendant]);
+  useEffect(() => {
+    return () => {
+      if (activeDescendant !== void 0) {
+        setActiveDescendant();
+      }
+    };
+  }, [activeDescendant, setActiveDescendant]);
+  const renderedChildren = React__default.Children.map(children, (child, index) => {
+    if (!React__default.isValidElement(child)) {
+      return child;
     }
-  }) : e);
-  return /* @__PURE__ */ _("div", { className: S, role: "listbox", ...M, ref: c, children: [
-    k,
-    A && /* @__PURE__ */ h(x, { id: "dropdown-desktop-list-loader-item", children: /* @__PURE__ */ h(W, { className: D.dropdownDesktopListLoader, theme: j.BRAND, size: v }) })
+    return React__default.cloneElement(child, {
+      active: activeListItemIndex === index,
+      onMouseOver: (event) => {
+        var _a, _b;
+        setActiveListItemIndex(index);
+        (_b = (_a = child.props).onMouseOver) == null ? void 0 : _b.call(_a, event);
+      },
+      onMouseOut: (event) => {
+        var _a, _b;
+        setActiveListItemIndex(void 0);
+        (_b = (_a = child.props).onMouseOut) == null ? void 0 : _b.call(_a, event);
+      },
+      size,
+      ref: (node) => {
+        listItemsRef.current[index] = node;
+      }
+    });
+  });
+  const renderLoaderItem = () => /* @__PURE__ */ jsx(DropdownListItem, { id: "dropdown-desktop-list-loader-item", children: /* @__PURE__ */ jsx(LoaderSmall, { className: styles.dropdownDesktopListLoader, theme: ELoaderSmallTheme.BRAND, size }) });
+  return /* @__PURE__ */ jsxs("div", { className: classNames, role: "listbox", ...htmlDivAttributes, ref: containerRef, children: [
+    renderedChildren,
+    loading && renderLoaderItem()
   ] });
 };
-Y.Item = x;
+DropdownList.Item = DropdownListItem;
 export {
-  Y as DropdownList
+  DropdownList
 };
 //# sourceMappingURL=DropdownList.js.map

package/components/Dropdown/desktop/DropdownList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownList.js","sources":["../../../../src/components/Dropdown/desktop/DropdownList.tsx"],"sourcesContent":["import React, { useContext, useEffect, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport {\n    DropdownListItem,\n    IDropdownListItemProps,\n} from \"@sberbusiness/triplex-next/components/Dropdown/desktop/DropdownListItem\";\nimport { EVENT_KEY_CODES } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport { DropdownListContext } from \"@sberbusiness/triplex-next/components/Dropdown/DropdownListContext\";\nimport { LoaderSmall, ELoaderSmallTheme } from \"@sberbusiness/triplex-next/components/Loader\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport styles from \"../styles/DropdownDesktopList.module.less\";\n\n/** Свойства компонента DropdownList. */\nexport interface IDropdownListProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Dropdown открыт. */\n    dropdownOpened: boolean;\n    /** Объект для создания ссылки на html-элемент \"список\". */\n    listRef?: React.RefObject<HTMLDivElement>;\n    /** Состояние загрузки. */\n    loading?: boolean;\n    /** Размер списка. */\n    size?: EComponentSize;\n}\n\n/** Индекс текущего выделенного элемента списка при навигации с клавиатуры. */\ntype TActiveListItemIndex = number | undefined;\n\n/** Композиция компонента DropdownList. */\nexport interface IDropdownListComponent extends React.FC<IDropdownListProps> {\n    Item: typeof DropdownListItem;\n}\n\n// Соответствие размера имени класса.\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/**\n * Компонент DropdownList.\n * Используется для обрамления вложенного списка и добавляет спику возможность навигации с клавиатуры.\n * В качестве children принимает только DropdownDesktopList.Item.\n */\nexport const DropdownList: IDropdownListComponent = (props) => {\n    const {\n        children,\n        className,\n        dropdownOpened,\n        listRef,\n        loading,\n        size = EComponentSize.MD,\n        ...htmlDivAttributes\n    } = props;\n    const classNames = clsx(styles.dropdownDesktopList, sizeToClassNameMap[size], className);\n\n    const { activeDescendant, setActiveDescendant } = useContext(DropdownListContext);\n\n    // Ref контейнера списка.\n    const containerRef = listRef || React.createRef<HTMLDivElement>();\n    // Массив DOM-элементов списка.\n    const listItemsRef = useRef<Array<HTMLDivElement | null>>([]);\n    const [activeListItemIndex, setActiveListItemIndex] = useState<TActiveListItemIndex>(undefined);\n\n    const childrenCount = React.Children.count(children);\n\n    const scrollContainerToItem = (itemIndex: number) => {\n        const parent = containerRef?.current;\n        const activeItem = listItemsRef.current[itemIndex];\n\n        if (parent && activeItem) {\n            const { top: parentTop, bottom: parentBottom } = parent.getBoundingClientRect();\n            const { top: itemTop, bottom: itemBottom } = activeItem.getBoundingClientRect();\n            const offset = 4;\n\n            if (parentTop > itemTop) {\n                parent.scrollTop = parent.scrollTop - parentTop + itemTop - offset;\n            } else if (itemBottom > parentBottom) {\n                parent.scrollTop = parent.scrollTop + itemBottom - parentBottom + offset;\n            }\n        }\n    };\n\n    const scrollContainerToTop = () => {\n        const container = containerRef?.current;\n        if (container) {\n            container.scrollTop = 0;\n        }\n    };\n\n    // Подписка на keydown когда открыт, с актуальным индексом.\n    useEffect(() => {\n        if (!dropdownOpened) {\n            return;\n        }\n\n        const handleKeyDown = (event: KeyboardEvent) => {\n            const { keyCode } = event;\n            const childrenLength = childrenCount;\n            const currentIndex = activeListItemIndex;\n            let nextActiveListItemIndex: number | undefined;\n\n            if (keyCode === EVENT_KEY_CODES.ARROW_DOWN) {\n                if (currentIndex !== undefined) {\n                    if (currentIndex < childrenLength - 1) {\n                        nextActiveListItemIndex = currentIndex + 1;\n                    } else {\n                        nextActiveListItemIndex = 0;\n                    }\n                } else {\n                    nextActiveListItemIndex = 0;\n                }\n                event.preventDefault();\n            } else if (keyCode === EVENT_KEY_CODES.ARROW_UP) {\n                if (currentIndex !== undefined) {\n                    if (currentIndex > 0) {\n                        nextActiveListItemIndex = currentIndex - 1;\n                    } else {\n                        nextActiveListItemIndex = childrenLength - 1;\n                    }\n                } else {\n                    nextActiveListItemIndex = childrenLength - 1;\n                }\n                event.preventDefault();\n            }\n\n            if (nextActiveListItemIndex !== undefined && currentIndex !== nextActiveListItemIndex) {\n                scrollContainerToItem(nextActiveListItemIndex);\n                setActiveListItemIndex(nextActiveListItemIndex);\n            }\n        };\n\n        document.addEventListener(\"keydown\", handleKeyDown);\n        return () => {\n            document.removeEventListener(\"keydown\", handleKeyDown);\n        };\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [dropdownOpened, activeListItemIndex, childrenCount]);\n\n    // Установка активного элемента и скролла при открытии.\n    useEffect(() => {\n        if (!dropdownOpened) {\n            return;\n        }\n        let isSelectedItemExist = false;\n        React.Children.forEach(children, (child, index) => {\n            if (React.isValidElement<IDropdownListItemProps>(child) && child.props.selected) {\n                isSelectedItemExist = true;\n                scrollContainerToItem(index);\n                setActiveListItemIndex(index);\n            }\n        });\n        if (!isSelectedItemExist) {\n            setActiveListItemIndex(0);\n            scrollContainerToTop();\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [dropdownOpened]);\n\n    // Синхронизация activeDescendant при изменении activeListItemIndex\n    useEffect(() => {\n        if (dropdownOpened && activeListItemIndex !== undefined) {\n            setActiveDescendant(listItemsRef.current[activeListItemIndex]?.id);\n            return;\n        }\n        if (!dropdownOpened && activeDescendant !== undefined) {\n            setActiveDescendant();\n        }\n    }, [dropdownOpened, activeListItemIndex, activeDescendant, setActiveDescendant]);\n\n    useEffect(() => {\n        return () => {\n            if (activeDescendant !== undefined) {\n                setActiveDescendant();\n            }\n        };\n    }, [activeDescendant, setActiveDescendant]);\n\n    const renderedChildren = React.Children.map(children, (child, index) => {\n        if (!React.isValidElement<IDropdownListItemProps & React.RefAttributes<HTMLDivElement>>(child)) {\n            return child;\n        }\n\n        return React.cloneElement(child, {\n            active: activeListItemIndex === index,\n            onMouseOver: (event: React.MouseEvent<HTMLDivElement>) => {\n                setActiveListItemIndex(index);\n                child.props.onMouseOver?.(event);\n            },\n            onMouseOut: (event: React.MouseEvent<HTMLDivElement>) => {\n                setActiveListItemIndex(undefined);\n                child.props.onMouseOut?.(event);\n            },\n            size: size,\n            ref: (node: HTMLDivElement | null) => {\n                listItemsRef.current[index] = node;\n            },\n        });\n    });\n\n    const renderLoaderItem = () => (\n        <DropdownListItem id=\"dropdown-desktop-list-loader-item\">\n            <LoaderSmall className={styles.dropdownDesktopListLoader} theme={ELoaderSmallTheme.BRAND} size={size} />\n        </DropdownListItem>\n    );\n\n    return (\n        <div className={classNames} role=\"listbox\" {...htmlDivAttributes} ref={containerRef}>\n            {renderedChildren}\n            {loading && renderLoaderItem()}\n        </div>\n    );\n};\n\nDropdownList.Item = DropdownListItem;\n"],"names":["React"],"mappings":"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"}

package/components/Dropdown/desktop/DropdownListItem.js

@@ -1,10 +1,10 @@
 import "react/jsx-runtime";
 import "react";
-import "../../../chunks/vendor-D5cfSbgz.js";
+import "../../../chunks/vendor-Bco_z_Yi.js";
 import "../../../enums/EComponentSize.js";
 import "../../../utils/keyboard.js";
 import "../../Badge/Badge.js";
-import { D } from "../../../chunks/DropdownListItem-Db1_Qf-T.js";
+import { D } from "../../../chunks/DropdownListItem-Bar1VVOv.js";
 export {
   D as DropdownListItem
 };

package/components/Dropdown/desktop/DropdownListItem.js.map

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

package/components/Dropdown/desktop/enums.js

@@ -1,7 +1,23 @@
-var t = /* @__PURE__ */ ((T) => (T.AUTO = "auto", T.BOTTOM = "bottom", T.TOP = "top", T))(t || {}), a = /* @__PURE__ */ ((T) => (T.LEFT = "left", T.RIGHT = "right", T))(a || {}), r = /* @__PURE__ */ ((T) => (T.CONTENT = "content", T.TARGET = "target", T.MIN_TARGET = "min-target", T))(r || {});
+var EDropdownDirection = /* @__PURE__ */ ((EDropdownDirection2) => {
+  EDropdownDirection2["AUTO"] = "auto";
+  EDropdownDirection2["BOTTOM"] = "bottom";
+  EDropdownDirection2["TOP"] = "top";
+  return EDropdownDirection2;
+})(EDropdownDirection || {});
+var EDropdownAlignment = /* @__PURE__ */ ((EDropdownAlignment2) => {
+  EDropdownAlignment2["LEFT"] = "left";
+  EDropdownAlignment2["RIGHT"] = "right";
+  return EDropdownAlignment2;
+})(EDropdownAlignment || {});
+var EDropdownWidth = /* @__PURE__ */ ((EDropdownWidth2) => {
+  EDropdownWidth2["CONTENT"] = "content";
+  EDropdownWidth2["TARGET"] = "target";
+  EDropdownWidth2["MIN_TARGET"] = "min-target";
+  return EDropdownWidth2;
+})(EDropdownWidth || {});
 export {
-  a as EDropdownAlignment,
-  t as EDropdownDirection,
-  r as EDropdownWidth
+  EDropdownAlignment,
+  EDropdownDirection,
+  EDropdownWidth
 };
 //# sourceMappingURL=enums.js.map

package/components/Dropdown/desktop/enums.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","sources":["../../../../src/components/Dropdown/desktop/enums.ts"],"sourcesContent":["/** Варианты направления Dropdown. */\nexport enum EDropdownDirection {\n    AUTO = \"auto\",\n    BOTTOM = \"bottom\",\n    TOP = \"top\",\n}\n\n/** Варианты выравнивания Dropdown. */\nexport enum EDropdownAlignment {\n    LEFT = \"left\",\n    RIGHT = \"right\",\n}\n\n/** Варианты расчёта ширины Dropdown. */\nexport enum EDropdownWidth {\n    /** Ширина определяется контентом. */\n    CONTENT = \"content\",\n    /** Ширина равна ширине управляющего элемента. */\n    TARGET = \"target\",\n    /** Минимальная ширина ограничена шириной управляющего элемента. */\n    MIN_TARGET = \"min-target\",\n}\n"],"names":["EDropdownDirection","EDropdownAlignment","EDropdownWidth"],"mappings":"AACO,IAAK,uCAAAA,wBAAL;AACHA,sBAAA,MAAA,IAAO;AACPA,sBAAA,QAAA,IAAS;AACTA,sBAAA,KAAA,IAAM;AAHE,SAAAA;AAAA,GAAA,sBAAA,CAAA,CAAA;AAOL,IAAK,uCAAAC,wBAAL;AACHA,sBAAA,MAAA,IAAO;AACPA,sBAAA,OAAA,IAAQ;AAFA,SAAAA;AAAA,GAAA,sBAAA,CAAA,CAAA;AAML,IAAK,mCAAAC,oBAAL;AAEHA,kBAAA,SAAA,IAAU;AAEVA,kBAAA,QAAA,IAAS;AAETA,kBAAA,YAAA,IAAa;AANL,SAAAA;AAAA,GAAA,kBAAA,CAAA,CAAA;"}

package/components/Dropdown/desktop/index.js

@@ -1,13 +1,13 @@
-import { DropdownDesktop as p } from "./DropdownDesktop.js";
-import { DropdownList as n } from "./DropdownList.js";
-import { D as e } from "../../../chunks/DropdownListItem-Db1_Qf-T.js";
-import { EDropdownAlignment as i, EDropdownDirection as m, EDropdownWidth as w } from "./enums.js";
+import { DropdownDesktop } from "./DropdownDesktop.js";
+import { DropdownList } from "./DropdownList.js";
+import { D } from "../../../chunks/DropdownListItem-Bar1VVOv.js";
+import { EDropdownAlignment, EDropdownDirection, EDropdownWidth } from "./enums.js";
 export {
-  p as DropdownDesktop,
-  n as DropdownList,
-  e as DropdownListItem,
-  i as EDropdownAlignment,
-  m as EDropdownDirection,
-  w as EDropdownWidth
+  DropdownDesktop,
+  DropdownList,
+  D as DropdownListItem,
+  EDropdownAlignment,
+  EDropdownDirection,
+  EDropdownWidth
 };
 //# sourceMappingURL=index.js.map

package/components/Dropdown/desktop/index.js.map

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

package/components/Dropdown/index.js

@@ -1,37 +1,37 @@
-import { DropdownListContext as e } from "./DropdownListContext.js";
-import { DropdownDesktop as t } from "./desktop/DropdownDesktop.js";
-import { DropdownList as d } from "./desktop/DropdownList.js";
-import { D as i } from "../../chunks/DropdownListItem-Db1_Qf-T.js";
-import { EDropdownAlignment as w, EDropdownDirection as x, EDropdownWidth as f } from "./desktop/enums.js";
-import { DropdownMobile as b } from "./mobile/DropdownMobile.js";
-import { DropdownMobileBody as s } from "./mobile/DropdownMobileBody.js";
-import { DropdownMobileClose as I } from "./mobile/DropdownMobileClose.js";
-import { DropdownMobileFooter as E } from "./mobile/DropdownMobileFooter.js";
-import { DropdownMobileHeader as c } from "./mobile/DropdownMobileHeader.js";
-import { DropdownMobileInner as h } from "./mobile/DropdownMobileInner.js";
-import { DropdownMobileInput as u } from "./mobile/DropdownMobileInput.js";
-import { DropdownMobileList as A } from "./mobile/DropdownMobileList.js";
-import { DropdownMobileListItem as F } from "./mobile/DropdownMobileListItem.js";
-import { DropdownMobileLoader as W } from "./mobile/DropdownMobileLoader.js";
-import { Dropdown as q } from "./Dropdown.js";
+import { DropdownListContext } from "./DropdownListContext.js";
+import { DropdownDesktop } from "./desktop/DropdownDesktop.js";
+import { DropdownList } from "./desktop/DropdownList.js";
+import { D } from "../../chunks/DropdownListItem-Bar1VVOv.js";
+import { EDropdownAlignment, EDropdownDirection, EDropdownWidth } from "./desktop/enums.js";
+import { DropdownMobile } from "./mobile/DropdownMobile.js";
+import { DropdownMobileBody } from "./mobile/DropdownMobileBody.js";
+import { DropdownMobileClose } from "./mobile/DropdownMobileClose.js";
+import { DropdownMobileFooter } from "./mobile/DropdownMobileFooter.js";
+import { DropdownMobileHeader } from "./mobile/DropdownMobileHeader.js";
+import { DropdownMobileInner } from "./mobile/DropdownMobileInner.js";
+import { DropdownMobileInput } from "./mobile/DropdownMobileInput.js";
+import { DropdownMobileList } from "./mobile/DropdownMobileList.js";
+import { DropdownMobileListItem } from "./mobile/DropdownMobileListItem.js";
+import { DropdownMobileLoader } from "./mobile/DropdownMobileLoader.js";
+import { Dropdown } from "./Dropdown.js";
 export {
-  q as Dropdown,
-  t as DropdownDesktop,
-  d as DropdownList,
-  e as DropdownListContext,
-  i as DropdownListItem,
-  b as DropdownMobile,
-  s as DropdownMobileBody,
-  I as DropdownMobileClose,
-  E as DropdownMobileFooter,
-  c as DropdownMobileHeader,
-  h as DropdownMobileInner,
-  u as DropdownMobileInput,
-  A as DropdownMobileList,
-  F as DropdownMobileListItem,
-  W as DropdownMobileLoader,
-  w as EDropdownAlignment,
-  x as EDropdownDirection,
-  f as EDropdownWidth
+  Dropdown,
+  DropdownDesktop,
+  DropdownList,
+  DropdownListContext,
+  D as DropdownListItem,
+  DropdownMobile,
+  DropdownMobileBody,
+  DropdownMobileClose,
+  DropdownMobileFooter,
+  DropdownMobileHeader,
+  DropdownMobileInner,
+  DropdownMobileInput,
+  DropdownMobileList,
+  DropdownMobileListItem,
+  DropdownMobileLoader,
+  EDropdownAlignment,
+  EDropdownDirection,
+  EDropdownWidth
 };
 //# sourceMappingURL=index.js.map

package/components/Dropdown/index.js.map

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

package/components/Dropdown/mobile/DropdownMobile.js

@@ -1,22 +1,33 @@
-import { jsx as e } from "react/jsx-runtime";
-import a, { useEffect as m } from "react";
-import { OverlayBase as n, EOverlayDirection as c } from "../../Overlay/OverlayBase.js";
-import { DropdownMobileInner as f } from "./DropdownMobileInner.js";
-import { s as p } from "../../../chunks/DropdownMobile.module-yjUQwtlN.js";
-const r = p.dropdownMobileBodyOverflow, y = a.forwardRef(
-  ({ children: t, opened: o, setOpened: s, ...d }, i) => (m(() => (o ? document.body.classList.add(r) : document.body.classList.remove(r), () => document.body.classList.remove(r)), [o]), /* @__PURE__ */ e(n, { setOpened: s, opened: o, direction: c.BOTTOM, children: (l) => /* @__PURE__ */ e(
-    f,
-    {
-      ...l,
-      ...d,
-      ref: i,
-      "data-tx": "1.34.0",
-      children: t
-    }
-  ) }))
+import { jsx } from "react/jsx-runtime";
+import React__default, { useEffect } from "react";
+import { OverlayBase, EOverlayDirection } from "../../Overlay/OverlayBase.js";
+import { DropdownMobileInner } from "./DropdownMobileInner.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-0v1Z-nMR.js";
+const dropdownMobileBodyOverflowClassName = styles.dropdownMobileBodyOverflow;
+const DropdownMobile = React__default.forwardRef(
+  ({ children, opened, setOpened, ...htmlAttributes }, ref) => {
+    useEffect(() => {
+      if (opened) {
+        document.body.classList.add(dropdownMobileBodyOverflowClassName);
+      } else {
+        document.body.classList.remove(dropdownMobileBodyOverflowClassName);
+      }
+      return () => document.body.classList.remove(dropdownMobileBodyOverflowClassName);
+    }, [opened]);
+    return /* @__PURE__ */ jsx(OverlayBase, { setOpened, opened, direction: EOverlayDirection.BOTTOM, children: (props) => /* @__PURE__ */ jsx(
+      DropdownMobileInner,
+      {
+        ...props,
+        ...htmlAttributes,
+        ref,
+        "data-tx": "1.35.0",
+        children
+      }
+    ) });
+  }
 );
-y.displayName = "DropdownMobile";
+DropdownMobile.displayName = "DropdownMobile";
 export {
-  y as DropdownMobile
+  DropdownMobile
 };
 //# sourceMappingURL=DropdownMobile.js.map

package/components/Dropdown/mobile/DropdownMobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMobile.js","sources":["../../../../src/components/Dropdown/mobile/DropdownMobile.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport {\n    EOverlayDirection,\n    IOverlayChildrenProvideProps,\n    OverlayBase,\n} from \"@sberbusiness/triplex-next/components/Overlay/OverlayBase\";\nimport { DropdownMobileInner } from \"@sberbusiness/triplex-next/components/Dropdown/mobile/DropdownMobileInner\";\nimport styles from \"../styles/DropdownMobile.module.less\";\n\n/** Свойства компонента DropdownMobile. */\nexport interface IDropdownMobileProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Открыт. */\n    opened: boolean;\n    /** Устанавливает флаг opened. */\n    setOpened: (opened: boolean) => void;\n}\n\nconst dropdownMobileBodyOverflowClassName = styles.dropdownMobileBodyOverflow;\n\n/** Мобильная версия Dropdown. */\nexport const DropdownMobile = React.forwardRef<HTMLDivElement, IDropdownMobileProps>(\n    ({ children, opened, setOpened, ...htmlAttributes }, ref) => {\n        useEffect(() => {\n            if (opened) {\n                // Предотвращение скролла контента страницы.\n                document.body.classList.add(dropdownMobileBodyOverflowClassName);\n            } else {\n                document.body.classList.remove(dropdownMobileBodyOverflowClassName);\n            }\n\n            return () => document.body.classList.remove(dropdownMobileBodyOverflowClassName);\n        }, [opened]);\n\n        return (\n            <OverlayBase setOpened={setOpened} opened={opened} direction={EOverlayDirection.BOTTOM}>\n                {(props: IOverlayChildrenProvideProps) => (\n                    <DropdownMobileInner\n                        {...props}\n                        {...htmlAttributes}\n                        ref={ref}\n                        data-tx={process.env.npm_package_version}\n                    >\n                        {children}\n                    </DropdownMobileInner>\n                )}\n            </OverlayBase>\n        );\n    },\n);\n\nDropdownMobile.displayName = \"DropdownMobile\";\n"],"names":["React"],"mappings":";;;;;AAiBA,MAAM,sCAAsC,OAAO;AAG5C,MAAM,iBAAiBA,eAAM;AAAA,EAChC,CAAC,EAAE,UAAU,QAAQ,WAAW,GAAG,eAAA,GAAkB,QAAQ;AACzD,cAAU,MAAM;AACZ,UAAI,QAAQ;AAER,iBAAS,KAAK,UAAU,IAAI,mCAAmC;AAAA,MACnE,OAAO;AACH,iBAAS,KAAK,UAAU,OAAO,mCAAmC;AAAA,MACtE;AAEA,aAAO,MAAM,SAAS,KAAK,UAAU,OAAO,mCAAmC;AAAA,IACnF,GAAG,CAAC,MAAM,CAAC;AAEX,WACI,oBAAC,eAAY,WAAsB,QAAgB,WAAW,kBAAkB,QAC3E,WAAC,UACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACH,GAAG;AAAA,QACJ;AAAA,QACA,WAAS;AAAA,QAER;AAAA,MAAA;AAAA,IAAA,GAGb;AAAA,EAER;AACJ;AAEA,eAAe,cAAc;"}

package/components/Dropdown/mobile/DropdownMobileBody.js

@@ -1,12 +1,12 @@
-import { jsx as t } from "react/jsx-runtime";
-import d from "react";
-import { c as m } from "../../../chunks/vendor-D5cfSbgz.js";
-import { s as a } from "../../../chunks/DropdownMobile.module-yjUQwtlN.js";
-const i = d.forwardRef(
-  ({ children: o, className: r, ...e }, s) => /* @__PURE__ */ t("div", { className: m(a.dropdownMobileContent, r), ref: s, ...e, children: o })
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-0v1Z-nMR.js";
+const DropdownMobileBody = React__default.forwardRef(
+  ({ children, className, ...htmlAttributes }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.dropdownMobileContent, className), ref, ...htmlAttributes, children })
 );
-i.displayName = "DropdownMobileBody";
+DropdownMobileBody.displayName = "DropdownMobileBody";
 export {
-  i as DropdownMobileBody
+  DropdownMobileBody
 };
 //# sourceMappingURL=DropdownMobileBody.js.map

package/components/Dropdown/mobile/DropdownMobileBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMobileBody.js","sources":["../../../../src/components/Dropdown/mobile/DropdownMobileBody.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/DropdownMobile.module.less\";\n/** Свойства компонента DropdownMobileBody. */\nexport interface IDropdownMobileBodyProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Тело мобильной версии Dropdown. */\nexport const DropdownMobileBody = React.forwardRef<HTMLDivElement, IDropdownMobileBodyProps>(\n    ({ children, className, ...htmlAttributes }, ref) => (\n        <div className={clsx(styles.dropdownMobileContent, className)} ref={ref} {...htmlAttributes}>\n            {children}\n        </div>\n    ),\n);\n\nDropdownMobileBody.displayName = \"DropdownMobileBody\";\n"],"names":["React"],"mappings":";;;;AAOO,MAAM,qBAAqBA,eAAM;AAAA,EACpC,CAAC,EAAE,UAAU,WAAW,GAAG,eAAA,GAAkB,QACzC,oBAAC,SAAI,WAAW,KAAK,OAAO,uBAAuB,SAAS,GAAG,KAAW,GAAG,gBACxE,SAAA,CACL;AAER;AAEA,mBAAmB,cAAc;"}

package/components/Dropdown/mobile/DropdownMobileClose.js

@@ -1,14 +1,14 @@
-import { jsx as o } from "react/jsx-runtime";
-import t from "react";
-import { ButtonIcon as m } from "../../Button/ButtonIcon.js";
-import { CrossStrokeSrvIcon16 as l } from "@sberbusiness/icons-next";
-import { c as p } from "../../../chunks/vendor-D5cfSbgz.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-yjUQwtlN.js";
-const a = t.forwardRef(
-  ({ className: r, ...e }, s) => /* @__PURE__ */ o(m, { className: p(i.dropdownMobileClose, r), ref: s, ...e, children: /* @__PURE__ */ o(l, { paletteIndex: 5 }) })
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { ButtonIcon } from "../../Button/ButtonIcon.js";
+import { CrossStrokeSrvIcon16 } from "@sberbusiness/icons-next";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-0v1Z-nMR.js";
+const DropdownMobileClose = React__default.forwardRef(
+  ({ className, ...buttonIconProps }, ref) => /* @__PURE__ */ jsx(ButtonIcon, { className: clsx(styles.dropdownMobileClose, className), ref, ...buttonIconProps, children: /* @__PURE__ */ jsx(CrossStrokeSrvIcon16, { paletteIndex: 5 }) })
 );
-a.displayName = "DropdownMobileClose";
+DropdownMobileClose.displayName = "DropdownMobileClose";
 export {
-  a as DropdownMobileClose
+  DropdownMobileClose
 };
 //# sourceMappingURL=DropdownMobileClose.js.map

package/components/Dropdown/mobile/DropdownMobileClose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMobileClose.js","sources":["../../../../src/components/Dropdown/mobile/DropdownMobileClose.tsx"],"sourcesContent":["import React from \"react\";\nimport { ButtonIcon, IButtonIconProps } from \"@sberbusiness/triplex-next/components/Button/ButtonIcon\";\nimport { CrossStrokeSrvIcon16 } from \"@sberbusiness/icons-next\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/DropdownMobile.module.less\";\n\n/** Свойства компонента DropdownMobileClose. */\nexport interface IDropdownMobileCloseProps extends Omit<IButtonIconProps, \"children\"> {\n    children?: never;\n}\n\n/** Кнопка закрытия мобильной версии Dropdown. */\nexport const DropdownMobileClose = React.forwardRef<HTMLButtonElement, IDropdownMobileCloseProps>(\n    ({ className, ...buttonIconProps }, ref) => (\n        <ButtonIcon className={clsx(styles.dropdownMobileClose, className)} ref={ref} {...buttonIconProps}>\n            <CrossStrokeSrvIcon16 paletteIndex={5} />\n        </ButtonIcon>\n    ),\n);\n\nDropdownMobileClose.displayName = \"DropdownMobileClose\";\n"],"names":["React"],"mappings":";;;;;;AAYO,MAAM,sBAAsBA,eAAM;AAAA,EACrC,CAAC,EAAE,WAAW,GAAG,mBAAmB,QAChC,oBAAC,YAAA,EAAW,WAAW,KAAK,OAAO,qBAAqB,SAAS,GAAG,KAAW,GAAG,iBAC9E,UAAA,oBAAC,sBAAA,EAAqB,cAAc,EAAA,CAAG,EAAA,CAC3C;AAER;AAEA,oBAAoB,cAAc;"}

package/components/Dropdown/mobile/DropdownMobileFooter.js

@@ -1,12 +1,12 @@
-import { jsx as s } from "react/jsx-runtime";
-import m from "react";
-import { c as a } from "../../../chunks/vendor-D5cfSbgz.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-yjUQwtlN.js";
-const p = m.forwardRef(
-  ({ children: o, className: r, ...e }, t) => /* @__PURE__ */ s("div", { className: a(i.dropdownMobileFooter, r), ref: t, ...e, children: o })
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-0v1Z-nMR.js";
+const DropdownMobileFooter = React__default.forwardRef(
+  ({ children, className, ...htmlAttributes }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.dropdownMobileFooter, className), ref, ...htmlAttributes, children })
 );
-p.displayName = "DropdownMobileFooter";
+DropdownMobileFooter.displayName = "DropdownMobileFooter";
 export {
-  p as DropdownMobileFooter
+  DropdownMobileFooter
 };
 //# sourceMappingURL=DropdownMobileFooter.js.map

package/components/Dropdown/mobile/DropdownMobileFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMobileFooter.js","sources":["../../../../src/components/Dropdown/mobile/DropdownMobileFooter.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/DropdownMobile.module.less\";\n\n/** Свойства компонента DropdownMobileFooter. */\nexport interface IDropdownMobileFooterProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Футер мобильной версии Dropdown. */\nexport const DropdownMobileFooter = React.forwardRef<HTMLDivElement, IDropdownMobileFooterProps>(\n    ({ children, className, ...htmlAttributes }, ref) => (\n        <div className={clsx(styles.dropdownMobileFooter, className)} ref={ref} {...htmlAttributes}>\n            {children}\n        </div>\n    ),\n);\n\nDropdownMobileFooter.displayName = \"DropdownMobileFooter\";\n"],"names":["React"],"mappings":";;;;AAQO,MAAM,uBAAuBA,eAAM;AAAA,EACtC,CAAC,EAAE,UAAU,WAAW,GAAG,eAAA,GAAkB,QACzC,oBAAC,SAAI,WAAW,KAAK,OAAO,sBAAsB,SAAS,GAAG,KAAW,GAAG,gBACvE,SAAA,CACL;AAER;AAEA,qBAAqB,cAAc;"}

package/components/Dropdown/mobile/DropdownMobileHeader.js

@@ -1,15 +1,15 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import t from "react";
-import { c as m } from "../../../chunks/vendor-D5cfSbgz.js";
-import { s as o } from "../../../chunks/DropdownMobile.module-yjUQwtlN.js";
-const n = t.forwardRef(
-  ({ children: r, className: d, controlButtons: s, ...a }, i) => /* @__PURE__ */ l("div", { className: m(o.dropdownMobileHeader, d), ref: i, ...a, children: [
-    /* @__PURE__ */ e("div", { className: o.dropdownMobileHeaderContent, children: r }),
-    /* @__PURE__ */ e("div", { className: o.controlButtons, children: s })
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-0v1Z-nMR.js";
+const DropdownMobileHeader = React__default.forwardRef(
+  ({ children, className, controlButtons, ...htmlAttributes }, ref) => /* @__PURE__ */ jsxs("div", { className: clsx(styles.dropdownMobileHeader, className), ref, ...htmlAttributes, children: [
+    /* @__PURE__ */ jsx("div", { className: styles.dropdownMobileHeaderContent, children }),
+    /* @__PURE__ */ jsx("div", { className: styles.controlButtons, children: controlButtons })
   ] })
 );
-n.displayName = "DropdownMobileHeader";
+DropdownMobileHeader.displayName = "DropdownMobileHeader";
 export {
-  n as DropdownMobileHeader
+  DropdownMobileHeader
 };
 //# sourceMappingURL=DropdownMobileHeader.js.map

package/components/Dropdown/mobile/DropdownMobileHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMobileHeader.js","sources":["../../../../src/components/Dropdown/mobile/DropdownMobileHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { IDropdownMobileHeaderProps } from \"@sberbusiness/triplex-next/components/Tooltip/types\";\nimport styles from \"../styles/DropdownMobile.module.less\";\n\n/** Заголовок мобильной версии Dropdown. */\nexport const DropdownMobileHeader = React.forwardRef<HTMLDivElement, IDropdownMobileHeaderProps>(\n    ({ children, className, controlButtons, ...htmlAttributes }, ref) => (\n        <div className={clsx(styles.dropdownMobileHeader, className)} ref={ref} {...htmlAttributes}>\n            <div className={styles.dropdownMobileHeaderContent}>{children}</div>\n            <div className={styles.controlButtons}>{controlButtons}</div>\n        </div>\n    ),\n);\n\nDropdownMobileHeader.displayName = \"DropdownMobileHeader\";\n"],"names":["React"],"mappings":";;;;AAMO,MAAM,uBAAuBA,eAAM;AAAA,EACtC,CAAC,EAAE,UAAU,WAAW,gBAAgB,GAAG,kBAAkB,6BACxD,OAAA,EAAI,WAAW,KAAK,OAAO,sBAAsB,SAAS,GAAG,KAAW,GAAG,gBACxE,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAW,OAAO,6BAA8B,UAAS;AAAA,IAC9D,oBAAC,OAAA,EAAI,WAAW,OAAO,gBAAiB,UAAA,eAAA,CAAe;AAAA,EAAA,EAAA,CAC3D;AAER;AAEA,qBAAqB,cAAc;"}