@atlaskit/modal-dialog 12.4.6 → 12.4.8

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/modal-dialog
 
+## 12.4.8
+
+### Patch Changes
+
+- Updated dependencies
+
+## 12.4.7
+
+### Patch Changes
+
+- [`18aeca8c199`](https://bitbucket.org/atlassian/atlassian-frontend/commits/18aeca8c199) - Internal change to update token references. There is no expected behaviour or visual change.
+
 ## 12.4.6
 
 ### Patch Changes

package/dist/cjs/hooks.js

@@ -4,19 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useModal = void 0;
-
 var _react = require("react");
-
 var _context = require("./internal/context");
-
 var useModal = function useModal() {
   var modalContext = (0, _react.useContext)(_context.ModalContext);
-
   if (modalContext == null) {
     throw Error('@atlaskit/modal-dialog: Modal context unavailable – this component needs to be a child of ModalDialog.');
   }
-
   return modalContext;
 };
-
 exports.useModal = useModal;

package/dist/cjs/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -47,17 +46,10 @@ Object.defineProperty(exports, "useModal", {
     return _hooks.useModal;
   }
 });
-
 var _modalWrapper = _interopRequireDefault(require("./modal-wrapper"));
-
 var _modalTransition = _interopRequireDefault(require("./modal-transition"));
-
 var _modalHeader = _interopRequireDefault(require("./modal-header"));
-
 var _modalTitle = _interopRequireDefault(require("./modal-title"));
-
 var _modalBody = _interopRequireDefault(require("./modal-body"));
-
 var _modalFooter = _interopRequireDefault(require("./modal-footer"));
-
 var _hooks = require("./hooks");

package/dist/cjs/internal/components/modal-dialog.js

@@ -1,45 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _reactUid = require("react-uid");
-
 var _mergeRefs = _interopRequireDefault(require("@atlaskit/ds-lib/merge-refs"));
-
 var _useAutoFocus = _interopRequireDefault(require("@atlaskit/ds-lib/use-auto-focus"));
-
 var _focusRing = _interopRequireDefault(require("@atlaskit/focus-ring"));
-
 var _fadeIn = _interopRequireDefault(require("@atlaskit/motion/fade-in"));
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _constants = require("../constants");
-
 var _context = require("../context");
-
 var _useOnMotionFinish3 = _interopRequireDefault(require("../hooks/use-on-motion-finish"));
-
 var _utils = require("../utils");
-
 var _positioner = _interopRequireDefault(require("./positioner"));
-
 /** @jsx jsx */
