@panneau/core 3.0.175 → 3.0.182

package/es/contexts.js

@@ -884,6 +884,14 @@ var ModalProvider = function ModalProvider(_ref) {
       modalsRef.current = newModals;
     }
   }, [modals, setModals]);
+  var getModalByKey = useCallback(function (key) {
+    return (modals || []).find(function (modal) {
+      return (modal === null || modal === void 0 ? void 0 : modal.id) === key;
+    }) || null;
+  }, [modals]);
+  var modalIsOpen = useCallback(function (key) {
+    return getModalByKey(key) !== null;
+  }, [getModalByKey]);
   var value = useMemo(function () {
     return {
       modals: modals,
@@ -891,9 +899,11 @@ var ModalProvider = function ModalProvider(_ref) {
       setContainer: setContainer,
       register: register,
       unregister: unregister,
-      closeLastModal: closeLastModal
+      closeLastModal: closeLastModal,
+      getModalByKey: getModalByKey,
+      modalIsOpen: modalIsOpen
     };
-  }, [modals, container, setContainer, register, unregister, closeLastModal]);
+  }, [modals, container, setContainer, register, unregister, closeLastModal, getModalByKey, modalIsOpen]);
   return /*#__PURE__*/React.createElement(ModalContext.Provider, {
     value: value
   }, children);

package/es/hooks.js

@@ -11,7 +11,6 @@ import { getCsrfToken, postJSON, getCSRFHeaders } from '@folklore/fetch';
 import get from 'lodash/get';
 import isArray from 'lodash/isArray';
 import isObject from 'lodash/isObject';
-import uniqBy from 'lodash/uniqBy';
 import { useFieldsManager, usePanneauResources, useResource, useUrlGenerator } from '@panneau/core/contexts';
 import { useIntl } from 'react-intl';
 import dayjs from 'dayjs';
@@ -676,156 +675,6 @@ var useIsVisible = function useIsVisible() {
 };
 var useIsVisible$1 = useIsVisible;
 
