@atlaskit/popup 5.1.1 → 5.1.2

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 (10) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/compass.yml +10 -1
  3. package/dist/cjs/compositional/popup-content-top-layer.js +1 -3
  4. package/dist/cjs/popup-top-layer.js +1 -3
  5. package/dist/es2019/compositional/popup-content-top-layer.js +1 -3
  6. package/dist/es2019/popup-top-layer.js +1 -3
  7. package/dist/esm/compositional/popup-content-top-layer.js +1 -3
  8. package/dist/esm/popup-top-layer.js +1 -3
  9. package/package.json +12 -12
  10. package/popup.docs.tsx +5 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/popup
2
2
 
3
+ ## 5.1.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [`7793dc62dd564`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7793dc62dd564) -
8
+ Internal refactor of upcoming top-layer usage
9
+ - Updated dependencies
10
+
3
11
  ## 5.1.1
4
12
 
5
13
  ### Patch Changes
package/compass.yml CHANGED
@@ -1,7 +1,7 @@
1
1
  configVersion: 1
2
2
  id: ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:component/c5751cc6-3513-4070-9deb-af31e86aed34/80e5b53f-4a74-4009-bfc1-2c8685b672be
3
3
  name: '@atlaskit/popup'
4
- ownerId: ari:cloud:identity::team/be19136e-6275-419f-be0c-fcee844b8684 # Design System Engineers
4
+ ownerId: ari:cloud:teams::team/814283d6-8695-4329-b2f8-d78b2645722f # Design System Team (ADS)
5
5
  labels:
6
6
  - platform-code
7
7
  - platform-afm
@@ -27,6 +27,9 @@ customFields:
27
27
  - name: Technical Owner
28
28
  type: user
29
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
30
33
  - name: Required Reviewers Opt In
31
34
  type: boolean
32
35
  value: true
@@ -36,3 +39,9 @@ customFields:
36
39
  - name: Required Reviewer Approvals
37
40
  type: number
38
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/compositional/popup-content-top-layer.js CHANGED
@@ -13,7 +13,6 @@ var React = _react;
13
13
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
14
14
  var _runtime = require("@compiled/react/runtime");
15
15
  var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
16
- var _animations = require("@atlaskit/top-layer/animations");
17
16
  var _placementMap = require("@atlaskit/top-layer/placement-map");
18
17
  var _popover = require("@atlaskit/top-layer/popover");
19
18
  var _popoverSurface = require("@atlaskit/top-layer/popover-surface");
@@ -23,7 +22,6 @@ var _topLayerBridge = require("../internal/top-layer-bridge");
23
22
  var _triggerRefObjectContext = require("./trigger-ref-object-context");
24
23
  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" != _typeof(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); }
25
24
  var overflowAutoStyles = null;
26
- var animation = (0, _animations.popupMotion)();
27
25
 
28
26
  // Top-layer positioning is handled by CSS Anchor Positioning, not inline styles.
29
27
  var EMPTY_STYLE = {};
