@orfium/ictinus 4.67.2 → 4.68.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/MultiTextFieldBase/MultiTextFieldBase.js +6 -3
- package/dist/components/SearchField/SearchField.d.ts +1 -0
- package/dist/components/SearchField/SearchFieldShowcase.d.ts +1 -0
- package/dist/components/Select/Select.d.ts +1 -0
- package/dist/components/Select/components/SelectMenu/SelectMenu.style.d.ts +1 -0
- package/dist/components/TextField/TextField.d.ts +4 -0
- package/dist/components/TextField/TextField.js +8 -3
- package/dist/components/TextField/hooks/useMultiTextFieldUtils.d.ts +2 -2
- package/dist/components/TextField/hooks/useMultiTextFieldUtils.js +7 -2
- package/package.json +1 -1
|
@@ -5,6 +5,8 @@ exports["default"] = void 0;
|
|
|
5
5
|
|
|
6
6
|
var _useTheme = _interopRequireDefault(require("../../hooks/useTheme"));
|
|
7
7
|
|
|
8
|
+
var _lodash = require("lodash");
|
|
9
|
+
|
|
8
10
|
var _omit = _interopRequireDefault(require("lodash/omit"));
|
|
9
11
|
|
|
10
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
@@ -27,7 +29,7 @@ var _TextInputBase2 = require("../TextInputBase/TextInputBase.style");
|
|
|
27
29
|
|
|
28
30
|
var _react2 = require("@emotion/react");
|
|
29
31
|
|
|
30
|
-
var _excluded = ["selectedOptions", "value", "disabled", "locked", "status", "lean", "dark", "readOnly", "label", "id", "placeholder", "required", "styleType", "onOptionDelete", "onClearAllOptions", "isLoading", "rightIcon", "isInteractive", "isResponsive", "isTextfield"];
|
|
32
|
+
var _excluded = ["selectedOptions", "value", "disabled", "locked", "status", "lean", "dark", "readOnly", "label", "id", "placeholder", "required", "styleType", "onOptionDelete", "onClearAllOptions", "isLoading", "rightIcon", "isInteractive", "isResponsive", "isTextfield", "sx"];
|
|
31
33
|
|
|
32
34
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
33
35
|
|
|
@@ -64,6 +66,7 @@ var MultiTextFieldBase = /*#__PURE__*/_react["default"].forwardRef(function (pro
|
|
|
64
66
|
isResponsive = _props$isResponsive === void 0 ? false : _props$isResponsive,
|
|
65
67
|
_props$isTextfield = props.isTextfield,
|
|
66
68
|
isTextfield = _props$isTextfield === void 0 ? false : _props$isTextfield,
|
|
69
|
+
sx = props.sx,
|
|
67
70
|
rest = _objectWithoutPropertiesLoose(props, _excluded);
|
|
68
71
|
|
|
69
72
|
var theme = (0, _useTheme["default"])();
|
|
@@ -119,13 +122,13 @@ var MultiTextFieldBase = /*#__PURE__*/_react["default"].forwardRef(function (pro
|
|
|
119
122
|
styleType: styleType
|
|
120
123
|
}, rest, {
|
|
121
124
|
isInteractive: isInteractive,
|
|
122
|
-
sx: (0, _MultiTextFieldBase.textInputBaseOverrides)({
|
|
125
|
+
sx: (0, _lodash.merge)((0, _MultiTextFieldBase.textInputBaseOverrides)({
|
|
123
126
|
hasValue: hasValue,
|
|
124
127
|
isLoading: isLoading,
|
|
125
128
|
hasLabel: hasLabel,
|
|
126
129
|
isResponsive: isResponsive,
|
|
127
130
|
isTextfield: isTextfield
|
|
128
|
-
})(theme)
|
|
131
|
+
})(theme), sx)
|
|
129
132
|
}), (0, _react2.jsx)("div", {
|
|
130
133
|
css: (0, _MultiTextFieldBase.inputContainer)()
|
|
131
134
|
}, chips, (0, _react2.jsx)("input", _extends({
|
|
@@ -18,5 +18,6 @@ declare const SearchField: React.ForwardRefExoticComponent<Props & {
|
|
|
18
18
|
onMultiValueCreate?: ((value?: string | undefined) => void) | undefined;
|
|
19
19
|
onMultiValueDelete?: ((value?: string | undefined) => void) | undefined;
|
|
20
20
|
onClearAllValues?: (() => void) | undefined;
|
|
21
|
+
multiValuesHandler?: ((tags: string) => string | string[]) | undefined;
|
|
21
22
|
} & import("components/TextInputBase").Props & TestProps & React.RefAttributes<HTMLInputElement>>;
|
|
22
23
|
export default SearchField;
|
|
@@ -15,6 +15,7 @@ declare const SearchFieldShowcase: ({ disabled, placeholder, initialValue, }: Pa
|
|
|
15
15
|
onMultiValueCreate?: ((value?: string | undefined) => void) | undefined;
|
|
16
16
|
onMultiValueDelete?: ((value?: string | undefined) => void) | undefined;
|
|
17
17
|
onClearAllValues?: (() => void) | undefined;
|
|
18
|
+
multiValuesHandler?: ((tags: string) => string | string[]) | undefined;
|
|
18
19
|
} & import("../TextInputBase").Props> & {
|
|
19
20
|
initialValue?: string | undefined;
|
|
20
21
|
}) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
@@ -113,5 +113,6 @@ declare const Select: React.ForwardRefExoticComponent<{
|
|
|
113
113
|
onMultiValueCreate?: ((value?: string | undefined) => void) | undefined;
|
|
114
114
|
onMultiValueDelete?: ((value?: string | undefined) => void) | undefined;
|
|
115
115
|
onClearAllValues?: (() => void) | undefined;
|
|
116
|
+
multiValuesHandler?: ((tags: string) => string | string[]) | undefined;
|
|
116
117
|
} & import("../TextInputBase").Props & Partial<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">> & TestProps & React.RefAttributes<HTMLInputElement>>;
|
|
117
118
|
export default Select;
|
|
@@ -22,5 +22,6 @@ export declare const optionStyle: ({ selected, size, noResultsExist, }: {
|
|
|
22
22
|
onMultiValueCreate?: ((value?: string | undefined) => void) | undefined;
|
|
23
23
|
onMultiValueDelete?: ((value?: string | undefined) => void) | undefined;
|
|
24
24
|
onClearAllValues?: (() => void) | undefined;
|
|
25
|
+
multiValuesHandler?: ((tags: string) => string | string[]) | undefined;
|
|
25
26
|
} & import("../../../TextInputBase").Props) => (theme: Theme) => SerializedStyles;
|
|
26
27
|
export declare const menuStyle: ({ status, size, isVirtualized }: Props & TextFieldProps) => (theme: Theme) => SerializedStyles;
|
|
@@ -29,6 +29,8 @@ export declare type Props = {
|
|
|
29
29
|
onMultiValueDelete?: (value?: string) => void;
|
|
30
30
|
/** A callback for when all values are deleted (the Clear All icon is clicked) */
|
|
31
31
|
onClearAllValues?: () => void;
|
|
32
|
+
/** The handler of multi values. If you pass a different handler function here it will change the way multi values are being calculated */
|
|
33
|
+
multiValuesHandler?: (tags: string) => string | string[];
|
|
32
34
|
} & TextInputWrapperProps;
|
|
33
35
|
export declare type InputProps = Partial<Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>>;
|
|
34
36
|
declare const TextField: React.ForwardRefExoticComponent<{
|
|
@@ -59,5 +61,7 @@ declare const TextField: React.ForwardRefExoticComponent<{
|
|
|
59
61
|
onMultiValueDelete?: ((value?: string | undefined) => void) | undefined;
|
|
60
62
|
/** A callback for when all values are deleted (the Clear All icon is clicked) */
|
|
61
63
|
onClearAllValues?: (() => void) | undefined;
|
|
64
|
+
/** The handler of multi values. If you pass a different handler function here it will change the way multi values are being calculated */
|
|
65
|
+
multiValuesHandler?: ((tags: string) => string | string[]) | undefined;
|
|
62
66
|
} & TextInputWrapperProps & Partial<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">> & TestProps & React.RefAttributes<HTMLInputElement>>;
|
|
63
67
|
export default TextField;
|
|
@@ -27,7 +27,7 @@ var _TextInputBase2 = require("../TextInputBase/TextInputBase.style");
|
|
|
27
27
|
|
|
28
28
|
var _react2 = require("@emotion/react");
|
|
29
29
|
|
|
30
|
-
var _excluded = ["id", "rightIcon", "leftIcon", "label", "placeholder", "required", "disabled", "locked", "size", "dark", "lean", "hintMsg", "styleType", "readOnly", "status", "hasMinWidthCompat", "onInput", "multi", "multiValues", "maxMultiValues", "onMultiValueCreate", "onMultiValueDelete", "onClearAllValues"];
|
|
30
|
+
var _excluded = ["id", "rightIcon", "leftIcon", "label", "placeholder", "required", "disabled", "locked", "size", "dark", "lean", "hintMsg", "styleType", "readOnly", "status", "hasMinWidthCompat", "onInput", "multi", "multiValues", "maxMultiValues", "onMultiValueCreate", "onMultiValueDelete", "onClearAllValues", "multiValuesHandler"];
|
|
31
31
|
|
|
32
32
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
33
33
|
|
|
@@ -45,7 +45,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
45
45
|
} : {
|
|
46
46
|
name: "1rlc0zw-TextField",
|
|
47
47
|
styles: "width:100% ;label:TextField;",
|
|
48
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
48
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RleHRGaWVsZC9UZXh0RmllbGQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9JZSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UZXh0RmllbGQvVGV4dEZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB1c2VUaGVtZSBmcm9tICdob29rcy91c2VUaGVtZSc7XG5pbXBvcnQgb21pdCBmcm9tICdsb2Rhc2gvb21pdCc7XG5pbXBvcnQgUmVhY3QsIHsgSW5wdXRIVE1MQXR0cmlidXRlcyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IERFRkFVTFRfU0laRSB9IGZyb20gJ3V0aWxzL3NpemUtdXRpbHMnO1xuXG5pbXBvcnQgeyBUZXN0UHJvcHMgfSBmcm9tICcuLi8uLi91dGlscy90eXBlcyc7XG5pbXBvcnQgSWNvbiBmcm9tICcuLi9JY29uJztcbmltcG9ydCBMYWJlbCBmcm9tICcuLi9MYWJlbCc7XG5pbXBvcnQgeyBJY29uV3JhcHBlciB9IGZyb20gJy4vY29tcG9uZW50cy9jb21tb25zJztcbmltcG9ydCB1c2VNdWx0aVRleHRGaWVsZFV0aWxzIGZyb20gJy4vaG9va3MvdXNlTXVsdGlUZXh0RmllbGRVdGlscyc7XG5pbXBvcnQgeyBBY2NlcHRlZEljb25OYW1lcyB9IGZyb20gJ2NvbXBvbmVudHMvSWNvbi90eXBlcyc7XG5pbXBvcnQgTXVsdGlUZXh0RmllbGRCYXNlIGZyb20gJ2NvbXBvbmVudHMvTXVsdGlUZXh0RmllbGRCYXNlL011bHRpVGV4dEZpZWxkQmFzZSc7XG5pbXBvcnQgeyBTZWxlY3RPcHRpb24gfSBmcm9tICdjb21wb25lbnRzL1NlbGVjdC9TZWxlY3QnO1xuaW1wb3J0IFRleHRJbnB1dEJhc2UsIHsgUHJvcHMgYXMgVGV4dElucHV0V3JhcHBlclByb3BzIH0gZnJvbSAnY29tcG9uZW50cy9UZXh0SW5wdXRCYXNlJztcbmltcG9ydCB7IGlucHV0U3R5bGUgfSBmcm9tICdjb21wb25lbnRzL1RleHRJbnB1dEJhc2UvVGV4dElucHV0QmFzZS5zdHlsZSc7XG5cbmV4cG9ydCB0eXBlIFByb3BzID0ge1xuICAvKiogVGhlIGlkIG9mIHRoZSB0ZXh0IGZpZWxkIHRoYXQgd2lsbCBiZSB1c2VkIGFzIGZvciBpbiBsYWJlbCB0b28gKi9cbiAgaWQ/OiBzdHJpbmc7XG4gIC8qKiBDYWxsYmFjayBmaXJlZCB3aGVuIHRoZSBgaW5wdXRgIGlzIGJsdXJyZWQuICovXG4gIG9uQmx1cj86IFJlYWN0LkZvY3VzRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQgfCBIVE1MVGV4dEFyZWFFbGVtZW50PjtcbiAgLyoqIENhbGxiYWNrIGZpcmVkIHdoZW4gdGhlIGBpbnB1dGAgaXMgY2hhbmdlZC4gKi9cbiAgb25DaGFuZ2U/OiBSZWFjdC5DaGFuZ2VFdmVudEhhbmRsZXI8SFRNTFRleHRBcmVhRWxlbWVudCB8IEhUTUxJbnB1dEVsZW1lbnQ+O1xuICAvKiogQ2FsbGJhY2sgZmlyZWQgd2hlbiB0aGUgYGlucHV0YCBpcyBmb2N1c2VkLiAqL1xuICBvbkZvY3VzPzogUmVhY3QuRm9jdXNFdmVudEhhbmRsZXI8SFRNTElucHV0RWxlbWVudCB8IEhUTUxUZXh0QXJlYUVsZW1lbnQ+O1xuICAvKiogQ2FsbGJhY2sgZmlyZWQgd2hlbiB0aGUgYGlucHV0YCBoYXMgYSBrZXkgZG93biBldmVudC4gKi9cbiAgb25LZXlEb3duPzogUmVhY3QuS2V5Ym9hcmRFdmVudEhhbmRsZXI8SFRNTFRleHRBcmVhRWxlbWVudCB8IEhUTUxJbnB1dEVsZW1lbnQ+O1xuICAvKiogQ2FsbGJhY2sgZmlyZWQgd2hlbiB0aGUgYGlucHV0YCB2YWx1ZSB0eXBlZCBpcyBjaGFuZ2VkICovXG4gIG9uSW5wdXQ/OiBSZWFjdC5FdmVudEhhbmRsZXI8YW55PjtcbiAgLyoqIEBkZXByZWNhdGVkIFRoaXMgaXMgYSBjb21wYXRpYmlsaXR5IHByb3AgdGhhdCB3aWxsIGJlIHJlbW92ZWQgaW4gdGhlIG5leHQgdmVyc2lvbiwgYWxvbmcgd2l0aCB0aGUgbWluLXdpZHRoIHZhbHVlXG4gICAqIG9mIHRoZSBUZXh0RmllbGQuIEl0IHdpbGwgYmUgcmVwbGFjZWQgYnkgYSBmdWxsV2lkdGggcHJvcC4gKi9cbiAgaGFzTWluV2lkdGhDb21wYXQ/OiBib29sZWFuO1xuICAvKiogSWYgdHJ1ZSB0aGUgdXNlciBjYW4gZW50ZXIgbXVsdGlwbGUgdmFsdWVzIGJ5IHByZXNzaW5nICdFbnRlcicgKi9cbiAgbXVsdGk/OiBib29sZWFuO1xuICAvKiogVGhlIGluaXRpYWwgbXVsdGkgdmFsdWVzICovXG4gIG11bHRpVmFsdWVzPzogc3RyaW5nW107XG4gIC8qKiBNYXhpbXVtIG11bHRpIHZhbHVlcyAqL1xuICBtYXhNdWx0aVZhbHVlcz86IG51bWJlcjtcbiAgLyoqIEEgY2FsbGJhY2sgZm9yIHdoZW4gYSBDaGlwIHZhbHVlIGlzIGNyZWF0ZWQgKi9cbiAgb25NdWx0aVZhbHVlQ3JlYXRlPzogKHZhbHVlPzogc3RyaW5nKSA9PiB2b2lkO1xuICAvKiogQSBjYWxsYmFjayBmb3Igd2hlbiBhIENoaXAgdmFsdWUgaXMgZGVsZXRlZCAqL1xuICBvbk11bHRpVmFsdWVEZWxldGU/OiAodmFsdWU/OiBzdHJpbmcpID0+IHZvaWQ7XG4gIC8qKiBBIGNhbGxiYWNrIGZvciB3aGVuIGFsbCB2YWx1ZXMgYXJlIGRlbGV0ZWQgKHRoZSBDbGVhciBBbGwgaWNvbiBpcyBjbGlja2VkKSAqL1xuICBvbkNsZWFyQWxsVmFsdWVzPzogKCkgPT4gdm9pZDtcbiAgLyoqIFRoZSBoYW5kbGVyIG9mIG11bHRpIHZhbHVlcy4gSWYgeW91IHBhc3MgYSBkaWZmZXJlbnQgaGFuZGxlciBmdW5jdGlvbiBoZXJlIGl0IHdpbGwgY2hhbmdlIHRoZSB3YXkgbXVsdGkgdmFsdWVzIGFyZSBiZWluZyBjYWxjdWxhdGVkICovXG4gIG11bHRpVmFsdWVzSGFuZGxlcj86ICh0YWdzOiBzdHJpbmcpID0+IHN0cmluZyB8IHN0cmluZ1tdO1xufSAmIFRleHRJbnB1dFdyYXBwZXJQcm9wcztcblxuZXhwb3J0IHR5cGUgSW5wdXRQcm9wcyA9IFBhcnRpYWw8T21pdDxJbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+LCAnc2l6ZSc+PjtcblxuY29uc29sZS53YXJuKFxuICAnRGVwcmVjYXRpb24gd2FybmluZyEgbWluLXdpZHRoIHdpbGwgYmUgcmVtb3ZlZCBmcm9tIHRoZSBjb21wb25lbnQgaW4gdjUgb2YgaWN0aW51cy4gJyArXG4gICAgJ2hhc01pbldpZHRoQ29tcGF0IHByb3AgaGFzIGJlZW4gYWRkZWQgdG8gdGVtcG9yYXJpbHkgZGlzYWJsZSBtaW4td2lkdGggd2hlbiBuZWNlc3NhcnknXG4pO1xuXG5jb25zdCBUZXh0RmllbGQgPSBSZWFjdC5mb3J3YXJkUmVmPEhUTUxJbnB1dEVsZW1lbnQsIFByb3BzICYgSW5wdXRQcm9wcyAmIFRlc3RQcm9wcz4oXG4gIChwcm9wcywgcmVmKSA9PiB7XG4gICAgY29uc3Qge1xuICAgICAgaWQgPSB1bmRlZmluZWQsXG4gICAgICByaWdodEljb24gPSBudWxsLFxuICAgICAgbGVmdEljb24gPSBudWxsLFxuICAgICAgbGFiZWwsXG4gICAgICBwbGFjZWhvbGRlciA9ICcnLFxuICAgICAgcmVxdWlyZWQgPSBmYWxzZSxcbiAgICAgIGRpc2FibGVkLFxuICAgICAgbG9ja2VkID0gZmFsc2UsXG4gICAgICBzaXplID0gREVGQVVMVF9TSVpFLFxuICAgICAgZGFyayA9IGZhbHNlLFxuICAgICAgbGVhbixcbiAgICAgIGhpbnRNc2c6IF9faGludE1zZyxcbiAgICAgIHN0eWxlVHlwZTogX19zdHlsZVR5cGUsXG4gICAgICByZWFkT25seSxcbiAgICAgIHN0YXR1cyxcbiAgICAgIGhhc01pbldpZHRoQ29tcGF0ID0gdHJ1ZSxcbiAgICAgIG9uSW5wdXQsXG4gICAgICBtdWx0aSA9IGZhbHNlLFxuICAgICAgbXVsdGlWYWx1ZXMgPSBbXSxcbiAgICAgIG1heE11bHRpVmFsdWVzLFxuICAgICAgb25NdWx0aVZhbHVlQ3JlYXRlLFxuICAgICAgb25NdWx0aVZhbHVlRGVsZXRlLFxuICAgICAgb25DbGVhckFsbFZhbHVlcyxcbiAgICAgIG11bHRpVmFsdWVzSGFuZGxlciA9ICh2YWx1ZSkgPT4gdmFsdWUsXG4gICAgICAuLi5yZXN0XG4gICAgfSA9IHByb3BzO1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICAgIGNvbnN0IGdldEljb24gPSAoaWNvbjogQWNjZXB0ZWRJY29uTmFtZXMgfCBKU1guRWxlbWVudCB8IG51bGwpID0+XG4gICAgICBpY29uID8gKFxuICAgICAgICB0eXBlb2YgaWNvbiA9PT0gJ3N0cmluZycgPyAoXG4gICAgICAgICAgPEljb25cbiAgICAgICAgICAgIG5hbWU9e2ljb24gYXMgQWNjZXB0ZWRJY29uTmFtZXN9XG4gICAgICAgICAgICBzaXplPXsyNH1cbiAgICAgICAgICAgIGNvbG9yPXt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgNjUwKX1cbiAgICAgICAgICAvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIGljb25cbiAgICAgICAgKVxuICAgICAgKSA6IG51bGw7XG5cbiAgICBjb25zdCB7XG4gICAgICBpbnB1dFZhbHVlLFxuICAgICAgdmFsdWVzLFxuICAgICAgaGFuZGxlVmFsdWVEZWxldGUsXG4gICAgICBoYW5kbGVDbGVhckFsbFZhbHVlcyxcbiAgICAgIGhhbmRsZUtleURvd24sXG4gICAgICBoYW5kbGVUeXBpbmcsXG4gICAgfSA9IHVzZU11bHRpVGV4dEZpZWxkVXRpbHMoe1xuICAgICAgbXVsdGlWYWx1ZXMsXG4gICAgICBtYXhNdWx0aVZhbHVlcyxcbiAgICAgIG9uTXVsdGlWYWx1ZUNyZWF0ZSxcbiAgICAgIG9uTXVsdGlWYWx1ZURlbGV0ZSxcbiAgICAgIG9uQ2xlYXJBbGxWYWx1ZXMsXG4gICAgICBvbklucHV0LFxuICAgICAgbXVsdGlWYWx1ZXNIYW5kbGVyLFxuICAgIH0pO1xuXG4gICAgcmV0dXJuIG11bHRpID8gKFxuICAgICAgPE11bHRpVGV4dEZpZWxkQmFzZVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgIGlzVGV4dGZpZWxkXG4gICAgICAgIG9uT3B0aW9uRGVsZXRlPXtoYW5kbGVWYWx1ZURlbGV0ZSBhcyAob3B0aW9uPzogc3RyaW5nIHwgU2VsZWN0T3B0aW9uKSA9PiB2b2lkfVxuICAgICAgICBvbkNsZWFyQWxsT3B0aW9ucz17aGFuZGxlQ2xlYXJBbGxWYWx1ZXN9XG4gICAgICAgIGxhYmVsPXtsYWJlbH1cbiAgICAgICAgb25JbnB1dD17aGFuZGxlVHlwaW5nfVxuICAgICAgICBvbktleURvd249e2hhbmRsZUtleURvd259XG4gICAgICAgIHNlbGVjdGVkT3B0aW9ucz17dmFsdWVzfVxuICAgICAgICB2YWx1ZT17aW5wdXRWYWx1ZX1cbiAgICAgIC8+XG4gICAgKSA6IChcbiAgICAgIDxSZWFjdC5GcmFnbWVudD5cbiAgICAgICAgPFRleHRJbnB1dEJhc2Ugey4uLnByb3BzfSBoYXNNaW5XaWR0aENvbXBhdD17aGFzTWluV2lkdGhDb21wYXR9PlxuICAgICAgICAgIHtsZWZ0SWNvbiAmJiA8SWNvbldyYXBwZXIgaWNvblBvc2l0aW9uPXsnbGVmdCd9PntnZXRJY29uKGxlZnRJY29uKX08L0ljb25XcmFwcGVyPn1cbiAgICAgICAgICA8ZGl2IGNzcz17eyB3aWR0aDogJzEwMCUgJyB9fT5cbiAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICAgICAgICAgIGNzcz17aW5wdXRTdHlsZSh7IGxhYmVsLCBwbGFjZWhvbGRlciwgc2l6ZSwgZGFyaywgbGVhbiB9KX1cbiAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9eyFsYWJlbCAmJiBwbGFjZWhvbGRlciA/IGAke3BsYWNlaG9sZGVyfSAke3JlcXVpcmVkID8gJyonIDogJyd9YCA6IGxhYmVsfVxuICAgICAgICAgICAgICByZXF1aXJlZD17cmVxdWlyZWR9XG4gICAgICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkIHx8IGxvY2tlZH1cbiAgICAgICAgICAgICAgb25JbnB1dD17b25JbnB1dH1cbiAgICAgICAgICAgICAgey4uLm9taXQocmVzdCwgJ2RhdGFUZXN0SWQnKX1cbiAgICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAge2xhYmVsICYmIChcbiAgICAgICAgICAgICAgPExhYmVsXG4gICAgICAgICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICAgICAgICBodG1sRm9yPXtpZH1cbiAgICAgICAgICAgICAgICBsYWJlbD17bGFiZWx9XG4gICAgICAgICAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICAgICAgICAgIGFuaW1hdGVUb1RvcD17Qm9vbGVhbihyZXN0LnZhbHVlKX1cbiAgICAgICAgICAgICAgICBlcnJvcj17c3RhdHVzID09PSAnZXJyb3InfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICB7cmlnaHRJY29uICYmICFsb2NrZWQgJiYgKFxuICAgICAgICAgICAgPEljb25XcmFwcGVyIGljb25Qb3NpdGlvbj17J3JpZ2h0J30+e2dldEljb24ocmlnaHRJY29uKX08L0ljb25XcmFwcGVyPlxuICAgICAgICAgICl9XG4gICAgICAgICAge2xvY2tlZCAmJiAoXG4gICAgICAgICAgICA8SWNvbldyYXBwZXIgaWNvblBvc2l0aW9uPXsncmlnaHQnfT5cbiAgICAgICAgICAgICAgPEljb25cbiAgICAgICAgICAgICAgICBuYW1lPVwibG9ja1wiXG4gICAgICAgICAgICAgICAgc2l6ZT17c2l6ZSA9PT0gJ21kJyA/IDIwIDogMTZ9XG4gICAgICAgICAgICAgICAgY29sb3I9e3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCA2NTApfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9JY29uV3JhcHBlcj5cbiAgICAgICAgICApfVxuICAgICAgICA8L1RleHRJbnB1dEJhc2U+XG4gICAgICA8L1JlYWN0LkZyYWdtZW50PlxuICAgICk7XG4gIH1cbik7XG5cblRleHRGaWVsZC5kaXNwbGF5TmFtZSA9ICdUZXh0RmllbGQnO1xuXG5leHBvcnQgZGVmYXVsdCBUZXh0RmllbGQ7XG4iXX0= */",
|
|
49
49
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
50
50
|
};
|
|
51
51
|
|
|
@@ -84,6 +84,10 @@ var TextField = /*#__PURE__*/_react["default"].forwardRef(function (props, ref)
|
|
|
84
84
|
onMultiValueCreate = props.onMultiValueCreate,
|
|
85
85
|
onMultiValueDelete = props.onMultiValueDelete,
|
|
86
86
|
onClearAllValues = props.onClearAllValues,
|
|
87
|
+
_props$multiValuesHan = props.multiValuesHandler,
|
|
88
|
+
multiValuesHandler = _props$multiValuesHan === void 0 ? function (value) {
|
|
89
|
+
return value;
|
|
90
|
+
} : _props$multiValuesHan,
|
|
87
91
|
rest = _objectWithoutPropertiesLoose(props, _excluded);
|
|
88
92
|
|
|
89
93
|
var theme = (0, _useTheme["default"])();
|
|
@@ -102,7 +106,8 @@ var TextField = /*#__PURE__*/_react["default"].forwardRef(function (props, ref)
|
|
|
102
106
|
onMultiValueCreate: onMultiValueCreate,
|
|
103
107
|
onMultiValueDelete: onMultiValueDelete,
|
|
104
108
|
onClearAllValues: onClearAllValues,
|
|
105
|
-
onInput: onInput
|
|
109
|
+
onInput: onInput,
|
|
110
|
+
multiValuesHandler: multiValuesHandler
|
|
106
111
|
}),
|
|
107
112
|
inputValue = _useMultiTextFieldUti.inputValue,
|
|
108
113
|
values = _useMultiTextFieldUti.values,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Props as TextFieldProps } from '../TextField';
|
|
2
|
-
declare type Props = Pick<TextFieldProps, 'multiValues' | 'maxMultiValues' | 'onMultiValueCreate' | 'onMultiValueDelete' | 'onClearAllValues' | 'onInput'>;
|
|
3
|
-
declare const useMultiTextFieldUtils: ({ multiValues, maxMultiValues, onMultiValueCreate, onMultiValueDelete, onClearAllValues, onInput, }: Props) => {
|
|
2
|
+
declare type Props = Pick<TextFieldProps, 'multiValues' | 'maxMultiValues' | 'onMultiValueCreate' | 'onMultiValueDelete' | 'onClearAllValues' | 'onInput' | 'multiValuesHandler'>;
|
|
3
|
+
declare const useMultiTextFieldUtils: ({ multiValues, maxMultiValues, onMultiValueCreate, onMultiValueDelete, onClearAllValues, onInput, multiValuesHandler, }: Props) => {
|
|
4
4
|
values: string[];
|
|
5
5
|
handleValueDelete: (option?: string | undefined) => void;
|
|
6
6
|
handleClearAllValues: () => void;
|
|
@@ -12,7 +12,11 @@ var useMultiTextFieldUtils = function useMultiTextFieldUtils(_ref) {
|
|
|
12
12
|
onMultiValueCreate = _ref.onMultiValueCreate,
|
|
13
13
|
onMultiValueDelete = _ref.onMultiValueDelete,
|
|
14
14
|
onClearAllValues = _ref.onClearAllValues,
|
|
15
|
-
onInput = _ref.onInput
|
|
15
|
+
onInput = _ref.onInput,
|
|
16
|
+
_ref$multiValuesHandl = _ref.multiValuesHandler,
|
|
17
|
+
multiValuesHandler = _ref$multiValuesHandl === void 0 ? function (value) {
|
|
18
|
+
return value;
|
|
19
|
+
} : _ref$multiValuesHandl;
|
|
16
20
|
|
|
17
21
|
var _useState = (0, _react.useState)(multiValues),
|
|
18
22
|
values = _useState[0],
|
|
@@ -69,7 +73,8 @@ var useMultiTextFieldUtils = function useMultiTextFieldUtils(_ref) {
|
|
|
69
73
|
event.preventDefault();
|
|
70
74
|
}
|
|
71
75
|
|
|
72
|
-
|
|
76
|
+
var handledInputValue = multiValuesHandler(inputValue);
|
|
77
|
+
setValues([].concat(values, Array.isArray(handledInputValue) ? handledInputValue : [handledInputValue]));
|
|
73
78
|
|
|
74
79
|
if (onMultiValueCreate) {
|
|
75
80
|
onMultiValueCreate(inputValue);
|