@sberbusiness/triplex-next 1.33.0 → 1.35.0

package/components/Dropdown/mobile/DropdownMobileInner.js

@@ -1,56 +1,74 @@
-import { jsxs as j, jsx as c } from "react/jsx-runtime";
-import y, { useState as l, useEffect as d } from "react";
-import { c as n } from "../../../chunks/vendor-D5cfSbgz.js";
-import { useToken as B } from "../../ThemeProvider/useToken.js";
-import { s as e } from "../../../chunks/DropdownMobile.module-B2_eLIZO.js";
-const C = y.forwardRef(
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default, { useState, useEffect } from "react";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { useToken } from "../../ThemeProvider/useToken.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-0v1Z-nMR.js";
+const DropdownMobileInner = React__default.forwardRef(
   ({
-    children: f,
-    className: m,
-    opened: o,
-    opening: s,
-    closing: t,
-    setOpened: p,
-    setClosing: u,
-    setOpening: w,
-    ...N
-  }, T) => {
-    const [a, M] = l(!1), [r, S] = l(!1), { scopeClassName: b } = B();
-    d(() => {
-      setTimeout(() => M(s));
-    }, [s]), d(() => {
-      setTimeout(() => S(o));
-    }, [o]);
-    const D = n(e.dropdownMobileWrapper, b, m), x = n(e.dropdownMobileBackdrop, {
-      [e.closing]: t,
-      [e.opened]: r,
-      [e.opening]: a
-    }), g = n(e.dropdownMobile, {
-      [e.closing]: t,
-      [e.opened]: r,
-      [e.opening]: a
-    }), h = (k) => {
-      const { target: v, currentTarget: E } = k;
-      v === E && (t ? u(!1) : s && w(!1));
-    }, i = () => {
-      o && p(!1);
+    children,
+    className,
+    opened: openedProps,
+    opening: openingProps,
+    closing,
+    setOpened,
+    setClosing,
+    setOpening,
+    ...htmlAttributes
+  }, ref) => {
+    const [openingState, setOpeningState] = useState(false);
+    const [openedState, setOpenedState] = useState(false);
+    const { scopeClassName } = useToken();
+    useEffect(() => {
+      setTimeout(() => setOpeningState(openingProps));
+    }, [openingProps]);
+    useEffect(() => {
+      setTimeout(() => setOpenedState(openedProps));
+    }, [openedProps]);
+    const classNamesWrapper = clsx(styles.dropdownMobileWrapper, scopeClassName, className);
+    const classNamesBackDrop = clsx(styles.dropdownMobileBackdrop, {
+      [styles.closing]: closing,
+      [styles.opened]: openedState,
+      [styles.opening]: openingState
+    });
+    const classNamesContent = clsx(styles.dropdownMobile, {
+      [styles.closing]: closing,
+      [styles.opened]: openedState,
+      [styles.opening]: openingState
+    });
+    const handleTransitionEnd = (event) => {
+      const { target, currentTarget } = event;
+      if (target === currentTarget) {
+        if (closing) {
+          setClosing(false);
+        } else if (openingProps) {
+          setOpening(false);
+        }
+      }
+    };
+    const closeDropdown = () => {
+      if (openedProps) {
+        setOpened(false);
+      }
     };
-    return !s && !o && !t ? null : /* @__PURE__ */ j("div", { className: D, children: [
-      /* @__PURE__ */ c(
+    if (!openingProps && !openedProps && !closing) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxs("div", { className: classNamesWrapper, children: [
+      /* @__PURE__ */ jsx(
         "div",
         {
-          className: x,
-          onTransitionEnd: h,
-          onTouchStart: i,
-          onMouseDown: i
+          className: classNamesBackDrop,
+          onTransitionEnd: handleTransitionEnd,
+          onTouchStart: closeDropdown,
+          onMouseDown: closeDropdown
         }
       ),
-      /* @__PURE__ */ c("div", { className: g, ref: T, ...N, children: f })
+      /* @__PURE__ */ jsx("div", { className: classNamesContent, ref, ...htmlAttributes, children })
     ] });
   }
 );
-C.displayName = "DropdownMobileInner";
+DropdownMobileInner.displayName = "DropdownMobileInner";
 export {
-  C as DropdownMobileInner
+  DropdownMobileInner
 };
 //# sourceMappingURL=DropdownMobileInner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMobileInner.js","sources":["../../../../src/components/Dropdown/mobile/DropdownMobileInner.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { IOverlayChildrenProvideProps } from \"@sberbusiness/triplex-next/components/Overlay/OverlayBase\";\nimport { useToken } from \"../../ThemeProvider/useToken\";\nimport styles from \"../styles/DropdownMobile.module.less\";\n\n/** Свойства компонента DropdownMobileInner. */\nexport interface IDropdownMobileInnerProps extends IOverlayChildrenProvideProps, React.HTMLAttributes<HTMLDivElement> {}\n\n/** Контент мобильного Dropdown. */\nexport const DropdownMobileInner = React.forwardRef<HTMLDivElement, IDropdownMobileInnerProps>(\n    (\n        {\n            children,\n            className,\n            opened: openedProps,\n            opening: openingProps,\n            closing,\n            setOpened,\n            setClosing,\n            setOpening,\n            ...htmlAttributes\n        },\n        ref,\n    ) => {\n        // OpeningState после рендера становится равен openingProps. Чтобы появилась анимация открытия, сначала нужно отрендерить элемент в закрытом виде.\n        const [openingState, setOpeningState] = useState(false);\n        const [openedState, setOpenedState] = useState(false);\n        const { scopeClassName } = useToken();\n\n        useEffect(() => {\n            setTimeout(() => setOpeningState(openingProps));\n        }, [openingProps]);\n\n        useEffect(() => {\n            setTimeout(() => setOpenedState(openedProps));\n        }, [openedProps]);\n\n        const classNamesWrapper = clsx(styles.dropdownMobileWrapper, scopeClassName, className);\n\n        const classNamesBackDrop = clsx(styles.dropdownMobileBackdrop, {\n            [styles.closing]: closing,\n            [styles.opened]: openedState,\n            [styles.opening]: openingState,\n        });\n\n        const classNamesContent = clsx(styles.dropdownMobile, {\n            [styles.closing]: closing,\n            [styles.opened]: openedState,\n            [styles.opening]: openingState,\n        });\n\n        const handleTransitionEnd = (event: React.TransitionEvent<HTMLDivElement>) => {\n            const { target, currentTarget } = event;\n\n            if (target === currentTarget) {\n                if (closing) {\n                    setClosing(false);\n                } else if (openingProps) {\n                    setOpening(false);\n                }\n            }\n        };\n\n        /** Функция закрытия DropdownMobile. */\n        const closeDropdown = () => {\n            if (openedProps) {\n                setOpened(false);\n            }\n        };\n\n        if (!openingProps && !openedProps && !closing) {\n            return null;\n        }\n\n        return (\n            <div className={classNamesWrapper}>\n                <div\n                    className={classNamesBackDrop}\n                    onTransitionEnd={handleTransitionEnd}\n                    onTouchStart={closeDropdown}\n                    onMouseDown={closeDropdown}\n                />\n                <div className={classNamesContent} ref={ref} {...htmlAttributes}>\n                    {children}\n                </div>\n            </div>\n        );\n    },\n);\n\nDropdownMobileInner.displayName = \"DropdownMobileInner\";\n"],"names":["React"],"mappings":";;;;;AAUO,MAAM,sBAAsBA,eAAM;AAAA,EACrC,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AAED,UAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AACtD,UAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AACpD,UAAM,EAAE,eAAA,IAAmB,SAAA;AAE3B,cAAU,MAAM;AACZ,iBAAW,MAAM,gBAAgB,YAAY,CAAC;AAAA,IAClD,GAAG,CAAC,YAAY,CAAC;AAEjB,cAAU,MAAM;AACZ,iBAAW,MAAM,eAAe,WAAW,CAAC;AAAA,IAChD,GAAG,CAAC,WAAW,CAAC;AAEhB,UAAM,oBAAoB,KAAK,OAAO,uBAAuB,gBAAgB,SAAS;AAEtF,UAAM,qBAAqB,KAAK,OAAO,wBAAwB;AAAA,MAC3D,CAAC,OAAO,OAAO,GAAG;AAAA,MAClB,CAAC,OAAO,MAAM,GAAG;AAAA,MACjB,CAAC,OAAO,OAAO,GAAG;AAAA,IAAA,CACrB;AAED,UAAM,oBAAoB,KAAK,OAAO,gBAAgB;AAAA,MAClD,CAAC,OAAO,OAAO,GAAG;AAAA,MAClB,CAAC,OAAO,MAAM,GAAG;AAAA,MACjB,CAAC,OAAO,OAAO,GAAG;AAAA,IAAA,CACrB;AAED,UAAM,sBAAsB,CAAC,UAAiD;AAC1E,YAAM,EAAE,QAAQ,cAAA,IAAkB;AAElC,UAAI,WAAW,eAAe;AAC1B,YAAI,SAAS;AACT,qBAAW,KAAK;AAAA,QACpB,WAAW,cAAc;AACrB,qBAAW,KAAK;AAAA,QACpB;AAAA,MACJ;AAAA,IACJ;AAGA,UAAM,gBAAgB,MAAM;AACxB,UAAI,aAAa;AACb,kBAAU,KAAK;AAAA,MACnB;AAAA,IACJ;AAEA,QAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,SAAS;AAC3C,aAAO;AAAA,IACX;AAEA,WACI,qBAAC,OAAA,EAAI,WAAW,mBACZ,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW;AAAA,UACX,iBAAiB;AAAA,UACjB,cAAc;AAAA,UACd,aAAa;AAAA,QAAA;AAAA,MAAA;AAAA,0BAEhB,OAAA,EAAI,WAAW,mBAAmB,KAAW,GAAG,gBAC5C,SAAA,CACL;AAAA,IAAA,GACJ;AAAA,EAER;AACJ;AAEA,oBAAoB,cAAc;"}

package/components/Dropdown/mobile/DropdownMobileInput.js

@@ -1,13 +1,15 @@
-import { jsx as n } from "react/jsx-runtime";
-import r from "react";
-import { c as d } from "../../../chunks/vendor-D5cfSbgz.js";
-const e = "dropdownMobileInput__73865f20", i = {
-  dropdownMobileInput: e
-}, l = r.forwardRef(
-  ({ className: o, ...p }, t) => /* @__PURE__ */ n("input", { className: d(i.dropdownMobileInput, o), ...p, ref: t })
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+const dropdownMobileInput = "dropdownMobileInput__c8f5667f";
+const styles = {
+  dropdownMobileInput
+};
+const DropdownMobileInput = React__default.forwardRef(
+  ({ className, ...rest }, ref) => /* @__PURE__ */ jsx("input", { className: clsx(styles.dropdownMobileInput, className), ...rest, ref })
 );
-l.displayName = "DropdownMobileInput";
+DropdownMobileInput.displayName = "DropdownMobileInput";
 export {
-  l as DropdownMobileInput
+  DropdownMobileInput
 };
 //# sourceMappingURL=DropdownMobileInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMobileInput.js","sources":["../../../../src/components/Dropdown/mobile/DropdownMobileInput.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/DropdownMobileInput.module.less\";\n\n/** Свойства компонента DropdownMobileInput. */\nexport interface IDropdownMobileInputProps extends React.InputHTMLAttributes<HTMLInputElement> {}\n\n/** Поле ввода мобильной версии Dropdown. */\nexport const DropdownMobileInput = React.forwardRef<HTMLInputElement, IDropdownMobileInputProps>(\n    ({ className, ...rest }, ref) => (\n        <input className={clsx(styles.dropdownMobileInput, className)} {...rest} ref={ref} />\n    ),\n);\n\nDropdownMobileInput.displayName = \"DropdownMobileInput\";\n"],"names":["React"],"mappings":";;;;;;;AAQO,MAAM,sBAAsBA,eAAM;AAAA,EACrC,CAAC,EAAE,WAAW,GAAG,KAAA,GAAQ,QACrB,oBAAC,SAAA,EAAM,WAAW,KAAK,OAAO,qBAAqB,SAAS,GAAI,GAAG,MAAM,IAAA,CAAU;AAE3F;AAEA,oBAAoB,cAAc;"}

package/components/Dropdown/mobile/DropdownMobileList.js

@@ -1,23 +1,24 @@
-import { jsxs as l, jsx as o } from "react/jsx-runtime";
-import p, { useState as n } from "react";
-import { u as f, c } from "../../../chunks/vendor-D5cfSbgz.js";
-import { LoaderSmall as L } from "../../Loader/LoaderSmall/LoaderSmall.js";
-import { ELoaderSmallTheme as b } from "../../Loader/LoaderSmall/enum.js";
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default, { useState } from "react";
+import { u as uniqueId, c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { LoaderSmall } from "../../Loader/LoaderSmall/LoaderSmall.js";
+import { ELoaderSmallTheme } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import { EComponentSize as u } from "../../../enums/EComponentSize.js";
-import { DropdownMobileListItem as w } from "./DropdownMobileListItem.js";
-import { s as r } from "../../../chunks/DropdownMobile.module-B2_eLIZO.js";
-const M = p.forwardRef(
-  ({ children: e, className: t, loading: i, ...m }, s) => {
-    const [d] = n(() => f()), a = () => /* @__PURE__ */ o(w, { id: d, className: r.dropdownMobileListLoader, children: /* @__PURE__ */ o(L, { theme: b.BRAND, size: u.MD }) });
-    return /* @__PURE__ */ l("div", { className: c(r.dropdownMobileList, t), role: "listbox", ...m, ref: s, children: [
-      e,
-      i && a()
+import { EComponentSize } from "../../../enums/EComponentSize.js";
+import { DropdownMobileListItem } from "./DropdownMobileListItem.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-0v1Z-nMR.js";
+const DropdownMobileList = React__default.forwardRef(
+  ({ children, className, loading, ...htmlAttributes }, ref) => {
+    const [loaderId] = useState(() => uniqueId());
+    const renderLoaderItem = () => /* @__PURE__ */ jsx(DropdownMobileListItem, { id: loaderId, className: styles.dropdownMobileListLoader, children: /* @__PURE__ */ jsx(LoaderSmall, { theme: ELoaderSmallTheme.BRAND, size: EComponentSize.MD }) });
+    return /* @__PURE__ */ jsxs("div", { className: clsx(styles.dropdownMobileList, className), role: "listbox", ...htmlAttributes, ref, children: [
+      children,
+      loading && renderLoaderItem()
     ] });
   }
 );
-M.displayName = "DropdownMobileList";
+DropdownMobileList.displayName = "DropdownMobileList";
 export {
-  M as DropdownMobileList
+  DropdownMobileList
 };
 //# sourceMappingURL=DropdownMobileList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMobileList.js","sources":["../../../../src/components/Dropdown/mobile/DropdownMobileList.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport clsx from \"clsx\";\nimport { uniqueId } from \"lodash-es\";\nimport { LoaderSmall, ELoaderSmallTheme } from \"../../Loader\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums\";\nimport { DropdownMobileListItem } from \"./DropdownMobileListItem\";\nimport styles from \"../styles/DropdownMobile.module.less\";\n\n/** Свойства компонента DropdownMobileList. */\nexport interface IDropdownMobileListProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Состояние загрузки. */\n    loading?: boolean;\n}\n\n/** Список мобильной версии Dropdown. */\nexport const DropdownMobileList = React.forwardRef<HTMLDivElement, IDropdownMobileListProps>(\n    ({ children, className, loading, ...htmlAttributes }, ref) => {\n        const [loaderId] = useState(() => uniqueId());\n\n        const renderLoaderItem = () => (\n            <DropdownMobileListItem id={loaderId} className={styles.dropdownMobileListLoader}>\n                <LoaderSmall theme={ELoaderSmallTheme.BRAND} size={EComponentSize.MD} />\n            </DropdownMobileListItem>\n        );\n\n        return (\n            <div className={clsx(styles.dropdownMobileList, className)} role=\"listbox\" {...htmlAttributes} ref={ref}>\n                {children}\n                {loading && renderLoaderItem()}\n            </div>\n        );\n    },\n);\n\nDropdownMobileList.displayName = \"DropdownMobileList\";\n"],"names":["React"],"mappings":";;;;;;;;;AAeO,MAAM,qBAAqBA,eAAM;AAAA,EACpC,CAAC,EAAE,UAAU,WAAW,SAAS,GAAG,eAAA,GAAkB,QAAQ;AAC1D,UAAM,CAAC,QAAQ,IAAI,SAAS,MAAM,UAAU;AAE5C,UAAM,mBAAmB,MACrB,oBAAC,wBAAA,EAAuB,IAAI,UAAU,WAAW,OAAO,0BACpD,UAAA,oBAAC,eAAY,OAAO,kBAAkB,OAAO,MAAM,eAAe,IAAI,GAC1E;AAGJ,WACI,qBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,oBAAoB,SAAS,GAAG,MAAK,WAAW,GAAG,gBAAgB,KAC1F,UAAA;AAAA,MAAA;AAAA,MACA,WAAW,iBAAA;AAAA,IAAiB,GACjC;AAAA,EAER;AACJ;AAEA,mBAAmB,cAAc;"}

package/components/Dropdown/mobile/DropdownMobileListItem.js

@@ -1,38 +1,39 @@
-import { jsxs as l, jsx as n } from "react/jsx-runtime";
-import x from "react";
-import { c as w } from "../../../chunks/vendor-D5cfSbgz.js";
-import { Text as z } from "../../Typography/Text.js";
-import { ETextSize as B } from "../../Typography/enums.js";
-import { Badge as D } from "../../Badge/Badge.js";
-import { EComponentSize as I } from "../../../enums/EComponentSize.js";
-import { s as r } from "../../../chunks/DropdownMobile.module-B2_eLIZO.js";
-const M = x.forwardRef(
-  ({ children: o, className: m, id: b, onClick: t, onSelect: i, selected: e, showNotificationIcon: s, ...a }, p) => {
-    const f = (d) => {
-      i == null || i(), t == null || t(d);
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { Text } from "../../Typography/Text.js";
+import { ETextSize } from "../../Typography/enums.js";
+import { Badge } from "../../Badge/Badge.js";
+import { EComponentSize } from "../../../enums/EComponentSize.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-0v1Z-nMR.js";
+const DropdownMobileListItem = React__default.forwardRef(
+  ({ children, className, id, onClick, onSelect, selected, showNotificationIcon, ...htmlAttributes }, ref) => {
+    const handleClick = (event) => {
+      onSelect == null ? void 0 : onSelect();
+      onClick == null ? void 0 : onClick(event);
     };
-    return /* @__PURE__ */ l(
-      z,
+    return /* @__PURE__ */ jsxs(
+      Text,
       {
         tag: "div",
-        size: B.B3,
-        className: w(r.dropdownMobileListItem, { [r.selected]: !!e }, m),
-        "aria-selected": !!e,
+        size: ETextSize.B3,
+        className: clsx(styles.dropdownMobileListItem, { [styles.selected]: Boolean(selected) }, className),
+        "aria-selected": Boolean(selected),
         role: "option",
-        ref: p,
-        onClick: f,
-        title: typeof o == "string" ? o : void 0,
-        ...a,
+        ref,
+        onClick: handleClick,
+        title: typeof children === "string" ? children : void 0,
+        ...htmlAttributes,
         children: [
-          o,
-          s && /* @__PURE__ */ n(D.Dot, { size: I.MD, className: r.notificationIcon })
+          children,
+          showNotificationIcon && /* @__PURE__ */ jsx(Badge.Dot, { size: EComponentSize.MD, className: styles.notificationIcon })
         ]
       }
     );
   }
 );
-M.displayName = "DropdownMobileListItem";
+DropdownMobileListItem.displayName = "DropdownMobileListItem";
 export {
-  M as DropdownMobileListItem
+  DropdownMobileListItem
 };
 //# sourceMappingURL=DropdownMobileListItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMobileListItem.js","sources":["../../../../src/components/Dropdown/mobile/DropdownMobileListItem.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { Text } from \"@sberbusiness/triplex-next/components/Typography/Text\";\nimport { ETextSize } from \"@sberbusiness/triplex-next/components/Typography/enums\";\nimport { Badge } from \"../../Badge/Badge\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums\";\nimport styles from \"../styles/DropdownMobile.module.less\";\n\n/** Свойства компонента DropdownMobileListItem. */\nexport interface IDropdownMobileListItemProps extends React.HTMLAttributes<HTMLDivElement> {\n    id: string;\n    onSelect?: () => void;\n    selected?: boolean;\n    /** Флаг отображения значка новых уведомлений. */\n    showNotificationIcon?: boolean;\n}\n\n/** Элемент списка мобильной версии Dropdown. */\nexport const DropdownMobileListItem = React.forwardRef<HTMLDivElement, IDropdownMobileListItemProps>(\n    ({ children, className, id, onClick, onSelect, selected, showNotificationIcon, ...htmlAttributes }, ref) => {\n        const handleClick = (event: React.MouseEvent<HTMLDivElement>) => {\n            onSelect?.();\n            onClick?.(event);\n        };\n\n        return (\n            <Text\n                tag=\"div\"\n                size={ETextSize.B3}\n                className={clsx(styles.dropdownMobileListItem, { [styles.selected]: Boolean(selected) }, className)}\n                aria-selected={Boolean(selected)}\n                role=\"option\"\n                ref={ref}\n                onClick={handleClick}\n                title={typeof children === \"string\" ? children : undefined}\n                {...htmlAttributes}\n            >\n                {children}\n                {showNotificationIcon && <Badge.Dot size={EComponentSize.MD} className={styles.notificationIcon} />}\n            </Text>\n        );\n    },\n);\n\nDropdownMobileListItem.displayName = \"DropdownMobileListItem\";\n"],"names":["React"],"mappings":";;;;;;;;AAkBO,MAAM,yBAAyBA,eAAM;AAAA,EACxC,CAAC,EAAE,UAAU,WAAW,IAAI,SAAS,UAAU,UAAU,sBAAsB,GAAG,eAAA,GAAkB,QAAQ;AACxG,UAAM,cAAc,CAAC,UAA4C;AAC7D;AACA,yCAAU;AAAA,IACd;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAI;AAAA,QACJ,MAAM,UAAU;AAAA,QAChB,WAAW,KAAK,OAAO,wBAAwB,EAAE,CAAC,OAAO,QAAQ,GAAG,QAAQ,QAAQ,EAAA,GAAK,SAAS;AAAA,QAClG,iBAAe,QAAQ,QAAQ;AAAA,QAC/B,MAAK;AAAA,QACL;AAAA,QACA,SAAS;AAAA,QACT,OAAO,OAAO,aAAa,WAAW,WAAW;AAAA,QAChD,GAAG;AAAA,QAEH,UAAA;AAAA,UAAA;AAAA,UACA,wBAAwB,oBAAC,MAAM,KAAN,EAAU,MAAM,eAAe,IAAI,WAAW,OAAO,iBAAA,CAAkB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAG7G;AACJ;AAEA,uBAAuB,cAAc;"}

package/components/Dropdown/mobile/DropdownMobileLoader.js

@@ -1,20 +1,20 @@
-import { jsx as m } from "react/jsx-runtime";
-import { c as e } from "../../../chunks/vendor-D5cfSbgz.js";
-import { LoaderSmall as t } from "../../Loader/LoaderSmall/LoaderSmall.js";
-import { ELoaderSmallTheme as i } from "../../Loader/LoaderSmall/enum.js";
+import { jsx } from "react/jsx-runtime";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { LoaderSmall } from "../../Loader/LoaderSmall/LoaderSmall.js";
+import { ELoaderSmallTheme } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import { EComponentSize as p } from "../../../enums/EComponentSize.js";
-import { s } from "../../../chunks/DropdownMobile.module-B2_eLIZO.js";
-const S = ({ className: o, ...r }) => /* @__PURE__ */ m(
-  t,
+import { EComponentSize } from "../../../enums/EComponentSize.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-0v1Z-nMR.js";
+const DropdownMobileLoader = ({ className, ...restProps }) => /* @__PURE__ */ jsx(
+  LoaderSmall,
   {
-    className: e(s.dropdownMobileLoader, o),
-    theme: i.BRAND,
-    size: p.SM,
-    ...r
+    className: clsx(styles.dropdownMobileLoader, className),
+    theme: ELoaderSmallTheme.BRAND,
+    size: EComponentSize.SM,
+    ...restProps
   }
 );
 export {
-  S as DropdownMobileLoader
+  DropdownMobileLoader
 };
 //# sourceMappingURL=DropdownMobileLoader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMobileLoader.js","sources":["../../../../src/components/Dropdown/mobile/DropdownMobileLoader.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { LoaderSmall, ILoaderSmallProps, ELoaderSmallTheme } from \"@sberbusiness/triplex-next/components/Loader\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums\";\nimport styles from \"../styles/DropdownMobile.module.less\";\n\n/** Свойства компонента DropdownMobileLoader. */\nexport interface IDropownMobileLoaderProps extends Omit<ILoaderSmallProps, \"theme\" | \"size\"> {}\n\n/** Лоадер компонента DropdownMobile. */\nexport const DropdownMobileLoader: React.FC<IDropownMobileLoaderProps> = ({ className, ...restProps }) => (\n    <LoaderSmall\n        className={clsx(styles.dropdownMobileLoader, className)}\n        theme={ELoaderSmallTheme.BRAND}\n        size={EComponentSize.SM}\n        {...restProps}\n    />\n);\n"],"names":[],"mappings":";;;;;;;AAUO,MAAM,uBAA4D,CAAC,EAAE,WAAW,GAAG,gBACtF;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAW,KAAK,OAAO,sBAAsB,SAAS;AAAA,IACtD,OAAO,kBAAkB;AAAA,IACzB,MAAM,eAAe;AAAA,IACpB,GAAG;AAAA,EAAA;AACR;"}

package/components/Dropdown/mobile/DropdownMobileMaskedInput.js

@@ -1,11 +1,13 @@
-import { jsx as p } from "react/jsx-runtime";
-import { c as d } from "../../../chunks/vendor-D5cfSbgz.js";
-import { FormFieldMaskedInput as o } from "../../FormField/components/FormFieldMaskedInput.js";
-const t = "dropdownMobileMaskedInput__37095be1", r = {
-  dropdownMobileMaskedInput: t
-}, n = ({ className: e, ...s }) => /* @__PURE__ */ p(o, { className: d(r.dropdownMobileMaskedInput, e), ...s });
-n.presets = o.presets;
+import { jsx } from "react/jsx-runtime";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { FormFieldMaskedInput } from "../../FormField/components/FormFieldMaskedInput.js";
+const dropdownMobileMaskedInput = "dropdownMobileMaskedInput__1bc655c2";
+const styles = {
+  dropdownMobileMaskedInput
+};
+const DropdownMobileMaskedInput = ({ className, ...rest }) => /* @__PURE__ */ jsx(FormFieldMaskedInput, { className: clsx(styles.dropdownMobileMaskedInput, className), ...rest });
+DropdownMobileMaskedInput.presets = FormFieldMaskedInput.presets;
 export {
-  n as DropdownMobileMaskedInput
+  DropdownMobileMaskedInput
 };
 //# sourceMappingURL=DropdownMobileMaskedInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMobileMaskedInput.js","sources":["../../../../src/components/Dropdown/mobile/DropdownMobileMaskedInput.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport {\n    FormFieldMaskedInput,\n    IFormFieldMaskedInputProps,\n    IFormFieldIMaskedInputFC,\n} from \"../../FormField/components/FormFieldMaskedInput\";\nimport styles from \"../styles/DropdownMobileMaskedInput.module.less\";\n\n/** Свойства компонента DropdownMobileMaskedInput. */\nexport interface IDropdownMobileMaskedInputProps extends IFormFieldMaskedInputProps {}\n\n/** Сущность компонента DropdownMobileMaskedInput.  */\nexport interface IDropdownMobileMaskedInputFC extends IFormFieldIMaskedInputFC {}\n\n/** Маскированное поле ввода мобильной версии Dropdown. */\nexport const DropdownMobileMaskedInput: IDropdownMobileMaskedInputFC = ({ className, ...rest }) => (\n    <FormFieldMaskedInput className={clsx(styles.dropdownMobileMaskedInput, className)} {...rest} />\n);\n\nDropdownMobileMaskedInput.presets = FormFieldMaskedInput.presets;\n"],"names":[],"mappings":";;;;;;;AAgBO,MAAM,4BAA0D,CAAC,EAAE,WAAW,GAAG,WACpF,oBAAC,sBAAA,EAAqB,WAAW,KAAK,OAAO,2BAA2B,SAAS,GAAI,GAAG,KAAA,CAAM;AAGlG,0BAA0B,UAAU,qBAAqB;"}

package/components/Dropdown/mobile/index.js

@@ -1,23 +1,23 @@
-import { DropdownMobile as e } from "./DropdownMobile.js";
-import { DropdownMobileBody as t } from "./DropdownMobileBody.js";
-import { DropdownMobileClose as n } from "./DropdownMobileClose.js";
-import { DropdownMobileFooter as l } from "./DropdownMobileFooter.js";
-import { DropdownMobileHeader as b } from "./DropdownMobileHeader.js";
-import { DropdownMobileInner as w } from "./DropdownMobileInner.js";
-import { DropdownMobileInput as D } from "./DropdownMobileInput.js";
-import { DropdownMobileList as s } from "./DropdownMobileList.js";
-import { DropdownMobileListItem as L } from "./DropdownMobileListItem.js";
-import { DropdownMobileLoader as u } from "./DropdownMobileLoader.js";
+import { DropdownMobile } from "./DropdownMobile.js";
+import { DropdownMobileBody } from "./DropdownMobileBody.js";
+import { DropdownMobileClose } from "./DropdownMobileClose.js";
+import { DropdownMobileFooter } from "./DropdownMobileFooter.js";
+import { DropdownMobileHeader } from "./DropdownMobileHeader.js";
+import { DropdownMobileInner } from "./DropdownMobileInner.js";
+import { DropdownMobileInput } from "./DropdownMobileInput.js";
+import { DropdownMobileList } from "./DropdownMobileList.js";
+import { DropdownMobileListItem } from "./DropdownMobileListItem.js";
+import { DropdownMobileLoader } from "./DropdownMobileLoader.js";
 export {
-  e as DropdownMobile,
-  t as DropdownMobileBody,
-  n as DropdownMobileClose,
-  l as DropdownMobileFooter,
-  b as DropdownMobileHeader,
-  w as DropdownMobileInner,
-  D as DropdownMobileInput,
-  s as DropdownMobileList,
-  L as DropdownMobileListItem,
-  u as DropdownMobileLoader
+  DropdownMobile,
+  DropdownMobileBody,
+  DropdownMobileClose,
+  DropdownMobileFooter,
+  DropdownMobileHeader,
+  DropdownMobileInner,
+  DropdownMobileInput,
+  DropdownMobileList,
+  DropdownMobileListItem,
+  DropdownMobileLoader
 };
 //# sourceMappingURL=index.js.map

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

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

package/components/Ellipsis/Ellipsis.js

@@ -1,27 +1,30 @@
-import { jsx as a } from "react/jsx-runtime";
-import t from "react";
-import { c as m } from "../../chunks/vendor-D5cfSbgz.js";
-const c = "ellipsisLineClamp__7d32c341", r = "oneLine__8d239f74", e = {
-  ellipsisLineClamp: c,
-  oneLine: r
-}, d = t.forwardRef(
-  ({ children: i, maxLines: s, className: l, ...n }, o) => {
-    const p = m(e.ellipsisLineClamp, { [e.oneLine]: s === 1 }, l);
-    return /* @__PURE__ */ a(
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+const ellipsisLineClamp = "ellipsisLineClamp__dbe6dff0";
+const oneLine = "oneLine__0ddcdc02";
+const styles = {
+  ellipsisLineClamp,
+  oneLine
+};
+const Ellipsis = React__default.forwardRef(
+  ({ children, maxLines, className, ...rest }, ref) => {
+    const classNames = clsx(styles.ellipsisLineClamp, { [styles.oneLine]: maxLines === 1 }, className);
+    return /* @__PURE__ */ jsx(
       "div",
       {
-        className: p,
-        style: { "--ellipsis-line-clamp": s },
-        ...n,
-        "data-tx": "1.33.0",
-        ref: o,
-        children: i
+        className: classNames,
+        style: { "--ellipsis-line-clamp": maxLines },
+        ...rest,
+        "data-tx": "1.35.0",
+        ref,
+        children
       }
     );
   }
 );
-d.displayName = "Ellipsis";
+Ellipsis.displayName = "Ellipsis";
 export {
-  d as Ellipsis
+  Ellipsis
 };
 //# sourceMappingURL=Ellipsis.js.map

package/components/Ellipsis/Ellipsis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ellipsis.js","sources":["../../../src/components/Ellipsis/Ellipsis.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/Ellipsis.module.less\";\n\nexport interface IEllipsisProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Количество строк, после которых происходит сворачивание в многоточие. */\n    maxLines: number;\n}\nexport const Ellipsis = React.forwardRef<HTMLDivElement, IEllipsisProps>(\n    ({ children, maxLines, className, ...rest }, ref) => {\n        const classNames = clsx(styles.ellipsisLineClamp, { [styles.oneLine]: maxLines === 1 }, className);\n\n        return (\n            <div\n                className={classNames}\n                style={{ \"--ellipsis-line-clamp\": maxLines } as React.CSSProperties}\n                {...rest}\n                data-tx={process.env.npm_package_version}\n                ref={ref}\n            >\n                {children}\n            </div>\n        );\n    },\n);\n\nEllipsis.displayName = \"Ellipsis\";\n"],"names":["React"],"mappings":";;;;;;;;;AAQO,MAAM,WAAWA,eAAM;AAAA,EAC1B,CAAC,EAAE,UAAU,UAAU,WAAW,GAAG,KAAA,GAAQ,QAAQ;AACjD,UAAM,aAAa,KAAK,OAAO,mBAAmB,EAAE,CAAC,OAAO,OAAO,GAAG,aAAa,EAAA,GAAK,SAAS;AAEjG,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW;AAAA,QACX,OAAO,EAAE,yBAAyB,SAAA;AAAA,QACjC,GAAG;AAAA,QACJ,WAAS;AAAA,QACT;AAAA,QAEC;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AACJ;AAEA,SAAS,cAAc;"}

package/components/Ellipsis/index.js

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

package/components/Ellipsis/index.js.map

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