@atlaskit/popup 4.15.0 → 4.16.0

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 (8) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/cjs/popper-wrapper.js +3 -2
  3. package/dist/cjs/popup.js +1 -3
  4. package/dist/es2019/popper-wrapper.js +3 -2
  5. package/dist/es2019/popup.js +1 -3
  6. package/dist/esm/popper-wrapper.js +3 -2
  7. package/dist/esm/popup.js +1 -3
  8. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @atlaskit/popup
2
2
 
3
+ ## 4.16.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`21bf94c1c7dee`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/21bf94c1c7dee) -
8
+ Fixed issue where full width was not working with new motion updates
9
+
3
10
  ## 4.15.0
4
11
 
5
12
  ### Minor Changes
package/dist/cjs/popper-wrapper.js CHANGED
@@ -29,7 +29,8 @@ var fullWidthStyles = null;
29
29
  var wrapperStyles = {
30
30
  root: "_2rko12b0 _1e0c1ule _vchhusvi _1pby1nn1 _bfhk1bhr _16qs130s _syazi7uo _1q1l1bhr _nt751r31 _49pcglyw _1hvw1o36",
31
31
  rootT26Shape: "_2rko1mok",
32
- rootLayer: "_1pby1nn1"
32
+ rootLayer: "_1pby1nn1",
33
+ fullWidth: "_1bsb1osq"
33
34
  };
34
35
  var scrollableStyles = null;
35
36
  var blanketStyles = null;
@@ -252,7 +253,7 @@ function PopperWrapper(_ref) {
252
253
  }
253
254
  },
254
255
  "data-testid": "".concat(testId, "--container"),
255
- className: (0, _runtime.ax)([wrapperStyles.rootLayer])
256
+ className: (0, _runtime.ax)([wrapperStyles.rootLayer, shouldFitContainer && wrapperStyles.fullWidth])
256
257
  }, placement === 'auto' || placement === 'auto-start' || placement === 'auto-end' ? popupContainer : /*#__PURE__*/React.createElement(_motion.Motion, {
257
258
  enteringAnimation: placementMap[placement].enter,
258
259
  exitingAnimation: placementMap[placement].exit
package/dist/cjs/popup.js CHANGED
@@ -133,9 +133,7 @@ var Popup = exports.Popup = /*#__PURE__*/(0, _react.memo)(function (_ref) {
133
133
  });
134
134
  }), !(0, _platformFeatureFlags.fg)('platform-dst-motion-uplift') && isOpen && (shouldRenderToParent || shouldFitContainer ? renderPopperWrapper : /*#__PURE__*/React.createElement(_portal.default, {
135
135
  zIndex: zIndex
136
- }, renderPopperWrapper)), (0, _platformFeatureFlags.fg)('platform-dst-motion-uplift') && /*#__PURE__*/React.createElement(_exitingPersistence.default, {
137
- appear: true
138
- }, isOpen && (shouldRenderToParent || shouldFitContainer ? renderPopperWrapper : /*#__PURE__*/React.createElement(_portal.default, {
136
+ }, renderPopperWrapper)), (0, _platformFeatureFlags.fg)('platform-dst-motion-uplift') && /*#__PURE__*/React.createElement(_exitingPersistence.default, null, isOpen && (shouldRenderToParent || shouldFitContainer ? renderPopperWrapper : /*#__PURE__*/React.createElement(_portal.default, {
139
137
  zIndex: zIndex
140
138
  }, renderPopperWrapper))));
