@panneau/app 1.0.1-alpha.0 → 1.0.3-alpha.2

package/es/components/pages/ResourceIndex.js

@@ -1,261 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
-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(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-/* eslint-disable jsx-a11y/anchor-is-valid, react/no-array-index-key, react/jsx-props-no-spreading */
-import React, { useCallback, useEffect, useState } from 'react';
-import PropTypes from 'prop-types';
-import get from 'lodash/get';
-import classNames from 'classnames';
-import { defineMessages, injectIntl } from 'react-intl';
-import { PropTypes as PanneauPropTypes, useResourceApi } from '@panneau/core';
-import { isMessage } from '@panneau/core/utils';
-import { useComponent } from '@panneau/core/contexts';
-import { Loading, Errors } from '@panneau/core/components';
-import ResourceIndexHeader from '../partials/ResourceIndexHeader';
-var styles = {
-  "container": "panneau-app-resource-index-container",
-  "listContainer": "panneau-app-resource-index-listContainer",
-  "list": "panneau-app-resource-index-list",
-  "loading": "panneau-app-resource-index-loading",
-  "inner": "panneau-app-resource-index-inner",
-  "middle": "panneau-app-resource-index-middle",
-  "alone": "panneau-app-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,
-  resource: PanneauPropTypes.resource.isRequired,
-  query: PropTypes.shape({
-    page: PropTypes.string
-  }),
-  title: PanneauPropTypes.message,
-  showAddButton: PropTypes.bool,
-  addButtonLabel: PanneauPropTypes.message,
-  confirmDeleteMessage: PanneauPropTypes.message,
-  getResourceActionUrl: PropTypes.func.isRequired,
-  gotoResourceAction: PropTypes.func.isRequired
-};
-var defaultProps = {
-  query: null,
-  title: messages.title,
-  showAddButton: true,
-  addButtonLabel: messages.add,
-  confirmDeleteMessage: messages.confirmDelete
-};
-
-var ResourceIndex = function ResourceIndex(_ref) {
-  var _classNames;
-
-  var intl = _ref.intl,
-      resource = _ref.resource,
-      query = _ref.query,
-      title = _ref.title,
-      addButtonLabel = _ref.addButtonLabel,
-      confirmDeleteMessage = _ref.confirmDeleteMessage,
-      getResourceActionUrl = _ref.getResourceActionUrl,
-      gotoResourceAction = _ref.gotoResourceAction,
-      showAddButton = _ref.showAddButton;
-
-  var _useState = useState({
-    isLoading: false,
-    query: null,
-    items: null,
-    errors: null,
-    pagination: null
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      request = _useState2[0],
-      setRequest = _useState2[1];
-
-  var resourceApi = useResourceApi(resource);
-  var isLoading = request.isLoading,
-      items = request.items,
-      pagination = request.pagination,
-      errors = request.errors;
-
-  var _resource$list = resource.list('index'),
-      listType = _resource$list.type,
-      _resource$list$pagina = _resource$list.pagination,
-      hasPagination = _resource$list$pagina === void 0 ? false : _resource$list$pagina,
-      listProps = _objectWithoutProperties(_resource$list, ["type", "pagination"]);
-
-  useEffect(function () {
-    if (isLoading) {
-      return null;
-    }
-
-    var canceled = false;
-
-    var onItemsLoaded = function onItemsLoaded(data) {
-      if (canceled) {
-        return;
-      }
-
-      if (hasPagination) {
-        var newItems = data.data,
-            newPagination = _objectWithoutProperties(data, ["data"]);
-
-        setRequest(_objectSpread({}, request, {
-          items: newItems,
-          pagination: newPagination,
-          isLoading: false
-        }));
-        return;
-      }
-
-      setRequest(_objectSpread({}, request, {
-        items: data,
-        isLoading: false
-      }));
-    };
-
-    var onItemsLoadError = function onItemsLoadError(newErrors) {
-      if (canceled) {
-        return;
-      }
-
-      setRequest(_objectSpread({}, request, {
-        errors: newErrors,
-        isLoading: false
-      }));
-    };
-
-    var _ref2 = query || {},
-        _ref2$page = _ref2.page,
-        page = _ref2$page === void 0 ? null : _ref2$page;
-
-    var params = {};
-
-    if (hasPagination && page !== null) {
-      params.page = page;
-    }
-
-    resourceApi.index(params).then(onItemsLoaded)["catch"](onItemsLoadError);
-    setRequest(_objectSpread({}, request, {
-      isLoading: true
-    }));
-    return function () {
-      canceled = true;
-    };
-  }, [query, hasPagination]);
-  var deleteItem = useCallback(function (id) {
-    var onItemDeleted = function onItemDeleted(_ref3) {
-      var itemId = _ref3.id;
-      setRequest(_objectSpread({}, request, {
-        items: items.filter(function (it) {
-          return it.id !== itemId;
-        })
-      }));
-    };
-
-    var name = resource.name;
-    var confirmMessage = resource.message('confirm_delete', confirmDeleteMessage);
-    var message = isMessage(confirmMessage) ? intl.formatMessage(confirmMessage, {
-      name: name,
-      id: id
-    }) : confirmMessage; // eslint-disable-next-line no-alert
-
-    if (window.confirm(message)) {
-      resourceApi.destroy(id).then(onItemDeleted);
-    }
-  }, [resource, request]);
-  var onClickAction = useCallback(function (e, action, it) {
-    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) {
-            deleteItem(it.id);
-          } else if (useRouter) {
-            gotoResourceAction(action.id, it.id);
-          } else {
-            window.location.href = getResourceActionUrl(action.id);
-          }
-
-          break;
-        }
-
-      default:
-        break;
-    }
-  }, [deleteItem, gotoResourceAction, getResourceActionUrl]); // Components
-
-  var ListComponent = useComponent(listType || 'table', 'lists');
-  var Pagination = useComponent('pagination', 'lists');
-  return React.createElement("div", {
-    className: classNames([styles.container])
-  }, React.createElement("div", {
-    className: "container"
-  }, React.createElement("div", {
-    className: "row justify-content-md-center"
-  }, React.createElement("div", {
-    className: "col-lg-8"
-  }, React.createElement(ResourceIndexHeader, {
-    resource: resource,
-    title: title,
-    addButtonLabel: addButtonLabel,
-    showAddButton: showAddButton,
-    getResourceActionUrl: getResourceActionUrl
-  }), React.createElement("div", {
-    className: styles.listContainer
-  }, React.createElement(Errors, {
-    errors: errors
-  }), React.createElement("div", {
-    className: styles.list
-  }, items !== null && ListComponent !== null ? React.createElement("div", {
-    className: styles.list
-  }, React.createElement(ListComponent, _extends({}, listProps, {
-    items: items || [],
-    onClickAction: onClickAction
-  }))) : null), isLoading ? React.createElement("div", {
-    className: classNames((_classNames = {}, _defineProperty(_classNames, styles.loading, true), _defineProperty(_classNames, styles.alone, items === null), _classNames))
-  }, React.createElement("div", {
-    className: styles.inner
-  }, React.createElement("div", {
-    className: styles.middle
-  }, React.createElement(Loading, {
-    loading: true
-  })))) : null), pagination !== null && pagination.last_page > 1 ? React.createElement(Pagination, {
-    total: pagination.total,
-    perPage: pagination.per_page,
-    currentPage: pagination.current_page,
-    lastPage: pagination.last_page,
-    url: getResourceActionUrl('index')
-  }) : null))));
-};
-
-ResourceIndex.propTypes = propTypes;
-ResourceIndex.defaultProps = defaultProps;
-export default injectIntl(ResourceIndex);

