@reltio/components 1.4.1439 → 1.4.1441

package/cjs/components/attributes/editMode/AttributesPager/AttributesPager.js

@@ -41,11 +41,9 @@ var react_1 = __importStar(require("react"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var ramda_1 = require("ramda");
 var BranchDecorator_1 = __importDefault(require("../../BranchDecorator/BranchDecorator"));
-var ImageAttributesLine_1 = __importDefault(require("../ImageAttributesLine"));
 var AttributeRenderer_1 = __importDefault(require("./AttributeRenderer"));
 var SpecialRenderer_1 = __importDefault(require("./SpecialRenderer"));
-var styles_1 = require("./styles");
-var Title_1 = __importDefault(require("../../../Title/Title"));
+var ImageLineRenderer_1 = require("./ImageLineRenderer");
 var RENDERER_TYPES;
 (function (RENDERER_TYPES) {
     RENDERER_TYPES["imageLine"] = "imageLine";
@@ -54,7 +52,6 @@ var RENDERER_TYPES;
 })(RENDERER_TYPES || (RENDERER_TYPES = {}));
 var AttributesPager = function (_a) {
     var values = _a.values, attributeType = _a.attributeType, _b = _a.mode, mode = _b === void 0 ? mdm_sdk_1.Mode.Viewing : _b, crosswalks = _a.crosswalks, drawLines = _a.drawLines, _c = _a.paging, paging = _c === void 0 ? {} : _c, parentUri = _a.parentUri, errors = _a.errors, errorMessage = _a.errorMessage, _d = _a.max, max = _d === void 0 ? Infinity : _d, showEmptyEditors = _a.showEmptyEditors, showNonOv = _a.showNonOv, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, onDeactivateError = _a.onDeactivateError, additionalControlsRenderer = _a.additionalControlsRenderer, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues;
-    var styles = (0, styles_1.useStyles)();
     var partitionByOv = (0, ramda_1.partition)(mdm_sdk_1.isOv);
     var _e = partitionByOv(values), ovValues = _e[0], nonOvValues = _e[1];
     var visibleValues = showNonOv ? values : ovValues;
@@ -84,9 +81,7 @@ var AttributesPager = function (_a) {
             }
             case RENDERER_TYPES.imageLine:
                 return (react_1.default.createElement(BranchDecorator_1.default, { enabled: drawLines },
-                    react_1.default.createElement("div", { className: styles.wrapper },
-                        react_1.default.createElement(Title_1.default, { label: attributeType === null || attributeType === void 0 ? void 0 : attributeType.label, "data-reltio-id": "reltio-attribute-label" }),
-                        react_1.default.createElement(ImageAttributesLine_1.default, { attributeValues: visibleValues, attributeType: attributeType, paging: paging, onDeleteAttribute: onDeleteAttribute, parentUri: parentUri, onChangeAttribute: onChangeAttribute, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv }))));
+                    react_1.default.createElement(ImageLineRenderer_1.ImageLineRenderer, { attributeValues: visibleValues, attributeType: attributeType, paging: paging, onDeleteAttribute: onDeleteAttribute, parentUri: parentUri, onChangeAttribute: onChangeAttribute, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv })));
             default:
                 return (react_1.default.createElement(AttributeRenderer_1.default, __assign({ values: visibleValues, attributeType: attributeType, max: max, paging: paging, crosswalks: crosswalks, drawLines: drawLines, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv, nonVisibleValues: nonVisibleValues }, commonProps)));
         }

