@sberbusiness/triplex-next 1.33.0 → 1.35.0

package/components/Link/Link.js

@@ -1,73 +1,90 @@
-import { jsx as h, jsxs as t, Fragment as d } from "react/jsx-runtime";
-import L from "react";
-import { c as a } from "../../chunks/vendor-D5cfSbgz.js";
-import { IconWrapper as F } from "../IconWrapper/IconWrapper.js";
-const I = "link__d2efb9b1", S = "wordWithContent__b7e86e6d", T = "before__c7c3286c", q = "after__c284660c", e = {
-  link: I,
-  wordWithContent: S,
-  before: T,
-  after: q
-}, v = L.forwardRef(
-  ({ children: i, className: N, onBlur: f, onMouseDown: C, contentAfter: s, contentBefore: n, ...u }, W) => {
-    const c = () => n ? /* @__PURE__ */ t(d, { children: [
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { IconWrapper } from "../IconWrapper/IconWrapper.js";
+const link = "link__954aa24f";
+const wordWithContent = "wordWithContent__5ccc7d14";
+const before = "before__3ba6d544";
+const after = "after__bb86d705";
+const styles = {
+  link,
+  wordWithContent,
+  before,
+  after
+};
+const Link = React__default.forwardRef(
+  ({ children, className, onBlur, onMouseDown, contentAfter, contentBefore, ...rest }, ref) => {
+    const renderContentBefore = () => contentBefore ? /* @__PURE__ */ jsxs(Fragment, { children: [
       "​",
-      n()
-    ] }) : null, m = () => s ? s() : null, _ = (o) => {
-      const r = o.split(" ");
-      if (r.length < 2 || r.length < 3 && n && s) {
-        const R = a(e.wordWithContent, {
-          [e.after]: !!s,
-          [e.before]: !!n
+      contentBefore()
+    ] }) : null;
+    const renderContentAfter = () => contentAfter ? contentAfter() : null;
+    const renderAsSimpleText = (text) => {
+      const words = text.split(" ");
+      if (words.length < 2 || words.length < 3 && contentBefore && contentAfter) {
+        const className2 = clsx(styles.wordWithContent, {
+          [styles.after]: Boolean(contentAfter),
+          [styles.before]: Boolean(contentBefore)
         });
-        return /* @__PURE__ */ t("span", { className: R, children: [
-          c(),
-          o,
-          m()
+        return /* @__PURE__ */ jsxs("span", { className: className2, children: [
+          renderContentBefore(),
+          text,
+          renderContentAfter()
         ] });
       }
-      const l = r[0], p = r[r.length - 1], k = r.slice(1, -1).join(" "), g = a(e.wordWithContent, {
-        [e.before]: !!n
-      }), x = n ? /* @__PURE__ */ t("span", { className: g, children: [
-        c(),
-        l
-      ] }) : l, y = a(e.wordWithContent, {
-        [e.after]: !!s
-      }), j = s ? /* @__PURE__ */ t("span", { className: y, children: [
-        p,
-        m()
-      ] }) : p;
-      return /* @__PURE__ */ t(d, { children: [
-        x,
+      const firstWord = words[0];
+      const lastWord = words[words.length - 1];
+      const restWords = words.slice(1, -1).join(" ");
+      const classNameBefore = clsx(styles.wordWithContent, {
+        [styles.before]: Boolean(contentBefore)
+      });
+      const firstNode = contentBefore ? /* @__PURE__ */ jsxs("span", { className: classNameBefore, children: [
+        renderContentBefore(),
+        firstWord
+      ] }) : firstWord;
+      const classNameAfter = clsx(styles.wordWithContent, {
+        [styles.after]: Boolean(contentAfter)
+      });
+      const lastNode = contentAfter ? /* @__PURE__ */ jsxs("span", { className: classNameAfter, children: [
+        lastWord,
+        renderContentAfter()
+      ] }) : lastWord;
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        firstNode,
         " ",
-        k,
+        restWords,
         " ",
-        j
+        lastNode
       ] });
-    }, b = (o) => {
-      const r = n ? n() : null, l = s ? s() : null;
-      return /* @__PURE__ */ t(d, { children: [
-        r,
-        o,
-        l
+    };
+    const renderAsReactNode = (node) => {
+      const firstNode = contentBefore ? contentBefore() : null;
+      const lastNode = contentAfter ? contentAfter() : null;
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        firstNode,
+        node,
+        lastNode
       ] });
-    }, w = n || s ? ((o) => typeof o == "string" ? _(o) : b(o))(i) : i;
-    return /* @__PURE__ */ h(
+    };
+    const renderContent = (children2) => typeof children2 === "string" ? renderAsSimpleText(children2) : renderAsReactNode(children2);
+    const content = contentBefore || contentAfter ? renderContent(children) : children;
+    return /* @__PURE__ */ jsx(
       "a",
       {
         role: "link",
-        ...u,
-        className: a(N, e.link),
-        onBlur: f,
-        onMouseDown: C,
-        "data-tx": "1.33.0",
-        ref: W,
-        children: /* @__PURE__ */ h(F, { displayContents: !0, children: w })
+        ...rest,
+        className: clsx(className, styles.link),
+        onBlur,
+        onMouseDown,
+        "data-tx": "1.35.0",
+        ref,
+        children: /* @__PURE__ */ jsx(IconWrapper, { displayContents: true, children: content })
       }
     );
   }
 );
-v.displayName = "Link";
+Link.displayName = "Link";
 export {
-  v as Link
+  Link
 };
 //# sourceMappingURL=Link.js.map

package/components/Link/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { IconWrapper } from \"../IconWrapper\";\nimport styles from \"./styles/Link.module.less\";\n\n/** Общие свойства компонента Link. */\nexport interface ILinkCommonProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n    /** Тело гиперссылки. */\n    children: React.ReactNode;\n    /** Рендер функция предшествующего контента. */\n    contentBefore?: () => React.ReactElement;\n    /** Рендер функция последующего контента. */\n    contentAfter?: () => React.ReactElement;\n}\n\n/** Гиперссылка. */\nexport const Link = React.forwardRef<HTMLAnchorElement, ILinkCommonProps>(\n    ({ children, className, onBlur, onMouseDown, contentAfter, contentBefore, ...rest }, ref) => {\n        /** Рендер функция предшествующего контента. */\n        const renderContentBefore = () =>\n            contentBefore ? (\n                <>\n                    {/* Zero-width space необходим для правильного выравнивания контента. */}\n                    {\"\\u200B\"}\n                    {contentBefore()}\n                </>\n            ) : null;\n\n        /** Рендер функция последующего контента. */\n        const renderContentAfter = () => (contentAfter ? contentAfter() : null);\n\n        const renderAsSimpleText = (text: string) => {\n            const words = text.split(\" \");\n\n            if (words.length < 2 || (words.length < 3 && contentBefore && contentAfter)) {\n                const className = clsx(styles.wordWithContent, {\n                    [styles.after]: Boolean(contentAfter),\n                    [styles.before]: Boolean(contentBefore),\n                });\n                return (\n                    <span className={className}>\n                        {renderContentBefore()}\n                        {text}\n                        {renderContentAfter()}\n                    </span>\n                );\n            }\n\n            const firstWord = words[0];\n            const lastWord = words[words.length - 1];\n            const restWords = words.slice(1, -1).join(\" \");\n\n            const classNameBefore = clsx(styles.wordWithContent, {\n                [styles.before]: Boolean(contentBefore),\n            });\n\n            const firstNode = contentBefore ? (\n                <span className={classNameBefore}>\n                    {renderContentBefore()}\n                    {firstWord}\n                </span>\n            ) : (\n                firstWord\n            );\n\n            const classNameAfter = clsx(styles.wordWithContent, {\n                [styles.after]: Boolean(contentAfter),\n            });\n            const lastNode = contentAfter ? (\n                <span className={classNameAfter}>\n                    {lastWord}\n                    {renderContentAfter()}\n                </span>\n            ) : (\n                lastWord\n            );\n\n            return (\n                <>\n                    {firstNode} {restWords} {lastNode}\n                </>\n            );\n        };\n\n        /** Рендерит как React Nodes. */\n        const renderAsReactNode = (node: React.ReactNode) => {\n            const firstNode = contentBefore ? contentBefore() : null;\n            const lastNode = contentAfter ? contentAfter() : null;\n            return (\n                <>\n                    {firstNode}\n                    {node}\n                    {lastNode}\n                </>\n            );\n        };\n\n        const renderContent = (children: React.ReactNode) =>\n            typeof children === \"string\" ? renderAsSimpleText(children) : renderAsReactNode(children);\n\n        const content = contentBefore || contentAfter ? renderContent(children) : children;\n\n        return (\n            <a\n                role=\"link\"\n                {...rest}\n                className={clsx(className, styles.link)}\n                onBlur={onBlur}\n                onMouseDown={onMouseDown}\n                data-tx={process.env.npm_package_version}\n                ref={ref}\n            >\n                <IconWrapper displayContents>{content}</IconWrapper>\n            </a>\n        );\n    },\n);\n\nLink.displayName = \"Link\";\n"],"names":["React","className","children"],"mappings":";;;;;;;;;;;;;;AAgBO,MAAM,OAAOA,eAAM;AAAA,EACtB,CAAC,EAAE,UAAU,WAAW,QAAQ,aAAa,cAAc,eAAe,GAAG,KAAA,GAAQ,QAAQ;AAEzF,UAAM,sBAAsB,MACxB,gBACI,qBAAA,UAAA,EAEK,UAAA;AAAA,MAAA;AAAA,MACA,cAAA;AAAA,IAAc,EAAA,CACnB,IACA;AAGR,UAAM,qBAAqB,MAAO,eAAe,aAAA,IAAiB;AAElE,UAAM,qBAAqB,CAAC,SAAiB;AACzC,YAAM,QAAQ,KAAK,MAAM,GAAG;AAE5B,UAAI,MAAM,SAAS,KAAM,MAAM,SAAS,KAAK,iBAAiB,cAAe;AACzE,cAAMC,aAAY,KAAK,OAAO,iBAAiB;AAAA,UAC3C,CAAC,OAAO,KAAK,GAAG,QAAQ,YAAY;AAAA,UACpC,CAAC,OAAO,MAAM,GAAG,QAAQ,aAAa;AAAA,QAAA,CACzC;AACD,eACI,qBAAC,QAAA,EAAK,WAAWA,YACZ,UAAA;AAAA,UAAA,oBAAA;AAAA,UACA;AAAA,UACA,mBAAA;AAAA,QAAmB,GACxB;AAAA,MAER;AAEA,YAAM,YAAY,MAAM,CAAC;AACzB,YAAM,WAAW,MAAM,MAAM,SAAS,CAAC;AACvC,YAAM,YAAY,MAAM,MAAM,GAAG,EAAE,EAAE,KAAK,GAAG;AAE7C,YAAM,kBAAkB,KAAK,OAAO,iBAAiB;AAAA,QACjD,CAAC,OAAO,MAAM,GAAG,QAAQ,aAAa;AAAA,MAAA,CACzC;AAED,YAAM,YAAY,gBACd,qBAAC,QAAA,EAAK,WAAW,iBACZ,UAAA;AAAA,QAAA,oBAAA;AAAA,QACA;AAAA,MAAA,EAAA,CACL,IAEA;AAGJ,YAAM,iBAAiB,KAAK,OAAO,iBAAiB;AAAA,QAChD,CAAC,OAAO,KAAK,GAAG,QAAQ,YAAY;AAAA,MAAA,CACvC;AACD,YAAM,WAAW,eACb,qBAAC,QAAA,EAAK,WAAW,gBACZ,UAAA;AAAA,QAAA;AAAA,QACA,mBAAA;AAAA,MAAmB,EAAA,CACxB,IAEA;AAGJ,aACI,qBAAA,UAAA,EACK,UAAA;AAAA,QAAA;AAAA,QAAU;AAAA,QAAE;AAAA,QAAU;AAAA,QAAE;AAAA,MAAA,GAC7B;AAAA,IAER;AAGA,UAAM,oBAAoB,CAAC,SAA0B;AACjD,YAAM,YAAY,gBAAgB,cAAA,IAAkB;AACpD,YAAM,WAAW,eAAe,aAAA,IAAiB;AACjD,aACI,qBAAA,UAAA,EACK,UAAA;AAAA,QAAA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,GACL;AAAA,IAER;AAEA,UAAM,gBAAgB,CAACC,cACnB,OAAOA,cAAa,WAAW,mBAAmBA,SAAQ,IAAI,kBAAkBA,SAAQ;AAE5F,UAAM,UAAU,iBAAiB,eAAe,cAAc,QAAQ,IAAI;AAE1E,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACJ,GAAG;AAAA,QACJ,WAAW,KAAK,WAAW,OAAO,IAAI;AAAA,QACtC;AAAA,QACA;AAAA,QACA,WAAS;AAAA,QACT;AAAA,QAEA,8BAAC,aAAA,EAAY,iBAAe,MAAE,UAAA,SAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGlD;AACJ;AAEA,KAAK,cAAc;"}

package/components/Link/index.js

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

package/components/Link/index.js.map

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

package/components/List/List.js

@@ -1,15 +1,19 @@
-import { jsxs as r, jsx as i } from "react/jsx-runtime";
-import a from "react";
-import { c } from "../../chunks/vendor-D5cfSbgz.js";
-import { LoaderScreen as m } from "../LoaderScreen/LoaderScreen.js";
-const d = "list__c3c9985e", f = {
-  list: d
-}, p = a.forwardRef(({ children: t, className: s, loading: e, ...l }, o) => /* @__PURE__ */ r("ul", { className: c(f.list, s), ...l, "data-tx": "1.33.0", ref: o, children: [
-  t,
-  e ? /* @__PURE__ */ i(m, { type: "middle" }) : null
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { LoaderScreen } from "../LoaderScreen/LoaderScreen.js";
+const list = "list__db8d0d46";
+const listLoaderScreen = "listLoaderScreen__47943833";
+const styles = {
+  list,
+  listLoaderScreen
+};
+const List = React__default.forwardRef(({ children, className, loading, ...rest }, ref) => /* @__PURE__ */ jsxs("ul", { className: clsx(styles.list, className), ...rest, "data-tx": "1.35.0", ref, children: [
+  children,
+  loading ? /* @__PURE__ */ jsx(LoaderScreen, { type: "middle", className: styles.listLoaderScreen }) : null
 ] }));
-p.displayName = "List";
+List.displayName = "List";
 export {
-  p as List
+  List
 };
 //# sourceMappingURL=List.js.map

package/components/List/List.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","sources":["../../../src/components/List/List.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { LoaderScreen } from \"@sberbusiness/triplex-next/components/LoaderScreen/LoaderScreen\";\nimport styles from \"./styles/List.module.less\";\n\n/** Свойства компонента List. */\nexport interface IListProps extends React.HTMLAttributes<HTMLUListElement> {\n    /** Состояние загрузки. Используется при обновлении текущего списка новыми данными, например, после применения фильтра. */\n    loading?: boolean;\n}\n\n/** Список. */\nexport const List = React.forwardRef<HTMLUListElement, IListProps>(({ children, className, loading, ...rest }, ref) => (\n    <ul className={clsx(styles.list, className)} {...rest} data-tx={process.env.npm_package_version} ref={ref}>\n        {children}\n        {loading ? <LoaderScreen type=\"middle\" className={styles.listLoaderScreen} /> : null}\n    </ul>\n));\n\nList.displayName = \"List\";\n"],"names":["React"],"mappings":";;;;;;;;;;AAYO,MAAM,OAAOA,eAAM,WAAyC,CAAC,EAAE,UAAU,WAAW,SAAS,GAAG,QAAQ,QAC3G,qBAAC,QAAG,WAAW,KAAK,OAAO,MAAM,SAAS,GAAI,GAAG,MAAM,WAAS,UAAiC,KAC5F,UAAA;AAAA,EAAA;AAAA,EACA,8BAAW,cAAA,EAAa,MAAK,UAAS,WAAW,OAAO,iBAAA,CAAkB,IAAK;AAAA,GACpF,CACH;AAED,KAAK,cAAc;"}

package/components/List/ListSortable.js

@@ -1,50 +1,64 @@
-var p = Object.defineProperty;
-var b = (t, e, r) => e in t ? p(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
-var n = (t, e, r) => b(t, typeof e != "symbol" ? e + "" : e, r);
-import { jsx as o } from "react/jsx-runtime";
-import D from "react";
-import { a as T, b as i, D as y, M as E, r as I, d as M, S as L, v as w, e as C, T as N, f as R } from "../../chunks/vendor-D5cfSbgz.js";
-import { List as _ } from "./List.js";
-import { isDraggableTarget as l } from "./utils.js";
-class u extends R {
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { a as useSensors, b as useSensor, D as DndContext, M as MeasuringStrategy, r as restrictToParentElement, d as restrictToVerticalAxis, S as SortableContext, v as verticalListSortingStrategy, e as arrayMove, T as TouchSensor, f as MouseSensor } from "../../chunks/vendor-Bco_z_Yi.js";
+import { List } from "./List.js";
+import { isDraggableTarget } from "./utils.js";
+class AdvancedMouseSensor extends MouseSensor {
 }
-n(u, "activators", [
+__publicField(AdvancedMouseSensor, "activators", [
   {
     eventName: "onMouseDown",
-    handler: ({ nativeEvent: e }, { onActivation: r }) => e.button === 2 || !l(e.target) ? !1 : (r == null || r({ event: e }), !0)
+    handler: ({ nativeEvent: event }, { onActivation }) => {
+      if (event.button === 2 || !isDraggableTarget(event.target)) {
+        return false;
+      }
+      onActivation == null ? void 0 : onActivation({ event });
+      return true;
+    }
   }
 ]);
-class f extends N {
+class AdvancedTouchSensor extends TouchSensor {
 }
-n(f, "activators", [
+__publicField(AdvancedTouchSensor, "activators", [
   {
     eventName: "onTouchStart",
-    handler: ({ nativeEvent: e }, { onActivation: r }) => e.touches.length > 1 || !l(e.target) ? !1 : (r == null || r({ event: e }), !0)
+    handler: ({ nativeEvent: event }, { onActivation }) => {
+      if (event.touches.length > 1 || !isDraggableTarget(event.target)) {
+        return false;
+      }
+      onActivation == null ? void 0 : onActivation({ event });
+      return true;
+    }
   }
 ]);
-function j({ items: t, onItemsChange: e, ...r }, c) {
-  const g = T(i(u), i(f)), m = (S) => {
-    const { active: d, over: s } = S;
-    if (s && d.id !== s.id) {
-      const x = t.findIndex((a) => a.id === d.id), h = t.findIndex((a) => a.id === s.id);
-      e(C(t, x, h));
+function ListSortableInner({ items, onItemsChange, ...rest }, ref) {
+  const sensors = useSensors(useSensor(AdvancedMouseSensor), useSensor(AdvancedTouchSensor));
+  const handleDragEnd = (event) => {
+    const { active, over } = event;
+    if (over && active.id !== over.id) {
+      const oldIndex = items.findIndex((item) => item.id === active.id);
+      const newIndex = items.findIndex((item) => item.id === over.id);
+      onItemsChange(arrayMove(items, oldIndex, newIndex));
     }
   };
-  return /* @__PURE__ */ o(
-    y,
+  return /* @__PURE__ */ jsx(
+    DndContext,
     {
-      sensors: g,
-      modifiers: [I, M],
-      measuring: { droppable: { frequency: E.WhileDragging } },
-      onDragEnd: m,
-      children: /* @__PURE__ */ o(L, { items: t, strategy: w, children: /* @__PURE__ */ o(_, { ...r, ref: c }) })
+      sensors,
+      modifiers: [restrictToParentElement, restrictToVerticalAxis],
+      measuring: { droppable: { frequency: MeasuringStrategy.WhileDragging } },
+      onDragEnd: handleDragEnd,
+      children: /* @__PURE__ */ jsx(SortableContext, { items, strategy: verticalListSortingStrategy, children: /* @__PURE__ */ jsx(List, { ...rest, ref }) })
     }
   );
 }
-const z = D.forwardRef(j);
+const ListSortable = React__default.forwardRef(ListSortableInner);
 export {
-  u as AdvancedMouseSensor,
-  f as AdvancedTouchSensor,
-  z as ListSortable
+  AdvancedMouseSensor,
+  AdvancedTouchSensor,
+  ListSortable
 };
 //# sourceMappingURL=ListSortable.js.map

package/components/List/ListSortable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListSortable.js","sources":["../../../src/components/List/ListSortable.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    DndContext,\n    useSensor,\n    useSensors,\n    MouseSensor,\n    MouseSensorOptions,\n    TouchSensor,\n    TouchSensorOptions,\n    MeasuringStrategy,\n    DragEndEvent,\n} from \"@dnd-kit/core\";\nimport { restrictToVerticalAxis, restrictToParentElement } from \"@dnd-kit/modifiers\";\nimport { arrayMove, SortableContext, verticalListSortingStrategy } from \"@dnd-kit/sortable\";\nimport { List, IListProps } from \"./List\";\nimport { isDraggableTarget } from \"./utils\";\n\n/** Свойства компонента ListSortable. */\nexport interface IListSortableProps<T extends { id: string }> extends IListProps {\n    /** Текущий упорядоченный список элементов. У каждого элемента должен быть уникальный `id`. */\n    items: T[];\n    /** Вызывается с новым порядком после успешного drag-and-drop. */\n    onItemsChange: (items: T[]) => void;\n}\n\nexport class AdvancedMouseSensor extends MouseSensor {\n    static activators = [\n        {\n            eventName: \"onMouseDown\" as const,\n            handler: ({ nativeEvent: event }: React.MouseEvent, { onActivation }: MouseSensorOptions) => {\n                if (event.button === 2 || !isDraggableTarget(event.target)) {\n                    return false;\n                }\n\n                onActivation?.({ event });\n\n                return true;\n            },\n        },\n    ];\n}\n\nexport class AdvancedTouchSensor extends TouchSensor {\n    static activators = [\n        {\n            eventName: \"onTouchStart\" as const,\n            handler: ({ nativeEvent: event }: React.TouchEvent, { onActivation }: TouchSensorOptions) => {\n                if (event.touches.length > 1 || !isDraggableTarget(event.target)) {\n                    return false;\n                }\n\n                onActivation?.({ event });\n\n                return true;\n            },\n        },\n    ];\n}\n\nfunction ListSortableInner<T extends { id: string }>(\n    { items, onItemsChange, ...rest }: IListSortableProps<T>,\n    ref: React.ForwardedRef<HTMLUListElement>,\n) {\n    const sensors = useSensors(useSensor(AdvancedMouseSensor), useSensor(AdvancedTouchSensor));\n\n    const handleDragEnd = (event: DragEndEvent) => {\n        const { active, over } = event;\n\n        if (over && active.id !== over.id) {\n            const oldIndex = items.findIndex((item) => item.id === active.id);\n            const newIndex = items.findIndex((item) => item.id === over.id);\n\n            onItemsChange(arrayMove(items, oldIndex, newIndex));\n        }\n    };\n\n    return (\n        <DndContext\n            sensors={sensors}\n            modifiers={[restrictToParentElement, restrictToVerticalAxis]}\n            measuring={{ droppable: { frequency: MeasuringStrategy.WhileDragging } }}\n            onDragEnd={handleDragEnd}\n        >\n            <SortableContext items={items} strategy={verticalListSortingStrategy}>\n                <List {...rest} ref={ref} />\n            </SortableContext>\n        </DndContext>\n    );\n}\n\n/** Сортируемый список с поддержкой drag-and-drop. */\nexport const ListSortable = React.forwardRef(ListSortableInner) as <T extends { id: string }>(\n    props: IListSortableProps<T> & { ref?: React.ForwardedRef<HTMLUListElement> },\n) => ReturnType<typeof ListSortableInner>;\n"],"names":["React"],"mappings":";;;;;;;;AAyBO,MAAM,4BAA4B,YAAY;AAerD;AAdI,cADS,qBACF,cAAa;AAAA,EAChB;AAAA,IACI,WAAW;AAAA,IACX,SAAS,CAAC,EAAE,aAAa,SAA2B,EAAE,mBAAuC;AACzF,UAAI,MAAM,WAAW,KAAK,CAAC,kBAAkB,MAAM,MAAM,GAAG;AACxD,eAAO;AAAA,MACX;AAEA,mDAAe,EAAE;AAEjB,aAAO;AAAA,IACX;AAAA,EAAA;AACJ;AAID,MAAM,4BAA4B,YAAY;AAerD;AAdI,cADS,qBACF,cAAa;AAAA,EAChB;AAAA,IACI,WAAW;AAAA,IACX,SAAS,CAAC,EAAE,aAAa,SAA2B,EAAE,mBAAuC;AACzF,UAAI,MAAM,QAAQ,SAAS,KAAK,CAAC,kBAAkB,MAAM,MAAM,GAAG;AAC9D,eAAO;AAAA,MACX;AAEA,mDAAe,EAAE;AAEjB,aAAO;AAAA,IACX;AAAA,EAAA;AACJ;AAIR,SAAS,kBACL,EAAE,OAAO,eAAe,GAAG,KAAA,GAC3B,KACF;AACE,QAAM,UAAU,WAAW,UAAU,mBAAmB,GAAG,UAAU,mBAAmB,CAAC;AAEzF,QAAM,gBAAgB,CAAC,UAAwB;AAC3C,UAAM,EAAE,QAAQ,KAAA,IAAS;AAEzB,QAAI,QAAQ,OAAO,OAAO,KAAK,IAAI;AAC/B,YAAM,WAAW,MAAM,UAAU,CAAC,SAAS,KAAK,OAAO,OAAO,EAAE;AAChE,YAAM,WAAW,MAAM,UAAU,CAAC,SAAS,KAAK,OAAO,KAAK,EAAE;AAE9D,oBAAc,UAAU,OAAO,UAAU,QAAQ,CAAC;AAAA,IACtD;AAAA,EACJ;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,WAAW,CAAC,yBAAyB,sBAAsB;AAAA,MAC3D,WAAW,EAAE,WAAW,EAAE,WAAW,kBAAkB,gBAAc;AAAA,MACrE,WAAW;AAAA,MAEX,UAAA,oBAAC,iBAAA,EAAgB,OAAc,UAAU,6BACrC,8BAAC,MAAA,EAAM,GAAG,MAAM,IAAA,CAAU,EAAA,CAC9B;AAAA,IAAA;AAAA,EAAA;AAGZ;AAGO,MAAM,eAAeA,eAAM,WAAW,iBAAiB;"}

package/components/List/components/ListEmptyState.js

@@ -1,13 +1,15 @@
-import { jsx as e } from "react/jsx-runtime";
-import i from "react";
-import { c as o } from "../../../chunks/vendor-D5cfSbgz.js";
-const p = "listEmptyState__4a2661c8", l = {
-  listEmptyState: p
-}, r = i.forwardRef(
-  ({ children: t, className: s, ...a }, m) => /* @__PURE__ */ e("div", { className: o(l.listEmptyState, s), ...a, ref: m, children: t })
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+const listEmptyState = "listEmptyState__f30886a3";
+const styles = {
+  listEmptyState
+};
+const ListEmptyState = React__default.forwardRef(
+  ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.listEmptyState, className), ...rest, ref, children })
 );
-r.displayName = "ListEmptyState";
+ListEmptyState.displayName = "ListEmptyState";
 export {
-  r as ListEmptyState
+  ListEmptyState
 };
 //# sourceMappingURL=ListEmptyState.js.map

package/components/List/components/ListEmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListEmptyState.js","sources":["../../../../src/components/List/components/ListEmptyState.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/ListEmptyState.module.less\";\n\n/** Свойства компонента ListEmptyState. */\nexport interface IListEmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/**\n * Элемент, отображающий пустой список.\n * Используется при применении фильтров, когда не найден ни один элемент.\n * */\nexport const ListEmptyState = React.forwardRef<HTMLDivElement, IListEmptyStateProps>(\n    ({ children, className, ...rest }, ref) => (\n        <div className={clsx(styles.listEmptyState, className)} {...rest} ref={ref}>\n            {children}\n        </div>\n    ),\n);\n\nListEmptyState.displayName = \"ListEmptyState\";\n"],"names":["React"],"mappings":";;;;;;;AAWO,MAAM,iBAAiBA,eAAM;AAAA,EAChC,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAC/B,oBAAC,SAAI,WAAW,KAAK,OAAO,gBAAgB,SAAS,GAAI,GAAG,MAAM,KAC7D,SAAA,CACL;AAER;AAEA,eAAe,cAAc;"}

package/components/List/components/ListItem.js

@@ -1,12 +1,13 @@
-import { jsx as e } from "react/jsx-runtime";
-import d, { useState as t } from "react";
-import { ListItemContext as f } from "./ListItemContext.js";
-const n = d.forwardRef(({ children: s, className: r, ...a }, l) => {
-  const [o, i] = t(!1), [m, c] = t(!1);
-  return /* @__PURE__ */ e(f.Provider, { value: { selected: o, setSelected: i, selectable: m, setSelectable: c }, children: /* @__PURE__ */ e("li", { className: r, ...a, "data-tx": "1.33.0", ref: l, children: s }) });
+import { jsx } from "react/jsx-runtime";
+import React__default, { useState } from "react";
+import { ListItemContext } from "./ListItemContext.js";
+const ListItem = React__default.forwardRef(({ children, className, ...rest }, ref) => {
+  const [selected, setSelected] = useState(false);
+  const [selectable, setSelectable] = useState(false);
+  return /* @__PURE__ */ jsx(ListItemContext.Provider, { value: { selected, setSelected, selectable, setSelectable }, children: /* @__PURE__ */ jsx("li", { className, ...rest, "data-tx": "1.35.0", ref, children }) });
 });
-n.displayName = "ListItem";
+ListItem.displayName = "ListItem";
 export {
-  n as ListItem
+  ListItem
 };
 //# sourceMappingURL=ListItem.js.map

package/components/List/components/ListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.js","sources":["../../../../src/components/List/components/ListItem.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { ListItemContext } from \"@sberbusiness/triplex-next/components/List/components/ListItemContext\";\n\n/** Свойства компонента ListItem. */\nexport interface IListItemProps extends React.LiHTMLAttributes<HTMLLIElement> {}\n\n/** Элемент списка. */\nexport const ListItem = React.forwardRef<HTMLLIElement, IListItemProps>(({ children, className, ...rest }, ref) => {\n    const [selected, setSelected] = useState(false);\n    const [selectable, setSelectable] = useState(false);\n\n    return (\n        <ListItemContext.Provider value={{ selected, setSelected, selectable, setSelectable }}>\n            <li className={className} {...rest} data-tx={process.env.npm_package_version} ref={ref}>\n                {children}\n            </li>\n        </ListItemContext.Provider>\n    );\n});\n\nListItem.displayName = \"ListItem\";\n"],"names":["React"],"mappings":";;;AAOO,MAAM,WAAWA,eAAM,WAA0C,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAAQ;AAC/G,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAElD,SACI,oBAAC,gBAAgB,UAAhB,EAAyB,OAAO,EAAE,UAAU,aAAa,YAAY,iBAClE,8BAAC,MAAA,EAAG,WAAuB,GAAG,MAAM,WAAS,UAAiC,KACzE,SAAA,CACL,GACJ;AAER,CAAC;AAED,SAAS,cAAc;"}

package/components/List/components/ListItemContent.js

@@ -1,32 +1,36 @@
-import { jsx as a } from "react/jsx-runtime";
-import m, { useContext as i } from "react";
-import { c as r } from "../../../chunks/vendor-D5cfSbgz.js";
-import { ListItemContext as d } from "./ListItemContext.js";
-const C = "listItemContent__9b730d22", _ = "selected__68c6e785", f = "selectable__57aaeca3", t = {
-  listItemContent: C,
-  selected: _,
-  selectable: f
-}, I = m.forwardRef(
-  ({ children: e, className: s, ...l }, o) => {
-    const { selected: c, selectable: n } = i(d);
-    return /* @__PURE__ */ a(
+import { jsx } from "react/jsx-runtime";
+import React__default, { useContext } from "react";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { ListItemContext } from "./ListItemContext.js";
+const listItemContent = "listItemContent__a6593e9c";
+const selected = "selected__eae6567b";
+const selectable = "selectable__6feed7bc";
+const styles = {
+  listItemContent,
+  selected,
+  selectable
+};
+const ListItemContent = React__default.forwardRef(
+  ({ children, className, ...rest }, ref) => {
+    const { selected: selected2, selectable: selectable2 } = useContext(ListItemContext);
+    return /* @__PURE__ */ jsx(
       "div",
       {
-        className: r(
-          t.listItemContent,
-          { [t.selected]: c, [t.selectable]: n },
-          s
+        className: clsx(
+          styles.listItemContent,
+          { [styles.selected]: selected2, [styles.selectable]: selectable2 },
+          className
         ),
-        ...l,
-        "data-tx": "1.33.0",
-        ref: o,
-        children: e
+        ...rest,
+        "data-tx": "1.35.0",
+        ref,
+        children
       }
     );
   }
 );
-I.displayName = "ListItemContent";
+ListItemContent.displayName = "ListItemContent";
 export {
-  I as ListItemContent
+  ListItemContent
 };
 //# sourceMappingURL=ListItemContent.js.map

package/components/List/components/ListItemContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemContent.js","sources":["../../../../src/components/List/components/ListItemContent.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/ListItemContent.module.less\";\nimport { ListItemContext } from \"@sberbusiness/triplex-next/components/List/components/ListItemContext\";\n\nexport interface IListItemContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Контент элемента списка. */\nexport const ListItemContent = React.forwardRef<HTMLDivElement, IListItemContentProps>(\n    ({ children, className, ...rest }, ref) => {\n        const { selected, selectable } = useContext(ListItemContext);\n\n        return (\n            <div\n                className={clsx(\n                    styles.listItemContent,\n                    { [styles.selected]: selected, [styles.selectable]: selectable },\n                    className,\n                )}\n                {...rest}\n                data-tx={process.env.npm_package_version}\n                ref={ref}\n            >\n                {children}\n            </div>\n        );\n    },\n);\n\nListItemContent.displayName = \"ListItemContent\";\n"],"names":["React","selected","selectable"],"mappings":";;;;;;;;;;;;AAQO,MAAM,kBAAkBA,eAAM;AAAA,EACjC,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAAQ;AACvC,UAAM,EAAE,UAAAC,WAAU,YAAAC,gBAAe,WAAW,eAAe;AAE3D,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW;AAAA,UACP,OAAO;AAAA,UACP,EAAE,CAAC,OAAO,QAAQ,GAAGD,WAAU,CAAC,OAAO,UAAU,GAAGC,YAAA;AAAA,UACpD;AAAA,QAAA;AAAA,QAEH,GAAG;AAAA,QACJ,WAAS;AAAA,QACT;AAAA,QAEC;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AACJ;AAEA,gBAAgB,cAAc;"}

package/components/List/components/ListItemContext.js

@@ -1,13 +1,13 @@
-import e from "react";
-const l = e.createContext({
-  selectable: !1,
+import React__default from "react";
+const ListItemContext = React__default.createContext({
+  selectable: false,
   setSelectable: () => {
   },
-  selected: !1,
+  selected: false,
   setSelected: () => {
   }
 });
 export {
-  l as ListItemContext
+  ListItemContext
 };
 //# sourceMappingURL=ListItemContext.js.map

package/components/List/components/ListItemContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemContext.js","sources":["../../../../src/components/List/components/ListItemContext.ts"],"sourcesContent":["import React from \"react\";\n\nexport interface IListItemContext {\n    /** Элемент списка выбираемый. */\n    selectable: boolean;\n    /** Устанавливает значение selectable. */\n    setSelectable: (selectable: boolean) => void;\n    /** Элемент списка выбран. */\n    selected: boolean;\n    /** Устанавливает значение selected. */\n    setSelected: (selected: boolean) => void;\n}\n\n/** Контекст компонента ListItem. */\nexport const ListItemContext = React.createContext<IListItemContext>({\n    selectable: false,\n    setSelectable: () => {},\n    selected: false,\n    setSelected: () => {},\n});\n"],"names":["React"],"mappings":";AAcO,MAAM,kBAAkBA,eAAM,cAAgC;AAAA,EACjE,YAAY;AAAA,EACZ,eAAe,MAAM;AAAA,EAAC;AAAA,EACtB,UAAU;AAAA,EACV,aAAa,MAAM;AAAA,EAAC;AACxB,CAAC;"}

package/components/List/components/ListItemControls.js

@@ -1,13 +1,15 @@
-import { jsx as r } from "react/jsx-runtime";
-import m from "react";
-import { c as e } from "../../../chunks/vendor-D5cfSbgz.js";
-const i = "listItemControls__58168091", n = {
-  listItemControls: i
-}, a = m.forwardRef(
-  ({ children: t, className: o, ...s }, l) => /* @__PURE__ */ r("div", { className: e(n.listItemControls, o), ...s, ref: l, children: t })
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+const listItemControls = "listItemControls__d350dbf7";
+const styles = {
+  listItemControls
+};
+const ListItemControls = React__default.forwardRef(
+  ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.listItemControls, className), ...rest, ref, children })
 );
-a.displayName = "ListItemControls";
+ListItemControls.displayName = "ListItemControls";
 export {
-  a as ListItemControls
+  ListItemControls
 };
 //# sourceMappingURL=ListItemControls.js.map

package/components/List/components/ListItemControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemControls.js","sources":["../../../../src/components/List/components/ListItemControls.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/ListItemControls.module.less\";\n\nexport interface IListItemControlsProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Контейнер с кнопками действий. */\nexport const ListItemControls = React.forwardRef<HTMLDivElement, IListItemControlsProps>(\n    ({ children, className, ...rest }, ref) => (\n        <div className={clsx(styles.listItemControls, className)} {...rest} ref={ref}>\n            {children}\n        </div>\n    ),\n);\n\nListItemControls.displayName = \"ListItemControls\";\n"],"names":["React"],"mappings":";;;;;;;AAOO,MAAM,mBAAmBA,eAAM;AAAA,EAClC,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAC/B,oBAAC,SAAI,WAAW,KAAK,OAAO,kBAAkB,SAAS,GAAI,GAAG,MAAM,KAC/D,SAAA,CACL;AAER;AAEA,iBAAiB,cAAc;"}

package/components/List/components/ListItemControlsButton.js

@@ -1,11 +1,11 @@
 import "react/jsx-runtime";
 import "react";
-import "../../../chunks/vendor-D5cfSbgz.js";
-import { L as n } from "../../../chunks/ListItemControlsButton-Dc6wY6Fp.js";
+import "../../../chunks/vendor-Bco_z_Yi.js";
+import { L } from "../../../chunks/ListItemControlsButton-D8zHNKyn.js";
 import "../../Typography/enums.js";
 import "../../Typography/Text.js";
 import "../../IconWrapper/IconWrapper.js";
 export {
-  n as ListItemControlsButton
+  L as ListItemControlsButton
 };
 //# sourceMappingURL=ListItemControlsButton.js.map

package/components/List/components/ListItemControlsButton.js.map

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