@reltio/components 1.4.1666 → 1.4.1668

package/esm/components/attributes/editMode/AttributesPager/ImageLineRenderer.js

@@ -1,18 +1,30 @@
-import React from 'react';
+import React, { useCallback } from 'react';
 import classnames from 'classnames';
+import { pipe } from 'ramda';
+import { getErrorId } from '@reltio/mdm-sdk';
 import Title from '../../../Title/Title';
 import DescriptionIcon from '../../DescriptionIcon';
 import ImageAttributesLine from '../ImageAttributesLine';
 import { useScrollToAttribute } from '../hooks/useScrollToAttribute/useScrollToAttribute';
+import { useScrollToAttributeError } from '../../../../hooks';
+import ErrorWrapper from '../../../ErrorWrapper/ErrorWrapper';
 import { useStyles } from './styles';
 export var ImageLineRenderer = function (_a) {
-    var attributeType = _a.attributeType, attributeValues = _a.attributeValues, paging = _a.paging, parentUri = _a.parentUri, showNonOv = _a.showNonOv, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues, highlightedAttribute = _a.highlightedAttribute;
+    var attributeType = _a.attributeType, attributeValues = _a.attributeValues, paging = _a.paging, parentUri = _a.parentUri, showNonOv = _a.showNonOv, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues, highlightedAttribute = _a.highlightedAttribute, error = _a.error, highlightedError = _a.highlightedError, onDeactivateError = _a.onDeactivateError;
     var styles = useStyles();
-    var label = attributeType.label, description = attributeType.description;
-    var _b = useScrollToAttribute(highlightedAttribute), ref = _b.ref, highlightedClassName = _b.highlightedClassName;
-    return (React.createElement("div", { ref: ref, className: classnames(styles.wrapper, highlightedClassName) },
-        React.createElement("div", { className: styles.titleWrapper },
-            React.createElement(Title, { className: styles.title, label: label, "data-reltio-id": "reltio-attribute-label" }),
-            React.createElement(DescriptionIcon, { className: styles.description, description: description })),
-        React.createElement(ImageAttributesLine, { attributeValues: attributeValues, attributeType: attributeType, paging: paging, onDeleteAttribute: onDeleteAttribute, parentUri: parentUri, onChangeAttribute: onChangeAttribute, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv })));
+    var label = attributeType.label, description = attributeType.description, isRequired = attributeType.required;
+    var _b = useScrollToAttribute(highlightedAttribute), highlightedRef = _b.ref, highlightedClassName = _b.highlightedClassName;
+    var _c = useScrollToAttributeError({ highlightedError: highlightedError }), errorRef = _c.ref, errorClassName = _c.errorClassName;
+    var deactivateError = useCallback(function () {
+        if (error && !!onDeactivateError) {
+            onDeactivateError(getErrorId(error));
+        }
+    }, [error, onDeactivateError]);
+    return (React.createElement("div", { ref: highlightedRef, className: classnames(styles.wrapper, highlightedClassName) },
+        React.createElement("div", { ref: errorRef, className: classnames(styles.imagesWrapper, errorClassName) },
+            React.createElement("div", { className: styles.titleWrapper },
+                React.createElement(Title, { className: styles.title, label: label, "data-reltio-id": "reltio-attribute-label", isRequired: isRequired }),
+                React.createElement(DescriptionIcon, { className: styles.description, description: description })),
+            React.createElement(ErrorWrapper, { errorMessage: error === null || error === void 0 ? void 0 : error.message, className: styles.errorWrapper },
+                React.createElement(ImageAttributesLine, { attributeValues: attributeValues, attributeType: attributeType, paging: paging, onDeleteAttribute: onDeleteAttribute, parentUri: parentUri, onChangeAttribute: pipe(onChangeAttribute, deactivateError), requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv })))));
 };

package/esm/components/attributes/editMode/AttributesPager/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"link" | "description" | "caption" | "title" | "wrapper" | "ovIcon" | "svg-icon__root" | "attributesWrapper" | "typeError" | "titleWrapper">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"link" | "description" | "caption" | "title" | "wrapper" | "ovIcon" | "svg-icon__root" | "attributesWrapper" | "imagesWrapper" | "typeError" | "titleWrapper" | "errorWrapper">;

package/esm/components/attributes/editMode/AttributesPager/styles.js

