@agilemotion/oui-react-js 1.3.7 → 1.3.9

package/dist/components/form/TimePicker.js

@@ -96,7 +96,13 @@ const TimePicker = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default
   return /*#__PURE__*/_react.default.createElement(_BaseField.BaseField, _extends({}, props, {
     handle: props.handle,
     valueParser: (value, inbound) => {
-      return !_Utils.default.isNull(value) ? inbound ? new Date(value) : value.getTime() : null;
+      if (!_Utils.default.isNull(value)) {
+        if (!value.toString().includes("T")) {
+          return value;
+        }
+      }
+
+      return !_Utils.default.isNull(value) ? inbound ? new Date(value) : new Date(value).toLocaleTimeString('it-IT') : null;
     }
   }), base => /*#__PURE__*/_react.default.createElement(CustomTimePickerComponent, _extends({
     ref: ref,

package/dist/components/form/TransferList.css

@@ -1,5 +1,5 @@
 .error {
-    color: #f44336;
+    color: #f44336 !important;
     margin-left: 14px;
     font-size: 0.75rem;
     margin-top: 3px;
@@ -8,4 +8,4 @@
     font-weight: 400;
     line-height: 1.66;
     letter-spacing: 0.03333em;
-}
+}

package/dist/components/form/TransferList.js

@@ -29,20 +29,6 @@ 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 _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
-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)(theme => ({
   root: {
     margin: 'auto'
@@ -65,103 +51,55 @@ const TransferListComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_re
   const classes = useStyles();
   const base = props.base;
 
-  const _React$useState = _react.default.useState([]),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        leftSelection = _React$useState2[0],
-        setLeftSelection = _React$useState2[1];
+  const [leftSelection, setLeftSelection] = _react.default.useState([]);
 
-  const _React$useState3 = _react.default.useState(!_Utils.default.isNull(props.config.optionsGrid.dataBinding) ? props.config.optionsGrid.dataBinding : 'options'),
-        _React$useState4 = _slicedToArray(_React$useState3, 1),
-        optionsDataBinding = _React$useState4[0];
+  const [optionsDataBinding] = _react.default.useState(!_Utils.default.isNull(props.config.optionsGrid.dataBinding) ? props.config.optionsGrid.dataBinding : 'options');
 
-  const _React$useState5 = _react.default.useState(!_Utils.default.isNull(props.config.selectionGrid.dataBinding) ? props.config.selectionGrid.dataBinding : 'selected'),
-        _React$useState6 = _slicedToArray(_React$useState5, 1),
-        selectionDataBinding = _React$useState6[0];
+  const [selectionDataBinding] = _react.default.useState(!_Utils.default.isNull(props.config.selectionGrid.dataBinding) ? props.config.selectionGrid.dataBinding : 'selected');
 
-  const _React$useState7 = _react.default.useState(null),
-        _React$useState8 = _slicedToArray(_React$useState7, 2),
-        data = _React$useState8[0],
-        setData = _React$useState8[1];
+  const [data, setData] = _react.default.useState(props.data);
 
-  const _React$useState9 = _react.default.useState([]),
-        _React$useState10 = _slicedToArray(_React$useState9, 2),
-        rightSelection = _React$useState10[0],
-        setRightSelection = _React$useState10[1];
+  const [rightSelection, setRightSelection] = _react.default.useState([]);
 
-  const _React$useState11 = _react.default.useState(_Utils.default.getComponentAttribute(props.config, 'label', null)),
-        _React$useState12 = _slicedToArray(_React$useState11, 1),
-        label = _React$useState12[0];
+  const [label] = _react.default.useState(_Utils.default.getComponentAttribute(props.config, 'label', null));
 
-  const _React$useState13 = _react.default.useState(true),
-        _React$useState14 = _slicedToArray(_React$useState13, 2),
-        initializing = _React$useState14[0],
-        setInitializing = _React$useState14[1];
+  function updateValue(rows) {
+    let objectRefs = [];
 
-  const loadCompleteHandler = () => {
-    props.loadCompleteHandler(props.config.id);
+    for (const item of rows) {
+      //let objectRef = {};
+      //objectRef.id = item.id;
+      objectRefs.push(item);
+    }
 
+    base.handleValueChange(objectRefs.length > 0 ? objectRefs : null);
+  }
+
+  _react.default.useEffect(() => {
     if (!_Utils.default.isNull(data) && data[selectionDataBinding].records.length > 0) {
       let initialValues = [];
 
-      var _iterator = _createForOfIteratorHelper(data[selectionDataBinding].records),
-          _step;
-
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          const record = _step.value;
-          let row = {};
-          row.id = record.map.id;
-          initialValues.push(row);
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
+      for (const record of data[selectionDataBinding].records) {
+        let row = {};
+        row.id = record.id;
+        initialValues.push(row);
       }
 
       updateValue(initialValues);
     }
-  };
+  }, [data]);
 
-  function updateValue(rows) {
-    let objectRefs = [];
-
-    var _iterator2 = _createForOfIteratorHelper(rows),
-        _step2;
-
-    try {
-      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-        const item = _step2.value;
-        //let objectRef = {};
-        //objectRef.id = item.id;
-        objectRefs.push(item);
-      }
-    } catch (err) {
-      _iterator2.e(err);
-    } finally {
-      _iterator2.f();
-    }
-
-    base.handleValueChange(objectRefs.length > 0 ? objectRefs : null);
-  }
+  _react.default.useEffect(() => {
+    setData(props.data);
+  }, [props.data]);
 
   _react.default.useEffect(() => {
-    if (initializing) {
-      if (!_Utils.default.isNull(props.config.dataService)) {
-        let method = props.config.dataService.type === 'remoteObjectProxy' ? _RestUtils.invokeRpc : _RestUtils.invokeRest;
-        method(props.config.dataService, props.handle, props.viewId, result => {
-          let data = props.config.dataService.type === 'remoteObjectProxy' ? result.data : result;
-          setData(data);
-        }, e => {
-          console.error(e);
-
-          _Utils.default.publishSystemErrorMessage(props.viewId);
-        });
-      }
+    let autoLoadData = _Utils.default.getComponentAttribute(props.config, 'autoLoadData', null);
 
-      setInitializing(false);
+    if (!_Utils.default.isNull(props.config.dataService) && (autoLoadData === null || autoLoadData === true)) {
+      props.loadData().then(data => setData(data));
     }
-  });
+  }, []);
 
   const handleTransferItemRight = () => {
     props.optionsListHandle.api.deleteSelectedRows();
@@ -179,10 +117,14 @@ const TransferListComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_re
 
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: ref
-  }, !initializing ? /*#__PURE__*/_react.default.createElement("div", null, label !== null ? /*#__PURE__*/_react.default.createElement(_InputLabel.default, {
+  }, /*#__PURE__*/_react.default.createElement("div", null, label !== null ? /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      margin: '8px 0 8px 16px'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_InputLabel.default, {
     required: base.required,
     error: base.hasError
-  }, label) : null, /*#__PURE__*/_react.default.createElement(_Grid.default, {
+  }, label)) : null, /*#__PURE__*/_react.default.createElement(_Grid.default, {
     container: true,
     alignItems: "stretch",
     className: classes.root,
@@ -195,7 +137,8 @@ const TransferListComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_re
     item: true,
     style: {
       border: "1px solid ".concat(base.hasError ? '#f44336' : '#e1e1e1'),
-      width: '40%',
+      width: '45%',
+      minWidth: '320px',
       borderRadius: '4px'
     }
   }, /*#__PURE__*/_react.default.createElement(_DataGrid.DataGrid, {
@@ -206,13 +149,12 @@ const TransferListComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_re
     data: !_Utils.default.isNull(data) ? data[optionsDataBinding] : null,
     onSelectionChange: selection => setLeftSelection(selection),
     filterWrapperClass: 'transferListFilterWraper',
-    loadCompleteHandler: loadCompleteHandler,
     hasBorder: false
   })), /*#__PURE__*/_react.default.createElement(_Grid.default, {
     item: true,
     style: {
       margin: 'auto',
-      width: '20%'
+      width: '10%'
     }
   }, /*#__PURE__*/_react.default.createElement(_Grid.default, {
     container: true,
@@ -237,7 +179,8 @@ const TransferListComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_re
     item: true,
     style: {
       border: "1px solid ".concat(base.hasError ? '#f44336' : '#e1e1e1'),
-      width: '40%',
+      width: '45%',
+      minWidth: '320px',
       borderRadius: '4px'
     }
   }, /*#__PURE__*/_react.default.createElement(_DataGrid.DataGrid, {
@@ -248,21 +191,35 @@ const TransferListComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_re
     data: !_Utils.default.isNull(data) ? data[selectionDataBinding] : null,
     onSelectionChange: selection => setRightSelection(selection),
     filterWrapperClass: 'transferListFilterWraper',
-    loadCompleteHandler: loadCompleteHandler,
     hasBorder: false
   })), /*#__PURE__*/_react.default.createElement("p", {
     className: 'error'
-  }, base.errorMessage))) : null);
+  }, base.errorMessage))));
 }));
 
 const TransferList = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const _React$useState15 = _react.default.useState({}),
