@panneau/core 3.0.161 → 3.0.164

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

@@ -86,8 +86,6 @@ var useActions = function useActions() {
             theme: 'primary',
             onClick: onClickEdit
           }, getEditPropsFromItem !== null ? getEditPropsFromItem(item) : null);
-        case 'duplicate':
-          return null;
         // case 'duplicate':
         //     return {
         //         id: 'duplicate',
@@ -112,6 +110,8 @@ var useActions = function useActions() {
         //             ? getDuplicatePropsFromItem(item)
         //             : null),
         //     };
+        case 'duplicate':
+          return null;
         case 'delete':
           return _objectSpread({
             id: 'delete',
@@ -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);

package/lib/hooks.js

@@ -88,8 +88,6 @@ var useActions = function useActions() {
             theme: 'primary',
             onClick: onClickEdit
           }, getEditPropsFromItem !== null ? getEditPropsFromItem(item) : null);
-        case 'duplicate':
-          return null;
         // case 'duplicate':
         //     return {
         //         id: 'duplicate',
@@ -114,6 +112,8 @@ var useActions = function useActions() {
         //             ? getDuplicatePropsFromItem(item)
         //             : null),
         //     };
+        case 'duplicate':
+          return null;
         case 'delete':
           return _objectSpread({
             id: 'delete',
@@ -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.161",
+    "version": "3.0.164",
     "description": "",
     "keywords": [
         "javascript"
@@ -111,5 +111,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "2309ef5bf62f83eeb176e2e2a8b52811d64faf00"
+    "gitHead": "7a1511eb7b08a09cfcf708d1ca314a12155e9bd8"
 }