@atlaskit/popup 4.16.3 → 4.16.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/popup
 
+## 4.16.5
+
+### Patch Changes
+
+- Updated dependencies
+
+## 4.16.4
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 4.16.3
 
 ### Patch Changes

package/dist/cjs/compositional/id-context.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IdContext = void 0;
+var _react = require("react");
+/* eslint-disable @repo/internal/react/require-jsdoc */
+var IdContext = exports.IdContext = /*#__PURE__*/(0, _react.createContext)(undefined);

package/dist/cjs/compositional/is-inside-popup-context.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EnsureIsInsidePopupContext = void 0;
+var _react = require("react");
+// TODO: Fill in the component {description} and ensure links point to the correct {packageName} location.
+// Remove links that the component does not have (such as usage). If there are no links remove them all.
+/**
+ * __Ensure is inside popup context__
+ *
+ * An ensure is inside popup context {description}.
+ *
+ * - [Examples](https://atlassian.design/components/{packageName}/examples)
+ * - [Code](https://atlassian.design/components/{packageName}/code)
+ * - [Usage](https://atlassian.design/components/{packageName}/usage)
+ */
+var EnsureIsInsidePopupContext = exports.EnsureIsInsidePopupContext = /*#__PURE__*/(0, _react.createContext)(false);

package/dist/cjs/compositional/is-open-context.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IsOpenContext = void 0;
+var _react = require("react");
+// TODO: Fill in the component {description} and ensure links point to the correct {packageName} location.
+// Remove links that the component does not have (such as usage). If there are no links remove them all.
+/**
+ * __Is open context__
+ *
+ * An is open context {description}.
+ *
+ * - [Examples](https://atlassian.design/components/{packageName}/examples)
+ * - [Code](https://atlassian.design/components/{packageName}/code)
+ * - [Usage](https://atlassian.design/components/{packageName}/usage)
+ */
+var IsOpenContext = exports.IsOpenContext = /*#__PURE__*/(0, _react.createContext)(false);

package/dist/cjs/compositional/popup-content.js

