@aivenio/aquarium 1.65.0 → 1.65.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/dist/_variables.scss
CHANGED
@@ -39,7 +39,7 @@ export const DataListGroup = (_a) => {
|
|
39
39
|
// If we've reached the deepest level (meaning the grouping is a plain array at this level),
|
40
40
|
// we can just render the rows.
|
41
41
|
if (!areRowsGrouped(groups)) {
|
42
|
-
if (groups.length === 0 && groupKey !== undefined
|
42
|
+
if (groups.length === 0 && groupKey && groupKey !== 'undefined') {
|
43
43
|
return (React.createElement(DataListBase.Row, null,
|
44
44
|
selectable && React.createElement(DataListBase.Cell, null),
|
45
45
|
React.createElement(DataListBase.Cell, { style: { paddingLeft: `${2 + GAP + level * INDENTATION}px`, gridColumn: `${selectable ? 2 : 1} / -1` } },
|
@@ -104,4 +104,4 @@ export const DataListGroup = (_a) => {
|
|
104
104
|
React.createElement(DataListGroup, Object.assign({ key: key, groupKey: key, level: level + 1 }, props, { groups: group }))))));
|
105
105
|
} }));
|
106
106
|
};
|
107
|
-
//# sourceMappingURL=data:application/json;base64,
|
107
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxpc3RHcm91cC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvRGF0YUxpc3QvRGF0YUxpc3RHcm91cC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxVQUFVLE1BQU0sbUJBQW1CLENBQUM7QUFFM0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQzlELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDdkQsT0FBTyxFQUFFLFFBQVEsSUFBSSxZQUFZLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFN0QsT0FBTyxFQUNMLGNBQWMsRUFDZCxTQUFTLEdBS1YsTUFBTSx1QkFBdUIsQ0FBQztBQUMvQixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFeEMsT0FBTyxRQUFRLE1BQU0sb0JBQW9CLENBQUM7QUFHMUMsT0FBTyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDbEYsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLFNBQVMsQ0FBQztBQUV0QyxNQUFNLEdBQUcsR0FBRyxDQUFDLENBQUM7QUFDZCxNQUFNLFdBQVcsR0FBRyxFQUFFLENBQUM7QUFFdkIsTUFBTSxhQUFhLEdBQUcsQ0FBQyxTQUFtQixFQUFFLEVBQUUsQ0FBQyxDQUFDLEdBQUcsU0FBUyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsS0FBSyxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMs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
|
@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
9
9
|
}
|
10
10
|
return t;
|
11
11
|
};
|
12
|
-
import React, { forwardRef,
|
12
|
+
import React, { forwardRef, useCallback, useImperativeHandle, useState } from 'react';
|
13
13
|
import { useId } from '@react-aria/utils';
|
14
14
|
import omit from 'lodash/omit';
|
15
15
|
import toString from 'lodash/toString';
|
@@ -43,7 +43,7 @@ const createInput = (displayName, opts = {}) => {
|
|
43
43
|
};
|
44
44
|
return (React.createElement("span", { className: classNames('Aquarium-InputBase', tw('relative block')) },
|
45
45
|
opts.adornment && React.createElement(InputAdornment, { placement: "left" }, opts.adornment),
|
46
|
-
React.createElement("input", Object.assign({ ref: inputRef, type: type }, props, { disabled: disabled, maxLength: maxLength, "aria-required": required, readOnly: readOnly, className: classNames({
|
46
|
+
React.createElement("input", Object.assign({ ref: inputRef, type: type }, props, { disabled: disabled, maxLength: maxLength, "aria-required": required, role: opts.isSearch ? 'searchbox' : props.role, readOnly: readOnly, className: classNames({
|
47
47
|
'pl-7': opts.adornment,
|
48
48
|
'pr-7': opts.canReset || endAdornment,
|
49
49
|
}, getCommonInputStyles({ readOnly, valid }), props.className) })),
|
@@ -57,35 +57,33 @@ const createInput = (displayName, opts = {}) => {
|
|
57
57
|
return InputComponent;
|
58
58
|
};
|
59
59
|
const InputBase = createInput('InputBase');
|
60
|
-
const SearchInput = createInput('SearchInput', { adornment: React.createElement(SearchIcon, null), canReset: true });
|
61
|
-
const Input = React.forwardRef((
|
62
|
-
var
|
63
|
-
|
64
|
-
const
|
65
|
-
const
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
60
|
+
const SearchInput = createInput('SearchInput', { adornment: React.createElement(SearchIcon, null), canReset: true, isSearch: true });
|
61
|
+
const Input = React.forwardRef((inputProps, ref) => {
|
62
|
+
var _a, _b;
|
63
|
+
const { readOnly = false, value: valueProp, onChange: onChangeProp } = inputProps, props = __rest(inputProps, ["readOnly", "value", "onChange"]);
|
64
|
+
const isControlled = typeof valueProp !== 'undefined';
|
65
|
+
const [valueState, setValueState] = useState((_a = props.defaultValue) !== null && _a !== void 0 ? _a : '');
|
66
|
+
const value = isControlled ? valueProp : valueState;
|
67
|
+
const handleChange = useCallback((e) => {
|
68
|
+
const next = e.target.value;
|
69
|
+
if (!isControlled) {
|
70
|
+
setValueState(next);
|
70
71
|
}
|
71
|
-
|
72
|
+
onChangeProp === null || onChangeProp === void 0 ? void 0 : onChangeProp(e);
|
73
|
+
}, [isControlled, onChangeProp]);
|
72
74
|
// we need a unique ID to be used for an accessible connection between the input and its error message
|
73
75
|
const defaultId = useId();
|
74
|
-
const id = (
|
76
|
+
const id = (_b = props.id) !== null && _b !== void 0 ? _b : defaultId;
|
75
77
|
const errorMessageId = useId();
|
76
78
|
const errorProps = props.valid === false ? { 'aria-invalid': true, 'aria-describedby': errorMessageId } : {};
|
77
|
-
const
|
78
|
-
const baseProps = omit(
|
79
|
+
const _c = getLabelControlProps(inputProps), { 'data-testid': dataTestId } = _c, labelControlProps = __rest(_c, ['data-testid']);
|
80
|
+
const baseProps = omit(inputProps, Object.keys(labelControlProps).concat(isControlled ? ['defaultValue'] : ['value']));
|
79
81
|
return (React.createElement(LabelControl, Object.assign({ id: `${id}-label`, htmlFor: id, messageId: errorMessageId, length: value !== undefined ? toString(value).length : undefined }, labelControlProps, { className: "Aquarium-Input" }),
|
80
|
-
React.createElement(InputBase, Object.assign({ ref: ref }, baseProps, errorProps, { id: id, "data-testid": dataTestId, onChange:
|
81
|
-
var _a;
|
82
|
-
setValue(e.currentTarget.value);
|
83
|
-
(_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, e);
|
84
|
-
}, disabled: props.disabled, maxLength: props.maxLength, required: props.required, valid: props.valid, readOnly: readOnly }))));
|
82
|
+
React.createElement(InputBase, Object.assign({ ref: ref }, baseProps, errorProps, { id: id, "data-testid": dataTestId, onChange: handleChange, disabled: props.disabled, maxLength: props.maxLength, required: props.required, valid: props.valid, readOnly: readOnly }))));
|
85
83
|
});
|
86
84
|
Input.displayName = 'Input'; // this will affect the Doc code preview in storybook to not show it as <No Display Name/> or <[object Object]/>.
|
87
85
|
Input.Skeleton = () => (React.createElement(LabelControl.Skeleton, null,
|
88
86
|
React.createElement(InputBase.Skeleton, null)));
|
89
87
|
Input.Skeleton.displayName = 'Input.Skeleton'; // this will affect the Doc code preview in storybook to not show it as <No Display Name/> or <[object Object]/>.
|
90
88
|
export { Input, InputBase, SearchInput };
|
91
|
-
//# sourceMappingURL=data:application/json;base64,
|
89
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0lucHV0L0lucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsVUFBVSxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDdEYsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzFDLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUMvQixPQUFPLFFBQVEsTUFBTSxpQkFBaUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFM0QsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGNBQWMsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sOENBQThDLENBQUM7QUFDckcsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFlBQVksRUFBMEIsTUFBTSw0QkFBNEIsQ0FBQztBQUN4RyxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBNkJwRCxNQUFNLFdBQVcsR0FBRyxDQUFDLFdBQW1CLEVBQUUsT0FBcUIsRUFBRSxFQUFzQixFQUFFO0lBQ3ZGLE1BQU0sY0FBYyxHQUFHLFVBQVUsQ0FDL0IsQ0FDRSxFQVNDLEVBQ0QsR0FBRyxFQUNILEVBQUU7O1lBWEYsRUFDRSxJQUFJLEdBQUcsTUFBTSxFQUNiLFNBQVMsRUFDVCxLQUFLLEdBQUcsSUFBSSxFQUNaLFFBQVEsR0FBRyxLQUFLLEVBQ2hCLFlBQVksRUFDWixRQUFRLEdBQUcsS0FBSyxFQUNoQixRQUFRLEdBQUcsS0FBSyxPQUVqQixFQURJLEtBQUssY0FSVixrRkFTQyxDQURTO1FBSVYsTUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBbUIsSUFBSSxDQUFDLENBQUM7UUFDdEQsbUJBQW1CLENBQW1ELEdBQUcsRUFBRSxHQUFHLEVBQUUsQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLENBQUM7UUFFbkcsTUFBTSxXQUFXLEdBQUcsR0FBRyxFQUFFOztZQUN2QixNQUFNLEVBQUUsR0FBRyxRQUFRLENBQUMsT0FBTyxDQUFDO1lBQzVCLElBQUksRUFBRSxFQUFFO2dCQUNOOzs7OzttQkFLRztnQkFDSCxNQUFNLFNBQVMsR0FBRyxFQUFFLENBQUMsS0FBSyxDQUFDO2dCQUMzQixFQUFFLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztnQkFDZCxNQUFDLEVBQVUsQ0FBQyxhQUFhLDBDQUFFLFFBQVEsQ0FBQyxTQUFTLENBQUMsQ0FBQztnQkFDL0MsRUFBRSxDQUFDLGFBQWEsQ0FBQyxJQUFJLEtBQUssQ0FBQyxRQUFRLEVBQUUsRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDO2dCQUN6RCxFQUFFLENBQUMsS0FBSyxFQUFFLENBQUM7YUFDWjtRQUNILENBQUMsQ0FBQztRQUVGLE9BQU8sQ0FDTCw4QkFBTSxTQUFTLEVBQUUsVUFBVSxDQUFDLG9CQUFvQixFQUFFLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1lBQ3BFLElBQUksQ0FBQyxTQUFTLElBQUksb0JBQUMsY0FBYyxJQUFDLFNBQVMsRUFBQyxNQUFNLElBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBa0I7WUFDckYsNkNBQ0UsR0FBRyxFQUFFLFFBQVEsRUFDYixJQUFJLEVBQUUsSUFBSSxJQUNOLEtBQUssSUFDVCxRQUFRLEVBQUUsUUFBUSxFQUNsQixTQUFTLEVBQUUsU0FBUyxtQkFDTCxRQUFRLEVBQ3ZCLElBQUksRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQzlDLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLFNBQVMsRUFBRSxVQUFVLENBQ25CO29CQUNFLE1BQU0sRUFBRSxJQUFJLENBQUMsU0FBUztvQkFDdEIsTUFBTSxFQUFFLElBQUksQ0FBQyxRQUFRLElBQUksWUFBWTtpQkFDdEMsRUFDRCxvQkFBb0IsQ0FBQyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUN6QyxLQUFLLENBQUMsU0FBUyxDQUNoQixJQUNEO1lBQ0QsSUFBSSxDQUFDLFFBQVEsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLEtBQUksTUFBQSxRQUFRLENBQUMsT0FBTywwQ0FBRSxLQUFLLENBQUEsQ0FBQyxJQUFJLENBQzVELG9CQUFDLGNBQWM7Z0JBQ2IsOENBQW1CLGNBQWMsRUFBQyxPQUFPLEVBQUUsV0FBVztvQkFDcEQsb0JBQUMsU0FBUyxPQUFHLENBQ04sQ0FDTSxDQUNsQjtZQUNBLENBQUMsSUFBSSxDQUFDLFFBQVEsSUFBSSxZQUFZLElBQUksb0JBQUMsY0FBYyxRQUFFLFlBQVksQ0FBa0IsQ0FDN0UsQ0FDUixDQUFDO0lBQ0osQ0FBQyxDQUNvQixDQUFDO0lBQ3hCLGNBQWMsQ0FBQyxXQUFXLEdBQUcsV0FBVyxDQUFDO0lBQ3pDLGNBQWMsQ0FBQyxRQUFRLEdBQUcsR0FBRyxFQUFFLENBQUMsb0JBQUMsUUFBUSxJQUFDLE1BQU0sRUFBRSxFQUFFLEdBQUksQ0FBQztJQUN6RCxPQUFPLGNBQWMsQ0FBQztBQUN4QixDQUFDLENBQUM7QUFFRixNQUFNLFNBQVMsR0FBRyxXQUFXLENBQUMsV0FBVyxDQUFDLENBQUM7QUFFM0MsTUFBTSxXQUFXLEdBQUcsV0FBVyxDQUFDLGFBQWEsRUFBRSxFQUFFLFNBQVMsRUFBRSxvQkFBQyxVQUFVLE9BQUcsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO0FBUTlHLE1BQU0sS0FBSyxHQUFtQixLQUFLLENBQUMsVUFBVSxDQUErQixDQUFDLFVBQVUsRUFBRSxHQUFHLEVBQUUsRUFBRTs7SUFDL0YsTUFBTSxFQUFFLFFBQVEsR0FBRyxLQUFLLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsWUFBWSxLQUFlLFVBQVUsRUFBcEIsS0FBSyxVQUFLLFVBQVUsRUFBckYsaUNBQXdFLENBQWEsQ0FBQztJQUM1RixNQUFNLFlBQVksR0FBRyxPQUFPLFNBQVMsS0FBSyxXQUFXLENBQUM7SUFDdEQsTUFBTSxDQUFDLFVBQVUsRUFBRSxhQUFhLENBQUMsR0FBRyxRQUFRLENBQUMsTUFBQSxLQUFLLENBQUMsWUFBWSxtQ0FBSSxFQUFFLENBQUMsQ0FBQztJQUN2RSxNQUFNLEtBQUssR0FBRyxZQUFZLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDO0lBRXBELE1BQU0sWUFBWSxHQUFHLFdBQVcsQ0FDOUIsQ0FBQyxDQUFzQyxFQUFFLEVBQUU7UUFDekMsTUFBTSxJQUFJLEdBQUcsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUM7UUFDNUIsSUFBSSxDQUFDLFlBQVksRUFBRTtZQUNqQixhQUFhLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDckI7UUFDRCxZQUFZLGFBQVosWUFBWSx1QkFBWixZQUFZLENBQUcsQ0FBQyxDQUFDLENBQUM7SUFDcEIsQ0FBQyxFQUNELENBQUMsWUFBWSxFQUFFLFlBQVksQ0FBQyxDQUM3QixDQUFDO0lBRUYsc0dBQXNHO0lBQ3RHLE1BQU0sU0FBUyxHQUFHLEtBQUssRUFBRSxDQUFDO0lBQzFCLE1BQU0sRUFBRSxHQUFHLE1BQUEsS0FBSyxDQUFDLEVBQUUsbUNBQUksU0FBUyxDQUFDO0lBQ2pDLE1BQU0sY0FBYyxHQUFHLEtBQUssRUFBRSxDQUFDO0lBQy9CLE1BQU0sVUFBVSxHQUFHLEtBQUssQ0FBQyxLQUFLLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFLGNBQWMsRUFBRSxJQUFJLEVBQUUsa0JBQWtCLEVBQUUsY0FBYyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztJQUM3RyxNQUFNLEtBQXNELG9CQUFvQixDQUFDLFVBQVUsQ0FBQyxFQUF0RixFQUFFLGFBQWEsRUFBRSxVQUFVLE9BQTJELEVBQXRELGlCQUFpQixjQUFqRCxlQUFtRCxDQUFtQyxDQUFDO0lBQzdGLE1BQU0sU0FBUyxHQUFHLElBQUksQ0FDcEIsVUFBVSxFQUNWLE1BQU0sQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxNQUFNLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQ25GLENBQUM7SUFFRixPQUFPLENBQ0wsb0JBQUMsWUFBWSxrQkFDWCxFQUFFLEVBQUUsR0FBRyxFQUFFLFFBQVEsRUFDakIsT0FBTyxFQUFFLEVBQUUsRUFDWCxTQUFTLEVBQUUsY0FBYyxFQUN6QixNQUFNLEVBQUUsS0FBSyxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsU0FBUyxJQUM1RCxpQkFBaUIsSUFDckIsU0FBUyxFQUFDLGdCQUFnQjtRQUUxQixvQkFBQyxTQUFTLGtCQUNSLEdBQUcsRUFBRSxHQUFHLElBQ0osU0FBUyxFQUNULFVBQVUsSUFDZCxFQUFFLEVBQUUsRUFBRSxpQkFDTyxVQUFVLEVBQ3ZCLFFBQVEsRUFBRSxZQUFZLEVBQ3RCLFFBQVEsRUFBRSxLQUFLLENBQUMsUUFBUSxFQUN4QixTQUFTLEVBQUUsS0FBSyxDQUFDLFNBQVMsRUFDMUIsUUFBUSxFQUFFLEtBQUssQ0FBQyxRQUFRLEVBQ3hCLEtBQUssRUFBRSxLQUFLLENBQUMsS0FBSyxFQUNsQixRQUFRLEVBQUUsUUFBUSxJQUNsQixDQUNXLENBQ2hCLENBQUM7QUFDSixDQUFDLENBQW1CLENBQUM7QUFDckIsS0FBSyxDQUFDLFdBQVcsR0FBRyxPQUFPLENBQUMsQ0FBQyxpSEFBaUg7QUFFOUksS0FBSyxDQUFDLFFBQVEsR0FBRyxHQUFHLEVBQUUsQ0FBQyxDQUNyQixvQkFBQyxZQUFZLENBQUMsUUFBUTtJQUNwQixvQkFBQyxTQUFTLENBQUMsUUFBUSxPQUFHLENBQ0EsQ0FDekIsQ0FBQztBQUNGLEtBQUssQ0FBQyxRQUFRLENBQUMsV0FBVyxHQUFHLGdCQUFnQixDQUFDLENBQUMsaUhBQWlIO0FBRWhLLE9BQU8sRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxDQUFDIn0=
|
package/dist/system.cjs
CHANGED
@@ -10033,6 +10033,7 @@ var createInput = (displayName, opts = {}) => {
|
|
10033
10033
|
disabled,
|
10034
10034
|
maxLength,
|
10035
10035
|
"aria-required": required,
|
10036
|
+
role: opts.isSearch ? "searchbox" : props.role,
|
10036
10037
|
readOnly,
|
10037
10038
|
className: classNames(
|
10038
10039
|
{
|
@@ -10055,23 +10056,32 @@ var createInput = (displayName, opts = {}) => {
|
|
10055
10056
|
return InputComponent;
|
10056
10057
|
};
|
10057
10058
|
var InputBase = createInput("InputBase");
|
10058
|
-
var SearchInput = createInput("SearchInput", { adornment: /* @__PURE__ */ import_react63.default.createElement(SearchIcon, null), canReset: true });
|
10059
|
-
var Input2 = import_react63.default.forwardRef((
|
10060
|
-
var _b
|
10061
|
-
|
10062
|
-
const
|
10063
|
-
const
|
10064
|
-
|
10065
|
-
|
10066
|
-
|
10067
|
-
|
10068
|
-
|
10059
|
+
var SearchInput = createInput("SearchInput", { adornment: /* @__PURE__ */ import_react63.default.createElement(SearchIcon, null), canReset: true, isSearch: true });
|
10060
|
+
var Input2 = import_react63.default.forwardRef((inputProps, ref) => {
|
10061
|
+
var _b, _c;
|
10062
|
+
const _a = inputProps, { readOnly = false, value: valueProp, onChange: onChangeProp } = _a, props = __objRest(_a, ["readOnly", "value", "onChange"]);
|
10063
|
+
const isControlled = typeof valueProp !== "undefined";
|
10064
|
+
const [valueState, setValueState] = (0, import_react63.useState)((_b = props.defaultValue) != null ? _b : "");
|
10065
|
+
const value = isControlled ? valueProp : valueState;
|
10066
|
+
const handleChange = (0, import_react63.useCallback)(
|
10067
|
+
(e) => {
|
10068
|
+
const next = e.target.value;
|
10069
|
+
if (!isControlled) {
|
10070
|
+
setValueState(next);
|
10071
|
+
}
|
10072
|
+
onChangeProp == null ? void 0 : onChangeProp(e);
|
10073
|
+
},
|
10074
|
+
[isControlled, onChangeProp]
|
10075
|
+
);
|
10069
10076
|
const defaultId = (0, import_utils9.useId)();
|
10070
10077
|
const id = (_c = props.id) != null ? _c : defaultId;
|
10071
10078
|
const errorMessageId = (0, import_utils9.useId)();
|
10072
10079
|
const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
|
10073
|
-
const _d = getLabelControlProps(
|
10074
|
-
const baseProps = (0, import_omit5.default)(
|
10080
|
+
const _d = getLabelControlProps(inputProps), { "data-testid": dataTestId } = _d, labelControlProps = __objRest(_d, ["data-testid"]);
|
10081
|
+
const baseProps = (0, import_omit5.default)(
|
10082
|
+
inputProps,
|
10083
|
+
Object.keys(labelControlProps).concat(isControlled ? ["defaultValue"] : ["value"])
|
10084
|
+
);
|
10075
10085
|
return /* @__PURE__ */ import_react63.default.createElement(LabelControl, __spreadProps(__spreadValues({
|
10076
10086
|
id: `${id}-label`,
|
10077
10087
|
htmlFor: id,
|
@@ -10084,11 +10094,7 @@ var Input2 = import_react63.default.forwardRef((_a, ref) => {
|
|
10084
10094
|
}, baseProps), errorProps), {
|
10085
10095
|
id,
|
10086
10096
|
"data-testid": dataTestId,
|
10087
|
-
onChange:
|
10088
|
-
var _a3;
|
10089
|
-
setValue(e.currentTarget.value);
|
10090
|
-
(_a3 = props.onChange) == null ? void 0 : _a3.call(props, e);
|
10091
|
-
},
|
10097
|
+
onChange: handleChange,
|
10092
10098
|
disabled: props.disabled,
|
10093
10099
|
maxLength: props.maxLength,
|
10094
10100
|
required: props.required,
|
@@ -11474,7 +11480,7 @@ var DataListGroup = (_a) => {
|
|
11474
11480
|
const groupKeys = groups ? Object.keys(groups) : void 0;
|
11475
11481
|
const hasCustomRowForGroup = (0, import_isFunction2.default)(getGroupRow);
|
11476
11482
|
if (!areRowsGrouped(groups)) {
|
11477
|
-
if (groups.length === 0 && groupKey
|
11483
|
+
if (groups.length === 0 && groupKey && groupKey !== "undefined") {
|
11478
11484
|
return /* @__PURE__ */ import_react76.default.createElement(DataList.Row, null, selectable && /* @__PURE__ */ import_react76.default.createElement(DataList.Cell, null), /* @__PURE__ */ import_react76.default.createElement(DataList.Cell, {
|
11479
11485
|
style: { paddingLeft: `${2 + GAP + level * INDENTATION}px`, gridColumn: `${selectable ? 2 : 1} / -1` }
|
11480
11486
|
}, /* @__PURE__ */ import_react76.default.createElement(Typography, {
|
package/dist/system.mjs
CHANGED
@@ -9796,7 +9796,7 @@ import React59 from "react";
|
|
9796
9796
|
import clamp from "lodash/clamp";
|
9797
9797
|
|
9798
9798
|
// src/molecules/Input/Input.tsx
|
9799
|
-
import React57, { forwardRef,
|
9799
|
+
import React57, { forwardRef, useCallback, useImperativeHandle, useState as useState7 } from "react";
|
9800
9800
|
import { useId as useId7 } from "@react-aria/utils";
|
9801
9801
|
import omit5 from "lodash/omit";
|
9802
9802
|
import toString from "lodash/toString";
|
@@ -9885,6 +9885,7 @@ var createInput = (displayName, opts = {}) => {
|
|
9885
9885
|
disabled,
|
9886
9886
|
maxLength,
|
9887
9887
|
"aria-required": required,
|
9888
|
+
role: opts.isSearch ? "searchbox" : props.role,
|
9888
9889
|
readOnly,
|
9889
9890
|
className: classNames(
|
9890
9891
|
{
|
@@ -9907,23 +9908,32 @@ var createInput = (displayName, opts = {}) => {
|
|
9907
9908
|
return InputComponent;
|
9908
9909
|
};
|
9909
9910
|
var InputBase = createInput("InputBase");
|
9910
|
-
var SearchInput = createInput("SearchInput", { adornment: /* @__PURE__ */ React57.createElement(SearchIcon, null), canReset: true });
|
9911
|
-
var Input2 = React57.forwardRef((
|
9912
|
-
var _b
|
9913
|
-
|
9914
|
-
const
|
9915
|
-
const
|
9916
|
-
|
9917
|
-
|
9918
|
-
|
9919
|
-
|
9920
|
-
|
9911
|
+
var SearchInput = createInput("SearchInput", { adornment: /* @__PURE__ */ React57.createElement(SearchIcon, null), canReset: true, isSearch: true });
|
9912
|
+
var Input2 = React57.forwardRef((inputProps, ref) => {
|
9913
|
+
var _b, _c;
|
9914
|
+
const _a = inputProps, { readOnly = false, value: valueProp, onChange: onChangeProp } = _a, props = __objRest(_a, ["readOnly", "value", "onChange"]);
|
9915
|
+
const isControlled = typeof valueProp !== "undefined";
|
9916
|
+
const [valueState, setValueState] = useState7((_b = props.defaultValue) != null ? _b : "");
|
9917
|
+
const value = isControlled ? valueProp : valueState;
|
9918
|
+
const handleChange = useCallback(
|
9919
|
+
(e) => {
|
9920
|
+
const next = e.target.value;
|
9921
|
+
if (!isControlled) {
|
9922
|
+
setValueState(next);
|
9923
|
+
}
|
9924
|
+
onChangeProp == null ? void 0 : onChangeProp(e);
|
9925
|
+
},
|
9926
|
+
[isControlled, onChangeProp]
|
9927
|
+
);
|
9921
9928
|
const defaultId = useId7();
|
9922
9929
|
const id = (_c = props.id) != null ? _c : defaultId;
|
9923
9930
|
const errorMessageId = useId7();
|
9924
9931
|
const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
|
9925
|
-
const _d = getLabelControlProps(
|
9926
|
-
const baseProps = omit5(
|
9932
|
+
const _d = getLabelControlProps(inputProps), { "data-testid": dataTestId } = _d, labelControlProps = __objRest(_d, ["data-testid"]);
|
9933
|
+
const baseProps = omit5(
|
9934
|
+
inputProps,
|
9935
|
+
Object.keys(labelControlProps).concat(isControlled ? ["defaultValue"] : ["value"])
|
9936
|
+
);
|
9927
9937
|
return /* @__PURE__ */ React57.createElement(LabelControl, __spreadProps(__spreadValues({
|
9928
9938
|
id: `${id}-label`,
|
9929
9939
|
htmlFor: id,
|
@@ -9936,11 +9946,7 @@ var Input2 = React57.forwardRef((_a, ref) => {
|
|
9936
9946
|
}, baseProps), errorProps), {
|
9937
9947
|
id,
|
9938
9948
|
"data-testid": dataTestId,
|
9939
|
-
onChange:
|
9940
|
-
var _a3;
|
9941
|
-
setValue(e.currentTarget.value);
|
9942
|
-
(_a3 = props.onChange) == null ? void 0 : _a3.call(props, e);
|
9943
|
-
},
|
9949
|
+
onChange: handleChange,
|
9944
9950
|
disabled: props.disabled,
|
9945
9951
|
maxLength: props.maxLength,
|
9946
9952
|
required: props.required,
|
@@ -10288,7 +10294,7 @@ var Pagination = ({
|
|
10288
10294
|
};
|
10289
10295
|
|
10290
10296
|
// src/molecules/Pagination/usePagination.tsx
|
10291
|
-
import { useEffect as
|
10297
|
+
import { useEffect as useEffect7, useState as useState9 } from "react";
|
10292
10298
|
import clamp2 from "lodash/clamp";
|
10293
10299
|
var initialState = {
|
10294
10300
|
currentPage: 1,
|
@@ -10307,7 +10313,7 @@ var usePagination = (items, options) => {
|
|
10307
10313
|
setPageSize(pageSize2);
|
10308
10314
|
setCurrentPage(clamp2((options == null ? void 0 : options.initialPage) || initialState.currentPage, 1, newTotalPages));
|
10309
10315
|
};
|
10310
|
-
|
10316
|
+
useEffect7(() => {
|
10311
10317
|
setCurrentPage(clamp2((options == null ? void 0 : options.initialPage) || initialState.currentPage, 1, totalPages));
|
10312
10318
|
}, [items.length]);
|
10313
10319
|
return [
|
@@ -11326,7 +11332,7 @@ var DataListGroup = (_a) => {
|
|
11326
11332
|
const groupKeys = groups ? Object.keys(groups) : void 0;
|
11327
11333
|
const hasCustomRowForGroup = isFunction2(getGroupRow);
|
11328
11334
|
if (!areRowsGrouped(groups)) {
|
11329
|
-
if (groups.length === 0 && groupKey
|
11335
|
+
if (groups.length === 0 && groupKey && groupKey !== "undefined") {
|
11330
11336
|
return /* @__PURE__ */ React68.createElement(DataList.Row, null, selectable && /* @__PURE__ */ React68.createElement(DataList.Cell, null), /* @__PURE__ */ React68.createElement(DataList.Cell, {
|
11331
11337
|
style: { paddingLeft: `${2 + GAP + level * INDENTATION}px`, gridColumn: `${selectable ? 2 : 1} / -1` }
|
11332
11338
|
}, /* @__PURE__ */ React68.createElement(Typography, {
|
@@ -12193,7 +12199,7 @@ var DialogWrapper = ({
|
|
12193
12199
|
};
|
12194
12200
|
|
12195
12201
|
// src/molecules/Drawer/Drawer.tsx
|
12196
|
-
import React78, { useEffect as
|
12202
|
+
import React78, { useEffect as useEffect9 } from "react";
|
12197
12203
|
import { useOverlayTriggerState as useOverlayTriggerState3 } from "react-stately";
|
12198
12204
|
import { useDialog as useDialog2 } from "@react-aria/dialog";
|
12199
12205
|
import { Overlay as Overlay3, useModalOverlay as useModalOverlay2 } from "@react-aria/overlays";
|
@@ -12203,7 +12209,7 @@ import castArray3 from "lodash/castArray";
|
|
12203
12209
|
import omit9 from "lodash/omit";
|
12204
12210
|
|
12205
12211
|
// src/molecules/Tabs/Tabs.tsx
|
12206
|
-
import React77, { useEffect as
|
12212
|
+
import React77, { useEffect as useEffect8, useLayoutEffect as useLayoutEffect2, useRef as useRef7, useState as useState10 } from "react";
|
12207
12213
|
import isNumber5 from "lodash/isNumber";
|
12208
12214
|
import kebabCase from "lodash/kebabCase";
|
12209
12215
|
var import_chevronLeft4 = __toESM(require_chevronLeft());
|
@@ -12375,7 +12381,7 @@ var createTabsComponent = (TabComponent, TabItemComponent, displayName, renderCh
|
|
12375
12381
|
showLeftCaret(hasLeftCaret);
|
12376
12382
|
showRightCaret(hasRightCaret);
|
12377
12383
|
};
|
12378
|
-
|
12384
|
+
useEffect8(() => {
|
12379
12385
|
if (value === void 0) {
|
12380
12386
|
return;
|
12381
12387
|
}
|
@@ -12515,7 +12521,7 @@ var Drawer = (_a) => {
|
|
12515
12521
|
const [hidden, setHidden] = React78.useState(!open);
|
12516
12522
|
const ref = React78.useRef(null);
|
12517
12523
|
const state = useOverlayTriggerState3({ isOpen: !hidden, onOpenChange: (isOpen) => !isOpen && onClose() });
|
12518
|
-
|
12524
|
+
useEffect9(() => {
|
12519
12525
|
if (open && hidden) {
|
12520
12526
|
setHidden(!open);
|
12521
12527
|
}
|
@@ -13226,7 +13232,7 @@ var ModalTabs = createTabsComponent(
|
|
13226
13232
|
);
|
13227
13233
|
|
13228
13234
|
// src/molecules/MultiInput/MultiInput.tsx
|
13229
|
-
import React92, { useEffect as
|
13235
|
+
import React92, { useEffect as useEffect10, useRef as useRef9, useState as useState11 } from "react";
|
13230
13236
|
import { useId as useId12 } from "@react-aria/utils";
|
13231
13237
|
import castArray5 from "lodash/castArray";
|
13232
13238
|
import identity from "lodash/identity";
|
@@ -13327,7 +13333,7 @@ var MultiInputBase = (_a) => {
|
|
13327
13333
|
const [items, setItems] = useState11((_a2 = value != null ? value : defaultValue) != null ? _a2 : []);
|
13328
13334
|
const [hasFocus, setFocus] = useState11(false);
|
13329
13335
|
const keyCodes = [delimiter !== "enter" ? " " : null, delimiter !== "space" ? "Enter" : null].filter(identity);
|
13330
|
-
|
13336
|
+
useEffect10(() => {
|
13331
13337
|
const requiresUpdate = value !== void 0 || defaultValue === void 0;
|
13332
13338
|
if (requiresUpdate && JSON.stringify(value) !== JSON.stringify(items)) {
|
13333
13339
|
setItems(value != null ? value : []);
|
@@ -13453,7 +13459,7 @@ var MultiInput = (props) => {
|
|
13453
13459
|
var _a, _b, _c, _d, _e;
|
13454
13460
|
const maxLength = (_a = props.maxLength) != null ? _a : props.max;
|
13455
13461
|
const [value, setValue] = useState11((_c = (_b = props.value) != null ? _b : props.defaultValue) != null ? _c : []);
|
13456
|
-
|
13462
|
+
useEffect10(() => {
|
13457
13463
|
var _a2;
|
13458
13464
|
setValue((_a2 = props.value) != null ? _a2 : []);
|
13459
13465
|
}, [JSON.stringify(props.value)]);
|
@@ -13488,7 +13494,7 @@ MultiInput.Skeleton = MultiInputSkeleton;
|
|
13488
13494
|
MultiInput.Skeleton.displayName = "MultiInput.Skeleton";
|
13489
13495
|
|
13490
13496
|
// src/molecules/MultiSelect/MultiSelect.tsx
|
13491
|
-
import React93, { useEffect as
|
13497
|
+
import React93, { useEffect as useEffect11, useRef as useRef10, useState as useState12 } from "react";
|
13492
13498
|
import { ariaHideOutside as ariaHideOutside2 } from "@react-aria/overlays";
|
13493
13499
|
import { useId as useId13 } from "@react-aria/utils";
|
13494
13500
|
import { useCombobox as useCombobox2, useMultipleSelection } from "downshift";
|
@@ -13643,7 +13649,7 @@ var MultiSelectBase = (_a) => {
|
|
13643
13649
|
toggle: toggleMenu,
|
13644
13650
|
setOpen: (isOpen2) => isOpen2 ? openMenu() : closeMenu()
|
13645
13651
|
};
|
13646
|
-
|
13652
|
+
useEffect11(() => {
|
13647
13653
|
if (state.isOpen && inputRef.current && popoverRef.current) {
|
13648
13654
|
return ariaHideOutside2([inputRef.current, popoverRef.current]);
|
13649
13655
|
}
|