@micromag/core 0.3.832 → 0.4.4

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.
Files changed (64) hide show
  1. package/assets/css/styles.css +31 -31
  2. package/assets/css/vendor.css +4 -3
  3. package/es/components.d.ts +628 -0
  4. package/es/components.js +947 -2301
  5. package/es/contexts.d.ts +297 -0
  6. package/es/contexts.js +154 -341
  7. package/es/hooks.d.ts +333 -0
  8. package/es/hooks.js +22 -17
  9. package/es/index.d.ts +665 -0
  10. package/es/index.js +2 -772
  11. package/es/styles.css +35 -0
  12. package/es/utils.d.ts +214 -0
  13. package/lib/components.js +955 -2309
  14. package/lib/contexts.js +153 -340
  15. package/lib/hooks.js +21 -16
  16. package/lib/index.js +0 -771
  17. package/lib/styles.css +35 -0
  18. package/package.json +39 -46
  19. package/styles/bootstrap-overrides.css +111 -0
  20. package/styles/bootstrap-patches.css +486 -0
  21. package/styles/breadcrumb.module.css +5 -0
  22. package/styles/button.module.css +82 -0
  23. package/styles/buttons.module.css +3 -0
  24. package/styles/clear.module.css +23 -0
  25. package/styles/collapsable-panel.module.css +31 -0
  26. package/styles/conversation.module.css +37 -0
  27. package/styles/dialog.module.css +13 -0
  28. package/styles/empty.module.css +22 -0
  29. package/styles/form-panel.module.css +3 -0
  30. package/styles/form.module.css +22 -0
  31. package/styles/link.module.css +9 -0
  32. package/styles/map.module.css +43 -0
  33. package/styles/media.module.css +3 -0
  34. package/styles/modal.module.css +22 -0
  35. package/styles/modals.module.css +12 -0
  36. package/styles/navbar.module.css +9 -0
  37. package/styles/pagination.module.css +3 -0
  38. package/styles/panel.module.css +3 -0
  39. package/styles/panels.module.css +3 -0
  40. package/styles/placeholder-block.module.css +29 -0
  41. package/styles/placeholder-text.module.css +17 -0
  42. package/styles/placeholders.module.css +3 -0
  43. package/styles/preview.module.css +34 -0
  44. package/styles/quiz-answer.module.css +29 -0
  45. package/styles/screen-placeholder.module.css +5 -0
  46. package/styles/screen-sizer.module.css +14 -0
  47. package/styles/screen.module.css +52 -0
  48. package/styles/screens.module.css +16 -0
  49. package/styles/share-options.module.css +27 -0
  50. package/{scss/_placeholders.scss → styles/shared.module.css} +103 -97
  51. package/styles/slideshow.module.css +28 -0
  52. package/styles/spinner.module.css +43 -0
  53. package/styles/styles.css +1 -0
  54. package/styles/survey-answer.module.css +18 -0
  55. package/styles/tabs.module.css +4 -0
  56. package/styles/theme.css +84 -0
  57. package/styles/transition.module.css +9 -0
  58. package/{scss/vendor.scss → styles/vendor.css} +16 -30
  59. package/styles/video-360.module.css +15 -0
  60. package/scss/_mixins.scss +0 -34
  61. package/scss/_theme.scss +0 -114
  62. package/scss/_variables.scss +0 -12
  63. package/scss/styles.scss +0 -1
  64. package/scss/upload.scss +0 -1
package/lib/index.js CHANGED
@@ -21,776 +21,6 @@ var isString = require('lodash/isString');
21
21
  var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
22
22
  var isEmpty = require('lodash/isEmpty');
23
23
  var tracking = require('@folklore/tracking');
