@atlaskit/link-datasource 7.3.4 → 7.4.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/link-datasource
 
+## 7.4.0
+
+### Minor Changes
+
+- [`fe866ef62df9b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fe866ef62df9b) -
+  Add optional `onRequestSettled` callback to `DatasourceTableView` that reports each settled data
+  request's status, loaded item count and total count, so hosts can react to outcomes such as empty
+  results without relying on analytics events. Gated by `platform_lp_sllv_on_request_settled`.
+
+## 7.3.5
+
+### Patch Changes
+
+- [`cb9f9a0085ea8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cb9f9a0085ea8) -
+  Cleanup `feature_gate` `platform_navx_3298_message_wrapper`. Form helper and error messages are
+  now always rendered inside a `MessageWrapper` live region, and the Rovo link picker's display-text
+  helper is permanently associated with its input via `aria-describedby`.
+- Updated dependencies
+
 ## 7.3.4
 
 ### Patch Changes

package/compass.yml

@@ -7,7 +7,7 @@ description:
   resources or data points within the platform.
 configVersion: 1
 typeId: CAPABILITY
-ownerId: ari:cloud:identity::team/0e6dedf8-18d1-4531-b4b9-07648a425d47 # Eng - Navigation Experiences (Darko Zoroja)
+ownerId: ari:cloud:identity::team/62c5672c-3754-4ebe-8a0f-4d1c87ded5b5 # Rovo Growth - Smartlinks (Rahul Lal)
 fields:
   tier: 4
   lifecycle: Active
@@ -21,16 +21,13 @@ links:
     url: https://atlassian.signalfx.com/#/dashboard/Gm8VEROA0AQ?groupId=Fcva05QA4AA&configId=Gm8VFYeAwAI&startTime=-31d&endTime=Now
   - name: ''
     type: PROJECT
-    url: https://hello.jira.atlassian.cloud/jira/software/projects/NAVX/boards/14605
-  - name: ''
-    type: CHAT_CHANNEL
-    url: https://atlassian.enterprise.slack.com/archives/C09FTFN0APN # #help-fe-linking-platform
+    url: https://hello.jira.atlassian.cloud/jira/software/projects/ASIMO/boards/10382
   - name: ''
     type: ON_CALL
-    url: https://hello.jira.atlassian.cloud/jira/ops/teams/0e6dedf8-18d1-4531-b4b9-07648a425d47/on-call
+    url: https://opsj.atlassian.net/jira/ops/teams/62c5672c-3754-4ebe-8a0f-4d1c87ded5b5/on-call
   - name: Slack Channel
     type: CHAT_CHANNEL
-    url: https://atlassian.enterprise.slack.com/archives/CFKGAQZRV # #help-fe-linking-platform
+    url: https://atlassian.enterprise.slack.com/archives/C09LKUEEPGT # #rovo-growth
   - name: Link Datasource
     type: REPOSITORY
     url: https://bitbucket.org/atlassian/atlassian-frontend-monorepo/src/master/platform/packages/linking-platform/link-datasource
@@ -48,7 +45,7 @@ customFields:
       - 6abcbe4f-1063-4cf7-8b32-58ebd01078da
   - name: Engineering Manager
     type: user
-    value: ari:cloud:identity::user/712020:3eb290b3-ff87-40f2-a7ef-4ee9d0ae10bd
+    value: ari:cloud:identity::user/712020:297a7015-e760-4d56-aca3-30a62302ef0e # Rahul Lal
   - name: Is renovate enabled?
     type: boolean
     value: false

package/dist/cjs/ui/assets-modal/search-container/aql-search-input/index.js

@@ -22,8 +22,7 @@ var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/core/cross-cir
 var _questionCircle = _interopRequireDefault(require("@atlaskit/icon/core/question-circle"));
 var _search = _interopRequireDefault(require("@atlaskit/icon/core/search"));
 var _statusSuccess = _interopRequireDefault(require("@atlaskit/icon/core/status-success"));
-var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _box = require("@atlaskit/primitives/compiled/box");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner/spinner"));
 var _textField = _interopRequireDefault(require("@atlaskit/textfield/text-field"));
 var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
