@reltio/components 1.4.699 → 1.4.703

package/components/editors/EditorsFactory.js

@@ -0,0 +1,97 @@
+"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 });
+var BooleanRadioEditor_1 = __importDefault(require("./BooleanRadioEditor/BooleanRadioEditor"));
+var DateEditor_1 = __importDefault(require("./DateEditor/DateEditor"));
+var LookupEditor_1 = __importDefault(require("./LookupEditor/LookupEditor"));
+var NumberEditor_1 = __importDefault(require("./NumberEditor/NumberEditor"));
+var react_1 = __importDefault(require("react"));
+var TextEditor_1 = __importDefault(require("./TextEditor/TextEditor"));
+var TimestampEditor_1 = __importDefault(require("./TimestampEditor/TimestampEditor"));
+var TypeaheadEditor_1 = __importDefault(require("./TypeaheadEditor/TypeaheadEditor"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var DependentLookupEditor_1 = __importDefault(require("./DependentLookupEditor/DependentLookupEditor"));
+var FileTypeEditor_1 = __importDefault(require("./FileTypeEditor/FileTypeEditor"));
+var SelectEditor_1 = __importDefault(require("./SelectEditor/SelectEditor"));
+var EditorsFactory = /** @class */ (function () {
+    function EditorsFactory() {
+    }
+    EditorsFactory.build = function (type, _a) {
+        if (_a === void 0) { _a = {}; }
+        var fullWidth = _a.fullWidth, TextFieldProps = _a.TextFieldProps, color = _a.color, otherProps = __rest(_a, ["fullWidth", "TextFieldProps", "color"]);
+        switch (type) {
+            case mdm_sdk_1.DataTypes.TYPE_STRING:
+            case mdm_sdk_1.DataTypes.TYPE_CIK_ID:
+            case mdm_sdk_1.DataTypes.TYPE_ENTITY_ID:
+            case mdm_sdk_1.DataTypes.TYPE_URL:
+            case mdm_sdk_1.DataTypes.TYPE_BLOG_URL:
+            case mdm_sdk_1.DataTypes.TYPE_IMAGE_URL:
+                return react_1.default.createElement(TextEditor_1.default, __assign({ fullWidth: fullWidth }, TextFieldProps, otherProps));
+            case mdm_sdk_1.DataTypes.TYPE_EMAIL:
+                return react_1.default.createElement(TextEditor_1.default, __assign({ fullWidth: fullWidth }, TextFieldProps, otherProps, { type: 'email' }));
+            case mdm_sdk_1.DataTypes.TYPE_TEXT:
+            case mdm_sdk_1.DataTypes.TYPE_BLOB:
+                return (react_1.default.createElement(TextEditor_1.default, __assign({ fullWidth: fullWidth, rowsMax: 7 }, TextFieldProps, otherProps, { multiline: true })));
+            case mdm_sdk_1.DataTypes.TYPE_PASSWORD:
+                return react_1.default.createElement(TextEditor_1.default, __assign({ fullWidth: fullWidth }, TextFieldProps, otherProps, { type: "password" }));
+            case mdm_sdk_1.DataTypes.TYPE_LONG:
+            case mdm_sdk_1.DataTypes.TYPE_INT:
+            case mdm_sdk_1.DataTypes.TYPE_COUNT:
+                return react_1.default.createElement(NumberEditor_1.default, __assign({ fullWidth: fullWidth }, TextFieldProps, otherProps, { integer: true }));
+            case mdm_sdk_1.DataTypes.TYPE_FLOAT:
+            case mdm_sdk_1.DataTypes.TYPE_DOUBLE:
+            case mdm_sdk_1.DataTypes.TYPE_NUMBER:
+            case mdm_sdk_1.DataTypes.TYPE_DOLLAR:
+                return react_1.default.createElement(NumberEditor_1.default, __assign({ fullWidth: fullWidth }, TextFieldProps, otherProps));
+            case mdm_sdk_1.DataTypes.TYPE_BOOLEAN:
+            case mdm_sdk_1.DataTypes.TYPE_BOOLEAN_RADIO:
+            case mdm_sdk_1.DataTypes.TYPE_RDM_LOOKUPS_NOT_RESOLVED:
+                return react_1.default.createElement(BooleanRadioEditor_1.default, __assign({ color: color }, otherProps));
+            case mdm_sdk_1.DataTypes.TYPE_DATE:
+            case mdm_sdk_1.DataTypes.TYPE_ACTIVENESS_DATE:
+            case mdm_sdk_1.DataTypes.TYPE_LOCAL_DATE:
+                return react_1.default.createElement(DateEditor_1.default, __assign({}, TextFieldProps, otherProps));
+            case mdm_sdk_1.DataTypes.TYPE_TIMESTAMP:
+                return react_1.default.createElement(TimestampEditor_1.default, __assign({}, TextFieldProps, otherProps));
+            case mdm_sdk_1.DataTypes.TYPE_ENUM:
+            case mdm_sdk_1.DataTypes.TYPE_SELECT:
+                return react_1.default.createElement(SelectEditor_1.default, __assign({ fullWidth: fullWidth, TextFieldProps: TextFieldProps }, otherProps));
+            case mdm_sdk_1.DataTypes.TYPE_LOOKUP:
+                return react_1.default.createElement(LookupEditor_1.default, __assign({ fullWidth: fullWidth, TextFieldProps: TextFieldProps }, otherProps));
+            case mdm_sdk_1.DataTypes.TYPE_TYPEAHEAD:
+                return react_1.default.createElement(TypeaheadEditor_1.default, __assign({ fullWidth: fullWidth }, TextFieldProps, otherProps));
+            case mdm_sdk_1.DataTypes.TYPE_DEPENDENT_LOOKUP:
+                return react_1.default.createElement(DependentLookupEditor_1.default, __assign({ fullWidth: fullWidth, TextFieldProps: TextFieldProps }, otherProps));
+            case mdm_sdk_1.DataTypes.TYPE_FILE:
+                return react_1.default.createElement(FileTypeEditor_1.default, __assign({}, otherProps));
+            default:
+                return react_1.default.createElement(TextEditor_1.default, __assign({ fullWidth: fullWidth }, TextFieldProps, otherProps));
+        }
+    };
+    return EditorsFactory;
+}());
+exports.default = EditorsFactory;

package/components/editors/FileTypeEditor/FileTypeEditor.js

@@ -0,0 +1,52 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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 UploadFileButton_1 = __importDefault(require("../../UploadFileButton/UploadFileButton"));
+var prop_types_1 = __importDefault(require("prop-types"));
+var react_1 = __importStar(require("react"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var styles_1 = require("./styles");
+var FileTypeEditor = function (_a) {
+    var value = _a.value, _b = _a.tenant, tenant = _b === void 0 ? 'default' : _b, onChange = _a.onChange, onError = _a.onError;
+    var _c = value || {}, link = _c.link, filename = _c.filename;
+    var supportedFileTypes = ['.txt', '.csv'];
+    var folder = 'FileBasedSearch';
+    var onUploadHandler = react_1.useCallback(function (file) {
+        return mdm_sdk_1.uploadFileForSearch({ file: file, folder: folder, tenant: tenant }).then(function (_a) {
+            var link = _a.link;
+            onChange({ filename: file.name, link: link });
+        });
+    }, [tenant, onChange]);
+    var onCancelHandler = react_1.useCallback(function () { return onChange(null); }, [onChange]);
+    var styles = styles_1.useStyles();
+    return (react_1.default.createElement("div", { className: styles.editor },
+        react_1.default.createElement(UploadFileButton_1.default, { link: link, filename: filename, supportedFileTypes: supportedFileTypes, onUpload: onUploadHandler, onError: onError, onCancel: onCancelHandler })));
+};
+FileTypeEditor.propTypes = {
+    onError: prop_types_1.default.func,
+    onChange: prop_types_1.default.func,
+    tenant: prop_types_1.default.string,
+    value: mdm_sdk_1.FileValueType
+};
+exports.default = FileTypeEditor;

package/components/editors/FileTypeEditor/styles.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@material-ui/core/styles");
+exports.useStyles = styles_1.makeStyles({
+    editor: {
+        alignSelf: 'center'
+    }
+});

package/components/editors/FilterEditor/FilterEditor.js

@@ -0,0 +1,46 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var prop_types_1 = __importDefault(require("prop-types"));
+var ramda_1 = require("ramda");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var DropDownEditor_1 = __importDefault(require("../DropDownEditor/DropDownEditor"));
+var FilterValueEditor_1 = __importDefault(require("./FilterValueEditor"));
+var constants_1 = require("../constants");
+var FilterEditor = function (_a) {
+    var value = _a.value, onChange = _a.onChange, filterOptions = _a.filterOptions, dataTypeDefinition = _a.dataTypeDefinition, classes = _a.classes, valueEditorProps = _a.valueEditorProps;
+    var styles = constants_1.useSelectStyles();
+    var firstOption = filterOptions[0];
+    var filterOption = value.filter || firstOption.value;
+    var filter = __assign(__assign({}, value), { filter: filterOption });
+    var canFilterAcceptValues = mdm_sdk_1.checkIfOptionHasValues(filterOption);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(DropDownEditor_1.default, { TextFieldProps: constants_1.commonTextFieldProps, className: classes.option, value: filterOption, entries: filterOptions, onChange: ramda_1.pipe(ramda_1.assoc('filter', ramda_1.__, filter), ramda_1.assoc('values', []), onChange), classes: { root: styles.root, icon: styles.icon } }),
+        canFilterAcceptValues && (react_1.default.createElement(FilterValueEditor_1.default, __assign({ filter: filter, onChange: ramda_1.pipe(ramda_1.assoc('values', ramda_1.__, filter), onChange), dataTypeDefinition: dataTypeDefinition }, valueEditorProps)))));
+};
+FilterEditor.propTypes = {
+    value: mdm_sdk_1.FilterType,
+    onChange: prop_types_1.default.func,
+    filterOptions: prop_types_1.default.arrayOf(prop_types_1.default.shape({
+        value: prop_types_1.default.string,
+        label: prop_types_1.default.string
+    })),
+    dataTypeDefinition: prop_types_1.default.object,
+    classes: prop_types_1.default.object,
+    valueEditorProps: prop_types_1.default.object
+};
+exports.default = FilterEditor;

package/components/editors/FilterEditor/FilterValueEditor.js

@@ -0,0 +1,84 @@
+"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 });
+var DataTypeValueEditor_1 = __importDefault(require("../DataTypeValueEditor/DataTypeValueEditor"));
+var prop_types_1 = __importDefault(require("prop-types"));
+var react_1 = __importDefault(require("react"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var ramda_1 = require("ramda");
+var RangeDataTypeValueEditor_1 = __importDefault(require("../RangeDataTypeValueEditor/RangeDataTypeValueEditor"));
+var DateRangeEditor_1 = __importDefault(require("../DateRangeEditor/DateRangeEditor"));
+var mdm_sdk_2 = require("@reltio/mdm-sdk");
+var toEditorValue = function (dataType) { return function (value) {
+    switch (dataType) {
+        case mdm_sdk_1.DataTypes.TYPE_DATE:
+            return mdm_sdk_1.isDateRangeValue(value) ? value : mdm_sdk_2.utils.dates.toLocalDate(value);
+        case mdm_sdk_1.DataTypes.TYPE_LOCAL_DATE:
+        case mdm_sdk_1.DataTypes.TYPE_TIMESTAMP:
+        case mdm_sdk_1.DataTypes.TYPE_ACTIVENESS_DATE:
+            return mdm_sdk_1.isDateRangeValue(value) ? value : new Date(value);
+        default:
+            return value;
+    }
+}; };
+var fromEditorValue = function (dataType) { return function (value) {
+    switch (dataType) {
+        case mdm_sdk_1.DataTypes.TYPE_DATE:
+            return mdm_sdk_1.isDateRangeValue(value) ? value : Date.UTC(value.getFullYear(), value.getMonth(), value.getDate());
+        case mdm_sdk_1.DataTypes.TYPE_LOCAL_DATE:
+        case mdm_sdk_1.DataTypes.TYPE_ACTIVENESS_DATE:
+        case mdm_sdk_1.DataTypes.TYPE_TIMESTAMP:
+            return mdm_sdk_1.isDateRangeValue(value) ? value : value.valueOf();
+        default:
+            return value;
+    }
+}; };
+var FilterValueEditor = function (_a) {
+    var _b = _a.filter, _c = _b.values, values = _c === void 0 ? [] : _c, fieldName = _b.fieldName, filter = _b.filter, onChange = _a.onChange, dataTypeDefinition = _a.dataTypeDefinition, orientation = _a.orientation, otherProps = __rest(_a, ["filter", "onChange", "dataTypeDefinition", "orientation"]);
+    var dataType = dataTypeDefinition.type;
+    var value = mdm_sdk_1.mapFilterValue(toEditorValue(dataType))(values[0]);
+    var handleChange = ramda_1.pipe(mdm_sdk_1.mapFilterValue(fromEditorValue(dataType)), mdm_sdk_1.wrapInArray, onChange);
+    if (mdm_sdk_1.isDateRangeFilterOption(filter)) {
+        return (react_1.default.createElement(DateRangeEditor_1.default, __assign({}, otherProps, { values: value, onChange: handleChange, dataTypeDefinition: dataTypeDefinition, label: ui_i18n_1.default.text('Date Range') })));
+    }
+    else if (mdm_sdk_1.isRangeFilterOption(filter)) {
+        return (react_1.default.createElement(RangeDataTypeValueEditor_1.default, __assign({}, otherProps, { value: value, onChange: handleChange, fieldName: fieldName, dataTypeDefinition: dataTypeDefinition, orientation: orientation })));
+    }
+    else {
+        var multipleProp = mdm_sdk_1.isMultiValueOption(filter) ? { multiple: true } : {};
+        return (react_1.default.createElement(DataTypeValueEditor_1.default, __assign({}, otherProps, multipleProp, { fieldName: fieldName, value: value, onChange: handleChange, dataTypeDefinition: dataTypeDefinition })));
+    }
+};
+FilterValueEditor.propTypes = {
+    filter: mdm_sdk_1.FilterType,
+    orientation: prop_types_1.default.oneOf(['horizontal', 'vertical']),
+    onChange: prop_types_1.default.func,
+    dataTypeDefinition: prop_types_1.default.object,
+    classes: prop_types_1.default.object
+};
+exports.default = FilterValueEditor;

package/components/editors/GroupedDropDownEditor/GroupedDropDownEditor.js

@@ -0,0 +1,64 @@
+"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.MENU_ITEM_OFFSET = exports.default = 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 Check_1 = __importDefault(require("@material-ui/icons/Check"));
+var MenuItem_1 = __importDefault(require("@material-ui/core/MenuItem"));
+var MultipliableSelect_1 = __importDefault(require("../../MultipliableSelect/MultipliableSelect"));
+var prop_types_2 = require("../../../constants/prop-types");
+var entriesHelpers_1 = require("./entriesHelpers");
+var styles_1 = require("./styles");
+var constants_1 = require("../constants");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var MENU_ITEM_OFFSET = 25;
+exports.MENU_ITEM_OFFSET = MENU_ITEM_OFFSET;
+var GroupedDropDownEditor = function (_a) {
+    var value = _a.value, entries = _a.entries, classes = _a.classes, otherProps = __rest(_a, ["value", "entries", "classes"]);
+    var flattenedEntries = entriesHelpers_1.flattenGroupedEntries(entries);
+    var selectedValues = ramda_1.isNil(value) ? [] : mdm_sdk_1.wrapInArrayIfNeeded(value);
+    var styles = styles_1.useStyles();
+    var selectStyles = constants_1.useSelectStyles();
+    return (react_1.default.createElement(MultipliableSelect_1.default, __assign({ MenuProps: {
+            disableAutoFocusItem: true
+        }, classes: __assign(__assign({}, classes), { root: classnames_1.default(selectStyles.root, ramda_1.prop('root', classes)), icon: classnames_1.default(selectStyles.icon, ramda_1.prop('icon', classes)) }) }, otherProps, { value: value, getValueLabel: ramda_1.pipe(entriesHelpers_1.findEntryByValue(flattenedEntries), 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: (depth + 1) * 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.default = GroupedDropDownEditor;
+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/components/editors/GroupedDropDownEditor/entriesHelpers.js

@@ -0,0 +1,32 @@
+"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) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.findEntryByValue = exports.flattenGroupedEntries = void 0;
+var ramda_1 = require("ramda");
+var isGroupEntry = ramda_1.has('values');
+var flattenEntry = ramda_1.curry(function (depth, entry) {
+    return isGroupEntry(entry)
+        ? __spreadArray([{ label: entry.label, depth: depth, isGroup: true }], ramda_1.chain(flattenEntry(depth + 1), entry.values)) : __assign(__assign({}, entry), { depth: depth });
+});
+var flattenGroupedEntries = ramda_1.chain(flattenEntry(0));
+exports.flattenGroupedEntries = flattenGroupedEntries;
+var findEntryByValue = ramda_1.curry(function (entries, _value) { return entries.find(function (_a) {
+    var isGroup = _a.isGroup, value = _a.value;
+    return !isGroup && value === _value;
+}); });
+exports.findEntryByValue = findEntryByValue;

package/components/editors/GroupedDropDownEditor/styles.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@material-ui/core/styles");
+exports.useStyles = styles_1.makeStyles({
+    checkIcon: {
+        transform: 'scale(.7)',
+        marginLeft: '-25px',
+        position: 'absolute'
+    },
+    emptyLabel: {
+        padding: '4px 16px'
+    }
+});

package/components/editors/LookupEditor/LookupEditor.js

@@ -0,0 +1,78 @@
+"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;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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 });
+var GroupedDropDownEditor_1 = __importDefault(require("../GroupedDropDownEditor/GroupedDropDownEditor"));
+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 entriesHelpers_1 = require("./entriesHelpers");
+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: ramda_1.path([lookupTypeCode, lookupCode, 'displayName'], lookups)
+    }); };
+    react_1.useEffect(function () {
+        if (ramda_1.isEmpty(lookups) && getLookups) {
+            getLookups();
+        }
+    }, [lookups, getLookups]);
+    var entries = entriesHelpers_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 = ramda_1.defaultTo(multiple ? [] : {}, value);
+    return multiple ? (react_1.default.createElement(GroupedDropDownEditor_1.default, __assign({}, commonProps, { value: ramda_1.pluck('lookupCode', value), getValuePlaceholder: function (lookupCode) { return value.find(ramda_1.propEq('lookupCode', lookupCode)).value; }, onChange: ramda_1.pipe(ramda_1.map(codeToLookup), onChange) }))) : (react_1.default.createElement(GroupedDropDownEditor_1.default, __assign({}, commonProps, { value: ramda_1.prop('lookupCode', value), getValuePlaceholder: ramda_1.always(ramda_1.prop('value', value)), onChange: ramda_1.pipe(codeToLookup, onChange) })));
+};
+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
+};
+exports.default = LookupEditor;

package/components/editors/LookupEditor/entriesHelpers.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildLookupEntries = void 0;
+var ramda_1 = require("ramda");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var LOOKUP_URI_SEPARATOR = '.';
+var getLookupByUri = ramda_1.useWith(ramda_1.path, [ramda_1.split(LOOKUP_URI_SEPARATOR)]);
+var byLabel = ramda_1.ascend(ramda_1.prop('label'));
+var buildLookupEntries = function (lookupTypeCode, lookups) {
+    var getLookupPath = function (uri) {
+        var parent = getLookupByUri(uri, lookups).parent;
+        return parent ? getLookupPath(parent).concat(uri) : [uri];
+    };
+    var buildEntry = function (_a) {
+        var uri = _a[0], value = _a[1];
+        var lookup = getLookupByUri(uri, lookups);
+        var _b = uri.split(LOOKUP_URI_SEPARATOR), code = _b[1];
+        var label = mdm_sdk_1.getLookupLabel(code, lookup.displayName);
+        return lookup === value ? { label: label, value: code } : { label: label, values: buildEntries(value) };
+    };
+    var buildEntries = function (value) { return Object.entries(value).map(buildEntry).sort(byLabel); };
+    var hierarchy = Object.entries(lookups[lookupTypeCode] || []).reduce(function (acc, _a) {
+        var code = _a[0], value = _a[1];
+        return ramda_1.assocPath(getLookupPath("" + lookupTypeCode + LOOKUP_URI_SEPARATOR + code), value, acc);
+    }, {});
+    return buildEntries(hierarchy);
+};
+exports.buildLookupEntries = buildLookupEntries;

package/components/editors/NumberEditor/NumberEditor.js

@@ -0,0 +1,70 @@
+"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 });
+var react_number_format_1 = __importDefault(require("react-number-format"));
+var prop_types_1 = __importDefault(require("prop-types"));
+var react_1 = __importDefault(require("react"));
+var TextEditor_1 = __importDefault(require("../TextEditor/TextEditor"));
+var prop_types_2 = require("../../../constants/prop-types");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var NumberFormatCustom = function (_a) {
+    var inputRef = _a.inputRef, onChange = _a.onChange, integer = _a.integer, customInput = _a.customInput, format = _a.format, otherProps = __rest(_a, ["inputRef", "onChange", "integer", "customInput", "format"]);
+    return (react_1.default.createElement(react_number_format_1.default, __assign({}, otherProps, format, { getInputRef: inputRef, isNumericString: true, onValueChange: function (values) {
+            onChange({
+                target: {
+                    value: values.value
+                }
+            });
+        }, decimalScale: integer ? 0 : undefined, customInput: customInput })));
+};
+NumberFormatCustom.propTypes = {
+    inputRef: prop_types_1.default.func.isRequired,
+    onChange: prop_types_1.default.func.isRequired,
+    integer: prop_types_1.default.bool,
+    customInput: prop_types_1.default.elementType,
+    format: prop_types_2.NumberFormatType
+};
+var NumberEditor = function (_a) {
+    var integer = _a.integer, format = _a.format, inputProps = _a.inputProps, InputProps = _a.InputProps, otherProps = __rest(_a, ["integer", "format", "inputProps", "InputProps"]);
+    return (react_1.default.createElement(TextEditor_1.default, __assign({}, otherProps, { inputProps: __assign({ integer: integer,
+            format: format }, inputProps), InputProps: __assign(__assign({}, InputProps), { inputComponent: NumberFormatCustom }), getValueLabel: mdm_sdk_1.formatNumber(format) })));
+};
+NumberEditor.propTypes = {
+    multiple: prop_types_1.default.bool,
+    integer: prop_types_1.default.bool,
+    format: prop_types_2.NumberFormatType,
+    inputProps: prop_types_1.default.object,
+    InputProps: prop_types_1.default.object,
+    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)
+    ]),
+    onChange: prop_types_1.default.func
+};
+exports.default = NumberEditor;