@agilemotion/oui-react-js 1.3.0 → 1.3.2

package/dist/components/dashboard/components/blackDashboard/sidebar/Sidebar.js

@@ -13,6 +13,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _perfectScrollbar = _interopRequireDefault(require("perfect-scrollbar"));
 
+var _Utils = _interopRequireDefault(require("../../../../../Utils"));
+
 var _reactstrap = require("reactstrap");
 
 var _MenuLink = _interopRequireDefault(require("../../../../menu/MenuLink"));
@@ -72,7 +74,7 @@ class Sidebar extends _react.default.Component {
           return null;
         }
 
-        if ((prop.collapse || prop.isParent) && prop.name !== 'Dashboard') {
+        if ((prop.collapse || prop.isParent) && prop.name !== 'Dashboard' && prop.name !== 'My Work Items') {
           var st = {};
           st[prop["state"]] = !this.state[prop.state];
           return /*#__PURE__*/_react.default.createElement("li", {
@@ -125,11 +127,11 @@ class Sidebar extends _react.default.Component {
           } : {}
         }, /*#__PURE__*/_react.default.createElement(_MenuLink.default, {
           config: prop.item,
-          ref: /*#__PURE__*/_react.default.createRef(),
           clickCallback: prop.name === 'Dashboard' ? this.props.dashboardLauncher : null,
+          autoClick: prop.name === 'My Work Items',
           viewId: "menuBar",
           icon: prop.icon,
-          iconColor: prop.name === 'Dashboard' && this.activeRoute(prop.name) ? secondaryThemeColor : null,
+          iconColor: (prop.name === 'Dashboard' || prop.name === 'My Work Items') && this.activeRoute(prop.name) ? secondaryThemeColor : null,
           name: prop.name,
           level: prop.level,
           color: this.activeRoute(prop.name) ? secondaryThemeColor : null
@@ -142,9 +144,7 @@ class Sidebar extends _react.default.Component {
       return this.props.activeRouteMenu === routeName;
     });
 
-    this.state = this.getCollapseStates(props.routes);
-
-    _DashboardStore.actionCreators.setActiveRoute('Dashboard');
+    this.state = this.getCollapseStates(props.routes); //actionCreators.setActiveRoute(Utils.isNull(props.activeRouteMenu) ? 'Dashboard' : props.activeRouteMenu);
   } // this creates the intial state of this component based on the collapse routes
   // that it gets through this.props.routes
 
@@ -190,7 +190,7 @@ class Sidebar extends _react.default.Component {
     let logoImg = null;
     let logoText = null;
 
-    if (logo !== undefined) {
+    if (!_Utils.default.isNull(logo)) {
       logoImg = /*#__PURE__*/_react.default.createElement("a", {
         href: logo.outterLink,
         className: "logo-normal",
@@ -213,7 +213,7 @@ class Sidebar extends _react.default.Component {
     }
 
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: "sidebar",
+      className: this.props.className,
       data: activeColor,
       style: {
         overflow: 'auto',
@@ -237,7 +237,17 @@ class Sidebar extends _react.default.Component {
         alignItems: 'center',
         height: '100%'
       }
-    }, " ", logoImg, " ") : null, " ")), /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
+    }, " ", logoImg, " ") : null, " ", !_Utils.default.isNull(this.props.heading) ? /*#__PURE__*/_react.default.createElement("div", {
+      className: "logo",
+      style: {
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        height: '100%',
+        fontSize: '20px',
+        fontWeight: 600
+      }
+    }, this.props.heading) : null)), /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
       style: {
         height: '70%'
       },
@@ -258,7 +268,7 @@ class Sidebar extends _react.default.Component {
         justifyContent: 'center',
         height: '92px'
       }
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, !_Utils.default.isNull(this.props.appLogoPath) ? /*#__PURE__*/_react.default.createElement("div", {
       style: {
         display: 'flex',
         justifyContent: 'center',
@@ -269,11 +279,12 @@ class Sidebar extends _react.default.Component {
     }, /*#__PURE__*/_react.default.createElement("img", {
       src: this.props.appLogoPath,
       alt: "..."
-    }))), /*#__PURE__*/_react.default.createElement("div", {
+    }))) : null, /*#__PURE__*/_react.default.createElement("div", {
       style: {
         display: 'flex',
         justifyContent: 'center',
-        alignItems: 'center'
+        alignItems: 'center',
+        marginTop: '8px'
       }
     }, "Copyrights \xA9 ", 1900 + new Date().getYear(), " ", " ")))))));
   }

