@bigbinary/neetoui 8.3.56 → 8.3.57

package/dist/Modal.js

@@ -157,7 +157,6 @@ var Modal = function Modal(_ref) {
         return setHasTransitionCompleted(false);
       },
       children: /*#__PURE__*/jsx(Backdrop, {
-        "data-testid": "backdrop",
         ref: backdropRef,
         className: classnames("neeto-ui-modal__backdrop", {
           "neeto-ui-modal__backdrop--fullscreen": isFullScreenModal

package/dist/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../src/components/Modal/Body.jsx","../src/components/Modal/Footer.jsx","../src/components/Modal/Header.jsx","../src/components/Modal/MemoizedChildren.js","../src/components/Modal/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Body = ({ children, className, dataTestid }) => (\n  <div\n    className={classnames(\"neeto-ui-modal__body\", className)}\n    data-testid={dataTestid ?? \"modal-body\"}\n  >\n    {children}\n  </div>\n);\n\nBody.propTypes = {\n  /**\n   * To specify className to be applied to the Modal Body.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Modal Body.\n   */\n  children: PropTypes.node,\n};\n\nexport default Body;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Footer = ({ children, className, dataTestid }) => (\n  <div\n    className={classnames(\"neeto-ui-modal__footer\", className)}\n    data-testid={dataTestid ?? \"modal-footer\"}\n  >\n    {children}\n  </div>\n);\n\nFooter.propTypes = {\n  /**\n   * To specify className to be applied to the Modal Footer.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Modal Footer.\n   */\n  children: PropTypes.node,\n};\n\nexport default Footer;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport Typography from \"../Typography\";\n\nconst Header = ({ description = \"\", children, className, dataTestid }) => (\n  <div\n    className={classnames(\"neeto-ui-modal__header\", className)}\n    data-testid={dataTestid ?? \"modal-header\"}\n  >\n    {children}\n    {description && (\n      <div\n        className=\"neeto-ui-modal__header-desc\"\n        data-testid=\"modal-header-desc\"\n      >\n        <Typography lineHeight=\"normal\" style=\"body2\">\n          {description}\n        </Typography>\n      </div>\n    )}\n  </div>\n);\n\nHeader.propTypes = {\n  /**\n   * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-success mb-2\">\n   * New\n   * </div>\n   * To specify the short description of the Modal.\n   */\n  description: PropTypes.string,\n  /**\n   * To specify className to be applied to the Modal Header container.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Modal Header.\n   */\n  children: PropTypes.node,\n};\n\nexport default Header;\n","import React from \"react\";\n\nconst MemoizedChildren = React.memo(\n  ({ children }) => children,\n  (_, { shouldUpdate }) => !shouldUpdate\n);\n\nMemoizedChildren.displayName = \"MemoizedChildren\";\n\nexport default MemoizedChildren;\n","import React, { useRef, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { Close } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\nimport { CSSTransition } from \"react-transition-group\";\n\nimport Backdrop from \"atoms/Backdrop\";\nimport Portal from \"atoms/Portal\";\nimport Button from \"components/Button\";\nimport { useOverlayManager, useOverlay } from \"hooks\";\n\nimport Body from \"./Body\";\nimport Footer from \"./Footer\";\nimport Header from \"./Header\";\nimport MemoizedChildren from \"./MemoizedChildren\";\n\nconst SIZES = {\n  small: \"small\",\n  medium: \"medium\",\n  large: \"large\",\n  fullScreen: \"fullScreen\",\n};\n\nconst Modal = ({\n  size = SIZES.medium,\n  isOpen = false,\n  onClose = () => {},\n  children,\n  finalFocusRef,\n  initialFocusRef,\n  className = \"\",\n  closeOnEsc = true,\n  closeButton = true,\n  backdropClassName = \"\",\n  blockScrollOnMount = true,\n  closeOnOutsideClick = true,\n  forceRender = false,\n  ...otherProps\n}) => {\n  const [hasTransitionCompleted, setHasTransitionCompleted] = useState(false);\n\n  const modalWrapper = useRef(null);\n  const backdropRef = useRef(null);\n\n  useOverlayManager(modalWrapper, isOpen);\n\n  const { handleOverlayClose, setFocusField } = useOverlay({\n    isOpen,\n    initialFocusRef,\n    finalFocusRef,\n    overlayWrapper: modalWrapper,\n    onClose,\n    backdropRef,\n    closeOnOutsideClick,\n    closeOnEsc,\n    blockScrollOnMount,\n    hasTransitionCompleted,\n  });\n\n  const isFullScreenModal = size === SIZES.fullScreen;\n\n  return (\n    <Portal rootId=\"neeto-ui-portal\">\n      <CSSTransition\n        unmountOnExit\n        appear={isOpen}\n        classNames=\"neeto-ui-modal\"\n        in={isOpen}\n        timeout={300}\n        onEntered={() => setHasTransitionCompleted(true)}\n        onExited={() => setHasTransitionCompleted(false)}\n      >\n        <Backdrop\n          data-testid=\"backdrop\"\n          key=\"modal-backdrop\"\n          ref={backdropRef}\n          className={classnames(\n            \"neeto-ui-modal__backdrop\",\n            {\n              \"neeto-ui-modal__backdrop--fullscreen\": isFullScreenModal,\n            },\n            backdropClassName\n          )}\n        >\n          <div\n            aria-modal\n            key=\"modal-wrapper\"\n            ref={modalWrapper}\n            role=\"dialog\"\n            className={classnames(\"neeto-ui-modal__wrapper\", {\n              \"neeto-ui-modal__wrapper--small\": size === SIZES.small,\n              \"neeto-ui-modal__wrapper--medium\": size === SIZES.medium,\n              \"neeto-ui-modal__wrapper--large\": size === SIZES.large,\n              \"neeto-ui-modal__wrapper--fullscreen\": isFullScreenModal,\n              [className]: className,\n            })}\n            {...otherProps}\n          >\n            {closeButton && (\n              <Button\n                aria-label=\"Close\"\n                className=\"neeto-ui-modal__close\"\n                data-testid=\"modal-close-button\"\n                icon={Close}\n                size={isFullScreenModal ? \"large\" : \"small\"}\n                style={isFullScreenModal ? \"secondary\" : \"text\"}\n                onClick={handleOverlayClose}\n              />\n            )}\n            <MemoizedChildren shouldUpdate={isOpen || forceRender}>\n              {typeof children === \"function\"\n                ? children({ setFocusField })\n                : children}\n            </MemoizedChildren>\n          </div>\n        </Backdrop>\n      </CSSTransition>\n    </Portal>\n  );\n};\n\nModal.propTypes = {\n  /**\n   * To specify the size of the Modal.\n   */\n  size: PropTypes.oneOf(Object.values(SIZES)),\n  /**\n   * To specify whether the Modal is open or not.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * To specify the callback which will be invoked when the Modal is closed.\n   */\n  onClose: PropTypes.func,\n  /**\n   * To specify the content to be rendered inside the Modal component.\n   */\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n  /**\n   * To provide external classNames to the Modal.\n   */\n  className: PropTypes.string,\n  /**\n   * To close the Modal on pressing the Esc key.\n   */\n  closeOnEsc: PropTypes.bool,\n  /**\n   * To specify whether the close button of the Modal should be displayed or not.\n   */\n  closeButton: PropTypes.bool,\n  /**\n   * To add custom classes to backdrop component.\n   */\n  backdropClassName: PropTypes.string,\n  /**\n   * To close on clicking outside the Modal content.\n   */\n  closeOnOutsideClick: PropTypes.bool,\n  /*\n   * To specify the ref of the element which will receive focus when the Modal is closed.\n   * If not specified, the focus will be set to the element which was focused when the Modal was opened.\n   * If the Modal was opened by clicking on a button, then the focus will be set to the button.\n   * */\n  finalFocusRef: PropTypes.object,\n  /**\n   * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-success mb-2\">\n   * New\n   * </div>\n   * To specify the ref of the element which will receive focus when the Modal is opened.\n   * If not specified, the focus will be set to the first focusable element inside the Modal.\n   * */\n  initialFocusRef: PropTypes.object,\n  /**\n   * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-success mb-2\">\n   * New\n   * </div>\n   * To specify whether the scroll should be blocked when the Modal is opened.\n   * */\n  blockScrollOnMount: PropTypes.bool,\n  /**\n   * The modal children will be force re-rendered if the boolean is set to `true`. Ideally the modal won't update\n   * if the `isOpen` is `false`. You can use this prop to override that nature.\n   */\n  forceRender: PropTypes.bool,\n};\n\nModal.Header = Header;\nModal.Body = Body;\nModal.Footer = Footer;\n\nexport default Modal;\n"],"names":["Body","_ref","children","className","dataTestid","_jsx","classnames","Footer","Header","_ref$description","description","_jsxs","Typography","lineHeight","style","MemoizedChildren","React","memo","_","_ref2","shouldUpdate","displayName","SIZES","small","medium","large","fullScreen","Modal","_ref$size","size","_ref$isOpen","isOpen","_ref$onClose","onClose","finalFocusRef","initialFocusRef","_ref$className","_ref$closeOnEsc","closeOnEsc","_ref$closeButton","closeButton","_ref$backdropClassNam","backdropClassName","_ref$blockScrollOnMou","blockScrollOnMount","_ref$closeOnOutsideCl","closeOnOutsideClick","_ref$forceRender","forceRender","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","hasTransitionCompleted","setHasTransitionCompleted","modalWrapper","useRef","backdropRef","useOverlayManager","_useOverlay","useOverlay","overlayWrapper","handleOverlayClose","setFocusField","isFullScreenModal","Portal","rootId","CSSTransition","unmountOnExit","appear","classNames","timeout","onEntered","onExited","Backdrop","ref","_objectSpread","role","_defineProperty","Button","icon","Close","onClick"],"mappings":"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"}
+{"version":3,"file":"Modal.js","sources":["../src/components/Modal/Body.jsx","../src/components/Modal/Footer.jsx","../src/components/Modal/Header.jsx","../src/components/Modal/MemoizedChildren.js","../src/components/Modal/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Body = ({ children, className, dataTestid }) => (\n  <div\n    className={classnames(\"neeto-ui-modal__body\", className)}\n    data-testid={dataTestid ?? \"modal-body\"}\n  >\n    {children}\n  </div>\n);\n\nBody.propTypes = {\n  /**\n   * To specify className to be applied to the Modal Body.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Modal Body.\n   */\n  children: PropTypes.node,\n};\n\nexport default Body;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Footer = ({ children, className, dataTestid }) => (\n  <div\n    className={classnames(\"neeto-ui-modal__footer\", className)}\n    data-testid={dataTestid ?? \"modal-footer\"}\n  >\n    {children}\n  </div>\n);\n\nFooter.propTypes = {\n  /**\n   * To specify className to be applied to the Modal Footer.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Modal Footer.\n   */\n  children: PropTypes.node,\n};\n\nexport default Footer;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport Typography from \"../Typography\";\n\nconst Header = ({ description = \"\", children, className, dataTestid }) => (\n  <div\n    className={classnames(\"neeto-ui-modal__header\", className)}\n    data-testid={dataTestid ?? \"modal-header\"}\n  >\n    {children}\n    {description && (\n      <div\n        className=\"neeto-ui-modal__header-desc\"\n        data-testid=\"modal-header-desc\"\n      >\n        <Typography lineHeight=\"normal\" style=\"body2\">\n          {description}\n        </Typography>\n      </div>\n    )}\n  </div>\n);\n\nHeader.propTypes = {\n  /**\n   * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-success mb-2\">\n   * New\n   * </div>\n   * To specify the short description of the Modal.\n   */\n  description: PropTypes.string,\n  /**\n   * To specify className to be applied to the Modal Header container.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Modal Header.\n   */\n  children: PropTypes.node,\n};\n\nexport default Header;\n","import React from \"react\";\n\nconst MemoizedChildren = React.memo(\n  ({ children }) => children,\n  (_, { shouldUpdate }) => !shouldUpdate\n);\n\nMemoizedChildren.displayName = \"MemoizedChildren\";\n\nexport default MemoizedChildren;\n","import React, { useRef, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { Close } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\nimport { CSSTransition } from \"react-transition-group\";\n\nimport Backdrop from \"atoms/Backdrop\";\nimport Portal from \"atoms/Portal\";\nimport Button from \"components/Button\";\nimport { useOverlayManager, useOverlay } from \"hooks\";\n\nimport Body from \"./Body\";\nimport Footer from \"./Footer\";\nimport Header from \"./Header\";\nimport MemoizedChildren from \"./MemoizedChildren\";\n\nconst SIZES = {\n  small: \"small\",\n  medium: \"medium\",\n  large: \"large\",\n  fullScreen: \"fullScreen\",\n};\n\nconst Modal = ({\n  size = SIZES.medium,\n  isOpen = false,\n  onClose = () => {},\n  children,\n  finalFocusRef,\n  initialFocusRef,\n  className = \"\",\n  closeOnEsc = true,\n  closeButton = true,\n  backdropClassName = \"\",\n  blockScrollOnMount = true,\n  closeOnOutsideClick = true,\n  forceRender = false,\n  ...otherProps\n}) => {\n  const [hasTransitionCompleted, setHasTransitionCompleted] = useState(false);\n\n  const modalWrapper = useRef(null);\n  const backdropRef = useRef(null);\n\n  useOverlayManager(modalWrapper, isOpen);\n\n  const { handleOverlayClose, setFocusField } = useOverlay({\n    isOpen,\n    initialFocusRef,\n    finalFocusRef,\n    overlayWrapper: modalWrapper,\n    onClose,\n    backdropRef,\n    closeOnOutsideClick,\n    closeOnEsc,\n    blockScrollOnMount,\n    hasTransitionCompleted,\n  });\n\n  const isFullScreenModal = size === SIZES.fullScreen;\n\n  return (\n    <Portal rootId=\"neeto-ui-portal\">\n      <CSSTransition\n        unmountOnExit\n        appear={isOpen}\n        classNames=\"neeto-ui-modal\"\n        in={isOpen}\n        timeout={300}\n        onEntered={() => setHasTransitionCompleted(true)}\n        onExited={() => setHasTransitionCompleted(false)}\n      >\n        <Backdrop\n          key=\"modal-backdrop\"\n          ref={backdropRef}\n          className={classnames(\n            \"neeto-ui-modal__backdrop\",\n            {\n              \"neeto-ui-modal__backdrop--fullscreen\": isFullScreenModal,\n            },\n            backdropClassName\n          )}\n        >\n          <div\n            aria-modal\n            key=\"modal-wrapper\"\n            ref={modalWrapper}\n            role=\"dialog\"\n            className={classnames(\"neeto-ui-modal__wrapper\", {\n              \"neeto-ui-modal__wrapper--small\": size === SIZES.small,\n              \"neeto-ui-modal__wrapper--medium\": size === SIZES.medium,\n              \"neeto-ui-modal__wrapper--large\": size === SIZES.large,\n              \"neeto-ui-modal__wrapper--fullscreen\": isFullScreenModal,\n              [className]: className,\n            })}\n            {...otherProps}\n          >\n            {closeButton && (\n              <Button\n                aria-label=\"Close\"\n                className=\"neeto-ui-modal__close\"\n                data-testid=\"modal-close-button\"\n                icon={Close}\n                size={isFullScreenModal ? \"large\" : \"small\"}\n                style={isFullScreenModal ? \"secondary\" : \"text\"}\n                onClick={handleOverlayClose}\n              />\n            )}\n            <MemoizedChildren shouldUpdate={isOpen || forceRender}>\n              {typeof children === \"function\"\n                ? children({ setFocusField })\n                : children}\n            </MemoizedChildren>\n          </div>\n        </Backdrop>\n      </CSSTransition>\n    </Portal>\n  );\n};\n\nModal.propTypes = {\n  /**\n   * To specify the size of the Modal.\n   */\n  size: PropTypes.oneOf(Object.values(SIZES)),\n  /**\n   * To specify whether the Modal is open or not.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * To specify the callback which will be invoked when the Modal is closed.\n   */\n  onClose: PropTypes.func,\n  /**\n   * To specify the content to be rendered inside the Modal component.\n   */\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n  /**\n   * To provide external classNames to the Modal.\n   */\n  className: PropTypes.string,\n  /**\n   * To close the Modal on pressing the Esc key.\n   */\n  closeOnEsc: PropTypes.bool,\n  /**\n   * To specify whether the close button of the Modal should be displayed or not.\n   */\n  closeButton: PropTypes.bool,\n  /**\n   * To add custom classes to backdrop component.\n   */\n  backdropClassName: PropTypes.string,\n  /**\n   * To close on clicking outside the Modal content.\n   */\n  closeOnOutsideClick: PropTypes.bool,\n  /*\n   * To specify the ref of the element which will receive focus when the Modal is closed.\n   * If not specified, the focus will be set to the element which was focused when the Modal was opened.\n   * If the Modal was opened by clicking on a button, then the focus will be set to the button.\n   * */\n  finalFocusRef: PropTypes.object,\n  /**\n   * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-success mb-2\">\n   * New\n   * </div>\n   * To specify the ref of the element which will receive focus when the Modal is opened.\n   * If not specified, the focus will be set to the first focusable element inside the Modal.\n   * */\n  initialFocusRef: PropTypes.object,\n  /**\n   * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-success mb-2\">\n   * New\n   * </div>\n   * To specify whether the scroll should be blocked when the Modal is opened.\n   * */\n  blockScrollOnMount: PropTypes.bool,\n  /**\n   * The modal children will be force re-rendered if the boolean is set to `true`. Ideally the modal won't update\n   * if the `isOpen` is `false`. You can use this prop to override that nature.\n   */\n  forceRender: PropTypes.bool,\n};\n\nModal.Header = Header;\nModal.Body = Body;\nModal.Footer = Footer;\n\nexport default Modal;\n"],"names":["Body","_ref","children","className","dataTestid","_jsx","classnames","Footer","Header","_ref$description","description","_jsxs","Typography","lineHeight","style","MemoizedChildren","React","memo","_","_ref2","shouldUpdate","displayName","SIZES","small","medium","large","fullScreen","Modal","_ref$size","size","_ref$isOpen","isOpen","_ref$onClose","onClose","finalFocusRef","initialFocusRef","_ref$className","_ref$closeOnEsc","closeOnEsc","_ref$closeButton","closeButton","_ref$backdropClassNam","backdropClassName","_ref$blockScrollOnMou","blockScrollOnMount","_ref$closeOnOutsideCl","closeOnOutsideClick","_ref$forceRender","forceRender","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","hasTransitionCompleted","setHasTransitionCompleted","modalWrapper","useRef","backdropRef","useOverlayManager","_useOverlay","useOverlay","overlayWrapper","handleOverlayClose","setFocusField","isFullScreenModal","Portal","rootId","CSSTransition","unmountOnExit","appear","classNames","timeout","onEntered","onExited","Backdrop","ref","_objectSpread","role","_defineProperty","Button","icon","Close","onClick"],"mappings":"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"}

package/dist/Pane.js

@@ -178,7 +178,6 @@ var Pane = function Pane(_ref) {
         return setHasTransitionCompleted(false);
       },
       children: /*#__PURE__*/jsx(Backdrop, {
-        "data-testid": "backdrop",
         ref: backdropRef,
         className: classnames("neeto-ui-pane__backdrop neeto-ui-flex neeto-ui-justify-end", backdropClassName),
         children: /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({

package/dist/Pane.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pane.js","sources":["../src/components/Pane/Body.jsx","../src/components/Pane/Footer.jsx","../src/components/Pane/Header.jsx","../src/components/Pane/constants.js","../src/components/Pane/utils.js","../src/components/Pane/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Body = ({ children, className, hasFooter = true }) => (\n  <div\n    data-testid=\"pane-body\"\n    className={classnames(\n      \"neeto-ui-pane__body neeto-ui-flex neeto-ui-flex-col neeto-ui-items-start neeto-ui-justify-start\",\n      {\n        \"neeto-ui-pane__body--has-footer\": hasFooter,\n        [className]: className,\n      }\n    )}\n  >\n    {children}\n  </div>\n);\n\nBody.propTypes = {\n  /**\n   * To specify if the Pane has a footer.\n   * @default true\n   */\n  hasFooter: PropTypes.bool,\n  /**\n   * To specify className to be applied to the Pane Body container.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Pane Body.\n   */\n  children: PropTypes.node,\n};\n\nexport default Body;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Footer = ({ children, className }) => (\n  <div\n    className={classnames(\n      \"neeto-ui-pane__footer neeto-ui-flex neeto-ui-items-center\",\n      className\n    )}\n  >\n    {children}\n  </div>\n);\n\nFooter.propTypes = {\n  /**\n   * To specify className to be applied to the Pane Footer container.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Pane Footer.\n   */\n  children: PropTypes.node,\n};\n\nexport default Footer;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Header = ({ children, className }) => (\n  <div\n    className={classnames(\"neeto-ui-pane__header\", className)}\n    data-testid=\"pane-header\"\n  >\n    {children}\n  </div>\n);\n\nHeader.propTypes = {\n  /**\n   * To specify className to be applied to the Pane Header container.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Pane Header.\n   */\n  children: PropTypes.node,\n};\n\nexport default Header;\n","export const DEFAULT_PANE_HEADER_HEIGHT = 78;\n","import { DEFAULT_PANE_HEADER_HEIGHT } from \"./constants\";\n\nexport const getHeader = paneWrapperRef =>\n  paneWrapperRef.current?.querySelector(\".neeto-ui-pane__header\");\n\nexport const updateHeaderHeight = (header, paneWrapperRef) => {\n  const headerHeight = header?.offsetHeight;\n\n  if (headerHeight > DEFAULT_PANE_HEADER_HEIGHT) {\n    paneWrapperRef.current?.style.setProperty(\n      \"--neeto-ui-pane-header-height\",\n      `${headerHeight}px`\n    );\n  } else {\n    paneWrapperRef.current?.style.removeProperty(\n      \"--neeto-ui-pane-header-height\"\n    );\n  }\n};\n","import React, { useRef, useState, useEffect } from \"react\";\n\nimport classnames from \"classnames\";\nimport { Close } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\nimport { CSSTransition } from \"react-transition-group\";\n\nimport Backdrop from \"atoms/Backdrop\";\nimport Portal from \"atoms/Portal\";\nimport Button from \"components/Button\";\nimport { useOverlay, useOverlayManager } from \"hooks\";\n\nimport Body from \"./Body\";\nimport Footer from \"./Footer\";\nimport Header from \"./Header\";\nimport { getHeader, updateHeaderHeight } from \"./utils\";\n\nconst SIZES = { small: \"small\", large: \"large\", extraLarge: \"extraLarge\" };\n\nconst Pane = ({\n  size = SIZES.small,\n  isOpen = false,\n  onClose = () => {},\n  children,\n  className = \"\",\n  closeOnEsc = true,\n  closeButton = true,\n  backdropClassName = \"\",\n  closeOnOutsideClick = true,\n  initialFocusRef,\n  finalFocusRef,\n  ...otherProps\n}) => {\n  const [hasTransitionCompleted, setHasTransitionCompleted] = useState(false);\n\n  const paneWrapperRef = useRef(null);\n  const backdropRef = useRef(null);\n\n  const observerRef = useRef(\n    new ResizeObserver(([entry]) =>\n      updateHeaderHeight(entry.target, paneWrapperRef)\n    )\n  );\n\n  useOverlayManager(paneWrapperRef, isOpen);\n\n  const { handleOverlayClose, setFocusField, isTopOverlay } = useOverlay({\n    overlayWrapper: paneWrapperRef,\n    backdropRef,\n    closeOnOutsideClick,\n    closeOnEsc,\n    onClose,\n    isOpen,\n    initialFocusRef,\n    finalFocusRef,\n    hasTransitionCompleted,\n  });\n\n  useEffect(() => {\n    if (!hasTransitionCompleted || !paneWrapperRef.current) return undefined;\n\n    const observer = observerRef.current;\n    const header = getHeader(paneWrapperRef);\n\n    if (header) {\n      observer.observe(header);\n\n      return () => observer.disconnect();\n    }\n\n    const mutationObserver = new MutationObserver(() => {\n      const header = getHeader(paneWrapperRef);\n      if (!header) return;\n\n      observer.observe(header);\n      mutationObserver.disconnect();\n    });\n\n    mutationObserver.observe(paneWrapperRef.current, {\n      childList: true,\n      subtree: true,\n    });\n\n    return () => {\n      mutationObserver.disconnect();\n      observer.disconnect();\n    };\n  }, [hasTransitionCompleted, isTopOverlay]);\n\n  return (\n    <Portal rootId=\"neeto-ui-portal\">\n      <CSSTransition\n        unmountOnExit\n        appear={isOpen}\n        classNames=\"neeto-ui-pane\"\n        in={isOpen}\n        timeout={230}\n        onEntered={() => setHasTransitionCompleted(true)}\n        onExited={() => setHasTransitionCompleted(false)}\n      >\n        <Backdrop\n          data-testid=\"backdrop\"\n          key=\"pane-backdrop\"\n          ref={backdropRef}\n          className={classnames(\n            \"neeto-ui-pane__backdrop neeto-ui-flex neeto-ui-justify-end\",\n            backdropClassName\n          )}\n        >\n          <div\n            data-testid=\"pane-wrapper\"\n            key=\"pane-wrapper\"\n            ref={paneWrapperRef}\n            className={classnames(\"neeto-ui-pane__wrapper\", {\n              \"neeto-ui-pane__wrapper--small\": size === SIZES.small,\n              \"neeto-ui-pane__wrapper--large\": size === SIZES.large,\n              \"neeto-ui-pane__wrapper--extralarge\": size === SIZES.extraLarge,\n              [className]: className,\n            })}\n            {...otherProps}\n          >\n            {closeButton && (\n              <Button\n                aria-label=\"Close\"\n                className=\"neeto-ui-pane__close\"\n                data-testid=\"pane-close-button\"\n                icon={Close}\n                size=\"small\"\n                style=\"text\"\n                onClick={handleOverlayClose}\n              />\n            )}\n            {hasTransitionCompleted && (\n              <>\n                {typeof children === \"function\"\n                  ? children({ setFocusField })\n                  : children}\n              </>\n            )}\n          </div>\n        </Backdrop>\n      </CSSTransition>\n    </Portal>\n  );\n};\n\nPane.propTypes = {\n  /**\n   * To specify the size of the Pane.\n   */\n  size: PropTypes.oneOf(Object.values(SIZES)),\n  /**\n   * To specify whether the Pane component is open or not.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * To specify the callback which will be invoked when the close button of Pane is clicked.\n   */\n  onClose: PropTypes.func,\n  /**\n   * To specify the content to be rendered inside the Pane component.\n   */\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n  /**\n   * To provide external classname to the Pane component.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify whether the Pane component should close on esc key press.\n   */\n  closeOnEsc: PropTypes.bool,\n  /**\n   * To specify whether the Pane component should render close button.\n   */\n  closeButton: PropTypes.bool,\n  /**\n   * To specify the classname to be applied to the backdrop element.\n   */\n  backdropClassName: PropTypes.string,\n  /**\n   * To specify whether the Pane component should close on outside click.\n   */\n  closeOnOutsideClick: PropTypes.bool,\n\n  /**\n   * To specify the ref of the element which should be focused when the Pane component is opened.\n   * If not specified, the first focusable element inside the Pane component will be focused.\n   * If there are no focusable elements, the Pane component itself will be focused.\n   */\n  initialFocusRef: PropTypes.object,\n\n  /**\n   * To specify the ref of the element which should be focused when the Pane component is closed.\n   * If not specified, the element which was focused when the Pane component was opened will be focused.\n   */\n  finalFocusRef: PropTypes.object,\n};\n\nPane.Header = Header;\nPane.Body = Body;\nPane.Footer = Footer;\n\nexport default Pane;\n"],"names":["Body","_ref","children","className","_ref$hasFooter","hasFooter","_jsx","classnames","_defineProperty","Footer","Header","DEFAULT_PANE_HEADER_HEIGHT","getHeader","paneWrapperRef","_paneWrapperRef$curre","current","querySelector","updateHeaderHeight","header","headerHeight","offsetHeight","_paneWrapperRef$curre2","style","setProperty","concat","_paneWrapperRef$curre3","removeProperty","SIZES","small","large","extraLarge","Pane","_ref$size","size","_ref$isOpen","isOpen","_ref$onClose","onClose","_ref$className","_ref$closeOnEsc","closeOnEsc","_ref$closeButton","closeButton","_ref$backdropClassNam","backdropClassName","_ref$closeOnOutsideCl","closeOnOutsideClick","initialFocusRef","finalFocusRef","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","hasTransitionCompleted","setHasTransitionCompleted","useRef","backdropRef","observerRef","ResizeObserver","_ref2","_ref3","entry","target","useOverlayManager","_useOverlay","useOverlay","overlayWrapper","handleOverlayClose","setFocusField","isTopOverlay","useEffect","undefined","observer","observe","disconnect","mutationObserver","MutationObserver","childList","subtree","Portal","rootId","CSSTransition","unmountOnExit","appear","classNames","timeout","onEntered","onExited","Backdrop","ref","_jsxs","_objectSpread","Button","icon","Close","onClick","_Fragment"],"mappings":"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"}
+{"version":3,"file":"Pane.js","sources":["../src/components/Pane/Body.jsx","../src/components/Pane/Footer.jsx","../src/components/Pane/Header.jsx","../src/components/Pane/constants.js","../src/components/Pane/utils.js","../src/components/Pane/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Body = ({ children, className, hasFooter = true }) => (\n  <div\n    data-testid=\"pane-body\"\n    className={classnames(\n      \"neeto-ui-pane__body neeto-ui-flex neeto-ui-flex-col neeto-ui-items-start neeto-ui-justify-start\",\n      {\n        \"neeto-ui-pane__body--has-footer\": hasFooter,\n        [className]: className,\n      }\n    )}\n  >\n    {children}\n  </div>\n);\n\nBody.propTypes = {\n  /**\n   * To specify if the Pane has a footer.\n   * @default true\n   */\n  hasFooter: PropTypes.bool,\n  /**\n   * To specify className to be applied to the Pane Body container.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Pane Body.\n   */\n  children: PropTypes.node,\n};\n\nexport default Body;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Footer = ({ children, className }) => (\n  <div\n    className={classnames(\n      \"neeto-ui-pane__footer neeto-ui-flex neeto-ui-items-center\",\n      className\n    )}\n  >\n    {children}\n  </div>\n);\n\nFooter.propTypes = {\n  /**\n   * To specify className to be applied to the Pane Footer container.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Pane Footer.\n   */\n  children: PropTypes.node,\n};\n\nexport default Footer;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Header = ({ children, className }) => (\n  <div\n    className={classnames(\"neeto-ui-pane__header\", className)}\n    data-testid=\"pane-header\"\n  >\n    {children}\n  </div>\n);\n\nHeader.propTypes = {\n  /**\n   * To specify className to be applied to the Pane Header container.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Pane Header.\n   */\n  children: PropTypes.node,\n};\n\nexport default Header;\n","export const DEFAULT_PANE_HEADER_HEIGHT = 78;\n","import { DEFAULT_PANE_HEADER_HEIGHT } from \"./constants\";\n\nexport const getHeader = paneWrapperRef =>\n  paneWrapperRef.current?.querySelector(\".neeto-ui-pane__header\");\n\nexport const updateHeaderHeight = (header, paneWrapperRef) => {\n  const headerHeight = header?.offsetHeight;\n\n  if (headerHeight > DEFAULT_PANE_HEADER_HEIGHT) {\n    paneWrapperRef.current?.style.setProperty(\n      \"--neeto-ui-pane-header-height\",\n      `${headerHeight}px`\n    );\n  } else {\n    paneWrapperRef.current?.style.removeProperty(\n      \"--neeto-ui-pane-header-height\"\n    );\n  }\n};\n","import React, { useRef, useState, useEffect } from \"react\";\n\nimport classnames from \"classnames\";\nimport { Close } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\nimport { CSSTransition } from \"react-transition-group\";\n\nimport Backdrop from \"atoms/Backdrop\";\nimport Portal from \"atoms/Portal\";\nimport Button from \"components/Button\";\nimport { useOverlay, useOverlayManager } from \"hooks\";\n\nimport Body from \"./Body\";\nimport Footer from \"./Footer\";\nimport Header from \"./Header\";\nimport { getHeader, updateHeaderHeight } from \"./utils\";\n\nconst SIZES = { small: \"small\", large: \"large\", extraLarge: \"extraLarge\" };\n\nconst Pane = ({\n  size = SIZES.small,\n  isOpen = false,\n  onClose = () => {},\n  children,\n  className = \"\",\n  closeOnEsc = true,\n  closeButton = true,\n  backdropClassName = \"\",\n  closeOnOutsideClick = true,\n  initialFocusRef,\n  finalFocusRef,\n  ...otherProps\n}) => {\n  const [hasTransitionCompleted, setHasTransitionCompleted] = useState(false);\n\n  const paneWrapperRef = useRef(null);\n  const backdropRef = useRef(null);\n\n  const observerRef = useRef(\n    new ResizeObserver(([entry]) =>\n      updateHeaderHeight(entry.target, paneWrapperRef)\n    )\n  );\n\n  useOverlayManager(paneWrapperRef, isOpen);\n\n  const { handleOverlayClose, setFocusField, isTopOverlay } = useOverlay({\n    overlayWrapper: paneWrapperRef,\n    backdropRef,\n    closeOnOutsideClick,\n    closeOnEsc,\n    onClose,\n    isOpen,\n    initialFocusRef,\n    finalFocusRef,\n    hasTransitionCompleted,\n  });\n\n  useEffect(() => {\n    if (!hasTransitionCompleted || !paneWrapperRef.current) return undefined;\n\n    const observer = observerRef.current;\n    const header = getHeader(paneWrapperRef);\n\n    if (header) {\n      observer.observe(header);\n\n      return () => observer.disconnect();\n    }\n\n    const mutationObserver = new MutationObserver(() => {\n      const header = getHeader(paneWrapperRef);\n      if (!header) return;\n\n      observer.observe(header);\n      mutationObserver.disconnect();\n    });\n\n    mutationObserver.observe(paneWrapperRef.current, {\n      childList: true,\n      subtree: true,\n    });\n\n    return () => {\n      mutationObserver.disconnect();\n      observer.disconnect();\n    };\n  }, [hasTransitionCompleted, isTopOverlay]);\n\n  return (\n    <Portal rootId=\"neeto-ui-portal\">\n      <CSSTransition\n        unmountOnExit\n        appear={isOpen}\n        classNames=\"neeto-ui-pane\"\n        in={isOpen}\n        timeout={230}\n        onEntered={() => setHasTransitionCompleted(true)}\n        onExited={() => setHasTransitionCompleted(false)}\n      >\n        <Backdrop\n          key=\"pane-backdrop\"\n          ref={backdropRef}\n          className={classnames(\n            \"neeto-ui-pane__backdrop neeto-ui-flex neeto-ui-justify-end\",\n            backdropClassName\n          )}\n        >\n          <div\n            data-testid=\"pane-wrapper\"\n            key=\"pane-wrapper\"\n            ref={paneWrapperRef}\n            className={classnames(\"neeto-ui-pane__wrapper\", {\n              \"neeto-ui-pane__wrapper--small\": size === SIZES.small,\n              \"neeto-ui-pane__wrapper--large\": size === SIZES.large,\n              \"neeto-ui-pane__wrapper--extralarge\": size === SIZES.extraLarge,\n              [className]: className,\n            })}\n            {...otherProps}\n          >\n            {closeButton && (\n              <Button\n                aria-label=\"Close\"\n                className=\"neeto-ui-pane__close\"\n                data-testid=\"pane-close-button\"\n                icon={Close}\n                size=\"small\"\n                style=\"text\"\n                onClick={handleOverlayClose}\n              />\n            )}\n            {hasTransitionCompleted && (\n              <>\n                {typeof children === \"function\"\n                  ? children({ setFocusField })\n                  : children}\n              </>\n            )}\n          </div>\n        </Backdrop>\n      </CSSTransition>\n    </Portal>\n  );\n};\n\nPane.propTypes = {\n  /**\n   * To specify the size of the Pane.\n   */\n  size: PropTypes.oneOf(Object.values(SIZES)),\n  /**\n   * To specify whether the Pane component is open or not.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * To specify the callback which will be invoked when the close button of Pane is clicked.\n   */\n  onClose: PropTypes.func,\n  /**\n   * To specify the content to be rendered inside the Pane component.\n   */\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n  /**\n   * To provide external classname to the Pane component.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify whether the Pane component should close on esc key press.\n   */\n  closeOnEsc: PropTypes.bool,\n  /**\n   * To specify whether the Pane component should render close button.\n   */\n  closeButton: PropTypes.bool,\n  /**\n   * To specify the classname to be applied to the backdrop element.\n   */\n  backdropClassName: PropTypes.string,\n  /**\n   * To specify whether the Pane component should close on outside click.\n   */\n  closeOnOutsideClick: PropTypes.bool,\n\n  /**\n   * To specify the ref of the element which should be focused when the Pane component is opened.\n   * If not specified, the first focusable element inside the Pane component will be focused.\n   * If there are no focusable elements, the Pane component itself will be focused.\n   */\n  initialFocusRef: PropTypes.object,\n\n  /**\n   * To specify the ref of the element which should be focused when the Pane component is closed.\n   * If not specified, the element which was focused when the Pane component was opened will be focused.\n   */\n  finalFocusRef: PropTypes.object,\n};\n\nPane.Header = Header;\nPane.Body = Body;\nPane.Footer = Footer;\n\nexport default Pane;\n"],"names":["Body","_ref","children","className","_ref$hasFooter","hasFooter","_jsx","classnames","_defineProperty","Footer","Header","DEFAULT_PANE_HEADER_HEIGHT","getHeader","paneWrapperRef","_paneWrapperRef$curre","current","querySelector","updateHeaderHeight","header","headerHeight","offsetHeight","_paneWrapperRef$curre2","style","setProperty","concat","_paneWrapperRef$curre3","removeProperty","SIZES","small","large","extraLarge","Pane","_ref$size","size","_ref$isOpen","isOpen","_ref$onClose","onClose","_ref$className","_ref$closeOnEsc","closeOnEsc","_ref$closeButton","closeButton","_ref$backdropClassNam","backdropClassName","_ref$closeOnOutsideCl","closeOnOutsideClick","initialFocusRef","finalFocusRef","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","hasTransitionCompleted","setHasTransitionCompleted","useRef","backdropRef","observerRef","ResizeObserver","_ref2","_ref3","entry","target","useOverlayManager","_useOverlay","useOverlay","overlayWrapper","handleOverlayClose","setFocusField","isTopOverlay","useEffect","undefined","observer","observe","disconnect","mutationObserver","MutationObserver","childList","subtree","Portal","rootId","CSSTransition","unmountOnExit","appear","classNames","timeout","onEntered","onExited","Backdrop","ref","_jsxs","_objectSpread","Button","icon","Close","onClick","_Fragment"],"mappings":"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"}

package/dist/cjs/Modal.js

@@ -159,7 +159,6 @@ var Modal = function Modal(_ref) {
         return setHasTransitionCompleted(false);
       },
       children: /*#__PURE__*/jsxRuntime.jsx(useOverlayManager.Backdrop, {
-        "data-testid": "backdrop",
         ref: backdropRef,
         className: classnames("neeto-ui-modal__backdrop", {
           "neeto-ui-modal__backdrop--fullscreen": isFullScreenModal

package/dist/cjs/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../src/components/Modal/Body.jsx","../../src/components/Modal/Footer.jsx","../../src/components/Modal/Header.jsx","../../src/components/Modal/MemoizedChildren.js","../../src/components/Modal/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Body = ({ children, className, dataTestid }) => (\n  <div\n    className={classnames(\"neeto-ui-modal__body\", className)}\n    data-testid={dataTestid ?? \"modal-body\"}\n  >\n    {children}\n  </div>\n);\n\nBody.propTypes = {\n  /**\n   * To specify className to be applied to the Modal Body.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Modal Body.\n   */\n  children: PropTypes.node,\n};\n\nexport default Body;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Footer = ({ children, className, dataTestid }) => (\n  <div\n    className={classnames(\"neeto-ui-modal__footer\", className)}\n    data-testid={dataTestid ?? \"modal-footer\"}\n  >\n    {children}\n  </div>\n);\n\nFooter.propTypes = {\n  /**\n   * To specify className to be applied to the Modal Footer.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Modal Footer.\n   */\n  children: PropTypes.node,\n};\n\nexport default Footer;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport Typography from \"../Typography\";\n\nconst Header = ({ description = \"\", children, className, dataTestid }) => (\n  <div\n    className={classnames(\"neeto-ui-modal__header\", className)}\n    data-testid={dataTestid ?? \"modal-header\"}\n  >\n    {children}\n    {description && (\n      <div\n        className=\"neeto-ui-modal__header-desc\"\n        data-testid=\"modal-header-desc\"\n      >\n        <Typography lineHeight=\"normal\" style=\"body2\">\n          {description}\n        </Typography>\n      </div>\n    )}\n  </div>\n);\n\nHeader.propTypes = {\n  /**\n   * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-success mb-2\">\n   * New\n   * </div>\n   * To specify the short description of the Modal.\n   */\n  description: PropTypes.string,\n  /**\n   * To specify className to be applied to the Modal Header container.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Modal Header.\n   */\n  children: PropTypes.node,\n};\n\nexport default Header;\n","import React from \"react\";\n\nconst MemoizedChildren = React.memo(\n  ({ children }) => children,\n  (_, { shouldUpdate }) => !shouldUpdate\n);\n\nMemoizedChildren.displayName = \"MemoizedChildren\";\n\nexport default MemoizedChildren;\n","import React, { useRef, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { Close } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\nimport { CSSTransition } from \"react-transition-group\";\n\nimport Backdrop from \"atoms/Backdrop\";\nimport Portal from \"atoms/Portal\";\nimport Button from \"components/Button\";\nimport { useOverlayManager, useOverlay } from \"hooks\";\n\nimport Body from \"./Body\";\nimport Footer from \"./Footer\";\nimport Header from \"./Header\";\nimport MemoizedChildren from \"./MemoizedChildren\";\n\nconst SIZES = {\n  small: \"small\",\n  medium: \"medium\",\n  large: \"large\",\n  fullScreen: \"fullScreen\",\n};\n\nconst Modal = ({\n  size = SIZES.medium,\n  isOpen = false,\n  onClose = () => {},\n  children,\n  finalFocusRef,\n  initialFocusRef,\n  className = \"\",\n  closeOnEsc = true,\n  closeButton = true,\n  backdropClassName = \"\",\n  blockScrollOnMount = true,\n  closeOnOutsideClick = true,\n  forceRender = false,\n  ...otherProps\n}) => {\n  const [hasTransitionCompleted, setHasTransitionCompleted] = useState(false);\n\n  const modalWrapper = useRef(null);\n  const backdropRef = useRef(null);\n\n  useOverlayManager(modalWrapper, isOpen);\n\n  const { handleOverlayClose, setFocusField } = useOverlay({\n    isOpen,\n    initialFocusRef,\n    finalFocusRef,\n    overlayWrapper: modalWrapper,\n    onClose,\n    backdropRef,\n    closeOnOutsideClick,\n    closeOnEsc,\n    blockScrollOnMount,\n    hasTransitionCompleted,\n  });\n\n  const isFullScreenModal = size === SIZES.fullScreen;\n\n  return (\n    <Portal rootId=\"neeto-ui-portal\">\n      <CSSTransition\n        unmountOnExit\n        appear={isOpen}\n        classNames=\"neeto-ui-modal\"\n        in={isOpen}\n        timeout={300}\n        onEntered={() => setHasTransitionCompleted(true)}\n        onExited={() => setHasTransitionCompleted(false)}\n      >\n        <Backdrop\n          data-testid=\"backdrop\"\n          key=\"modal-backdrop\"\n          ref={backdropRef}\n          className={classnames(\n            \"neeto-ui-modal__backdrop\",\n            {\n              \"neeto-ui-modal__backdrop--fullscreen\": isFullScreenModal,\n            },\n            backdropClassName\n          )}\n        >\n          <div\n            aria-modal\n            key=\"modal-wrapper\"\n            ref={modalWrapper}\n            role=\"dialog\"\n            className={classnames(\"neeto-ui-modal__wrapper\", {\n              \"neeto-ui-modal__wrapper--small\": size === SIZES.small,\n              \"neeto-ui-modal__wrapper--medium\": size === SIZES.medium,\n              \"neeto-ui-modal__wrapper--large\": size === SIZES.large,\n              \"neeto-ui-modal__wrapper--fullscreen\": isFullScreenModal,\n              [className]: className,\n            })}\n            {...otherProps}\n          >\n            {closeButton && (\n              <Button\n                aria-label=\"Close\"\n                className=\"neeto-ui-modal__close\"\n                data-testid=\"modal-close-button\"\n                icon={Close}\n                size={isFullScreenModal ? \"large\" : \"small\"}\n                style={isFullScreenModal ? \"secondary\" : \"text\"}\n                onClick={handleOverlayClose}\n              />\n            )}\n            <MemoizedChildren shouldUpdate={isOpen || forceRender}>\n              {typeof children === \"function\"\n                ? children({ setFocusField })\n                : children}\n            </MemoizedChildren>\n          </div>\n        </Backdrop>\n      </CSSTransition>\n    </Portal>\n  );\n};\n\nModal.propTypes = {\n  /**\n   * To specify the size of the Modal.\n   */\n  size: PropTypes.oneOf(Object.values(SIZES)),\n  /**\n   * To specify whether the Modal is open or not.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * To specify the callback which will be invoked when the Modal is closed.\n   */\n  onClose: PropTypes.func,\n  /**\n   * To specify the content to be rendered inside the Modal component.\n   */\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n  /**\n   * To provide external classNames to the Modal.\n   */\n  className: PropTypes.string,\n  /**\n   * To close the Modal on pressing the Esc key.\n   */\n  closeOnEsc: PropTypes.bool,\n  /**\n   * To specify whether the close button of the Modal should be displayed or not.\n   */\n  closeButton: PropTypes.bool,\n  /**\n   * To add custom classes to backdrop component.\n   */\n  backdropClassName: PropTypes.string,\n  /**\n   * To close on clicking outside the Modal content.\n   */\n  closeOnOutsideClick: PropTypes.bool,\n  /*\n   * To specify the ref of the element which will receive focus when the Modal is closed.\n   * If not specified, the focus will be set to the element which was focused when the Modal was opened.\n   * If the Modal was opened by clicking on a button, then the focus will be set to the button.\n   * */\n  finalFocusRef: PropTypes.object,\n  /**\n   * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-success mb-2\">\n   * New\n   * </div>\n   * To specify the ref of the element which will receive focus when the Modal is opened.\n   * If not specified, the focus will be set to the first focusable element inside the Modal.\n   * */\n  initialFocusRef: PropTypes.object,\n  /**\n   * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-success mb-2\">\n   * New\n   * </div>\n   * To specify whether the scroll should be blocked when the Modal is opened.\n   * */\n  blockScrollOnMount: PropTypes.bool,\n  /**\n   * The modal children will be force re-rendered if the boolean is set to `true`. Ideally the modal won't update\n   * if the `isOpen` is `false`. You can use this prop to override that nature.\n   */\n  forceRender: PropTypes.bool,\n};\n\nModal.Header = Header;\nModal.Body = Body;\nModal.Footer = Footer;\n\nexport default Modal;\n"],"names":["Body","_ref","children","className","dataTestid","_jsx","classnames","Footer","Header","_ref$description","description","_jsxs","Typography","lineHeight","style","MemoizedChildren","React","memo","_","_ref2","shouldUpdate","displayName","SIZES","small","medium","large","fullScreen","Modal","_ref$size","size","_ref$isOpen","isOpen","_ref$onClose","onClose","finalFocusRef","initialFocusRef","_ref$className","_ref$closeOnEsc","closeOnEsc","_ref$closeButton","closeButton","_ref$backdropClassNam","backdropClassName","_ref$blockScrollOnMou","blockScrollOnMount","_ref$closeOnOutsideCl","closeOnOutsideClick","_ref$forceRender","forceRender","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","hasTransitionCompleted","setHasTransitionCompleted","modalWrapper","useRef","backdropRef","useOverlayManager","_useOverlay","useOverlay","overlayWrapper","handleOverlayClose","setFocusField","isFullScreenModal","Portal","rootId","CSSTransition","unmountOnExit","appear","classNames","timeout","onEntered","onExited","Backdrop","ref","_objectSpread","role","_defineProperty","Button","icon","Close","onClick"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAMA,IAAI,GAAG,SAAPA,IAAIA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAEC,UAAU,GAAAH,IAAA,CAAVG,UAAU;AAAA,EAAA,oBAC7CC,cAAA,CAAA,KAAA,EAAA;AACEF,IAAAA,SAAS,EAAEG,UAAU,CAAC,sBAAsB,EAAEH,SAAS,CAAE;AACzD,IAAA,aAAA,EAAaC,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAA,MAAA,GAAVA,UAAU,GAAI,YAAa;AAAAF,IAAAA,QAAA,EAEvCA;AAAQ,GACN,CAAC;AAAA,CACP;;ACPD,IAAMK,MAAM,GAAG,SAATA,MAAMA,CAAAN,IAAA,EAAA;AAAA,EAAA,IAAMC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAEC,UAAU,GAAAH,IAAA,CAAVG,UAAU;AAAA,EAAA,oBAC/CC,cAAA,CAAA,KAAA,EAAA;AACEF,IAAAA,SAAS,EAAEG,UAAU,CAAC,wBAAwB,EAAEH,SAAS,CAAE;AAC3D,IAAA,aAAA,EAAaC,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAA,MAAA,GAAVA,UAAU,GAAI,cAAe;AAAAF,IAAAA,QAAA,EAEzCA;AAAQ,GACN,CAAC;AAAA,CACP;;ACLD,IAAMM,MAAM,GAAG,SAATA,MAAMA,CAAAP,IAAA,EAAA;AAAA,EAAA,IAAAQ,gBAAA,GAAAR,IAAA,CAAMS,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,gBAAA;IAAEP,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAEC,UAAU,GAAAH,IAAA,CAAVG,UAAU;AAAA,EAAA,oBACjEO,eAAA,CAAA,KAAA,EAAA;AACER,IAAAA,SAAS,EAAEG,UAAU,CAAC,wBAAwB,EAAEH,SAAS,CAAE;AAC3D,IAAA,aAAA,EAAaC,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAA,MAAA,GAAVA,UAAU,GAAI,cAAe;AAAAF,IAAAA,QAAA,EAAA,CAEzCA,QAAQ,EACRQ,WAAW,iBACVL,cAAA,CAAA,KAAA,EAAA;AACEF,MAAAA,SAAS,EAAC,6BAA6B;AACvC,MAAA,aAAA,EAAY,mBAAmB;MAAAD,QAAA,eAE/BG,cAAA,CAACO,UAAU,EAAA;AAACC,QAAAA,UAAU,EAAC,QAAQ;AAACC,QAAAA,KAAK,EAAC,OAAO;AAAAZ,QAAAA,QAAA,EAC1CQ;OACS;AAAC,KACV,CACN;AAAA,GACE,CAAC;AAAA,CACP;;ACtBD,IAAMK,gBAAgB,gBAAGC,KAAK,CAACC,IAAI,CACjC,UAAAhB,IAAA,EAAA;AAAA,EAAA,IAAGC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;AAAA,EAAA,OAAOA,QAAQ;AAAA,CAAA,EAC1B,UAACgB,CAAC,EAAAC,KAAA,EAAA;AAAA,EAAA,IAAIC,YAAY,GAAAD,KAAA,CAAZC,YAAY;AAAA,EAAA,OAAO,CAACA,YAAY;AAAA,CACxC,CAAC;AAEDL,gBAAgB,CAACM,WAAW,GAAG,kBAAkB;;;;;ACUjD,IAAMC,KAAK,GAAG;AACZC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,UAAU,EAAE;AACd,CAAC;AAED,IAAMC,KAAK,GAAG,SAARA,KAAKA,CAAA1B,IAAA,EAeL;AAAA,EAAA,IAAA2B,SAAA,GAAA3B,IAAA,CAdJ4B,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAGN,KAAK,CAACE,MAAM,GAAAI,SAAA;IAAAE,WAAA,GAAA7B,IAAA,CACnB8B,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,WAAA;IAAAE,YAAA,GAAA/B,IAAA,CACdgC,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAA,MAAA,GAAG,YAAM,CAAC,CAAC,GAAAA,YAAA;IAClB9B,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRgC,aAAa,GAAAjC,IAAA,CAAbiC,aAAa;IACbC,eAAe,GAAAlC,IAAA,CAAfkC,eAAe;IAAAC,cAAA,GAAAnC,IAAA,CACfE,SAAS;AAATA,IAAAA,SAAS,GAAAiC,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;IAAAC,eAAA,GAAApC,IAAA,CACdqC,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,eAAA;IAAAE,gBAAA,GAAAtC,IAAA,CACjBuC,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,gBAAA;IAAAE,qBAAA,GAAAxC,IAAA,CAClByC,iBAAiB;AAAjBA,IAAAA,iBAAiB,GAAAD,qBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,qBAAA;IAAAE,qBAAA,GAAA1C,IAAA,CACtB2C,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,qBAAA;IAAAE,qBAAA,GAAA5C,IAAA,CACzB6C,mBAAmB;AAAnBA,IAAAA,mBAAmB,GAAAD,qBAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,qBAAA;IAAAE,gBAAA,GAAA9C,IAAA,CAC1B+C,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,gBAAA;AAChBE,IAAAA,UAAU,GAAAC,wBAAA,CAAAjD,IAAA,EAAAkD,SAAA,CAAA;AAEb,EAAA,IAAAC,SAAA,GAA4DC,cAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAApEI,IAAAA,sBAAsB,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,yBAAyB,GAAAH,UAAA,CAAA,CAAA,CAAA;AAExD,EAAA,IAAMI,YAAY,GAAGC,YAAM,CAAC,IAAI,CAAC;AACjC,EAAA,IAAMC,WAAW,GAAGD,YAAM,CAAC,IAAI,CAAC;AAEhCE,EAAAA,mCAAiB,CAACH,YAAY,EAAE3B,MAAM,CAAC;EAEvC,IAAA+B,WAAA,GAA8CC,4BAAU,CAAC;AACvDhC,MAAAA,MAAM,EAANA,MAAM;AACNI,MAAAA,eAAe,EAAfA,eAAe;AACfD,MAAAA,aAAa,EAAbA,aAAa;AACb8B,MAAAA,cAAc,EAAEN,YAAY;AAC5BzB,MAAAA,OAAO,EAAPA,OAAO;AACP2B,MAAAA,WAAW,EAAXA,WAAW;AACXd,MAAAA,mBAAmB,EAAnBA,mBAAmB;AACnBR,MAAAA,UAAU,EAAVA,UAAU;AACVM,MAAAA,kBAAkB,EAAlBA,kBAAkB;AAClBY,MAAAA,sBAAsB,EAAtBA;AACF,KAAC,CAAC;IAXMS,kBAAkB,GAAAH,WAAA,CAAlBG,kBAAkB;IAAEC,aAAa,GAAAJ,WAAA,CAAbI,aAAa;AAazC,EAAA,IAAMC,iBAAiB,GAAGtC,IAAI,KAAKP,KAAK,CAACI,UAAU;EAEnD,oBACErB,cAAA,CAAC+D,wBAAM,EAAA;AAACC,IAAAA,MAAM,EAAC,iBAAiB;IAAAnE,QAAA,eAC9BG,cAAA,CAACiE,+BAAa,EAAA;MACZC,aAAa,EAAA,IAAA;AACbC,MAAAA,MAAM,EAAEzC,MAAO;AACf0C,MAAAA,UAAU,EAAC,gBAAgB;AAC3B,MAAA,IAAA,EAAI1C,MAAO;AACX2C,MAAAA,OAAO,EAAE,GAAI;MACbC,SAAS,EAAE,SAAXA,SAASA,GAAA;QAAA,OAAQlB,yBAAyB,CAAC,IAAI,CAAC;MAAA,CAAC;MACjDmB,QAAQ,EAAE,SAAVA,QAAQA,GAAA;QAAA,OAAQnB,yBAAyB,CAAC,KAAK,CAAC;MAAA,CAAC;MAAAvD,QAAA,eAEjDG,cAAA,CAACwE,0BAAQ,EAAA;AACP,QAAA,aAAA,EAAY,UAAU;AAEtBC,QAAAA,GAAG,EAAElB,WAAY;AACjBzD,QAAAA,SAAS,EAAEG,UAAU,CACnB,0BAA0B,EAC1B;AACE,UAAA,sCAAsC,EAAE6D;SACzC,EACDzB,iBACF,CAAE;AAAAxC,QAAAA,QAAA,eAEFS,eAAA,CAAA,KAAA,EAAAoE,aAAA,CAAAA,aAAA,CAAA;UACE,YAAA,EAAA,IAAU;AAEVD,UAAAA,GAAG,EAAEpB,YAAa;AAClBsB,UAAAA,IAAI,EAAC,QAAQ;AACb7E,UAAAA,SAAS,EAAEG,UAAU,CAAC,yBAAyB,EAAA2E,eAAA,CAAA;AAC7C,YAAA,gCAAgC,EAAEpD,IAAI,KAAKP,KAAK,CAACC,KAAK;AACtD,YAAA,iCAAiC,EAAEM,IAAI,KAAKP,KAAK,CAACE,MAAM;AACxD,YAAA,gCAAgC,EAAEK,IAAI,KAAKP,KAAK,CAACG,KAAK;AACtD,YAAA,qCAAqC,EAAE0C;WAAiB,EACvDhE,SAAS,EAAGA,SAAS,CACvB;AAAE,SAAA,EACC8C,UAAU,CAAA,EAAA,EAAA,EAAA;AAAA/C,UAAAA,QAAA,EAAA,CAEbsC,WAAW,iBACVnC,cAAA,CAAC6E,MAAM,EAAA;AACL,YAAA,YAAA,EAAW,OAAO;AAClB/E,YAAAA,SAAS,EAAC,uBAAuB;AACjC,YAAA,aAAA,EAAY,oBAAoB;AAChCgF,YAAAA,IAAI,EAAEC,KAAM;AACZvD,YAAAA,IAAI,EAAEsC,iBAAiB,GAAG,OAAO,GAAG,OAAQ;AAC5CrD,YAAAA,KAAK,EAAEqD,iBAAiB,GAAG,WAAW,GAAG,MAAO;AAChDkB,YAAAA,OAAO,EAAEpB;AAAmB,WAC7B,CACF,eACD5D,cAAA,CAACU,gBAAgB,EAAA;YAACK,YAAY,EAAEW,MAAM,IAAIiB,WAAY;AAAA9C,YAAAA,QAAA,EACnD,OAAOA,QAAQ,KAAK,UAAU,GAC3BA,QAAQ,CAAC;AAAEgE,cAAAA,aAAa,EAAbA;AAAc,aAAC,CAAC,GAC3BhE;AAAQ,WACI,CAAC;AAAA,SAAA,CAAA,EA3Bf,eA4BD;AAAC,OAAA,EAxCF,gBAyCI;KACG;AAAC,GACV,CAAC;AAEb;AAmEAyB,KAAK,CAACnB,MAAM,GAAGA,MAAM;AACrBmB,KAAK,CAAC3B,IAAI,GAAGA,IAAI;AACjB2B,KAAK,CAACpB,MAAM,GAAGA,MAAM;;;;"}
+{"version":3,"file":"Modal.js","sources":["../../src/components/Modal/Body.jsx","../../src/components/Modal/Footer.jsx","../../src/components/Modal/Header.jsx","../../src/components/Modal/MemoizedChildren.js","../../src/components/Modal/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Body = ({ children, className, dataTestid }) => (\n  <div\n    className={classnames(\"neeto-ui-modal__body\", className)}\n    data-testid={dataTestid ?? \"modal-body\"}\n  >\n    {children}\n  </div>\n);\n\nBody.propTypes = {\n  /**\n   * To specify className to be applied to the Modal Body.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Modal Body.\n   */\n  children: PropTypes.node,\n};\n\nexport default Body;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Footer = ({ children, className, dataTestid }) => (\n  <div\n    className={classnames(\"neeto-ui-modal__footer\", className)}\n    data-testid={dataTestid ?? \"modal-footer\"}\n  >\n    {children}\n  </div>\n);\n\nFooter.propTypes = {\n  /**\n   * To specify className to be applied to the Modal Footer.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Modal Footer.\n   */\n  children: PropTypes.node,\n};\n\nexport default Footer;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport Typography from \"../Typography\";\n\nconst Header = ({ description = \"\", children, className, dataTestid }) => (\n  <div\n    className={classnames(\"neeto-ui-modal__header\", className)}\n    data-testid={dataTestid ?? \"modal-header\"}\n  >\n    {children}\n    {description && (\n      <div\n        className=\"neeto-ui-modal__header-desc\"\n        data-testid=\"modal-header-desc\"\n      >\n        <Typography lineHeight=\"normal\" style=\"body2\">\n          {description}\n        </Typography>\n      </div>\n    )}\n  </div>\n);\n\nHeader.propTypes = {\n  /**\n   * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-success mb-2\">\n   * New\n   * </div>\n   * To specify the short description of the Modal.\n   */\n  description: PropTypes.string,\n  /**\n   * To specify className to be applied to the Modal Header container.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Modal Header.\n   */\n  children: PropTypes.node,\n};\n\nexport default Header;\n","import React from \"react\";\n\nconst MemoizedChildren = React.memo(\n  ({ children }) => children,\n  (_, { shouldUpdate }) => !shouldUpdate\n);\n\nMemoizedChildren.displayName = \"MemoizedChildren\";\n\nexport default MemoizedChildren;\n","import React, { useRef, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { Close } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\nimport { CSSTransition } from \"react-transition-group\";\n\nimport Backdrop from \"atoms/Backdrop\";\nimport Portal from \"atoms/Portal\";\nimport Button from \"components/Button\";\nimport { useOverlayManager, useOverlay } from \"hooks\";\n\nimport Body from \"./Body\";\nimport Footer from \"./Footer\";\nimport Header from \"./Header\";\nimport MemoizedChildren from \"./MemoizedChildren\";\n\nconst SIZES = {\n  small: \"small\",\n  medium: \"medium\",\n  large: \"large\",\n  fullScreen: \"fullScreen\",\n};\n\nconst Modal = ({\n  size = SIZES.medium,\n  isOpen = false,\n  onClose = () => {},\n  children,\n  finalFocusRef,\n  initialFocusRef,\n  className = \"\",\n  closeOnEsc = true,\n  closeButton = true,\n  backdropClassName = \"\",\n  blockScrollOnMount = true,\n  closeOnOutsideClick = true,\n  forceRender = false,\n  ...otherProps\n}) => {\n  const [hasTransitionCompleted, setHasTransitionCompleted] = useState(false);\n\n  const modalWrapper = useRef(null);\n  const backdropRef = useRef(null);\n\n  useOverlayManager(modalWrapper, isOpen);\n\n  const { handleOverlayClose, setFocusField } = useOverlay({\n    isOpen,\n    initialFocusRef,\n    finalFocusRef,\n    overlayWrapper: modalWrapper,\n    onClose,\n    backdropRef,\n    closeOnOutsideClick,\n    closeOnEsc,\n    blockScrollOnMount,\n    hasTransitionCompleted,\n  });\n\n  const isFullScreenModal = size === SIZES.fullScreen;\n\n  return (\n    <Portal rootId=\"neeto-ui-portal\">\n      <CSSTransition\n        unmountOnExit\n        appear={isOpen}\n        classNames=\"neeto-ui-modal\"\n        in={isOpen}\n        timeout={300}\n        onEntered={() => setHasTransitionCompleted(true)}\n        onExited={() => setHasTransitionCompleted(false)}\n      >\n        <Backdrop\n          key=\"modal-backdrop\"\n          ref={backdropRef}\n          className={classnames(\n            \"neeto-ui-modal__backdrop\",\n            {\n              \"neeto-ui-modal__backdrop--fullscreen\": isFullScreenModal,\n            },\n            backdropClassName\n          )}\n        >\n          <div\n            aria-modal\n            key=\"modal-wrapper\"\n            ref={modalWrapper}\n            role=\"dialog\"\n            className={classnames(\"neeto-ui-modal__wrapper\", {\n              \"neeto-ui-modal__wrapper--small\": size === SIZES.small,\n              \"neeto-ui-modal__wrapper--medium\": size === SIZES.medium,\n              \"neeto-ui-modal__wrapper--large\": size === SIZES.large,\n              \"neeto-ui-modal__wrapper--fullscreen\": isFullScreenModal,\n              [className]: className,\n            })}\n            {...otherProps}\n          >\n            {closeButton && (\n              <Button\n                aria-label=\"Close\"\n                className=\"neeto-ui-modal__close\"\n                data-testid=\"modal-close-button\"\n                icon={Close}\n                size={isFullScreenModal ? \"large\" : \"small\"}\n                style={isFullScreenModal ? \"secondary\" : \"text\"}\n                onClick={handleOverlayClose}\n              />\n            )}\n            <MemoizedChildren shouldUpdate={isOpen || forceRender}>\n              {typeof children === \"function\"\n                ? children({ setFocusField })\n                : children}\n            </MemoizedChildren>\n          </div>\n        </Backdrop>\n      </CSSTransition>\n    </Portal>\n  );\n};\n\nModal.propTypes = {\n  /**\n   * To specify the size of the Modal.\n   */\n  size: PropTypes.oneOf(Object.values(SIZES)),\n  /**\n   * To specify whether the Modal is open or not.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * To specify the callback which will be invoked when the Modal is closed.\n   */\n  onClose: PropTypes.func,\n  /**\n   * To specify the content to be rendered inside the Modal component.\n   */\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n  /**\n   * To provide external classNames to the Modal.\n   */\n  className: PropTypes.string,\n  /**\n   * To close the Modal on pressing the Esc key.\n   */\n  closeOnEsc: PropTypes.bool,\n  /**\n   * To specify whether the close button of the Modal should be displayed or not.\n   */\n  closeButton: PropTypes.bool,\n  /**\n   * To add custom classes to backdrop component.\n   */\n  backdropClassName: PropTypes.string,\n  /**\n   * To close on clicking outside the Modal content.\n   */\n  closeOnOutsideClick: PropTypes.bool,\n  /*\n   * To specify the ref of the element which will receive focus when the Modal is closed.\n   * If not specified, the focus will be set to the element which was focused when the Modal was opened.\n   * If the Modal was opened by clicking on a button, then the focus will be set to the button.\n   * */\n  finalFocusRef: PropTypes.object,\n  /**\n   * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-success mb-2\">\n   * New\n   * </div>\n   * To specify the ref of the element which will receive focus when the Modal is opened.\n   * If not specified, the focus will be set to the first focusable element inside the Modal.\n   * */\n  initialFocusRef: PropTypes.object,\n  /**\n   * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-success mb-2\">\n   * New\n   * </div>\n   * To specify whether the scroll should be blocked when the Modal is opened.\n   * */\n  blockScrollOnMount: PropTypes.bool,\n  /**\n   * The modal children will be force re-rendered if the boolean is set to `true`. Ideally the modal won't update\n   * if the `isOpen` is `false`. You can use this prop to override that nature.\n   */\n  forceRender: PropTypes.bool,\n};\n\nModal.Header = Header;\nModal.Body = Body;\nModal.Footer = Footer;\n\nexport default Modal;\n"],"names":["Body","_ref","children","className","dataTestid","_jsx","classnames","Footer","Header","_ref$description","description","_jsxs","Typography","lineHeight","style","MemoizedChildren","React","memo","_","_ref2","shouldUpdate","displayName","SIZES","small","medium","large","fullScreen","Modal","_ref$size","size","_ref$isOpen","isOpen","_ref$onClose","onClose","finalFocusRef","initialFocusRef","_ref$className","_ref$closeOnEsc","closeOnEsc","_ref$closeButton","closeButton","_ref$backdropClassNam","backdropClassName","_ref$blockScrollOnMou","blockScrollOnMount","_ref$closeOnOutsideCl","closeOnOutsideClick","_ref$forceRender","forceRender","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","hasTransitionCompleted","setHasTransitionCompleted","modalWrapper","useRef","backdropRef","useOverlayManager","_useOverlay","useOverlay","overlayWrapper","handleOverlayClose","setFocusField","isFullScreenModal","Portal","rootId","CSSTransition","unmountOnExit","appear","classNames","timeout","onEntered","onExited","Backdrop","ref","_objectSpread","role","_defineProperty","Button","icon","Close","onClick"],"mappings":"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"}

package/dist/cjs/Pane.js

@@ -180,7 +180,6 @@ var Pane = function Pane(_ref) {
         return setHasTransitionCompleted(false);
       },
       children: /*#__PURE__*/jsxRuntime.jsx(useOverlayManager.Backdrop, {
-        "data-testid": "backdrop",
         ref: backdropRef,
         className: classnames("neeto-ui-pane__backdrop neeto-ui-flex neeto-ui-justify-end", backdropClassName),
         children: /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({

package/dist/cjs/Pane.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pane.js","sources":["../../src/components/Pane/Body.jsx","../../src/components/Pane/Footer.jsx","../../src/components/Pane/Header.jsx","../../src/components/Pane/constants.js","../../src/components/Pane/utils.js","../../src/components/Pane/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Body = ({ children, className, hasFooter = true }) => (\n  <div\n    data-testid=\"pane-body\"\n    className={classnames(\n      \"neeto-ui-pane__body neeto-ui-flex neeto-ui-flex-col neeto-ui-items-start neeto-ui-justify-start\",\n      {\n        \"neeto-ui-pane__body--has-footer\": hasFooter,\n        [className]: className,\n      }\n    )}\n  >\n    {children}\n  </div>\n);\n\nBody.propTypes = {\n  /**\n   * To specify if the Pane has a footer.\n   * @default true\n   */\n  hasFooter: PropTypes.bool,\n  /**\n   * To specify className to be applied to the Pane Body container.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Pane Body.\n   */\n  children: PropTypes.node,\n};\n\nexport default Body;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Footer = ({ children, className }) => (\n  <div\n    className={classnames(\n      \"neeto-ui-pane__footer neeto-ui-flex neeto-ui-items-center\",\n      className\n    )}\n  >\n    {children}\n  </div>\n);\n\nFooter.propTypes = {\n  /**\n   * To specify className to be applied to the Pane Footer container.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Pane Footer.\n   */\n  children: PropTypes.node,\n};\n\nexport default Footer;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Header = ({ children, className }) => (\n  <div\n    className={classnames(\"neeto-ui-pane__header\", className)}\n    data-testid=\"pane-header\"\n  >\n    {children}\n  </div>\n);\n\nHeader.propTypes = {\n  /**\n   * To specify className to be applied to the Pane Header container.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Pane Header.\n   */\n  children: PropTypes.node,\n};\n\nexport default Header;\n","export const DEFAULT_PANE_HEADER_HEIGHT = 78;\n","import { DEFAULT_PANE_HEADER_HEIGHT } from \"./constants\";\n\nexport const getHeader = paneWrapperRef =>\n  paneWrapperRef.current?.querySelector(\".neeto-ui-pane__header\");\n\nexport const updateHeaderHeight = (header, paneWrapperRef) => {\n  const headerHeight = header?.offsetHeight;\n\n  if (headerHeight > DEFAULT_PANE_HEADER_HEIGHT) {\n    paneWrapperRef.current?.style.setProperty(\n      \"--neeto-ui-pane-header-height\",\n      `${headerHeight}px`\n    );\n  } else {\n    paneWrapperRef.current?.style.removeProperty(\n      \"--neeto-ui-pane-header-height\"\n    );\n  }\n};\n","import React, { useRef, useState, useEffect } from \"react\";\n\nimport classnames from \"classnames\";\nimport { Close } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\nimport { CSSTransition } from \"react-transition-group\";\n\nimport Backdrop from \"atoms/Backdrop\";\nimport Portal from \"atoms/Portal\";\nimport Button from \"components/Button\";\nimport { useOverlay, useOverlayManager } from \"hooks\";\n\nimport Body from \"./Body\";\nimport Footer from \"./Footer\";\nimport Header from \"./Header\";\nimport { getHeader, updateHeaderHeight } from \"./utils\";\n\nconst SIZES = { small: \"small\", large: \"large\", extraLarge: \"extraLarge\" };\n\nconst Pane = ({\n  size = SIZES.small,\n  isOpen = false,\n  onClose = () => {},\n  children,\n  className = \"\",\n  closeOnEsc = true,\n  closeButton = true,\n  backdropClassName = \"\",\n  closeOnOutsideClick = true,\n  initialFocusRef,\n  finalFocusRef,\n  ...otherProps\n}) => {\n  const [hasTransitionCompleted, setHasTransitionCompleted] = useState(false);\n\n  const paneWrapperRef = useRef(null);\n  const backdropRef = useRef(null);\n\n  const observerRef = useRef(\n    new ResizeObserver(([entry]) =>\n      updateHeaderHeight(entry.target, paneWrapperRef)\n    )\n  );\n\n  useOverlayManager(paneWrapperRef, isOpen);\n\n  const { handleOverlayClose, setFocusField, isTopOverlay } = useOverlay({\n    overlayWrapper: paneWrapperRef,\n    backdropRef,\n    closeOnOutsideClick,\n    closeOnEsc,\n    onClose,\n    isOpen,\n    initialFocusRef,\n    finalFocusRef,\n    hasTransitionCompleted,\n  });\n\n  useEffect(() => {\n    if (!hasTransitionCompleted || !paneWrapperRef.current) return undefined;\n\n    const observer = observerRef.current;\n    const header = getHeader(paneWrapperRef);\n\n    if (header) {\n      observer.observe(header);\n\n      return () => observer.disconnect();\n    }\n\n    const mutationObserver = new MutationObserver(() => {\n      const header = getHeader(paneWrapperRef);\n      if (!header) return;\n\n      observer.observe(header);\n      mutationObserver.disconnect();\n    });\n\n    mutationObserver.observe(paneWrapperRef.current, {\n      childList: true,\n      subtree: true,\n    });\n\n    return () => {\n      mutationObserver.disconnect();\n      observer.disconnect();\n    };\n  }, [hasTransitionCompleted, isTopOverlay]);\n\n  return (\n    <Portal rootId=\"neeto-ui-portal\">\n      <CSSTransition\n        unmountOnExit\n        appear={isOpen}\n        classNames=\"neeto-ui-pane\"\n        in={isOpen}\n        timeout={230}\n        onEntered={() => setHasTransitionCompleted(true)}\n        onExited={() => setHasTransitionCompleted(false)}\n      >\n        <Backdrop\n          data-testid=\"backdrop\"\n          key=\"pane-backdrop\"\n          ref={backdropRef}\n          className={classnames(\n            \"neeto-ui-pane__backdrop neeto-ui-flex neeto-ui-justify-end\",\n            backdropClassName\n          )}\n        >\n          <div\n            data-testid=\"pane-wrapper\"\n            key=\"pane-wrapper\"\n            ref={paneWrapperRef}\n            className={classnames(\"neeto-ui-pane__wrapper\", {\n              \"neeto-ui-pane__wrapper--small\": size === SIZES.small,\n              \"neeto-ui-pane__wrapper--large\": size === SIZES.large,\n              \"neeto-ui-pane__wrapper--extralarge\": size === SIZES.extraLarge,\n              [className]: className,\n            })}\n            {...otherProps}\n          >\n            {closeButton && (\n              <Button\n                aria-label=\"Close\"\n                className=\"neeto-ui-pane__close\"\n                data-testid=\"pane-close-button\"\n                icon={Close}\n                size=\"small\"\n                style=\"text\"\n                onClick={handleOverlayClose}\n              />\n            )}\n            {hasTransitionCompleted && (\n              <>\n                {typeof children === \"function\"\n                  ? children({ setFocusField })\n                  : children}\n              </>\n            )}\n          </div>\n        </Backdrop>\n      </CSSTransition>\n    </Portal>\n  );\n};\n\nPane.propTypes = {\n  /**\n   * To specify the size of the Pane.\n   */\n  size: PropTypes.oneOf(Object.values(SIZES)),\n  /**\n   * To specify whether the Pane component is open or not.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * To specify the callback which will be invoked when the close button of Pane is clicked.\n   */\n  onClose: PropTypes.func,\n  /**\n   * To specify the content to be rendered inside the Pane component.\n   */\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n  /**\n   * To provide external classname to the Pane component.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify whether the Pane component should close on esc key press.\n   */\n  closeOnEsc: PropTypes.bool,\n  /**\n   * To specify whether the Pane component should render close button.\n   */\n  closeButton: PropTypes.bool,\n  /**\n   * To specify the classname to be applied to the backdrop element.\n   */\n  backdropClassName: PropTypes.string,\n  /**\n   * To specify whether the Pane component should close on outside click.\n   */\n  closeOnOutsideClick: PropTypes.bool,\n\n  /**\n   * To specify the ref of the element which should be focused when the Pane component is opened.\n   * If not specified, the first focusable element inside the Pane component will be focused.\n   * If there are no focusable elements, the Pane component itself will be focused.\n   */\n  initialFocusRef: PropTypes.object,\n\n  /**\n   * To specify the ref of the element which should be focused when the Pane component is closed.\n   * If not specified, the element which was focused when the Pane component was opened will be focused.\n   */\n  finalFocusRef: PropTypes.object,\n};\n\nPane.Header = Header;\nPane.Body = Body;\nPane.Footer = Footer;\n\nexport default Pane;\n"],"names":["Body","_ref","children","className","_ref$hasFooter","hasFooter","_jsx","classnames","_defineProperty","Footer","Header","DEFAULT_PANE_HEADER_HEIGHT","getHeader","paneWrapperRef","_paneWrapperRef$curre","current","querySelector","updateHeaderHeight","header","headerHeight","offsetHeight","_paneWrapperRef$curre2","style","setProperty","concat","_paneWrapperRef$curre3","removeProperty","SIZES","small","large","extraLarge","Pane","_ref$size","size","_ref$isOpen","isOpen","_ref$onClose","onClose","_ref$className","_ref$closeOnEsc","closeOnEsc","_ref$closeButton","closeButton","_ref$backdropClassNam","backdropClassName","_ref$closeOnOutsideCl","closeOnOutsideClick","initialFocusRef","finalFocusRef","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","hasTransitionCompleted","setHasTransitionCompleted","useRef","backdropRef","observerRef","ResizeObserver","_ref2","_ref3","entry","target","useOverlayManager","_useOverlay","useOverlay","overlayWrapper","handleOverlayClose","setFocusField","isTopOverlay","useEffect","undefined","observer","observe","disconnect","mutationObserver","MutationObserver","childList","subtree","Portal","rootId","CSSTransition","unmountOnExit","appear","classNames","timeout","onEntered","onExited","Backdrop","ref","_jsxs","_objectSpread","Button","icon","Close","onClick","_Fragment"],"mappings":"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"}
+{"version":3,"file":"Pane.js","sources":["../../src/components/Pane/Body.jsx","../../src/components/Pane/Footer.jsx","../../src/components/Pane/Header.jsx","../../src/components/Pane/constants.js","../../src/components/Pane/utils.js","../../src/components/Pane/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Body = ({ children, className, hasFooter = true }) => (\n  <div\n    data-testid=\"pane-body\"\n    className={classnames(\n      \"neeto-ui-pane__body neeto-ui-flex neeto-ui-flex-col neeto-ui-items-start neeto-ui-justify-start\",\n      {\n        \"neeto-ui-pane__body--has-footer\": hasFooter,\n        [className]: className,\n      }\n    )}\n  >\n    {children}\n  </div>\n);\n\nBody.propTypes = {\n  /**\n   * To specify if the Pane has a footer.\n   * @default true\n   */\n  hasFooter: PropTypes.bool,\n  /**\n   * To specify className to be applied to the Pane Body container.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Pane Body.\n   */\n  children: PropTypes.node,\n};\n\nexport default Body;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Footer = ({ children, className }) => (\n  <div\n    className={classnames(\n      \"neeto-ui-pane__footer neeto-ui-flex neeto-ui-items-center\",\n      className\n    )}\n  >\n    {children}\n  </div>\n);\n\nFooter.propTypes = {\n  /**\n   * To specify className to be applied to the Pane Footer container.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Pane Footer.\n   */\n  children: PropTypes.node,\n};\n\nexport default Footer;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Header = ({ children, className }) => (\n  <div\n    className={classnames(\"neeto-ui-pane__header\", className)}\n    data-testid=\"pane-header\"\n  >\n    {children}\n  </div>\n);\n\nHeader.propTypes = {\n  /**\n   * To specify className to be applied to the Pane Header container.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Pane Header.\n   */\n  children: PropTypes.node,\n};\n\nexport default Header;\n","export const DEFAULT_PANE_HEADER_HEIGHT = 78;\n","import { DEFAULT_PANE_HEADER_HEIGHT } from \"./constants\";\n\nexport const getHeader = paneWrapperRef =>\n  paneWrapperRef.current?.querySelector(\".neeto-ui-pane__header\");\n\nexport const updateHeaderHeight = (header, paneWrapperRef) => {\n  const headerHeight = header?.offsetHeight;\n\n  if (headerHeight > DEFAULT_PANE_HEADER_HEIGHT) {\n    paneWrapperRef.current?.style.setProperty(\n      \"--neeto-ui-pane-header-height\",\n      `${headerHeight}px`\n    );\n  } else {\n    paneWrapperRef.current?.style.removeProperty(\n      \"--neeto-ui-pane-header-height\"\n    );\n  }\n};\n","import React, { useRef, useState, useEffect } from \"react\";\n\nimport classnames from \"classnames\";\nimport { Close } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\nimport { CSSTransition } from \"react-transition-group\";\n\nimport Backdrop from \"atoms/Backdrop\";\nimport Portal from \"atoms/Portal\";\nimport Button from \"components/Button\";\nimport { useOverlay, useOverlayManager } from \"hooks\";\n\nimport Body from \"./Body\";\nimport Footer from \"./Footer\";\nimport Header from \"./Header\";\nimport { getHeader, updateHeaderHeight } from \"./utils\";\n\nconst SIZES = { small: \"small\", large: \"large\", extraLarge: \"extraLarge\" };\n\nconst Pane = ({\n  size = SIZES.small,\n  isOpen = false,\n  onClose = () => {},\n  children,\n  className = \"\",\n  closeOnEsc = true,\n  closeButton = true,\n  backdropClassName = \"\",\n  closeOnOutsideClick = true,\n  initialFocusRef,\n  finalFocusRef,\n  ...otherProps\n}) => {\n  const [hasTransitionCompleted, setHasTransitionCompleted] = useState(false);\n\n  const paneWrapperRef = useRef(null);\n  const backdropRef = useRef(null);\n\n  const observerRef = useRef(\n    new ResizeObserver(([entry]) =>\n      updateHeaderHeight(entry.target, paneWrapperRef)\n    )\n  );\n\n  useOverlayManager(paneWrapperRef, isOpen);\n\n  const { handleOverlayClose, setFocusField, isTopOverlay } = useOverlay({\n    overlayWrapper: paneWrapperRef,\n    backdropRef,\n    closeOnOutsideClick,\n    closeOnEsc,\n    onClose,\n    isOpen,\n    initialFocusRef,\n    finalFocusRef,\n    hasTransitionCompleted,\n  });\n\n  useEffect(() => {\n    if (!hasTransitionCompleted || !paneWrapperRef.current) return undefined;\n\n    const observer = observerRef.current;\n    const header = getHeader(paneWrapperRef);\n\n    if (header) {\n      observer.observe(header);\n\n      return () => observer.disconnect();\n    }\n\n    const mutationObserver = new MutationObserver(() => {\n      const header = getHeader(paneWrapperRef);\n      if (!header) return;\n\n      observer.observe(header);\n      mutationObserver.disconnect();\n    });\n\n    mutationObserver.observe(paneWrapperRef.current, {\n      childList: true,\n      subtree: true,\n    });\n\n    return () => {\n      mutationObserver.disconnect();\n      observer.disconnect();\n    };\n  }, [hasTransitionCompleted, isTopOverlay]);\n\n  return (\n    <Portal rootId=\"neeto-ui-portal\">\n      <CSSTransition\n        unmountOnExit\n        appear={isOpen}\n        classNames=\"neeto-ui-pane\"\n        in={isOpen}\n        timeout={230}\n        onEntered={() => setHasTransitionCompleted(true)}\n        onExited={() => setHasTransitionCompleted(false)}\n      >\n        <Backdrop\n          key=\"pane-backdrop\"\n          ref={backdropRef}\n          className={classnames(\n            \"neeto-ui-pane__backdrop neeto-ui-flex neeto-ui-justify-end\",\n            backdropClassName\n          )}\n        >\n          <div\n            data-testid=\"pane-wrapper\"\n            key=\"pane-wrapper\"\n            ref={paneWrapperRef}\n            className={classnames(\"neeto-ui-pane__wrapper\", {\n              \"neeto-ui-pane__wrapper--small\": size === SIZES.small,\n              \"neeto-ui-pane__wrapper--large\": size === SIZES.large,\n              \"neeto-ui-pane__wrapper--extralarge\": size === SIZES.extraLarge,\n              [className]: className,\n            })}\n            {...otherProps}\n          >\n            {closeButton && (\n              <Button\n                aria-label=\"Close\"\n                className=\"neeto-ui-pane__close\"\n                data-testid=\"pane-close-button\"\n                icon={Close}\n                size=\"small\"\n                style=\"text\"\n                onClick={handleOverlayClose}\n              />\n            )}\n            {hasTransitionCompleted && (\n              <>\n                {typeof children === \"function\"\n                  ? children({ setFocusField })\n                  : children}\n              </>\n            )}\n          </div>\n        </Backdrop>\n      </CSSTransition>\n    </Portal>\n  );\n};\n\nPane.propTypes = {\n  /**\n   * To specify the size of the Pane.\n   */\n  size: PropTypes.oneOf(Object.values(SIZES)),\n  /**\n   * To specify whether the Pane component is open or not.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * To specify the callback which will be invoked when the close button of Pane is clicked.\n   */\n  onClose: PropTypes.func,\n  /**\n   * To specify the content to be rendered inside the Pane component.\n   */\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n  /**\n   * To provide external classname to the Pane component.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify whether the Pane component should close on esc key press.\n   */\n  closeOnEsc: PropTypes.bool,\n  /**\n   * To specify whether the Pane component should render close button.\n   */\n  closeButton: PropTypes.bool,\n  /**\n   * To specify the classname to be applied to the backdrop element.\n   */\n  backdropClassName: PropTypes.string,\n  /**\n   * To specify whether the Pane component should close on outside click.\n   */\n  closeOnOutsideClick: PropTypes.bool,\n\n  /**\n   * To specify the ref of the element which should be focused when the Pane component is opened.\n   * If not specified, the first focusable element inside the Pane component will be focused.\n   * If there are no focusable elements, the Pane component itself will be focused.\n   */\n  initialFocusRef: PropTypes.object,\n\n  /**\n   * To specify the ref of the element which should be focused when the Pane component is closed.\n   * If not specified, the element which was focused when the Pane component was opened will be focused.\n   */\n  finalFocusRef: PropTypes.object,\n};\n\nPane.Header = Header;\nPane.Body = Body;\nPane.Footer = Footer;\n\nexport default Pane;\n"],"names":["Body","_ref","children","className","_ref$hasFooter","hasFooter","_jsx","classnames","_defineProperty","Footer","Header","DEFAULT_PANE_HEADER_HEIGHT","getHeader","paneWrapperRef","_paneWrapperRef$curre","current","querySelector","updateHeaderHeight","header","headerHeight","offsetHeight","_paneWrapperRef$curre2","style","setProperty","concat","_paneWrapperRef$curre3","removeProperty","SIZES","small","large","extraLarge","Pane","_ref$size","size","_ref$isOpen","isOpen","_ref$onClose","onClose","_ref$className","_ref$closeOnEsc","closeOnEsc","_ref$closeButton","closeButton","_ref$backdropClassNam","backdropClassName","_ref$closeOnOutsideCl","closeOnOutsideClick","initialFocusRef","finalFocusRef","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","hasTransitionCompleted","setHasTransitionCompleted","useRef","backdropRef","observerRef","ResizeObserver","_ref2","_ref3","entry","target","useOverlayManager","_useOverlay","useOverlay","overlayWrapper","handleOverlayClose","setFocusField","isTopOverlay","useEffect","undefined","observer","observe","disconnect","mutationObserver","MutationObserver","childList","subtree","Portal","rootId","CSSTransition","unmountOnExit","appear","classNames","timeout","onEntered","onExited","Backdrop","ref","_jsxs","_objectSpread","Button","icon","Close","onClick","_Fragment"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neetoui",
-  "version": "8.3.56",
+  "version": "8.3.57",
   "author": "BigBinary",
   "license": "MIT",
   "description": "neetoUI drives the experience at all neeto products",