@rescui/tab-list 0.13.4 → 0.13.5

package/lib/parts/with-scroll-arrows.js

@@ -1,19 +1,3 @@
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-var _excluded = ["compareValues", "value", "onChange", "children", "theme", "data-e2e"];
-import "core-js/modules/es.function.name.js";
-
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React from 'react';
 import cn from 'classnames';
 import { Button } from '@rescui/button';
@@ -23,41 +7,38 @@ import RightIcon from '../_virtual/right.js';
 import { useScrollableList } from './use-scrollable-list.js';
 import styles from './with-scroll-arrows.p.module.css.js';
 
-var compareTabsDefault = function compareTabsDefault(activeValue, tabValue) {
-  return activeValue === tabValue;
-};
-
-var withScrollArrows = function withScrollArrows(WrappedComponent, CompareItem) {
-  var arrowHeight = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '100%';
-
-  var WithScrollArrowsComponent = function WithScrollArrowsComponent(_ref) {
-    var _ref$compareValues = _ref.compareValues,
-        compareValues = _ref$compareValues === void 0 ? compareTabsDefault : _ref$compareValues,
-        value = _ref.value,
-        onChange = _ref.onChange,
-        children = _ref.children,
-        themeFromProps = _ref.theme,
-        e2eId = _ref['data-e2e'],
-        restProps = _objectWithoutProperties(_ref, _excluded);
+const compareTabsDefault = (activeValue, tabValue) => activeValue === tabValue;
 
-    var theme = useThemeWithUndefined(themeFromProps);
-
-    var _useScrollableList = useScrollableList({
-      children: children,
-      compareValues: compareValues,
-      value: value,
-      CompareItem: CompareItem
-    }),
-        selectedId = _useScrollableList.selectedId,
-        prepareDirectionScroller = _useScrollableList.prepareDirectionScroller,
-        activeNodeRef = _useScrollableList.activeNodeRef,
-        scrollableRef = _useScrollableList.scrollableRef,
-        containerRef = _useScrollableList.containerRef,
-        childrenWithValues = _useScrollableList.childrenWithValues,
-        showLeftArrow = _useScrollableList.showLeftArrow,
-        showRightArrow = _useScrollableList.showRightArrow;
+const withScrollArrows = function (WrappedComponent, CompareItem) {
+  let arrowHeight = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '100%';
 
-    var arrowStyles = {
+  const WithScrollArrowsComponent = _ref => {
+    let {
+      compareValues = compareTabsDefault,
+      value,
+      onChange,
+      children,
+      theme: themeFromProps,
+      ['data-e2e']: e2eId,
+      ...restProps
+    } = _ref;
+    const theme = useThemeWithUndefined(themeFromProps);
+    const {
+      selectedId,
+      prepareDirectionScroller,
+      activeNodeRef,
+      scrollableRef,
+      containerRef,
+      childrenWithValues,
+      showLeftArrow,
+      showRightArrow
+    } = useScrollableList({
+      children,
+      compareValues,
+      value,
+      CompareItem
+    });
+    const arrowStyles = {
       height: arrowHeight
     };
     return /*#__PURE__*/React.createElement("div", {
@@ -74,21 +55,22 @@ var withScrollArrows = function withScrollArrows(WrappedComponent, CompareItem)
       onClick: prepareDirectionScroller('left'),
       icon: /*#__PURE__*/React.createElement(LeftIcon, null),
       size: "s",
-      "data-e2e": e2eId ? "".concat(e2eId, "__left-arrow") : null,
+      "data-e2e": e2eId ? `${e2eId}__left-arrow` : null,
       "data-test": 'scrollable-list-arrow-left'
     })), /*#__PURE__*/React.createElement("div", {
       className: cn(styles.scrollable, showLeftArrow && styles.withLeftArrow, showRightArrow && styles.withRightArrow),
       ref: scrollableRef,
       tabIndex: -1
-    }, /*#__PURE__*/React.createElement(WrappedComponent, _objectSpread({
+    }, /*#__PURE__*/React.createElement(WrappedComponent, {
       selectedId: selectedId,
       activeNodeRef: activeNodeRef,
       value: value,
       onChange: onChange,
       theme: theme,
       "data-e2e": e2eId,
-      containerRef: containerRef
-    }, restProps), childrenWithValues)), /*#__PURE__*/React.createElement("div", {
+      containerRef: containerRef,
+      ...restProps
+    }, childrenWithValues)), /*#__PURE__*/React.createElement("div", {
       className: cn(styles.arrow, styles.arrowRight, showRightArrow && styles.shown),
       style: arrowStyles,
       "data-test": 'scrollable-list-arrow-right-wrapper'
@@ -100,12 +82,12 @@ var withScrollArrows = function withScrollArrows(WrappedComponent, CompareItem)
       icon: /*#__PURE__*/React.createElement(RightIcon, null),
       className: styles.arrowButton,
       size: "s",
-      "data-e2e": e2eId ? "".concat(e2eId, "__right-arrow") : null,
+      "data-e2e": e2eId ? `${e2eId}__right-arrow` : null,
       "data-test": 'scrollable-list-arrow-right'
     })));
   };
 
-  WithScrollArrowsComponent.displayName = "withScrollArrows(".concat(WrappedComponent.displayName || WrappedComponent.name, ")");
+  WithScrollArrowsComponent.displayName = `withScrollArrows(${WrappedComponent.displayName || WrappedComponent.name})`;
   return WithScrollArrowsComponent;
 };
 

package/lib/parts/with-scroll-arrows.p.module.css.js

