versacall-core-library-react 2.0.70 → 2.0.72

package/dist/components/CoreSideBar/CoreSideBarDrawer.js

@@ -0,0 +1,172 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _ListItemIcon = _interopRequireDefault(require("@material-ui/core/ListItemIcon"));
+var _ListItemText = _interopRequireDefault(require("@material-ui/core/ListItemText"));
+var _reactIntl = require("react-intl");
+var _ExpandMore = _interopRequireDefault(require("@material-ui/icons/ExpandMore"));
+var _ExpandLess = _interopRequireDefault(require("@material-ui/icons/ExpandLess"));
+var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+var _ListItem = _interopRequireDefault(require("@material-ui/core/ListItem"));
+var _Collapse = _interopRequireDefault(require("@material-ui/core/Collapse"));
+var _Drawer = _interopRequireDefault(require("@material-ui/core/Drawer"));
+var _List = _interopRequireDefault(require("@material-ui/core/List"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _jsCookie = _interopRequireDefault(require("js-cookie"));
+var _styles = require("@material-ui/core/styles");
+var _functions = require("../../functions");
+var _context = require("../../context");
+var _scrollbarModule = _interopRequireDefault(require("../../css/scrollbar.module.css"));
+require("../../css/scrollbar.css");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const collapseCookie = 'vt4000_collapse';
+const styles = () => ({
+  drawerPaper: {
+    backgroundColor: '#496b78',
+    color: '#ffffff'
+  },
+  listItemRoot: {
+    color: '#ffffff'
+  },
+  svgIcon: {
+    verticalAlign: 'middle',
+    height: 24,
+    width: 24,
+    filter: 'invert(1)'
+  }
+});
+const style = {
+  icon: {
+    margin: 5,
+    height: 32,
+    width: 32,
+    verticalAlign: 'middle'
+  },
+  a: {
+    textDecoration: 'none'
+  },
+  nested: {
+    paddingLeft: 42
+  }
+};
+class CoreSideBarDrawer extends _react.Component {
+  constructor() {
+    super();
+    const cookie = _jsCookie.default.getJSON(collapseCookie);
+    this.state = {
+      expanded: cookie !== undefined ? cookie : []
+    };
+  }
+  getTranslatedName(app) {
+    const translation = app.translations.find(x => x.languageCode === this.props.intl.locale);
+    return translation !== undefined ? translation.name : app.name;
+  }
+  handleClick(componentID) {
+    this.setState(prevState => {
+      let expanded = prevState.expanded;
+      if (expanded.includes(componentID)) {
+        expanded = expanded.filter(psExpanded => psExpanded !== componentID);
+      } else {
+        expanded.push(componentID);
+      }
+      _jsCookie.default.set(collapseCookie, expanded);
+      return {
+        expanded: expanded
+      };
+    });
+  }
+  render() {
+    const {
+      open,
+      apps,
+      core,
+      classes
+    } = this.props;
+    const {
+      expanded
+    } = this.state;
+    return /*#__PURE__*/_react.default.createElement(_Drawer.default, {
+      open: open,
+      classes: {
+        paper: "".concat(classes.drawerPaper, " ").concat(_scrollbarModule.default.scroll, " ").concat(_scrollbarModule.default.white)
+      },
+      onClose: () => this.props.onClose()
+    }, /*#__PURE__*/_react.default.createElement(_List.default, null, /*#__PURE__*/_react.default.createElement(_ListItem.default, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+      variant: "h5",
+      color: "inherit"
+    }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
+      id: "__applications"
+    }))), /*#__PURE__*/_react.default.createElement("div", {
+      className: "versacall-scroll white"
+    }, apps.map(app => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+      key: app.definition.componentID
+    }, app.children.length > 0 ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_ListItem.default, {
+      onClick: () => this.handleClick(app.definition.componentID),
+      button: true
+    }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement("img", {
+      src: this.props.core.formatUrl((0, _functions.getIconUrl)(app.definition.metadata)),
+      className: classes.svgIcon,
+      style: style.icon,
+      alt: "algImg"
+    })), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
+      classes: {
+        primary: classes.listItemRoot
+      },
+      primary: this.getTranslatedName(app.definition)
+    }), expanded.includes(app.definition.componentID) ? /*#__PURE__*/_react.default.createElement(_ExpandLess.default, null) : /*#__PURE__*/_react.default.createElement(_ExpandMore.default, null)), app.children.map(subApp => /*#__PURE__*/_react.default.createElement(_Collapse.default, {
+      timeout: "auto",
+      key: subApp.definition.componentID,
+      in: expanded.includes(app.definition.componentID),
+      unmountOnExit: true
+    }, /*#__PURE__*/_react.default.createElement("a", {
+      style: style.a,
+      href: core.formatUrl("".concat((0, _functions.getUrl)(app.definition.metadata), "#").concat((0, _functions.getUrl)(subApp.definition.metadata)))
+    }, /*#__PURE__*/_react.default.createElement(_ListItem.default, {
+      style: style.nested,
+      button: true
+    }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement("img", {
+      src: this.props.core.formatUrl((0, _functions.getIconUrl)(subApp.definition.metadata)),
+      className: classes.svgIcon,
+      style: style.icon,
+      alt: "algImg"
+    })), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
+      inset: true,
+      classes: {
+        primary: classes.listItemRoot
+      },
+      primary: this.getTranslatedName(subApp.definition)
+    })))))) : /*#__PURE__*/_react.default.createElement("a", {
+      style: style.a,
+      href: core.formatUrl((0, _functions.getUrl)(app.definition.metadata))
+    }, /*#__PURE__*/_react.default.createElement(_ListItem.default, {
+      button: true
+    }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement("img", {
+      src: this.props.core.formatUrl((0, _functions.getIconUrl)(app.definition.metadata)),
+      className: classes.svgIcon,
+      style: style.icon,
+      alt: "algImg"
+    })), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
+      classes: {
+        primary: classes.listItemRoot
+      },
+      primary: this.getTranslatedName(app.definition)
+    }))))))));
+  }
+}
+CoreSideBarDrawer.propTypes = {
+  open: _propTypes.default.bool.isRequired,
+  onClose: _propTypes.default.func.isRequired,
+  apps: _propTypes.default.arrayOf(_propTypes.default.shape()),
+  intl: _propTypes.default.shape().isRequired,
+  core: _propTypes.default.shape().isRequired,
+  classes: _propTypes.default.shape().isRequired
+};
+CoreSideBarDrawer.defaultProps = {
+  apps: []
+};
+var _default = exports.default = (0, _context.withCore)((0, _reactIntl.injectIntl)((0, _styles.withStyles)(styles)(CoreSideBarDrawer)));

