@micromag/screen-title 0.2.401 → 0.2.406

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 (3) hide show
  1. package/es/index.js +41 -37
  2. package/lib/index.js +41 -37
  3. package/package.json +10 -10
package/es/index.js CHANGED
@@ -33,6 +33,7 @@ var propTypes$1 = {
33
33
  background: PropTypes$1.backgroundElement,
34
34
  callToAction: PropTypes$1.callToAction,
35
35
  current: PropTypes.bool,
36
+ active: PropTypes.bool,
36
37
  transitions: PropTypes$1.transitions,
37
38
  transitionStagger: PropTypes.number,
38
39
  className: PropTypes.string
@@ -55,6 +56,7 @@ var defaultProps$1 = {
55
56
  background: null,
56
57
  callToAction: null,
57
58
  current: true,
59
+ active: true,
58
60
  transitions: null,
59
61
  transitionStagger: 100,
60
62
  className: null
@@ -74,6 +76,7 @@ var TitleScreen = function TitleScreen(_ref) {
74
76
  background = _ref.background,
75
77
  callToAction = _ref.callToAction,
76
78
  current = _ref.current,
79
+ active = _ref.active,
77
80
  transitions = _ref.transitions,
78
81
  transitionStagger = _ref.transitionStagger,
79
82
  className = _ref.className;
@@ -173,7 +176,8 @@ var TitleScreen = function TitleScreen(_ref) {
173
176
  background: background,
174
177
  width: width,
175
178
  height: height,
176
- playing: backgroundPlaying
179
+ playing: backgroundPlaying,
180
+ shouldLoad: current || active
177
181
  }) : null, /*#__PURE__*/React.createElement(Container, {
178
182
  width: width,
179
183
  height: height
@@ -273,8 +277,8 @@ var definition = [{
273
277
  type: 'screen',
274
278
  group: {
275
279
  label: defineMessage({
276
- "id": "uKJRh2",
277
- "defaultMessage": [{
280
+ id: "uKJRh2",
281
+ defaultMessage: [{
278
282
  "type": 0,
279
283
  "value": "Title"
280
284
  }]
@@ -282,8 +286,8 @@ var definition = [{
282
286
  order: 1
283
287
  },
284
288
  title: defineMessage({
285
- "id": "dVcog7",
286
- "defaultMessage": [{
289
+ id: "dVcog7",
290
+ defaultMessage: [{
287
291
  "type": 0,
288
292
  "value": "Title"
289
293
  }]
@@ -296,8 +300,8 @@ var definition = [{
296
300
  type: 'screen-layout',
297
301
  defaultValue: 'top',
298
302
  label: defineMessage({
299
- "id": "4iBXj2",
300
- "defaultMessage": [{
303
+ id: "4iBXj2",
304
+ defaultMessage: [{
301
305
  "type": 0,
302
306
  "value": "Layout"
303
307
  }]
@@ -309,8 +313,8 @@ var definition = [{
309
313
  textStyle: 'heading1'
310
314
  },
311
315
  label: defineMessage({
312
- "id": "N25iDO",
313
- "defaultMessage": [{
316
+ id: "N25iDO",
317
+ defaultMessage: [{
314
318
  "type": 0,
315
319
  "value": "Title"
316
320
  }]
@@ -319,8 +323,8 @@ var definition = [{
319
323
  name: 'background',
320
324
  type: 'background',
321
325
  label: defineMessage({
322
- "id": "+MPZRu",
323
- "defaultMessage": [{
326
+ id: "+MPZRu",
327
+ defaultMessage: [{
324
328
  "type": 0,
325
329
  "value": "Background"
326
330
  }]
@@ -339,8 +343,8 @@ var definition = [{
339
343
  type: 'screen',
340
344
  group: {
341
345
  label: defineMessage({
342
- "id": "uKJRh2",
343
- "defaultMessage": [{
346
+ id: "uKJRh2",
347
+ defaultMessage: [{
344
348
  "type": 0,
345
349
  "value": "Title"
346
350
  }]
@@ -348,8 +352,8 @@ var definition = [{
348
352
  order: 1
349
353
  },
350
354
  title: defineMessage({
351
- "id": "P1dwGU",
352
- "defaultMessage": [{
355
+ id: "P1dwGU",
356
+ defaultMessage: [{
353
357
  "type": 0,
354
358
  "value": "Title with subtitle"
355
359
  }]
@@ -362,8 +366,8 @@ var definition = [{
362
366
  type: 'screen-layout',
363
367
  defaultValue: 'top',
364
368
  label: defineMessage({
365
- "id": "4iBXj2",
366
- "defaultMessage": [{
369
+ id: "4iBXj2",
370
+ defaultMessage: [{
367
371
  "type": 0,
368
372
  "value": "Layout"
369
373
  }]
@@ -375,8 +379,8 @@ var definition = [{
375
379
  textStyle: 'heading1'
376
380
  },
377
381
  label: defineMessage({
378
- "id": "N25iDO",
379
- "defaultMessage": [{
382
+ id: "N25iDO",
383
+ defaultMessage: [{
380
384
  "type": 0,
381
385
  "value": "Title"
382
386
  }]
@@ -388,8 +392,8 @@ var definition = [{
388
392
  textStyle: 'heading2'
389
393
  },
390
394
  label: defineMessage({
391
- "id": "EcZYpr",
392
- "defaultMessage": [{
395
+ id: "EcZYpr",
396
+ defaultMessage: [{
393
397
  "type": 0,
394
398
  "value": "Subtitle"
395
399
  }]
@@ -398,8 +402,8 @@ var definition = [{
398
402
  name: 'background',
399
403
  type: 'background',
400
404
  label: defineMessage({
401
- "id": "+MPZRu",
402
- "defaultMessage": [{
405
+ id: "+MPZRu",
406
+ defaultMessage: [{
403
407
  "type": 0,
404
408
  "value": "Background"
405
409
  }]
@@ -418,8 +422,8 @@ var definition = [{
418
422
  type: 'screen',
419
423
  group: {
420
424
  label: defineMessage({
421
- "id": "uKJRh2",
422
- "defaultMessage": [{
425
+ id: "uKJRh2",
426
+ defaultMessage: [{
423
427
  "type": 0,
424
428
  "value": "Title"
425
429
  }]
@@ -427,8 +431,8 @@ var definition = [{
427
431
  order: 1
428
432
  },
429
433
  title: defineMessage({
430
- "id": "vZrFq6",
431
- "defaultMessage": [{
434
+ id: "vZrFq6",
435
+ defaultMessage: [{
432
436
  "type": 0,
433
437
  "value": "Title with subtitle and credits"
434
438
  }]
@@ -441,8 +445,8 @@ var definition = [{
441
445
  type: 'screen-layout',
442
446
  defaultValue: 'top',
443
447
  label: defineMessage({
444
- "id": "4iBXj2",
445
- "defaultMessage": [{
448
+ id: "4iBXj2",
449
+ defaultMessage: [{
446
450
  "type": 0,
447
451
  "value": "Layout"
448
452
  }]
@@ -454,8 +458,8 @@ var definition = [{
454
458
  textStyle: 'heading1'
455
459
  },
456
460
  label: defineMessage({
457
- "id": "N25iDO",
458
- "defaultMessage": [{
461
+ id: "N25iDO",
462
+ defaultMessage: [{
459
463
  "type": 0,
460
464
  "value": "Title"
461
465
  }]
@@ -467,8 +471,8 @@ var definition = [{
467
471
  textStyle: 'heading2'
468
472
  },
469
473
  label: defineMessage({
470
- "id": "EcZYpr",
471
- "defaultMessage": [{
474
+ id: "EcZYpr",
475
+ defaultMessage: [{
472
476
  "type": 0,
473
477
  "value": "Subtitle"
474
478
  }]
@@ -480,8 +484,8 @@ var definition = [{
480
484
  textStyle: 'text'
481
485
  },
482
486
  label: defineMessage({
483
- "id": "upzOTm",
484
- "defaultMessage": [{
487
+ id: "upzOTm",
488
+ defaultMessage: [{
485
489
  "type": 0,
486
490
  "value": "Credits"
487
491
  }]
@@ -490,8 +494,8 @@ var definition = [{
490
494
  name: 'background',
491
495
  type: 'background',
492
496
  label: defineMessage({
493
- "id": "+MPZRu",
494
- "defaultMessage": [{
497
+ id: "+MPZRu",
498
+ defaultMessage: [{
495
499
  "type": 0,
496
500
  "value": "Background"
497
501
  }]
package/lib/index.js CHANGED
@@ -54,6 +54,7 @@ var propTypes$1 = {
54
54
  background: core.PropTypes.backgroundElement,
55
55
  callToAction: core.PropTypes.callToAction,
56
56
  current: PropTypes__default["default"].bool,
57
+ active: PropTypes__default["default"].bool,
57
58
  transitions: core.PropTypes.transitions,
58
59
  transitionStagger: PropTypes__default["default"].number,
59
60
  className: PropTypes__default["default"].string
@@ -76,6 +77,7 @@ var defaultProps$1 = {
76
77
  background: null,
77
78
  callToAction: null,
78
79
  current: true,
80
+ active: true,
79
81
  transitions: null,
80
82
  transitionStagger: 100,
81
83
  className: null
@@ -95,6 +97,7 @@ var TitleScreen = function TitleScreen(_ref) {
95
97
  background = _ref.background,
96
98
  callToAction = _ref.callToAction,
97
99
  current = _ref.current,
100
+ active = _ref.active,
98
101
  transitions = _ref.transitions,
99
102
  transitionStagger = _ref.transitionStagger,
100
103
  className = _ref.className;
@@ -194,7 +197,8 @@ var TitleScreen = function TitleScreen(_ref) {
194
197
  background: background,
195
198
  width: width,
196
199
  height: height,
197
- playing: backgroundPlaying
200
+ playing: backgroundPlaying,
201
+ shouldLoad: current || active
198
202
  }) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
199
203
  width: width,
200
204
  height: height
@@ -294,8 +298,8 @@ var definition = [{
294
298
  type: 'screen',
295
299
  group: {
296
300
  label: reactIntl.defineMessage({
297
- "id": "uKJRh2",
298
- "defaultMessage": [{
301
+ id: "uKJRh2",
302
+ defaultMessage: [{
299
303
  "type": 0,
300
304
  "value": "Title"
301
305
  }]
@@ -303,8 +307,8 @@ var definition = [{
303
307
  order: 1
304
308
  },
305
309
  title: reactIntl.defineMessage({
306
- "id": "dVcog7",
307
- "defaultMessage": [{
310
+ id: "dVcog7",
311
+ defaultMessage: [{
308
312
  "type": 0,
309
313
  "value": "Title"
310
314
  }]
@@ -317,8 +321,8 @@ var definition = [{
317
321
  type: 'screen-layout',
318
322
  defaultValue: 'top',
319
323
  label: reactIntl.defineMessage({
320
- "id": "4iBXj2",
321
- "defaultMessage": [{
324
+ id: "4iBXj2",
325
+ defaultMessage: [{
322
326
  "type": 0,
323
327
  "value": "Layout"
324
328
  }]
@@ -330,8 +334,8 @@ var definition = [{
330
334
  textStyle: 'heading1'
331
335
  },
332
336
  label: reactIntl.defineMessage({
333
- "id": "N25iDO",
334
- "defaultMessage": [{
337
+ id: "N25iDO",
338
+ defaultMessage: [{
335
339
  "type": 0,
336
340
  "value": "Title"
337
341
  }]
@@ -340,8 +344,8 @@ var definition = [{
340
344
  name: 'background',
341
345
  type: 'background',
342
346
  label: reactIntl.defineMessage({
343
- "id": "+MPZRu",
344
- "defaultMessage": [{
347
+ id: "+MPZRu",
348
+ defaultMessage: [{
345
349
  "type": 0,
346
350
  "value": "Background"
347
351
  }]
@@ -360,8 +364,8 @@ var definition = [{
360
364
  type: 'screen',
361
365
  group: {
362
366
  label: reactIntl.defineMessage({
363
- "id": "uKJRh2",
364
- "defaultMessage": [{
367
+ id: "uKJRh2",
368
+ defaultMessage: [{
365
369
  "type": 0,
366
370
  "value": "Title"
367
371
  }]
@@ -369,8 +373,8 @@ var definition = [{
369
373
  order: 1
370
374
  },
371
375
  title: reactIntl.defineMessage({
372
- "id": "P1dwGU",
373
- "defaultMessage": [{
376
+ id: "P1dwGU",
377
+ defaultMessage: [{
374
378
  "type": 0,
375
379
  "value": "Title with subtitle"
376
380
  }]
@@ -383,8 +387,8 @@ var definition = [{
383
387
  type: 'screen-layout',
384
388
  defaultValue: 'top',
385
389
  label: reactIntl.defineMessage({
386
- "id": "4iBXj2",
387
- "defaultMessage": [{
390
+ id: "4iBXj2",
391
+ defaultMessage: [{
388
392
  "type": 0,
389
393
  "value": "Layout"
390
394
  }]
@@ -396,8 +400,8 @@ var definition = [{
396
400
  textStyle: 'heading1'
397
401
  },
398
402
  label: reactIntl.defineMessage({
399
- "id": "N25iDO",
400
- "defaultMessage": [{
403
+ id: "N25iDO",
404
+ defaultMessage: [{
401
405
  "type": 0,
402
406
  "value": "Title"
403
407
  }]
@@ -409,8 +413,8 @@ var definition = [{
409
413
  textStyle: 'heading2'
410
414
  },
411
415
  label: reactIntl.defineMessage({
412
- "id": "EcZYpr",
413
- "defaultMessage": [{
416
+ id: "EcZYpr",
417
+ defaultMessage: [{
414
418
  "type": 0,
415
419
  "value": "Subtitle"
416
420
  }]
@@ -419,8 +423,8 @@ var definition = [{
419
423
  name: 'background',
420
424
  type: 'background',
421
425
  label: reactIntl.defineMessage({
422
- "id": "+MPZRu",
423
- "defaultMessage": [{
426
+ id: "+MPZRu",
427
+ defaultMessage: [{
424
428
  "type": 0,
425
429
  "value": "Background"
426
430
  }]
@@ -439,8 +443,8 @@ var definition = [{
439
443
  type: 'screen',
440
444
  group: {
441
445
  label: reactIntl.defineMessage({
442
- "id": "uKJRh2",
443
- "defaultMessage": [{
446
+ id: "uKJRh2",
447
+ defaultMessage: [{
444
448
  "type": 0,
445
449
  "value": "Title"
446
450
  }]
@@ -448,8 +452,8 @@ var definition = [{
448
452
  order: 1
449
453
  },
450
454
  title: reactIntl.defineMessage({
451
- "id": "vZrFq6",
452
- "defaultMessage": [{
455
+ id: "vZrFq6",
456
+ defaultMessage: [{
453
457
  "type": 0,
454
458
  "value": "Title with subtitle and credits"
455
459
  }]
@@ -462,8 +466,8 @@ var definition = [{
462
466
  type: 'screen-layout',
463
467
  defaultValue: 'top',
464
468
  label: reactIntl.defineMessage({
465
- "id": "4iBXj2",
466
- "defaultMessage": [{
469
+ id: "4iBXj2",
470
+ defaultMessage: [{
467
471
  "type": 0,
468
472
  "value": "Layout"
469
473
  }]
@@ -475,8 +479,8 @@ var definition = [{
475
479
  textStyle: 'heading1'
476
480
  },
477
481
  label: reactIntl.defineMessage({
478
- "id": "N25iDO",
479
- "defaultMessage": [{
482
+ id: "N25iDO",
483
+ defaultMessage: [{
480
484
  "type": 0,
481
485
  "value": "Title"
482
486
  }]
@@ -488,8 +492,8 @@ var definition = [{
488
492
  textStyle: 'heading2'
489
493
  },
490
494
  label: reactIntl.defineMessage({
491
- "id": "EcZYpr",
492
- "defaultMessage": [{
495
+ id: "EcZYpr",
496
+ defaultMessage: [{
493
497
  "type": 0,
494
498
  "value": "Subtitle"
495
499
  }]
@@ -501,8 +505,8 @@ var definition = [{
501
505
  textStyle: 'text'
502
506
  },
503
507
  label: reactIntl.defineMessage({
504
- "id": "upzOTm",
505
- "defaultMessage": [{
508
+ id: "upzOTm",
509
+ defaultMessage: [{
506
510
  "type": 0,
507
511
  "value": "Credits"
508
512
  }]
@@ -511,8 +515,8 @@ var definition = [{
511
515
  name: 'background',
512
516
  type: 'background',
513
517
  label: reactIntl.defineMessage({
514
- "id": "+MPZRu",
515
- "defaultMessage": [{
518
+ id: "+MPZRu",
519
+ defaultMessage: [{
516
520
  "type": 0,
517
521
  "value": "Background"
518
522
  }]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-title",
3
- "version": "0.2.401",
3
+ "version": "0.2.406",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -49,14 +49,14 @@
49
49
  },
50
50
  "dependencies": {
51
51
  "@babel/runtime": "^7.13.10",
52
- "@micromag/core": "^0.2.401",
53
- "@micromag/element-background": "^0.2.401",
54
- "@micromag/element-call-to-action": "^0.2.401",
55
- "@micromag/element-container": "^0.2.401",
56
- "@micromag/element-heading": "^0.2.401",
57
- "@micromag/element-layout": "^0.2.401",
58
- "@micromag/element-text": "^0.2.401",
59
- "@micromag/transforms": "^0.2.401",
52
+ "@micromag/core": "^0.2.405",
53
+ "@micromag/element-background": "^0.2.406",
54
+ "@micromag/element-call-to-action": "^0.2.405",
55
+ "@micromag/element-container": "^0.2.405",
56
+ "@micromag/element-heading": "^0.2.405",
57
+ "@micromag/element-layout": "^0.2.405",
58
+ "@micromag/element-text": "^0.2.405",
59
+ "@micromag/transforms": "^0.2.405",
60
60
  "classnames": "^2.2.6",
61
61
  "lodash": "^4.17.21",
62
62
  "prop-types": "^15.7.2",
@@ -66,5 +66,5 @@
66
66
  "publishConfig": {
67
67
  "access": "public"
68
68
  },
69
- "gitHead": "fd03ec6d9decc9e18d6088a36e47c7b1e0e72b4c"
69
+ "gitHead": "5e1a6de73674624b0cb3f9701140ea8850e6f35e"
70
70
  }