@reltio/components 1.4.1819 → 1.4.1821

package/cjs/HierarchyNodeTitle/useEntityDetails.test.js

@@ -0,0 +1,212 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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 };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_hooks_1 = require("@testing-library/react-hooks");
+var mdmSdk = __importStar(require("@reltio/mdm-sdk"));
+var useEntityDetails_1 = require("./useEntityDetails");
+jest.mock('@reltio/mdm-sdk');
+describe('useEntityDetails', function () {
+    var entity = { uri: 'entities/123', type: 'configuration/entityTypes/HCP' };
+    beforeEach(function () {
+        jest.useFakeTimers();
+        jest.spyOn(mdmSdk, 'getEntity').mockResolvedValue(entity);
+        jest.spyOn(mdmSdk, 'debounce').mockImplementation(function (fn) {
+            return jest.requireActual('@reltio/mdm-sdk').debounce(fn, 10);
+        });
+    });
+    afterEach(function () {
+        jest.useRealTimers();
+        jest.clearAllMocks();
+    });
+    it('should load and set entityDetails after call of showEntityDetails', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var result;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    result = (0, react_hooks_1.renderHook)(useEntityDetails_1.useEntityDetails, { initialProps: entity.uri }).result;
+                    expect(result.current.isLoading).toBe(false);
+                    (0, react_hooks_1.act)(function () {
+                        result.current.showEntityDetails();
+                    });
+                    expect(result.current.isLoading).toBe(false);
+                    expect(result.current.entityDetails).toBe(null);
+                    (0, react_hooks_1.act)(function () {
+                        jest.runAllTimers();
+                    });
+                    expect(result.current.isLoading).toBe(true);
+                    expect(result.current.entityDetails).toBe(null);
+                    expect(mdmSdk.getEntity).toHaveBeenCalledWith(entity.uri);
+                    return [4 /*yield*/, (0, react_hooks_1.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                return [2 /*return*/, Promise.resolve()];
+                            });
+                        }); })];
+                case 1:
+                    _a.sent();
+                    expect(result.current.isLoading).toBe(false);
+                    expect(result.current.entityDetails).toBe(entity);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should set entityDetails equals null after call of hideEntityDetails', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var result;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    result = (0, react_hooks_1.renderHook)(useEntityDetails_1.useEntityDetails, { initialProps: entity.uri }).result;
+                    return [4 /*yield*/, (0, react_hooks_1.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                result.current.showEntityDetails();
+                                jest.runAllTimers();
+                                return [2 /*return*/, Promise.resolve()];
+                            });
+                        }); })];
+                case 1:
+                    _a.sent();
+                    expect(result.current.entityDetails).toBe(entity);
+                    (0, react_hooks_1.act)(function () {
+                        result.current.hideEntityDetails();
+                    });
+                    expect(result.current.entityDetails).toBe(null);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should not set entityDetails if hideEntityDetails has been called before request finished', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var result;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    result = (0, react_hooks_1.renderHook)(useEntityDetails_1.useEntityDetails, { initialProps: entity.uri }).result;
+                    (0, react_hooks_1.act)(function () {
+                        result.current.showEntityDetails();
+                        jest.runAllTimers();
+                    });
+                    expect(mdmSdk.getEntity).toHaveBeenCalled();
+                    (0, react_hooks_1.act)(function () {
+                        result.current.hideEntityDetails();
+                    });
+                    expect(result.current.entityDetails).toBe(null);
+                    return [4 /*yield*/, (0, react_hooks_1.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                return [2 /*return*/, Promise.resolve()];
+                            });
+                        }); })];
+                case 1:
+                    _a.sent();
+                    expect(result.current.entityDetails).toBe(null);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should clear timeout if hideEntityDetails has been called before request started', function () {
+        var result = (0, react_hooks_1.renderHook)(useEntityDetails_1.useEntityDetails, { initialProps: entity.uri }).result;
+        (0, react_hooks_1.act)(function () {
+            result.current.showEntityDetails();
+        });
+        expect(result.current.isLoading).toBe(false);
+        expect(result.current.entityDetails).toBe(null);
+        (0, react_hooks_1.act)(function () {
+            result.current.hideEntityDetails();
+        });
+        expect(result.current.isLoading).toBe(false);
+        expect(result.current.entityDetails).toBe(null);
+        (0, react_hooks_1.act)(function () {
+            jest.runAllTimers();
+        });
+        expect(mdmSdk.getEntity).not.toHaveBeenCalled();
+        expect(result.current.isLoading).toBe(false);
+        expect(result.current.entityDetails).toBe(null);
+    });
+    it('should not set entityDetails if hideEntityDetails has been called and then showEntityDetails', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var result;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    result = (0, react_hooks_1.renderHook)(useEntityDetails_1.useEntityDetails, { initialProps: entity.uri }).result;
+                    (0, react_hooks_1.act)(function () {
+                        result.current.showEntityDetails();
+                        jest.runAllTimers();
+                    });
+                    expect(mdmSdk.getEntity).toHaveBeenCalledWith('entities/123');
+                    expect(result.current.isLoading).toBe(true);
+                    expect(result.current.entityDetails).toBe(null);
+                    (0, react_hooks_1.act)(function () {
+                        result.current.hideEntityDetails();
+                    });
+                    expect(result.current.isLoading).toBe(false);
+                    expect(result.current.entityDetails).toBe(null);
+                    return [4 /*yield*/, (0, react_hooks_1.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                result.current.showEntityDetails();
+                                return [2 /*return*/, Promise.resolve()];
+                            });
+                        }); })];
+                case 1:
+                    _a.sent();
+                    expect(result.current.isLoading).toBe(false);
+                    expect(result.current.entityDetails).toBe(null);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