@@ -0,0 +1,123 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PopupContent = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _layering = require("@atlaskit/layering");
+var _openLayerObserver = require("@atlaskit/layering/experimental/open-layer-observer");
+var _portal = _interopRequireDefault(require("@atlaskit/portal"));
+var _popperWrapper = _interopRequireDefault(require("../popper-wrapper"));
+var _useAppearance = require("../use-appearance");
+var _idContext = require("./id-context");
+var _isOpenContext = require("./is-open-context");
+var _triggerRefContext = require("./trigger-ref-context");
+var _useEnsureIsInsidePopup = require("./use-ensure-is-inside-popup");
+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); }
+var defaultLayer = 400;
+var shouldDisableGpuAccelerationModifiers = [{
+  name: 'computeStyles',
+  options: {
+    gpuAcceleration: false
+  }
+}];
+/**
+ * __Popup content__
+ *
+ * Popup content is the component that renders the content of the popup.
+ *
+ * It must be a child of the Popup component.
+ */
+var PopupContent = exports.PopupContent = function PopupContent(_ref) {
+  var xcss = _ref.xcss,
+    _ref$appearance = _ref.appearance,
+    inAppearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
+    children = _ref.children,
+    boundary = _ref.boundary,
+    offset = _ref.offset,
+    strategy = _ref.strategy,
+    onClose = _ref.onClose,
+    testId = _ref.testId,
+    _ref$rootBoundary = _ref.rootBoundary,
+    rootBoundary = _ref$rootBoundary === void 0 ? 'viewport' : _ref$rootBoundary,
+    _ref$shouldFlip = _ref.shouldFlip,
+    shouldFlip = _ref$shouldFlip === void 0 ? true : _ref$shouldFlip,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'auto' : _ref$placement,
+    fallbackPlacements = _ref.fallbackPlacements,
+    popupComponent = _ref.popupComponent,
+    _ref$autoFocus = _ref.autoFocus,
+    autoFocus = _ref$autoFocus === void 0 ? true : _ref$autoFocus,
+    _ref$zIndex = _ref.zIndex,
+    zIndex = _ref$zIndex === void 0 ? defaultLayer : _ref$zIndex,
+    _ref$shouldUseCapture = _ref.shouldUseCaptureOnOutsideClick,
+    shouldUseCaptureOnOutsideClick = _ref$shouldUseCapture === void 0 ? false : _ref$shouldUseCapture,
+    inShouldRenderToParent = _ref.shouldRenderToParent,
+    _ref$shouldDisableFoc = _ref.shouldDisableFocusLock,
+    shouldDisableFocusLock = _ref$shouldDisableFoc === void 0 ? false : _ref$shouldDisableFoc,
+    shouldFitContainer = _ref.shouldFitContainer,
+    shouldFitViewport = _ref.shouldFitViewport,
+    _ref$shouldDisableGpu = _ref.shouldDisableGpuAcceleration,
+    shouldDisableGpuAcceleration = _ref$shouldDisableGpu === void 0 ? false : _ref$shouldDisableGpu,
+    role = _ref.role,
+    titleId = _ref.titleId;
+  (0, _useEnsureIsInsidePopup.useEnsureIsInsidePopup)();
+  var isOpen = (0, _react.useContext)(_isOpenContext.IsOpenContext);
+  var id = (0, _react.useContext)(_idContext.IdContext);
+  var triggerRef = (0, _react.useContext)(_triggerRefContext.TriggerRefContext);
+  var _usePopupAppearance = (0, _useAppearance.usePopupAppearance)({
+      appearance: inAppearance,
+      shouldRenderToParent: inShouldRenderToParent
+    }),
+    appearance = _usePopupAppearance.appearance,
+    shouldRenderToParent = _usePopupAppearance.shouldRenderToParent;
+  var handleOpenLayerObserverCloseSignal = (0, _react.useCallback)(function () {
+    onClose === null || onClose === void 0 || onClose(null);
+  }, [onClose]);
+  (0, _openLayerObserver.useNotifyOpenLayerObserver)({
+    isOpen: isOpen,
+    onClose: handleOpenLayerObserverCloseSignal,
+    type: 'popup'
+  });
+  if (!isOpen) {
+    return null;
+  }
+  var popperWrapper = /*#__PURE__*/_react.default.createElement(_layering.Layering, {
+    isDisabled: false
+  }, /*#__PURE__*/_react.default.createElement(_popperWrapper.default, {
+    xcss: xcss,
+    appearance: appearance,
+    content: children,
+    isOpen: isOpen,
+    placement: placement,
+    fallbackPlacements: fallbackPlacements,
+    boundary: boundary,
+    rootBoundary: rootBoundary,
+    shouldFlip: shouldFlip,
+    offset: offset,
+    popupComponent: popupComponent,
+    id: id,
+    testId: testId,
+    onClose: onClose,
+    autoFocus: autoFocus,
+    shouldFitContainer: shouldFitContainer,
+    shouldUseCaptureOnOutsideClick: shouldUseCaptureOnOutsideClick,
+    shouldRenderToParent: shouldRenderToParent,
+    shouldDisableFocusLock: shouldDisableFocusLock,
+    triggerRef: triggerRef,
+    strategy: strategy,
+    shouldFitViewport: shouldFitViewport,
+    modifiers: shouldDisableGpuAcceleration ? shouldDisableGpuAccelerationModifiers : undefined,
+    role: role,
+    titleId: titleId
+  }));
+  if (shouldRenderToParent) {
+    return popperWrapper;
+  }
+  return /*#__PURE__*/_react.default.createElement(_portal.default, {
+    zIndex: zIndex
+  }, popperWrapper);
+};

