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