package/dist/components/dashboard/components/portal/Timeline.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const Timeline = props => {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "I am deeee timeline");
+};
+
+var _default = Timeline;
+exports.default = _default;

package/dist/components/dashboard/components/portal/Workspace.css

@@ -0,0 +1,25 @@
+.workspace-container {
+    height: 100vh;
+    width: 100vw;
+}
+
+.workspace-left {
+    width: 32%;
+    padding-right: 6px;
+}
+
+.workspace-right {
+    width: 55%;
+    margin: 32px;
+    border: 1px solid #e1e1e1;
+    height: calc(100vh - 122px) !important;
+}
+
+.sidebar-customizer {
+    position: relative !important;
+    margin-top: 32px !important;
+    height: auto !important;
+    max-height: calc(100vh - 122px) !important;
+    box-shadow: none !important;
+    border: 1px solid #e1e1e1;
+}

package/dist/components/dashboard/components/portal/Workspace.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+require("./Workspace.css");
+
+var _Sidebar = _interopRequireDefault(require("./../../components/blackDashboard/sidebar/Sidebar"));
+
+var _ViewPort = _interopRequireDefault(require("../../../layout/ViewPort"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const Workspace = props => {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "row workspace-container"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "col-*-* workspace-left"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      float: 'right'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Sidebar.default, _extends({}, props, {
+    routes: props.routes,
+    activeColor: "agility",
+    className: "sidebar sidebar-customizer",
+    secondaryThemeColor: props.secondaryColor,
+    activeRouteMenu: props.activeRouteMenu,
+    dashboardLauncher: () => {},
+    heading: props.heading,
+    closeSidebar: () => {}
+  })))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "col-*-* workspace-right"
+  }, /*#__PURE__*/_react.default.createElement(_ViewPort.default, {
+    settings: props.settings,
+    defaultView: "",
+    height: 'inherit'
+  }))));
+};
+
+var _default = Workspace;
+exports.default = _default;

package/dist/components/dashboard/components/portal/portal-dashboard.css

@@ -0,0 +1,25 @@
+
+/* Smartphones (landscape); */
+@media only screen and (min-device-width : 361px) and (max-device-width : 480px) {
+
+}
+
+/* Smartphones (portrait); */
+@media only screen and (min-device-width : 280px) and (max-device-width : 360px) {
+
+}
+
+/* iPads (portrait and landscape); */
+@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
+
+}
+
+/* iPad 3 */
+@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
+
+}
+
+@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
+
+}
+

package/dist/components/footer/Footer.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = Footer;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -23,10 +23,27 @@ var _CardAvatar = _interopRequireDefault(require("../card/CardAvatar"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 const useStyles = (0, _styles.makeStyles)(_footerStyle.default);
 
-function Footer(props) {
+const Footer = props => {
   const classes = useStyles();
+
+  const _React$useState = _react.default.useState(props.width ? props.width : null),
+        _React$useState2 = _slicedToArray(_React$useState, 1),
+        width = _React$useState2[0];
+
   const fluid = props.fluid,
         white = props.white,
         rtlActive = props.rtlActive;
@@ -42,8 +59,16 @@ function Footer(props) {
     [classes.block]: true,
     [classes.whiteColor]: white
   });
-  return /*#__PURE__*/_react.default.createElement("footer", {
-    className: classes.footer
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.wrapper,
+    style: {
+      borderTop: '1px solid ' + props.splitterColor
+    }
+  }, /*#__PURE__*/_react.default.createElement("footer", {
+    className: classes.footer,
+    style: {
+      width: width
+    }
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: container,
     style: {
@@ -56,21 +81,29 @@ function Footer(props) {
   }, /*#__PURE__*/_react.default.createElement(_ListItem.default, {
     className: classes.inlineBlock
   }))), /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.right + " row "
+    className: classes.right + " row"
   }, "\xA9 ", 1900 + new Date().getYear(), " ", " ", /*#__PURE__*/_react.default.createElement("div", {
     style: {
       paddingLeft: 10
     }
   }, /*#__PURE__*/_react.default.createElement(_CardAvatar.default, {
     plain: true
-  }, /*#__PURE__*/_react.default.createElement("img", {
-    src: require("../../assets/img/flogo.png"),
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "row"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "col-*-*"
+  }, props.logo ? /*#__PURE__*/_react.default.createElement("img", {
+    src: props.logo,
     alt: "..."
-  }))))));
-}
+  }) : null), /*#__PURE__*/_react.default.createElement("div", {
+    className: "col-*-*"
+  }, props.text ? /*#__PURE__*/_react.default.createElement("div", null, "\xA0\xA0", props.text) : null))))))));
+};
 
 Footer.propTypes = {
   fluid: _propTypes.default.bool,
   white: _propTypes.default.bool,
   rtlActive: _propTypes.default.bool
-};
+};
+var _default = Footer;
+exports.default = _default;

