@agilemotion/oui-react-js 1.6.3 → 1.6.5

package/dist/components/Tree.js

@@ -4,56 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Tree = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _SvgIcon = _interopRequireDefault(require("@material-ui/core/SvgIcon"));
-
 var _styles = require("@material-ui/core/styles");
-
 var _TreeView = _interopRequireDefault(require("@material-ui/lab/TreeView"));
-
 var _TreeItem = _interopRequireDefault(require("@material-ui/lab/TreeItem"));
-
 var _Collapse = _interopRequireDefault(require("@material-ui/core/Collapse"));
-
 var _web = require("react-spring/web.cjs");
-
 var _Utils = _interopRequireDefault(require("../Utils"));
-
 var _Event = _interopRequireDefault(require("../event/Event"));
-
 var _RestUtils = require("../RestUtils");
-
 var _ActionHandlers = _interopRequireDefault(require("../event/ActionHandlers"));
-
 var _Observable = _interopRequireDefault(require("../event/Observable"));
-
 var _EventType = _interopRequireDefault(require("../event/EventType"));
-
 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); }
-
+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); }
 // web.cjs is required for IE 11 support
+
 function MinusSquare(props) {
   return /*#__PURE__*/_react.default.createElement(_SvgIcon.default, _extends({
     fontSize: "inherit",
@@ -65,7 +34,6 @@ function MinusSquare(props) {
     d: "M22.047 22.074v0 0-20.147 0h-20.12v0 20.147 0h20.12zM22.047 24h-20.12q-.803 0-1.365-.562t-.562-1.365v-20.147q0-.776.562-1.351t1.365-.575h20.147q.776 0 1.351.575t.575 1.351v20.147q0 .803-.575 1.365t-1.378.562v0zM17.873 11.023h-11.826q-.375 0-.669.281t-.294.682v0q0 .401.294 .682t.669.281h11.826q.375 0 .669-.281t.294-.682v0q0-.401-.294-.682t-.669-.281z"
   }));
 }
-
 function PlusSquare(props) {
   return /*#__PURE__*/_react.default.createElement(_SvgIcon.default, _extends({
     fontSize: "inherit",
@@ -77,7 +45,6 @@ function PlusSquare(props) {
     d: "M22.047 22.074v0 0-20.147 0h-20.12v0 20.147 0h20.12zM22.047 24h-20.12q-.803 0-1.365-.562t-.562-1.365v-20.147q0-.776.562-1.351t1.365-.575h20.147q.776 0 1.351.575t.575 1.351v20.147q0 .803-.575 1.365t-1.378.562v0zM17.873 12.977h-4.923v4.896q0 .401-.281.682t-.682.281v0q-.375 0-.669-.281t-.294-.682v-4.896h-4.923q-.401 0-.682-.294t-.281-.669v0q0-.401.281-.682t.682-.281h4.923v-4.896q0-.401.294-.682t.669-.281v0q.401 0 .682.281t.281.682v4.896h4.923q.401 0 .682.281t.281.682v0q0 .375-.281.669t-.682.294z"
   }));
 }
-
 function CloseSquare(props) {
   return /*#__PURE__*/_react.default.createElement(_SvgIcon.default, _extends({
     className: "close",
@@ -90,100 +57,70 @@ function CloseSquare(props) {
     d: "M17.485 17.512q-.281.281-.682.281t-.696-.268l-4.12-4.147-4.12 4.147q-.294.268-.696.268t-.682-.281-.281-.682.294-.669l4.12-4.147-4.12-4.147q-.294-.268-.294-.669t.281-.682.682-.281.696 .268l4.12 4.147 4.12-4.147q.294-.268.696-.268t.682.281 .281.669-.294.682l-4.12 4.147 4.12 4.147q.294.268 .294.669t-.281.682zM22.047 22.074v0 0-20.147 0h-20.12v0 20.147 0h20.12zM22.047 24h-20.12q-.803 0-1.365-.562t-.562-1.365v-20.147q0-.776.562-1.351t1.365-.575h20.147q.776 0 1.351.575t.575 1.351v20.147q0 .803-.575 1.365t-1.378.562v0z"
   }));
 }
-
 function TransitionComponent(props) {
-  var style = (0, _web.useSpring)({
+  const style = (0, _web.useSpring)({
     from: {
       opacity: 0,
       transform: 'translate3d(20px,0,0)'
     },
     to: {
       opacity: props.in ? 1 : 0,
-      transform: "translate3d(".concat(props.in ? 0 : 20, "px,0,0)")
+      transform: `translate3d(${props.in ? 0 : 20}px,0,0)`
     }
   });
   return /*#__PURE__*/_react.default.createElement(_web.animated.div, {
     style: style
   }, /*#__PURE__*/_react.default.createElement(_Collapse.default, props));
 }
-
 TransitionComponent.propTypes = {
   /**
    * Show the component; triggers the enter or exit states
    */
   in: _propTypes.default.bool
 };
-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))
+const StyledTreeItem = (0, _styles.withStyles)(theme => ({
+  iconContainer: {
+    '& .close': {
+      opacity: 0.3
     }
-  };
-})(function (props) {
-  return /*#__PURE__*/_react.default.createElement(_TreeItem.default, _extends({}, props, {
-    TransitionComponent: TransitionComponent
-  }));
-});
-var useStyles = (0, _styles.makeStyles)({
+  },
+  group: {
+    marginLeft: 7,
+    paddingLeft: 18,
+    borderLeft: `1px dashed ${(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)({
   root: {
     height: 264,
     flexGrow: 1,
     maxWidth: 400
   }
 });
-
-var Tree = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var classes = useStyles();
-
-  var _React$useState = _react.default.useState(null),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      root = _React$useState2[0],
-      setRoot = _React$useState2[1];
-
-  var _React$useState3 = _react.default.useState([]),
-      _React$useState4 = _slicedToArray(_React$useState3, 1),
-      selectedRows = _React$useState4[0];
-
-  var _React$useState5 = _react.default.useState([]),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      expanded = _React$useState6[0],
-      setExpanded = _React$useState6[1];
-
-  var _React$useState7 = _react.default.useState(true),
-      _React$useState8 = _slicedToArray(_React$useState7, 2),
-      initializing = _React$useState8[0],
-      setInitializing = _React$useState8[1];
-
-  _react.default.useEffect(function () {
+const Tree = exports.Tree = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const classes = useStyles();
+  const [root, setRoot] = _react.default.useState(null);
+  const [selectedRows] = _react.default.useState([]);
+  const [expanded, setExpanded] = _react.default.useState([]);
+  const [initializing, setInitializing] = _react.default.useState(true);
+  _react.default.useEffect(() => {
     props.handle.api = api();
   });
-
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     props.handle.api = api();
-
-    var parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
-
-    _Observable.default.addSubscriptions(parsedConfig.eventHandlingConfig, function () {
+    let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
+    _Observable.default.addSubscriptions(parsedConfig.eventHandlingConfig, () => {
       return ref;
     }, props.viewId);
-
     _Observable.default.addSystemSubscriptions(props.viewId, parsedConfig);
-
     setInitializing(false);
   }, []);
-
   function loadData(eventConfig, componentConfig) {
-    var service = !_Utils.default.isNull(componentConfig.dataService) ? componentConfig.dataService : eventConfig !== null ? eventConfig.dataService : null;
-
+    let 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, function (result) {
+      (0, _RestUtils.invokeRpc)(service, props.handle, props.viewId, result => {
         try {
           if (result.data) {
             expand(result.data);
@@ -191,41 +128,33 @@ var Tree = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
           }
         } catch (e) {
           console.error(e);
-
           _Utils.default.publishErrorMessage(e, props.viewId);
         }
-      }, function (e) {
+      }, e => {
         props.console.error(e);
-
         _Utils.default.publishErrorMessage(e, props.viewId);
-      }, function (parameter) {});
+      }, parameter => {});
     } else if (!_Utils.default.isNull(componentConfig.value)) {
-      var value = _ApplicationManager.default.isExpression(componentConfig.value) ? _ApplicationManager.default.resolveExpressionValue(componentConfig.value) : componentConfig.value;
+      let value = _ApplicationManager.default.isExpression(componentConfig.value) ? _ApplicationManager.default.resolveExpressionValue(componentConfig.value) : componentConfig.value;
     }
   }
-
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     if (!initializing) {
       loadData(null, props.config);
     }
   }, [initializing]);
-
-  var api = function api() {
+  const api = () => {
     return {
       get id() {
         return props.config.id;
       },
-
       get selection() {
         return selectedRows;
       },
-
       get root() {
-        var rootReference = null;
-
+        let rootReference = null;
         if (!_Utils.default.isNull(root)) {
           rootReference = {};
-
           if (!_Utils.default.isNull(root)) {
             rootReference.id = root.id;
             rootReference.label = root.name;
@@ -234,63 +163,43 @@ var Tree = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
             rootReference.label = root.name;
           }
         }
-
         return rootReference;
       },
-
-      getChildren: function getChildren() {
+      getChildren: () => {
         return [];
       }
     };
   };
-
-  var handleSelectionChange = function handleSelectionChange(id, name) {
-    var node = {};
+  const handleSelectionChange = (id, name) => {
+    let node = {};
     node.id = id;
     node.label = name;
     selectedRows.splice(0, selectedRows.length);
     selectedRows.push(node);
-    var event = new _Event.default(props.handle, props.viewId);
-
+    let event = new _Event.default(props.handle, props.viewId);
     _Observable.default.fireEvent(_EventType.default.SELECTION_CHANGE, event);
   };
-
-  var render = function render(item) {
+  const render = item => {
     return /*#__PURE__*/_react.default.createElement(StyledTreeItem, {
       nodeId: item.id.toString(),
       label: item.name,
       key: item.id,
-      onLabelClick: function onLabelClick(e) {
-        return e.preventDefault();
-      },
-      onClick: function onClick() {
+      onLabelClick: e => e.preventDefault(),
+      onClick: () => {
         handleSelectionChange(item.id, item.name);
       }
-    }, !_Utils.default.isNull(item.children) && item.children.length > 0 ? item.children.map(function (child) {
+    }, !_Utils.default.isNull(item.children) && item.children.length > 0 ? item.children.map(child => {
       return render(child);
     }) : null);
   };
-
-  var expand = function expand(item) {
-    expanded.push("".concat(item.id));
-
+  const expand = item => {
+    expanded.push(`${item.id}`);
     if (!_Utils.default.isNull(item.children)) {
-      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();
+      for (const child of item.children) {
+        expand(child);
       }
     }
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
       padding: '32px'
@@ -303,6 +212,4 @@ var Tree = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     defaultExpandIcon: /*#__PURE__*/_react.default.createElement(PlusSquare, null),
     defaultEndIcon: /*#__PURE__*/_react.default.createElement(CloseSquare, null)
   }, render(root)) : null);
-});
-
-exports.Tree = Tree;
+});

package/dist/components/UseIsVisible.js

@@ -4,38 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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) {
-  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];
-
+  const [isIntersecting, setIntersecting] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    const observer = new IntersectionObserver(_ref => {
+      let [entry] = _ref;
       return setIntersecting(entry.isIntersecting);
     }, {
       threshold: 1
     });
     observer.observe(ref.current);
-    return function () {
+    return () => {
       observer.disconnect();
     };
   }, [ref]);

package/dist/components/card/Card.js

@@ -4,55 +4,51 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Card;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styles = require("@material-ui/core/styles");
-
 var _cardStyle = _interopRequireDefault(require("../../assets/jss/components/cardStyle"));
-
-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 _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 _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)(_cardStyle.default);
 function Card(props) {
-  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));
+  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
+  });
   return /*#__PURE__*/_react.default.createElement("div", _extends({
     className: cardClasses
   }, rest), " ", children, " ");
 }
-
 Card.propTypes = {
   className: _propTypes.default.string,
   plain: _propTypes.default.bool,

package/dist/components/card/CardAvatar.js

@@ -4,48 +4,37 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = CardAvatar;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styles = require("@material-ui/core/styles");
-
 var _cardAvatarStyle = _interopRequireDefault(require("../../assets/jss/components/cardAvatarStyle"));
-
-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 _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 _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)(_cardAvatarStyle.default);
 function CardAvatar(props) {
-  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));
+  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
+  });
   return /*#__PURE__*/_react.default.createElement("div", _extends({
     className: cardAvatarClasses
   }, rest), " ", children, " ");
 }
-
 CardAvatar.propTypes = {
   children: _propTypes.default.node.isRequired,
   className: _propTypes.default.string,

package/dist/components/card/CardBody.js

@@ -4,52 +4,45 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = CardBody;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styles = require("@material-ui/core/styles");
-
 var _cardBodyStyle = _interopRequireDefault(require("../../assets/jss/components/cardBodyStyle"));
-
-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 _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 _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); } // nodejs library that concatenates classes
+const useStyles = (0, _styles.makeStyles)(_cardBodyStyle.default);
 function CardBody(props) {
-  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));
+  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
+  });
   return /*#__PURE__*/_react.default.createElement("div", _extends({
     className: cardBodyClasses
   }, rest), " ", children, " ");
 }
-
 CardBody.propTypes = {
   className: _propTypes.default.string,
   background: _propTypes.default.bool,