@reltio/components 1.4.1434 → 1.4.1436

package/cjs/hooks/useAPI/useAPI.js

@@ -46,15 +46,15 @@ var contexts_1 = require("../../contexts");
 var API_1 = require("./API");
 var helpers_1 = require("./helpers");
 var useAPI = function (config) {
-    var _a, _b;
+    var _a, _b, _c, _d;
     if (config === void 0) { config = {}; }
-    var _c = (0, react_1.useState)(), html = _c[0], setHtml = _c[1];
-    var _d = (0, react_1.useState)([]), listenersToReset = _d[0], setListenersToReset = _d[1];
-    var _e = (0, react_1.useState)([]), popupListenersToReset = _e[0], setPopupListenersToReset = _e[1];
-    var _f = (0, react_1.useState)(true), visible = _f[0], setVisible = _f[1];
-    var _g = (0, react_1.useState)(), popup = _g[0], setPopup = _g[1];
-    var _h = (0, react_1.useState)(null), tooltip = _h[0], setTooltip = _h[1];
-    var _j = (0, react_1.useState)({}), customStyles = _j[0], setCustomStyles = _j[1];
+    var _e = (0, react_1.useState)(), html = _e[0], setHtml = _e[1];
+    var _f = (0, react_1.useState)([]), listenersToReset = _f[0], setListenersToReset = _f[1];
+    var _g = (0, react_1.useState)([]), popupListenersToReset = _g[0], setPopupListenersToReset = _g[1];
+    var _h = (0, react_1.useState)(true), visible = _h[0], setVisible = _h[1];
+    var _j = (0, react_1.useState)(), popup = _j[0], setPopup = _j[1];
+    var _k = (0, react_1.useState)(null), tooltip = _k[0], setTooltip = _k[1];
+    var _l = (0, react_1.useState)({}), customStyles = _l[0], setCustomStyles = _l[1];
     var workerRef = (0, react_1.useRef)();
     var requestListeners = (0, react_1.useRef)({});
     var responseListeners = (0, react_1.useRef)({});
@@ -77,7 +77,7 @@ var useAPI = function (config) {
     var entityUri = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getEntityUri);
     var isEditableMode = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getIsEditableMode);
     var environment = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getWorkflowEnvironmentUrl);
-    var _k = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getSearchProviderData) || {}, typeSearch = _k.type, search = _k.data;
+    var _m = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getSearchProviderData) || {}, typeSearch = _m.type, search = _m.data;
     var searchQuery = typeSearch === 'search' ? search === null || search === void 0 ? void 0 : search.query : null;
     var isOldUI = !(0, helpers_1.isNewUI)(servicesPath);
     var supportedInterceptHandlers = isOldUI ? qxApi.interceptors : interceptHandlers;
@@ -85,7 +85,6 @@ var useAPI = function (config) {
     var innerText = '';
     var popupText = '';
     var process = function (_a) {
-        var _b, _c;
         var task = _a.task, worker = _a.worker;
         if (task) {
             switch (task.action) {
@@ -169,40 +168,38 @@ var useAPI = function (config) {
                     break;
                 }
                 case mdm_sdk_1.CustomAction.REQUEST: {
-                    if (((_c = (_b = task.params) === null || _b === void 0 ? void 0 : _b.headers) === null || _c === void 0 ? void 0 : _c.origin) !== 'ui') {
-                        (0, API_1.processRequest)(__assign({ name: task.params.name, paramObject: task, permissions: config.action.permissions, worker: worker, metadata: metadata, config: config, user: user, servicesPath: servicesPath, apiPath: isOldUI ? apiPath : reltioPath, tenant: tenant, workflowPath: workflowPath, entity: entity, entityUri: entityUri, environment: environment, query: searchQuery, openSearch: openSearch, workflowCheckPermission: workflowCheckPermission }, qxApi));
-                    }
-                    else {
-                        var _d = task.params, headers = _d.headers, id = _d.id, fakeURL = _d.url, method = _d.method, data = _d.data;
-                        var url = fakeURL.replace(reltioPath, apiPath);
-                        if (requestListeners.current[headers.requestId]) {
-                            requestListeners.current[headers.requestId].next(url, {
-                                body: data,
-                                id: id,
-                                task: task,
-                                headers: headers,
-                                method: method
-                            });
-                            requestListeners.current = (0, ramda_1.omit)([headers.requestId], requestListeners.current);
-                        }
-                    }
+                    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 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))
+                    }), (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));
                     break;
                 }
