@atlaskit/link-datasource 2.5.10 → 2.5.11

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 (202) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/i18n/cs.js +0 -2
  3. package/dist/cjs/i18n/da.js +0 -2
  4. package/dist/cjs/i18n/de.js +0 -2
  5. package/dist/cjs/i18n/en.js +0 -2
  6. package/dist/cjs/i18n/en_GB.js +0 -2
  7. package/dist/cjs/i18n/en_ZZ.js +0 -2
  8. package/dist/cjs/i18n/es.js +0 -2
  9. package/dist/cjs/i18n/fi.js +0 -2
  10. package/dist/cjs/i18n/fr.js +0 -2
  11. package/dist/cjs/i18n/hu.js +0 -2
  12. package/dist/cjs/i18n/it.js +0 -2
  13. package/dist/cjs/i18n/ja.js +0 -2
  14. package/dist/cjs/i18n/ko.js +0 -2
  15. package/dist/cjs/i18n/nb.js +0 -2
  16. package/dist/cjs/i18n/nl.js +0 -2
  17. package/dist/cjs/i18n/pl.js +0 -2
  18. package/dist/cjs/i18n/pt_BR.js +0 -2
  19. package/dist/cjs/i18n/ru.js +0 -2
  20. package/dist/cjs/i18n/sv.js +0 -2
  21. package/dist/cjs/i18n/th.js +0 -2
  22. package/dist/cjs/i18n/tr.js +0 -2
  23. package/dist/cjs/i18n/uk.js +0 -2
  24. package/dist/cjs/i18n/vi.js +0 -2
  25. package/dist/cjs/i18n/zh.js +0 -2
  26. package/dist/cjs/i18n/zh_TW.js +0 -2
  27. package/dist/cjs/ui/common/modal/datasource-context/index.js +77 -0
  28. package/dist/cjs/ui/common/modal/datasources-table-in-modal-preview/index.js +47 -0
  29. package/dist/cjs/ui/common/modal/datasources-table-in-modal-preview/use-column-visibility/index.js +33 -0
  30. package/dist/cjs/ui/{jira-issues-modal → common/modal}/mode-switcher/index.js +19 -1
  31. package/dist/cjs/ui/common/modal/mode-switcher/useViewModeContext.js +42 -0
  32. package/dist/cjs/ui/confluence-search-modal/modal/ModalOld.js +2 -2
  33. package/dist/cjs/ui/confluence-search-modal/modal/index.js +85 -126
  34. package/dist/cjs/ui/jira-issues-modal/basic-filters/utils/isQueryTooComplex.js +1 -1
  35. package/dist/cjs/ui/jira-issues-modal/jira-search-container/index.js +2 -2
  36. package/dist/cjs/ui/jira-issues-modal/modal/ModalOld.js +492 -0
  37. package/dist/cjs/ui/jira-issues-modal/modal/index.js +35 -38
  38. package/dist/es2019/i18n/cs.js +0 -2
  39. package/dist/es2019/i18n/da.js +0 -2
  40. package/dist/es2019/i18n/de.js +0 -2
  41. package/dist/es2019/i18n/en.js +0 -2
  42. package/dist/es2019/i18n/en_GB.js +0 -2
  43. package/dist/es2019/i18n/en_ZZ.js +0 -2
  44. package/dist/es2019/i18n/es.js +0 -2
  45. package/dist/es2019/i18n/fi.js +0 -2
  46. package/dist/es2019/i18n/fr.js +0 -2
  47. package/dist/es2019/i18n/hu.js +0 -2
  48. package/dist/es2019/i18n/it.js +0 -2
  49. package/dist/es2019/i18n/ja.js +0 -2
  50. package/dist/es2019/i18n/ko.js +0 -2
  51. package/dist/es2019/i18n/nb.js +0 -2
  52. package/dist/es2019/i18n/nl.js +0 -2
  53. package/dist/es2019/i18n/pl.js +0 -2
  54. package/dist/es2019/i18n/pt_BR.js +0 -2
  55. package/dist/es2019/i18n/ru.js +0 -2
  56. package/dist/es2019/i18n/sv.js +0 -2
  57. package/dist/es2019/i18n/th.js +0 -2
  58. package/dist/es2019/i18n/tr.js +0 -2
  59. package/dist/es2019/i18n/uk.js +0 -2
  60. package/dist/es2019/i18n/vi.js +0 -2
  61. package/dist/es2019/i18n/zh.js +0 -2
  62. package/dist/es2019/i18n/zh_TW.js +0 -2
  63. package/dist/es2019/ui/common/modal/datasource-context/index.js +62 -0
  64. package/dist/es2019/ui/common/modal/datasources-table-in-modal-preview/index.js +41 -0
  65. package/dist/es2019/ui/common/modal/datasources-table-in-modal-preview/use-column-visibility/index.js +27 -0
  66. package/dist/es2019/ui/{jira-issues-modal → common/modal}/mode-switcher/index.js +19 -0
  67. package/dist/es2019/ui/common/modal/mode-switcher/useViewModeContext.js +26 -0
  68. package/dist/es2019/ui/confluence-search-modal/modal/ModalOld.js +2 -2
  69. package/dist/es2019/ui/confluence-search-modal/modal/index.js +76 -100
  70. package/dist/es2019/ui/jira-issues-modal/basic-filters/utils/isQueryTooComplex.js +2 -2
  71. package/dist/es2019/ui/jira-issues-modal/jira-search-container/index.js +3 -3
  72. package/dist/es2019/ui/jira-issues-modal/modal/ModalOld.js +476 -0
  73. package/dist/es2019/ui/jira-issues-modal/modal/index.js +24 -18
  74. package/dist/esm/i18n/cs.js +0 -2
  75. package/dist/esm/i18n/da.js +0 -2
  76. package/dist/esm/i18n/de.js +0 -2
  77. package/dist/esm/i18n/en.js +0 -2
  78. package/dist/esm/i18n/en_GB.js +0 -2
  79. package/dist/esm/i18n/en_ZZ.js +0 -2
  80. package/dist/esm/i18n/es.js +0 -2
  81. package/dist/esm/i18n/fi.js +0 -2
  82. package/dist/esm/i18n/fr.js +0 -2
  83. package/dist/esm/i18n/hu.js +0 -2
  84. package/dist/esm/i18n/it.js +0 -2
  85. package/dist/esm/i18n/ja.js +0 -2
  86. package/dist/esm/i18n/ko.js +0 -2
  87. package/dist/esm/i18n/nb.js +0 -2
  88. package/dist/esm/i18n/nl.js +0 -2
  89. package/dist/esm/i18n/pl.js +0 -2
  90. package/dist/esm/i18n/pt_BR.js +0 -2
  91. package/dist/esm/i18n/ru.js +0 -2
  92. package/dist/esm/i18n/sv.js +0 -2
  93. package/dist/esm/i18n/th.js +0 -2
  94. package/dist/esm/i18n/tr.js +0 -2
  95. package/dist/esm/i18n/uk.js +0 -2
  96. package/dist/esm/i18n/vi.js +0 -2
  97. package/dist/esm/i18n/zh.js +0 -2
  98. package/dist/esm/i18n/zh_TW.js +0 -2
  99. package/dist/esm/ui/common/modal/datasource-context/index.js +67 -0
  100. package/dist/esm/ui/common/modal/datasources-table-in-modal-preview/index.js +40 -0
  101. package/dist/esm/ui/common/modal/datasources-table-in-modal-preview/use-column-visibility/index.js +27 -0
  102. package/dist/esm/ui/{jira-issues-modal → common/modal}/mode-switcher/index.js +18 -0
  103. package/dist/esm/ui/common/modal/mode-switcher/useViewModeContext.js +31 -0
  104. package/dist/esm/ui/confluence-search-modal/modal/ModalOld.js +2 -2
  105. package/dist/esm/ui/confluence-search-modal/modal/index.js +85 -125
  106. package/dist/esm/ui/jira-issues-modal/basic-filters/utils/isQueryTooComplex.js +2 -2
  107. package/dist/esm/ui/jira-issues-modal/jira-search-container/index.js +3 -3
  108. package/dist/esm/ui/jira-issues-modal/modal/ModalOld.js +489 -0
  109. package/dist/esm/ui/jira-issues-modal/modal/index.js +37 -38
  110. package/dist/types/i18n/cs.d.ts +0 -2
  111. package/dist/types/i18n/da.d.ts +0 -2
  112. package/dist/types/i18n/de.d.ts +0 -2
  113. package/dist/types/i18n/en.d.ts +0 -2
  114. package/dist/types/i18n/en_GB.d.ts +0 -2
  115. package/dist/types/i18n/en_ZZ.d.ts +0 -2
  116. package/dist/types/i18n/es.d.ts +0 -2
  117. package/dist/types/i18n/fi.d.ts +0 -2
  118. package/dist/types/i18n/fr.d.ts +0 -2
  119. package/dist/types/i18n/hu.d.ts +0 -2
  120. package/dist/types/i18n/it.d.ts +0 -2
  121. package/dist/types/i18n/ja.d.ts +0 -2
  122. package/dist/types/i18n/ko.d.ts +0 -2
  123. package/dist/types/i18n/nb.d.ts +0 -2
  124. package/dist/types/i18n/nl.d.ts +0 -2
  125. package/dist/types/i18n/pl.d.ts +0 -2
  126. package/dist/types/i18n/pt_BR.d.ts +0 -2
  127. package/dist/types/i18n/ru.d.ts +0 -2
  128. package/dist/types/i18n/sv.d.ts +0 -2
  129. package/dist/types/i18n/th.d.ts +0 -2
  130. package/dist/types/i18n/tr.d.ts +0 -2
  131. package/dist/types/i18n/uk.d.ts +0 -2
  132. package/dist/types/i18n/vi.d.ts +0 -2
  133. package/dist/types/i18n/zh.d.ts +0 -2
  134. package/dist/types/i18n/zh_TW.d.ts +0 -2
  135. package/dist/types/ui/common/modal/datasource-context/index.d.ts +24 -0
  136. package/dist/types/ui/common/modal/datasources-table-in-modal-preview/index.d.ts +5 -0
  137. package/dist/types/ui/common/modal/datasources-table-in-modal-preview/use-column-resize/index.d.ts +3 -0
  138. package/dist/types/ui/common/modal/datasources-table-in-modal-preview/use-column-visibility/index.d.ts +11 -0
  139. package/dist/types/ui/common/modal/datasources-table-in-modal-preview/use-column-wrapping/index.d.ts +3 -0
  140. package/dist/{types-ts4.5/ui/jira-issues-modal → types/ui/common/modal}/mode-switcher/index.d.ts +1 -0
  141. package/dist/types/ui/common/modal/mode-switcher/useViewModeContext.d.ts +14 -0
  142. package/dist/types/ui/jira-issues-modal/modal/ModalOld.d.ts +3 -0
  143. package/dist/types-ts4.5/i18n/cs.d.ts +0 -2
  144. package/dist/types-ts4.5/i18n/da.d.ts +0 -2
  145. package/dist/types-ts4.5/i18n/de.d.ts +0 -2
  146. package/dist/types-ts4.5/i18n/en.d.ts +0 -2
  147. package/dist/types-ts4.5/i18n/en_GB.d.ts +0 -2
  148. package/dist/types-ts4.5/i18n/en_ZZ.d.ts +0 -2
  149. package/dist/types-ts4.5/i18n/es.d.ts +0 -2
  150. package/dist/types-ts4.5/i18n/fi.d.ts +0 -2
  151. package/dist/types-ts4.5/i18n/fr.d.ts +0 -2
  152. package/dist/types-ts4.5/i18n/hu.d.ts +0 -2
  153. package/dist/types-ts4.5/i18n/it.d.ts +0 -2
  154. package/dist/types-ts4.5/i18n/ja.d.ts +0 -2
  155. package/dist/types-ts4.5/i18n/ko.d.ts +0 -2
  156. package/dist/types-ts4.5/i18n/nb.d.ts +0 -2
  157. package/dist/types-ts4.5/i18n/nl.d.ts +0 -2
  158. package/dist/types-ts4.5/i18n/pl.d.ts +0 -2
  159. package/dist/types-ts4.5/i18n/pt_BR.d.ts +0 -2
  160. package/dist/types-ts4.5/i18n/ru.d.ts +0 -2
  161. package/dist/types-ts4.5/i18n/sv.d.ts +0 -2
  162. package/dist/types-ts4.5/i18n/th.d.ts +0 -2
  163. package/dist/types-ts4.5/i18n/tr.d.ts +0 -2
  164. package/dist/types-ts4.5/i18n/uk.d.ts +0 -2
  165. package/dist/types-ts4.5/i18n/vi.d.ts +0 -2
  166. package/dist/types-ts4.5/i18n/zh.d.ts +0 -2
  167. package/dist/types-ts4.5/i18n/zh_TW.d.ts +0 -2
  168. package/dist/types-ts4.5/ui/common/modal/datasource-context/index.d.ts +24 -0
  169. package/dist/types-ts4.5/ui/common/modal/datasources-table-in-modal-preview/index.d.ts +5 -0
  170. package/dist/types-ts4.5/ui/common/modal/datasources-table-in-modal-preview/use-column-resize/index.d.ts +3 -0
  171. package/dist/types-ts4.5/ui/common/modal/datasources-table-in-modal-preview/use-column-visibility/index.d.ts +11 -0
  172. package/dist/types-ts4.5/ui/common/modal/datasources-table-in-modal-preview/use-column-wrapping/index.d.ts +3 -0
  173. package/dist/{types/ui/jira-issues-modal → types-ts4.5/ui/common/modal}/mode-switcher/index.d.ts +1 -0
  174. package/dist/types-ts4.5/ui/common/modal/mode-switcher/useViewModeContext.d.ts +14 -0
  175. package/dist/types-ts4.5/ui/jira-issues-modal/modal/ModalOld.d.ts +3 -0
  176. package/examples-helpers/useCommonTableProps.tsx +2 -2
  177. package/package.json +6 -6
  178. package/dist/cjs/ui/common/modal/datasource-context/DatasourceContext.js +0 -18
  179. package/dist/cjs/ui/common/modal/datasource-context/DatasourceContextProvider.js +0 -35
  180. package/dist/cjs/ui/datasources-table-in-modal-preview/index.js +0 -26
  181. package/dist/es2019/ui/common/modal/datasource-context/DatasourceContext.js +0 -9
  182. package/dist/es2019/ui/common/modal/datasource-context/DatasourceContextProvider.js +0 -27
  183. package/dist/es2019/ui/datasources-table-in-modal-preview/index.js +0 -20
  184. package/dist/esm/ui/common/modal/datasource-context/DatasourceContext.js +0 -9
  185. package/dist/esm/ui/common/modal/datasource-context/DatasourceContextProvider.js +0 -26
  186. package/dist/esm/ui/datasources-table-in-modal-preview/index.js +0 -19
  187. package/dist/types/ui/common/modal/datasource-context/DatasourceContext.d.ts +0 -11
  188. package/dist/types/ui/common/modal/datasource-context/DatasourceContextProvider.d.ts +0 -10
  189. package/dist/types/ui/datasources-table-in-modal-preview/index.d.ts +0 -20
  190. package/dist/types/ui/issue-like-table/use-column-resize/index.d.ts +0 -5
  191. package/dist/types/ui/issue-like-table/use-column-wrapping/index.d.ts +0 -4
  192. package/dist/types-ts4.5/ui/common/modal/datasource-context/DatasourceContext.d.ts +0 -11
  193. package/dist/types-ts4.5/ui/common/modal/datasource-context/DatasourceContextProvider.d.ts +0 -10
  194. package/dist/types-ts4.5/ui/datasources-table-in-modal-preview/index.d.ts +0 -20
  195. package/dist/types-ts4.5/ui/issue-like-table/use-column-resize/index.d.ts +0 -5
  196. package/dist/types-ts4.5/ui/issue-like-table/use-column-wrapping/index.d.ts +0 -4
  197. /package/dist/cjs/ui/{issue-like-table → common/modal/datasources-table-in-modal-preview}/use-column-resize/index.js +0 -0
  198. /package/dist/cjs/ui/{issue-like-table → common/modal/datasources-table-in-modal-preview}/use-column-wrapping/index.js +0 -0
  199. /package/dist/es2019/ui/{issue-like-table → common/modal/datasources-table-in-modal-preview}/use-column-resize/index.js +0 -0
  200. /package/dist/es2019/ui/{issue-like-table → common/modal/datasources-table-in-modal-preview}/use-column-wrapping/index.js +0 -0
  201. /package/dist/esm/ui/{issue-like-table → common/modal/datasources-table-in-modal-preview}/use-column-resize/index.js +0 -0
  202. /package/dist/esm/ui/{issue-like-table → common/modal/datasources-table-in-modal-preview}/use-column-wrapping/index.js +0 -0
