@reltio/components 1.4.1836-hf → 1.4.1837

package/cjs/LookupEditor/LookupEditor.js

@@ -0,0 +1,83 @@
+"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 __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 __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.LookupEditor = void 0;
+var prop_types_1 = __importDefault(require("prop-types"));
+var react_1 = __importStar(require("react"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var ramda_1 = require("ramda");
+var helpers_1 = require("./helpers");
+var GroupedDropDownEditor_1 = require("./components/GroupedDropDownEditor");
+var LookupEditor = function (_a) {
+    var multiple = _a.multiple, value = _a.value, lookupTypeCode = _a.lookupCode, lookups = _a.lookups, onChange = _a.onChange, getLookups = _a.getLookups, otherProps = __rest(_a, ["multiple", "value", "lookupCode", "lookups", "onChange", "getLookups"]);
+    var codeToLookup = function (lookupCode) { return ({
+        lookupCode: lookupCode,
+        value: (0, ramda_1.path)([lookupTypeCode, lookupCode, 'displayName'], lookups)
+    }); };
+    (0, react_1.useEffect)(function () {
+        var _a;
+        if ((0, ramda_1.isEmpty)(lookups) && getLookups) {
+            (_a = getLookups()) === null || _a === void 0 ? void 0 : _a.catch(function () { });
+        }
+    }, [lookups, getLookups]);
+    var entries = (0, helpers_1.buildLookupEntries)(lookupTypeCode, lookups); // TODO: this code could be not valid if lookups are not loaded
+    var commonProps = __assign(__assign({}, otherProps), { multiple: multiple, entries: entries });
+    value = (0, ramda_1.defaultTo)(multiple ? [] : {}, value);
+    return multiple ? (react_1.default.createElement(GroupedDropDownEditor_1.GroupedDropDownEditor, __assign({}, commonProps, { value: (0, ramda_1.pluck)('lookupCode', value), getValuePlaceholder: function (lookupCode) { return value.find((0, ramda_1.propEq)('lookupCode', lookupCode)).value; }, onChange: (0, ramda_1.pipe)((0, ramda_1.map)(codeToLookup), onChange) }))) : (react_1.default.createElement(GroupedDropDownEditor_1.GroupedDropDownEditor, __assign({}, commonProps, { value: (0, ramda_1.prop)('lookupCode', value), getValuePlaceholder: (0, ramda_1.always)((0, ramda_1.prop)('value', value)), onChange: (0, ramda_1.pipe)(codeToLookup, onChange) })));
+};
+exports.LookupEditor = LookupEditor;
+exports.LookupEditor.propTypes = {
+    multiple: prop_types_1.default.bool,
+    value: prop_types_1.default.oneOfType([mdm_sdk_1.LookupValueType, prop_types_1.default.arrayOf(mdm_sdk_1.LookupValueType)]),
+    lookupCode: prop_types_1.default.string.isRequired,
+    lookups: prop_types_1.default.objectOf(prop_types_1.default.objectOf(mdm_sdk_1.SimpleLookupType)).isRequired,
+    onChange: prop_types_1.default.func,
+    getLookups: prop_types_1.default.func
+};

package/cjs/LookupEditor/LookupEditor.test.d.ts

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

package/cjs/LookupEditor/LookupEditor.test.js

@@ -0,0 +1,105 @@
+"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 __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 __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 helpers = __importStar(require("./helpers"));
+var GroupedDropDownEditor_1 = require("./components/GroupedDropDownEditor");
+var LookupEditor_1 = require("./LookupEditor");
+describe('LookupEditor', function () {
+    var props;
+    beforeAll(function () {
+        props = {
+            lookupCode: 'MultiLevel',
+            lookups: { MultiLevel: { L1: {} } }
+        };
+    });
+    it('should render GroupedDropDownEditor with entries built with buildLookupEntries', function () {
+        var entries = [{ value: 'L1', label: 'L1' }];
+        var value = { lookupCode: 'L1', value: 'L1' };
+        jest.spyOn(helpers, 'buildLookupEntries').mockReturnValue(entries);
+        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(LookupEditor_1.LookupEditor, __assign({ value: value }, props)));
+        var dropDown = wrapper.find(GroupedDropDownEditor_1.GroupedDropDownEditor);
+        expect(dropDown).toHaveLength(1);
+        expect(dropDown.prop('entries')).toEqual(entries);
+        expect(dropDown.prop('value')).toBe(value.lookupCode);
+        expect(helpers.buildLookupEntries).toBeCalledWith(props.lookupCode, props.lookups);
+        helpers.buildLookupEntries.mockRestore();
+    });
+    it('should load lookups if lookups are not available', function () {
+        jest.spyOn(helpers, 'buildLookupEntries').mockReturnValue([]);
+        var getLookups = jest.fn();
+        (0, enzyme_1.mount)(react_1.default.createElement(LookupEditor_1.LookupEditor, { getLookups: getLookups, lookups: {}, lookupCode: "test" }));
+        expect(getLookups).toHaveBeenCalled();
+        helpers.buildLookupEntries.mockRestore();
+    });
+    it('should not load lookups if lookups are available', function () {
+        jest.spyOn(helpers, 'buildLookupEntries').mockReturnValue([]);
+        var getLookups = jest.fn();
+        (0, enzyme_1.mount)(react_1.default.createElement(LookupEditor_1.LookupEditor, __assign({ getLookups: getLookups }, props)));
+        expect(getLookups).not.toHaveBeenCalled();
+        helpers.buildLookupEntries.mockRestore();
+    });
+    describe('single mode', function () {
+        it('should show lookup value as label if lookups do not contain specified lookupCode', function () {
+            var value = 'Placeholder';
+            var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(LookupEditor_1.LookupEditor, __assign({ value: { value: value, lookupCode: '1' } }, props)));
+            expect(wrapper.text()).toBe(value);
+        });
+        it('should call props.onChange with displayName and lookupCode', function () {
+            var onChange = jest.fn();
+            var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(LookupEditor_1.LookupEditor, __assign({ onChange: onChange }, props)));
+            wrapper.find(GroupedDropDownEditor_1.GroupedDropDownEditor).simulate('change', 'L1');
+            expect(onChange).toBeCalledWith({ lookupCode: 'L1', value: undefined });
+        });
+    });
+    describe('multiple mode', function () {
+        it('should show lookup value as label if lookups do not contain specified lookupCode', function () {
+            var value = 'Placeholder';
+            var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(LookupEditor_1.LookupEditor, __assign({ multiple: true, value: [{ value: value, lookupCode: '1' }] }, props)));
+            expect(wrapper.text()).toBe(value);
+        });
+        it('should call props.onChange with displayName and lookupCode', function () {
+            var onChange = jest.fn();
+            var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(LookupEditor_1.LookupEditor, __assign({ multiple: true, onChange: onChange }, props)));
+            wrapper.find(GroupedDropDownEditor_1.GroupedDropDownEditor).simulate('change', ['L1']);
+            expect(onChange).toBeCalledWith([{ lookupCode: 'L1', value: undefined }]);
+        });
+    });
+});

