@panneau/app 3.0.313 → 4.0.0
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/assets/css/packages.css +1 -1
- package/assets/css/styles.css +3 -2
- package/es/index.js +166 -322
- package/package.json +43 -43
package/es/index.js
CHANGED
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
2
|
import _objectSpread from '@babel/runtime/helpers/objectSpread2';
|
|
3
3
|
import { useMemoryRouter, createPathToRegexpParser } from '@folklore/routes';
|
|
4
|
-
import PropTypes from 'prop-types';
|
|
5
4
|
import React, { useCallback, useMemo, useState, useEffect, Fragment } from 'react';
|
|
6
5
|
import { useLocation, useSearch, Route, Switch, Redirect, Router } from 'wouter';
|
|
7
6
|
import ActionsProvider from '@panneau/actions';
|
|
8
7
|
import { useUser, useLogout, useAuth, AuthProvider } from '@panneau/auth';
|
|
9
|
-
import { PropTypes as PropTypes$1 } from '@panneau/core';
|
|
10
8
|
import { useUrlGenerator, usePanneauResources, usePanneau, usePanneauColorScheme, ResourceProvider, useComponentsManager, useFormsComponents, useRoutes, usePagesComponentsManager, PanneauProvider, RoutesProvider, ModalProvider, ComponentsProvider } from '@panneau/core/contexts';
|
|
11
9
|
import { useResourceItem, ApiProvider, QueryProvider } from '@panneau/data';
|
|
12
10
|
import DisplaysProvider from '@panneau/displays';
|
|
@@ -42,37 +40,28 @@ import { getComponentFromName } from '@panneau/core/utils';
|
|
|
42
40
|
import Filters from '@panneau/filter-filters';
|
|
43
41
|
|
|
44
42
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
45
|
-
// import PropTypes from 'prop-types';
|
|
46
43
|
|
|
47
44
|
// Kept for backward compatibility with exports
|
|
48
|
-
|
|
45
|
+
function ResourceFormWrapper(props) {
|
|
49
46
|
return /*#__PURE__*/React.createElement(ResourceForm, props);
|
|
50
|
-
}
|
|
47
|
+
}
|
|
51
48
|
|
|
52
|
-
|
|
53
|
-
withAccountForm
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
itemClassName: null,
|
|
62
|
-
linkClassName: null
|
|
63
|
-
};
|
|
64
|
-
var AccountMenu = function AccountMenu(_ref) {
|
|
65
|
-
var withAccountForm = _ref.withAccountForm,
|
|
66
|
-
className = _ref.className,
|
|
67
|
-
itemClassName = _ref.itemClassName,
|
|
68
|
-
linkClassName = _ref.linkClassName;
|
|
49
|
+
function AccountMenu(_ref) {
|
|
50
|
+
var _ref$withAccountForm = _ref.withAccountForm,
|
|
51
|
+
withAccountForm = _ref$withAccountForm === void 0 ? false : _ref$withAccountForm,
|
|
52
|
+
_ref$className = _ref.className,
|
|
53
|
+
className = _ref$className === void 0 ? null : _ref$className,
|
|
54
|
+
_ref$itemClassName = _ref.itemClassName,
|
|
55
|
+
itemClassName = _ref$itemClassName === void 0 ? null : _ref$itemClassName,
|
|
56
|
+
_ref$linkClassName = _ref.linkClassName,
|
|
57
|
+
linkClassName = _ref$linkClassName === void 0 ? null : _ref$linkClassName;
|
|
69
58
|
var route = useUrlGenerator();
|
|
70
59
|
var user = useUser();
|
|
71
60
|
var logout = useLogout();
|
|
72
61
|
var onClickLogout = useCallback(function (e) {
|
|
73
62
|
e.preventDefault();
|
|
74
63
|
logout();
|
|
75
|
-
}, [logout
|
|
64
|
+
}, [logout]);
|
|
76
65
|
var items = useMemo(function () {
|
|
77
66
|
return user !== null ? [{
|
|
78
67
|
id: 'account',
|
|
@@ -122,24 +111,15 @@ var AccountMenu = function AccountMenu(_ref) {
|
|
|
122
111
|
items: items,
|
|
123
112
|
dropdownAlign: "end"
|
|
124
113
|
}) : null;
|
|
125
|
-
}
|
|
126
|
-
AccountMenu.propTypes = propTypes$k;
|
|
127
|
-
AccountMenu.defaultProps = defaultProps$j;
|
|
114
|
+
}
|
|
128
115
|
|
|
129
|
-
|
|
130
|
-
className
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
itemClassName: null,
|
|
137
|
-
linkClassName: null
|
|
138
|
-
};
|
|
139
|
-
var ResourcesMenu = function ResourcesMenu(_ref) {
|
|
140
|
-
var className = _ref.className,
|
|
141
|
-
itemClassName = _ref.itemClassName,
|
|
142
|
-
linkClassName = _ref.linkClassName;
|
|
116
|
+
function ResourcesMenu(_ref) {
|
|
117
|
+
var _ref$className = _ref.className,
|
|
118
|
+
className = _ref$className === void 0 ? null : _ref$className,
|
|
119
|
+
_ref$itemClassName = _ref.itemClassName,
|
|
120
|
+
itemClassName = _ref$itemClassName === void 0 ? null : _ref$itemClassName,
|
|
121
|
+
_ref$linkClassName = _ref.linkClassName,
|
|
122
|
+
linkClassName = _ref$linkClassName === void 0 ? null : _ref$linkClassName;
|
|
143
123
|
var _useLocation = useLocation(),
|
|
144
124
|
_useLocation2 = _slicedToArray(_useLocation, 1),
|
|
145
125
|
pathname = _useLocation2[0];
|
|
@@ -168,29 +148,18 @@ var ResourcesMenu = function ResourcesMenu(_ref) {
|
|
|
168
148
|
itemClassName: itemClassName,
|
|
169
149
|
linkClassName: linkClassName
|
|
170
150
|
});
|
|
171
|
-
}
|
|
172
|
-
ResourcesMenu.propTypes = propTypes$j;
|
|
173
|
-
ResourcesMenu.defaultProps = defaultProps$i;
|
|
151
|
+
}
|
|
174
152
|
|
|
175
|
-
var _excluded$4 = ["loading", "theme", "vertical", "position"];
|
|
176
|
-
|
|
177
|
-
loading
|
|
178
|
-
|
|
179
|
-
vertical: PropTypes.bool,
|
|
180
|
-
position: PropTypes.string
|
|
181
|
-
};
|
|
182
|
-
var defaultProps$h = {
|
|
183
|
-
loading: false,
|
|
184
|
-
theme: 'light',
|
|
185
|
-
vertical: false,
|
|
186
|
-
position: 'top'
|
|
187
|
-
};
|
|
188
|
-
var MainNavbar = function MainNavbar(_ref) {
|
|
189
|
-
var loading = _ref.loading;
|
|
153
|
+
var _excluded$4 = ["loading", "theme", "vertical", "position", "className"];
|
|
154
|
+
function MainNavbar(_ref) {
|
|
155
|
+
var _ref$loading = _ref.loading,
|
|
156
|
+
loading = _ref$loading === void 0 ? false : _ref$loading;
|
|
190
157
|
_ref.theme;
|
|
191
|
-
var vertical = _ref.vertical
|
|
158
|
+
var _ref$vertical = _ref.vertical,
|
|
159
|
+
vertical = _ref$vertical === void 0 ? false : _ref$vertical;
|
|
192
160
|
_ref.position;
|
|
193
|
-
var
|
|
161
|
+
var className = _ref.className,
|
|
162
|
+
props = _objectWithoutProperties(_ref, _excluded$4);
|
|
194
163
|
var _usePanneau = usePanneau(),
|
|
195
164
|
name = _usePanneau.name,
|
|
196
165
|
_usePanneau$menus = _usePanneau.menus,
|
|
@@ -245,11 +214,12 @@ var MainNavbar = function MainNavbar(_ref) {
|
|
|
245
214
|
linkClassName: "nav-link"
|
|
246
215
|
}) : it;
|
|
247
216
|
});
|
|
248
|
-
}, [main, navClassNames]);
|
|
217
|
+
}, [main, guest, user, navClassNames]);
|
|
249
218
|
return /*#__PURE__*/React.createElement(Navbar, Object.assign({
|
|
250
219
|
theme: background,
|
|
251
220
|
loading: loading,
|
|
252
|
-
vertical: vertical
|
|
221
|
+
vertical: vertical,
|
|
222
|
+
className: className
|
|
253
223
|
}, props), name !== null ? /*#__PURE__*/React.createElement(Link, {
|
|
254
224
|
href: route('home'),
|
|
255
225
|
className: "navbar-brand"
|
|
@@ -259,24 +229,15 @@ var MainNavbar = function MainNavbar(_ref) {
|
|
|
259
229
|
'ms-2': vertical
|
|
260
230
|
}])
|
|
261
231
|
}, name)) : null, items);
|
|
262
|
-
}
|
|
263
|
-
MainNavbar.propTypes = propTypes$i;
|
|
264
|
-
MainNavbar.defaultProps = defaultProps$h;
|
|
232
|
+
}
|
|
265
233
|
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
loading: false,
|
|
274
|
-
children: null
|
|
275
|
-
};
|
|
276
|
-
var MainLayout = function MainLayout(_ref) {
|
|
277
|
-
var fullscreen = _ref.fullscreen,
|
|
278
|
-
loading = _ref.loading,
|
|
279
|
-
children = _ref.children;
|
|
234
|
+
function MainLayout(_ref) {
|
|
235
|
+
var _ref$fullscreen = _ref.fullscreen,
|
|
236
|
+
fullscreen = _ref$fullscreen === void 0 ? false : _ref$fullscreen,
|
|
237
|
+
_ref$loading = _ref.loading,
|
|
238
|
+
loading = _ref$loading === void 0 ? false : _ref$loading,
|
|
239
|
+
_ref$children = _ref.children,
|
|
240
|
+
children = _ref$children === void 0 ? null : _ref$children;
|
|
280
241
|
var _usePanneauColorSchem = usePanneauColorScheme(),
|
|
281
242
|
_usePanneauColorSchem2 = _usePanneauColorSchem.theme,
|
|
282
243
|
theme = _usePanneauColorSchem2 === void 0 ? null : _usePanneauColorSchem2,
|
|
@@ -291,7 +252,7 @@ var MainLayout = function MainLayout(_ref) {
|
|
|
291
252
|
className: classNames(['d-flex', 'min-vh-100', {
|
|
292
253
|
'flex-column': !vertical
|
|
293
254
|
}]),
|
|
294
|
-
"data-bs-theme": theme !== null ? theme :
|
|
255
|
+
"data-bs-theme": theme !== null ? theme : undefined
|
|
295
256
|
}, /*#__PURE__*/React.createElement(MainNavbar, {
|
|
296
257
|
className: classNames([{
|
|
297
258
|
'shadow-sm': !vertical,
|
|
@@ -316,33 +277,21 @@ var MainLayout = function MainLayout(_ref) {
|
|
|
316
277
|
}, children), /*#__PURE__*/React.createElement(Modals, {
|
|
317
278
|
theme: theme
|
|
318
279
|
}));
|
|
319
|
-
}
|
|
320
|
-
MainLayout.propTypes = propTypes$h;
|
|
321
|
-
MainLayout.defaultProps = defaultProps$g;
|
|
280
|
+
}
|
|
322
281
|
|
|
323
|
-
|
|
324
|
-
title
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
className: null,
|
|
335
|
-
children: null
|
|
336
|
-
};
|
|
337
|
-
var PageHeader = function PageHeader(_ref) {
|
|
338
|
-
var title = _ref.title,
|
|
339
|
-
actions = _ref.actions,
|
|
340
|
-
small = _ref.small,
|
|
341
|
-
className = _ref.className,
|
|
342
|
-
children = _ref.children;
|
|
282
|
+
function PageHeader(_ref) {
|
|
283
|
+
var _ref$title = _ref.title,
|
|
284
|
+
title = _ref$title === void 0 ? null : _ref$title,
|
|
285
|
+
_ref$actions = _ref.actions,
|
|
286
|
+
actions = _ref$actions === void 0 ? null : _ref$actions,
|
|
287
|
+
_ref$small = _ref.small,
|
|
288
|
+
small = _ref$small === void 0 ? false : _ref$small,
|
|
289
|
+
_ref$className = _ref.className,
|
|
290
|
+
className = _ref$className === void 0 ? null : _ref$className,
|
|
291
|
+
_ref$children = _ref.children,
|
|
292
|
+
children = _ref$children === void 0 ? null : _ref$children;
|
|
343
293
|
// TODO: fix page header components
|
|
344
294
|
// const { components } = usePanneau();
|
|
345
|
-
// console.log('page-header', components); // eslint-disable-line
|
|
346
295
|
var _usePanneauColorSchem = usePanneauColorScheme(),
|
|
347
296
|
text = _usePanneauColorSchem.text,
|
|
348
297
|
background = _usePanneauColorSchem.background;
|
|
@@ -362,15 +311,9 @@ var PageHeader = function PageHeader(_ref) {
|
|
|
362
311
|
}, /*#__PURE__*/React.createElement("div", {
|
|
363
312
|
className: "col-12 col-md-8 col-lg-7"
|
|
364
313
|
}, inner)) : inner), children);
|
|
365
|
-
}
|
|
366
|
-
PageHeader.propTypes = propTypes$g;
|
|
367
|
-
PageHeader.defaultProps = defaultProps$f;
|
|
314
|
+
}
|
|
368
315
|
|
|
369
|
-
|
|
370
|
-
resource: PropTypes$1.resource.isRequired
|
|
371
|
-
};
|
|
372
|
-
var defaultProps$e = {};
|
|
373
|
-
var ResourceCreatePage = function ResourceCreatePage(_ref) {
|
|
316
|
+
function ResourceCreatePage(_ref) {
|
|
374
317
|
var resource = _ref.resource;
|
|
375
318
|
var _useLocation = useLocation(),
|
|
376
319
|
_useLocation2 = _slicedToArray(_useLocation, 2),
|
|
@@ -413,16 +356,9 @@ var ResourceCreatePage = function ResourceCreatePage(_ref) {
|
|
|
413
356
|
small: true
|
|
414
357
|
})
|
|
415
358
|
})));
|
|
416
|
-
}
|
|
417
|
-
ResourceCreatePage.propTypes = propTypes$f;
|
|
418
|
-
ResourceCreatePage.defaultProps = defaultProps$e;
|
|
359
|
+
}
|
|
419
360
|
|
|
420
|
-
|
|
421
|
-
itemId: PropTypes.string.isRequired,
|
|
422
|
-
resource: PropTypes$1.resource.isRequired
|
|
423
|
-
};
|
|
424
|
-
var defaultProps$d = {};
|
|
425
|
-
var ResourceDeletePage = function ResourceDeletePage(_ref) {
|
|
361
|
+
function ResourceDeletePage(_ref) {
|
|
426
362
|
var itemId = _ref.itemId,
|
|
427
363
|
resource = _ref.resource;
|
|
428
364
|
var _useLocation = useLocation(),
|
|
@@ -476,16 +412,9 @@ var ResourceDeletePage = function ResourceDeletePage(_ref) {
|
|
|
476
412
|
"value": "Loading"
|
|
477
413
|
}]
|
|
478
414
|
})) : null));
|
|
479
|
-
}
|
|
480
|
-
ResourceDeletePage.propTypes = propTypes$e;
|
|
481
|
-
ResourceDeletePage.defaultProps = defaultProps$d;
|
|
415
|
+
}
|
|
482
416
|
|
|
483
|
-
|
|
484
|
-
itemId: PropTypes.string.isRequired,
|
|
485
|
-
resource: PropTypes$1.resource.isRequired
|
|
486
|
-
};
|
|
487
|
-
var defaultProps$c = {};
|
|
488
|
-
var ResourceEditPage = function ResourceEditPage(_ref) {
|
|
417
|
+
function ResourceEditPage(_ref) {
|
|
489
418
|
var itemId = _ref.itemId,
|
|
490
419
|
resource = _ref.resource;
|
|
491
420
|
var _useResourceItem = useResourceItem(resource, itemId),
|
|
@@ -542,23 +471,14 @@ var ResourceEditPage = function ResourceEditPage(_ref) {
|
|
|
542
471
|
"value": "Loading"
|
|
543
472
|
}]
|
|
544
473
|
})) : null));
|
|
545
|
-
}
|
|
546
|
-
ResourceEditPage.propTypes = propTypes$d;
|
|
547
|
-
ResourceEditPage.defaultProps = defaultProps$c;
|
|
474
|
+
}
|
|
548
475
|
|
|
549
|
-
|
|
550
|
-
resource: PropTypes$1.resource.isRequired,
|
|
551
|
-
size: PropTypes.oneOf(['sm', 'md', 'lg']),
|
|
552
|
-
className: PropTypes.string
|
|
553
|
-
};
|
|
554
|
-
var defaultProps$b = {
|
|
555
|
-
size: 'lg',
|
|
556
|
-
className: null
|
|
557
|
-
};
|
|
558
|
-
var ResourceCreateButton = function ResourceCreateButton(_ref) {
|
|
476
|
+
function ResourceCreateButton(_ref) {
|
|
559
477
|
var resource = _ref.resource,
|
|
560
|
-
size = _ref.size,
|
|
561
|
-
|
|
478
|
+
_ref$size = _ref.size,
|
|
479
|
+
size = _ref$size === void 0 ? 'lg' : _ref$size,
|
|
480
|
+
_ref$className = _ref.className,
|
|
481
|
+
className = _ref$className === void 0 ? null : _ref$className;
|
|
562
482
|
var _resource$types = resource.types,
|
|
563
483
|
types = _resource$types === void 0 ? null : _resource$types;
|
|
564
484
|
var resourceRoute = useResourceUrlGenerator(resource);
|
|
@@ -620,19 +540,11 @@ var ResourceCreateButton = function ResourceCreateButton(_ref) {
|
|
|
620
540
|
align: "end",
|
|
621
541
|
onClickOutside: onDropdownClickOutside
|
|
622
542
|
})) : button;
|
|
623
|
-
}
|
|
624
|
-
ResourceCreateButton.propTypes = propTypes$c;
|
|
625
|
-
ResourceCreateButton.defaultProps = defaultProps$b;
|
|
543
|
+
}
|
|
626
544
|
|
|
627
545
|
var _excluded$3 = ["resource"];
|
|
628
|
-
var propTypes$b = {
|
|
629
|
-
resource: PropTypes.oneOfType([PropTypes.string, PropTypes.shape({
|
|
630
|
-
id: PropTypes.string
|
|
631
|
-
})]).isRequired
|
|
632
|
-
};
|
|
633
|
-
|
|
634
546
|
// Kept for backward compatibility with exports
|
|
635
|
-
|
|
547
|
+
function ResourceItemsList(_ref) {
|
|
636
548
|
var resource = _ref.resource,
|
|
637
549
|
props = _objectWithoutProperties(_ref, _excluded$3);
|
|
638
550
|
var _ref2 = isObject(resource) ? resource : {
|
|
@@ -643,20 +555,14 @@ var ResourceItemsList = function ResourceItemsList(_ref) {
|
|
|
643
555
|
return /*#__PURE__*/React.createElement(ResourceList, Object.assign({
|
|
644
556
|
resource: finalResource
|
|
645
557
|
}, props));
|
|
646
|
-
}
|
|
647
|
-
ResourceItemsList.propTypes = propTypes$b;
|
|
558
|
+
}
|
|
648
559
|
|
|
649
560
|
var _excluded$2 = ["id", "component", "withQuery", "href"];
|
|
650
|
-
var
|
|
651
|
-
|
|
652
|
-
defaultActions: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.object])) // eslint-disable-line react/forbid-prop-types
|
|
653
|
-
};
|
|
654
|
-
var defaultProps$a = {
|
|
655
|
-
defaultActions: ['create']
|
|
656
|
-
};
|
|
657
|
-
var ResourceIndexPage = function ResourceIndexPage(_ref) {
|
|
561
|
+
var DEFAULT_ACTIONS = ['create'];
|
|
562
|
+
function ResourceIndexPage(_ref) {
|
|
658
563
|
var resource = _ref.resource,
|
|
659
|
-
defaultActions = _ref.defaultActions
|
|
564
|
+
_ref$defaultActions = _ref.defaultActions,
|
|
565
|
+
defaultActions = _ref$defaultActions === void 0 ? DEFAULT_ACTIONS : _ref$defaultActions;
|
|
660
566
|
var _usePanneauColorSchem = usePanneauColorScheme(),
|
|
661
567
|
_usePanneauColorSchem2 = _usePanneauColorSchem.theme,
|
|
662
568
|
theme = _usePanneauColorSchem2 === void 0 ? null : _usePanneauColorSchem2;
|
|
@@ -684,7 +590,7 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
|
|
|
684
590
|
theme: 'primary'
|
|
685
591
|
} : it;
|
|
686
592
|
});
|
|
687
|
-
}, [canCreate, indexActions]);
|
|
593
|
+
}, [canCreate, indexActions, defaultActions]);
|
|
688
594
|
var resourceValues = useResourceValues(resource);
|
|
689
595
|
var componentsManager = useComponentsManager();
|
|
690
596
|
var _useLocation = useLocation(),
|
|
@@ -710,17 +616,17 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
|
|
|
710
616
|
var newQuery = submitQuery !== null ? Object.keys(submitQuery).reduce(function (currentQuery, key) {
|
|
711
617
|
var value = submitQuery[key];
|
|
712
618
|
return value !== null ? _objectSpread(_objectSpread({}, currentQuery), {}, _defineProperty({}, key, value)) : currentQuery;
|
|
713
|
-
},
|
|
619
|
+
}, {}) : null;
|
|
714
620
|
navigate("".concat(url).concat(newQuery !== null ? "?".concat(queryString.stringify(newQuery, {
|
|
715
621
|
arrayFormat: 'bracket'
|
|
716
622
|
})) : ''));
|
|
717
|
-
}, [navigate, url
|
|
623
|
+
}, [navigate, url]);
|
|
718
624
|
var onQueryReset = useCallback(function () {
|
|
719
625
|
var resetQuery = queryString.stringify(null, {
|
|
720
626
|
arrayFormat: 'bracket'
|
|
721
627
|
});
|
|
722
628
|
navigate("".concat(url, "?").concat(resetQuery));
|
|
723
|
-
}, [navigate, url
|
|
629
|
+
}, [navigate, url]);
|
|
724
630
|
var onClickCloseAlert = useCallback(function () {
|
|
725
631
|
navigate(url, {
|
|
726
632
|
replace: true
|
|
@@ -795,16 +701,9 @@ var ResourceIndexPage = function ResourceIndexPage(_ref) {
|
|
|
795
701
|
onQueryReset: onQueryReset,
|
|
796
702
|
theme: theme
|
|
797
703
|
}))));
|
|
798
|
-
}
|
|
799
|
-
ResourceIndexPage.propTypes = propTypes$a;
|
|
800
|
-
ResourceIndexPage.defaultProps = defaultProps$a;
|
|
704
|
+
}
|
|
801
705
|
|
|
802
|
-
|
|
803
|
-
resource: PropTypes$1.resource.isRequired,
|
|
804
|
-
itemId: PropTypes.string.isRequired
|
|
805
|
-
};
|
|
806
|
-
var defaultProps$9 = {};
|
|
807
|
-
var ResourceShowPage = function ResourceShowPage(_ref) {
|
|
706
|
+
function ResourceShowPage(_ref) {
|
|
808
707
|
var resource = _ref.resource,
|
|
809
708
|
itemId = _ref.itemId;
|
|
810
709
|
var name = resource.name;
|
|
@@ -838,16 +737,9 @@ var ResourceShowPage = function ResourceShowPage(_ref) {
|
|
|
838
737
|
"value": "Loading"
|
|
839
738
|
}]
|
|
840
739
|
})) : null));
|
|
841
|
-
}
|
|
842
|
-
ResourceShowPage.propTypes = propTypes$9;
|
|
843
|
-
ResourceShowPage.defaultProps = defaultProps$9;
|
|
740
|
+
}
|
|
844
741
|
|
|
845
|
-
|
|
846
|
-
itemId: PropTypes.string.isRequired,
|
|
847
|
-
resource: PropTypes$1.resource.isRequired
|
|
848
|
-
};
|
|
849
|
-
var defaultProps$8 = {};
|
|
850
|
-
var ResourceDuplicatePage = function ResourceDuplicatePage(_ref) {
|
|
742
|
+
function ResourceDuplicatePage(_ref) {
|
|
851
743
|
var itemId = _ref.itemId,
|
|
852
744
|
resource = _ref.resource;
|
|
853
745
|
var _useLocation = useLocation(),
|
|
@@ -907,73 +799,65 @@ var ResourceDuplicatePage = function ResourceDuplicatePage(_ref) {
|
|
|
907
799
|
"value": "Loading"
|
|
908
800
|
}]
|
|
909
801
|
})) : null));
|
|
910
|
-
}
|
|
911
|
-
ResourceDuplicatePage.propTypes = propTypes$8;
|
|
912
|
-
ResourceDuplicatePage.defaultProps = defaultProps$8;
|
|
802
|
+
}
|
|
913
803
|
|
|
914
804
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
915
|
-
|
|
916
|
-
var
|
|
917
|
-
var HomePage = function HomePage() {
|
|
805
|
+
function ResourceLink(_ref) {
|
|
806
|
+
var resource = _ref.resource;
|
|
918
807
|
var route = useUrlGenerator();
|
|
808
|
+
var _ref2 = resource || {},
|
|
809
|
+
resourceId = _ref2.id;
|
|
810
|
+
var resourceValues = useResourceValues(resource);
|
|
811
|
+
return /*#__PURE__*/React.createElement(Link, {
|
|
812
|
+
className: "d-block my-2",
|
|
813
|
+
href: route('resources.index', {
|
|
814
|
+
resource: resourceId
|
|
815
|
+
})
|
|
816
|
+
}, /*#__PURE__*/React.createElement(FormattedMessage, {
|
|
817
|
+
values: resourceValues,
|
|
818
|
+
id: "FntHPK",
|
|
819
|
+
defaultMessage: [{
|
|
820
|
+
"type": 0,
|
|
821
|
+
"value": "View "
|
|
822
|
+
}, {
|
|
823
|
+
"type": 1,
|
|
824
|
+
"value": "the_plural"
|
|
825
|
+
}]
|
|
826
|
+
}));
|
|
827
|
+
}
|
|
828
|
+
function HomePage() {
|
|
919
829
|
var resources = usePanneauResources();
|
|
920
|
-
var visibleResources = resources.filter(function (
|
|
921
|
-
var
|
|
922
|
-
|
|
923
|
-
|
|
924
|
-
hideInNavbar =
|
|
830
|
+
var visibleResources = resources.filter(function (_ref3) {
|
|
831
|
+
var _ref3$settings = _ref3.settings,
|
|
832
|
+
_ref3$settings2 = _ref3$settings === void 0 ? {} : _ref3$settings,
|
|
833
|
+
_ref3$settings2$hideI = _ref3$settings2.hideInNavbar,
|
|
834
|
+
hideInNavbar = _ref3$settings2$hideI === void 0 ? false : _ref3$settings2$hideI;
|
|
925
835
|
return !hideInNavbar;
|
|
926
836
|
});
|
|
927
837
|
return /*#__PURE__*/React.createElement(MainLayout, null, /*#__PURE__*/React.createElement("div", {
|
|
928
838
|
className: "container-sm py-4"
|
|
929
839
|
}, visibleResources.map(function (resource) {
|
|
930
|
-
var
|
|
931
|
-
resourceId =
|
|
932
|
-
|
|
933
|
-
return /*#__PURE__*/React.createElement(Link, {
|
|
934
|
-
className: "d-block my-2",
|
|
840
|
+
var _ref4 = resource || {},
|
|
841
|
+
resourceId = _ref4.id;
|
|
842
|
+
return /*#__PURE__*/React.createElement(ResourceLink, {
|
|
935
843
|
key: "resource-link-".concat(resourceId),
|
|
936
|
-
|
|
937
|
-
|
|
938
|
-
})
|
|
939
|
-
}, /*#__PURE__*/React.createElement(FormattedMessage, {
|
|
940
|
-
values: resourceValues,
|
|
941
|
-
id: "FntHPK",
|
|
942
|
-
defaultMessage: [{
|
|
943
|
-
"type": 0,
|
|
944
|
-
"value": "View "
|
|
945
|
-
}, {
|
|
946
|
-
"type": 1,
|
|
947
|
-
"value": "the_plural"
|
|
948
|
-
}]
|
|
949
|
-
}));
|
|
844
|
+
resource: resource
|
|
845
|
+
});
|
|
950
846
|
})));
|
|
951
|
-
}
|
|
952
|
-
HomePage.propTypes = propTypes$7;
|
|
953
|
-
HomePage.defaultProps = defaultProps$7;
|
|
847
|
+
}
|
|
954
848
|
|
|
955
|
-
|
|
956
|
-
var defaultProps$6 = {};
|
|
957
|
-
var AccountPage = function AccountPage() {
|
|
849
|
+
function AccountPage() {
|
|
958
850
|
return /*#__PURE__*/React.createElement(MainLayout, null, /*#__PURE__*/React.createElement("div", {
|
|
959
851
|
className: "container-sm py-4"
|
|
960
852
|
}, "Account page"));
|
|
961
|
-
}
|
|
962
|
-
AccountPage.propTypes = propTypes$6;
|
|
963
|
-
AccountPage.defaultProps = defaultProps$6;
|
|
853
|
+
}
|
|
964
854
|
|
|
965
855
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
966
|
-
|
|
967
|
-
className
|
|
968
|
-
|
|
969
|
-
|
|
970
|
-
|
|
971
|
-
className: null,
|
|
972
|
-
onSuccess: null
|
|
973
|
-
};
|
|
974
|
-
var LoginForm = function LoginForm(_ref) {
|
|
975
|
-
var className = _ref.className,
|
|
976
|
-
onSuccess = _ref.onSuccess;
|
|
856
|
+
function LoginForm(_ref) {
|
|
857
|
+
var _ref$className = _ref.className,
|
|
858
|
+
className = _ref$className === void 0 ? null : _ref$className,
|
|
859
|
+
_ref$onSuccess = _ref.onSuccess,
|
|
860
|
+
onSuccess = _ref$onSuccess === void 0 ? null : _ref$onSuccess;
|
|
977
861
|
var url = useUrlGenerator();
|
|
978
862
|
var _useAuth = useAuth(),
|
|
979
863
|
login = _useAuth.login;
|
|
@@ -997,19 +881,11 @@ var LoginForm = function LoginForm(_ref) {
|
|
|
997
881
|
}]
|
|
998
882
|
})
|
|
999
883
|
}) : null;
|
|
1000
|
-
}
|
|
1001
|
-
LoginForm.propTypes = propTypes$5;
|
|
1002
|
-
LoginForm.defaultProps = defaultProps$5;
|
|
884
|
+
}
|
|
1003
885
|
|
|
1004
|
-
|
|
1005
|
-
|
|
1006
|
-
|
|
1007
|
-
};
|
|
1008
|
-
var defaultProps$4 = {
|
|
1009
|
-
fullscreen: false
|
|
1010
|
-
};
|
|
1011
|
-
var GuestLayout = function GuestLayout(_ref) {
|
|
1012
|
-
var fullscreen = _ref.fullscreen,
|
|
886
|
+
function GuestLayout(_ref) {
|
|
887
|
+
var _ref$fullscreen = _ref.fullscreen,
|
|
888
|
+
fullscreen = _ref$fullscreen === void 0 ? false : _ref$fullscreen,
|
|
1013
889
|
children = _ref.children;
|
|
1014
890
|
var _usePanneauColorSchem = usePanneauColorScheme(),
|
|
1015
891
|
_usePanneauColorSchem2 = _usePanneauColorSchem.theme,
|
|
@@ -1022,7 +898,7 @@ var GuestLayout = function GuestLayout(_ref) {
|
|
|
1022
898
|
className: classNames([{
|
|
1023
899
|
'd-flex flex-column min-vh-100': fullscreen
|
|
1024
900
|
}]),
|
|
1025
|
-
"data-bs-theme": theme !== null ? theme :
|
|
901
|
+
"data-bs-theme": theme !== null ? theme : undefined
|
|
1026
902
|
}, /*#__PURE__*/React.createElement(MainNavbar, {
|
|
1027
903
|
className: classNames(['sticky-top', 'px-3'])
|
|
1028
904
|
}), /*#__PURE__*/React.createElement("div", {
|
|
@@ -1034,14 +910,10 @@ var GuestLayout = function GuestLayout(_ref) {
|
|
|
1034
910
|
'w-100 my-auto': fullscreen
|
|
1035
911
|
})
|
|
1036
912
|
}, children)));
|
|
1037
|
-
}
|
|
1038
|
-
GuestLayout.propTypes = propTypes$4;
|
|
1039
|
-
GuestLayout.defaultProps = defaultProps$4;
|
|
913
|
+
}
|
|
1040
914
|
|
|
1041
915
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
1042
|
-
|
|
1043
|
-
var defaultProps$3 = {};
|
|
1044
|
-
var LoginPage = function LoginPage() {
|
|
916
|
+
function LoginPage() {
|
|
1045
917
|
var route = useUrlGenerator();
|
|
1046
918
|
// Sadly necessary to update cookies and routes correctly from the backend,
|
|
1047
919
|
// make it post directly instead of api call
|
|
@@ -1067,9 +939,7 @@ var LoginPage = function LoginPage() {
|
|
|
1067
939
|
})), /*#__PURE__*/React.createElement(LoginForm, {
|
|
1068
940
|
onSuccess: onSuccess
|
|
1069
941
|
})))));
|
|
1070
|
-
}
|
|
1071
|
-
LoginPage.propTypes = propTypes$3;
|
|
1072
|
-
LoginPage.defaultProps = defaultProps$3;
|
|
942
|
+
}
|
|
1073
943
|
|
|
1074
944
|
var messages = defineMessages({
|
|
1075
945
|
metaTitle401: {
|
|
@@ -1129,10 +999,10 @@ var messages = defineMessages({
|
|
|
1129
999
|
}]
|
|
1130
1000
|
},
|
|
1131
1001
|
description404: {
|
|
1132
|
-
"id": "
|
|
1002
|
+
"id": "naie2b",
|
|
1133
1003
|
"defaultMessage": [{
|
|
1134
1004
|
"type": 0,
|
|
1135
|
-
"value": "This page doesn
|
|
1005
|
+
"value": "This page doesn't exist"
|
|
1136
1006
|
}]
|
|
1137
1007
|
},
|
|
1138
1008
|
metaTitle500: {
|
|
@@ -1164,14 +1034,9 @@ var messages = defineMessages({
|
|
|
1164
1034
|
}]
|
|
1165
1035
|
}
|
|
1166
1036
|
});
|
|
1167
|
-
|
|
1168
|
-
statusCode
|
|
1169
|
-
|
|
1170
|
-
var defaultProps$2 = {
|
|
1171
|
-
statusCode: null
|
|
1172
|
-
};
|
|
1173
|
-
var ErrorPage = function ErrorPage(_ref) {
|
|
1174
|
-
var statusCode = _ref.statusCode;
|
|
1037
|
+
function ErrorPage(_ref) {
|
|
1038
|
+
var _ref$statusCode = _ref.statusCode,
|
|
1039
|
+
statusCode = _ref$statusCode === void 0 ? null : _ref$statusCode;
|
|
1175
1040
|
return /*#__PURE__*/React.createElement(GuestLayout, {
|
|
1176
1041
|
fullscreen: true
|
|
1177
1042
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -1181,12 +1046,10 @@ var ErrorPage = function ErrorPage(_ref) {
|
|
|
1181
1046
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1182
1047
|
className: "col-12 col-sm-8 col-md-6"
|
|
1183
1048
|
}, /*#__PURE__*/React.createElement("h1", null, /*#__PURE__*/React.createElement(Label, null, messages["title".concat(statusCode || 404)])), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(Label, null, messages["description".concat(statusCode || 404)]))))));
|
|
1184
|
-
}
|
|
1185
|
-
ErrorPage.propTypes = propTypes$2;
|
|
1186
|
-
ErrorPage.defaultProps = defaultProps$2;
|
|
1049
|
+
}
|
|
1187
1050
|
|
|
1188
1051
|
var _excluded$1 = ["path", "component"];
|
|
1189
|
-
|
|
1052
|
+
function createResourceRoutes(resource, _ref) {
|
|
1190
1053
|
var route = _ref.route,
|
|
1191
1054
|
componentsManager = _ref.componentsManager,
|
|
1192
1055
|
_ref$pages = _ref.pages,
|
|
@@ -1315,18 +1178,13 @@ var createResourceRoutes = function createResourceRoutes(resource, _ref) {
|
|
|
1315
1178
|
resource: resource
|
|
1316
1179
|
});
|
|
1317
1180
|
})]);
|
|
1318
|
-
}
|
|
1181
|
+
}
|
|
1319
1182
|
|
|
1320
1183
|
var _excluded = ["home", "login", "account", "error", "index", "show", "create", "edit", "delete", "duplicate"],
|
|
1321
1184
|
_excluded2 = ["path", "route", "component"];
|
|
1322
|
-
|
|
1323
|
-
statusCode
|
|
1324
|
-
|
|
1325
|
-
var defaultProps$1 = {
|
|
1326
|
-
statusCode: null
|
|
1327
|
-
};
|
|
1328
|
-
var PanneauRoutes = function PanneauRoutes(_ref) {
|
|
1329
|
-
var initialStatusCode = _ref.statusCode;
|
|
1185
|
+
function PanneauRoutes(_ref) {
|
|
1186
|
+
var _ref$statusCode = _ref.statusCode,
|
|
1187
|
+
initialStatusCode = _ref$statusCode === void 0 ? null : _ref$statusCode;
|
|
1330
1188
|
var routes = useRoutes();
|
|
1331
1189
|
var _useLocation = useLocation(),
|
|
1332
1190
|
_useLocation2 = _slicedToArray(_useLocation, 1),
|
|
@@ -1447,45 +1305,34 @@ var PanneauRoutes = function PanneauRoutes(_ref) {
|
|
|
1447
1305
|
}), /*#__PURE__*/React.createElement(Route, {
|
|
1448
1306
|
path: routes.home
|
|
1449
1307
|
}, /*#__PURE__*/React.createElement(HomeComponent, homePage)), /*#__PURE__*/React.createElement(Route, null, /*#__PURE__*/React.createElement(ErrorComponent, null)));
|
|
1450
|
-
}
|
|
1451
|
-
PanneauRoutes.propTypes = propTypes$1;
|
|
1452
|
-
PanneauRoutes.defaultProps = defaultProps$1;
|
|
1308
|
+
}
|
|
1453
1309
|
|
|
1454
1310
|
var pathToRegexpParser = createPathToRegexpParser();
|
|
1455
|
-
var
|
|
1456
|
-
|
|
1457
|
-
|
|
1458
|
-
user: PropTypes$1.user,
|
|
1459
|
-
memoryRouter: PropTypes.bool,
|
|
1460
|
-
baseUrl: PropTypes.string,
|
|
1461
|
-
uppy: PropTypes$1.uppy,
|
|
1462
|
-
statusCode: PropTypes$1.statusCode
|
|
1463
|
-
};
|
|
1464
|
-
var defaultProps = {
|
|
1465
|
-
components: null,
|
|
1466
|
-
user: null,
|
|
1467
|
-
memoryRouter: false,
|
|
1468
|
-
baseUrl: null,
|
|
1469
|
-
uppy: null,
|
|
1470
|
-
statusCode: null
|
|
1471
|
-
};
|
|
1472
|
-
var Container = function Container(_ref) {
|
|
1311
|
+
var DEFAULT_ROUTES = {};
|
|
1312
|
+
var DEFAULT_LOCALES = [];
|
|
1313
|
+
function Container(_ref) {
|
|
1473
1314
|
var definition = _ref.definition,
|
|
1474
|
-
components = _ref.components,
|
|
1475
|
-
|
|
1476
|
-
|
|
1477
|
-
|
|
1478
|
-
|
|
1479
|
-
|
|
1315
|
+
_ref$components = _ref.components,
|
|
1316
|
+
components = _ref$components === void 0 ? null : _ref$components,
|
|
1317
|
+
_ref$user = _ref.user,
|
|
1318
|
+
user = _ref$user === void 0 ? null : _ref$user,
|
|
1319
|
+
_ref$memoryRouter = _ref.memoryRouter,
|
|
1320
|
+
memoryRouter = _ref$memoryRouter === void 0 ? false : _ref$memoryRouter,
|
|
1321
|
+
_ref$baseUrl = _ref.baseUrl,
|
|
1322
|
+
baseUrl = _ref$baseUrl === void 0 ? null : _ref$baseUrl,
|
|
1323
|
+
_ref$uppy = _ref.uppy,
|
|
1324
|
+
uppy = _ref$uppy === void 0 ? null : _ref$uppy,
|
|
1325
|
+
_ref$statusCode = _ref.statusCode,
|
|
1326
|
+
statusCode = _ref$statusCode === void 0 ? null : _ref$statusCode;
|
|
1480
1327
|
var _ref2 = definition || {},
|
|
1481
1328
|
_ref2$intl = _ref2.intl,
|
|
1482
1329
|
_ref2$intl2 = _ref2$intl === void 0 ? {} : _ref2$intl,
|
|
1483
1330
|
_ref2$intl2$locale = _ref2$intl2.locale,
|
|
1484
1331
|
locale = _ref2$intl2$locale === void 0 ? 'en' : _ref2$intl2$locale,
|
|
1485
1332
|
_ref2$intl2$locales = _ref2$intl2.locales,
|
|
1486
|
-
locales = _ref2$intl2$locales === void 0 ?
|
|
1333
|
+
locales = _ref2$intl2$locales === void 0 ? DEFAULT_LOCALES : _ref2$intl2$locales,
|
|
1487
1334
|
_ref2$routes = _ref2.routes,
|
|
1488
|
-
routes = _ref2$routes === void 0 ?
|
|
1335
|
+
routes = _ref2$routes === void 0 ? DEFAULT_ROUTES : _ref2$routes,
|
|
1489
1336
|
_ref2$settings = _ref2.settings,
|
|
1490
1337
|
_ref2$settings2 = _ref2$settings === void 0 ? {} : _ref2$settings,
|
|
1491
1338
|
_ref2$settings2$memor = _ref2$settings2.memoryRouter,
|
|
@@ -1510,17 +1357,17 @@ var Container = function Container(_ref) {
|
|
|
1510
1357
|
}, {}));
|
|
1511
1358
|
}, [definition]);
|
|
1512
1359
|
var onUnauthorized = useCallback(function () {
|
|
1513
|
-
window.location.href = baseUrl;
|
|
1360
|
+
window.location.href = baseUrl || '/';
|
|
1514
1361
|
}, [baseUrl]);
|
|
1515
1362
|
var onLogout = useCallback(function () {
|
|
1516
1363
|
window.location.reload();
|
|
1517
|
-
}, [
|
|
1364
|
+
}, []);
|
|
1518
1365
|
var _useMemoryRouter = useMemoryRouter(),
|
|
1519
1366
|
memoryLocationHook = _useMemoryRouter.hook,
|
|
1520
1367
|
memorySearchHook = _useMemoryRouter.searchHook;
|
|
1521
1368
|
return /*#__PURE__*/React.createElement(Router, {
|
|
1522
|
-
hook: isMemoryRouter ? memoryLocationHook :
|
|
1523
|
-
searchHook: isMemoryRouter ? memorySearchHook :
|
|
1369
|
+
hook: isMemoryRouter ? memoryLocationHook : undefined,
|
|
1370
|
+
searchHook: isMemoryRouter ? memorySearchHook : undefined,
|
|
1524
1371
|
parser: pathToRegexpParser
|
|
1525
1372
|
}, /*#__PURE__*/React.createElement(IntlProvider, {
|
|
1526
1373
|
locale: locale,
|
|
@@ -1541,16 +1388,13 @@ var Container = function Container(_ref) {
|
|
|
1541
1388
|
}, /*#__PURE__*/React.createElement(PanneauRoutes, {
|
|
1542
1389
|
statusCode: statusCode
|
|
1543
1390
|
}))))))))))))))))));
|
|
1544
|
-
}
|
|
1545
|
-
Container.propTypes = propTypes;
|
|
1546
|
-
Container.defaultProps = defaultProps;
|
|
1391
|
+
}
|
|
1547
1392
|
|
|
1548
1393
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
1549
|
-
// import PropTypes from 'prop-types';
|
|
1550
1394
|
|
|
1551
1395
|
// Kept for backward compatibility with exports
|
|
1552
|
-
|
|
1396
|
+
function ResourceFilters(props) {
|
|
1553
1397
|
return /*#__PURE__*/React.createElement(Filters, props);
|
|
1554
|
-
}
|
|
1398
|
+
}
|
|
1555
1399
|
|
|
1556
1400
|
export { GuestLayout, MainLayout, PageHeader, ResourceFilters, ResourceFormWrapper as ResourceForm, ResourceItemsList, Container as default };
|