24
- var PropTypes$1 = require('prop-types');
25
-
26
- /**
27
- * Core
28
- */
29
- var history = PropTypes$1.shape({
30
- listen: PropTypes$1.func.isRequired,
31
- push: PropTypes$1.func.isRequired
32
- });
33
- var location = PropTypes$1.shape({
34
- pathname: PropTypes$1.string,
35
- search: PropTypes$1.string
36
- });
37
- var intl = PropTypes$1.shape({
38
- locale: PropTypes$1.string.isRequired,
39
- formatMessage: PropTypes$1.func.isRequired
40
- });
41
- var defaultMessageContent = PropTypes$1.shape({
42
- type: PropTypes$1.number,
43
- value: PropTypes$1.string
44
- });
45
- var defaultMessage = PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.arrayOf(defaultMessageContent)]);
46
- var message = PropTypes$1.shape({
47
- id: PropTypes$1.string,
48
- defaultMessage: defaultMessage.isRequired,
49
- description: PropTypes$1.string
50
- });
51
- var text = PropTypes$1.oneOfType([message, PropTypes$1.string]);
52
- var label = PropTypes$1.oneOfType([message, PropTypes$1.node]);
53
- var statusCode = PropTypes$1.oneOf([401, 403, 404, 500]);
54
- var ref = PropTypes$1.oneOfType([PropTypes$1.shape({
55
- current: PropTypes$1.any // eslint-disable-line react/forbid-prop-types
56
- }), PropTypes$1.func]);
57
- var target = PropTypes$1.oneOf(['_blank', '_self', '_parent']);
58
- var interaction = PropTypes$1.oneOf(['tap', 'swipe']);
59
- var interactions = PropTypes$1.arrayOf(interaction);
60
- var trackingVariables = PropTypes$1.objectOf(PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.number, PropTypes$1.array]));
61
- var progress = PropTypes$1.shape({
62
- currentTime: PropTypes$1.number,
63
- duration: PropTypes$1.number
64
- });
65
-
66
- /**
67
- * Site
68
- */
69
- var user = PropTypes$1.shape({
70
- id: PropTypes$1.number,
71
- firstname: PropTypes$1.string,
72
- lastname: PropTypes$1.string,
73
- email: PropTypes$1.string,
74
- gender: PropTypes$1.string,
75
- birthdate: PropTypes$1.string
76
- });
77
- var menuItem = PropTypes$1.shape({
78
- id: PropTypes$1.oneOfType([PropTypes$1.number, PropTypes$1.string]),
79
- label: label,
80
- url: PropTypes$1.string,
81
- external: PropTypes$1.bool,
82
- active: PropTypes$1.bool
83
- });
84
- var menuItems = PropTypes$1.arrayOf(menuItem);
85
- var breadcrumb = PropTypes$1.shape({
86
- label: label,
87
- url: PropTypes$1.string
88
- });
89
- var breadcrumbs = PropTypes$1.arrayOf(breadcrumb);
90
- var device = PropTypes$1.shape({
91
- id: PropTypes$1.string.isRequired
92
- });
93
- var devices = PropTypes$1.arrayOf(device);
94
- var modal = PropTypes$1.shape({
95
- id: PropTypes$1.string.isRequired
96
- });
97
- var modals = PropTypes$1.arrayOf(modal);
98
- var panel = PropTypes$1.shape({
99
- id: PropTypes$1.string.isRequired
100
- });
101
- var panels = PropTypes$1.arrayOf(panel);
102
- var button = PropTypes$1.shape({
103
- label: label,
104
- onClick: PropTypes$1.func
105
- });
106
- var buttons = PropTypes$1.arrayOf(button);
107
- var bootstrapThemeStrings = ['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark'];
108
- var bootstrapThemes = PropTypes$1.oneOf(bootstrapThemeStrings);
109
- var buttonTheme = PropTypes$1.oneOf([].concat(bootstrapThemeStrings, ['outline-primary', 'outline-secondary', 'outline-success', 'outline-danger', 'outline-warning', 'outline-info', 'outline-light', 'outline-dark', 'outline-link', null]));
110
- var buttonSize = PropTypes$1.oneOf(['lg', 'sm', null]);
111
- var formControlSize = PropTypes$1.oneOf(['lg', 'sm', null]);
112
- var dropdownAlign = PropTypes$1.oneOf(['start', 'end']);
113
- var componentNames = function componentNames(Components) {
114
- return PropTypes$1.oneOf(Object.keys(Components).map(function (it) {
115
- return changeCase.snakeCase(it);
116
- }));
117
- };
118
- var component = PropTypes$1.oneOfType([PropTypes$1.object, PropTypes$1.func]);
119
- var components = PropTypes$1.objectOf(component);
120
-
121
- /**
122
- * Forms
123
- */
124
- var errors = PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.arrayOf(PropTypes$1.string)]);
125
- var formErrors = PropTypes$1.objectOf(errors);
126
- var selectOption = PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.shape({
127
- value: PropTypes$1.any,
128
- // eslint-disable-line
129
- label: label
130
- })]);
131
- var selectOptions = PropTypes$1.arrayOf(selectOption);
132
- var formField = PropTypes$1.shape({
133
- name: PropTypes$1.string,
134
- component: component
135
- });
136
- var formFields = PropTypes$1.arrayOf(formField);
137
-
138
- /**
139
- * Medias
140
- */
141
- var mediaMetadataShape = {
142
- filename: PropTypes$1.string,
143
- size: PropTypes$1.number,
144
- mime: PropTypes$1.string
145
- };
146
- var mediaFile = PropTypes$1.shape({
147
- id: PropTypes$1.string,
148
- handle: PropTypes$1.string,
149
- type: PropTypes$1.string,
150
- mime: PropTypes$1.string,
151
- url: PropTypes$1.string
152
- });
153
- var mediaShape = {
154
- id: PropTypes$1.string,
155
- type: PropTypes$1.string.isRequired,
156
- url: PropTypes$1.string,
157
- // .isRequired,
158
- thumbnail_url: PropTypes$1.string,
159
- name: PropTypes$1.string,
160
- metadata: PropTypes$1.shape(_objectSpread({}, mediaMetadataShape)),
161
- files: PropTypes$1.objectOf(mediaFile)
162
- };
163
- var media = PropTypes$1.shape(mediaShape);
164
- var medias = PropTypes$1.arrayOf(media);
165
- var mediaTypes = PropTypes$1.oneOf(['image', 'video', 'audio', 'closed-captions', 'font']);
166
- var imageMedia = PropTypes$1.shape(_objectSpread(_objectSpread({}, mediaShape), {}, {
167
- type: PropTypes$1.oneOf(['image', 'video']),
168
- metadata: PropTypes$1.shape(_objectSpread(_objectSpread({}, mediaMetadataShape), {}, {
169
- width: PropTypes$1.number,
170
- height: PropTypes$1.number
171
- }))
172
- }));
173
- var imageMedias = PropTypes$1.arrayOf(imageMedia);
174
- var fontMedia = PropTypes$1.shape(_objectSpread(_objectSpread({}, mediaShape), {}, {
175
- type: PropTypes$1.oneOf(['font']),
176
- metadata: PropTypes$1.shape(_objectSpread({}, mediaMetadataShape))
177
- }));
178
- var fontMedias = PropTypes$1.arrayOf(fontMedia);
179
- var videoMedia = PropTypes$1.shape(_objectSpread(_objectSpread({}, mediaShape), {}, {
180
- type: PropTypes$1.oneOf(['video']),
181
- metadata: PropTypes$1.shape(_objectSpread(_objectSpread({}, mediaMetadataShape), {}, {
182
- width: PropTypes$1.number,
183
- height: PropTypes$1.number,
184
- duration: PropTypes$1.number
185
- }))
186
- }));
187
- var videoMedias = PropTypes$1.arrayOf(videoMedia);
188
- var audioMedia = PropTypes$1.shape(_objectSpread(_objectSpread({}, mediaShape), {}, {
189
- type: PropTypes$1.oneOf(['audio']),
190
- metadata: PropTypes$1.shape(_objectSpread(_objectSpread({}, mediaMetadataShape), {}, {
191
- duration: PropTypes$1.number
192
- }))
193
- }));
194
- var audioMedias = PropTypes$1.arrayOf(audioMedia);
195
- var closedCaptionsMedia = PropTypes$1.shape(_objectSpread(_objectSpread({}, mediaShape), {}, {
196
- type: PropTypes$1.oneOf(['closed-captions'])
197
- }));
198
-
199
- /**
200
- * Style
201
- */
202
-
203
- var customFont = PropTypes$1.shape({
204
- type: PropTypes$1.oneOf(['system', 'google', 'custom']),
205
- name: PropTypes$1.string,
206
- media: fontMedia
207
- });
208
- var font = PropTypes$1.oneOfType([PropTypes$1.object, PropTypes$1.string]);
209
- var fonts = PropTypes$1.arrayOf(font);
210
- var textAlign = PropTypes$1.oneOf(['left', 'right', 'center']);
211
- var colorObject = PropTypes$1.shape({
212
- color: PropTypes$1.string,
213
- alpha: PropTypes$1.number
214
- });
215
- var color = PropTypes$1.oneOfType([colorObject, PropTypes$1.string]);
216
- var textStyle = PropTypes$1.shape({
217
- fontFamily: font,
218
- fontSize: PropTypes$1.number,
219
- fontStyle: PropTypes$1.shape({
220
- bold: PropTypes$1.bool,
221
- italic: PropTypes$1.bool,
222
- underline: PropTypes$1.bool,
223
- upperCase: PropTypes$1.bool
224
- }),
225
- align: textAlign,
226
- color: color,
227
- letterSpacing: PropTypes$1.number,
228
- lineHeight: PropTypes$1.number
229
- });
230
- var borderTypes = PropTypes$1.oneOf(['dotted', 'dashed', 'solid', 'double', 'groove', 'ridge', 'inset', 'outset', 'hidden']);
231
- var shadowType = PropTypes$1.shape({
232
- shadowDistance: PropTypes$1.number,
233
- shadowBlur: PropTypes$1.number,
234
- shadowColor: color
235
- });
236
- var borderStyle = PropTypes$1.shape({
237
- width: PropTypes$1.number,
238
- style: borderTypes,
239
- radius: PropTypes$1.number,
240
- color: color
241
- });
242
- var boxStyle = PropTypes$1.shape({
243
- backgroundColor: color,
244
- borderRadius: PropTypes$1.number,
245
- borderWidth: PropTypes$1.number,
246
- borderColor: color,
247
- borderStyle: borderTypes,
248
- shadow: shadowType
249
- });
250
- var margin = PropTypes$1.shape({
251
- top: PropTypes$1.number,
252
- bottom: PropTypes$1.number
253
- });
254
- var gridLayout = PropTypes$1.arrayOf(PropTypes$1.shape({
255
- rows: PropTypes$1.oneOfType([PropTypes$1.number, PropTypes$1.arrayOf(PropTypes$1.number)]),
256
- columns: PropTypes$1.oneOfType([PropTypes$1.number, PropTypes$1.arrayOf(PropTypes$1.number)])
257
- }));
258
- var objectFitSize = PropTypes$1.oneOf(['cover', 'contain', null]);
259
- var objectFit = PropTypes$1.shape({
260
- fit: objectFitSize,
261
- horizontalPosition: PropTypes$1.oneOf(['left', 'center', 'right']),
262
- verticalPosition: PropTypes$1.oneOf(['top', 'center', 'bottom'])
263
- });
264
-
265
- /**
266
- * Elements
267
- */
268
-
269
- var textElement = PropTypes$1.shape({
270
- body: PropTypes$1.string,
271
- textStyle: textStyle
272
- });
273
- var headingElement = textElement;
274
- var inputElement = PropTypes$1.shape({
275
- label: PropTypes$1.string,
276
- textStyle: textStyle
277
- });
278
- var imageElement = PropTypes$1.shape({
279
- media: imageMedia
280
- });
281
- var imageElements = PropTypes$1.arrayOf(imageElement);
282
- var videoElement = PropTypes$1.shape({
283
- media: videoMedia,
284
- autoPlay: PropTypes$1.bool,
285
- loop: PropTypes$1.bool,
286
- closedCaptions: closedCaptionsMedia,
287
- withSeekBar: PropTypes$1.bool,
288
- withControls: PropTypes$1.bool
289
- });
290
- var visualElement = PropTypes$1.shape({
291
- media: imageMedia
292
- });
293
- var visualElements = PropTypes$1.arrayOf(visualElement);
294
- var audioElement = PropTypes$1.shape({
295
- media: audioMedia,
296
- autoPlay: PropTypes$1.bool,
297
- loop: PropTypes$1.bool,
298
- closedCaptions: closedCaptionsMedia,
299
- withPlayPause: PropTypes$1.bool
300
- });
301
- var closedCaptionsElement = PropTypes$1.shape({
302
- media: closedCaptionsMedia
303
- });
304
- var backgroundElement = PropTypes$1.shape({
305
- color: color,
306
- image: imageMedia,
307
- video: videoMedia
308
- });
309
- var imageElementWithCaption = PropTypes$1.shape({
310
- image: imageMedia,
311
- caption: textElement
312
- });
313
- var imageElementsWithCaption = PropTypes$1.arrayOf(imageElementWithCaption);
314
- var stackDirection = PropTypes$1.oneOf(['horizontal', 'vertical']);
315
- var stackAlign = PropTypes$1.oneOf(['start', 'center', 'end']);
316
- var stackSpacing = PropTypes$1.oneOfType([PropTypes$1.number, PropTypes$1.oneOf(['between', 'evenly', 'around'])]);
317
- var stackElement = PropTypes$1.shape({
318
- direction: stackDirection,
319
- align: stackAlign,
320
- width: PropTypes$1.number,
321
- height: PropTypes$1.number,
322
- spacing: stackSpacing,
323
- reverse: PropTypes$1.bool
324
- });
325
- var gridElement = PropTypes$1.shape({
326
- layout: PropTypes$1.arrayOf(PropTypes$1.string),
327
- spacing: PropTypes$1.number
328
- });
329
- var geoPosition = PropTypes$1.shape({
330
- lat: PropTypes$1.number,
331
- lng: PropTypes$1.number
332
- });
333
- var markerShape = {
334
- id: PropTypes$1.number,
335
- geoPosition: geoPosition,
336
- title: headingElement,
337
- subtitle: headingElement,
338
- description: textElement
339
- };
340
- var marker = PropTypes$1.shape(_objectSpread({}, markerShape));
341
- var markers = PropTypes$1.arrayOf(marker);
342
- var markerWithImage = PropTypes$1.shape(_objectSpread(_objectSpread({}, markerShape), {}, {
343
- image: imageMedia
344
- }));
345
- var markersWithImage = PropTypes$1.arrayOf(markerWithImage);
346
- var answerShape = {
347
- id: PropTypes$1.string,
348
- label: textElement
349
- };
350
- var answer = PropTypes$1.shape(_objectSpread({}, answerShape));
351
- var quizAnswer = PropTypes$1.shape(_objectSpread(_objectSpread({}, answerShape), {}, {
352
- good: PropTypes$1.bool
353
- }));
354
- var answers = PropTypes$1.arrayOf(answer);
355
- var quizAnswers = PropTypes$1.arrayOf(quizAnswer);
356
- var callToActionTypes = PropTypes$1.oneOf(['swipe-up', 'button']);
357
- var callToAction = PropTypes$1.shape({
358
- active: PropTypes$1.bool,
359
- type: callToActionTypes,
360
- url: PropTypes$1.string,
361
- label: textElement,
362
- buttonStyle: boxStyle
363
- });
364
- var shareIncentive = PropTypes$1.shape({
365
- active: PropTypes$1.bool,
366
- label: textElement,
367
- boxStyle: boxStyle
368
- });
369
- var activeForm = PropTypes$1.shape({
370
- active: PropTypes$1.bool
371
- });
372
- var speaker = PropTypes$1.shape({
373
- id: PropTypes$1.string,
374
- name: PropTypes$1.string,
375
- avatar: imageMedia,
376
- side: PropTypes$1.oneOf(['left', 'right']),
377
- color: color
378
- });
379
- var speakers = PropTypes$1.arrayOf(speaker);
380
- var conversationMessage = PropTypes$1.shape({
381
- speaker: PropTypes$1.string,
382
- message: PropTypes$1.string,
383
- image: imageMedia,
384
- audio: audioMedia,
385
- timingOverrides: PropTypes$1.shape({
386
- enabled: PropTypes$1.bool,
387
- appearDelay: PropTypes$1.number,
388
- writingStateDuration: PropTypes$1.number
389
- })
390
- });
391
- var conversationMessages = PropTypes$1.arrayOf(conversationMessage);
392
- var conversation = PropTypes$1.shape({
393
- speakers: speakers,
394
- textStyle: textStyle,
395
- messages: conversationMessages
396
- });
397
- var alternatives = PropTypes$1.shape({
398
- audio: audioElement
399
- });
400
-
401
- /**
402
- * Definitions
403
- */
404
-
405
- var fieldShape = {
406
- name: PropTypes$1.string,
407
- type: PropTypes$1.string.isRequired,
408
- label: text
409
- };
410
- var field = PropTypes$1.shape(_objectSpread(_objectSpread({}, fieldShape), {}, {
411
- isSection: PropTypes$1.bool,
412
- fields: PropTypes$1.arrayOf(PropTypes$1.shape(fieldShape))
413
- }));
414
- var fields = PropTypes$1.arrayOf(field);
415
- var screenDefinition = PropTypes$1.shape({
416
- id: PropTypes$1.string.isRequired,
417
- type: PropTypes$1.oneOf(['screen']).isRequired,
418
- title: text.isRequired,
419
- layouts: PropTypes$1.arrayOf(PropTypes$1.string),
420
- fields: fields
421
- });
422
- var screenDefinitions = PropTypes$1.arrayOf(screenDefinition);
423
- var fieldDefinition = PropTypes$1.shape({
424
- id: PropTypes$1.string.isRequired,
425
- type: PropTypes$1.oneOf(['field']).isRequired,
426
- title: text.isRequired,
427
- fields: fields
428
- });
429
- var fieldDefinitions = PropTypes$1.arrayOf(fieldDefinition);
430
-
431
- /**
432
- * Components
433
- */
434
- var storyComponentShape = {
435
- type: PropTypes$1.string.isRequired
436
- };
437
- var storyComponent = PropTypes$1.shape(_objectSpread({}, storyComponentShape));
438
- var storyComponents = PropTypes$1.arrayOf(storyComponent);
439
- var screenComponent = PropTypes$1.shape(_objectSpread({}, storyComponentShape));
440
- var screenComponents = PropTypes$1.arrayOf(screenComponent);
441
- var screen = screenComponent; // @NOTE should be removed
442
-
443
- /**
444
- * Theme
445
- */
446
- var theme = PropTypes$1.shape({
447
- id: PropTypes$1.string,
448
- textStyles: PropTypes$1.objectOf(textStyle),
449
- // renamed to textstyles
450
- background: backgroundElement,
451
- colors: PropTypes$1.objectOf(color),
452
- components: screenComponents
453
- });
454
- var viewerTheme = PropTypes$1.shape(_objectSpread({
455
- logo: imageMedia
456
- }, theme));
457
-
458
- /**
459
- * Branding
460
- */
461
-
462
- // export const branding = PropTypes.shape({
463
- // logo: imageMedia,
464
- // primaryColor: color,
465
- // secondaryColor: color,
466
- // backgroundColor: color,
467
- // textStyle,
468
- // });
469
-
470
- /**
471
- * Metadata
472
- */
473
- var metadata = PropTypes$1.shape({
474
- description: PropTypes$1.string,
475
- shareUrl: PropTypes$1.string,
476
- shareImage: imageMedia,
477
- favIcon: imageMedia
478
- });
479
- var tag = PropTypes$1.shape({
480
- label: PropTypes$1.string,
481
- value: PropTypes$1.oneOfType([PropTypes$1.number, PropTypes$1.string])
482
- });
483
- var tags = PropTypes$1.arrayOf(tag);
484
-
485
- /**
486
- * Story
487
- */
488
- var story = PropTypes$1.shape({
489
- id: PropTypes$1.string,
490
- theme: theme,
491
- components: screenComponents,
492
- metadata: metadata
493
- });
494
-
495
- /**
496
- * Render
497
- */
498
- var deviceScreen = PropTypes$1.shape({
499
- name: PropTypes$1.string.isRequired,
500
- mediaQuery: PropTypes$1.string
501
- });
502
- var deviceScreens = PropTypes$1.arrayOf(deviceScreen);
503
- var screenSize = PropTypes$1.shape({
504
- screen: PropTypes$1.string,
505
- screens: PropTypes$1.arrayOf(PropTypes$1.string),
506
- width: PropTypes$1.number,
507
- height: PropTypes$1.number,
508
- landscape: PropTypes$1.bool
509
- });
510
- var renderContext = PropTypes$1.oneOf(['view', 'placeholder', 'edit', 'preview', 'static', 'capture']);
511
-
512
- /**
513
- * Screens
514
- */
515
-
516
- var adFormats = PropTypes$1.shape({
517
- width: PropTypes$1.number,
518
- height: PropTypes$1.number
519
- });
520
- var adFormat = PropTypes$1.shape({
521
- width: PropTypes$1.number,
522
- height: PropTypes$1.number,
523
- url: PropTypes$1.string,
524
- target: target,
525
- iframe: PropTypes$1.string,
526
- image: imageMedia
527
- });
528
- var audioComponent = PropTypes$1.shape({
529
- src: PropTypes$1.string,
530
- track: PropTypes$1.string,
531
- trackLng: PropTypes$1.number,
532
- controls: PropTypes$1.bool
533
- });
534
- var slide = PropTypes$1.shape({
535
- image: imageMedia,
536
- text: PropTypes$1.string
537
- });
538
- var slides = PropTypes$1.arrayOf(slide);
539
-
540
- // export const imageStyle = PropTypes.shape({
541
- // alt: PropTypes.string,
542
- // fit: PropTypes.object,
543
- // });
544
-
545
- var containerStyle = PropTypes$1.shape({});
546
-
547
- /**
548
- * Transitions
549
- */
550
-
551
- var transitionName = PropTypes$1.oneOf(['fade', 'scale', 'slide']);
552
- var transitionParams = {
553
- duration: PropTypes$1.number,
554
- easing: PropTypes$1.oneOf(['ease', 'ease-in', 'ease-out', 'ease-in-out', 'linear'])
555
- };
556
- var transition = PropTypes$1.oneOfType([transitionName.isRequired, PropTypes$1.shape(_objectSpread({
557
- name: transitionName.isRequired
558
- }, transitionParams))]);
559
- var transitions = PropTypes$1.shape({
560
- "in": transition,
561
- out: transition
562
- });
563
-
564
- /**
565
- * Search
566
- */
567
-
568
- var searchFilter = PropTypes$1.shape({
569
- type: PropTypes$1.string,
570
- value: PropTypes$1.oneOf([PropTypes$1.string, PropTypes$1.number])
571
- });
572
- var searchFilters = PropTypes$1.arrayOf(searchFilter);
573
-
574
- /**
575
- * Payments
576
- */
577
-
578
- var paymentItem = PropTypes$1.shape({
579
- id: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.number]),
580
- date: PropTypes$1.string,
581
- type: PropTypes$1.string,
582
- invoice_link: PropTypes$1.string,
583
- amount: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.number])
584
- });
585
- var paymentItems = PropTypes$1.arrayOf(paymentItem);
586
-
587
- /**
588
- * Page Metadada
589
- */
590
-
591
- var pageMetadata = PropTypes$1.shape({
592
- canonical: PropTypes$1.string,
593
- description: PropTypes$1.string,
594
- keywords: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.array]),
595
- image: PropTypes$1.shape({
596
- url: PropTypes$1.string
597
- }),
598
- favicon: PropTypes$1.shape({
599
- url: PropTypes$1.string
600
- }),
601
- rssUrl: PropTypes$1.string,
602
- atomUrl: PropTypes$1.string,
603
- microformats: PropTypes$1.arrayOf(PropTypes$1.shape({}))
604
- });
605
- var authorElement = PropTypes$1.shape({
606
- name: textElement,
607
- avatar: PropTypes$1.shape({
608
- url: PropTypes$1.string
609
- })
610
- });
611
- var visitor = PropTypes$1.shape({
612
- id: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.number]),
613
- name: PropTypes$1.string
614
- });
615
- var badge = PropTypes$1.shape({
616
- label: textElement,
617
- buttonStyle: boxStyle
618
- });
619
- var customAnswer = PropTypes$1.shape({
620
- active: PropTypes$1.bool,
621
- placeholder: textElement,
622
- textStyle: textStyle,
623
- boxStyle: boxStyle
624
- });
625
- var header = PropTypes$1.shape({
626
- badge: badge
627
- });
628
- var footer = PropTypes$1.shape({
629
- callToAction: callToAction
630
- });
631
- var reload = PropTypes$1.shape();
632
- var closedCaptions = PropTypes$1.shape({
633
- file: closedCaptionsMedia,
634
- textStyle: textStyle,
635
- boxStyle: boxStyle
636
- });
637
- var buttonLayout = PropTypes$1.oneOf(['label-bottom', 'label-top', 'no-label', 'label-over', 'label-left', 'label-right']);
638
-
639
- var PropTypes = /*#__PURE__*/Object.freeze({
640
- __proto__: null,
641
- activeForm: activeForm,
642
- adFormat: adFormat,
643
- adFormats: adFormats,
644
- alternatives: alternatives,
645
- answer: answer,
646
- answerShape: answerShape,
647
- answers: answers,
648
- audioComponent: audioComponent,
649
- audioElement: audioElement,
650
- audioMedia: audioMedia,
651
- audioMedias: audioMedias,
652
- authorElement: authorElement,
653
- backgroundElement: backgroundElement,
654
- badge: badge,
655
- bootstrapThemes: bootstrapThemes,
656
- borderStyle: borderStyle,
657
- borderTypes: borderTypes,
658
- boxStyle: boxStyle,
659
- breadcrumb: breadcrumb,
660
- breadcrumbs: breadcrumbs,
661
- button: button,
662
- buttonLayout: buttonLayout,
663
- buttonSize: buttonSize,
664
- buttonTheme: buttonTheme,
665
- buttons: buttons,
666
- callToAction: callToAction,
667
- callToActionTypes: callToActionTypes,
668
- closedCaptions: closedCaptions,
669
- closedCaptionsElement: closedCaptionsElement,
670
- closedCaptionsMedia: closedCaptionsMedia,
671
- color: color,
672
- colorObject: colorObject,
673
- component: component,
674
- componentNames: componentNames,
675
- components: components,
676
- containerStyle: containerStyle,
677
- conversation: conversation,
678
- conversationMessage: conversationMessage,
679
- conversationMessages: conversationMessages,
680
- customAnswer: customAnswer,
681
- customFont: customFont,
682
- defaultMessage: defaultMessage,
683
- defaultMessageContent: defaultMessageContent,
684
- device: device,
685
- deviceScreen: deviceScreen,
686
- deviceScreens: deviceScreens,
687
- devices: devices,
688
- dropdownAlign: dropdownAlign,
689
- errors: errors,
690
- field: field,
691
- fieldDefinition: fieldDefinition,
692
- fieldDefinitions: fieldDefinitions,
693
- fields: fields,
694
- font: font,
695
- fontMedia: fontMedia,
696
- fontMedias: fontMedias,
697
- fonts: fonts,
698
- footer: footer,
699
- formControlSize: formControlSize,
700
- formErrors: formErrors,
701
- formField: formField,
702
- formFields: formFields,
703
- geoPosition: geoPosition,
704
- gridElement: gridElement,
705
- gridLayout: gridLayout,
706
- header: header,
707
- headingElement: headingElement,
708
- history: history,
709
- imageElement: imageElement,
710
- imageElementWithCaption: imageElementWithCaption,
711
- imageElements: imageElements,
712
- imageElementsWithCaption: imageElementsWithCaption,
713
- imageMedia: imageMedia,
714
- imageMedias: imageMedias,
715
- inputElement: inputElement,
716
- interaction: interaction,
717
- interactions: interactions,
718
- intl: intl,
719
- label: label,
720
- location: location,
721
- margin: margin,
722
- marker: marker,
723
- markerWithImage: markerWithImage,
724
- markers: markers,
725
- markersWithImage: markersWithImage,
726
- media: media,
727
- mediaFile: mediaFile,
728
- mediaTypes: mediaTypes,
729
- medias: medias,
730
- menuItem: menuItem,
731
- menuItems: menuItems,
732
- message: message,
733
- metadata: metadata,
734
- modal: modal,
735
- modals: modals,
736
- objectFit: objectFit,
737
- objectFitSize: objectFitSize,
738
- pageMetadata: pageMetadata,
739
- panel: panel,
740
- panels: panels,
741
- paymentItem: paymentItem,
742
- paymentItems: paymentItems,
743
- progress: progress,
744
- quizAnswer: quizAnswer,
745
- quizAnswers: quizAnswers,
746
- ref: ref,
747
- reload: reload,
748
- renderContext: renderContext,
749
- screen: screen,
750
- screenComponent: screenComponent,
751
- screenComponents: screenComponents,
752
- screenDefinition: screenDefinition,
753
- screenDefinitions: screenDefinitions,
754
- screenSize: screenSize,
755
- searchFilter: searchFilter,
756
- searchFilters: searchFilters,
757
- selectOption: selectOption,
758
- selectOptions: selectOptions,
759
- shadowType: shadowType,
760
- shareIncentive: shareIncentive,
761
- slide: slide,
762
- slides: slides,
763
- speaker: speaker,
764
- speakers: speakers,
765
- stackAlign: stackAlign,
766
- stackDirection: stackDirection,
767
- stackElement: stackElement,
768
- stackSpacing: stackSpacing,
769
- statusCode: statusCode,
770
- story: story,
771
- storyComponent: storyComponent,
772
- storyComponents: storyComponents,
773
- tag: tag,
774
- tags: tags,
775
- target: target,
776
- text: text,
777
- textAlign: textAlign,
778
- textElement: textElement,
779
- textStyle: textStyle,
780
- theme: theme,
781
- trackingVariables: trackingVariables,
782
- transition: transition,
783
- transitionName: transitionName,
784
- transitions: transitions,
785
- user: user,
786
- videoElement: videoElement,
787
- videoMedia: videoMedia,
788
- videoMedias: videoMedias,
789
- viewerTheme: viewerTheme,
790
- visitor: visitor,
791
- visualElement: visualElement,
792
- visualElements: visualElements
793
- });
794
24
 
795
25
  var sortedColors = function sortedColors(colors) {
796
26
  return sortBy(colors, ['color', 'alpha']);
@@ -2479,7 +1709,6 @@ exports.EventsManager = EventsManager;
2479
1709
  exports.FieldsManager = FieldsManager;
2480
1710
  exports.FontsParser = FontsParser;
2481
1711
  exports.MediasParser = MediasParser;
2482
- exports.PropTypes = PropTypes;
2483
1712
  exports.ScreensManager = ScreensManager;
2484
1713
  exports.StoryParser = StoryParser;
2485
1714
  exports.ThemeParser = ThemeParser;