@alfalab/core-components-tabs 8.12.2 → 8.12.4

package/@alfalab/icons-glyph/package.json

@@ -0,0 +1,14 @@
+{
+    "name": "@alfalab/icons-glyph",
+    "version": "2.140.0",
+    "license": "MIT",
+    "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+    },
+    "main": "./index.js",
+    "module": "./esm/index.js",
+    "publishConfig": {
+        "access": "public"
+    }
+}

package/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, textStyle, showSkeleton, skeletonProps, }: TabListProps) => React.JSX.Element;
+declare const CollapsiblePrimaryTabList: ({ size, className, containerClassName, titles, selectedId, collapsedTabsIds, fullWidthScroll, onChange, dataTestId, breakpoint, client, defaultMatchMediaValue, textStyle, showSkeleton, skeletonProps, }: TabListProps) => React.JSX.Element;
 export { CollapsiblePrimaryTabList };

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

@@ -8,11 +8,10 @@ var cn = require('classnames');
 var coreComponentsBadge = require('@alfalab/core-components-badge');
 var coreComponentsKeyboardFocusable = require('@alfalab/core-components-keyboard-focusable');
 var desktop = require('@alfalab/core-components-picker-button/desktop');
-var coreComponentsShared = require('@alfalab/core-components-shared');
 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-f0cef476.js');
