@atlaskit/link-datasource 6.4.13 → 6.6.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 (232) hide show
  1. package/CHANGELOG.md +48 -0
  2. package/dist/cjs/analytics/generated/use-analytics-events.js +2 -2
  3. package/dist/cjs/analytics/ufoExperiences/index.js +11 -10
  4. package/dist/cjs/analytics/wrappers/render-failed/datasourceRenderFailedAnalyticsWrapper.js +2 -2
  5. package/dist/cjs/analytics/xpc/useDatasourceCrossProductAttribution.js +75 -0
  6. package/dist/cjs/hooks/useAssetsClient.js +2 -2
  7. package/dist/cjs/hooks/useDatasourceTableFlag.js +2 -2
  8. package/dist/cjs/hooks/useLoadOptions.js +2 -2
  9. package/dist/cjs/services/getAvailableSites.js +2 -2
  10. package/dist/cjs/ui/assets-modal/modal/index.js +11 -7
  11. package/dist/cjs/ui/assets-modal/modal/render-assets-content/initial-state-view/index.js +1 -1
  12. package/dist/cjs/ui/assets-modal/search-container/aql-search-input/index.js +13 -11
  13. package/dist/cjs/ui/assets-modal/search-container/index.js +3 -3
  14. package/dist/cjs/ui/assets-modal/search-container/object-schema-select/index.js +6 -6
  15. package/dist/cjs/ui/common/error-state/access-required.js +1 -1
  16. package/dist/cjs/ui/common/error-state/loading-error.js +1 -1
  17. package/dist/cjs/ui/common/error-state/modal-loading-error.js +2 -2
  18. package/dist/cjs/ui/common/error-state/provider-auth-required.js +9 -8
  19. package/dist/cjs/ui/common/initial-state-view/index.js +2 -2
  20. package/dist/cjs/ui/common/modal/basic-search-input/index.js +6 -6
  21. package/dist/cjs/ui/common/modal/datasource-modal/createDatasourceModal.js +2 -2
  22. package/dist/cjs/ui/common/modal/datasource-modal/index.js +1 -1
  23. package/dist/cjs/ui/common/modal/display-view-dropdown/display-view-drop-down.js +9 -9
  24. package/dist/cjs/ui/common/modal/mode-switcher/index.js +2 -2
  25. package/dist/cjs/ui/common/modal/popup-select/control.js +2 -2
  26. package/dist/cjs/ui/common/modal/popup-select/custom-checkbox-option.js +4 -4
  27. package/dist/cjs/ui/common/modal/popup-select/dropdownIndicator.js +2 -2
  28. package/dist/cjs/ui/common/modal/popup-select/formatOptionLabel.js +2 -2
  29. package/dist/cjs/ui/common/modal/popup-select/index.js +2 -2
  30. package/dist/cjs/ui/common/modal/popup-select/menu-list/index.js +3 -3
  31. package/dist/cjs/ui/common/modal/popup-select/menu-list/loadingMessage.js +1 -1
  32. package/dist/cjs/ui/common/modal/popup-select/menu-list/selectMessage.js +1 -1
  33. package/dist/cjs/ui/common/modal/popup-select/menu-list/showMoreButton.js +2 -2
  34. package/dist/cjs/ui/common/modal/popup-select/trigger.js +4 -4
  35. package/dist/cjs/ui/common/modal/search-count/index.js +2 -2
  36. package/dist/cjs/ui/common/modal/site-selector/index.js +5 -5
  37. package/dist/cjs/ui/confluence-search-modal/basic-filters/filters/date-range-picker/index.js +2 -2
  38. package/dist/cjs/ui/confluence-search-modal/basic-filters/filters/date-range-picker/trigger.js +2 -2
  39. package/dist/cjs/ui/confluence-search-modal/modal/index.js +13 -9
  40. package/dist/cjs/ui/datasource-table-view/datasourceTableView.js +8 -8
  41. package/dist/cjs/ui/issue-like-table/column-picker/concatenated-menu-list.js +5 -4
  42. package/dist/cjs/ui/issue-like-table/column-picker/index.js +8 -7
  43. package/dist/cjs/ui/issue-like-table/draggable-table-heading.js +19 -17
  44. package/dist/cjs/ui/issue-like-table/edit-type/icon/index.js +4 -4
  45. package/dist/cjs/ui/issue-like-table/edit-type/status/index.js +5 -5
  46. package/dist/cjs/ui/issue-like-table/edit-type/text/index.js +2 -2
  47. package/dist/cjs/ui/issue-like-table/edit-type/user/index.js +7 -6
  48. package/dist/cjs/ui/issue-like-table/index.js +17 -17
  49. package/dist/cjs/ui/issue-like-table/render-type/link/index.js +6 -3
  50. package/dist/cjs/ui/issue-like-table/render-type/status/index.js +1 -1
  51. package/dist/cjs/ui/issue-like-table/render-type/tag/index.js +2 -2
  52. package/dist/cjs/ui/issue-like-table/render-type/user/index.js +4 -4
  53. package/dist/cjs/ui/issue-like-table/shared-components/avatar/index.js +3 -3
  54. package/dist/cjs/ui/issue-like-table/table-cell-content/index.js +59 -46
  55. package/dist/cjs/ui/issue-like-table/table-cell-content/inline-edit.js +1 -1
  56. package/dist/cjs/ui/jira-issues-modal/jql-editor/index.js +2 -2
  57. package/dist/cjs/ui/jira-issues-modal/modal/index.js +27 -18
  58. package/dist/cjs/ui/table-footer/index.js +2 -2
  59. package/dist/es2019/analytics/generated/use-analytics-events.js +1 -1
  60. package/dist/es2019/analytics/ufoExperiences/index.js +2 -1
  61. package/dist/es2019/analytics/wrappers/render-failed/datasourceRenderFailedAnalyticsWrapper.js +1 -1
  62. package/dist/es2019/analytics/xpc/useDatasourceCrossProductAttribution.js +64 -0
  63. package/dist/es2019/hooks/useAssetsClient.js +1 -1
  64. package/dist/es2019/hooks/useDatasourceTableFlag.js +1 -1
  65. package/dist/es2019/hooks/useLoadOptions.js +1 -1
  66. package/dist/es2019/services/getAvailableSites.js +1 -1
  67. package/dist/es2019/ui/assets-modal/modal/index.js +6 -2
  68. package/dist/es2019/ui/assets-modal/modal/render-assets-content/initial-state-view/index.js +1 -1
  69. package/dist/es2019/ui/assets-modal/search-container/aql-search-input/index.js +8 -6
  70. package/dist/es2019/ui/assets-modal/search-container/index.js +2 -2
  71. package/dist/es2019/ui/assets-modal/search-container/object-schema-select/index.js +3 -3
  72. package/dist/es2019/ui/common/error-state/access-required.js +1 -1
  73. package/dist/es2019/ui/common/error-state/loading-error.js +1 -1
  74. package/dist/es2019/ui/common/error-state/modal-loading-error.js +1 -1
  75. package/dist/es2019/ui/common/error-state/provider-auth-required.js +5 -4
  76. package/dist/es2019/ui/common/initial-state-view/index.js +2 -2
  77. package/dist/es2019/ui/common/modal/basic-search-input/index.js +3 -3
  78. package/dist/es2019/ui/common/modal/datasource-modal/createDatasourceModal.js +1 -1
  79. package/dist/es2019/ui/common/modal/datasource-modal/index.js +1 -1
  80. package/dist/es2019/ui/common/modal/display-view-dropdown/display-view-drop-down.js +5 -3
  81. package/dist/es2019/ui/common/modal/mode-switcher/index.js +1 -1
  82. package/dist/es2019/ui/common/modal/popup-select/control.js +1 -1
  83. package/dist/es2019/ui/common/modal/popup-select/custom-checkbox-option.js +2 -2
  84. package/dist/es2019/ui/common/modal/popup-select/dropdownIndicator.js +1 -1
  85. package/dist/es2019/ui/common/modal/popup-select/formatOptionLabel.js +2 -2
  86. package/dist/es2019/ui/common/modal/popup-select/index.js +1 -1
  87. package/dist/es2019/ui/common/modal/popup-select/menu-list/index.js +2 -2
  88. package/dist/es2019/ui/common/modal/popup-select/menu-list/loadingMessage.js +1 -1
  89. package/dist/es2019/ui/common/modal/popup-select/menu-list/selectMessage.js +1 -1
  90. package/dist/es2019/ui/common/modal/popup-select/menu-list/showMoreButton.js +1 -1
  91. package/dist/es2019/ui/common/modal/popup-select/trigger.js +3 -3
  92. package/dist/es2019/ui/common/modal/search-count/index.js +1 -1
  93. package/dist/es2019/ui/common/modal/site-selector/index.js +3 -3
  94. package/dist/es2019/ui/confluence-search-modal/basic-filters/filters/date-range-picker/index.js +1 -1
  95. package/dist/es2019/ui/confluence-search-modal/basic-filters/filters/date-range-picker/trigger.js +1 -1
  96. package/dist/es2019/ui/confluence-search-modal/modal/index.js +7 -3
  97. package/dist/es2019/ui/datasource-table-view/datasourceTableView.js +2 -2
  98. package/dist/es2019/ui/issue-like-table/column-picker/concatenated-menu-list.js +2 -1
  99. package/dist/es2019/ui/issue-like-table/column-picker/index.js +4 -3
  100. package/dist/es2019/ui/issue-like-table/draggable-table-heading.js +11 -9
  101. package/dist/es2019/ui/issue-like-table/edit-type/icon/index.js +2 -2
  102. package/dist/es2019/ui/issue-like-table/edit-type/status/index.js +3 -3
  103. package/dist/es2019/ui/issue-like-table/edit-type/text/index.js +1 -1
  104. package/dist/es2019/ui/issue-like-table/edit-type/user/index.js +4 -3
  105. package/dist/es2019/ui/issue-like-table/index.js +7 -7
  106. package/dist/es2019/ui/issue-like-table/render-type/link/index.js +6 -3
  107. package/dist/es2019/ui/issue-like-table/render-type/status/index.js +1 -1
  108. package/dist/es2019/ui/issue-like-table/render-type/tag/index.js +1 -1
  109. package/dist/es2019/ui/issue-like-table/render-type/user/index.js +3 -3
  110. package/dist/es2019/ui/issue-like-table/shared-components/avatar/index.js +2 -2
  111. package/dist/es2019/ui/issue-like-table/table-cell-content/index.js +33 -18
  112. package/dist/es2019/ui/issue-like-table/table-cell-content/inline-edit.js +1 -1
  113. package/dist/es2019/ui/jira-issues-modal/jql-editor/index.js +1 -1
  114. package/dist/es2019/ui/jira-issues-modal/modal/index.js +15 -5
  115. package/dist/es2019/ui/table-footer/index.js +1 -1
  116. package/dist/esm/analytics/generated/use-analytics-events.js +1 -1
  117. package/dist/esm/analytics/ufoExperiences/index.js +2 -1
  118. package/dist/esm/analytics/wrappers/render-failed/datasourceRenderFailedAnalyticsWrapper.js +1 -1
  119. package/dist/esm/analytics/xpc/useDatasourceCrossProductAttribution.js +68 -0
  120. package/dist/esm/hooks/useAssetsClient.js +1 -1
  121. package/dist/esm/hooks/useDatasourceTableFlag.js +1 -1
  122. package/dist/esm/hooks/useLoadOptions.js +1 -1
  123. package/dist/esm/services/getAvailableSites.js +1 -1
  124. package/dist/esm/ui/assets-modal/modal/index.js +6 -2
  125. package/dist/esm/ui/assets-modal/modal/render-assets-content/initial-state-view/index.js +1 -1
  126. package/dist/esm/ui/assets-modal/search-container/aql-search-input/index.js +8 -6
  127. package/dist/esm/ui/assets-modal/search-container/index.js +2 -2
  128. package/dist/esm/ui/assets-modal/search-container/object-schema-select/index.js +3 -3
  129. package/dist/esm/ui/common/error-state/access-required.js +1 -1
  130. package/dist/esm/ui/common/error-state/loading-error.js +1 -1
  131. package/dist/esm/ui/common/error-state/modal-loading-error.js +1 -1
  132. package/dist/esm/ui/common/error-state/provider-auth-required.js +5 -4
  133. package/dist/esm/ui/common/initial-state-view/index.js +2 -2
  134. package/dist/esm/ui/common/modal/basic-search-input/index.js +3 -3
  135. package/dist/esm/ui/common/modal/datasource-modal/createDatasourceModal.js +1 -1
  136. package/dist/esm/ui/common/modal/datasource-modal/index.js +1 -1
  137. package/dist/esm/ui/common/modal/display-view-dropdown/display-view-drop-down.js +5 -3
  138. package/dist/esm/ui/common/modal/mode-switcher/index.js +1 -1
  139. package/dist/esm/ui/common/modal/popup-select/control.js +1 -1
  140. package/dist/esm/ui/common/modal/popup-select/custom-checkbox-option.js +2 -2
  141. package/dist/esm/ui/common/modal/popup-select/dropdownIndicator.js +1 -1
  142. package/dist/esm/ui/common/modal/popup-select/formatOptionLabel.js +2 -2
  143. package/dist/esm/ui/common/modal/popup-select/index.js +1 -1
  144. package/dist/esm/ui/common/modal/popup-select/menu-list/index.js +2 -2
  145. package/dist/esm/ui/common/modal/popup-select/menu-list/loadingMessage.js +1 -1
  146. package/dist/esm/ui/common/modal/popup-select/menu-list/selectMessage.js +1 -1
  147. package/dist/esm/ui/common/modal/popup-select/menu-list/showMoreButton.js +1 -1
  148. package/dist/esm/ui/common/modal/popup-select/trigger.js +3 -3
  149. package/dist/esm/ui/common/modal/search-count/index.js +1 -1
  150. package/dist/esm/ui/common/modal/site-selector/index.js +3 -3
  151. package/dist/esm/ui/confluence-search-modal/basic-filters/filters/date-range-picker/index.js +1 -1
  152. package/dist/esm/ui/confluence-search-modal/basic-filters/filters/date-range-picker/trigger.js +1 -1
  153. package/dist/esm/ui/confluence-search-modal/modal/index.js +7 -3
  154. package/dist/esm/ui/datasource-table-view/datasourceTableView.js +2 -2
  155. package/dist/esm/ui/issue-like-table/column-picker/concatenated-menu-list.js +2 -1
  156. package/dist/esm/ui/issue-like-table/column-picker/index.js +4 -3
  157. package/dist/esm/ui/issue-like-table/draggable-table-heading.js +11 -9
  158. package/dist/esm/ui/issue-like-table/edit-type/icon/index.js +2 -2
  159. package/dist/esm/ui/issue-like-table/edit-type/status/index.js +3 -3
  160. package/dist/esm/ui/issue-like-table/edit-type/text/index.js +1 -1
  161. package/dist/esm/ui/issue-like-table/edit-type/user/index.js +4 -3
  162. package/dist/esm/ui/issue-like-table/index.js +7 -7
  163. package/dist/esm/ui/issue-like-table/render-type/link/index.js +6 -3
  164. package/dist/esm/ui/issue-like-table/render-type/status/index.js +1 -1
  165. package/dist/esm/ui/issue-like-table/render-type/tag/index.js +1 -1
  166. package/dist/esm/ui/issue-like-table/render-type/user/index.js +3 -3
  167. package/dist/esm/ui/issue-like-table/shared-components/avatar/index.js +2 -2
  168. package/dist/esm/ui/issue-like-table/table-cell-content/index.js +58 -45
  169. package/dist/esm/ui/issue-like-table/table-cell-content/inline-edit.js +1 -1
  170. package/dist/esm/ui/jira-issues-modal/jql-editor/index.js +1 -1
  171. package/dist/esm/ui/jira-issues-modal/modal/index.js +14 -5
  172. package/dist/esm/ui/table-footer/index.js +1 -1
  173. package/dist/types/analytics/ufoExperiences/hooks/useColumnPickerRenderedFailedUfoExperience.d.ts +1 -1
  174. package/dist/types/analytics/ufoExperiences/hooks/useDataRenderedUfoExperience.d.ts +1 -1
  175. package/dist/types/analytics/xpc/useDatasourceCrossProductAttribution.d.ts +13 -0
  176. package/dist/types/common/types.d.ts +1 -1
  177. package/dist/types/hooks/useDatasourceTableFlag.d.ts +1 -1
  178. package/dist/types/hooks/useDatasourceTableState.d.ts +1 -1
  179. package/dist/types/hooks/useLoadOptions.d.ts +3 -3
  180. package/dist/types/services/makeGetJqlAutocompleteData.d.ts +1 -1
  181. package/dist/types/services/makeGetJqlSuggestionsData.d.ts +1 -1
  182. package/dist/types/state/actions/index.d.ts +3 -3
  183. package/dist/types/state/index.d.ts +3 -3
  184. package/dist/types/ui/assets-modal/modal/index.d.ts +1 -1
  185. package/dist/types/ui/assets-modal/modal/render-assets-content/index.d.ts +1 -1
  186. package/dist/types/ui/assets-modal/types.d.ts +1 -1
  187. package/dist/types/ui/common/error-state/provider-auth-required.d.ts +1 -1
  188. package/dist/types/ui/common/modal/datasource-context/index.d.ts +1 -1
  189. package/dist/types/ui/common/modal/datasource-modal/createDatasourceModal.d.ts +1 -1
  190. package/dist/types/ui/common/modal/datasource-modal/index.d.ts +1 -1
  191. package/dist/types/ui/common/modal/insert-button/index.d.ts +1 -1
  192. package/dist/types/ui/common/modal/popup-select/control.d.ts +1 -1
  193. package/dist/types/ui/common/modal/popup-select/custom-checkbox-option.d.ts +1 -1
  194. package/dist/types/ui/common/modal/popup-select/dropdownIndicator.d.ts +1 -1
  195. package/dist/types/ui/common/modal/popup-select/index.d.ts +1 -1
  196. package/dist/types/ui/common/modal/popup-select/menu-list/index.d.ts +1 -1
  197. package/dist/types/ui/confluence-search-modal/basic-filters/filters/date-range-picker/PopupComponent.d.ts +1 -1
  198. package/dist/types/ui/confluence-search-modal/types.d.ts +1 -1
  199. package/dist/types/ui/datasource-table-view/datasource-column-sort.d.ts +1 -1
  200. package/dist/types/ui/datasource-table-view/datasourceTableView.d.ts +2 -2
  201. package/dist/types/ui/datasource-table-view/types.d.ts +1 -1
  202. package/dist/types/ui/issue-like-table/column-picker/concatenated-menu-list.d.ts +1 -1
  203. package/dist/types/ui/issue-like-table/column-picker/types.d.ts +1 -1
  204. package/dist/types/ui/issue-like-table/custom-icons.d.ts +1 -1
  205. package/dist/types/ui/issue-like-table/edit-type/icon/index.d.ts +1 -1
  206. package/dist/types/ui/issue-like-table/edit-type/index.d.ts +2 -2
  207. package/dist/types/ui/issue-like-table/edit-type/status/index.d.ts +1 -1
  208. package/dist/types/ui/issue-like-table/edit-type/text/index.d.ts +1 -1
  209. package/dist/types/ui/issue-like-table/edit-type/user/index.d.ts +1 -1
  210. package/dist/types/ui/issue-like-table/render-type/boolean/index.d.ts +1 -1
  211. package/dist/types/ui/issue-like-table/render-type/date-range/index.d.ts +1 -1
  212. package/dist/types/ui/issue-like-table/render-type/date-time/index.d.ts +1 -1
  213. package/dist/types/ui/issue-like-table/render-type/icon/index.d.ts +1 -1
  214. package/dist/types/ui/issue-like-table/render-type/index.d.ts +1 -1
  215. package/dist/types/ui/issue-like-table/render-type/link/index.d.ts +1 -1
  216. package/dist/types/ui/issue-like-table/render-type/number/index.d.ts +1 -1
  217. package/dist/types/ui/issue-like-table/render-type/richtext/index.d.ts +1 -1
  218. package/dist/types/ui/issue-like-table/render-type/status/index.d.ts +1 -1
  219. package/dist/types/ui/issue-like-table/render-type/tag/index.d.ts +1 -1
  220. package/dist/types/ui/issue-like-table/render-type/text/index.d.ts +1 -1
  221. package/dist/types/ui/issue-like-table/render-type/user/index.d.ts +2 -2
  222. package/dist/types/ui/issue-like-table/table-cell-content/index.d.ts +1 -1
  223. package/dist/types/ui/issue-like-table/table-cell-content/inline-edit.d.ts +1 -1
  224. package/dist/types/ui/issue-like-table/types.d.ts +1 -1
  225. package/dist/types/ui/issue-like-table/utils.d.ts +7 -7
  226. package/dist/types/ui/jira-issues-modal/types.d.ts +1 -1
  227. package/examples-helpers/buildAssetsIssuesTable.tsx +1 -1
  228. package/examples-helpers/buildConfluenceSearchTable.tsx +1 -1
  229. package/examples-helpers/mockJqlSmartLinkData.ts +1 -1
  230. package/examples-helpers/mockSmartLinkData.ts +1 -1
  231. package/examples-helpers/smartLinkCustomClient.ts +1 -1
  232. package/package.json +49 -44
