@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.
- package/CHANGELOG.md +9 -0
- package/dist/cjs/common/constants.js +1 -1
- package/dist/cjs/common/ui/error-boundary-modal/index.js +1 -9
- package/dist/cjs/common/ui/error-boundary-ui/error-svg/index.js +1 -10
- package/dist/cjs/common/ui/icon/index.js +1 -9
- package/dist/cjs/common/ui/message/index.js +1 -9
- package/dist/cjs/common/ui/modal-hero/index.js +1 -9
- package/dist/cjs/controllers/create-field/main.js +1 -9
- package/dist/cjs/ui/create-form/async-select/main.js +1 -9
- package/dist/cjs/ui/create-form/form-footer/main.js +1 -9
- package/dist/cjs/ui/create-form/form-loader/main.js +1 -9
- package/dist/cjs/ui/create-form/main.js +1 -9
- package/dist/cjs/ui/create-form/select/main.js +7 -33
- package/dist/cjs/ui/create-form/textfield/main.js +1 -9
- package/dist/cjs/ui/create-form/user-picker/main.js +1 -9
- package/dist/cjs/ui/inline-create/index.js +1 -9
- package/dist/cjs/ui/inline-create/main.js +1 -9
- package/dist/cjs/ui/modal-create/index.js +1 -9
- package/dist/cjs/ui/modal-create/main.js +1 -9
- package/dist/es2019/common/constants.js +1 -1
- package/dist/es2019/common/ui/error-boundary-modal/index.js +1 -9
- package/dist/es2019/common/ui/error-boundary-ui/error-svg/index.js +1 -9
- package/dist/es2019/common/ui/icon/index.js +1 -9
- package/dist/es2019/common/ui/message/index.js +1 -9
- package/dist/es2019/common/ui/modal-hero/index.js +1 -9
- package/dist/es2019/controllers/create-field/main.js +1 -9
- package/dist/es2019/ui/create-form/async-select/main.js +1 -9
- package/dist/es2019/ui/create-form/form-footer/main.js +1 -9
- package/dist/es2019/ui/create-form/form-loader/main.js +1 -9
- package/dist/es2019/ui/create-form/main.js +1 -9
- package/dist/es2019/ui/create-form/select/main.js +8 -34
- package/dist/es2019/ui/create-form/textfield/main.js +1 -9
- package/dist/es2019/ui/create-form/user-picker/main.js +1 -9
- package/dist/es2019/ui/inline-create/index.js +1 -9
- package/dist/es2019/ui/inline-create/main.js +1 -9
- package/dist/es2019/ui/modal-create/index.js +1 -9
- package/dist/es2019/ui/modal-create/main.js +1 -9
- package/dist/esm/common/constants.js +1 -1
- package/dist/esm/common/ui/error-boundary-modal/index.js +1 -9
- package/dist/esm/common/ui/error-boundary-ui/error-svg/index.js +1 -9
- package/dist/esm/common/ui/icon/index.js +1 -9
- package/dist/esm/common/ui/message/index.js +1 -9
- package/dist/esm/common/ui/modal-hero/index.js +1 -9
- package/dist/esm/controllers/create-field/main.js +1 -9
- package/dist/esm/ui/create-form/async-select/main.js +1 -9
- package/dist/esm/ui/create-form/form-footer/main.js +1 -9
- package/dist/esm/ui/create-form/form-loader/main.js +1 -9
- package/dist/esm/ui/create-form/main.js +1 -9
- package/dist/esm/ui/create-form/select/main.js +7 -33
- package/dist/esm/ui/create-form/textfield/main.js +1 -9
- package/dist/esm/ui/create-form/user-picker/main.js +1 -9
- package/dist/esm/ui/inline-create/index.js +1 -9
- package/dist/esm/ui/inline-create/main.js +1 -9
- package/dist/esm/ui/modal-create/index.js +1 -9
- package/dist/esm/ui/modal-create/main.js +1 -9
- package/dist/types/common/ui/error-boundary-modal/index.d.ts +2 -2
- package/dist/types/common/ui/icon/index.d.ts +1 -1
- package/dist/types/common/ui/message/index.d.ts +1 -1
- package/dist/types/common/ui/modal-hero/index.d.ts +1 -1
- package/dist/types/controllers/create-field/main.d.ts +1 -1
- package/dist/types/ui/create-form/async-select/main.d.ts +8 -2
- package/dist/types/ui/create-form/form-footer/main.d.ts +6 -1
- package/dist/types/ui/create-form/form-loader/main.d.ts +5 -1
- package/dist/types/ui/create-form/main.d.ts +1 -1
- package/dist/types/ui/create-form/select/main.d.ts +11 -5
- package/dist/types/ui/create-form/textfield/main.d.ts +8 -2
- package/dist/types/ui/create-form/user-picker/main.d.ts +5 -2
- package/dist/types-ts4.5/common/ui/error-boundary-modal/index.d.ts +2 -2
- package/dist/types-ts4.5/common/ui/icon/index.d.ts +1 -1
- package/dist/types-ts4.5/common/ui/message/index.d.ts +1 -1
- package/dist/types-ts4.5/common/ui/modal-hero/index.d.ts +1 -1
- package/dist/types-ts4.5/controllers/create-field/main.d.ts +1 -1
- package/dist/types-ts4.5/ui/create-form/async-select/main.d.ts +8 -2
- package/dist/types-ts4.5/ui/create-form/form-footer/main.d.ts +6 -1
- package/dist/types-ts4.5/ui/create-form/form-loader/main.d.ts +5 -1
- package/dist/types-ts4.5/ui/create-form/main.d.ts +1 -1
- package/dist/types-ts4.5/ui/create-form/select/main.d.ts +11 -5
- package/dist/types-ts4.5/ui/create-form/textfield/main.d.ts +8 -2
- package/dist/types-ts4.5/ui/create-form/user-picker/main.d.ts +5 -2
- package/package.json +1 -9
- package/report.api.md +1 -1
- package/dist/cjs/common/ui/error-boundary-modal/old/index.js +0 -34
- package/dist/cjs/common/ui/error-boundary-ui/error-svg/old/index.js +0 -67
- package/dist/cjs/common/ui/icon/old/index.js +0 -26
- package/dist/cjs/common/ui/message/old/index.js +0 -81
- package/dist/cjs/common/ui/modal-hero/old/index.js +0 -27
- package/dist/cjs/controllers/create-field/old/main.js +0 -76
- package/dist/cjs/ui/create-form/async-select/old/main.js +0 -195
- package/dist/cjs/ui/create-form/form-footer/old/main.js +0 -64
- package/dist/cjs/ui/create-form/form-loader/old/main.js +0 -39
- package/dist/cjs/ui/create-form/old/main.js +0 -177
- package/dist/cjs/ui/create-form/select/old/main.js +0 -127
- package/dist/cjs/ui/create-form/textfield/old/main.js +0 -55
- package/dist/cjs/ui/create-form/user-picker/old/main.js +0 -72
- package/dist/cjs/ui/inline-create/old/index.js +0 -38
- package/dist/cjs/ui/inline-create/old/main.js +0 -120
- package/dist/cjs/ui/modal-create/old/index.js +0 -44
- package/dist/cjs/ui/modal-create/old/main.js +0 -164
- package/dist/es2019/common/ui/error-boundary-modal/old/index.js +0 -26
- package/dist/es2019/common/ui/error-boundary-ui/error-svg/old/index.js +0 -58
- package/dist/es2019/common/ui/icon/old/index.js +0 -18
- package/dist/es2019/common/ui/message/old/index.js +0 -74
- package/dist/es2019/common/ui/modal-hero/old/index.js +0 -19
- package/dist/es2019/controllers/create-field/old/main.js +0 -74
- package/dist/es2019/ui/create-form/async-select/old/main.js +0 -137
- package/dist/es2019/ui/create-form/form-footer/old/main.js +0 -57
- package/dist/es2019/ui/create-form/form-loader/old/main.js +0 -31
- package/dist/es2019/ui/create-form/old/main.js +0 -145
- package/dist/es2019/ui/create-form/select/old/main.js +0 -106
- package/dist/es2019/ui/create-form/textfield/old/main.js +0 -45
- package/dist/es2019/ui/create-form/user-picker/old/main.js +0 -59
- package/dist/es2019/ui/inline-create/old/index.js +0 -30
- package/dist/es2019/ui/inline-create/old/main.js +0 -96
- package/dist/es2019/ui/modal-create/old/index.js +0 -36
- package/dist/es2019/ui/modal-create/old/main.js +0 -137
- package/dist/esm/common/ui/error-boundary-modal/old/index.js +0 -25
- package/dist/esm/common/ui/error-boundary-ui/error-svg/old/index.js +0 -60
- package/dist/esm/common/ui/icon/old/index.js +0 -18
- package/dist/esm/common/ui/message/old/index.js +0 -73
- package/dist/esm/common/ui/modal-hero/old/index.js +0 -18
- package/dist/esm/controllers/create-field/old/main.js +0 -72
- package/dist/esm/ui/create-form/async-select/old/main.js +0 -188
- package/dist/esm/ui/create-form/form-footer/old/main.js +0 -56
- package/dist/esm/ui/create-form/form-loader/old/main.js +0 -31
- package/dist/esm/ui/create-form/old/main.js +0 -174
- package/dist/esm/ui/create-form/select/old/main.js +0 -117
- package/dist/esm/ui/create-form/textfield/old/main.js +0 -47
- package/dist/esm/ui/create-form/user-picker/old/main.js +0 -64
- package/dist/esm/ui/inline-create/old/index.js +0 -30
- package/dist/esm/ui/inline-create/old/main.js +0 -112
- package/dist/esm/ui/modal-create/old/index.js +0 -36
- package/dist/esm/ui/modal-create/old/main.js +0 -156
- package/dist/types/common/ui/error-boundary-modal/old/index.d.ts +0 -11
- package/dist/types/common/ui/error-boundary-ui/error-svg/old/index.d.ts +0 -7
- package/dist/types/common/ui/icon/old/index.d.ts +0 -7
- package/dist/types/common/ui/message/old/index.d.ts +0 -15
- package/dist/types/common/ui/modal-hero/old/index.d.ts +0 -4
- package/dist/types/controllers/create-field/old/main.d.ts +0 -7
- package/dist/types/ui/create-form/async-select/old/main.d.ts +0 -11
- package/dist/types/ui/create-form/form-footer/old/main.d.ts +0 -16
- package/dist/types/ui/create-form/form-loader/old/main.d.ts +0 -11
- package/dist/types/ui/create-form/old/main.d.ts +0 -54
- package/dist/types/ui/create-form/select/old/main.d.ts +0 -24
- package/dist/types/ui/create-form/textfield/old/main.d.ts +0 -14
- package/dist/types/ui/create-form/user-picker/old/main.d.ts +0 -11
- package/dist/types/ui/inline-create/old/index.d.ts +0 -5
- package/dist/types/ui/inline-create/old/main.d.ts +0 -8
- package/dist/types/ui/modal-create/old/index.d.ts +0 -5
- package/dist/types/ui/modal-create/old/main.d.ts +0 -4
- package/dist/types-ts4.5/common/ui/error-boundary-modal/old/index.d.ts +0 -11
- package/dist/types-ts4.5/common/ui/error-boundary-ui/error-svg/old/index.d.ts +0 -7
- package/dist/types-ts4.5/common/ui/icon/old/index.d.ts +0 -7
- package/dist/types-ts4.5/common/ui/message/old/index.d.ts +0 -15
- package/dist/types-ts4.5/common/ui/modal-hero/old/index.d.ts +0 -4
- package/dist/types-ts4.5/controllers/create-field/old/main.d.ts +0 -7
- package/dist/types-ts4.5/ui/create-form/async-select/old/main.d.ts +0 -11
- package/dist/types-ts4.5/ui/create-form/form-footer/old/main.d.ts +0 -16
- package/dist/types-ts4.5/ui/create-form/form-loader/old/main.d.ts +0 -11
- package/dist/types-ts4.5/ui/create-form/old/main.d.ts +0 -56
- package/dist/types-ts4.5/ui/create-form/select/old/main.d.ts +0 -24
- package/dist/types-ts4.5/ui/create-form/textfield/old/main.d.ts +0 -14
- package/dist/types-ts4.5/ui/create-form/user-picker/old/main.d.ts +0 -11
- package/dist/types-ts4.5/ui/inline-create/old/index.d.ts +0 -5
- package/dist/types-ts4.5/ui/inline-create/old/main.d.ts +0 -8
- package/dist/types-ts4.5/ui/modal-create/old/index.d.ts +0 -5
- 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
|
-
}
|