@carbon/react 1.29.0 → 1.30.0-rc.0

package/es/components/Notification/Notification.js

@@ -25,25 +25,20 @@ import { Escape } from '../../internal/keyboard/keys.js';
  * @param {func} callback - function to be called
  * @param {bool} override - escape hatch to conditionally call the callback
  */
-
 function useEscapeToClose(ref, callback) {
   let override = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-
   const handleKeyDown = event => {
     // The callback should only be called when focus is on or within the container
     const elementContainsFocus = ref.current && document.activeElement === ref.current || ref.current.contains(document.activeElement);
-
     if (matches(event, [Escape]) && override && elementContainsFocus) {
       callback(event);
     }
   };
-
   useIsomorphicEffect(() => {
     document.addEventListener('keydown', handleKeyDown, false);
     return () => document.removeEventListener('keydown', handleKeyDown, false);
   });
 }
-
 function NotificationActionButton(_ref) {
   let {
     children,
@@ -68,17 +63,14 @@ NotificationActionButton.propTypes = {
    * Specify the content of the notification action button.
    */
   children: PropTypes.node,
-
   /**
    * Specify an optional className to be applied to the notification action button
    */
   className: PropTypes.string,
-
   /**
    * Specify if the visual treatment of the button should be for an inline notification
    */
   inline: PropTypes.bool,
-
   /**
    * Optionally specify a click handler for the notification action button.
    */
@@ -118,35 +110,29 @@ NotificationButton.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`.'),
-
   /**
    * Specify an optional className to be applied to the notification button
    */
   className: PropTypes.string,
-
   /**
    * Specify an optional icon for the Button through a string,
    * if something but regular "close" icon is desirable
    */
   name: PropTypes.string,
-
   /**
    * Specify the notification type
    */
   notificationType: PropTypes.oneOf(['toast', 'inline', 'actionable']),
-
   /**
    * Optional prop to allow overriding the icon rendering.
    * Can be a React component class
    */
   renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-
   /**
    * Optional prop to specify the type of the Button
    */
@@ -166,7 +152,6 @@ const iconTypes = {
   info: InformationFilled,
   ['info-square']: InformationSquareFilled
 };
-
 function NotificationIcon(_ref3) {
   let {
     iconDescription,
@@ -175,17 +160,14 @@ function NotificationIcon(_ref3) {
   } = _ref3;
   const prefix = usePrefix();
   const IconForKind = iconTypes[kind];
-
   if (!IconForKind) {
     return null;
   }
-
   return /*#__PURE__*/React__default.createElement(IconForKind, {
     className: `${prefix}--${notificationType}-notification__icon`,
     size: 20
   }, /*#__PURE__*/React__default.createElement("title", null, iconDescription));
 }
-
 NotificationIcon.propTypes = {
   iconDescription: PropTypes.string.isRequired,
   kind: PropTypes.oneOf(['error', 'success', 'warning', 'warning-alt', 'info', 'info-square']).isRequired,
@@ -219,20 +201,16 @@ function ToastNotification(_ref4) {
   });
   const contentRef = useRef(null);
   useNoInteractiveChildren(contentRef);
-
   const handleClose = evt => {
     if (!onClose || onClose(evt) !== false) {
       setIsOpen(false);
     }
   };
-
   const ref = useRef(null);
-
   function handleCloseButtonClick(event) {
     onCloseButtonClick(event);
     handleClose(event);
   }
-
   const savedOnClose = useRef(onClose);
   useEffect(() => {
     savedOnClose.current = onClose;
@@ -241,10 +219,8 @@ function ToastNotification(_ref4) {
     if (!timeout) {
       return;
     }
-
     const timeoutId = window.setTimeout(event => {
       setIsOpen(false);
-
       if (savedOnClose.current) {
         savedOnClose.current(event);
       }
@@ -253,11 +229,9 @@ function ToastNotification(_ref4) {
       window.clearTimeout(timeoutId);
     };
   }, [timeout]);
-
   if (!isOpen) {
     return null;
   }
-
   return /*#__PURE__*/React__default.createElement("div", _extends({
     ref: ref
   }, rest, {
@@ -289,74 +263,60 @@ ToastNotification.propTypes = {
    * Provide a description for "close" icon button that can be read by screen readers
    */
   ['aria-label']: PropTypes.string,
-
   /**
    * Deprecated, please use `aria-label` instead.
    * Provide a description for "close" icon button that can be read by screen readers
    */
   ariaLabel: deprecate(PropTypes.string, 'This prop syntax has been deprecated. Please use the new `aria-label`.'),
-
   /**
    * Specify the caption
    */
   caption: PropTypes.string,
-
   /**
    * Specify the content
    */
   children: PropTypes.node,
-
   /**
    * Specify an optional className to be applied to the notification box
    */
   className: PropTypes.string,
-
   /**
    * Specify the close button should be disabled, or not
    */
   hideCloseButton: PropTypes.bool,
-
   /**
    * Specify what state the notification represents
    */
   kind: PropTypes.oneOf(['error', 'info', 'info-square', 'success', 'warning', 'warning-alt']),
-
   /**
    * Specify whether you are using the low contrast variant of the ToastNotification.
    */
   lowContrast: PropTypes.bool,
-
   /**
    * Provide a function that is called when menu is closed
    */
   onClose: PropTypes.func,
-
   /**
    * Provide a function that is called when the close button is clicked
    */
   onCloseButtonClick: PropTypes.func,
-
   /**
    * By default, this value is "status". You can also provide an alternate
    * role if it makes sense from the accessibility-side
    */
   role: PropTypes.oneOf(['alert', 'log', 'status']),
-
   /**
    * Provide a description for "status" icon that can be read by screen readers
    */
   statusIconDescription: PropTypes.string,
-
   /**
    * Specify the sub-title
    */
   subtitle: PropTypes.string,
-
   /**
    * Specify an optional duration the notification should be closed in
    */
   timeout: PropTypes.number,
-
   /**
    * Specify the title
    */
@@ -395,24 +355,19 @@ function InlineNotification(_ref5) {
   });
   const contentRef = useRef(null);
   useNoInteractiveChildren(contentRef);
-
   const handleClose = evt => {
     if (!onClose || onClose(evt) !== false) {
       setIsOpen(false);
     }
   };
-
   const ref = useRef(null);
-
   function handleCloseButtonClick(event) {
     onCloseButtonClick(event);
     handleClose(event);
   }
-
   if (!isOpen) {
     return null;
   }
-
   return /*#__PURE__*/React__default.createElement("div", _extends({
     ref: ref
   }, rest, {
@@ -444,58 +399,47 @@ InlineNotification.propTypes = {
    * Provide a description for "close" icon button that can be read by screen readers
    */
   ['aria-label']: PropTypes.string,
-
   /**
    * Specify the content
    */
   children: PropTypes.node,
-
   /**
    * Specify an optional className to be applied to the notification box
    */
   className: PropTypes.string,
-
   /**
    * Specify the close button should be disabled, or not
    */
   hideCloseButton: PropTypes.bool,
-
   /**
    * Specify what state the notification represents
    */
   kind: PropTypes.oneOf(['error', 'info', 'info-square', 'success', 'warning', 'warning-alt']),
-
   /**
    * Specify whether you are using the low contrast variant of the InlineNotification.
    */
   lowContrast: PropTypes.bool,
-
   /**
    * Provide a function that is called when menu is closed
    */
   onClose: PropTypes.func,
-
   /**
    * Provide a function that is called when the close button is clicked
    */
   onCloseButtonClick: PropTypes.func,
-
   /**
    * By default, this value is "status". You can also provide an alternate
    * role if it makes sense from the accessibility-side.
    */
   role: PropTypes.oneOf(['alert', 'log', 'status']),
-
   /**
    * Provide a description for "status" icon that can be read by screen readers
    */
   statusIconDescription: PropTypes.string,
-
   /**
    * Specify the sub-title
    */
   subtitle: PropTypes.string,
-
   /**
    * Specify the title
    */
@@ -545,24 +489,19 @@ function ActionableNotification(_ref6) {
       ref.current.focus();
     }
   });
-
   const handleClose = evt => {
     if (!onClose || onClose(evt) !== false) {
       setIsOpen(false);
     }
   };
-
   useEscapeToClose(ref, handleCloseButtonClick, closeOnEscape);
-
   function handleCloseButtonClick(event) {
     onCloseButtonClick(event);
     handleClose(event);
   }
-
   if (!isOpen) {
     return null;
   }
-
   return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
     ref: ref,
     role: role,
@@ -597,89 +536,72 @@ ActionableNotification.propTypes = {
    * Pass in the action button label that will be rendered within the ActionableNotification.
    */
   actionButtonLabel: PropTypes.string.isRequired,
-
   /**
    * Provide a description for "close" icon button that can be read by screen readers
    */
   ['aria-label']: PropTypes.string,
-
   /**
    * Deprecated, please use `aria-label` instead.
    * Provide a description for "close" icon button that can be read by screen readers
    */
   ariaLabel: deprecate(PropTypes.string, 'This prop syntax has been deprecated. Please use the new `aria-label`.'),
-
   /**
    * Specify the content
    */
   children: PropTypes.node,
-
   /**
    * Specify an optional className to be applied to the notification box
    */
   className: PropTypes.string,
-
   /**
    * Specify if pressing the escape key should close notifications
    */
   closeOnEscape: PropTypes.bool,
-
   /**
    * Specify if focus should be moved to the component when the notification contains actions
    */
   hasFocus: PropTypes.bool,
-
   /**
    * Specify the close button should be disabled, or not
    */
   hideCloseButton: PropTypes.bool,
-
   /*
    * Specify if the notification should have inline styling applied instead of toast
    */
   inline: PropTypes.bool,
-
   /**
    * Specify what state the notification represents
    */
   kind: PropTypes.oneOf(['error', 'info', 'info-square', 'success', 'warning', 'warning-alt']).isRequired,
-
   /**
    * Specify whether you are using the low contrast variant of the ActionableNotification.
    */
   lowContrast: PropTypes.bool,
-
   /**
    * Provide a function that is called when the action is clicked
    */
   onActionButtonClick: PropTypes.func,
-
   /**
    * Provide a function that is called when menu is closed
    */
   onClose: PropTypes.func,
-
   /**
    * Provide a function that is called when the close button is clicked
    */
   onCloseButtonClick: PropTypes.func,
-
   /**
    * By default, this value is "alertdialog". You can also provide an alternate
    * role if it makes sense from the accessibility-side.
    */
   role: PropTypes.string,
-
   /**
    * Provide a description for "status" icon that can be read by screen readers
    */
   statusIconDescription: PropTypes.string,
-
   /**
    * Specify the sub-title
    */
   subtitle: PropTypes.string,
-
   /**
    * Specify the title
    */

package/es/components/NumberInput/NumberInput.Skeleton.js

@@ -26,13 +26,11 @@ function NumberInputSkeleton(_ref) {
     className: `${prefix}--number ${prefix}--skeleton`
   }));
 }
-
 NumberInputSkeleton.propTypes = {
   /**
    * Specify an optional className to add to the form item wrapper.
    */
   className: PropTypes.string,
-
   /**
    * Specify whether the label should be hidden, or not
    */