@panneau/core 3.0.15 → 3.0.17
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 +59 -652
- package/lib/contexts.js +58 -674
- package/package.json +22 -25
package/es/contexts.js
CHANGED
|
@@ -17,9 +17,6 @@ import { useUrlGenerator, useLocation } from '@folklore/routes';
|
|
|
17
17
|
export { RoutesContext, RoutesProvider, useRoutes, useUrlGenerator } from '@folklore/routes';
|
|
18
18
|
import { TrackingContext, TrackingContainer } from '@folklore/tracking';
|
|
19
19
|
export { TrackingContext } from '@folklore/tracking';
|
|
20
|
-
import slugify from 'slugify';
|
|
21
|
-
import { v1 } from 'uuid';
|
|
22
|
-
import EventEmitter from 'wolfy87-eventemitter';
|
|
23
20
|
|
|
24
21
|
var MODALS_NAMESPACE = 'modals';
|
|
25
22
|
var FIELDS_NAMESPACE = 'fields';
|
|
@@ -215,13 +212,13 @@ var useAppComponent = function useAppComponent(name) {
|
|
|
215
212
|
/**
|
|
216
213
|
* Provider
|
|
217
214
|
*/
|
|
218
|
-
var propTypes$
|
|
215
|
+
var propTypes$d = {
|
|
219
216
|
children: PropTypes.node.isRequired,
|
|
220
217
|
namespace: PropTypes.string,
|
|
221
218
|
manager: PropTypes.instanceOf(ComponentsManager),
|
|
222
219
|
components: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.object, PropTypes.func]))
|
|
223
220
|
};
|
|
224
|
-
var defaultProps$
|
|
221
|
+
var defaultProps$d = {
|
|
225
222
|
namespace: null,
|
|
226
223
|
components: {},
|
|
227
224
|
manager: null
|
|
@@ -239,8 +236,8 @@ var ComponentsProvider = function ComponentsProvider(_ref) {
|
|
|
239
236
|
value: finalManager
|
|
240
237
|
}, children);
|
|
241
238
|
};
|
|
242
|
-
ComponentsProvider.propTypes = propTypes$
|
|
243
|
-
ComponentsProvider.defaultProps = defaultProps$
|
|
239
|
+
ComponentsProvider.propTypes = propTypes$d;
|
|
240
|
+
ComponentsProvider.defaultProps = defaultProps$d;
|
|
244
241
|
|
|
245
242
|
var message = PropTypes.shape({
|
|
246
243
|
id: PropTypes.string.isRequired,
|
|
@@ -403,11 +400,11 @@ var useDefinition = function useDefinition() {
|
|
|
403
400
|
definition = _useDefinitionContext2 === void 0 ? null : _useDefinitionContext2;
|
|
404
401
|
return definition;
|
|
405
402
|
};
|
|
406
|
-
var propTypes$
|
|
403
|
+
var propTypes$c = {
|
|
407
404
|
definition: definition.isRequired,
|
|
408
405
|
children: PropTypes.node.isRequired
|
|
409
406
|
};
|
|
410
|
-
var defaultProps$
|
|
407
|
+
var defaultProps$c = {};
|
|
411
408
|
var DefinitionProvider = function DefinitionProvider(_ref) {
|
|
412
409
|
var definition = _ref.definition,
|
|
413
410
|
children = _ref.children;
|
|
@@ -415,8 +412,8 @@ var DefinitionProvider = function DefinitionProvider(_ref) {
|
|
|
415
412
|
value: definition
|
|
416
413
|
}, children);
|
|
417
414
|
};
|
|
418
|
-
DefinitionProvider.propTypes = propTypes$
|
|
419
|
-
DefinitionProvider.defaultProps = defaultProps$
|
|
415
|
+
DefinitionProvider.propTypes = propTypes$c;
|
|
416
|
+
DefinitionProvider.defaultProps = defaultProps$c;
|
|
420
417
|
|
|
421
418
|
var FieldsContext = /*#__PURE__*/React.createContext(null);
|
|
422
419
|
var useFieldsManager = function useFieldsManager() {
|
|
@@ -430,12 +427,12 @@ var useFields = function useFields() {
|
|
|
430
427
|
var manager = useFieldsManager();
|
|
431
428
|
return manager.getDefinitions();
|
|
432
429
|
};
|
|
433
|
-
var propTypes$
|
|
430
|
+
var propTypes$b = {
|
|
434
431
|
fields: PropTypes$1.fields,
|
|
435
432
|
manager: PropTypes.instanceOf(FieldsManager),
|
|
436
433
|
children: PropTypes.node.isRequired
|
|
437
434
|
};
|
|
438
|
-
var defaultProps$
|
|
435
|
+
var defaultProps$b = {
|
|
439
436
|
fields: null,
|
|
440
437
|
manager: null
|
|
441
438
|
};
|
|
@@ -465,8 +462,8 @@ var FieldsProvider = function FieldsProvider(_ref) {
|
|
|
465
462
|
components: components
|
|
466
463
|
}, children));
|
|
467
464
|
};
|
|
468
|
-
FieldsProvider.propTypes = propTypes$
|
|
469
|
-
FieldsProvider.defaultProps = defaultProps$
|
|
465
|
+
FieldsProvider.propTypes = propTypes$b;
|
|
466
|
+
FieldsProvider.defaultProps = defaultProps$b;
|
|
470
467
|
|
|
471
468
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
472
469
|
var GoogleKeysContext = /*#__PURE__*/React.createContext({
|
|
@@ -475,12 +472,12 @@ var GoogleKeysContext = /*#__PURE__*/React.createContext({
|
|
|
475
472
|
var useGoogleKeys = function useGoogleKeys() {
|
|
476
473
|
return useContext(GoogleKeysContext);
|
|
477
474
|
};
|
|
478
|
-
var propTypes$
|
|
475
|
+
var propTypes$a = {
|
|
479
476
|
children: PropTypes.node.isRequired,
|
|
480
477
|
apiKey: PropTypes.string // .isRequired,
|
|
481
478
|
};
|
|
482
479
|
|
|
483
|
-
var defaultProps$
|
|
480
|
+
var defaultProps$a = {
|
|
484
481
|
apiKey: null
|
|
485
482
|
};
|
|
486
483
|
var GoogleKeysProvider = function GoogleKeysProvider(_ref) {
|
|
@@ -497,8 +494,8 @@ var GoogleKeysProvider = function GoogleKeysProvider(_ref) {
|
|
|
497
494
|
value: value
|
|
498
495
|
}, children);
|
|
499
496
|
};
|
|
500
|
-
GoogleKeysProvider.propTypes = propTypes$
|
|
501
|
-
GoogleKeysProvider.defaultProps = defaultProps$
|
|
497
|
+
GoogleKeysProvider.propTypes = propTypes$a;
|
|
498
|
+
GoogleKeysProvider.defaultProps = defaultProps$a;
|
|
502
499
|
|
|
503
500
|
var FontsContext = /*#__PURE__*/React.createContext({
|
|
504
501
|
systemFonts: null,
|
|
@@ -571,12 +568,12 @@ var useFonts = function useFonts() {
|
|
|
571
568
|
}, [systemFonts, googleFonts, customFonts]);
|
|
572
569
|
return fonts;
|
|
573
570
|
};
|
|
574
|
-
var propTypes$
|
|
571
|
+
var propTypes$9 = {
|
|
575
572
|
children: PropTypes.node.isRequired,
|
|
576
573
|
systemFonts: PropTypes$1.fonts,
|
|
577
574
|
customFonts: PropTypes$1.fonts
|
|
578
575
|
};
|
|
579
|
-
var defaultProps$
|
|
576
|
+
var defaultProps$9 = {
|
|
580
577
|
systemFonts: ['Arial', 'Courier', 'Georgia', 'Times New Roman', 'Verdana'],
|
|
581
578
|
customFonts: null
|
|
582
579
|
};
|
|
@@ -612,8 +609,8 @@ var FontsProvider = function FontsProvider(_ref4) {
|
|
|
612
609
|
value: fonts
|
|
613
610
|
}, children);
|
|
614
611
|
};
|
|
615
|
-
FontsProvider.propTypes = propTypes$
|
|
616
|
-
FontsProvider.defaultProps = defaultProps$
|
|
612
|
+
FontsProvider.propTypes = propTypes$9;
|
|
613
|
+
FontsProvider.defaultProps = defaultProps$9;
|
|
617
614
|
|
|
618
615
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
619
616
|
var FormContext = /*#__PURE__*/React.createContext(null);
|
|
@@ -630,13 +627,13 @@ var useFormSetValue = function useFormSetValue() {
|
|
|
630
627
|
setValue = _useForm2.setValue;
|
|
631
628
|
return setValue;
|
|
632
629
|
};
|
|
633
|
-
var propTypes$
|
|
630
|
+
var propTypes$8 = {
|
|
634
631
|
value: PropTypes.object.isRequired,
|
|
635
632
|
// eslint-disable-line react/forbid-prop-types
|
|
636
633
|
setValue: PropTypes.func.isRequired,
|
|
637
634
|
children: PropTypes.node.isRequired
|
|
638
635
|
};
|
|
639
|
-
var defaultProps$
|
|
636
|
+
var defaultProps$8 = {};
|
|
640
637
|
var FormProvider = function FormProvider(_ref) {
|
|
641
638
|
var value = _ref.value,
|
|
642
639
|
setValue = _ref.setValue,
|
|
@@ -651,8 +648,8 @@ var FormProvider = function FormProvider(_ref) {
|
|
|
651
648
|
value: values
|
|
652
649
|
}, children);
|
|
653
650
|
};
|
|
654
|
-
FormProvider.propTypes = propTypes$
|
|
655
|
-
FormProvider.defaultProps = defaultProps$
|
|
651
|
+
FormProvider.propTypes = propTypes$8;
|
|
652
|
+
FormProvider.defaultProps = defaultProps$8;
|
|
656
653
|
|
|
657
654
|
var GoogleApiClientContext = /*#__PURE__*/React.createContext(null);
|
|
658
655
|
var useGoogleApiClient = function useGoogleApiClient() {
|
|
@@ -676,10 +673,10 @@ var withGoogleApiClient = function withGoogleApiClient(WrappedComponent) {
|
|
|
676
673
|
WithGoogleApiClientComponent.displayName = "WithGoogleApiClient(".concat(getDisplayName(WrappedComponent), ")");
|
|
677
674
|
return WithGoogleApiClientComponent;
|
|
678
675
|
};
|
|
679
|
-
var propTypes$
|
|
676
|
+
var propTypes$7 = {
|
|
680
677
|
children: PropTypes.node.isRequired
|
|
681
678
|
};
|
|
682
|
-
var defaultProps$
|
|
679
|
+
var defaultProps$7 = {};
|
|
683
680
|
var GoogleApiClientProvider = function GoogleApiClientProvider(_ref2) {
|
|
684
681
|
var children = _ref2.children;
|
|
685
682
|
var _useGoogleKeys = useGoogleKeys(),
|
|
@@ -703,8 +700,8 @@ var GoogleApiClientProvider = function GoogleApiClientProvider(_ref2) {
|
|
|
703
700
|
value: client
|
|
704
701
|
}, children);
|
|
705
702
|
};
|
|
706
|
-
GoogleApiClientProvider.propTypes = propTypes$
|
|
707
|
-
GoogleApiClientProvider.defaultProps = defaultProps$
|
|
703
|
+
GoogleApiClientProvider.propTypes = propTypes$7;
|
|
704
|
+
GoogleApiClientProvider.defaultProps = defaultProps$7;
|
|
708
705
|
|
|
709
706
|
var GoogleMapsClientContext = /*#__PURE__*/React.createContext(null);
|
|
710
707
|
var useGoogleMapsClient = function useGoogleMapsClient() {
|
|
@@ -728,12 +725,12 @@ var withGoogleMapsClient = function withGoogleMapsClient(WrappedComponent) {
|
|
|
728
725
|
WithGoogleMapsClientComponent.displayName = "WithGoogleMapsClient(".concat(getDisplayName(WrappedComponent), ")");
|
|
729
726
|
return WithGoogleMapsClientComponent;
|
|
730
727
|
};
|
|
731
|
-
var propTypes$
|
|
728
|
+
var propTypes$6 = {
|
|
732
729
|
children: PropTypes.node.isRequired,
|
|
733
730
|
locale: PropTypes.string,
|
|
734
731
|
libraries: PropTypes.arrayOf(PropTypes.string)
|
|
735
732
|
};
|
|
736
|
-
var defaultProps$
|
|
733
|
+
var defaultProps$6 = {
|
|
737
734
|
locale: 'fr',
|
|
738
735
|
libraries: null
|
|
739
736
|
};
|
|
@@ -763,8 +760,8 @@ var GoogleMapsClientProvider = function GoogleMapsClientProvider(_ref2) {
|
|
|
763
760
|
value: client
|
|
764
761
|
}, children);
|
|
765
762
|
};
|
|
766
|
-
GoogleMapsClientProvider.propTypes = propTypes$
|
|
767
|
-
GoogleMapsClientProvider.defaultProps = defaultProps$
|
|
763
|
+
GoogleMapsClientProvider.propTypes = propTypes$6;
|
|
764
|
+
GoogleMapsClientProvider.defaultProps = defaultProps$6;
|
|
768
765
|
|
|
769
766
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
770
767
|
var defaultLocales = ['en', 'fr'];
|
|
@@ -788,11 +785,11 @@ var useOtherLocales = function useOtherLocales() {
|
|
|
788
785
|
}, [locales, locale]);
|
|
789
786
|
return otherLocales;
|
|
790
787
|
};
|
|
791
|
-
var propTypes$
|
|
788
|
+
var propTypes$5 = {
|
|
792
789
|
locales: PropTypes.arrayOf(PropTypes.string),
|
|
793
790
|
children: PropTypes.node.isRequired
|
|
794
791
|
};
|
|
795
|
-
var defaultProps$
|
|
792
|
+
var defaultProps$5 = {
|
|
796
793
|
locales: []
|
|
797
794
|
};
|
|
798
795
|
var LocalesProvider = function LocalesProvider(_ref) {
|
|
@@ -807,8 +804,8 @@ var LocalesProvider = function LocalesProvider(_ref) {
|
|
|
807
804
|
value: value
|
|
808
805
|
}, children);
|
|
809
806
|
};
|
|
810
|
-
LocalesProvider.propTypes = propTypes$
|
|
811
|
-
LocalesProvider.defaultProps = defaultProps$
|
|
807
|
+
LocalesProvider.propTypes = propTypes$5;
|
|
808
|
+
LocalesProvider.defaultProps = defaultProps$5;
|
|
812
809
|
|
|
813
810
|
// import { getDisplayName } from '../utils';
|
|
814
811
|
|
|
@@ -816,12 +813,12 @@ var ModalContext = /*#__PURE__*/React.createContext(null);
|
|
|
816
813
|
var useModal = function useModal() {
|
|
817
814
|
return useContext(ModalContext) || {};
|
|
818
815
|
};
|
|
819
|
-
var propTypes$
|
|
816
|
+
var propTypes$4 = {
|
|
820
817
|
children: PropTypes.node.isRequired,
|
|
821
818
|
container: PropTypes.object // eslint-disable-line
|
|
822
819
|
};
|
|
823
820
|
|
|
824
|
-
var defaultProps$
|
|
821
|
+
var defaultProps$4 = {
|
|
825
822
|
container: null
|
|
826
823
|
};
|
|
827
824
|
var ModalProvider = function ModalProvider(_ref) {
|
|
@@ -873,8 +870,8 @@ var ModalProvider = function ModalProvider(_ref) {
|
|
|
873
870
|
value: value
|
|
874
871
|
}, children);
|
|
875
872
|
};
|
|
876
|
-
ModalProvider.propTypes = propTypes$
|
|
877
|
-
ModalProvider.defaultProps = defaultProps$
|
|
873
|
+
ModalProvider.propTypes = propTypes$4;
|
|
874
|
+
ModalProvider.defaultProps = defaultProps$4;
|
|
878
875
|
|
|
879
876
|
var PanelsContext = /*#__PURE__*/React.createContext({
|
|
880
877
|
container: null
|
|
@@ -902,12 +899,12 @@ var withPanels = function withPanels(WrappedComponent) {
|
|
|
902
899
|
WithPanelsComponent.displayName = "WithPanels(".concat(getDisplayName(WrappedComponent), ")");
|
|
903
900
|
return WithPanelsComponent;
|
|
904
901
|
};
|
|
905
|
-
var propTypes$
|
|
902
|
+
var propTypes$3 = {
|
|
906
903
|
children: PropTypes.node.isRequired,
|
|
907
904
|
container: PropTypes.object // eslint-disable-line
|
|
908
905
|
};
|
|
909
906
|
|
|
910
|
-
var defaultProps$
|
|
907
|
+
var defaultProps$3 = {
|
|
911
908
|
container: null
|
|
912
909
|
};
|
|
913
910
|
var PanelsProvider = function PanelsProvider(_ref2) {
|
|
@@ -959,10 +956,10 @@ var PanelsProvider = function PanelsProvider(_ref2) {
|
|
|
959
956
|
value: value
|
|
960
957
|
}, children);
|
|
961
958
|
};
|
|
962
|
-
PanelsProvider.propTypes = propTypes$
|
|
963
|
-
PanelsProvider.defaultProps = defaultProps$
|
|
959
|
+
PanelsProvider.propTypes = propTypes$3;
|
|
960
|
+
PanelsProvider.defaultProps = defaultProps$3;
|
|
964
961
|
|
|
965
|
-
var _excluded
|
|
962
|
+
var _excluded = ["component"];
|
|
966
963
|
var PanneauContext = /*#__PURE__*/React.createContext(null);
|
|
967
964
|
var usePanneau = function usePanneau() {
|
|
968
965
|
return useContext(PanneauContext);
|
|
@@ -1021,7 +1018,7 @@ var usePanneauComponent = function usePanneauComponent(namespace, name) {
|
|
|
1021
1018
|
if (isObject(component) && isString(component === null || component === void 0 ? void 0 : component.componnent)) {
|
|
1022
1019
|
// eslint-disable-next-line no-unused-vars
|
|
1023
1020
|
component.component;
|
|
1024
|
-
_objectWithoutProperties(component, _excluded
|
|
1021
|
+
_objectWithoutProperties(component, _excluded);
|
|
1025
1022
|
return component.component;
|
|
1026
1023
|
}
|
|
1027
1024
|
return null;
|
|
@@ -1038,11 +1035,11 @@ var usePanneauSettings = function usePanneauSettings() {
|
|
|
1038
1035
|
settings = _ref7$settings === void 0 ? {} : _ref7$settings;
|
|
1039
1036
|
return settings;
|
|
1040
1037
|
};
|
|
1041
|
-
var propTypes$
|
|
1038
|
+
var propTypes$2 = {
|
|
1042
1039
|
definition: panneauDefinition.isRequired,
|
|
1043
1040
|
children: PropTypes.node.isRequired
|
|
1044
1041
|
};
|
|
1045
|
-
var defaultProps$
|
|
1042
|
+
var defaultProps$2 = {};
|
|
1046
1043
|
var PanneauProvider = function PanneauProvider(_ref8) {
|
|
1047
1044
|
var definition = _ref8.definition,
|
|
1048
1045
|
children = _ref8.children;
|
|
@@ -1050,19 +1047,19 @@ var PanneauProvider = function PanneauProvider(_ref8) {
|
|
|
1050
1047
|
value: definition
|
|
1051
1048
|
}, children);
|
|
1052
1049
|
};
|
|
1053
|
-
PanneauProvider.propTypes = propTypes$
|
|
1054
|
-
PanneauProvider.defaultProps = defaultProps$
|
|
1050
|
+
PanneauProvider.propTypes = propTypes$2;
|
|
1051
|
+
PanneauProvider.defaultProps = defaultProps$2;
|
|
1055
1052
|
|
|
1056
1053
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
1057
1054
|
var ResourceContext = /*#__PURE__*/React.createContext(null);
|
|
1058
1055
|
var useResource = function useResource() {
|
|
1059
1056
|
return useContext(ResourceContext);
|
|
1060
1057
|
};
|
|
1061
|
-
var propTypes$
|
|
1058
|
+
var propTypes$1 = {
|
|
1062
1059
|
resource: resource.isRequired,
|
|
1063
1060
|
children: PropTypes.node.isRequired
|
|
1064
1061
|
};
|
|
1065
|
-
var defaultProps$
|
|
1062
|
+
var defaultProps$1 = {};
|
|
1066
1063
|
var ResourceProvider = function ResourceProvider(_ref) {
|
|
1067
1064
|
var resource = _ref.resource,
|
|
1068
1065
|
children = _ref.children;
|
|
@@ -1070,8 +1067,8 @@ var ResourceProvider = function ResourceProvider(_ref) {
|
|
|
1070
1067
|
value: resource
|
|
1071
1068
|
}, children);
|
|
1072
1069
|
};
|
|
1073
|
-
ResourceProvider.propTypes = propTypes$
|
|
1074
|
-
ResourceProvider.defaultProps = defaultProps$
|
|
1070
|
+
ResourceProvider.propTypes = propTypes$1;
|
|
1071
|
+
ResourceProvider.defaultProps = defaultProps$1;
|
|
1075
1072
|
|
|
1076
1073
|
var useRoutePush = function useRoutePush() {
|
|
1077
1074
|
var url = useUrlGenerator();
|
|
@@ -1110,11 +1107,11 @@ var useRouteBack = function useRouteBack() {
|
|
|
1110
1107
|
var useTracking = function useTracking() {
|
|
1111
1108
|
return useContext(TrackingContext);
|
|
1112
1109
|
};
|
|
1113
|
-
var propTypes
|
|
1110
|
+
var propTypes = {
|
|
1114
1111
|
children: PropTypes.node.isRequired,
|
|
1115
1112
|
variables: PropTypes$1.trackingVariables
|
|
1116
1113
|
};
|
|
1117
|
-
var defaultProps
|
|
1114
|
+
var defaultProps = {
|
|
1118
1115
|
variables: null
|
|
1119
1116
|
};
|
|
1120
1117
|
var TrackingProvider = function TrackingProvider(_ref) {
|
|
@@ -1134,597 +1131,7 @@ var TrackingProvider = function TrackingProvider(_ref) {
|
|
|
1134
1131
|
tracking: tracking
|
|
1135
1132
|
}, children);
|
|
1136
1133
|
};
|
|
1137
|
-
TrackingProvider.propTypes = propTypes
|
|
1138
|
-
TrackingProvider.defaultProps = defaultProps
|
|
1139
|
-
|
|
1140
|
-
/**
|
|
1141
|
-
* Locale loader
|
|
1142
|
-
*/
|
|
1143
|
-
var loaders = {};
|
|
1144
|
-
var events = new EventEmitter();
|
|
1145
|
-
function loadPackage(name, loader) {
|
|
1146
|
-
if (typeof loaders[name] === 'undefined') {
|
|
1147
|
-
loaders[name] = {
|
|
1148
|
-
loader: loader().then(function (response) {
|
|
1149
|
-
loaders[name].loader = null;
|
|
1150
|
-
loaders[name].loaded = true;
|
|
1151
|
-
loaders[name].resource = response;
|
|
1152
|
-
events.emit("loaded:".concat(name), response);
|
|
1153
|
-
return response;
|
|
1154
|
-
}),
|
|
1155
|
-
loaded: false,
|
|
1156
|
-
resource: null
|
|
1157
|
-
};
|
|
1158
|
-
}
|
|
1159
|
-
return new Promise(function (resolve) {
|
|
1160
|
-
var _ref = loaders[name] || {},
|
|
1161
|
-
_ref$loaded = _ref.loaded,
|
|
1162
|
-
loaded = _ref$loaded === void 0 ? false : _ref$loaded,
|
|
1163
|
-
resource = _ref.resource;
|
|
1164
|
-
if (loaded === true) {
|
|
1165
|
-
resolve(resource);
|
|
1166
|
-
} else {
|
|
1167
|
-
events.once("loaded:".concat(name), function (response) {
|
|
1168
|
-
resolve(response);
|
|
1169
|
-
});
|
|
1170
|
-
}
|
|
1171
|
-
});
|
|
1172
|
-
}
|
|
1173
|
-
|
|
1174
|
-
/**
|
|
1175
|
-
* Locale loader
|
|
1176
|
-
*/
|
|
1177
|
-
var packageCache = null;
|
|
1178
|
-
var useUppyCore = function useUppyCore() {
|
|
1179
|
-
// transport
|
|
1180
|
-
var _useState = useState({
|
|
1181
|
-
"package": packageCache
|
|
1182
|
-
}),
|
|
1183
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
1184
|
-
loadedPackage = _useState2[0]["package"],
|
|
1185
|
-
setLoadedPackage = _useState2[1];
|
|
1186
|
-
useEffect(function () {
|
|
1187
|
-
var canceled = false;
|
|
1188
|
-
if (loadedPackage !== null) {
|
|
1189
|
-
return function () {
|
|
1190
|
-
canceled = true;
|
|
1191
|
-
};
|
|
1192
|
-
}
|
|
1193
|
-
loadPackage('@uppy/core', function () {
|
|
1194
|
-
return import('@uppy/core');
|
|
1195
|
-
}).then(function (_ref) {
|
|
1196
|
-
var Uppy = _ref["default"];
|
|
1197
|
-
packageCache = Uppy;
|
|
1198
|
-
if (!canceled) {
|
|
1199
|
-
setLoadedPackage({
|
|
1200
|
-
"package": Uppy
|
|
1201
|
-
});
|
|
1202
|
-
}
|
|
1203
|
-
});
|
|
1204
|
-
return function () {
|
|
1205
|
-
canceled = true;
|
|
1206
|
-
};
|
|
1207
|
-
}, [loadedPackage, setLoadedPackage]);
|
|
1208
|
-
return loadedPackage;
|
|
1209
|
-
};
|
|
1210
|
-
|
|
1211
|
-
/**
|
|
1212
|
-
* Locale loader
|
|
1213
|
-
*/
|
|
1214
|
-
var packagesCache$2 = {};
|
|
1215
|
-
var defaultPackagesMap$2 = {
|
|
1216
|
-
fr: function fr() {
|
|
1217
|
-
return loadPackage('@uppy/locales/lib/fr_FR', function () {
|
|
1218
|
-
return import('@uppy/locales/lib/fr_FR');
|
|
1219
|
-
});
|
|
1220
|
-
},
|
|
1221
|
-
en: function en() {
|
|
1222
|
-
return loadPackage('@uppy/locales/lib/en_US', function () {
|
|
1223
|
-
return import('@uppy/locales/lib/en_US');
|
|
1224
|
-
});
|
|
1225
|
-
}
|
|
1226
|
-
};
|
|
1227
|
-
var useUppyLocale = function useUppyLocale(locale) {
|
|
1228
|
-
var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
|
|
1229
|
-
_ref$packagesMap = _ref.packagesMap,
|
|
1230
|
-
packagesMap = _ref$packagesMap === void 0 ? defaultPackagesMap$2 : _ref$packagesMap;
|
|
1231
|
-
var _useState = useState({
|
|
1232
|
-
"package": packagesCache$2[locale] || null
|
|
1233
|
-
}),
|
|
1234
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
1235
|
-
loadedPackage = _useState2[0]["package"],
|
|
1236
|
-
setLoadedPackage = _useState2[1];
|
|
1237
|
-
var packageLoader = packagesMap[locale] || null;
|
|
1238
|
-
useEffect(function () {
|
|
1239
|
-
var canceled = false;
|
|
1240
|
-
if (loadedPackage !== null || packageLoader === null) {
|
|
1241
|
-
return function () {
|
|
1242
|
-
canceled = true;
|
|
1243
|
-
};
|
|
1244
|
-
}
|
|
1245
|
-
packageLoader().then(function (_ref2) {
|
|
1246
|
-
var dep = _ref2["default"];
|
|
1247
|
-
// packagesCache[locale] = dep;
|
|
1248
|
-
if (!canceled) {
|
|
1249
|
-
setLoadedPackage({
|
|
1250
|
-
"package": dep
|
|
1251
|
-
});
|
|
1252
|
-
}
|
|
1253
|
-
});
|
|
1254
|
-
return function () {
|
|
1255
|
-
canceled = true;
|
|
1256
|
-
};
|
|
1257
|
-
}, [packageLoader, loadedPackage, setLoadedPackage]);
|
|
1258
|
-
return loadedPackage;
|
|
1259
|
-
};
|
|
1260
|
-
|
|
1261
|
-
var _excluded$2 = ["default"];
|
|
1262
|
-
|
|
1263
|
-
/**
|
|
1264
|
-
* Locale loader
|
|
1265
|
-
*/
|
|
1266
|
-
var packagesCache$1 = {};
|
|
1267
|
-
var defaultPackagesMap$1 = {
|
|
1268
|
-
webcam: function webcam() {
|
|
1269
|
-
return loadPackage('@uppy/webcam', function () {
|
|
1270
|
-
return import('@uppy/webcam');
|
|
1271
|
-
});
|
|
1272
|
-
},
|
|
1273
|
-
facebook: function facebook() {
|
|
1274
|
-
return loadPackage('@uppy/facebook', function () {
|
|
1275
|
-
return import('@uppy/facebook');
|
|
1276
|
-
});
|
|
1277
|
-
},
|
|
1278
|
-
instagram: function instagram() {
|
|
1279
|
-
return loadPackage('@uppy/instagram', function () {
|
|
1280
|
-
return import('@uppy/instagram');
|
|
1281
|
-
});
|
|
1282
|
-
},
|
|
1283
|
-
dropbox: function dropbox() {
|
|
1284
|
-
return loadPackage('@uppy/dropbox', function () {
|
|
1285
|
-
return import('@uppy/dropbox');
|
|
1286
|
-
});
|
|
1287
|
-
},
|
|
1288
|
-
'google-drive': function googleDrive() {
|
|
1289
|
-
return loadPackage('@uppy/google-drive', function () {
|
|
1290
|
-
return import('@uppy/google-drive');
|
|
1291
|
-
});
|
|
1292
|
-
}
|
|
1293
|
-
};
|
|
1294
|
-
var useUppySources = function useUppySources(sources) {
|
|
1295
|
-
var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
|
|
1296
|
-
_ref$packagesMap = _ref.packagesMap,
|
|
1297
|
-
packagesMap = _ref$packagesMap === void 0 ? defaultPackagesMap$1 : _ref$packagesMap;
|
|
1298
|
-
// transport
|
|
1299
|
-
var _useState = useState({
|
|
1300
|
-
packages: sources.reduce(function (map, source) {
|
|
1301
|
-
var sourcePackage = packagesCache$1[source] || null;
|
|
1302
|
-
if (sourcePackage === null) {
|
|
1303
|
-
return map;
|
|
1304
|
-
}
|
|
1305
|
-
return _objectSpread(_objectSpread({}, map), {}, _defineProperty({}, source, sourcePackage));
|
|
1306
|
-
}, null)
|
|
1307
|
-
}),
|
|
1308
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
1309
|
-
loadedPackages = _useState2[0].packages,
|
|
1310
|
-
setLoadedPackages = _useState2[1];
|
|
1311
|
-
var sourcesToLoad = useMemo(function () {
|
|
1312
|
-
if (loadedPackages === null) {
|
|
1313
|
-
return sources;
|
|
1314
|
-
}
|
|
1315
|
-
var sourcesLoaded = Object.keys(loadedPackages);
|
|
1316
|
-
return sources.filter(function (source) {
|
|
1317
|
-
return sourcesLoaded.indexOf(source) === -1;
|
|
1318
|
-
});
|
|
1319
|
-
}, [sources, loadedPackages]);
|
|
1320
|
-
useEffect(function () {
|
|
1321
|
-
var canceled = false;
|
|
1322
|
-
if (sourcesToLoad.length === 0) {
|
|
1323
|
-
return function () {
|
|
1324
|
-
canceled = true;
|
|
1325
|
-
};
|
|
1326
|
-
}
|
|
1327
|
-
Promise.all(sourcesToLoad.map(function (source) {
|
|
1328
|
-
return packagesMap[source] || null;
|
|
1329
|
-
}).filter(function (it) {
|
|
1330
|
-
return it !== null;
|
|
1331
|
-
}).map(function (promise) {
|
|
1332
|
-
return promise();
|
|
1333
|
-
})).then(function (packagesLoaded) {
|
|
1334
|
-
var newLoadedPackages = sourcesToLoad.reduce(function (map, source, index) {
|
|
1335
|
-
var _packagesLoaded$index = packagesLoaded[index],
|
|
1336
|
-
pack = _packagesLoaded$index["default"],
|
|
1337
|
-
others = _objectWithoutProperties(_packagesLoaded$index, _excluded$2);
|
|
1338
|
-
return _objectSpread(_objectSpread({}, map), {}, _defineProperty({}, source, Object.keys(others).reduce(function (otherMap, key) {
|
|
1339
|
-
otherMap[key] = others[key]; // eslint-disable-line no-param-reassign
|
|
1340
|
-
return otherMap;
|
|
1341
|
-
}, pack)));
|
|
1342
|
-
}, {});
|
|
1343
|
-
packagesCache$1 = _objectSpread(_objectSpread({}, packagesCache$1), newLoadedPackages);
|
|
1344
|
-
if (!canceled) {
|
|
1345
|
-
setLoadedPackages({
|
|
1346
|
-
packages: newLoadedPackages
|
|
1347
|
-
});
|
|
1348
|
-
}
|
|
1349
|
-
});
|
|
1350
|
-
return function () {
|
|
1351
|
-
canceled = true;
|
|
1352
|
-
};
|
|
1353
|
-
}, [sourcesToLoad, packagesMap, loadedPackages, setLoadedPackages]);
|
|
1354
|
-
return sourcesToLoad.length === 0 ? loadedPackages : null;
|
|
1355
|
-
};
|
|
1356
|
-
|
|
1357
|
-
var _excluded$1 = ["default"];
|
|
1358
|
-
|
|
1359
|
-
/**
|
|
1360
|
-
* Locale loader
|
|
1361
|
-
*/
|
|
1362
|
-
var packagesCache = {};
|
|
1363
|
-
var defaultPackagesMap = {
|
|
1364
|
-
transloadit: function transloadit() {
|
|
1365
|
-
return loadPackage('@uppy/transloadit', function () {
|
|
1366
|
-
return import('@uppy/transloadit');
|
|
1367
|
-
});
|
|
1368
|
-
},
|
|
1369
|
-
tus: function tus() {
|
|
1370
|
-
return loadPackage('@uppy/tus', function () {
|
|
1371
|
-
return import('@uppy/tus');
|
|
1372
|
-
});
|
|
1373
|
-
},
|
|
1374
|
-
xhr: function xhr() {
|
|
1375
|
-
return loadPackage('@uppy/xhr-upload', function () {
|
|
1376
|
-
return import('@uppy/xhr-upload');
|
|
1377
|
-
});
|
|
1378
|
-
}
|
|
1379
|
-
};
|
|
1380
|
-
var useUppyTransport = function useUppyTransport(transport) {
|
|
1381
|
-
var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
|
|
1382
|
-
_ref$packagesMap = _ref.packagesMap,
|
|
1383
|
-
packagesMap = _ref$packagesMap === void 0 ? defaultPackagesMap : _ref$packagesMap;
|
|
1384
|
-
// transport
|
|
1385
|
-
var _useState = useState({
|
|
1386
|
-
"package": packagesCache[transport] || null
|
|
1387
|
-
}),
|
|
1388
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
1389
|
-
loadedPackage = _useState2[0]["package"],
|
|
1390
|
-
setLoadedPackage = _useState2[1];
|
|
1391
|
-
var packageLoader = packagesMap[transport] || null;
|
|
1392
|
-
useEffect(function () {
|
|
1393
|
-
var canceled = false;
|
|
1394
|
-
if (loadedPackage !== null || packageLoader === null) {
|
|
1395
|
-
return function () {
|
|
1396
|
-
canceled = true;
|
|
1397
|
-
};
|
|
1398
|
-
}
|
|
1399
|
-
packageLoader().then(function (_ref2) {
|
|
1400
|
-
var pack = _ref2["default"],
|
|
1401
|
-
others = _objectWithoutProperties(_ref2, _excluded$1);
|
|
1402
|
-
var dep = Object.keys(others).reduce(function (map, key) {
|
|
1403
|
-
map[key] = others[key]; // eslint-disable-line no-param-reassign
|
|
1404
|
-
return map;
|
|
1405
|
-
}, pack);
|
|
1406
|
-
packagesCache[transport] = dep;
|
|
1407
|
-
if (!canceled) {
|
|
1408
|
-
setLoadedPackage({
|
|
1409
|
-
"package": dep
|
|
1410
|
-
});
|
|
1411
|
-
}
|
|
1412
|
-
});
|
|
1413
|
-
return function () {
|
|
1414
|
-
canceled = true;
|
|
1415
|
-
};
|
|
1416
|
-
}, [packageLoader, loadedPackage, setLoadedPackage]);
|
|
1417
|
-
return loadedPackage;
|
|
1418
|
-
};
|
|
1419
|
-
|
|
1420
|
-
var convertToMedia = function convertToMedia(it) {
|
|
1421
|
-
// console.log('upload', it);
|
|
1422
|
-
var type = it.data.type.split('/')[0];
|
|
1423
|
-
var thumbnail = it.transloadit["".concat(type, "_thumbnail")] || null;
|
|
1424
|
-
var original = it.transloadit["".concat(type, "_original")] || null;
|
|
1425
|
-
return {
|
|
1426
|
-
handle: it.id,
|
|
1427
|
-
type: type,
|
|
1428
|
-
name: it.meta.name,
|
|
1429
|
-
mime: it.data.type,
|
|
1430
|
-
size: it.data.size,
|
|
1431
|
-
url: original !== null ? original.ssl_url || original.url : null,
|
|
1432
|
-
thumbnail_url: thumbnail !== null ? thumbnail.ssl_url || thumbnail.url : null,
|
|
1433
|
-
metadata: _objectSpread(_objectSpread(_objectSpread({}, original !== null ? original.meta || null : null), it.meta.user ? {
|
|
1434
|
-
user: it.meta.user
|
|
1435
|
-
} || null : null), {}, {
|
|
1436
|
-
filename: it.meta.filename,
|
|
1437
|
-
transloadit: it.transloadit.results || null
|
|
1438
|
-
})
|
|
1439
|
-
};
|
|
1440
|
-
};
|
|
1441
|
-
var getTransloaditMediasFromResponse = function getTransloaditMediasFromResponse(response) {
|
|
1442
|
-
return response.successful.map(function (it) {
|
|
1443
|
-
var transloadit = response.transloadit.find(function (subIt) {
|
|
1444
|
-
return subIt.assembly_id === it.transloadit.assembly;
|
|
1445
|
-
}) || null;
|
|
1446
|
-
var results = transloadit !== null ? transloadit.results || null : null;
|
|
1447
|
-
return _objectSpread(_objectSpread({}, it), {}, {
|
|
1448
|
-
transloadit: results !== null ? Object.keys(results).reduce(function (map, resultKey) {
|
|
1449
|
-
var result = results[resultKey].find(function (itResult) {
|
|
1450
|
-
return itResult.name === it.name;
|
|
1451
|
-
});
|
|
1452
|
-
return result !== null ? _objectSpread(_objectSpread({}, map), {}, _defineProperty({}, resultKey, result)) : map;
|
|
1453
|
-
}, null) : null
|
|
1454
|
-
});
|
|
1455
|
-
}).filter(function (it) {
|
|
1456
|
-
return it.transloadit !== null;
|
|
1457
|
-
}).map(function (it) {
|
|
1458
|
-
return convertToMedia(it);
|
|
1459
|
-
});
|
|
1460
|
-
};
|
|
1461
|
-
|
|
1462
|
-
var _excluded = ["sources"],
|
|
1463
|
-
_excluded2 = ["key", "templateId", "waitForEncoding"];
|
|
1464
|
-
var UppyContext = /*#__PURE__*/React.createContext(null);
|
|
1465
|
-
var useUppy = function useUppy() {
|
|
1466
|
-
var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
1467
|
-
_ref$onComplete = _ref.onComplete,
|
|
1468
|
-
onComplete = _ref$onComplete === void 0 ? null : _ref$onComplete,
|
|
1469
|
-
_ref$onFail = _ref.onFail,
|
|
1470
|
-
onFail = _ref$onFail === void 0 ? null : _ref$onFail,
|
|
1471
|
-
_ref$getFileName = _ref.getFileName,
|
|
1472
|
-
getFileName = _ref$getFileName === void 0 ? function (_ref2) {
|
|
1473
|
-
var _ref2$name = _ref2.name,
|
|
1474
|
-
name = _ref2$name === void 0 ? '' : _ref2$name,
|
|
1475
|
-
_ref2$extension = _ref2.extension,
|
|
1476
|
-
extension = _ref2$extension === void 0 ? null : _ref2$extension;
|
|
1477
|
-
return "".concat((slugify(name) || '').substring(0, 50)).concat(extension !== null && (name || '').indexOf(extension) === -1 ? ".".concat(extension) : '');
|
|
1478
|
-
} : _ref$getFileName,
|
|
1479
|
-
_ref$getFileNameWithU = _ref.getFileNameWithUUID,
|
|
1480
|
-
getFileNameWithUUID = _ref$getFileNameWithU === void 0 ? function (_ref3) {
|
|
1481
|
-
var _ref3$extension = _ref3.extension,
|
|
1482
|
-
extension = _ref3$extension === void 0 ? null : _ref3$extension;
|
|
1483
|
-
return "".concat(v1()).concat(extension !== null ? ".".concat(extension) : '');
|
|
1484
|
-
} : _ref$getFileNameWithU,
|
|
1485
|
-
_ref$withUUID = _ref.withUUID,
|
|
1486
|
-
withUUID = _ref$withUUID === void 0 ? false : _ref$withUUID,
|
|
1487
|
-
_ref$meta = _ref.meta,
|
|
1488
|
-
meta = _ref$meta === void 0 ? null : _ref$meta,
|
|
1489
|
-
_ref$allowMultipleUpl = _ref.allowMultipleUploads,
|
|
1490
|
-
allowMultipleUploads = _ref$allowMultipleUpl === void 0 ? false : _ref$allowMultipleUpl,
|
|
1491
|
-
_ref$maxNumberOfFiles = _ref.maxNumberOfFiles,
|
|
1492
|
-
maxNumberOfFiles = _ref$maxNumberOfFiles === void 0 ? 1 : _ref$maxNumberOfFiles,
|
|
1493
|
-
_ref$allowedFileTypes = _ref.allowedFileTypes,
|
|
1494
|
-
allowedFileTypes = _ref$allowedFileTypes === void 0 ? null : _ref$allowedFileTypes,
|
|
1495
|
-
_ref$autoProceed = _ref.autoProceed,
|
|
1496
|
-
autoProceed = _ref$autoProceed === void 0 ? false : _ref$autoProceed,
|
|
1497
|
-
_ref$debug = _ref.debug,
|
|
1498
|
-
debug = _ref$debug === void 0 ? false : _ref$debug;
|
|
1499
|
-
var _ref4 = useContext(UppyContext) || null,
|
|
1500
|
-
buildUppy = _ref4.buildUppy,
|
|
1501
|
-
transport = _ref4.transport;
|
|
1502
|
-
var uppy = useMemo(function () {
|
|
1503
|
-
return buildUppy !== null ? buildUppy({
|
|
1504
|
-
meta: meta,
|
|
1505
|
-
allowMultipleUploadBatches: allowMultipleUploads,
|
|
1506
|
-
restrictions: {
|
|
1507
|
-
maxNumberOfFiles: maxNumberOfFiles,
|
|
1508
|
-
allowedFileTypes: allowedFileTypes
|
|
1509
|
-
},
|
|
1510
|
-
autoProceed: autoProceed,
|
|
1511
|
-
debug: debug
|
|
1512
|
-
}) : null;
|
|
1513
|
-
}, [buildUppy, meta, allowMultipleUploads, debug, maxNumberOfFiles, allowedFileTypes, autoProceed]);
|
|
1514
|
-
useEffect(function () {
|
|
1515
|
-
if (uppy === null) {
|
|
1516
|
-
return function () {};
|
|
1517
|
-
}
|
|
1518
|
-
var onUppyComplete = function onUppyComplete(response) {
|
|
1519
|
-
var _response$successful = response.successful,
|
|
1520
|
-
successful = _response$successful === void 0 ? [] : _response$successful,
|
|
1521
|
-
_response$failed = response.failed,
|
|
1522
|
-
failed = _response$failed === void 0 ? null : _response$failed;
|
|
1523
|
-
var finalSuccessful = transport === 'transloadit' ? getTransloaditMediasFromResponse(response) : successful;
|
|
1524
|
-
if (onComplete !== null) {
|
|
1525
|
-
onComplete(finalSuccessful);
|
|
1526
|
-
}
|
|
1527
|
-
if (onFail !== null) {
|
|
1528
|
-
onFail(failed);
|
|
1529
|
-
}
|
|
1530
|
-
};
|
|
1531
|
-
uppy.on('complete', onUppyComplete);
|
|
1532
|
-
return function () {
|
|
1533
|
-
uppy.off('complete', onUppyComplete);
|
|
1534
|
-
};
|
|
1535
|
-
}, [uppy, transport, onComplete]);
|
|
1536
|
-
useEffect(function () {
|
|
1537
|
-
if (uppy === null) {
|
|
1538
|
-
return function () {};
|
|
1539
|
-
}
|
|
1540
|
-
var onUpload = function onUpload(_ref5) {
|
|
1541
|
-
var _ref5$fileIDs = _ref5.fileIDs,
|
|
1542
|
-
ids = _ref5$fileIDs === void 0 ? [] : _ref5$fileIDs;
|
|
1543
|
-
ids.forEach(function (id) {
|
|
1544
|
-
var file = uppy.getFile(id);
|
|
1545
|
-
// console.log('file', id, file);
|
|
1546
|
-
var newName = null;
|
|
1547
|
-
if (withUUID) {
|
|
1548
|
-
newName = getFileNameWithUUID(file);
|
|
1549
|
-
} else {
|
|
1550
|
-
newName = getFileName(file);
|
|
1551
|
-
}
|
|
1552
|
-
if (newName !== null) {
|
|
1553
|
-
uppy.setFileMeta(id, {
|
|
1554
|
-
name: newName
|
|
1555
|
-
});
|
|
1556
|
-
}
|
|
1557
|
-
});
|
|
1558
|
-
};
|
|
1559
|
-
uppy.on('upload', onUpload);
|
|
1560
|
-
return function () {
|
|
1561
|
-
uppy.off('upload', onUpload);
|
|
1562
|
-
};
|
|
1563
|
-
}, [uppy]);
|
|
1564
|
-
useEffect(function () {
|
|
1565
|
-
return function () {
|
|
1566
|
-
if (uppy !== null) {
|
|
1567
|
-
uppy.close();
|
|
1568
|
-
}
|
|
1569
|
-
};
|
|
1570
|
-
}, [uppy]);
|
|
1571
|
-
return uppy;
|
|
1572
|
-
};
|
|
1573
|
-
var propTypes = {
|
|
1574
|
-
id: PropTypes.string,
|
|
1575
|
-
children: PropTypes.node.isRequired,
|
|
1576
|
-
transport: PropTypes.oneOf(['xhr', 'transloadit', 'tus']),
|
|
1577
|
-
locale: PropTypes.string,
|
|
1578
|
-
sources: PropTypes.arrayOf(PropTypes.oneOf(['webcam', 'facebook', 'instagram', 'dropbox', 'google-drive'])),
|
|
1579
|
-
transloadit: PropTypes.shape({
|
|
1580
|
-
key: PropTypes.string.isRequired,
|
|
1581
|
-
templateId: PropTypes.string,
|
|
1582
|
-
waitForEncoding: PropTypes.bool
|
|
1583
|
-
}),
|
|
1584
|
-
companion: PropTypes.shape({
|
|
1585
|
-
url: PropTypes.string.isRequired,
|
|
1586
|
-
allowedHosts: PropTypes.string.isRequired
|
|
1587
|
-
}),
|
|
1588
|
-
tus: PropTypes.oneOfType([PropTypes.string, PropTypes.shape({
|
|
1589
|
-
endpoint: PropTypes.string.isRequired
|
|
1590
|
-
})]),
|
|
1591
|
-
xhr: PropTypes.oneOfType([PropTypes.string, PropTypes.shape({
|
|
1592
|
-
endpoint: PropTypes.string.isRequired
|
|
1593
|
-
})])
|
|
1594
|
-
};
|
|
1595
|
-
var defaultProps = {
|
|
1596
|
-
id: 'uppy',
|
|
1597
|
-
transport: null,
|
|
1598
|
-
locale: null,
|
|
1599
|
-
sources: null,
|
|
1600
|
-
transloadit: null,
|
|
1601
|
-
companion: null,
|
|
1602
|
-
tus: null,
|
|
1603
|
-
xhr: null
|
|
1604
|
-
};
|
|
1605
|
-
var UppyProvider = function UppyProvider(_ref6) {
|
|
1606
|
-
var id = _ref6.id,
|
|
1607
|
-
children = _ref6.children,
|
|
1608
|
-
providedTransport = _ref6.transport,
|
|
1609
|
-
providedLocale = _ref6.locale,
|
|
1610
|
-
providedSources = _ref6.sources,
|
|
1611
|
-
providedTransloadit = _ref6.transloadit,
|
|
1612
|
-
providedCompanion = _ref6.companion,
|
|
1613
|
-
providedTus = _ref6.tus,
|
|
1614
|
-
providedXhr = _ref6.xhr;
|
|
1615
|
-
var _useIntl = useIntl(),
|
|
1616
|
-
intlLocale = _useIntl.locale;
|
|
1617
|
-
var _ref7 = useContext(UppyContext) || {},
|
|
1618
|
-
_ref7$transport = _ref7.transport,
|
|
1619
|
-
contextTransport = _ref7$transport === void 0 ? null : _ref7$transport,
|
|
1620
|
-
_ref7$locale = _ref7.locale,
|
|
1621
|
-
contextLocale = _ref7$locale === void 0 ? null : _ref7$locale,
|
|
1622
|
-
_ref7$sources = _ref7.sources,
|
|
1623
|
-
contextSources = _ref7$sources === void 0 ? null : _ref7$sources,
|
|
1624
|
-
_ref7$transloadit = _ref7.transloadit,
|
|
1625
|
-
contextTransloadit = _ref7$transloadit === void 0 ? null : _ref7$transloadit,
|
|
1626
|
-
_ref7$companion = _ref7.companion,
|
|
1627
|
-
contextCompanion = _ref7$companion === void 0 ? null : _ref7$companion,
|
|
1628
|
-
_ref7$tus = _ref7.tus,
|
|
1629
|
-
contextTus = _ref7$tus === void 0 ? null : _ref7$tus,
|
|
1630
|
-
_ref7$xhr = _ref7.xhr,
|
|
1631
|
-
contextXhr = _ref7$xhr === void 0 ? null : _ref7$xhr;
|
|
1632
|
-
var transport = providedTransport || contextTransport || 'xhr';
|
|
1633
|
-
var locale = providedLocale || contextLocale || intlLocale;
|
|
1634
|
-
var sources = providedSources || contextSources || ['webcam', 'facebook', 'instagram', 'dropbox', 'google-drive'];
|
|
1635
|
-
var transloadit = providedTransloadit || contextTransloadit;
|
|
1636
|
-
var companion = providedCompanion || contextCompanion;
|
|
1637
|
-
var tus = providedTus || contextTus;
|
|
1638
|
-
var xhr = providedXhr || contextXhr;
|
|
1639
|
-
var Uppy = useUppyCore();
|
|
1640
|
-
var uppyTransport = useUppyTransport(transport);
|
|
1641
|
-
var uppySources = useUppySources(sources);
|
|
1642
|
-
var uppyLocale = useUppyLocale(locale || intlLocale);
|
|
1643
|
-
var buildUppy = useMemo(function () {
|
|
1644
|
-
if (Uppy === null || uppyLocale === null || uppyTransport === null || uppySources === null) {
|
|
1645
|
-
return null;
|
|
1646
|
-
}
|
|
1647
|
-
return function () {
|
|
1648
|
-
var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
1649
|
-
var _ref8 = opts || {},
|
|
1650
|
-
_ref8$sources = _ref8.sources,
|
|
1651
|
-
customSources = _ref8$sources === void 0 ? sources : _ref8$sources,
|
|
1652
|
-
uppyOpts = _objectWithoutProperties(_ref8, _excluded);
|
|
1653
|
-
// console.log(uppyOpts);
|
|
1654
|
-
var newUppy = new Uppy(_objectSpread({
|
|
1655
|
-
id: id,
|
|
1656
|
-
locale: uppyLocale
|
|
1657
|
-
}, uppyOpts));
|
|
1658
|
-
if (transport === 'transloadit') {
|
|
1659
|
-
var key = transloadit.key,
|
|
1660
|
-
templateId = transloadit.templateId,
|
|
1661
|
-
_transloadit$waitForE = transloadit.waitForEncoding,
|
|
1662
|
-
waitForEncoding = _transloadit$waitForE === void 0 ? true : _transloadit$waitForE,
|
|
1663
|
-
transloaditOpts = _objectWithoutProperties(transloadit, _excluded2);
|
|
1664
|
-
newUppy.use(uppyTransport, {
|
|
1665
|
-
params: _objectSpread({
|
|
1666
|
-
auth: {
|
|
1667
|
-
key: key
|
|
1668
|
-
},
|
|
1669
|
-
template_id: templateId
|
|
1670
|
-
}, transloaditOpts),
|
|
1671
|
-
waitForEncoding: waitForEncoding
|
|
1672
|
-
});
|
|
1673
|
-
} else if (transport === 'tus') {
|
|
1674
|
-
newUppy.use(uppyTransport, _objectSpread({
|
|
1675
|
-
endpoint: '/tus',
|
|
1676
|
-
resume: true,
|
|
1677
|
-
retryDelays: [0, 1000, 3000, 5000]
|
|
1678
|
-
}, tus));
|
|
1679
|
-
} else if (transport === 'xhr') {
|
|
1680
|
-
newUppy.use(uppyTransport, _objectSpread({
|
|
1681
|
-
endpoint: isString(xhr) ? xhr : '/upload'
|
|
1682
|
-
}, isObject(xhr) ? xhr : null));
|
|
1683
|
-
}
|
|
1684
|
-
if (transport === 'transloadit' || companion !== null) {
|
|
1685
|
-
return customSources.reduce(function (currentUppy, sourceId) {
|
|
1686
|
-
var source = uppySources[sourceId] || null;
|
|
1687
|
-
if (source === null) {
|
|
1688
|
-
return currentUppy;
|
|
1689
|
-
}
|
|
1690
|
-
var _ref9 = companion || {
|
|
1691
|
-
url: uppyTransport.COMPANION || null,
|
|
1692
|
-
allowedHosts: uppyTransport.COMPANION_PATTERN || null
|
|
1693
|
-
},
|
|
1694
|
-
companionUrl = _ref9.url,
|
|
1695
|
-
companionAllowedHosts = _ref9.allowedHosts;
|
|
1696
|
-
return newUppy.use(source, {
|
|
1697
|
-
id: sourceId,
|
|
1698
|
-
companionUrl: companionUrl,
|
|
1699
|
-
companionAllowedHosts: companionAllowedHosts
|
|
1700
|
-
});
|
|
1701
|
-
}, newUppy);
|
|
1702
|
-
}
|
|
1703
|
-
return newUppy;
|
|
1704
|
-
};
|
|
1705
|
-
}, [id, Uppy, uppyLocale, uppyTransport, uppySources, transport, sources, transloadit, companion, tus, xhr]);
|
|
1706
|
-
var value = useMemo(function () {
|
|
1707
|
-
return {
|
|
1708
|
-
id: id,
|
|
1709
|
-
transport: transport,
|
|
1710
|
-
locale: locale,
|
|
1711
|
-
sources: sources,
|
|
1712
|
-
transloadit: transloadit,
|
|
1713
|
-
companion: companion,
|
|
1714
|
-
tus: tus,
|
|
1715
|
-
xhr: xhr,
|
|
1716
|
-
Uppy: Uppy,
|
|
1717
|
-
uppyTransport: uppyTransport,
|
|
1718
|
-
uppySources: uppySources,
|
|
1719
|
-
uppyLocale: uppyLocale,
|
|
1720
|
-
buildUppy: buildUppy
|
|
1721
|
-
};
|
|
1722
|
-
}, [id, transport, locale, sources, transloadit, companion, tus, xhr, Uppy, uppyTransport, uppySources, uppyLocale, buildUppy]);
|
|
1723
|
-
return /*#__PURE__*/React.createElement(UppyContext.Provider, {
|
|
1724
|
-
value: value
|
|
1725
|
-
}, children);
|
|
1726
|
-
};
|
|
1727
|
-
UppyProvider.propTypes = propTypes;
|
|
1728
|
-
UppyProvider.defaultProps = defaultProps;
|
|
1134
|
+
TrackingProvider.propTypes = propTypes;
|
|
1135
|
+
TrackingProvider.defaultProps = defaultProps;
|
|
1729
1136
|
|
|
1730
|
-
export { ACTIONS_NAMESPACE, APP_NAMESPACE, BUTTONS_NAMESPACE, ComponentsContext, ComponentsProvider, DISPLAYS_NAMESPACE, DefinitionProvider, FIELDS_NAMESPACE, FILTERS_NAMESPACE, FORMS_NAMESPACE, FieldsContext, FieldsProvider, FontsContext, FontsProvider, FormProvider, GoogleApiClientContext, GoogleApiClientProvider, GoogleKeysContext, GoogleKeysProvider, GoogleMapsClientContext, GoogleMapsClientProvider, LISTS_NAMESPACE, LocalesContext, LocalesProvider, MODALS_NAMESPACE, ModalContext, ModalProvider, PAGES_NAMESPACE, PanelsContext, PanelsProvider, PanneauProvider, ResourceProvider, TrackingProvider,
|
|
1137
|
+
export { ACTIONS_NAMESPACE, APP_NAMESPACE, BUTTONS_NAMESPACE, ComponentsContext, ComponentsProvider, DISPLAYS_NAMESPACE, DefinitionProvider, FIELDS_NAMESPACE, FILTERS_NAMESPACE, FORMS_NAMESPACE, FieldsContext, FieldsProvider, FontsContext, FontsProvider, FormProvider, GoogleApiClientContext, GoogleApiClientProvider, GoogleKeysContext, GoogleKeysProvider, GoogleMapsClientContext, GoogleMapsClientProvider, LISTS_NAMESPACE, LocalesContext, LocalesProvider, MODALS_NAMESPACE, ModalContext, ModalProvider, PAGES_NAMESPACE, PanelsContext, PanelsProvider, PanneauProvider, ResourceProvider, TrackingProvider, useActionComponent, useActionsComponents, useActionsComponentsManager, useAppComponent, useAppComponents, useAppComponentsManager, useButtonComponent, useButtonsComponents, useButtonsComponentsManager, useComponent, useComponents, useComponentsManager, useDefinition, useDefinitionContext, useDisplayComponent, useDisplaysComponents, useDisplaysComponentsManager, useField, useFieldComponent, useFields, useFieldsComponents, useFieldsComponentsManager, useFieldsManager, useFilterComponent, useFiltersComponents, useFiltersComponentsManager, useFonts, useForm, useFormComponent, useFormSetValue, useFormValue, useFormsComponents, useFormsComponentsManager, useGoogleApiClient, useGoogleFonts, useGoogleKeys, useGoogleMapsClient, useListComponent, useListsComponents, useListsComponentsManager, useLocales, useModal, useModalComponent, useModalsComponents, useModalsComponentsManager, useOtherLocales, usePageComponent, usePagesComponents, usePagesComponentsManager, usePanels, usePanneau, usePanneauAuth, usePanneauColorScheme, usePanneauComponent, usePanneauComponents, usePanneauResource, usePanneauResources, usePanneauSettings, useResource, useRouteBack, useRoutePush, useTracking, withGoogleApiClient, withGoogleMapsClient, withPanels };
|