npm - @sberbusiness/triplex-next - Versions diffs - 1.45.0 → 1.47.0 - Mend

@sberbusiness/triplex-next 1.45.0 → 1.47.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (640) hide show

package/components/SwipeableArea/SwipeableArea.js CHANGED Viewed

@@ -1,14 +1,14 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useState, useRef, useCallback, useEffect, useImperativeHandle } from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { getElementWidth, getSwipeableAreaOpacity, resolveSwipeEnd, ESwipeDirection, resolveSwipeMove } from "./utils.js";
-const swipeableArea = "swipeableArea__77057fad";
-const content = "content__759e208c";
-const disableScroll = "disableScroll__a2f903c6";
-const disablePointerEvents = "disablePointerEvents__1bc3ba10";
-const swipeAnimationFinish = "swipeAnimationFinish__5eba24ab";
-const leftContent = "leftContent__c7a99259";
-const rightContent = "rightContent__74990911";
+const swipeableArea = "swipeableArea__e09e2506";
+const content = "content__ce45e09d";
+const disableScroll = "disableScroll__7fba3e19";
+const disablePointerEvents = "disablePointerEvents__b2e4c746";
+const swipeAnimationFinish = "swipeAnimationFinish__3be937d2";
+const leftContent = "leftContent__b856f74c";
+const rightContent = "rightContent__006e7ac3";
 const styles = {
   swipeableArea,
   content,
@@ -136,7 +136,7 @@ const SwipeableArea = React__default.forwardRef(
       {
         className: clsx(styles.swipeableArea, className),
         ...rest,
-        "data-tx": "1.45.0",
+        "data-tx": "1.47.0",
         ref: containerRef,
         children: [
           hasLeftSwipeableArea ? /* @__PURE__ */ jsx(

package/components/Table/ChipPanel.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { ChipPanelLinks } from "./ChipPanelLinks.js";
-const chipPanel = "chipPanel__6a8eff0c";
+const chipPanel = "chipPanel__780144b0";
 const styles = {
   chipPanel
 };

package/components/Table/ChipPanelLinks.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { Text } from "../Typography/Text.js";
 import { EFontWeightText, ETextSize } from "../Typography/enums.js";
-const chipPanelLinks = "chipPanelLinks__d0a47b17";
+const chipPanelLinks = "chipPanelLinks__a4d6fcef";
 const styles = {
   chipPanelLinks
 };

package/components/Table/FilterPanel.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
-const filterPanel = "filterPanel__8cd437e9";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
+const filterPanel = "filterPanel__08c3aaac";
 const styles = {
   filterPanel
 };
@@ -11,7 +11,7 @@ const FilterPanel = React__default.forwardRef(
     {
       className: clsx(styles.filterPanel, className),
       ...htmlDivAttributes,
-      "data-tx": "1.45.0",
+      "data-tx": "1.47.0",
       ref,
       children
     }

package/components/Table/MasterTable.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useState, useMemo } from "react";
 import { MasterTableContext } from "./MasterTableContext.js";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { NoColumns } from "./NoColumns.js";
 import { FilterPanel } from "./FilterPanel.js";
 import { ChipPanel } from "./ChipPanel.js";
@@ -15,7 +15,7 @@ import "./TableFooter/components/TableFooterSummaryAmount.js";
 import "./TableFooter/components/TableFooterSummarySelectAllButton.js";
 import "./TableFooter/components/TableFooterSummarySelectedCount.js";
 import "./TableBasicSettings/components/ColumnSettingsSortableListItem.js";
-const masterTable = "masterTable__b9573e43";
+const masterTable = "masterTable__84306911";
 const styles = {
   masterTable
 };
@@ -31,7 +31,7 @@ const MasterTable = Object.assign(
       {
         className: clsx(styles.masterTable, className),
         ...htmlDivAttributes,
-        "data-tx": "1.45.0",
+        "data-tx": "1.47.0",
         ref,
         children
       }

package/components/Table/NoColumns.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { Gap } from "../Gap/Gap.js";
 import { ServicesetupSysIcon96 } from "@sberbusiness/icons-next";
-const noColumns = "noColumns__43e460c7";
-const content = "content__439a3764";
+const noColumns = "noColumns__bd7104f0";
+const content = "content__24f98d82";
 const styles = {
   noColumns,
   content

package/components/Table/PaginationPanel.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
-const paginationPanel = "paginationPanel__767256d6";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
+const paginationPanel = "paginationPanel__cc76419e";
 const styles = {
   paginationPanel
 };
@@ -11,7 +11,7 @@ const PaginationPanel = React__default.forwardRef(
     {
       className: clsx(styles.paginationPanel, className),
       ...htmlDivAttributes,
-      "data-tx": "1.45.0",
+      "data-tx": "1.47.0",
       ref,
       children
     }

package/components/Table/TableBasic/TableBasic.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useContext, useEffect } from "react";
-import { i as isEqual } from "../../../chunks/vendor-D4wvHis9.js";
+import { i as isEqual } from "../../../chunks/vendor-CUIykw0y.js";
 import { MasterTableContext } from "../MasterTableContext.js";
-import { s as styles } from "../../../chunks/utils-CRgskx0c.js";
+import { s as styles } from "../../../chunks/utils-c0Fgm-SD.js";
 import { TableBasicHeader } from "./components/TableBasicHeader.js";
 import { TableBasicBody } from "./components/TableBasicBody.js";
 import { LoaderMiddle } from "../../Loader/LoaderMiddle/LoaderMiddle.js";

package/components/Table/TableBasic/components/TableBasicBody.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { TableBasicRow } from "./TableBasicRow.js";
-import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../../chunks/utils-CRgskx0c.js";
+import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../../chunks/utils-c0Fgm-SD.js";
 const TableBasicBody = ({ columns, data, highlightRowOnHover, onClickRow }) => {
   if (data.length === 0) {
     return null;

package/components/Table/TableBasic/components/TableBasicHeader.js CHANGED Viewed

@@ -3,8 +3,8 @@ import { SortdecreaseStrokeSrvIcon16, SortincreaseStrokeSrvIcon16, SortStrokeSrv
 import { getAriaHTMLAttributes } from "../../../../utils/html/AriaAttributes.js";
 import { getDataHTMLAttributes } from "../../../../utils/html/DataAttributes.js";
 import { ECellType, EHorizontalAlign, EOrderDirection } from "../enums.js";
-import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
-import { s as styles, m as mapHorizontalAlignToClassName } from "../../../../chunks/utils-CRgskx0c.js";
+import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
+import { s as styles, m as mapHorizontalAlignToClassName } from "../../../../chunks/utils-c0Fgm-SD.js";
 import { Text } from "../../../Typography/Text.js";
 import { ETextSize } from "../../../Typography/enums.js";
 const getNextOrderDirection = (currentDirection) => {

package/components/Table/TableBasic/components/TableBasicRow.js CHANGED Viewed

@@ -2,8 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import { getAriaHTMLAttributes } from "../../../../utils/html/AriaAttributes.js";
 import { getDataHTMLAttributes } from "../../../../utils/html/DataAttributes.js";
 import { DataTestId } from "../../../../consts/DataTestId.js";
-import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
-import { s as styles, a as mapVerticalAlignToClassName, m as mapHorizontalAlignToClassName, b as mapCellTypeToClassName } from "../../../../chunks/utils-CRgskx0c.js";
+import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
+import { s as styles, a as mapVerticalAlignToClassName, m as mapHorizontalAlignToClassName, b as mapCellTypeToClassName } from "../../../../chunks/utils-c0Fgm-SD.js";
 import { ECellType, EVerticalAlign } from "../enums.js";
 import { ETextSize } from "../../../Typography/enums.js";
 import { Text } from "../../../Typography/Text.js";

package/components/Table/TableBasicSettings/TableBasicSettings.js CHANGED Viewed

@@ -1,14 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useRef } from "react";
 import { ButtonDropdownExtended } from "../../Button/ButtonDropdownExtended.js";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { TableBasicSettingsBody } from "./components/TableBasicSettingsBody.js";
 import { ColumnSettings } from "./components/ColumnSettings.js";
 import { TableBasicSettingsFooter } from "./components/TableBasicSettingsFooter.js";
 import { TableBasicSettingsHeader } from "./components/TableBasicSettingsHeader.js";
 import { Link } from "../../Link/Link.js";
-const tableSettingsLink = "tableSettingsLink__d8925eb7";
-const tableSettingsDropdown = "tableSettingsDropdown__6b0f786e";
+const tableSettingsLink = "tableSettingsLink__ed65a63d";
+const tableSettingsDropdown = "tableSettingsDropdown__a288d7fc";
 const styles = {
   tableSettingsLink,
   tableSettingsDropdown

package/components/Table/TableBasicSettings/components/ColumnSettingsSortableListItemTarget.js CHANGED Viewed

@@ -2,9 +2,9 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { ListSortableItemTarget } from "../../../List/components/ListSortableItemTarget.js";
 import { ListSortableItemControls } from "../../../List/components/ListSortableItemControls.js";
-import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
-const columnSettingsSortableListItemTarget = "columnSettingsSortableListItemTarget__dd216fa6";
-const dragging = "dragging__8d304911";
+import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
+const columnSettingsSortableListItemTarget = "columnSettingsSortableListItemTarget__23f2b260";
+const dragging = "dragging__2c6fdf27";
 const styles = {
   columnSettingsSortableListItemTarget,
   dragging

package/components/Table/TableBasicSettings/components/ColumnSettingsStaticListItem.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
 import { ListItem } from "../../../List/components/ListItem.js";
-const columnSettingsStaticListItem = "columnSettingsStaticListItem__5adf6c33";
+const columnSettingsStaticListItem = "columnSettingsStaticListItem__a9b252c9";
 const styles = {
   columnSettingsStaticListItem
 };

package/components/Table/TableBasicSettings/components/TableBasicSettingsBody.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
-const tableBasicSettingsBody = "tableBasicSettingsBody__61ee1dcd";
+import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
+const tableBasicSettingsBody = "tableBasicSettingsBody__9648d123";
 const styles = {
   tableBasicSettingsBody
 };

package/components/Table/TableBasicSettings/components/TableBasicSettingsFooter.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
-const tableBasicSettingsFooter = "tableBasicSettingsFooter__3020eef5";
+import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
+const tableBasicSettingsFooter = "tableBasicSettingsFooter__c05e768e";
 const styles = {
   tableBasicSettingsFooter
 };

package/components/Table/TableBasicSettings/components/TableBasicSettingsHeader.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
 import { Text } from "../../../Typography/Text.js";
 import { EFontWeightText, ETextSize } from "../../../Typography/enums.js";
-const tableBasicSettingsHeader = "tableBasicSettingsHeader__055f7da8";
+const tableBasicSettingsHeader = "tableBasicSettingsHeader__36596c75";
 const styles = {
   tableBasicSettingsHeader
 };

package/components/Table/TableFooter/TableFooter.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/TableFooter.module-DOL7cRaV.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../chunks/TableFooter.module-DyFW1z3j.js";
 import { FooterDescription } from "../../Footer/components/FooterDescription.js";
 import { FooterDescriptionControls } from "../../Footer/components/FooterDescriptionControls.js";
 import { TableFooterSummary } from "./components/TableFooterSummary.js";

package/components/Table/TableFooter/components/TableFooterSummary.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { FooterDescription } from "../../../Footer/components/FooterDescription.
 import { TableFooterSummaryAmount } from "./TableFooterSummaryAmount.js";
 import { TableFooterSummarySelectedCount } from "./TableFooterSummarySelectedCount.js";
 import { TableFooterSummarySelectAllButton } from "./TableFooterSummarySelectAllButton.js";
-import { s as styles } from "../../../../chunks/TableFooter.module-DOL7cRaV.js";
+import { s as styles } from "../../../../chunks/TableFooter.module-DyFW1z3j.js";
 const TableFooterSummary = Object.assign(
   ({ children, ...htmlDivAttributes }) => {
     return /* @__PURE__ */ jsx(FooterDescription.Content, { ...htmlDivAttributes, children: /* @__PURE__ */ jsx("div", { className: styles.tableFooterSummary, children }) });

package/components/Table/TableFooter/components/TableFooterSummaryAmount.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../../chunks/TableFooter.module-DOL7cRaV.js";
+import { s as styles } from "../../../../chunks/TableFooter.module-DyFW1z3j.js";
 import { Amount } from "../../../Amount/Amount.js";
 import { Text } from "../../../Typography/Text.js";
 import { ETextSize } from "../../../Typography/enums.js";

package/components/Table/TableFooter/components/TableFooterSummarySelectAllButton.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../../chunks/TableFooter.module-DOL7cRaV.js";
+import { s as styles } from "../../../../chunks/TableFooter.module-DyFW1z3j.js";
 import { ETextSize } from "../../../Typography/enums.js";
 import { Link } from "../../../Link/Link.js";
 import { Text } from "../../../Typography/Text.js";

package/components/Table/TableFooter/components/TableFooterSummarySelectedCount.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../../chunks/TableFooter.module-DOL7cRaV.js";
+import { s as styles } from "../../../../chunks/TableFooter.module-DyFW1z3j.js";
 const TableFooterSummarySelectedCount = ({ children }) => /* @__PURE__ */ jsx("span", { className: styles.tableFooterSummarySelectedCount, children });
 TableFooterSummarySelectedCount.displayName = "TableFooterSummarySelectedCount";
 export {

package/components/Table/utils.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import "./TableBasic/enums.js";
-import { b, m, a } from "../../chunks/utils-CRgskx0c.js";
+import { b, m, a } from "../../chunks/utils-c0Fgm-SD.js";
 export {
   b as mapCellTypeToClassName,
   m as mapHorizontalAlignToClassName,

package/components/Tabs/Tabs.js CHANGED Viewed

@@ -15,15 +15,15 @@ import "../Button/ButtonDropdownExtended.js";
 import { EButtonDotsTheme } from "../Button/enums.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { isKey } from "../../utils/keyboard.js";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
-const tabsContent = "tabsContent__797f6b3b";
-const tabButtonDropdown = "tabButtonDropdown__dc8dddd1";
-const sm = "sm__6c4cdc77";
-const md = "md__7d003a89";
-const lg = "lg__ae139240";
-const selected = "selected__6ec39a19";
-const type1 = "type1__436b066e";
-const type2 = "type2__768c4067";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
+const tabsContent = "tabsContent__d5511ef8";
+const tabButtonDropdown = "tabButtonDropdown__42042748";
+const sm = "sm__1e326a09";
+const md = "md__be14b5cb";
+const lg = "lg__7ec9f913";
+const selected = "selected__ec685aa5";
+const type1 = "type1__3820b242";
+const type2 = "type2__a9c16d27";
 const styles = {
   tabsContent,
   tabButtonDropdown,

package/components/TabsExtended/TabsExtended.js CHANGED Viewed

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useState, useRef, useCallback, useMemo } from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { TabsExtendedContext } from "./TabsExtendedContext.js";
 import { TabsExtendedContent } from "./components/TabsExtendedContent.js";
 import { ETabsExtendedType } from "./enums.js";
-import { T as TABS_EXTENDED_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/utils-DogucNlz.js";
-import { s as styles } from "../../chunks/TabsExtended.module-DveIh7_v.js";
+import { T as TABS_EXTENDED_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/utils-tt7vKg1E.js";
+import { s as styles } from "../../chunks/TabsExtended.module-DPptPKmZ.js";
 import "./components/TabsExtendedDropdownWrapper.js";
 import "./components/TabsExtendedTab.js";
 import "./components/TabsExtendedTabButton.js";

package/components/TabsExtended/components/TabsExtendedContent.js CHANGED Viewed

@@ -1,13 +1,13 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { TabsExtendedTabsWrapper } from "./TabsExtendedTabsWrapper.js";
 import { TabsExtendedTab } from "./TabsExtendedTab.js";
 import { TabsExtendedTabButton } from "./TabsExtendedTabButton.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { TabsExtendedDropdownWrapper } from "./TabsExtendedDropdownWrapper.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-import { s as styles } from "../../../chunks/TabsExtended.module-DveIh7_v.js";
+import { s as styles } from "../../../chunks/TabsExtended.module-DPptPKmZ.js";
 import "./TabsExtendedTabContext.js";
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const TabsExtendedContent = Object.assign(

package/components/TabsExtended/components/TabsExtendedDropdownWrapper.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext, useCallback } from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { TabsExtendedContext } from "../TabsExtendedContext.js";
-import { s as styles } from "../../../chunks/TabsExtended.module-DveIh7_v.js";
+import { s as styles } from "../../../chunks/TabsExtended.module-DPptPKmZ.js";
 const TabsExtendedDropdownWrapper = React__default.forwardRef(
   ({ children, className, ...htmlDivAttributes }, ref) => {
     const { dropdownItemsIds, onSelectTab, dropdownRef } = useContext(TabsExtendedContext);

package/components/TabsExtended/components/TabsExtendedTab.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { TabsExtendedContext } from "../TabsExtendedContext.js";
 import { TabsExtendedTabContext } from "./TabsExtendedTabContext.js";
-import { s as styles } from "../../../chunks/TabsExtended.module-DveIh7_v.js";
+import { s as styles } from "../../../chunks/TabsExtended.module-DPptPKmZ.js";
 const TabsExtendedTab = React__default.forwardRef(
   ({ children, id, className, onClick, ...htmlSpanAttributes }, ref) => {
     const { dropdownItemsIds, inlineItemsIds, selectedId, onSelectTab } = useContext(TabsExtendedContext);

package/components/TabsExtended/components/TabsExtendedTabButton.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles, T as TABS_EXTENDED_TYPE_TO_CLASS_NAME_MAP, a as TABS_EXTENDED_SIZE_TO_TEXT_SIZE_MAP } from "../../../chunks/utils-DogucNlz.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+import { s as styles, T as TABS_EXTENDED_TYPE_TO_CLASS_NAME_MAP, a as TABS_EXTENDED_SIZE_TO_TEXT_SIZE_MAP } from "../../../chunks/utils-tt7vKg1E.js";
 import { TabsExtendedContext } from "../TabsExtendedContext.js";
 import { EFontType } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";

package/components/TabsExtended/components/TabsExtendedTabsWrapper.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import React__default, { useContext, useState, useRef, useCallback, useLayoutEffect, isValidElement } from "react";
-import { g as useResizeDetector, c as clsx, h as pickBy } from "../../../chunks/vendor-D4wvHis9.js";
+import { g as useResizeDetector, c as clsx, h as pickBy } from "../../../chunks/vendor-CUIykw0y.js";
 import { TabsExtendedContext } from "../TabsExtendedContext.js";
 import { TabsExtendedTabContext } from "./TabsExtendedTabContext.js";
-import { s as styles } from "../../../chunks/TabsExtended.module-DveIh7_v.js";
+import { s as styles } from "../../../chunks/TabsExtended.module-DPptPKmZ.js";
 const TAB_ITEM_ID_ATTRIBUTE = "data-tab-item-id";
 const TABS_CONTAINER_RIGHT_OFFSET = 4;
 const RESIZE_REFRESH_RATE_MS = 150;

package/components/TabsExtended/utils.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import "./enums.js";
 import "../../enums/EComponentSize.js";
 import "../Typography/enums.js";
-import { a, T } from "../../chunks/utils-DogucNlz.js";
+import { a, T } from "../../chunks/utils-tt7vKg1E.js";
 export {
   a as TABS_EXTENDED_SIZE_TO_TEXT_SIZE_MAP,
   T as TABS_EXTENDED_TYPE_TO_CLASS_NAME_MAP

package/components/TabsLine/TabsLine.js CHANGED Viewed

@@ -1,31 +1,33 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import React__default from "react";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { MobileView } from "../MobileView/MobileView.js";
 import "../MobileView/useMobileView.js";
 import { TabsLineDesktop } from "./components/TabsLineDesktop.js";
 import { TabsLineMobile } from "./components/TabsLineMobile.js";
-import { s as styles } from "../../chunks/TabsLine.module-CFuF3nRE.js";
+import { s as styles } from "../../chunks/TabsLine.module-BOD6aGpU.js";
 import "./components/TabsLineDropdown.js";
 import "./components/TabsLineItem.js";
-const TabsLine = ({
-  className,
-  dropdownTargetHtmlAttributes,
-  maxVisible,
-  onChangeTab,
-  paddingX,
-  selectedId,
-  tabs,
-  size,
-  withSeparator,
-  ...htmlDivAttributes
-}) => {
-  return /* @__PURE__ */ jsx(
+const TabsLine = React__default.forwardRef(
+  ({
+    className,
+    dropdownTargetHtmlAttributes,
+    maxVisible,
+    onChangeTab,
+    paddingX,
+    selectedId,
+    tabs,
+    size,
+    withSeparator,
+    ...htmlDivAttributes
+  }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
       role: "tablist",
       className: clsx(className, styles.tabsLineWrapper, { [styles.withSeparator]: withSeparator }),
       ...htmlDivAttributes,
       "data-paddingx-size": paddingX,
+      ref,
       children: /* @__PURE__ */ jsx(
         MobileView,
         {
@@ -44,8 +46,9 @@ const TabsLine = ({
         }
       )
     }
-  );
-};
+  )
+);
+TabsLine.displayName = "TabsLine";
 export {
   TabsLine
 };

package/components/TabsLine/TabsLine.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TabsLine.js","sources":["../../../src/components/TabsLine/TabsLine.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { MobileView } from \"../MobileView\";\nimport { ~~TabsLineDesktop~~, ~~ITabsLineDesktopProps~~ } from \"./components/TabsLineDesktop\";\nimport { TabsLineMobile } from \"./components/TabsLineMobile\";\nimport styles from \"./styles/TabsLine.module.less\";\n\n/** ~~Состояние~~ компонента TabsLine. /\nexport interface ITabsLineProps extends ITabsLineDesktopProps {\n /* Горизонтальный отступ от первого таба слева и последнего таба справа. /\n paddingX?: 0 \| 8 \| 16 \| 24;\n /* Разделитель в виде нижнего бордера. /\n withSeparator?: boolean;\n}\n\n/* ~~Компонент~~ ~~TabsLine.~~ */\nexport const TabsLine: React.FC<ITabsLineProps> = ({\n className,\n dropdownTargetHtmlAttributes,\n maxVisible,\n onChangeTab,\n paddingX,\n selectedId,\n tabs,\n size,\n withSeparator,\n ...htmlDivAttributes\n}) => ~~{\n return~~ (\n <div\n role=\"tablist\"\n className={clsx(className, styles.tabsLineWrapper, { [styles.withSeparator]: withSeparator })}\n {...htmlDivAttributes}\n data-paddingx-size={paddingX}\n >\n <MobileView\n fallback={\n <TabsLineDesktop\n tabs={tabs}\n onChangeTab={onChangeTab}\n selectedId={selectedId}\n dropdownTargetHtmlAttributes={dropdownTargetHtmlAttributes}\n maxVisible={maxVisible}\n size={size}\n />\n }\n >\n <TabsLineMobile tabs={tabs} onChangeTab={onChangeTab} selectedId={selectedId} />\n </MobileView>\n </div>\n );\n};\n"],"names":[],"mappings":"~~;;;;;;;;;AAgBO~~,MAAM,~~WAAqC~~,~~CAAC~~;AAAA,~~EAC/C~~;AAAA,~~EACA~~;AAAA,~~EACA~~;AAAA,~~EACA~~;AAAA,~~EACA~~;AAAA,~~EACA~~;AAAA,~~EACA~~;AAAA,~~EACA~~;AAAA,~~EACA~~;AAAA,~~EACA~~,GAAG;~~AACP~~,~~MAAM;AACF~~,~~SACI~~;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,WAAW,KAAK,WAAW,OAAO,iBAAiB,EAAE,CAAC,OAAO,aAAa,GAAG,eAAe;AAAA,MAC3F,GAAG;AAAA,MACJ,sBAAoB;AAAA,~~MAEpB~~,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,UACI;AAAA,YAAC;AAAA,YAAA;AAAA,cACG;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YAAA;AAAA,UAAA;AAAA,UAIR,UAAA,oBAAC,gBAAA,EAAe,MAAY,aAA0B,WAAA,CAAwB;AAAA,QAAA;AAAA,MAAA;AAAA,IAClF;AAAA,EAAA;AAGZ;"}
1	+ {"version":3,"file":"TabsLine.js","sources":["../../../src/components/TabsLine/TabsLine.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { MobileView } from \"../MobileView\";\nimport { ITabsLineDesktopProps, TabsLineDesktop } from \"./components/TabsLineDesktop\";\nimport { TabsLineMobile } from \"./components/TabsLineMobile\";\nimport styles from \"./styles/TabsLine.module.less\";\n\n/** Свойства компонента TabsLine. /\nexport interface ITabsLineProps extends ITabsLineDesktopProps {\n /* Горизонтальный отступ от первого таба слева и последнего таба справа. /\n paddingX?: 0 \| 8 \| 16 \| 24;\n /* Разделитель в виде нижнего бордера. По умолчанию false. /\n withSeparator?: boolean;\n}\n\n/\n Линейка табов-подчёркиваний. На десктопе не поместившиеся по maxVisible табы уезжают в дропдаун,\n * на мобильном (<768px) все табы остаются в строке с горизонтальной прокруткой.\n */\nexport const TabsLine = React.forwardRef<HTMLDivElement, ITabsLineProps>(\n (\n {\n className,\n dropdownTargetHtmlAttributes,\n maxVisible,\n onChangeTab,\n paddingX,\n selectedId,\n tabs,\n size,\n withSeparator,\n ...htmlDivAttributes\n },\n ref,\n ) => (\n <div\n role=\"tablist\"\n className={clsx(className, styles.tabsLineWrapper, { [styles.withSeparator]: withSeparator })}\n {...htmlDivAttributes}\n data-paddingx-size={paddingX}\n ref={ref}\n >\n <MobileView\n fallback={\n <TabsLineDesktop\n tabs={tabs}\n onChangeTab={onChangeTab}\n selectedId={selectedId}\n dropdownTargetHtmlAttributes={dropdownTargetHtmlAttributes}\n maxVisible={maxVisible}\n size={size}\n />\n }\n >\n <TabsLineMobile tabs={tabs} onChangeTab={onChangeTab} selectedId={selectedId} />\n </MobileView>\n </div>\n ),\n);\n\nTabsLine.displayName = \"TabsLine\";\n"],"names":["React"],"mappings":";;;;;;;;;;AAmBO,MAAM,WAAWA,eAAM;AAAA,EAC1B,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QAEA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,WAAW,KAAK,WAAW,OAAO,iBAAiB,EAAE,CAAC,OAAO,aAAa,GAAG,eAAe;AAAA,MAC3F,GAAG;AAAA,MACJ,sBAAoB;AAAA,MACpB;AAAA,MAEA,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,UACI;AAAA,YAAC;AAAA,YAAA;AAAA,cACG;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YAAA;AAAA,UAAA;AAAA,UAIR,UAAA,oBAAC,gBAAA,EAAe,MAAY,aAA0B,WAAA,CAAwB;AAAA,QAAA;AAAA,MAAA;AAAA,IAClF;AAAA,EAAA;AAGZ;AAEA,SAAS,cAAc;"}