package/dist/cjs/compositional/popup-trigger.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PopupTrigger = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _popper = require("@atlaskit/popper");
+var _useGetMemoizedMergedTriggerRefNew = require("../use-get-memoized-merged-trigger-ref-new");
+var _idContext = require("./id-context");
+var _isOpenContext = require("./is-open-context");
+var _roleContext = require("./role-context");
+var _setTriggerRefContext = require("./set-trigger-ref-context");
+var _useEnsureIsInsidePopup = require("./use-ensure-is-inside-popup");
+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); }
+/**
+ * __Popup trigger__
+ *
+ * Popup trigger is the component that renders the trigger for the popup.
+ *
+ * It must be a child of the Popup component.
+ */
+var PopupTrigger = exports.PopupTrigger = function PopupTrigger(_ref) {
+  var children = _ref.children;
+  (0, _useEnsureIsInsidePopup.useEnsureIsInsidePopup)();
+  var id = (0, _react.useContext)(_idContext.IdContext);
+  var setTriggerRef = (0, _react.useContext)(_setTriggerRefContext.SetTriggerRefContext);
+  var isOpen = (0, _react.useContext)(_isOpenContext.IsOpenContext);
+  var getMergedTriggerRef = (0, _useGetMemoizedMergedTriggerRefNew.useGetMemoizedMergedTriggerRefNew)();
+  var role = (0, _react.useContext)(_roleContext.RoleContext);
+  return /*#__PURE__*/_react.default.createElement(_popper.Reference, null, function (_ref2) {
+    var ref = _ref2.ref;
+    return children({
+      ref: getMergedTriggerRef(ref, setTriggerRef),
+      'aria-controls': id,
+      'aria-expanded': isOpen,
+      'aria-haspopup': role === 'dialog' && (0, _platformFeatureFlags.fg)('platform_dst_nav4_flyout_menu_slots_close_button') ? 'dialog' : true
+    });
+  });
+};

package/dist/cjs/compositional/popup.js

@@ -5,34 +5,18 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PopupTrigger = exports.PopupContent = exports.Popup = void 0;
+exports.Popup = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _tinyInvariant = _interopRequireDefault(require("tiny-invariant"));
-var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
 var _useId = require("@atlaskit/ds-lib/use-id");
-var _layering = require("@atlaskit/layering");
-var _openLayerObserver = require("@atlaskit/layering/experimental/open-layer-observer");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _popper = require("@atlaskit/popper");
-var _portal = _interopRequireDefault(require("@atlaskit/portal"));
-var _popperWrapper = _interopRequireDefault(require("../popper-wrapper"));
-var _useAppearance = require("../use-appearance");
-var _useGetMemoizedMergedTriggerRefNew = require("../use-get-memoized-merged-trigger-ref-new");
+var _idContext = require("./id-context");
+var _isInsidePopupContext = require("./is-inside-popup-context");
+var _isOpenContext = require("./is-open-context");
+var _roleContext = require("./role-context");
+var _setTriggerRefContext = require("./set-trigger-ref-context");
+var _triggerRefContext = require("./trigger-ref-context");
 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); }
