@agilemotion/oui-react-js 1.3.8 → 1.4.0

package/dist/components/Toolbar.js

@@ -21,28 +21,10 @@ var _Utils = _interopRequireDefault(require("../Utils"));
 
 var _styles = require("@material-ui/core/styles");
 
-var _asyncMutex = require("async-mutex");
+var _Icon = _interopRequireDefault(require("./Icon"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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 asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
-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 => ({
   spacer: {
     borderLeft: '2px solid' + theme.palette.secondary.main,
@@ -66,29 +48,38 @@ const StyledToggleButtonGroup = (0, _core.withStyles)(theme => ({
 const Toolbar = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const classes = useStyles();
 
-  const _React$useState = _react.default.useState([]),
-        _React$useState2 = _slicedToArray(_React$useState, 1),
-        itemHandles = _React$useState2[0];
+  const [itemHandles] = _react.default.useState([]);
 
-  const _React$useState3 = _react.default.useState('left'),
-        _React$useState4 = _slicedToArray(_React$useState3, 1),
-        alignment = _React$useState4[0];
+  const [alignment] = _react.default.useState(_Utils.default.getComponentAttribute(props.config, 'alignment', 'left'));
 
-  const _React$useState5 = _react.default.useState([]),
-        _React$useState6 = _slicedToArray(_React$useState5, 1),
-        loadedComponents = _React$useState6[0];
+  const [config, setConfig] = _react.default.useState(null);
 
-  const mutex = new _asyncMutex.Mutex();
   let itemKeyCounter = 0;
   let sectionKeyCounter = 0;
 
   _react.default.useEffect(() => {
     props.handle.api = api();
+  });
 
-    _Observable.default.addSubscriptions(props.config.eventHandlingConfig, props.handle, props.viewId);
+  _react.default.useEffect(() => {
+    if (config) {
+      props.handle.api = api();
 
-    _Observable.default.addSystemSubscriptions(props.config);
-  });
+      let parsedConfig = _Utils.default.parseConfig(config, props.viewId);
+
+      _Observable.default.addSubscriptions(parsedConfig.eventHandlingConfig, props.handle, props.viewId);
+
+      _Observable.default.addSystemSubscriptions(props.viewId, parsedConfig);
+    }
+  }, [config]);
+
+  _react.default.useEffect(() => {
+    var _props$tableRow$id;
+
+    setConfig(props.tableRow ? { ...props.config,
+      id: props.config.id + '_' + ((_props$tableRow$id = props.tableRow.id) === null || _props$tableRow$id === void 0 ? void 0 : _props$tableRow$id.replaceAll('-', ''))
+    } : props.config);
+  }, []);
 
   function createItemHandle() {
     let handle = {};
@@ -96,6 +87,19 @@ const Toolbar = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     return handle;
   }
 
+  function getDefaultStyle(item) {
+    var _item$attributes, _item$attributes$styl, _item$attributes2, _item$attributes2$sty, _item$attributes3, _item$attributes3$sty;
+
+    return {
+      height: item.type === 'toolbarSpacer' ? (_item$attributes = item.attributes) !== null && _item$attributes !== void 0 && (_item$attributes$styl = _item$attributes.style) !== null && _item$attributes$styl !== void 0 && _item$attributes$styl.height ? (_item$attributes2 = item.attributes) === null || _item$attributes2 === void 0 ? void 0 : (_item$attributes2$sty = _item$attributes2.style) === null || _item$attributes2$sty === void 0 ? void 0 : _item$attributes2$sty.height : '100%' : null,
+      width: item.type === 'toolbarSpacer' ? '2' ? (_item$attributes3 = item.attributes) === null || _item$attributes3 === void 0 ? void 0 : (_item$attributes3$sty = _item$attributes3.style) === null || _item$attributes3$sty === void 0 ? void 0 : _item$attributes3$sty.width : '100%' : null,
+      minWidth: item.type === 'toolbarSpacer' ? '2' : _Utils.default.isNull(item.attributes) || _Utils.default.isNull(item.attributes['label']) ? '60px' : null,
+      marginLeft: item.type === 'toolbarSpacer' ? '4px' : 0,
+      marginRight: 4,
+      marginTop: item.type === 'toolbarSpacer' ? '6px' : 0
+    };
+  }
+
   function renderItem(item, defaultId) {
     if (_Utils.default.isNull(item.id)) {
       item.id = defaultId;
@@ -105,149 +109,42 @@ const Toolbar = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
       config: item,
       handle: createItemHandle(),
       ref: /*#__PURE__*/_react.default.createRef(),
-      viewId: props.viewId,
-      loadCompleteHandler: loadCompleteHandler
+      tableRow: props.tableRow,
+      viewId: props.viewId
     }) : item.type === 'button' ? /*#__PURE__*/_react.default.createElement(_Button.default, {
       config: item,
       handle: createItemHandle(),
       ref: /*#__PURE__*/_react.default.createRef(),
-      viewId: props.viewId,
-      loadCompleteHandler: loadCompleteHandler
+      tableRow: props.tableRow,
+      viewId: props.viewId
     }) : item.type === 'toolbarSpacer' ? /*#__PURE__*/_react.default.createElement("div", {
       className: classes.spacer
-    }, "\xA0") : /*#__PURE__*/_react.default.createElement("div", null, "Unsupported toolbar item type " + item.type);
-  }
-
-  function loadCompleteHandler(_x) {
-    return _loadCompleteHandler.apply(this, arguments);
-  }
-
-  function _loadCompleteHandler() {
-    _loadCompleteHandler = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(id) {
-      var release, allLoaded, _iterator, _step, section, _iterator2, _step2, item;
-
-      return regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.next = 2;
-            return mutex.acquire();
-
-          case 2:
-            release = _context.sent;
-            _context.prev = 3;
-            loadedComponents.push(id);
-            allLoaded = true;
-
-            if (!(_Utils.default.isNull(props.config.sections) || _Utils.default.isNull(props.config.sections.length === 0))) {
-              _context.next = 9;
-              break;
-            }
-
-            console.error("Toolbar without sections");
-            return _context.abrupt("return");
-
-          case 9:
-            _iterator = _createForOfIteratorHelper(props.config.sections);
-            _context.prev = 10;
-
-            _iterator.s();
-
-          case 12:
-            if ((_step = _iterator.n()).done) {
-              _context.next = 21;
-              break;
-            }
-
-            section = _step.value;
-
-            if (!(_Utils.default.isNull(section.items) || _Utils.default.isNull(section.items.length === 0))) {
-              _context.next = 17;
-              break;
-            }
-
-            console.error("Toolbar section without items");
-            return _context.abrupt("return");
-
-          case 17:
-            _iterator2 = _createForOfIteratorHelper(section.items);
-
-            try {
-              for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-                item = _step2.value;
-
-                if (!loadedComponents.includes(item.id) && item.type !== 'toolbarSpacer') {
-                  allLoaded = false;
-                }
-              }
-            } catch (err) {
-              _iterator2.e(err);
-            } finally {
-              _iterator2.f();
-            }
-
-          case 19:
-            _context.next = 12;
-            break;
-
-          case 21:
-            _context.next = 26;
-            break;
-
-          case 23:
-            _context.prev = 23;
-            _context.t0 = _context["catch"](10);
-
-            _iterator.e(_context.t0);
-
-          case 26:
-            _context.prev = 26;
-
-            _iterator.f();
-
-            return _context.finish(26);
-
-          case 29:
-            if (allLoaded === true) {
-              props.loadCompleteHandler(props.config.id);
-            }
-
-          case 30:
-            _context.prev = 30;
-            release();
-            return _context.finish(30);
-
-          case 33:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[3,, 30, 33], [10, 23, 26, 29]]);
-    }));
-    return _loadCompleteHandler.apply(this, arguments);
+    }, "\xA0") : item.type === 'icon' ? /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      id: _Utils.default.getComponentAttribute(item, 'iconId', null)
+    }) : /*#__PURE__*/_react.default.createElement("div", null, "Unsupported toolbar item type " + item.type);
   }
 
   function renderSection(section, counter) {
     let itemCounter = 0;
     return /*#__PURE__*/_react.default.createElement(StyledToggleButtonGroup, {
       size: "small",
-      value: alignment,
       exclusive: true,
       key: sectionKeyCounter++,
-      "aria-label": "text alignment"
+      "aria-label": "text alignment",
+      style: _Utils.default.mergeStyles({
+        minWidth: '128px',
+        height: '100%',
+        marginLeft: 0,
+        marginRight: 0
+      }, section)
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "row"
-    }, section.items.map(item => {
-      return /*#__PURE__*/_react.default.createElement("span", {
-        style: {
-          margin: '4px'
-        },
-        key: itemKeyCounter++
-      }, /*#__PURE__*/_react.default.createElement("div", {
+    }, section.items.map((item, index) => {
+      return /*#__PURE__*/_react.default.createElement("div", {
         className: 'col-*-*',
-        style: {
-          height: _Utils.default.getComponentAttribute(item, 'height', item.type === 'toolbarSpacer' ? '100%' : null),
-          minWidth: item.type === 'toolbarSpacer' ? '2' : _Utils.default.isNull(item.attributes) || _Utils.default.isNull(item.attributes['label']) ? '60px' : _Utils.default.getComponentAttribute(item, 'width', null)
-        }
-      }, renderItem(item, 'toolbar_item_' + counter + '_' + itemCounter++)));
+        key: index,
+        style: getDefaultStyle(item)
+      }, renderItem(item, 'toolbar_item_' + counter + '_' + itemCounter++));
     })));
   }
 
