orc-shared 5.9.0-dev.9 → 5.9.1-dev.0

package/dist/components/MaterialUI/Inputs/Switch.js

@@ -116,6 +116,16 @@ var useStyles = exports.useStyles = (0, _styles.makeStyles)(function (theme) {
       "& + $track": {
         backgroundColor: "".concat(theme.palette.grey.borders, " !important")
       }
+    },
+    container: {
+      display: "flex",
+      flexDirection: "column"
+    },
+    errorText: {
+      marginTop: theme.spacing(0.5),
+      color: theme.palette.error.main,
+      fontSize: theme.typography.fieldLabelSize,
+      float: "left"
     }
   };
 });
@@ -130,6 +140,7 @@ var Switch = function Switch(_ref) {
   var value = (switchProps == null ? void 0 : switchProps.get(_SwitchProps.default.propNames.value)) || false;
   var onCaption = switchProps == null ? void 0 : switchProps.get(_SwitchProps.default.propNames.onCaption);
   var offCaption = switchProps == null ? void 0 : switchProps.get(_SwitchProps.default.propNames.offCaption);
+  var error = switchProps == null ? void 0 : switchProps.get(_SwitchProps.default.propNames.error);
   var disabled = (switchProps == null ? void 0 : switchProps.get(_SwitchProps.default.propNames.disabled)) || false;
   var readOnly = switchProps == null ? void 0 : switchProps.get(_SwitchProps.default.propNames.readOnly);
   var className = (switchProps == null ? void 0 : switchProps.get(_SwitchProps.default.propNames.className)) || "";
@@ -149,7 +160,7 @@ var Switch = function Switch(_ref) {
     checked: classes.checked,
     disabled: classes.disabled
   }, className);
-  return /*#__PURE__*/_react.default.createElement(_Switch.default, {
+  var switchComponent = /*#__PURE__*/_react.default.createElement(_Switch.default, {
     disabled: disabled,
     classes: switchClasses,
     checked: value,
@@ -158,6 +169,11 @@ var Switch = function Switch(_ref) {
     },
     color: "primary"
   });
+  return error && /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.container
+  }, switchComponent, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(classes.errorText)
+  }, error)) || switchComponent;
 };
 __signature__(Switch, "useIntl{{ formatMessage }}\nuseStyles{classes}", function () {
   return [_reactIntl.useIntl, useStyles];

package/dist/components/MaterialUI/Inputs/SwitchProps.js

@@ -35,6 +35,7 @@ var SwitchProps = /*#__PURE__*/function (_ComponentProps) {
     _this.componentProps.set(_this.constructor.propNames.readOnly, null);
     _this.componentProps.set(_this.constructor.propNames.className, null);
     _this.componentProps.set(_this.constructor.propNames.id, null);
+    _this.componentProps.set(_this.constructor.propNames.error, null);
     _this.componentProps.set(_this.constructor.propNames.metadata, null);
     _this._isSwitchProps = true;
     return _this;
@@ -57,6 +58,7 @@ _defineProperty(SwitchProps, "propNames", {
   readOnly: "readOnly",
   className: "className",
   id: "id",
+  error: "error",
   metadata: "metadata"
 });
 var isSwitchProps = exports.isSwitchProps = function isSwitchProps(value) {

package/dist/components/MaterialUI/MenuButtons.js

@@ -0,0 +1,182 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _styles = require("@material-ui/core/styles");
+var _Menu = _interopRequireDefault(require("@material-ui/core/Menu"));
+var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
+var _Divider = _interopRequireDefault(require("./DataDisplay/Divider"));
+var _dividerProps = _interopRequireDefault(require("./DataDisplay/dividerProps"));
+var _Icon = _interopRequireDefault(require("./DataDisplay/Icon"));
+var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+var useMenuStyles = (0, _styles.makeStyles)(function (theme) {
+  return {
+    menuItem: {
+      fontFamily: theme.typography.fontFamily,
+      textTransform: "none",
+      color: theme.palette.text.primary,
+      borderRadius: 0,
+      "&:hover": {
+        borderRadius: 0,
+        boxShadow: "none",
+        backgroundColor: theme.palette.primary.light
+      },
+      "&:focus, &:active, &.Mui-focusVisible": {
+        borderRadius: 0,
+        boxShadow: "none",
+        outline: "none"
+      }
+    },
+    menu: {
+      border: "".concat(theme.spacing(0.1), " solid ").concat(theme.palette.primary.main)
+    },
+    arrowIcon: {
+      width: theme.spacing(1),
+      height: theme.spacing(1)
+    }
+  };
+});
+var StyledMenu = function StyledMenu(props) {
+  var classes = useMenuStyles();
+  return /*#__PURE__*/_react.default.createElement(_Menu.default, _extends({
+    elevation: 0,
+    getContentAnchorEl: null,
+    anchorOrigin: {
+      vertical: "bottom",
+      horizontal: "left"
+    },
+    transformOrigin: {
+      vertical: "top",
+      horizontal: "left"
+    },
+    classes: {
+      paper: classes.menu
+    }
+  }, props));
+};
+__signature__(StyledMenu, "useMenuStyles{classes}", function () {
+  return [useMenuStyles];
+});
+__signature__(StyledMenu, "useMenuStyles{classes}", function () {
+  return [useMenuStyles];
+});
+var MenuButton = function MenuButton(_ref) {
+  var _options$every;
+  var options = _ref.options,
+    label = _ref.label;
+  var _React$useState = _react.default.useState(null),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    anchorEl = _React$useState2[0],
+    setAnchorEl = _React$useState2[1];
+  var classes = useMenuStyles();
+  var handleClick = function handleClick(event) {
+    setAnchorEl(event.currentTarget);
+  };
+  var handleClose = function handleClose() {
+    setAnchorEl(null);
+  };
+  var dividerProps = new _dividerProps.default();
+  dividerProps.set(_dividerProps.default.propNames.light, true);
+  dividerProps.set(_dividerProps.default.propNames.variant, "middle");
+  var allDisabled = (_options$every = options == null ? void 0 : options.every(function (o) {
+    return o.disabled;
+  })) != null ? _options$every : true;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
+    "aria-haspopup": "true",
+    variant: "outlined",
+    color: "primary",
+    disabled: allDisabled,
+    onClick: handleClick,
+    endIcon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      id: "chevron-down",
+      className: classes.arrowIcon
+    })
+  }, label), /*#__PURE__*/_react.default.createElement(StyledMenu, {
+    anchorEl: anchorEl,
+    open: Boolean(anchorEl),
+    onClose: handleClose
+  }, options == null ? void 0 : options.map(function (_ref2, index) {
+    var key = _ref2.key,
+      component = _ref2.component,
+      disabled = _ref2.disabled,
+      action = _ref2.action;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: key
+    }, /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
+      onClick: function onClick() {
+        handleClose();
+        action == null || action();
+      },
+      disabled: disabled,
+      classes: {
+        root: classes.menuItem
+      }
+    }, component), index < options.length - 1 && /*#__PURE__*/_react.default.createElement(_Divider.default, {
+      dividerProps: dividerProps
+    }));
+  })));
+};
+__signature__(MenuButton, "useState{[anchorEl, setAnchorEl](null)}\nuseMenuStyles{classes}", function () {
+  return [useMenuStyles];
+});
+__signature__(MenuButton, "useState{[anchorEl, setAnchorEl](null)}\nuseMenuStyles{classes}", function () {
+  return [useMenuStyles];
+});
+var _default = MenuButton;
+var _default2 = _default;
+var _default3 = exports.default = _default2;
+;
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+  if (!reactHotLoader) {
+    return;
+  }
+  reactHotLoader.register(useMenuStyles, "useMenuStyles", "/home/vsts/work/1/s/src/components/MaterialUI/MenuButtons.js");
+  reactHotLoader.register(StyledMenu, "StyledMenu", "/home/vsts/work/1/s/src/components/MaterialUI/MenuButtons.js");
+  reactHotLoader.register(MenuButton, "MenuButton", "/home/vsts/work/1/s/src/components/MaterialUI/MenuButtons.js");
+  reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/MaterialUI/MenuButtons.js");
+})();
+;
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();
+;
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+  if (!reactHotLoader) {
+    return;
+  }
+  reactHotLoader.register(useMenuStyles, "useMenuStyles", "/home/vsts/work/1/s/src/components/MaterialUI/MenuButtons.js");
+  reactHotLoader.register(StyledMenu, "StyledMenu", "/home/vsts/work/1/s/src/components/MaterialUI/MenuButtons.js");
+  reactHotLoader.register(MenuButton, "MenuButton", "/home/vsts/work/1/s/src/components/MaterialUI/MenuButtons.js");
+  reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/MaterialUI/MenuButtons.js");
+})();
+;
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();