package/es/components/pages/ResourceShow.js

@@ -1,15 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import ResourceForm from './ResourceForm';
-var propTypes = {};
-var defaultProps = {};
-
-var ResourceShow = function ResourceShow(props) {
-  return React.createElement(ResourceForm, _extends({
-    readOnly: true
-  }, props));
-};
-
-ResourceShow.propTypes = propTypes;
-ResourceShow.defaultProps = defaultProps;
-export default ResourceShow;

package/es/components/partials/ResourceFormHeader.js

@@ -1,111 +0,0 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React, { useMemo } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { defineMessages, injectIntl } from 'react-intl';
-import { PropTypes as PanneauPropTypes } from '@panneau/core';
-import { isMessage, getLocalizedName } from '@panneau/core/utils';
-import { Button, Label } from '@panneau/core/components';
-import { useUrlGenerator } from '@panneau/core/contexts';
-var styles = {
-  "container": "panneau-app-resource-form-header-container",
-  "isFullscreen": "panneau-app-resource-form-header-isFullscreen"
-};
-var messages = defineMessages({
-  switchType: {
-    "id": "app.buttons.resources.switch_type",
-    "defaultMessage": "Switch type"
-  },
-  confirmSwitchType: {
-    "id": "app.resources.form.confirm_switch_type",
-    "defaultMessage": "Are you sure you want to switch type?"
-  }
-});
-var propTypes = {
-  intl: PanneauPropTypes.intl.isRequired,
-  action: PropTypes.string,
-  type: PropTypes.definitionFormType,
-  fullscreen: PanneauPropTypes.bool,
-  resource: PanneauPropTypes.resource.isRequired,
-  title: PanneauPropTypes.label.isRequired,
-  titleTyped: PanneauPropTypes.label.isRequired,
-  valueHasChanged: PropTypes.bool,
-  confirmSwitchTypeMessage: PanneauPropTypes.label
-};
-var defaultProps = {
-  action: 'create',
-  type: null,
-  confirmSwitchTypeMessage: messages.confirmSwitchType,
-  fullscreen: false,
-  valueHasChanged: false
-};
-
-var ResourceFormHeader = function ResourceFormHeader(_ref) {
-  var intl = _ref.intl,
-      resource = _ref.resource,
-      type = _ref.type,
-      fullscreen = _ref.fullscreen,
-      action = _ref.action,
-      title = _ref.title,
-      titleTyped = _ref.titleTyped,
-      valueHasChanged = _ref.valueHasChanged,
-      confirmSwitchTypeMessage = _ref.confirmSwitchTypeMessage;
-  var urlGenerator = useUrlGenerator();
-  var localizedName = resource.localizedName('a');
-  var resourceTitle = useMemo(function () {
-    var customTitle = type !== null ? resource.message("titles.resources.".concat(action, "_").concat(type.id)) || resource.message("titles.resources.".concat(action, "_typed")) || resource.message("titles.resources.".concat(action)) || resource.message('titles.resources.default', null) : resource.message("titles.resources.".concat(action)) || resource.message('titles.resources.default', null);
-    var defaultTitle = type !== null ? titleTyped : title;
-    return customTitle || defaultTitle;
-  }, [resource, action, type]);
-  var titleElement = React.createElement("h1", {
-    className: classNames(['mb-0', 'mt-0', styles.title])
-  }, React.createElement(Label, {
-    isHtml: true,
-    values: {
-      name: localizedName,
-      type: type !== null ? getLocalizedName(type) : null
-    }
-  }, resourceTitle));
-
-  var onClickSwitchType = function onClickSwitchType(e) {
-    var confirmMessage = isMessage(confirmSwitchTypeMessage) ? intl.formatMessage(confirmSwitchTypeMessage, {
-      type: getLocalizedName(type)
-    }) : confirmSwitchTypeMessage; // eslint-disable-next-line no-alert
-
-    if (valueHasChanged && !window.confirm(confirmMessage)) {
-      e.preventDefault();
-    }
-  };
-
-  return React.createElement("div", {
-    className: classNames([styles.header, _defineProperty({
-      'py-4': !fullscreen,
-      'px-2': fullscreen,
-      'py-3': fullscreen
-    }, styles.isFullscreen, fullscreen)])
-  }, type !== null && action === 'create' ? React.createElement("div", {
-    className: classNames(['row', 'no-gutters', 'align-items-center'])
-  }, React.createElement("div", {
-    className: "col"
-  }, titleElement), React.createElement("div", {
-    className: classNames(['col', 'col-md-auto', 'text-right'])
-  }, React.createElement(Button, {
-    size: "sm",
-    dropdown: resource.types().map(function (_ref3) {
-      var id = _ref3.id,
-          typeProps = _objectWithoutProperties(_ref3, ["id"]);
-
-      return {
-        label: getLocalizedName(typeProps),
-        href: "".concat(urlGenerator.resource(resource, 'create'), "?type=").concat(id),
-        active: id === type.id,
-        onClick: onClickSwitchType
-      };
-    })
-  }, messages.switchType))) : titleElement);
-};
-
-ResourceFormHeader.propTypes = propTypes;
-ResourceFormHeader.defaultProps = defaultProps;
-export default injectIntl(ResourceFormHeader);

