@alfalab/core-components 44.5.1-beta.1 → 44.5.1-beta.3

package/table/cssm/components/index.js

@@ -9,29 +9,6 @@ var components_tbody_Component = require('./tbody/Component.js');
 var components_tcell_Component = require('./tcell/Component.js');
 var components_trow_Component = require('./trow/Component.js');
 var components_texpandableRow_Component = require('./texpandable-row/Component.js');
-require('tslib');
-require('react');
-require('classnames');
-require('./table-context/index.js');
-require('./table/utils.js');
-require('../utils.js');
-require('./table/index.module.css');
-require('../../../pagination/cssm');
-require('../../../select/cssm/desktop');
-require('./pagination/select-field/index.js');
-require('../../../button/cssm');
-require('./pagination/select-field/index.module.css');
-require('./pagination/index.module.css');
-require('./thead/index.module.css');
-require('./thead-cell/index.module.css');
-require('./tsortable-head-cell/sort-icon-asc.js');
-require('./tsortable-head-cell/sort-icon-desc.js');
-require('./tsortable-head-cell/sort-icon-unset.js');
-require('./tsortable-head-cell/index.module.css');
-require('./tbody/index.module.css');
-require('./tcell/index.module.css');
-require('./trow/index.module.css');
-require('./texpandable-row/index.module.css');
 
 
 

package/table/cssm/components/pagination/Component.js

@@ -8,8 +8,6 @@ var desktop = require('../../../../select/cssm/desktop');
 var components_tableContext_index = require('../table-context/index.js');
 var components_pagination_selectField_index = require('./select-field/index.js');
 var styles = require('./index.module.css');