package/cjs/LookupEditor/components/GroupedDropDownEditor/GroupedDropDownEditor.d.ts

@@ -0,0 +1,21 @@
+export const MENU_ITEM_OFFSET: 25;
+export function GroupedDropDownEditor({ value, entries, classes, ...otherProps }: {
+    [x: string]: any;
+    value: any;
+    entries: any;
+    classes: any;
+}): JSX.Element;
+export namespace GroupedDropDownEditor {
+    namespace propTypes {
+        let value: PropTypes.Requireable<NonNullable<NonNullable<string | number | object>>>;
+        let entries: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            value: PropTypes.Validator<NonNullable<NonNullable<string | number | object>>>;
+            label: PropTypes.Requireable<string>;
+        }> | PropTypes.InferProps<{
+            label: PropTypes.Validator<string>;
+            values: PropTypes.Validator<object[]>;
+        }>>[]>;
+        let classes: PropTypes.Requireable<object>;
+    }
+}
+import PropTypes from 'prop-types';

package/cjs/LookupEditor/components/GroupedDropDownEditor/GroupedDropDownEditor.js

@@ -0,0 +1,61 @@
+"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.GroupedDropDownEditor = exports.MENU_ITEM_OFFSET = void 0;
+var react_1 = __importDefault(require("react"));
+var prop_types_1 = __importDefault(require("prop-types"));
+var classnames_1 = __importDefault(require("classnames"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var ramda_1 = require("ramda");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var Check_1 = __importDefault(require("@mui/icons-material/Check"));
+var MenuItem_1 = __importDefault(require("@mui/material/MenuItem"));
+var prop_types_2 = require("../../../constants/prop-types");
+var MultipliableSelect_1 = __importDefault(require("../../../components/MultipliableSelect/MultipliableSelect"));
+var helpers_1 = require("./helpers");
+var styles_1 = require("./styles");
+exports.MENU_ITEM_OFFSET = 25;
+var GroupedDropDownEditor = function (_a) {
+    var value = _a.value, entries = _a.entries, classes = _a.classes, otherProps = __rest(_a, ["value", "entries", "classes"]);
+    var flattenedEntries = (0, helpers_1.flattenGroupedEntries)(entries);
+    var selectedValues = (0, ramda_1.isNil)(value) ? [] : (0, mdm_sdk_1.wrapInArrayIfNeeded)(value);
+    var styles = (0, styles_1.useStyles)();
+    return (react_1.default.createElement(MultipliableSelect_1.default, __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, { value: value, getValueLabel: (0, ramda_1.pipe)((0, helpers_1.findEntryByValue)(flattenedEntries), (0, ramda_1.prop)('label')) }), flattenedEntries.length > 0 ? (flattenedEntries.map(function (_a, index) {
+        var value = _a.value, label = _a.label, depth = _a.depth, isGroup = _a.isGroup;
+        return (react_1.default.createElement(MenuItem_1.default, { key: index, disabled: isGroup, value: value, style: { paddingLeft: "".concat((depth + 1) * exports.MENU_ITEM_OFFSET, "px") } },
+            selectedValues.includes(value) && react_1.default.createElement(Check_1.default, { className: styles.checkIcon }),
+            label || value.toString()));
+    })) : (react_1.default.createElement(MenuItem_1.default, { className: styles.emptyLabel, disabled: true }, ui_i18n_1.default.text('No results found')))));
+};
+exports.GroupedDropDownEditor = GroupedDropDownEditor;
+exports.GroupedDropDownEditor.propTypes = {
+    value: prop_types_1.default.oneOfType([prop_types_2.SelectValueType, prop_types_1.default.arrayOf(prop_types_2.SelectValueType)]),
+    entries: prop_types_1.default.arrayOf(prop_types_1.default.oneOfType([prop_types_2.DropDownEntryType, prop_types_2.DropDownGroupEntryType])).isRequired,
+    classes: prop_types_1.default.object
+};

package/cjs/LookupEditor/components/GroupedDropDownEditor/GroupedDropDownEditor.test.d.ts

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

package/cjs/LookupEditor/components/GroupedDropDownEditor/GroupedDropDownEditor.test.js

@@ -0,0 +1,42 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var enzyme_1 = require("enzyme");
+var react_1 = __importDefault(require("react"));
+var Check_1 = __importDefault(require("@mui/icons-material/Check"));
+var MenuItem_1 = __importDefault(require("@mui/material/MenuItem"));
+var MultipliableSelect_1 = __importDefault(require("../../../components/MultipliableSelect/MultipliableSelect"));
+var GroupedDropDownEditor_1 = require("./GroupedDropDownEditor");
+describe('GroupedDropDownEditor', function () {
+    it('should render MultipliableSelect with entries as options', function () {
+        var entries = [{ label: 'L1', values: [{ value: 'L2' }] }];
+        var value = 'L2';
+        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(GroupedDropDownEditor_1.GroupedDropDownEditor, { entries: entries, value: value }));
+        expect(wrapper.find(MultipliableSelect_1.default).prop('value')).toBe(value);
+        var items = wrapper.find(MenuItem_1.default);
+        expect(items.at(0).prop('disabled')).toBe(true);
+        expect(items.at(0).text()).toEqual('L1');
+        expect(items.at(0).find(Check_1.default)).toHaveLength(0);
+        expect(items.at(0).prop('style').paddingLeft).toBe("".concat(GroupedDropDownEditor_1.MENU_ITEM_OFFSET, "px"));
+        expect(items.at(1).prop('disabled')).toBe(undefined);
+        expect(items.at(1).text()).toEqual('L2');
+        expect(items.at(1).find(Check_1.default)).toHaveLength(1);
+        expect(items.at(1).prop('style').paddingLeft).toBe("".concat(GroupedDropDownEditor_1.MENU_ITEM_OFFSET * 2, "px"));
+    });
+    it('should call props.onChange with a new value', function () {
+        var entries = [{ label: 'L1', values: [{ value: 'L2' }] }];
+        var onChange = jest.fn(), value = 'L2';
+        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(GroupedDropDownEditor_1.GroupedDropDownEditor, { value: '', entries: entries, onChange: onChange }));
+        wrapper.find(MultipliableSelect_1.default).simulate('change', value);
+        expect(onChange).toBeCalledWith(value);
+    });
+    it('should render MultipliableSelect with empty entries', function () {
+        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(GroupedDropDownEditor_1.GroupedDropDownEditor, { entries: [] }));
+        expect(wrapper.find(MultipliableSelect_1.default)).toHaveLength(1);
+        var items = wrapper.find(MenuItem_1.default);
+        expect(items.at(0).prop('disabled')).toBe(true);
+        expect(items.at(0).text()).toEqual('No results found');
+    });
+});