-function filterNullItems(items) {
-  return isArray(items) ? items.filter(function (it) {
-    return it !== null;
-  }) : items;
-}
-function getItemsArray(items) {
-  return filterNullItems(!isArray(items) && items !== null ? [items] : items);
-}
-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$multipleSelectio = _ref.multipleSelection,
-    multipleSelection = _ref$multipleSelectio === void 0 ? false : _ref$multipleSelectio,
-    _ref$onSelectionChang = _ref.onSelectionChange,
-    onSelectionChange = _ref$onSelectionChang === void 0 ? null : _ref$onSelectionChang;
-  var initialItems = getItemsArray(initialSelectedItems);
-  var _useState = useState(initialItems),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedItems = _useState2[0],
-    setSelectedItems = _useState2[1];
-  var onSelectItem = useCallback(function (item, index) {
-    var _ref2 = item || {},
-      _ref2$id = _ref2.id,
-      itemId = _ref2$id === void 0 ? null : _ref2$id;
-    var oldItem = (selectedItems || []).find(function (_ref3) {
-      var id = _ref3.id;
-      return id === itemId;
-    }) || null;
-    var newItems = [];
-    if (oldItem === null) {
-      newItems = selectedItems !== null && multipleSelection ? [].concat(_toConsumableArray(selectedItems), [item]) : [item];
-    } else {
-      newItems = (selectedItems || []).filter(function (_ref4) {
-        var id = _ref4.id;
-        return id !== itemId;
-      });
-    }
-    setSelectedItems(filterNullItems(newItems));
-    if (onSelectionChange !== null) {
-      var _ref5 = newItems || [],
-        _ref6 = _slicedToArray(_ref5, 1),
-        _ref6$ = _ref6[0],
-        firstItem = _ref6$ === void 0 ? null : _ref6$;
-      var finalValue = multipleSelection ? newItems : firstItem;
-      onSelectionChange(finalValue, item, index);
-    }
-  }, [selectedItems, onSelectionChange, multipleSelection]);
-  var onSelectItems = useCallback(function (newItems, index) {
-    var finalNewItems = filterNullItems(newItems);
-    setSelectedItems(finalNewItems);
-    if (onSelectionChange !== null) {
-      var _ref7 = finalNewItems || [],
-        _ref8 = _slicedToArray(_ref7, 1),
-        _ref8$ = _ref8[0],
-        firstItem = _ref8$ === void 0 ? null : _ref8$;
-      var finalValue = multipleSelection ? finalNewItems : firstItem;
-      onSelectionChange(finalValue, null, index);
-    }
-  }, [selectedItems, onSelectionChange, multipleSelection]);
-  var onSelectPage = useCallback(function () {
-    var pageSelected = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    var nextItems = [];
-    if (!pageSelected) {
-      nextItems = uniqBy([].concat(_toConsumableArray(items || []), _toConsumableArray(selectedItems || [])), function () {
-        var _ref9 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-          _ref9$id = _ref9.id,
-          id = _ref9$id === void 0 ? null : _ref9$id;
-        return id;
-      });
-    } else {
-      var ids = (items || []).map(function () {
-        var _ref10 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-          _ref10$id = _ref10.id,
-          id = _ref10$id === void 0 ? null : _ref10$id;
-        return id;
-      }).filter(function (id) {
-        return id !== null;
-      });
-      nextItems = uniqBy((selectedItems || []).filter(function (it) {
-        var _ref11 = it || {},
-          _ref11$id = _ref11.id,
-          id = _ref11$id === void 0 ? null : _ref11$id;
-        return ids.indexOf(id) === -1;
-      }), function () {
-        var _ref12 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-          _ref12$id = _ref12.id,
-          id = _ref12$id === void 0 ? null : _ref12$id;
-        return id;
-      });
-    }
-    var finalNextItems = filterNullItems(nextItems);
-    setSelectedItems(finalNextItems);
-    if (onSelectionChange !== null) {
-      onSelectionChange(finalNextItems);
-    }
-  }, [items, selectedItems, setSelectedItems, onSelectionChange]);
-  var onClearSelected = useCallback(function () {
-    setSelectedItems([]);
-    if (onSelectionChange !== null) {
-      onSelectionChange(multipleSelection ? [] : null);
-    }
-  }, [setSelectedItems, onSelectionChange, multipleSelection]);
-  useEffect(function () {
-    setSelectedItems(getItemsArray(initialSelectedItems));
-  }, [initialSelectedItems]);
-  var pageSelected = useMemo(function () {
-    if (items === null || selectedItems === null) {
-      return false;
-    }
-    var ids = (items || []).map(function () {
-      var _ref13 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        _ref13$id = _ref13.id,
-        id = _ref13$id === void 0 ? null : _ref13$id;
-      return id;
-    }).filter(function (id) {
-      return id !== null;
-    }) || [];
-    if (ids === null || ids.length === 0) {
-      return false;
-    }
-    var currentPageItems = (selectedItems || []).filter(function (it) {
-      var _ref14 = it || {},
-        _ref14$id = _ref14.id,
-        id = _ref14$id === void 0 ? null : _ref14$id;
-      return (ids || []).indexOf(id) !== -1;
-    }) || [];
-    return currentPageItems.length > 0 && currentPageItems.length === (items || []).length;
-  }, [selectedItems, items]);
-  var allSelected = useMemo(function () {
-    return selectedItems !== null && items !== null && selectedItems.length === items.length;
-  }, [selectedItems, items]);
-  var selectedCount = useMemo(function () {
-    return selectedItems !== null && selectedItems.length > 0 ? selectedItems.length : null;
-  }, [selectedItems]);
-  return {
-    onSelectItem: onSelectItem,
-    onSelectItems: onSelectItems,
-    onSelectPage: onSelectPage,
-    onClearSelected: onClearSelected,
-    pageSelected: pageSelected,
-    allSelected: allSelected,
-    selectedCount: selectedCount,
-    selectedItems: selectedItems,
-    setSelectedItems: setSelectedItems
-  };
-};
-var useItemSelection$1 = useItemSelection;
-
 var KEYCODES = {
   ARROW_LEFT: 37,
   ARROW_UP: 38,
@@ -1410,4 +1259,4 @@ var eventsManager = typeof window !== 'undefined' ? new EventsManager(window) :
 var useWindowEvent = createUseEvent(eventsManager);
 var useWindowEvent$1 = useWindowEvent;
 
-export { KEYCODES, getObserver, useActions$1 as useActions, useAnimationFrame$1 as useAnimationFrame, useDocumentEvent$1 as useDocumentEvent, useForm$1 as useForm, useFormattedDate, useFormattedTime, useIntersectionObserver, useIsVisible$1 as useIsVisible, useItemSelection$1 as useItemSelection, useKeyboardKeys$1 as useKeyboardKeys, useLoadedFonts$1 as useLoadedFonts, useMediaApi$1 as useMediaApi, useMediasParser$1 as useMediasParser, useObserver, useQuery$1 as useQuery, useResizeObserver, useResourceTypeName$1 as useResourceTypeName, useResourceUrlGenerator$1 as useResourceUrlGenerator, useScreenSizeFromElement, useScreenSizeFromWindow, useWindowEvent$1 as useWindowEvent };
+export { KEYCODES, getObserver, useActions$1 as useActions, useAnimationFrame$1 as useAnimationFrame, useDocumentEvent$1 as useDocumentEvent, useForm$1 as useForm, useFormattedDate, useFormattedTime, useIntersectionObserver, useIsVisible$1 as useIsVisible, useKeyboardKeys$1 as useKeyboardKeys, useLoadedFonts$1 as useLoadedFonts, useMediaApi$1 as useMediaApi, useMediasParser$1 as useMediasParser, useObserver, useQuery$1 as useQuery, useResizeObserver, useResourceTypeName$1 as useResourceTypeName, useResourceUrlGenerator$1 as useResourceUrlGenerator, useScreenSizeFromElement, useScreenSizeFromWindow, useWindowEvent$1 as useWindowEvent };

package/es/utils.js

@@ -17,6 +17,46 @@ import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import get from 'lodash/get';
 import capitalize from 'lodash/capitalize';
 import slugify from 'slugify';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import uniqBy from 'lodash/uniqBy';
+
+function checkClickable(el) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var parentDistance = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
+  var _ref = options || {},
+    _ref$maxParentDistanc = _ref.maxParentDistance,
+    maxParentDistance = _ref$maxParentDistanc === void 0 ? 5 : _ref$maxParentDistanc,
+    _ref$tags = _ref.tags,
+    tags = _ref$tags === void 0 ? ['BUTTON', 'A', 'INPUT', 'I', 'TEXTAREA'] : _ref$tags;
+  var _ref2 = el || {},
+    _ref2$tagName = _ref2.tagName,
+    tagName = _ref2$tagName === void 0 ? null : _ref2$tagName,
+    _ref2$parentNode = _ref2.parentNode,
+    parentNode = _ref2$parentNode === void 0 ? null : _ref2$parentNode;
+    _ref2.dataset;
+  if (tagName === 'BODY') {
+    return false;
+  }
+
+  // Check if video is suspended
+  // if (
+  //     tagName === 'VIDEO' &&
+  //     typeof dataset.isSuspended !== 'undefined' &&
+  //     (dataset.isSuspended === 'true' || dataset.isSuspended === true)
+  // ) {
+  //     return true;
+  // }
+
+  if (tags.map(function (it) {
+    return it.toLowerCase();
+  }).indexOf(tagName.toLowerCase()) !== -1) {
+    return true;
+  }
+  if (parentDistance < maxParentDistance) {
+    return checkClickable(parentNode, options, parentDistance + 1);
+  }
+  return false;
+}
 
 var convertStyleToString = function convertStyleToString(style) {
   return style !== null ? Object.keys(style).map(function (key) {
@@ -442,6 +482,83 @@ function loadPackage(name, loader) {
   });
 }
 
+function filterNullItems(items) {
+  return isArray(items) ? items.filter(function (it) {
+    return it !== null;
+  }) : items;
+}
+function getItemsArray(items) {
+  return (items !== null && isArray(items) ? items.filter(function (it) {
+    return it !== null;
+  }) : [items]).filter(function (it) {
+    return it !== null;
+  });
+}
+function selectItem(item, selectedItems, onSelectionChange) {
+  var multipleSelection = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var _ref = item || {},
+    _ref$id = _ref.id,
+    itemId = _ref$id === void 0 ? null : _ref$id;
+  var selectedItemsArray = getItemsArray(selectedItems);
+  var oldItem = selectedItemsArray.find(function (_ref2) {
+    var id = _ref2.id;
+    return id === itemId;
+  }) || null;
+  var newItems = [];
+  if (oldItem === null) {
+    newItems = selectedItems !== null && multipleSelection ? [].concat(_toConsumableArray(selectedItemsArray), [item]) : [item];
+  } else {
+    newItems = selectedItemsArray.filter(function (_ref3) {
+      var id = _ref3.id;
+      return id !== itemId;
+    });
+  }
+  onSelectionChange(filterNullItems(newItems));
+  if (onSelectionChange !== null) {
+    var _ref4 = newItems || [],
+      _ref5 = _slicedToArray(_ref4, 1),
+      _ref5$ = _ref5[0],
+      firstItem = _ref5$ === void 0 ? null : _ref5$;
+    var finalValue = multipleSelection ? newItems : firstItem;
+    onSelectionChange(finalValue, item);
+  }
+}
+function selectPage(pageSelected, items, selectedItems, onSelectionChange) {
+  var nextItems = [];
+  if (!pageSelected) {
+    nextItems = uniqBy([].concat(_toConsumableArray(items || []), _toConsumableArray(selectedItems || [])), function () {
+      var _ref6 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+        _ref6$id = _ref6.id,
+        id = _ref6$id === void 0 ? null : _ref6$id;
+      return id;
+    });
+  } else {
+    var ids = (items || []).map(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;
+    }).filter(function (id) {
+      return id !== null;
+    });
+    nextItems = uniqBy((selectedItems || []).filter(function (it) {
+      var _ref8 = it || {},
+        _ref8$id = _ref8.id,
+        id = _ref8$id === void 0 ? null : _ref8$id;
+      return ids.indexOf(id) === -1;
+    }), function () {
+      var _ref9 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+        _ref9$id = _ref9.id,
+        id = _ref9$id === void 0 ? null : _ref9$id;
+      return id;
+    });
+  }
+  var finalNextItems = nextItems;
+  if (onSelectionChange !== null) {
+    onSelectionChange(finalNextItems);
+  }
+}
+
 var setValue = function setValue(value, keyParts, fieldValue) {
   var key = keyParts.shift();
   var isArray = key.match(/^[0-9]+$/) !== null;
@@ -485,4 +602,4 @@ var validateFields = function validateFields(fields, value) {
 };
 var validateFields$1 = validateFields;
 
-export { convertStyleToString$1 as convertStyleToString, copyToClipboard, createNullableOnChange$1 as createNullableOnChange, createUseEvent$1 as createUseEvent, flattenComponents$1 as flattenComponents, formatDuration$1 as formatDuration, getColumnsWithFields$1 as getColumnsWithFields, getComponent$1 as getComponent, getComponentFromName$1 as getComponentFromName, getDefinitionFromId$1 as getDefinitionFromId, getDisplayName$1 as getDisplayName, getFieldByName$1 as getFieldByName, getFieldFromPath$1 as getFieldFromPath, getFileName$1 as getFileName, getPathValue$1 as getPathValue, getSelectOptions$1 as getSelectOptions, isMessage$1 as isMessage, loadPackage, setValue$1 as setFieldValue, slug$1 as slug, validateFields$1 as validateFields };
+export { checkClickable, convertStyleToString$1 as convertStyleToString, copyToClipboard, createNullableOnChange$1 as createNullableOnChange, createUseEvent$1 as createUseEvent, flattenComponents$1 as flattenComponents, formatDuration$1 as formatDuration, getColumnsWithFields$1 as getColumnsWithFields, getComponent$1 as getComponent, getComponentFromName$1 as getComponentFromName, getDefinitionFromId$1 as getDefinitionFromId, getDisplayName$1 as getDisplayName, getFieldByName$1 as getFieldByName, getFieldFromPath$1 as getFieldFromPath, getFileName$1 as getFileName, getPathValue$1 as getPathValue, getSelectOptions$1 as getSelectOptions, isMessage$1 as isMessage, loadPackage, selectItem, selectPage, setValue$1 as setFieldValue, slug$1 as slug, validateFields$1 as validateFields };

package/lib/contexts.js

@@ -905,6 +905,14 @@ var ModalProvider = function ModalProvider(_ref) {
       modalsRef.current = newModals;
     }
   }, [modals, setModals]);