@@ -120,7 +119,7 @@ var AqlSearchInput = exports.AqlSearchInput = function AqlSearchInput(_ref2) {
         color: "var(--ds-icon, #292A2E)",
         testId: "assets-datasource-modal-help",
         spacing: "spacious"
-      }))), /*#__PURE__*/React.createElement(_compiled.Box, {
+      }))), /*#__PURE__*/React.createElement(_box.Box, {
         xcss: styles.searchButtonContainer
       }, /*#__PURE__*/React.createElement(_button.default, {
         appearance: "primary",
@@ -140,6 +139,6 @@ var AqlSearchInput = exports.AqlSearchInput = function AqlSearchInput(_ref2) {
       placeholder: formatMessage(_messages.searchInputMessages.placeholder),
       testId: testId,
       "aria-label": formatMessage(_messages.searchInputMessages.placeholder)
-    })), (0, _fg.fg)('platform_navx_3298_message_wrapper') ? /*#__PURE__*/React.createElement(_messageWrapper.MessageWrapper, null, lastValidationResult.type === 'invalid' && lastValidationResult.error && /*#__PURE__*/React.createElement(_errorMessage.ErrorMessage, null, lastValidationResult.error)) : lastValidationResult.type === 'invalid' && lastValidationResult.error && /*#__PURE__*/React.createElement(_errorMessage.ErrorMessage, null, lastValidationResult.error));
+    })), /*#__PURE__*/React.createElement(_messageWrapper.MessageWrapper, null, lastValidationResult.type === 'invalid' && lastValidationResult.error && /*#__PURE__*/React.createElement(_errorMessage.ErrorMessage, null, lastValidationResult.error)));
   }));
 };

package/dist/cjs/ui/assets-modal/search-container/index.js

@@ -15,7 +15,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _form = _interopRequireDefault(require("@atlaskit/form/form"));
 var _closeButton = require("@atlaskit/modal-dialog/close-button");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _flex = require("@atlaskit/primitives/compiled/flex");
 var _analytics = require("../../../analytics");
 var _aqlSearchInput = require("./aql-search-input");
 var _objectSchemaSelect = require("./object-schema-select");
