@reltio/components 1.4.874 → 1.4.878

package/components/crosswalks/hooks/useModifiedEntity.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,43 +14,41 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from) {
         to[j] = from[i];
     return to;
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useModifiedEntity = void 0;
-var react_1 = require("react");
-var useAttributeActions_1 = require("./useAttributeActions");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var ramda_1 = require("ramda");
-var core_1 = require("../../../core");
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { useAttributeActions } from './useAttributeActions';
+import { addNewAttribute, areOneHierarchyUris, createNewAttribute, editAttribute, findAttributeValueByUri, findAttributeValues, getAttributeValue, getCrosswalkAttributes, getRelationCrosswalks, isTempUri, removeAttribute } from '@reltio/mdm-sdk';
+import { difference, dissoc, evolve, isNil, pipe, without } from 'ramda';
+import { noop } from '../../../core';
 var emptyArray = [];
-var useModifiedEntity = function (_a) {
-    var entity = _a.entity, _b = _a.onLoad, onLoad = _b === void 0 ? core_1.noop : _b, _c = _a.onModify, onModify = _c === void 0 ? core_1.noop : _c, _d = _a.onError, onError = _d === void 0 ? core_1.noop : _d;
-    var _e = react_1.useState(null), modifiedEntity = _e[0], setModifiedEntity = _e[1];
-    var _f = react_1.useState(null), crosswalksMap = _f[0], setCrosswalksMap = _f[1];
-    var temporaryAttributes = react_1.useRef([]);
-    var crosswalkForNewAttributes = react_1.useRef(null);
-    var resetCrosswalkForNewAttributes = react_1.useCallback(function () {
+export var useModifiedEntity = function (_a) {
+    var entity = _a.entity, _b = _a.onLoad, onLoad = _b === void 0 ? noop : _b, _c = _a.onModify, onModify = _c === void 0 ? noop : _c, _d = _a.onError, onError = _d === void 0 ? noop : _d;
+    var _e = useState(null), modifiedEntity = _e[0], setModifiedEntity = _e[1];
+    var _f = useState(null), crosswalksMap = _f[0], setCrosswalksMap = _f[1];
+    var temporaryAttributes = useRef([]);
+    var crosswalkForNewAttributes = useRef(null);
+    var resetCrosswalkForNewAttributes = useCallback(function () {
         crosswalkForNewAttributes.current = null;
     }, []);
-    var _g = react_1.useState(emptyArray), newlyCreatedAttributes = _g[0], setNewlyCreatedAttributes = _g[1];
+    var _g = useState(emptyArray), newlyCreatedAttributes = _g[0], setNewlyCreatedAttributes = _g[1];
     var groupCrosswalksByAttrUri = function (crosswalks) {
         if (crosswalks === void 0) { crosswalks = []; }
         return crosswalks.reduce(function (acc, crosswalk) {
-            mdm_sdk_1.getCrosswalkAttributes(crosswalk).forEach(function (uri) {
+            getCrosswalkAttributes(crosswalk).forEach(function (uri) {
                 acc[uri] = __spreadArray(__spreadArray([], (acc[uri] || [])), [crosswalk]);
             });
             return acc;
         }, {});
     };
-    react_1.useEffect(function () {
+    useEffect(function () {
         var newCrosswalksMap = {
             entity: groupCrosswalksByAttrUri(entity === null || entity === void 0 ? void 0 : entity.crosswalks),
-            relation: ramda_1.pipe(mdm_sdk_1.getRelationCrosswalks, groupCrosswalksByAttrUri)(entity)
+            relation: pipe(getRelationCrosswalks, groupCrosswalksByAttrUri)(entity)
         };
         if ((modifiedEntity === null || modifiedEntity === void 0 ? void 0 : modifiedEntity.uri) === (entity === null || entity === void 0 ? void 0 : entity.uri) && crosswalkForNewAttributes.current) {
             var ownerType = crosswalkForNewAttributes.current.ownerType;
             var newAttributes = Object.keys(newCrosswalksMap[ownerType]);
             var oldAttributes = Object.keys(crosswalksMap[ownerType]);
-            setNewlyCreatedAttributes(ramda_1.difference(newAttributes, oldAttributes));
+            setNewlyCreatedAttributes(difference(newAttributes, oldAttributes));
         }
         else {
             setNewlyCreatedAttributes(emptyArray);
@@ -61,18 +58,18 @@ var useModifiedEntity = function (_a) {
         setCrosswalksMap(newCrosswalksMap);
         temporaryAttributes.current = [];
     }, [entity]);
-    var handleError = react_1.useCallback(ramda_1.pipe(onError, resetCrosswalkForNewAttributes), [
+    var handleError = useCallback(pipe(onError, resetCrosswalkForNewAttributes), [
         onError,
         resetCrosswalkForNewAttributes
     ]);
-    var _h = useAttributeActions_1.useAttributeActions({
+    var _h = useAttributeActions({
         onLoad: onLoad,
         onSuccess: onModify,
         onError: handleError
     }), deleteAttribute = _h.deleteAttribute, ignoreAttribute = _h.ignoreAttribute, pinAttribute = _h.pinAttribute, createAttribute = _h.createAttribute, updateAttribute = _h.updateAttribute;
-    var onAddAttribute = react_1.useCallback(function (_a) {
+    var onAddAttribute = useCallback(function (_a) {
         var attributeType = _a.attributeType, parentUri = _a.parentUri, crosswalk = _a.crosswalk, index = _a.index;
-        var newAttribute = mdm_sdk_1.createNewAttribute({ parentUri: parentUri, attributeType: attributeType });
+        var newAttribute = createNewAttribute({ parentUri: parentUri, attributeType: attributeType });
         var uri = newAttribute.uri;
         if (crosswalk) {
             var ownerType_1 = crosswalk.ownerType;
@@ -83,45 +80,45 @@ var useModifiedEntity = function (_a) {
         }
         setModifiedEntity(function (entity) {
             var _a;
-            if (ramda_1.isNil(index)) {
-                index = (_a = mdm_sdk_1.findAttributeValues(entity, parentUri, attributeType.name)) === null || _a === void 0 ? void 0 : _a.length;
+            if (isNil(index)) {
+                index = (_a = findAttributeValues(entity, parentUri, attributeType.name)) === null || _a === void 0 ? void 0 : _a.length;
             }
-            return mdm_sdk_1.addNewAttribute({ entity: entity, attributeType: attributeType, newAttribute: newAttribute, index: index });
+            return addNewAttribute({ entity: entity, attributeType: attributeType, newAttribute: newAttribute, index: index });
         });
-        if (!temporaryAttributes.current.some(function (tempUri) { return mdm_sdk_1.areOneHierarchyUris(uri, tempUri); })) {
+        if (!temporaryAttributes.current.some(function (tempUri) { return areOneHierarchyUris(uri, tempUri); })) {
             temporaryAttributes.current.push(uri);
         }
     }, []);
-    var onDeleteAttribute = react_1.useCallback(function (event) {
+    var onDeleteAttribute = useCallback(function (event) {
         var uri = event.attributeValue.uri, attributeType = event.attributeType;
-        if (mdm_sdk_1.isTempUri(uri)) {
-            setModifiedEntity(function (entity) { return mdm_sdk_1.removeAttribute({ entity: entity, attributeType: attributeType, uri: uri }); });
-            setCrosswalksMap(ramda_1.evolve({
-                entity: ramda_1.dissoc(uri),
-                relation: ramda_1.dissoc(uri)
+        if (isTempUri(uri)) {
+            setModifiedEntity(function (entity) { return removeAttribute({ entity: entity, attributeType: attributeType, uri: uri }); });
+            setCrosswalksMap(evolve({
+                entity: dissoc(uri),
+                relation: dissoc(uri)
             }));
-            temporaryAttributes.current = ramda_1.without([uri], temporaryAttributes.current);
+            temporaryAttributes.current = without([uri], temporaryAttributes.current);
         }
         else {
             deleteAttribute(event);
         }
     }, [deleteAttribute]);
-    var onEditAttribute = react_1.useCallback(function (event) {
-        if (mdm_sdk_1.isTempUri(event.attributeValue.uri)) {
+    var onEditAttribute = useCallback(function (event) {
+        if (isTempUri(event.attributeValue.uri)) {
             var attributeValue = event.attributeValue, attributeType = event.attributeType, crosswalk = event.crosswalk;
-            if (!ramda_1.isNil(attributeValue.value)) {
+            if (!isNil(attributeValue.value)) {
                 var uri_1 = attributeValue.uri;
                 var tempAttributeUri = temporaryAttributes.current.find(function (tempUri) {
-                    return mdm_sdk_1.areOneHierarchyUris(uri_1, tempUri);
+                    return areOneHierarchyUris(uri_1, tempUri);
                 });
-                var editedEntity = mdm_sdk_1.editAttribute({
+                var editedEntity = editAttribute({
                     entity: modifiedEntity,
                     attributeType: attributeType,
                     uri: uri_1,
-                    value: mdm_sdk_1.getAttributeValue(attributeValue)
+                    value: getAttributeValue(attributeValue)
                 });
                 createAttribute({
-                    attributeValue: mdm_sdk_1.findAttributeValueByUri(editedEntity, tempAttributeUri),
+                    attributeValue: findAttributeValueByUri(editedEntity, tempAttributeUri),
                     crosswalk: crosswalk
                 });
                 crosswalkForNewAttributes.current = crosswalk;
@@ -142,4 +139,3 @@ var useModifiedEntity = function (_a) {
         newlyCreatedAttributes: newlyCreatedAttributes
     };
 };
-exports.useModifiedEntity = useModifiedEntity;

package/components/crosswalks/index.js

@@ -1,22 +1,8 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.groupCrosswalksByTypesAndSources = exports.CrosswalkType = exports.CrosswalkEditor = exports.SourceCrosswalksRow = exports.CrosswalkDragLayer = exports.useCrosswalkActions = exports.useModifiedEntity = exports.AttributesTable = void 0;
-var AttributesTable_1 = require("./AttributesTable/AttributesTable");
-Object.defineProperty(exports, "AttributesTable", { enumerable: true, get: function () { return __importDefault(AttributesTable_1).default; } });
-var useModifiedEntity_1 = require("./hooks/useModifiedEntity");
-Object.defineProperty(exports, "useModifiedEntity", { enumerable: true, get: function () { return useModifiedEntity_1.useModifiedEntity; } });
-var useCrosswalkActions_1 = require("./hooks/useCrosswalkActions");
-Object.defineProperty(exports, "useCrosswalkActions", { enumerable: true, get: function () { return useCrosswalkActions_1.useCrosswalkActions; } });
-var CrosswalkDragLayer_1 = require("./CrosswalkDragLayer/CrosswalkDragLayer");
-Object.defineProperty(exports, "CrosswalkDragLayer", { enumerable: true, get: function () { return __importDefault(CrosswalkDragLayer_1).default; } });
-var SourceCrosswalksRow_1 = require("./SourceCrosswalksRow/SourceCrosswalksRow");
-Object.defineProperty(exports, "SourceCrosswalksRow", { enumerable: true, get: function () { return __importDefault(SourceCrosswalksRow_1).default; } });
-var CrosswalkEditor_1 = require("./CrosswalkEditor/CrosswalkEditor");
-Object.defineProperty(exports, "CrosswalkEditor", { enumerable: true, get: function () { return __importDefault(CrosswalkEditor_1).default; } });
-var types_1 = require("./types");
-Object.defineProperty(exports, "CrosswalkType", { enumerable: true, get: function () { return types_1.CrosswalkType; } });
-var legend_1 = require("./utils/legend");
-Object.defineProperty(exports, "groupCrosswalksByTypesAndSources", { enumerable: true, get: function () { return legend_1.groupCrosswalksByTypesAndSources; } });
+export { default as AttributesTable } from './AttributesTable/AttributesTable';
+export { useModifiedEntity } from './hooks/useModifiedEntity';
+export { useCrosswalkActions } from './hooks/useCrosswalkActions';
+export { default as CrosswalkDragLayer } from './CrosswalkDragLayer/CrosswalkDragLayer';
+export { default as SourceCrosswalksRow } from './SourceCrosswalksRow/SourceCrosswalksRow';
+export { default as CrosswalkEditor } from './CrosswalkEditor/CrosswalkEditor';
+export { CrosswalkType } from './types';
+export { groupCrosswalksByTypesAndSources } from './utils/legend';

package/components/crosswalks/types/AddCrosswalkEvent.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/components/crosswalks/types/CreateAttributeEvent.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/components/crosswalks/types/CrosswalkType.js

@@ -1,9 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CrosswalkType = void 0;
-var CrosswalkType;
+export var CrosswalkType;
 (function (CrosswalkType) {
     CrosswalkType["Simple"] = "simple";
     CrosswalkType["Empty"] = "empty";
     CrosswalkType["Dependent"] = "dependent";
-})(CrosswalkType = exports.CrosswalkType || (exports.CrosswalkType = {}));
+})(CrosswalkType || (CrosswalkType = {}));

package/components/crosswalks/types/CrosswalksByOwnerTypeMap.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/components/crosswalks/types/CrosswalksByTypes.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/components/crosswalks/types/DeleteCrosswalkEvent.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/components/crosswalks/types/EditCrosswalkEvent.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/components/crosswalks/types/index.js

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

package/components/crosswalks/utils/legend.js

@@ -1,35 +1,32 @@
-"use strict";
 var _a;
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.groupCrosswalksByTypesAndSources = void 0;
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var ramda_1 = require("ramda");
-var types_1 = require("../types");
+import { getAttributeTypeUriByValueUri, getCrosswalkAttributes, isComplexAttribute } from '@reltio/mdm-sdk';
+import { curry, evolve, propEq, sort } from 'ramda';
+import { CrosswalkType } from '../types';
 var isEmptyCrosswalk = function (entityTypeUri, selectedAttributeTypes, crosswalk) {
-    var visibleAttributes = mdm_sdk_1.getCrosswalkAttributes(crosswalk).filter(function (attributeUri) {
-        var attributeTypeUri = mdm_sdk_1.getAttributeTypeUriByValueUri(attributeUri, entityTypeUri);
-        return selectedAttributeTypes.some(ramda_1.propEq('uri', attributeTypeUri));
+    var visibleAttributes = getCrosswalkAttributes(crosswalk).filter(function (attributeUri) {
+        var attributeTypeUri = getAttributeTypeUriByValueUri(attributeUri, entityTypeUri);
+        return selectedAttributeTypes.some(propEq('uri', attributeTypeUri));
     });
     return visibleAttributes.length === 0;
 };
 var isCrosswalkWithoutSimple = function (entityTypeUri, selectedAttributeTypes, crosswalk) {
-    return !mdm_sdk_1.getCrosswalkAttributes(crosswalk).some(function (attributeUri) {
-        var attributeTypeUri = mdm_sdk_1.getAttributeTypeUriByValueUri(attributeUri, entityTypeUri);
-        var attributeType = selectedAttributeTypes.find(ramda_1.propEq('uri', attributeTypeUri));
-        return attributeType && !mdm_sdk_1.isComplexAttribute(attributeType);
+    return !getCrosswalkAttributes(crosswalk).some(function (attributeUri) {
+        var attributeTypeUri = getAttributeTypeUriByValueUri(attributeUri, entityTypeUri);
+        var attributeType = selectedAttributeTypes.find(propEq('uri', attributeTypeUri));
+        return attributeType && !isComplexAttribute(attributeType);
     });
 };
 var getCrosswalksWeight = function (crosswalks) {
-    if (crosswalks[types_1.CrosswalkType.Simple].length > 0) {
+    if (crosswalks[CrosswalkType.Simple].length > 0) {
         return 1;
     }
-    if (crosswalks[types_1.CrosswalkType.Dependent].length > 0) {
-        return crosswalks[types_1.CrosswalkType.Empty].length > 0 ? 2 : 3;
+    if (crosswalks[CrosswalkType.Dependent].length > 0) {
+        return crosswalks[CrosswalkType.Empty].length > 0 ? 2 : 3;
     }
     return 4;
 };
-var sortDependentCrosswalksBySourceTable = ramda_1.evolve((_a = {},
-    _a[types_1.CrosswalkType.Dependent] = ramda_1.sort(function (cwA, cwB) {
+var sortDependentCrosswalksBySourceTable = evolve((_a = {},
+    _a[CrosswalkType.Dependent] = sort(function (cwA, cwB) {
         var sourceTableA = cwA.sourceTable || '';
         var sourceTableB = cwB.sourceTable || '';
         if (sourceTableA === sourceTableB)
@@ -41,27 +38,27 @@ var sortDependentCrosswalksBySourceTable = ramda_1.evolve((_a = {},
         return sourceTableA < sourceTableB ? -1 : 1;
     }),
     _a));
-exports.groupCrosswalksByTypesAndSources = ramda_1.curry(function (entityTypeUri, selectedAttributeTypes, crosswalks) {
+export var groupCrosswalksByTypesAndSources = curry(function (entityTypeUri, selectedAttributeTypes, crosswalks) {
     var crosswalksBySourcesMap = (crosswalks || []).reduce(function (acc, crosswalk) {
         var _a;
         if (!acc[crosswalk.type]) {
             acc[crosswalk.type] = (_a = {},
-                _a[types_1.CrosswalkType.Simple] = [],
-                _a[types_1.CrosswalkType.Empty] = [],
-                _a[types_1.CrosswalkType.Dependent] = [],
+                _a[CrosswalkType.Simple] = [],
+                _a[CrosswalkType.Empty] = [],
+                _a[CrosswalkType.Dependent] = [],
                 _a);
         }
         if (crosswalk.ownerType === 'relation') {
-            acc[crosswalk.type][types_1.CrosswalkType.Dependent].push(crosswalk);
+            acc[crosswalk.type][CrosswalkType.Dependent].push(crosswalk);
         }
         else if (isEmptyCrosswalk(entityTypeUri, selectedAttributeTypes, crosswalk)) {
-            acc[crosswalk.type][types_1.CrosswalkType.Empty].push(crosswalk);
+            acc[crosswalk.type][CrosswalkType.Empty].push(crosswalk);
         }
         else if (isCrosswalkWithoutSimple(entityTypeUri, selectedAttributeTypes, crosswalk)) {
-            acc[crosswalk.type][types_1.CrosswalkType.Dependent].push(crosswalk);
+            acc[crosswalk.type][CrosswalkType.Dependent].push(crosswalk);
         }
         else {
-            acc[crosswalk.type][types_1.CrosswalkType.Simple].push(crosswalk);
+            acc[crosswalk.type][CrosswalkType.Simple].push(crosswalk);
         }
         return acc;
     }, {});

package/components/editors/BooleanEditor/BooleanEditor.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,21 +20,17 @@ 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 Checkbox_1 = __importDefault(require("@material-ui/core/Checkbox"));
-var prop_types_1 = __importDefault(require("prop-types"));
-var react_1 = __importDefault(require("react"));
-var utils_1 = require("../../../core/utils");
-var ramda_1 = require("ramda");
+import Checkbox from '@material-ui/core/Checkbox';
+import PropTypes from 'prop-types';
+import React from 'react';
+import { getChecked } from '../../../core/utils';
+import { pipe } from 'ramda';
 var BooleanEditor = function (_a) {
     var value = _a.value, onChange = _a.onChange, otherProps = __rest(_a, ["value", "onChange"]);
-    return (react_1.default.createElement(Checkbox_1.default, __assign({}, otherProps, { checked: value, onChange: onChange && ramda_1.pipe(utils_1.getChecked, onChange) })));
+    return (React.createElement(Checkbox, __assign({}, otherProps, { checked: value, onChange: onChange && pipe(getChecked, onChange) })));
 };
 BooleanEditor.propTypes = {
-    onChange: prop_types_1.default.func,
-    value: prop_types_1.default.bool
+    onChange: PropTypes.func,
+    value: PropTypes.bool
 };
-exports.default = BooleanEditor;
+export default BooleanEditor;

package/components/editors/BooleanRadioEditor/BooleanRadioEditor.js

@@ -1,25 +1,20 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var BooleanEditor_1 = __importDefault(require("../BooleanEditor/BooleanEditor"));
-var FormControlLabel_1 = __importDefault(require("@material-ui/core/FormControlLabel"));
-var prop_types_1 = __importDefault(require("prop-types"));
-var react_1 = __importDefault(require("react"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var ramda_1 = require("ramda");
-var styles_1 = require("./styles");
+import BooleanEditor from '../BooleanEditor/BooleanEditor';
+import FormControlLabel from '@material-ui/core/FormControlLabel';
+import PropTypes from 'prop-types';
+import React from 'react';
+import i18n from 'ui-i18n';
+import { isNil, not, pipe } from 'ramda';
+import { useStyles } from './styles';
 var BooleanRadioEditor = function (_a) {
     var value = _a.value, onChange = _a.onChange, className = _a.className;
-    var styles = styles_1.useStyles();
-    return (react_1.default.createElement("div", { className: className },
-        react_1.default.createElement(FormControlLabel_1.default, { classes: { label: styles.label }, control: react_1.default.createElement(BooleanEditor_1.default, { classes: { root: styles['checkbox_primary'] }, color: "primary", value: !ramda_1.isNil(value) && !!value, onChange: onChange }), label: ui_i18n_1.default.text('Yes') }),
-        react_1.default.createElement(FormControlLabel_1.default, { classes: { label: styles.label }, control: react_1.default.createElement(BooleanEditor_1.default, { classes: { root: styles['checkbox_primary'] }, color: "primary", value: !ramda_1.isNil(value) && !value, onChange: onChange && ramda_1.pipe(ramda_1.not, onChange) }), label: ui_i18n_1.default.text('No') })));
+    var styles = useStyles();
+    return (React.createElement("div", { className: className },
+        React.createElement(FormControlLabel, { classes: { label: styles.label }, control: React.createElement(BooleanEditor, { classes: { root: styles['checkbox_primary'] }, color: "primary", value: !isNil(value) && !!value, onChange: onChange }), label: i18n.text('Yes') }),
+        React.createElement(FormControlLabel, { classes: { label: styles.label }, control: React.createElement(BooleanEditor, { classes: { root: styles['checkbox_primary'] }, color: "primary", value: !isNil(value) && !value, onChange: onChange && pipe(not, onChange) }), label: i18n.text('No') })));
 };
 BooleanRadioEditor.propTypes = {
-    value: prop_types_1.default.bool,
-    onChange: prop_types_1.default.func,
-    className: prop_types_1.default.string
+    value: PropTypes.bool,
+    onChange: PropTypes.func,
+    className: PropTypes.string
 };
-exports.default = BooleanRadioEditor;
+export default BooleanRadioEditor;

package/components/editors/BooleanRadioEditor/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 ({
     checkbox_primary: {
         color: theme.palette.divider
     },

package/components/editors/CustomDateRangeEditor/CustomDateRangeEditor.js

@@ -1,64 +1,40 @@
-"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 moment_1 = __importDefault(require("moment"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var ramda_1 = require("ramda");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var TextField_1 = __importDefault(require("@material-ui/core/TextField"));
-var Menu_1 = __importDefault(require("@material-ui/core/Menu"));
-var DropdownIndicatorWithIconButton_1 = __importDefault(require("../../commonReactSelectComponents/DropdownIndicatorWithIconButton"));
-var DateRangePicker_1 = __importDefault(require("../../DateRangePicker/DateRangePicker"));
-var styles_1 = require("./styles");
-var localeFormat = moment_1.default.localeData().longDateFormat('L');
+import React, { useCallback, useRef, useState } from 'react';
+import moment from 'moment';
+import i18n from 'ui-i18n';
+import { isNil } from 'ramda';
+import { DataTypes, formatDataTypeValue } from '@reltio/mdm-sdk';
+import TextField from '@material-ui/core/TextField';
+import Menu from '@material-ui/core/Menu';
+import DropdownIndicatorWithIconButton from '../../commonReactSelectComponents/DropdownIndicatorWithIconButton';
+import DateRangePicker from '../../DateRangePicker/DateRangePicker';
+import { useStyles } from './styles';
+var localeFormat = moment.localeData().longDateFormat('L');
 var formatValue = function (value, placeholder) {
-    return ramda_1.isNil(value)
+    return isNil(value)
         ? "" + placeholder
-        : "" + mdm_sdk_1.formatDataTypeValue({ dataTypeDefinition: { type: mdm_sdk_1.DataTypes.TYPE_ACTIVENESS_DATE } }, value);
+        : "" + formatDataTypeValue({ dataTypeDefinition: { type: DataTypes.TYPE_ACTIVENESS_DATE } }, value);
 };
 var CustomDateRangeEditor = function (_a) {
     var values = _a.values, onChange = _a.onChange, onFocus = _a.onFocus;
     var placeholder = localeFormat;
-    var inputRef = react_1.useRef(null);
-    var _b = react_1.useState(false), open = _b[0], setOpen = _b[1];
-    var styles = styles_1.useStyles();
+    var inputRef = useRef(null);
+    var _b = useState(false), open = _b[0], setOpen = _b[1];
+    var styles = useStyles();
     var onApply = function (values) {
         onChange(values);
         setOpen(false);
     };
-    var handleToggle = react_1.useCallback(function () {
+    var handleToggle = useCallback(function () {
         setOpen(function (open) { return !open; });
         onFocus();
     }, [onFocus]);
     var onCancel = function () {
         setOpen(false);
     };
-    return (react_1.default.createElement("div", { className: styles.root },
-        react_1.default.createElement(TextField_1.default, { fullWidth: true, value: values.map(function (value) { return formatValue(value, placeholder); }).join(' \u2014 '), onClick: handleToggle, variant: "filled", ref: inputRef, InputProps: {
-                endAdornment: (react_1.default.createElement(DropdownIndicatorWithIconButton_1.default, { selectProps: { classes: styles, menuIsOpen: open }, innerProps: {} })),
-                disableUnderline: ramda_1.isNil(values),
+    return (React.createElement("div", { className: styles.root },
+        React.createElement(TextField, { fullWidth: true, value: values.map(function (value) { return formatValue(value, placeholder); }).join(' \u2014 '), onClick: handleToggle, variant: "filled", ref: inputRef, InputProps: {
+                endAdornment: (React.createElement(DropdownIndicatorWithIconButton, { selectProps: { classes: styles, menuIsOpen: open }, innerProps: {} })),
+                disableUnderline: isNil(values),
                 readOnly: true,
                 classes: {
                     root: styles.inputRoot,
@@ -66,8 +42,8 @@ var CustomDateRangeEditor = function (_a) {
                 }
             }, InputLabelProps: {
                 shrink: false
-            }, placeholder: ui_i18n_1.default.text(placeholder + " \u2014 " + placeholder) }),
-        react_1.default.createElement(Menu_1.default, { variant: "menu", open: open, autoFocus: false, classes: { paper: styles.paper }, anchorEl: inputRef.current, onClose: onCancel, anchorOrigin: {
+            }, placeholder: i18n.text(placeholder + " \u2014 " + placeholder) }),
+        React.createElement(Menu, { variant: "menu", open: open, autoFocus: false, classes: { paper: styles.paper }, anchorEl: inputRef.current, onClose: onCancel, anchorOrigin: {
                 vertical: 'bottom',
                 horizontal: 'left'
             }, transformOrigin: {
@@ -77,12 +53,12 @@ var CustomDateRangeEditor = function (_a) {
                 autoFocusItem: open,
                 style: { width: '100%' }
             } },
-            react_1.default.createElement(DateRangePicker_1.default
+            React.createElement(DateRangePicker
             // eslint-disable-next-line @typescript-eslint/ban-ts-comment
             // @ts-ignore
             , { 
                 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
                 // @ts-ignore
-                values: values, onCancel: onCancel, onApply: onApply, type: mdm_sdk_1.DataTypes.TYPE_ACTIVENESS_DATE }))));
+                values: values, onCancel: onCancel, onApply: onApply, type: DataTypes.TYPE_ACTIVENESS_DATE }))));
 };
-exports.default = CustomDateRangeEditor;
+export default CustomDateRangeEditor;

package/components/editors/CustomDateRangeEditor/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({
     root: {
         flex: 1
     },

package/components/editors/DataTypeValueEditor/DataTypeValueEditor.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,34 +20,30 @@ 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 ramda_1 = require("ramda");
-var EditorsFactory_1 = __importDefault(require("../EditorsFactory"));
-var prop_types_1 = __importDefault(require("prop-types"));
-var useEditorContext_1 = __importDefault(require("./useEditorContext"));
-var constants_1 = require("../constants");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
+import { has, is, mergeDeepLeft } from 'ramda';
+import EditorsFactory from '../EditorsFactory';
+import PropTypes from 'prop-types';
+import useEditorContext from './useEditorContext';
+import { commonTextFieldProps, useInputStyles } from '../constants';
+import { isEmptyValue } from '@reltio/mdm-sdk';
 var DataTypeValueEditor = function (_a) {
     var fieldName = _a.fieldName, value = _a.value, onChange = _a.onChange, dataTypeDefinition = _a.dataTypeDefinition, _b = _a.TextFieldProps, TextFieldProps = _b === void 0 ? {} : _b, otherProps = __rest(_a, ["fieldName", "value", "onChange", "dataTypeDefinition", "TextFieldProps"]);
-    var inputStyles = constants_1.useInputStyles();
-    var editorContext = useEditorContext_1.default(fieldName, dataTypeDefinition);
+    var inputStyles = useInputStyles();
+    var editorContext = useEditorContext(fieldName, dataTypeDefinition);
     var isEmpty = function (value) {
-        return ramda_1.is(Object, value) && ramda_1.has('value', value) ? mdm_sdk_1.isEmptyValue(value.value) : mdm_sdk_1.isEmptyValue(value);
+        return is(Object, value) && has('value', value) ? isEmptyValue(value.value) : isEmptyValue(value);
     };
-    TextFieldProps = ramda_1.mergeDeepLeft(TextFieldProps, __assign(__assign({}, constants_1.commonTextFieldProps), { className: inputStyles.marginDense, InputProps: {
+    TextFieldProps = mergeDeepLeft(TextFieldProps, __assign(__assign({}, commonTextFieldProps), { className: inputStyles.marginDense, InputProps: {
             disableUnderline: isEmpty(value)
         } }));
-    return EditorsFactory_1.default.build(dataTypeDefinition.type, __assign(__assign({ onChange: onChange,
+    return EditorsFactory.build(dataTypeDefinition.type, __assign(__assign({ onChange: onChange,
         value: value,
         TextFieldProps: TextFieldProps }, editorContext), otherProps));
 };
 DataTypeValueEditor.propTypes = {
-    fieldName: prop_types_1.default.string,
-    value: prop_types_1.default.any,
-    onChange: prop_types_1.default.func,
-    dataTypeDefinition: prop_types_1.default.object
+    fieldName: PropTypes.string,
+    value: PropTypes.any,
+    onChange: PropTypes.func,
+    dataTypeDefinition: PropTypes.object
 };
-exports.default = DataTypeValueEditor;
+export default DataTypeValueEditor;