@panneau/core 3.0.119 → 3.0.130

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');
@@ -16,41 +14,11 @@ var isArray = require('lodash/isArray');
 var isObject = require('lodash/isObject');
 var isString = require('lodash/isString');
 var contexts = require('@panneau/core/contexts');
+var uniqBy = require('lodash/uniqBy');
 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 +53,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 +65,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 +81,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 +93,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 +111,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 +174,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 +190,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 +217,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 +226,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 +282,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 +306,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 +343,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 +437,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 +568,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 +579,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 +604,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 +662,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 +926,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 +946,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);
@@ -987,41 +955,34 @@ var useResourceUrlGenerator = function useResourceUrlGenerator() {
 };
 var useResourceUrlGenerator$1 = useResourceUrlGenerator;
 
-var useResourceQuery = function useResourceQuery() {
+var useQuery = function useQuery() {
   var initialBaseQuery = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   var paginated = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-  var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
-    _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));
-    } else {
-      setQuery(finalQuery);
-    }
-  }, [query, setQuery, initialBaseQuery, forceInitialQuery]);
+    setQuery(_objectSpread(_objectSpread({}, initialQuery || null), finalQuery || null));
+  }, [query, setQuery, initialQuery]);
   var onQueryReset = react.useCallback(function () {
     setQuery(initialQuery);
   }, [initialQuery, setQuery]);
@@ -1032,7 +993,7 @@ var useResourceQuery = function useResourceQuery() {
     onQueryReset: onQueryReset
   };
 };
