@webiny/app-admin 5.38.0-beta.0 → 5.38.0-beta.1

package/base/plugins/AddGraphQLQuerySelection.js

@@ -8,10 +8,10 @@ exports.AddGraphQLQuerySelection = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _plugins = require("@webiny/plugins");
-var _nanoid = require("nanoid");
+var _utils = require("@webiny/utils");
 var _AddQuerySelectionPlugin = require("@webiny/app/plugins/AddQuerySelectionPlugin");
 var AddGraphQLQuerySelection = function AddGraphQLQuerySelection(props) {
-  var _useState = (0, _react.useState)("AddGraphQLQuerySelection:".concat(props.operationName, ":").concat((0, _nanoid.nanoid)())),
+  var _useState = (0, _react.useState)("AddGraphQLQuerySelection:".concat(props.operationName, ":").concat((0, _utils.generateId)())),
     _useState2 = (0, _slicedToArray2.default)(_useState, 1),
     name = _useState2[0];
   (0, _react.useEffect)(function () {

package/base/plugins/AddGraphQLQuerySelection.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_plugins","_nanoid","_AddQuerySelectionPlugin","AddGraphQLQuerySelection","props","_useState","useState","concat","operationName","nanoid","_useState2","_slicedToArray2","default","name","useEffect","plugin","AddQuerySelectionPlugin","plugins","register","unregister","exports"],"sources":["AddGraphQLQuerySelection.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { nanoid } from \"nanoid\";\nimport { AddQuerySelectionPlugin } from \"@webiny/app/plugins/AddQuerySelectionPlugin\";\nimport { DocumentNode } from \"graphql\";\n\ninterface Props {\n    operationName: string;\n    selectionPath: string;\n    addSelection: DocumentNode;\n}\n\nexport const AddGraphQLQuerySelection: React.FC<Props> = props => {\n    const [name] = useState(`AddGraphQLQuerySelection:${props.operationName}:${nanoid()}`);\n\n    useEffect(() => {\n        const plugin = new AddQuerySelectionPlugin(props);\n\n        plugin.name = name;\n        plugins.register(plugin);\n\n        return () => {\n            plugins.unregister(name);\n        };\n    }, []);\n\n    return null;\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,wBAAA,GAAAH,OAAA;AASO,IAAMI,wBAAyC,GAAG,SAA5CA,wBAAyCA,CAAGC,KAAK,EAAI;EAC9D,IAAAC,SAAA,GAAe,IAAAC,eAAQ,8BAAAC,MAAA,CAA6BH,KAAK,CAACI,aAAa,OAAAD,MAAA,CAAI,IAAAE,cAAM,EAAC,CAAC,CAAE,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAP,SAAA;IAA/EQ,IAAI,GAAAH,UAAA;EAEX,IAAAI,gBAAS,EAAC,YAAM;IACZ,IAAMC,MAAM,GAAG,IAAIC,gDAAuB,CAACZ,KAAK,CAAC;IAEjDW,MAAM,CAACF,IAAI,GAAGA,IAAI;IAClBI,gBAAO,CAACC,QAAQ,CAACH,MAAM,CAAC;IAExB,OAAO,YAAM;MACTE,gBAAO,CAACE,UAAU,CAACN,IAAI,CAAC;IAC5B,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC;AAACO,OAAA,CAAAjB,wBAAA,GAAAA,wBAAA"}
+{"version":3,"names":["_react","require","_plugins","_utils","_AddQuerySelectionPlugin","AddGraphQLQuerySelection","props","_useState","useState","concat","operationName","generateId","_useState2","_slicedToArray2","default","name","useEffect","plugin","AddQuerySelectionPlugin","plugins","register","unregister","exports"],"sources":["AddGraphQLQuerySelection.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { generateId } from \"@webiny/utils\";\nimport { AddQuerySelectionPlugin } from \"@webiny/app/plugins/AddQuerySelectionPlugin\";\nimport { DocumentNode } from \"graphql\";\n\ninterface Props {\n    operationName: string;\n    selectionPath: string;\n    addSelection: DocumentNode;\n}\n\nexport const AddGraphQLQuerySelection: React.FC<Props> = props => {\n    const [name] = useState(`AddGraphQLQuerySelection:${props.operationName}:${generateId()}`);\n\n    useEffect(() => {\n        const plugin = new AddQuerySelectionPlugin(props);\n\n        plugin.name = name;\n        plugins.register(plugin);\n\n        return () => {\n            plugins.unregister(name);\n        };\n    }, []);\n\n    return null;\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,wBAAA,GAAAH,OAAA;AASO,IAAMI,wBAAyC,GAAG,SAA5CA,wBAAyCA,CAAGC,KAAK,EAAI;EAC9D,IAAAC,SAAA,GAAe,IAAAC,eAAQ,8BAAAC,MAAA,CAA6BH,KAAK,CAACI,aAAa,OAAAD,MAAA,CAAI,IAAAE,iBAAU,EAAC,CAAC,CAAE,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAP,SAAA;IAAnFQ,IAAI,GAAAH,UAAA;EAEX,IAAAI,gBAAS,EAAC,YAAM;IACZ,IAAMC,MAAM,GAAG,IAAIC,gDAAuB,CAACZ,KAAK,CAAC;IAEjDW,MAAM,CAACF,IAAI,GAAGA,IAAI;IAClBI,gBAAO,CAACC,QAAQ,CAACH,MAAM,CAAC;IAExB,OAAO,YAAM;MACTE,gBAAO,CAACE,UAAU,CAACN,IAAI,CAAC;IAC5B,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC;AAACO,OAAA,CAAAjB,wBAAA,GAAAA,wBAAA"}

package/base/ui/Navigation.js

@@ -11,7 +11,7 @@ exports.useNavigation = useNavigation;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _nanoid = require("nanoid");
+var _utils = require("@webiny/utils");
 var _app = require("@webiny/app");
 var _ = require("../..");
 var _plugins = require("@webiny/plugins");
@@ -34,7 +34,7 @@ function useNavigation() {
 // scaffolded plugins in users' projects, as well as our own applications (Page Builder and Form Builder).
 var LegacyMenu = function LegacyMenu(props) {
   return /*#__PURE__*/_react.default.createElement(_.AddMenu, Object.assign({}, props, {
-    name: props.name || (0, _nanoid.nanoid)(),
+    name: props.name || (0, _utils.generateId)(),
     label: props.label
   }), props.children);
 };

package/base/ui/Navigation.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_nanoid","_app","_","_plugins","NavigationContext","createContext","menuItems","setMenu","removeMenu","displayName","useNavigation","useContext","LegacyMenu","props","default","createElement","AddMenu","Object","assign","name","nanoid","label","children","LegacyMenuPlugins","_useState","useState","_useState2","_slicedToArray2","menus","setMenus","useEffect","menuPlugins","plugins","byType","menuElements","map","plugin","Plugins","key","render","Menu","Item","Section","NavigationProvider","Component","_ref","_useState3","_useState4","setState","id","updater","state","index","findIndex","m","newMenu","createEmptyMenu","_toConsumableArray2","concat","slice","useCallback","context","useMemo","Provider","value","exports","Navigation","Tags","tags","location","NavigationRenderer","makeComposable","MenuItemContext","React","menuItem","undefined","depth","useMenuItem","MenuItems","_ref2","Fragment","MenuItem","MenuItemRenderer"],"sources":["Navigation.tsx"],"sourcesContent":["import React, {\n    Fragment,\n    useEffect,\n    createContext,\n    useCallback,\n    useMemo,\n    useState,\n    useContext\n} from \"react\";\nimport { nanoid } from \"nanoid\";\nimport { makeComposable, Plugins } from \"@webiny/app\";\nimport { MenuData, MenuProps, AddMenu as Menu, Tags, MenuUpdater, createEmptyMenu } from \"~/index\";\nimport { plugins } from \"@webiny/plugins\";\nimport { AdminMenuPlugin } from \"~/types\";\nimport { ItemProps, SectionProps } from \"~/plugins/MenuPlugin\";\n\nexport interface NavigationContext {\n    menuItems: MenuData[];\n    setMenu(id: string, update: MenuUpdater): void;\n    removeMenu(id: string): void;\n}\n\nconst NavigationContext = createContext<NavigationContext>({\n    menuItems: [],\n    setMenu: () => {\n        return void 0;\n    },\n    removeMenu: () => {\n        return void 0;\n    }\n});\nNavigationContext.displayName = \"NavigationContext\";\n\nexport function useNavigation() {\n    return useContext(NavigationContext);\n}\n\n// IMPORTANT! The following component is for BACKWARDS COMPATIBILITY purposes only!\n// It is not a public component, and is not even exported from this file. We need it to take care of\n// scaffolded plugins in users' projects, as well as our own applications (Page Builder and Form Builder).\nconst LegacyMenu: React.FC<MenuProps | SectionProps | ItemProps> = props => {\n    return (\n        <Menu {...props} name={(props as MenuProps).name || nanoid()} label={props.label as string}>\n            {props.children}\n        </Menu>\n    );\n};\n\nconst LegacyMenuPlugins: React.FC = () => {\n    // IMPORTANT! The following piece of code is for BACKWARDS COMPATIBILITY purposes only!\n    const [menus, setMenus] = useState<JSX.Element | null>(null);\n\n    useEffect(() => {\n        const menuPlugins = plugins.byType<AdminMenuPlugin>(\"admin-menu\");\n        if (!menuPlugins) {\n            return;\n        }\n\n        const menuElements = menuPlugins.map(plugin => {\n            // TODO @ts-refactor figure out correct types or write a comment to leave as React.FC\n            return (\n                <Plugins key={plugin.name}>\n                    {plugin.render({\n                        Menu: LegacyMenu as React.FC,\n                        Item: LegacyMenu as React.FC,\n                        Section: LegacyMenu as React.FC\n                    })}\n                </Plugins>\n            );\n        });\n        // TODO @ts-refactor\n        setMenus(menuElements as any);\n    }, []);\n\n    return menus;\n};\n\nexport const NavigationProvider = (Component: React.ComponentType<unknown>): React.FC => {\n    return function NavigationProvider({ children }) {\n        const [menuItems, setState] = useState<MenuData[]>([]);\n\n        const setMenu = (id: string, updater: MenuUpdater): void => {\n            setState(state => {\n                const index = state.findIndex(m => m.name === id);\n\n                const newMenu = index > -1 ? updater(state[index]) : updater(createEmptyMenu(id));\n                if (!newMenu) {\n                    return [...state];\n                }\n                if (!newMenu.children) {\n                    newMenu.children = [];\n                }\n\n                return index > -1\n                    ? [...state.slice(0, index), newMenu, ...state.slice(index + 1)]\n                    : [...state, newMenu];\n            });\n        };\n        const removeMenu = useCallback(\n            id => {\n                setState(state => {\n                    const index = state.findIndex(m => m.name === id);\n\n                    if (index < 0) {\n                        return state;\n                    }\n\n                    return [...state.slice(0, index), ...state.slice(index + 1)];\n                });\n            },\n            [setState]\n        );\n\n        const context = useMemo<NavigationContext>(\n            () => ({\n                menuItems,\n                setMenu,\n                removeMenu\n            }),\n            [menuItems, setMenu, removeMenu]\n        );\n\n        return (\n            <NavigationContext.Provider value={context}>\n                <LegacyMenuPlugins />\n                <Component>{children}</Component>\n            </NavigationContext.Provider>\n        );\n    };\n};\n\nexport const Navigation: React.FC = () => {\n    return (\n        <Tags tags={{ location: \"navigation\" }}>\n            <NavigationRenderer />\n        </Tags>\n    );\n};\n\nexport const NavigationRenderer = makeComposable(\"NavigationRenderer\");\n\ninterface MenuItemContext {\n    menuItem?: MenuData;\n    depth: number;\n}\n\nconst MenuItemContext = React.createContext<MenuItemContext>({\n    menuItem: undefined,\n    depth: -1\n});\nMenuItemContext.displayName = \"MenuItemContext\";\n\nexport function useMenuItem() {\n    return React.useContext(MenuItemContext);\n}\n\nexport interface MenuItemsProps {\n    menuItems: MenuData[];\n}\n\nexport const MenuItems = makeComposable<MenuItemsProps>(\"MenuItems\", ({ menuItems }) => {\n    const menuItem = useMenuItem();\n\n    const depth = menuItem ? menuItem.depth : -1;\n\n    return (\n        <Fragment>\n            {menuItems.map(menuItem => (\n                <MenuItemContext.Provider\n                    key={menuItem.name}\n                    value={{ menuItem, depth: depth + 1 }}\n                >\n                    <MenuItem />\n                </MenuItemContext.Provider>\n            ))}\n        </Fragment>\n    );\n});\n\nexport const MenuItem: React.FC = () => {\n    return <MenuItemRenderer />;\n};\n\nexport const MenuItemRenderer = makeComposable(\"MenuItemRenderer\");\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_utils","_app","_","_plugins","NavigationContext","createContext","menuItems","setMenu","removeMenu","displayName","useNavigation","useContext","LegacyMenu","props","default","createElement","AddMenu","Object","assign","name","generateId","label","children","LegacyMenuPlugins","_useState","useState","_useState2","_slicedToArray2","menus","setMenus","useEffect","menuPlugins","plugins","byType","menuElements","map","plugin","Plugins","key","render","Menu","Item","Section","NavigationProvider","Component","_ref","_useState3","_useState4","setState","id","updater","state","index","findIndex","m","newMenu","createEmptyMenu","_toConsumableArray2","concat","slice","useCallback","context","useMemo","Provider","value","exports","Navigation","Tags","tags","location","NavigationRenderer","makeComposable","MenuItemContext","React","menuItem","undefined","depth","useMenuItem","MenuItems","_ref2","Fragment","MenuItem","MenuItemRenderer"],"sources":["Navigation.tsx"],"sourcesContent":["import React, {\n    Fragment,\n    useEffect,\n    createContext,\n    useCallback,\n    useMemo,\n    useState,\n    useContext\n} from \"react\";\nimport { generateId } from \"@webiny/utils\";\nimport { makeComposable, Plugins } from \"@webiny/app\";\nimport { MenuData, MenuProps, AddMenu as Menu, Tags, MenuUpdater, createEmptyMenu } from \"~/index\";\nimport { plugins } from \"@webiny/plugins\";\nimport { AdminMenuPlugin } from \"~/types\";\nimport { ItemProps, SectionProps } from \"~/plugins/MenuPlugin\";\n\nexport interface NavigationContext {\n    menuItems: MenuData[];\n    setMenu(id: string, update: MenuUpdater): void;\n    removeMenu(id: string): void;\n}\n\nconst NavigationContext = createContext<NavigationContext>({\n    menuItems: [],\n    setMenu: () => {\n        return void 0;\n    },\n    removeMenu: () => {\n        return void 0;\n    }\n});\nNavigationContext.displayName = \"NavigationContext\";\n\nexport function useNavigation() {\n    return useContext(NavigationContext);\n}\n\n// IMPORTANT! The following component is for BACKWARDS COMPATIBILITY purposes only!\n// It is not a public component, and is not even exported from this file. We need it to take care of\n// scaffolded plugins in users' projects, as well as our own applications (Page Builder and Form Builder).\nconst LegacyMenu: React.FC<MenuProps | SectionProps | ItemProps> = props => {\n    return (\n        <Menu\n            {...props}\n            name={(props as MenuProps).name || generateId()}\n            label={props.label as string}\n        >\n            {props.children}\n        </Menu>\n    );\n};\n\nconst LegacyMenuPlugins: React.FC = () => {\n    // IMPORTANT! The following piece of code is for BACKWARDS COMPATIBILITY purposes only!\n    const [menus, setMenus] = useState<JSX.Element | null>(null);\n\n    useEffect(() => {\n        const menuPlugins = plugins.byType<AdminMenuPlugin>(\"admin-menu\");\n        if (!menuPlugins) {\n            return;\n        }\n\n        const menuElements = menuPlugins.map(plugin => {\n            // TODO @ts-refactor figure out correct types or write a comment to leave as React.FC\n            return (\n                <Plugins key={plugin.name}>\n                    {plugin.render({\n                        Menu: LegacyMenu as React.FC,\n                        Item: LegacyMenu as React.FC,\n                        Section: LegacyMenu as React.FC\n                    })}\n                </Plugins>\n            );\n        });\n        // TODO @ts-refactor\n        setMenus(menuElements as any);\n    }, []);\n\n    return menus;\n};\n\nexport const NavigationProvider = (Component: React.ComponentType<unknown>): React.FC => {\n    return function NavigationProvider({ children }) {\n        const [menuItems, setState] = useState<MenuData[]>([]);\n\n        const setMenu = (id: string, updater: MenuUpdater): void => {\n            setState(state => {\n                const index = state.findIndex(m => m.name === id);\n\n                const newMenu = index > -1 ? updater(state[index]) : updater(createEmptyMenu(id));\n                if (!newMenu) {\n                    return [...state];\n                }\n                if (!newMenu.children) {\n                    newMenu.children = [];\n                }\n\n                return index > -1\n                    ? [...state.slice(0, index), newMenu, ...state.slice(index + 1)]\n                    : [...state, newMenu];\n            });\n        };\n        const removeMenu = useCallback(\n            id => {\n                setState(state => {\n                    const index = state.findIndex(m => m.name === id);\n\n                    if (index < 0) {\n                        return state;\n                    }\n\n                    return [...state.slice(0, index), ...state.slice(index + 1)];\n                });\n            },\n            [setState]\n        );\n\n        const context = useMemo<NavigationContext>(\n            () => ({\n                menuItems,\n                setMenu,\n                removeMenu\n            }),\n            [menuItems, setMenu, removeMenu]\n        );\n\n        return (\n            <NavigationContext.Provider value={context}>\n                <LegacyMenuPlugins />\n                <Component>{children}</Component>\n            </NavigationContext.Provider>\n        );\n    };\n};\n\nexport const Navigation: React.FC = () => {\n    return (\n        <Tags tags={{ location: \"navigation\" }}>\n            <NavigationRenderer />\n        </Tags>\n    );\n};\n\nexport const NavigationRenderer = makeComposable(\"NavigationRenderer\");\n\ninterface MenuItemContext {\n    menuItem?: MenuData;\n    depth: number;\n}\n\nconst MenuItemContext = React.createContext<MenuItemContext>({\n    menuItem: undefined,\n    depth: -1\n});\nMenuItemContext.displayName = \"MenuItemContext\";\n\nexport function useMenuItem() {\n    return React.useContext(MenuItemContext);\n}\n\nexport interface MenuItemsProps {\n    menuItems: MenuData[];\n}\n\nexport const MenuItems = makeComposable<MenuItemsProps>(\"MenuItems\", ({ menuItems }) => {\n    const menuItem = useMenuItem();\n\n    const depth = menuItem ? menuItem.depth : -1;\n\n    return (\n        <Fragment>\n            {menuItems.map(menuItem => (\n                <MenuItemContext.Provider\n                    key={menuItem.name}\n                    value={{ menuItem, depth: depth + 1 }}\n                >\n                    <MenuItem />\n                </MenuItemContext.Provider>\n            ))}\n        </Fragment>\n    );\n});\n\nexport const MenuItem: React.FC = () => {\n    return <MenuItemRenderer />;\n};\n\nexport const MenuItemRenderer = makeComposable(\"MenuItemRenderer\");\n"],"mappings":"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"}

package/hooks/index.d.ts

@@ -1,3 +1,6 @@
 export * from "./useConfirmationDialog";
 export * from "./useDialog";
 export * from "./useSnackbar";
+export * from "./useKeyHandler";
+export * from "./useShiftKey";
+export * from "./useModKey";

package/hooks/index.js

@@ -36,5 +36,38 @@ Object.keys(_useSnackbar).forEach(function (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 _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];
+    }
+  });
+});
 
 //# 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","_useSnackbar"],"sources":["index.ts"],"sourcesContent":["export * from \"./useConfirmationDialog\";\nexport * from \"./useDialog\";\nexport * from \"./useSnackbar\";\n"],"mappings":";;;;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,sBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,sBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,sBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,UAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,UAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,UAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,UAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,YAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,YAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,YAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,YAAA,CAAAN,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":["_useConfirmationDialog","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_useDialog","_useSnackbar","_useKeyHandler","_useShiftKey","_useModKey"],"sources":["index.ts"],"sourcesContent":["export * from \"./useConfirmationDialog\";\nexport * from \"./useDialog\";\nexport * from \"./useSnackbar\";\nexport * from \"./useKeyHandler\";\nexport * from \"./useShiftKey\";\nexport * from \"./useModKey\";\n"],"mappings":";;;;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,sBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,sBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,sBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,UAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,UAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,UAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,UAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,YAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,YAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,YAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,YAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,cAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,cAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,cAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAG,cAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,YAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,YAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,YAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAI,YAAA,CAAAR,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,UAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,UAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAS,UAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAK,UAAA,CAAAT,GAAA;IAAA;EAAA;AAAA"}

