@carbon/react 1.29.1 → 1.30.0-rc.0

package/es/components/Stack/Stack.js

@@ -16,12 +16,12 @@ import { usePrefix } from '../../internal/usePrefix.js';
  * The steps in the spacing scale
  * @type {Array<number>}
  */
-
 const SPACING_STEPS = Array.from({
   length: spacing.length - 1
 }).map((_, step) => {
   return step + 1;
 });
+
 /**
  * The Stack component is a useful layout utility in a component-based model.
  * This allows components to not use margin and instead delegate the
@@ -39,7 +39,6 @@ const SPACING_STEPS = Array.from({
  * - https://paste.twilio.design/layout/stack/
  * - https://github.com/Workday/canvas-kit/blob/f2f599654876700f483a1d8c5de82a41315c76f1/modules/labs-react/layout/lib/Stack.tsx
  */
-
 const Stack = /*#__PURE__*/React__default.forwardRef(function Stack(props, ref) {
   const {
     as: BaseComponent = 'div',
@@ -55,11 +54,9 @@ const Stack = /*#__PURE__*/React__default.forwardRef(function Stack(props, ref)
     [`${prefix}--stack-scale-${gap}`]: typeof gap === 'number'
   });
   const style = {};
-
   if (typeof gap === 'string') {
     style[`--${prefix}-stack-gap`] = gap;
   }
-
   return (
     /*#__PURE__*/
     // eslint-disable-next-line react/forbid-component-props
@@ -76,26 +73,22 @@ Stack.propTypes = {
    * the Stack component. By default, this component will render a `div`.
    */
   as: PropTypes.elementType,
-
   /**
    * Provide the elements that will be rendered as children inside of the Stack
    * component. These elements will have having spacing between them according
    * to the `step` and `orientation` prop
    */
   children: PropTypes.node,
-
   /**
    * Provide a custom class name to be used by the outermost element rendered by
    * Stack
    */
   className: PropTypes.string,
-
   /**
    * Provide either a custom value or a step from the spacing scale to be used
    * as the gap in the layout
    */
   gap: PropTypes.oneOfType([PropTypes.string, PropTypes.oneOf(SPACING_STEPS)]),
-
   /**
    * Specify the orientation of them items in the Stack
    */

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

@@ -12,7 +12,6 @@ import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 
 var _span, _span2, _span3;
-
 const StructuredListSkeleton = _ref => {
   let {
     rowCount,
@@ -25,7 +24,6 @@ const StructuredListSkeleton = _ref => {
     [`${prefix}--structured-list`]: true
   });
   const rows = [];
-
   for (var i = 0; i < rowCount; i++) {
     rows.push( /*#__PURE__*/React__default.createElement("div", {
       className: `${prefix}--structured-list-row`,
@@ -38,7 +36,6 @@ const StructuredListSkeleton = _ref => {
       className: `${prefix}--structured-list-td`
     })));
   }
-
   return /*#__PURE__*/React__default.createElement("div", _extends({
     className: StructuredListSkeletonClasses
   }, rest), /*#__PURE__*/React__default.createElement("div", {
@@ -55,13 +52,11 @@ const StructuredListSkeleton = _ref => {
     className: `${prefix}--structured-list-tbody`
   }, rows));
 };
-
 StructuredListSkeleton.propTypes = {
   /**
    * Specify an optional className to add.
    */
   className: PropTypes.string,
-
   /**
    * number of table rows
    */

package/es/components/StructuredList/StructuredList.js

@@ -49,33 +49,27 @@ StructuredListWrapper.propTypes = {
    * Specify a label to be read by screen readers on the container node
    */
   ['aria-label']: PropTypes.string,
-
   /**
    * Deprecated, please use `aria-label` instead.
    * Specify a label to be read by screen readers on the container note.
    */
   ariaLabel: deprecate(PropTypes.string, 'This prop syntax has been deprecated. Please use the new `aria-label`.'),
-
   /**
    * Provide the contents of your StructuredListWrapper
    */
   children: PropTypes.node,
-
   /**
    * Specify an optional className to be applied to the container node
    */
   className: PropTypes.string,
-
   /**
    * Specify if structured list is condensed, default is false
    */
   isCondensed: PropTypes.bool,
-
   /**
    * Specify if structured list is flush, not valid for selection variant, default is false
    */
   isFlush: PropTypes.bool,
-
   /**
    * Specify whether your StructuredListWrapper should have selections
    */
@@ -105,7 +99,6 @@ StructuredListHead.propTypes = {
    * Provide the contents of your StructuredListHead
    */
   children: PropTypes.node,
-
   /**
    * Specify an optional className to be applied to the node
    */
@@ -129,13 +122,11 @@ StructuredListBody.propTypes = {
    * Provide the contents of your StructuredListBody
    */
   children: PropTypes.node,
-
   /**
    * Specify an optional className to be applied to the container node
    */
   className: PropTypes.string,
   head: PropTypes.bool,
-
   /**
    * Provide a handler that is invoked on the key down event for the control
    */
@@ -193,22 +184,18 @@ StructuredListRow.propTypes = {
    * Provide the contents of your StructuredListRow
    */
   children: PropTypes.node,
-
   /**
    * Specify an optional className to be applied to the container node
    */
   className: PropTypes.string,
-
   /**
    * Specify whether your StructuredListRow should be used as a header row
    */
   head: PropTypes.bool,
-
   /**
    * Specify whether a `<label>` should be used
    */
   label: deprecate(PropTypes.bool, `\nThe \`label\` prop is no longer needed and will be removed in the next major version of Carbon.`),
-
   /**
    * Provide a handler that is invoked on the key down event for the control,
    */
@@ -237,7 +224,7 @@ function StructuredListInput(props) {
     type: "radio",
     tabIndex: 0,
     checked: row && row.id === selectedRow,
-    value: (row === null || row === void 0 ? void 0 : row.id) ?? '',
+    value: row?.id ?? '',
     onChange: event => {
       setSelectedRow(event.target.value);
       onChange(event);
@@ -253,32 +240,26 @@ StructuredListInput.propTypes = {
    * Specify an optional className to be applied to the input
    */
   className: PropTypes.string,
-
   /**
    * Specify whether the underlying input should be checked by default
    */
   defaultChecked: deprecate(PropTypes.bool, `\nThe prop \`defaultChecked\` is no longer needed and will be removed in the next major version of Carbon.`),
-
   /**
    * Specify a custom `id` for the input
    */
   id: PropTypes.string,
-
   /**
    * Provide a `name` for the input
    */
   name: PropTypes.string,
-
   /**
    * Provide an optional hook that is called each time the input is updated
    */
   onChange: PropTypes.func,
-
   /**
    * Provide a `title` for the input
    */
   title: PropTypes.string,
-
   /**
    * Specify the value of the input
    */
@@ -301,14 +282,12 @@ function StructuredListCell(props) {
     [`${prefix}--structured-list-td`]: !head,
     [`${prefix}--structured-list-content--nowrap`]: noWrap
   });
-
   if (head) {
     return /*#__PURE__*/React__default.createElement("span", _extends({
       className: classes,
       role: "columnheader"
     }, other), children);
   }
-
   return /*#__PURE__*/React__default.createElement("div", _extends({
     className: classes,
     role: "cell"
@@ -319,17 +298,14 @@ StructuredListCell.propTypes = {
    * Provide the contents of your StructuredListCell
    */
   children: PropTypes.node,
-
   /**
    * Specify an optional className to be applied to the container node
    */
   className: PropTypes.string,
-
   /**
    * Specify whether your StructuredListCell should be used as a header cell
    */
   head: PropTypes.bool,
-
   /**
    * Specify whether your StructuredListCell should have text wrapping
    */

package/es/components/Switch/IconSwitch.js

@@ -13,7 +13,6 @@ 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 {
     align,
@@ -33,7 +32,6 @@ const IconSwitch = /*#__PURE__*/React__default.forwardRef(function Switch(props,
   } = props;
   const prefix = usePrefix();
   const [isHovered, setIsHovered] = useState(false);
-
   const handleClick = e => {
     e.preventDefault();
     onClick({
@@ -42,7 +40,6 @@ const IconSwitch = /*#__PURE__*/React__default.forwardRef(function Switch(props,
       text
     });
   };
-
   const handleKeyDown = event => {
     const key = event.key || event.which;
     onKeyDown({
@@ -52,15 +49,12 @@ const IconSwitch = /*#__PURE__*/React__default.forwardRef(function Switch(props,
       key
     });
   };
-
   const handleMouseEnter = () => {
     setIsHovered(true);
   };
-
   const handleMouseLeave = () => {
     setIsHovered(false);
   };
-
   const classes = cx(className, `${prefix}--content-switcher-btn`, {
     [`${prefix}--content-switcher--selected`]: selected
   });
@@ -99,65 +93,53 @@ IconSwitch.propTypes = {
    * Specify how the trigger should align with the tooltip
    */
   align: PropTypes.oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'right']),
-
   /**
    * Provide child elements to be rendered inside of the Switch
    */
   children: PropTypes.node,
-
   /**
    * Specify an optional className to be added to your Switch
    */
   className: PropTypes.string,
-
   /**
    * Specify whether or not the Switch should be disabled
    */
   disabled: PropTypes.bool,
-
   /**
    * Specify the duration in milliseconds to delay before displaying the tooltip
    */
   enterDelayMs: PropTypes.number,
-
   /**
    * The index of your Switch in your ContentSwitcher that is used for event handlers.
    * Reserved for usage in ContentSwitcher
    */
   index: PropTypes.number,
-
   /**
    * Specify the duration in milliseconds to delay before hiding the tooltip
    */
   leaveDelayMs: PropTypes.number,
-
   /**
    * Provide the name of your Switch that is used for event handlers
    */
   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.func,
-
   /**
    * A handler that is invoked on the key down event for the control.
    * Reserved for usage in ContentSwitcher
    */
   onKeyDown: PropTypes.func,
-
   /**
    * Whether your Switch is selected. Reserved for usage in ContentSwitcher
    */
   selected: PropTypes.bool,
-
   /**
    * Passed in from `ContentSwitcher` to render icon-only variant
    */
   size: PropTypes.oneOf(['sm', 'md', 'lg']),
-
   /**
    * Provide the visible text displayed by the Tooltip
    */

package/es/components/Switch/Switch.js

@@ -25,7 +25,6 @@ const Switch = /*#__PURE__*/React__default.forwardRef(function Switch(props, tab
     ...other
   } = props;
   const prefix = usePrefix();
-
   const handleClick = e => {
     e.preventDefault();
     onClick({
@@ -34,7 +33,6 @@ const Switch = /*#__PURE__*/React__default.forwardRef(function Switch(props, tab
       text
     });
   };
-
   const handleKeyDown = event => {
     const key = event.key || event.which;
     onKeyDown({
@@ -44,7 +42,6 @@ const Switch = /*#__PURE__*/React__default.forwardRef(function Switch(props, tab
       key
     });
   };
-
   const classes = cx(className, `${prefix}--content-switcher-btn`, {
     [`${prefix}--content-switcher--selected`]: selected
   });
@@ -71,45 +68,37 @@ Switch.propTypes = {
    * Provide child elements to be rendered inside of the Switch
    */
   children: PropTypes.node,
-
   /**
    * Specify an optional className to be added to your Switch
    */
   className: PropTypes.string,
-
   /**
    * Specify whether or not the Switch should be disabled
    */
   disabled: PropTypes.bool,
-
   /**
    * The index of your Switch in your ContentSwitcher that is used for event handlers.
    * Reserved for usage in ContentSwitcher
    */
   index: PropTypes.number,
-
   /**
    * Provide the name of your Switch that is used for event handlers
    */
   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.func,
-
   /**
    * A handler that is invoked on the key down event for the control.
    * Reserved for usage in ContentSwitcher
    */
   onKeyDown: PropTypes.func,
-
   /**
    * Whether your Switch is selected. Reserved for usage in ContentSwitcher
    */
   selected: PropTypes.bool,
-
   /**
    * Provide the contents of your Switch
    */

package/es/components/TabContent/TabContent.js

@@ -16,10 +16,10 @@ import { usePrefix } from '../../internal/usePrefix.js';
 /**
  * Determine if the node within the provided ref contains content that is tabbable.
  */
-
 function useTabbableContent(ref) {
-  const [hasTabbableContent, setHasTabbableContent] = useState(false); // eslint-disable-next-line react-hooks/exhaustive-deps
+  const [hasTabbableContent, setHasTabbableContent] = useState(false);
 
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   useIsomorphicEffect(() => {
     if (ref.current) {
       setHasTabbableContent(ref.current.querySelector(selectorTabbable));
@@ -27,7 +27,6 @@ function useTabbableContent(ref) {
   });
   return hasTabbableContent;
 }
-
 const TabContent = props => {
   const {
     className,
@@ -51,18 +50,15 @@ const TabContent = props => {
     tabIndex: hasTabbableContent ? undefined : 0
   }), children);
 };
-
 TabContent.propTypes = {
   /**
    * Pass in content to render inside of the TabContent
    */
   children: PropTypes.node,
-
   /**
    * Provide a className for the tab content container
    */
   className: PropTypes.string,
-
   /**
    * Specify whether the TabContent is selected
    */

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

@@ -12,7 +12,6 @@ import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 
 var _span;
-
 function Tab() {
   const prefix = usePrefix();
   return /*#__PURE__*/React__default.createElement("li", {
@@ -21,7 +20,6 @@ function Tab() {
     className: `${prefix}--tabs__nav-link`
   }, _span || (_span = /*#__PURE__*/React__default.createElement("span", null))));
 }
-
 function TabsSkeleton(_ref) {
   let {
     className,
@@ -38,13 +36,11 @@ function TabsSkeleton(_ref) {
     className: `${prefix}--tabs__nav`
   }, Tab(), Tab(), Tab(), Tab(), Tab()));
 }
-
 TabsSkeleton.propTypes = {
   /**
    * Specify an optional className to add.
    */
   className: PropTypes.string,
-
   /**
    * Provide the type of Tab
    */