@propellerads/tags-input 4.1.0 → 5.0.1
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/README.md +6 -3
- package/dist/index.d.ts +2 -1
- package/dist/tags-input.cjs.development.js +78 -183
- package/dist/tags-input.cjs.development.js.map +1 -1
- package/dist/tags-input.cjs.production.min.js +1 -1
- package/dist/tags-input.cjs.production.min.js.map +1 -1
- package/dist/tags-input.esm.js +78 -183
- package/dist/tags-input.esm.js.map +1 -1
- package/package.json +12 -16
- package/CHANGELOG.md +0 -117
package/README.md
CHANGED
|
@@ -4,11 +4,14 @@
|
|
|
4
4
|
[Github](https://github.com/propellerads/ui-components/tree/master/Components/TagsInput)
|
|
5
5
|
|
|
6
6
|
## Installation
|
|
7
|
-
|
|
7
|
+
|
|
8
|
+
- `yarn add @propellerads/tags-input` or `npm install @propellerads/tags-input -S`
|
|
8
9
|
|
|
9
10
|
### How to use
|
|
10
|
-
|
|
11
|
-
|
|
11
|
+
|
|
12
|
+
- `import TagsInput from '@propellerads/tags-input';`
|
|
13
|
+
- And render
|
|
14
|
+
|
|
12
15
|
```
|
|
13
16
|
<TagsInput
|
|
14
17
|
elementId="tags-input-default-view"
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { components as reactSelectComponents } from 'react-select';
|
|
2
3
|
import { TagsInputProps } from './types';
|
|
3
|
-
declare const TagsInput: (props: TagsInputProps) => JSX.Element;
|
|
4
|
+
declare const TagsInput: (props: TagsInputProps) => React.JSX.Element;
|
|
4
5
|
export { reactSelectComponents as components };
|
|
5
6
|
export default TagsInput;
|
|
@@ -17,117 +17,36 @@ var styled = _interopDefault(require('styled-components'));
|
|
|
17
17
|
var stylevariables = require('@propellerads/stylevariables');
|
|
18
18
|
|
|
19
19
|
function _extends() {
|
|
20
|
-
_extends = Object.assign
|
|
21
|
-
for (var
|
|
22
|
-
var
|
|
23
|
-
|
|
24
|
-
for (var key in source) {
|
|
25
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
26
|
-
target[key] = source[key];
|
|
27
|
-
}
|
|
28
|
-
}
|
|
20
|
+
return _extends = Object.assign ? Object.assign.bind() : function (n) {
|
|
21
|
+
for (var e = 1; e < arguments.length; e++) {
|
|
22
|
+
var t = arguments[e];
|
|
23
|
+
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
29
24
|
}
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
};
|
|
33
|
-
|
|
34
|
-
return _extends.apply(this, arguments);
|
|
25
|
+
return n;
|
|
26
|
+
}, _extends.apply(null, arguments);
|
|
35
27
|
}
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
var
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
for (i = 0; i < sourceKeys.length; i++) {
|
|
44
|
-
key = sourceKeys[i];
|
|
45
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
46
|
-
target[key] = source[key];
|
|
28
|
+
function _objectWithoutPropertiesLoose(r, e) {
|
|
29
|
+
if (null == r) return {};
|
|
30
|
+
var t = {};
|
|
31
|
+
for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
|
|
32
|
+
if (-1 !== e.indexOf(n)) continue;
|
|
33
|
+
t[n] = r[n];
|
|
47
34
|
}
|
|
48
|
-
|
|
49
|
-
return target;
|
|
35
|
+
return t;
|
|
50
36
|
}
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
if (!raw) {
|
|
54
|
-
raw = strings.slice(0);
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
strings.raw = raw;
|
|
58
|
-
return strings;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
function _unsupportedIterableToArray(o, minLen) {
|
|
62
|
-
if (!o) return;
|
|
63
|
-
if (typeof o === "string") return _arrayLikeToArray(o, minLen);
|
|
64
|
-
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
65
|
-
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
66
|
-
if (n === "Map" || n === "Set") return Array.from(o);
|
|
67
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
function _arrayLikeToArray(arr, len) {
|
|
71
|
-
if (len == null || len > arr.length) len = arr.length;
|
|
72
|
-
|
|
73
|
-
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
74
|
-
|
|
75
|
-
return arr2;
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
function _createForOfIteratorHelperLoose(o, allowArrayLike) {
|
|
79
|
-
var it;
|
|
80
|
-
|
|
81
|
-
if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) {
|
|
82
|
-
if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
|
|
83
|
-
if (it) o = it;
|
|
84
|
-
var i = 0;
|
|
85
|
-
return function () {
|
|
86
|
-
if (i >= o.length) return {
|
|
87
|
-
done: true
|
|
88
|
-
};
|
|
89
|
-
return {
|
|
90
|
-
done: false,
|
|
91
|
-
value: o[i++]
|
|
92
|
-
};
|
|
93
|
-
};
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
it = o[Symbol.iterator]();
|
|
100
|
-
return it.next.bind(it);
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
function _templateObject2() {
|
|
104
|
-
var data = _taggedTemplateLiteralLoose(["\n position: absolute;\n display: flex;\n flex-direction: row;\n right: 1px;\n top: 0;\n height: ", "px;\n align-items: center;\n"]);
|
|
105
|
-
|
|
106
|
-
_templateObject2 = function _templateObject2() {
|
|
107
|
-
return data;
|
|
108
|
-
};
|
|
109
|
-
|
|
110
|
-
return data;
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
function _templateObject() {
|
|
114
|
-
var data = _taggedTemplateLiteralLoose(["\n position: relative;\n"]);
|
|
115
|
-
|
|
116
|
-
_templateObject = function _templateObject() {
|
|
117
|
-
return data;
|
|
118
|
-
};
|
|
119
|
-
|
|
120
|
-
return data;
|
|
37
|
+
function _taggedTemplateLiteralLoose(e, t) {
|
|
38
|
+
return t || (t = e.slice(0)), e.raw = t, e;
|
|
121
39
|
}
|
|
122
|
-
var StyledTagsInput = /*#__PURE__*/styled.div( /*#__PURE__*/_templateObject());
|
|
123
|
-
var TagsInputErrors = /*#__PURE__*/styled.div( /*#__PURE__*/_templateObject2(), stylevariables.lineHeight);
|
|
124
40
|
|
|
41
|
+
var _templateObject, _templateObject2;
|
|
42
|
+
var StyledTagsInput = /*#__PURE__*/styled.div(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
43
|
+
var TagsInputErrors = /*#__PURE__*/styled.div(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n display: flex;\n flex-direction: row;\n right: 1px;\n top: 0;\n height: ", "px;\n align-items: center;\n"])), stylevariables.lineHeight);
|
|
125
44
|
var prepareStyles = function prepareStyles(customActionColor) {
|
|
126
45
|
var mainColor = customActionColor || stylevariables.actionColor;
|
|
127
46
|
return {
|
|
128
47
|
control: function control(styles, _ref) {
|
|
129
48
|
var isFocused = _ref.isFocused,
|
|
130
|
-
|
|
49
|
+
isDisabled = _ref.isDisabled;
|
|
131
50
|
return _extends({}, styles, {
|
|
132
51
|
borderRadius: stylevariables.borderRadius,
|
|
133
52
|
backgroundColor: isDisabled ? '#ededed' : '#fff',
|
|
@@ -240,65 +159,56 @@ var prepareStyles = function prepareStyles(customActionColor) {
|
|
|
240
159
|
};
|
|
241
160
|
};
|
|
242
161
|
|
|
162
|
+
var _excluded = ["ref"];
|
|
163
|
+
// regexps by priority
|
|
243
164
|
var REGEXPS = [/(?:\b|\B)\n+\b/, /(?:\b|\B),\s\b/, /(?:\b|\B),+\b/];
|
|
244
|
-
|
|
245
165
|
function splitString(value) {
|
|
246
166
|
var splits = [];
|
|
247
|
-
var specialHandle = false;
|
|
248
|
-
|
|
249
|
-
for (var
|
|
250
|
-
var regex =
|
|
167
|
+
var specialHandle = false;
|
|
168
|
+
// eslint-disable-next-line no-restricted-syntax
|
|
169
|
+
for (var _i = 0, _REGEXPS = REGEXPS; _i < _REGEXPS.length; _i++) {
|
|
170
|
+
var regex = _REGEXPS[_i];
|
|
251
171
|
splits = value.split(regex);
|
|
252
|
-
|
|
253
172
|
if (splits.length > 1) {
|
|
254
173
|
break;
|
|
255
174
|
}
|
|
256
|
-
}
|
|
257
|
-
|
|
258
|
-
|
|
175
|
+
}
|
|
176
|
+
// special case. Need handle in special way
|
|
259
177
|
if (splits.length === 1) {
|
|
260
178
|
splits = value.split(/\b\s+\b/);
|
|
261
179
|
specialHandle = splits.length > 1;
|
|
262
180
|
}
|
|
263
|
-
|
|
264
181
|
return {
|
|
265
182
|
splits: splits,
|
|
266
183
|
specialHandle: specialHandle
|
|
267
184
|
};
|
|
268
185
|
}
|
|
269
|
-
|
|
270
186
|
function searchSuitableOptions(pastedValue, availableOptions, searchableKeys) {
|
|
271
187
|
var _splitString = splitString(pastedValue),
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
188
|
+
splits = _splitString.splits,
|
|
189
|
+
specialHandle = _splitString.specialHandle;
|
|
275
190
|
if (specialHandle) {
|
|
276
191
|
var rawPastedString = splits.join(' ').toLowerCase();
|
|
277
192
|
return availableOptions.sort(function (firstEl, secondEl) {
|
|
278
193
|
if (firstEl.label.length > secondEl.label.length) {
|
|
279
194
|
return -1;
|
|
280
195
|
}
|
|
281
|
-
|
|
282
196
|
if (firstEl.label.length < secondEl.label.length) {
|
|
283
197
|
return 1;
|
|
284
198
|
}
|
|
285
|
-
|
|
286
199
|
return 0;
|
|
287
200
|
}).filter(function (option) {
|
|
288
201
|
return searchableKeys.reduce(function (prevValue, currValue) {
|
|
289
202
|
var optionValue = String(option[currValue]).toLowerCase();
|
|
290
203
|
var position = rawPastedString.search(optionValue);
|
|
291
204
|
var condition = position !== -1;
|
|
292
|
-
|
|
293
205
|
if (condition) {
|
|
294
206
|
rawPastedString = rawPastedString.replace(optionValue, '');
|
|
295
207
|
}
|
|
296
|
-
|
|
297
208
|
return prevValue || condition;
|
|
298
209
|
}, false);
|
|
299
210
|
});
|
|
300
211
|
}
|
|
301
|
-
|
|
302
212
|
return splits.map(function (splitValue) {
|
|
303
213
|
return availableOptions.find(function (option) {
|
|
304
214
|
var comparableValue = splitValue.trim().toLowerCase();
|
|
@@ -310,14 +220,12 @@ function searchSuitableOptions(pastedValue, availableOptions, searchableKeys) {
|
|
|
310
220
|
});
|
|
311
221
|
}).filter(Boolean);
|
|
312
222
|
}
|
|
313
|
-
|
|
314
223
|
var _ClearIndicator = function ClearIndicator(props) {
|
|
315
224
|
var elementId = props.elementId,
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
225
|
+
getStyles = props.getStyles,
|
|
226
|
+
_props$innerProps = props.innerProps,
|
|
227
|
+
ref = _props$innerProps.ref,
|
|
228
|
+
restInnerProps = _objectWithoutPropertiesLoose(_props$innerProps, _excluded);
|
|
321
229
|
return React__default.createElement("div", Object.assign({}, restInnerProps, {
|
|
322
230
|
ref: ref,
|
|
323
231
|
style: getStyles('clearIndicator', props),
|
|
@@ -328,61 +236,56 @@ var _ClearIndicator = function ClearIndicator(props) {
|
|
|
328
236
|
size: icon.SIZE.MEDIUM_SMALL
|
|
329
237
|
}));
|
|
330
238
|
};
|
|
331
|
-
|
|
332
239
|
var TagsInput = function TagsInput(props) {
|
|
333
240
|
var reactSelectElement = React.useRef(null);
|
|
334
|
-
|
|
335
241
|
var _useState = React.useState(false),
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
242
|
+
showMinLenTip = _useState[0],
|
|
243
|
+
setShowMinLenTip = _useState[1];
|
|
339
244
|
var _props$components = props.components,
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
245
|
+
components = _props$components === void 0 ? {} : _props$components,
|
|
246
|
+
_props$customStyles = props.customStyles,
|
|
247
|
+
customStyles = _props$customStyles === void 0 ? {} : _props$customStyles,
|
|
248
|
+
elementId = props.elementId,
|
|
249
|
+
_props$errors = props.errors,
|
|
250
|
+
errors = _props$errors === void 0 ? [] : _props$errors,
|
|
251
|
+
_props$isAsync = props.isAsync,
|
|
252
|
+
isAsync = _props$isAsync === void 0 ? false : _props$isAsync,
|
|
253
|
+
_props$isErrorLabelVi = props.isErrorLabelVisible,
|
|
254
|
+
isErrorLabelVisible = _props$isErrorLabelVi === void 0 ? false : _props$isErrorLabelVi,
|
|
255
|
+
onChange = props.onChange,
|
|
256
|
+
_props$onInputChange = props.onInputChange,
|
|
257
|
+
onInputChange = _props$onInputChange === void 0 ? null : _props$onInputChange,
|
|
258
|
+
_props$filterOption = props.filterOption,
|
|
259
|
+
filterOption = _props$filterOption === void 0 ? null : _props$filterOption,
|
|
260
|
+
_props$options = props.options,
|
|
261
|
+
options = _props$options === void 0 ? [] : _props$options,
|
|
262
|
+
_props$promiseOptions = props.promiseOptions,
|
|
263
|
+
promiseOptions = _props$promiseOptions === void 0 ? function () {
|
|
264
|
+
return Promise.resolve();
|
|
265
|
+
} : _props$promiseOptions,
|
|
266
|
+
_props$searchableKeys = props.searchableKeys,
|
|
267
|
+
searchableKeys = _props$searchableKeys === void 0 ? ['label'] : _props$searchableKeys,
|
|
268
|
+
_props$value = props.value,
|
|
269
|
+
value = _props$value === void 0 ? [] : _props$value,
|
|
270
|
+
_props$actionColor = props.actionColor,
|
|
271
|
+
actionColor = _props$actionColor === void 0 ? '' : _props$actionColor,
|
|
272
|
+
_props$isCreatable = props.isCreatable,
|
|
273
|
+
isCreatable = _props$isCreatable === void 0 ? false : _props$isCreatable,
|
|
274
|
+
_props$isLoading = props.isLoading,
|
|
275
|
+
isLoading = _props$isLoading === void 0 ? false : _props$isLoading,
|
|
276
|
+
_props$loadingMessage = props.loadingMessage,
|
|
277
|
+
loadingMessage = _props$loadingMessage === void 0 ? function () {
|
|
278
|
+
return 'Loading...';
|
|
279
|
+
} : _props$loadingMessage,
|
|
280
|
+
_props$minHeightInput = props.minHeightInput,
|
|
281
|
+
minHeightInput = _props$minHeightInput === void 0 ? 36 : _props$minHeightInput,
|
|
282
|
+
_props$createOptionPl = props.createOptionPlaceholder,
|
|
283
|
+
createOptionPlaceholder = _props$createOptionPl === void 0 ? 'Create ' : _props$createOptionPl,
|
|
284
|
+
_props$onCreateOption = props.onCreateOption,
|
|
285
|
+
_onCreateOption = _props$onCreateOption === void 0 ? function () {
|
|
286
|
+
return null;
|
|
287
|
+
} : _props$onCreateOption;
|
|
384
288
|
var currentValue = value;
|
|
385
|
-
|
|
386
289
|
var preparedStyled = _extends({}, prepareStyles(actionColor), customStyles, {
|
|
387
290
|
control: function control(base, state) {
|
|
388
291
|
var styles = customStyles.control && isFunction(customStyles.control) ? customStyles.control(base, state) : {};
|
|
@@ -392,7 +295,6 @@ var TagsInput = function TagsInput(props) {
|
|
|
392
295
|
});
|
|
393
296
|
}
|
|
394
297
|
});
|
|
395
|
-
|
|
396
298
|
var config = _extends({}, props, {
|
|
397
299
|
id: elementId,
|
|
398
300
|
onChange: onChange
|
|
@@ -413,20 +315,16 @@ var TagsInput = function TagsInput(props) {
|
|
|
413
315
|
}
|
|
414
316
|
}, components)
|
|
415
317
|
});
|
|
416
|
-
|
|
417
318
|
var handleAsyncRequest = function handleAsyncRequest(newValue) {
|
|
418
319
|
if (!newValue.length || newValue.length < 2) {
|
|
419
320
|
setShowMinLenTip(true);
|
|
420
321
|
return null;
|
|
421
322
|
}
|
|
422
|
-
|
|
423
323
|
if (showMinLenTip) {
|
|
424
324
|
setShowMinLenTip(false);
|
|
425
325
|
}
|
|
426
|
-
|
|
427
326
|
return promiseOptions(newValue);
|
|
428
327
|
};
|
|
429
|
-
|
|
430
328
|
var onPaste = function onPaste(e) {
|
|
431
329
|
var pasteData = e.clipboardData.getData('text/plain');
|
|
432
330
|
var pastedOptions = searchSuitableOptions(pasteData, options, searchableKeys);
|
|
@@ -436,10 +334,8 @@ var TagsInput = function TagsInput(props) {
|
|
|
436
334
|
})) {
|
|
437
335
|
acc.push(curVal);
|
|
438
336
|
}
|
|
439
|
-
|
|
440
337
|
return acc;
|
|
441
338
|
}, currentValue);
|
|
442
|
-
|
|
443
339
|
if (pastedOptions.length !== 0) {
|
|
444
340
|
onChange(newInputOptions);
|
|
445
341
|
setTimeout(function () {
|
|
@@ -447,7 +343,6 @@ var TagsInput = function TagsInput(props) {
|
|
|
447
343
|
}, 0);
|
|
448
344
|
}
|
|
449
345
|
};
|
|
450
|
-
|
|
451
346
|
var regularSelect = isAsync ? React__default.createElement(ReactAsyncSelect, Object.assign({}, config, {
|
|
452
347
|
loadOptions: function loadOptions(newValue) {
|
|
453
348
|
return handleAsyncRequest(newValue);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tags-input.cjs.development.js","sources":["../src/style.tsx","../src/index.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport {\n lineHeight, actionColor, borderRadius, gray80, errorColor, black, white,\n} from '@propellerads/stylevariables';\n\nconst StyledTagsInput = styled.div`\n position: relative;\n`;\n\nconst TagsInputErrors = styled.div`\n position: absolute;\n display: flex;\n flex-direction: row;\n right: 1px;\n top: 0;\n height: ${lineHeight}px;\n align-items: center;\n`;\n\nconst prepareStyles = (customActionColor: string) => {\n const mainColor = customActionColor || actionColor;\n return {\n control: (styles, {isFocused, isDisabled}) => ({\n ...styles,\n borderRadius,\n backgroundColor: isDisabled ? '#ededed' : '#fff',\n minHeight: `${lineHeight}px`,\n borderWidth: 1,\n boxShadow: 'none',\n borderColor: isFocused ? mainColor : gray80,\n }),\n valueContainer: (styles) => ({\n ...styles,\n overflow: 'hidden',\n padding: '2px 2px 4px 2px',\n justifyContent: 'flex-start',\n }),\n placeholder: () => ({\n color: '#c0c0c0',\n fontWeight: 100,\n paddingLeft: '4px',\n position: 'absolute',\n }),\n clearIndicator: () => ({\n color: '#c0c0c0',\n display: 'inline-flex',\n marginRight: '4px',\n }),\n dropdownIndicator: () => ({\n display: 'none',\n }),\n indicatorSeparator: () => ({\n display: 'none',\n }),\n multiValue: (styles, {data}) => ({\n ...styles,\n backgroundColor: data.isException ? errorColor : mainColor,\n color: white,\n borderRadius: `${borderRadius / 2}px`,\n height: '22px',\n display: 'flex',\n alignItems: 'center',\n margin: '2px 0 0 2px',\n }),\n multiValueLabel: (styles) => ({\n ...styles,\n color: white,\n padding: '0 0 0 5px',\n fontSize: '12px',\n borderRadius: 0,\n display: 'inline-flex',\n lineHeight: '1',\n }),\n multiValueRemove: (styles, {data}) => ({\n ...styles,\n padding: 0,\n margin: '0 4px 0 2px',\n backgroundColor: data.isException ? errorColor : mainColor,\n cursor: 'pointer',\n ':hover': {\n backgroundColor: data.isException ? errorColor : mainColor,\n color: 'white',\n },\n }),\n menu: (styles) => ({\n ...styles,\n margin: 0,\n borderRadius: 0,\n zIndex: 10,\n }),\n menuList: (styles) => ({\n ...styles,\n '::-webkit-scrollbar': {\n width: '7px',\n },\n '::-webkit-scrollbar-thumb': {\n borderRadius: '4px',\n backgroundColor: 'rgba(0, 0, 0, .5)',\n boxShadow: '0 0 1px rgba(255, 255, 255, .5)',\n },\n }),\n option: (styles, {isFocused}) => ({\n backgroundColor: isFocused ? mainColor : null,\n padding: '5px 10px',\n fontSize: '14px',\n color: isFocused ? white : black,\n }),\n input: (styles) => ({\n ...styles,\n height: '16px',\n }),\n };\n};\n\nexport {prepareStyles, StyledTagsInput, TagsInputErrors};\n","import React, {useRef, useState} from 'react';\nimport ReactSelect, {components as reactSelectComponents} from 'react-select';\nimport isFunction from 'lodash.isfunction';\nimport ReactAsyncSelect from 'react-select/lib/Async';\nimport ErrorLabel from '@propellerads/error-label';\nimport CreatableSelect from 'react-select/lib/Creatable';\nimport {Close, SIZE, COLOR} from '@propellerads/icon';\n\nimport {TagsInputProps} from './types';\nimport {prepareStyles, StyledTagsInput, TagsInputErrors} from './style';\n\n// regexps by priority\nconst REGEXPS = [\n /(?:\\b|\\B)\\n+\\b/,\n /(?:\\b|\\B),\\s\\b/,\n /(?:\\b|\\B),+\\b/,\n];\n\ninterface SplitStringReturnValue {\n splits: string[]\n specialHandle: boolean\n}\n\nfunction splitString(value: string): SplitStringReturnValue {\n let splits: string[] = [];\n\n let specialHandle = false;\n // eslint-disable-next-line no-restricted-syntax\n for (const regex of REGEXPS) {\n splits = value.split(regex);\n if (splits.length > 1) {\n break;\n }\n }\n\n // special case. Need handle in special way\n if (splits.length === 1) {\n splits = value.split(/\\b\\s+\\b/);\n specialHandle = splits.length > 1;\n }\n\n return {\n splits,\n specialHandle,\n };\n}\n\nfunction searchSuitableOptions(pastedValue, availableOptions, searchableKeys) {\n const {splits, specialHandle} = splitString(pastedValue);\n\n if (specialHandle) {\n let rawPastedString = splits.join(' ')\n .toLowerCase();\n\n return availableOptions\n .sort((firstEl, secondEl) => {\n if (firstEl.label.length > secondEl.label.length) {\n return -1;\n }\n if (firstEl.label.length < secondEl.label.length) {\n return 1;\n }\n\n return 0;\n })\n .filter((option) => searchableKeys.reduce((prevValue, currValue) => {\n const optionValue = String(option[currValue])\n .toLowerCase();\n const position = rawPastedString.search(optionValue);\n const condition = position !== -1;\n if (condition) {\n rawPastedString = rawPastedString.replace(optionValue, '');\n }\n\n return prevValue || condition;\n }, false));\n }\n\n return splits.map((splitValue) => availableOptions.find((option) => {\n const comparableValue = splitValue.trim().toLowerCase();\n\n return searchableKeys.reduce((prevValue, currValue) => {\n const optionValue = String(option[currValue])\n .toLowerCase();\n const condition = optionValue === comparableValue;\n\n return prevValue || condition;\n }, false);\n }))\n .filter(Boolean);\n}\n\ninterface ClearIndicatorProps {\n // eslint-disable-next-line @typescript-eslint/ban-types\n getStyles: (clearIndicator: string, props: any) => {},\n innerProps: {\n ref: React.Ref<HTMLDivElement>\n },\n elementId: string,\n}\n\nconst ClearIndicator = (props: ClearIndicatorProps) => {\n const {\n elementId,\n getStyles,\n innerProps: {\n ref,\n ...restInnerProps\n },\n } = props;\n\n return (\n <div\n {...restInnerProps}\n ref={ref}\n style={getStyles('clearIndicator', props)}\n id={`${elementId}-clear`}\n >\n <Close\n color={COLOR.GRAY_DARK}\n hoverColor={COLOR.BLACK}\n size={SIZE.MEDIUM_SMALL}\n />\n </div>\n );\n};\n\nconst TagsInput = (props: TagsInputProps) => {\n const reactSelectElement = useRef<any>(null);\n const [showMinLenTip, setShowMinLenTip] = useState(false);\n\n const {\n components = {},\n customStyles = {},\n elementId,\n errors = [],\n isAsync = false,\n isErrorLabelVisible = false,\n onChange,\n onInputChange = null,\n filterOption = null,\n options = [],\n promiseOptions = () => Promise.resolve(),\n searchableKeys = [\n 'label',\n ],\n value = [],\n actionColor = '',\n isClearable = true,\n isCreatable = false,\n isDisabled = false,\n isLoading = false,\n isRtl = false,\n isMulti = true,\n isSearchable = true,\n cacheOptions = false,\n placeholder = 'Start typing...',\n noOptionsMessage = () => 'No options...',\n loadingMessage = () => 'Loading...',\n minHeightInput = 36,\n createOptionPlaceholder = 'Create ',\n onCreateOption = () => null,\n } = props;\n\n const currentValue = value;\n\n const preparedStyled = {\n ...prepareStyles(actionColor),\n ...customStyles,\n control: (base, state) => {\n const styles = (customStyles.control && isFunction(customStyles.control))\n ? customStyles.control(base, state)\n : {};\n\n return {\n ...prepareStyles(actionColor).control(base, state),\n ...styles,\n border: errors.length ? '1px solid #ed3030' : prepareStyles(actionColor).control(base, state).border,\n minHeight: minHeightInput,\n };\n },\n };\n\n const config = {\n ...props,\n id: elementId,\n onChange,\n ...(onInputChange && {onInputChange}),\n ...(filterOption && {filterOption}),\n styles: preparedStyled,\n loadingMessage: showMinLenTip ? () => 'Enter two or more characters' : loadingMessage,\n components: {\n ClearIndicator: (clearIndicatorProps) => (\n <ClearIndicator\n {...clearIndicatorProps}\n elementId={elementId}\n />\n ),\n ...components,\n },\n };\n\n const handleAsyncRequest = (newValue: any) => {\n if (!newValue.length || newValue.length < 2) {\n setShowMinLenTip(true);\n\n return null;\n }\n\n if (showMinLenTip) {\n setShowMinLenTip(false);\n }\n\n return promiseOptions(newValue);\n };\n\n const onPaste = (e) => {\n const pasteData = e.clipboardData.getData('text/plain');\n\n const pastedOptions = searchSuitableOptions(pasteData, options, searchableKeys);\n\n const newInputOptions = pastedOptions.reduce((acc, curVal) => {\n if (!acc.find((el) => el.value === curVal.value)) {\n acc.push(curVal);\n }\n\n return acc;\n }, currentValue);\n\n if (pastedOptions.length !== 0) {\n onChange(newInputOptions);\n setTimeout(() => {\n reactSelectElement.current.select.blur();\n }, 0);\n }\n };\n\n const regularSelect = isAsync\n ? (\n <ReactAsyncSelect\n {...config}\n loadOptions={(newValue) => handleAsyncRequest(newValue)}\n />\n )\n : (\n <div onPaste={onPaste}>\n <ReactSelect\n {...config}\n ref={reactSelectElement}\n options={options}\n />\n </div>\n );\n\n const select = isCreatable\n ? (\n <CreatableSelect\n formatCreateLabel={(newValue) => `${createOptionPlaceholder}\"${newValue}\"`}\n isLoading={isLoading}\n onCreateOption={(newOption) => onCreateOption(newOption)}\n {...config}\n ref={reactSelectElement}\n options={options}\n />\n ) : regularSelect;\n\n return (\n <StyledTagsInput>\n {select}\n {errors && errors.length > 0 && isErrorLabelVisible && (\n <TagsInputErrors>\n <ErrorLabel\n elementId={elementId}\n errors={errors}\n />\n </TagsInputErrors>\n )}\n </StyledTagsInput>\n );\n};\n\nexport {reactSelectComponents as components};\n\nexport default TagsInput;\n"],"names":["StyledTagsInput","styled","div","TagsInputErrors","lineHeight","prepareStyles","customActionColor","mainColor","actionColor","control","styles","isFocused","isDisabled","borderRadius","backgroundColor","minHeight","borderWidth","boxShadow","borderColor","gray80","valueContainer","overflow","padding","justifyContent","placeholder","color","fontWeight","paddingLeft","position","clearIndicator","display","marginRight","dropdownIndicator","indicatorSeparator","multiValue","data","isException","errorColor","white","height","alignItems","margin","multiValueLabel","fontSize","multiValueRemove","cursor","menu","zIndex","menuList","width","option","black","input","REGEXPS","splitString","value","splits","specialHandle","regex","split","length","searchSuitableOptions","pastedValue","availableOptions","searchableKeys","rawPastedString","join","toLowerCase","sort","firstEl","secondEl","label","filter","reduce","prevValue","currValue","optionValue","String","search","condition","replace","map","splitValue","find","comparableValue","trim","Boolean","ClearIndicator","props","elementId","getStyles","innerProps","ref","restInnerProps","React","style","id","Close","COLOR","GRAY_DARK","hoverColor","BLACK","size","SIZE","MEDIUM_SMALL","TagsInput","reactSelectElement","useRef","useState","showMinLenTip","setShowMinLenTip","components","customStyles","errors","isAsync","isErrorLabelVisible","onChange","onInputChange","filterOption","options","promiseOptions","Promise","resolve","isCreatable","isLoading","loadingMessage","minHeightInput","createOptionPlaceholder","onCreateOption","currentValue","preparedStyled","base","state","isFunction","border","config","clearIndicatorProps","handleAsyncRequest","newValue","onPaste","e","pasteData","clipboardData","getData","pastedOptions","newInputOptions","acc","curVal","el","push","setTimeout","current","select","blur","regularSelect","ReactAsyncSelect","loadOptions","ReactSelect","CreatableSelect","formatCreateLabel","newOption","ErrorLabel"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"tags-input.cjs.development.js","sources":["../src/style.tsx","../src/index.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport {lineHeight, actionColor, borderRadius, gray80, errorColor, black, white} from '@propellerads/stylevariables';\n\nconst StyledTagsInput = styled.div`\n position: relative;\n`;\n\nconst TagsInputErrors = styled.div`\n position: absolute;\n display: flex;\n flex-direction: row;\n right: 1px;\n top: 0;\n height: ${lineHeight}px;\n align-items: center;\n`;\n\nconst prepareStyles = (customActionColor: string) => {\n const mainColor = customActionColor || actionColor;\n return {\n control: (styles, {isFocused, isDisabled}) => ({\n ...styles,\n borderRadius,\n backgroundColor: isDisabled ? '#ededed' : '#fff',\n minHeight: `${lineHeight}px`,\n borderWidth: 1,\n boxShadow: 'none',\n borderColor: isFocused ? mainColor : gray80,\n }),\n valueContainer: (styles) => ({\n ...styles,\n overflow: 'hidden',\n padding: '2px 2px 4px 2px',\n justifyContent: 'flex-start',\n }),\n placeholder: () => ({\n color: '#c0c0c0',\n fontWeight: 100,\n paddingLeft: '4px',\n position: 'absolute',\n }),\n clearIndicator: () => ({\n color: '#c0c0c0',\n display: 'inline-flex',\n marginRight: '4px',\n }),\n dropdownIndicator: () => ({\n display: 'none',\n }),\n indicatorSeparator: () => ({\n display: 'none',\n }),\n multiValue: (styles, {data}) => ({\n ...styles,\n backgroundColor: data.isException ? errorColor : mainColor,\n color: white,\n borderRadius: `${borderRadius / 2}px`,\n height: '22px',\n display: 'flex',\n alignItems: 'center',\n margin: '2px 0 0 2px',\n }),\n multiValueLabel: (styles) => ({\n ...styles,\n color: white,\n padding: '0 0 0 5px',\n fontSize: '12px',\n borderRadius: 0,\n display: 'inline-flex',\n lineHeight: '1',\n }),\n multiValueRemove: (styles, {data}) => ({\n ...styles,\n padding: 0,\n margin: '0 4px 0 2px',\n backgroundColor: data.isException ? errorColor : mainColor,\n cursor: 'pointer',\n ':hover': {\n backgroundColor: data.isException ? errorColor : mainColor,\n color: 'white',\n },\n }),\n menu: (styles) => ({\n ...styles,\n margin: 0,\n borderRadius: 0,\n zIndex: 10,\n }),\n menuList: (styles) => ({\n ...styles,\n '::-webkit-scrollbar': {\n width: '7px',\n },\n '::-webkit-scrollbar-thumb': {\n borderRadius: '4px',\n backgroundColor: 'rgba(0, 0, 0, .5)',\n boxShadow: '0 0 1px rgba(255, 255, 255, .5)',\n },\n }),\n option: (styles, {isFocused}) => ({\n backgroundColor: isFocused ? mainColor : null,\n padding: '5px 10px',\n fontSize: '14px',\n color: isFocused ? white : black,\n }),\n input: (styles) => ({\n ...styles,\n height: '16px',\n }),\n };\n};\n\nexport {prepareStyles, StyledTagsInput, TagsInputErrors};\n","import React, {useRef, useState} from 'react';\nimport ReactSelect, {components as reactSelectComponents} from 'react-select';\nimport isFunction from 'lodash.isfunction';\nimport ReactAsyncSelect from 'react-select/lib/Async';\nimport ErrorLabel from '@propellerads/error-label';\nimport CreatableSelect from 'react-select/lib/Creatable';\nimport {Close, SIZE, COLOR} from '@propellerads/icon';\n\nimport {TagsInputProps} from './types';\nimport {prepareStyles, StyledTagsInput, TagsInputErrors} from './style';\n\n// regexps by priority\nconst REGEXPS = [/(?:\\b|\\B)\\n+\\b/, /(?:\\b|\\B),\\s\\b/, /(?:\\b|\\B),+\\b/];\n\ninterface SplitStringReturnValue {\n splits: string[];\n specialHandle: boolean;\n}\n\nfunction splitString(value: string): SplitStringReturnValue {\n let splits: string[] = [];\n\n let specialHandle = false;\n // eslint-disable-next-line no-restricted-syntax\n for (const regex of REGEXPS) {\n splits = value.split(regex);\n if (splits.length > 1) {\n break;\n }\n }\n\n // special case. Need handle in special way\n if (splits.length === 1) {\n splits = value.split(/\\b\\s+\\b/);\n specialHandle = splits.length > 1;\n }\n\n return {\n splits,\n specialHandle,\n };\n}\n\nfunction searchSuitableOptions(pastedValue, availableOptions, searchableKeys) {\n const {splits, specialHandle} = splitString(pastedValue);\n\n if (specialHandle) {\n let rawPastedString = splits.join(' ').toLowerCase();\n\n return availableOptions\n .sort((firstEl, secondEl) => {\n if (firstEl.label.length > secondEl.label.length) {\n return -1;\n }\n if (firstEl.label.length < secondEl.label.length) {\n return 1;\n }\n\n return 0;\n })\n .filter((option) =>\n searchableKeys.reduce((prevValue, currValue) => {\n const optionValue = String(option[currValue]).toLowerCase();\n const position = rawPastedString.search(optionValue);\n const condition = position !== -1;\n if (condition) {\n rawPastedString = rawPastedString.replace(optionValue, '');\n }\n\n return prevValue || condition;\n }, false),\n );\n }\n\n return splits\n .map((splitValue) =>\n availableOptions.find((option) => {\n const comparableValue = splitValue.trim().toLowerCase();\n\n return searchableKeys.reduce((prevValue, currValue) => {\n const optionValue = String(option[currValue]).toLowerCase();\n const condition = optionValue === comparableValue;\n\n return prevValue || condition;\n }, false);\n }),\n )\n .filter(Boolean);\n}\n\ninterface ClearIndicatorProps {\n // eslint-disable-next-line @typescript-eslint/ban-types\n getStyles: (clearIndicator: string, props: any) => {};\n innerProps: {\n ref: React.Ref<HTMLDivElement>;\n };\n elementId: string;\n}\n\nconst ClearIndicator = (props: ClearIndicatorProps) => {\n const {\n elementId,\n getStyles,\n innerProps: {ref, ...restInnerProps},\n } = props;\n\n return (\n <div {...restInnerProps} ref={ref} style={getStyles('clearIndicator', props)} id={`${elementId}-clear`}>\n <Close color={COLOR.GRAY_DARK} hoverColor={COLOR.BLACK} size={SIZE.MEDIUM_SMALL} />\n </div>\n );\n};\n\nconst TagsInput = (props: TagsInputProps) => {\n const reactSelectElement = useRef<any>(null);\n const [showMinLenTip, setShowMinLenTip] = useState(false);\n\n const {\n components = {},\n customStyles = {},\n elementId,\n errors = [],\n isAsync = false,\n isErrorLabelVisible = false,\n onChange,\n onInputChange = null,\n filterOption = null,\n options = [],\n promiseOptions = () => Promise.resolve(),\n searchableKeys = ['label'],\n value = [],\n actionColor = '',\n isClearable = true,\n isCreatable = false,\n isDisabled = false,\n isLoading = false,\n isRtl = false,\n isMulti = true,\n isSearchable = true,\n cacheOptions = false,\n placeholder = 'Start typing...',\n noOptionsMessage = () => 'No options...',\n loadingMessage = () => 'Loading...',\n minHeightInput = 36,\n createOptionPlaceholder = 'Create ',\n onCreateOption = () => null,\n } = props;\n\n const currentValue = value;\n\n const preparedStyled = {\n ...prepareStyles(actionColor),\n ...customStyles,\n control: (base, state) => {\n const styles = customStyles.control && isFunction(customStyles.control) ? customStyles.control(base, state) : {};\n\n return {\n ...prepareStyles(actionColor).control(base, state),\n ...styles,\n border: errors.length ? '1px solid #ed3030' : prepareStyles(actionColor).control(base, state).border,\n minHeight: minHeightInput,\n };\n },\n };\n\n const config = {\n ...props,\n id: elementId,\n onChange,\n ...(onInputChange && {onInputChange}),\n ...(filterOption && {filterOption}),\n styles: preparedStyled,\n loadingMessage: showMinLenTip ? () => 'Enter two or more characters' : loadingMessage,\n components: {\n ClearIndicator: (clearIndicatorProps) => <ClearIndicator {...clearIndicatorProps} elementId={elementId} />,\n ...components,\n },\n };\n\n const handleAsyncRequest = (newValue: any) => {\n if (!newValue.length || newValue.length < 2) {\n setShowMinLenTip(true);\n\n return null;\n }\n\n if (showMinLenTip) {\n setShowMinLenTip(false);\n }\n\n return promiseOptions(newValue);\n };\n\n const onPaste = (e) => {\n const pasteData = e.clipboardData.getData('text/plain');\n\n const pastedOptions = searchSuitableOptions(pasteData, options, searchableKeys);\n\n const newInputOptions = pastedOptions.reduce((acc, curVal) => {\n if (!acc.find((el) => el.value === curVal.value)) {\n acc.push(curVal);\n }\n\n return acc;\n }, currentValue);\n\n if (pastedOptions.length !== 0) {\n onChange(newInputOptions);\n setTimeout(() => {\n reactSelectElement.current.select.blur();\n }, 0);\n }\n };\n\n const regularSelect = isAsync ? (\n <ReactAsyncSelect {...config} loadOptions={(newValue) => handleAsyncRequest(newValue)} />\n ) : (\n <div onPaste={onPaste}>\n <ReactSelect {...config} ref={reactSelectElement} options={options} />\n </div>\n );\n\n const select = isCreatable ? (\n <CreatableSelect\n formatCreateLabel={(newValue) => `${createOptionPlaceholder}\"${newValue}\"`}\n isLoading={isLoading}\n onCreateOption={(newOption) => onCreateOption(newOption)}\n {...config}\n ref={reactSelectElement}\n options={options}\n />\n ) : (\n regularSelect\n );\n\n return (\n <StyledTagsInput>\n {select}\n {errors && errors.length > 0 && isErrorLabelVisible && (\n <TagsInputErrors>\n <ErrorLabel elementId={elementId} errors={errors} />\n </TagsInputErrors>\n )}\n </StyledTagsInput>\n );\n};\n\nexport {reactSelectComponents as components};\n\nexport default TagsInput;\n"],"names":["StyledTagsInput","styled","div","_templateObject","_taggedTemplateLiteralLoose","TagsInputErrors","_templateObject2","lineHeight","prepareStyles","customActionColor","mainColor","actionColor","control","styles","_ref","isFocused","isDisabled","_extends","borderRadius","backgroundColor","minHeight","borderWidth","boxShadow","borderColor","gray80","valueContainer","overflow","padding","justifyContent","placeholder","color","fontWeight","paddingLeft","position","clearIndicator","display","marginRight","dropdownIndicator","indicatorSeparator","multiValue","_ref2","data","isException","errorColor","white","height","alignItems","margin","multiValueLabel","fontSize","multiValueRemove","_ref3","cursor","menu","zIndex","menuList","width","option","_ref4","black","input","REGEXPS","splitString","value","splits","specialHandle","_i","_REGEXPS","length","regex","split","searchSuitableOptions","pastedValue","availableOptions","searchableKeys","_splitString","rawPastedString","join","toLowerCase","sort","firstEl","secondEl","label","filter","reduce","prevValue","currValue","optionValue","String","search","condition","replace","map","splitValue","find","comparableValue","trim","Boolean","ClearIndicator","props","elementId","getStyles","_props$innerProps","innerProps","ref","restInnerProps","_objectWithoutPropertiesLoose","_excluded","React","style","id","Close","COLOR","GRAY_DARK","hoverColor","BLACK","size","SIZE","MEDIUM_SMALL","TagsInput","reactSelectElement","useRef","_useState","useState","showMinLenTip","setShowMinLenTip","_props$components","components","_props$customStyles","customStyles","_props$errors","errors","_props$isAsync","isAsync","_props$isErrorLabelVi","isErrorLabelVisible","onChange","_props$onInputChange","onInputChange","_props$filterOption","filterOption","_props$options","options","_props$promiseOptions","promiseOptions","Promise","resolve","_props$searchableKeys","_props$value","_props$actionColor","_props$isClearable","_props$isCreatable","isCreatable","_props$isDisabled","_props$isLoading","isLoading","_props$isRtl","_props$loadingMessage","loadingMessage","_props$minHeightInput","minHeightInput","_props$createOptionPl","createOptionPlaceholder","_props$onCreateOption","onCreateOption","currentValue","preparedStyled","base","state","isFunction","border","config","clearIndicatorProps","handleAsyncRequest","newValue","onPaste","e","pasteData","clipboardData","getData","pastedOptions","newInputOptions","acc","curVal","el","push","setTimeout","current","select","blur","regularSelect","ReactAsyncSelect","loadOptions","ReactSelect","CreatableSelect","formatCreateLabel","newOption","ErrorLabel"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("react"),
|
|
1
|
+
"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var n,r,t=require("react"),o=e(t),i=require("react-select"),l=e(i),a=e(require("lodash.isfunction")),u=e(require("react-select/lib/Async")),c=e(require("@propellerads/error-label")),s=e(require("react-select/lib/Creatable")),d=require("@propellerads/icon"),p=e(require("styled-components")),f=require("@propellerads/stylevariables");function g(){return(g=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)({}).hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e}).apply(null,arguments)}function b(e,n){return n||(n=e.slice(0)),e.raw=n,e}var h=p.div(n||(n=b(["\n position: relative;\n"]))),v=p.div(r||(r=b(["\n position: absolute;\n display: flex;\n flex-direction: row;\n right: 1px;\n top: 0;\n height: ","px;\n align-items: center;\n"])),f.lineHeight),m=function(e){var n=e||f.actionColor;return{control:function(e,r){return g({},e,{borderRadius:f.borderRadius,backgroundColor:r.isDisabled?"#ededed":"#fff",minHeight:f.lineHeight+"px",borderWidth:1,boxShadow:"none",borderColor:r.isFocused?n:f.gray80})},valueContainer:function(e){return g({},e,{overflow:"hidden",padding:"2px 2px 4px 2px",justifyContent:"flex-start"})},placeholder:function(){return{color:"#c0c0c0",fontWeight:100,paddingLeft:"4px",position:"absolute"}},clearIndicator:function(){return{color:"#c0c0c0",display:"inline-flex",marginRight:"4px"}},dropdownIndicator:function(){return{display:"none"}},indicatorSeparator:function(){return{display:"none"}},multiValue:function(e,r){return g({},e,{backgroundColor:r.data.isException?f.errorColor:n,color:f.white,borderRadius:f.borderRadius/2+"px",height:"22px",display:"flex",alignItems:"center",margin:"2px 0 0 2px"})},multiValueLabel:function(e){return g({},e,{color:f.white,padding:"0 0 0 5px",fontSize:"12px",borderRadius:0,display:"inline-flex",lineHeight:"1"})},multiValueRemove:function(e,r){var t=r.data;return g({},e,{padding:0,margin:"0 4px 0 2px",backgroundColor:t.isException?f.errorColor:n,cursor:"pointer",":hover":{backgroundColor:t.isException?f.errorColor:n,color:"white"}})},menu:function(e){return g({},e,{margin:0,borderRadius:0,zIndex:10})},menuList:function(e){return g({},e,{"::-webkit-scrollbar":{width:"7px"},"::-webkit-scrollbar-thumb":{borderRadius:"4px",backgroundColor:"rgba(0, 0, 0, .5)",boxShadow:"0 0 1px rgba(255, 255, 255, .5)"}})},option:function(e,r){var t=r.isFocused;return{backgroundColor:t?n:null,padding:"5px 10px",fontSize:"14px",color:t?f.white:f.black}},input:function(e){return g({},e,{height:"16px"})}}},x=["ref"],C=[/(?:\b|\B)\n+\b/,/(?:\b|\B),\s\b/,/(?:\b|\B),+\b/],y=function(e){var n=e.elementId,r=e.getStyles,t=e.innerProps,i=t.ref,l=function(e,n){if(null==e)return{};var r={};for(var t in e)if({}.hasOwnProperty.call(e,t)){if(-1!==n.indexOf(t))continue;r[t]=e[t]}return r}(t,x);return o.createElement("div",Object.assign({},l,{ref:i,style:r("clearIndicator",e),id:n+"-clear"}),o.createElement(d.Close,{color:d.COLOR.GRAY_DARK,hoverColor:d.COLOR.BLACK,size:d.SIZE.MEDIUM_SMALL}))};Object.defineProperty(exports,"components",{enumerable:!0,get:function(){return i.components}}),exports.default=function(e){var n=t.useRef(null),r=t.useState(!1),i=r[0],d=r[1],p=e.components,f=void 0===p?{}:p,b=e.customStyles,x=void 0===b?{}:b,O=e.elementId,w=e.errors,E=void 0===w?[]:w,L=e.isAsync,I=void 0!==L&&L,R=e.isErrorLabelVisible,j=void 0!==R&&R,S=e.onChange,k=e.onInputChange,q=void 0===k?null:k,H=e.filterOption,P=void 0===H?null:H,A=e.options,M=void 0===A?[]:A,B=e.promiseOptions,D=void 0===B?function(){return Promise.resolve()}:B,z=e.searchableKeys,V=void 0===z?["label"]:z,_=e.value,K=e.actionColor,F=void 0===K?"":K,W=e.isCreatable,G=void 0!==W&&W,T=e.isLoading,U=void 0!==T&&T,Y=e.loadingMessage,Z=void 0===Y?function(){return"Loading..."}:Y,J=e.minHeightInput,N=void 0===J?36:J,Q=e.createOptionPlaceholder,X=void 0===Q?"Create ":Q,$=e.onCreateOption,ee=void 0===$?function(){return null}:$,ne=void 0===_?[]:_,re=g({},m(F),x,{control:function(e,n){var r=x.control&&a(x.control)?x.control(e,n):{};return g({},m(F).control(e,n),r,{border:E.length?"1px solid #ed3030":m(F).control(e,n).border,minHeight:N})}}),te=g({},e,{id:O,onChange:S},q&&{onInputChange:q},P&&{filterOption:P},{styles:re,loadingMessage:i?function(){return"Enter two or more characters"}:Z,components:g({ClearIndicator:function(e){return o.createElement(y,Object.assign({},e,{elementId:O}))}},f)}),oe=I?o.createElement(u,Object.assign({},te,{loadOptions:function(e){return function(e){return!e.length||e.length<2?(d(!0),null):(i&&d(!1),D(e))}(e)}})):o.createElement("div",{onPaste:function(e){var r=function(e,n,r){var t=function(e){for(var n=[],r=!1,t=0,o=C;t<o.length&&!((n=e.split(o[t])).length>1);t++);return 1===n.length&&(r=(n=e.split(/\b\s+\b/)).length>1),{splits:n,specialHandle:r}}(e),o=t.splits;if(t.specialHandle){var i=o.join(" ").toLowerCase();return n.sort((function(e,n){return e.label.length>n.label.length?-1:e.label.length<n.label.length?1:0})).filter((function(e){return r.reduce((function(n,r){var t=String(e[r]).toLowerCase(),o=-1!==i.search(t);return o&&(i=i.replace(t,"")),n||o}),!1)}))}return o.map((function(e){return n.find((function(n){var t=e.trim().toLowerCase();return r.reduce((function(e,r){var o=String(n[r]).toLowerCase();return e||o===t}),!1)}))})).filter(Boolean)}(e.clipboardData.getData("text/plain"),M,V),t=r.reduce((function(e,n){return e.find((function(e){return e.value===n.value}))||e.push(n),e}),ne);0!==r.length&&(S(t),setTimeout((function(){n.current.select.blur()}),0))}},o.createElement(l,Object.assign({},te,{ref:n,options:M}))),ie=G?o.createElement(s,Object.assign({formatCreateLabel:function(e){return X+'"'+e+'"'},isLoading:U,onCreateOption:function(e){return ee(e)}},te,{ref:n,options:M})):oe;return o.createElement(h,null,ie,E&&E.length>0&&j&&o.createElement(v,null,o.createElement(c,{elementId:O,errors:E})))};
|
|
2
2
|
//# sourceMappingURL=tags-input.cjs.production.min.js.map
|