@@ -189,7 +187,7 @@ function PopupContentTopLayer(_ref) {
189
187
  ref: popoverRef
190
188
  }, roleProps, {
191
189
  isOpen: isOpen,
192
- animate: animation,
190
+ animate: true,
193
191
  placement: topLayerPlacement,
194
192
  onClose: handleOnClose,
195
193
  testId: testId && "".concat(testId, "--content")
package/dist/cjs/popup-top-layer.js CHANGED
@@ -13,7 +13,6 @@ var React = _react;
13
13
  var _runtime = require("@compiled/react/runtime");
14
14
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
15
15
  var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
16
- var _animations = require("@atlaskit/top-layer/animations");
17
16
  var _getAriaForTrigger = require("@atlaskit/top-layer/get-aria-for-trigger");
18
17
  var _placementMap = require("@atlaskit/top-layer/placement-map");
19
18
  var _popover = require("@atlaskit/top-layer/popover");
@@ -27,7 +26,6 @@ var contentOverflowStyles = {
27
26
  fitViewport: "_1reo1wug _18m91wug",
28
27
  default: ""
29
28
  };
30
- var animation = (0, _animations.popupMotion)();
31
29
 
32
30
  // Top-layer positioning is handled by CSS Anchor Positioning, not inline styles.
33
31
  var EMPTY_STYLE = {};
@@ -234,7 +232,7 @@ var PopupTopLayer = exports.PopupTopLayer = /*#__PURE__*/(0, _react.memo)(functi
234
232
  }, roleProps, {
235
233
  isOpen: isOpen,
236
234
  onClose: handleOnClose,
237
- animate: animation,
235
+ animate: true,
238
236
  placement: topLayerPlacement,
239
237
  testId: testId && "".concat(testId, "--content")
240
238
  }), Container ? /*#__PURE__*/React.createElement(Container, {
package/dist/es2019/compositional/popup-content-top-layer.js CHANGED
@@ -5,7 +5,6 @@ import * as React from 'react';
5
5
  import { useCallback, useContext, useEffect, useMemo, useRef } from 'react';
6
6
  import { ax, ix } from '@compiled/react/runtime';
7
7
  import noop from '@atlaskit/ds-lib/noop';
8
- import { popupMotion } from '@atlaskit/top-layer/animations';
9
8
  import { fromLegacyPlacement } from '@atlaskit/top-layer/placement-map';
10
9
  import { createPopoverCloseEvent, Popover } from '@atlaskit/top-layer/popover';
11
10
  import { PopoverSurface } from '@atlaskit/top-layer/popover-surface';
@@ -14,7 +13,6 @@ import { useWidthFromAnchor } from '@atlaskit/top-layer/use-width-from-anchor';
14
13
  import { useRoleProps } from '../internal/top-layer-bridge';
15
14
  import { TriggerRefObjectContext } from './trigger-ref-object-context';
16
15
  const overflowAutoStyles = null;
17
- const animation = popupMotion();
18
16
 
19
17
  // Top-layer positioning is handled by CSS Anchor Positioning, not inline styles.
20
18
  const EMPTY_STYLE = {};
@@ -197,7 +195,7 @@ export function PopupContentTopLayer({
197
195
  ref: popoverRef
198
196
  }, roleProps, {
199
197
  isOpen: isOpen,
200
- animate: animation,
198
+ animate: true,
201
199
  placement: topLayerPlacement,
202
200
  onClose: handleOnClose,
203
201
  testId: testId && `${testId}--content`
package/dist/es2019/popup-top-layer.js CHANGED
@@ -5,7 +5,6 @@ import * as React from 'react';
5
5
  import { ax, ix } from "@compiled/react/runtime";
6
6
  import { Fragment, memo, useCallback, useEffect, useMemo, useRef } from 'react';
7
7
  import noop from '@atlaskit/ds-lib/noop';
8
- import { popupMotion } from '@atlaskit/top-layer/animations';
9
8
  import { getAriaForTrigger } from '@atlaskit/top-layer/get-aria-for-trigger';
10
9
  import { fromLegacyPlacement } from '@atlaskit/top-layer/placement-map';
11
10
  import { createPopoverCloseEvent, Popover } from '@atlaskit/top-layer/popover';
@@ -18,7 +17,6 @@ const contentOverflowStyles = {
18
17
  fitViewport: "_1reo1wug _18m91wug",
19
18
  default: ""
20
19
  };
21
- const animation = popupMotion();
22
20
 
23
21
  // Top-layer positioning is handled by CSS Anchor Positioning, not inline styles.
24
22
  const EMPTY_STYLE = {};
@@ -244,7 +242,7 @@ export const PopupTopLayer = /*#__PURE__*/memo(function PopupTopLayer({
244
242
  }, roleProps, {
245
243
  isOpen: isOpen,
246
244
  onClose: handleOnClose,
247
- animate: animation,
245
+ animate: true,
248
246
  placement: topLayerPlacement,
249
247
  testId: testId && `${testId}--content`
250
248
  }), Container ? /*#__PURE__*/React.createElement(Container, {
package/dist/esm/compositional/popup-content-top-layer.js CHANGED
@@ -5,7 +5,6 @@ import * as React from 'react';
5
5
  import { useCallback, useContext, useEffect, useMemo, useRef } from 'react';
6
6
  import { ax, ix } from '@compiled/react/runtime';
7
7
  import noop from '@atlaskit/ds-lib/noop';
8
- import { popupMotion } from '@atlaskit/top-layer/animations';
9
8
  import { fromLegacyPlacement } from '@atlaskit/top-layer/placement-map';
10
9
  import { createPopoverCloseEvent, Popover } from '@atlaskit/top-layer/popover';
11
10
  import { PopoverSurface } from '@atlaskit/top-layer/popover-surface';
@@ -14,7 +13,6 @@ import { useWidthFromAnchor } from '@atlaskit/top-layer/use-width-from-anchor';
14
13
  import { useRoleProps } from '../internal/top-layer-bridge';
15
14
  import { TriggerRefObjectContext } from './trigger-ref-object-context';
16
15
  var overflowAutoStyles = null;
17
- var animation = popupMotion();
18
16
 
19
17
  // Top-layer positioning is handled by CSS Anchor Positioning, not inline styles.
20
18
  var EMPTY_STYLE = {};
@@ -180,7 +178,7 @@ export function PopupContentTopLayer(_ref) {
180
178
  ref: popoverRef
181
179
  }, roleProps, {
182
180
  isOpen: isOpen,
183
- animate: animation,
181
+ animate: true,
184
182
  placement: topLayerPlacement,
185
183
  onClose: handleOnClose,
186
184
  testId: testId && "".concat(testId, "--content")
package/dist/esm/popup-top-layer.js CHANGED
@@ -5,7 +5,6 @@ import * as React from 'react';
5
5
  import { ax, ix } from "@compiled/react/runtime";
6
6
  import { Fragment, memo, useCallback, useEffect, useMemo, useRef } from 'react';
7
7
  import noop from '@atlaskit/ds-lib/noop';
8
- import { popupMotion } from '@atlaskit/top-layer/animations';
9
8
  import { getAriaForTrigger } from '@atlaskit/top-layer/get-aria-for-trigger';
10
9
  import { fromLegacyPlacement } from '@atlaskit/top-layer/placement-map';
11
10
  import { createPopoverCloseEvent, Popover } from '@atlaskit/top-layer/popover';
@@ -18,7 +17,6 @@ var contentOverflowStyles = {
18
17
  fitViewport: "_1reo1wug _18m91wug",
19
18
  default: ""
20
19
  };
21
- var animation = popupMotion();
22
20
 
23
21
  // Top-layer positioning is handled by CSS Anchor Positioning, not inline styles.
24
22
  var EMPTY_STYLE = {};
@@ -225,7 +223,7 @@ export var PopupTopLayer = /*#__PURE__*/memo(function PopupTopLayer(_ref) {
225
223
  }, roleProps, {
226
224
  isOpen: isOpen,
227
225
  onClose: handleOnClose,
228
- animate: animation,
226
+ animate: true,
229
227
  placement: topLayerPlacement,
230
228
  testId: testId && "".concat(testId, "--content")
231
229
  }), Container ? /*#__PURE__*/React.createElement(Container, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/popup",
3
- "version": "5.1.1",
3
+ "version": "5.1.2",
4
4
  "description": "A popup displays brief content in an overlay.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -34,14 +34,14 @@
34
34
  "@atlaskit/css": "^1.0.0",
35
35
  "@atlaskit/ds-lib": "^8.0.0",
36
36
  "@atlaskit/layering": "^4.1.0",
37
- "@atlaskit/motion": "^7.2.0",
37
+ "@atlaskit/motion": "^7.3.0",
38
38
  "@atlaskit/platform-feature-flags": "^2.0.0",
39
- "@atlaskit/popper": "^8.2.0",
39
+ "@atlaskit/popper": "^8.3.0",
40
40
  "@atlaskit/portal": "^6.1.0",
41
- "@atlaskit/primitives": "^20.3.0",
41
+ "@atlaskit/primitives": "^20.6.0",
42
42
  "@atlaskit/react-compiler-gating": "^0.2.0",
43
- "@atlaskit/tokens": "^15.3.0",
44
- "@atlaskit/top-layer": "^1.2.0",
43
+ "@atlaskit/tokens": "^15.8.0",
44
+ "@atlaskit/top-layer": "^1.8.0",
45
45
  "@babel/runtime": "^7.0.0",
46
46
  "@compiled/react": "^0.20.0",
47
47
  "bind-event-listener": "^3.0.0",
@@ -59,19 +59,19 @@
59
59
  "@af/visual-regression": "workspace:^",
60
60
  "@atlaskit/button": "^24.3.0",
61
61
  "@atlaskit/code": "^18.2.0",
62
- "@atlaskit/docs": "^12.0.0",
62
+ "@atlaskit/docs": "^12.1.0",
63
63
  "@atlaskit/form": "^16.1.0",
64
- "@atlaskit/heading": "^6.1.0",
65
- "@atlaskit/icon": "^36.1.0",
66
- "@atlaskit/link": "^4.1.0",
64
+ "@atlaskit/heading": "^6.2.0",
65
+ "@atlaskit/icon": "^37.0.0",
66
+ "@atlaskit/link": "^4.3.0",
67
67
  "@atlaskit/modal-dialog": "^16.1.0",
68
68
  "@atlaskit/section-message": "^9.2.0",
69
69
  "@atlaskit/textfield": "^9.1.0",
70
70
  "@atlaskit/toggle": "^17.1.0",
71
- "@atlassian/feature-flags-test-utils": "^1.1.0",
71
+ "@atlassian/feature-flags-test-utils": "^1.2.0",
72
72
  "@atlassian/ssr-tests": "workspace:^",
73
73
  "@atlassian/structured-docs-types": "workspace:^",
74
- "@atlassian/testing-library": "^0.7.0",
74
+ "@atlassian/testing-library": "^0.11.0",
75
75
  "@testing-library/react": "^16.3.0",
76
76
  "@testing-library/user-event": "^14.4.3",
77
77
  "ast-types": "^0.13.3",
package/popup.docs.tsx CHANGED
@@ -8,10 +8,13 @@ const documentation: StructuredContentSource = {
8
8
  name: 'Popup',
9
9
  description: 'A component for displaying popup content relative to a trigger element.',
10
10
  status: 'general-availability',
11
+ designSource: {
12
+ figmaUrl: 'https://go.atlassian.com/figma-library-ads-82088-103357',
13
+ },
11
14
  import: {
12
15
  name: 'Popup',
13
- package: '@atlaskit/popup',
14
- type: 'default',
16
+ package: '@atlaskit/popup/popup',
17
+ type: 'named',
15
18
  packagePath: path.resolve(__dirname),
16
19
  packageJson: require('./package.json'),
17
20
  },