@reltio/components 1.4.1672 → 1.4.1673

package/cjs/components/editors/TypeaheadEditor/TypeaheadEditor.d.ts

@@ -8,12 +8,12 @@ type CommonProps = Omit<TextFieldProps, 'onChange' | 'value'> & {
     isCrossedOut?: boolean;
 };
 type MultipleProps = CommonProps & {
-    value: string[];
+    value?: string[];
     onChange: (values: string[]) => void;
     multiple: true;
 };
 type SingleProps = CommonProps & {
-    value: string;
+    value?: string;
     onChange: (value: string) => void;
     multiple?: false;
 };

package/cjs/components/editors/TypeaheadEditor/TypeaheadEditor.js

@@ -201,7 +201,7 @@ var TypeaheadEditor = function (_a) {
             case ChangeMethod.Enter: {
                 if (multiple === true) {
                     if (newValue)
-                        onChange((0, ramda_1.uniq)(__spreadArray(__spreadArray([], value, true), [newValue], false)));
+                        onChange((0, ramda_1.uniq)(__spreadArray(__spreadArray([], (value || []), true), [newValue], false)));
                     setInputValue('');
                 }
                 else {
@@ -242,7 +242,7 @@ var TypeaheadEditor = function (_a) {
                 underline: (0, classnames_1.default)((_b = {}, _b[styles.underline] = (0, mdm_sdk_1.isEmptyValue)(value), _b)),
                 input: (0, classnames_1.default)(styles['rawInput'], (0, ramda_1.path)(['classes', 'input'], InputProps))
             };
-            return multiple === true ? (react_1.default.createElement(TextField_1.default, __assign({}, otherProps, { ref: inputRef, inputRef: ref, InputProps: __assign(__assign({}, InputProps), { startAdornment: value.map(function (item, index) { return (react_1.default.createElement(ValueChip_1.default, { key: item, label: item, onDelete: function () { return onChange((0, ramda_1.remove)(index, 1, value)); } })); }), inputComponent: react_input_autosize_1.default, classes: __assign(__assign({ root: (0, classnames_1.default)(styles.multipleTextFieldInput, (0, ramda_1.path)(['classes', 'root'], InputProps)) }, commonClasses), { input: (0, classnames_1.default)(styles.autosizeInput, commonClasses.input), adornedStart: styles.multipleTextFieldAdornedStart }) }), classes: { root: styles.multipleTextField } }))) : (react_1.default.createElement(TextField_1.default, __assign({}, otherProps, { ref: inputRef, inputRef: ref, InputProps: __assign(__assign({}, InputProps), { classes: __assign({ root: (0, classnames_1.default)(styles.inputRoot, (0, ramda_1.path)(['classes', 'root'], InputProps), (_c = {},
+            return multiple === true ? (react_1.default.createElement(TextField_1.default, __assign({}, otherProps, { ref: inputRef, inputRef: ref, InputProps: __assign(__assign({}, InputProps), { startAdornment: value === null || value === void 0 ? void 0 : value.map(function (item, index) { return (react_1.default.createElement(ValueChip_1.default, { key: item, label: item, onDelete: function () { return onChange((0, ramda_1.remove)(index, 1, value)); } })); }), inputComponent: react_input_autosize_1.default, classes: __assign(__assign({ root: (0, classnames_1.default)(styles.multipleTextFieldInput, (0, ramda_1.path)(['classes', 'root'], InputProps)) }, commonClasses), { input: (0, classnames_1.default)(styles.autosizeInput, commonClasses.input), adornedStart: styles.multipleTextFieldAdornedStart }) }), classes: { root: styles.multipleTextField } }))) : (react_1.default.createElement(TextField_1.default, __assign({}, otherProps, { ref: inputRef, inputRef: ref, InputProps: __assign(__assign({}, InputProps), { classes: __assign({ root: (0, classnames_1.default)(styles.inputRoot, (0, ramda_1.path)(['classes', 'root'], InputProps), (_c = {},
                             _c[styles.isCrossedOut] = isCrossedOut,
                             _c)) }, commonClasses) }) })));
         }, renderSuggestionsContainer: function (_a) {

package/esm/components/editors/TypeaheadEditor/TypeaheadEditor.d.ts

@@ -8,12 +8,12 @@ type CommonProps = Omit<TextFieldProps, 'onChange' | 'value'> & {
     isCrossedOut?: boolean;
 };
 type MultipleProps = CommonProps & {
-    value: string[];
+    value?: string[];
     onChange: (values: string[]) => void;
     multiple: true;
 };
 type SingleProps = CommonProps & {
-    value: string;
+    value?: string;
     onChange: (value: string) => void;
     multiple?: false;
 };

package/esm/components/editors/TypeaheadEditor/TypeaheadEditor.js

@@ -173,7 +173,7 @@ var TypeaheadEditor = function (_a) {
             case ChangeMethod.Enter: {
                 if (multiple === true) {
                     if (newValue)
-                        onChange(uniq(__spreadArray(__spreadArray([], value, true), [newValue], false)));
+                        onChange(uniq(__spreadArray(__spreadArray([], (value || []), true), [newValue], false)));
                     setInputValue('');
                 }
                 else {
@@ -214,7 +214,7 @@ var TypeaheadEditor = function (_a) {
                 underline: classnames((_b = {}, _b[styles.underline] = isEmptyValue(value), _b)),
                 input: classnames(styles['rawInput'], path(['classes', 'input'], InputProps))
             };
-            return multiple === true ? (React.createElement(TextField, __assign({}, otherProps, { ref: inputRef, inputRef: ref, InputProps: __assign(__assign({}, InputProps), { startAdornment: value.map(function (item, index) { return (React.createElement(ValueChip, { key: item, label: item, onDelete: function () { return onChange(remove(index, 1, value)); } })); }), inputComponent: AutosizeInput, classes: __assign(__assign({ root: classnames(styles.multipleTextFieldInput, path(['classes', 'root'], InputProps)) }, commonClasses), { input: classnames(styles.autosizeInput, commonClasses.input), adornedStart: styles.multipleTextFieldAdornedStart }) }), classes: { root: styles.multipleTextField } }))) : (React.createElement(TextField, __assign({}, otherProps, { ref: inputRef, inputRef: ref, InputProps: __assign(__assign({}, InputProps), { classes: __assign({ root: classnames(styles.inputRoot, path(['classes', 'root'], InputProps), (_c = {},
+            return multiple === true ? (React.createElement(TextField, __assign({}, otherProps, { ref: inputRef, inputRef: ref, InputProps: __assign(__assign({}, InputProps), { startAdornment: value === null || value === void 0 ? void 0 : value.map(function (item, index) { return (React.createElement(ValueChip, { key: item, label: item, onDelete: function () { return onChange(remove(index, 1, value)); } })); }), inputComponent: AutosizeInput, classes: __assign(__assign({ root: classnames(styles.multipleTextFieldInput, path(['classes', 'root'], InputProps)) }, commonClasses), { input: classnames(styles.autosizeInput, commonClasses.input), adornedStart: styles.multipleTextFieldAdornedStart }) }), classes: { root: styles.multipleTextField } }))) : (React.createElement(TextField, __assign({}, otherProps, { ref: inputRef, inputRef: ref, InputProps: __assign(__assign({}, InputProps), { classes: __assign({ root: classnames(styles.inputRoot, path(['classes', 'root'], InputProps), (_c = {},
                             _c[styles.isCrossedOut] = isCrossedOut,
                             _c)) }, commonClasses) }) })));
         }, renderSuggestionsContainer: function (_a) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1672",
+  "version": "1.4.1673",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
@@ -8,7 +8,7 @@
     "@date-io/moment": "^1.3.5",
     "@fluentui/react-context-selector": "^9.1.26",
     "@react-google-maps/api": "2.7.0",
-    "@reltio/mdm-sdk": "^1.4.1672",
+    "@reltio/mdm-sdk": "^1.4.1673",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",