+  var getModalByKey = React.useCallback(function (key) {
+    return (modals || []).find(function (modal) {
+      return (modal === null || modal === void 0 ? void 0 : modal.id) === key;
+    }) || null;
+  }, [modals]);
+  var modalIsOpen = React.useCallback(function (key) {
+    return getModalByKey(key) !== null;
+  }, [getModalByKey]);
   var value = React.useMemo(function () {
     return {
       modals: modals,
@@ -912,9 +920,11 @@ var ModalProvider = function ModalProvider(_ref) {
       setContainer: setContainer,
       register: register,
       unregister: unregister,
-      closeLastModal: closeLastModal
+      closeLastModal: closeLastModal,
+      getModalByKey: getModalByKey,
+      modalIsOpen: modalIsOpen
     };
-  }, [modals, container, setContainer, register, unregister, closeLastModal]);
+  }, [modals, container, setContainer, register, unregister, closeLastModal, getModalByKey, modalIsOpen]);
   return /*#__PURE__*/React.createElement(ModalContext.Provider, {
     value: value
   }, children);

package/lib/hooks.js

@@ -13,7 +13,6 @@ var fetch = require('@folklore/fetch');
 var get = require('lodash/get');
 var isArray = require('lodash/isArray');
 var isObject = require('lodash/isObject');
