npm - @alfalab/core-components-tabs - Versions diffs - 9.0.1 → 9.1.0 - Mend

@alfalab/core-components-tabs 9.0.1 → 9.1.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 (125) hide show

package/components/secondary-tablist/mobile.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./mobile.css');
-var mobileStyles = {"title":"tabs__title_1av5u tabs__title_1m1c7","mobile":"tabs__mobile_1av5u","skeleton":"tabs__skeleton_1av5u","transparentView":"tabs__transparentView_1av5u"};
+var mobileStyles = {"title":"tabs__title_1qp82 tabs__title_1v6cb","mobile":"tabs__mobile_1qp82","skeleton":"tabs__skeleton_1qp82","transparentView":"tabs__transparentView_1qp82"};
 module.exports = mobileStyles;
 //# sourceMappingURL=mobile.module.css.js.map

package/components/tab/Component.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import React from 'react';
 import { TabProps } from '../../typings';
-export declare const Tab: ({ children, hidden, className, disabled, dataTestId }: TabProps) => React.JSX.Element | null;
+export declare const Tab: ({ children, hidden, className, disabled, dataTestId, id, ...restProps }: TabProps) => React.JSX.Element | null;

package/components/tab/Component.js CHANGED Viewed

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
+var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var index_module = require('./index.module.css.js');
@@ -13,10 +14,10 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var Tab = function (_a) {
     var _b;
-    var children = _a.children, hidden = _a.hidden, className = _a.className, disabled = _a.disabled, dataTestId = _a.dataTestId;
-    return children ? (React__default.default.createElement("div", { className: cn__default.default(index_module.component, (_b = {},
+    var children = _a.children, hidden = _a.hidden, className = _a.className, disabled = _a.disabled, dataTestId = _a.dataTestId; _a.id; var restProps = tslib.__rest(_a, ["children", "hidden", "className", "disabled", "dataTestId", "id"]);
+    return children ? (React__default.default.createElement("div", tslib.__assign({ className: cn__default.default(index_module.component, (_b = {},
             _b[index_module.hidden] = hidden,
-            _b), className), hidden: hidden, role: 'tabpanel', tabIndex: disabled ? -1 : 0, "data-test-id": dataTestId }, children)) : null;
+            _b), className), hidden: hidden, role: 'tabpanel', tabIndex: disabled ? -1 : 0, "data-test-id": dataTestId }, restProps), children)) : null;
 };
 exports.Tab = Tab;

package/components/tab/Component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Component.js","sources":["../../src/components/tab/Component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { TabProps } from '../../typings';\n\nimport styles from './index.module.css';\n\nexport const Tab = ({ children, hidden, className, disabled, dataTestId }: TabProps) =>\n children ? (\n <div\n className={cn(\n styles.component,\n {\n [styles.hidden]: hidden,\n },\n className,\n )}\n hidden={hidden}\n role='tabpanel'\n tabIndex={disabled ? -1 : 0}\n data-test-id={dataTestId}\n >\n {children}\n </div>\n ) : null;\n"],"names":["React","cn","styles"],"mappings":"~~;;;;;;;;;;;;;AAOO~~,IAAM,GAAG,GAAG,UAAC,~~EAA+D~~,EAAA;;~~AAA7D~~,IAAA,~~IAAA,~~QAAQ,~~GAAA~~,~~EAAA~~,CAAA,~~QAAA~~,~~EAAE~~,~~MAAM~~,~~GAAA~~,~~EAAA~~,CAAA,~~MAAA~~,~~EAAE~~,SAAS,~~GAAA~~,~~EAAA~~,CAAA,~~SAAA~~,~~EAAE~~,~~QAAQ~~,~~GAAA~~,EAAA,~~CAAA,~~QAAA,~~EAAE~~,~~UAAU~~,~~GAAA~~,EAAA,~~CAAA~~,~~UAAA~~;~~AACnE~~,IAAA,OAAA,QAAQ,~~IACJA~~,sBAAA,CAAA,aAAA,CAAA,KAAA,~~EAAA~~,EACI,SAAS,EAAEC,mBAAE,CACTC,YAAM,CAAC,SAAS,GAAA,EAAA,GAAA,EAAA;AAEZ,YAAA,EAAA,CAACA,YAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AAE3B,YAAA,EAAA,GAAA,SAAS,CACZ,EACD,MAAM,EAAE,MAAM,EACd,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,GAAG,EAAE,GAAG,CAAC,~~EACb~~,cAAA,~~EAAA~~,UAAU,~~EAEvB~~,EAAA,QAAQ,CACP,IACN,IAAI~~;AAhBR;;;;~~"}
1	+ {"version":3,"file":"Component.js","sources":["../../src/components/tab/Component.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport cn from 'classnames';\n\nimport { TabProps } from '../../typings';\n\nimport styles from './index.module.css';\n\nexport const Tab = ({\n children,\n hidden,\n className,\n disabled,\n dataTestId,\n id,\n ...restProps\n}: TabProps) =>\n children ? (\n <div\n className={cn(\n styles.component,\n {\n [styles.hidden]: hidden,\n },\n className,\n )}\n hidden={hidden}\n role='tabpanel'\n tabIndex={disabled ? -1 : 0}\n data-test-id={dataTestId}\n {...(restProps as AriaAttributes)}\n >\n {children}\n </div>\n ) : null;\n"],"names":["__rest","React","__assign","cn","styles"],"mappings":";;;;;;;;;;;;;;AAQO,IAAM,GAAG,GAAG,UAAC,EAQT,EAAA;;IAPP,IAAA,QAAQ,cAAA,CACR,CAAA,MAAM,YAAA,CACN,CAAA,SAAS,eAAA,CACT,CAAA,QAAQ,cAAA,CACR,CAAA,UAAU,gBAAA,CACV,MAAE,CACC,KAAA,SAAS,GAPIA,YAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,WAAA,EAAA,UAAA,EAAA,YAAA,EAAA,IAAA,CAQnB;AACG,IAAA,OAAA,QAAQ,IACJC,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAAC,cAAA,CAAA,EACI,SAAS,EAAEC,mBAAE,CACTC,YAAM,CAAC,SAAS,GAAA,EAAA,GAAA,EAAA;AAEZ,YAAA,EAAA,CAACA,YAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AAE3B,YAAA,EAAA,GAAA,SAAS,CACZ,EACD,MAAM,EAAE,MAAM,EACd,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,GAAG,EAAE,GAAG,CAAC,EAAA,cAAA,EACb,UAAU,EACnB,EAAA,SAA4B,CAEhC,EAAA,QAAQ,CACP,IACN,IAAI;;;;;"}

package/components/tab/index.css CHANGED Viewed

