@webiny/app-admin 5.43.2 → 6.0.0-alpha.0

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 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":[]}

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,10 +15,10 @@ 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);
     };

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","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,SAASA,QAAQ,EAAEC,SAAS,EAAEC,WAAW,QAAQ,OAAO;AACxD,OAAOC,QAAQ,MAAM,WAAW;AAEhC,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;EAENO,OAAO,CAACC,GAAG,CAAC,SAAS,EAAEZ,OAAO,CAAC;EAE/B,OAAOA,OAAO;AAClB","ignoreList":[]}

package/hooks/useShiftKey.js

@@ -1,41 +1,28 @@
-"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)) {
+import { useState, useEffect, useCallback, useRef } from "react";
+import isHotkey from "is-hotkey";
+export function useShiftKey() {
+  const [pressed, setPressed] = useState(false);
+  const onselectstartRef = useRef(document.onselectstart);
+  const onKeyDown = useCallback(event => {
+    if (isHotkey("shift", event)) {
       setPressed(true);
     }
   }, []);
-  var onKeyUp = (0, _react.useCallback)(function (event) {
+  const onKeyUp = useCallback(event => {
     if (event.key === "Shift" && event.shiftKey === false) {
       setPressed(false);
     }
   }, []);
-  (0, _react.useEffect)(function () {
-    document.onselectstart = function () {
-      return !pressed;
-    };
-    return function () {
+  useEffect(() => {
+    document.onselectstart = () => !pressed;
+    return () => {
       document.onselectstart = onselectstartRef.current;
     };
   }, [pressed]);
-  (0, _react.useEffect)(function () {
+  useEffect(() => {
     document.addEventListener("keydown", onKeyDown);
     document.addEventListener("keyup", onKeyUp);
-    return function () {
+    return () => {
       document.removeEventListener("keydown", onKeyDown);
       document.removeEventListener("keyup", onKeyUp);
     };

package/hooks/useShiftKey.js.map

@@ -1 +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        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;IACZT,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","ignoreList":[]}
+{"version":3,"names":["useState","useEffect","useCallback","useRef","isHotkey","useShiftKey","pressed","setPressed","onselectstartRef","document","onselectstart","onKeyDown","event","onKeyUp","key","shiftKey","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        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,SAASA,QAAQ,EAAEC,SAAS,EAAEC,WAAW,EAAEC,MAAM,QAAQ,OAAO;AAChE,OAAOC,QAAQ,MAAM,WAAW;AAEhC,OAAO,SAASC,WAAWA,CAAA,EAAG;EAC1B,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGP,QAAQ,CAAC,KAAK,CAAC;EAC7C,MAAMQ,gBAAgB,GAAGL,MAAM,CAACM,QAAQ,CAACC,aAAa,CAAC;EAEvD,MAAMC,SAAS,GAAGT,WAAW,CAAEU,KAAoB,IAAK;IACpD,IAAIR,QAAQ,CAAC,OAAO,EAAEQ,KAAK,CAAC,EAAE;MAC1BL,UAAU,CAAC,IAAI,CAAC;IACpB;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMM,OAAO,GAAGX,WAAW,CAAEU,KAAoB,IAAK;IAClD,IAAIA,KAAK,CAACE,GAAG,KAAK,OAAO,IAAIF,KAAK,CAACG,QAAQ,KAAK,KAAK,EAAE;MACnDR,UAAU,CAAC,KAAK,CAAC;IACrB;EACJ,CAAC,EAAE,EAAE,CAAC;EAENN,SAAS,CAAC,MAAM;IACZQ,QAAQ,CAACC,aAAa,GAAG,MAAM,CAACJ,OAAO;IAEvC,OAAO,MAAM;MACTG,QAAQ,CAACC,aAAa,GAAGF,gBAAgB,CAACQ,OAAO;IACrD,CAAC;EACL,CAAC,EAAE,CAACV,OAAO,CAAC,CAAC;EAEbL,SAAS,CAAC,MAAM;IACZQ,QAAQ,CAACQ,gBAAgB,CAAC,SAAS,EAAEN,SAAS,CAAC;IAC/CF,QAAQ,CAACQ,gBAAgB,CAAC,OAAO,EAAEJ,OAAO,CAAC;IAE3C,OAAO,MAAM;MACTJ,QAAQ,CAACS,mBAAmB,CAAC,SAAS,EAAEP,SAAS,CAAC;MAClDF,QAAQ,CAACS,mBAAmB,CAAC,OAAO,EAAEL,OAAO,CAAC;IAClD,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOP,OAAO;AAClB","ignoreList":[]}

package/hooks/useSnackbar.js

@@ -1,51 +1,30 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useSnackbar = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _react = _interopRequireDefault(require("react"));
-var _useUi = require("@webiny/app/hooks/useUi");
-var _Snackbar = require("@webiny/ui/Snackbar");
-var useSnackbar = exports.useSnackbar = function useSnackbar() {
-  var ui = (0, _useUi.useUi)();
+import React from "react";
+import { Toast, useToast } from "@webiny/admin-ui";
+export const useSnackbar = () => {
+  const {
+    showToast,
+    hideAllToasts
+  } = useToast();
   return {
-    showSnackbar: function showSnackbar(message) {
-      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      ui.setState(function (ui) {
-        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, ui), {}, {
-          snackbar: {
-            message: message,
-            options: options
-          }
-        });
+    showSnackbar: (message, options = {}) => {
+      showToast({
+        title: /*#__PURE__*/React.createElement(Toast.Title, {
+          text: message
+        }),
+        ...options
       });
     },
-    showErrorSnackbar: function showErrorSnackbar(message) {
-      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      ui.setState(function (ui) {
-        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, ui), {}, {
-          snackbar: {
-            message: message,
-            options: (0, _objectSpread2.default)({
-              timeout: -1,
-              dismissesOnAction: true,
-              action: /*#__PURE__*/_react.default.createElement(_Snackbar.SnackbarAction, {
-                label: "OK"
-              })
-            }, options)
-          }
-        });
+    showErrorSnackbar: (message, options = {}) => {
+      showToast({
+        title: /*#__PURE__*/React.createElement(Toast.Title, {
+          text: message
+        }),
+        duration: Infinity,
+        ...options
       });
     },
-    hideSnackbar: function hideSnackbar() {
-      ui.setState(function (ui) {
-        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, ui), {}, {
-          snackbar: null
-        });
-      });
+    hideSnackbar: () => {
+      hideAllToasts();
     }
   };
 };

package/hooks/useSnackbar.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_useUi","_Snackbar","useSnackbar","exports","ui","useUi","showSnackbar","message","options","arguments","length","undefined","setState","_objectSpread2","default","snackbar","showErrorSnackbar","timeout","dismissesOnAction","action","createElement","SnackbarAction","label","hideSnackbar"],"sources":["useSnackbar.tsx"],"sourcesContent":["import React from \"react\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\nimport { SnackbarAction } from \"@webiny/ui/Snackbar\";\n\ninterface UseSnackbarResponse {\n    showSnackbar: (message: React.ReactNode, options?: Record<string, React.ReactNode>) => void;\n    showErrorSnackbar: (\n        message: React.ReactNode,\n        options?: Record<string, React.ReactNode>\n    ) => void;\n    hideSnackbar: () => void;\n}\n\nexport const useSnackbar = (): UseSnackbarResponse => {\n    const ui = useUi();\n\n    return {\n        showSnackbar: (message, options = {}) => {\n            ui.setState(ui => {\n                return { ...ui, snackbar: { message, options } };\n            });\n        },\n        showErrorSnackbar: (message, options = {}) => {\n            ui.setState(ui => {\n                return {\n                    ...ui,\n                    snackbar: {\n                        message,\n                        options: {\n                            timeout: -1,\n                            dismissesOnAction: true,\n                            action: <SnackbarAction label={\"OK\"} />,\n                            ...options\n                        }\n                    }\n                };\n            });\n        },\n        hideSnackbar: () => {\n            ui.setState(ui => {\n                return { ...ui, snackbar: null };\n            });\n        }\n    };\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAWO,IAAMG,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAA,EAA8B;EAClD,IAAME,EAAE,GAAG,IAAAC,YAAK,EAAC,CAAC;EAElB,OAAO;IACHC,YAAY,EAAE,SAAdA,YAAYA,CAAGC,OAAO,EAAmB;MAAA,IAAjBC,OAAO,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;MAChCL,EAAE,CAACQ,QAAQ,CAAC,UAAAR,EAAE,EAAI;QACd,WAAAS,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MAAYV,EAAE;UAAEW,QAAQ,EAAE;YAAER,OAAO,EAAPA,OAAO;YAAEC,OAAO,EAAPA;UAAQ;QAAC;MAClD,CAAC,CAAC;IACN,CAAC;IACDQ,iBAAiB,EAAE,SAAnBA,iBAAiBA,CAAGT,OAAO,EAAmB;MAAA,IAAjBC,OAAO,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;MACrCL,EAAE,CAACQ,QAAQ,CAAC,UAAAR,EAAE,EAAI;QACd,WAAAS,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MACOV,EAAE;UACLW,QAAQ,EAAE;YACNR,OAAO,EAAPA,OAAO;YACPC,OAAO,MAAAK,cAAA,CAAAC,OAAA;cACHG,OAAO,EAAE,CAAC,CAAC;cACXC,iBAAiB,EAAE,IAAI;cACvBC,MAAM,eAAEtB,MAAA,CAAAiB,OAAA,CAAAM,aAAA,CAACnB,SAAA,CAAAoB,cAAc;gBAACC,KAAK,EAAE;cAAK,CAAE;YAAC,GACpCd,OAAO;UAElB;QAAC;MAET,CAAC,CAAC;IACN,CAAC;IACDe,YAAY,EAAE,SAAdA,YAAYA,CAAA,EAAQ;MAChBnB,EAAE,CAACQ,QAAQ,CAAC,UAAAR,EAAE,EAAI;QACd,WAAAS,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MAAYV,EAAE;UAAEW,QAAQ,EAAE;QAAI;MAClC,CAAC,CAAC;IACN;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Toast","useToast","useSnackbar","showToast","hideAllToasts","showSnackbar","message","options","title","createElement","Title","text","showErrorSnackbar","duration","Infinity","hideSnackbar"],"sources":["useSnackbar.tsx"],"sourcesContent":["import React from \"react\";\nimport { Toast, useToast } from \"@webiny/admin-ui\";\n\ninterface UseSnackbarResponse {\n    showSnackbar: (message: React.ReactNode, options?: Record<string, React.ReactNode>) => void;\n    showErrorSnackbar: (\n        message: React.ReactNode,\n        options?: Record<string, React.ReactNode>\n    ) => void;\n    hideSnackbar: () => void;\n}\n\nexport const useSnackbar = (): UseSnackbarResponse => {\n    const { showToast, hideAllToasts } = useToast();\n\n    return {\n        showSnackbar: (message, options = {}) => {\n            showToast({\n                title: <Toast.Title text={message} />,\n                ...options\n            });\n        },\n        showErrorSnackbar: (message, options = {}) => {\n            showToast({\n                title: <Toast.Title text={message} />,\n                duration: Infinity,\n                ...options\n            });\n        },\n        hideSnackbar: () => {\n            hideAllToasts();\n        }\n    };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,QAAQ,QAAQ,kBAAkB;AAWlD,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAA2B;EAClD,MAAM;IAAEC,SAAS;IAAEC;EAAc,CAAC,GAAGH,QAAQ,CAAC,CAAC;EAE/C,OAAO;IACHI,YAAY,EAAEA,CAACC,OAAO,EAAEC,OAAO,GAAG,CAAC,CAAC,KAAK;MACrCJ,SAAS,CAAC;QACNK,KAAK,eAAET,KAAA,CAAAU,aAAA,CAACT,KAAK,CAACU,KAAK;UAACC,IAAI,EAAEL;QAAQ,CAAE,CAAC;QACrC,GAAGC;MACP,CAAC,CAAC;IACN,CAAC;IACDK,iBAAiB,EAAEA,CAACN,OAAO,EAAEC,OAAO,GAAG,CAAC,CAAC,KAAK;MAC1CJ,SAAS,CAAC;QACNK,KAAK,eAAET,KAAA,CAAAU,aAAA,CAACT,KAAK,CAACU,KAAK;UAACC,IAAI,EAAEL;QAAQ,CAAE,CAAC;QACrCO,QAAQ,EAAEC,QAAQ;QAClB,GAAGP;MACP,CAAC,CAAC;IACN,CAAC;IACDQ,YAAY,EAAEA,CAAA,KAAM;MAChBX,aAAa,CAAC,CAAC;IACnB;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/hooks/useStateIfMounted.js

@@ -1,21 +1,11 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useStateIfMounted = useStateIfMounted;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _useIsMounted2 = require("./useIsMounted");
-function useStateIfMounted(defaultState) {
-  var _useState = (0, _react.useState)(defaultState),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
-  var _useIsMounted = (0, _useIsMounted2.useIsMounted)(),
-    isMounted = _useIsMounted.isMounted;
-  var setStateIfMounted = (0, _react.useCallback)(function (state) {
+import { useState, useCallback } from "react";
+import { useIsMounted } from "./useIsMounted";
+export function useStateIfMounted(defaultState) {
+  const [state, setState] = useState(defaultState);
+  const {
+    isMounted
+  } = useIsMounted();
+  const setStateIfMounted = useCallback(state => {
     if (isMounted()) {
       setState(state);
     }

package/hooks/useStateIfMounted.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_useIsMounted2","useStateIfMounted","defaultState","_useState","useState","_useState2","_slicedToArray2","default","state","setState","_useIsMounted","useIsMounted","isMounted","setStateIfMounted","useCallback"],"sources":["useStateIfMounted.ts"],"sourcesContent":["import { useState, useCallback } from \"react\";\nimport { useIsMounted } from \"./useIsMounted\";\n\nexport function useStateIfMounted<T>(\n    defaultState: T\n): [T, React.Dispatch<React.SetStateAction<T>>] {\n    const [state, setState] = useState<T>(defaultState);\n    const { isMounted } = useIsMounted();\n\n    const setStateIfMounted = useCallback(\n        (state: React.SetStateAction<T>) => {\n            if (isMounted()) {\n                setState(state);\n            }\n        },\n        [isMounted]\n    );\n\n    return [state, setStateIfMounted];\n}\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEO,SAASE,iBAAiBA,CAC7BC,YAAe,EAC6B;EAC5C,IAAAC,SAAA,GAA0B,IAAAC,eAAQ,EAAIF,YAAY,CAAC;IAAAG,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,SAAA;IAA5CK,KAAK,GAAAH,UAAA;IAAEI,QAAQ,GAAAJ,UAAA;EACtB,IAAAK,aAAA,GAAsB,IAAAC,2BAAY,EAAC,CAAC;IAA5BC,SAAS,GAAAF,aAAA,CAATE,SAAS;EAEjB,IAAMC,iBAAiB,GAAG,IAAAC,kBAAW,EACjC,UAACN,KAA8B,EAAK;IAChC,IAAII,SAAS,CAAC,CAAC,EAAE;MACbH,QAAQ,CAACD,KAAK,CAAC;IACnB;EACJ,CAAC,EACD,CAACI,SAAS,CACd,CAAC;EAED,OAAO,CAACJ,KAAK,EAAEK,iBAAiB,CAAC;AACrC","ignoreList":[]}
+{"version":3,"names":["useState","useCallback","useIsMounted","useStateIfMounted","defaultState","state","setState","isMounted","setStateIfMounted"],"sources":["useStateIfMounted.ts"],"sourcesContent":["import { useState, useCallback } from \"react\";\nimport { useIsMounted } from \"./useIsMounted\";\n\nexport function useStateIfMounted<T>(\n    defaultState: T\n): [T, React.Dispatch<React.SetStateAction<T>>] {\n    const [state, setState] = useState<T>(defaultState);\n    const { isMounted } = useIsMounted();\n\n    const setStateIfMounted = useCallback(\n        (state: React.SetStateAction<T>) => {\n            if (isMounted()) {\n                setState(state);\n            }\n        },\n        [isMounted]\n    );\n\n    return [state, setStateIfMounted];\n}\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,WAAW,QAAQ,OAAO;AAC7C,SAASC,YAAY;AAErB,OAAO,SAASC,iBAAiBA,CAC7BC,YAAe,EAC6B;EAC5C,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGN,QAAQ,CAAII,YAAY,CAAC;EACnD,MAAM;IAAEG;EAAU,CAAC,GAAGL,YAAY,CAAC,CAAC;EAEpC,MAAMM,iBAAiB,GAAGP,WAAW,CAChCI,KAA8B,IAAK;IAChC,IAAIE,SAAS,CAAC,CAAC,EAAE;MACbD,QAAQ,CAACD,KAAK,CAAC;IACnB;EACJ,CAAC,EACD,CAACE,SAAS,CACd,CAAC;EAED,OAAO,CAACF,KAAK,EAAEG,iBAAiB,CAAC;AACrC","ignoreList":[]}

package/hooks/useStateWithCallback.js

@@ -1,25 +1,12 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useStateWithCallback = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var useStateWithCallback = exports.useStateWithCallback = function useStateWithCallback(initialValue) {
-  var _useState = (0, _react.useState)(initialValue),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    state = _useState2[0],
-    _setState = _useState2[1];
-  var callbackQueue = (0, _react.useRef)([]);
-  (0, _react.useEffect)(function () {
-    callbackQueue.current.forEach(function (cb) {
-      return cb(state);
-    });
+import { useEffect, useRef, useState } from "react";
+export const useStateWithCallback = initialValue => {
+  const [state, _setState] = useState(initialValue);
+  const callbackQueue = useRef([]);
+  useEffect(() => {
+    callbackQueue.current.forEach(cb => cb(state));
     callbackQueue.current = [];
   }, [state]);
-  var setState = function setState(value, callback) {
+  const setState = (value, callback) => {
     _setState(value);
     if (callback && typeof callback === "function") {
       callbackQueue.current.push(callback);

package/hooks/useStateWithCallback.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","useStateWithCallback","exports","initialValue","_useState","useState","_useState2","_slicedToArray2","default","state","_setState","callbackQueue","useRef","useEffect","current","forEach","cb","setState","value","callback","push"],"sources":["useStateWithCallback.ts"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\n\ntype CallBackType<T> = (updatedValue: T) => void;\n\ntype SetStateType<T> = T | ((prev: T) => T);\n\ntype RetType = <T>(\n    initialValue: T | (() => T)\n) => [T, (newValue: SetStateType<T>, callback?: CallBackType<T>) => void];\n\nexport const useStateWithCallback: RetType = <T>(initialValue: T | (() => T)) => {\n    const [state, _setState] = useState<T>(initialValue);\n    const callbackQueue = useRef<CallBackType<T>[]>([]);\n\n    useEffect(() => {\n        callbackQueue.current.forEach(cb => cb(state));\n        callbackQueue.current = [];\n    }, [state]);\n\n    const setState = (value: SetStateType<T>, callback?: CallBackType<T>) => {\n        _setState(value);\n        if (callback && typeof callback === \"function\") {\n            callbackQueue.current.push(callback);\n        }\n    };\n    return [state, setState];\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAUO,IAAMC,oBAA6B,GAAAC,OAAA,CAAAD,oBAAA,GAAG,SAAhCA,oBAA6BA,CAAOE,YAA2B,EAAK;EAC7E,IAAAC,SAAA,GAA2B,IAAAC,eAAQ,EAAIF,YAAY,CAAC;IAAAG,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,SAAA;IAA7CK,KAAK,GAAAH,UAAA;IAAEI,SAAS,GAAAJ,UAAA;EACvB,IAAMK,aAAa,GAAG,IAAAC,aAAM,EAAoB,EAAE,CAAC;EAEnD,IAAAC,gBAAS,EAAC,YAAM;IACZF,aAAa,CAACG,OAAO,CAACC,OAAO,CAAC,UAAAC,EAAE;MAAA,OAAIA,EAAE,CAACP,KAAK,CAAC;IAAA,EAAC;IAC9CE,aAAa,CAACG,OAAO,GAAG,EAAE;EAC9B,CAAC,EAAE,CAACL,KAAK,CAAC,CAAC;EAEX,IAAMQ,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,KAAsB,EAAEC,QAA0B,EAAK;IACrET,SAAS,CAACQ,KAAK,CAAC;IAChB,IAAIC,QAAQ,IAAI,OAAOA,QAAQ,KAAK,UAAU,EAAE;MAC5CR,aAAa,CAACG,OAAO,CAACM,IAAI,CAACD,QAAQ,CAAC;IACxC;EACJ,CAAC;EACD,OAAO,CAACV,KAAK,EAAEQ,QAAQ,CAAC;AAC5B,CAAC","ignoreList":[]}
+{"version":3,"names":["useEffect","useRef","useState","useStateWithCallback","initialValue","state","_setState","callbackQueue","current","forEach","cb","setState","value","callback","push"],"sources":["useStateWithCallback.ts"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\n\ntype CallBackType<T> = (updatedValue: T) => void;\n\ntype SetStateType<T> = T | ((prev: T) => T);\n\ntype RetType = <T>(\n    initialValue: T | (() => T)\n) => [T, (newValue: SetStateType<T>, callback?: CallBackType<T>) => void];\n\nexport const useStateWithCallback: RetType = <T>(initialValue: T | (() => T)) => {\n    const [state, _setState] = useState<T>(initialValue);\n    const callbackQueue = useRef<CallBackType<T>[]>([]);\n\n    useEffect(() => {\n        callbackQueue.current.forEach(cb => cb(state));\n        callbackQueue.current = [];\n    }, [state]);\n\n    const setState = (value: SetStateType<T>, callback?: CallBackType<T>) => {\n        _setState(value);\n        if (callback && typeof callback === \"function\") {\n            callbackQueue.current.push(callback);\n        }\n    };\n    return [state, setState];\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAUnD,OAAO,MAAMC,oBAA6B,GAAOC,YAA2B,IAAK;EAC7E,MAAM,CAACC,KAAK,EAAEC,SAAS,CAAC,GAAGJ,QAAQ,CAAIE,YAAY,CAAC;EACpD,MAAMG,aAAa,GAAGN,MAAM,CAAoB,EAAE,CAAC;EAEnDD,SAAS,CAAC,MAAM;IACZO,aAAa,CAACC,OAAO,CAACC,OAAO,CAACC,EAAE,IAAIA,EAAE,CAACL,KAAK,CAAC,CAAC;IAC9CE,aAAa,CAACC,OAAO,GAAG,EAAE;EAC9B,CAAC,EAAE,CAACH,KAAK,CAAC,CAAC;EAEX,MAAMM,QAAQ,GAAGA,CAACC,KAAsB,EAAEC,QAA0B,KAAK;IACrEP,SAAS,CAACM,KAAK,CAAC;IAChB,IAAIC,QAAQ,IAAI,OAAOA,QAAQ,KAAK,UAAU,EAAE;MAC5CN,aAAa,CAACC,OAAO,CAACM,IAAI,CAACD,QAAQ,CAAC;IACxC;EACJ,CAAC;EACD,OAAO,CAACR,KAAK,EAAEM,QAAQ,CAAC;AAC5B,CAAC","ignoreList":[]}

package/index.d.ts

@@ -1,23 +1,20 @@
 export * from "@webiny/app";
 export type { HigherOrderComponent, ProviderProps, ComposeProps } from "@webiny/app";
 export * from "./base/ui/Tags";
-export * from "./base/ui/Menu";
 export * from "./base/ui/Layout";
 export * from "./base/ui/LocaleSelector";
+export * from "./base/ui/TenantSelector";
 export type { LayoutProps } from "./base/ui/Layout";
 export * from "./base/ui/Navigation";
-export type { MenuItemsProps } from "./base/ui/Navigation";
 export * from "./base/ui/Brand";
 export * from "./base/ui/Logo";
-export * from "./base/ui/Search";
-export type { SearchOptionData, SearchOptionProps } from "./base/ui/Search";
 export * from "./base/ui/UserMenu";
-export type { UserMenuItemProps } from "./base/ui/UserMenu";
 export * from "./base/ui/LoginScreen";
 export * from "./base/ui/CenteredView";
 export * from "./base/ui/Dashboard";
 export * from "./base/ui/NotFound";
 export { Admin } from "./base/Admin";
+export * from "./config/AdminConfig";
 export type { AdminProps } from "./base/Admin";
 export { useViewComposition } from "./base/providers/ViewCompositionProvider";
 export type { ViewCompositionContext, ViewElement } from "./base/providers/ViewCompositionProvider";