@panneau/core 3.0.162 → 3.0.169

package/es/contexts.js

@@ -843,15 +843,18 @@ var ModalProvider = function ModalProvider(_ref) {
   var modalsRef = useRef(modals);
   var register = useCallback(function (id) {
     var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-    var currentModals = modalsRef.current;
+    var _modalsRef$current = modalsRef.current,
+      currentModals = _modalsRef$current === void 0 ? [] : _modalsRef$current;
     var newModals = [].concat(_toConsumableArray(currentModals), [_objectSpread({
       id: id
     }, data)]);
     setModals(newModals);
     modalsRef.current = newModals;
   }, [modals, setModals]);
-  var unregister = useCallback(function (id) {
-    var currentModals = modalsRef.current;
+  var unregister = useCallback(function () {
+    var id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+    var _modalsRef$current2 = modalsRef.current,
+      currentModals = _modalsRef$current2 === void 0 ? [] : _modalsRef$current2;
     var foundIndex = currentModals.findIndex(function (_ref2) {
       var modalId = _ref2.id;
       return modalId === id;
@@ -865,15 +868,32 @@ var ModalProvider = function ModalProvider(_ref) {
       modalsRef.current = newModals;
     }
   }, [modals, setModals]);
+  var closeLastModal = useCallback(function () {
+    var _modalsRef$current3 = modalsRef.current,
+      currentModals = _modalsRef$current3 === void 0 ? [] : _modalsRef$current3;
+    var lastModal = currentModals.pop() || null;
+    if (lastModal !== null) {
+      var _ref4 = lastModal || {},
+        _ref4$id = _ref4.id,
+        lastModalId = _ref4$id === void 0 ? null : _ref4$id;
+      var newModals = currentModals.filter(function (_ref5) {
+        var modalId = _ref5.id;
+        return modalId !== lastModalId;
+      });
+      setModals(newModals);
+      modalsRef.current = newModals;
+    }
+  }, [modals, setModals]);
   var value = useMemo(function () {
     return {
       modals: modals,
       container: container,
       setContainer: setContainer,
       register: register,
-      unregister: unregister
+      unregister: unregister,
+      closeLastModal: closeLastModal
     };
-  }, [modals, container, setContainer, register, unregister]);
+  }, [modals, container, setContainer, register, unregister, closeLastModal]);
   return /*#__PURE__*/React.createElement(ModalContext.Provider, {
     value: value
   }, children);

package/es/hooks.js

@@ -821,6 +821,38 @@ var useItemSelection = function useItemSelection(_ref) {
 };
 var useItemSelection$1 = useItemSelection;
 
+var KEYCODES = {
+  ARROW_LEFT: 37,
+  ARROW_UP: 38,
+  ARROW_RIGHT: 39,
+  ARROW_DOWN: 40,
+  ESCAPE: 27,
+  SPACE: 32
+};
+var useKeyboardKeys = function useKeyboardKeys() {
+  var keys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+    _ref$eventName = _ref.eventName,
+    eventName = _ref$eventName === void 0 ? 'keydown' : _ref$eventName;
+  var keysNames = Object.keys(keys);
+  var keysListeners = keysNames.map(function (key) {
+    return keys[key];
+  });
+  useEffect(function () {
+    var onKeyDown = function onKeyDown(e) {
+      var keyCode = e.keyCode;
+      if (typeof keys[keyCode] !== 'undefined') {
+        keys[keyCode](e);
+      }
+    };
+    document.addEventListener(eventName, onKeyDown);
+    return function () {
+      document.removeEventListener(eventName, onKeyDown);
+    };
+  }, [].concat(keysNames, _toConsumableArray(keysListeners), [eventName]));
+};
+var useKeyboardKeys$1 = useKeyboardKeys;
+
 var fontsMap = {
   loading: [],
   active: []
@@ -1373,4 +1405,4 @@ var eventsManager = typeof window !== 'undefined' ? new EventsManager(window) :
 var useWindowEvent = createUseEvent(eventsManager);
 var useWindowEvent$1 = useWindowEvent;
 
-export { 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, 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, 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 };

package/lib/contexts.js

@@ -864,15 +864,18 @@ var ModalProvider = function ModalProvider(_ref) {
   var modalsRef = React.useRef(modals);
   var register = React.useCallback(function (id) {
     var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-    var currentModals = modalsRef.current;
+    var _modalsRef$current = modalsRef.current,
+      currentModals = _modalsRef$current === void 0 ? [] : _modalsRef$current;
     var newModals = [].concat(_toConsumableArray(currentModals), [_objectSpread({
       id: id
     }, data)]);
     setModals(newModals);
     modalsRef.current = newModals;
   }, [modals, setModals]);
-  var unregister = React.useCallback(function (id) {
-    var currentModals = modalsRef.current;
+  var unregister = React.useCallback(function () {
+    var id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+    var _modalsRef$current2 = modalsRef.current,
+      currentModals = _modalsRef$current2 === void 0 ? [] : _modalsRef$current2;
     var foundIndex = currentModals.findIndex(function (_ref2) {
       var modalId = _ref2.id;
       return modalId === id;
@@ -886,15 +889,32 @@ var ModalProvider = function ModalProvider(_ref) {
       modalsRef.current = newModals;
     }
   }, [modals, setModals]);
+  var closeLastModal = React.useCallback(function () {
+    var _modalsRef$current3 = modalsRef.current,
+      currentModals = _modalsRef$current3 === void 0 ? [] : _modalsRef$current3;
+    var lastModal = currentModals.pop() || null;
+    if (lastModal !== null) {
+      var _ref4 = lastModal || {},
+        _ref4$id = _ref4.id,
+        lastModalId = _ref4$id === void 0 ? null : _ref4$id;
+      var newModals = currentModals.filter(function (_ref5) {
+        var modalId = _ref5.id;
+        return modalId !== lastModalId;
+      });
+      setModals(newModals);
+      modalsRef.current = newModals;
+    }
+  }, [modals, setModals]);
   var value = React.useMemo(function () {
     return {
       modals: modals,
       container: container,
       setContainer: setContainer,
       register: register,
-      unregister: unregister
+      unregister: unregister,
+      closeLastModal: closeLastModal
     };
-  }, [modals, container, setContainer, register, unregister]);
+  }, [modals, container, setContainer, register, unregister, closeLastModal]);
   return /*#__PURE__*/React.createElement(ModalContext.Provider, {
     value: value
   }, children);
@@ -1098,11 +1118,13 @@ var ResourceProvider = function ResourceProvider(_ref) {
 ResourceProvider.propTypes = propTypes$2;
 ResourceProvider.defaultProps = defaultProps$2;
 
-// React.useInsertionEffect is not available in React <18
 var useEffect = React__namespace.useEffect,
   useLayoutEffect = React__namespace.useLayoutEffect,
-  useRef = React__namespace.useRef,
-  useBuiltinInsertionEffect = React__namespace.useInsertionEffect;
+  useRef = React__namespace.useRef;
+
+// React.useInsertionEffect is not available in React <18
+// This hack fixes a transpilation issue on some apps
+var useBuiltinInsertionEffect = React__namespace['useInsertion' + 'Effect'];
 
 // Copied from:
 // https://github.com/facebook/react/blob/main/packages/shared/ExecutionEnvironment.js

package/lib/hooks.js

@@ -823,6 +823,38 @@ var useItemSelection = function useItemSelection(_ref) {
 };
 var useItemSelection$1 = useItemSelection;
 
+var KEYCODES = {
+  ARROW_LEFT: 37,
+  ARROW_UP: 38,
+  ARROW_RIGHT: 39,
+  ARROW_DOWN: 40,
+  ESCAPE: 27,
+  SPACE: 32
+};
+var useKeyboardKeys = function useKeyboardKeys() {
+  var keys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+    _ref$eventName = _ref.eventName,
+    eventName = _ref$eventName === void 0 ? 'keydown' : _ref$eventName;
+  var keysNames = Object.keys(keys);
+  var keysListeners = keysNames.map(function (key) {
+    return keys[key];
+  });
+  react.useEffect(function () {
+    var onKeyDown = function onKeyDown(e) {
+      var keyCode = e.keyCode;
+      if (typeof keys[keyCode] !== 'undefined') {
+        keys[keyCode](e);
+      }
+    };
+    document.addEventListener(eventName, onKeyDown);
+    return function () {
+      document.removeEventListener(eventName, onKeyDown);
+    };
+  }, [].concat(keysNames, _toConsumableArray(keysListeners), [eventName]));
+};
+var useKeyboardKeys$1 = useKeyboardKeys;
+
 var fontsMap = {
   loading: [],
   active: []
@@ -1375,6 +1407,7 @@ var eventsManager = typeof window !== 'undefined' ? new core.EventsManager(windo
 var useWindowEvent = utils.createUseEvent(eventsManager);
 var useWindowEvent$1 = useWindowEvent;
 
+exports.KEYCODES = KEYCODES;
 exports.getObserver = getObserver;
 exports.useActions = useActions$1;
 exports.useAnimationFrame = useAnimationFrame$1;
@@ -1385,6 +1418,7 @@ 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;
 exports.useMediasParser = useMediasParser$1;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/core",
-    "version": "3.0.162",
+    "version": "3.0.169",
     "description": "",
     "keywords": [
         "javascript"
@@ -106,10 +106,10 @@
         "tinycolor2": "^1.4.2",
         "webfontloader": "^1.6.28",
         "wolfy87-eventemitter": "^5.2.9",
-        "wouter": "^3.1.0"
+        "wouter": "^3.1.2"
     },
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "82936217c80643ad52d9b425a7a8c374d6264d8e"
+    "gitHead": "a8f4fe4f0b0593485d40e97542c32742242919d4"
 }