141
139
  if (shouldFitContainer) {
package/dist/es2019/popper-wrapper.js CHANGED
@@ -16,7 +16,8 @@ const fullWidthStyles = null;
16
16
  const wrapperStyles = {
17
17
  root: "_2rko12b0 _1e0c1ule _vchhusvi _1pby1nn1 _bfhk1bhr _16qs130s _syazi7uo _1q1l1bhr _nt751r31 _49pcglyw _1hvw1o36",
18
18
  rootT26Shape: "_2rko1mok",
19
- rootLayer: "_1pby1nn1"
19
+ rootLayer: "_1pby1nn1",
20
+ fullWidth: "_1bsb1osq"
20
21
  };
21
22
  const scrollableStyles = null;
22
23
  const blanketStyles = null;
@@ -232,7 +233,7 @@ function PopperWrapper({
232
233
  }
233
234
  },
234
235
  "data-testid": `${testId}--container`,
235
- className: ax([wrapperStyles.rootLayer])
236
+ className: ax([wrapperStyles.rootLayer, shouldFitContainer && wrapperStyles.fullWidth])
236
237
  }, placement === 'auto' || placement === 'auto-start' || placement === 'auto-end' ? popupContainer : /*#__PURE__*/React.createElement(Motion, {
237
238
  enteringAnimation: placementMap[placement].enter,
238
239
  exitingAnimation: placementMap[placement].exit
package/dist/es2019/popup.js CHANGED
@@ -112,9 +112,7 @@ export const Popup = /*#__PURE__*/memo(({
112
112
  });
113
113
  }), !fg('platform-dst-motion-uplift') && isOpen && (shouldRenderToParent || shouldFitContainer ? renderPopperWrapper : /*#__PURE__*/React.createElement(Portal, {
114
114
  zIndex: zIndex
115
- }, renderPopperWrapper)), fg('platform-dst-motion-uplift') && /*#__PURE__*/React.createElement(ExitingPersistence, {
116
- appear: true
117
- }, isOpen && (shouldRenderToParent || shouldFitContainer ? renderPopperWrapper : /*#__PURE__*/React.createElement(Portal, {
115
+ }, renderPopperWrapper)), fg('platform-dst-motion-uplift') && /*#__PURE__*/React.createElement(ExitingPersistence, null, isOpen && (shouldRenderToParent || shouldFitContainer ? renderPopperWrapper : /*#__PURE__*/React.createElement(Portal, {
118
116
  zIndex: zIndex
119
117
  }, renderPopperWrapper))));
120
118
  if (shouldFitContainer) {
package/dist/esm/popper-wrapper.js CHANGED
@@ -20,7 +20,8 @@ var fullWidthStyles = null;
20
20
  var wrapperStyles = {
21
21
  root: "_2rko12b0 _1e0c1ule _vchhusvi _1pby1nn1 _bfhk1bhr _16qs130s _syazi7uo _1q1l1bhr _nt751r31 _49pcglyw _1hvw1o36",
22
22
  rootT26Shape: "_2rko1mok",
23
- rootLayer: "_1pby1nn1"
23
+ rootLayer: "_1pby1nn1",
24
+ fullWidth: "_1bsb1osq"
24
25
  };
25
26
  var scrollableStyles = null;
26
27
  var blanketStyles = null;
@@ -243,7 +244,7 @@ function PopperWrapper(_ref) {
243
244
  }
244
245
  },
245
246
  "data-testid": "".concat(testId, "--container"),
246
- className: ax([wrapperStyles.rootLayer])
247
+ className: ax([wrapperStyles.rootLayer, shouldFitContainer && wrapperStyles.fullWidth])
247
248
  }, placement === 'auto' || placement === 'auto-start' || placement === 'auto-end' ? popupContainer : /*#__PURE__*/React.createElement(Motion, {
248
249
  enteringAnimation: placementMap[placement].enter,
249
250
  exitingAnimation: placementMap[placement].exit
package/dist/esm/popup.js CHANGED
@@ -125,9 +125,7 @@ export var Popup = /*#__PURE__*/memo(function (_ref) {
125
125
  });
126
126
  }), !fg('platform-dst-motion-uplift') && isOpen && (shouldRenderToParent || shouldFitContainer ? renderPopperWrapper : /*#__PURE__*/React.createElement(Portal, {
127
127
  zIndex: zIndex
128
- }, renderPopperWrapper)), fg('platform-dst-motion-uplift') && /*#__PURE__*/React.createElement(ExitingPersistence, {
129
- appear: true
130
- }, isOpen && (shouldRenderToParent || shouldFitContainer ? renderPopperWrapper : /*#__PURE__*/React.createElement(Portal, {
128
+ }, renderPopperWrapper)), fg('platform-dst-motion-uplift') && /*#__PURE__*/React.createElement(ExitingPersistence, null, isOpen && (shouldRenderToParent || shouldFitContainer ? renderPopperWrapper : /*#__PURE__*/React.createElement(Portal, {
131
129
  zIndex: zIndex
132
130
  }, renderPopperWrapper))));
133
131
  if (shouldFitContainer) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/popup",
3
- "version": "4.15.0",
3
+ "version": "4.16.0",
4
4
  "description": "A popup displays brief content in an overlay.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"