@@ -1,7 +1,7 @@
-.tabs__component_a061z {
+.tabs__component_1t77w {
     outline: none;
 }
-.tabs__hidden_a061z {
+.tabs__hidden_1t77w {
     display: none;
 }

package/components/tab/index.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./index.css');
-var styles = {"component":"tabs__component_a061z","hidden":"tabs__hidden_a061z"};
+var styles = {"component":"tabs__component_1t77w","hidden":"tabs__hidden_1t77w"};
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/tabs/Component.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import React from 'react';
 import { TabsProps } from '../../typings';
-export declare const Tabs: ({ TabList, className, containerClassName, size, children, selectedId, scrollable, collapsedTabsIds, fullWidthScroll, keepMounted, dataTestId, onChange, breakpoint, client, defaultMatchMediaValue, tagShape, tagView, showSkeleton, skeletonProps, textStyle, style, }: Omit<TabsProps, 'view'>) => React.JSX.Element;
+export declare const Tabs: ({ TabList, className, containerClassName, size, children, selectedId, scrollable, collapsedTabsIds, fullWidthScroll, keepMounted, dataTestId, onChange, breakpoint, client, defaultMatchMediaValue, tagShape, tagView, showSkeleton, skeletonProps, textStyle, style, ...restProps }: Omit<TabsProps, 'view'>) => React.JSX.Element;

package/components/tabs/Component.js CHANGED Viewed

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
+var tslib = require('tslib');
 var React = require('react');
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -9,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var Tabs = function (_a) {
-    var TabList = _a.TabList, className = _a.className, containerClassName = _a.containerClassName, size = _a.size, children = _a.children, selectedId = _a.selectedId, scrollable = _a.scrollable, collapsedTabsIds = _a.collapsedTabsIds, _b = _a.fullWidthScroll, fullWidthScroll = _b === void 0 ? false : _b, _c = _a.keepMounted, keepMounted = _c === void 0 ? false : _c, dataTestId = _a.dataTestId, onChange = _a.onChange, breakpoint = _a.breakpoint, client = _a.client, defaultMatchMediaValue = _a.defaultMatchMediaValue, tagShape = _a.tagShape, tagView = _a.tagView, _d = _a.showSkeleton, showSkeleton = _d === void 0 ? false : _d, skeletonProps = _a.skeletonProps, textStyle = _a.textStyle, style = _a.style;
+    var TabList = _a.TabList, className = _a.className, containerClassName = _a.containerClassName, size = _a.size, children = _a.children, selectedId = _a.selectedId, scrollable = _a.scrollable, collapsedTabsIds = _a.collapsedTabsIds, _b = _a.fullWidthScroll, fullWidthScroll = _b === void 0 ? false : _b, _c = _a.keepMounted, keepMounted = _c === void 0 ? false : _c, dataTestId = _a.dataTestId, onChange = _a.onChange, breakpoint = _a.breakpoint, client = _a.client, defaultMatchMediaValue = _a.defaultMatchMediaValue, tagShape = _a.tagShape, tagView = _a.tagView, _d = _a.showSkeleton, showSkeleton = _d === void 0 ? false : _d, skeletonProps = _a.skeletonProps, textStyle = _a.textStyle, style = _a.style, restProps = tslib.__rest(_a, ["TabList", "className", "containerClassName", "size", "children", "selectedId", "scrollable", "collapsedTabsIds", "fullWidthScroll", "keepMounted", "dataTestId", "onChange", "breakpoint", "client", "defaultMatchMediaValue", "tagShape", "tagView", "showSkeleton", "skeletonProps", "textStyle", "style"]);
     var tabsArray = React__default.default.Children.toArray(children);
     var titles = tabsArray.map(function (_a) {
         var _b = _a.props, title = _b.title, id = _b.id, rightAddons = _b.rightAddons, disabled = _b.disabled, hidden = _b.hidden, toggleClassName = _b.toggleClassName, toggleTestId = _b.dataTestId, toggleRef = _b.toggleRef;
@@ -25,7 +26,7 @@ var Tabs = function (_a) {
         });
     });
     var tabs = tabsArray.filter(function (tab) { return tab.props.id === selectedId || tab.props.keepMounted || keepMounted; });
-    return (React__default.default.createElement("div", { className: className },
+    return (React__default.default.createElement("div", tslib.__assign({ className: className }, restProps),
         React__default.default.createElement(TabList, { containerClassName: containerClassName, size: size, titles: titles, selectedId: selectedId, scrollable: scrollable, collapsedTabsIds: collapsedTabsIds, onChange: onChange, dataTestId: dataTestId, defaultMatchMediaValue: defaultMatchMediaValue, breakpoint: breakpoint, client: client, fullWidthScroll: fullWidthScroll, tagShape: tagShape, tagView: tagView, textStyle: textStyle, inlineStyle: style, showSkeleton: showSkeleton, skeletonProps: skeletonProps }),
         tabs.map(function (tab) { return React.cloneElement(tab, { hidden: tab.props.id !== selectedId }); })));
 };

package/components/tabs/Component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Component.js","sources":["../../src/components/tabs/Component.tsx"],"sourcesContent":["import React, { cloneElement } from 'react';\n\nimport { TabsProps } from '../../typings';\n\nexport const Tabs = ({\n TabList,\n className,\n containerClassName,\n size,\n children,\n selectedId,\n scrollable,\n collapsedTabsIds,\n fullWidthScroll = false,\n keepMounted = false,\n dataTestId,\n onChange,\n breakpoint,\n client,\n defaultMatchMediaValue,\n tagShape,\n tagView,\n showSkeleton = false,\n skeletonProps,\n textStyle,\n style,\n}: Omit<TabsProps, 'view'>) => {\n const tabsArray = React.Children.toArray(children) as TabsProps['children'];\n const titles = tabsArray.map(\n ({\n props: {\n title,\n id,\n rightAddons,\n disabled,\n hidden,\n toggleClassName,\n dataTestId: toggleTestId,\n toggleRef,\n },\n }) => ({\n title,\n id,\n disabled,\n rightAddons,\n hidden,\n toggleClassName,\n dataTestId: toggleTestId,\n toggleRef,\n }),\n );\n\n const tabs = tabsArray.filter(\n (tab) => tab.props.id === selectedId \|\| tab.props.keepMounted \|\| keepMounted,\n );\n\n return (\n <div className={className}>\n <TabList\n containerClassName={containerClassName}\n size={size}\n titles={titles}\n selectedId={selectedId}\n scrollable={scrollable}\n collapsedTabsIds={collapsedTabsIds}\n onChange={onChange}\n dataTestId={dataTestId}\n defaultMatchMediaValue={defaultMatchMediaValue}\n breakpoint={breakpoint}\n client={client}\n fullWidthScroll={fullWidthScroll}\n tagShape={tagShape}\n tagView={tagView}\n textStyle={textStyle}\n inlineStyle={style}\n showSkeleton={showSkeleton}\n skeletonProps={skeletonProps}\n />\n\n {tabs.map((tab) => cloneElement(tab, { hidden: tab.props.id !== selectedId }))}\n </div>\n );\n};\n"],"names":["React","cloneElement"],"mappings":"~~;;;;;;;;;;~~AAIO,IAAM,IAAI,GAAG,UAAC,~~EAsBK~~,EAAA;~~AArBtB~~,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,kBAAkB,GAAA,EAAA,CAAA,kBAAA,EAClB,IAAI,UAAA,EACJ,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,~~uBAAuB~~,EAAvB,eAAe,~~GAAG~~,EAAA,KAAA,MAAA,~~GAAA~~,KAAK,~~KAAA~~,EACvB,~~EAAA~~,GAAA,EAAA,CAAA,~~WAAmB~~,EAAnB,WAAW,~~mBAAG~~,~~KAAK~~,GAAA,~~EAAA~~,EACnB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,MAAM,~~YAAA,EACN,sBAAsB,~~GAAA,EAAA,CAAA,~~sBAAA~~,EACtB,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,~~EAAA~~,GAAA,EAAA,CAAA,~~YAAoB~~,EAApB,YAAY,~~mBAAG~~,KAAK,GAAA,EAAA,EACpB,aAAa,~~mBAAA~~,EACb,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,KAAK,GAAA,EAAA,CAAA,KAAA;~~IAEL~~,IAAM,SAAS,~~GAAGA~~,sBAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAA0B;AAC3E,IAAA,IAAM,MAAM,GAAG,SAAS,CAAC,GAAG,CACxB,UAAC,EAWA,EAAA;YAVG,EASC,GAAA,EAAA,CAAA,KAAA,EARG,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,EAAE,GAAA,EAAA,CAAA,EAAA,EACF,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,QAAQ,cAAA,EACR,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,eAAe,GAAA,EAAA,CAAA,eAAA,EACH,YAAY,GAAA,EAAA,CAAA,UAAA,EACxB,SAAS,GAAA,EAAA,CAAA,SAAA;AAEX,QAAA,QAAC;AACH,YAAA,KAAK,EAAA,KAAA;AACL,YAAA,EAAE,EAAA,EAAA;AACF,YAAA,QAAQ,EAAA,QAAA;AACR,YAAA,WAAW,EAAA,WAAA;AACX,YAAA,MAAM,EAAA,MAAA;AACN,YAAA,eAAe,EAAA,eAAA;AACf,YAAA,UAAU,EAAE,YAAY;AACxB,YAAA,SAAS,EAAA,SAAA;SACZ;AATK,KASJ,CACL;AAED,IAAA,IAAM,IAAI,GAAG,SAAS,CAAC,MAAM,CACzB,UAAC,GAAG,EAAK,EAAA,OAAA,GAAG,CAAC,KAAK,CAAC,EAAE,KAAK,UAAU,IAAI,GAAG,CAAC,KAAK,CAAC,WAAW,IAAI,WAAW,CAAA,EAAA,CAC/E;AAED,IAAA,QACIA,~~sBAAA~~,CAAA,aAAA,CAAA,KAAA,EAAA,~~EAAK,~~SAAS,EAAE,SAAS,~~EAAA~~;~~AACrB~~,~~QAAAA~~,sBAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EACJ,kBAAkB,EAAE,kBAAkB,EACtC,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,sBAAsB,EAAE,sBAAsB,EAC9C,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,KAAK,EAClB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC9B,CAAA;AAED,QAAA,IAAI,CAAC,GAAG,CAAC,UAAC,GAAG,EAAA,EAAK,~~OAAAC~~,kBAAY,CAAC,GAAG,EAAE,EAAE,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,EAAE,KAAK,UAAU,EAAE,CAAC,CAAA,EAAA,CAAC,CAC5E;AAEd;;;;"}
1	+ {"version":3,"file":"Component.js","sources":["../../src/components/tabs/Component.tsx"],"sourcesContent":["import React, { cloneElement } from 'react';\n\nimport { TabsProps } from '../../typings';\n\nexport const Tabs = ({\n TabList,\n className,\n containerClassName,\n size,\n children,\n selectedId,\n scrollable,\n collapsedTabsIds,\n fullWidthScroll = false,\n keepMounted = false,\n dataTestId,\n onChange,\n breakpoint,\n client,\n defaultMatchMediaValue,\n tagShape,\n tagView,\n showSkeleton = false,\n skeletonProps,\n textStyle,\n style,\n ...restProps\n}: Omit<TabsProps, 'view'>) => {\n const tabsArray = React.Children.toArray(children) as TabsProps['children'];\n const titles = tabsArray.map(\n ({\n props: {\n title,\n id,\n rightAddons,\n disabled,\n hidden,\n toggleClassName,\n dataTestId: toggleTestId,\n toggleRef,\n },\n }) => ({\n title,\n id,\n disabled,\n rightAddons,\n hidden,\n toggleClassName,\n dataTestId: toggleTestId,\n toggleRef,\n }),\n );\n\n const tabs = tabsArray.filter(\n (tab) => tab.props.id === selectedId \|\| tab.props.keepMounted \|\| keepMounted,\n );\n\n return (\n <div className={className} {...restProps}>\n <TabList\n containerClassName={containerClassName}\n size={size}\n titles={titles}\n selectedId={selectedId}\n scrollable={scrollable}\n collapsedTabsIds={collapsedTabsIds}\n onChange={onChange}\n dataTestId={dataTestId}\n defaultMatchMediaValue={defaultMatchMediaValue}\n breakpoint={breakpoint}\n client={client}\n fullWidthScroll={fullWidthScroll}\n tagShape={tagShape}\n tagView={tagView}\n textStyle={textStyle}\n inlineStyle={style}\n showSkeleton={showSkeleton}\n skeletonProps={skeletonProps}\n />\n\n {tabs.map((tab) => cloneElement(tab, { hidden: tab.props.id !== selectedId }))}\n </div>\n );\n};\n"],"names":["__rest","React","__assign","cloneElement"],"mappings":"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"}

package/cssm/components/primary-tablist/index.module.css CHANGED Viewed

@@ -60,7 +60,7 @@
 } .component {
     position: relative;
     display: inline-flex;
-    min-width: 100%
+    min-width: 100%;
 } .component:before {
         content: '';
         display: block;
@@ -108,16 +108,16 @@
     } .desktop.paragraph-primary-large .title, .desktop.paragraph-primary-medium .title, .desktop.accent-primary-large .title, .desktop.accent-primary-medium .title, .desktop.action-primary-large .title, .desktop.action-primary-medium .title {
         padding-bottom: calc(24px / 2);
     } .desktop.paragraph-primary-large .title + .title,
-    .desktop.paragraph-primary-large .pickerWrapper,
     .desktop.paragraph-primary-medium .title + .title,
-    .desktop.paragraph-primary-medium .pickerWrapper,
     .desktop.accent-primary-large .title + .title,
-    .desktop.accent-primary-large .pickerWrapper,
     .desktop.accent-primary-medium .title + .title,
-    .desktop.accent-primary-medium .pickerWrapper,
     .desktop.action-primary-large .title + .title,
-    .desktop.action-primary-large .pickerWrapper,
     .desktop.action-primary-medium .title + .title,
+    .desktop.paragraph-primary-large .pickerWrapper,
+    .desktop.paragraph-primary-medium .pickerWrapper,
+    .desktop.accent-primary-large .pickerWrapper,
+    .desktop.accent-primary-medium .pickerWrapper,
+    .desktop.action-primary-large .pickerWrapper,
     .desktop.action-primary-medium .pickerWrapper {
         margin-left: 24px;
     } .desktop.paragraph-primary-large .option, .desktop.paragraph-primary-medium .option, .desktop.accent-primary-large .option, .desktop.accent-primary-medium .option, .desktop.action-primary-large .option, .desktop.action-primary-medium .option {
@@ -132,10 +132,10 @@
         } .desktop.paragraph-primary-small .title, .desktop.accent-primary-small .title, .desktop.action-primary-small .title {
         padding-bottom: calc(20px / 2);
     } .desktop.paragraph-primary-small .title + .title,
-    .desktop.paragraph-primary-small .pickerWrapper,
     .desktop.accent-primary-small .title + .title,
-    .desktop.accent-primary-small .pickerWrapper,
     .desktop.action-primary-small .title + .title,
+    .desktop.paragraph-primary-small .pickerWrapper,
+    .desktop.accent-primary-small .pickerWrapper,
     .desktop.action-primary-small .pickerWrapper {
         margin-left: 20px;
     } .desktop.paragraph-primary-small .option, .desktop.accent-primary-small .option, .desktop.action-primary-small .option {
@@ -214,8 +214,8 @@
         } .desktop.headline-system-large .title, .desktop.headline-large .title {
         padding-bottom: calc(48px / 2);
     } .desktop.headline-system-large .title + .title,
-    .desktop.headline-system-large .pickerWrapper,
     .desktop.headline-large .title + .title,
+    .desktop.headline-system-large .pickerWrapper,
     .desktop.headline-large .pickerWrapper {
         margin-left: 48px;
     } .desktop.headline-system-large .option, .desktop.headline-large .option {
@@ -349,7 +349,7 @@
     -webkit-user-select: none;
        -moz-user-select: none;
             user-select: none;
-    outline: none
+    outline: none;
 } .title:not(:disabled):hover {
         color: var(--primary-tablist-hover-color);
     } .focused {

package/cssm/components/primary-tablist/mobile.module.css CHANGED Viewed

@@ -23,7 +23,7 @@
         font-size: var(--primary-tablist-mobile-font-size);
         font-weight: var(--primary-tablist-mobile-font-weight);
         font-family: var(--primary-tablist-mobile-font-family);
-        line-height: var(--primary-tablist-mobile-line-height)
+        line-height: var(--primary-tablist-mobile-line-height);
     } .mobile .title + .title {
             margin-left: var(--primary-tablist-mobile-gaps);
         } .mobile.paragraph-primary-large .title {
@@ -65,16 +65,16 @@
     } .mobile.paragraph-primary-large .title, .mobile.paragraph-primary-medium .title, .mobile.accent-primary-large .title, .mobile.accent-primary-medium .title, .mobile.action-primary-large .title, .mobile.action-primary-medium .title {
         padding-bottom: calc(24px / 2);
     } .mobile.paragraph-primary-large .title + .title,
-    .mobile.paragraph-primary-large .pickerWrapper,
     .mobile.paragraph-primary-medium .title + .title,
-    .mobile.paragraph-primary-medium .pickerWrapper,
     .mobile.accent-primary-large .title + .title,
-    .mobile.accent-primary-large .pickerWrapper,
     .mobile.accent-primary-medium .title + .title,
-    .mobile.accent-primary-medium .pickerWrapper,
     .mobile.action-primary-large .title + .title,
-    .mobile.action-primary-large .pickerWrapper,
     .mobile.action-primary-medium .title + .title,
+    .mobile.paragraph-primary-large .pickerWrapper,
+    .mobile.paragraph-primary-medium .pickerWrapper,
+    .mobile.accent-primary-large .pickerWrapper,
+    .mobile.accent-primary-medium .pickerWrapper,
+    .mobile.action-primary-large .pickerWrapper,
     .mobile.action-primary-medium .pickerWrapper {
         margin-left: 24px;
     } .mobile.paragraph-primary-large .option, .mobile.paragraph-primary-medium .option, .mobile.accent-primary-large .option, .mobile.accent-primary-medium .option, .mobile.action-primary-large .option, .mobile.action-primary-medium .option {
@@ -89,10 +89,10 @@
         } .mobile.paragraph-primary-small .title, .mobile.accent-primary-small .title, .mobile.action-primary-small .title {
         padding-bottom: calc(20px / 2);
     } .mobile.paragraph-primary-small .title + .title,
-    .mobile.paragraph-primary-small .pickerWrapper,
     .mobile.accent-primary-small .title + .title,
-    .mobile.accent-primary-small .pickerWrapper,
     .mobile.action-primary-small .title + .title,
+    .mobile.paragraph-primary-small .pickerWrapper,
+    .mobile.accent-primary-small .pickerWrapper,
     .mobile.action-primary-small .pickerWrapper {
         margin-left: 20px;
     } .mobile.paragraph-primary-small .option, .mobile.accent-primary-small .option, .mobile.action-primary-small .option {
@@ -157,8 +157,8 @@
     } .mobile.headline-system-xlarge .title, .mobile.headline-xlarge .title {
         padding-bottom: calc(40px / 2);
     } .mobile.headline-system-xlarge .title + .title,
-    .mobile.headline-system-xlarge .pickerWrapper,
     .mobile.headline-xlarge .title + .title,
+    .mobile.headline-system-xlarge .pickerWrapper,
     .mobile.headline-xlarge .pickerWrapper {
         margin-left: 40px;
     } .mobile.headline-system-xlarge .option, .mobile.headline-xlarge .option {
@@ -173,8 +173,8 @@
         } .mobile.headline-system-large .title, .mobile.headline-large .title {
         padding-bottom: calc(36px / 2);
     } .mobile.headline-system-large .title + .title,
-    .mobile.headline-system-large .pickerWrapper,
     .mobile.headline-large .title + .title,
+    .mobile.headline-system-large .pickerWrapper,
     .mobile.headline-large .pickerWrapper {
         margin-left: 36px;
     } .mobile.headline-system-large .option, .mobile.headline-large .option {
@@ -189,8 +189,8 @@
         } .mobile.headline-system-medium .title, .mobile.headline-medium .title {
         padding-bottom: calc(32px / 2);
     } .mobile.headline-system-medium .title + .title,
-    .mobile.headline-system-medium .pickerWrapper,
     .mobile.headline-medium .title + .title,
+    .mobile.headline-system-medium .pickerWrapper,
     .mobile.headline-medium .pickerWrapper {
         margin-left: 32px;
     } .mobile.headline-system-medium .option, .mobile.headline-medium .option {
@@ -205,8 +205,8 @@
         } .mobile.headline-system-small .title, .mobile.headline-small .title {
         padding-bottom: calc(28px / 2);
     } .mobile.headline-system-small .title + .title,
-    .mobile.headline-system-small .pickerWrapper,
     .mobile.headline-small .title + .title,
+    .mobile.headline-system-small .pickerWrapper,
     .mobile.headline-small .pickerWrapper {
         margin-left: 28px;
     } .mobile.headline-system-small .option, .mobile.headline-small .option {
@@ -221,8 +221,8 @@
         } .mobile.headline-system-xsmall .title, .mobile.headline-xsmall .title {
         padding-bottom: calc(20px / 2);
     } .mobile.headline-system-xsmall .title + .title,
-    .mobile.headline-system-xsmall .pickerWrapper,
     .mobile.headline-xsmall .title + .title,
+    .mobile.headline-system-xsmall .pickerWrapper,
     .mobile.headline-xsmall .pickerWrapper {
         margin-left: 20px;
     } .mobile.headline-system-xsmall .option, .mobile.headline-xsmall .option {

package/cssm/components/scroll-controls/index.module.css CHANGED Viewed

@@ -15,7 +15,7 @@
     flex-shrink: 0;
 } .primary {
     align-items: flex-start;
-    justify-content: flex-end
+    justify-content: flex-end;
 } .primary:after {
         content: '';
         display: block;
@@ -34,7 +34,7 @@
         margin-right: var(--gap-4);
     } .secondary {
     align-items: center;
-    justify-content: center
+    justify-content: center;
 } .secondary:before {
         content: '';
         display: block;

package/cssm/components/scrollable-container/index.module.css CHANGED Viewed

@@ -16,7 +16,7 @@
     scrollbar-width: none;
     flex: 1;
     margin: var(--gap-4-neg) var(--gap-0) var(--gap-4-neg) var(--gap-4-neg);
-    padding: var(--gap-4) var(--gap-0) var(--gap-4) var(--gap-4)
+    padding: var(--gap-4) var(--gap-0) var(--gap-4) var(--gap-4);
 } .container::-webkit-scrollbar {
         display: none;
     } .container > * {

package/cssm/components/tab/Component.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import React from 'react';
 import { TabProps } from '../../typings';
-export declare const Tab: ({ children, hidden, className, disabled, dataTestId }: TabProps) => React.JSX.Element | null;
+export declare const Tab: ({ children, hidden, className, disabled, dataTestId, id, ...restProps }: TabProps) => React.JSX.Element | null;

package/cssm/components/tab/Component.js CHANGED Viewed

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
+var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var styles = require('./index.module.css');
@@ -14,10 +15,10 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 var Tab = function (_a) {
     var _b;
-    var children = _a.children, hidden = _a.hidden, className = _a.className, disabled = _a.disabled, dataTestId = _a.dataTestId;
-    return children ? (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, (_b = {},
+    var children = _a.children, hidden = _a.hidden, className = _a.className, disabled = _a.disabled, dataTestId = _a.dataTestId; _a.id; var restProps = tslib.__rest(_a, ["children", "hidden", "className", "disabled", "dataTestId", "id"]);
+    return children ? (React__default.default.createElement("div", tslib.__assign({ className: cn__default.default(styles__default.default.component, (_b = {},
             _b[styles__default.default.hidden] = hidden,
-            _b), className), hidden: hidden, role: 'tabpanel', tabIndex: disabled ? -1 : 0, "data-test-id": dataTestId }, children)) : null;
+            _b), className), hidden: hidden, role: 'tabpanel', tabIndex: disabled ? -1 : 0, "data-test-id": dataTestId }, restProps), children)) : null;
 };
 exports.Tab = Tab;