-                case mdm_sdk_1.CustomAction.RETURN_PROCESSED_API_RESPONSE:
-                case mdm_sdk_1.CustomAction.RETURN_PROCESSED_API_REQUEST: {
-                    var _e = task.params, id = _e.id, data = _e.data;
+                case mdm_sdk_1.CustomAction.RETURN_PROCESSED_API_RESPONSE: {
+                    var _b = task.params, id = _b.id, data = _b.data;
                     if (responseListeners.current[id]) {
                         responseListeners.current[id].next(data);
                         responseListeners.current = (0, ramda_1.omit)([id], responseListeners.current);
                     }
                     break;
                 }
+                case mdm_sdk_1.CustomAction.RETURN_PROCESSED_API_REQUEST: {
+                    var _c = task.params, id = _c.id, data = _c.data;
+                    if (requestListeners.current[id]) {
+                        requestListeners.current[id].resolve(data);
+                        requestListeners.current = (0, ramda_1.omit)([id], requestListeners.current);
+                    }
+                    break;
+                }
             }
         }
     };
-    var setRequestListeners = function (options, next, requestId) {
+    var setRequestListeners = function (options, next, requestId, resolve) {
         var _a;
-        requestListeners.current = __assign(__assign({}, requestListeners.current), (_a = {}, _a[requestId] = { options: options, next: next, id: requestId }, _a));
+        requestListeners.current = __assign(__assign({}, requestListeners.current), (_a = {}, _a[requestId] = { options: options, next: next, id: requestId, resolve: resolve }, _a));
     };
     var setResponseListeners = function (next, responseId) {
         var _a;
@@ -229,9 +226,25 @@ var useAPI = function (config) {
         var _a;
         (_a = workerRef.current) === null || _a === void 0 ? void 0 : _a.postMessage({ action: 'event', type: type, data: data });
     };
+    var pendingInterceptors = (0, react_1.useRef)(false);
+    var needDelayedRequestForInterceptors = !isOldUI &&
+        interceptHandlers &&
+        !(0, mdm_sdk_1.isEmptyValue)(config.action) &&
+        config.action.platform !== mdm_sdk_1.CustomScriptPlatform.CLASSIC &&
+        (((_c = config === null || config === void 0 ? void 0 : config.action) === null || _c === void 0 ? void 0 : _c.processApiRequest) || ((_d = config === null || config === void 0 ? void 0 : config.action) === null || _d === void 0 ? void 0 : _d.processApiResponse));
+    if (needDelayedRequestForInterceptors) {
+        if (!pendingInterceptors.current && !workerRef.current) {
+            interceptHandlers.startInterceptorInit();
+            pendingInterceptors.current = true;
+        }
+    }
     (0, react_1.useEffect)(function () {
         if (!(0, mdm_sdk_1.isEmptyValue)(config.action) && config.action.platform !== mdm_sdk_1.CustomScriptPlatform.CLASSIC) {
             workerRef.current = (0, mdm_sdk_1.initializeWebWorker)(workerUrl, process, config);
+            if (pendingInterceptors.current) {
+                interceptHandlers.finishInterceptorInit();
+                pendingInterceptors.current = false;
+            }
             postEventMessage('updateEntity', entity);
         }
     }, [entity, config]);
@@ -270,6 +283,10 @@ var useAPI = function (config) {
             else {
                 addInternalRequestInterceptor(requestInterceptor);
                 addInternalResponseInterceptor(responseInterceptor);
+                workerRef.current.onerror = function () {
+                    removeInternalRequestInterceptor_1(requestInterceptor);
+                    removeInternalResponseInterceptor_1(responseInterceptor);
+                };
                 return function () {
                     removeInternalRequestInterceptor_1(requestInterceptor);
                     removeInternalResponseInterceptor_1(responseInterceptor);

package/cjs/hooks/useCustomScripts.js

@@ -78,6 +78,7 @@ var getCustomViewConfig = function (config) {
     return __assign({ action: { processApiResponse: processApiResponse, processApiRequest: processApiRequest, permissions: permissions, files: files } }, otherProps);
 };
 var useCustomScripts = function (config) {
+    var _a;
     var customScripts = config.reduce(function (acc, customScript) {
         if (customScript.platform !== mdm_sdk_1.CustomScriptPlatform.CLASSIC) {
             return __spreadArray(__spreadArray([], acc, true), [__assign(__assign({}, customScript), { actionId: (0, nanoid_1.default)() })], false);
@@ -85,10 +86,10 @@ var useCustomScripts = function (config) {
         return acc;
     }, []);
     var showSnackbarMessage = (0, react_1.useContext)(contexts_1.SnackbarContext);
-    var _a = (0, react_1.useContext)(contexts_1.InterceptHandlersContext), addInternalRequestInterceptor = _a.addInternalRequestInterceptor, addInternalResponseInterceptor = _a.addInternalResponseInterceptor, removeInternalRequestInterceptor = _a.removeInternalRequestInterceptor, removeInternalResponseInterceptor = _a.removeInternalResponseInterceptor;
+    var _b = (0, react_1.useContext)(contexts_1.InterceptHandlersContext), addInternalRequestInterceptor = _b.addInternalRequestInterceptor, addInternalResponseInterceptor = _b.addInternalResponseInterceptor, removeInternalRequestInterceptor = _b.removeInternalRequestInterceptor, removeInternalResponseInterceptor = _b.removeInternalResponseInterceptor;
     var qxApi = (0, react_1.useContext)(contexts_1.SandboxAPIContext);
     var dispatch = (0, react_redux_1.useDispatch)();
-    var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata) || {};
+    var metadata = (_a = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata)) !== null && _a !== void 0 ? _a : null;
     var entity = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getEntity) || {};
     var uiPath = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getUIPath);
     var servicesPath = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getServicesPath);
@@ -101,13 +102,12 @@ var useCustomScripts = function (config) {
     var entityUri = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getEntityUri);
     var environment = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getWorkflowEnvironmentUrl);
     var workflowCheckPermission = (0, workflow_1.useWorkflowCheckPermission)();
-    var _b = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getSearchProviderData) || {}, typeSearch = _b.type, search = _b.data;
+    var _c = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getSearchProviderData) || {}, typeSearch = _c.type, search = _c.data;
     var openSearch = function (search) { return dispatch(mdm_module_1.ui.actions.openSearch(search)); };
     var requestListeners = (0, react_1.useRef)({});
     var responseListeners = (0, react_1.useRef)({});
     var workers = (0, react_1.useRef)({});