package/dist/components/MaterialUI/Navigation/DropDownMenu.js

@@ -78,6 +78,13 @@ var DropDownMenu = function DropDownMenu(_ref) {
     event.stopPropagation();
     setAnchorEl(null);
   };
+
+  // Even though we do nothing, we need to avoid mouse event propagation when the mouse
+  // button is released after hovering out the menu
+  var onMainMenuClick = function onMainMenuClick(event) {
+    event.preventDefault();
+    event.stopPropagation();
+  };
   var onMenuItemClick = function onMenuItemClick(action, itemContext) {
     return function (event) {
       onClose(event);
@@ -110,6 +117,7 @@ var DropDownMenu = function DropDownMenu(_ref) {
     },
     id: "scope-menu",
     open: isOpened,
+    onClick: onMainMenuClick,
     onClose: onClose,
     autoFocus: autoFocus,
     anchorEl: anchorEl

package/dist/components/Registry.js

@@ -0,0 +1,111 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _InformationItem = _interopRequireDefault(require("./MaterialUI/DataDisplay/PredefinedElements/InformationItem"));
+var _sharedMessages = _interopRequireDefault(require("../sharedMessages"));
+var _reactIntl = require("react-intl");
+var _Box = _interopRequireDefault(require("@material-ui/core/Box"));
+var _styles = require("@material-ui/core/styles");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+var useStyles = (0, _styles.makeStyles)(function (theme) {
+  return {
+    registry: {
+      "& > div + div": {
+        marginTop: theme.spacing(2)
+      }
+    }
+  };
+});
+var Registry = function Registry(_ref) {
+  var dateCreated = _ref.dateCreated,
+    createdBy = _ref.createdBy,
+    lastModifiedDate = _ref.lastModifiedDate,
+    lastModifiedBy = _ref.lastModifiedBy,
+    _ref$additionalConten = _ref.additionalContent,
+    additionalContent = _ref$additionalConten === void 0 ? [] : _ref$additionalConten;
+  var _useIntl = (0, _reactIntl.useIntl)(),
+    formatDate = _useIntl.formatDate;
+  var classes = useStyles();
+  var created = formatDate(dateCreated);
+  var lastModified = formatDate(lastModifiedDate);
+  0;
+  var registry = /*#__PURE__*/_react.default.createElement(_Box.default, {
+    className: classes.registry,
+    display: "flex",
+    flexDirection: "column"
+  }, dateCreated !== undefined && /*#__PURE__*/_react.default.createElement(_InformationItem.default, {
+    label: _sharedMessages.default.created,
+    children: created
+  }), createdBy !== undefined && /*#__PURE__*/_react.default.createElement(_InformationItem.default, {
+    label: _sharedMessages.default.createdBy,
+    children: createdBy
+  }), lastModifiedDate !== undefined && /*#__PURE__*/_react.default.createElement(_InformationItem.default, {
+    label: _sharedMessages.default.lastModified,
+    children: lastModified
+  }), lastModifiedBy !== undefined && /*#__PURE__*/_react.default.createElement(_InformationItem.default, {
+    label: _sharedMessages.default.lastModifiedBy,
+    children: lastModifiedBy
+  }), additionalContent.map(function (c, index) {
+    return /*#__PURE__*/_react.default.createElement(_InformationItem.default, {
+      key: "additional" + index,
+      label: c.label,
+      children: c.content
+    });
+  }));
+  return registry;
+};
+__signature__(Registry, "useIntl{{ formatDate }}\nuseStyles{classes}", function () {
+  return [_reactIntl.useIntl, useStyles];
+});
+__signature__(Registry, "useIntl{{ formatDate }}\nuseStyles{classes}", function () {
+  return [_reactIntl.useIntl, useStyles];
+});
+var _default = Registry;
+var _default2 = _default;
+var _default3 = exports.default = _default2;
+;
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+  if (!reactHotLoader) {
+    return;
+  }
+  reactHotLoader.register(useStyles, "useStyles", "/home/vsts/work/1/s/src/components/Registry.js");
+  reactHotLoader.register(Registry, "Registry", "/home/vsts/work/1/s/src/components/Registry.js");
+  reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/Registry.js");
+})();
+;
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();
+;
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+  if (!reactHotLoader) {
+    return;
+  }
+  reactHotLoader.register(useStyles, "useStyles", "/home/vsts/work/1/s/src/components/Registry.js");
+  reactHotLoader.register(Registry, "Registry", "/home/vsts/work/1/s/src/components/Registry.js");
+  reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/Registry.js");
+})();
+;
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();