package/dist/components/form/BaseField.js

@@ -295,9 +295,18 @@ const BaseField = props => {
         setRequired(requiredNewVal);
       },
 
-      setFieldRequired(required) {
+      get required() {
+        return required;
+      },
+
+      setFieldRequired(newVal) {
         validateOnChange.current = true;
-        setRequired(required);
+        setRequired(newVal);
+      },
+
+      setFieldRequired(newVal, validate) {
+        validateOnChange.current = validate;
+        setRequired(newVal);
       },
 
       getChildren: () => {

package/dist/components/form/DatePicker.js

@@ -27,7 +27,29 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 const CustomDatePickerComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const _React$useState = _react.default.useState(null),
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        minDate = _React$useState2[0],
+        setMinDate = _React$useState2[1];
+
+  const _React$useState3 = _react.default.useState(null),
+        _React$useState4 = _slicedToArray(_React$useState3, 2),
+        maxDate = _React$useState4[0],
+        setMaxDate = _React$useState4[1];
+
   const base = props.base;
   const defaultDate = !_Utils.default.isNull(base.valueObject[base.valueProperty]) ? new Date(base.valueObject[base.valueProperty]) : null;
 
@@ -44,6 +66,43 @@ const CustomDatePickerComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*
     base.setValue(defaultDate);
   }, [props.base.valueObject[props.base.valueProperty]]);
 
+  const formatNumber = n => {
+    return n < 10 ? '0' + n : n;
+  };
+
+  const getLimitDate = id => {
+    let dateAttr = _Utils.default.getComponentAttribute(props.config, id, null);
+
+    if (dateAttr) {
+      if (dateAttr.toString().includes('now')) {
+        let operator = dateAttr.toString().includes("-") ? '-' : '+';
+        let tokens = dateAttr.toString().split(operator);
+        let days = parseFloat(tokens[1].replace('d', '').trim());
+        let limit = new Date();
+
+        if ("-" === operator) {
+          limit.setDate(limit.getDate() - days);
+        } else {
+          limit.setDate(limit.getDate() + days);
+        }
+
+        return limit.getFullYear() + "-" + formatNumber(limit.getMonth() + 1) + "-" + formatNumber(limit.getDate());
+      }
+    }
+
+    return null;
+  };
+
+  _react.default.useEffect(() => {
+    if (minDate === null) {
+      setMinDate(getLimitDate("minDate"));
+    }
+
+    if (maxDate === null) {
+      setMaxDate(getLimitDate("maxDate"));
+    }
+  });
+
   const secondaryColor = (0, _reactRedux.useSelector)(state => state.dashboard.secondaryThemeColor);
   const ThemedKeyboardDatePicker = (0, _styles.withStyles)({
     root: {
@@ -72,7 +131,7 @@ const CustomDatePickerComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*
     required: base.required,
     format: "dd/MM/yyyy",
     label: props.config.attributes['label'],
-    value: base.value,
+    value: base.value ? base.value : null,
     className: props.className,
     error: base.hasError,
     margin: "dense",
@@ -88,6 +147,8 @@ const CustomDatePickerComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*
       'aria-label': 'change date',
       'disabled': props.disabled
     },
+    minDate: minDate !== null ? minDate : null,
+    maxDate: maxDate !== null ? maxDate : null,
     readOnly: props.readOnly
   })));
 }));

package/dist/components/form/FieldSet.js