package/cjs/LookupEditor/components/GroupedDropDownEditor/helpers.js

@@ -0,0 +1,36 @@
+"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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.findEntryByValue = exports.flattenGroupedEntries = void 0;
+var ramda_1 = require("ramda");
+var isGroupEntry = (0, ramda_1.has)('values');
+var flattenEntry = (0, ramda_1.curry)(function (depth, entry) {
+    return isGroupEntry(entry)
+        ? __spreadArray([{ label: entry.label, depth: depth, isGroup: true }], (0, ramda_1.chain)(flattenEntry(depth + 1), entry.values), true) : __assign(__assign({}, entry), { depth: depth });
+});
+exports.flattenGroupedEntries = (0, ramda_1.chain)(flattenEntry(0));
+exports.findEntryByValue = (0, ramda_1.curry)(function (entries, _value) {
+    return entries.find(function (_a) {
+        var isGroup = _a.isGroup, value = _a.value;
+        return !isGroup && value === _value;
+    });
+});

package/cjs/LookupEditor/components/GroupedDropDownEditor/helpers.test.d.ts

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

package/cjs/LookupEditor/components/GroupedDropDownEditor/helpers.test.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var helpers_1 = require("./helpers");
+var groupEntry = function (label) {
+    var values = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        values[_i - 1] = arguments[_i];
+    }
+    return ({ label: label, values: values });
+};
+var entry = function (value) { return ({ value: value }); };
+var groupOpt = function (label, depth) { return ({ label: label, depth: depth, isGroup: true }); };
+var entryOpt = function (value, depth) { return ({ value: value, depth: depth }); };
+describe('entries helpers', function () {
+    describe('flattenGroupedEntries', function () {
+        it('should return empty array for empty entries', function () {
+            expect((0, helpers_1.flattenGroupedEntries)([])).toEqual([]);
+        });
+        it('should flatten grouped entries with depth assignment', function () {
+            expect((0, helpers_1.flattenGroupedEntries)([
+                groupEntry('L1 1', groupEntry('L2 1', entry('L3 1'), entry('L3 2')), entry('L2 2')),
+                groupEntry('L1 2', entry('L2 3')),
+                entry('L1 3')
+            ])).toEqual([
+                groupOpt('L1 1', 0),
+                groupOpt('L2 1', 1),
+                entryOpt('L3 1', 2),
+                entryOpt('L3 2', 2),
+                entryOpt('L2 2', 1),
+                groupOpt('L1 2', 0),
+                entryOpt('L2 3', 1),
+                entryOpt('L1 3', 0)
+            ]);
+        });
+    });
+});

