@reltio/components 1.4.1314 → 1.4.1315

package/cjs/components/editors/LookupEditor/LookupEditor.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -54,18 +58,17 @@ 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: (0, ramda_1.path)([lookupTypeCode, lookupCode, 'displayName'], lookups)
     }); };
-    react_1.useEffect(function () {
-        if (ramda_1.isEmpty(lookups) && getLookups) {
+    (0, react_1.useEffect)(function () {
+        if ((0, 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) })));
+    var entries = (0, 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 = (0, ramda_1.defaultTo)(multiple ? [] : {}, value);
+    return multiple ? (react_1.default.createElement(GroupedDropDownEditor_1.default, __assign({}, commonProps, { value: (0, ramda_1.pluck)('lookupCode', value), getValuePlaceholder: function (lookupCode) { return value.find((0, ramda_1.propEq)('lookupCode', lookupCode)).value; }, onChange: (0, ramda_1.pipe)((0, ramda_1.map)(codeToLookup), onChange) }))) : (react_1.default.createElement(GroupedDropDownEditor_1.default, __assign({}, commonProps, { value: (0, ramda_1.prop)('lookupCode', value), getValuePlaceholder: (0, ramda_1.always)((0, ramda_1.prop)('value', value)), onChange: (0, ramda_1.pipe)(codeToLookup, onChange) })));
 };
 LookupEditor.propTypes = {
     multiple: prop_types_1.default.bool,

package/cjs/components/editors/LookupEditor/entriesHelpers.js

@@ -4,13 +4,13 @@ exports.buildLookupEntries = void 0;
 var ramda_1 = require("ramda");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var LOOKUP_URI_SEPARATOR = '.';
-var splitOnce = ramda_1.curry(function (separator, string) {
+var splitOnce = (0, ramda_1.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 = (0, ramda_1.useWith)(ramda_1.path, [splitOnce(LOOKUP_URI_SEPARATOR)]);
+var byLabel = (0, ramda_1.ascend)((0, ramda_1.prop)('label'));
 var buildLookupEntries = function (lookupTypeCode, lookups) {
     var getLookupPath = function (uri) {
         var parent = getLookupByUri(uri, lookups).parent;
@@ -20,13 +20,13 @@ 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 = (0, 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 (0, ramda_1.assocPath)(getLookupPath("".concat(lookupTypeCode).concat(LOOKUP_URI_SEPARATOR).concat(code)), value, acc);
     }, {});
     return buildEntries(hierarchy);
 };

package/cjs/components/editors/NumberEditor/NumberEditor.d.ts

@@ -13,7 +13,7 @@ declare namespace NumberEditor {
         export { NumberFormatType as format };
         export const inputProps: PropTypes.Requireable<object>;
         export const InputProps: PropTypes.Requireable<object>;
-        export const value: PropTypes.Requireable<string | number | string[] | number[]>;
+        export const value: PropTypes.Requireable<NonNullable<string | number | string[] | number[]>>;
         export const onChange: PropTypes.Requireable<(...args: any[]) => any>;
     }
 }

package/cjs/components/editors/NumberEditor/NumberEditor.js

@@ -50,8 +50,7 @@ NumberFormatCustom.propTypes = {
 };
 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_1.default.createElement(TextEditor_1.default, __assign({}, otherProps, { inputProps: __assign({ integer: integer, format: format }, inputProps), InputProps: __assign(__assign({}, InputProps), { inputComponent: NumberFormatCustom }), getValueLabel: (0, mdm_sdk_1.formatNumber)(format) })));
 };
 NumberEditor.propTypes = {
     multiple: prop_types_1.default.bool,

package/cjs/components/editors/RangeDataTypeValueEditor/RangeDataTypeValueEditor.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -55,11 +59,11 @@ var styles_1 = require("./styles");
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var RangeDataTypeValueEditor = function (_a) {
     var _b = _a.value, value = _b === void 0 ? new Array(2) : _b, onChange = _a.onChange, _c = _a.orientation, orientation = _c === void 0 ? 'vertical' : _c, otherProps = __rest(_a, ["value", "onChange", "orientation"]);
-    var styles = styles_1.useStyles();
-    var rangeEditorFromId = react_1.useRef(nanoid_1.default());
-    var rangeEditorToId = react_1.useRef(nanoid_1.default());
-    var fromEditor = (react_1.default.createElement(DataTypeValueEditor_1.default, __assign({ id: rangeEditorFromId.current, value: value[0], onChange: ramda_1.pipe(ramda_1.update(0, ramda_1.__, value), onChange) }, otherProps)));
-    var toEditor = (react_1.default.createElement(DataTypeValueEditor_1.default, __assign({ id: rangeEditorToId.current, value: value[1], onChange: ramda_1.pipe(ramda_1.update(1, ramda_1.__, value), onChange) }, otherProps)));
+    var styles = (0, styles_1.useStyles)();
+    var rangeEditorFromId = (0, react_1.useRef)((0, nanoid_1.default)());
+    var rangeEditorToId = (0, react_1.useRef)((0, nanoid_1.default)());
+    var fromEditor = (react_1.default.createElement(DataTypeValueEditor_1.default, __assign({ id: rangeEditorFromId.current, value: value[0], onChange: (0, ramda_1.pipe)((0, ramda_1.update)(0, ramda_1.__, value), onChange) }, otherProps)));
+    var toEditor = (react_1.default.createElement(DataTypeValueEditor_1.default, __assign({ id: rangeEditorToId.current, value: value[1], onChange: (0, ramda_1.pipe)((0, ramda_1.update)(1, ramda_1.__, value), onChange) }, otherProps)));
     if (orientation === 'horizontal') {
         return (react_1.default.createElement("div", { className: styles['range-inline-editor'] },
             fromEditor,

package/cjs/components/editors/RangeDataTypeValueEditor/styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles({
+exports.useStyles = (0, styles_1.makeStyles)({
     'range-editor': {
         width: '100%'
     },

package/cjs/components/editors/SelectEditor/SelectEditor.js

@@ -33,10 +33,10 @@ var DropDownEditor_1 = __importDefault(require("../DropDownEditor/DropDownEditor
 var constants_1 = require("../constants");
 var SelectEditor = function (_a) {
     var classes = _a.classes, otherProps = __rest(_a, ["classes"]);
-    var styles = constants_1.useSelectStyles();
+    var styles = (0, constants_1.useSelectStyles)();
     return (react_1.default.createElement(DropDownEditor_1.default, __assign({ MenuProps: {
             disableAutoFocusItem: true
-        }, classes: __assign(__assign({}, classes), { root: classnames_1.default(styles.root, ramda_1.prop('root', classes)), icon: classnames_1.default(styles.icon, ramda_1.prop('icon', classes)) }) }, otherProps)));
+        }, classes: __assign(__assign({}, classes), { root: (0, classnames_1.default)(styles.root, (0, ramda_1.prop)('root', classes)), icon: (0, classnames_1.default)(styles.icon, (0, ramda_1.prop)('icon', classes)) }) }, otherProps)));
 };
 SelectEditor.propTypes = {
     classes: prop_types_1.default.object

package/cjs/components/editors/TextEditor/TextEditor.d.ts

@@ -10,7 +10,7 @@ declare namespace TextEditor {
     namespace propTypes {
         const multiple: PropTypes.Requireable<boolean>;
         const multiline: PropTypes.Requireable<boolean>;
-        const value: PropTypes.Requireable<string | number | string[] | number[]>;
+        const value: PropTypes.Requireable<NonNullable<string | number | string[] | number[]>>;
         const getValueLabel: PropTypes.Requireable<(...args: any[]) => any>;
     }
 }

package/cjs/components/editors/TimestampEditor/TimestampEditor.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -56,13 +60,13 @@ var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var styles_1 = require("./styles");
 var dateFormat = moment_1.default.localeData().longDateFormat('L');
 var timeFormat = moment_1.default.localeData().longDateFormat('LTS');
-var makeAmPmFormatter = function (format) { return text_field_helper_1.maskedDateFormatter(text_field_helper_1.makeMaskFromFormat(format, '_'), '_', /[^\dap]+/gi); };
+var makeAmPmFormatter = function (format) { return (0, text_field_helper_1.maskedDateFormatter)((0, text_field_helper_1.makeMaskFromFormat)(format, '_'), '_', /[^\dap]+/gi); };
 var TimestampEditor = function (_a) {
     var _b;
     var _c = _a.value, value = _c === void 0 ? null : _c, label = _a.label, _d = _a.variant, variant = _d === void 0 ? 'filled' : _d, onChange = _a.onChange, InputProps = _a.InputProps, format = _a.format, otherProps = __rest(_a, ["value", "label", "variant", "onChange", "InputProps", "format"]);
-    var styles = styles_1.useStyles();
-    var _e = react_1.useState(false), isCalendarOpen = _e[0], setIsCalendarOpen = _e[1];
-    var timestampFormat = format || dateFormat + " " + timeFormat;
+    var styles = (0, styles_1.useStyles)();
+    var _e = (0, react_1.useState)(false), isCalendarOpen = _e[0], setIsCalendarOpen = _e[1];
+    var timestampFormat = format || "".concat(dateFormat, " ").concat(timeFormat);
     var isAmPmFormat = timestampFormat && timestampFormat.toLowerCase().includes('a');
     return (react_1.default.createElement(pickers_1.KeyboardDateTimePicker, __assign({ format: timestampFormat, rifmFormatter: isAmPmFormat ? makeAmPmFormatter(timestampFormat) : undefined, variant: "inline", invalidDateMessage: ui_i18n_1.default.text('Invalid Date Format'), maxDateMessage: ui_i18n_1.default.text('Date should not be after maximal date'), minDateMessage: ui_i18n_1.default.text('Date should not be before minimal date'), inputVariant: variant, 
         //there is a bug in the picker types that prevents time picker from showing seconds picker (see https://github.com/mui-org/material-ui-pickers/issues/739)
@@ -70,12 +74,12 @@ var TimestampEditor = function (_a) {
         // @ts-ignore: wrong type
         views: ['year', 'date', 'hours', 'minutes', 'seconds'], autoOk: true, InputAdornmentProps: { position: 'end' }, KeyboardButtonProps: {
             classes: { root: styles.iconButtonRoot },
-            onKeyPress: ramda_1.invoker(0, 'stopPropagation')
-        }, keyboardIcon: react_1.default.createElement(DateRange_1.default, null), onChange: ramda_1.when(mdm_sdk_1.utils.dates.isValidMomentDateOrNull, ramda_1.pipe(mdm_sdk_1.utils.dates.momentToDate, onChange)), label: label, "aria-label": label, value: value, placeholder: ui_i18n_1.default.text((dateFormat + " HH:MM").toUpperCase()), ampm: isAmPmFormat, onClose: function () { return setIsCalendarOpen(false); }, onOpen: function () { return setIsCalendarOpen(true); }, InputProps: __assign({ classes: {
+            onKeyPress: (0, ramda_1.invoker)(0, 'stopPropagation')
+        }, keyboardIcon: react_1.default.createElement(DateRange_1.default, null), onChange: (0, ramda_1.when)(mdm_sdk_1.utils.dates.isValidMomentDateOrNull, (0, ramda_1.pipe)(mdm_sdk_1.utils.dates.momentToDate, onChange)), label: label, "aria-label": label, value: value, placeholder: ui_i18n_1.default.text("".concat(dateFormat, " HH:MM").toUpperCase()), ampm: isAmPmFormat, onClose: function () { return setIsCalendarOpen(false); }, onOpen: function () { return setIsCalendarOpen(true); }, InputProps: __assign({ classes: {
                 root: styles.inputRoot,
-                underline: classnames_1.default((_b = {}, _b[styles.underline] = isCalendarOpen, _b)),
+                underline: (0, classnames_1.default)((_b = {}, _b[styles.underline] = isCalendarOpen, _b)),
                 adornedEnd: styles.adornedEnd
-            }, disableUnderline: ramda_1.isNil(value) }, InputProps), PopoverProps: {
+            }, disableUnderline: (0, ramda_1.isNil)(value) }, InputProps), PopoverProps: {
             anchorOrigin: {
                 vertical: 'bottom',
                 horizontal: 'left'
@@ -88,7 +92,7 @@ var TimestampEditor = function (_a) {
             classes: {
                 root: isCalendarOpen ? styles.inputLabel : undefined
             },
-            shrink: !ramda_1.isNil(label)
+            shrink: !(0, ramda_1.isNil)(label)
         } }, otherProps)));
 };
 exports.default = TimestampEditor;

package/cjs/components/editors/TimestampEditor/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"underline" | "inputLabel" | "iconButtonRoot" | "adornedEnd" | "inputRoot">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"underline" | "inputLabel" | "adornedEnd" | "inputRoot" | "iconButtonRoot">;

package/cjs/components/editors/TimestampEditor/styles.js

@@ -2,7 +2,7 @@
 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 ({
+exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     iconButtonRoot: {
         padding: 8
     },

package/cjs/components/editors/TypeaheadEditor/TypeaheadEditor.d.ts

@@ -14,7 +14,7 @@ declare namespace TypeaheadEditor {
         const multiple: PropTypes.Requireable<boolean>;
         const fullWidth: PropTypes.Requireable<boolean>;
         const placeholder: PropTypes.Requireable<string>;
-        const value: PropTypes.Requireable<string | string[]>;
+        const value: PropTypes.Requireable<NonNullable<string | string[]>>;
         const onChange: PropTypes.Validator<(...args: any[]) => any>;
         const getSuggestions: PropTypes.Validator<(...args: any[]) => any>;
         const InputProps: PropTypes.Requireable<object>;

package/cjs/components/editors/TypeaheadEditor/TypeaheadEditor.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -40,10 +44,14 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-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;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
@@ -71,25 +79,25 @@ var FETCH_DEBOUNCE_INTERVAL = 300;
 var PAGE_SIZE = 50;
 var TypeaheadEditor = function (_a) {
     var value = _a.value, _b = _a.max, max = _b === void 0 ? PAGE_SIZE : _b, getSuggestions = _a.getSuggestions, onChange = _a.onChange, multiple = _a.multiple, fullWidth = _a.fullWidth, _c = _a.InputProps, InputProps = _c === void 0 ? {} : _c, inputProps = __rest(_a, ["value", "max", "getSuggestions", "onChange", "multiple", "fullWidth", "InputProps"]);
-    var _d = react_1.useState([]), suggestions = _d[0], setSuggestions = _d[1];
-    var _e = react_1.useState(false), isPlaceholderVisible = _e[0], setPlaceholderVisibility = _e[1];
-    var _f = react_1.useState(1), pageNumber = _f[0], setPageNumber = _f[1];
-    var _g = react_1.useState(false), nextPageIsLoading = _g[0], setNextPageIsLoading = _g[1];
+    var _d = (0, react_1.useState)([]), suggestions = _d[0], setSuggestions = _d[1];
+    var _e = (0, react_1.useState)(false), isPlaceholderVisible = _e[0], setPlaceholderVisibility = _e[1];
+    var _f = (0, react_1.useState)(1), pageNumber = _f[0], setPageNumber = _f[1];
+    var _g = (0, react_1.useState)(false), nextPageIsLoading = _g[0], setNextPageIsLoading = _g[1];
     var pageSizeForRequest = max + 1;
-    var _h = react_1.useState(''), currentValue = _h[0], setCurrentValue = _h[1];
-    value = ramda_1.defaultTo(multiple ? [] : '', value);
+    var _h = (0, react_1.useState)(''), currentValue = _h[0], setCurrentValue = _h[1];
+    value = (0, ramda_1.defaultTo)(multiple ? [] : '', value);
     var inputValue = multiple ? currentValue : value;
-    hooks_1.useDidUpdateEffect(function () {
+    (0, hooks_1.useDidUpdateEffect)(function () {
         setPageNumber(1);
     }, [inputValue]);
-    var inputRef = react_1.useRef();
-    var styles = styles_1.useStyles();
+    var inputRef = (0, react_1.useRef)();
+    var styles = (0, styles_1.useStyles)();
     var isFocused = function () { var _a; return ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('input')) === document.activeElement; };
-    var fetchSuggestions = ramda_1.pipe(ramda_1.prop('value'), ramda_1.trim, function (value) { return getSuggestions(value, pageSizeForRequest); }, ramda_1.andThen(ramda_1.pipe(ramda_1.tap(setSuggestions), ramda_1.both(ramda_1.isEmpty, isFocused), setPlaceholderVisibility)));
+    var fetchSuggestions = (0, ramda_1.pipe)((0, ramda_1.prop)('value'), ramda_1.trim, function (value) { return getSuggestions(value, pageSizeForRequest); }, (0, ramda_1.andThen)((0, ramda_1.pipe)((0, ramda_1.tap)(setSuggestions), (0, ramda_1.both)(ramda_1.isEmpty, isFocused), setPlaceholderVisibility)));
     var onLoadMoreSuggestions = function () {
         setNextPageIsLoading(true);
         getSuggestions(inputValue, pageSizeForRequest, pageNumber + 1)
-            .then(ramda_1.pipe(ramda_1.concat(suggestions), setSuggestions, ramda_1.always(pageNumber + 1), setPageNumber))
+            .then((0, ramda_1.pipe)((0, ramda_1.concat)(suggestions), setSuggestions, (0, ramda_1.always)(pageNumber + 1), setPageNumber))
             .finally(function () {
             setNextPageIsLoading(false);
         });
@@ -97,12 +105,12 @@ var TypeaheadEditor = function (_a) {
     var onMouseDown = function (event) {
         event.preventDefault();
     };
-    var debouncedFetchSuggestions = react_1.useCallback(mdm_sdk_1.debounce(fetchSuggestions, FETCH_DEBOUNCE_INTERVAL), [
+    var debouncedFetchSuggestions = (0, react_1.useCallback)((0, mdm_sdk_1.debounce)(fetchSuggestions, FETCH_DEBOUNCE_INTERVAL), [
         getSuggestions
     ]);
-    var displayedSuggestions = react_1.useMemo(function () { return suggestions.slice(0, pageNumber * max); }, [suggestions, pageNumber, max]);
+    var displayedSuggestions = (0, react_1.useMemo)(function () { return suggestions.slice(0, pageNumber * max); }, [suggestions, pageNumber, max]);
     var showMoreButton = suggestions.length > displayedSuggestions.length;
-    var _j = react_1.useState(false), hasHighlightedItem = _j[0], setHasHighlightedItem = _j[1];
+    var _j = (0, react_1.useState)(false), hasHighlightedItem = _j[0], setHasHighlightedItem = _j[1];
     var onInputChange = function (_a) {
         var newValue = _a.newValue, method = _a.method;
         switch (method) {
@@ -126,7 +134,7 @@ var TypeaheadEditor = function (_a) {
                 if (multiple) {
                     setCurrentValue('');
                     if (newValue) {
-                        onChange(ramda_1.uniq(__spreadArray(__spreadArray([], value), [newValue])));
+                        onChange((0, ramda_1.uniq)(__spreadArray(__spreadArray([], value, true), [newValue], false)));
                     }
                 }
                 else {
@@ -136,22 +144,22 @@ var TypeaheadEditor = function (_a) {
             }
         }
     };
-    return (react_1.default.createElement(react_autosuggest_1.default, { suggestions: displayedSuggestions, shouldRenderSuggestions: ramda_1.T, inputProps: __assign(__assign({ value: inputValue, onChange: ramda_1.pipe(ramda_1.nthArg(1), onInputChange), onKeyDown: function (event) {
+    return (react_1.default.createElement(react_autosuggest_1.default, { suggestions: displayedSuggestions, shouldRenderSuggestions: ramda_1.T, inputProps: __assign(__assign({ value: inputValue, onChange: (0, ramda_1.pipe)((0, ramda_1.nthArg)(1), onInputChange), onKeyDown: function (event) {
                 if (event.keyCode === 13 && multiple && !hasHighlightedItem) {
                     onInputChange({ method: 'enter', newValue: currentValue });
                 }
-            }, fullWidth: fullWidth }, inputProps), { autoComplete: 'nope' }), getSuggestionValue: ramda_1.identity, onSuggestionsFetchRequested: ramda_1.ifElse(ramda_1.propEq('reason', 'input-changed'), debouncedFetchSuggestions, fetchSuggestions), onSuggestionsClearRequested: ramda_1.pipe(ramda_1.always([]), setSuggestions, ramda_1.F, setPlaceholderVisibility, ramda_1.always(1), setPageNumber), renderInputComponent: function (_a) {
+            }, fullWidth: fullWidth }, inputProps), { autoComplete: 'nope' }), getSuggestionValue: ramda_1.identity, onSuggestionsFetchRequested: (0, ramda_1.ifElse)((0, ramda_1.propEq)('reason', 'input-changed'), debouncedFetchSuggestions, fetchSuggestions), onSuggestionsClearRequested: (0, ramda_1.pipe)((0, ramda_1.always)([]), setSuggestions, ramda_1.F, setPlaceholderVisibility, (0, ramda_1.always)(1), setPageNumber), renderInputComponent: function (_a) {
             var _b;
             var ref = _a.ref, onInputChange = _a.onChange, otherProps = __rest(_a, ["ref", "onChange"]);
             var commonClasses = {
-                underline: classnames_1.default((_b = {}, _b[styles['input__underline']] = mdm_sdk_1.isEmptyValue(value), _b)),
-                input: classnames_1.default(styles['rawInput'], ramda_1.path(['classes', 'input'], InputProps))
+                underline: (0, classnames_1.default)((_b = {}, _b[styles['input__underline']] = (0, mdm_sdk_1.isEmptyValue)(value), _b)),
+                input: (0, classnames_1.default)(styles['rawInput'], (0, ramda_1.path)(['classes', 'input'], InputProps))
             };
-            return multiple ? (react_1.default.createElement(TextField_1.default, __assign({}, otherProps, { ref: inputRef, inputRef: ref, InputProps: __assign(__assign({}, InputProps), { startAdornment: value.map(function (item, index) { return (react_1.default.createElement(ValueChip_1.default, { key: item, label: item, onDelete: function () { return onChange(ramda_1.remove(index, 1, value)); } })); }), inputComponent: react_input_autosize_1.default, classes: __assign(__assign({ root: classnames_1.default(styles['multiple-input__input'], ramda_1.path(['classes', 'root'], InputProps)) }, commonClasses), { input: classnames_1.default(styles.autosizeInput, commonClasses.input), adornedStart: styles['multiple-input__adornedStart'] }) }), value: currentValue, onChange: onInputChange, classes: { root: styles['multiple-input__root'] } }))) : (react_1.default.createElement(TextField_1.default, __assign({}, otherProps, { ref: inputRef, inputRef: ref, value: value, onChange: ramda_1.pipe(ramda_1.tap(onInputChange), utils_1.getValue, onChange), InputProps: __assign(__assign({}, InputProps), { classes: __assign({ root: classnames_1.default(styles['input__root'], ramda_1.path(['classes', 'root'], InputProps)) }, commonClasses) }) })));
+            return multiple ? (react_1.default.createElement(TextField_1.default, __assign({}, otherProps, { ref: inputRef, inputRef: ref, InputProps: __assign(__assign({}, InputProps), { startAdornment: value.map(function (item, index) { return (react_1.default.createElement(ValueChip_1.default, { key: item, label: item, onDelete: function () { return onChange((0, ramda_1.remove)(index, 1, value)); } })); }), inputComponent: react_input_autosize_1.default, classes: __assign(__assign({ root: (0, classnames_1.default)(styles['multiple-input__input'], (0, ramda_1.path)(['classes', 'root'], InputProps)) }, commonClasses), { input: (0, classnames_1.default)(styles.autosizeInput, commonClasses.input), adornedStart: styles['multiple-input__adornedStart'] }) }), value: currentValue, onChange: onInputChange, classes: { root: styles['multiple-input__root'] } }))) : (react_1.default.createElement(TextField_1.default, __assign({}, otherProps, { ref: inputRef, inputRef: ref, value: value, onChange: (0, ramda_1.pipe)((0, ramda_1.tap)(onInputChange), utils_1.getValue, onChange), InputProps: __assign(__assign({}, InputProps), { classes: __assign({ root: (0, classnames_1.default)(styles['input__root'], (0, ramda_1.path)(['classes', 'root'], InputProps)) }, commonClasses) }) })));
         }, renderSuggestionsContainer: function (_a) {
             var children = _a.children, _b = _a.containerProps, ref = _b.ref, restContainerProps = __rest(_b, ["ref"]);
             return (react_1.default.createElement(Popper_1.default, { anchorEl: inputRef.current, open: Boolean(children) || isPlaceholderVisible },
-                react_1.default.createElement(Paper_1.default, __assign({ ref: ref, square: true }, restContainerProps, { style: { width: ramda_1.prop('clientWidth', inputRef.current) } }),
+                react_1.default.createElement(Paper_1.default, __assign({ ref: ref, square: true }, restContainerProps, { style: { width: (0, ramda_1.prop)('clientWidth', inputRef.current) } }),
                     children || react_1.default.createElement(EmptySearchResult_1.NoResults, { className: styles['typeahead__suggestions-placeholder'] }),
                     showMoreButton && !isPlaceholderVisible && (react_1.default.createElement(LoadMoreButton_1.default, { onClick: onLoadMoreSuggestions, onMouseDown: onMouseDown, loading: nextPageIsLoading })))));
         }, renderSuggestion: function (suggestion, _a) {
@@ -163,7 +171,7 @@ var TypeaheadEditor = function (_a) {
             container: fullWidth ? styles['typeahead__suggestions-container'] : '',
             suggestionsList: styles['typeahead__suggestions-list'],
             suggestionsContainerOpen: styles['typeahead__suggestions-container--open']
-        }, onSuggestionHighlighted: ramda_1.pipe(ramda_1.prop('suggestion'), Boolean, setHasHighlightedItem) }));
+        }, onSuggestionHighlighted: (0, ramda_1.pipe)((0, ramda_1.prop)('suggestion'), Boolean, setHasHighlightedItem) }));
 };
 TypeaheadEditor.propTypes = {
     multiple: prop_types_1.default.bool,

package/cjs/components/editors/TypeaheadEditor/styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles({
+exports.useStyles = (0, styles_1.makeStyles)({
     'typeahead__suggestions-placeholder': {
         padding: '8px 16px',
         textAlign: 'center'

package/cjs/components/editors/commonComponents/MultiValueChip/MultiValueChip.d.ts

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

package/cjs/components/editors/commonComponents/MultiValueChip/MultiValueChip.js

@@ -21,7 +21,7 @@ var ValueChip_1 = __importDefault(require("../../../ValueChip/ValueChip"));
 var Cancel_1 = __importDefault(require("@material-ui/icons/Cancel"));
 var MultiValueChip = function (props) {
     var children = props.children, data = props.data, removeProps = props.removeProps;
-    return (react_1.default.createElement(ValueChip_1.default, { tabIndex: -1, label: children, count: ramda_1.prop('formattedNumber', data), onDelete: removeProps.onClick, deleteIcon: react_1.default.createElement(Cancel_1.default, __assign({}, props.removeProps)) }));
+    return (react_1.default.createElement(ValueChip_1.default, { tabIndex: -1, label: children, count: (0, ramda_1.prop)('formattedNumber', data), onDelete: removeProps.onClick, deleteIcon: react_1.default.createElement(Cancel_1.default, __assign({}, props.removeProps)) }));
 };
 MultiValueChip.propTypes = {
     children: prop_types_1.default.node,

package/cjs/components/editors/constants.js

@@ -7,7 +7,7 @@ exports.commonTextFieldProps = {
     margin: 'dense',
     hiddenLabel: true
 };
-exports.useInputStyles = styles_1.makeStyles({
+exports.useInputStyles = (0, styles_1.makeStyles)({
     filledInputUnderline: {
         '&:before': {
             display: 'none'
@@ -17,7 +17,7 @@ exports.useInputStyles = styles_1.makeStyles({
         margin: 0
     }
 });
-exports.useSelectStyles = styles_1.makeStyles({
+exports.useSelectStyles = (0, styles_1.makeStyles)({
     root: {
         paddingRight: '48px !important'
     },

package/cjs/components/history/ContributorsPanel/ContributorItem.js

@@ -10,9 +10,9 @@ var styles_1 = require("./styles");
 var ContributorItem = function (_a) {
     var _b;
     var value = _a.value, _c = _a.isSelected, isSelected = _c === void 0 ? true : _c, onClick = _a.onClick;
-    var color = mdm_sdk_1.getContributorColor(value);
-    var styles = styles_1.useContributorStyles({ color: color });
-    return (react_1.default.createElement("div", { className: classnames_1.default(styles.icon, (_b = {},
+    var color = (0, mdm_sdk_1.getContributorColor)(value);
+    var styles = (0, styles_1.useContributorStyles)({ color: color });
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.icon, (_b = {},
             _b[styles.inactive] = !isSelected,
             _b[styles.active] = isSelected,
             _b[styles.clickable] = !!onClick,

package/cjs/components/history/ContributorsPanel/ContributorsPanel.js

@@ -1,8 +1,12 @@
 "use strict";
-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;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
@@ -15,16 +19,16 @@ var ContributorItem_1 = __importDefault(require("./ContributorItem"));
 var styles_1 = require("./styles");
 var ContributorsPanel = function (_a) {
     var values = _a.values, selectedValues = _a.selectedValues, entityUri = _a.entityUri, onSelectValues = _a.onSelectValues, className = _a.className;
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     var handleClick = function (value) {
         if (selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.includes(value)) {
-            onSelectValues(ramda_1.without([value], selectedValues));
+            onSelectValues((0, ramda_1.without)([value], selectedValues));
         }
         else {
-            onSelectValues(__spreadArray(__spreadArray([], (selectedValues || [])), [value]));
+            onSelectValues(__spreadArray(__spreadArray([], (selectedValues || []), true), [value], false));
         }
     };
-    return (react_1.default.createElement("div", { className: classnames_1.default(styles.root, className) },
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.root, className) },
         react_1.default.createElement(ContributorItem_1.default, { value: entityUri }),
         (values === null || values === void 0 ? void 0 : values.length) > 0 &&
             values.map(function (value) { return (react_1.default.createElement(ContributorItem_1.default, { key: value, value: value, isSelected: selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.includes(value), onClick: function () { return handleClick(value); } })); })));

package/cjs/components/history/ContributorsPanel/styles.d.ts

@@ -2,5 +2,5 @@ export declare const useStyles: (props?: any) => import("@material-ui/core/style
 declare type StylesProps = {
     color: string;
 };
-export declare const useContributorStyles: (props: StylesProps) => import("@material-ui/core/styles/withStyles").ClassNameMap<"active" | "icon" | "inactive" | "clickable">;
+export declare const useContributorStyles: (props: StylesProps) => import("@material-ui/core/styles/withStyles").ClassNameMap<"icon" | "active" | "inactive" | "clickable">;
 export {};

package/cjs/components/history/ContributorsPanel/styles.js

@@ -2,14 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useContributorStyles = exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles({
+exports.useStyles = (0, styles_1.makeStyles)({
     root: {
         display: 'flex',
         flexWrap: 'wrap',
         padding: '10px 15px'
     }
 });
-exports.useContributorStyles = styles_1.makeStyles({
+exports.useContributorStyles = (0, styles_1.makeStyles)({
     icon: function (_a) {
         var color = _a.color;
         return ({

package/cjs/components/history/DateRangeSelector/DateRangeSelector.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -37,13 +41,13 @@ var emptyDates = [null, null];
 var emptyInterval = [null, 'hours'];
 var DateRangeSelector = function (_a) {
     var value = _a.value, onChange = _a.onChange, className = _a.className;
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     var isIntervalType = function (type) { return type === types_1.DateRangeTypes.WITHIN || type === types_1.DateRangeTypes.AGO; };
     var isBetweenType = function (type) { return type === types_1.DateRangeTypes.BETWEEN; };
     var initDatesInterval = isBetweenType(value === null || value === void 0 ? void 0 : value.type) ? value.period : emptyDates;
     var initInterval = isIntervalType(value === null || value === void 0 ? void 0 : value.type) ? value.period : emptyInterval;
-    var _b = react_1.useState(initDatesInterval), datesInterval = _b[0], setDatesInterval = _b[1];
-    var _c = react_1.useState(initInterval), interval = _c[0], setInterval = _c[1];
+    var _b = (0, react_1.useState)(initDatesInterval), datesInterval = _b[0], setDatesInterval = _b[1];
+    var _c = (0, react_1.useState)(initInterval), interval = _c[0], setInterval = _c[1];
     var selectedType = (value === null || value === void 0 ? void 0 : value.type) || types_1.DateRangeTypes.WITHIN;
     var getCurrentPeriodByType = function (type) {
         if (isIntervalType(type)) {
@@ -62,7 +66,7 @@ var DateRangeSelector = function (_a) {
     var changePeriod = function (period) {
         onChange({ type: selectedType, period: period });
     };
-    hooks_1.useDidUpdateEffect(function () {
+    (0, hooks_1.useDidUpdateEffect)(function () {
         if (value) {
             if (isIntervalType(value.type)) {
                 setInterval(value.period);
@@ -76,15 +80,15 @@ var DateRangeSelector = function (_a) {
             setInterval(emptyInterval);
         }
     }, [value]);
-    return (react_1.default.createElement("div", { className: classnames_1.default(styles.root, className) },
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.root, className) },
         react_1.default.createElement(Typography_1.default, { className: styles.title, variant: 'subtitle1' }, ui_i18n_1.default.text('Date')),
         react_1.default.createElement("div", { className: styles.intervalContainer },
             react_1.default.createElement(SimpleDropDownSelector_1.default, { label: '', className: styles.typeInput, value: {
                     value: selectedType,
-                    label: utils_1.getDateRangeTypeLabel(selectedType)
+                    label: (0, utils_1.getDateRangeTypeLabel)(selectedType)
                 }, options: utils_1.dateRangeTypeOptions.map(function (option) { return ({
                     value: option,
-                    label: utils_1.getDateRangeTypeLabel(option)
+                    label: (0, utils_1.getDateRangeTypeLabel)(option)
                 }); }), onChange: changeType }),
             isIntervalType(selectedType) ? (react_1.default.createElement(DateIntervalSelector_1.default, { interval: interval, onChange: changePeriod })) : (react_1.default.createElement(CustomDateRangeEditor_1.default, { values: datesInterval, onChange: changePeriod })))));
 };

package/cjs/components/history/DateRangeSelector/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"title" | "root" | "intervalContainer" | "typeInput">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "title" | "intervalContainer" | "typeInput">;

package/cjs/components/history/DateRangeSelector/styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles({
+exports.useStyles = (0, styles_1.makeStyles)({
     root: {
         flex: 1
     },