carbon-react 111.12.3 → 111.12.5

package/lib/components/definition-list/index.js

@@ -21,7 +21,11 @@ Object.defineProperty(exports, "Dd", {
     return _dd.default;
   }
 });
+
 var _dl = _interopRequireDefault(require("./dl.component"));
+
 var _dt = _interopRequireDefault(require("./dt.component"));
+
 var _dd = _interopRequireDefault(require("./dd.component"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/detail/detail.component.js

@@ -4,16 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
+
 var _utils = require("../../style/utils");
+
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
+
 var _detail = require("./detail.style");
+
 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); }
+
 const marginPropTypes = (0, _utils.filterStyledSystemMarginProps)(_propTypes2.default);
+
 const Detail = ({
   className,
   icon,
@@ -36,22 +47,26 @@ const Detail = ({
     hasIcon: icon
   }, footnote));
 };
-Detail.propTypes = {
-  ...marginPropTypes,
+
+Detail.propTypes = { ...marginPropTypes,
+
   /**
    * Custom className
    */
   className: _propTypes.default.string,
+
   /**
    * <a href="https://carbon.sage.com/?path=/docs/icon--list-of-icons#list-of-icons" target="_blank">List of supported icons</a>
    *
    * The type of icon to use.
    */
   icon: _propTypes.default.string,
+
   /**
    * A small detail to display under the main content.
    */
   footnote: _propTypes.default.string,
+
   /**
    * The rendered children of the component.
    */

package/lib/components/detail/detail.style.js

@@ -4,13 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledDetailFootnote = exports.StyledDetailIcon = exports.StyledDetailContent = exports.StyledDetail = void 0;
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 var _styledSystem = require("styled-system");
+
 var _themes = require("../../style/themes");
+
 var _icon = _interopRequireDefault(require("../icon"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const iconSize = "16px";
 const StyledDetail = _styledComponents.default.div`
   position: relative;

package/lib/components/detail/index.js

@@ -9,5 +9,7 @@ Object.defineProperty(exports, "default", {
     return _detail.default;
   }
 });
+
 var _detail = _interopRequireDefault(require("./detail.component"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/dialog/dialog.component.js

@@ -4,25 +4,45 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Dialog = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
+
 var _modal = _interopRequireDefault(require("../modal"));
+
 var _heading = _interopRequireDefault(require("../heading"));
+
 var _useResizeObserver = _interopRequireDefault(require("../../hooks/__internal__/useResizeObserver"));
+
 var _dialog = require("./dialog.style");
+
 var _dialog2 = require("./dialog.config");
+
 var _focusTrap = _interopRequireDefault(require("../../__internal__/focus-trap"));
+
 var _iconButton = _interopRequireDefault(require("../icon-button"));
+
 var _icon = _interopRequireDefault(require("../icon"));
+
 var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
+
 var _useIsStickyFooterForm = _interopRequireDefault(require("../../hooks/__internal__/useIsStickyFooterForm"));
+
 var _topModalContext = _interopRequireDefault(require("../carbon-provider/top-modal-context"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 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 PADDING_VALUES = [0, 1, 2, 3, 4, 5, 6, 7, 8];
+
 const Dialog = ({
   className,
   children,
@@ -65,6 +85,7 @@ const Dialog = ({
     if (!dialogRef.current) {
       return;
     }
+
     const {
       width: dialogWidth,
       height: dialogHeight
@@ -73,12 +94,15 @@ const Dialog = ({
     let midPointX = window.innerWidth / 2;
     midPointY -= dialogHeight / 2;
     midPointX -= dialogWidth / 2;
+
     if (midPointY < _dialog2.TOP_MARGIN) {
       midPointY = _dialog2.TOP_MARGIN;
     }
+
     if (midPointX < _dialog2.TOP_MARGIN) {
       midPointX = _dialog2.TOP_MARGIN;
     }
+
     dialogRef.current.style.top = `${midPointY}px`;
     dialogRef.current.style.left = `${midPointX}px`;
   }, []);
@@ -100,9 +124,11 @@ const Dialog = ({
     if (open) {
       addListeners();
     }
+
     if (!open) {
       removeListeners();
     }
+
     return () => {
       removeListeners();
     };
@@ -112,6 +138,7 @@ const Dialog = ({
       centerDialog();
     }
   }, [centerDialog, open, height]);
+
   const closeIcon = () => {
     if (!showCloseIcon || !onCancel) return null;
     return /*#__PURE__*/_react.default.createElement(_iconButton.default, {
@@ -123,6 +150,7 @@ const Dialog = ({
       type: "close"
     }));
   };
+
   const dialogTitle = () => {
     if (!title) return null;
     return /*#__PURE__*/_react.default.createElement(_dialog.StyledDialogTitle, {
@@ -139,10 +167,13 @@ const Dialog = ({
       help: help
     }) : title);
   };
+
   let dialogHeight = height;
+
   if (height && height.match(/px$/)) {
     dialogHeight = height.replace("px", "");
   }
+
   const dialogProps = {
     size,
     dialogHeight,
@@ -184,6 +215,7 @@ const Dialog = ({
     ref: innerContentRef
   }, contentPadding), children)))));
 };
+
 exports.Dialog = Dialog;
 Dialog.propTypes = {
   "aria-describedby": _propTypes.default.string,

package/lib/components/dialog/dialog.style.js

@@ -4,17 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledDialogInnerContent = exports.StyledDialogContent = exports.StyledDialogTitle = exports.StyledDialog = void 0;
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 var _styledSystem = require("styled-system");
+
 var _base = _interopRequireDefault(require("../../style/themes/base"));
+
 var _formStyleUtils = require("../../style/utils/form-style-utils");
+
 var _form = require("../form/form.style");
+
 var _heading = require("../heading/heading.style");
+
 var _iconButton = _interopRequireDefault(require("../icon-button/icon-button.style"));
+
 var _dialog = require("./dialog.config");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const dialogSizes = {
   auto: "auto",
   "extra-small": "300px",
@@ -25,10 +37,12 @@ const dialogSizes = {
   large: "960px",
   "extra-large": "1080px"
 };
+
 const calculatePaddingTopInnerContent = ({
   py,
   p
 }) => [py, p].some(padding => padding !== undefined) ? 0 : `${_dialog.CONTENT_TOP_PADDING}px`;
+
 const StyledDialog = _styledComponents.default.div`
   background-color: var(--colorsUtilityMajor025);
   box-shadow: var(--boxShadow300);

package/lib/components/dialog/index.js

@@ -9,5 +9,7 @@ Object.defineProperty(exports, "default", {
     return _dialog.default;
   }
 });
+
 var _dialog = _interopRequireDefault(require("./dialog.component"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/dialog-full-screen/content.style.js

@@ -4,10 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 var _form = require("../form/form.style");
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const StyledContent = _styledComponents.default.div`
   ${({
   hasStickyFooter

package/lib/components/dialog-full-screen/dialog-full-screen.component.js

@@ -4,24 +4,43 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
+
 var _modal = _interopRequireDefault(require("../modal"));
+
 var _heading = _interopRequireDefault(require("../heading"));
+
 var _fullScreenHeading = _interopRequireDefault(require("../../__internal__/full-screen-heading"));
+
 var _dialogFullScreen = _interopRequireDefault(require("./dialog-full-screen.style"));
+
 var _content = _interopRequireDefault(require("./content.style"));
+
 var _focusTrap = _interopRequireDefault(require("../../__internal__/focus-trap"));
+
 var _iconButton = _interopRequireDefault(require("../icon-button"));
+
 var _icon = _interopRequireDefault(require("../icon"));
+
 var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
+
 var _useIsStickyFooterForm = _interopRequireDefault(require("../../hooks/__internal__/useIsStickyFooterForm"));
+
 var _topModalContext = _interopRequireDefault(require("../carbon-provider/top-modal-context"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 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 DialogFullScreen = ({
   "aria-describedby": ariaDescribedBy,
   "aria-label": ariaLabel,
@@ -58,6 +77,7 @@ const DialogFullScreen = ({
   const {
     topModal
   } = (0, _react.useContext)(_topModalContext.default);
+
   const closeIcon = () => {
     if (!showCloseIcon || !onCancel) return null;
     return /*#__PURE__*/_react.default.createElement(_iconButton.default, {
@@ -68,6 +88,7 @@ const DialogFullScreen = ({
       type: "close"
     }));
   };
+
   const dialogTitle = () => /*#__PURE__*/_react.default.createElement(_fullScreenHeading.default, {
     hasContent: !!title,
     ref: headingRef
@@ -80,6 +101,7 @@ const DialogFullScreen = ({
     divider: false,
     help: help
   }) : title, headerChildren);
+
   const ariaProps = {
     "aria-labelledby": title && typeof title === "string" ? titleId : ariaLabelledBy,
     "aria-describedby": subtitle ? subtitleId : ariaDescribedBy,
@@ -116,6 +138,7 @@ const DialogFullScreen = ({
     hasStickyFooter: hasStickyFooter
   }, children))));
 };
+
 DialogFullScreen.defaultProps = {
   showCloseIcon: true,
   disableAutoFocus: false
@@ -123,55 +146,74 @@ DialogFullScreen.defaultProps = {
 DialogFullScreen.propTypes = {
   /** Prop to specify the aria-describedby property of the DialogFullscreen component */
   "aria-describedby": _propTypes.default.string,
+
   /**
    * Prop to specify the aria-label of the DialogFullscreen 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 DialogFullscreen 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,
+
   /** Controls the open state of the component */
   open: _propTypes.default.bool.isRequired,
+
   /** A custom close event handler */
   onCancel: _propTypes.default.func,
+
   /** Optional reference to an element meant to be focused on open */
   focusFirstElement: _propTypes.default.shape({
     current: _propTypes.default.any
   }),
+
   /** Disables auto focus functionality on child elements */
   disableAutoFocus: _propTypes.default.bool,
+
   /** Determines if the Esc Key closes the Dialog */
   disableEscKey: _propTypes.default.bool,
+
   /** Adds Help tooltip to Header */
   help: _propTypes.default.string,
+
   /** remove padding from content */
   disableContentPadding: _propTypes.default.bool,
+
   /** Child elements */
   children: _propTypes.default.node,
+
   /** Title displayed at top of dialog */
   title: _propTypes.default.node,
+
   /** Subtitle displayed at top of dialog */
   subtitle: _propTypes.default.string,
+
   /** Determines if the close icon is shown */
   showCloseIcon: _propTypes.default.bool,
+
   /** Container for components to be displayed in the header */
   headerChildren: _propTypes.default.node,
+
   /** For legacy styling when used with Pages component. Do not use this unless using Pages within a DialogFullScreen */
   pagesStyling: _propTypes.default.bool,
+
   /** Reference to the scrollable content element */
   contentRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
     current: _propTypes.default.instanceOf(Element)
   })]),
+
   /** The ARIA role to be applied to the DialogFullscreen container */
   role: _propTypes.default.string,
+
   /** an optional array of refs to containers whose content should also be reachable by tabbing from the dialog */
   focusableContainers: _propTypes.default.arrayOf(_propTypes.default.shape({
     current: _propTypes.default.any
   })),
+
   /** Optional selector to identify the focusable elements, if not provided a default selector is used */
   focusableSelectors: _propTypes.default.string
 };

package/lib/components/dialog-full-screen/dialog-full-screen.style.js

@@ -4,16 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 var _base = _interopRequireDefault(require("../../style/themes/base"));
+
 var _content = _interopRequireDefault(require("./content.style"));
+
 var _iconButton = _interopRequireDefault(require("../icon-button/icon-button.style"));
+
 var _fullScreenHeading = _interopRequireDefault(require("../../__internal__/full-screen-heading/full-screen-heading.style"));
+
 var _heading = require("../heading/heading.style");
+
 var _form = require("../form/form.style");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const StyledDialogFullScreen = _styledComponents.default.div`
   :focus {
     outline: none;

package/lib/components/dialog-full-screen/index.js

@@ -9,5 +9,7 @@ Object.defineProperty(exports, "default", {
     return _dialogFullScreen.default;
   }
 });
+
 var _dialogFullScreen = _interopRequireDefault(require("./dialog-full-screen.component"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/dismissible-box/dismissible-box.component.js

@@ -4,13 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.DismissibleBox = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _dismissibleBox = require("./dismissible-box.style");
+
 var _iconButton = _interopRequireDefault(require("../icon-button"));
+
 var _icon = _interopRequireDefault(require("../icon"));
+
 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); }
+
 const DismissibleBox = ({
   children,
   onClose,
@@ -28,6 +36,7 @@ const DismissibleBox = ({
   type: "close",
   color: "--colorsActionMinor500"
 }))));
+
 exports.DismissibleBox = DismissibleBox;
 DismissibleBox.propTypes = {
   "alignContent": _propTypes.default.oneOfType([_propTypes.default.oneOf(["-moz-initial", "baseline", "center", "end", "flex-end", "flex-start", "inherit", "initial", "normal", "revert", "space-around", "space-between", "space-evenly", "start", "stretch", "unset"]), _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(["-moz-initial", "baseline", "center", "end", "flex-end", "flex-start", "inherit", "initial", "normal", "revert", "space-around", "space-between", "space-evenly", "start", "stretch", "unset", null]), _propTypes.default.shape({

package/lib/components/dismissible-box/dismissible-box.style.js

@@ -4,12 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledDismissibleBox = void 0;
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 var _box = _interopRequireDefault(require("../box"));
+
 var _icon = _interopRequireDefault(require("../icon/icon.style"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const StyledDismissibleBox = (0, _styledComponents.default)(_box.default)`
   ${({
   hasBorderLeftHighlight = true,

package/lib/components/dismissible-box/index.js

@@ -9,5 +9,7 @@ Object.defineProperty(exports, "default", {
     return _dismissibleBox.default;
   }
 });
+
 var _dismissibleBox = _interopRequireDefault(require("./dismissible-box.component"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/draggable/draggable-container.component.js

@@ -4,19 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _reactDnd = require("react-dnd");
+
 var _reactDndHtml5Backend = require("react-dnd-html5-backend");
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
+
 var _utils = require("../../style/utils");
+
 var _draggableItem = _interopRequireDefault(require("./draggable-item.component"));
+
 var _draggableItem2 = require("./draggable-item.style");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 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 marginPropTypes = (0, _utils.filterStyledSystemMarginProps)(_propTypes2.default);
+
 const DropTarget = ({
   children,
   getOrder,
@@ -24,14 +38,17 @@ const DropTarget = ({
 }) => {
   const [, drop] = (0, _reactDnd.useDrop)({
     accept: "draggableItem",
+
     drop() {
       getOrder();
     }
+
   });
   return /*#__PURE__*/_react.default.createElement(_draggableItem2.StyledDraggableContainer, _extends({
     ref: drop
   }, rest), children);
 };
+
 const DraggableContainer = ({
   children,
   getOrder,
@@ -46,6 +63,7 @@ const DraggableContainer = ({
       isFirstRender.current = false;
     }
   }, [children]);
+
   const findItem = id => {
     const draggableItem = draggableItems.filter(item => {
       return `${item.props.id}` === id;
@@ -55,6 +73,7 @@ const DraggableContainer = ({
       index: draggableItems.indexOf(draggableItem)
     };
   };
+
   const moveItem = (id, atIndex) => {
     const {
       draggableItem,
@@ -66,13 +85,16 @@ const DraggableContainer = ({
     copyOfDraggableItems.splice(atIndex, 0, draggableItem);
     setDraggableItems(copyOfDraggableItems);
   };
+
   const getItemsId = () => {
     if (!getOrder) {
       return;
     }
+
     const draggableItemIds = draggableItems.map(draggableItem => draggableItem.props.id);
     getOrder(draggableItemIds);
   };
+
   const marginProps = (0, _utils.filterStyledSystemMarginProps)(rest);
   return /*#__PURE__*/_react.default.createElement(_reactDnd.DndProvider, {
     backend: _reactDndHtml5Backend.HTML5Backend
@@ -87,10 +109,12 @@ const DraggableContainer = ({
     type: "drag"
   })]))));
 };
-DraggableContainer.propTypes = {
-  ...marginPropTypes,
+
+DraggableContainer.propTypes = { ...marginPropTypes,
+
   /** Callback fired when order is changed */
   getOrder: _propTypes.default.func,
+
   /**
    * The content of the component
    *
@@ -99,19 +123,21 @@ DraggableContainer.propTypes = {
   children: (props, propName, componentName) => {
     const prop = props[propName];
     let error;
+
     _react.default.Children.forEach(prop, child => {
       if (!child) {
         return;
       }
+
       if (_draggableItem.default.displayName !== child.type.displayName) {
         error = new Error(`\`${componentName}\` only accepts children of type \`${_draggableItem.default.displayName}\`.`);
       }
     });
+
     return error;
   }
 };
-DropTarget.propTypes = {
-  ...marginPropTypes,
+DropTarget.propTypes = { ...marginPropTypes,
   children: _propTypes.default.node.isRequired,
   getOrder: _propTypes.default.func
 };