package/cssm/components/tab/Component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Component.js","sources":["../../../src/components/tab/Component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { TabProps } from '../../typings';\n\nimport styles from './index.module.css';\n\nexport const Tab = ({ children, hidden, className, disabled, dataTestId }: TabProps) =>\n children ? (\n <div\n className={cn(\n styles.component,\n {\n [styles.hidden]: hidden,\n },\n className,\n )}\n hidden={hidden}\n role='tabpanel'\n tabIndex={disabled ? -1 : 0}\n data-test-id={dataTestId}\n >\n {children}\n </div>\n ) : null;\n"],"names":["React","cn","styles"],"mappings":"~~;;;;;;;;;;;;;;AAOO~~,IAAM,GAAG,GAAG,UAAC,~~EAA+D~~,EAAA;;~~AAA7D~~,IAAA,~~IAAA,~~QAAQ,~~GAAA~~,~~EAAA~~,CAAA,~~QAAA~~,~~EAAE~~,~~MAAM~~,~~GAAA~~,~~EAAA~~,CAAA,~~MAAA~~,~~EAAE~~,SAAS,~~GAAA~~,~~EAAA~~,CAAA,~~SAAA~~,~~EAAE~~,~~QAAQ~~,~~GAAA~~,EAAA,~~CAAA,~~QAAA,~~EAAE~~,~~UAAU~~,~~GAAA~~,EAAA,~~CAAA~~,~~UAAA~~;~~AACnE~~,IAAA,OAAA,QAAQ,~~IACJA~~,sBAAA,CAAA,aAAA,CAAA,KAAA,~~EAAA~~,EACI,SAAS,EAAEC,mBAAE,CACTC,uBAAM,CAAC,SAAS,GAAA,EAAA,GAAA,EAAA;AAEZ,YAAA,EAAA,CAACA,uBAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AAE3B,YAAA,EAAA,GAAA,SAAS,CACZ,EACD,MAAM,EAAE,MAAM,EACd,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,GAAG,EAAE,GAAG,CAAC,~~EACb~~,cAAA,~~EAAA~~,UAAU,~~EAEvB~~,EAAA,QAAQ,CACP,IACN,IAAI~~;AAhBR;;;;~~"}
1	+ {"version":3,"file":"Component.js","sources":["../../../src/components/tab/Component.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport cn from 'classnames';\n\nimport { TabProps } from '../../typings';\n\nimport styles from './index.module.css';\n\nexport const Tab = ({\n children,\n hidden,\n className,\n disabled,\n dataTestId,\n id,\n ...restProps\n}: TabProps) =>\n children ? (\n <div\n className={cn(\n styles.component,\n {\n [styles.hidden]: hidden,\n },\n className,\n )}\n hidden={hidden}\n role='tabpanel'\n tabIndex={disabled ? -1 : 0}\n data-test-id={dataTestId}\n {...(restProps as AriaAttributes)}\n >\n {children}\n </div>\n ) : null;\n"],"names":["__rest","React","__assign","cn","styles"],"mappings":";;;;;;;;;;;;;;;AAQO,IAAM,GAAG,GAAG,UAAC,EAQT,EAAA;;IAPP,IAAA,QAAQ,cAAA,CACR,CAAA,MAAM,YAAA,CACN,CAAA,SAAS,eAAA,CACT,CAAA,QAAQ,cAAA,CACR,CAAA,UAAU,gBAAA,CACV,MAAE,CACC,KAAA,SAAS,GAPIA,YAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,WAAA,EAAA,UAAA,EAAA,YAAA,EAAA,IAAA,CAQnB;AACG,IAAA,OAAA,QAAQ,IACJC,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAAC,cAAA,CAAA,EACI,SAAS,EAAEC,mBAAE,CACTC,uBAAM,CAAC,SAAS,GAAA,EAAA,GAAA,EAAA;AAEZ,YAAA,EAAA,CAACA,uBAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AAE3B,YAAA,EAAA,GAAA,SAAS,CACZ,EACD,MAAM,EAAE,MAAM,EACd,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,GAAG,EAAE,GAAG,CAAC,EAAA,cAAA,EACb,UAAU,EACnB,EAAA,SAA4B,CAEhC,EAAA,QAAQ,CACP,IACN,IAAI;;;;;"}

