@hitachivantara/uikit-react-core 3.54.1 → 3.55.2
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 +52 -0
- package/dist/Barchart/barchartPlotlyOverrides.js +1 -0
- package/dist/Barchart/barchartPlotlyOverrides.js.map +1 -1
- package/dist/Snackbar/SnackbarProvider/SnackbarProvider.d.ts +1 -1
- package/dist/TagsInput/TagsInput.d.ts +29 -1
- package/dist/TagsInput/TagsInput.js +76 -62
- package/dist/TagsInput/TagsInput.js.map +1 -1
- package/dist/legacy/Barchart/barchartPlotlyOverrides.js +1 -0
- package/dist/legacy/Barchart/barchartPlotlyOverrides.js.map +1 -1
- package/dist/legacy/Snackbar/SnackbarProvider/SnackbarProvider.d.ts +1 -1
- package/dist/legacy/TagsInput/TagsInput.d.ts +29 -1
- package/dist/legacy/TagsInput/TagsInput.js +75 -62
- package/dist/legacy/TagsInput/TagsInput.js.map +1 -1
- package/dist/modern/Barchart/barchartPlotlyOverrides.js +1 -0
- package/dist/modern/Barchart/barchartPlotlyOverrides.js.map +1 -1
- package/dist/modern/Snackbar/SnackbarProvider/SnackbarProvider.d.ts +1 -1
- package/dist/modern/TagsInput/TagsInput.d.ts +29 -1
- package/dist/modern/TagsInput/TagsInput.js +67 -53
- package/dist/modern/TagsInput/TagsInput.js.map +1 -1
- package/package.json +2 -2
|
@@ -18,7 +18,7 @@ export type HvTagsInputClassKey =
|
|
|
18
18
|
| "error";
|
|
19
19
|
|
|
20
20
|
export interface HvTagsInputProps
|
|
21
|
-
extends StandardProps<HvInputProps, HvTagsInputClassKey, "onChange"
|
|
21
|
+
extends StandardProps<HvInputProps, HvTagsInputClassKey, "onChange"> {
|
|
22
22
|
/**
|
|
23
23
|
* The label of the form element.
|
|
24
24
|
*
|
|
@@ -102,6 +102,34 @@ export interface HvTagsInputProps
|
|
|
102
102
|
/**
|
|
103
103
|
* Called back when the value is changed.
|
|
104
104
|
*/
|
|
105
|
+
onAdd?: (
|
|
106
|
+
event:
|
|
107
|
+
| React.ChangeEvent<HTMLInputElement>
|
|
108
|
+
| React.KeyboardEvent<HTMLInputElement>
|
|
109
|
+
| React.MouseEvent<HTMLButtonElement>
|
|
110
|
+
| React.MouseEvent<HTMLElement, MouseEvent>
|
|
111
|
+
| React.KeyboardEventHandler<HTMLElement>,
|
|
112
|
+
value: HvTagProps,
|
|
113
|
+
index: number
|
|
114
|
+
) => void;
|
|
115
|
+
|
|
116
|
+
/**
|
|
117
|
+
* The function that will be executed when a tag is deleted.
|
|
118
|
+
*/
|
|
119
|
+
onDelete?: (
|
|
120
|
+
event:
|
|
121
|
+
| React.ChangeEvent<HTMLInputElement>
|
|
122
|
+
| React.KeyboardEvent<HTMLInputElement>
|
|
123
|
+
| React.MouseEvent<HTMLButtonElement>
|
|
124
|
+
| React.MouseEvent<HTMLElement, MouseEvent>
|
|
125
|
+
| React.KeyboardEventHandler<HTMLElement>,
|
|
126
|
+
value: HvTagProps,
|
|
127
|
+
index: number
|
|
128
|
+
) => void;
|
|
129
|
+
|
|
130
|
+
/**
|
|
131
|
+
* The function that will be executed when a tag is added.
|
|
132
|
+
*/
|
|
105
133
|
onChange?: (
|
|
106
134
|
event:
|
|
107
135
|
| React.ChangeEvent<HTMLInputElement>
|
|
@@ -9,7 +9,7 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
|
|
9
9
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
10
10
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
11
11
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
12
|
-
var _excluded = ["classes", "className", "id", "name", "value", "defaultValue", "readOnly", "disabled", "required", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "placeholder", "hideCounter", "middleCountLabel", "maxTagsQuantity", "autoFocus", "resizable", "inputProps", "countCharProps", "multiline", "status", "statusMessage", "validationMessages"],
|
|
12
|
+
var _excluded = ["classes", "className", "id", "name", "value", "defaultValue", "readOnly", "disabled", "required", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "onAdd", "onDelete", "placeholder", "hideCounter", "middleCountLabel", "maxTagsQuantity", "autoFocus", "resizable", "inputProps", "countCharProps", "multiline", "status", "statusMessage", "validationMessages"],
|
|
13
13
|
_excluded2 = ["label", "type"];
|
|
14
14
|
|
|
15
15
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
@@ -25,6 +25,7 @@ import "core-js/modules/es.array.map.js";
|
|
|
25
25
|
import React, { useRef, useState, useCallback, useMemo, useEffect } from "react";
|
|
26
26
|
import PropTypes from "prop-types";
|
|
27
27
|
import clsx from "clsx";
|
|
28
|
+
import isNil from "lodash/isNil";
|
|
28
29
|
import { withStyles } from "@material-ui/core";
|
|
29
30
|
import { setId, useControlled } from "../utils";
|
|
30
31
|
import { HvFormElement, HvListContainer, HvListItem, HvTag, HvInput, HvLabel, HvInfoMessage, HvCharCounter, HvWarningText, useUniqueId } from "..";
|
|
@@ -55,6 +56,8 @@ var HvTagsInput = function HvTagsInput(props) {
|
|
|
55
56
|
description = props.description,
|
|
56
57
|
ariaDescribedBy = props["aria-describedby"],
|
|
57
58
|
onChange = props.onChange,
|
|
59
|
+
onAdd = props.onAdd,
|
|
60
|
+
onDelete = props.onDelete,
|
|
58
61
|
placeholder = props.placeholder,
|
|
59
62
|
_props$hideCounter = props.hideCounter,
|
|
60
63
|
hideCounter = _props$hideCounter === void 0 ? false : _props$hideCounter,
|
|
@@ -85,16 +88,6 @@ var HvTagsInput = function HvTagsInput(props) {
|
|
|
85
88
|
value = _useControlled2[0],
|
|
86
89
|
setValue = _useControlled2[1];
|
|
87
90
|
|
|
88
|
-
var _useState = useState(""),
|
|
89
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
90
|
-
tagInput = _useState2[0],
|
|
91
|
-
setTagInput = _useState2[1];
|
|
92
|
-
|
|
93
|
-
var _useState3 = useState(value.length),
|
|
94
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
95
|
-
tagCursorPos = _useState4[0],
|
|
96
|
-
setTagCursorPos = _useState4[1];
|
|
97
|
-
|
|
98
91
|
var _useControlled3 = useControlled(status, validationStates.standBy),
|
|
99
92
|
_useControlled4 = _slicedToArray(_useControlled3, 2),
|
|
100
93
|
validationState = _useControlled4[0],
|
|
@@ -105,18 +98,29 @@ var HvTagsInput = function HvTagsInput(props) {
|
|
|
105
98
|
validationMessage = _useControlled6[0],
|
|
106
99
|
setValidationMessage = _useControlled6[1];
|
|
107
100
|
|
|
101
|
+
var _useState = useState(""),
|
|
102
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
103
|
+
tagInput = _useState2[0],
|
|
104
|
+
setTagInput = _useState2[1];
|
|
105
|
+
|
|
106
|
+
var _useState3 = useState(value.length),
|
|
107
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
108
|
+
tagCursorPos = _useState4[0],
|
|
109
|
+
setTagCursorPos = _useState4[1];
|
|
110
|
+
|
|
108
111
|
var _useState5 = useState(true),
|
|
109
112
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
110
113
|
stateValid = _useState6[0],
|
|
111
114
|
setStateValid = _useState6[1];
|
|
112
115
|
|
|
116
|
+
var inputRef = useRef();
|
|
117
|
+
var containerRef = useRef();
|
|
118
|
+
var resetInput = useRef(false);
|
|
113
119
|
var isTagSelected = tagCursorPos >= 0 && tagCursorPos < value.length;
|
|
114
120
|
var hasCounter = maxTagsQuantity != null && !hideCounter;
|
|
115
121
|
var isStateInvalid = useMemo(function () {
|
|
116
122
|
return hasCounter && value.length > maxTagsQuantity;
|
|
117
123
|
}, [hasCounter, maxTagsQuantity, value.length]);
|
|
118
|
-
var inputRef = useRef();
|
|
119
|
-
var containerRef = useRef();
|
|
120
124
|
var errorMessages = useMemo(function () {
|
|
121
125
|
return _objectSpread(_objectSpread({}, DEFAULT_ERROR_MESSAGES), validationMessages);
|
|
122
126
|
}, // eslint-disable-next-line react-hooks/exhaustive-deps
|
|
@@ -132,6 +136,27 @@ var HvTagsInput = function HvTagsInput(props) {
|
|
|
132
136
|
setStateValid(true);
|
|
133
137
|
}
|
|
134
138
|
}, [errorMessages.maxCharError, maxTagsQuantity, setValidationMessage, setValidationState]);
|
|
139
|
+
/**
|
|
140
|
+
* Deletes a Tag from the array of tags and sets the new position for the tag cursor.
|
|
141
|
+
* Also executes the user provided onDelete and onChange events.
|
|
142
|
+
*
|
|
143
|
+
* @param {number} tagPos - the position at which to remove the tag
|
|
144
|
+
* @param {Event} event - the event associated with the delete
|
|
145
|
+
* @param {boolean} end - whether or not to set the cursor at the end of the array
|
|
146
|
+
*/
|
|
147
|
+
|
|
148
|
+
var deleteTag = useCallback(function (tagPos, event, end) {
|
|
149
|
+
var _inputRef$current;
|
|
150
|
+
|
|
151
|
+
var newTagsArr = [].concat(_toConsumableArray(value.slice(0, tagPos)), _toConsumableArray(value.slice(tagPos + 1)));
|
|
152
|
+
setValue(newTagsArr); // eslint-disable-next-line no-nested-ternary
|
|
153
|
+
|
|
154
|
+
setTagCursorPos(end ? newTagsArr.length : tagCursorPos > 0 ? tagCursorPos - 1 : 0);
|
|
155
|
+
(_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
|
|
156
|
+
performValidation(newTagsArr);
|
|
157
|
+
onDelete === null || onDelete === void 0 ? void 0 : onDelete(event, value[tagPos], tagPos);
|
|
158
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(event, newTagsArr);
|
|
159
|
+
}, [onChange, onDelete, performValidation, setValue, tagCursorPos, value]);
|
|
135
160
|
var canShowError = status !== undefined && status === "invalid" && statusMessage !== undefined || !stateValid;
|
|
136
161
|
/**
|
|
137
162
|
* Handler for the `onChange` event on the tag input
|
|
@@ -141,28 +166,27 @@ var HvTagsInput = function HvTagsInput(props) {
|
|
|
141
166
|
setTagInput(input);
|
|
142
167
|
}, []);
|
|
143
168
|
useEffect(function () {
|
|
144
|
-
// keep scroll focused on the input when the value changes
|
|
145
169
|
if (!multiline) {
|
|
146
|
-
var _containerRef$current
|
|
170
|
+
var _containerRef$current;
|
|
147
171
|
|
|
148
|
-
var element =
|
|
149
|
-
var offset = element === null || element === void 0 ? void 0 : element.offsetWidth;
|
|
150
|
-
containerRef === null || containerRef === void 0 ? void 0 : (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : (_containerRef$current2 = _containerRef$current.scrollBy) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.call(_containerRef$current, offset !== null && offset !== void 0 ? offset : 0, 0);
|
|
151
|
-
}
|
|
152
|
-
}, [multiline, value]);
|
|
153
|
-
useEffect(function () {
|
|
154
|
-
if (!multiline) {
|
|
155
|
-
var tagId = "tag-".concat(tagCursorPos);
|
|
156
|
-
var element = document.getElementById(tagId); // this setTimeout is a workaround for Firefox not properly dealing
|
|
172
|
+
var element = containerRef === null || containerRef === void 0 ? void 0 : (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.children[tagCursorPos]; // this setTimeout is a workaround for Firefox not properly dealing
|
|
157
173
|
// with setting the scrollLeft value.
|
|
158
174
|
|
|
159
175
|
setTimeout(function () {
|
|
160
|
-
|
|
176
|
+
var container = containerRef.current;
|
|
177
|
+
if (isNil(container)) return;
|
|
178
|
+
container.scrollLeft = element ? element.offsetLeft - container.getBoundingClientRect().width / 2 + element.getBoundingClientRect().width / 2 : 0;
|
|
161
179
|
}, 50);
|
|
162
180
|
element === null || element === void 0 ? void 0 : element.focus();
|
|
163
|
-
}
|
|
164
|
-
|
|
165
|
-
|
|
181
|
+
}
|
|
182
|
+
}, [multiline, tagCursorPos]);
|
|
183
|
+
useEffect(function () {
|
|
184
|
+
if (resetInput.current) {
|
|
185
|
+
setTagInput("");
|
|
186
|
+
setTagCursorPos(value.length);
|
|
187
|
+
resetInput.current = false;
|
|
188
|
+
}
|
|
189
|
+
}, [value]);
|
|
166
190
|
/**
|
|
167
191
|
* Handler for the `onEnter` event on the tag input
|
|
168
192
|
*/
|
|
@@ -171,17 +195,18 @@ var HvTagsInput = function HvTagsInput(props) {
|
|
|
171
195
|
event.preventDefault();
|
|
172
196
|
|
|
173
197
|
if (tag !== "") {
|
|
174
|
-
var
|
|
198
|
+
var newTag = {
|
|
175
199
|
label: tag,
|
|
176
200
|
type: "semantic"
|
|
177
|
-
}
|
|
201
|
+
};
|
|
202
|
+
var newTagsArr = [].concat(_toConsumableArray(value), [newTag]);
|
|
178
203
|
setValue(newTagsArr);
|
|
179
|
-
|
|
180
|
-
setTagCursorPos(newTagsArr.length);
|
|
204
|
+
resetInput.current = true;
|
|
181
205
|
performValidation(newTagsArr);
|
|
206
|
+
onAdd === null || onAdd === void 0 ? void 0 : onAdd(event, newTag, newTagsArr.length - 1);
|
|
182
207
|
onChange === null || onChange === void 0 ? void 0 : onChange(event, newTagsArr);
|
|
183
208
|
}
|
|
184
|
-
}, [onChange, performValidation, setValue, value]);
|
|
209
|
+
}, [onAdd, onChange, performValidation, setValue, value]);
|
|
185
210
|
/**
|
|
186
211
|
* Handler for the `onKeyDown` event on the list container.
|
|
187
212
|
*/
|
|
@@ -199,14 +224,7 @@ var HvTagsInput = function HvTagsInput(props) {
|
|
|
199
224
|
|
|
200
225
|
case "Backspace":
|
|
201
226
|
if (isTagSelected) {
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
var newTagsArr = [].concat(_toConsumableArray(value.slice(0, tagCursorPos)), _toConsumableArray(value.slice(tagCursorPos + 1)));
|
|
205
|
-
setValue(newTagsArr);
|
|
206
|
-
setTagCursorPos(tagCursorPos > 0 ? tagCursorPos - 1 : 0);
|
|
207
|
-
(_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
|
|
208
|
-
performValidation(newTagsArr);
|
|
209
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(event, newTagsArr);
|
|
227
|
+
deleteTag(tagCursorPos, event, false);
|
|
210
228
|
} else {
|
|
211
229
|
setTagCursorPos(value.length - 1);
|
|
212
230
|
}
|
|
@@ -215,15 +233,7 @@ var HvTagsInput = function HvTagsInput(props) {
|
|
|
215
233
|
|
|
216
234
|
case "Delete":
|
|
217
235
|
if (isTagSelected) {
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
var _newTagsArr = [].concat(_toConsumableArray(value.slice(0, tagCursorPos)), _toConsumableArray(value.slice(tagCursorPos + 1)));
|
|
221
|
-
|
|
222
|
-
setValue(_newTagsArr);
|
|
223
|
-
setTagCursorPos(tagCursorPos > 0 ? tagCursorPos - 1 : 0);
|
|
224
|
-
(_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus();
|
|
225
|
-
performValidation(_newTagsArr);
|
|
226
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(event, _newTagsArr);
|
|
236
|
+
deleteTag(tagCursorPos, event, false);
|
|
227
237
|
}
|
|
228
238
|
|
|
229
239
|
break;
|
|
@@ -232,30 +242,23 @@ var HvTagsInput = function HvTagsInput(props) {
|
|
|
232
242
|
break;
|
|
233
243
|
}
|
|
234
244
|
}
|
|
235
|
-
}, [
|
|
245
|
+
}, [deleteTag, isTagSelected, tagCursorPos, tagInput, value.length]);
|
|
236
246
|
/**
|
|
237
247
|
* Handler for the `onDelete` event on the tag component
|
|
238
248
|
*/
|
|
239
249
|
|
|
240
250
|
var onDeleteTagHandler = useCallback(function (event, i) {
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
var newTagsArr = [].concat(_toConsumableArray(value.slice(0, i)), _toConsumableArray(value.slice(i + 1)));
|
|
251
|
+
deleteTag(i, event, true);
|
|
244
252
|
setValidationState(validationStates.standBy);
|
|
245
|
-
|
|
246
|
-
setTagCursorPos(newTagsArr.length);
|
|
247
|
-
(_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3.focus();
|
|
248
|
-
performValidation(newTagsArr);
|
|
249
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(event, newTagsArr);
|
|
250
|
-
}, [value, setValidationState, setValue, performValidation, onChange]);
|
|
253
|
+
}, [deleteTag, setValidationState]);
|
|
251
254
|
/**
|
|
252
255
|
* Handler for the `onClick` event on the list container
|
|
253
256
|
*/
|
|
254
257
|
|
|
255
258
|
var onContainerClickHandler = useCallback(function () {
|
|
256
|
-
var _inputRef$
|
|
259
|
+
var _inputRef$current2;
|
|
257
260
|
|
|
258
|
-
(_inputRef$
|
|
261
|
+
(_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus();
|
|
259
262
|
setTagCursorPos(value.length);
|
|
260
263
|
}, [value.length]);
|
|
261
264
|
return /*#__PURE__*/React.createElement(HvFormElement, {
|
|
@@ -538,6 +541,16 @@ process.env.NODE_ENV !== "production" ? HvTagsInput.propTypes = {
|
|
|
538
541
|
*/
|
|
539
542
|
onChange: PropTypes.func,
|
|
540
543
|
|
|
544
|
+
/**
|
|
545
|
+
* The function that will be executed when a tag is deleted.
|
|
546
|
+
*/
|
|
547
|
+
onDelete: PropTypes.func,
|
|
548
|
+
|
|
549
|
+
/**
|
|
550
|
+
* The function that will be executed when a tag is added.
|
|
551
|
+
*/
|
|
552
|
+
onAdd: PropTypes.func,
|
|
553
|
+
|
|
541
554
|
/**
|
|
542
555
|
* The placeholder value of the input.
|
|
543
556
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/TagsInput/TagsInput.js"],"names":["React","useRef","useState","useCallback","useMemo","useEffect","PropTypes","clsx","withStyles","setId","useControlled","HvFormElement","HvListContainer","HvListItem","HvTag","HvInput","HvLabel","HvInfoMessage","HvCharCounter","HvWarningText","useUniqueId","validationStates","DEFAULT_ERROR_MESSAGES","styles","HvTagsInput","props","classes","className","id","name","valueProp","value","defaultValue","readOnly","disabled","required","textAreaLabel","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","placeholder","hideCounter","middleCountLabel","maxTagsQuantity","autoFocus","resizable","inputProps","countCharProps","multiline","status","statusMessage","validationMessages","others","elementId","hasLabel","hasDescription","setValue","tagInput","setTagInput","length","tagCursorPos","setTagCursorPos","standBy","validationState","setValidationState","validationMessage","setValidationMessage","stateValid","setStateValid","isTagSelected","hasCounter","isStateInvalid","inputRef","containerRef","errorMessages","error","requiredError","minCharError","maxCharError","performValidation","currValue","invalid","valid","canShowError","undefined","onChangeHandler","event","input","element","document","getElementById","offset","offsetWidth","current","scrollBy","tagId","setTimeout","scrollLeft","offsetLeft","getBoundingClientRect","width","focus","onEnterHandler","tag","preventDefault","newTagsArr","type","onKeyDownHandler","code","slice","onDeleteTagHandler","i","onContainerClickHandler","root","labelContainer","characterCounter","tagsList","singleLine","map","t","otherProps","gutters","listItemGutters","listItemRoot","tagSelected","chipRoot","onDelete","tabIndex","tagInputContainerRoot","tagInputRoot","inputBorderContainer","tagInputBorderContainer","inputRootFocused","tagInputRootFocused","propTypes","string","shape","isRequired","array","node","bool","func","number","instanceOf","Object"],"mappings":"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","sourcesContent":["import React, { useRef, useState, useCallback, useMemo, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { setId, useControlled } from \"../utils\";\nimport {\n HvFormElement,\n HvListContainer,\n HvListItem,\n HvTag,\n HvInput,\n HvLabel,\n HvInfoMessage,\n HvCharCounter,\n HvWarningText,\n useUniqueId,\n} from \"..\";\nimport validationStates from \"../Forms/FormElement/validationStates\";\nimport { DEFAULT_ERROR_MESSAGES } from \"../BaseInput/validations\";\nimport styles from \"./styles\";\n\n/**\n * A tags input is a single or multiline control that allows the input of tags.\n */\nconst HvTagsInput = (props) => {\n const {\n classes,\n className,\n\n id,\n name,\n\n value: valueProp,\n defaultValue = [],\n\n readOnly = false,\n disabled = false,\n required = false,\n\n label: textAreaLabel,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n\n onChange,\n\n placeholder,\n\n hideCounter = false,\n middleCountLabel = \"/\",\n maxTagsQuantity,\n\n autoFocus = false,\n resizable = true,\n\n inputProps = {},\n countCharProps = {},\n\n multiline = false,\n\n status,\n statusMessage,\n\n validationMessages,\n\n ...others\n } = props;\n const elementId = useUniqueId(id, \"hvTagsInput\");\n\n const hasLabel = textAreaLabel != null;\n const hasDescription = description != null;\n\n const [value, setValue] = useControlled(valueProp, defaultValue);\n\n const [tagInput, setTagInput] = useState(\"\");\n const [tagCursorPos, setTagCursorPos] = useState(value.length);\n\n const [validationState, setValidationState] = useControlled(status, validationStates.standBy);\n const [validationMessage, setValidationMessage] = useControlled(statusMessage, \"\");\n\n const [stateValid, setStateValid] = useState(true);\n\n const isTagSelected = tagCursorPos >= 0 && tagCursorPos < value.length;\n\n const hasCounter = maxTagsQuantity != null && !hideCounter;\n\n const isStateInvalid = useMemo(() => {\n return hasCounter && value.length > maxTagsQuantity;\n }, [hasCounter, maxTagsQuantity, value.length]);\n\n const inputRef = useRef();\n const containerRef = useRef();\n\n const errorMessages = useMemo(\n () => ({ ...DEFAULT_ERROR_MESSAGES, ...validationMessages }),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [\n validationMessages?.error,\n validationMessages?.requiredError,\n validationMessages?.minCharError,\n validationMessages?.maxCharError,\n ]\n );\n\n const performValidation = useCallback(\n (currValue) => {\n if (maxTagsQuantity !== null && currValue.length > maxTagsQuantity) {\n setValidationState(validationStates.invalid);\n setValidationMessage(errorMessages.maxCharError);\n setStateValid(false);\n } else {\n setValidationState(validationStates.valid);\n setValidationMessage(\"\");\n setStateValid(true);\n }\n },\n [errorMessages.maxCharError, maxTagsQuantity, setValidationMessage, setValidationState]\n );\n\n const canShowError =\n (status !== undefined && status === \"invalid\" && statusMessage !== undefined) || !stateValid;\n\n /**\n * Handler for the `onChange` event on the tag input\n */\n const onChangeHandler = useCallback((event, input) => {\n setTagInput(input);\n }, []);\n\n useEffect(() => {\n // keep scroll focused on the input when the value changes\n if (!multiline) {\n const element = document.getElementById(\"tag-input\");\n const offset = element?.offsetWidth;\n containerRef?.current?.scrollBy?.(offset ?? 0, 0);\n }\n }, [multiline, value]);\n\n useEffect(() => {\n if (!multiline) {\n const tagId = `tag-${tagCursorPos}`;\n const element = document.getElementById(tagId);\n // this setTimeout is a workaround for Firefox not properly dealing\n // with setting the scrollLeft value.\n setTimeout(() => {\n containerRef.current.scrollLeft = element\n ? element.offsetLeft -\n containerRef.current.getBoundingClientRect().width / 2 +\n element.getBoundingClientRect().width / 2\n : 0;\n }, 50);\n\n element?.focus();\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [tagCursorPos]);\n\n /**\n * Handler for the `onEnter` event on the tag input\n */\n const onEnterHandler = useCallback(\n (event, tag) => {\n event.preventDefault();\n if (tag !== \"\") {\n const newTagsArr = [...value, { label: tag, type: \"semantic\" }];\n setValue(newTagsArr);\n setTagInput(\"\");\n setTagCursorPos(newTagsArr.length);\n performValidation(newTagsArr);\n\n onChange?.(event, newTagsArr);\n }\n },\n [onChange, performValidation, setValue, value]\n );\n\n /**\n * Handler for the `onKeyDown` event on the list container.\n */\n const onKeyDownHandler = useCallback(\n (event) => {\n if (tagInput === \"\") {\n switch (event.code) {\n case \"ArrowLeft\":\n setTagCursorPos(tagCursorPos > 0 ? tagCursorPos - 1 : 0);\n break;\n case \"ArrowRight\":\n setTagCursorPos(tagCursorPos < value.length ? tagCursorPos + 1 : value.length);\n break;\n case \"Backspace\":\n if (isTagSelected) {\n const newTagsArr = [\n ...value.slice(0, tagCursorPos),\n ...value.slice(tagCursorPos + 1),\n ];\n setValue(newTagsArr);\n setTagCursorPos(tagCursorPos > 0 ? tagCursorPos - 1 : 0);\n inputRef.current?.focus();\n performValidation(newTagsArr);\n onChange?.(event, newTagsArr);\n } else {\n setTagCursorPos(value.length - 1);\n }\n break;\n case \"Delete\":\n if (isTagSelected) {\n const newTagsArr = [\n ...value.slice(0, tagCursorPos),\n ...value.slice(tagCursorPos + 1),\n ];\n setValue(newTagsArr);\n setTagCursorPos(tagCursorPos > 0 ? tagCursorPos - 1 : 0);\n inputRef.current?.focus();\n performValidation(newTagsArr);\n onChange?.(event, newTagsArr);\n }\n break;\n default:\n break;\n }\n }\n },\n [isTagSelected, onChange, performValidation, setValue, tagCursorPos, tagInput, value]\n );\n\n /**\n * Handler for the `onDelete` event on the tag component\n */\n const onDeleteTagHandler = useCallback(\n (event, i) => {\n const newTagsArr = [...value.slice(0, i), ...value.slice(i + 1)];\n setValidationState(validationStates.standBy);\n setValue(newTagsArr);\n setTagCursorPos(newTagsArr.length);\n inputRef.current?.focus();\n performValidation(newTagsArr);\n onChange?.(event, newTagsArr);\n },\n [value, setValidationState, setValue, performValidation, onChange]\n );\n\n /**\n * Handler for the `onClick` event on the list container\n */\n const onContainerClickHandler = useCallback(() => {\n inputRef.current?.focus();\n setTagCursorPos(value.length);\n }, [value.length]);\n\n return (\n <HvFormElement\n id={id}\n name={name}\n disabled={disabled}\n readOnly={readOnly}\n status={validationState}\n required={required}\n className={clsx(classes.root, className, {\n [classes.disabled]: disabled,\n })}\n >\n {(hasLabel || hasDescription) && (\n <div className={classes.labelContainer}>\n {hasLabel && (\n <HvLabel\n className={classes.label}\n id={setId(id, \"label\")}\n htmlFor={setId(elementId, \"input\")}\n label={textAreaLabel}\n />\n )}\n\n {hasDescription && (\n <HvInfoMessage className={classes.description} id={setId(elementId, \"description\")}>\n {description}\n </HvInfoMessage>\n )}\n </div>\n )}\n\n {hasCounter && (\n <HvCharCounter\n id={setId(elementId, \"charCounter\")}\n className={classes.characterCounter}\n separator={middleCountLabel}\n currentCharQuantity={value.length}\n maxCharQuantity={maxTagsQuantity}\n {...countCharProps}\n />\n )}\n\n <HvListContainer\n className={clsx(\n classes.tagsList,\n canShowError && classes.error,\n resizable && multiline && classes.resizable,\n isStateInvalid && classes.invalid,\n !multiline && classes.singleLine\n )}\n onKeyDown={onKeyDownHandler}\n onClick={onContainerClickHandler}\n ref={containerRef}\n >\n {value &&\n value.map((t, i) => {\n const tag =\n typeof t === \"string\"\n ? {\n label: t,\n type: \"semantic\",\n }\n : t;\n const { label, type, ...otherProps } = tag;\n return (\n <HvListItem\n // eslint-disable-next-line react/no-array-index-key\n key={`${tag.label}-${i}`}\n tabIndex={-1}\n className={clsx(!multiline && classes.singleLine)}\n classes={{\n gutters: classes.listItemGutters,\n root: classes.listItemRoot,\n }}\n id={`tag-${i}`}\n >\n <HvTag\n label={label}\n className={clsx(i === tagCursorPos && classes.tagSelected)}\n classes={{\n chipRoot: classes.chipRoot,\n }}\n type={type}\n {...(!(readOnly || disabled || type === \"categorical\") && {\n onDelete: (event) => onDeleteTagHandler(event, i),\n })}\n deleteButtonProps={{\n tabIndex: -1,\n }}\n {...otherProps}\n />\n </HvListItem>\n );\n })}\n {!(disabled || readOnly) && (\n <HvListItem\n className={clsx(!multiline && classes.singleLine)}\n classes={{\n root: classes.tagInputContainerRoot,\n gutters: classes.listItemGutters,\n }}\n id={`tag-${value.length}`}\n >\n <HvInput\n value={tagInput}\n disableClear\n onChange={onChangeHandler}\n onEnter={onEnterHandler}\n placeholder={value.length === 0 ? placeholder : \"\"}\n autoFocus={autoFocus}\n className={clsx(!multiline && classes.singleLine)}\n classes={{\n root: classes.tagInputRoot,\n input: classes.input,\n inputBorderContainer: classes.tagInputBorderContainer,\n inputRootFocused: classes.tagInputRootFocused,\n }}\n disabled={disabled}\n readOnly={readOnly || isTagSelected}\n inputProps={{\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-describedby\":\n ariaDescribedBy != null\n ? ariaDescribedBy\n : description && setId(elementId, \"description\"),\n\n ...inputProps,\n }}\n inputRef={inputRef}\n {...others}\n />\n </HvListItem>\n )}\n </HvListContainer>\n {canShowError && (\n <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n {validationMessage}\n </HvWarningText>\n )}\n </HvFormElement>\n );\n};\n\nHvTagsInput.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the component styles applied.\n */\n classes: PropTypes.PropTypes.shape({\n /**\n * Styles applied to the input element.\n */\n input: PropTypes.string,\n /**\n * Styles applied to the list item gutters.\n */\n listItemGutters: PropTypes.string,\n /**\n * Styles applied to the list item element.\n */\n listItemRoot: PropTypes.string,\n /**\n * Styles applied to the root container of the textarea.\n */\n root: PropTypes.string,\n /**\n *\n */\n chipRoot: PropTypes.string,\n /**\n * Style applied to the root when resizable is `true`.\n */\n disabled: PropTypes.string,\n /**\n * Style applied to the root when resizable is `true`.\n */\n resizable: PropTypes.string,\n /**\n * Style applied to the root when invalid.\n */\n invalid: PropTypes.string,\n /**\n * Styles applied to text area container that holds the label, description and counter.\n */\n labelContainer: PropTypes.string,\n /**\n * Styles applied to the label element.\n */\n label: PropTypes.string,\n /**\n * Styles applied to the label element.\n */\n description: PropTypes.string,\n /**\n * Style applied on the character counter.\n */\n characterCounter: PropTypes.string,\n /**\n * Styles applied to the tags list container element.\n */\n tagsList: PropTypes.string,\n /**\n * Styles applied to the tag input container element.\n */\n tagInputContainerRoot: PropTypes.string,\n /**\n * Styles applied to the tag input element.\n */\n tagInputRoot: PropTypes.string,\n /**\n * Styles applied to a tag element when selected\n */\n tagSelected: PropTypes.string,\n /**\n * Styles applied to the input element border.\n */\n tagInputBorderContainer: PropTypes.string,\n /**\n * Styles applied to the input element when focused.\n */\n tagInputRootFocused: PropTypes.string,\n /**\n * Styles applied to the container when in single line mode.\n */\n singleLine: PropTypes.string,\n /**\n * Styles applied to the tags list when an error occurred.\n */\n error: PropTypes.string,\n }).isRequired,\n /**\n * Id to be applied to the form element root node.\n */\n id: PropTypes.string,\n /**\n * The form element name.\n */\n name: PropTypes.string,\n /**\n * The value of the form element.\n */\n value: PropTypes.array,\n /**\n * When uncontrolled, defines the initial input value.\n */\n defaultValue: PropTypes.array,\n /**\n * The label of the form element.\n *\n * The form element must be labeled for accessibility reasons.\n * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n */\n label: PropTypes.node,\n /**\n * @ignore\n */\n \"aria-label\": PropTypes.string,\n /**\n * @ignore\n */\n \"aria-labelledby\": PropTypes.string,\n /**\n * Provide additional descriptive text for the form element.\n */\n description: PropTypes.node,\n /**\n * @ignore\n */\n \"aria-describedby\": PropTypes.string,\n /**\n * Indicates that the form element is disabled.\n */\n disabled: PropTypes.bool,\n /**\n * Indicates that the form element is not editable.\n */\n readOnly: PropTypes.bool,\n /**\n * Indicates that the form element is required.\n */\n required: PropTypes.bool,\n /**\n * The function that will be executed onChange.\n */\n onChange: PropTypes.func,\n /**\n * The placeholder value of the input.\n */\n placeholder: PropTypes.string,\n /**\n * If `true` the character counter isn't shown even if maxTagsQuantity is set.\n */\n hideCounter: PropTypes.bool,\n /**\n * Text between the current char counter and max value.\n */\n middleCountLabel: PropTypes.string,\n /**\n * The maximum allowed length of the characters, if this value is null no check\n * will be performed.\n */\n maxTagsQuantity: PropTypes.number,\n /**\n * Attributes applied to the input element.\n */\n inputProps: PropTypes.instanceOf(Object),\n /**\n * If `true` it should autofocus.\n */\n autoFocus: PropTypes.bool,\n /**\n * If `true` the component is resizable.\n */\n resizable: PropTypes.bool,\n /**\n * Props passed to the HvCharCount component.\n */\n countCharProps: PropTypes.instanceOf(Object),\n /**\n * If `true` the component is in multiline mode.\n */\n multiline: PropTypes.bool,\n /**\n * The status of the form element.\n */\n status: PropTypes.string,\n /**\n * The error message to show when `status` is \"invalid\".\n */\n statusMessage: PropTypes.string,\n\n /**\n * An Object containing the various texts associated with the input.\n */\n validationMessages: PropTypes.shape({\n /**\n * The value when a validation fails.\n */\n error: PropTypes.string,\n /**\n * The message that appears when there are too many characters.\n */\n maxCharError: PropTypes.string,\n /**\n * The message that appears when there are too few characters.\n */\n minCharError: PropTypes.string,\n /**\n * The message that appears when the input is empty and required.\n */\n requiredError: PropTypes.string,\n }),\n};\n\nexport default withStyles(styles, { name: \"HvTagsInput\" })(HvTagsInput);\n"],"file":"TagsInput.js"}
|
|
1
|
+
{"version":3,"sources":["../../../src/TagsInput/TagsInput.js"],"names":["React","useRef","useState","useCallback","useMemo","useEffect","PropTypes","clsx","isNil","withStyles","setId","useControlled","HvFormElement","HvListContainer","HvListItem","HvTag","HvInput","HvLabel","HvInfoMessage","HvCharCounter","HvWarningText","useUniqueId","validationStates","DEFAULT_ERROR_MESSAGES","styles","HvTagsInput","props","classes","className","id","name","valueProp","value","defaultValue","readOnly","disabled","required","textAreaLabel","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onAdd","onDelete","placeholder","hideCounter","middleCountLabel","maxTagsQuantity","autoFocus","resizable","inputProps","countCharProps","multiline","status","statusMessage","validationMessages","others","elementId","hasLabel","hasDescription","setValue","standBy","validationState","setValidationState","validationMessage","setValidationMessage","tagInput","setTagInput","length","tagCursorPos","setTagCursorPos","stateValid","setStateValid","inputRef","containerRef","resetInput","isTagSelected","hasCounter","isStateInvalid","errorMessages","error","requiredError","minCharError","maxCharError","performValidation","currValue","invalid","valid","deleteTag","tagPos","event","end","newTagsArr","slice","current","focus","canShowError","undefined","onChangeHandler","input","element","children","setTimeout","container","scrollLeft","offsetLeft","getBoundingClientRect","width","onEnterHandler","tag","preventDefault","newTag","type","onKeyDownHandler","code","onDeleteTagHandler","i","onContainerClickHandler","root","labelContainer","characterCounter","tagsList","singleLine","map","t","otherProps","gutters","listItemGutters","listItemRoot","tagSelected","chipRoot","tabIndex","tagInputContainerRoot","tagInputRoot","inputBorderContainer","tagInputBorderContainer","inputRootFocused","tagInputRootFocused","propTypes","string","shape","isRequired","array","node","bool","func","number","instanceOf","Object"],"mappings":"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","sourcesContent":["import React, { useRef, useState, useCallback, useMemo, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { withStyles } from \"@material-ui/core\";\nimport { setId, useControlled } from \"../utils\";\nimport {\n HvFormElement,\n HvListContainer,\n HvListItem,\n HvTag,\n HvInput,\n HvLabel,\n HvInfoMessage,\n HvCharCounter,\n HvWarningText,\n useUniqueId,\n} from \"..\";\nimport validationStates from \"../Forms/FormElement/validationStates\";\nimport { DEFAULT_ERROR_MESSAGES } from \"../BaseInput/validations\";\nimport styles from \"./styles\";\n\n/**\n * A tags input is a single or multiline control that allows the input of tags.\n */\nconst HvTagsInput = (props) => {\n const {\n classes,\n className,\n\n id,\n name,\n\n value: valueProp,\n defaultValue = [],\n\n readOnly = false,\n disabled = false,\n required = false,\n\n label: textAreaLabel,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n\n onChange,\n onAdd,\n onDelete,\n\n placeholder,\n\n hideCounter = false,\n middleCountLabel = \"/\",\n maxTagsQuantity,\n\n autoFocus = false,\n resizable = true,\n\n inputProps = {},\n countCharProps = {},\n\n multiline = false,\n\n status,\n statusMessage,\n\n validationMessages,\n\n ...others\n } = props;\n const elementId = useUniqueId(id, \"hvTagsInput\");\n\n const hasLabel = textAreaLabel != null;\n const hasDescription = description != null;\n\n const [value, setValue] = useControlled(valueProp, defaultValue);\n const [validationState, setValidationState] = useControlled(status, validationStates.standBy);\n const [validationMessage, setValidationMessage] = useControlled(statusMessage, \"\");\n\n const [tagInput, setTagInput] = useState(\"\");\n const [tagCursorPos, setTagCursorPos] = useState(value.length);\n const [stateValid, setStateValid] = useState(true);\n\n const inputRef = useRef();\n const containerRef = useRef();\n const resetInput = useRef(false);\n\n const isTagSelected = tagCursorPos >= 0 && tagCursorPos < value.length;\n const hasCounter = maxTagsQuantity != null && !hideCounter;\n\n const isStateInvalid = useMemo(() => {\n return hasCounter && value.length > maxTagsQuantity;\n }, [hasCounter, maxTagsQuantity, value.length]);\n\n const errorMessages = useMemo(\n () => ({ ...DEFAULT_ERROR_MESSAGES, ...validationMessages }),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [\n validationMessages?.error,\n validationMessages?.requiredError,\n validationMessages?.minCharError,\n validationMessages?.maxCharError,\n ]\n );\n\n const performValidation = useCallback(\n (currValue) => {\n if (maxTagsQuantity !== null && currValue.length > maxTagsQuantity) {\n setValidationState(validationStates.invalid);\n setValidationMessage(errorMessages.maxCharError);\n setStateValid(false);\n } else {\n setValidationState(validationStates.valid);\n setValidationMessage(\"\");\n setStateValid(true);\n }\n },\n [errorMessages.maxCharError, maxTagsQuantity, setValidationMessage, setValidationState]\n );\n\n /**\n * Deletes a Tag from the array of tags and sets the new position for the tag cursor.\n * Also executes the user provided onDelete and onChange events.\n *\n * @param {number} tagPos - the position at which to remove the tag\n * @param {Event} event - the event associated with the delete\n * @param {boolean} end - whether or not to set the cursor at the end of the array\n */\n const deleteTag = useCallback(\n (tagPos, event, end) => {\n const newTagsArr = [...value.slice(0, tagPos), ...value.slice(tagPos + 1)];\n setValue(newTagsArr);\n // eslint-disable-next-line no-nested-ternary\n setTagCursorPos(end ? newTagsArr.length : tagCursorPos > 0 ? tagCursorPos - 1 : 0);\n inputRef.current?.focus();\n performValidation(newTagsArr);\n onDelete?.(event, value[tagPos], tagPos);\n onChange?.(event, newTagsArr);\n },\n [onChange, onDelete, performValidation, setValue, tagCursorPos, value]\n );\n\n const canShowError =\n (status !== undefined && status === \"invalid\" && statusMessage !== undefined) || !stateValid;\n\n /**\n * Handler for the `onChange` event on the tag input\n */\n const onChangeHandler = useCallback((event, input) => {\n setTagInput(input);\n }, []);\n\n useEffect(() => {\n if (!multiline) {\n const element = containerRef?.current?.children[tagCursorPos];\n // this setTimeout is a workaround for Firefox not properly dealing\n // with setting the scrollLeft value.\n setTimeout(() => {\n const container = containerRef.current;\n if (isNil(container)) return;\n container.scrollLeft = element\n ? element.offsetLeft -\n container.getBoundingClientRect().width / 2 +\n element.getBoundingClientRect().width / 2\n : 0;\n }, 50);\n\n element?.focus();\n }\n }, [multiline, tagCursorPos]);\n\n useEffect(() => {\n if (resetInput.current) {\n setTagInput(\"\");\n setTagCursorPos(value.length);\n resetInput.current = false;\n }\n }, [value]);\n\n /**\n * Handler for the `onEnter` event on the tag input\n */\n const onEnterHandler = useCallback(\n (event, tag) => {\n event.preventDefault();\n if (tag !== \"\") {\n const newTag = { label: tag, type: \"semantic\" };\n const newTagsArr = [...value, newTag];\n setValue(newTagsArr);\n resetInput.current = true;\n performValidation(newTagsArr);\n onAdd?.(event, newTag, newTagsArr.length - 1);\n onChange?.(event, newTagsArr);\n }\n },\n [onAdd, onChange, performValidation, setValue, value]\n );\n\n /**\n * Handler for the `onKeyDown` event on the list container.\n */\n const onKeyDownHandler = useCallback(\n (event) => {\n if (tagInput === \"\") {\n switch (event.code) {\n case \"ArrowLeft\":\n setTagCursorPos(tagCursorPos > 0 ? tagCursorPos - 1 : 0);\n break;\n case \"ArrowRight\":\n setTagCursorPos(tagCursorPos < value.length ? tagCursorPos + 1 : value.length);\n break;\n case \"Backspace\":\n if (isTagSelected) {\n deleteTag(tagCursorPos, event, false);\n } else {\n setTagCursorPos(value.length - 1);\n }\n break;\n case \"Delete\":\n if (isTagSelected) {\n deleteTag(tagCursorPos, event, false);\n }\n break;\n default:\n break;\n }\n }\n },\n [deleteTag, isTagSelected, tagCursorPos, tagInput, value.length]\n );\n\n /**\n * Handler for the `onDelete` event on the tag component\n */\n const onDeleteTagHandler = useCallback(\n (event, i) => {\n deleteTag(i, event, true);\n setValidationState(validationStates.standBy);\n },\n [deleteTag, setValidationState]\n );\n\n /**\n * Handler for the `onClick` event on the list container\n */\n const onContainerClickHandler = useCallback(() => {\n inputRef.current?.focus();\n setTagCursorPos(value.length);\n }, [value.length]);\n\n return (\n <HvFormElement\n id={id}\n name={name}\n disabled={disabled}\n readOnly={readOnly}\n status={validationState}\n required={required}\n className={clsx(classes.root, className, {\n [classes.disabled]: disabled,\n })}\n >\n {(hasLabel || hasDescription) && (\n <div className={classes.labelContainer}>\n {hasLabel && (\n <HvLabel\n className={classes.label}\n id={setId(id, \"label\")}\n htmlFor={setId(elementId, \"input\")}\n label={textAreaLabel}\n />\n )}\n\n {hasDescription && (\n <HvInfoMessage className={classes.description} id={setId(elementId, \"description\")}>\n {description}\n </HvInfoMessage>\n )}\n </div>\n )}\n\n {hasCounter && (\n <HvCharCounter\n id={setId(elementId, \"charCounter\")}\n className={classes.characterCounter}\n separator={middleCountLabel}\n currentCharQuantity={value.length}\n maxCharQuantity={maxTagsQuantity}\n {...countCharProps}\n />\n )}\n\n <HvListContainer\n className={clsx(\n classes.tagsList,\n canShowError && classes.error,\n resizable && multiline && classes.resizable,\n isStateInvalid && classes.invalid,\n !multiline && classes.singleLine\n )}\n onKeyDown={onKeyDownHandler}\n onClick={onContainerClickHandler}\n ref={containerRef}\n >\n {value &&\n value.map((t, i) => {\n const tag =\n typeof t === \"string\"\n ? {\n label: t,\n type: \"semantic\",\n }\n : t;\n const { label, type, ...otherProps } = tag;\n return (\n <HvListItem\n // eslint-disable-next-line react/no-array-index-key\n key={`${tag.label}-${i}`}\n tabIndex={-1}\n className={clsx(!multiline && classes.singleLine)}\n classes={{\n gutters: classes.listItemGutters,\n root: classes.listItemRoot,\n }}\n id={`tag-${i}`}\n >\n <HvTag\n label={label}\n className={clsx(i === tagCursorPos && classes.tagSelected)}\n classes={{\n chipRoot: classes.chipRoot,\n }}\n type={type}\n {...(!(readOnly || disabled || type === \"categorical\") && {\n onDelete: (event) => onDeleteTagHandler(event, i),\n })}\n deleteButtonProps={{\n tabIndex: -1,\n }}\n {...otherProps}\n />\n </HvListItem>\n );\n })}\n {!(disabled || readOnly) && (\n <HvListItem\n className={clsx(!multiline && classes.singleLine)}\n classes={{\n root: classes.tagInputContainerRoot,\n gutters: classes.listItemGutters,\n }}\n id={`tag-${value.length}`}\n >\n <HvInput\n value={tagInput}\n disableClear\n onChange={onChangeHandler}\n onEnter={onEnterHandler}\n placeholder={value.length === 0 ? placeholder : \"\"}\n autoFocus={autoFocus}\n className={clsx(!multiline && classes.singleLine)}\n classes={{\n root: classes.tagInputRoot,\n input: classes.input,\n inputBorderContainer: classes.tagInputBorderContainer,\n inputRootFocused: classes.tagInputRootFocused,\n }}\n disabled={disabled}\n readOnly={readOnly || isTagSelected}\n inputProps={{\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-describedby\":\n ariaDescribedBy != null\n ? ariaDescribedBy\n : description && setId(elementId, \"description\"),\n\n ...inputProps,\n }}\n inputRef={inputRef}\n {...others}\n />\n </HvListItem>\n )}\n </HvListContainer>\n {canShowError && (\n <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n {validationMessage}\n </HvWarningText>\n )}\n </HvFormElement>\n );\n};\n\nHvTagsInput.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the component styles applied.\n */\n classes: PropTypes.PropTypes.shape({\n /**\n * Styles applied to the input element.\n */\n input: PropTypes.string,\n /**\n * Styles applied to the list item gutters.\n */\n listItemGutters: PropTypes.string,\n /**\n * Styles applied to the list item element.\n */\n listItemRoot: PropTypes.string,\n /**\n * Styles applied to the root container of the textarea.\n */\n root: PropTypes.string,\n /**\n *\n */\n chipRoot: PropTypes.string,\n /**\n * Style applied to the root when resizable is `true`.\n */\n disabled: PropTypes.string,\n /**\n * Style applied to the root when resizable is `true`.\n */\n resizable: PropTypes.string,\n /**\n * Style applied to the root when invalid.\n */\n invalid: PropTypes.string,\n /**\n * Styles applied to text area container that holds the label, description and counter.\n */\n labelContainer: PropTypes.string,\n /**\n * Styles applied to the label element.\n */\n label: PropTypes.string,\n /**\n * Styles applied to the label element.\n */\n description: PropTypes.string,\n /**\n * Style applied on the character counter.\n */\n characterCounter: PropTypes.string,\n /**\n * Styles applied to the tags list container element.\n */\n tagsList: PropTypes.string,\n /**\n * Styles applied to the tag input container element.\n */\n tagInputContainerRoot: PropTypes.string,\n /**\n * Styles applied to the tag input element.\n */\n tagInputRoot: PropTypes.string,\n /**\n * Styles applied to a tag element when selected\n */\n tagSelected: PropTypes.string,\n /**\n * Styles applied to the input element border.\n */\n tagInputBorderContainer: PropTypes.string,\n /**\n * Styles applied to the input element when focused.\n */\n tagInputRootFocused: PropTypes.string,\n /**\n * Styles applied to the container when in single line mode.\n */\n singleLine: PropTypes.string,\n /**\n * Styles applied to the tags list when an error occurred.\n */\n error: PropTypes.string,\n }).isRequired,\n /**\n * Id to be applied to the form element root node.\n */\n id: PropTypes.string,\n /**\n * The form element name.\n */\n name: PropTypes.string,\n /**\n * The value of the form element.\n */\n value: PropTypes.array,\n /**\n * When uncontrolled, defines the initial input value.\n */\n defaultValue: PropTypes.array,\n /**\n * The label of the form element.\n *\n * The form element must be labeled for accessibility reasons.\n * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n */\n label: PropTypes.node,\n /**\n * @ignore\n */\n \"aria-label\": PropTypes.string,\n /**\n * @ignore\n */\n \"aria-labelledby\": PropTypes.string,\n /**\n * Provide additional descriptive text for the form element.\n */\n description: PropTypes.node,\n /**\n * @ignore\n */\n \"aria-describedby\": PropTypes.string,\n /**\n * Indicates that the form element is disabled.\n */\n disabled: PropTypes.bool,\n /**\n * Indicates that the form element is not editable.\n */\n readOnly: PropTypes.bool,\n /**\n * Indicates that the form element is required.\n */\n required: PropTypes.bool,\n /**\n * The function that will be executed onChange.\n */\n onChange: PropTypes.func,\n /**\n * The function that will be executed when a tag is deleted.\n */\n onDelete: PropTypes.func,\n /**\n * The function that will be executed when a tag is added.\n */\n onAdd: PropTypes.func,\n /**\n * The placeholder value of the input.\n */\n placeholder: PropTypes.string,\n /**\n * If `true` the character counter isn't shown even if maxTagsQuantity is set.\n */\n hideCounter: PropTypes.bool,\n /**\n * Text between the current char counter and max value.\n */\n middleCountLabel: PropTypes.string,\n /**\n * The maximum allowed length of the characters, if this value is null no check\n * will be performed.\n */\n maxTagsQuantity: PropTypes.number,\n /**\n * Attributes applied to the input element.\n */\n inputProps: PropTypes.instanceOf(Object),\n /**\n * If `true` it should autofocus.\n */\n autoFocus: PropTypes.bool,\n /**\n * If `true` the component is resizable.\n */\n resizable: PropTypes.bool,\n /**\n * Props passed to the HvCharCount component.\n */\n countCharProps: PropTypes.instanceOf(Object),\n /**\n * If `true` the component is in multiline mode.\n */\n multiline: PropTypes.bool,\n /**\n * The status of the form element.\n */\n status: PropTypes.string,\n /**\n * The error message to show when `status` is \"invalid\".\n */\n statusMessage: PropTypes.string,\n\n /**\n * An Object containing the various texts associated with the input.\n */\n validationMessages: PropTypes.shape({\n /**\n * The value when a validation fails.\n */\n error: PropTypes.string,\n /**\n * The message that appears when there are too many characters.\n */\n maxCharError: PropTypes.string,\n /**\n * The message that appears when there are too few characters.\n */\n minCharError: PropTypes.string,\n /**\n * The message that appears when the input is empty and required.\n */\n requiredError: PropTypes.string,\n }),\n};\n\nexport default withStyles(styles, { name: \"HvTagsInput\" })(HvTagsInput);\n"],"file":"TagsInput.js"}
|
|
@@ -13,6 +13,7 @@ export const applyLayoutDefaults = (inputLayout, stack, isHorizontal) => {
|
|
|
13
13
|
const layout = inputLayout === undefined ? {} : clone(inputLayout);
|
|
14
14
|
setterIfNil(layout, "bargap", 0.25);
|
|
15
15
|
setterIfNil(layout, "bargroupgap", 0.25);
|
|
16
|
+
setterIfNil(layout, "hovermode", "closest");
|
|
16
17
|
if (stack) setterIfNil(layout, "barmode", "stack");
|
|
17
18
|
setterIfNil(layout, "yaxis", {});
|
|
18
19
|
setterIfNil(layout, "xaxis", {});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/Barchart/barchartPlotlyOverrides.js"],"names":["clone","setterIfNil","object","property","value","applyLayoutDefaults","inputLayout","stack","isHorizontal","layout","undefined","yaxis","xaxis","applyDataDefaults","inputData","data","forEach","trace"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,kBAAlB;;AAEA,MAAMC,WAAW,GAAG,CAACC,MAAD,EAASC,QAAT,EAAmBC,KAAnB,KAA6B;AAC/C;AACAF,EAAAA,MAAM,CAACC,QAAD,CAAN,GAAmBD,MAAM,CAACC,QAAD,CAAN,IAAoBC,KAAvC;AACD,CAHD;AAKA;AACA;AACA;;;AACA,OAAO,MAAMC,mBAAmB,GAAG,CAACC,WAAD,EAAcC,KAAd,EAAqBC,YAArB,KAAsC;AACvE,QAAMC,MAAM,GAAGH,WAAW,KAAKI,SAAhB,GAA4B,EAA5B,GAAiCV,KAAK,CAACM,WAAD,CAArD;AACAL,EAAAA,WAAW,CAACQ,MAAD,EAAS,QAAT,EAAmB,IAAnB,CAAX;AACAR,EAAAA,WAAW,CAACQ,MAAD,EAAS,aAAT,EAAwB,IAAxB,CAAX;AACA,MAAIF,KAAJ,EAAWN,WAAW,CAACQ,MAAD,EAAS,SAAT,EAAoB,OAApB,CAAX;AAEXR,EAAAA,WAAW,CAACQ,MAAD,EAAS,OAAT,EAAkB,EAAlB,CAAX;AACAR,EAAAA,WAAW,CAACQ,MAAD,EAAS,OAAT,EAAkB,EAAlB,CAAX;;AAEA,MAAID,YAAJ,EAAkB;AAChBP,IAAAA,WAAW,CAACQ,MAAM,CAACE,KAAR,EAAe,UAAf,EAA2B,IAA3B,CAAX;AACAV,IAAAA,WAAW,CAACQ,MAAM,CAACG,KAAR,EAAe,UAAf,EAA2B,KAA3B,CAAX;AACD,GAHD,MAGO;AACLX,IAAAA,WAAW,CAACQ,MAAM,CAACE,KAAR,EAAe,UAAf,EAA2B,KAA3B,CAAX;AACD;;AAED,SAAOF,MAAP;AACD,
|
|
1
|
+
{"version":3,"sources":["../../../src/Barchart/barchartPlotlyOverrides.js"],"names":["clone","setterIfNil","object","property","value","applyLayoutDefaults","inputLayout","stack","isHorizontal","layout","undefined","yaxis","xaxis","applyDataDefaults","inputData","data","forEach","trace"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,kBAAlB;;AAEA,MAAMC,WAAW,GAAG,CAACC,MAAD,EAASC,QAAT,EAAmBC,KAAnB,KAA6B;AAC/C;AACAF,EAAAA,MAAM,CAACC,QAAD,CAAN,GAAmBD,MAAM,CAACC,QAAD,CAAN,IAAoBC,KAAvC;AACD,CAHD;AAKA;AACA;AACA;;;AACA,OAAO,MAAMC,mBAAmB,GAAG,CAACC,WAAD,EAAcC,KAAd,EAAqBC,YAArB,KAAsC;AACvE,QAAMC,MAAM,GAAGH,WAAW,KAAKI,SAAhB,GAA4B,EAA5B,GAAiCV,KAAK,CAACM,WAAD,CAArD;AACAL,EAAAA,WAAW,CAACQ,MAAD,EAAS,QAAT,EAAmB,IAAnB,CAAX;AACAR,EAAAA,WAAW,CAACQ,MAAD,EAAS,aAAT,EAAwB,IAAxB,CAAX;AACAR,EAAAA,WAAW,CAACQ,MAAD,EAAS,WAAT,EAAsB,SAAtB,CAAX;AACA,MAAIF,KAAJ,EAAWN,WAAW,CAACQ,MAAD,EAAS,SAAT,EAAoB,OAApB,CAAX;AAEXR,EAAAA,WAAW,CAACQ,MAAD,EAAS,OAAT,EAAkB,EAAlB,CAAX;AACAR,EAAAA,WAAW,CAACQ,MAAD,EAAS,OAAT,EAAkB,EAAlB,CAAX;;AAEA,MAAID,YAAJ,EAAkB;AAChBP,IAAAA,WAAW,CAACQ,MAAM,CAACE,KAAR,EAAe,UAAf,EAA2B,IAA3B,CAAX;AACAV,IAAAA,WAAW,CAACQ,MAAM,CAACG,KAAR,EAAe,UAAf,EAA2B,KAA3B,CAAX;AACD,GAHD,MAGO;AACLX,IAAAA,WAAW,CAACQ,MAAM,CAACE,KAAR,EAAe,UAAf,EAA2B,KAA3B,CAAX;AACD;;AAED,SAAOF,MAAP;AACD,CAlBM;AAoBP,OAAO,MAAMI,iBAAiB,GAAG,CAACC,SAAD,EAAYN,YAAZ,KAA6B;AAC5D,QAAMO,IAAI,GAAGD,SAAb;AAEAC,EAAAA,IAAI,CAACC,OAAL,CAAcC,KAAD,IAAW;AACtBhB,IAAAA,WAAW,CAACgB,KAAD,EAAQ,MAAR,EAAgB,KAAhB,CAAX;AACAhB,IAAAA,WAAW,CAACgB,KAAD,EAAQ,WAAR,EAAqB,MAArB,CAAX;AACA,QAAIT,YAAJ,EAAkBP,WAAW,CAACgB,KAAD,EAAQ,aAAR,EAAuB,GAAvB,CAAX;AACnB,GAJD;AAMA,SAAOF,IAAP;AACD,CAVM","sourcesContent":["import clone from \"lodash/cloneDeep\";\n\nconst setterIfNil = (object, property, value) => {\n // eslint-disable-next-line no-param-reassign\n object[property] = object[property] || value;\n};\n\n/**\n * Auxiliary functions to set the layout in order to follow the DS guideline.\n */\nexport const applyLayoutDefaults = (inputLayout, stack, isHorizontal) => {\n const layout = inputLayout === undefined ? {} : clone(inputLayout);\n setterIfNil(layout, \"bargap\", 0.25);\n setterIfNil(layout, \"bargroupgap\", 0.25);\n setterIfNil(layout, \"hovermode\", \"closest\");\n if (stack) setterIfNil(layout, \"barmode\", \"stack\");\n\n setterIfNil(layout, \"yaxis\", {});\n setterIfNil(layout, \"xaxis\", {});\n\n if (isHorizontal) {\n setterIfNil(layout.yaxis, \"showline\", true);\n setterIfNil(layout.xaxis, \"showline\", false);\n } else {\n setterIfNil(layout.yaxis, \"showline\", false);\n }\n\n return layout;\n};\n\nexport const applyDataDefaults = (inputData, isHorizontal) => {\n const data = inputData;\n\n data.forEach((trace) => {\n setterIfNil(trace, \"type\", \"bar\");\n setterIfNil(trace, \"hoverinfo\", \"none\");\n if (isHorizontal) setterIfNil(trace, \"orientation\", \"h\");\n });\n\n return data;\n};\n"],"file":"barchartPlotlyOverrides.js"}
|
|
@@ -12,7 +12,7 @@ export interface HvSnackbarProviderProps extends SnackbarProviderProps {
|
|
|
12
12
|
/**
|
|
13
13
|
* Class object used to override notistack classes.
|
|
14
14
|
*/
|
|
15
|
-
notistackClassesOverride
|
|
15
|
+
notistackClassesOverride?: Record<string, unknown>;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
interface HvEnqueueOptions extends OptionsObject {
|
|
@@ -18,7 +18,7 @@ export type HvTagsInputClassKey =
|
|
|
18
18
|
| "error";
|
|
19
19
|
|
|
20
20
|
export interface HvTagsInputProps
|
|
21
|
-
extends StandardProps<HvInputProps, HvTagsInputClassKey, "onChange"
|
|
21
|
+
extends StandardProps<HvInputProps, HvTagsInputClassKey, "onChange"> {
|
|
22
22
|
/**
|
|
23
23
|
* The label of the form element.
|
|
24
24
|
*
|
|
@@ -102,6 +102,34 @@ export interface HvTagsInputProps
|
|
|
102
102
|
/**
|
|
103
103
|
* Called back when the value is changed.
|
|
104
104
|
*/
|
|
105
|
+
onAdd?: (
|
|
106
|
+
event:
|
|
107
|
+
| React.ChangeEvent<HTMLInputElement>
|
|
108
|
+
| React.KeyboardEvent<HTMLInputElement>
|
|
109
|
+
| React.MouseEvent<HTMLButtonElement>
|
|
110
|
+
| React.MouseEvent<HTMLElement, MouseEvent>
|
|
111
|
+
| React.KeyboardEventHandler<HTMLElement>,
|
|
112
|
+
value: HvTagProps,
|
|
113
|
+
index: number
|
|
114
|
+
) => void;
|
|
115
|
+
|
|
116
|
+
/**
|
|
117
|
+
* The function that will be executed when a tag is deleted.
|
|
118
|
+
*/
|
|
119
|
+
onDelete?: (
|
|
120
|
+
event:
|
|
121
|
+
| React.ChangeEvent<HTMLInputElement>
|
|
122
|
+
| React.KeyboardEvent<HTMLInputElement>
|
|
123
|
+
| React.MouseEvent<HTMLButtonElement>
|
|
124
|
+
| React.MouseEvent<HTMLElement, MouseEvent>
|
|
125
|
+
| React.KeyboardEventHandler<HTMLElement>,
|
|
126
|
+
value: HvTagProps,
|
|
127
|
+
index: number
|
|
128
|
+
) => void;
|
|
129
|
+
|
|
130
|
+
/**
|
|
131
|
+
* The function that will be executed when a tag is added.
|
|
132
|
+
*/
|
|
105
133
|
onChange?: (
|
|
106
134
|
event:
|
|
107
135
|
| React.ChangeEvent<HTMLInputElement>
|