@atlaskit/link-picker 2.1.0 → 3.0.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 (177) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/common/generic-error-svg/index.js +2 -10
  3. package/dist/cjs/common/ui/empty-state/index.js +2 -10
  4. package/dist/cjs/common/ui/min-height-container/index.js +2 -14
  5. package/dist/cjs/ui/error-boundary/error-boundary-fallback/index.js +2 -9
  6. package/dist/cjs/ui/link-picker/form-footer/index.js +3 -11
  7. package/dist/cjs/ui/link-picker/index.js +3 -10
  8. package/dist/cjs/ui/link-picker/search-results/index.js +2 -10
  9. package/dist/cjs/ui/link-picker/search-results/link-search-list/index.js +2 -13
  10. package/dist/cjs/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/index.js +2 -10
  11. package/dist/cjs/ui/link-picker/search-results/link-search-list/list-item/index.js +2 -15
  12. package/dist/cjs/ui/link-picker/search-results/scrolling-tabs/index.js +2 -10
  13. package/dist/cjs/ui/link-picker/search-results/search-results-container/index.js +2 -10
  14. package/dist/cjs/ui/link-picker/text-input/index.js +2 -9
  15. package/dist/cjs/ui/loader-fallback/index.js +2 -10
  16. package/dist/cjs/ui/main.js +3 -11
  17. package/dist/es2019/common/generic-error-svg/index.js +1 -9
  18. package/dist/es2019/common/ui/empty-state/index.js +1 -9
  19. package/dist/es2019/common/ui/min-height-container/index.js +1 -13
  20. package/dist/es2019/ui/error-boundary/error-boundary-fallback/index.js +1 -8
  21. package/dist/es2019/ui/link-picker/form-footer/index.js +2 -10
  22. package/dist/es2019/ui/link-picker/index.js +2 -9
  23. package/dist/es2019/ui/link-picker/search-results/index.js +1 -9
  24. package/dist/es2019/ui/link-picker/search-results/link-search-list/index.js +1 -12
  25. package/dist/es2019/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/index.js +1 -9
  26. package/dist/es2019/ui/link-picker/search-results/link-search-list/list-item/index.js +1 -14
  27. package/dist/es2019/ui/link-picker/search-results/scrolling-tabs/index.js +1 -9
  28. package/dist/es2019/ui/link-picker/search-results/search-results-container/index.js +1 -9
  29. package/dist/es2019/ui/link-picker/text-input/index.js +1 -8
  30. package/dist/es2019/ui/loader-fallback/index.js +1 -9
  31. package/dist/es2019/ui/main.js +2 -10
  32. package/dist/esm/common/generic-error-svg/index.js +1 -9
  33. package/dist/esm/common/ui/empty-state/index.js +1 -9
  34. package/dist/esm/common/ui/min-height-container/index.js +1 -13
  35. package/dist/esm/ui/error-boundary/error-boundary-fallback/index.js +1 -8
  36. package/dist/esm/ui/link-picker/form-footer/index.js +2 -10
  37. package/dist/esm/ui/link-picker/index.js +2 -9
  38. package/dist/esm/ui/link-picker/search-results/index.js +1 -9
  39. package/dist/esm/ui/link-picker/search-results/link-search-list/index.js +1 -12
  40. package/dist/esm/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/index.js +1 -9
  41. package/dist/esm/ui/link-picker/search-results/link-search-list/list-item/index.js +1 -14
  42. package/dist/esm/ui/link-picker/search-results/scrolling-tabs/index.js +1 -9
  43. package/dist/esm/ui/link-picker/search-results/search-results-container/index.js +1 -9
  44. package/dist/esm/ui/link-picker/text-input/index.js +1 -8
  45. package/dist/esm/ui/loader-fallback/index.js +1 -9
  46. package/dist/esm/ui/main.js +2 -10
  47. package/dist/types/common/generic-error-svg/index.d.ts +0 -1
  48. package/dist/types/common/ui/empty-state/index.d.ts +1 -2
  49. package/dist/types/common/ui/min-height-container/index.d.ts +0 -3
  50. package/dist/types/ui/error-boundary/error-boundary-fallback/index.d.ts +0 -1
  51. package/dist/types/ui/index.d.ts +2 -2
  52. package/dist/types/ui/lazy.d.ts +1 -1
  53. package/dist/types/ui/link-picker/form-footer/index.d.ts +1 -2
  54. package/dist/types/ui/link-picker/index.d.ts +1 -2
  55. package/dist/types/ui/link-picker/search-results/index.d.ts +1 -2
  56. package/dist/types/ui/link-picker/search-results/link-search-list/index.d.ts +0 -1
  57. package/dist/types/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/index.d.ts +1 -2
  58. package/dist/types/ui/link-picker/search-results/link-search-list/list-item/index.d.ts +0 -1
  59. package/dist/types/ui/link-picker/search-results/scrolling-tabs/index.d.ts +0 -1
  60. package/dist/types/ui/link-picker/search-results/search-results-container/index.d.ts +1 -2
  61. package/dist/types/ui/link-picker/text-input/index.d.ts +1 -2
  62. package/dist/types/ui/loader-fallback/index.d.ts +0 -1
  63. package/dist/types/ui/main.d.ts +1 -2
  64. package/dist/types-ts4.5/common/generic-error-svg/index.d.ts +0 -1
  65. package/dist/types-ts4.5/common/ui/empty-state/index.d.ts +1 -2
  66. package/dist/types-ts4.5/common/ui/min-height-container/index.d.ts +0 -3
  67. package/dist/types-ts4.5/ui/error-boundary/error-boundary-fallback/index.d.ts +0 -1
  68. package/dist/types-ts4.5/ui/index.d.ts +2 -2
  69. package/dist/types-ts4.5/ui/lazy.d.ts +1 -1
  70. package/dist/types-ts4.5/ui/link-picker/form-footer/index.d.ts +1 -2
  71. package/dist/types-ts4.5/ui/link-picker/index.d.ts +1 -2
  72. package/dist/types-ts4.5/ui/link-picker/search-results/index.d.ts +1 -2
  73. package/dist/types-ts4.5/ui/link-picker/search-results/link-search-list/index.d.ts +0 -1
  74. package/dist/types-ts4.5/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/index.d.ts +1 -2
  75. package/dist/types-ts4.5/ui/link-picker/search-results/link-search-list/list-item/index.d.ts +0 -1
  76. package/dist/types-ts4.5/ui/link-picker/search-results/scrolling-tabs/index.d.ts +0 -1
  77. package/dist/types-ts4.5/ui/link-picker/search-results/search-results-container/index.d.ts +1 -2
  78. package/dist/types-ts4.5/ui/link-picker/text-input/index.d.ts +1 -2
  79. package/dist/types-ts4.5/ui/loader-fallback/index.d.ts +0 -1
  80. package/dist/types-ts4.5/ui/main.d.ts +1 -2
  81. package/package.json +1 -5
  82. package/report.api.md +1 -1
  83. package/dist/cjs/common/generic-error-svg/old/index.js +0 -66
  84. package/dist/cjs/common/ui/empty-state/old/index.js +0 -38
  85. package/dist/cjs/common/ui/min-height-container/old/index.js +0 -34
  86. package/dist/cjs/common/ui/min-height-container/old/styled.js +0 -16
  87. package/dist/cjs/ui/error-boundary/error-boundary-fallback/old/index.js +0 -50
  88. package/dist/cjs/ui/link-picker/form-footer/old/index.js +0 -116
  89. package/dist/cjs/ui/link-picker/old/index.js +0 -435
  90. package/dist/cjs/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/old/index.js +0 -70
  91. package/dist/cjs/ui/link-picker/search-results/link-search-list/list-item/old/index.js +0 -145
  92. package/dist/cjs/ui/link-picker/search-results/link-search-list/list-item/old/styled.js +0 -91
  93. package/dist/cjs/ui/link-picker/search-results/link-search-list/old/index.js +0 -188
  94. package/dist/cjs/ui/link-picker/search-results/link-search-list/old/styled.js +0 -45
  95. package/dist/cjs/ui/link-picker/search-results/old/index.js +0 -105
  96. package/dist/cjs/ui/link-picker/search-results/scrolling-tabs/old/index.js +0 -163
  97. package/dist/cjs/ui/link-picker/search-results/scrolling-tabs/old/styles.js +0 -74
  98. package/dist/cjs/ui/link-picker/search-results/search-results-container/old/index.js +0 -43
  99. package/dist/cjs/ui/link-picker/text-input/old/index.js +0 -125
  100. package/dist/cjs/ui/loader-fallback/old/index.js +0 -67
  101. package/dist/cjs/ui/old/main.js +0 -75
  102. package/dist/es2019/common/generic-error-svg/old/index.js +0 -58
  103. package/dist/es2019/common/ui/empty-state/old/index.js +0 -32
  104. package/dist/es2019/common/ui/min-height-container/old/index.js +0 -25
  105. package/dist/es2019/common/ui/min-height-container/old/styled.js +0 -10
  106. package/dist/es2019/ui/error-boundary/error-boundary-fallback/old/index.js +0 -41
  107. package/dist/es2019/ui/link-picker/form-footer/old/index.js +0 -104
  108. package/dist/es2019/ui/link-picker/old/index.js +0 -436
  109. package/dist/es2019/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/old/index.js +0 -63
  110. package/dist/es2019/ui/link-picker/search-results/link-search-list/list-item/old/index.js +0 -132
  111. package/dist/es2019/ui/link-picker/search-results/link-search-list/list-item/old/styled.js +0 -83
  112. package/dist/es2019/ui/link-picker/search-results/link-search-list/old/index.js +0 -178
  113. package/dist/es2019/ui/link-picker/search-results/link-search-list/old/styled.js +0 -38
  114. package/dist/es2019/ui/link-picker/search-results/old/index.js +0 -98
  115. package/dist/es2019/ui/link-picker/search-results/scrolling-tabs/old/index.js +0 -130
  116. package/dist/es2019/ui/link-picker/search-results/scrolling-tabs/old/styles.js +0 -67
  117. package/dist/es2019/ui/link-picker/search-results/search-results-container/old/index.js +0 -37
  118. package/dist/es2019/ui/link-picker/text-input/old/index.js +0 -121
  119. package/dist/es2019/ui/loader-fallback/old/index.js +0 -60
  120. package/dist/es2019/ui/old/main.js +0 -73
  121. package/dist/esm/common/generic-error-svg/old/index.js +0 -58
  122. package/dist/esm/common/ui/empty-state/old/index.js +0 -31
  123. package/dist/esm/common/ui/min-height-container/old/index.js +0 -25
  124. package/dist/esm/common/ui/min-height-container/old/styled.js +0 -10
  125. package/dist/esm/ui/error-boundary/error-boundary-fallback/old/index.js +0 -43
  126. package/dist/esm/ui/link-picker/form-footer/old/index.js +0 -108
  127. package/dist/esm/ui/link-picker/old/index.js +0 -432
  128. package/dist/esm/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/old/index.js +0 -63
  129. package/dist/esm/ui/link-picker/search-results/link-search-list/list-item/old/index.js +0 -136
  130. package/dist/esm/ui/link-picker/search-results/link-search-list/list-item/old/styled.js +0 -84
  131. package/dist/esm/ui/link-picker/search-results/link-search-list/old/index.js +0 -186
  132. package/dist/esm/ui/link-picker/search-results/link-search-list/old/styled.js +0 -38
  133. package/dist/esm/ui/link-picker/search-results/old/index.js +0 -100
  134. package/dist/esm/ui/link-picker/search-results/scrolling-tabs/old/index.js +0 -158
  135. package/dist/esm/ui/link-picker/search-results/scrolling-tabs/old/styles.js +0 -67
  136. package/dist/esm/ui/link-picker/search-results/search-results-container/old/index.js +0 -36
  137. package/dist/esm/ui/link-picker/text-input/old/index.js +0 -121
  138. package/dist/esm/ui/loader-fallback/old/index.js +0 -59
  139. package/dist/esm/ui/old/main.js +0 -64
  140. package/dist/types/common/generic-error-svg/old/index.d.ts +0 -6
  141. package/dist/types/common/ui/empty-state/old/index.d.ts +0 -9
  142. package/dist/types/common/ui/min-height-container/old/index.d.ts +0 -8
  143. package/dist/types/common/ui/min-height-container/old/styled.d.ts +0 -1
  144. package/dist/types/ui/error-boundary/error-boundary-fallback/old/index.d.ts +0 -6
  145. package/dist/types/ui/link-picker/form-footer/old/index.d.ts +0 -42
  146. package/dist/types/ui/link-picker/old/index.d.ts +0 -25
  147. package/dist/types/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/old/index.d.ts +0 -6
  148. package/dist/types/ui/link-picker/search-results/link-search-list/list-item/old/index.d.ts +0 -23
  149. package/dist/types/ui/link-picker/search-results/link-search-list/list-item/old/styled.d.ts +0 -7
  150. package/dist/types/ui/link-picker/search-results/link-search-list/old/index.d.ts +0 -52
  151. package/dist/types/ui/link-picker/search-results/link-search-list/old/styled.d.ts +0 -4
  152. package/dist/types/ui/link-picker/search-results/old/index.d.ts +0 -45
  153. package/dist/types/ui/link-picker/search-results/scrolling-tabs/old/index.d.ts +0 -7
  154. package/dist/types/ui/link-picker/search-results/scrolling-tabs/old/styles.d.ts +0 -6
  155. package/dist/types/ui/link-picker/search-results/search-results-container/old/index.d.ts +0 -10
  156. package/dist/types/ui/link-picker/text-input/old/index.d.ts +0 -18
  157. package/dist/types/ui/loader-fallback/old/index.d.ts +0 -17
  158. package/dist/types/ui/old/main.d.ts +0 -13
  159. package/dist/types-ts4.5/common/generic-error-svg/old/index.d.ts +0 -6
  160. package/dist/types-ts4.5/common/ui/empty-state/old/index.d.ts +0 -9
  161. package/dist/types-ts4.5/common/ui/min-height-container/old/index.d.ts +0 -8
  162. package/dist/types-ts4.5/common/ui/min-height-container/old/styled.d.ts +0 -1
  163. package/dist/types-ts4.5/ui/error-boundary/error-boundary-fallback/old/index.d.ts +0 -6
  164. package/dist/types-ts4.5/ui/link-picker/form-footer/old/index.d.ts +0 -42
  165. package/dist/types-ts4.5/ui/link-picker/old/index.d.ts +0 -25
  166. package/dist/types-ts4.5/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/old/index.d.ts +0 -6
  167. package/dist/types-ts4.5/ui/link-picker/search-results/link-search-list/list-item/old/index.d.ts +0 -23
  168. package/dist/types-ts4.5/ui/link-picker/search-results/link-search-list/list-item/old/styled.d.ts +0 -7
  169. package/dist/types-ts4.5/ui/link-picker/search-results/link-search-list/old/index.d.ts +0 -52
  170. package/dist/types-ts4.5/ui/link-picker/search-results/link-search-list/old/styled.d.ts +0 -4
  171. package/dist/types-ts4.5/ui/link-picker/search-results/old/index.d.ts +0 -45
  172. package/dist/types-ts4.5/ui/link-picker/search-results/scrolling-tabs/old/index.d.ts +0 -7
  173. package/dist/types-ts4.5/ui/link-picker/search-results/scrolling-tabs/old/styles.d.ts +0 -6
  174. package/dist/types-ts4.5/ui/link-picker/search-results/search-results-container/old/index.d.ts +0 -10
  175. package/dist/types-ts4.5/ui/link-picker/text-input/old/index.d.ts +0 -18
  176. package/dist/types-ts4.5/ui/loader-fallback/old/index.d.ts +0 -17
  177. package/dist/types-ts4.5/ui/old/main.d.ts +0 -13
