@panneau/core 3.0.118 → 3.0.126

package/lib/hooks.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var react = require('react');
 var core = require('@panneau/core');
 var utils = require('@panneau/core/utils');
@@ -20,37 +18,6 @@ var reactIntl = require('react-intl');
 var dayjs = require('dayjs');
 var cssMediaquery = require('css-mediaquery');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-function _interopNamespace(e) {
-    if (e && e.__esModule) return e;
-    var n = Object.create(null);
-    if (e) {
-        Object.keys(e).forEach(function (k) {
-            if (k !== 'default') {
-                var d = Object.getOwnPropertyDescriptor(e, k);
-                Object.defineProperty(n, k, d.get ? d : {
-                    enumerable: true,
-                    get: function () { return e[k]; }
-                });
-            }
-        });
-    }
-    n["default"] = e;
-    return Object.freeze(n);
-}
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var get__default = /*#__PURE__*/_interopDefaultLegacy(get);
-var isArray__default = /*#__PURE__*/_interopDefaultLegacy(isArray);
-var isObject__default = /*#__PURE__*/_interopDefaultLegacy(isObject);
-var isString__default = /*#__PURE__*/_interopDefaultLegacy(isString);
-var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
-
 var useAnimationFrame = function useAnimationFrame(onFrame) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
     _ref$disabled = _ref.disabled,
