@micromag/core 0.3.507 → 0.3.509
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 +43 -30
- package/scss/vendor.scss +14 -0
package/lib/contexts.js
CHANGED
|
@@ -20,7 +20,6 @@ var regexparam = require('regexparam');
|
|
|
20
20
|
var index_js = require('use-sync-external-store/shim/index.js');
|
|
21
21
|
var reactIntl = require('react-intl');
|
|
22
22
|
var tracking = require('@folklore/tracking');
|
|
23
|
-
var uuid = require('uuid');
|
|
24
23
|
var EventEmitter = require('wolfy87-eventemitter');
|
|
25
24
|
|
|
26
25
|
function _interopNamespaceDefault(e) {
|
|
@@ -156,13 +155,13 @@ var useElementComponent = function useElementComponent(name) {
|
|
|
156
155
|
/**
|
|
157
156
|
* Provider
|
|
158
157
|
*/
|
|
159
|
-
var propTypes$
|
|
158
|
+
var propTypes$j = {
|
|
160
159
|
children: PropTypes.node.isRequired,
|
|
161
160
|
namespace: PropTypes.string,
|
|
162
161
|
manager: PropTypes.instanceOf(core.ComponentsManager),
|
|
163
162
|
components: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.object, PropTypes.func]))
|
|
164
163
|
};
|
|
165
|
-
var defaultProps$
|
|
164
|
+
var defaultProps$j = {
|
|
166
165
|
namespace: null,
|
|
167
166
|
components: {},
|
|
168
167
|
manager: null
|
|
@@ -180,8 +179,8 @@ var ComponentsProvider = function ComponentsProvider(_ref) {
|
|
|
180
179
|
value: finalManager
|
|
181
180
|
}, children);
|
|
182
181
|
};
|
|
183
|
-
ComponentsProvider.propTypes = propTypes$
|
|
184
|
-
ComponentsProvider.defaultProps = defaultProps$
|
|
182
|
+
ComponentsProvider.propTypes = propTypes$j;
|
|
183
|
+
ComponentsProvider.defaultProps = defaultProps$j;
|
|
185
184
|
|
|
186
185
|
var FieldsContext = /*#__PURE__*/React.createContext(null);
|
|
187
186
|
var useFieldsManager = function useFieldsManager() {
|
|
@@ -191,12 +190,12 @@ var useFieldDefinition = function useFieldDefinition(id) {
|
|
|
191
190
|
var manager = useFieldsManager();
|
|
192
191
|
return manager.getDefinition(id);
|
|
193
192
|
};
|
|
194
|
-
var propTypes$
|
|
193
|
+
var propTypes$i = {
|
|
195
194
|
fields: core.PropTypes.fieldDefinitions,
|
|
196
195
|
manager: PropTypes.instanceOf(core.FieldsManager),
|
|
197
196
|
children: PropTypes.node.isRequired
|
|
198
197
|
};
|
|
199
|
-
var defaultProps$
|
|
198
|
+
var defaultProps$i = {
|
|
200
199
|
fields: null,
|
|
201
200
|
manager: null
|
|
202
201
|
};
|
|
@@ -226,21 +225,21 @@ var FieldsProvider = function FieldsProvider(_ref) {
|
|
|
226
225
|
components: components
|
|
227
226
|
}, children));
|
|
228
227
|
};
|
|
229
|
-
FieldsProvider.propTypes = propTypes$
|
|
230
|
-
FieldsProvider.defaultProps = defaultProps$
|
|
228
|
+
FieldsProvider.propTypes = propTypes$i;
|
|
229
|
+
FieldsProvider.defaultProps = defaultProps$i;
|
|
231
230
|
|
|
232
231
|
var ScreensContext = /*#__PURE__*/React.createContext(new core.ScreensManager());
|
|
233
232
|
var useScreensManager = function useScreensManager() {
|
|
234
233
|
return React.useContext(ScreensContext);
|
|
235
234
|
};
|
|
236
|
-
var propTypes$
|
|
235
|
+
var propTypes$h = {
|
|
237
236
|
screens: core.PropTypes.screenDefinitions,
|
|
238
237
|
namespaces: PropTypes.arrayOf(PropTypes.string),
|
|
239
238
|
filterNamespaces: PropTypes.bool,
|
|
240
239
|
manager: PropTypes.instanceOf(core.ScreensManager),
|
|
241
240
|
children: PropTypes.node.isRequired
|
|
242
241
|
};
|
|
243
|
-
var defaultProps$
|
|
242
|
+
var defaultProps$h = {
|
|
244
243
|
screens: null,
|
|
245
244
|
namespaces: null,
|
|
246
245
|
filterNamespaces: false,
|
|
@@ -292,8 +291,8 @@ var ScreensProvider = function ScreensProvider(_ref) {
|
|
|
292
291
|
components: components
|
|
293
292
|
}, children));
|
|
294
293
|
};
|
|
295
|
-
ScreensProvider.propTypes = propTypes$
|
|
296
|
-
ScreensProvider.defaultProps = defaultProps$
|
|
294
|
+
ScreensProvider.propTypes = propTypes$h;
|
|
295
|
+
ScreensProvider.defaultProps = defaultProps$h;
|
|
297
296
|
|
|
298
297
|
var StoryContext = /*#__PURE__*/React.createContext(null);
|
|
299
298
|
var useStoryContext = function useStoryContext() {
|
|
@@ -303,11 +302,11 @@ var useStory = function useStory() {
|
|
|
303
302
|
var story = useStoryContext();
|
|
304
303
|
return story;
|
|
305
304
|
};
|
|
306
|
-
var propTypes$
|
|
305
|
+
var propTypes$g = {
|
|
307
306
|
story: PropTypes.oneOfType([core.PropTypes.story, core.PropTypes.theme]),
|
|
308
307
|
children: PropTypes.node.isRequired
|
|
309
308
|
};
|
|
310
|
-
var defaultProps$
|
|
309
|
+
var defaultProps$g = {
|
|
311
310
|
story: null
|
|
312
311
|
};
|
|
313
312
|
var StoryProvider = function StoryProvider(_ref) {
|
|
@@ -317,8 +316,8 @@ var StoryProvider = function StoryProvider(_ref) {
|
|
|
317
316
|
value: story
|
|
318
317
|
}, children);
|
|
319
318
|
};
|
|
320
|
-
StoryProvider.propTypes = propTypes$
|
|
321
|
-
StoryProvider.defaultProps = defaultProps$
|
|
319
|
+
StoryProvider.propTypes = propTypes$g;
|
|
320
|
+
StoryProvider.defaultProps = defaultProps$g;
|
|
322
321
|
|
|
323
322
|
var EditorContext = /*#__PURE__*/React.createContext(null);
|
|
324
323
|
var useEditor = function useEditor() {
|
|
@@ -332,10 +331,10 @@ var useGetColors = function useGetColors() {
|
|
|
332
331
|
} : _ref$getColors;
|
|
333
332
|
return getColors;
|
|
334
333
|
};
|
|
335
|
-
var propTypes$
|
|
334
|
+
var propTypes$f = {
|
|
336
335
|
children: PropTypes.node.isRequired
|
|
337
336
|
};
|
|
338
|
-
var defaultProps$
|
|
337
|
+
var defaultProps$f = {};
|
|
339
338
|
var EditorProvider = function EditorProvider(_ref2) {
|
|
340
339
|
var children = _ref2.children;
|
|
341
340
|
var story = useStory();
|
|
@@ -361,20 +360,20 @@ var EditorProvider = function EditorProvider(_ref2) {
|
|
|
361
360
|
}
|
|
362
361
|
}, children);
|
|
363
362
|
};
|
|
364
|
-
EditorProvider.propTypes = propTypes$
|
|
365
|
-
EditorProvider.defaultProps = defaultProps$
|
|
363
|
+
EditorProvider.propTypes = propTypes$f;
|
|
364
|
+
EditorProvider.defaultProps = defaultProps$f;
|
|
366
365
|
|
|
367
366
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
368
367
|
var FieldsValueContext = /*#__PURE__*/React.createContext(null);
|
|
369
368
|
var useFieldsValue = function useFieldsValue() {
|
|
370
369
|
return React.useContext(FieldsValueContext);
|
|
371
370
|
};
|
|
372
|
-
var propTypes$
|
|
371
|
+
var propTypes$e = {
|
|
373
372
|
value: PropTypes.any,
|
|
374
373
|
// eslint-disable-line react/forbid-prop-types
|
|
375
374
|
children: PropTypes.node.isRequired
|
|
376
375
|
};
|
|
377
|
-
var defaultProps$
|
|
376
|
+
var defaultProps$e = {
|
|
378
377
|
value: null
|
|
379
378
|
};
|
|
380
379
|
var FieldsValueContextProvider = function FieldsValueContextProvider(_ref) {
|
|
@@ -384,20 +383,20 @@ var FieldsValueContextProvider = function FieldsValueContextProvider(_ref) {
|
|
|
384
383
|
value: value
|
|
385
384
|
}, children);
|
|
386
385
|
};
|
|
387
|
-
FieldsValueContextProvider.propTypes = propTypes$
|
|
388
|
-
FieldsValueContextProvider.defaultProps = defaultProps$
|
|
386
|
+
FieldsValueContextProvider.propTypes = propTypes$e;
|
|
387
|
+
FieldsValueContextProvider.defaultProps = defaultProps$e;
|
|
389
388
|
|
|
390
389
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
391
390
|
var FieldContext = /*#__PURE__*/React.createContext(null);
|
|
392
391
|
var useFieldContext = function useFieldContext() {
|
|
393
392
|
return React.useContext(FieldContext);
|
|
394
393
|
};
|
|
395
|
-
var propTypes$
|
|
394
|
+
var propTypes$d = {
|
|
396
395
|
context: PropTypes.any,
|
|
397
396
|
// eslint-disable-line react/forbid-prop-types
|
|
398
397
|
children: PropTypes.node.isRequired
|
|
399
398
|
};
|
|
400
|
-
var defaultProps$
|
|
399
|
+
var defaultProps$d = {
|
|
401
400
|
context: null
|
|
402
401
|
};
|
|
403
402
|
var FieldContextProvider = function FieldContextProvider(_ref) {
|
|
@@ -407,8 +406,8 @@ var FieldContextProvider = function FieldContextProvider(_ref) {
|
|
|
407
406
|
value: context
|
|
408
407
|
}, children);
|
|
409
408
|
};
|
|
410
|
-
FieldContextProvider.propTypes = propTypes$
|
|
411
|
-
FieldContextProvider.defaultProps = defaultProps$
|
|
409
|
+
FieldContextProvider.propTypes = propTypes$d;
|
|
410
|
+
FieldContextProvider.defaultProps = defaultProps$d;
|
|
412
411
|
|
|
413
412
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
414
413
|
var GoogleKeysContext = /*#__PURE__*/React.createContext({
|
|
@@ -417,11 +416,11 @@ var GoogleKeysContext = /*#__PURE__*/React.createContext({
|
|
|
417
416
|
var useGoogleKeys = function useGoogleKeys() {
|
|
418
417
|
return React.useContext(GoogleKeysContext);
|
|
419
418
|
};
|
|
420
|
-
var propTypes$
|
|
419
|
+
var propTypes$c = {
|
|
421
420
|
children: PropTypes.node.isRequired,
|
|
422
421
|
apiKey: PropTypes.string // .isRequired,
|
|
423
422
|
};
|
|
424
|
-
var defaultProps$
|
|
423
|
+
var defaultProps$c = {
|
|
425
424
|
apiKey: null
|
|
426
425
|
};
|
|
427
426
|
var GoogleKeysProvider = function GoogleKeysProvider(_ref) {
|
|
@@ -438,8 +437,8 @@ var GoogleKeysProvider = function GoogleKeysProvider(_ref) {
|
|
|
438
437
|
value: value
|
|
439
438
|
}, children);
|
|
440
439
|
};
|
|
441
|
-
GoogleKeysProvider.propTypes = propTypes$
|
|
442
|
-
GoogleKeysProvider.defaultProps = defaultProps$
|
|
440
|
+
GoogleKeysProvider.propTypes = propTypes$c;
|
|
441
|
+
GoogleKeysProvider.defaultProps = defaultProps$c;
|
|
443
442
|
|
|
444
443
|
var FontsContext = /*#__PURE__*/React.createContext({
|
|
445
444
|
systemFonts: null,
|
|
@@ -512,12 +511,12 @@ var useFonts = function useFonts() {
|
|
|
512
511
|
}, [systemFonts, googleFonts, customFonts]);
|
|
513
512
|
return fonts;
|
|
514
513
|
};
|
|
515
|
-
var propTypes$
|
|
514
|
+
var propTypes$b = {
|
|
516
515
|
children: PropTypes.node.isRequired,
|
|
517
516
|
systemFonts: core.PropTypes.fonts,
|
|
518
517
|
customFonts: core.PropTypes.fonts
|
|
519
518
|
};
|
|
520
|
-
var defaultProps$
|
|
519
|
+
var defaultProps$b = {
|
|
521
520
|
systemFonts: ['Arial', 'Courier New', 'Georgia', 'Times New Roman', 'Verdana'],
|
|
522
521
|
customFonts: null
|
|
523
522
|
};
|
|
@@ -553,8 +552,8 @@ var FontsProvider = function FontsProvider(_ref4) {
|
|
|
553
552
|
value: fonts
|
|
554
553
|
}, children);
|
|
555
554
|
};
|
|
556
|
-
FontsProvider.propTypes = propTypes$
|
|
557
|
-
FontsProvider.defaultProps = defaultProps$
|
|
555
|
+
FontsProvider.propTypes = propTypes$b;
|
|
556
|
+
FontsProvider.defaultProps = defaultProps$b;
|
|
558
557
|
|
|
559
558
|
var GoogleApiClientContext = /*#__PURE__*/React.createContext(null);
|
|
560
559
|
var useGoogleApiClient = function useGoogleApiClient() {
|
|
@@ -578,10 +577,10 @@ var withGoogleApiClient = function withGoogleApiClient(WrappedComponent) {
|
|
|
578
577
|
WithGoogleApiClientComponent.displayName = "WithGoogleApiClient(".concat(getDisplayName(WrappedComponent), ")");
|
|
579
578
|
return WithGoogleApiClientComponent;
|
|
580
579
|
};
|
|
581
|
-
var propTypes$
|
|
580
|
+
var propTypes$a = {
|
|
582
581
|
children: PropTypes.node.isRequired
|
|
583
582
|
};
|
|
584
|
-
var defaultProps$
|
|
583
|
+
var defaultProps$a = {};
|
|
585
584
|
var GoogleApiClientProvider = function GoogleApiClientProvider(_ref2) {
|
|
586
585
|
var children = _ref2.children;
|
|
587
586
|
var _useGoogleKeys = useGoogleKeys(),
|
|
@@ -605,8 +604,8 @@ var GoogleApiClientProvider = function GoogleApiClientProvider(_ref2) {
|
|
|
605
604
|
value: client
|
|
606
605
|
}, children);
|
|
607
606
|
};
|
|
608
|
-
GoogleApiClientProvider.propTypes = propTypes$
|
|
609
|
-
GoogleApiClientProvider.defaultProps = defaultProps$
|
|
607
|
+
GoogleApiClientProvider.propTypes = propTypes$a;
|
|
608
|
+
GoogleApiClientProvider.defaultProps = defaultProps$a;
|
|
610
609
|
|
|
611
610
|
var GoogleMapsClientContext = /*#__PURE__*/React.createContext(null);
|
|
612
611
|
var useGoogleMapsClient = function useGoogleMapsClient() {
|
|
@@ -630,12 +629,12 @@ var withGoogleMapsClient = function withGoogleMapsClient(WrappedComponent) {
|
|
|
630
629
|
WithGoogleMapsClientComponent.displayName = "WithGoogleMapsClient(".concat(getDisplayName(WrappedComponent), ")");
|
|
631
630
|
return WithGoogleMapsClientComponent;
|
|
632
631
|
};
|
|
633
|
-
var propTypes$
|
|
632
|
+
var propTypes$9 = {
|
|
634
633
|
children: PropTypes.node.isRequired,
|
|
635
634
|
locale: PropTypes.string,
|
|
636
635
|
libraries: PropTypes.arrayOf(PropTypes.string)
|
|
637
636
|
};
|
|
638
|
-
var defaultProps$
|
|
637
|
+
var defaultProps$9 = {
|
|
639
638
|
locale: 'fr',
|
|
640
639
|
libraries: null
|
|
641
640
|
};
|
|
@@ -665,8 +664,8 @@ var GoogleMapsClientProvider = function GoogleMapsClientProvider(_ref2) {
|
|
|
665
664
|
value: client
|
|
666
665
|
}, children);
|
|
667
666
|
};
|
|
668
|
-
GoogleMapsClientProvider.propTypes = propTypes$
|
|
669
|
-
GoogleMapsClientProvider.defaultProps = defaultProps$
|
|
667
|
+
GoogleMapsClientProvider.propTypes = propTypes$9;
|
|
668
|
+
GoogleMapsClientProvider.defaultProps = defaultProps$9;
|
|
670
669
|
|
|
671
670
|
var ModalsContext = /*#__PURE__*/React.createContext({
|
|
672
671
|
container: null
|
|
@@ -694,11 +693,11 @@ var withModals = function withModals(WrappedComponent) {
|
|
|
694
693
|
WithModalsComponent.displayName = "WithModals(".concat(utils.getDisplayName(WrappedComponent), ")");
|
|
695
694
|
return WithModalsComponent;
|
|
696
695
|
};
|
|
697
|
-
var propTypes$
|
|
696
|
+
var propTypes$8 = {
|
|
698
697
|
children: PropTypes.node.isRequired,
|
|
699
698
|
container: PropTypes.object // eslint-disable-line
|
|
700
699
|
};
|
|
701
|
-
var defaultProps$
|
|
700
|
+
var defaultProps$8 = {
|
|
702
701
|
container: null
|
|
703
702
|
};
|
|
704
703
|
var ModalsProvider = function ModalsProvider(_ref2) {
|
|
@@ -750,8 +749,8 @@ var ModalsProvider = function ModalsProvider(_ref2) {
|
|
|
750
749
|
value: value
|
|
751
750
|
}, children);
|
|
752
751
|
};
|
|
753
|
-
ModalsProvider.propTypes = propTypes$
|
|
754
|
-
ModalsProvider.defaultProps = defaultProps$
|
|
752
|
+
ModalsProvider.propTypes = propTypes$8;
|
|
753
|
+
ModalsProvider.defaultProps = defaultProps$8;
|
|
755
754
|
|
|
756
755
|
var PanelsContext = /*#__PURE__*/React.createContext({
|
|
757
756
|
container: null
|
|
@@ -779,11 +778,11 @@ var withPanels = function withPanels(WrappedComponent) {
|
|
|
779
778
|
WithPanelsComponent.displayName = "WithPanels(".concat(utils.getDisplayName(WrappedComponent), ")");
|
|
780
779
|
return WithPanelsComponent;
|
|
781
780
|
};
|
|
782
|
-
var propTypes$
|
|
781
|
+
var propTypes$7 = {
|
|
783
782
|
children: PropTypes.node.isRequired,
|
|
784
783
|
container: PropTypes.object // eslint-disable-line
|
|
785
784
|
};
|
|
786
|
-
var defaultProps$
|
|
785
|
+
var defaultProps$7 = {
|
|
787
786
|
container: null
|
|
788
787
|
};
|
|
789
788
|
var PanelsProvider = function PanelsProvider(_ref2) {
|
|
@@ -835,8 +834,8 @@ var PanelsProvider = function PanelsProvider(_ref2) {
|
|
|
835
834
|
value: value
|
|
836
835
|
}, children);
|
|
837
836
|
};
|
|
838
|
-
PanelsProvider.propTypes = propTypes$
|
|
839
|
-
PanelsProvider.defaultProps = defaultProps$
|
|
837
|
+
PanelsProvider.propTypes = propTypes$7;
|
|
838
|
+
PanelsProvider.defaultProps = defaultProps$7;
|
|
840
839
|
|
|
841
840
|
var defaultControlsThemeValue = {
|
|
842
841
|
seekBarOnly: false,
|
|
@@ -883,7 +882,7 @@ var usePlaybackMediaRef = function usePlaybackMediaRef(active) {
|
|
|
883
882
|
}, [setMedia, active]);
|
|
884
883
|
return mediaRef;
|
|
885
884
|
};
|
|
886
|
-
var propTypes$
|
|
885
|
+
var propTypes$6 = {
|
|
887
886
|
children: PropTypes.node.isRequired,
|
|
888
887
|
controls: PropTypes.bool,
|
|
889
888
|
controlsSuggestPlay: PropTypes.bool,
|
|
@@ -897,7 +896,7 @@ var propTypes$7 = {
|
|
|
897
896
|
playing: PropTypes.bool,
|
|
898
897
|
paused: PropTypes.bool
|
|
899
898
|
};
|
|
900
|
-
var defaultProps$
|
|
899
|
+
var defaultProps$6 = _objectSpread({}, defaultValue$1);
|
|
901
900
|
var PlaybackProvider = function PlaybackProvider(_ref) {
|
|
902
901
|
var initialMuted = _ref.muted,
|
|
903
902
|
initialPlaying = _ref.playing,
|
|
@@ -1003,8 +1002,8 @@ var PlaybackProvider = function PlaybackProvider(_ref) {
|
|
|
1003
1002
|
value: value
|
|
1004
1003
|
}, children);
|
|
1005
1004
|
};
|
|
1006
|
-
PlaybackProvider.propTypes = propTypes$
|
|
1007
|
-
PlaybackProvider.defaultProps = defaultProps$
|
|
1005
|
+
PlaybackProvider.propTypes = propTypes$6;
|
|
1006
|
+
PlaybackProvider.defaultProps = defaultProps$6;
|
|
1008
1007
|
|
|
1009
1008
|
var useEffect = React__namespace.useEffect,
|
|
1010
1009
|
useLayoutEffect = React__namespace.useLayoutEffect,
|
|
@@ -1273,12 +1272,12 @@ var RoutesContext = /*#__PURE__*/React.createContext(null);
|
|
|
1273
1272
|
var useRoutesContext = function useRoutesContext() {
|
|
1274
1273
|
return React.useContext(RoutesContext);
|
|
1275
1274
|
};
|
|
1276
|
-
var propTypes$
|
|
1275
|
+
var propTypes$5 = {
|
|
1277
1276
|
children: PropTypes.node.isRequired,
|
|
1278
1277
|
routes: PropTypes.objectOf(PropTypes.string).isRequired,
|
|
1279
1278
|
basePath: PropTypes.string
|
|
1280
1279
|
};
|
|
1281
|
-
var defaultProps$
|
|
1280
|
+
var defaultProps$5 = {
|
|
1282
1281
|
basePath: null
|
|
1283
1282
|
};
|
|
1284
1283
|
function RoutesProvider(_ref) {
|
|
@@ -1296,8 +1295,8 @@ function RoutesProvider(_ref) {
|
|
|
1296
1295
|
children: children
|
|
1297
1296
|
});
|
|
1298
1297
|
}
|
|
1299
|
-
RoutesProvider.propTypes = propTypes$
|
|
1300
|
-
RoutesProvider.defaultProps = defaultProps$
|
|
1298
|
+
RoutesProvider.propTypes = propTypes$5;
|
|
1299
|
+
RoutesProvider.defaultProps = defaultProps$5;
|
|
1301
1300
|
var compilers = {};
|
|
1302
1301
|
function generatePath(fullPath, data) {
|
|
1303
1302
|
var opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
@@ -1418,14 +1417,14 @@ var useScreenState = function useScreenState() {
|
|
|
1418
1417
|
screenState = _ref5.screenState;
|
|
1419
1418
|
return screenState;
|
|
1420
1419
|
};
|
|
1421
|
-
var propTypes$
|
|
1420
|
+
var propTypes$4 = {
|
|
1422
1421
|
children: PropTypes.node.isRequired,
|
|
1423
1422
|
data: core.PropTypes.screen,
|
|
1424
1423
|
definition: core.PropTypes.screenDefinition,
|
|
1425
1424
|
renderContext: core.PropTypes.renderContext,
|
|
1426
1425
|
screenState: PropTypes.string
|
|
1427
1426
|
};
|
|
1428
|
-
var defaultProps$
|
|
1427
|
+
var defaultProps$4 = {
|
|
1429
1428
|
data: null,
|
|
1430
1429
|
definition: null,
|
|
1431
1430
|
renderContext: null,
|
|
@@ -1467,8 +1466,8 @@ var ScreenProvider = function ScreenProvider(_ref6) {
|
|
|
1467
1466
|
value: value
|
|
1468
1467
|
}, children);
|
|
1469
1468
|
};
|
|
1470
|
-
ScreenProvider.propTypes = propTypes$
|
|
1471
|
-
ScreenProvider.defaultProps = defaultProps$
|
|
1469
|
+
ScreenProvider.propTypes = propTypes$4;
|
|
1470
|
+
ScreenProvider.defaultProps = defaultProps$4;
|
|
1472
1471
|
|
|
1473
1472
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
1474
1473
|
var ScreenSizeContext = /*#__PURE__*/React.createContext({
|
|
@@ -1482,11 +1481,11 @@ var ScreenSizeContext = /*#__PURE__*/React.createContext({
|
|
|
1482
1481
|
var useScreenSize = function useScreenSize() {
|
|
1483
1482
|
return React.useContext(ScreenSizeContext);
|
|
1484
1483
|
};
|
|
1485
|
-
var propTypes$
|
|
1484
|
+
var propTypes$3 = {
|
|
1486
1485
|
children: PropTypes.node.isRequired,
|
|
1487
1486
|
size: core.PropTypes.screenSize
|
|
1488
1487
|
};
|
|
1489
|
-
var defaultProps$
|
|
1488
|
+
var defaultProps$3 = {
|
|
1490
1489
|
size: {}
|
|
1491
1490
|
};
|
|
1492
1491
|
|
|
@@ -1506,17 +1505,17 @@ var ScreenSizeProvider = function ScreenSizeProvider(_ref) {
|
|
|
1506
1505
|
value: currentSize
|
|
1507
1506
|
}, children);
|
|
1508
1507
|
};
|
|
1509
|
-
ScreenSizeProvider.propTypes = propTypes$
|
|
1510
|
-
ScreenSizeProvider.defaultProps = defaultProps$
|
|
1508
|
+
ScreenSizeProvider.propTypes = propTypes$3;
|
|
1509
|
+
ScreenSizeProvider.defaultProps = defaultProps$3;
|
|
1511
1510
|
|
|
1512
1511
|
var useTracking = function useTracking() {
|
|
1513
1512
|
return React.useContext(tracking.TrackingContext);
|
|
1514
1513
|
};
|
|
1515
|
-
var propTypes$
|
|
1514
|
+
var propTypes$2 = {
|
|
1516
1515
|
children: PropTypes.node.isRequired,
|
|
1517
1516
|
variables: core.PropTypes.trackingVariables
|
|
1518
1517
|
};
|
|
1519
|
-
var defaultProps$
|
|
1518
|
+
var defaultProps$2 = {
|
|
1520
1519
|
variables: null
|
|
1521
1520
|
};
|
|
1522
1521
|
var TrackingProvider = function TrackingProvider(_ref) {
|
|
@@ -1532,548 +1531,8 @@ var TrackingProvider = function TrackingProvider(_ref) {
|
|
|
1532
1531
|
tracking: tracking$1
|
|
1533
1532
|
}, children);
|
|
1534
1533
|
};
|
|
1535
|
-
TrackingProvider.propTypes = propTypes$
|
|
1536
|
-
TrackingProvider.defaultProps = defaultProps$
|
|
1537
|
-
|
|
1538
|
-
var _excluded$3 = ["Uppy"];
|
|
1539
|
-
|
|
1540
|
-
/**
|
|
1541
|
-
* Locale loader
|
|
1542
|
-
*/
|
|
1543
|
-
var packageCache = null;
|
|
1544
|
-
var useUppyCore = function useUppyCore() {
|
|
1545
|
-
// transport
|
|
1546
|
-
var _useState = React.useState({
|
|
1547
|
-
"package": packageCache
|
|
1548
|
-
}),
|
|
1549
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
1550
|
-
_useState2$0$package = _useState2[0]["package"],
|
|
1551
|
-
loadedPackage = _useState2$0$package === void 0 ? null : _useState2$0$package,
|
|
1552
|
-
setLoadedPackage = _useState2[1];
|
|
1553
|
-
React.useEffect(function () {
|
|
1554
|
-
var canceled = false;
|
|
1555
|
-
if (loadedPackage !== null) {
|
|
1556
|
-
return function () {
|
|
1557
|
-
canceled = true;
|
|
1558
|
-
};
|
|
1559
|
-
}
|
|
1560
|
-
import('@uppy/core').then(function (_ref) {
|
|
1561
|
-
var Uppy = _ref.Uppy,
|
|
1562
|
-
other = _objectWithoutProperties(_ref, _excluded$3);
|
|
1563
|
-
var _ref2 = other || {},
|
|
1564
|
-
defaultPackage = _ref2["default"];
|
|
1565
|
-
packageCache = Uppy || defaultPackage;
|
|
1566
|
-
if (!canceled) {
|
|
1567
|
-
setLoadedPackage({
|
|
1568
|
-
"package": Uppy || defaultPackage
|
|
1569
|
-
});
|
|
1570
|
-
}
|
|
1571
|
-
});
|
|
1572
|
-
return function () {
|
|
1573
|
-
canceled = true;
|
|
1574
|
-
};
|
|
1575
|
-
}, [loadedPackage, setLoadedPackage]);
|
|
1576
|
-
return loadedPackage;
|
|
1577
|
-
};
|
|
1578
|
-
|
|
1579
|
-
/**
|
|
1580
|
-
* Locale loader
|
|
1581
|
-
*/
|
|
1582
|
-
var packagesCache$2 = {};
|
|
1583
|
-
var defaultPackagesMap$2 = {
|
|
1584
|
-
fr: function fr() {
|
|
1585
|
-
return import('@uppy/locales/lib/fr_FR');
|
|
1586
|
-
},
|
|
1587
|
-
en: function en() {
|
|
1588
|
-
return import('@uppy/locales/lib/en_US');
|
|
1589
|
-
}
|
|
1590
|
-
};
|
|
1591
|
-
var useUppyLocale = function useUppyLocale(locale) {
|
|
1592
|
-
var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
|
|
1593
|
-
_ref$packagesMap = _ref.packagesMap,
|
|
1594
|
-
packagesMap = _ref$packagesMap === void 0 ? defaultPackagesMap$2 : _ref$packagesMap;
|
|
1595
|
-
var _useState = React.useState({
|
|
1596
|
-
"package": packagesCache$2[locale] || null
|
|
1597
|
-
}),
|
|
1598
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
1599
|
-
_useState2$0$package = _useState2[0]["package"],
|
|
1600
|
-
loadedPackage = _useState2$0$package === void 0 ? null : _useState2$0$package,
|
|
1601
|
-
setLoadedPackage = _useState2[1];
|
|
1602
|
-
var packageLoader = packagesMap[locale] || null;
|
|
1603
|
-
React.useEffect(function () {
|
|
1604
|
-
var canceled = false;
|
|
1605
|
-
if (loadedPackage !== null || packageLoader === null) {
|
|
1606
|
-
return function () {
|
|
1607
|
-
canceled = true;
|
|
1608
|
-
};
|
|
1609
|
-
}
|
|
1610
|
-
packageLoader().then(function (_ref2) {
|
|
1611
|
-
var dep = _ref2["default"];
|
|
1612
|
-
// packagesCache[locale] = dep;
|
|
1613
|
-
if (!canceled) {
|
|
1614
|
-
setLoadedPackage({
|
|
1615
|
-
"package": dep
|
|
1616
|
-
});
|
|
1617
|
-
}
|
|
1618
|
-
});
|
|
1619
|
-
return function () {
|
|
1620
|
-
canceled = true;
|
|
1621
|
-
};
|
|
1622
|
-
}, [packageLoader, loadedPackage, setLoadedPackage]);
|
|
1623
|
-
return loadedPackage;
|
|
1624
|
-
};
|
|
1625
|
-
|
|
1626
|
-
var _excluded$2 = ["default"];
|
|
1627
|
-
|
|
1628
|
-
/**
|
|
1629
|
-
* Locale loader
|
|
1630
|
-
*/
|
|
1631
|
-
var packagesCache$1 = {};
|
|
1632
|
-
var defaultPackagesMap$1 = {
|
|
1633
|
-
webcam: function webcam() {
|
|
1634
|
-
return import('@uppy/webcam');
|
|
1635
|
-
},
|
|
1636
|
-
facebook: function facebook() {
|
|
1637
|
-
return import('@uppy/facebook');
|
|
1638
|
-
},
|
|
1639
|
-
instagram: function instagram() {
|
|
1640
|
-
return import('@uppy/instagram');
|
|
1641
|
-
},
|
|
1642
|
-
dropbox: function dropbox() {
|
|
1643
|
-
return import('@uppy/dropbox');
|
|
1644
|
-
},
|
|
1645
|
-
'google-drive': function googleDrive() {
|
|
1646
|
-
return import('@uppy/google-drive');
|
|
1647
|
-
}
|
|
1648
|
-
};
|
|
1649
|
-
var useUppySources = function useUppySources(sources) {
|
|
1650
|
-
var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
|
|
1651
|
-
_ref$packagesMap = _ref.packagesMap,
|
|
1652
|
-
packagesMap = _ref$packagesMap === void 0 ? defaultPackagesMap$1 : _ref$packagesMap;
|
|
1653
|
-
// transport
|
|
1654
|
-
var _useState = React.useState({
|
|
1655
|
-
packages: sources.reduce(function (map, source) {
|
|
1656
|
-
var sourcePackage = packagesCache$1[source] || null;
|
|
1657
|
-
if (sourcePackage === null) {
|
|
1658
|
-
return map;
|
|
1659
|
-
}
|
|
1660
|
-
return _objectSpread(_objectSpread({}, map), {}, _defineProperty({}, source, sourcePackage));
|
|
1661
|
-
}, null)
|
|
1662
|
-
}),
|
|
1663
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
1664
|
-
_useState2$0$packages = _useState2[0].packages,
|
|
1665
|
-
loadedPackages = _useState2$0$packages === void 0 ? [] : _useState2$0$packages,
|
|
1666
|
-
setLoadedPackages = _useState2[1];
|
|
1667
|
-
var sourcesToLoad = React.useMemo(function () {
|
|
1668
|
-
if (loadedPackages === null) {
|
|
1669
|
-
return sources;
|
|
1670
|
-
}
|
|
1671
|
-
var sourcesLoaded = Object.keys(loadedPackages);
|
|
1672
|
-
return sources.filter(function (source) {
|
|
1673
|
-
return sourcesLoaded.indexOf(source) === -1;
|
|
1674
|
-
});
|
|
1675
|
-
}, [sources, loadedPackages]);
|
|
1676
|
-
React.useEffect(function () {
|
|
1677
|
-
var canceled = false;
|
|
1678
|
-
if (sourcesToLoad.length === 0) {
|
|
1679
|
-
return function () {
|
|
1680
|
-
canceled = true;
|
|
1681
|
-
};
|
|
1682
|
-
}
|
|
1683
|
-
Promise.all(sourcesToLoad.map(function (source) {
|
|
1684
|
-
return packagesMap[source] || null;
|
|
1685
|
-
}).filter(function (it) {
|
|
1686
|
-
return it !== null;
|
|
1687
|
-
}).map(function (promise) {
|
|
1688
|
-
return promise();
|
|
1689
|
-
})).then(function (packagesLoaded) {
|
|
1690
|
-
var newLoadedPackages = sourcesToLoad.reduce(function (map, source, index) {
|
|
1691
|
-
var _packagesLoaded$index = packagesLoaded[index],
|
|
1692
|
-
pack = _packagesLoaded$index["default"],
|
|
1693
|
-
others = _objectWithoutProperties(_packagesLoaded$index, _excluded$2);
|
|
1694
|
-
return _objectSpread(_objectSpread({}, map), {}, _defineProperty({}, source, Object.keys(others).reduce(function (otherMap, key) {
|
|
1695
|
-
otherMap[key] = others[key]; // eslint-disable-line no-param-reassign
|
|
1696
|
-
return otherMap;
|
|
1697
|
-
}, pack)));
|
|
1698
|
-
}, {});
|
|
1699
|
-
packagesCache$1 = _objectSpread(_objectSpread({}, packagesCache$1), newLoadedPackages);
|
|
1700
|
-
if (!canceled) {
|
|
1701
|
-
setLoadedPackages({
|
|
1702
|
-
packages: newLoadedPackages
|
|
1703
|
-
});
|
|
1704
|
-
}
|
|
1705
|
-
});
|
|
1706
|
-
return function () {
|
|
1707
|
-
canceled = true;
|
|
1708
|
-
};
|
|
1709
|
-
}, [sourcesToLoad, packagesMap, loadedPackages, setLoadedPackages]);
|
|
1710
|
-
return sourcesToLoad.length === 0 ? loadedPackages : null;
|
|
1711
|
-
};
|
|
1712
|
-
|
|
1713
|
-
var _excluded$1 = ["default"];
|
|
1714
|
-
|
|
1715
|
-
/**
|
|
1716
|
-
* Locale loader
|
|
1717
|
-
*/
|
|
1718
|
-
var packagesCache = {};
|
|
1719
|
-
var defaultPackagesMap = {
|
|
1720
|
-
transloadit: null,
|
|
1721
|
-
// Disabled for compatibility reasons
|
|
1722
|
-
tus: function tus() {
|
|
1723
|
-
return import('@uppy/tus');
|
|
1724
|
-
},
|
|
1725
|
-
xhr: function xhr() {
|
|
1726
|
-
return import('@uppy/xhr-upload');
|
|
1727
|
-
}
|
|
1728
|
-
};
|
|
1729
|
-
var useUppyTransport = function useUppyTransport(transport) {
|
|
1730
|
-
var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
|
|
1731
|
-
_ref$packagesMap = _ref.packagesMap,
|
|
1732
|
-
packagesMap = _ref$packagesMap === void 0 ? defaultPackagesMap : _ref$packagesMap;
|
|
1733
|
-
// transport
|
|
1734
|
-
var _useState = React.useState({
|
|
1735
|
-
"package": packagesCache[transport] || null
|
|
1736
|
-
}),
|
|
1737
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
1738
|
-
_useState2$0$package = _useState2[0]["package"],
|
|
1739
|
-
loadedPackage = _useState2$0$package === void 0 ? null : _useState2$0$package,
|
|
1740
|
-
setLoadedPackage = _useState2[1];
|
|
1741
|
-
var packageLoader = packagesMap[transport] || null;
|
|
1742
|
-
React.useEffect(function () {
|
|
1743
|
-
var canceled = false;
|
|
1744
|
-
if (loadedPackage !== null || packageLoader === null) {
|
|
1745
|
-
return function () {
|
|
1746
|
-
canceled = true;
|
|
1747
|
-
};
|
|
1748
|
-
}
|
|
1749
|
-
packageLoader().then(function (_ref2) {
|
|
1750
|
-
var pack = _ref2["default"],
|
|
1751
|
-
others = _objectWithoutProperties(_ref2, _excluded$1);
|
|
1752
|
-
var dep = Object.keys(others).reduce(function (map, key) {
|
|
1753
|
-
map[key] = others[key]; // eslint-disable-line no-param-reassign
|
|
1754
|
-
return map;
|
|
1755
|
-
}, pack);
|
|
1756
|
-
packagesCache[transport] = dep;
|
|
1757
|
-
if (!canceled) {
|
|
1758
|
-
setLoadedPackage({
|
|
1759
|
-
"package": dep
|
|
1760
|
-
});
|
|
1761
|
-
}
|
|
1762
|
-
});
|
|
1763
|
-
return function () {
|
|
1764
|
-
canceled = true;
|
|
1765
|
-
};
|
|
1766
|
-
}, [packageLoader, loadedPackage, setLoadedPackage]);
|
|
1767
|
-
return loadedPackage;
|
|
1768
|
-
};
|
|
1769
|
-
|
|
1770
|
-
var convertToMedia = function convertToMedia(it) {
|
|
1771
|
-
// console.log('upload', it);
|
|
1772
|
-
var type = it.data.type.split('/')[0];
|
|
1773
|
-
var thumbnail = it.transloadit["".concat(type, "_thumbnail")] || null;
|
|
1774
|
-
var original = it.transloadit["".concat(type, "_original")] || null;
|
|
1775
|
-
return {
|
|
1776
|
-
handle: it.id,
|
|
1777
|
-
type: type,
|
|
1778
|
-
name: it.meta.name,
|
|
1779
|
-
mime: it.data.type,
|
|
1780
|
-
size: it.data.size,
|
|
1781
|
-
url: original !== null ? original.ssl_url || original.url : null,
|
|
1782
|
-
thumbnail_url: thumbnail !== null ? thumbnail.ssl_url || thumbnail.url : null,
|
|
1783
|
-
metadata: _objectSpread(_objectSpread(_objectSpread({}, original !== null ? original.meta || null : null), it.meta.user ? {
|
|
1784
|
-
user: it.meta.user
|
|
1785
|
-
} || null : null), {}, {
|
|
1786
|
-
filename: it.meta.filename,
|
|
1787
|
-
transloadit: it.transloadit.results || null
|
|
1788
|
-
})
|
|
1789
|
-
};
|
|
1790
|
-
};
|
|
1791
|
-
var getTransloaditMediasFromResponse = function getTransloaditMediasFromResponse(response) {
|
|
1792
|
-
return response.successful.map(function (it) {
|
|
1793
|
-
var transloadit = response.transloadit.find(function (subIt) {
|
|
1794
|
-
return subIt.assembly_id === it.transloadit.assembly;
|
|
1795
|
-
}) || null;
|
|
1796
|
-
var results = transloadit !== null ? transloadit.results || null : null;
|
|
1797
|
-
return _objectSpread(_objectSpread({}, it), {}, {
|
|
1798
|
-
transloadit: results !== null ? Object.keys(results).reduce(function (map, resultKey) {
|
|
1799
|
-
var result = results[resultKey].find(function (itResult) {
|
|
1800
|
-
return itResult.name === it.name;
|
|
1801
|
-
});
|
|
1802
|
-
return result !== null ? _objectSpread(_objectSpread({}, map), {}, _defineProperty({}, resultKey, result)) : map;
|
|
1803
|
-
}, null) : null
|
|
1804
|
-
});
|
|
1805
|
-
}).filter(function (it) {
|
|
1806
|
-
return it.transloadit !== null;
|
|
1807
|
-
}).map(function (it) {
|
|
1808
|
-
return convertToMedia(it);
|
|
1809
|
-
});
|
|
1810
|
-
};
|
|
1811
|
-
|
|
1812
|
-
var _excluded = ["sources"],
|
|
1813
|
-
_excluded2 = ["key", "templateId", "waitForEncoding"];
|
|
1814
|
-
var UppyContext = /*#__PURE__*/React.createContext(null);
|
|
1815
|
-
var useUppyConfig = function useUppyConfig() {
|
|
1816
|
-
var _ref = React.useContext(UppyContext) || {},
|
|
1817
|
-
_ref$transport = _ref.transport,
|
|
1818
|
-
transport = _ref$transport === void 0 ? null : _ref$transport,
|
|
1819
|
-
_ref$locale = _ref.locale,
|
|
1820
|
-
locale = _ref$locale === void 0 ? null : _ref$locale,
|
|
1821
|
-
_ref$sources = _ref.sources,
|
|
1822
|
-
sources = _ref$sources === void 0 ? null : _ref$sources,
|
|
1823
|
-
_ref$transloadit = _ref.transloadit,
|
|
1824
|
-
transloadit = _ref$transloadit === void 0 ? null : _ref$transloadit,
|
|
1825
|
-
_ref$companion = _ref.companion,
|
|
1826
|
-
companion = _ref$companion === void 0 ? null : _ref$companion,
|
|
1827
|
-
_ref$tus = _ref.tus,
|
|
1828
|
-
tus = _ref$tus === void 0 ? null : _ref$tus,
|
|
1829
|
-
_ref$xhr = _ref.xhr,
|
|
1830
|
-
xhr = _ref$xhr === void 0 ? null : _ref$xhr;
|
|
1831
|
-
return {
|
|
1832
|
-
transport: transport,
|
|
1833
|
-
locale: locale,
|
|
1834
|
-
sources: sources,
|
|
1835
|
-
transloadit: transloadit,
|
|
1836
|
-
companion: companion,
|
|
1837
|
-
tus: tus,
|
|
1838
|
-
xhr: xhr
|
|
1839
|
-
};
|
|
1840
|
-
};
|
|
1841
|
-
var useUppy = function useUppy() {
|
|
1842
|
-
var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
1843
|
-
_ref2$onComplete = _ref2.onComplete,
|
|
1844
|
-
onComplete = _ref2$onComplete === void 0 ? null : _ref2$onComplete,
|
|
1845
|
-
_ref2$onFail = _ref2.onFail,
|
|
1846
|
-
onFail = _ref2$onFail === void 0 ? null : _ref2$onFail,
|
|
1847
|
-
_ref2$getFileName = _ref2.getFileName,
|
|
1848
|
-
getFileName = _ref2$getFileName === void 0 ? function (_ref3) {
|
|
1849
|
-
var _ref3$extension = _ref3.extension,
|
|
1850
|
-
extension = _ref3$extension === void 0 ? null : _ref3$extension;
|
|
1851
|
-
return "".concat(uuid.v1()).concat(extension !== null ? ".".concat(extension) : '');
|
|
1852
|
-
} : _ref2$getFileName,
|
|
1853
|
-
_ref2$meta = _ref2.meta,
|
|
1854
|
-
meta = _ref2$meta === void 0 ? null : _ref2$meta,
|
|
1855
|
-
_ref2$maxNumberOfFile = _ref2.maxNumberOfFiles,
|
|
1856
|
-
maxNumberOfFiles = _ref2$maxNumberOfFile === void 0 ? 30 : _ref2$maxNumberOfFile,
|
|
1857
|
-
_ref2$allowedFileType = _ref2.allowedFileTypes,
|
|
1858
|
-
allowedFileTypes = _ref2$allowedFileType === void 0 ? null : _ref2$allowedFileType,
|
|
1859
|
-
_ref2$autoProceed = _ref2.autoProceed,
|
|
1860
|
-
autoProceed = _ref2$autoProceed === void 0 ? false : _ref2$autoProceed;
|
|
1861
|
-
var _ref4 = React.useContext(UppyContext) || null,
|
|
1862
|
-
buildUppy = _ref4.buildUppy,
|
|
1863
|
-
transport = _ref4.transport;
|
|
1864
|
-
var uppy = React.useMemo(function () {
|
|
1865
|
-
return buildUppy !== null ? buildUppy({
|
|
1866
|
-
meta: meta,
|
|
1867
|
-
restrictions: {
|
|
1868
|
-
maxNumberOfFiles: maxNumberOfFiles,
|
|
1869
|
-
allowedFileTypes: allowedFileTypes
|
|
1870
|
-
},
|
|
1871
|
-
autoProceed: autoProceed
|
|
1872
|
-
}) : null;
|
|
1873
|
-
}, [buildUppy, meta, maxNumberOfFiles, allowedFileTypes, autoProceed]);
|
|
1874
|
-
React.useEffect(function () {
|
|
1875
|
-
if (uppy === null) {
|
|
1876
|
-
return function () {};
|
|
1877
|
-
}
|
|
1878
|
-
var onUppyComplete = function onUppyComplete(response) {
|
|
1879
|
-
var _response$successful = response.successful,
|
|
1880
|
-
successful = _response$successful === void 0 ? [] : _response$successful,
|
|
1881
|
-
_response$failed = response.failed,
|
|
1882
|
-
failed = _response$failed === void 0 ? null : _response$failed;
|
|
1883
|
-
var finalSuccessful = transport === 'transloadit' ? getTransloaditMediasFromResponse(response) : successful;
|
|
1884
|
-
if (onComplete !== null) {
|
|
1885
|
-
onComplete(finalSuccessful);
|
|
1886
|
-
}
|
|
1887
|
-
if (onFail !== null) {
|
|
1888
|
-
onFail(failed);
|
|
1889
|
-
}
|
|
1890
|
-
};
|
|
1891
|
-
uppy.on('complete', onUppyComplete);
|
|
1892
|
-
return function () {
|
|
1893
|
-
uppy.off('complete', onUppyComplete);
|
|
1894
|
-
};
|
|
1895
|
-
}, [uppy, transport, onComplete]);
|
|
1896
|
-
React.useEffect(function () {
|
|
1897
|
-
if (uppy === null) {
|
|
1898
|
-
return function () {};
|
|
1899
|
-
}
|
|
1900
|
-
var onUpload = function onUpload(_ref5) {
|
|
1901
|
-
var _ref5$fileIDs = _ref5.fileIDs,
|
|
1902
|
-
ids = _ref5$fileIDs === void 0 ? [] : _ref5$fileIDs;
|
|
1903
|
-
ids.forEach(function (id) {
|
|
1904
|
-
var file = uppy.getFile(id);
|
|
1905
|
-
var newName = getFileName(file);
|
|
1906
|
-
if (newName !== null) {
|
|
1907
|
-
uppy.setFileMeta(id, {
|
|
1908
|
-
name: newName
|
|
1909
|
-
});
|
|
1910
|
-
}
|
|
1911
|
-
});
|
|
1912
|
-
};
|
|
1913
|
-
uppy.on('upload', onUpload);
|
|
1914
|
-
return function () {
|
|
1915
|
-
uppy.off('upload', onUpload);
|
|
1916
|
-
};
|
|
1917
|
-
}, [uppy]);
|
|
1918
|
-
React.useEffect(function () {
|
|
1919
|
-
return function () {
|
|
1920
|
-
if (uppy !== null) {
|
|
1921
|
-
uppy.close();
|
|
1922
|
-
}
|
|
1923
|
-
};
|
|
1924
|
-
}, [uppy]);
|
|
1925
|
-
return uppy;
|
|
1926
|
-
};
|
|
1927
|
-
var propTypes$2 = {
|
|
1928
|
-
children: PropTypes.node.isRequired,
|
|
1929
|
-
transport: PropTypes.oneOf(['xhr', 'transloadit', 'tus']),
|
|
1930
|
-
locale: PropTypes.string,
|
|
1931
|
-
sources: PropTypes.arrayOf(PropTypes.oneOf(['webcam', 'facebook', 'instagram', 'dropbox', 'google-drive'])),
|
|
1932
|
-
transloadit: PropTypes.shape({
|
|
1933
|
-
key: PropTypes.string.isRequired,
|
|
1934
|
-
templateId: PropTypes.string,
|
|
1935
|
-
waitForEncoding: PropTypes.bool
|
|
1936
|
-
}),
|
|
1937
|
-
companion: PropTypes.shape({
|
|
1938
|
-
url: PropTypes.string.isRequired,
|
|
1939
|
-
allowedHosts: PropTypes.string.isRequired
|
|
1940
|
-
}),
|
|
1941
|
-
tus: PropTypes.oneOfType([PropTypes.string, PropTypes.shape({
|
|
1942
|
-
endpoint: PropTypes.string.isRequired
|
|
1943
|
-
})]),
|
|
1944
|
-
xhr: PropTypes.oneOfType([PropTypes.string, PropTypes.shape({
|
|
1945
|
-
endpoint: PropTypes.string.isRequired
|
|
1946
|
-
})])
|
|
1947
|
-
};
|
|
1948
|
-
var defaultProps$2 = {
|
|
1949
|
-
transport: null,
|
|
1950
|
-
locale: null,
|
|
1951
|
-
sources: null,
|
|
1952
|
-
transloadit: null,
|
|
1953
|
-
companion: null,
|
|
1954
|
-
tus: null,
|
|
1955
|
-
xhr: null
|
|
1956
|
-
};
|
|
1957
|
-
var UppyProvider = function UppyProvider(_ref6) {
|
|
1958
|
-
var children = _ref6.children,
|
|
1959
|
-
providedTransport = _ref6.transport,
|
|
1960
|
-
providedLocale = _ref6.locale,
|
|
1961
|
-
providedSources = _ref6.sources,
|
|
1962
|
-
providedTransloadit = _ref6.transloadit,
|
|
1963
|
-
providedCompanion = _ref6.companion,
|
|
1964
|
-
providedTus = _ref6.tus,
|
|
1965
|
-
providedXhr = _ref6.xhr;
|
|
1966
|
-
var _useIntl = reactIntl.useIntl(),
|
|
1967
|
-
intlLocale = _useIntl.locale;
|
|
1968
|
-
var _ref7 = React.useContext(UppyContext) || {},
|
|
1969
|
-
_ref7$transport = _ref7.transport,
|
|
1970
|
-
contextTransport = _ref7$transport === void 0 ? null : _ref7$transport,
|
|
1971
|
-
_ref7$locale = _ref7.locale,
|
|
1972
|
-
contextLocale = _ref7$locale === void 0 ? null : _ref7$locale,
|
|
1973
|
-
_ref7$sources = _ref7.sources,
|
|
1974
|
-
contextSources = _ref7$sources === void 0 ? null : _ref7$sources,
|
|
1975
|
-
_ref7$transloadit = _ref7.transloadit,
|
|
1976
|
-
contextTransloadit = _ref7$transloadit === void 0 ? null : _ref7$transloadit,
|
|
1977
|
-
_ref7$companion = _ref7.companion,
|
|
1978
|
-
contextCompanion = _ref7$companion === void 0 ? null : _ref7$companion,
|
|
1979
|
-
_ref7$tus = _ref7.tus,
|
|
1980
|
-
contextTus = _ref7$tus === void 0 ? null : _ref7$tus,
|
|
1981
|
-
_ref7$xhr = _ref7.xhr,
|
|
1982
|
-
contextXhr = _ref7$xhr === void 0 ? null : _ref7$xhr;
|
|
1983
|
-
var transport = providedTransport || contextTransport || 'xhr';
|
|
1984
|
-
var locale = providedLocale || contextLocale || intlLocale;
|
|
1985
|
-
var sources = providedSources || contextSources || ['webcam', 'facebook', 'instagram', 'dropbox', 'google-drive'];
|
|
1986
|
-
var transloadit = providedTransloadit || contextTransloadit;
|
|
1987
|
-
var companion = providedCompanion || contextCompanion;
|
|
1988
|
-
var tus = providedTus || contextTus;
|
|
1989
|
-
var xhr = providedXhr || contextXhr;
|
|
1990
|
-
var Uppy = useUppyCore();
|
|
1991
|
-
var uppyTransport = useUppyTransport(transport);
|
|
1992
|
-
var uppySources = useUppySources(sources);
|
|
1993
|
-
var uppyLocale = useUppyLocale(locale || intlLocale);
|
|
1994
|
-
var buildUppy = React.useMemo(function () {
|
|
1995
|
-
if (Uppy === null || uppyLocale === null || uppyTransport === null || uppySources === null) {
|
|
1996
|
-
return null;
|
|
1997
|
-
}
|
|
1998
|
-
return function () {
|
|
1999
|
-
var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
2000
|
-
var _ref8 = opts || {},
|
|
2001
|
-
_ref8$sources = _ref8.sources,
|
|
2002
|
-
customSources = _ref8$sources === void 0 ? sources : _ref8$sources,
|
|
2003
|
-
uppyOpts = _objectWithoutProperties(_ref8, _excluded);
|
|
2004
|
-
var newUppy = new Uppy(_objectSpread({
|
|
2005
|
-
locale: uppyLocale
|
|
2006
|
-
}, uppyOpts));
|
|
2007
|
-
if (transport === 'transloadit') {
|
|
2008
|
-
var key = transloadit.key,
|
|
2009
|
-
templateId = transloadit.templateId,
|
|
2010
|
-
_transloadit$waitForE = transloadit.waitForEncoding,
|
|
2011
|
-
waitForEncoding = _transloadit$waitForE === void 0 ? true : _transloadit$waitForE,
|
|
2012
|
-
transloaditOpts = _objectWithoutProperties(transloadit, _excluded2);
|
|
2013
|
-
newUppy.use(uppyTransport, {
|
|
2014
|
-
params: _objectSpread({
|
|
2015
|
-
auth: {
|
|
2016
|
-
key: key
|
|
2017
|
-
},
|
|
2018
|
-
template_id: templateId
|
|
2019
|
-
}, transloaditOpts),
|
|
2020
|
-
waitForEncoding: waitForEncoding
|
|
2021
|
-
});
|
|
2022
|
-
} else if (transport === 'tus') {
|
|
2023
|
-
newUppy.use(uppyTransport, _objectSpread({
|
|
2024
|
-
endpoint: '/tus',
|
|
2025
|
-
resume: true,
|
|
2026
|
-
retryDelays: [0, 1000, 3000, 5000]
|
|
2027
|
-
}, tus));
|
|
2028
|
-
} else if (transport === 'xhr') {
|
|
2029
|
-
newUppy.use(uppyTransport, _objectSpread({
|
|
2030
|
-
endpoint: isString(xhr) ? xhr : '/upload'
|
|
2031
|
-
}, isObject(xhr) ? xhr : null));
|
|
2032
|
-
}
|
|
2033
|
-
if (transport === 'transloadit' || companion !== null) {
|
|
2034
|
-
return customSources.reduce(function (currentUppy, sourceId) {
|
|
2035
|
-
var source = uppySources[sourceId] || null;
|
|
2036
|
-
if (source === null) {
|
|
2037
|
-
return currentUppy;
|
|
2038
|
-
}
|
|
2039
|
-
var _ref9 = companion || {
|
|
2040
|
-
url: uppyTransport.COMPANION || null,
|
|
2041
|
-
allowedHosts: uppyTransport.COMPANION_PATTERN || null
|
|
2042
|
-
},
|
|
2043
|
-
companionUrl = _ref9.url,
|
|
2044
|
-
companionAllowedHosts = _ref9.allowedHosts;
|
|
2045
|
-
return newUppy.use(source, {
|
|
2046
|
-
id: sourceId,
|
|
2047
|
-
companionUrl: companionUrl,
|
|
2048
|
-
companionAllowedHosts: companionAllowedHosts
|
|
2049
|
-
});
|
|
2050
|
-
}, newUppy);
|
|
2051
|
-
}
|
|
2052
|
-
return newUppy;
|
|
2053
|
-
};
|
|
2054
|
-
}, [Uppy, uppyLocale, uppyTransport, uppySources, transport, sources, transloadit, companion, tus, xhr]);
|
|
2055
|
-
var value = React.useMemo(function () {
|
|
2056
|
-
return {
|
|
2057
|
-
transport: transport,
|
|
2058
|
-
locale: locale,
|
|
2059
|
-
sources: sources,
|
|
2060
|
-
transloadit: transloadit,
|
|
2061
|
-
companion: companion,
|
|
2062
|
-
tus: tus,
|
|
2063
|
-
xhr: xhr,
|
|
2064
|
-
Uppy: Uppy,
|
|
2065
|
-
uppyTransport: uppyTransport,
|
|
2066
|
-
uppySources: uppySources,
|
|
2067
|
-
uppyLocale: uppyLocale,
|
|
2068
|
-
buildUppy: buildUppy
|
|
2069
|
-
};
|
|
2070
|
-
}, [transport, locale, sources, transloadit, companion, tus, xhr, Uppy, uppyTransport, uppySources, uppyLocale, buildUppy]);
|
|
2071
|
-
return /*#__PURE__*/React.createElement(UppyContext.Provider, {
|
|
2072
|
-
value: value
|
|
2073
|
-
}, children);
|
|
2074
|
-
};
|
|
2075
|
-
UppyProvider.propTypes = propTypes$2;
|
|
2076
|
-
UppyProvider.defaultProps = defaultProps$2;
|
|
1534
|
+
TrackingProvider.propTypes = propTypes$2;
|
|
1535
|
+
TrackingProvider.defaultProps = defaultProps$2;
|
|
2077
1536
|
|
|
2078
1537
|
var defaultValue = {
|
|
2079
1538
|
events: new EventEmitter(),
|
|
@@ -2322,8 +1781,6 @@ exports.ScreensProvider = ScreensProvider;
|
|
|
2322
1781
|
exports.StoryContext = StoryContext;
|
|
2323
1782
|
exports.StoryProvider = StoryProvider;
|
|
2324
1783
|
exports.TrackingProvider = TrackingProvider;
|
|
2325
|
-
exports.UppyContext = UppyContext;
|
|
2326
|
-
exports.UppyProvider = UppyProvider;
|
|
2327
1784
|
exports.ViewerContext = ViewerContext;
|
|
2328
1785
|
exports.ViewerProvider = ViewerProvider;
|
|
2329
1786
|
exports.VisitorContext = VisitorContext;
|
|
@@ -2375,8 +1832,6 @@ exports.useSetVisitor = useSetVisitor;
|
|
|
2375
1832
|
exports.useStory = useStory;
|
|
2376
1833
|
exports.useStoryContext = useStoryContext;
|
|
2377
1834
|
exports.useTracking = useTracking;
|
|
2378
|
-
exports.useUppy = useUppy;
|
|
2379
|
-
exports.useUppyConfig = useUppyConfig;
|
|
2380
1835
|
exports.useUrlGenerator = useUrlGeneratorPathToRegexp;
|
|
2381
1836
|
exports.useViewerContainer = useViewerContainer;
|
|
2382
1837
|
exports.useViewerContext = useViewerContext;
|