@carbon/react 1.29.1 → 1.30.0-rc.0

package/lib/components/Stack/Stack.js

@@ -26,12 +26,12 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  * The steps in the spacing scale
  * @type {Array<number>}
  */
-
 const SPACING_STEPS = Array.from({
   length: layout.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
@@ -49,7 +49,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["default"].forwardRef(function Stack(props, ref) {
   const {
     as: BaseComponent = 'div',
@@ -65,11 +64,9 @@ const Stack = /*#__PURE__*/React__default["default"].forwardRef(function Stack(p
     [`${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
@@ -86,26 +83,22 @@ Stack.propTypes = {
    * the Stack component. By default, this component will render a `div`.
    */
   as: PropTypes__default["default"].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__default["default"].node,
-
   /**
    * Provide a custom class name to be used by the outermost element rendered by
    * Stack
    */
   className: PropTypes__default["default"].string,
-
   /**
    * Provide either a custom value or a step from the spacing scale to be used
    * as the gap in the layout
    */
   gap: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].oneOf(SPACING_STEPS)]),
-
   /**
    * Specify the orientation of them items in the Stack
    */

package/lib/components/StructuredList/StructuredList.Skeleton.js

@@ -22,7 +22,6 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var _span, _span2, _span3;
-
 const StructuredListSkeleton = _ref => {
   let {
     rowCount,
@@ -35,7 +34,6 @@ const StructuredListSkeleton = _ref => {
     [`${prefix}--structured-list`]: true
   });
   const rows = [];
-
   for (var i = 0; i < rowCount; i++) {
     rows.push( /*#__PURE__*/React__default["default"].createElement("div", {
       className: `${prefix}--structured-list-row`,
@@ -48,7 +46,6 @@ const StructuredListSkeleton = _ref => {
       className: `${prefix}--structured-list-td`
     })));
   }
-
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
     className: StructuredListSkeletonClasses
   }, rest), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -65,13 +62,11 @@ const StructuredListSkeleton = _ref => {
     className: `${prefix}--structured-list-tbody`
   }, rows));
 };
-
 StructuredListSkeleton.propTypes = {
   /**
    * Specify an optional className to add.
    */
   className: PropTypes__default["default"].string,
-
   /**
    * number of table rows
    */

package/lib/components/StructuredList/StructuredList.js

@@ -59,33 +59,27 @@ StructuredListWrapper.propTypes = {
    * Specify a label to be read by screen readers on the container node
    */
   ['aria-label']: PropTypes__default["default"].string,
-
   /**
    * Deprecated, please use `aria-label` instead.
    * Specify a label to be read by screen readers on the container note.
    */
   ariaLabel: deprecate["default"](PropTypes__default["default"].string, 'This prop syntax has been deprecated. Please use the new `aria-label`.'),
-
   /**
    * Provide the contents of your StructuredListWrapper
    */
   children: PropTypes__default["default"].node,
-
   /**
    * Specify an optional className to be applied to the container node
    */
   className: PropTypes__default["default"].string,
-
   /**
    * Specify if structured list is condensed, default is false
    */
   isCondensed: PropTypes__default["default"].bool,
-
   /**
    * Specify if structured list is flush, not valid for selection variant, default is false
    */
   isFlush: PropTypes__default["default"].bool,
-
   /**
    * Specify whether your StructuredListWrapper should have selections
    */
@@ -115,7 +109,6 @@ StructuredListHead.propTypes = {
    * Provide the contents of your StructuredListHead
    */
   children: PropTypes__default["default"].node,
-
   /**
    * Specify an optional className to be applied to the node
    */
@@ -139,13 +132,11 @@ StructuredListBody.propTypes = {
    * Provide the contents of your StructuredListBody
    */
   children: PropTypes__default["default"].node,
-
   /**
    * Specify an optional className to be applied to the container node
    */
   className: PropTypes__default["default"].string,
   head: PropTypes__default["default"].bool,
-
   /**
    * Provide a handler that is invoked on the key down event for the control
    */
@@ -203,22 +194,18 @@ StructuredListRow.propTypes = {
    * Provide the contents of your StructuredListRow
    */
   children: PropTypes__default["default"].node,
-
   /**
    * Specify an optional className to be applied to the container node
    */
   className: PropTypes__default["default"].string,
-
   /**
    * Specify whether your StructuredListRow should be used as a header row
    */
   head: PropTypes__default["default"].bool,
-
   /**
    * Specify whether a `<label>` should be used
    */
   label: deprecate["default"](PropTypes__default["default"].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,
    */
@@ -247,7 +234,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);
@@ -263,32 +250,26 @@ StructuredListInput.propTypes = {
    * Specify an optional className to be applied to the input
    */
   className: PropTypes__default["default"].string,
-
   /**
    * Specify whether the underlying input should be checked by default
    */
   defaultChecked: deprecate["default"](PropTypes__default["default"].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__default["default"].string,
-
   /**
    * Provide a `name` for the input
    */
   name: PropTypes__default["default"].string,
-
   /**
    * Provide an optional hook that is called each time the input is updated
    */
   onChange: PropTypes__default["default"].func,
-
   /**
    * Provide a `title` for the input
    */
   title: PropTypes__default["default"].string,
-
   /**
    * Specify the value of the input
    */
@@ -311,14 +292,12 @@ function StructuredListCell(props) {
     [`${prefix}--structured-list-td`]: !head,
     [`${prefix}--structured-list-content--nowrap`]: noWrap
   });
-
   if (head) {
     return /*#__PURE__*/React__default["default"].createElement("span", _rollupPluginBabelHelpers["extends"]({
       className: classes,
       role: "columnheader"
     }, other), children);
   }
-
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
     className: classes,
     role: "cell"
@@ -329,17 +308,14 @@ StructuredListCell.propTypes = {
    * Provide the contents of your StructuredListCell
    */
   children: PropTypes__default["default"].node,
-
   /**
    * Specify an optional className to be applied to the container node
    */
   className: PropTypes__default["default"].string,
-
   /**
    * Specify whether your StructuredListCell should be used as a header cell
    */
   head: PropTypes__default["default"].bool,
-
   /**
    * Specify whether your StructuredListCell should have text wrapping
    */

package/lib/components/Switch/IconSwitch.js

@@ -23,7 +23,6 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 const noopFn = () => {};
-
 const IconSwitch = /*#__PURE__*/React__default["default"].forwardRef(function Switch(props, tabRef) {
   const {
     align,
@@ -43,7 +42,6 @@ const IconSwitch = /*#__PURE__*/React__default["default"].forwardRef(function Sw
   } = props;
   const prefix = usePrefix.usePrefix();
   const [isHovered, setIsHovered] = React.useState(false);
-
   const handleClick = e => {
     e.preventDefault();
     onClick({
@@ -52,7 +50,6 @@ const IconSwitch = /*#__PURE__*/React__default["default"].forwardRef(function Sw
       text
     });
   };
-
   const handleKeyDown = event => {
     const key = event.key || event.which;
     onKeyDown({
@@ -62,15 +59,12 @@ const IconSwitch = /*#__PURE__*/React__default["default"].forwardRef(function Sw
       key
     });
   };
-
   const handleMouseEnter = () => {
     setIsHovered(true);
   };
-
   const handleMouseLeave = () => {
     setIsHovered(false);
   };
-
   const classes = cx__default["default"](className, `${prefix}--content-switcher-btn`, {
     [`${prefix}--content-switcher--selected`]: selected
   });
@@ -109,65 +103,53 @@ IconSwitch.propTypes = {
    * Specify how the trigger should align with the tooltip
    */
   align: PropTypes__default["default"].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__default["default"].node,
-
   /**
    * Specify an optional className to be added to your Switch
    */
   className: PropTypes__default["default"].string,
-
   /**
    * Specify whether or not the Switch should be disabled
    */
   disabled: PropTypes__default["default"].bool,
-
   /**
    * Specify the duration in milliseconds to delay before displaying the tooltip
    */
   enterDelayMs: PropTypes__default["default"].number,
-
   /**
    * The index of your Switch in your ContentSwitcher that is used for event handlers.
    * Reserved for usage in ContentSwitcher
    */
   index: PropTypes__default["default"].number,
-
   /**
    * Specify the duration in milliseconds to delay before hiding the tooltip
    */
   leaveDelayMs: PropTypes__default["default"].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]),
-
   /**
    * A handler that is invoked when a user clicks on the control.
    * Reserved for usage in ContentSwitcher
    */
   onClick: PropTypes__default["default"].func,
-
   /**
    * A handler that is invoked on the key down event for the control.
    * Reserved for usage in ContentSwitcher
    */
   onKeyDown: PropTypes__default["default"].func,
-
   /**
    * Whether your Switch is selected. Reserved for usage in ContentSwitcher
    */
   selected: PropTypes__default["default"].bool,
-
   /**
    * Passed in from `ContentSwitcher` to render icon-only variant
    */
   size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg']),
-
   /**
    * Provide the visible text displayed by the Tooltip
    */

package/lib/components/Switch/Switch.js

@@ -35,7 +35,6 @@ const Switch = /*#__PURE__*/React__default["default"].forwardRef(function Switch
     ...other
   } = props;
   const prefix = usePrefix.usePrefix();
-
   const handleClick = e => {
     e.preventDefault();
     onClick({
@@ -44,7 +43,6 @@ const Switch = /*#__PURE__*/React__default["default"].forwardRef(function Switch
       text
     });
   };
-
   const handleKeyDown = event => {
     const key = event.key || event.which;
     onKeyDown({
@@ -54,7 +52,6 @@ const Switch = /*#__PURE__*/React__default["default"].forwardRef(function Switch
       key
     });
   };
-
   const classes = cx__default["default"](className, `${prefix}--content-switcher-btn`, {
     [`${prefix}--content-switcher--selected`]: selected
   });
@@ -81,45 +78,37 @@ Switch.propTypes = {
    * Provide child elements to be rendered inside of the Switch
    */
   children: PropTypes__default["default"].node,
-
   /**
    * Specify an optional className to be added to your Switch
    */
   className: PropTypes__default["default"].string,
-
   /**
    * Specify whether or not the Switch should be disabled
    */
   disabled: PropTypes__default["default"].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,
-
   /**
    * 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]),
-
   /**
    * A handler that is invoked when a user clicks on the control.
    * Reserved for usage in ContentSwitcher
    */
   onClick: PropTypes__default["default"].func,
-
   /**
    * A handler that is invoked on the key down event for the control.
    * Reserved for usage in ContentSwitcher
    */
   onKeyDown: PropTypes__default["default"].func,
-
   /**
    * Whether your Switch is selected. Reserved for usage in ContentSwitcher
    */
   selected: PropTypes__default["default"].bool,
-
   /**
    * Provide the contents of your Switch
    */

package/lib/components/TabContent/TabContent.js

@@ -26,10 +26,10 @@ 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
+  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));
@@ -37,7 +37,6 @@ function useTabbableContent(ref) {
   });
   return hasTabbableContent;
 }
-
 const TabContent = props => {
   const {
     className,
@@ -61,18 +60,15 @@ const TabContent = props => {
     tabIndex: hasTabbableContent ? undefined : 0
   }), children);
 };
-
 TabContent.propTypes = {
   /**
    * Pass in content to render inside of the TabContent
    */
   children: PropTypes__default["default"].node,
-
   /**
    * Provide a className for the tab content container
    */
   className: PropTypes__default["default"].string,
-
   /**
    * Specify whether the TabContent is selected
    */

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

@@ -22,7 +22,6 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var _span;
-
 function Tab() {
   const prefix = usePrefix.usePrefix();
   return /*#__PURE__*/React__default["default"].createElement("li", {
@@ -31,7 +30,6 @@ function Tab() {
     className: `${prefix}--tabs__nav-link`
   }, _span || (_span = /*#__PURE__*/React__default["default"].createElement("span", null))));
 }
-
 function TabsSkeleton(_ref) {
   let {
     className,
@@ -48,13 +46,11 @@ function TabsSkeleton(_ref) {
     className: `${prefix}--tabs__nav`
   }, Tab(), Tab(), Tab(), Tab(), Tab()));
 }
-
 TabsSkeleton.propTypes = {
   /**
    * Specify an optional className to add.
    */
   className: PropTypes__default["default"].string,
-
   /**
    * Provide the type of Tab
    */