versacall-dashboards-library-react 2.0.39 → 2.0.40

package/dist/components/DashboardsEditor/DashboardsEditor.js

@@ -1,415 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _ArrowDownward = _interopRequireDefault(require("@material-ui/icons/ArrowDownward"));
-
-var _ArrowForward = _interopRequireDefault(require("@material-ui/icons/ArrowForward"));
-
-var _ArrowUpward = _interopRequireDefault(require("@material-ui/icons/ArrowUpward"));
-
-var _AddCircle = _interopRequireDefault(require("@material-ui/icons/AddCircle"));
-
-var _ArrowBack = _interopRequireDefault(require("@material-ui/icons/ArrowBack"));
-
-var _SelectAll = _interopRequireDefault(require("@material-ui/icons/SelectAll"));
-
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
-
-var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
-
-var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
-
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-
-var _reactIntl = require("react-intl");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _functions = require("../../functions");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-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; }
-
-var style = {
-  grid: {
-    display: 'grid',
-    boxSizing: 'border-box',
-    width: '100%',
-    height: '100%'
-  },
-  mainGrid: {
-    gridTemplateColumns: '62px auto 62px',
-    gridTemplateRows: '62px auto 62px'
-  },
-  buttonPadding: {
-    padding: 7
-  },
-  flex: {
-    display: 'flex',
-    overflow: 'hidden',
-    width: '100%',
-    height: '100%'
-  },
-  button: {
-    display: 'inline-block',
-    width: '100%',
-    height: '100%',
-    padding: 0,
-    minHeight: 0,
-    minWidth: 0
-  },
-  border: {
-    borderStyle: 'solid',
-    borderColor: '#e6e6e6',
-    borderWidth: 7
-  }
-};
-
-class DashboardsEditor extends _react.Component {
-  addRow() {
-    if (this.props.addRow) {
-      this.props.addRow();
-    }
-  }
-
-  addColumn() {
-    if (this.props.addColumn) {
-      this.props.addColumn();
-    }
-  }
-
-  moveCells(direction) {
-    if (this.props.moveCells) {
-      this.props.moveCells(direction);
-    }
-  }
-
-  updateSelected(event, select) {
-    if (this.props.updateSelected) {
-      var selected = [];
-
-      for (var row = 1; row <= this.props.rowProperties.length; row++) {
-        if (select.what === 'column') {
-          selected.push({
-            row: row,
-            column: select.number,
-            index: (row - 1) * this.props.columnProperties.length + select.number - 1
-          });
-        } else {
-          for (var column = 1; column <= this.props.columnProperties.length; column++) {
-            selected.push({
-              row: select.what === 'all' ? row : select.number,
-              column: column,
-              index: ((select.what === 'all' ? row : select.number) - 1) * this.props.columnProperties.length + column - 1
-            });
-          }
-
-          if (select.what === 'row') {
-            break;
-          }
-        }
-      }
-
-      if (event.ctrlKey) {
-        selected = (0, _functions.mergeSelected)(this.props.selected.cells, selected);
-      }
-
-      this.props.updateSelected((0, _functions.generateSelected)(selected, this.props.rowProperties.length, this.props.columnProperties.length));
-    }
-  }
-
-  updateSelectedFreehand(event) {
-    if (this.props.updateSelected) {
-      this.props.updateSelected(event.target.value === '-1' ? [] : ["".concat(event.target.value)]);
-    }
-  }
-
-  render() {
-    var _this$props = this.props,
-        cells = _this$props.cells,
-        gap = _this$props.gap,
-        showEditor = _this$props.showEditor,
-        showFooter = _this$props.showFooter,
-        alignItems = _this$props.alignItems,
-        showSelected = _this$props.showSelected,
-        showSelectAll = _this$props.showSelectAll,
-        showSelectRows = _this$props.showSelectRows,
-        justifyContent = _this$props.justifyContent,
-        showSelectColumns = _this$props.showSelectColumns,
-        intl = _this$props.intl,
-        gridTemplateRows = _this$props.gridTemplateRows,
-        gridTemplateColumns = _this$props.gridTemplateColumns,
-        viewWidth = _this$props.viewWidth,
-        viewHeight = _this$props.viewHeight,
-        selected = _this$props.selected,
-        columnProperties = _this$props.columnProperties,
-        rowProperties = _this$props.rowProperties;
-    return showEditor ? /*#__PURE__*/_react.default.createElement("div", {
-      style: _objectSpread(_objectSpread({}, style.grid), style.mainGrid)
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      style: style.buttonPadding
-    }, showSelectAll && /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-      title: intl.formatMessage({
-        id: '__select_all'
-      })
-    }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-      color: "secondary",
-      onClick: event => this.updateSelected(event, {
-        what: 'all'
-      })
-    }, /*#__PURE__*/_react.default.createElement(_SelectAll.default, null)))), /*#__PURE__*/_react.default.createElement("div", {
-      style: _objectSpread(_objectSpread({}, style.flex), {}, {
-        justifyContent: justifyContent
-      })
-    }, showSelectColumns && /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        width: viewWidth,
-        marginLeft: justifyContent === 'flex-start' ? 7 : 0,
-        marginRight: justifyContent === 'flex-end' ? 7 : 0
-      }
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      style: _objectSpread(_objectSpread({}, style.grid), {}, {
-        gridTemplateColumns: gridTemplateColumns,
-        gap: gap
-      })
-    }, columnProperties.map((column, index) => {
-      var selectedColumn = rowProperties.length === selected.cells.reduce((acc, current) => acc + (current.column === index + 1 ? 1 : 0), 0);
-      return /*#__PURE__*/_react.default.createElement("div", {
-        key: String(index),
-        style: style.buttonPadding
-      }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-        title: intl.formatMessage({
-          id: '__select_column'
-        })
-      }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-        size: "large",
-        color: "secondary",
-        style: style.button,
-        variant: selectedColumn ? 'contained' : 'outlined',
-        onClick: event => this.updateSelected(event, {
-          what: 'column',
-          number: index + 1
-        })
-      }, "".concat(intl.formatMessage({
-        id: '__column_c'
-      })).concat(index + 1))));
-    }))), showSelected && /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        width: '100%',
-        padding: 4,
-        paddingTop: 3
-      }
-    }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
-      variant: "outlined",
-      SelectProps: {
-        native: true
-      },
-      onChange: event => this.updateSelectedFreehand(event),
-      value: selected.cells.length > 0 ? selected.cells[0] : '-1',
-      fullWidth: true,
-      select: true
-    }, /*#__PURE__*/_react.default.createElement("option", {
-      value: "-1"
-    }, intl.formatMessage({
-      id: '__select'
-    })), cells.map((cell, index) => /*#__PURE__*/_react.default.createElement("option", {
-      key: String(index),
-      value: "".concat(index)
-    }, "#".concat(index + 1, " - X:").concat(cell.x, ", Y:").concat(cell.y, ", Z:").concat(cell.z, ", Width:").concat(cell.width, ", Height:").concat(cell.height)))))), /*#__PURE__*/_react.default.createElement("div", {
-      style: style.buttonPadding
-    }, this.props.addColumn && /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-      title: this.props.addColumnText ? this.props.addColumnText : intl.formatMessage({
-        id: '__add_column'
-      })
-    }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-      color: "secondary",
-      onClick: () => this.addColumn()
-    }, /*#__PURE__*/_react.default.createElement(_AddCircle.default, null)))), /*#__PURE__*/_react.default.createElement("div", {
-      style: _objectSpread(_objectSpread({}, style.flex), {}, {
-        alignItems: alignItems,
-        height: showFooter ? '95%' : '100%'
-      })
-    }, showSelectRows && /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        width: '100%',
-        height: viewHeight,
-        marginTop: alignItems === 'flex-start' ? 7 : 0,
-        marginBottom: alignItems === 'flex-end' ? 7 : 0
-      }
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      style: _objectSpread(_objectSpread({}, style.grid), {}, {
-        gridTemplateRows: gridTemplateRows,
-        gap: gap
-      })
-    }, rowProperties.map((row, index) => {
-      var selectedRow = columnProperties.length === selected.cells.reduce((acc, current) => acc + (current.row === index + 1 ? 1 : 0), 0);
-      return /*#__PURE__*/_react.default.createElement("div", {
-        key: String(index),
-        style: style.buttonPadding
-      }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-        placement: "right",
-        title: intl.formatMessage({
-          id: '__select_row'
-        })
-      }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-        size: "large",
-        color: "secondary",
-        style: style.button,
-        variant: selectedRow ? 'contained' : 'outlined',
-        onClick: event => this.updateSelected(event, {
-          what: 'row',
-          number: index + 1
-        })
-      }, "".concat(intl.formatMessage({
-        id: '__row_r'
-      })).concat(index + 1))));
-    })))), /*#__PURE__*/_react.default.createElement("div", {
-      style: style.border
-    }, this.props.children), /*#__PURE__*/_react.default.createElement("div", {
-      style: _objectSpread(_objectSpread({}, style.buttonPadding), {}, {
-        display: 'flex',
-        alignItems: 'flex-end'
-      })
-    }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-      title: intl.formatMessage({
-        id: '__move_left'
-      })
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        display: 'inline'
-      }
-    }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-      color: "secondary",
-      onClick: event => this.moveCells('left'),
-      disabled: !(selected.column > 0 || selected.cells.length === 1)
-    }, /*#__PURE__*/_react.default.createElement(_ArrowBack.default, null)))), /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-      title: intl.formatMessage({
-        id: '__move_right'
-      })
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        display: 'inline'
-      }
-    }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-      color: "secondary",
-      onClick: event => this.moveCells('right'),
-      disabled: !(selected.column > 0 || selected.cells.length === 1)
-    }, /*#__PURE__*/_react.default.createElement(_ArrowForward.default, null)))))), /*#__PURE__*/_react.default.createElement("div", {
-      style: style.buttonPadding
-    }, this.props.addRow && /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-      placement: "right",
-      title: intl.formatMessage({
-        id: '__add_row'
-      })
-    }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-      color: "secondary",
-      onClick: () => this.addRow()
-    }, /*#__PURE__*/_react.default.createElement(_AddCircle.default, null)))), /*#__PURE__*/_react.default.createElement("div", {
-      style: _objectSpread(_objectSpread({}, style.buttonPadding), {}, {
-        textAlign: 'right'
-      })
-    }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-      title: intl.formatMessage({
-        id: '__move_up'
-      })
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        display: 'inline'
-      }
-    }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-      color: "secondary",
-      onClick: event => this.moveCells('up'),
-      disabled: !(selected.row > 0 || selected.cells.length === 1)
-    }, /*#__PURE__*/_react.default.createElement(_ArrowUpward.default, null)))), /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-      title: intl.formatMessage({
-        id: '__move_down'
-      })
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        display: 'inline'
-      }
-    }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-      color: "secondary",
-      onClick: event => this.moveCells('down'),
-      disabled: !(selected.row > 0 || selected.cells.length === 1)
-    }, /*#__PURE__*/_react.default.createElement(_ArrowDownward.default, null)))))) : /*#__PURE__*/_react.default.createElement("div", {
-      style: _objectSpread(_objectSpread({}, style.grid), {}, {
-        gridTemplateColumns: '1fr',
-        gridTemplateRows: '1fr'
-      })
-    }, /*#__PURE__*/_react.default.createElement("div", null, this.props.children));
-  }
-
-}
-
-DashboardsEditor.propTypes = {
-  gap: _propTypes.default.string,
-  addRow: _propTypes.default.func,
-  addColumn: _propTypes.default.func,
-  addColumnText: _propTypes.default.string,
-  moveCells: _propTypes.default.func,
-  showEditor: _propTypes.default.bool,
-  showFooter: _propTypes.default.bool,
-  alignItems: _propTypes.default.string,
-  showSelected: _propTypes.default.bool,
-  showSelectAll: _propTypes.default.bool,
-  showSelectRows: _propTypes.default.bool,
-  updateSelected: _propTypes.default.func,
-  justifyContent: _propTypes.default.string,
-  showSelectColumns: _propTypes.default.bool,
-  intl: _propTypes.default.shape().isRequired,
-  gridTemplateRows: _propTypes.default.string,
-  children: _propTypes.default.node.isRequired,
-  gridTemplateColumns: _propTypes.default.string,
-  viewWidth: _propTypes.default.number.isRequired,
-  viewHeight: _propTypes.default.number.isRequired,
-  cells: _propTypes.default.arrayOf(_propTypes.default.shape()),
-  rowProperties: _propTypes.default.arrayOf(_propTypes.default.shape()),
-  columnProperties: _propTypes.default.arrayOf(_propTypes.default.shape()),
-  selected: _propTypes.default.shape()
-};
-DashboardsEditor.defaultProps = {
-  cells: [],
-  gap: 'unset',
-  addRow: null,
-  addColumn: null,
-  addColumnText: null,
-  moveCells: null,
-  rowProperties: [],
-  showEditor: false,
-  showFooter: false,
-  showSelected: false,
-  alignItems: 'center',
-  columnProperties: [],
-  showSelectAll: false,
-  updateSelected: null,
-  showSelectRows: false,
-  showSelectColumns: false,
-  justifyContent: 'center',
-  gridTemplateRows: 'auto',
-  gridTemplateColumns: 'auto',
-  selected: {
-    row: 0,
-    column: 0,
-    cells: []
-  }
-};
-
-var _default = (0, _reactIntl.injectIntl)(DashboardsEditor);
-
-exports.default = _default;

