@reltio/components 1.4.1173 → 1.4.1176

package/cjs/components/ModeSwitcherSelect/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "outlined" | "menuItem" | "currentValue" | "arrowIcon" | "currentValueIcon" | "currentValueText" | "firstMenuItemButton" | "menuItemInner" | "menuItemIcon" | "menuItemLabel" | "menuItemDescription">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "outlined" | "menuItem" | "arrowIcon" | "currentValue" | "currentValueIcon" | "currentValueText" | "firstMenuItemButton" | "menuItemInner" | "menuItemIcon" | "menuItemLabel" | "menuItemDescription">;

package/cjs/components/activityLog/ActivityFilterEditor/ActivityFilterEditor.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    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]; } });
@@ -34,49 +23,44 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
+var ramda_1 = require("ramda");
 var react_redux_1 = require("react-redux");
 var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var classnames_1 = __importDefault(require("classnames"));
 var Button_1 = __importDefault(require("@material-ui/core/Button"));
+var Divider_1 = __importDefault(require("@material-ui/core/Divider"));
 var types_1 = require("../types");
 var getSelectorActivityTypes_1 = require("./utils/getSelectorActivityTypes");
 var ActivitySelector_1 = __importDefault(require("./ActivitySelector"));
-var AttributeSelector_1 = __importDefault(require("../../AttributeSelector/AttributeSelector"));
-var SourceSelector_1 = __importDefault(require("./SourceSelector"));
 var UserSelector_1 = __importDefault(require("../../UserSelector/UserSelector"));
 var DateRangeSelector_1 = __importDefault(require("./DateRangeSelector"));
+var EntityChangedSelectors_1 = __importDefault(require("./EntityChangedSelectors"));
 var hooks_1 = require("../../../hooks");
-var ramda_1 = require("ramda");
 var styles_1 = require("./styles");
 var ActivityFilterEditor = function (_a) {
     var value = _a.value, open = _a.open, entityType = _a.entityType, onApply = _a.onApply, onCancel = _a.onCancel, onClear = _a.onClear;
     var styles = styles_1.useStyles();
     var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
-    var _b = react_1.useState(value), currentValue = _b[0], setCurrentValue = _b[1];
-    var clearCurrentValue = function () { return setCurrentValue(null); };
+    var _b = react_1.useState(value), currentFilter = _b[0], setCurrentFilter = _b[1];
+    var clearCurrentFilter = function () { return setCurrentFilter(null); };
     var handlePropChange = ramda_1.curry(function (propName, value) {
-        setCurrentValue(function (filterValue) {
-            var _a;
-            return (__assign(__assign({}, filterValue), (_a = {}, _a[propName] = value, _a)));
-        });
+        setCurrentFilter(ramda_1.pipe(ramda_1.when(ramda_1.always(propName === 'entityTypes'), ramda_1.assoc('attributes', [])), ramda_1.when(ramda_1.always(propName === 'activities'), ramda_1.mergeLeft({ attributes: [], entityTypes: [], sources: [] })), ramda_1.assoc(propName, value)));
     });
     hooks_1.useDidUpdateEffect(function () {
-        setCurrentValue(value);
+        setCurrentFilter(value);
     }, [value]);
-    var _c = currentValue || {}, _d = _c.activities, activities = _d === void 0 ? [] : _d, _e = _c.attributes, attributes = _e === void 0 ? [] : _e, _f = _c.sources, sources = _f === void 0 ? [] : _f, _g = _c.dateRange, dateRange = _g === void 0 ? null : _g, _h = _c.users, users = _h === void 0 ? [] : _h;
-    var hasEntityChanged = activities.includes(types_1.ActivityTypes.ENTITY_CHANGED);
-    var ActivityFilterRenderer = (react_1.default.createElement(react_1.default.Fragment, null,
+    var _c = currentFilter || {}, _d = _c.activities, activities = _d === void 0 ? [] : _d, _e = _c.dateRange, dateRange = _e === void 0 ? null : _e, _f = _c.users, users = _f === void 0 ? [] : _f;
+    var isEntityChangedActivity = activities.length === 1 && activities.includes(types_1.ActivityTypes.ENTITY_CHANGED);
+    return open ? (react_1.default.createElement("div", { className: styles.container },
         react_1.default.createElement(ActivitySelector_1.default, { activityTypes: getSelectorActivityTypes_1.getSelectorActivityTypes(metadata, entityType), selectedActivityTypes: activities, onChange: handlePropChange('activities') }),
-        hasEntityChanged && entityType && (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(AttributeSelector_1.default, { selectedAttributes: attributes, entityType: entityType, onChange: handlePropChange('attributes'), className: styles.borderBottom, disableUnderline: true }),
-            react_1.default.createElement(SourceSelector_1.default, { selectedSources: sources, onChange: handlePropChange('sources') }))),
+        isEntityChangedActivity && (react_1.default.createElement(EntityChangedSelectors_1.default, { filter: currentFilter, entityType: entityType, onPropChange: handlePropChange })),
+        react_1.default.createElement(Divider_1.default, { light: true, className: styles.divider }),
         react_1.default.createElement(DateRangeSelector_1.default, { value: dateRange, onChange: handlePropChange('dateRange') }),
+        react_1.default.createElement(Divider_1.default, { light: true, className: styles.divider }),
         react_1.default.createElement(UserSelector_1.default, { selectedUsers: users, onChange: handlePropChange('users'), disableUnderline: true }),
-        react_1.default.createElement("div", { className: classnames_1.default(styles.borderBottom, styles.filterControls) },
-            react_1.default.createElement(Button_1.default, { onClick: ramda_1.pipe(clearCurrentValue, onClear), className: styles.clearButton }, ui_i18n_1.default.text('Clear all')),
+        react_1.default.createElement("div", { className: styles.filterControls },
+            react_1.default.createElement(Button_1.default, { onClick: ramda_1.pipe(clearCurrentFilter, onClear), className: styles.clearButton }, ui_i18n_1.default.text('Clear all')),
             react_1.default.createElement(Button_1.default, { onClick: onCancel }, ui_i18n_1.default.text('Cancel')),
-            react_1.default.createElement(Button_1.default, { color: "primary", onClick: function () { return onApply(currentValue); } }, ui_i18n_1.default.text('Apply')))));
-    return open && react_1.default.createElement("div", { className: styles.container }, ActivityFilterRenderer);
+            react_1.default.createElement(Button_1.default, { color: "primary", onClick: function () { return onApply(currentFilter); } }, ui_i18n_1.default.text('Apply'))))) : null;
 };
 exports.default = ActivityFilterEditor;

