@semcore/tab-panel 3.4.1 → 3.4.3

package/CHANGELOG.md

@@ -2,11 +2,11 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [3.4.1] - 2023-02-21
+## [3.4.3] - 2023-03-16
 
 ### Changed
 
-- Version patch update due to children dependencies update (`@semcore/utils` [3.47.0 ~> 3.47.1], `@semcore/flex-box` [4.7.9 ~> 4.7.10]).
+- Version patch update due to children dependencies update (`@semcore/utils` [3.47.2 ~> 3.47.3], `@semcore/flex-box` [4.7.11 ~> 4.7.12]).
 
 ## [3.4.0] - 2023-02-20
 

package/lib/cjs/TabPanel.js

@@ -1,14 +1,16 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -17,9 +19,7 @@ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/hel
 
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -35,35 +35,23 @@ var _a11yEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/a
 
 var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(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) { (0, _defineProperty2["default"])(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; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 /*__reshadow-styles__:"./style/tab-panel.shadow.css"*/
 var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___STabPanel_72n39_gg_{display:flex;width:100%;max-width:100%;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_72n39_gg_{position:relative;bottom:-1px;display:inline-flex;min-width:0;height:32px;color:var(--intergalactic-text-secondary, #6c6e79);border:1px solid transparent;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;background:0 0;align-items:center;justify-content:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer}.___STabPanelItem_72n39_gg_ .___SText_72n39_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);font-weight:var(--intergalactic-medium, 500)}.___STabPanelItem_72n39_gg_::-moz-focus-inner{border:0;padding:0}.___STabPanelItem_72n39_gg_:active,.___STabPanelItem_72n39_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___STabPanelItem_72n39_gg_:hover{outline:0;text-decoration:none;color:var(--intergalactic-text-primary, #191b23)}}.___STabPanelItem_72n39_gg_.__disabled_72n39_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STabPanelItem_72n39_gg_.__keyboardFocused_72n39_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___STabPanelItem_72n39_gg_.__selected_72n39_gg_{color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-border-primary, #c4c7cf);border-bottom-color:var(--intergalactic-border-primary-invert, #ffffff);flex-shrink:0}@media (hover:hover){.___STabPanelItem_72n39_gg_.__selected_72n39_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SText_72n39_gg_{display:inline-block;margin:auto var(--intergalactic-spacing-2x, 8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_72n39_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_72n39_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_72n39_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_72n39_gg_:only-child{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}"
+".___STabPanel_1coya_gg_{display:flex;width:100%;max-width:100%;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_1coya_gg_{position:relative;bottom:-1px;display:inline-flex;min-width:0;height:32px;color:var(--intergalactic-text-secondary, #6c6e79);border:1px solid transparent;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;background:0 0;align-items:center;justify-content:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer}.___STabPanelItem_1coya_gg_ .___SText_1coya_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);font-weight:var(--intergalactic-medium, 500)}.___STabPanelItem_1coya_gg_::-moz-focus-inner{border:0;padding:0}.___STabPanelItem_1coya_gg_:active,.___STabPanelItem_1coya_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___STabPanelItem_1coya_gg_:hover{outline:0;text-decoration:none;color:var(--intergalactic-text-primary, #191b23)}}.___STabPanelItem_1coya_gg_.__disabled_1coya_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STabPanelItem_1coya_gg_.__keyboardFocused_1coya_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___STabPanelItem_1coya_gg_.__selected_1coya_gg_{color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-border-primary, #c4c7cf);border-bottom-color:var(--intergalactic-border-primary-invert, #ffffff);flex-shrink:0}@media (hover:hover){.___STabPanelItem_1coya_gg_.__selected_1coya_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SText_1coya_gg_{display:inline-block;margin:auto var(--intergalactic-spacing-2x, 8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_1coya_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1coya_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1coya_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1coya_gg_:only-child{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}"
 /*__inner_css_end__*/
-, "72n39_gg_")
+, "1coya_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__STabPanel": "___STabPanel_72n39_gg_",
-  "__STabPanelItem": "___STabPanelItem_72n39_gg_",
-  "__SText": "___SText_72n39_gg_",
-  "_disabled": "__disabled_72n39_gg_",
-  "_keyboardFocused": "__keyboardFocused_72n39_gg_",
-  "_selected": "__selected_72n39_gg_",
-  "__SAddon": "___SAddon_72n39_gg_"
+  "__STabPanel": "___STabPanel_1coya_gg_",
+  "__STabPanelItem": "___STabPanelItem_1coya_gg_",
+  "__SText": "___SText_1coya_gg_",
+  "_disabled": "__disabled_1coya_gg_",
+  "_keyboardFocused": "__keyboardFocused_1coya_gg_",
+  "_selected": "__selected_1coya_gg_",
+  "__SAddon": "___SAddon_1coya_gg_"
 });
 var optionsA11yEnhance = {
   onNeighborChange: function onNeighborChange(neighborElement) {
@@ -77,7 +65,7 @@ var optionsA11yEnhance = {
 var TabPanelRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(TabPanelRoot, _Component);
 
-  var _super = _createSuper(TabPanelRoot);
+  var _super = (0, _createSuper2["default"])(TabPanelRoot);
 
   function TabPanelRoot() {
     var _this;
@@ -133,7 +121,7 @@ var TabPanelRoot = /*#__PURE__*/function (_Component) {
 
       var STabPanel = _flexBox.Box;
       var styles = this.asProps.styles;
-      return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STabPanel, _ref5.cn("STabPanel", _objectSpread({}, (0, _core.assignProps)({
+      return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STabPanel, _ref5.cn("STabPanel", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "role": "tablist"
       }, _ref))));
     }
@@ -157,7 +145,7 @@ function TabPanelItem(props) {
       styles = props.styles,
       addonLeft = props.addonLeft,
       addonRight = props.addonRight;
-  return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STabPanelItem, _ref6.cn("STabPanelItem", _objectSpread({}, (0, _core.assignProps)({
+  return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STabPanelItem, _ref6.cn("STabPanelItem", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "type": "button",
     "tag": "button",
     "role": "tab"
@@ -176,7 +164,7 @@ function Text(props) {
 
   var SText = _flexBox.Box;
   var styles = props.styles;
-  return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SText, _ref7.cn("SText", _objectSpread({}, (0, _core.assignProps)({
+  return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SText, _ref7.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "tag": "span"
   }, _ref3))));
 }
@@ -187,7 +175,7 @@ function Addon(props) {
 
   var SAddon = _flexBox.Box;
   var styles = props.styles;
-  return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref8.cn("SAddon", _objectSpread({}, (0, _core.assignProps)({
+  return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref8.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "tag": "span"
   }, _ref4))));
 }

package/lib/cjs/TabPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabPanel.js","names":["optionsA11yEnhance","onNeighborChange","neighborElement","focus","childSelector","TabPanelRoot","value","event","handlers","code","props","asProps","isSelected","selected","onClick","handleClick","onKeyDown","handleKeyDown","tabIndex","STabPanel","Box","styles","sstyled","Component","style","defaultValue","a11yEnhance","TabPanelItem","STabPanelItem","Children","addonLeft","addonRight","addonTextChildren","TabPanel","Item","Text","Addon","enhance","keyboardFocusEnhance","SText","SAddon","createComponent"],"sources":["../../src/TabPanel.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport a11yEnhance from '@semcore/utils/lib/enhances/a11yEnhance';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/tab-panel.shadow.css';\n\nconst optionsA11yEnhance = {\n  onNeighborChange: (neighborElement) => {\n    if (neighborElement) {\n      neighborElement.focus();\n    }\n  },\n  childSelector: ['role', 'tab'],\n};\n\nclass TabPanelRoot extends Component {\n  static displayName = 'TabPanel';\n  static style = style;\n  static defaultProps = {\n    defaultValue: null,\n  };\n  static enhance = [a11yEnhance(optionsA11yEnhance)];\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  handleClick = (value) => (event) => {\n    this.handlers.value(value, event);\n  };\n\n  handleKeyDown = (value) => (event) => {\n    if (event.code === 'Enter' || event.code === 'Space') {\n      this.handlers.value(value, event);\n    }\n  };\n\n  getItemProps(props) {\n    const { value } = this.asProps;\n    const isSelected = value === props.value;\n    return {\n      selected: isSelected,\n      onClick: this.handleClick(props.value),\n      onKeyDown: this.handleKeyDown(props.value),\n      tabIndex: isSelected ? 0 : -1,\n      'aria-posinset': value,\n      'aria-selected': isSelected,\n    };\n  }\n\n  render() {\n    const STabPanel = Root;\n    const { styles } = this.asProps;\n\n    return sstyled(styles)(<STabPanel render={Box} role=\"tablist\" />);\n  }\n}\n\nfunction TabPanelItem(props) {\n  const STabPanelItem = Root;\n  const { Children, styles, addonLeft, addonRight } = props;\n\n  return sstyled(styles)(\n    <STabPanelItem render={Box} type=\"button\" tag=\"button\" role=\"tab\">\n      {addonLeft ? <TabPanel.Item.Addon tag={addonLeft} /> : null}\n      {addonTextChildren(Children, TabPanel.Item.Text, TabPanel.Item.Addon)}\n      {addonRight ? <TabPanel.Item.Addon tag={addonRight} /> : null}\n    </STabPanelItem>,\n  );\n}\n\nTabPanelItem.enhance = [keyboardFocusEnhance()];\n\nfunction Text(props) {\n  const SText = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SText render={Box} tag=\"span\" />);\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SAddon render={Box} tag=\"span\" />);\n}\n\nconst TabPanel = createComponent(TabPanelRoot, {\n  Item: [TabPanelItem, { Text, Addon }],\n});\n\nexport default TabPanel;\n"],"mappings":"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"}
+{"version":3,"file":"TabPanel.js","names":["optionsA11yEnhance","onNeighborChange","neighborElement","focus","childSelector","TabPanelRoot","value","event","handlers","code","props","asProps","isSelected","selected","onClick","handleClick","onKeyDown","handleKeyDown","tabIndex","STabPanel","Box","styles","sstyled","Component","style","defaultValue","a11yEnhance","TabPanelItem","STabPanelItem","Children","addonLeft","addonRight","addonTextChildren","TabPanel","Item","Text","Addon","enhance","keyboardFocusEnhance","SText","SAddon","createComponent"],"sources":["../../src/TabPanel.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport a11yEnhance from '@semcore/utils/lib/enhances/a11yEnhance';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/tab-panel.shadow.css';\n\nconst optionsA11yEnhance = {\n  onNeighborChange: (neighborElement) => {\n    if (neighborElement) {\n      neighborElement.focus();\n    }\n  },\n  childSelector: ['role', 'tab'],\n};\n\nclass TabPanelRoot extends Component {\n  static displayName = 'TabPanel';\n  static style = style;\n  static defaultProps = {\n    defaultValue: null,\n  };\n  static enhance = [a11yEnhance(optionsA11yEnhance)];\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  handleClick = (value) => (event) => {\n    this.handlers.value(value, event);\n  };\n\n  handleKeyDown = (value) => (event) => {\n    if (event.code === 'Enter' || event.code === 'Space') {\n      this.handlers.value(value, event);\n    }\n  };\n\n  getItemProps(props) {\n    const { value } = this.asProps;\n    const isSelected = value === props.value;\n    return {\n      selected: isSelected,\n      onClick: this.handleClick(props.value),\n      onKeyDown: this.handleKeyDown(props.value),\n      tabIndex: isSelected ? 0 : -1,\n      'aria-posinset': value,\n      'aria-selected': isSelected,\n    };\n  }\n\n  render() {\n    const STabPanel = Root;\n    const { styles } = this.asProps;\n\n    return sstyled(styles)(<STabPanel render={Box} role=\"tablist\" />);\n  }\n}\n\nfunction TabPanelItem(props) {\n  const STabPanelItem = Root;\n  const { Children, styles, addonLeft, addonRight } = props;\n\n  return sstyled(styles)(\n    <STabPanelItem render={Box} type=\"button\" tag=\"button\" role=\"tab\">\n      {addonLeft ? <TabPanel.Item.Addon tag={addonLeft} /> : null}\n      {addonTextChildren(Children, TabPanel.Item.Text, TabPanel.Item.Addon)}\n      {addonRight ? <TabPanel.Item.Addon tag={addonRight} /> : null}\n    </STabPanelItem>,\n  );\n}\n\nTabPanelItem.enhance = [keyboardFocusEnhance()];\n\nfunction Text(props) {\n  const SText = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SText render={Box} tag=\"span\" />);\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SAddon render={Box} tag=\"span\" />);\n}\n\nconst TabPanel = createComponent(TabPanelRoot, {\n  Item: [TabPanelItem, { Text, Addon }],\n});\n\nexport default TabPanel;\n"],"mappings":"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"}

package/lib/es6/TabPanel.js

@@ -1,24 +1,15 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
 import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps4 } from "@semcore/core";
 import { assignProps as _assignProps3 } from "@semcore/core";
 import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(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; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import React from 'react';
 import createComponent, { Component, sstyled, Root } from '@semcore/core';
 import { Box } from '@semcore/flex-box';
@@ -31,18 +22,18 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___STabPanel_72n39_gg_{display:flex;width:100%;max-width:100%;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_72n39_gg_{position:relative;bottom:-1px;display:inline-flex;min-width:0;height:32px;color:var(--intergalactic-text-secondary, #6c6e79);border:1px solid transparent;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;background:0 0;align-items:center;justify-content:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer}.___STabPanelItem_72n39_gg_ .___SText_72n39_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);font-weight:var(--intergalactic-medium, 500)}.___STabPanelItem_72n39_gg_::-moz-focus-inner{border:0;padding:0}.___STabPanelItem_72n39_gg_:active,.___STabPanelItem_72n39_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___STabPanelItem_72n39_gg_:hover{outline:0;text-decoration:none;color:var(--intergalactic-text-primary, #191b23)}}.___STabPanelItem_72n39_gg_.__disabled_72n39_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STabPanelItem_72n39_gg_.__keyboardFocused_72n39_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___STabPanelItem_72n39_gg_.__selected_72n39_gg_{color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-border-primary, #c4c7cf);border-bottom-color:var(--intergalactic-border-primary-invert, #ffffff);flex-shrink:0}@media (hover:hover){.___STabPanelItem_72n39_gg_.__selected_72n39_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SText_72n39_gg_{display:inline-block;margin:auto var(--intergalactic-spacing-2x, 8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_72n39_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_72n39_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_72n39_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_72n39_gg_:only-child{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}"
+".___STabPanel_1coya_gg_{display:flex;width:100%;max-width:100%;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_1coya_gg_{position:relative;bottom:-1px;display:inline-flex;min-width:0;height:32px;color:var(--intergalactic-text-secondary, #6c6e79);border:1px solid transparent;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;background:0 0;align-items:center;justify-content:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer}.___STabPanelItem_1coya_gg_ .___SText_1coya_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);font-weight:var(--intergalactic-medium, 500)}.___STabPanelItem_1coya_gg_::-moz-focus-inner{border:0;padding:0}.___STabPanelItem_1coya_gg_:active,.___STabPanelItem_1coya_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___STabPanelItem_1coya_gg_:hover{outline:0;text-decoration:none;color:var(--intergalactic-text-primary, #191b23)}}.___STabPanelItem_1coya_gg_.__disabled_1coya_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STabPanelItem_1coya_gg_.__keyboardFocused_1coya_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___STabPanelItem_1coya_gg_.__selected_1coya_gg_{color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-border-primary, #c4c7cf);border-bottom-color:var(--intergalactic-border-primary-invert, #ffffff);flex-shrink:0}@media (hover:hover){.___STabPanelItem_1coya_gg_.__selected_1coya_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SText_1coya_gg_{display:inline-block;margin:auto var(--intergalactic-spacing-2x, 8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_1coya_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1coya_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1coya_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1coya_gg_:only-child{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}"
 /*__inner_css_end__*/
-, "72n39_gg_")
+, "1coya_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__STabPanel": "___STabPanel_72n39_gg_",
-  "__STabPanelItem": "___STabPanelItem_72n39_gg_",
-  "__SText": "___SText_72n39_gg_",
-  "_disabled": "__disabled_72n39_gg_",
-  "_keyboardFocused": "__keyboardFocused_72n39_gg_",
-  "_selected": "__selected_72n39_gg_",
-  "__SAddon": "___SAddon_72n39_gg_"
+  "__STabPanel": "___STabPanel_1coya_gg_",
+  "__STabPanelItem": "___STabPanelItem_1coya_gg_",
+  "__SText": "___SText_1coya_gg_",
+  "_disabled": "__disabled_1coya_gg_",
+  "_keyboardFocused": "__keyboardFocused_1coya_gg_",
+  "_selected": "__selected_1coya_gg_",
+  "__SAddon": "___SAddon_1coya_gg_"
 });
 var optionsA11yEnhance = {
   onNeighborChange: function onNeighborChange(neighborElement) {

package/lib/es6/TabPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabPanel.js","names":["React","createComponent","Component","sstyled","Root","Box","addonTextChildren","a11yEnhance","keyboardFocusEnhance","optionsA11yEnhance","onNeighborChange","neighborElement","focus","childSelector","TabPanelRoot","value","event","handlers","code","props","asProps","isSelected","selected","onClick","handleClick","onKeyDown","handleKeyDown","tabIndex","STabPanel","styles","style","defaultValue","TabPanelItem","STabPanelItem","Children","addonLeft","addonRight","TabPanel","Item","Text","Addon","enhance","SText","SAddon"],"sources":["../../src/TabPanel.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport a11yEnhance from '@semcore/utils/lib/enhances/a11yEnhance';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/tab-panel.shadow.css';\n\nconst optionsA11yEnhance = {\n  onNeighborChange: (neighborElement) => {\n    if (neighborElement) {\n      neighborElement.focus();\n    }\n  },\n  childSelector: ['role', 'tab'],\n};\n\nclass TabPanelRoot extends Component {\n  static displayName = 'TabPanel';\n  static style = style;\n  static defaultProps = {\n    defaultValue: null,\n  };\n  static enhance = [a11yEnhance(optionsA11yEnhance)];\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  handleClick = (value) => (event) => {\n    this.handlers.value(value, event);\n  };\n\n  handleKeyDown = (value) => (event) => {\n    if (event.code === 'Enter' || event.code === 'Space') {\n      this.handlers.value(value, event);\n    }\n  };\n\n  getItemProps(props) {\n    const { value } = this.asProps;\n    const isSelected = value === props.value;\n    return {\n      selected: isSelected,\n      onClick: this.handleClick(props.value),\n      onKeyDown: this.handleKeyDown(props.value),\n      tabIndex: isSelected ? 0 : -1,\n      'aria-posinset': value,\n      'aria-selected': isSelected,\n    };\n  }\n\n  render() {\n    const STabPanel = Root;\n    const { styles } = this.asProps;\n\n    return sstyled(styles)(<STabPanel render={Box} role=\"tablist\" />);\n  }\n}\n\nfunction TabPanelItem(props) {\n  const STabPanelItem = Root;\n  const { Children, styles, addonLeft, addonRight } = props;\n\n  return sstyled(styles)(\n    <STabPanelItem render={Box} type=\"button\" tag=\"button\" role=\"tab\">\n      {addonLeft ? <TabPanel.Item.Addon tag={addonLeft} /> : null}\n      {addonTextChildren(Children, TabPanel.Item.Text, TabPanel.Item.Addon)}\n      {addonRight ? <TabPanel.Item.Addon tag={addonRight} /> : null}\n    </STabPanelItem>,\n  );\n}\n\nTabPanelItem.enhance = [keyboardFocusEnhance()];\n\nfunction Text(props) {\n  const SText = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SText render={Box} tag=\"span\" />);\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SAddon render={Box} tag=\"span\" />);\n}\n\nconst TabPanel = createComponent(TabPanelRoot, {\n  Item: [TabPanelItem, { Text, Addon }],\n});\n\nexport default TabPanel;\n"],"mappings":"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"}
+{"version":3,"file":"TabPanel.js","names":["React","createComponent","Component","sstyled","Root","Box","addonTextChildren","a11yEnhance","keyboardFocusEnhance","optionsA11yEnhance","onNeighborChange","neighborElement","focus","childSelector","TabPanelRoot","value","event","handlers","code","props","asProps","isSelected","selected","onClick","handleClick","onKeyDown","handleKeyDown","tabIndex","STabPanel","styles","style","defaultValue","TabPanelItem","STabPanelItem","Children","addonLeft","addonRight","TabPanel","Item","Text","Addon","enhance","SText","SAddon"],"sources":["../../src/TabPanel.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport a11yEnhance from '@semcore/utils/lib/enhances/a11yEnhance';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/tab-panel.shadow.css';\n\nconst optionsA11yEnhance = {\n  onNeighborChange: (neighborElement) => {\n    if (neighborElement) {\n      neighborElement.focus();\n    }\n  },\n  childSelector: ['role', 'tab'],\n};\n\nclass TabPanelRoot extends Component {\n  static displayName = 'TabPanel';\n  static style = style;\n  static defaultProps = {\n    defaultValue: null,\n  };\n  static enhance = [a11yEnhance(optionsA11yEnhance)];\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  handleClick = (value) => (event) => {\n    this.handlers.value(value, event);\n  };\n\n  handleKeyDown = (value) => (event) => {\n    if (event.code === 'Enter' || event.code === 'Space') {\n      this.handlers.value(value, event);\n    }\n  };\n\n  getItemProps(props) {\n    const { value } = this.asProps;\n    const isSelected = value === props.value;\n    return {\n      selected: isSelected,\n      onClick: this.handleClick(props.value),\n      onKeyDown: this.handleKeyDown(props.value),\n      tabIndex: isSelected ? 0 : -1,\n      'aria-posinset': value,\n      'aria-selected': isSelected,\n    };\n  }\n\n  render() {\n    const STabPanel = Root;\n    const { styles } = this.asProps;\n\n    return sstyled(styles)(<STabPanel render={Box} role=\"tablist\" />);\n  }\n}\n\nfunction TabPanelItem(props) {\n  const STabPanelItem = Root;\n  const { Children, styles, addonLeft, addonRight } = props;\n\n  return sstyled(styles)(\n    <STabPanelItem render={Box} type=\"button\" tag=\"button\" role=\"tab\">\n      {addonLeft ? <TabPanel.Item.Addon tag={addonLeft} /> : null}\n      {addonTextChildren(Children, TabPanel.Item.Text, TabPanel.Item.Addon)}\n      {addonRight ? <TabPanel.Item.Addon tag={addonRight} /> : null}\n    </STabPanelItem>,\n  );\n}\n\nTabPanelItem.enhance = [keyboardFocusEnhance()];\n\nfunction Text(props) {\n  const SText = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SText render={Box} tag=\"span\" />);\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SAddon render={Box} tag=\"span\" />);\n}\n\nconst TabPanel = createComponent(TabPanelRoot, {\n  Item: [TabPanelItem, { Text, Addon }],\n});\n\nexport default TabPanel;\n"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/tab-panel",
   "description": "Semrush TabPanel Component",
-  "version": "3.4.1",
+  "version": "3.4.3",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",