-var uniqBy = require('lodash/uniqBy');
 var contexts = require('@panneau/core/contexts');
 var reactIntl = require('react-intl');
 var dayjs = require('dayjs');
@@ -678,156 +677,6 @@ var useIsVisible = function useIsVisible() {
 };
 var useIsVisible$1 = useIsVisible;
 
-function filterNullItems(items) {
-  return isArray(items) ? items.filter(function (it) {
-    return it !== null;
-  }) : items;
-}
-function getItemsArray(items) {
-  return filterNullItems(!isArray(items) && items !== null ? [items] : items);
-}
-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$multipleSelectio = _ref.multipleSelection,
-    multipleSelection = _ref$multipleSelectio === void 0 ? false : _ref$multipleSelectio,
-    _ref$onSelectionChang = _ref.onSelectionChange,
-    onSelectionChange = _ref$onSelectionChang === void 0 ? null : _ref$onSelectionChang;
-  var initialItems = getItemsArray(initialSelectedItems);
-  var _useState = react.useState(initialItems),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedItems = _useState2[0],
-    setSelectedItems = _useState2[1];
-  var onSelectItem = react.useCallback(function (item, index) {
-    var _ref2 = item || {},
-      _ref2$id = _ref2.id,
-      itemId = _ref2$id === void 0 ? null : _ref2$id;
-    var oldItem = (selectedItems || []).find(function (_ref3) {
-      var id = _ref3.id;
-      return id === itemId;
-    }) || null;
-    var newItems = [];
-    if (oldItem === null) {
-      newItems = selectedItems !== null && multipleSelection ? [].concat(_toConsumableArray(selectedItems), [item]) : [item];
-    } else {
-      newItems = (selectedItems || []).filter(function (_ref4) {
-        var id = _ref4.id;
-        return id !== itemId;
-      });
-    }
-    setSelectedItems(filterNullItems(newItems));
-    if (onSelectionChange !== null) {
-      var _ref5 = newItems || [],
-        _ref6 = _slicedToArray(_ref5, 1),
-        _ref6$ = _ref6[0],
-        firstItem = _ref6$ === void 0 ? null : _ref6$;
-      var finalValue = multipleSelection ? newItems : firstItem;
-      onSelectionChange(finalValue, item, index);
-    }
-  }, [selectedItems, onSelectionChange, multipleSelection]);
-  var onSelectItems = react.useCallback(function (newItems, index) {
-    var finalNewItems = filterNullItems(newItems);
-    setSelectedItems(finalNewItems);
-    if (onSelectionChange !== null) {
-      var _ref7 = finalNewItems || [],
-        _ref8 = _slicedToArray(_ref7, 1),
-        _ref8$ = _ref8[0],
-        firstItem = _ref8$ === void 0 ? null : _ref8$;
-      var finalValue = multipleSelection ? finalNewItems : firstItem;
-      onSelectionChange(finalValue, null, index);
-    }
-  }, [selectedItems, onSelectionChange, multipleSelection]);
-  var onSelectPage = react.useCallback(function () {
-    var pageSelected = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    var nextItems = [];
-    if (!pageSelected) {
-      nextItems = uniqBy([].concat(_toConsumableArray(items || []), _toConsumableArray(selectedItems || [])), function () {
-        var _ref9 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-          _ref9$id = _ref9.id,
-          id = _ref9$id === void 0 ? null : _ref9$id;
-        return id;
-      });
-    } else {
-      var ids = (items || []).map(function () {
-        var _ref10 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-          _ref10$id = _ref10.id,
-          id = _ref10$id === void 0 ? null : _ref10$id;
-        return id;
-      }).filter(function (id) {
-        return id !== null;
-      });
-      nextItems = uniqBy((selectedItems || []).filter(function (it) {
-        var _ref11 = it || {},
-          _ref11$id = _ref11.id,
-          id = _ref11$id === void 0 ? null : _ref11$id;
-        return ids.indexOf(id) === -1;
-      }), function () {
-        var _ref12 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-          _ref12$id = _ref12.id,
-          id = _ref12$id === void 0 ? null : _ref12$id;
-        return id;
-      });
-    }
-    var finalNextItems = filterNullItems(nextItems);
-    setSelectedItems(finalNextItems);
-    if (onSelectionChange !== null) {
-      onSelectionChange(finalNextItems);
-    }
-  }, [items, selectedItems, setSelectedItems, onSelectionChange]);
-  var onClearSelected = react.useCallback(function () {
-    setSelectedItems([]);
-    if (onSelectionChange !== null) {
-      onSelectionChange(multipleSelection ? [] : null);
-    }
-  }, [setSelectedItems, onSelectionChange, multipleSelection]);
-  react.useEffect(function () {
-    setSelectedItems(getItemsArray(initialSelectedItems));
-  }, [initialSelectedItems]);
-  var pageSelected = react.useMemo(function () {
-    if (items === null || selectedItems === null) {
-      return false;
-    }
-    var ids = (items || []).map(function () {
-      var _ref13 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        _ref13$id = _ref13.id,
-        id = _ref13$id === void 0 ? null : _ref13$id;
-      return id;
-    }).filter(function (id) {
-      return id !== null;
-    }) || [];
-    if (ids === null || ids.length === 0) {
-      return false;
-    }
-    var currentPageItems = (selectedItems || []).filter(function (it) {
-      var _ref14 = it || {},
-        _ref14$id = _ref14.id,
-        id = _ref14$id === void 0 ? null : _ref14$id;
-      return (ids || []).indexOf(id) !== -1;
-    }) || [];
-    return currentPageItems.length > 0 && currentPageItems.length === (items || []).length;
-  }, [selectedItems, items]);
-  var allSelected = react.useMemo(function () {
-    return selectedItems !== null && items !== null && selectedItems.length === items.length;
-  }, [selectedItems, items]);
-  var selectedCount = react.useMemo(function () {
-    return selectedItems !== null && selectedItems.length > 0 ? selectedItems.length : null;
-  }, [selectedItems]);
-  return {
-    onSelectItem: onSelectItem,
-    onSelectItems: onSelectItems,
-    onSelectPage: onSelectPage,
-    onClearSelected: onClearSelected,
-    pageSelected: pageSelected,
-    allSelected: allSelected,
-    selectedCount: selectedCount,
-    selectedItems: selectedItems,
-    setSelectedItems: setSelectedItems
-  };
-};
-var useItemSelection$1 = useItemSelection;
-
 var KEYCODES = {
   ARROW_LEFT: 37,
   ARROW_UP: 38,
@@ -1422,7 +1271,6 @@ exports.useFormattedDate = useFormattedDate;
 exports.useFormattedTime = useFormattedTime;
 exports.useIntersectionObserver = useIntersectionObserver;
 exports.useIsVisible = useIsVisible$1;
-exports.useItemSelection = useItemSelection$1;
 exports.useKeyboardKeys = useKeyboardKeys$1;
 exports.useLoadedFonts = useLoadedFonts$1;
 exports.useMediaApi = useMediaApi$1;

package/lib/utils.js

@@ -17,6 +17,45 @@ var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var get = require('lodash/get');
 var capitalize = require('lodash/capitalize');
 var slugify = require('slugify');
+var uniqBy = require('lodash/uniqBy');
+
+function checkClickable(el) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var parentDistance = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
+  var _ref = options || {},
+    _ref$maxParentDistanc = _ref.maxParentDistance,
+    maxParentDistance = _ref$maxParentDistanc === void 0 ? 5 : _ref$maxParentDistanc,
+    _ref$tags = _ref.tags,
+    tags = _ref$tags === void 0 ? ['BUTTON', 'A', 'INPUT', 'I', 'TEXTAREA'] : _ref$tags;
+  var _ref2 = el || {},
+    _ref2$tagName = _ref2.tagName,
+    tagName = _ref2$tagName === void 0 ? null : _ref2$tagName,
+    _ref2$parentNode = _ref2.parentNode,
+    parentNode = _ref2$parentNode === void 0 ? null : _ref2$parentNode;
+    _ref2.dataset;
+  if (tagName === 'BODY') {
+    return false;
+  }
+
+  // Check if video is suspended
+  // if (
+  //     tagName === 'VIDEO' &&
+  //     typeof dataset.isSuspended !== 'undefined' &&
+  //     (dataset.isSuspended === 'true' || dataset.isSuspended === true)
+  // ) {
+  //     return true;
+  // }
+
+  if (tags.map(function (it) {
+    return it.toLowerCase();
+  }).indexOf(tagName.toLowerCase()) !== -1) {
+    return true;
+  }
+  if (parentDistance < maxParentDistance) {
+    return checkClickable(parentNode, options, parentDistance + 1);
+  }
+  return false;
+}
 
 /**
  * Convert any string into a lower case string with spaces between words.
@@ -619,6 +658,83 @@ function loadPackage(name, loader) {
   });
 }
 
+function filterNullItems(items) {
+  return isArray(items) ? items.filter(function (it) {
+    return it !== null;
+  }) : items;
+}
+function getItemsArray(items) {
+  return (items !== null && isArray(items) ? items.filter(function (it) {
+    return it !== null;
+  }) : [items]).filter(function (it) {
+    return it !== null;
+  });
+}
+function selectItem(item, selectedItems, onSelectionChange) {
+  var multipleSelection = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var _ref = item || {},
+    _ref$id = _ref.id,
+    itemId = _ref$id === void 0 ? null : _ref$id;
+  var selectedItemsArray = getItemsArray(selectedItems);
+  var oldItem = selectedItemsArray.find(function (_ref2) {
+    var id = _ref2.id;
+    return id === itemId;
+  }) || null;
+  var newItems = [];
+  if (oldItem === null) {
+    newItems = selectedItems !== null && multipleSelection ? [].concat(_toConsumableArray(selectedItemsArray), [item]) : [item];
+  } else {
+    newItems = selectedItemsArray.filter(function (_ref3) {
+      var id = _ref3.id;
+      return id !== itemId;
+    });
+  }
+  onSelectionChange(filterNullItems(newItems));
+  if (onSelectionChange !== null) {
+    var _ref4 = newItems || [],
+      _ref5 = _slicedToArray(_ref4, 1),
+      _ref5$ = _ref5[0],
+      firstItem = _ref5$ === void 0 ? null : _ref5$;
+    var finalValue = multipleSelection ? newItems : firstItem;
+    onSelectionChange(finalValue, item);
+  }
+}
+function selectPage(pageSelected, items, selectedItems, onSelectionChange) {
+  var nextItems = [];
+  if (!pageSelected) {
+    nextItems = uniqBy([].concat(_toConsumableArray(items || []), _toConsumableArray(selectedItems || [])), function () {
+      var _ref6 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+        _ref6$id = _ref6.id,
+        id = _ref6$id === void 0 ? null : _ref6$id;
+      return id;
+    });
+  } else {
+    var ids = (items || []).map(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;
+    }).filter(function (id) {
+      return id !== null;
+    });
+    nextItems = uniqBy((selectedItems || []).filter(function (it) {
+      var _ref8 = it || {},
+        _ref8$id = _ref8.id,
+        id = _ref8$id === void 0 ? null : _ref8$id;
+      return ids.indexOf(id) === -1;
+    }), function () {
+      var _ref9 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+        _ref9$id = _ref9.id,
+        id = _ref9$id === void 0 ? null : _ref9$id;
+      return id;
+    });
+  }
+  var finalNextItems = nextItems;
+  if (onSelectionChange !== null) {
+    onSelectionChange(finalNextItems);
+  }
+}
+
 var setValue = function setValue(value, keyParts, fieldValue) {
   var key = keyParts.shift();
   var isArray = key.match(/^[0-9]+$/) !== null;
@@ -662,6 +778,7 @@ var validateFields = function validateFields(fields, value) {
 };
 var validateFields$1 = validateFields;
 
+exports.checkClickable = checkClickable;
 exports.convertStyleToString = convertStyleToString$1;
 exports.copyToClipboard = copyToClipboard;
 exports.createNullableOnChange = createNullableOnChange$1;
@@ -682,6 +799,8 @@ exports.getSelectOptions = getSelectOptions$1;
 exports.isMessage = isMessage$1;
 exports.loadPackage = loadPackage;
 exports.pascalCase = pascalCase;
+exports.selectItem = selectItem;
+exports.selectPage = selectPage;
 exports.setFieldValue = setValue$1;
 exports.slug = slug$1;
 exports.snakeCase = snakeCase;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/core",
-    "version": "3.0.175",
+    "version": "3.0.182",
     "description": "",
     "keywords": [
         "javascript"
@@ -111,5 +111,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "cb8320f1041e7ced6bcf77dd6d32661950215a92"
+    "gitHead": "27626681ce1bcf3e4779ecabeb5d69c58df4d351"
 }