package/cjs/components/activityLog/ActivityFilterEditor/ActivitySelector.js

@@ -8,6 +8,7 @@ var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var ramda_1 = require("ramda");
 var classnames_1 = __importDefault(require("classnames"));
 var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var ActivityTypes_1 = require("../types/ActivityTypes");
 var MultiSelect_1 = __importDefault(require("../../ReactSelect/MultiSelect"));
 var DropdownIndicatorWithIconButton_1 = __importDefault(require("../../commonReactSelectComponents/DropdownIndicatorWithIconButton"));
 var activities_1 = require("../utils/activities");
@@ -17,14 +18,16 @@ var ActivitySelector = function (_a) {
     var styles = styles_1.useStyles();
     var valueToOption = function (value) { return ({ value: value, label: activities_1.getActivityLabel(value) }); };
     var prepareValues = function (values) { return values.map(valueToOption); };
+    var showHint = selectedActivityTypes.length > 1 && selectedActivityTypes.includes(ActivityTypes_1.ActivityTypes.ENTITY_CHANGED);
     var options = ramda_1.pipe(ramda_1.sortBy(function (option) { return activities_1.getActivityLabel(option); }), prepareValues)(activityTypes);
-    return (react_1.default.createElement("div", { className: styles.borderBottom },
+    return (react_1.default.createElement("div", { className: styles.selectorWrapper },
         react_1.default.createElement(Typography_1.default, { className: classnames_1.default(styles.filterSubtitle, styles.labels), variant: 'subtitle1' }, ui_i18n_1.default.text('Activity')),
         react_1.default.createElement(MultiSelect_1.default, { value: prepareValues(selectedActivityTypes), onChange: ramda_1.pipe(ramda_1.defaultTo([]), ramda_1.pluck('value'), onChange), options: options, TextFieldProps: {
                 InputProps: { disableUnderline: true },
                 classes: { root: styles.dropDownInput }
             }, components: {
                 DropdownIndicator: DropdownIndicatorWithIconButton_1.default
-            }, styles: styles_1.customStyles, classes: styles, menuPlacement: "bottom" })));
+            }, styles: styles_1.customStyles, classes: styles, menuPlacement: "bottom" }),
+        showHint && (react_1.default.createElement("span", { className: styles.selectorHint }, ui_i18n_1.default.text('One at a time! Select a single Activity and any of its filters -OR- multiple Activities with no filters.')))));
 };
 exports.default = ActivitySelector;

