@sberbusiness/triplex-next 1.37.0 → 1.38.0

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayLoader.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
 import { LoaderScreen } from "../../LoaderScreen/LoaderScreen.js";
-const lightBoxSideOverlayLoaderWrapper = "lightBoxSideOverlayLoaderWrapper__93f22d1b";
+const lightBoxSideOverlayLoaderWrapper = "lightBoxSideOverlayLoaderWrapper__e0ea78b6";
 const styles = {
   lightBoxSideOverlayLoaderWrapper
 };

package/components/LightBox/LightBoxSidebars/LightBoxLeftSidebar.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useRef, useImperativeHandle, useState, useEffect } from "react";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-const lightBoxLeftSidebar = "lightBoxLeftSidebar__440732b0";
-const fixed = "fixed__33d17dcc";
-const hidden = "hidden__152ea90e";
+const lightBoxLeftSidebar = "lightBoxLeftSidebar__a5020572";
+const fixed = "fixed__07a5d609";
+const hidden = "hidden__08d4f90c";
 const styles = {
   lightBoxLeftSidebar,
   fixed,

package/components/LightBox/LightBoxSidebars/LightBoxRightSidebar.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useRef, useImperativeHandle, useState, useEffect } from "react";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-const lightBoxRightSidebar = "lightBoxRightSidebar__750022ab";
-const fixed = "fixed__33d17dcc";
-const hidden = "hidden__152ea90e";
+const lightBoxRightSidebar = "lightBoxRightSidebar__d10d5a67";
+const fixed = "fixed__07a5d609";
+const hidden = "hidden__08d4f90c";
 const styles = {
   lightBoxRightSidebar,
   fixed,

package/components/Link/Link.js

@@ -3,10 +3,10 @@ import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
 import { getSafeRel } from "../../utils/html/anchorSecurity.js";
 import { IconWrapper } from "../IconWrapper/IconWrapper.js";
-const link = "link__b6d41257";
-const wordWithContent = "wordWithContent__7902c5bf";
-const before = "before__5fbdb11c";
-const after = "after__35397cda";
+const link = "link__91164d81";
+const wordWithContent = "wordWithContent__8a912251";
+const before = "before__4d5e1dca";
+const after = "after__9b1b00a0";
 const styles = {
   link,
   wordWithContent,
@@ -79,7 +79,7 @@ const Link = React__default.forwardRef(
         className: clsx(className, styles.link),
         onBlur,
         onMouseDown,
-        "data-tx": "1.37.0",
+        "data-tx": "1.38.0",
         ref,
         children: /* @__PURE__ */ jsx(IconWrapper, { displayContents: true, children: content })
       }

package/components/List/List.js

@@ -2,13 +2,13 @@ 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__45a0d955";
-const listLoaderScreen = "listLoaderScreen__7f8942cd";
+const list = "list__83fd50f5";
+const listLoaderScreen = "listLoaderScreen__33b3806f";
 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.37.0", ref, children: [
+const List = React__default.forwardRef(({ children, className, loading, ...rest }, ref) => /* @__PURE__ */ jsxs("ul", { className: clsx(styles.list, className), ...rest, "data-tx": "1.38.0", ref, children: [
   children,
   loading ? /* @__PURE__ */ jsx(LoaderScreen, { type: "middle", className: styles.listLoaderScreen }) : null
 ] }));

package/components/List/components/ListActionItem.js

@@ -0,0 +1,42 @@
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { isKey } from "../../../utils/keyboard.js";
+import { ListItem } from "./ListItem.js";
+import { ListItemContent } from "./ListItemContent.js";
+const listActionItem = "listActionItem__b201ae0d";
+const styles = {
+  listActionItem
+};
+const ListActionItem = React__default.forwardRef(
+  ({ children, listItemContentProps = {}, ...rest }, ref) => {
+    const { className, onKeyDown, ...restListItemContentProps } = listItemContentProps;
+    const handleKeyDown = (event) => {
+      onKeyDown == null ? void 0 : onKeyDown(event);
+      if (event.defaultPrevented) {
+        return;
+      }
+      if (isKey(event.code, "ENTER") || isKey(event.code, "SPACE")) {
+        event.preventDefault();
+        event.currentTarget.click();
+      }
+    };
+    return /* @__PURE__ */ jsx(ListItem, { ...rest, children: /* @__PURE__ */ jsx(
+      ListItemContent,
+      {
+        className: clsx(styles.listActionItem, className),
+        tabIndex: 0,
+        role: "button",
+        onKeyDown: handleKeyDown,
+        ...restListItemContentProps,
+        ref,
+        children
+      }
+    ) });
+  }
+);
+ListActionItem.displayName = "ListActionItem";
+export {
+  ListActionItem
+};
+//# sourceMappingURL=ListActionItem.js.map

package/components/List/components/ListActionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListActionItem.js","sources":["../../../../src/components/List/components/ListActionItem.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { isKey } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport { ListItem } from \"@sberbusiness/triplex-next/components/List/components/ListItem\";\nimport { ListItemContent } from \"@sberbusiness/triplex-next/components/List/components/ListItemContent\";\nimport styles from \"../styles/ListActionItem.module.less\";\n\nexport interface IListActionItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n    /**\n     * Пропсы интерактивного слоя (ListItemContent). Все обработчики (onClick, onKeyDown и т.д.)\n     * нужно передавать сюда, а не на сам ListActionItem — пропсы контейнера уходят на корневой <li>,\n     * который не является интерактивным элементом.\n     */\n    listItemContentProps?: React.HTMLAttributes<HTMLDivElement>;\n}\n\n/** Интерактивная обёртка над элементом списка. */\nexport const ListActionItem = React.forwardRef<HTMLDivElement, IListActionItemProps>(\n    ({ children, listItemContentProps = {}, ...rest }, ref) => {\n        const { className, onKeyDown, ...restListItemContentProps } = listItemContentProps;\n\n        const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n            onKeyDown?.(event);\n\n            if (event.defaultPrevented) {\n                return;\n            }\n\n            if (isKey(event.code, \"ENTER\") || isKey(event.code, \"SPACE\")) {\n                event.preventDefault();\n                event.currentTarget.click();\n            }\n        };\n\n        return (\n            <ListItem {...rest}>\n                <ListItemContent\n                    className={clsx(styles.listActionItem, className)}\n                    tabIndex={0}\n                    role=\"button\"\n                    onKeyDown={handleKeyDown}\n                    {...restListItemContentProps}\n                    ref={ref}\n                >\n                    {children}\n                </ListItemContent>\n            </ListItem>\n        );\n    },\n);\n\nListActionItem.displayName = \"ListActionItem\";\n"],"names":["React"],"mappings":";;;;;;;;;;AAiBO,MAAM,iBAAiBA,eAAM;AAAA,EAChC,CAAC,EAAE,UAAU,uBAAuB,CAAA,GAAI,GAAG,KAAA,GAAQ,QAAQ;AACvD,UAAM,EAAE,WAAW,WAAW,GAAG,6BAA6B;AAE9D,UAAM,gBAAgB,CAAC,UAA+C;AAClE,6CAAY;AAEZ,UAAI,MAAM,kBAAkB;AACxB;AAAA,MACJ;AAEA,UAAI,MAAM,MAAM,MAAM,OAAO,KAAK,MAAM,MAAM,MAAM,OAAO,GAAG;AAC1D,cAAM,eAAA;AACN,cAAM,cAAc,MAAA;AAAA,MACxB;AAAA,IACJ;AAEA,WACI,oBAAC,UAAA,EAAU,GAAG,MACV,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,gBAAgB,SAAS;AAAA,QAChD,UAAU;AAAA,QACV,MAAK;AAAA,QACL,WAAW;AAAA,QACV,GAAG;AAAA,QACJ;AAAA,QAEC;AAAA,MAAA;AAAA,IAAA,GAET;AAAA,EAER;AACJ;AAEA,eAAe,cAAc;"}

