carbon-react 109.5.2 → 109.6.0

package/esm/components/dialog/dialog.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { ModalProps } from "../modal/modal";
+import { ModalProps } from "../modal";
 
 type PaddingValues = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
 

package/esm/components/dialog-full-screen/dialog-full-screen.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { ModalProps } from "../modal/modal";
+import { ModalProps } from "../modal";
 
 export interface DialogFullScreenProps extends ModalProps {
   /** Prop to specify the aria-describedby property of the DialogFullscreen component */

package/esm/components/modal/__internal__/modal-manager.d.ts

@@ -1,9 +1,22 @@
-export default ModalManager;
-export class ModalManagerInstance {
-    addModal: (modal: any, setTriggerRefocusFlag: any) => void;
-    isTopmost(modal: any): boolean;
-    removeModal(modal: any): void;
+declare type SetTriggerRefocusFlag = (boolean: boolean) => void;
+declare type ModalList = {
+    modal: HTMLElement;
+    setTriggerRefocusFlag?: SetTriggerRefocusFlag;
+}[];
+declare global {
+    interface Window {
+        __CARBON_INTERNALS_MODAL_LIST?: ModalList;
+    }
+}
+declare class ModalManagerInstance {
+    private modalList;
+    constructor();
+    private getTopModal;
+    addModal: (modal: HTMLElement | null, setTriggerRefocusFlag?: SetTriggerRefocusFlag | undefined) => void;
+    isTopmost(modal: HTMLElement | null): boolean;
+    removeModal(modal: HTMLElement | null): void;
     clearList(): void;
-    #private;
 }
 declare const ModalManager: ModalManagerInstance;
+export { ModalManagerInstance };
+export default ModalManager;

package/esm/components/modal/__internal__/modal-manager.js

@@ -6,44 +6,27 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
-
-function _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
-
-function _classApplyDescriptorGet(receiver, descriptor) { if (descriptor.get) { return descriptor.get.call(receiver); } return descriptor.value; }
-
-function _classPrivateFieldSet(receiver, privateMap, value) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set"); _classApplyDescriptorSet(receiver, descriptor, value); return value; }
-
-function _classExtractFieldDescriptor(receiver, privateMap, action) { if (!privateMap.has(receiver)) { throw new TypeError("attempted to " + action + " private field on non-instance"); } return privateMap.get(receiver); }
-
-function _classApplyDescriptorSet(receiver, descriptor, value) { if (descriptor.set) { descriptor.set.call(receiver, value); } else { if (!descriptor.writable) { throw new TypeError("attempted to set read only private field"); } descriptor.value = value; } }
-
-var _modalList = /*#__PURE__*/new WeakMap();
-
-var _getTopModal = /*#__PURE__*/new WeakSet();
-
 let ModalManagerInstance = /*#__PURE__*/function () {
   function ModalManagerInstance() {
     _classCallCheck(this, ModalManagerInstance);
 
-    _getTopModal.add(this);
-
-    _modalList.set(this, {
-      writable: true,
-      value: void 0
-    });
+    _defineProperty(this, "modalList", void 0);
 
     _defineProperty(this, "addModal", (modal, setTriggerRefocusFlag) => {
+      if (!modal) {
+        return;
+      }
+
       const {
         modal: topModal,
         setTriggerRefocusFlag: setTrapFlag
-      } = _classPrivateMethodGet(this, _getTopModal, _getTopModal2).call(this);
+      } = this.getTopModal();
 
       if (topModal && setTrapFlag) {
         setTrapFlag(false);
       }
 
-      _classPrivateFieldGet(this, _modalList).push({
+      this.modalList.push({
         modal,
         setTriggerRefocusFlag
       });
@@ -55,15 +38,24 @@ let ModalManagerInstance = /*#__PURE__*/function () {
       window.__CARBON_INTERNALS_MODAL_LIST = [];
     }
 
-    _classPrivateFieldSet(this, _modalList, window.__CARBON_INTERNALS_MODAL_LIST);
+    this.modalList = window.__CARBON_INTERNALS_MODAL_LIST;
   }
 
   _createClass(ModalManagerInstance, [{
+    key: "getTopModal",
+    value: function getTopModal() {
+      if (!this.modalList.length) {
+        return {};
+      }
+
+      return this.modalList[this.modalList.length - 1];
+    }
+  }, {
     key: "isTopmost",
     value: function isTopmost(modal) {
       const {
         modal: topModal
-      } = _classPrivateMethodGet(this, _getTopModal, _getTopModal2).call(this);
+      } = this.getTopModal();
 
       if (!modal || !topModal) {
         return false;
@@ -74,7 +66,7 @@ let ModalManagerInstance = /*#__PURE__*/function () {
   }, {
     key: "removeModal",
     value: function removeModal(modal) {
-      const modalIndex = _classPrivateFieldGet(this, _modalList).findIndex(({
+      const modalIndex = this.modalList.findIndex(({
         modal: m
       }) => m === modal);
 
@@ -82,15 +74,15 @@ let ModalManagerInstance = /*#__PURE__*/function () {
         return;
       }
 
-      _classPrivateFieldGet(this, _modalList).splice(modalIndex, 1);
+      this.modalList.splice(modalIndex, 1);
 
-      if (!_classPrivateFieldGet(this, _modalList).length) {
+      if (!this.modalList.length) {
         return;
       }
 
       const {
         setTriggerRefocusFlag
-      } = _classPrivateMethodGet(this, _getTopModal, _getTopModal2).call(this);
+      } = this.getTopModal();
 
       if (setTriggerRefocusFlag) {
         setTriggerRefocusFlag(true);
@@ -100,22 +92,13 @@ let ModalManagerInstance = /*#__PURE__*/function () {
     key: "clearList",
     value: function clearList() {
       window.__CARBON_INTERNALS_MODAL_LIST = [];
-
-      _classPrivateFieldSet(this, _modalList, window.__CARBON_INTERNALS_MODAL_LIST);
+      this.modalList = window.__CARBON_INTERNALS_MODAL_LIST;
     }
   }]);
 
   return ModalManagerInstance;
 }();
 
-function _getTopModal2() {
-  if (!_classPrivateFieldGet(this, _modalList).length) {
-    return {};
-  }
-
-  return _classPrivateFieldGet(this, _modalList)[_classPrivateFieldGet(this, _modalList).length - 1];
-}
-
 const ModalManager = new ModalManagerInstance();
 export { ModalManagerInstance };
 export default ModalManager;

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

@@ -1 +1,2 @@
 export { default, ModalContext } from "./modal.component";
+export type { ModalProps, ModalContextProps } from "./modal.component";

package/esm/components/modal/modal.component.d.ts

@@ -1,35 +1,46 @@
-export const ModalContext: React.Context<{}>;
-export default Modal;
 import React from "react";
-declare function Modal({ children, open, onCancel, disableEscKey, disableClose, enableBackgroundUI, timeout, ...rest }: {
-    [x: string]: any;
-    children: any;
-    open: any;
-    onCancel: any;
-    disableEscKey: any;
-    disableClose: any;
-    enableBackgroundUI: any;
-    timeout: any;
-}): JSX.Element;
-declare namespace Modal {
-    namespace propTypes {
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const onCancel: PropTypes.Requireable<(...args: any[]) => any>;
-        const open: PropTypes.Validator<boolean>;
-        const enableBackgroundUI: PropTypes.Requireable<boolean>;
-        const disableEscKey: PropTypes.Requireable<boolean>;
-        const disableClose: PropTypes.Requireable<boolean>;
-        const timeout: PropTypes.Requireable<number>;
-    }
-    namespace defaultProps {
-        const onCancel_1: null;
-        export { onCancel_1 as onCancel };
-        const enableBackgroundUI_1: boolean;
-        export { enableBackgroundUI_1 as enableBackgroundUI };
-        const disableEscKey_1: boolean;
-        export { disableEscKey_1 as disableEscKey };
-        const timeout_1: number;
-        export { timeout_1 as timeout };
-    }
-}
 import PropTypes from "prop-types";
+export interface ModalContextProps {
+    isInModal?: boolean;
+    isAnimationComplete?: boolean;
+    triggerRefocusFlag?: boolean;
+}
+export declare const ModalContext: React.Context<ModalContextProps>;
+export interface ModalProps {
+    /** Modal content */
+    children?: React.ReactNode;
+    /** The ARIA role to be applied to the modal */
+    ariaRole?: string;
+    /** Determines if the Esc Key closes the modal */
+    disableEscKey?: boolean;
+    /** Determines if the Dialog can be closed */
+    disableClose?: boolean;
+    /** Determines if the background is disabled when the modal is open */
+    enableBackgroundUI?: boolean;
+    /** A custom close event handler */
+    onCancel?: (ev: React.KeyboardEvent<HTMLElement>) => void;
+    /** Sets the open state of the modal */
+    open: boolean;
+    /** Transition time */
+    timeout?: number;
+}
+declare const Modal: {
+    ({ children, open, onCancel, disableEscKey, disableClose, enableBackgroundUI, timeout, ...rest }: ModalProps): JSX.Element;
+    propTypes: {
+        /** Modal content */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** A custom close event handler */
+        onCancel: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Controls the open state of the modal */
+        open: PropTypes.Validator<boolean>;
+        /** Determines if the background is disabled when the modal is open */
+        enableBackgroundUI: PropTypes.Requireable<boolean>;
+        /** Determines if the Esc Key closes the modal */
+        disableEscKey: PropTypes.Requireable<boolean>;
+        /** Determines if the Dialog can be closed */
+        disableClose: PropTypes.Requireable<boolean>;
+        /** Transition time */
+        timeout: PropTypes.Requireable<number>;
+    };
+};
+export default Modal;

package/esm/components/modal/modal.component.js

@@ -2,6 +2,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 import React, { useEffect, useRef, useCallback, useState } from "react";
 import PropTypes from "prop-types";
+import PropTypes from "prop-types";
 import { TransitionGroup, CSSTransition } from "react-transition-group";
 import useScrollBlock from "../../hooks/__internal__/useScrollBlock";
 import Portal from "../portal";
@@ -14,15 +15,15 @@ const Modal = ({
   children,
   open,
   onCancel,
-  disableEscKey,
+  disableEscKey = false,
   disableClose,
-  enableBackgroundUI,
-  timeout,
+  enableBackgroundUI = false,
+  timeout = 300,
   ...rest
 }) => {
-  const ref = useRef();
-  const backgroundNodeRef = useRef();
-  const contentNodeRef = useRef();
+  const ref = useRef(null);
+  const backgroundNodeRef = useRef(null);
+  const contentNodeRef = useRef(null);
   const [isAnimationComplete, setAnimationComplete] = useState(false);
   const [triggerRefocusFlag, setTriggerRefocusFlag] = useState(false);
   const {
@@ -90,9 +91,10 @@ const Modal = ({
       isAnimationComplete,
       triggerRefocusFlag,
       isInModal: true
-    },
+    }
+  }, /*#__PURE__*/React.createElement("div", {
     ref: contentNodeRef
-  }, content)))));
+  }, content))))));
 };
 
 Modal.propTypes = {
@@ -117,10 +119,4 @@ Modal.propTypes = {
   /** Transition time */
   timeout: PropTypes.number
 };
-Modal.defaultProps = {
-  onCancel: null,
-  enableBackgroundUI: false,
-  disableEscKey: false,
-  timeout: 300
-};
 export default Modal;

package/esm/components/modal/modal.style.d.ts

@@ -1,2 +1,7 @@
-export const StyledModal: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledModalBackground: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare type TransitionProps = {
+    transitionName: string;
+    transitionTime: number;
+};
+declare const StyledModalBackground: import("styled-components").StyledComponent<"div", any, TransitionProps, never>;
+declare const StyledModal: import("styled-components").StyledComponent<"div", any, TransitionProps, never>;
+export { StyledModal, StyledModalBackground };

package/lib/components/dialog/dialog.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { ModalProps } from "../modal/modal";
+import { ModalProps } from "../modal";
 
 type PaddingValues = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
 

package/lib/components/dialog-full-screen/dialog-full-screen.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { ModalProps } from "../modal/modal";
+import { ModalProps } from "../modal";
 
 export interface DialogFullScreenProps extends ModalProps {
   /** Prop to specify the aria-describedby property of the DialogFullscreen component */

package/lib/components/modal/__internal__/modal-manager.d.ts

@@ -1,9 +1,22 @@
-export default ModalManager;
-export class ModalManagerInstance {
-    addModal: (modal: any, setTriggerRefocusFlag: any) => void;
-    isTopmost(modal: any): boolean;
-    removeModal(modal: any): void;
+declare type SetTriggerRefocusFlag = (boolean: boolean) => void;
+declare type ModalList = {
+    modal: HTMLElement;
+    setTriggerRefocusFlag?: SetTriggerRefocusFlag;
+}[];
+declare global {
+    interface Window {
+        __CARBON_INTERNALS_MODAL_LIST?: ModalList;
+    }
+}
+declare class ModalManagerInstance {
+    private modalList;
+    constructor();
+    private getTopModal;
+    addModal: (modal: HTMLElement | null, setTriggerRefocusFlag?: SetTriggerRefocusFlag | undefined) => void;
+    isTopmost(modal: HTMLElement | null): boolean;
+    removeModal(modal: HTMLElement | null): void;
     clearList(): void;
-    #private;
 }
 declare const ModalManager: ModalManagerInstance;
+export { ModalManagerInstance };
+export default ModalManager;

package/lib/components/modal/__internal__/modal-manager.js

@@ -13,44 +13,27 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
-
-function _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
-
-function _classApplyDescriptorGet(receiver, descriptor) { if (descriptor.get) { return descriptor.get.call(receiver); } return descriptor.value; }
-
-function _classPrivateFieldSet(receiver, privateMap, value) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set"); _classApplyDescriptorSet(receiver, descriptor, value); return value; }
-
-function _classExtractFieldDescriptor(receiver, privateMap, action) { if (!privateMap.has(receiver)) { throw new TypeError("attempted to " + action + " private field on non-instance"); } return privateMap.get(receiver); }
-
-function _classApplyDescriptorSet(receiver, descriptor, value) { if (descriptor.set) { descriptor.set.call(receiver, value); } else { if (!descriptor.writable) { throw new TypeError("attempted to set read only private field"); } descriptor.value = value; } }
-
-var _modalList = /*#__PURE__*/new WeakMap();
-
-var _getTopModal = /*#__PURE__*/new WeakSet();
-
 let ModalManagerInstance = /*#__PURE__*/function () {
   function ModalManagerInstance() {
     _classCallCheck(this, ModalManagerInstance);
 
-    _getTopModal.add(this);
-
-    _modalList.set(this, {
-      writable: true,
-      value: void 0
-    });
+    _defineProperty(this, "modalList", void 0);
 
     _defineProperty(this, "addModal", (modal, setTriggerRefocusFlag) => {
+      if (!modal) {
+        return;
+      }
+
       const {
         modal: topModal,
         setTriggerRefocusFlag: setTrapFlag
-      } = _classPrivateMethodGet(this, _getTopModal, _getTopModal2).call(this);
+      } = this.getTopModal();
 
       if (topModal && setTrapFlag) {
         setTrapFlag(false);
       }
 
-      _classPrivateFieldGet(this, _modalList).push({
+      this.modalList.push({
         modal,
         setTriggerRefocusFlag
       });
@@ -62,15 +45,24 @@ let ModalManagerInstance = /*#__PURE__*/function () {
       window.__CARBON_INTERNALS_MODAL_LIST = [];
     }
 
-    _classPrivateFieldSet(this, _modalList, window.__CARBON_INTERNALS_MODAL_LIST);
+    this.modalList = window.__CARBON_INTERNALS_MODAL_LIST;
   }
 
   _createClass(ModalManagerInstance, [{
+    key: "getTopModal",
+    value: function getTopModal() {
+      if (!this.modalList.length) {
+        return {};
+      }
+
+      return this.modalList[this.modalList.length - 1];
+    }
+  }, {
     key: "isTopmost",
     value: function isTopmost(modal) {
       const {
         modal: topModal
-      } = _classPrivateMethodGet(this, _getTopModal, _getTopModal2).call(this);
+      } = this.getTopModal();
 
       if (!modal || !topModal) {
         return false;
@@ -81,7 +73,7 @@ let ModalManagerInstance = /*#__PURE__*/function () {
   }, {
     key: "removeModal",
     value: function removeModal(modal) {
-      const modalIndex = _classPrivateFieldGet(this, _modalList).findIndex(({
+      const modalIndex = this.modalList.findIndex(({
         modal: m
       }) => m === modal);
 
@@ -89,15 +81,15 @@ let ModalManagerInstance = /*#__PURE__*/function () {
         return;
       }
 
-      _classPrivateFieldGet(this, _modalList).splice(modalIndex, 1);
+      this.modalList.splice(modalIndex, 1);
 
-      if (!_classPrivateFieldGet(this, _modalList).length) {
+      if (!this.modalList.length) {
         return;
       }
 
       const {
         setTriggerRefocusFlag
-      } = _classPrivateMethodGet(this, _getTopModal, _getTopModal2).call(this);
+      } = this.getTopModal();
 
       if (setTriggerRefocusFlag) {
         setTriggerRefocusFlag(true);
@@ -107,8 +99,7 @@ let ModalManagerInstance = /*#__PURE__*/function () {
     key: "clearList",
     value: function clearList() {
       window.__CARBON_INTERNALS_MODAL_LIST = [];
-
-      _classPrivateFieldSet(this, _modalList, window.__CARBON_INTERNALS_MODAL_LIST);
+      this.modalList = window.__CARBON_INTERNALS_MODAL_LIST;
     }
   }]);
 
@@ -116,15 +107,6 @@ let ModalManagerInstance = /*#__PURE__*/function () {
 }();
 
 exports.ModalManagerInstance = ModalManagerInstance;
-
-function _getTopModal2() {
-  if (!_classPrivateFieldGet(this, _modalList).length) {
-    return {};
-  }
-
-  return _classPrivateFieldGet(this, _modalList)[_classPrivateFieldGet(this, _modalList).length - 1];
-}
-
 const ModalManager = new ModalManagerInstance();
 var _default = ModalManager;
 exports.default = _default;

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

@@ -1 +1,2 @@
 export { default, ModalContext } from "./modal.component";
+export type { ModalProps, ModalContextProps } from "./modal.component";

package/lib/components/modal/modal.component.d.ts

@@ -1,35 +1,46 @@
-export const ModalContext: React.Context<{}>;
-export default Modal;
 import React from "react";
-declare function Modal({ children, open, onCancel, disableEscKey, disableClose, enableBackgroundUI, timeout, ...rest }: {
-    [x: string]: any;
-    children: any;
-    open: any;
-    onCancel: any;
-    disableEscKey: any;
-    disableClose: any;
-    enableBackgroundUI: any;
-    timeout: any;
-}): JSX.Element;
-declare namespace Modal {
-    namespace propTypes {
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const onCancel: PropTypes.Requireable<(...args: any[]) => any>;
-        const open: PropTypes.Validator<boolean>;
-        const enableBackgroundUI: PropTypes.Requireable<boolean>;
-        const disableEscKey: PropTypes.Requireable<boolean>;
-        const disableClose: PropTypes.Requireable<boolean>;
-        const timeout: PropTypes.Requireable<number>;
-    }
-    namespace defaultProps {
-        const onCancel_1: null;
-        export { onCancel_1 as onCancel };
-        const enableBackgroundUI_1: boolean;
-        export { enableBackgroundUI_1 as enableBackgroundUI };
-        const disableEscKey_1: boolean;
-        export { disableEscKey_1 as disableEscKey };
-        const timeout_1: number;
-        export { timeout_1 as timeout };
-    }
-}
 import PropTypes from "prop-types";
+export interface ModalContextProps {
+    isInModal?: boolean;
+    isAnimationComplete?: boolean;
+    triggerRefocusFlag?: boolean;
+}
+export declare const ModalContext: React.Context<ModalContextProps>;
+export interface ModalProps {
+    /** Modal content */
+    children?: React.ReactNode;
+    /** The ARIA role to be applied to the modal */
+    ariaRole?: string;
+    /** Determines if the Esc Key closes the modal */
+    disableEscKey?: boolean;
+    /** Determines if the Dialog can be closed */
+    disableClose?: boolean;
+    /** Determines if the background is disabled when the modal is open */
+    enableBackgroundUI?: boolean;
+    /** A custom close event handler */
+    onCancel?: (ev: React.KeyboardEvent<HTMLElement>) => void;
+    /** Sets the open state of the modal */
+    open: boolean;
+    /** Transition time */
+    timeout?: number;
+}
+declare const Modal: {
+    ({ children, open, onCancel, disableEscKey, disableClose, enableBackgroundUI, timeout, ...rest }: ModalProps): JSX.Element;
+    propTypes: {
+        /** Modal content */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** A custom close event handler */
+        onCancel: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Controls the open state of the modal */
+        open: PropTypes.Validator<boolean>;
+        /** Determines if the background is disabled when the modal is open */
+        enableBackgroundUI: PropTypes.Requireable<boolean>;
+        /** Determines if the Esc Key closes the modal */
+        disableEscKey: PropTypes.Requireable<boolean>;
+        /** Determines if the Dialog can be closed */
+        disableClose: PropTypes.Requireable<boolean>;
+        /** Transition time */
+        timeout: PropTypes.Requireable<number>;
+    };
+};
+export default Modal;

package/lib/components/modal/modal.component.js

@@ -37,15 +37,15 @@ const Modal = ({
   children,
   open,
   onCancel,
-  disableEscKey,
+  disableEscKey = false,
   disableClose,
-  enableBackgroundUI,
-  timeout,
+  enableBackgroundUI = false,
+  timeout = 300,
   ...rest
 }) => {
-  const ref = (0, _react.useRef)();
-  const backgroundNodeRef = (0, _react.useRef)();
-  const contentNodeRef = (0, _react.useRef)();
+  const ref = (0, _react.useRef)(null);
+  const backgroundNodeRef = (0, _react.useRef)(null);
+  const contentNodeRef = (0, _react.useRef)(null);
   const [isAnimationComplete, setAnimationComplete] = (0, _react.useState)(false);
   const [triggerRefocusFlag, setTriggerRefocusFlag] = (0, _react.useState)(false);
   const {
@@ -113,9 +113,10 @@ const Modal = ({
       isAnimationComplete,
       triggerRefocusFlag,
       isInModal: true
-    },
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
     ref: contentNodeRef
-  }, content)))));
+  }, content))))));
 };
 
 Modal.propTypes = {
@@ -140,11 +141,5 @@ Modal.propTypes = {
   /** Transition time */
   timeout: _propTypes.default.number
 };
-Modal.defaultProps = {
-  onCancel: null,
-  enableBackgroundUI: false,
-  disableEscKey: false,
-  timeout: 300
-};
 var _default = Modal;
 exports.default = _default;

package/lib/components/modal/modal.style.d.ts

@@ -1,2 +1,7 @@
-export const StyledModal: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledModalBackground: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare type TransitionProps = {
+    transitionName: string;
+    transitionTime: number;
+};
+declare const StyledModalBackground: import("styled-components").StyledComponent<"div", any, TransitionProps, never>;
+declare const StyledModal: import("styled-components").StyledComponent<"div", any, TransitionProps, never>;
+export { StyledModal, StyledModalBackground };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "109.5.2",
+  "version": "109.6.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "engineStrict": true,
   "engines": {
@@ -98,7 +98,7 @@
     "@types/react-dom": "^17.0.2",
     "@types/react-is": "^17.0.3",
     "@types/react-test-renderer": "^17.0.1",
-    "@types/react-transition-group": "^4.4.4",
+    "@types/react-transition-group": "^4.4.5",
     "@types/sprintf-js": "^1.1.2",
     "@types/styled-components": "^5.1.9",
     "@types/uuid": "^8.3.3",
@@ -192,7 +192,7 @@
     "react-dnd": "^15.1.1",
     "react-dnd-html5-backend": "^15.1.2",
     "react-is": "^17.0.2",
-    "react-transition-group": "^4.4.1",
+    "react-transition-group": "^4.4.2",
     "styled-system": "^5.1.5",
     "wait-on": "^5.2.1"
   },

package/esm/components/modal/modal.d.ts

@@ -1,35 +0,0 @@
-import * as React from "react";
-
-export interface ModalContextProps {
-  value?: {
-    isInModal?: boolean;
-    isAnimationComplete?: boolean;
-    triggerRefocusFlag?: boolean;
-  };
-  ref?: React.MutableRefObject<React.ReactNode>;
-}
-
-export interface ModalProps {
-  /** Modal content */
-  children?: React.ReactNode;
-  /** The ARIA role to be applied to the modal */
-  ariaRole?: string;
-  /** Determines if the Esc Key closes the modal */
-  disableEscKey?: boolean;
-  /** Determines if the Dialog can be closed */
-  disableClose?: boolean;
-  /** Determines if the background is disabled when the modal is open */
-  enableBackgroundUI?: boolean;
-  /** A custom close event handler */
-  onCancel?: (ev: React.KeyboardEvent<HTMLElement>) => void;
-  /** Sets the open state of the modal */
-  open: boolean;
-  /** Transition time */
-  timeout?: number;
-}
-
-declare const ModelContext: React.Context<ModalContextProps>;
-declare function Modal(props: ModalProps): JSX.Element;
-
-export { ModalContext };
-export default Modal;

package/lib/components/modal/modal.d.ts

@@ -1,35 +0,0 @@
-import * as React from "react";
-
-export interface ModalContextProps {
-  value?: {
-    isInModal?: boolean;
-    isAnimationComplete?: boolean;
-    triggerRefocusFlag?: boolean;
-  };
-  ref?: React.MutableRefObject<React.ReactNode>;
-}
-
-export interface ModalProps {
-  /** Modal content */
-  children?: React.ReactNode;
-  /** The ARIA role to be applied to the modal */
-  ariaRole?: string;
-  /** Determines if the Esc Key closes the modal */
-  disableEscKey?: boolean;
-  /** Determines if the Dialog can be closed */
-  disableClose?: boolean;
-  /** Determines if the background is disabled when the modal is open */
-  enableBackgroundUI?: boolean;
-  /** A custom close event handler */
-  onCancel?: (ev: React.KeyboardEvent<HTMLElement>) => void;
-  /** Sets the open state of the modal */
-  open: boolean;
-  /** Transition time */
-  timeout?: number;
-}
-
-declare const ModelContext: React.Context<ModalContextProps>;
-declare function Modal(props: ModalProps): JSX.Element;
-
-export { ModalContext };
-export default Modal;