@sberbusiness/triplex-next 0.37.0 → 0.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__219bb71e";
+const lightBoxSideOverlayLoaderWrapper = "lightBoxSideOverlayLoaderWrapper__078d0417";
 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-BtZO8a0z.js";
-const lightBoxLeftSidebar = "lightBoxLeftSidebar__83ff4968";
-const fixed = "fixed__d0b90922";
-const hidden = "hidden__bba23518";
+const lightBoxLeftSidebar = "lightBoxLeftSidebar__eed900c9";
+const fixed = "fixed__d331b0c3";
+const hidden = "hidden__71aac287";
 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-BtZO8a0z.js";
-const lightBoxRightSidebar = "lightBoxRightSidebar__86077510";
-const fixed = "fixed__d0b90922";
-const hidden = "hidden__bba23518";
+const lightBoxRightSidebar = "lightBoxRightSidebar__768f9c09";
+const fixed = "fixed__d331b0c3";
+const hidden = "hidden__71aac287";
 const styles = {
   lightBoxRightSidebar,
   fixed,

package/components/Link/Link.js

@@ -3,10 +3,10 @@ import React from "react";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { getSafeRel } from "../../utils/html/anchorSecurity.js";
 import { IconWrapper } from "../IconWrapper/IconWrapper.js";
-const link = "link__909b6cd6";
-const wordWithContent = "wordWithContent__d2eb07c8";
-const before = "before__4906ad95";
-const after = "after__bc275db0";
+const link = "link__693db2a2";
+const wordWithContent = "wordWithContent__3aebbbcb";
+const before = "before__ce5fc725";
+const after = "after__de8edf58";
 const styles = {
   link,
   wordWithContent,
@@ -79,7 +79,7 @@ const Link = React.forwardRef(
         className: clsx(className, styles.link),
         onBlur,
         onMouseDown,
-        "data-tx": "0.37.0",
+        "data-tx": "0.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 from "react";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { LoaderScreen } from "../LoaderScreen/LoaderScreen.js";
-const list = "list__cfee0587";
-const listLoaderScreen = "listLoaderScreen__c45dc262";
+const list = "list__7d0e031b";
+const listLoaderScreen = "listLoaderScreen__c39f8ba5";
 const styles = {
   list,
   listLoaderScreen
 };
-const List = React.forwardRef(({ children, className, loading, ...rest }, ref) => /* @__PURE__ */ jsxs("ul", { className: clsx(styles.list, className), ...rest, "data-tx": "0.37.0", ref, children: [
+const List = React.forwardRef(({ children, className, loading, ...rest }, ref) => /* @__PURE__ */ jsxs("ul", { className: clsx(styles.list, className), ...rest, "data-tx": "0.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 from "react";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
+import { isKey } from "../../../utils/keyboard.js";
+import { ListItem } from "./ListItem.js";
+import { ListItemContent } from "./ListItemContent.js";
+const listActionItem = "listActionItem__0dbfbc99";
+const styles = {
+  listActionItem
+};
+const ListActionItem = React.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":[],"mappings":";;;;;;;;;;AAiBO,MAAM,iBAAiB,MAAM;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 from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-const listEmptyState = "listEmptyState__bc4bce2a";
+const listEmptyState = "listEmptyState__344e5584";
 const styles = {
   listEmptyState
 };

package/components/List/components/ListItem.js

@@ -4,7 +4,7 @@ import { ListItemContext } from "./ListItemContext.js";
 const ListItem = React.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": "0.37.0", ref, children }) });
+  return /* @__PURE__ */ jsx(ListItemContext.Provider, { value: { selected, setSelected, selectable, setSelectable }, children: /* @__PURE__ */ jsx("li", { className, ...rest, "data-tx": "0.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, { useContext } from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { ListItemContext } from "./ListItemContext.js";
-const listItemContent = "listItemContent__2eb5a445";
-const selected = "selected__6284f7c0";
-const selectable = "selectable__3213f39f";
+const listItemContent = "listItemContent__7ccd793c";
+const selected = "selected__43346ccf";
+const selectable = "selectable__fc300529";
 const styles = {
   listItemContent,
   selected,
@@ -22,7 +22,7 @@ const ListItemContent = React.forwardRef(
           className
         ),
         ...rest,
-        "data-tx": "0.37.0",
+        "data-tx": "0.38.0",
         ref,
         children
       }

package/components/List/components/ListItemControls.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-const listItemControls = "listItemControls__07adac37";
+const listItemControls = "listItemControls__3df4eaa5";
 const styles = {
   listItemControls
 };

package/components/List/components/ListItemControlsButton.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../chunks/vendor-BtZO8a0z.js";
-import { L } from "../../../chunks/ListItemControlsButton-y8aHAdNp.js";
+import { L } from "../../../chunks/ListItemControlsButton-BNvP_Mz0.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-y8aHAdNp.js";
+import { s as styles, L as ListItemControlsButton } from "../../../chunks/ListItemControlsButton-BNvP_Mz0.js";
 import { setForwardedRef } from "../utils.js";
 const ListItemControlsButtonDropdown = React.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__5e650285";
+const listItemLoading = "listItemLoading__c6b7348b";
 const styles = {
   listItemLoading
 };

package/components/List/components/ListItemSelectable.js

@@ -3,12 +3,12 @@ import React, { useContext, useEffect } from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { Checkbox } from "../../Checkbox/Checkbox.js";
 import { ListItemContext } from "./ListItemContext.js";
-const listItemSelectable = "listItemSelectable__bb87df79";
-const selected = "selected__6284f7c0";
-const checkboxWrapper = "checkboxWrapper__925d58de";
-const childrenWrapper = "childrenWrapper__570c2392";
-const checkboxLabel = "checkboxLabel__96271d57";
-const checkboxLabelClickArea = "checkboxLabelClickArea__66100c77";
+const listItemSelectable = "listItemSelectable__8a5ba912";
+const selected = "selected__43346ccf";
+const checkboxWrapper = "checkboxWrapper__1e36ec2c";
+const childrenWrapper = "childrenWrapper__98368c13";
+const checkboxLabel = "checkboxLabel__0e8b16fd";
+const checkboxLabelClickArea = "checkboxLabelClickArea__c910ae9b";
 const styles = {
   listItemSelectable,
   selected,

package/components/List/components/ListItemTailLeft.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/ListItemTail.module-DLJTWkN5.js";
+import { s as styles } from "../../../chunks/ListItemTail.module-DfBFMdiL.js";
 const ListItemTailLeft = React.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 from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/ListItemTail.module-DLJTWkN5.js";
+import { s as styles } from "../../../chunks/ListItemTail.module-DfBFMdiL.js";
 const ListItemTailRight = React.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 { o as useSortable, q as CSS, c as clsx } from "../../../chunks/vendor-Bt
 import { ListItem } from "./ListItem.js";
 import { setForwardedRef } from "../utils.js";
 import { ListSortableItemTarget } from "./ListSortableItemTarget.js";
-const listSortableItem = "listSortableItem__c82715b4";
-const dragging = "dragging__552e5a35";
+const listSortableItem = "listSortableItem__d0fe158d";
+const dragging = "dragging__9fd79a38";
 const styles = {
   listSortableItem,
   dragging

package/components/List/components/ListSortableItemControls.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-const listSortableItemControls = "listSortableItemControls__6fab09bd";
+const listSortableItemControls = "listSortableItemControls__e2f2c135";
 const styles = {
   listSortableItemControls
 };

package/components/List/components/ListSortableItemTarget.js

@@ -2,10 +2,10 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React from "react";
 import { DragdotsStrokeSrvIcon24 } from "@sberbusiness/icons-next";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-const listSortableItemTarget = "listSortableItemTarget__201c7534";
-const dragging = "dragging__552e5a35";
-const listSortableItemTargetContent = "listSortableItemTargetContent__24ed79d7";
-const listSortableItemTargetIcon = "listSortableItemTargetIcon__41dc0efd";
+const listSortableItemTarget = "listSortableItemTarget__0640b72e";
+const dragging = "dragging__9fd79a38";
+const listSortableItemTargetContent = "listSortableItemTargetContent__dba53278";
+const listSortableItemTargetIcon = "listSortableItemTargetIcon__a19909ec";
 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-BtZO8a0z.js";
-const listItemTable = "listItemTable__e084530e";
-const swipeableArea = "swipeableArea__b005c9ea";
-const content = "content__fbb9d8b4";
+const listTableItem = "listTableItem__3e90a383";
+const swipeableArea = "swipeableArea__5367f05c";
+const content = "content__47053964";
 const styles = {
-  listItemTable,
+  listTableItem,
   swipeableArea,
   content
 };
-const ListItemTable = React.forwardRef(
+const ListTableItem = React.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.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":[],"mappings":";;;;;;;;;;;;;;;;;AA+BO,MAAM,gBAAgB,MAAM;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":[],"mappings":";;;;;;;;;;;;;;;;;AA+BO,MAAM,gBAAgB,MAAM;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-y8aHAdNp.js";
+import { ListActionItem } from "./components/ListActionItem.js";
+import { L } from "../../chunks/ListItemControlsButton-BNvP_Mz0.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.forwardRef(function ListMaster2({ children, className, ...rest }, ref) {
-    return /* @__PURE__ */ jsx("div", { className, ...rest, "data-tx": "0.37.0", ref, children });
+    return /* @__PURE__ */ jsx("div", { className, ...rest, "data-tx": "0.38.0", ref, children });
   }),
   {
     Body: ListMasterBody,

package/components/ListMaster/components/ListMasterBody.js

@@ -6,7 +6,7 @@ const ListMasterBody = React.forwardRef(
     {
       className,
       ...rest,
-      "data-tx": "0.37.0",
+      "data-tx": "0.38.0",
       ref,
       children
     }

package/components/ListMaster/components/ListMasterChipGroup.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { ChipGroup } from "../../ChipGroup/ChipGroup.js";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-const listMasterChipGroup = "listMasterChipGroup__6a2eddc9";
+const listMasterChipGroup = "listMasterChipGroup__a053d11a";
 const styles = {
   listMasterChipGroup
 };

package/components/ListMaster/components/ListMasterFooter.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/ListMasterFooter.module-ByDfezV2.js";
+import { s as styles } from "../../../chunks/ListMasterFooter.module-Cl0OSU-T.js";
 const ListMasterFooter = React.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 from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/ListMasterFooter.module-ByDfezV2.js";
+import { s as styles } from "../../../chunks/ListMasterFooter.module-Cl0OSU-T.js";
 const ListMasterFooterControls = React.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 from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/ListMasterFooter.module-ByDfezV2.js";
+import { s as styles } from "../../../chunks/ListMasterFooter.module-Cl0OSU-T.js";
 const ListMasterFooterDescription = React.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, { useRef, useEffect } from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-const listMasterHeader = "listMasterHeader__d4a15658";
-const sticky = "sticky__8a2ac27e";
+const listMasterHeader = "listMasterHeader__afa9947b";
+const sticky = "sticky__8254c2db";
 const styles = {
   listMasterHeader,
   sticky

package/components/ListMaster/components/SelectionControls.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-const selectionControls = "selectionControls__d71b1cf0";
+const selectionControls = "selectionControls__2df0b3ca";
 const styles = {
   selectionControls
 };
@@ -11,7 +11,7 @@ const SelectionControls = React.forwardRef(
     {
       className: clsx(styles.selectionControls, className),
       ...rest,
-      "data-tx": "0.37.0",
+      "data-tx": "0.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-BtZO8a0z.js";
-const loaderMiddle = "loaderMiddle__ffc88861";
-const loaderMiddleDots = "loaderMiddleDots__067bb02d";
-const dot = "dot__f9f681ab";
-const dot1 = "dot1__ef4c14d0";
-const dot2 = "dot2__59c6a54f";
-const dot3 = "dot3__bfc8cdcc";
-const dot4 = "dot4__bec1696c";
-const line = "line__49efe18f";
+const loaderMiddle = "loaderMiddle__fea7e605";
+const loaderMiddleDots = "loaderMiddleDots__c1598496";
+const dot = "dot__2b0d8552";
+const dot1 = "dot1__748641f7";
+const dot2 = "dot2__2a859621";
+const dot3 = "dot3__f0bf9122";
+const dot4 = "dot4__25aec41d";
+const line = "line__83803d76";
 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-BtZO8a0z.js";
 import { ELoaderSmallTheme } from "./enum.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-const loaderSmall = "loaderSmall__d09b2581";
-const sm = "sm__25cbcdbb";
-const dot = "dot__f9f681ab";
-const md = "md__a08ccc90";
-const lg = "lg__53c0f70d";
-const neutral = "neutral__dcd3fd6e";
-const brand = "brand__8e3e1954";
-const dot1 = "dot1__ef4c14d0";
-const dot2 = "dot2__59c6a54f";
-const dot3 = "dot3__bfc8cdcc";
+const loaderSmall = "loaderSmall__ebce31c1";
+const sm = "sm__f489fa90";
+const dot = "dot__2b0d8552";
+const md = "md__2fbeb1a7";
+const lg = "lg__2c443f43";
+const neutral = "neutral__3d348223";
+const brand = "brand__5d1d849a";
+const dot1 = "dot1__748641f7";
+const dot2 = "dot2__2a859621";
+const dot3 = "dot3__f0bf9122";
 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-BtZO8a0z.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-const loaderScreen = "loaderScreen__f5ca06fc";
-const loaderSmallBackdrop = "loaderSmallBackdrop__a210e634";
-const loaderMiddleBackdrop = "loaderMiddleBackdrop__7391328a";
-const loaderContent = "loaderContent__6bf46c7e";
-const description = "description__4068c0ab";
+const loaderScreen = "loaderScreen__d5ca4116";
+const loaderSmallBackdrop = "loaderSmallBackdrop__db4d0710";
+const loaderMiddleBackdrop = "loaderMiddleBackdrop__7f68eef1";
+const loaderContent = "loaderContent__b9334c6d";
+const description = "description__d840b721";
 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-BtZO8a0z.js";
-import { a as styles, s as statusToClassNameMap } from "../../chunks/utils-DY7_iBZq.js";
+import { a as styles, s as statusToClassNameMap } from "../../chunks/utils-EgErlzGw.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-DY7_iBZq.js";
+import { s } from "../../chunks/utils-EgErlzGw.js";
 export {
   s as statusToClassNameMap
 };

package/components/MarkerStatus/MarkerStatus.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React from "react";
 import { Marker } from "../Marker/Marker.js";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
-import { s as statusToClassNameMap } from "../../chunks/utils-DY7_iBZq.js";
+import { s as statusToClassNameMap } from "../../chunks/utils-EgErlzGw.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__70496caf";
-const contentContainer = "contentContainer__e1e5e842";
-const md = "md__07c31d45";
-const markerContainer = "markerContainer__b53a2195";
-const lg = "lg__48d38854";
+const markerStatus = "markerStatus__aee75b40";
+const contentContainer = "contentContainer__18bd04b4";
+const md = "md__5cea767f";
+const markerContainer = "markerContainer__a83d8908";
+const lg = "lg__6c7ff195";
 const styles = {
   markerStatus,
   contentContainer,
@@ -30,7 +30,7 @@ const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const MarkerStatus = React.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": "0.37.0", ...restProps, ref, children: [
+    return /* @__PURE__ */ jsxs("div", { className: classNames, "data-tx": "0.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 }),