@webiny/app-admin 6.0.0-beta.0 → 6.0.0-rc.1

package/hooks/index.js

@@ -1,128 +1,13 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _useConfirmationDialog = require("./useConfirmationDialog");
-Object.keys(_useConfirmationDialog).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useConfirmationDialog[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useConfirmationDialog[key];
-    }
-  });
-});
-var _useDialog = require("./useDialog");
-Object.keys(_useDialog).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useDialog[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useDialog[key];
-    }
-  });
-});
-var _useDialogs = require("../components/Dialogs/useDialogs");
-Object.keys(_useDialogs).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useDialogs[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useDialogs[key];
-    }
-  });
-});
-var _useSnackbar = require("./useSnackbar");
-Object.keys(_useSnackbar).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useSnackbar[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useSnackbar[key];
-    }
-  });
-});
-var _useKeyHandler = require("./useKeyHandler");
-Object.keys(_useKeyHandler).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useKeyHandler[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useKeyHandler[key];
-    }
-  });
-});
-var _useShiftKey = require("./useShiftKey");
-Object.keys(_useShiftKey).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useShiftKey[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useShiftKey[key];
-    }
-  });
-});
-var _useStateWithCallback = require("./useStateWithCallback");
-Object.keys(_useStateWithCallback).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useStateWithCallback[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useStateWithCallback[key];
-    }
-  });
-});
-var _useModKey = require("./useModKey");
-Object.keys(_useModKey).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useModKey[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useModKey[key];
-    }
-  });
-});
-var _useIsMounted = require("./useIsMounted");
-Object.keys(_useIsMounted).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useIsMounted[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useIsMounted[key];
-    }
-  });
-});
-var _useStateIfMounted = require("./useStateIfMounted");
-Object.keys(_useStateIfMounted).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useStateIfMounted[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useStateIfMounted[key];
-    }
-  });
-});
-var _createGenericContext = require("./createGenericContext");
-Object.keys(_createGenericContext).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _createGenericContext[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _createGenericContext[key];
-    }
-  });
-});
+export * from "./useConfirmationDialog.js";
+export * from "./useDialog.js";
+export * from "../components/Dialogs/useDialogs.js";
+export * from "./useSnackbar.js";
+export * from "./useKeyHandler.js";
+export * from "./useShiftKey.js";
+export * from "./useStateWithCallback.js";
+export * from "./useModKey.js";
+export * from "./useIsMounted.js";
+export * from "./useStateIfMounted.js";
+export * from "./useToggler.js";
 
 //# sourceMappingURL=index.js.map

package/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_useConfirmationDialog","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_useDialog","_useDialogs","_useSnackbar","_useKeyHandler","_useShiftKey","_useStateWithCallback","_useModKey","_useIsMounted","_useStateIfMounted","_createGenericContext"],"sources":["index.ts"],"sourcesContent":["export * from \"./useConfirmationDialog\";\nexport * from \"./useDialog\";\nexport * from \"../components/Dialogs/useDialogs\";\nexport * from \"./useSnackbar\";\nexport * from \"./useKeyHandler\";\nexport * from \"./useShiftKey\";\nexport * from \"./useStateWithCallback\";\nexport * from \"./useModKey\";\nexport * from \"./useIsMounted\";\nexport * from \"./useStateIfMounted\";\nexport * from \"./createGenericContext\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./useConfirmationDialog.js\";\nexport * from \"./useDialog.js\";\nexport * from \"../components/Dialogs/useDialogs.js\";\nexport * from \"./useSnackbar.js\";\nexport * from \"./useKeyHandler.js\";\nexport * from \"./useShiftKey.js\";\nexport * from \"./useStateWithCallback.js\";\nexport * from \"./useModKey.js\";\nexport * from \"./useIsMounted.js\";\nexport * from \"./useStateIfMounted.js\";\nexport * from \"./useToggler.js\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/hooks/useConfirmationDialog.d.ts

@@ -7,7 +7,7 @@ interface Params {
     loading?: React.ReactNode;
     [key: string]: any;
 }
-export declare type ShowConfirmationOnAccept = (() => void) | (() => Promise<void>);
+export type ShowConfirmationOnAccept = (() => void) | (() => Promise<void>);
 export interface UseConfirmationDialogResponse {
     showConfirmation: (onAccept: ShowConfirmationOnAccept, onCancel?: () => void) => void;
 }

package/hooks/useConfirmationDialog.js

