@panneau/core 0.6.70-alpha.0 → 0.6.73

package/lib/components/pages/_ResourceIndexOld.js

@@ -1,488 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _reactRouterDom = require("react-router-dom");
-
-var _get = _interopRequireDefault(require("lodash/get"));
-
-var _isString = _interopRequireDefault(require("lodash/isString"));
-
-var _isObject = _interopRequireDefault(require("lodash/isObject"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _reactIntl = require("react-intl");
-
-var _Loading = _interopRequireDefault(require("../partials/Loading"));
-
-var PanneauPropTypes = _interopRequireWildcard(require("../../lib/PropTypes"));
-
-var _withResourceApi = _interopRequireDefault(require("../../lib/withResourceApi"));
-
-var _withListsCollection = _interopRequireDefault(require("../../lib/withListsCollection"));
-
-function _createSuper(Derived) { return function () { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-var styles = {
-  "container": "panneau-core-resource-index-container",
-  "header": "panneau-core-resource-index-header",
-  "cols": "panneau-core-resource-index-cols",
-  "col": "panneau-core-resource-index-col",
-  "listContainer": "panneau-core-resource-index-listContainer",
-  "list": "panneau-core-resource-index-list",
-  "filters": "panneau-core-resource-index-filters",
-  "loading": "panneau-core-resource-index-loading",
-  "inner": "panneau-core-resource-index-inner",
-  "middle": "panneau-core-resource-index-middle",
-  "alone": "panneau-core-resource-index-alone"
-};
-var messages = (0, _reactIntl.defineMessages)({
-  add: {
-    id: 'core.buttons.resources.add',
-    description: 'The label of the "add" index button',
-    defaultMessage: 'Add {name}'
-  },
-  title: {
-    id: 'core.titles.resources.index',
-    description: 'The title of the resource index page',
-    defaultMessage: '{name}'
-  },
-  confirmDelete: {
-    id: 'core.resources.index.confirm_delete',
-    description: 'The confirm message when deleting on the resource index page',
-    defaultMessage: 'Are you sure you want to delete this item from {name}?'
-  }
-});
-var propTypes = {
-  intl: PanneauPropTypes.intl.isRequired,
-  listsCollection: PanneauPropTypes.componentsCollection.isRequired,
-  resource: PanneauPropTypes.resource.isRequired,
-  resourceApi: PanneauPropTypes.resourceApi.isRequired,
-  query: _propTypes["default"].shape({
-    page: _propTypes["default"].string
-  }),
-  items: _propTypes["default"].arrayOf(_propTypes["default"].object),
-  title: PanneauPropTypes.message,
-  errors: _propTypes["default"].arrayOf(_propTypes["default"].string),
-  showAddButton: _propTypes["default"].bool,
-  addButtonLabel: PanneauPropTypes.message,
-  confirmDeleteMessage: PanneauPropTypes.message,
-  getResourceActionUrl: _propTypes["default"].func.isRequired,
-  gotoResourceAction: _propTypes["default"].func.isRequired
-};
-var defaultProps = {
-  query: null,
-  items: null,
-  title: messages.title,
-  errors: null,
-  showAddButton: true,
-  addButtonLabel: messages.add,
-  confirmDeleteMessage: messages.confirmDelete
-};
-
-var ResourceIndexOld = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(ResourceIndexOld, _Component);
-
-  var _super = _createSuper(ResourceIndexOld);
-
-  (0, _createClass2["default"])(ResourceIndexOld, null, [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(_ref, _ref2) {
-      var nextQuery = _ref.query,
-          nextErrors = _ref.errors;
-      var query = _ref2.query,
-          errors = _ref2.errors;
-      var queryChanged = nextQuery !== query;
-      var errorsChanged = nextErrors !== errors;
-
-      if (queryChanged || errorsChanged) {
-        return {
-          query: queryChanged ? nextQuery : query,
-          errors: errorsChanged ? nextErrors : errors,
-          isLoading: queryChanged
-        };
-      }
-
-      return null;
-    }
-  }]);
-
-  function ResourceIndexOld(props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, ResourceIndexOld);
-    _this = _super.call(this, props);
-    _this.onItemsLoaded = _this.onItemsLoaded.bind((0, _assertThisInitialized2["default"])(_this));
-    _this.onItemsLoadError = _this.onItemsLoadError.bind((0, _assertThisInitialized2["default"])(_this));
-    _this.onClickAction = _this.onClickAction.bind((0, _assertThisInitialized2["default"])(_this));
-    _this.onItemDeleted = _this.onItemDeleted.bind((0, _assertThisInitialized2["default"])(_this));
-    _this.state = {
-      isLoading: props.items === null,
-      query: null,
-      // eslint-disable-line react/no-unused-state
-      items: props.items,
-      pagination: null,
-      errors: props.errors
-    };
-    return _this;
-  }
-
-  (0, _createClass2["default"])(ResourceIndexOld, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var items = this.state.items;
-
-      if (items === null) {
-        this.loadItems();
-      }
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(_ref3, _ref4) {
-      var prevQuery = _ref3.query;
-      var prevItems = _ref4.items;
-      var query = this.props.query;
-      var items = this.state.items;
-      var itemsChanged = prevItems !== items;
-      var queryChanged = prevQuery !== query;
-
-      if (itemsChanged && items === null || queryChanged) {
-        this.loadItems();
-      }
-    }
-  }, {
-    key: "onItemsLoaded",
-    value: function onItemsLoaded(data) {
-      if (this.isPaginated()) {
-        var items = data.data,
-            pagination = (0, _objectWithoutProperties2["default"])(data, ["data"]);
-        this.setState({
-          items: items,
-          pagination: pagination,
-          isLoading: false
-        });
-        return;
-      }
-
-      this.setState({
-        items: data,
-        isLoading: false
-      });
-    }
-  }, {
-    key: "onItemsLoadError",
-    value: function onItemsLoadError(errors) {
-      this.setState({
-        errors: errors,
-        isLoading: false
-      });
-    }
-  }, {
-    key: "onClickAction",
-    value: function onClickAction(e, action, it) {
-      var _this$props = this.props,
-          getResourceActionUrl = _this$props.getResourceActionUrl,
-          gotoResourceAction = _this$props.gotoResourceAction;
-      var useRouter = (0, _get["default"])(action, 'useRouter', true);
-
-      switch (action.id) {
-        case 'edit':
-        case 'show':
-          if (useRouter) {
-            gotoResourceAction(action.id, it.id);
-          } else {
-            window.location.href = getResourceActionUrl(action.id);
-          }
-
-          break;
-
-        case 'delete':
-          {
-            var hasPage = (0, _get["default"])(action, 'hasPage', false);
-
-            if (!hasPage) {
-              this.deleteItem(it.id);
-            } else if (useRouter) {
-              gotoResourceAction(action.id, it.id);
-            } else {
-              window.location.href = getResourceActionUrl(action.id);
-            }
-
-            break;
-          }
-
-        default:
-          break;
-      }
-    }
-  }, {
-    key: "onItemDeleted",
-    value: function onItemDeleted(_ref5) {
-      var id = _ref5.id;
-      this.setState(function (_ref6) {
-        var items = _ref6.items;
-        return {
-          items: items.filter(function (it) {
-            return it.id !== id;
-          })
-        };
-      });
-    }
-  }, {
-    key: "isPaginated",
-    value: function isPaginated() {
-      var resource = this.props.resource;
-      return (0, _get["default"])(resource, 'lists.index.pagination', (0, _get["default"])(resource, 'lists.pagination', false));
-    }
-  }, {
-    key: "loadItems",
-    value: function loadItems() {
-      var _this$props2 = this.props,
-          resourceApi = _this$props2.resourceApi,
-          query = _this$props2.query;
-      var params = {};
-
-      if (this.isPaginated()) {
-        var page = query.page || null;
-
-        if (page !== null) {
-          params.page = page;
-        }
-      }
-
-      resourceApi.index(params).then(this.onItemsLoaded)["catch"](this.onItemsLoadError);
-    }
-  }, {
-    key: "deleteItem",
-    value: function deleteItem(id) {
-      var _this$props3 = this.props,
-          resource = _this$props3.resource,
-          resourceApi = _this$props3.resourceApi,
-          intl = _this$props3.intl,
-          confirmDeleteMessage = _this$props3.confirmDeleteMessage;
-      var name = resource.name;
-      var confirmMessage = (0, _get["default"])(resource, 'messages.confirm_delete', confirmDeleteMessage);
-      var message = (0, _isObject["default"])(confirmMessage) && typeof confirmMessage.id !== 'undefined' ? intl.formatMessage(confirmMessage, {
-        name: name,
-        id: id
-      }) : confirmMessage; // eslint-disable-next-line no-alert
-
-      if (window.confirm(message)) {
-        resourceApi.destroy(id).then(this.onItemDeleted);
-      }
-    }
-  }, {
-    key: "renderAddButton",
-    value: function renderAddButton() {
-      var _this$props4 = this.props,
-          addButtonLabel = _this$props4.addButtonLabel,
-          resource = _this$props4.resource,
-          getResourceActionUrl = _this$props4.getResourceActionUrl;
-      var resourceType = (0, _get["default"])(resource, 'type', 'default');
-      var isTyped = resourceType === 'typed';
-      var types = isTyped ? (0, _get["default"])(resource, 'types', []) : null;
-      var buttonMessage = (0, _get["default"])(resource, 'messages.buttons.resources.add', null);
-      var name = (0, _get["default"])(resource, 'messages.names.a', (0, _get["default"])(resource, 'messages.name', resource.name));
-      var buttonLabel = (0, _isString["default"])(addButtonLabel) ? addButtonLabel : /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, (0, _extends2["default"])({}, addButtonLabel, {
-        values: {
-          name: name
-        }
-      }));
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])({
-          'btn-group': true
-        })
-      }, isTyped ? /*#__PURE__*/_react["default"].createElement("button", {
-        type: "button",
-        className: (0, _classnames["default"])({
-          btn: true,
-          'btn-primary': true,
-          'dropdown-toggle': isTyped
-        }),
-        "data-toggle": "dropdown",
-        "aria-haspopup": "true",
-        "aria-expanded": "false"
-      }, buttonMessage !== null ? buttonMessage : buttonLabel, ' ', /*#__PURE__*/_react["default"].createElement("span", {
-        className: "caret"
-      })) : /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Link, {
-        to: getResourceActionUrl('create'),
-        className: (0, _classnames["default"])({
-          btn: true,
-          'btn-primary': true
-        })
-      }, buttonMessage !== null ? buttonMessage : buttonLabel), isTyped ? /*#__PURE__*/_react["default"].createElement("div", {
-        className: "dropdown-menu"
-      }, types.map(function (_ref7) {
-        var id = _ref7.id,
-            label = _ref7.label;
-        return /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Link, {
-          key: "add-button-".concat(id),
-          to: "".concat(getResourceActionUrl('create'), "?type=").concat(id),
-          className: "dropdown-item"
-        }, label);
-      })) : null);
-    }
-  }, {
-    key: "renderHeader",
-    value: function renderHeader() {
-      var _classNames2;
-
-      var _this$props5 = this.props,
-          resource = _this$props5.resource,
-          title = _this$props5.title,
-          showAddButton = _this$props5.showAddButton;
-      var message = (0, _get["default"])(resource, 'messages.titles.resources.index', null);
-      var name = (0, _get["default"])(resource, 'messages.names.plural', (0, _get["default"])(resource, 'messages.name', resource.name));
-      var defaultTitle = (0, _isString["default"])(title) ? title : /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, (0, _extends2["default"])({}, title, {
-        values: {
-          name: name
-        }
-      }));
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])((0, _defineProperty2["default"])({
-          'py-4': true
-        }, styles.header, true))
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: styles.cols
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: styles.col
-      }, /*#__PURE__*/_react["default"].createElement("h1", {
-        className: (0, _classnames["default"])([styles.title, 'mb-0', 'mt-0'])
-      }, message !== null ? message : defaultTitle)), /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])((_classNames2 = {}, (0, _defineProperty2["default"])(_classNames2, styles.col, true), (0, _defineProperty2["default"])(_classNames2, 'text-right', true), _classNames2))
-      }, showAddButton ? this.renderAddButton() : null)), this.renderErrors());
-    }
-  }, {
-    key: "renderErrors",
-    value: function renderErrors() {
-      var errors = this.state.errors;
-      var errorsClassNames = (0, _classnames["default"])((0, _defineProperty2["default"])({}, styles.errors, true));
-      /* eslint-disable react/no-array-index-key */
-
-      return errors !== null && errors.length > 1 ? /*#__PURE__*/_react["default"].createElement("div", {
-        className: errorsClassNames
-      }, /*#__PURE__*/_react["default"].createElement("ul", null, errors.map(function (error, index) {
-        return /*#__PURE__*/_react["default"].createElement("li", {
-          key: "error-".concat(index)
-        }, error);
-      }))) : null;
-      /* eslint-enable react/no-array-index-key */
-    }
-  }, {
-    key: "renderList",
-    value: function renderList() {
-      var _this$props6 = this.props,
-          resource = _this$props6.resource,
-          listsCollection = _this$props6.listsCollection;
-      var items = this.state.items;
-      var list = (0, _get["default"])(resource, 'lists.index', (0, _get["default"])(resource, 'lists', {}));
-      var type = list.type,
-          listProps = (0, _objectWithoutProperties2["default"])(list, ["type"]);
-      var ListComponent = listsCollection.getComponent(type || 'table');
-      var listClassNames = (0, _classnames["default"])((0, _defineProperty2["default"])({}, styles.list, true));
-      return ListComponent !== null ? /*#__PURE__*/_react["default"].createElement("div", {
-        className: listClassNames
-      }, /*#__PURE__*/_react["default"].createElement(ListComponent, (0, _extends2["default"])({
-        items: items || [],
-        onClickAction: this.onClickAction
-      }, listProps))) : null;
-    } // eslint-disable-next-line class-methods-use-this
-
-  }, {
-    key: "renderPagination",
-    value: function renderPagination() {
-      var _this$props7 = this.props,
-          getResourceActionUrl = _this$props7.getResourceActionUrl,
-          listsCollection = _this$props7.listsCollection;
-      var pagination = this.state.pagination;
-      var Pagination = listsCollection.getComponent('pagination');
-      return /*#__PURE__*/_react["default"].createElement(Pagination, {
-        total: pagination.total,
-        perPage: pagination.per_page,
-        currentPage: pagination.current_page,
-        lastPage: pagination.last_page,
-        url: getResourceActionUrl('index')
-      });
-    } // eslint-disable-next-line class-methods-use-this
-
-  }, {
-    key: "renderLoading",
-    value: function renderLoading() {
-      var _classNames5;
-
-      var items = this.state.items;
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])((_classNames5 = {}, (0, _defineProperty2["default"])(_classNames5, styles.loading, true), (0, _defineProperty2["default"])(_classNames5, styles.alone, items === null), _classNames5))
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: styles.inner
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: styles.middle
-      }, /*#__PURE__*/_react["default"].createElement(_Loading["default"], {
-        loading: true
-      }))));
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$state = this.state,
-          items = _this$state.items,
-          pagination = _this$state.pagination,
-          isLoading = _this$state.isLoading;
-      var containerClassNames = (0, _classnames["default"])((0, _defineProperty2["default"])({}, styles.container, true));
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: containerClassNames
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: "container"
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: "row justify-content-md-center"
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: "col-lg-8"
-      }, this.renderHeader(), /*#__PURE__*/_react["default"].createElement("div", {
-        className: styles.listContainer
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: styles.list
-      }, items !== null ? this.renderList() : null), isLoading ? this.renderLoading() : null), pagination !== null && pagination.last_page > 1 ? this.renderPagination() : null))));
-    }
-  }]);
-  return ResourceIndexOld;
-}(_react.Component);
-
-ResourceIndexOld.propTypes = propTypes;
-ResourceIndexOld.defaultProps = defaultProps;
-var WithResourceApi = (0, _withResourceApi["default"])()(ResourceIndexOld);
-var WithListsCollectionContainer = (0, _withListsCollection["default"])()(WithResourceApi);
-var WithIntlContainer = (0, _reactIntl.injectIntl)(WithListsCollectionContainer);
-var _default = WithIntlContainer;
-exports["default"] = _default;