@carbon/react 1.83.0-rc.0 → 1.84.0-rc.0

package/es/components/StructuredList/StructuredList.Skeleton.js

@@ -7,42 +7,41 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 
 var _span, _span2, _span3;
-function StructuredListSkeleton(_ref) {
-  let {
-    rowCount = 5,
-    className,
-    ...rest
-  } = _ref;
+function StructuredListSkeleton({
+  rowCount = 5,
+  className,
+  ...rest
+}) {
   const prefix = usePrefix();
   const classNames = cx(`${prefix}--skeleton`, `${prefix}--structured-list`, className);
-  const rows = new Array(rowCount).fill(null).map((_, i) => /*#__PURE__*/React__default.createElement("div", {
+  const rows = new Array(rowCount).fill(null).map((_, i) => /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--structured-list-row`,
     key: i
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--structured-list-td`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--structured-list-td`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--structured-list-td`
   })));
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: classNames
-  }, rest), /*#__PURE__*/React__default.createElement("div", {
+  }, rest), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--structured-list-thead`
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--structured-list-row ${prefix}--structured-list-row--header-row`
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--structured-list-th`
-  }, _span || (_span = /*#__PURE__*/React__default.createElement("span", null))), /*#__PURE__*/React__default.createElement("div", {
+  }, _span || (_span = /*#__PURE__*/React.createElement("span", null))), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--structured-list-th`
-  }, _span2 || (_span2 = /*#__PURE__*/React__default.createElement("span", null))), /*#__PURE__*/React__default.createElement("div", {
+  }, _span2 || (_span2 = /*#__PURE__*/React.createElement("span", null))), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--structured-list-th`
-  }, _span3 || (_span3 = /*#__PURE__*/React__default.createElement("span", null))))), /*#__PURE__*/React__default.createElement("div", {
+  }, _span3 || (_span3 = /*#__PURE__*/React.createElement("span", null))))), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--structured-list-tbody`
   }, rows));
 }

package/es/components/StructuredList/StructuredList.js

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useState, useRef } from 'react';
+import React, { useState, useRef } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { useId } from '../../internal/useId.js';
@@ -18,8 +18,8 @@ import { useOutsideClick } from '../../internal/useOutsideClick.js';
 import { Text } from '../Text/Text.js';
 
 var _StructuredListCell;
