@atlaskit/modal-dialog 16.1.1 → 16.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/compass.yml +47 -0
  3. package/dist/cjs/internal/components/modal-wrapper.js +2 -4
  4. package/dist/es2019/internal/components/modal-wrapper.js +2 -4
  5. package/dist/esm/internal/components/modal-wrapper.js +2 -4
  6. package/modal-dialog.docs.tsx +14 -11
  7. package/package.json +18 -18
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/modal-dialog
2
2
 
3
+ ## 16.1.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [`f2ec2ee8b495e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f2ec2ee8b495e) -
8
+ Update `@atlaskit/spotlight` imports to use de-barrelled entry-points.
9
+ - Updated dependencies
10
+
11
+ ## 16.1.2
12
+
13
+ ### Patch Changes
14
+
15
+ - Updated dependencies
16
+
3
17
  ## 16.1.1
4
18
 
5
19
  ### Patch Changes
package/compass.yml ADDED
@@ -0,0 +1,47 @@
1
+ configVersion: 1
2
+ id: ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:component/c5751cc6-3513-4070-9deb-af31e86aed34/84e40e46-f6db-41d6-ac1f-b508ab37ccd6
3
+ name: '@atlaskit/modal-dialog'
4
+ ownerId: ari:cloud:teams::team/814283d6-8695-4329-b2f8-d78b2645722f # Design System Team (ADS)
5
+ labels:
6
+ - platform-code
7
+ - platform-afm
8
+ typeId: OTHER
9
+ fields:
10
+ tier: 4
11
+ lifecycle: Active
12
+ isMonorepoProject: true
13
+ links:
14
+ - name: Root Repository
15
+ type: REPOSITORY
16
+ url: https://bitbucket.org/atlassian/atlassian-frontend-monorepo/src/master
17
+ - name: Slack Channel
18
+ type: CHAT_CHANNEL
19
+ url: https://atlassian.enterprise.slack.com/archives/CFJ9DU39U # #help-design-system
20
+ - name: Modal Dialog
21
+ type: REPOSITORY
22
+ url: https://bitbucket.org/atlassian/atlassian-frontend-monorepo/src/master/platform/packages/design-system/modal-dialog
23
+ customFields:
24
+ - name: Department
25
+ type: text
26
+ value: Eng - Design System Fundamentals
27
+ - name: Technical Owner
28
+ type: user
29
+ value: ari:cloud:identity::user/557058:86a9b692-7997-49cb-9984-080801b1de91 # Jared Crowe
30
+ - name: Reviewer Team
31
+ type: text
32
+ value: ari:cloud:teams::team/be19136e-6275-419f-be0c-fcee844b8684 # Design System Engineers
33
+ - name: Required Reviewers Opt In
34
+ type: boolean
35
+ value: true
36
+ - name: Reviewer Selection Mechanism
37
+ type: text
38
+ value: random(3)
39
+ - name: Required Reviewer Approvals
40
+ type: number
41
+ value: 1
42
+ - name: Trusted Committers
43
+ type: text
44
+ value: ari:cloud:teams::team/814283d6-8695-4329-b2f8-d78b2645722f # Design System Team (ADS)
45
+ - name: Trusted Reviewer Teams
46
+ type: text
47
+ value: ari:cloud:teams::team/42f4416b-e028-4daa-b2a5-afe213ac75e1 # Design System Designers
package/dist/cjs/internal/components/modal-wrapper.js CHANGED
@@ -29,7 +29,6 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
29
29
  var _portal = _interopRequireDefault(require("@atlaskit/portal"));
30
30
  var _combine = require("@atlaskit/pragmatic-drag-and-drop/combine");
31
31
  var _constants = require("@atlaskit/theme/constants");
32
- var _animations = require("@atlaskit/top-layer/animations");
33
32
  var _dialog = require("@atlaskit/top-layer/dialog");
34
33
  var _dialogScrollLock = require("@atlaskit/top-layer/dialog-scroll-lock");
35
34
  var _context = require("../context");
@@ -42,7 +41,6 @@ var _dialogHeight = require("./dialog-height");
42
41
  var _dialogWidth = require("./dialog-width");
43
42
  var _modalDialog = _interopRequireDefault(require("./modal-dialog"));
44
43
  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); }
45
- var modalAnimation = (0, _animations.dialogMotion)();
46
44
  var fillScreenStyles = null;
47
45
 
48
46
  // Visual styles for modal content inside native <dialog>.