-        _React$useState16 = _slicedToArray(_React$useState15, 1),
-        optionsListHandle = _React$useState16[0];
+  const [optionsListHandle] = _react.default.useState({});
+
+  const [selectionListHandle] = _react.default.useState({});
+
+  const [data, setData] = _react.default.useState(null);
+
+  const loadData = () => {
+    let method = props.config.dataService.type === 'rpc' ? _RestUtils.invokeRpc : _RestUtils.invokeRest;
+    return new Promise((resolve, reject) => {
+      method(props.config.dataService, props.handle, props.viewId, result => {
+        let data = props.config.dataService.type === 'rpc' ? result.data : result;
+        setData(data);
+        resolve(data);
+      }, e => {
+        console.error(e);
 
-  const _React$useState17 = _react.default.useState({}),
-        _React$useState18 = _slicedToArray(_React$useState17, 1),
-        selectionListHandle = _React$useState18[0];
+        _Utils.default.publishSystemErrorMessage(props.viewId);
+
+        reject(e);
+      });
+    });
+  };
 
   return /*#__PURE__*/_react.default.createElement(_BaseField.BaseField, _extends({}, props, {
     reference: ref,
@@ -280,25 +237,8 @@ const TransferList = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.defau
         if (objectArray.length > 0) {
           let type = objectArray[0].type;
 
-          var _iterator3 = _createForOfIteratorHelper(objectArray),
-              _step3;
-
-          try {
-            for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-              const objectArrayElement = _step3.value;
-
-              if (type === 'MapEntityDto') {
-                let objectReference = {};
-                objectReference.id = objectArrayElement.map.id;
-                val.push(objectReference);
-              } else {
-                val.push(objectArrayElement);
-              }
-            }
-          } catch (err) {
-            _iterator3.e(err);
-          } finally {
-            _iterator3.f();
+          for (const objectArrayElement of objectArray) {
+            val.push(objectArrayElement);
           }
         }
 
@@ -306,10 +246,12 @@ const TransferList = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.defau
       }
 
       return [];
-    }
+    },
+    loadDataHandler: () => loadData()
   }), base => /*#__PURE__*/_react.default.createElement(TransferListComponent, _extends({
     ref: ref,
     base: base,
+    data: data,
     optionsListHandle: optionsListHandle,
     selectionListHandle: selectionListHandle
   }, props)));

