@agilemotion/oui-react-js 1.6.3 → 1.6.5

package/dist/components/form/UploadField.js

@@ -4,64 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.UploadField = exports.DocumentUpload = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-
 var _BaseField = require("./BaseField");
-
 var _styles = require("@material-ui/core/styles");
-
 var _DocumentViewer = _interopRequireDefault(require("../DocumentViewer"));
-
 var _Utils = _interopRequireDefault(require("../../Utils"));
-
 var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManager"));
-
 var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
-
 var _Icon = _interopRequireDefault(require("../Icon"));
-
 var _reactPromiseTracker = require("react-promise-tracker");
-
 var _Event = _interopRequireDefault(require("../../event/Event"));
-
 var _Observable = _interopRequireDefault(require("../../event/Observable"));
-
 var _EventType = _interopRequireDefault(require("../../event/EventType"));
-
-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(); }
-
-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'
-    }
-  };
-});
-
-var status = function status(response) {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const useStyles = (0, _styles.makeStyles)(theme => ({
+  button: {
+    margin: theme.spacing(1)
+  },
+  input: {
+    display: 'none'
+  },
+  errorMessageDisplay: {
+    color: 'red'
+  }
+}));
+const status = response => {
   if (response.ok) {
     return Promise.resolve(response);
   } else {
@@ -71,104 +40,53 @@ var status = function status(response) {
     });
   }
 };
-
-var json = function json(response) {
+const json = response => {
   return response.text();
 };
-
-var location = window.location.protocol + "//" + window.location.hostname;
-
-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];
-
-  var _React$useState3 = _react.default.useState(props.config.payloadStorageMode || 'base64'),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      payloadStorageMode = _React$useState4[0],
-      setPayloadStorageMode = _React$useState4[1];
-
-  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];
-
-  var _React$useState7 = _react.default.useState(true),
-      _React$useState8 = _slicedToArray(_React$useState7, 2),
-      loading = _React$useState8[0],
-      setLoading = _React$useState8[1];
-
-  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];
-
-  var _React$useState11 = _react.default.useState(props.multiple === true),
-      _React$useState12 = _slicedToArray(_React$useState11, 1),
-      multiple = _React$useState12[0];
-
-  var _React$useState13 = _react.default.useState(false),
-      _React$useState14 = _slicedToArray(_React$useState13, 2),
-      show = _React$useState14[0],
-      setShow = _React$useState14[1];
-
-  var classes = useStyles();
-
-  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];
-
-  var _React$useState17 = _react.default.useState(null),
-      _React$useState18 = _slicedToArray(_React$useState17, 2),
-      hasError = _React$useState18[0],
-      setHasError = _React$useState18[1];
-
-  var width = _Utils.default.getComponentAttribute(props.config, 'width', '200px');
-
-  var height = _Utils.default.getComponentAttribute(props.config, 'height', '200px');
-
-  var _React$useState19 = _react.default.useState(""),
-      _React$useState20 = _slicedToArray(_React$useState19, 2),
-      errorMessage = _React$useState20[0],
-      setErrorMessage = _React$useState20[1];
-
-  var cacheId = _react.default.useRef(!_Utils.default.isNull(props.base.value) ? props.base.value.documentRepositoryCacheId : null);
-
-  var base = props.base;
-
-  _react.default.useEffect(function () {
-    return function () {
-      if (cacheId.current) {//remove().catch((e) => {});
+const location = window.location.protocol + "//" + window.location.hostname;
+const DocumentUpload = exports.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);
+  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 [reference, setReference] = _react.default.useState(ref ? ref : /*#__PURE__*/_react.default.createRef());
+  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 [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(() => {
+    return () => {
+      if (cacheId.current) {
+        //remove().catch((e) => {});
       }
     };
   }, []);
-
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     setViewerFile(props.initialFile);
   }, [props.initialFile]);
-
-  var handleViewerLoad = function handleViewerLoad(numPages) {
+  const handleViewerLoad = numPages => {
     setLoading(false);
   };
-
-  var upload = function upload(metadata, file, reader) {
-    var uploadUrl = _Utils.default.getComponentAttribute(props.config, 'uploadUrl', null);
-
+  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";
     }
-
-    var payloadStorageMode = props.config.payloadStorageMode;
-
+    let payloadStorageMode = props.config.payloadStorageMode;
     if (payloadStorageMode === 'post') {
-      var accessToken = sessionStorage.getItem("accessToken");
-      var idToken = sessionStorage.getItem("idToken");
-      var data = new FormData();
+      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);
-      var fetchConfig = {
+      let fetchConfig = {
         method: 'POST',
         headers: {
           'Accept': 'application/json',
@@ -177,25 +95,22 @@ var DocumentUpload = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.defau
         },
         body: data
       };
-      var url = location + uploadUrl;
-      (0, _reactPromiseTracker.trackPromise)(fetch(encodeURI(url), fetchConfig).then(status).then(json).then(function (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(function (e) {
+      }).catch(e => {
         if (e.code === 401) {
           _ApplicationManager.default.clear();
-
           _ApplicationManager.default.getApplicationHistory().push('/login');
         }
-
-        var message = {
+        let message = {
           messageType: 'ERROR',
           message: 'An error has accurred while uploading file'
         };
-        var event = new _Event.default(_ApplicationManager.default, props.viewId, message);
-
+        let event = new _Event.default(_ApplicationManager.default, props.viewId, message);
         _Observable.default.fireEvent(_EventType.default.MESSAGE_ARRIVED, event);
       }));
     } else {
@@ -203,12 +118,11 @@ var DocumentUpload = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.defau
       base.handleValueChange(metadata);
     }
   };
-
-  var remove = function remove() {
-    return new Promise(function (resolve, reject) {
-      var accessToken = sessionStorage.getItem("accessToken");
-      var idToken = sessionStorage.getItem("idToken");
-      var fetchConfig = {
+  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',
@@ -216,13 +130,12 @@ var DocumentUpload = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.defau
           'idToken': idToken
         }
       };
-      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 () {
+      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(function (e) {
+      }).catch(e => {
         if (e.code === 401) {
           _ApplicationManager.default.clear();
-
           _ApplicationManager.default.getApplicationHistory().push('/login');
         } else {
           reject(e);
@@ -230,103 +143,84 @@ var DocumentUpload = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.defau
       }));
     });
   };
-
-  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]);
-              }
-
-              setLoading(true);
-              setViewerFile(allFiles[0]);
-            }
-
-            setFiles(allFiles);
-          }
+  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
         };
