@panneau/app 1.0.0-alpha.255 → 1.0.0-alpha.258
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.
- package/es/index.js +74 -56
- package/lib/index.js +79 -60
- package/package.json +30 -30
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
|
23
|
-
import
|
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 >
|
861
|
+
}), withReset && hasActiveFilter && currentFilters.length > 0 ? /*#__PURE__*/React.createElement(Button, {
|
844
862
|
theme: "primary",
|
845
863
|
onClick: onFiltersReset
|
846
864
|
}, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
|
@@ -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$
|
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$
|
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$
|
1278
|
-
LoginForm.defaultProps = defaultProps$
|
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
|
27
|
-
var
|
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 >
|
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, {
|
@@ -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$
|
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$
|
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$
|
1307
|
-
LoginForm.defaultProps = defaultProps$
|
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.
|
3
|
+
"version": "1.0.0-alpha.258",
|
4
4
|
"description": "",
|
5
5
|
"keywords": [
|
6
6
|
"javascript"
|
@@ -51,42 +51,42 @@
|
|
51
51
|
"prepare": "../../scripts/prepare-package.sh --scss"
|
52
52
|
},
|
53
53
|
"devDependencies": {
|
54
|
-
"react": "^16.8.0 || ^17.0.0",
|
55
|
-
"react-dom": "^16.8.0 || ^17.0.0"
|
54
|
+
"react": "^16.8.0 || ^17.0.0 || ^18.0.0",
|
55
|
+
"react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
|
56
56
|
},
|
57
57
|
"peerDependencies": {
|
58
|
-
"react": "^16.8.0 || ^17.0.0",
|
59
|
-
"react-dom": "^16.8.0 || ^17.0.0"
|
58
|
+
"react": "^16.8.0 || ^17.0.0 || ^18.0.0",
|
59
|
+
"react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
|
60
60
|
},
|
61
61
|
"dependencies": {
|
62
62
|
"@babel/runtime": "^7.12.5",
|
63
63
|
"@fortawesome/fontawesome-svg-core": "^1.2.35",
|
64
64
|
"@fortawesome/free-solid-svg-icons": "^5.15.3",
|
65
65
|
"@fortawesome/react-fontawesome": "^0.1.14",
|
66
|
-
"@panneau/auth": "^1.0.0-alpha.
|
67
|
-
"@panneau/core": "^1.0.0-alpha.
|
68
|
-
"@panneau/data": "^1.0.0-alpha.
|
69
|
-
"@panneau/displays": "^1.0.0-alpha.
|
70
|
-
"@panneau/element-alert": "^1.0.0-alpha.
|
71
|
-
"@panneau/element-button": "^1.0.0-alpha.
|
72
|
-
"@panneau/element-buttons": "^1.0.0-alpha.
|
73
|
-
"@panneau/element-dropdown": "^1.0.0-alpha.
|
74
|
-
"@panneau/element-form": "^1.0.0-alpha.
|
75
|
-
"@panneau/element-form-group": "^1.0.0-alpha.
|
76
|
-
"@panneau/element-label": "^1.0.0-alpha.
|
77
|
-
"@panneau/element-link": "^1.0.0-alpha.
|
78
|
-
"@panneau/element-loading": "^1.0.0-alpha.
|
79
|
-
"@panneau/element-menu": "^1.0.0-alpha.
|
80
|
-
"@panneau/element-navbar": "^1.0.0-alpha.
|
81
|
-
"@panneau/element-pagination": "^1.0.0-alpha.
|
82
|
-
"@panneau/element-radios": "^1.0.0-alpha.
|
83
|
-
"@panneau/fields": "^1.0.0-alpha.
|
84
|
-
"@panneau/filters": "^1.0.0-alpha.
|
85
|
-
"@panneau/forms": "^1.0.0-alpha.
|
86
|
-
"@panneau/intl": "^1.0.0-alpha.
|
87
|
-
"@panneau/lists": "^1.0.0-alpha.
|
88
|
-
"@panneau/modals": "^1.0.0-alpha.
|
89
|
-
"@panneau/themes": "^1.0.0-alpha.
|
66
|
+
"@panneau/auth": "^1.0.0-alpha.256",
|
67
|
+
"@panneau/core": "^1.0.0-alpha.256",
|
68
|
+
"@panneau/data": "^1.0.0-alpha.256",
|
69
|
+
"@panneau/displays": "^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
|
+
"@panneau/element-label": "^1.0.0-alpha.256",
|
77
|
+
"@panneau/element-link": "^1.0.0-alpha.256",
|
78
|
+
"@panneau/element-loading": "^1.0.0-alpha.256",
|
79
|
+
"@panneau/element-menu": "^1.0.0-alpha.258",
|
80
|
+
"@panneau/element-navbar": "^1.0.0-alpha.258",
|
81
|
+
"@panneau/element-pagination": "^1.0.0-alpha.256",
|
82
|
+
"@panneau/element-radios": "^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.256",
|
87
|
+
"@panneau/lists": "^1.0.0-alpha.258",
|
88
|
+
"@panneau/modals": "^1.0.0-alpha.258",
|
89
|
+
"@panneau/themes": "^1.0.0-alpha.256",
|
90
90
|
"classnames": "^2.2.6",
|
91
91
|
"lodash": "^4.17.21",
|
92
92
|
"prop-types": "^15.7.2",
|
@@ -98,5 +98,5 @@
|
|
98
98
|
"publishConfig": {
|
99
99
|
"access": "public"
|
100
100
|
},
|
101
|
-
"gitHead": "
|
101
|
+
"gitHead": "6cca9a9bd5bf9fe3b47d779b93e4d13ce179325e"
|
102
102
|
}
|