@atlaskit/link-create 3.1.1 → 4.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 (166) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/cjs/common/constants.js +1 -1
  3. package/dist/cjs/common/ui/error-boundary-modal/index.js +1 -9
  4. package/dist/cjs/common/ui/error-boundary-ui/error-svg/index.js +1 -10
  5. package/dist/cjs/common/ui/icon/index.js +1 -9
  6. package/dist/cjs/common/ui/message/index.js +1 -9
  7. package/dist/cjs/common/ui/modal-hero/index.js +1 -9
  8. package/dist/cjs/controllers/create-field/main.js +1 -9
  9. package/dist/cjs/ui/create-form/async-select/main.js +1 -9
  10. package/dist/cjs/ui/create-form/form-footer/main.js +1 -9
  11. package/dist/cjs/ui/create-form/form-loader/main.js +1 -9
  12. package/dist/cjs/ui/create-form/main.js +1 -9
  13. package/dist/cjs/ui/create-form/select/main.js +7 -33
  14. package/dist/cjs/ui/create-form/textfield/main.js +1 -9
  15. package/dist/cjs/ui/create-form/user-picker/main.js +1 -9
  16. package/dist/cjs/ui/inline-create/index.js +1 -9
  17. package/dist/cjs/ui/inline-create/main.js +1 -9
  18. package/dist/cjs/ui/modal-create/index.js +1 -9
  19. package/dist/cjs/ui/modal-create/main.js +1 -9
  20. package/dist/es2019/common/constants.js +1 -1
  21. package/dist/es2019/common/ui/error-boundary-modal/index.js +1 -9
  22. package/dist/es2019/common/ui/error-boundary-ui/error-svg/index.js +1 -9
  23. package/dist/es2019/common/ui/icon/index.js +1 -9
  24. package/dist/es2019/common/ui/message/index.js +1 -9
  25. package/dist/es2019/common/ui/modal-hero/index.js +1 -9
  26. package/dist/es2019/controllers/create-field/main.js +1 -9
  27. package/dist/es2019/ui/create-form/async-select/main.js +1 -9
  28. package/dist/es2019/ui/create-form/form-footer/main.js +1 -9
  29. package/dist/es2019/ui/create-form/form-loader/main.js +1 -9
  30. package/dist/es2019/ui/create-form/main.js +1 -9
  31. package/dist/es2019/ui/create-form/select/main.js +8 -34
  32. package/dist/es2019/ui/create-form/textfield/main.js +1 -9
  33. package/dist/es2019/ui/create-form/user-picker/main.js +1 -9
  34. package/dist/es2019/ui/inline-create/index.js +1 -9
  35. package/dist/es2019/ui/inline-create/main.js +1 -9
  36. package/dist/es2019/ui/modal-create/index.js +1 -9
  37. package/dist/es2019/ui/modal-create/main.js +1 -9
  38. package/dist/esm/common/constants.js +1 -1
  39. package/dist/esm/common/ui/error-boundary-modal/index.js +1 -9
  40. package/dist/esm/common/ui/error-boundary-ui/error-svg/index.js +1 -9
  41. package/dist/esm/common/ui/icon/index.js +1 -9
  42. package/dist/esm/common/ui/message/index.js +1 -9
  43. package/dist/esm/common/ui/modal-hero/index.js +1 -9
  44. package/dist/esm/controllers/create-field/main.js +1 -9
  45. package/dist/esm/ui/create-form/async-select/main.js +1 -9
  46. package/dist/esm/ui/create-form/form-footer/main.js +1 -9
  47. package/dist/esm/ui/create-form/form-loader/main.js +1 -9
  48. package/dist/esm/ui/create-form/main.js +1 -9
  49. package/dist/esm/ui/create-form/select/main.js +7 -33
  50. package/dist/esm/ui/create-form/textfield/main.js +1 -9
  51. package/dist/esm/ui/create-form/user-picker/main.js +1 -9
  52. package/dist/esm/ui/inline-create/index.js +1 -9
  53. package/dist/esm/ui/inline-create/main.js +1 -9
  54. package/dist/esm/ui/modal-create/index.js +1 -9
  55. package/dist/esm/ui/modal-create/main.js +1 -9
  56. package/dist/types/common/ui/error-boundary-modal/index.d.ts +2 -2
  57. package/dist/types/common/ui/icon/index.d.ts +1 -1
  58. package/dist/types/common/ui/message/index.d.ts +1 -1
  59. package/dist/types/common/ui/modal-hero/index.d.ts +1 -1
  60. package/dist/types/controllers/create-field/main.d.ts +1 -1
  61. package/dist/types/ui/create-form/async-select/main.d.ts +8 -2
  62. package/dist/types/ui/create-form/form-footer/main.d.ts +6 -1
  63. package/dist/types/ui/create-form/form-loader/main.d.ts +5 -1
  64. package/dist/types/ui/create-form/main.d.ts +1 -1
  65. package/dist/types/ui/create-form/select/main.d.ts +11 -5
  66. package/dist/types/ui/create-form/textfield/main.d.ts +8 -2
  67. package/dist/types/ui/create-form/user-picker/main.d.ts +5 -2
  68. package/dist/types-ts4.5/common/ui/error-boundary-modal/index.d.ts +2 -2
  69. package/dist/types-ts4.5/common/ui/icon/index.d.ts +1 -1
  70. package/dist/types-ts4.5/common/ui/message/index.d.ts +1 -1
  71. package/dist/types-ts4.5/common/ui/modal-hero/index.d.ts +1 -1
  72. package/dist/types-ts4.5/controllers/create-field/main.d.ts +1 -1
  73. package/dist/types-ts4.5/ui/create-form/async-select/main.d.ts +8 -2
  74. package/dist/types-ts4.5/ui/create-form/form-footer/main.d.ts +6 -1
  75. package/dist/types-ts4.5/ui/create-form/form-loader/main.d.ts +5 -1
  76. package/dist/types-ts4.5/ui/create-form/main.d.ts +1 -1
  77. package/dist/types-ts4.5/ui/create-form/select/main.d.ts +11 -5
  78. package/dist/types-ts4.5/ui/create-form/textfield/main.d.ts +8 -2
  79. package/dist/types-ts4.5/ui/create-form/user-picker/main.d.ts +5 -2
  80. package/package.json +1 -9
  81. package/report.api.md +1 -1
  82. package/dist/cjs/common/ui/error-boundary-modal/old/index.js +0 -34
  83. package/dist/cjs/common/ui/error-boundary-ui/error-svg/old/index.js +0 -67
  84. package/dist/cjs/common/ui/icon/old/index.js +0 -26
  85. package/dist/cjs/common/ui/message/old/index.js +0 -81
  86. package/dist/cjs/common/ui/modal-hero/old/index.js +0 -27
  87. package/dist/cjs/controllers/create-field/old/main.js +0 -76
  88. package/dist/cjs/ui/create-form/async-select/old/main.js +0 -195
  89. package/dist/cjs/ui/create-form/form-footer/old/main.js +0 -64
  90. package/dist/cjs/ui/create-form/form-loader/old/main.js +0 -39
  91. package/dist/cjs/ui/create-form/old/main.js +0 -177
  92. package/dist/cjs/ui/create-form/select/old/main.js +0 -127
  93. package/dist/cjs/ui/create-form/textfield/old/main.js +0 -55
  94. package/dist/cjs/ui/create-form/user-picker/old/main.js +0 -72
  95. package/dist/cjs/ui/inline-create/old/index.js +0 -38
  96. package/dist/cjs/ui/inline-create/old/main.js +0 -120
  97. package/dist/cjs/ui/modal-create/old/index.js +0 -44
  98. package/dist/cjs/ui/modal-create/old/main.js +0 -164
  99. package/dist/es2019/common/ui/error-boundary-modal/old/index.js +0 -26
  100. package/dist/es2019/common/ui/error-boundary-ui/error-svg/old/index.js +0 -58
  101. package/dist/es2019/common/ui/icon/old/index.js +0 -18
  102. package/dist/es2019/common/ui/message/old/index.js +0 -74
  103. package/dist/es2019/common/ui/modal-hero/old/index.js +0 -19
  104. package/dist/es2019/controllers/create-field/old/main.js +0 -74
  105. package/dist/es2019/ui/create-form/async-select/old/main.js +0 -137
  106. package/dist/es2019/ui/create-form/form-footer/old/main.js +0 -57
  107. package/dist/es2019/ui/create-form/form-loader/old/main.js +0 -31
  108. package/dist/es2019/ui/create-form/old/main.js +0 -145
  109. package/dist/es2019/ui/create-form/select/old/main.js +0 -106
  110. package/dist/es2019/ui/create-form/textfield/old/main.js +0 -45
  111. package/dist/es2019/ui/create-form/user-picker/old/main.js +0 -59
  112. package/dist/es2019/ui/inline-create/old/index.js +0 -30
  113. package/dist/es2019/ui/inline-create/old/main.js +0 -96
  114. package/dist/es2019/ui/modal-create/old/index.js +0 -36
  115. package/dist/es2019/ui/modal-create/old/main.js +0 -137
  116. package/dist/esm/common/ui/error-boundary-modal/old/index.js +0 -25
  117. package/dist/esm/common/ui/error-boundary-ui/error-svg/old/index.js +0 -60
  118. package/dist/esm/common/ui/icon/old/index.js +0 -18
  119. package/dist/esm/common/ui/message/old/index.js +0 -73
  120. package/dist/esm/common/ui/modal-hero/old/index.js +0 -18
  121. package/dist/esm/controllers/create-field/old/main.js +0 -72
  122. package/dist/esm/ui/create-form/async-select/old/main.js +0 -188
  123. package/dist/esm/ui/create-form/form-footer/old/main.js +0 -56
  124. package/dist/esm/ui/create-form/form-loader/old/main.js +0 -31
  125. package/dist/esm/ui/create-form/old/main.js +0 -174
  126. package/dist/esm/ui/create-form/select/old/main.js +0 -117
  127. package/dist/esm/ui/create-form/textfield/old/main.js +0 -47
  128. package/dist/esm/ui/create-form/user-picker/old/main.js +0 -64
  129. package/dist/esm/ui/inline-create/old/index.js +0 -30
  130. package/dist/esm/ui/inline-create/old/main.js +0 -112
  131. package/dist/esm/ui/modal-create/old/index.js +0 -36
  132. package/dist/esm/ui/modal-create/old/main.js +0 -156
  133. package/dist/types/common/ui/error-boundary-modal/old/index.d.ts +0 -11
  134. package/dist/types/common/ui/error-boundary-ui/error-svg/old/index.d.ts +0 -7
  135. package/dist/types/common/ui/icon/old/index.d.ts +0 -7
  136. package/dist/types/common/ui/message/old/index.d.ts +0 -15
  137. package/dist/types/common/ui/modal-hero/old/index.d.ts +0 -4
  138. package/dist/types/controllers/create-field/old/main.d.ts +0 -7
  139. package/dist/types/ui/create-form/async-select/old/main.d.ts +0 -11
  140. package/dist/types/ui/create-form/form-footer/old/main.d.ts +0 -16
  141. package/dist/types/ui/create-form/form-loader/old/main.d.ts +0 -11
  142. package/dist/types/ui/create-form/old/main.d.ts +0 -54
  143. package/dist/types/ui/create-form/select/old/main.d.ts +0 -24
  144. package/dist/types/ui/create-form/textfield/old/main.d.ts +0 -14
  145. package/dist/types/ui/create-form/user-picker/old/main.d.ts +0 -11
  146. package/dist/types/ui/inline-create/old/index.d.ts +0 -5
  147. package/dist/types/ui/inline-create/old/main.d.ts +0 -8
  148. package/dist/types/ui/modal-create/old/index.d.ts +0 -5
  149. package/dist/types/ui/modal-create/old/main.d.ts +0 -4
  150. package/dist/types-ts4.5/common/ui/error-boundary-modal/old/index.d.ts +0 -11
  151. package/dist/types-ts4.5/common/ui/error-boundary-ui/error-svg/old/index.d.ts +0 -7
  152. package/dist/types-ts4.5/common/ui/icon/old/index.d.ts +0 -7
  153. package/dist/types-ts4.5/common/ui/message/old/index.d.ts +0 -15
  154. package/dist/types-ts4.5/common/ui/modal-hero/old/index.d.ts +0 -4
  155. package/dist/types-ts4.5/controllers/create-field/old/main.d.ts +0 -7
  156. package/dist/types-ts4.5/ui/create-form/async-select/old/main.d.ts +0 -11
  157. package/dist/types-ts4.5/ui/create-form/form-footer/old/main.d.ts +0 -16
  158. package/dist/types-ts4.5/ui/create-form/form-loader/old/main.d.ts +0 -11
  159. package/dist/types-ts4.5/ui/create-form/old/main.d.ts +0 -56
  160. package/dist/types-ts4.5/ui/create-form/select/old/main.d.ts +0 -24
  161. package/dist/types-ts4.5/ui/create-form/textfield/old/main.d.ts +0 -14
  162. package/dist/types-ts4.5/ui/create-form/user-picker/old/main.d.ts +0 -11
  163. package/dist/types-ts4.5/ui/inline-create/old/index.d.ts +0 -5
  164. package/dist/types-ts4.5/ui/inline-create/old/main.d.ts +0 -8
  165. package/dist/types-ts4.5/ui/modal-create/old/index.d.ts +0 -5
  166. package/dist/types-ts4.5/ui/modal-create/old/main.d.ts +0 -4
