@agilemotion/oui-react-js 1.3.8 → 1.4.0

package/dist/components/form/UploadField.js

@@ -17,7 +17,7 @@ var _DocumentViewer = _interopRequireDefault(require("../DocumentViewer"));
 
 var _Utils = _interopRequireDefault(require("../../Utils"));
 
-var _ApplicationContext = _interopRequireDefault(require("./../../ApplicationContext"));
+var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManager"));
 
 var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
 
@@ -25,21 +25,15 @@ var _Icon = _interopRequireDefault(require("../Icon"));
 
 var _reactPromiseTracker = require("react-promise-tracker");
 
-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); }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+var _Event = _interopRequireDefault(require("../../event/Event"));
 
-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."); }
+var _Observable = _interopRequireDefault(require("../../event/Observable"));
 
-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); }
+var _EventType = _interopRequireDefault(require("../../event/EventType"));
 
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+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 useStyles = (0, _styles.makeStyles)(theme => ({
   button: {
@@ -57,9 +51,10 @@ const status = response => {
   if (response.ok) {
     return Promise.resolve(response);
   } else {
-    let error = new Error(response.statusText);
-    error.code = response.status;
-    return Promise.reject(error);
+    return Promise.reject({
+      code: response.status,
+      message: response.statusText
+    });
   }
 };
 
@@ -70,85 +65,130 @@ 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 [payloadStorageMode, setPayloadStorageMode] = _react.default.useState(props.config.payloadStorageMode || 'base64');
+
+  const [files, setFiles] = _react.default.useState(!_Utils.default.isNull(props.initialFile) ? [props.initialFile] : 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 cacheId = _react.default.useRef(!_Utils.default.isNull(props.base.value) ? props.base.value.documentRepositoryCacheId : null);
 
   const base = props.base;
 
   _react.default.useEffect(() => {
-    setCacheId();
-  });
+    return () => {
+      if (cacheId.current) {//remove().catch((e) => {});
+      }
+    };
+  }, []);
 
   _react.default.useEffect(() => {
     setViewerFile(props.initialFile);
   }, [props.initialFile]);
 
-  _react.default.useEffect(() => {
-    if (!_Utils.default.isNull(props.valueMode)) {
-      setValueMode(props.valueMode);
-    }
-  }, [props.valueMode]);
-
   const handleViewerLoad = numPages => {
     setLoading(false);
   };
 
+  const upload = (metadata, file, reader) => {
+    let uploadUrl = _Utils.default.getComponentAttribute(props.config, 'uploadUrl', null);
+
+    if (uploadUrl === null) {
+      uploadUrl = _ApplicationManager.default.getContextRoot() + "/docs/api/v1/manager/upload/save";
+    }
+
+    let payloadStorageMode = props.config.payloadStorageMode;
+
+    if (payloadStorageMode === 'post') {
+      const accessToken = sessionStorage.getItem("accessToken");
+      const idToken = sessionStorage.getItem("idToken");
+      let data = new FormData();
+      metadata.correlationId = props.viewId + "." + props.config.id;
+      data.append("metadata", JSON.stringify(metadata));
+      data.append("file", file);
+      let fetchConfig = {
+        method: 'POST',
+        headers: {
+          'Accept': 'application/json',
+          'Authorization': 'Bearer ' + accessToken,
+          'idToken': idToken
+        },
+        body: data
+      };
+      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;
+        cacheId.current = data;
+        base.handleValueChange(metadata);
+      }).catch(e => {
+        if (e.code === 401) {
+          _ApplicationManager.default.clear();
+
+          _ApplicationManager.default.getApplicationHistory().push('/login');
+        }
+
+        let message = {
+          messageType: 'ERROR',
+          message: 'An error has accurred while uploading file'
+        };
+        let event = new _Event.default(_ApplicationManager.default, props.viewId, message);
+
+        _Observable.default.fireEvent(_EventType.default.MESSAGE_ARRIVED, event);
+      }));
+    } else {
+      metadata.payload = reader.result;
+      base.handleValueChange(metadata);
+    }
+  };
+
+  const remove = () => {
+    return new Promise((resolve, reject) => {
+      const accessToken = sessionStorage.getItem("accessToken");
+      const idToken = sessionStorage.getItem("idToken");
+      let fetchConfig = {
+        method: 'GET',
+        headers: {
+          'Accept': 'application/json',
+          'Authorization': 'Bearer ' + accessToken,
+          'idToken': idToken
+        }
+      };
+      let url = location + _ApplicationManager.default.getContextRoot() + '/docs/api/v1/manager/upload/remove/' + cacheId.current;
+      (0, _reactPromiseTracker.trackPromise)(fetch(encodeURI(url), fetchConfig).then(status).then(() => {
+        resolve();
+      }).catch(e => {
+        if (e.code === 401) {
+          _ApplicationManager.default.clear();
+
+          _ApplicationManager.default.getApplicationHistory().push('/login');
+        } else {
+          reject(e);
+        }
+      }));
+    });
+  };
+
   const handleChange = () => event => {
     let files = event.target.files;
     var allFiles = [];
@@ -186,44 +226,6 @@ const DocumentUpload = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
         }
       };
 