package/dist/components/DashboardsEditor/index.js

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

package/dist/components/DashboardsGlobalStylesPicker/DashboardsGlobalStylesPicker.js

@@ -1,90 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
-
-var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
-
-var _reactIntl = require("react-intl");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _DashboardsPreview = _interopRequireDefault(require("../DashboardsPreview"));
-
-var _DashboardsCell = _interopRequireDefault(require("../DashboardsCell"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-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 DashboardsGlobalStylesPicker(props) {
-  var value = props.value,
-      label = props.label,
-      styles = props.styles,
-      intl = props.intl;
-  return /*#__PURE__*/_react.default.createElement(_TextField.default, {
-    margin: "normal",
-    variant: "outlined",
-    value: value || 'none',
-    label: label || intl.formatMessage({
-      id: '__style'
-    }),
-    onChange: event => props.updateValue(event.target.value),
-    fullWidth: true,
-    select: true
-  }, /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
-    value: "none"
-  }, intl.formatMessage({
-    id: '__none'
-  })), styles.map(style => /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
-    key: style.id,
-    value: style.id,
-    style: {
-      height: 70
-    }
-  }, /*#__PURE__*/_react.default.createElement(_DashboardsPreview.default, {
-    width: "100%",
-    height: "70px",
-    padding: "10px"
-  }, /*#__PURE__*/_react.default.createElement(_DashboardsCell.default, {
-    cell: {
-      content: {
-        type: 'text',
-        text: style.name
-      },
-      custom: {
-        viewWidth: 400,
-        viewHeight: 70,
-        style: _objectSpread(_objectSpread({}, style.options), {}, {
-          fontSize: '20%'
-        })
-      }
-    }
-  })))));
-}
-
-DashboardsGlobalStylesPicker.propTypes = {
-  label: _propTypes.default.string,
-  intl: _propTypes.default.shape().isRequired,
-  value: _propTypes.default.string.isRequired,
-  updateValue: _propTypes.default.func.isRequired,
-  styles: _propTypes.default.arrayOf(_propTypes.default.shape())
-};
-DashboardsGlobalStylesPicker.defaultProps = {
-  label: '',
-  styles: []
-};
-
-var _default = (0, _reactIntl.injectIntl)(DashboardsGlobalStylesPicker);
-
-exports.default = _default;