-
-        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;
+        allFiles.push(fileInfo);
+        if (allFiles.length === files.length) {
+          if (multiple === true) {
+            if (!_Utils.default.isNull(props.onUploadHandler)) {
+              props.onUploadHandler(allFiles);
             }
-
-            if ('base64' === payloadStorageMode) {
-              fileMetaData.payload = allFiles[0].base64;
-              base.handleValueChange(fileMetaData);
-            } else {
-              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 {
+          } else {
+            if (!_Utils.default.isNull(props.onUploadHandler)) {
+              props.onUploadHandler(allFiles[0]);
+            }
+            setLoading(true);
+            setViewerFile(allFiles[0]);
+          }
+          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;
+          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 => {});
+            } else {
+              upload(fileMetaData, allFiles[0].file, reader);
             }
           }
-        };
+        }
       };
-
-      for (var i = 0; i < files.length; i++) {
-        _loop();
-      }
-    };
+    }
   };
-
-  var defaultImage = null;
-
+  let defaultImage = null;
   if (props.style === 'IMAGE') {
     defaultImage = props.config.attributes['defaultImage'];
   }
-
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("input", {
     accept: props.style === 'IMAGE' ? "image/jpeg,image/gif,image/png,image/x-eps" : "image/jpeg,image/gif,image/png,application/pdf,image/x-eps",
     className: classes.input,
-    id: "contained-button-file-".concat(props.config.id),
+    id: `contained-button-file-${props.config.id}`,
     disabled: base.disabled,
     required: base.required,
     multiple: multiple,
     onChange: handleChange(),
     type: "file"
   }), props.style === 'IMAGE' ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("label", {
-    htmlFor: "contained-button-file-".concat(props.config.id)
+    htmlFor: `contained-button-file-${props.config.id}`
   }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Button.default, {
     variant: "contained",
     component: "span",
@@ -340,7 +234,7 @@ var DocumentUpload = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.defau
       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 + _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')), ")")
+      backgroundImage: !_Utils.default.isNull(viewerFile) ? `url(${viewerFile.base64})` : !_Utils.default.isNull(base.value) ? `url(${location + _ApplicationManager.default.getContextRoot() + '/docs/api/v1/manager/download/' + base.value.documentRepositoryId + '?access_token=' + sessionStorage.getItem("accessToken") + '&idToken=' + sessionStorage.getItem("idToken")})` : `url(${require('./' + _Utils.default.getComponentAttribute(props.config, 'defaultImage', 'default-avatar.png'))})`
     }
   })), base.hasError ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
     style: {
@@ -348,7 +242,7 @@ var DocumentUpload = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.defau
       padding: "0 8px"
     }
   }, base.errorMessage)) : null)) : /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("label", {
-    htmlFor: "contained-button-file-".concat(props.config.id)
+    htmlFor: `contained-button-file-${props.config.id}`
   }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Button.default, {
     variant: "contained",
     component: "span",
@@ -370,14 +264,11 @@ var DocumentUpload = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.defau
     "aria-controls": "menu-list-grow",
     ref: ref,
     "aria-haspopup": "true",
-    onClick: function onClick() {
+    onClick: () => {
       base.handleValueChange(null);
-      document.getElementById("contained-button-file-".concat(props.config.id)).value = null;
-
+      document.getElementById(`contained-button-file-${props.config.id}`).value = null;
       if (cacheId.current) {
-        remove().then(function () {
-          return cacheId.current = null;
-        }).catch(function (e) {});
+        remove().then(() => cacheId.current = null).catch(e => {});
       }
     }
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
@@ -389,37 +280,24 @@ var DocumentUpload = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.defau
     className: classes.errorMessageDisplay
   }, errorMessage) : "");
 }));
