@panneau/app 2.0.35 → 2.0.37

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 +1 -1
  2. package/es/index.js +27 -5
  3. package/lib/index.js +27 -5
  4. package/package.json +19 -19
package/es/index.js CHANGED
@@ -548,11 +548,10 @@ var PageHeader = function PageHeader(_ref) {
548
548
  children = _ref.children;
549
549
  // TODO: fix page header components
550
550
  // const { components } = usePanneau();
551
+ // console.log('page-header', components); // eslint-disable-line
551
552
  var _usePanneauColorSchem = usePanneauColorScheme(),
552
553
  text = _usePanneauColorSchem.text,
553
554
  background = _usePanneauColorSchem.background;
554
- // console.log('page-header', components); // eslint-disable-line
555
-
556
555
  var inner = /*#__PURE__*/React.createElement("div", {
557
556
  className: "d-flex align-items-center flex-wrap"
558
557
  }, title !== null ? /*#__PURE__*/React.createElement("h1", {
@@ -917,6 +916,7 @@ var propTypes$a = {
917
916
  // eslint-disable-line react/forbid-prop-types
918
917
  onQueryChange: PropTypes$1.func,
919
918
  onQueryReset: PropTypes$1.func,
919
+ onClickPage: PropTypes$1.func,
920
920
  showFilters: PropTypes$1.bool,
921
921
  listProps: PropTypes$1.shape({})
922
922
  };
@@ -928,6 +928,7 @@ var defaultProps$a = {
928
928
  componentProps: null,
929
929
  onQueryChange: null,
930
930
  onQueryReset: null,
931
+ onClickPage: null,
931
932
  showFilters: true,
932
933
  listProps: null
933
934
  };
@@ -937,6 +938,7 @@ var ResourceItemsList = function ResourceItemsList(_ref) {
937
938
  baseUrl = _ref.baseUrl,
938
939
  onQueryChange = _ref.onQueryChange,
939
940
  onQueryReset = _ref.onQueryReset,
941
+ onClickPage = _ref.onClickPage,
940
942
  paginated = _ref.paginated,
941
943
  showFilters = _ref.showFilters,
942
944
  customListProps = _ref.listProps;
@@ -987,6 +989,7 @@ var ResourceItemsList = function ResourceItemsList(_ref) {
987
989
  total: total,
988
990
  url: baseUrl,
989
991
  query: query,
992
+ onClickPage: onClickPage,
990
993
  className: "mt-1 mb-1"
991
994
  }) : null, ListComponent !== null ? /*#__PURE__*/React.createElement(ListComponent, Object.assign({}, itemsProps, listProps, {
992
995
  resource: resource,
@@ -1011,6 +1014,7 @@ var ResourceItemsList = function ResourceItemsList(_ref) {
1011
1014
  total: total,
1012
1015
  url: baseUrl,
1013
1016
  query: query,
1017
+ onClickPage: onClickPage,
1014
1018
  className: "mt-4 mb-1"
1015
1019
  }) : null);
1016
1020
  };
@@ -1158,13 +1162,31 @@ var propTypes$8 = {
1158
1162
  var defaultProps$8 = {};
1159
1163
  var ResourceShowPage = function ResourceShowPage(_ref) {
1160
1164
  var resource = _ref.resource;
1165
+ var name = resource.name;
1166
+ var _useParams = useParams(),
1167
+ itemId = _useParams.id;
1168
+ var _useResourceItem = useResourceItem(resource, itemId),
1169
+ item = _useResourceItem.item;
1170
+ var _ref2 = item || {},
1171
+ _ref2$type = _ref2.type,
1172
+ type = _ref2$type === void 0 ? null : _ref2$type;
1161
1173
  return /*#__PURE__*/React.createElement(ResourceProvider, {
1162
1174
  resource: resource
1163
1175
  }, /*#__PURE__*/React.createElement(MainLayout, null, /*#__PURE__*/React.createElement(PageHeader, {
1164
- title: resource === null || resource === void 0 ? void 0 : resource.name
1176
+ title: "".concat(name, " #").concat(itemId),
1177
+ small: true
1165
1178
  }), /*#__PURE__*/React.createElement("div", {
1166
- className: "container-sm"
1167
- }, "Show page")));
1179
+ className: "container-sm py-4"
1180
+ }, /*#__PURE__*/React.createElement("div", {
1181
+ className: "row justify-content-center"
1182
+ }, /*#__PURE__*/React.createElement("div", {
1183
+ className: "col-12 col-md-8 col-lg-7"
1184
+ }, /*#__PURE__*/React.createElement(ResourceForm, {
1185
+ resource: resource,
1186
+ item: item,
1187
+ type: type,
1188
+ disabled: true
1189
+ }))))));
1168
1190
  };
1169
1191
  ResourceShowPage.propTypes = propTypes$8;
1170
1192
  ResourceShowPage.defaultProps = defaultProps$8;
package/lib/index.js CHANGED
@@ -582,11 +582,10 @@ var PageHeader = function PageHeader(_ref) {
582
582
  children = _ref.children;
583
583
  // TODO: fix page header components
584
584
  // const { components } = usePanneau();
585
+ // console.log('page-header', components); // eslint-disable-line
585
586
  var _usePanneauColorSchem = contexts.usePanneauColorScheme(),
586
587
  text = _usePanneauColorSchem.text,
587
588
  background = _usePanneauColorSchem.background;
588
- // console.log('page-header', components); // eslint-disable-line
589
-
590
589
  var inner = /*#__PURE__*/React__default["default"].createElement("div", {
591
590
  className: "d-flex align-items-center flex-wrap"
592
591
  }, title !== null ? /*#__PURE__*/React__default["default"].createElement("h1", {
@@ -951,6 +950,7 @@ var propTypes$a = {
951
950
  // eslint-disable-line react/forbid-prop-types
952
951
  onQueryChange: PropTypes__default["default"].func,
953
952
  onQueryReset: PropTypes__default["default"].func,
953
+ onClickPage: PropTypes__default["default"].func,
954
954
  showFilters: PropTypes__default["default"].bool,
955
955
  listProps: PropTypes__default["default"].shape({})
956
956
  };
@@ -962,6 +962,7 @@ var defaultProps$a = {
962
962
  componentProps: null,
963
963
  onQueryChange: null,
964
964
  onQueryReset: null,
965
+ onClickPage: null,
965
966
  showFilters: true,
966
967
  listProps: null
967
968
  };
@@ -971,6 +972,7 @@ var ResourceItemsList = function ResourceItemsList(_ref) {
971
972
  baseUrl = _ref.baseUrl,
972
973
  onQueryChange = _ref.onQueryChange,
973
974
  onQueryReset = _ref.onQueryReset,
975
+ onClickPage = _ref.onClickPage,
974
976
  paginated = _ref.paginated,
975
977
  showFilters = _ref.showFilters,
976
978
  customListProps = _ref.listProps;
@@ -1021,6 +1023,7 @@ var ResourceItemsList = function ResourceItemsList(_ref) {
1021
1023
  total: total,
1022
1024
  url: baseUrl,
1023
1025
  query: query,
1026
+ onClickPage: onClickPage,
1024
1027
  className: "mt-1 mb-1"
1025
1028
  }) : null, ListComponent !== null ? /*#__PURE__*/React__default["default"].createElement(ListComponent, Object.assign({}, itemsProps, listProps, {
1026
1029
  resource: resource,
@@ -1045,6 +1048,7 @@ var ResourceItemsList = function ResourceItemsList(_ref) {
1045
1048
  total: total,
1046
1049
  url: baseUrl,
1047
1050
  query: query,
1051
+ onClickPage: onClickPage,
1048
1052
  className: "mt-4 mb-1"
1049
1053
  }) : null);
1050
1054
  };
@@ -1192,13 +1196,31 @@ var propTypes$8 = {
1192
1196
  var defaultProps$8 = {};
1193
1197
  var ResourceShowPage = function ResourceShowPage(_ref) {
1194
1198
  var resource = _ref.resource;
1199
+ var name = resource.name;
1200
+ var _useParams = reactRouter.useParams(),
1201
+ itemId = _useParams.id;
1202
+ var _useResourceItem = data.useResourceItem(resource, itemId),
1203
+ item = _useResourceItem.item;
1204
+ var _ref2 = item || {},
1205
+ _ref2$type = _ref2.type,
1206
+ type = _ref2$type === void 0 ? null : _ref2$type;
1195
1207
  return /*#__PURE__*/React__default["default"].createElement(contexts.ResourceProvider, {
1196
1208
  resource: resource
1197
1209
  }, /*#__PURE__*/React__default["default"].createElement(MainLayout, null, /*#__PURE__*/React__default["default"].createElement(PageHeader, {
1198
- title: resource === null || resource === void 0 ? void 0 : resource.name
1210
+ title: "".concat(name, " #").concat(itemId),
1211
+ small: true
1199
1212
  }), /*#__PURE__*/React__default["default"].createElement("div", {
1200
- className: "container-sm"
1201
- }, "Show page")));
1213
+ className: "container-sm py-4"
1214
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
1215
+ className: "row justify-content-center"
1216
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
1217
+ className: "col-12 col-md-8 col-lg-7"
1218
+ }, /*#__PURE__*/React__default["default"].createElement(ResourceForm, {
1219
+ resource: resource,
1220
+ item: item,
1221
+ type: type,
1222
+ disabled: true
1223
+ }))))));
1202
1224
  };