@@ -17,6 +17,10 @@ export var useStyles = makeStyles(function (theme) { return ({
         width: '100%',
         marginBottom: '10px'
     },
+    imagesWrapper: {
+        paddingBottom: '10px',
+        width: '100%'
+    },
     link: {
         display: 'flex',
         marginTop: 4
@@ -41,5 +45,8 @@ export var useStyles = makeStyles(function (theme) { return ({
     titleWrapper: {
         flex: 1,
         paddingBottom: '3px'
+    },
+    errorWrapper: {
+        paddingBottom: '10px'
     }
 }); });

package/esm/components/attributes/editMode/ImageAttributesLine/ImageAttributesLine.js

@@ -75,7 +75,7 @@ var ImageAttributesLine = function (_a) {
     return (React.createElement("div", { className: styles.root },
         React.createElement(ImageAttributesLineCommon, { attributeValues: attributeValues, attributeType: attributeType, renderImage: renderImage, overlay: true, countFixedItems: 1, onUpload: toggleVisibilityUploadDialog, onDeleteAttribute: handleDeleteAttribute, imageSize: imageSize, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, paging: paging, parentUri: parentUri, showNonOv: showNonOv },
             React.createElement("div", { className: styles.uploadContainer, onClick: toggleVisibilityUploadDialog },
-                React.createElement(SmallIconButton, { className: styles.uploadButton, iconClassName: styles.uploadIcon, icon: CloudUploadIcon }))),
+                React.createElement(SmallIconButton, { className: styles.uploadButton, iconClassName: styles.uploadIcon, icon: CloudUploadIcon, "data-reltio-id": "reltio-upload-image-button" }))),
         React.createElement(UploadImageDialog, { open: isVisibleUploadDialog, onUpload: handleAddAttributes, onClose: toggleVisibilityUploadDialog })));
 };
 export default ImageAttributesLine;

package/esm/components/attributes/editMode/ImageAttributesLine/styles.js

@@ -1,8 +1,7 @@
 import { makeStyles } from '@mui/styles';
 export var useStyles = makeStyles(function () { return ({
     root: {
-        width: '100%',
-        marginBottom: '10px'
+        width: '100%'
     },
     image: function (_a) {
         var imageMargin = _a.imageMargin;

package/esm/components/attributes/editMode/NestedAttribute/NestedAttribute.d.ts

@@ -18,7 +18,7 @@ declare const _default: React.MemoExoticComponent<{
         }>>;
         showEmptyEditors: import("prop-types").Requireable<boolean>;
         lazy: import("prop-types").Requireable<boolean>;
-        mode: import("prop-types").Requireable<any>;
+        mode: import("prop-types").Requireable<import("@reltio/mdm-sdk").Mode>;
         metadata: import("prop-types").Requireable<import("prop-types").InferProps<{
             uri: import("prop-types").Requireable<string>;
             description: import("prop-types").Requireable<string>;

package/esm/components/attributes/editMode/Tags/Tags.js

@@ -1,33 +1,77 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 import React, { useCallback } from 'react';
-import { getFacets, EntityAttrTypes, buildFilterQueryString } from '@reltio/mdm-sdk';
+import { EntityAttrTypes, getFacetedAttributeData } from '@reltio/mdm-sdk';
 import DeleteIcon from '@mui/icons-material/Delete';
 import TypeaheadEditor from '../../../editors/TypeaheadEditor/TypeaheadEditor';
 import SmallIconButton from '../../../SmallIconButton/SmallIconButton';
-import { useMdmEntityUri } from '../../../../contexts';
+import { useMdmEntityUri, useMdmGlobalSearchRequestOptions } from '../../../../contexts';
 import { useStyles } from './styles';
-var filtersWithSearch = function (searchQuery) { return [
-    {
-        filter: 'containsWordStartingWith',
-        fieldName: 'tags',
-        values: [searchQuery]
-    }
-]; };
-var getQuery = function (searchQuery) {
-    return searchQuery ? "?filter=".concat(buildFilterQueryString()(filtersWithSearch(searchQuery))) : '';
-};
-var body = [
-    {
-        fieldName: 'tags',
-        orderType: 'reversedCount'
-    }
-];
-var getSuggestions = function (searchQuery) {
-    return getFacets({ query: getQuery(searchQuery), body: body }).then(function (response) { return Object.keys(response.tags); });
-};
 var Tags = function (_a) {
     var className = _a.className, values = _a.values, onChange = _a.onChange, onDelete = _a.onDelete;
     var styles = useStyles();
     var entityUri = useMdmEntityUri();
+    var globalSearchRequestOptions = useMdmGlobalSearchRequestOptions();
+    var getSuggestions = useCallback(function (searchValue, max, pageNo) { return __awaiter(void 0, void 0, void 0, function () {
+        var response;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, getFacetedAttributeData({
+                        fieldName: 'tags',
+                        searchValue: searchValue,
+                        options: __assign(__assign({}, globalSearchRequestOptions), { max: max, pageNo: pageNo })
+                    })];
+                case 1:
+                    response = _a.sent();
+                    return [2 /*return*/, Object.keys(response.tags)];
+            }
+        });
+    }); }, [globalSearchRequestOptions]);
     var handleChange = useCallback(function (tags) {
         onChange({
             value: tags,

package/esm/components/attributes/inline/ComplexAttribute/ComplexAttribute.js

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { areOneHierarchyUris, checkMetadataForDelete, checkMetadataForUpdate, isTempUri, getCrosswalkId, ModeTypes } from '@reltio/mdm-sdk';
+import { areOneHierarchyUris, checkMetadataForDelete, checkMetadataForUpdate, isTempUri, getCrosswalkId, Mode } from '@reltio/mdm-sdk';
 import { useAttributeState } from '../hooks/useAttributeState';
 import { Spacer } from '../../../index';
 import CrosswalkIcon from '../common/CrosswalkIcon';
@@ -16,8 +16,8 @@ var ComplexAttribute = function (_a) {
     var attributeType = _a.attributeType, attributeValue = _a.attributeValue, attributeTypesList = _a.attributeTypesList, label = _a.label, crosswalksMap = _a.crosswalksMap, disableEdit = _a.disableEdit, disableDelete = _a.disableDelete, onPin = _a.onPin, onIgnore = _a.onIgnore, onDelete = _a.onDelete, onEdit = _a.onEdit, onAdd = _a.onAdd, emptyTempAttributeUris = _a.emptyTempAttributeUris;
     var styles = useStyles();
     var _b = useAttributeState(), isReadingMode = _b.isReadingMode, onMouseEnter = _b.onMouseEnter, onMouseLeave = _b.onMouseLeave;
-    var canEdit = !disableEdit && checkMetadataForUpdate(ModeTypes.EDITING, attributeType);
-    var canDelete = !disableDelete && checkMetadataForDelete(ModeTypes.EDITING, attributeType);
+    var canEdit = !disableEdit && checkMetadataForUpdate(Mode.Editing, attributeType);
+    var canDelete = !disableDelete && checkMetadataForDelete(Mode.Editing, attributeType);
     var isTemporary = isTempUri(attributeValue.uri);
     var showPin = !isTemporary && ((!isReadingMode && canEdit) || attributeValue.pin);
     var showIgnore = !isTemporary && ((!isReadingMode && canEdit) || attributeValue.ignored);

package/esm/components/attributes/inline/NestedAttributesBlock/NestedAttributesBlock.js

@@ -21,13 +21,13 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import { checkMetadataForCreate, ModeTypes } from '@reltio/mdm-sdk';
+import { checkMetadataForCreate, Mode } from '@reltio/mdm-sdk';
 import NestedAttribute from '../NestedAttribute/NestedAttribute';
 import Button from '@mui/material/Button';
 import i18n from 'ui-i18n';
 var NestedAttributesBlock = function (_a) {
     var className = _a.className, attributeValues = _a.attributeValues, attributeType = _a.attributeType, onAdd = _a.onAdd, parentUri = _a.parentUri, disableEdit = _a.disableEdit, props = __rest(_a, ["className", "attributeValues", "attributeType", "onAdd", "parentUri", "disableEdit"]);
-    var canCreate = !disableEdit && checkMetadataForCreate(ModeTypes.EDITING, attributeType);
+    var canCreate = !disableEdit && checkMetadataForCreate(Mode.Editing, attributeType);
     return attributeValues.length === 0 && canCreate ? (React.createElement(Button, { variant: "text", color: "primary", onClick: function () {
             return onAdd({
                 parentUri: parentUri,

package/esm/components/attributes/inline/SimpleAttribute/SimpleAttribute.js

@@ -2,7 +2,7 @@ import React, { useEffect, useRef } from 'react';
 import DeleteIcon from '@mui/icons-material/Delete';
 import EditIcon from '@mui/icons-material/Edit';
 import MoreVertIcon from '@mui/icons-material/MoreVert';
-import { checkMetadataForDelete, checkMetadataForUpdate, getAttrDataTypeDefinition, getAttributeValue, getLastUriPart, isAutoGeneratedAttribute, isCrosswalkDisabled, isTempUri, MetadataPermissions, ModeTypes, checkBasicMetadataPermission } from '@reltio/mdm-sdk';
+import { checkMetadataForDelete, checkMetadataForUpdate, getAttrDataTypeDefinition, getAttributeValue, getLastUriPart, isAutoGeneratedAttribute, isCrosswalkDisabled, isTempUri, MetadataPermissions, Mode, checkBasicMetadataPermission } from '@reltio/mdm-sdk';
 import classnames from 'classnames';
 import i18n from 'ui-i18n';
 import DataTypeValue from '../../../DataTypeValue/DataTypeValue';
@@ -22,8 +22,8 @@ var SimpleAttribute = function (_a) {
     var id = getLastUriPart(attributeValue.uri);
     var crosswalkDisabled = isCrosswalkDisabled(crosswalk);
     var canModifyAttribute = !attributeType.system && !crosswalkDisabled;
-    var canEdit = canModifyAttribute && !disableEdit && checkMetadataForUpdate(ModeTypes.EDITING, attributeType);
-    var canDelete = canModifyAttribute && !disableDelete && checkMetadataForDelete(ModeTypes.EDITING, attributeType);
+    var canEdit = canModifyAttribute && !disableEdit && checkMetadataForUpdate(Mode.Editing, attributeType);
+    var canDelete = canModifyAttribute && !disableDelete && checkMetadataForDelete(Mode.Editing, attributeType);
     var isTemporary = isTempUri(attributeValue.uri);
     var hasBasicPermission = checkBasicMetadataPermission(MetadataPermissions.UPDATE, attributeType) && !disableEdit && canModifyAttribute;
     var showPin = !isTemporary && ((!isReadingMode && hasBasicPermission) || attributeValue.pin);

package/esm/components/attributes/inline/SimpleAttributesBlock/SimpleAttributesBlock.js

@@ -22,7 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React from 'react';
 import SimpleAttribute from '../SimpleAttribute';
-import { checkMetadataForCreate, isEntityTypeUri, isEntityUri, isRelationTypeUri, isRelationUri, ModeTypes } from '@reltio/mdm-sdk';
+import { checkMetadataForCreate, isEntityTypeUri, isEntityUri, isRelationTypeUri, isRelationUri, Mode } from '@reltio/mdm-sdk';
 import { useDrop } from 'react-dnd';
 import i18n from 'ui-i18n';
 import { useStyles } from './styles';
@@ -35,7 +35,7 @@ var SimpleAttributesBlock = function (_a) {
             var crosswalk = _a.crosswalk;
             var isRelationCrosswalk = isRelationUri(crosswalk.uri) || crosswalk.ownerType === 'relation';
             var isEntityCrosswalk = isEntityUri(crosswalk.uri) && crosswalk.ownerType === 'entity';
-            return (checkMetadataForCreate(ModeTypes.EDITING, attributeType) &&
+            return (checkMetadataForCreate(Mode.Editing, attributeType) &&
                 !disableEdit &&
                 ((isRelationCrosswalk && isRelationTypeUri(attributeType.uri)) ||
                     (isEntityCrosswalk && isEntityTypeUri(attributeType.uri))));

package/esm/components/attributes/readMode/NestedAttribute/NestedAttribute.d.ts

@@ -22,7 +22,7 @@ declare const _default: React.MemoExoticComponent<{
         }>>;
         showEmptyEditors: import("prop-types").Requireable<boolean>;
         lazy: import("prop-types").Requireable<boolean>;
-        mode: import("prop-types").Requireable<any>;
+        mode: import("prop-types").Requireable<import("@reltio/mdm-sdk").Mode>;
         metadata: import("prop-types").Requireable<import("prop-types").InferProps<{
             uri: import("prop-types").Requireable<string>;
             description: import("prop-types").Requireable<string>;

package/esm/components/crosswalks/AttributesTable/AddAttributesButton/AddAttributesButton.js

@@ -12,7 +12,7 @@ import MoreAttributesButton from '../../../attributes/editMode/MoreAttributesBut
 import { withTableContext } from '../../../BasicTableView';
 import i18n from 'ui-i18n';
 import { both, either, filter, pick, pipe, propEq, propOr, reject } from 'ramda';
-import { checkCanCreateAttribute, isImage, isNested, isReadableAttribute, isReference, ModeTypes } from '@reltio/mdm-sdk';
+import { checkCanCreateAttribute, isImage, isNested, isReadableAttribute, isReference, Mode } from '@reltio/mdm-sdk';
 import { useMdmMetadata } from '../../../../contexts';
 import { useStyles } from './styles';
 export var AddAttributesButton = function (_a) {
@@ -21,7 +21,7 @@ export var AddAttributesButton = function (_a) {
     var metadata = useMdmMetadata();
     var parentType = __spreadArray(__spreadArray([], metadata.entityTypes, true), (metadata.relationTypes || []), true).find(propEq('uri', parentTypeUri));
     var isNotSelected = function (attrType) { return !(selectedAttributeTypes === null || selectedAttributeTypes === void 0 ? void 0 : selectedAttributeTypes.find(propEq('uri', attrType.uri))); };
-    var canCreate = function (attributeType) { return checkCanCreateAttribute({ attributeType: attributeType, mode: ModeTypes.EDITING }); };
+    var canCreate = function (attributeType) { return checkCanCreateAttribute({ attributeType: attributeType, mode: Mode.Editing }); };
     var data = pipe(propOr([], 'attributes'), reject(either(isReference, isImage)), filter(either(isNested, isNotSelected)), filter(both(isReadableAttribute, canCreate)))(parentType);
     var handleAdd = function (addedTypes) {
         var typesToSelect = addedTypes.filter(isNotSelected);

package/esm/components/editors/DataTypeValueEditor/useEditorContext.d.ts

@@ -33,7 +33,7 @@ declare function useEditorContext(fieldName: any, dataTypeDefinition: any): {
     format?: undefined;
     tenant?: undefined;
 } | {
-    getSuggestions: (searchValue: any, max: any, pageNo: any) => Promise<any>;
+    getSuggestions: (searchValue: any, max: any, pageNo: any) => Promise<Record<string, unknown>>;
     entries?: undefined;
     lookups?: undefined;
     lookupCode?: undefined;

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

@@ -1,26 +1,22 @@
-export default TypeaheadEditor;
-declare function TypeaheadEditor({ value, max, getSuggestions, onChange, multiple, fullWidth, InputProps, isCrossedOut, ...inputProps }: {
-    [x: string]: any;
-    value: any;
+/// <reference types="react" />
+import { TextFieldProps } from '@mui/material/TextField';
+type CommonProps = Omit<TextFieldProps, 'onChange' | 'value'> & {
+    getSuggestions?: (value: string, pageSize: number, pageNumber?: number) => Promise<string[]>;
     max?: number;
-    getSuggestions: any;
-    onChange: any;
-    multiple: any;
-    fullWidth: any;
-    InputProps?: {};
+    multiple?: boolean;
+    fullWidth?: boolean;
     isCrossedOut?: boolean;
-}): JSX.Element;
-declare namespace TypeaheadEditor {
-    namespace propTypes {
-        const multiple: PropTypes.Requireable<boolean>;
-        const fullWidth: PropTypes.Requireable<boolean>;
-        const placeholder: PropTypes.Requireable<string>;
-        const value: PropTypes.Requireable<NonNullable<string | string[]>>;
-        const onChange: PropTypes.Validator<(...args: any[]) => any>;
-        const getSuggestions: PropTypes.Validator<(...args: any[]) => any>;
-        const InputProps: PropTypes.Requireable<object>;
-        const max: PropTypes.Requireable<number>;
-        const isCrossedOut: PropTypes.Requireable<boolean>;
-    }
-}
-import PropTypes from 'prop-types';
+};
+type MultipleProps = CommonProps & {
+    value: string[];
+    onChange: (values: string[]) => void;
+    multiple: true;
+};
+type SingleProps = CommonProps & {
+    value: string;
+    onChange: (value: string) => void;
+    multiple?: false;
+};
+export type Props = MultipleProps | SingleProps;
+declare const TypeaheadEditor: ({ value, max, getSuggestions, onChange, multiple, fullWidth, InputProps, isCrossedOut, ...inputProps }: Props) => JSX.Element;
+export default TypeaheadEditor;