package/dist/components/form/UploadField.js

@@ -29,18 +29,6 @@ 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 useStyles = (0, _styles.makeStyles)(theme => ({
   button: {
     margin: theme.spacing(1)
@@ -70,71 +58,36 @@ const json = response => {
 const location = window.location.protocol + "//" + window.location.hostname;
 
 const DocumentUpload = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const _React$useState = _react.default.useState(!_Utils.default.isNull(props.initialFile) ? props.initialFile : null),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        viewerFile = _React$useState2[0],
-        setViewerFile = _React$useState2[1];
-
-  const _React$useState3 = _react.default.useState(_Utils.default.getComponentAttribute(props.config, 'valueMode', null)),
-        _React$useState4 = _slicedToArray(_React$useState3, 2),
-        valueMode = _React$useState4[0],
-        setValueMode = _React$useState4[1];
-
-  const _React$useState5 = _react.default.useState(!_Utils.default.isNull(props.initialFile) ? [props.initialFile] : null),
-        _React$useState6 = _slicedToArray(_React$useState5, 2),
-        files = _React$useState6[0],
-        setFiles = _React$useState6[1];
-
-  const _React$useState7 = _react.default.useState(!_Utils.default.isNull(props.base.value) ? props.base.value.documentRepositoryCacheId : null),
-        _React$useState8 = _slicedToArray(_React$useState7, 2),
-        cacheId = _React$useState8[0],
-        setCacheId = _React$useState8[1];
-
-  const _React$useState9 = _react.default.useState(true),
-        _React$useState10 = _slicedToArray(_React$useState9, 2),
-        loading = _React$useState10[0],
-        setLoading = _React$useState10[1];
-
-  const _React$useState11 = _react.default.useState(_Utils.default.isNull(props.config.validator) || props.config.validator.nullable === true),
-        _React$useState12 = _slicedToArray(_React$useState11, 1),
-        nullable = _React$useState12[0];
-
-  const _React$useState13 = _react.default.useState(props.multiple === true),
-        _React$useState14 = _slicedToArray(_React$useState13, 1),
-        multiple = _React$useState14[0];
-
-  const _React$useState15 = _react.default.useState(false),
-        _React$useState16 = _slicedToArray(_React$useState15, 2),
-        show = _React$useState16[0],
-        setShow = _React$useState16[1];
+  const [viewerFile, setViewerFile] = _react.default.useState(!_Utils.default.isNull(props.initialFile) ? props.initialFile : null);
+
+  const [valueMode, setValueMode] = _react.default.useState(_Utils.default.getComponentAttribute(props.config, 'valueMode', 'base64'));
+
+  const [files, setFiles] = _react.default.useState(!_Utils.default.isNull(props.initialFile) ? [props.initialFile] : null);
+
+  const [cacheId, setCacheId] = _react.default.useState(!_Utils.default.isNull(props.base.value) ? props.base.value.documentRepositoryCacheId : null);
+
+  const [loading, setLoading] = _react.default.useState(true);
+
+  const [nullable] = _react.default.useState(_Utils.default.isNull(props.config.validator) || props.config.validator.nullable === true);
+
+  const [multiple] = _react.default.useState(props.multiple === true);
+
+  const [show, setShow] = _react.default.useState(false);
 
   const classes = useStyles();
 
-  const _React$useState17 = _react.default.useState(ref ? ref : /*#__PURE__*/_react.default.createRef()),
-        _React$useState18 = _slicedToArray(_React$useState17, 2),
-        reference = _React$useState18[0],
-        setReference = _React$useState18[1];
+  const [reference, setReference] = _react.default.useState(ref ? ref : /*#__PURE__*/_react.default.createRef());
 
-  const _React$useState19 = _react.default.useState(null),
-        _React$useState20 = _slicedToArray(_React$useState19, 2),
-        hasError = _React$useState20[0],
-        setHasError = _React$useState20[1];
+  const [hasError, setHasError] = _react.default.useState(null);
 
   const width = _Utils.default.getComponentAttribute(props.config, 'width', '200px');
 
   const height = _Utils.default.getComponentAttribute(props.config, 'height', '200px');
 
-  const _React$useState21 = _react.default.useState(""),
-        _React$useState22 = _slicedToArray(_React$useState21, 2),
-        errorMessage = _React$useState22[0],
-        setErrorMessage = _React$useState22[1];
+  const [errorMessage, setErrorMessage] = _react.default.useState("");
 
   const base = props.base;
 
-  _react.default.useEffect(() => {
-    setCacheId();
-  });
-
   _react.default.useEffect(() => {
     setViewerFile(props.initialFile);
   }, [props.initialFile]);
@@ -205,7 +158,7 @@ const DocumentUpload = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
             },
             body: data
           };
-          let url = location + _ApplicationContext.default.getBaseApiUrl() + uploadUrl;
+          let url = location + uploadUrl;
           (0, _reactPromiseTracker.trackPromise)(fetch(encodeURI(url), fetchConfig).then(status).then(json).then(data => {
             metadata.documentRepositoryId = !_Utils.default.isNull(base.value) ? base.value.documentRepositoryId : null;
             metadata.documentRepositoryCacheId = data;
@@ -233,6 +186,7 @@ const DocumentUpload = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
 
           if (base.value) {
             fileMetaData.id = base.value.id;
+            fileMetaData.documentRepositoryId = base.value.documentRepositoryId;
           }
 
           if ('base64' === valueMode) {
@@ -288,7 +242,7 @@ const DocumentUpload = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
       backgroundColor: 'transparent',
       border: base.hasError ? "1px solid #f44336" : null,
       color: base.hasError ? "#f44336" : null,
-      backgroundImage: !_Utils.default.isNull(viewerFile) ? "url(".concat(viewerFile.base64, ")") : !_Utils.default.isNull(base.value) ? "url(".concat(location + _ApplicationContext.default.getBaseApiUrl() + '/docs/manager/download/' + base.value.documentRepositoryId + '?access_token=' + sessionStorage.getItem("accessToken") + '&idToken=' + sessionStorage.getItem("idToken"), ")") : "url(".concat(require('./' + _Utils.default.getComponentAttribute(props.config, 'defaultImage', 'default-avatar.png')), ")")
+      backgroundImage: !_Utils.default.isNull(viewerFile) ? "url(".concat(viewerFile.base64, ")") : !_Utils.default.isNull(base.value) ? "url(".concat(location + _ApplicationContext.default.getContextRoot() + '/docs/api/v1/manager/download/' + base.value.documentRepositoryId + '?access_token=' + sessionStorage.getItem("accessToken") + '&idToken=' + sessionStorage.getItem("idToken"), ")") : "url(".concat(require('./' + _Utils.default.getComponentAttribute(props.config, 'defaultImage', 'default-avatar.png')), ")")
     }
   })), base.hasError ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
     style: {
@@ -312,7 +266,7 @@ const DocumentUpload = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
       padding: "0 8px"
     }
   }, base.errorMessage)) : null), /*#__PURE__*/_react.default.createElement("label", null, !_Utils.default.isNull(base.value) ? _Utils.default.isNull(base.value.id) ? base.value.name : /*#__PURE__*/_react.default.createElement("a", {
-    href: location + _ApplicationContext.default.getBaseApiUrl() + '/docs/manager/download/' + base.value.documentRepositoryId + '?access_token=' + sessionStorage.getItem("accessToken") + '&idToken=' + sessionStorage.getItem("idToken"),
+    href: location + _ApplicationContext.default.getContextRoot() + '/docs/api/v1/manager/download/' + base.value.documentRepositoryId + '?access_token=' + sessionStorage.getItem("accessToken") + '&idToken=' + sessionStorage.getItem("idToken"),
     target: '_blank'
   }, base.value.name) : null), !base.disabled && nullable && base.value ? /*#__PURE__*/_react.default.createElement(_IconButton.default, {
     "aria-controls": "menu-list-grow",
@@ -335,21 +289,15 @@ const DocumentUpload = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
 exports.DocumentUpload = DocumentUpload;
 
 const UploadField = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const _React$useState23 = _react.default.useState(null),
-        _React$useState24 = _slicedToArray(_React$useState23, 2),
-        file = _React$useState24[0],
-        setFile = _React$useState24[1];
+  const [file, setFile] = _react.default.useState(null);
 
-  const _React$useState25 = _react.default.useState(false),
-        _React$useState26 = _slicedToArray(_React$useState25, 2),
-        clearTrigger = _React$useState26[0],
-        setClearTrigger = _React$useState26[1];
+  const clearTrigger = _react.default.useRef(false);
 
   return /*#__PURE__*/_react.default.createElement(_BaseField.BaseField, _extends({}, props, {
     handle: props.handle,
     valueParser: (value, inbound) => {
       if (inbound) {
-        setClearTrigger(!clearTrigger);
+        clearTrigger.current = !clearTrigger.current;
 
         if (!_Utils.default.isNull(value)) {
           let val = value; // TODO : Support multiple file upload
@@ -399,14 +347,14 @@ const UploadField = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.defaul
     },
     valueChangeCallback: value => {
       if (_Utils.default.isNull(value)) {
-        setClearTrigger(!clearTrigger);
+        clearTrigger.current = !clearTrigger.current;
       }
     }
   }), base => /*#__PURE__*/_react.default.createElement(DocumentUpload, _extends({
     ref: ref,
     base: base,
     initialFile: file,
-    clearTrigger: clearTrigger
+    clearTrigger: clearTrigger.current
   }, props)));
 }));
 

package/dist/components/form/fieldset.css

@@ -0,0 +1,8 @@
+.fieldSetWrapper {
+}
+
+@media only screen and (max-width: 600px) {
+    .fieldSetWrapper {
+        min-width: 100% !important;
+    }
+}

package/dist/components/grid/GridContainer.js

@@ -17,10 +17,6 @@ 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 const styles = {
   grid: {
     margin: "0 -15px",
@@ -31,11 +27,11 @@ const useStyles = (0, _styles.makeStyles)(styles);
 
 function GridContainer(props) {
   const classes = useStyles();
-
-  const children = props.children,
-        className = props.className,
-        rest = _objectWithoutProperties(props, ["children", "className"]);
-
+  const {
+    children,
+    className,
+    ...rest
+  } = props;
   return /*#__PURE__*/_react.default.createElement(_Grid.default, _extends({
     container: true
   }, rest, {

package/dist/components/grid/GridItem.js

@@ -17,10 +17,6 @@ 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 const styles = {
   grid: {
     padding: "0 15px !important"
@@ -30,11 +26,11 @@ const useStyles = (0, _styles.makeStyles)(styles);
 
 function GridItem(props) {
   const classes = useStyles();
-
-  const children = props.children,
-        className = props.className,
-        rest = _objectWithoutProperties(props, ["children", "className"]);
-
+  const {
+    children,
+    className,
+    ...rest
+  } = props;
   return /*#__PURE__*/_react.default.createElement(_Grid.default, _extends({
     item: true
   }, rest, {

package/dist/components/layout/CollapsiblePanel.js

@@ -17,42 +17,20 @@ var _Utils = _interopRequireDefault(require("../../Utils"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-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; }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function CollapsiblePanel(_ref) {
-  let children = _ref.children,
-      props = _objectWithoutProperties(_ref, ["children"]);
-
-  const title = props.title,
-        collapse = props.collapse;
-
-  const _useState = (0, _react.useState)(true),
-        _useState2 = _slicedToArray(_useState, 2),
-        isCollapse = _useState2[0],
-        setIsCollapse = _useState2[1];
-
-  const _useState3 = (0, _react.useState)("fa fa-chevron-down"),
-        _useState4 = _slicedToArray(_useState3, 2),
-        icon = _useState4[0],
-        setIcon = _useState4[1];
+function CollapsiblePanel({
+  children,
+  ...props
+}) {
+  const {
+    title,
+    collapse
+  } = props;
+  const [isCollapse, setIsCollapse] = (0, _react.useState)(true);
+  const [icon, setIcon] = (0, _react.useState)("fa fa-chevron-down");
 
   const toggle = loading => {
     let isOpen = !isCollapse;