package/cjs/LookupEditor/components/GroupedDropDownEditor/index.d.ts

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

package/cjs/LookupEditor/components/GroupedDropDownEditor/index.js

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

package/cjs/LookupEditor/components/GroupedDropDownEditor/styles.d.ts

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

package/cjs/LookupEditor/components/GroupedDropDownEditor/styles.js

@@ -0,0 +1,20 @@
+"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'
+    },
+    checkIcon: {
+        transform: 'scale(.7)',
+        marginLeft: '-25px',
+        position: 'absolute'
+    },
+    emptyLabel: {
+        padding: '4px 16px'
+    }
+});

package/cjs/LookupEditor/helpers.test.d.ts

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

package/cjs/LookupEditor/helpers.test.js

@@ -0,0 +1,105 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var helpers_1 = require("./helpers");
+describe('helpers', function () {
+    describe('buildLookupEntries', function () {
+        it('should return empty array for empty lookup type', function () {
+            expect((0, helpers_1.buildLookupEntries)('type', { type: {} })).toEqual([]);
+        });
+        it('should return regular entries for lookups with no parents', function () {
+            expect((0, helpers_1.buildLookupEntries)('type', { type: { t1: { displayName: 't1' } } })).toEqual([{ value: 't1', label: 't1' }]);
+        });
+        it('should return entry with combined label if lookup code differs from displayName', function () {
+            expect((0, helpers_1.buildLookupEntries)('type', { type: { t1: { displayName: 'name-t1' } } })).toEqual([
+                { value: 't1', label: 'name-t1 (t1)' }
+            ]);
+        });
+        it('should return entry with code as label if displayName is empty', function () {
+            expect((0, helpers_1.buildLookupEntries)('type', { type: { t1: { displayName: '' } } })).toEqual([{ value: 't1', label: 't1' }]);
+        });
+        it('should return grouped entries for lookups with parents', function () {
+            expect((0, helpers_1.buildLookupEntries)('type', {
+                type: {
+                    t1: { displayName: 't1', parent: 'parentType.pt1' },
+                    t2: { displayName: 't2', parent: 'parentType.pt2' }
+                },
+                parentType: {
+                    pt1: { displayName: 'pt1', parent: 'grandParentType.gpt1' },
+                    pt2: { displayName: 'pt2', parent: 'grandParentType.gpt1' }
+                },
+                grandParentType: {
+                    gpt1: { displayName: 'gpt1' }
+                }
+            })).toEqual([
+                {
+                    label: 'gpt1',
+                    values: [
+                        { label: 'pt1', values: [{ value: 't1', label: 't1' }] },
+                        { label: 'pt2', values: [{ value: 't2', label: 't2' }] }
+                    ]
+                }
+            ]);
+        });
+        it('should return correct entries if lookup has special symbols in name', function () {
+            var _a, _b, _c;
+            expect((0, helpers_1.buildLookupEntries)('type', {
+                type: (_a = {},
+                    _a['Test Country U.S.'] = { displayName: 'Test Country U.S.', parent: 'parentType.Parent 1.2.3' },
+                    _a['With. symbols/.12$%'] = { displayName: 'With. symbols/.12$%', parent: 'parentType.Parent 3/2/1' },
+                    _a),
+                parentType: (_b = {},
+                    _b['Parent 1.2.3'] = { displayName: 'Parent 1.2.3', parent: 'grandParentType.GrandParent.' },
+                    _b['Parent 3/2/1'] = { displayName: 'Parent 3/2/1', parent: 'grandParentType.GrandParent.' },
+                    _b),
+                grandParentType: (_c = {},
+                    _c['GrandParent.'] = { displayName: 'GrandParent.' },
+                    _c)
+            })).toEqual([
+                {
+                    label: 'GrandParent.',
+                    values: [
+                        { label: 'Parent 1.2.3', values: [{ value: 'Test Country U.S.', label: 'Test Country U.S.' }] },
+                        { label: 'Parent 3/2/1', values: [{ value: 'With. symbols/.12$%', label: 'With. symbols/.12$%' }] }
+                    ]
+                }
+            ]);
+        });
+        it('should sort entries by label', function () {
+            expect((0, helpers_1.buildLookupEntries)('type', {
+                type: {
+                    t1: { displayName: 'E', parent: 'parentType.pt1' },
+                    t2: { displayName: 'D', parent: 'parentType.pt1' },
+                    t3: { displayName: 'G', parent: 'parentType.pt2' },
+                    t4: { displayName: 'F', parent: 'parentType.pt2' }
+                },
+                parentType: {
+                    pt1: { displayName: 'C', parent: 'grandParentType.gpt1' },
+                    pt2: { displayName: 'B', parent: 'grandParentType.gpt1' }
+                },
+                grandParentType: {
+                    gpt1: { displayName: 'A' }
+                }
+            })).toEqual([
+                {
+                    label: 'A (gpt1)',
+                    values: [
+                        {
+                            label: 'B (pt2)',
+                            values: [
+                                { value: 't4', label: 'F (t4)' },
+                                { value: 't3', label: 'G (t3)' }
+                            ]
+                        },
+                        {
+                            label: 'C (pt1)',
+                            values: [
+                                { value: 't2', label: 'D (t2)' },
+                                { value: 't1', label: 'E (t1)' }
+                            ]
+                        }
+                    ]
+                }
+            ]);
+        });
+    });
+});

