@jetbrains/ring-ui-built 7.0.0-beta.12 → 7.0.0-beta.14

package/components/tab-trap/tab-trap.js

@@ -5,7 +5,7 @@ import { isNodeInVisiblePartOfPage } from '../global/dom.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'core-js/modules/es.regexp.exec.js';
 
-var modules_6dce58ae = {"light":"light_rui_2ac4","trapButton":"trapButton_rui_11f0"};
+var styles = {"trapButton":"trapButton_rui_11f0"};
 
 const _excluded = ["children", "trapDisabled", "autoFocusFirst", "focusBackOnClose", "focusBackOnExit"];
 const FOCUSABLE_ELEMENTS = 'input, button, select, textarea, a[href], *[tabindex]:not([data-trap-button]):not([data-scrollable-container])';
@@ -130,7 +130,7 @@ const TabTrap = /*#__PURE__*/forwardRef(function TabTrap(_ref, ref) {
       // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
       tabIndex: 0,
       ref: trapButtonNodeRef,
-      className: modules_6dce58ae.trapButton,
+      className: styles.trapButton,
       onFocus: focusLastIfEnabled,
       onBlur: handleBlurIfWithoutFocus,
       "data-trap-button": true

package/components/table/cell.js

@@ -2,14 +2,14 @@ import { b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
-import { m as modules_1db4bbca } from '../_helpers/table.js';
+import { s as style } from '../_helpers/table.js';
 import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 
 class Cell extends PureComponent {
   render() {
-    const classes = classNames(modules_1db4bbca.cell, this.props.className);
+    const classes = classNames(style.cell, this.props.className);
     return /*#__PURE__*/jsx("td", _objectSpread2(_objectSpread2({}, this.props), {}, {
       className: classes,
       "data-test": joinDataTestAttributes('ring-table-cell', this.props['data-test']),

package/components/table/header-cell.js

@@ -6,7 +6,7 @@ import sortableIcon from '@jetbrains/icons/unsorted-10px';
 import chevronDown from '@jetbrains/icons/chevron-10px';
 import Icon from '../icon/icon.js';
 import joinDataTestAttributes from '../global/data-tests.js';
-import { m as modules_1db4bbca } from '../_helpers/table.js';
+import { s as style } from '../_helpers/table.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
@@ -54,11 +54,11 @@ class HeaderCell extends PureComponent {
     this.sorted = sortKey === column.id;
     const glyph = this.sorted ? chevronDown : sortableIcon;
     const classes = classNames(className, column.headerClassName, {
-      [modules_1db4bbca.headerCell]: true,
-      [modules_1db4bbca.headerCellSortable]: this.sortable,
-      [modules_1db4bbca.headerCellSorted]: this.sorted,
-      [modules_1db4bbca.sortedUp]: sortOrder && this.sorted,
-      [modules_1db4bbca.cellRight]: column.rightAlign
+      [style.headerCell]: true,
+      [style.headerCellSortable]: this.sortable,
+      [style.headerCellSorted]: this.sorted,
+      [style.sortedUp]: sortOrder && this.sorted,
+      [style.cellRight]: column.rightAlign
     });
     return /*#__PURE__*/jsxs("th", _objectSpread2(_objectSpread2({}, restProps), {}, {
       className: classes,
@@ -69,10 +69,10 @@ class HeaderCell extends PureComponent {
         role: "presentation",
         children: this.props.children
       }), column.getHeaderValue ? column.getHeaderValue() : column.title, this.sortable && /*#__PURE__*/jsx("span", {
-        className: modules_1db4bbca.sorter,
+        className: style.sorter,
         children: /*#__PURE__*/jsx(Icon, {
           glyph: glyph,
-          className: modules_1db4bbca.icon
+          className: style.icon
         })
       })]
     }));

package/components/table/header.d.ts

@@ -13,7 +13,6 @@ export interface HeaderProps {
     sortOrder: boolean;
     caption?: string | null | undefined;
     checkboxDisabled?: boolean | undefined;
-    maxColSpan?: number;
 }
 export default class Header extends PureComponent<HeaderProps> {
     static defaultProps: {
@@ -29,7 +28,7 @@ export default class Header extends PureComponent<HeaderProps> {
     };
     id: string;
     onCheckboxFocus: (event: SyntheticEvent<HTMLElement>) => void;
-    createCells(widths?: never[]): (import("react").JSX.Element | null)[];
+    createCells(widths?: never[]): import("react").JSX.Element[];
     render(): import("react").JSX.Element;
 }
 export type HeaderAttrs = JSX.LibraryManagedAttributes<typeof Header, HeaderProps>;

package/components/table/header.js

@@ -4,7 +4,7 @@ import { PureComponent } from 'react';
 import classNames from 'classnames';
 import Checkbox from '../checkbox/checkbox.js';
 import getUID from '../global/get-uid.js';
-import { m as modules_1db4bbca } from '../_helpers/table.js';
+import { s as style } from '../_helpers/table.js';
 import HeaderCell from './header-cell.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@jetbrains/icons/checkmark-12px';
@@ -45,7 +45,7 @@ class Header extends PureComponent {
       sortKey,
       sortOrder
     } = this.props;
-    const metaColumnClasses = classNames(modules_1db4bbca.metaColumn, modules_1db4bbca.headerMetaColumn);
+    const metaColumnClasses = classNames(style.metaColumn, style.headerMetaColumn);
     const metaColumn = /*#__PURE__*/jsx("div", {
       className: metaColumnClasses,
       children: selectable && /*#__PURE__*/jsx(Checkbox, {
@@ -56,7 +56,6 @@ class Header extends PureComponent {
         onFocus: this.onCheckboxFocus
       })
     });
-    let colSpan = 0;
     return columns.map((column, index) => {
       const columnStyle = widths[index] ? {
         width: widths[index]
@@ -68,13 +67,8 @@ class Header extends PureComponent {
         sortOrder,
         style: columnStyle
       };
-      colSpan += column.colSpan || 1;
-      if (colSpan > (this.props.maxColSpan || Infinity)) {
-        return null;
-      }
       return /*#__PURE__*/jsx(HeaderCell, _objectSpread2(_objectSpread2({
-        "data-test": column.id,
-        colSpan: column.colSpan
+        "data-test": column.id
       }, props), {}, {
         children: index === 0 && (draggable || selectable) && metaColumn
       }), column.id);
@@ -94,19 +88,19 @@ class Header extends PureComponent {
         top: topStickOffset
       },
       className: classNames({
-        [modules_1db4bbca.tableHead]: true,
-        [modules_1db4bbca.subHeaderSticky]: sticky
+        [style.tableHead]: true,
+        [style.subHeaderSticky]: sticky
       }),
       children: [caption && /*#__PURE__*/jsx("tr", {
         "data-test": "ring-table-header-row",
         children: /*#__PURE__*/jsx("th", {
-          className: classNames(modules_1db4bbca.headerCell, modules_1db4bbca.caption),
+          className: classNames(style.headerCell, style.caption),
           colSpan: regularCells.length + 1,
           "data-test": "ring-table-header-cell",
           children: caption
         })
       }), /*#__PURE__*/jsx("tr", {
-        className: modules_1db4bbca.subHeader,
+        className: style.subHeader,
         "data-test": "ring-table-header-row",
         children: regularCells
       })]

package/components/table/row.d.ts

@@ -6,7 +6,6 @@ import { SelectionItem } from './selection';
 export interface RowProps<T extends SelectionItem> extends Omit<HTMLAttributes<HTMLTableRowElement>, 'onClick' | 'onDoubleClick' | 'onSelect'>, FocusSensorAddProps<HTMLTableRowElement> {
     item: T;
     columns: readonly Column<T>[] | ((item: T) => readonly Column<T>[]);
-    maxColSpan?: number;
     selectable: boolean;
     showFocus: boolean;
     draggable: boolean;

package/components/table/row.js

@@ -12,7 +12,7 @@ import joinDataTestAttributes from '../global/data-tests.js';
 import getUID from '../global/get-uid.js';
 import { createComposedRef } from '../global/composeRefs.js';
 import Cell from './cell.js';
-import { m as modules_1db4bbca } from '../_helpers/table.js';
+import { s as style } from '../_helpers/table.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
@@ -45,14 +45,14 @@ import '../_helpers/theme.js';
 import 'core-js/modules/es.array.reduce.js';
 import 'memoize-one';
 
-const _excluded = ["item", "columns", "selectable", "selected", "showFocus", "draggable", "alwaysShowDragHandle", "dragHandleTitle", "level", "collapsible", "parentCollapsible", "collapsed", "maxColSpan", "onCollapse", "onExpand", "showDisabledSelection", "onSelect", "checkboxTooltip", "innerRef", "focused", "autofocus", "onFocusReset", "onFocusRestore", "onHover", "className", "metaColumnClassName", "data-test"];
+const _excluded = ["item", "columns", "selectable", "selected", "showFocus", "draggable", "alwaysShowDragHandle", "dragHandleTitle", "level", "collapsible", "parentCollapsible", "collapsed", "onCollapse", "onExpand", "showDisabledSelection", "onSelect", "checkboxTooltip", "innerRef", "focused", "autofocus", "onFocusReset", "onFocusRestore", "onHover", "className", "metaColumnClassName", "data-test"];
 const DragHandle = _ref => {
   let {
     alwaysShowDragHandle,
     dragHandleTitle = 'Drag to reorder'
   } = _ref;
-  const classes = classNames(modules_1db4bbca.dragHandle, {
-    [modules_1db4bbca.visibleDragHandle]: alwaysShowDragHandle
+  const classes = classNames(style.dragHandle, {
+    [style.visibleDragHandle]: alwaysShowDragHandle
   });
   return /*#__PURE__*/jsx(Button, {
     "data-movable-handle": true,
@@ -125,7 +125,6 @@ class Row extends PureComponent {
         collapsible,
         parentCollapsible,
         collapsed,
-        maxColSpan,
         onCollapse,
         onExpand,
         showDisabledSelection,
@@ -143,15 +142,15 @@ class Row extends PureComponent {
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
     const classes = classNames(className, {
-      [modules_1db4bbca.row]: true,
-      [modules_1db4bbca.rowFocused]: showFocus,
-      [modules_1db4bbca.rowSelected]: selected
+      [style.row]: true,
+      [style.rowFocused]: showFocus,
+      [style.rowSelected]: selected
     });
     const testAttrs = {
       'data-test-focused': showFocus || undefined,
       'data-test-selected': selected || undefined
     };
-    const metaColumnClasses = classNames(metaColumnClassName, modules_1db4bbca.metaColumn);
+    const metaColumnClasses = classNames(metaColumnClassName, style.metaColumn);
     const SUBITEM_OFFSET = 30;
     const COLLAPSIBLE_PARENT_OFFSET = 20;
     const gap = level * SUBITEM_OFFSET + (parentCollapsible ? COLLAPSIBLE_PARENT_OFFSET : 0);
@@ -182,29 +181,24 @@ class Row extends PureComponent {
           disabled: true
         })
       }), collapsible && collapsed && /*#__PURE__*/jsx(Button, {
-        className: modules_1db4bbca.rowCollapseExpandButton,
+        className: style.rowCollapseExpandButton,
         icon: chevronRightIcon,
         onClick: () => onExpand(item)
       }), collapsible && !collapsed && /*#__PURE__*/jsx(Button, {
-        className: modules_1db4bbca.rowCollapseExpandButton,
+        className: style.rowCollapseExpandButton,
         icon: chevronDownIcon,
         onClick: () => onCollapse(item)
       })]
     });
     const columns = typeof columnProps === 'function' ? columnProps(item) : columnProps;
-    let colSpan = 0;
     const cells = columns.map((column, index) => {
       const getValue = column.getValue || (() => item[column.id]);
       const getDataTest = column.getDataTest || (() => column.id);
       const value = getValue(item, column);
       const cellClasses = classNames({
-        [modules_1db4bbca.cellRight]: column.rightAlign
+        [style.cellRight]: column.rightAlign
       }, column.className);
       const showMetaColumn = draggable || selectable || collapsible || showDisabledSelection || !!level;
-      colSpan += column.colSpan || 1;
-      if (colSpan > (maxColSpan || Infinity)) {
-        return null;
-      }
       return /*#__PURE__*/jsxs(Cell, {
         colSpan: column.colSpan,
         className: cellClasses,

package/components/table/selection.d.ts

@@ -1,6 +1,5 @@
 export interface SelectionItem {
     id: string | number;
-    [key: string]: unknown;
 }
 export interface TableSelectionConfig<T extends SelectionItem> {
     data?: readonly T[] | undefined;
@@ -17,13 +16,13 @@ export interface CloneWithConfig<T> {
 }
 export default class Selection<T extends SelectionItem> {
     private _rawData;
-    protected _getChildren: ((item: T) => readonly T[]);
+    protected _getChildren: (item: T) => readonly T[];
     protected _data: Set<T>;
     protected _selected: Set<T>;
     protected _focused: T | null;
     private _getKey;
     protected _isItemSelectable: (item: T) => boolean | undefined;
-    constructor({ data, selected, focused, getKey, getChildren, isItemSelectable }?: TableSelectionConfig<T>);
+    constructor({ data, selected, focused, getKey, getChildren, isItemSelectable, }?: TableSelectionConfig<T>);
     protected _buildData(data: readonly T[] | null | undefined): Set<T>;
     protected _buildSelected(data: Set<T>, selected: Set<T>): Set<T>;
     cloneWith({ data, selected, focused }: CloneWithConfig<T>): Selection<T>;

package/components/table/simple-table.js

@@ -2,7 +2,7 @@ import { _ as _defineProperty, b as _objectSpread2 } from '../_helpers/_rollupPl
 import 'core-js/modules/web.dom-collections.iterator.js';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
-import { m as modules_1db4bbca } from '../_helpers/table.js';
+import { s as style } from '../_helpers/table.js';
 import TableContainer from './table.js';
 import Selection$1 from './selection.js';
 import { jsx } from 'react/jsx-runtime';
@@ -67,7 +67,7 @@ class SimpleTable extends PureComponent {
         data: this.props.data
       })
     });
-    _defineProperty(this, "classes", classNames(modules_1db4bbca.disabledHover, this.props.className));
+    _defineProperty(this, "classes", classNames(style.disabledHover, this.props.className));
   }
   render() {
     return /*#__PURE__*/jsx(TableContainer, _objectSpread2(_objectSpread2({}, this.props), {}, {

package/components/table/table.d.ts

@@ -18,7 +18,6 @@ export interface ReorderParams<T> {
 export interface TableProps<T extends SelectionItem> extends FocusSensorAddProps<HTMLTableRowElement>, SelectionShortcutsAddProps<T>, DisableHoverAddProps {
     data: readonly T[];
     columns: readonly Column<T>[] | ((item: T | null) => readonly Column<T>[]);
-    maxColSpan?: number;
     isItemSelectable: (item: T) => boolean;
     loading: boolean;
     onSort: (params: SortParams) => void;

package/components/table/table.js

@@ -8,7 +8,7 @@ import getUID from '../global/get-uid.js';
 import Shortcuts from '../shortcuts/shortcuts.js';
 import Loader from '../loader/loader.js';
 import Header from './header.js';
-import { m as modules_1db4bbca } from '../_helpers/table.js';
+import { s as style } from '../_helpers/table.js';
 import selectionShortcutsHOC from './selection-shortcuts-hoc.js';
 import disableHoverHOC from './disable-hover-hoc.js';
 import RowWithFocusSensorCallbacks from './row-with-focus-sensor.js';
@@ -190,21 +190,20 @@ class Table extends PureComponent {
       onItemDoubleClick,
       onItemClick,
       renderEmpty,
-      maxColSpan,
       RowComponent
     } = this.props;
     // NOTE: Do not construct new object per render because it causes all rows rerendering
+    const columnsArray = typeof columns === 'function' ? columns(null) : columns;
     const headerProps = {
       caption,
       selectable,
       draggable,
-      columns: typeof columns === 'function' ? columns(null) : columns,
+      columns: columnsArray,
       onSort,
       sortKey,
       sortOrder,
       sticky: stickyHeader,
-      topStickOffset: stickyHeaderOffset,
-      maxColSpan: this.props.maxColSpan
+      topStickOffset: stickyHeaderOffset
     };
     const selectedSize = selection.getSelected().size;
     const allSelectedSize = selection.selectAll().getSelected().size;
@@ -212,15 +211,15 @@ class Table extends PureComponent {
     headerProps.onCheckboxChange = this.onCheckboxChange;
     headerProps.checkboxDisabled = this.props.data.length === 0;
     const wrapperClasses = classNames({
-      [modules_1db4bbca.tableWrapper]: true,
-      [modules_1db4bbca.loading]: loading
+      [style.tableWrapper]: true,
+      [style.loading]: loading
     });
     const classes = classNames(this.props.className, {
-      [modules_1db4bbca.table]: true,
-      [modules_1db4bbca.wideFirstColumn]: this.props.wideFirstColumn,
-      [modules_1db4bbca.multiSelection]: selection.getSelected().size > 0,
-      [modules_1db4bbca.userSelectNone]: this.state.userSelectNone,
-      [modules_1db4bbca.disabledHover]: this.props.disabledHover
+      [style.table]: true,
+      [style.wideFirstColumn]: this.props.wideFirstColumn,
+      [style.multiSelection]: selection.getSelected().size > 0,
+      [style.userSelectNone]: this.state.userSelectNone,
+      [style.disabledHover]: this.props.disabledHover
     });
     const renderList = _ref3 => {
       let {
@@ -229,8 +228,8 @@ class Table extends PureComponent {
       } = _ref3;
       const empty = /*#__PURE__*/jsx("tr", {
         children: /*#__PURE__*/jsx("td", {
-          colSpan: this.props.columns.length || 1,
-          className: modules_1db4bbca.tableMessage,
+          colSpan: columnsArray.length || 1,
+          className: style.tableMessage,
           children: renderEmpty ? renderEmpty() : null
         })
       });
@@ -279,21 +278,20 @@ class Table extends PureComponent {
         showDisabledSelection: isDisabledSelectionVisible(value),
         checkboxTooltip: getCheckboxTooltip(value),
         className: classNames(getItemClassName(value), {
-          [modules_1db4bbca.draggingRow]: isDragged
+          [style.draggingRow]: isDragged
         }),
         metaColumnClassName: getMetaColumnClassName(value),
         draggable: draggable,
         alwaysShowDragHandle: alwaysShowDragHandle,
         dragHandleTitle: dragHandleTitle,
         columns: columns,
-        "data-test": getItemDataTest(value),
-        maxColSpan: maxColSpan
+        "data-test": getItemDataTest(value)
       }, restProps), {}, {
         key: (_restProps$key = restProps.key) !== null && _restProps$key !== void 0 ? _restProps$key : getItemKey(value)
       }));
       return isDragged ? /*#__PURE__*/jsx("table", {
         style: _objectSpread2({}, props.style),
-        className: modules_1db4bbca.draggingTable,
+        className: style.draggingTable,
         children: /*#__PURE__*/jsx("tbody", {
           children: row
         })
@@ -321,7 +319,7 @@ class Table extends PureComponent {
           }))
         })
       }), loading && /*#__PURE__*/jsx("div", {
-        className: modules_1db4bbca.loadingOverlay,
+        className: style.loadingOverlay,
         children: /*#__PURE__*/jsx(Loader, {
           className: loaderClassName
         })

package/components/tabs/collapsible-more.d.ts

@@ -17,5 +17,5 @@ export interface MoreButtonProps {
     morePopupItemClassName?: string | undefined;
     morePopupBeforeEnd: ReactNode;
 }
-export declare const MoreButton: import("react").MemoExoticComponent<({ items, selected, onSelect, moreClassName, moreActiveClassName, morePopupClassName, morePopupItemClassName, morePopupBeforeEnd }: MoreButtonProps) => import("react").JSX.Element | null>;
+export declare const MoreButton: import("react").MemoExoticComponent<({ items, selected, onSelect, moreClassName, moreActiveClassName, morePopupClassName, morePopupItemClassName, morePopupBeforeEnd, }: MoreButtonProps) => import("react").JSX.Element | null>;
 export declare const FakeMoreButton: import("react").MemoExoticComponent<({ moreClassName, moreActiveClassName, hasActiveChildren }: FakeMoreButtonProps) => import("react").JSX.Element>;

package/components/tabs/collapsible-more.js

@@ -7,7 +7,7 @@ import PopupMenu, { ListProps } from '../popup-menu/popup-menu.js';
 import Dropdown from '../dropdown/dropdown.js';
 import Link from '../link/link.js';
 import Icon from '../icon/icon.js';
-import { m as modules_02138f4a } from '../_helpers/tab-link.js';
+import { s as styles } from '../_helpers/tab-link.js';
 import getTabTitles from './collapsible-tab.js';
 import { CustomItem } from './custom-item.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -76,14 +76,14 @@ const AnchorLink = _ref => {
       moreActiveClassName
     } = _ref,
     restProps = _objectWithoutProperties(_ref, _excluded);
-  const classnames = classNames(modules_02138f4a.title, hasActiveChildren && modules_02138f4a.selected, hasActiveChildren && moreActiveClassName, moreClassName);
+  const classnames = classNames(styles.title, hasActiveChildren && styles.selected, hasActiveChildren && moreActiveClassName, moreClassName);
   return /*#__PURE__*/jsxs(Link, _objectSpread2(_objectSpread2({
     title: 'More',
     className: classnames
   }, restProps), {}, {
     children: ['More', /*#__PURE__*/jsx(Icon, {
       glyph: chevronDown,
-      className: modules_02138f4a.chevron
+      className: styles.chevron
     })]
   }));
 };
@@ -128,7 +128,7 @@ const MoreButton = /*#__PURE__*/memo(_ref2 => {
       popupItems.push({
         template: morePopupBeforeEnd,
         key: 'before-end-content',
-        className: modules_02138f4a.morePopupBeforeEnd,
+        className: styles.morePopupBeforeEnd,
         rgItemType: ListProps.Type.CUSTOM
       });
     }
@@ -149,7 +149,7 @@ const MoreButton = /*#__PURE__*/memo(_ref2 => {
     return null;
   }
   return /*#__PURE__*/jsx("div", {
-    className: classNames(modules_02138f4a.title, moreClassName, hasActiveChild && moreActiveClassName),
+    className: classNames(styles.title, moreClassName, hasActiveChild && moreActiveClassName),
     children: /*#__PURE__*/jsx(Dropdown, {
       hoverMode: true,
       anchor: popupAnchor,
@@ -165,7 +165,7 @@ const FakeMoreButton = /*#__PURE__*/memo(_ref3 => {
     hasActiveChildren
   } = _ref3;
   return /*#__PURE__*/jsx("div", {
-    className: classNames(modules_02138f4a.moreButton, modules_02138f4a.title),
+    className: classNames(styles.moreButton, styles.title),
     children: /*#__PURE__*/jsx(AnchorLink, {
       moreClassName: moreClassName,
       moreActiveClassName: moreActiveClassName,

package/components/tabs/collapsible-tab.js

@@ -1,7 +1,7 @@
 import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import * as React from 'react';
 import classNames from 'classnames';
-import { m as modules_02138f4a, T as TabLink } from '../_helpers/tab-link.js';
+import { s as styles, T as TabLink } from '../_helpers/tab-link.js';
 import { CustomItem } from './custom-item.js';
 import { jsx } from 'react/jsx-runtime';
 import '../link/link.js';
@@ -34,9 +34,9 @@ const TabTitle = /*#__PURE__*/React.memo(function TabTitle(_ref) {
     collapsedClassName,
     collapsedActiveClassName
   } = child.props;
-  const titleClasses = classNames(modules_02138f4a.title, className, {
-    [modules_02138f4a.selected]: selected,
-    [modules_02138f4a.collapsed]: collapsed,
+  const titleClasses = classNames(styles.title, className, {
+    [styles.selected]: selected,
+    [styles.collapsed]: collapsed,
     [activeClassName !== null && activeClassName !== void 0 ? activeClassName : '']: selected,
     [collapsedClassName !== null && collapsedClassName !== void 0 ? collapsedClassName : '']: collapsed,
     [collapsedActiveClassName !== null && collapsedActiveClassName !== void 0 ? collapsedActiveClassName : '']: collapsed && selected

package/components/tabs/collapsible-tabs.d.ts

@@ -11,6 +11,6 @@ export interface CollapsibleTabsProps {
     initialVisibleItems?: number | null | undefined;
     morePopupBeforeEnd?: ReactNode;
 }
-export declare const CollapsibleTabs: ({ children, selected, onSelect, moreClassName, moreActiveClassName, morePopupClassName, morePopupBeforeEnd, morePopupItemClassName, initialVisibleItems }: CollapsibleTabsProps) => import("react").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<({ children, selected, onSelect, moreClassName, moreActiveClassName, morePopupClassName, morePopupBeforeEnd, morePopupItemClassName, initialVisibleItems }: CollapsibleTabsProps) => import("react").JSX.Element>;
+export declare const CollapsibleTabs: ({ children, selected, onSelect, moreClassName, moreActiveClassName, morePopupClassName, morePopupBeforeEnd, morePopupItemClassName, initialVisibleItems, }: CollapsibleTabsProps) => import("react").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<({ children, selected, onSelect, moreClassName, moreActiveClassName, morePopupClassName, morePopupBeforeEnd, morePopupItemClassName, initialVisibleItems, }: CollapsibleTabsProps) => import("react").JSX.Element>;
 export default _default;

package/components/tabs/collapsible-tabs.js

@@ -5,7 +5,7 @@ import 'core-js/modules/web.dom-collections.iterator.js';
 import { memo, useState, useRef, useMemo, useCallback, useEffect } from 'react';
 import classNames from 'classnames';
 import fastdom from 'fastdom';
-import { m as modules_02138f4a } from '../_helpers/tab-link.js';
+import { s as styles } from '../_helpers/tab-link.js';
 import { MoreButton, FakeMoreButton } from './collapsible-more.js';
 import getTabTitles from './collapsible-tab.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -257,11 +257,11 @@ const CollapsibleTabs = _ref => {
     };
   }, [adjustTabs]);
   const isAdjusted = elements.lastVisibleIndex !== null && preparedElements.ready === true || initialVisibleItems;
-  const className = classNames(modules_02138f4a.titles, modules_02138f4a.autoCollapse, isAdjusted && modules_02138f4a.adjusted);
+  const className = classNames(styles.titles, styles.autoCollapse, isAdjusted && styles.adjusted);
   return /*#__PURE__*/jsxs("div", {
-    className: modules_02138f4a.autoCollapseContainer,
+    className: styles.autoCollapseContainer,
     children: [/*#__PURE__*/jsxs("div", {
-      className: classNames(className, modules_02138f4a.rendered),
+      className: classNames(className, styles.rendered),
       children: [visibleElements, /*#__PURE__*/jsx(MoreButton, {
         moreClassName: moreClassName,
         moreActiveClassName: moreActiveClassName,
@@ -274,7 +274,7 @@ const CollapsibleTabs = _ref => {
       })]
     }), /*#__PURE__*/jsxs("div", {
       ref: measureRef,
-      className: classNames(className, modules_02138f4a.measure),
+      className: classNames(className, styles.measure),
       children: [childrenToMeasure, /*#__PURE__*/jsx(FakeMoreButton, {
         hasActiveChildren: preparedElements.hidden.some(item => item.props.alwaysHidden && item.props.id === selected),
         moreClassName: moreClassName,

package/components/tabs/dumb-tabs.js

@@ -5,7 +5,7 @@ import { PureComponent } from 'react';
 import classNames from 'classnames';
 import memoize from '../global/memoize.js';
 import joinDataTestAttributes from '../global/data-tests.js';
-import { m as modules_02138f4a, T as TabLink } from '../_helpers/tab-link.js';
+import { s as styles, T as TabLink } from '../_helpers/tab-link.js';
 import CollapsibleTabs from './collapsible-tabs.js';
 import { CustomItem } from './custom-item.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -95,8 +95,8 @@ class Tabs extends PureComponent {
       } = child.props;
       const key = id || String(i);
       const isSelected = key === selected;
-      const titleClasses = classNames(modules_02138f4a.title, className, isSelected && activeClassName, {
-        [modules_02138f4a.selected]: isSelected
+      const titleClasses = classNames(styles.title, className, isSelected && activeClassName, {
+        [styles.selected]: isSelected
       });
       return /*#__PURE__*/jsx(TabLink, _objectSpread2({
         title: title,
@@ -119,7 +119,7 @@ class Tabs extends PureComponent {
         'data-test': dataTest
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
-    const classes = classNames(modules_02138f4a.tabs, className);
+    const classes = classNames(styles.tabs, className);
     const childrenArray = React.Children.toArray(children).filter(Boolean);
     return /*#__PURE__*/jsxs("div", {
       className: classes,
@@ -129,7 +129,7 @@ class Tabs extends PureComponent {
         selected: selected,
         children: childrenArray
       })) : /*#__PURE__*/jsx("div", {
-        className: modules_02138f4a.titles,
+        className: styles.titles,
         children: childrenArray.map(this.getTabTitle)
       }), /*#__PURE__*/jsx("div", {
         className: classNames(tabContainerClassName),