+
 var dialogStyles = (0, _react2.css)({
   display: 'flex',
   width: '100%',
@@ -61,7 +44,6 @@ var dialogStyles = (0, _react2.css)({
     borderRadius: _constants.borderRadius,
     boxShadow: "var(--ds-shadow-overlay, ".concat("0 0 0 1px ".concat(_colors.N30A, ", 0 2px 1px ").concat(_colors.N30A, ", 0 0 20px -6px ").concat(_colors.N60A), ")")
   },
-
   /**
    * This is to support scrolling if the modal's children are wrapped in
    * a form.
@@ -91,33 +73,31 @@ var bodyScrollStyles = (0, _react2.css)({
     maxHeight: 'inherit'
   }
 });
-
 var ModalDialog = function ModalDialog(props) {
   var _props$width = props.width,
-      width = _props$width === void 0 ? 'medium' : _props$width,
-      _props$shouldScrollIn = props.shouldScrollInViewport,
-      shouldScrollInViewport = _props$shouldScrollIn === void 0 ? false : _props$shouldScrollIn,
-      autoFocus = props.autoFocus,
-      stackIndex = props.stackIndex,
-      onClose = props.onClose,
-      onCloseComplete = props.onCloseComplete,
-      onOpenComplete = props.onOpenComplete,
-      height = props.height,
-      children = props.children,
-      testId = props.testId;
+    width = _props$width === void 0 ? 'medium' : _props$width,
+    _props$shouldScrollIn = props.shouldScrollInViewport,
+    shouldScrollInViewport = _props$shouldScrollIn === void 0 ? false : _props$shouldScrollIn,
+    autoFocus = props.autoFocus,
+    stackIndex = props.stackIndex,
+    onClose = props.onClose,
+    onCloseComplete = props.onCloseComplete,
+    onOpenComplete = props.onOpenComplete,
+    height = props.height,
+    children = props.children,
+    testId = props.testId;
   var id = (0, _reactUid.useUID)();
   var titleId = "modal-dialog-title-".concat(id);
-  (0, _useAutoFocus.default)((0, _typeof2.default)(autoFocus) === 'object' ? autoFocus : undefined, // When a user supplies  a ref to focus we enable this hook
+  (0, _useAutoFocus.default)((0, _typeof2.default)(autoFocus) === 'object' ? autoFocus : undefined,
+  // When a user supplies  a ref to focus we enable this hook
   (0, _typeof2.default)(autoFocus) === 'object');
-
   var _useOnMotionFinish = (0, _useOnMotionFinish3.default)({
-    onOpenComplete: onOpenComplete,
-    onCloseComplete: onCloseComplete
-  }),
-      _useOnMotionFinish2 = (0, _slicedToArray2.default)(_useOnMotionFinish, 2),
-      motionRef = _useOnMotionFinish2[0],
-      onMotionFinish = _useOnMotionFinish2[1];
-
+      onOpenComplete: onOpenComplete,
+      onCloseComplete: onCloseComplete
+    }),
+    _useOnMotionFinish2 = (0, _slicedToArray2.default)(_useOnMotionFinish, 2),
+    motionRef = _useOnMotionFinish2[0],
+    onMotionFinish = _useOnMotionFinish2[1];
   var modalDialogContext = (0, _react.useMemo)(function () {
     return {
       testId: testId,
@@ -152,8 +132,8 @@ var ModalDialog = function ModalDialog(props) {
       "aria-modal": true
     }), children));
   }))));
-}; // eslint-disable-next-line @repo/internal/react/require-jsdoc
-
+};
 
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 var _default = ModalDialog;
 exports.default = _default;

package/dist/cjs/internal/components/positioner.js

@@ -4,21 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("@emotion/react");
-
 var _curves = require("@atlaskit/motion/curves");
-
 var _durations = require("@atlaskit/motion/durations");
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _constants2 = require("../constants");
-
 /** @jsx jsx */
+
 var maxWidthDimensions = "calc(100vw - ".concat(_constants2.gutter * 2, "px)");
-var maxHeightDimensions = "calc(100vh - ".concat(_constants2.gutter * 2 - 1, "px)"); // Flex and min-content are set to constrain the height of the body and support multi-column scrolling experiences
+var maxHeightDimensions = "calc(100vh - ".concat(_constants2.gutter * 2 - 1, "px)");
 
+// Flex and min-content are set to constrain the height of the body and support multi-column scrolling experiences
 var positionerStyles = (0, _react.css)({
   display: 'flex',
   width: '100%',
@@ -55,7 +51,6 @@ var stackTransitionStyles = (0, _react.css)({
   transitionDuration: "".concat(_durations.mediumDurationMs, "ms"),
   transitionProperty: 'transform',
   transitionTimingFunction: _curves.easeInOut,
-
   /**
    * Duplicated from @atlaskit/motion/accessibility
    * because @repo/internal/styles/consistent-style-ordering
@@ -72,23 +67,21 @@ var stackTransformStyles = (0, _react.css)({
 var stackIdleStyles = (0, _react.css)({
   transform: 'none'
 });
-
 var Positioner = function Positioner(props) {
   var children = props.children,
-      stackIndex = props.stackIndex,
-      shouldScrollInViewport = props.shouldScrollInViewport,
-      testId = props.testId;
+    stackIndex = props.stackIndex,
+    shouldScrollInViewport = props.shouldScrollInViewport,
+    testId = props.testId;
   return (0, _react.jsx)("div", {
     style: {
       '--modal-dialog-translate-y': "".concat(stackIndex * (_constants2.verticalOffset / 2), "px")
     },
-    css: [positionerStyles, stackTransitionStyles,
-    /* We only want to apply transform on modals shifting to the back of the stack. */
+    css: [positionerStyles, stackTransitionStyles, /* We only want to apply transform on modals shifting to the back of the stack. */
     stackIndex > 0 ? stackTransformStyles : stackIdleStyles, shouldScrollInViewport ? viewportScrollStyles : bodyScrollStyles],
     "data-testid": testId && "".concat(testId, "--positioner")
   }, children);
-}; // eslint-disable-next-line @repo/internal/react/require-jsdoc
-
+};
 
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 var _default = Positioner;
 exports.default = _default;

package/dist/cjs/internal/components/scroll-container.js

@@ -1,45 +1,29 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _bindEventListener = require("bind-event-listener");
-
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
-
 var _mergeRefs = _interopRequireDefault(require("@atlaskit/ds-lib/merge-refs"));
-
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
-
 var _useLazyCallback = _interopRequireDefault(require("@atlaskit/ds-lib/use-lazy-callback"));
-
 var _useStateRef3 = _interopRequireDefault(require("@atlaskit/ds-lib/use-state-ref"));
-
 var _focusRing = _interopRequireDefault(require("@atlaskit/focus-ring"));
-
 var _constants = require("../constants");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /** @jsx jsx */
+
 var baseStyles = (0, _react2.css)({
   display: 'inherit',
-  // TODO Delete this comment after verifying spacing token -> previous value `0`
-  margin: "var(--ds-scale-0, 0px)",
+  margin: "var(--ds-space-0, 0px)",
   flex: 'inherit',
   flexDirection: 'inherit',
   flexGrow: 1,
@@ -56,38 +40,32 @@ var topKeylineStyles = (0, _react2.css)({
 var bottomKeylineStyles = (0, _react2.css)({
   borderBottom: "".concat(_constants.keylineHeight, "px solid ").concat(_constants.keylineColor)
 });
-
 /**
  * A container that shows top and bottom keylines when the
  * content overflows into the scrollable element.
  */
 var ScrollContainer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var testId = props.testId,
-      children = props.children;
-
+    children = props.children;
   var _useStateRef = (0, _useStateRef3.default)({
-    previous: false,
-    next: false
-  }),
-      _useStateRef2 = (0, _slicedToArray2.default)(_useStateRef, 2),
-      hasSiblings = _useStateRef2[0],
-      setSiblings = _useStateRef2[1];
-
+      previous: false,
+      next: false
+    }),
+    _useStateRef2 = (0, _slicedToArray2.default)(_useStateRef, 2),
+    hasSiblings = _useStateRef2[0],
+    setSiblings = _useStateRef2[1];
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      showContentFocus = _useState2[0],
-      setContentFocus = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    showContentFocus = _useState2[0],
+    setContentFocus = _useState2[1];
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      showTopKeyline = _useState4[0],
-      setTopKeyline = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    showTopKeyline = _useState4[0],
+    setTopKeyline = _useState4[1];
   var _useState5 = (0, _react.useState)(false),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      showBottomKeyline = _useState6[0],
-      setBottomKeyline = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    showBottomKeyline = _useState6[0],
+    setBottomKeyline = _useState6[1];
   var scrollableRef = (0, _react.useRef)(null);
   var setLazySiblings = (0, _useLazyCallback.default)(setSiblings);
   var setLazyContentFocus = (0, _useLazyCallback.default)((0, _rafSchd.default)(function () {
@@ -96,14 +74,11 @@ var ScrollContainer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
   }));
   var setLazyKeylines = (0, _useLazyCallback.default)((0, _rafSchd.default)(function () {
     var target = scrollableRef.current;
-
     if (target) {
       var scrollableDistance = target.scrollHeight - target.clientHeight;
-
       if (hasSiblings.current.previous) {
         setTopKeyline(target.scrollTop > _constants.keylineHeight);
       }
-
       if (hasSiblings.current.next) {
         setBottomKeyline(target.scrollTop <= scrollableDistance - _constants.keylineHeight);
       }

package/dist/cjs/internal/constants.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.width = exports.verticalOffset = exports.titleIconMargin = exports.textColor = exports.padding = exports.keylineHeight = exports.keylineColor = exports.iconColor = exports.gutter = exports.footerItemGap = exports.borderRadius = void 0;
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _constants = require("@atlaskit/theme/constants");
-
 var width = {
   values: ['small', 'medium', 'large', 'x-large'],
   widths: {

package/dist/cjs/internal/context.js

@@ -4,10 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ScrollContext = exports.ModalContext = void 0;
-
 var _react = require("react");
-
 /* eslint-disable @repo/internal/react/require-jsdoc */
+
 var ModalContext = /*#__PURE__*/(0, _react.createContext)(null);
 exports.ModalContext = ModalContext;
 var ScrollContext = /*#__PURE__*/(0, _react.createContext)(null);

package/dist/cjs/internal/hooks/use-modal-stack.js

@@ -1,24 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useModalStack;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 var _useLazyCallback = _interopRequireDefault(require("@atlaskit/ds-lib/use-lazy-callback"));
-
 var _usePreviousValue = _interopRequireDefault(require("@atlaskit/ds-lib/use-previous-value"));
-
 var _useStateRef3 = _interopRequireDefault(require("@atlaskit/ds-lib/use-state-ref"));
-
 var _exitingPersistence = require("@atlaskit/motion/exiting-persistence");
-
 /**
  *  ________________________________________________
  * | MAJOR VERSIONS WILL NOT KNOW ABOUT EACH OTHER! |
@@ -31,7 +23,6 @@ var _exitingPersistence = require("@atlaskit/motion/exiting-persistence");
  * E.g. V11 won't know about any from V12.
  */
 var modalStackRegister = [];
-
 /**
  * Returns the position of the calling modal dialog in the modal dialog stack.
  * Stack index of `0` is the highest position in the stack,
@@ -39,23 +30,22 @@ var modalStackRegister = [];
  */
 function useModalStack(_ref) {
   var onStackChange = _ref.onStackChange;
-
   var _useExitingPersistenc = (0, _exitingPersistence.useExitingPersistence)(),
-      isExiting = _useExitingPersistenc.isExiting;
-
+    isExiting = _useExitingPersistenc.isExiting;
   var _useStateRef = (0, _useStateRef3.default)(0),
-      _useStateRef2 = (0, _slicedToArray2.default)(_useStateRef, 2),
-      stackIndexRef = _useStateRef2[0],
-      setStackIndex = _useStateRef2[1];
-
+    _useStateRef2 = (0, _slicedToArray2.default)(_useStateRef, 2),
+    stackIndexRef = _useStateRef2[0],
+    setStackIndex = _useStateRef2[1];
   var currentStackIndex = stackIndexRef.current;
-  var previousStackIndex = (0, _usePreviousValue.default)(stackIndexRef.current); // We want to ensure this function **never changes** during the lifecycle of this component.
-  // This is why it's assigned to a ref and not in a useMemo/useCallback.
+  var previousStackIndex = (0, _usePreviousValue.default)(stackIndexRef.current);
 
+  // We want to ensure this function **never changes** during the lifecycle of this component.
+  // This is why it's assigned to a ref and not in a useMemo/useCallback.
   var updateStack = (0, _useLazyCallback.default)(function () {
-    var newStackIndex = modalStackRegister.indexOf(updateStack); // We access the stack index ref instead of state because this closure will always only
-    // have the initial state and not any of the later values.
+    var newStackIndex = modalStackRegister.indexOf(updateStack);
 
+    // We access the stack index ref instead of state because this closure will always only
+    // have the initial state and not any of the later values.
     if (stackIndexRef.current !== newStackIndex) {
       setStackIndex(newStackIndex);
       stackIndexRef.current = newStackIndex;
@@ -63,22 +53,20 @@ function useModalStack(_ref) {
   });
   (0, _react.useEffect)(function () {
     var currentStackIndex = modalStackRegister.indexOf(updateStack);
-
     if (!isExiting && currentStackIndex === -1) {
       // We are opening the modal dialog.
       // Add ourselves to the modal stack register!
       modalStackRegister.unshift(updateStack);
     }
-
     if (isExiting && currentStackIndex !== -1) {
       // We are closing the modal dialog using a wrapping modal transition component.
       // Remove ourselves from the modal stack register!
       // NOTE: Modal dialogs that don't have a wrapping modal transition component won't flow through here!
       // For that scenario we cleanup when the component unmounts.
       modalStackRegister.splice(currentStackIndex, 1);
-    } // Fire all registered modal dialogs to update their position in the stack.
-
+    }
 
+    // Fire all registered modal dialogs to update their position in the stack.
     modalStackRegister.forEach(function (cb) {
       return cb();
     });
@@ -87,7 +75,6 @@ function useModalStack(_ref) {
     return function () {
       // Final cleanup just in case this modal dialog did not have a wrapping modal transition.
       var currentStackIndex = modalStackRegister.indexOf(updateStack);
-
       if (currentStackIndex !== -1) {
         modalStackRegister.splice(currentStackIndex, 1);
         modalStackRegister.forEach(function (cb) {
@@ -101,7 +88,6 @@ function useModalStack(_ref) {
       // Initial case that we don't need to notify about.
       return;
     }
-
     if (previousStackIndex !== currentStackIndex) {
       onStackChange(currentStackIndex);
     }

package/dist/cjs/internal/hooks/use-on-motion-finish.js

@@ -4,19 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useOnMotionFinish;
-
 var _react = require("react");
-
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 function useOnMotionFinish(_ref) {
   var onOpenComplete = _ref.onOpenComplete,
-      onCloseComplete = _ref.onCloseComplete;
+    onCloseComplete = _ref.onCloseComplete;
   var motionRef = (0, _react.useRef)(null);
   var onMotionFinish = (0, _react.useCallback)(function (state) {
     if (state === 'entering' && onOpenComplete) {
       onOpenComplete(motionRef.current, true);
     }
-
     if (state === 'exiting' && onCloseComplete) {
       onCloseComplete(motionRef.current);
     }

package/dist/cjs/internal/hooks/use-prevent-programmatic-scroll.js

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = usePreventProgrammaticScroll;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 var _bindEventListener = require("bind-event-listener");
-
 /**
  * Returns how far the body is scrolled from the top of the viewport.
  *
@@ -25,23 +20,20 @@ var _bindEventListener = require("bind-event-listener");
  */
 function getScrollDistance() {
   var _document$documentEle, _document$body;
-
   return window.pageYOffset || ((_document$documentEle = document.documentElement) === null || _document$documentEle === void 0 ? void 0 : _document$documentEle.scrollTop) || ((_document$body = document.body) === null || _document$body === void 0 ? void 0 : _document$body.scrollTop) || 0;
 }
+
 /**
  * Prevents programatic scrolling of the viewport with `scrollIntoView`.
  * Should be used in conjunction with a scroll lock to prevent a user from scrolling.
  *
  * @returns scroll top offset of the viewport
  */
-
-
 function usePreventProgrammaticScroll() {
   var _useState = (0, _react.useState)(0),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      scrollTopOffset = _useState2[0],
-      setScrollTopOffset = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    scrollTopOffset = _useState2[0],
+    setScrollTopOffset = _useState2[1];
   (0, _react.useLayoutEffect)(function () {
     setScrollTopOffset(getScrollDistance());
   }, []);

package/dist/cjs/internal/hooks/use-scroll.js

@@ -4,18 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useScroll;
-
 var _react = require("react");
-
 var _context = require("../context");
-
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 function useScroll() {
   var shouldScrollInViewport = (0, _react.useContext)(_context.ScrollContext);
-
   if (shouldScrollInViewport == null) {
     throw Error('@atlaskit/modal-dialog: Scroll context unavailable – this component needs to be a child of ModalDialog.');
   }
-
   return shouldScrollInViewport;
 }

package/dist/cjs/internal/utils.js

@@ -4,32 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.dialogWidth = exports.dialogHeight = void 0;
-
 var _constants = require("./constants");
-
 var dialogWidth = function dialogWidth(input) {
   if (!input) {
     return 'auto';
   }
-
   var isWidthName = _constants.width.values.indexOf(input.toString()) !== -1;
   var widthName = isWidthName && input;
-
   if (widthName) {
     return "".concat(_constants.width.widths[widthName], "px");
   }
-
   return typeof input === 'number' ? "".concat(input, "px") : input;
 };
-
 exports.dialogWidth = dialogWidth;
-
 var dialogHeight = function dialogHeight(input) {
   if (!input) {
     return 'auto';
   }
-
   return typeof input === 'number' ? "".concat(input, "px") : input;
 };
-
 exports.dialogHeight = dialogHeight;