@reltio/components 1.4.876 → 1.4.880

package/components/editors/DependentLookupEditor/DependentLookupEditor.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,93 +20,88 @@ 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.DEBOUNCE_INTERVAL = void 0;
-var react_1 = __importStar(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var AsyncSelect_1 = __importDefault(require("../../ReactSelect/AsyncSelect"));
-var ramda_1 = require("ramda");
-var helpers_1 = require("./helpers");
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var OptionWithCheckIcon_1 = __importDefault(require("./OptionWithCheckIcon"));
-var utils_1 = require("../../../core/utils");
-var DropdownIndicator_1 = __importDefault(require("../../commonReactSelectComponents/DropdownIndicator"));
-var MenuWithPopper_1 = __importDefault(require("../../commonReactSelectComponents/MenuWithPopper"));
-var styles_1 = require("./styles");
-var useLookupsResolver_1 = __importDefault(require("./useLookupsResolver"));
-var MultiValueChip_1 = __importDefault(require("../commonComponents/MultiValueChip/MultiValueChip"));
-var useDefaultOptions_1 = __importDefault(require("./useDefaultOptions"));
-var useAutopopulation_1 = __importDefault(require("./useAutopopulation"));
-var useSavingFocus_1 = __importDefault(require("./useSavingFocus"));
+import React, { useCallback, useRef, useState } from 'react';
+import PropTypes from 'prop-types';
+import { debounce, LookupValueType } from '@reltio/mdm-sdk';
+import AsyncSelect from '../../ReactSelect/AsyncSelect';
+import { defaultTo, either, isEmpty, prop } from 'ramda';
+import { buildLookupOptions, getOptionLabel } from './helpers';
+import i18n from 'ui-i18n';
+import OptionWithCheckIcon from './OptionWithCheckIcon';
+import { EmptyStub } from '../../../core/utils';
+import DropdownIndicator from '../../commonReactSelectComponents/DropdownIndicator';
+import MenuWithPopper from '../../commonReactSelectComponents/MenuWithPopper';
+import { useStyles } from './styles';
+import useLookupsResolver from './useLookupsResolver';
+import MultiValueChip from '../commonComponents/MultiValueChip/MultiValueChip';
+import useDefaultOptions from './useDefaultOptions';
+import useAutopopulation from './useAutopopulation';
+import useSavingFocus from './useSavingFocus';
 var SelectComponents = {
-    IndicatorSeparator: utils_1.EmptyStub,
-    LoadingIndicator: utils_1.EmptyStub,
-    Option: OptionWithCheckIcon_1.default,
-    DropdownIndicator: DropdownIndicator_1.default,
-    Menu: MenuWithPopper_1.default,
-    MultiValue: MultiValueChip_1.default
+    IndicatorSeparator: EmptyStub,
+    LoadingIndicator: EmptyStub,
+    Option: OptionWithCheckIcon,
+    DropdownIndicator: DropdownIndicator,
+    Menu: MenuWithPopper,
+    MultiValue: MultiValueChip
 };
-exports.DEBOUNCE_INTERVAL = 400;
+export var DEBOUNCE_INTERVAL = 400;
 var DependentLookupEditor = function (_a) {
     var multiple = _a.multiple, value = _a.value, lookupTypeCode = _a.lookupCode, TextFieldProps = _a.TextFieldProps, parents = _a.parents, onChange = _a.onChange, getLookups = _a.getLookups, _b = _a.lookups, lookups = _b === void 0 ? {} : _b, resolveLookups = _a.resolveLookups, fullWidth = _a.fullWidth, disabled = _a.disabled, placeholder = _a.placeholder, autopopulationId = _a.autopopulationId, otherProps = __rest(_a, ["multiple", "value", "lookupCode", "TextFieldProps", "parents", "onChange", "getLookups", "lookups", "resolveLookups", "fullWidth", "disabled", "placeholder", "autopopulationId"]);
-    var inputRef = react_1.useRef(null);
-    var selectRef = react_1.useRef(null);
-    var styles = styles_1.useStyles();
-    useLookupsResolver_1.default({
+    var inputRef = useRef(null);
+    var selectRef = useRef(null);
+    var styles = useStyles();
+    useLookupsResolver({
         lookups: value,
         resolvedValues: lookups[lookupTypeCode],
         resolveLookups: function (codeValues) { return resolveLookups(lookupTypeCode, codeValues); },
         onLookupsResolve: function (lookups) { return onChange(multiple ? lookups : lookups[0]); }
     });
-    useSavingFocus_1.default(selectRef, inputRef, disabled);
-    var _c = react_1.useState(''), inputValue = _c[0], setInputValue = _c[1];
-    var loadOptions = react_1.useCallback(function (value) { return getLookups(lookupTypeCode, parents, value).then(helpers_1.buildLookupOptions); }, [
+    useSavingFocus(selectRef, inputRef, disabled);
+    var _c = useState(''), inputValue = _c[0], setInputValue = _c[1];
+    var loadOptions = useCallback(function (value) { return getLookups(lookupTypeCode, parents, value).then(buildLookupOptions); }, [
         lookupTypeCode,
         parents
     ]);
-    var debouncedLoadOptions = react_1.useCallback(mdm_sdk_1.debounce(function (value, callback) {
+    var debouncedLoadOptions = useCallback(debounce(function (value, callback) {
         loadOptions(value)
             .then(function (options) { return callback(options); })
             .catch(function () { return callback([]); });
-    }, exports.DEBOUNCE_INTERVAL), [loadOptions]);
-    var _d = useDefaultOptions_1.default(loadOptions), defaultOptions = _d.defaultOptions, initialDefaultOptions = _d.initialDefaultOptions, isLoadingDefaultOptions = _d.isLoading;
-    var isEmptyValue = multiple ? ramda_1.isEmpty(value) : !(value === null || value === void 0 ? void 0 : value.lookupCode) && !(value === null || value === void 0 ? void 0 : value.value);
-    var markAsTouched = useAutopopulation_1.default({
+    }, DEBOUNCE_INTERVAL), [loadOptions]);
+    var _d = useDefaultOptions(loadOptions), defaultOptions = _d.defaultOptions, initialDefaultOptions = _d.initialDefaultOptions, isLoadingDefaultOptions = _d.isLoading;
+    var isEmptyValue = multiple ? isEmpty(value) : !(value === null || value === void 0 ? void 0 : value.lookupCode) && !(value === null || value === void 0 ? void 0 : value.value);
+    var markAsTouched = useAutopopulation({
         id: autopopulationId,
         initialDefaultOptions: initialDefaultOptions,
         isEmptyValue: isEmptyValue,
         multiple: multiple,
         onChange: onChange
     }).markAsTouched;
-    return (react_1.default.createElement(AsyncSelect_1.default, __assign({}, otherProps, { isMulti: multiple, classes: styles, menuPortalTarget: document.body, menuPlacement: "auto", TextFieldProps: __assign(__assign({}, TextFieldProps), { ref: inputRef, disabled: (TextFieldProps === null || TextFieldProps === void 0 ? void 0 : TextFieldProps.disabled) || disabled }), inputRef: inputRef, innerRef: selectRef, styles: {
+    return (React.createElement(AsyncSelect, __assign({}, otherProps, { isMulti: multiple, classes: styles, menuPortalTarget: document.body, menuPlacement: "auto", TextFieldProps: __assign(__assign({}, TextFieldProps), { ref: inputRef, disabled: (TextFieldProps === null || TextFieldProps === void 0 ? void 0 : TextFieldProps.disabled) || disabled }), inputRef: inputRef, innerRef: selectRef, styles: {
             menuPortal: function (base) { return (__assign(__assign({}, base), { zIndex: 1300 })); },
             container: function (base) { return (__assign(__assign({}, base), (fullWidth ? { width: '100%' } : {}))); }
-        }, loadingMessage: function () { return ui_i18n_1.default.text('Loading...'); }, noOptionsMessage: function () { return ui_i18n_1.default.text('No results found'); }, components: SelectComponents, isClearable: true, isSearchable: true, inputValue: inputValue, onInputChange: setInputValue, isLoading: !inputValue && isLoadingDefaultOptions, defaultOptions: defaultOptions, hideSelectedOptions: false, placeholder: placeholder || '', isDisabled: disabled, loadOptions: debouncedLoadOptions, getOptionValue: ramda_1.either(ramda_1.prop('value'), ramda_1.prop('lookupCode')), getOptionLabel: helpers_1.getOptionLabel, onChange: function (value) {
+        }, loadingMessage: function () { return i18n.text('Loading...'); }, noOptionsMessage: function () { return i18n.text('No results found'); }, components: SelectComponents, isClearable: true, isSearchable: true, inputValue: inputValue, onInputChange: setInputValue, isLoading: !inputValue && isLoadingDefaultOptions, defaultOptions: defaultOptions, hideSelectedOptions: false, placeholder: placeholder || '', isDisabled: disabled, loadOptions: debouncedLoadOptions, getOptionValue: either(prop('value'), prop('lookupCode')), getOptionLabel: getOptionLabel, onChange: function (value) {
             markAsTouched();
             onChange(value);
-        }, value: ramda_1.defaultTo(multiple ? [] : null, value) })));
+        }, value: defaultTo(multiple ? [] : null, value) })));
 };
 DependentLookupEditor.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)]),
-    TextFieldProps: prop_types_1.default.shape({
-        variant: prop_types_1.default.string,
-        margin: prop_types_1.default.string,
-        hiddenLabel: prop_types_1.default.bool
+    multiple: PropTypes.bool,
+    value: PropTypes.oneOfType([LookupValueType, PropTypes.arrayOf(LookupValueType)]),
+    TextFieldProps: PropTypes.shape({
+        variant: PropTypes.string,
+        margin: PropTypes.string,
+        hiddenLabel: PropTypes.bool
     }),
-    lookupCode: prop_types_1.default.string.isRequired,
-    parents: prop_types_1.default.array,
-    getLookups: prop_types_1.default.func,
-    onChange: prop_types_1.default.func,
-    lookups: prop_types_1.default.object,
-    resolveLookups: prop_types_1.default.func,
-    fullWidth: prop_types_1.default.bool,
-    placeholder: prop_types_1.default.string,
-    disabled: prop_types_1.default.bool,
-    autopopulationId: prop_types_1.default.string
+    lookupCode: PropTypes.string.isRequired,
+    parents: PropTypes.array,
+    getLookups: PropTypes.func,
+    onChange: PropTypes.func,
+    lookups: PropTypes.object,
+    resolveLookups: PropTypes.func,
+    fullWidth: PropTypes.bool,
+    placeholder: PropTypes.string,
+    disabled: PropTypes.bool,
+    autopopulationId: PropTypes.string
 };
-exports.default = DependentLookupEditor;
+export default DependentLookupEditor;

package/components/editors/DependentLookupEditor/OptionWithCheckIcon.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,24 +9,20 @@ 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 prop_types_1 = __importDefault(require("prop-types"));
-var react_1 = __importDefault(require("react"));
-var Check_1 = __importDefault(require("@material-ui/icons/Check"));
-var styles_1 = require("./styles");
-var Option_1 = __importDefault(require("../../ReactSelect/commonComponents/Option"));
+import PropTypes from 'prop-types';
+import React from 'react';
+import CheckIcon from '@material-ui/icons/Check';
+import { useStyles } from './styles';
+import Option from '../../ReactSelect/commonComponents/Option';
 var OptionWithCheckIcon = function (props) {
-    var styles = styles_1.useStyles();
+    var styles = useStyles();
     var isSelected = props.isSelected, children = props.children;
-    return (react_1.default.createElement(Option_1.default, __assign({}, props),
-        isSelected && react_1.default.createElement(Check_1.default, { className: styles.checkIcon }),
+    return (React.createElement(Option, __assign({}, props),
+        isSelected && React.createElement(CheckIcon, { className: styles.checkIcon }),
         children));
 };
 OptionWithCheckIcon.propTypes = {
-    children: prop_types_1.default.node,
-    isSelected: prop_types_1.default.bool.isRequired
+    children: PropTypes.node,
+    isSelected: PropTypes.bool.isRequired
 };
-exports.default = OptionWithCheckIcon;
+export default OptionWithCheckIcon;

package/components/editors/DependentLookupEditor/helpers.js

@@ -1,12 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.buildLookupOptions = exports.getOptionLabel = void 0;
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
+import { getLookupLabel, utils } from '@reltio/mdm-sdk';
 var getOptionLabel = function (_a) {
     var lookupCode = _a.lookupCode, value = _a.value;
-    return mdm_sdk_1.getLookupLabel(lookupCode, value);
+    return getLookupLabel(lookupCode, value);
 };
-exports.getOptionLabel = getOptionLabel;
 var buildLookupOptions = function (lookups) {
     return Object.entries(lookups)
         .map(function (_a) {
@@ -19,7 +15,7 @@ var buildLookupOptions = function (lookups) {
         .sort(function (lookupA, lookupB) {
         var labelALower = getOptionLabel(lookupA).toLowerCase();
         var labelBLower = getOptionLabel(lookupB).toLowerCase();
-        return mdm_sdk_1.utils.strings.sort('asc', labelALower, labelBLower);
+        return utils.strings.sort('asc', labelALower, labelBLower);
     });
 };
-exports.buildLookupOptions = buildLookupOptions;
+export { getOptionLabel, buildLookupOptions };

package/components/editors/DependentLookupEditor/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(function (theme) { return ({
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles(function (theme) { return ({
     checkIcon: {
         transform: 'scale(.7)',
         marginLeft: '-30px',

package/components/editors/DependentLookupEditor/useAutopopulation.js

@@ -1,6 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("react");
+import { useCallback, useEffect } from 'react';
 var touchedEditorsMap = {};
 var addTouchedEditor = function (id) {
     touchedEditorsMap[id] = true;
@@ -9,17 +7,17 @@ var isTouchedEditor = function (id) { return touchedEditorsMap[id]; };
 // Autopopulation for just added editor. Other autopopulation cases should be covered by cascadeUpdate flow.
 var useAutopopulation = function (_a) {
     var id = _a.id, initialDefaultOptions = _a.initialDefaultOptions, isEmptyValue = _a.isEmptyValue, multiple = _a.multiple, onChange = _a.onChange;
-    react_1.useEffect(function () {
+    useEffect(function () {
         if (id && initialDefaultOptions && initialDefaultOptions.length === 1 && isEmptyValue && !isTouchedEditor(id)) {
             onChange(multiple ? initialDefaultOptions : initialDefaultOptions[0]);
         }
         //eslint-disable-next-line react-hooks/exhaustive-deps
     }, [initialDefaultOptions]);
-    var markAsTouched = react_1.useCallback(function () {
+    var markAsTouched = useCallback(function () {
         if (id) {
             addTouchedEditor(id);
         }
     }, [id]);
     return { markAsTouched: markAsTouched };
 };
-exports.default = useAutopopulation;
+export default useAutopopulation;

package/components/editors/DependentLookupEditor/useDefaultOptions.js

@@ -1,13 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("react");
-var hooks_1 = require("../../../hooks");
+import { useState, useEffect } from 'react';
+import { useSafePromise } from '../../../hooks';
 var useDefaultOptions = function (loadOptions) {
-    var _a = react_1.useState([]), defaultOptions = _a[0], setDefaultOptions = _a[1];
-    var _b = react_1.useState(null), initialDefaultOptions = _b[0], setInitialDefaultOptions = _b[1];
-    var _c = react_1.useState(false), isLoading = _c[0], setIsLoading = _c[1];
-    var safePromise = hooks_1.useSafePromise();
-    react_1.useEffect(function () {
+    var _a = useState([]), defaultOptions = _a[0], setDefaultOptions = _a[1];
+    var _b = useState(null), initialDefaultOptions = _b[0], setInitialDefaultOptions = _b[1];
+    var _c = useState(false), isLoading = _c[0], setIsLoading = _c[1];
+    var safePromise = useSafePromise();
+    useEffect(function () {
         setDefaultOptions([]);
         setIsLoading(true);
         safePromise(loadOptions(''))
@@ -22,4 +20,4 @@ var useDefaultOptions = function (loadOptions) {
     }, [loadOptions]); // eslint-disable-line
     return { defaultOptions: defaultOptions, initialDefaultOptions: initialDefaultOptions, isLoading: isLoading };
 };
-exports.default = useDefaultOptions;
+export default useDefaultOptions;

package/components/editors/DependentLookupEditor/useLookupsResolver.js

@@ -1,17 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("react");
-var ramda_1 = require("ramda");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
+import { useEffect, useState } from 'react';
+import { curry, filter, hasPath, map, partition, pipe, prop, concat, uniq } from 'ramda';
+import { wrapInArrayIfNeeded } from '@reltio/mdm-sdk';
 var isUnresolvedLookup = function (lookupValue) { return lookupValue && lookupValue.lookupCode && !lookupValue.value; };
-var isResolvedLookupCode = ramda_1.curry(function (resolvedValues, lookupCode) {
-    return ramda_1.hasPath([lookupCode, 'displayName'], resolvedValues);
+var isResolvedLookupCode = curry(function (resolvedValues, lookupCode) {
+    return hasPath([lookupCode, 'displayName'], resolvedValues);
 });
 var useLookupsResolver = function (_a) {
     var lookups = _a.lookups, resolvedValues = _a.resolvedValues, resolveLookups = _a.resolveLookups, onLookupsResolve = _a.onLookupsResolve;
-    var _b = react_1.useState([]), requestedCodes = _b[0], setRequestedCodes = _b[1];
-    react_1.useEffect(function () {
-        var _a = ramda_1.pipe(mdm_sdk_1.wrapInArrayIfNeeded, ramda_1.filter(isUnresolvedLookup), ramda_1.map(ramda_1.prop('lookupCode')), ramda_1.partition(isResolvedLookupCode(resolvedValues)))(lookups), resolvedCodes = _a[0], codesToResolve = _a[1];
+    var _b = useState([]), requestedCodes = _b[0], setRequestedCodes = _b[1];
+    useEffect(function () {
+        var _a = pipe(wrapInArrayIfNeeded, filter(isUnresolvedLookup), map(prop('lookupCode')), partition(isResolvedLookupCode(resolvedValues)))(lookups), resolvedCodes = _a[0], codesToResolve = _a[1];
         if (resolvedCodes.length > 0) {
             var resolvedLookups = resolvedCodes.map(function (lookupCode) { return ({
                 lookupCode: lookupCode,
@@ -21,9 +19,9 @@ var useLookupsResolver = function (_a) {
         }
         var unrequestedCodes = codesToResolve.filter(function (code) { return !requestedCodes.includes(code); });
         if (unrequestedCodes.length > 0) {
-            setRequestedCodes(ramda_1.pipe(ramda_1.concat(unrequestedCodes), ramda_1.uniq));
+            setRequestedCodes(pipe(concat(unrequestedCodes), uniq));
             resolveLookups(unrequestedCodes);
         }
     }, [lookups, resolvedValues]); // eslint-disable-line
 };
-exports.default = useLookupsResolver;
+export default useLookupsResolver;

package/components/editors/DependentLookupEditor/useSavingFocus.js

@@ -1,15 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("react");
+import { useEffect, useRef } from 'react';
 var useSavingFocus = function (selectRef, inputRef, disabled) {
     var _a;
-    var needFocusRef = react_1.useRef(false);
+    var needFocusRef = useRef(false);
     if (!needFocusRef.current &&
         disabled &&
         document.activeElement === ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.getElementsByTagName('input')[0])) {
         needFocusRef.current = true;
     }
-    react_1.useEffect(function () {
+    useEffect(function () {
         var _a;
         var handler = function () {
             if (needFocusRef.current) {
@@ -28,4 +26,4 @@ var useSavingFocus = function (selectRef, inputRef, disabled) {
         }
     }, [disabled]);
 };
-exports.default = useSavingFocus;
+export default useSavingFocus;

package/components/editors/DropDownEditor/DropDownEditor.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,27 +20,23 @@ 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 MenuItem_1 = __importDefault(require("@material-ui/core/MenuItem"));
-var MultipliableSelect_1 = __importDefault(require("../../MultipliableSelect/MultipliableSelect"));
-var prop_types_1 = __importDefault(require("prop-types"));
-var react_1 = __importDefault(require("react"));
-var prop_types_2 = require("../../../constants/prop-types");
-var ramda_1 = require("ramda");
-var findEntryByValue = function (entries) { return function (value) { return entries.find(ramda_1.propEq('value', value)); }; };
+import MenuItem from '@material-ui/core/MenuItem';
+import MultipliableSelect from '../../MultipliableSelect/MultipliableSelect';
+import PropTypes from 'prop-types';
+import React from 'react';
+import { DropDownEntryType } from '../../../constants/prop-types';
+import { pipe, prop, propEq } from 'ramda';
+var findEntryByValue = function (entries) { return function (value) { return entries.find(propEq('value', value)); }; };
 var DropDownEditor = function (_a) {
     var entries = _a.entries, _b = _a.classes, classes = _b === void 0 ? {} : _b, otherProps = __rest(_a, ["entries", "classes"]);
     var menuItem = classes.menuItem, otherClasses = __rest(classes, ["menuItem"]);
-    return (react_1.default.createElement(MultipliableSelect_1.default, __assign({}, otherProps, { classes: otherClasses, getValueLabel: ramda_1.pipe(findEntryByValue(entries), ramda_1.prop('label')) }), entries.map(function (_a, index) {
+    return (React.createElement(MultipliableSelect, __assign({}, otherProps, { classes: otherClasses, getValueLabel: pipe(findEntryByValue(entries), prop('label')) }), entries.map(function (_a, index) {
         var value = _a.value, label = _a.label;
-        return (react_1.default.createElement(MenuItem_1.default, { key: index, value: value, className: menuItem }, label || value.toString()));
+        return (React.createElement(MenuItem, { key: index, value: value, className: menuItem }, label || value.toString()));
     })));
 };
 DropDownEditor.propTypes = {
-    classes: prop_types_1.default.object,
-    entries: prop_types_1.default.arrayOf(prop_types_2.DropDownEntryType).isRequired
+    classes: PropTypes.object,
+    entries: PropTypes.arrayOf(DropDownEntryType).isRequired
 };
-exports.default = DropDownEditor;
+export default DropDownEditor;

package/components/editors/EditorsFactory.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,22 +20,18 @@ 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 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"));
+import BooleanRadioEditor from './BooleanRadioEditor/BooleanRadioEditor';
+import DateEditor from './DateEditor/DateEditor';
+import LookupEditor from './LookupEditor/LookupEditor';
+import NumberEditor from './NumberEditor/NumberEditor';
+import React from 'react';
+import TextEditor from './TextEditor/TextEditor';
+import TimestampEditor from './TimestampEditor/TimestampEditor';
+import TypeaheadEditor from './TypeaheadEditor/TypeaheadEditor';
+import { DataTypes } from '@reltio/mdm-sdk';
+import DependentLookupEditor from './DependentLookupEditor/DependentLookupEditor';
+import FileTypeEditor from './FileTypeEditor/FileTypeEditor';
+import SelectEditor from './SelectEditor/SelectEditor';
 var EditorsFactory = /** @class */ (function () {
     function EditorsFactory() {
     }
@@ -44,54 +39,54 @@ var EditorsFactory = /** @class */ (function () {
         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, { className: TextFieldProps === null || TextFieldProps === void 0 ? void 0 : TextFieldProps.booleanRadioEditorClassName })));
-            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));
+            case DataTypes.TYPE_STRING:
+            case DataTypes.TYPE_CIK_ID:
+            case DataTypes.TYPE_ENTITY_ID:
+            case DataTypes.TYPE_URL:
+            case DataTypes.TYPE_BLOG_URL:
+            case DataTypes.TYPE_IMAGE_URL:
+                return React.createElement(TextEditor, __assign({ fullWidth: fullWidth }, TextFieldProps, otherProps));
+            case DataTypes.TYPE_EMAIL:
+                return React.createElement(TextEditor, __assign({ fullWidth: fullWidth }, TextFieldProps, otherProps, { type: 'email' }));
+            case DataTypes.TYPE_TEXT:
+            case DataTypes.TYPE_BLOB:
+                return (React.createElement(TextEditor, __assign({ fullWidth: fullWidth, rowsMax: 7 }, TextFieldProps, otherProps, { multiline: true })));
+            case DataTypes.TYPE_PASSWORD:
+                return React.createElement(TextEditor, __assign({ fullWidth: fullWidth }, TextFieldProps, otherProps, { type: "password" }));
+            case DataTypes.TYPE_LONG:
+            case DataTypes.TYPE_INT:
+            case DataTypes.TYPE_COUNT:
+                return React.createElement(NumberEditor, __assign({ fullWidth: fullWidth }, TextFieldProps, otherProps, { integer: true }));
+            case DataTypes.TYPE_FLOAT:
+            case DataTypes.TYPE_DOUBLE:
+            case DataTypes.TYPE_NUMBER:
+            case DataTypes.TYPE_DOLLAR:
+                return React.createElement(NumberEditor, __assign({ fullWidth: fullWidth }, TextFieldProps, otherProps));
+            case DataTypes.TYPE_BOOLEAN:
+            case DataTypes.TYPE_BOOLEAN_RADIO:
+            case DataTypes.TYPE_RDM_LOOKUPS_NOT_RESOLVED:
+                return (React.createElement(BooleanRadioEditor, __assign({ color: color }, otherProps, { className: TextFieldProps === null || TextFieldProps === void 0 ? void 0 : TextFieldProps.booleanRadioEditorClassName })));
+            case DataTypes.TYPE_DATE:
+            case DataTypes.TYPE_ACTIVENESS_DATE:
+            case DataTypes.TYPE_LOCAL_DATE:
+                return React.createElement(DateEditor, __assign({}, TextFieldProps, otherProps));
+            case DataTypes.TYPE_TIMESTAMP:
+                return React.createElement(TimestampEditor, __assign({}, TextFieldProps, otherProps));
+            case DataTypes.TYPE_ENUM:
+            case DataTypes.TYPE_SELECT:
+                return React.createElement(SelectEditor, __assign({ fullWidth: fullWidth, TextFieldProps: TextFieldProps }, otherProps));
+            case DataTypes.TYPE_LOOKUP:
+                return React.createElement(LookupEditor, __assign({ fullWidth: fullWidth, TextFieldProps: TextFieldProps }, otherProps));
+            case DataTypes.TYPE_TYPEAHEAD:
+                return React.createElement(TypeaheadEditor, __assign({ fullWidth: fullWidth }, TextFieldProps, otherProps));
+            case DataTypes.TYPE_DEPENDENT_LOOKUP:
+                return React.createElement(DependentLookupEditor, __assign({ fullWidth: fullWidth, TextFieldProps: TextFieldProps }, otherProps));
+            case DataTypes.TYPE_FILE:
+                return React.createElement(FileTypeEditor, __assign({}, otherProps));
             default:
-                return react_1.default.createElement(TextEditor_1.default, __assign({ fullWidth: fullWidth }, TextFieldProps, otherProps));
+                return React.createElement(TextEditor, __assign({ fullWidth: fullWidth }, TextFieldProps, otherProps));
         }
     };
     return EditorsFactory;
 }());
-exports.default = EditorsFactory;
+export default EditorsFactory;