carbon-react 106.2.2 → 106.3.2

package/esm/components/alert/alert.component.js

@@ -1,268 +1,54 @@
-function _extends() {
-  _extends =
-    Object.assign ||
-    function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-      return target;
-    };
-  return _extends.apply(this, arguments);
-}
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React from "react";
 import PropTypes from "prop-types";
 import Dialog from "../dialog";
-const Alert = ({ children, size = "extra-small", ...rest }) =>
-  /*#__PURE__*/ React.createElement(
-    Dialog,
-    _extends(
-      {
-        "data-component": "alert",
-        role: "alertdialog",
-        size: size,
-      },
-      rest
-    ),
-    children
-  );
 
-Alert.propTypes = {
-  /**
-   * Prop to specify the aria-describedby property of the Dialog component
-   */
-  "aria-describedby": PropTypes.string,
-  /**
-   * Prop to specify the aria-label of the Dialog component.
-   * To be used only when the title prop is not defined, and the component is not labelled by any internal element.
-   */
-  "aria-label": PropTypes.string,
-  /**
-   * Prop to specify the aria-labelledby property of the Dialog component
-   * To be used when the title prop is a custom React Node,
-   * or the component is labelled by an internal element other than the title.
-   */
-  "aria-labelledby": PropTypes.string,
-  /**
-   * The ARIA role to be applied to the modal
-   */
-  ariaRole: PropTypes.string,
-  /**
-   * Modal content
-   */
-  children: PropTypes.node,
-  /**
-   * Padding to be set on the Dialog content
-   */
-  contentPadding: PropTypes.shape({
-    p: PropTypes.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8]),
-    px: PropTypes.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8]),
-    py: PropTypes.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8]),
-  }),
-  disableAutoFocus: PropTypes.bool,
-  /**
-   * Determines if the Dialog can be closed
-   */
-  disableClose: PropTypes.bool,
-  /**
-   * Determines if the Esc Key closes the modal
-   */
-  disableEscKey: PropTypes.bool,
-  disableFocusTrap: PropTypes.bool,
-  /**
-   * Determines if the background is disabled when the modal is open
-   */
-  enableBackgroundUI: PropTypes.bool,
-  /**
-   * Optional reference to an element meant to be focused on open
-   */
-  focusFirstElement: PropTypes.shape({
-    current: function (props, propName) {
-      if (props[propName] == null) {
-        return new Error(
-          "Prop '" + propName + "' is required but wasn't specified"
-        );
-      } else if (
-        typeof props[propName] !== "object" ||
-        props[propName].nodeType !== 1
-      ) {
-        return new Error(
-          "Expected prop '" + propName + "' to be of type Element"
-        );
-      }
-    },
-  }),
-  /**
-   * Allows developers to specify a specific height for the dialog.
-   */
-  height: PropTypes.string,
-  /**
-   * Adds Help tooltip to Header
-   */
-  help: PropTypes.string,
-  /**
-   * A custom close event handler
-   */
-  onCancel: PropTypes.func,
-  /**
-   * Sets the open state of the modal
-   */
-  open: PropTypes.bool.isRequired,
-  /**
-   * The ARIA role to be applied to the Dialog container
-   */
-  role: PropTypes.string,
-  /**
-   * Determines if the close icon is shown
-   */
-  showCloseIcon: PropTypes.bool,
-  /**
-   * Size of dialog, default size is 750px
-   */
-  size: PropTypes.oneOf([
-    "auto",
-    "extra-large",
-    "extra-small",
-    "large",
-    "medium-large",
-    "medium-small",
-    "medium",
-    "small",
-  ]),
-  /**
-   * Subtitle displayed at top of dialog
-   */
-  subtitle: PropTypes.string,
-  /**
-   * Transition time
-   */
-  timeout: PropTypes.number,
-  /**
-   * Title displayed at top of dialog
-   */
-  title: PropTypes.node,
-};
+const Alert = ({
+  children,
+  size = "extra-small",
+  ...rest
+}) => /*#__PURE__*/React.createElement(Dialog, _extends({
+  "data-component": "alert",
+  role: "alertdialog",
+  size: size
+}, rest), children);
 
 Alert.propTypes = {
-  /**
-   * Prop to specify the aria-describedby property of the Dialog component
-   */
   "aria-describedby": PropTypes.string,
-  /**
-   * Prop to specify the aria-label of the Dialog component.
-   * To be used only when the title prop is not defined, and the component is not labelled by any internal element.
-   */
   "aria-label": PropTypes.string,
-  /**
-   * Prop to specify the aria-labelledby property of the Dialog component
-   * To be used when the title prop is a custom React Node,
-   * or the component is labelled by an internal element other than the title.
-   */
   "aria-labelledby": PropTypes.string,
-  /**
-   * The ARIA role to be applied to the modal
-   */
-  ariaRole: PropTypes.string,
-  /**
-   * Modal content
-   */
-  children: PropTypes.node,
-  /**
-   * Padding to be set on the Dialog content
-   */
-  contentPadding: PropTypes.shape({
-    p: PropTypes.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8]),
-    px: PropTypes.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8]),
-    py: PropTypes.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8]),
+  "ariaRole": PropTypes.string,
+  "children": PropTypes.node,
+  "contentPadding": PropTypes.shape({
+    "p": PropTypes.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8]),
+    "px": PropTypes.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8]),
+    "py": PropTypes.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8])
   }),