@@ -1,7 +1,8 @@
1
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
1
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
+ import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  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; }
4
4
  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) { _defineProperty(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; }
5
+ /* eslint-disable @atlaskit/platform/ensure-feature-flag-prefix */
5
6
  /** @jsx jsx */
6
7
  import { Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'react';
7
8
 
@@ -21,7 +22,6 @@ import { buildDatasourceAdf } from '../../../common/utils/adf';
21
22
  import { fetchMessagesForLocale } from '../../../common/utils/locale/fetch-messages-for-locale';
22
23
  import { DatasourceExperienceIdProvider } from '../../../contexts/datasource-experience-id';
23
24
  import { UserInteractionsProvider, useUserInteractions } from '../../../contexts/user-interactions';
24
- import { useDatasourceTableState } from '../../../hooks/useDatasourceTableState';
25
25
  import i18nEN from '../../../i18n/en';
26
26
  import { useAvailableSites } from '../../../services/useAvailableSites';
27
27
  import { AccessRequired } from '../../common/error-state/access-required';
@@ -32,110 +32,96 @@ import { InitialStateView } from '../../common/initial-state-view';
32
32
  import { CancelButton } from '../../common/modal/cancel-button';
33
33
  import { ContentContainer } from '../../common/modal/content-container';
34
34
  import { SmartCardPlaceholder, SmartLink } from '../../common/modal/count-view-smart-link';
35
- import { useDatasourceContext } from '../../common/modal/datasource-context/DatasourceContext';
36
- import { DatasourceContextProvider } from '../../common/modal/datasource-context/DatasourceContextProvider';
35
+ import { DatasourceContextProvider, useDatasourceContext } from '../../common/modal/datasource-context';
37
36
  import { DatasourceModal } from '../../common/modal/datasource-modal';
38
- import { DisplayViewDropDown } from '../../common/modal/display-view-dropdown/display-view-drop-down';
37
+ import DatasourcesTableInModalPreview from '../../common/modal/datasources-table-in-modal-preview';
38
+ import { DatasourceViewModeDropDown } from '../../common/modal/mode-switcher';
39
+ import { DatasourceViewModeProvider, useViewModeContext } from '../../common/modal/mode-switcher/useViewModeContext';
39
40
  import TableSearchCount from '../../common/modal/search-count';
40
41
  import { SiteSelector } from '../../common/modal/site-selector';
41
- import DatasourcesTableUsingContext from '../../datasources-table-in-modal-preview';
42
42
  import { EmptyState } from '../../issue-like-table';
43
- import { getColumnAction } from '../../issue-like-table/utils';
44
43
  import ConfluenceSearchContainer from '../confluence-search-container';
45
44
  import { ConfluenceSearchInitialStateSVG } from './confluence-search-initial-state-svg';
46
45
  import { confluenceSearchModalMessages } from './messages';
47
46
  import { PlainConfluenceSearchConfigModal as PlainConfluenceSearchConfigModalOld } from './ModalOld';
47
+ var DEFAULT_VIEW_MODE = 'table';
48
48
  var inputContainerStyles = xcss({
49
49
  alignItems: 'baseline',
50
50
  display: 'flex',
51
51
  minHeight: '72px'
52
52
  });
53
+ var isValidParameters = function isValidParameters(parameters) {
54
+ var _parameters$contribut;
55
+ return !!(parameters && parameters.cloudId && (parameters.searchString !== undefined || (_parameters$contribut = parameters.contributorAccountIds) !== null && _parameters$contribut !== void 0 && _parameters$contribut.length || parameters.lastModified || parameters.lastModifiedFrom || parameters.lastModifiedTo));
56
+ };
57
+ var useUpdateParametersOnFormUpdate = function useUpdateParametersOnFormUpdate(cloudId, searchString, lastModified, contributorAccountIds, overrideParameters) {
58
+ var _useDatasourceContext = useDatasourceContext(),
59
+ setParameters = _useDatasourceContext.setParameters;
60
+ useEffect(function () {
61
+ setParameters(function (parameters) {
62
+ return _objectSpread(_objectSpread({}, parameters), {}, {
63
+ cloudId: cloudId || '',
64
+ searchString: searchString,
65
+ lastModified: lastModified === null || lastModified === void 0 ? void 0 : lastModified.value,
66
+ lastModifiedFrom: lastModified === null || lastModified === void 0 ? void 0 : lastModified.from,
67
+ lastModifiedTo: lastModified === null || lastModified === void 0 ? void 0 : lastModified.to,
68
+ contributorAccountIds: contributorAccountIds.length > 0 ? contributorAccountIds : undefined
69
+ }, overrideParameters !== null && overrideParameters !== void 0 ? overrideParameters : {});
70
+ });
71
+ }, [cloudId, searchString, lastModified, contributorAccountIds, setParameters, overrideParameters]);
72
+ };
53
73
  export var PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConfigModal(props) {
54
74
  var datasourceId = props.datasourceId,
55
75
  onCancel = props.onCancel,
56
76
  onInsert = props.onInsert,
57
- _props$viewMode = props.viewMode,
58
- viewMode = _props$viewMode === void 0 ? 'table' : _props$viewMode,
59
77
  initialParameters = props.parameters,
60
78
  urlBeingEdited = props.url,
61
- initialVisibleColumnKeys = props.visibleColumnKeys,
62
79
  _props$disableDisplay = props.disableDisplayDropdown,
63
80
  disableDisplayDropdown = _props$disableDisplay === void 0 ? false : _props$disableDisplay,
64
81
  overrideParameters = props.overrideParameters;
65
- var _useState = useState(viewMode),
82
+ var _useViewModeContext = useViewModeContext(),
83
+ currentViewMode = _useViewModeContext.currentViewMode;
84
+ var _useState = useState(initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.cloudId),
66
85
  _useState2 = _slicedToArray(_useState, 2),
67
- currentViewMode = _useState2[0],
68
- setCurrentViewMode = _useState2[1];
69
- var _useState3 = useState(initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.cloudId),
70
- _useState4 = _slicedToArray(_useState3, 2),
71
- cloudId = _useState4[0],
72
- setCloudId = _useState4[1];
86
+ cloudId = _useState2[0],
87
+ setCloudId = _useState2[1];
73
88
  var _useAvailableSites = useAvailableSites('confluence', cloudId),
74
89
  availableSites = _useAvailableSites.availableSites,
75
90
  selectedConfluenceSite = _useAvailableSites.selectedSite;
76
- var _useState5 = useState(initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.searchString),
91
+ var _useState3 = useState(initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.searchString),
92
+ _useState4 = _slicedToArray(_useState3, 2),
93
+ searchString = _useState4[0],
94
+ setSearchString = _useState4[1];
95
+ var _useState5 = useState((initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.contributorAccountIds) || []),
77
96
  _useState6 = _slicedToArray(_useState5, 2),
78
- searchString = _useState6[0],
79
- setSearchString = _useState6[1];
80
- var _useState7 = useState(initialVisibleColumnKeys),
81
- _useState8 = _slicedToArray(_useState7, 2),
82
- visibleColumnKeys = _useState8[0],
83
- setVisibleColumnKeys = _useState8[1];
84
- var _useState9 = useState((initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.contributorAccountIds) || []),
85
- _useState10 = _slicedToArray(_useState9, 2),
86
- contributorAccountIds = _useState10[0],
87
- setContributorAccountIds = _useState10[1];
88
- var _useState11 = useState(initialParameters !== null && initialParameters !== void 0 && initialParameters.lastModified ? {
97
+ contributorAccountIds = _useState6[0],
98
+ setContributorAccountIds = _useState6[1];
99
+ var _useState7 = useState(initialParameters !== null && initialParameters !== void 0 && initialParameters.lastModified ? {
89
100
  value: initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.lastModified,
90
101
  from: initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.lastModifiedFrom,
91
102
  to: initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.lastModifiedTo
92
103
  } : undefined),
93
- _useState12 = _slicedToArray(_useState11, 2),
94
- lastModified = _useState12[0],
95
- setLastModified = _useState12[1];
104
+ _useState8 = _slicedToArray(_useState7, 2),
105
+ lastModified = _useState8[0],
106
+ setLastModified = _useState8[1];
96
107
 
97
108
  // analytics related parameters
98
109
  var searchCount = useRef(0);
99
110
  var userInteractions = useUserInteractions();
100
- var visibleColumnCount = useRef((visibleColumnKeys === null || visibleColumnKeys === void 0 ? void 0 : visibleColumnKeys.length) || 0);
101
- var parameters = useMemo(function () {
102
- return _objectSpread(_objectSpread({}, initialParameters), {}, {
103
- cloudId: cloudId || '',
104
- searchString: searchString,
105
- lastModified: lastModified === null || lastModified === void 0 ? void 0 : lastModified.value,
106
- lastModifiedFrom: lastModified === null || lastModified === void 0 ? void 0 : lastModified.from,
107
- lastModifiedTo: lastModified === null || lastModified === void 0 ? void 0 : lastModified.to,
108
- contributorAccountIds: (contributorAccountIds === null || contributorAccountIds === void 0 ? void 0 : contributorAccountIds.length) > 0 ? contributorAccountIds : undefined
109
- });
110
- }, [initialParameters, cloudId, searchString, lastModified, contributorAccountIds]);
111
- var isParametersSet = useMemo(function () {
112
- return !!cloudId && Object.values(parameters !== null && parameters !== void 0 ? parameters : {}).filter(function (v) {
113
- return v !== undefined;
114
- }).length > 1;
115
- }, [cloudId, parameters]);
116
- var parametersToSend = useMemo(function () {
117
- if (!isParametersSet) {
118
- return undefined;
119
- }
120
- return _objectSpread(_objectSpread({}, parameters), overrideParameters !== null && overrideParameters !== void 0 ? overrideParameters : {});
121
- }, [parameters, overrideParameters, isParametersSet]);
122
- var _useDatasourceTableSt = useDatasourceTableState({
123
- datasourceId: datasourceId,
124
- parameters: parametersToSend,
125
- fieldKeys: visibleColumnKeys
126
- }),
127
- reset = _useDatasourceTableSt.reset,
128
- status = _useDatasourceTableSt.status,
129
- onNextPage = _useDatasourceTableSt.onNextPage,
130
- responseItems = _useDatasourceTableSt.responseItems,
131
- hasNextPage = _useDatasourceTableSt.hasNextPage,
132
- columns = _useDatasourceTableSt.columns,
133
- defaultVisibleColumnKeys = _useDatasourceTableSt.defaultVisibleColumnKeys,
134
- loadDatasourceDetails = _useDatasourceTableSt.loadDatasourceDetails,
135
- totalCount = _useDatasourceTableSt.totalCount,
136
- _useDatasourceTableSt2 = _useDatasourceTableSt.extensionKey,
137
- extensionKey = _useDatasourceTableSt2 === void 0 ? null : _useDatasourceTableSt2,
138
- destinationObjectTypes = _useDatasourceTableSt.destinationObjectTypes;
111
+ useUpdateParametersOnFormUpdate(cloudId, searchString, lastModified, contributorAccountIds, overrideParameters);
112
+ var _useDatasourceContext2 = useDatasourceContext(),
113
+ visibleColumnKeys = _useDatasourceContext2.visibleColumnKeys,
114
+ _useDatasourceContext3 = _useDatasourceContext2.tableState,
115
+ reset = _useDatasourceContext3.reset,
116
+ status = _useDatasourceContext3.status,
117
+ responseItems = _useDatasourceContext3.responseItems,
118
+ _useDatasourceContext4 = _useDatasourceContext3.extensionKey,
119
+ extensionKey = _useDatasourceContext4 === void 0 ? null : _useDatasourceContext4,
120
+ destinationObjectTypes = _useDatasourceContext3.destinationObjectTypes,
121
+ totalCount = _useDatasourceContext3.totalCount,
122
+ columns = _useDatasourceContext3.columns,
123
+ visibleColumnCount = _useDatasourceContext2.visibleColumnCount,
124
+ parameters = _useDatasourceContext2.parameters;
139
125
  var _useDatasourceAnalyti = useDatasourceAnalyticsEvents(),
140
126
  fireEvent = _useDatasourceAnalyti.fireEvent;
141
127
  var hasNoConfluenceSites = availableSites && availableSites.length === 0;
@@ -168,37 +154,7 @@ export var PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConf
168
154
  shouldForceRequest: true
169
155
  });
170
156
  }, [reset, userInteractions]);
171
- useEffect(function () {
172
- var newVisibleColumnKeys = !initialVisibleColumnKeys || (initialVisibleColumnKeys || []).length === 0 ? defaultVisibleColumnKeys : initialVisibleColumnKeys;
173
- visibleColumnCount.current = newVisibleColumnKeys.length;
174
- setVisibleColumnKeys(newVisibleColumnKeys);
175
- }, [initialVisibleColumnKeys, defaultVisibleColumnKeys]);
176
157
  var siteSelectorLabel = availableSites && availableSites.length > 1 ? confluenceSearchModalMessages.insertIssuesTitleManySites : confluenceSearchModalMessages.insertIssuesTitle;
177
-
178
- // TODO: common functionality of all modals refactor in EDM-9573
179
- var handleVisibleColumnKeysChange = useCallback(function () {
180
- var newVisibleColumnKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
181
- var columnAction = getColumnAction(visibleColumnKeys || [], newVisibleColumnKeys);
182
- userInteractions.add(columnAction);
183
- visibleColumnCount.current = newVisibleColumnKeys.length;
184
- setVisibleColumnKeys(newVisibleColumnKeys);
185
- }, [visibleColumnKeys, userInteractions]);
186
- var confluenceSearchTable = useMemo(function () {
187
- return jsx(ContentContainer, {
188
- withTableBorder: true
189
- }, jsx(DatasourcesTableUsingContext, {
190
- testId: "confluence-search-datasource-table",
191
- status: status,
192
- columns: columns,
193
- items: responseItems,
194
- hasNextPage: hasNextPage,
195
- visibleColumnKeys: visibleColumnKeys || defaultVisibleColumnKeys,
196
- onNextPage: onNextPage,
197
- onLoadDatasourceDetails: loadDatasourceDetails,
198
- onVisibleColumnKeysChange: handleVisibleColumnKeysChange,
199
- extensionKey: extensionKey
200
- }));
201
- }, [status, columns, responseItems, hasNextPage, visibleColumnKeys, defaultVisibleColumnKeys, onNextPage, loadDatasourceDetails, handleVisibleColumnKeysChange, extensionKey]);
202
158
  var resolvedWithNoResults = status === 'resolved' && !responseItems.length;
203
159
  var hasConfluenceSearchParams = selectedConfluenceSite && searchString;
204
160
  var selectedConfluenceSiteUrl = selectedConfluenceSite === null || selectedConfluenceSite === void 0 ? void 0 : selectedConfluenceSite.url;
@@ -246,7 +202,7 @@ export var PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConf
246
202
  displayedColumnCount: visibleColumnCount.current
247
203
  }));