-      const upload = (metadata, file, uploadUrl) => {
-        let uploadMode = _Utils.default.getComponentAttribute(props.config, "uploadMode", "POST");
-
-        if (uploadMode === 'POST') {
-          const accessToken = sessionStorage.getItem("accessToken");
-          const idToken = sessionStorage.getItem("idToken");
-          let data = new FormData();
-          metadata.correlationId = props.viewId + "." + props.config.id;
-          data.append("metadata", JSON.stringify(metadata));
-          data.append("file", file);
-          let fetchConfig = {
-            method: 'POST',
-            headers: {
-              'Accept': 'application/json',
-              'Authorization': 'Bearer ' + accessToken,
-              'idToken': idToken
-            },
-            body: data
-          };
-          let url = location + _ApplicationContext.default.getBaseApiUrl() + 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;
-            setCacheId(data);
-            base.handleValueChange(metadata);
-          }).catch(e => {
-            if (e.code === 401) {
-              _ApplicationContext.default.clear();
-
-              _ApplicationContext.default.getApplicationHistory().push('/login');
-            }
-          }));
-        } else {
-          metadata.payloadBase64 = reader.result;
-          base.handleValueChange(metadata);
-        }
-      };
-
       reader.onloadend = () => {
         if (!_Utils.default.isNull(props.form)) {
           let fileMetaData = {};
@@ -233,10 +235,11 @@ 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) {
-            fileMetaData.url = allFiles[0].base64;
+          if ('base64' === payloadStorageMode) {
+            fileMetaData.payload = allFiles[0].base64;
             base.handleValueChange(fileMetaData);
           } else {
             fileMetaData.correlationId = props.config.id;
@@ -245,13 +248,14 @@ const DocumentUpload = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
             file.correlationId = fileMetaData.correlationId;
             file.content = allFiles[0].file;
 
-            let uploadUrl = _Utils.default.getComponentAttribute(props.config, 'uploadUrl', null);
-
-            if (uploadUrl === null) {
-              uploadUrl = "/docs/manager/upload/save";
+            if (cacheId.current) {
+              remove().then(() => {
+                cacheId.current = null;
+                upload(fileMetaData, allFiles[0].file, reader);
+              }).catch(e => {});
+            } else {
+              upload(fileMetaData, allFiles[0].file, reader);
             }
-
-            upload(fileMetaData, allFiles[0].file, uploadUrl);
           }
         }
       };
@@ -288,7 +292,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 + _ApplicationManager.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 +316,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 + _ApplicationManager.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",
@@ -321,6 +325,10 @@ const DocumentUpload = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
     onClick: () => {
       base.handleValueChange(null);
       document.getElementById("contained-button-file-".concat(props.config.id)).value = null;
+
+      if (cacheId.current) {
+        remove().then(() => cacheId.current = null).catch(e => {});
+      }
     }
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     id: 'DELETE'
@@ -335,78 +343,25 @@ 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);
-
-        if (!_Utils.default.isNull(value)) {
-          let val = value; // TODO : Support multiple file upload
-
-          if (_Utils.default.getComponentAttribute(props.config, 'multiple', false)) {
-            if (typeof value.length !== 'undefined' && value.length > 0) {
-              val = value[0];
-            } else {
-              if (value.documentRepositoryId) {
-                return value;
-              }
-
-              return null;
-            }
-          }
-
-          if (val.map) {
-            val = val.map;
-          }
-
-          let fileMetaData = {};
-          fileMetaData.name = !_Utils.default.isNull(val.label) ? val.label : val.name;
-          fileMetaData.id = val.id;
-          fileMetaData.type = val.type;
-          fileMetaData.size = val.size;
-          fileMetaData.documentRepositoryId = !_Utils.default.isNull(val.key) ? val.key : val.documentRepositoryId;
-          fileMetaData.documentRepositoryCacheId = val.documentRepositoryCacheId;
-
-          if (!_Utils.default.isNull(val.url)) {
-            let file = {};
-            file.base64 = val.url;
-            setFile(file);
-          }
-
-          return fileMetaData;
-        }
-      } else {
-        // TODO : Support multiple file upload
-        if (_Utils.default.getComponentAttribute(props.config, 'multiple', false)) {
-          let valArray = [];
-          valArray.push(value);
-          return valArray;
-        }
-      }
-
       return value;
     },
     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;