@reltio/components 1.4.1873 → 1.4.1874

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

@@ -14,6 +14,7 @@ type ModeSwitcherSelectProps = {
     value: string;
     onChange?: (value: string) => void;
     disabled?: boolean;
+    variant?: 'normal' | 'thin';
 };
-export declare const ModeSwitcherSelect: ({ optionsGroup, buttonsGroup, value, onChange, disabled }: ModeSwitcherSelectProps) => JSX.Element;
+export declare const ModeSwitcherSelect: ({ optionsGroup, buttonsGroup, value, onChange, disabled, variant }: ModeSwitcherSelectProps) => JSX.Element;
 export {};

package/cjs/components/ModeSwitcherSelect/ModeSwitcherSelect.js

@@ -35,7 +35,7 @@ var Tooltip_1 = __importDefault(require("@mui/material/Tooltip"));
 var styles_1 = require("./styles");
 var isButton = function (value) { return 'onClick' in value; };
 var ModeSwitcherSelect = function (_a) {
-    var _b = _a.optionsGroup, optionsGroup = _b === void 0 ? [] : _b, _c = _a.buttonsGroup, buttonsGroup = _c === void 0 ? [] : _c, value = _a.value, onChange = _a.onChange, _d = _a.disabled, disabled = _d === void 0 ? false : _d;
+    var _b = _a.optionsGroup, optionsGroup = _b === void 0 ? [] : _b, _c = _a.buttonsGroup, buttonsGroup = _c === void 0 ? [] : _c, value = _a.value, onChange = _a.onChange, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.variant, variant = _e === void 0 ? 'normal' : _e;
     var styles = (0, styles_1.useStyles)();
     var handleChange = function (e) {
         var value = e.target.value;
@@ -67,8 +67,8 @@ var ModeSwitcherSelect = function (_a) {
         });
     };
     return (react_1.default.createElement(Select_1.default, { classes: {
-            select: styles.root,
-            icon: styles.arrowIcon,
+            select: (0, classnames_1.default)(styles.root, styles[variant]),
+            icon: (0, classnames_1.default)(styles.arrowIcon, styles[variant]),
             outlined: styles.outlined
         }, value: value, onChange: handleChange, variant: "outlined", renderValue: function (value) {
             var _a = optionsGroup.find((0, ramda_1.propEq)('value', value)) || {}, IconComponent = _a.icon, _b = _a.label, label = _b === void 0 ? value : _b;

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

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

package/cjs/components/ModeSwitcherSelect/styles.js

@@ -7,12 +7,20 @@ var SELECT_PADDING_RIGHT = 32;
 var SELECT_PADDING_LEFT = 12;
 var CALCULATED_MAX_WIDTH_SELECT = MAX_WIDTH_SELECT - SELECT_PADDING_LEFT - SELECT_PADDING_RIGHT;
 exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
+    normal: {},
+    thin: {},
     root: {
         maxWidth: CALCULATED_MAX_WIDTH_SELECT,
-        paddingTop: '9px',
-        paddingBottom: '9px',
         '&$outlined': {
             minHeight: '1.1876em'
+        },
+        '&$normal': {
+            paddingTop: '9px',
+            paddingBottom: '9px'
+        },
+        '&$thin': {
+            paddingTop: '6px',
+            paddingBottom: '6px'
         }
     },
     outlined: {
@@ -23,7 +31,10 @@ exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
         fontSize: '18px',
         top: 'calc(50% - 9px)',
         right: '12px',
-        color: theme.palette.text.secondary
+        color: theme.palette.text.secondary,
+        '&$thin': {
+            right: '8px'
+        }
     },
     currentValue: {
         display: 'flex',

package/cjs/components/workflow/components/ReassignButton/ReassignButton.d.ts

@@ -4,6 +4,7 @@ type Props = {
     disabled?: boolean;
     task?: WorkflowTaskData;
     onChangeTask?: (task: WorkflowTaskData) => void;
+    className?: string;
 };
-declare const ReassignButton: ({ disabled, changeRequestURI, task, onChangeTask }: Props) => JSX.Element;
+declare const ReassignButton: ({ disabled, changeRequestURI, task, onChangeTask, className }: Props) => JSX.Element;
 export default ReassignButton;

package/cjs/components/workflow/components/ReassignButton/ReassignButton.js

@@ -32,7 +32,7 @@ var SmallIconButton_1 = require("../../../../SmallIconButton");
 var Reassign_1 = __importDefault(require("../../../../icons/Reassign"));
 var ReassignDialog_1 = __importDefault(require("./ReassignDialog"));
 var ReassignButton = function (_a) {
-    var disabled = _a.disabled, changeRequestURI = _a.changeRequestURI, task = _a.task, onChangeTask = _a.onChangeTask;
+    var disabled = _a.disabled, changeRequestURI = _a.changeRequestURI, task = _a.task, onChangeTask = _a.onChangeTask, className = _a.className;
     var _b = (0, react_1.useState)(false), isDialogOpen = _b[0], setIsDialogOpen = _b[1];
     var handleOpenDialog = function () {
         setIsDialogOpen(true);
@@ -41,7 +41,7 @@ var ReassignButton = function (_a) {
         setIsDialogOpen(false);
     };
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(SmallIconButton_1.SmallIconButtonWithTooltip, { "data-reltio-id": "reltio-reassign-button", showForDisabled: true, tooltipTitle: ui_i18n_1.default.text('Reassign task'), "aria-label": ui_i18n_1.default.text('Reassign task'), icon: Reassign_1.default, onClick: handleOpenDialog, size: "L", disabled: disabled || !changeRequestURI }),
+        react_1.default.createElement(SmallIconButton_1.SmallIconButtonWithTooltip, { className: className, "data-reltio-id": "reltio-reassign-button", showForDisabled: true, tooltipTitle: ui_i18n_1.default.text('Reassign task'), "aria-label": ui_i18n_1.default.text('Reassign task'), icon: Reassign_1.default, onClick: handleOpenDialog, size: "L", disabled: disabled || !changeRequestURI }),
         react_1.default.createElement(ReassignDialog_1.default, { isOpen: isDialogOpen, onClose: handleCloseDialog, task: task, onChangeTask: onChangeTask })));
 };
 exports.default = ReassignButton;

package/cjs/constants/index.d.ts

@@ -4,3 +4,4 @@ export { ALWAYS_VISIBLE_TYPE_URIS } from './attributes';
 export { MAP_DRAWING_MODES, DEFAULT_GOOGLE_MAP_OPTIONS, DEFAULT_OVERLAY_OPTIONS, MAP_MINIMUM_SCALE_RADIUS } from './map';
 export { COMMON_TEXT_FIELD_PROPS } from './textField';
 export { POPUP_Z_INDEX } from './common';
+export { editingModeOption, suggestingModeOption, viewingModeOption } from './modeOptions';

package/cjs/constants/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.POPUP_Z_INDEX = exports.COMMON_TEXT_FIELD_PROPS = exports.MAP_MINIMUM_SCALE_RADIUS = exports.DEFAULT_OVERLAY_OPTIONS = exports.DEFAULT_GOOGLE_MAP_OPTIONS = exports.MAP_DRAWING_MODES = exports.ALWAYS_VISIBLE_TYPE_URIS = exports.COMMENTS_CONTAINER_VISIBILITY_AREA = exports.QueryBuilderAttributeType = exports.SortingType = void 0;
+exports.viewingModeOption = exports.suggestingModeOption = exports.editingModeOption = exports.POPUP_Z_INDEX = exports.COMMON_TEXT_FIELD_PROPS = exports.MAP_MINIMUM_SCALE_RADIUS = exports.DEFAULT_OVERLAY_OPTIONS = exports.DEFAULT_GOOGLE_MAP_OPTIONS = exports.MAP_DRAWING_MODES = exports.ALWAYS_VISIBLE_TYPE_URIS = exports.COMMENTS_CONTAINER_VISIBILITY_AREA = exports.QueryBuilderAttributeType = exports.SortingType = void 0;
 var prop_types_1 = require("./prop-types");
 Object.defineProperty(exports, "SortingType", { enumerable: true, get: function () { return prop_types_1.SortingType; } });
 Object.defineProperty(exports, "QueryBuilderAttributeType", { enumerable: true, get: function () { return prop_types_1.QueryBuilderAttributeType; } });
@@ -17,3 +17,7 @@ var textField_1 = require("./textField");
 Object.defineProperty(exports, "COMMON_TEXT_FIELD_PROPS", { enumerable: true, get: function () { return textField_1.COMMON_TEXT_FIELD_PROPS; } });
 var common_1 = require("./common");
 Object.defineProperty(exports, "POPUP_Z_INDEX", { enumerable: true, get: function () { return common_1.POPUP_Z_INDEX; } });
+var modeOptions_1 = require("./modeOptions");
+Object.defineProperty(exports, "editingModeOption", { enumerable: true, get: function () { return modeOptions_1.editingModeOption; } });
+Object.defineProperty(exports, "suggestingModeOption", { enumerable: true, get: function () { return modeOptions_1.suggestingModeOption; } });
+Object.defineProperty(exports, "viewingModeOption", { enumerable: true, get: function () { return modeOptions_1.viewingModeOption; } });

package/cjs/constants/modeOptions.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { Mode } from '@reltio/mdm-sdk';
+export declare const editingModeOption: {
+    label: string;
+    value: Mode;
+    description: string;
+    icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+        muiName: string;
+    };
+};
+export declare const suggestingModeOption: {
+    label: string;
+    value: Mode;
+    description: string;
+    icon: import("react").FC<import("react").SVGProps<SVGSVGElement>>;
+};
+export declare const viewingModeOption: {
+    label: string;
+    value: Mode;
+    description: string;
+    icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+        muiName: string;
+    };
+};

package/cjs/constants/modeOptions.js

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.viewingModeOption = exports.suggestingModeOption = exports.editingModeOption = void 0;
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var Create_1 = __importDefault(require("@mui/icons-material/Create"));
+var Visibility_1 = __importDefault(require("@mui/icons-material/Visibility"));
+var Suggest_1 = __importDefault(require("../icons/Suggest"));
+exports.editingModeOption = {
+    label: ui_i18n_1.default.text('Editing'),
+    value: mdm_sdk_1.Mode.Editing,
+    description: ui_i18n_1.default.text('Edit profile directly'),
+    icon: Create_1.default
+};
+exports.suggestingModeOption = {
+    label: ui_i18n_1.default.text('Suggesting'),
+    value: mdm_sdk_1.Mode.Suggesting,
+    description: ui_i18n_1.default.text('Suggest changes and initiate a workflow review'),
+    icon: Suggest_1.default
+};
+exports.viewingModeOption = {
+    label: ui_i18n_1.default.text('Viewing'),
+    value: mdm_sdk_1.Mode.Viewing,
+    description: ui_i18n_1.default.text('Read or print profile'),
+    icon: Visibility_1.default
+};

package/cjs/icons/Suggest.d.ts

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

package/cjs/icons/Suggest.js

@@ -0,0 +1,27 @@
+"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 SvgSuggest = function (props) {
+    return (react_1.default.createElement("svg", __assign({ width: 19, height: 17, viewBox: "0 0 19 17", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" }, props),
+        react_1.default.createElement("defs", null,
+            react_1.default.createElement("path", { d: "M14 17v2H4v-2h10zm6-4v2H4v-2l12.884.001H17l.116-.002L20 13zm-8.457-2H4V9h5.82a8.465 8.465 0 001.723 2zM9.139 6.178l-.289.733.035.088L4 7V5l5.713-.002c-.22.375-.412.768-.574 1.18zM17 2.82a6.451 6.451 0 00-6 4.09 6.451 6.451 0 006 4.092 6.451 6.451 0 006-4.091 6.451 6.451 0 00-6-4.091zm0 6.815a2.728 2.728 0 010-5.455 2.728 2.728 0 010 5.455zm0-4.365c-.905 0-1.636.73-1.636 1.636 0 .906.73 1.637 1.636 1.637.905 0 1.636-.731 1.636-1.637 0-.905-.73-1.636-1.636-1.636z", id: "Suggest_svg__a" })),
+        react_1.default.createElement("g", { transform: "translate(-4 -2.5)", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
+            react_1.default.createElement("mask", { id: "Suggest_svg__b", fill: "#fff" },
+                react_1.default.createElement("use", { xlinkHref: "#Suggest_svg__a" })),
+            react_1.default.createElement("path", { fillOpacity: 0.54, fill: "#000", mask: "url(#Suggest_svg__b)", d: "M0 0h24v24H0z" }))));
+};
+exports.default = SvgSuggest;

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

@@ -14,6 +14,7 @@ type ModeSwitcherSelectProps = {
     value: string;
     onChange?: (value: string) => void;
     disabled?: boolean;
+    variant?: 'normal' | 'thin';
 };
-export declare const ModeSwitcherSelect: ({ optionsGroup, buttonsGroup, value, onChange, disabled }: ModeSwitcherSelectProps) => JSX.Element;
+export declare const ModeSwitcherSelect: ({ optionsGroup, buttonsGroup, value, onChange, disabled, variant }: ModeSwitcherSelectProps) => JSX.Element;
 export {};

package/esm/components/ModeSwitcherSelect/ModeSwitcherSelect.js

@@ -29,7 +29,7 @@ import Tooltip from '@mui/material/Tooltip';
 import { useStyles } from './styles';
 var isButton = function (value) { return 'onClick' in value; };
 export var ModeSwitcherSelect = function (_a) {
-    var _b = _a.optionsGroup, optionsGroup = _b === void 0 ? [] : _b, _c = _a.buttonsGroup, buttonsGroup = _c === void 0 ? [] : _c, value = _a.value, onChange = _a.onChange, _d = _a.disabled, disabled = _d === void 0 ? false : _d;
+    var _b = _a.optionsGroup, optionsGroup = _b === void 0 ? [] : _b, _c = _a.buttonsGroup, buttonsGroup = _c === void 0 ? [] : _c, value = _a.value, onChange = _a.onChange, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.variant, variant = _e === void 0 ? 'normal' : _e;
     var styles = useStyles();
     var handleChange = function (e) {
         var value = e.target.value;
@@ -61,8 +61,8 @@ export var ModeSwitcherSelect = function (_a) {
         });
     };
     return (React.createElement(Select, { classes: {
-            select: styles.root,
-            icon: styles.arrowIcon,
+            select: classnames(styles.root, styles[variant]),
+            icon: classnames(styles.arrowIcon, styles[variant]),
             outlined: styles.outlined
         }, value: value, onChange: handleChange, variant: "outlined", renderValue: function (value) {
             var _a = optionsGroup.find(propEq('value', value)) || {}, IconComponent = _a.icon, _b = _a.label, label = _b === void 0 ? value : _b;

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

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

package/esm/components/ModeSwitcherSelect/styles.js

@@ -4,12 +4,20 @@ var SELECT_PADDING_RIGHT = 32;
 var SELECT_PADDING_LEFT = 12;
 var CALCULATED_MAX_WIDTH_SELECT = MAX_WIDTH_SELECT - SELECT_PADDING_LEFT - SELECT_PADDING_RIGHT;
 export var useStyles = makeStyles(function (theme) { return ({
+    normal: {},
+    thin: {},
     root: {
         maxWidth: CALCULATED_MAX_WIDTH_SELECT,
-        paddingTop: '9px',
-        paddingBottom: '9px',
         '&$outlined': {
             minHeight: '1.1876em'
+        },
+        '&$normal': {
+            paddingTop: '9px',
+            paddingBottom: '9px'
+        },
+        '&$thin': {
+            paddingTop: '6px',
+            paddingBottom: '6px'
         }
     },
     outlined: {
@@ -20,7 +28,10 @@ export var useStyles = makeStyles(function (theme) { return ({
         fontSize: '18px',
         top: 'calc(50% - 9px)',
         right: '12px',
-        color: theme.palette.text.secondary
+        color: theme.palette.text.secondary,
+        '&$thin': {
+            right: '8px'
+        }
     },
     currentValue: {
         display: 'flex',

package/esm/components/workflow/components/ReassignButton/ReassignButton.d.ts

@@ -4,6 +4,7 @@ type Props = {
     disabled?: boolean;
     task?: WorkflowTaskData;
     onChangeTask?: (task: WorkflowTaskData) => void;
+    className?: string;
 };
-declare const ReassignButton: ({ disabled, changeRequestURI, task, onChangeTask }: Props) => JSX.Element;
+declare const ReassignButton: ({ disabled, changeRequestURI, task, onChangeTask, className }: Props) => JSX.Element;
 export default ReassignButton;

package/esm/components/workflow/components/ReassignButton/ReassignButton.js

@@ -4,7 +4,7 @@ import { SmallIconButtonWithTooltip } from '../../../../SmallIconButton';
 import ReassignIcon from '../../../../icons/Reassign';
 import ReassignDialog from './ReassignDialog';
 var ReassignButton = function (_a) {
-    var disabled = _a.disabled, changeRequestURI = _a.changeRequestURI, task = _a.task, onChangeTask = _a.onChangeTask;
+    var disabled = _a.disabled, changeRequestURI = _a.changeRequestURI, task = _a.task, onChangeTask = _a.onChangeTask, className = _a.className;
     var _b = useState(false), isDialogOpen = _b[0], setIsDialogOpen = _b[1];
     var handleOpenDialog = function () {
         setIsDialogOpen(true);
@@ -13,7 +13,7 @@ var ReassignButton = function (_a) {
         setIsDialogOpen(false);
     };
     return (React.createElement(React.Fragment, null,
-        React.createElement(SmallIconButtonWithTooltip, { "data-reltio-id": "reltio-reassign-button", showForDisabled: true, tooltipTitle: i18n.text('Reassign task'), "aria-label": i18n.text('Reassign task'), icon: ReassignIcon, onClick: handleOpenDialog, size: "L", disabled: disabled || !changeRequestURI }),
+        React.createElement(SmallIconButtonWithTooltip, { className: className, "data-reltio-id": "reltio-reassign-button", showForDisabled: true, tooltipTitle: i18n.text('Reassign task'), "aria-label": i18n.text('Reassign task'), icon: ReassignIcon, onClick: handleOpenDialog, size: "L", disabled: disabled || !changeRequestURI }),
         React.createElement(ReassignDialog, { isOpen: isDialogOpen, onClose: handleCloseDialog, task: task, onChangeTask: onChangeTask })));
 };
 export default ReassignButton;

package/esm/constants/index.d.ts

@@ -4,3 +4,4 @@ export { ALWAYS_VISIBLE_TYPE_URIS } from './attributes';
 export { MAP_DRAWING_MODES, DEFAULT_GOOGLE_MAP_OPTIONS, DEFAULT_OVERLAY_OPTIONS, MAP_MINIMUM_SCALE_RADIUS } from './map';
 export { COMMON_TEXT_FIELD_PROPS } from './textField';
 export { POPUP_Z_INDEX } from './common';
+export { editingModeOption, suggestingModeOption, viewingModeOption } from './modeOptions';

package/esm/constants/index.js

@@ -4,3 +4,4 @@ export { ALWAYS_VISIBLE_TYPE_URIS } from './attributes';
 export { MAP_DRAWING_MODES, DEFAULT_GOOGLE_MAP_OPTIONS, DEFAULT_OVERLAY_OPTIONS, MAP_MINIMUM_SCALE_RADIUS } from './map';
 export { COMMON_TEXT_FIELD_PROPS } from './textField';
 export { POPUP_Z_INDEX } from './common';
+export { editingModeOption, suggestingModeOption, viewingModeOption } from './modeOptions';

package/esm/constants/modeOptions.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { Mode } from '@reltio/mdm-sdk';
+export declare const editingModeOption: {
+    label: string;
+    value: Mode;
+    description: string;
+    icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+        muiName: string;
+    };
+};
+export declare const suggestingModeOption: {
+    label: string;
+    value: Mode;
+    description: string;
+    icon: import("react").FC<import("react").SVGProps<SVGSVGElement>>;
+};
+export declare const viewingModeOption: {
+    label: string;
+    value: Mode;
+    description: string;
+    icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+        muiName: string;
+    };
+};

package/esm/constants/modeOptions.js

@@ -0,0 +1,23 @@
+import i18n from 'ui-i18n';
+import { Mode } from '@reltio/mdm-sdk';
+import CreateIcon from '@mui/icons-material/Create';
+import VisibilityIcon from '@mui/icons-material/Visibility';
+import Suggest from '../icons/Suggest';
+export var editingModeOption = {
+    label: i18n.text('Editing'),
+    value: Mode.Editing,
+    description: i18n.text('Edit profile directly'),
+    icon: CreateIcon
+};
+export var suggestingModeOption = {
+    label: i18n.text('Suggesting'),
+    value: Mode.Suggesting,
+    description: i18n.text('Suggest changes and initiate a workflow review'),
+    icon: Suggest
+};
+export var viewingModeOption = {
+    label: i18n.text('Viewing'),
+    value: Mode.Viewing,
+    description: i18n.text('Read or print profile'),
+    icon: VisibilityIcon
+};

package/esm/icons/Suggest.d.ts

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

package/esm/icons/Suggest.js

@@ -0,0 +1,22 @@
+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);
+};
+import React from 'react';
+var SvgSuggest = function (props) {
+    return (React.createElement("svg", __assign({ width: 19, height: 17, viewBox: "0 0 19 17", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" }, props),
+        React.createElement("defs", null,
+            React.createElement("path", { d: "M14 17v2H4v-2h10zm6-4v2H4v-2l12.884.001H17l.116-.002L20 13zm-8.457-2H4V9h5.82a8.465 8.465 0 001.723 2zM9.139 6.178l-.289.733.035.088L4 7V5l5.713-.002c-.22.375-.412.768-.574 1.18zM17 2.82a6.451 6.451 0 00-6 4.09 6.451 6.451 0 006 4.092 6.451 6.451 0 006-4.091 6.451 6.451 0 00-6-4.091zm0 6.815a2.728 2.728 0 010-5.455 2.728 2.728 0 010 5.455zm0-4.365c-.905 0-1.636.73-1.636 1.636 0 .906.73 1.637 1.636 1.637.905 0 1.636-.731 1.636-1.637 0-.905-.73-1.636-1.636-1.636z", id: "Suggest_svg__a" })),
+        React.createElement("g", { transform: "translate(-4 -2.5)", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
+            React.createElement("mask", { id: "Suggest_svg__b", fill: "#fff" },
+                React.createElement("use", { xlinkHref: "#Suggest_svg__a" })),
+            React.createElement("path", { fillOpacity: 0.54, fill: "#000", mask: "url(#Suggest_svg__b)", d: "M0 0h24v24H0z" }))));
+};
+export default SvgSuggest;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1873",
+  "version": "1.4.1874",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",