-require('../../../../button/cssm');
-require('./select-field/index.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/table/cssm/components/pagination/index.js

@@ -1,16 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_pagination_Component = require('./Component.js');
-require('tslib');
-require('react');
-require('classnames');
-require('../../../../pagination/cssm');
-require('../../../../select/cssm/desktop');
-require('../table-context/index.js');
-require('./select-field/index.js');
-require('../../../../button/cssm');
-require('./select-field/index.module.css');
-require('./index.module.css');
 
 
 

package/table/cssm/components/table/Component.js

@@ -6,9 +6,6 @@ var cn = require('classnames');
 var components_tableContext_index = require('../table-context/index.js');
 var components_table_utils = require('./utils.js');
 var styles = require('./index.module.css');
-require('../../utils.js');
-require('../thead/Component.js');
-require('../thead/index.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/table/cssm/components/table/index.js

@@ -1,15 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_table_Component = require('./Component.js');
-require('tslib');
-require('react');
-require('classnames');
-require('../table-context/index.js');
-require('./utils.js');
-require('../../utils.js');
-require('../thead/Component.js');
-require('../thead/index.module.css');
-require('./index.module.css');
 
 
 

package/table/cssm/components/table/utils.js

@@ -3,9 +3,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var utils = require('../../utils.js');
 var components_thead_Component = require('../thead/Component.js');
-require('tslib');
-require('classnames');
-require('../thead/index.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/table/cssm/components/tbody/index.js

@@ -1,10 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_tbody_Component = require('./Component.js');
-require('tslib');
-require('react');
-require('classnames');
-require('./index.module.css');
 
 
 

package/table/cssm/components/tcell/index.js

@@ -1,11 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_tcell_Component = require('./Component.js');
-require('tslib');
-require('react');
-require('classnames');
-require('../table-context/index.js');
-require('./index.module.css');
 
 
 

package/table/cssm/components/texpandable-row/Component.js

@@ -5,7 +5,6 @@ var React = require('react');
 var cn = require('classnames');
 var components_trow_Component = require('../trow/Component.js');
 var styles = require('./index.module.css');
-require('../trow/index.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/table/cssm/components/texpandable-row/index.js

@@ -1,12 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_texpandableRow_Component = require('./Component.js');
-require('tslib');
-require('react');
-require('classnames');
-require('../trow/Component.js');
-require('../trow/index.module.css');
-require('./index.module.css');
 
 
 

package/table/cssm/components/thead/index.js

@@ -1,10 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_thead_Component = require('./Component.js');
-require('tslib');
-require('react');
-require('classnames');
-require('./index.module.css');
 
 
 

package/table/cssm/components/thead-cell/index.js

@@ -1,11 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_theadCell_Component = require('./Component.js');
-require('tslib');
-require('react');
-require('classnames');
-require('../table-context/index.js');
-require('./index.module.css');
 
 
 

package/table/cssm/components/trow/index.js

@@ -1,10 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_trow_Component = require('./Component.js');
-require('tslib');
-require('react');
-require('classnames');
-require('./index.module.css');
 
 
 

package/table/cssm/components/tsortable-head-cell/Component.js

@@ -8,8 +8,6 @@ var components_tsortableHeadCell_sortIconAsc = require('./sort-icon-asc.js');
 var components_tsortableHeadCell_sortIconDesc = require('./sort-icon-desc.js');
 var components_tsortableHeadCell_sortIconUnset = require('./sort-icon-unset.js');
 var styles = require('./index.module.css');
-require('../table-context/index.js');
-require('../thead-cell/index.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/table/cssm/components/tsortable-head-cell/index.js

@@ -1,16 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_tsortableHeadCell_Component = require('./Component.js');
-require('tslib');
-require('react');
-require('classnames');
-require('../thead-cell/Component.js');
-require('../table-context/index.js');
-require('../thead-cell/index.module.css');
-require('./sort-icon-asc.js');
-require('./sort-icon-desc.js');
-require('./sort-icon-unset.js');
-require('./index.module.css');
 
 
 

package/table/cssm/index.js

@@ -1,38 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var component = require('./component.js');
-require('./components/table/Component.js');
-require('tslib');
-require('react');
-require('classnames');
-require('./components/table-context/index.js');
-require('./components/table/utils.js');
-require('./utils.js');
-require('./components/thead/Component.js');
-require('./components/thead/index.module.css');
-require('./components/table/index.module.css');
-require('./components/pagination/Component.js');
-require('../../pagination/cssm');
-require('../../select/cssm/desktop');
-require('./components/pagination/select-field/index.js');
-require('../../button/cssm');
-require('./components/pagination/select-field/index.module.css');
-require('./components/pagination/index.module.css');
-require('./components/thead-cell/Component.js');
-require('./components/thead-cell/index.module.css');
-require('./components/tsortable-head-cell/Component.js');
-require('./components/tsortable-head-cell/sort-icon-asc.js');
-require('./components/tsortable-head-cell/sort-icon-desc.js');
-require('./components/tsortable-head-cell/sort-icon-unset.js');
-require('./components/tsortable-head-cell/index.module.css');
-require('./components/tbody/Component.js');
-require('./components/tbody/index.module.css');
-require('./components/tcell/Component.js');
-require('./components/tcell/index.module.css');
-require('./components/trow/Component.js');
-require('./components/trow/index.module.css');
-require('./components/texpandable-row/Component.js');
-require('./components/texpandable-row/index.module.css');
 
 
 

package/table/esm/component.js

@@ -11,12 +11,12 @@ import 'tslib';
 import 'react';
 import 'classnames';
 import './components/table-context/index.js';
+import './components/table/utils.js';
+import './utils.js';
 import '../../pagination/esm';
 import '../../select/esm/desktop';
 import './components/pagination/select-field/index.js';
 import '../../button/esm';
-import './components/table/utils.js';
-import './utils.js';
 import './components/tsortable-head-cell/sort-icon-asc.js';
 import './components/tsortable-head-cell/sort-icon-desc.js';
 import './components/tsortable-head-cell/sort-icon-unset.js';

package/table/esm/components/index.js

@@ -11,12 +11,12 @@ import 'tslib';
 import 'react';
 import 'classnames';
 import './table-context/index.js';
+import './table/utils.js';
+import '../utils.js';
 import '../../../pagination/esm';
 import '../../../select/esm/desktop';
 import './pagination/select-field/index.js';
 import '../../../button/esm';
-import './table/utils.js';
-import '../utils.js';
 import './tsortable-head-cell/sort-icon-asc.js';
 import './tsortable-head-cell/sort-icon-desc.js';
 import './tsortable-head-cell/sort-icon-unset.js';

package/table/esm/components/table/Component.js

@@ -3,8 +3,8 @@ import React, { forwardRef, useRef, useMemo } from 'react';
 import cn from 'classnames';
 import { TableContext } from '../table-context/index.js';
 import { findAllHeadCellsProps } from './utils.js';
-import '../thead/Component.js';
 import '../../utils.js';
+import '../thead/Component.js';
 
 var styles = {"component":"table__component_1azxs","wrapper":"table__wrapper_1azxs","stickyHeader":"table__stickyHeader_1azxs","hasPagination":"table__hasPagination_1azxs","table":"table__table_1azxs"};
 require('./index.css');

package/table/esm/components/table/index.js

@@ -3,6 +3,6 @@ import 'tslib';
 import 'react';
 import 'classnames';
 import '../table-context/index.js';
-import '../thead/Component.js';
 import './utils.js';
 import '../../utils.js';
+import '../thead/Component.js';

package/table/esm/index.js

@@ -4,6 +4,8 @@ import 'tslib';
 import 'react';
 import 'classnames';
 import './components/table-context/index.js';
+import './components/table/utils.js';
+import './utils.js';
 import './components/thead/Component.js';
 import './components/pagination/Component.js';
 import '../../pagination/esm';
@@ -12,12 +14,10 @@ import './components/pagination/select-field/index.js';
 import '../../button/esm';
 import './components/thead-cell/Component.js';
 import './components/tsortable-head-cell/Component.js';
+import './components/tsortable-head-cell/sort-icon-asc.js';
+import './components/tsortable-head-cell/sort-icon-desc.js';
+import './components/tsortable-head-cell/sort-icon-unset.js';
 import './components/tbody/Component.js';
 import './components/tcell/Component.js';
 import './components/trow/Component.js';
 import './components/texpandable-row/Component.js';
-import './components/table/utils.js';
-import './utils.js';
-import './components/tsortable-head-cell/sort-icon-asc.js';
-import './components/tsortable-head-cell/sort-icon-desc.js';
-import './components/tsortable-head-cell/sort-icon-unset.js';

package/table/index.js

@@ -1,28 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var component = require('./component.js');
-require('./components/table/Component.js');
-require('tslib');
-require('react');
-require('classnames');
-require('./components/table-context/index.js');
-require('./components/table/utils.js');
-require('./utils.js');
-require('./components/thead/Component.js');
-require('./components/pagination/Component.js');
-require('../pagination');
-require('../select/desktop');
-require('./components/pagination/select-field/index.js');
-require('../button');
-require('./components/thead-cell/Component.js');
-require('./components/tsortable-head-cell/Component.js');
-require('./components/tsortable-head-cell/sort-icon-asc.js');
-require('./components/tsortable-head-cell/sort-icon-desc.js');
-require('./components/tsortable-head-cell/sort-icon-unset.js');
-require('./components/tbody/Component.js');
-require('./components/tcell/Component.js');
-require('./components/trow/Component.js');
-require('./components/texpandable-row/Component.js');
 
 
 

package/table/modern/component.js

@@ -10,12 +10,12 @@ import { TExpandableRow } from './components/texpandable-row/Component.js';
 import 'react';
 import 'classnames';
 import './components/table-context/index.js';
+import './components/table/utils.js';
+import './utils.js';
 import '../../pagination/modern';
 import '../../select/modern/desktop';
 import './components/pagination/select-field/index.js';
 import '../../button/modern';
-import './components/table/utils.js';
-import './utils.js';
 import './components/tsortable-head-cell/sort-icon-asc.js';
 import './components/tsortable-head-cell/sort-icon-desc.js';
 import './components/tsortable-head-cell/sort-icon-unset.js';

package/table/modern/components/index.js

@@ -10,12 +10,12 @@ export { TExpandableRow } from './texpandable-row/Component.js';
 import 'react';
 import 'classnames';
 import './table-context/index.js';
+import './table/utils.js';
+import '../utils.js';
 import '../../../pagination/modern';
 import '../../../select/modern/desktop';
 import './pagination/select-field/index.js';
 import '../../../button/modern';
-import './table/utils.js';
-import '../utils.js';
 import './tsortable-head-cell/sort-icon-asc.js';
 import './tsortable-head-cell/sort-icon-desc.js';
 import './tsortable-head-cell/sort-icon-unset.js';

package/table/modern/components/table/Component.js

@@ -2,8 +2,8 @@ import React, { forwardRef, useRef, useMemo } from 'react';
 import cn from 'classnames';
 import { TableContext } from '../table-context/index.js';
 import { findAllHeadCellsProps } from './utils.js';
-import '../thead/Component.js';
 import '../../utils.js';
+import '../thead/Component.js';
 
 const styles = {"component":"table__component_1azxs","wrapper":"table__wrapper_1azxs","stickyHeader":"table__stickyHeader_1azxs","hasPagination":"table__hasPagination_1azxs","table":"table__table_1azxs"};
 require('./index.css');

package/table/modern/components/table/index.js

@@ -2,6 +2,6 @@ export { Table } from './Component.js';
 import 'react';
 import 'classnames';
 import '../table-context/index.js';
-import '../thead/Component.js';
 import './utils.js';
 import '../../utils.js';
+import '../thead/Component.js';

package/table/modern/index.js

@@ -3,6 +3,8 @@ import './components/table/Component.js';
 import 'react';
 import 'classnames';
 import './components/table-context/index.js';
+import './components/table/utils.js';
+import './utils.js';
 import './components/thead/Component.js';
 import './components/pagination/Component.js';
 import '../../pagination/modern';
@@ -11,12 +13,10 @@ import './components/pagination/select-field/index.js';
 import '../../button/modern';
 import './components/thead-cell/Component.js';
 import './components/tsortable-head-cell/Component.js';
+import './components/tsortable-head-cell/sort-icon-asc.js';
+import './components/tsortable-head-cell/sort-icon-desc.js';
+import './components/tsortable-head-cell/sort-icon-unset.js';
 import './components/tbody/Component.js';
 import './components/tcell/Component.js';
 import './components/trow/Component.js';
 import './components/texpandable-row/Component.js';
-import './components/table/utils.js';
-import './utils.js';
-import './components/tsortable-head-cell/sort-icon-asc.js';
-import './components/tsortable-head-cell/sort-icon-desc.js';
-import './components/tsortable-head-cell/sort-icon-unset.js';

package/tabs/collapsible/index.js

@@ -2,25 +2,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_tabs_Component_collapsible = require('../components/tabs/Component.collapsible.js');
 var components_tab_Component = require('../components/tab/Component.js');
-require('tslib');
-require('react');
-require('../components/primary-tablist/Component.collapsible.js');
-require('classnames');
-require('../../badge');
-require('../../keyboard-focusable');
-require('../../picker-button/desktop');
-require('../hooks/use-tablist-titles.js');
-require('../../mq');
-require('../hooks/use-collapsible-elements.js');
-require('@juggle/resize-observer');
-require('@alfalab/hooks');
-require('../hooks/use-tabs.js');
-require('react-merge-refs');
-require('../../shared');
-require('../synthetic-events.js');
-require('../components/title/Component.js');
-require('../index.module-85fa7c5b.js');
-require('../components/tabs/Component.js');
 
 
 

package/tabs/components/primary-tablist/Component.collapsible.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
 import { TabListProps } from "../../typings";
-declare const CollapsiblePrimaryTabList: ({ size, className, containerClassName, titles, selectedId, collapsedTabsIds, fullWidthScroll, onChange, dataTestId, breakpoint, defaultMatchMediaValue, }: TabListProps) => React.JSX.Element;
+declare const CollapsiblePrimaryTabList: ({ size, className, containerClassName, titles, selectedId, collapsedTabsIds, fullWidthScroll, onChange, dataTestId, breakpoint, defaultMatchMediaValue, textStyle, }: TabListProps) => React.JSX.Element;
 export { CollapsiblePrimaryTabList };

package/tabs/components/primary-tablist/Component.collapsible.js

@@ -9,14 +9,7 @@ var desktop = require('../../../picker-button/desktop');
 var hooks_useTablistTitles = require('../../hooks/use-tablist-titles.js');
 var syntheticEvents = require('../../synthetic-events.js');
 var components_title_Component = require('../title/Component.js');
-var index_module = require('../../index.module-85fa7c5b.js');
-require('../../../mq');
-require('../../hooks/use-collapsible-elements.js');
-require('@juggle/resize-observer');
-require('@alfalab/hooks');
-require('../../hooks/use-tabs.js');
-require('react-merge-refs');
-require('../../../shared');
+var index_module = require('../../index.module-fe7d33d0.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -24,7 +17,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
 var CollapsiblePrimaryTabList = function (_a) {
-    var _b = _a.size, size = _b === void 0 ? 'm' : _b, className = _a.className, containerClassName = _a.containerClassName, _c = _a.titles, titles = _c === void 0 ? [] : _c, _d = _a.selectedId, selectedId = _d === void 0 ? titles.length ? titles[0].id : undefined : _d, collapsedTabsIds = _a.collapsedTabsIds, fullWidthScroll = _a.fullWidthScroll, onChange = _a.onChange, dataTestId = _a.dataTestId, _e = _a.breakpoint, breakpoint = _e === void 0 ? 1024 : _e, defaultMatchMediaValue = _a.defaultMatchMediaValue;
+    var _b = _a.size, size = _b === void 0 ? 'm' : _b, className = _a.className, containerClassName = _a.containerClassName, _c = _a.titles, titles = _c === void 0 ? [] : _c, _d = _a.selectedId, selectedId = _d === void 0 ? titles.length ? titles[0].id : undefined : _d, collapsedTabsIds = _a.collapsedTabsIds, fullWidthScroll = _a.fullWidthScroll, onChange = _a.onChange, dataTestId = _a.dataTestId, _e = _a.breakpoint, breakpoint = _e === void 0 ? 1024 : _e, defaultMatchMediaValue = _a.defaultMatchMediaValue, textStyle = _a.textStyle;
     var lineRef = React.useRef(null);
     var _f = hooks_useTablistTitles.useTablistTitles({
         titles: titles,
@@ -64,7 +57,7 @@ var CollapsiblePrimaryTabList = function (_a) {
     };
     var renderContent = function () {
         var _a;
-        return (React__default.default.createElement("div", { role: 'tablist', "data-test-id": dataTestId, className: cn__default.default(index_module.styles.component, className, size && index_module.styles[size], (_a = {},
+        return (React__default.default.createElement("div", { role: 'tablist', "data-test-id": dataTestId, className: cn__default.default(index_module.styles.component, className, !textStyle && size && index_module.styles[size], (_a = {},
                 _a[index_module.styles.fullWidthScroll] = fullWidthScroll,
                 _a)) },
             tablistTitles.map(function (_a, index) {
@@ -72,10 +65,10 @@ var CollapsiblePrimaryTabList = function (_a) {
                 return (React__default.default.createElement(coreComponentsKeyboardFocusable.KeyboardFocusable, { key: restTitleProps.id }, function (ref, focused) { return (React__default.default.createElement(components_title_Component.Title, tslib.__assign({}, getTabListItemProps(index, ref), restTitleProps, { focused: focused, styles: index_module.styles }))); }));
             }),
             collapsedOptions.length ? (React__default.default.createElement("span", { ref: addonRef, role: 'menu', className: index_module.styles.pickerWrapper },
-                React__default.default.createElement(desktop.PickerButtonDesktop, { fieldClassName: index_module.styles.title, optionClassName: cn__default.default(index_module.styles.pickerOption, size && index_module.styles[size]), options: collapsedOptions, onChange: handleOptionsChange, rightAddons: collapsedAddonsLength ? (React__default.default.createElement(coreComponentsBadge.Badge, { view: 'count', content: collapsedAddonsLength })) : null, size: 'm', view: 'ghost', label: '\u0415\u0449\u0451', popoverPosition: 'bottom-end' }))) : null,
+                React__default.default.createElement(desktop.PickerButtonDesktop, { fieldClassName: index_module.styles.title, optionClassName: cn__default.default(size && index_module.styles[size]), options: collapsedOptions, onChange: handleOptionsChange, rightAddons: collapsedAddonsLength ? (React__default.default.createElement(coreComponentsBadge.Badge, { view: 'count', content: collapsedAddonsLength })) : null, size: 'm', view: 'ghost', label: '\u0415\u0449\u0451', popoverPosition: 'bottom-end' }))) : null,
             React__default.default.createElement("div", { className: index_module.styles.line, ref: lineRef })));
     };
-    return (React__default.default.createElement("div", { ref: containerRef, className: cn__default.default(index_module.styles.container, containerClassName) }, renderContent()));
+    return (React__default.default.createElement("div", { ref: containerRef, className: cn__default.default(index_module.styles.container, textStyle && index_module.styles[textStyle], index_module.styles.desktop, containerClassName) }, renderContent()));
 };
 
 exports.CollapsiblePrimaryTabList = CollapsiblePrimaryTabList;

package/tabs/components/primary-tablist/Component.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
 import { PlatformProps, Styles, TabListProps } from "../../typings";
-declare const PrimaryTabList: ({ size, styles, className, containerClassName, titles, selectedId, scrollable, fullWidthScroll, onChange, dataTestId, platform, }: TabListProps & Styles & PlatformProps) => React.JSX.Element;
+declare const PrimaryTabList: ({ size, styles, className, containerClassName, titles, selectedId, scrollable, fullWidthScroll, onChange, dataTestId, platform, textStyle, }: TabListProps & Styles & PlatformProps) => React.JSX.Element;
 export { PrimaryTabList };

package/tabs/components/primary-tablist/Component.desktop.js

@@ -3,22 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var components_primaryTablist_Component = require('./Component.js');
-var index_module = require('../../index.module-85fa7c5b.js');
-require('@juggle/resize-observer');
-require('classnames');
-require('../../../keyboard-focusable');
-require('../../../shared');
-require('../../hooks/use-tabs.js');
-require('react-merge-refs');
-require('../scrollable-container/Component.js');
-require('compute-scroll-into-view');
-require('../scroll-controls/Component.js');
-require('lodash.debounce');
-require('../../../icon-button');
-require('@alfalab/icons-glyph/ChevronLeftMIcon');
-require('@alfalab/icons-glyph/ChevronRightMIcon');
-require('../scroll-controls/utils.js');
-require('../title/Component.js');
+var index_module = require('../../index.module-fe7d33d0.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/tabs/components/primary-tablist/Component.js

@@ -9,14 +9,6 @@ var coreComponentsShared = require('../../../shared');
 var hooks_useTabs = require('../../hooks/use-tabs.js');
 var components_scrollableContainer_Component = require('../scrollable-container/Component.js');
 var components_title_Component = require('../title/Component.js');
-require('react-merge-refs');
-require('compute-scroll-into-view');
-require('../scroll-controls/Component.js');
-require('lodash.debounce');
-require('../../../icon-button');
-require('@alfalab/icons-glyph/ChevronLeftMIcon');
-require('@alfalab/icons-glyph/ChevronRightMIcon');
-require('../scroll-controls/utils.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -24,7 +16,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
 var PrimaryTabList = function (_a) {
-    var size = _a.size, _b = _a.styles, styles = _b === void 0 ? {} : _b, className = _a.className, containerClassName = _a.containerClassName, _c = _a.titles, titles = _c === void 0 ? [] : _c, _d = _a.selectedId, selectedId = _d === void 0 ? titles.length ? titles[0].id : undefined : _d, _e = _a.scrollable, scrollable = _e === void 0 ? true : _e, fullWidthScroll = _a.fullWidthScroll, onChange = _a.onChange, dataTestId = _a.dataTestId, platform = _a.platform;
+    var size = _a.size, _b = _a.styles, styles = _b === void 0 ? {} : _b, className = _a.className, containerClassName = _a.containerClassName, _c = _a.titles, titles = _c === void 0 ? [] : _c, _d = _a.selectedId, selectedId = _d === void 0 ? titles.length ? titles[0].id : undefined : _d, _e = _a.scrollable, scrollable = _e === void 0 ? true : _e, fullWidthScroll = _a.fullWidthScroll, onChange = _a.onChange, dataTestId = _a.dataTestId, platform = _a.platform, textStyle = _a.textStyle;
     var lineRef = React.useRef(null);
     var _f = hooks_useTabs.useTabs({
         titles: titles,
@@ -48,7 +40,7 @@ var PrimaryTabList = function (_a) {
     }, [selectedTab]);
     var renderContent = function () {
         var _a;
-        return (React__default.default.createElement("div", { role: 'tablist', "data-test-id": dataTestId, className: cn__default.default(styles.component, className, size && styles[size], (_a = {},
+        return (React__default.default.createElement("div", { role: 'tablist', "data-test-id": dataTestId, className: cn__default.default(styles.component, className, !textStyle && size && styles[size], (_a = {},
                 _a[styles.fullWidthScroll] = fullWidthScroll,
                 _a)) },
             titles.map(function (_a, index) {
@@ -57,7 +49,8 @@ var PrimaryTabList = function (_a) {
             }),
             React__default.default.createElement("div", { className: styles.line, ref: lineRef })));
     };
-    return scrollable ? (React__default.default.createElement(components_scrollableContainer_Component.ScrollableContainer, { activeChild: focusedTab || selectedTab, containerClassName: containerClassName, fullWidthScroll: fullWidthScroll, view: 'primary', size: size, platform: platform }, renderContent())) : (React__default.default.createElement("div", { className: cn__default.default(styles.container, containerClassName) }, renderContent()));
+    var wrapperClassName = cn__default.default(textStyle && styles[textStyle], styles[platform]);
+    return scrollable ? (React__default.default.createElement(components_scrollableContainer_Component.ScrollableContainer, { containerWrapperClassName: wrapperClassName, activeChild: focusedTab || selectedTab, containerClassName: containerClassName, scrollControlsClassName: cn__default.default(textStyle && styles.scrollControls), fullWidthScroll: fullWidthScroll, view: 'primary', size: textStyle ? undefined : size, platform: platform }, renderContent())) : (React__default.default.createElement("div", { className: cn__default.default(styles.container, wrapperClassName, containerClassName) }, renderContent()));
 };
 
 exports.PrimaryTabList = PrimaryTabList;

package/tabs/components/primary-tablist/Component.mobile.d.ts

@@ -2,5 +2,5 @@
 import React from 'react';
 import { TabListProps } from "../../typings";
 type PrimaryTabListMobileProps = Omit<TabListProps, 'size' | 'collapsedTabsIds'>;
-declare const PrimaryTabListMobile: ({ className, ...restProps }: PrimaryTabListMobileProps) => React.JSX.Element;
+declare const PrimaryTabListMobile: (props: PrimaryTabListMobileProps) => React.JSX.Element;
 export { PrimaryTabListMobileProps, PrimaryTabListMobile };