-  disableAutoFocus: PropTypes.bool,
-  /**
-   * Determines if the Dialog can be closed
-   */
-  disableClose: PropTypes.bool,
-  /**
-   * Determines if the Esc Key closes the modal
-   */
-  disableEscKey: PropTypes.bool,
-  disableFocusTrap: PropTypes.bool,
-  /**
-   * Determines if the background is disabled when the modal is open
-   */
-  enableBackgroundUI: PropTypes.bool,
-  /**
-   * Optional reference to an element meant to be focused on open
-   */
-  focusFirstElement: PropTypes.shape({
-    current: function (props, propName) {
+  "disableAutoFocus": PropTypes.bool,
+  "disableClose": PropTypes.bool,
+  "disableEscKey": PropTypes.bool,
+  "disableFocusTrap": PropTypes.bool,
+  "enableBackgroundUI": PropTypes.bool,
+  "focusFirstElement": PropTypes.shape({
+    "current": function (props, propName) {
       if (props[propName] == null) {
-        return new Error(
-          "Prop '" + propName + "' is required but wasn't specified"
-        );
-      } else if (
-        typeof props[propName] !== "object" ||
-        props[propName].nodeType !== 1
-      ) {
-        return new Error(
-          "Expected prop '" + propName + "' to be of type Element"
-        );
+        return new Error("Prop '" + propName + "' is required but wasn't specified");
+      } else if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
+        return new Error("Expected prop '" + propName + "' to be of type Element");
       }
-    },
+    }
   }),
-  /**
-   * Allows developers to specify a specific height for the dialog.
-   */
-  height: PropTypes.string,
-  /**
-   * Adds Help tooltip to Header
-   */
-  help: PropTypes.string,
-  /**
-   * A custom close event handler
-   */
-  onCancel: PropTypes.func,
-  /**
-   * Sets the open state of the modal
-   */
-  open: PropTypes.bool.isRequired,
-  /**
-   * The ARIA role to be applied to the Dialog container
-   */
-  role: PropTypes.string,
-  /**
-   * Determines if the close icon is shown
-   */
-  showCloseIcon: PropTypes.bool,
-  /**
-   * Size of dialog, default size is 750px
-   */
-  size: PropTypes.oneOf([
-    "auto",
-    "extra-large",
-    "extra-small",
-    "large",
-    "medium-large",
-    "medium-small",
-    "medium",
-    "small",
-  ]),
-  /**
-   * Subtitle displayed at top of dialog
-   */
-  subtitle: PropTypes.string,
-  /**
-   * Transition time
-   */
-  timeout: PropTypes.number,
-  /**
-   * Title displayed at top of dialog
-   */
-  title: PropTypes.node,
+  "height": PropTypes.string,
+  "help": PropTypes.string,
+  "onCancel": PropTypes.func,
+  "open": PropTypes.bool.isRequired,
+  "role": PropTypes.string,
+  "showCloseIcon": PropTypes.bool,
+  "size": PropTypes.oneOf(["auto", "extra-large", "extra-small", "large", "medium-large", "medium-small", "medium", "small"]),
+  "subtitle": PropTypes.string,
+  "timeout": PropTypes.number,
+  "title": PropTypes.node
 };
-
 export { Alert };
-export default Alert;
+export default Alert;

package/esm/components/alert/index.d.ts

@@ -1 +1,2 @@
 export { default } from "./alert.component";
+export type { DialogProps as AlertProps } from "../dialog/dialog";

package/esm/components/badge/badge.component.js

@@ -1,68 +1,28 @@
 import React from "react";
 import PropTypes from "prop-types";
-import {
-  StyledBadgeWrapper,
-  StyledButton,
-  StyledCrossIcon,
-  StyledCounter,
-} from "./badge.style";
-const Badge = ({ children, counter = 0, onClick }) => {
-  return /*#__PURE__*/ React.createElement(
-    StyledBadgeWrapper,
-    null,
-    counter > 0 &&
-      /*#__PURE__*/ React.createElement(
-        StyledButton,
-        {
-          "data-component": "badge",
-          buttonType: "secondary",
-          onClick: onClick,
-        },
-        /*#__PURE__*/ React.createElement(StyledCrossIcon, {
-          "data-element": "badge-cross-icon",
-          type: "cross",
-        }),
-        /*#__PURE__*/ React.createElement(
-          StyledCounter,
-          {
-            "data-element": "badge-counter",
-          },
-          counter > 99 ? 99 : counter
-        )
-      ),
-    children
-  );
-};
+import { StyledBadgeWrapper, StyledButton, StyledCrossIcon, StyledCounter } from "./badge.style";
 
-Badge.propTypes = {
-  /**
-   * The badge will be added to this element
-   */
-  children: PropTypes.node,
-  /**
-   * The number rendered in the badge component
-   */
-  counter: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  /**
-   * Callback fired when badge is clicked
-   */
-  onClick: PropTypes.func,
+const Badge = ({
+  children,
+  counter = 0,
+  onClick
+}) => {
+  return /*#__PURE__*/React.createElement(StyledBadgeWrapper, null, counter > 0 && /*#__PURE__*/React.createElement(StyledButton, {
+    "data-component": "badge",
+    buttonType: "secondary",
+    onClick: onClick
+  }, /*#__PURE__*/React.createElement(StyledCrossIcon, {
+    "data-element": "badge-cross-icon",
+    type: "cross"
+  }), /*#__PURE__*/React.createElement(StyledCounter, {
+    "data-element": "badge-counter"
+  }, counter > 99 ? 99 : counter)), children);
 };
 
 Badge.propTypes = {
-  /**
-   * The badge will be added to this element
-   */
-  children: PropTypes.node,
-  /**
-   * The number rendered in the badge component
-   */
-  counter: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  /**
-   * Callback fired when badge is clicked
-   */
-  onClick: PropTypes.func,
+  "children": PropTypes.node,
+  "counter": PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  "onClick": PropTypes.func
 };
-
 export { Badge };
-export default Badge;
+export default Badge;