package/cjs/components/attributes/editMode/AttributesPager/ImageLineRenderer.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { AttributeItem, AttributeType, ImageAttributeValue, Paging } from '@reltio/mdm-sdk';
+import { RequestNextPageOfAttributeValuesPayload } from '@reltio/mdm-module';
+declare type Props = {
+    attributeType: AttributeType;
+    attributeValues: ImageAttributeValue[];
+    paging?: Paging;
+    parentUri?: string;
+    showNonOv?: boolean;
+    onDeleteAttribute: (param: AttributeItem) => void;
+    onChangeAttribute: (param: AttributeItem) => void;
+    requestNextPageOfAttributeValues?: (payload: RequestNextPageOfAttributeValuesPayload) => void;
+};
+export declare const ImageLineRenderer: ({ attributeType, attributeValues, paging, parentUri, showNonOv, onDeleteAttribute, onChangeAttribute, requestNextPageOfAttributeValues }: Props) => JSX.Element;
+export {};

package/cjs/components/attributes/editMode/AttributesPager/ImageLineRenderer.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageLineRenderer = void 0;
+var react_1 = __importDefault(require("react"));
+var Title_1 = __importDefault(require("../../../Title/Title"));
+var DescriptionIcon_1 = __importDefault(require("../../DescriptionIcon"));
+var ImageAttributesLine_1 = __importDefault(require("../ImageAttributesLine"));
+var styles_1 = require("./styles");
+var ImageLineRenderer = function (_a) {
+    var attributeType = _a.attributeType, attributeValues = _a.attributeValues, paging = _a.paging, parentUri = _a.parentUri, showNonOv = _a.showNonOv, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues;
+    var styles = (0, styles_1.useStyles)();
+    var label = attributeType.label, description = attributeType.description;
+    return (react_1.default.createElement("div", { className: styles.wrapper },
+        react_1.default.createElement("div", { className: styles.titleWrapper },
+            react_1.default.createElement(Title_1.default, { className: styles.title, label: label, "data-reltio-id": "reltio-attribute-label" }),
+            react_1.default.createElement(DescriptionIcon_1.default, { className: styles.description, description: description })),
+        react_1.default.createElement(ImageAttributesLine_1.default, { attributeValues: attributeValues, attributeType: attributeType, paging: paging, onDeleteAttribute: onDeleteAttribute, parentUri: parentUri, onChangeAttribute: onChangeAttribute, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv })));
+};
+exports.ImageLineRenderer = ImageLineRenderer;

package/cjs/components/attributes/readMode/AttributesPager/AttributesPager.js

@@ -31,12 +31,11 @@ var react_1 = __importStar(require("react"));
 var ramda_1 = require("ramda");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var styles_1 = require("./styles");
-var Title_1 = __importDefault(require("../../../Title/Title"));
 var BranchDecorator_1 = __importDefault(require("../../BranchDecorator/BranchDecorator"));
 var OneLineRenderer_1 = __importDefault(require("./OneLineRenderer"));
 var MultiLineRenderer_1 = __importDefault(require("./MultiLineRenderer"));
-var ImageAttributesLine_1 = __importDefault(require("../ImageAttributesLine"));
 var SpecialRenderer_1 = __importDefault(require("./SpecialRenderer"));
+var ImageLineRenderer_1 = require("./ImageLineRenderer");
 var RENDERER_TYPES = {
     oneLine: 'oneLine',
     multiLine: 'multiLine',
@@ -73,9 +72,7 @@ var AttributesPager = function (_a) {
             case RENDERER_TYPES.multiLine:
                 return (react_1.default.createElement(MultiLineRenderer_1.default, { values: visibleValues, nonVisibleValues: nonVisibleValues, totalVisibleValues: totalVisibleValues, totalNonVisibleValues: totalNonVisibleValues, attributeType: attributeType, parentUri: parentUri, max: max, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, titleClassName: titleClassName, contentClassName: contentClassName, showNonOv: showNonOv }));
             case RENDERER_TYPES.imageLine:
-                return (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement(Title_1.default, { label: attributeType === null || attributeType === void 0 ? void 0 : attributeType.label, "data-reltio-id": "reltio-attribute-label" }),
-                    react_1.default.createElement(ImageAttributesLine_1.default, { attributeValues: visibleValues, attributeType: attributeType, paging: paging, parentUri: parentUri, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv })));
+                return (react_1.default.createElement(ImageLineRenderer_1.ImageLineRenderer, { attributeValues: visibleValues, attributeType: attributeType, paging: paging, parentUri: parentUri, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv }));
             case RENDERER_TYPES.special:
                 return react_1.default.createElement(SpecialRenderer_1.default, { values: visibleValues, attributeType: attributeType });
         }

