@panneau/core 4.0.0 → 4.0.2
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/es/contexts.js +34 -41
- package/lib/contexts.js +94 -101
- package/package.json +2 -3
package/es/contexts.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _objectSpread from '@babel/runtime/helpers/objectSpread2';
|
|
2
2
|
import isString from 'lodash-es/isString';
|
|
3
|
-
import React, { useContext, useMemo, useState, useEffect, useRef, useCallback } from 'react';
|
|
3
|
+
import React$1, { useContext, useMemo, useState, useEffect, useRef, useCallback } from 'react';
|
|
4
4
|
import { ComponentsManager, FieldsManager, Tracking } from '@panneau/core';
|
|
5
5
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
6
6
|
import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
|
|
@@ -29,7 +29,7 @@ var BUTTONS_NAMESPACE = 'buttons';
|
|
|
29
29
|
var PAGES_NAMESPACE = 'pages';
|
|
30
30
|
var PREVIEWS_NAMESPACE = 'previews';
|
|
31
31
|
var APP_NAMESPACE = 'app';
|
|
32
|
-
var ComponentsContext = /*#__PURE__*/React.createContext(null);
|
|
32
|
+
var ComponentsContext = /*#__PURE__*/React$1.createContext(null);
|
|
33
33
|
|
|
34
34
|
/**
|
|
35
35
|
* Hooks
|
|
@@ -242,13 +242,12 @@ function ComponentsProvider(_ref) {
|
|
|
242
242
|
var finalManager = useMemo(function () {
|
|
243
243
|
return new ComponentsManager(_objectSpread(_objectSpread(_objectSpread({}, previousManager !== null ? previousManager.getComponents() : null), manager !== null ? manager.getComponents() : null), new ComponentsManager(components).addNamespace(namespace).getComponents()));
|
|
244
244
|
}, [previousManager, manager, components, namespace]);
|
|
245
|
-
return /*#__PURE__*/React.createElement(ComponentsContext
|
|
245
|
+
return /*#__PURE__*/React$1.createElement(ComponentsContext, {
|
|
246
246
|
value: finalManager
|
|
247
247
|
}, children);
|
|
248
248
|
}
|
|
249
249
|
|
|
250
|
-
|
|
251
|
-
var DefinitionContext = /*#__PURE__*/React.createContext(null);
|
|
250
|
+
var DefinitionContext = /*#__PURE__*/React$1.createContext(null);
|
|
252
251
|
var useDefinitionContext = function useDefinitionContext() {
|
|
253
252
|
return useContext(DefinitionContext);
|
|
254
253
|
};
|
|
@@ -259,12 +258,12 @@ var useDefinition = function useDefinition() {
|
|
|
259
258
|
function DefinitionProvider(_ref) {
|
|
260
259
|
var definition = _ref.definition,
|
|
261
260
|
children = _ref.children;
|
|
262
|
-
return /*#__PURE__*/React.createElement(DefinitionContext
|
|
261
|
+
return /*#__PURE__*/React$1.createElement(DefinitionContext, {
|
|
263
262
|
value: definition
|
|
264
263
|
}, children);
|
|
265
264
|
}
|
|
266
265
|
|
|
267
|
-
var FieldsContext = /*#__PURE__*/React.createContext(null);
|
|
266
|
+
var FieldsContext = /*#__PURE__*/React$1.createContext(null);
|
|
268
267
|
var useFieldsManager = function useFieldsManager() {
|
|
269
268
|
return useContext(FieldsContext);
|
|
270
269
|
};
|
|
@@ -297,16 +296,15 @@ function FieldsProvider(_ref) {
|
|
|
297
296
|
return isString(component) ? map : _objectSpread(_objectSpread({}, map), {}, _defineProperty({}, id, component));
|
|
298
297
|
}, {});
|
|
299
298
|
}, [finalManager]);
|
|
300
|
-
return /*#__PURE__*/React.createElement(FieldsContext
|
|
299
|
+
return /*#__PURE__*/React$1.createElement(FieldsContext, {
|
|
301
300
|
value: finalManager
|
|
302
|
-
}, /*#__PURE__*/React.createElement(ComponentsProvider, {
|
|
301
|
+
}, /*#__PURE__*/React$1.createElement(ComponentsProvider, {
|
|
303
302
|
namespace: FIELDS_NAMESPACE,
|
|
304
303
|
components: components
|
|
305
304
|
}, children));
|
|
306
305
|
}
|
|
307
306
|
|
|
308
|
-
|
|
309
|
-
var GoogleKeysContext = /*#__PURE__*/React.createContext({
|
|
307
|
+
var GoogleKeysContext = /*#__PURE__*/React$1.createContext({
|
|
310
308
|
apiKey: null
|
|
311
309
|
});
|
|
312
310
|
var useGoogleKeys = function useGoogleKeys() {
|
|
@@ -323,12 +321,12 @@ function GoogleKeysProvider(_ref) {
|
|
|
323
321
|
apiKey: apiKey || previousApiKey
|
|
324
322
|
};
|
|
325
323
|
}, [previousApiKey, apiKey]);
|
|
326
|
-
return /*#__PURE__*/React.createElement(GoogleKeysContext
|
|
324
|
+
return /*#__PURE__*/React$1.createElement(GoogleKeysContext, {
|
|
327
325
|
value: value
|
|
328
326
|
}, children);
|
|
329
327
|
}
|
|
330
328
|
|
|
331
|
-
var FontsContext = /*#__PURE__*/React.createContext({
|
|
329
|
+
var FontsContext = /*#__PURE__*/React$1.createContext({
|
|
332
330
|
systemFonts: null,
|
|
333
331
|
googleFonts: null,
|
|
334
332
|
customFonts: null
|
|
@@ -431,13 +429,12 @@ function FontsProvider(_ref4) {
|
|
|
431
429
|
setGoogleFonts: setGoogleFonts
|
|
432
430
|
};
|
|
433
431
|
}, [previousSystemFonts, previousGoogleFonts, previousCustomFonts, customFonts, systemFonts, googleFonts, setGoogleFonts]);
|
|
434
|
-
return /*#__PURE__*/React.createElement(FontsContext
|
|
432
|
+
return /*#__PURE__*/React$1.createElement(FontsContext, {
|
|
435
433
|
value: fonts
|
|
436
434
|
}, children);
|
|
437
435
|
}
|
|
438
436
|
|
|
439
|
-
|
|
440
|
-
var FormContext = /*#__PURE__*/React.createContext(null);
|
|
437
|
+
var FormContext = /*#__PURE__*/React$1.createContext(null);
|
|
441
438
|
var useForm = function useForm() {
|
|
442
439
|
return useContext(FormContext);
|
|
443
440
|
};
|
|
@@ -461,12 +458,12 @@ function FormProvider(_ref) {
|
|
|
461
458
|
setValue: setValue
|
|
462
459
|
};
|
|
463
460
|
}, [value, setValue]);
|
|
464
|
-
return /*#__PURE__*/React.createElement(FormContext
|
|
461
|
+
return /*#__PURE__*/React$1.createElement(FormContext, {
|
|
465
462
|
value: values
|
|
466
463
|
}, children);
|
|
467
464
|
}
|
|
468
465
|
|
|
469
|
-
var GoogleApiClientContext = /*#__PURE__*/React.createContext(null);
|
|
466
|
+
var GoogleApiClientContext = /*#__PURE__*/React$1.createContext(null);
|
|
470
467
|
var useGoogleApiClient = function useGoogleApiClient() {
|
|
471
468
|
return useContext(GoogleApiClientContext);
|
|
472
469
|
};
|
|
@@ -479,8 +476,8 @@ var withGoogleApiClient = function withGoogleApiClient(WrappedComponent) {
|
|
|
479
476
|
return displayName || name || 'Component';
|
|
480
477
|
};
|
|
481
478
|
var WithGoogleApiClientComponent = function WithGoogleApiClientComponent(props) {
|
|
482
|
-
return /*#__PURE__*/React.createElement(GoogleApiClientContext.Consumer, null, function (client) {
|
|
483
|
-
return /*#__PURE__*/React.createElement(WrappedComponent, Object.assign({
|
|
479
|
+
return /*#__PURE__*/React$1.createElement(GoogleApiClientContext.Consumer, null, function (client) {
|
|
480
|
+
return /*#__PURE__*/React$1.createElement(WrappedComponent, Object.assign({
|
|
484
481
|
googleApiClient: client
|
|
485
482
|
}, props));
|
|
486
483
|
});
|
|
@@ -507,12 +504,12 @@ function GoogleApiClientProvider(_ref2) {
|
|
|
507
504
|
return setClient(gapi);
|
|
508
505
|
});
|
|
509
506
|
}, [apiKey, setClient]);
|
|
510
|
-
return /*#__PURE__*/React.createElement(GoogleApiClientContext
|
|
507
|
+
return /*#__PURE__*/React$1.createElement(GoogleApiClientContext, {
|
|
511
508
|
value: client
|
|
512
509
|
}, children);
|
|
513
510
|
}
|
|
514
511
|
|
|
515
|
-
var GoogleMapsClientContext = /*#__PURE__*/React.createContext(null);
|
|
512
|
+
var GoogleMapsClientContext = /*#__PURE__*/React$1.createContext(null);
|
|
516
513
|
var useGoogleMapsClient = function useGoogleMapsClient() {
|
|
517
514
|
return useContext(GoogleMapsClientContext);
|
|
518
515
|
};
|
|
@@ -525,8 +522,8 @@ var withGoogleMapsClient = function withGoogleMapsClient(WrappedComponent) {
|
|
|
525
522
|
return displayName || name || 'Component';
|
|
526
523
|
};
|
|
527
524
|
var WithGoogleMapsClientComponent = function WithGoogleMapsClientComponent(props) {
|
|
528
|
-
return /*#__PURE__*/React.createElement(GoogleMapsClientContext.Consumer, null, function (client) {
|
|
529
|
-
return /*#__PURE__*/React.createElement(WrappedComponent, Object.assign({
|
|
525
|
+
return /*#__PURE__*/React$1.createElement(GoogleMapsClientContext.Consumer, null, function (client) {
|
|
526
|
+
return /*#__PURE__*/React$1.createElement(WrappedComponent, Object.assign({
|
|
530
527
|
googleApiClient: client
|
|
531
528
|
}, props));
|
|
532
529
|
});
|
|
@@ -558,14 +555,13 @@ function GoogleMapsClientProvider(_ref2) {
|
|
|
558
555
|
});
|
|
559
556
|
}
|
|
560
557
|
}, [apiKey, locale, libraries, setClient, exisitingClient]);
|
|
561
|
-
return /*#__PURE__*/React.createElement(GoogleMapsClientContext
|
|
558
|
+
return /*#__PURE__*/React$1.createElement(GoogleMapsClientContext, {
|
|
562
559
|
value: client
|
|
563
560
|
}, children);
|
|
564
561
|
}
|
|
565
562
|
|
|
566
|
-
/* eslint-disable react/jsx-props-no-spreading */
|
|
567
563
|
var defaultLocales = ['en', 'fr'];
|
|
568
|
-
var LocalesContext = /*#__PURE__*/React.createContext({
|
|
564
|
+
var LocalesContext = /*#__PURE__*/React$1.createContext({
|
|
569
565
|
locales: defaultLocales
|
|
570
566
|
});
|
|
571
567
|
var useLocalesContext = function useLocalesContext() {
|
|
@@ -599,12 +595,12 @@ function LocalesProvider(_ref) {
|
|
|
599
595
|
locales: locales
|
|
600
596
|
};
|
|
601
597
|
}, [locales]);
|
|
602
|
-
return /*#__PURE__*/React.createElement(LocalesContext
|
|
598
|
+
return /*#__PURE__*/React$1.createElement(LocalesContext, {
|
|
603
599
|
value: value
|
|
604
600
|
}, children);
|
|
605
601
|
}
|
|
606
602
|
|
|
607
|
-
var ModalContext = /*#__PURE__*/React.createContext(null);
|
|
603
|
+
var ModalContext = /*#__PURE__*/React$1.createContext(null);
|
|
608
604
|
var useModal = function useModal() {
|
|
609
605
|
return useContext(ModalContext) || {};
|
|
610
606
|
};
|
|
@@ -691,12 +687,12 @@ function ModalProvider(_ref) {
|
|
|
691
687
|
getModalById: getModalById
|
|
692
688
|
};
|
|
693
689
|
}, [modals, container, setContainer, register, unregister, closeLastModal, getModalById]);
|
|
694
|
-
return /*#__PURE__*/React.createElement(ModalContext
|
|
690
|
+
return /*#__PURE__*/React$1.createElement(ModalContext, {
|
|
695
691
|
value: value
|
|
696
692
|
}, children);
|
|
697
693
|
}
|
|
698
694
|
|
|
699
|
-
var PanelsContext = /*#__PURE__*/React.createContext({
|
|
695
|
+
var PanelsContext = /*#__PURE__*/React$1.createContext({
|
|
700
696
|
panels: [],
|
|
701
697
|
container: null,
|
|
702
698
|
setContainer: function setContainer() {},
|
|
@@ -708,13 +704,13 @@ var usePanels = function usePanels() {
|
|
|
708
704
|
};
|
|
709
705
|
var withPanels = function withPanels(WrappedComponent) {
|
|
710
706
|
var WithPanelsComponent = function WithPanelsComponent(props) {
|
|
711
|
-
return /*#__PURE__*/React.createElement(PanelsContext.Consumer, null, function (_ref) {
|
|
707
|
+
return /*#__PURE__*/React$1.createElement(PanelsContext.Consumer, null, function (_ref) {
|
|
712
708
|
var panels = _ref.panels,
|
|
713
709
|
setContainer = _ref.setContainer,
|
|
714
710
|
container = _ref.container,
|
|
715
711
|
register = _ref.register,
|
|
716
712
|
unregister = _ref.unregister;
|
|
717
|
-
return /*#__PURE__*/React.createElement(WrappedComponent, Object.assign({
|
|
713
|
+
return /*#__PURE__*/React$1.createElement(WrappedComponent, Object.assign({
|
|
718
714
|
panelsContainer: container,
|
|
719
715
|
setPanelsContainer: setContainer,
|
|
720
716
|
panels: panels,
|
|
@@ -772,13 +768,13 @@ function PanelsProvider(_ref2) {
|
|
|
772
768
|
unregister: unregister
|
|
773
769
|
};
|
|
774
770
|
}, [panels, setContainer, container, register, unregister]);
|
|
775
|
-
return /*#__PURE__*/React.createElement(PanelsContext
|
|
771
|
+
return /*#__PURE__*/React$1.createElement(PanelsContext, {
|
|
776
772
|
value: value
|
|
777
773
|
}, children);
|
|
778
774
|
}
|
|
779
775
|
|
|
780
776
|
var _excluded = ["component"];
|
|
781
|
-
var PanneauContext = /*#__PURE__*/React.createContext(null);
|
|
777
|
+
var PanneauContext = /*#__PURE__*/React$1.createContext(null);
|
|
782
778
|
var usePanneau = function usePanneau() {
|
|
783
779
|
return useContext(PanneauContext);
|
|
784
780
|
};
|
|
@@ -836,7 +832,6 @@ var usePanneauComponent = function usePanneauComponent(namespace, name) {
|
|
|
836
832
|
return component;
|
|
837
833
|
}
|
|
838
834
|
if (isObject(component) && isString(component === null || component === void 0 ? void 0 : component.componnent)) {
|
|
839
|
-
// eslint-disable-next-line no-unused-vars
|
|
840
835
|
component.component;
|
|
841
836
|
_objectWithoutProperties(component, _excluded);
|
|
842
837
|
return component.component;
|
|
@@ -858,20 +853,19 @@ var usePanneauSettings = function usePanneauSettings() {
|
|
|
858
853
|
function PanneauProvider(_ref8) {
|
|
859
854
|
var definition = _ref8.definition,
|
|
860
855
|
children = _ref8.children;
|
|
861
|
-
return /*#__PURE__*/React.createElement(PanneauContext
|
|
856
|
+
return /*#__PURE__*/React$1.createElement(PanneauContext, {
|
|
862
857
|
value: definition
|
|
863
858
|
}, children);
|
|
864
859
|
}
|
|
865
860
|
|
|
866
|
-
|
|
867
|
-
var ResourceContext = /*#__PURE__*/React.createContext(null);
|
|
861
|
+
var ResourceContext = /*#__PURE__*/React$1.createContext(null);
|
|
868
862
|
var useResource = function useResource() {
|
|
869
863
|
return useContext(ResourceContext);
|
|
870
864
|
};
|
|
871
865
|
function ResourceProvider(_ref) {
|
|
872
866
|
var resource = _ref.resource,
|
|
873
867
|
children = _ref.children;
|
|
874
|
-
return /*#__PURE__*/React.createElement(ResourceContext
|
|
868
|
+
return /*#__PURE__*/React$1.createElement(ResourceContext, {
|
|
875
869
|
value: resource
|
|
876
870
|
}, children);
|
|
877
871
|
}
|
|
@@ -909,7 +903,6 @@ var useRouteBack = function useRouteBack() {
|
|
|
909
903
|
return back;
|
|
910
904
|
};
|
|
911
905
|
|
|
912
|
-
/* eslint-disable react/jsx-props-no-spreading */
|
|
913
906
|
var useTracking = function useTracking() {
|
|
914
907
|
return useContext(TrackingContext);
|
|
915
908
|
};
|
package/lib/contexts.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
|
|
4
4
|
var isString = require('lodash-es/isString');
|
|
5
|
-
var React = require('react');
|
|
5
|
+
var React$1 = require('react');
|
|
6
6
|
var core = require('@panneau/core');
|
|
7
7
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
8
8
|
var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
|
|
@@ -38,7 +38,7 @@ function _interopNamespaceDefault(e) {
|
|
|
38
38
|
return Object.freeze(n);
|
|
39
39
|
}
|
|
40
40
|
|
|
41
|
-
var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
|
|
41
|
+
var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React$1);
|
|
42
42
|
|
|
43
43
|
var MODALS_NAMESPACE = 'modals';
|
|
44
44
|
var FIELDS_NAMESPACE = 'fields';
|
|
@@ -51,15 +51,15 @@ var BUTTONS_NAMESPACE = 'buttons';
|
|
|
51
51
|
var PAGES_NAMESPACE = 'pages';
|
|
52
52
|
var PREVIEWS_NAMESPACE = 'previews';
|
|
53
53
|
var APP_NAMESPACE = 'app';
|
|
54
|
-
var ComponentsContext = /*#__PURE__*/React.createContext(null);
|
|
54
|
+
var ComponentsContext = /*#__PURE__*/React$1.createContext(null);
|
|
55
55
|
|
|
56
56
|
/**
|
|
57
57
|
* Hooks
|
|
58
58
|
*/
|
|
59
59
|
var useComponentsManager = function useComponentsManager() {
|
|
60
60
|
var namespace = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
61
|
-
var manager = React.useContext(ComponentsContext);
|
|
62
|
-
var finalManager = React.useMemo(function () {
|
|
61
|
+
var manager = React$1.useContext(ComponentsContext);
|
|
62
|
+
var finalManager = React$1.useMemo(function () {
|
|
63
63
|
return namespace !== null ? new core.ComponentsManager(manager.getComponents(namespace)) : manager;
|
|
64
64
|
}, [manager, namespace]);
|
|
65
65
|
return finalManager;
|
|
@@ -74,7 +74,7 @@ var useComponent = function useComponent(name) {
|
|
|
74
74
|
var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
75
75
|
var namespace = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
|
|
76
76
|
var manager = useComponentsManager(namespace);
|
|
77
|
-
return React.useMemo(function () {
|
|
77
|
+
return React$1.useMemo(function () {
|
|
78
78
|
if (!isString(name)) {
|
|
79
79
|
return name || defaultComponent;
|
|
80
80
|
}
|
|
@@ -261,18 +261,17 @@ function ComponentsProvider(_ref) {
|
|
|
261
261
|
namespace = _ref$namespace === void 0 ? null : _ref$namespace,
|
|
262
262
|
children = _ref.children;
|
|
263
263
|
var previousManager = useComponentsManager() || null;
|
|
264
|
-
var finalManager = React.useMemo(function () {
|
|
264
|
+
var finalManager = React$1.useMemo(function () {
|
|
265
265
|
return new core.ComponentsManager(_objectSpread(_objectSpread(_objectSpread({}, previousManager !== null ? previousManager.getComponents() : null), manager !== null ? manager.getComponents() : null), new core.ComponentsManager(components).addNamespace(namespace).getComponents()));
|
|
266
266
|
}, [previousManager, manager, components, namespace]);
|
|
267
|
-
return /*#__PURE__*/React.createElement(ComponentsContext
|
|
267
|
+
return /*#__PURE__*/React$1.createElement(ComponentsContext, {
|
|
268
268
|
value: finalManager
|
|
269
269
|
}, children);
|
|
270
270
|
}
|
|
271
271
|
|
|
272
|
-
|
|
273
|
-
var DefinitionContext = /*#__PURE__*/React.createContext(null);
|
|
272
|
+
var DefinitionContext = /*#__PURE__*/React$1.createContext(null);
|
|
274
273
|
var useDefinitionContext = function useDefinitionContext() {
|
|
275
|
-
return React.useContext(DefinitionContext);
|
|
274
|
+
return React$1.useContext(DefinitionContext);
|
|
276
275
|
};
|
|
277
276
|
var useDefinition = function useDefinition() {
|
|
278
277
|
var definition = useDefinitionContext();
|
|
@@ -281,14 +280,14 @@ var useDefinition = function useDefinition() {
|
|
|
281
280
|
function DefinitionProvider(_ref) {
|
|
282
281
|
var definition = _ref.definition,
|
|
283
282
|
children = _ref.children;
|
|
284
|
-
return /*#__PURE__*/React.createElement(DefinitionContext
|
|
283
|
+
return /*#__PURE__*/React$1.createElement(DefinitionContext, {
|
|
285
284
|
value: definition
|
|
286
285
|
}, children);
|
|
287
286
|
}
|
|
288
287
|
|
|
289
|
-
var FieldsContext = /*#__PURE__*/React.createContext(null);
|
|
288
|
+
var FieldsContext = /*#__PURE__*/React$1.createContext(null);
|
|
290
289
|
var useFieldsManager = function useFieldsManager() {
|
|
291
|
-
return React.useContext(FieldsContext);
|
|
290
|
+
return React$1.useContext(FieldsContext);
|
|
292
291
|
};
|
|
293
292
|
var useField = function useField(id) {
|
|
294
293
|
var manager = useFieldsManager();
|
|
@@ -305,34 +304,33 @@ function FieldsProvider(_ref) {
|
|
|
305
304
|
manager = _ref$manager === void 0 ? null : _ref$manager,
|
|
306
305
|
children = _ref.children;
|
|
307
306
|
var previousManager = useFieldsManager() || null;
|
|
308
|
-
var finalManager = React.useMemo(function () {
|
|
307
|
+
var finalManager = React$1.useMemo(function () {
|
|
309
308
|
var newFields = uniqBy([].concat(_toConsumableArray(fields || []), _toConsumableArray(manager !== null ? manager.getDefinitions() : []), _toConsumableArray(previousManager !== null ? previousManager.getDefinitions() : [])), function (_ref2) {
|
|
310
309
|
var id = _ref2.id;
|
|
311
310
|
return id;
|
|
312
311
|
}).reverse();
|
|
313
312
|
return new core.FieldsManager(newFields);
|
|
314
313
|
}, [previousManager, manager, fields]);
|
|
315
|
-
var components = React.useMemo(function () {
|
|
314
|
+
var components = React$1.useMemo(function () {
|
|
316
315
|
var newComponents = finalManager.getComponents();
|
|
317
316
|
return Object.keys(newComponents).reduce(function (map, id) {
|
|
318
317
|
var component = newComponents[id];
|
|
319
318
|
return isString(component) ? map : _objectSpread(_objectSpread({}, map), {}, _defineProperty({}, id, component));
|
|
320
319
|
}, {});
|
|
321
320
|
}, [finalManager]);
|
|
322
|
-
return /*#__PURE__*/React.createElement(FieldsContext
|
|
321
|
+
return /*#__PURE__*/React$1.createElement(FieldsContext, {
|
|
323
322
|
value: finalManager
|
|
324
|
-
}, /*#__PURE__*/React.createElement(ComponentsProvider, {
|
|
323
|
+
}, /*#__PURE__*/React$1.createElement(ComponentsProvider, {
|
|
325
324
|
namespace: FIELDS_NAMESPACE,
|
|
326
325
|
components: components
|
|
327
326
|
}, children));
|
|
328
327
|
}
|
|
329
328
|
|
|
330
|
-
|
|
331
|
-
var GoogleKeysContext = /*#__PURE__*/React.createContext({
|
|
329
|
+
var GoogleKeysContext = /*#__PURE__*/React$1.createContext({
|
|
332
330
|
apiKey: null
|
|
333
331
|
});
|
|
334
332
|
var useGoogleKeys = function useGoogleKeys() {
|
|
335
|
-
return React.useContext(GoogleKeysContext);
|
|
333
|
+
return React$1.useContext(GoogleKeysContext);
|
|
336
334
|
};
|
|
337
335
|
function GoogleKeysProvider(_ref) {
|
|
338
336
|
var children = _ref.children,
|
|
@@ -340,17 +338,17 @@ function GoogleKeysProvider(_ref) {
|
|
|
340
338
|
apiKey = _ref$apiKey === void 0 ? null : _ref$apiKey;
|
|
341
339
|
var _useGoogleKeys = useGoogleKeys(),
|
|
342
340
|
previousApiKey = _useGoogleKeys.apiKey;
|
|
343
|
-
var value = React.useMemo(function () {
|
|
341
|
+
var value = React$1.useMemo(function () {
|
|
344
342
|
return {
|
|
345
343
|
apiKey: apiKey || previousApiKey
|
|
346
344
|
};
|
|
347
345
|
}, [previousApiKey, apiKey]);
|
|
348
|
-
return /*#__PURE__*/React.createElement(GoogleKeysContext
|
|
346
|
+
return /*#__PURE__*/React$1.createElement(GoogleKeysContext, {
|
|
349
347
|
value: value
|
|
350
348
|
}, children);
|
|
351
349
|
}
|
|
352
350
|
|
|
353
|
-
var FontsContext = /*#__PURE__*/React.createContext({
|
|
351
|
+
var FontsContext = /*#__PURE__*/React$1.createContext({
|
|
354
352
|
systemFonts: null,
|
|
355
353
|
googleFonts: null,
|
|
356
354
|
customFonts: null
|
|
@@ -363,11 +361,11 @@ var useGoogleFonts = function useGoogleFonts() {
|
|
|
363
361
|
setFonts = _ref$setFonts === void 0 ? null : _ref$setFonts;
|
|
364
362
|
var _useGoogleKeys = useGoogleKeys(),
|
|
365
363
|
apiKey = _useGoogleKeys.apiKey;
|
|
366
|
-
var _useState = React.useState(null),
|
|
364
|
+
var _useState = React$1.useState(null),
|
|
367
365
|
_useState2 = _slicedToArray(_useState, 2),
|
|
368
366
|
googleFonts = _useState2[0],
|
|
369
367
|
setGoogleFonts = _useState2[1];
|
|
370
|
-
React.useEffect(function () {
|
|
368
|
+
React$1.useEffect(function () {
|
|
371
369
|
var canceled = false;
|
|
372
370
|
if (apiKey !== null && !disabled) {
|
|
373
371
|
fetch.getJSON("https://www.googleapis.com/webfonts/v1/webfonts?key=".concat(apiKey, "&sort=popularity")).then(function (_ref2) {
|
|
@@ -399,7 +397,7 @@ var useFonts = function useFonts() {
|
|
|
399
397
|
var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
400
398
|
_ref3$withoutGoogleFo = _ref3.withoutGoogleFonts,
|
|
401
399
|
withoutGoogleFonts = _ref3$withoutGoogleFo === void 0 ? false : _ref3$withoutGoogleFo;
|
|
402
|
-
var _useContext = React.useContext(FontsContext),
|
|
400
|
+
var _useContext = React$1.useContext(FontsContext),
|
|
403
401
|
_useContext$setGoogle = _useContext.setGoogleFonts,
|
|
404
402
|
setGoogleFonts = _useContext$setGoogle === void 0 ? null : _useContext$setGoogle,
|
|
405
403
|
_useContext$systemFon = _useContext.systemFonts,
|
|
@@ -412,7 +410,7 @@ var useFonts = function useFonts() {
|
|
|
412
410
|
disabled: withoutGoogleFonts || googleFonts !== null && googleFonts.length > 0,
|
|
413
411
|
setFonts: setGoogleFonts
|
|
414
412
|
});
|
|
415
|
-
var fonts = React.useMemo(function () {
|
|
413
|
+
var fonts = React$1.useMemo(function () {
|
|
416
414
|
return {
|
|
417
415
|
systemFonts: systemFonts,
|
|
418
416
|
googleFonts: googleFonts,
|
|
@@ -435,11 +433,11 @@ function FontsProvider(_ref4) {
|
|
|
435
433
|
previousGoogleFonts = _useFonts$googleFonts === void 0 ? null : _useFonts$googleFonts,
|
|
436
434
|
_useFonts$customFonts = _useFonts.customFonts,
|
|
437
435
|
previousCustomFonts = _useFonts$customFonts === void 0 ? null : _useFonts$customFonts;
|
|
438
|
-
var _useState3 = React.useState(null),
|
|
436
|
+
var _useState3 = React$1.useState(null),
|
|
439
437
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
440
438
|
googleFonts = _useState4[0],
|
|
441
439
|
setGoogleFonts = _useState4[1];
|
|
442
|
-
var fonts = React.useMemo(function () {
|
|
440
|
+
var fonts = React$1.useMemo(function () {
|
|
443
441
|
return {
|
|
444
442
|
systemFonts: uniqBy([].concat(_toConsumableArray(previousSystemFonts || []), _toConsumableArray(systemFonts || [])), function (font) {
|
|
445
443
|
return isObject(font) ? font.name : font;
|
|
@@ -453,15 +451,14 @@ function FontsProvider(_ref4) {
|
|
|
453
451
|
setGoogleFonts: setGoogleFonts
|
|
454
452
|
};
|
|
455
453
|
}, [previousSystemFonts, previousGoogleFonts, previousCustomFonts, customFonts, systemFonts, googleFonts, setGoogleFonts]);
|
|
456
|
-
return /*#__PURE__*/React.createElement(FontsContext
|
|
454
|
+
return /*#__PURE__*/React$1.createElement(FontsContext, {
|
|
457
455
|
value: fonts
|
|
458
456
|
}, children);
|
|
459
457
|
}
|
|
460
458
|
|
|
461
|
-
|
|
462
|
-
var FormContext = /*#__PURE__*/React.createContext(null);
|
|
459
|
+
var FormContext = /*#__PURE__*/React$1.createContext(null);
|
|
463
460
|
var useForm = function useForm() {
|
|
464
|
-
return React.useContext(FormContext);
|
|
461
|
+
return React$1.useContext(FormContext);
|
|
465
462
|
};
|
|
466
463
|
var useFormValue = function useFormValue() {
|
|
467
464
|
var _useForm = useForm(),
|
|
@@ -477,20 +474,20 @@ function FormProvider(_ref) {
|
|
|
477
474
|
var value = _ref.value,
|
|
478
475
|
setValue = _ref.setValue,
|
|
479
476
|
children = _ref.children;
|
|
480
|
-
var values = React.useMemo(function () {
|
|
477
|
+
var values = React$1.useMemo(function () {
|
|
481
478
|
return {
|
|
482
479
|
value: value,
|
|
483
480
|
setValue: setValue
|
|
484
481
|
};
|
|
485
482
|
}, [value, setValue]);
|
|
486
|
-
return /*#__PURE__*/React.createElement(FormContext
|
|
483
|
+
return /*#__PURE__*/React$1.createElement(FormContext, {
|
|
487
484
|
value: values
|
|
488
485
|
}, children);
|
|
489
486
|
}
|
|
490
487
|
|
|
491
|
-
var GoogleApiClientContext = /*#__PURE__*/React.createContext(null);
|
|
488
|
+
var GoogleApiClientContext = /*#__PURE__*/React$1.createContext(null);
|
|
492
489
|
var useGoogleApiClient = function useGoogleApiClient() {
|
|
493
|
-
return React.useContext(GoogleApiClientContext);
|
|
490
|
+
return React$1.useContext(GoogleApiClientContext);
|
|
494
491
|
};
|
|
495
492
|
var withGoogleApiClient = function withGoogleApiClient(WrappedComponent) {
|
|
496
493
|
var getDisplayName = function getDisplayName(_ref) {
|
|
@@ -501,8 +498,8 @@ var withGoogleApiClient = function withGoogleApiClient(WrappedComponent) {
|
|
|
501
498
|
return displayName || name || 'Component';
|
|
502
499
|
};
|
|
503
500
|
var WithGoogleApiClientComponent = function WithGoogleApiClientComponent(props) {
|
|
504
|
-
return /*#__PURE__*/React.createElement(GoogleApiClientContext.Consumer, null, function (client) {
|
|
505
|
-
return /*#__PURE__*/React.createElement(WrappedComponent, Object.assign({
|
|
501
|
+
return /*#__PURE__*/React$1.createElement(GoogleApiClientContext.Consumer, null, function (client) {
|
|
502
|
+
return /*#__PURE__*/React$1.createElement(WrappedComponent, Object.assign({
|
|
506
503
|
googleApiClient: client
|
|
507
504
|
}, props));
|
|
508
505
|
});
|
|
@@ -514,11 +511,11 @@ function GoogleApiClientProvider(_ref2) {
|
|
|
514
511
|
var children = _ref2.children;
|
|
515
512
|
var _useGoogleKeys = useGoogleKeys(),
|
|
516
513
|
apiKey = _useGoogleKeys.apiKey;
|
|
517
|
-
var _useState = React.useState(null),
|
|
514
|
+
var _useState = React$1.useState(null),
|
|
518
515
|
_useState2 = _slicedToArray(_useState, 2),
|
|
519
516
|
client = _useState2[0],
|
|
520
517
|
setClient = _useState2[1];
|
|
521
|
-
React.useEffect(function () {
|
|
518
|
+
React$1.useEffect(function () {
|
|
522
519
|
services.loadGoogleApi().then(function (gapi) {
|
|
523
520
|
return gapi.client.init({
|
|
524
521
|
apiKey: apiKey
|
|
@@ -529,14 +526,14 @@ function GoogleApiClientProvider(_ref2) {
|
|
|
529
526
|
return setClient(gapi);
|
|
530
527
|
});
|
|
531
528
|
}, [apiKey, setClient]);
|
|
532
|
-
return /*#__PURE__*/React.createElement(GoogleApiClientContext
|
|
529
|
+
return /*#__PURE__*/React$1.createElement(GoogleApiClientContext, {
|
|
533
530
|
value: client
|
|
534
531
|
}, children);
|
|
535
532
|
}
|
|
536
533
|
|
|
537
|
-
var GoogleMapsClientContext = /*#__PURE__*/React.createContext(null);
|
|
534
|
+
var GoogleMapsClientContext = /*#__PURE__*/React$1.createContext(null);
|
|
538
535
|
var useGoogleMapsClient = function useGoogleMapsClient() {
|
|
539
|
-
return React.useContext(GoogleMapsClientContext);
|
|
536
|
+
return React$1.useContext(GoogleMapsClientContext);
|
|
540
537
|
};
|
|
541
538
|
var withGoogleMapsClient = function withGoogleMapsClient(WrappedComponent) {
|
|
542
539
|
var getDisplayName = function getDisplayName(_ref) {
|
|
@@ -547,8 +544,8 @@ var withGoogleMapsClient = function withGoogleMapsClient(WrappedComponent) {
|
|
|
547
544
|
return displayName || name || 'Component';
|
|
548
545
|
};
|
|
549
546
|
var WithGoogleMapsClientComponent = function WithGoogleMapsClientComponent(props) {
|
|
550
|
-
return /*#__PURE__*/React.createElement(GoogleMapsClientContext.Consumer, null, function (client) {
|
|
551
|
-
return /*#__PURE__*/React.createElement(WrappedComponent, Object.assign({
|
|
547
|
+
return /*#__PURE__*/React$1.createElement(GoogleMapsClientContext.Consumer, null, function (client) {
|
|
548
|
+
return /*#__PURE__*/React$1.createElement(WrappedComponent, Object.assign({
|
|
552
549
|
googleApiClient: client
|
|
553
550
|
}, props));
|
|
554
551
|
});
|
|
@@ -565,11 +562,11 @@ function GoogleMapsClientProvider(_ref2) {
|
|
|
565
562
|
var _useGoogleKeys = useGoogleKeys(),
|
|
566
563
|
apiKey = _useGoogleKeys.apiKey;
|
|
567
564
|
var exisitingClient = useGoogleMapsClient();
|
|
568
|
-
var _useState = React.useState(exisitingClient),
|
|
565
|
+
var _useState = React$1.useState(exisitingClient),
|
|
569
566
|
_useState2 = _slicedToArray(_useState, 2),
|
|
570
567
|
client = _useState2[0],
|
|
571
568
|
setClient = _useState2[1];
|
|
572
|
-
React.useEffect(function () {
|
|
569
|
+
React$1.useEffect(function () {
|
|
573
570
|
if (exisitingClient === null) {
|
|
574
571
|
services.loadGoogleMaps({
|
|
575
572
|
apiKey: apiKey,
|
|
@@ -580,18 +577,17 @@ function GoogleMapsClientProvider(_ref2) {
|
|
|
580
577
|
});
|
|
581
578
|
}
|
|
582
579
|
}, [apiKey, locale, libraries, setClient, exisitingClient]);
|
|
583
|
-
return /*#__PURE__*/React.createElement(GoogleMapsClientContext
|
|
580
|
+
return /*#__PURE__*/React$1.createElement(GoogleMapsClientContext, {
|
|
584
581
|
value: client
|
|
585
582
|
}, children);
|
|
586
583
|
}
|
|
587
584
|
|
|
588
|
-
/* eslint-disable react/jsx-props-no-spreading */
|
|
589
585
|
var defaultLocales = ['en', 'fr'];
|
|
590
|
-
var LocalesContext = /*#__PURE__*/React.createContext({
|
|
586
|
+
var LocalesContext = /*#__PURE__*/React$1.createContext({
|
|
591
587
|
locales: defaultLocales
|
|
592
588
|
});
|
|
593
589
|
var useLocalesContext = function useLocalesContext() {
|
|
594
|
-
var context = React.useContext(LocalesContext);
|
|
590
|
+
var context = React$1.useContext(LocalesContext);
|
|
595
591
|
return context;
|
|
596
592
|
};
|
|
597
593
|
var useLocales = function useLocales() {
|
|
@@ -604,7 +600,7 @@ var useOtherLocales = function useOtherLocales() {
|
|
|
604
600
|
locales = _useLocalesContext2.locales;
|
|
605
601
|
var _useIntl = reactIntl.useIntl(),
|
|
606
602
|
locale = _useIntl.locale;
|
|
607
|
-
var otherLocales = React.useMemo(function () {
|
|
603
|
+
var otherLocales = React$1.useMemo(function () {
|
|
608
604
|
return locales.filter(function (it) {
|
|
609
605
|
return it !== locale;
|
|
610
606
|
});
|
|
@@ -616,35 +612,35 @@ function LocalesProvider(_ref) {
|
|
|
616
612
|
var _ref$locales = _ref.locales,
|
|
617
613
|
locales = _ref$locales === void 0 ? DEFAULT_LOCALES : _ref$locales,
|
|
618
614
|
children = _ref.children;
|
|
619
|
-
var value = React.useMemo(function () {
|
|
615
|
+
var value = React$1.useMemo(function () {
|
|
620
616
|
return {
|
|
621
617
|
locales: locales
|
|
622
618
|
};
|
|
623
619
|
}, [locales]);
|
|
624
|
-
return /*#__PURE__*/React.createElement(LocalesContext
|
|
620
|
+
return /*#__PURE__*/React$1.createElement(LocalesContext, {
|
|
625
621
|
value: value
|
|
626
622
|
}, children);
|
|
627
623
|
}
|
|
628
624
|
|
|
629
|
-
var ModalContext = /*#__PURE__*/React.createContext(null);
|
|
625
|
+
var ModalContext = /*#__PURE__*/React$1.createContext(null);
|
|
630
626
|
var useModal = function useModal() {
|
|
631
|
-
return React.useContext(ModalContext) || {};
|
|
627
|
+
return React$1.useContext(ModalContext) || {};
|
|
632
628
|
};
|
|
633
629
|
var DEFAULT_MODALS = [];
|
|
634
630
|
function ModalProvider(_ref) {
|
|
635
631
|
var children = _ref.children,
|
|
636
632
|
_ref$container = _ref.container,
|
|
637
633
|
initialContainer = _ref$container === void 0 ? null : _ref$container;
|
|
638
|
-
var _useState = React.useState(initialContainer),
|
|
634
|
+
var _useState = React$1.useState(initialContainer),
|
|
639
635
|
_useState2 = _slicedToArray(_useState, 2),
|
|
640
636
|
container = _useState2[0],
|
|
641
637
|
setContainer = _useState2[1];
|
|
642
|
-
var _useState3 = React.useState(DEFAULT_MODALS),
|
|
638
|
+
var _useState3 = React$1.useState(DEFAULT_MODALS),
|
|
643
639
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
644
640
|
modals = _useState4[0],
|
|
645
641
|
setModals = _useState4[1];
|
|
646
|
-
var modalsRef = React.useRef(modals);
|
|
647
|
-
var register = React.useCallback(function (id) {
|
|
642
|
+
var modalsRef = React$1.useRef(modals);
|
|
643
|
+
var register = React$1.useCallback(function (id) {
|
|
648
644
|
var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
649
645
|
var _modalsRef$current = modalsRef.current,
|
|
650
646
|
currentModals = _modalsRef$current === void 0 ? [] : _modalsRef$current;
|
|
@@ -654,7 +650,7 @@ function ModalProvider(_ref) {
|
|
|
654
650
|
setModals(newModals);
|
|
655
651
|
modalsRef.current = newModals;
|
|
656
652
|
}, [setModals]);
|
|
657
|
-
var unregister = React.useCallback(function () {
|
|
653
|
+
var unregister = React$1.useCallback(function () {
|
|
658
654
|
var id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
659
655
|
var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
660
656
|
var _modalsRef$current2 = modalsRef.current,
|
|
@@ -678,7 +674,7 @@ function ModalProvider(_ref) {
|
|
|
678
674
|
modalsRef.current = newModals;
|
|
679
675
|
}
|
|
680
676
|
}, [setModals]);
|
|
681
|
-
var closeLastModal = React.useCallback(function () {
|
|
677
|
+
var closeLastModal = React$1.useCallback(function () {
|
|
682
678
|
var lastModal = modals.pop() || null;
|
|
683
679
|
if (lastModal !== null) {
|
|
684
680
|
var _ref5 = lastModal || {},
|
|
@@ -697,12 +693,12 @@ function ModalProvider(_ref) {
|
|
|
697
693
|
modalsRef.current = newModals;
|
|
698
694
|
}
|
|
699
695
|
}, [modals, setModals]);
|
|
700
|
-
var getModalById = React.useCallback(function (modalId) {
|
|
696
|
+
var getModalById = React$1.useCallback(function (modalId) {
|
|
701
697
|
return (modals || []).find(function (modal) {
|
|
702
698
|
return (modal === null || modal === void 0 ? void 0 : modal.id) === modalId;
|
|
703
699
|
}) || null;
|
|
704
700
|
}, [modals]);
|
|
705
|
-
var value = React.useMemo(function () {
|
|
701
|
+
var value = React$1.useMemo(function () {
|
|
706
702
|
return {
|
|
707
703
|
modals: modals,
|
|
708
704
|
container: container,
|
|
@@ -713,12 +709,12 @@ function ModalProvider(_ref) {
|
|
|
713
709
|
getModalById: getModalById
|
|
714
710
|
};
|
|
715
711
|
}, [modals, container, setContainer, register, unregister, closeLastModal, getModalById]);
|
|
716
|
-
return /*#__PURE__*/React.createElement(ModalContext
|
|
712
|
+
return /*#__PURE__*/React$1.createElement(ModalContext, {
|
|
717
713
|
value: value
|
|
718
714
|
}, children);
|
|
719
715
|
}
|
|
720
716
|
|
|
721
|
-
var PanelsContext = /*#__PURE__*/React.createContext({
|
|
717
|
+
var PanelsContext = /*#__PURE__*/React$1.createContext({
|
|
722
718
|
panels: [],
|
|
723
719
|
container: null,
|
|
724
720
|
setContainer: function setContainer() {},
|
|
@@ -726,17 +722,17 @@ var PanelsContext = /*#__PURE__*/React.createContext({
|
|
|
726
722
|
unregister: function unregister() {}
|
|
727
723
|
});
|
|
728
724
|
var usePanels = function usePanels() {
|
|
729
|
-
return React.useContext(PanelsContext) || {};
|
|
725
|
+
return React$1.useContext(PanelsContext) || {};
|
|
730
726
|
};
|
|
731
727
|
var withPanels = function withPanels(WrappedComponent) {
|
|
732
728
|
var WithPanelsComponent = function WithPanelsComponent(props) {
|
|
733
|
-
return /*#__PURE__*/React.createElement(PanelsContext.Consumer, null, function (_ref) {
|
|
729
|
+
return /*#__PURE__*/React$1.createElement(PanelsContext.Consumer, null, function (_ref) {
|
|
734
730
|
var panels = _ref.panels,
|
|
735
731
|
setContainer = _ref.setContainer,
|
|
736
732
|
container = _ref.container,
|
|
737
733
|
register = _ref.register,
|
|
738
734
|
unregister = _ref.unregister;
|
|
739
|
-
return /*#__PURE__*/React.createElement(WrappedComponent, Object.assign({
|
|
735
|
+
return /*#__PURE__*/React$1.createElement(WrappedComponent, Object.assign({
|
|
740
736
|
panelsContainer: container,
|
|
741
737
|
setPanelsContainer: setContainer,
|
|
742
738
|
panels: panels,
|
|
@@ -752,16 +748,16 @@ function PanelsProvider(_ref2) {
|
|
|
752
748
|
var children = _ref2.children,
|
|
753
749
|
_ref2$container = _ref2.container,
|
|
754
750
|
initialContainer = _ref2$container === void 0 ? null : _ref2$container;
|
|
755
|
-
var _useState = React.useState(initialContainer),
|
|
751
|
+
var _useState = React$1.useState(initialContainer),
|
|
756
752
|
_useState2 = _slicedToArray(_useState, 2),
|
|
757
753
|
container = _useState2[0],
|
|
758
754
|
setContainer = _useState2[1];
|
|
759
|
-
var _useState3 = React.useState([]),
|
|
755
|
+
var _useState3 = React$1.useState([]),
|
|
760
756
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
761
757
|
panels = _useState4[0],
|
|
762
758
|
setPanels = _useState4[1];
|
|
763
|
-
var panelsRef = React.useRef(panels);
|
|
764
|
-
var register = React.useCallback(function (id) {
|
|
759
|
+
var panelsRef = React$1.useRef(panels);
|
|
760
|
+
var register = React$1.useCallback(function (id) {
|
|
765
761
|
var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
766
762
|
var currentPanels = panelsRef.current;
|
|
767
763
|
var newPanels = [].concat(_toConsumableArray(currentPanels), [_objectSpread({
|
|
@@ -770,7 +766,7 @@ function PanelsProvider(_ref2) {
|
|
|
770
766
|
setPanels(newPanels);
|
|
771
767
|
panelsRef.current = newPanels;
|
|
772
768
|
}, [panels, setPanels]);
|
|
773
|
-
var unregister = React.useCallback(function (id) {
|
|
769
|
+
var unregister = React$1.useCallback(function (id) {
|
|
774
770
|
var currentPanels = panelsRef.current;
|
|
775
771
|
var foundIndex = currentPanels.findIndex(function (_ref3) {
|
|
776
772
|
var modalId = _ref3.id;
|
|
@@ -785,7 +781,7 @@ function PanelsProvider(_ref2) {
|
|
|
785
781
|
panelsRef.current = newPanels;
|
|
786
782
|
}
|
|
787
783
|
}, [panels, setPanels]);
|
|
788
|
-
var value = React.useMemo(function () {
|
|
784
|
+
var value = React$1.useMemo(function () {
|
|
789
785
|
return {
|
|
790
786
|
panels: panels,
|
|
791
787
|
setContainer: setContainer,
|
|
@@ -794,15 +790,15 @@ function PanelsProvider(_ref2) {
|
|
|
794
790
|
unregister: unregister
|
|
795
791
|
};
|
|
796
792
|
}, [panels, setContainer, container, register, unregister]);
|
|
797
|
-
return /*#__PURE__*/React.createElement(PanelsContext
|
|
793
|
+
return /*#__PURE__*/React$1.createElement(PanelsContext, {
|
|
798
794
|
value: value
|
|
799
795
|
}, children);
|
|
800
796
|
}
|
|
801
797
|
|
|
802
798
|
var _excluded = ["component"];
|
|
803
|
-
var PanneauContext = /*#__PURE__*/React.createContext(null);
|
|
799
|
+
var PanneauContext = /*#__PURE__*/React$1.createContext(null);
|
|
804
800
|
var usePanneau = function usePanneau() {
|
|
805
|
-
return React.useContext(PanneauContext);
|
|
801
|
+
return React$1.useContext(PanneauContext);
|
|
806
802
|
};
|
|
807
803
|
var DEFAULT_RESOURCES = [];
|
|
808
804
|
var usePanneauResources = function usePanneauResources() {
|
|
@@ -858,7 +854,6 @@ var usePanneauComponent = function usePanneauComponent(namespace, name) {
|
|
|
858
854
|
return component;
|
|
859
855
|
}
|
|
860
856
|
if (isObject(component) && isString(component === null || component === void 0 ? void 0 : component.componnent)) {
|
|
861
|
-
// eslint-disable-next-line no-unused-vars
|
|
862
857
|
component.component;
|
|
863
858
|
_objectWithoutProperties(component, _excluded);
|
|
864
859
|
return component.component;
|
|
@@ -880,20 +875,19 @@ var usePanneauSettings = function usePanneauSettings() {
|
|
|
880
875
|
function PanneauProvider(_ref8) {
|
|
881
876
|
var definition = _ref8.definition,
|
|
882
877
|
children = _ref8.children;
|
|
883
|
-
return /*#__PURE__*/React.createElement(PanneauContext
|
|
878
|
+
return /*#__PURE__*/React$1.createElement(PanneauContext, {
|
|
884
879
|
value: definition
|
|
885
880
|
}, children);
|
|
886
881
|
}
|
|
887
882
|
|
|
888
|
-
|
|
889
|
-
var ResourceContext = /*#__PURE__*/React.createContext(null);
|
|
883
|
+
var ResourceContext = /*#__PURE__*/React$1.createContext(null);
|
|
890
884
|
var useResource = function useResource() {
|
|
891
|
-
return React.useContext(ResourceContext);
|
|
885
|
+
return React$1.useContext(ResourceContext);
|
|
892
886
|
};
|
|
893
887
|
function ResourceProvider(_ref) {
|
|
894
888
|
var resource = _ref.resource,
|
|
895
889
|
children = _ref.children;
|
|
896
|
-
return /*#__PURE__*/React.createElement(ResourceContext
|
|
890
|
+
return /*#__PURE__*/React$1.createElement(ResourceContext, {
|
|
897
891
|
value: resource
|
|
898
892
|
}, children);
|
|
899
893
|
}
|
|
@@ -1089,11 +1083,11 @@ var defaultRouter = {
|
|
|
1089
1083
|
return x;
|
|
1090
1084
|
}
|
|
1091
1085
|
};
|
|
1092
|
-
var RouterCtx = React.createContext(defaultRouter);
|
|
1086
|
+
var RouterCtx = React$1.createContext(defaultRouter);
|
|
1093
1087
|
|
|
1094
1088
|
// gets the closest parent router from the context
|
|
1095
1089
|
var useRouter = function useRouter() {
|
|
1096
|
-
return React.useContext(RouterCtx);
|
|
1090
|
+
return React$1.useContext(RouterCtx);
|
|
1097
1091
|
};
|
|
1098
1092
|
|
|
1099
1093
|
/**
|
|
@@ -1102,7 +1096,7 @@ var useRouter = function useRouter() {
|
|
|
1102
1096
|
*/
|
|
1103
1097
|
|
|
1104
1098
|
var Params0 = {};
|
|
1105
|
-
React.createContext(Params0);
|
|
1099
|
+
React$1.createContext(Params0);
|
|
1106
1100
|
|
|
1107
1101
|
/*
|
|
1108
1102
|
* Part 1, Hooks API: useRoute and useLocation
|
|
@@ -1126,7 +1120,7 @@ var useLocationFromRouter = function useLocationFromRouter(router) {
|
|
|
1126
1120
|
var useLocation = function useLocation() {
|
|
1127
1121
|
return useLocationFromRouter(useRouter());
|
|
1128
1122
|
};
|
|
1129
|
-
React.forwardRef(function (props, ref) {
|
|
1123
|
+
React$1.forwardRef(function (props, ref) {
|
|
1130
1124
|
var router = useRouter();
|
|
1131
1125
|
var _useLocationFromRoute3 = useLocationFromRouter(router),
|
|
1132
1126
|
_useLocationFromRoute4 = _slicedToArray(_useLocationFromRoute3, 2),
|
|
@@ -1157,10 +1151,10 @@ React.forwardRef(function (props, ref) {
|
|
|
1157
1151
|
// handle nested routers and absolute paths
|
|
1158
1152
|
var href = router.hrefs(targetPath[0] === "~" ? targetPath.slice(1) : router.base + targetPath, router // pass router as a second argument for convinience
|
|
1159
1153
|
);
|
|
1160
|
-
return asChild && React.isValidElement(children) ? React.cloneElement(children, {
|
|
1154
|
+
return asChild && React$1.isValidElement(children) ? React$1.cloneElement(children, {
|
|
1161
1155
|
onClick: onClick,
|
|
1162
1156
|
href: href
|
|
1163
|
-
}) : React.createElement("a", _objectSpread(_objectSpread({}, restProps), {}, {
|
|
1157
|
+
}) : React$1.createElement("a", _objectSpread(_objectSpread({}, restProps), {}, {
|
|
1164
1158
|
onClick: onClick,
|
|
1165
1159
|
href: href,
|
|
1166
1160
|
// `className` can be a function to apply the class if this link is active
|
|
@@ -1171,9 +1165,9 @@ React.forwardRef(function (props, ref) {
|
|
|
1171
1165
|
});
|
|
1172
1166
|
|
|
1173
1167
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
1174
|
-
var RoutesContext = /*#__PURE__*/React.createContext(null);
|
|
1168
|
+
var RoutesContext = /*#__PURE__*/React$1.createContext(null);
|
|
1175
1169
|
var useRoutesContext = function useRoutesContext() {
|
|
1176
|
-
return React.useContext(RoutesContext);
|
|
1170
|
+
return React$1.useContext(RoutesContext);
|
|
1177
1171
|
};
|
|
1178
1172
|
var propTypes$1 = {
|
|
1179
1173
|
children: PropTypes.node.isRequired,
|
|
@@ -1187,7 +1181,7 @@ function RoutesProvider(_ref) {
|
|
|
1187
1181
|
var routes = _ref.routes,
|
|
1188
1182
|
basePath = _ref.basePath,
|
|
1189
1183
|
children = _ref.children;
|
|
1190
|
-
var value = React.useMemo(function () {
|
|
1184
|
+
var value = React$1.useMemo(function () {
|
|
1191
1185
|
return {
|
|
1192
1186
|
routes: routes,
|
|
1193
1187
|
basePath: basePath
|
|
@@ -1216,7 +1210,7 @@ var useUrlGeneratorPathToRepexp = function useUrlGeneratorPathToRepexp() {
|
|
|
1216
1210
|
routes = _ref2$routes === void 0 ? null : _ref2$routes,
|
|
1217
1211
|
_ref2$basePath = _ref2.basePath,
|
|
1218
1212
|
basePath = _ref2$basePath === void 0 ? null : _ref2$basePath;
|
|
1219
|
-
var urlGenerator = React.useCallback(function (key, data, opts) {
|
|
1213
|
+
var urlGenerator = React$1.useCallback(function (key, data, opts) {
|
|
1220
1214
|
var path = routes !== null ? routes[key] || null : null;
|
|
1221
1215
|
if (path === null) {
|
|
1222
1216
|
return null;
|
|
@@ -1242,7 +1236,7 @@ var useRoutePush = function useRoutePush() {
|
|
|
1242
1236
|
var _useLocation = useLocation(),
|
|
1243
1237
|
_useLocation2 = _slicedToArray(_useLocation, 2),
|
|
1244
1238
|
navigate = _useLocation2[1];
|
|
1245
|
-
var push = React.useCallback(function (route, data) {
|
|
1239
|
+
var push = React$1.useCallback(function (route, data) {
|
|
1246
1240
|
for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
|
|
1247
1241
|
args[_key - 2] = arguments[_key];
|
|
1248
1242
|
}
|
|
@@ -1264,22 +1258,21 @@ var useRouteBack = function useRouteBack() {
|
|
|
1264
1258
|
var _useLocation3 = useLocation(),
|
|
1265
1259
|
_useLocation4 = _slicedToArray(_useLocation3, 2),
|
|
1266
1260
|
navigate = _useLocation4[1];
|
|
1267
|
-
var back = React.useCallback(function () {
|
|
1261
|
+
var back = React$1.useCallback(function () {
|
|
1268
1262
|
return navigate(-1);
|
|
1269
1263
|
}, [navigate, url]);
|
|
1270
1264
|
return back;
|
|
1271
1265
|
};
|
|
1272
1266
|
|
|
1273
|
-
/* eslint-disable react/jsx-props-no-spreading */
|
|
1274
1267
|
var useTracking = function useTracking() {
|
|
1275
|
-
return React.useContext(tracking.TrackingContext);
|
|
1268
|
+
return React$1.useContext(tracking.TrackingContext);
|
|
1276
1269
|
};
|
|
1277
1270
|
function TrackingProvider(_ref) {
|
|
1278
1271
|
var _ref$variables = _ref.variables,
|
|
1279
1272
|
variables = _ref$variables === void 0 ? null : _ref$variables,
|
|
1280
1273
|
children = _ref.children;
|
|
1281
1274
|
var contextTracking = useTracking() || null;
|
|
1282
|
-
var tracking$1 = React.useMemo(function () {
|
|
1275
|
+
var tracking$1 = React$1.useMemo(function () {
|
|
1283
1276
|
if (contextTracking !== null) {
|
|
1284
1277
|
contextTracking.setVariables(variables);
|
|
1285
1278
|
return contextTracking;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@panneau/core",
|
|
3
|
-
"version": "4.0.
|
|
3
|
+
"version": "4.0.2",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"javascript"
|
|
@@ -108,7 +108,6 @@
|
|
|
108
108
|
"hoist-non-react-statics": "^3.3.2",
|
|
109
109
|
"lodash-es": "^4.17.21",
|
|
110
110
|
"prop-types": "^15.7.2",
|
|
111
|
-
"react-helmet": "^6.1.0",
|
|
112
111
|
"react-intl": "^5.15.8 || ^6.0.0 || ^7.0.0",
|
|
113
112
|
"react-is": "^18.2.0",
|
|
114
113
|
"slugify": "^1.5.0",
|
|
@@ -121,5 +120,5 @@
|
|
|
121
120
|
"publishConfig": {
|
|
122
121
|
"access": "public"
|
|
123
122
|
},
|
|
124
|
-
"gitHead": "
|
|
123
|
+
"gitHead": "53ad0f27e467992c23158732e0f7d39d8615780b"
|
|
125
124
|
}
|