@panneau/core 1.0.0-y.0 → 1.0.3-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/es/contexts.js +139 -94
  2. package/es/hooks.js +35 -14
  3. package/es/index.js +43 -11
  4. package/es/utils.js +86 -71
  5. package/lib/contexts.js +338 -293
  6. package/lib/hooks.js +82 -61
  7. package/lib/index.js +193 -160
  8. package/lib/utils.js +107 -93
  9. package/package.json +24 -23
package/lib/hooks.js CHANGED
@@ -14,6 +14,8 @@ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
14
14
  var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
15
15
  var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
16
16
  var fetch = require('@folklore/fetch');
17
+ var get = require('lodash/get');
18
+ var isArray = require('lodash/isArray');
17
19
  var isObject = require('lodash/isObject');
18
20
  var contexts = require('@panneau/core/contexts');
19
21
  var cssMediaquery = require('css-mediaquery');
@@ -29,14 +31,12 @@ function _interopNamespace(e) {
29
31
  var d = Object.getOwnPropertyDescriptor(e, k);
30
32
  Object.defineProperty(n, k, d.get ? d : {
31
33
  enumerable: true,
32
- get: function () {
33
- return e[k];
34
- }
34
+ get: function () { return e[k]; }
35
35
  });
36
36
  }
37
37
  });
38
38
  }
39
- n['default'] = e;
39
+ n["default"] = e;
40
40
  return Object.freeze(n);
41
41
  }
42
42
 
@@ -47,6 +47,8 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
47
47
  var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
48
48
  var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
49
49
  var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
50
+ var get__default = /*#__PURE__*/_interopDefaultLegacy(get);
51
+ var isArray__default = /*#__PURE__*/_interopDefaultLegacy(isArray);
50
52
  var isObject__default = /*#__PURE__*/_interopDefaultLegacy(isObject);
51
53
 