-var IsOpenContext = /*#__PURE__*/(0, _react.createContext)(false);
-var IdContext = /*#__PURE__*/(0, _react.createContext)(undefined);
-var TriggerRefContext = /*#__PURE__*/(0, _react.createContext)(null);
-var SetTriggerRefContext = /*#__PURE__*/(0, _react.createContext)(_noop.default);
-var EnsureIsInsidePopupContext = /*#__PURE__*/(0, _react.createContext)(false);
-var RoleContext = /*#__PURE__*/(0, _react.createContext)(undefined);
-
-// Used to ensure popup sub-components are used within a Popup
-// and provide a useful error message if not.
-var useEnsureIsInsidePopup = function useEnsureIsInsidePopup() {
-  var context = (0, _react.useContext)(EnsureIsInsidePopupContext);
-  (0, _tinyInvariant.default)(context, 'PopupTrigger and PopupContent components must be used within a Popup');
-};
 /**
  * __Popup__
  *
@@ -64,153 +48,17 @@ var Popup = exports.Popup = function Popup(_ref) {
     setTriggerRef = _useState2[1];
   var generatedId = (0, _useId.useId)();
   var id = providedId || generatedId;
-  return /*#__PURE__*/_react.default.createElement(RoleContext.Provider, {
+  return /*#__PURE__*/_react.default.createElement(_roleContext.RoleContext.Provider, {
     value: role
-  }, /*#__PURE__*/_react.default.createElement(EnsureIsInsidePopupContext.Provider, {
+  }, /*#__PURE__*/_react.default.createElement(_isInsidePopupContext.EnsureIsInsidePopupContext.Provider, {
     value: true
-  }, /*#__PURE__*/_react.default.createElement(IdContext.Provider, {
+  }, /*#__PURE__*/_react.default.createElement(_idContext.IdContext.Provider, {
     value: id
-  }, /*#__PURE__*/_react.default.createElement(TriggerRefContext.Provider, {
+  }, /*#__PURE__*/_react.default.createElement(_triggerRefContext.TriggerRefContext.Provider, {
     value: triggerRef
-  }, /*#__PURE__*/_react.default.createElement(SetTriggerRefContext.Provider, {
+  }, /*#__PURE__*/_react.default.createElement(_setTriggerRefContext.SetTriggerRefContext.Provider, {
     value: setTriggerRef
-  }, /*#__PURE__*/_react.default.createElement(IsOpenContext.Provider, {
+  }, /*#__PURE__*/_react.default.createElement(_isOpenContext.IsOpenContext.Provider, {
     value: isOpen
   }, /*#__PURE__*/_react.default.createElement(_popper.Manager, null, children)))))));
-};
-/**
- * __Popup trigger__
- *
- * Popup trigger is the component that renders the trigger for the popup.
- *
- * It must be a child of the Popup component.
- */
-var PopupTrigger = exports.PopupTrigger = function PopupTrigger(_ref2) {
-  var children = _ref2.children;
-  useEnsureIsInsidePopup();
-  var id = (0, _react.useContext)(IdContext);
-  var setTriggerRef = (0, _react.useContext)(SetTriggerRefContext);
-  var isOpen = (0, _react.useContext)(IsOpenContext);
-  var getMergedTriggerRef = (0, _useGetMemoizedMergedTriggerRefNew.useGetMemoizedMergedTriggerRefNew)();
-  var role = (0, _react.useContext)(RoleContext);
-  return /*#__PURE__*/_react.default.createElement(_popper.Reference, null, function (_ref3) {
-    var ref = _ref3.ref;
-    return children({
-      ref: getMergedTriggerRef(ref, setTriggerRef),
-      'aria-controls': id,
-      'aria-expanded': isOpen,
-      'aria-haspopup': role === 'dialog' && (0, _platformFeatureFlags.fg)('platform_dst_nav4_flyout_menu_slots_close_button') ? 'dialog' : true
-    });
-  });
-};
-var defaultLayer = 400;
-/**
- * Disables popper.js GPU acceleration for this popup.
- * This means only positioning will be used, without any transforms.
- *
- * Performance will be degraded if the popup is expected to move.
- */
-var shouldDisableGpuAccelerationModifiers = [{
-  name: 'computeStyles',
-  options: {
-    gpuAcceleration: false
-  }
-}];
-
-/**
- * __Popup content__
- *
- * Popup content is the component that renders the content of the popup.
- *
- * It must be a child of the Popup component.
- */
-var PopupContent = exports.PopupContent = function PopupContent(_ref4) {
-  var xcss = _ref4.xcss,
-    _ref4$appearance = _ref4.appearance,
-    inAppearance = _ref4$appearance === void 0 ? 'default' : _ref4$appearance,
-    children = _ref4.children,
-    boundary = _ref4.boundary,
-    offset = _ref4.offset,
-    strategy = _ref4.strategy,
-    onClose = _ref4.onClose,
-    testId = _ref4.testId,
-    _ref4$rootBoundary = _ref4.rootBoundary,
-    rootBoundary = _ref4$rootBoundary === void 0 ? 'viewport' : _ref4$rootBoundary,
-    _ref4$shouldFlip = _ref4.shouldFlip,
-    shouldFlip = _ref4$shouldFlip === void 0 ? true : _ref4$shouldFlip,
-    _ref4$placement = _ref4.placement,
-    placement = _ref4$placement === void 0 ? 'auto' : _ref4$placement,
-    fallbackPlacements = _ref4.fallbackPlacements,
-    popupComponent = _ref4.popupComponent,
-    _ref4$autoFocus = _ref4.autoFocus,
-    autoFocus = _ref4$autoFocus === void 0 ? true : _ref4$autoFocus,
-    _ref4$zIndex = _ref4.zIndex,
-    zIndex = _ref4$zIndex === void 0 ? defaultLayer : _ref4$zIndex,
-    _ref4$shouldUseCaptur = _ref4.shouldUseCaptureOnOutsideClick,
-    shouldUseCaptureOnOutsideClick = _ref4$shouldUseCaptur === void 0 ? false : _ref4$shouldUseCaptur,
-    inShouldRenderToParent = _ref4.shouldRenderToParent,
-    _ref4$shouldDisableFo = _ref4.shouldDisableFocusLock,
-    shouldDisableFocusLock = _ref4$shouldDisableFo === void 0 ? false : _ref4$shouldDisableFo,
-    shouldFitContainer = _ref4.shouldFitContainer,
-    shouldFitViewport = _ref4.shouldFitViewport,
-    _ref4$shouldDisableGp = _ref4.shouldDisableGpuAcceleration,
-    shouldDisableGpuAcceleration = _ref4$shouldDisableGp === void 0 ? false : _ref4$shouldDisableGp,
-    role = _ref4.role,
-    titleId = _ref4.titleId;
-  useEnsureIsInsidePopup();
-  var isOpen = (0, _react.useContext)(IsOpenContext);
-  var id = (0, _react.useContext)(IdContext);
-  var triggerRef = (0, _react.useContext)(TriggerRefContext);
-  var _usePopupAppearance = (0, _useAppearance.usePopupAppearance)({
-      appearance: inAppearance,
-      shouldRenderToParent: inShouldRenderToParent
-    }),
-    appearance = _usePopupAppearance.appearance,
-    shouldRenderToParent = _usePopupAppearance.shouldRenderToParent;
-  var handleOpenLayerObserverCloseSignal = (0, _react.useCallback)(function () {
-    onClose === null || onClose === void 0 || onClose(null);
-  }, [onClose]);
-  (0, _openLayerObserver.useNotifyOpenLayerObserver)({
-    isOpen: isOpen,
-    onClose: handleOpenLayerObserverCloseSignal,
-    type: 'popup'
-  });
-  if (!isOpen) {
-    return null;
-  }
-  var popperWrapper = /*#__PURE__*/_react.default.createElement(_layering.Layering, {
-    isDisabled: false
-  }, /*#__PURE__*/_react.default.createElement(_popperWrapper.default, {
-    xcss: xcss,
-    appearance: appearance,
-    content: children,
-    isOpen: isOpen,
-    placement: placement,
-    fallbackPlacements: fallbackPlacements,
-    boundary: boundary,
-    rootBoundary: rootBoundary,
-    shouldFlip: shouldFlip,
-    offset: offset,
-    popupComponent: popupComponent,
-    id: id,
-    testId: testId,
-    onClose: onClose,
-    autoFocus: autoFocus,
-    shouldFitContainer: shouldFitContainer,
-    shouldUseCaptureOnOutsideClick: shouldUseCaptureOnOutsideClick,
-    shouldRenderToParent: shouldRenderToParent,
-    shouldDisableFocusLock: shouldDisableFocusLock,
-    triggerRef: triggerRef,
-    strategy: strategy,
-    shouldFitViewport: shouldFitViewport,
-    modifiers: shouldDisableGpuAcceleration ? shouldDisableGpuAccelerationModifiers : undefined,
-    role: role,
-    titleId: titleId
-  }));
-  if (shouldRenderToParent) {
-    return popperWrapper;
-  }
-  return /*#__PURE__*/_react.default.createElement(_portal.default, {
-    zIndex: zIndex
-  }, popperWrapper);
 };

package/dist/cjs/compositional/role-context.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RoleContext = void 0;
+var _react = require("react");
+/* eslint-disable @repo/internal/react/require-jsdoc */
+
+var RoleContext = exports.RoleContext = /*#__PURE__*/(0, _react.createContext)(undefined);

package/dist/cjs/compositional/set-trigger-ref-context.js

@@ -0,0 +1,12 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SetTriggerRefContext = void 0;
+var _react = require("react");
+var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
+/* eslint-disable @repo/internal/react/require-jsdoc */
+
+var SetTriggerRefContext = exports.SetTriggerRefContext = /*#__PURE__*/(0, _react.createContext)(_noop.default);

package/dist/cjs/compositional/trigger-ref-context.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TriggerRefContext = void 0;
+var _react = require("react");
+/* eslint-disable @repo/internal/react/require-jsdoc */
+
+var TriggerRefContext = exports.TriggerRefContext = /*#__PURE__*/(0, _react.createContext)(null);

package/dist/cjs/compositional/use-ensure-is-inside-popup.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useEnsureIsInsidePopup = useEnsureIsInsidePopup;
+var _react = require("react");
+var _tinyInvariant = _interopRequireDefault(require("tiny-invariant"));
+var _isInsidePopupContext = require("./is-inside-popup-context");
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
+function useEnsureIsInsidePopup() {
+  var context = (0, _react.useContext)(_isInsidePopupContext.EnsureIsInsidePopupContext);
+  (0, _tinyInvariant.default)(context, 'PopupTrigger and PopupContent components must be used within a Popup');
+}

package/dist/cjs/entry-points/experimental/compositional.js

@@ -12,13 +12,15 @@ Object.defineProperty(exports, "Popup", {
 Object.defineProperty(exports, "PopupContent", {
   enumerable: true,
   get: function get() {
-    return _popup.PopupContent;
+    return _popupContent.PopupContent;
   }
 });
 Object.defineProperty(exports, "PopupTrigger", {
   enumerable: true,
   get: function get() {
-    return _popup.PopupTrigger;
+    return _popupTrigger.PopupTrigger;
   }
 });
-var _popup = require("../../compositional/popup");
+var _popup = require("../../compositional/popup");
+var _popupContent = require("../../compositional/popup-content");
+var _popupTrigger = require("../../compositional/popup-trigger");

package/dist/cjs/popper-wrapper.js

@@ -41,52 +41,52 @@ var focusRingStyles = {
 };
 var placementMap = {
   top: {
-    enter: "var(--ds-popup-enter-top, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInTop, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn)",
-    exit: "var(--ds-popup-exit-top, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutTop, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut)"
+    enter: "var(--ds-popup-enter-top, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInTop8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
+    exit: "var(--ds-popup-exit-top, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutTop8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
   },
   'top-start': {
-    enter: "var(--ds-popup-enter-top, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInTop, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn)",
-    exit: "var(--ds-popup-exit-top, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutTop, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut)"
+    enter: "var(--ds-popup-enter-top, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInTop8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
+    exit: "var(--ds-popup-exit-top, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutTop8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
   },
   'top-end': {
-    enter: "var(--ds-popup-enter-top, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInTop, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn)",
-    exit: "var(--ds-popup-exit-top, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutTop, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut)"
+    enter: "var(--ds-popup-enter-top, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInTop8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
+    exit: "var(--ds-popup-exit-top, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutTop8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
   },
   bottom: {
-    enter: "var(--ds-popup-enter-bottom, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInBottom, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn)",
-    exit: "var(--ds-popup-exit-bottom, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutBottom, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut)"
+    enter: "var(--ds-popup-enter-bottom, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInBottom8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
+    exit: "var(--ds-popup-exit-bottom, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutBottom8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
   },
   'bottom-start': {
-    enter: "var(--ds-popup-enter-bottom, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInBottom, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn)",
-    exit: "var(--ds-popup-exit-bottom, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutBottom, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut)"
+    enter: "var(--ds-popup-enter-bottom, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInBottom8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
+    exit: "var(--ds-popup-exit-bottom, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutBottom8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
   },
   'bottom-end': {
-    enter: "var(--ds-popup-enter-bottom, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInBottom, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn)",
-    exit: "var(--ds-popup-exit-bottom, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutBottom, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut)"
+    enter: "var(--ds-popup-enter-bottom, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInBottom8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
+    exit: "var(--ds-popup-exit-bottom, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutBottom8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
   },
   left: {
-    enter: "var(--ds-popup-enter-left, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInLeft, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn)",
-    exit: "var(--ds-popup-exit-left, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutLeft, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut)"
+    enter: "var(--ds-popup-enter-left, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInLeft8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
+    exit: "var(--ds-popup-exit-left, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutLeft8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
   },
   'left-start': {
-    enter: "var(--ds-popup-enter-left, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInLeft, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn)",
-    exit: "var(--ds-popup-exit-left, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutLeft, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut)"
+    enter: "var(--ds-popup-enter-left, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInLeft8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
+    exit: "var(--ds-popup-exit-left, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutLeft8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
   },
   'left-end': {
-    enter: "var(--ds-popup-enter-left, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInLeft, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn)",
-    exit: "var(--ds-popup-exit-left, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutLeft, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut)"
+    enter: "var(--ds-popup-enter-left, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInLeft8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
+    exit: "var(--ds-popup-exit-left, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutLeft8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
   },
   right: {
-    enter: "var(--ds-popup-enter-right, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInRight, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn)",
-    exit: "var(--ds-popup-exit-right, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutRight, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut)"
+    enter: "var(--ds-popup-enter-right, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInRight8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
+    exit: "var(--ds-popup-exit-right, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutRight8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
   },
   'right-start': {
-    enter: "var(--ds-popup-enter-right, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInRight, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn)",
-    exit: "var(--ds-popup-exit-right, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutRight, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut)"
+    enter: "var(--ds-popup-enter-right, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInRight8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
+    exit: "var(--ds-popup-exit-right, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutRight8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
   },
   'right-end': {
-    enter: "var(--ds-popup-enter-right, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInRight, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn)",
-    exit: "var(--ds-popup-exit-right, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutRight, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut)"
+    enter: "var(--ds-popup-enter-right, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInRight8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
+    exit: "var(--ds-popup-exit-right, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutRight8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
   }
 };
 var DefaultPopupComponent = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {

package/dist/es2019/compositional/id-context.js

@@ -0,0 +1,4 @@
+import { createContext } from 'react';
+
+/* eslint-disable @repo/internal/react/require-jsdoc */
+export const IdContext = /*#__PURE__*/createContext(undefined);

package/dist/es2019/compositional/is-inside-popup-context.js

@@ -0,0 +1,14 @@
+import { createContext } from 'react';
+
+// TODO: Fill in the component {description} and ensure links point to the correct {packageName} location.
+// Remove links that the component does not have (such as usage). If there are no links remove them all.
+/**
+ * __Ensure is inside popup context__
+ *
+ * An ensure is inside popup context {description}.
+ *
+ * - [Examples](https://atlassian.design/components/{packageName}/examples)
+ * - [Code](https://atlassian.design/components/{packageName}/code)
+ * - [Usage](https://atlassian.design/components/{packageName}/usage)
+ */
+export const EnsureIsInsidePopupContext = /*#__PURE__*/createContext(false);

package/dist/es2019/compositional/is-open-context.js

@@ -0,0 +1,14 @@
+import { createContext } from 'react';
+
+// TODO: Fill in the component {description} and ensure links point to the correct {packageName} location.
+// Remove links that the component does not have (such as usage). If there are no links remove them all.
+/**
+ * __Is open context__
+ *
+ * An is open context {description}.
+ *
+ * - [Examples](https://atlassian.design/components/{packageName}/examples)
+ * - [Code](https://atlassian.design/components/{packageName}/code)
+ * - [Usage](https://atlassian.design/components/{packageName}/usage)
+ */
+export const IsOpenContext = /*#__PURE__*/createContext(false);