@panneau/app 1.0.0-alpha.225 → 1.0.0-alpha.226

package/es/index.js

@@ -2,7 +2,7 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import { useUser, useLogout, useAuth, AuthProvider } from '@panneau/auth';
 import { PropTypes } from '@panneau/core';
-import { useLocales, useFormsComponents, FormProvider, useUrlGenerator, usePanneauResources, usePanneau, usePanneauColorScheme, ResourceProvider, useFiltersComponents, useListsComponents, useFormComponent, useRoutes, PanneauProvider, UppyProvider, RoutesProvider, ComponentsProvider } from '@panneau/core/contexts';
+import { useLocales, useFormsComponents, FormProvider, useUrlGenerator, usePanneauResources, usePanneau, usePanneauColorScheme, ResourceProvider, useFiltersComponents, useListsComponents, useComponentsManager, useFormComponent, useRoutes, PanneauProvider, UppyProvider, RoutesProvider, ComponentsProvider } from '@panneau/core/contexts';
 import { useResourceStore, useResourceUpdate, useResourceDestroy, useResourceItem, useResourceItems, ApiProvider } from '@panneau/data';
 import DisplaysProvider from '@panneau/displays';
 import FieldsProvider from '@panneau/fields';
@@ -27,13 +27,14 @@ import Navbar from '@panneau/element-navbar';
 import Menu from '@panneau/element-menu';
 import Label from '@panneau/element-label';
 import Alert from '@panneau/element-alert';
+import isString from 'lodash/isString';
 import Dropdown from '@panneau/element-dropdown';
 import Pagination from '@panneau/element-pagination';
 import { faUndo } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import FormGroup from '@panneau/element-form-group';
 