package/cjs/components/attributes/readMode/AttributesPager/ImageLineRenderer.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { AttributeType, ImageAttributeValue, Paging } from '@reltio/mdm-sdk';
+import { RequestNextPageOfAttributeValuesPayload } from '@reltio/mdm-module';
+declare type Props = {
+    attributeType: AttributeType;
+    attributeValues: ImageAttributeValue[];
+    paging: Paging;
+    requestNextPageOfAttributeValues: (payload: RequestNextPageOfAttributeValuesPayload) => void;
+    parentUri?: string;
+    showNonOv?: boolean;
+};
+export declare const ImageLineRenderer: ({ attributeType, attributeValues, paging, parentUri, showNonOv, requestNextPageOfAttributeValues }: Props) => JSX.Element;
+export {};

package/cjs/components/attributes/readMode/AttributesPager/ImageLineRenderer.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageLineRenderer = void 0;
+var react_1 = __importDefault(require("react"));
+var Title_1 = __importDefault(require("../../../Title/Title"));
+var DescriptionIcon_1 = __importDefault(require("../../DescriptionIcon"));
+var ImageAttributesLine_1 = __importDefault(require("../ImageAttributesLine"));
+var styles_1 = require("./styles");
+var ImageLineRenderer = function (_a) {
+    var attributeType = _a.attributeType, attributeValues = _a.attributeValues, paging = _a.paging, parentUri = _a.parentUri, showNonOv = _a.showNonOv, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues;
+    var styles = (0, styles_1.useMultiLineStyles)();
+    var label = attributeType.label, description = attributeType.description;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: styles.titleRow },
+            react_1.default.createElement(Title_1.default, { className: styles.title, label: label, "data-reltio-id": "reltio-attribute-label" }),
+            react_1.default.createElement(DescriptionIcon_1.default, { className: styles.descriptionIcon, description: description })),
+        react_1.default.createElement(ImageAttributesLine_1.default, { attributeValues: attributeValues, attributeType: attributeType, paging: paging, parentUri: parentUri, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv })));
+};
+exports.ImageLineRenderer = ImageLineRenderer;

package/cjs/hooks/useAPI/useAPI.js

