carbon-react 106.2.2 → 106.3.2

package/lib/components/alert/alert.component.js

@@ -1,167 +1,66 @@
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
-  value: true,
+  value: true
 });
-
 exports.default = exports.Alert = void 0;
 
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _dialog = _interopRequireDefault(require("../dialog"));
 
-function _interopRequireDefault(obj) {
-  return obj && obj.__esModule ? obj : { default: obj };
-}
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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); }
 
-const Alert = ({ children, size = "extra-small", ...rest }) =>
-  /*#__PURE__*/ _react.default.createElement(
-    _dialog.default,
-    _extends(
-      {
-        "data-component": "alert",
-        role: "alertdialog",
-        size: size,
-      },
-      rest
-    ),
-    children
-  );
+const Alert = ({
+  children,
+  size = "extra-small",
+  ...rest
+}) => /*#__PURE__*/_react.default.createElement(_dialog.default, _extends({
+  "data-component": "alert",
+  role: "alertdialog",
+  size: size
+}, rest), children);
 
+exports.Alert = Alert;
 Alert.propTypes = {
-  /**
-   * Prop to specify the aria-describedby property of the Dialog component
-   */
   "aria-describedby": _propTypes.default.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.default.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.default.string,
-  /**
-   * The ARIA role to be applied to the modal
-   */
-  ariaRole: _propTypes.default.string,
-  /**
-   * Modal content
-   */
-  children: _propTypes.default.node,
-  /**
-   * Padding to be set on the Dialog content
-   */
-  contentPadding: _propTypes.default.shape({
-    p: _propTypes.default.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8]),
-    px: _propTypes.default.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8]),
-    py: _propTypes.default.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8]),
+  "ariaRole": _propTypes.default.string,
+  "children": _propTypes.default.node,
+  "contentPadding": _propTypes.default.shape({
+    "p": _propTypes.default.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8]),
+    "px": _propTypes.default.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8]),
+    "py": _propTypes.default.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8])
   }),
-  disableAutoFocus: _propTypes.default.bool,
-  /**
-   * Determines if the Dialog can be closed
-   */
-  disableClose: _propTypes.default.bool,
-  /**
-   * Determines if the Esc Key closes the modal
-   */
-  disableEscKey: _propTypes.default.bool,
-  disableFocusTrap: _propTypes.default.bool,
-  /**
-   * Determines if the background is disabled when the modal is open
-   */
-  enableBackgroundUI: _propTypes.default.bool,
-  /**
-   * Optional reference to an element meant to be focused on open
-   */
-  focusFirstElement: _propTypes.default.shape({
-    current: function (props, propName) {
+  "disableAutoFocus": _propTypes.default.bool,
+  "disableClose": _propTypes.default.bool,
+  "disableEscKey": _propTypes.default.bool,
+  "disableFocusTrap": _propTypes.default.bool,
+  "enableBackgroundUI": _propTypes.default.bool,
+  "focusFirstElement": _propTypes.default.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.default.string,
-  /**
-   * Adds Help tooltip to Header
-   */
-  help: _propTypes.default.string,
-  /**
-   * A custom close event handler
-   */
-  onCancel: _propTypes.default.func,
-  /**
-   * Sets the open state of the modal
-   */
-  open: _propTypes.default.bool.isRequired,
-  /**
-   * The ARIA role to be applied to the Dialog container
-   */
-  role: _propTypes.default.string,
-  /**
-   * Determines if the close icon is shown
-   */
-  showCloseIcon: _propTypes.default.bool,
-  /**
-   * Size of dialog, default size is 750px
-   */
-  size: _propTypes.default.oneOf([
-    "auto",
-    "extra-large",
-    "extra-small",
-    "large",
-    "medium-large",
-    "medium-small",
-    "medium",
-    "small",
-  ]),
-  /**
-   * Subtitle displayed at top of dialog
-   */
-  subtitle: _propTypes.default.string,
-  /**
-   * Transition time
-   */
-  timeout: _propTypes.default.number,
-  /**
-   * Title displayed at top of dialog
-   */
-  title: _propTypes.default.node,
+  "height": _propTypes.default.string,
+  "help": _propTypes.default.string,
+  "onCancel": _propTypes.default.func,
+  "open": _propTypes.default.bool.isRequired,
+  "role": _propTypes.default.string,
+  "showCloseIcon": _propTypes.default.bool,
+  "size": _propTypes.default.oneOf(["auto", "extra-large", "extra-small", "large", "medium-large", "medium-small", "medium", "small"]),
+  "subtitle": _propTypes.default.string,
+  "timeout": _propTypes.default.number,
+  "title": _propTypes.default.node
 };
-
-exports.Alert = Alert;
 var _default = Alert;
-exports.default = _default;
+exports.default = _default;

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

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

package/lib/components/badge/badge.component.js

@@ -1,66 +1,40 @@
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
-  value: true,
+  value: true
 });
-
 exports.default = exports.Badge = void 0;
 
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _badge = require("./badge.style");
 
-function _interopRequireDefault(obj) {
-  return obj && obj.__esModule ? obj : { default: obj };
-}
-
-const Badge = ({ children, counter = 0, onClick }) => {
-  return /*#__PURE__*/ _react.default.createElement(
-    _badge.StyledBadgeWrapper,
-    null,
-    counter > 0 &&
-      /*#__PURE__*/ _react.default.createElement(
-        _badge.StyledButton,
-        {
-          "data-component": "badge",
-          buttonType: "secondary",
-          onClick: onClick,
-        },
-        /*#__PURE__*/ _react.default.createElement(_badge.StyledCrossIcon, {
-          "data-element": "badge-cross-icon",
-          type: "cross",
-        }),
-        /*#__PURE__*/ _react.default.createElement(
-          _badge.StyledCounter,
-          {
-            "data-element": "badge-counter",
-          },
-          counter > 99 ? 99 : counter
-        )
-      ),
-    children
-  );
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const Badge = ({
+  children,
+  counter = 0,
+  onClick
+}) => {
+  return /*#__PURE__*/_react.default.createElement(_badge.StyledBadgeWrapper, null, counter > 0 && /*#__PURE__*/_react.default.createElement(_badge.StyledButton, {
+    "data-component": "badge",
+    buttonType: "secondary",
+    onClick: onClick
+  }, /*#__PURE__*/_react.default.createElement(_badge.StyledCrossIcon, {
+    "data-element": "badge-cross-icon",
+    type: "cross"
+  }), /*#__PURE__*/_react.default.createElement(_badge.StyledCounter, {
+    "data-element": "badge-counter"
+  }, counter > 99 ? 99 : counter)), children);
 };
 
+exports.Badge = Badge;
 Badge.propTypes = {
-  /**
-   * The badge will be added to this element
-   */
-  children: _propTypes.default.node,
-  /**
-   * The number rendered in the badge component
-   */
-  counter: _propTypes.default.oneOfType([
-    _propTypes.default.number,
-    _propTypes.default.string,
-  ]),
-  /**
-   * Callback fired when badge is clicked
-   */
-  onClick: _propTypes.default.func,
+  "children": _propTypes.default.node,
+  "counter": _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  "onClick": _propTypes.default.func
 };
-
-exports.Badge = Badge;
 var _default = Badge;
-exports.default = _default;
+exports.default = _default;