-
-exports.DocumentUpload = DocumentUpload;
-
-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];
-
-  var clearTrigger = _react.default.useRef(false);
-
+const UploadField = exports.UploadField = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const [file, setFile] = _react.default.useState(null);
+  const clearTrigger = _react.default.useRef(false);
   return /*#__PURE__*/_react.default.createElement(_BaseField.BaseField, _extends({}, props, {
     handle: props.handle,
-    valueParser: function valueParser(value, inbound) {
+    valueParser: (value, inbound) => {
       return value;
     },
-    valueChangeCallback: function valueChangeCallback(value) {
+    valueChangeCallback: value => {
       if (_Utils.default.isNull(value)) {
         clearTrigger.current = !clearTrigger.current;
       }
     }
-  }), function (base) {
-    return /*#__PURE__*/_react.default.createElement(DocumentUpload, _extends({
-      ref: ref,
-      base: base,
-      initialFile: file,
-      clearTrigger: clearTrigger.current
-    }, props));
-  });
+  }), base => /*#__PURE__*/_react.default.createElement(DocumentUpload, _extends({
+    ref: ref,
+    base: base,
+    initialFile: file,
+    clearTrigger: clearTrigger.current
+  }, props)));
 }));
-
-exports.UploadField = UploadField;
-var _default = UploadField;
-exports.default = _default;
+var _default = exports.default = UploadField;

package/dist/components/grid/GridContainer.js

@@ -4,45 +4,32 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = GridContainer;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styles = require("@material-ui/core/styles");
-
 var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));
-
-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 _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 = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const styles = {
   grid: {
     margin: "0 -15px",
     width: "calc(100% + 30px)"
   }
 };
-var useStyles = (0, _styles.makeStyles)(styles);
-
+const useStyles = (0, _styles.makeStyles)(styles);
 function GridContainer(props) {
-  var classes = useStyles();
-
-  var children = props.children,
-      className = props.className,
-      rest = _objectWithoutProperties(props, ["children", "className"]);
-
+  const classes = useStyles();
+  const {
+    children,
+    className,
+    ...rest
+  } = props;
   return /*#__PURE__*/_react.default.createElement(_Grid.default, _extends({
     container: true
   }, rest, {
     className: classes.grid + " " + className
   }), children);
 }
-
 GridContainer.propTypes = {
   className: _propTypes.default.string,
   children: _propTypes.default.node

package/dist/components/grid/GridItem.js

@@ -4,44 +4,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = GridItem;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styles = require("@material-ui/core/styles");
-
 var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));
-
-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 _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 = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const styles = {
   grid: {
     padding: "0 15px !important"
   }
 };
-var useStyles = (0, _styles.makeStyles)(styles);
-
+const useStyles = (0, _styles.makeStyles)(styles);
 function GridItem(props) {
-  var classes = useStyles();
-
-  var children = props.children,
-      className = props.className,
-      rest = _objectWithoutProperties(props, ["children", "className"]);
-
+  const classes = useStyles();
+  const {
+    children,
+    className,
+    ...rest
+  } = props;
   return /*#__PURE__*/_react.default.createElement(_Grid.default, _extends({
     item: true
   }, rest, {
     className: classes.grid + " " + className
   }), " ", children);
 }
-
 GridItem.propTypes = {
   className: _propTypes.default.string,
   children: _propTypes.default.node