@@ -171,11 +171,12 @@ var useAPI = function (config) {
                     var processedApiPath = isOldUI ? reltioPath : apiPath;
                     var isGlobalUrl = (0, ramda_1.startsWith)('/', (0, ramda_1.pathOr)('', ['params', 'url'], task)) &&
                         !(0, ramda_1.startsWith)(apiPath, (0, ramda_1.pathOr)('', ['params', 'url'], task));
+                    var isApiAction = (0, ramda_1.pathEq)(['params', 'name'], mdm_sdk_1.RequestAction.API, task);
                     var processedParams = (0, ramda_1.pipe)((0, ramda_1.evolve)({
-                        url: (0, ramda_1.ifElse)((0, ramda_1.both)((0, ramda_1.always)(isGlobalUrl), (0, ramda_1.always)((0, ramda_1.pathEq)(['params', 'name'], mdm_sdk_1.RequestAction.API, task))), (0, ramda_1.concat)("".concat(processedApiPath, "/api/").concat(tenant)), (0, ramda_1.replace)(reltioPath, apiPath))
+                        url: (0, ramda_1.ifElse)((0, ramda_1.both)((0, ramda_1.always)(isGlobalUrl), (0, ramda_1.always)(isApiAction)), (0, ramda_1.concat)("".concat(processedApiPath, "/api/").concat(tenant)), (0, ramda_1.replace)(reltioPath, apiPath))
                     }), (0, ramda_1.when)((0, ramda_1.has)('url'), (0, ramda_1.assocPath)(['validationUrl'], task.params.url)))(task.params);
                     var processedTask = __assign(__assign({}, task), { params: processedParams });
-                    (0, API_1.processRequest)(__assign({ name: processedTask.params.name, paramObject: processedTask, permissions: config.action.permissions, worker: worker, metadata: metadata, config: config, user: user, servicesPath: servicesPath, apiPath: processedApiPath, tenant: tenant, workflowPath: workflowPath, entity: entity, entityUri: entityUri, environment: environment, query: searchQuery, openSearch: openSearch, workflowCheckPermission: workflowCheckPermission }, qxApi));
+                    (0, API_1.processRequest)(__assign({ name: processedTask.params.name, paramObject: processedTask, permissions: config.action.permissions, worker: worker, metadata: metadata, config: config, user: user, servicesPath: servicesPath, apiPath: reltioPath, tenant: tenant, workflowPath: workflowPath, entity: entity, entityUri: entityUri, environment: environment, query: searchQuery, openSearch: openSearch, workflowCheckPermission: workflowCheckPermission }, qxApi));
                     break;
                 }
                 case mdm_sdk_1.CustomAction.RETURN_PROCESSED_API_RESPONSE: {

package/cjs/hooks/useCustomScripts.js

@@ -67,6 +67,7 @@ var ramda_1 = require("ramda");
 var workflow_1 = require("../components/workflow");
 var contexts_1 = require("../contexts");
 var useAPI_1 = require("./useAPI");
+var helpers_1 = require("./useAPI/helpers");
 var isURLtoProcess = function (processApi, url) {
     return (processApi || []).some(function (request) {
         var regExp = new RegExp("^".concat(request, "$"));
@@ -120,11 +121,16 @@ var useCustomScripts = function (config) {
                     break;
                 }
                 case mdm_sdk_1.CustomAction.REQUEST: {
+                    var isOldUI = !(0, helpers_1.isNewUI)(servicesPath);
+                    var processedApiPath = isOldUI ? reltioPath : apiPath;
+                    var isGlobalUrl = (0, ramda_1.startsWith)('/', (0, ramda_1.pathOr)('', ['params', 'url'], task)) &&
+                        !(0, ramda_1.startsWith)(apiPath, (0, ramda_1.pathOr)('', ['params', 'url'], task));
+                    var isApiAction = (0, ramda_1.pathEq)(['params', 'name'], mdm_sdk_1.RequestAction.API, task);
                     var processedParams = (0, ramda_1.pipe)((0, ramda_1.evolve)({
-                        url: (0, ramda_1.replace)(reltioPath, apiPath)
+                        url: (0, ramda_1.ifElse)((0, ramda_1.both)((0, ramda_1.always)(isGlobalUrl), (0, ramda_1.always)(isApiAction)), (0, ramda_1.concat)("".concat(processedApiPath, "/api/").concat(tenant)), (0, ramda_1.replace)(reltioPath, apiPath))
                     }), (0, ramda_1.when)((0, ramda_1.has)('url'), (0, ramda_1.assocPath)(['validationUrl'], task.params.url)))(task.params);
                     var processedTask = __assign(__assign({}, task), { params: processedParams });
-                    (0, useAPI_1.processRequest)(__assign({ name: processedTask.params.name, paramObject: processedTask, permissions: config.action.permissions, worker: worker, metadata: metadata, config: config, user: user, apiPath: apiPath, servicesPath: servicesPath, tenant: tenant, workflowPath: workflowPath, entity: entity, entityUri: entityUri, environment: environment, query: typeSearch === 'search' ? search === null || search === void 0 ? void 0 : search.query : null, openSearch: openSearch, workflowCheckPermission: workflowCheckPermission }, qxApi));
+                    (0, useAPI_1.processRequest)(__assign({ name: processedTask.params.name, paramObject: processedTask, permissions: config.action.permissions, worker: worker, metadata: metadata, config: config, user: user, apiPath: reltioPath, servicesPath: servicesPath, tenant: tenant, workflowPath: workflowPath, entity: entity, entityUri: entityUri, environment: environment, query: typeSearch === 'search' ? search === null || search === void 0 ? void 0 : search.query : null, openSearch: openSearch, workflowCheckPermission: workflowCheckPermission }, qxApi));
                     break;
                 }
                 case mdm_sdk_1.CustomAction.RETURN_PROCESSED_API_RESPONSE: {

package/esm/components/attributes/editMode/AttributesPager/AttributesPager.js

@@ -13,11 +13,9 @@ import React, { memo } from 'react';
 import { isImage, isOv, isSpecialAttribute, Mode } from '@reltio/mdm-sdk';
 import { always, cond, T, partition } from 'ramda';
 import BranchDecorator from '../../BranchDecorator/BranchDecorator';
-import ImageAttributesLine from '../ImageAttributesLine';
 import AttributeRenderer from './AttributeRenderer';
 import SpecialRenderer from './SpecialRenderer';
-import { useStyles } from './styles';
-import Title from '../../../Title/Title';
+import { ImageLineRenderer } from './ImageLineRenderer';
 var RENDERER_TYPES;
 (function (RENDERER_TYPES) {
     RENDERER_TYPES["imageLine"] = "imageLine";
@@ -26,7 +24,6 @@ var RENDERER_TYPES;
 })(RENDERER_TYPES || (RENDERER_TYPES = {}));
 var AttributesPager = function (_a) {
     var values = _a.values, attributeType = _a.attributeType, _b = _a.mode, mode = _b === void 0 ? Mode.Viewing : _b, crosswalks = _a.crosswalks, drawLines = _a.drawLines, _c = _a.paging, paging = _c === void 0 ? {} : _c, parentUri = _a.parentUri, errors = _a.errors, errorMessage = _a.errorMessage, _d = _a.max, max = _d === void 0 ? Infinity : _d, showEmptyEditors = _a.showEmptyEditors, showNonOv = _a.showNonOv, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, onDeactivateError = _a.onDeactivateError, additionalControlsRenderer = _a.additionalControlsRenderer, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues;
-    var styles = useStyles();
     var partitionByOv = partition(isOv);
     var _e = partitionByOv(values), ovValues = _e[0], nonOvValues = _e[1];
     var visibleValues = showNonOv ? values : ovValues;
@@ -56,9 +53,7 @@ var AttributesPager = function (_a) {
             }
             case RENDERER_TYPES.imageLine:
                 return (React.createElement(BranchDecorator, { enabled: drawLines },
-                    React.createElement("div", { className: styles.wrapper },
-                        React.createElement(Title, { label: attributeType === null || attributeType === void 0 ? void 0 : attributeType.label, "data-reltio-id": "reltio-attribute-label" }),
-                        React.createElement(ImageAttributesLine, { attributeValues: visibleValues, attributeType: attributeType, paging: paging, onDeleteAttribute: onDeleteAttribute, parentUri: parentUri, onChangeAttribute: onChangeAttribute, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv }))));
+                    React.createElement(ImageLineRenderer, { attributeValues: visibleValues, attributeType: attributeType, paging: paging, onDeleteAttribute: onDeleteAttribute, parentUri: parentUri, onChangeAttribute: onChangeAttribute, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv })));
             default:
                 return (React.createElement(AttributeRenderer, __assign({ values: visibleValues, attributeType: attributeType, max: max, paging: paging, crosswalks: crosswalks, drawLines: drawLines, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv, nonVisibleValues: nonVisibleValues }, commonProps)));
         }

package/esm/components/attributes/editMode/AttributesPager/ImageLineRenderer.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { AttributeItem, AttributeType, ImageAttributeValue, Paging } from '@reltio/mdm-sdk';
+import { RequestNextPageOfAttributeValuesPayload } from '@reltio/mdm-module';
+declare type Props = {
+    attributeType: AttributeType;
+    attributeValues: ImageAttributeValue[];
+    paging?: Paging;
+    parentUri?: string;
+    showNonOv?: boolean;
+    onDeleteAttribute: (param: AttributeItem) => void;
+    onChangeAttribute: (param: AttributeItem) => void;
+    requestNextPageOfAttributeValues?: (payload: RequestNextPageOfAttributeValuesPayload) => void;
+};
+export declare const ImageLineRenderer: ({ attributeType, attributeValues, paging, parentUri, showNonOv, onDeleteAttribute, onChangeAttribute, requestNextPageOfAttributeValues }: Props) => JSX.Element;
+export {};

package/esm/components/attributes/editMode/AttributesPager/ImageLineRenderer.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import Title from '../../../Title/Title';
+import DescriptionIcon from '../../DescriptionIcon';
+import ImageAttributesLine from '../ImageAttributesLine';
+import { useStyles } from './styles';
+export var ImageLineRenderer = function (_a) {
+    var attributeType = _a.attributeType, attributeValues = _a.attributeValues, paging = _a.paging, parentUri = _a.parentUri, showNonOv = _a.showNonOv, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues;
+    var styles = useStyles();
+    var label = attributeType.label, description = attributeType.description;
+    return (React.createElement("div", { className: styles.wrapper },
+        React.createElement("div", { className: styles.titleWrapper },
+            React.createElement(Title, { className: styles.title, label: label, "data-reltio-id": "reltio-attribute-label" }),
+            React.createElement(DescriptionIcon, { className: styles.description, description: description })),
+        React.createElement(ImageAttributesLine, { attributeValues: attributeValues, attributeType: attributeType, paging: paging, onDeleteAttribute: onDeleteAttribute, parentUri: parentUri, onChangeAttribute: onChangeAttribute, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv })));
+};

package/esm/components/attributes/readMode/AttributesPager/AttributesPager.js

@@ -3,12 +3,11 @@ import React, { memo } from 'react';
 import { always, cond, has, ifElse, partition, prop, T } from 'ramda';
 import { isComplexAttribute, isImage, isSpecialAttribute, isOv } from '@reltio/mdm-sdk';
 import { useStyles } from './styles';
-import Title from '../../../Title/Title';
 import BranchDecorator from '../../BranchDecorator/BranchDecorator';
 import OneLineRenderer from './OneLineRenderer';
 import MultiLineRenderer from './MultiLineRenderer';
-import ImageAttributesLine from '../ImageAttributesLine';
 import SpecialRenderer from './SpecialRenderer';
+import { ImageLineRenderer } from './ImageLineRenderer';
 var RENDERER_TYPES = {
     oneLine: 'oneLine',
     multiLine: 'multiLine',
@@ -45,9 +44,7 @@ var AttributesPager = function (_a) {
             case RENDERER_TYPES.multiLine:
                 return (React.createElement(MultiLineRenderer, { values: visibleValues, nonVisibleValues: nonVisibleValues, totalVisibleValues: totalVisibleValues, totalNonVisibleValues: totalNonVisibleValues, attributeType: attributeType, parentUri: parentUri, max: max, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, titleClassName: titleClassName, contentClassName: contentClassName, showNonOv: showNonOv }));
             case RENDERER_TYPES.imageLine:
-                return (React.createElement(React.Fragment, null,
-                    React.createElement(Title, { label: attributeType === null || attributeType === void 0 ? void 0 : attributeType.label, "data-reltio-id": "reltio-attribute-label" }),
-                    React.createElement(ImageAttributesLine, { attributeValues: visibleValues, attributeType: attributeType, paging: paging, parentUri: parentUri, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv })));
+                return (React.createElement(ImageLineRenderer, { attributeValues: visibleValues, attributeType: attributeType, paging: paging, parentUri: parentUri, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv }));
             case RENDERER_TYPES.special:
                 return React.createElement(SpecialRenderer, { values: visibleValues, attributeType: attributeType });
         }

package/esm/components/attributes/readMode/AttributesPager/ImageLineRenderer.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { AttributeType, ImageAttributeValue, Paging } from '@reltio/mdm-sdk';
+import { RequestNextPageOfAttributeValuesPayload } from '@reltio/mdm-module';
+declare type Props = {
+    attributeType: AttributeType;
+    attributeValues: ImageAttributeValue[];
+    paging: Paging;
+    requestNextPageOfAttributeValues: (payload: RequestNextPageOfAttributeValuesPayload) => void;
+    parentUri?: string;
+    showNonOv?: boolean;
+};
+export declare const ImageLineRenderer: ({ attributeType, attributeValues, paging, parentUri, showNonOv, requestNextPageOfAttributeValues }: Props) => JSX.Element;
+export {};

package/esm/components/attributes/readMode/AttributesPager/ImageLineRenderer.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import Title from '../../../Title/Title';
+import DescriptionIcon from '../../DescriptionIcon';
+import ImageAttributesLine from '../ImageAttributesLine';
+import { useMultiLineStyles } from './styles';
+export var ImageLineRenderer = function (_a) {
+    var attributeType = _a.attributeType, attributeValues = _a.attributeValues, paging = _a.paging, parentUri = _a.parentUri, showNonOv = _a.showNonOv, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues;
+    var styles = useMultiLineStyles();
+    var label = attributeType.label, description = attributeType.description;
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: styles.titleRow },
+            React.createElement(Title, { className: styles.title, label: label, "data-reltio-id": "reltio-attribute-label" }),
+            React.createElement(DescriptionIcon, { className: styles.descriptionIcon, description: description })),
+        React.createElement(ImageAttributesLine, { attributeValues: attributeValues, attributeType: attributeType, paging: paging, parentUri: parentUri, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv })));
+};