52
54
  var useAnimationFrame = function useAnimationFrame(onFrame) {
@@ -88,9 +90,9 @@ var useFormattedDate = function useFormattedDate() {
88
90
  showToday = _ref$showToday === void 0 ? true : _ref$showToday;
89
91
 
90
92
  var intl = reactIntl.useIntl();
91
- var today = dayjs__default['default']();
93
+ var today = dayjs__default["default"]();
92
94
  return react.useCallback(function (date) {
93
- var dateToFormat = isString__default['default'](date) ? dayjs__default['default'](date) : date;
95
+ var dateToFormat = isString__default["default"](date) ? dayjs__default["default"](date) : date;
94
96
 
95
97
  if (showToday && dateToFormat.format('YYYY-MM-DD') === today.format('YYYY-MM-DD')) {
96
98
  return intl.formatMessage({
@@ -102,7 +104,7 @@ var useFormattedDate = function useFormattedDate() {
102
104
  });
103
105
  }
104
106
 
105
- return intl.formatDate(dayjs__default['default'](date).toDate(), _objectSpread__default['default']({
107
+ return intl.formatDate(dayjs__default["default"](date).toDate(), _objectSpread__default["default"]({
106
108
  year: 'numeric',
107
109
  month: 'long',
108
110
  day: '2-digit'
@@ -119,9 +121,9 @@ var useFormattedTime = function useFormattedTime() {
119
121
  timeGap = _ref2$timeGap === void 0 ? 2 : _ref2$timeGap;
120
122
 
121
123
  var intl = reactIntl.useIntl();
122
- var now = dayjs__default['default']();
124
+ var now = dayjs__default["default"]();
123
125
  return react.useCallback(function (date) {
124
- var dateToFormat = isString__default['default'](date) ? dayjs__default['default'](date) : date;
126
+ var dateToFormat = isString__default["default"](date) ? dayjs__default["default"](date) : date;
125
127
 
126
128
  if (showNow && dateToFormat.format('YYYY-MM-DD') === now.format('YYYY-MM-DD') && dateToFormat.hour() === now.hour() && dateToFormat.minute() > now.minute() - timeGap && dateToFormat.minute() < now.minute() + timeGap) {
127
129
  return intl.formatMessage({
@@ -133,7 +135,7 @@ var useFormattedTime = function useFormattedTime() {
133
135
  });
134
136
  }
135
137
 
136
- return intl.formatTime(dateToFormat.toDate(), _objectSpread__default['default']({
138
+ return intl.formatTime(dateToFormat.toDate(), _objectSpread__default["default"]({
137
139
  hour: 'numeric',
138
140
  minute: 'numeric'
139
141
  }, format));
@@ -149,20 +151,28 @@ var getFieldsPropsFromFields = function getFieldsPropsFromFields(fields, _ref) {
149
151
  var value = _ref.value,
150
152
  errors = _ref.errors,
151
153
  _onChange = _ref.onChange,
152
- props = _objectWithoutProperties__default['default'](_ref, _excluded$1);
154
+ props = _objectWithoutProperties__default["default"](_ref, _excluded$1);
153
155
 
156
+ var locales = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
154
157
  return fields.reduce(function (allFields, field) {
155
- var _ref2 = isObject__default['default'](field) ? field : {},
158
+ var _ref2 = isObject__default["default"](field) ? field : {},
156
159
  _ref2$name = _ref2.name,
157
- name = _ref2$name === void 0 ? isString__default['default'](field) ? field : null : _ref2$name,
160
+ name = _ref2$name === void 0 ? isString__default["default"](field) ? field : null : _ref2$name,
158
161
  _ref2$component = _ref2.component,
159
162
  component = _ref2$component === void 0 ? null : _ref2$component;
160
163
 
161
- return [].concat(_toConsumableArray__default['default'](allFields), [_objectSpread__default['default'](_objectSpread__default['default']({}, isObject__default['default'](field) ? field : null), {}, {
164
+ var fieldErrors = errors !== null ? errors[name] || [] : [];
165
+ var localizedErrors = component === 'localized' ? (locales || []).reduce(function (previousErrors, locale) {
166
+ var items = errors !== null ? get__default["default"](errors, "".concat(name, ".").concat(locale), []) || [] : [];
167
+ var finalItems = isArray__default["default"](items) ? items : [items];
168
+ var finalPrevious = isArray__default["default"](previousErrors) ? previousErrors : [];
169
+ return [].concat(_toConsumableArray__default["default"](finalPrevious), _toConsumableArray__default["default"](finalItems));
170
+ }, fieldErrors) : fieldErrors;
171
+ return [].concat(_toConsumableArray__default["default"](allFields), [_objectSpread__default["default"](_objectSpread__default["default"]({}, isObject__default["default"](field) ? field : null), {}, {
162
172
  name: name,
163
173
  component: component,
164
174
  value: value !== null ? value[name] || null : null,
165
- errors: errors !== null ? errors[name] || null : null,
175
+ errors: localizedErrors.length > 0 ? localizedErrors : null,
166
176
  onChange: function onChange(fieldValue) {
167
177
  return _onChange(name, fieldValue);
168
178
  }
@@ -197,20 +207,22 @@ var useForm = function useForm() {
197
207
  _opts$setValue = opts.setValue,
198
208
  setProvidedValue = _opts$setValue === void 0 ? null : _opts$setValue,
199
209
  _opts$onComplete = opts.onComplete,
200
- onComplete = _opts$onComplete === void 0 ? null : _opts$onComplete;
210
+ onComplete = _opts$onComplete === void 0 ? null : _opts$onComplete,
211
+ _opts$locales = opts.locales,
212
+ locales = _opts$locales === void 0 ? [] : _opts$locales;
201
213
 
202
214
  var _useState = react.useState(initialValue || providedValue),
203
- _useState2 = _slicedToArray__default['default'](_useState, 2),
215
+ _useState2 = _slicedToArray__default["default"](_useState, 2),
204
216
  stateValue = _useState2[0],
205
217
  setStateValue = _useState2[1];
206
218
 
207
219
  var _useState3 = react.useState(initialErrors || providedErrors),
208
- _useState4 = _slicedToArray__default['default'](_useState3, 2),
220
+ _useState4 = _slicedToArray__default["default"](_useState3, 2),
209
221
  stateErrors = _useState4[0],
210
222
  setStateErrors = _useState4[1];
211
223
 
212
224
  var _useState5 = react.useState(initialGeneralError || providedGeneralError),
213
- _useState6 = _slicedToArray__default['default'](_useState5, 2),
225
+ _useState6 = _slicedToArray__default["default"](_useState5, 2),
214
226
  stateGeneralError = _useState6[0],
215
227
  setStateGeneralError = _useState6[1];
216
228
 
@@ -219,12 +231,12 @@ var useForm = function useForm() {
219
231
  loading: false,
220
232
  error: false
221
233
  }),
222
- _useState8 = _slicedToArray__default['default'](_useState7, 2),
234
+ _useState8 = _slicedToArray__default["default"](_useState7, 2),
223
235
  requestState = _useState8[0],
224
236
  setRequestState = _useState8[1];
225
237
 
226
238
  var _useState9 = react.useState(null),
227
- _useState10 = _slicedToArray__default['default'](_useState9, 2),
239
+ _useState10 = _slicedToArray__default["default"](_useState9, 2),
228
240
  response = _useState10[0],
229
241
  setResponse = _useState10[1];
230
242
 
@@ -237,22 +249,22 @@ var useForm = function useForm() {
237
249
  var hasProvidedGeneralError = setProvidedGeneralError !== null;
238
250
  var generalError = hasProvidedGeneralError ? providedGeneralError : stateGeneralError;
239
251
  var setGeneralError = hasProvidedGeneralError ? setProvidedGeneralError : setStateGeneralError;
240
- var fieldsKey = [value, errors].concat(fields);
252
+ var fieldsKey = [value, errors, locales].concat(fields);
241
253
  var onFieldChange = react.useCallback(function (fieldName, fieldValue) {
242
254
  var fieldErrors = errors !== null ? errors[fieldName] || null : null;
243
255
 
244
256
  if (fieldErrors !== null) {
245
- setErrors(_objectSpread__default['default'](_objectSpread__default['default']({}, errors), {}, _defineProperty__default['default']({}, fieldName, null)));
257
+ setErrors(_objectSpread__default["default"](_objectSpread__default["default"]({}, errors), {}, _defineProperty__default["default"]({}, fieldName, null)));
246
258
  }
247
259
 
248
- setValue(_objectSpread__default['default'](_objectSpread__default['default']({}, value), {}, _defineProperty__default['default']({}, fieldName, fieldValue)));
260
+ setValue(_objectSpread__default["default"](_objectSpread__default["default"]({}, value), {}, _defineProperty__default["default"]({}, fieldName, fieldValue)));
249
261
  }, fieldsKey);
250
262
  var fieldsProps = react.useMemo(function () {
251
263
  return getFieldsPropsFromFields(fields, {
252
264
  value: value,
253
265
  errors: errors,
254
266
  onChange: onFieldChange
255
- });
267
+ }, locales);
256
268
  }, fieldsKey);
257
269
  var csrfToken = react.useMemo(function () {
258
270
  return fetch.getCsrfToken();
@@ -283,7 +295,10 @@ var useForm = function useForm() {
283
295
  error: false
284
296
  });
285
297
  setResponse(resp);
286
- onComplete(resp);
298
+
299
+ if (onComplete !== null) {
300
+ onComplete(resp);
301
+ }
287
302
  };
288
303
 
289
304
  var finalPostForm = react.useCallback(function (postAction, postData) {
@@ -301,7 +316,7 @@ var useForm = function useForm() {
301
316
  });
302
317
  setGeneralError(null);
303
318
  setErrors(null);
304
- finalPostForm(action, _objectSpread__default['default'](_objectSpread__default['default']({}, submitValue), {}, {
319
+ finalPostForm(action, _objectSpread__default["default"](_objectSpread__default["default"]({}, submitValue), {}, {
305
320
  _token: csrfToken
306
321
  })).then(onSubmitSuccess)["catch"](onSubmitError);
307
322
  }, [finalPostForm, action, value]);
@@ -319,7 +334,7 @@ var useForm = function useForm() {
319
334
  status = 'error';
320
335
  }
321
336
 
322
- return _objectSpread__default['default'](_objectSpread__default['default']({
337
+ return _objectSpread__default["default"](_objectSpread__default["default"]({
323
338
  value: value,
324
339
  setValue: setValue,
325
340
  csrfToken: csrfToken,
@@ -360,15 +375,15 @@ var createObserver = function createObserver(Observer) {
360
375
 
361
376
  if (currentSubscriber !== null) {
362
377
  return subscribers.map(function (it) {
363
- return it.element === element && it.callbacks.indexOf(callback) === -1 ? _objectSpread__default['default'](_objectSpread__default['default']({}, it), {}, {
364
- callbacks: [].concat(_toConsumableArray__default['default'](it.callbacks), [callback])
378
+ return it.element === element && it.callbacks.indexOf(callback) === -1 ? _objectSpread__default["default"](_objectSpread__default["default"]({}, it), {}, {
379
+ callbacks: [].concat(_toConsumableArray__default["default"](it.callbacks), [callback])
365
380
  }) : it;
366
381
  }).filter(function (it) {
367
382
  return it.callbacks.length > 0;
368
383
  });
369
384
  }
370
385
 
371
- return [].concat(_toConsumableArray__default['default'](subscribers), [{
386
+ return [].concat(_toConsumableArray__default["default"](subscribers), [{
372
387
  element: element,
373
388
  callbacks: [callback]
374
389
  }]);
@@ -376,7 +391,7 @@ var createObserver = function createObserver(Observer) {
376
391
 
377
392
  var removeSubscriber = function removeSubscriber(element, callback) {
378
393
  return subscribers.map(function (it) {
379
- return it.element === element ? _objectSpread__default['default'](_objectSpread__default['default']({}, it), {}, {
394
+ return it.element === element ? _objectSpread__default["default"](_objectSpread__default["default"]({}, it), {}, {
380
395
  callbacks: it.callbacks.filter(function (subCallback) {
381
396
  return subCallback !== callback;
382
397
  })
@@ -472,7 +487,7 @@ var useObserver = function useObserver(Observer) {
472
487
  disabled = _opts$disabled === void 0 ? false : _opts$disabled;
473
488
 
474
489
  var _useState = react.useState(initialEntry),
475
- _useState2 = _slicedToArray__default['default'](_useState, 2),
490
+ _useState2 = _slicedToArray__default["default"](_useState, 2),
476
491
  entry = _useState2[0],
477
492
  setEntry = _useState2[1];
478
493
 
@@ -621,7 +636,7 @@ var addFontLoading = function addFontLoading(name) {
621
636
  fontsMap.active = fontsMap.active.filter(function (it) {
622
637
  return it !== name;
623
638
  });
624
- fontsMap.loading = [].concat(_toConsumableArray__default['default'](fontsMap.loading), [name]);
639
+ fontsMap.loading = [].concat(_toConsumableArray__default["default"](fontsMap.loading), [name]);
625
640
  };
626
641
 
627
642
  var removeFontLoading = function removeFontLoading(name) {
@@ -634,18 +649,18 @@ var addFontActive = function addFontActive(name) {
634
649
  fontsMap.loading = fontsMap.loading.filter(function (it) {
635
650
  return it !== name;
636
651
  });
637
- fontsMap.active = [].concat(_toConsumableArray__default['default'](fontsMap.active), [name]);
652
+ fontsMap.active = [].concat(_toConsumableArray__default["default"](fontsMap.active), [name]);
638
653
  };
639
654
 
640
655
  var useLoadedFonts = function useLoadedFonts(fonts) {
641
656
  var _useState = react.useState(false),
642
- _useState2 = _slicedToArray__default['default'](_useState, 2),
657
+ _useState2 = _slicedToArray__default["default"](_useState, 2),
643
658
  loaded = _useState2[0],
644
659
  setLoaded = _useState2[1];
645
660
 
646
661
  react.useEffect(function () {
647
662
  var config = fonts.reduce(function (newConfig, font) {
648
- var _ref = isObject__default['default'](font) ? font : {
663
+ var _ref = isObject__default["default"](font) ? font : {
649
664
  type: 'system',
650
665
  name: font
651
666
  },
@@ -653,8 +668,8 @@ var useLoadedFonts = function useLoadedFonts(fonts) {
653
668
  name = _ref.name;
654
669
 
655
670
  if ((type === 'google' || type === 'custom') && !isFontLoading(name) && !isFontActive(name)) {
656
- return _objectSpread__default['default'](_objectSpread__default['default']({}, newConfig), {}, _defineProperty__default['default']({}, type, {
657
- families: [].concat(_toConsumableArray__default['default'](newConfig !== null ? (newConfig[type] || {}).families || [] : []), [name])
671
+ return _objectSpread__default["default"](_objectSpread__default["default"]({}, newConfig), {}, _defineProperty__default["default"]({}, type, {
672
+ families: [].concat(_toConsumableArray__default["default"](newConfig !== null ? (newConfig[type] || {}).families || [] : []), [name])
658
673
  }));
659
674
  }
660
675
 
@@ -665,7 +680,7 @@ var useLoadedFonts = function useLoadedFonts(fonts) {
665
680
  if (hasConfig && typeof window !== 'undefined') {
666
681
  Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('webfontloader')); }).then(function (_ref2) {
667
682
  var WebFont = _ref2["default"];
668
- return WebFont.load(_objectSpread__default['default'](_objectSpread__default['default']({}, config), {}, {
683
+ return WebFont.load(_objectSpread__default["default"](_objectSpread__default["default"]({}, config), {}, {
669
684
  timeout: 3000,
670
685
  active: function active() {
671
686
  return setLoaded(true);
@@ -722,32 +737,32 @@ var useMediaApi = function useMediaApi() {
722
737
  var ref = react.useRef(null);
723
738
 
724
739
  var _useState = react.useState(initialMuted),
725
- _useState2 = _slicedToArray__default['default'](_useState, 2),
740
+ _useState2 = _slicedToArray__default["default"](_useState, 2),
726
741
  muted = _useState2[0],
727
742
  setMuted = _useState2[1];
728
743
 
729
744
  var _useState3 = react.useState(null),
730
- _useState4 = _slicedToArray__default['default'](_useState3, 2),
745
+ _useState4 = _slicedToArray__default["default"](_useState3, 2),
731
746
  currentTime = _useState4[0],
732
747
  setCurrentTime = _useState4[1];
733
748
 
734
749
  var _useState5 = react.useState(null),
735
- _useState6 = _slicedToArray__default['default'](_useState5, 2),
750
+ _useState6 = _slicedToArray__default["default"](_useState5, 2),
736
751
  duration = _useState6[0],
737
752
  setDuration = _useState6[1];
738
753
 
739
754
  var _useState7 = react.useState(false),
740
- _useState8 = _slicedToArray__default['default'](_useState7, 2),
755
+ _useState8 = _slicedToArray__default["default"](_useState7, 2),
741
756
  playing = _useState8[0],
742
757
  setPlaying = _useState8[1];
743
758
 
744
759
  var _useState9 = react.useState(false),
745
- _useState10 = _slicedToArray__default['default'](_useState9, 2),
760
+ _useState10 = _slicedToArray__default["default"](_useState9, 2),
746
761
  ready = _useState10[0],
747
762
  setReady = _useState10[1];
748
763
 
749
764
  var _useState11 = react.useState(true),
750
- _useState12 = _slicedToArray__default['default'](_useState11, 2),
765
+ _useState12 = _slicedToArray__default["default"](_useState11, 2),
751
766
  initialPlay = _useState12[0],
752
767
  setInitialPlay = _useState12[1];
753
768
 
@@ -979,7 +994,7 @@ var useMediasParser = function useMediasParser() {
979
994
  };
980
995
 
981
996
  var getResource = function getResource(resources, resourceId) {
982
- return resourceId !== null && !isObject__default['default'](resourceId) ? resources.find(function (it) {
997
+ return resourceId !== null && !isObject__default["default"](resourceId) ? resources.find(function (it) {
983
998
  return it.id === resourceId;
984
999
  }) || null : resourceId;
985
1000
  };
@@ -987,21 +1002,27 @@ var getResource = function getResource(resources, resourceId) {
987
1002
  var useResourceUrlGenerator = function useResourceUrlGenerator() {
988
1003
  var resourceId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
989
1004
  var resources = contexts.usePanneauResources();
990
- var resource = getResource(resources, resourceId);
1005
+ var contextResource = contexts.useResource();
1006
+ var resource = getResource(resources, resourceId) || contextResource;
991
1007
  var route = contexts.useUrlGenerator();
992
1008
  return function (routeResourceId) {
993
1009
  var routeName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
994
1010
  var params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
995
1011
  var finalRouteName = resourceId !== null ? routeResourceId : routeName;
996
1012
  var finalParams = resourceId !== null ? routeName : params;
997
- var finalResource = resource || getResource(resources, routeResourceId);
998
- var id = finalResource.id,
999
- _finalResource$has_ro = finalResource.has_routes,
1000
- hasRoutes = _finalResource$has_ro === void 0 ? false : _finalResource$has_ro;
1001
- var routePrefix = hasRoutes ? "resources.".concat(id) : 'resources';
1002
- return route("".concat(routePrefix, ".").concat(finalRouteName), _objectSpread__default['default'](_objectSpread__default['default']({}, finalParams), {}, {
1013
+ var finalResource = getResource(resources, routeResourceId) || resource;
1014
+
1015
+ var _ref = finalResource || {},
1016
+ _ref$id = _ref.id,
1017
+ id = _ref$id === void 0 ? null : _ref$id; // console.log('gen', finalRouteName, route(`resources.${finalRouteName}`, {
1018
+ // ...finalParams,
1019
+ // resource: id,
1020
+ // }));
1021
+
1022
+
1023
+ return id !== null ? route("resources.".concat(finalRouteName), _objectSpread__default["default"](_objectSpread__default["default"]({}, finalParams), {}, {
1003
1024
  resource: id
1004
- }));
1025
+ })) : null;
1005
1026
  };
1006
1027
  };
1007
1028
 
@@ -1030,7 +1051,7 @@ var useScreenSize = function useScreenSize(_ref) {
1030
1051
  }, [providedMedia, mediaType, width, height]); // Get matching screens
1031
1052
 
1032
1053
  var matchingScreens = react.useMemo(function () {
1033
- return _toConsumableArray__default['default'](screens).reverse().filter(function (_ref2) {
1054
+ return _toConsumableArray__default["default"](screens).reverse().filter(function (_ref2) {
1034
1055
  var _ref2$mediaQuery = _ref2.mediaQuery,
1035
1056
  mediaQuery = _ref2$mediaQuery === void 0 ? null : _ref2$mediaQuery;
1036
1057
  return mediaQuery === null || cssMediaquery.match(mediaQuery, media);
@@ -1038,7 +1059,7 @@ var useScreenSize = function useScreenSize(_ref) {
1038
1059
  }, [screens, media]);
1039
1060
  return {
1040
1061
  screen: matchingScreens.length > 0 ? matchingScreens[0].name : null,
1041
- screens: _toConsumableArray__default['default'](matchingScreens).reverse().map(function (_ref3) {
1062
+ screens: _toConsumableArray__default["default"](matchingScreens).reverse().map(function (_ref3) {
1042
1063
  var name = _ref3.name;
1043
1064
  return name;
1044
1065
  }),
@@ -1054,7 +1075,7 @@ var useScreenSizeFromElement = function useScreenSizeFromElement() {
1054
1075
  width = _ref4$width === void 0 ? null : _ref4$width,
1055
1076
  _ref4$height = _ref4.height,
1056
1077
  height = _ref4$height === void 0 ? null : _ref4$height,
1057
- opts = _objectWithoutProperties__default['default'](_ref4, _excluded);
1078
+ opts = _objectWithoutProperties__default["default"](_ref4, _excluded);
1058
1079
 
1059
1080
  var _useResizeObserver = useResizeObserver(),
1060
1081
  ref = _useResizeObserver.ref,
@@ -1082,7 +1103,7 @@ var useScreenSizeFromElement = function useScreenSizeFromElement() {
1082
1103
  finalHeight -= 1;
1083
1104
  }
1084
1105
 
1085
- var screenSize = useScreenSize(_objectSpread__default['default']({
1106
+ var screenSize = useScreenSize(_objectSpread__default["default"]({
1086
1107
  width: finalWidth,
1087
1108
  height: finalHeight,
1088
1109
  landscape: landscape
@@ -1102,7 +1123,7 @@ var getWindowSize = function getWindowSize() {
1102
1123
 
1103
1124
  var useScreenSizeFromWindow = function useScreenSizeFromWindow(opts) {
1104
1125
  var _useState = react.useState(getWindowSize()),
1105
- _useState2 = _slicedToArray__default['default'](_useState, 2),
1126
+ _useState2 = _slicedToArray__default["default"](_useState, 2),
1106
1127
  windowSize = _useState2[0],
1107
1128
  setWindowSize = _useState2[1];
1108
1129
 
@@ -1121,7 +1142,7 @@ var useScreenSizeFromWindow = function useScreenSizeFromWindow(opts) {
1121
1142
  }
1122
1143
  };
1123
1144
  }, [setWindowSize]);
1124
- return useScreenSize(_objectSpread__default['default'](_objectSpread__default['default']({}, opts), windowSize));
1145
+ return useScreenSize(_objectSpread__default["default"](_objectSpread__default["default"]({}, opts), windowSize));
1125
1146
  };
1126
1147
 
1127
1148
  var eventsManager = typeof window !== 'undefined' ? new core.EventsManager(window) : null;