@alfalab/core-components 45.6.0-beta.2 → 45.6.1

package/tabs/cssm/components/tabs/Component.mobile.js

@@ -1,32 +1,22 @@
-import React from 'react';
-import { PrimaryTabListMobile } from '../primary-tablist/Component.mobile.js';
-import { SecondaryTabListMobile } from '../secondary-tablist/Component.mobile.js';
-import { Tabs } from './Component.js';
-import '../primary-tablist/Component.js';
-import '@juggle/resize-observer';
-import 'classnames';
-import '../../../../keyboard-focusable/cssm';
-import '../../../../shared/cssm';
-import '../../hooks/use-tabs.js';
-import 'react-merge-refs';
-import '../scrollable-container/Component.js';
-import 'compute-scroll-into-view';
-import '../scroll-controls/Component.js';
-import 'lodash.debounce';
-import '../../../../icon-button/cssm';
-import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
-import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
-import '../scroll-controls/utils.js';
-import '../title/Component.js';
-import '../../index.module-82f769c1.js';
-import '../../../../tag/cssm/mobile';
-import '../secondary-tablist/Component.js';
-import '../../index.module-3a3764a3.js';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const views = {
-    primary: PrimaryTabListMobile,
-    secondary: SecondaryTabListMobile,
+var tslib = require('tslib');
+var React = require('react');
+var components_primaryTablist_Component_mobile = require('../primary-tablist/Component.mobile.js');
+var components_secondaryTablist_Component_mobile = require('../secondary-tablist/Component.mobile.js');
+var components_tabs_Component = require('./Component.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var views = {
+    primary: components_primaryTablist_Component_mobile.PrimaryTabListMobile,
+    secondary: components_secondaryTablist_Component_mobile.SecondaryTabListMobile,
+};
+var TabsMobile = function (_a) {
+    var _b = _a.view, view = _b === void 0 ? 'primary' : _b, _c = _a.scrollable, scrollable = _c === void 0 ? true : _c, restProps = tslib.__rest(_a, ["view", "scrollable"]);
+    return React__default.default.createElement(components_tabs_Component.Tabs, tslib.__assign({ TabList: views[view], scrollable: scrollable }, restProps));
 };
-const TabsMobile = ({ view = 'primary', scrollable = true, ...restProps }) => React.createElement(Tabs, { TabList: views[view], scrollable: scrollable, ...restProps });
 
-export { TabsMobile };
+exports.TabsMobile = TabsMobile;

package/tabs/cssm/components/tabs/Component.responsive.js

@@ -1,38 +1,22 @@
-import React from 'react';
-import { PrimaryTabListResponsive } from '../primary-tablist/Component.responsive.js';
-import { SecondaryTabListResponsive } from '../secondary-tablist/Component.responsive.js';
-import { Tabs } from './Component.js';
-import '../../../../mq/cssm';
-import '../primary-tablist/Component.desktop.js';
-import '../primary-tablist/Component.js';
-import '@juggle/resize-observer';
-import 'classnames';
-import '../../../../keyboard-focusable/cssm';
-import '../../../../shared/cssm';
-import '../../hooks/use-tabs.js';
-import 'react-merge-refs';
-import '../scrollable-container/Component.js';
-import 'compute-scroll-into-view';
-import '../scroll-controls/Component.js';
-import 'lodash.debounce';
-import '../../../../icon-button/cssm';
-import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
-import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
-import '../scroll-controls/utils.js';
-import '../title/Component.js';
-import '../../index.module-82f769c1.js';
-import '../primary-tablist/Component.mobile.js';
-import '../secondary-tablist/Component.desktop.js';
-import '../../../../tag/cssm/desktop';
-import '../secondary-tablist/Component.js';
-import '../../index.module-3a3764a3.js';
-import '../secondary-tablist/Component.mobile.js';
-import '../../../../tag/cssm/mobile';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const views = {
-    primary: PrimaryTabListResponsive,
-    secondary: SecondaryTabListResponsive,
+var tslib = require('tslib');
+var React = require('react');
+var components_primaryTablist_Component_responsive = require('../primary-tablist/Component.responsive.js');
+var components_secondaryTablist_Component_responsive = require('../secondary-tablist/Component.responsive.js');
+var components_tabs_Component = require('./Component.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var views = {
+    primary: components_primaryTablist_Component_responsive.PrimaryTabListResponsive,
+    secondary: components_secondaryTablist_Component_responsive.SecondaryTabListResponsive,
+};
+var TabsResponsive = function (_a) {
+    var _b = _a.view, view = _b === void 0 ? 'primary' : _b, _c = _a.scrollable, scrollable = _c === void 0 ? false : _c, restProps = tslib.__rest(_a, ["view", "scrollable"]);
+    return React__default.default.createElement(components_tabs_Component.Tabs, tslib.__assign({ TabList: views[view], scrollable: scrollable }, restProps));
 };
-const TabsResponsive = ({ view = 'primary', scrollable = false, ...restProps }) => React.createElement(Tabs, { TabList: views[view], scrollable: scrollable, ...restProps });
 
-export { TabsResponsive };
+exports.TabsResponsive = TabsResponsive;

package/tabs/cssm/components/title/Component.js

@@ -1,15 +1,27 @@
-import React, { forwardRef } from 'react';
-import cn from 'classnames';
-
-const Title = forwardRef(({ id, toggleClassName, title, styles = {}, rightAddons = null, hidden = false, selected = false, disabled = false, collapsed = false, focused = false, isOption = false, ...restProps }, ref) => hidden ? null : (React.createElement("button", { ...restProps, ref: ref, disabled: disabled, type: 'button', id: String(id), className: cn(styles.title, {
-        [styles.selected]: selected,
-        [styles.disabled]: disabled,
-        [styles.collapsed]: collapsed && !isOption,
-        [styles.option]: isOption,
-    }, toggleClassName) },
-    React.createElement("span", { className: cn(styles.content, { [styles.focused]: focused }) }, title),
-    rightAddons && (React.createElement("span", { className: cn(styles.rightAddons, {
-            [styles.rightAddonsMarginZero]: !title,
-        }) }, rightAddons)))));
-
-export { Title };
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+
+var Title = React.forwardRef(function (_a, ref) {
+    var _b, _c, _d;
+    var id = _a.id, toggleClassName = _a.toggleClassName, title = _a.title, _e = _a.styles, styles = _e === void 0 ? {} : _e, _f = _a.rightAddons, rightAddons = _f === void 0 ? null : _f, _g = _a.hidden, hidden = _g === void 0 ? false : _g, _h = _a.selected, selected = _h === void 0 ? false : _h, _j = _a.disabled, disabled = _j === void 0 ? false : _j, _k = _a.collapsed, collapsed = _k === void 0 ? false : _k, _l = _a.focused, focused = _l === void 0 ? false : _l, _m = _a.isOption, isOption = _m === void 0 ? false : _m, restProps = tslib.__rest(_a, ["id", "toggleClassName", "title", "styles", "rightAddons", "hidden", "selected", "disabled", "collapsed", "focused", "isOption"]);
+    return hidden ? null : (React__default.default.createElement("button", tslib.__assign({}, restProps, { ref: ref, disabled: disabled, type: 'button', id: String(id), className: cn__default.default(styles.title, (_b = {},
+            _b[styles.selected] = selected,
+            _b[styles.disabled] = disabled,
+            _b[styles.collapsed] = collapsed && !isOption,
+            _b[styles.option] = isOption,
+            _b), toggleClassName) }),
+        React__default.default.createElement("span", { className: cn__default.default(styles.content, (_c = {}, _c[styles.focused] = focused, _c)) }, title),
+        rightAddons && (React__default.default.createElement("span", { className: cn__default.default(styles.rightAddons, (_d = {},
+                _d[styles.rightAddonsMarginZero] = !title,
+                _d)) }, rightAddons))));
+});
+
+exports.Title = Title;

package/tabs/cssm/components/title/index.js

@@ -1,3 +1,7 @@
-export { Title } from './Component.js';
-import 'react';
-import 'classnames';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_title_Component = require('./Component.js');
+
+
+
+exports.Title = components_title_Component.Title;

package/tabs/cssm/desktop/index.js

@@ -1,26 +1,13 @@
-export { PrimaryTabListDesktop } from '../components/primary-tablist/Component.desktop.js';
-export { SecondaryTabListDesktop } from '../components/secondary-tablist/Component.desktop.js';
-export { Tab } from '../components/tab/Component.js';
-export { TabsDesktop } from '../components/tabs/Component.desktop.js';
-import 'react';
-import '../components/primary-tablist/Component.js';
-import '@juggle/resize-observer';
-import 'classnames';
-import '../../../keyboard-focusable/cssm';
-import '../../../shared/cssm';
-import '../hooks/use-tabs.js';
-import 'react-merge-refs';
-import '../components/scrollable-container/Component.js';
-import 'compute-scroll-into-view';
-import '../components/scroll-controls/Component.js';
-import 'lodash.debounce';
-import '../../../icon-button/cssm';
-import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
-import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
-import '../components/scroll-controls/utils.js';
-import '../components/title/Component.js';
-import '../index.module-82f769c1.js';
-import '../../../tag/cssm/desktop';
-import '../components/secondary-tablist/Component.js';
-import '../index.module-3a3764a3.js';
-import '../components/tabs/Component.js';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_primaryTablist_Component_desktop = require('../components/primary-tablist/Component.desktop.js');
+var components_secondaryTablist_Component_desktop = require('../components/secondary-tablist/Component.desktop.js');
+var components_tab_Component = require('../components/tab/Component.js');
+var components_tabs_Component_desktop = require('../components/tabs/Component.desktop.js');
+
+
+
+exports.PrimaryTabListDesktop = components_primaryTablist_Component_desktop.PrimaryTabListDesktop;
+exports.SecondaryTabListDesktop = components_secondaryTablist_Component_desktop.SecondaryTabListDesktop;
+exports.Tab = components_tab_Component.Tab;
+exports.TabsDesktop = components_tabs_Component_desktop.TabsDesktop;

package/tabs/cssm/hooks/use-collapsible-elements.js

@@ -1,24 +1,28 @@
-import { useState, useRef } from 'react';
-import { ResizeObserver } from '@juggle/resize-observer';
-import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const useCollapsibleElements = (selectors, deps = []) => {
-    const [idsCollapsedElements, setIdsCollapsedElements] = useState([]);
-    const containerRef = useRef(null);
-    const addonRef = useRef(null);
-    useLayoutEffect_SAFE_FOR_SSR(() => {
-        const collapseElements = (inlineSize) => {
-            const container = containerRef.current;
+var tslib = require('tslib');
+var React = require('react');
+var resizeObserver = require('@juggle/resize-observer');
+var hooks = require('@alfalab/hooks');
+
+var useCollapsibleElements = function (selectors, deps) {
+    if (deps === void 0) { deps = []; }
+    var _a = React.useState([]), idsCollapsedElements = _a[0], setIdsCollapsedElements = _a[1];
+    var containerRef = React.useRef(null);
+    var addonRef = React.useRef(null);
+    hooks.useLayoutEffect_SAFE_FOR_SSR(function () {
+        var collapseElements = function (inlineSize) {
+            var container = containerRef.current;
             if (!container)
                 return;
-            const addon = addonRef.current;
-            const containerWidth = (inlineSize || container.clientWidth) - (addon?.scrollWidth || 0) * 1.5; // при расчётах, даём кнопке "Ещё" чуть больше места, чтобы точно влезла
-            const elements = Array.from(container.querySelectorAll(selectors));
-            const collapsedIds = elements.reduce((acc, element) => {
-                const { offsetLeft, scrollWidth, id } = element;
-                const elementOffset = offsetLeft + scrollWidth;
-                const isCollapsedElement = getComputedStyle(element).visibility === 'collapse';
-                const maxWidth = addon && !isCollapsedElement
+            var addon = addonRef.current;
+            var containerWidth = (inlineSize || container.clientWidth) - ((addon === null || addon === void 0 ? void 0 : addon.scrollWidth) || 0) * 1.5; // при расчётах, даём кнопке "Ещё" чуть больше места, чтобы точно влезла
+            var elements = Array.from(container.querySelectorAll(selectors));
+            var collapsedIds = elements.reduce(function (acc, element) {
+                var offsetLeft = element.offsetLeft, scrollWidth = element.scrollWidth, id = element.id;
+                var elementOffset = offsetLeft + scrollWidth;
+                var isCollapsedElement = getComputedStyle(element).visibility === 'collapse';
+                var maxWidth = addon && !isCollapsedElement
                     ? containerWidth -
                         (addon.scrollWidth + parseFloat(getComputedStyle(addon).marginLeft))
                     : containerWidth;
@@ -28,9 +32,9 @@ const useCollapsibleElements = (selectors, deps = []) => {
             }, []);
             setIdsCollapsedElements(collapsedIds);
         };
-        const handleElementsResize = (entries) => {
+        var handleElementsResize = function (entries) {
             if (Array.isArray(entries[0].contentBoxSize)) {
-                const [{ inlineSize }] = entries[0].contentBoxSize;
+                var inlineSize = entries[0].contentBoxSize[0].inlineSize;
                 collapseElements(inlineSize);
             }
             else {
@@ -38,19 +42,19 @@ const useCollapsibleElements = (selectors, deps = []) => {
                 collapseElements(entries[0].contentRect.width);
             }
         };
-        const ResizeObserver$1 = window.ResizeObserver || ResizeObserver;
-        const observer = new ResizeObserver$1(handleElementsResize);
+        var ResizeObserver = window.ResizeObserver || resizeObserver.ResizeObserver;
+        var observer = new ResizeObserver(handleElementsResize);
         if (containerRef.current) {
             collapseElements();
             observer.observe(containerRef.current);
         }
-        return () => observer.disconnect();
-    }, [selectors, ...deps]);
+        return function () { return observer.disconnect(); };
+    }, tslib.__spreadArray([selectors], deps, true));
     return {
-        containerRef,
-        addonRef,
-        idsCollapsedElements,
+        containerRef: containerRef,
+        addonRef: addonRef,
+        idsCollapsedElements: idsCollapsedElements,
     };
 };
 
-export { useCollapsibleElements };
+exports.useCollapsibleElements = useCollapsibleElements;

package/tabs/cssm/hooks/use-tablist-titles.js

@@ -1,67 +1,66 @@
-import { useMemo } from 'react';
-import { useMatchMedia } from '../../../mq/cssm';
-import { useCollapsibleElements } from './use-collapsible-elements.js';
-import { useTabs } from './use-tabs.js';
-import '@juggle/resize-observer';
-import '@alfalab/hooks';
-import 'react-merge-refs';
-import '../../../shared/cssm';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const useTablistTitles = ({ titles = [], selectedId, collapsedTabsIds, breakpoint, onChange, defaultMatchMediaValue, }) => {
-    const { containerRef, addonRef, idsCollapsedElements } = useCollapsibleElements('[role=tab]', [titles, collapsedTabsIds]);
-    const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
-    const tablistTitles = useMemo(() => {
-        const idsCollapsedTitles = [];
-        const idsCollapsed = idsCollapsedElements.concat(collapsedTabsIds || []);
+var tslib = require('tslib');
+var React = require('react');
+var coreComponentsMq = require('../../../mq/cssm');
+var hooks_useCollapsibleElements = require('./use-collapsible-elements.js');
+var hooks_useTabs = require('./use-tabs.js');
+
+var useTablistTitles = function (_a) {
+    var _b = _a.titles, titles = _b === void 0 ? [] : _b, selectedId = _a.selectedId, collapsedTabsIds = _a.collapsedTabsIds, breakpoint = _a.breakpoint, onChange = _a.onChange, defaultMatchMediaValue = _a.defaultMatchMediaValue;
+    var _c = hooks_useCollapsibleElements.useCollapsibleElements('[role=tab]', [titles, collapsedTabsIds]), containerRef = _c.containerRef, addonRef = _c.addonRef, idsCollapsedElements = _c.idsCollapsedElements;
+    var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
+    var tablistTitles = React.useMemo(function () {
+        var idsCollapsedTitles = [];
+        var idsCollapsed = idsCollapsedElements.concat(collapsedTabsIds || []);
         if (isDesktop) {
-            const visibleTitles = titles.filter(({ id }) => !idsCollapsed.includes(String(id)));
-            const lastVisibleTitle = collapsedTabsIds
+            var visibleTitles = titles.filter(function (_a) {
+                var id = _a.id;
+                return !idsCollapsed.includes(String(id));
+            });
+            var lastVisibleTitle_1 = collapsedTabsIds
                 ? null
                 : visibleTitles[visibleTitles.length - 1];
-            idsCollapsed.forEach((id) => {
-                if (selectedId === id && lastVisibleTitle) {
-                    idsCollapsedTitles.push(String(lastVisibleTitle.id));
+            idsCollapsed.forEach(function (id) {
+                if (selectedId === id && lastVisibleTitle_1) {
+                    idsCollapsedTitles.push(String(lastVisibleTitle_1.id));
                 }
                 if (selectedId !== id) {
                     idsCollapsedTitles.push(id);
                 }
             });
         }
-        const titlesMapped = titles.map((title) => ({
-            ...title,
-            collapsed: idsCollapsedTitles.includes(String(title.id)),
-            selected: title.id === selectedId,
-        }));
-        if (collapsedTabsIds?.length) {
-            titlesMapped.sort((a, b) => {
-                const hasA = collapsedTabsIds.includes(String(a.id));
-                const hasB = collapsedTabsIds.includes(String(b.id));
+        var titlesMapped = titles.map(function (title) { return (tslib.__assign(tslib.__assign({}, title), { collapsed: idsCollapsedTitles.includes(String(title.id)), selected: title.id === selectedId })); });
+        if (collapsedTabsIds === null || collapsedTabsIds === void 0 ? void 0 : collapsedTabsIds.length) {
+            titlesMapped.sort(function (a, b) {
+                var hasA = collapsedTabsIds.includes(String(a.id));
+                var hasB = collapsedTabsIds.includes(String(b.id));
                 if (hasA === hasB) {
                     return 0;
                 }
                 return hasA ? 1 : -1;
             });
         }
-        return titlesMapped.sort((a, b) => {
+        return titlesMapped.sort(function (a, b) {
             if (a.collapsed === b.collapsed) {
                 return 0;
             }
             return a.collapsed ? 1 : -1;
         });
     }, [collapsedTabsIds, idsCollapsedElements, isDesktop, titles, selectedId]);
-    const { selectedTab, focusedTab, getTabListItemProps } = useTabs({
+    var _d = hooks_useTabs.useTabs({
         titles: tablistTitles,
-        selectedId,
-        onChange,
-    });
+        selectedId: selectedId,
+        onChange: onChange,
+    }), selectedTab = _d.selectedTab, focusedTab = _d.focusedTab, getTabListItemProps = _d.getTabListItemProps;
     return {
-        containerRef,
-        addonRef,
-        tablistTitles,
-        selectedTab,
-        focusedTab,
-        getTabListItemProps,
+        containerRef: containerRef,
+        addonRef: addonRef,
+        tablistTitles: tablistTitles,
+        selectedTab: selectedTab,
+        focusedTab: focusedTab,
+        getTabListItemProps: getTabListItemProps,
     };
 };
 
-export { useTablistTitles };
+exports.useTablistTitles = useTablistTitles;

package/tabs/cssm/hooks/use-tabs.js

@@ -1,31 +1,38 @@
-import { useState, useRef, useCallback } from 'react';
-import mergeRefs from 'react-merge-refs';
-import { getDataTestId } from '../../../shared/cssm';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-function useTabs({ titles = [], selectedId, onChange }) {
-    const [selectedTab, setSelectedTab] = useState(null);
-    const [focusedTab, setFocusedTab] = useState(null);
-    const itemRefs = useRef([]);
-    const handleItemRef = useCallback((node, item, index) => {
+var React = require('react');
+var mergeRefs = require('react-merge-refs');
+var coreComponentsShared = require('../../../shared/cssm');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
+
+function useTabs(_a) {
+    var _b = _a.titles, titles = _b === void 0 ? [] : _b, selectedId = _a.selectedId, onChange = _a.onChange;
+    var _c = React.useState(null), selectedTab = _c[0], setSelectedTab = _c[1];
+    var _d = React.useState(null), focusedTab = _d[0], setFocusedTab = _d[1];
+    var itemRefs = React.useRef([]);
+    var handleItemRef = React.useCallback(function (node, item, index) {
         if (node && item.id === selectedId)
             setSelectedTab(node);
         itemRefs.current[index] = node;
     }, [selectedId]);
-    const handleItemClick = useCallback((event, item) => {
+    var handleItemClick = React.useCallback(function (event, item) {
         if (onChange && item.id !== selectedId) {
             onChange(event, { selectedId: item.id });
         }
     }, [onChange, selectedId]);
-    const focusTab = useCallback((position) => {
-        const refs = itemRefs.current;
-        const tabAvailable = (ref) => ref && !ref.disabled;
-        if (refs.every((ref) => !tabAvailable(ref)))
+    var focusTab = React.useCallback(function (position) {
+        var refs = itemRefs.current;
+        var tabAvailable = function (ref) { return ref && !ref.disabled; };
+        if (refs.every(function (ref) { return !tabAvailable(ref); }))
             return;
-        let focusedTabIndex = refs.findIndex((node) => document.activeElement === node);
+        var focusedTabIndex = refs.findIndex(function (node) { return document.activeElement === node; });
         if (focusedTabIndex === -1) {
-            focusedTabIndex = refs.findIndex((node) => node === selectedTab);
+            focusedTabIndex = refs.findIndex(function (node) { return node === selectedTab; });
         }
-        let newFocusIndex;
+        var newFocusIndex;
         switch (position) {
             case 'prev':
                 newFocusIndex = focusedTabIndex === 0 ? refs.length - 1 : focusedTabIndex - 1;
@@ -40,14 +47,14 @@ function useTabs({ titles = [], selectedId, onChange }) {
                 newFocusIndex = refs.length - 1;
                 break;
         }
-        const shift = ['prev', 'end'].includes(position) ? -1 : 1;
+        var shift = ['prev', 'end'].includes(position) ? -1 : 1;
         while (!tabAvailable(refs[newFocusIndex])) {
             newFocusIndex = (refs.length + newFocusIndex + shift) % refs.length;
         }
         refs[newFocusIndex].focus();
         setFocusedTab(refs[newFocusIndex]);
     }, [selectedTab, itemRefs]);
-    const handleKeyDown = useCallback((event) => {
+    var handleKeyDown = React.useCallback(function (event) {
         switch (event.key) {
             case 'ArrowLeft':
                 focusTab('prev');
@@ -67,11 +74,11 @@ function useTabs({ titles = [], selectedId, onChange }) {
                 break;
         }
     }, [focusTab]);
-    const getTabListItemProps = (index, outerRef) => {
-        const item = titles[index];
-        const itemSelected = item.id === selectedId;
-        const refs = [
-            (node) => {
+    var getTabListItemProps = function (index, outerRef) {
+        var item = titles[index];
+        var itemSelected = item.id === selectedId;
+        var refs = [
+            function (node) {
                 // eslint-disable-next-line no-param-reassign
                 if (outerRef)
                     outerRef.current = node;
@@ -86,18 +93,18 @@ function useTabs({ titles = [], selectedId, onChange }) {
             tabIndex: itemSelected ? 0 : -1,
             'aria-selected': itemSelected,
             selected: itemSelected,
-            'data-test-id': getDataTestId(item.dataTestId, 'toggle'),
+            'data-test-id': coreComponentsShared.getDataTestId(item.dataTestId, 'toggle'),
             disabled: item.disabled,
-            ref: mergeRefs(refs),
+            ref: mergeRefs__default.default(refs),
             onKeyDown: handleKeyDown,
-            onClick: (event) => handleItemClick(event, item),
+            onClick: function (event) { return handleItemClick(event, item); },
         };
     };
     return {
-        getTabListItemProps,
-        selectedTab,
-        focusedTab,
+        getTabListItemProps: getTabListItemProps,
+        selectedTab: selectedTab,
+        focusedTab: focusedTab,
     };
 }
 
-export { useTabs };
+exports.useTabs = useTabs;

package/tabs/cssm/index.js

@@ -1,32 +1,13 @@
-export { PrimaryTabListResponsive } from './components/primary-tablist/Component.responsive.js';
-export { SecondaryTabListResponsive } from './components/secondary-tablist/Component.responsive.js';
-export { Tab } from './components/tab/Component.js';
-export { TabsResponsive as Tabs } from './components/tabs/Component.responsive.js';
-import 'react';
-import '../../mq/cssm';
-import './components/primary-tablist/Component.desktop.js';
-import './components/primary-tablist/Component.js';
-import '@juggle/resize-observer';
-import 'classnames';
-import '../../keyboard-focusable/cssm';
-import '../../shared/cssm';
-import './hooks/use-tabs.js';
-import 'react-merge-refs';
-import './components/scrollable-container/Component.js';
-import 'compute-scroll-into-view';
-import './components/scroll-controls/Component.js';
-import 'lodash.debounce';
-import '../../icon-button/cssm';
-import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
-import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
-import './components/scroll-controls/utils.js';
-import './components/title/Component.js';
-import './index.module-82f769c1.js';
-import './components/primary-tablist/Component.mobile.js';
-import './components/secondary-tablist/Component.desktop.js';
-import '../../tag/cssm/desktop';
-import './components/secondary-tablist/Component.js';
-import './index.module-3a3764a3.js';
-import './components/secondary-tablist/Component.mobile.js';
-import '../../tag/cssm/mobile';
-import './components/tabs/Component.js';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_primaryTablist_Component_responsive = require('./components/primary-tablist/Component.responsive.js');
+var components_secondaryTablist_Component_responsive = require('./components/secondary-tablist/Component.responsive.js');
+var components_tab_Component = require('./components/tab/Component.js');
+var components_tabs_Component_responsive = require('./components/tabs/Component.responsive.js');
+
+
+
+exports.PrimaryTabListResponsive = components_primaryTablist_Component_responsive.PrimaryTabListResponsive;
+exports.SecondaryTabListResponsive = components_secondaryTablist_Component_responsive.SecondaryTabListResponsive;
+exports.Tab = components_tab_Component.Tab;
+exports.Tabs = components_tabs_Component_responsive.TabsResponsive;

package/tabs/cssm/mobile/index.js

@@ -1,26 +1,13 @@
-export { PrimaryTabListMobile } from '../components/primary-tablist/Component.mobile.js';
-export { SecondaryTabListMobile } from '../components/secondary-tablist/Component.mobile.js';
-export { Tab } from '../components/tab/Component.js';
-export { TabsMobile } from '../components/tabs/Component.mobile.js';
-import 'react';
-import '../components/primary-tablist/Component.js';
-import '@juggle/resize-observer';
-import 'classnames';
-import '../../../keyboard-focusable/cssm';
-import '../../../shared/cssm';
-import '../hooks/use-tabs.js';
-import 'react-merge-refs';
-import '../components/scrollable-container/Component.js';
-import 'compute-scroll-into-view';
-import '../components/scroll-controls/Component.js';
-import 'lodash.debounce';
-import '../../../icon-button/cssm';
-import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
-import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
-import '../components/scroll-controls/utils.js';
-import '../components/title/Component.js';
-import '../index.module-82f769c1.js';
-import '../../../tag/cssm/mobile';
-import '../components/secondary-tablist/Component.js';
-import '../index.module-3a3764a3.js';
-import '../components/tabs/Component.js';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_primaryTablist_Component_mobile = require('../components/primary-tablist/Component.mobile.js');
+var components_secondaryTablist_Component_mobile = require('../components/secondary-tablist/Component.mobile.js');
+var components_tab_Component = require('../components/tab/Component.js');
+var components_tabs_Component_mobile = require('../components/tabs/Component.mobile.js');
+
+
+
+exports.PrimaryTabListMobile = components_primaryTablist_Component_mobile.PrimaryTabListMobile;
+exports.SecondaryTabListMobile = components_secondaryTablist_Component_mobile.SecondaryTabListMobile;
+exports.Tab = components_tab_Component.Tab;
+exports.TabsMobile = components_tabs_Component_mobile.TabsMobile;