package/hooks/useKeyHandler.d.ts

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

package/hooks/useKeyHandler.js

@@ -0,0 +1,82 @@
+"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) {
+  return ["true", true].includes(value);
+};
+var setupListener = function setupListener() {
+  if (listener || !document.body) {
+    return;
+  }
+  var eventListener = function eventListener(ev) {
+    if (!ev.target) {
+      return;
+    }
+    var 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);
+    });
+    if (matchedKey && keyStack[matchedKey].length > 0) {
+      var item = keyStack[matchedKey][0];
+      item.handler(ev);
+      ev.stopPropagation();
+    }
+  };
+  document.body.addEventListener("keydown", eventListener);
+  listener = true;
+};
+var _addKeyHandler = function addKeyHandler(id, key, handler) {
+  setupListener();
+  keyStack[key] = keyStack[key] || [];
+  if (!keyStack[key].find(function (item) {
+    return item.id === id;
+  })) {
+    keyStack[key].unshift({
+      id: id,
+      handler: handler
+    });
+  }
+};
+var _removeKeyHandler = function removeKeyHandler(id, key) {
+  if (!keyStack[key]) {
+    return;
+  }
+  var index = keyStack[key].findIndex(function (item) {
+    return 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);
+      }
+    };
+  }, []);
+}
+
+//# sourceMappingURL=useKeyHandler.js.map