-    var process = function (_a) {
-        var _b, _c;
+    var processMessageFromWorker = function (_a) {
         var task = _a.task, worker = _a.worker, config = _a.config;
         if (task) {
             switch (task.action) {
@@ -120,52 +120,50 @@ var useCustomScripts = function (config) {
                     break;
                 }
                 case mdm_sdk_1.CustomAction.REQUEST: {
-                    if (((_c = (_b = task.params) === null || _b === void 0 ? void 0 : _b.headers) === null || _c === void 0 ? void 0 : _c.origin) !== 'ui') {
-                        (0, useAPI_1.processRequest)(__assign({ name: task.params.name, paramObject: task, 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));
-                    }
-                    else {
-                        var _d = task.params, headers = _d.headers, id = _d.id, fakeURL = _d.url, method = _d.method, data = _d.data;
-                        var url = fakeURL.replace(reltioPath, apiPath);
-                        if (requestListeners.current[headers.requestId]) {
-                            requestListeners.current[headers.requestId].next(url, {
-                                body: data,
-                                id: id,
-                                task: task,
-                                headers: headers,
-                                method: method
-                            });
-                            requestListeners.current = (0, ramda_1.omit)([headers.requestId], requestListeners.current);
-                        }
-                    }
+                    var processedParams = (0, ramda_1.pipe)((0, ramda_1.evolve)({
+                        url: (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));
                     break;
                 }
-                case mdm_sdk_1.CustomAction.RETURN_PROCESSED_API_RESPONSE:
-                case mdm_sdk_1.CustomAction.RETURN_PROCESSED_API_REQUEST: {
-                    var _e = task.params, id = _e.id, data = _e.data;
+                case mdm_sdk_1.CustomAction.RETURN_PROCESSED_API_RESPONSE: {
+                    var _b = task.params, id = _b.id, data = _b.data;
                     if (responseListeners.current[id]) {
                         responseListeners.current[id].next(data);
                         responseListeners.current = (0, ramda_1.omit)([id], responseListeners.current);
                     }
                     break;
                 }
+                case mdm_sdk_1.CustomAction.RETURN_PROCESSED_API_REQUEST: {
+                    var _c = task.params, id = _c.id, data = _c.data;
+                    if (requestListeners.current[id]) {
+                        requestListeners.current[id].resolve(data);
+                        requestListeners.current = (0, ramda_1.omit)([id], requestListeners.current);
+                    }
+                    break;
+                }
             }
         }
     };
     (0, react_1.useEffect)(function () {
+        if (metadata === null) {
+            return;
+        }
         workers.current = customScripts.reduce(function (acc, customScript) {
             var _a;
             var customViewConfig = getCustomViewConfig(customScript);
-            return __assign(__assign({}, acc), (_a = {}, _a[customScript.actionId] = (0, mdm_sdk_1.initializeWebWorker)(workerUrl, process, customViewConfig), _a));
+            return __assign(__assign({}, acc), (_a = {}, _a[customScript.actionId] = (0, mdm_sdk_1.initializeWebWorker)(workerUrl, processMessageFromWorker, customViewConfig), _a));
         }, workers.current);
         return function () {
             Object.keys(workers.current).forEach(function (actionId) {
                 workers.current[actionId].terminate();
             });
         };
-    }, [config]);
+    }, [config, metadata]);
     var customScriptRequestInterceptor = function (_a) {
         var _b;
-        var _c = _a.options, options = _c === void 0 ? {} : _c, url = _a.url, next = _a.next;
+        var _c = _a.options, options = _c === void 0 ? {} : _c, url = _a.url, next = _a.next, resolve = _a.resolve;
         var fakeURL = url.startsWith('/') && !url.startsWith(apiPath)
             ? "".concat(reltioPath, "/api/").concat(tenant).concat(url)
             : "".concat(reltioPath).concat(url.replace(apiPath, ''));
@@ -175,7 +173,7 @@ var useCustomScripts = function (config) {
         }), (0, ramda_1.prop)('actionId'))(customScripts);
         if (actionId) {
             var requestId = (0, nanoid_1.default)();
-            requestListeners.current = __assign(__assign({}, requestListeners.current), (_b = {}, _b[requestId] = { options: options, next: next, id: requestId }, _b));
+            requestListeners.current = __assign(__assign({}, requestListeners.current), (_b = {}, _b[requestId] = { options: options, next: next, id: requestId, resolve: resolve }, _b));
             workers.current[actionId].postMessage({
                 action: 'apiRequest',
                 id: requestId,
@@ -201,7 +199,7 @@ var useCustomScripts = function (config) {
                 responseListeners.current = __assign(__assign({}, responseListeners.current), (_a = {}, _a[options.headers.requestId] = { next: next }, _a));
                 workers.current[(_b = options.headers) === null || _b === void 0 ? void 0 : _b.actionId].postMessage({
                     action: 'response',
-                    result: { data: data },
+                    result: { data: data, status: response.status },
                     id: options === null || options === void 0 ? void 0 : options.id,
                     name: (_d = (_c = options === null || options === void 0 ? void 0 : options.task) === null || _c === void 0 ? void 0 : _c.params) === null || _d === void 0 ? void 0 : _d.name
                 });
@@ -241,14 +239,15 @@ var useCustomScripts = function (config) {
         }
     };
     (0, react_1.useEffect)(function () {
-        if (!(0, mdm_sdk_1.isEmptyValue)(customScripts)) {
-            addInternalRequestInterceptor(customScriptRequestInterceptor);
-            addInternalResponseInterceptor(customScriptResponseInterceptor);
-            return function () {
-                removeInternalRequestInterceptor(customScriptRequestInterceptor);
-                removeInternalResponseInterceptor(customScriptResponseInterceptor);
-            };
+        if ((0, mdm_sdk_1.isEmptyValue)(customScripts) || !metadata) {
+            return;
         }
-    }, [config]);
+        addInternalRequestInterceptor(customScriptRequestInterceptor);
+        addInternalResponseInterceptor(customScriptResponseInterceptor);
+        return function () {
+            removeInternalRequestInterceptor(customScriptRequestInterceptor);
+            removeInternalResponseInterceptor(customScriptResponseInterceptor);
+        };
+    }, [config, metadata]);
 };
 exports.useCustomScripts = useCustomScripts;

package/cjs/icons/Description.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgDescription: React.FC<React.SVGProps<SVGSVGElement>>;
+export default SvgDescription;

package/cjs/icons/Description.js

@@ -0,0 +1,22 @@
+"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 __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 SvgDescription = function (props) {
+    return (react_1.default.createElement("svg", __assign({ width: 12, height: 12, viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        react_1.default.createElement("path", { d: "M5.417 9.5h1.166V8.333H5.417V9.5zM6 .167A5.835 5.835 0 00.167 6 5.835 5.835 0 006 11.833 5.835 5.835 0 0011.833 6 5.835 5.835 0 006 .167zm0 10.5A4.673 4.673 0 011.333 6 4.673 4.673 0 016 1.333 4.673 4.673 0 0110.667 6 4.673 4.673 0 016 10.667zM6 2.5a2.333 2.333 0 00-2.333 2.333h1.166A1.17 1.17 0 016 3.667a1.17 1.17 0 011.167 1.166c0 1.167-1.75 1.021-1.75 2.917h1.166c0-1.313 1.75-1.458 1.75-2.917A2.333 2.333 0 006 2.5z", fill: "#000", fillOpacity: 0.54 })));
+};
+exports.default = SvgDescription;

package/cjs/icons/index.d.ts

@@ -11,6 +11,7 @@ export { default as DcrTaskIcon } from './DcrTaskIcon';
 export { default as DefaultImage } from './DefaultImage';
 export { default as DefaultTaskIcon } from './DefaultTaskIcon';
 export { default as DeleteRequestTaskIcon } from './DeleteRequestTaskIcon';
+export { default as Description } from './Description';
 export { default as Details } from './Details';
 export { default as Download } from './Download';
 export { default as Draw } from './Draw';
@@ -22,20 +23,22 @@ export { default as Ignored } from './Ignored';
 export { default as IgnoredOutlined } from './IgnoredOutlined';
 export { default as LogIn } from './LogIn';
 export { default as LogOut } from './LogOut';
-export { default as MlMatch } from './MlMatch';
 export { default as Merge } from './Merge';
 export { default as MergeDark } from './MergeDark';
+export { default as MlMatch } from './MlMatch';
+export { default as NegativeRuleIcon } from './NegativeRuleIcon';
+export { default as NegativeRuleTooltipIcon } from './NegativeRuleTooltipIcon';
 export { default as NestedAttribute } from './NestedAttribute';
 export { default as NoData } from './NoData';
 export { default as NoDataSearch } from './NoDataSearch';
 export { default as NoMatches } from './NoMatches';
 export { default as NotMatchDark } from './NotMatchDark';
 export { default as NotMatchRule } from './NotMatchRule';
-export { default as PmIcon } from './PmIcon';
-export { default as PmTaskIcon } from './PmTaskIcon';
 export { default as Pin } from './Pin';
 export { default as PinOutlined } from './PinOutlined';
 export { default as PivotingIcon } from './PivotingIcon';
+export { default as PmIcon } from './PmIcon';
+export { default as PmTaskIcon } from './PmTaskIcon';
 export { default as Polygon } from './Polygon';
 export { default as PotentialMatch } from './PotentialMatch';
 export { default as Profile } from './Profile';

package/cjs/icons/index.js

@@ -3,8 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Table = exports.SimpleAttribute = exports.SelectAttributes = exports.Search = exports.ResizeIconInline = exports.Remove = exports.ReferenceAttribute = exports.Recommended = exports.Radius = exports.Profile = exports.PotentialMatch = exports.Polygon = exports.PivotingIcon = exports.PinOutlined = exports.Pin = exports.PmTaskIcon = exports.PmIcon = exports.NotMatchRule = exports.NotMatchDark = exports.NoMatches = exports.NoDataSearch = exports.NoData = exports.NestedAttribute = exports.MergeDark = exports.Merge = exports.MlMatch = exports.LogOut = exports.LogIn = exports.IgnoredOutlined = exports.Ignored = exports.Filter = exports.Error = exports.EmptySearchResults = exports.Duplicate = exports.Draw = exports.Download = exports.Details = exports.DeleteRequestTaskIcon = exports.DefaultTaskIcon = exports.DefaultImage = exports.DcrTaskIcon = exports.Create = exports.Copy = exports.CommentBubble = exports.Comment = exports.CollaborationIcon = exports.Calendar = exports.AttributesList = exports.AddComment = exports.Add = void 0;
-exports.UploadIcon = exports.UnMerge = void 0;
+exports.Search = exports.ResizeIconInline = exports.Remove = exports.ReferenceAttribute = exports.Recommended = exports.Radius = exports.Profile = exports.PotentialMatch = exports.Polygon = exports.PmTaskIcon = exports.PmIcon = exports.PivotingIcon = exports.PinOutlined = exports.Pin = exports.NotMatchRule = exports.NotMatchDark = exports.NoMatches = exports.NoDataSearch = exports.NoData = exports.NestedAttribute = exports.NegativeRuleTooltipIcon = exports.NegativeRuleIcon = exports.MlMatch = exports.MergeDark = exports.Merge = exports.LogOut = exports.LogIn = exports.IgnoredOutlined = exports.Ignored = exports.Filter = exports.Error = exports.EmptySearchResults = exports.Duplicate = exports.Draw = exports.Download = exports.Details = exports.Description = exports.DeleteRequestTaskIcon = exports.DefaultTaskIcon = exports.DefaultImage = exports.DcrTaskIcon = exports.Create = exports.Copy = exports.CommentBubble = exports.Comment = exports.CollaborationIcon = exports.Calendar = exports.AttributesList = exports.AddComment = exports.Add = void 0;
+exports.UploadIcon = exports.UnMerge = exports.Table = exports.SimpleAttribute = exports.SelectAttributes = void 0;
 var Add_1 = require("./Add");
 Object.defineProperty(exports, "Add", { enumerable: true, get: function () { return __importDefault(Add_1).default; } });
 var AddComment_1 = require("./AddComment");
@@ -31,6 +31,8 @@ var DefaultTaskIcon_1 = require("./DefaultTaskIcon");
 Object.defineProperty(exports, "DefaultTaskIcon", { enumerable: true, get: function () { return __importDefault(DefaultTaskIcon_1).default; } });
 var DeleteRequestTaskIcon_1 = require("./DeleteRequestTaskIcon");
 Object.defineProperty(exports, "DeleteRequestTaskIcon", { enumerable: true, get: function () { return __importDefault(DeleteRequestTaskIcon_1).default; } });
+var Description_1 = require("./Description");
+Object.defineProperty(exports, "Description", { enumerable: true, get: function () { return __importDefault(Description_1).default; } });
 var Details_1 = require("./Details");
 Object.defineProperty(exports, "Details", { enumerable: true, get: function () { return __importDefault(Details_1).default; } });
 var Download_1 = require("./Download");
@@ -53,12 +55,16 @@ var LogIn_1 = require("./LogIn");
 Object.defineProperty(exports, "LogIn", { enumerable: true, get: function () { return __importDefault(LogIn_1).default; } });
 var LogOut_1 = require("./LogOut");
 Object.defineProperty(exports, "LogOut", { enumerable: true, get: function () { return __importDefault(LogOut_1).default; } });
-var MlMatch_1 = require("./MlMatch");
-Object.defineProperty(exports, "MlMatch", { enumerable: true, get: function () { return __importDefault(MlMatch_1).default; } });
 var Merge_1 = require("./Merge");
 Object.defineProperty(exports, "Merge", { enumerable: true, get: function () { return __importDefault(Merge_1).default; } });
 var MergeDark_1 = require("./MergeDark");
 Object.defineProperty(exports, "MergeDark", { enumerable: true, get: function () { return __importDefault(MergeDark_1).default; } });
+var MlMatch_1 = require("./MlMatch");
+Object.defineProperty(exports, "MlMatch", { enumerable: true, get: function () { return __importDefault(MlMatch_1).default; } });
+var NegativeRuleIcon_1 = require("./NegativeRuleIcon");
+Object.defineProperty(exports, "NegativeRuleIcon", { enumerable: true, get: function () { return __importDefault(NegativeRuleIcon_1).default; } });
+var NegativeRuleTooltipIcon_1 = require("./NegativeRuleTooltipIcon");
+Object.defineProperty(exports, "NegativeRuleTooltipIcon", { enumerable: true, get: function () { return __importDefault(NegativeRuleTooltipIcon_1).default; } });
 var NestedAttribute_1 = require("./NestedAttribute");
 Object.defineProperty(exports, "NestedAttribute", { enumerable: true, get: function () { return __importDefault(NestedAttribute_1).default; } });
 var NoData_1 = require("./NoData");
@@ -71,16 +77,16 @@ var NotMatchDark_1 = require("./NotMatchDark");
 Object.defineProperty(exports, "NotMatchDark", { enumerable: true, get: function () { return __importDefault(NotMatchDark_1).default; } });
 var NotMatchRule_1 = require("./NotMatchRule");
 Object.defineProperty(exports, "NotMatchRule", { enumerable: true, get: function () { return __importDefault(NotMatchRule_1).default; } });
-var PmIcon_1 = require("./PmIcon");
-Object.defineProperty(exports, "PmIcon", { enumerable: true, get: function () { return __importDefault(PmIcon_1).default; } });
-var PmTaskIcon_1 = require("./PmTaskIcon");
-Object.defineProperty(exports, "PmTaskIcon", { enumerable: true, get: function () { return __importDefault(PmTaskIcon_1).default; } });
 var Pin_1 = require("./Pin");
 Object.defineProperty(exports, "Pin", { enumerable: true, get: function () { return __importDefault(Pin_1).default; } });
 var PinOutlined_1 = require("./PinOutlined");
 Object.defineProperty(exports, "PinOutlined", { enumerable: true, get: function () { return __importDefault(PinOutlined_1).default; } });
 var PivotingIcon_1 = require("./PivotingIcon");
 Object.defineProperty(exports, "PivotingIcon", { enumerable: true, get: function () { return __importDefault(PivotingIcon_1).default; } });
+var PmIcon_1 = require("./PmIcon");
+Object.defineProperty(exports, "PmIcon", { enumerable: true, get: function () { return __importDefault(PmIcon_1).default; } });
+var PmTaskIcon_1 = require("./PmTaskIcon");
+Object.defineProperty(exports, "PmTaskIcon", { enumerable: true, get: function () { return __importDefault(PmTaskIcon_1).default; } });
 var Polygon_1 = require("./Polygon");
 Object.defineProperty(exports, "Polygon", { enumerable: true, get: function () { return __importDefault(Polygon_1).default; } });
 var PotentialMatch_1 = require("./PotentialMatch");

package/esm/components/BasicTableView/BasicTable/helpers/dataHelpers.js

@@ -83,10 +83,11 @@ var getTableRowsData = function (rowValues, columnsData, renderRowCell, getRowCe
 };
 var getTableHeadData = function (columnsData, filters, onFilter) {
     return columnsData.map(function (_a) {
-        var id = _a.id, label = _a.label, sortable = _a.sortable, _b = _a.filterable, filterable = _b === void 0 ? true : _b, resizable = _a.resizable, draggable = _a.draggable, _c = _a.autoResize, autoResize = _c === void 0 ? true : _c, initialWidth = _a.initialWidth, minWidth = _a.minWidth, dataTypeDefinition = _a.dataTypeDefinition, filterOptions = _a.filterOptions, _d = _a.headCellRenderer, headCellRenderer = _d === void 0 ? withFilterAtBottom(DefaultHeadCellRenderer) : _d;
+        var id = _a.id, label = _a.label, description = _a.description, sortable = _a.sortable, _b = _a.filterable, filterable = _b === void 0 ? true : _b, resizable = _a.resizable, draggable = _a.draggable, _c = _a.autoResize, autoResize = _c === void 0 ? true : _c, initialWidth = _a.initialWidth, minWidth = _a.minWidth, dataTypeDefinition = _a.dataTypeDefinition, filterOptions = _a.filterOptions, _d = _a.headCellRenderer, headCellRenderer = _d === void 0 ? withFilterAtBottom(DefaultHeadCellRenderer) : _d;
         return ({
             id: id,
             label: label,
+            description: description,
             sortable: sortable,
             resizable: resizable,
             draggable: draggable,

package/esm/components/attributes/DescriptionIcon/DescriptionIcon.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+export declare const ChipWithTooltip: React.ForwardRefExoticComponent<import("prop-types").InferPropsInner<Pick<{
+    tooltipTitle: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+    tooltipPlacement: import("prop-types").Requireable<string>;
+    showForDisabled: import("prop-types").Requireable<boolean>;
+}, never>> & Partial<import("prop-types").InferPropsInner<Pick<{
+    tooltipTitle: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+    tooltipPlacement: import("prop-types").Requireable<string>;
+    showForDisabled: import("prop-types").Requireable<boolean>;
+}, "tooltipTitle" | "tooltipPlacement" | "showForDisabled">>> & {
+    avatar?: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    children?: null;
+    clickable?: boolean;
+    color?: "default" | "primary" | "secondary";
+    deleteIcon?: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    disabled?: boolean;
+    icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    label?: React.ReactNode;
+    onDelete?: (event: any) => void;
+    size?: "medium" | "small";
+    variant?: "default" | "outlined";
+} & import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core/Chip").ChipTypeMap<{}, "div">> & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+}, "translate" | "hidden" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "key">>;
+declare type Props = {
+    className?: string;
+    description?: string;
+    showDescription?: boolean;
+};
+declare const DescriptionIcon: ({ className, description }: Props) => JSX.Element;
+export default DescriptionIcon;

package/esm/components/attributes/DescriptionIcon/DescriptionIcon.js

@@ -0,0 +1,22 @@
+import React, { useContext } from 'react';
+import classnames from 'classnames';
+import Chip from '@material-ui/core/Chip';
+import { FeaturesContext } from '../../../contexts';
+import { withTooltip } from '../../../HOCs';
+import Description from '../../../icons/Description';
+import { useStyles } from './styles';
+export var ChipWithTooltip = withTooltip(Chip);
+var DescriptionIcon = function (_a) {
+    var className = _a.className, description = _a.description;
+    var showDescription = useContext(FeaturesContext).showDescription;
+    var styles = useStyles();
+    if (!description || !showDescription) {
+        return null;
+    }
+    return (React.createElement(ChipWithTooltip, { tooltipTitle: description, tooltipPlacement: "bottom", icon: React.createElement(Description, null), classes: {
+            root: classnames(styles.container, className),
+            label: styles.label,
+            icon: styles.icon
+        } }));
+};
+export default DescriptionIcon;

package/esm/components/attributes/DescriptionIcon/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./DescriptionIcon";

package/esm/components/attributes/DescriptionIcon/index.js

@@ -0,0 +1 @@
+export { default } from './DescriptionIcon';

package/esm/components/attributes/DescriptionIcon/styles.d.ts

@@ -0,0 +1 @@
+export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"icon" | "label" | "container">;

package/esm/components/attributes/DescriptionIcon/styles.js

@@ -0,0 +1,21 @@
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles(function () { return ({
+    container: {
+        height: '15px',
+        backgroundColor: 'transparent',
+        '&:hover': {
+            backgroundColor: 'transparent'
+        }
+    },
+    label: {
+        paddingLeft: '4px',
+        paddingRight: '4px',
+        fontSize: '10px',
+        lineHeight: '11px'
+    },
+    icon: {
+        width: '12px',
+        height: '12px',
+        marginRight: 0
+    }
+}); });

package/esm/components/attributes/OvIcon/OvIcon.js

@@ -24,7 +24,7 @@ var OvIcon = function (_a) {
     var tooltipTitle = nonOvValues.length
         ? nonOvValues.map(function (value, i) { return (React.createElement("div", { key: i }, isComplexAttribute(attributeType) ? (getLabel(value.label)) : (React.createElement(DataTypeValue, { value: getAttributeValue(value), dataTypeDefinition: getAttrDataTypeDefinition(attributeType), rich: false })))); })
         : null;
-    return (React.createElement(ChipWithTooltip, { tooltipTitle: tooltipTitle, tooltipPlacement: "top", label: "+ ".concat(nonOvTotal), variant: "outlined", onClick: onClick, classes: {
+    return (React.createElement(ChipWithTooltip, { tooltipTitle: tooltipTitle, tooltipPlacement: "bottom", label: "+ ".concat(nonOvTotal), variant: "outlined", onClick: onClick, classes: {
             root: classnames(styles.container, className),
             label: styles.label
         } }));

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

@@ -15,13 +15,14 @@ import { withContext } from '../../../../HOCs';
 import { PinnedAttributesContext } from '../contexts/PinnedAttributesContext';
 import { useScrollToAttributeError } from '../../../../hooks';
 import { ScrollToErrorContext } from '../../../../contexts';
+import DescriptionIcon from '../../DescriptionIcon/DescriptionIcon';
 import { useStyles } from './styles';
 var AttributeRenderer = function (_a) {
     var max = _a.max, values = _a.values, attributeType = _a.attributeType, parentUri = _a.parentUri, mode = _a.mode, drawLines = _a.drawLines, showEmptyEditors = _a.showEmptyEditors, errorMessage = _a.errorMessage, errors = _a.errors, paging = _a.paging, crosswalks = _a.crosswalks, showNonOv = _a.showNonOv, nonVisibleValues = _a.nonVisibleValues, highlightedError = _a.highlightedError, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, onDeactivateError = _a.onDeactivateError, additionalControlsRenderer = _a.additionalControlsRenderer, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues;
     var styles = useStyles();
     var _b = useState(max), visibleValuesCount = _b[0], setVisibleValuesCount = _b[1];
     var _c = useState(false), hadDeletions = _c[0], setHadDeletions = _c[1];
-    var label = attributeType.label, isRequired = attributeType.required, cardinality = attributeType.cardinality, name = attributeType.name, attributeTypeUri = attributeType.uri;
+    var label = attributeType.label, isRequired = attributeType.required, cardinality = attributeType.cardinality, name = attributeType.name, attributeTypeUri = attributeType.uri, description = attributeType.description;
     var isEditableMode = checkIsEditableMode(mode);
     var _d = useScrollToAttributeError({ highlightedError: highlightedError }), ref = _d.ref, errorClassName = _d.errorClassName;
     var pinnedAttributes = useContext(PinnedAttributesContext);
@@ -82,6 +83,7 @@ var AttributeRenderer = function (_a) {
         React.createElement("div", { ref: ref, className: classNames(styles.wrapper, errorClassName) },
             React.createElement("div", { className: styles.titleWrapper },
                 React.createElement(Title, { label: label, isRequired: isRequired, className: styles.title, "data-reltio-id": "reltio-attribute-label" }),
+                React.createElement(DescriptionIcon, { description: description, className: styles.description }),
                 React.createElement(OvIcon, { nonOvValues: nonVisibleValues, attributeType: attributeType, className: styles.ovIcon, nonOvTotal: totalNonVisibleValues })),
             isEditableMode && React.createElement(Cardinality, { cardinality: cardinality }),
             isEditableMode && React.createElement(ErrorMessage, { message: errorMessage, className: styles.typeError }),

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

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"caption" | "title" | "link" | "wrapper" | "ovIcon" | "svg-icon__root" | "attributesWrapper" | "typeError" | "titleWrapper">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"caption" | "title" | "link" | "description" | "wrapper" | "ovIcon" | "svg-icon__root" | "attributesWrapper" | "typeError" | "titleWrapper">;

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

@@ -10,6 +10,9 @@ export var useStyles = makeStyles(function (theme) { return ({
         alignItems: 'flex-start',
         position: 'relative'
     },
+    description: {
+        marginRight: '-9px'
+    },
     attributesWrapper: {
         width: '100%',
         marginBottom: '10px'