package/cssm/components/tabs/Component.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import React from 'react';
 import { TabsProps } from '../../typings';
-export declare const Tabs: ({ TabList, className, containerClassName, size, children, selectedId, scrollable, collapsedTabsIds, fullWidthScroll, keepMounted, dataTestId, onChange, breakpoint, client, defaultMatchMediaValue, tagShape, tagView, showSkeleton, skeletonProps, textStyle, style, }: Omit<TabsProps, 'view'>) => React.JSX.Element;
+export declare const Tabs: ({ TabList, className, containerClassName, size, children, selectedId, scrollable, collapsedTabsIds, fullWidthScroll, keepMounted, dataTestId, onChange, breakpoint, client, defaultMatchMediaValue, tagShape, tagView, showSkeleton, skeletonProps, textStyle, style, ...restProps }: Omit<TabsProps, 'view'>) => React.JSX.Element;

package/cssm/components/tabs/Component.js CHANGED Viewed

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
+var tslib = require('tslib');
 var React = require('react');
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -9,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var Tabs = function (_a) {
-    var TabList = _a.TabList, className = _a.className, containerClassName = _a.containerClassName, size = _a.size, children = _a.children, selectedId = _a.selectedId, scrollable = _a.scrollable, collapsedTabsIds = _a.collapsedTabsIds, _b = _a.fullWidthScroll, fullWidthScroll = _b === void 0 ? false : _b, _c = _a.keepMounted, keepMounted = _c === void 0 ? false : _c, dataTestId = _a.dataTestId, onChange = _a.onChange, breakpoint = _a.breakpoint, client = _a.client, defaultMatchMediaValue = _a.defaultMatchMediaValue, tagShape = _a.tagShape, tagView = _a.tagView, _d = _a.showSkeleton, showSkeleton = _d === void 0 ? false : _d, skeletonProps = _a.skeletonProps, textStyle = _a.textStyle, style = _a.style;
+    var TabList = _a.TabList, className = _a.className, containerClassName = _a.containerClassName, size = _a.size, children = _a.children, selectedId = _a.selectedId, scrollable = _a.scrollable, collapsedTabsIds = _a.collapsedTabsIds, _b = _a.fullWidthScroll, fullWidthScroll = _b === void 0 ? false : _b, _c = _a.keepMounted, keepMounted = _c === void 0 ? false : _c, dataTestId = _a.dataTestId, onChange = _a.onChange, breakpoint = _a.breakpoint, client = _a.client, defaultMatchMediaValue = _a.defaultMatchMediaValue, tagShape = _a.tagShape, tagView = _a.tagView, _d = _a.showSkeleton, showSkeleton = _d === void 0 ? false : _d, skeletonProps = _a.skeletonProps, textStyle = _a.textStyle, style = _a.style, restProps = tslib.__rest(_a, ["TabList", "className", "containerClassName", "size", "children", "selectedId", "scrollable", "collapsedTabsIds", "fullWidthScroll", "keepMounted", "dataTestId", "onChange", "breakpoint", "client", "defaultMatchMediaValue", "tagShape", "tagView", "showSkeleton", "skeletonProps", "textStyle", "style"]);
     var tabsArray = React__default.default.Children.toArray(children);
     var titles = tabsArray.map(function (_a) {
         var _b = _a.props, title = _b.title, id = _b.id, rightAddons = _b.rightAddons, disabled = _b.disabled, hidden = _b.hidden, toggleClassName = _b.toggleClassName, toggleTestId = _b.dataTestId, toggleRef = _b.toggleRef;
@@ -25,7 +26,7 @@ var Tabs = function (_a) {
         });
     });
     var tabs = tabsArray.filter(function (tab) { return tab.props.id === selectedId || tab.props.keepMounted || keepMounted; });
