@panneau/core 1.0.3-alpha.0 → 1.0.3-alpha.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.
- package/es/contexts.js +318 -358
- package/es/hooks.js +201 -319
- package/es/index.js +114 -215
- package/es/utils.js +75 -77
- package/lib/contexts.js +322 -357
- package/lib/hooks.js +200 -318
- package/lib/index.js +114 -215
- package/lib/utils.js +76 -76
- package/package.json +2 -2
package/lib/index.js
CHANGED
|
@@ -51,10 +51,10 @@ var message = PropTypes__default["default"].shape({
|
|
|
51
51
|
});
|
|
52
52
|
var label = PropTypes__default["default"].oneOfType([message, PropTypes__default["default"].node]);
|
|
53
53
|
var statusCode = PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]);
|
|
54
|
+
|
|
54
55
|
/**
|
|
55
56
|
* Core
|
|
56
57
|
*/
|
|
57
|
-
|
|
58
58
|
var menuItem = PropTypes__default["default"].shape({
|
|
59
59
|
id: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
|
|
60
60
|
label: label,
|
|
@@ -93,10 +93,10 @@ var tableColumn = PropTypes__default["default"].shape({
|
|
|
93
93
|
columnClassName: PropTypes__default["default"].string
|
|
94
94
|
});
|
|
95
95
|
var tableColumns = PropTypes__default["default"].arrayOf(tableColumn);
|
|
96
|
+
|
|
96
97
|
/**
|
|
97
98
|
* Panneau Definitions
|
|
98
99
|
*/
|
|
99
|
-
|
|
100
100
|
var routes = PropTypes__default["default"].shape({
|
|
101
101
|
'resources.index': PropTypes__default["default"].string.isRequired,
|
|
102
102
|
'resources.create': PropTypes__default["default"].string.isRequired,
|
|
@@ -143,15 +143,17 @@ var panneauDefinition = PropTypes__default["default"].shape({
|
|
|
143
143
|
resources: resources,
|
|
144
144
|
routes: routes,
|
|
145
145
|
pages: pages,
|
|
146
|
-
intl: intl
|
|
147
|
-
|
|
146
|
+
intl: intl
|
|
147
|
+
// intl,
|
|
148
148
|
});
|
|
149
|
+
|
|
149
150
|
var definition = PropTypes__default["default"].shape({
|
|
150
|
-
name: PropTypes__default["default"].string
|
|
151
|
+
name: PropTypes__default["default"].string
|
|
152
|
+
// resources,
|
|
151
153
|
// routes,
|
|
152
154
|
// intl,
|
|
153
|
-
|
|
154
155
|
});
|
|
156
|
+
|
|
155
157
|
var item = PropTypes__default["default"].shape({
|
|
156
158
|
id: PropTypes__default["default"].string.isRequired
|
|
157
159
|
});
|
|
@@ -225,11 +227,9 @@ var PropTypes = /*#__PURE__*/Object.freeze({
|
|
|
225
227
|
|
|
226
228
|
var flattenComponents = function flattenComponents(components) {
|
|
227
229
|
var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
228
|
-
|
|
229
230
|
if (components === null) {
|
|
230
231
|
return null;
|
|
231
232
|
}
|
|
232
|
-
|
|
233
233
|
return Object.keys(components).reduce(function (newMap, key) {
|
|
234
234
|
return ReactIs__default["default"].isValidElementType(components[key]) ? _objectSpread__default["default"](_objectSpread__default["default"]({}, newMap), {}, _defineProperty__default["default"]({}, prefix !== null ? "".concat(prefix, ".").concat(key) : key, components[key])) : _objectSpread__default["default"](_objectSpread__default["default"]({}, newMap), flattenComponents(components[key], key));
|
|
235
235
|
}, {});
|
|
@@ -239,38 +239,30 @@ var getComponentFromName = function getComponentFromName() {
|
|
|
239
239
|
var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
240
240
|
var components = arguments.length > 1 ? arguments[1] : undefined;
|
|
241
241
|
var defaultComponent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
|
|
242
|
-
|
|
243
242
|
if (components === null || name === null) {
|
|
244
243
|
return defaultComponent;
|
|
245
244
|
}
|
|
246
|
-
|
|
247
245
|
var pascalName = changeCase.pascalCase(name);
|
|
248
246
|
var component = components[pascalName] || components[name] || defaultComponent;
|
|
249
|
-
|
|
250
247
|
if (!component) {
|
|
251
248
|
console.warn('Could not find component from name', name, pascalName, components);
|
|
252
249
|
}
|
|
253
|
-
|
|
254
250
|
return component;
|
|
255
251
|
};
|
|
256
252
|
|
|
253
|
+
new EventEmitter__default["default"]();
|
|
254
|
+
|
|
257
255
|
var ComponentsManager = /*#__PURE__*/function (_EventEmitter) {
|
|
258
256
|
_inherits__default["default"](ComponentsManager, _EventEmitter);
|
|
259
|
-
|
|
260
257
|
var _super = _createSuper__default["default"](ComponentsManager);
|
|
261
|
-
|
|
262
258
|
function ComponentsManager() {
|
|
263
259
|
var _this;
|
|
264
|
-
|
|
265
260
|
var components = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
266
|
-
|
|
267
261
|
_classCallCheck__default["default"](this, ComponentsManager);
|
|
268
|
-
|
|
269
262
|
_this = _super.call(this);
|
|
270
263
|
_this.components = flattenComponents(components);
|
|
271
264
|
return _this;
|
|
272
265
|
}
|
|
273
|
-
|
|
274
266
|
_createClass__default["default"](ComponentsManager, [{
|
|
275
267
|
key: "addComponent",
|
|
276
268
|
value: function addComponent(name, component) {
|
|
@@ -298,11 +290,9 @@ var ComponentsManager = /*#__PURE__*/function (_EventEmitter) {
|
|
|
298
290
|
key: "addNamespace",
|
|
299
291
|
value: function addNamespace(namespace) {
|
|
300
292
|
var _this2 = this;
|
|
301
|
-
|
|
302
293
|
if (namespace === null) {
|
|
303
294
|
return this;
|
|
304
295
|
}
|
|
305
|
-
|
|
306
296
|
this.components = Object.keys(this.components).reduce(function (componentsMap, name) {
|
|
307
297
|
return _objectSpread__default["default"](_objectSpread__default["default"]({}, componentsMap), {}, _defineProperty__default["default"]({}, "".concat(namespace, ".").concat(name), _this2.components[name]));
|
|
308
298
|
}, {});
|
|
@@ -319,7 +309,6 @@ var ComponentsManager = /*#__PURE__*/function (_EventEmitter) {
|
|
|
319
309
|
key: "getComponents",
|
|
320
310
|
value: function getComponents() {
|
|
321
311
|
var _this3 = this;
|
|
322
|
-
|
|
323
312
|
var namespace = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
324
313
|
return namespace !== null ? Object.keys(this.components || {}).reduce(function (componentsMap, name) {
|
|
325
314
|
var pattern = new RegExp("^".concat(namespace, "\\.(.*)$"));
|
|
@@ -334,27 +323,20 @@ var ComponentsManager = /*#__PURE__*/function (_EventEmitter) {
|
|
|
334
323
|
return this.components !== null && typeof this.components[namespace !== null ? "".concat(namespace, ".").concat(name) : name] !== 'undefined';
|
|
335
324
|
}
|
|
336
325
|
}]);
|
|
337
|
-
|
|
338
326
|
return ComponentsManager;
|
|
339
327
|
}(EventEmitter__default["default"]);
|
|
340
328
|
|
|
341
329
|
var DefinitionsManager = /*#__PURE__*/function (_EventEmitter) {
|
|
342
330
|
_inherits__default["default"](DefinitionsManager, _EventEmitter);
|
|
343
|
-
|
|
344
331
|
var _super = _createSuper__default["default"](DefinitionsManager);
|
|
345
|
-
|
|
346
332
|
function DefinitionsManager() {
|
|
347
333
|
var _this;
|
|
348
|
-
|
|
349
334
|
var definitions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
350
|
-
|
|
351
335
|
_classCallCheck__default["default"](this, DefinitionsManager);
|
|
352
|
-
|
|
353
336
|
_this = _super.call(this);
|
|
354
337
|
_this.definitions = definitions || [];
|
|
355
338
|
return _this;
|
|
356
339
|
}
|
|
357
|
-
|
|
358
340
|
_createClass__default["default"](DefinitionsManager, [{
|
|
359
341
|
key: "addDefinition",
|
|
360
342
|
value: function addDefinition(definition) {
|
|
@@ -381,7 +363,6 @@ var DefinitionsManager = /*#__PURE__*/function (_EventEmitter) {
|
|
|
381
363
|
if (id === null) {
|
|
382
364
|
return null;
|
|
383
365
|
}
|
|
384
|
-
|
|
385
366
|
return this.definitions.find(function (it) {
|
|
386
367
|
return it.id === id;
|
|
387
368
|
}) || null;
|
|
@@ -400,9 +381,8 @@ var DefinitionsManager = /*#__PURE__*/function (_EventEmitter) {
|
|
|
400
381
|
key: "getComponent",
|
|
401
382
|
value: function getComponent(id) {
|
|
402
383
|
var _ref = this.getDefinition(id) || {},
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
384
|
+
_ref$component = _ref.component,
|
|
385
|
+
component = _ref$component === void 0 ? null : _ref$component;
|
|
406
386
|
return component;
|
|
407
387
|
}
|
|
408
388
|
}, {
|
|
@@ -410,39 +390,32 @@ var DefinitionsManager = /*#__PURE__*/function (_EventEmitter) {
|
|
|
410
390
|
value: function getComponents() {
|
|
411
391
|
return this.definitions.reduce(function (allComponents, _ref2) {
|
|
412
392
|
var id = _ref2.id,
|
|
413
|
-
|
|
414
|
-
|
|
393
|
+
_ref2$component = _ref2.component,
|
|
394
|
+
component = _ref2$component === void 0 ? null : _ref2$component;
|
|
415
395
|
return component !== null ? _objectSpread__default["default"](_objectSpread__default["default"]({}, allComponents), {}, _defineProperty__default["default"]({}, id, component)) : allComponents;
|
|
416
396
|
}, {});
|
|
417
397
|
}
|
|
418
398
|
}]);
|
|
419
|
-
|
|
420
399
|
return DefinitionsManager;
|
|
421
400
|
}(EventEmitter__default["default"]);
|
|
422
401
|
|
|
423
402
|
var EventsManager = /*#__PURE__*/function (_EventEmitter) {
|
|
424
403
|
_inherits__default["default"](EventsManager, _EventEmitter);
|
|
425
|
-
|
|
426
404
|
var _super = _createSuper__default["default"](EventsManager);
|
|
427
|
-
|
|
428
405
|
function EventsManager(element) {
|
|
429
406
|
var _this;
|
|
430
|
-
|
|
431
407
|
_classCallCheck__default["default"](this, EventsManager);
|
|
432
|
-
|
|
433
408
|
_this = _super.call(this);
|
|
434
409
|
_this.element = element;
|
|
435
410
|
_this.events = {};
|
|
436
411
|
_this.listeners = {};
|
|
437
412
|
return _this;
|
|
438
413
|
}
|
|
439
|
-
|
|
440
414
|
_createClass__default["default"](EventsManager, [{
|
|
441
415
|
key: "subscribe",
|
|
442
416
|
value: function subscribe(event, callback) {
|
|
443
417
|
this.on(event, callback);
|
|
444
418
|
this.events = _objectSpread__default["default"](_objectSpread__default["default"]({}, this.events), {}, _defineProperty__default["default"]({}, event, [].concat(_toConsumableArray__default["default"](this.events[event] || []), [callback])));
|
|
445
|
-
|
|
446
419
|
if (this.events[event].length === 1) {
|
|
447
420
|
this.addEventListener(event);
|
|
448
421
|
}
|
|
@@ -451,20 +424,16 @@ var EventsManager = /*#__PURE__*/function (_EventEmitter) {
|
|
|
451
424
|
key: "unsubscribe",
|
|
452
425
|
value: function unsubscribe(event, callback) {
|
|
453
426
|
var _this2 = this;
|
|
454
|
-
|
|
455
427
|
this.off(event, callback);
|
|
456
428
|
this.events = Object.keys(this.events).reduce(function (newEvents, eventName) {
|
|
457
429
|
if (eventName !== event) {
|
|
458
430
|
return _objectSpread__default["default"](_objectSpread__default["default"]({}, newEvents), {}, _defineProperty__default["default"]({}, eventName, _this2.events[eventName]));
|
|
459
431
|
}
|
|
460
|
-
|
|
461
432
|
var newListeners = _this2.events[eventName].filter(function (listener) {
|
|
462
433
|
return listener !== callback;
|
|
463
434
|
});
|
|
464
|
-
|
|
465
435
|
return newListeners.length > 0 ? _objectSpread__default["default"](_objectSpread__default["default"]({}, newEvents), {}, _defineProperty__default["default"]({}, eventName, newListeners)) : newEvents;
|
|
466
436
|
}, {});
|
|
467
|
-
|
|
468
437
|
if (typeof this.events[event] === 'undefined') {
|
|
469
438
|
this.removeEventListener(event);
|
|
470
439
|
}
|
|
@@ -473,17 +442,14 @@ var EventsManager = /*#__PURE__*/function (_EventEmitter) {
|
|
|
473
442
|
key: "addEventListener",
|
|
474
443
|
value: function addEventListener(event) {
|
|
475
444
|
var _this3 = this;
|
|
476
|
-
|
|
477
445
|
if (typeof this.listeners[event] === 'undefined') {
|
|
478
446
|
this.listeners[event] = function () {
|
|
479
447
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
480
448
|
args[_key] = arguments[_key];
|
|
481
449
|
}
|
|
482
|
-
|
|
483
450
|
return _this3.emit.apply(_this3, [event].concat(args));
|
|
484
451
|
};
|
|
485
452
|
}
|
|
486
|
-
|
|
487
453
|
this.element.addEventListener(event, this.listeners[event]);
|
|
488
454
|
}
|
|
489
455
|
}, {
|
|
@@ -492,79 +458,65 @@ var EventsManager = /*#__PURE__*/function (_EventEmitter) {
|
|
|
492
458
|
this.element.removeEventListener(event, this.listeners[event]);
|
|
493
459
|
}
|
|
494
460
|
}]);
|
|
495
|
-
|
|
496
461
|
return EventsManager;
|
|
497
462
|
}(EventEmitter__default["default"]);
|
|
498
463
|
|
|
499
464
|
var FieldsManager$1 = /*#__PURE__*/function (_DefinitionsManager) {
|
|
500
465
|
_inherits__default["default"](FieldsManager, _DefinitionsManager);
|
|
501
|
-
|
|
502
466
|
var _super = _createSuper__default["default"](FieldsManager);
|
|
503
|
-
|
|
504
467
|
function FieldsManager() {
|
|
505
468
|
_classCallCheck__default["default"](this, FieldsManager);
|
|
506
|
-
|
|
507
469
|
return _super.apply(this, arguments);
|
|
508
470
|
}
|
|
509
|
-
|
|
510
471
|
return _createClass__default["default"](FieldsManager);
|
|
511
472
|
}(DefinitionsManager);
|
|
512
473
|
|
|
513
474
|
var _excluded$2 = ["fonts"];
|
|
514
|
-
|
|
515
475
|
var FontsParser = /*#__PURE__*/function () {
|
|
516
476
|
function FontsParser(_ref) {
|
|
517
477
|
var fieldsManager = _ref.fieldsManager,
|
|
518
|
-
|
|
519
|
-
|
|
478
|
+
screensManager = _ref.screensManager;
|
|
520
479
|
_classCallCheck__default["default"](this, FontsParser);
|
|
521
|
-
|
|
522
480
|
this.fieldsManager = fieldsManager;
|
|
523
481
|
this.screensManager = screensManager;
|
|
524
|
-
}
|
|
525
|
-
|
|
482
|
+
}
|
|
526
483
|
|
|
484
|
+
// Extract fonts
|
|
527
485
|
_createClass__default["default"](FontsParser, [{
|
|
528
486
|
key: "parse",
|
|
529
487
|
value: function parse(story) {
|
|
530
488
|
var _this = this;
|
|
531
|
-
|
|
532
489
|
if (story === null) {
|
|
533
490
|
return story;
|
|
534
|
-
}
|
|
535
|
-
|
|
491
|
+
}
|
|
536
492
|
|
|
493
|
+
// Extract fonts from screen
|
|
537
494
|
var _ref2 = story || {},
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
495
|
+
_ref2$theme = _ref2.theme,
|
|
496
|
+
theme = _ref2$theme === void 0 ? null : _ref2$theme,
|
|
497
|
+
_ref2$components = _ref2.components,
|
|
498
|
+
components = _ref2$components === void 0 ? [] : _ref2$components;
|
|
543
499
|
var fonts = uniq__default["default"](components.reduce(function (currentFonts, screen) {
|
|
544
500
|
var type = screen.type;
|
|
545
|
-
|
|
546
501
|
var _ref3 = _this.screensManager.getDefinition(type) || {},
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
|
|
502
|
+
_ref3$fields = _ref3.fields,
|
|
503
|
+
fields = _ref3$fields === void 0 ? [] : _ref3$fields;
|
|
550
504
|
var fieldsPattern = _this.getFieldsPattern(fields);
|
|
551
|
-
|
|
552
505
|
var newFonts = FontsParser.extractFontsWithPaths(screen, fieldsPattern);
|
|
553
506
|
return newFonts.length > 0 ? [].concat(_toConsumableArray__default["default"](currentFonts), _toConsumableArray__default["default"](newFonts)) : currentFonts;
|
|
554
|
-
}, []), 'name');
|
|
507
|
+
}, []), 'name');
|
|
555
508
|
|
|
509
|
+
// Extract fonts from theme
|
|
556
510
|
if (theme !== null) {
|
|
557
511
|
var _this$parse = this.parse(theme),
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
512
|
+
_this$parse$fonts = _this$parse.fonts,
|
|
513
|
+
themeFonts = _this$parse$fonts === void 0 ? [] : _this$parse$fonts,
|
|
514
|
+
newTheme = _objectWithoutProperties__default["default"](_this$parse, _excluded$2);
|
|
562
515
|
return fonts.length > 0 || themeFonts.length > 0 ? _objectSpread__default["default"](_objectSpread__default["default"]({}, story), {}, {
|
|
563
516
|
theme: newTheme,
|
|
564
517
|
fonts: uniq__default["default"]([].concat(_toConsumableArray__default["default"](themeFonts), _toConsumableArray__default["default"](fonts)), 'name')
|
|
565
518
|
}) : story;
|
|
566
519
|
}
|
|
567
|
-
|
|
568
520
|
return fonts.length > 0 ? _objectSpread__default["default"](_objectSpread__default["default"]({}, story), {}, {
|
|
569
521
|
fonts: fonts
|
|
570
522
|
}) : story;
|
|
@@ -573,26 +525,24 @@ var FontsParser = /*#__PURE__*/function () {
|
|
|
573
525
|
key: "getFieldsPattern",
|
|
574
526
|
value: function getFieldsPattern(fields) {
|
|
575
527
|
var _this2 = this;
|
|
576
|
-
|
|
577
528
|
var namePrefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
578
529
|
return fields.reduce(function (patterns, field) {
|
|
579
530
|
var _field$name = field.name,
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
531
|
+
name = _field$name === void 0 ? null : _field$name,
|
|
532
|
+
_field$type = field.type,
|
|
533
|
+
type = _field$type === void 0 ? null : _field$type;
|
|
583
534
|
var path = [namePrefix, name].filter(function (it) {
|
|
584
535
|
return it !== null;
|
|
585
536
|
}).join('\\.');
|
|
537
|
+
var fieldDefinition = _objectSpread__default["default"](_objectSpread__default["default"]({}, type !== null ? _this2.fieldsManager.getDefinition(type) : null), field);
|
|
586
538
|
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
539
|
+
// also check settings fields
|
|
590
540
|
var _fieldDefinition$fiel = fieldDefinition.fields,
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
|
|
541
|
+
subFields = _fieldDefinition$fiel === void 0 ? [] : _fieldDefinition$fiel,
|
|
542
|
+
_fieldDefinition$item = fieldDefinition.itemsField,
|
|
543
|
+
itemsField = _fieldDefinition$item === void 0 ? null : _fieldDefinition$item,
|
|
544
|
+
_fieldDefinition$sett = fieldDefinition.settings,
|
|
545
|
+
settings = _fieldDefinition$sett === void 0 ? [] : _fieldDefinition$sett;
|
|
596
546
|
return [].concat(_toConsumableArray__default["default"](patterns), _toConsumableArray__default["default"](FontsParser.fieldIsFontFamily(fieldDefinition) ? [new RegExp("^".concat(path, "$"))] : []), _toConsumableArray__default["default"](_this2.getFieldsPattern(subFields, path)), _toConsumableArray__default["default"](_this2.getFieldsPattern(settings, path)), _toConsumableArray__default["default"](itemsField !== null ? _this2.getFieldsPattern([itemsField], "".concat(path, "\\.[0-9]+")) : []));
|
|
597
547
|
}, []);
|
|
598
548
|
}
|
|
@@ -600,14 +550,14 @@ var FontsParser = /*#__PURE__*/function () {
|
|
|
600
550
|
key: "fieldIsFontFamily",
|
|
601
551
|
value: function fieldIsFontFamily(_ref4) {
|
|
602
552
|
var _ref4$id = _ref4.id,
|
|
603
|
-
|
|
553
|
+
id = _ref4$id === void 0 ? null : _ref4$id;
|
|
604
554
|
return id === 'font-family';
|
|
605
555
|
}
|
|
606
556
|
}, {
|
|
607
557
|
key: "valueIsFont",
|
|
608
558
|
value: function valueIsFont(_ref5) {
|
|
609
559
|
var _ref5$type = _ref5.type,
|
|
610
|
-
|
|
560
|
+
type = _ref5$type === void 0 ? null : _ref5$type;
|
|
611
561
|
return type === 'custom' || type === 'google';
|
|
612
562
|
}
|
|
613
563
|
}, {
|
|
@@ -626,144 +576,119 @@ var FontsParser = /*#__PURE__*/function () {
|
|
|
626
576
|
var value = data[key];
|
|
627
577
|
var font = null;
|
|
628
578
|
var subFonts = null;
|
|
629
|
-
|
|
630
579
|
if (patternMatch && isObject__default["default"](value) && FontsParser.valueIsFont(value)) {
|
|
631
580
|
font = value;
|
|
632
581
|
} else if (isObject__default["default"](value) || isArray__default["default"](value)) {
|
|
633
582
|
subFonts = FontsParser.extractFontsWithPaths(value, patterns, path);
|
|
634
583
|
}
|
|
635
|
-
|
|
636
584
|
return subFonts !== null || font !== null ? [].concat(_toConsumableArray__default["default"](currentFonts), _toConsumableArray__default["default"](subFonts || []), _toConsumableArray__default["default"](font !== null ? [font] : [])) : currentFonts;
|
|
637
585
|
}, []);
|
|
638
586
|
}
|
|
639
587
|
}]);
|
|
640
|
-
|
|
641
588
|
return FontsParser;
|
|
642
589
|
}();
|
|
643
590
|
|
|
644
591
|
var FieldsManager = /*#__PURE__*/function (_ComponentsManager) {
|
|
645
592
|
_inherits__default["default"](FieldsManager, _ComponentsManager);
|
|
646
|
-
|
|
647
593
|
var _super = _createSuper__default["default"](FieldsManager);
|
|
648
|
-
|
|
649
594
|
function FieldsManager() {
|
|
650
595
|
_classCallCheck__default["default"](this, FieldsManager);
|
|
651
|
-
|
|
652
596
|
return _super.apply(this, arguments);
|
|
653
597
|
}
|
|
654
|
-
|
|
655
598
|
return _createClass__default["default"](FieldsManager);
|
|
656
599
|
}(ComponentsManager);
|
|
657
600
|
|
|
658
601
|
var _excluded$1 = ["medias"];
|
|
659
|
-
|
|
660
602
|
var MediasParser = /*#__PURE__*/function () {
|
|
661
603
|
function MediasParser(_ref) {
|
|
662
604
|
var fieldsManager = _ref.fieldsManager,
|
|
663
|
-
|
|
664
|
-
|
|
605
|
+
screensManager = _ref.screensManager;
|
|
665
606
|
_classCallCheck__default["default"](this, MediasParser);
|
|
666
|
-
|
|
667
607
|
this.fieldsManager = fieldsManager;
|
|
668
608
|
this.screensManager = screensManager;
|
|
669
|
-
}
|
|
670
|
-
|
|
609
|
+
}
|
|
671
610
|
|
|
611
|
+
// Convert medias object to path
|
|
672
612
|
_createClass__default["default"](MediasParser, [{
|
|
673
613
|
key: "toPath",
|
|
674
614
|
value: function toPath(story) {
|
|
675
615
|
var _this = this;
|
|
676
|
-
|
|
677
616
|
if (story === null) {
|
|
678
617
|
return story;
|
|
679
618
|
}
|
|
680
|
-
|
|
681
619
|
var _ref2 = story || {},
|
|
682
|
-
|
|
683
|
-
|
|
684
|
-
|
|
685
|
-
|
|
686
|
-
|
|
620
|
+
_ref2$theme = _ref2.theme,
|
|
621
|
+
theme = _ref2$theme === void 0 ? null : _ref2$theme,
|
|
622
|
+
_ref2$components = _ref2.components,
|
|
623
|
+
components = _ref2$components === void 0 ? [] : _ref2$components;
|
|
687
624
|
var _components$reduce = components.reduce(function (_ref3, screen) {
|
|
688
|
-
|
|
625
|
+
var previousComponents = _ref3.components,
|
|
689
626
|
currentMedias = _ref3.medias;
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
var _ref4 = _this.screensManager.getDefinition(type) || {},
|
|
627
|
+
var type = screen.type;
|
|
628
|
+
var _ref4 = _this.screensManager.getDefinition(type) || {},
|
|
693
629
|
_ref4$fields = _ref4.fields,
|
|
694
630
|
fields = _ref4$fields === void 0 ? [] : _ref4$fields;
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
var _MediasParser$replace = MediasParser.replaceMediasWithPaths(screen, fieldsPattern),
|
|
631
|
+
var fieldsPattern = _this.getMediaFieldsPattern(fields);
|
|
632
|
+
var _MediasParser$replace = MediasParser.replaceMediasWithPaths(screen, fieldsPattern),
|
|
699
633
|
newScreen = _MediasParser$replace.data,
|
|
700
634
|
newMedias = _MediasParser$replace.medias;
|
|
701
|
-
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
}
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
medias = _components$reduce.medias;
|
|
712
|
-
|
|
635
|
+
return {
|
|
636
|
+
components: [].concat(_toConsumableArray__default["default"](previousComponents), [newScreen]),
|
|
637
|
+
medias: _objectSpread__default["default"](_objectSpread__default["default"]({}, currentMedias), newMedias)
|
|
638
|
+
};
|
|
639
|
+
}, {
|
|
640
|
+
components: [],
|
|
641
|
+
medias: null
|
|
642
|
+
}),
|
|
643
|
+
newComponents = _components$reduce.components,
|
|
644
|
+
medias = _components$reduce.medias;
|
|
713
645
|
if (theme !== null) {
|
|
714
646
|
var _this$toPath = this.toPath(theme),
|
|
715
|
-
|
|
716
|
-
|
|
717
|
-
|
|
647
|
+
themeMedias = _this$toPath.medias,
|
|
648
|
+
newTheme = _objectWithoutProperties__default["default"](_this$toPath, _excluded$1);
|
|
718
649
|
return medias !== null || themeMedias !== null ? _objectSpread__default["default"](_objectSpread__default["default"]({}, story), {}, {
|
|
719
650
|
theme: newTheme,
|
|
720
651
|
components: newComponents,
|
|
721
652
|
medias: _objectSpread__default["default"](_objectSpread__default["default"]({}, themeMedias), medias)
|
|
722
653
|
}) : story;
|
|
723
654
|
}
|
|
724
|
-
|
|
725
655
|
return medias !== null ? _objectSpread__default["default"](_objectSpread__default["default"]({}, story), {}, {
|
|
726
656
|
components: newComponents,
|
|
727
657
|
medias: medias
|
|
728
658
|
}) : story;
|
|
729
|
-
}
|
|
659
|
+
}
|
|
730
660
|
|
|
661
|
+
// Convert path to medias object
|
|
731
662
|
}, {
|
|
732
663
|
key: "fromPath",
|
|
733
664
|
value: function fromPath(story) {
|
|
734
665
|
var _this2 = this;
|
|
735
|
-
|
|
736
666
|
var defaultMedias = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
737
|
-
|
|
738
667
|
if (story === null) {
|
|
739
668
|
return story;
|
|
740
669
|
}
|
|
741
|
-
|
|
742
670
|
var _ref5 = story || {},
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
|
|
749
|
-
|
|
671
|
+
_ref5$theme = _ref5.theme,
|
|
672
|
+
theme = _ref5$theme === void 0 ? null : _ref5$theme,
|
|
673
|
+
_ref5$components = _ref5.components,
|
|
674
|
+
components = _ref5$components === void 0 ? [] : _ref5$components,
|
|
675
|
+
_ref5$medias = _ref5.medias,
|
|
676
|
+
medias = _ref5$medias === void 0 ? defaultMedias : _ref5$medias;
|
|
750
677
|
if (medias === null && theme === null) {
|
|
751
678
|
return story;
|
|
752
|
-
}
|
|
753
|
-
|
|
679
|
+
}
|
|
754
680
|
|
|
681
|
+
// Replace path with medias objects
|
|
755
682
|
var newComponents = medias !== null ? components.map(function (screen) {
|
|
756
683
|
var type = screen.type;
|
|
757
|
-
|
|
758
684
|
var _ref6 = _this2.screensManager.getDefinition(type) || {},
|
|
759
|
-
|
|
760
|
-
|
|
761
|
-
|
|
685
|
+
_ref6$fields = _ref6.fields,
|
|
686
|
+
fields = _ref6$fields === void 0 ? [] : _ref6$fields;
|
|
762
687
|
var fieldsPattern = _this2.getMediaFieldsPattern(fields);
|
|
763
|
-
|
|
764
688
|
return MediasParser.replacePathsWithMedias(screen, medias, fieldsPattern);
|
|
765
|
-
}) : components;
|
|
689
|
+
}) : components;
|
|
766
690
|
|
|
691
|
+
// Replace path with medias object in theme
|
|
767
692
|
if (theme !== null) {
|
|
768
693
|
var newTheme = this.fromPath(theme, medias);
|
|
769
694
|
return newTheme !== theme || newComponents !== components ? _objectSpread__default["default"](_objectSpread__default["default"]({}, story), {}, {
|
|
@@ -771,7 +696,6 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
771
696
|
components: newComponents
|
|
772
697
|
}) : story;
|
|
773
698
|
}
|
|
774
|
-
|
|
775
699
|
return newComponents !== components ? _objectSpread__default["default"](_objectSpread__default["default"]({}, story), {}, {
|
|
776
700
|
components: newComponents
|
|
777
701
|
}) : story;
|
|
@@ -780,26 +704,24 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
780
704
|
key: "getMediaFieldsPattern",
|
|
781
705
|
value: function getMediaFieldsPattern(fields) {
|
|
782
706
|
var _this3 = this;
|
|
783
|
-
|
|
784
707
|
var namePrefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
785
708
|
return fields.reduce(function (patterns, field) {
|
|
786
709
|
var _field$name = field.name,
|
|
787
|
-
|
|
788
|
-
|
|
789
|
-
|
|
710
|
+
name = _field$name === void 0 ? null : _field$name,
|
|
711
|
+
_field$type = field.type,
|
|
712
|
+
type = _field$type === void 0 ? null : _field$type;
|
|
790
713
|
var path = [namePrefix, name].filter(function (it) {
|
|
791
714
|
return it !== null;
|
|
792
715
|
}).join('\\.');
|
|
716
|
+
var fieldDefinition = _objectSpread__default["default"](_objectSpread__default["default"]({}, type !== null ? _this3.fieldsManager.getDefinition(type) : null), field);
|
|
793
717
|
|
|
794
|
-
|
|
795
|
-
|
|
796
|
-
|
|
718
|
+
// also check settings fields
|
|
797
719
|
var _fieldDefinition$fiel = fieldDefinition.fields,
|
|
798
|
-
|
|
799
|
-
|
|
800
|
-
|
|
801
|
-
|
|
802
|
-
|
|
720
|
+
subFields = _fieldDefinition$fiel === void 0 ? [] : _fieldDefinition$fiel,
|
|
721
|
+
_fieldDefinition$item = fieldDefinition.itemsField,
|
|
722
|
+
itemsField = _fieldDefinition$item === void 0 ? null : _fieldDefinition$item,
|
|
723
|
+
_fieldDefinition$sett = fieldDefinition.settings,
|
|
724
|
+
settings = _fieldDefinition$sett === void 0 ? [] : _fieldDefinition$sett;
|
|
803
725
|
return [].concat(_toConsumableArray__default["default"](patterns), _toConsumableArray__default["default"](MediasParser.fieldIsMedia(fieldDefinition) ? [new RegExp("^".concat(path, "$"))] : []), _toConsumableArray__default["default"](MediasParser.fieldIsFontFamily(fieldDefinition) ? [new RegExp("^".concat(path, "\\.media$"))] : []), _toConsumableArray__default["default"](_this3.getMediaFieldsPattern(subFields, path)), _toConsumableArray__default["default"](_this3.getMediaFieldsPattern(settings, path)), _toConsumableArray__default["default"](itemsField !== null ? _this3.getMediaFieldsPattern([itemsField], "".concat(path, "\\.[0-9]+")) : []));
|
|
804
726
|
}, []);
|
|
805
727
|
}
|
|
@@ -807,14 +729,14 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
807
729
|
key: "fieldIsMedia",
|
|
808
730
|
value: function fieldIsMedia(_ref7) {
|
|
809
731
|
var _ref7$media = _ref7.media,
|
|
810
|
-
|
|
732
|
+
media = _ref7$media === void 0 ? false : _ref7$media;
|
|
811
733
|
return media;
|
|
812
734
|
}
|
|
813
735
|
}, {
|
|
814
736
|
key: "fieldIsFontFamily",
|
|
815
737
|
value: function fieldIsFontFamily(_ref8) {
|
|
816
738
|
var _ref8$id = _ref8.id,
|
|
817
|
-
|
|
739
|
+
id = _ref8$id === void 0 ? null : _ref8$id;
|
|
818
740
|
return id === 'font-family';
|
|
819
741
|
}
|
|
820
742
|
}, {
|
|
@@ -832,13 +754,11 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
832
754
|
}, false);
|
|
833
755
|
var value = data[key];
|
|
834
756
|
var newValue;
|
|
835
|
-
|
|
836
757
|
if (patternMatch) {
|
|
837
758
|
newValue = isObject__default["default"](value) ? value : medias[value] || null;
|
|
838
759
|
} else {
|
|
839
760
|
newValue = isObject__default["default"](value) || isArray__default["default"](value) ? MediasParser.replacePathsWithMedias(value, medias, patterns, path) : value;
|
|
840
761
|
}
|
|
841
|
-
|
|
842
762
|
return dataIsArray ? [].concat(_toConsumableArray__default["default"](newData), [newValue]) : _objectSpread__default["default"](_objectSpread__default["default"]({}, newData), {}, _defineProperty__default["default"]({}, key, newValue));
|
|
843
763
|
}, dataIsArray ? [] : {});
|
|
844
764
|
}
|
|
@@ -846,7 +766,7 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
846
766
|
key: "getMediaPath",
|
|
847
767
|
value: function getMediaPath(_ref9) {
|
|
848
768
|
var _ref9$id = _ref9.id,
|
|
849
|
-
|
|
769
|
+
id = _ref9$id === void 0 ? null : _ref9$id;
|
|
850
770
|
return id !== null ? "media://".concat(id) : null;
|
|
851
771
|
}
|
|
852
772
|
}, {
|
|
@@ -858,7 +778,7 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
858
778
|
var keys = dataIsArray ? _toConsumableArray__default["default"](data.keys()) : Object.keys(data);
|
|
859
779
|
return keys.reduce(function (_ref10, key) {
|
|
860
780
|
var currentData = _ref10.data,
|
|
861
|
-
|
|
781
|
+
currentMedias = _ref10.medias;
|
|
862
782
|
var path = [keyPrefix, key].filter(function (it) {
|
|
863
783
|
return it !== null;
|
|
864
784
|
}).join('.');
|
|
@@ -869,7 +789,6 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
869
789
|
var newValue;
|
|
870
790
|
var media = null;
|
|
871
791
|
var subMedias = null;
|
|
872
|
-
|
|
873
792
|
if (patternMatch && isObject__default["default"](value)) {
|
|
874
793
|
var mediaPath = MediasParser.getMediaPath(value);
|
|
875
794
|
newValue = mediaPath !== null ? mediaPath : value;
|
|
@@ -881,7 +800,6 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
881
800
|
} else {
|
|
882
801
|
newValue = value;
|
|
883
802
|
}
|
|
884
|
-
|
|
885
803
|
return {
|
|
886
804
|
data: dataIsArray ? [].concat(_toConsumableArray__default["default"](currentData || []), [newValue]) : _objectSpread__default["default"](_objectSpread__default["default"]({}, currentData), {}, _defineProperty__default["default"]({}, key, newValue)),
|
|
887
805
|
medias: media !== null ? _objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"]({}, currentMedias), subMedias), {}, _defineProperty__default["default"]({}, newValue, media)) : _objectSpread__default["default"](_objectSpread__default["default"]({}, currentMedias), subMedias)
|
|
@@ -892,42 +810,31 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
892
810
|
});
|
|
893
811
|
}
|
|
894
812
|
}]);
|
|
895
|
-
|
|
896
813
|
return MediasParser;
|
|
897
814
|
}();
|
|
898
815
|
|
|
899
816
|
var _excluded = ["value"],
|
|
900
|
-
|
|
901
|
-
|
|
817
|
+
_excluded2 = ["value"];
|
|
902
818
|
var Tracking = /*#__PURE__*/function (_BaseTracking) {
|
|
903
819
|
_inherits__default["default"](Tracking, _BaseTracking);
|
|
904
|
-
|
|
905
820
|
var _super = _createSuper__default["default"](Tracking);
|
|
906
|
-
|
|
907
821
|
function Tracking() {
|
|
908
822
|
var _this;
|
|
909
|
-
|
|
910
823
|
var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
911
|
-
|
|
912
824
|
_classCallCheck__default["default"](this, Tracking);
|
|
913
|
-
|
|
914
825
|
_this = _super.call(this, opts);
|
|
915
826
|
var _this$options$variabl = _this.options.variables,
|
|
916
|
-
|
|
827
|
+
variables = _this$options$variabl === void 0 ? null : _this$options$variabl;
|
|
917
828
|
_this.variables = null;
|
|
918
|
-
|
|
919
829
|
if (variables !== null) {
|
|
920
830
|
_this.setVariables(variables);
|
|
921
831
|
}
|
|
922
|
-
|
|
923
832
|
return _this;
|
|
924
833
|
}
|
|
925
|
-
|
|
926
834
|
_createClass__default["default"](Tracking, [{
|
|
927
835
|
key: "setVariables",
|
|
928
836
|
value: function setVariables(variables) {
|
|
929
837
|
this.variables = variables;
|
|
930
|
-
|
|
931
838
|
if (variables !== null) {
|
|
932
839
|
this.push(variables);
|
|
933
840
|
}
|
|
@@ -941,11 +848,10 @@ var Tracking = /*#__PURE__*/function (_BaseTracking) {
|
|
|
941
848
|
key: "trackScreenView",
|
|
942
849
|
value: function trackScreenView(screen, screenIndex) {
|
|
943
850
|
var _ref = screen || {},
|
|
944
|
-
|
|
945
|
-
|
|
946
|
-
|
|
947
|
-
|
|
948
|
-
|
|
851
|
+
_ref$id = _ref.id,
|
|
852
|
+
screenId = _ref$id === void 0 ? null : _ref$id,
|
|
853
|
+
_ref$type = _ref.type,
|
|
854
|
+
screenType = _ref$type === void 0 ? null : _ref$type;
|
|
949
855
|
var data = {
|
|
950
856
|
event: 'screenView',
|
|
951
857
|
screenId: screenId,
|
|
@@ -958,10 +864,9 @@ var Tracking = /*#__PURE__*/function (_BaseTracking) {
|
|
|
958
864
|
key: "trackEvent",
|
|
959
865
|
value: function trackEvent(category, action, label) {
|
|
960
866
|
var _ref2 = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {},
|
|
961
|
-
|
|
962
|
-
|
|
963
|
-
|
|
964
|
-
|
|
867
|
+
_ref2$value = _ref2.value,
|
|
868
|
+
value = _ref2$value === void 0 ? null : _ref2$value,
|
|
869
|
+
opts = _objectWithoutProperties__default["default"](_ref2, _excluded);
|
|
965
870
|
var data = _objectSpread__default["default"](_objectSpread__default["default"]({}, opts), {}, {
|
|
966
871
|
event: 'eventInteraction',
|
|
967
872
|
eventCategory: category,
|
|
@@ -969,29 +874,25 @@ var Tracking = /*#__PURE__*/function (_BaseTracking) {
|
|
|
969
874
|
eventLabel: label,
|
|
970
875
|
eventValue: value
|
|
971
876
|
});
|
|
972
|
-
|
|
973
877
|
this.push(data);
|
|
974
878
|
}
|
|
975
879
|
}, {
|
|
976
880
|
key: "trackMedia",
|
|
977
881
|
value: function trackMedia(type, media, action) {
|
|
978
882
|
var _ref3 = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {},
|
|
979
|
-
|
|
980
|
-
|
|
981
|
-
|
|
982
|
-
|
|
883
|
+
_ref3$value = _ref3.value,
|
|
884
|
+
value = _ref3$value === void 0 ? null : _ref3$value,
|
|
885
|
+
opts = _objectWithoutProperties__default["default"](_ref3, _excluded2);
|
|
983
886
|
var _ref4 = media || {},
|
|
984
|
-
|
|
985
|
-
|
|
986
|
-
|
|
987
|
-
|
|
988
|
-
|
|
989
|
-
|
|
990
|
-
|
|
991
|
-
|
|
992
|
-
|
|
887
|
+
_ref4$id = _ref4.id,
|
|
888
|
+
mediaId = _ref4$id === void 0 ? null : _ref4$id,
|
|
889
|
+
_ref4$name = _ref4.name,
|
|
890
|
+
name = _ref4$name === void 0 ? null : _ref4$name,
|
|
891
|
+
_ref4$duration = _ref4.duration,
|
|
892
|
+
duration = _ref4$duration === void 0 ? null : _ref4$duration,
|
|
893
|
+
_ref4$currentTime = _ref4.currentTime,
|
|
894
|
+
currentTime = _ref4$currentTime === void 0 ? null : _ref4$currentTime;
|
|
993
895
|
var label = name;
|
|
994
|
-
|
|
995
896
|
var data = _objectSpread__default["default"](_objectSpread__default["default"]({}, opts), {}, {
|
|
996
897
|
event: 'eventInteraction',
|
|
997
898
|
eventCategory: type,
|
|
@@ -1002,11 +903,9 @@ var Tracking = /*#__PURE__*/function (_BaseTracking) {
|
|
|
1002
903
|
mediaCurrentTime: currentTime !== null ? Math.round(currentTime) : null,
|
|
1003
904
|
mediaProgress: currentTime !== null && duration !== null && duration > 0 ? Math.round(currentTime / duration * 100) : null
|
|
1004
905
|
});
|
|
1005
|
-
|
|
1006
906
|
this.push(data);
|
|
1007
907
|
}
|
|
1008
908
|
}]);
|
|
1009
|
-
|
|
1010
909
|
return Tracking;
|
|
1011
910
|
}(tracking.Tracking);
|
|
1012
911
|
|