package/hooks/useKeyHandler.js.map

@@ -0,0 +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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"}

package/hooks/useModKey.d.ts

@@ -0,0 +1 @@
+export declare function useModKey(): boolean;

package/hooks/useModKey.js

@@ -0,0 +1,41 @@
+"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)) {
+      setPressed(true);
+    }
+  }, []);
+  var onKeyUp = (0, _react.useCallback)(function (event) {
+    if (event.key === "Control" && event.ctrlKey === false) {
+      setPressed(false);
+    }
+    if (event.key === "Meta" && event.metaKey === false) {
+      setPressed(false);
+    }
+  }, []);
+  (0, _react.useEffect)(function () {
+    document.addEventListener("keydown", onKeyDown);
+    document.addEventListener("keyup", onKeyUp);
+    return function () {
+      document.removeEventListener("keydown", onKeyDown);
+      document.removeEventListener("keyup", onKeyUp);
+    };
+  }, []);
+  console.log("pressed", pressed);
+  return pressed;
+}
+
+//# sourceMappingURL=useModKey.js.map

package/hooks/useModKey.js.map

@@ -0,0 +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"}

package/hooks/useShiftKey.d.ts

@@ -0,0 +1 @@
+export declare function useShiftKey(): boolean;

package/hooks/useShiftKey.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useShiftKey = useShiftKey;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _isHotkey = _interopRequireDefault(require("is-hotkey"));
+function useShiftKey() {
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    pressed = _useState2[0],
+    setPressed = _useState2[1];
+  var onselectstartRef = (0, _react.useRef)(document.onselectstart);
+  var onKeyDown = (0, _react.useCallback)(function (event) {
+    if ((0, _isHotkey.default)("shift", event)) {
+      setPressed(true);
+    }
+  }, []);
+  var onKeyUp = (0, _react.useCallback)(function (event) {
+    if (event.key === "Shift" && event.shiftKey === false) {
+      setPressed(false);
+    }
+  }, []);
+  (0, _react.useEffect)(function () {
+    // @ts-ignore
+    document.onselectstart = function () {
+      return !pressed;
+    };
+    return function () {
+      document.onselectstart = onselectstartRef.current;
+    };
+  }, [pressed]);
+  (0, _react.useEffect)(function () {
+    document.addEventListener("keydown", onKeyDown);
+    document.addEventListener("keyup", onKeyUp);
+    return function () {
+      document.removeEventListener("keydown", onKeyDown);
+      document.removeEventListener("keyup", onKeyUp);
+    };
+  }, []);
+  return pressed;
+}
+
+//# sourceMappingURL=useShiftKey.js.map

