@atlaskit/navigation-system 11.3.2 → 11.3.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 (5) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/cjs/ui/page-layout/panel.js +10 -3
  3. package/dist/es2019/ui/page-layout/panel.js +10 -3
  4. package/dist/esm/ui/page-layout/panel.js +10 -3
  5. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,15 @@
1
1
  # @atlassian/navigation-system
2
2
 
3
+ ## 11.3.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [`7ddc892892fda`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7ddc892892fda) -
8
+ Gate panel content-switch motion behind platform-dst-motion-uplift-panel-content independently of
9
+ panel open/close motion, and retain the navigation panel motion boundary when its content key is
10
+ cleared.
11
+ - Updated dependencies
12
+
3
13
  ## 11.3.2
4
14
 
5
15
  ### Patch Changes
package/dist/cjs/ui/page-layout/panel.js CHANGED
@@ -88,6 +88,13 @@ function Panel(_ref2) {
88
88
  providedId: providedId
89
89
  });
90
90
  var isMotionUpliftEnabled = (0, _fg.fg)('platform-dst-motion-uplift-panel');
91
+ var isContentMotionEnabled = (0, _fg.fg)('platform-dst-motion-uplift-panel-content');
92
+ var prevContentKeyRef = (0, _react.useRef)(contentKey);
93
+ (0, _react.useEffect)(function () {
94
+ if (isContentMotionEnabled && contentKey !== undefined) {
95
+ prevContentKeyRef.current = contentKey;
96
+ }
97
+ }, [contentKey, isContentMotionEnabled]);
91
98
  var defaultWidth = (0, _useSafeDefaultWidth.useSafeDefaultWidth)({
92
99
  defaultWidthProp: defaultWidthProp,
93
100
  fallbackDefaultWidth: fallbackDefaultWidth,
@@ -238,9 +245,9 @@ function Panel(_ref2) {
238
245
  position: "start"
239
246
  }, /*#__PURE__*/React.createElement("div", {
240
247
  className: (0, _runtime.ax)([styles.scrollContainer, isMotionUpliftEnabled && state === 'entering' && styles.contentEntering, isMotionUpliftEnabled && state === 'exiting' && styles.contentExiting])
241
- }, isMotionUpliftEnabled && contentKey !== undefined ? /*#__PURE__*/React.createElement(_exitingPersistence.default, {
242
- exitThenEnter: true
248
+ }, isContentMotionEnabled ? /*#__PURE__*/React.createElement(_exitingPersistence.default, {
249
+ exitThenEnter: contentKey !== undefined
243
250
  }, /*#__PURE__*/React.createElement(PanelContentMotion, {
244
- key: contentKey
251
+ key: contentKey === undefined ? prevContentKeyRef.current : contentKey
245
252
  }, children)) : children)));
246
253
  }
package/dist/es2019/ui/page-layout/panel.js CHANGED
@@ -77,6 +77,13 @@ export function Panel({
77
77
  providedId
78
78
  });
79
79
  const isMotionUpliftEnabled = fg('platform-dst-motion-uplift-panel');
80
+ const isContentMotionEnabled = fg('platform-dst-motion-uplift-panel-content');
81
+ const prevContentKeyRef = useRef(contentKey);
82
+ useEffect(() => {
83
+ if (isContentMotionEnabled && contentKey !== undefined) {
84
+ prevContentKeyRef.current = contentKey;
85
+ }
86
+ }, [contentKey, isContentMotionEnabled]);
80
87
  const defaultWidth = useSafeDefaultWidth({
81
88
  defaultWidthProp,
82
89
  fallbackDefaultWidth,
@@ -227,9 +234,9 @@ export function Panel({
227
234
  position: "start"
228
235
  }, /*#__PURE__*/React.createElement("div", {
229
236
  className: ax([styles.scrollContainer, isMotionUpliftEnabled && state === 'entering' && styles.contentEntering, isMotionUpliftEnabled && state === 'exiting' && styles.contentExiting])
230
- }, isMotionUpliftEnabled && contentKey !== undefined ? /*#__PURE__*/React.createElement(ExitingPersistence, {
231
- exitThenEnter: true
237
+ }, isContentMotionEnabled ? /*#__PURE__*/React.createElement(ExitingPersistence, {
238
+ exitThenEnter: contentKey !== undefined
232
239
  }, /*#__PURE__*/React.createElement(PanelContentMotion, {
233
- key: contentKey
240
+ key: contentKey === undefined ? prevContentKeyRef.current : contentKey
234
241
  }, children)) : children)));
235
242
  }
package/dist/esm/ui/page-layout/panel.js CHANGED
@@ -80,6 +80,13 @@ export function Panel(_ref2) {
80
80
  providedId: providedId
81
81
  });