package/dist/components/DashboardsGlobalStylesPicker/index.js

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

package/dist/components/DashboardsGrid/DashboardsGrid.js

@@ -1,139 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _functions = require("../../functions");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-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; }
-
-class DashboardsGrid extends _react.Component {
-  updateSelected(event, select) {
-    if (this.props.updateSelected && this.props.showEditor) {
-      if (event.ctrlKey) {
-        this.props.updateSelected((0, _functions.generateSelected)((0, _functions.mergeSelected)(this.props.selected.cells, select), this.props.rowProperties.length, this.props.columnProperties.length));
-      } else {
-        this.props.updateSelected({
-          row: 0,
-          column: 0,
-          cells: select
-        });
-      }
-    }
-  }
-
-  render() {
-    var _this$props = this.props,
-        gap = _this$props.gap,
-        showEditor = _this$props.showEditor,
-        gridTemplateRows = _this$props.gridTemplateRows,
-        gridTemplateColumns = _this$props.gridTemplateColumns,
-        columnProperties = _this$props.columnProperties,
-        selected = _this$props.selected;
-    var style = {
-      grid: {
-        display: 'grid',
-        boxSizing: 'border-box',
-        width: '100%',
-        height: '100%',
-        gridTemplateColumns: gridTemplateColumns,
-        gridTemplateRows: gridTemplateRows,
-        gap: gap
-      },
-      root: {
-        display: 'block',
-        boxSizing: 'border-box',
-        width: '100%',
-        height: '100%',
-        overflow: 'hidden',
-        borderColor: '#005A96',
-        borderWidth: 6
-      },
-      blocker: {
-        position: 'relative',
-        top: 'calc(0px - 100%)',
-        height: '100%'
-      }
-    };
-    return /*#__PURE__*/_react.default.createElement("div", {
-      style: style.grid
-    }, this.props.children.map((child, index) => {
-      var key = child.key.split('-');
-      var row = Number(key[1]);
-      var column = Number(key[0]);
-      var isSelected = showEditor && selected.cells.some(select => select.row === row && select.column === column);
-      return /*#__PURE__*/_react.default.createElement("div", {
-        role: "button",
-        tabIndex: 0,
-        key: String(index),
-        style: _objectSpread(_objectSpread({}, style.root), {}, {
-          borderStyle: isSelected ? 'dashed' : 'none',
-          gridColumn: "span ".concat(child.props.cell.columnSpan),
-          gridRow: "span ".concat(child.props.cell.rowSpan)
-        }),
-        onClick: event => this.updateSelected(event, [{
-          row: row,
-          column: column,
-          index: (row - 1) * columnProperties.length + column - 1
-        }]),
-        onKeyPress: event => this.updateSelected(event, [{
-          row: row,
-          column: column,
-          index: (row - 1) * columnProperties.length + column - 1
-        }])
-      }, child, showEditor && /*#__PURE__*/_react.default.createElement("div", {
-        style: style.blocker
-      }));
-    }));
-  }
-
-}
-
-DashboardsGrid.propTypes = {
-  gap: _propTypes.default.string,
-  showEditor: _propTypes.default.bool,
-  updateSelected: _propTypes.default.func,
-  gridTemplateRows: _propTypes.default.string,
-  children: _propTypes.default.node.isRequired,
-  gridTemplateColumns: _propTypes.default.string,
-  rowProperties: _propTypes.default.arrayOf(_propTypes.default.shape()).isRequired,
-  columnProperties: _propTypes.default.arrayOf(_propTypes.default.shape()).isRequired,
-  selected: _propTypes.default.shape({
-    row: _propTypes.default.number,
-    column: _propTypes.default.number,
-    cells: _propTypes.default.arrayOf(_propTypes.default.shape({
-      row: _propTypes.default.number,
-      column: _propTypes.default.number
-    }))
-  })
-};
-DashboardsGrid.defaultProps = {
-  gap: 'unset',
-  showEditor: false,
-  updateSelected: null,
-  gridTemplateRows: 'auto',
-  gridTemplateColumns: 'auto',
-  selected: {
-    row: 0,
-    column: 0,
-    cells: []
-  }
-};
-var _default = DashboardsGrid;
-exports.default = _default;