package/dist/hooks/useMultipleFieldEditState.js

@@ -49,11 +49,14 @@ var useMultipleFieldEditState = function useMultipleFieldEditState(entityId, sec
   var dispatch = (0, _useDispatchWithModulesData.useDispatchWithModulesData)();
   var mergedValidationRules = _objectSpread(_objectSpread({}, _modelValidationHelper.validationRules), extendedValidationRules);
   var modifiedStates = (0, _reactRedux.useSelector)((0, _view.getModifiedModels)(entityId))[sectionName] || {};
-  var useDynamicFieldState = function useDynamicFieldState(id, fieldName, errorTypes) {
+  var useDynamicFieldState = function useDynamicFieldState(id, fieldName, errorTypes, fieldDependencies) {
     var _initialValues$id$fie, _initialValues$id, _modifiedStates$id$fi, _modifiedStates$id, _editState$value;
     if (errorTypes === void 0) {
       errorTypes = [];
     }
+    if (fieldDependencies === void 0) {
+      fieldDependencies = {};
+    }
     var keys = [id, fieldName];
     var initialValue = (_initialValues$id$fie = (_initialValues$id = initialValues[id]) == null ? void 0 : _initialValues$id[fieldName]) != null ? _initialValues$id$fie : "";
     var editState = (_modifiedStates$id$fi = (_modifiedStates$id = modifiedStates[id]) == null ? void 0 : _modifiedStates$id[fieldName]) != null ? _modifiedStates$id$fi : {};
@@ -65,17 +68,23 @@ var useMultipleFieldEditState = function useMultipleFieldEditState(entityId, sec
     var resetEditState = function resetEditState() {
       dispatch(_view2.setEditModelField, [keys, initialValue, initialValue, entityId, sectionName]);
     };
-    var isEditStateValid = function isEditStateValid(value) {
+    var isEditStateValid = function isEditStateValid(value, dependencies) {
+      if (dependencies === void 0) {
+        dependencies = {};
+      }
       var valueToValidate = value != null ? value : editState.value;
       var hasAnyValidationErrors = false;
       errorTypes.forEach(function (errorType) {
-        var isValid = mergedValidationRules[errorType](valueToValidate, id, fieldName);
+        var isValid = mergedValidationRules[errorType](valueToValidate, id, fieldName, _objectSpread(_objectSpread({}, fieldDependencies), dependencies));
         if (isValid === false) {
           dispatch(_view2.setEditModelFieldError, [keys, errorType, entityId, sectionName]);
           hasAnyValidationErrors = true;
           return;
         }
       });
+      if (!hasAnyValidationErrors) {
+        dispatch(_view2.removeEditModelFieldError, [keys, entityId, sectionName]);
+      }
       return !hasAnyValidationErrors;
     };
     return {

package/dist/sharedMessages.js

@@ -293,6 +293,26 @@ var sharedMessages = (0, _reactIntl.defineMessages)({
   valueTypeWrapperFalse: {
     id: "orc-shared.valueTypeWrapperFalse",
     defaultMessage: "False"
+  },
+  registry: {
+    id: "orc-shared.registry",
+    defaultMessage: "Registry"
+  },
+  created: {
+    id: "orc-shared.created",
+    defaultMessage: "Date Created"
+  },
+  createdBy: {
+    id: "orc-shared.createdBy",
+    defaultMessage: "Created By"
+  },
+  lastModified: {
+    id: "orc-shared.lastModified",
+    defaultMessage: "Last Modified"
+  },
+  lastModifiedBy: {
+    id: "orc-shared.lastModifiedBy",
+    defaultMessage: "Last Modified By"
   }
 });
 var _default = sharedMessages;

package/dist/utils/propertyBagHelper.js

@@ -29,7 +29,9 @@ var customDataType = exports.customDataType = {
   password: "Password",
   carrierProviderSelector: "CarrierProviderSelector",
   routingProviderSelector: "RoutingProviderSelector",
-  multipleCarrierProvidersSelector: "MultipleCarrierProvidersSelector"
+  multipleCarrierProvidersSelector: "MultipleCarrierProvidersSelector",
+  serviceLevelSelector: "ServiceLevelSelector",
+  percentageDecimal: "PercentageDecimal"
 };
 var tieredAttributeTypes = [customDataType.priceTieredRateTable, customDataType.quantityTieredRateTable];
 var isTieredAttribute = exports.isTieredAttribute = function isTieredAttribute(attribute) {
@@ -77,15 +79,16 @@ var toJsonCargo = exports.toJsonCargo = function toJsonCargo(attribute, value) {
         case customDataType.money:
           return createJsonCargo(_constants.jsonCargoType.double, Number(formatNumber(value, 2)));
         case customDataType.moneyDecimal:
+        case customDataType.percentageDecimal:
           return createJsonCargo(_constants.jsonCargoType.decimal, Number(formatNumber(value, 2)));
         case customDataType.priceTieredRateTable:
         case customDataType.quantityTieredRateTable:
           return createTieredTableJsonCargo(value);
         case customDataType.password:
-        case customDataType.carrierProviderSelector: // To be properly handled when user story 61801 will be addressed
-        case customDataType.routingProviderSelector: // To be properly handled when user story 61801 will be addressed
+        case customDataType.carrierProviderSelector:
+        case customDataType.routingProviderSelector:
         case customDataType.multipleCarrierProvidersSelector:
-          // To be properly handled when user story 61801 will be addressed
+        case customDataType.serviceLevelSelector:
           return value;
         default:
           throw new Error("toJsonCargo: attribute.customDataType ".concat(attribute.customDataType, " is not implemented"));

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "orc-shared",
-	"version": "5.9.0-dev.9",
+	"version": "5.9.1-dev.0",
 	"description": "Shared code for Orckestra applications",
 	"main": "./src/index.js",
 	"exports": {

package/src/components/MaterialUI/Inputs/Switch.js

@@ -87,6 +87,16 @@ export const useStyles = makeStyles(theme => ({
 			backgroundColor: `${theme.palette.grey.borders} !important`,
 		},
 	},
+	container: {
+		display: "flex",
+		flexDirection: "column",
+	},
+	errorText: {
+		marginTop: theme.spacing(0.5),
+		color: theme.palette.error.main,
+		fontSize: theme.typography.fieldLabelSize,
+		float: "left",
+	},
 }));
 
 const Switch = ({ switchProps }) => {
@@ -100,6 +110,7 @@ const Switch = ({ switchProps }) => {
 	const value = switchProps?.get(SwitchProps.propNames.value) || false;
 	const onCaption = switchProps?.get(SwitchProps.propNames.onCaption);
 	const offCaption = switchProps?.get(SwitchProps.propNames.offCaption);
+	const error = switchProps?.get(SwitchProps.propNames.error);
 	const disabled = switchProps?.get(SwitchProps.propNames.disabled) || false;
 	const readOnly = switchProps?.get(SwitchProps.propNames.readOnly);
 	const className = switchProps?.get(SwitchProps.propNames.className) || "";
@@ -120,7 +131,7 @@ const Switch = ({ switchProps }) => {
 		...className,
 	};
 
-	return (
+	const switchComponent = (
 		<SwitchMui
 			disabled={disabled}
 			classes={switchClasses}
@@ -129,6 +140,16 @@ const Switch = ({ switchProps }) => {
 			color={"primary"}
 		/>
 	);
+
+	return (
+		(error && (
+			<div className={classes.container}>
+				{switchComponent}
+				<div className={classNames(classes.errorText)}>{error}</div>
+			</div>
+		)) ||
+		switchComponent
+	);
 };
 
 export default Switch;

package/src/components/MaterialUI/Inputs/Switch.test.js

@@ -60,6 +60,29 @@ describe("Switch Component", () => {
 		expect(mountedComponent.containsMatchingElement(expected), "to be truthy");
 	});
 
+	it("Renders Switch component with an error", () => {
+		const switchProps = new SwitchProps();
+
+		switchProps.set(SwitchProps.propNames.update, update);
+		switchProps.set(SwitchProps.propNames.value, true);
+		switchProps.set(SwitchProps.propNames.error, "an error");
+		switchProps.set(SwitchProps.propNames.onCaption, { id: "captionOn" });
+		switchProps.set(SwitchProps.propNames.offCaption, { id: "captionOff" });
+
+		const component = (
+			<IntlProvider messages={messages} locale="en-US">
+				<Switch switchProps={switchProps} />
+			</IntlProvider>
+		);
+
+		const mountedComponent = mount(component);
+		const expectedSwitch = <SwitchMUI checked={true} />;
+		const expectedError = <div>an error</div>;
+
+		expect(mountedComponent.containsMatchingElement(expectedSwitch), "to be truthy");
+		expect(mountedComponent.containsMatchingElement(expectedError), "to be truthy");
+	});
+
 	it("Checkbox component handles check", () => {
 		const switchProps = new SwitchProps();
 

package/src/components/MaterialUI/Inputs/SwitchProps.js

@@ -10,6 +10,7 @@ class SwitchProps extends ComponentProps {
 		readOnly: "readOnly",
 		className: "className",
 		id: "id",
+		error: "error",
 		metadata: "metadata",
 	};
 
@@ -23,6 +24,7 @@ class SwitchProps extends ComponentProps {
 		this.componentProps.set(this.constructor.propNames.readOnly, null);
 		this.componentProps.set(this.constructor.propNames.className, null);
 		this.componentProps.set(this.constructor.propNames.id, null);
+		this.componentProps.set(this.constructor.propNames.error, null);
 		this.componentProps.set(this.constructor.propNames.metadata, null);
 
 		this._isSwitchProps = true;

package/src/components/MaterialUI/Inputs/SwitchProps.test.js

@@ -11,6 +11,7 @@ describe("Switch Props", () => {
 			"readOnly",
 			"className",
 			"id",
+			"error",
 			"metadata",
 		];
 
@@ -27,6 +28,7 @@ describe("Switch Props", () => {
 			"readOnly",
 			"className",
 			"id",
+			"error",
 			"metadata",
 		];
 

package/src/components/MaterialUI/MenuButtons.js

@@ -0,0 +1,106 @@
+import React from "react";
+import { makeStyles } from "@material-ui/core/styles";
+import Menu from "@material-ui/core/Menu";
+import MenuItem from "@material-ui/core/MenuItem";
+import Divider from "./DataDisplay/Divider";
+import DividerProps from "./DataDisplay/dividerProps";
+import Icon from "./DataDisplay/Icon";
+import Button from "@material-ui/core/Button";
+
+const useMenuStyles = makeStyles(theme => ({
+	menuItem: {
+		fontFamily: theme.typography.fontFamily,
+		textTransform: "none",
+		color: theme.palette.text.primary,
+		borderRadius: 0,
+		"&:hover": {
+			borderRadius: 0,
+			boxShadow: "none",
+			backgroundColor: theme.palette.primary.light,
+		},
+		"&:focus, &:active, &.Mui-focusVisible": {
+			borderRadius: 0,
+			boxShadow: "none",
+			outline: "none",
+		},
+	},
+	menu: {
+		border: `${theme.spacing(0.1)} solid ${theme.palette.primary.main}`,
+	},
+	arrowIcon: {
+		width: theme.spacing(1),
+		height: theme.spacing(1),
+	},
+}));
+
+const StyledMenu = props => {
+	const classes = useMenuStyles();
+
+	return (
+		<Menu
+			elevation={0}
+			getContentAnchorEl={null}
+			anchorOrigin={{
+				vertical: "bottom",
+				horizontal: "left",
+			}}
+			transformOrigin={{
+				vertical: "top",
+				horizontal: "left",
+			}}
+			classes={{ paper: classes.menu }}
+			{...props}
+		/>
+	);
+};
+
+const MenuButton = ({ options, label }) => {
+	const [anchorEl, setAnchorEl] = React.useState(null);
+	const classes = useMenuStyles();
+
+	const handleClick = event => {
+		setAnchorEl(event.currentTarget);
+	};
+
+	const handleClose = () => {
+		setAnchorEl(null);
+	};
+
+	const dividerProps = new DividerProps();
+	dividerProps.set(DividerProps.propNames.light, true);
+	dividerProps.set(DividerProps.propNames.variant, "middle");
+	const allDisabled = options?.every(o => o.disabled) ?? true;
+	return (
+		<>
+			<Button
+				aria-haspopup="true"
+				variant="outlined"
+				color="primary"
+				disabled={allDisabled}
+				onClick={handleClick}
+				endIcon={<Icon id="chevron-down" className={classes.arrowIcon} />}
+			>
+				{label}
+			</Button>
+			<StyledMenu anchorEl={anchorEl} open={Boolean(anchorEl)} onClose={handleClose}>
+				{options?.map(({ key, component, disabled, action }, index) => (
+					<div key={key}>
+						<MenuItem
+							onClick={() => {
+								handleClose();
+								action?.();
+							}}
+							disabled={disabled}
+							classes={{ root: classes.menuItem }}
+						>
+							{component}
+						</MenuItem>
+						{index < options.length - 1 && <Divider dividerProps={dividerProps} />}
+					</div>
+				))}
+			</StyledMenu>
+		</>
+	);
+};
+
+export default MenuButton;

package/src/components/MaterialUI/MenuButtons.test.js

@@ -0,0 +1,74 @@
+import React from "react";
+import MenuButton from "./MenuButtons";
+import Button from "@material-ui/core/Button";
+import Menu from "@material-ui/core/Menu";
+import Icon from "./DataDisplay/Icon";
+import sinon from "sinon";
+import ReactDOM from "react-dom";
+
+describe("MenuButton", () => {
+	it("Renders MenuButton with no options", () => {
+		const menuItems = [
+			{
+				disabled: true,
+			},
+			{
+				disabled: true,
+			},
+		];
+
+		const component = <MenuButton label={<p>Label</p>} options={menuItems} />;
+
+		const expected = (
+			<>
+				<Button disabled={true} variant="outlined" color="primary" endIcon={<Icon id="chevron-down" />}>
+					<p>Label</p>
+				</Button>
+				<Menu open={false}></Menu>
+			</>
+		);
+
+		expect(component, "when mounted", "to satisfy", expected);
+	});
+
+	it("Renders MenuButton with all options disabled", () => {
+		const component = <MenuButton label={<p>Label</p>} />;
+
+		const expected = (
+			<>
+				<Button disabled={true} variant="outlined" color="primary" endIcon={<Icon id="chevron-down" />}>
+					<p>Label</p>
+				</Button>
+				<Menu open={false}></Menu>
+			</>
+		);
+
+		expect(component, "when mounted", "to satisfy", expected);
+	});
+
+	it("Call option set in menu item", () => {
+		const menuItems = [
+			{
+				action: sinon.spy().named("action"),
+			},
+		];
+
+		const container = document.createElement("div");
+		document.body.appendChild(container);
+		ReactDOM.render(<MenuButton options={menuItems} />, container);
+
+		const clickEvent = new MouseEvent("click", {
+			bubbles: true,
+			cancelable: false,
+		});
+
+		const button = container.querySelector("button");
+		button.dispatchEvent(clickEvent);
+
+		const items = document.querySelectorAll(".MuiListItem-root");
+		expect(items, "to have length", 1);
+
+		items[0].dispatchEvent(clickEvent);
+		expect(menuItems[0].action, "was called");
+	});
+});

package/src/components/MaterialUI/Navigation/DropDownMenu.js

@@ -47,6 +47,13 @@ const DropDownMenu = ({ payload, menuItems, children, dropDownMenuProps = new Dr
 		setAnchorEl(null);
 	};
 
+	// Even though we do nothing, we need to avoid mouse event propagation when the mouse
+	// button is released after hovering out the menu
+	const onMainMenuClick = event => {
+		event.preventDefault();
+		event.stopPropagation();
+	};
+
 	const onMenuItemClick = (action, itemContext) => event => {
 		onClose(event);
 		action(payload, itemContext);
@@ -76,6 +83,7 @@ const DropDownMenu = ({ payload, menuItems, children, dropDownMenuProps = new Dr
 				classes={{ paper: classes.menu }}
 				id="scope-menu"
 				open={isOpened}
+				onClick={onMainMenuClick}
 				onClose={onClose}
 				autoFocus={autoFocus}
 				anchorEl={anchorEl}

package/src/components/MaterialUI/Navigation/DropDownMenu.test.js

@@ -8,6 +8,7 @@ import Icon from "../DataDisplay/Icon";
 import DropDownMenu from "./DropDownMenu";
 import { ignoreConsoleError } from "../../../utils/testUtils";
 import { TestWrapper, createMuiTheme } from "./../../../utils/testUtils";
+import Menu from "@material-ui/core/Menu";
 
 describe("DropDownMenu", () => {
 	let store, menuItems, container;
@@ -92,4 +93,27 @@ describe("DropDownMenu", () => {
 		expect(menuItems[0].action, "to have calls satisfying", [{ args: [payload, "aContext"] }]);
 		expect(menuItems[1].action, "to have calls satisfying", [{ args: [payload, "myContext"] }]);
 	});
+
+	it("should handle onClick event on the menu", () => {
+		const payload = "payload";
+
+		const component = (
+			<Provider store={store}>
+				<DropDownMenu payload={payload} menuItems={menuItems} />
+			</Provider>
+		);
+
+		const mountedComponent = mount(component);
+
+		const event = {
+			preventDefault: sinon.spy().named("preventDefault"),
+			stopPropagation: sinon.spy().named("stopPropagation"),
+		};
+
+		const dropDownMenu = mountedComponent.find(Menu).at(0);
+		dropDownMenu.invoke("onClick")(event);
+
+		expect(event.preventDefault, "was called");
+		expect(event.stopPropagation, "was called");
+	});
 });

package/src/components/Registry.js

@@ -0,0 +1,42 @@
+import React from "react";
+import InformationItem from "./MaterialUI/DataDisplay/PredefinedElements/InformationItem";
+import sharedMessages from "../sharedMessages";
+import { useIntl } from "react-intl";
+import Box from "@material-ui/core/Box";
+import { makeStyles } from "@material-ui/core/styles";
+
+const useStyles = makeStyles(theme => ({
+	registry: {
+		"& > div + div": {
+			marginTop: theme.spacing(2),
+		},
+	},
+}));
+
+const Registry = ({ dateCreated, createdBy, lastModifiedDate, lastModifiedBy, additionalContent = [] }) => {
+	const { formatDate } = useIntl();
+	const classes = useStyles();
+
+	const created = formatDate(dateCreated);
+	const lastModified = formatDate(lastModifiedDate);
+	0;
+	const registry = (
+		<Box className={classes.registry} display="flex" flexDirection="column">
+			{dateCreated !== undefined && <InformationItem label={sharedMessages.created} children={created} />}
+			{createdBy !== undefined && <InformationItem label={sharedMessages.createdBy} children={createdBy} />}
+			{lastModifiedDate !== undefined && (
+				<InformationItem label={sharedMessages.lastModified} children={lastModified} />
+			)}
+			{lastModifiedBy !== undefined && (
+				<InformationItem label={sharedMessages.lastModifiedBy} children={lastModifiedBy} />
+			)}
+			{additionalContent.map((c, index) => (
+				<InformationItem key={"additional" + index} label={c.label} children={c.content} />
+			))}
+		</Box>
+	);
+
+	return registry;
+};
+
+export default Registry;

package/src/components/Registry.test.js

@@ -0,0 +1,85 @@
+import React from "react";
+import InformationItem from "./MaterialUI/DataDisplay/PredefinedElements/InformationItem";
+import sharedMessages from "~/sharedMessages";
+import Box from "@material-ui/core/Box";
+import Registry from "./Registry";
+import { TestWrapper, createMuiTheme, extractMessages } from "../utils/testUtils";
+
+const messages = extractMessages(sharedMessages);
+const theme = createMuiTheme();
+
+describe("Registry", () => {
+	it("Renders Registry correctly", () => {
+		const created = "2020-10-06T16:21:55.5700000Z";
+		const createdBy = "Somebody";
+		const lastModified = "2020-10-06T16:21:55.5700000Z";
+		const lastModifiedBy = "OOE@oco";
+
+		const component = (
+			<TestWrapper intlProvider={{ messages }} stylesProvider muiThemeProvider={{ theme }}>
+				<Registry
+					dateCreated={created}
+					createdBy={createdBy}
+					lastModifiedDate={lastModified}
+					lastModifiedBy={lastModifiedBy}
+				/>
+			</TestWrapper>
+		);
+
+		const expected = (
+			<TestWrapper intlProvider={{ messages }} stylesProvider muiThemeProvider={{ theme }}>
+				<Box display="flex" flexDirection="column">
+					<InformationItem label={sharedMessages.created} children="10/6/2020" />
+					<InformationItem label={sharedMessages.createdBy} children={createdBy} />
+					<InformationItem label={sharedMessages.lastModified} children="10/6/2020" />
+					<InformationItem label={sharedMessages.lastModifiedBy} children={lastModifiedBy} />
+				</Box>
+			</TestWrapper>
+		);
+
+		expect(component, "when mounted", "to satisfy", expected);
+	});
+
+	it("Renders Registry correctly with additional content", () => {
+		const created = "2020-10-06T16:21:55.5700000Z";
+		const createdBy = "Somebody";
+		const lastModified = "2020-10-06T16:21:55.5700000Z";
+		const lastModifiedBy = "OOE@oco";
+
+		const component = (
+			<TestWrapper intlProvider={{ messages }} stylesProvider muiThemeProvider={{ theme }}>
+				<Registry
+					dateCreated={created}
+					createdBy={createdBy}
+					lastModifiedDate={lastModified}
+					lastModifiedBy={lastModifiedBy}
+					additionalContent={[
+						{
+							label: sharedMessages.about,
+							content: "some date",
+						},
+						{
+							label: sharedMessages.help,
+							content: "Hugh Mann",
+						},
+					]}
+				/>
+			</TestWrapper>
+		);
+
+		const expected = (
+			<TestWrapper intlProvider={{ messages }} stylesProvider muiThemeProvider={{ theme }}>
+				<Box display="flex" flexDirection="column">
+					<InformationItem label={sharedMessages.created} children="10/6/2020" />
+					<InformationItem label={sharedMessages.createdBy} children={createdBy} />
+					<InformationItem label={sharedMessages.lastModified} children="10/6/2020" />
+					<InformationItem label={sharedMessages.lastModifiedBy} children={lastModifiedBy} />
+					<InformationItem label={sharedMessages.about} children={"some date"} />
+					<InformationItem label={sharedMessages.help} children={"Hugh Mann"} />
+				</Box>
+			</TestWrapper>
+		);
+
+		expect(component, "when mounted", "to satisfy", expected);
+	});
+});

package/src/hooks/useMultipleFieldEditState.js

@@ -1,7 +1,7 @@
 import { useSelector } from "react-redux";
 import { validationRules } from "../utils/modelValidationHelper";
 import { getModifiedModels } from "../selectors/view";
-import { setEditModelField, setEditModelFieldError } from "../actions/view";
+import { setEditModelField, setEditModelFieldError, removeEditModelFieldError } from "../actions/view";
 import { useDispatchWithModulesData } from "./../hooks/useDispatchWithModulesData";
 
 /* This hook is used when a component has a dynamic number of fields that can be edited (e.g.: Orders' Custom Configuration Parameters).
@@ -25,7 +25,7 @@ const useMultipleFieldEditState = (entityId, sectionName, initialValues, extende
 	const mergedValidationRules = { ...validationRules, ...extendedValidationRules };
 	const modifiedStates = useSelector(getModifiedModels(entityId))[sectionName] || {};
 
-	const useDynamicFieldState = (id, fieldName, errorTypes = []) => {
+	const useDynamicFieldState = (id, fieldName, errorTypes = [], fieldDependencies = {}) => {
 		const keys = [id, fieldName];
 
 		const initialValue = initialValues[id]?.[fieldName] ?? "";
@@ -42,12 +42,15 @@ const useMultipleFieldEditState = (entityId, sectionName, initialValues, extende
 			dispatch(setEditModelField, [keys, initialValue, initialValue, entityId, sectionName]);
 		};
 
-		const isEditStateValid = value => {
+		const isEditStateValid = (value, dependencies = {}) => {
 			const valueToValidate = value ?? editState.value;
 
 			let hasAnyValidationErrors = false;
 			errorTypes.forEach(errorType => {
-				const isValid = mergedValidationRules[errorType](valueToValidate, id, fieldName);
+				const isValid = mergedValidationRules[errorType](valueToValidate, id, fieldName, {
+					...fieldDependencies,
+					...dependencies,
+				});
 
 				if (isValid === false) {
 					dispatch(setEditModelFieldError, [keys, errorType, entityId, sectionName]);
@@ -57,6 +60,10 @@ const useMultipleFieldEditState = (entityId, sectionName, initialValues, extende
 				}
 			});
 
+			if (!hasAnyValidationErrors) {
+				dispatch(removeEditModelFieldError, [keys, entityId, sectionName]);
+			}
+
 			return !hasAnyValidationErrors;
 		};
 

package/src/hooks/useMultipleFieldEditState.test.js

@@ -5,7 +5,7 @@ import Immutable from "immutable";
 import sinon from "sinon";
 import { mount } from "enzyme";
 import * as useDispatchWithModulesDataMock from "./useDispatchWithModulesData";
-import { setEditModelField, setEditModelFieldError } from "./../actions/view";
+import { removeEditModelFieldError, setEditModelField, setEditModelFieldError } from "./../actions/view";
 import { validationErrorTypes } from "./../constants";
 import _ from "lodash";
 
@@ -404,6 +404,54 @@ describe("useMultipleFieldEditState", () => {
 		}
 	});
 
+	it("Updates edit view value and reset error correctly with custom validation rules when validation was passed", () => {
+		const useDispatchWithModulesDataSpy = sinon.spy();
+		const useDispatchWithModulesDataStub = sinon
+			.stub(useDispatchWithModulesDataMock, "useDispatchWithModulesData")
+			.returns(useDispatchWithModulesDataSpy);
+
+		try {
+			// TODOJOC
+			const mountedComponent = mountComponent();
+
+			const fieldComponent = mountedComponent.find(`#id1-prop1-update`);
+
+			const event = {
+				target: {
+					value: "anotherValue",
+				},
+			};
+
+			fieldComponent.invoke("onClick")(event);
+
+			const resetEvent = {
+				target: {
+					value: "custom",
+				},
+			};
+
+			fieldComponent.invoke("onClick")(resetEvent);
+
+			const id = "id1";
+			const fieldName = "prop1";
+			const initialFieldValue = fieldInitialValues[id][fieldName];
+
+			expect(useDispatchWithModulesDataSpy, "to have a call satisfying", {
+				args: [setEditModelField, [[id, fieldName], "anotherValue", initialFieldValue, entityId, sectionName]],
+			});
+
+			expect(useDispatchWithModulesDataSpy, "to have a call satisfying", {
+				args: [setEditModelFieldError, [[id, fieldName], "customRule", entityId, sectionName]],
+			});
+
+			expect(useDispatchWithModulesDataSpy, "to have a call satisfying", {
+				args: [removeEditModelFieldError, [[id, fieldName], entityId, sectionName]],
+			});
+		} finally {
+			useDispatchWithModulesDataStub.restore();
+		}
+	});
+
 	it.each([
 		["id1", "prop1"],
 		["id1", "prop2"],

package/src/sharedMessages.js

@@ -279,6 +279,26 @@ const sharedMessages = defineMessages({
 		id: "orc-shared.valueTypeWrapperFalse",
 		defaultMessage: "False",
 	},
+	registry: {
+		id: "orc-shared.registry",
+		defaultMessage: "Registry",
+	},
+	created: {
+		id: "orc-shared.created",
+		defaultMessage: "Date Created",
+	},
+	createdBy: {
+		id: "orc-shared.createdBy",
+		defaultMessage: "Created By",
+	},
+	lastModified: {
+		id: "orc-shared.lastModified",
+		defaultMessage: "Last Modified",
+	},
+	lastModifiedBy: {
+		id: "orc-shared.lastModifiedBy",
+		defaultMessage: "Last Modified By",
+	},
 });
 
 export default sharedMessages;

package/src/translations/en-US.json

@@ -14,6 +14,8 @@
 	"orc-shared.confirmation": "Confirmation",
 	"orc-shared.copyright": "© {year} Orckestra Technologies Inc.",
 	"orc-shared.copyrightTermsNotice": "This computer program is protected by copyright laws and international treaties. Unauthorized reproduction or redistribution of this program, or any portion of it, may result in severe civil and criminal penalties, and will be prosecuted to the maximum extent possible under the law. Orckestra is a trademark of Orckestra Technologies Inc. All other trademarks are property of the respective owners.",
+	"orc-shared.created": "Date Created",
+	"orc-shared.createdBy": "Created By",
 	"orc-shared.dataTypeBoolean": "Yes/No Choice",
 	"orc-shared.dataTypeDate": "Date/Calendar",
 	"orc-shared.dataTypeDecimal": "Decimal Number",
@@ -37,6 +39,8 @@
 	"orc-shared.inactive": "Inactive",
 	"orc-shared.internetExplorerWarningContent": "You are using a browser that we no longer support. For a better experience with our HTML web applications, we recommend you to use the latest version of one of the following browsers:",
 	"orc-shared.internetExplorerWarningTitle": "Improve your experience",
+	"orc-shared.lastModified": "Last Modified",
+	"orc-shared.lastModifiedBy": "Last Modified By",
 	"orc-shared.needToRefresh": "You are not authorized to execute a request. Click refresh to reload the application.",
 	"orc-shared.next": "Next",
 	"orc-shared.no": "No",
@@ -46,6 +50,7 @@
 	"orc-shared.orcSharedVersion": "Orc-Shared Framework {version}",
 	"orc-shared.preferences": "Preferences",
 	"orc-shared.refresh": "Refresh",
+	"orc-shared.registry": "Registry",
 	"orc-shared.remove": "Remove",
 	"orc-shared.save": "Save",
 	"orc-shared.scopeChangeWithOpenedTabsConfirmation": "One or more entities opened will be closed. Would you like to change scope now?",

package/src/translations/fr-CA.json

@@ -14,6 +14,8 @@
 	"orc-shared.confirmation": "Confirmation",
 	"orc-shared.copyright": "© {year} Technologies Orckestra Inc.",
 	"orc-shared.copyrightTermsNotice": "Avertissement: Ce programme est protégé par la loi relative au droit d'auteur et par les conventions internationales. Toute reproduction ou distribution partielle ou totale du logiciel, par quelque moyen que ce soit, est strictement interdite. Toute personne ne respectant pas ces dispositions se rendra coupable du délit de contrefaçon et sera passible des sanctions pénales prévues par la loi. Orckestra est une marque de commerce déposée et détenue par Technologies Orckestra Inc. Toutes les autres marques de commerce sont la propriété de leurs détenteurs respectifs.",
+	"orc-shared.created": "Date de création",
+	"orc-shared.createdBy": "Créé par",
 	"orc-shared.dataTypeBoolean": "Choix Oui/Non",
 	"orc-shared.dataTypeDate": "Date/Calendrier",
 	"orc-shared.dataTypeDecimal": "Nombre décimal",
@@ -37,6 +39,8 @@
 	"orc-shared.inactive": "Inactif",
 	"orc-shared.internetExplorerWarningContent": "Vous utilisez un navigateur qui n'est plus supporté. Pour assurer une expérience optimale de nos applications web HTML, nous vous recommendons d'utiliser la dernière version des navigateurs suivants:",
 	"orc-shared.internetExplorerWarningTitle": "Améliorez votre expérience",
+	"orc-shared.lastModified": "Dernière date de modification",
+	"orc-shared.lastModifiedBy": "Modifié par",
 	"orc-shared.needToRefresh": "Vous n'êtes pas autorisé à effectuer une requête. Veuillez cliquer sur Rafraîchir pour rafraîchir l’application.",
 	"orc-shared.next": "Suivant",
 	"orc-shared.no": "Non",
@@ -46,6 +50,7 @@
 	"orc-shared.orcSharedVersion": "Infrastructure Orc-Shared {version}",
 	"orc-shared.preferences": "Préférences",
 	"orc-shared.refresh": "Rafraîchir",
+	"orc-shared.registry": "Régistre",
 	"orc-shared.remove": "Retirer",
 	"orc-shared.save": "Sauvegarder",
 	"orc-shared.scopeChangeWithOpenedTabsConfirmation": "Une ou plusieurs entités ouvertes seront fermées. Voulez-vous vraiment changer de Scope?",

package/src/utils/propertyBagHelper.js

@@ -18,6 +18,8 @@ export const customDataType = {
 	carrierProviderSelector: "CarrierProviderSelector",
 	routingProviderSelector: "RoutingProviderSelector",
 	multipleCarrierProvidersSelector: "MultipleCarrierProvidersSelector",
+	serviceLevelSelector: "ServiceLevelSelector",
+	percentageDecimal: "PercentageDecimal",
 };
 
 const tieredAttributeTypes = [customDataType.priceTieredRateTable, customDataType.quantityTieredRateTable];
@@ -72,14 +74,16 @@ export const toJsonCargo = (attribute, value) => {
 				case customDataType.money:
 					return createJsonCargo(jsonCargoType.double, Number(formatNumber(value, 2)));
 				case customDataType.moneyDecimal:
+				case customDataType.percentageDecimal:
 					return createJsonCargo(jsonCargoType.decimal, Number(formatNumber(value, 2)));
 				case customDataType.priceTieredRateTable:
 				case customDataType.quantityTieredRateTable:
 					return createTieredTableJsonCargo(value);
 				case customDataType.password:
-				case customDataType.carrierProviderSelector: // To be properly handled when user story 61801 will be addressed
-				case customDataType.routingProviderSelector: // To be properly handled when user story 61801 will be addressed
-				case customDataType.multipleCarrierProvidersSelector: // To be properly handled when user story 61801 will be addressed
+				case customDataType.carrierProviderSelector:
+				case customDataType.routingProviderSelector:
+				case customDataType.multipleCarrierProvidersSelector:
+				case customDataType.serviceLevelSelector:
 					return value;
 				default:
 					throw new Error(`toJsonCargo: attribute.customDataType ${attribute.customDataType} is not implemented`);