@panneau/app 2.0.9 → 2.0.11

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 (4) hide show
  1. package/assets/css/styles.css +4 -3
  2. package/es/index.js +21 -9
  3. package/lib/index.js +20 -8
  4. package/package.json +26 -26
package/es/index.js CHANGED
@@ -6,7 +6,7 @@ import { useLocation, useNavigate, useParams, Route, Routes, Navigate, MemoryRou
6
6
  import { Link, BrowserRouter } from 'react-router-dom';
7
7
  import { useUser, useLogout, useAuth, AuthProvider } from '@panneau/auth';
8
8
  import { PropTypes } from '@panneau/core';
9
- import { useLocales, useFormsComponents, FormProvider, useUrlGenerator, usePanneauResources, usePanneau, usePanneauColorScheme, ResourceProvider, useFiltersComponents, useListsComponents, useComponentsManager, useFormComponent, useRoutes, usePagesComponentsManager, PanneauProvider, UppyProvider, RoutesProvider, ComponentsProvider } from '@panneau/core/contexts';
9
+ import { usePanneauColorScheme, useLocales, useFormsComponents, FormProvider, useUrlGenerator, usePanneauResources, usePanneau, ResourceProvider, useFiltersComponents, useListsComponents, useComponentsManager, useFormComponent, useRoutes, usePagesComponentsManager, PanneauProvider, UppyProvider, RoutesProvider, ComponentsProvider } from '@panneau/core/contexts';
10
10
  import { useResourceStore, useResourceUpdate, useResourceDestroy, useResourceItem, useResourceItems, ApiProvider } from '@panneau/data';
11
11
  import DisplaysProvider from '@panneau/displays';
12
12
  import FieldsProvider from '@panneau/fields';
@@ -64,6 +64,7 @@ var defaultProps$m = {
64
64
  className: null
65
65
  };
66
66
  var DeleteForm = function DeleteForm(_ref) {
67
+ var _ref4;
67
68
  var resource = _ref.resource,
68
69
  action = _ref.action,
69
70
  previous = _ref.previous;
@@ -80,6 +81,9 @@ var DeleteForm = function DeleteForm(_ref) {
80
81
  var resourceValues = useResourceValues(resource, {
81
82
  id: id
82
83
  });
84
+ var _usePanneauColorSchem = usePanneauColorScheme(),
85
+ text = _usePanneauColorSchem.text,
86
+ background = _usePanneauColorSchem.background;
83
87
  return /*#__PURE__*/React.createElement(Form, Object.assign({
84
88
  className: classNames(['form', _defineProperty({
85
89
  'invalid-feedback': generalError !== null
@@ -89,7 +93,7 @@ var DeleteForm = function DeleteForm(_ref) {
89
93
  withoutActions: true,
90
94
  withoutErrors: true
91
95
  }, props), /*#__PURE__*/React.createElement("div", {
92
- className: "card"
96
+ className: classNames(['card', (_ref4 = {}, _defineProperty(_ref4, "bg-".concat(background), background !== null), _defineProperty(_ref4, "border-".concat(text), text !== null), _defineProperty(_ref4, className, className !== null), _ref4)])
93
97
  }, /*#__PURE__*/React.createElement("div", {
94
98
  className: "card-body"
95
99
  }, /*#__PURE__*/React.createElement(FormattedMessage, {
@@ -485,6 +489,8 @@ var MainNavbar = function MainNavbar(props) {
485
489
  MainNavbar.propTypes = propTypes$i;
486
490
  MainNavbar.defaultProps = defaultProps$i;
487
491
 
492
+ var styles$1 = {};
493
+
488
494
  var propTypes$h = {
489
495
  children: PropTypes$1.node.isRequired,
490
496
  fullscreen: PropTypes$1.bool
@@ -500,7 +506,7 @@ var MainLayout = function MainLayout(_ref) {
500
506
  background = _usePanneauColorSchem.background,
501
507
  text = _usePanneauColorSchem.text;
502
508
  return /*#__PURE__*/React.createElement("div", {
503
- className: classNames(['d-flex', 'flex-column', 'min-vh-100'])
509
+ className: classNames([styles$1.container, 'd-flex', 'flex-column', 'min-vh-100'])
504
510
  }, /*#__PURE__*/React.createElement(MainNavbar, {
505
511
  className: classNames(['border-bottom', 'sticky-top', 'px-3'])
506
512
  }), /*#__PURE__*/React.createElement("div", {
@@ -903,7 +909,8 @@ var propTypes$a = {
903
909
  componentProps: PropTypes$1.object,
904
910
  // eslint-disable-line react/forbid-prop-types
905
911
  onQueryChange: PropTypes$1.func,
906
- onQueryReset: PropTypes$1.func
912
+ onQueryReset: PropTypes$1.func,
913
+ showFilters: PropTypes$1.bool
907
914
  };
908
915
  var defaultProps$a = {
909
916
  query: null,
@@ -912,7 +919,8 @@ var defaultProps$a = {
912
919
  baseUrl: null,
913
920
  componentProps: null,
914
921
  onQueryChange: null,
915
- onQueryReset: null
922
+ onQueryReset: null,
923
+ showFilters: true
916
924
  };
917
925
  var ResourceItemsList = function ResourceItemsList(_ref) {
918
926
  var resource = _ref.resource,
@@ -920,7 +928,8 @@ var ResourceItemsList = function ResourceItemsList(_ref) {
920
928
  baseUrl = _ref.baseUrl,
921
929
  onQueryChange = _ref.onQueryChange,
922
930
  onQueryReset = _ref.onQueryReset,
923
- paginated = _ref.paginated;
931
+ paginated = _ref.paginated,
932
+ showFilters = _ref.showFilters;
924
933
  var _resource$index = resource.index,
925
934
  _resource$index2 = _resource$index === void 0 ? {} : _resource$index,
926
935
  _resource$index2$comp = _resource$index2.component,
@@ -952,7 +961,7 @@ var ResourceItemsList = function ResourceItemsList(_ref) {
952
961
  _ref3$total = _ref3.total,
953
962
  total = _ref3$total === void 0 ? 0 : _ref3$total;
954
963
  var ListComponent = getComponentFromName(listComponent || 'table', ListComponents);
955
- return /*#__PURE__*/React.createElement(React.Fragment, null, filters !== null ? /*#__PURE__*/React.createElement(ResourceFilters, {
964
+ return /*#__PURE__*/React.createElement(React.Fragment, null, showFilters && filters !== null ? /*#__PURE__*/React.createElement(ResourceFilters, {
956
965
  filters: filters,
957
966
  value: query,
958
967
  onChange: onQueryChange,
@@ -1267,6 +1276,8 @@ var LoginForm = function LoginForm(_ref) {
1267
1276
  LoginForm.propTypes = propTypes$5;
1268
1277
  LoginForm.defaultProps = defaultProps$5;
1269
1278
 
1279
+ var styles = {};
1280
+
1270
1281
  var propTypes$4 = {
1271
1282
  children: PropTypes$1.node.isRequired,
1272
1283
  fullscreen: PropTypes$1.bool
@@ -1282,9 +1293,10 @@ var GuestLayout = function GuestLayout(_ref) {
1282
1293
  background = _usePanneauColorSchem.background,
1283
1294
  text = _usePanneauColorSchem.text;
1284
1295
  return /*#__PURE__*/React.createElement("div", {
1285
- className: classNames({
1296
+ className: classNames([styles.container, {
1286
1297
  'd-flex flex-column min-vh-100': fullscreen
1287
- })
1298
+ }]),
1299
+ "data-bs-theme": "dark"
1288
1300
  }, /*#__PURE__*/React.createElement(MainNavbar, {
1289
1301
  className: classNames(['sticky-top', 'px-3'])
1290
1302
  }), /*#__PURE__*/React.createElement("div", {
package/lib/index.js CHANGED
@@ -98,6 +98,7 @@ var defaultProps$m = {
98
98
  className: null
99
99
  };
100
100
  var DeleteForm = function DeleteForm(_ref) {
101
+ var _ref4;
101
102
  var resource = _ref.resource,
102
103
  action = _ref.action,
103
104
  previous = _ref.previous;
@@ -114,6 +115,9 @@ var DeleteForm = function DeleteForm(_ref) {
114
115
  var resourceValues = intl.useResourceValues(resource, {
115
116
  id: id
116
117
  });
118
+ var _usePanneauColorSchem = contexts.usePanneauColorScheme(),
119
+ text = _usePanneauColorSchem.text,
120
+ background = _usePanneauColorSchem.background;
117
121
  return /*#__PURE__*/React__default["default"].createElement(Form__default["default"], Object.assign({
118
122
  className: classNames__default["default"](['form', _defineProperty__default["default"]({
119
123
  'invalid-feedback': generalError !== null
@@ -123,7 +127,7 @@ var DeleteForm = function DeleteForm(_ref) {
123
127
  withoutActions: true,
124
128
  withoutErrors: true
125
129
  }, props), /*#__PURE__*/React__default["default"].createElement("div", {
126
- className: "card"
130
+ 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)])
127
131
  }, /*#__PURE__*/React__default["default"].createElement("div", {
128
132
  className: "card-body"
129
133
  }, /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
@@ -519,6 +523,8 @@ var MainNavbar = function MainNavbar(props) {
519
523
  MainNavbar.propTypes = propTypes$i;
520
524
  MainNavbar.defaultProps = defaultProps$i;
521
525
 
526
+ var styles$1 = {};
527
+
522
528
  var propTypes$h = {
523
529
  children: PropTypes__default["default"].node.isRequired,
524
530
  fullscreen: PropTypes__default["default"].bool
@@ -534,7 +540,7 @@ var MainLayout = function MainLayout(_ref) {
534
540
  background = _usePanneauColorSchem.background,
535
541
  text = _usePanneauColorSchem.text;
536
542
  return /*#__PURE__*/React__default["default"].createElement("div", {
537
- className: classNames__default["default"](['d-flex', 'flex-column', 'min-vh-100'])
543
+ className: classNames__default["default"]([styles$1.container, 'd-flex', 'flex-column', 'min-vh-100'])
538
544
  }, /*#__PURE__*/React__default["default"].createElement(MainNavbar, {
539
545
  className: classNames__default["default"](['border-bottom', 'sticky-top', 'px-3'])
540
546
  }), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -937,7 +943,8 @@ var propTypes$a = {
937
943
  componentProps: PropTypes__default["default"].object,
938
944
  // eslint-disable-line react/forbid-prop-types
939
945
  onQueryChange: PropTypes__default["default"].func,
940
- onQueryReset: PropTypes__default["default"].func
946
+ onQueryReset: PropTypes__default["default"].func,
947
+ showFilters: PropTypes__default["default"].bool
941
948
  };
942
949
  var defaultProps$a = {
943
950
  query: null,
@@ -946,7 +953,8 @@ var defaultProps$a = {
946
953
  baseUrl: null,
947
954
  componentProps: null,
948
955
  onQueryChange: null,
949
- onQueryReset: null
956
+ onQueryReset: null,
957
+ showFilters: true
950
958
  };
951
959
  var ResourceItemsList = function ResourceItemsList(_ref) {
952
960
  var resource = _ref.resource,
@@ -954,7 +962,8 @@ var ResourceItemsList = function ResourceItemsList(_ref) {
954
962
  baseUrl = _ref.baseUrl,
955
963
  onQueryChange = _ref.onQueryChange,
956
964
  onQueryReset = _ref.onQueryReset,
957
- paginated = _ref.paginated;
965
+ paginated = _ref.paginated,
966
+ showFilters = _ref.showFilters;
958
967
  var _resource$index = resource.index,
959
968
  _resource$index2 = _resource$index === void 0 ? {} : _resource$index,
960
969
  _resource$index2$comp = _resource$index2.component,
@@ -986,7 +995,7 @@ var ResourceItemsList = function ResourceItemsList(_ref) {
986
995
  _ref3$total = _ref3.total,
987
996
  total = _ref3$total === void 0 ? 0 : _ref3$total;
988
997
  var ListComponent = utils.getComponentFromName(listComponent || 'table', ListComponents);
989
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, filters !== null ? /*#__PURE__*/React__default["default"].createElement(ResourceFilters, {
998
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, showFilters && filters !== null ? /*#__PURE__*/React__default["default"].createElement(ResourceFilters, {
990
999
  filters: filters,
991
1000
  value: query,
992
1001
  onChange: onQueryChange,
@@ -1301,6 +1310,8 @@ var LoginForm = function LoginForm(_ref) {
1301
1310
  LoginForm.propTypes = propTypes$5;
1302
1311
  LoginForm.defaultProps = defaultProps$5;
1303
1312
 
1313
+ var styles = {};
1314
+
1304
1315
  var propTypes$4 = {
1305
1316
  children: PropTypes__default["default"].node.isRequired,
1306
1317
  fullscreen: PropTypes__default["default"].bool
@@ -1316,9 +1327,10 @@ var GuestLayout = function GuestLayout(_ref) {
1316
1327
  background = _usePanneauColorSchem.background,
1317
1328
  text = _usePanneauColorSchem.text;
1318
1329
  return /*#__PURE__*/React__default["default"].createElement("div", {
1319
- className: classNames__default["default"]({
1330
+ className: classNames__default["default"]([styles.container, {
1320
1331
  'd-flex flex-column min-vh-100': fullscreen
1321
- })
1332
+ }]),
1333
+ "data-bs-theme": "dark"
1322
1334
  }, /*#__PURE__*/React__default["default"].createElement(MainNavbar, {
1323
1335
  className: classNames__default["default"](['sticky-top', 'px-3'])
1324
1336
  }), /*#__PURE__*/React__default["default"].createElement("div", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@panneau/app",
3
- "version": "2.0.9",
3
+ "version": "2.0.11",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -63,30 +63,30 @@
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": "^2.0.8",
67
- "@panneau/core": "^2.0.8",
68
- "@panneau/data": "^2.0.8",
69
- "@panneau/displays": "^2.0.8",
70
- "@panneau/element-alert": "^2.0.8",
71
- "@panneau/element-button": "^2.0.8",
72
- "@panneau/element-buttons": "^2.0.8",
73
- "@panneau/element-dropdown": "^2.0.8",
74
- "@panneau/element-form": "^2.0.8",
75
- "@panneau/element-form-group": "^2.0.8",
76
- "@panneau/element-label": "^2.0.8",
77
- "@panneau/element-link": "^2.0.8",
78
- "@panneau/element-loading": "^2.0.8",
79
- "@panneau/element-menu": "^2.0.8",
80
- "@panneau/element-navbar": "^2.0.8",
81
- "@panneau/element-pagination": "^2.0.8",
82
- "@panneau/element-radios": "^2.0.8",
83
- "@panneau/fields": "^2.0.8",
84
- "@panneau/filters": "^2.0.8",
85
- "@panneau/forms": "^2.0.8",
86
- "@panneau/intl": "^2.0.8",
87
- "@panneau/lists": "^2.0.9",
88
- "@panneau/modals": "^2.0.8",
89
- "@panneau/themes": "^2.0.8",
66
+ "@panneau/auth": "^2.0.11",
67
+ "@panneau/core": "^2.0.11",
68
+ "@panneau/data": "^2.0.11",
69
+ "@panneau/displays": "^2.0.11",
70
+ "@panneau/element-alert": "^2.0.11",
71
+ "@panneau/element-button": "^2.0.11",
72
+ "@panneau/element-buttons": "^2.0.11",
73
+ "@panneau/element-dropdown": "^2.0.11",
74
+ "@panneau/element-form": "^2.0.11",
75
+ "@panneau/element-form-group": "^2.0.11",
76
+ "@panneau/element-label": "^2.0.11",
77
+ "@panneau/element-link": "^2.0.11",
78
+ "@panneau/element-loading": "^2.0.11",
79
+ "@panneau/element-menu": "^2.0.11",
80
+ "@panneau/element-navbar": "^2.0.11",
81
+ "@panneau/element-pagination": "^2.0.11",
82
+ "@panneau/element-radios": "^2.0.11",
83
+ "@panneau/fields": "^2.0.11",
84
+ "@panneau/filters": "^2.0.11",
85
+ "@panneau/forms": "^2.0.11",
86
+ "@panneau/intl": "^2.0.11",
87
+ "@panneau/lists": "^2.0.11",
88
+ "@panneau/modals": "^2.0.11",
89
+ "@panneau/themes": "^2.0.11",
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": "4fd02f715f3c1e9a8425346e87785e1425b7de9f"
101
+ "gitHead": "4cf1e2fb030a9656201f80bf34c61c1b48847148"
102
102
  }