@@ -85,9 +52,9 @@ var useFormattedDate = function useFormattedDate() {
     _ref$showToday = _ref.showToday,
     showToday = _ref$showToday === void 0 ? true : _ref$showToday;
   var intl = reactIntl.useIntl();
-  var today = dayjs__default["default"]();
+  var today = dayjs();
   return react.useCallback(function (date) {
-    var dateToFormat = isString__default["default"](date) ? dayjs__default["default"](date) : date;
+    var dateToFormat = isString(date) ? dayjs(date) : date;
     if (showToday && dateToFormat.format('YYYY-MM-DD') === today.format('YYYY-MM-DD')) {
       return intl.formatMessage({
         "id": "v4Qtl9",
@@ -97,7 +64,7 @@ var useFormattedDate = function useFormattedDate() {
         }]
       });
     }
-    return intl.formatDate(dayjs__default["default"](date).toDate(), _objectSpread__default["default"]({
+    return intl.formatDate(dayjs(date).toDate(), _objectSpread({
       year: 'numeric',
       month: 'long',
       day: '2-digit'
@@ -113,9 +80,9 @@ var useFormattedTime = function useFormattedTime() {
     _ref2$timeGap = _ref2.timeGap,
     timeGap = _ref2$timeGap === void 0 ? 2 : _ref2$timeGap;
   var intl = reactIntl.useIntl();
-  var now = dayjs__default["default"]();
+  var now = dayjs();
   return react.useCallback(function (date) {
-    var dateToFormat = isString__default["default"](date) ? dayjs__default["default"](date) : date;
+    var dateToFormat = isString(date) ? dayjs(date) : date;
     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) {
       return intl.formatMessage({
         "id": "3na7F8",
@@ -125,7 +92,7 @@ var useFormattedTime = function useFormattedTime() {
         }]
       });
     }
-    return intl.formatTime(dateToFormat.toDate(), _objectSpread__default["default"]({
+    return intl.formatTime(dateToFormat.toDate(), _objectSpread({
       hour: 'numeric',
       minute: 'numeric'
     }, format));
@@ -143,22 +110,22 @@ var getFieldsPropsFromFields = function getFieldsPropsFromFields(fields, _ref) {
   var value = _ref.value,
     errors = _ref.errors,
     _onChange = _ref.onChange,
-    props = _objectWithoutProperties__default["default"](_ref, _excluded$1);
+    props = _objectWithoutProperties(_ref, _excluded$1);
   var locales = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
   return fields.reduce(function (allFields, field) {
-    var _ref2 = isObject__default["default"](field) ? field : {},
+    var _ref2 = isObject(field) ? field : {},
       _ref2$name = _ref2.name,
-      name = _ref2$name === void 0 ? isString__default["default"](field) ? field : null : _ref2$name,
+      name = _ref2$name === void 0 ? isString(field) ? field : null : _ref2$name,
       _ref2$component = _ref2.component,
       component = _ref2$component === void 0 ? null : _ref2$component;
     var fieldErrors = errors !== null ? errors[name] || [] : [];
     var localizedErrors = component === 'localized' ? (locales || []).reduce(function (previousErrors, locale) {
-      var items = errors !== null ? get__default["default"](errors, "".concat(name, ".").concat(locale), []) || [] : [];
-      var finalItems = isArray__default["default"](items) ? items : [items];
-      var finalPrevious = isArray__default["default"](previousErrors) ? previousErrors : [];
-      return [].concat(_toConsumableArray__default["default"](finalPrevious), _toConsumableArray__default["default"](finalItems));
+      var items = errors !== null ? get(errors, "".concat(name, ".").concat(locale), []) || [] : [];
+      var finalItems = isArray(items) ? items : [items];
+      var finalPrevious = isArray(previousErrors) ? previousErrors : [];
+      return [].concat(_toConsumableArray(finalPrevious), _toConsumableArray(finalItems));
     }, fieldErrors) : fieldErrors;
-    return [].concat(_toConsumableArray__default["default"](allFields), [_objectSpread__default["default"](_objectSpread__default["default"]({}, isObject__default["default"](field) ? field : null), {}, {
+    return [].concat(_toConsumableArray(allFields), [_objectSpread(_objectSpread({}, isObject(field) ? field : null), {}, {
       name: name,
       component: component,
       value: value !== null ? value[name] || null : null,
@@ -206,15 +173,15 @@ var useForm = function useForm() {
     _opts$locales = opts.locales,
     locales = _opts$locales === void 0 ? [] : _opts$locales;
   var _useState = react.useState(initialValue || providedValue),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     stateValue = _useState2[0],
     setStateValue = _useState2[1];
   var _useState3 = react.useState(initialErrors || providedErrors),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     stateErrors = _useState4[0],
     setStateErrors = _useState4[1];
   var _useState5 = react.useState(initialGeneralError || providedGeneralError),
-    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    _useState6 = _slicedToArray(_useState5, 2),
     stateGeneralError = _useState6[0],
     setStateGeneralError = _useState6[1];
   var _useState7 = react.useState({
@@ -222,11 +189,11 @@ var useForm = function useForm() {
       loading: false,
       error: false
     }),
-    _useState8 = _slicedToArray__default["default"](_useState7, 2),
+    _useState8 = _slicedToArray(_useState7, 2),
     requestState = _useState8[0],
     setRequestState = _useState8[1];
   var _useState9 = react.useState(null),
-    _useState10 = _slicedToArray__default["default"](_useState9, 2),
+    _useState10 = _slicedToArray(_useState9, 2),
     response = _useState10[0],
     setResponse = _useState10[1];
   var hasProvidedValue = setProvidedValue !== null;
@@ -249,7 +216,7 @@ var useForm = function useForm() {
       error = _ref3$error === void 0 ? false : _ref3$error;
     var fieldErrors = errors !== null ? errors[fieldName] || null : null;
     if (fieldErrors !== null) {
-      setErrors(_objectSpread__default["default"](_objectSpread__default["default"]({}, errors), {}, _defineProperty__default["default"]({}, fieldName, null)));
+      setErrors(_objectSpread(_objectSpread({}, errors), {}, _defineProperty({}, fieldName, null)));
     }
     if (!loading && (success !== false || error !== false)) {
       setRequestState({
@@ -258,7 +225,7 @@ var useForm = function useForm() {
         error: false
       });
     }
-    setValue(_objectSpread__default["default"](_objectSpread__default["default"]({}, value), {}, _defineProperty__default["default"]({}, fieldName, fieldValue)));
+    setValue(_objectSpread(_objectSpread({}, value), {}, _defineProperty({}, fieldName, fieldValue)));
   }, fieldsKey);
   var fieldsProps = react.useMemo(function () {
     return getFieldsPropsFromFields(fields, {
@@ -314,7 +281,7 @@ var useForm = function useForm() {
     });
     setGeneralError(null);
     setErrors(null);
-    finalPostForm(action, _objectSpread__default["default"](_objectSpread__default["default"]({}, submitValue), {}, {
+    finalPostForm(action, _objectSpread(_objectSpread({}, submitValue), {}, {
       _token: csrfToken
     })).then(onSubmitSuccess)["catch"](onSubmitError);
   }, [finalPostForm, action, value]);
@@ -338,7 +305,7 @@ var useForm = function useForm() {
   } else if (requestState.error) {
     status = 'error';
   }
-  return _objectSpread__default["default"](_objectSpread__default["default"]({
+  return _objectSpread(_objectSpread({
     value: value,
     setValue: setValue,
     csrfToken: csrfToken,
@@ -375,21 +342,21 @@ var createObserver = function createObserver(Observer) {
     }) || null;
     if (currentSubscriber !== null) {
       return subscribers.map(function (it) {
-        return it.element === element && it.callbacks.indexOf(callback) === -1 ? _objectSpread__default["default"](_objectSpread__default["default"]({}, it), {}, {
-          callbacks: [].concat(_toConsumableArray__default["default"](it.callbacks), [callback])
+        return it.element === element && it.callbacks.indexOf(callback) === -1 ? _objectSpread(_objectSpread({}, it), {}, {
+          callbacks: [].concat(_toConsumableArray(it.callbacks), [callback])
         }) : it;
       }).filter(function (it) {
         return it.callbacks.length > 0;
       });
     }
-    return [].concat(_toConsumableArray__default["default"](subscribers), [{
+    return [].concat(_toConsumableArray(subscribers), [{
       element: element,
       callbacks: [callback]
     }]);
   };
   var removeSubscriber = function removeSubscriber(element, callback) {
     return subscribers.map(function (it) {
-      return it.element === element ? _objectSpread__default["default"](_objectSpread__default["default"]({}, it), {}, {
+      return it.element === element ? _objectSpread(_objectSpread({}, it), {}, {
         callbacks: it.callbacks.filter(function (subCallback) {
           return subCallback !== callback;
         })
@@ -469,7 +436,7 @@ var useObserver = function useObserver(Observer) {
     _opts$disabled = opts.disabled,
     disabled = _opts$disabled === void 0 ? false : _opts$disabled;
   var _useState = react.useState(initialEntry),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     entry = _useState2[0],
     setEntry = _useState2[1];
   var nodeRef = react.useRef(null);
@@ -600,7 +567,7 @@ var addFontLoading = function addFontLoading(name) {
   fontsMap.active = fontsMap.active.filter(function (it) {
     return it !== name;
   });
-  fontsMap.loading = [].concat(_toConsumableArray__default["default"](fontsMap.loading), [name]);
+  fontsMap.loading = [].concat(_toConsumableArray(fontsMap.loading), [name]);
 };
 var removeFontLoading = function removeFontLoading(name) {
   fontsMap.loading = fontsMap.loading.filter(function (it) {
@@ -611,24 +578,24 @@ var addFontActive = function addFontActive(name) {
   fontsMap.loading = fontsMap.loading.filter(function (it) {
     return it !== name;
   });
-  fontsMap.active = [].concat(_toConsumableArray__default["default"](fontsMap.active), [name]);
+  fontsMap.active = [].concat(_toConsumableArray(fontsMap.active), [name]);
 };
 var useLoadedFonts = function useLoadedFonts(fonts) {
   var _useState = react.useState(false),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     loaded = _useState2[0],
     setLoaded = _useState2[1];
   react.useEffect(function () {
     var config = fonts.reduce(function (newConfig, font) {
-      var _ref = isObject__default["default"](font) ? font : {
+      var _ref = isObject(font) ? font : {
           type: 'system',
           name: font
         },
         type = _ref.type,
         name = _ref.name;
       if ((type === 'google' || type === 'custom') && !isFontLoading(name) && !isFontActive(name)) {
-        return _objectSpread__default["default"](_objectSpread__default["default"]({}, newConfig), {}, _defineProperty__default["default"]({}, type, {
-          families: [].concat(_toConsumableArray__default["default"](newConfig !== null ? (newConfig[type] || {}).families || [] : []), [name])
+        return _objectSpread(_objectSpread({}, newConfig), {}, _defineProperty({}, type, {
+          families: [].concat(_toConsumableArray(newConfig !== null ? (newConfig[type] || {}).families || [] : []), [name])
         }));
       }
       return newConfig;
@@ -636,10 +603,10 @@ var useLoadedFonts = function useLoadedFonts(fonts) {
     var hasConfig = config !== null;
     if (hasConfig && typeof window !== 'undefined') {
       utils.loadPackage('webfontloader', function () {
-        return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('webfontloader')); });
+        return import('webfontloader');
       }).then(function (_ref2) {
         var WebFont = _ref2["default"];
-        return WebFont.load(_objectSpread__default["default"](_objectSpread__default["default"]({}, config), {}, {
+        return WebFont.load(_objectSpread(_objectSpread({}, config), {}, {
           timeout: 3000,
           active: function active() {
             return setLoaded(true);
@@ -694,27 +661,27 @@ var useMediaApi = function useMediaApi() {
     onCanPlayThough = _ref$onCanPlayThough === void 0 ? null : _ref$onCanPlayThough;
   var ref = react.useRef(null);
   var _useState = react.useState(initialMuted),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     muted = _useState2[0],
     setMuted = _useState2[1];
   var _useState3 = react.useState(null),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     currentTime = _useState4[0],
     setCurrentTime = _useState4[1];
   var _useState5 = react.useState(null),
-    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    _useState6 = _slicedToArray(_useState5, 2),
     duration = _useState6[0],
     setDuration = _useState6[1];
   var _useState7 = react.useState(false),
-    _useState8 = _slicedToArray__default["default"](_useState7, 2),
+    _useState8 = _slicedToArray(_useState7, 2),
     playing = _useState8[0],
     setPlaying = _useState8[1];
   var _useState9 = react.useState(false),
-    _useState10 = _slicedToArray__default["default"](_useState9, 2),
+    _useState10 = _slicedToArray(_useState9, 2),
     ready = _useState10[0],
     setReady = _useState10[1];
   var _useState11 = react.useState(true),
-    _useState12 = _slicedToArray__default["default"](_useState11, 2),
+    _useState12 = _slicedToArray(_useState11, 2),
     initialPlay = _useState12[0],
     setInitialPlay = _useState12[1];
   var progressStepsReached = react.useRef({});
@@ -958,7 +925,7 @@ var useResourceTypeName = function useResourceTypeName(resource) {
 var useResourceTypeName$1 = useResourceTypeName;
 
 var getResource = function getResource(resources, resourceId) {
-  return resourceId !== null && !isObject__default["default"](resourceId) ? resources.find(function (it) {
+  return resourceId !== null && !isObject(resourceId) ? resources.find(function (it) {
     return it.id === resourceId;
   }) || null : resourceId;
 };
@@ -978,7 +945,7 @@ var useResourceUrlGenerator = function useResourceUrlGenerator() {
       _ref$id = _ref.id,
       id = _ref$id === void 0 ? null : _ref$id;
     // console.log('route name', finalRouteName, id, finalParams);
-    var finalRoute = id !== null ? route("resources.".concat(finalRouteName), _objectSpread__default["default"](_objectSpread__default["default"]({}, finalParams), {}, {
+    var finalRoute = id !== null ? route("resources.".concat(finalRouteName), _objectSpread(_objectSpread({}, finalParams), {}, {
       resource: id
     })) : null;
     // console.log('route', finalRoute);
@@ -994,30 +961,30 @@ var useResourceQuery = function useResourceQuery() {
     _ref$forceInitialQuer = _ref.forceInitialQuery,
     forceInitialQuery = _ref$forceInitialQuer === void 0 ? false : _ref$forceInitialQuer;
   var initialQuery = react.useMemo(function () {
-    return paginated ? _objectSpread__default["default"]({
+    return paginated ? _objectSpread({
       page: 1,
       count: 10
     }, initialBaseQuery) : initialBaseQuery || null;
   }, [paginated, initialBaseQuery]);
   var _useState = react.useState(initialQuery),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     query = _useState2[0],
     setQuery = _useState2[1];
   react.useEffect(function () {
     setQuery(initialQuery);
   }, [initialQuery, setQuery]);
   var onPageChange = react.useCallback(function (newPage) {
-    setQuery(_objectSpread__default["default"](_objectSpread__default["default"]({}, query), {}, {
+    setQuery(_objectSpread(_objectSpread({}, query), {}, {
       page: newPage || 1
     }));
   }, [query, setQuery]);
   var onQueryChange = react.useCallback(function (newQuery) {
     var finalQuery = newQuery !== null ? Object.keys(newQuery).reduce(function (currentQuery, key) {
       var val = newQuery[key];
-      return val !== null ? _objectSpread__default["default"](_objectSpread__default["default"]({}, currentQuery), {}, _defineProperty__default["default"]({}, key, val)) : currentQuery;
+      return val !== null ? _objectSpread(_objectSpread({}, currentQuery), {}, _defineProperty({}, key, val)) : currentQuery;
     }, null) : null;
     if (forceInitialQuery) {
-      setQuery(_objectSpread__default["default"](_objectSpread__default["default"]({}, initialBaseQuery || null), finalQuery || null));
+      setQuery(_objectSpread(_objectSpread({}, initialBaseQuery || null), finalQuery || null));
     } else {
       setQuery(finalQuery);
     }
@@ -1059,7 +1026,7 @@ var useScreenSize = function useScreenSize(_ref) {
 
   // Get matching screens
   var matchingScreens = react.useMemo(function () {
-    return _toConsumableArray__default["default"](screens).reverse().filter(function (_ref2) {
+    return _toConsumableArray(screens).reverse().filter(function (_ref2) {
       var _ref2$mediaQuery = _ref2.mediaQuery,
         mediaQuery = _ref2$mediaQuery === void 0 ? null : _ref2$mediaQuery;
       return mediaQuery === null || cssMediaquery.match(mediaQuery, media);
@@ -1067,7 +1034,7 @@ var useScreenSize = function useScreenSize(_ref) {
   }, [screens, media]);
   return {
     screen: matchingScreens.length > 0 ? matchingScreens[0].name : null,
-    screens: _toConsumableArray__default["default"](matchingScreens).reverse().map(function (_ref3) {
+    screens: _toConsumableArray(matchingScreens).reverse().map(function (_ref3) {
       var name = _ref3.name;
       return name;
     }),
@@ -1082,7 +1049,7 @@ var useScreenSizeFromElement = function useScreenSizeFromElement() {
     width = _ref4$width === void 0 ? null : _ref4$width,
     _ref4$height = _ref4.height,
     height = _ref4$height === void 0 ? null : _ref4$height,
-    opts = _objectWithoutProperties__default["default"](_ref4, _excluded);
+    opts = _objectWithoutProperties(_ref4, _excluded);
   var _useResizeObserver = useResizeObserver(),
     ref = _useResizeObserver.ref,
     contentRect = _useResizeObserver.entry.contentRect;
@@ -1104,7 +1071,7 @@ var useScreenSizeFromElement = function useScreenSizeFromElement() {
   if (finalHeight % 2 === 1) {
     finalHeight -= 1;
   }
-  var screenSize = useScreenSize(_objectSpread__default["default"]({
+  var screenSize = useScreenSize(_objectSpread({
     width: finalWidth,
     height: finalHeight,
     landscape: landscape
@@ -1122,7 +1089,7 @@ var getWindowSize = function getWindowSize() {
 };
 var useScreenSizeFromWindow = function useScreenSizeFromWindow(opts) {
   var _useState = react.useState(getWindowSize()),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     windowSize = _useState2[0],
     setWindowSize = _useState2[1];
   react.useEffect(function () {
@@ -1138,7 +1105,7 @@ var useScreenSizeFromWindow = function useScreenSizeFromWindow(opts) {
       }
     };
   }, [setWindowSize]);
-  return useScreenSize(_objectSpread__default["default"](_objectSpread__default["default"]({}, opts), windowSize));
+  return useScreenSize(_objectSpread(_objectSpread({}, opts), windowSize));
 };
 
 var eventsManager = typeof window !== 'undefined' ? new core.EventsManager(window) : null;