package/cjs/components/activityLog/ActivityFilterEditor/DateRangeSelector.js

@@ -103,7 +103,7 @@ var DateRangeSelector = function (_a) {
             setAgoInterval(emptyInterval);
         }
     }, [value]);
-    return (react_1.default.createElement("div", { className: styles.borderBottom },
+    return (react_1.default.createElement("div", { className: styles.selectorWrapper },
         react_1.default.createElement(Typography_1.default, { className: classnames_1.default(styles.filterSubtitle, styles.labels), variant: 'subtitle1' }, ui_i18n_1.default.text('Date')),
         react_1.default.createElement(RadioGroup_1.default, { value: (value === null || value === void 0 ? void 0 : value.type) || null, onChange: ramda_1.pipe(utils_1.getValue, changeType) },
             react_1.default.createElement("div", { className: styles.dateOptionWithin },

package/cjs/components/activityLog/ActivityFilterEditor/EntityChangedSelectors.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { TEntityType } from '@reltio/mdm-sdk';
+import { ActivitiesFilter } from '../types';
+declare type Props = {
+    filter: ActivitiesFilter;
+    entityType?: TEntityType;
+    onPropChange: (propName: string) => (value: unknown) => void;
+};
+declare const EntityChangedSelectors: ({ filter, entityType, onPropChange }: Props) => JSX.Element;
+export default EntityChangedSelectors;

package/cjs/components/activityLog/ActivityFilterEditor/EntityChangedSelectors.js

@@ -0,0 +1,27 @@
+"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 ramda_1 = require("ramda");
+var react_redux_1 = require("react-redux");
+var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var AttributeSelector_1 = __importDefault(require("../../AttributeSelector/AttributeSelector"));
+var EntityTypesSelector_1 = __importDefault(require("./EntityTypesSelector"));
+var SourceSelector_1 = __importDefault(require("./SourceSelector"));
+var styles_1 = require("./styles");
+var EntityChangedSelectors = function (_a) {
+    var filter = _a.filter, entityType = _a.entityType, onPropChange = _a.onPropChange;
+    var styles = styles_1.useStyles();
+    var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
+    var _b = filter || {}, _c = _b.attributes, attributes = _c === void 0 ? [] : _c, _d = _b.sources, sources = _d === void 0 ? [] : _d, _e = _b.entityTypes, entityTypes = _e === void 0 ? [] : _e;
+    var closestEntityTypeAncestor = mdm_sdk_1.findClosestCommonAncestor(metadata, ramda_1.map(ramda_1.prop('uri'), entityTypes));
+    var attributesEntityType = entityType || mdm_sdk_1.getEntityType(metadata, closestEntityTypeAncestor);
+    return (react_1.default.createElement("div", { className: styles.selectorsGroup },
+        !entityType && (react_1.default.createElement(EntityTypesSelector_1.default, { entityTypes: metadata.entityTypes, selectedEntityTypes: entityTypes, onChange: onPropChange('entityTypes') })),
+        react_1.default.createElement(AttributeSelector_1.default, { selectedAttributes: attributes, entityType: attributesEntityType, onChange: onPropChange('attributes'), className: styles.selectorWrapper, disableUnderline: true }),
+        react_1.default.createElement(SourceSelector_1.default, { selectedSources: sources, onChange: onPropChange('sources') })));
+};
+exports.default = EntityChangedSelectors;

package/cjs/components/activityLog/ActivityFilterEditor/EntityTypesSelector.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { TEntityType } from '@reltio/mdm-sdk';
+declare type Props = {
+    entityTypes: TEntityType[];
+    selectedEntityTypes: TEntityType[];
+    onChange: (entityTypes: TEntityType[]) => void;
+};
+declare const EntityTypesSelector: ({ entityTypes, selectedEntityTypes, onChange }: Props) => JSX.Element;
+export default EntityTypesSelector;

package/cjs/components/activityLog/ActivityFilterEditor/EntityTypesSelector.js

@@ -0,0 +1,29 @@
+"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 ui_i18n_1 = __importDefault(require("ui-i18n"));
+var ramda_1 = require("ramda");
+var classnames_1 = __importDefault(require("classnames"));
+var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var MultiSelect_1 = __importDefault(require("../../ReactSelect/MultiSelect"));
+var DropdownIndicatorWithIconButton_1 = __importDefault(require("../../commonReactSelectComponents/DropdownIndicatorWithIconButton"));
+var styles_1 = require("./styles");
+var EntityTypesSelector = function (_a) {
+    var entityTypes = _a.entityTypes, selectedEntityTypes = _a.selectedEntityTypes, onChange = _a.onChange;
+    var styles = styles_1.useStyles();
+    var valueToOption = function (entityType) { return ({ value: entityType.uri, label: entityType.label, entityType: entityType }); };
+    var prepareValues = function (values) { return values.map(valueToOption); };
+    var options = ramda_1.pipe(ramda_1.sortBy(function (option) { return option.label; }), prepareValues)(entityTypes);
+    return (react_1.default.createElement("div", { className: styles.selectorWrapper },
+        react_1.default.createElement(Typography_1.default, { className: classnames_1.default(styles.filterSubtitle, styles.labels), variant: 'subtitle1' }, ui_i18n_1.default.text('Type')),
+        react_1.default.createElement(MultiSelect_1.default, { value: prepareValues(selectedEntityTypes), onChange: ramda_1.pipe(ramda_1.defaultTo([]), ramda_1.pluck('entityType'), onChange), options: options, TextFieldProps: {
+                InputProps: { disableUnderline: true },
+                classes: { root: styles.dropDownInput }
+            }, components: {
+                DropdownIndicator: DropdownIndicatorWithIconButton_1.default
+            }, styles: styles_1.customStyles, classes: styles, menuPlacement: "bottom" })));
+};
+exports.default = EntityTypesSelector;

package/cjs/components/activityLog/ActivityFilterEditor/SourceSelector.js

@@ -18,7 +18,7 @@ var SourceSelector = function (_a) {
     var styles = styles_1.useStyles();
     var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
     var options = ramda_1.sortBy(function (option) { return option.label; })(metadata.sources);
-    return (react_1.default.createElement("div", { className: styles.borderBottom },
+    return (react_1.default.createElement("div", { className: styles.selectorWrapper },
         react_1.default.createElement(Typography_1.default, { className: classnames_1.default(styles.filterSubtitle, styles.labels), variant: 'subtitle1' }, ui_i18n_1.default.text('Source')),
         react_1.default.createElement(MultiSelect_1.default, { value: selectedSources, onChange: ramda_1.pipe(ramda_1.defaultTo([]), onChange), options: options, TextFieldProps: {
                 InputProps: { disableUnderline: true },

package/cjs/components/activityLog/ActivityFilterEditor/styles.d.ts

@@ -1,4 +1,4 @@
 export declare const customStyles: {
     input: (currentStyles: any) => any;
 };
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"option" | "labels" | "borderBottom" | "container" | "filterSubtitle" | "agoLabel" | "dateOption" | "dateOptionAgo" | "dateOptionWithin" | "dateOptionLabel" | "dropDownInput" | "filterControls" | "clearButton">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"option" | "labels" | "container" | "divider" | "filterSubtitle" | "agoLabel" | "dateOption" | "dateOptionAgo" | "dateOptionWithin" | "dateOptionLabel" | "dropDownInput" | "filterControls" | "clearButton" | "selectorWrapper" | "selectorsGroup" | "selectorHint">;

package/cjs/components/activityLog/ActivityFilterEditor/styles.js

@@ -18,8 +18,8 @@ exports.customStyles = {
 };
 exports.useStyles = styles_1.makeStyles({
     container: {
-        padding: '24px 10px 0px',
-        margin: '0 6px'
+        padding: '12px 7px 0px',
+        borderBottom: 'solid 1px rgba(0, 0, 0, 0.12)'
     },
     labels: {
         fontSize: '14px'
@@ -57,18 +57,29 @@ exports.useStyles = styles_1.makeStyles({
     },
     filterControls: {
         display: 'flex',
-        paddingTop: '30px'
+        paddingTop: '30px',
+        marginBottom: 8
     },
     clearButton: {
         marginRight: 'auto'
     },
-    borderBottom: {
-        borderBottom: 'solid 1px rgba(0, 0, 0, 0.12)',
-        paddingBottom: '10px',
-        marginBottom: '15px'
+    selectorWrapper: {
+        marginBottom: '12px'
     },
     option: {
         fontSize: '14px',
         height: '32px'
+    },
+    selectorsGroup: {
+        display: 'flex',
+        flexDirection: 'column'
+    },
+    selectorHint: {
+        fontSize: 12,
+        lineHeight: '16px',
+        color: 'rgba(0,0,0,0.54)'
+    },
+    divider: {
+        marginBottom: 12
     }
 });

package/cjs/components/activityLog/ActivityLogFilter/helpers.js

@@ -17,8 +17,9 @@ var getFilterLabel = function (filters) {
     });
     var activityLabel = ramda_1.pipe(ramda_1.map(activities_1.getActivityLabel), getLabel(ui_i18n_1.default.text('activity'), ui_i18n_1.default.text('activities')))(filters.activities);
     var userLabel = getLabel(ui_i18n_1.default.text('user'), ui_i18n_1.default.text('users'), filters.users);
-    var attributesLabel = ramda_1.pipe(ramda_1.defaultTo([]), ramda_1.map(function (attribute) { return attribute.label; }), ramda_1.sortBy(ramda_1.identity), getLabel(ui_i18n_1.default.text('attribute'), ui_i18n_1.default.text('attributes')))(filters.attributes);
-    var sourcesLabel = ramda_1.pipe(ramda_1.defaultTo([]), ramda_1.map(function (source) { return source.label; }), getLabel(ui_i18n_1.default.text('source'), ui_i18n_1.default.text('sources')))(filters.sources);
+    var entityTypesLabel = ramda_1.pipe(ramda_1.defaultTo([]), ramda_1.pluck('label'), ramda_1.sortBy(ramda_1.identity), getLabel(ui_i18n_1.default.text('type'), ui_i18n_1.default.text('types')))(filters.entityTypes);
+    var attributesLabel = ramda_1.pipe(ramda_1.defaultTo([]), ramda_1.pluck('label'), ramda_1.sortBy(ramda_1.identity), getLabel(ui_i18n_1.default.text('attribute'), ui_i18n_1.default.text('attributes')))(filters.attributes);
+    var sourcesLabel = ramda_1.pipe(ramda_1.defaultTo([]), ramda_1.pluck('label'), getLabel(ui_i18n_1.default.text('source'), ui_i18n_1.default.text('sources')))(filters.sources);
     var getDateLabel = function (date) {
         var formatDateValue = function (value) {
             return "" + mdm_sdk_1.formatDataTypeValue({ dataTypeDefinition: { type: mdm_sdk_1.DataTypes.TYPE_ACTIVENESS_DATE } }, value);
@@ -37,6 +38,6 @@ var getFilterLabel = function (filters) {
                 return null;
         }
     };
-    return ramda_1.pipe(ramda_1.reject(ramda_1.isNil), ramda_1.join(' | '))([activityLabel, attributesLabel, sourcesLabel, getDateLabel(filters.dateRange), userLabel]);
+    return ramda_1.pipe(ramda_1.reject(ramda_1.isNil), ramda_1.join(' | '))([activityLabel, entityTypesLabel, attributesLabel, sourcesLabel, getDateLabel(filters.dateRange), userLabel]);
 };
 exports.getFilterLabel = getFilterLabel;

package/cjs/components/activityLog/ActivityLogFilter/styles.js

@@ -16,6 +16,7 @@ exports.useStyles = styles_1.makeStyles(function () { return ({
         margin: '4px'
     },
     buttonsWrapper: {
-        marginLeft: 'auto'
+        marginLeft: 'auto',
+        display: 'flex'
     }
 }); });

package/cjs/components/activityLog/types/ActivitiesFilter.d.ts

@@ -1,4 +1,4 @@
-import { Source } from '@reltio/mdm-sdk';
+import { Source, TEntityType } from '@reltio/mdm-sdk';
 import { ActivityTypes } from './ActivityTypes';
 import { AttributeOption, DateRangeFilter } from '../../../types';
 export declare type ActivitiesFilter = {
@@ -7,5 +7,6 @@ export declare type ActivitiesFilter = {
     dateRange: DateRangeFilter;
     attributes?: AttributeOption[];
     sources?: Source[];
+    entityTypes?: TEntityType[];
     entityUri?: string;
 };

package/cjs/components/activityLog/utils/filters.js

@@ -22,6 +22,9 @@ var buildActivityFilterClause = function (activityType) {
 var buildSourceFilterClause = function (source) {
     return "equals(items.delta.sources, '" + source.abbreviation + "')";
 };
+var buildEntityTypeFilterClause = function (entityType) {
+    return "equals(items.objectType, '" + entityType.uri + "')";
+};
 var buildAttributeFilterClause = function (attribute) {
     return "equals(items.delta.attributeType, '" + attribute.value + "')";
 };
@@ -60,6 +63,7 @@ var getFilterClauseBuilder = ramda_1.cond([
     [ramda_1.equals('activities'), function () { return multiValueFilter(buildActivityFilterClause); }],
     [ramda_1.equals('sources'), function () { return multiValueFilter(buildSourceFilterClause); }],
     [ramda_1.equals('attributes'), function () { return multiValueFilter(buildAttributeFilterClause); }],
+    [ramda_1.equals('entityTypes'), function () { return multiValueFilter(buildEntityTypeFilterClause); }],
     [ramda_1.equals('dateRange'), function () { return buildDateRangeFilterClause; }],
     [ramda_1.equals('entityUri'), function () { return buildEntityUriFilterClause; }]
 ]);

package/cjs/hooks/useAPI/API.d.ts

@@ -1,2 +1,2 @@
 import { ProcessRequestParams } from './types';
-export declare const processRequest: ({ name, paramObject, permissions, worker, metadata, config, apiPath, user, workflowPath, entity, tenant, entityUri, query, openSearch, environment, getCurrentPerspectiveId, showPerspective, workflowCheckPermission, setEntityUri }: ProcessRequestParams) => void;
+export declare const processRequest: ({ name, paramObject, permissions, worker, metadata, config, apiPath, servicesPath, user, workflowPath, entity, tenant, entityUri, query, openSearch, environment, getCurrentPerspectiveId, showPerspective, workflowCheckPermission, setEntityUri }: ProcessRequestParams) => void;

package/cjs/hooks/useAPI/API.js

@@ -10,9 +10,46 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.processRequest = void 0;
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var helpers_1 = require("./helpers");
 var processFromQuery = function (params, permissions, workflowPath, tenant, environment) {
     if (!params.processDefinitionId) {
         return new Promise(function (resolve) { return resolve({ errorMessage: 'processDefinitionId is empty' }); });
@@ -35,37 +72,69 @@ var processFromQuery = function (params, permissions, workflowPath, tenant, envi
         environment: environment
     });
 };
-var workflowRequest = function (params, permissions, workflowPath, tenant) {
-    var url = params.url;
-    var errors = validateParams(params, permissions);
-    if (errors) {
-        return new Promise(function (resolve) { return resolve(errors); });
-    }
-    var isExternalUrl = url.includes('http:') || url.includes('https:');
-    if (!workflowPath && !isExternalUrl) {
-        return new Promise(function (resolve) { return resolve({ errorMessage: 'Workflow path is not defined' }); });
-    }
-    return mdm_sdk_1.sendWorkflowRequest({
-        url: url,
-        method: params.method || 'GET',
-        data: params.data,
-        tenant: tenant,
-        headers: params.headers,
-        workflowPath: workflowPath
+var getHeaders = function (params, signHandler) { return __awaiter(void 0, void 0, void 0, function () {
+    var accessToken;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, (signHandler === null || signHandler === void 0 ? void 0 : signHandler())];
+            case 1:
+                accessToken = (_a.sent()).accessToken;
+                return [2 /*return*/, accessToken
+                        ? __assign(__assign({}, params.headers), { Authorization: "Bearer " + accessToken }) : params.headers];
+        }
     });
-};
-var sendApiRequest = function (params, permissions) {
-    var errors = validateParams(params, permissions);
-    if (errors) {
-        return new Promise(function (resolve) { return resolve(errors); });
-    }
-    return mdm_sdk_1.sendRequestFromCustomSandbox({
-        url: params.url,
-        method: params.method,
-        data: params.data,
-        headers: params.headers
+}); };
+var workflowRequest = function (params, permissions, workflowPath, tenant, signHandler) { return __awaiter(void 0, void 0, void 0, function () {
+    var url, errors, isExternalUrl, headers;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                url = params.url;
+                errors = validateParams(params, permissions);
+                if (errors) {
+                    return [2 /*return*/, errors];
+                }
+                isExternalUrl = url.includes('http:') || url.includes('https:');
+                if (!workflowPath && !isExternalUrl) {
+                    return [2 /*return*/, { errorMessage: 'Workflow path is not defined' }];
+                }
+                return [4 /*yield*/, getHeaders(params, signHandler)];
+            case 1:
+                headers = _a.sent();
+                return [4 /*yield*/, mdm_sdk_1.sendWorkflowRequest({
+                        url: url,
+                        method: params.method || 'GET',
+                        data: params.data,
+                        tenant: tenant,
+                        headers: headers,
+                        workflowPath: workflowPath
+                    })];
+            case 2: return [2 /*return*/, _a.sent()];
+        }
     });
-};
+}); };
+var sendApiRequest = function (params, permissions, signHandler) { return __awaiter(void 0, void 0, void 0, function () {
+    var errors, headers;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                errors = validateParams(params, permissions);
+                if (errors) {
+                    return [2 /*return*/, errors];
+                }
+                return [4 /*yield*/, getHeaders(params, signHandler)];
+            case 1:
+                headers = _a.sent();
+                return [4 /*yield*/, mdm_sdk_1.sendRequestFromCustomSandbox({
+                        url: params.url,
+                        method: params.method,
+                        data: params.data,
+                        headers: headers
+                    })];
+            case 2: return [2 /*return*/, _a.sent()];
+        }
+    });
+}); };
 var validateParams = function (params, permissions) {
     var url = params.url;
     if (!url)
@@ -89,7 +158,7 @@ var validateParams = function (params, permissions) {
     return false;
 };
 var processRequest = function (_a) {
-    var name = _a.name, paramObject = _a.paramObject, permissions = _a.permissions, worker = _a.worker, metadata = _a.metadata, config = _a.config, apiPath = _a.apiPath, user = _a.user, workflowPath = _a.workflowPath, entity = _a.entity, tenant = _a.tenant, entityUri = _a.entityUri, query = _a.query, openSearch = _a.openSearch, environment = _a.environment, getCurrentPerspectiveId = _a.getCurrentPerspectiveId, showPerspective = _a.showPerspective, workflowCheckPermission = _a.workflowCheckPermission, setEntityUri = _a.setEntityUri;
+    var name = _a.name, paramObject = _a.paramObject, permissions = _a.permissions, worker = _a.worker, metadata = _a.metadata, config = _a.config, apiPath = _a.apiPath, servicesPath = _a.servicesPath, user = _a.user, workflowPath = _a.workflowPath, entity = _a.entity, tenant = _a.tenant, entityUri = _a.entityUri, query = _a.query, openSearch = _a.openSearch, environment = _a.environment, getCurrentPerspectiveId = _a.getCurrentPerspectiveId, showPerspective = _a.showPerspective, workflowCheckPermission = _a.workflowCheckPermission, setEntityUri = _a.setEntityUri;
     var handleRequest = function (request) {
         request
             .then(function (data) {
@@ -99,14 +168,18 @@ var processRequest = function (_a) {
             worker.postMessage(__assign({ action: 'response', result: { data: {}, headers: '', status: 0 } }, paramObject.params));
         });
     };
+    var shouldSignRequest = helpers_1.isNewUI(servicesPath);
+    var signHandler = shouldSignRequest
+        ? function () { return mdm_sdk_1.getAccessToken({ servicesPath: servicesPath }); }
+        : function () { return Promise.resolve({ accessToken: '' }); };
     switch (name) {
         case mdm_sdk_1.RequestAction.API: {
-            var request = sendApiRequest(paramObject.params, permissions);
+            var request = sendApiRequest(paramObject.params, permissions, signHandler);
             handleRequest(request);
             break;
         }
         case mdm_sdk_1.RequestAction.WORKFLOW: {
-            var request = workflowRequest(paramObject.params, permissions, workflowPath, tenant);
+            var request = workflowRequest(paramObject.params, permissions, workflowPath, tenant, signHandler);
             handleRequest(request);
             break;
         }

package/cjs/hooks/useAPI/helpers.d.ts

@@ -1,2 +1,3 @@
+export declare const isNewUI: (path?: string) => boolean;
 export declare const getWorkerURL: (uiPath: string, tenant: string) => string;
 export declare const getFullApiPath: (apiPath: string) => string;

package/cjs/hooks/useAPI/helpers.js

@@ -1,8 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getFullApiPath = exports.getWorkerURL = void 0;
+exports.getFullApiPath = exports.getWorkerURL = exports.isNewUI = void 0;
+var isNewUI = function (path) {
+    return path === null || path === void 0 ? void 0 : path.includes('/nui');
+};
+exports.isNewUI = isNewUI;
 var getWorkerURL = function (uiPath, tenant) {
-    if (uiPath === null || uiPath === void 0 ? void 0 : uiPath.includes('nui')) {
+    if (exports.isNewUI(uiPath)) {
         return uiPath.replace(tenant + "/", '') + "worker_api.js";
     }
     else {
@@ -11,7 +15,7 @@ var getWorkerURL = function (uiPath, tenant) {
 };
 exports.getWorkerURL = getWorkerURL;
 var getFullApiPath = function (apiPath) {
-    if (apiPath === null || apiPath === void 0 ? void 0 : apiPath.includes('nui')) {
+    if (exports.isNewUI(apiPath)) {
         return "" + window.location.origin + apiPath;
     }
     else {

package/cjs/hooks/useAPI/types.d.ts

@@ -16,6 +16,7 @@ export declare type ProcessRequestParams = {
     environment: string;
     entity: any;
     tenant: any;
+    servicesPath: string;
     entityUri: string;
     query: any;
     openSearch: (search: any) => void;

package/cjs/hooks/useAPI/useAPI.js

@@ -56,6 +56,7 @@ var useAPI = function (config) {
     var apiPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getApiPath);
     var workflowPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getWorkflowPath);
     var user = react_redux_1.useSelector(mdm_module_1.default.selectors.getUser);
+    var servicesPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getServicesPath);
     var entityUri = react_redux_1.useSelector(mdm_module_1.default.selectors.getEntityUri);
     var environment = react_redux_1.useSelector(mdm_module_1.default.selectors.getWorkflowEnvironmentUrl);
     var qxApi = react_1.useContext(contexts_1.SandboxAPIContext);
@@ -165,7 +166,8 @@ var useAPI = function (config) {
                 }
                 case mdm_sdk_1.CustomAction.REQUEST: {
                     API_1.processRequest(__assign({ name: task.params.name, paramObject: task, permissions: config.action.permissions, worker: worker,
-                        metadata: metadata, config: config, user: user, apiPath: helpers_1.getFullApiPath(apiPath), tenant: tenant,
+                        metadata: metadata, config: config, user: user,
+                        servicesPath: servicesPath, apiPath: helpers_1.getFullApiPath(apiPath), tenant: tenant,
                         workflowPath: workflowPath,
                         entity: entity,
                         entityUri: entityUri,

package/cjs/hooks/useCustomScripts.js

@@ -82,6 +82,7 @@ var useCustomScripts = function (config, _a) {
     var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata) || {};
     var entity = react_redux_1.useSelector(mdm_module_1.default.selectors.getEntity) || {};
     var uiPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getUIPath);
+    var servicesPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getServicesPath);
     var reltioPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getReltioPath);
     var tenant = react_redux_1.useSelector(mdm_module_1.default.selectors.getTenant);
     var workerUrl = useAPI_1.getWorkerURL(uiPath, tenant);
@@ -117,6 +118,7 @@ var useCustomScripts = function (config, _a) {
                             config: config,
                             user: user,
                             apiPath: apiPath,
+                            servicesPath: servicesPath,
                             tenant: tenant,
                             workflowPath: workflowPath,
                             entity: entity,

package/esm/components/ModeSwitcherSelect/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "outlined" | "menuItem" | "currentValue" | "arrowIcon" | "currentValueIcon" | "currentValueText" | "firstMenuItemButton" | "menuItemInner" | "menuItemIcon" | "menuItemLabel" | "menuItemDescription">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "outlined" | "menuItem" | "arrowIcon" | "currentValue" | "currentValueIcon" | "currentValueText" | "firstMenuItemButton" | "menuItemInner" | "menuItemIcon" | "menuItemLabel" | "menuItemDescription">;