package/es/components/partials/ResourceIndexHeader.js

@@ -1,71 +0,0 @@
-/* eslint-disable jsx-a11y/anchor-is-valid, react/jsx-props-no-spreading */
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { PropTypes as PanneauPropTypes } from '@panneau/core';
-import { getLocalizedName } from '@panneau/core/utils';
-import { Button, Label } from '@panneau/core/components';
-var styles = {
-  "container": "panneau-app-resource-index-header-container",
-  "cols": "panneau-app-resource-index-header-cols",
-  "col": "panneau-app-resource-index-header-col"
-};
-var propTypes = {
-  resource: PanneauPropTypes.resource.isRequired,
-  title: PanneauPropTypes.label,
-  showAddButton: PropTypes.bool,
-  addButtonLabel: PanneauPropTypes.label,
-  getResourceActionUrl: PropTypes.func.isRequired
-};
-var defaultProps = {
-  title: null,
-  showAddButton: true,
-  addButtonLabel: null
-};
-
-var ResourceIndexHeader = function ResourceIndexHeader(_ref) {
-  var resource = _ref.resource,
-      showAddButton = _ref.showAddButton,
-      title = _ref.title,
-      addButtonLabel = _ref.addButtonLabel,
-      getResourceActionUrl = _ref.getResourceActionUrl;
-  var isTyped = resource.type() === 'typed';
-  var resourceName = resource.localizedName('plural'); // Title
-
-  var resourceTitle = resource.message('titles.resources.index', React.createElement(Label, {
-    values: {
-      name: resourceName
-    }
-  }, title)); // Add button
-
-  var resourceAddButtonLabel = resource.message('buttons.resources.add', React.createElement(Label, {
-    values: {
-      name: resourceName
-    }
-  }, addButtonLabel));
-  return React.createElement("div", {
-    className: classNames(['py-4', styles.header])
-  }, React.createElement("div", {
-    className: styles.cols
-  }, React.createElement("div", {
-    className: styles.col
-  }, React.createElement("h1", {
-    className: classNames([styles.title, 'mb-0', 'mt-0'])
-  }, resourceTitle)), React.createElement("div", {
-    className: classNames([styles.col, 'text-right'])
-  }, showAddButton ? React.createElement(Button, {
-    href: isTyped ? getResourceActionUrl('create') : null,
-    dropdown: isTyped ? resource.types().map(function (type) {
-      return {
-        href: "".concat(getResourceActionUrl('create'), "?type=").concat(type.id),
-        label: getLocalizedName(type)
-      };
-    }) : null
-  }, isTyped ? React.createElement(React.Fragment, null, resourceAddButtonLabel, " ", React.createElement("span", {
-    className: "caret"
-  })) : resourceAddButtonLabel) : null)));
-};
-
-ResourceIndexHeader.propTypes = propTypes;
-ResourceIndexHeader.defaultProps = defaultProps;
-export default ResourceIndexHeader;

