@compill/admin 1.0.93 → 1.0.94

package/index.esm.js

@@ -11,7 +11,7 @@ import { useFormikContext, Formik, Form } from 'formik';
 import { ButtonBarButton as ButtonBarButton$1, ButtonBarSubmitButton as ButtonBarSubmitButton$1, PageSectionTitle as PageSectionTitle$1, ButtonBar as ButtonBar$1, ButtonBarDialogButton as ButtonBarDialogButton$1, Breadcrumbs as Breadcrumbs$1, TableRowActionButton as TableRowActionButton$1, DialogButton as DialogButton$1 } from '@compill/admin';
 import { toast } from 'react-toastify';
 import 'react/jsx-runtime';
-import { FormProvider, TextArea, FormRenderer, mergeInitialFormValues, FieldLabel, SubmitButton } from '@compill/form';
+import { FormProvider, FormRenderer, TextArea, mergeInitialFormValues, FieldLabel, SubmitButton } from '@compill/form';
 import { createContext as createContext$1, runIfFn, isFunction } from '@soperio/react';
 import { FormEditor } from '@compill/form-editor';
 import { ImageExtension } from '@compill/editor';
@@ -60,20 +60,8 @@ var mdiPublish = "M5,4V6H19V4H5M5,14H9V20H15V14H19L12,7L5,14Z";
 var mdiPublishOff = "M20.8 22.7L15 16.9V20H9V14H5L8.6 10.4L1.1 3L2.4 1.7L22.1 21.4L20.8 22.7M19 6V4H7.2L9.2 6H19M17.2 14H19L12 7L11.1 7.9L17.2 14Z";
 var mdiRefresh = "M17.65,6.35C16.2,4.9 14.21,4 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20C15.73,20 18.84,17.45 19.73,14H17.65C16.83,16.33 14.61,18 12,18A6,6 0 0,1 6,12A6,6 0 0,1 12,6C13.66,6 15.14,6.69 16.22,7.78L13,11H20V4L17.65,6.35Z";
 
