@panneau/core 3.0.118 → 3.0.126
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/index.js +37 -39
- package/lib/contexts.js +580 -271
- package/lib/hooks.js +55 -88
- package/lib/index.js +277 -233
- package/lib/utils.js +129 -66
- package/package.json +8 -8
package/lib/index.js
CHANGED
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
|
|
6
4
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
7
5
|
var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
|
|
8
6
|
var _createClass = require('@babel/runtime/helpers/createClass');
|
|
9
|
-
var
|
|
7
|
+
var tslib = require('tslib');
|
|
10
8
|
var ReactIs = require('react-is');
|
|
11
9
|
var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
|
|
12
10
|
var isArray = require('lodash/isArray');
|
|
@@ -20,235 +18,282 @@ var uniq = require('lodash/uniq');
|
|
|
20
18
|
var tracking = require('@folklore/tracking');
|
|
21
19
|
var PropTypes$1 = require('prop-types');
|
|
22
20
|
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
27
|
-
var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
|
|
28
|
-
var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
|
|
29
|
-
var ReactIs__default = /*#__PURE__*/_interopDefaultLegacy(ReactIs);
|
|
30
|
-
var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
|
|
31
|
-
var isArray__default = /*#__PURE__*/_interopDefaultLegacy(isArray);
|
|
32
|
-
var uniqBy__default = /*#__PURE__*/_interopDefaultLegacy(uniqBy);
|
|
33
|
-
var _callSuper__default = /*#__PURE__*/_interopDefaultLegacy(_callSuper);
|
|
34
|
-
var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
|
|
35
|
-
var EventEmitter__default = /*#__PURE__*/_interopDefaultLegacy(EventEmitter);
|
|
36
|
-
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
37
|
-
var isObject__default = /*#__PURE__*/_interopDefaultLegacy(isObject);
|
|
38
|
-
var uniq__default = /*#__PURE__*/_interopDefaultLegacy(uniq);
|
|
39
|
-
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes$1);
|
|
40
|
-
|
|
41
|
-
var message = PropTypes__default["default"].shape({
|
|
42
|
-
id: PropTypes__default["default"].string.isRequired,
|
|
43
|
-
defaultMessage: PropTypes__default["default"].string
|
|
21
|
+
var message = PropTypes$1.shape({
|
|
22
|
+
id: PropTypes$1.string.isRequired,
|
|
23
|
+
defaultMessage: PropTypes$1.string
|
|
44
24
|
});
|
|
45
|
-
var label =
|
|
46
|
-
var statusCode =
|
|
25
|
+
var label = PropTypes$1.oneOfType([message, PropTypes$1.node]);
|
|
26
|
+
var statusCode = PropTypes$1.oneOfType([PropTypes$1.number, PropTypes$1.string]);
|
|
47
27
|
|
|
48
28
|
/**
|
|
49
29
|
* Core
|
|
50
30
|
*/
|
|
51
|
-
var menuItem =
|
|
52
|
-
id:
|
|
31
|
+
var menuItem = PropTypes$1.shape({
|
|
32
|
+
id: PropTypes$1.oneOfType([PropTypes$1.number, PropTypes$1.string]),
|
|
53
33
|
label: label,
|
|
54
|
-
url:
|
|
55
|
-
external:
|
|
56
|
-
active:
|
|
34
|
+
url: PropTypes$1.string,
|
|
35
|
+
external: PropTypes$1.bool,
|
|
36
|
+
active: PropTypes$1.bool
|
|
57
37
|
});
|
|
58
|
-
var menuItems =
|
|
59
|
-
var button =
|
|
60
|
-
id:
|
|
38
|
+
var menuItems = PropTypes$1.arrayOf(menuItem);
|
|
39
|
+
var button = PropTypes$1.shape({
|
|
40
|
+
id: PropTypes$1.string,
|
|
61
41
|
label: label,
|
|
62
|
-
onClick:
|
|
42
|
+
onClick: PropTypes$1.func
|
|
63
43
|
});
|
|
64
|
-
var buttons =
|
|
65
|
-
var buttonTheme =
|
|
66
|
-
var buttonSize =
|
|
67
|
-
var buttonType =
|
|
68
|
-
var dropdownAlign =
|
|
69
|
-
var controlSize =
|
|
70
|
-
var formStatus =
|
|
71
|
-
var fieldOption =
|
|
72
|
-
value:
|
|
73
|
-
label:
|
|
44
|
+
var buttons = PropTypes$1.arrayOf(button);
|
|
45
|
+
var buttonTheme = PropTypes$1.oneOf(['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark', null]);
|
|
46
|
+
var buttonSize = PropTypes$1.oneOf(['lg', 'sm', null]);
|
|
47
|
+
var buttonType = PropTypes$1.oneOf(['button', 'submit']);
|
|
48
|
+
var dropdownAlign = PropTypes$1.oneOf(['start', 'end']);
|
|
49
|
+
var controlSize = PropTypes$1.oneOf(['lg', 'sm', null]);
|
|
50
|
+
var formStatus = PropTypes$1.oneOf(['loading', 'success', 'error', null]);
|
|
51
|
+
var fieldOption = PropTypes$1.shape({
|
|
52
|
+
value: PropTypes$1.string,
|
|
53
|
+
label: PropTypes$1.string
|
|
74
54
|
});
|
|
75
|
-
var fieldOptions =
|
|
76
|
-
var toggle =
|
|
77
|
-
key:
|
|
78
|
-
label:
|
|
55
|
+
var fieldOptions = PropTypes$1.arrayOf(fieldOption);
|
|
56
|
+
var toggle = PropTypes$1.shape({
|
|
57
|
+
key: PropTypes$1.string,
|
|
58
|
+
label: PropTypes$1.string
|
|
79
59
|
});
|
|
80
|
-
var toggles =
|
|
81
|
-
var tableColumn =
|
|
82
|
-
id:
|
|
83
|
-
component:
|
|
84
|
-
path:
|
|
85
|
-
field:
|
|
86
|
-
columnClassName:
|
|
60
|
+
var toggles = PropTypes$1.arrayOf(toggle);
|
|
61
|
+
var tableColumn = PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.shape({
|
|
62
|
+
id: PropTypes$1.string,
|
|
63
|
+
component: PropTypes$1.string,
|
|
64
|
+
path: PropTypes$1.string,
|
|
65
|
+
field: PropTypes$1.string,
|
|
66
|
+
columnClassName: PropTypes$1.string
|
|
87
67
|
})]);
|
|
88
|
-
var tableColumns =
|
|
68
|
+
var tableColumns = PropTypes$1.arrayOf(tableColumn);
|
|
89
69
|
|
|
90
70
|
/**
|
|
91
71
|
* Panneau Definitions
|
|
92
72
|
*/
|
|
93
|
-
var routes =
|
|
94
|
-
'resources.index':
|
|
95
|
-
'resources.create':
|
|
96
|
-
'resources.store':
|
|
97
|
-
'resources.show':
|
|
98
|
-
'resources.edit':
|
|
99
|
-
'resources.update':
|
|
100
|
-
'resources.delete':
|
|
101
|
-
'resources.destroy':
|
|
73
|
+
var routes = PropTypes$1.shape({
|
|
74
|
+
'resources.index': PropTypes$1.string.isRequired,
|
|
75
|
+
'resources.create': PropTypes$1.string.isRequired,
|
|
76
|
+
'resources.store': PropTypes$1.string.isRequired,
|
|
77
|
+
'resources.show': PropTypes$1.string.isRequired,
|
|
78
|
+
'resources.edit': PropTypes$1.string.isRequired,
|
|
79
|
+
'resources.update': PropTypes$1.string.isRequired,
|
|
80
|
+
'resources.delete': PropTypes$1.string.isRequired,
|
|
81
|
+
'resources.destroy': PropTypes$1.string.isRequired
|
|
102
82
|
});
|
|
103
|
-
var intl =
|
|
104
|
-
locale:
|
|
105
|
-
messages:
|
|
106
|
-
values:
|
|
83
|
+
var intl = PropTypes$1.shape({
|
|
84
|
+
locale: PropTypes$1.string,
|
|
85
|
+
messages: PropTypes$1.objectOf(PropTypes$1.string),
|
|
86
|
+
values: PropTypes$1.objectOf(PropTypes$1.string)
|
|
107
87
|
});
|
|
108
|
-
var page =
|
|
109
|
-
component:
|
|
88
|
+
var page = PropTypes$1.shape({
|
|
89
|
+
component: PropTypes$1.string.isRequired
|
|
110
90
|
});
|
|
111
|
-
var pages =
|
|
112
|
-
var field =
|
|
113
|
-
name:
|
|
91
|
+
var pages = PropTypes$1.objectOf(page);
|
|
92
|
+
var field = PropTypes$1.shape({
|
|
93
|
+
name: PropTypes$1.string,
|
|
114
94
|
// Not required on localized fields
|
|
115
|
-
type:
|
|
116
|
-
component:
|
|
117
|
-
label:
|
|
95
|
+
type: PropTypes$1.string,
|
|
96
|
+
component: PropTypes$1.string,
|
|
97
|
+
label: PropTypes$1.node
|
|
118
98
|
});
|
|
119
|
-
var fields =
|
|
120
|
-
var form =
|
|
99
|
+
var fields = PropTypes$1.arrayOf(field);
|
|
100
|
+
var form = PropTypes$1.shape({
|
|
121
101
|
// type: PropTypes.string.isRequired,
|
|
122
|
-
title:
|
|
102
|
+
title: PropTypes$1.isRequired,
|
|
123
103
|
fields: fields
|
|
124
104
|
});
|
|
125
|
-
var forms =
|
|
126
|
-
var resource =
|
|
127
|
-
id:
|
|
128
|
-
name:
|
|
105
|
+
var forms = PropTypes$1.arrayOf(form);
|
|
106
|
+
var resource = PropTypes$1.shape({
|
|
107
|
+
id: PropTypes$1.string.isRequired,
|
|
108
|
+
name: PropTypes$1.string.isRequired,
|
|
129
109
|
intl: intl,
|
|
130
110
|
fields: fields,
|
|
131
|
-
forms:
|
|
132
|
-
shows_in_navbar:
|
|
111
|
+
forms: PropTypes$1.shape({}),
|
|
112
|
+
shows_in_navbar: PropTypes$1.bool
|
|
133
113
|
});
|
|
134
|
-
var resources =
|
|
135
|
-
var panneauDefinition =
|
|
136
|
-
name:
|
|
114
|
+
var resources = PropTypes$1.arrayOf(resource);
|
|
115
|
+
var panneauDefinition = PropTypes$1.shape({
|
|
116
|
+
name: PropTypes$1.string,
|
|
137
117
|
resources: resources,
|
|
138
118
|
routes: routes,
|
|
139
119
|
pages: pages,
|
|
140
120
|
intl: intl
|
|
141
121
|
// intl,
|
|
142
122
|
});
|
|
143
|
-
var definition =
|
|
144
|
-
name:
|
|
123
|
+
var definition = PropTypes$1.shape({
|
|
124
|
+
name: PropTypes$1.string
|
|
145
125
|
// resources,
|
|
146
126
|
// routes,
|
|
147
127
|
// intl,
|
|
148
128
|
});
|
|
149
|
-
var item =
|
|
150
|
-
id:
|
|
129
|
+
var item = PropTypes$1.shape({
|
|
130
|
+
id: PropTypes$1.string.isRequired
|
|
151
131
|
});
|
|
152
|
-
var items =
|
|
153
|
-
var user =
|
|
154
|
-
id:
|
|
132
|
+
var items = PropTypes$1.arrayOf(item);
|
|
133
|
+
var user = PropTypes$1.shape({
|
|
134
|
+
id: PropTypes$1.oneOfType([PropTypes$1.number, PropTypes$1.string])
|
|
155
135
|
});
|
|
156
|
-
var users =
|
|
157
|
-
var selectOption =
|
|
158
|
-
value:
|
|
136
|
+
var users = PropTypes$1.arrayOf(user);
|
|
137
|
+
var selectOption = PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.number, PropTypes$1.shape({
|
|
138
|
+
value: PropTypes$1.any,
|
|
159
139
|
// eslint-disable-line
|
|
160
140
|
label: label
|
|
161
|
-
}),
|
|
162
|
-
var selectOptions =
|
|
163
|
-
var feedback =
|
|
164
|
-
var formError =
|
|
165
|
-
message:
|
|
141
|
+
}), PropTypes$1.object]);
|
|
142
|
+
var selectOptions = PropTypes$1.arrayOf(selectOption);
|
|
143
|
+
var feedback = PropTypes$1.oneOf(['valid', 'invalid', 'loading', null]);
|
|
144
|
+
var formError = PropTypes$1.shape({
|
|
145
|
+
message: PropTypes$1.string
|
|
166
146
|
});
|
|
167
|
-
var formErrors =
|
|
168
|
-
var uppy =
|
|
169
|
-
tus:
|
|
147
|
+
var formErrors = PropTypes$1.arrayOf(formError);
|
|
148
|
+
var uppy = PropTypes$1.shape({
|
|
149
|
+
tus: PropTypes$1.object
|
|
170
150
|
}); // eslint-disable-line
|
|
171
151
|
|
|
172
|
-
var triggerUpdate =
|
|
173
|
-
var breadcrumb =
|
|
174
|
-
url:
|
|
152
|
+
var triggerUpdate = PropTypes$1.string;
|
|
153
|
+
var breadcrumb = PropTypes$1.shape({
|
|
154
|
+
url: PropTypes$1.string
|
|
175
155
|
});
|
|
176
|
-
var breadcrumbs =
|
|
177
|
-
var font =
|
|
156
|
+
var breadcrumbs = PropTypes$1.arrayOf(breadcrumb);
|
|
157
|
+
var font = PropTypes$1.shape({
|
|
178
158
|
// url: PropTypes.string,
|
|
179
159
|
});
|
|
180
|
-
var fonts =
|
|
181
|
-
var trackingVariables =
|
|
182
|
-
var modal =
|
|
183
|
-
name:
|
|
160
|
+
var fonts = PropTypes$1.arrayOf(font);
|
|
161
|
+
var trackingVariables = PropTypes$1.shape({});
|
|
162
|
+
var modal = PropTypes$1.shape({
|
|
163
|
+
name: PropTypes$1.string
|
|
184
164
|
});
|
|
185
|
-
var modals =
|
|
165
|
+
var modals = PropTypes$1.arrayOf(modal);
|
|
186
166
|
|
|
187
167
|
//
|
|
188
168
|
|
|
189
169
|
var PropTypes = /*#__PURE__*/Object.freeze({
|
|
190
170
|
__proto__: null,
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
statusCode: statusCode,
|
|
194
|
-
menuItem: menuItem,
|
|
195
|
-
menuItems: menuItems,
|
|
171
|
+
breadcrumb: breadcrumb,
|
|
172
|
+
breadcrumbs: breadcrumbs,
|
|
196
173
|
button: button,
|
|
197
|
-
buttons: buttons,
|
|
198
|
-
buttonTheme: buttonTheme,
|
|
199
174
|
buttonSize: buttonSize,
|
|
175
|
+
buttonTheme: buttonTheme,
|
|
200
176
|
buttonType: buttonType,
|
|
201
|
-
|
|
177
|
+
buttons: buttons,
|
|
202
178
|
controlSize: controlSize,
|
|
203
|
-
|
|
179
|
+
definition: definition,
|
|
180
|
+
dropdownAlign: dropdownAlign,
|
|
181
|
+
feedback: feedback,
|
|
182
|
+
field: field,
|
|
204
183
|
fieldOption: fieldOption,
|
|
205
184
|
fieldOptions: fieldOptions,
|
|
206
|
-
toggle: toggle,
|
|
207
|
-
toggles: toggles,
|
|
208
|
-
tableColumn: tableColumn,
|
|
209
|
-
tableColumns: tableColumns,
|
|
210
|
-
routes: routes,
|
|
211
|
-
intl: intl,
|
|
212
|
-
page: page,
|
|
213
|
-
pages: pages,
|
|
214
|
-
field: field,
|
|
215
185
|
fields: fields,
|
|
186
|
+
font: font,
|
|
187
|
+
fonts: fonts,
|
|
216
188
|
form: form,
|
|
189
|
+
formError: formError,
|
|
190
|
+
formErrors: formErrors,
|
|
191
|
+
formStatus: formStatus,
|
|
217
192
|
forms: forms,
|
|
218
|
-
|
|
219
|
-
resources: resources,
|
|
220
|
-
panneauDefinition: panneauDefinition,
|
|
221
|
-
definition: definition,
|
|
193
|
+
intl: intl,
|
|
222
194
|
item: item,
|
|
223
195
|
items: items,
|
|
224
|
-
|
|
225
|
-
|
|
196
|
+
label: label,
|
|
197
|
+
menuItem: menuItem,
|
|
198
|
+
menuItems: menuItems,
|
|
199
|
+
message: message,
|
|
200
|
+
modal: modal,
|
|
201
|
+
modals: modals,
|
|
202
|
+
page: page,
|
|
203
|
+
pages: pages,
|
|
204
|
+
panneauDefinition: panneauDefinition,
|
|
205
|
+
resource: resource,
|
|
206
|
+
resources: resources,
|
|
207
|
+
routes: routes,
|
|
226
208
|
selectOption: selectOption,
|
|
227
209
|
selectOptions: selectOptions,
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
breadcrumb: breadcrumb,
|
|
234
|
-
breadcrumbs: breadcrumbs,
|
|
235
|
-
font: font,
|
|
236
|
-
fonts: fonts,
|
|
210
|
+
statusCode: statusCode,
|
|
211
|
+
tableColumn: tableColumn,
|
|
212
|
+
tableColumns: tableColumns,
|
|
213
|
+
toggle: toggle,
|
|
214
|
+
toggles: toggles,
|
|
237
215
|
trackingVariables: trackingVariables,
|
|
238
|
-
|
|
239
|
-
|
|
216
|
+
triggerUpdate: triggerUpdate,
|
|
217
|
+
uppy: uppy,
|
|
218
|
+
user: user,
|
|
219
|
+
users: users
|
|
240
220
|
});
|
|
241
221
|
|
|
222
|
+
/**
|
|
223
|
+
* Source: ftp://ftp.unicode.org/Public/UCD/latest/ucd/SpecialCasing.txt
|
|
224
|
+
*/
|
|
225
|
+
/**
|
|
226
|
+
* Lower case as a function.
|
|
227
|
+
*/
|
|
228
|
+
function lowerCase(str) {
|
|
229
|
+
return str.toLowerCase();
|
|
230
|
+
}
|
|
231
|
+
|
|
232
|
+
// Support camel case ("camelCase" -> "camel Case" and "CAMELCase" -> "CAMEL Case").
|
|
233
|
+
var DEFAULT_SPLIT_REGEXP = [/([a-z0-9])([A-Z])/g, /([A-Z])([A-Z][a-z])/g];
|
|
234
|
+
// Remove all non-word characters.
|
|
235
|
+
var DEFAULT_STRIP_REGEXP = /[^A-Z0-9]+/gi;
|
|
236
|
+
/**
|
|
237
|
+
* Normalize the string into something other libraries can manipulate easier.
|
|
238
|
+
*/
|
|
239
|
+
function noCase(input, options) {
|
|
240
|
+
if (options === void 0) {
|
|
241
|
+
options = {};
|
|
242
|
+
}
|
|
243
|
+
var _a = options.splitRegexp,
|
|
244
|
+
splitRegexp = _a === void 0 ? DEFAULT_SPLIT_REGEXP : _a,
|
|
245
|
+
_b = options.stripRegexp,
|
|
246
|
+
stripRegexp = _b === void 0 ? DEFAULT_STRIP_REGEXP : _b,
|
|
247
|
+
_c = options.transform,
|
|
248
|
+
transform = _c === void 0 ? lowerCase : _c,
|
|
249
|
+
_d = options.delimiter,
|
|
250
|
+
delimiter = _d === void 0 ? " " : _d;
|
|
251
|
+
var result = replace(replace(input, splitRegexp, "$1\0$2"), stripRegexp, "\0");
|
|
252
|
+
var start = 0;
|
|
253
|
+
var end = result.length;
|
|
254
|
+
// Trim the delimiter from around the output string.
|
|
255
|
+
while (result.charAt(start) === "\0") start++;
|
|
256
|
+
while (result.charAt(end - 1) === "\0") end--;
|
|
257
|
+
// Transform each token independently.
|
|
258
|
+
return result.slice(start, end).split("\0").map(transform).join(delimiter);
|
|
259
|
+
}
|
|
260
|
+
/**
|
|
261
|
+
* Replace `re` in the input string with the replacement value.
|
|
262
|
+
*/
|
|
263
|
+
function replace(input, re, value) {
|
|
264
|
+
if (re instanceof RegExp) return input.replace(re, value);
|
|
265
|
+
return re.reduce(function (input, re) {
|
|
266
|
+
return input.replace(re, value);
|
|
267
|
+
}, input);
|
|
268
|
+
}
|
|
269
|
+
|
|
270
|
+
function pascalCaseTransform(input, index) {
|
|
271
|
+
var firstChar = input.charAt(0);
|
|
272
|
+
var lowerChars = input.substr(1).toLowerCase();
|
|
273
|
+
if (index > 0 && firstChar >= "0" && firstChar <= "9") {
|
|
274
|
+
return "_" + firstChar + lowerChars;
|
|
275
|
+
}
|
|
276
|
+
return "" + firstChar.toUpperCase() + lowerChars;
|
|
277
|
+
}
|
|
278
|
+
function pascalCase(input, options) {
|
|
279
|
+
if (options === void 0) {
|
|
280
|
+
options = {};
|
|
281
|
+
}
|
|
282
|
+
return noCase(input, tslib.__assign({
|
|
283
|
+
delimiter: "",
|
|
284
|
+
transform: pascalCaseTransform
|
|
285
|
+
}, options));
|
|
286
|
+
}
|
|
287
|
+
|
|
242
288
|
var flattenComponents = function flattenComponents(components) {
|
|
243
289
|
var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
244
290
|
if (components === null) {
|
|
245
291
|
return null;
|
|
246
292
|
}
|
|
247
293
|
return Object.keys(components).reduce(function (newMap, key) {
|
|
248
|
-
return
|
|
294
|
+
return ReactIs.isValidElementType(components[key]) ? _objectSpread(_objectSpread({}, newMap), {}, _defineProperty({}, prefix !== null ? "".concat(prefix, ".").concat(key) : key, components[key])) : _objectSpread(_objectSpread({}, newMap), flattenComponents(components[key], key));
|
|
249
295
|
}, {});
|
|
250
296
|
};
|
|
251
|
-
var flattenComponents$1 = flattenComponents;
|
|
252
297
|
|
|
253
298
|
var getComponentFromName = function getComponentFromName() {
|
|
254
299
|
var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
@@ -257,7 +302,7 @@ var getComponentFromName = function getComponentFromName() {
|
|
|
257
302
|
if (components === null || name === null) {
|
|
258
303
|
return defaultComponent;
|
|
259
304
|
}
|
|
260
|
-
var pascalName =
|
|
305
|
+
var pascalName = pascalCase(name);
|
|
261
306
|
// console.log(name, pascalName, components);
|
|
262
307
|
var component = components[pascalName] || components[name] || defaultComponent;
|
|
263
308
|
if (!component) {
|
|
@@ -265,28 +310,27 @@ var getComponentFromName = function getComponentFromName() {
|
|
|
265
310
|
}
|
|
266
311
|
return component;
|
|
267
312
|
};
|
|
268
|
-
var getComponentFromName$1 = getComponentFromName;
|
|
269
313
|
|
|
270
314
|
var ComponentsManager = /*#__PURE__*/function () {
|
|
271
315
|
function ComponentsManager() {
|
|
272
316
|
var components = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
273
|
-
|
|
274
|
-
this.components = flattenComponents
|
|
317
|
+
_classCallCheck(this, ComponentsManager);
|
|
318
|
+
this.components = flattenComponents(components);
|
|
275
319
|
}
|
|
276
|
-
|
|
320
|
+
_createClass(ComponentsManager, [{
|
|
277
321
|
key: "addComponent",
|
|
278
322
|
value: function addComponent(name, component) {
|
|
279
323
|
var namespace = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
|
|
280
|
-
return this.addComponents(
|
|
324
|
+
return this.addComponents(_defineProperty({}, name, component), namespace);
|
|
281
325
|
}
|
|
282
326
|
}, {
|
|
283
327
|
key: "addComponents",
|
|
284
328
|
value: function addComponents(components) {
|
|
285
329
|
var namespace = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
286
330
|
var newComponents = namespace !== null ? Object.keys(components).reduce(function (componentsMaps, name) {
|
|
287
|
-
return
|
|
331
|
+
return _objectSpread(_objectSpread({}, componentsMaps), {}, _defineProperty({}, "".concat(namespace, ".").concat(name), components[name]));
|
|
288
332
|
}, {}) : components;
|
|
289
|
-
this.components =
|
|
333
|
+
this.components = _objectSpread(_objectSpread({}, this.components), newComponents);
|
|
290
334
|
return this;
|
|
291
335
|
}
|
|
292
336
|
}, {
|
|
@@ -303,7 +347,7 @@ var ComponentsManager = /*#__PURE__*/function () {
|
|
|
303
347
|
return this;
|
|
304
348
|
}
|
|
305
349
|
this.components = Object.keys(this.components).reduce(function (componentsMap, name) {
|
|
306
|
-
return
|
|
350
|
+
return _objectSpread(_objectSpread({}, componentsMap), {}, _defineProperty({}, "".concat(namespace, ".").concat(name), _this.components[name]));
|
|
307
351
|
}, {});
|
|
308
352
|
return this;
|
|
309
353
|
}
|
|
@@ -312,7 +356,7 @@ var ComponentsManager = /*#__PURE__*/function () {
|
|
|
312
356
|
value: function getComponent(name) {
|
|
313
357
|
var namespace = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
314
358
|
var components = this.getComponents(namespace);
|
|
315
|
-
return getComponentFromName
|
|
359
|
+
return getComponentFromName(name, components);
|
|
316
360
|
}
|
|
317
361
|
}, {
|
|
318
362
|
key: "getComponents",
|
|
@@ -322,7 +366,7 @@ var ComponentsManager = /*#__PURE__*/function () {
|
|
|
322
366
|
return namespace !== null ? Object.keys(this.components || {}).reduce(function (componentsMap, name) {
|
|
323
367
|
var pattern = new RegExp("^".concat(namespace, "\\.(.*)$"));
|
|
324
368
|
var matches = pattern.exec(name);
|
|
325
|
-
return matches !== null ?
|
|
369
|
+
return matches !== null ? _objectSpread(_objectSpread({}, componentsMap), {}, _defineProperty({}, matches[1], _this2.components[name])) : componentsMap;
|
|
326
370
|
}, null) : this.components;
|
|
327
371
|
}
|
|
328
372
|
}, {
|
|
@@ -339,19 +383,19 @@ var ComponentsManager$1 = ComponentsManager;
|
|
|
339
383
|
var DefinitionsManager = /*#__PURE__*/function () {
|
|
340
384
|
function DefinitionsManager() {
|
|
341
385
|
var definitions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
342
|
-
|
|
386
|
+
_classCallCheck(this, DefinitionsManager);
|
|
343
387
|
this.definitions = definitions || [];
|
|
344
388
|
}
|
|
345
|
-
|
|
389
|
+
_createClass(DefinitionsManager, [{
|
|
346
390
|
key: "addDefinition",
|
|
347
391
|
value: function addDefinition(definition) {
|
|
348
|
-
this.addDefinitions(
|
|
392
|
+
this.addDefinitions(isArray(definition) ? definition : [definition]);
|
|
349
393
|
return this;
|
|
350
394
|
}
|
|
351
395
|
}, {
|
|
352
396
|
key: "addDefinitions",
|
|
353
397
|
value: function addDefinitions(definitions) {
|
|
354
|
-
this.definitions =
|
|
398
|
+
this.definitions = uniqBy([].concat(_toConsumableArray(definitions), _toConsumableArray(this.definitions)), function (it) {
|
|
355
399
|
return it.id;
|
|
356
400
|
});
|
|
357
401
|
return this;
|
|
@@ -396,7 +440,7 @@ var DefinitionsManager = /*#__PURE__*/function () {
|
|
|
396
440
|
var id = _ref2.id,
|
|
397
441
|
_ref2$component = _ref2.component,
|
|
398
442
|
component = _ref2$component === void 0 ? null : _ref2$component;
|
|
399
|
-
return component !== null ?
|
|
443
|
+
return component !== null ? _objectSpread(_objectSpread({}, allComponents), {}, _defineProperty({}, id, component)) : allComponents;
|
|
400
444
|
}, {});
|
|
401
445
|
}
|
|
402
446
|
}]);
|
|
@@ -405,21 +449,21 @@ var DefinitionsManager = /*#__PURE__*/function () {
|
|
|
405
449
|
var DefinitionsManager$1 = DefinitionsManager;
|
|
406
450
|
|
|
407
451
|
var EventsManager = /*#__PURE__*/function (_EventEmitter) {
|
|
408
|
-
|
|
452
|
+
_inherits(EventsManager, _EventEmitter);
|
|
409
453
|
function EventsManager(element) {
|
|
410
454
|
var _this;
|
|
411
|
-
|
|
412
|
-
_this =
|
|
455
|
+
_classCallCheck(this, EventsManager);
|
|
456
|
+
_this = _callSuper(this, EventsManager);
|
|
413
457
|
_this.element = element;
|
|
414
458
|
_this.events = {};
|
|
415
459
|
_this.listeners = {};
|
|
416
460
|
return _this;
|
|
417
461
|
}
|
|
418
|
-
|
|
462
|
+
_createClass(EventsManager, [{
|
|
419
463
|
key: "subscribe",
|
|
420
464
|
value: function subscribe(event, callback) {
|
|
421
465
|
this.on(event, callback);
|
|
422
|
-
this.events =
|
|
466
|
+
this.events = _objectSpread(_objectSpread({}, this.events), {}, _defineProperty({}, event, [].concat(_toConsumableArray(this.events[event] || []), [callback])));
|
|
423
467
|
if (this.events[event].length === 1) {
|
|
424
468
|
this.addEventListener(event);
|
|
425
469
|
}
|
|
@@ -431,12 +475,12 @@ var EventsManager = /*#__PURE__*/function (_EventEmitter) {
|
|
|
431
475
|
this.off(event, callback);
|
|
432
476
|
this.events = Object.keys(this.events).reduce(function (newEvents, eventName) {
|
|
433
477
|
if (eventName !== event) {
|
|
434
|
-
return
|
|
478
|
+
return _objectSpread(_objectSpread({}, newEvents), {}, _defineProperty({}, eventName, _this2.events[eventName]));
|
|
435
479
|
}
|
|
436
480
|
var newListeners = _this2.events[eventName].filter(function (listener) {
|
|
437
481
|
return listener !== callback;
|
|
438
482
|
});
|
|
439
|
-
return newListeners.length > 0 ?
|
|
483
|
+
return newListeners.length > 0 ? _objectSpread(_objectSpread({}, newEvents), {}, _defineProperty({}, eventName, newListeners)) : newEvents;
|
|
440
484
|
}, {});
|
|
441
485
|
if (typeof this.events[event] === 'undefined') {
|
|
442
486
|
this.removeEventListener(event);
|
|
@@ -463,16 +507,16 @@ var EventsManager = /*#__PURE__*/function (_EventEmitter) {
|
|
|
463
507
|
}
|
|
464
508
|
}]);
|
|
465
509
|
return EventsManager;
|
|
466
|
-
}(
|
|
510
|
+
}(EventEmitter);
|
|
467
511
|
var EventsManager$1 = EventsManager;
|
|
468
512
|
|
|
469
513
|
var FieldsManager$2 = /*#__PURE__*/function (_DefinitionsManager) {
|
|
470
|
-
|
|
514
|
+
_inherits(FieldsManager, _DefinitionsManager);
|
|
471
515
|
function FieldsManager() {
|
|
472
|
-
|
|
473
|
-
return
|
|
516
|
+
_classCallCheck(this, FieldsManager);
|
|
517
|
+
return _callSuper(this, FieldsManager, arguments);
|
|
474
518
|
}
|
|
475
|
-
return
|
|
519
|
+
return _createClass(FieldsManager);
|
|
476
520
|
}(DefinitionsManager$1);
|
|
477
521
|
var FieldsManager$3 = FieldsManager$2;
|
|
478
522
|
|
|
@@ -481,13 +525,13 @@ var FontsParser = /*#__PURE__*/function () {
|
|
|
481
525
|
function FontsParser(_ref) {
|
|
482
526
|
var fieldsManager = _ref.fieldsManager,
|
|
483
527
|
screensManager = _ref.screensManager;
|
|
484
|
-
|
|
528
|
+
_classCallCheck(this, FontsParser);
|
|
485
529
|
this.fieldsManager = fieldsManager;
|
|
486
530
|
this.screensManager = screensManager;
|
|
487
531
|
}
|
|
488
532
|
|
|
489
533
|
// Extract fonts
|
|
490
|
-
|
|
534
|
+
_createClass(FontsParser, [{
|
|
491
535
|
key: "parse",
|
|
492
536
|
value: function parse(story) {
|
|
493
537
|
var _this = this;
|
|
@@ -501,14 +545,14 @@ var FontsParser = /*#__PURE__*/function () {
|
|
|
501
545
|
theme = _ref2$theme === void 0 ? null : _ref2$theme,
|
|
502
546
|
_ref2$components = _ref2.components,
|
|
503
547
|
components = _ref2$components === void 0 ? [] : _ref2$components;
|
|
504
|
-
var fonts =
|
|
548
|
+
var fonts = uniq(components.reduce(function (currentFonts, screen) {
|
|
505
549
|
var type = screen.type;
|
|
506
550
|
var _ref3 = _this.screensManager.getDefinition(type) || {},
|
|
507
551
|
_ref3$fields = _ref3.fields,
|
|
508
552
|
fields = _ref3$fields === void 0 ? [] : _ref3$fields;
|
|
509
553
|
var fieldsPattern = _this.getFieldsPattern(fields);
|
|
510
554
|
var newFonts = FontsParser.extractFontsWithPaths(screen, fieldsPattern);
|
|
511
|
-
return newFonts.length > 0 ? [].concat(
|
|
555
|
+
return newFonts.length > 0 ? [].concat(_toConsumableArray(currentFonts), _toConsumableArray(newFonts)) : currentFonts;
|
|
512
556
|
}, []), 'name');
|
|
513
557
|
|
|
514
558
|
// Extract fonts from theme
|
|
@@ -516,13 +560,13 @@ var FontsParser = /*#__PURE__*/function () {
|
|
|
516
560
|
var _this$parse = this.parse(theme),
|
|
517
561
|
_this$parse$fonts = _this$parse.fonts,
|
|
518
562
|
themeFonts = _this$parse$fonts === void 0 ? [] : _this$parse$fonts,
|
|
519
|
-
newTheme =
|
|
520
|
-
return fonts.length > 0 || themeFonts.length > 0 ?
|
|
563
|
+
newTheme = _objectWithoutProperties(_this$parse, _excluded$2);
|
|
564
|
+
return fonts.length > 0 || themeFonts.length > 0 ? _objectSpread(_objectSpread({}, story), {}, {
|
|
521
565
|
theme: newTheme,
|
|
522
|
-
fonts:
|
|
566
|
+
fonts: uniq([].concat(_toConsumableArray(themeFonts), _toConsumableArray(fonts)), 'name')
|
|
523
567
|
}) : story;
|
|
524
568
|
}
|
|
525
|
-
return fonts.length > 0 ?
|
|
569
|
+
return fonts.length > 0 ? _objectSpread(_objectSpread({}, story), {}, {
|
|
526
570
|
fonts: fonts
|
|
527
571
|
}) : story;
|
|
528
572
|
}
|
|
@@ -539,7 +583,7 @@ var FontsParser = /*#__PURE__*/function () {
|
|
|
539
583
|
var path = [namePrefix, name].filter(function (it) {
|
|
540
584
|
return it !== null;
|
|
541
585
|
}).join('\\.');
|
|
542
|
-
var fieldDefinition =
|
|
586
|
+
var fieldDefinition = _objectSpread(_objectSpread({}, type !== null ? _this2.fieldsManager.getDefinition(type) : null), field);
|
|
543
587
|
|
|
544
588
|
// also check settings fields
|
|
545
589
|
var _fieldDefinition$fiel = fieldDefinition.fields,
|
|
@@ -548,7 +592,7 @@ var FontsParser = /*#__PURE__*/function () {
|
|
|
548
592
|
itemsField = _fieldDefinition$item === void 0 ? null : _fieldDefinition$item,
|
|
549
593
|
_fieldDefinition$sett = fieldDefinition.settings,
|
|
550
594
|
settings = _fieldDefinition$sett === void 0 ? [] : _fieldDefinition$sett;
|
|
551
|
-
return [].concat(
|
|
595
|
+
return [].concat(_toConsumableArray(patterns), _toConsumableArray(FontsParser.fieldIsFontFamily(fieldDefinition) ? [new RegExp("^".concat(path, "$"))] : []), _toConsumableArray(_this2.getFieldsPattern(subFields, path)), _toConsumableArray(_this2.getFieldsPattern(settings, path)), _toConsumableArray(itemsField !== null ? _this2.getFieldsPattern([itemsField], "".concat(path, "\\.[0-9]+")) : []));
|
|
552
596
|
}, []);
|
|
553
597
|
}
|
|
554
598
|
}], [{
|
|
@@ -569,8 +613,8 @@ var FontsParser = /*#__PURE__*/function () {
|
|
|
569
613
|
key: "extractFontsWithPaths",
|
|
570
614
|
value: function extractFontsWithPaths(data, patterns) {
|
|
571
615
|
var keyPrefix = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
|
|
572
|
-
var dataIsArray =
|
|
573
|
-
var keys = dataIsArray ?
|
|
616
|
+
var dataIsArray = isArray(data);
|
|
617
|
+
var keys = dataIsArray ? _toConsumableArray(data.keys()) : Object.keys(data);
|
|
574
618
|
return keys.reduce(function (currentFonts, key) {
|
|
575
619
|
var path = [keyPrefix, key].filter(function (it) {
|
|
576
620
|
return it !== null;
|
|
@@ -581,12 +625,12 @@ var FontsParser = /*#__PURE__*/function () {
|
|
|
581
625
|
var value = data[key];
|
|
582
626
|
var font = null;
|
|
583
627
|
var subFonts = null;
|
|
584
|
-
if (patternMatch &&
|
|
628
|
+
if (patternMatch && isObject(value) && FontsParser.valueIsFont(value)) {
|
|
585
629
|
font = value;
|
|
586
|
-
} else if (
|
|
630
|
+
} else if (isObject(value) || isArray(value)) {
|
|
587
631
|
subFonts = FontsParser.extractFontsWithPaths(value, patterns, path);
|
|
588
632
|
}
|
|
589
|
-
return subFonts !== null || font !== null ? [].concat(
|
|
633
|
+
return subFonts !== null || font !== null ? [].concat(_toConsumableArray(currentFonts), _toConsumableArray(subFonts || []), _toConsumableArray(font !== null ? [font] : [])) : currentFonts;
|
|
590
634
|
}, []);
|
|
591
635
|
}
|
|
592
636
|
}]);
|
|
@@ -595,12 +639,12 @@ var FontsParser = /*#__PURE__*/function () {
|
|
|
595
639
|
var FontsParser$1 = FontsParser;
|
|
596
640
|
|
|
597
641
|
var FieldsManager = /*#__PURE__*/function (_ComponentsManager) {
|
|
598
|
-
|
|
642
|
+
_inherits(FieldsManager, _ComponentsManager);
|
|
599
643
|
function FieldsManager() {
|
|
600
|
-
|
|
601
|
-
return
|
|
644
|
+
_classCallCheck(this, FieldsManager);
|
|
645
|
+
return _callSuper(this, FieldsManager, arguments);
|
|
602
646
|
}
|
|
603
|
-
return
|
|
647
|
+
return _createClass(FieldsManager);
|
|
604
648
|
}(ComponentsManager$1);
|
|
605
649
|
var FieldsManager$1 = FieldsManager;
|
|
606
650
|
|
|
@@ -609,13 +653,13 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
609
653
|
function MediasParser(_ref) {
|
|
610
654
|
var fieldsManager = _ref.fieldsManager,
|
|
611
655
|
screensManager = _ref.screensManager;
|
|
612
|
-
|
|
656
|
+
_classCallCheck(this, MediasParser);
|
|
613
657
|
this.fieldsManager = fieldsManager;
|
|
614
658
|
this.screensManager = screensManager;
|
|
615
659
|
}
|
|
616
660
|
|
|
617
661
|
// Convert medias object to path
|
|
618
|
-
|
|
662
|
+
_createClass(MediasParser, [{
|
|
619
663
|
key: "toPath",
|
|
620
664
|
value: function toPath(story) {
|
|
621
665
|
var _this = this;
|
|
@@ -639,8 +683,8 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
639
683
|
newScreen = _MediasParser$replace.data,
|
|
640
684
|
newMedias = _MediasParser$replace.medias;
|
|
641
685
|
return {
|
|
642
|
-
components: [].concat(
|
|
643
|
-
medias:
|
|
686
|
+
components: [].concat(_toConsumableArray(previousComponents), [newScreen]),
|
|
687
|
+
medias: _objectSpread(_objectSpread({}, currentMedias), newMedias)
|
|
644
688
|
};
|
|
645
689
|
}, {
|
|
646
690
|
components: [],
|
|
@@ -651,14 +695,14 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
651
695
|
if (theme !== null) {
|
|
652
696
|
var _this$toPath = this.toPath(theme),
|
|
653
697
|
themeMedias = _this$toPath.medias,
|
|
654
|
-
newTheme =
|
|
655
|
-
return medias !== null || themeMedias !== null ?
|
|
698
|
+
newTheme = _objectWithoutProperties(_this$toPath, _excluded$1);
|
|
699
|
+
return medias !== null || themeMedias !== null ? _objectSpread(_objectSpread({}, story), {}, {
|
|
656
700
|
theme: newTheme,
|
|
657
701
|
components: newComponents,
|
|
658
|
-
medias:
|
|
702
|
+
medias: _objectSpread(_objectSpread({}, themeMedias), medias)
|
|
659
703
|
}) : story;
|
|
660
704
|
}
|
|
661
|
-
return medias !== null ?
|
|
705
|
+
return medias !== null ? _objectSpread(_objectSpread({}, story), {}, {
|
|
662
706
|
components: newComponents,
|
|
663
707
|
medias: medias
|
|
664
708
|
}) : story;
|
|
@@ -697,12 +741,12 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
697
741
|
// Replace path with medias object in theme
|
|
698
742
|
if (theme !== null) {
|
|
699
743
|
var newTheme = this.fromPath(theme, medias);
|
|
700
|
-
return newTheme !== theme || newComponents !== components ?
|
|
744
|
+
return newTheme !== theme || newComponents !== components ? _objectSpread(_objectSpread({}, story), {}, {
|
|
701
745
|
theme: newTheme,
|
|
702
746
|
components: newComponents
|
|
703
747
|
}) : story;
|
|
704
748
|
}
|
|
705
|
-
return newComponents !== components ?
|
|
749
|
+
return newComponents !== components ? _objectSpread(_objectSpread({}, story), {}, {
|
|
706
750
|
components: newComponents
|
|
707
751
|
}) : story;
|
|
708
752
|
}
|
|
@@ -719,7 +763,7 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
719
763
|
var path = [namePrefix, name].filter(function (it) {
|
|
720
764
|
return it !== null;
|
|
721
765
|
}).join('\\.');
|
|
722
|
-
var fieldDefinition =
|
|
766
|
+
var fieldDefinition = _objectSpread(_objectSpread({}, type !== null ? _this3.fieldsManager.getDefinition(type) : null), field);
|
|
723
767
|
|
|
724
768
|
// also check settings fields
|
|
725
769
|
var _fieldDefinition$fiel = fieldDefinition.fields,
|
|
@@ -728,7 +772,7 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
728
772
|
itemsField = _fieldDefinition$item === void 0 ? null : _fieldDefinition$item,
|
|
729
773
|
_fieldDefinition$sett = fieldDefinition.settings,
|
|
730
774
|
settings = _fieldDefinition$sett === void 0 ? [] : _fieldDefinition$sett;
|
|
731
|
-
return [].concat(
|
|
775
|
+
return [].concat(_toConsumableArray(patterns), _toConsumableArray(MediasParser.fieldIsMedia(fieldDefinition) ? [new RegExp("^".concat(path, "$"))] : []), _toConsumableArray(MediasParser.fieldIsFontFamily(fieldDefinition) ? [new RegExp("^".concat(path, "\\.media$"))] : []), _toConsumableArray(_this3.getMediaFieldsPattern(subFields, path)), _toConsumableArray(_this3.getMediaFieldsPattern(settings, path)), _toConsumableArray(itemsField !== null ? _this3.getMediaFieldsPattern([itemsField], "".concat(path, "\\.[0-9]+")) : []));
|
|
732
776
|
}, []);
|
|
733
777
|
}
|
|
734
778
|
}], [{
|
|
@@ -749,8 +793,8 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
749
793
|
key: "replacePathsWithMedias",
|
|
750
794
|
value: function replacePathsWithMedias(data, medias, patterns) {
|
|
751
795
|
var keyPrefix = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
|
|
752
|
-
var dataIsArray =
|
|
753
|
-
var keys = dataIsArray ?
|
|
796
|
+
var dataIsArray = isArray(data);
|
|
797
|
+
var keys = dataIsArray ? _toConsumableArray(data.keys()) : Object.keys(data);
|
|
754
798
|
return keys.reduce(function (newData, key) {
|
|
755
799
|
var path = [keyPrefix, key].filter(function (it) {
|
|
756
800
|
return it !== null;
|
|
@@ -761,11 +805,11 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
761
805
|
var value = data[key];
|
|
762
806
|
var newValue;
|
|
763
807
|
if (patternMatch) {
|
|
764
|
-
newValue =
|
|
808
|
+
newValue = isObject(value) ? value : medias[value] || null;
|
|
765
809
|
} else {
|
|
766
|
-
newValue =
|
|
810
|
+
newValue = isObject(value) || isArray(value) ? MediasParser.replacePathsWithMedias(value, medias, patterns, path) : value;
|
|
767
811
|
}
|
|
768
|
-
return dataIsArray ? [].concat(
|
|
812
|
+
return dataIsArray ? [].concat(_toConsumableArray(newData), [newValue]) : _objectSpread(_objectSpread({}, newData), {}, _defineProperty({}, key, newValue));
|
|
769
813
|
}, dataIsArray ? [] : {});
|
|
770
814
|
}
|
|
771
815
|
}, {
|
|
@@ -780,8 +824,8 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
780
824
|
value: function replaceMediasWithPaths(data, patterns) {
|
|
781
825
|
var medias = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
|
|
782
826
|
var keyPrefix = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
|
|
783
|
-
var dataIsArray =
|
|
784
|
-
var keys = dataIsArray ?
|
|
827
|
+
var dataIsArray = isArray(data);
|
|
828
|
+
var keys = dataIsArray ? _toConsumableArray(data.keys()) : Object.keys(data);
|
|
785
829
|
return keys.reduce(function (_ref10, key) {
|
|
786
830
|
var currentData = _ref10.data,
|
|
787
831
|
currentMedias = _ref10.medias;
|
|
@@ -795,11 +839,11 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
795
839
|
var newValue;
|
|
796
840
|
var media = null;
|
|
797
841
|
var subMedias = null;
|
|
798
|
-
if (patternMatch &&
|
|
842
|
+
if (patternMatch && isObject(value)) {
|
|
799
843
|
var mediaPath = MediasParser.getMediaPath(value);
|
|
800
844
|
newValue = mediaPath !== null ? mediaPath : value;
|
|
801
845
|
media = mediaPath !== null ? value : null;
|
|
802
|
-
} else if (
|
|
846
|
+
} else if (isObject(value) || isArray(value)) {
|
|
803
847
|
var subReturn = MediasParser.replaceMediasWithPaths(value, patterns, medias, path);
|
|
804
848
|
newValue = subReturn.data;
|
|
805
849
|
subMedias = subReturn.medias;
|
|
@@ -807,8 +851,8 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
807
851
|
newValue = value;
|
|
808
852
|
}
|
|
809
853
|
return {
|
|
810
|
-
data: dataIsArray ? [].concat(
|
|
811
|
-
medias: media !== null ?
|
|
854
|
+
data: dataIsArray ? [].concat(_toConsumableArray(currentData || []), [newValue]) : _objectSpread(_objectSpread({}, currentData), {}, _defineProperty({}, key, newValue)),
|
|
855
|
+
medias: media !== null ? _objectSpread(_objectSpread(_objectSpread({}, currentMedias), subMedias), {}, _defineProperty({}, newValue, media)) : _objectSpread(_objectSpread({}, currentMedias), subMedias)
|
|
812
856
|
};
|
|
813
857
|
}, {
|
|
814
858
|
data: null,
|
|
@@ -823,12 +867,12 @@ var MediasParser$1 = MediasParser;
|
|
|
823
867
|
var _excluded = ["value"],
|
|
824
868
|
_excluded2 = ["value"];
|
|
825
869
|
var Tracking = /*#__PURE__*/function (_BaseTracking) {
|
|
826
|
-
|
|
870
|
+
_inherits(Tracking, _BaseTracking);
|
|
827
871
|
function Tracking() {
|
|
828
872
|
var _this;
|
|
829
873
|
var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
830
|
-
|
|
831
|
-
_this =
|
|
874
|
+
_classCallCheck(this, Tracking);
|
|
875
|
+
_this = _callSuper(this, Tracking, [opts]);
|
|
832
876
|
var _this$options$variabl = _this.options.variables,
|
|
833
877
|
variables = _this$options$variabl === void 0 ? null : _this$options$variabl;
|
|
834
878
|
_this.variables = null;
|
|
@@ -837,7 +881,7 @@ var Tracking = /*#__PURE__*/function (_BaseTracking) {
|
|
|
837
881
|
}
|
|
838
882
|
return _this;
|
|
839
883
|
}
|
|
840
|
-
|
|
884
|
+
_createClass(Tracking, [{
|
|
841
885
|
key: "setVariables",
|
|
842
886
|
value: function setVariables(variables) {
|
|
843
887
|
this.variables = variables;
|
|
@@ -872,8 +916,8 @@ var Tracking = /*#__PURE__*/function (_BaseTracking) {
|
|
|
872
916
|
var _ref2 = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {},
|
|
873
917
|
_ref2$value = _ref2.value,
|
|
874
918
|
value = _ref2$value === void 0 ? null : _ref2$value,
|
|
875
|
-
opts =
|
|
876
|
-
var data =
|
|
919
|
+
opts = _objectWithoutProperties(_ref2, _excluded);
|
|
920
|
+
var data = _objectSpread(_objectSpread({}, opts), {}, {
|
|
877
921
|
event: 'eventInteraction',
|
|
878
922
|
eventCategory: category,
|
|
879
923
|
eventAction: action,
|
|
@@ -888,7 +932,7 @@ var Tracking = /*#__PURE__*/function (_BaseTracking) {
|
|
|
888
932
|
var _ref3 = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {},
|
|
889
933
|
_ref3$value = _ref3.value,
|
|
890
934
|
value = _ref3$value === void 0 ? null : _ref3$value,
|
|
891
|
-
opts =
|
|
935
|
+
opts = _objectWithoutProperties(_ref3, _excluded2);
|
|
892
936
|
var _ref4 = media || {},
|
|
893
937
|
_ref4$id = _ref4.id,
|
|
894
938
|
mediaId = _ref4$id === void 0 ? null : _ref4$id,
|
|
@@ -899,7 +943,7 @@ var Tracking = /*#__PURE__*/function (_BaseTracking) {
|
|
|
899
943
|
_ref4$currentTime = _ref4.currentTime,
|
|
900
944
|
currentTime = _ref4$currentTime === void 0 ? null : _ref4$currentTime;
|
|
901
945
|
var label = name;
|
|
902
|
-
var data =
|
|
946
|
+
var data = _objectSpread(_objectSpread({}, opts), {}, {
|
|
903
947
|
event: 'eventInteraction',
|
|
904
948
|
eventCategory: type,
|
|
905
949
|
eventAction: action,
|