@@ -1,42 +1,28 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useConfirmationDialog = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _useUi = require("@webiny/app/hooks/useUi");
-var _i18n = require("@webiny/app/i18n");
-var _Progress = require("@webiny/ui/Progress");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-var _excluded = ["title", "message", "acceptLabel", "cancelLabel", "loading"];
-var t = _i18n.i18n.ns("app-admin/hooks/use-confirmation-dialog");
-var useConfirmationDialog = exports.useConfirmationDialog = function useConfirmationDialog() {
-  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var _ref$title = _ref.title,
-    title = _ref$title === void 0 ? t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Confirmation"]))) : _ref$title,
-    message = _ref.message,
-    _ref$acceptLabel = _ref.acceptLabel,
-    acceptLabel = _ref$acceptLabel === void 0 ? t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Confirm"]))) : _ref$acceptLabel,
-    _ref$cancelLabel = _ref.cancelLabel,
-    cancelLabel = _ref$cancelLabel === void 0 ? t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Cancel"]))) : _ref$cancelLabel,
-    _ref$loading = _ref.loading,
-    loading = _ref$loading === void 0 ? /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, null) : _ref$loading,
-    options = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var ui = (0, _useUi.useUi)();
+import React from "react";
+import { useUi } from "@webiny/app/hooks/useUi.js";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { CircularProgress } from "@webiny/ui/Progress/index.js";
+const t = i18n.ns("app-admin/hooks/use-confirmation-dialog");
+const useConfirmationDialog = ({
+  title = t`Confirmation`,
+  message,
+  acceptLabel = t`Confirm`,
+  cancelLabel = t`Cancel`,
+  loading = /*#__PURE__*/React.createElement(CircularProgress, null),
+  ...options
+} = {}) => {
+  const ui = useUi();
   return {
-    showConfirmation: function showConfirmation(onAccept, onCancel) {
-      ui.setState(function (ui) {
-        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, ui), {}, {
+    showConfirmation: (onAccept, onCancel) => {
+      ui.setState(ui => {
+        return {
+          ...ui,
           dialog: {
-            message: message || t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Are you sure you want to continue?"]))),
-            options: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, options), {}, {
-              title: title,
-              loading: loading,
+            message: message || t`Are you sure you want to continue?`,
+            options: {
+              ...options,
+              title,
+              loading,
               actions: {
                 accept: {
                   label: acceptLabel,
@@ -47,12 +33,13 @@ var useConfirmationDialog = exports.useConfirmationDialog = function useConfirma
                   onClick: onCancel
                 }
               }
-            })
+            }
           }
-        });
+        };
       });
     }
   };
 };
+export { useConfirmationDialog };
 
 //# sourceMappingURL=useConfirmationDialog.js.map

