@reltio/components 1.4.1836-hf → 1.4.1837

package/cjs/DropDownSelector/DropDownSelector.test.js

@@ -0,0 +1,43 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var enzyme_1 = require("enzyme");
+var Select_1 = __importDefault(require("../components/ReactSelect/Select"));
+var AsyncSelect_1 = __importDefault(require("../components/ReactSelect/AsyncSelect"));
+var DropDownSelector_1 = require("./DropDownSelector");
+describe('DropDownSelector', function () {
+    it('should contain Menu by default', function () {
+        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(DropDownSelector_1.DropDownSelector, { label: 'label' }));
+        expect(wrapper.prop('components').Menu.name).not.toEqual('EmptyStub');
+    });
+    it('should not contain ClearIndicator and IndicatorSeparator by default', function () {
+        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(DropDownSelector_1.DropDownSelector, { label: 'label' }));
+        expect(wrapper.prop('components').IndicatorSeparator.name).toEqual('EmptyStub');
+        expect(wrapper.prop('components').ClearIndicator.name).toEqual('EmptyStub');
+    });
+    it('should render Select if "getOptions" prop is not provided', function () {
+        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(DropDownSelector_1.DropDownSelector, { label: 'label' }));
+        expect(wrapper.find(Select_1.default).length).toBe(1);
+        expect(wrapper.find(AsyncSelect_1.default).length).toBe(0);
+    });
+    it('should render AsyncSelect if "getOptions" prop is provided', function () {
+        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(DropDownSelector_1.DropDownSelector, { getOptions: function () { }, label: 'label' }));
+        expect(wrapper.find(Select_1.default).length).toBe(0);
+        expect(wrapper.find(AsyncSelect_1.default).length).toBe(1);
+        expect(wrapper.find(AsyncSelect_1.default).prop('onCreate')).toBe(undefined);
+    });
+    it('should render Select if "getOptions" prop is not provided', function () {
+        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(DropDownSelector_1.DropDownSelector, { label: 'label' }));
+        expect(wrapper.find(Select_1.default).length).toBe(1);
+        expect(wrapper.find(Select_1.default).prop('onCreate')).toBe(undefined);
+        expect(wrapper.find(AsyncSelect_1.default).length).toBe(0);
+    });
+    it('should provide "onCreate" prop to Select component if "onCreate" prop is specified', function () {
+        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(DropDownSelector_1.DropDownSelector, { label: 'label', onCreate: function () { } }));
+        expect(wrapper.find(Select_1.default).length).toBe(1);
+        expect(wrapper.find(Select_1.default).prop('onCreate')).toEqual(expect.any(Function));
+    });
+});

package/cjs/DropDownSelector/components/Menu/Menu.d.ts

@@ -0,0 +1,8 @@
+export function Menu(props: any): JSX.Element;
+export namespace Menu {
+    namespace propTypes {
+        let children: PropTypes.Validator<PropTypes.ReactElementLike>;
+        let selectProps: PropTypes.Validator<object>;
+    }
+}
+import PropTypes from 'prop-types';

package/cjs/DropDownSelector/components/Menu/Menu.js

@@ -0,0 +1,37 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Menu = void 0;
+var react_1 = __importDefault(require("react"));
+var prop_types_1 = __importDefault(require("prop-types"));
+var ramda_1 = require("ramda");
+var Add_1 = __importDefault(require("@mui/icons-material/Add"));
+var ReactSelectMenuWithPopper_1 = require("../../../ReactSelectMenuWithPopper");
+var styles_1 = require("./styles");
+var Menu = function (props) {
+    var _a = props.selectProps, onCreate = _a.onCreate, createLabel = _a.createLabel, inputValue = _a.inputValue, components = _a.components, children = props.children;
+    var styles = (0, styles_1.useStyles)();
+    return (react_1.default.createElement(ReactSelectMenuWithPopper_1.ReactSelectMenuWithPopper, __assign({}, props),
+        children,
+        createLabel && !(0, ramda_1.prop)('Group', components) && (react_1.default.createElement("span", { className: styles.addLabel, onClick: function () { return onCreate(inputValue); } },
+            react_1.default.createElement(Add_1.default, { className: styles.addIcon }),
+            createLabel))));
+};
+exports.Menu = Menu;
+exports.Menu.propTypes = {
+    children: prop_types_1.default.element.isRequired,
+    selectProps: prop_types_1.default.object.isRequired
+};

package/cjs/DropDownSelector/components/Menu/index.d.ts

@@ -0,0 +1 @@
+export { Menu } from './Menu';

package/cjs/DropDownSelector/components/Menu/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Menu = void 0;
+var Menu_1 = require("./Menu");
+Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return Menu_1.Menu; } });

package/cjs/DropDownSelector/components/Menu/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"addLabel" | "addIcon">;