-const GridSelectedRowStateContext = /*#__PURE__*/React__default.createContext(null);
-const GridSelectedRowDispatchContext = /*#__PURE__*/React__default.createContext(null);
+const GridSelectedRowStateContext = /*#__PURE__*/React.createContext(null);
+const GridSelectedRowDispatchContext = /*#__PURE__*/React.createContext(null);
 function StructuredListWrapper(props) {
   const {
     children,
@@ -38,12 +38,12 @@ function StructuredListWrapper(props) {
     [`${prefix}--structured-list--condensed`]: isCondensed,
     [`${prefix}--structured-list--flush`]: isFlush && !selection
   }, className);
-  const [selectedRow, setSelectedRow] = React__default.useState(null);
-  return /*#__PURE__*/React__default.createElement(GridSelectedRowStateContext.Provider, {
+  const [selectedRow, setSelectedRow] = React.useState(null);
+  return /*#__PURE__*/React.createElement(GridSelectedRowStateContext.Provider, {
     value: selectedRow
-  }, /*#__PURE__*/React__default.createElement(GridSelectedRowDispatchContext.Provider, {
+  }, /*#__PURE__*/React.createElement(GridSelectedRowDispatchContext.Provider, {
     value: setSelectedRow
-  }, /*#__PURE__*/React__default.createElement("div", _extends({
+  }, /*#__PURE__*/React.createElement("div", _extends({
     role: "table",
     className: classes
   }, other, {
@@ -89,7 +89,7 @@ function StructuredListHead(props) {
   } = props;
   const prefix = usePrefix();
   const classes = cx(`${prefix}--structured-list-thead`, className);
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     role: "rowgroup",
     className: classes
   }, other), children);
@@ -112,7 +112,7 @@ function StructuredListBody(props) {
   } = props;
   const prefix = usePrefix();
   const classes = cx(`${prefix}--structured-list-tbody`, className);
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: classes,
     role: "rowgroup"
   }, other), children);
@@ -132,7 +132,7 @@ StructuredListBody.propTypes = {
    */
   onKeyDown: PropTypes.func
 };
-const GridRowContext = /*#__PURE__*/React__default.createContext(null);
+const GridRowContext = /*#__PURE__*/React.createContext(null);
 function StructuredListRow(props) {
   const {
     onKeyDown,
@@ -145,8 +145,8 @@ function StructuredListRow(props) {
   } = props;
   const [hasFocusWithin, setHasFocusWithin] = useState(false);
   const id = useId('grid-input');
-  const selectedRow = React__default.useContext(GridSelectedRowStateContext);
-  const setSelectedRow = React__default.useContext(GridSelectedRowDispatchContext);
+  const selectedRow = React.useContext(GridSelectedRowStateContext);
+  const setSelectedRow = React.useContext(GridSelectedRowDispatchContext);
   const prefix = usePrefix();
   const value = {
     id
@@ -162,16 +162,16 @@ function StructuredListRow(props) {
     setHasFocusWithin(false);
   };
   useOutsideClick(itemRef, handleClick);
-  return head ? /*#__PURE__*/React__default.createElement("div", _extends({
+  return head ? /*#__PURE__*/React.createElement("div", _extends({
     role: "row"
   }, other, {
     className: classes
-  }), selection && (_StructuredListCell || (_StructuredListCell = /*#__PURE__*/React__default.createElement(StructuredListCell, {
+  }), selection && (_StructuredListCell || (_StructuredListCell = /*#__PURE__*/React.createElement(StructuredListCell, {
     head: true
   }))), children) :
   /*#__PURE__*/
   // eslint-disable-next-line jsx-a11y/interactive-supports-focus
-  React__default.createElement("div", _extends({}, other, {
+  React.createElement("div", _extends({}, other, {
     role: "row",
     className: classes,
     ref: itemRef,
@@ -190,11 +190,11 @@ function StructuredListRow(props) {
       setHasFocusWithin(false);
     },
     onKeyDown: onKeyDown
-  }), /*#__PURE__*/React__default.createElement(GridRowContext.Provider, {
+  }), /*#__PURE__*/React.createElement(GridRowContext.Provider, {
     value: value
-  }, selection && /*#__PURE__*/React__default.createElement(StructuredListCell, null, selectedRow === id ? /*#__PURE__*/React__default.createElement(RadioButtonChecked, {
+  }, selection && /*#__PURE__*/React.createElement(StructuredListCell, null, selectedRow === id ? /*#__PURE__*/React.createElement(RadioButtonChecked, {
     className: `${prefix}--structured-list__icon`
-  }) : /*#__PURE__*/React__default.createElement(RadioButton, {
+  }) : /*#__PURE__*/React.createElement(RadioButton, {
     className: `${prefix}--structured-list__icon`
   })), children));
 }
@@ -240,10 +240,10 @@ function StructuredListInput(props) {
   } = props;
   const prefix = usePrefix();
   const classes = cx(`${prefix}--structured-list-input`, `${prefix}--visually-hidden`, className);
-  const row = React__default.useContext(GridRowContext);
-  const selectedRow = React__default.useContext(GridSelectedRowStateContext);
-  const setSelectedRow = React__default.useContext(GridSelectedRowDispatchContext);
-  return /*#__PURE__*/React__default.createElement("input", _extends({}, other, {
+  const row = React.useContext(GridRowContext);
+  const selectedRow = React.useContext(GridSelectedRowStateContext);
+  const setSelectedRow = React.useContext(GridSelectedRowDispatchContext);
+  return /*#__PURE__*/React.createElement("input", _extends({}, other, {
     type: "radio",
     tabIndex: 0,
     checked: !!row && row.id === selectedRow,
@@ -303,12 +303,12 @@ function StructuredListCell(props) {
     [`${prefix}--structured-list-content--nowrap`]: noWrap
   }, className);
   if (head) {
-    return /*#__PURE__*/React__default.createElement(Text, _extends({
+    return /*#__PURE__*/React.createElement(Text, _extends({
       className: classes,
       role: "columnheader"
     }, other), children);
   }
-  return /*#__PURE__*/React__default.createElement(Text, _extends({
+  return /*#__PURE__*/React.createElement(Text, _extends({
     as: "div",
     className: classes,
     role: "cell"

package/es/components/Switch/IconSwitch.js

@@ -7,13 +7,13 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default, { useState } from 'react';
+import React, { useState } from 'react';
 import cx from 'classnames';
 import { IconButton } from '../IconButton/index.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 
 const noopFn = () => {};
-const IconSwitch = /*#__PURE__*/React__default.forwardRef(function Switch(props, tabRef) {
+const IconSwitch = /*#__PURE__*/React.forwardRef(function Switch(props, tabRef) {
   const {
     align,
     children,
@@ -72,7 +72,7 @@ const IconSwitch = /*#__PURE__*/React__default.forwardRef(function Switch(props,
     leaveDelayMs,
     size
   };
-  return /*#__PURE__*/React__default.createElement(IconButton, _extends({
+  return /*#__PURE__*/React.createElement(IconButton, _extends({
     label: text,
     type: "button",
     ref: tabRef,

package/es/components/Switch/Switch.js

@@ -7,12 +7,12 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { noopFn } from '../../internal/noopFn.js';
 
-const Switch = /*#__PURE__*/React__default.forwardRef(function Switch(props, tabRef) {
+const Switch = /*#__PURE__*/React.forwardRef(function Switch(props, tabRef) {
   const {
     children,
     className,
@@ -52,13 +52,13 @@ const Switch = /*#__PURE__*/React__default.forwardRef(function Switch(props, tab
     className: classes,
     disabled
   };
-  return /*#__PURE__*/React__default.createElement("button", _extends({
+  return /*#__PURE__*/React.createElement("button", _extends({
     type: "button",
     ref: tabRef,
     role: "tab",
     tabIndex: selected ? 0 : -1,
     "aria-selected": selected
-  }, other, commonProps), /*#__PURE__*/React__default.createElement("span", {
+  }, other, commonProps), /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--content-switcher__label`,
     title: text
   }, text !== undefined ? text : children));

package/es/components/TabContent/TabContent.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default, { useRef, useState } from 'react';
+import React, { useRef, useState } from 'react';
 import cx from 'classnames';
 import { selectorTabbable } from '../../internal/keyboard/navigation.js';
 import useIsomorphicEffect from '../../internal/useIsomorphicEffect.js';
@@ -38,7 +38,7 @@ function TabContent(props) {
   const tabContentClasses = cx(`${prefix}--tab-content`, className);
   const ref = useRef(null);
   const hasTabbableContent = useTabbableContent(ref);
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     role: "tabpanel"
   }, other, {
     className: tabContentClasses,

package/es/components/Tabs/Tabs.Skeleton.js

@@ -7,34 +7,33 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 
 var _span, _Tab, _Tab2, _Tab3, _Tab4, _Tab5;
 function Tab() {
   const prefix = usePrefix();
-  return /*#__PURE__*/React__default.createElement("li", {
+  return /*#__PURE__*/React.createElement("li", {
     className: `${prefix}--tabs__nav-item`
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--tabs__nav-link`
-  }, _span || (_span = /*#__PURE__*/React__default.createElement("span", null))));
+  }, _span || (_span = /*#__PURE__*/React.createElement("span", null))));
 }
-function TabsSkeleton(_ref) {
-  let {
-    className,
-    contained,
-    ...rest
-  } = _ref;
+function TabsSkeleton({
+  className,
+  contained,
+  ...rest
+}) {
   const prefix = usePrefix();
   const tabClasses = cx(className, `${prefix}--tabs`, `${prefix}--skeleton`, {
     [`${prefix}--tabs--contained`]: contained
   });
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: tabClasses
-  }, rest), /*#__PURE__*/React__default.createElement("ul", {
+  }, rest), /*#__PURE__*/React.createElement("ul", {
     className: `${prefix}--tabs__nav`
-  }, _Tab || (_Tab = /*#__PURE__*/React__default.createElement(Tab, null)), _Tab2 || (_Tab2 = /*#__PURE__*/React__default.createElement(Tab, null)), _Tab3 || (_Tab3 = /*#__PURE__*/React__default.createElement(Tab, null)), _Tab4 || (_Tab4 = /*#__PURE__*/React__default.createElement(Tab, null)), _Tab5 || (_Tab5 = /*#__PURE__*/React__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 = {
   /**