-var useResourceQuery$1 = useResourceQuery;
+var useQuery$1 = useQuery;
 
 var _excluded = ["width", "height"];
 var useScreenSize = function useScreenSize(_ref) {
@@ -1059,7 +1020,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 +1028,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 +1043,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 +1065,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 +1083,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,13 +1099,134 @@ 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;
 var useWindowEvent = utils.createUseEvent(eventsManager);
 var useWindowEvent$1 = useWindowEvent;
 
+var useItemSelection = function useItemSelection(_ref) {
+  var _ref$items = _ref.items,
+    items = _ref$items === void 0 ? null : _ref$items,
+    _ref$selectedItems = _ref.selectedItems,
+    initialSelectedItems = _ref$selectedItems === void 0 ? null : _ref$selectedItems,
+    _ref$multiple = _ref.multiple,
+    multiple = _ref$multiple === void 0 ? false : _ref$multiple,
+    _ref$onSelectionChang = _ref.onSelectionChange,
+    onSelectionChange = _ref$onSelectionChang === void 0 ? null : _ref$onSelectionChang;
+  var initialItems = !isArray(initialSelectedItems) && initialSelectedItems !== null ? [initialSelectedItems] : initialSelectedItems;
+  var _useState = react.useState(initialItems),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedItems = _useState2[0],
+    setSelectedItems = _useState2[1];
+  var onSelectItem = react.useCallback(function (item, index) {
+    var newItems = selectedItems !== null && multiple ? [].concat(_toConsumableArray(selectedItems), [item]) : [item];
+    setSelectedItems(newItems);
+    if (onSelectionChange !== null) {
+      onSelectionChange(newItems, item, index);
+    }
+  }, [selectedItems, onSelectionChange, multiple]);
+  var onDeselectItem = react.useCallback(function (item, index) {
+    var _ref2 = item || {},
+      _ref2$id = _ref2.id,
+      itemId = _ref2$id === void 0 ? null : _ref2$id;
+    var newItems = (selectedItems || []).filter(function (_ref3) {
+      var id = _ref3.id;
+      return id !== itemId;
+    });
+    setSelectedItems(newItems);
+    if (onSelectionChange !== null) {
+      onSelectionChange(multiple ? newItems : null, item, index);
+    }
+  }, [selectedItems, onSelectionChange, multiple]);
+  var onSelectPage = react.useCallback(function () {
+    var nextItems = uniqBy([].concat(_toConsumableArray(items || []), _toConsumableArray(selectedItems || [])), function () {
+      var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+        _ref4$id = _ref4.id,
+        id = _ref4$id === void 0 ? null : _ref4$id;
+      return id;
+    });
+    setSelectedItems(nextItems);
+    if (onSelectionChange !== null) {
+      onSelectionChange(nextItems);
+    }
+  }, [items, selectedItems, setSelectedItems, onSelectionChange]);
+  var onDeselectPage = react.useCallback(function () {
+    var ids = (items || []).map(function () {
+      var _ref5 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+        _ref5$id = _ref5.id,
+        id = _ref5$id === void 0 ? null : _ref5$id;
+      return id;
+    }).filter(function (id) {
+      return id !== null;
+    });
+    var nextItems = uniqBy((selectedItems || []).filter(function (it) {
+      var _ref6 = it || {},
+        _ref6$id = _ref6.id,
+        id = _ref6$id === void 0 ? null : _ref6$id;
+      return ids.indexOf(id) === -1;
+    }), function () {
+      var _ref7 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+        _ref7$id = _ref7.id,
+        id = _ref7$id === void 0 ? null : _ref7$id;
+      return id;
+    });
+    setSelectedItems(nextItems);
+    if (onSelectionChange !== null) {
+      onSelectionChange(nextItems);
+    }
+  }, [items, selectedItems, setSelectedItems, onSelectionChange]);
+  var onClearAll = react.useCallback(function () {
+    setSelectedItems([]);
+    if (onSelectionChange !== null) {
+      onSelectionChange([]);
+    }
+  }, [setSelectedItems, onSelectionChange]);
+  react.useEffect(function () {
+    setSelectedItems(initialSelectedItems);
+  }, [initialSelectedItems]);
+  var pageSelected = react.useMemo(function () {
+    var ids = (items || []).map(function () {
+      var _ref8 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+        _ref8$id = _ref8.id,
+        id = _ref8$id === void 0 ? null : _ref8$id;
+      return id;
+    }).filter(function (id) {
+      return id !== null;
+    });
+    // console.log('selectedItems', selectedItems);
+    var currentPageItems = (selectedItems || []).filter(function (it) {
+      var _ref9 = it || {},
+        _ref9$id = _ref9.id,
+        id = _ref9$id === void 0 ? null : _ref9$id;
+      return ids.indexOf(id) !== -1;
+    });
+    // console.log('currentPageItems', currentPageItems);
+    return currentPageItems.length === (items || []).length;
+  }, [selectedItems, items]);
+
+  // const allSelected = useMemo(
+  //     () => selectedItems !== null && selectedItems.length === selectedItemsCount,
+  //     [selectedItems, selectedItemsCount],
+  // );
+
+  var countSelected = react.useMemo(function () {
+    return selectedItems !== null && selectedItems.length > 0 ? selectedItems.length : null;
+  }, [selectedItems]);
+  return {
+    onSelectItem: onSelectItem,
+    onDeselectItem: onDeselectItem,
+    onSelectPage: onSelectPage,
+    onDeselectPage: onDeselectPage,
+    onClearAll: onClearAll,
+    pageSelected: pageSelected,
+    count: countSelected,
+    selectedItems: selectedItems
+  };
+};
+var useItemSelection$1 = useItemSelection;
+
 exports.getObserver = getObserver;
 exports.useAnimationFrame = useAnimationFrame$1;
 exports.useDocumentEvent = useDocumentEvent$1;
@@ -1153,12 +1235,13 @@ exports.useFormattedDate = useFormattedDate;
 exports.useFormattedTime = useFormattedTime;
 exports.useIntersectionObserver = useIntersectionObserver;
 exports.useIsVisible = useIsVisible$1;
+exports.useItemSelection = useItemSelection$1;
 exports.useLoadedFonts = useLoadedFonts$1;
 exports.useMediaApi = useMediaApi$1;
 exports.useMediasParser = useMediasParser$1;
 exports.useObserver = useObserver;
+exports.useQuery = useQuery$1;
 exports.useResizeObserver = useResizeObserver;
-exports.useResourceQuery = useResourceQuery$1;
 exports.useResourceTypeName = useResourceTypeName$1;
 exports.useResourceUrlGenerator = useResourceUrlGenerator$1;
 exports.useScreenSizeFromElement = useScreenSizeFromElement;