package/esm/hooks/useAPI/useAPI.js

@@ -145,11 +145,12 @@ export var useAPI = function (config) {
                     var processedApiPath = isOldUI ? reltioPath : apiPath;
                     var isGlobalUrl = startsWith('/', pathOr('', ['params', 'url'], task)) &&
                         !startsWith(apiPath, pathOr('', ['params', 'url'], task));
+                    var isApiAction = pathEq(['params', 'name'], RequestAction.API, task);
                     var processedParams = pipe(evolve({
-                        url: ifElse(both(always(isGlobalUrl), always(pathEq(['params', 'name'], RequestAction.API, task))), concat("".concat(processedApiPath, "/api/").concat(tenant)), replace(reltioPath, apiPath))
+                        url: ifElse(both(always(isGlobalUrl), always(isApiAction)), concat("".concat(processedApiPath, "/api/").concat(tenant)), replace(reltioPath, apiPath))
                     }), when(has('url'), assocPath(['validationUrl'], task.params.url)))(task.params);
                     var processedTask = __assign(__assign({}, task), { params: processedParams });
-                    processRequest(__assign({ name: processedTask.params.name, paramObject: processedTask, permissions: config.action.permissions, worker: worker, metadata: metadata, config: config, user: user, servicesPath: servicesPath, apiPath: processedApiPath, tenant: tenant, workflowPath: workflowPath, entity: entity, entityUri: entityUri, environment: environment, query: searchQuery, openSearch: openSearch, workflowCheckPermission: workflowCheckPermission }, qxApi));
+                    processRequest(__assign({ name: processedTask.params.name, paramObject: processedTask, permissions: config.action.permissions, worker: worker, metadata: metadata, config: config, user: user, servicesPath: servicesPath, apiPath: reltioPath, tenant: tenant, workflowPath: workflowPath, entity: entity, entityUri: entityUri, environment: environment, query: searchQuery, openSearch: openSearch, workflowCheckPermission: workflowCheckPermission }, qxApi));
                     break;
                 }
                 case CustomAction.RETURN_PROCESSED_API_RESPONSE: {

package/esm/hooks/useCustomScripts.js

@@ -32,12 +32,13 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 import { useContext, useEffect, useRef } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import mdmModule, { ui } from '@reltio/mdm-module';
-import { CustomAction, CustomScriptPlatform, initializeWebWorker, isEmptyValue } from '@reltio/mdm-sdk';
+import { CustomAction, CustomScriptPlatform, initializeWebWorker, isEmptyValue, RequestAction } from '@reltio/mdm-sdk';
 import nanoid from 'nanoid';
-import { assocPath, evolve, find, has, map, omit, pick, pipe, prop, replace, when } from 'ramda';
+import { always, assocPath, both, concat, evolve, find, has, ifElse, map, omit, pathEq, pathOr, pick, pipe, prop, replace, startsWith, when } from 'ramda';
 import { useWorkflowCheckPermission } from '../components/workflow';
 import { InterceptHandlersContext, SandboxAPIContext, SnackbarContext } from '../contexts';
 import { getWorkerURL, processRequest } from './useAPI';
+import { isNewUI } from './useAPI/helpers';
 var isURLtoProcess = function (processApi, url) {
     return (processApi || []).some(function (request) {
         var regExp = new RegExp("^".concat(request, "$"));
@@ -91,11 +92,16 @@ export var useCustomScripts = function (config) {
                     break;
                 }
                 case CustomAction.REQUEST: {
+                    var isOldUI = !isNewUI(servicesPath);
+                    var processedApiPath = isOldUI ? reltioPath : apiPath;
+                    var isGlobalUrl = startsWith('/', pathOr('', ['params', 'url'], task)) &&
+                        !startsWith(apiPath, pathOr('', ['params', 'url'], task));
+                    var isApiAction = pathEq(['params', 'name'], RequestAction.API, task);
                     var processedParams = pipe(evolve({
-                        url: replace(reltioPath, apiPath)
+                        url: ifElse(both(always(isGlobalUrl), always(isApiAction)), concat("".concat(processedApiPath, "/api/").concat(tenant)), replace(reltioPath, apiPath))
                     }), when(has('url'), assocPath(['validationUrl'], task.params.url)))(task.params);
                     var processedTask = __assign(__assign({}, task), { params: processedParams });
-                    processRequest(__assign({ name: processedTask.params.name, paramObject: processedTask, permissions: config.action.permissions, worker: worker, metadata: metadata, config: config, user: user, apiPath: apiPath, servicesPath: servicesPath, tenant: tenant, workflowPath: workflowPath, entity: entity, entityUri: entityUri, environment: environment, query: typeSearch === 'search' ? search === null || search === void 0 ? void 0 : search.query : null, openSearch: openSearch, workflowCheckPermission: workflowCheckPermission }, qxApi));
+                    processRequest(__assign({ name: processedTask.params.name, paramObject: processedTask, permissions: config.action.permissions, worker: worker, metadata: metadata, config: config, user: user, apiPath: reltioPath, servicesPath: servicesPath, tenant: tenant, workflowPath: workflowPath, entity: entity, entityUri: entityUri, environment: environment, query: typeSearch === 'search' ? search === null || search === void 0 ? void 0 : search.query : null, openSearch: openSearch, workflowCheckPermission: workflowCheckPermission }, qxApi));
                     break;
                 }
                 case CustomAction.RETURN_PROCESSED_API_RESPONSE: {

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1439",
+  "version": "1.4.1441",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
   "dependencies": {
     "@date-io/moment": "^1.3.5",
     "@react-google-maps/api": "2.7.0",
-    "@reltio/mdm-module": "^1.4.1439",
-    "@reltio/mdm-sdk": "^1.4.1439",
+    "@reltio/mdm-module": "^1.4.1441",
+    "@reltio/mdm-sdk": "^1.4.1441",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",