@agilemotion/oui-react-js 1.6.0 → 1.6.2

package/dist/components/Tooltip.js

@@ -17,33 +17,39 @@ 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 LightTooltip = (0, _styles.withStyles)(theme => ({
-  tooltip: {
-    backgroundColor: theme.palette.common.white,
-    color: 'rgba(0, 0, 0, 0.87)',
-    boxShadow: theme.shadows[1],
-    fontSize: 11
-  }
-}))(_Tooltip.default);
-const useStylesBootstrap = (0, _styles.makeStyles)(theme => ({
-  arrow: {
-    color: theme.palette.common.black
-  },
-  tooltip: {
-    backgroundColor: theme.palette.common.black
-  }
-}));
-const useStylesError = (0, _styles.makeStyles)(theme => ({
-  arrow: {
-    color: '#f44336'
-  },
-  tooltip: {
-    backgroundColor: '#f44336'
-  }
-}));
+var LightTooltip = (0, _styles.withStyles)(function (theme) {
+  return {
+    tooltip: {
+      backgroundColor: theme.palette.common.white,
+      color: 'rgba(0, 0, 0, 0.87)',
+      boxShadow: theme.shadows[1],
+      fontSize: 11
+    }
+  };
+})(_Tooltip.default);
+var useStylesBootstrap = (0, _styles.makeStyles)(function (theme) {
+  return {
+    arrow: {
+      color: theme.palette.common.black
+    },
+    tooltip: {
+      backgroundColor: theme.palette.common.black
+    }
+  };
+});
+var useStylesError = (0, _styles.makeStyles)(function (theme) {
+  return {
+    arrow: {
+      color: '#f44336'
+    },
+    tooltip: {
+      backgroundColor: '#f44336'
+    }
+  };
+});
 
 function BootstrapTooltip(props) {
-  const classes = useStylesBootstrap();
+  var classes = useStylesBootstrap();
   return /*#__PURE__*/_react.default.createElement(_Tooltip.default, _extends({
     arrow: true,
     classes: classes
@@ -51,22 +57,24 @@ function BootstrapTooltip(props) {
 }
 
 function ErrorTooltip(props) {
-  const classes = useStylesError();
+  var classes = useStylesError();
   return /*#__PURE__*/_react.default.createElement(_Tooltip.default, _extends({
     arrow: true,
     classes: classes
   }, props));
 }
 
-const HtmlTooltip = (0, _styles.withStyles)(theme => ({
-  tooltip: {
-    backgroundColor: '#f5f5f9',
-    color: 'rgba(0, 0, 0, 0.87)',
-    maxWidth: 220,
-    fontSize: theme.typography.pxToRem(12),
-    border: '1px solid #dadde9'
-  }
-}))(_Tooltip.default);
+var HtmlTooltip = (0, _styles.withStyles)(function (theme) {
+  return {
+    tooltip: {
+      backgroundColor: '#f5f5f9',
+      color: 'rgba(0, 0, 0, 0.87)',
+      maxWidth: 220,
+      fontSize: theme.typography.pxToRem(12),
+      border: '1px solid #dadde9'
+    }
+  };
+})(_Tooltip.default);
 
 function CustomTooltip(props) {
   return /*#__PURE__*/_react.default.createElement("div", null, props.type === 'LIGHT' ? /*#__PURE__*/_react.default.createElement(LightTooltip, {

package/dist/components/Tree.js

@@ -37,6 +37,20 @@ 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
@@ -78,7 +92,7 @@ function CloseSquare(props) {
 }
 
 function TransitionComponent(props) {
-  const style = (0, _web.useSpring)({
+  var style = (0, _web.useSpring)({
     from: {
       opacity: 0,
       transform: 'translate3d(20px,0,0)'
@@ -99,21 +113,25 @@ TransitionComponent.propTypes = {
    */
   in: _propTypes.default.bool
 };
-const StyledTreeItem = (0, _styles.withStyles)(theme => ({
-  iconContainer: {
-    '& .close': {
-      opacity: 0.3
+var StyledTreeItem = (0, _styles.withStyles)(function (theme) {
+  return {
+    iconContainer: {
+      '& .close': {
+        opacity: 0.3
+      }
+    },
+    group: {
+      marginLeft: 7,
+      paddingLeft: 18,
+      borderLeft: "1px dashed ".concat((0, _styles.fade)(theme.palette.text.primary, 0.4))
     }
-  },
-  group: {
-    marginLeft: 7,
-    paddingLeft: 18,
-    borderLeft: "1px dashed ".concat((0, _styles.fade)(theme.palette.text.primary, 0.4))
-  }
-}))(props => /*#__PURE__*/_react.default.createElement(_TreeItem.default, _extends({}, props, {
-  TransitionComponent: TransitionComponent
-})));
-const useStyles = (0, _styles.makeStyles)({
+  };
+})(function (props) {
+  return /*#__PURE__*/_react.default.createElement(_TreeItem.default, _extends({}, props, {
+    TransitionComponent: TransitionComponent
+  }));
+});
+var useStyles = (0, _styles.makeStyles)({
   root: {
     height: 264,
     flexGrow: 1,
@@ -121,27 +139,38 @@ const useStyles = (0, _styles.makeStyles)({
   }
 });
 
-const Tree = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const classes = useStyles();
+var Tree = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var classes = useStyles();
 
-  const [root, setRoot] = _react.default.useState(null);
+  var _React$useState = _react.default.useState(null),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      root = _React$useState2[0],
+      setRoot = _React$useState2[1];
 
-  const [selectedRows] = _react.default.useState([]);
+  var _React$useState3 = _react.default.useState([]),
+      _React$useState4 = _slicedToArray(_React$useState3, 1),
+      selectedRows = _React$useState4[0];
 
-  const [expanded, setExpanded] = _react.default.useState([]);
+  var _React$useState5 = _react.default.useState([]),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      expanded = _React$useState6[0],
+      setExpanded = _React$useState6[1];
 
-  const [initializing, setInitializing] = _react.default.useState(true);
+  var _React$useState7 = _react.default.useState(true),
+      _React$useState8 = _slicedToArray(_React$useState7, 2),
+      initializing = _React$useState8[0],
+      setInitializing = _React$useState8[1];
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     props.handle.api = api();
   });
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     props.handle.api = api();
 
-    let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
+    var parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
 
-    _Observable.default.addSubscriptions(parsedConfig.eventHandlingConfig, () => {
+    _Observable.default.addSubscriptions(parsedConfig.eventHandlingConfig, function () {
       return ref;
     }, props.viewId);
 
@@ -151,10 +180,10 @@ const Tree = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   }, []);
 
   function loadData(eventConfig, componentConfig) {
-    let service = !_Utils.default.isNull(componentConfig.dataService) ? componentConfig.dataService : eventConfig !== null ? eventConfig.dataService : null;
+    var service = !_Utils.default.isNull(componentConfig.dataService) ? componentConfig.dataService : eventConfig !== null ? eventConfig.dataService : null;
 
     if (!_Utils.default.isNull(service)) {
-      (0, _RestUtils.invokeRpc)(service, props.handle, props.viewId, result => {
+      (0, _RestUtils.invokeRpc)(service, props.handle, props.viewId, function (result) {
         try {
           if (result.data) {
             expand(result.data);
@@ -165,23 +194,23 @@ const Tree = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
 
           _Utils.default.publishErrorMessage(e, props.viewId);
         }
-      }, e => {
+      }, function (e) {
         props.console.error(e);
 
         _Utils.default.publishErrorMessage(e, props.viewId);
-      }, parameter => {});
+      }, function (parameter) {});
     } else if (!_Utils.default.isNull(componentConfig.value)) {
-      let value = _ApplicationManager.default.isExpression(componentConfig.value) ? _ApplicationManager.default.resolveExpressionValue(componentConfig.value) : componentConfig.value;
+      var value = _ApplicationManager.default.isExpression(componentConfig.value) ? _ApplicationManager.default.resolveExpressionValue(componentConfig.value) : componentConfig.value;
     }
   }
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     if (!initializing) {
       loadData(null, props.config);
     }
   }, [initializing]);
 
-  const api = () => {
+  var api = function api() {
     return {
       get id() {
         return props.config.id;
@@ -192,7 +221,7 @@ const Tree = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
       },
 
       get root() {
-        let rootReference = null;
+        var rootReference = null;
 
         if (!_Utils.default.isNull(root)) {
           rootReference = {};
@@ -209,43 +238,55 @@ const Tree = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
         return rootReference;
       },
 
-      getChildren: () => {
+      getChildren: function getChildren() {
         return [];
       }
     };
   };
 
-  const handleSelectionChange = (id, name) => {
-    let node = {};
+  var handleSelectionChange = function handleSelectionChange(id, name) {
+    var node = {};
     node.id = id;
     node.label = name;
     selectedRows.splice(0, selectedRows.length);
     selectedRows.push(node);
-    let event = new _Event.default(props.handle, props.viewId);
+    var event = new _Event.default(props.handle, props.viewId);
 
     _Observable.default.fireEvent(_EventType.default.SELECTION_CHANGE, event);
   };
 
-  const render = item => {
+  var render = function render(item) {
     return /*#__PURE__*/_react.default.createElement(StyledTreeItem, {
       nodeId: item.id.toString(),
       label: item.name,
       key: item.id,
-      onLabelClick: e => e.preventDefault(),
-      onClick: () => {
+      onLabelClick: function onLabelClick(e) {
+        return e.preventDefault();
+      },
+      onClick: function onClick() {
         handleSelectionChange(item.id, item.name);
       }
-    }, !_Utils.default.isNull(item.children) && item.children.length > 0 ? item.children.map(child => {
+    }, !_Utils.default.isNull(item.children) && item.children.length > 0 ? item.children.map(function (child) {
       return render(child);
     }) : null);
   };
 
-  const expand = item => {
+  var expand = function expand(item) {
     expanded.push("".concat(item.id));
 
     if (!_Utils.default.isNull(item.children)) {
-      for (const child of item.children) {
-        expand(child);
+      var _iterator = _createForOfIteratorHelper(item.children),
+          _step;
+
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var child = _step.value;
+          expand(child);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
       }
     }
   };

package/dist/components/UseIsVisible.js

@@ -7,14 +7,35 @@ exports.useIsVisible = useIsVisible;
 
 var _react = require("react");
 
+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 useIsVisible(ref) {
-  const [isIntersecting, setIntersecting] = (0, _react.useState)(false);
-  (0, _react.useEffect)(() => {
-    const observer = new IntersectionObserver(([entry]) => setIntersecting(entry.isIntersecting), {
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isIntersecting = _useState2[0],
+      setIntersecting = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    var observer = new IntersectionObserver(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 1),
+          entry = _ref2[0];
+
+      return setIntersecting(entry.isIntersecting);
+    }, {
       threshold: 1
     });
     observer.observe(ref.current);
-    return () => {
+    return function () {
       observer.disconnect();
     };
   }, [ref]);

package/dist/components/card/Card.js

@@ -19,41 +19,35 @@ 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)(_cardStyle.default);
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+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 useStyles = (0, _styles.makeStyles)(_cardStyle.default);
 
 function Card(props) {
-  const classes = useStyles();
-  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,
-    [classes.cardProfile]: profile || testimonial,
-    [classes.cardBlog]: blog,
-    [classes.cardRaised]: raised,
-    [classes.cardBackground]: background,
-    [classes.cardPricingColor]: pricing && color !== undefined || pricing && background !== undefined,
-    [classes[color]]: color,
-    [classes.cardPricing]: pricing,
-    [classes.cardProduct]: product,
-    [classes.cardChart]: chart,
-    [classes.cardLogin]: login,
-    [className]: className !== undefined
-  });
+  var _classNames;
+
+  var classes = useStyles();
+
+  var 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"]);
+
+  var cardClasses = (0, _classnames.default)((_classNames = {}, _defineProperty(_classNames, classes.card, true), _defineProperty(_classNames, classes.cardPlain, plain), _defineProperty(_classNames, classes.cardProfile, profile || testimonial), _defineProperty(_classNames, classes.cardBlog, blog), _defineProperty(_classNames, classes.cardRaised, raised), _defineProperty(_classNames, classes.cardBackground, background), _defineProperty(_classNames, classes.cardPricingColor, pricing && color !== undefined || pricing && background !== undefined), _defineProperty(_classNames, classes[color], color), _defineProperty(_classNames, classes.cardPricing, pricing), _defineProperty(_classNames, classes.cardProduct, product), _defineProperty(_classNames, classes.cardChart, chart), _defineProperty(_classNames, classes.cardLogin, login), _defineProperty(_classNames, className, className !== undefined), _classNames));
   return /*#__PURE__*/_react.default.createElement("div", _extends({
     className: cardClasses
   }, rest), " ", children, " ");

package/dist/components/card/CardAvatar.js

@@ -19,27 +19,28 @@ 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)(_cardAvatarStyle.default);
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+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 useStyles = (0, _styles.makeStyles)(_cardAvatarStyle.default);
 
 function CardAvatar(props) {
-  const classes = useStyles();
-  const {
-    children,
-    className,
-    plain,
-    profile,
-    testimonial,
-    testimonialFooter,
-    ...rest
-  } = props;
-  const cardAvatarClasses = (0, _classnames.default)({
-    [classes.cardAvatar]: true,
-    [classes.cardAvatarProfile]: profile,
-    [classes.cardAvatarPlain]: plain,
-    [classes.cardAvatarTestimonial]: testimonial,
-    [classes.cardAvatarTestimonialFooter]: testimonialFooter,
-    [className]: className !== undefined
-  });
+  var _classNames;
+
+  var classes = useStyles();
+
+  var 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"]);
+
+  var cardAvatarClasses = (0, _classnames.default)((_classNames = {}, _defineProperty(_classNames, classes.cardAvatar, true), _defineProperty(_classNames, classes.cardAvatarProfile, profile), _defineProperty(_classNames, classes.cardAvatarPlain, plain), _defineProperty(_classNames, classes.cardAvatarTestimonial, testimonial), _defineProperty(_classNames, classes.cardAvatarTestimonialFooter, testimonialFooter), _defineProperty(_classNames, className, className !== undefined), _classNames));
   return /*#__PURE__*/_react.default.createElement("div", _extends({
     className: cardAvatarClasses
   }, rest), " ", children, " ");

package/dist/components/card/CardBody.js

@@ -19,35 +19,32 @@ 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)(_cardBodyStyle.default);
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+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 useStyles = (0, _styles.makeStyles)(_cardBodyStyle.default);
 
 function CardBody(props) {
-  const classes = useStyles();
-  const {
-    className,
-    children,
-    background,
-    plain,
-    formHorizontal,
-    pricing,
-    signup,
-    color,
-    profile,
-    calendar,
-    ...rest
-  } = props;
-  const cardBodyClasses = (0, _classnames.default)({
-    [classes.cardBody]: true,
-    [classes.cardBodyBackground]: background,
-    [classes.cardBodyPlain]: plain,
-    [classes.cardBodyFormHorizontal]: formHorizontal,
-    [classes.cardPricing]: pricing,
-    [classes.cardSignup]: signup,
-    [classes.cardBodyColor]: color,
-    [classes.cardBodyProfile]: profile,
-    [classes.cardBodyCalendar]: calendar,
-    [className]: className !== undefined
-  });
+  var _classNames;
+
+  var classes = useStyles();
+
+  var 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"]);
+
+  var cardBodyClasses = (0, _classnames.default)((_classNames = {}, _defineProperty(_classNames, classes.cardBody, true), _defineProperty(_classNames, classes.cardBodyBackground, background), _defineProperty(_classNames, classes.cardBodyPlain, plain), _defineProperty(_classNames, classes.cardBodyFormHorizontal, formHorizontal), _defineProperty(_classNames, classes.cardPricing, pricing), _defineProperty(_classNames, classes.cardSignup, signup), _defineProperty(_classNames, classes.cardBodyColor, color), _defineProperty(_classNames, classes.cardBodyProfile, profile), _defineProperty(_classNames, classes.cardBodyCalendar, calendar), _defineProperty(_classNames, className, className !== undefined), _classNames));
   return /*#__PURE__*/_react.default.createElement("div", _extends({
     className: cardBodyClasses
   }, rest), " ", children, " ");

package/dist/components/card/CardFooter.js

@@ -19,32 +19,31 @@ 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)(_cardFooterStyle.default);
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+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 useStyles = (0, _styles.makeStyles)(_cardFooterStyle.default);
 
 function CardFooter(props) {
-  const classes = useStyles();
-  const {
-    className,
-    children,
-    plain,
-    profile,
-    pricing,
-    testimonial,
-    stats,
-    chart,
-    product,
-    ...rest
-  } = props;
-  const cardFooterClasses = (0, _classnames.default)({
-    [classes.cardFooter]: true,
-    [classes.cardFooterPlain]: plain,
-    [classes.cardFooterProfile]: profile || testimonial,
-    [classes.cardFooterPricing]: pricing,
-    [classes.cardFooterTestimonial]: testimonial,
-    [classes.cardFooterStats]: stats,
-    [classes.cardFooterChart]: chart || product,
-    [className]: className !== undefined
-  });
+  var _classNames;
+
+  var classes = useStyles();
+
+  var className = props.className,
+      children = props.children,
+      plain = props.plain,
+      profile = props.profile,
+      pricing = props.pricing,
+      testimonial = props.testimonial,
+      stats = props.stats,
+      chart = props.chart,
+      product = props.product,
+      rest = _objectWithoutProperties(props, ["className", "children", "plain", "profile", "pricing", "testimonial", "stats", "chart", "product"]);
+
+  var cardFooterClasses = (0, _classnames.default)((_classNames = {}, _defineProperty(_classNames, classes.cardFooter, true), _defineProperty(_classNames, classes.cardFooterPlain, plain), _defineProperty(_classNames, classes.cardFooterProfile, profile || testimonial), _defineProperty(_classNames, classes.cardFooterPricing, pricing), _defineProperty(_classNames, classes.cardFooterTestimonial, testimonial), _defineProperty(_classNames, classes.cardFooterStats, stats), _defineProperty(_classNames, classes.cardFooterChart, chart || product), _defineProperty(_classNames, className, className !== undefined), _classNames));
   return /*#__PURE__*/_react.default.createElement("div", _extends({
     className: cardFooterClasses
   }, rest), " ", children, " ");