@panneau/app 2.0.35 → 2.0.36

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 +22 -5
  3. package/lib/index.js +22 -5
  4. package/package.json +18 -18
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", {
@@ -1158,13 +1157,31 @@ var propTypes$8 = {
1158
1157
  var defaultProps$8 = {};
1159
1158
  var ResourceShowPage = function ResourceShowPage(_ref) {
1160
1159
  var resource = _ref.resource;
1160
+ var name = resource.name;
1161
+ var _useParams = useParams(),
1162
+ itemId = _useParams.id;
1163
+ var _useResourceItem = useResourceItem(resource, itemId),
1164
+ item = _useResourceItem.item;
1165
+ var _ref2 = item || {},
1166
+ _ref2$type = _ref2.type,
1167
+ type = _ref2$type === void 0 ? null : _ref2$type;
1161
1168
  return /*#__PURE__*/React.createElement(ResourceProvider, {
1162
1169
  resource: resource
1163
1170
  }, /*#__PURE__*/React.createElement(MainLayout, null, /*#__PURE__*/React.createElement(PageHeader, {
1164
- title: resource === null || resource === void 0 ? void 0 : resource.name
1171
+ title: "".concat(name, " #").concat(itemId),
1172
+ small: true
1165
1173
  }), /*#__PURE__*/React.createElement("div", {
1166
- className: "container-sm"
1167
- }, "Show page")));
1174
+ className: "container-sm py-4"
1175
+ }, /*#__PURE__*/React.createElement("div", {
1176
+ className: "row justify-content-center"
1177
+ }, /*#__PURE__*/React.createElement("div", {
1178
+ className: "col-12 col-md-8 col-lg-7"
1179
+ }, /*#__PURE__*/React.createElement(ResourceForm, {
1180
+ resource: resource,
1181
+ item: item,
1182
+ type: type,
1183
+ disabled: true
1184
+ }))))));
1168
1185
  };
1169
1186
  ResourceShowPage.propTypes = propTypes$8;
1170
1187
  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", {
@@ -1192,13 +1191,31 @@ var propTypes$8 = {
1192
1191
  var defaultProps$8 = {};
1193
1192
  var ResourceShowPage = function ResourceShowPage(_ref) {
1194
1193
  var resource = _ref.resource;
1194
+ var name = resource.name;
1195
+ var _useParams = reactRouter.useParams(),
1196
+ itemId = _useParams.id;
1197
+ var _useResourceItem = data.useResourceItem(resource, itemId),
1198
+ item = _useResourceItem.item;
1199
+ var _ref2 = item || {},
1200
+ _ref2$type = _ref2.type,
1201
+ type = _ref2$type === void 0 ? null : _ref2$type;
1195
1202
  return /*#__PURE__*/React__default["default"].createElement(contexts.ResourceProvider, {
1196
1203
  resource: resource
1197
1204
  }, /*#__PURE__*/React__default["default"].createElement(MainLayout, null, /*#__PURE__*/React__default["default"].createElement(PageHeader, {
1198
- title: resource === null || resource === void 0 ? void 0 : resource.name
1205
+ title: "".concat(name, " #").concat(itemId),
1206
+ small: true
1199
1207
  }), /*#__PURE__*/React__default["default"].createElement("div", {
1200
- className: "container-sm"
1201
- }, "Show page")));
1208
+ className: "container-sm py-4"
1209
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
1210
+ className: "row justify-content-center"
1211
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
1212
+ className: "col-12 col-md-8 col-lg-7"
1213
+ }, /*#__PURE__*/React__default["default"].createElement(ResourceForm, {
1214
+ resource: resource,
1215
+ item: item,
1216
+ type: type,
1217
+ disabled: true
1218
+ }))))));
1202
1219
  };
1203
1220
  ResourceShowPage.propTypes = propTypes$8;
1204
1221
  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.36",
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",
79
+ "@panneau/element-menu": "^2.0.36",
80
+ "@panneau/element-navbar": "^2.0.36",
81
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",
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.36",
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": "5a91ec1d51fa78cf4135b08d6e2101dd0afdcedc"
102
102
  }