@@ -255,7 +152,11 @@ const Toolbar = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     return {
       get id() {
         // Toolbar
-        return props.config.id;
+        return config ? config.id : props.config.id;
+      },
+
+      get tableRow() {
+        return props.tableRow;
       },
 
       getChildren: () => {
@@ -267,18 +168,12 @@ const Toolbar = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   function render(toolbar) {
     let counter = 0;
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: "row",
-      ref: ref,
-      style: {
-        padding: '0 0 8px 0',
-        width: '100%',
-        textAlign: _Utils.default.getComponentAttribute(toolbar, 'align', null),
-        display: "inline-block"
-      }
-    }, toolbar.sections.map(section => {
+      className: "row no-margin no-padding",
+      ref: ref
+    }, toolbar.sections.map((section, index) => {
       return /*#__PURE__*/_react.default.createElement("div", {
-        className: "col-*-*",
-        key: ++sectionKeyCounter,
+        className: "col no-margin no-padding",
+        key: index,
         style: {
           textAlign: section.halign ? section.halign.toLowerCase() : null
         }
@@ -286,21 +181,11 @@ const Toolbar = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     }));
   }
 
-  function getBorderBottom() {
-    let border = _Utils.default.getComponentAttribute(props.config, 'border', null);
-
-    if (border === 'none') {
-      return 'none';
-    }
-
-    return _Utils.default.getComponentAttribute(props.config, 'borderBottom', '1px solid #e2e2e2');
-  }
-
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: ref,
     style: _Utils.default.mergeStyles({
-      borderBottom: getBorderBottom(),
-      margin: '0'
+      borderBottom: '1px solid #e2e2e2',
+      padding: '8px 0 16px 0'
     }, props.config)
   }, render(props.config));
 });