1203
1225
  ResourceShowPage.propTypes = propTypes$8;
1204
1226
  ResourceShowPage.defaultProps = defaultProps$8;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@panneau/app",
3
- "version": "2.0.35",
3
+ "version": "2.0.37",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -66,27 +66,27 @@
66
66
  "@panneau/auth": "^2.0.35",
67
67
  "@panneau/core": "^2.0.35",
68
68
  "@panneau/data": "^2.0.35",
69
- "@panneau/displays": "^2.0.35",
70
- "@panneau/element-alert": "^2.0.35",
71
- "@panneau/element-button": "^2.0.35",
72
- "@panneau/element-buttons": "^2.0.35",
73
- "@panneau/element-dropdown": "^2.0.35",
74
- "@panneau/element-form": "^2.0.35",
75
- "@panneau/element-form-group": "^2.0.35",
69
+ "@panneau/displays": "^2.0.36",
70
+ "@panneau/element-alert": "^2.0.36",
71
+ "@panneau/element-button": "^2.0.36",
72
+ "@panneau/element-buttons": "^2.0.36",
73
+ "@panneau/element-dropdown": "^2.0.36",
74
+ "@panneau/element-form": "^2.0.36",
75
+ "@panneau/element-form-group": "^2.0.36",
76
76
  "@panneau/element-label": "^2.0.35",