-var _excluded$3 = ["resource", "action", "previous", "status", "value", "onSubmit", "errors", "generalError", "className"];
+var _excluded$4 = ["resource", "action", "previous", "status", "value", "onSubmit", "errors", "generalError", "className"];
 var propTypes$n = {
   resource: PropTypes.resource.isRequired,
   action: PropTypes$1.string,
@@ -69,7 +70,7 @@ var DeleteForm = function DeleteForm(_ref) {
       _ref.errors;
       var generalError = _ref.generalError,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$3);
+      props = _objectWithoutProperties(_ref, _excluded$4);
 
   return /*#__PURE__*/React.createElement(Form, Object.assign({
     className: classNames(['form', _defineProperty({
@@ -126,7 +127,7 @@ var DeleteForm = function DeleteForm(_ref) {
 DeleteForm.propTypes = propTypes$n;
 DeleteForm.defaultProps = defaultProps$n;
 
-var _excluded$2 = ["component", "resource", "onSuccess", "item", "type", "isDelete"];
+var _excluded$3 = ["component", "resource", "onSuccess", "item", "type", "isDelete"];
 var propTypes$m = {
   component: PropTypes$1.string,
   resource: PropTypes.resource.isRequired,
@@ -151,7 +152,7 @@ var ResourceForm = function ResourceForm(_ref) {
       item = _ref.item,
       type = _ref.type,
       isDelete = _ref.isDelete,
-      props = _objectWithoutProperties(_ref, _excluded$2);
+      props = _objectWithoutProperties(_ref, _excluded$3);
 
   var locales = useLocales();
   var FormComponents = useFormsComponents();
@@ -762,7 +763,7 @@ var ResourceCreateButtom = function ResourceCreateButtom(_ref) {
 ResourceCreateButtom.propTypes = propTypes$d;
 ResourceCreateButtom.defaultProps = defaultProps$d;
 
-var _excluded$1 = ["component", "name", "groupLabel"];
+var _excluded$2 = ["component", "name", "groupLabel"];
 var propTypes$c = {
   filters: PropTypes$1.arrayOf(PropTypes$1.shape({
     id: PropTypes$1.string.isRequired,
@@ -822,7 +823,7 @@ var ResourceFilters = function ResourceFilters(_ref) {
     var component = _ref3.component,
         name = _ref3.name,
         groupLabel = _ref3.groupLabel,
-        filterProps = _objectWithoutProperties(_ref3, _excluded$1);
+        filterProps = _objectWithoutProperties(_ref3, _excluded$2);
 
     var FilterComponent = getComponentFromName(component, FilterComponents, null);
     var filterValue = value !== null && value[name] ? value[name] : null;
@@ -850,7 +851,7 @@ var ResourceFilters = function ResourceFilters(_ref) {
 ResourceFilters.propTypes = propTypes$c;
 ResourceFilters.defaultProps = defaultProps$c;
 
-var _excluded = ["component", "showPagination", "filters"],
+var _excluded$1 = ["component", "showPagination", "filters"],
     _excluded2 = ["page"];
 var propTypes$b = {
   resource: PropTypes.resource.isRequired,
@@ -890,7 +891,7 @@ var ResourceItemsList = function ResourceItemsList(_ref) {
       showPagination = _resource$index$showP === void 0 ? true : _resource$index$showP,
       _resource$index$filte = _resource$index.filters,
       filters = _resource$index$filte === void 0 ? null : _resource$index$filte,
-      listProps = _objectWithoutProperties(_resource$index, _excluded);
+      listProps = _objectWithoutProperties(_resource$index, _excluded$1);
 
   var _usePanneauColorSchem = usePanneauColorScheme(),
       _usePanneauColorSchem2 = _usePanneauColorSchem.background,
@@ -951,16 +952,23 @@ var ResourceItemsList = function ResourceItemsList(_ref) {
 ResourceItemsList.propTypes = propTypes$b;
 ResourceItemsList.defaultProps = defaultProps$b;
 
+var _excluded = ["id", "component"];
 var propTypes$a = {
-  resource: PropTypes.resource.isRequired
+  resource: PropTypes.resource.isRequired,
+  defaultActions: PropTypes$1.arrayOf(PropTypes$1.object)
+};
+var defaultProps$a = {
+  defaultActions: ['create']
 };
-var defaultProps$a = {};
 
 var ResourceIndexPage = function ResourceIndexPage(_ref) {
-  var resource = _ref.resource;
+  var resource = _ref.resource,
+      defaultActions = _ref.defaultActions;
   var name = resource.name,
       _resource$settings = resource.settings,
-      settings = _resource$settings === void 0 ? {} : _resource$settings;
+      settings = _resource$settings === void 0 ? {} : _resource$settings,
+      _resource$index = resource.index,
+      index = _resource$index === void 0 ? {} : _resource$index;
 
   var _ref2 = settings || {},
       _ref2$canCreate = _ref2.canCreate,
@@ -968,6 +976,24 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
       _ref2$indexIsPaginate = _ref2.indexIsPaginated,
       paginated = _ref2$indexIsPaginate === void 0 ? false : _ref2$indexIsPaginate;
 
+  var _ref3 = index || {},
+      _ref3$actions = _ref3.actions,
+      actions = _ref3$actions === void 0 ? null : _ref3$actions;
+
+  var finalActions = useMemo(function () {
+    return (actions || defaultActions.filter(function (it) {
+      return it !== 'create' || canCreate;
+    })).map(function (it) {
+      return it === 'create' ? {
+        id: 'create',
+        component: ResourceCreateButtom,
+        size: 'lg',
+        theme: 'primary'
+      } : it;
+    });
+  }, [canCreate, actions]);
+  var componentsManager = useComponentsManager();
+
   var _useLocation = useLocation(),
       search = _useLocation.search;
 
@@ -979,11 +1005,11 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
     return query;
   }, [query]); // TODO: omit routes
 
-  var _ref3 = query || {},
-      _ref3$created = _ref3.created,
-      created = _ref3$created === void 0 ? false : _ref3$created,
-      _ref3$deleted = _ref3.deleted,
-      deleted = _ref3$deleted === void 0 ? false : _ref3$deleted;
+  var _ref4 = query || {},
+      _ref4$created = _ref4.created,
+      created = _ref4$created === void 0 ? false : _ref4$created,
+      _ref4$deleted = _ref4.deleted,
+      deleted = _ref4$deleted === void 0 ? false : _ref4$deleted;
 
   var resourceRoute = useResourceUrlGenerator(resource);
   var url = resourceRoute('index');
@@ -1009,11 +1035,23 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
     resource: resource
   }, /*#__PURE__*/React.createElement(MainLayout, null, /*#__PURE__*/React.createElement(PageHeader, {
     title: name,
-    actions: canCreate ? /*#__PURE__*/React.createElement(ResourceCreateButtom, {
-      resource: resource,
-      size: "lg",
-      theme: "primary"
-    }) : null
+    actions: finalActions.length > 0 ? /*#__PURE__*/React.createElement("div", {
+      className: "d-flex align-items-center"
+    }, finalActions.map(function (_ref5) {
+      var id = _ref5.id,
+          _ref5$component = _ref5.component,
+          component = _ref5$component === void 0 ? Button : _ref5$component,
+          actionProps = _objectWithoutProperties(_ref5, _excluded);
+
+      var ActionComponent = isString(component) ? componentsManager.getComponent(component) : component;
+      return /*#__PURE__*/React.createElement(ActionComponent, Object.assign({
+        key: "action-".concat(id)
+      }, actionProps, ActionComponent !== Button ? {
+        resource: resource,
+        query: query,
+        onQueryChange: onQueryChange
+      } : {}));
+    })) : null
   }), /*#__PURE__*/React.createElement("div", {
     className: classNames(['container-sm py-4'])
   }, created ? /*#__PURE__*/React.createElement(Alert, {

package/lib/index.js

@@ -31,6 +31,7 @@ var Navbar = require('@panneau/element-navbar');
 var Menu = require('@panneau/element-menu');
 var Label = require('@panneau/element-label');
 var Alert = require('@panneau/element-alert');
+var isString = require('lodash/isString');
 var Dropdown = require('@panneau/element-dropdown');
 var Pagination = require('@panneau/element-pagination');
 var freeSolidSvgIcons = require('@fortawesome/free-solid-svg-icons');
@@ -57,11 +58,12 @@ var Navbar__default = /*#__PURE__*/_interopDefaultLegacy(Navbar);
 var Menu__default = /*#__PURE__*/_interopDefaultLegacy(Menu);
 var Label__default = /*#__PURE__*/_interopDefaultLegacy(Label);
 var Alert__default = /*#__PURE__*/_interopDefaultLegacy(Alert);
+var isString__default = /*#__PURE__*/_interopDefaultLegacy(isString);
 var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
 var Pagination__default = /*#__PURE__*/_interopDefaultLegacy(Pagination);
 var FormGroup__default = /*#__PURE__*/_interopDefaultLegacy(FormGroup);
 
-var _excluded$3 = ["resource", "action", "previous", "status", "value", "onSubmit", "errors", "generalError", "className"];
+var _excluded$4 = ["resource", "action", "previous", "status", "value", "onSubmit", "errors", "generalError", "className"];
 var propTypes$n = {
   resource: core.PropTypes.resource.isRequired,
   action: PropTypes__default["default"].string,
@@ -97,7 +99,7 @@ var DeleteForm = function DeleteForm(_ref) {
       _ref.errors;
       var generalError = _ref.generalError,
       className = _ref.className,
-      props = _objectWithoutProperties__default["default"](_ref, _excluded$3);
+      props = _objectWithoutProperties__default["default"](_ref, _excluded$4);
 
   return /*#__PURE__*/React__default["default"].createElement(Form__default["default"], Object.assign({
     className: classNames__default["default"](['form', _defineProperty__default["default"]({
@@ -154,7 +156,7 @@ var DeleteForm = function DeleteForm(_ref) {
 DeleteForm.propTypes = propTypes$n;
 DeleteForm.defaultProps = defaultProps$n;
 
-var _excluded$2 = ["component", "resource", "onSuccess", "item", "type", "isDelete"];
+var _excluded$3 = ["component", "resource", "onSuccess", "item", "type", "isDelete"];
 var propTypes$m = {
   component: PropTypes__default["default"].string,
   resource: core.PropTypes.resource.isRequired,
@@ -179,7 +181,7 @@ var ResourceForm = function ResourceForm(_ref) {
       item = _ref.item,
       type = _ref.type,
       isDelete = _ref.isDelete,
-      props = _objectWithoutProperties__default["default"](_ref, _excluded$2);
+      props = _objectWithoutProperties__default["default"](_ref, _excluded$3);
 
   var locales = contexts.useLocales();
   var FormComponents = contexts.useFormsComponents();
@@ -790,7 +792,7 @@ var ResourceCreateButtom = function ResourceCreateButtom(_ref) {
 ResourceCreateButtom.propTypes = propTypes$d;
 ResourceCreateButtom.defaultProps = defaultProps$d;
 
-var _excluded$1 = ["component", "name", "groupLabel"];
+var _excluded$2 = ["component", "name", "groupLabel"];
 var propTypes$c = {
   filters: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
     id: PropTypes__default["default"].string.isRequired,
@@ -850,7 +852,7 @@ var ResourceFilters = function ResourceFilters(_ref) {
     var component = _ref3.component,
         name = _ref3.name,
         groupLabel = _ref3.groupLabel,
-        filterProps = _objectWithoutProperties__default["default"](_ref3, _excluded$1);
+        filterProps = _objectWithoutProperties__default["default"](_ref3, _excluded$2);
 
     var FilterComponent = utils.getComponentFromName(component, FilterComponents, null);
     var filterValue = value !== null && value[name] ? value[name] : null;
@@ -878,7 +880,7 @@ var ResourceFilters = function ResourceFilters(_ref) {
 ResourceFilters.propTypes = propTypes$c;
 ResourceFilters.defaultProps = defaultProps$c;
 
-var _excluded = ["component", "showPagination", "filters"],
+var _excluded$1 = ["component", "showPagination", "filters"],
     _excluded2 = ["page"];
 var propTypes$b = {
   resource: core.PropTypes.resource.isRequired,
@@ -918,7 +920,7 @@ var ResourceItemsList = function ResourceItemsList(_ref) {
       showPagination = _resource$index$showP === void 0 ? true : _resource$index$showP,
       _resource$index$filte = _resource$index.filters,
       filters = _resource$index$filte === void 0 ? null : _resource$index$filte,
-      listProps = _objectWithoutProperties__default["default"](_resource$index, _excluded);
+      listProps = _objectWithoutProperties__default["default"](_resource$index, _excluded$1);
 
   var _usePanneauColorSchem = contexts.usePanneauColorScheme(),
       _usePanneauColorSchem2 = _usePanneauColorSchem.background,
@@ -979,16 +981,23 @@ var ResourceItemsList = function ResourceItemsList(_ref) {
 ResourceItemsList.propTypes = propTypes$b;
 ResourceItemsList.defaultProps = defaultProps$b;
 
+var _excluded = ["id", "component"];
 var propTypes$a = {
-  resource: core.PropTypes.resource.isRequired
+  resource: core.PropTypes.resource.isRequired,
+  defaultActions: PropTypes__default["default"].arrayOf(PropTypes__default["default"].object)
+};
+var defaultProps$a = {
+  defaultActions: ['create']
 };
-var defaultProps$a = {};
 
 var ResourceIndexPage = function ResourceIndexPage(_ref) {
-  var resource = _ref.resource;
+  var resource = _ref.resource,
+      defaultActions = _ref.defaultActions;
   var name = resource.name,
       _resource$settings = resource.settings,
-      settings = _resource$settings === void 0 ? {} : _resource$settings;
+      settings = _resource$settings === void 0 ? {} : _resource$settings,
+      _resource$index = resource.index,
+      index = _resource$index === void 0 ? {} : _resource$index;
 
   var _ref2 = settings || {},
       _ref2$canCreate = _ref2.canCreate,
@@ -996,6 +1005,24 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
       _ref2$indexIsPaginate = _ref2.indexIsPaginated,
       paginated = _ref2$indexIsPaginate === void 0 ? false : _ref2$indexIsPaginate;
 
+  var _ref3 = index || {},
+      _ref3$actions = _ref3.actions,
+      actions = _ref3$actions === void 0 ? null : _ref3$actions;
+
+  var finalActions = React.useMemo(function () {
+    return (actions || defaultActions.filter(function (it) {
+      return it !== 'create' || canCreate;
+    })).map(function (it) {
+      return it === 'create' ? {
+        id: 'create',
+        component: ResourceCreateButtom,
+        size: 'lg',
+        theme: 'primary'
+      } : it;
+    });
+  }, [canCreate, actions]);
+  var componentsManager = contexts.useComponentsManager();
+
   var _useLocation = reactRouter.useLocation(),
       search = _useLocation.search;
 
@@ -1007,11 +1034,11 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
     return query;
   }, [query]); // TODO: omit routes
 
-  var _ref3 = query || {},
-      _ref3$created = _ref3.created,
-      created = _ref3$created === void 0 ? false : _ref3$created,
-      _ref3$deleted = _ref3.deleted,
-      deleted = _ref3$deleted === void 0 ? false : _ref3$deleted;
+  var _ref4 = query || {},
+      _ref4$created = _ref4.created,
+      created = _ref4$created === void 0 ? false : _ref4$created,
+      _ref4$deleted = _ref4.deleted,
+      deleted = _ref4$deleted === void 0 ? false : _ref4$deleted;
 
   var resourceRoute = hooks.useResourceUrlGenerator(resource);
   var url = resourceRoute('index');
@@ -1037,11 +1064,23 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
     resource: resource
   }, /*#__PURE__*/React__default["default"].createElement(MainLayout, null, /*#__PURE__*/React__default["default"].createElement(PageHeader, {
     title: name,
-    actions: canCreate ? /*#__PURE__*/React__default["default"].createElement(ResourceCreateButtom, {
-      resource: resource,
-      size: "lg",
-      theme: "primary"
-    }) : null
+    actions: finalActions.length > 0 ? /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "d-flex align-items-center"
+    }, finalActions.map(function (_ref5) {
+      var id = _ref5.id,
+          _ref5$component = _ref5.component,
+          component = _ref5$component === void 0 ? Button__default["default"] : _ref5$component,
+          actionProps = _objectWithoutProperties__default["default"](_ref5, _excluded);
+
+      var ActionComponent = isString__default["default"](component) ? componentsManager.getComponent(component) : component;
+      return /*#__PURE__*/React__default["default"].createElement(ActionComponent, Object.assign({
+        key: "action-".concat(id)
+      }, actionProps, ActionComponent !== Button__default["default"] ? {
+        resource: resource,
+        query: query,
+        onQueryChange: onQueryChange
+      } : {}));
+    })) : null
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: classNames__default["default"](['container-sm py-4'])
   }, created ? /*#__PURE__*/React__default["default"].createElement(Alert__default["default"], {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/app",
-    "version": "1.0.0-alpha.225",
+    "version": "1.0.0-alpha.226",
     "description": "",
     "keywords": [
         "javascript"
@@ -92,5 +92,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "030c9df287c349757e0943051f3c54f11729f66f"
+    "gitHead": "0e5e8edc95b987038bdccddbc62db4a6d2b1c185"
 }