@panneau/app 2.0.13 → 2.0.14

package/es/index.js

@@ -6,7 +6,7 @@ import { useLocation, useNavigate, useParams, Route, Routes, Navigate, MemoryRou
 import { Link, BrowserRouter } from 'react-router-dom';
 import { useUser, useLogout, useAuth, AuthProvider } from '@panneau/auth';
 import { PropTypes } from '@panneau/core';
-import { usePanneauColorScheme, useLocales, useFormsComponents, FormProvider, useUrlGenerator, usePanneauResources, usePanneau, ResourceProvider, useFiltersComponents, useListsComponents, useComponentsManager, useFormComponent, useRoutes, usePagesComponentsManager, PanneauProvider, UppyProvider, RoutesProvider, ComponentsProvider } from '@panneau/core/contexts';
+import { useLocales, useFormsComponents, FormProvider, useUrlGenerator, usePanneauResources, usePanneau, usePanneauColorScheme, ResourceProvider, useFiltersComponents, useListsComponents, useComponentsManager, useRoutes, usePagesComponentsManager, 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';
@@ -37,6 +37,7 @@ import _toPropertyKey from '@babel/runtime/helpers/toPropertyKey';
 import { faUndo } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import FormGroup from '@panneau/element-form-group';
+import { Login } from '@panneau/form-auth';
 
 var _excluded$6 = ["resource", "action", "previous", "status", "value", "onSubmit", "errors", "generalError", "className"];
 var propTypes$m = {
@@ -64,7 +65,6 @@ var defaultProps$m = {
   className: null
 };
 var DeleteForm = function DeleteForm(_ref) {
-  var _ref4;
   var resource = _ref.resource,
     action = _ref.action,
     previous = _ref.previous;
@@ -81,9 +81,8 @@ var DeleteForm = function DeleteForm(_ref) {
   var resourceValues = useResourceValues(resource, {
     id: id
   });
-  var _usePanneauColorSchem = usePanneauColorScheme(),
-    text = _usePanneauColorSchem.text,
-    background = _usePanneauColorSchem.background;
+  // const { text, background } = usePanneauColorScheme();
+
   return /*#__PURE__*/React.createElement(Form, Object.assign({
     className: classNames(['form', _defineProperty({
       'invalid-feedback': generalError !== null
@@ -93,7 +92,7 @@ var DeleteForm = function DeleteForm(_ref) {
     withoutActions: true,
     withoutErrors: true
   }, props), /*#__PURE__*/React.createElement("div", {
-    className: classNames(['card', (_ref4 = {}, _defineProperty(_ref4, "bg-".concat(background), background !== null), _defineProperty(_ref4, "border-".concat(text), text !== null), _defineProperty(_ref4, className, className !== null), _ref4)])
+    className: classNames(['card', _defineProperty({}, className, className !== null)])
   }, /*#__PURE__*/React.createElement("div", {
     className: "card-body"
   }, /*#__PURE__*/React.createElement(FormattedMessage, {
@@ -503,10 +502,15 @@ var MainLayout = function MainLayout(_ref) {
   var children = _ref.children,
     fullscreen = _ref.fullscreen;
   var _usePanneauColorSchem = usePanneauColorScheme(),
-    background = _usePanneauColorSchem.background,
-    text = _usePanneauColorSchem.text;
+    _usePanneauColorSchem2 = _usePanneauColorSchem.theme,
+    theme = _usePanneauColorSchem2 === void 0 ? null : _usePanneauColorSchem2,
+    _usePanneauColorSchem3 = _usePanneauColorSchem.background,
+    background = _usePanneauColorSchem3 === void 0 ? null : _usePanneauColorSchem3,
+    _usePanneauColorSchem4 = _usePanneauColorSchem.text,
+    text = _usePanneauColorSchem4 === void 0 ? null : _usePanneauColorSchem4;
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles$1.container, 'd-flex', 'flex-column', 'min-vh-100'])
+    className: classNames([styles$1.container, 'd-flex', 'flex-column', 'min-vh-100']),
+    "data-bs-theme": theme !== null ? theme : null
   }, /*#__PURE__*/React.createElement(MainNavbar, {
     className: classNames(['border-bottom', 'sticky-top', 'px-3'])
   }), /*#__PURE__*/React.createElement("div", {
@@ -1197,40 +1201,15 @@ AccountPage.defaultProps = defaultProps$6;
 
 /* eslint-disable react/jsx-props-no-spreading */
 var propTypes$5 = {
-  fields: PropTypes.fields,
   className: PropTypes$1.string,
   onSuccess: PropTypes$1.func
 };
 var defaultProps$5 = {
-  fields: [{
-    name: 'email',
-    type: 'email',
-    size: 'lg',
-    label: /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "LI0Gz4",
-      defaultMessage: [{
-        "type": 0,
-        "value": "Email"
-      }]
-    })
-  }, {
-    name: 'password',
-    type: 'password',
-    size: 'lg',
-    label: /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "4yfet+",
-      defaultMessage: [{
-        "type": 0,
-        "value": "Password"
-      }]
-    })
-  }],
   className: null,
   onSuccess: null
 };
 var LoginForm = function LoginForm(_ref) {
-  var formFields = _ref.fields,
-    className = _ref.className,
+  var className = _ref.className,
     onSuccess = _ref.onSuccess;
   var url = useUrlGenerator();
   var _useAuth = useAuth(),
@@ -1240,30 +1219,11 @@ var LoginForm = function LoginForm(_ref) {
       password = _ref2.password;
     return login(email, password);
   }, [login]);
-  var _useForm = useForm({
-      fields: formFields,
-      postForm: postForm,
-      onComplete: onSuccess
-    }),
-    value = _useForm.value,
-    setValue = _useForm.setValue,
-    fields = _useForm.fields,
-    onSubmit = _useForm.onSubmit,
-    status = _useForm.status,
-    generalError = _useForm.generalError,
-    errors = _useForm.errors;
-  var NormalForm = useFormComponent('normal');
-  return /*#__PURE__*/React.createElement(NormalForm, {
+  return /*#__PURE__*/React.createElement(Login, {
     action: url('auth.login'),
-    method: "post",
-    fields: fields,
-    onSubmit: onSubmit,
+    postForm: postForm,
+    onComplete: onSuccess,
     className: className,
-    status: status,
-    generalError: generalError,
-    errors: errors,
-    value: value,
-    onChange: setValue,
     submitButtonLabel: /*#__PURE__*/React.createElement(FormattedMessage, {
       id: "g6qbbX",
       defaultMessage: [{
@@ -1290,13 +1250,17 @@ var GuestLayout = function GuestLayout(_ref) {
   var fullscreen = _ref.fullscreen,
     children = _ref.children;
   var _usePanneauColorSchem = usePanneauColorScheme(),
-    background = _usePanneauColorSchem.background,
-    text = _usePanneauColorSchem.text;
+    _usePanneauColorSchem2 = _usePanneauColorSchem.theme,
+    theme = _usePanneauColorSchem2 === void 0 ? null : _usePanneauColorSchem2,
+    _usePanneauColorSchem3 = _usePanneauColorSchem.background,
+    background = _usePanneauColorSchem3 === void 0 ? null : _usePanneauColorSchem3,
+    _usePanneauColorSchem4 = _usePanneauColorSchem.text,
+    text = _usePanneauColorSchem4 === void 0 ? null : _usePanneauColorSchem4;
   return /*#__PURE__*/React.createElement("div", {
     className: classNames([styles.container, {
       'd-flex flex-column min-vh-100': fullscreen
     }]),
-    "data-bs-theme": "dark"
+    "data-bs-theme": theme !== null ? theme : null
   }, /*#__PURE__*/React.createElement(MainNavbar, {
     className: classNames(['sticky-top', 'px-3'])
   }), /*#__PURE__*/React.createElement("div", {

package/lib/index.js

@@ -41,6 +41,7 @@ var _toPropertyKey = require('@babel/runtime/helpers/toPropertyKey');
 var freeSolidSvgIcons = require('@fortawesome/free-solid-svg-icons');
 var reactFontawesome = require('@fortawesome/react-fontawesome');
 var FormGroup = require('@panneau/element-form-group');
+var formAuth = require('@panneau/form-auth');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -98,7 +99,6 @@ var defaultProps$m = {
   className: null
 };
 var DeleteForm = function DeleteForm(_ref) {
-  var _ref4;
   var resource = _ref.resource,
     action = _ref.action,
     previous = _ref.previous;
@@ -115,9 +115,8 @@ var DeleteForm = function DeleteForm(_ref) {
   var resourceValues = intl.useResourceValues(resource, {
     id: id
   });
-  var _usePanneauColorSchem = contexts.usePanneauColorScheme(),
-    text = _usePanneauColorSchem.text,
-    background = _usePanneauColorSchem.background;
+  // const { text, background } = usePanneauColorScheme();
+
   return /*#__PURE__*/React__default["default"].createElement(Form__default["default"], Object.assign({
     className: classNames__default["default"](['form', _defineProperty__default["default"]({
       'invalid-feedback': generalError !== null
@@ -127,7 +126,7 @@ var DeleteForm = function DeleteForm(_ref) {
     withoutActions: true,
     withoutErrors: true
   }, props), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"](['card', (_ref4 = {}, _defineProperty__default["default"](_ref4, "bg-".concat(background), background !== null), _defineProperty__default["default"](_ref4, "border-".concat(text), text !== null), _defineProperty__default["default"](_ref4, className, className !== null), _ref4)])
+    className: classNames__default["default"](['card', _defineProperty__default["default"]({}, className, className !== null)])
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "card-body"
   }, /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
@@ -537,10 +536,15 @@ var MainLayout = function MainLayout(_ref) {
   var children = _ref.children,
     fullscreen = _ref.fullscreen;
   var _usePanneauColorSchem = contexts.usePanneauColorScheme(),
-    background = _usePanneauColorSchem.background,
-    text = _usePanneauColorSchem.text;
+    _usePanneauColorSchem2 = _usePanneauColorSchem.theme,
+    theme = _usePanneauColorSchem2 === void 0 ? null : _usePanneauColorSchem2,
+    _usePanneauColorSchem3 = _usePanneauColorSchem.background,
+    background = _usePanneauColorSchem3 === void 0 ? null : _usePanneauColorSchem3,
+    _usePanneauColorSchem4 = _usePanneauColorSchem.text,
+    text = _usePanneauColorSchem4 === void 0 ? null : _usePanneauColorSchem4;
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"]([styles$1.container, 'd-flex', 'flex-column', 'min-vh-100'])
+    className: classNames__default["default"]([styles$1.container, 'd-flex', 'flex-column', 'min-vh-100']),
+    "data-bs-theme": theme !== null ? theme : null
   }, /*#__PURE__*/React__default["default"].createElement(MainNavbar, {
     className: classNames__default["default"](['border-bottom', 'sticky-top', 'px-3'])
   }), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -1231,40 +1235,15 @@ AccountPage.defaultProps = defaultProps$6;
 
 /* eslint-disable react/jsx-props-no-spreading */
 var propTypes$5 = {
-  fields: core.PropTypes.fields,
   className: PropTypes__default["default"].string,
   onSuccess: PropTypes__default["default"].func
 };
 var defaultProps$5 = {
-  fields: [{
-    name: 'email',
-    type: 'email',
-    size: 'lg',
-    label: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
-      id: "LI0Gz4",
-      defaultMessage: [{
-        "type": 0,
-        "value": "Email"
-      }]
-    })
-  }, {
-    name: 'password',
-    type: 'password',
-    size: 'lg',
-    label: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
-      id: "4yfet+",
-      defaultMessage: [{
-        "type": 0,
-        "value": "Password"
-      }]
-    })
-  }],
   className: null,
   onSuccess: null
 };
 var LoginForm = function LoginForm(_ref) {
-  var formFields = _ref.fields,
-    className = _ref.className,
+  var className = _ref.className,
     onSuccess = _ref.onSuccess;
   var url = contexts.useUrlGenerator();
   var _useAuth = auth.useAuth(),
@@ -1274,30 +1253,11 @@ var LoginForm = function LoginForm(_ref) {
       password = _ref2.password;
     return login(email, password);
   }, [login]);
-  var _useForm = hooks.useForm({
-      fields: formFields,
-      postForm: postForm,
-      onComplete: onSuccess
-    }),
-    value = _useForm.value,
-    setValue = _useForm.setValue,
-    fields = _useForm.fields,
-    onSubmit = _useForm.onSubmit,
-    status = _useForm.status,
-    generalError = _useForm.generalError,
-    errors = _useForm.errors;
-  var NormalForm = contexts.useFormComponent('normal');
-  return /*#__PURE__*/React__default["default"].createElement(NormalForm, {
+  return /*#__PURE__*/React__default["default"].createElement(formAuth.Login, {
     action: url('auth.login'),
-    method: "post",
-    fields: fields,
-    onSubmit: onSubmit,
+    postForm: postForm,
+    onComplete: onSuccess,
     className: className,
-    status: status,
-    generalError: generalError,
-    errors: errors,
-    value: value,
-    onChange: setValue,
     submitButtonLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
       id: "g6qbbX",
       defaultMessage: [{
@@ -1324,13 +1284,17 @@ var GuestLayout = function GuestLayout(_ref) {
   var fullscreen = _ref.fullscreen,
     children = _ref.children;
   var _usePanneauColorSchem = contexts.usePanneauColorScheme(),
-    background = _usePanneauColorSchem.background,
-    text = _usePanneauColorSchem.text;
+    _usePanneauColorSchem2 = _usePanneauColorSchem.theme,
+    theme = _usePanneauColorSchem2 === void 0 ? null : _usePanneauColorSchem2,
+    _usePanneauColorSchem3 = _usePanneauColorSchem.background,
+    background = _usePanneauColorSchem3 === void 0 ? null : _usePanneauColorSchem3,
+    _usePanneauColorSchem4 = _usePanneauColorSchem.text,
+    text = _usePanneauColorSchem4 === void 0 ? null : _usePanneauColorSchem4;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: classNames__default["default"]([styles.container, {
       'd-flex flex-column min-vh-100': fullscreen
     }]),
-    "data-bs-theme": "dark"
+    "data-bs-theme": theme !== null ? theme : null
   }, /*#__PURE__*/React__default["default"].createElement(MainNavbar, {
     className: classNames__default["default"](['sticky-top', 'px-3'])
   }), /*#__PURE__*/React__default["default"].createElement("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/app",
-    "version": "2.0.13",
+    "version": "2.0.14",
     "description": "",
     "keywords": [
         "javascript"
@@ -63,30 +63,30 @@
         "@fortawesome/fontawesome-svg-core": "^1.2.35",
         "@fortawesome/free-solid-svg-icons": "^5.15.3",
         "@fortawesome/react-fontawesome": "^0.1.14",
-        "@panneau/auth": "^2.0.11",
-        "@panneau/core": "^2.0.11",
-        "@panneau/data": "^2.0.11",
-        "@panneau/displays": "^2.0.11",
-        "@panneau/element-alert": "^2.0.11",
-        "@panneau/element-button": "^2.0.11",
-        "@panneau/element-buttons": "^2.0.11",
-        "@panneau/element-dropdown": "^2.0.11",
-        "@panneau/element-form": "^2.0.11",
-        "@panneau/element-form-group": "^2.0.11",
-        "@panneau/element-label": "^2.0.11",
-        "@panneau/element-link": "^2.0.11",
-        "@panneau/element-loading": "^2.0.11",
-        "@panneau/element-menu": "^2.0.11",
-        "@panneau/element-navbar": "^2.0.11",
-        "@panneau/element-pagination": "^2.0.11",
-        "@panneau/element-radios": "^2.0.11",
-        "@panneau/fields": "^2.0.11",
-        "@panneau/filters": "^2.0.11",
-        "@panneau/forms": "^2.0.11",
-        "@panneau/intl": "^2.0.11",
-        "@panneau/lists": "^2.0.13",
-        "@panneau/modals": "^2.0.11",
-        "@panneau/themes": "^2.0.11",
+        "@panneau/auth": "^2.0.14",
+        "@panneau/core": "^2.0.14",
+        "@panneau/data": "^2.0.14",
+        "@panneau/displays": "^2.0.14",
+        "@panneau/element-alert": "^2.0.14",
+        "@panneau/element-button": "^2.0.14",
+        "@panneau/element-buttons": "^2.0.14",
+        "@panneau/element-dropdown": "^2.0.14",
+        "@panneau/element-form": "^2.0.14",
+        "@panneau/element-form-group": "^2.0.14",
+        "@panneau/element-label": "^2.0.14",
+        "@panneau/element-link": "^2.0.14",
+        "@panneau/element-loading": "^2.0.14",
+        "@panneau/element-menu": "^2.0.14",
+        "@panneau/element-navbar": "^2.0.14",
+        "@panneau/element-pagination": "^2.0.14",
+        "@panneau/element-radios": "^2.0.14",
+        "@panneau/fields": "^2.0.14",
+        "@panneau/filters": "^2.0.14",
+        "@panneau/forms": "^2.0.14",
+        "@panneau/intl": "^2.0.14",
+        "@panneau/lists": "^2.0.14",
+        "@panneau/modals": "^2.0.14",
+        "@panneau/themes": "^2.0.14",
         "classnames": "^2.2.6",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -98,5 +98,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "f44499e6a9c6b9da63ed453d1210794077f5deef"
+    "gitHead": "79bf4785d664187a578822e02dd66c12d6e4d243"
 }