package/hooks/useConfirmationDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_useUi","_i18n","_Progress","_templateObject","_templateObject2","_templateObject3","_templateObject4","_excluded","t","i18n","ns","useConfirmationDialog","exports","_ref","arguments","length","undefined","_ref$title","title","_taggedTemplateLiteral2","default","message","_ref$acceptLabel","acceptLabel","_ref$cancelLabel","cancelLabel","_ref$loading","loading","createElement","CircularProgress","options","_objectWithoutProperties2","ui","useUi","showConfirmation","onAccept","onCancel","setState","_objectSpread2","dialog","actions","accept","label","onClick","cancel"],"sources":["useConfirmationDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\n\nconst t = i18n.ns(\"app-admin/hooks/use-confirmation-dialog\");\n\ninterface Params {\n    title?: React.ReactNode;\n    message?: React.ReactNode;\n    acceptLabel?: React.ReactNode;\n    cancelLabel?: React.ReactNode;\n    loading?: React.ReactNode;\n    [key: string]: any;\n}\n\nexport type ShowConfirmationOnAccept = (() => void) | (() => Promise<void>);\n\nexport interface UseConfirmationDialogResponse {\n    showConfirmation: (onAccept: ShowConfirmationOnAccept, onCancel?: () => void) => void;\n}\n\nconst useConfirmationDialog = ({\n    title = t`Confirmation`,\n    message,\n    acceptLabel = t`Confirm`,\n    cancelLabel = t`Cancel`,\n    loading = <CircularProgress />,\n    ...options\n}: Params = {}): UseConfirmationDialogResponse => {\n    const ui = useUi();\n\n    return {\n        showConfirmation: (onAccept, onCancel) => {\n            ui.setState(ui => {\n                return {\n                    ...ui,\n                    dialog: {\n                        message: message || t`Are you sure you want to continue?`,\n                        options: {\n                            ...options,\n                            title,\n                            loading,\n                            actions: {\n                                accept: {\n                                    label: acceptLabel,\n                                    onClick: onAccept\n                                },\n                                cancel: {\n                                    label: cancelLabel,\n                                    onClick: onCancel\n                                }\n                            }\n                        }\n                    }\n                };\n            });\n        }\n    };\n};\n\nexport { useConfirmationDialog };\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAAuD,IAAAI,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAAA,IAAAC,SAAA;AAEvD,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,yCAAyC,CAAC;AAiB5D,IAAMC,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,SAAxBA,qBAAqBA,CAAA,EAOuB;EAAA,IAAAE,IAAA,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAtC,CAAC,CAAC;EAAA,IAAAG,UAAA,GAAAJ,IAAA,CANVK,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAGT,CAAC,CAAAL,eAAA,KAAAA,eAAA,OAAAgB,uBAAA,CAAAC,OAAA,wBAAAH,UAAA;IACTI,OAAO,GAAAR,IAAA,CAAPQ,OAAO;IAAAC,gBAAA,GAAAT,IAAA,CACPU,WAAW;IAAXA,WAAW,GAAAD,gBAAA,cAAGd,CAAC,CAAAJ,gBAAA,KAAAA,gBAAA,OAAAe,uBAAA,CAAAC,OAAA,mBAAAE,gBAAA;IAAAE,gBAAA,GAAAX,IAAA,CACfY,WAAW;IAAXA,WAAW,GAAAD,gBAAA,cAAGhB,CAAC,CAAAH,gBAAA,KAAAA,gBAAA,OAAAc,uBAAA,CAAAC,OAAA,kBAAAI,gBAAA;IAAAE,YAAA,GAAAb,IAAA,CACfc,OAAO;IAAPA,OAAO,GAAAD,YAAA,2BAAG7B,MAAA,CAAAuB,OAAA,CAAAQ,aAAA,CAAC1B,SAAA,CAAA2B,gBAAgB,MAAE,CAAC,GAAAH,YAAA;IAC3BI,OAAO,OAAAC,yBAAA,CAAAX,OAAA,EAAAP,IAAA,EAAAN,SAAA;EAEV,IAAMyB,EAAE,GAAG,IAAAC,YAAK,EAAC,CAAC;EAElB,OAAO;IACHC,gBAAgB,EAAE,SAAAA,iBAACC,QAAQ,EAAEC,QAAQ,EAAK;MACtCJ,EAAE,CAACK,QAAQ,CAAC,UAAAL,EAAE,EAAI;QACd,WAAAM,cAAA,CAAAlB,OAAA,MAAAkB,cAAA,CAAAlB,OAAA,MACOY,EAAE;UACLO,MAAM,EAAE;YACJlB,OAAO,EAAEA,OAAO,IAAIb,CAAC,CAAAF,gBAAA,KAAAA,gBAAA,OAAAa,uBAAA,CAAAC,OAAA,2CAAoC;YACzDU,OAAO,MAAAQ,cAAA,CAAAlB,OAAA,MAAAkB,cAAA,CAAAlB,OAAA,MACAU,OAAO;cACVZ,KAAK,EAALA,KAAK;cACLS,OAAO,EAAPA,OAAO;cACPa,OAAO,EAAE;gBACLC,MAAM,EAAE;kBACJC,KAAK,EAAEnB,WAAW;kBAClBoB,OAAO,EAAER;gBACb,CAAC;gBACDS,MAAM,EAAE;kBACJF,KAAK,EAAEjB,WAAW;kBAClBkB,OAAO,EAAEP;gBACb;cACJ;YAAC;UAET;QAAC;MAET,CAAC,CAAC;IACN;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useUi","i18n","CircularProgress","t","ns","useConfirmationDialog","title","message","acceptLabel","cancelLabel","loading","createElement","options","ui","showConfirmation","onAccept","onCancel","setState","dialog","actions","accept","label","onClick","cancel"],"sources":["useConfirmationDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { useUi } from \"@webiny/app/hooks/useUi.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { CircularProgress } from \"@webiny/ui/Progress/index.js\";\n\nconst t = i18n.ns(\"app-admin/hooks/use-confirmation-dialog\");\n\ninterface Params {\n    title?: React.ReactNode;\n    message?: React.ReactNode;\n    acceptLabel?: React.ReactNode;\n    cancelLabel?: React.ReactNode;\n    loading?: React.ReactNode;\n    [key: string]: any;\n}\n\nexport type ShowConfirmationOnAccept = (() => void) | (() => Promise<void>);\n\nexport interface UseConfirmationDialogResponse {\n    showConfirmation: (onAccept: ShowConfirmationOnAccept, onCancel?: () => void) => void;\n}\n\nconst useConfirmationDialog = ({\n    title = t`Confirmation`,\n    message,\n    acceptLabel = t`Confirm`,\n    cancelLabel = t`Cancel`,\n    loading = <CircularProgress />,\n    ...options\n}: Params = {}): UseConfirmationDialogResponse => {\n    const ui = useUi();\n\n    return {\n        showConfirmation: (onAccept, onCancel) => {\n            ui.setState(ui => {\n                return {\n                    ...ui,\n                    dialog: {\n                        message: message || t`Are you sure you want to continue?`,\n                        options: {\n                            ...options,\n                            title,\n                            loading,\n                            actions: {\n                                accept: {\n                                    label: acceptLabel,\n                                    onClick: onAccept\n                                },\n                                cancel: {\n                                    label: cancelLabel,\n                                    onClick: onCancel\n                                }\n                            }\n                        }\n                    }\n                };\n            });\n        }\n    };\n};\n\nexport { useConfirmationDialog };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,4BAA4B;AAClD,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,gBAAgB,QAAQ,8BAA8B;AAE/D,MAAMC,CAAC,GAAGF,IAAI,CAACG,EAAE,CAAC,yCAAyC,CAAC;AAiB5D,MAAMC,qBAAqB,GAAGA,CAAC;EAC3BC,KAAK,GAAGH,CAAC,cAAc;EACvBI,OAAO;EACPC,WAAW,GAAGL,CAAC,SAAS;EACxBM,WAAW,GAAGN,CAAC,QAAQ;EACvBO,OAAO,gBAAGX,KAAA,CAAAY,aAAA,CAACT,gBAAgB,MAAE,CAAC;EAC9B,GAAGU;AACC,CAAC,GAAG,CAAC,CAAC,KAAoC;EAC9C,MAAMC,EAAE,GAAGb,KAAK,CAAC,CAAC;EAElB,OAAO;IACHc,gBAAgB,EAAEA,CAACC,QAAQ,EAAEC,QAAQ,KAAK;MACtCH,EAAE,CAACI,QAAQ,CAACJ,EAAE,IAAI;QACd,OAAO;UACH,GAAGA,EAAE;UACLK,MAAM,EAAE;YACJX,OAAO,EAAEA,OAAO,IAAIJ,CAAC,oCAAoC;YACzDS,OAAO,EAAE;cACL,GAAGA,OAAO;cACVN,KAAK;cACLI,OAAO;cACPS,OAAO,EAAE;gBACLC,MAAM,EAAE;kBACJC,KAAK,EAAEb,WAAW;kBAClBc,OAAO,EAAEP;gBACb,CAAC;gBACDQ,MAAM,EAAE;kBACJF,KAAK,EAAEZ,WAAW;kBAClBa,OAAO,EAAEN;gBACb;cACJ;YACJ;UACJ;QACJ,CAAC;MACL,CAAC,CAAC;IACN;EACJ,CAAC;AACL,CAAC;AAED,SAASX,qBAAqB","ignoreList":[]}