@@ -71,15 +71,15 @@ var AssetsSearchContainer = exports.AssetsSearchContainer = function AssetsSearc
       id: SEARCH_FORM_ID
     }), /*#__PURE__*/React.createElement(_styled.FormRowContainer, {
       isNarrowGap: true
-    }, /*#__PURE__*/React.createElement(_compiled.Flex, {
+    }, /*#__PURE__*/React.createElement(_flex.Flex, {
       gap: "space.200",
       justifyContent: "space-between",
       xcss: styles.flexStyles
-    }, /*#__PURE__*/React.createElement(_compiled.Flex, {
+    }, /*#__PURE__*/React.createElement(_flex.Flex, {
       justifyContent: "end"
     }, /*#__PURE__*/React.createElement(_closeButton.CloseButton, {
       onClick: onCancel
-    })), /*#__PURE__*/React.createElement(_compiled.Flex, {
+    })), /*#__PURE__*/React.createElement(_flex.Flex, {
       justifyContent: "start",
       xcss: styles.modalTitleContainer
     }, modalTitle, /*#__PURE__*/React.createElement(_objectSchemaSelect.AssetsObjectSchemaSelect, {

package/dist/cjs/ui/common/error-state/access-required.js

@@ -13,7 +13,7 @@ var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _reactIntl = require("react-intl");
 var _emptyState = _interopRequireDefault(require("@atlaskit/empty-state/empty-state"));
-var _compiled = require("@atlaskit/primitives/compiled");
+var _box = require("@atlaskit/primitives/compiled/box");
 var _analytics = require("../../../analytics");
 var _padlockKey = require("../../../common/ui/spot/basics/padlock-key");
 var _messages = require("./messages");
@@ -35,7 +35,7 @@ var Description = function Description(_ref) {
 var IconContainer = function IconContainer() {
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
-  return /*#__PURE__*/React.createElement(_compiled.Box, {
+  return /*#__PURE__*/React.createElement(_box.Box, {
     xcss: styles.iconContainerStyles
   }, /*#__PURE__*/React.createElement(_padlockKey.SpotPadlockKey, {
     size: 'xlarge',

package/dist/cjs/ui/common/error-state/loading-error.js

@@ -17,7 +17,9 @@ var _reactIntl = require("react-intl");
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 var _link = _interopRequireDefault(require("@atlaskit/link/link"));
 var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _box = require("@atlaskit/primitives/compiled/box");
+var _inline = require("@atlaskit/primitives/compiled/inline");
+var _text = require("@atlaskit/primitives/compiled/text");
 var _analytics = require("../../../analytics");
 var _search = require("../../../common/ui/spot/error-state/search");
 var _messages = require("./messages");
@@ -71,18 +73,18 @@ var LoadingError = exports.LoadingError = function LoadingError(_ref) {
   }
   return /*#__PURE__*/React.createElement("div", {
     contentEditable: false
-  }, /*#__PURE__*/React.createElement(_compiled.Box, {
+  }, /*#__PURE__*/React.createElement(_box.Box, {
     xcss: styles.errorContainerStyles,
     testId: "datasource--loading-error"
   }, /*#__PURE__*/React.createElement(_search.SpotErrorSearch, {
     size: 'xlarge',
     alt: ""
-  }), /*#__PURE__*/React.createElement(_compiled.Box, {
+  }), /*#__PURE__*/React.createElement(_box.Box, {
     xcss: styles.errorMessageContainerStyles
-  }, /*#__PURE__*/React.createElement(_compiled.Inline, {
+  }, /*#__PURE__*/React.createElement(_inline.Inline, {
     as: "span",
     xcss: styles.errorMessageStyles
-  }, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, title)), /*#__PURE__*/React.createElement(_compiled.Text, {
+  }, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, title)), /*#__PURE__*/React.createElement(_text.Text, {
     as: "p"
   }, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, description, {
     values: _objectSpread(_objectSpread({}, effectiveErrorType === 'missing-columns' ? {

package/dist/cjs/ui/common/error-state/modal-loading-error.js

@@ -14,7 +14,8 @@ var _runtime = require("@compiled/react/runtime");
 var _react2 = require("@compiled/react");
 var _reactIntl = require("react-intl");
 var _button = _interopRequireDefault(require("@atlaskit/button/default/button"));
-var _compiled = require("@atlaskit/primitives/compiled");
+var _box = require("@atlaskit/primitives/compiled/box");
+var _text = require("@atlaskit/primitives/compiled/text");
 var _analytics = require("../../../analytics");
 var _search = require("../../../common/ui/spot/error-state/search");
 var _messages = require("./messages");
@@ -34,19 +35,19 @@ var ModalLoadingError = exports.ModalLoadingError = function ModalLoadingError(_
       reason: 'network'
     });
   }, [fireEvent]);
-  return /*#__PURE__*/React.createElement(_compiled.Box, {
+  return /*#__PURE__*/React.createElement(_box.Box, {
     xcss: (0, _react2.cx)(styles.errorContainerStyles),
     testId: "datasource-modal--loading-error"
   }, /*#__PURE__*/React.createElement(_search.SpotErrorSearch, {
     size: 'xlarge',
     alt: ""
-  }), /*#__PURE__*/React.createElement(_compiled.Box, {
+  }), /*#__PURE__*/React.createElement(_box.Box, {
     xcss: (0, _react2.cx)(styles.errorMessageContainerStyles)
-  }, /*#__PURE__*/React.createElement(_compiled.Text, {
+  }, /*#__PURE__*/React.createElement(_text.Text, {
     as: "span",
     size: "large",
     weight: "bold"
-  }, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _messages.loadingErrorMessages.unableToLoadResults)), /*#__PURE__*/React.createElement(_compiled.Text, {
+  }, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _messages.loadingErrorMessages.unableToLoadResults)), /*#__PURE__*/React.createElement(_text.Text, {
     as: "span",
     size: "medium"
   }, errorMessage), onRefresh && /*#__PURE__*/React.createElement(_button.default, {

package/dist/cjs/ui/common/error-state/no-instances.js

@@ -10,7 +10,8 @@ require("./no-instances.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _reactIntl = require("react-intl");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _flex = require("@atlaskit/primitives/compiled/flex");
+var _inline = require("@atlaskit/primitives/compiled/inline");
 var _noInstancesSvg = require("./no-instances-svg");
 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 styles = {
@@ -24,15 +25,15 @@ var NoInstancesView = exports.NoInstancesView = function NoInstancesView(_ref) {
     testId = _ref.testId;
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
-  return /*#__PURE__*/React.createElement(_compiled.Flex, {
+  return /*#__PURE__*/React.createElement(_flex.Flex, {
     testId: testId,
     direction: "column",
     alignItems: "center",
     xcss: styles.containerStyles
-  }, /*#__PURE__*/React.createElement(_noInstancesSvg.NoInstancesSvg, null), /*#__PURE__*/React.createElement(_compiled.Inline, {
+  }, /*#__PURE__*/React.createElement(_noInstancesSvg.NoInstancesSvg, null), /*#__PURE__*/React.createElement(_inline.Inline, {
     as: "span",
     xcss: styles.titleStyles
-  }, formatMessage(title)), /*#__PURE__*/React.createElement(_compiled.Inline, {
+  }, formatMessage(title)), /*#__PURE__*/React.createElement(_inline.Inline, {
     as: "span",
     xcss: styles.descriptionStyles
   }, formatMessage(description)));

package/dist/cjs/ui/common/error-state/no-results.js

@@ -13,7 +13,8 @@ var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _reactIntl = require("react-intl");
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
-var _compiled = require("@atlaskit/primitives/compiled");
+var _grid = require("@atlaskit/primitives/compiled/grid");
+var _text = require("@atlaskit/primitives/compiled/text");
 var _analytics = require("../../../analytics");
 var _searchNoResult = require("../../../common/ui/spot/error-state/search-no-result");
 var _messages = require("./messages");
@@ -34,21 +35,21 @@ var NoResults = exports.NoResults = function NoResults(_ref) {
   (0, _react.useEffect)(function () {
     fireEvent('ui.emptyResult.shown.datasource', {});
   }, [fireEvent]);
-  return /*#__PURE__*/React.createElement(_compiled.Grid, {
+  return /*#__PURE__*/React.createElement(_grid.Grid, {
     xcss: isCompact ? styles.noResultsCompactContainerStyles : styles.noResultsContainerStyles,
     testId: "datasource-modal--no-results"
-  }, /*#__PURE__*/React.createElement(_compiled.Grid, {
+  }, /*#__PURE__*/React.createElement(_grid.Grid, {
     xcss: styles.noResultsContentStyles
   }, /*#__PURE__*/React.createElement(_searchNoResult.SpotSearchNoResult, {
     size: 'xlarge',
     alt: formatMessage(_messages.loadingErrorMessages.noResultsFound)
-  }), /*#__PURE__*/React.createElement(_compiled.Grid, {
+  }), /*#__PURE__*/React.createElement(_grid.Grid, {
     xcss: styles.noResultsMessageContainerStyles
-  }, /*#__PURE__*/React.createElement(_compiled.Text, {
+  }, /*#__PURE__*/React.createElement(_text.Text, {
     as: "span",
     size: "large",
     weight: "bold"
-  }, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _messages.loadingErrorMessages.noResultsFound)), /*#__PURE__*/React.createElement(_compiled.Text, {
+  }, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _messages.loadingErrorMessages.noResultsFound)), /*#__PURE__*/React.createElement(_text.Text, {
     as: "span",
     size: "medium"
   }, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _messages.loadingErrorMessages.noResultsFoundDescription)), onRefresh && /*#__PURE__*/React.createElement(_standardButton.default, {

package/dist/cjs/ui/common/modal/basic-search-input/index.js

@@ -15,7 +15,7 @@ var _reactIntl = require("react-intl");
 var _button = _interopRequireDefault(require("@atlaskit/button/icon/button"));
 var _search = _interopRequireDefault(require("@atlaskit/icon/core/search"));
 var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _box = require("@atlaskit/primitives/compiled/box");
 var _textField = _interopRequireDefault(require("@atlaskit/textfield/text-field"));
 var _analytics = require("../../../../analytics");
 var _messages = require("./messages");
@@ -50,7 +50,7 @@ var BasicSearchInput = exports.BasicSearchInput = function BasicSearchInput(_ref
     onSubmit: handleFormSubmit,
     className: (0, _runtime.ax)([fullWidth ? "_16jlkb7n _1o9zkb7n _i0dlf1ug" : "_16jlkb7n _1o9zkb7n _i0dlf1ug _p12f1mjv"])
   }, /*#__PURE__*/React.createElement(_textField.default, {
-    elemAfterInput: /*#__PURE__*/React.createElement(_compiled.Box, {
+    elemAfterInput: /*#__PURE__*/React.createElement(_box.Box, {
       xcss: styles.searchButtonContainer
     }, /*#__PURE__*/React.createElement(_button.default, {
       appearance: "primary",

package/dist/cjs/ui/common/modal/content-container/index.js

@@ -10,7 +10,7 @@ require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
 var _css = require("@atlaskit/css");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _box = require("@atlaskit/primitives/compiled/box");
 var styles = {
   tableContainerStyles: "_n7zlia51 _x3doia51 _1kl7ia51 _1s7zia51 _13li1mok _qrwq1mok",
   contentContainerStyles: "_1reo1wug _18m91wug _n7zl1uh4 _1e0c11p5 _c71l1pna _1itkhcjh _ouxlbac2 _12vemgnk _1lrw1sd4 _qmxj1c00",
@@ -19,7 +19,7 @@ var styles = {
 var ContentContainer = exports.ContentContainer = function ContentContainer(_ref) {
   var children = _ref.children,
     withTableBorder = _ref.withTableBorder;
-  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  return /*#__PURE__*/_react.default.createElement(_box.Box, {
     xcss: (0, _css.cx)(styles.contentContainerStyles, withTableBorder && styles.tableContainerStyles, styles.contentContainerRemoveBorderStyles)
   }, children);
 };

package/dist/cjs/ui/common/modal/count-view-smart-link/smart-card-placeholder.js

@@ -10,16 +10,16 @@ require("./smart-card-placeholder.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _box = require("@atlaskit/primitives/compiled/box");
 var styles = {
   placeholderSmartLinkStyles: "_2rko18qm _syaz1oa5 _ca0qze3t _n3tdze3t _19bvv77o _u5f3v77o _16qst7xp",
   smartLinkContainerStyles: "_19bvv77o"
 };
 var SmartCardPlaceholder = exports.SmartCardPlaceholder = function SmartCardPlaceholder(_ref) {
   var placeholderText = _ref.placeholderText;
-  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  return /*#__PURE__*/_react.default.createElement(_box.Box, {
     xcss: styles.smartLinkContainerStyles
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  }, /*#__PURE__*/_react.default.createElement(_box.Box, {
     as: "span",
     testId: "datasource-modal--smart-card-placeholder",
     xcss: styles.placeholderSmartLinkStyles

package/dist/cjs/ui/common/modal/count-view-smart-link/smart-link.js

@@ -9,14 +9,14 @@ exports.SmartLink = void 0;
 require("./smart-link.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
-var _compiled = require("@atlaskit/primitives/compiled");
+var _box = require("@atlaskit/primitives/compiled/box");
 var _link = _interopRequireDefault(require("../../../issue-like-table/render-type/link"));
 var styles = {
   smartLinkContainerStyles: "_19bvv77o"
 };
 var SmartLink = exports.SmartLink = function SmartLink(_ref) {
   var url = _ref.url;
-  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  return /*#__PURE__*/_react.default.createElement(_box.Box, {
     xcss: styles.smartLinkContainerStyles
   }, /*#__PURE__*/_react.default.createElement(_link.default, {
     url: url

package/dist/cjs/ui/common/modal/display-view-dropdown/display-view-drop-down.js

@@ -17,7 +17,7 @@ var _dropdownMenu = _interopRequireDefault(require("@atlaskit/dropdown-menu/drop
 var _dropdownMenuItem = _interopRequireDefault(require("@atlaskit/dropdown-menu/dropdown-menu-item"));
 var _dropdownMenuItemGroup = _interopRequireDefault(require("@atlaskit/dropdown-menu/dropdown-menu-item-group"));
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
-var _compiled = require("@atlaskit/primitives/compiled");
+var _box = require("@atlaskit/primitives/compiled/box");
 var _messages = require("./messages");
 var _excluded = ["triggerRef"];
 var styles = {
@@ -70,7 +70,7 @@ var DisplayViewDropDown = exports.DisplayViewDropDown = function DisplayViewDrop
       }), triggerText);
     },
     testId: "datasource-modal--view-drop-down"
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  }, /*#__PURE__*/_react.default.createElement(_box.Box, {
     xcss: styles.dropDownItemGroupStyles
   }, /*#__PURE__*/_react.default.createElement(_dropdownMenuItemGroup.default, null, /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
     testId: "dropdown-item-table",

package/dist/cjs/ui/common/modal/popup-select/CustomControl.js

@@ -11,7 +11,7 @@ var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
-var _compiled = require("@atlaskit/primitives/compiled");
+var _box = require("@atlaskit/primitives/compiled/box");
 var _components = require("@atlaskit/react-select/components");
 var _excluded = ["children"];
 var getPopupCustomControlStyles = function getPopupCustomControlStyles() {
@@ -30,7 +30,7 @@ var popupCustomControlStyles = {
 var CustomControl = exports.CustomControl = function CustomControl(_ref) {
   var children = _ref.children,
     innerProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  return /*#__PURE__*/_react.default.createElement(_box.Box, {
     xcss: popupCustomControlStyles.container
   }, /*#__PURE__*/_react.default.createElement(_components.components.Control, (0, _extends2.default)({}, innerProps, {
     getStyles: getPopupCustomControlStyles,

package/dist/cjs/ui/common/modal/popup-select/dropdownIndicator.js

@@ -11,7 +11,7 @@ var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
 var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/core/cross-circle"));
 var _search = _interopRequireDefault(require("@atlaskit/icon/core/search"));
-var _compiled = require("@atlaskit/primitives/compiled");
+var _pressable = require("@atlaskit/primitives/compiled/pressable");
 var _components = require("@atlaskit/react-select/components");
 var styles = {
   customDropdownIndicatorStylesOld: "_1e0c1txw _80omtlke _1bah1h6o _1bsbzwfg",
@@ -19,7 +19,7 @@ var styles = {
 };
 var CustomDropdownIndicator = function CustomDropdownIndicator(props) {
   var selectProps = props.selectProps;
-  return /*#__PURE__*/_react.default.createElement(_components.components.DropdownIndicator, props, /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
+  return /*#__PURE__*/_react.default.createElement(_components.components.DropdownIndicator, props, /*#__PURE__*/_react.default.createElement(_pressable.Pressable, {
     xcss: styles.customDropdownIndicatorStyles,
     onClick: function onClick() {
       if (selectProps.inputValue) {

package/dist/cjs/ui/common/modal/popup-select/footer.js

@@ -12,7 +12,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@compiled/react");
 var _reactIntl = require("react-intl");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _flex = require("@atlaskit/primitives/compiled/flex");
+var _inline = require("@atlaskit/primitives/compiled/inline");
 var _messages = require("./messages");
 var styles = {
   footerContainerStyles: "_ca0qutpp _n3tdutpp _19bvpxbi _u5f3pxbi _uwhke4h9 _15a5nqa1 _1i531l7x",
@@ -22,13 +23,13 @@ var PopupFooter = function PopupFooter(_ref) {
   var currentDisplayCount = _ref.currentDisplayCount,
     totalCount = _ref.totalCount,
     filterName = _ref.filterName;
-  return /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+  return /*#__PURE__*/_react.default.createElement(_flex.Flex, {
     testId: "".concat(filterName, "--footer"),
     direction: "row",
     alignItems: "center",
     justifyContent: "end",
     xcss: (0, _react2.cx)(styles.footerContainerStyles)
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
+  }, /*#__PURE__*/_react.default.createElement(_inline.Inline, {
     xcss: (0, _react2.cx)(styles.footerPaginationInfoStyles)
   }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _messages.asyncPopupSelectMessages.paginationDetails, {
     values: {

package/dist/cjs/ui/common/modal/popup-select/formatOptionLabel.js

@@ -13,7 +13,8 @@ var _avatar = _interopRequireDefault(require("@atlaskit/avatar/avatar"));
 var _css = require("@atlaskit/css");
 var _peopleGroup = _interopRequireDefault(require("@atlaskit/icon/core/people-group"));
 var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge/lozenge"));
-var _compiled = require("@atlaskit/primitives/compiled");
+var _box = require("@atlaskit/primitives/compiled/box");
+var _flex = require("@atlaskit/primitives/compiled/flex");
 var styles = {
   commonLabelStyles: "_1reo15vq _18m915vq _1bto1l2s",
   avatarOptionLabelStyles: "_18u01b66",
@@ -42,17 +43,17 @@ var LozengeOptionLabel = function LozengeOptionLabel(_ref2) {
     appearance: data.appearance,
     isBold: true,
     testId: "basic-filter-popup-select-option--lozenge"
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  }, /*#__PURE__*/_react.default.createElement(_box.Box, {
     xcss: styles.commonLabelStyles
   }, data.label));
 };
 var AvatarOptionLabel = function AvatarOptionLabel(_ref3) {
   var data = _ref3.data,
     testId = _ref3.testId;
-  return /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+  return /*#__PURE__*/_react.default.createElement(_flex.Flex, {
     alignItems: "center",
     testId: testId || 'basic-filter-popup-select-option--avatar'
-  }, data.isGroup ? /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+  }, data.isGroup ? /*#__PURE__*/_react.default.createElement(_flex.Flex, {
     alignItems: "center",
     justifyContent: "center",
     xcss: styles.groupWrapperStyles
@@ -63,7 +64,7 @@ var AvatarOptionLabel = function AvatarOptionLabel(_ref3) {
     appearance: data.isSquare ? 'square' : 'circle',
     src: data.avatar,
     size: "xxsmall"
-  }), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  }), /*#__PURE__*/_react.default.createElement(_box.Box, {
     xcss: (0, _css.cx)(styles.commonLabelStyles, styles.avatarOptionLabelStyles)
   }, data.label));
 };

package/dist/cjs/ui/common/modal/popup-select/menu-list/index.js

@@ -11,7 +11,8 @@ var _runtime = require("@compiled/react/runtime");
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@compiled/react");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _box = require("@atlaskit/primitives/compiled/box");
+var _flex = require("@atlaskit/primitives/compiled/flex");
 var _components = require("@atlaskit/react-select/components");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner/spinner"));
 var _errorMessage = _interopRequireDefault(require("./errorMessage"));
@@ -39,7 +40,7 @@ var CustomMenuList = function CustomMenuList(_ref) {
   var shouldDisplayShowMore = showMore && !isLoadingMore;
   var isLoadingMoreData = !shouldDisplayShowMore && isLoadingMore;
   var InlineSpinner = function InlineSpinner() {
-    return /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+    return /*#__PURE__*/_react.default.createElement(_flex.Flex, {
       justifyContent: "center",
       xcss: styles.inlineSpinnerStyles
     }, /*#__PURE__*/_react.default.createElement(_spinner.default, {
@@ -63,7 +64,7 @@ var CustomMenuList = function CustomMenuList(_ref) {
         filterName: filterName
       });
     }
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children, shouldDisplayShowMore && handleShowMore && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children, shouldDisplayShowMore && handleShowMore && /*#__PURE__*/_react.default.createElement(_box.Box, {
       xcss: (0, _react2.cx)(styles.showMoreButtonBoxStyles)
     }, /*#__PURE__*/_react.default.createElement(_showMoreButton.default, {
       onShowMore: handleShowMore,

package/dist/cjs/ui/common/modal/popup-select/menu-list/selectMessage.js

@@ -11,7 +11,9 @@ var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
 var _heading = _interopRequireDefault(require("@atlaskit/heading/heading"));
-var _compiled = require("@atlaskit/primitives/compiled");
+var _flex = require("@atlaskit/primitives/compiled/flex");
+var _stack = require("@atlaskit/primitives/compiled/stack");
+var _text = require("@atlaskit/primitives/compiled/text");
 var styles = {
   boxStyles: "_4t3i16xz",
   stackStyles: "_zulppxbi _ca0q1jfw _n3td1jfw _19bvoahv _u5f3oahv _y3gn1h6o"
@@ -21,18 +23,18 @@ var CustomSelectMessage = function CustomSelectMessage(_ref) {
     message = _ref.message,
     description = _ref.description,
     testId = _ref.testId;
-  return /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
+  return /*#__PURE__*/_react.default.createElement(_stack.Stack, {
     xcss: styles.stackStyles,
     testId: testId,
     alignInline: "center"
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+  }, /*#__PURE__*/_react.default.createElement(_flex.Flex, {
     xcss: styles.boxStyles,
     alignItems: "center",
     justifyContent: "center"
   }, icon), /*#__PURE__*/_react.default.createElement(_heading.default, {
     size: "small",
     as: "h2"
-  }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, message)), description && /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, message)), description && /*#__PURE__*/_react.default.createElement(_text.Text, {
     size: "medium"
   }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, description)));
 };

package/dist/cjs/ui/common/modal/popup-select/trigger.js

@@ -17,7 +17,8 @@ var _badge = _interopRequireDefault(require("@atlaskit/badge/badge"));
 var _button = _interopRequireDefault(require("@atlaskit/button/default/button"));
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
-var _compiled = require("@atlaskit/primitives/compiled");
+var _box = require("@atlaskit/primitives/compiled/box");
+var _flex = require("@atlaskit/primitives/compiled/flex");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner/spinner"));
 var _excluded = ["as", "style"];
 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); }
@@ -77,9 +78,9 @@ var PopupTrigger = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
       },
       testId: "".concat(triggerButtonTestId, "--button"),
       "aria-expanded": isSelected
-    }, /*#__PURE__*/_react.default.createElement(_compiled.Flex, null, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    }, /*#__PURE__*/_react.default.createElement(_flex.Flex, null, /*#__PURE__*/_react.default.createElement(_box.Box, {
       xcss: styles.triggerButtonLabelStyles
-    }, label, firstOption && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ": ", firstOption.label)), selectedOptions && selectedOptions.length > 1 && /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+    }, label, firstOption && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ": ", firstOption.label)), selectedOptions && selectedOptions.length > 1 && /*#__PURE__*/_react.default.createElement(_flex.Flex, {
       xcss: styles.badgeStyles,
       alignItems: "center"
     }, /*#__PURE__*/_react.default.createElement(_badge.default, {
@@ -91,7 +92,7 @@ var PopupTrigger = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
    * We had an issue with the popup component referencing a stale DOM ref for the trigger button.
    * Hence introducing a Box to make sure ref is always the same and only content is refreshed on re-renders
    */
-  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  return /*#__PURE__*/_react.default.createElement(_box.Box, {
     testId: triggerButtonTestId
   }, showButtonLoading ? loadingButton : defaultButton);
 });

package/dist/cjs/ui/common/modal/search-count/ItemCountWrapper.js

@@ -11,7 +11,7 @@ var _runtime = require("@compiled/react/runtime");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _compiled = require("@atlaskit/primitives/compiled");
-var _linkUrl = _interopRequireDefault(require("@atlaskit/smart-card/link-url"));
+var _link = _interopRequireDefault(require("@atlaskit/smart-card/link"));
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var styles = {
@@ -26,7 +26,7 @@ var ItemCountWrapper = exports.ItemCountWrapper = function ItemCountWrapper(_ref
     testId: testId,
     xcss: styles.searchCountStyles,
     alignItems: "center"
-  }, /*#__PURE__*/_react.default.createElement(_linkUrl.default, {
+  }, /*#__PURE__*/_react.default.createElement(_link.default, {
     href: url,
     target: "_blank",
     testId: "item-count-url",

package/dist/cjs/ui/common/modal/site-selector/index.js

@@ -17,7 +17,7 @@ var _reactIntl = require("react-intl");
 var _button = _interopRequireDefault(require("@atlaskit/button/default/button"));
 var _heading = _interopRequireDefault(require("@atlaskit/heading/heading"));
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
-var _compiled = require("@atlaskit/primitives/compiled");
+var _box = require("@atlaskit/primitives/compiled/box");
 var _popupSelect = require("@atlaskit/select/popup-select");
 var _messages = require("./messages");
 var _excluded = ["isOpen"];
@@ -54,7 +54,7 @@ var SiteSelector = exports.SiteSelector = function SiteSelector(props) {
     label: selectedSite.displayName,
     value: selectedSite.cloudId
   };
-  return /*#__PURE__*/React.createElement(_compiled.Box, {
+  return /*#__PURE__*/React.createElement(_box.Box, {
     xcss: styles.dropdownContainerStyles
   }, /*#__PURE__*/React.createElement(_heading.default, {
     size: "medium",