-    return (React__default.default.createElement("div", { className: className },
+    return (React__default.default.createElement("div", tslib.__assign({ className: className }, restProps),
         React__default.default.createElement(TabList, { containerClassName: containerClassName, size: size, titles: titles, selectedId: selectedId, scrollable: scrollable, collapsedTabsIds: collapsedTabsIds, onChange: onChange, dataTestId: dataTestId, defaultMatchMediaValue: defaultMatchMediaValue, breakpoint: breakpoint, client: client, fullWidthScroll: fullWidthScroll, tagShape: tagShape, tagView: tagView, textStyle: textStyle, inlineStyle: style, showSkeleton: showSkeleton, skeletonProps: skeletonProps }),
         tabs.map(function (tab) { return React.cloneElement(tab, { hidden: tab.props.id !== selectedId }); })));
 };

package/cssm/components/tabs/Component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Component.js","sources":["../../../src/components/tabs/Component.tsx"],"sourcesContent":["import React, { cloneElement } from 'react';\n\nimport { TabsProps } from '../../typings';\n\nexport const Tabs = ({\n TabList,\n className,\n containerClassName,\n size,\n children,\n selectedId,\n scrollable,\n collapsedTabsIds,\n fullWidthScroll = false,\n keepMounted = false,\n dataTestId,\n onChange,\n breakpoint,\n client,\n defaultMatchMediaValue,\n tagShape,\n tagView,\n showSkeleton = false,\n skeletonProps,\n textStyle,\n style,\n}: Omit<TabsProps, 'view'>) => {\n const tabsArray = React.Children.toArray(children) as TabsProps['children'];\n const titles = tabsArray.map(\n ({\n props: {\n title,\n id,\n rightAddons,\n disabled,\n hidden,\n toggleClassName,\n dataTestId: toggleTestId,\n toggleRef,\n },\n }) => ({\n title,\n id,\n disabled,\n rightAddons,\n hidden,\n toggleClassName,\n dataTestId: toggleTestId,\n toggleRef,\n }),\n );\n\n const tabs = tabsArray.filter(\n (tab) => tab.props.id === selectedId \|\| tab.props.keepMounted \|\| keepMounted,\n );\n\n return (\n <div className={className}>\n <TabList\n containerClassName={containerClassName}\n size={size}\n titles={titles}\n selectedId={selectedId}\n scrollable={scrollable}\n collapsedTabsIds={collapsedTabsIds}\n onChange={onChange}\n dataTestId={dataTestId}\n defaultMatchMediaValue={defaultMatchMediaValue}\n breakpoint={breakpoint}\n client={client}\n fullWidthScroll={fullWidthScroll}\n tagShape={tagShape}\n tagView={tagView}\n textStyle={textStyle}\n inlineStyle={style}\n showSkeleton={showSkeleton}\n skeletonProps={skeletonProps}\n />\n\n {tabs.map((tab) => cloneElement(tab, { hidden: tab.props.id !== selectedId }))}\n </div>\n );\n};\n"],"names":["React","cloneElement"],"mappings":"~~;;;;;;;;;;~~AAIO,IAAM,IAAI,GAAG,UAAC,~~EAsBK~~,EAAA;~~AArBtB~~,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,kBAAkB,GAAA,EAAA,CAAA,kBAAA,EAClB,IAAI,UAAA,EACJ,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,~~uBAAuB~~,EAAvB,eAAe,~~GAAG~~,EAAA,KAAA,MAAA,~~GAAA~~,KAAK,~~KAAA~~,EACvB,~~EAAA~~,GAAA,EAAA,CAAA,~~WAAmB~~,EAAnB,WAAW,~~mBAAG~~,~~KAAK~~,GAAA,~~EAAA~~,EACnB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,MAAM,~~YAAA,EACN,sBAAsB,~~GAAA,EAAA,CAAA,~~sBAAA~~,EACtB,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,~~EAAA~~,GAAA,EAAA,CAAA,~~YAAoB~~,EAApB,YAAY,~~mBAAG~~,KAAK,GAAA,EAAA,EACpB,aAAa,~~mBAAA~~,EACb,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,KAAK,GAAA,EAAA,CAAA,KAAA;~~IAEL~~,IAAM,SAAS,~~GAAGA~~,sBAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAA0B;AAC3E,IAAA,IAAM,MAAM,GAAG,SAAS,CAAC,GAAG,CACxB,UAAC,EAWA,EAAA;YAVG,EASC,GAAA,EAAA,CAAA,KAAA,EARG,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,EAAE,GAAA,EAAA,CAAA,EAAA,EACF,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,QAAQ,cAAA,EACR,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,eAAe,GAAA,EAAA,CAAA,eAAA,EACH,YAAY,GAAA,EAAA,CAAA,UAAA,EACxB,SAAS,GAAA,EAAA,CAAA,SAAA;AAEX,QAAA,QAAC;AACH,YAAA,KAAK,EAAA,KAAA;AACL,YAAA,EAAE,EAAA,EAAA;AACF,YAAA,QAAQ,EAAA,QAAA;AACR,YAAA,WAAW,EAAA,WAAA;AACX,YAAA,MAAM,EAAA,MAAA;AACN,YAAA,eAAe,EAAA,eAAA;AACf,YAAA,UAAU,EAAE,YAAY;AACxB,YAAA,SAAS,EAAA,SAAA;SACZ;AATK,KASJ,CACL;AAED,IAAA,IAAM,IAAI,GAAG,SAAS,CAAC,MAAM,CACzB,UAAC,GAAG,EAAK,EAAA,OAAA,GAAG,CAAC,KAAK,CAAC,EAAE,KAAK,UAAU,IAAI,GAAG,CAAC,KAAK,CAAC,WAAW,IAAI,WAAW,CAAA,EAAA,CAC/E;AAED,IAAA,QACIA,~~sBAAA~~,CAAA,aAAA,CAAA,KAAA,EAAA,~~EAAK,~~SAAS,EAAE,SAAS,~~EAAA~~;~~AACrB~~,~~QAAAA~~,sBAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EACJ,kBAAkB,EAAE,kBAAkB,EACtC,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,sBAAsB,EAAE,sBAAsB,EAC9C,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,KAAK,EAClB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC9B,CAAA;AAED,QAAA,IAAI,CAAC,GAAG,CAAC,UAAC,GAAG,EAAA,EAAK,~~OAAAC~~,kBAAY,CAAC,GAAG,EAAE,EAAE,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,EAAE,KAAK,UAAU,EAAE,CAAC,CAAA,EAAA,CAAC,CAC5E;AAEd;;;;"}
1	+ {"version":3,"file":"Component.js","sources":["../../../src/components/tabs/Component.tsx"],"sourcesContent":["import React, { cloneElement } from 'react';\n\nimport { TabsProps } from '../../typings';\n\nexport const Tabs = ({\n TabList,\n className,\n containerClassName,\n size,\n children,\n selectedId,\n scrollable,\n collapsedTabsIds,\n fullWidthScroll = false,\n keepMounted = false,\n dataTestId,\n onChange,\n breakpoint,\n client,\n defaultMatchMediaValue,\n tagShape,\n tagView,\n showSkeleton = false,\n skeletonProps,\n textStyle,\n style,\n ...restProps\n}: Omit<TabsProps, 'view'>) => {\n const tabsArray = React.Children.toArray(children) as TabsProps['children'];\n const titles = tabsArray.map(\n ({\n props: {\n title,\n id,\n rightAddons,\n disabled,\n hidden,\n toggleClassName,\n dataTestId: toggleTestId,\n toggleRef,\n },\n }) => ({\n title,\n id,\n disabled,\n rightAddons,\n hidden,\n toggleClassName,\n dataTestId: toggleTestId,\n toggleRef,\n }),\n );\n\n const tabs = tabsArray.filter(\n (tab) => tab.props.id === selectedId \|\| tab.props.keepMounted \|\| keepMounted,\n );\n\n return (\n <div className={className} {...restProps}>\n <TabList\n containerClassName={containerClassName}\n size={size}\n titles={titles}\n selectedId={selectedId}\n scrollable={scrollable}\n collapsedTabsIds={collapsedTabsIds}\n onChange={onChange}\n dataTestId={dataTestId}\n defaultMatchMediaValue={defaultMatchMediaValue}\n breakpoint={breakpoint}\n client={client}\n fullWidthScroll={fullWidthScroll}\n tagShape={tagShape}\n tagView={tagView}\n textStyle={textStyle}\n inlineStyle={style}\n showSkeleton={showSkeleton}\n skeletonProps={skeletonProps}\n />\n\n {tabs.map((tab) => cloneElement(tab, { hidden: tab.props.id !== selectedId }))}\n </div>\n );\n};\n"],"names":["__rest","React","__assign","cloneElement"],"mappings":"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"}

package/cssm/typings.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
-import { FC, MouseEvent, ReactElement, ReactNode, Ref } from 'react';
+import { AriaAttributes, FC, HTMLAttributes, MouseEvent, ReactElement, ReactNode, Ref } from 'react';
 import { SkeletonProps } from '@alfalab/core-components-skeleton/cssm';
 import { TagProps } from '@alfalab/core-components-tag/cssm';
 export declare type SelectedId = string | number;
-export declare type TabsProps = {
+export interface TabsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'children' | 'className'>, AriaAttributes {
     /**
      * Дополнительный класс
      */
@@ -99,8 +99,8 @@ export declare type TabsProps = {
      * Доп. пропсы для скелетона
      */
     skeletonProps?: Omit<SkeletonProps, 'visible'>;
-};
-export declare type TabProps = {
+}
+export interface TabProps extends AriaAttributes {
     /**
      * Id таба
      */
@@ -145,8 +145,8 @@ export declare type TabProps = {
      * Реф для кнопки переключения таба
      */
     toggleRef?: Ref<HTMLDivElement>;
-};
-export declare type TabListTitle = {
+}
+export interface TabListTitle {
     title: NonNullable<ReactNode>;
     id: SelectedId;
     disabled?: boolean;
@@ -157,8 +157,8 @@ export declare type TabListTitle = {
     collapsed?: boolean;
     dataTestId?: string;
     toggleRef?: Ref<HTMLDivElement>;
-};
-export declare type TabListProps = Pick<TabsProps, 'className' | 'containerClassName' | 'size' | 'defaultMatchMediaValue' | 'selectedId' | 'scrollable' | 'collapsedTabsIds' | 'onChange' | 'dataTestId' | 'fullWidthScroll' | 'tagShape' | 'tagView' | 'textStyle' | 'showSkeleton' | 'skeletonProps'> & {
+}
+export interface TabListProps extends Pick<TabsProps, 'className' | 'containerClassName' | 'size' | 'defaultMatchMediaValue' | 'selectedId' | 'scrollable' | 'collapsedTabsIds' | 'onChange' | 'dataTestId' | 'fullWidthScroll' | 'tagShape' | 'tagView' | 'textStyle' | 'showSkeleton' | 'skeletonProps'> {
     /**
      * Заголовки табов
      */
@@ -176,11 +176,11 @@ export declare type TabListProps = Pick<TabsProps, 'className' | 'containerClass
      * Дополнительные инлайн стили для заголовка
      */
     inlineStyle?: React.CSSProperties;
-};
-export declare type SecondaryTabListProps = TabListProps & {
+}
+export interface SecondaryTabListProps extends TabListProps {
     tagSize?: TagProps['size'];
     TagComponent?: FC<Omit<TagProps, 'breakpoint'>>;
-};
+}
 export declare type UseTabsProps = TabListProps;
 export declare type Styles = {
     styles?: {

package/esm/components/primary-tablist/Component.collapsible.js CHANGED Viewed

@@ -7,7 +7,7 @@ import { PickerButtonDesktop } from '@alfalab/core-components-picker-button/esm/
 import { useTablistTitles } from '../../hooks/use-tablist-titles.js';
 import { createSyntheticMouseEvent } from '../../synthetic-events.js';
 import { Title } from '../title/Component.js';
-import styles from './index.module.css.js';
+import commonStyles from './index.module.css.js';
 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, breakpoint = _a.breakpoint, client = _a.client, defaultMatchMediaValue = _a.defaultMatchMediaValue, textStyle = _a.textStyle, showSkeleton = _a.showSkeleton, skeletonProps = _a.skeletonProps;
@@ -34,7 +34,7 @@ var CollapsiblePrimaryTabList = function (_a) {
                 options.push({
                     key: String(title.id),
                     value: title.id,
-                    content: (React.createElement(Title, __assign({}, title, { ref: toggleRef, styles: styles, isOption: true }))),
+                    content: (React.createElement(Title, __assign({}, title, { ref: toggleRef, styles: commonStyles, isOption: true }))),
                 });
             }
             return options;
@@ -51,18 +51,18 @@ var CollapsiblePrimaryTabList = function (_a) {
     };
     var renderContent = function () {
         var _a;
-        return (React.createElement("div", { role: 'tablist', "data-test-id": dataTestId, className: cn(styles.component, className, !textStyle && size && styles[size], (_a = {},
-                _a[styles.fullWidthScroll] = fullWidthScroll,
+        return (React.createElement("div", { role: 'tablist', "data-test-id": dataTestId, className: cn(commonStyles.component, className, !textStyle && size && commonStyles[size], (_a = {},
+                _a[commonStyles.fullWidthScroll] = fullWidthScroll,
                 _a)) },
             tablistTitles.map(function (_a, index) {
                 _a.dataTestId; _a.toggleRef; var restTitleProps = __rest(_a, ["dataTestId", "toggleRef"]);
-                return (React.createElement(KeyboardFocusable, { key: restTitleProps.id }, function (ref, focused) { return (React.createElement(Title, __assign({}, getTabListItemProps(index, ref), restTitleProps, { focused: focused, styles: styles, showSkeleton: showSkeleton, skeletonProps: skeletonProps }))); }));
+                return (React.createElement(KeyboardFocusable, { key: restTitleProps.id }, function (ref, focused) { return (React.createElement(Title, __assign({}, getTabListItemProps(index, ref), restTitleProps, { focused: focused, styles: commonStyles, showSkeleton: showSkeleton, skeletonProps: skeletonProps }))); }));
             }),
-            collapsedOptions.length ? (React.createElement("span", { ref: addonRef, role: 'menu', className: styles.pickerWrapper },
-                React.createElement(PickerButtonDesktop, { fieldClassName: styles.title, optionClassName: cn(size && styles[size]), options: collapsedOptions, onChange: handleOptionsChange, rightAddons: collapsedAddonsLength ? (React.createElement(Badge, { view: 'count', content: collapsedAddonsLength })) : null, size: 'm', view: 'text', label: '\u0415\u0449\u0451', popoverPosition: 'bottom-end', disabled: showSkeleton }))) : null,
-            React.createElement("div", { className: styles.line, ref: lineRef })));
+            collapsedOptions.length ? (React.createElement("span", { ref: addonRef, role: 'menu', className: commonStyles.pickerWrapper },
+                React.createElement(PickerButtonDesktop, { fieldClassName: commonStyles.title, optionClassName: cn(size && commonStyles[size]), options: collapsedOptions, onChange: handleOptionsChange, rightAddons: collapsedAddonsLength ? (React.createElement(Badge, { view: 'count', content: collapsedAddonsLength })) : null, size: 'm', view: 'text', label: '\u0415\u0449\u0451', popoverPosition: 'bottom-end', disabled: showSkeleton }))) : null,
+            React.createElement("div", { className: commonStyles.line, ref: lineRef })));
     };
-    return (React.createElement("div", { ref: containerRef, className: cn(styles.container, textStyle && styles[textStyle], styles.desktop, containerClassName) }, renderContent()));
+    return (React.createElement("div", { ref: containerRef, className: cn(commonStyles.container, textStyle && commonStyles[textStyle], commonStyles.desktop, containerClassName) }, renderContent()));
 };
 export { CollapsiblePrimaryTabList };

package/esm/components/primary-tablist/Component.collapsible.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Component.collapsible.js","sources":["../../../src/components/primary-tablist/Component.collapsible.tsx"],"sourcesContent":["import React, { Ref, useEffect, useMemo, useRef } from 'react';\nimport cn from 'classnames';\n\nimport { Badge } from '@alfalab/core-components-badge';\nimport { KeyboardFocusable } from '@alfalab/core-components-keyboard-focusable';\nimport {\n PickerButtonDesktop,\n PickerButtonDesktopProps,\n} from '@alfalab/core-components-picker-button/desktop';\n\nimport { useTablistTitles } from '../../hooks/use-tablist-titles';\nimport { createSyntheticMouseEvent } from '../../synthetic-events';\nimport { TabListProps } from '../../typings';\nimport { Title } from '../title';\n\nimport styles from './index.module.css';\n\nexport const CollapsiblePrimaryTabList = ({\n size = 'm',\n className,\n containerClassName,\n titles = [],\n selectedId = titles.length ? titles[0].id : undefined,\n collapsedTabsIds,\n fullWidthScroll,\n onChange,\n dataTestId,\n breakpoint,\n client,\n defaultMatchMediaValue,\n textStyle,\n showSkeleton,\n skeletonProps,\n}: TabListProps) => {\n const lineRef = useRef<HTMLDivElement>(null);\n\n const { containerRef, addonRef, tablistTitles, selectedTab, getTabListItemProps } =\n useTablistTitles({\n titles,\n selectedId,\n collapsedTabsIds,\n onChange,\n breakpoint,\n client,\n defaultMatchMediaValue,\n });\n\n useEffect(() => {\n if (selectedTab && lineRef.current) {\n lineRef.current.style.width = `${selectedTab.offsetWidth}px`;\n lineRef.current.style.transform = `translateX(${selectedTab.offsetLeft}px)`;\n }\n }, [selectedTab, tablistTitles]);\n\n const collapsedOptions = useMemo(\n () =>\n tablistTitles.reduce<PickerButtonDesktopProps['options']>(\n (options, { toggleRef, ...title }) => {\n if (title.collapsed) {\n options.push({\n key: String(title.id),\n value: title.id,\n content: (\n <Title\n {...title}\n ref={toggleRef as Ref<HTMLButtonElement>}\n styles={styles}\n isOption={true}\n />\n ),\n });\n }\n\n return options;\n },\n [],\n ),\n [tablistTitles],\n );\n\n const collapsedAddonsLength = tablistTitles.filter(\n (title) => title.collapsed && title.rightAddons,\n ).length;\n\n const handleOptionsChange = (\n payload: Parameters<Required<PickerButtonDesktopProps>['onChange']>[0],\n ) => {\n if (payload.selected?.value && onChange) {\n const nativeMouseEvent = new MouseEvent('change');\n const syntheticMouseEvent = createSyntheticMouseEvent(nativeMouseEvent);\n\n onChange(syntheticMouseEvent, { selectedId: payload.selected.value });\n }\n };\n\n const renderContent = () => (\n <div\n role='tablist'\n data-test-id={dataTestId}\n className={cn(styles.component, className, !textStyle && size && styles[size], {\n [styles.fullWidthScroll]: fullWidthScroll,\n })}\n >\n {tablistTitles.map(({ dataTestId: _, toggleRef: __, ...restTitleProps }, index) => (\n <KeyboardFocusable key={restTitleProps.id}>\n {(ref, focused) => (\n <Title\n {...getTabListItemProps(index, ref)}\n {...restTitleProps}\n focused={focused}\n styles={styles}\n showSkeleton={showSkeleton}\n skeletonProps={skeletonProps}\n />\n )}\n </KeyboardFocusable>\n ))}\n\n {collapsedOptions.length ? (\n <span ref={addonRef} role='menu' className={styles.pickerWrapper}>\n <PickerButtonDesktop\n fieldClassName={styles.title}\n optionClassName={cn(size && styles[size])}\n options={collapsedOptions}\n onChange={handleOptionsChange}\n rightAddons={\n collapsedAddonsLength ? (\n <Badge view='count' content={collapsedAddonsLength} />\n ) : null\n }\n size='m'\n view='text'\n label='Ещё'\n popoverPosition='bottom-end'\n disabled={showSkeleton}\n />\n </span>\n ) : null}\n\n <div className={styles.line} ref={lineRef} />\n </div>\n );\n\n return (\n <div\n ref={containerRef}\n className={cn(\n styles.container,\n textStyle && styles[textStyle],\n styles.desktop,\n containerClassName,\n )}\n >\n {renderContent()}\n </div>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAiBO,IAAM,yBAAyB,GAAG,UAAC,EAgB3B,EAAA;AAfX,IAAA,IAAA,EAAA,GAAA,EAAA,CAAA,IAAU,EAAV,IAAI,GAAG,EAAA,KAAA,MAAA,GAAA,GAAG,KAAA,EACV,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,kBAAkB,GAAA,EAAA,CAAA,kBAAA,EAClB,EAAA,GAAA,EAAA,CAAA,MAAW,EAAX,MAAM,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACX,EAAA,GAAA,EAAA,CAAA,UAAqD,EAArD,UAAU,mBAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,SAAS,GAAA,EAAA,EACrD,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,eAAe,GAAA,EAAA,CAAA,eAAA,EACf,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,sBAAsB,GAAA,EAAA,CAAA,sBAAA,EACtB,SAAS,eAAA,EACT,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,aAAa,GAAA,EAAA,CAAA,aAAA;AAEb,IAAA,IAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC;IAEtC,IAAA,EAAA,GACF,gBAAgB,CAAC;AACb,QAAA,MAAM,EAAA,MAAA;AACN,QAAA,UAAU,EAAA,UAAA;AACV,QAAA,gBAAgB,EAAA,gBAAA;AAChB,QAAA,QAAQ,EAAA,QAAA;AACR,QAAA,UAAU,EAAA,UAAA;AACV,QAAA,MAAM,EAAA,MAAA;AACN,QAAA,sBAAsB,EAAA,sBAAA;AACzB,KAAA,CAAC,EATE,YAAY,GAAA,EAAA,CAAA,YAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,aAAa,GAAA,EAAA,CAAA,aAAA,EAAE,WAAW,GAAA,EAAA,CAAA,WAAA,EAAE,mBAAmB,yBASzE;AAEN,IAAA,SAAS,CAAC,YAAA;AACN,QAAA,IAAI,WAAW,IAAI,OAAO,CAAC,OAAO,EAAE;AAChC,YAAA,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,EAAA,CAAA,MAAA,CAAG,WAAW,CAAC,WAAW,EAAA,IAAA,CAAI;AAC5D,YAAA,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,aAAA,CAAA,MAAA,CAAc,WAAW,CAAC,UAAU,EAAA,KAAA,CAAK;AAC9E;AACL,KAAC,EAAE,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;IAEhC,IAAM,gBAAgB,GAAG,OAAO,CAC5B,YAAA;AACI,QAAA,OAAA,aAAa,CAAC,MAAM,CAChB,UAAC,OAAO,EAAE,EAAuB,EAAA;AAArB,YAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,KAAK,GAAA,MAAA,CAAA,EAAA,EAArB,aAAuB,CAAF;YAC3B,IAAI,KAAK,CAAC,SAAS,EAAE;gBACjB,OAAO,CAAC,IAAI,CAAC;AACT,oBAAA,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;oBACrB,KAAK,EAAE,KAAK,CAAC,EAAE;AACf,oBAAA,OAAO,GACH,KAAA,CAAA,aAAA,CAAC,KAAK,EACE,QAAA,CAAA,EAAA,EAAA,KAAK,IACT,GAAG,EAAE,SAAmC,EACxC,MAAM,~~EAAE~~,~~MAAM~~,EACd,QAAQ,EAAE,IAAI,IAChB,CACL;AACJ,iBAAA,CAAC;AACL;AAED,YAAA,OAAO,OAAO;SACjB,EACD,EAAE,CACL;AApBD,KAoBC,EACL,CAAC,aAAa,CAAC,CAClB;IAED,IAAM,qBAAqB,GAAG,aAAa,CAAC,MAAM,CAC9C,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,WAAW,GAAA,CAClD,CAAC,MAAM;IAER,IAAM,mBAAmB,GAAG,UACxB,OAAsE,EAAA;;QAEtE,IAAI,CAAA,MAAA,OAAO,CAAC,QAAQ,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,KAAK,KAAI,QAAQ,EAAE;AACrC,YAAA,IAAM,gBAAgB,GAAG,IAAI,UAAU,CAAC,QAAQ,CAAC;AACjD,YAAA,IAAM,mBAAmB,GAAG,yBAAyB,CAAC,gBAAgB,CAAC;AAEvE,YAAA,QAAQ,CAAC,mBAAmB,EAAE,EAAE,UAAU,EAAE,OAAO,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;AACxE;AACL,KAAC;AAED,IAAA,IAAM,aAAa,GAAG,YAAA;;QAAM,QACxB,KACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,IAAI,EAAC,SAAS,EACA,cAAA,EAAA,UAAU,EACxB,SAAS,EAAE,EAAE,~~CAAC~~,~~MAAM~~,CAAC,SAAS,EAAE,SAAS,EAAE,CAAC,SAAS,IAAI,IAAI,~~IAAI~~,~~MAAM~~,CAAC,IAAI,CAAC,GAAA,EAAA,GAAA,EAAA;AACzE,gBAAA,EAAA,~~CAAC~~,~~MAAM~~,CAAC,eAAe,CAAA,GAAG,eAAe;AAC3C,gBAAA,EAAA,EAAA,EAAA;AAED,YAAA,aAAa,CAAC,GAAG,CAAC,UAAC,EAAmD,EAAE,KAAK,EAAA;6BAA3C,CAAa,aAAE,CAAK,KAAA,cAAc,GAAjD,MAAA,CAAA,EAAA,EAAA,CAAA,YAAA,EAAA,WAAA,CAAmD;gBAAY,QAC/E,oBAAC,iBAAiB,EAAA,EAAC,GAAG,EAAE,cAAc,CAAC,EAAE,EACpC,EAAA,UAAC,GAAG,EAAE,OAAO,EAAK,EAAA,QACf,KAAA,CAAA,aAAA,CAAC,KAAK,EACE,QAAA,CAAA,EAAA,EAAA,mBAAmB,CAAC,KAAK,EAAE,GAAG,CAAC,EAC/B,cAAc,IAClB,OAAO,EAAE,OAAO,EAChB,MAAM,~~EAAE~~,~~MAAM~~,EACd,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAAA,CAAA,CAC9B,EARa,EASlB,CACe;aACvB,CAAC;AAED,YAAA,gBAAgB,CAAC,MAAM,IACpB,8BAAM,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAC,MAAM,EAAC,SAAS,~~EAAE~~,~~MAAM~~,CAAC,aAAa,EAAA;AAC5D,gBAAA,KAAA,CAAA,aAAA,CAAC,mBAAmB,EAChB,EAAA,cAAc,~~EAAE~~,~~MAAM~~,CAAC,KAAK,EAC5B,eAAe,EAAE,EAAE,CAAC,IAAI,~~IAAI~~,~~MAAM~~,CAAC,IAAI,CAAC,CAAC,EACzC,OAAO,EAAE,gBAAgB,EACzB,QAAQ,EAAE,mBAAmB,EAC7B,WAAW,EACP,qBAAqB,IACjB,oBAAC,KAAK,EAAA,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,qBAAqB,GAAI,IACtD,IAAI,EAEZ,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,oBAAK,EACX,eAAe,EAAC,YAAY,EAC5B,QAAQ,EAAE,YAAY,EACxB,CAAA,CACC,IACP,IAAI;YAER,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,~~EAAE~~,~~MAAM~~,CAAC,IAAI,EAAE,GAAG,EAAE,OAAO,EAAI,CAAA,CAC3C;AA7CkB,KA8C3B;AAED,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,EAAE,~~CACT~~,~~MAAM~~,CAAC,SAAS,EAChB,SAAS,~~IAAI~~,~~MAAM~~,CAAC,SAAS,CAAC,~~EAC9B~~,~~MAAM~~,CAAC,OAAO,EACd,kBAAkB,CACrB,EAEA,EAAA,aAAa,EAAE,CACd;AAEd;;;;"}
1	+ {"version":3,"file":"Component.collapsible.js","sources":["../../../src/components/primary-tablist/Component.collapsible.tsx"],"sourcesContent":["import React, { Ref, useEffect, useMemo, useRef } from 'react';\nimport cn from 'classnames';\n\nimport { Badge } from '@alfalab/core-components-badge';\nimport { KeyboardFocusable } from '@alfalab/core-components-keyboard-focusable';\nimport {\n PickerButtonDesktop,\n PickerButtonDesktopProps,\n} from '@alfalab/core-components-picker-button/desktop';\n\nimport { useTablistTitles } from '../../hooks/use-tablist-titles';\nimport { createSyntheticMouseEvent } from '../../synthetic-events';\nimport { TabListProps } from '../../typings';\nimport { Title } from '../title';\n\nimport styles from './index.module.css';\n\nexport const CollapsiblePrimaryTabList = ({\n size = 'm',\n className,\n containerClassName,\n titles = [],\n selectedId = titles.length ? titles[0].id : undefined,\n collapsedTabsIds,\n fullWidthScroll,\n onChange,\n dataTestId,\n breakpoint,\n client,\n defaultMatchMediaValue,\n textStyle,\n showSkeleton,\n skeletonProps,\n}: TabListProps) => {\n const lineRef = useRef<HTMLDivElement>(null);\n\n const { containerRef, addonRef, tablistTitles, selectedTab, getTabListItemProps } =\n useTablistTitles({\n titles,\n selectedId,\n collapsedTabsIds,\n onChange,\n breakpoint,\n client,\n defaultMatchMediaValue,\n });\n\n useEffect(() => {\n if (selectedTab && lineRef.current) {\n lineRef.current.style.width = `${selectedTab.offsetWidth}px`;\n lineRef.current.style.transform = `translateX(${selectedTab.offsetLeft}px)`;\n }\n }, [selectedTab, tablistTitles]);\n\n const collapsedOptions = useMemo(\n () =>\n tablistTitles.reduce<PickerButtonDesktopProps['options']>(\n (options, { toggleRef, ...title }) => {\n if (title.collapsed) {\n options.push({\n key: String(title.id),\n value: title.id,\n content: (\n <Title\n {...title}\n ref={toggleRef as Ref<HTMLButtonElement>}\n styles={styles}\n isOption={true}\n />\n ),\n });\n }\n\n return options;\n },\n [],\n ),\n [tablistTitles],\n );\n\n const collapsedAddonsLength = tablistTitles.filter(\n (title) => title.collapsed && title.rightAddons,\n ).length;\n\n const handleOptionsChange = (\n payload: Parameters<Required<PickerButtonDesktopProps>['onChange']>[0],\n ) => {\n if (payload.selected?.value && onChange) {\n const nativeMouseEvent = new MouseEvent('change');\n const syntheticMouseEvent = createSyntheticMouseEvent(nativeMouseEvent);\n\n onChange(syntheticMouseEvent, { selectedId: payload.selected.value });\n }\n };\n\n const renderContent = () => (\n <div\n role='tablist'\n data-test-id={dataTestId}\n className={cn(styles.component, className, !textStyle && size && styles[size], {\n [styles.fullWidthScroll]: fullWidthScroll,\n })}\n >\n {tablistTitles.map(({ dataTestId: _, toggleRef: __, ...restTitleProps }, index) => (\n <KeyboardFocusable key={restTitleProps.id}>\n {(ref, focused) => (\n <Title\n {...getTabListItemProps(index, ref)}\n {...restTitleProps}\n focused={focused}\n styles={styles}\n showSkeleton={showSkeleton}\n skeletonProps={skeletonProps}\n />\n )}\n </KeyboardFocusable>\n ))}\n\n {collapsedOptions.length ? (\n <span ref={addonRef} role='menu' className={styles.pickerWrapper}>\n <PickerButtonDesktop\n fieldClassName={styles.title}\n optionClassName={cn(size && styles[size])}\n options={collapsedOptions}\n onChange={handleOptionsChange}\n rightAddons={\n collapsedAddonsLength ? (\n <Badge view='count' content={collapsedAddonsLength} />\n ) : null\n }\n size='m'\n view='text'\n label='Ещё'\n popoverPosition='bottom-end'\n disabled={showSkeleton}\n />\n </span>\n ) : null}\n\n <div className={styles.line} ref={lineRef} />\n </div>\n );\n\n return (\n <div\n ref={containerRef}\n className={cn(\n styles.container,\n textStyle && styles[textStyle],\n styles.desktop,\n containerClassName,\n )}\n >\n {renderContent()}\n </div>\n );\n};\n"],"names":["styles"],"mappings":"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"}

package/esm/components/primary-tablist/Component.desktop.js CHANGED Viewed

@@ -1,11 +1,11 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { PrimaryTabList } from './Component.js';
-import styles from './index.module.css.js';
+import commonStyles from './index.module.css.js';
 var PrimaryTabListDesktop = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 'm' : _b, restProps = __rest(_a, ["size"]);
-    return (React.createElement(PrimaryTabList, __assign({}, restProps, { size: size, styles: styles, platform: 'desktop' })));
+    return (React.createElement(PrimaryTabList, __assign({}, restProps, { size: size, styles: commonStyles, platform: 'desktop' })));
 };
 export { PrimaryTabListDesktop };

package/esm/components/primary-tablist/Component.desktop.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Component.desktop.js","sources":["../../../src/components/primary-tablist/Component.desktop.tsx"],"sourcesContent":["import React from 'react';\n\nimport { TabListProps } from '../../typings';\n\nimport { PrimaryTabList } from './Component';\n\nimport styles from './index.module.css';\n\nexport const PrimaryTabListDesktop = ({ size = 'm', ...restProps }: TabListProps) => (\n <PrimaryTabList {...restProps} size={size} styles={styles} platform='desktop' />\n);\n"],"names":[],"mappings":";;;;;AAQO,IAAM,qBAAqB,GAAG,UAAC,EAA0C,EAAA;IAAxC,IAAA,EAAA,GAAA,EAAA,CAAA,IAAU,EAAV,IAAI,GAAG,EAAA,KAAA,MAAA,GAAA,GAAG,KAAA,EAAK,SAAS,GAA1B,MAAA,CAAA,EAAA,EAAA,CAAA,MAAA,CAA4B,CAAF;AAAqB,IAAA,QACjF,KAAC,CAAA,aAAA,CAAA,cAAc,eAAK,SAAS,EAAA,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,~~EAAE~~,~~MAAM~~,EAAE,QAAQ,EAAC,SAAS,EAAA,CAAA,CAAG;;;;;"}
1	+ {"version":3,"file":"Component.desktop.js","sources":["../../../src/components/primary-tablist/Component.desktop.tsx"],"sourcesContent":["import React from 'react';\n\nimport { TabListProps } from '../../typings';\n\nimport { PrimaryTabList } from './Component';\n\nimport styles from './index.module.css';\n\nexport const PrimaryTabListDesktop = ({ size = 'm', ...restProps }: TabListProps) => (\n <PrimaryTabList {...restProps} size={size} styles={styles} platform='desktop' />\n);\n"],"names":["styles"],"mappings":";;;;;AAQO,IAAM,qBAAqB,GAAG,UAAC,EAA0C,EAAA;IAAxC,IAAA,EAAA,GAAA,EAAA,CAAA,IAAU,EAAV,IAAI,GAAG,EAAA,KAAA,MAAA,GAAA,GAAG,KAAA,EAAK,SAAS,GAA1B,MAAA,CAAA,EAAA,EAAA,CAAA,MAAA,CAA4B,CAAF;AAAqB,IAAA,QACjF,KAAC,CAAA,aAAA,CAAA,cAAc,eAAK,SAAS,EAAA,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAEA,YAAM,EAAE,QAAQ,EAAC,SAAS,EAAA,CAAA,CAAG;;;;;"}