@@ -291,7 +291,7 @@ const FieldSet = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
 
   const api = () => {
     return {
-      getId: () => {
+      get id() {
         return props.config.id;
       },
 

package/dist/components/form/Form.js

@@ -390,9 +390,9 @@ const Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwa
       } else {
         if (_Utils.default.isNull(eventConfig)) {
           eventConfig = {};
-          eventConfig.service = service;
-        } // TODO : Implement the invalid paramenter callback
+        }
 
+        eventConfig.service = service; // TODO : Implement the invalid paramenter callback
 
         _ServiceCallActionHandler.default.execute(eventConfig, null, null, props.viewId, data => {
           parseValues(transformDataObject(data));
@@ -412,14 +412,28 @@ const Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwa
               let value = _DynamicJS.default.executeScript("".concat(props.config.id, "ValueEvaluator"), componentValue);
 
               if (!_Utils.default.isNull(value)) {
-                parseValues(transformDataObject(value));
-                setMasterValues(value);
+                let val = value;
+
+                if (binder === 'MAP_OBJECT' && _Utils.default.isNull(value.map)) {
+                  val = {};
+                  val.map = value;
+                }
+
+                parseValues(transformDataObject(val));
+                setMasterValues(val);
               }
             });
           }
         } else {
-          parseValues(transformDataObject(componentValue));
-          setMasterValues(componentValue);
+          let val = componentValue;
+
+          if (binder === 'MAP_OBJECT' && _Utils.default.isNull(componentValue.map)) {
+            val = {};
+            val.map = componentValue;
+          }
+
+          parseValues(transformDataObject(val));
+          setMasterValues(val);
         }
       } else {
         updateViewTitle();
@@ -864,7 +878,7 @@ const Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwa
       fieldParentErrors[field.parentId] = isParentInvalid;
     }
 
-    if (!_Utils.default.isNull(containerErrorCallback.current) && !_ApplicationContext.default.isFormMarkersEnabled()) {
+    if (!_Utils.default.isNull(containerErrorCallback.current) && _ApplicationContext.default.isFormMarkersEnabled()) {
       containerErrorCallback.current(fieldParentErrors);
     }
   }
@@ -935,7 +949,7 @@ const Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwa
 
           if (!_Utils.default.isNull(validationGroup)) {
             if (field !== groupField && validationGroup === field.handle.api.getValidationGroup()) {
-              let groupFieldId = groupField.handle.api.getId();
+              let groupFieldId = groupField.handle.api.id;
 
               let gridFieldPath = _getValuePath(groupFieldId, null);
 
@@ -953,7 +967,13 @@ const Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwa
       }
     }
 
+    let isMarkersEnabled = _ApplicationContext.default.isFormMarkersEnabled();
+
+    _ApplicationContext.default.enableFormMarkers(false);
+
     _Observable.default.processSystemGeneratedSubscriptions(props.config.id);
+
+    _ApplicationContext.default.enableFormMarkers(isMarkersEnabled);
   };
 
   const _setFieldError = (id, error) => {

package/dist/components/form/SelectItem.js

@@ -67,6 +67,12 @@ const SelectItemComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_reac
         let data = result.data;
         let options = [];
 
+        if (_Utils.default.isNull(props.validator) || props.validator.nullable) {
+          options.push({
+            id: "_EMPTY_VALUE"
+          });
+        }
+
         for (let i = 0; i < data.records.length; i++) {
           let record = data.records[i];
           options.push(record.map.objectReference);
@@ -99,8 +105,7 @@ const SelectItemComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_reac
         if (!loadFullOptionList) {
           setLoadFullOptionList(true);
         }
-      },
-      displayEmpty: props.allowEmptyValue || false
+      }
     },
     value: !_Utils.default.isNull(base.value) ? base.value.id : defaultValue,
     className: props.className,
@@ -112,7 +117,9 @@ const SelectItemComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_reac
     margin: "dense",
     size: "small",
     variant: "outlined"
-  }, base.selectOptions.map(option => /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
+  }, base.selectOptions.map(option => option.id === '_EMPTY_VALUE' ? /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
+    value: ""
+  }, /*#__PURE__*/_react.default.createElement("em", null, "\xA0")) : /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
     key: option.id,
     value: option.id
   }, _Utils.default.isNull(option.label) ? "" : option.label.trim())));