package/hooks/useDialog.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import type React from "react";
 interface AcceptAction {
     label: string;
     onClick?: () => void;

package/hooks/useDialog.js

@@ -1,33 +1,28 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useDialog = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _useUi = require("@webiny/app/hooks/useUi");
-var useDialog = exports.useDialog = function useDialog() {
-  var ui = (0, _useUi.useUi)();
+import { useUi } from "@webiny/app/hooks/useUi.js";
+const useDialog = () => {
+  const ui = useUi();
   return {
-    showDialog: function showDialog(message, options) {
-      ui.setState(function (ui) {
-        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, ui), {}, {
+    showDialog: (message, options) => {
+      ui.setState(ui => {
+        return {
+          ...ui,
           dialog: {
-            message: message,
-            options: options
+            message,
+            options
           }
-        });
+        };
       });
     },
-    hideDialog: function hideDialog() {
-      ui.setState(function (ui) {
-        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, ui), {}, {
+    hideDialog: () => {
+      ui.setState(ui => {
+        return {
+          ...ui,
           dialog: null
-        });
+        };
       });
     }
   };
 };
+export { useDialog };
 
 //# sourceMappingURL=useDialog.js.map

package/hooks/useDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["_useUi","require","useDialog","exports","ui","useUi","showDialog","message","options","setState","_objectSpread2","default","dialog","hideDialog"],"sources":["useDialog.ts"],"sourcesContent":["import React from \"react\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\n\ninterface AcceptAction {\n    label: string;\n    onClick?: () => void;\n}\ninterface CancelAction {\n    label: string;\n    onClick?: () => void;\n}\n\nexport interface UseDialogResponseShowDialogOptions {\n    dataTestId?: string;\n    title: string;\n    loading?: boolean;\n    actions?: {\n        accept?: AcceptAction;\n        cancel?: CancelAction;\n    };\n    style?: {\n        [key: string]: any;\n    };\n    onClose?: () => void;\n    [key: string]: any;\n}\ninterface UseDialogResponse {\n    showDialog: (message: React.ReactNode, options?: UseDialogResponseShowDialogOptions) => void;\n    hideDialog: () => void;\n}\nconst useDialog = (): UseDialogResponse => {\n    const ui = useUi();\n    return {\n        showDialog: (message, options) => {\n            ui.setState(ui => {\n                return { ...ui, dialog: { message, options } };\n            });\n        },\n        hideDialog: () => {\n            ui.setState(ui => {\n                return { ...ui, dialog: null };\n            });\n        }\n    };\n};\n\nexport { useDialog };\n"],"mappings":";;;;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AA6BA,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,SAAZA,SAASA,CAAA,EAA4B;EACvC,IAAME,EAAE,GAAG,IAAAC,YAAK,EAAC,CAAC;EAClB,OAAO;IACHC,UAAU,EAAE,SAAAA,WAACC,OAAO,EAAEC,OAAO,EAAK;MAC9BJ,EAAE,CAACK,QAAQ,CAAC,UAAAL,EAAE,EAAI;QACd,WAAAM,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MAAYP,EAAE;UAAEQ,MAAM,EAAE;YAAEL,OAAO,EAAPA,OAAO;YAAEC,OAAO,EAAPA;UAAQ;QAAC;MAChD,CAAC,CAAC;IACN,CAAC;IACDK,UAAU,EAAE,SAAAA,WAAA,EAAM;MACdT,EAAE,CAACK,QAAQ,CAAC,UAAAL,EAAE,EAAI;QACd,WAAAM,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MAAYP,EAAE;UAAEQ,MAAM,EAAE;QAAI;MAChC,CAAC,CAAC;IACN;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["useUi","useDialog","ui","showDialog","message","options","setState","dialog","hideDialog"],"sources":["useDialog.ts"],"sourcesContent":["import type React from \"react\";\nimport { useUi } from \"@webiny/app/hooks/useUi.js\";\n\ninterface AcceptAction {\n    label: string;\n    onClick?: () => void;\n}\ninterface CancelAction {\n    label: string;\n    onClick?: () => void;\n}\n\nexport interface UseDialogResponseShowDialogOptions {\n    dataTestId?: string;\n    title: string;\n    loading?: boolean;\n    actions?: {\n        accept?: AcceptAction;\n        cancel?: CancelAction;\n    };\n    style?: {\n        [key: string]: any;\n    };\n    onClose?: () => void;\n    [key: string]: any;\n}\ninterface UseDialogResponse {\n    showDialog: (message: React.ReactNode, options?: UseDialogResponseShowDialogOptions) => void;\n    hideDialog: () => void;\n}\nconst useDialog = (): UseDialogResponse => {\n    const ui = useUi();\n    return {\n        showDialog: (message, options) => {\n            ui.setState(ui => {\n                return { ...ui, dialog: { message, options } };\n            });\n        },\n        hideDialog: () => {\n            ui.setState(ui => {\n                return { ...ui, dialog: null };\n            });\n        }\n    };\n};\n\nexport { useDialog };\n"],"mappings":"AACA,SAASA,KAAK,QAAQ,4BAA4B;AA6BlD,MAAMC,SAAS,GAAGA,CAAA,KAAyB;EACvC,MAAMC,EAAE,GAAGF,KAAK,CAAC,CAAC;EAClB,OAAO;IACHG,UAAU,EAAEA,CAACC,OAAO,EAAEC,OAAO,KAAK;MAC9BH,EAAE,CAACI,QAAQ,CAACJ,EAAE,IAAI;QACd,OAAO;UAAE,GAAGA,EAAE;UAAEK,MAAM,EAAE;YAAEH,OAAO;YAAEC;UAAQ;QAAE,CAAC;MAClD,CAAC,CAAC;IACN,CAAC;IACDG,UAAU,EAAEA,CAAA,KAAM;MACdN,EAAE,CAACI,QAAQ,CAACJ,EAAE,IAAI;QACd,OAAO;UAAE,GAAGA,EAAE;UAAEK,MAAM,EAAE;QAAK,CAAC;MAClC,CAAC,CAAC;IACN;EACJ,CAAC;AACL,CAAC;AAED,SAASN,SAAS","ignoreList":[]}

package/hooks/useIsMounted.js

@@ -1,22 +1,14 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useIsMounted = void 0;
-var _react = require("react");
-var useIsMounted = exports.useIsMounted = function useIsMounted() {
-  var isMountedRef = (0, _react.useRef)(false);
-  (0, _react.useEffect)(function () {
+import { useRef, useEffect } from "react";
+export const useIsMounted = () => {
+  const isMountedRef = useRef(false);
+  useEffect(() => {
     isMountedRef.current = true;
-    return function () {
+    return () => {
       isMountedRef.current = false;
     };
   }, []);
   return {
-    isMounted: function isMounted() {
-      return isMountedRef.current;
-    }
+    isMounted: () => isMountedRef.current
   };
 };
 

package/hooks/useIsMounted.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","useIsMounted","exports","isMountedRef","useRef","useEffect","current","isMounted"],"sources":["useIsMounted.ts"],"sourcesContent":["import { useRef, useEffect } from \"react\";\n\nexport const useIsMounted = () => {\n    const isMountedRef = useRef(false);\n\n    useEffect(() => {\n        isMountedRef.current = true;\n\n        return () => {\n            isMountedRef.current = false;\n        };\n    }, []);\n\n    return {\n        isMounted: () => isMountedRef.current\n    };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,IAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,SAAfA,YAAYA,CAAA,EAAS;EAC9B,IAAME,YAAY,GAAG,IAAAC,aAAM,EAAC,KAAK,CAAC;EAElC,IAAAC,gBAAS,EAAC,YAAM;IACZF,YAAY,CAACG,OAAO,GAAG,IAAI;IAE3B,OAAO,YAAM;MACTH,YAAY,CAACG,OAAO,GAAG,KAAK;IAChC,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IACHC,SAAS,EAAE,SAAAA,UAAA;MAAA,OAAMJ,YAAY,CAACG,OAAO;IAAA;EACzC,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["useRef","useEffect","useIsMounted","isMountedRef","current","isMounted"],"sources":["useIsMounted.ts"],"sourcesContent":["import { useRef, useEffect } from \"react\";\n\nexport const useIsMounted = () => {\n    const isMountedRef = useRef(false);\n\n    useEffect(() => {\n        isMountedRef.current = true;\n\n        return () => {\n            isMountedRef.current = false;\n        };\n    }, []);\n\n    return {\n        isMounted: () => isMountedRef.current\n    };\n};\n"],"mappings":"AAAA,SAASA,MAAM,EAAEC,SAAS,QAAQ,OAAO;AAEzC,OAAO,MAAMC,YAAY,GAAGA,CAAA,KAAM;EAC9B,MAAMC,YAAY,GAAGH,MAAM,CAAC,KAAK,CAAC;EAElCC,SAAS,CAAC,MAAM;IACZE,YAAY,CAACC,OAAO,GAAG,IAAI;IAE3B,OAAO,MAAM;MACTD,YAAY,CAACC,OAAO,GAAG,KAAK;IAChC,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IACHC,SAAS,EAAEA,CAAA,KAAMF,YAAY,CAACC;EAClC,CAAC;AACL,CAAC","ignoreList":[]}

package/hooks/useKeyHandler.d.ts

@@ -1,6 +1,6 @@
-import { SyntheticEvent } from "react";
-declare type AddKeyHandlerType = (key: string, handler: (e: SyntheticEvent<HTMLElement>) => void) => void;
-declare type RemoveKeyHandlerType = (key: string) => void;
+import type { SyntheticEvent } from "react";
+type AddKeyHandlerType = (key: string, handler: (e: SyntheticEvent<HTMLElement>) => void) => void;
+type RemoveKeyHandlerType = (key: string) => void;
 export declare function useKeyHandler(): {
     addKeyHandler: AddKeyHandlerType;
     removeKeyHandler: RemoveKeyHandlerType;

package/hooks/useKeyHandler.js

@@ -1,38 +1,28 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useKeyHandler = useKeyHandler;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireDefault(require("react"));
-var _isHotkey = _interopRequireDefault(require("is-hotkey"));
-var _utils = require("@webiny/utils");
-var keyStack = {};
-var listener = false;
-var filter = ["TEXTAREA", "INPUT"];
-var isContentEditable = function isContentEditable(value) {
+import React from "react";
+import { isHotkey } from "is-hotkey";
+import { generateId } from "@webiny/utils";
+const keyStack = {};
+let listener = false;
+const filter = ["TEXTAREA", "INPUT"];
+const isContentEditable = value => {
   return ["true", true].includes(value);
 };
-var setupListener = function setupListener() {
+const setupListener = () => {
   if (listener || !document.body) {
     return;
   }
-  var eventListener = function eventListener(ev) {
+  const eventListener = ev => {
     if (!ev.target) {
       return;
     }
-    var target = ev.target;
+    const target = ev.target;
     // We ignore all keyboard events coming from within contentEditable element and inputs.
     if (filter.includes(target.nodeName) || isContentEditable(target.contentEditable)) {
       return;
     }
-    var matchedKey = Object.keys(keyStack).find(function (key) {
-      return (0, _isHotkey.default)(key, ev);
-    });
+    const matchedKey = Object.keys(keyStack).find(key => isHotkey(key, ev));
     if (matchedKey && keyStack[matchedKey].length > 0) {
-      var item = keyStack[matchedKey][0];
+      const item = keyStack[matchedKey][0];
       item.handler(ev);
       ev.stopPropagation();
     }
@@ -40,43 +30,35 @@ var setupListener = function setupListener() {
   document.body.addEventListener("keydown", eventListener);
   listener = true;
 };
-var _addKeyHandler = function addKeyHandler(id, key, handler) {
+const addKeyHandler = (id, key, handler) => {
   setupListener();
   keyStack[key] = keyStack[key] || [];
-  if (!keyStack[key].find(function (item) {
-    return item.id === id;
-  })) {
+  if (!keyStack[key].find(item => item.id === id)) {
     keyStack[key].unshift({
-      id: id,
-      handler: handler
+      id,
+      handler
     });
   }
 };
-var _removeKeyHandler = function removeKeyHandler(id, key) {
+const removeKeyHandler = (id, key) => {
   if (!keyStack[key]) {
     return;
   }
-  var index = keyStack[key].findIndex(function (item) {
-    return item.id === id;
-  });
+  const index = keyStack[key].findIndex(item => item.id === id);
   if (index >= 0) {
     keyStack[key].splice(index, 1);
   }
 };
-function useKeyHandler() {
-  var _React$useState = _react.default.useState((0, _utils.generateId)()),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 1),
-    id = _React$useState2[0];
-  return _react.default.useMemo(function () {
-    return {
-      addKeyHandler: function addKeyHandler(key, handler) {
-        _addKeyHandler(id, key, handler);
-      },
-      removeKeyHandler: function removeKeyHandler(key) {
-        _removeKeyHandler(id, key);
-      }
-    };
-  }, []);
+export function useKeyHandler() {
+  const [id] = React.useState(generateId());
+  return React.useMemo(() => ({
+    addKeyHandler(key, handler) {
+      addKeyHandler(id, key, handler);
+    },
+    removeKeyHandler(key) {
+      removeKeyHandler(id, key);
+    }
+  }), []);
 }
 
 //# sourceMappingURL=useKeyHandler.js.map

package/hooks/useKeyHandler.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_isHotkey","_utils","keyStack","listener","filter","isContentEditable","value","includes","setupListener","document","body","eventListener","ev","target","nodeName","contentEditable","matchedKey","Object","keys","find","key","isHotkey","length","item","handler","stopPropagation","addEventListener","addKeyHandler","id","unshift","removeKeyHandler","index","findIndex","splice","useKeyHandler","_React$useState","React","useState","generateId","_React$useState2","_slicedToArray2","default","useMemo"],"sources":["useKeyHandler.ts"],"sourcesContent":["import React, { SyntheticEvent } from \"react\";\nimport isHotkey from \"is-hotkey\";\nimport { generateId } from \"@webiny/utils\";\n\ninterface KeyHandler {\n    id: string;\n    handler: any;\n}\nconst keyStack: Record<string, KeyHandler[]> = {};\n\nlet listener = false;\nconst filter = [\"TEXTAREA\", \"INPUT\"];\n\nconst isContentEditable = (value: any) => {\n    return [\"true\", true].includes(value);\n};\n\nconst setupListener = (): void => {\n    if (listener || !document.body) {\n        return;\n    }\n\n    const eventListener = (ev: KeyboardEvent) => {\n        if (!ev.target) {\n            return;\n        }\n        const target = ev.target as HTMLElement;\n        // We ignore all keyboard events coming from within contentEditable element and inputs.\n        if (filter.includes(target.nodeName) || isContentEditable(target.contentEditable)) {\n            return;\n        }\n\n        const matchedKey = Object.keys(keyStack).find(key => isHotkey(key, ev));\n\n        if (matchedKey && keyStack[matchedKey].length > 0) {\n            const item = keyStack[matchedKey][0];\n            item.handler(ev);\n            ev.stopPropagation();\n        }\n    };\n\n    document.body.addEventListener(\"keydown\", eventListener);\n\n    listener = true;\n};\n\nconst addKeyHandler = (\n    id: string,\n    key: string,\n    handler: (e: SyntheticEvent<HTMLElement>) => void\n) => {\n    setupListener();\n    keyStack[key] = keyStack[key] || [];\n    if (!keyStack[key].find(item => item.id === id)) {\n        keyStack[key].unshift({ id, handler });\n    }\n};\n\nconst removeKeyHandler = (id: string, key: string): void => {\n    if (!keyStack[key]) {\n        return;\n    }\n\n    const index = keyStack[key].findIndex(item => item.id === id);\n    if (index >= 0) {\n        keyStack[key].splice(index, 1);\n    }\n};\n\ntype AddKeyHandlerType = (key: string, handler: (e: SyntheticEvent<HTMLElement>) => void) => void;\n\ntype RemoveKeyHandlerType = (key: string) => void;\n\nexport function useKeyHandler(): {\n    addKeyHandler: AddKeyHandlerType;\n    removeKeyHandler: RemoveKeyHandlerType;\n} {\n    const [id] = React.useState(generateId());\n\n    return React.useMemo(\n        () => ({\n            addKeyHandler(key, handler) {\n                addKeyHandler(id, key, handler);\n            },\n            removeKeyHandler(key) {\n                removeKeyHandler(id, key);\n            }\n        }),\n        []\n    );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","isHotkey","generateId","keyStack","listener","filter","isContentEditable","value","includes","setupListener","document","body","eventListener","ev","target","nodeName","contentEditable","matchedKey","Object","keys","find","key","length","item","handler","stopPropagation","addEventListener","addKeyHandler","id","unshift","removeKeyHandler","index","findIndex","splice","useKeyHandler","useState","useMemo"],"sources":["useKeyHandler.ts"],"sourcesContent":["import type { SyntheticEvent } from \"react\";\nimport React from \"react\";\nimport { isHotkey } from \"is-hotkey\";\nimport { generateId } from \"@webiny/utils\";\n\ninterface KeyHandler {\n    id: string;\n    handler: any;\n}\nconst keyStack: Record<string, KeyHandler[]> = {};\n\nlet listener = false;\nconst filter = [\"TEXTAREA\", \"INPUT\"];\n\nconst isContentEditable = (value: any) => {\n    return [\"true\", true].includes(value);\n};\n\nconst setupListener = (): void => {\n    if (listener || !document.body) {\n        return;\n    }\n\n    const eventListener = (ev: KeyboardEvent) => {\n        if (!ev.target) {\n            return;\n        }\n        const target = ev.target as HTMLElement;\n        // We ignore all keyboard events coming from within contentEditable element and inputs.\n        if (filter.includes(target.nodeName) || isContentEditable(target.contentEditable)) {\n            return;\n        }\n\n        const matchedKey = Object.keys(keyStack).find(key => isHotkey(key, ev));\n\n        if (matchedKey && keyStack[matchedKey].length > 0) {\n            const item = keyStack[matchedKey][0];\n            item.handler(ev);\n            ev.stopPropagation();\n        }\n    };\n\n    document.body.addEventListener(\"keydown\", eventListener);\n\n    listener = true;\n};\n\nconst addKeyHandler = (\n    id: string,\n    key: string,\n    handler: (e: SyntheticEvent<HTMLElement>) => void\n) => {\n    setupListener();\n    keyStack[key] = keyStack[key] || [];\n    if (!keyStack[key].find(item => item.id === id)) {\n        keyStack[key].unshift({ id, handler });\n    }\n};\n\nconst removeKeyHandler = (id: string, key: string): void => {\n    if (!keyStack[key]) {\n        return;\n    }\n\n    const index = keyStack[key].findIndex(item => item.id === id);\n    if (index >= 0) {\n        keyStack[key].splice(index, 1);\n    }\n};\n\ntype AddKeyHandlerType = (key: string, handler: (e: SyntheticEvent<HTMLElement>) => void) => void;\n\ntype RemoveKeyHandlerType = (key: string) => void;\n\nexport function useKeyHandler(): {\n    addKeyHandler: AddKeyHandlerType;\n    removeKeyHandler: RemoveKeyHandlerType;\n} {\n    const [id] = React.useState(generateId());\n\n    return React.useMemo(\n        () => ({\n            addKeyHandler(key, handler) {\n                addKeyHandler(id, key, handler);\n            },\n            removeKeyHandler(key) {\n                removeKeyHandler(id, key);\n            }\n        }),\n        []\n    );\n}\n"],"mappings":"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","ignoreList":[]}

package/hooks/useModKey.js

@@ -1,24 +1,13 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useModKey = useModKey;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _isHotkey = _interopRequireDefault(require("is-hotkey"));
-function useModKey() {
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    pressed = _useState2[0],
-    setPressed = _useState2[1];
-  var onKeyDown = (0, _react.useCallback)(function (event) {
-    if ((0, _isHotkey.default)("Control", event) || (0, _isHotkey.default)("Meta", event)) {
+import { useState, useEffect, useCallback } from "react";
+import { isHotkey } from "is-hotkey";
+export function useModKey() {
+  const [pressed, setPressed] = useState(false);
+  const onKeyDown = useCallback(event => {
+    if (isHotkey("Control", event) || isHotkey("Meta", event)) {
       setPressed(true);
     }
   }, []);
-  var onKeyUp = (0, _react.useCallback)(function (event) {
+  const onKeyUp = useCallback(event => {
     if (event.key === "Control" && event.ctrlKey === false) {
       setPressed(false);
     }
@@ -26,15 +15,14 @@ function useModKey() {
       setPressed(false);
     }
   }, []);
-  (0, _react.useEffect)(function () {
+  useEffect(() => {
     document.addEventListener("keydown", onKeyDown);
     document.addEventListener("keyup", onKeyUp);
-    return function () {
+    return () => {
       document.removeEventListener("keydown", onKeyDown);
       document.removeEventListener("keyup", onKeyUp);
     };
   }, []);
-  console.log("pressed", pressed);
   return pressed;
 }
 

package/hooks/useModKey.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_isHotkey","_interopRequireDefault","useModKey","_useState","useState","_useState2","_slicedToArray2","default","pressed","setPressed","onKeyDown","useCallback","event","isHotkey","onKeyUp","key","ctrlKey","metaKey","useEffect","document","addEventListener","removeEventListener","console","log"],"sources":["useModKey.ts"],"sourcesContent":["import { useState, useEffect, useCallback } from \"react\";\nimport isHotkey from \"is-hotkey\";\n\nexport function useModKey() {\n    const [pressed, setPressed] = useState(false);\n\n    const onKeyDown = useCallback((event: KeyboardEvent) => {\n        if (isHotkey(\"Control\", event) || isHotkey(\"Meta\", event)) {\n            setPressed(true);\n        }\n    }, []);\n\n    const onKeyUp = useCallback((event: KeyboardEvent) => {\n        if (event.key === \"Control\" && event.ctrlKey === false) {\n            setPressed(false);\n        }\n\n        if (event.key === \"Meta\" && event.metaKey === false) {\n            setPressed(false);\n        }\n    }, []);\n\n    useEffect(() => {\n        document.addEventListener(\"keydown\", onKeyDown);\n        document.addEventListener(\"keyup\", onKeyUp);\n\n        return () => {\n            document.removeEventListener(\"keydown\", onKeyDown);\n            document.removeEventListener(\"keyup\", onKeyUp);\n        };\n    }, []);\n\n    console.log(\"pressed\", pressed);\n\n    return pressed;\n}\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEO,SAASG,SAASA,CAAA,EAAG;EACxB,IAAAC,SAAA,GAA8B,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,SAAA;IAAtCK,OAAO,GAAAH,UAAA;IAAEI,UAAU,GAAAJ,UAAA;EAE1B,IAAMK,SAAS,GAAG,IAAAC,kBAAW,EAAC,UAACC,KAAoB,EAAK;IACpD,IAAI,IAAAC,iBAAQ,EAAC,SAAS,EAAED,KAAK,CAAC,IAAI,IAAAC,iBAAQ,EAAC,MAAM,EAAED,KAAK,CAAC,EAAE;MACvDH,UAAU,CAAC,IAAI,CAAC;IACpB;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMK,OAAO,GAAG,IAAAH,kBAAW,EAAC,UAACC,KAAoB,EAAK;IAClD,IAAIA,KAAK,CAACG,GAAG,KAAK,SAAS,IAAIH,KAAK,CAACI,OAAO,KAAK,KAAK,EAAE;MACpDP,UAAU,CAAC,KAAK,CAAC;IACrB;IAEA,IAAIG,KAAK,CAACG,GAAG,KAAK,MAAM,IAAIH,KAAK,CAACK,OAAO,KAAK,KAAK,EAAE;MACjDR,UAAU,CAAC,KAAK,CAAC;IACrB;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAS,gBAAS,EAAC,YAAM;IACZC,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEV,SAAS,CAAC;IAC/CS,QAAQ,CAACC,gBAAgB,CAAC,OAAO,EAAEN,OAAO,CAAC;IAE3C,OAAO,YAAM;MACTK,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEX,SAAS,CAAC;MAClDS,QAAQ,CAACE,mBAAmB,CAAC,OAAO,EAAEP,OAAO,CAAC;IAClD,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAENQ,OAAO,CAACC,GAAG,CAAC,SAAS,EAAEf,OAAO,CAAC;EAE/B,OAAOA,OAAO;AAClB","ignoreList":[]}
+{"version":3,"names":["useState","useEffect","useCallback","isHotkey","useModKey","pressed","setPressed","onKeyDown","event","onKeyUp","key","ctrlKey","metaKey","document","addEventListener","removeEventListener"],"sources":["useModKey.ts"],"sourcesContent":["import { useState, useEffect, useCallback } from \"react\";\nimport { isHotkey } from \"is-hotkey\";\n\nexport function useModKey() {\n    const [pressed, setPressed] = useState(false);\n\n    const onKeyDown = useCallback((event: KeyboardEvent) => {\n        if (isHotkey(\"Control\", event) || isHotkey(\"Meta\", event)) {\n            setPressed(true);\n        }\n    }, []);\n\n    const onKeyUp = useCallback((event: KeyboardEvent) => {\n        if (event.key === \"Control\" && event.ctrlKey === false) {\n            setPressed(false);\n        }\n\n        if (event.key === \"Meta\" && event.metaKey === false) {\n            setPressed(false);\n        }\n    }, []);\n\n    useEffect(() => {\n        document.addEventListener(\"keydown\", onKeyDown);\n        document.addEventListener(\"keyup\", onKeyUp);\n\n        return () => {\n            document.removeEventListener(\"keydown\", onKeyDown);\n            document.removeEventListener(\"keyup\", onKeyUp);\n        };\n    }, []);\n\n    return pressed;\n}\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,SAAS,EAAEC,WAAW,QAAQ,OAAO;AACxD,SAASC,QAAQ,QAAQ,WAAW;AAEpC,OAAO,SAASC,SAASA,CAAA,EAAG;EACxB,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGN,QAAQ,CAAC,KAAK,CAAC;EAE7C,MAAMO,SAAS,GAAGL,WAAW,CAAEM,KAAoB,IAAK;IACpD,IAAIL,QAAQ,CAAC,SAAS,EAAEK,KAAK,CAAC,IAAIL,QAAQ,CAAC,MAAM,EAAEK,KAAK,CAAC,EAAE;MACvDF,UAAU,CAAC,IAAI,CAAC;IACpB;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMG,OAAO,GAAGP,WAAW,CAAEM,KAAoB,IAAK;IAClD,IAAIA,KAAK,CAACE,GAAG,KAAK,SAAS,IAAIF,KAAK,CAACG,OAAO,KAAK,KAAK,EAAE;MACpDL,UAAU,CAAC,KAAK,CAAC;IACrB;IAEA,IAAIE,KAAK,CAACE,GAAG,KAAK,MAAM,IAAIF,KAAK,CAACI,OAAO,KAAK,KAAK,EAAE;MACjDN,UAAU,CAAC,KAAK,CAAC;IACrB;EACJ,CAAC,EAAE,EAAE,CAAC;EAENL,SAAS,CAAC,MAAM;IACZY,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEP,SAAS,CAAC;IAC/CM,QAAQ,CAACC,gBAAgB,CAAC,OAAO,EAAEL,OAAO,CAAC;IAE3C,OAAO,MAAM;MACTI,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAER,SAAS,CAAC;MAClDM,QAAQ,CAACE,mBAAmB,CAAC,OAAO,EAAEN,OAAO,CAAC;IAClD,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOJ,OAAO;AAClB","ignoreList":[]}