package/components/List/components/ListEmptyState.js

@@ -1,7 +1,7 @@
 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__4a4dc10e";
+const listEmptyState = "listEmptyState__c2dbf2a6";
 const styles = {
   listEmptyState
 };

package/components/List/components/ListItem.js

@@ -4,7 +4,7 @@ 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.37.0", ref, children }) });
+  return /* @__PURE__ */ jsx(ListItemContext.Provider, { value: { selected, setSelected, selectable, setSelectable }, children: /* @__PURE__ */ jsx("li", { className, ...rest, "data-tx": "1.38.0", ref, children }) });
 });
 ListItem.displayName = "ListItem";
 export {

package/components/List/components/ListItemContent.js

@@ -2,9 +2,9 @@ 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__6e3010ec";
-const selected = "selected__366f4c7e";
-const selectable = "selectable__6b9c171d";
+const listItemContent = "listItemContent__5ebafffd";
+const selected = "selected__285e93e7";
+const selectable = "selectable__93f6c4be";
 const styles = {
   listItemContent,
   selected,
@@ -22,7 +22,7 @@ const ListItemContent = React__default.forwardRef(
           className
         ),
         ...rest,
-        "data-tx": "1.37.0",
+        "data-tx": "1.38.0",
         ref,
         children
       }

package/components/List/components/ListItemControls.js

@@ -1,7 +1,7 @@
 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__cbf0b58c";
+const listItemControls = "listItemControls__d28632fb";
 const styles = {
   listItemControls
 };

package/components/List/components/ListItemControlsButton.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../chunks/vendor-Bco_z_Yi.js";
-import { L } from "../../../chunks/ListItemControlsButton-GPMeEvPg.js";
+import { L } from "../../../chunks/ListItemControlsButton-xLk41F4G.js";
 import "../../Typography/enums.js";
 import "../../Typography/Text.js";
 import "../../IconWrapper/IconWrapper.js";

package/components/List/components/ListItemControlsButtonDropdown.js

@@ -18,7 +18,7 @@ import { DropdownMobileListItem } from "../../Dropdown/mobile/DropdownMobileList
 import "../../Loader/LoaderSmall/LoaderSmall.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { DropdownList } from "../../Dropdown/desktop/DropdownList.js";
-import { s as styles, L as ListItemControlsButton } from "../../../chunks/ListItemControlsButton-GPMeEvPg.js";
+import { s as styles, L as ListItemControlsButton } from "../../../chunks/ListItemControlsButton-xLk41F4G.js";
 import { setForwardedRef } from "../utils.js";
 const ListItemControlsButtonDropdown = React__default.forwardRef(
   (props, ref) => {

package/components/List/components/ListItemLoading.js

@@ -5,7 +5,7 @@ import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { LoaderSmall } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-const listItemLoading = "listItemLoading__208b1d1f";
+const listItemLoading = "listItemLoading__143326d5";
 const styles = {
   listItemLoading
 };

package/components/List/components/ListItemSelectable.js

@@ -3,12 +3,12 @@ import React__default, { useContext, useEffect } from "react";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
 import { Checkbox } from "../../Checkbox/Checkbox.js";
 import { ListItemContext } from "./ListItemContext.js";
-const listItemSelectable = "listItemSelectable__a7074aa7";
-const selected = "selected__366f4c7e";
-const checkboxWrapper = "checkboxWrapper__5d72520c";
-const childrenWrapper = "childrenWrapper__97731864";
-const checkboxLabel = "checkboxLabel__48589a8e";
-const checkboxLabelClickArea = "checkboxLabelClickArea__85c5a5b6";
+const listItemSelectable = "listItemSelectable__ecf22287";
+const selected = "selected__285e93e7";
+const checkboxWrapper = "checkboxWrapper__7d4dafa8";
+const childrenWrapper = "childrenWrapper__4f56cc40";
+const checkboxLabel = "checkboxLabel__898a7321";
+const checkboxLabelClickArea = "checkboxLabelClickArea__64e4b7d7";
 const styles = {
   listItemSelectable,
   selected,

package/components/List/components/ListItemTailLeft.js

@@ -1,7 +1,7 @@
 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/ListItemTail.module-CxYWi3hU.js";
+import { s as styles } from "../../../chunks/ListItemTail.module-CTCT4Ip2.js";
 const ListItemTailLeft = React__default.forwardRef(
   ({ className, ...rest }, ref) => /* @__PURE__ */ jsxs("span", { className: clsx(styles.listItemTail, styles.listItemTailLeft, className), ref, ...rest, children: [
     /* @__PURE__ */ jsx("span", { className: styles.listItemTailLine }),

package/components/List/components/ListItemTailRight.js

@@ -1,7 +1,7 @@
 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/ListItemTail.module-CxYWi3hU.js";
+import { s as styles } from "../../../chunks/ListItemTail.module-CTCT4Ip2.js";
 const ListItemTailRight = React__default.forwardRef(
   ({ className, ...rest }, ref) => /* @__PURE__ */ jsxs("span", { className: clsx(styles.listItemTail, styles.listItemTailRight, className), ref, ...rest, children: [
     /* @__PURE__ */ jsx("span", { className: styles.listItemTailLine }),

package/components/List/components/ListSortableItem.js

@@ -4,8 +4,8 @@ import { q as useSortable, s as CSS, c as clsx } from "../../../chunks/vendor-Bc
 import { ListItem } from "./ListItem.js";
 import { setForwardedRef } from "../utils.js";
 import { ListSortableItemTarget } from "./ListSortableItemTarget.js";
-const listSortableItem = "listSortableItem__1b607fc2";
-const dragging = "dragging__dffaf7cd";
+const listSortableItem = "listSortableItem__92bea91c";
+const dragging = "dragging__d016f7c6";
 const styles = {
   listSortableItem,
   dragging

package/components/List/components/ListSortableItemControls.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-const listSortableItemControls = "listSortableItemControls__c049600b";
+const listSortableItemControls = "listSortableItemControls__5a059ff1";
 const styles = {
   listSortableItemControls
 };

package/components/List/components/ListSortableItemTarget.js

@@ -2,10 +2,10 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { DragdotsStrokeSrvIcon24 } from "@sberbusiness/icons-next";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-const listSortableItemTarget = "listSortableItemTarget__652abe11";
-const dragging = "dragging__dffaf7cd";
-const listSortableItemTargetContent = "listSortableItemTargetContent__6d974498";
-const listSortableItemTargetIcon = "listSortableItemTargetIcon__9c8a4ac1";
+const listSortableItemTarget = "listSortableItemTarget__83526cfe";
+const dragging = "dragging__d016f7c6";
+const listSortableItemTargetContent = "listSortableItemTargetContent__810b2beb";
+const listSortableItemTargetIcon = "listSortableItemTargetIcon__cf394af7";
 const styles = {
   listSortableItemTarget,
   dragging,

package/components/List/components/{ListItemTable.js → ListTableItem.js}

@@ -7,19 +7,19 @@ import { ListItemControls } from "./ListItemControls.js";
 import { ListItemSelectable } from "./ListItemSelectable.js";
 import { ListItemTailRight } from "./ListItemTailRight.js";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-const listItemTable = "listItemTable__630d292f";
-const swipeableArea = "swipeableArea__bea7d791";
-const content = "content__efddbddc";
+const listTableItem = "listTableItem__f2d8aaf6";
+const swipeableArea = "swipeableArea__db4e16aa";
+const content = "content__e160a807";
 const styles = {
-  listItemTable,
+  listTableItem,
   swipeableArea,
   content
 };
-const ListItemTable = React__default.forwardRef(
+const ListTableItem = React__default.forwardRef(
   ({ children, className, controlButtons, onClickItem, onSelect, selected, swipeableAreaRef, ...rest }, ref) => {
     const selectable = typeof onSelect !== "undefined" && typeof selected !== "undefined";
     const renderContent = () => /* @__PURE__ */ jsx(ListItemContent, { className: styles.content, onClick: onClickItem, children });
-    return /* @__PURE__ */ jsx(ListItem, { className: clsx(styles.listItemTable, className), ...rest, ref, children: /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx(ListItem, { className: clsx(styles.listTableItem, className), ...rest, ref, children: /* @__PURE__ */ jsxs(
       SwipeableArea,
       {
         className: styles.swipeableArea,
@@ -33,8 +33,8 @@ const ListItemTable = React__default.forwardRef(
     ) });
   }
 );
-ListItemTable.displayName = "ListItemTable";
+ListTableItem.displayName = "ListTableItem";
 export {
-  ListItemTable
+  ListTableItem
 };
-//# sourceMappingURL=ListItemTable.js.map
+//# sourceMappingURL=ListTableItem.js.map

package/components/List/components/{ListItemTable.js.map → ListTableItem.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ListItemTable.js","sources":["../../../../src/components/List/components/ListItemTable.tsx"],"sourcesContent":["import React from \"react\";\nimport { ISwipeableAreaRef, SwipeableArea } from \"@sberbusiness/triplex-next/components/SwipeableArea/SwipeableArea\";\nimport { IListItemProps, ListItem } from \"@sberbusiness/triplex-next/components/List/components/ListItem\";\nimport { ListItemContent } from \"@sberbusiness/triplex-next/components/List/components/ListItemContent\";\nimport { ListItemControls } from \"@sberbusiness/triplex-next/components/List/components/ListItemControls\";\nimport { ListItemSelectable } from \"@sberbusiness/triplex-next/components/List/components/ListItemSelectable\";\nimport { ListItemTailRight } from \"@sberbusiness/triplex-next/components/List/components/ListItemTailRight\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/ListItemTable.module.less\";\n\nexport interface IListItemTableSelectableProps extends Omit<IListItemTableProps, \"selected\" | \"onSelect\"> {\n    /** Обработчик изменения флага selected. */\n    onSelect: (selected: boolean) => void;\n    /** Флаг состояния selected. */\n    selected: boolean;\n}\n\nexport interface IListItemTableProps extends Omit<IListItemProps, \"onSelect\"> {\n    /** Кнопки действий - <ListItemControlsButton ... /> */\n    controlButtons?: React.ReactNode;\n    /** Обработчик клика по контенту элемента списка. Событие onClick передается на контейнер контента. */\n    onClickItem?: (event: React.MouseEvent<HTMLDivElement>) => void;\n    /** Обработчик изменения флага selected. */\n    onSelect?: never;\n    /** Флаг состояния selected. */\n    selected?: never;\n    /** Ref компонента SwipeableArea. */\n    swipeableAreaRef?: React.Ref<ISwipeableAreaRef>;\n}\n\n/** Элемент списка, для отображения табличных данных. */\nexport const ListItemTable = React.forwardRef<HTMLLIElement, IListItemTableProps | IListItemTableSelectableProps>(\n    ({ children, className, controlButtons, onClickItem, onSelect, selected, swipeableAreaRef, ...rest }, ref) => {\n        const selectable = typeof onSelect !== \"undefined\" && typeof selected !== \"undefined\";\n\n        const renderContent = () => (\n            <ListItemContent className={styles.content} onClick={onClickItem}>\n                {children}\n            </ListItemContent>\n        );\n\n        return (\n            <ListItem className={clsx(styles.listItemTable, className)} {...rest} ref={ref}>\n                <SwipeableArea\n                    className={styles.swipeableArea}\n                    ref={swipeableAreaRef}\n                    rightSwipeableArea={\n                        controlButtons ? <ListItemControls>{controlButtons}</ListItemControls> : undefined\n                    }\n                >\n                    <ListItemTailRight />\n\n                    {selectable ? (\n                        <ListItemSelectable selected={selected} onSelect={onSelect}>\n                            {renderContent()}\n                        </ListItemSelectable>\n                    ) : (\n                        renderContent()\n                    )}\n                </SwipeableArea>\n            </ListItem>\n        );\n    },\n);\n\nListItemTable.displayName = \"ListItemTable\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;AA+BO,MAAM,gBAAgBA,eAAM;AAAA,EAC/B,CAAC,EAAE,UAAU,WAAW,gBAAgB,aAAa,UAAU,UAAU,kBAAkB,GAAG,KAAA,GAAQ,QAAQ;AAC1G,UAAM,aAAa,OAAO,aAAa,eAAe,OAAO,aAAa;AAE1E,UAAM,gBAAgB,MAClB,oBAAC,iBAAA,EAAgB,WAAW,OAAO,SAAS,SAAS,aAChD,SAAA,CACL;AAGJ,WACI,oBAAC,UAAA,EAAS,WAAW,KAAK,OAAO,eAAe,SAAS,GAAI,GAAG,MAAM,KAClE,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,OAAO;AAAA,QAClB,KAAK;AAAA,QACL,oBACI,iBAAiB,oBAAC,kBAAA,EAAkB,0BAAe,IAAsB;AAAA,QAG7E,UAAA;AAAA,UAAA,oBAAC,mBAAA,EAAkB;AAAA,UAElB,iCACI,oBAAA,EAAmB,UAAoB,UACnC,UAAA,gBAAc,CACnB,IAEA,cAAA;AAAA,QAAc;AAAA,MAAA;AAAA,IAAA,GAG1B;AAAA,EAER;AACJ;AAEA,cAAc,cAAc;"}
+{"version":3,"file":"ListTableItem.js","sources":["../../../../src/components/List/components/ListTableItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { ISwipeableAreaRef, SwipeableArea } from \"@sberbusiness/triplex-next/components/SwipeableArea/SwipeableArea\";\nimport { IListItemProps, ListItem } from \"@sberbusiness/triplex-next/components/List/components/ListItem\";\nimport { ListItemContent } from \"@sberbusiness/triplex-next/components/List/components/ListItemContent\";\nimport { ListItemControls } from \"@sberbusiness/triplex-next/components/List/components/ListItemControls\";\nimport { ListItemSelectable } from \"@sberbusiness/triplex-next/components/List/components/ListItemSelectable\";\nimport { ListItemTailRight } from \"@sberbusiness/triplex-next/components/List/components/ListItemTailRight\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/ListTableItem.module.less\";\n\nexport interface IListTableItemSelectableProps extends Omit<IListTableItemProps, \"selected\" | \"onSelect\"> {\n    /** Обработчик изменения флага selected. */\n    onSelect: (selected: boolean) => void;\n    /** Флаг состояния selected. */\n    selected: boolean;\n}\n\nexport interface IListTableItemProps extends Omit<IListItemProps, \"onSelect\"> {\n    /** Кнопки действий - <ListItemControlsButton ... /> */\n    controlButtons?: React.ReactNode;\n    /** Обработчик клика по контенту элемента списка. Событие onClick передается на контейнер контента. */\n    onClickItem?: (event: React.MouseEvent<HTMLDivElement>) => void;\n    /** Обработчик изменения флага selected. */\n    onSelect?: never;\n    /** Флаг состояния selected. */\n    selected?: never;\n    /** Ref компонента SwipeableArea. */\n    swipeableAreaRef?: React.Ref<ISwipeableAreaRef>;\n}\n\n/** Элемент списка, для отображения табличных данных. */\nexport const ListTableItem = React.forwardRef<HTMLLIElement, IListTableItemProps | IListTableItemSelectableProps>(\n    ({ children, className, controlButtons, onClickItem, onSelect, selected, swipeableAreaRef, ...rest }, ref) => {\n        const selectable = typeof onSelect !== \"undefined\" && typeof selected !== \"undefined\";\n\n        const renderContent = () => (\n            <ListItemContent className={styles.content} onClick={onClickItem}>\n                {children}\n            </ListItemContent>\n        );\n\n        return (\n            <ListItem className={clsx(styles.listTableItem, className)} {...rest} ref={ref}>\n                <SwipeableArea\n                    className={styles.swipeableArea}\n                    ref={swipeableAreaRef}\n                    rightSwipeableArea={\n                        controlButtons ? <ListItemControls>{controlButtons}</ListItemControls> : undefined\n                    }\n                >\n                    <ListItemTailRight />\n\n                    {selectable ? (\n                        <ListItemSelectable selected={selected} onSelect={onSelect}>\n                            {renderContent()}\n                        </ListItemSelectable>\n                    ) : (\n                        renderContent()\n                    )}\n                </SwipeableArea>\n            </ListItem>\n        );\n    },\n);\n\nListTableItem.displayName = \"ListTableItem\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;AA+BO,MAAM,gBAAgBA,eAAM;AAAA,EAC/B,CAAC,EAAE,UAAU,WAAW,gBAAgB,aAAa,UAAU,UAAU,kBAAkB,GAAG,KAAA,GAAQ,QAAQ;AAC1G,UAAM,aAAa,OAAO,aAAa,eAAe,OAAO,aAAa;AAE1E,UAAM,gBAAgB,MAClB,oBAAC,iBAAA,EAAgB,WAAW,OAAO,SAAS,SAAS,aAChD,SAAA,CACL;AAGJ,WACI,oBAAC,UAAA,EAAS,WAAW,KAAK,OAAO,eAAe,SAAS,GAAI,GAAG,MAAM,KAClE,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,OAAO;AAAA,QAClB,KAAK;AAAA,QACL,oBACI,iBAAiB,oBAAC,kBAAA,EAAkB,0BAAe,IAAsB;AAAA,QAG7E,UAAA;AAAA,UAAA,oBAAC,mBAAA,EAAkB;AAAA,UAElB,iCACI,oBAAA,EAAmB,UAAoB,UACnC,UAAA,gBAAc,CACnB,IAEA,cAAA;AAAA,QAAc;AAAA,MAAA;AAAA,IAAA,GAG1B;AAAA,EAER;AACJ;AAEA,cAAc,cAAc;"}

package/components/List/index.js

@@ -3,12 +3,13 @@ import { AdvancedMouseSensor, AdvancedTouchSensor, ListSortable } from "./ListSo
 import { ListItem } from "./components/ListItem.js";
 import { ListItemControls } from "./components/ListItemControls.js";
 import { ListItemContent } from "./components/ListItemContent.js";
-import { L } from "../../chunks/ListItemControlsButton-GPMeEvPg.js";
+import { ListActionItem } from "./components/ListActionItem.js";
+import { L } from "../../chunks/ListItemControlsButton-xLk41F4G.js";
 import { ListItemControlsButtonDropdown } from "./components/ListItemControlsButtonDropdown.js";
 import { ListEmptyState } from "./components/ListEmptyState.js";
 import { ListItemLoading } from "./components/ListItemLoading.js";
 import { ListItemSelectable } from "./components/ListItemSelectable.js";
-import { ListItemTable } from "./components/ListItemTable.js";
+import { ListTableItem } from "./components/ListTableItem.js";
 import { ListItemTailLeft } from "./components/ListItemTailLeft.js";
 import { ListItemTailRight } from "./components/ListItemTailRight.js";
 import { ListSortableItem } from "./components/ListSortableItem.js";
@@ -18,6 +19,7 @@ export {
   AdvancedMouseSensor,
   AdvancedTouchSensor,
   List,
+  ListActionItem,
   ListEmptyState,
   ListItem,
   ListItemContent,
@@ -26,12 +28,12 @@ export {
   ListItemControlsButtonDropdown,
   ListItemLoading,
   ListItemSelectable,
-  ListItemTable,
   ListItemTailLeft,
   ListItemTailRight,
   ListSortable,
   ListSortableItem,
   ListSortableItemControls,
-  ListSortableItemTarget
+  ListSortableItemTarget,
+  ListTableItem
 };
 //# sourceMappingURL=index.js.map

package/components/List/index.js.map

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

package/components/ListMaster/ListMaster.js

@@ -9,7 +9,7 @@ import { ListMasterFooterControls } from "./components/ListMasterFooterControls.
 import { ListMasterFooterDescription } from "./components/ListMasterFooterDescription.js";
 const ListMaster = Object.assign(
   React__default.forwardRef(function ListMaster2({ children, className, ...rest }, ref) {
-    return /* @__PURE__ */ jsx("div", { className, ...rest, "data-tx": "1.37.0", ref, children });
+    return /* @__PURE__ */ jsx("div", { className, ...rest, "data-tx": "1.38.0", ref, children });
   }),
   {
     Body: ListMasterBody,

package/components/ListMaster/components/ListMasterBody.js

@@ -6,7 +6,7 @@ const ListMasterBody = React__default.forwardRef(
     {
       className,
       ...rest,
-      "data-tx": "1.37.0",
+      "data-tx": "1.38.0",
       ref,
       children
     }

package/components/ListMaster/components/ListMasterChipGroup.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { ChipGroup } from "../../ChipGroup/ChipGroup.js";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-const listMasterChipGroup = "listMasterChipGroup__432a4fb5";
+const listMasterChipGroup = "listMasterChipGroup__6bebcfbf";
 const styles = {
   listMasterChipGroup
 };

package/components/ListMaster/components/ListMasterFooter.js

@@ -1,7 +1,7 @@
 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/ListMasterFooter.module-D4cCrnyv.js";
+import { s as styles } from "../../../chunks/ListMasterFooter.module-5PZkmDVy.js";
 const ListMasterFooter = React__default.forwardRef(
   ({ children, className, sticky = true, ...rest }, ref) => /* @__PURE__ */ jsx(
     "div",

package/components/ListMaster/components/ListMasterFooterControls.js

@@ -1,7 +1,7 @@
 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/ListMasterFooter.module-D4cCrnyv.js";
+import { s as styles } from "../../../chunks/ListMasterFooter.module-5PZkmDVy.js";
 const ListMasterFooterControls = React__default.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.listMasterFooterControls, className), ...rest, ref, children })
 );

package/components/ListMaster/components/ListMasterFooterDescription.js

@@ -1,7 +1,7 @@
 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/ListMasterFooter.module-D4cCrnyv.js";
+import { s as styles } from "../../../chunks/ListMasterFooter.module-5PZkmDVy.js";
 const ListMasterFooterDescription = React__default.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.listMasterFooterDescription, className), ...rest, ref, children })
 );

package/components/ListMaster/components/ListMasterHeader.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useRef, useEffect } from "react";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-const listMasterHeader = "listMasterHeader__8c87317f";
-const sticky = "sticky__42ae1f9e";
+const listMasterHeader = "listMasterHeader__0fe90082";
+const sticky = "sticky__6b0ded5d";
 const styles = {
   listMasterHeader,
   sticky

package/components/ListMaster/components/SelectionControls.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-const selectionControls = "selectionControls__9bb6dd77";
+const selectionControls = "selectionControls__8e178222";
 const styles = {
   selectionControls
 };
@@ -11,7 +11,7 @@ const SelectionControls = React__default.forwardRef(
     {
       className: clsx(styles.selectionControls, className),
       ...rest,
-      "data-tx": "1.37.0",
+      "data-tx": "1.38.0",
       ref,
       children
     }

package/components/Loader/LoaderMiddle/LoaderMiddle.js

@@ -1,13 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-const loaderMiddle = "loaderMiddle__6f0ee7c7";
-const loaderMiddleDots = "loaderMiddleDots__69ca49c1";
-const dot = "dot__118a3193";
-const dot1 = "dot1__d8bc0a70";
-const dot2 = "dot2__83528c39";
-const dot3 = "dot3__65af3c26";
-const dot4 = "dot4__28a53618";
-const line = "line__a7200aed";
+const loaderMiddle = "loaderMiddle__e414bf1d";
+const loaderMiddleDots = "loaderMiddleDots__7ec2c2ac";
+const dot = "dot__b3d6213b";
+const dot1 = "dot1__77e5fa39";
+const dot2 = "dot2__427af554";
+const dot3 = "dot3__3d0ed709";
+const dot4 = "dot4__e0d336e2";
+const line = "line__946ce674";
 const styles = {
   loaderMiddle,
   loaderMiddleDots,

package/components/Loader/LoaderSmall/LoaderSmall.js

@@ -2,16 +2,16 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
 import { ELoaderSmallTheme } from "./enum.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-const loaderSmall = "loaderSmall__0358aca2";
-const sm = "sm__ae381ecb";
-const dot = "dot__118a3193";
-const md = "md__d77ee4f9";
-const lg = "lg__7036c5e9";
-const neutral = "neutral__7f65f268";
-const brand = "brand__c0a1b309";
-const dot1 = "dot1__d8bc0a70";
-const dot2 = "dot2__83528c39";
-const dot3 = "dot3__65af3c26";
+const loaderSmall = "loaderSmall__4e4cec03";
+const sm = "sm__2fb7ce9c";
+const dot = "dot__b3d6213b";
+const md = "md__476b9544";
+const lg = "lg__b2b525f1";
+const neutral = "neutral__8ae1df7f";
+const brand = "brand__cd67899a";
+const dot1 = "dot1__77e5fa39";
+const dot2 = "dot2__427af554";
+const dot3 = "dot3__3d0ed709";
 const styles = {
   loaderSmall,
   sm,

package/components/LoaderScreen/LoaderScreen.js

@@ -11,11 +11,11 @@ import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-const loaderScreen = "loaderScreen__2d67738c";
-const loaderSmallBackdrop = "loaderSmallBackdrop__49b8c9b1";
-const loaderMiddleBackdrop = "loaderMiddleBackdrop__d44a28f7";
-const loaderContent = "loaderContent__0304fd91";
-const description = "description__79290d3a";
+const loaderScreen = "loaderScreen__4ca6b4d9";
+const loaderSmallBackdrop = "loaderSmallBackdrop__e021d3df";
+const loaderMiddleBackdrop = "loaderMiddleBackdrop__22dbe733";
+const loaderContent = "loaderContent__49f6bce8";
+const description = "description__887446e8";
 const styles = {
   loaderScreen,
   loaderSmallBackdrop,

package/components/Marker/Marker.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
-import { a as styles, s as statusToClassNameMap } from "../../chunks/utils-D8gXCvFG.js";
+import { a as styles, s as statusToClassNameMap } from "../../chunks/utils-Bs1RRAwM.js";
 import { Badge } from "../Badge/Badge.js";
 import "./enums.js";
 const Marker = ({ className, status, ...rest }) => /* @__PURE__ */ jsx(Badge.Dot, { className: clsx(styles.marker, statusToClassNameMap[status], className), ...rest });

package/components/Marker/utils.js

@@ -1,5 +1,5 @@
 import "./enums.js";
-import { s } from "../../chunks/utils-D8gXCvFG.js";
+import { s } from "../../chunks/utils-Bs1RRAwM.js";
 export {
   s as statusToClassNameMap
 };

package/components/MarkerStatus/MarkerStatus.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { Marker } from "../Marker/Marker.js";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
-import { s as statusToClassNameMap } from "../../chunks/utils-D8gXCvFG.js";
+import { s as statusToClassNameMap } from "../../chunks/utils-Bs1RRAwM.js";
 import { ETextSize, EFontType, ECaptionSize } from "../Typography/enums.js";
 import { Caption } from "../Typography/Caption.js";
 import "../Typography/CodeText.js";
@@ -10,11 +10,11 @@ import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const markerStatus = "markerStatus__70824032";
-const contentContainer = "contentContainer__9affb1eb";
-const md = "md__5572b7ee";
-const markerContainer = "markerContainer__a0ab349b";
-const lg = "lg__6768b5cb";
+const markerStatus = "markerStatus__0cf5e064";
+const contentContainer = "contentContainer__e26d9620";
+const md = "md__6e766ff4";
+const markerContainer = "markerContainer__f0521961";
+const lg = "lg__361581d2";
 const styles = {
   markerStatus,
   contentContainer,
@@ -30,7 +30,7 @@ const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const MarkerStatus = React__default.forwardRef(
   ({ children, className, description, status, size = EComponentSize.MD, ...restProps }, ref) => {
     const classNames = clsx(styles.markerStatus, sizeToClassNameMap[size], statusToClassNameMap[status], className);
-    return /* @__PURE__ */ jsxs("div", { className: classNames, "data-tx": "1.37.0", ...restProps, ref, children: [
+    return /* @__PURE__ */ jsxs("div", { className: classNames, "data-tx": "1.38.0", ...restProps, ref, children: [
       /* @__PURE__ */ jsx("div", { className: styles.markerContainer, children: /* @__PURE__ */ jsx(Marker, { status, size }) }),
       /* @__PURE__ */ jsxs("div", { className: styles.contentContainer, children: [
         /* @__PURE__ */ jsx(Text, { size: markerStatusSizeToTextSizeMap[size], children }),