@panneau/app 2.0.90 → 2.0.92

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 +22 -8
  2. package/lib/index.js +21 -7
  3. package/package.json +30 -30
package/es/index.js CHANGED
@@ -21,7 +21,7 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
21
21
  import isObject from 'lodash/isObject';
22
22
  import queryString from 'query-string';
23
23
  import { FormattedMessage, defineMessages } from 'react-intl';
24
- import { useResourceUrlGenerator } from '@panneau/core/hooks';
24
+ import { useResourceUrlGenerator, useResourceTypeName } from '@panneau/core/hooks';
25
25
  import ResourceForm from '@panneau/form-resource';
26
26
  import classNames from 'classnames';
27
27
  import { Modals } from '@panneau/element-modal';
@@ -297,7 +297,9 @@ var PageHeader = function PageHeader(_ref) {
297
297
  var inner = /*#__PURE__*/React.createElement("div", {
298
298
  className: "d-flex align-items-center flex-wrap"
299
299
  }, title !== null ? /*#__PURE__*/React.createElement("h1", {
300
- className: "mb-0"
300
+ className: classNames(['mb-0', {
301
+ h2: small
302
+ }])
301
303
  }, /*#__PURE__*/React.createElement(Label, null, title)) : null, actions !== null ? /*#__PURE__*/React.createElement("div", {
302
304
  className: "ms-auto"
303
305
  }, actions) : null);
@@ -330,13 +332,14 @@ var ResourceCreatePage = function ResourceCreatePage(_ref) {
330
332
  _useMemo$type = _useMemo.type,
331
333
  type = _useMemo$type === void 0 ? null : _useMemo$type;
332
334
  var resourceValues = useResourceValues(resource);
335
+ var typeName = useResourceTypeName(resource, type);
333
336
  var onSuccess = useCallback(function () {
334
337
  navigate("".concat(resourceRoute('index'), "?created=true"));
335
338
  }, [navigate, resourceRoute]);
336
339
  return /*#__PURE__*/React.createElement(ResourceProvider, {
337
340
  resource: resource
338
341
  }, /*#__PURE__*/React.createElement(MainLayout, null, /*#__PURE__*/React.createElement(PageHeader, {
339
- title: /*#__PURE__*/React.createElement(FormattedMessage, {
342
+ title: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormattedMessage, {
340
343
  values: resourceValues,
341
344
  id: "6viUpq",
342
345
  defaultMessage: [{
@@ -346,7 +349,9 @@ var ResourceCreatePage = function ResourceCreatePage(_ref) {
346
349
  "type": 1,
347
350
  "value": "a_singular"
348
351
  }]
349
- }),
352
+ }), typeName !== null ? /*#__PURE__*/React.createElement("span", {
353
+ className: "text-body-secondary"
354
+ }, " (", typeName, ")") : null),
350
355
  small: true
351
356
  }), /*#__PURE__*/React.createElement("div", {
352
357
  className: "container-sm py-4"
@@ -376,14 +381,18 @@ var ResourceDeletePage = function ResourceDeletePage(_ref) {
376
381
  var resourceRoute = useResourceUrlGenerator(resource);
377
382
  var _useResourceItem = useResourceItem(resource, itemId),
378
383
  item = _useResourceItem.item;
384
+ var _ref2 = item || {},
385
+ _ref2$type = _ref2.type,
386
+ type = _ref2$type === void 0 ? null : _ref2$type;
379
387
  var resourceValues = useResourceValues(resource);
388
+ var typeName = useResourceTypeName(resource, type);
380
389
  var onSuccess = useCallback(function () {
381
390
  return navigate("".concat(resourceRoute('index'), "?deleted=true"));
382
391
  }, [navigate, resourceRoute]);
383
392
  return /*#__PURE__*/React.createElement(ResourceProvider, {
384
393
  resource: resource
385
394
  }, /*#__PURE__*/React.createElement(MainLayout, null, /*#__PURE__*/React.createElement(PageHeader, {
386
- title: /*#__PURE__*/React.createElement(FormattedMessage, {
395
+ title: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormattedMessage, {
387
396
  values: resourceValues,
388
397
  id: "zN5N/Q",
389
398
  defaultMessage: [{
@@ -393,7 +402,9 @@ var ResourceDeletePage = function ResourceDeletePage(_ref) {
393
402
  "type": 1,
394
403
  "value": "a_singular"
395
404
  }]
396
- }),
405
+ }), typeName !== null ? /*#__PURE__*/React.createElement("span", {
406
+ className: "text-body-secondary"
407
+ }, " (", typeName, ")") : null),
397
408
  small: true
398
409
  }), /*#__PURE__*/React.createElement("div", {
399
410
  className: "container-sm py-4"
@@ -428,6 +439,7 @@ var ResourceEditPage = function ResourceEditPage(_ref) {
428
439
  _useState2 = _slicedToArray(_useState, 2),
429
440
  editItem = _useState2[0],
430
441
  setEditItem = _useState2[1];
442
+ var typeName = useResourceTypeName(resource, type);
431
443
  var onSuccess = useCallback(function (newItem) {
432
444
  return setEditItem(newItem);
433
445
  }, []);
@@ -438,7 +450,7 @@ var ResourceEditPage = function ResourceEditPage(_ref) {
438
450
  return /*#__PURE__*/React.createElement(ResourceProvider, {
439
451
  resource: resource
440
452
  }, /*#__PURE__*/React.createElement(MainLayout, null, /*#__PURE__*/React.createElement(PageHeader, {
441
- title: /*#__PURE__*/React.createElement(FormattedMessage, {
453
+ title: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormattedMessage, {
442
454
  values: resourceValues,
443
455
  id: "mCfzkJ",
444
456
  defaultMessage: [{
@@ -448,7 +460,9 @@ var ResourceEditPage = function ResourceEditPage(_ref) {
448
460
  "type": 1,
449
461
  "value": "a_singular"
450
462
  }]
451
- }),
463
+ }), typeName !== null ? /*#__PURE__*/React.createElement("span", {
464
+ className: "text-body-secondary"
465
+ }, " (", typeName, ")") : null),
452
466
  small: true
453
467
  }), /*#__PURE__*/React.createElement("div", {
454
468
  className: "container-sm py-4"
package/lib/index.js CHANGED
@@ -331,7 +331,9 @@ var PageHeader = function PageHeader(_ref) {
331
331
  var inner = /*#__PURE__*/React__default["default"].createElement("div", {
332
332
  className: "d-flex align-items-center flex-wrap"
333
333
  }, title !== null ? /*#__PURE__*/React__default["default"].createElement("h1", {
334
- className: "mb-0"
334
+ className: classNames__default["default"](['mb-0', {
335
+ h2: small
336
+ }])
335
337
  }, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], null, title)) : null, actions !== null ? /*#__PURE__*/React__default["default"].createElement("div", {
336
338
  className: "ms-auto"
337
339
  }, actions) : null);
@@ -364,13 +366,14 @@ var ResourceCreatePage = function ResourceCreatePage(_ref) {
364
366
  _useMemo$type = _useMemo.type,
365
367
  type = _useMemo$type === void 0 ? null : _useMemo$type;
366
368
  var resourceValues = intl.useResourceValues(resource);
369
+ var typeName = hooks.useResourceTypeName(resource, type);
367
370
  var onSuccess = React.useCallback(function () {
368
371
  navigate("".concat(resourceRoute('index'), "?created=true"));
369
372
  }, [navigate, resourceRoute]);
370
373
  return /*#__PURE__*/React__default["default"].createElement(contexts.ResourceProvider, {
371
374
  resource: resource
372
375
  }, /*#__PURE__*/React__default["default"].createElement(MainLayout, null, /*#__PURE__*/React__default["default"].createElement(PageHeader, {
373
- title: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
376
+ title: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
374
377
  values: resourceValues,
375
378
  id: "6viUpq",
376
379
  defaultMessage: [{
@@ -380,7 +383,9 @@ var ResourceCreatePage = function ResourceCreatePage(_ref) {
380
383
  "type": 1,
381
384
  "value": "a_singular"
382
385
  }]
383
- }),
386
+ }), typeName !== null ? /*#__PURE__*/React__default["default"].createElement("span", {
387
+ className: "text-body-secondary"
388
+ }, " (", typeName, ")") : null),
384
389
  small: true
385
390
  }), /*#__PURE__*/React__default["default"].createElement("div", {
386
391
  className: "container-sm py-4"
@@ -410,14 +415,18 @@ var ResourceDeletePage = function ResourceDeletePage(_ref) {
410
415
  var resourceRoute = hooks.useResourceUrlGenerator(resource);
411
416
  var _useResourceItem = data.useResourceItem(resource, itemId),
412
417
  item = _useResourceItem.item;
418
+ var _ref2 = item || {},
419
+ _ref2$type = _ref2.type,
420
+ type = _ref2$type === void 0 ? null : _ref2$type;
413
421
  var resourceValues = intl.useResourceValues(resource);
422
+ var typeName = hooks.useResourceTypeName(resource, type);
414
423
  var onSuccess = React.useCallback(function () {
415
424
  return navigate("".concat(resourceRoute('index'), "?deleted=true"));
416
425
  }, [navigate, resourceRoute]);
417
426
  return /*#__PURE__*/React__default["default"].createElement(contexts.ResourceProvider, {
418
427
  resource: resource
419
428
  }, /*#__PURE__*/React__default["default"].createElement(MainLayout, null, /*#__PURE__*/React__default["default"].createElement(PageHeader, {
420
- title: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
429
+ title: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
421
430
  values: resourceValues,
422
431
  id: "zN5N/Q",
423
432
  defaultMessage: [{
@@ -427,7 +436,9 @@ var ResourceDeletePage = function ResourceDeletePage(_ref) {
427
436
  "type": 1,
428
437
  "value": "a_singular"
429
438
  }]
430
- }),
439
+ }), typeName !== null ? /*#__PURE__*/React__default["default"].createElement("span", {
440
+ className: "text-body-secondary"
441
+ }, " (", typeName, ")") : null),
431
442
  small: true
432
443
  }), /*#__PURE__*/React__default["default"].createElement("div", {
433
444
  className: "container-sm py-4"
@@ -462,6 +473,7 @@ var ResourceEditPage = function ResourceEditPage(_ref) {
462
473
  _useState2 = _slicedToArray__default["default"](_useState, 2),
463
474
  editItem = _useState2[0],
464
475
  setEditItem = _useState2[1];
476
+ var typeName = hooks.useResourceTypeName(resource, type);
465
477
  var onSuccess = React.useCallback(function (newItem) {
466
478
  return setEditItem(newItem);
467
479
  }, []);
@@ -472,7 +484,7 @@ var ResourceEditPage = function ResourceEditPage(_ref) {
472
484
  return /*#__PURE__*/React__default["default"].createElement(contexts.ResourceProvider, {
473
485
  resource: resource
474
486
  }, /*#__PURE__*/React__default["default"].createElement(MainLayout, null, /*#__PURE__*/React__default["default"].createElement(PageHeader, {
475
- title: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
487
+ title: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
476
488
  values: resourceValues,
477
489
  id: "mCfzkJ",
478
490
  defaultMessage: [{
@@ -482,7 +494,9 @@ var ResourceEditPage = function ResourceEditPage(_ref) {
482
494
  "type": 1,
483
495
  "value": "a_singular"
484
496
  }]
485
- }),
497
+ }), typeName !== null ? /*#__PURE__*/React__default["default"].createElement("span", {
498
+ className: "text-body-secondary"
499
+ }, " (", typeName, ")") : null),
486
500
  small: true
487
501
  }), /*#__PURE__*/React__default["default"].createElement("div", {
488
502
  className: "container-sm py-4"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@panneau/app",
3
- "version": "2.0.90",
3
+ "version": "2.0.92",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -63,34 +63,34 @@
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.86",
67
- "@panneau/core": "^2.0.86",
68
- "@panneau/data": "^2.0.86",
69
- "@panneau/displays": "^2.0.86",
70
- "@panneau/element-alert": "^2.0.86",
71
- "@panneau/element-button": "^2.0.86",
72
- "@panneau/element-buttons": "^2.0.86",
73
- "@panneau/element-dropdown": "^2.0.86",
74
- "@panneau/element-form": "^2.0.86",
75
- "@panneau/element-form-group": "^2.0.86",
76
- "@panneau/element-label": "^2.0.86",
77
- "@panneau/element-link": "^2.0.86",
78
- "@panneau/element-loading": "^2.0.86",
79
- "@panneau/element-menu": "^2.0.86",
80
- "@panneau/element-modal": "^2.0.86",
81
- "@panneau/element-navbar": "^2.0.86",
82
- "@panneau/element-pagination": "^2.0.86",
83
- "@panneau/element-radios": "^2.0.86",
84
- "@panneau/fields": "^2.0.90",
85
- "@panneau/filter-filters": "^2.0.86",
86
- "@panneau/filters": "^2.0.87",
87
- "@panneau/form-resource": "^2.0.86",
88
- "@panneau/forms": "^2.0.86",
89
- "@panneau/intl": "^2.0.86",
90
- "@panneau/list-resource-items": "^2.0.90",
91
- "@panneau/lists": "^2.0.90",
92
- "@panneau/modals": "^2.0.86",
93
- "@panneau/themes": "^2.0.86",
66
+ "@panneau/auth": "^2.0.92",
67
+ "@panneau/core": "^2.0.92",
68
+ "@panneau/data": "^2.0.92",
69
+ "@panneau/displays": "^2.0.92",
70
+ "@panneau/element-alert": "^2.0.92",
71
+ "@panneau/element-button": "^2.0.92",
72
+ "@panneau/element-buttons": "^2.0.92",
73
+ "@panneau/element-dropdown": "^2.0.92",
74
+ "@panneau/element-form": "^2.0.92",
75
+ "@panneau/element-form-group": "^2.0.92",
76
+ "@panneau/element-label": "^2.0.92",
77
+ "@panneau/element-link": "^2.0.92",
78
+ "@panneau/element-loading": "^2.0.92",
79
+ "@panneau/element-menu": "^2.0.92",
80
+ "@panneau/element-modal": "^2.0.92",
81
+ "@panneau/element-navbar": "^2.0.92",
82
+ "@panneau/element-pagination": "^2.0.92",
83
+ "@panneau/element-radios": "^2.0.92",
84
+ "@panneau/fields": "^2.0.92",
85
+ "@panneau/filter-filters": "^2.0.92",
86
+ "@panneau/filters": "^2.0.92",
87
+ "@panneau/form-resource": "^2.0.92",
88
+ "@panneau/forms": "^2.0.92",
89
+ "@panneau/intl": "^2.0.92",
90
+ "@panneau/list-resource-items": "^2.0.92",
91
+ "@panneau/lists": "^2.0.92",
92
+ "@panneau/modals": "^2.0.92",
93
+ "@panneau/themes": "^2.0.92",
94
94
  "classnames": "^2.2.6",
95
95
  "lodash": "^4.17.21",
96
96
  "prop-types": "^15.7.2",
@@ -102,5 +102,5 @@
102
102
  "publishConfig": {
103
103
  "access": "public"
104
104
  },
105
- "gitHead": "8b82f68446df2208fb29729f518da31891c40be9"
105
+ "gitHead": "d0ff80c8a3a73f8ca115de91d4eaec8c3ea0b348"
106
106
  }