82
82
  var isMotionUpliftEnabled = fg('platform-dst-motion-uplift-panel');
83
+ var isContentMotionEnabled = fg('platform-dst-motion-uplift-panel-content');
84
+ var prevContentKeyRef = useRef(contentKey);
85
+ useEffect(function () {
86
+ if (isContentMotionEnabled && contentKey !== undefined) {
87
+ prevContentKeyRef.current = contentKey;
88
+ }
89
+ }, [contentKey, isContentMotionEnabled]);
83
90
  var defaultWidth = useSafeDefaultWidth({
84
91
  defaultWidthProp: defaultWidthProp,
85
92
  fallbackDefaultWidth: fallbackDefaultWidth,
@@ -230,9 +237,9 @@ export function Panel(_ref2) {
230
237
  position: "start"
231
238
  }, /*#__PURE__*/React.createElement("div", {
232
239
  className: ax([styles.scrollContainer, isMotionUpliftEnabled && state === 'entering' && styles.contentEntering, isMotionUpliftEnabled && state === 'exiting' && styles.contentExiting])
233
- }, isMotionUpliftEnabled && contentKey !== undefined ? /*#__PURE__*/React.createElement(ExitingPersistence, {
234
- exitThenEnter: true
240
+ }, isContentMotionEnabled ? /*#__PURE__*/React.createElement(ExitingPersistence, {
241
+ exitThenEnter: contentKey !== undefined
235
242
  }, /*#__PURE__*/React.createElement(PanelContentMotion, {
236
- key: contentKey
243
+ key: contentKey === undefined ? prevContentKeyRef.current : contentKey
237
244
  }, children)) : children)));
238
245
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/navigation-system",
3
- "version": "11.3.2",
3
+ "version": "11.3.3",
4
4
  "description": "The latest navigation system for Atlassian apps.",
5
5
  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
6
6
  "license": "Apache-2.0",
@@ -58,9 +58,9 @@
58
58
  },
59
59
  "dependencies": {
60
60
  "@atlaskit/analytics-next": "^12.6.0",
61
- "@atlaskit/app-provider": "^8.1.0",
61
+ "@atlaskit/app-provider": "^8.2.0",
62
62
  "@atlaskit/avatar": "^30.0.0",
63
- "@atlaskit/button": "^25.5.0",
63
+ "@atlaskit/button": "^25.6.0",
64
64
  "@atlaskit/css": "^1.1.0",
65
65
  "@atlaskit/ds-lib": "^8.0.0",
66
66
  "@atlaskit/icon": "^38.0.0",
@@ -73,7 +73,7 @@
73
73
  "@atlaskit/pragmatic-drag-and-drop": "^4.0.0",
74
74
  "@atlaskit/primitives": "^22.6.0",
75
75
  "@atlaskit/react-compiler-gating": "^0.2.0",
76
- "@atlaskit/side-nav-items": "^2.5.0",
76
+ "@atlaskit/side-nav-items": "^2.6.0",
77
77
  "@atlaskit/tokens": "^20.6.0",
78
78
  "@atlaskit/tooltip": "^24.4.0",
79
79
  "@atlaskit/visually-hidden": "^4.4.0",
@@ -123,13 +123,13 @@
123
123
  "@atlaskit/tag": "^17.0.0",
124
124
  "@atlaskit/textarea": "^10.2.0",
125
125
  "@atlaskit/textfield": "^10.2.0",
126
- "@atlaskit/top-layer": "^6.3.0",
126
+ "@atlaskit/top-layer": "^6.5.0",
127
127
  "@atlassian/feature-flags-test-utils": "^1.3.0",
128
128
  "@atlassian/gemini": "^1.54.0",
129
129
  "@atlassian/panel-system": "^1.14.0",
130
130
  "@atlassian/react-async": "^0.23.0",
131
131
  "@atlassian/react-entrypoint": "^1.1.0",
132
- "@atlassian/search-dialog": "^10.22.0",
132
+ "@atlassian/search-dialog": "^10.23.0",
133
133
  "@atlassian/ssr-tests": "workspace:^",
134
134
  "@atlassian/test-utils": "^1.1.0",
135
135
  "@atlassian/testing-library": "^0.12.0",