@carbon/react 1.29.1 → 1.30.0-rc.0

package/lib/components/Notification/Notification.js

@@ -35,25 +35,20 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
  * @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 (match.matches(event, [keys.Escape]) && override && elementContainsFocus) {
       callback(event);
     }
   };
-
   useIsomorphicEffect["default"](() => {
     document.addEventListener('keydown', handleKeyDown, false);
     return () => document.removeEventListener('keydown', handleKeyDown, false);
   });
 }
-
 function NotificationActionButton(_ref) {
   let {
     children,
@@ -78,17 +73,14 @@ NotificationActionButton.propTypes = {
    * Specify the content of the notification action button.
    */
   children: PropTypes__default["default"].node,
-
   /**
    * Specify an optional className to be applied to the notification action button
    */
   className: PropTypes__default["default"].string,
-
   /**
    * Specify if the visual treatment of the button should be for an inline notification
    */
   inline: PropTypes__default["default"].bool,
-
   /**
    * Optionally specify a click handler for the notification action button.
    */
@@ -128,35 +120,29 @@ NotificationButton.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`.'),
-
   /**
    * Specify an optional className to be applied to the notification button
    */
   className: PropTypes__default["default"].string,
-
   /**
    * Specify an optional icon for the Button through a string,
    * if something but regular "close" icon is desirable
    */
   name: PropTypes__default["default"].string,
-
   /**
    * Specify the notification type
    */
   notificationType: PropTypes__default["default"].oneOf(['toast', 'inline', 'actionable']),
-
   /**
    * Optional prop to allow overriding the icon rendering.
    * Can be a React component class
    */
   renderIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object]),
-
   /**
    * Optional prop to specify the type of the Button
    */
@@ -176,7 +162,6 @@ const iconTypes = {
   info: iconsReact.InformationFilled,
   ['info-square']: iconsReact.InformationSquareFilled
 };
-
 function NotificationIcon(_ref3) {
   let {
     iconDescription,
@@ -185,17 +170,14 @@ function NotificationIcon(_ref3) {
   } = _ref3;
   const prefix = usePrefix.usePrefix();
   const IconForKind = iconTypes[kind];
-
   if (!IconForKind) {
     return null;
   }
-
   return /*#__PURE__*/React__default["default"].createElement(IconForKind, {
     className: `${prefix}--${notificationType}-notification__icon`,
     size: 20
   }, /*#__PURE__*/React__default["default"].createElement("title", null, iconDescription));
 }
-
 NotificationIcon.propTypes = {
   iconDescription: PropTypes__default["default"].string.isRequired,
   kind: PropTypes__default["default"].oneOf(['error', 'success', 'warning', 'warning-alt', 'info', 'info-square']).isRequired,
@@ -229,20 +211,16 @@ function ToastNotification(_ref4) {
   });
   const contentRef = React.useRef(null);
   useNoInteractiveChildren.useNoInteractiveChildren(contentRef);
-
   const handleClose = evt => {
     if (!onClose || onClose(evt) !== false) {
       setIsOpen(false);
     }
   };
-
   const ref = React.useRef(null);
-
   function handleCloseButtonClick(event) {
     onCloseButtonClick(event);
     handleClose(event);
   }
-
   const savedOnClose = React.useRef(onClose);
   React.useEffect(() => {
     savedOnClose.current = onClose;
@@ -251,10 +229,8 @@ function ToastNotification(_ref4) {
     if (!timeout) {
       return;
     }
-
     const timeoutId = window.setTimeout(event => {
       setIsOpen(false);
-
       if (savedOnClose.current) {
         savedOnClose.current(event);
       }
@@ -263,11 +239,9 @@ function ToastNotification(_ref4) {
       window.clearTimeout(timeoutId);
     };
   }, [timeout]);
-
   if (!isOpen) {
     return null;
   }
-
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
     ref: ref
   }, rest, {
@@ -299,74 +273,60 @@ ToastNotification.propTypes = {
    * Provide a description for "close" icon button that can be read by screen readers
    */
   ['aria-label']: PropTypes__default["default"].string,
-
   /**
    * Deprecated, please use `aria-label` instead.
    * Provide a description for "close" icon button that can be read by screen readers
    */
   ariaLabel: deprecate["default"](PropTypes__default["default"].string, 'This prop syntax has been deprecated. Please use the new `aria-label`.'),
-
   /**
    * Specify the caption
    */
   caption: PropTypes__default["default"].string,
-
   /**
    * Specify the content
    */
   children: PropTypes__default["default"].node,
-
   /**
    * Specify an optional className to be applied to the notification box
    */
   className: PropTypes__default["default"].string,
-
   /**
    * Specify the close button should be disabled, or not
    */
   hideCloseButton: PropTypes__default["default"].bool,
-
   /**
    * Specify what state the notification represents
    */
   kind: PropTypes__default["default"].oneOf(['error', 'info', 'info-square', 'success', 'warning', 'warning-alt']),
-
   /**
    * Specify whether you are using the low contrast variant of the ToastNotification.
    */
   lowContrast: PropTypes__default["default"].bool,
-
   /**
    * Provide a function that is called when menu is closed
    */
   onClose: PropTypes__default["default"].func,
-
   /**
    * Provide a function that is called when the close button is clicked
    */
   onCloseButtonClick: PropTypes__default["default"].func,
-
   /**
    * By default, this value is "status". You can also provide an alternate
    * role if it makes sense from the accessibility-side
    */
   role: PropTypes__default["default"].oneOf(['alert', 'log', 'status']),
-
   /**
    * Provide a description for "status" icon that can be read by screen readers
    */
   statusIconDescription: PropTypes__default["default"].string,
-
   /**
    * Specify the sub-title
    */
   subtitle: PropTypes__default["default"].string,
-
   /**
    * Specify an optional duration the notification should be closed in
    */
   timeout: PropTypes__default["default"].number,
-
   /**
    * Specify the title
    */
@@ -405,24 +365,19 @@ function InlineNotification(_ref5) {
   });
   const contentRef = React.useRef(null);
   useNoInteractiveChildren.useNoInteractiveChildren(contentRef);
-
   const handleClose = evt => {
     if (!onClose || onClose(evt) !== false) {
       setIsOpen(false);
     }
   };
-
   const ref = React.useRef(null);
-
   function handleCloseButtonClick(event) {
     onCloseButtonClick(event);
     handleClose(event);
   }
-
   if (!isOpen) {
     return null;
   }
-
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
     ref: ref
   }, rest, {
@@ -454,58 +409,47 @@ InlineNotification.propTypes = {
    * Provide a description for "close" icon button that can be read by screen readers
    */
   ['aria-label']: PropTypes__default["default"].string,
-
   /**
    * Specify the content
    */
   children: PropTypes__default["default"].node,
-
   /**
    * Specify an optional className to be applied to the notification box
    */
   className: PropTypes__default["default"].string,
-
   /**
    * Specify the close button should be disabled, or not
    */
   hideCloseButton: PropTypes__default["default"].bool,
-
   /**
    * Specify what state the notification represents
    */
   kind: PropTypes__default["default"].oneOf(['error', 'info', 'info-square', 'success', 'warning', 'warning-alt']),
-
   /**
    * Specify whether you are using the low contrast variant of the InlineNotification.
    */
   lowContrast: PropTypes__default["default"].bool,
-
   /**
    * Provide a function that is called when menu is closed
    */
   onClose: PropTypes__default["default"].func,
-
   /**
    * Provide a function that is called when the close button is clicked
    */
   onCloseButtonClick: PropTypes__default["default"].func,
-
   /**
    * By default, this value is "status". You can also provide an alternate
    * role if it makes sense from the accessibility-side.
    */
   role: PropTypes__default["default"].oneOf(['alert', 'log', 'status']),
-
   /**
    * Provide a description for "status" icon that can be read by screen readers
    */
   statusIconDescription: PropTypes__default["default"].string,
-
   /**
    * Specify the sub-title
    */
   subtitle: PropTypes__default["default"].string,
-
   /**
    * Specify the title
    */
@@ -555,24 +499,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["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
     ref: ref,
     role: role,
@@ -607,89 +546,72 @@ ActionableNotification.propTypes = {
    * Pass in the action button label that will be rendered within the ActionableNotification.
    */
   actionButtonLabel: PropTypes__default["default"].string.isRequired,
-
   /**
    * Provide a description for "close" icon button that can be read by screen readers
    */
   ['aria-label']: PropTypes__default["default"].string,
-
   /**
    * Deprecated, please use `aria-label` instead.
    * Provide a description for "close" icon button that can be read by screen readers
    */
   ariaLabel: deprecate["default"](PropTypes__default["default"].string, 'This prop syntax has been deprecated. Please use the new `aria-label`.'),
-
   /**
    * Specify the content
    */
   children: PropTypes__default["default"].node,
-
   /**
    * Specify an optional className to be applied to the notification box
    */
   className: PropTypes__default["default"].string,
-
   /**
    * Specify if pressing the escape key should close notifications
    */
   closeOnEscape: PropTypes__default["default"].bool,
-
   /**
    * Specify if focus should be moved to the component when the notification contains actions
    */
   hasFocus: PropTypes__default["default"].bool,
-
   /**
    * Specify the close button should be disabled, or not
    */
   hideCloseButton: PropTypes__default["default"].bool,
-
   /*
    * Specify if the notification should have inline styling applied instead of toast
    */
   inline: PropTypes__default["default"].bool,
-
   /**
    * Specify what state the notification represents
    */
   kind: PropTypes__default["default"].oneOf(['error', 'info', 'info-square', 'success', 'warning', 'warning-alt']).isRequired,
-
   /**
    * Specify whether you are using the low contrast variant of the ActionableNotification.
    */
   lowContrast: PropTypes__default["default"].bool,
-
   /**
    * Provide a function that is called when the action is clicked
    */
   onActionButtonClick: PropTypes__default["default"].func,
-
   /**
    * Provide a function that is called when menu is closed
    */
   onClose: PropTypes__default["default"].func,
-
   /**
    * Provide a function that is called when the close button is clicked
    */
   onCloseButtonClick: PropTypes__default["default"].func,
-
   /**
    * By default, this value is "alertdialog". You can also provide an alternate
    * role if it makes sense from the accessibility-side.
    */
   role: PropTypes__default["default"].string,
-
   /**
    * Provide a description for "status" icon that can be read by screen readers
    */
   statusIconDescription: PropTypes__default["default"].string,
-
   /**
    * Specify the sub-title
    */
   subtitle: PropTypes__default["default"].string,
-
   /**
    * Specify the title
    */

package/lib/components/NumberInput/NumberInput.Skeleton.js

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