@reltio/components 1.4.876 → 1.4.880

package/components/ProfileBandNavigation/hooks/useSearchNavigationVisibility.js

@@ -1,16 +1,10 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSearchNavigationVisibility = void 0;
-var react_redux_1 = require("react-redux");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
+import { useSelector } from 'react-redux';
+import mdmModule from '@reltio/mdm-module';
+import { isViewMode } from '@reltio/mdm-sdk';
 var useSearchNavigationVisibility = function () {
-    var cache = (react_redux_1.useSelector(mdm_module_1.default.selectors.getSearchNavigationData) || {}).cache;
-    var mode = react_redux_1.useSelector(mdm_module_1.default.selectors.getMode);
-    var entity = react_redux_1.useSelector(mdm_module_1.default.selectors.getEntity);
-    return mdm_sdk_1.isViewMode(mode) && (cache === null || cache === void 0 ? void 0 : cache.includes(entity === null || entity === void 0 ? void 0 : entity.uri));
+    var cache = (useSelector(mdmModule.selectors.getSearchNavigationData) || {}).cache;
+    var mode = useSelector(mdmModule.selectors.getMode);
+    var entity = useSelector(mdmModule.selectors.getEntity);
+    return isViewMode(mode) && (cache === null || cache === void 0 ? void 0 : cache.includes(entity === null || entity === void 0 ? void 0 : entity.uri));
 };
-exports.useSearchNavigationVisibility = useSearchNavigationVisibility;
+export { useSearchNavigationVisibility };

package/components/ProfileBandNavigation/index.js

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