@@ -1,14 +1,14 @@
 var styles = {
-  "light": "_light_10fcasy_9",
-  "dark": "_dark_10fcasy_12",
-  "wrapper": "_wrapper_10fcasy_16",
-  "scrollable": "_scrollable_10fcasy_23",
-  "arrow": "_arrow_10fcasy_52",
-  "shown": "_shown_10fcasy_72",
-  "arrowLeft": "_arrowLeft_10fcasy_80",
-  "arrowRight": "_arrowRight_10fcasy_85",
-  "withLeftArrow": "_withLeftArrow_10fcasy_91",
-  "withRightArrow": "_withRightArrow_10fcasy_100",
-  "arrowButton": "_arrowButton_10fcasy_121"
+  "light": "_light_awzdsf_9",
+  "dark": "_dark_awzdsf_12",
+  "wrapper": "_wrapper_awzdsf_16",
+  "scrollable": "_scrollable_awzdsf_23",
+  "arrow": "_arrow_awzdsf_52",
+  "shown": "_shown_awzdsf_72",
+  "arrowLeft": "_arrowLeft_awzdsf_80",
+  "arrowRight": "_arrowRight_awzdsf_85",
+  "withLeftArrow": "_withLeftArrow_awzdsf_91",
+  "withRightArrow": "_withRightArrow_awzdsf_100",
+  "arrowButton": "_arrowButton_awzdsf_121"
 };
 export { styles as default };

package/lib/tab-list.js

@@ -6,42 +6,40 @@ import { TabListContext } from './parts/tab-list-context.js';
 import { withScrollArrows } from './parts/with-scroll-arrows.js';
 import { useIndicator } from './parts/use-indicator.js';
 import styles from './parts/tab-list.p.module.css.js';
-var STYLES_SIZES = {
+const STYLES_SIZES = {
   m: styles.sizeM,
   l: styles.sizeL
 };
 
-var InnerTabList = function InnerTabList(_ref) {
-  var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'm' : _ref$size,
-      _ref$sparse = _ref.sparse,
-      sparse = _ref$sparse === void 0 ? false : _ref$sparse,
-      className = _ref.className,
-      _ref$mode = _ref.mode,
-      mode = _ref$mode === void 0 ? 'classic' : _ref$mode,
-      _ref$short = _ref.short,
-      short = _ref$short === void 0 ? false : _ref$short,
-      theme = _ref.theme,
-      value = _ref.value,
-      onChange = _ref.onChange,
-      children = _ref.children,
-      selectedId = _ref.selectedId,
-      activeNodeRef = _ref.activeNodeRef,
-      containerRef = _ref.containerRef,
-      e2eId = _ref['data-e2e'];
-  var indicator = useIndicator({
-    activeNodeRef: activeNodeRef,
-    containerRef: containerRef,
+const InnerTabList = _ref => {
+  let {
+    size = 'm',
+    sparse = false,
+    className,
+    mode = 'classic',
+    short = false,
+    theme,
+    value,
+    onChange,
+    children,
+    selectedId,
+    activeNodeRef,
+    containerRef,
+    ['data-e2e']: e2eId
+  } = _ref;
+  const indicator = useIndicator({
+    activeNodeRef,
+    containerRef,
     triggers: [value, children]
   });
   return /*#__PURE__*/React.createElement(TabListContext.Provider, {
     value: {
-      onChange: onChange,
-      selectedId: selectedId
+      onChange,
+      selectedId
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: cn(styles.tabsContainer, styles[theme], styles[mode], STYLES_SIZES[size], sparse && styles.sparse, short && styles.short, className),
-    "data-e2e": e2eId ? "".concat(e2eId, "__tabs-container") : null,
+    "data-e2e": e2eId ? `${e2eId}__tabs-container` : null,
     "data-test": 'tab-list',
     ref: containerRef
   }, children, /*#__PURE__*/React.createElement("span", {
@@ -51,7 +49,7 @@ var InnerTabList = function InnerTabList(_ref) {
 };
 
 InnerTabList.displayName = 'TabList';
-var TabList = withScrollArrows(InnerTabList, Tab); // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
+const TabList = withScrollArrows(InnerTabList, Tab); // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
 // @ts-ignore
 
 TabList.propTypes = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rescui/tab-list",
-  "version": "0.13.4",
+  "version": "0.13.5",
   "description": "",
   "license": "Apache-2.0",
   "author": "JetBrains",
@@ -14,11 +14,10 @@
     "access": "public"
   },
   "dependencies": {
-    "@babel/runtime-corejs3": "^7.14.0",
-    "@rescui/button": "^0.18.0",
-    "@rescui/use-resize-observer": "^0.2.4",
-    "classnames": "^2.2.6",
-    "core-js": "^3.9.1"
+    "@babel/runtime-corejs3": "^7.26.0",
+    "@rescui/button": "^0.18.1",
+    "@rescui/use-resize-observer": "^0.2.5",
+    "classnames": "^2.2.6"
   },
   "peerDependencies": {
     "@rescui/ui-contexts": "^0.5.0",
@@ -26,10 +25,10 @@
     "react": ">=16.8.0 <19"
   },
   "devDependencies": {
-    "@rescui/colors": "^0.2.5",
+    "@rescui/colors": "^0.2.6",
     "@rescui/postcss-preset-library": "^0.2.2",
-    "@rescui/scripts": "^0.3.4",
-    "@rescui/typography": "^0.19.0",
+    "@rescui/scripts": "^0.3.5",
+    "@rescui/typography": "^0.19.1",
     "@rescui/visual-regression": "^0.1.2"
   },
   "scripts": {
@@ -37,5 +36,5 @@
     "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
   },
   "nx": {},
-  "gitHead": "2c56accd194893854decb2f8a9f95583e14921f1"
+  "gitHead": "67627f69be3de4b4c6a21244fd7de36e841f01f0"
 }