@carbon/react 1.87.0-rc.0 → 1.87.0

package/lib/components/Switch/Switch.js

@@ -16,13 +16,7 @@ var cx = require('classnames');
 var usePrefix = require('../../internal/usePrefix.js');
 var noopFn = require('../../internal/noopFn.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
-const Switch = /*#__PURE__*/React__default["default"].forwardRef(function Switch(props, tabRef) {
+const Switch = /*#__PURE__*/React.forwardRef(function Switch(props, tabRef) {
   const {
     children,
     className,
@@ -53,7 +47,7 @@ const Switch = /*#__PURE__*/React__default["default"].forwardRef(function Switch
       key
     });
   };
-  const classes = cx__default["default"](className, `${prefix}--content-switcher-btn`, {
+  const classes = cx(className, `${prefix}--content-switcher-btn`, {
     [`${prefix}--content-switcher--selected`]: selected
   });
   const commonProps = {
@@ -62,13 +56,13 @@ const Switch = /*#__PURE__*/React__default["default"].forwardRef(function Switch
     className: classes,
     disabled
   };
-  return /*#__PURE__*/React__default["default"].createElement("button", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement("button", _rollupPluginBabelHelpers.extends({
     type: "button",
     ref: tabRef,
     role: "tab",
     tabIndex: selected ? 0 : -1,
     "aria-selected": selected
-  }, other, commonProps), /*#__PURE__*/React__default["default"].createElement("span", {
+  }, other, commonProps), /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--content-switcher__label`,
     title: text
   }, text !== undefined ? text : children));
@@ -78,42 +72,42 @@ Switch.propTypes = {
   /**
    * Provide child elements to be rendered inside of the Switch
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be added to your Switch
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify whether or not the Switch should be disabled
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * The index of your Switch in your ContentSwitcher that is used for event handlers.
    * Reserved for usage in ContentSwitcher
    */
-  index: PropTypes__default["default"].number,
+  index: PropTypes.number,
   /**
    * Provide the name of your Switch that is used for event handlers
    */
-  name: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
+  name: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   /**
    * A handler that is invoked when a user clicks on the control.
    * Reserved for usage in ContentSwitcher
    */
-  onClick: PropTypes__default["default"].func,
+  onClick: PropTypes.func,
   /**
    * A handler that is invoked on the key down event for the control.
    * Reserved for usage in ContentSwitcher
    */
-  onKeyDown: PropTypes__default["default"].func,
+  onKeyDown: PropTypes.func,
   /**
    * Whether your Switch is selected. Reserved for usage in ContentSwitcher
    */
-  selected: PropTypes__default["default"].bool,
+  selected: PropTypes.bool,
   /**
    * Provide the contents of your Switch
    */
-  text: PropTypes__default["default"].string
+  text: PropTypes.string
 };
 
-exports["default"] = Switch;
+exports.default = Switch;

package/lib/components/TabContent/TabContent.js

@@ -13,30 +13,8 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var PropTypes = require('prop-types');
 var React = require('react');
 var cx = require('classnames');
-var navigation = require('../../internal/keyboard/navigation.js');
-var useIsomorphicEffect = require('../../internal/useIsomorphicEffect.js');
 var usePrefix = require('../../internal/usePrefix.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
-/**
- * Determine if the node within the provided ref contains content that is tabbable.
- */
-function useTabbableContent(ref) {
-  const [hasTabbableContent, setHasTabbableContent] = React.useState(false);
-
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  useIsomorphicEffect["default"](() => {
-    if (ref.current) {
-      setHasTabbableContent(!!ref.current.querySelector(navigation.selectorTabbable));
-    }
-  });
-  return hasTabbableContent;
-}
 function TabContent(props) {
   const {
     className,
@@ -45,32 +23,28 @@ function TabContent(props) {
     ...other
   } = props;
   const prefix = usePrefix.usePrefix();
-  const tabContentClasses = cx__default["default"](`${prefix}--tab-content`, className);
-  const ref = React.useRef(null);
-  const hasTabbableContent = useTabbableContent(ref);
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  const tabContentClasses = cx(`${prefix}--tab-content`, className);
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     role: "tabpanel"
   }, other, {
     className: tabContentClasses,
     selected: selected,
-    hidden: !selected,
-    ref: ref,
-    tabIndex: hasTabbableContent ? undefined : 0
+    hidden: !selected
   }), children);
 }
 TabContent.propTypes = {
   /**
    * Pass in content to render inside the TabContent
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Provide a className for the tab content container
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify whether the TabContent is selected
    */
-  selected: PropTypes__default["default"].bool
+  selected: PropTypes.bool
 };
 
-exports["default"] = TabContent;
+exports.default = TabContent;

package/lib/components/Tabs/Tabs.Skeleton.js

@@ -15,20 +15,14 @@ var React = require('react');
 var cx = require('classnames');
 var usePrefix = require('../../internal/usePrefix.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _span, _Tab, _Tab2, _Tab3, _Tab4, _Tab5;
 function Tab() {
   const prefix = usePrefix.usePrefix();
-  return /*#__PURE__*/React__default["default"].createElement("li", {
+  return /*#__PURE__*/React.createElement("li", {
     className: `${prefix}--tabs__nav-item`
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--tabs__nav-link`
-  }, _span || (_span = /*#__PURE__*/React__default["default"].createElement("span", null))));
+  }, _span || (_span = /*#__PURE__*/React.createElement("span", null))));
 }
 function TabsSkeleton({
   className,
@@ -36,25 +30,25 @@ function TabsSkeleton({
   ...rest
 }) {
   const prefix = usePrefix.usePrefix();
-  const tabClasses = cx__default["default"](className, `${prefix}--tabs`, `${prefix}--skeleton`, {
+  const tabClasses = cx(className, `${prefix}--tabs`, `${prefix}--skeleton`, {
     [`${prefix}--tabs--contained`]: contained
   });
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     className: tabClasses
-  }, rest), /*#__PURE__*/React__default["default"].createElement("ul", {
+  }, rest), /*#__PURE__*/React.createElement("ul", {
     className: `${prefix}--tabs__nav`
-  }, _Tab || (_Tab = /*#__PURE__*/React__default["default"].createElement(Tab, null)), _Tab2 || (_Tab2 = /*#__PURE__*/React__default["default"].createElement(Tab, null)), _Tab3 || (_Tab3 = /*#__PURE__*/React__default["default"].createElement(Tab, null)), _Tab4 || (_Tab4 = /*#__PURE__*/React__default["default"].createElement(Tab, null)), _Tab5 || (_Tab5 = /*#__PURE__*/React__default["default"].createElement(Tab, null))));
+  }, _Tab || (_Tab = /*#__PURE__*/React.createElement(Tab, null)), _Tab2 || (_Tab2 = /*#__PURE__*/React.createElement(Tab, null)), _Tab3 || (_Tab3 = /*#__PURE__*/React.createElement(Tab, null)), _Tab4 || (_Tab4 = /*#__PURE__*/React.createElement(Tab, null)), _Tab5 || (_Tab5 = /*#__PURE__*/React.createElement(Tab, null))));
 }
 TabsSkeleton.propTypes = {
   /**
    * Specify an optional className to add.
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Provide the type of Tab
    */
-  contained: PropTypes__default["default"].bool
+  contained: PropTypes.bool
 };
 
 exports.TabsSkeleton = TabsSkeleton;
-exports["default"] = TabsSkeleton;
+exports.default = TabsSkeleton;