@atlaskit/modal-dialog 14.14.2 → 14.14.4

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/modal-dialog
 
+## 14.14.4
+
+### Patch Changes
+
+- [`22bf79dbdcdca`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/22bf79dbdcdca) -
+  Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
+- Updated dependencies
+
+## 14.14.3
+
+### Patch Changes
+
+- [`c966e427a25c6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c966e427a25c6) -
+  Flattens internal util file
+- Updated dependencies
+
 ## 14.14.2
 
 ### Patch Changes

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

@@ -28,9 +28,26 @@ var _useOnMotionFinish3 = _interopRequireDefault(require("../hooks/use-on-motion
 var _element = require("../pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/element");
 var _external = require("../pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/external");
 var _textSelection = require("../pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/text-selection");
-var _utils = require("../utils");
+var _width = require("../width");
 var _positioner = _interopRequireDefault(require("./positioner"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof3(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var dialogWidth = function dialogWidth(input) {
+  if (!input) {
+    return 'auto';
+  }
+  var isWidthName = _width.width.values.indexOf(input.toString()) !== -1;
+  var widthName = isWidthName && input;
+  if (widthName) {
+    return "".concat(_width.width.widths[widthName], "px");
+  }
+  return typeof input === 'number' ? "".concat(input, "px") : input;
+};
+var dialogHeight = function dialogHeight(input) {
+  if (!input) {
+    return 'auto';
+  }
+  return typeof input === 'number' ? "".concat(input, "px") : input;
+};
 var LOCAL_CURRENT_SURFACE_CSS_VAR = '--ds-elevation-surface-current';
 var dialogStyles = {
   root: "_16jlidpf _1o9zkb7n _i0dl1wug _1e0c1txw _1bsb1osq _p12fauwl _4t3i1osq _1tkeidpf _c71l1kxc _2lx21bp4 _bfhk1bhr _syazi7uo _1q1l1bhr _lcxv1wug _1mq81kw7 _m01u1kw7 _1dg11kw7 _mizu1v1w _1ah3dkaa _ra3xnqa1 _128mdkaa _1cvmnqa1 _4davt94y _we1i1kw7 _zg7p130s _yakv1kw7 _4lht1kw7 _1xlt6m9r",
@@ -121,9 +138,9 @@ var ModalDialog = function ModalDialog(props) {
     ref: motionRef,
     style: {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      '--modal-dialog-width': (0, _utils.dialogWidth)(width),
+      '--modal-dialog-width': dialogWidth(width),
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      '--modal-dialog-height': (0, _utils.dialogHeight)(height)
+      '--modal-dialog-height': dialogHeight(height)
     },
     role: "dialog",
     "aria-labelledby": label ? undefined : titleId,
@@ -145,9 +162,9 @@ var ModalDialog = function ModalDialog(props) {
       ref: (0, _mergeRefs.default)([bottomFadeInProps.ref, motionRef]),
       style: {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-        '--modal-dialog-width': (0, _utils.dialogWidth)(width),
+        '--modal-dialog-width': dialogWidth(width),
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-        '--modal-dialog-height': (0, _utils.dialogHeight)(height)
+        '--modal-dialog-height': dialogHeight(height)
       },
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
       className: (0, _runtime.ax)([dialogStyles.root, !isFullScreen && dialogStyles.borderRadius, !isFullScreen && (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && dialogStyles.borderRadiusT26Shape, shouldScrollInViewport ? "_1tke1kxc _c71lglyw _8kn617ks" : "_cbiz17ks _bolh1kw7", bottomFadeInProps.className]),

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

@@ -92,7 +92,7 @@ var InternalModalWrapper = function InternalModalWrapper(props) {
     action: 'closed',
     componentName: 'modalDialog',
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "14.14.1"
+    packageVersion: "0.0.0-development"
   });
   var onBlanketClicked = (0, _react.useCallback)(function (e) {
     if (shouldCloseOnOverlayClick) {

package/dist/cjs/internal/width.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.width = void 0;
+var width = exports.width = {
+  values: ['small', 'medium', 'large', 'x-large'],
+  widths: {
+    small: 400,
+    medium: 600,
+    large: 800,
+    'x-large': 968
+  },
+  defaultValue: 'medium'
+};

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

@@ -18,8 +18,25 @@ import useOnMotionFinish from '../hooks/use-on-motion-finish';
 import { disableDraggingToCrossOriginIFramesForElement } from '../pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/element';
 import { disableDraggingToCrossOriginIFramesForExternal } from '../pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/external';
 import { disableDraggingToCrossOriginIFramesForTextSelection } from '../pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/text-selection';
-import { dialogHeight, dialogWidth } from '../utils';
+import { width } from '../width';
 import Positioner from './positioner';
+const dialogWidth = input => {
+  if (!input) {
+    return 'auto';
+  }
+  const isWidthName = width.values.indexOf(input.toString()) !== -1;
+  const widthName = isWidthName && input;
+  if (widthName) {
+    return `${width.widths[widthName]}px`;
+  }
+  return typeof input === 'number' ? `${input}px` : input;
+};
+const dialogHeight = input => {
+  if (!input) {
+    return 'auto';
+  }
+  return typeof input === 'number' ? `${input}px` : input;
+};
 const LOCAL_CURRENT_SURFACE_CSS_VAR = '--ds-elevation-surface-current';
 const dialogStyles = {
   root: "_16jlidpf _1o9zkb7n _i0dl1wug _1e0c1txw _1bsb1osq _p12fauwl _4t3i1osq _1tkeidpf _c71l1kxc _2lx21bp4 _bfhk1bhr _syazi7uo _1q1l1bhr _lcxv1wug _1mq81kw7 _m01u1kw7 _1dg11kw7 _mizu1v1w _1ah3dkaa _ra3xnqa1 _128mdkaa _1cvmnqa1 _4davt94y _we1i1kw7 _zg7p130s _yakv1kw7 _4lht1kw7 _1xlt6m9r",

package/dist/es2019/internal/components/modal-wrapper.js

@@ -79,7 +79,7 @@ const InternalModalWrapper = props => {
     action: 'closed',
     componentName: 'modalDialog',
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "14.14.1"
+    packageVersion: "0.0.0-development"
   });
   const onBlanketClicked = useCallback(e => {
     if (shouldCloseOnOverlayClick) {

package/dist/es2019/internal/width.js

@@ -0,0 +1,10 @@
+export const width = {
+  values: ['small', 'medium', 'large', 'x-large'],
+  widths: {
+    small: 400,
+    medium: 600,
+    large: 800,
+    'x-large': 968
+  },
+  defaultValue: 'medium'
+};

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

@@ -20,8 +20,25 @@ import useOnMotionFinish from '../hooks/use-on-motion-finish';
 import { disableDraggingToCrossOriginIFramesForElement } from '../pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/element';
 import { disableDraggingToCrossOriginIFramesForExternal } from '../pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/external';
 import { disableDraggingToCrossOriginIFramesForTextSelection } from '../pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/text-selection';
-import { dialogHeight, dialogWidth } from '../utils';
+import { width } from '../width';
 import Positioner from './positioner';
+var dialogWidth = function dialogWidth(input) {
+  if (!input) {
+    return 'auto';
+  }
+  var isWidthName = width.values.indexOf(input.toString()) !== -1;
+  var widthName = isWidthName && input;
+  if (widthName) {
+    return "".concat(width.widths[widthName], "px");
+  }
+  return typeof input === 'number' ? "".concat(input, "px") : input;
+};
+var dialogHeight = function dialogHeight(input) {
+  if (!input) {
+    return 'auto';
+  }
+  return typeof input === 'number' ? "".concat(input, "px") : input;
+};
 var LOCAL_CURRENT_SURFACE_CSS_VAR = '--ds-elevation-surface-current';
 var dialogStyles = {
   root: "_16jlidpf _1o9zkb7n _i0dl1wug _1e0c1txw _1bsb1osq _p12fauwl _4t3i1osq _1tkeidpf _c71l1kxc _2lx21bp4 _bfhk1bhr _syazi7uo _1q1l1bhr _lcxv1wug _1mq81kw7 _m01u1kw7 _1dg11kw7 _mizu1v1w _1ah3dkaa _ra3xnqa1 _128mdkaa _1cvmnqa1 _4davt94y _we1i1kw7 _zg7p130s _yakv1kw7 _4lht1kw7 _1xlt6m9r",

package/dist/esm/internal/components/modal-wrapper.js

@@ -83,7 +83,7 @@ var InternalModalWrapper = function InternalModalWrapper(props) {
     action: 'closed',
     componentName: 'modalDialog',
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "14.14.1"
+    packageVersion: "0.0.0-development"
   });
   var onBlanketClicked = useCallback(function (e) {
     if (shouldCloseOnOverlayClick) {

package/dist/esm/internal/width.js

@@ -0,0 +1,10 @@
+export var width = {
+  values: ['small', 'medium', 'large', 'x-large'],
+  widths: {
+    small: 400,
+    medium: 600,
+    large: 800,
+    'x-large': 968
+  },
+  defaultValue: 'medium'
+};

package/dist/types/internal/width.d.ts

@@ -0,0 +1,10 @@
+import type { WidthNames } from '../types';
+interface Width {
+    values: string[];
+    widths: {
+        [index in WidthNames]: number;
+    };
+    defaultValue: string;
+}
+export declare const width: Width;
+export {};

package/dist/types-ts4.5/internal/width.d.ts

@@ -0,0 +1,10 @@
+import type { WidthNames } from '../types';
+interface Width {
+    values: string[];
+    widths: {
+        [index in WidthNames]: number;
+    };
+    defaultValue: string;
+}
+export declare const width: Width;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/modal-dialog",
-	"version": "14.14.2",
+	"version": "14.14.4",
 	"description": "A modal dialog displays content that requires user interaction, in a layer above the page.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -36,7 +36,7 @@
 		"@atlaskit/layering": "^3.6.0",
 		"@atlaskit/motion": "^5.5.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/portal": "^5.3.0",
+		"@atlaskit/portal": "^5.4.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
 		"@atlaskit/primitives": "^18.1.0",
 		"@atlaskit/theme": "^22.0.0",

package/dist/cjs/internal/utils.js

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.width = exports.dialogWidth = exports.dialogHeight = void 0;
-var width = exports.width = {
-  values: ['small', 'medium', 'large', 'x-large'],
-  widths: {
-    small: 400,
-    medium: 600,
-    large: 800,
-    'x-large': 968
-  },
-  defaultValue: 'medium'
-};
-var dialogWidth = exports.dialogWidth = function dialogWidth(input) {
-  if (!input) {
-    return 'auto';
-  }
-  var isWidthName = width.values.indexOf(input.toString()) !== -1;
-  var widthName = isWidthName && input;
-  if (widthName) {
-    return "".concat(width.widths[widthName], "px");
-  }
-  return typeof input === 'number' ? "".concat(input, "px") : input;
-};
-var dialogHeight = exports.dialogHeight = function dialogHeight(input) {
-  if (!input) {
-    return 'auto';
-  }
-  return typeof input === 'number' ? "".concat(input, "px") : input;
-};

package/dist/es2019/internal/utils.js

@@ -1,27 +0,0 @@
-export const width = {
-  values: ['small', 'medium', 'large', 'x-large'],
-  widths: {
-    small: 400,
-    medium: 600,
-    large: 800,
-    'x-large': 968
-  },
-  defaultValue: 'medium'
-};
-export const dialogWidth = input => {
-  if (!input) {
-    return 'auto';
-  }
-  const isWidthName = width.values.indexOf(input.toString()) !== -1;
-  const widthName = isWidthName && input;
-  if (widthName) {
-    return `${width.widths[widthName]}px`;
-  }
-  return typeof input === 'number' ? `${input}px` : input;
-};
-export const dialogHeight = input => {
-  if (!input) {
-    return 'auto';
-  }
-  return typeof input === 'number' ? `${input}px` : input;
-};

package/dist/esm/internal/utils.js

@@ -1,27 +0,0 @@
-export var width = {
-  values: ['small', 'medium', 'large', 'x-large'],
-  widths: {
-    small: 400,
-    medium: 600,
-    large: 800,
-    'x-large': 968
-  },
-  defaultValue: 'medium'
-};
-export var dialogWidth = function dialogWidth(input) {
-  if (!input) {
-    return 'auto';
-  }
-  var isWidthName = width.values.indexOf(input.toString()) !== -1;
-  var widthName = isWidthName && input;
-  if (widthName) {
-    return "".concat(width.widths[widthName], "px");
-  }
-  return typeof input === 'number' ? "".concat(input, "px") : input;
-};
-export var dialogHeight = function dialogHeight(input) {
-  if (!input) {
-    return 'auto';
-  }
-  return typeof input === 'number' ? "".concat(input, "px") : input;
-};

package/dist/types/internal/utils.d.ts

@@ -1,12 +0,0 @@
-import { type ModalDialogProps, type WidthNames } from '../types';
-interface Width {
-    values: string[];
-    widths: {
-        [index in WidthNames]: number;
-    };
-    defaultValue: string;
-}
-export declare const width: Width;
-export declare const dialogWidth: (input?: ModalDialogProps["width"]) => string;
-export declare const dialogHeight: (input?: ModalDialogProps["height"]) => string;
-export {};

package/dist/types-ts4.5/internal/utils.d.ts

@@ -1,12 +0,0 @@
-import { type ModalDialogProps, type WidthNames } from '../types';
-interface Width {
-    values: string[];
-    widths: {
-        [index in WidthNames]: number;
-    };
-    defaultValue: string;
-}
-export declare const width: Width;
-export declare const dialogWidth: (input?: ModalDialogProps["width"]) => string;
-export declare const dialogHeight: (input?: ModalDialogProps["height"]) => string;
-export {};