@panneau/core 0.6.70-alpha.0 → 0.6.73

package/es/components/pages/_ResourceIndexOld.js

@@ -1,459 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
-function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-
-/* eslint-disable jsx-a11y/anchor-is-valid */
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { Link } from 'react-router-dom';
-import get from 'lodash/get';
-import isString from 'lodash/isString';
-import isObject from 'lodash/isObject';
-import classNames from 'classnames';
-import { defineMessages, FormattedMessage, injectIntl } from 'react-intl';
-import Loading from '../partials/Loading';
-import * as PanneauPropTypes from '../../lib/PropTypes';
-import withResourceApi from '../../lib/withResourceApi';
-import withListsCollection from '../../lib/withListsCollection';
-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 = defineMessages({
-  add: {
-    "id": "core.buttons.resources.add",
-    "defaultMessage": "Add {name}"
-  },
-  title: {
-    "id": "core.titles.resources.index",
-    "defaultMessage": "{name}"
-  },
-  confirmDelete: {
-    "id": "core.resources.index.confirm_delete",
-    "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.shape({
-    page: PropTypes.string
-  }),
-  items: PropTypes.arrayOf(PropTypes.object),
-  title: PanneauPropTypes.message,
-  errors: PropTypes.arrayOf(PropTypes.string),
-  showAddButton: PropTypes.bool,
-  addButtonLabel: PanneauPropTypes.message,
-  confirmDeleteMessage: PanneauPropTypes.message,
-  getResourceActionUrl: PropTypes.func.isRequired,
-  gotoResourceAction: PropTypes.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) {
-  _inherits(ResourceIndexOld, _Component);
-
-  var _super = _createSuper(ResourceIndexOld);
-
-  _createClass(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;
-
-    _classCallCheck(this, ResourceIndexOld);
-
-    _this = _super.call(this, props);
-    _this.onItemsLoaded = _this.onItemsLoaded.bind(_assertThisInitialized(_this));
-    _this.onItemsLoadError = _this.onItemsLoadError.bind(_assertThisInitialized(_this));
-    _this.onClickAction = _this.onClickAction.bind(_assertThisInitialized(_this));
-    _this.onItemDeleted = _this.onItemDeleted.bind(_assertThisInitialized(_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;
-  }
-
-  _createClass(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 = _objectWithoutProperties(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 = get(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 = get(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 get(resource, 'lists.index.pagination', get(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 = get(resource, 'messages.confirm_delete', confirmDeleteMessage);
-      var message = isObject(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 = get(resource, 'type', 'default');
-      var isTyped = resourceType === 'typed';
-      var types = isTyped ? get(resource, 'types', []) : null;
-      var buttonMessage = get(resource, 'messages.buttons.resources.add', null);
-      var name = get(resource, 'messages.names.a', get(resource, 'messages.name', resource.name));
-      var buttonLabel = isString(addButtonLabel) ? addButtonLabel : /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, addButtonLabel, {
-        values: {
-          name: name
-        }
-      }));
-      return /*#__PURE__*/React.createElement("div", {
-        className: classNames({
-          'btn-group': true
-        })
-      }, isTyped ? /*#__PURE__*/React.createElement("button", {
-        type: "button",
-        className: classNames({
-          btn: true,
-          'btn-primary': true,
-          'dropdown-toggle': isTyped
-        }),
-        "data-toggle": "dropdown",
-        "aria-haspopup": "true",
-        "aria-expanded": "false"
-      }, buttonMessage !== null ? buttonMessage : buttonLabel, ' ', /*#__PURE__*/React.createElement("span", {
-        className: "caret"
-      })) : /*#__PURE__*/React.createElement(Link, {
-        to: getResourceActionUrl('create'),
-        className: classNames({
-          btn: true,
-          'btn-primary': true
-        })
-      }, buttonMessage !== null ? buttonMessage : buttonLabel), isTyped ? /*#__PURE__*/React.createElement("div", {
-        className: "dropdown-menu"
-      }, types.map(function (_ref7) {
-        var id = _ref7.id,
-            label = _ref7.label;
-        return /*#__PURE__*/React.createElement(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 = get(resource, 'messages.titles.resources.index', null);
-      var name = get(resource, 'messages.names.plural', get(resource, 'messages.name', resource.name));
-      var defaultTitle = isString(title) ? title : /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, title, {
-        values: {
-          name: name
-        }
-      }));
-      return /*#__PURE__*/React.createElement("div", {
-        className: classNames(_defineProperty({
-          'py-4': true
-        }, styles.header, true))
-      }, /*#__PURE__*/React.createElement("div", {
-        className: styles.cols
-      }, /*#__PURE__*/React.createElement("div", {
-        className: styles.col
-      }, /*#__PURE__*/React.createElement("h1", {
-        className: classNames([styles.title, 'mb-0', 'mt-0'])
-      }, message !== null ? message : defaultTitle)), /*#__PURE__*/React.createElement("div", {
-        className: classNames((_classNames2 = {}, _defineProperty(_classNames2, styles.col, true), _defineProperty(_classNames2, 'text-right', true), _classNames2))
-      }, showAddButton ? this.renderAddButton() : null)), this.renderErrors());
-    }
-  }, {
-    key: "renderErrors",
-    value: function renderErrors() {
-      var errors = this.state.errors;
-      var errorsClassNames = classNames(_defineProperty({}, styles.errors, true));
-      /* eslint-disable react/no-array-index-key */
-
-      return errors !== null && errors.length > 1 ? /*#__PURE__*/React.createElement("div", {
-        className: errorsClassNames
-      }, /*#__PURE__*/React.createElement("ul", null, errors.map(function (error, index) {
-        return /*#__PURE__*/React.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 = get(resource, 'lists.index', get(resource, 'lists', {}));
-
-      var type = list.type,
-          listProps = _objectWithoutProperties(list, ["type"]);
-
-      var ListComponent = listsCollection.getComponent(type || 'table');
-      var listClassNames = classNames(_defineProperty({}, styles.list, true));
-      return ListComponent !== null ? /*#__PURE__*/React.createElement("div", {
-        className: listClassNames
-      }, /*#__PURE__*/React.createElement(ListComponent, _extends({
-        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.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.createElement("div", {
-        className: classNames((_classNames5 = {}, _defineProperty(_classNames5, styles.loading, true), _defineProperty(_classNames5, styles.alone, items === null), _classNames5))
-      }, /*#__PURE__*/React.createElement("div", {
-        className: styles.inner
-      }, /*#__PURE__*/React.createElement("div", {
-        className: styles.middle
-      }, /*#__PURE__*/React.createElement(Loading, {
-        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 = classNames(_defineProperty({}, styles.container, true));
-      return /*#__PURE__*/React.createElement("div", {
-        className: containerClassNames
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "container"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "row justify-content-md-center"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "col-lg-8"
-      }, this.renderHeader(), /*#__PURE__*/React.createElement("div", {
-        className: styles.listContainer
-      }, /*#__PURE__*/React.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;
-}(Component);
-
-ResourceIndexOld.propTypes = propTypes;
-ResourceIndexOld.defaultProps = defaultProps;
-var WithResourceApi = withResourceApi()(ResourceIndexOld);
-var WithListsCollectionContainer = withListsCollection()(WithResourceApi);
-var WithIntlContainer = injectIntl(WithListsCollectionContainer);
-export default WithIntlContainer;