248
204
  }
249
- }, [analyticsPayload, fireEvent, totalCount, isDataReady]);
205
+ }, [isDataReady, fireEvent, analyticsPayload, totalCount, visibleColumnCount]);
250
206
  useEffect(function () {
251
207
  var isResolved = status === 'resolved';
252
208
  var isTableViewMode = currentViewMode === 'table';
@@ -282,8 +238,12 @@ export var PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConf
282
238
  description: confluenceSearchModalMessages.initialViewSearchDescription
283
239
  }));
284
240
  }
285
- return confluenceSearchTable;
286
- }, [columns.length, selectedConfluenceSiteUrl, confluenceSearchTable, resolvedWithNoResults, status, urlBeingEdited, hasConfluenceSearchParams]);
241
+ return jsx(ContentContainer, {
242
+ withTableBorder: true
243
+ }, jsx(DatasourcesTableInModalPreview, {
244
+ testId: "confluence-search-datasource-table"
245
+ }));
246
+ }, [columns.length, selectedConfluenceSiteUrl, resolvedWithNoResults, status, urlBeingEdited, hasConfluenceSearchParams]);
287
247
  var renderInlineLinkModalContent = useCallback(function () {
288
248
  if (status === 'unauthorized') {
289
249
  return jsx(AccessRequired, {
@@ -300,12 +260,12 @@ export var PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConf
300
260
  }
301
261
  }, [confluenceSearchUrl, selectedConfluenceSiteUrl, status, urlBeingEdited]);
302
262
  var shouldShowResultsCount = !!totalCount && currentViewMode === 'table';
303
- var _useDatasourceContext = useDatasourceContext(),
304
- columnCustomSizes = _useDatasourceContext.columnCustomSizes,
305
- wrappedColumnKeys = _useDatasourceContext.wrappedColumnKeys;
263
+ var _useDatasourceContext5 = useDatasourceContext(),
264
+ columnCustomSizes = _useDatasourceContext5.columnCustomSizes,
265
+ wrappedColumnKeys = _useDatasourceContext5.wrappedColumnKeys;
306
266
  var onInsertPressed = useCallback(function (e, analyticsEvent) {
307
267
  var _insertButtonClickedE;
308
- if (!isParametersSet || !cloudId || !confluenceSearchUrl) {
268
+ if (!parameters || !isValidParameters(parameters) || !confluenceSearchUrl) {
309
269
  return;
310
270
  }
311
271
  var insertButtonClickedEvent = analyticsEvent.update({
@@ -332,9 +292,7 @@ export var PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConf
332
292
  } else {
333
293
  onInsert(buildDatasourceAdf({
334
294
  id: datasourceId,
335
- parameters: _objectSpread(_objectSpread({}, parametersToSend), {}, {
336
- cloudId: cloudId
337
- }),
295
+ parameters: parameters,
338
296
  views: [{
339
297
  type: 'table',
340
298
  properties: {
@@ -353,11 +311,7 @@ export var PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConf
353
311
  }]
354
312
  }, confluenceSearchUrl), consumerEvent);
355
313
  }
356
- }, [isParametersSet, cloudId, analyticsPayload, totalCount, currentViewMode, onInsert, confluenceSearchUrl, datasourceId, parametersToSend, visibleColumnKeys, columnCustomSizes, wrappedColumnKeys, userInteractions]);
357
- var handleViewModeChange = function handleViewModeChange(selectedMode) {
358
- userInteractions.add(DatasourceAction.DISPLAY_VIEW_CHANGED);
359
- setCurrentViewMode(selectedMode);
360
- };
314
+ }, [parameters, confluenceSearchUrl, analyticsPayload, totalCount, visibleColumnCount, currentViewMode, userInteractions, onInsert, datasourceId, visibleColumnKeys, columnCustomSizes, wrappedColumnKeys]);
361
315
  var onSearch = useCallback(function (newSearchString, filters) {
362
316
  searchCount.current++;
363
317
  userInteractions.add(DatasourceAction.QUERY_UPDATED);
@@ -388,7 +342,7 @@ export var PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConf
388
342
  shouldForceRequest: true
389
343
  });
390
344
  }, [reset, userInteractions]);
391
- var isInsertDisabled = !isParametersSet || status === 'rejected' || status === 'unauthorized' || status === 'loading';
345
+ var isInsertDisabled = !isValidParameters(parameters) || status === 'rejected' || status === 'unauthorized' || status === 'loading';
392
346
  var getCancelButtonAnalyticsPayload = useCallback(function () {
393
347
  return {
394
348
  extensionKey: extensionKey,
@@ -409,15 +363,14 @@ export var PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConf
409
363
  selectedSite: selectedConfluenceSite,
410
364
  testId: "confluence-search-datasource-modal--site-selector",
411
365
  label: siteSelectorLabel
412
- })), !hasNoConfluenceSites && !disableDisplayDropdown && jsx(DisplayViewDropDown, {
413
- onViewModeChange: handleViewModeChange,
414
- viewMode: currentViewMode
415
- })), jsx(ModalBody, null, !hasNoConfluenceSites ? jsx(Fragment, null, jsx(Box, {
366
+ })), !hasNoConfluenceSites && !disableDisplayDropdown && jsx(DatasourceViewModeDropDown, null)), jsx(ModalBody, null, !hasNoConfluenceSites ? jsx(Fragment, null, jsx(Box, {
416
367
  xcss: inputContainerStyles
417
368
  }, jsx(ConfluenceSearchContainer, {
418
369
  isSearching: status === 'loading',
419
370
  onSearch: onSearch,
420
- parameters: parameters
371
+ parameters: isValidParameters(parameters) ? parameters : {
372
+ cloudId: ''
373
+ }
421
374
  })), currentViewMode === 'inline' ? renderInlineLinkModalContent() : renderTableModalContent()) : jsx(NoInstancesView, {
422
375
  title: confluenceSearchModalMessages.noAccessToConfluenceSitesTitle,
423
376
  description: confluenceSearchModalMessages.noAccessToConfluenceSitesDescription,
@@ -448,10 +401,17 @@ var contextData = _objectSpread(_objectSpread({}, analyticsContextData), {}, {
448
401
  attributes: _objectSpread({}, analyticsContextAttributes)
449
402
  });
450
403
  export var ConfluenceSearchConfigModal = withAnalyticsContext(contextData)(function (props) {
451
- return jsx(DatasourceExperienceIdProvider, null, jsx(UserInteractionsProvider, null, fg('platform.linking-platform.datasources.use-refactored-config-modal') ? jsx(DatasourceContextProvider, {
404
+ var _props$viewMode;
405
+ return jsx(DatasourceExperienceIdProvider, null, jsx(UserInteractionsProvider, null, fg('platform-datasources-use-refactored-config-modal') ? jsx(DatasourceContextProvider, {
406
+ datasourceId: props.datasourceId,
407
+ initialVisibleColumnKeys: props.visibleColumnKeys,
452
408
  initialColumnCustomSizes: props.columnCustomSizes,
453
- initialWrappedColumnKeys: props.wrappedColumnKeys
454
- }, jsx(PlainConfluenceSearchConfigModal, props)) :
409
+ initialWrappedColumnKeys: props.wrappedColumnKeys,
410
+ initialParameters: props.parameters,
411
+ isValidParameters: isValidParameters
412
+ }, jsx(DatasourceViewModeProvider, {
413
+ viewMode: (_props$viewMode = props.viewMode) !== null && _props$viewMode !== void 0 ? _props$viewMode : DEFAULT_VIEW_MODE
414
+ }, jsx(PlainConfluenceSearchConfigModal, props))) :
455
415
  // TODO on cleanup 'use-refactored-config-modal' ff, delete `ModalOld.tsx` as well
456
416
  jsx(PlainConfluenceSearchConfigModalOld, props)));
457
417
  });
@@ -11,7 +11,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
11
11
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
12
12
  import mergeWith from 'lodash/mergeWith';
13
13
  import { AbstractJastVisitor, COMPOUND_OPERATOR_AND, COMPOUND_OPERATOR_OR, JastBuilder, OPERATOR_EQUALS, OPERATOR_IN, OPERATOR_LIKE } from '@atlaskit/jql-ast';
14
- import { getBooleanFF } from '@atlaskit/platform-feature-flags';
14
+ import { fg } from '@atlaskit/platform-feature-flags';
15
15
  import { ALLOWED_ORDER_BY_KEYS } from '../../jira-search-container';
16
16
  import { isClauseTooComplex } from './isClauseTooComplex';
17
17
  import { isValidJql } from './index';
@@ -113,7 +113,7 @@ var JqlClauseCollectingVisitor = /*#__PURE__*/function (_AbstractJastVisitor) {
113
113
  return JqlClauseCollectingVisitor;
114
114
  }(AbstractJastVisitor);
115
115
  export var isQueryTooComplex = function isQueryTooComplex(jql) {
116
- if (!getBooleanFF('platform.linking-platform.datasource.show-jlol-basic-filters') || !jql) {
116
+ if (!fg('platform.linking-platform.datasource.show-jlol-basic-filters') || !jql) {
117
117
  return false;
118
118
  }
119
119
  if (!isValidJql(jql)) {
@@ -11,17 +11,17 @@ import React, { useCallback, useEffect, useMemo, useState } from 'react';
11
11
  import { css, jsx } from '@emotion/react';
12
12
  import { useIntl } from 'react-intl-next';
13
13
  import { useDebouncedCallback } from 'use-debounce';
14
- import { getBooleanFF } from '@atlaskit/platform-feature-flags';
14
+ import { fg } from '@atlaskit/platform-feature-flags';
15
15
  import { Flex, xcss } from '@atlaskit/primitives';
16
16
  import { useDatasourceAnalyticsEvents } from '../../../analytics';
17
17
  import { BasicSearchInput } from '../../common/modal/basic-search-input';
18
18
  import { basicSearchInputMessages } from '../../common/modal/basic-search-input/messages';
19
+ import { ModeSwitcher } from '../../common/modal/mode-switcher';
19
20
  import { FILTER_SELECTION_DEBOUNCE_MS } from '../../common/modal/popup-select/constants';
20
21
  import { BasicFilters } from '../basic-filters';
21
22
  import { useHydrateJqlQuery } from '../basic-filters/hooks/useHydrateJqlQuery';
22
23
  import { isQueryTooComplex } from '../basic-filters/utils/isQueryTooComplex';
23
24
  import { JiraJQLEditor } from '../jql-editor';
24
- import { ModeSwitcher } from '../mode-switcher';
25
25
  import { buildJQL } from './buildJQL';
26
26
  import { modeSwitcherMessages } from './messages';
27
27
  var inputContainerStyles = css({
@@ -79,7 +79,7 @@ export var JiraSearchContainer = function JiraSearchContainer(props) {
79
79
  filterSelections = _useState14[0],
80
80
  setFilterSelections = _useState14[1];
81
81
  var showBasicFilters = useMemo(function () {
82
- if (getBooleanFF('platform.linking-platform.datasource.show-jlol-basic-filters')) {
82
+ if (fg('platform.linking-platform.datasource.show-jlol-basic-filters')) {
83
83
  return true;
84
84
  }
85
85
  return false;