@panneau/app 1.0.0-alpha.256 → 1.0.0-alpha.259

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/es/index.js +76 -58
  2. package/lib/index.js +81 -62
  3. package/package.json +16 -16
package/es/index.js CHANGED
@@ -1,5 +1,9 @@
1
1
  import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
2
  import _objectSpread from '@babel/runtime/helpers/objectSpread2';
3
+ import PropTypes$1 from 'prop-types';
4
+ import React, { useMemo, useCallback, useState, useEffect } from 'react';
5
+ import { useLocation, useHistory, Switch, Route, Redirect, MemoryRouter } from 'react-router';
6
+ import { Link, BrowserRouter } from 'react-router-dom';
3
7
  import { useUser, useLogout, useAuth, AuthProvider } from '@panneau/auth';
4
8
  import { PropTypes } from '@panneau/core';
5
9
  import { useLocales, useFormsComponents, FormProvider, useUrlGenerator, usePanneauResources, usePanneau, usePanneauColorScheme, ResourceProvider, useFiltersComponents, useListsComponents, useComponentsManager, useFormComponent, useRoutes, PanneauProvider, UppyProvider, RoutesProvider, ComponentsProvider } from '@panneau/core/contexts';
@@ -10,26 +14,23 @@ import FiltersProvider from '@panneau/filters';
10
14
  import FormsProvider from '@panneau/forms';
11
15
  import { ResourceMessage, IntlProvider } from '@panneau/intl';
12
16
  import ListsProvider from '@panneau/lists';
13
- import PropTypes$1 from 'prop-types';
14
- import React, { useMemo, useCallback, useState, useEffect } from 'react';
15
- import { useLocation, useHistory, Switch, Route, Redirect, MemoryRouter } from 'react-router';
16
- import { Link, BrowserRouter } from 'react-router-dom';
17
17
  import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
18
18
  import { getComponentFromName } from '@panneau/core/utils';
19
- import { useResourceUrlGenerator, useForm } from '@panneau/core/hooks';
20
- import { parse, stringify } from 'query-string';
21
19
  import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
22
- import Button from '@panneau/element-button';
23
- import Form from '@panneau/element-form';
20
+ import { parse, stringify } from 'query-string';
21
+ import { useResourceUrlGenerator, useForm } from '@panneau/core/hooks';
24
22
  import classNames from 'classnames';
25
23
  import { FormattedMessage, defineMessages } from 'react-intl';
24
+ import Button from '@panneau/element-button';
25
+ import Form from '@panneau/element-form';
26
26
  import Navbar from '@panneau/element-navbar';
27
27
  import Menu from '@panneau/element-menu';
28
28
  import Label from '@panneau/element-label';
29
- import Alert from '@panneau/element-alert';
30
29
  import isString from 'lodash/isString';
30
+ import Alert from '@panneau/element-alert';
31
31
  import Dropdown from '@panneau/element-dropdown';
32
32
  import Pagination from '@panneau/element-pagination';
33
+ import _toPropertyKey from '@babel/runtime/helpers/toPropertyKey';
33
34
  import { faUndo } from '@fortawesome/free-solid-svg-icons';
34
35
  import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
35
36
  import FormGroup from '@panneau/element-form-group';
@@ -775,6 +776,8 @@ var propTypes$c = {
775
776
  onReset: PropTypes$1.func,
776
777
  withContainer: PropTypes$1.bool,
777
778
  withReset: PropTypes$1.bool,
779
+ defaultValue: PropTypes$1.objectOf(PropTypes$1.object),
780
+ // eslint-disable-line react/forbid-prop-types
778
781
  className: PropTypes$1.string
779
782
  };