@@ -114,7 +112,7 @@ var InternalModalWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (props,
114
112
  action: 'closed',
115
113
  componentName: 'modalDialog',
116
114
  packageName: "@atlaskit/modal-dialog",
117
- packageVersion: "16.1.0"
115
+ packageVersion: "16.1.2"
118
116
  });
119
117
  var onBlanketClicked = (0, _react.useCallback)(function (e) {
120
118
  if (shouldCloseOnOverlayClick) {
@@ -317,7 +315,7 @@ var InternalModalWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (props,
317
315
  id: dialogId,
318
316
  onClose: onDialogClose,
319
317
  onExitFinish: handleDialogExitFinish,
320
- animate: isFullScreen ? false : modalAnimation,
318
+ animate: !isFullScreen,
321
319
  isOpen: !isExiting,
322
320
  shouldHideBackdrop: stackIndex > 0 || Boolean(isBlanketHidden)
323
321
  // Dialog requires at least one of `label` or `labelledBy` (string, not undefined).
package/dist/es2019/internal/components/modal-wrapper.js CHANGED
@@ -20,7 +20,6 @@ import { fg } from '@atlaskit/platform-feature-flags';
20
20
  import Portal from '@atlaskit/portal';
21
21
  import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
22
22
  import { layers } from '@atlaskit/theme/constants';
23
- import { dialogMotion } from '@atlaskit/top-layer/animations';
24
23
  import { createCloseEvent, Dialog } from '@atlaskit/top-layer/dialog';
25
24
  import { DialogScrollLock } from '@atlaskit/top-layer/dialog-scroll-lock';
26
25
  import { ModalContext, ScrollContext } from '../context';
@@ -32,7 +31,6 @@ import { disableDraggingToCrossOriginIFramesForTextSelection } from '../pragmati
32
31
  import { dialogHeight } from './dialog-height';
33
32
  import { dialogWidth as getDialogWidth } from './dialog-width';
34
33
  import ModalDialog from './modal-dialog';
35
- const modalAnimation = dialogMotion();
36
34
  const fillScreenStyles = null;
37
35
 
38
36
  // Visual styles for modal content inside native <dialog>.
@@ -100,7 +98,7 @@ const InternalModalWrapper = /*#__PURE__*/forwardRef((props, ref) => {
100
98
  action: 'closed',
101
99
  componentName: 'modalDialog',
102
100
  packageName: "@atlaskit/modal-dialog",
103
- packageVersion: "16.1.0"
101
+ packageVersion: "16.1.2"
104
102
  });
105
103
  const onBlanketClicked = useCallback(e => {
106
104
  if (shouldCloseOnOverlayClick) {
@@ -302,7 +300,7 @@ const InternalModalWrapper = /*#__PURE__*/forwardRef((props, ref) => {
302
300
  id: dialogId,
303
301
  onClose: onDialogClose,
304
302
  onExitFinish: handleDialogExitFinish,
305
- animate: isFullScreen ? false : modalAnimation,
303
+ animate: !isFullScreen,
306
304
  isOpen: !isExiting,
307
305
  shouldHideBackdrop: stackIndex > 0 || Boolean(isBlanketHidden)
308
306
  // Dialog requires at least one of `label` or `labelledBy` (string, not undefined).
package/dist/esm/internal/components/modal-wrapper.js CHANGED
@@ -21,7 +21,6 @@ import { fg } from '@atlaskit/platform-feature-flags';
21
21
  import Portal from '@atlaskit/portal';
22
22
  import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
23
23
  import { layers } from '@atlaskit/theme/constants';
24
- import { dialogMotion } from '@atlaskit/top-layer/animations';
25
24
  import { createCloseEvent, Dialog } from '@atlaskit/top-layer/dialog';
26
25
  import { DialogScrollLock } from '@atlaskit/top-layer/dialog-scroll-lock';
27
26
  import { ModalContext, ScrollContext } from '../context';
@@ -33,7 +32,6 @@ import { disableDraggingToCrossOriginIFramesForTextSelection } from '../pragmati
33
32
  import { dialogHeight } from './dialog-height';
34
33
  import { dialogWidth as getDialogWidth } from './dialog-width';
35
34
  import ModalDialog from './modal-dialog';
36
- var modalAnimation = dialogMotion();
37
35
  var fillScreenStyles = null;
38
36
 
39
37
  // Visual styles for modal content inside native <dialog>.
@@ -105,7 +103,7 @@ var InternalModalWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
105
103
  action: 'closed',
106
104
  componentName: 'modalDialog',
107
105
  packageName: "@atlaskit/modal-dialog",
108
- packageVersion: "16.1.0"
106
+ packageVersion: "16.1.2"
109
107
  });
110
108
  var onBlanketClicked = useCallback(function (e) {
111
109
  if (shouldCloseOnOverlayClick) {
@@ -308,7 +306,7 @@ var InternalModalWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
308
306
  id: dialogId,
309
307
  onClose: onDialogClose,
310
308
  onExitFinish: handleDialogExitFinish,
311
- animate: isFullScreen ? false : modalAnimation,
309
+ animate: !isFullScreen,
312
310
  isOpen: !isExiting,
313
311
  shouldHideBackdrop: stackIndex > 0 || Boolean(isBlanketHidden)
314
312
  // Dialog requires at least one of `label` or `labelledBy` (string, not undefined).
package/modal-dialog.docs.tsx CHANGED
@@ -8,6 +8,9 @@ const documentation: StructuredContentSource = {
8
8
  name: 'Modal',
9
9
  description: 'A modal dialog component for important content.',
10
10
  status: 'general-availability',
11
+ designSource: {
12
+ figmaUrl: 'https://go.atlassian.com/figma-library-ads-82128-80670',
13
+ },
11
14
  import: {
12
15
  name: 'Modal',
13
16
  package: '@atlaskit/modal-dialog',
@@ -57,8 +60,8 @@ const documentation: StructuredContentSource = {
57
60
  status: 'general-availability',
58
61
  import: {
59
62
  name: 'ModalHeader',
60
- package: '@atlaskit/modal-dialog',
61
- type: 'named',
63
+ package: '@atlaskit/modal-dialog/modal-header',
64
+ type: 'default',
62
65
  packagePath: path.resolve(__dirname),
63
66
  packageJson: require('./package.json'),
64
67
  },
@@ -85,8 +88,8 @@ const documentation: StructuredContentSource = {
85
88
  status: 'general-availability',
86
89
  import: {
87
90
  name: 'ModalTitle',
88
- package: '@atlaskit/modal-dialog',
89
- type: 'named',
91
+ package: '@atlaskit/modal-dialog/modal-title',
92
+ type: 'default',
90
93
  packagePath: path.resolve(__dirname),
91
94
  packageJson: require('./package.json'),
92
95
  },
@@ -112,8 +115,8 @@ const documentation: StructuredContentSource = {
112
115
  status: 'general-availability',
113
116
  import: {
114
117
  name: 'ModalBody',
115
- package: '@atlaskit/modal-dialog',
116
- type: 'named',
118
+ package: '@atlaskit/modal-dialog/modal-body',
119
+ type: 'default',
117
120
  packagePath: path.resolve(__dirname),
118
121
  packageJson: require('./package.json'),
119
122
  },
@@ -139,8 +142,8 @@ const documentation: StructuredContentSource = {
139
142
  status: 'general-availability',
140
143
  import: {
141
144
  name: 'ModalFooter',
142
- package: '@atlaskit/modal-dialog',
143
- type: 'named',
145
+ package: '@atlaskit/modal-dialog/modal-footer',
146
+ type: 'default',
144
147
  packagePath: path.resolve(__dirname),
145
148
  packageJson: require('./package.json'),
146
149
  },
@@ -170,8 +173,8 @@ const documentation: StructuredContentSource = {
170
173
  status: 'general-availability',
171
174
  import: {
172
175
  name: 'ModalTransition',
173
- package: '@atlaskit/modal-dialog',
174
- type: 'named',
176
+ package: '@atlaskit/modal-dialog/modal-transition',
177
+ type: 'default',
175
178
  packagePath: path.resolve(__dirname),
176
179
  packageJson: require('./package.json'),
177
180
  },
@@ -197,7 +200,7 @@ const documentation: StructuredContentSource = {
197
200
  status: 'general-availability',
198
201
  import: {
199
202
  name: 'CloseButton',
200
- package: '@atlaskit/modal-dialog',
203
+ package: '@atlaskit/modal-dialog/close-button',
201
204
  type: 'named',
202
205
  packagePath: path.resolve(__dirname),
203
206
  packageJson: require('./package.json'),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/modal-dialog",
3
- "version": "16.1.1",
3
+ "version": "16.1.3",
4
4
  "description": "A modal dialog displays content that requires user interaction, in a layer above the page.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -34,22 +34,22 @@
34
34
  "watch": "tsc --watch --noEmit --project './tsconfig.json'"
35
35
  },
36
36
  "dependencies": {
37
- "@atlaskit/analytics-next": "^12.1.0",
38
- "@atlaskit/blanket": "^16.1.0",
37
+ "@atlaskit/analytics-next": "^12.3.0",
38
+ "@atlaskit/blanket": "^16.2.0",
39
39
  "@atlaskit/button": "^24.3.0",
40
40
  "@atlaskit/css": "^1.0.0",
41
41
  "@atlaskit/ds-lib": "^8.0.0",
42
- "@atlaskit/icon": "^36.1.0",
42
+ "@atlaskit/icon": "^37.0.0",
43
43
  "@atlaskit/layering": "^4.1.0",
44
- "@atlaskit/motion": "^7.2.0",
44
+ "@atlaskit/motion": "^7.3.0",
45
45
  "@atlaskit/platform-feature-flags": "^2.0.0",
46
46
  "@atlaskit/portal": "^6.1.0",
47
47
  "@atlaskit/pragmatic-drag-and-drop": "^2.0.0",
48
- "@atlaskit/primitives": "^20.2.0",
48
+ "@atlaskit/primitives": "^20.6.0",
49
49
  "@atlaskit/react-compiler-gating": "^0.2.0",
50
50
  "@atlaskit/theme": "^26.1.0",
51
- "@atlaskit/tokens": "^15.2.0",
52
- "@atlaskit/top-layer": "^1.2.0",
51
+ "@atlaskit/tokens": "^15.8.0",
52
+ "@atlaskit/top-layer": "^1.6.0",
53
53
  "@babel/runtime": "^7.0.0",
54
54
  "@compiled/react": "^0.20.0",
55
55
  "bind-event-listener": "^3.0.0",
@@ -67,27 +67,27 @@
67
67
  "@atlaskit/avatar": "^26.1.0",
68
68
  "@atlaskit/avatar-group": "^13.1.0",
69
69
  "@atlaskit/banner": "^15.1.0",
70
- "@atlaskit/breadcrumbs": "^17.2.0",
71
- "@atlaskit/checkbox": "^18.1.0",
70
+ "@atlaskit/breadcrumbs": "^17.5.0",
71
+ "@atlaskit/checkbox": "^18.2.0",
72
72
  "@atlaskit/code": "^18.2.0",
73
73
  "@atlaskit/datetime-picker": "^18.1.0",
74
- "@atlaskit/docs": "^12.0.0",
74
+ "@atlaskit/docs": "^12.1.0",
75
75
  "@atlaskit/dropdown-menu": "^17.1.0",
76
76
  "@atlaskit/flag": "^18.1.0",
77
77
  "@atlaskit/form": "^16.1.0",
78
- "@atlaskit/heading": "^6.1.0",
79
- "@atlaskit/link": "^4.1.0",
78
+ "@atlaskit/heading": "^6.2.0",
79
+ "@atlaskit/link": "^4.3.0",
80
80
  "@atlaskit/popup": "^5.1.0",
81
81
  "@atlaskit/radio": "^9.1.0",
82
82
  "@atlaskit/section-message": "^9.2.0",
83
- "@atlaskit/select": "^22.2.0",
84
- "@atlaskit/spotlight": "^2.1.0",
83
+ "@atlaskit/select": "^22.5.0",
84
+ "@atlaskit/spotlight": "^3.0.0",
85
85
  "@atlaskit/textfield": "^9.1.0",
86
86
  "@atlaskit/tooltip": "^23.1.0",
87
- "@atlassian/feature-flags-test-utils": "^1.1.0",
87
+ "@atlassian/feature-flags-test-utils": "^1.2.0",
88
88
  "@atlassian/ssr-tests": "workspace:^",
89
89
  "@atlassian/structured-docs-types": "workspace:^",
90
- "@atlassian/testing-library": "^0.7.0",
90
+ "@atlassian/testing-library": "^0.11.0",
91
91
  "@testing-library/dom": "^10.1.0",
92
92
  "@testing-library/react": "^16.3.0",
93
93
  "@testing-library/user-event": "^14.4.3",
@@ -98,7 +98,7 @@
98
98
  "react-lorem-component": "^0.13.0",
99
99
  "react-sweet-state": "^2.6.5",
100
100
  "tiny-invariant": "^1.2.0",
101
- "typescript": "5.9.3"
101
+ "typescript": "npm:@typescript/typescript6@^6.0.2"
102
102
  },
103
103
  "keywords": [
104
104
  "atlaskit",