@micromag/core 0.3.508 → 0.3.512
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/css/styles.css +12 -12
- package/assets/css/vendor.css +1 -1
- package/es/components.js +11 -6
- package/es/contexts.js +69 -611
- package/es/index.js +3 -2
- package/es/utils.js +3 -3
- package/lib/components.js +590 -11
- package/lib/contexts.js +72 -617
- package/lib/index.js +105 -70
- package/lib/utils.js +127 -89
- package/package.json +13 -23
- package/scss/_theme.scss +45 -30
- package/scss/vendor.scss +14 -0
package/es/contexts.js
CHANGED
|
@@ -17,8 +17,6 @@ import { useLocation } from 'wouter';
|
|
|
17
17
|
import { useIntl } from 'react-intl';
|
|
18
18
|
import { TrackingContext, TrackingContainer } from '@folklore/tracking';
|
|
19
19
|
export { TrackingContext } from '@folklore/tracking';
|
|
20
|
-
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
21
|
-
import { v1 } from 'uuid';
|
|
22
20
|
import EventEmitter from 'wolfy87-eventemitter';
|
|
23
21
|
|
|
24
22
|
var MODALS_NAMESPACE = 'modals';
|
|
@@ -135,13 +133,13 @@ var useElementComponent = function useElementComponent(name) {
|
|
|
135
133
|
/**
|
|
136
134
|
* Provider
|
|
137
135
|
*/
|
|
138
|
-
var propTypes$
|
|
136
|
+
var propTypes$i = {
|
|
139
137
|
children: PropTypes.node.isRequired,
|
|
140
138
|
namespace: PropTypes.string,
|
|
141
139
|
manager: PropTypes.instanceOf(ComponentsManager),
|
|
142
140
|
components: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.object, PropTypes.func]))
|
|
143
141
|
};
|
|
144
|
-
var defaultProps$
|
|
142
|
+
var defaultProps$i = {
|
|
145
143
|
namespace: null,
|
|
146
144
|
components: {},
|
|
147
145
|
manager: null
|
|
@@ -159,8 +157,8 @@ var ComponentsProvider = function ComponentsProvider(_ref) {
|
|
|
159
157
|
value: finalManager
|
|
160
158
|
}, children);
|
|
161
159
|
};
|
|
162
|
-
ComponentsProvider.propTypes = propTypes$
|
|
163
|
-
ComponentsProvider.defaultProps = defaultProps$
|
|
160
|
+
ComponentsProvider.propTypes = propTypes$i;
|
|
161
|
+
ComponentsProvider.defaultProps = defaultProps$i;
|
|
164
162
|
|
|
165
163
|
var FieldsContext = /*#__PURE__*/React.createContext(null);
|
|
166
164
|
var useFieldsManager = function useFieldsManager() {
|
|
@@ -170,12 +168,12 @@ var useFieldDefinition = function useFieldDefinition(id) {
|
|
|
170
168
|
var manager = useFieldsManager();
|
|
171
169
|
return manager.getDefinition(id);
|
|
172
170
|
};
|
|
173
|
-
var propTypes$
|
|
171
|
+
var propTypes$h = {
|
|
174
172
|
fields: PropTypes$1.fieldDefinitions,
|
|
175
173
|
manager: PropTypes.instanceOf(FieldsManager),
|
|
176
174
|
children: PropTypes.node.isRequired
|
|
177
175
|
};
|
|
178
|
-
var defaultProps$
|
|
176
|
+
var defaultProps$h = {
|
|
179
177
|
fields: null,
|
|
180
178
|
manager: null
|
|
181
179
|
};
|
|
@@ -205,21 +203,21 @@ var FieldsProvider = function FieldsProvider(_ref) {
|
|
|
205
203
|
components: components
|
|
206
204
|
}, children));
|
|
207
205
|
};
|
|
208
|
-
FieldsProvider.propTypes = propTypes$
|
|
209
|
-
FieldsProvider.defaultProps = defaultProps$
|
|
206
|
+
FieldsProvider.propTypes = propTypes$h;
|
|
207
|
+
FieldsProvider.defaultProps = defaultProps$h;
|
|
210
208
|
|
|
211
209
|
var ScreensContext = /*#__PURE__*/React.createContext(new ScreensManager());
|
|
212
210
|
var useScreensManager = function useScreensManager() {
|
|
213
211
|
return useContext(ScreensContext);
|
|
214
212
|
};
|
|
215
|
-
var propTypes$
|
|
213
|
+
var propTypes$g = {
|
|
216
214
|
screens: PropTypes$1.screenDefinitions,
|
|
217
215
|
namespaces: PropTypes.arrayOf(PropTypes.string),
|
|
218
216
|
filterNamespaces: PropTypes.bool,
|
|
219
217
|
manager: PropTypes.instanceOf(ScreensManager),
|
|
220
218
|
children: PropTypes.node.isRequired
|
|
221
219
|
};
|
|
222
|
-
var defaultProps$
|
|
220
|
+
var defaultProps$g = {
|
|
223
221
|
screens: null,
|
|
224
222
|
namespaces: null,
|
|
225
223
|
filterNamespaces: false,
|
|
@@ -271,8 +269,8 @@ var ScreensProvider = function ScreensProvider(_ref) {
|
|
|
271
269
|
components: components
|
|
272
270
|
}, children));
|
|
273
271
|
};
|
|
274
|
-
ScreensProvider.propTypes = propTypes$
|
|
275
|
-
ScreensProvider.defaultProps = defaultProps$
|
|
272
|
+
ScreensProvider.propTypes = propTypes$g;
|
|
273
|
+
ScreensProvider.defaultProps = defaultProps$g;
|
|
276
274
|
|
|
277
275
|
var StoryContext = /*#__PURE__*/React.createContext(null);
|
|
278
276
|
var useStoryContext = function useStoryContext() {
|
|
@@ -282,11 +280,11 @@ var useStory = function useStory() {
|
|
|
282
280
|
var story = useStoryContext();
|
|
283
281
|
return story;
|
|
284
282
|
};
|
|
285
|
-
var propTypes$
|
|
283
|
+
var propTypes$f = {
|
|
286
284
|
story: PropTypes.oneOfType([PropTypes$1.story, PropTypes$1.theme]),
|
|
287
285
|
children: PropTypes.node.isRequired
|
|
288
286
|
};
|
|
289
|
-
var defaultProps$
|
|
287
|
+
var defaultProps$f = {
|
|
290
288
|
story: null
|
|
291
289
|
};
|
|
292
290
|
var StoryProvider = function StoryProvider(_ref) {
|
|
@@ -296,8 +294,8 @@ var StoryProvider = function StoryProvider(_ref) {
|
|
|
296
294
|
value: story
|
|
297
295
|
}, children);
|
|
298
296
|
};
|
|
299
|
-
StoryProvider.propTypes = propTypes$
|
|
300
|
-
StoryProvider.defaultProps = defaultProps$
|
|
297
|
+
StoryProvider.propTypes = propTypes$f;
|
|
298
|
+
StoryProvider.defaultProps = defaultProps$f;
|
|
301
299
|
|
|
302
300
|
var EditorContext = /*#__PURE__*/React.createContext(null);
|
|
303
301
|
var useEditor = function useEditor() {
|
|
@@ -311,10 +309,10 @@ var useGetColors = function useGetColors() {
|
|
|
311
309
|
} : _ref$getColors;
|
|
312
310
|
return getColors;
|
|
313
311
|
};
|
|
314
|
-
var propTypes$
|
|
312
|
+
var propTypes$e = {
|
|
315
313
|
children: PropTypes.node.isRequired
|
|
316
314
|
};
|
|
317
|
-
var defaultProps$
|
|
315
|
+
var defaultProps$e = {};
|
|
318
316
|
var EditorProvider = function EditorProvider(_ref2) {
|
|
319
317
|
var children = _ref2.children;
|
|
320
318
|
var story = useStory();
|
|
@@ -340,20 +338,20 @@ var EditorProvider = function EditorProvider(_ref2) {
|
|
|
340
338
|
}
|
|
341
339
|
}, children);
|
|
342
340
|
};
|
|
343
|
-
EditorProvider.propTypes = propTypes$
|
|
344
|
-
EditorProvider.defaultProps = defaultProps$
|
|
341
|
+
EditorProvider.propTypes = propTypes$e;
|
|
342
|
+
EditorProvider.defaultProps = defaultProps$e;
|
|
345
343
|
|
|
346
344
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
347
345
|
var FieldsValueContext = /*#__PURE__*/React.createContext(null);
|
|
348
346
|
var useFieldsValue = function useFieldsValue() {
|
|
349
347
|
return useContext(FieldsValueContext);
|
|
350
348
|
};
|
|
351
|
-
var propTypes$
|
|
349
|
+
var propTypes$d = {
|
|
352
350
|
value: PropTypes.any,
|
|
353
351
|
// eslint-disable-line react/forbid-prop-types
|
|
354
352
|
children: PropTypes.node.isRequired
|
|
355
353
|
};
|
|
356
|
-
var defaultProps$
|
|
354
|
+
var defaultProps$d = {
|
|
357
355
|
value: null
|
|
358
356
|
};
|
|
359
357
|
var FieldsValueContextProvider = function FieldsValueContextProvider(_ref) {
|
|
@@ -363,20 +361,20 @@ var FieldsValueContextProvider = function FieldsValueContextProvider(_ref) {
|
|
|
363
361
|
value: value
|
|
364
362
|
}, children);
|
|
365
363
|
};
|
|
366
|
-
FieldsValueContextProvider.propTypes = propTypes$
|
|
367
|
-
FieldsValueContextProvider.defaultProps = defaultProps$
|
|
364
|
+
FieldsValueContextProvider.propTypes = propTypes$d;
|
|
365
|
+
FieldsValueContextProvider.defaultProps = defaultProps$d;
|
|
368
366
|
|
|
369
367
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
370
368
|
var FieldContext = /*#__PURE__*/React.createContext(null);
|
|
371
369
|
var useFieldContext = function useFieldContext() {
|
|
372
370
|
return useContext(FieldContext);
|
|
373
371
|
};
|
|
374
|
-
var propTypes$
|
|
372
|
+
var propTypes$c = {
|
|
375
373
|
context: PropTypes.any,
|
|
376
374
|
// eslint-disable-line react/forbid-prop-types
|
|
377
375
|
children: PropTypes.node.isRequired
|
|
378
376
|
};
|
|
379
|
-
var defaultProps$
|
|
377
|
+
var defaultProps$c = {
|
|
380
378
|
context: null
|
|
381
379
|
};
|
|
382
380
|
var FieldContextProvider = function FieldContextProvider(_ref) {
|
|
@@ -386,8 +384,8 @@ var FieldContextProvider = function FieldContextProvider(_ref) {
|
|
|
386
384
|
value: context
|
|
387
385
|
}, children);
|
|
388
386
|
};
|
|
389
|
-
FieldContextProvider.propTypes = propTypes$
|
|
390
|
-
FieldContextProvider.defaultProps = defaultProps$
|
|
387
|
+
FieldContextProvider.propTypes = propTypes$c;
|
|
388
|
+
FieldContextProvider.defaultProps = defaultProps$c;
|
|
391
389
|
|
|
392
390
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
393
391
|
var GoogleKeysContext = /*#__PURE__*/React.createContext({
|
|
@@ -396,11 +394,11 @@ var GoogleKeysContext = /*#__PURE__*/React.createContext({
|
|
|
396
394
|
var useGoogleKeys = function useGoogleKeys() {
|
|
397
395
|
return useContext(GoogleKeysContext);
|
|
398
396
|
};
|
|
399
|
-
var propTypes$
|
|
397
|
+
var propTypes$b = {
|
|
400
398
|
children: PropTypes.node.isRequired,
|
|
401
399
|
apiKey: PropTypes.string // .isRequired,
|
|
402
400
|
};
|
|
403
|
-
var defaultProps$
|
|
401
|
+
var defaultProps$b = {
|
|
404
402
|
apiKey: null
|
|
405
403
|
};
|
|
406
404
|
var GoogleKeysProvider = function GoogleKeysProvider(_ref) {
|
|
@@ -417,8 +415,8 @@ var GoogleKeysProvider = function GoogleKeysProvider(_ref) {
|
|
|
417
415
|
value: value
|
|
418
416
|
}, children);
|
|
419
417
|
};
|
|
420
|
-
GoogleKeysProvider.propTypes = propTypes$
|
|
421
|
-
GoogleKeysProvider.defaultProps = defaultProps$
|
|
418
|
+
GoogleKeysProvider.propTypes = propTypes$b;
|
|
419
|
+
GoogleKeysProvider.defaultProps = defaultProps$b;
|
|
422
420
|
|
|
423
421
|
var FontsContext = /*#__PURE__*/React.createContext({
|
|
424
422
|
systemFonts: null,
|
|
@@ -491,12 +489,12 @@ var useFonts = function useFonts() {
|
|
|
491
489
|
}, [systemFonts, googleFonts, customFonts]);
|
|
492
490
|
return fonts;
|
|
493
491
|
};
|
|
494
|
-
var propTypes$
|
|
492
|
+
var propTypes$a = {
|
|
495
493
|
children: PropTypes.node.isRequired,
|
|
496
494
|
systemFonts: PropTypes$1.fonts,
|
|
497
495
|
customFonts: PropTypes$1.fonts
|
|
498
496
|
};
|
|
499
|
-
var defaultProps$
|
|
497
|
+
var defaultProps$a = {
|
|
500
498
|
systemFonts: ['Arial', 'Courier New', 'Georgia', 'Times New Roman', 'Verdana'],
|
|
501
499
|
customFonts: null
|
|
502
500
|
};
|
|
@@ -532,8 +530,8 @@ var FontsProvider = function FontsProvider(_ref4) {
|
|
|
532
530
|
value: fonts
|
|
533
531
|
}, children);
|
|
534
532
|
};
|
|
535
|
-
FontsProvider.propTypes = propTypes$
|
|
536
|
-
FontsProvider.defaultProps = defaultProps$
|
|
533
|
+
FontsProvider.propTypes = propTypes$a;
|
|
534
|
+
FontsProvider.defaultProps = defaultProps$a;
|
|
537
535
|
|
|
538
536
|
var GoogleApiClientContext = /*#__PURE__*/React.createContext(null);
|
|
539
537
|
var useGoogleApiClient = function useGoogleApiClient() {
|
|
@@ -557,10 +555,10 @@ var withGoogleApiClient = function withGoogleApiClient(WrappedComponent) {
|
|
|
557
555
|
WithGoogleApiClientComponent.displayName = "WithGoogleApiClient(".concat(getDisplayName(WrappedComponent), ")");
|
|
558
556
|
return WithGoogleApiClientComponent;
|
|
559
557
|
};
|
|
560
|
-
var propTypes$
|
|
558
|
+
var propTypes$9 = {
|
|
561
559
|
children: PropTypes.node.isRequired
|
|
562
560
|
};
|
|
563
|
-
var defaultProps$
|
|
561
|
+
var defaultProps$9 = {};
|
|
564
562
|
var GoogleApiClientProvider = function GoogleApiClientProvider(_ref2) {
|
|
565
563
|
var children = _ref2.children;
|
|
566
564
|
var _useGoogleKeys = useGoogleKeys(),
|
|
@@ -584,8 +582,8 @@ var GoogleApiClientProvider = function GoogleApiClientProvider(_ref2) {
|
|
|
584
582
|
value: client
|
|
585
583
|
}, children);
|
|
586
584
|
};
|
|
587
|
-
GoogleApiClientProvider.propTypes = propTypes$
|
|
588
|
-
GoogleApiClientProvider.defaultProps = defaultProps$
|
|
585
|
+
GoogleApiClientProvider.propTypes = propTypes$9;
|
|
586
|
+
GoogleApiClientProvider.defaultProps = defaultProps$9;
|
|
589
587
|
|
|
590
588
|
var GoogleMapsClientContext = /*#__PURE__*/React.createContext(null);
|
|
591
589
|
var useGoogleMapsClient = function useGoogleMapsClient() {
|
|
@@ -609,12 +607,12 @@ var withGoogleMapsClient = function withGoogleMapsClient(WrappedComponent) {
|
|
|
609
607
|
WithGoogleMapsClientComponent.displayName = "WithGoogleMapsClient(".concat(getDisplayName(WrappedComponent), ")");
|
|
610
608
|
return WithGoogleMapsClientComponent;
|
|
611
609
|
};
|
|
612
|
-
var propTypes$
|
|
610
|
+
var propTypes$8 = {
|
|
613
611
|
children: PropTypes.node.isRequired,
|
|
614
612
|
locale: PropTypes.string,
|
|
615
613
|
libraries: PropTypes.arrayOf(PropTypes.string)
|
|
616
614
|
};
|
|
617
|
-
var defaultProps$
|
|
615
|
+
var defaultProps$8 = {
|
|
618
616
|
locale: 'fr',
|
|
619
617
|
libraries: null
|
|
620
618
|
};
|
|
@@ -644,8 +642,8 @@ var GoogleMapsClientProvider = function GoogleMapsClientProvider(_ref2) {
|
|
|
644
642
|
value: client
|
|
645
643
|
}, children);
|
|
646
644
|
};
|
|
647
|
-
GoogleMapsClientProvider.propTypes = propTypes$
|
|
648
|
-
GoogleMapsClientProvider.defaultProps = defaultProps$
|
|
645
|
+
GoogleMapsClientProvider.propTypes = propTypes$8;
|
|
646
|
+
GoogleMapsClientProvider.defaultProps = defaultProps$8;
|
|
649
647
|
|
|
650
648
|
var ModalsContext = /*#__PURE__*/React.createContext({
|
|
651
649
|
container: null
|
|
@@ -673,11 +671,11 @@ var withModals = function withModals(WrappedComponent) {
|
|
|
673
671
|
WithModalsComponent.displayName = "WithModals(".concat(getDisplayName(WrappedComponent), ")");
|
|
674
672
|
return WithModalsComponent;
|
|
675
673
|
};
|
|
676
|
-
var propTypes$
|
|
674
|
+
var propTypes$7 = {
|
|
677
675
|
children: PropTypes.node.isRequired,
|
|
678
676
|
container: PropTypes.object // eslint-disable-line
|
|
679
677
|
};
|
|
680
|
-
var defaultProps$
|
|
678
|
+
var defaultProps$7 = {
|
|
681
679
|
container: null
|
|
682
680
|
};
|
|
683
681
|
var ModalsProvider = function ModalsProvider(_ref2) {
|
|
@@ -729,8 +727,8 @@ var ModalsProvider = function ModalsProvider(_ref2) {
|
|
|
729
727
|
value: value
|
|
730
728
|
}, children);
|
|
731
729
|
};
|
|
732
|
-
ModalsProvider.propTypes = propTypes$
|
|
733
|
-
ModalsProvider.defaultProps = defaultProps$
|
|
730
|
+
ModalsProvider.propTypes = propTypes$7;
|
|
731
|
+
ModalsProvider.defaultProps = defaultProps$7;
|
|
734
732
|
|
|
735
733
|
var PanelsContext = /*#__PURE__*/React.createContext({
|
|
736
734
|
container: null
|
|
@@ -758,11 +756,11 @@ var withPanels = function withPanels(WrappedComponent) {
|
|
|
758
756
|
WithPanelsComponent.displayName = "WithPanels(".concat(getDisplayName(WrappedComponent), ")");
|
|
759
757
|
return WithPanelsComponent;
|
|
760
758
|
};
|
|
761
|
-
var propTypes$
|
|
759
|
+
var propTypes$6 = {
|
|
762
760
|
children: PropTypes.node.isRequired,
|
|
763
761
|
container: PropTypes.object // eslint-disable-line
|
|
764
762
|
};
|
|
765
|
-
var defaultProps$
|
|
763
|
+
var defaultProps$6 = {
|
|
766
764
|
container: null
|
|
767
765
|
};
|
|
768
766
|
var PanelsProvider = function PanelsProvider(_ref2) {
|
|
@@ -814,8 +812,8 @@ var PanelsProvider = function PanelsProvider(_ref2) {
|
|
|
814
812
|
value: value
|
|
815
813
|
}, children);
|
|
816
814
|
};
|
|
817
|
-
PanelsProvider.propTypes = propTypes$
|
|
818
|
-
PanelsProvider.defaultProps = defaultProps$
|
|
815
|
+
PanelsProvider.propTypes = propTypes$6;
|
|
816
|
+
PanelsProvider.defaultProps = defaultProps$6;
|
|
819
817
|
|
|
820
818
|
var defaultControlsThemeValue = {
|
|
821
819
|
seekBarOnly: false,
|
|
@@ -862,7 +860,7 @@ var usePlaybackMediaRef = function usePlaybackMediaRef(active) {
|
|
|
862
860
|
}, [setMedia, active]);
|
|
863
861
|
return mediaRef;
|
|
864
862
|
};
|
|
865
|
-
var propTypes$
|
|
863
|
+
var propTypes$5 = {
|
|
866
864
|
children: PropTypes.node.isRequired,
|
|
867
865
|
controls: PropTypes.bool,
|
|
868
866
|
controlsSuggestPlay: PropTypes.bool,
|
|
@@ -876,7 +874,7 @@ var propTypes$6 = {
|
|
|
876
874
|
playing: PropTypes.bool,
|
|
877
875
|
paused: PropTypes.bool
|
|
878
876
|
};
|
|
879
|
-
var defaultProps$
|
|
877
|
+
var defaultProps$5 = _objectSpread({}, defaultValue$1);
|
|
880
878
|
var PlaybackProvider = function PlaybackProvider(_ref) {
|
|
881
879
|
var initialMuted = _ref.muted,
|
|
882
880
|
initialPlaying = _ref.playing,
|
|
@@ -982,8 +980,8 @@ var PlaybackProvider = function PlaybackProvider(_ref) {
|
|
|
982
980
|
value: value
|
|
983
981
|
}, children);
|
|
984
982
|
};
|
|
985
|
-
PlaybackProvider.propTypes = propTypes$
|
|
986
|
-
PlaybackProvider.defaultProps = defaultProps$
|
|
983
|
+
PlaybackProvider.propTypes = propTypes$5;
|
|
984
|
+
PlaybackProvider.defaultProps = defaultProps$5;
|
|
987
985
|
|
|
988
986
|
var useRoutePush = function useRoutePush() {
|
|
989
987
|
var url = useUrlGenerator();
|
|
@@ -1071,14 +1069,14 @@ var useScreenState = function useScreenState() {
|
|
|
1071
1069
|
screenState = _ref5.screenState;
|
|
1072
1070
|
return screenState;
|
|
1073
1071
|
};
|
|
1074
|
-
var propTypes$
|
|
1072
|
+
var propTypes$4 = {
|
|
1075
1073
|
children: PropTypes.node.isRequired,
|
|
1076
1074
|
data: PropTypes$1.screen,
|
|
1077
1075
|
definition: PropTypes$1.screenDefinition,
|
|
1078
1076
|
renderContext: PropTypes$1.renderContext,
|
|
1079
1077
|
screenState: PropTypes.string
|
|
1080
1078
|
};
|
|
1081
|
-
var defaultProps$
|
|
1079
|
+
var defaultProps$4 = {
|
|
1082
1080
|
data: null,
|
|
1083
1081
|
definition: null,
|
|
1084
1082
|
renderContext: null,
|
|
@@ -1120,8 +1118,8 @@ var ScreenProvider = function ScreenProvider(_ref6) {
|
|
|
1120
1118
|
value: value
|
|
1121
1119
|
}, children);
|
|
1122
1120
|
};
|
|
1123
|
-
ScreenProvider.propTypes = propTypes$
|
|
1124
|
-
ScreenProvider.defaultProps = defaultProps$
|
|
1121
|
+
ScreenProvider.propTypes = propTypes$4;
|
|
1122
|
+
ScreenProvider.defaultProps = defaultProps$4;
|
|
1125
1123
|
|
|
1126
1124
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
1127
1125
|
var ScreenSizeContext = /*#__PURE__*/React.createContext({
|
|
@@ -1135,11 +1133,11 @@ var ScreenSizeContext = /*#__PURE__*/React.createContext({
|
|
|
1135
1133
|
var useScreenSize = function useScreenSize() {
|
|
1136
1134
|
return useContext(ScreenSizeContext);
|
|
1137
1135
|
};
|
|
1138
|
-
var propTypes$
|
|
1136
|
+
var propTypes$3 = {
|
|
1139
1137
|
children: PropTypes.node.isRequired,
|
|
1140
1138
|
size: PropTypes$1.screenSize
|
|
1141
1139
|
};
|
|
1142
|
-
var defaultProps$
|
|
1140
|
+
var defaultProps$3 = {
|
|
1143
1141
|
size: {}
|
|
1144
1142
|
};
|
|
1145
1143
|
|
|
@@ -1159,17 +1157,17 @@ var ScreenSizeProvider = function ScreenSizeProvider(_ref) {
|
|
|
1159
1157
|
value: currentSize
|
|
1160
1158
|
}, children);
|
|
1161
1159
|
};
|
|
1162
|
-
ScreenSizeProvider.propTypes = propTypes$
|
|
1163
|
-
ScreenSizeProvider.defaultProps = defaultProps$
|
|
1160
|
+
ScreenSizeProvider.propTypes = propTypes$3;
|
|
1161
|
+
ScreenSizeProvider.defaultProps = defaultProps$3;
|
|
1164
1162
|
|
|
1165
1163
|
var useTracking = function useTracking() {
|
|
1166
1164
|
return useContext(TrackingContext);
|
|
1167
1165
|
};
|
|
1168
|
-
var propTypes$
|
|
1166
|
+
var propTypes$2 = {
|
|
1169
1167
|
children: PropTypes.node.isRequired,
|
|
1170
1168
|
variables: PropTypes$1.trackingVariables
|
|
1171
1169
|
};
|
|
1172
|
-
var defaultProps$
|
|
1170
|
+
var defaultProps$2 = {
|
|
1173
1171
|
variables: null
|
|
1174
1172
|
};
|
|
1175
1173
|
var TrackingProvider = function TrackingProvider(_ref) {
|
|
@@ -1185,548 +1183,8 @@ var TrackingProvider = function TrackingProvider(_ref) {
|
|
|
1185
1183
|
tracking: tracking
|
|
1186
1184
|
}, children);
|
|
1187
1185
|
};
|
|
1188
|
-
TrackingProvider.propTypes = propTypes$
|
|
1189
|
-
TrackingProvider.defaultProps = defaultProps$
|
|
1190
|
-
|
|
1191
|
-
var _excluded$3 = ["Uppy"];
|
|
1192
|
-
|
|
1193
|
-
/**
|
|
1194
|
-
* Locale loader
|
|
1195
|
-
*/
|
|
1196
|
-
var packageCache = null;
|
|
1197
|
-
var useUppyCore = function useUppyCore() {
|
|
1198
|
-
// transport
|
|
1199
|
-
var _useState = useState({
|
|
1200
|
-
"package": packageCache
|
|
1201
|
-
}),
|
|
1202
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
1203
|
-
_useState2$0$package = _useState2[0]["package"],
|
|
1204
|
-
loadedPackage = _useState2$0$package === void 0 ? null : _useState2$0$package,
|
|
1205
|
-
setLoadedPackage = _useState2[1];
|
|
1206
|
-
useEffect(function () {
|
|
1207
|
-
var canceled = false;
|
|
1208
|
-
if (loadedPackage !== null) {
|
|
1209
|
-
return function () {
|
|
1210
|
-
canceled = true;
|
|
1211
|
-
};
|
|
1212
|
-
}
|
|
1213
|
-
import('@uppy/core').then(function (_ref) {
|
|
1214
|
-
var Uppy = _ref.Uppy,
|
|
1215
|
-
other = _objectWithoutProperties(_ref, _excluded$3);
|
|
1216
|
-
var _ref2 = other || {},
|
|
1217
|
-
defaultPackage = _ref2["default"];
|
|
1218
|
-
packageCache = Uppy || defaultPackage;
|
|
1219
|
-
if (!canceled) {
|
|
1220
|
-
setLoadedPackage({
|
|
1221
|
-
"package": Uppy || defaultPackage
|
|
1222
|
-
});
|
|
1223
|
-
}
|
|
1224
|
-
});
|
|
1225
|
-
return function () {
|
|
1226
|
-
canceled = true;
|
|
1227
|
-
};
|
|
1228
|
-
}, [loadedPackage, setLoadedPackage]);
|
|
1229
|
-
return loadedPackage;
|
|
1230
|
-
};
|
|
1231
|
-
|
|
1232
|
-
/**
|
|
1233
|
-
* Locale loader
|
|
1234
|
-
*/
|
|
1235
|
-
var packagesCache$2 = {};
|
|
1236
|
-
var defaultPackagesMap$2 = {
|
|
1237
|
-
fr: function fr() {
|
|
1238
|
-
return import('@uppy/locales/lib/fr_FR');
|
|
1239
|
-
},
|
|
1240
|
-
en: function en() {
|
|
1241
|
-
return import('@uppy/locales/lib/en_US');
|
|
1242
|
-
}
|
|
1243
|
-
};
|
|
1244
|
-
var useUppyLocale = function useUppyLocale(locale) {
|
|
1245
|
-
var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
|
|
1246
|
-
_ref$packagesMap = _ref.packagesMap,
|
|
1247
|
-
packagesMap = _ref$packagesMap === void 0 ? defaultPackagesMap$2 : _ref$packagesMap;
|
|
1248
|
-
var _useState = useState({
|
|
1249
|
-
"package": packagesCache$2[locale] || null
|
|
1250
|
-
}),
|
|
1251
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
1252
|
-
_useState2$0$package = _useState2[0]["package"],
|
|
1253
|
-
loadedPackage = _useState2$0$package === void 0 ? null : _useState2$0$package,
|
|
1254
|
-
setLoadedPackage = _useState2[1];
|
|
1255
|
-
var packageLoader = packagesMap[locale] || null;
|
|
1256
|
-
useEffect(function () {
|
|
1257
|
-
var canceled = false;
|
|
1258
|
-
if (loadedPackage !== null || packageLoader === null) {
|
|
1259
|
-
return function () {
|
|
1260
|
-
canceled = true;
|
|
1261
|
-
};
|
|
1262
|
-
}
|
|
1263
|
-
packageLoader().then(function (_ref2) {
|
|
1264
|
-
var dep = _ref2["default"];
|
|
1265
|
-
// packagesCache[locale] = dep;
|
|
1266
|
-
if (!canceled) {
|
|
1267
|
-
setLoadedPackage({
|
|
1268
|
-
"package": dep
|
|
1269
|
-
});
|
|
1270
|
-
}
|
|
1271
|
-
});
|
|
1272
|
-
return function () {
|
|
1273
|
-
canceled = true;
|
|
1274
|
-
};
|
|
1275
|
-
}, [packageLoader, loadedPackage, setLoadedPackage]);
|
|
1276
|
-
return loadedPackage;
|
|
1277
|
-
};
|
|
1278
|
-
|
|
1279
|
-
var _excluded$2 = ["default"];
|
|
1280
|
-
|
|
1281
|
-
/**
|
|
1282
|
-
* Locale loader
|
|
1283
|
-
*/
|
|
1284
|
-
var packagesCache$1 = {};
|
|
1285
|
-
var defaultPackagesMap$1 = {
|
|
1286
|
-
webcam: function webcam() {
|
|
1287
|
-
return import('@uppy/webcam');
|
|
1288
|
-
},
|
|
1289
|
-
facebook: function facebook() {
|
|
1290
|
-
return import('@uppy/facebook');
|
|
1291
|
-
},
|
|
1292
|
-
instagram: function instagram() {
|
|
1293
|
-
return import('@uppy/instagram');
|
|
1294
|
-
},
|
|
1295
|
-
dropbox: function dropbox() {
|
|
1296
|
-
return import('@uppy/dropbox');
|
|
1297
|
-
},
|
|
1298
|
-
'google-drive': function googleDrive() {
|
|
1299
|
-
return import('@uppy/google-drive');
|
|
1300
|
-
}
|
|
1301
|
-
};
|
|
1302
|
-
var useUppySources = function useUppySources(sources) {
|
|
1303
|
-
var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
|
|
1304
|
-
_ref$packagesMap = _ref.packagesMap,
|
|
1305
|
-
packagesMap = _ref$packagesMap === void 0 ? defaultPackagesMap$1 : _ref$packagesMap;
|
|
1306
|
-
// transport
|
|
1307
|
-
var _useState = useState({
|
|
1308
|
-
packages: sources.reduce(function (map, source) {
|
|
1309
|
-
var sourcePackage = packagesCache$1[source] || null;
|
|
1310
|
-
if (sourcePackage === null) {
|
|
1311
|
-
return map;
|
|
1312
|
-
}
|
|
1313
|
-
return _objectSpread(_objectSpread({}, map), {}, _defineProperty({}, source, sourcePackage));
|
|
1314
|
-
}, null)
|
|
1315
|
-
}),
|
|
1316
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
1317
|
-
_useState2$0$packages = _useState2[0].packages,
|
|
1318
|
-
loadedPackages = _useState2$0$packages === void 0 ? [] : _useState2$0$packages,
|
|
1319
|
-
setLoadedPackages = _useState2[1];
|
|
1320
|
-
var sourcesToLoad = useMemo(function () {
|
|
1321
|
-
if (loadedPackages === null) {
|
|
1322
|
-
return sources;
|
|
1323
|
-
}
|
|
1324
|
-
var sourcesLoaded = Object.keys(loadedPackages);
|
|
1325
|
-
return sources.filter(function (source) {
|
|
1326
|
-
return sourcesLoaded.indexOf(source) === -1;
|
|
1327
|
-
});
|
|
1328
|
-
}, [sources, loadedPackages]);
|
|
1329
|
-
useEffect(function () {
|
|
1330
|
-
var canceled = false;
|
|
1331
|
-
if (sourcesToLoad.length === 0) {
|
|
1332
|
-
return function () {
|
|
1333
|
-
canceled = true;
|
|
1334
|
-
};
|
|
1335
|
-
}
|
|
1336
|
-
Promise.all(sourcesToLoad.map(function (source) {
|
|
1337
|
-
return packagesMap[source] || null;
|
|
1338
|
-
}).filter(function (it) {
|
|
1339
|
-
return it !== null;
|
|
1340
|
-
}).map(function (promise) {
|
|
1341
|
-
return promise();
|
|
1342
|
-
})).then(function (packagesLoaded) {
|
|
1343
|
-
var newLoadedPackages = sourcesToLoad.reduce(function (map, source, index) {
|
|
1344
|
-
var _packagesLoaded$index = packagesLoaded[index],
|
|
1345
|
-
pack = _packagesLoaded$index["default"],
|
|
1346
|
-
others = _objectWithoutProperties(_packagesLoaded$index, _excluded$2);
|
|
1347
|
-
return _objectSpread(_objectSpread({}, map), {}, _defineProperty({}, source, Object.keys(others).reduce(function (otherMap, key) {
|
|
1348
|
-
otherMap[key] = others[key]; // eslint-disable-line no-param-reassign
|
|
1349
|
-
return otherMap;
|
|
1350
|
-
}, pack)));
|
|
1351
|
-
}, {});
|
|
1352
|
-
packagesCache$1 = _objectSpread(_objectSpread({}, packagesCache$1), newLoadedPackages);
|
|
1353
|
-
if (!canceled) {
|
|
1354
|
-
setLoadedPackages({
|
|
1355
|
-
packages: newLoadedPackages
|
|
1356
|
-
});
|
|
1357
|
-
}
|
|
1358
|
-
});
|
|
1359
|
-
return function () {
|
|
1360
|
-
canceled = true;
|
|
1361
|
-
};
|
|
1362
|
-
}, [sourcesToLoad, packagesMap, loadedPackages, setLoadedPackages]);
|
|
1363
|
-
return sourcesToLoad.length === 0 ? loadedPackages : null;
|
|
1364
|
-
};
|
|
1365
|
-
|
|
1366
|
-
var _excluded$1 = ["default"];
|
|
1367
|
-
|
|
1368
|
-
/**
|
|
1369
|
-
* Locale loader
|
|
1370
|
-
*/
|
|
1371
|
-
var packagesCache = {};
|
|
1372
|
-
var defaultPackagesMap = {
|
|
1373
|
-
transloadit: null,
|
|
1374
|
-
// Disabled for compatibility reasons
|
|
1375
|
-
tus: function tus() {
|
|
1376
|
-
return import('@uppy/tus');
|
|
1377
|
-
},
|
|
1378
|
-
xhr: function xhr() {
|
|
1379
|
-
return import('@uppy/xhr-upload');
|
|
1380
|
-
}
|
|
1381
|
-
};
|
|
1382
|
-
var useUppyTransport = function useUppyTransport(transport) {
|
|
1383
|
-
var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
|
|
1384
|
-
_ref$packagesMap = _ref.packagesMap,
|
|
1385
|
-
packagesMap = _ref$packagesMap === void 0 ? defaultPackagesMap : _ref$packagesMap;
|
|
1386
|
-
// transport
|
|
1387
|
-
var _useState = useState({
|
|
1388
|
-
"package": packagesCache[transport] || null
|
|
1389
|
-
}),
|
|
1390
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
1391
|
-
_useState2$0$package = _useState2[0]["package"],
|
|
1392
|
-
loadedPackage = _useState2$0$package === void 0 ? null : _useState2$0$package,
|
|
1393
|
-
setLoadedPackage = _useState2[1];
|
|
1394
|
-
var packageLoader = packagesMap[transport] || null;
|
|
1395
|
-
useEffect(function () {
|
|
1396
|
-
var canceled = false;
|
|
1397
|
-
if (loadedPackage !== null || packageLoader === null) {
|
|
1398
|
-
return function () {
|
|
1399
|
-
canceled = true;
|
|
1400
|
-
};
|
|
1401
|
-
}
|
|
1402
|
-
packageLoader().then(function (_ref2) {
|
|
1403
|
-
var pack = _ref2["default"],
|
|
1404
|
-
others = _objectWithoutProperties(_ref2, _excluded$1);
|
|
1405
|
-
var dep = Object.keys(others).reduce(function (map, key) {
|
|
1406
|
-
map[key] = others[key]; // eslint-disable-line no-param-reassign
|
|
1407
|
-
return map;
|
|
1408
|
-
}, pack);
|
|
1409
|
-
packagesCache[transport] = dep;
|
|
1410
|
-
if (!canceled) {
|
|
1411
|
-
setLoadedPackage({
|
|
1412
|
-
"package": dep
|
|
1413
|
-
});
|
|
1414
|
-
}
|
|
1415
|
-
});
|
|
1416
|
-
return function () {
|
|
1417
|
-
canceled = true;
|
|
1418
|
-
};
|
|
1419
|
-
}, [packageLoader, loadedPackage, setLoadedPackage]);
|
|
1420
|
-
return loadedPackage;
|
|
1421
|
-
};
|
|
1422
|
-
|
|
1423
|
-
var convertToMedia = function convertToMedia(it) {
|
|
1424
|
-
// console.log('upload', it);
|
|
1425
|
-
var type = it.data.type.split('/')[0];
|
|
1426
|
-
var thumbnail = it.transloadit["".concat(type, "_thumbnail")] || null;
|
|
1427
|
-
var original = it.transloadit["".concat(type, "_original")] || null;
|
|
1428
|
-
return {
|
|
1429
|
-
handle: it.id,
|
|
1430
|
-
type: type,
|
|
1431
|
-
name: it.meta.name,
|
|
1432
|
-
mime: it.data.type,
|
|
1433
|
-
size: it.data.size,
|
|
1434
|
-
url: original !== null ? original.ssl_url || original.url : null,
|
|
1435
|
-
thumbnail_url: thumbnail !== null ? thumbnail.ssl_url || thumbnail.url : null,
|
|
1436
|
-
metadata: _objectSpread(_objectSpread(_objectSpread({}, original !== null ? original.meta || null : null), it.meta.user ? {
|
|
1437
|
-
user: it.meta.user
|
|
1438
|
-
} || null : null), {}, {
|
|
1439
|
-
filename: it.meta.filename,
|
|
1440
|
-
transloadit: it.transloadit.results || null
|
|
1441
|
-
})
|
|
1442
|
-
};
|
|
1443
|
-
};
|
|
1444
|
-
var getTransloaditMediasFromResponse = function getTransloaditMediasFromResponse(response) {
|
|
1445
|
-
return response.successful.map(function (it) {
|
|
1446
|
-
var transloadit = response.transloadit.find(function (subIt) {
|
|
1447
|
-
return subIt.assembly_id === it.transloadit.assembly;
|
|
1448
|
-
}) || null;
|
|
1449
|
-
var results = transloadit !== null ? transloadit.results || null : null;
|
|
1450
|
-
return _objectSpread(_objectSpread({}, it), {}, {
|
|
1451
|
-
transloadit: results !== null ? Object.keys(results).reduce(function (map, resultKey) {
|
|
1452
|
-
var result = results[resultKey].find(function (itResult) {
|
|
1453
|
-
return itResult.name === it.name;
|
|
1454
|
-
});
|
|
1455
|
-
return result !== null ? _objectSpread(_objectSpread({}, map), {}, _defineProperty({}, resultKey, result)) : map;
|
|
1456
|
-
}, null) : null
|
|
1457
|
-
});
|
|
1458
|
-
}).filter(function (it) {
|
|
1459
|
-
return it.transloadit !== null;
|
|
1460
|
-
}).map(function (it) {
|
|
1461
|
-
return convertToMedia(it);
|
|
1462
|
-
});
|
|
1463
|
-
};
|
|
1464
|
-
|
|
1465
|
-
var _excluded = ["sources"],
|
|
1466
|
-
_excluded2 = ["key", "templateId", "waitForEncoding"];
|
|
1467
|
-
var UppyContext = /*#__PURE__*/React.createContext(null);
|
|
1468
|
-
var useUppyConfig = function useUppyConfig() {
|
|
1469
|
-
var _ref = useContext(UppyContext) || {},
|
|
1470
|
-
_ref$transport = _ref.transport,
|
|
1471
|
-
transport = _ref$transport === void 0 ? null : _ref$transport,
|
|
1472
|
-
_ref$locale = _ref.locale,
|
|
1473
|
-
locale = _ref$locale === void 0 ? null : _ref$locale,
|
|
1474
|
-
_ref$sources = _ref.sources,
|
|
1475
|
-
sources = _ref$sources === void 0 ? null : _ref$sources,
|
|
1476
|
-
_ref$transloadit = _ref.transloadit,
|
|
1477
|
-
transloadit = _ref$transloadit === void 0 ? null : _ref$transloadit,
|
|
1478
|
-
_ref$companion = _ref.companion,
|
|
1479
|
-
companion = _ref$companion === void 0 ? null : _ref$companion,
|
|
1480
|
-
_ref$tus = _ref.tus,
|
|
1481
|
-
tus = _ref$tus === void 0 ? null : _ref$tus,
|
|
1482
|
-
_ref$xhr = _ref.xhr,
|
|
1483
|
-
xhr = _ref$xhr === void 0 ? null : _ref$xhr;
|
|
1484
|
-
return {
|
|
1485
|
-
transport: transport,
|
|
1486
|
-
locale: locale,
|
|
1487
|
-
sources: sources,
|
|
1488
|
-
transloadit: transloadit,
|
|
1489
|
-
companion: companion,
|
|
1490
|
-
tus: tus,
|
|
1491
|
-
xhr: xhr
|
|
1492
|
-
};
|
|
1493
|
-
};
|
|
1494
|
-
var useUppy = function useUppy() {
|
|
1495
|
-
var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
1496
|
-
_ref2$onComplete = _ref2.onComplete,
|
|
1497
|
-
onComplete = _ref2$onComplete === void 0 ? null : _ref2$onComplete,
|
|
1498
|
-
_ref2$onFail = _ref2.onFail,
|
|
1499
|
-
onFail = _ref2$onFail === void 0 ? null : _ref2$onFail,
|
|
1500
|
-
_ref2$getFileName = _ref2.getFileName,
|
|
1501
|
-
getFileName = _ref2$getFileName === void 0 ? function (_ref3) {
|
|
1502
|
-
var _ref3$extension = _ref3.extension,
|
|
1503
|
-
extension = _ref3$extension === void 0 ? null : _ref3$extension;
|
|
1504
|
-
return "".concat(v1()).concat(extension !== null ? ".".concat(extension) : '');
|
|
1505
|
-
} : _ref2$getFileName,
|
|
1506
|
-
_ref2$meta = _ref2.meta,
|
|
1507
|
-
meta = _ref2$meta === void 0 ? null : _ref2$meta,
|
|
1508
|
-
_ref2$maxNumberOfFile = _ref2.maxNumberOfFiles,
|
|
1509
|
-
maxNumberOfFiles = _ref2$maxNumberOfFile === void 0 ? 30 : _ref2$maxNumberOfFile,
|
|
1510
|
-
_ref2$allowedFileType = _ref2.allowedFileTypes,
|
|
1511
|
-
allowedFileTypes = _ref2$allowedFileType === void 0 ? null : _ref2$allowedFileType,
|
|
1512
|
-
_ref2$autoProceed = _ref2.autoProceed,
|
|
1513
|
-
autoProceed = _ref2$autoProceed === void 0 ? false : _ref2$autoProceed;
|
|
1514
|
-
var _ref4 = useContext(UppyContext) || null,
|
|
1515
|
-
buildUppy = _ref4.buildUppy,
|
|
1516
|
-
transport = _ref4.transport;
|
|
1517
|
-
var uppy = useMemo(function () {
|
|
1518
|
-
return buildUppy !== null ? buildUppy({
|
|
1519
|
-
meta: meta,
|
|
1520
|
-
restrictions: {
|
|
1521
|
-
maxNumberOfFiles: maxNumberOfFiles,
|
|
1522
|
-
allowedFileTypes: allowedFileTypes
|
|
1523
|
-
},
|
|
1524
|
-
autoProceed: autoProceed
|
|
1525
|
-
}) : null;
|
|
1526
|
-
}, [buildUppy, meta, maxNumberOfFiles, allowedFileTypes, autoProceed]);
|
|
1527
|
-
useEffect(function () {
|
|
1528
|
-
if (uppy === null) {
|
|
1529
|
-
return function () {};
|
|
1530
|
-
}
|
|
1531
|
-
var onUppyComplete = function onUppyComplete(response) {
|
|
1532
|
-
var _response$successful = response.successful,
|
|
1533
|
-
successful = _response$successful === void 0 ? [] : _response$successful,
|
|
1534
|
-
_response$failed = response.failed,
|
|
1535
|
-
failed = _response$failed === void 0 ? null : _response$failed;
|
|
1536
|
-
var finalSuccessful = transport === 'transloadit' ? getTransloaditMediasFromResponse(response) : successful;
|
|
1537
|
-
if (onComplete !== null) {
|
|
1538
|
-
onComplete(finalSuccessful);
|
|
1539
|
-
}
|
|
1540
|
-
if (onFail !== null) {
|
|
1541
|
-
onFail(failed);
|
|
1542
|
-
}
|
|
1543
|
-
};
|
|
1544
|
-
uppy.on('complete', onUppyComplete);
|
|
1545
|
-
return function () {
|
|
1546
|
-
uppy.off('complete', onUppyComplete);
|
|
1547
|
-
};
|
|
1548
|
-
}, [uppy, transport, onComplete]);
|
|
1549
|
-
useEffect(function () {
|
|
1550
|
-
if (uppy === null) {
|
|
1551
|
-
return function () {};
|
|
1552
|
-
}
|
|
1553
|
-
var onUpload = function onUpload(_ref5) {
|
|
1554
|
-
var _ref5$fileIDs = _ref5.fileIDs,
|
|
1555
|
-
ids = _ref5$fileIDs === void 0 ? [] : _ref5$fileIDs;
|
|
1556
|
-
ids.forEach(function (id) {
|
|
1557
|
-
var file = uppy.getFile(id);
|
|
1558
|
-
var newName = getFileName(file);
|
|
1559
|
-
if (newName !== null) {
|
|
1560
|
-
uppy.setFileMeta(id, {
|
|
1561
|
-
name: newName
|
|
1562
|
-
});
|
|
1563
|
-
}
|
|
1564
|
-
});
|
|
1565
|
-
};
|
|
1566
|
-
uppy.on('upload', onUpload);
|
|
1567
|
-
return function () {
|
|
1568
|
-
uppy.off('upload', onUpload);
|
|
1569
|
-
};
|
|
1570
|
-
}, [uppy]);
|
|
1571
|
-
useEffect(function () {
|
|
1572
|
-
return function () {
|
|
1573
|
-
if (uppy !== null) {
|
|
1574
|
-
uppy.close();
|
|
1575
|
-
}
|
|
1576
|
-
};
|
|
1577
|
-
}, [uppy]);
|
|
1578
|
-
return uppy;
|
|
1579
|
-
};
|
|
1580
|
-
var propTypes$2 = {
|
|
1581
|
-
children: PropTypes.node.isRequired,
|
|
1582
|
-
transport: PropTypes.oneOf(['xhr', 'transloadit', 'tus']),
|
|
1583
|
-
locale: PropTypes.string,
|
|
1584
|
-
sources: PropTypes.arrayOf(PropTypes.oneOf(['webcam', 'facebook', 'instagram', 'dropbox', 'google-drive'])),
|
|
1585
|
-
transloadit: PropTypes.shape({
|
|
1586
|
-
key: PropTypes.string.isRequired,
|
|
1587
|
-
templateId: PropTypes.string,
|
|
1588
|
-
waitForEncoding: PropTypes.bool
|
|
1589
|
-
}),
|
|
1590
|
-
companion: PropTypes.shape({
|
|
1591
|
-
url: PropTypes.string.isRequired,
|
|
1592
|
-
allowedHosts: PropTypes.string.isRequired
|
|
1593
|
-
}),
|
|
1594
|
-
tus: PropTypes.oneOfType([PropTypes.string, PropTypes.shape({
|
|
1595
|
-
endpoint: PropTypes.string.isRequired
|
|
1596
|
-
})]),
|
|
1597
|
-
xhr: PropTypes.oneOfType([PropTypes.string, PropTypes.shape({
|
|
1598
|
-
endpoint: PropTypes.string.isRequired
|
|
1599
|
-
})])
|
|
1600
|
-
};
|
|
1601
|
-
var defaultProps$2 = {
|
|
1602
|
-
transport: null,
|
|
1603
|
-
locale: null,
|
|
1604
|
-
sources: null,
|
|
1605
|
-
transloadit: null,
|
|
1606
|
-
companion: null,
|
|
1607
|
-
tus: null,
|
|
1608
|
-
xhr: null
|
|
1609
|
-
};
|
|
1610
|
-
var UppyProvider = function UppyProvider(_ref6) {
|
|
1611
|
-
var children = _ref6.children,
|
|
1612
|
-
providedTransport = _ref6.transport,
|
|
1613
|
-
providedLocale = _ref6.locale,
|
|
1614
|
-
providedSources = _ref6.sources,
|
|
1615
|
-
providedTransloadit = _ref6.transloadit,
|
|
1616
|
-
providedCompanion = _ref6.companion,
|
|
1617
|
-
providedTus = _ref6.tus,
|
|
1618
|
-
providedXhr = _ref6.xhr;
|
|
1619
|
-
var _useIntl = useIntl(),
|
|
1620
|
-
intlLocale = _useIntl.locale;
|
|
1621
|
-
var _ref7 = useContext(UppyContext) || {},
|
|
1622
|
-
_ref7$transport = _ref7.transport,
|
|
1623
|
-
contextTransport = _ref7$transport === void 0 ? null : _ref7$transport,
|
|
1624
|
-
_ref7$locale = _ref7.locale,
|
|
1625
|
-
contextLocale = _ref7$locale === void 0 ? null : _ref7$locale,
|
|
1626
|
-
_ref7$sources = _ref7.sources,
|
|
1627
|
-
contextSources = _ref7$sources === void 0 ? null : _ref7$sources,
|
|
1628
|
-
_ref7$transloadit = _ref7.transloadit,
|
|
1629
|
-
contextTransloadit = _ref7$transloadit === void 0 ? null : _ref7$transloadit,
|
|
1630
|
-
_ref7$companion = _ref7.companion,
|
|
1631
|
-
contextCompanion = _ref7$companion === void 0 ? null : _ref7$companion,
|
|
1632
|
-
_ref7$tus = _ref7.tus,
|
|
1633
|
-
contextTus = _ref7$tus === void 0 ? null : _ref7$tus,
|
|
1634
|
-
_ref7$xhr = _ref7.xhr,
|
|
1635
|
-
contextXhr = _ref7$xhr === void 0 ? null : _ref7$xhr;
|
|
1636
|
-
var transport = providedTransport || contextTransport || 'xhr';
|
|
1637
|
-
var locale = providedLocale || contextLocale || intlLocale;
|
|
1638
|
-
var sources = providedSources || contextSources || ['webcam', 'facebook', 'instagram', 'dropbox', 'google-drive'];
|
|
1639
|
-
var transloadit = providedTransloadit || contextTransloadit;
|
|
1640
|
-
var companion = providedCompanion || contextCompanion;
|
|
1641
|
-
var tus = providedTus || contextTus;
|
|
1642
|
-
var xhr = providedXhr || contextXhr;
|
|
1643
|
-
var Uppy = useUppyCore();
|
|
1644
|
-
var uppyTransport = useUppyTransport(transport);
|
|
1645
|
-
var uppySources = useUppySources(sources);
|
|
1646
|
-
var uppyLocale = useUppyLocale(locale || intlLocale);
|
|
1647
|
-
var buildUppy = useMemo(function () {
|
|
1648
|
-
if (Uppy === null || uppyLocale === null || uppyTransport === null || uppySources === null) {
|
|
1649
|
-
return null;
|
|
1650
|
-
}
|
|
1651
|
-
return function () {
|
|
1652
|
-
var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
1653
|
-
var _ref8 = opts || {},
|
|
1654
|
-
_ref8$sources = _ref8.sources,
|
|
1655
|
-
customSources = _ref8$sources === void 0 ? sources : _ref8$sources,
|
|
1656
|
-
uppyOpts = _objectWithoutProperties(_ref8, _excluded);
|
|
1657
|
-
var newUppy = new Uppy(_objectSpread({
|
|
1658
|
-
locale: uppyLocale
|
|
1659
|
-
}, uppyOpts));
|
|
1660
|
-
if (transport === 'transloadit') {
|
|
1661
|
-
var key = transloadit.key,
|
|
1662
|
-
templateId = transloadit.templateId,
|
|
1663
|
-
_transloadit$waitForE = transloadit.waitForEncoding,
|
|
1664
|
-
waitForEncoding = _transloadit$waitForE === void 0 ? true : _transloadit$waitForE,
|
|
1665
|
-
transloaditOpts = _objectWithoutProperties(transloadit, _excluded2);
|
|
1666
|
-
newUppy.use(uppyTransport, {
|
|
1667
|
-
params: _objectSpread({
|
|
1668
|
-
auth: {
|
|
1669
|
-
key: key
|
|
1670
|
-
},
|
|
1671
|
-
template_id: templateId
|
|
1672
|
-
}, transloaditOpts),
|
|
1673
|
-
waitForEncoding: waitForEncoding
|
|
1674
|
-
});
|
|
1675
|
-
} else if (transport === 'tus') {
|
|
1676
|
-
newUppy.use(uppyTransport, _objectSpread({
|
|
1677
|
-
endpoint: '/tus',
|
|
1678
|
-
resume: true,
|
|
1679
|
-
retryDelays: [0, 1000, 3000, 5000]
|
|
1680
|
-
}, tus));
|
|
1681
|
-
} else if (transport === 'xhr') {
|
|
1682
|
-
newUppy.use(uppyTransport, _objectSpread({
|
|
1683
|
-
endpoint: isString(xhr) ? xhr : '/upload'
|
|
1684
|
-
}, isObject(xhr) ? xhr : null));
|
|
1685
|
-
}
|
|
1686
|
-
if (transport === 'transloadit' || companion !== null) {
|
|
1687
|
-
return customSources.reduce(function (currentUppy, sourceId) {
|
|
1688
|
-
var source = uppySources[sourceId] || null;
|
|
1689
|
-
if (source === null) {
|
|
1690
|
-
return currentUppy;
|
|
1691
|
-
}
|
|
1692
|
-
var _ref9 = companion || {
|
|
1693
|
-
url: uppyTransport.COMPANION || null,
|
|
1694
|
-
allowedHosts: uppyTransport.COMPANION_PATTERN || null
|
|
1695
|
-
},
|
|
1696
|
-
companionUrl = _ref9.url,
|
|
1697
|
-
companionAllowedHosts = _ref9.allowedHosts;
|
|
1698
|
-
return newUppy.use(source, {
|
|
1699
|
-
id: sourceId,
|
|
1700
|
-
companionUrl: companionUrl,
|
|
1701
|
-
companionAllowedHosts: companionAllowedHosts
|
|
1702
|
-
});
|
|
1703
|
-
}, newUppy);
|
|
1704
|
-
}
|
|
1705
|
-
return newUppy;
|
|
1706
|
-
};
|
|
1707
|
-
}, [Uppy, uppyLocale, uppyTransport, uppySources, transport, sources, transloadit, companion, tus, xhr]);
|
|
1708
|
-
var value = useMemo(function () {
|
|
1709
|
-
return {
|
|
1710
|
-
transport: transport,
|
|
1711
|
-
locale: locale,
|
|
1712
|
-
sources: sources,
|
|
1713
|
-
transloadit: transloadit,
|
|
1714
|
-
companion: companion,
|
|
1715
|
-
tus: tus,
|
|
1716
|
-
xhr: xhr,
|
|
1717
|
-
Uppy: Uppy,
|
|
1718
|
-
uppyTransport: uppyTransport,
|
|
1719
|
-
uppySources: uppySources,
|
|
1720
|
-
uppyLocale: uppyLocale,
|
|
1721
|
-
buildUppy: buildUppy
|
|
1722
|
-
};
|
|
1723
|
-
}, [transport, locale, sources, transloadit, companion, tus, xhr, Uppy, uppyTransport, uppySources, uppyLocale, buildUppy]);
|
|
1724
|
-
return /*#__PURE__*/React.createElement(UppyContext.Provider, {
|
|
1725
|
-
value: value
|
|
1726
|
-
}, children);
|
|
1727
|
-
};
|
|
1728
|
-
UppyProvider.propTypes = propTypes$2;
|
|
1729
|
-
UppyProvider.defaultProps = defaultProps$2;
|
|
1186
|
+
TrackingProvider.propTypes = propTypes$2;
|
|
1187
|
+
TrackingProvider.defaultProps = defaultProps$2;
|
|
1730
1188
|
|
|
1731
1189
|
var defaultValue = {
|
|
1732
1190
|
events: new EventEmitter(),
|
|
@@ -1931,4 +1389,4 @@ var VisitorProvider = function VisitorProvider(_ref) {
|
|
|
1931
1389
|
VisitorProvider.propTypes = propTypes;
|
|
1932
1390
|
VisitorProvider.defaultProps = defaultProps;
|
|
1933
1391
|
|
|
1934
|
-
export { ComponentsContext, ComponentsProvider, ELEMENTS_NAMESPACE, EditorContext, EditorProvider, FIELDS_NAMESPACE, FORMS_NAMESPACE, FieldContext, FieldContextProvider, FieldsContext, FieldsProvider, FieldsValueContext, FieldsValueContextProvider, FontsContext, FontsProvider, GoogleApiClientContext, GoogleApiClientProvider, GoogleKeysContext, GoogleKeysProvider, GoogleMapsClientContext, GoogleMapsClientProvider, MODALS_NAMESPACE, ModalsContext, ModalsProvider, PanelsContext, PanelsProvider, PlaybackContext, PlaybackProvider, SCREENS_NAMESPACE, ScreenContext, ScreenProvider, ScreenSizeContext, ScreenSizeProvider, ScreensContext, ScreensProvider, StoryContext, StoryProvider, TrackingProvider,
|
|
1392
|
+
export { ComponentsContext, ComponentsProvider, ELEMENTS_NAMESPACE, EditorContext, EditorProvider, FIELDS_NAMESPACE, FORMS_NAMESPACE, FieldContext, FieldContextProvider, FieldsContext, FieldsProvider, FieldsValueContext, FieldsValueContextProvider, FontsContext, FontsProvider, GoogleApiClientContext, GoogleApiClientProvider, GoogleKeysContext, GoogleKeysProvider, GoogleMapsClientContext, GoogleMapsClientProvider, MODALS_NAMESPACE, ModalsContext, ModalsProvider, PanelsContext, PanelsProvider, PlaybackContext, PlaybackProvider, SCREENS_NAMESPACE, ScreenContext, ScreenProvider, ScreenSizeContext, ScreenSizeProvider, ScreensContext, ScreensProvider, StoryContext, StoryProvider, TrackingProvider, ViewerContext, ViewerProvider, VisitorContext, VisitorProvider, useComponent, useComponents, useComponentsManager, useEditor, useElementComponent, useElementsComponents, useElementsComponentsManager, useFieldComponent, useFieldContext, useFieldDefinition, useFieldsComponents, useFieldsComponentsManager, useFieldsManager, useFieldsValue, useFonts, useFormComponent, useFormsComponents, useFormsComponentsManager, useGetColors, useGoogleApiClient, useGoogleFonts, useGoogleKeys, useGoogleMapsClient, useModalComponent, useModals, useModalsComponents, useModalsComponentsManager, usePanels, usePlaybackContext, usePlaybackMediaRef, useRouteBack, useRoutePush, useScreen, useScreenComponent, useScreenData, useScreenDefinition, useScreenRenderContext, useScreenSize, useScreenState, useScreensComponents, useScreensComponentsManager, useScreensManager, useSetVisitor, useStory, useStoryContext, useTracking, useViewerContainer, useViewerContext, useViewerEvents, useViewerInteraction, useViewerNavigation, useViewerSize, useViewerWebView, useVisitor, useVisitorContext, withGoogleApiClient, withGoogleMapsClient, withModals, withPanels };
|