780
783
  var defaultProps$c = {
@@ -784,6 +787,9 @@ var defaultProps$c = {
784
787
  onReset: null,
785
788
  withContainer: false,
786
789
  withReset: true,
790
+ defaultValue: {
791
+ page: null
792
+ },
787
793
  className: null
788
794
  };
789
795
 
@@ -794,6 +800,7 @@ var ResourceFilters = function ResourceFilters(_ref) {
794
800
  onReset = _ref.onReset,
795
801
  withContainer = _ref.withContainer,
796
802
  withReset = _ref.withReset,
803
+ defaultValue = _ref.defaultValue,
797
804
  className = _ref.className;
798
805
  var FilterComponents = useFiltersComponents();
799
806
 
@@ -812,7 +819,8 @@ var ResourceFilters = function ResourceFilters(_ref) {
812
819
  }
813
820
 
814
821
  return isActive;
815
- }, false);
822
+ }, false); // console.log('value', value);
823
+
816
824
  return /*#__PURE__*/React.createElement(Navbar, {
817
825
  className: classNames([_defineProperty({
818
826
  'navbar-expand-md': withContainer
@@ -829,18 +837,28 @@ var ResourceFilters = function ResourceFilters(_ref) {
829
837
  var filterValue = value !== null && value[name] ? value[name] : null;
830
838
  var onFilterChange = useCallback(function (newFilterValue) {
831
839
  if (name !== null && onChange !== null) {
832
- onChange(_objectSpread(_objectSpread({}, value), {}, _defineProperty({}, name, newFilterValue)));
840
+ onChange(_objectSpread(_objectSpread({}, value), {}, _defineProperty({}, name, newFilterValue), defaultValue));
841
+ }
842
+ }, [onChange, name, value, defaultValue]);
843
+ var onFilterClear = useCallback(function () {
844
+ if (name !== null && onChange !== null) {
845
+ var _ref4 = value || {};
846
+ _ref4[name];
847
+ var newValue = _objectWithoutProperties(_ref4, [name].map(_toPropertyKey));
848
+
849
+ onChange(_objectSpread(_objectSpread({}, newValue), defaultValue));
833
850
  }
834
- }, [onChange, name]);
851
+ }, [onChange, name, value, defaultValue]);
835
852
  return FilterComponent !== null ? /*#__PURE__*/React.createElement(FormGroup, {
836
853
  key: "filter-".concat(name, "-").concat(index + 1),
837
854
  label: groupLabel,
838
855
  className: "me-4"
839
856
  }, /*#__PURE__*/React.createElement(FilterComponent, Object.assign({}, filterProps, {
840
857
  value: filterValue,
841
- onChange: onFilterChange
858
+ onChange: onFilterChange,
859
+ onClear: onFilterClear
842
860
  }))) : null;
843
- }), withReset && hasActiveFilter && currentFilters.length > 1 ? /*#__PURE__*/React.createElement(Button, {
861
+ }), withReset && hasActiveFilter && currentFilters.length > 0 ? /*#__PURE__*/React.createElement(Button, {
844
862
  theme: "primary",
845
863
  onClick: onFiltersReset
846
864
  }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
@@ -1060,7 +1078,7 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
1060
1078
  }, /*#__PURE__*/React.createElement(ResourceMessage, {
1061
1079
  resource: resource,
1062
1080
  id: "resources.created",
1063
- defaultMessage: "{the_singular} has been created.",
1081
+ defaultMessage: "{The_singular} has been created.",
1064
1082
  description: "Alert message"
1065
1083
  })) : null, deleted ? /*#__PURE__*/React.createElement(Alert, {
1066
1084
  className: "mb-4",
@@ -1068,7 +1086,7 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
1068
1086
  }, /*#__PURE__*/React.createElement(ResourceMessage, {
1069
1087
  resource: resource,
1070
1088
  id: "resources.deleted",
1071
- defaultMessage: "{the_singular} has been deleted.",
1089
+ defaultMessage: "{The_singular} has been deleted.",
1072
1090
  description: "Alert message"
1073
1091
  })) : null, /*#__PURE__*/React.createElement(ResourceItemsList, {
1074
1092
  resource: resource,
@@ -1152,51 +1170,13 @@ var AccountPage = function AccountPage() {
1152
1170
  AccountPage.propTypes = propTypes$7;
1153
1171
  AccountPage.defaultProps = defaultProps$7;
1154
1172
 
1155
- var propTypes$6 = {
1156
- children: PropTypes$1.node.isRequired,
1157
- fullscreen: PropTypes$1.bool
1158
- };
1159
- var defaultProps$6 = {
1160
- fullscreen: false
1161
- };
1162
-
1163
- var GuestLayout = function GuestLayout(_ref) {
1164
- var _classNames;
1165
-
1166
- var fullscreen = _ref.fullscreen,
1167
- children = _ref.children;
1168
-
1169
- var _usePanneauColorSchem = usePanneauColorScheme(),
1170
- background = _usePanneauColorSchem.background,
1171
- text = _usePanneauColorSchem.text;
1172
-
1173
- return /*#__PURE__*/React.createElement("div", {
1174
- className: classNames({
1175
- 'd-flex flex-column min-vh-100': fullscreen
1176
- })
1177
- }, /*#__PURE__*/React.createElement(MainNavbar, {
1178
- className: classNames(['sticky-top', 'px-3'])
1179
- }), /*#__PURE__*/React.createElement("div", {
1180
- className: classNames((_classNames = {
1181
- 'd-flex flex-column flex-grow-1': fullscreen
1182
- }, _defineProperty(_classNames, "bg-".concat(background), background !== null), _defineProperty(_classNames, "text-".concat(text), text !== null), _classNames))
1183
- }, /*#__PURE__*/React.createElement("div", {
1184
- className: classNames({
1185
- 'w-100 my-auto': fullscreen
1186
- })
1187
- }, children)));
1188
- };
1189
-
1190
- GuestLayout.propTypes = propTypes$6;
1191
- GuestLayout.defaultProps = defaultProps$6;
1192
-
1193
1173
  /* eslint-disable react/jsx-props-no-spreading */
1194
- var propTypes$5 = {
1174
+ var propTypes$6 = {
1195
1175
  fields: PropTypes.fields,
1196
1176
  className: PropTypes$1.string,
1197
1177
  onSuccess: PropTypes$1.func
1198
1178
  };
1199
- var defaultProps$5 = {
1179
+ var defaultProps$6 = {
1200
1180
  fields: [{
1201
1181
  name: 'email',
1202
1182
  type: 'email',
@@ -1274,8 +1254,46 @@ var LoginForm = function LoginForm(_ref) {
1274
1254
  });
1275
1255
  };
1276
1256
 
1277
- LoginForm.propTypes = propTypes$5;
1278
- LoginForm.defaultProps = defaultProps$5;
1257
+ LoginForm.propTypes = propTypes$6;
1258
+ LoginForm.defaultProps = defaultProps$6;
1259
+
1260
+ var propTypes$5 = {
1261
+ children: PropTypes$1.node.isRequired,
1262
+ fullscreen: PropTypes$1.bool
1263
+ };
1264
+ var defaultProps$5 = {
1265
+ fullscreen: false
1266
+ };
1267
+
1268
+ var GuestLayout = function GuestLayout(_ref) {
1269
+ var _classNames;
1270
+
1271
+ var fullscreen = _ref.fullscreen,
1272
+ children = _ref.children;
1273
+
1274
+ var _usePanneauColorSchem = usePanneauColorScheme(),
1275
+ background = _usePanneauColorSchem.background,
1276
+ text = _usePanneauColorSchem.text;
1277
+
1278
+ return /*#__PURE__*/React.createElement("div", {
1279
+ className: classNames({
1280
+ 'd-flex flex-column min-vh-100': fullscreen
1281
+ })
1282
+ }, /*#__PURE__*/React.createElement(MainNavbar, {
1283
+ className: classNames(['sticky-top', 'px-3'])
1284
+ }), /*#__PURE__*/React.createElement("div", {
1285
+ className: classNames((_classNames = {
1286
+ 'd-flex flex-column flex-grow-1': fullscreen
1287
+ }, _defineProperty(_classNames, "bg-".concat(background), background !== null), _defineProperty(_classNames, "text-".concat(text), text !== null), _classNames))
1288
+ }, /*#__PURE__*/React.createElement("div", {
1289
+ className: classNames({
1290
+ 'w-100 my-auto': fullscreen
1291
+ })
1292
+ }, children)));
1293
+ };
1294
+
1295
+ GuestLayout.propTypes = propTypes$5;
1296
+ GuestLayout.defaultProps = defaultProps$5;
1279
1297
 
1280
1298
  /* eslint-disable react/jsx-props-no-spreading */
1281
1299
  var propTypes$4 = {};
package/lib/index.js CHANGED
@@ -4,6 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var _defineProperty = require('@babel/runtime/helpers/defineProperty');
6
6
  var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
7
+ var PropTypes = require('prop-types');
8
+ var React = require('react');
9
+ var reactRouter = require('react-router');
10
+ var reactRouterDom = require('react-router-dom');
7
11
  var auth = require('@panneau/auth');
8
12
  var core = require('@panneau/core');
9
13
  var contexts = require('@panneau/core/contexts');
@@ -14,26 +18,23 @@ var FiltersProvider = require('@panneau/filters');
14
18
  var FormsProvider = require('@panneau/forms');
15
19
  var intl = require('@panneau/intl');
16
20
  var ListsProvider = require('@panneau/lists');
17
- var PropTypes = require('prop-types');
18
- var React = require('react');
19
- var reactRouter = require('react-router');
20
- var reactRouterDom = require('react-router-dom');
21
21
  var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
22
22
  var utils = require('@panneau/core/utils');
23
- var hooks = require('@panneau/core/hooks');
24
- var queryString = require('query-string');
25
23
  var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
26
- var Button = require('@panneau/element-button');
27
- var Form = require('@panneau/element-form');
24
+ var queryString = require('query-string');
25
+ var hooks = require('@panneau/core/hooks');
28
26
  var classNames = require('classnames');
29
27
  var reactIntl = require('react-intl');
28
+ var Button = require('@panneau/element-button');
29
+ var Form = require('@panneau/element-form');
30
30
  var Navbar = require('@panneau/element-navbar');
31
31
  var Menu = require('@panneau/element-menu');
32
32
  var Label = require('@panneau/element-label');
33
- var Alert = require('@panneau/element-alert');
34
33
  var isString = require('lodash/isString');
34
+ var Alert = require('@panneau/element-alert');
35
35
  var Dropdown = require('@panneau/element-dropdown');
36
36
  var Pagination = require('@panneau/element-pagination');
37
+ var _toPropertyKey = require('@babel/runtime/helpers/toPropertyKey');
37
38
  var freeSolidSvgIcons = require('@fortawesome/free-solid-svg-icons');
38
39
  var reactFontawesome = require('@fortawesome/react-fontawesome');
39
40
  var FormGroup = require('@panneau/element-form-group');
@@ -42,25 +43,26 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
42
43
 
43
44
  var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
44
45
  var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
46
+ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
47
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
45
48
  var DisplaysProvider__default = /*#__PURE__*/_interopDefaultLegacy(DisplaysProvider);
46
49
  var FieldsProvider__default = /*#__PURE__*/_interopDefaultLegacy(FieldsProvider);
47
50
  var FiltersProvider__default = /*#__PURE__*/_interopDefaultLegacy(FiltersProvider);
48
51
  var FormsProvider__default = /*#__PURE__*/_interopDefaultLegacy(FormsProvider);
49
52
  var ListsProvider__default = /*#__PURE__*/_interopDefaultLegacy(ListsProvider);
50
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
51
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
52
53
  var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
53
54
  var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
55
+ var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
54
56
  var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
55
57
  var Form__default = /*#__PURE__*/_interopDefaultLegacy(Form);
56
- var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
57
58
  var Navbar__default = /*#__PURE__*/_interopDefaultLegacy(Navbar);
58
59
  var Menu__default = /*#__PURE__*/_interopDefaultLegacy(Menu);
59
60
  var Label__default = /*#__PURE__*/_interopDefaultLegacy(Label);
60
- var Alert__default = /*#__PURE__*/_interopDefaultLegacy(Alert);
61
61
  var isString__default = /*#__PURE__*/_interopDefaultLegacy(isString);
62
+ var Alert__default = /*#__PURE__*/_interopDefaultLegacy(Alert);
62
63
  var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
63
64
  var Pagination__default = /*#__PURE__*/_interopDefaultLegacy(Pagination);
65
+ var _toPropertyKey__default = /*#__PURE__*/_interopDefaultLegacy(_toPropertyKey);
64
66
  var FormGroup__default = /*#__PURE__*/_interopDefaultLegacy(FormGroup);
65
67
 
66
68
  var _excluded$5 = ["resource", "action", "previous", "status", "value", "onSubmit", "errors", "generalError", "className"];
@@ -804,6 +806,8 @@ var propTypes$c = {
804
806
  onReset: PropTypes__default["default"].func,
805
807
  withContainer: PropTypes__default["default"].bool,
806
808
  withReset: PropTypes__default["default"].bool,
809
+ defaultValue: PropTypes__default["default"].objectOf(PropTypes__default["default"].object),
810
+ // eslint-disable-line react/forbid-prop-types
807
811
  className: PropTypes__default["default"].string
808
812
  };
809
813
  var defaultProps$c = {
@@ -813,6 +817,9 @@ var defaultProps$c = {
813
817
  onReset: null,
814
818
  withContainer: false,
815
819
  withReset: true,
820
+ defaultValue: {
821
+ page: null
822
+ },
816
823
  className: null
817
824
  };
818
825
 
@@ -823,6 +830,7 @@ var ResourceFilters = function ResourceFilters(_ref) {
823
830
  onReset = _ref.onReset,
824
831
  withContainer = _ref.withContainer,
825
832
  withReset = _ref.withReset,
833
+ defaultValue = _ref.defaultValue,
826
834
  className = _ref.className;
827
835
  var FilterComponents = contexts.useFiltersComponents();
828
836
 
@@ -841,7 +849,8 @@ var ResourceFilters = function ResourceFilters(_ref) {
841
849
  }
842
850
 
843
851
  return isActive;
844
- }, false);
852
+ }, false); // console.log('value', value);
853
+
845
854
  return /*#__PURE__*/React__default["default"].createElement(Navbar__default["default"], {
846
855
  className: classNames__default["default"]([_defineProperty__default["default"]({
847
856
  'navbar-expand-md': withContainer
@@ -858,18 +867,28 @@ var ResourceFilters = function ResourceFilters(_ref) {
858
867
  var filterValue = value !== null && value[name] ? value[name] : null;
859
868
  var onFilterChange = React.useCallback(function (newFilterValue) {
860
869
  if (name !== null && onChange !== null) {
861
- onChange(_objectSpread__default["default"](_objectSpread__default["default"]({}, value), {}, _defineProperty__default["default"]({}, name, newFilterValue)));
870
+ onChange(_objectSpread__default["default"](_objectSpread__default["default"]({}, value), {}, _defineProperty__default["default"]({}, name, newFilterValue), defaultValue));
862
871
  }
863
- }, [onChange, name]);
872
+ }, [onChange, name, value, defaultValue]);
873
+ var onFilterClear = React.useCallback(function () {
874
+ if (name !== null && onChange !== null) {
875
+ var _ref4 = value || {};
876
+ _ref4[name];
877
+ var newValue = _objectWithoutProperties__default["default"](_ref4, [name].map(_toPropertyKey__default["default"]));
878
+
879
+ onChange(_objectSpread__default["default"](_objectSpread__default["default"]({}, newValue), defaultValue));
880
+ }
881
+ }, [onChange, name, value, defaultValue]);
864
882
  return FilterComponent !== null ? /*#__PURE__*/React__default["default"].createElement(FormGroup__default["default"], {
865
883
  key: "filter-".concat(name, "-").concat(index + 1),
866
884
  label: groupLabel,
867
885
  className: "me-4"
868
886
  }, /*#__PURE__*/React__default["default"].createElement(FilterComponent, Object.assign({}, filterProps, {
869
887
  value: filterValue,
870
- onChange: onFilterChange
888
+ onChange: onFilterChange,
889
+ onClear: onFilterClear
871
890
  }))) : null;
872
- }), withReset && hasActiveFilter && currentFilters.length > 1 ? /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
891
+ }), withReset && hasActiveFilter && currentFilters.length > 0 ? /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
873
892
  theme: "primary",
874
893
  onClick: onFiltersReset
875
894
  }, /*#__PURE__*/React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, {
@@ -1089,7 +1108,7 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
1089
1108
  }, /*#__PURE__*/React__default["default"].createElement(intl.ResourceMessage, {
1090
1109
  resource: resource,
1091
1110
  id: "resources.created",
1092
- defaultMessage: "{the_singular} has been created.",
1111
+ defaultMessage: "{The_singular} has been created.",
1093
1112
  description: "Alert message"
1094
1113
  })) : null, deleted ? /*#__PURE__*/React__default["default"].createElement(Alert__default["default"], {
1095
1114
  className: "mb-4",
@@ -1097,7 +1116,7 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
1097
1116
  }, /*#__PURE__*/React__default["default"].createElement(intl.ResourceMessage, {
1098
1117
  resource: resource,
1099
1118
  id: "resources.deleted",
1100
- defaultMessage: "{the_singular} has been deleted.",
1119
+ defaultMessage: "{The_singular} has been deleted.",
1101
1120
  description: "Alert message"
1102
1121
  })) : null, /*#__PURE__*/React__default["default"].createElement(ResourceItemsList, {
1103
1122
  resource: resource,
@@ -1181,51 +1200,13 @@ var AccountPage = function AccountPage() {
1181
1200
  AccountPage.propTypes = propTypes$7;
1182
1201
  AccountPage.defaultProps = defaultProps$7;
1183
1202
 
1184
- var propTypes$6 = {
1185
- children: PropTypes__default["default"].node.isRequired,
1186
- fullscreen: PropTypes__default["default"].bool
1187
- };
1188
- var defaultProps$6 = {
1189
- fullscreen: false
1190
- };
1191
-
1192
- var GuestLayout = function GuestLayout(_ref) {
1193
- var _classNames;
1194
-
1195
- var fullscreen = _ref.fullscreen,
1196
- children = _ref.children;
1197
-
1198
- var _usePanneauColorSchem = contexts.usePanneauColorScheme(),
1199
- background = _usePanneauColorSchem.background,
1200
- text = _usePanneauColorSchem.text;
1201
-
1202
- return /*#__PURE__*/React__default["default"].createElement("div", {
1203
- className: classNames__default["default"]({
1204
- 'd-flex flex-column min-vh-100': fullscreen
1205
- })
1206
- }, /*#__PURE__*/React__default["default"].createElement(MainNavbar, {
1207
- className: classNames__default["default"](['sticky-top', 'px-3'])
1208
- }), /*#__PURE__*/React__default["default"].createElement("div", {
1209
- className: classNames__default["default"]((_classNames = {
1210
- 'd-flex flex-column flex-grow-1': fullscreen
1211
- }, _defineProperty__default["default"](_classNames, "bg-".concat(background), background !== null), _defineProperty__default["default"](_classNames, "text-".concat(text), text !== null), _classNames))
1212
- }, /*#__PURE__*/React__default["default"].createElement("div", {
1213
- className: classNames__default["default"]({
1214
- 'w-100 my-auto': fullscreen
1215
- })
1216
- }, children)));
1217
- };
1218
-
1219
- GuestLayout.propTypes = propTypes$6;
1220
- GuestLayout.defaultProps = defaultProps$6;
1221
-
1222
1203
  /* eslint-disable react/jsx-props-no-spreading */
1223
- var propTypes$5 = {
1204
+ var propTypes$6 = {
1224
1205
  fields: core.PropTypes.fields,
1225
1206
  className: PropTypes__default["default"].string,
1226
1207
  onSuccess: PropTypes__default["default"].func
1227
1208
  };
1228
- var defaultProps$5 = {
1209
+ var defaultProps$6 = {
1229
1210
  fields: [{
1230
1211
  name: 'email',
1231
1212
  type: 'email',
@@ -1303,8 +1284,46 @@ var LoginForm = function LoginForm(_ref) {
1303
1284
  });
1304
1285
  };
1305
1286
 
1306
- LoginForm.propTypes = propTypes$5;
1307
- LoginForm.defaultProps = defaultProps$5;
1287
+ LoginForm.propTypes = propTypes$6;
1288
+ LoginForm.defaultProps = defaultProps$6;
1289
+
1290
+ var propTypes$5 = {
1291
+ children: PropTypes__default["default"].node.isRequired,
1292
+ fullscreen: PropTypes__default["default"].bool
1293
+ };
1294
+ var defaultProps$5 = {
1295
+ fullscreen: false
1296
+ };
1297
+
1298
+ var GuestLayout = function GuestLayout(_ref) {
1299
+ var _classNames;
1300
+
1301
+ var fullscreen = _ref.fullscreen,
1302
+ children = _ref.children;
1303
+
1304
+ var _usePanneauColorSchem = contexts.usePanneauColorScheme(),
1305
+ background = _usePanneauColorSchem.background,
1306
+ text = _usePanneauColorSchem.text;
1307
+
1308
+ return /*#__PURE__*/React__default["default"].createElement("div", {
1309
+ className: classNames__default["default"]({
1310
+ 'd-flex flex-column min-vh-100': fullscreen
1311
+ })
1312
+ }, /*#__PURE__*/React__default["default"].createElement(MainNavbar, {
1313
+ className: classNames__default["default"](['sticky-top', 'px-3'])
1314
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
1315
+ className: classNames__default["default"]((_classNames = {
1316
+ 'd-flex flex-column flex-grow-1': fullscreen
1317
+ }, _defineProperty__default["default"](_classNames, "bg-".concat(background), background !== null), _defineProperty__default["default"](_classNames, "text-".concat(text), text !== null), _classNames))
1318
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
1319
+ className: classNames__default["default"]({
1320
+ 'w-100 my-auto': fullscreen
1321
+ })
1322
+ }, children)));
1323
+ };
1324
+
1325
+ GuestLayout.propTypes = propTypes$5;
1326
+ GuestLayout.defaultProps = defaultProps$5;
1308
1327
 
1309
1328
  /* eslint-disable react/jsx-props-no-spreading */
1310
1329
  var propTypes$4 = {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@panneau/app",
3
- "version": "1.0.0-alpha.256",
3
+ "version": "1.0.0-alpha.259",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -67,25 +67,25 @@
67
67
  "@panneau/core": "^1.0.0-alpha.256",
68
68
  "@panneau/data": "^1.0.0-alpha.256",
69
69
  "@panneau/displays": "^1.0.0-alpha.256",
70
- "@panneau/element-alert": "^1.0.0-alpha.256",
71
- "@panneau/element-button": "^1.0.0-alpha.256",
72
- "@panneau/element-buttons": "^1.0.0-alpha.256",
73
- "@panneau/element-dropdown": "^1.0.0-alpha.256",
74
- "@panneau/element-form": "^1.0.0-alpha.256",
75
- "@panneau/element-form-group": "^1.0.0-alpha.256",
70
+ "@panneau/element-alert": "^1.0.0-alpha.258",
71
+ "@panneau/element-button": "^1.0.0-alpha.258",
72
+ "@panneau/element-buttons": "^1.0.0-alpha.258",
73
+ "@panneau/element-dropdown": "^1.0.0-alpha.258",
74
+ "@panneau/element-form": "^1.0.0-alpha.258",
75
+ "@panneau/element-form-group": "^1.0.0-alpha.258",
76
76
  "@panneau/element-label": "^1.0.0-alpha.256",
77
77
  "@panneau/element-link": "^1.0.0-alpha.256",
78
78
  "@panneau/element-loading": "^1.0.0-alpha.256",
79
- "@panneau/element-menu": "^1.0.0-alpha.256",
80
- "@panneau/element-navbar": "^1.0.0-alpha.256",
79
+ "@panneau/element-menu": "^1.0.0-alpha.258",
80
+ "@panneau/element-navbar": "^1.0.0-alpha.258",
81
81
  "@panneau/element-pagination": "^1.0.0-alpha.256",
82
82
  "@panneau/element-radios": "^1.0.0-alpha.256",
83
- "@panneau/fields": "^1.0.0-alpha.256",
84
- "@panneau/filters": "^1.0.0-alpha.256",
85
- "@panneau/forms": "^1.0.0-alpha.256",
86
- "@panneau/intl": "^1.0.0-alpha.256",
87
- "@panneau/lists": "^1.0.0-alpha.256",
88
- "@panneau/modals": "^1.0.0-alpha.256",
83
+ "@panneau/fields": "^1.0.0-alpha.258",
84
+ "@panneau/filters": "^1.0.0-alpha.258",
85
+ "@panneau/forms": "^1.0.0-alpha.258",
86
+ "@panneau/intl": "^1.0.0-alpha.259",
87
+ "@panneau/lists": "^1.0.0-alpha.258",
88
+ "@panneau/modals": "^1.0.0-alpha.258",
89
89
  "@panneau/themes": "^1.0.0-alpha.256",
90
90
  "classnames": "^2.2.6",
91
91
  "lodash": "^4.17.21",
@@ -98,5 +98,5 @@
98
98
  "publishConfig": {
99
99
  "access": "public"
100
100
  },
101
- "gitHead": "5f541e47b10f676be34738c54ee984f99ce0dfe7"
101
+ "gitHead": "78f32a7c393511df861665e6a9a9b7195bd619e5"
102
102
  }