package/dist/components/Tree.js

@@ -33,24 +33,10 @@ var _Observable = _interopRequireDefault(require("../event/Observable"));
 
 var _EventType = _interopRequireDefault(require("../event/EventType"));
 
-var _ApplicationContext = _interopRequireDefault(require("../ApplicationContext"));
+var _ApplicationManager = _interopRequireDefault(require("../ApplicationManager"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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; }
-
 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); }
 
 // web.cjs is required for IE 11 support
@@ -138,40 +124,31 @@ const useStyles = (0, _styles.makeStyles)({
 const Tree = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const classes = useStyles();
 
-  const _React$useState = _react.default.useState(null),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        root = _React$useState2[0],
-        setRoot = _React$useState2[1];
+  const [root, setRoot] = _react.default.useState(null);
 
-  const _React$useState3 = _react.default.useState([]),
-        _React$useState4 = _slicedToArray(_React$useState3, 1),
-        selectedRows = _React$useState4[0];
+  const [selectedRows] = _react.default.useState([]);
 
-  const _React$useState5 = _react.default.useState([]),
-        _React$useState6 = _slicedToArray(_React$useState5, 2),
-        expanded = _React$useState6[0],
-        setExpanded = _React$useState6[1];
+  const [expanded, setExpanded] = _react.default.useState([]);
 
-  const _React$useState7 = _react.default.useState(true),
-        _React$useState8 = _slicedToArray(_React$useState7, 2),
-        initializing = _React$useState8[0],
-        setInitializing = _React$useState8[1];
+  const [initializing, setInitializing] = _react.default.useState(true);
+
+  _react.default.useEffect(() => {
+    props.handle.api = api();
+  });
 
   _react.default.useEffect(() => {
     props.handle.api = api();
 
-    if (initializing) {
-      let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
+    let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
 
-      _Observable.default.addSubscriptions(parsedConfig.eventHandlingConfig, () => {
-        return ref;
-      }, props.viewId);
+    _Observable.default.addSubscriptions(parsedConfig.eventHandlingConfig, () => {
+      return ref;
+    }, props.viewId);
 
-      _Observable.default.addSystemSubscriptions(parsedConfig);
+    _Observable.default.addSystemSubscriptions(props.viewId, parsedConfig);
 
-      setInitializing(false);
-    }
-  });
+    setInitializing(false);
+  }, []);
 
   function loadData(eventConfig, componentConfig) {
     let service = !_Utils.default.isNull(componentConfig.dataService) ? componentConfig.dataService : eventConfig !== null ? eventConfig.dataService : null;
@@ -179,14 +156,12 @@ const Tree = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     if (!_Utils.default.isNull(service)) {
       (0, _RestUtils.invokeRpc)(service, props.handle, props.viewId, result => {
         try {
-          props.loadCompleteHandler(props.config.id);
-
           if (result.data) {
             expand(result.data);
             setRoot(result.data);
           }
         } catch (e) {
-          props.console.error(e);
+          console.error(e);
 
           _Utils.default.publishSystemErrorMessage(props.viewId);
         }
@@ -194,11 +169,9 @@ const Tree = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
         props.console.error(e);
 
         _Utils.default.publishSystemErrorMessage(props.viewId);
-      }, parameter => {
-        props.loadCompleteHandler(props.config.id);
-      });
+      }, parameter => {});
     } else if (!_Utils.default.isNull(componentConfig.value)) {
-      let value = _ApplicationContext.default.isExpression(componentConfig.value) ? _ApplicationContext.default.resolveExpressionValue(componentConfig.value) : componentConfig.value;
+      let value = _ApplicationManager.default.isExpression(componentConfig.value) ? _ApplicationManager.default.resolveExpressionValue(componentConfig.value) : componentConfig.value;
     }
   }
 