+var index_module = require('../../index.module-fd8afcc7.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -20,16 +19,17 @@ 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 ? coreComponentsShared.getComponentBreakpoint() : _e, defaultMatchMediaValue = _a.defaultMatchMediaValue, textStyle = _a.textStyle, showSkeleton = _a.showSkeleton, skeletonProps = _a.skeletonProps;
+    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;
     var lineRef = React.useRef(null);
-    var _f = hooks_useTablistTitles.useTablistTitles({
+    var _e = hooks_useTablistTitles.useTablistTitles({
         titles: titles,
         selectedId: selectedId,
         collapsedTabsIds: collapsedTabsIds,
-        breakpoint: breakpoint,
         onChange: onChange,
+        breakpoint: breakpoint,
+        client: client,
         defaultMatchMediaValue: defaultMatchMediaValue,
-    }), containerRef = _f.containerRef, addonRef = _f.addonRef, tablistTitles = _f.tablistTitles, selectedTab = _f.selectedTab, getTabListItemProps = _f.getTabListItemProps;
+    }), containerRef = _e.containerRef, addonRef = _e.addonRef, tablistTitles = _e.tablistTitles, selectedTab = _e.selectedTab, getTabListItemProps = _e.getTabListItemProps;
     React.useEffect(function () {
         if (selectedTab && lineRef.current) {
             lineRef.current.style.width = "".concat(selectedTab.offsetWidth, "px");

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

@@ -5,7 +5,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-f0cef476.js');
+var index_module = require('../../index.module-fd8afcc7.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

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

@@ -5,13 +5,13 @@ 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-f0cef476.js');
+var index_module = require('../../index.module-fd8afcc7.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var mobileStyles = {"title":"tabs__title_h3ar9 tabs__title_3dj16","mobile":"tabs__mobile_h3ar9","paragraph-primary-large":"tabs__paragraph-primary-large_h3ar9","paragraph-primary-medium":"tabs__paragraph-primary-medium_h3ar9","paragraph-primary-small":"tabs__paragraph-primary-small_h3ar9","action-primary-large":"tabs__action-primary-large_h3ar9","action-primary-medium":"tabs__action-primary-medium_h3ar9","action-primary-small":"tabs__action-primary-small_h3ar9","accent-primary-large":"tabs__accent-primary-large_h3ar9","accent-primary-medium":"tabs__accent-primary-medium_h3ar9","accent-primary-small":"tabs__accent-primary-small_h3ar9","pickerWrapper":"tabs__pickerWrapper_h3ar9","option":"tabs__option_h3ar9","scrollControls":"tabs__scrollControls_h3ar9","headline-system-xlarge":"tabs__headline-system-xlarge_h3ar9","headline-system-large":"tabs__headline-system-large_h3ar9","headline-system-medium":"tabs__headline-system-medium_h3ar9","headline-system-small":"tabs__headline-system-small_h3ar9","headline-system-xsmall":"tabs__headline-system-xsmall_h3ar9","headline-xlarge":"tabs__headline-xlarge_h3ar9","headline-large":"tabs__headline-large_h3ar9","headline-medium":"tabs__headline-medium_h3ar9","headline-small":"tabs__headline-small_h3ar9","headline-xsmall":"tabs__headline-xsmall_h3ar9"};
+var mobileStyles = {"title":"tabs__title_p3olt tabs__title_3iblt","mobile":"tabs__mobile_p3olt","paragraph-primary-large":"tabs__paragraph-primary-large_p3olt","paragraph-primary-medium":"tabs__paragraph-primary-medium_p3olt","paragraph-primary-small":"tabs__paragraph-primary-small_p3olt","action-primary-large":"tabs__action-primary-large_p3olt","action-primary-medium":"tabs__action-primary-medium_p3olt","action-primary-small":"tabs__action-primary-small_p3olt","accent-primary-large":"tabs__accent-primary-large_p3olt","accent-primary-medium":"tabs__accent-primary-medium_p3olt","accent-primary-small":"tabs__accent-primary-small_p3olt","pickerWrapper":"tabs__pickerWrapper_p3olt","option":"tabs__option_p3olt","scrollControls":"tabs__scrollControls_p3olt","headline-system-xlarge":"tabs__headline-system-xlarge_p3olt","headline-system-large":"tabs__headline-system-large_p3olt","headline-system-medium":"tabs__headline-system-medium_p3olt","headline-system-small":"tabs__headline-system-small_p3olt","headline-system-xsmall":"tabs__headline-system-xsmall_p3olt","headline-xlarge":"tabs__headline-xlarge_p3olt","headline-large":"tabs__headline-large_p3olt","headline-medium":"tabs__headline-medium_p3olt","headline-small":"tabs__headline-small_p3olt","headline-xsmall":"tabs__headline-xsmall_p3olt"};
 require('./mobile.css')
 
 var styles = tslib.__assign(tslib.__assign({}, index_module.styles), mobileStyles);

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
 import { TabListProps } from "../../typings";
-declare const PrimaryTabListResponsive: ({ size, breakpoint, fullWidthScroll, defaultMatchMediaValue, ...restProps }: TabListProps) => React.JSX.Element;
+declare const PrimaryTabListResponsive: ({ size, breakpoint, client, fullWidthScroll, defaultMatchMediaValue, ...restProps }: TabListProps) => React.JSX.Element;
 export { PrimaryTabListResponsive };

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('@alfalab/core-components-mq');
-var coreComponentsShared = require('@alfalab/core-components-shared');
 var components_primaryTablist_Component_desktop = require('./Component.desktop.js');
 var components_primaryTablist_Component_mobile = require('./Component.mobile.js');
 
@@ -14,8 +13,8 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var PrimaryTabListResponsive = function (_a) {
-    var size = _a.size, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, fullWidthScroll = _a.fullWidthScroll, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["size", "breakpoint", "fullWidthScroll", "defaultMatchMediaValue"]);
-    var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
+    var size = _a.size, breakpoint = _a.breakpoint, client = _a.client, fullWidthScroll = _a.fullWidthScroll, _b = _a.defaultMatchMediaValue, defaultMatchMediaValue = _b === void 0 ? client === undefined ? undefined : client === 'desktop' : _b, restProps = tslib.__rest(_a, ["size", "breakpoint", "client", "fullWidthScroll", "defaultMatchMediaValue"]);
+    var isDesktop = coreComponentsMq.useIsDesktop(breakpoint, defaultMatchMediaValue);
     return isDesktop ? (React__default.default.createElement(components_primaryTablist_Component_desktop.PrimaryTabListDesktop, tslib.__assign({ breakpoint: breakpoint, size: size, defaultMatchMediaValue: defaultMatchMediaValue }, restProps))) : (React__default.default.createElement(components_primaryTablist_Component_mobile.PrimaryTabListMobile, tslib.__assign({ breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue, fullWidthScroll: fullWidthScroll }, restProps)));
 };