package/dist/components/CoreSideBar/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _CoreSideBar.default;
+  }
+});
+var _CoreSideBar = _interopRequireDefault(require("./CoreSideBar"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/components/CoreSnackBar/CoreSnackBar.js

@@ -0,0 +1,116 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _SnackbarContent = _interopRequireDefault(require("@material-ui/core/SnackbarContent"));
+var _CheckCircle = _interopRequireDefault(require("@material-ui/icons/CheckCircle"));
+var _styles = require("@material-ui/core/styles");
+var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+var _Warning = _interopRequireDefault(require("@material-ui/icons/Warning"));
+var _green = _interopRequireDefault(require("@material-ui/core/colors/green"));
+var _amber = _interopRequireDefault(require("@material-ui/core/colors/amber"));
+var _Snackbar = _interopRequireDefault(require("@material-ui/core/Snackbar"));
+var _Error = _interopRequireDefault(require("@material-ui/icons/Error"));
+var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
+var _Info = _interopRequireDefault(require("@material-ui/icons/Info"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const styles = theme => ({
+  success: {
+    backgroundColor: _green.default[600]
+  },
+  error: {
+    backgroundColor: theme.palette.error.dark
+  },
+  info: {
+    backgroundColor: theme.palette.primary.dark
+  },
+  warning: {
+    backgroundColor: _amber.default[700]
+  },
+  none: {},
+  icon: {
+    fontSize: 20
+  },
+  iconVariant: {
+    opacity: 0.9,
+    marginRight: theme.spacing()
+  },
+  message: {
+    display: 'flex',
+    alignItems: 'center'
+  }
+});
+const variantIcon = {
+  success: _CheckCircle.default,
+  warning: _Warning.default,
+  error: _Error.default,
+  info: _Info.default,
+  none: null
+};
+class CoreSnackBar extends _react.Component {
+  onClose() {
+    this.props.onClose();
+  }
+  render() {
+    const {
+      open,
+      autoHideDuration,
+      message,
+      onAction,
+      iconType,
+      withIcon,
+      classes
+    } = this.props;
+    const Icon = variantIcon[iconType];
+    return /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        position: 'absolute',
+        zIndex: 5000
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Snackbar.default, {
+      open: open,
+      autoHideDuration: autoHideDuration,
+      onClose: () => this.onClose(),
+      anchorOrigin: {
+        vertical: 'bottom',
+        horizontal: 'left'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_SnackbarContent.default, {
+      "aria-describedby": "client-snackbar",
+      className: classes[iconType],
+      message: /*#__PURE__*/_react.default.createElement("span", {
+        id: "client-snackbar"
+      }, withIcon && /*#__PURE__*/_react.default.createElement(Icon, {
+        className: classes.iconVariant
+      }), message),
+      action: [/*#__PURE__*/_react.default.createElement(_IconButton.default, {
+        key: "close",
+        "aria-label": "Close",
+        color: "inherit",
+        onClick: onAction
+      }, /*#__PURE__*/_react.default.createElement(_Close.default, null))]
+    })));
+  }
+}
+CoreSnackBar.propTypes = {
+  open: _propTypes.default.bool.isRequired,
+  message: _propTypes.default.string.isRequired,
+  onClose: _propTypes.default.func.isRequired,
+  onAction: _propTypes.default.func,
+  autoHideDuration: _propTypes.default.number,
+  withIcon: _propTypes.default.bool,
+  iconType: _propTypes.default.oneOf(['success', 'warning', 'error', 'info', 'none']),
+  classes: _propTypes.default.shape().isRequired
+};
+CoreSnackBar.defaultProps = {
+  autoHideDuration: 1000,
+  iconType: 'info',
+  onAction: () => {},
+  withIcon: false
+};
+var _default = exports.default = (0, _styles.withStyles)(styles)(CoreSnackBar);

package/dist/components/CoreSnackBar/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _CoreSnackBar.default;
+  }
+});
+var _CoreSnackBar = _interopRequireDefault(require("./CoreSnackBar"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/components/CoreSnackBar/readme.md

@@ -0,0 +1,23 @@
+#coreSnackBar
+this component is used to display a notification to the user, it can have different look and feel depending on the props received.
+
+
+open: Required property that indicates the snackbar need to be showed.  
+message: Required string that contains the message to be displayed to the user,  
+onClose: Required function to proccess the close of the snackbar (this.setstate(open:false)),  
+withIcon: Indicates if the snackbar will contain an icon, default value is false.  
+onAction: receive a function to be executed once the user click on the X button, normally asigned to open state but can do other,  
+autoHideDuration: Property that indicates the time in milliseconds to execute the onClose function, if there is a need to keep the snackbar open, the onClose Function can have a different action than close,  
+iconType: oneOf(['success', 'warning', 'error', 'info', 'none']) it describes the icon type to be showed, the default value is none, it also associate it to the color of the snackbar Success is green, warning is orange, error is red, info is the default theme color and none is the dark gray color.  
+
+
+Example use:
+
+```
+
+import {  CoreSnackBar } from '../lib';
+
+<CoreSnackBar open message="this is a warning" iconType="warning" autoHideDuration={1000} onClose={() => {}} />
+      <CoreSnackBar open message="this is an error" iconType="error" autoHideDuration={2000} onClose={() => {}} />
+      
+      <CoreSnackBar open message="this is an success" iconType="success" autoHideDuration={3000} onClose={() => {}} />

package/dist/components/CoreTable/CoreTable.js

@@ -0,0 +1,315 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _TableCell = _interopRequireDefault(require("@material-ui/core/TableCell"));
+var _TableBody = _interopRequireDefault(require("@material-ui/core/TableBody"));
+var _TableRow = _interopRequireDefault(require("@material-ui/core/TableRow"));
+var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
+var _CircularProgress = _interopRequireDefault(require("@material-ui/core/CircularProgress"));
+var _Table = _interopRequireDefault(require("@material-ui/core/Table"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactIntl = require("react-intl");
+var _CoreTableToolbar = _interopRequireDefault(require("./CoreTableToolbar"));
+var _CoreTableHead = _interopRequireDefault(require("./CoreTableHead"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const desc = (a, b, orderBy) => {
+  if (b[orderBy] < a[orderBy]) {
+    return -1;
+  }
+  if (b[orderBy] > a[orderBy]) {
+    return 1;
+  }
+  return 0;
+};
+const getSorting = (order, orderBy) => {
+  if (order === 'desc') return (a, b) => desc(a, b, orderBy);
+  return (a, b) => -desc(a, b, orderBy);
+};
+const stableSort = (array, cmp) => {
+  const stabilizedThis = array.map((el, index) => [el, index]);
+  stabilizedThis.sort((a, b) => {
+    const order = cmp(a[0], b[0]);
+    return order !== 0 ? order : a[1] - b[1];
+  });
+  return stabilizedThis.map(el => el[0]);
+};
+const getStyles = (row, column) => {
+  let style = {};
+  if (column.style !== undefined) {
+    style = column.style;
+  }
+  if (row.style !== undefined) {
+    if (row.style.all !== undefined) {
+      style = _objectSpread(_objectSpread({}, style), row.style.all);
+    }
+    if (row.style[column.id] !== undefined) {
+      style = _objectSpread(_objectSpread({}, style), row.style[column.id]);
+    }
+  }
+  return style;
+};
+const getRowStyles = (id, activeRow, flaggedRows) => {
+  let style = {};
+  if (id === activeRow) {
+    style = {
+      backgroundColor: 'LightSteelBlue'
+    };
+  }
+  if (flaggedRows.includes(id)) {
+    style = {
+      backgroundColor: 'Red'
+    };
+  }
+  return style;
+};
+class CoreTable extends _react.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      selected: [],
+      order: 'asc',
+      orderBy: '',
+      activeFilters: {}
+    };
+  }
+  componentDidMount() {
+    const filters = {};
+    this.props.columns.forEach(column => {
+      if (column.filter === 'text' || column.filter === true) {
+        filters[column.id] = '';
+      }
+    });
+    this.setState({
+      activeFilters: filters
+    });
+  }
+  componentDidUpdate(prevProps) {
+    if (JSON.stringify(this.props.data) !== JSON.stringify(prevProps.data)) {
+      this.handleClearSelected();
+    }
+  }
+  onRowClick(row) {
+    if (this.props.onRowClick) {
+      this.props.onRowClick(row);
+    }
+  }
+  handleClearSelected() {
+    this.setState({
+      selected: []
+    });
+  }
+  handleChipDelete(id) {
+    this.setState(prevState => ({
+      activeFilters: _objectSpread(_objectSpread({}, prevState.activeFilters), {}, {
+        [id]: ''
+      })
+    }));
+  }
+  filterInputHandler(_ref) {
+    let {
+      target
+    } = _ref;
+    const {
+      name,
+      value
+    } = target;
+    this.setState(prevState => ({
+      activeFilters: _objectSpread(_objectSpread({}, prevState.activeFilters), {}, {
+        [name]: value
+      })
+    }));
+  }
+  passesFilter(row) {
+    let passed = true;
+    const filterKeys = Object.keys(this.state.activeFilters);
+    if (filterKeys.length > 0) {
+      filterKeys.forEach(filter => {
+        if (!row[filter].toLowerCase().includes(this.state.activeFilters[filter].toLowerCase())) {
+          passed = false;
+        }
+      });
+    }
+    return passed;
+  }
+  isSelected(id) {
+    return this.state.selected.indexOf(id) !== -1;
+  }
+  handleSelectAll(event) {
+    this.setState({
+      selected: event.target.checked ? this.props.data.map(row => row[this.props.id]) : []
+    });
+  }
+  handleOnSort(orderBy) {
+    // console.log('orderBy', orderBy);
+    this.setState(prevState => {
+      const order = prevState.orderBy === orderBy && prevState.order === 'desc' ? 'asc' : 'desc';
+      return {
+        order: order,
+        orderBy: orderBy
+      };
+    });
+  }
+  handleClick(key, row) {
+    if (this.props.multiSelect) {
+      const {
+        selected
+      } = this.state;
+      const selectedIndex = selected.indexOf(key);
+      let newSelected = [];
+      if (selectedIndex === -1) {
+        // Not in selected, add
+        newSelected = newSelected.concat(selected, key);
+      } else if (selectedIndex === 0) {
+        // First item in selected, remove
+        newSelected = newSelected.concat(selected.slice(1));
+      } else if (selectedIndex === selected.length - 1) {
+        // Last item in selected, remove
+        newSelected = newSelected.concat(selected.slice(0, -1));
+      } else if (selectedIndex > 0) {
+        // Somewhere in the middle of selected, remove
+        newSelected = newSelected.concat(selected.slice(0, selectedIndex), selected.slice(selectedIndex + 1));
+      }
+      this.setState({
+        selected: newSelected
+      });
+    }
+  }
+  render() {
+    const {
+      sort,
+      id,
+      title,
+      columns,
+      data,
+      customToolbar,
+      multiSelect,
+      hover,
+      toolBarIcons,
+      activeRow,
+      flaggedRows,
+      loading
+    } = this.props;
+    const {
+      selected,
+      order,
+      orderBy,
+      activeFilters
+    } = this.state;
+    return /*#__PURE__*/_react.default.createElement("div", null, (title || multiSelect) && /*#__PURE__*/_react.default.createElement(_CoreTableToolbar.default, {
+      title: title,
+      selected: selected,
+      icons: toolBarIcons,
+      customToolbar: customToolbar,
+      activeFilters: activeFilters,
+      handleChipDelete: _id => this.handleChipDelete(_id)
+    }), /*#__PURE__*/_react.default.createElement(_Table.default, null, /*#__PURE__*/_react.default.createElement(_CoreTableHead.default, {
+      sort: sort,
+      order: order,
+      columns: columns,
+      orderBy: orderBy,
+      rowCount: data.length,
+      multiSelect: multiSelect,
+      selected: selected.length,
+      activeFilters: activeFilters,
+      onSort: _orderBy => this.handleOnSort(_orderBy),
+      onSelectAll: event => this.handleSelectAll(event),
+      updateFilter: target => this.filterInputHandler(target)
+    }), /*#__PURE__*/_react.default.createElement(_TableBody.default, null, stableSort(data, getSorting(order, orderBy)).map(row => {
+      const isSelected = this.isSelected(row[id]);
+      if (this.passesFilter(row)) {
+        return /*#__PURE__*/_react.default.createElement(_TableRow.default, {
+          role: "checkbox",
+          key: row[id],
+          hover: hover,
+          tabIndex: -1,
+          selected: isSelected,
+          "aria-checked": isSelected,
+          onClick: () => this.onRowClick(row),
+          style: getRowStyles(row[id], activeRow, flaggedRows)
+        }, multiSelect && /*#__PURE__*/_react.default.createElement(_TableCell.default, {
+          padding: "checkbox",
+          onClick: event => {
+            event.stopPropagation();
+            this.handleClick(row[id], row);
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
+          checked: isSelected,
+          color: "primary"
+        })), columns.map((column, columnIndex) => /*#__PURE__*/_react.default.createElement(_TableCell.default, {
+          key: String(columnIndex),
+          style: _objectSpread(_objectSpread({
+            cursor: this.props.onRowClick ? 'pointer' : 'default'
+          }, getStyles(row, column)), column.style)
+        }, column.customCell ? column.customCell({
+          id: id,
+          row: row
+        }) : row[column.id])));
+      }
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+    }))), loading && /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        paddingTop: 20,
+        paddingBottom: 20
+      }
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        display: 'flex',
+        alignItems: 'center'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_CircularProgress.default, {
+      color: "secondary",
+      style: {
+        marginRight: 20
+      }
+    }), /*#__PURE__*/_react.default.createElement("span", {
+      style: {
+        fontSize: '26px',
+        fontStyle: 'italic',
+        color: 'rgba(0,0,0,0.6)'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
+      id: "__loading"
+    }), "\u2026"))));
+  }
+}
+CoreTable.propTypes = {
+  sort: _propTypes.default.bool,
+  hover: _propTypes.default.bool,
+  title: _propTypes.default.string,
+  onRowClick: _propTypes.default.func,
+  activeRow: _propTypes.default.string,
+  multiSelect: _propTypes.default.bool,
+  toolBarIcons: _propTypes.default.node,
+  customToolbar: _propTypes.default.func,
+  id: _propTypes.default.string.isRequired,
+  flaggedRows: _propTypes.default.arrayOf(_propTypes.default.string),
+  data: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,
+  columns: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,
+  loading: _propTypes.default.bool
+};
+CoreTable.defaultProps = {
+  title: '',
+  sort: false,
+  hover: false,
+  activeRow: '',
+  flaggedRows: [],
+  onRowClick: null,
+  multiSelect: false,
+  customToolbar: null,
+  toolBarIcons: /*#__PURE__*/_react.default.createElement("span", null),
+  loading: false
+};
+var _default = exports.default = CoreTable;