package/components/ProfileBandNavigation/searchProviders/GraphSearchProvider.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,9 +14,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from) {
         to[j] = from[i];
     return to;
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GraphSearchProvider = void 0;
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
+import { getGraphSearchCount, getGraphSearchEntities, getEntityId, buildFilterQueryString } from '@reltio/mdm-sdk';
 var GraphSearchProvider = /** @class */ (function () {
     function GraphSearchProvider(_a) {
         var _this = this;
@@ -30,10 +27,10 @@ var GraphSearchProvider = /** @class */ (function () {
                     rawFilter: _this.searchBody.filter
                 }
             ], filters);
-            return mdm_sdk_1.getGraphSearchEntities({
+            return getGraphSearchEntities({
                 apiPath: _this.apiPath,
                 tenant: _this.tenant,
-                searchBody: __assign(__assign({}, _this.searchBody), { filter: filters.length ? mdm_sdk_1.buildFilterQueryString()(allFilters) : _this.searchBody.filter }),
+                searchBody: __assign(__assign({}, _this.searchBody), { filter: filters.length ? buildFilterQueryString()(allFilters) : _this.searchBody.filter }),
                 options: options
             });
         };
@@ -42,7 +39,7 @@ var GraphSearchProvider = /** @class */ (function () {
                 {
                     filter: 'equals',
                     fieldName: 'id',
-                    values: [mdm_sdk_1.getEntityId({ uri: uri })]
+                    values: [getEntityId({ uri: uri })]
                 }
             ], { from: 0, max: 1 }).then(function (entities) {
                 return entities && entities.length > 0 && entities[0].uri === uri;
@@ -52,7 +49,7 @@ var GraphSearchProvider = /** @class */ (function () {
             return _this.getEntities([], { from: from, max: max });
         };
         this.requestTotal = function () {
-            return mdm_sdk_1.getGraphSearchCount({
+            return getGraphSearchCount({
                 apiPath: _this.apiPath,
                 tenant: _this.tenant,
                 searchBody: _this.searchBody
@@ -64,4 +61,4 @@ var GraphSearchProvider = /** @class */ (function () {
     }
     return GraphSearchProvider;
 }());
-exports.GraphSearchProvider = GraphSearchProvider;
+export { GraphSearchProvider };

package/components/ProfileBandNavigation/searchProviders/MainSearchProvider.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,9 +14,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from) {
         to[j] = from[i];
     return to;
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MainSearchProvider = void 0;
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
+import { getFilteredEntities, getFilteredEntitiesFromDataTenant, getTotals, getTotalFromDataTenant } from '@reltio/mdm-sdk';
 var MainSearchProvider = /** @class */ (function () {
     function MainSearchProvider(_a) {
         var _this = this;
@@ -30,14 +27,14 @@ var MainSearchProvider = /** @class */ (function () {
             var requestFilters = __spreadArray([_this.getQueryFilter()], filters);
             var requestOptions = __assign(__assign(__assign({}, _this.globalSearchRequestOptions), { sort: _this.sortField, order: _this.sortOrder, select: 'uri,label,type', scoreEnabled: false }), options);
             return _this.isDT()
-                ? mdm_sdk_1.getFilteredEntitiesFromDataTenant({
+                ? getFilteredEntitiesFromDataTenant({
                     filters: requestFilters,
                     options: requestOptions,
                     customerTenant: _this.tenant,
                     dataTenant: _this.searchTenant,
                     dtssPath: _this.dtssPath
                 })
-                : mdm_sdk_1.getFilteredEntities(requestFilters, requestOptions);
+                : getFilteredEntities(requestFilters, requestOptions);
         };
         this.checkEntity = function (uri) {
             return _this.getEntities([
@@ -57,14 +54,14 @@ var MainSearchProvider = /** @class */ (function () {
             var filters = [_this.getQueryFilter()];
             var options = _this.globalSearchRequestOptions;
             return (_this.isDT()
-                ? mdm_sdk_1.getTotalFromDataTenant({
+                ? getTotalFromDataTenant({
                     filters: filters,
                     options: options,
                     customerTenant: _this.tenant,
                     dataTenant: _this.searchTenant,
                     dtssPath: _this.dtssPath
                 })
-                : mdm_sdk_1.getTotals(filters, options)).then(function (json) { return json.total; });
+                : getTotals(filters, options)).then(function (json) { return json.total; });
         };
         this.query = query;
         this.sortField = sortField;
@@ -77,4 +74,4 @@ var MainSearchProvider = /** @class */ (function () {
     }
     return MainSearchProvider;
 }());
-exports.MainSearchProvider = MainSearchProvider;
+export { MainSearchProvider };

package/components/ProfileBandNavigation/searchProviders/SearchProvider.js

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

package/components/ProfileBandNavigation/searchProviders/SearchProviderFactory.js

@@ -1,14 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getSearchProvider = void 0;
-var MainSearchProvider_1 = require("./MainSearchProvider");
-var GraphSearchProvider_1 = require("./GraphSearchProvider");
-var getSearchProvider = function (type, options) {
+import { MainSearchProvider } from './MainSearchProvider';
+import { GraphSearchProvider } from './GraphSearchProvider';
+export var getSearchProvider = function (type, options) {
     switch (type) {
         case 'search':
-            return new MainSearchProvider_1.MainSearchProvider(options);
+            return new MainSearchProvider(options);
         case 'graphsearch':
-            return new GraphSearchProvider_1.GraphSearchProvider(options);
+            return new GraphSearchProvider(options);
     }
 };
-exports.getSearchProvider = getSearchProvider;

package/components/ProfileBandNavigation/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({
     container: {
         display: 'flex',
         alignItems: 'center'

package/components/ProfileBandNavigation/types/index.js

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

package/components/ProfileCard/ProfileCard.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,25 +9,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -40,50 +20,46 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
-var classnames_1 = __importDefault(require("classnames"));
-var react_redux_1 = require("react-redux");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
-var styles_1 = __importDefault(require("./styles"));
-var EntityAvatar_1 = __importDefault(require("../EntityAvatar/EntityAvatar"));
-var EntityUriLink_1 = __importDefault(require("../EntityUriLink/EntityUriLink"));
-var ExpandedValueTooltip_1 = __importDefault(require("../ExpandedValueTooltip/ExpandedValueTooltip"));
-var EntityTypeBadge_1 = __importDefault(require("../EntityTypeBadge/EntityTypeBadge"));
+import React, { memo } from 'react';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
+import { useSelector } from 'react-redux';
+import { EntityType, getEntityId, getEntityType, getEntityUriForLink, getLabel, getPropWithInheritance, theme } from '@reltio/mdm-sdk';
+import mdmModule from '@reltio/mdm-module';
+import useStyles from './styles';
+import EntityAvatar from '../EntityAvatar/EntityAvatar';
+import EntityUriLink from '../EntityUriLink/EntityUriLink';
+import ExpandedValueTooltip from '../ExpandedValueTooltip/ExpandedValueTooltip';
+import EntityTypeBadge from '../EntityTypeBadge/EntityTypeBadge';
 var ProfileCard = function (_a) {
     var entity = _a.entity, _b = _a.classes, classes = _b === void 0 ? {} : _b, otherProps = __rest(_a, ["entity", "classes"]);
-    var styles = styles_1.default();
+    var styles = useStyles();
     var secondaryLabelClass = classes.secondaryLabel, labelClass = classes.label, containerClass = classes.container;
-    var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
-    var label = mdm_sdk_1.getLabel(entity.label);
+    var metadata = useSelector(mdmModule.selectors.getMetadata);
+    var label = getLabel(entity.label);
     var secondaryLabel = entity.secondaryLabel, type = entity.type;
-    var entityType = mdm_sdk_1.getEntityType(metadata, type) || {};
-    var entityTypeColor = mdm_sdk_1.getPropWithInheritance(metadata, entityType, 'typeColor') || mdm_sdk_1.theme.palette.primary.main;
-    return (react_1.default.createElement("div", __assign({ className: classnames_1.default(styles.container, containerClass) }, otherProps),
-        react_1.default.createElement("div", { className: styles.colorBox, style: { backgroundColor: entityTypeColor } }),
-        react_1.default.createElement(EntityAvatar_1.default, { entity: entity, avatarClassName: styles.avatar, imageClassName: styles.image }),
-        react_1.default.createElement("div", { className: styles.info },
-            react_1.default.createElement("div", { className: styles.firstRow },
-                react_1.default.createElement(EntityUriLink_1.default, { value: mdm_sdk_1.getEntityUriForLink(entity), className: styles.link },
-                    react_1.default.createElement(ExpandedValueTooltip_1.default, { value: label, placement: "top", showOnExceededHeight: true },
-                        react_1.default.createElement("span", { className: classnames_1.default(styles.label, labelClass) }, label)))),
-            react_1.default.createElement("div", { className: styles.secondRow }, secondaryLabel && (react_1.default.createElement(ExpandedValueTooltip_1.default, { value: secondaryLabel, placement: "top", showOnExceededHeight: true },
-                react_1.default.createElement("span", { className: classnames_1.default(styles.secondaryLabel, secondaryLabelClass) }, secondaryLabel)))),
-            react_1.default.createElement("div", { className: styles.thirdRow },
-                react_1.default.createElement(EntityTypeBadge_1.default, { entity: entity }),
-                react_1.default.createElement("div", null, mdm_sdk_1.getEntityId(entity))))));
+    var entityType = getEntityType(metadata, type) || {};
+    var entityTypeColor = getPropWithInheritance(metadata, entityType, 'typeColor') || theme.palette.primary.main;
+    return (React.createElement("div", __assign({ className: classnames(styles.container, containerClass) }, otherProps),
+        React.createElement("div", { className: styles.colorBox, style: { backgroundColor: entityTypeColor } }),
+        React.createElement(EntityAvatar, { entity: entity, avatarClassName: styles.avatar, imageClassName: styles.image }),
+        React.createElement("div", { className: styles.info },
+            React.createElement("div", { className: styles.firstRow },
+                React.createElement(EntityUriLink, { value: getEntityUriForLink(entity), className: styles.link },
+                    React.createElement(ExpandedValueTooltip, { value: label, placement: "top", showOnExceededHeight: true },
+                        React.createElement("span", { className: classnames(styles.label, labelClass) }, label)))),
+            React.createElement("div", { className: styles.secondRow }, secondaryLabel && (React.createElement(ExpandedValueTooltip, { value: secondaryLabel, placement: "top", showOnExceededHeight: true },
+                React.createElement("span", { className: classnames(styles.secondaryLabel, secondaryLabelClass) }, secondaryLabel)))),
+            React.createElement("div", { className: styles.thirdRow },
+                React.createElement(EntityTypeBadge, { entity: entity }),
+                React.createElement("div", null, getEntityId(entity))))));
 };
 ProfileCard.propTypes = {
-    entity: mdm_sdk_1.EntityType,
-    classes: prop_types_1.default.shape({
-        label: prop_types_1.default.string,
-        secondaryLabel: prop_types_1.default.string,
-        container: prop_types_1.default.string
+    entity: EntityType,
+    classes: PropTypes.shape({
+        label: PropTypes.string,
+        secondaryLabel: PropTypes.string,
+        container: PropTypes.string
     })
 };
-exports.default = react_1.memo(ProfileCard);
+export default memo(ProfileCard);

package/components/ProfileCard/styles.js

@@ -1,7 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var styles_1 = require("@material-ui/core/styles");
-var useStyles = styles_1.makeStyles(function (theme) { return ({
+import { makeStyles } from '@material-ui/core/styles';
+var useStyles = makeStyles(function (theme) { return ({
     container: {
         position: 'relative',
         display: 'flex',
@@ -61,4 +59,4 @@ var useStyles = styles_1.makeStyles(function (theme) { return ({
         marginTop: 'auto'
     }
 }); });
-exports.default = useStyles;
+export default useStyles;

package/components/QueryBuilderRow/QueryBuilderRow.js

@@ -1,23 +1,3 @@
-"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 __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -29,53 +9,49 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
-var classnames_1 = __importDefault(require("classnames"));
-var styles_1 = __importDefault(require("./styles"));
-var ReadOnlyLogicOperator_1 = __importDefault(require("./components/ReadOnlyLogicOperator"));
-var ReadOnlyFilter_1 = __importDefault(require("./components/ReadOnlyFilter"));
-var constants_1 = require("../../constants");
+import React, { memo } from 'react';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
+import useStyles from './styles';
+import ReadOnlyLogicOperator from './components/ReadOnlyLogicOperator';
+import ReadOnlyFilter from './components/ReadOnlyFilter';
+import { QueryBuilderAttributeType } from '../../constants';
 var QueryBuilderRow = function (_a) {
     var _b;
-    var _c = _a.classes, classes = _c === void 0 ? {} : _c, rowData = _a.rowData, previousRowData = _a.previousRowData, _d = _a.LogicOperatorComponent, LogicOperatorComponent = _d === void 0 ? ReadOnlyLogicOperator_1.default : _d, AttributeSelectorComponent = _a.AttributeSelectorComponent, _e = _a.FilterSelectorComponent, FilterSelectorComponent = _e === void 0 ? ReadOnlyFilter_1.default : _e, ValuesEditorComponent = _a.ValuesEditorComponent, ActionsComponent = _a.ActionsComponent, filterSelectorRef = _a.filterSelectorRef, _f = _a.attributeSelectorProps, attributeSelectorProps = _f === void 0 ? {} : _f, rowContext = __rest(_a, ["classes", "rowData", "previousRowData", "LogicOperatorComponent", "AttributeSelectorComponent", "FilterSelectorComponent", "ValuesEditorComponent", "ActionsComponent", "filterSelectorRef", "attributeSelectorProps"]);
-    var styles = styles_1.default();
-    return (react_1.default.createElement("div", { className: classnames_1.default(styles.row, classes.root) },
-        react_1.default.createElement(LogicOperatorComponent, { className: classes.logicOperatorContainer, rowContext: rowContext, rowData: previousRowData }),
-        react_1.default.createElement("div", { className: classnames_1.default(styles.rowItem, classes.attributeSelectorContainer) },
-            react_1.default.createElement(AttributeSelectorComponent, { attributeSelectorProps: attributeSelectorProps, rowContext: rowContext, rowData: rowData })),
-        react_1.default.createElement("div", { className: classnames_1.default(styles.rowItem, classes.filterSelectorContainer) },
-            react_1.default.createElement(FilterSelectorComponent, { textFieldInputRef: filterSelectorRef, rowContext: rowContext, rowData: rowData })),
-        react_1.default.createElement("div", { className: classnames_1.default(styles.rowItem, styles.fullWidth, classes.valuesEditorContainer) },
-            react_1.default.createElement(ValuesEditorComponent, { rowContext: rowContext, rowData: rowData })),
-        react_1.default.createElement("div", { className: classnames_1.default(styles.rowItem, classes.actionsContainer, (_b = {}, _b[styles.hidden] = !rowData, _b)) },
-            react_1.default.createElement(ActionsComponent, { rowContext: rowContext, rowData: rowData }))));
+    var _c = _a.classes, classes = _c === void 0 ? {} : _c, rowData = _a.rowData, previousRowData = _a.previousRowData, _d = _a.LogicOperatorComponent, LogicOperatorComponent = _d === void 0 ? ReadOnlyLogicOperator : _d, AttributeSelectorComponent = _a.AttributeSelectorComponent, _e = _a.FilterSelectorComponent, FilterSelectorComponent = _e === void 0 ? ReadOnlyFilter : _e, ValuesEditorComponent = _a.ValuesEditorComponent, ActionsComponent = _a.ActionsComponent, filterSelectorRef = _a.filterSelectorRef, _f = _a.attributeSelectorProps, attributeSelectorProps = _f === void 0 ? {} : _f, rowContext = __rest(_a, ["classes", "rowData", "previousRowData", "LogicOperatorComponent", "AttributeSelectorComponent", "FilterSelectorComponent", "ValuesEditorComponent", "ActionsComponent", "filterSelectorRef", "attributeSelectorProps"]);
+    var styles = useStyles();
+    return (React.createElement("div", { className: classnames(styles.row, classes.root) },
+        React.createElement(LogicOperatorComponent, { className: classes.logicOperatorContainer, rowContext: rowContext, rowData: previousRowData }),
+        React.createElement("div", { className: classnames(styles.rowItem, classes.attributeSelectorContainer) },
+            React.createElement(AttributeSelectorComponent, { attributeSelectorProps: attributeSelectorProps, rowContext: rowContext, rowData: rowData })),
+        React.createElement("div", { className: classnames(styles.rowItem, classes.filterSelectorContainer) },
+            React.createElement(FilterSelectorComponent, { textFieldInputRef: filterSelectorRef, rowContext: rowContext, rowData: rowData })),
+        React.createElement("div", { className: classnames(styles.rowItem, styles.fullWidth, classes.valuesEditorContainer) },
+            React.createElement(ValuesEditorComponent, { rowContext: rowContext, rowData: rowData })),
+        React.createElement("div", { className: classnames(styles.rowItem, classes.actionsContainer, (_b = {}, _b[styles.hidden] = !rowData, _b)) },
+            React.createElement(ActionsComponent, { rowContext: rowContext, rowData: rowData }))));
 };
 QueryBuilderRow.propTypes = {
-    classes: prop_types_1.default.shape({
-        root: prop_types_1.default.string,
-        logicOperatorContainer: prop_types_1.default.string,
-        attributeSelectorContainer: prop_types_1.default.string,
-        filterSelectorContainer: prop_types_1.default.string,
-        valuesEditorContainer: prop_types_1.default.string,
-        actionsContainer: prop_types_1.default.string
+    classes: PropTypes.shape({
+        root: PropTypes.string,
+        logicOperatorContainer: PropTypes.string,
+        attributeSelectorContainer: PropTypes.string,
+        filterSelectorContainer: PropTypes.string,
+        valuesEditorContainer: PropTypes.string,
+        actionsContainer: PropTypes.string
     }),
-    rowData: constants_1.QueryBuilderAttributeType,
-    previousRowData: constants_1.QueryBuilderAttributeType,
-    LogicOperatorComponent: prop_types_1.default.elementType,
-    AttributeSelectorComponent: prop_types_1.default.elementType,
-    FilterSelectorComponent: prop_types_1.default.elementType,
-    ValuesEditorComponent: prop_types_1.default.elementType,
-    ActionsComponent: prop_types_1.default.elementType,
-    filterSelectorRef: prop_types_1.default.object,
-    attributeSelectorProps: prop_types_1.default.shape({
-        onRestoreFocus: prop_types_1.default.func,
-        onOpen: prop_types_1.default.func,
-        disablePopoverRestoreFocus: prop_types_1.default.bool
+    rowData: QueryBuilderAttributeType,
+    previousRowData: QueryBuilderAttributeType,
+    LogicOperatorComponent: PropTypes.elementType,
+    AttributeSelectorComponent: PropTypes.elementType,
+    FilterSelectorComponent: PropTypes.elementType,
+    ValuesEditorComponent: PropTypes.elementType,
+    ActionsComponent: PropTypes.elementType,
+    filterSelectorRef: PropTypes.object,
+    attributeSelectorProps: PropTypes.shape({
+        onRestoreFocus: PropTypes.func,
+        onOpen: PropTypes.func,
+        disablePopoverRestoreFocus: PropTypes.bool
     })
 };
-exports.default = react_1.memo(QueryBuilderRow);
+export default memo(QueryBuilderRow);

package/components/QueryBuilderRow/components/ReadOnlyFilter.js

@@ -1,21 +1,16 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
-var classnames_1 = __importDefault(require("classnames"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var styles_1 = __importDefault(require("./styles"));
+import React from 'react';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
+import i18n from 'ui-i18n';
+import { getFilterOptionLabel } from '@reltio/mdm-sdk';
+import useStyles from './styles';
 var ReadOnlyFilter = function (_a) {
     var className = _a.className, rowData = _a.rowData;
-    var styles = styles_1.default();
-    return (react_1.default.createElement("div", { className: classnames_1.default(styles.readOnlyFilter, className) }, rowData && rowData.filter ? mdm_sdk_1.getFilterOptionLabel(rowData.filter) : ui_i18n_1.default.text('equals')));
+    var styles = useStyles();
+    return (React.createElement("div", { className: classnames(styles.readOnlyFilter, className) }, rowData && rowData.filter ? getFilterOptionLabel(rowData.filter) : i18n.text('equals')));
 };
 ReadOnlyFilter.propTypes = {
-    className: prop_types_1.default.string,
-    rowData: prop_types_1.default.object
+    className: PropTypes.string,
+    rowData: PropTypes.object
 };
-exports.default = ReadOnlyFilter;
+export default ReadOnlyFilter;

package/components/QueryBuilderRow/components/ReadOnlyLogicOperator.js

@@ -1,21 +1,16 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
-var classnames_1 = __importDefault(require("classnames"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var capitalize_1 = __importDefault(require("@material-ui/core/utils/capitalize"));
-var styles_1 = __importDefault(require("./styles"));
+import React from 'react';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
+import i18n from 'ui-i18n';
+import capitalize from '@material-ui/core/utils/capitalize';
+import useStyles from './styles';
 var ReadOnlyLogicOperator = function (_a) {
     var className = _a.className, rowData = _a.rowData;
-    var styles = styles_1.default();
-    return (react_1.default.createElement("div", { className: classnames_1.default(styles.readOnlyLogicOperatorContainer, className) }, rowData && rowData.operator ? capitalize_1.default(rowData.operator) : ui_i18n_1.default.text('Where')));
+    var styles = useStyles();
+    return (React.createElement("div", { className: classnames(styles.readOnlyLogicOperatorContainer, className) }, rowData && rowData.operator ? capitalize(rowData.operator) : i18n.text('Where')));
 };
 ReadOnlyLogicOperator.propTypes = {
-    className: prop_types_1.default.string,
-    rowData: prop_types_1.default.object
+    className: PropTypes.string,
+    rowData: PropTypes.object
 };
-exports.default = ReadOnlyLogicOperator;
+export default ReadOnlyLogicOperator;

package/components/QueryBuilderRow/components/styles.js

@@ -1,8 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var styles_1 = require("@material-ui/core/styles");
+import { makeStyles } from '@material-ui/core/styles';
 var height = '46px';
-var useStyles = styles_1.makeStyles(function (theme) { return ({
+var useStyles = makeStyles(function (theme) { return ({
     readOnlyLogicOperatorContainer: {
         display: 'flex',
         alignItems: 'center',
@@ -22,4 +20,4 @@ var useStyles = styles_1.makeStyles(function (theme) { return ({
         maxHeight: height
     }
 }); });
-exports.default = useStyles;
+export default useStyles;

package/components/QueryBuilderRow/styles.js

@@ -1,7 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var styles_1 = require("@material-ui/core/styles");
-var useStyles = styles_1.makeStyles(function () { return ({
+import { makeStyles } from '@material-ui/core/styles';
+var useStyles = makeStyles(function () { return ({
     row: {
         display: 'flex',
         marginBottom: '12px'
@@ -19,4 +17,4 @@ var useStyles = styles_1.makeStyles(function () { return ({
         visibility: 'hidden'
     }
 }); });
-exports.default = useStyles;
+export default useStyles;