@reltio/components 1.4.876 → 1.4.880

package/components/editors/FileTypeEditor/FileTypeEditor.js

@@ -1,39 +1,15 @@
-"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 react_1 = __importStar(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var UploadFileButton_1 = __importDefault(require("../../UploadFileButton/UploadFileButton"));
-var styles_1 = require("./styles");
+import React, { useCallback } from 'react';
+import classnames from 'classnames';
+import { uploadFileForSearch } from '@reltio/mdm-sdk';
+import UploadFileButton from '../../UploadFileButton/UploadFileButton';
+import { useStyles } from './styles';
 var FileTypeEditor = function (_a) {
     var value = _a.value, onChange = _a.onChange, onError = _a.onError, className = _a.className;
     var _b = value || {}, downloadLink = _b.downloadLink, filename = _b.filename, expirationDate = _b.expirationDate;
     var isValidLink = expirationDate >= Date.now();
     var supportedFileTypes = ['.txt', '.csv'];
-    var onUploadHandler = react_1.useCallback(function (file) {
-        return mdm_sdk_1.uploadFileForSearch(file).then(function (_a) {
+    var onUploadHandler = useCallback(function (file) {
+        return uploadFileForSearch(file).then(function (_a) {
             var path = _a.path, downloadLink = _a.downloadLink, expirationDate = _a.expirationDate;
             onChange({
                 filename: file.name,
@@ -43,9 +19,9 @@ var FileTypeEditor = function (_a) {
             });
         });
     }, [onChange]);
-    var onCancelHandler = react_1.useCallback(function () { return onChange(null); }, [onChange]);
-    var styles = styles_1.useStyles();
-    return (react_1.default.createElement("div", { className: classnames_1.default(styles.editor, className) },
-        react_1.default.createElement(UploadFileButton_1.default, { isValidLink: isValidLink, link: downloadLink, filename: filename, supportedFileTypes: supportedFileTypes, onUpload: onUploadHandler, onError: onError, onCancel: onCancelHandler })));
+    var onCancelHandler = useCallback(function () { return onChange(null); }, [onChange]);
+    var styles = useStyles();
+    return (React.createElement("div", { className: classnames(styles.editor, className) },
+        React.createElement(UploadFileButton, { isValidLink: isValidLink, link: downloadLink, filename: filename, supportedFileTypes: supportedFileTypes, onUpload: onUploadHandler, onError: onError, onCancel: onCancelHandler })));
 };
-exports.default = FileTypeEditor;
+export default FileTypeEditor;

package/components/editors/FileTypeEditor/styles.js

@@ -1,8 +1,5 @@
-"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({
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles({
     editor: {
         alignSelf: 'center'
     }

package/components/editors/FilterEditor/FilterEditor.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,37 +9,33 @@ var __assign = (this && this.__assign) || function () {
     };
     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");
+import React from 'react';
+import PropTypes from 'prop-types';
+import { __, assoc, pipe } from 'ramda';
+import { checkIfOptionHasValues, FilterType } from '@reltio/mdm-sdk';
+import DropDownEditor from '../DropDownEditor/DropDownEditor';
+import FilterValueEditor from './FilterValueEditor';
+import { commonTextFieldProps, useSelectStyles } from '../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 styles = 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)))));
+    var canFilterAcceptValues = checkIfOptionHasValues(filterOption);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(DropDownEditor, { TextFieldProps: commonTextFieldProps, className: classes.option, value: filterOption, entries: filterOptions, onChange: pipe(assoc('filter', __, filter), assoc('values', []), onChange), classes: { root: styles.root, icon: styles.icon } }),
+        canFilterAcceptValues && (React.createElement(FilterValueEditor, __assign({ filter: filter, onChange: pipe(assoc('values', __, 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
+    value: FilterType,
+    onChange: PropTypes.func,
+    filterOptions: PropTypes.arrayOf(PropTypes.shape({
+        value: PropTypes.string,
+        label: PropTypes.string
     })),
-    dataTypeDefinition: prop_types_1.default.object,
-    classes: prop_types_1.default.object,
-    valueEditorProps: prop_types_1.default.object
+    dataTypeDefinition: PropTypes.object,
+    classes: PropTypes.object,
+    valueEditorProps: PropTypes.object
 };
-exports.default = FilterEditor;
+export default FilterEditor;

package/components/editors/FilterEditor/FilterValueEditor.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -21,39 +20,35 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     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");
+import DataTypeValueEditor from '../DataTypeValueEditor/DataTypeValueEditor';
+import PropTypes from 'prop-types';
+import React from 'react';
+import i18n from 'ui-i18n';
+import { DataTypes, FilterType, isDateRangeFilterOption, isDateRangeValue, isMultiValueOption, isRangeFilterOption, mapFilterValue, wrapInArray } from '@reltio/mdm-sdk';
+import { pipe } from 'ramda';
+import RangeDataTypeValueEditor from '../RangeDataTypeValueEditor/RangeDataTypeValueEditor';
+import DateRangeEditor from '../DateRangeEditor/DateRangeEditor';
+import { utils } from '@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);
+        case DataTypes.TYPE_DATE:
+            return isDateRangeValue(value) ? value : utils.dates.toLocalDate(value);
+        case DataTypes.TYPE_LOCAL_DATE:
+        case DataTypes.TYPE_TIMESTAMP:
+        case DataTypes.TYPE_ACTIVENESS_DATE:
+            return 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();
+        case DataTypes.TYPE_DATE:
+            return isDateRangeValue(value) ? value : Date.UTC(value.getFullYear(), value.getMonth(), value.getDate());
+        case DataTypes.TYPE_LOCAL_DATE:
+        case DataTypes.TYPE_ACTIVENESS_DATE:
+        case DataTypes.TYPE_TIMESTAMP:
+            return isDateRangeValue(value) ? value : value.valueOf();
         default:
             return value;
     }
@@ -61,24 +56,24 @@ var fromEditorValue = function (dataType) { return function (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') })));
+    var value = mapFilterValue(toEditorValue(dataType))(values[0]);
+    var handleChange = pipe(mapFilterValue(fromEditorValue(dataType)), wrapInArray, onChange);
+    if (isDateRangeFilterOption(filter)) {
+        return (React.createElement(DateRangeEditor, __assign({}, otherProps, { values: value, onChange: handleChange, dataTypeDefinition: dataTypeDefinition, label: i18n.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 if (isRangeFilterOption(filter)) {
+        return (React.createElement(RangeDataTypeValueEditor, __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 })));
+        var multipleProp = isMultiValueOption(filter) ? { multiple: true } : {};
+        return (React.createElement(DataTypeValueEditor, __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
+    filter: FilterType,
+    orientation: PropTypes.oneOf(['horizontal', 'vertical']),
+    onChange: PropTypes.func,
+    dataTypeDefinition: PropTypes.object,
+    classes: PropTypes.object
 };
-exports.default = FilterValueEditor;
+export default FilterValueEditor;

package/components/editors/GroupedDropDownEditor/GroupedDropDownEditor.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -21,44 +20,38 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     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");
+import React from 'react';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
+import i18n from 'ui-i18n';
+import { isNil, pipe, prop } from 'ramda';
+import CheckIcon from '@material-ui/icons/Check';
+import MenuItem from '@material-ui/core/MenuItem';
+import MultipliableSelect from '../../MultipliableSelect/MultipliableSelect';
+import { DropDownEntryType, DropDownGroupEntryType, SelectValueType } from '../../../constants/prop-types';
+import { findEntryByValue, flattenGroupedEntries } from './entriesHelpers';
+import { useStyles } from './styles';
+import { useSelectStyles } from '../constants';
+import { wrapInArrayIfNeeded } from '@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: {
+    var flattenedEntries = flattenGroupedEntries(entries);
+    var selectedValues = isNil(value) ? [] : wrapInArrayIfNeeded(value);
+    var styles = useStyles();
+    var selectStyles = useSelectStyles();
+    return (React.createElement(MultipliableSelect, __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) {
+        }, classes: __assign(__assign({}, classes), { root: classnames(selectStyles.root, prop('root', classes)), icon: classnames(selectStyles.icon, prop('icon', classes)) }) }, otherProps, { value: value, getValueLabel: pipe(findEntryByValue(flattenedEntries), 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 }),
+        return (React.createElement(MenuItem, { key: index, disabled: isGroup, value: value, style: { paddingLeft: (depth + 1) * MENU_ITEM_OFFSET + "px" } },
+            selectedValues.includes(value) && React.createElement(CheckIcon, { 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')))));
+    })) : (React.createElement(MenuItem, { className: styles.emptyLabel, disabled: true }, i18n.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
+    value: PropTypes.oneOfType([SelectValueType, PropTypes.arrayOf(SelectValueType)]),
+    entries: PropTypes.arrayOf(PropTypes.oneOfType([DropDownEntryType, DropDownGroupEntryType])).isRequired,
+    classes: PropTypes.object
 };
+export { GroupedDropDownEditor as default, MENU_ITEM_OFFSET };

package/components/editors/GroupedDropDownEditor/entriesHelpers.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -15,18 +14,15 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from) {
         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) {
+import { chain, curry, has } from 'ramda';
+var isGroupEntry = has('values');
+var flattenEntry = 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 });
+        ? __spreadArray([{ label: entry.label, depth: depth, isGroup: true }], 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 flattenGroupedEntries = chain(flattenEntry(0));
+var findEntryByValue = curry(function (entries, _value) { return entries.find(function (_a) {
     var isGroup = _a.isGroup, value = _a.value;
     return !isGroup && value === _value;
 }); });
-exports.findEntryByValue = findEntryByValue;
+export { flattenGroupedEntries, findEntryByValue };

package/components/editors/GroupedDropDownEditor/styles.js

@@ -1,8 +1,5 @@
-"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({
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles({
     checkIcon: {
         transform: 'scale(.7)',
         marginLeft: '-25px',

package/components/editors/LookupEditor/LookupEditor.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,25 +9,6 @@ var __assign = (this && this.__assign) || function () {
     };
     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)
@@ -40,39 +20,35 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     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");
+import GroupedDropDownEditor from '../GroupedDropDownEditor/GroupedDropDownEditor';
+import PropTypes from 'prop-types';
+import React, { useEffect } from 'react';
+import { SimpleLookupType, LookupValueType } from '@reltio/mdm-sdk';
+import { always, defaultTo, isEmpty, map, path, pipe, pluck, prop, propEq } from 'ramda';
+import { buildLookupEntries } from './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)
+        value: path([lookupTypeCode, lookupCode, 'displayName'], lookups)
     }); };
-    react_1.useEffect(function () {
-        if (ramda_1.isEmpty(lookups) && getLookups) {
+    useEffect(function () {
+        if (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 entries = 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) })));
+    value = defaultTo(multiple ? [] : {}, value);
+    return multiple ? (React.createElement(GroupedDropDownEditor, __assign({}, commonProps, { value: pluck('lookupCode', value), getValuePlaceholder: function (lookupCode) { return value.find(propEq('lookupCode', lookupCode)).value; }, onChange: pipe(map(codeToLookup), onChange) }))) : (React.createElement(GroupedDropDownEditor, __assign({}, commonProps, { value: prop('lookupCode', value), getValuePlaceholder: always(prop('value', value)), onChange: 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
+    multiple: PropTypes.bool,
+    value: PropTypes.oneOfType([LookupValueType, PropTypes.arrayOf(LookupValueType)]),
+    lookupCode: PropTypes.string.isRequired,
+    lookups: PropTypes.objectOf(PropTypes.objectOf(SimpleLookupType)).isRequired,
+    onChange: PropTypes.func,
+    getLookups: PropTypes.func
 };
-exports.default = LookupEditor;
+export default LookupEditor;

package/components/editors/LookupEditor/entriesHelpers.js

@@ -1,16 +1,13 @@
-"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");
+import { ascend, assocPath, path, prop, curry, useWith } from 'ramda';
+import { getLookupLabel } from '@reltio/mdm-sdk';
 var LOOKUP_URI_SEPARATOR = '.';
-var splitOnce = ramda_1.curry(function (separator, string) {
+var splitOnce = curry(function (separator, string) {
     var _a = string.split(separator), first = _a[0], other = _a.slice(1);
     return [first, other.join(separator)];
 });
 // eslint-disable-next-line react-hooks/rules-of-hooks
-var getLookupByUri = ramda_1.useWith(ramda_1.path, [splitOnce(LOOKUP_URI_SEPARATOR)]);
-var byLabel = ramda_1.ascend(ramda_1.prop('label'));
+var getLookupByUri = useWith(path, [splitOnce(LOOKUP_URI_SEPARATOR)]);
+var byLabel = ascend(prop('label'));
 var buildLookupEntries = function (lookupTypeCode, lookups) {
     var getLookupPath = function (uri) {
         var parent = getLookupByUri(uri, lookups).parent;
@@ -20,14 +17,14 @@ var buildLookupEntries = function (lookupTypeCode, lookups) {
         var uri = _a[0], value = _a[1];
         var lookup = getLookupByUri(uri, lookups);
         var _b = splitOnce(LOOKUP_URI_SEPARATOR, uri), code = _b[1];
-        var label = mdm_sdk_1.getLookupLabel(code, lookup.displayName);
+        var label = 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 assocPath(getLookupPath("" + lookupTypeCode + LOOKUP_URI_SEPARATOR + code), value, acc);
     }, {});
     return buildEntries(hierarchy);
 };
-exports.buildLookupEntries = buildLookupEntries;
+export { buildLookupEntries };

package/components/editors/NumberEditor/NumberEditor.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -21,19 +20,15 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     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");
+import NumberFormat from 'react-number-format';
+import PropTypes from 'prop-types';
+import React from 'react';
+import TextEditor from '../TextEditor/TextEditor';
+import { NumberFormatType } from '../../../constants/prop-types';
+import { formatNumber } from '@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) {
+    return (React.createElement(NumberFormat, __assign({}, otherProps, format, { getInputRef: inputRef, isNumericString: true, onValueChange: function (values) {
             onChange({
                 target: {
                     value: values.value
@@ -42,29 +37,29 @@ var NumberFormatCustom = function (_a) {
         }, 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
+    inputRef: PropTypes.func.isRequired,
+    onChange: PropTypes.func.isRequired,
+    integer: PropTypes.bool,
+    customInput: PropTypes.elementType,
+    format: 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) })));
+    return (React.createElement(TextEditor, __assign({}, otherProps, { inputProps: __assign({ integer: integer,
+            format: format }, inputProps), InputProps: __assign(__assign({}, InputProps), { inputComponent: NumberFormatCustom }), getValueLabel: 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)
+    multiple: PropTypes.bool,
+    integer: PropTypes.bool,
+    format: NumberFormatType,
+    inputProps: PropTypes.object,
+    InputProps: PropTypes.object,
+    value: PropTypes.oneOfType([
+        PropTypes.string,
+        PropTypes.arrayOf(PropTypes.string),
+        PropTypes.number,
+        PropTypes.arrayOf(PropTypes.number)
     ]),
-    onChange: prop_types_1.default.func
+    onChange: PropTypes.func
 };
-exports.default = NumberEditor;
+export default NumberEditor;