@@ -3,10 +3,11 @@ import "./provider-auth-required.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { useEffect } from 'react';
5
5
  import { useIntl } from 'react-intl';
6
- import Button from '@atlaskit/button/new';
7
- import EmptyState from '@atlaskit/empty-state';
8
- import { AuthError, auth as outboundAuth } from '@atlaskit/outbound-auth-flow-client';
9
- import { fg } from '@atlaskit/platform-feature-flags';
6
+ import Button from '@atlaskit/button/default/button';
7
+ import EmptyState from '@atlaskit/empty-state/empty-state';
8
+ import { AuthError } from '@atlaskit/outbound-auth-flow-client/error';
9
+ import { auth as outboundAuth } from '@atlaskit/outbound-auth-flow-client/auth';
10
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
10
11
  import { Anchor, Box } from '@atlaskit/primitives/compiled';
11
12
  import { useDatasourceAnalyticsEvents } from '../../../analytics';
12
13
  import useErrorLogger from '../../../hooks/useErrorLogger';
@@ -3,8 +3,8 @@ import "./index.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import { FormattedMessage, useIntl } from 'react-intl';
6
- import Link from '@atlaskit/link';
7
- import Lozenge from '@atlaskit/lozenge';
6
+ import Link from '@atlaskit/link/link';
7
+ import Lozenge from '@atlaskit/lozenge/lozenge';
8
8
  import { initialStateViewMessages } from './messages';
