@agilemotion/oui-react-js 1.6.0 → 1.6.2

package/dist/components/form/UploadField.js

@@ -35,19 +35,33 @@ 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); }
 
-const useStyles = (0, _styles.makeStyles)(theme => ({
-  button: {
-    margin: theme.spacing(1)
-  },
-  input: {
-    display: 'none'
-  },
-  errorMessageDisplay: {
-    color: 'red'
-  }
-}));
+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; }
+
+var useStyles = (0, _styles.makeStyles)(function (theme) {
+  return {
+    button: {
+      margin: theme.spacing(1)
+    },
+    input: {
+      display: 'none'
+    },
+    errorMessageDisplay: {
+      color: 'red'
+    }
+  };
+});
 
-const status = response => {
+var status = function status(response) {
   if (response.ok) {
     return Promise.resolve(response);
   } else {
@@ -58,75 +72,103 @@ const status = response => {
   }
 };
 
-const json = response => {
+var json = function json(response) {
   return response.text();
 };
 
-const location = window.location.protocol + "//" + window.location.hostname;
+var location = window.location.protocol + "//" + window.location.hostname;
 
-const DocumentUpload = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const [viewerFile, setViewerFile] = _react.default.useState(!_Utils.default.isNull(props.initialFile) ? props.initialFile : null);
+var DocumentUpload = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _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 [payloadStorageMode, setPayloadStorageMode] = _react.default.useState(props.config.payloadStorageMode || 'base64');
+  var _React$useState3 = _react.default.useState(props.config.payloadStorageMode || 'base64'),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      payloadStorageMode = _React$useState4[0],
+      setPayloadStorageMode = _React$useState4[1];
 
-  const [files, setFiles] = _react.default.useState(!_Utils.default.isNull(props.initialFile) ? [props.initialFile] : null);
+  var _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 [loading, setLoading] = _react.default.useState(true);
+  var _React$useState7 = _react.default.useState(true),
+      _React$useState8 = _slicedToArray(_React$useState7, 2),
+      loading = _React$useState8[0],
+      setLoading = _React$useState8[1];
 
-  const [nullable] = _react.default.useState(_Utils.default.isNull(props.config.validator) || props.config.validator.nullable === true);
+  var _React$useState9 = _react.default.useState(_Utils.default.isNull(props.config.validator) || props.config.validator.nullable === true),
+      _React$useState10 = _slicedToArray(_React$useState9, 1),
+      nullable = _React$useState10[0];
 
-  const [multiple] = _react.default.useState(props.multiple === true);
+  var _React$useState11 = _react.default.useState(props.multiple === true),
+      _React$useState12 = _slicedToArray(_React$useState11, 1),
+      multiple = _React$useState12[0];
 
-  const [show, setShow] = _react.default.useState(false);
+  var _React$useState13 = _react.default.useState(false),
+      _React$useState14 = _slicedToArray(_React$useState13, 2),
+      show = _React$useState14[0],
+      setShow = _React$useState14[1];
 
-  const classes = useStyles();
+  var classes = useStyles();
 
-  const [reference, setReference] = _react.default.useState(ref ? ref : /*#__PURE__*/_react.default.createRef());
+  var _React$useState15 = _react.default.useState(ref ? ref : /*#__PURE__*/_react.default.createRef()),
+      _React$useState16 = _slicedToArray(_React$useState15, 2),
+      reference = _React$useState16[0],
+      setReference = _React$useState16[1];
 
-  const [hasError, setHasError] = _react.default.useState(null);
+  var _React$useState17 = _react.default.useState(null),
+      _React$useState18 = _slicedToArray(_React$useState17, 2),
+      hasError = _React$useState18[0],
+      setHasError = _React$useState18[1];
 
-  const width = _Utils.default.getComponentAttribute(props.config, 'width', '200px');
+  var width = _Utils.default.getComponentAttribute(props.config, 'width', '200px');
 
-  const height = _Utils.default.getComponentAttribute(props.config, 'height', '200px');
+  var height = _Utils.default.getComponentAttribute(props.config, 'height', '200px');
 
-  const [errorMessage, setErrorMessage] = _react.default.useState("");
+  var _React$useState19 = _react.default.useState(""),
+      _React$useState20 = _slicedToArray(_React$useState19, 2),
+      errorMessage = _React$useState20[0],
+      setErrorMessage = _React$useState20[1];
 
-  const cacheId = _react.default.useRef(!_Utils.default.isNull(props.base.value) ? props.base.value.documentRepositoryCacheId : null);
+  var cacheId = _react.default.useRef(!_Utils.default.isNull(props.base.value) ? props.base.value.documentRepositoryCacheId : null);
 
-  const base = props.base;
+  var base = props.base;
 
-  _react.default.useEffect(() => {
-    return () => {
+  _react.default.useEffect(function () {
+    return function () {
       if (cacheId.current) {//remove().catch((e) => {});
       }
     };
   }, []);
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     setViewerFile(props.initialFile);
   }, [props.initialFile]);
 
-  const handleViewerLoad = numPages => {
+  var handleViewerLoad = function handleViewerLoad(numPages) {
     setLoading(false);
   };
 
-  const upload = (metadata, file, reader) => {
-    let uploadUrl = _Utils.default.getComponentAttribute(props.config, 'uploadUrl', null);
+  var upload = function upload(metadata, file, reader) {
+    var 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;
+    var payloadStorageMode = props.config.payloadStorageMode;
 
     if (payloadStorageMode === 'post') {
-      const accessToken = sessionStorage.getItem("accessToken");
-      const idToken = sessionStorage.getItem("idToken");
-      let data = new FormData();
+      var accessToken = sessionStorage.getItem("accessToken");
+      var idToken = sessionStorage.getItem("idToken");
+      var data = new FormData();
       metadata.correlationId = props.viewId + "." + props.config.id;
       data.append("metadata", JSON.stringify(metadata));
       data.append("file", file);
-      let fetchConfig = {
+      var fetchConfig = {
         method: 'POST',
         headers: {
           'Accept': 'application/json',
@@ -135,24 +177,24 @@ const DocumentUpload = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
         },
         body: data
       };
-      let url = location + uploadUrl;
-      (0, _reactPromiseTracker.trackPromise)(fetch(encodeURI(url), fetchConfig).then(status).then(json).then(data => {
+      var url = location + uploadUrl;
+      (0, _reactPromiseTracker.trackPromise)(fetch(encodeURI(url), fetchConfig).then(status).then(json).then(function (data) {
         metadata.documentRepositoryId = !_Utils.default.isNull(base.value) ? base.value.documentRepositoryId : null;
         metadata.documentRepositoryCacheId = data;
         cacheId.current = data;
         base.handleValueChange(metadata);
-      }).catch(e => {
+      }).catch(function (e) {
         if (e.code === 401) {
           _ApplicationManager.default.clear();
 
           _ApplicationManager.default.getApplicationHistory().push('/login');
         }
 
-        let message = {
+        var message = {
           messageType: 'ERROR',
           message: 'An error has accurred while uploading file'
         };
-        let event = new _Event.default(_ApplicationManager.default, props.viewId, message);
+        var event = new _Event.default(_ApplicationManager.default, props.viewId, message);
 
         _Observable.default.fireEvent(_EventType.default.MESSAGE_ARRIVED, event);
       }));
@@ -162,11 +204,11 @@ const DocumentUpload = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
     }
   };
 
-  const remove = () => {
-    return new Promise((resolve, reject) => {
-      const accessToken = sessionStorage.getItem("accessToken");
-      const idToken = sessionStorage.getItem("idToken");
-      let fetchConfig = {
+  var remove = function remove() {
+    return new Promise(function (resolve, reject) {
+      var accessToken = sessionStorage.getItem("accessToken");
+      var idToken = sessionStorage.getItem("idToken");
+      var fetchConfig = {
         method: 'GET',
         headers: {
           'Accept': 'application/json',
@@ -174,10 +216,10 @@ const DocumentUpload = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
           '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(() => {
+      var url = location + _ApplicationManager.default.getContextRoot() + '/docs/api/v1/manager/upload/remove/' + cacheId.current;
+      (0, _reactPromiseTracker.trackPromise)(fetch(encodeURI(url), fetchConfig).then(status).then(function () {
         resolve();
-      }).catch(e => {
+      }).catch(function (e) {
         if (e.code === 401) {
           _ApplicationManager.default.clear();
 
@@ -189,80 +231,86 @@ const DocumentUpload = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
     });
   };
 
-  const handleChange = () => event => {
-    let files = event.target.files;
-    var allFiles = [];
-
-    for (var i = 0; i < files.length; i++) {
-      let file = files[i];
-      let reader = new FileReader();
-      reader.readAsDataURL(file);
-
-      reader.onload = () => {
-        let fileInfo = {
-          name: file.name,
-          type: file.type,
-          size: file.size,
-          base64: reader.result,
-          file: file
-        };
-        allFiles.push(fileInfo);
+  var handleChange = function handleChange() {
+    return function (event) {
+      var files = event.target.files;
+      var allFiles = [];
+
+      var _loop = function _loop() {
+        var file = files[i];
+        var reader = new FileReader();
+        reader.readAsDataURL(file);
+
+        reader.onload = function () {
+          var fileInfo = {
+            name: file.name,
+            type: file.type,
+            size: file.size,
+            base64: reader.result,
+            file: file
+          };
+          allFiles.push(fileInfo);
+
+          if (allFiles.length === files.length) {
+            if (multiple === true) {
+              if (!_Utils.default.isNull(props.onUploadHandler)) {
+                props.onUploadHandler(allFiles);
+              }
+            } else {
+              if (!_Utils.default.isNull(props.onUploadHandler)) {
+                props.onUploadHandler(allFiles[0]);
+              }
 
-        if (allFiles.length === files.length) {
-          if (multiple === true) {
-            if (!_Utils.default.isNull(props.onUploadHandler)) {
-              props.onUploadHandler(allFiles);
-            }
-          } else {
-            if (!_Utils.default.isNull(props.onUploadHandler)) {
-              props.onUploadHandler(allFiles[0]);
+              setLoading(true);
+              setViewerFile(allFiles[0]);
             }
 
-            setLoading(true);
-            setViewerFile(allFiles[0]);
+            setFiles(allFiles);
           }
+        };
 
-          setFiles(allFiles);
-        }
-      };
-
-      reader.onloadend = () => {
-        if (!_Utils.default.isNull(props.form)) {
-          let fileMetaData = {};
-          fileMetaData.name = allFiles[0].name;
-          fileMetaData.type = allFiles[0].type;
-          fileMetaData.size = allFiles[0].size;
+        reader.onloadend = function () {
+          if (!_Utils.default.isNull(props.form)) {
+            var fileMetaData = {};
+            fileMetaData.name = allFiles[0].name;
+            fileMetaData.type = allFiles[0].type;
+            fileMetaData.size = allFiles[0].size;
 
-          if (base.value) {
-            fileMetaData.id = base.value.id;
-            fileMetaData.documentRepositoryId = base.value.documentRepositoryId;
-          }
+            if (base.value) {
+              fileMetaData.id = base.value.id;
+              fileMetaData.documentRepositoryId = base.value.documentRepositoryId;
+            }
 
-          if ('base64' === payloadStorageMode) {
-            fileMetaData.payload = allFiles[0].base64;
-            base.handleValueChange(fileMetaData);
-          } else {
-            fileMetaData.correlationId = props.config.id;
-            fileMetaData.domain = props.viewId;
-            let file = {};
-            file.correlationId = fileMetaData.correlationId;
-            file.content = allFiles[0].file;
-
-            if (cacheId.current) {
-              remove().then(() => {
-                cacheId.current = null;
-                upload(fileMetaData, allFiles[0].file, reader);
-              }).catch(e => {});
+            if ('base64' === payloadStorageMode) {
+              fileMetaData.payload = allFiles[0].base64;
+              base.handleValueChange(fileMetaData);
             } else {
-              upload(fileMetaData, allFiles[0].file, reader);
+              fileMetaData.correlationId = props.config.id;
+              fileMetaData.domain = props.viewId;
+              var _file = {};
+              _file.correlationId = fileMetaData.correlationId;
+              _file.content = allFiles[0].file;
+
+              if (cacheId.current) {
+                remove().then(function () {
+                  cacheId.current = null;
+                  upload(fileMetaData, allFiles[0].file, reader);
+                }).catch(function (e) {});
+              } else {
+                upload(fileMetaData, allFiles[0].file, reader);
+              }
             }
           }
-        }
+        };
       };
-    }
+
+      for (var i = 0; i < files.length; i++) {
+        _loop();
+      }
+    };
   };
 
-  let defaultImage = null;
+  var defaultImage = null;
 
   if (props.style === 'IMAGE') {
     defaultImage = props.config.attributes['defaultImage'];
@@ -322,12 +370,14 @@ const DocumentUpload = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
     "aria-controls": "menu-list-grow",
     ref: ref,
     "aria-haspopup": "true",
-    onClick: () => {
+    onClick: function 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 => {});
+        remove().then(function () {
+          return cacheId.current = null;
+        }).catch(function (e) {});
       }
     }
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
@@ -342,27 +392,32 @@ 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 [file, setFile] = _react.default.useState(null);
+var UploadField = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _React$useState21 = _react.default.useState(null),
+      _React$useState22 = _slicedToArray(_React$useState21, 2),
+      file = _React$useState22[0],
+      setFile = _React$useState22[1];
 
-  const clearTrigger = _react.default.useRef(false);
+  var clearTrigger = _react.default.useRef(false);
 
   return /*#__PURE__*/_react.default.createElement(_BaseField.BaseField, _extends({}, props, {
     handle: props.handle,
-    valueParser: (value, inbound) => {
+    valueParser: function valueParser(value, inbound) {
       return value;
     },
-    valueChangeCallback: value => {
+    valueChangeCallback: function valueChangeCallback(value) {
       if (_Utils.default.isNull(value)) {
         clearTrigger.current = !clearTrigger.current;
       }
     }
-  }), base => /*#__PURE__*/_react.default.createElement(DocumentUpload, _extends({
-    ref: ref,
-    base: base,
-    initialFile: file,
-    clearTrigger: clearTrigger.current
-  }, props)));
+  }), function (base) {
+    return /*#__PURE__*/_react.default.createElement(DocumentUpload, _extends({
+      ref: ref,
+      base: base,
+      initialFile: file,
+      clearTrigger: clearTrigger.current
+    }, props));
+  });
 }));
 
 exports.UploadField = UploadField;

package/dist/components/grid/GridContainer.js

@@ -17,21 +17,25 @@ 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); }
 
-const styles = {
+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; }
+
+var styles = {
   grid: {
     margin: "0 -15px",
     width: "calc(100% + 30px)"
   }
 };
-const useStyles = (0, _styles.makeStyles)(styles);
+var useStyles = (0, _styles.makeStyles)(styles);
 
 function GridContainer(props) {
-  const classes = useStyles();
-  const {
-    children,
-    className,
-    ...rest
-  } = props;
+  var classes = useStyles();
+
+  var children = props.children,
+      className = props.className,
+      rest = _objectWithoutProperties(props, ["children", "className"]);
+
   return /*#__PURE__*/_react.default.createElement(_Grid.default, _extends({
     container: true
   }, rest, {

package/dist/components/grid/GridItem.js

@@ -17,20 +17,24 @@ 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); }
 
-const styles = {
+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; }
+
+var styles = {
   grid: {
     padding: "0 15px !important"
   }
 };
-const useStyles = (0, _styles.makeStyles)(styles);
+var useStyles = (0, _styles.makeStyles)(styles);
 
 function GridItem(props) {
-  const classes = useStyles();
-  const {
-    children,
-    className,
-    ...rest
-  } = props;
+  var classes = useStyles();
+
+  var children = props.children,
+      className = props.className,
+      rest = _objectWithoutProperties(props, ["children", "className"]);
+
   return /*#__PURE__*/_react.default.createElement(_Grid.default, _extends({
     item: true
   }, rest, {

package/dist/components/layout/CollapsiblePanel.js

@@ -1,5 +1,7 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,25 +19,47 @@ 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 () { return cache; }; return cache; }
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { 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 _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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-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");
+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; }
 
-  const toggle = loading => {
-    let isOpen = !isCollapse;
+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) {
+  var children = _ref.children,
+      props = _objectWithoutProperties(_ref, ["children"]);
+
+  var title = props.title,
+      collapse = props.collapse;
+
+  var _useState = (0, _react.useState)(true),
+      _useState2 = _slicedToArray(_useState, 2),
+      isCollapse = _useState2[0],
+      setIsCollapse = _useState2[1];
+
+  var _useState3 = (0, _react.useState)("fa fa-chevron-down"),
+      _useState4 = _slicedToArray(_useState3, 2),
+      icon = _useState4[0],
+      setIcon = _useState4[1];
+
+  var toggle = function toggle(loading) {
+    var isOpen = !isCollapse;
     setIsCollapse(isOpen);
-    setIcon(state => {
+    setIcon(function (state) {
       return state === "fa fa-chevron-down" ? "fa fa-chevron-right" : "fa fa-chevron-down";
     });
 
@@ -44,7 +68,7 @@ function CollapsiblePanel({
     }
   };
 
-  const styles = {
+  var styles = {
     menuItem: {
       color: _colors.grey900,
       fontSize: 14
@@ -54,7 +78,7 @@ function CollapsiblePanel({
       fontSize: 14
     }
   };
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     toggle(true);
   }, [collapse]);
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -63,7 +87,9 @@ function CollapsiblePanel({
       borderBottom: "1px solid rgba(255,255,255,0.5)"
     }
   }, /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
-    onClick: () => toggle(false),
+    onClick: function onClick() {
+      return toggle(false);
+    },
     key: props.key,
     style: !isCollapse ? styles.menuItem : styles.menuItemExpanded,
     primaryText: title