package/cjs/LookupEditor/index.d.ts

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

package/cjs/LookupEditor/index.js

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

package/cjs/MoreAttributesButton/MoreAttributesButton.js

@@ -37,7 +37,7 @@ var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var Add_1 = __importDefault(require("@mui/icons-material/Add"));
 var AttributeListItem_1 = require("../AttributeListItem");
 var SelectionPopup_1 = __importDefault(require("../components/SelectionPopup/SelectionPopup"));
-var Highlighter_1 = __importDefault(require("../components/Highlighter/Highlighter"));
+var Highlighter_1 = require("../Highlighter");
 var helpers_1 = require("../components/SelectionPopup/helpers");
 var VirtualGroupedList_1 = __importDefault(require("../components/VirtualGroupedList/VirtualGroupedList"));
 var useMoreAttributesItems_1 = require("./useMoreAttributesItems");
@@ -86,7 +86,7 @@ var MoreAttributesButton = function (_a) {
         var item = _a.item, _c = _a.level, level = _c === void 0 ? 0 : _c;
         var isChecked = (0, ramda_1.any)((0, ramda_1.propEq)('id', item.id))(selectedItems);
         var isFocused = focusIndexRef.current === index;
-        return (react_1.default.createElement(AttributeListItem_1.AttributeListItem, { key: item.uri, onClick: handleListItemClick, checked: isChecked, level: level, data: item, label: react_1.default.createElement(Highlighter_1.default, { text: item.label, highlight: filter }), labelInText: item.label, style: style, isFocused: isFocused, isRequired: !!((_b = item.attrType) === null || _b === void 0 ? void 0 : _b.required), LogoIcon: item.LogoIcon }));
+        return (react_1.default.createElement(AttributeListItem_1.AttributeListItem, { key: item.uri, onClick: handleListItemClick, checked: isChecked, level: level, data: item, label: react_1.default.createElement(Highlighter_1.Highlighter, { text: item.label, highlight: filter }), labelInText: item.label, style: style, isFocused: isFocused, isRequired: !!((_b = item.attrType) === null || _b === void 0 ? void 0 : _b.required), LogoIcon: item.LogoIcon }));
     }, [filter, handleListItemClick, selectedItems]);
     var renderGroupTitle = (0, react_1.useCallback)(function (style, item) { return (react_1.default.createElement(ListItem_1.default, { component: 'div', className: styles.subHeader, style: style, key: "group-".concat(item.item.id) }, item.item.label)); }, []);
     return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.moreAttributes, (_b = {}, _b[styles.dense] = dense, _b)) },