package/es/defaults/routes.json

@@ -1,10 +0,0 @@
-{
-    "home": "/",
-    "resource.index": "/:resource",
-    "resource.show": "/:resource/:id",
-    "resource.create": "/:resource/create",
-    "resource.edit": "/:resource/:id/edit",
-    "resource.store": "/:resource",
-    "resource.update": "/:resource/:id",
-    "resource.delete": "/:resource/:id"
-}

package/es/lib/createStore.js

@@ -1,30 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-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(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-/* eslint-disable import/no-extraneous-dependencies */
-import { createStore, applyMiddleware, combineReducers } from 'redux';
-import { composeWithDevTools } from 'redux-devtools-extension';
-import thunk from 'redux-thunk';
-import promise from 'redux-promise';
-export default (function (reducers, initialState) {
-  var middlewares = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  var opts = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
-
-  var options = _objectSpread({}, opts);
-
-  var reducer = combineReducers(reducers);
-  var enhancer = applyMiddleware.apply(void 0, _toConsumableArray(middlewares).concat([thunk, promise]));
-
-  if (process.env.NODE_ENV !== 'production') {
-    var _options$devTools = options.devTools,
-        devTools = _options$devTools === void 0 ? {} : _options$devTools;
-    var composeEnhancers = composeWithDevTools(devTools);
-    enhancer = composeEnhancers(enhancer);
-  }
-
-  return createStore(reducer, initialState, enhancer);
-});

package/es/reducers/AuthReducer.js

@@ -1,32 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-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(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-import { SET_USER } from '../actions/AuthActions';
-var initialState = {
-  user: null
-};
-
-var AuthReducer = function AuthReducer() {
-  var previousState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;
-  var action = arguments.length > 1 ? arguments[1] : undefined;
-  var state = previousState;
-
-  switch (action.type) {
-    case SET_USER:
-      {
-        return _objectSpread({}, state, {
-          user: action.payload
-        });
-      }
-
-    default:
-      {
-        return state;
-      }
-  }
-};
-
-export default AuthReducer;

package/es/reducers/index.js

@@ -1,4 +0,0 @@
-import authReducer from './AuthReducer';
-export default {
-  auth: authReducer
-};