@@ -1,195 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.AsyncSelectOld = AsyncSelectOld;
8
- exports.TEST_ID = void 0;
9
- var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
10
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
- var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
12
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
13
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
14
- var _react = require("react");
15
- var _react2 = require("@emotion/react");
16
- var _debouncePromise = _interopRequireDefault(require("debounce-promise"));
17
- var _reactFinalForm = require("react-final-form");
18
- var _reactIntlNext = require("react-intl-next");
19
- var _select = require("@atlaskit/select");
20
- var _messages = _interopRequireDefault(require("../../../../common/messages"));
21
- var _callbackContext = require("../../../../controllers/callback-context");
22
- var _createField = require("../../../../controllers/create-field");
23
- var _formContext = require("../../../../controllers/form-context");
24
- var _excluded = ["id", "name", "label", "isRequired", "validators", "validationHelpText", "testId", "defaultOption", "loadOptions"],
25
- _excluded2 = ["fieldId", "isRequired"];
26
- /* eslint-disable @atlassian/tangerine/import/no-parent-imports */
27
- /**
28
- * @jsxRuntime classic
29
- * @jsx jsx
30
- */
31
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
32
- var TEST_ID = exports.TEST_ID = 'link-create-async-select';
33
-
34
- /**
35
- * An async select utilising the Atlaskit AsyncSelect and CreateField.
36
- * Validation is handled by the form on form submission. Any
37
- * errors returned by the handleSubmit function passed to the form <Form> that
38
- * have a key matching the `name` of this field are shown below the field.
39
- */
40
- function AsyncSelectOld(_ref) {
41
- var id = _ref.id,
42
- name = _ref.name,
43
- label = _ref.label,
44
- isRequired = _ref.isRequired,
45
- validators = _ref.validators,
46
- validationHelpText = _ref.validationHelpText,
47
- _ref$testId = _ref.testId,
48
- testId = _ref$testId === void 0 ? TEST_ID : _ref$testId,
49
- propsDefaultValue = _ref.defaultOption,
50
- loadOptionsFn = _ref.loadOptions,
51
- restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
52
- var _useForm = (0, _reactFinalForm.useForm)(),
53
- mutators = _useForm.mutators;
54
- var _useLinkCreateCallbac = (0, _callbackContext.useLinkCreateCallback)(),
55
- onFailure = _useLinkCreateCallbac.onFailure;
56
- var _useFormContext = (0, _formContext.useFormContext)(),
57
- setFormErrorMessage = _useFormContext.setFormErrorMessage;
58
- var intl = (0, _reactIntlNext.useIntl)();
59
- var _useState = (0, _react.useState)(propsDefaultValue),
60
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
61
- defaultValue = _useState2[0],
62
- setDefaultValue = _useState2[1];
63
- var _useState3 = (0, _react.useState)(false),
64
- _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
65
- isLoadingDefaultOptions = _useState4[0],
66
- setIsLoadingDefaultOptions = _useState4[1];
67
- var _useState5 = (0, _react.useState)([]),
68
- _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
69
- defaultOptions = _useState6[0],
70
- setDefaultOptions = _useState6[1];
71
-
72
- /**
73
- * This binds experience to fail if async fetch ever fails to load
74
- */
75
- var loadOptions = (0, _react.useMemo)(function () {
76
- if (loadOptionsFn) {
77
- return /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
78
- var _args = arguments;
79
- return _regenerator.default.wrap(function _callee$(_context) {
80
- while (1) switch (_context.prev = _context.next) {
81
- case 0:
82
- _context.prev = 0;
83
- _context.next = 3;
84
- return loadOptionsFn.apply(void 0, _args);
85
- case 3:
86
- return _context.abrupt("return", _context.sent);
87
- case 6:
88
- _context.prev = 6;
89
- _context.t0 = _context["catch"](0);
90
- onFailure === null || onFailure === void 0 || onFailure(_context.t0);
91
- setFormErrorMessage(intl.formatMessage(_messages.default.genericErrorMessage));
92
- return _context.abrupt("return", []);
93
- case 11:
94
- case "end":
95
- return _context.stop();
96
- }
97
- }, _callee, null, [[0, 6]]);
98
- }));
99
- }
100
- }, [intl, onFailure, loadOptionsFn, setFormErrorMessage]);
101
- (0, _react.useEffect)(function () {
102
- var current = true;
103
- var fetch = /*#__PURE__*/function () {
104
- var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
105
- var query,
106
- options,
107
- _args2 = arguments;
108
- return _regenerator.default.wrap(function _callee2$(_context2) {
109
- while (1) switch (_context2.prev = _context2.next) {
110
- case 0:
111
- query = _args2.length > 0 && _args2[0] !== undefined ? _args2[0] : '';
112
- if (loadOptions) {
113
- _context2.next = 3;
114
- break;
115
- }
116
- return _context2.abrupt("return");
117
- case 3:
118
- _context2.prev = 3;
119
- /**
120
- * If we are fetching default options, clear the
121
- * value the user has set
122
- */
123
- if (mutators.setField) {
124
- mutators.setField(name, null);
125
- }
126
- setIsLoadingDefaultOptions(true);
127
- setDefaultOptions([]);
128
- _context2.next = 9;
129
- return loadOptions(query);
130
- case 9:
131
- options = _context2.sent;
132
- if (current) {
133
- setDefaultOptions(options);
134
- setIsLoadingDefaultOptions(false);
135
- }
136
- _context2.next = 16;
137
- break;
138
- case 13:
139
- _context2.prev = 13;
140
- _context2.t0 = _context2["catch"](3);
141
- if (current) {
142
- setIsLoadingDefaultOptions(false);
143
- }
144
- case 16:
145
- case "end":
146
- return _context2.stop();
147
- }
148
- }, _callee2, null, [[3, 13]]);
149
- }));
150
- return function fetch() {
151
- return _ref3.apply(this, arguments);
152
- };
153
- }();
154
- fetch();
155
- return function () {
156
- current = false;
157
- };
158
- }, [loadOptions, setIsLoadingDefaultOptions, setDefaultOptions, mutators, name]);
159
- (0, _react.useEffect)(function () {
160
- /**
161
- * Mutate the form state to set a default value for this field
162
- * if `defaultOption` is a prop and we have not set a value for it yet
163
- */
164
- if (!defaultValue && propsDefaultValue) {
165
- setDefaultValue(propsDefaultValue);
166
- if (mutators.setField) {
167
- mutators.setField(name, propsDefaultValue);
168
- }
169
- }
170
- }, [defaultValue, propsDefaultValue, name, mutators]);
171
- var debouncedLoadOptions = (0, _react.useMemo)(function () {
172
- return loadOptions ? (0, _debouncePromise.default)(loadOptions, 300) : undefined;
173
- }, [loadOptions]);
174
- return (0, _react2.jsx)(_createField.CreateField, {
175
- id: id,
176
- name: name,
177
- label: label,
178
- isRequired: isRequired,
179
- validators: validators,
180
- validationHelpText: validationHelpText,
181
- testId: testId
182
- }, function (_ref4) {
183
- var fieldId = _ref4.fieldId,
184
- isRequired = _ref4.isRequired,
185
- fieldProps = (0, _objectWithoutProperties2.default)(_ref4, _excluded2);
186
- return (0, _react2.jsx)(_select.AsyncSelect, (0, _extends2.default)({
187
- inputId: fieldId
188
- }, fieldProps, restProps, {
189
- required: isRequired,
190
- loadOptions: debouncedLoadOptions,
191
- defaultOptions: defaultOptions,
192
- isLoading: isLoadingDefaultOptions
193
- }));
194
- });
195
- }
@@ -1,64 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.CreateFormFooterOld = CreateFormFooterOld;
8
- var _react = require("@emotion/react");
9
- var _reactIntlNext = require("react-intl-next");
10
- var _button = require("@atlaskit/button");
11
- var _error = _interopRequireDefault(require("@atlaskit/icon/core/migration/error"));
12
- var _Button = require("../../../../common/ui/Button");
13
- var _editButton = require("../edit-button");
14
- var _messages = require("../messages");
15
- var _submitButton = require("../submit-button");
16
- /* eslint-disable @atlassian/tangerine/import/no-parent-imports */
17
- /**
18
- * @jsxRuntime classic
19
- * @jsx jsx
20
- */
21
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
22
-
23
- var formFooterWrapperStyles = (0, _react.css)({
24
- display: 'flex',
25
- marginTop: "var(--ds-space-300, 24px)",
26
- justifyContent: 'flex-end'
27
- });
28
- var errorStyles = (0, _react.css)({
29
- display: 'flex',
30
- alignItems: 'center',
31
- marginRight: 'auto'
32
- });
33
- /**
34
- * Footer for the Create Form, used as a wrapper for action buttons
35
- * and form error messages. This component is unmounted if
36
- * hideFooter is true in the Create Form.
37
- */
38
- function CreateFormFooterOld(_ref) {
39
- var formErrorMessage = _ref.formErrorMessage,
40
- handleCancel = _ref.handleCancel,
41
- testId = _ref.testId;
42
- var intl = (0, _reactIntlNext.useIntl)();
43
- return (0, _react.jsx)("footer", {
44
- "data-testid": "".concat(testId, "-footer"),
45
- css: formFooterWrapperStyles
46
- }, formErrorMessage && (0, _react.jsx)("div", {
47
- role: "alert",
48
- css: errorStyles,
49
- "data-testid": "".concat(testId, "-error")
50
- }, (0, _react.jsx)(_error.default, {
51
- label: formErrorMessage,
52
- color: "var(--ds-icon-danger, #E34935)",
53
- spacing: "spacious"
54
- }), formErrorMessage), (0, _react.jsx)(_button.ButtonGroup, null, (0, _react.jsx)(_Button.Button, {
55
- type: "button",
56
- actionSubjectId: "cancel",
57
- appearance: "subtle",
58
- onClick: function onClick(e) {
59
- e.stopPropagation();
60
- handleCancel();
61
- },
62
- testId: "".concat(testId, "-button-cancel")
63
- }, intl.formatMessage(_messages.messages.close)), (0, _react.jsx)(_editButton.EditButton, null), (0, _react.jsx)(_submitButton.SubmitButton, null)));
64
- }
@@ -1,39 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.CreateFormLoaderOld = CreateFormLoaderOld;
8
- var _react = require("@emotion/react");
9
- var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
10
- var _constants = require("../../../../common/constants");
11
- /**
12
- * @jsxRuntime classic
13
- * @jsx jsx
14
- */
15
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
16
-
17
- var formLoaderStyles = (0, _react.css)({
18
- display: "flex",
19
- alignItems: "center",
20
- justifyContent: "center",
21
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
22
- minHeight: "".concat(_constants.CREATE_FORM_MIN_HEIGHT_IN_PX, "px")
23
- });
24
-
25
- /**
26
- * Wrapper component for the Spinner, shows while the form
27
- * performs async functions on load.
28
- */
29
- function CreateFormLoaderOld(_ref) {
30
- var _ref$size = _ref.size,
31
- size = _ref$size === void 0 ? 'large' : _ref$size;
32
- return (0, _react.jsx)("div", {
33
- css: formLoaderStyles
34
- }, (0, _react.jsx)(_spinner.default, {
35
- size: size,
36
- interactionName: "load",
37
- testId: "link-create-form-loader"
38
- }));
39
- }
@@ -1,177 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- var _typeof = require("@babel/runtime/helpers/typeof");
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.TEST_ID = exports.CreateFormOld = void 0;
9
- var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
10
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
12
- var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
13
- var _react = require("react");
14
- var _react2 = require("@emotion/react");
15
- var _finalForm = require("final-form");
16
- var _reactFinalForm = require("react-final-form");
17
- var _reactIntlNext = require("react-intl-next");
18
- var _form = require("@atlaskit/form");
19
- var _primitives = require("@atlaskit/primitives");
20
- var _constants = require("../../../common/constants");
21
- var _messages = _interopRequireDefault(require("../../../common/messages"));
22
- var _callbackContext = require("../../../controllers/callback-context");
23
- var _exitWarningModalContext = require("../../../controllers/exit-warning-modal-context");
24
- var _formContext = require("../../../controllers/form-context");
25
- var _formFooter = require("../form-footer");
26
- var _formLoader = require("../form-loader");
27
- var _excluded = ["submitError"];
28
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
29
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /* eslint-disable @atlassian/tangerine/import/no-parent-imports */ /**
30
- * @jsxRuntime classic
31
- * @jsx jsx
32
- */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
33
- var formStyles = (0, _react2.css)({
34
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
35
- maxWidth: "".concat(_constants.CREATE_FORM_MAX_WIDTH_IN_PX, "px"),
36
- padding: "0 0 ".concat("var(--ds-space-300, 24px)", " 0"),
37
- margin: "var(--ds-space-0, 0px)".concat(" auto")
38
- });
39
- var RESERVED_FIELDS = [_constants.LINK_CREATE_FORM_POST_CREATE_FIELD];
40
- var TEST_ID = exports.TEST_ID = 'link-create-form';
41
- var CreateFormOld = exports.CreateFormOld = function CreateFormOld(_ref) {
42
- var children = _ref.children,
43
- _ref$testId = _ref.testId,
44
- testId = _ref$testId === void 0 ? TEST_ID : _ref$testId,
45
- onSubmit = _ref.onSubmit,
46
- onCancel = _ref.onCancel,
47
- isLoading = _ref.isLoading,
48
- hideFooter = _ref.hideFooter,
49
- hideRequiredFieldMessage = _ref.hideRequiredFieldMessage,
50
- initialValues = _ref.initialValues;
51
- var _useFormContext = (0, _formContext.useFormContext)(),
52
- setFormErrorMessage = _useFormContext.setFormErrorMessage,
53
- formErrorMessage = _useFormContext.formErrorMessage,
54
- enableEditView = _useFormContext.enableEditView;
55
- var intl = (0, _reactIntlNext.useIntl)();
56
- var _useExitWarningModal = (0, _exitWarningModalContext.useExitWarningModal)(),
57
- setShouldShowWarning = _useExitWarningModal.setShouldShowWarning;
58
- var _useLinkCreateCallbac = (0, _callbackContext.useLinkCreateCallback)(),
59
- onFailure = _useLinkCreateCallbac.onFailure;
60
- var handleSubmit = (0, _react.useCallback)( /*#__PURE__*/function () {
61
- var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(data) {
62
- var shouldEnableEditView, formData;
63
- return _regenerator.default.wrap(function _callee$(_context) {
64
- while (1) switch (_context.prev = _context.next) {
65
- case 0:
66
- shouldEnableEditView = data[_constants.LINK_CREATE_FORM_POST_CREATE_FIELD], formData = (0, _objectWithoutProperties2.default)(data, [_constants.LINK_CREATE_FORM_POST_CREATE_FIELD].map(_toPropertyKey));
67
- /**
68
- * If form has post-create field set to trigger post-create edit
69
- * send this to the form context so we know what to do next
70
- * if submission is successful
71
- */
72
- enableEditView === null || enableEditView === void 0 || enableEditView(!!shouldEnableEditView);
73
-
74
- /**
75
- * This is the onSubmit handler provided by the plugin
76
- * It will be async, and it will likely involve awaiting `onCreate` (the adopters handler)
77
- */
78
- return _context.abrupt("return", onSubmit(formData));
79
- case 3:
80
- case "end":
81
- return _context.stop();
82
- }
83
- }, _callee);
84
- }));
85
- return function (_x) {
86
- return _ref2.apply(this, arguments);
87
- };
88
- }(), [onSubmit, enableEditView]);
89
- var handleSubmitWithErrorHandling = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
90
- var _args2 = arguments;
91
- return _regenerator.default.wrap(function _callee2$(_context2) {
92
- while (1) switch (_context2.prev = _context2.next) {
93
- case 0:
94
- _context2.prev = 0;
95
- /**
96
- * Clear any error message that may have been set by async select fields
97
- * This will immediately remove any indication of an error, but the form likely will fail to submit,
98
- * it will be likely a 400 because the user probably could not set all fields anyway
99
- */
100
- setFormErrorMessage();
101
- _context2.next = 4;
102
- return handleSubmit.apply(void 0, _args2);
103
- case 4:
104
- return _context2.abrupt("return", _context2.sent);
105
- case 7:
106
- _context2.prev = 7;
107
- _context2.t0 = _context2["catch"](0);
108
- /**
109
- * Notify link create of failed experience
110
- */
111
- onFailure === null || onFailure === void 0 || onFailure(_context2.t0);
112
-
113
- /**
114
- * Return a generic message for react final form to render
115
- */
116
- return _context2.abrupt("return", (0, _defineProperty2.default)({}, _finalForm.FORM_ERROR, intl.formatMessage(_messages.default.genericErrorMessage)));
117
- case 11:
118
- case "end":
119
- return _context2.stop();
120
- }
121
- }, _callee2, null, [[0, 7]]);
122
- })), [handleSubmit, setFormErrorMessage, intl, onFailure]);
123
- var handleCancel = (0, _react.useCallback)(function () {
124
- onCancel && onCancel();
125
- }, [onCancel]);
126
- if (isLoading) {
127
- return (0, _react2.jsx)(_formLoader.CreateFormLoader, null);
128
- }
129
- return (0, _react2.jsx)(_reactFinalForm.Form, {
130
- onSubmit: handleSubmitWithErrorHandling,
131
- initialValues: initialValues,
132
- mutators: {
133
- setField: function setField(args, state, tools) {
134
- tools.changeValue(state, args[0].toString(), function () {
135
- return args[1];
136
- });
137
- }
138
- }
139
- }, function (_ref5) {
140
- var submitError = _ref5.submitError,
141
- formProps = (0, _objectWithoutProperties2.default)(_ref5, _excluded);
142
- return (0, _react2.jsx)("form", {
143
- onSubmit: formProps.handleSubmit,
144
- name: "link-create-form",
145
- noValidate: true,
146
- "data-testid": testId,
147
- css: formStyles
148
- }, (0, _react2.jsx)(_reactFinalForm.FormSpy, {
149
- subscription: {
150
- modified: true
151
- },
152
- onChange: function onChange(state) {
153
- // determine if any of the fields have been modified
154
- if (!state.modified) {
155
- setShouldShowWarning(false);
156
- return;
157
- }
158
- var isModified = Object.values(state.modified).some(function (value) {
159
- return value;
160
- });
161
- setShouldShowWarning(isModified);
162
- }
163
- }), !hideRequiredFieldMessage && (0, _react2.jsx)(_primitives.Text, {
164
- as: "p"
165
- }, intl.formatMessage(_messages.default.requiredFieldInstruction), " ", (0, _react2.jsx)(_form.RequiredAsterisk, null)), (0, _react2.jsx)(_primitives.Box, null, children), !hideFooter && (0, _react2.jsx)(_formFooter.CreateFormFooter
166
- /**
167
- * We will prefer to render the error message connected to
168
- * react final form state (submitError) otherwise we can
169
- * default to the `formErrorMessage` that we sometimes use with our own
170
- * "form context" (only currently used for AsyncSelect field reporting failed loading)
171
- */, {
172
- formErrorMessage: submitError || formErrorMessage,
173
- handleCancel: handleCancel,
174
- testId: testId
175
- }));
176
- });
177
- };
@@ -1,127 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- var _typeof = require("@babel/runtime/helpers/typeof");
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.SelectOld = SelectOld;
9
- exports.TEST_ID = exports.SiteSelectOld = exports.SitePickerSingleValueOld = exports.SitePickerOptionOld = void 0;
10
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
12
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
13
- var _react = require("@emotion/react");
14
- var _reactIntlNext = require("react-intl-next");
15
- var _primitives = require("@atlaskit/primitives");
16
- var _select = _interopRequireWildcard(require("@atlaskit/select"));
17
- var _constants = require("@atlaskit/theme/constants");
18
- var _icon = require("../../../../common/ui/icon");
19
- var _createField = require("../../../../controllers/create-field");
20
- var _messages = require("../messages");
21
- var _excluded = ["id", "name", "label", "isRequired", "validators", "validationHelpText", "testId"],
22
- _excluded2 = ["fieldId", "isRequired"],
23
- _excluded3 = ["children"],
24
- _excluded4 = ["children"];
25
- /* eslint-disable @atlassian/tangerine/import/no-parent-imports */
26
- /**
27
- * @jsxRuntime classic
28
- * @jsx jsx
29
- */
30
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
31
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
32
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
33
- 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; }
34
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
35
- var TEST_ID = exports.TEST_ID = 'link-create-select';
36
-
37
- /**
38
- * A select component utilising the Atlaskit Select and CreateField.
39
- * Validation is handled by the form on form submission. Any
40
- * errors returned by the handleSubmit function passed to the form <Form> that
41
- * have a key matching the `name` of this field are shown below the field.
42
- */
43
- function SelectOld(_ref) {
44
- var id = _ref.id,
45
- name = _ref.name,
46
- label = _ref.label,
47
- isRequired = _ref.isRequired,
48
- validators = _ref.validators,
49
- validationHelpText = _ref.validationHelpText,
50
- _ref$testId = _ref.testId,
51
- testId = _ref$testId === void 0 ? TEST_ID : _ref$testId,
52
- restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
53
- return (0, _react.jsx)(_createField.CreateField, {
54
- id: id,
55
- name: name,
56
- label: label,
57
- isRequired: isRequired,
58
- validators: validators,
59
- validationHelpText: validationHelpText,
60
- testId: testId
61
- }, function (_ref2) {
62
- var fieldId = _ref2.fieldId,
63
- isRequired = _ref2.isRequired,
64
- fieldProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
65
- return (0, _react.jsx)(_select.default, (0, _extends2.default)({
66
- required: isRequired,
67
- inputId: fieldId
68
- }, fieldProps, restProps));
69
- });
70
- }
71
- var SiteSelectOld = exports.SiteSelectOld = function SiteSelectOld(_ref3) {
72
- var options = _ref3.options,
73
- name = _ref3.name,
74
- testId = _ref3.testId;
75
- var intl = (0, _reactIntlNext.useIntl)();
76
- var siteTestId = testId ? testId : 'link-create-site-picker';
77
- return (0, _react.jsx)(SelectOld, {
78
- isRequired: true,
79
- isSearchable: true,
80
- name: name !== null && name !== void 0 ? name : 'site',
81
- options: options,
82
- label: intl.formatMessage(_messages.messages.siteLabel),
83
- components: {
84
- Option: SitePickerOptionOld,
85
- SingleValue: SitePickerSingleValueOld
86
- },
87
- testId: siteTestId,
88
- styles: {
89
- menuPortal: function menuPortal(base) {
90
- return _objectSpread(_objectSpread({}, base), {}, {
91
- zIndex: _constants.layers.modal()
92
- });
93
- },
94
- option: function option(base) {
95
- return _objectSpread(_objectSpread({}, base), {}, {
96
- display: 'flex',
97
- alignItems: 'center',
98
- cursor: 'pointer'
99
- });
100
- }
101
- }
102
- });
103
- };
104
- var SiteRow = function SiteRow(_ref4) {
105
- var avatarUrl = _ref4.avatarUrl,
106
- children = _ref4.children;
107
- return (0, _react.jsx)(_primitives.Inline, {
108
- space: "space.100",
109
- alignBlock: "center"
110
- }, avatarUrl ? (0, _react.jsx)(_icon.UrlIcon, {
111
- url: avatarUrl
112
- }) : null, children);
113
- };
114
- var SitePickerOptionOld = exports.SitePickerOptionOld = function SitePickerOptionOld(_ref5) {
115
- var children = _ref5.children,
116
- props = (0, _objectWithoutProperties2.default)(_ref5, _excluded3);
117
- return (0, _react.jsx)(_select.components.Option, props, (0, _react.jsx)(SiteRow, {
118
- avatarUrl: props.data.value.avatarUrl
119
- }, children));
120
- };
121
- var SitePickerSingleValueOld = exports.SitePickerSingleValueOld = function SitePickerSingleValueOld(_ref6) {
122
- var children = _ref6.children,
123
- props = (0, _objectWithoutProperties2.default)(_ref6, _excluded4);
124
- return (0, _react.jsx)(_select.components.SingleValue, props, (0, _react.jsx)(SiteRow, {
125
- avatarUrl: props.data.value.avatarUrl
126
- }, children));
127
- };
@@ -1,55 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.TEST_ID = void 0;
8
- exports.TextFieldOld = TextFieldOld;
9
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
11
- var _react = require("@emotion/react");
12
- var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
13
- var _createField = require("../../../../controllers/create-field");
14
- var _excluded = ["id", "name", "label", "isRequired", "validators", "validationHelpText", "testId"],
15
- _excluded2 = ["fieldId"];
16
- /* eslint-disable @atlassian/tangerine/import/no-parent-imports */
17
- /**
18
- * @jsxRuntime classic
19
- * @jsx jsx
20
- */
21
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
22
- var TEST_ID = exports.TEST_ID = 'link-create-text-field';
23
-
24
- /**
25
- * A text field utilising the Atlaskit Textfield and CreateField.
26
- * Validation is handled by the form as it is on form submission. Any errors returned by
27
- * the handleSubmit function passed to the form <Form> that have a key matching the `name`
28
- * of this text field are shown above the field.
29
- */
30
- function TextFieldOld(_ref) {
31
- var id = _ref.id,
32
- name = _ref.name,
33
- label = _ref.label,
34
- isRequired = _ref.isRequired,
35
- validators = _ref.validators,
36
- validationHelpText = _ref.validationHelpText,
37
- _ref$testId = _ref.testId,
38
- testId = _ref$testId === void 0 ? TEST_ID : _ref$testId,
39
- restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
40
- return (0, _react.jsx)(_createField.CreateField, {
41
- id: id,
42
- name: name,
43
- label: label,
44
- isRequired: isRequired,
45
- validators: validators,
46
- validationHelpText: validationHelpText,
47
- testId: testId
48
- }, function (_ref2) {
49
- var fieldId = _ref2.fieldId,
50
- fieldProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
51
- return (0, _react.jsx)(_textfield.default, (0, _extends2.default)({
52
- id: fieldId
53
- }, fieldProps, restProps));
54
- });
55
- }