package/cjs/MoreAttributesButton/MoreAttributesButton.test.js

@@ -24,7 +24,7 @@ var MenuItem_1 = __importDefault(require("@mui/material/MenuItem"));
 var Add_1 = __importDefault(require("@mui/icons-material/Add"));
 var AttributeListItem_1 = require("../AttributeListItem/");
 var SelectionPopup_1 = __importDefault(require("../components/SelectionPopup/SelectionPopup"));
-var Highlighter_1 = __importDefault(require("../components/Highlighter/Highlighter"));
+var Highlighter_1 = require("../Highlighter");
 var Marginator_1 = __importDefault(require("../components/Marginator/Marginator"));
 var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
 var attributes_test_data_1 = require("./attributes.test-data");
@@ -119,8 +119,8 @@ describe('MoreAttributesButton tests', function () {
             expect(item.text().includes(label)).toBeTruthy();
             expect(item.find('SvgSimpleAttribute').exists()).toBe(true);
             expect(item.find('input').prop('checked')).toBe(false);
-            expect(item.find(Highlighter_1.default).prop('text')).toBe(attribute.label);
-            expect(item.find(Highlighter_1.default).prop('highlight')).toBe(filterText);
+            expect(item.find(Highlighter_1.Highlighter).prop('text')).toBe(attribute.label);
+            expect(item.find(Highlighter_1.Highlighter).prop('highlight')).toBe(filterText);
             expect(item.prop('labelInText')).toBe(attribute.label);
         });
     });

package/cjs/MoreAttributesButton/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"dense" | "icon" | "moreButton" | "buttonLabel" | "popupContainer" | "moreAttributes" | "moreAttributesPopup" | "subHeader" | "noResultsCaptionContainer">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"dense" | "icon" | "buttonLabel" | "moreButton" | "moreAttributes" | "popupContainer" | "moreAttributesPopup" | "subHeader" | "noResultsCaptionContainer">;

package/cjs/MultiValueChip/MultiValueChip.d.ts

@@ -0,0 +1,17 @@
+export function MultiValueChip(props: any): JSX.Element;
+export namespace MultiValueChip {
+    namespace propTypes {
+        let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        let data: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            value: PropTypes.Requireable<string>;
+            label: PropTypes.Requireable<string>;
+            number: PropTypes.Requireable<number>;
+        }>>>;
+        let removeProps: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            onClick: PropTypes.Validator<(...args: any[]) => any>;
+            onMouseDown: PropTypes.Validator<(...args: any[]) => any>;
+            onTouchEnd: PropTypes.Validator<(...args: any[]) => any>;
+        }>>>;
+    }
+}
+import PropTypes from 'prop-types';