@reltio/components 1.4.1671 → 1.4.1673

package/cjs/components/editors/TypeaheadEditor/TypeaheadEditor.d.ts

@@ -8,12 +8,12 @@ type CommonProps = Omit<TextFieldProps, 'onChange' | 'value'> & {
     isCrossedOut?: boolean;
 };
 type MultipleProps = CommonProps & {
-    value: string[];
+    value?: string[];
     onChange: (values: string[]) => void;
     multiple: true;
 };
 type SingleProps = CommonProps & {
-    value: string;
+    value?: string;
     onChange: (value: string) => void;
     multiple?: false;
 };

package/cjs/components/editors/TypeaheadEditor/TypeaheadEditor.js

@@ -201,7 +201,7 @@ var TypeaheadEditor = function (_a) {
             case ChangeMethod.Enter: {
                 if (multiple === true) {
                     if (newValue)
-                        onChange((0, ramda_1.uniq)(__spreadArray(__spreadArray([], value, true), [newValue], false)));
+                        onChange((0, ramda_1.uniq)(__spreadArray(__spreadArray([], (value || []), true), [newValue], false)));
                     setInputValue('');
                 }
                 else {
@@ -242,7 +242,7 @@ var TypeaheadEditor = function (_a) {
                 underline: (0, classnames_1.default)((_b = {}, _b[styles.underline] = (0, mdm_sdk_1.isEmptyValue)(value), _b)),
                 input: (0, classnames_1.default)(styles['rawInput'], (0, ramda_1.path)(['classes', 'input'], InputProps))
             };
-            return multiple === true ? (react_1.default.createElement(TextField_1.default, __assign({}, otherProps, { ref: inputRef, inputRef: ref, InputProps: __assign(__assign({}, InputProps), { startAdornment: value.map(function (item, index) { return (react_1.default.createElement(ValueChip_1.default, { key: item, label: item, onDelete: function () { return onChange((0, ramda_1.remove)(index, 1, value)); } })); }), inputComponent: react_input_autosize_1.default, classes: __assign(__assign({ root: (0, classnames_1.default)(styles.multipleTextFieldInput, (0, ramda_1.path)(['classes', 'root'], InputProps)) }, commonClasses), { input: (0, classnames_1.default)(styles.autosizeInput, commonClasses.input), adornedStart: styles.multipleTextFieldAdornedStart }) }), classes: { root: styles.multipleTextField } }))) : (react_1.default.createElement(TextField_1.default, __assign({}, otherProps, { ref: inputRef, inputRef: ref, InputProps: __assign(__assign({}, InputProps), { classes: __assign({ root: (0, classnames_1.default)(styles.inputRoot, (0, ramda_1.path)(['classes', 'root'], InputProps), (_c = {},
+            return multiple === true ? (react_1.default.createElement(TextField_1.default, __assign({}, otherProps, { ref: inputRef, inputRef: ref, InputProps: __assign(__assign({}, InputProps), { startAdornment: value === null || value === void 0 ? void 0 : value.map(function (item, index) { return (react_1.default.createElement(ValueChip_1.default, { key: item, label: item, onDelete: function () { return onChange((0, ramda_1.remove)(index, 1, value)); } })); }), inputComponent: react_input_autosize_1.default, classes: __assign(__assign({ root: (0, classnames_1.default)(styles.multipleTextFieldInput, (0, ramda_1.path)(['classes', 'root'], InputProps)) }, commonClasses), { input: (0, classnames_1.default)(styles.autosizeInput, commonClasses.input), adornedStart: styles.multipleTextFieldAdornedStart }) }), classes: { root: styles.multipleTextField } }))) : (react_1.default.createElement(TextField_1.default, __assign({}, otherProps, { ref: inputRef, inputRef: ref, InputProps: __assign(__assign({}, InputProps), { classes: __assign({ root: (0, classnames_1.default)(styles.inputRoot, (0, ramda_1.path)(['classes', 'root'], InputProps), (_c = {},
                             _c[styles.isCrossedOut] = isCrossedOut,
                             _c)) }, commonClasses) }) })));
         }, renderSuggestionsContainer: function (_a) {

package/cjs/hooks/helpers/sanitizerOptions.js

@@ -332,7 +332,11 @@ var defaultTags = [
     'foreignObject',
     'script',
     'style',
-    'view'
+    'view',
+    'select',
+    'option',
+    'textarea',
+    'label'
 ];
 exports.default = {
     attributes: {

package/cjs/hooks/useAPI/API.js

@@ -103,6 +103,29 @@ var processRequest = function (_a) {
             environment: environment
         });
     };
+    var processInstance = function () {
+        if (!params.processDefinitionId) {
+            return new Promise(function (resolve) { return resolve({ errorMessage: 'processDefinitionId is empty' }); });
+        }
+        if (!params.changeRequestURI) {
+            return new Promise(function (resolve) { return resolve({ errorMessage: 'changeRequestURI is empty' }); });
+        }
+        if (!workflowPath) {
+            return new Promise(function (resolve) { return resolve({ errorMessage: 'Workflow path is not defined' }); });
+        }
+        var errors = validateParams('/processInstances', permissions);
+        if (errors) {
+            return new Promise(function (resolve) { return resolve(errors); });
+        }
+        return (0, mdm_sdk_1.startProcessInstance)({
+            workflowPath: workflowPath,
+            processType: params.processDefinitionId,
+            tenant: tenant,
+            environment: environment,
+            objectURIs: [entityUri, params.changeRequestURI],
+            comment: params.comment
+        });
+    };
     var workflowRequest = function () { return __awaiter(void 0, void 0, void 0, function () {
         var errors, isExternalUrl, headers;
         return __generator(this, function (_a) {
@@ -182,6 +205,11 @@ var processRequest = function (_a) {
             handleRequest(request);
             break;
         }
+        case mdm_sdk_1.RequestAction.WORKFLOW_START_PROCESS_INSTANCE: {
+            var request = processInstance();
+            handleRequest(request);
+            break;
+        }
         case mdm_sdk_1.RequestAction.GET_CONFIGURATION: {
             worker.postMessage(__assign({ action: 'response', result: metadata }, params));
             break;

package/cjs/hooks/useAPI/helpers.js

@@ -82,7 +82,7 @@ var processInnerHtml = function (parent, worker, setTooltip) {
                     worker.postMessage({
                         action: 'event',
                         type: 'uiAction',
-                        data: { type: uiAction, id: id, event: __assign(__assign({}, event), { files: files }) }
+                        data: { type: uiAction, id: id, event: __assign(__assign({}, event), { files: files, target: { value: target.value } }) }
                     });
                 };
                 if ((_a = target.files) === null || _a === void 0 ? void 0 : _a.length) {

package/esm/components/editors/TypeaheadEditor/TypeaheadEditor.d.ts

@@ -8,12 +8,12 @@ type CommonProps = Omit<TextFieldProps, 'onChange' | 'value'> & {
     isCrossedOut?: boolean;
 };
 type MultipleProps = CommonProps & {
-    value: string[];
+    value?: string[];
     onChange: (values: string[]) => void;
     multiple: true;
 };
 type SingleProps = CommonProps & {
-    value: string;
+    value?: string;
     onChange: (value: string) => void;
     multiple?: false;
 };

package/esm/components/editors/TypeaheadEditor/TypeaheadEditor.js

@@ -173,7 +173,7 @@ var TypeaheadEditor = function (_a) {
             case ChangeMethod.Enter: {
                 if (multiple === true) {
                     if (newValue)
-                        onChange(uniq(__spreadArray(__spreadArray([], value, true), [newValue], false)));
+                        onChange(uniq(__spreadArray(__spreadArray([], (value || []), true), [newValue], false)));
                     setInputValue('');
                 }
                 else {
@@ -214,7 +214,7 @@ var TypeaheadEditor = function (_a) {
                 underline: classnames((_b = {}, _b[styles.underline] = isEmptyValue(value), _b)),
                 input: classnames(styles['rawInput'], path(['classes', 'input'], InputProps))
             };
-            return multiple === true ? (React.createElement(TextField, __assign({}, otherProps, { ref: inputRef, inputRef: ref, InputProps: __assign(__assign({}, InputProps), { startAdornment: value.map(function (item, index) { return (React.createElement(ValueChip, { key: item, label: item, onDelete: function () { return onChange(remove(index, 1, value)); } })); }), inputComponent: AutosizeInput, classes: __assign(__assign({ root: classnames(styles.multipleTextFieldInput, path(['classes', 'root'], InputProps)) }, commonClasses), { input: classnames(styles.autosizeInput, commonClasses.input), adornedStart: styles.multipleTextFieldAdornedStart }) }), classes: { root: styles.multipleTextField } }))) : (React.createElement(TextField, __assign({}, otherProps, { ref: inputRef, inputRef: ref, InputProps: __assign(__assign({}, InputProps), { classes: __assign({ root: classnames(styles.inputRoot, path(['classes', 'root'], InputProps), (_c = {},
+            return multiple === true ? (React.createElement(TextField, __assign({}, otherProps, { ref: inputRef, inputRef: ref, InputProps: __assign(__assign({}, InputProps), { startAdornment: value === null || value === void 0 ? void 0 : value.map(function (item, index) { return (React.createElement(ValueChip, { key: item, label: item, onDelete: function () { return onChange(remove(index, 1, value)); } })); }), inputComponent: AutosizeInput, classes: __assign(__assign({ root: classnames(styles.multipleTextFieldInput, path(['classes', 'root'], InputProps)) }, commonClasses), { input: classnames(styles.autosizeInput, commonClasses.input), adornedStart: styles.multipleTextFieldAdornedStart }) }), classes: { root: styles.multipleTextField } }))) : (React.createElement(TextField, __assign({}, otherProps, { ref: inputRef, inputRef: ref, InputProps: __assign(__assign({}, InputProps), { classes: __assign({ root: classnames(styles.inputRoot, path(['classes', 'root'], InputProps), (_c = {},
                             _c[styles.isCrossedOut] = isCrossedOut,
                             _c)) }, commonClasses) }) })));
         }, renderSuggestionsContainer: function (_a) {

package/esm/hooks/helpers/sanitizerOptions.js

@@ -330,7 +330,11 @@ var defaultTags = [
     'foreignObject',
     'script',
     'style',
-    'view'
+    'view',
+    'select',
+    'option',
+    'textarea',
+    'label'
 ];
 export default {
     attributes: {

package/esm/hooks/useAPI/API.js

@@ -45,7 +45,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-import { getAccessToken, RequestAction, sendRequestFromCustomSandbox, sendWorkflowRequest, startProcessFromQuery } from '@reltio/mdm-sdk';
+import { getAccessToken, RequestAction, sendRequestFromCustomSandbox, sendWorkflowRequest, startProcessFromQuery, startProcessInstance } from '@reltio/mdm-sdk';
 var validateParams = function (validationUrl, permissions) {
     if (!validationUrl)
         return { errorMessage: 'URL is empty' };
@@ -100,6 +100,29 @@ export var processRequest = function (_a) {
             environment: environment
         });
     };
+    var processInstance = function () {
+        if (!params.processDefinitionId) {
+            return new Promise(function (resolve) { return resolve({ errorMessage: 'processDefinitionId is empty' }); });
+        }
+        if (!params.changeRequestURI) {
+            return new Promise(function (resolve) { return resolve({ errorMessage: 'changeRequestURI is empty' }); });
+        }
+        if (!workflowPath) {
+            return new Promise(function (resolve) { return resolve({ errorMessage: 'Workflow path is not defined' }); });
+        }
+        var errors = validateParams('/processInstances', permissions);
+        if (errors) {
+            return new Promise(function (resolve) { return resolve(errors); });
+        }
+        return startProcessInstance({
+            workflowPath: workflowPath,
+            processType: params.processDefinitionId,
+            tenant: tenant,
+            environment: environment,
+            objectURIs: [entityUri, params.changeRequestURI],
+            comment: params.comment
+        });
+    };
     var workflowRequest = function () { return __awaiter(void 0, void 0, void 0, function () {
         var errors, isExternalUrl, headers;
         return __generator(this, function (_a) {
@@ -179,6 +202,11 @@ export var processRequest = function (_a) {
             handleRequest(request);
             break;
         }
+        case RequestAction.WORKFLOW_START_PROCESS_INSTANCE: {
+            var request = processInstance();
+            handleRequest(request);
+            break;
+        }
         case RequestAction.GET_CONFIGURATION: {
             worker.postMessage(__assign({ action: 'response', result: metadata }, params));
             break;

package/esm/hooks/useAPI/helpers.js

@@ -72,7 +72,7 @@ var processInnerHtml = function (parent, worker, setTooltip) {
                     worker.postMessage({
                         action: 'event',
                         type: 'uiAction',
-                        data: { type: uiAction, id: id, event: __assign(__assign({}, event), { files: files }) }
+                        data: { type: uiAction, id: id, event: __assign(__assign({}, event), { files: files, target: { value: target.value } }) }
                     });
                 };
                 if ((_a = target.files) === null || _a === void 0 ? void 0 : _a.length) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1671",
+  "version": "1.4.1673",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
@@ -8,7 +8,7 @@
     "@date-io/moment": "^1.3.5",
     "@fluentui/react-context-selector": "^9.1.26",
     "@react-google-maps/api": "2.7.0",
-    "@reltio/mdm-sdk": "^1.4.1671",
+    "@reltio/mdm-sdk": "^1.4.1673",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",