package/cjs/Highlighter/Highlighter.d.ts

@@ -0,0 +1,8 @@
+type Props = {
+    text?: string;
+    highlight?: string;
+    className?: string;
+    multiTerm?: boolean;
+};
+export declare const Highlighter: ({ text, highlight, className, multiTerm }: Props) => JSX.Element;
+export {};

package/cjs/Highlighter/Highlighter.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Highlighter = void 0;
+var react_1 = __importDefault(require("react"));
+var ramda_1 = require("ramda");
+var styles_1 = require("./styles");
+var Highlighter = function (_a) {
+    var text = _a.text, highlight = _a.highlight, className = _a.className, _b = _a.multiTerm, multiTerm = _b === void 0 ? false : _b;
+    var styles = (0, styles_1.useStyles)();
+    var hasHighlights = text && highlight;
+    if (!hasHighlights) {
+        return react_1.default.createElement(react_1.default.Fragment, null, text);
+    }
+    var REG_SPACES = new RegExp(/\s+/);
+    var getMultiTerms = (0, ramda_1.pipe)(ramda_1.trim, (0, ramda_1.split)(REG_SPACES), (0, ramda_1.map)(ramda_1.toLower), (0, ramda_1.sort)(ramda_1.ascend), ramda_1.reverse);
+    var highlightedValues = multiTerm ? getMultiTerms(highlight) : [(0, ramda_1.toLower)(highlight)];
+    var regValues = highlightedValues.map(function (item) { return item.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&'); });
+    var parts = text.split(new RegExp("(".concat(regValues.join('|'), ")"), 'gi'));
+    return (react_1.default.createElement("span", null, parts.map(function (part, i) {
+        var isHighlightedText = highlightedValues.includes(part.toLocaleLowerCase());
+        return isHighlightedText ? (react_1.default.createElement("span", { key: i, className: className || styles.highlight }, part)) : (part);
+    })));
+};
+exports.Highlighter = Highlighter;

package/cjs/Highlighter/Highlighter.test.d.ts

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

package/cjs/Highlighter/Highlighter.test.js

@@ -0,0 +1,96 @@
+"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 react_2 = require("@testing-library/react");
+var Highlighter_1 = require("./Highlighter");
+describe('Highlighter tests', function () {
+    it('should render text', function () {
+        var text = 'Text to highlight';
+        (0, react_2.render)(react_1.default.createElement(Highlighter_1.Highlighter, { text: text }));
+        expect(react_2.screen.getByText(text)).toBeInTheDocument();
+    });
+    it('should not fail when text is undefined', function () {
+        var container = (0, react_2.render)(react_1.default.createElement(Highlighter_1.Highlighter, null)).container;
+        expect(container).toHaveTextContent('');
+    });
+    it('should render text with highlighted parts', function () {
+        var text = 'Text to highlight';
+        var highlight = 'i';
+        var container = (0, react_2.render)(react_1.default.createElement(Highlighter_1.Highlighter, { text: text, highlight: highlight })).container;
+        expect(container).toHaveTextContent(text);
+        var highlightedParts = container.querySelectorAll('.highlight');
+        expect(highlightedParts).toHaveLength(2);
+        highlightedParts.forEach(function (highlightedPart) { return expect(highlightedPart.textContent).toBe(highlight); });
+    });
+    it('should render text with highlighted part when search value contains several ones and multiTerm off', function () {
+        var text = 'o m ld Oo mo';
+        var highlight = 'o M';
+        var container = (0, react_2.render)(react_1.default.createElement(Highlighter_1.Highlighter, { text: text, highlight: highlight })).container;
+        expect(container).toHaveTextContent(text);
+        var highlightedParts = container.querySelectorAll('.highlight');
+        expect(highlightedParts).toHaveLength(2);
+        highlightedParts.forEach(function (highlightedPart) { var _a; return expect((_a = highlightedPart.textContent) === null || _a === void 0 ? void 0 : _a.toLocaleLowerCase()).toBe(highlight.toLocaleLowerCase()); });
+    });
+    it('should highlight parts as a string not as a regExpression', function () {
+        var text = '1.1 101';
+        var highlight = '1.1';
+        var container = (0, react_2.render)(react_1.default.createElement(Highlighter_1.Highlighter, { text: text, highlight: highlight })).container;
+        expect(container).toHaveTextContent(text);
+        var highlightedParts = container.querySelectorAll('.highlight');
+        expect(highlightedParts).toHaveLength(1);
+        expect(highlightedParts[0]).toHaveTextContent(highlight);
+    });
+    it('should highlight parts as a string not as a regExpression -', function () {
+        var text = '[1[$2]?1-(*)[1-10|a]{a}+.(^3)#]';
+        var highlight = '[1[$2]?1-(*)[1-10|a]{a}+.(^3)#]'; //[-[\]{}()*+?.,\\^$|#\s]
+        var container = (0, react_2.render)(react_1.default.createElement(Highlighter_1.Highlighter, { text: text, highlight: highlight })).container;
+        expect(container).toHaveTextContent(text);
+        var highlightedParts = container.querySelectorAll('.highlight');
+        expect(highlightedParts).toHaveLength(1);
+        expect(highlightedParts[0]).toHaveTextContent(text);
+    });
+    it('should render text with highlighted parts with custom className', function () {
+        var text = 'Text to highlight';
+        var highlight = 'i';
+        var container = (0, react_2.render)(react_1.default.createElement(Highlighter_1.Highlighter, { text: text, highlight: highlight, className: "customStyleToSelect" })).container;
+        expect(container).toHaveTextContent(text);
+        var highlightedParts = container.querySelectorAll('.highlight');
+        expect(highlightedParts).toHaveLength(0);
+        var customHighlightedParts = container.querySelectorAll('.customStyleToSelect');
+        expect(customHighlightedParts).toHaveLength(2);
+        customHighlightedParts.forEach(function (highlightedPart) { return expect(highlightedPart).toHaveTextContent(highlight); });
+    });
+    describe('provided with multiTerm property', function () {
+        it('should render text with highlighted parts when search value contains several ones and multiTerm on', function () {
+            var text = 'o m ld Oo mo';
+            var highlight = 'o M';
+            var container = (0, react_2.render)(react_1.default.createElement(Highlighter_1.Highlighter, { text: text, highlight: highlight, multiTerm: true })).container;
+            expect(container).toHaveTextContent(text);
+            var highlightedParts = container.querySelectorAll('.highlight');
+            expect(highlightedParts).toHaveLength(6);
+            highlightedParts.forEach(function (highlightedPart) { var _a; return expect(['o', 'm'].includes((_a = highlightedPart.textContent) === null || _a === void 0 ? void 0 : _a.toLocaleLowerCase())).toBeTruthy(); });
+        });
+        it('should highlight larger part first when search value contains several ones', function () {
+            var text = '1014 104';
+            var highlight = '1 14';
+            var container = (0, react_2.render)(react_1.default.createElement(Highlighter_1.Highlighter, { text: text, highlight: highlight, multiTerm: true })).container;
+            expect(container).toHaveTextContent(text);
+            var highlightedParts = container.querySelectorAll('.highlight');
+            expect(highlightedParts).toHaveLength(3);
+            expect(highlightedParts[0]).toHaveTextContent('1');
+            expect(highlightedParts[1]).toHaveTextContent('14');
+            expect(highlightedParts[2]).toHaveTextContent('1');
+        });
+        it('should exclude spaces from searching value, uses only valuable strings', function () {
+            var container = (0, react_2.render)(react_1.default.createElement(Highlighter_1.Highlighter, { text: '1   1', highlight: '0   2 1 ', multiTerm: true })).container;
+            expect(container).toHaveTextContent('1 1');
+            var highlightedParts = container.querySelectorAll('.highlight');
+            expect(highlightedParts).toHaveLength(2);
+            expect(highlightedParts[0]).toHaveTextContent('1');
+            expect(highlightedParts[1]).toHaveTextContent('1');
+        });
+    });
+});

package/cjs/Highlighter/index.d.ts

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

package/cjs/Highlighter/index.js

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

package/cjs/InlineSimpleAttribute/InlineSimpleAttribute.js

@@ -34,7 +34,7 @@ var MoreVert_1 = __importDefault(require("@mui/icons-material/MoreVert"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var classnames_1 = __importDefault(require("classnames"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var DataTypeValue_1 = __importDefault(require("../components/DataTypeValue/DataTypeValue"));
+var DataTypeValue_1 = require("../DataTypeValue");
 var DropDownMenuButton_1 = require("../DropDownMenuButton");
 var InlineSimpleAttributeEditor_1 = require("../InlineSimpleAttributeEditor");
 var SmallIconButton_1 = require("../SmallIconButton");
@@ -110,7 +110,7 @@ var InlineSimpleAttribute = function (_a) {
             onMouseLeave();
         }, "data-reltio-id": dataReltioId },
         react_1.default.createElement("div", { className: styles.attributeValue },
-            react_1.default.createElement(DataTypeValue_1.default, { value: (0, mdm_sdk_1.getAttributeValue)(attributeValue), dataTypeDefinition: (0, mdm_sdk_1.getAttrDataTypeDefinition)(attributeType) })),
+            react_1.default.createElement(DataTypeValue_1.DataTypeValue, { value: (0, mdm_sdk_1.getAttributeValue)(attributeValue), dataTypeDefinition: (0, mdm_sdk_1.getAttrDataTypeDefinition)(attributeType) })),
         react_1.default.createElement("div", { className: styles.actions },
             showPin && (react_1.default.createElement(PinButton_1.PinButton, { isPinned: attributeValue.pin, onClick: function () { return onPin({ attributeValue: attributeValue }); }, disabled: !hasBasicPermission })),
             showIgnore && (react_1.default.createElement(IgnoreButton_1.IgnoreButton, { isIgnored: attributeValue.ignored, onClick: function () { return onIgnore({ attributeValue: attributeValue }); }, disabled: !hasBasicPermission })),

package/cjs/InlineSimpleAttribute/InlineSimpleAttribute.spec.js

@@ -41,7 +41,7 @@ var react_1 = __importDefault(require("react"));
 var enzyme_1 = require("enzyme");
 var test_utils_1 = require("react-dom/test-utils");
 var MoreVert_1 = __importDefault(require("@mui/icons-material/MoreVert"));
-var DataTypeValue_1 = __importDefault(require("../components/DataTypeValue/DataTypeValue"));
+var DataTypeValue_1 = require("../DataTypeValue");
 var DropDownMenuButton_1 = require("../DropDownMenuButton");
 var IgnoreButton_1 = require("../IgnoreButton");
 var PinButton_1 = require("../PinButton");
@@ -114,7 +114,7 @@ describe('Inline simple attribute tests', function () {
     it('should render attribute and hide actions', function () {
         var props = __assign({ attributeValue: value, attributeType: attributeType, crosswalk: crosswalk }, actions);
         var wrapper = setUp(props);
-        expect(wrapper.find(DataTypeValue_1.default).prop('value')).toBe('Test');
+        expect(wrapper.find(DataTypeValue_1.DataTypeValue).prop('value')).toBe('Test');
         expect(wrapper.find(PinButton_1.PinButton).length).toBe(0);
         expect(wrapper.find(IgnoreButton_1.IgnoreButton).length).toBe(0);
         expect(wrapper.find(DropDownMenuButton_1.DropDownMenuButton).length).toBe(0);
@@ -128,7 +128,7 @@ describe('Inline simple attribute tests', function () {
             wrapper.find('.root').simulate('mouseenter');
         });
         wrapper.update();
-        expect(wrapper.find(DataTypeValue_1.default).prop('value')).toBe('Test');
+        expect(wrapper.find(DataTypeValue_1.DataTypeValue).prop('value')).toBe('Test');
         expect(wrapper.find(PinButton_1.PinButton).length).toBe(1);
         expect(wrapper.find(IgnoreButton_1.IgnoreButton).length).toBe(1);
         expect(wrapper.find(DropDownMenuButton_1.DropDownMenuButton).prop('buttonProps')).toMatchObject({

package/cjs/InlineSimpleAttributeEditor/InlineSimpleAttributeEditor.js

@@ -43,7 +43,7 @@ var Popover_1 = __importDefault(require("@mui/material/Popover"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var classnames_1 = __importDefault(require("classnames"));
 var ramda_1 = require("ramda");
-var editors_1 = require("../components/editors");
+var DataTypeValueEditor_1 = require("../DataTypeValueEditor");
 var attributesView_1 = require("../helpers/attributesView");
 var styles_1 = require("./styles");
 var DATA_TYPES_WITH_MULTILINE_EDITOR = [mdm_sdk_1.DataTypes.TYPE_TEXT, mdm_sdk_1.DataTypes.TYPE_BLOB];
@@ -99,6 +99,6 @@ var InlineSimpleAttributeEditor = function (_a) {
                 _b)),
             root: styles.popoverRoot
         }, onKeyUp: onKeyUp, onBackdropClick: applyChangesAndClose },
-        react_1.default.createElement(editors_1.DataTypeValueEditor, { dataTypeDefinition: dataTypeDefinition, fieldName: (0, mdm_sdk_1.attributeUriToSearchUri)(attributeType.uri), onChange: changeEditorValue, TextFieldProps: TextFieldProps, value: editorValue })));
+        react_1.default.createElement(DataTypeValueEditor_1.DataTypeValueEditor, { dataTypeDefinition: dataTypeDefinition, fieldName: (0, mdm_sdk_1.attributeUriToSearchUri)(attributeType.uri), onChange: changeEditorValue, TextFieldProps: TextFieldProps, value: editorValue })));
 };
 exports.InlineSimpleAttributeEditor = InlineSimpleAttributeEditor;

package/cjs/InlineSimpleAttributeEditor/InlineSimpleAttributeEditor.test.js

@@ -19,8 +19,8 @@ var enzyme_1 = require("enzyme");
 var test_utils_1 = require("react-dom/test-utils");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var Popover_1 = __importDefault(require("@mui/material/Popover"));
+var DataTypeValueEditor_1 = require("../DataTypeValueEditor");
 var InlineSimpleAttributeEditor_1 = require("./InlineSimpleAttributeEditor");
-var DataTypeValueEditor_1 = __importDefault(require("../components/editors/DataTypeValueEditor/DataTypeValueEditor"));
 describe('InlineSimpleAttributeEditor', function () {
     var attributeType = {
         uri: 'configuration/entityTypes/HCP/attributes/Simple',
@@ -49,7 +49,7 @@ describe('InlineSimpleAttributeEditor', function () {
     });
     it('should render component correctly', function () {
         var component = (0, enzyme_1.shallow)(react_1.default.createElement(InlineSimpleAttributeEditor_1.InlineSimpleAttributeEditor, __assign({}, defaultProps)));
-        var dataTypeValueEditor = component.find(DataTypeValueEditor_1.default);
+        var dataTypeValueEditor = component.find(DataTypeValueEditor_1.DataTypeValueEditor);
         expect(dataTypeValueEditor.prop('dataTypeDefinition')).toEqual({
             name: 'Simple',
             type: 'String',
@@ -62,12 +62,12 @@ describe('InlineSimpleAttributeEditor', function () {
     });
     it('should change editorValue and save it on enter', function () {
         var component = (0, enzyme_1.shallow)(react_1.default.createElement(InlineSimpleAttributeEditor_1.InlineSimpleAttributeEditor, __assign({}, defaultProps)));
-        var dataTypeValueEditor = component.find(DataTypeValueEditor_1.default);
+        var dataTypeValueEditor = component.find(DataTypeValueEditor_1.DataTypeValueEditor);
         expect(dataTypeValueEditor.prop('value')).toEqual('123');
         (0, test_utils_1.act)(function () {
             dataTypeValueEditor.prop('onChange')('456');
         });
-        expect(component.find(DataTypeValueEditor_1.default).prop('value')).toEqual('456');
+        expect(component.find(DataTypeValueEditor_1.DataTypeValueEditor).prop('value')).toEqual('456');
         (0, test_utils_1.act)(function () {
             component.find(Popover_1.default).simulate('keyup', { key: 'Enter' });
         });
@@ -89,12 +89,12 @@ describe('InlineSimpleAttributeEditor', function () {
         };
         var props = __assign(__assign({}, defaultProps), { attributeType: lookupAttributeType, attributeValue: lookupAttributeValue });
         var component = (0, enzyme_1.shallow)(react_1.default.createElement(InlineSimpleAttributeEditor_1.InlineSimpleAttributeEditor, __assign({}, props)));
-        var dataTypeValueEditor = component.find(DataTypeValueEditor_1.default);
+        var dataTypeValueEditor = component.find(DataTypeValueEditor_1.DataTypeValueEditor);
         expect(dataTypeValueEditor.prop('value')).toEqual({ lookupCode: 'IT', value: 'Italy' });
         (0, test_utils_1.act)(function () {
             dataTypeValueEditor.prop('onChange')({ lookupCode: 'BE', value: 'Belgium' });
         });
-        expect(component.find(DataTypeValueEditor_1.default).prop('value')).toEqual({ lookupCode: 'BE', value: 'Belgium' });
+        expect(component.find(DataTypeValueEditor_1.DataTypeValueEditor).prop('value')).toEqual({ lookupCode: 'BE', value: 'Belgium' });
         (0, test_utils_1.act)(function () {
             component.find(Popover_1.default).simulate('keyup', { key: 'Enter' });
         });
@@ -118,12 +118,12 @@ describe('InlineSimpleAttributeEditor', function () {
         };
         var props = __assign(__assign({}, defaultProps), { attributeType: numericAttributeType, attributeValue: numericAttributeValue });
         var component = (0, enzyme_1.shallow)(react_1.default.createElement(InlineSimpleAttributeEditor_1.InlineSimpleAttributeEditor, __assign({}, props)));
-        var dataTypeValueEditor = component.find(DataTypeValueEditor_1.default);
+        var dataTypeValueEditor = component.find(DataTypeValueEditor_1.DataTypeValueEditor);
         expect(dataTypeValueEditor.prop('value')).toEqual('11');
         (0, test_utils_1.act)(function () {
             dataTypeValueEditor.prop('onChange')('');
         });
-        expect(component.find(DataTypeValueEditor_1.default).prop('value')).toBe('');
+        expect(component.find(DataTypeValueEditor_1.DataTypeValueEditor).prop('value')).toBe('');
         (0, test_utils_1.act)(function () {
             component.find(Popover_1.default).simulate('keyup', { key: 'Enter' });
         });
@@ -132,7 +132,7 @@ describe('InlineSimpleAttributeEditor', function () {
     });
     it('should not call props.onEdit if value is the same', function () {
         var component = (0, enzyme_1.shallow)(react_1.default.createElement(InlineSimpleAttributeEditor_1.InlineSimpleAttributeEditor, __assign({}, defaultProps)));
-        var dataTypeValueEditor = component.find(DataTypeValueEditor_1.default);
+        var dataTypeValueEditor = component.find(DataTypeValueEditor_1.DataTypeValueEditor);
         expect(dataTypeValueEditor.prop('value')).toEqual('123');
         (0, test_utils_1.act)(function () {
             dataTypeValueEditor.prop('onChange')('123');
@@ -158,12 +158,12 @@ describe('InlineSimpleAttributeEditor', function () {
         };
         var props = __assign(__assign({}, defaultProps), { attributeType: lookupAttributeType, attributeValue: lookupAttributeValue });
         var component = (0, enzyme_1.shallow)(react_1.default.createElement(InlineSimpleAttributeEditor_1.InlineSimpleAttributeEditor, __assign({}, props)));
-        var dataTypeValueEditor = component.find(DataTypeValueEditor_1.default);
+        var dataTypeValueEditor = component.find(DataTypeValueEditor_1.DataTypeValueEditor);
         expect(dataTypeValueEditor.prop('value')).toEqual({ lookupCode: 'IT', value: 'Italy' });
         (0, test_utils_1.act)(function () {
             dataTypeValueEditor.prop('onChange')(null);
         });
-        expect(component.find(DataTypeValueEditor_1.default).prop('value')).toBeNull;
+        expect(component.find(DataTypeValueEditor_1.DataTypeValueEditor).prop('value')).toBeNull;
         (0, test_utils_1.act)(function () {
             component.find(Popover_1.default).simulate('keyup', { key: 'Enter' });
         });
@@ -172,12 +172,12 @@ describe('InlineSimpleAttributeEditor', function () {
     });
     it('should change editorValue and cancel it on esc', function () {
         var component = (0, enzyme_1.shallow)(react_1.default.createElement(InlineSimpleAttributeEditor_1.InlineSimpleAttributeEditor, __assign({}, defaultProps)));
-        var dataTypeValueEditor = component.find(DataTypeValueEditor_1.default);
+        var dataTypeValueEditor = component.find(DataTypeValueEditor_1.DataTypeValueEditor);
         expect(dataTypeValueEditor.prop('value')).toEqual('123');
         (0, test_utils_1.act)(function () {
             dataTypeValueEditor.prop('onChange')('456');
         });
-        expect(component.find(DataTypeValueEditor_1.default).prop('value')).toEqual('456');
+        expect(component.find(DataTypeValueEditor_1.DataTypeValueEditor).prop('value')).toEqual('456');
         (0, test_utils_1.act)(function () {
             component.find(Popover_1.default).simulate('keyup', { key: 'Escape' });
         });
@@ -234,12 +234,12 @@ describe('InlineSimpleAttributeEditor', function () {
     });
     it('should call props.onEdit and props.onClose on backdrop click if new value is set', function () {
         var component = (0, enzyme_1.shallow)(react_1.default.createElement(InlineSimpleAttributeEditor_1.InlineSimpleAttributeEditor, __assign({}, defaultProps)));
-        var dataTypeValueEditor = component.find(DataTypeValueEditor_1.default);
+        var dataTypeValueEditor = component.find(DataTypeValueEditor_1.DataTypeValueEditor);
         (0, test_utils_1.act)(function () {
             dataTypeValueEditor.prop('onChange')('new 123');
         });
         component.update();
-        expect(component.find(DataTypeValueEditor_1.default).prop('value')).toEqual('new 123');
+        expect(component.find(DataTypeValueEditor_1.DataTypeValueEditor).prop('value')).toEqual('new 123');
         var onBackdropClickProp = component.find(Popover_1.default).prop('onBackdropClick');
         (0, test_utils_1.act)(function () {
             onBackdropClickProp();

package/cjs/LookupEditor/LookupEditor.d.ts

@@ -0,0 +1,33 @@
+export function LookupEditor({ multiple, value, lookupCode: lookupTypeCode, lookups, onChange, getLookups, ...otherProps }: {
+    [x: string]: any;
+    multiple: any;
+    value: any;
+    lookupCode: any;
+    lookups: any;
+    onChange: any;
+    getLookups: any;
+}): JSX.Element;
+export namespace LookupEditor {
+    namespace propTypes {
+        let multiple: PropTypes.Requireable<boolean>;
+        let value: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
+            value: PropTypes.Requireable<string>;
+            lookupCode: PropTypes.Requireable<string>;
+        }> | PropTypes.InferProps<{
+            value: PropTypes.Requireable<string>;
+            lookupCode: PropTypes.Requireable<string>;
+        }>[]>>;
+        let lookupCode: PropTypes.Validator<string>;
+        let lookups: PropTypes.Validator<{
+            [x: string]: {
+                [x: string]: PropTypes.InferProps<{
+                    displayName: PropTypes.Requireable<string>;
+                    parent: PropTypes.Requireable<string>;
+                }>;
+            };
+        }>;
+        let onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        let getLookups: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+}
+import PropTypes from 'prop-types';