@reltio/components 1.4.1314 → 1.4.1316

package/cjs/components/attributes/editMode/SimpleAttributeEditor/SimpleAttributeEditor.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];
@@ -63,52 +67,52 @@ var withAsyncMount_1 = __importDefault(require("../../../../HOCs/withAsyncMount/
 var getDependentLookupEditorContext_1 = require("./selectors/getDependentLookupEditorContext");
 var styles_1 = require("./styles");
 var AsyncMountPlaceholder = function () {
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     return react_1.default.createElement("div", { className: styles.placeholder });
 };
 var SimpleAttributeEditor = function (_a) {
     var _b, _c;
     var className = _a.className, attributeValue = _a.attributeValue, attributeType = _a.attributeType, isReltioCrosswalk = _a.isReltioCrosswalk, ownError = _a.ownError, mode = _a.mode, onAddOneMore = _a.onAddOneMore, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, onDeactivateError = _a.onDeactivateError, additionalControlsRenderer = _a.additionalControlsRenderer, state = _a.state, otherProps = __rest(_a, ["className", "attributeValue", "attributeType", "isReltioCrosswalk", "ownError", "mode", "onAddOneMore", "onDeleteAttribute", "onChangeAttribute", "onDeactivateError", "additionalControlsRenderer", "state"]);
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     var deleted = state === 'deleted';
     var edited = state === 'edited';
-    var isEditableMode = mdm_sdk_1.isEditableMode(mode);
-    var dataTypeDefinition = mdm_sdk_1.getAttrDataTypeDefinition(attributeType);
-    var value = utils_1.attributeValueToEditorValue(attributeValue, dataTypeDefinition);
-    var canCreate = mdm_sdk_1.checkCanCreateAttribute({ attributeType: attributeType, mode: mode });
-    var canEdit = mdm_sdk_1.checkCanEditAttribute({ attributeType: attributeType, attributeValue: attributeValue, mode: mode, isReltioCrosswalk: isReltioCrosswalk });
-    var canDelete = mdm_sdk_1.checkCanDeleteAttribute({ attributeType: attributeType, attributeValue: attributeValue, mode: mode, isReltioCrosswalk: isReltioCrosswalk });
+    var isEditableMode = (0, mdm_sdk_1.isEditableMode)(mode);
+    var dataTypeDefinition = (0, mdm_sdk_1.getAttrDataTypeDefinition)(attributeType);
+    var value = (0, utils_1.attributeValueToEditorValue)(attributeValue, dataTypeDefinition);
+    var canCreate = (0, mdm_sdk_1.checkCanCreateAttribute)({ attributeType: attributeType, mode: mode });
+    var canEdit = (0, mdm_sdk_1.checkCanEditAttribute)({ attributeType: attributeType, attributeValue: attributeValue, mode: mode, isReltioCrosswalk: isReltioCrosswalk });
+    var canDelete = (0, mdm_sdk_1.checkCanDeleteAttribute)({ attributeType: attributeType, attributeValue: attributeValue, mode: mode, isReltioCrosswalk: isReltioCrosswalk });
     var showToEdit = canEdit && isEditableMode;
-    var errorMessage = mdm_sdk_1.getErrorMessage(ownError);
-    var dependentLookupEditorContext = react_redux_1.useSelector(function (state) {
-        return mdm_sdk_1.isDependentLookupAttrType(attributeType)
-            ? getDependentLookupEditorContext_1.getDependentLookupEditorContext(state, attributeValue, attributeType === null || attributeType === void 0 ? void 0 : attributeType.uri)
+    var errorMessage = (0, mdm_sdk_1.getErrorMessage)(ownError);
+    var dependentLookupEditorContext = (0, react_redux_1.useSelector)(function (state) {
+        return (0, mdm_sdk_1.isDependentLookupAttrType)(attributeType)
+            ? (0, getDependentLookupEditorContext_1.getDependentLookupEditorContext)(state, attributeValue, attributeType === null || attributeType === void 0 ? void 0 : attributeType.uri)
             : null;
     });
     var onDelete = function () {
         onDeleteAttribute({ uri: attributeValue.uri, attributeType: attributeType });
-        if (mdm_sdk_1.getErrorType(ownError) !== mdm_sdk_1.ErrorType.missed) {
+        if ((0, mdm_sdk_1.getErrorType)(ownError) !== mdm_sdk_1.ErrorType.missed) {
             deactivateError();
         }
     };
     var deactivateError = function () {
         if (ownError) {
-            onDeactivateError(mdm_sdk_1.getErrorId(ownError));
+            onDeactivateError((0, mdm_sdk_1.getErrorId)(ownError));
         }
     };
     var showAddButton = !!onAddOneMore && canCreate && !attributeType.singleValue;
     var showDeleteButton = !deleted && !!onDeleteAttribute && canDelete;
     var hasError = !!errorMessage;
     var deletedProps = deleted ? { disabled: true } : {};
-    return (react_1.default.createElement("div", { className: classnames_1.default(styles.editor, className) },
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.editor, className) },
         react_1.default.createElement(ErrorWrapper_1.default, { errorMessage: errorMessage, className: styles.errorWrapper },
-            react_1.default.createElement("div", { className: classnames_1.default(styles['editor-value'], (_b = {}, _b[styles.deleted] = deleted, _b), (_c = {}, _c[styles['editor-read-only-value']] = !showToEdit, _c)), "data-reltio-id": "reltio-attribute-value" }, showToEdit ? (react_1.default.createElement(DataTypeValueEditor_1.default, __assign({ fieldName: mdm_sdk_1.attributeUriToSearchUri(attributeType.uri), value: value, dataTypeDefinition: dataTypeDefinition, error: hasError, onChange: ramda_1.pipe(utils_1.prepareChangeData(attributeValue, attributeType), onChangeAttribute, deactivateError), fullWidth: true }, dependentLookupEditorContext, otherProps, deletedProps))) : (react_1.default.createElement(DataTypeValue_1.default, { value: mdm_sdk_1.getAttributeValue(attributeValue), dataTypeDefinition: dataTypeDefinition })))),
+            react_1.default.createElement("div", { className: (0, classnames_1.default)(styles['editor-value'], (_b = {}, _b[styles.deleted] = deleted, _b), (_c = {}, _c[styles['editor-read-only-value']] = !showToEdit, _c)), "data-reltio-id": "reltio-attribute-value" }, showToEdit ? (react_1.default.createElement(DataTypeValueEditor_1.default, __assign({ fieldName: (0, mdm_sdk_1.attributeUriToSearchUri)(attributeType.uri), value: value, dataTypeDefinition: dataTypeDefinition, error: hasError, onChange: (0, ramda_1.pipe)((0, utils_1.prepareChangeData)(attributeValue, attributeType), onChangeAttribute, deactivateError), fullWidth: true }, dependentLookupEditorContext, otherProps, deletedProps))) : (react_1.default.createElement(DataTypeValue_1.default, { value: (0, mdm_sdk_1.getAttributeValue)(attributeValue), dataTypeDefinition: dataTypeDefinition })))),
         react_1.default.createElement("div", { className: styles['editor-actions'] },
             edited && (react_1.default.createElement(Typography_1.default, { variant: "caption", className: styles.editedLabel },
                 "(",
                 ui_i18n_1.default.text('edited'),
                 ")")),
-            showAddButton && (react_1.default.createElement(SmallIconButton_1.default, { icon: Add_1.default, onClick: onAddOneMore, size: "L", className: classnames_1.default(styles.addButton, styles.button) })),
+            showAddButton && (react_1.default.createElement(SmallIconButton_1.default, { icon: Add_1.default, onClick: onAddOneMore, size: "L", className: (0, classnames_1.default)(styles.addButton, styles.button) })),
             additionalControlsRenderer && additionalControlsRenderer({ attributeType: attributeType, attributeValue: attributeValue }),
             showDeleteButton && (react_1.default.createElement(SmallIconButton_1.default, { className: styles.button, icon: Delete_1.default, onClick: onDelete, size: "L" })))));
 };
@@ -126,4 +130,4 @@ SimpleAttributeEditor.propTypes = {
     onDeactivateError: prop_types_1.default.func,
     additionalControlsRenderer: prop_types_1.default.func
 };
-exports.default = react_1.memo(withAsyncMount_1.default(SimpleAttributeEditor, AsyncMountPlaceholder));
+exports.default = (0, react_1.memo)((0, withAsyncMount_1.default)(SimpleAttributeEditor, AsyncMountPlaceholder));

package/cjs/components/attributes/editMode/SimpleAttributeEditor/selectors/getDependentLookupEditorContext.js

@@ -14,11 +14,11 @@ var getDependentLookupEditorContext = function (state, attributeValue, attribute
     var node = mdm_module_1.default.selectors.getDependentLookupsStructureNode(state, attributeTypeUri);
     if (node) {
         var valueUri = attributeValue.uri;
-        var _a = parents_1.getParents(state, valueUri, node), parents = _a.parents, missedParentsAttributeTypes = _a.missedParentsAttributeTypes;
+        var _a = (0, parents_1.getParents)(state, valueUri, node), parents = _a.parents, missedParentsAttributeTypes = _a.missedParentsAttributeTypes;
         var _b = (mdm_module_1.default.selectors.getDependentLookupEditorState(state, valueUri) || {}).isBlocked, isBlocked = _b === void 0 ? false : _b;
-        var missedParentsMessage = missedParentsMessage_1.buildMissedParentsMessage(missedParentsAttributeTypes);
+        var missedParentsMessage = (0, missedParentsMessage_1.buildMissedParentsMessage)(missedParentsAttributeTypes);
         var autocompleteConfig = mdm_module_1.default.selectors.getLookupAutocomplete(state);
-        var autopopulationEnabled = mdm_sdk_1.isAutopopulationEnabled(autocompleteConfig, attributeTypeUri);
+        var autopopulationEnabled = (0, mdm_sdk_1.isAutopopulationEnabled)(autocompleteConfig, attributeTypeUri);
         var isEmptyValue = !(attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.lookupCode) && !(attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.value);
         var placeholder = (isEmptyValue && isBlocked && ui_i18n_1.default.text('Populating values...')) ||
             (isEmptyValue && missedParentsMessage) ||
@@ -32,7 +32,7 @@ var getDependentLookupEditorContext = function (state, attributeValue, attribute
         if (placeholder) {
             context.value = null;
         }
-        return cache_1.fromCache(valueUri, context);
+        return (0, cache_1.fromCache)(valueUri, context);
     }
 };
 exports.getDependentLookupEditorContext = getDependentLookupEditorContext;

package/cjs/components/attributes/editMode/SimpleAttributeEditor/selectors/helpers/cache.js

@@ -5,11 +5,11 @@ var ramda_1 = require("ramda");
 var DLEditorContextCache = {};
 var fromCache = function (valueUri, context) {
     var cachedContext = DLEditorContextCache[valueUri];
-    if (ramda_1.equals(context, cachedContext)) {
+    if ((0, ramda_1.equals)(context, cachedContext)) {
         return cachedContext;
     }
     else {
-        if (ramda_1.equals(cachedContext === null || cachedContext === void 0 ? void 0 : cachedContext.parents, context.parents)) {
+        if ((0, ramda_1.equals)(cachedContext === null || cachedContext === void 0 ? void 0 : cachedContext.parents, context.parents)) {
             context.parents = cachedContext.parents;
         }
         DLEditorContextCache[valueUri] = context;

package/cjs/components/attributes/editMode/SimpleAttributeEditor/selectors/helpers/missedParentsMessage.js

@@ -7,12 +7,12 @@ exports.buildMissedParentsMessage = void 0;
 var ramda_1 = require("ramda");
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var joinWords = function (words) {
-    return words.reduce(function (result, word, i) { return [result, word].join(i === words.length - 1 ? " " + ui_i18n_1.default.text('and') + " " : ', '); });
+    return words.reduce(function (result, word, i) { return [result, word].join(i === words.length - 1 ? " ".concat(ui_i18n_1.default.text('and'), " ") : ', '); });
 };
 var buildMissedParentsMessage = function (missedAttributeTypes) {
     return missedAttributeTypes.length
         ? ui_i18n_1.default.text('Please select value for ${labels} ${attributes}.', {
-            labels: joinWords(missedAttributeTypes.map(ramda_1.pipe(ramda_1.prop('label'), function (label) { return "'" + label + "'"; }))),
+            labels: joinWords(missedAttributeTypes.map((0, ramda_1.pipe)((0, ramda_1.prop)('label'), function (label) { return "'".concat(label, "'"); }))),
             attributes: missedAttributeTypes.length === 1 ? ui_i18n_1.default.text('attribute') : ui_i18n_1.default.text('attributes')
         })
         : '';

package/cjs/components/attributes/editMode/SimpleAttributeEditor/selectors/helpers/parents.js

@@ -10,10 +10,14 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+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 };
@@ -33,21 +37,21 @@ var getParents = function (state, valueUri, node) {
     var entityUri = mdm_module_1.default.selectors.getEntityUri(state);
     var connections = mdm_module_1.default.selectors.getAllRelationsToAddAndEdit(state);
     var metadata = mdm_module_1.default.selectors.getMetadata(state);
-    var ownParentNodesValues = mdm_sdk_1.filterRelatedParentValuesForDependentLookupValueUri({
+    var ownParentNodesValues = (0, mdm_sdk_1.filterRelatedParentValuesForDependentLookupValueUri)({
         parentValues: parentNodesValues,
         valueUri: valueUri,
         entityUri: entityUri,
         modifiedEntities: modifiedEntities,
         connections: connections
     });
-    var possibleParentBaseTypeUris = ramda_1.pipe(mdm_sdk_1.getAttributeValuePath, ramda_1.defaultTo([]), ramda_1.map(ramda_1.pipe(ramda_1.path(['valueType', 'uri']), mdm_sdk_1.getBaseUri)), ramda_1.prepend((_a = modifiedEntities[entityUri]) === null || _a === void 0 ? void 0 : _a.type), ramda_1.reject(ramda_1.isNil), ramda_1.uniq)({
+    var possibleParentBaseTypeUris = (0, ramda_1.pipe)(mdm_sdk_1.getAttributeValuePath, (0, ramda_1.defaultTo)([]), (0, ramda_1.map)((0, ramda_1.pipe)((0, ramda_1.path)(['valueType', 'uri']), mdm_sdk_1.getBaseUri)), (0, ramda_1.prepend)((_a = modifiedEntities[entityUri]) === null || _a === void 0 ? void 0 : _a.type), (0, ramda_1.reject)(ramda_1.isNil), ramda_1.uniq)({
         entityUri: entityUri,
         entitiesMap: modifiedEntities,
         connections: connections,
         metadata: metadata
     }, valueUri);
     var neededParentsAttributeTypes = node.parents
-        .filter(function (typeUri) { return possibleParentBaseTypeUris.some(mdm_sdk_1.areOneHierarchyUris(typeUri)); })
+        .filter(function (typeUri) { return possibleParentBaseTypeUris.some((0, mdm_sdk_1.areOneHierarchyUris)(typeUri)); })
         .map(function (typeUri) {
         var parentNode = mdm_module_1.default.selectors.getDependentLookupsStructureNode(state, typeUri);
         return parentNode.attrType;
@@ -61,7 +65,7 @@ var getParents = function (state, valueUri, node) {
         var _b;
         return (__assign(__assign({}, typesMap), (_a = {}, _a[parent.dependentLookupCode] = {
             type: parent.dependentLookupCode,
-            codeValues: ramda_1.uniq(__spreadArray([parent.value], (((_b = typesMap[parent.dependentLookupCode]) === null || _b === void 0 ? void 0 : _b.codeValues) || [])))
+            codeValues: (0, ramda_1.uniq)(__spreadArray([parent.value], (((_b = typesMap[parent.dependentLookupCode]) === null || _b === void 0 ? void 0 : _b.codeValues) || []), true))
                 .filter(Boolean)
                 .sort()
         }, _a)));

package/cjs/components/attributes/editMode/SimpleAttributeEditor/styles.d.ts

@@ -1 +1 @@
-export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"deleted" | "button" | "placeholder" | "editor" | "wrapper" | "addButton" | "errorWrapper" | "editor-value" | "editor-read-only-value" | "editor-actions" | "editedLabel">;
+export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"button" | "placeholder" | "deleted" | "editor" | "wrapper" | "addButton" | "errorWrapper" | "editor-value" | "editor-read-only-value" | "editor-actions" | "editedLabel">;

package/cjs/components/attributes/editMode/SimpleAttributeEditor/styles.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
 var marginBottom = 10;
-exports.useStyles = styles_1.makeStyles(function (theme) { return ({
+exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     wrapper: {
         width: '100%'
     },
@@ -14,7 +14,7 @@ exports.useStyles = styles_1.makeStyles(function (theme) { return ({
         display: 'flex',
         flex: 1,
         alignItems: 'flex-start',
-        marginBottom: marginBottom + "px"
+        marginBottom: "".concat(marginBottom, "px")
     },
     'editor-value': {
         flex: '1 1 auto'
@@ -36,7 +36,7 @@ exports.useStyles = styles_1.makeStyles(function (theme) { return ({
         color: theme.palette.text.secondary
     },
     placeholder: {
-        height: 40 + marginBottom + "px"
+        height: "".concat(40 + marginBottom, "px")
     },
     deleted: {
         color: theme.palette.text.secondary,

package/cjs/components/attributes/editMode/SimpleAttributeEditor/utils.js

@@ -16,7 +16,7 @@ var attributeValueToEditorValue = function (attributeValue, _a) {
         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 mdm_sdk_1.parseBoolean(value);
+            return (0, mdm_sdk_1.parseBoolean)(value);
         }
         case mdm_sdk_1.DataTypes.TYPE_DATE:
             return (value && mdm_sdk_2.utils.dates.toLocalDate(value)) || null;
@@ -35,16 +35,16 @@ var attributeValueToEditorValue = function (attributeValue, _a) {
 };
 exports.attributeValueToEditorValue = attributeValueToEditorValue;
 var editorValueToAttributeValue = function (attributeType, editorValue) {
-    var type = mdm_sdk_1.getAttrDataTypeDefinition(attributeType).type;
+    var type = (0, mdm_sdk_1.getAttrDataTypeDefinition)(attributeType).type;
     switch (type) {
         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 editorValue.toString();
         case mdm_sdk_1.DataTypes.TYPE_DATE:
-            return (editorValue && moment_1.default(editorValue).format('YYYY-MM-DD')) || '';
+            return (editorValue && (0, moment_1.default)(editorValue).format('YYYY-MM-DD')) || '';
         case mdm_sdk_1.DataTypes.TYPE_TIMESTAMP: {
-            return (editorValue && moment_1.default(editorValue).format()) || '';
+            return (editorValue && (0, moment_1.default)(editorValue).format()) || '';
         }
         case mdm_sdk_1.DataTypes.TYPE_ACTIVENESS_DATE:
         case mdm_sdk_1.DataTypes.TYPE_LOCAL_DATE:
@@ -54,7 +54,7 @@ var editorValueToAttributeValue = function (attributeType, editorValue) {
     }
 };
 exports.editorValueToAttributeValue = editorValueToAttributeValue;
-var prepareChangeData = ramda_1.curry(function (attributeValue, attributeType, editorValue) {
+var prepareChangeData = (0, ramda_1.curry)(function (attributeValue, attributeType, editorValue) {
     var value = editorValueToAttributeValue(attributeType, editorValue);
     return {
         value: value,

package/cjs/components/attributes/editMode/Tags/Tags.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];
@@ -38,7 +42,7 @@ var filtersWithSearch = function (searchQuery) { return [
     }
 ]; };
 var getQuery = function (searchQuery) {
-    return searchQuery ? "?filter=" + mdm_sdk_1.buildFilterQueryString()(filtersWithSearch(searchQuery)) : '';
+    return searchQuery ? "?filter=".concat((0, mdm_sdk_1.buildFilterQueryString)()(filtersWithSearch(searchQuery))) : '';
 };
 var body = [
     {
@@ -47,20 +51,20 @@ var body = [
     }
 ];
 var getSuggestions = function (searchQuery) {
-    return mdm_sdk_1.getFacets({ query: getQuery(searchQuery), body: body }).then(function (response) { return Object.keys(response.tags); });
+    return (0, mdm_sdk_1.getFacets)({ query: getQuery(searchQuery), body: body }).then(function (response) { return Object.keys(response.tags); });
 };
 var Tags = function (_a) {
     var className = _a.className, values = _a.values, onChange = _a.onChange, onDelete = _a.onDelete;
-    var styles = styles_1.useStyles();
-    var entityUri = react_redux_1.useSelector(mdm_module_1.default.selectors.getEntityUri);
-    var handleChange = react_1.useCallback(function (tags) {
+    var styles = (0, styles_1.useStyles)();
+    var entityUri = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getEntityUri);
+    var handleChange = (0, react_1.useCallback)(function (tags) {
         onChange({
             value: tags,
             attributeType: mdm_sdk_1.EntityAttrTypes.tags,
             uri: entityUri
         });
     }, [onChange, entityUri]);
-    var handleDelete = react_1.useCallback(function () {
+    var handleDelete = (0, react_1.useCallback)(function () {
         onDelete({ uri: entityUri, attributeType: mdm_sdk_1.EntityAttrTypes.tags });
     }, [entityUri, onDelete]);
     return (react_1.default.createElement("div", { className: styles.container, "data-reltio-id": "reltio-attribute-value" },

package/cjs/components/attributes/editMode/Tags/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)({
     container: {
         display: 'flex',
         flex: 1,

package/cjs/components/attributes/helpers/attributesView.js

@@ -4,7 +4,7 @@ exports.splitPagersData = exports.getFilteredAttrTypes = void 0;
 var ramda_1 = require("ramda");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var getFilteredAttrTypes = function (metadata, type, includeUris, excludeUris) {
-    var attrTypes = ramda_1.pipe(mdm_sdk_1.getEntityType, ramda_1.defaultTo({}), ramda_1.props(['attributes', 'analyticsAttributes']), ramda_1.reject(ramda_1.isNil), ramda_1.flatten, ramda_1.concat(ramda_1.__, ramda_1.pipe(ramda_1.values, ramda_1.reject(ramda_1.propEq('uri', mdm_sdk_1.EntityAttrTypes.id.uri)))(mdm_sdk_1.EntityAttrTypes)))(metadata, type);
+    var attrTypes = (0, ramda_1.pipe)(mdm_sdk_1.getEntityType, (0, ramda_1.defaultTo)({}), (0, ramda_1.props)(['attributes', 'analyticsAttributes']), (0, ramda_1.reject)(ramda_1.isNil), ramda_1.flatten, (0, ramda_1.concat)(ramda_1.__, (0, ramda_1.pipe)(ramda_1.values, (0, ramda_1.reject)((0, ramda_1.propEq)('uri', mdm_sdk_1.EntityAttrTypes.id.uri)))(mdm_sdk_1.EntityAttrTypes)))(metadata, type);
     return includeUris.length
         ? attrTypes.filter(function (_a) {
             var uri = _a.uri;
@@ -17,6 +17,6 @@ var getFilteredAttrTypes = function (metadata, type, includeUris, excludeUris) {
 };
 exports.getFilteredAttrTypes = getFilteredAttrTypes;
 var splitPagersData = function (alwaysVisibleTypeUris, pagersData) {
-    return ramda_1.partition(ramda_1.pipe(ramda_1.path(['attrType', 'uri']), ramda_1.includes(ramda_1.__, alwaysVisibleTypeUris)), pagersData);
+    return (0, ramda_1.partition)((0, ramda_1.pipe)((0, ramda_1.path)(['attrType', 'uri']), (0, ramda_1.includes)(ramda_1.__, alwaysVisibleTypeUris)), pagersData);
 };
 exports.splitPagersData = splitPagersData;

package/cjs/components/attributes/inline/AttributesList/AttributesList.js

@@ -34,9 +34,9 @@ var BranchDecorator_1 = __importDefault(require("../../BranchDecorator/BranchDec
 var styles_1 = require("./styles");
 var AttributesList = function (_a) {
     var attributeTypes = _a.attributeTypes, attributes = _a.attributes, props = __rest(_a, ["attributeTypes", "attributes"]);
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     return (react_1.default.createElement(react_1.default.Fragment, null, attributeTypes.filter(mdm_sdk_1.isReadableAttribute).map(function (attributeType) { return (react_1.default.createElement(BranchDecorator_1.default, { key: attributeType.uri, enabled: true },
         react_1.default.createElement(Title_1.default, { className: styles.title, label: attributeType.label }),
-        react_1.default.createElement(AttributesPager_1.default, __assign({ attributeType: attributeType, attributeValues: attributes[attributeType.name], paging: ramda_1.path(['paging', attributeType.uri], attributes) }, props)))); })));
+        react_1.default.createElement(AttributesPager_1.default, __assign({ attributeType: attributeType, attributeValues: attributes[attributeType.name], paging: (0, ramda_1.path)(['paging', attributeType.uri], attributes) }, props)))); })));
 };
 exports.default = AttributesList;

package/cjs/components/attributes/inline/AttributesList/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 ({
     title: {
         fontSize: '12px',
         lineHeight: '14px',

package/cjs/components/attributes/inline/AttributesPager/AttributesPager.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,9 +60,9 @@ var ramda_1 = require("ramda");
 var styles_1 = require("./styles");
 var AttributesPager = function (_a) {
     var attributeType = _a.attributeType, _b = _a.attributeValues, attributeValues = _b === void 0 ? [] : _b, _c = _a.paging, paging = _c === void 0 ? {} : _c, _d = _a.max, max = _d === void 0 ? Infinity : _d, requestNextPage = _a.requestNextPage, props = __rest(_a, ["attributeType", "attributeValues", "paging", "max", "requestNextPage"]);
-    var styles = styles_1.useStyles();
-    var _e = react_1.useState(max), visibleValuesCount = _e[0], setVisibleValuesCount = _e[1];
-    var totalValues = ramda_1.propOr(attributeValues.length, 'totalValues', paging);
+    var styles = (0, styles_1.useStyles)();
+    var _e = (0, react_1.useState)(max), visibleValuesCount = _e[0], setVisibleValuesCount = _e[1];
+    var totalValues = (0, ramda_1.propOr)(attributeValues.length, 'totalValues', paging);
     var hasPaging = max < totalValues;
     var showMore = hasPaging && visibleValuesCount < totalValues;
     var showLess = hasPaging && visibleValuesCount >= totalValues;

package/cjs/components/attributes/inline/AttributesPager/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 () { return ({
+exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
     wrapper: {
         display: 'flex',
         flexDirection: 'column',

package/cjs/components/attributes/inline/ComplexAttribute/ComplexAttribute.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];
@@ -38,27 +42,27 @@ var contexts_1 = require("../../../../contexts");
 var styles_1 = require("./styles");
 var ComplexAttribute = function (_a) {
     var attributeType = _a.attributeType, attributeValue = _a.attributeValue, attributeTypesList = _a.attributeTypesList, label = _a.label, crosswalksMap = _a.crosswalksMap, disableEdit = _a.disableEdit, disableDelete = _a.disableDelete, onPin = _a.onPin, onIgnore = _a.onIgnore, onDelete = _a.onDelete, onEdit = _a.onEdit, onAdd = _a.onAdd;
-    var styles = styles_1.useStyles();
-    var _b = useAttributeState_1.useAttributeState(), isReadingMode = _b.isReadingMode, onMouseEnter = _b.onMouseEnter, onMouseLeave = _b.onMouseLeave;
-    var canEdit = !disableEdit && mdm_sdk_1.checkMetadataForUpdate(mdm_sdk_1.ModeTypes.EDITING, attributeType);
-    var canDelete = !disableDelete && mdm_sdk_1.checkMetadataForDelete(mdm_sdk_1.ModeTypes.EDITING, attributeType);
-    var isTemporary = mdm_sdk_1.isTempUri(attributeValue.uri);
+    var styles = (0, styles_1.useStyles)();
+    var _b = (0, useAttributeState_1.useAttributeState)(), isReadingMode = _b.isReadingMode, onMouseEnter = _b.onMouseEnter, onMouseLeave = _b.onMouseLeave;
+    var canEdit = !disableEdit && (0, mdm_sdk_1.checkMetadataForUpdate)(mdm_sdk_1.ModeTypes.EDITING, attributeType);
+    var canDelete = !disableDelete && (0, mdm_sdk_1.checkMetadataForDelete)(mdm_sdk_1.ModeTypes.EDITING, attributeType);
+    var isTemporary = (0, mdm_sdk_1.isTempUri)(attributeValue.uri);
     var showPin = !isTemporary && ((!isReadingMode && canEdit) || attributeValue.pin);
     var showIgnore = !isTemporary && ((!isReadingMode && canEdit) || attributeValue.ignored);
     var showDelete = !isReadingMode && canDelete;
-    var expandedFromContext = contexts_1.useAttributeExpanded(attributeValue.uri);
-    var _c = react_1.useState(expandedFromContext || isTemporary), expanded = _c[0], setExpanded = _c[1];
-    hooks_1.useDidUpdateEffect(function () {
+    var expandedFromContext = (0, contexts_1.useAttributeExpanded)(attributeValue.uri);
+    var _c = (0, react_1.useState)(expandedFromContext || isTemporary), expanded = _c[0], setExpanded = _c[1];
+    (0, hooks_1.useDidUpdateEffect)(function () {
         if (expandedFromContext)
             setExpanded(expandedFromContext);
     }, [expandedFromContext]);
-    var crosswalks = ramda_1.pipe(ramda_1.pickBy(function (val, attrUri) { return mdm_sdk_1.areOneHierarchyUris(attrUri, attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.uri); }), ramda_1.values, ramda_1.flatten, ramda_1.uniqBy(ramda_1.prop('uri')))(crosswalksMap);
+    var crosswalks = (0, ramda_1.pipe)((0, ramda_1.pickBy)(function (val, attrUri) { return (0, mdm_sdk_1.areOneHierarchyUris)(attrUri, attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.uri); }), ramda_1.values, ramda_1.flatten, (0, ramda_1.uniqBy)((0, ramda_1.prop)('uri')))(crosswalksMap);
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("div", { className: styles.root, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave },
             react_1.default.createElement(ArrowExpandButton_1.default, { onClick: function () { return setExpanded(function (value) { return !value; }); }, expanded: expanded }),
             react_1.default.createElement("span", null,
                 label,
-                crosswalks.map(function (crosswalk) { return (react_1.default.createElement(CrosswalkIcon_1.default, { key: mdm_sdk_1.getCrosswalkId(crosswalk), crosswalk: crosswalk, className: styles.crosswalkIcon })); })),
+                crosswalks.map(function (crosswalk) { return (react_1.default.createElement(CrosswalkIcon_1.default, { key: (0, mdm_sdk_1.getCrosswalkId)(crosswalk), crosswalk: crosswalk, className: styles.crosswalkIcon })); })),
             react_1.default.createElement(index_1.Spacer, null),
             react_1.default.createElement("div", { className: styles.actions },
                 showPin && (react_1.default.createElement(PinButton_1.default, { disabled: !canEdit, isPinned: attributeValue.pin, onClick: function () { return onPin({ attributeValue: attributeValue }); } })),

package/cjs/components/attributes/inline/ComplexAttribute/styles.d.ts

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

package/cjs/components/attributes/inline/ComplexAttribute/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 () { return ({
+exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
     root: {
         display: 'flex',
         minHeight: '20px'

package/cjs/components/attributes/inline/ImageAttribute/ImageAttribute.js

@@ -33,7 +33,7 @@ var styles_1 = require("./styles");
 var IMAGE_SIZE = { imageWidth: 55, imageHeight: 45 };
 var ImageAttribute = function (_a) {
     var attributeValue = _a.attributeValue, attributeType = _a.attributeType, other = __rest(_a, ["attributeValue", "attributeType"]);
-    var styles = styles_1.useStyles();
-    return (react_1.default.createElement(ComplexAttribute_1.default, __assign({ attributeValue: attributeValue, attributeType: attributeType, attributeTypesList: attributeType.attributes, label: react_1.default.createElement(Image_1.default, { containerClassName: styles.imageContainer, className: styles.image, src: mdm_sdk_1.getImageAttributeThumbnailUrl(attributeValue), size: IMAGE_SIZE }) }, other)));
+    var styles = (0, styles_1.useStyles)();
+    return (react_1.default.createElement(ComplexAttribute_1.default, __assign({ attributeValue: attributeValue, attributeType: attributeType, attributeTypesList: attributeType.attributes, label: react_1.default.createElement(Image_1.default, { containerClassName: styles.imageContainer, className: styles.image, src: (0, mdm_sdk_1.getImageAttributeThumbnailUrl)(attributeValue), size: IMAGE_SIZE }) }, other)));
 };
 exports.default = ImageAttribute;

package/cjs/components/attributes/inline/ImageAttribute/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 () { return ({
+exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
     image: {
         borderRadius: '4px',
         background: 'white',

package/cjs/components/attributes/inline/NestedAttribute/NestedAttribute.js

@@ -31,7 +31,7 @@ var ComplexAttribute_1 = __importDefault(require("../ComplexAttribute/ComplexAtt
 var ComplexAttributeLabel_1 = require("../common/ComplexAttributeLabel");
 var NestedAttribute = function (_a) {
     var attributeValue = _a.attributeValue, attributeType = _a.attributeType, other = __rest(_a, ["attributeValue", "attributeType"]);
-    var label = react_1.default.createElement(ComplexAttributeLabel_1.ComplexAttributeLabel, null, mdm_sdk_1.getLabel(attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.label));
+    var label = react_1.default.createElement(ComplexAttributeLabel_1.ComplexAttributeLabel, null, (0, mdm_sdk_1.getLabel)(attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.label));
     return (react_1.default.createElement(ComplexAttribute_1.default, __assign({ attributeValue: attributeValue, attributeType: attributeType, attributeTypesList: attributeType.attributes, label: label }, other)));
 };
 exports.default = NestedAttribute;

package/cjs/components/attributes/inline/NestedAttributesBlock/NestedAttributesBlock.js

@@ -32,7 +32,7 @@ var Button_1 = __importDefault(require("@material-ui/core/Button"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var NestedAttributesBlock = function (_a) {
     var className = _a.className, attributeValues = _a.attributeValues, attributeType = _a.attributeType, onAdd = _a.onAdd, parentUri = _a.parentUri, disableEdit = _a.disableEdit, props = __rest(_a, ["className", "attributeValues", "attributeType", "onAdd", "parentUri", "disableEdit"]);
-    var canCreate = !disableEdit && mdm_sdk_1.checkMetadataForCreate(mdm_sdk_1.ModeTypes.EDITING, attributeType);
+    var canCreate = !disableEdit && (0, mdm_sdk_1.checkMetadataForCreate)(mdm_sdk_1.ModeTypes.EDITING, attributeType);
     return attributeValues.length === 0 && canCreate ? (react_1.default.createElement(Button_1.default, { variant: "text", color: "primary", onClick: function () {
             return onAdd({
                 parentUri: parentUri,

package/cjs/components/attributes/inline/ReferenceAttribute/ReferenceAttribute.js

@@ -36,14 +36,14 @@ var InternalLink_1 = __importDefault(require("../../../InternalLink/InternalLink
 var styles_1 = require("./styles");
 var ReferenceAttribute = function (_a) {
     var attributeValue = _a.attributeValue, attributeType = _a.attributeType, other = __rest(_a, ["attributeValue", "attributeType"]);
-    var styles = styles_1.useStyles();
-    var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
-    var uiPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getUIPath);
+    var styles = (0, styles_1.useStyles)();
+    var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata);
+    var uiPath = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getUIPath);
     var entityLabel = (react_1.default.createElement(ComplexAttributeLabel_1.ComplexAttributeLabel, null,
-        react_1.default.createElement(InternalLink_1.default, { href: mdm_sdk_1.getEntityLink({ uiPath: uiPath, uri: mdm_sdk_1.getReferencedEntityUriFromAttrValue(attributeValue) }) },
-            mdm_sdk_1.getLabel(attributeValue.label),
+        react_1.default.createElement(InternalLink_1.default, { href: (0, mdm_sdk_1.getEntityLink)({ uiPath: uiPath, uri: (0, mdm_sdk_1.getReferencedEntityUriFromAttrValue)(attributeValue) }) },
+            (0, mdm_sdk_1.getLabel)(attributeValue.label),
             attributeValue.relationshipLabel && (react_1.default.createElement("span", { className: styles.relationshipLabel }, attributeValue.relationshipLabel)))));
-    var attributeTypesList = ramda_1.pipe(mdm_sdk_1.getReferencedRelationAttrTypesUris, ramda_1.map(function (attrTypeUri) { return mdm_sdk_1.findAttributeTypeByUri(metadata, attrTypeUri); }), ramda_1.reject(ramda_1.isNil))(attributeType);
+    var attributeTypesList = (0, ramda_1.pipe)(mdm_sdk_1.getReferencedRelationAttrTypesUris, (0, ramda_1.map)(function (attrTypeUri) { return (0, mdm_sdk_1.findAttributeTypeByUri)(metadata, attrTypeUri); }), (0, ramda_1.reject)(ramda_1.isNil))(attributeType);
     return (react_1.default.createElement(ComplexAttribute_1.default, __assign({ attributeValue: attributeValue, attributeType: attributeType, attributeTypesList: attributeTypesList, label: entityLabel }, other)));
 };
 exports.default = ReferenceAttribute;

package/cjs/components/attributes/inline/ReferenceAttribute/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 ({
     relationshipLabel: {
         marginLeft: '4px',
         color: theme.palette.text.primary

package/cjs/components/attributes/inline/SimpleAttribute/CrosswalkMenuItem/CrosswalkMenuItem.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];
@@ -28,22 +32,22 @@ var react_1 = __importStar(require("react"));
 var withTooltip_1 = __importDefault(require("../../../../../HOCs/withTooltip/withTooltip"));
 var SourceItem_1 = __importDefault(require("../../common/SourceItem"));
 var styles_1 = require("./styles");
-var MenuItemWithTooltip = withTooltip_1.default(MenuItem_1.default);
+var MenuItemWithTooltip = (0, withTooltip_1.default)(MenuItem_1.default);
 var MenuItemContent = function (_a) {
     var styles = _a.styles, icon = _a.icon, text = _a.text;
     return (react_1.default.createElement(react_1.default.Fragment, null,
         icon,
         react_1.default.createElement(Typography_1.default, { classes: { root: styles.menuText } }, text)));
 };
-var CrosswalkMenuItem = react_1.forwardRef(function (_a, ref) {
+var CrosswalkMenuItem = (0, react_1.forwardRef)(function (_a, ref) {
     var item = _a.item, _b = _a.onMenuClose, onMenuClose = _b === void 0 ? function () { } : _b;
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     var disabled = item.disabled, text = item.text, tooltip = item.tooltip, onClick = item.onClick, _c = item.id, id = _c === void 0 ? '' : _c, icon = item.icon, crosswalk = item.crosswalk, color = item.color;
     var handleClick = function (e) {
         onMenuClose(e);
         onClick(e);
     };
-    return crosswalk ? (react_1.default.createElement(SourceItem_1.default, { className: styles.sourceItem, color: color, crosswalk: crosswalk, focusable: true })) : (react_1.default.createElement(MenuItemWithTooltip, { tooltipTitle: tooltip, showForDisabled: true, classes: { root: styles.menuItem }, onClick: handleClick, disabled: disabled, ref: ref, "data-reltio-id": "crosswalk-menu-item" + id },
+    return crosswalk ? (react_1.default.createElement(SourceItem_1.default, { className: styles.sourceItem, color: color, crosswalk: crosswalk, focusable: true })) : (react_1.default.createElement(MenuItemWithTooltip, { tooltipTitle: tooltip, showForDisabled: true, classes: { root: styles.menuItem }, onClick: handleClick, disabled: disabled, ref: ref, "data-reltio-id": "crosswalk-menu-item".concat(id) },
         react_1.default.createElement(MenuItemContent, { icon: icon, text: text, styles: styles })));
 });
 CrosswalkMenuItem.displayName = 'CrosswalkMenuItem';

package/cjs/components/attributes/inline/SimpleAttribute/CrosswalkMenuItem/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 ({
     menuItem: {
         minHeight: '32px',
         color: theme.palette.text.secondary