package/hooks/useShiftKey.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_isHotkey","_interopRequireDefault","useShiftKey","_useState","useState","_useState2","_slicedToArray2","default","pressed","setPressed","onselectstartRef","useRef","document","onselectstart","onKeyDown","useCallback","event","isHotkey","onKeyUp","key","shiftKey","useEffect","current","addEventListener","removeEventListener"],"sources":["useShiftKey.ts"],"sourcesContent":["import { useState, useEffect, useCallback, useRef } from \"react\";\nimport isHotkey from \"is-hotkey\";\n\nexport function useShiftKey() {\n    const [pressed, setPressed] = useState(false);\n    const onselectstartRef = useRef(document.onselectstart);\n\n    const onKeyDown = useCallback((event: KeyboardEvent) => {\n        if (isHotkey(\"shift\", event)) {\n            setPressed(true);\n        }\n    }, []);\n\n    const onKeyUp = useCallback((event: KeyboardEvent) => {\n        if (event.key === \"Shift\" && event.shiftKey === false) {\n            setPressed(false);\n        }\n    }, []);\n\n    useEffect(() => {\n        // @ts-ignore\n        document.onselectstart = () => !pressed;\n\n        return () => {\n            document.onselectstart = onselectstartRef.current;\n        };\n    }, [pressed]);\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,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEO,SAASG,WAAWA,CAAA,EAAG;EAC1B,IAAAC,SAAA,GAA8B,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,SAAA;IAAtCK,OAAO,GAAAH,UAAA;IAAEI,UAAU,GAAAJ,UAAA;EAC1B,IAAMK,gBAAgB,GAAG,IAAAC,aAAM,EAACC,QAAQ,CAACC,aAAa,CAAC;EAEvD,IAAMC,SAAS,GAAG,IAAAC,kBAAW,EAAC,UAACC,KAAoB,EAAK;IACpD,IAAI,IAAAC,iBAAQ,EAAC,OAAO,EAAED,KAAK,CAAC,EAAE;MAC1BP,UAAU,CAAC,IAAI,CAAC;IACpB;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMS,OAAO,GAAG,IAAAH,kBAAW,EAAC,UAACC,KAAoB,EAAK;IAClD,IAAIA,KAAK,CAACG,GAAG,KAAK,OAAO,IAAIH,KAAK,CAACI,QAAQ,KAAK,KAAK,EAAE;MACnDX,UAAU,CAAC,KAAK,CAAC;IACrB;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAY,gBAAS,EAAC,YAAM;IACZ;IACAT,QAAQ,CAACC,aAAa,GAAG;MAAA,OAAM,CAACL,OAAO;IAAA;IAEvC,OAAO,YAAM;MACTI,QAAQ,CAACC,aAAa,GAAGH,gBAAgB,CAACY,OAAO;IACrD,CAAC;EACL,CAAC,EAAE,CAACd,OAAO,CAAC,CAAC;EAEb,IAAAa,gBAAS,EAAC,YAAM;IACZT,QAAQ,CAACW,gBAAgB,CAAC,SAAS,EAAET,SAAS,CAAC;IAC/CF,QAAQ,CAACW,gBAAgB,CAAC,OAAO,EAAEL,OAAO,CAAC;IAE3C,OAAO,YAAM;MACTN,QAAQ,CAACY,mBAAmB,CAAC,SAAS,EAAEV,SAAS,CAAC;MAClDF,QAAQ,CAACY,mBAAmB,CAAC,OAAO,EAAEN,OAAO,CAAC;IAClD,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOV,OAAO;AAClB"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-admin",
-	"version": "5.38.0-beta.0",
+	"version": "5.38.0-beta.1",
 	"main": "index.js",
 	"description": "A collection of plugins that together form a complete admin interface, customizable and extensible with Webiny apps and plugins.",
 	"repository": {
@@ -20,19 +20,20 @@
 		"@svgr/webpack": "6.5.1",
 		"@types/mime": "2.0.3",
 		"@types/react": "17.0.39",
-		"@webiny/app": "5.38.0-beta.0",
-		"@webiny/app-security": "5.38.0-beta.0",
-		"@webiny/app-theme": "5.38.0-beta.0",
-		"@webiny/app-wcp": "5.38.0-beta.0",
-		"@webiny/form": "5.38.0-beta.0",
-		"@webiny/lexical-editor": "5.38.0-beta.0",
-		"@webiny/plugins": "5.38.0-beta.0",
-		"@webiny/react-composition": "5.38.0-beta.0",
-		"@webiny/react-router": "5.38.0-beta.0",
-		"@webiny/telemetry": "5.38.0-beta.0",
-		"@webiny/ui": "5.38.0-beta.0",
-		"@webiny/ui-composer": "5.38.0-beta.0",
-		"@webiny/validation": "5.38.0-beta.0",
+		"@webiny/app": "5.38.0-beta.1",
+		"@webiny/app-security": "5.38.0-beta.1",
+		"@webiny/app-theme": "5.38.0-beta.1",
+		"@webiny/app-wcp": "5.38.0-beta.1",
+		"@webiny/form": "5.38.0-beta.1",
+		"@webiny/lexical-editor": "5.38.0-beta.1",
+		"@webiny/plugins": "5.38.0-beta.1",
+		"@webiny/react-composition": "5.38.0-beta.1",
+		"@webiny/react-router": "5.38.0-beta.1",
+		"@webiny/telemetry": "5.38.0-beta.1",
+		"@webiny/ui": "5.38.0-beta.1",
+		"@webiny/ui-composer": "5.38.0-beta.1",
+		"@webiny/utils": "5.38.0-beta.1",
+		"@webiny/validation": "5.38.0-beta.1",
 		"apollo-cache": "1.3.5",
 		"apollo-client": "2.6.10",
 		"apollo-link": "1.2.14",
@@ -43,9 +44,9 @@
 		"emotion": "10.0.27",
 		"graphlib": "2.1.8",
 		"graphql": "15.8.0",
+		"is-hotkey": "0.1.8",
 		"lodash": "4.17.21",
 		"mobx": "6.9.0",
-		"nanoid": "3.3.4",
 		"prop-types": "15.8.1",
 		"react": "17.0.2",
 		"react-dom": "17.0.2",
@@ -62,9 +63,10 @@
 		"@babel/preset-typescript": "7.22.5",
 		"@types/bytes": "3.1.1",
 		"@types/graphlib": "2.1.8",
+		"@types/is-hotkey": "0.1.7",
 		"@types/store": "2.0.2",
-		"@webiny/cli": "5.38.0-beta.0",
-		"@webiny/project-utils": "5.38.0-beta.0",
+		"@webiny/cli": "5.38.0-beta.1",
+		"@webiny/project-utils": "5.38.0-beta.1",
 		"babel-plugin-emotion": "9.2.11",
 		"rimraf": "3.0.2",
 		"ttypescript": "1.5.15",
@@ -90,5 +92,5 @@
 			]
 		}
 	},
-	"gitHead": "5746389d4988626b50e2523ccfa0a9a5e398e0ed"
+	"gitHead": "6daf38d3ed0c029a8fea005c2b6246e5b325a09c"
 }