@@ -224,9 +197,9 @@ const Tree = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
         if (!_Utils.default.isNull(root)) {
           rootReference = {};
 
-          if (!_Utils.default.isNull(root.map)) {
-            rootReference.id = root.map.id;
-            rootReference.label = root.map.name;
+          if (!_Utils.default.isNull(root)) {
+            rootReference.id = root.id;
+            rootReference.label = root.name;
           } else {
             rootReference.id = root.id;
             rootReference.label = root.name;
@@ -255,12 +228,12 @@ const Tree = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
 
   const render = item => {
     return /*#__PURE__*/_react.default.createElement(StyledTreeItem, {
-      nodeId: item.map.id.toString(),
-      label: item.map.name,
-      key: item.map.id,
+      nodeId: item.id.toString(),
+      label: item.name,
+      key: item.id,
       onLabelClick: e => e.preventDefault(),
       onClick: () => {
-        handleSelectionChange(item.map.id, item.map.name);
+        handleSelectionChange(item.id, item.name);
       }
     }, !_Utils.default.isNull(item.children) && item.children.length > 0 ? item.children.map(child => {
       return render(child);
@@ -268,21 +241,11 @@ const Tree = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   };
 
   const expand = item => {
-    expanded.push("".concat(item.map.id));
+    expanded.push("".concat(item.id));
 
     if (!_Utils.default.isNull(item.children)) {
-      var _iterator = _createForOfIteratorHelper(item.children),
-          _step;
-
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          const child = _step.value;
-          expand(child);
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
+      for (const child of item.children) {
+        expand(child);
       }
     }
   };

package/dist/components/card/Card.js

@@ -19,30 +19,26 @@ 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 useStyles = (0, _styles.makeStyles)(_cardStyle.default);
 
 function Card(props) {
   const classes = useStyles();
-
-  const className = props.className,
-        children = props.children,
-        plain = props.plain,
-        profile = props.profile,
-        blog = props.blog,
-        raised = props.raised,
-        background = props.background,
-        pricing = props.pricing,
-        color = props.color,
-        product = props.product,
-        testimonial = props.testimonial,
-        chart = props.chart,
-        login = props.login,
-        rest = _objectWithoutProperties(props, ["className", "children", "plain", "profile", "blog", "raised", "background", "pricing", "color", "product", "testimonial", "chart", "login"]);
-
+  const {
+    className,
+    children,
+    plain,
+    profile,
+    blog,
+    raised,
+    background,
+    pricing,
+    color,
+    product,
+    testimonial,
+    chart,
+    login,
+    ...rest
+  } = props;
   const cardClasses = (0, _classnames.default)({
     [classes.card]: true,
     [classes.cardPlain]: plain,

package/dist/components/card/CardAvatar.js

@@ -19,23 +19,19 @@ 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 useStyles = (0, _styles.makeStyles)(_cardAvatarStyle.default);
 
 function CardAvatar(props) {
   const classes = useStyles();
-
-  const children = props.children,
-        className = props.className,
-        plain = props.plain,
-        profile = props.profile,
-        testimonial = props.testimonial,
-        testimonialFooter = props.testimonialFooter,
-        rest = _objectWithoutProperties(props, ["children", "className", "plain", "profile", "testimonial", "testimonialFooter"]);
-
+  const {
+    children,
+    className,
+    plain,
+    profile,
+    testimonial,
+    testimonialFooter,
+    ...rest
+  } = props;
   const cardAvatarClasses = (0, _classnames.default)({
     [classes.cardAvatar]: true,
     [classes.cardAvatarProfile]: profile,

package/dist/components/card/CardBody.js

@@ -19,27 +19,23 @@ 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 useStyles = (0, _styles.makeStyles)(_cardBodyStyle.default);
 
 function CardBody(props) {
   const classes = useStyles();
-
-  const className = props.className,
-        children = props.children,
-        background = props.background,
-        plain = props.plain,
-        formHorizontal = props.formHorizontal,
-        pricing = props.pricing,
-        signup = props.signup,
-        color = props.color,
-        profile = props.profile,
-        calendar = props.calendar,
-        rest = _objectWithoutProperties(props, ["className", "children", "background", "plain", "formHorizontal", "pricing", "signup", "color", "profile", "calendar"]);
-
+  const {
+    className,
+    children,
+    background,
+    plain,
+    formHorizontal,
+    pricing,
+    signup,
+    color,
+    profile,
+    calendar,
+    ...rest
+  } = props;
   const cardBodyClasses = (0, _classnames.default)({
     [classes.cardBody]: true,
     [classes.cardBodyBackground]: background,