@@ -1,121 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/extends";
2
- import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
- var _excluded = ["name", "label", "autoFocus", "onRedo", "onUndo", "onKeyDown", "onClear", "clearLabel", "error", "spotlightTargetName"];
4
- /* eslint-disable @atlassian/tangerine/import/no-parent-imports */
5
-
6
- /**
7
- * @jsxRuntime classic
8
- * @jsx jsx
9
- */
10
- import { Fragment, useCallback, useRef } from 'react';
11
-
12
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
13
- import { css, jsx } from '@emotion/react';
14
- import { ErrorMessage, Field } from '@atlaskit/form';
15
- import Selectclear from '@atlaskit/icon/core/migration/cross-circle--select-clear';
16
- import { Pressable, xcss } from '@atlaskit/primitives';
17
- import Textfield from '@atlaskit/textfield';
18
- import Tooltip from '@atlaskit/tooltip';
19
- import { ConditionalSpotlightTargetWrapper } from '../conditional-spotlight-target-wrapper';
20
- import { isRedoEvent, isUndoEvent } from '../utils';
21
-
22
- /**
23
- * Overidding text input margin top which design system provides as a default spacer
24
- * but it gets in the way of our layout
25
- */
26
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
27
- var fieldStyles = css({
28
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
29
- '> div': {
30
- marginTop: 0
31
- },
32
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
33
- '& + &': {
34
- marginTop: "var(--ds-space-200, 16px)"
35
- }
36
- });
37
- export var testIds = {
38
- urlError: 'link-error',
39
- clearUrlButton: 'clear-text'
40
- };
41
- var clearTextButtonStyles = xcss({
42
- padding: 'space.0',
43
- marginRight: 'space.050',
44
- backgroundColor: 'color.background.neutral.subtle',
45
- border: 'none',
46
- verticalAlign: 'middle'
47
- });
48
- export var TextInputOld = function TextInputOld(_ref) {
49
- var name = _ref.name,
50
- label = _ref.label,
51
- autoFocus = _ref.autoFocus,
52
- onRedo = _ref.onRedo,
53
- onUndo = _ref.onUndo,
54
- onKeyDown = _ref.onKeyDown,
55
- onClear = _ref.onClear,
56
- clearLabel = _ref.clearLabel,
57
- error = _ref.error,
58
- spotlightTargetName = _ref.spotlightTargetName,
59
- restProps = _objectWithoutProperties(_ref, _excluded);
60
- var inputRef = useRef(null);
61
- var handleRef = useCallback(function (input) {
62
- if (input) {
63
- inputRef.current = input;
64
- if (autoFocus) {
65
- // Need this to prevent jumping when we render TextInput inside Portal @see ED-2992
66
- input.focus({
67
- preventScroll: true
68
- });
69
- }
70
- }
71
- }, [autoFocus]);
72
- var handleKeydown = useCallback(function (e) {
73
- if (typeof onUndo === 'function' && isUndoEvent(e)) {
74
- e.preventDefault();
75
- onUndo();
76
- } else if (typeof onRedo === 'function' && isRedoEvent(e)) {
77
- e.preventDefault();
78
- onRedo();
79
- }
80
- if (onKeyDown) {
81
- onKeyDown(e);
82
- }
83
- }, [onUndo, onRedo, onKeyDown]);
84
- var handleClear = useCallback(function (e) {
85
- var _inputRef$current;
86
- e.preventDefault();
87
- e.stopPropagation();
88
- onClear === null || onClear === void 0 || onClear(name);
89
- (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
90
- }, [name, onClear]);
91
- var clearText = restProps.value !== '' && jsx(Tooltip, {
92
- content: clearLabel
93
- }, jsx(Pressable, {
94
- xcss: clearTextButtonStyles,
95
- onClick: handleClear,
96
- testId: testIds.clearUrlButton
97
- }, jsx(Selectclear, {
98
- LEGACY_size: "medium",
99
- label: clearLabel || '',
100
- color: "var(--ds-icon-subtle, #626F86)",
101
- spacing: "spacious"
102
- })));
103
- return jsx("div", {
104
- css: fieldStyles
105
- }, jsx(Field, {
106
- label: label,
107
- name: name
108
- }, function (_ref2) {
109
- var fieldProps = _ref2.fieldProps;
110
- return jsx(ConditionalSpotlightTargetWrapper, {
111
- spotlightTargetName: spotlightTargetName
112
- }, jsx(Fragment, null, jsx(Textfield, _extends({}, fieldProps, restProps, {
113
- onKeyDown: handleKeydown,
114
- ref: handleRef,
115
- elemAfterInput: clearText,
116
- isInvalid: !!error
117
- })), error && jsx(ErrorMessage, {
118
- testId: testIds.urlError
119
- }, error)));
120
- }));
121
- };
@@ -1,59 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
6
- import { css, jsx } from '@emotion/react';
7
- import Spinner from '@atlaskit/spinner';
8
- import { MinHeightContainer } from '../../../common/ui/min-height-container';
9
- var styles = css({
10
- alignItems: 'center'
11
- });
12
- var LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITHOUT_DISPLAYTEXT = '472px';
13
- var LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITH_DISPLAYTEXT = '550px';
14
- var LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_PLUGIN_WITH_DISPLAYTEXT = '505px';
15
- var LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_PLUGIN_WITHOUT_DISPLAYTEXT = '429px';
16
- var LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_DISPLAYTEXT = '218px';
17
- var LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITHOUT_DISPLAYTEXT = '141px';
18
- var getEstimatedMinHeight = function getEstimatedMinHeight(_ref) {
19
- var hideDisplayText = _ref.hideDisplayText,
20
- isLoadingPlugins = _ref.isLoadingPlugins,
21
- plugins = _ref.plugins,
22
- url = _ref.url;
23
- /**
24
- * "Insert mode" (search results shown initially)
25
- */
26
- if (!url) {
27
- /**
28
- * With tabs
29
- */
30
- if (plugins && plugins.length > 1 || isLoadingPlugins) {
31
- return hideDisplayText ? LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITHOUT_DISPLAYTEXT : LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITH_DISPLAYTEXT;
32
- }
33
-
34
- /**
35
- * Without tabs
36
- */
37
- if ((plugins === null || plugins === void 0 ? void 0 : plugins.length) === 1) {
38
- return hideDisplayText ? LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_PLUGIN_WITHOUT_DISPLAYTEXT : LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_PLUGIN_WITH_DISPLAYTEXT;
39
- }
40
- }
41
- return hideDisplayText ? LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITHOUT_DISPLAYTEXT : LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_TABS_WITH_DISPLAYTEXT;
42
- };
43
-
44
- /**
45
- * Loader / skeleton for the Link Picker. Takes LoaderFallbackProps (hideDisplayText, isLoadingPlugins, plugins)
46
- * to determine the height to prevent jumps in height when loading
47
- */
48
- export var LoaderFallbackOld = function LoaderFallbackOld(props) {
49
- var minHeight = getEstimatedMinHeight(props);
50
- return jsx(MinHeightContainer, {
51
- minHeight: minHeight,
52
- "data-testid": "link-picker-root-loader-boundary-ui",
53
- css: styles
54
- }, jsx(Spinner, {
55
- testId: "link-picker.component-loading-indicator",
56
- interactionName: props.name || 'link-picker-loading',
57
- size: "medium"
58
- }));
59
- };
@@ -1,64 +0,0 @@
1
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
- import _extends from "@babel/runtime/helpers/extends";
3
- /* eslint-disable @atlassian/tangerine/import/no-parent-imports */
4
-
5
- /**
6
- * @jsxRuntime classic
7
- * @jsx jsx
8
- */
9
- import React, { memo } from 'react';
10
-
11
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
12
- import { css, jsx } from '@emotion/react';
13
- import { LazySuspense } from 'react-loosely-lazy';
14
- import { AnalyticsContext } from '@atlaskit/analytics-next';
15
- import { COMPONENT_NAME, LINK_PICKER_WIDTH_IN_PX } from '../../common/constants';
16
- import { LinkPickerSessionProvider } from '../../controllers/session-provider';
17
- import { ErrorBoundary } from '../error-boundary';
18
- import { LoaderFallback } from '../loader-fallback';
19
- import { MessagesProvider } from '../messages-provider';
20
- export var testIds = {
21
- linkPickerRoot: 'link-picker-root'
22
- };
23
- export var PACKAGE_DATA = {
24
- packageName: "@atlaskit/link-picker" || '',
25
- packageVersion: "2.1.0" || '',
26
- componentName: COMPONENT_NAME,
27
- source: COMPONENT_NAME
28
- };
29
- var DefaultRootComponent = function DefaultRootComponent(_ref) {
30
- var children = _ref.children;
31
- return jsx("div", {
32
- "data-testid": testIds.linkPickerRoot
33
- }, children);
34
- };
35
- var fixedWidthContainerStyles = css({
36
- width: 'var(--link-picker-width)'
37
- });
38
- var FixedWidthContainer = function FixedWidthContainer(props) {
39
- return jsx("div", _extends({
40
- css: fixedWidthContainerStyles
41
- }, props));
42
- };
43
- export var composeLinkPickerOld = function composeLinkPickerOld(Component) {
44
- return /*#__PURE__*/memo(function (props) {
45
- var _props$paddingLeft, _props$paddingRight, _props$paddingTop, _props$paddingBottom;
46
- var component = props.component;
47
- var RootComponent = component !== null && component !== void 0 ? component : DefaultRootComponent;
48
- return jsx(AnalyticsContext, {
49
- data: PACKAGE_DATA
50
- }, jsx(LinkPickerSessionProvider, null, jsx(MessagesProvider, null, jsx("div", {
51
- style: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, '--link-picker-width', props.disableWidth ? '100%' : // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
52
- "".concat(LINK_PICKER_WIDTH_IN_PX, "px")), '--link-picker-padding-left', (_props$paddingLeft = props.paddingLeft) !== null && _props$paddingLeft !== void 0 ? _props$paddingLeft : "var(--ds-space-200, 16px)"), '--link-picker-padding-right', (_props$paddingRight = props.paddingRight) !== null && _props$paddingRight !== void 0 ? _props$paddingRight : "var(--ds-space-200, 16px)"), '--link-picker-padding-top', (_props$paddingTop = props.paddingTop) !== null && _props$paddingTop !== void 0 ? _props$paddingTop : "var(--ds-space-200, 16px)"), '--link-picker-padding-bottom', (_props$paddingBottom = props.paddingBottom) !== null && _props$paddingBottom !== void 0 ? _props$paddingBottom : "var(--ds-space-200, 16px)")
53
- }, jsx(FixedWidthContainer, null, jsx(ErrorBoundary, null, jsx(LazySuspense, {
54
- fallback: jsx(LoaderFallback, {
55
- url: props.url,
56
- hideDisplayText: props.hideDisplayText,
57
- isLoadingPlugins: props.isLoadingPlugins,
58
- plugins: props.plugins
59
- })
60
- }, jsx(RootComponent, _extends({}, props, {
61
- "data-testid": testIds.linkPickerRoot
62
- }), jsx(Component, props)))))))));
63
- });
64
- };
@@ -1,6 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { jsx } from '@emotion/react';
6
- export declare const GenericErrorSVGOld: (props: React.SVGProps<SVGSVGElement>) => jsx.JSX.Element;
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- type EmptyStateProps = {
3
- header: string;
4
- testId?: string;
5
- description?: React.ReactNode;
6
- renderImage?: () => React.ReactNode;
7
- };
8
- export declare const EmptyStateOld: ({ testId, header, description, renderImage }: EmptyStateProps) => React.JSX.Element;
9
- export {};
@@ -1,8 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import React from 'react';
6
- export declare const MinHeightContainerOld: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
7
- minHeight: string;
8
- } & React.RefAttributes<HTMLDivElement>>;
@@ -1 +0,0 @@
1
- export declare const minHeightComponentStyles: import("@emotion/react").SerializedStyles;
@@ -1,6 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { jsx } from '@emotion/react';
6
- export declare const ErrorBoundaryFallbackOld: () => jsx.JSX.Element;
@@ -1,42 +0,0 @@
1
- /// <reference types="react" />
2
- import { jsx } from '@emotion/react';
3
- import { type MessageDescriptor } from 'react-intl-next';
4
- import { type LinkPickerPluginAction, type LinkPickerState, type LinkSearchListItemData } from '../../../../common/types';
5
- export declare const messages: {
6
- cancelButton: {
7
- id: string;
8
- defaultMessage: string;
9
- description: string;
10
- };
11
- submittingStatusMessage: {
12
- id: string;
13
- defaultMessage: string;
14
- description: string;
15
- };
16
- };
17
- export declare const testIds: {
18
- readonly insertButton: "link-picker-insert-button";
19
- readonly cancelButton: "link-picker-cancel-button";
20
- readonly actionButton: "link-picker-action-button";
21
- readonly submitStatusA11yIndicator: "link-picker-submit-status-a11y-indicator";
22
- /** Feature discovery for action button (css pulse) */
23
- readonly actionButtonDiscovery: "link-picker-action-button-discovery";
24
- };
25
- interface FormFooterProps extends React.HTMLAttributes<HTMLElement> {
26
- /** If the results section appears to be loading, impact whether the submit button is disabled */
27
- isLoading: boolean;
28
- /** Controls showing a "submission in-progres" UX */
29
- isSubmitting?: boolean;
30
- error: unknown | null;
31
- url: string;
32
- queryState: LinkPickerState | null;
33
- items: LinkSearchListItemData[] | null;
34
- isEditing?: boolean;
35
- onCancel?: () => void;
36
- action?: LinkPickerPluginAction;
37
- customSubmitButtonLabel?: MessageDescriptor;
38
- submitMessageId?: string;
39
- hideSubmitButton?: boolean;
40
- }
41
- export declare const FormFooterOld: import("react").MemoExoticComponent<({ isLoading, isSubmitting, error, url, queryState, items, isEditing, onCancel, action, customSubmitButtonLabel, submitMessageId, hideSubmitButton, ...restProps }: FormFooterProps) => jsx.JSX.Element | null>;
42
- export {};
@@ -1,25 +0,0 @@
1
- /// <reference types="react" />
2
- import type { LinkPickerProps } from '../../../common/types';
3
- export declare const testIds: {
4
- readonly urlError: string;
5
- readonly clearUrlButton: string;
6
- readonly insertButton: "link-picker-insert-button";
7
- readonly cancelButton: "link-picker-cancel-button";
8
- readonly actionButton: "link-picker-action-button";
9
- readonly submitStatusA11yIndicator: "link-picker-submit-status-a11y-indicator";
10
- readonly tabsLoadingIndicator: string;
11
- readonly tabList: string;
12
- readonly tabItem: string;
13
- readonly resultListTitle: string;
14
- readonly searchResultList: string;
15
- readonly searchResultLoadingIndicator: string;
16
- readonly searchResultItem: string;
17
- readonly searchResultIcon: string;
18
- readonly emptyResultPage: string;
19
- readonly searchError: string;
20
- readonly linkPickerRoot: "link-picker-root";
21
- readonly linkPicker: "link-picker";
22
- readonly urlInputField: "link-url";
23
- readonly textInputField: "link-text";
24
- };
25
- export declare const LinkPickerOld: import("react").ComponentType<LinkPickerProps>;
@@ -1,6 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { jsx } from '@emotion/react';
6
- export declare const NoResultsSVGOld: () => jsx.JSX.Element;
@@ -1,23 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { type KeyboardEvent } from 'react';
6
- import { type LinkSearchListItemData } from '../../../../../../common/types';
7
- export declare const testIds: {
8
- searchResultItem: string;
9
- searchResultIcon: string;
10
- };
11
- export interface LinkSearchListItemProps {
12
- item: LinkSearchListItemData;
13
- selected: boolean;
14
- active: boolean;
15
- tabIndex?: number;
16
- onSelect: (objectId: string) => void;
17
- onKeyDown: (e: KeyboardEvent<HTMLDivElement>) => void;
18
- onFocus: () => void;
19
- id?: string;
20
- role?: string;
21
- nameMaxLines?: number;
22
- }
23
- export declare const LinkSearchListItemOld: import("react").ForwardRefExoticComponent<LinkSearchListItemProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -1,7 +0,0 @@
1
- export declare const composeListItemStyles: (selected?: boolean) => import("@emotion/react").SerializedStyles;
2
- export declare const itemNameStyles: import("@emotion/react").SerializedStyles;
3
- export declare const listItemContextStyles: import("@emotion/react").SerializedStyles;
4
- export declare const listItemContainerStyles: import("@emotion/react").SerializedStyles;
5
- export declare const listItemContainerInnerStyles: import("@emotion/react").SerializedStyles;
6
- export declare const itemIconStyles: import("@emotion/react").SerializedStyles;
7
- export declare const imgStyles: import("@emotion/react").SerializedStyles;
@@ -1,52 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { type KeyboardEvent } from 'react';
6
- import { type LinkPickerPlugin, type LinkSearchListItemData } from '../../../../../common/types';
7
- export declare const messages: {
8
- titleRecentlyViewed: {
9
- id: string;
10
- defaultMessage: string;
11
- description: string;
12
- };
13
- titleResults: {
14
- id: string;
15
- defaultMessage: string;
16
- description: string;
17
- };
18
- searchLinkResults: {
19
- id: string;
20
- defaultMessage: string;
21
- description: string;
22
- };
23
- };
24
- export declare const testIds: {
25
- resultListTitle: string;
26
- searchResultList: string;
27
- searchResultLoadingIndicator: string;
28
- tabsLoadingIndicator: string;
29
- searchResultItem: string;
30
- searchResultIcon: string;
31
- emptyResultPage: string;
32
- };
33
- type LinkSearchListElement = HTMLElement;
34
- export interface LinkSearchListProps extends Omit<React.HTMLAttributes<LinkSearchListElement>, 'onSelect' | 'onChange'> {
35
- items?: LinkSearchListItemData[] | null;
36
- isLoading: boolean;
37
- selectedIndex: number;
38
- activeIndex: number;
39
- adaptiveHeight: boolean;
40
- onChange: (objectId: string) => void;
41
- onSelect: (objectId: string) => void;
42
- onKeyDown?: (e: KeyboardEvent<LinkSearchListElement>) => void;
43
- ariaControls?: string;
44
- ariaLabelledBy?: string;
45
- ariaReadOnly?: boolean;
46
- role?: string;
47
- id?: string;
48
- hasSearchTerm?: boolean;
49
- activePlugin?: LinkPickerPlugin;
50
- }
51
- export declare const LinkSearchListOld: import("react").ForwardRefExoticComponent<LinkSearchListProps & import("react").RefAttributes<HTMLDivElement>>;
52
- export {};
@@ -1,4 +0,0 @@
1
- export declare const listContainerStyles: import("@emotion/react").SerializedStyles;
2
- export declare const spinnerContainerStyles: import("@emotion/react").SerializedStyles;
3
- export declare const listStyles: import("@emotion/react").SerializedStyles;
4
- export declare const listTitleStyles: import("@emotion/react").SerializedStyles;
@@ -1,45 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { type KeyboardEvent } from 'react';
6
- import { jsx } from '@emotion/react';
7
- import { type LinkPickerPlugin, type LinkSearchListItemData } from '../../../../common/types';
8
- export declare const testIds: {
9
- tabsLoadingIndicator: string;
10
- tabList: string;
11
- tabItem: string;
12
- resultListTitle: string;
13
- searchResultList: string;
14
- searchResultLoadingIndicator: string;
15
- searchResultItem: string;
16
- searchResultIcon: string;
17
- emptyResultPage: string;
18
- searchError: string;
19
- };
20
- export type SearchResultsProps = {
21
- activePlugin?: LinkPickerPlugin;
22
- tabs: {
23
- tabTitle: string;
24
- }[];
25
- isLoadingPlugins?: boolean;
26
- isLoadingResults: boolean;
27
- isSubmitting?: boolean;
28
- activeTab: number;
29
- handleTabChange: (activeTab: number) => void;
30
- handleSearchListOnChange: (id: string) => void;
31
- featureFlags?: Record<string, unknown>;
32
- linkSearchListId: string;
33
- queryState?: {
34
- query: string;
35
- };
36
- items?: LinkSearchListItemData[] | null;
37
- activeIndex: number;
38
- selectedIndex: number;
39
- handleSelected: (objectId: string) => void;
40
- handleKeyDown: (e: KeyboardEvent<HTMLElement>) => void;
41
- error?: unknown;
42
- adaptiveHeight: boolean;
43
- retry: () => void;
44
- };
45
- export declare const SearchResultsOld: ({ tabs, activeTab, activePlugin, isLoadingPlugins, isLoadingResults, isSubmitting, handleTabChange, handleSearchListOnChange, featureFlags, linkSearchListId, error, queryState, items, activeIndex, selectedIndex, handleSelected, handleKeyDown, adaptiveHeight, retry, }: SearchResultsProps) => jsx.JSX.Element;
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- import { jsx } from '@emotion/react';
3
- interface ScrollingTabListProps {
4
- children: JSX.Element;
5
- }
6
- export declare const ScrollingTabListOld: (props: ScrollingTabListProps) => jsx.JSX.Element;
7
- export {};
@@ -1,6 +0,0 @@
1
- import { type SerializedStyles } from '@emotion/react';
2
- export declare const scrollingContainerStyles: SerializedStyles;
3
- export declare const containerStyles: SerializedStyles;
4
- export declare const buttonContainerStyles: SerializedStyles;
5
- export declare const backButtonStyles: SerializedStyles;
6
- export declare const nextButtonStyles: SerializedStyles;
@@ -1,10 +0,0 @@
1
- /// <reference types="react" />
2
- import { jsx } from '@emotion/react';
3
- type SearchResultsContainerProps = {
4
- adaptiveHeight: boolean;
5
- isLoadingResults: boolean;
6
- hasTabs?: boolean;
7
- children?: React.ReactNode;
8
- };
9
- export declare const SearchResultsContainerOld: ({ hasTabs, adaptiveHeight, isLoadingResults, children, }: SearchResultsContainerProps) => jsx.JSX.Element;
10
- export {};
@@ -1,18 +0,0 @@
1
- import { jsx } from '@emotion/react';
2
- import { type TextFieldProps } from '@atlaskit/textfield';
3
- import { type ConditionalSpotlightTargetWrapperProps } from '../conditional-spotlight-target-wrapper';
4
- export type TextInputProps = Omit<TextFieldProps, 'name' | 'value'> & Pick<ConditionalSpotlightTargetWrapperProps, 'spotlightTargetName'> & {
5
- name: string;
6
- value: string;
7
- label?: string;
8
- onUndo?: Function;
9
- onRedo?: Function;
10
- onClear?: (name: string) => void;
11
- clearLabel?: string;
12
- error?: string | null;
13
- };
14
- export declare const testIds: {
15
- urlError: string;
16
- clearUrlButton: string;
17
- };
18
- export declare const TextInputOld: ({ name, label, autoFocus, onRedo, onUndo, onKeyDown, onClear, clearLabel, error, spotlightTargetName, ...restProps }: TextInputProps) => jsx.JSX.Element;
@@ -1,17 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { jsx } from '@emotion/react';
6
- export type LoaderFallbackProps = {
7
- url?: string;
8
- hideDisplayText?: boolean;
9
- isLoadingPlugins?: boolean;
10
- plugins?: unknown[];
11
- name?: string;
12
- };
13
- /**
14
- * Loader / skeleton for the Link Picker. Takes LoaderFallbackProps (hideDisplayText, isLoadingPlugins, plugins)
15
- * to determine the height to prevent jumps in height when loading
16
- */
17
- export declare const LoaderFallbackOld: (props: LoaderFallbackProps) => jsx.JSX.Element;
@@ -1,13 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import React from 'react';
6
- import { jsx } from '@emotion/react';
7
- import type { LinkPickerProps } from '../../common/types';
8
- import type { PackageMetaDataType } from '../../common/utils/analytics/analytics.codegen';
9
- export declare const testIds: {
10
- linkPickerRoot: string;
11
- };
12
- export declare const PACKAGE_DATA: PackageMetaDataType;
13
- export declare const composeLinkPickerOld: (Component: React.ComponentType<LinkPickerProps>) => React.MemoExoticComponent<(props: LinkPickerProps) => jsx.JSX.Element>;
@@ -1,6 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { jsx } from '@emotion/react';
6
- export declare const GenericErrorSVGOld: (props: React.SVGProps<SVGSVGElement>) => jsx.JSX.Element;
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- type EmptyStateProps = {
3
- header: string;
4
- testId?: string;
5
- description?: React.ReactNode;
6
- renderImage?: () => React.ReactNode;
7
- };
8
- export declare const EmptyStateOld: ({ testId, header, description, renderImage }: EmptyStateProps) => React.JSX.Element;
9
- export {};
@@ -1,8 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import React from 'react';
6
- export declare const MinHeightContainerOld: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
7
- minHeight: string;
8
- } & React.RefAttributes<HTMLDivElement>>;
@@ -1 +0,0 @@
1
- export declare const minHeightComponentStyles: import("@emotion/react").SerializedStyles;
@@ -1,6 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { jsx } from '@emotion/react';
6
- export declare const ErrorBoundaryFallbackOld: () => jsx.JSX.Element;