@reltio/components 1.4.1818 → 1.4.1820

package/cjs/RelationTypeSelector/RelationTypeSelector.test.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var enzyme_1 = require("enzyme");
 var RelationTypeSelector_1 = require("./RelationTypeSelector");
-var DropDownSelector_1 = __importDefault(require("../components/DropDownSelector/DropDownSelector"));
+var DropDownSelector_1 = require("../DropDownSelector");
 var RelationOption_1 = require("./components/RelationOption");
 describe('RelationTypeSelector tests', function () {
     it('should render main parts', function () {
@@ -14,7 +14,7 @@ describe('RelationTypeSelector tests', function () {
         var options = [value];
         var onChange = jest.fn();
         var component = (0, enzyme_1.shallow)(react_1.default.createElement(RelationTypeSelector_1.RelationTypeSelector, { value: value, options: options, onChange: onChange }));
-        var selector = component.find(DropDownSelector_1.default);
+        var selector = component.find(DropDownSelector_1.DropDownSelector);
         expect(selector).toHaveLength(1);
         expect(selector.prop('label')).toBe('Select relationship type');
         expect(selector.prop('components')).toEqual({ Option: RelationOption_1.RelationOption });

package/cjs/RelationTypeSelector/components/RelationOption/RelationOption.js

@@ -20,7 +20,7 @@ var prop_types_1 = __importDefault(require("prop-types"));
 var classnames_1 = __importDefault(require("classnames"));
 var MenuItem_1 = __importDefault(require("@mui/material/MenuItem"));
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
-var EntityTypeIcon_1 = __importDefault(require("../../../components/EntityTypeIcon/EntityTypeIcon"));
+var EntityTypeIcon_1 = require("../../../EntityTypeIcon");
 var ExpandedValueTooltip_1 = require("../../../ExpandedValueTooltip");
 var styles_1 = require("./styles");
 var RelationOption = function (_a) {
@@ -30,8 +30,8 @@ var RelationOption = function (_a) {
     var secondaryLabel = startObject.objectType.label + ' \u2194 ' + endObject.objectType.label;
     return (react_1.default.createElement(MenuItem_1.default, __assign({ className: styles.container, ref: innerRef, key: value, onClick: function () { return selectOption({ label: label, value: value, startObject: startObject, endObject: endObject }); } }, innerProps),
         react_1.default.createElement("div", { className: styles.icons },
-            react_1.default.createElement(EntityTypeIcon_1.default, { className: styles.iconTop, entityType: startObject.objectType }),
-            react_1.default.createElement(EntityTypeIcon_1.default, { className: styles.iconBottom, entityType: endObject.objectType })),
+            react_1.default.createElement(EntityTypeIcon_1.EntityTypeIcon, { className: styles.iconTop, entityType: startObject.objectType }),
+            react_1.default.createElement(EntityTypeIcon_1.EntityTypeIcon, { className: styles.iconBottom, entityType: endObject.objectType })),
         react_1.default.createElement("div", { className: styles.text },
             react_1.default.createElement(ExpandedValueTooltip_1.ExpandedValueTooltip, { value: label },
                 react_1.default.createElement(Typography_1.default, { className: (0, classnames_1.default)(styles.textItem, styles.primaryTextItem) }, label)),

package/cjs/RolesEditor/RolesEditor.js

@@ -31,12 +31,12 @@ var react_1 = __importStar(require("react"));
 var ramda_1 = require("ramda");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var SimpleDropDownSelector_1 = __importDefault(require("../components/SimpleDropDownSelector/SimpleDropDownSelector"));
-var MultiValueChip_1 = __importDefault(require("../components/editors/commonComponents/MultiValueChip/MultiValueChip"));
+var MultiValueChip_1 = require("../MultiValueChip");
 var SmallIconButton_1 = require("../SmallIconButton");
 var Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
 var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
 var styles_1 = require("./styles");
-var components = { MultiValue: MultiValueChip_1.default };
+var components = { MultiValue: MultiValueChip_1.MultiValueChip };
 var RolesEditor = function (_a) {
     var values = _a.values, onChange = _a.onChange, onDelete = _a.onDelete;
     var styles = (0, styles_1.useStyles)();

package/cjs/SelectEditor/SelectEditor.d.ts

@@ -0,0 +1,10 @@
+export function SelectEditor({ classes, ...otherProps }: {
+    [x: string]: any;
+    classes: any;
+}): JSX.Element;
+export namespace SelectEditor {
+    namespace propTypes {
+        let classes: PropTypes.Requireable<object>;
+    }
+}
+import PropTypes from 'prop-types';

package/cjs/SelectEditor/SelectEditor.js

@@ -0,0 +1,45 @@
+"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.SelectEditor = void 0;
+var react_1 = __importDefault(require("react"));
+var prop_types_1 = __importDefault(require("prop-types"));
+var classnames_1 = __importDefault(require("classnames"));
+var ramda_1 = require("ramda");
+var DropDownEditor_1 = require("../DropDownEditor");
+var styles_1 = require("./styles");
+var SelectEditor = function (_a) {
+    var classes = _a.classes, otherProps = __rest(_a, ["classes"]);
+    var styles = (0, styles_1.useStyles)();
+    return (react_1.default.createElement(DropDownEditor_1.DropDownEditor, __assign({ MenuProps: {
+            disableAutoFocusItem: true
+        }, classes: __assign(__assign({}, classes), { root: (0, classnames_1.default)(styles.root, (0, ramda_1.prop)('root', classes)), icon: (0, classnames_1.default)(styles.icon, (0, ramda_1.prop)('icon', classes)) }) }, otherProps)));
+};
+exports.SelectEditor = SelectEditor;
+exports.SelectEditor.propTypes = {
+    classes: prop_types_1.default.object
+};

package/cjs/SelectEditor/SelectEditor.test.d.ts

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

package/cjs/SelectEditor/SelectEditor.test.js

@@ -0,0 +1,18 @@
+"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 build_1 = require("enzyme/build");
+var DropDownEditor_1 = require("../DropDownEditor");
+var SelectEditor_1 = require("./SelectEditor");
+describe('SelectEditor', function () {
+    it('should render DropDownEditor', function () {
+        var entries = [{ value: 'String1' }, { value: 'String2' }, { value: 'String3' }], value = 'String2';
+        var wrapper = (0, build_1.shallow)(react_1.default.createElement(SelectEditor_1.SelectEditor, { value: value, entries: entries }));
+        var dropDown = wrapper.find(DropDownEditor_1.DropDownEditor);
+        expect(dropDown.prop('value')).toBe(value);
+        expect(dropDown.prop('entries')).toEqual(entries);
+    });
+});

package/cjs/SelectEditor/index.d.ts

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

package/cjs/SelectEditor/index.js

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

package/cjs/SelectEditor/styles.d.ts

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

package/cjs/SelectEditor/styles.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@mui/styles");
+exports.useStyles = (0, styles_1.makeStyles)({
+    root: {
+        paddingRight: '48px !important'
+    },
+    icon: {
+        right: '12px'
+    }
+});

package/cjs/SimpleAttribute/SimpleAttribute.js

@@ -33,8 +33,8 @@ var classnames_1 = __importDefault(require("classnames"));
 var classnames_2 = require("../constants/classnames");
 var HistoryAppearanceContext_1 = require("../contexts/HistoryAppearanceContext");
 var HighlightedValuesContext_1 = require("../contexts/HighlightedValuesContext");
-var CommentsContainer_1 = __importDefault(require("../components/CommentsContainer/CommentsContainer"));
-var DataTypeValue_1 = __importDefault(require("../components/DataTypeValue/DataTypeValue"));
+var CommentsContainer_1 = require("../CommentsContainer");
+var DataTypeValue_1 = require("../DataTypeValue");
 var PivotingTooltip_1 = require("../PivotingTooltip");
 var styles_1 = require("./styles");
 var SimpleAttribute = function (_a) {
@@ -45,7 +45,7 @@ var SimpleAttribute = function (_a) {
     var appearance = (0, react_1.useContext)(HistoryAppearanceContext_1.HistoryDiffContext).appearance;
     var attributeAppearance = (0, mdm_sdk_1.getHistoryAppearanceByUri)(attributeValue.uri, appearance);
     var historyClassName = (0, mdm_sdk_1.getHistoryAttributeClassName)(attributeAppearance);
-    var dataTypeValue = (react_1.default.createElement(DataTypeValue_1.default, { value: (0, mdm_sdk_1.getAttributeValue)(attributeValue), dataTypeDefinition: (0, mdm_sdk_1.getAttrDataTypeDefinition)(attributeType) }));
+    var dataTypeValue = (react_1.default.createElement(DataTypeValue_1.DataTypeValue, { value: (0, mdm_sdk_1.getAttributeValue)(attributeValue), dataTypeDefinition: (0, mdm_sdk_1.getAttrDataTypeDefinition)(attributeType) }));
     var objectType = (0, mdm_sdk_1.isRelationUri)(attributeValue.uri)
         ? mdm_sdk_1.CollaborationObjectTypes.RELATION_ATTRIBUTE
         : mdm_sdk_1.CollaborationObjectTypes.ENTITY_ATTRIBUTE;
@@ -60,7 +60,7 @@ var SimpleAttribute = function (_a) {
             _e)) },
         react_1.default.createElement(PivotingTooltip_1.PivotingTooltip, { value: attributeValue, attributeType: attributeType, key: attributeValue.uri },
             react_1.default.createElement("span", { className: (0, classnames_1.default)(styles.attributeValue, (_f = {}, _f[styles.ovFalse] = !(0, mdm_sdk_1.isOv)(attributeValue), _f)), "data-reltio-id": "reltio-attribute-value" }, dataTypeValue)),
-        react_1.default.createElement(CommentsContainer_1.default, { className: styles.commentsContainer, uri: attributeValue.uri, relatedObjectUris: (0, mdm_sdk_1.createRelatedObjectUris)(objectType, {
+        react_1.default.createElement(CommentsContainer_1.CommentsContainer, { className: styles.commentsContainer, uri: attributeValue.uri, relatedObjectUris: (0, mdm_sdk_1.createRelatedObjectUris)(objectType, {
                 uri: attributeValue.uri
             }), objectType: objectType })));
 };

package/cjs/SimpleAttribute/SimpleAttribute.test.js

@@ -18,10 +18,10 @@ var react_1 = __importDefault(require("react"));
 var enzyme_1 = require("enzyme");
 var ramda_1 = require("ramda");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var DataTypeValue_1 = __importDefault(require("../components/DataTypeValue/DataTypeValue"));
+var DataTypeValue_1 = require("../DataTypeValue");
 var SimpleAttribute_1 = require("./SimpleAttribute");
 var classnames_1 = require("../constants/classnames");
-var CommentsContainer_1 = __importDefault(require("../components/CommentsContainer/CommentsContainer"));
+var CommentsContainer_1 = require("../CommentsContainer");
 var HistoryAppearanceContext_1 = require("../contexts/HistoryAppearanceContext");
 var PivotingTooltip_1 = require("../PivotingTooltip");
 var HighlightedValuesContext_1 = require("../contexts/HighlightedValuesContext");
@@ -36,7 +36,7 @@ describe('SimpleAttribute tests', function () {
         var attrType = { type: 'String', name: 'Name', uri: 'URI' };
         var attributeValue = { value: '123', uri: 'entities/16U21B8f/attributes/Name/2sAfjGOIh' };
         var component = (0, enzyme_1.shallow)(react_1.default.createElement(SimpleAttribute_1.SimpleAttribute, { attributeType: attrType, attributeValue: attributeValue }));
-        var dataTypeValue = component.find(DataTypeValue_1.default);
+        var dataTypeValue = component.find(DataTypeValue_1.DataTypeValue);
         expect(dataTypeValue.length).toBe(1);
         expect(dataTypeValue.prop('value')).toEqual(attributeValue.value);
         expect(dataTypeValue.prop('dataTypeDefinition')).toEqual({ type: 'String', uri: 'URI', name: 'Name' });
@@ -50,7 +50,7 @@ describe('SimpleAttribute tests', function () {
             uri: 'entities/16U21B8f/attributes/Name/2sAfjGOIh'
         };
         var component = (0, enzyme_1.shallow)(react_1.default.createElement(SimpleAttribute_1.SimpleAttribute, { attributeType: attrType, attributeValue: attributeValue }));
-        var dataTypeValue = component.find(DataTypeValue_1.default);
+        var dataTypeValue = component.find(DataTypeValue_1.DataTypeValue);
         expect(dataTypeValue.length).toBe(1);
         expect(dataTypeValue.prop('value')).toEqual((0, ramda_1.pick)(['value', 'lookupCode'], attributeValue));
         expect(dataTypeValue.prop('dataTypeDefinition')).toEqual(__assign({ type: 'String', dependentLookupCode: 'Code', uri: 'URI', name: 'Name' }, { type: mdm_sdk_1.DataTypes.TYPE_DEPENDENT_LOOKUP }));
@@ -59,7 +59,7 @@ describe('SimpleAttribute tests', function () {
         var attrType = { type: 'String', name: 'Name', uri: 'uri1' };
         var attributeValue = { value: '123', uri: 'entities/uri1/attributes/ABCD' };
         var component = (0, enzyme_1.shallow)(react_1.default.createElement(SimpleAttribute_1.SimpleAttribute, { attributeType: attrType, attributeValue: attributeValue }));
-        var commentsContainer = component.find(".".concat(classnames_1.COMMENTS_CONTAINER_VISIBILITY_AREA)).find(CommentsContainer_1.default);
+        var commentsContainer = component.find(".".concat(classnames_1.COMMENTS_CONTAINER_VISIBILITY_AREA)).find(CommentsContainer_1.CommentsContainer);
         expect(commentsContainer.length).toBe(1);
         expect(commentsContainer.prop('uri')).toBe(attributeValue.uri);
         expect(commentsContainer.prop('relatedObjectUris')).toEqual(['entities/uri1']);
@@ -69,8 +69,8 @@ describe('SimpleAttribute tests', function () {
         var attrType = { type: 'String', name: 'Name', uri: 'uri1' };
         var attributeValue = { value: '123', uri: 'uri1' };
         var component = (0, enzyme_1.shallow)(react_1.default.createElement(SimpleAttribute_1.SimpleAttribute, { attributeType: attrType, attributeValue: attributeValue, inlined: true }));
-        expect(component.find(".".concat(classnames_1.COMMENTS_CONTAINER_VISIBILITY_AREA)).find(CommentsContainer_1.default).length).toBe(0);
-        expect(component.find(CommentsContainer_1.default).length).toBe(0);
+        expect(component.find(".".concat(classnames_1.COMMENTS_CONTAINER_VISIBILITY_AREA)).find(CommentsContainer_1.CommentsContainer).length).toBe(0);
+        expect(component.find(CommentsContainer_1.CommentsContainer).length).toBe(0);
     });
     it('should provide history className', function () {
         var attrType = { type: 'String', name: 'Name', uri: 'testAttributeUri' };
@@ -106,13 +106,13 @@ describe('SimpleAttribute tests', function () {
             ov: true
         };
         var component = (0, enzyme_1.shallow)(react_1.default.createElement(SimpleAttribute_1.SimpleAttribute, { attributeType: attributeType, attributeValue: attributeValue }));
-        var commentsContainer = component.find(CommentsContainer_1.default);
+        var commentsContainer = component.find(CommentsContainer_1.CommentsContainer);
         expect(commentsContainer.prop('relatedObjectUris')).toEqual(['relations/12rMNliU']);
         expect(commentsContainer.prop('objectType')).toBe(mdm_sdk_1.CollaborationObjectTypes.RELATION_ATTRIBUTE);
         component.setProps({
             attributeValue: __assign(__assign({}, attributeValue), { uri: 'entities/sIeHttl/attributes/Reference/r123/Simple/u123' })
         });
-        commentsContainer = component.find(CommentsContainer_1.default);
+        commentsContainer = component.find(CommentsContainer_1.CommentsContainer);
         expect(commentsContainer.prop('relatedObjectUris')).toEqual(['entities/sIeHttl']);
         expect(commentsContainer.prop('objectType')).toBe(mdm_sdk_1.CollaborationObjectTypes.ENTITY_ATTRIBUTE);
     });

package/cjs/SimpleAttributeEditor/SimpleAttributeEditor.js

@@ -57,9 +57,9 @@ var Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var DataTypeValue_1 = __importDefault(require("../components/DataTypeValue/DataTypeValue"));
-var DataTypeValueEditor_1 = __importDefault(require("../components/editors/DataTypeValueEditor/DataTypeValueEditor"));
-var ErrorWrapper_1 = __importDefault(require("../components/ErrorWrapper/ErrorWrapper"));
+var DataTypeValue_1 = require("../DataTypeValue");
+var DataTypeValueEditor_1 = require("../DataTypeValueEditor");
+var ErrorWrapper_1 = require("../ErrorWrapper");
 var SmallIconButton_1 = require("../SmallIconButton");
 var helpers_1 = require("./helpers");
 var attributesView_1 = require("../helpers/attributesView");
@@ -130,9 +130,9 @@ var SimpleAttributeEditor = function (_a) {
         valueUri: attributeValue.uri
     }).autopopulationContextValue;
     return (react_1.default.createElement("div", { ref: ref, className: (0, classnames_1.default)(styles.editor, className, errorClassName) },
-        react_1.default.createElement(ErrorWrapper_1.default, { errorMessage: errorMessage, className: styles.errorWrapper },
+        react_1.default.createElement(ErrorWrapper_1.ErrorWrapper, { errorMessage: errorMessage, className: styles.errorWrapper },
             react_1.default.createElement("div", { className: (0, classnames_1.default)(styles['editor-value'], (_b = {}, _b[styles.deleted] = deleted, _b), (_c = {}, _c[styles['editor-read-only-value']] = !showToEdit, _c)), "data-reltio-id": "reltio-attribute-value" }, showToEdit ? (react_1.default.createElement(DependentLookupAutopopulationContext_1.DependentLookupAutopopulationContext.Provider, { value: autopopulationContextValue },
-                react_1.default.createElement(DataTypeValueEditor_1.default, __assign({ fieldName: (0, mdm_sdk_1.attributeUriToSearchUri)(attributeType.uri), value: value, dataTypeDefinition: dataTypeDefinition, error: hasError, onChange: onValueEditorChange, fullWidth: true }, dependentLookupEditorContext, otherProps, deletedProps)))) : (react_1.default.createElement(DataTypeValue_1.default, { value: (0, mdm_sdk_1.getAttributeValue)(attributeValue), dataTypeDefinition: dataTypeDefinition })))),
+                react_1.default.createElement(DataTypeValueEditor_1.DataTypeValueEditor, __assign({ fieldName: (0, mdm_sdk_1.attributeUriToSearchUri)(attributeType.uri), value: value, dataTypeDefinition: dataTypeDefinition, error: hasError, onChange: onValueEditorChange, fullWidth: true }, dependentLookupEditorContext, otherProps, deletedProps)))) : (react_1.default.createElement(DataTypeValue_1.DataTypeValue, { value: (0, mdm_sdk_1.getAttributeValue)(attributeValue), dataTypeDefinition: dataTypeDefinition })))),
         react_1.default.createElement("div", { className: styles['editor-actions'] },
             edited && (react_1.default.createElement(Typography_1.default, { variant: "caption", className: styles.editedLabel },
                 "(",

package/cjs/SimpleAttributeEditor/SimpleAttributeEditor.test.js

@@ -78,9 +78,9 @@ var enzyme_1 = require("enzyme");
 var react_2 = require("@testing-library/react");
 var user_event_1 = __importDefault(require("@testing-library/user-event"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var DataTypeValueEditor_1 = __importDefault(require("../components/editors/DataTypeValueEditor/DataTypeValueEditor"));
+var DataTypeValueEditor_1 = require("../DataTypeValueEditor");
 var useAutopopulationContextValueExport = __importStar(require("./useAutopopulationContextValue"));
-var ErrorWrapper_1 = __importDefault(require("../components/ErrorWrapper/ErrorWrapper"));
+var ErrorWrapper_1 = require("../ErrorWrapper");
 var SimpleAttributeEditor_1 = __importDefault(require("./SimpleAttributeEditor"));
 var useScrollToAttributeErrorImport = __importStar(require("../hooks/useScrollToAttributeError/useScrollToAttributeError"));
 var ProfilePerspectiveViewContext_1 = require("../contexts/ProfilePerspectiveViewContext");
@@ -159,8 +159,8 @@ describe('SimpleAttributeEditor', function () {
         };
         it('should render the simple attribute to edit with action buttons', function () {
             var component = mountComponent();
-            var errorWrapper = component.find(ErrorWrapper_1.default);
-            expect(errorWrapper.find(DataTypeValueEditor_1.default).props()).toMatchObject({
+            var errorWrapper = component.find(ErrorWrapper_1.ErrorWrapper);
+            expect(errorWrapper.find(DataTypeValueEditor_1.DataTypeValueEditor).props()).toMatchObject({
                 fieldName: 'attributes.InternalCustomer',
                 value: 'some string',
                 dataTypeDefinition: {
@@ -202,13 +202,13 @@ describe('SimpleAttributeEditor', function () {
                 type: 'invalid'
             };
             var component = mountComponent({ ownError: ownError });
-            var errorWrapper = component.find(ErrorWrapper_1.default);
-            expect(errorWrapper.find(DataTypeValueEditor_1.default).prop('value')).toEqual('some string');
+            var errorWrapper = component.find(ErrorWrapper_1.ErrorWrapper);
+            expect(errorWrapper.find(DataTypeValueEditor_1.DataTypeValueEditor).prop('value')).toEqual('some string');
             expect(errorWrapper.prop('errorMessage')).toBe(ownError.message);
         });
         it('should not render delete button in case of missed DELETE permission', function () {
             var component = mountComponent({ access: ['UPDATE', 'CREATE', 'READ'] });
-            expect(component.find(DataTypeValueEditor_1.default).prop('value')).toEqual('some string');
+            expect(component.find(DataTypeValueEditor_1.DataTypeValueEditor).prop('value')).toEqual('some string');
             var actionButtons = findActionButtons(component);
             expect(actionButtons.length).toBe(1);
             actionButtons.at(0).find('button').simulate('click');
@@ -216,7 +216,7 @@ describe('SimpleAttributeEditor', function () {
         });
         it('should not render plus button in case of missed CREATE permission', function () {
             var component = mountComponent({ access: ['UPDATE', 'DELETE', 'READ'] });
-            expect(component.find(DataTypeValueEditor_1.default).prop('value')).toEqual('some string');
+            expect(component.find(DataTypeValueEditor_1.DataTypeValueEditor).prop('value')).toEqual('some string');
             var actionButtons = findActionButtons(component);
             expect(actionButtons.length).toBe(1);
             actionButtons.at(0).find('button').simulate('click');
@@ -231,7 +231,7 @@ describe('SimpleAttributeEditor', function () {
         });
         it('should call onChangeAttribute prop when input value changes', function () {
             var component = mountComponent();
-            var editor = component.find(DataTypeValueEditor_1.default);
+            var editor = component.find(DataTypeValueEditor_1.DataTypeValueEditor);
             editor.prop('onChange')('new string');
             expect(onChangeFn).toHaveBeenCalledWith({
                 attributeType: {
@@ -253,7 +253,7 @@ describe('SimpleAttributeEditor', function () {
                 type: 'invalid'
             };
             var component = mountComponent({ ownError: ownError });
-            var editor = component.find(DataTypeValueEditor_1.default);
+            var editor = component.find(DataTypeValueEditor_1.DataTypeValueEditor);
             editor.prop('onChange')('new string');
             expect(onChangeFn).toHaveBeenCalledWith({
                 attributeType: {
@@ -332,14 +332,14 @@ describe('SimpleAttributeEditor', function () {
         });
         it('should render component in "deleted" state', function () {
             var component = mountComponent({ state: 'deleted' });
-            expect(component.find(DataTypeValueEditor_1.default).prop('disabled')).toBe(true);
+            expect(component.find(DataTypeValueEditor_1.DataTypeValueEditor).prop('disabled')).toBe(true);
             expect(component.find('.editor-value').hasClass('deleted')).toBe(true);
             expect(findActionButtons(component).length).toBe(1);
             expect(component.find('.editor-actions').text()).toBe('');
         });
         it('should render component in "edited" state', function () {
             var component = mountComponent({ state: 'edited' });
-            expect(component.find(DataTypeValueEditor_1.default).prop('disabled')).toBeFalsy();
+            expect(component.find(DataTypeValueEditor_1.DataTypeValueEditor).prop('disabled')).toBeFalsy();
             expect(component.find('.editor-value').hasClass('deleted')).toBeFalsy();
             expect(findActionButtons(component).length).toBe(3);
             expect(component.find('.editor-actions').text()).toBe('(edited)');

package/cjs/SimpleAttributeEditor/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"wrapper" | "button" | "placeholder" | "deleted" | "editor" | "addButton" | "errorWrapper" | "editor-value" | "editor-read-only-value" | "editor-actions" | "editedLabel">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"wrapper" | "button" | "placeholder" | "deleted" | "addButton" | "editor" | "errorWrapper" | "editor-value" | "editor-read-only-value" | "editor-actions" | "editedLabel">;

package/cjs/SourceItem/styles.d.ts

@@ -4,5 +4,5 @@ type StylesProps = {
     isFocused?: boolean;
     isDisabled?: boolean;
 };
-export declare const useStyles: (props: StylesProps) => import("@mui/styles").ClassNameMap<"label" | "crosswalkValue" | "sourceIcon" | "sourceItem" | "eyeIcon" | "sourceInfo" | "crosswalkIcon">;
+export declare const useStyles: (props: StylesProps) => import("@mui/styles").ClassNameMap<"label" | "crosswalkValue" | "sourceItem" | "eyeIcon" | "sourceInfo" | "sourceIcon" | "crosswalkIcon">;
 export {};

package/cjs/TextEditor/TextEditor.d.ts

@@ -0,0 +1,16 @@
+export function TextEditor({ multiple, value, getValueLabel, multiline, ...otherProps }: {
+    [x: string]: any;
+    multiple?: boolean;
+    value: any;
+    getValueLabel: any;
+    multiline?: boolean;
+}): JSX.Element;
+export namespace TextEditor {
+    namespace propTypes {
+        let multiple: PropTypes.Requireable<boolean>;
+        let multiline: PropTypes.Requireable<boolean>;
+        let value: PropTypes.Requireable<NonNullable<string | number | string[] | number[]>>;
+        let getValueLabel: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+}
+import PropTypes from 'prop-types';

package/cjs/TextEditor/TextEditor.js

@@ -0,0 +1,48 @@
+"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.TextEditor = void 0;
+var prop_types_1 = __importDefault(require("prop-types"));
+var react_1 = __importDefault(require("react"));
+var MultipleInput_1 = __importDefault(require("../components/MultipleInput/MultipleInput"));
+var SimpleInput_1 = __importDefault(require("../components/SimpleInput/SimpleInput"));
+var TextEditor = function (_a) {
+    var _b = _a.multiple, multiple = _b === void 0 ? false : _b, value = _a.value, getValueLabel = _a.getValueLabel, _c = _a.multiline, multiline = _c === void 0 ? false : _c, otherProps = __rest(_a, ["multiple", "value", "getValueLabel", "multiline"]);
+    return multiple ? (react_1.default.createElement(MultipleInput_1.default, __assign({}, otherProps, { values: value, getValueLabel: getValueLabel }))) : (react_1.default.createElement(SimpleInput_1.default, __assign({}, otherProps, { value: value, multiline: multiline })));
+};
+exports.TextEditor = TextEditor;
+exports.TextEditor.propTypes = {
+    multiple: prop_types_1.default.bool,
+    multiline: prop_types_1.default.bool,
+    value: prop_types_1.default.oneOfType([
+        prop_types_1.default.string,
+        prop_types_1.default.arrayOf(prop_types_1.default.string),
+        prop_types_1.default.number,
+        prop_types_1.default.arrayOf(prop_types_1.default.number)
+    ]),
+    getValueLabel: prop_types_1.default.func
+};

package/cjs/TextEditor/TextEditor.test.d.ts

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

package/cjs/TextEditor/TextEditor.test.js

@@ -0,0 +1,36 @@
+"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 MultipleInput_1 = __importDefault(require("../components/MultipleInput/MultipleInput"));
+var SimpleInput_1 = __importDefault(require("../components/SimpleInput/SimpleInput"));
+var TextEditor_1 = require("./TextEditor");
+describe('TextEditor', function () {
+    describe('single mode', function () {
+        it('should render SimpleInput', function () {
+            var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(TextEditor_1.TextEditor, null));
+            expect(wrapper.find(SimpleInput_1.default)).toHaveLength(1);
+        });
+        it('should call props.onChange with a new value', function () {
+            var onChange = jest.fn();
+            var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(TextEditor_1.TextEditor, { onChange: onChange }));
+            wrapper.simulate('change', '123');
+            expect(onChange).toBeCalledWith('123');
+        });
+    });
+    describe('multiple mode', function () {
+        it('should render MultipleInput', function () {
+            var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(TextEditor_1.TextEditor, { multiple: true }));
+            expect(wrapper.find(MultipleInput_1.default)).toHaveLength(1);
+        });
+        it('should call props.onChange with a new value', function () {
+            var onChange = jest.fn();
+            var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(TextEditor_1.TextEditor, { multiple: true, onChange: onChange }));
+            wrapper.simulate('change', ['123']);
+            expect(onChange).toBeCalledWith(['123']);
+        });
+    });
+});

package/cjs/TextEditor/index.d.ts

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

package/cjs/TextEditor/index.js

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

package/cjs/TimestampEditor/TimestampEditor.d.ts

@@ -0,0 +1,11 @@
+import { Moment } from 'moment';
+import { DateTimePickerProps } from '@mui/x-date-pickers/DateTimePicker';
+type Props = Omit<DateTimePickerProps<Moment>, 'value' | 'minDate' | 'maxDate' | 'onChange'> & {
+    minDate?: Date | number;
+    maxDate?: Date | number;
+    value?: Date | number;
+    onChange: (value: Date) => void;
+    isCrossedOut?: boolean;
+};
+export declare const TimestampEditor: ({ minDate, maxDate, value, label, slotProps, onChange, format, isCrossedOut, ...otherProps }: Props) => JSX.Element;
+export {};

package/cjs/TimestampEditor/TimestampEditor.js

@@ -0,0 +1,66 @@
+"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.TimestampEditor = void 0;
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var ramda_1 = require("ramda");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var timeViewRenderers_1 = require("@mui/x-date-pickers/timeViewRenderers");
+var DateTimePicker_1 = require("@mui/x-date-pickers/DateTimePicker");
+var useDateEditor_1 = require("../hooks/useDateEditor");
+var styles_1 = require("./styles");
+var TimestampEditor = function (_a) {
+    var _b;
+    var minDate = _a.minDate, maxDate = _a.maxDate, value = _a.value, label = _a.label, slotProps = _a.slotProps, onChange = _a.onChange, format = _a.format, isCrossedOut = _a.isCrossedOut, otherProps = __rest(_a, ["minDate", "maxDate", "value", "label", "slotProps", "onChange", "format", "isCrossedOut"]);
+    var styles = (0, styles_1.useStyles)();
+    var _c = (0, useDateEditor_1.useDateEditor)({ minDate: minDate, maxDate: maxDate, value: value, onChange: onChange }), errorMessage = _c.errorMessage, editorValue = _c.editorValue, editorMaxDate = _c.editorMaxDate, editorMinDate = _c.editorMinDate, onError = _c.onError, handleChange = _c.onChange;
+    var basicSlotProps = {
+        textField: {
+            size: 'small',
+            variant: 'filled',
+            helperText: errorMessage,
+            error: Boolean(errorMessage),
+            InputProps: {
+                classes: {
+                    root: (0, classnames_1.default)(styles.inputRoot, (_b = {}, _b[styles.isCrossedOut] = isCrossedOut, _b))
+                },
+                disableUnderline: (0, ramda_1.isNil)(editorValue)
+            },
+            InputLabelProps: { shrink: !(0, ramda_1.isNil)(label) }
+        },
+        popper: { placement: 'bottom-start' },
+        inputAdornment: { position: 'end', className: styles.adornedEnd }
+    };
+    var editorSlotProps = (0, ramda_1.mergeDeepLeft)(slotProps, basicSlotProps);
+    return (react_1.default.createElement(DateTimePicker_1.DateTimePicker, __assign({ format: format || (0, mdm_sdk_1.getLocaleFormat)(), slotProps: editorSlotProps, views: ['year', 'month', 'day', 'hours', 'minutes', 'seconds'], viewRenderers: {
+            hours: timeViewRenderers_1.renderTimeViewClock,
+            minutes: timeViewRenderers_1.renderTimeViewClock,
+            seconds: timeViewRenderers_1.renderTimeViewClock
+        }, label: label, value: editorValue, minDate: editorMinDate, maxDate: editorMaxDate, onError: onError, onChange: handleChange }, otherProps)));
+};
+exports.TimestampEditor = TimestampEditor;

package/cjs/TimestampEditor/TimestampEditor.test.d.ts

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