@panneau/core 3.0.119 → 3.0.130
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 +12 -2
- package/es/hooks.js +127 -12
- package/es/index.js +53 -41
- package/es/utils.js +19 -1
- package/lib/contexts.js +592 -273
- package/lib/hooks.js +182 -99
- package/lib/index.js +293 -235
- package/lib/utils.js +148 -66
- package/package.json +6 -6
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,296 @@ 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 =
|
|
186
|
-
|
|
187
|
-
|
|
165
|
+
var modals = PropTypes$1.arrayOf(modal);
|
|
166
|
+
var filter = PropTypes$1.shape({
|
|
167
|
+
id: PropTypes$1.string,
|
|
168
|
+
component: PropTypes$1.string
|
|
169
|
+
});
|
|
170
|
+
var filters = PropTypes$1.arrayOf(filter);
|
|
171
|
+
var media = PropTypes$1.shape({
|
|
172
|
+
id: PropTypes$1.string.isRequired,
|
|
173
|
+
name: PropTypes$1.string.isRequired,
|
|
174
|
+
type: PropTypes$1.string.isRequired,
|
|
175
|
+
thumbnail_url: PropTypes$1.string
|
|
176
|
+
});
|
|
177
|
+
var medias = PropTypes$1.arrayOf(media);
|
|
188
178
|
|
|
189
179
|
var PropTypes = /*#__PURE__*/Object.freeze({
|
|
190
180
|
__proto__: null,
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
statusCode: statusCode,
|
|
194
|
-
menuItem: menuItem,
|
|
195
|
-
menuItems: menuItems,
|
|
181
|
+
breadcrumb: breadcrumb,
|
|
182
|
+
breadcrumbs: breadcrumbs,
|
|
196
183
|
button: button,
|
|
197
|
-
buttons: buttons,
|
|
198
|
-
buttonTheme: buttonTheme,
|
|
199
184
|
buttonSize: buttonSize,
|
|
185
|
+
buttonTheme: buttonTheme,
|
|
200
186
|
buttonType: buttonType,
|
|
201
|
-
|
|
187
|
+
buttons: buttons,
|
|
202
188
|
controlSize: controlSize,
|
|
203
|
-
|
|
189
|
+
definition: definition,
|
|
190
|
+
dropdownAlign: dropdownAlign,
|
|
191
|
+
feedback: feedback,
|
|
192
|
+
field: field,
|
|
204
193
|
fieldOption: fieldOption,
|
|
205
194
|
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
195
|
fields: fields,
|
|
196
|
+
filter: filter,
|
|
197
|
+
filters: filters,
|
|
198
|
+
font: font,
|
|
199
|
+
fonts: fonts,
|
|
216
200
|
form: form,
|
|
201
|
+
formError: formError,
|
|
202
|
+
formErrors: formErrors,
|
|
203
|
+
formStatus: formStatus,
|
|
217
204
|
forms: forms,
|
|
218
|
-
|
|
219
|
-
resources: resources,
|
|
220
|
-
panneauDefinition: panneauDefinition,
|
|
221
|
-
definition: definition,
|
|
205
|
+
intl: intl,
|
|
222
206
|
item: item,
|
|
223
207
|
items: items,
|
|
224
|
-
|
|
225
|
-
|
|
208
|
+
label: label,
|
|
209
|
+
media: media,
|
|
210
|
+
medias: medias,
|
|
211
|
+
menuItem: menuItem,
|
|
212
|
+
menuItems: menuItems,
|
|
213
|
+
message: message,
|
|
214
|
+
modal: modal,
|
|
215
|
+
modals: modals,
|
|
216
|
+
page: page,
|
|
217
|
+
pages: pages,
|
|
218
|
+
panneauDefinition: panneauDefinition,
|
|
219
|
+
resource: resource,
|
|
220
|
+
resources: resources,
|
|
221
|
+
routes: routes,
|
|
226
222
|
selectOption: selectOption,
|
|
227
223
|
selectOptions: selectOptions,
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
breadcrumb: breadcrumb,
|
|
234
|
-
breadcrumbs: breadcrumbs,
|
|
235
|
-
font: font,
|
|
236
|
-
fonts: fonts,
|
|
224
|
+
statusCode: statusCode,
|
|
225
|
+
tableColumn: tableColumn,
|
|
226
|
+
tableColumns: tableColumns,
|
|
227
|
+
toggle: toggle,
|
|
228
|
+
toggles: toggles,
|
|
237
229
|
trackingVariables: trackingVariables,
|
|
238
|
-
|
|
239
|
-
|
|
230
|
+
triggerUpdate: triggerUpdate,
|
|
231
|
+
uppy: uppy,
|
|
232
|
+
user: user,
|
|
233
|
+
users: users
|
|
240
234
|
});
|
|
241
235
|
|
|
236
|
+
/**
|
|
237
|
+
* Source: ftp://ftp.unicode.org/Public/UCD/latest/ucd/SpecialCasing.txt
|
|
238
|
+
*/
|
|
239
|
+
/**
|
|
240
|
+
* Lower case as a function.
|
|
241
|
+
*/
|
|
242
|
+
function lowerCase(str) {
|
|
243
|
+
return str.toLowerCase();
|
|
244
|
+
}
|
|
245
|
+
|
|
246
|
+
// Support camel case ("camelCase" -> "camel Case" and "CAMELCase" -> "CAMEL Case").
|
|
247
|
+
var DEFAULT_SPLIT_REGEXP = [/([a-z0-9])([A-Z])/g, /([A-Z])([A-Z][a-z])/g];
|
|
248
|
+
// Remove all non-word characters.
|
|
249
|
+
var DEFAULT_STRIP_REGEXP = /[^A-Z0-9]+/gi;
|
|
250
|
+
/**
|
|
251
|
+
* Normalize the string into something other libraries can manipulate easier.
|
|
252
|
+
*/
|
|
253
|
+
function noCase(input, options) {
|
|
254
|
+
if (options === void 0) {
|
|
255
|
+
options = {};
|
|
256
|
+
}
|
|
257
|
+
var _a = options.splitRegexp,
|
|
258
|
+
splitRegexp = _a === void 0 ? DEFAULT_SPLIT_REGEXP : _a,
|
|
259
|
+
_b = options.stripRegexp,
|
|
260
|
+
stripRegexp = _b === void 0 ? DEFAULT_STRIP_REGEXP : _b,
|
|
261
|
+
_c = options.transform,
|
|
262
|
+
transform = _c === void 0 ? lowerCase : _c,
|
|
263
|
+
_d = options.delimiter,
|
|
264
|
+
delimiter = _d === void 0 ? " " : _d;
|
|
265
|
+
var result = replace(replace(input, splitRegexp, "$1\0$2"), stripRegexp, "\0");
|
|
266
|
+
var start = 0;
|
|
267
|
+
var end = result.length;
|
|
268
|
+
// Trim the delimiter from around the output string.
|
|
269
|
+
while (result.charAt(start) === "\0") start++;
|
|
270
|
+
while (result.charAt(end - 1) === "\0") end--;
|
|
271
|
+
// Transform each token independently.
|
|
272
|
+
return result.slice(start, end).split("\0").map(transform).join(delimiter);
|
|
273
|
+
}
|
|
274
|
+
/**
|
|
275
|
+
* Replace `re` in the input string with the replacement value.
|
|
276
|
+
*/
|
|
277
|
+
function replace(input, re, value) {
|
|
278
|
+
if (re instanceof RegExp) return input.replace(re, value);
|
|
279
|
+
return re.reduce(function (input, re) {
|
|
280
|
+
return input.replace(re, value);
|
|
281
|
+
}, input);
|
|
282
|
+
}
|
|
283
|
+
|
|
284
|
+
function pascalCaseTransform(input, index) {
|
|
285
|
+
var firstChar = input.charAt(0);
|
|
286
|
+
var lowerChars = input.substr(1).toLowerCase();
|
|
287
|
+
if (index > 0 && firstChar >= "0" && firstChar <= "9") {
|
|
288
|
+
return "_" + firstChar + lowerChars;
|
|
289
|
+
}
|
|
290
|
+
return "" + firstChar.toUpperCase() + lowerChars;
|
|
291
|
+
}
|
|
292
|
+
function pascalCase(input, options) {
|
|
293
|
+
if (options === void 0) {
|
|
294
|
+
options = {};
|
|
295
|
+
}
|
|
296
|
+
return noCase(input, tslib.__assign({
|
|
297
|
+
delimiter: "",
|
|
298
|
+
transform: pascalCaseTransform
|
|
299
|
+
}, options));
|
|
300
|
+
}
|
|
301
|
+
|
|
242
302
|
var flattenComponents = function flattenComponents(components) {
|
|
243
303
|
var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
244
304
|
if (components === null) {
|
|
245
305
|
return null;
|
|
246
306
|
}
|
|
247
307
|
return Object.keys(components).reduce(function (newMap, key) {
|
|
248
|
-
return
|
|
308
|
+
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
309
|
}, {});
|
|
250
310
|
};
|
|
251
|
-
var flattenComponents$1 = flattenComponents;
|
|
252
311
|
|
|
253
312
|
var getComponentFromName = function getComponentFromName() {
|
|
254
313
|
var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
@@ -257,7 +316,7 @@ var getComponentFromName = function getComponentFromName() {
|
|
|
257
316
|
if (components === null || name === null) {
|
|
258
317
|
return defaultComponent;
|
|
259
318
|
}
|
|
260
|
-
var pascalName =
|
|
319
|
+
var pascalName = pascalCase(name);
|
|
261
320
|
// console.log(name, pascalName, components);
|
|
262
321
|
var component = components[pascalName] || components[name] || defaultComponent;
|
|
263
322
|
if (!component) {
|
|
@@ -265,28 +324,27 @@ var getComponentFromName = function getComponentFromName() {
|
|
|
265
324
|
}
|
|
266
325
|
return component;
|
|
267
326
|
};
|
|
268
|
-
var getComponentFromName$1 = getComponentFromName;
|
|
269
327
|
|
|
270
328
|
var ComponentsManager = /*#__PURE__*/function () {
|
|
271
329
|
function ComponentsManager() {
|
|
272
330
|
var components = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
273
|
-
|
|
274
|
-
this.components = flattenComponents
|
|
331
|
+
_classCallCheck(this, ComponentsManager);
|
|
332
|
+
this.components = flattenComponents(components);
|
|
275
333
|
}
|
|
276
|
-
|
|
334
|
+
_createClass(ComponentsManager, [{
|
|
277
335
|
key: "addComponent",
|
|
278
336
|
value: function addComponent(name, component) {
|
|
279
337
|
var namespace = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
|
|
280
|
-
return this.addComponents(
|
|
338
|
+
return this.addComponents(_defineProperty({}, name, component), namespace);
|
|
281
339
|
}
|
|
282
340
|
}, {
|
|
283
341
|
key: "addComponents",
|
|
284
342
|
value: function addComponents(components) {
|
|
285
343
|
var namespace = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
286
344
|
var newComponents = namespace !== null ? Object.keys(components).reduce(function (componentsMaps, name) {
|
|
287
|
-
return
|
|
345
|
+
return _objectSpread(_objectSpread({}, componentsMaps), {}, _defineProperty({}, "".concat(namespace, ".").concat(name), components[name]));
|
|
288
346
|
}, {}) : components;
|
|
289
|
-
this.components =
|
|
347
|
+
this.components = _objectSpread(_objectSpread({}, this.components), newComponents);
|
|
290
348
|
return this;
|
|
291
349
|
}
|
|
292
350
|
}, {
|
|
@@ -303,7 +361,7 @@ var ComponentsManager = /*#__PURE__*/function () {
|
|
|
303
361
|
return this;
|
|
304
362
|
}
|
|
305
363
|
this.components = Object.keys(this.components).reduce(function (componentsMap, name) {
|
|
306
|
-
return
|
|
364
|
+
return _objectSpread(_objectSpread({}, componentsMap), {}, _defineProperty({}, "".concat(namespace, ".").concat(name), _this.components[name]));
|
|
307
365
|
}, {});
|
|
308
366
|
return this;
|
|
309
367
|
}
|
|
@@ -312,7 +370,7 @@ var ComponentsManager = /*#__PURE__*/function () {
|
|
|
312
370
|
value: function getComponent(name) {
|
|
313
371
|
var namespace = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
314
372
|
var components = this.getComponents(namespace);
|
|
315
|
-
return getComponentFromName
|
|
373
|
+
return getComponentFromName(name, components);
|
|
316
374
|
}
|
|
317
375
|
}, {
|
|
318
376
|
key: "getComponents",
|
|
@@ -322,7 +380,7 @@ var ComponentsManager = /*#__PURE__*/function () {
|
|
|
322
380
|
return namespace !== null ? Object.keys(this.components || {}).reduce(function (componentsMap, name) {
|
|
323
381
|
var pattern = new RegExp("^".concat(namespace, "\\.(.*)$"));
|
|
324
382
|
var matches = pattern.exec(name);
|
|
325
|
-
return matches !== null ?
|
|
383
|
+
return matches !== null ? _objectSpread(_objectSpread({}, componentsMap), {}, _defineProperty({}, matches[1], _this2.components[name])) : componentsMap;
|
|
326
384
|
}, null) : this.components;
|
|
327
385
|
}
|
|
328
386
|
}, {
|
|
@@ -339,19 +397,19 @@ var ComponentsManager$1 = ComponentsManager;
|
|
|
339
397
|
var DefinitionsManager = /*#__PURE__*/function () {
|
|
340
398
|
function DefinitionsManager() {
|
|
341
399
|
var definitions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
342
|
-
|
|
400
|
+
_classCallCheck(this, DefinitionsManager);
|
|
343
401
|
this.definitions = definitions || [];
|
|
344
402
|
}
|
|
345
|
-
|
|
403
|
+
_createClass(DefinitionsManager, [{
|
|
346
404
|
key: "addDefinition",
|
|
347
405
|
value: function addDefinition(definition) {
|
|
348
|
-
this.addDefinitions(
|
|
406
|
+
this.addDefinitions(isArray(definition) ? definition : [definition]);
|
|
349
407
|
return this;
|
|
350
408
|
}
|
|
351
409
|
}, {
|
|
352
410
|
key: "addDefinitions",
|
|
353
411
|
value: function addDefinitions(definitions) {
|
|
354
|
-
this.definitions =
|
|
412
|
+
this.definitions = uniqBy([].concat(_toConsumableArray(definitions), _toConsumableArray(this.definitions)), function (it) {
|
|
355
413
|
return it.id;
|
|
356
414
|
});
|
|
357
415
|
return this;
|
|
@@ -396,7 +454,7 @@ var DefinitionsManager = /*#__PURE__*/function () {
|
|
|
396
454
|
var id = _ref2.id,
|
|
397
455
|
_ref2$component = _ref2.component,
|
|
398
456
|
component = _ref2$component === void 0 ? null : _ref2$component;
|
|
399
|
-
return component !== null ?
|
|
457
|
+
return component !== null ? _objectSpread(_objectSpread({}, allComponents), {}, _defineProperty({}, id, component)) : allComponents;
|
|
400
458
|
}, {});
|
|
401
459
|
}
|
|
402
460
|
}]);
|
|
@@ -405,21 +463,21 @@ var DefinitionsManager = /*#__PURE__*/function () {
|
|
|
405
463
|
var DefinitionsManager$1 = DefinitionsManager;
|
|
406
464
|
|
|
407
465
|
var EventsManager = /*#__PURE__*/function (_EventEmitter) {
|
|
408
|
-
|
|
466
|
+
_inherits(EventsManager, _EventEmitter);
|
|
409
467
|
function EventsManager(element) {
|
|
410
468
|
var _this;
|
|
411
|
-
|
|
412
|
-
_this =
|
|
469
|
+
_classCallCheck(this, EventsManager);
|
|
470
|
+
_this = _callSuper(this, EventsManager);
|
|
413
471
|
_this.element = element;
|
|
414
472
|
_this.events = {};
|
|
415
473
|
_this.listeners = {};
|
|
416
474
|
return _this;
|
|
417
475
|
}
|
|
418
|
-
|
|
476
|
+
_createClass(EventsManager, [{
|
|
419
477
|
key: "subscribe",
|
|
420
478
|
value: function subscribe(event, callback) {
|
|
421
479
|
this.on(event, callback);
|
|
422
|
-
this.events =
|
|
480
|
+
this.events = _objectSpread(_objectSpread({}, this.events), {}, _defineProperty({}, event, [].concat(_toConsumableArray(this.events[event] || []), [callback])));
|
|
423
481
|
if (this.events[event].length === 1) {
|
|
424
482
|
this.addEventListener(event);
|
|
425
483
|
}
|
|
@@ -431,12 +489,12 @@ var EventsManager = /*#__PURE__*/function (_EventEmitter) {
|
|
|
431
489
|
this.off(event, callback);
|
|
432
490
|
this.events = Object.keys(this.events).reduce(function (newEvents, eventName) {
|
|
433
491
|
if (eventName !== event) {
|
|
434
|
-
return
|
|
492
|
+
return _objectSpread(_objectSpread({}, newEvents), {}, _defineProperty({}, eventName, _this2.events[eventName]));
|
|
435
493
|
}
|
|
436
494
|
var newListeners = _this2.events[eventName].filter(function (listener) {
|
|
437
495
|
return listener !== callback;
|
|
438
496
|
});
|
|
439
|
-
return newListeners.length > 0 ?
|
|
497
|
+
return newListeners.length > 0 ? _objectSpread(_objectSpread({}, newEvents), {}, _defineProperty({}, eventName, newListeners)) : newEvents;
|
|
440
498
|
}, {});
|
|
441
499
|
if (typeof this.events[event] === 'undefined') {
|
|
442
500
|
this.removeEventListener(event);
|
|
@@ -463,16 +521,16 @@ var EventsManager = /*#__PURE__*/function (_EventEmitter) {
|
|
|
463
521
|
}
|
|
464
522
|
}]);
|
|
465
523
|
return EventsManager;
|
|
466
|
-
}(
|
|
524
|
+
}(EventEmitter);
|
|
467
525
|
var EventsManager$1 = EventsManager;
|
|
468
526
|
|
|
469
527
|
var FieldsManager$2 = /*#__PURE__*/function (_DefinitionsManager) {
|
|
470
|
-
|
|
528
|
+
_inherits(FieldsManager, _DefinitionsManager);
|
|
471
529
|
function FieldsManager() {
|
|
472
|
-
|
|
473
|
-
return
|
|
530
|
+
_classCallCheck(this, FieldsManager);
|
|
531
|
+
return _callSuper(this, FieldsManager, arguments);
|
|
474
532
|
}
|
|
475
|
-
return
|
|
533
|
+
return _createClass(FieldsManager);
|
|
476
534
|
}(DefinitionsManager$1);
|
|
477
535
|
var FieldsManager$3 = FieldsManager$2;
|
|
478
536
|
|
|
@@ -481,13 +539,13 @@ var FontsParser = /*#__PURE__*/function () {
|
|
|
481
539
|
function FontsParser(_ref) {
|
|
482
540
|
var fieldsManager = _ref.fieldsManager,
|
|
483
541
|
screensManager = _ref.screensManager;
|
|
484
|
-
|
|
542
|
+
_classCallCheck(this, FontsParser);
|
|
485
543
|
this.fieldsManager = fieldsManager;
|
|
486
544
|
this.screensManager = screensManager;
|
|
487
545
|
}
|
|
488
546
|
|
|
489
547
|
// Extract fonts
|
|
490
|
-
|
|
548
|
+
_createClass(FontsParser, [{
|
|
491
549
|
key: "parse",
|
|
492
550
|
value: function parse(story) {
|
|
493
551
|
var _this = this;
|
|
@@ -501,14 +559,14 @@ var FontsParser = /*#__PURE__*/function () {
|
|
|
501
559
|
theme = _ref2$theme === void 0 ? null : _ref2$theme,
|
|
502
560
|
_ref2$components = _ref2.components,
|
|
503
561
|
components = _ref2$components === void 0 ? [] : _ref2$components;
|
|
504
|
-
var fonts =
|
|
562
|
+
var fonts = uniq(components.reduce(function (currentFonts, screen) {
|
|
505
563
|
var type = screen.type;
|
|
506
564
|
var _ref3 = _this.screensManager.getDefinition(type) || {},
|
|
507
565
|
_ref3$fields = _ref3.fields,
|
|
508
566
|
fields = _ref3$fields === void 0 ? [] : _ref3$fields;
|
|
509
567
|
var fieldsPattern = _this.getFieldsPattern(fields);
|
|
510
568
|
var newFonts = FontsParser.extractFontsWithPaths(screen, fieldsPattern);
|
|
511
|
-
return newFonts.length > 0 ? [].concat(
|
|
569
|
+
return newFonts.length > 0 ? [].concat(_toConsumableArray(currentFonts), _toConsumableArray(newFonts)) : currentFonts;
|
|
512
570
|
}, []), 'name');
|
|
513
571
|
|
|
514
572
|
// Extract fonts from theme
|
|
@@ -516,13 +574,13 @@ var FontsParser = /*#__PURE__*/function () {
|
|
|
516
574
|
var _this$parse = this.parse(theme),
|
|
517
575
|
_this$parse$fonts = _this$parse.fonts,
|
|
518
576
|
themeFonts = _this$parse$fonts === void 0 ? [] : _this$parse$fonts,
|
|
519
|
-
newTheme =
|
|
520
|
-
return fonts.length > 0 || themeFonts.length > 0 ?
|
|
577
|
+
newTheme = _objectWithoutProperties(_this$parse, _excluded$2);
|
|
578
|
+
return fonts.length > 0 || themeFonts.length > 0 ? _objectSpread(_objectSpread({}, story), {}, {
|
|
521
579
|
theme: newTheme,
|
|
522
|
-
fonts:
|
|
580
|
+
fonts: uniq([].concat(_toConsumableArray(themeFonts), _toConsumableArray(fonts)), 'name')
|
|
523
581
|
}) : story;
|
|
524
582
|
}
|
|
525
|
-
return fonts.length > 0 ?
|
|
583
|
+
return fonts.length > 0 ? _objectSpread(_objectSpread({}, story), {}, {
|
|
526
584
|
fonts: fonts
|
|
527
585
|
}) : story;
|
|
528
586
|
}
|
|
@@ -539,7 +597,7 @@ var FontsParser = /*#__PURE__*/function () {
|
|
|
539
597
|
var path = [namePrefix, name].filter(function (it) {
|
|
540
598
|
return it !== null;
|
|
541
599
|
}).join('\\.');
|
|
542
|
-
var fieldDefinition =
|
|
600
|
+
var fieldDefinition = _objectSpread(_objectSpread({}, type !== null ? _this2.fieldsManager.getDefinition(type) : null), field);
|
|
543
601
|
|
|
544
602
|
// also check settings fields
|
|
545
603
|
var _fieldDefinition$fiel = fieldDefinition.fields,
|
|
@@ -548,7 +606,7 @@ var FontsParser = /*#__PURE__*/function () {
|
|
|
548
606
|
itemsField = _fieldDefinition$item === void 0 ? null : _fieldDefinition$item,
|
|
549
607
|
_fieldDefinition$sett = fieldDefinition.settings,
|
|
550
608
|
settings = _fieldDefinition$sett === void 0 ? [] : _fieldDefinition$sett;
|
|
551
|
-
return [].concat(
|
|
609
|
+
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
610
|
}, []);
|
|
553
611
|
}
|
|
554
612
|
}], [{
|
|
@@ -569,8 +627,8 @@ var FontsParser = /*#__PURE__*/function () {
|
|
|
569
627
|
key: "extractFontsWithPaths",
|
|
570
628
|
value: function extractFontsWithPaths(data, patterns) {
|
|
571
629
|
var keyPrefix = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
|
|
572
|
-
var dataIsArray =
|
|
573
|
-
var keys = dataIsArray ?
|
|
630
|
+
var dataIsArray = isArray(data);
|
|
631
|
+
var keys = dataIsArray ? _toConsumableArray(data.keys()) : Object.keys(data);
|
|
574
632
|
return keys.reduce(function (currentFonts, key) {
|
|
575
633
|
var path = [keyPrefix, key].filter(function (it) {
|
|
576
634
|
return it !== null;
|
|
@@ -581,12 +639,12 @@ var FontsParser = /*#__PURE__*/function () {
|
|
|
581
639
|
var value = data[key];
|
|
582
640
|
var font = null;
|
|
583
641
|
var subFonts = null;
|
|
584
|
-
if (patternMatch &&
|
|
642
|
+
if (patternMatch && isObject(value) && FontsParser.valueIsFont(value)) {
|
|
585
643
|
font = value;
|
|
586
|
-
} else if (
|
|
644
|
+
} else if (isObject(value) || isArray(value)) {
|
|
587
645
|
subFonts = FontsParser.extractFontsWithPaths(value, patterns, path);
|
|
588
646
|
}
|
|
589
|
-
return subFonts !== null || font !== null ? [].concat(
|
|
647
|
+
return subFonts !== null || font !== null ? [].concat(_toConsumableArray(currentFonts), _toConsumableArray(subFonts || []), _toConsumableArray(font !== null ? [font] : [])) : currentFonts;
|
|
590
648
|
}, []);
|
|
591
649
|
}
|
|
592
650
|
}]);
|
|
@@ -595,12 +653,12 @@ var FontsParser = /*#__PURE__*/function () {
|
|
|
595
653
|
var FontsParser$1 = FontsParser;
|
|
596
654
|
|
|
597
655
|
var FieldsManager = /*#__PURE__*/function (_ComponentsManager) {
|
|
598
|
-
|
|
656
|
+
_inherits(FieldsManager, _ComponentsManager);
|
|
599
657
|
function FieldsManager() {
|
|
600
|
-
|
|
601
|
-
return
|
|
658
|
+
_classCallCheck(this, FieldsManager);
|
|
659
|
+
return _callSuper(this, FieldsManager, arguments);
|
|
602
660
|
}
|
|
603
|
-
return
|
|
661
|
+
return _createClass(FieldsManager);
|
|
604
662
|
}(ComponentsManager$1);
|
|
605
663
|
var FieldsManager$1 = FieldsManager;
|
|
606
664
|
|
|
@@ -609,13 +667,13 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
609
667
|
function MediasParser(_ref) {
|
|
610
668
|
var fieldsManager = _ref.fieldsManager,
|
|
611
669
|
screensManager = _ref.screensManager;
|
|
612
|
-
|
|
670
|
+
_classCallCheck(this, MediasParser);
|
|
613
671
|
this.fieldsManager = fieldsManager;
|
|
614
672
|
this.screensManager = screensManager;
|
|
615
673
|
}
|
|
616
674
|
|
|
617
675
|
// Convert medias object to path
|
|
618
|
-
|
|
676
|
+
_createClass(MediasParser, [{
|
|
619
677
|
key: "toPath",
|
|
620
678
|
value: function toPath(story) {
|
|
621
679
|
var _this = this;
|
|
@@ -639,8 +697,8 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
639
697
|
newScreen = _MediasParser$replace.data,
|
|
640
698
|
newMedias = _MediasParser$replace.medias;
|
|
641
699
|
return {
|
|
642
|
-
components: [].concat(
|
|
643
|
-
medias:
|
|
700
|
+
components: [].concat(_toConsumableArray(previousComponents), [newScreen]),
|
|
701
|
+
medias: _objectSpread(_objectSpread({}, currentMedias), newMedias)
|
|
644
702
|
};
|
|
645
703
|
}, {
|
|
646
704
|
components: [],
|
|
@@ -651,14 +709,14 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
651
709
|
if (theme !== null) {
|
|
652
710
|
var _this$toPath = this.toPath(theme),
|
|
653
711
|
themeMedias = _this$toPath.medias,
|
|
654
|
-
newTheme =
|
|
655
|
-
return medias !== null || themeMedias !== null ?
|
|
712
|
+
newTheme = _objectWithoutProperties(_this$toPath, _excluded$1);
|
|
713
|
+
return medias !== null || themeMedias !== null ? _objectSpread(_objectSpread({}, story), {}, {
|
|
656
714
|
theme: newTheme,
|
|
657
715
|
components: newComponents,
|
|
658
|
-
medias:
|
|
716
|
+
medias: _objectSpread(_objectSpread({}, themeMedias), medias)
|
|
659
717
|
}) : story;
|
|
660
718
|
}
|
|
661
|
-
return medias !== null ?
|
|
719
|
+
return medias !== null ? _objectSpread(_objectSpread({}, story), {}, {
|
|
662
720
|
components: newComponents,
|
|
663
721
|
medias: medias
|
|
664
722
|
}) : story;
|
|
@@ -697,12 +755,12 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
697
755
|
// Replace path with medias object in theme
|
|
698
756
|
if (theme !== null) {
|
|
699
757
|
var newTheme = this.fromPath(theme, medias);
|
|
700
|
-
return newTheme !== theme || newComponents !== components ?
|
|
758
|
+
return newTheme !== theme || newComponents !== components ? _objectSpread(_objectSpread({}, story), {}, {
|
|
701
759
|
theme: newTheme,
|
|
702
760
|
components: newComponents
|
|
703
761
|
}) : story;
|
|
704
762
|
}
|
|
705
|
-
return newComponents !== components ?
|
|
763
|
+
return newComponents !== components ? _objectSpread(_objectSpread({}, story), {}, {
|
|
706
764
|
components: newComponents
|
|
707
765
|
}) : story;
|
|
708
766
|
}
|
|
@@ -719,7 +777,7 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
719
777
|
var path = [namePrefix, name].filter(function (it) {
|
|
720
778
|
return it !== null;
|
|
721
779
|
}).join('\\.');
|
|
722
|
-
var fieldDefinition =
|
|
780
|
+
var fieldDefinition = _objectSpread(_objectSpread({}, type !== null ? _this3.fieldsManager.getDefinition(type) : null), field);
|
|
723
781
|
|
|
724
782
|
// also check settings fields
|
|
725
783
|
var _fieldDefinition$fiel = fieldDefinition.fields,
|
|
@@ -728,7 +786,7 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
728
786
|
itemsField = _fieldDefinition$item === void 0 ? null : _fieldDefinition$item,
|
|
729
787
|
_fieldDefinition$sett = fieldDefinition.settings,
|
|
730
788
|
settings = _fieldDefinition$sett === void 0 ? [] : _fieldDefinition$sett;
|
|
731
|
-
return [].concat(
|
|
789
|
+
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
790
|
}, []);
|
|
733
791
|
}
|
|
734
792
|
}], [{
|
|
@@ -749,8 +807,8 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
749
807
|
key: "replacePathsWithMedias",
|
|
750
808
|
value: function replacePathsWithMedias(data, medias, patterns) {
|
|
751
809
|
var keyPrefix = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
|
|
752
|
-
var dataIsArray =
|
|
753
|
-
var keys = dataIsArray ?
|
|
810
|
+
var dataIsArray = isArray(data);
|
|
811
|
+
var keys = dataIsArray ? _toConsumableArray(data.keys()) : Object.keys(data);
|
|
754
812
|
return keys.reduce(function (newData, key) {
|
|
755
813
|
var path = [keyPrefix, key].filter(function (it) {
|
|
756
814
|
return it !== null;
|
|
@@ -761,11 +819,11 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
761
819
|
var value = data[key];
|
|
762
820
|
var newValue;
|
|
763
821
|
if (patternMatch) {
|
|
764
|
-
newValue =
|
|
822
|
+
newValue = isObject(value) ? value : medias[value] || null;
|
|
765
823
|
} else {
|
|
766
|
-
newValue =
|
|
824
|
+
newValue = isObject(value) || isArray(value) ? MediasParser.replacePathsWithMedias(value, medias, patterns, path) : value;
|
|
767
825
|
}
|
|
768
|
-
return dataIsArray ? [].concat(
|
|
826
|
+
return dataIsArray ? [].concat(_toConsumableArray(newData), [newValue]) : _objectSpread(_objectSpread({}, newData), {}, _defineProperty({}, key, newValue));
|
|
769
827
|
}, dataIsArray ? [] : {});
|
|
770
828
|
}
|
|
771
829
|
}, {
|
|
@@ -780,8 +838,8 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
780
838
|
value: function replaceMediasWithPaths(data, patterns) {
|
|
781
839
|
var medias = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
|
|
782
840
|
var keyPrefix = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
|
|
783
|
-
var dataIsArray =
|
|
784
|
-
var keys = dataIsArray ?
|
|
841
|
+
var dataIsArray = isArray(data);
|
|
842
|
+
var keys = dataIsArray ? _toConsumableArray(data.keys()) : Object.keys(data);
|
|
785
843
|
return keys.reduce(function (_ref10, key) {
|
|
786
844
|
var currentData = _ref10.data,
|
|
787
845
|
currentMedias = _ref10.medias;
|
|
@@ -795,11 +853,11 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
795
853
|
var newValue;
|
|
796
854
|
var media = null;
|
|
797
855
|
var subMedias = null;
|
|
798
|
-
if (patternMatch &&
|
|
856
|
+
if (patternMatch && isObject(value)) {
|
|
799
857
|
var mediaPath = MediasParser.getMediaPath(value);
|
|
800
858
|
newValue = mediaPath !== null ? mediaPath : value;
|
|
801
859
|
media = mediaPath !== null ? value : null;
|
|
802
|
-
} else if (
|
|
860
|
+
} else if (isObject(value) || isArray(value)) {
|
|
803
861
|
var subReturn = MediasParser.replaceMediasWithPaths(value, patterns, medias, path);
|
|
804
862
|
newValue = subReturn.data;
|
|
805
863
|
subMedias = subReturn.medias;
|
|
@@ -807,8 +865,8 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
807
865
|
newValue = value;
|
|
808
866
|
}
|
|
809
867
|
return {
|
|
810
|
-
data: dataIsArray ? [].concat(
|
|
811
|
-
medias: media !== null ?
|
|
868
|
+
data: dataIsArray ? [].concat(_toConsumableArray(currentData || []), [newValue]) : _objectSpread(_objectSpread({}, currentData), {}, _defineProperty({}, key, newValue)),
|
|
869
|
+
medias: media !== null ? _objectSpread(_objectSpread(_objectSpread({}, currentMedias), subMedias), {}, _defineProperty({}, newValue, media)) : _objectSpread(_objectSpread({}, currentMedias), subMedias)
|
|
812
870
|
};
|
|
813
871
|
}, {
|
|
814
872
|
data: null,
|
|
@@ -823,12 +881,12 @@ var MediasParser$1 = MediasParser;
|
|
|
823
881
|
var _excluded = ["value"],
|
|
824
882
|
_excluded2 = ["value"];
|
|
825
883
|
var Tracking = /*#__PURE__*/function (_BaseTracking) {
|
|
826
|
-
|
|
884
|
+
_inherits(Tracking, _BaseTracking);
|
|
827
885
|
function Tracking() {
|
|
828
886
|
var _this;
|
|
829
887
|
var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
830
|
-
|
|
831
|
-
_this =
|
|
888
|
+
_classCallCheck(this, Tracking);
|
|
889
|
+
_this = _callSuper(this, Tracking, [opts]);
|
|
832
890
|
var _this$options$variabl = _this.options.variables,
|
|
833
891
|
variables = _this$options$variabl === void 0 ? null : _this$options$variabl;
|
|
834
892
|
_this.variables = null;
|
|
@@ -837,7 +895,7 @@ var Tracking = /*#__PURE__*/function (_BaseTracking) {
|
|
|
837
895
|
}
|
|
838
896
|
return _this;
|
|
839
897
|
}
|
|
840
|
-
|
|
898
|
+
_createClass(Tracking, [{
|
|
841
899
|
key: "setVariables",
|
|
842
900
|
value: function setVariables(variables) {
|
|
843
901
|
this.variables = variables;
|
|
@@ -872,8 +930,8 @@ var Tracking = /*#__PURE__*/function (_BaseTracking) {
|
|
|
872
930
|
var _ref2 = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {},
|
|
873
931
|
_ref2$value = _ref2.value,
|
|
874
932
|
value = _ref2$value === void 0 ? null : _ref2$value,
|
|
875
|
-
opts =
|
|
876
|
-
var data =
|
|
933
|
+
opts = _objectWithoutProperties(_ref2, _excluded);
|
|
934
|
+
var data = _objectSpread(_objectSpread({}, opts), {}, {
|
|
877
935
|
event: 'eventInteraction',
|
|
878
936
|
eventCategory: category,
|
|
879
937
|
eventAction: action,
|
|
@@ -888,7 +946,7 @@ var Tracking = /*#__PURE__*/function (_BaseTracking) {
|
|
|
888
946
|
var _ref3 = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {},
|
|
889
947
|
_ref3$value = _ref3.value,
|
|
890
948
|
value = _ref3$value === void 0 ? null : _ref3$value,
|
|
891
|
-
opts =
|
|
949
|
+
opts = _objectWithoutProperties(_ref3, _excluded2);
|
|
892
950
|
var _ref4 = media || {},
|
|
893
951
|
_ref4$id = _ref4.id,
|
|
894
952
|
mediaId = _ref4$id === void 0 ? null : _ref4$id,
|
|
@@ -899,7 +957,7 @@ var Tracking = /*#__PURE__*/function (_BaseTracking) {
|
|
|
899
957
|
_ref4$currentTime = _ref4.currentTime,
|
|
900
958
|
currentTime = _ref4$currentTime === void 0 ? null : _ref4$currentTime;
|
|
901
959
|
var label = name;
|
|
902
|
-
var data =
|
|
960
|
+
var data = _objectSpread(_objectSpread({}, opts), {}, {
|
|
903
961
|
event: 'eventInteraction',
|
|
904
962
|
eventCategory: type,
|
|
905
963
|
eventAction: action,
|