77
77
  "@panneau/element-link": "^2.0.35",
78
78
  "@panneau/element-loading": "^2.0.35",
79
- "@panneau/element-menu": "^2.0.35",
80
- "@panneau/element-navbar": "^2.0.35",
81
- "@panneau/element-pagination": "^2.0.35",
82
- "@panneau/element-radios": "^2.0.35",
83
- "@panneau/fields": "^2.0.35",
84
- "@panneau/filters": "^2.0.35",
85
- "@panneau/forms": "^2.0.35",
79
+ "@panneau/element-menu": "^2.0.36",
80
+ "@panneau/element-navbar": "^2.0.36",
81
+ "@panneau/element-pagination": "^2.0.37",
82
+ "@panneau/element-radios": "^2.0.36",
83
+ "@panneau/fields": "^2.0.36",
84
+ "@panneau/filters": "^2.0.36",
85
+ "@panneau/forms": "^2.0.36",
86
86
  "@panneau/intl": "^2.0.35",
87
- "@panneau/lists": "^2.0.35",
88
- "@panneau/modals": "^2.0.35",
89
- "@panneau/themes": "^2.0.35",
87
+ "@panneau/lists": "^2.0.37",
88
+ "@panneau/modals": "^2.0.36",
89
+ "@panneau/themes": "^2.0.36",
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": "6e5fe320b1e2d939d5cf30dd36ea3a86e903cb00"
101
+ "gitHead": "5c364b9b36e294515dee6e7345b8266305912deb"
102
102
  }