package/cjs/DropDownSelector/components/Menu/styles.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@mui/styles");
+exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
+    addLabel: {
+        display: 'flex',
+        padding: '0 7px',
+        height: '35px',
+        alignItems: 'center',
+        fontSize: '13px',
+        fontWeight: '500',
+        color: theme.palette.primary.main,
+        cursor: 'pointer',
+        textOverflow: 'ellipsis',
+        overflow: 'hidden',
+        whiteSpace: 'nowrap',
+        borderTop: 'solid 1px rgba(0, 0, 0, 0.14)',
+        backgroundColor: 'rgba(0, 0, 0, 0.03)'
+    },
+    addIcon: {
+        height: '18px',
+        width: '18px',
+        padding: '0 9px'
+    }
+}); });

package/cjs/DropDownSelector/components/SingleValue/SingleValue.d.ts

@@ -0,0 +1,8 @@
+export function SingleValue(props: any): JSX.Element;
+export namespace SingleValue {
+    namespace propTypes {
+        let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        let innerProps: PropTypes.Requireable<object>;
+    }
+}
+import PropTypes from 'prop-types';

package/cjs/DropDownSelector/components/SingleValue/SingleValue.js

@@ -0,0 +1,31 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SingleValue = void 0;
+var react_1 = __importDefault(require("react"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var prop_types_1 = __importDefault(require("prop-types"));
+var styles_1 = require("./styles");
+var SingleValue = function (props) {
+    var menuIsOpen = props.selectProps.menuIsOpen, innerProps = props.innerProps, children = props.children;
+    var styles = (0, styles_1.useStyles)();
+    return (!menuIsOpen && (react_1.default.createElement(Typography_1.default, __assign({ className: styles.singleValue }, innerProps), children)));
+};
+exports.SingleValue = SingleValue;
+exports.SingleValue.propTypes = {
+    children: prop_types_1.default.node,
+    innerProps: prop_types_1.default.object
+};

package/cjs/DropDownSelector/components/SingleValue/index.d.ts

@@ -0,0 +1 @@
+export { SingleValue } from './SingleValue';

package/cjs/DropDownSelector/components/SingleValue/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SingleValue = void 0;
+var SingleValue_1 = require("./SingleValue");
+Object.defineProperty(exports, "SingleValue", { enumerable: true, get: function () { return SingleValue_1.SingleValue; } });

package/cjs/DropDownSelector/components/SingleValue/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"singleValue">;

package/cjs/DropDownSelector/components/SingleValue/styles.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@mui/styles");
+exports.useStyles = (0, styles_1.makeStyles)({
+    singleValue: {
+        fontSize: '14px',
+        lineHeight: '16px',
+        whiteSpace: 'nowrap',
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+        marginTop: '17px'
+    }
+});

package/cjs/DropDownSelector/index.d.ts

@@ -0,0 +1 @@
+export { DropDownSelector } from './DropDownSelector';

package/cjs/DropDownSelector/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropDownSelector = void 0;
+var DropDownSelector_1 = require("./DropDownSelector");
+Object.defineProperty(exports, "DropDownSelector", { enumerable: true, get: function () { return DropDownSelector_1.DropDownSelector; } });

package/cjs/DropDownSelector/styles.d.ts

@@ -0,0 +1,16 @@
+export const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"control" | "formControl" | "inputLabel" | "filledInputRoot" | "valueContainer" | "dropdownIndicator" | "filledInputUnderline">;
+export namespace customStyles {
+    function menu(baseStyles: any): any;
+    function menuList(baseStyles: any): any;
+    function group(baseStyles: any): any;
+    function input(baseStyles: any): any;
+    function option(baseStyles: any): any;
+}
+export namespace overloadMenuListStyle {
+    export function menuList_1(baseStyles: any): any;
+    export { menuList_1 as menuList };
+}
+export namespace withoutLabelInputStyle {
+    export function input_1(baseStyles: any): any;
+    export { input_1 as input };
+}

package/cjs/EditModeAttributesPager/components/AttributeRenderer/AttributeRenderer.js

@@ -31,7 +31,7 @@ var classnames_1 = __importDefault(require("classnames"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var ramda_1 = require("ramda");
 var BranchDecorator_1 = require("../../../BranchDecorator");
-var ErrorMessage_1 = __importDefault(require("../../../components/ErrorWrapper/ErrorMessage"));
+var ErrorMessage_1 = require("../../../ErrorMessage");
 var Title_1 = __importDefault(require("../../../components/Title/Title"));
 var OvIcon_1 = require("../../../OvIcon");
 var ShowLess_1 = require("../../../ShowLess");
@@ -118,7 +118,7 @@ var AttributeRenderer = function (_a) {
                 react_1.default.createElement(DescriptionIcon_1.DescriptionIcon, { description: description }),
                 react_1.default.createElement(OvIcon_1.OvIcon, { nonOvValues: nonVisibleValues, attributeType: attributeType, className: styles.ovIcon, nonOvTotal: totalNonVisibleValues })),
             isEditableMode && react_1.default.createElement(CardinalityMessage_1.CardinalityMessage, { cardinality: cardinality }),
-            isEditableMode && react_1.default.createElement(ErrorMessage_1.default, { message: errorMessage, className: styles.typeError }),
+            isEditableMode && react_1.default.createElement(ErrorMessage_1.ErrorMessage, { message: errorMessage, className: styles.typeError }),
             react_1.default.createElement("div", { className: styles.attributesWrapper },
                 shownValues.map(function (value, idx) { return (react_1.default.createElement(EditModeAttributesFactory_1.EditModeAttribute, { key: value.uri, attributeValue: value, attributeType: attributeType, lazy: showEmpty && !isRequired, showEmptyEditors: showEmptyEditors, errors: errors, ownError: (0, mdm_sdk_1.getAttributeOwnError)(value, idx, attributeType.uri, errors), mode: mode, crosswalks: crosswalks, onAddOneMore: lastIndex === idx ? onAddOneMore : null, onAddAttributes: onAddAttributes, onDeleteAttribute: onDelete, onChangeAttribute: onChangeAttribute, onDeactivateError: onDeactivateError, additionalControlsRenderer: additionalControlsRenderer, className: idx === 0 ? highlightedClassName : null, ref: idx === 0 ? attributeRef : null, isEmptyEditor: showEmpty })); }),
                 showMore && (react_1.default.createElement(ShowMore_1.ShowMore, { moreNumber: (0, ramda_1.min)(max, hiddenValuesCount), valueNumber: hiddenValuesCount, onClick: onShowMore })),

package/cjs/EditModeAttributesPager/components/AttributeRenderer/AttributeRenderer.test.js

@@ -43,7 +43,7 @@ var test_utils_1 = require("react-dom/test-utils");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var EditModeAttributesFactory_1 = require("../../../EditModeAttributesFactory");
 var CardinalityMessage_1 = require("../../../CardinalityMessage");
-var ErrorMessage_1 = __importDefault(require("../../../components/ErrorWrapper/ErrorMessage"));
+var ErrorMessage_1 = require("../../../ErrorMessage");
 var Title_1 = __importDefault(require("../../../components/Title/Title"));
 var ShowMore_1 = require("../../../ShowMore");
 var ShowLess_1 = require("../../../ShowLess");
@@ -159,7 +159,7 @@ describe('AttributeRenderer', function () {
             nonOvTotal: 1
         });
         expect(decorator.find(CardinalityMessage_1.CardinalityMessage).length).toBe(1);
-        expect(decorator.find(ErrorMessage_1.default).length).toBe(1);
+        expect(decorator.find(ErrorMessage_1.ErrorMessage).length).toBe(1);
         expect(decorator.find(ShowMore_1.ShowMore).length).toBe(0);
         expect(decorator.find(ShowLess_1.ShowLess).length).toBe(0);
         expect(decorator.find(EditModeAttributesFactory_1.EditModeAttribute).length).toBe(2);
@@ -217,7 +217,7 @@ describe('AttributeRenderer', function () {
     it('should display errorMessage prop value inside ErrorMessage component', function () {
         var props = __assign(__assign({}, defaultProps), { errorMessage: '123' });
         var component = setUp(props);
-        expect(component.find(ErrorMessage_1.default).prop('message')).toBe(props.errorMessage);
+        expect(component.find(ErrorMessage_1.ErrorMessage).prop('message')).toBe(props.errorMessage);
     });
     it('should map "missed" error with appropriate attributeTypeUri to first attribute value', function () {
         var props = __assign(__assign({}, defaultProps), { values: undefined, showEmptyEditors: true, errors: [

package/cjs/EditModeAttributesPager/components/ImageLineRenderer/ImageLineRenderer.js

@@ -36,7 +36,7 @@ var DescriptionIcon_1 = require("../../../DescriptionIcon");
 var ImageAttributesLineEditor_1 = require("../../../ImageAttributesLineEditor");
 var useScrollToAttribute_1 = require("../../../hooks/useScrollToAttribute/useScrollToAttribute");
 var useScrollToAttributeError_1 = require("../../../hooks/useScrollToAttributeError/useScrollToAttributeError");
-var ErrorWrapper_1 = __importDefault(require("../../../components/ErrorWrapper/ErrorWrapper"));
+var ErrorWrapper_1 = require("../../../ErrorWrapper");
 var styles_1 = require("../../styles");
 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, error = _a.error, highlightedError = _a.highlightedError, onDeactivateError = _a.onDeactivateError;
@@ -54,7 +54,7 @@ var ImageLineRenderer = function (_a) {
             react_1.default.createElement("div", { className: styles.titleWrapper },
                 react_1.default.createElement(Title_1.default, { className: styles.title, label: label, "data-reltio-id": "reltio-attribute-label", isRequired: isRequired }),
                 react_1.default.createElement(DescriptionIcon_1.DescriptionIcon, { description: description })),
-            react_1.default.createElement(ErrorWrapper_1.default, { errorMessage: error === null || error === void 0 ? void 0 : error.message, className: styles.errorWrapper },
+            react_1.default.createElement(ErrorWrapper_1.ErrorWrapper, { errorMessage: error === null || error === void 0 ? void 0 : error.message, className: styles.errorWrapper },
                 react_1.default.createElement(ImageAttributesLineEditor_1.ImageAttributesLineEditor, { attributeValues: attributeValues, attributeType: attributeType, paging: paging, onDeleteAttribute: onDeleteAttribute, parentUri: parentUri, onChangeAttribute: (0, ramda_1.pipe)(onChangeAttribute, deactivateError), requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv })))));
 };
 exports.ImageLineRenderer = ImageLineRenderer;

package/cjs/EditModeAttributesPager/components/SpecialRenderer/SpecialRenderer.js

@@ -55,7 +55,7 @@ var ramda_1 = require("ramda");
 var Box_1 = __importDefault(require("@mui/material/Box"));
 var Title_1 = __importDefault(require("../../../components/Title/Title"));
 var CardinalityMessage_1 = require("../../../CardinalityMessage");
-var ErrorMessage_1 = __importDefault(require("../../../components/ErrorWrapper/ErrorMessage"));
+var ErrorMessage_1 = require("../../../ErrorMessage");
 var EditModeAttributesFactory_1 = require("../../../EditModeAttributesFactory");
 var RolesEditor_1 = require("../../../RolesEditor");
 var TagsEditor_1 = require("../../../TagsEditor");
@@ -105,7 +105,7 @@ var SpecialRenderer = function (_a) {
     return (react_1.default.createElement("div", { ref: ref, className: (0, classnames_1.default)(highlightedClassName, styles.wrapper) },
         react_1.default.createElement(Title_1.default, { label: label, isRequired: isRequired, className: (0, classnames_1.default)(styles.title, styles.titleWrapper), "data-reltio-id": "reltio-attribute-label" }),
         isEditableMode && react_1.default.createElement(CardinalityMessage_1.CardinalityMessage, { cardinality: cardinality }),
-        isEditableMode && react_1.default.createElement(ErrorMessage_1.default, { message: errorMessage }),
+        isEditableMode && react_1.default.createElement(ErrorMessage_1.ErrorMessage, { message: errorMessage }),
         react_1.default.createElement(Box_1.default, { className: styles.attributesWrapper }, renderValue())));
 };
 exports.default = (0, withContext_1.withContext)(HasDeletionsContext_1.HasDeletionsContext, function (contextValue, _a) {

package/cjs/EditModeAttributesPager/styles.d.ts

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

package/cjs/EditModeComplexAttribute/EditModeComplexAttribute.js

@@ -49,7 +49,7 @@ var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var SmallIconButton_1 = require("../SmallIconButton");
 var withContext_1 = require("../HOCs/withContext");
 var ArrowExpandButton_1 = require("../ArrowExpandButton");
-var ErrorWrapper_1 = __importDefault(require("../components/ErrorWrapper/ErrorWrapper"));
+var ErrorWrapper_1 = require("../ErrorWrapper");
 var EditModeAttributesList_1 = require("../EditModeAttributesList");
 var ConfigPermissionsContext_1 = require("../contexts/ConfigPermissionsContext");
 var ScrollToElementContext_1 = require("../contexts/ScrollToElementContext");
@@ -108,7 +108,7 @@ var EditModeComplexAttribute = function (_a) {
         react_1.default.createElement("div", { className: styles.editor },
             react_1.default.createElement("div", { className: styles.titleContainer },
                 react_1.default.createElement(ArrowExpandButton_1.ArrowExpandButton, { onClick: function () { return setExpanded(function (value) { return !value; }); }, expanded: expanded, className: styles.expandButton, disabled: deleted }),
-                react_1.default.createElement(ErrorWrapper_1.default, { errorMessage: errorMessage, classes: { helperText: styles.errorWrapperHelperText } },
+                react_1.default.createElement(ErrorWrapper_1.ErrorWrapper, { errorMessage: errorMessage, classes: { helperText: styles.errorWrapperHelperText } },
                     react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.label, (_b = {}, _b[styles.deleted] = deleted, _b)), "data-reltio-id": "reltio-attribute-complex-label" }, label))),
             react_1.default.createElement("div", { className: styles.actions },
                 edited && (react_1.default.createElement(Typography_1.default, { variant: "caption", className: styles.editedLabel },

package/cjs/EditModeComplexAttribute/EditModeComplexAttribute.test.js

@@ -47,7 +47,7 @@ var nestedAttrType_test_data_1 = require("./nestedAttrType.test-data");
 var nestedAttrValue_test_data_1 = require("./nestedAttrValue.test-data");
 var EditModeAttributesList_1 = require("../EditModeAttributesList");
 var SmallIconButton_1 = require("../SmallIconButton");
-var ErrorWrapper_1 = __importDefault(require("../components/ErrorWrapper/ErrorWrapper"));
+var ErrorWrapper_1 = require("../ErrorWrapper");
 var ArrowExpandButton_1 = require("../ArrowExpandButton");
 var useScrollToAttributeErrorImport = __importStar(require("../hooks/useScrollToAttributeError/useScrollToAttributeError"));
 var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
@@ -297,7 +297,7 @@ describe('EditModeComplexAttribute', function () {
     });
     it('should not show error message if error prop is not specified', function () {
         var component = setUp(defaultProps);
-        expect(component.find(ErrorWrapper_1.default).prop('errorMessage')).toBe('');
+        expect(component.find(ErrorWrapper_1.ErrorWrapper).prop('errorMessage')).toBe('');
     });
     it('should show error message if ownError prop is specified', function () {
         var props = __assign(__assign({}, defaultProps), { ownError: {
@@ -309,13 +309,13 @@ describe('EditModeComplexAttribute', function () {
             } });
         var component = setUp(props);
         expect(isComplexAttributeExpanded(component)).toBe(false);
-        expect(component.find(ErrorWrapper_1.default).prop('errorMessage')).toBe(props.ownError.message);
+        expect(component.find(ErrorWrapper_1.ErrorWrapper).prop('errorMessage')).toBe(props.ownError.message);
     });
     it('should become expanded and show special error message if errors props contains descendants errors', function () {
         var props = __assign(__assign({}, defaultProps), { onAddAttributes: jest.fn(), onDeleteAttribute: jest.fn(), onChangeAttribute: jest.fn(), errors: [] });
         var component = (0, enzyme_1.mount)(react_1.default.createElement(EditModeComplexAttribute_1.default, __assign({}, props)));
         expect(isComplexAttributeExpanded(component)).toBe(false);
-        expect(component.find(ErrorWrapper_1.default).prop('errorMessage')).toBe('');
+        expect(component.find(ErrorWrapper_1.ErrorWrapper).prop('errorMessage')).toBe('');
         component.setProps({
             errors: [
                 {
@@ -329,7 +329,7 @@ describe('EditModeComplexAttribute', function () {
         });
         component.update();
         expect(isComplexAttributeExpanded(component)).toBe(true);
-        expect(component.find(ErrorWrapper_1.default).at(0).prop('errorMessage')).toBe('Has an incorrect value');
+        expect(component.find(ErrorWrapper_1.ErrorWrapper).at(0).prop('errorMessage')).toBe('Has an incorrect value');
     });
     it('should become collapsed after setting "state" prop to "deleted"', function () {
         var props = __assign(__assign({}, defaultProps), { onAddAttributes: jest.fn(), onDeleteAttribute: jest.fn(), onChangeAttribute: jest.fn() });

package/cjs/EditModeComplexAttribute/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"label" | "deleted" | "actions" | "editor" | "expandButton" | "editedLabel" | "complexWrapper" | "titleContainer" | "errorWrapperHelperText">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"label" | "deleted" | "actions" | "expandButton" | "editor" | "editedLabel" | "complexWrapper" | "titleContainer" | "errorWrapperHelperText">;

package/cjs/EditorsFactory/EditorsFactory.d.ts

@@ -0,0 +1,8 @@
+export class EditorsFactory {
+    static build(type: any, { fullWidth, TextFieldProps, color, booleanRadioEditorClassName, ...otherProps }?: {
+        fullWidth: any;
+        TextFieldProps: any;
+        color: any;
+        booleanRadioEditorClassName: any;
+    }): JSX.Element;
+}

package/cjs/EditorsFactory/EditorsFactory.js

@@ -0,0 +1,98 @@
+"use strict";
+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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EditorsFactory = void 0;
+var react_1 = __importDefault(require("react"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var BooleanRadioEditor_1 = require("../BooleanRadioEditor");
+var DateEditor_1 = require("../DateEditor");
+var LookupEditor_1 = require("../LookupEditor");
+var NumberEditor_1 = require("../NumberEditor");
+var TextEditor_1 = require("../TextEditor");
+var TimestampEditor_1 = require("../TimestampEditor");
+var TypeaheadEditor_1 = require("../TypeaheadEditor");
+var DependentLookupEditor_1 = require("../DependentLookupEditor");
+var FileTypeEditor_1 = require("../FileTypeEditor");
+var SelectEditor_1 = require("../SelectEditor");
+var EditorsFactory = /** @class */ (function () {
+    function EditorsFactory() {
+    }
+    EditorsFactory.build = function (type, _a) {
+        if (_a === void 0) { _a = {}; }
+        var fullWidth = _a.fullWidth, TextFieldProps = _a.TextFieldProps, color = _a.color, booleanRadioEditorClassName = _a.booleanRadioEditorClassName, otherProps = __rest(_a, ["fullWidth", "TextFieldProps", "color", "booleanRadioEditorClassName"]);
+        switch (type) {
+            case mdm_sdk_1.DataTypes.TYPE_STRING:
+            case mdm_sdk_1.DataTypes.TYPE_CIK_ID:
+            case mdm_sdk_1.DataTypes.TYPE_ENTITY_ID:
+            case mdm_sdk_1.DataTypes.TYPE_URL:
+            case mdm_sdk_1.DataTypes.TYPE_BLOG_URL:
+            case mdm_sdk_1.DataTypes.TYPE_IMAGE_URL:
+                return react_1.default.createElement(TextEditor_1.TextEditor, __assign({ fullWidth: fullWidth }, TextFieldProps, otherProps));
+            case mdm_sdk_1.DataTypes.TYPE_EMAIL:
+                return react_1.default.createElement(TextEditor_1.TextEditor, __assign({ fullWidth: fullWidth }, TextFieldProps, otherProps, { type: 'email' }));
+            case mdm_sdk_1.DataTypes.TYPE_TEXT:
+            case mdm_sdk_1.DataTypes.TYPE_BLOB:
+                return (react_1.default.createElement(TextEditor_1.TextEditor, __assign({ fullWidth: fullWidth, maxRows: 7, minRows: 2 }, TextFieldProps, otherProps, { multiline: true })));
+            case mdm_sdk_1.DataTypes.TYPE_PASSWORD:
+                return react_1.default.createElement(TextEditor_1.TextEditor, __assign({ fullWidth: fullWidth }, TextFieldProps, otherProps, { type: "password" }));
+            case mdm_sdk_1.DataTypes.TYPE_LONG:
+            case mdm_sdk_1.DataTypes.TYPE_INT:
+            case mdm_sdk_1.DataTypes.TYPE_COUNT:
+                return react_1.default.createElement(NumberEditor_1.NumberEditor, __assign({ fullWidth: fullWidth }, TextFieldProps, otherProps, { integer: true }));
+            case mdm_sdk_1.DataTypes.TYPE_FLOAT:
+            case mdm_sdk_1.DataTypes.TYPE_DOUBLE:
+            case mdm_sdk_1.DataTypes.TYPE_NUMBER:
+            case mdm_sdk_1.DataTypes.TYPE_DOLLAR:
+                return react_1.default.createElement(NumberEditor_1.NumberEditor, __assign({ fullWidth: fullWidth }, TextFieldProps, otherProps));
+            case mdm_sdk_1.DataTypes.TYPE_BOOLEAN:
+            case mdm_sdk_1.DataTypes.TYPE_BOOLEAN_RADIO:
+            case mdm_sdk_1.DataTypes.TYPE_RDM_LOOKUPS_NOT_RESOLVED:
+                return react_1.default.createElement(BooleanRadioEditor_1.BooleanRadioEditor, __assign({ color: color }, otherProps, { className: booleanRadioEditorClassName }));
+            case mdm_sdk_1.DataTypes.TYPE_DATE:
+            case mdm_sdk_1.DataTypes.TYPE_ACTIVENESS_DATE:
+            case mdm_sdk_1.DataTypes.TYPE_LOCAL_DATE:
+                return react_1.default.createElement(DateEditor_1.DateEditor, __assign({ slotProps: { textField: TextFieldProps } }, otherProps));
+            case mdm_sdk_1.DataTypes.TYPE_TIMESTAMP:
+                return react_1.default.createElement(TimestampEditor_1.TimestampEditor, __assign({ slotProps: { textField: TextFieldProps } }, otherProps));
+            case mdm_sdk_1.DataTypes.TYPE_ENUM:
+            case mdm_sdk_1.DataTypes.TYPE_SELECT:
+                return react_1.default.createElement(SelectEditor_1.SelectEditor, __assign({ fullWidth: fullWidth, TextFieldProps: TextFieldProps }, otherProps));
+            case mdm_sdk_1.DataTypes.TYPE_LOOKUP:
+                return react_1.default.createElement(LookupEditor_1.LookupEditor, __assign({ fullWidth: fullWidth, TextFieldProps: TextFieldProps }, otherProps));
+            case mdm_sdk_1.DataTypes.TYPE_TYPEAHEAD:
+                return react_1.default.createElement(TypeaheadEditor_1.TypeaheadEditor, __assign({ fullWidth: fullWidth }, TextFieldProps, otherProps));
+            case mdm_sdk_1.DataTypes.TYPE_DEPENDENT_LOOKUP:
+                return react_1.default.createElement(DependentLookupEditor_1.DependentLookupEditor, __assign({ fullWidth: fullWidth, TextFieldProps: TextFieldProps }, otherProps));
+            case mdm_sdk_1.DataTypes.TYPE_FILE:
+                return react_1.default.createElement(FileTypeEditor_1.FileTypeEditor, __assign({}, otherProps));
+            default:
+                return react_1.default.createElement(TextEditor_1.TextEditor, __assign({ fullWidth: fullWidth }, TextFieldProps, otherProps));
+        }
+    };
+    return EditorsFactory;
+}());
+exports.EditorsFactory = EditorsFactory;

package/cjs/EditorsFactory/EditorsFactory.test.d.ts

@@ -0,0 +1 @@
+export {};

package/cjs/EditorsFactory/EditorsFactory.test.js

@@ -0,0 +1,90 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var BooleanRadioEditor_1 = require("../BooleanRadioEditor");
+var DateEditor_1 = require("../DateEditor");
+var EditorsFactory_1 = require("./EditorsFactory");
+var LookupEditor_1 = require("../LookupEditor");
+var NumberEditor_1 = require("../NumberEditor");
+var TextEditor_1 = require("../TextEditor");
+var TimestampEditor_1 = require("../TimestampEditor");
+var TypeaheadEditor_1 = require("../TypeaheadEditor");
+var SelectEditor_1 = require("../SelectEditor");
+describe('EditorsFactory', function () {
+    it('should render string editor for non-specified type', function () {
+        expect(EditorsFactory_1.EditorsFactory.build('Anything')).toEqual(react_1.default.createElement(TextEditor_1.TextEditor, null));
+    });
+    it('should render TextEditor for "String" type', function () {
+        expect(EditorsFactory_1.EditorsFactory.build(mdm_sdk_1.DataTypes.TYPE_STRING)).toEqual(react_1.default.createElement(TextEditor_1.TextEditor, null));
+    });
+    it('should render multiline TextEditor for "Text" type', function () {
+        expect(EditorsFactory_1.EditorsFactory.build(mdm_sdk_1.DataTypes.TYPE_TEXT)).toEqual(react_1.default.createElement(TextEditor_1.TextEditor, { multiline: true, maxRows: 7, minRows: 2 }));
+    });
+    it('should render password TextEditor for "Password" type', function () {
+        expect(EditorsFactory_1.EditorsFactory.build(mdm_sdk_1.DataTypes.TYPE_PASSWORD)).toEqual(react_1.default.createElement(TextEditor_1.TextEditor, { type: 'password' }));
+    });
+    it('should render NumberEditor with integer option for "Long" type', function () {
+        expect(EditorsFactory_1.EditorsFactory.build(mdm_sdk_1.DataTypes.TYPE_LONG)).toEqual(react_1.default.createElement(NumberEditor_1.NumberEditor, { integer: true }));
+    });
+    it('should render NumberEditor with integer option for "Int" type', function () {
+        expect(EditorsFactory_1.EditorsFactory.build(mdm_sdk_1.DataTypes.TYPE_INT)).toEqual(react_1.default.createElement(NumberEditor_1.NumberEditor, { integer: true }));
+    });
+    it('should render NumberEditor for "Dollar" type', function () {
+        expect(EditorsFactory_1.EditorsFactory.build(mdm_sdk_1.DataTypes.TYPE_DOLLAR)).toEqual(react_1.default.createElement(NumberEditor_1.NumberEditor, null));
+    });
+    it('should render NumberEditor for "Float" type', function () {
+        expect(EditorsFactory_1.EditorsFactory.build(mdm_sdk_1.DataTypes.TYPE_FLOAT)).toEqual(react_1.default.createElement(NumberEditor_1.NumberEditor, null));
+    });
+    it('should render NumberEditor for "Double" type', function () {
+        expect(EditorsFactory_1.EditorsFactory.build(mdm_sdk_1.DataTypes.TYPE_DOUBLE)).toEqual(react_1.default.createElement(NumberEditor_1.NumberEditor, null));
+    });
+    it('should render NumberEditor for "Number" type', function () {
+        expect(EditorsFactory_1.EditorsFactory.build(mdm_sdk_1.DataTypes.TYPE_NUMBER)).toEqual(react_1.default.createElement(NumberEditor_1.NumberEditor, null));
+    });
+    it('should render BooleanEditor for "Boolean" type', function () {
+        expect(EditorsFactory_1.EditorsFactory.build(mdm_sdk_1.DataTypes.TYPE_BOOLEAN)).toEqual(react_1.default.createElement(BooleanRadioEditor_1.BooleanRadioEditor, null));
+    });
+    it('should render BooleanRadioEditor for "Boolean_Radio" type', function () {
+        expect(EditorsFactory_1.EditorsFactory.build(mdm_sdk_1.DataTypes.TYPE_BOOLEAN_RADIO)).toEqual(react_1.default.createElement(BooleanRadioEditor_1.BooleanRadioEditor, null));
+    });
+    it('should render DateEditor for "Date" type', function () {
+        expect(EditorsFactory_1.EditorsFactory.build(mdm_sdk_1.DataTypes.TYPE_DATE)).toEqual(react_1.default.createElement(DateEditor_1.DateEditor, { slotProps: { textField: undefined } }));
+    });
+    it('should render TimestampEditor for "Timestamp" type', function () {
+        expect(EditorsFactory_1.EditorsFactory.build(mdm_sdk_1.DataTypes.TYPE_TIMESTAMP)).toEqual(react_1.default.createElement(TimestampEditor_1.TimestampEditor, { slotProps: { textField: undefined } }));
+    });
+    it('should render multiline TextEditor for "Blob" type', function () {
+        expect(EditorsFactory_1.EditorsFactory.build(mdm_sdk_1.DataTypes.TYPE_BLOB)).toEqual(react_1.default.createElement(TextEditor_1.TextEditor, { multiline: true, maxRows: 7, minRows: 2 }));
+    });
+    it('should render SelectEditor for "Enum" type', function () {
+        expect(EditorsFactory_1.EditorsFactory.build(mdm_sdk_1.DataTypes.TYPE_ENUM)).toEqual(react_1.default.createElement(SelectEditor_1.SelectEditor, null));
+    });
+    it('should render TextEditor for "cik id" type', function () {
+        expect(EditorsFactory_1.EditorsFactory.build(mdm_sdk_1.DataTypes.TYPE_CIK_ID)).toEqual(react_1.default.createElement(TextEditor_1.TextEditor, null));
+    });
+    it('should render LookupEditor for "Lookup" type', function () {
+        expect(EditorsFactory_1.EditorsFactory.build(mdm_sdk_1.DataTypes.TYPE_LOOKUP)).toEqual(react_1.default.createElement(LookupEditor_1.LookupEditor, null));
+    });
+    it('should render TypeaheadEditor for "Typeahead" type', function () {
+        expect(EditorsFactory_1.EditorsFactory.build(mdm_sdk_1.DataTypes.TYPE_TYPEAHEAD)).toEqual(react_1.default.createElement(TypeaheadEditor_1.TypeaheadEditor, null));
+    });
+    it('should render TextEditor for "URL" type', function () {
+        expect(EditorsFactory_1.EditorsFactory.build(mdm_sdk_1.DataTypes.TYPE_URL)).toEqual(react_1.default.createElement(TextEditor_1.TextEditor, null));
+    });
+    it('should render TextEditor for "Blog URL" type', function () {
+        expect(EditorsFactory_1.EditorsFactory.build(mdm_sdk_1.DataTypes.TYPE_BLOG_URL)).toEqual(react_1.default.createElement(TextEditor_1.TextEditor, null));
+    });
+    it('should render TextEditor for "Image URL" type', function () {
+        expect(EditorsFactory_1.EditorsFactory.build(mdm_sdk_1.DataTypes.TYPE_IMAGE_URL)).toEqual(react_1.default.createElement(TextEditor_1.TextEditor, null));
+    });
+    it('should render TextEditor for "Email" type', function () {
+        expect(EditorsFactory_1.EditorsFactory.build(mdm_sdk_1.DataTypes.TYPE_EMAIL)).toEqual(react_1.default.createElement(TextEditor_1.TextEditor, { type: 'email' }));
+    });
+    it('should render SelectEditor for "Select" type', function () {
+        expect(EditorsFactory_1.EditorsFactory.build(mdm_sdk_1.DataTypes.TYPE_SELECT)).toEqual(react_1.default.createElement(SelectEditor_1.SelectEditor, null));
+    });
+});

package/cjs/EditorsFactory/index.d.ts

@@ -0,0 +1 @@
+export { EditorsFactory } from './EditorsFactory';

package/cjs/EditorsFactory/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EditorsFactory = void 0;
+var EditorsFactory_1 = require("./EditorsFactory");
+Object.defineProperty(exports, "EditorsFactory", { enumerable: true, get: function () { return EditorsFactory_1.EditorsFactory; } });

package/cjs/EmptySearchResult/EmptySearchResult.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type Props = React.ComponentPropsWithoutRef<'div'> & {
+    className?: string;
+    variant?: 'noResults' | 'noData';
+};
+export declare const EmptySearchResult: ({ className, variant, ...other }: Props) => JSX.Element;
+export {};