-function noop() { }
-
-function isPlainObject(value) {
-    if (!value || typeof value !== 'object') {
-        return false;
-    }
-    const proto = Object.getPrototypeOf(value);
-    const hasObjectPrototype = proto === null ||
-        proto === Object.prototype ||
-        Object.getPrototypeOf(proto) === null;
-    if (!hasObjectPrototype) {
-        return false;
-    }
-    return Object.prototype.toString.call(value) === '[object Object]';
+function eq(value, other) {
+    return value === other || (Number.isNaN(value) && Number.isNaN(other));
 }
 
 function getSymbols(object) {
@@ -114,8 +102,22 @@ const bigInt64ArrayTag = '[object BigInt64Array]';
 const float32ArrayTag = '[object Float32Array]';
 const float64ArrayTag = '[object Float64Array]';
 
-function eq(value, other) {
-    return value === other || (Number.isNaN(value) && Number.isNaN(other));
+function isArray(value) {
+    return Array.isArray(value);
+}
+
+function isPlainObject(value) {
+    if (!value || typeof value !== 'object') {
+        return false;
+    }
+    const proto = Object.getPrototypeOf(value);
+    const hasObjectPrototype = proto === null ||
+        proto === Object.prototype ||
+        Object.getPrototypeOf(proto) === null;
+    if (!hasObjectPrototype) {
+        return false;
+    }
+    return Object.prototype.toString.call(value) === '[object Object]';
 }
 
 function isEqualWith(a, b, areValuesEqual) {
@@ -296,6 +298,8 @@ function areObjectsEqual(a, b, stack, areValuesEqual) {
     }
 }
 
+function noop() { }
+
 function isEqual(a, b) {
     return isEqualWith(a, b, noop);
 }
@@ -304,10 +308,6 @@ function capitalize(str) {
     return (str.charAt(0).toUpperCase() + str.slice(1).toLowerCase());
 }
 
-function isArray(value) {
-    return Array.isArray(value);
-}
-
 function Breadcrumbs(_a) {
   var {
       breadcrumbs
@@ -468,9 +468,7 @@ const ButtonBarSubmitButton = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     handleSubmit
   } = (_b = useFormikContext()) !== null && _b !== void 0 ? _b : {
     dirty: false,
-    handleSubmit: undefined,
-    values: {}
-  };
+    handleSubmit: undefined};
   const onSubmit = React.useCallback(() => handleSubmit(), [handleSubmit]);
   return jsxs(Button, Object.assign({
     scheme: "dark",
@@ -580,391 +578,238 @@ function PublishButton(_a) {
   }));
 }
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-var reservedModifierKeywords = ['shift', 'alt', 'meta', 'mod', 'ctrl'];
-var mappedKeys = {
-  esc: 'escape',
-  "return": 'enter',
-  '.': 'period',
-  ',': 'comma',
-  '-': 'slash',
-  ' ': 'space',
-  '`': 'backquote',
-  '#': 'backslash',
-  '+': 'bracketright',
-  ShiftLeft: 'shift',
-  ShiftRight: 'shift',
-  AltLeft: 'alt',
-  AltRight: 'alt',
-  MetaLeft: 'meta',
-  MetaRight: 'meta',
-  OSLeft: 'meta',
-  OSRight: 'meta',
-  ControlLeft: 'ctrl',
-  ControlRight: 'ctrl'
+const j = ["shift", "alt", "meta", "mod", "ctrl", "control"], Q = {
+  esc: "escape",
+  return: "enter",
+  left: "arrowleft",
+  right: "arrowright",
+  up: "arrowup",
+  down: "arrowdown",
+  ShiftLeft: "shift",
+  ShiftRight: "shift",
+  AltLeft: "alt",
+  AltRight: "alt",
+  MetaLeft: "meta",
+  MetaRight: "meta",
+  OSLeft: "meta",
+  OSRight: "meta",
+  ControlLeft: "ctrl",
+  ControlRight: "ctrl"
 };
-function mapKey(key) {
-  return (mappedKeys[key] || key).trim().toLowerCase().replace(/key|digit|numpad|arrow/, '');
-}
-function isHotkeyModifier(key) {
-  return reservedModifierKeywords.includes(key);
-}
-function parseKeysHookInput(keys, splitKey) {
-  if (splitKey === void 0) {
-    splitKey = ',';
-  }
-  return keys.split(splitKey);
-}
-function parseHotkey(hotkey, combinationKey, description) {
-  if (combinationKey === void 0) {
-    combinationKey = '+';
-  }
-  var keys = hotkey.toLocaleLowerCase().split(combinationKey).map(function (k) {
-    return mapKey(k);
-  });
-  var modifiers = {
-    alt: keys.includes('alt'),
-    ctrl: keys.includes('ctrl') || keys.includes('control'),
-    shift: keys.includes('shift'),
-    meta: keys.includes('meta'),
-    mod: keys.includes('mod')
+function K(e) {
+  return (Q[e.trim()] || e.trim()).toLowerCase().replace(/key|digit|numpad/, "");
+}
+function D(e) {
+  return j.includes(e);
+}
+function H(e, r = ",") {
+  return e.toLowerCase().split(r);
+}
+function P(e, r = "+", o = ">", i = false, u) {
+  let n = [], c = false;
+  e = e.trim(), e.includes(o) ? (c = true, n = e.toLocaleLowerCase().split(o).map((f) => K(f))) : n = e.toLocaleLowerCase().split(r).map((f) => K(f));
+  const y = {
+    alt: n.includes("alt"),
+    ctrl: n.includes("ctrl") || n.includes("control"),
+    shift: n.includes("shift"),
+    meta: n.includes("meta"),
+    mod: n.includes("mod"),
+    useKey: i
+  }, d = n.filter((f) => !j.includes(f));
+  return {
+    ...y,
+    keys: d,
+    description: u,
+    isSequence: c,
+    hotkey: e
   };
-  var singleCharKeys = keys.filter(function (k) {
-    return !reservedModifierKeywords.includes(k);
-  });
-  return _extends({}, modifiers, {
-    keys: singleCharKeys,
-    description: description
-  });
-}
-
-(function () {
-  if (typeof document !== 'undefined') {
-    document.addEventListener('keydown', function (e) {
-      if (e.key === undefined) {
-        // Synthetic event (e.g., Chrome autofill).  Ignore.
-        return;
-      }
-      pushToCurrentlyPressedKeys([mapKey(e.key), mapKey(e.code)]);
-    });
-    document.addEventListener('keyup', function (e) {
-      if (e.key === undefined) {
-        // Synthetic event (e.g., Chrome autofill).  Ignore.
-        return;
-      }
-      removeFromCurrentlyPressedKeys([mapKey(e.key), mapKey(e.code)]);
-    });
-  }
-  if (typeof window !== 'undefined') {
-    window.addEventListener('blur', function () {
-      currentlyPressedKeys.clear();
-    });
-  }
-})();
-var currentlyPressedKeys = /*#__PURE__*/new Set();
-// https://github.com/microsoft/TypeScript/issues/17002
-function isReadonlyArray(value) {
-  return Array.isArray(value);
-}
-function isHotkeyPressed(key, splitKey) {
-  if (splitKey === void 0) {
-    splitKey = ',';
-  }
-  var hotkeyArray = isReadonlyArray(key) ? key : key.split(splitKey);
-  return hotkeyArray.every(function (hotkey) {
-    return currentlyPressedKeys.has(hotkey.trim().toLowerCase());
-  });
-}
-function pushToCurrentlyPressedKeys(key) {
-  var hotkeyArray = Array.isArray(key) ? key : [key];
-  /*
-  Due to a weird behavior on macOS we need to clear the set if the user pressed down the meta key and presses another key.
-  https://stackoverflow.com/questions/11818637/why-does-javascript-drop-keyup-events-when-the-metakey-is-pressed-on-mac-browser
-  Otherwise the set will hold all ever pressed keys while the meta key is down which leads to wrong results.
-   */
-  if (currentlyPressedKeys.has('meta')) {
-    currentlyPressedKeys.forEach(function (key) {
-      return !isHotkeyModifier(key) && currentlyPressedKeys["delete"](key.toLowerCase());
-    });
-  }
-  hotkeyArray.forEach(function (hotkey) {
-    return currentlyPressedKeys.add(hotkey.toLowerCase());
-  });
-}
-function removeFromCurrentlyPressedKeys(key) {
-  var hotkeyArray = Array.isArray(key) ? key : [key];
-  /*
-  Due to a weird behavior on macOS we need to clear the set if the user pressed down the meta key and presses another key.
-  https://stackoverflow.com/questions/11818637/why-does-javascript-drop-keyup-events-when-the-metakey-is-pressed-on-mac-browser
-  Otherwise the set will hold all ever pressed keys while the meta key is down which leads to wrong results.
-   */
-  if (key === 'meta') {
-    currentlyPressedKeys.clear();
-  } else {
-    hotkeyArray.forEach(function (hotkey) {
-      return currentlyPressedKeys["delete"](hotkey.toLowerCase());
-    });
-  }
-}
-
-function maybePreventDefault(e, hotkey, preventDefault) {
-  if (typeof preventDefault === 'function' && preventDefault(e, hotkey) || preventDefault === true) {
-    e.preventDefault();
-  }
 }
-function isHotkeyEnabled(e, hotkey, enabled) {
-  if (typeof enabled === 'function') {
-    return enabled(e, hotkey);
-  }
-  return enabled === true || enabled === undefined;
-}
-function isKeyboardEventTriggeredByInput(ev) {
-  return isHotkeyEnabledOnTag(ev, ['input', 'textarea', 'select']);
-}
-function isHotkeyEnabledOnTag(_ref, enabledOnTags) {
-  var target = _ref.target;
-  if (enabledOnTags === void 0) {
-    enabledOnTags = false;
-  }
-  var targetTagName = target && target.tagName;
-  if (isReadonlyArray(enabledOnTags)) {
-    return Boolean(targetTagName && enabledOnTags && enabledOnTags.some(function (tag) {
-      return tag.toLowerCase() === targetTagName.toLowerCase();
-    }));
-  }
-  return Boolean(targetTagName && enabledOnTags && enabledOnTags === true);
-}
-function isScopeActive(activeScopes, scopes) {
-  if (activeScopes.length === 0 && scopes) {
-    console.warn('A hotkey has the "scopes" option set, however no active scopes were found. If you want to use the global scopes feature, you need to wrap your app in a <HotkeysProvider>');
+typeof document < "u" && (document.addEventListener("keydown", (e) => {
+  e.code !== void 0 && I([K(e.code)]);
+}), document.addEventListener("keyup", (e) => {
+  e.code !== void 0 && _([K(e.code)]);
+})), typeof window < "u" && (window.addEventListener("blur", () => {
+  L.clear();
+}), window.addEventListener("contextmenu", () => {
+  setTimeout(() => {
+    L.clear();
+  }, 0);
+}));
+const L = /* @__PURE__ */ new Set();
+function R(e) {
+  return Array.isArray(e);
+}
+function U(e, r = ",") {
+  return (R(e) ? e : e.split(r)).every((i) => L.has(i.trim().toLowerCase()));
+}
+function I(e) {
+  const r = Array.isArray(e) ? e : [e];
+  L.has("meta") && L.forEach((o) => !D(o) && L.delete(o.toLowerCase())), r.forEach((o) => L.add(o.toLowerCase()));
+}
+function _(e) {
+  const r = Array.isArray(e) ? e : [e];
+  e === "meta" ? L.clear() : r.forEach((o) => L.delete(o.toLowerCase()));
+}
+function V(e, r, o) {
+  (typeof o == "function" && o(e, r) || o === true) && e.preventDefault();
+}
+function X(e, r, o) {
+  return typeof o == "function" ? o(e, r) : o === true || o === void 0;
+}
+const Y = [
+  "input",
+  "textarea",
+  "select",
+  "searchbox",
+  "slider",
+  "spinbutton",
+  "menuitem",
+  "menuitemcheckbox",
+  "menuitemradio",
+  "option",
+  "radio",
+  "textbox"
+];
+function Z(e) {
+  return F(e, Y);
+}
+function F(e, r = false) {
+  const { target: o, composed: i } = e;
+  let u, n;
+  return ee(o) && i ? (u = e.composedPath()[0] && e.composedPath()[0].tagName, n = e.composedPath()[0] && e.composedPath()[0].role) : (u = o && o.tagName, n = o && o.role), R(r) ? !!(u && r && r.some((c) => c.toLowerCase() === u.toLowerCase() || c === n)) : !!(u && r && r);
+}
+function ee(e) {
+  return !!e.tagName && !e.tagName.startsWith("-") && e.tagName.includes("-");
+}
+function te(e, r) {
+  return e.length === 0 && r ? (console.warn(
+    'A hotkey has the "scopes" option set, however no active scopes were found. If you want to use the global scopes feature, you need to wrap your app in a <HotkeysProvider>'
+  ), true) : r ? e.some((o) => r.includes(o)) || e.includes("*") : true;
+}
+const re = (e, r, o = false) => {
+  const { alt: i, meta: u, mod: n, shift: c, ctrl: y, keys: d, useKey: f } = r, { code: p, key: t, ctrlKey: a, metaKey: l, shiftKey: g, altKey: k } = e, m = K(p);
+  if (f && d?.length === 1 && d.includes(t))
     return true;
-  }
-  if (!scopes) {
-    return true;
-  }
-  return activeScopes.some(function (scope) {
-    return scopes.includes(scope);
-  }) || activeScopes.includes('*');
-}
-var isHotkeyMatchingKeyboardEvent = function isHotkeyMatchingKeyboardEvent(e, hotkey, ignoreModifiers) {
-  if (ignoreModifiers === void 0) {
-    ignoreModifiers = false;
-  }
-  var alt = hotkey.alt,
-    meta = hotkey.meta,
-    mod = hotkey.mod,
-    shift = hotkey.shift,
-    ctrl = hotkey.ctrl,
-    keys = hotkey.keys;
-  var pressedKeyUppercase = e.key,
-    code = e.code,
-    ctrlKey = e.ctrlKey,
-    metaKey = e.metaKey,
-    shiftKey = e.shiftKey,
-    altKey = e.altKey;
-  var keyCode = mapKey(code);
-  var pressedKey = pressedKeyUppercase.toLowerCase();
-  if (!(keys != null && keys.includes(keyCode)) && !(keys != null && keys.includes(pressedKey)) && !['ctrl', 'control', 'unknown', 'meta', 'alt', 'shift', 'os'].includes(keyCode)) {
+  if (!d?.includes(m) && !["ctrl", "control", "unknown", "meta", "alt", "shift", "os"].includes(m))
     return false;
-  }
-  if (!ignoreModifiers) {
-    // We check the pressed keys for compatibility with the keyup event. In keyup events the modifier flags are not set.
-    if (alt === !altKey && pressedKey !== 'alt') {
+  if (!o) {
+    if (i !== k && m !== "alt" || c !== g && m !== "shift")
       return false;
-    }
-    if (shift === !shiftKey && pressedKey !== 'shift') {
-      return false;
-    }
-    // Mod is a special key name that is checking for meta on macOS and ctrl on other platforms
-    if (mod) {
-      if (!metaKey && !ctrlKey) {
-        return false;
-      }
-    } else {
-      if (meta === !metaKey && pressedKey !== 'meta' && pressedKey !== 'os') {
+    if (n) {
+      if (!l && !a)
         return false;
-      }
-      if (ctrl === !ctrlKey && pressedKey !== 'ctrl' && pressedKey !== 'control') {
-        return false;
-      }
-    }
-  }
-  // All modifiers are correct, now check the key
-  // If the key is set, we check for the key
-  if (keys && keys.length === 1 && (keys.includes(pressedKey) || keys.includes(keyCode))) {
-    return true;
-  } else if (keys) {
-    // Check if all keys are present in pressedDownKeys set
-    return isHotkeyPressed(keys);
-  } else if (!keys) {
-    // If the key is not set, we only listen for modifiers, that check went alright, so we return true
-    return true;
+    } else if (u !== l && m !== "meta" && m !== "os" || y !== a && m !== "ctrl" && m !== "control")
+      return false;
   }
-  // There is nothing that matches.
-  return false;
-};
-
-var BoundHotkeysProxyProvider = /*#__PURE__*/createContext(undefined);
-var useBoundHotkeysProxy = function useBoundHotkeysProxy() {
-  return useContext$2(BoundHotkeysProxyProvider);
-};
-
-function deepEqual(x, y) {
-  //@ts-ignore
-  return x && y && typeof x === 'object' && typeof y === 'object' ? Object.keys(x).length === Object.keys(y).length &&
-  //@ts-ignore
-  Object.keys(x).reduce(function (isEqual, key) {
-    return isEqual && deepEqual(x[key], y[key]);
-  }, true) : x === y;
+  return d && d.length === 1 && d.includes(m) ? true : d ? U(d) : !d;
+}, $ = createContext(void 0), oe = () => useContext$2($);
+function x(e, r) {
+  return e && r && typeof e == "object" && typeof r == "object" ? Object.keys(e).length === Object.keys(r).length && // @ts-expect-error TS7053
+  Object.keys(e).reduce((o, i) => o && x(e[i], r[i]), true) : e === r;
 }
-
-var HotkeysContext = /*#__PURE__*/createContext({
+const W = createContext({
   hotkeys: [],
-  enabledScopes: [],
-  toggleScope: function toggleScope() {},
-  enableScope: function enableScope() {},
-  disableScope: function disableScope() {}
-});
-var useHotkeysContext = function useHotkeysContext() {
-  return useContext$2(HotkeysContext);
-};
-
-function useDeepEqualMemo(value) {
-  var ref = useRef(undefined);
-  if (!deepEqual(ref.current, value)) {
-    ref.current = value;
+  activeScopes: [],
+  // This array has to be empty instead of containing '*' as default, to check if the provider is set or not
+  toggleScope: () => {
+  },
+  enableScope: () => {
+  },
+  disableScope: () => {
   }
-  return ref.current;
-}
-
-var stopPropagation = function stopPropagation(e) {
-  e.stopPropagation();
-  e.preventDefault();
-  e.stopImmediatePropagation();
-};
-var useSafeLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
-function useHotkeys(keys, callback, options, dependencies) {
-  var ref = useRef(null);
-  var hasTriggeredRef = useRef(false);
-  var _options = !(options instanceof Array) ? options : !(dependencies instanceof Array) ? dependencies : undefined;
-  var _keys = isReadonlyArray(keys) ? keys.join(_options == null ? void 0 : _options.splitKey) : keys;
-  var _deps = options instanceof Array ? options : dependencies instanceof Array ? dependencies : undefined;
-  var memoisedCB = useCallback(callback, _deps != null ? _deps : []);
-  var cbRef = useRef(memoisedCB);
-  if (_deps) {
-    cbRef.current = memoisedCB;
-  } else {
-    cbRef.current = callback;
-  }
-  var memoisedOptions = useDeepEqualMemo(_options);
-  var _useHotkeysContext = useHotkeysContext(),
-    enabledScopes = _useHotkeysContext.enabledScopes;
-  var proxy = useBoundHotkeysProxy();
-  useSafeLayoutEffect(function () {
-    if ((memoisedOptions == null ? void 0 : memoisedOptions.enabled) === false || !isScopeActive(enabledScopes, memoisedOptions == null ? void 0 : memoisedOptions.scopes)) {
+}), se = () => useContext$2(W);
+function ie(e) {
+  const r = useRef(void 0);
+  return x(r.current, e) || (r.current = e), r.current;
+}
+const N = (e) => {
+  e.stopPropagation(), e.preventDefault(), e.stopImmediatePropagation();
+}, ue = typeof window < "u" ? useLayoutEffect : useEffect;
+function fe(e, r, o, i) {
+  const u = useRef(null), n = useRef(false), c = Array.isArray(o) ? Array.isArray(i) ? void 0 : i : o, y = R(e) ? e.join(c?.delimiter) : e, d = Array.isArray(o) ? o : Array.isArray(i) ? i : void 0, f = useCallback(r, d ?? []), p = useRef(f);
+  d ? p.current = f : p.current = r;
+  const t = ie(c), { activeScopes: a } = se(), l = oe();
+  return ue(() => {
+    if (t?.enabled === false || !te(a, t?.scopes))
       return;
-    }
-    var listener = function listener(e, isKeyUp) {
-      var _e$target;
-      if (isKeyUp === void 0) {
-        isKeyUp = false;
-      }
-      if (isKeyboardEventTriggeredByInput(e) && !isHotkeyEnabledOnTag(e, memoisedOptions == null ? void 0 : memoisedOptions.enableOnFormTags)) {
-        return;
-      }
-      // TODO: SINCE THE EVENT IS NOW ATTACHED TO THE REF, THE ACTIVE ELEMENT CAN NEVER BE INSIDE THE REF. THE HOTKEY ONLY TRIGGERS IF THE
-      // REF IS THE ACTIVE ELEMENT. THIS IS A PROBLEM SINCE FOCUSED SUB COMPONENTS WON'T TRIGGER THE HOTKEY.
-      if (ref.current !== null) {
-        var rootNode = ref.current.getRootNode();
-        if ((rootNode instanceof Document || rootNode instanceof ShadowRoot) && rootNode.activeElement !== ref.current && !ref.current.contains(rootNode.activeElement)) {
-          stopPropagation(e);
-          return;
-        }
-      }
-      if ((_e$target = e.target) != null && _e$target.isContentEditable && !(memoisedOptions != null && memoisedOptions.enableOnContentEditable)) {
-        return;
-      }
-      parseKeysHookInput(_keys, memoisedOptions == null ? void 0 : memoisedOptions.splitKey).forEach(function (key) {
-        var _hotkey$keys;
-        var hotkey = parseHotkey(key, memoisedOptions == null ? void 0 : memoisedOptions.combinationKey);
-        if (isHotkeyMatchingKeyboardEvent(e, hotkey, memoisedOptions == null ? void 0 : memoisedOptions.ignoreModifiers) || (_hotkey$keys = hotkey.keys) != null && _hotkey$keys.includes('*')) {
-          if (memoisedOptions != null && memoisedOptions.ignoreEventWhen != null && memoisedOptions.ignoreEventWhen(e)) {
+    let g = [], k;
+    const m = (s, B = false) => {
+      if (!(Z(s) && !F(s, t?.enableOnFormTags))) {
+        if (u.current !== null) {
+          const v = u.current.getRootNode();
+          if ((v instanceof Document || v instanceof ShadowRoot) && v.activeElement !== u.current && !u.current.contains(v.activeElement)) {
+            N(s);
             return;
           }
-          if (isKeyUp && hasTriggeredRef.current) {
-            return;
-          }
-          maybePreventDefault(e, hotkey, memoisedOptions == null ? void 0 : memoisedOptions.preventDefault);
-          if (!isHotkeyEnabled(e, hotkey, memoisedOptions == null ? void 0 : memoisedOptions.enabled)) {
-            stopPropagation(e);
+        }
+        s.target?.isContentEditable && !t?.enableOnContentEditable || H(y, t?.delimiter).forEach((v) => {
+          if (v.includes(t?.splitKey ?? "+") && v.includes(t?.sequenceSplitKey ?? ">")) {
+            console.warn(
+              `Hotkey ${v} contains both ${t?.splitKey ?? "+"} and ${t?.sequenceSplitKey ?? ">"} which is not supported.`
+            );
             return;
           }
-          // Execute the user callback for that hotkey
-          cbRef.current(e, hotkey);
-          if (!isKeyUp) {
-            hasTriggeredRef.current = true;
+          const h = P(
+            v,
+            t?.splitKey,
+            t?.sequenceSplitKey,
+            t?.useKey,
+            t?.description
+          );
+          if (h.isSequence) {
+            k = setTimeout(() => {
+              g = [];
+            }, t?.sequenceTimeoutMs ?? 1e3);
+            const C = h.useKey ? s.key : K(s.code);
+            if (D(C.toLowerCase()))
+              return;
+            g.push(C);
+            const G = h.keys?.[g.length - 1];
+            if (C !== G) {
+              g = [], k && clearTimeout(k);
+              return;
+            }
+            g.length === h.keys?.length && (p.current(s, h), k && clearTimeout(k), g = []);
+          } else if (re(s, h, t?.ignoreModifiers) || h.keys?.includes("*")) {
+            if (t?.ignoreEventWhen?.(s) || B && n.current)
+              return;
+            if (V(s, h, t?.preventDefault), !X(s, h, t?.enabled)) {
+              N(s);
+              return;
+            }
+            p.current(s, h), B || (n.current = true);
           }
-        }
-      });
-    };
-    var handleKeyDown = function handleKeyDown(event) {
-      if (event.key === undefined) {
-        // Synthetic event (e.g., Chrome autofill).  Ignore.
-        return;
-      }
-      pushToCurrentlyPressedKeys(mapKey(event.code));
-      if ((memoisedOptions == null ? void 0 : memoisedOptions.keydown) === undefined && (memoisedOptions == null ? void 0 : memoisedOptions.keyup) !== true || memoisedOptions != null && memoisedOptions.keydown) {
-        listener(event);
-      }
-    };
-    var handleKeyUp = function handleKeyUp(event) {
-      if (event.key === undefined) {
-        // Synthetic event (e.g., Chrome autofill).  Ignore.
-        return;
-      }
-      removeFromCurrentlyPressedKeys(mapKey(event.code));
-      hasTriggeredRef.current = false;
-      if (memoisedOptions != null && memoisedOptions.keyup) {
-        listener(event, true);
-      }
-    };
-    var domNode = ref.current || (_options == null ? void 0 : _options.document) || document;
-    // @ts-ignore
-    domNode.addEventListener('keyup', handleKeyUp);
-    // @ts-ignore
-    domNode.addEventListener('keydown', handleKeyDown);
-    if (proxy) {
-      parseKeysHookInput(_keys, memoisedOptions == null ? void 0 : memoisedOptions.splitKey).forEach(function (key) {
-        return proxy.addHotkey(parseHotkey(key, memoisedOptions == null ? void 0 : memoisedOptions.combinationKey, memoisedOptions == null ? void 0 : memoisedOptions.description));
-      });
-    }
-    return function () {
-      // @ts-ignore
-      domNode.removeEventListener('keyup', handleKeyUp);
-      // @ts-ignore
-      domNode.removeEventListener('keydown', handleKeyDown);
-      if (proxy) {
-        parseKeysHookInput(_keys, memoisedOptions == null ? void 0 : memoisedOptions.splitKey).forEach(function (key) {
-          return proxy.removeHotkey(parseHotkey(key, memoisedOptions == null ? void 0 : memoisedOptions.combinationKey, memoisedOptions == null ? void 0 : memoisedOptions.description));
         });
       }
+    }, O = (s) => {
+      s.code !== void 0 && (I(K(s.code)), (t?.keydown === void 0 && t?.keyup !== true || t?.keydown) && m(s));
+    }, q = (s) => {
+      s.code !== void 0 && (_(K(s.code)), n.current = false, t?.keyup && m(s, true));
+    }, E = u.current || c?.document || document;
+    return E.addEventListener("keyup", q, c?.eventListenerOptions), E.addEventListener("keydown", O, c?.eventListenerOptions), l && H(y, t?.delimiter).forEach(
+      (s) => l.addHotkey(
+        P(
+          s,
+          t?.splitKey,
+          t?.sequenceSplitKey,
+          t?.useKey,
+          t?.description
+        )
+      )
+    ), () => {
+      E.removeEventListener("keyup", q, c?.eventListenerOptions), E.removeEventListener("keydown", O, c?.eventListenerOptions), l && H(y, t?.delimiter).forEach(
+        (s) => l.removeHotkey(
+          P(
+            s,
+            t?.splitKey,
+            t?.sequenceSplitKey,
+            t?.useKey,
+            t?.description
+          )
+        )
+      ), g = [], k && clearTimeout(k);
     };
-  }, [_keys, memoisedOptions, enabledScopes]);
-  return ref;
+  }, [y, t, a]), u;
 }
 
 function UpdateButton(_a) {
@@ -975,10 +820,8 @@ function UpdateButton(_a) {
     handleSubmit
   } = (_b = useFormikContext()) !== null && _b !== void 0 ? _b : {
     dirty: false,
-    handleSubmit: undefined,
-    values: {}
-  };
-  useHotkeys('ctrl+s', () => {
+    handleSubmit: undefined};
+  fe('ctrl+s', () => {
     if (dirty && !props.disabled) handleSubmit();
   }, {
     preventDefault: true
@@ -1998,7 +1841,7 @@ function ItemEditDialog(_a) {
     error /*, error*/,
     refetch
   } = useApiQuery(api.queryKey, api.get, queryId, Object.assign({
-    enabled: !( /*queryId == 0 || */queryId == "" || queryId == null || queryId == undefined),
+    enabled: !(/*queryId == 0 || */queryId == "" || queryId == null || queryId == undefined),
     onError: onFetchError
   }, queryFetchOptions));
   // const [activeTab, setActiveTab] = React.useState(form && Array.isArray(form) ? form[0].key : "");
@@ -2185,7 +2028,10 @@ function DialogRenderer({
   invalidateQueryKey,
   queryId
 }) {
-  const props = __rest(config, ["type"]);
+  const {
+      type
+    } = config,
+    props = __rest(config, ["type"]);
   if (config.type === "dialog") return jsx(ItemEditDialog, Object.assign({}, props, {
     queryId: queryId,
     invalidateQueryKey: invalidateQueryKey,
@@ -2209,7 +2055,7 @@ function RefreshButton({
   queryKey
 }) {
   const invalidate = useInvalidateQuery(queryKey);
-  useHotkeys('ctrl+r', () => invalidate(), {
+  fe('ctrl+r', () => invalidate(), {
     preventDefault: true
   }, [invalidate]);
   return jsx(ButtonBarButton, {
@@ -3034,7 +2880,7 @@ function UserBlock({
   menuConfig,
   path
 }) {
-  var _a, _b, _c, _d;
+  var _a, _b;
   const {
     isLoading,
     user
@@ -3062,7 +2908,7 @@ function UserBlock({
     }), jsx("span", {
       flexGrow: true,
       ms: "2",
-      children: `${capitalize((_d = (_c = user === null || user === void 0 ? void 0 : user.firstname) !== null && _c !== void 0 ? _c : user === null || user === void 0 ? void 0 : user.lastname) !== null && _d !== void 0 ? _d : "Jonathan")}`
+      children: `${capitalize((user === null || user === void 0 ? void 0 : user.firstname) || (user === null || user === void 0 ? void 0 : user.lastname) || "")}`
     }), jsx(IconButton, {
       variant: "borderless",
       corners: "pill",
@@ -3202,7 +3048,7 @@ function Sidebar(_a) {
         darkMode: darkMode
       }), jsx("h1", {
         textSize: "md",
-        children: title !== null && title !== void 0 ? title : AppEnv.appName()
+        children: title || AppEnv.appName()
       })]
     }), jsx(Menu, {
       overflowY: "auto",
@@ -3288,7 +3134,7 @@ function LeftPanel({
   userSettingsPath
 }) {
   const [isOpen, __, toggle] = useBoolean(true);
-  useHotkeys('ctrl+t', () => toggle(), [toggle]);
+  fe('ctrl+t', () => toggle(), [toggle]);
   return jsxs("div", {
     ms: isOpen ? "0" : "-14.5rem",
     transition: "all",