9
9
  const initialStateViewContainerStyles = null;
10
10
  const svgAndTextsWrapperStyles = null;
@@ -4,11 +4,11 @@ import "./index.compiled.css";
4
4
  import * as React from 'react';
5
5
  import { ax, ix } from "@compiled/react/runtime";
6
6
  import { useIntl } from 'react-intl';
7
- import { IconButton } from '@atlaskit/button/new';
7
+ import IconButton from '@atlaskit/button/icon/button';
8
8
  import SearchIcon from '@atlaskit/icon/core/search';
9
- import { fg } from '@atlaskit/platform-feature-flags';
9
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
10
10
  import { Box } from '@atlaskit/primitives/compiled';
11
- import Textfield from '@atlaskit/textfield';
11
+ import Textfield from '@atlaskit/textfield/text-field';
12
12
  import { useDatasourceAnalyticsEvents } from '../../../../analytics';
13
13
  import { basicSearchInputMessages } from './messages';
14
14
  const styles = {
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { AnalyticsContext } from '@atlaskit/analytics-next';
2
+ import AnalyticsContext from '@atlaskit/analytics-next/AnalyticsContext';
3
3
  import { DatasourceExperienceIdProvider } from '../../../../contexts/datasource-experience-id';
4
4
  import { UserInteractionsProvider } from '../../../../contexts/user-interactions';
5
5
  import { DatasourceContextProvider } from '../datasource-context';
@@ -1,5 +1,5 @@
1
1
  import React, { useEffect } from 'react';
2
- import Modal from '@atlaskit/modal-dialog';
2
+ import Modal from '@atlaskit/modal-dialog/modal-dialog';
3
3
  import { useDatasourceAnalyticsEvents } from '../../../../analytics';
4
4
  const ScreenEvent = () => {
5
5
  const {
@@ -4,10 +4,12 @@ import "./display-view-drop-down.compiled.css";
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import React from 'react';
6
6
  import { FormattedMessage, useIntl } from 'react-intl';
7
- import Button from '@atlaskit/button/new';
8
- import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
7
+ import Button from '@atlaskit/button/default/button';
8
+ import DropdownMenu from '@atlaskit/dropdown-menu/dropdown-menu';
9
+ import DropdownItem from '@atlaskit/dropdown-menu/dropdown-menu-item';
10
+ import DropdownItemGroup from '@atlaskit/dropdown-menu/dropdown-menu-item-group';
9
11
  import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
10
- import { fg } from '@atlaskit/platform-feature-flags';
12
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
11
13
  import { Box } from '@atlaskit/primitives/compiled';
12
14
  import { displayViewDropDownMessages } from './messages';
13
15
  const styles = {
@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
3
3
  import "./index.compiled.css";
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import React from 'react';
6
- import Tooltip from '@atlaskit/tooltip';
6
+ import Tooltip from '@atlaskit/tooltip/Tooltip';
7
7
  import VisuallyHidden from '@atlaskit/visually-hidden/visually-hidden';
8
8
  import { DatasourceAction } from '../../../../analytics/types';
9
9
  import { useUserInteractions } from '../../../../contexts/user-interactions';
@@ -4,7 +4,7 @@ import "./control.compiled.css";
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import React from 'react';
6
6
  import { Box } from '@atlaskit/primitives/compiled';
7
- import { components } from '@atlaskit/select';
7
+ import { components } from '@atlaskit/react-select/components';
8
8
  const getPopupCustomControlStyles = () => ({
9
9
  display: 'flex',
10
10
  // eslint-disable-next-line @atlaskit/design-system/no-unsafe-design-token-usage
@@ -3,8 +3,8 @@ import _extends from "@babel/runtime/helpers/extends";
3
3
  import "./custom-checkbox-option.compiled.css";
4
4
  import * as React from 'react';
5
5
  import { ax, ix } from "@compiled/react/runtime";
6
- import { CheckboxOption } from '@atlaskit/select';
7
- import Tooltip from '@atlaskit/tooltip';
6
+ import { CheckboxOption } from '@atlaskit/select/checkbox-option';
7
+ import Tooltip from '@atlaskit/tooltip/Tooltip';
8
8
  const checkboxStyles = null;
9
9
  const checkboxSelectedStyles = null;
10
10
  const checkboxFocusedStyles = null;
@@ -5,7 +5,7 @@ import React from 'react';
5
5
  import CloseIcon from '@atlaskit/icon/core/cross-circle';
6
6
  import SearchIcon from '@atlaskit/icon/core/search';
7
7
  import { Pressable } from '@atlaskit/primitives/compiled';
8
- import { components } from '@atlaskit/select';
8
+ import { components } from '@atlaskit/react-select/components';
9
9
  const styles = {
10
10
  customDropdownIndicatorStylesOld: "_1e0c1txw _80omtlke _1bah1h6o _1bsbzwfg",
11
11
  customDropdownIndicatorStyles: "_1e0c1txw _80omtlke _1bah1h6o _1bsbzwfg _bfhk1j28 _syazazsu"
@@ -2,10 +2,10 @@
2
2
  import "./formatOptionLabel.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
5
- import Avatar from '@atlaskit/avatar';
5
+ import Avatar from '@atlaskit/avatar/avatar';
6
6
  import { cx } from '@atlaskit/css';
7
7
  import PeopleGroupIcon from '@atlaskit/icon/core/people-group';
8
- import Lozenge from '@atlaskit/lozenge';
8
+ import Lozenge from '@atlaskit/lozenge/lozenge';
9
9
  import { Box, Flex } from '@atlaskit/primitives/compiled';
10
10
  const styles = {
11
11
  commonLabelStyles: "_1reo15vq _18m915vq _1bto1l2s",
@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import React, { useCallback, useEffect, useRef, useState } from 'react';
3
3
  import isEqual from 'lodash/isEqual';
4
4
  import { useIntl } from 'react-intl';
5
- import { PopupSelect } from '@atlaskit/select';
5
+ import { PopupSelect } from '@atlaskit/select/popup-select';
6
6
  import { useDatasourceAnalyticsEvents } from '../../../../analytics';
7
7
  import CustomControl from './control';
8
8
  import { CustomCheckboxOption } from './custom-checkbox-option';
@@ -4,8 +4,8 @@ import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
5
5
  import { cx } from '@compiled/react';
6
6
  import { Box, Flex } from '@atlaskit/primitives/compiled';
7
- import { components } from '@atlaskit/select';
8
- import Spinner from '@atlaskit/spinner';
7
+ import { components } from '@atlaskit/react-select/components';
8
+ import Spinner from '@atlaskit/spinner/spinner';
9
9
  import CustomErrorMessage from './errorMessage';
10
10
  import CustomDropdownLoadingMessage from './loadingMessage';
11
11
  import CustomNoOptionsMessage from './noOptionsMessage';
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import Spinner from '@atlaskit/spinner';
2
+ import Spinner from '@atlaskit/spinner/spinner';
3
3
  import { asyncPopupSelectMessages } from './messages';
4
4
  import CustomSelectMessage from './selectMessage';
5
5
  const CustomDropdownLoadingMessage = ({
@@ -3,7 +3,7 @@ import "./selectMessage.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
5
5
  import { FormattedMessage } from 'react-intl';
6
- import Heading from '@atlaskit/heading';
6
+ import Heading from '@atlaskit/heading/heading';
7
7
  import { Flex, Stack, Text } from '@atlaskit/primitives/compiled';
8
8
  const styles = {
9
9
  boxStyles: "_4t3i16xz",
@@ -1,6 +1,6 @@
1
1
  import React, { useCallback } from 'react';
2
2
  import { useIntl } from 'react-intl';
3
- import Button from '@atlaskit/button/new';
3
+ import Button from '@atlaskit/button/default/button';
4
4
  import { useDatasourceAnalyticsEvents } from '../../../../../analytics';
5
5
  import { asyncPopupSelectMessages } from './messages';
6
6
  const ShowMoreButton = ({
@@ -3,12 +3,12 @@ import _extends from "@babel/runtime/helpers/extends";
3
3
  import "./trigger.compiled.css";
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import React, { forwardRef, useMemo } from 'react';
6
- import Badge from '@atlaskit/badge';
7
- import NewButton from '@atlaskit/button/new';
6
+ import Badge from '@atlaskit/badge/badge';
7
+ import NewButton from '@atlaskit/button/default/button';
8
8
  import Button from '@atlaskit/button/standard-button';
9
9
  import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
10
10
  import { Box, Flex } from '@atlaskit/primitives/compiled';
11
- import Spinner from '@atlaskit/spinner';
11
+ import Spinner from '@atlaskit/spinner/spinner';
12
12
  const styles = {
13
13
  triggerButtonLabelStyles: "_1reo15vq _18m915vq _1bto1l2s",
14
14
  badgeStyles: "_18u0utpp"
@@ -4,7 +4,7 @@ import "./index.compiled.css";
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import React from 'react';
6
6
  import { FormattedMessage, FormattedNumber } from 'react-intl';
7
- import { fg } from '@atlaskit/platform-feature-flags';
7
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
8
8
  import { Flex } from '@atlaskit/primitives/compiled';
9
9
  import LinkUrl from '@atlaskit/smart-card/link-url';
10
10
  import { footerMessages } from '../../../table-footer/messages';
@@ -5,11 +5,11 @@ import * as React from 'react';
5
5
  import { ax, ix } from "@compiled/react/runtime";
6
6
  import { useMemo } from 'react';
7
7
  import { useIntl } from 'react-intl';
8
- import Button from '@atlaskit/button/new';
9
- import Heading from '@atlaskit/heading';
8
+ import Button from '@atlaskit/button/default/button';
9
+ import Heading from '@atlaskit/heading/heading';
10
10
  import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
11
11
  import { Box } from '@atlaskit/primitives/compiled';
12
- import { PopupSelect } from '@atlaskit/select';
12
+ import { PopupSelect } from '@atlaskit/select/popup-select';
13
13
  import { siteSelectorMessages } from './messages';
14
14
  const styles = {
15
15
  dropdownContainerStyles: "_zulpu2gc _1e0c1txw _4cvr1h6o _1tke1ylp"
@@ -7,7 +7,7 @@ import React, { useCallback, useEffect, useMemo, useState } from 'react';
7
7
  import { FormattedMessage, useIntl } from 'react-intl';
8
8
  import { DatePicker } from '@atlaskit/datetime-picker';
9
9
  import ErrorIcon from '@atlaskit/icon/core/status-error';
10
- import Popup from '@atlaskit/popup';
10
+ import { Popup } from '@atlaskit/popup/popup';
11
11
  import { layers } from '@atlaskit/theme/constants';
12
12
  import { useDatasourceAnalyticsEvents } from '../../../../../analytics';
13
13
  import { dateRangeMessages } from './messages';
@@ -1,6 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React from 'react';
3
- import NewButton from '@atlaskit/button/new';
3
+ import NewButton from '@atlaskit/button/default/button';
4
4
  import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
5
5
  export const PopupTrigger = ({
6
6
  triggerProps,
@@ -4,10 +4,14 @@ import "./index.compiled.css";
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import React, { Fragment, useCallback, useEffect, useMemo, useRef } from 'react';
6
6
  import { FormattedMessage, useIntl } from 'react-intl';
7
- import FeatureGates from '@atlaskit/feature-gate-js-client';
7
+ import FeatureGates from '@atlaskit/feature-gate-js-client/feature-gates';
8
8
  import IntlMessagesProvider from '@atlaskit/intl-messages-provider/main';
9
- import LinkComponent from '@atlaskit/link';
10
- import { CloseButton, ModalBody, ModalFooter, ModalHeader, ModalTitle } from '@atlaskit/modal-dialog';
9
+ import LinkComponent from '@atlaskit/link/link';
10
+ import { CloseButton } from '@atlaskit/modal-dialog/close-button';
11
+ import ModalBody from '@atlaskit/modal-dialog/modal-body';
12
+ import ModalFooter from '@atlaskit/modal-dialog/modal-footer';
13
+ import ModalHeader from '@atlaskit/modal-dialog/modal-header';
14
+ import ModalTitle from '@atlaskit/modal-dialog/modal-title';
11
15
  import { fg } from '@atlaskit/platform-feature-flags/fg';
12
16
  import { Box, Flex } from '@atlaskit/primitives/compiled';
13
17
  import { useDatasourceAnalyticsEvents } from '../../../analytics';
@@ -5,9 +5,9 @@ import * as React from 'react';
5
5
  import { ax, ix } from "@compiled/react/runtime";
6
6
  import { useCallback, useEffect, useRef, useState } from 'react';
7
7
  import isEqual from 'lodash/isEqual';
8
- import { withAnalyticsContext } from '@atlaskit/analytics-next';
8
+ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext';
9
9
  import IntlMessagesProvider from '@atlaskit/intl-messages-provider/main';
10
- import { fg } from '@atlaskit/platform-feature-flags';
10
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
11
11
  import { useDatasourceAnalyticsEvents } from '../../analytics';
12
12
  import { componentMetadata } from '../../analytics/constants';
13
13
  import { startUfoExperience } from '../../analytics/ufoExperiences';
@@ -4,7 +4,8 @@ import "./concatenated-menu-list.compiled.css";
4
4
  import * as React from 'react';
5
5
  import { ax, ix } from "@compiled/react/runtime";
6
6
  import { FormattedMessage } from 'react-intl';
7
- import { CheckboxOption, components } from '@atlaskit/select';
7
+ import { CheckboxOption } from '@atlaskit/select/checkbox-option';
8
+ import { components } from '@atlaskit/react-select/components';
8
9
  import { columnPickerMessages } from './messages';
9
10
  export const SELECT_ITEMS_MAXIMUM_THRESHOLD = 200;
10
11
  const messageStyles = null;
@@ -4,12 +4,13 @@ import "./index.compiled.css";
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import React, { useCallback, useEffect, useRef, useState } from 'react';
6
6
  import { useIntl } from 'react-intl';
7
- import Button from '@atlaskit/button/new';
7
+ import Button from '@atlaskit/button/default/button';
8
8
  import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
9
9
  import CustomizeIcon from '@atlaskit/icon/core/customize';
10
10
  import { Box } from '@atlaskit/primitives/compiled';
11
- import { createFilter, PopupSelect } from '@atlaskit/select';
12
- import Tooltip from '@atlaskit/tooltip';
11
+ import { createFilter } from '@atlaskit/react-select/filters';
12
+ import { PopupSelect } from '@atlaskit/select/popup-select';
13
+ import Tooltip from '@atlaskit/tooltip/Tooltip';
13
14
  import { succeedUfoExperience } from '../../../analytics/ufoExperiences';
14
15
  import { useDatasourceExperienceId } from '../../../contexts/datasource-experience-id';
15
16
  import { ConcatenatedMenuList, MenuItem } from './concatenated-menu-list';
@@ -10,18 +10,20 @@ import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
10
10
  import ReactDOM from 'react-dom';
11
11
  import { FormattedMessage } from 'react-intl';
12
12
  import invariant from 'tiny-invariant';
13
- import Button from '@atlaskit/button/new';
14
- import DropdownMenu, { DropdownItem } from '@atlaskit/dropdown-menu';
13
+ import Button from '@atlaskit/button/default/button';
14
+ import DropdownMenu from '@atlaskit/dropdown-menu/dropdown-menu';
15
+ import DropdownItem from '@atlaskit/dropdown-menu/dropdown-menu-item';
15
16
  import ChevronDown from '@atlaskit/icon/core/chevron-down';
16
17
  import ChevronUp from '@atlaskit/icon/core/chevron-up';
17
- import { attachClosestEdge, extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';
18
+ import { attachClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge/attach-closest-edge';
19
+ import { extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge/extract-closest-edge';
18
20
  import { DropIndicator } from '@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box';
19
- import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
20
- import { draggable, dropTargetForElements, monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
21
- import { disableNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/element/disable-native-drag-preview';
22
- import { pointerOutsideOfPreview } from '@atlaskit/pragmatic-drag-and-drop/element/pointer-outside-of-preview';
23
- import { setCustomNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview';
24
- import { preventUnhandled } from '@atlaskit/pragmatic-drag-and-drop/prevent-unhandled';
21
+ import { combine } from '@atlaskit/pragmatic-drag-and-drop/utils/combine';
22
+ import { draggable, dropTargetForElements, monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/adapter/element-adapter';
23
+ import { disableNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/utils/disable-native-drag-preview';
24
+ import { pointerOutsideOfPreview } from '@atlaskit/pragmatic-drag-and-drop/utils/pointer-outside-of-preview';
25
+ import { setCustomNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/utils/set-custom-native-drag-preview';
26
+ import { preventUnhandled } from '@atlaskit/pragmatic-drag-and-drop/utils/prevent-unhandled';
25
27
  import { useDatasourceAnalyticsEvents } from '../../analytics';
26
28
  import { GlyphPlaceholder, UnwrapTextIcon, WrapTextIcon } from './custom-icons';
27
29
  import { issueLikeTableMessages } from './messages';
@@ -1,8 +1,8 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React, { useEffect } from 'react';
3
3
  import { Layering } from '@atlaskit/layering/layering';
4
- import Select from '@atlaskit/select';
5
- import Tooltip from '@atlaskit/tooltip';
4
+ import Select from '@atlaskit/select/default';
5
+ import Tooltip from '@atlaskit/tooltip/Tooltip';
6
6
  import { failUfoExperience, succeedUfoExperience } from '../../../../analytics/ufoExperiences';
7
7
  import { useDatasourceExperienceId } from '../../../../contexts/datasource-experience-id';
8
8
  import { useLoadOptions } from '../../../../hooks/useLoadOptions';
@@ -1,9 +1,9 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React, { useEffect } from 'react';
3
3
  import { Layering } from '@atlaskit/layering/layering';
4
- import Lozenge from '@atlaskit/lozenge';
5
- import Select from '@atlaskit/select';
6
- import Tooltip from '@atlaskit/tooltip';
4
+ import Lozenge from '@atlaskit/lozenge/lozenge';
5
+ import Select from '@atlaskit/select/default';
6
+ import Tooltip from '@atlaskit/tooltip/Tooltip';
7
7
  import { failUfoExperience, succeedUfoExperience } from '../../../../analytics/ufoExperiences';
8
8
  import { useDatasourceExperienceId } from '../../../../contexts/datasource-experience-id';
9
9
  import { useLoadOptions } from '../../../../hooks/useLoadOptions';
@@ -1,7 +1,7 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React, { useEffect } from 'react';
3
3
  import { Layering } from '@atlaskit/layering/layering';
4
- import Textfield from '@atlaskit/textfield';
4
+ import Textfield from '@atlaskit/textfield/text-field';
5
5
  import { succeedUfoExperience } from '../../../../analytics/ufoExperiences';
6
6
  import { useDatasourceExperienceId } from '../../../../contexts/datasource-experience-id';
7
7
  const TextEditType = props => {
@@ -2,10 +2,11 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import React, { useEffect, useMemo, useState } from 'react';
3
3
  import { useIntl } from 'react-intl';
4
4
  import { useDebouncedCallback } from 'use-debounce';
5
- import Avatar, { AvatarItem } from '@atlaskit/avatar';
5
+ import Avatar from '@atlaskit/avatar/avatar';
6
+ import AvatarItem from '@atlaskit/avatar/avatar-item';
6
7
  import { Layering } from '@atlaskit/layering/layering';
7
- import Select from '@atlaskit/select';
8
- import Tooltip from '@atlaskit/tooltip';
8
+ import Select from '@atlaskit/select/default';
9
+ import Tooltip from '@atlaskit/tooltip/Tooltip';
9
10
  import { failUfoExperience, succeedUfoExperience } from '../../../../analytics/ufoExperiences';
10
11
  import { useDatasourceExperienceId } from '../../../../contexts/datasource-experience-id';
11
12
  import { useLoadOptions } from '../../../../hooks/useLoadOptions';
@@ -9,19 +9,19 @@ import { ax, ix } from "@compiled/react/runtime";
9
9
  import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
10
10
  import { useIntl } from 'react-intl';
11
11
  import invariant from 'tiny-invariant';
12
- import Button from '@atlaskit/button/new';
13
- import { FlagsProvider } from '@atlaskit/flag';
12
+ import Button from '@atlaskit/button/default/button';
13
+ import { FlagsProvider } from '@atlaskit/flag/flags-provider';
14
14
  import SortAscendingIcon from '@atlaskit/icon/core/sort-ascending';
15
15
  import SortDescendingIcon from '@atlaskit/icon/core/sort-descending';
16
16
  import { Skeleton } from '@atlaskit/linking-common';
17
- import { fg } from '@atlaskit/platform-feature-flags';
18
- import { extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';
17
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
18
+ import { extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge/extract-closest-edge';
19
19
  import { reorderWithEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/util/reorder-with-edge';
20
20
  import { autoScroller } from '@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll';
21
- import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
22
- import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
21
+ import { combine } from '@atlaskit/pragmatic-drag-and-drop/utils/combine';
22
+ import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/adapter/element-adapter';
23
23
  import { Box } from '@atlaskit/primitives/compiled';
24
- import Tooltip from '@atlaskit/tooltip';
24
+ import Tooltip from '@atlaskit/tooltip/Tooltip';
25
25
  import { startUfoExperience, succeedUfoExperience } from '../../analytics/ufoExperiences';
26
26
  import { useDatasourceExperienceId } from '../../contexts/datasource-experience-id';
27
27
  import { useIsInPDFRender } from '../../hooks/useIsInPDFRender';
@@ -2,6 +2,7 @@ import React, { useMemo } from 'react';
2
2
  import { useIntl } from 'react-intl';
3
3
  import { fg } from '@atlaskit/platform-feature-flags/fg';
4
4
  import { Card } from '@atlaskit/smart-card';
5
+ import { useSmartLinkDestinationUrl } from '@atlaskit/smart-card/hook/use-smart-link-destination-url';
5
6
  import { HoverCard } from '@atlaskit/smart-card/hover-card';
6
7
  import LinkUrl from '@atlaskit/smart-card/link-url';
7
8
  import VisuallyHidden from '@atlaskit/visually-hidden/visually-hidden';
@@ -27,10 +28,12 @@ const LinkRenderType = ({
27
28
  const linkStyle = useMemo(() => {
28
29
  return (style === null || style === void 0 ? void 0 : style.appearance) && linkStyles[style.appearance] || {};
29
30
  }, [style]);
31
+ const destinationUrl = useSmartLinkDestinationUrl(url);
32
+ const crossProductUrlGated = fg('electric_issue_like_table_xpc_url_wrapping') ? destinationUrl : url;
30
33
  const anchor = useMemo(() => /*#__PURE__*/React.createElement(HoverCard, {
31
34
  url: url
32
35
  }, /*#__PURE__*/React.createElement(LinkUrl, {
33
- href: url
36
+ href: crossProductUrlGated
34
37
  // NOTE: This will no longer apply styles to `@atlaskit/link`.
35
38
  // Wrap `@atlaskit/link` in a Text component to provide font styles to Link
36
39
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
@@ -42,11 +45,11 @@ const LinkRenderType = ({
42
45
  /*#__PURE__*/
43
46
  // This link always opens in a new tab (`target="_blank"` above), so
44
47
  // screen reader users need to be told before activating it (WCAG 2.4.4).
45
- React.createElement(VisuallyHidden, null, ` ${formatMessage(messages.opensInNewTab)}`))), [linkStyle, url, text, testId, formatMessage]);
48
+ React.createElement(VisuallyHidden, null, ` ${formatMessage(messages.opensInNewTab)}`))), [linkStyle, url, text, testId, formatMessage, crossProductUrlGated]);
46
49
  const SmartCard = () => {
47
50
  const handleClick = e => {
48
51
  e.preventDefault();
49
- window.open(url, '_blank', 'noopener, noreferrer');
52
+ window.open(crossProductUrlGated, '_blank', 'noopener, noreferrer');
50
53
  };
51
54
  return /*#__PURE__*/React.createElement(Card, {
52
55
  appearance: "inline",
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import Lozenge from '@atlaskit/lozenge';
2
+ import Lozenge from '@atlaskit/lozenge/lozenge';
3
3
  export const STATUS_TYPE_TEST_ID = 'link-datasource-render-type--status';
4
4
  const StatusRenderType = ({
5
5
  text,
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import Tag from '@atlaskit/tag';
2
+ import Tag from '@atlaskit/tag/removable-tag';
3
3
  export const TAG_TYPE_TEST_ID = 'link-datasource-render-type--tag';
4
4
  const TagRenderType = ({
5
5
  tag,
@@ -5,10 +5,10 @@ import { forwardRef } from 'react';
5
5
  import { ax, ix } from "@compiled/react/runtime";
6
6
  import React, { useState } from 'react';
7
7
  import { FormattedMessage } from 'react-intl';
8
- import Avatar from '@atlaskit/avatar';
9
- import AvatarGroup from '@atlaskit/avatar-group';
8
+ import Avatar from '@atlaskit/avatar/avatar';
9
+ import AvatarGroup from '@atlaskit/avatar-group/avatar-group';
10
10
  import { Box } from '@atlaskit/primitives/compiled';
11
- import { WidthObserver } from '@atlaskit/width-detector';
11
+ import { WidthObserver } from '@atlaskit/width-detector/width-observer';
12
12
  import { userTypeMessages } from './messages';
13
13
  const styles = {
14
14
  userWrapperStyles: "_11c8fhey _1e0c1txw _4cvr1h6o",
@@ -3,9 +3,9 @@ import "./index.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
5
5
  import { FormattedMessage, useIntl } from 'react-intl';
6
- import Avatar from '@atlaskit/avatar';
6
+ import Avatar from '@atlaskit/avatar/avatar';
7
7
  import { Box } from '@atlaskit/primitives/compiled';
8
- import Tooltip from '@atlaskit/tooltip';
8
+ import Tooltip from '@atlaskit/tooltip/Tooltip';
9
9
  import { USER_TYPE_TEST_ID } from '../../render-type/user';
10
10
  import { userTypeMessages } from '../../render-type/user/messages';
11
11
  const styles = {
@@ -3,10 +3,11 @@ import "./index.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
5
5
  import { useIntl } from 'react-intl';
6
- import { fg } from '@atlaskit/platform-feature-flags';
6
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
7
7
  import { Box } from '@atlaskit/primitives/compiled';
8
8
  import LinkUrl from '@atlaskit/smart-card/link-url';
9
- import Tooltip from '@atlaskit/tooltip';
9
+ import Tooltip from '@atlaskit/tooltip/Tooltip';
10
+ import { useDatasourceCrossProductAttribution } from '../../../analytics/xpc/useDatasourceCrossProductAttribution';
10
11
  import { useDatasourceItem } from '../../../state';
11
12
  import { useExecuteAtomicAction } from '../../../state/actions';
12
13
  import { isEditTypeSelectable, isEditTypeSupported } from '../edit-type';
@@ -71,6 +72,23 @@ const getLinkedCellContent = ({
71
72
  "data-testid": 'issue-like-table-type-icon-link'
72
73
  }, children);
73
74
  };
75
+ const LinkedCellContentWrapped = ({
76
+ children,
77
+ issueLinkData
78
+ }) => {
79
+ const {
80
+ wrapCrossProductUrl
81
+ } = useDatasourceCrossProductAttribution();
82
+ if (!issueLinkData) {
83
+ return /*#__PURE__*/React.createElement(React.Fragment, null, children);
84
+ }
85
+ return /*#__PURE__*/React.createElement(LinkUrl, {
86
+ href: wrapCrossProductUrl(issueLinkData.url),
87
+ target: "_blank",
88
+ "aria-label": issueLinkData.text || issueLinkData.url,
89
+ "data-testid": 'issue-like-table-type-icon-link'
90
+ }, children);
91
+ };
74
92
  const isIssueTypeColumnFn = columnKey => {
75
93
  return columnKey === 'issuetype';
76
94
  };
@@ -96,23 +114,18 @@ export const ReadOnlyCell = ({
96
114
  type: columnType,
97
115
  values
98
116
  };
99
- if (fg('platform_lp_sllv_jira_type_as_link')) {
100
- const isIssueTypeColumn = isIssueTypeColumnFn(columnKey);
101
- const issueLinkData = getIssueLinkData(rowData);
102
- return /*#__PURE__*/React.createElement(TooltipWrapper, {
103
- columnKey: columnKey,
104
- datasourceTypeWithValues: datasourceTypeWithValues,
105
- wrappedColumnKeys: wrappedColumnKeys
106
- }, isIssueTypeColumn && issueLinkData ? getLinkedCellContent({
107
- children: renderItem(datasourceTypeWithValues),
108
- issueLinkData
109
- }) : renderItem(datasourceTypeWithValues));
110
- }
117
+ const isIssueTypeColumn = isIssueTypeColumnFn(columnKey);
118
+ const issueLinkData = getIssueLinkData(rowData);
111
119
  return /*#__PURE__*/React.createElement(TooltipWrapper, {
112
120
  columnKey: columnKey,
113
121
  datasourceTypeWithValues: datasourceTypeWithValues,
114
122
  wrappedColumnKeys: wrappedColumnKeys
115
- }, renderItem(datasourceTypeWithValues));
123
+ }, isIssueTypeColumn && issueLinkData ? fg('electric_issue_like_table_xpc_url_wrapping') ? /*#__PURE__*/React.createElement(LinkedCellContentWrapped, {
124
+ issueLinkData: issueLinkData
125
+ }, renderItem(datasourceTypeWithValues)) : getLinkedCellContent({
126
+ children: renderItem(datasourceTypeWithValues),
127
+ issueLinkData
128
+ }) : renderItem(datasourceTypeWithValues));
116
129
  };
117
130
  const InlineEditableCell = ({
118
131
  ari,
@@ -151,10 +164,12 @@ const InlineEditableCell = ({
151
164
  style: {
152
165
  minHeight: 'calc(40px - 2px * 2)'
153
166
  }
154
- }, fg('platform_lp_sllv_jira_type_as_link') ? !isEditable && isIssueTypeColumnFn(columnKey) && issueLinkData ? getLinkedCellContent({
167
+ }, !isEditable && isIssueTypeColumnFn(columnKey) && issueLinkData ? fg('electric_issue_like_table_xpc_url_wrapping') ? /*#__PURE__*/React.createElement(LinkedCellContentWrapped, {
168
+ issueLinkData: issueLinkData
169
+ }, renderItem(values)) : getLinkedCellContent({
155
170
  children: renderItem(values),
156
171
  issueLinkData
157
- }) : renderItem(values) : renderItem(values)));
172
+ }) : renderItem(values)));
158
173
  if (!isEditable) {
159
174
  return readView;
160
175
  }
@@ -212,7 +227,7 @@ export const TableCellContent = ({
212
227
  columnTitle: columnTitle,
213
228
  renderItem: renderItem,
214
229
  integrationKey: integrationKey,
215
- issueLinkData: fg('platform_lp_sllv_jira_type_as_link') ? getIssueLinkData(rowData) : undefined,
230
+ issueLinkData: getIssueLinkData(rowData),
216
231
  values: toDatasourceTypeWithValues({
217
232
  rowData,
218
233
  columnKey,
@@ -4,7 +4,7 @@ import "./inline-edit.compiled.css";
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import React, { useCallback, useMemo, useState } from 'react';
6
6
  import { useIntl } from 'react-intl';
7
- import AKInlineEdit from '@atlaskit/inline-edit';
7
+ import AKInlineEdit from '@atlaskit/inline-edit/inline-edit';
8
8
  import { Box } from '@atlaskit/primitives/compiled';
9
9
  import { useSmartLinkReload } from '@atlaskit/smart-card/hooks';
10
10
  import { useDatasourceAnalyticsEvents } from '../../../analytics';