@webiny/app-admin 6.6.0-alpha.0 → 6.6.0-alpha.2

package/hooks/useDrawer.js

@@ -0,0 +1,19 @@
+import { useMemo } from "react";
+import { useDrawerParamsContext } from "../components/Drawers/DrawerParamsContext.js";
+function useDrawer(schema) {
+    const { params: rawParams, closeDrawer } = useDrawerParamsContext();
+    const params = useMemo(()=>{
+        if (schema) return schema.parse(rawParams);
+        return rawParams;
+    }, [
+        rawParams,
+        schema
+    ]);
+    return {
+        params,
+        closeDrawer
+    };
+}
+export { useDrawer };
+
+//# sourceMappingURL=useDrawer.js.map

package/hooks/useDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks/useDrawer.js","sources":["../../src/hooks/useDrawer.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport type { z } from \"zod\";\nimport { useDrawerParamsContext } from \"~/components/Drawers/DrawerParamsContext.js\";\n\nexport function useDrawer<T extends z.ZodTypeAny>(\n    schema: T\n): { params: z.infer<T>; closeDrawer: () => void };\nexport function useDrawer(): { params: Record<string, unknown>; closeDrawer: () => void };\nexport function useDrawer(schema?: z.ZodTypeAny) {\n    const { params: rawParams, closeDrawer } = useDrawerParamsContext();\n\n    const params = useMemo(() => {\n        if (schema) {\n            return schema.parse(rawParams);\n        }\n        return rawParams;\n    }, [rawParams, schema]);\n\n    return { params, closeDrawer };\n}\n"],"names":["useDrawer","schema","rawParams","closeDrawer","useDrawerParamsContext","params","useMemo"],"mappings":";;AAQO,SAASA,UAAUC,MAAqB;IAC3C,MAAM,EAAE,QAAQC,SAAS,EAAEC,WAAW,EAAE,GAAGC;IAE3C,MAAMC,SAASC,QAAQ;QACnB,IAAIL,QACA,OAAOA,OAAO,KAAK,CAACC;QAExB,OAAOA;IACX,GAAG;QAACA;QAAWD;KAAO;IAEtB,OAAO;QAAEI;QAAQF;IAAY;AACjC"}

package/hooks/useHotkeys.js

@@ -3,7 +3,7 @@ import is_hotkey from "is-hotkey";
 const state = {
     listenerAttached: false,
     zIndex: null,
-    handlers: {}
+    handlers: Object.create(null)
 };
 function triggerHotkeys(e) {
     if (null === state.zIndex) return;
@@ -15,7 +15,7 @@ function triggerHotkeys(e) {
 }
 function registerZIndex({ zIndex, keys }) {
     if (null === state.zIndex || state.zIndex < zIndex) state.zIndex = zIndex;
-    if (!state.handlers[zIndex]) state.handlers[zIndex] = {};
+    if (!state.handlers[zIndex]) state.handlers[zIndex] = Object.create(null);
     if (!keys || 0 === Object.keys(keys).length) return;
     for(const key in keys){
         if (key in state.handlers[zIndex]) throw Error(`Shortcut "${key}" already registered on zIndex ${zIndex}.`);
@@ -54,7 +54,9 @@ function useHotkeys(props) {
         prevPropsRef.current = {
             ...props
         };
-    });
+    }, [
+        keys
+    ]);
     useEffect(function() {
         return function() {
             if (!disabled) unregisterZIndex(props);

package/hooks/useHotkeys.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks/useHotkeys.js","sources":["../../src/hooks/useHotkeys.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport isHotkey from \"is-hotkey\";\n\ntype HookProps = {\n    disabled?: boolean;\n    zIndex: number;\n    keys?: { [key: string]: (e: KeyboardEvent) => void };\n};\n\ntype State = {\n    listenerAttached: boolean;\n    zIndex: null | number;\n    handlers: { [zIndex: number]: { [key: string]: (e: KeyboardEvent) => void } };\n};\n\nconst state: State = {\n    listenerAttached: false,\n    zIndex: null,\n    handlers: {}\n};\n\nfunction triggerHotkeys(e: KeyboardEvent) {\n    if (state.zIndex === null) {\n        return;\n    }\n\n    const keys = state.handlers[state.zIndex];\n    for (const key in keys) {\n        if (isHotkey(key, e)) {\n            keys[key](e);\n            break;\n        }\n    }\n}\n\nfunction registerZIndex({ zIndex, keys }: HookProps) {\n    if (state.zIndex === null || state.zIndex < zIndex) {\n        state.zIndex = zIndex;\n    }\n\n    if (!state.handlers[zIndex]) {\n        state.handlers[zIndex] = {};\n    }\n\n    if (!keys || Object.keys(keys).length === 0) {\n        return;\n    }\n\n    for (const key in keys) {\n        if (key in state.handlers[zIndex]) {\n            throw Error(`Shortcut \"${key}\" already registered on zIndex ${zIndex}.`);\n        }\n        state.handlers[zIndex][key] = keys[key];\n    }\n\n    if (!state.listenerAttached) {\n        document.body.addEventListener(\"keydown\", triggerHotkeys);\n        state.listenerAttached = true;\n    }\n}\n\nfunction unregisterZIndex({ zIndex, keys }: HookProps) {\n    if (state.handlers && state.handlers[zIndex]) {\n        for (const key in keys) {\n            delete state.handlers[zIndex][key];\n        }\n\n        if (Object.keys(state.handlers[zIndex]).length === 0) {\n            delete state.handlers[zIndex];\n        }\n    }\n\n    if (Object.keys(state.handlers).length > 0) {\n        state.zIndex = Math.max(...Object.keys(state.handlers).map(Number));\n    } else {\n        state.zIndex = null;\n\n        if (state.listenerAttached) {\n            document.body.removeEventListener(\"keydown\", triggerHotkeys);\n            state.listenerAttached = false;\n        }\n    }\n}\n\nexport function useHotkeys(props: HookProps) {\n    const { disabled, zIndex, keys } = props;\n\n    const prevPropsRef = useRef<HookProps | undefined>();\n    const firstRenderRef = useRef(true);\n\n    useEffect(function () {\n        if (firstRenderRef.current || prevPropsRef.current?.disabled !== disabled) {\n            firstRenderRef.current = false;\n            if (disabled) {\n                unregisterZIndex(props);\n            } else {\n                registerZIndex(props);\n            }\n        }\n\n        if (!disabled && typeof keys === \"object\") {\n            Object.assign(state.handlers[zIndex], keys);\n        }\n        prevPropsRef.current = { ...props };\n    });\n\n    useEffect(function () {\n        return function () {\n            if (!disabled) {\n                unregisterZIndex(props);\n            }\n        };\n    }, []);\n}\n"],"names":["state","triggerHotkeys","e","keys","key","isHotkey","registerZIndex","zIndex","Object","Error","document","unregisterZIndex","Math","Number","useHotkeys","props","disabled","prevPropsRef","useRef","firstRenderRef","useEffect"],"mappings":";;AAeA,MAAMA,QAAe;IACjB,kBAAkB;IAClB,QAAQ;IACR,UAAU,CAAC;AACf;AAEA,SAASC,eAAeC,CAAgB;IACpC,IAAIF,AAAiB,SAAjBA,MAAM,MAAM,EACZ;IAGJ,MAAMG,OAAOH,MAAM,QAAQ,CAACA,MAAM,MAAM,CAAC;IACzC,IAAK,MAAMI,OAAOD,KACd,IAAIE,UAASD,KAAKF,IAAI;QAClBC,IAAI,CAACC,IAAI,CAACF;QACV;IACJ;AAER;AAEA,SAASI,eAAe,EAAEC,MAAM,EAAEJ,IAAI,EAAa;IAC/C,IAAIH,AAAiB,SAAjBA,MAAM,MAAM,IAAaA,MAAM,MAAM,GAAGO,QACxCP,MAAM,MAAM,GAAGO;IAGnB,IAAI,CAACP,MAAM,QAAQ,CAACO,OAAO,EACvBP,MAAM,QAAQ,CAACO,OAAO,GAAG,CAAC;IAG9B,IAAI,CAACJ,QAAQK,AAA6B,MAA7BA,OAAO,IAAI,CAACL,MAAM,MAAM,EACjC;IAGJ,IAAK,MAAMC,OAAOD,KAAM;QACpB,IAAIC,OAAOJ,MAAM,QAAQ,CAACO,OAAO,EAC7B,MAAME,MAAM,CAAC,UAAU,EAAEL,IAAI,+BAA+B,EAAEG,OAAO,CAAC,CAAC;QAE3EP,MAAM,QAAQ,CAACO,OAAO,CAACH,IAAI,GAAGD,IAAI,CAACC,IAAI;IAC3C;IAEA,IAAI,CAACJ,MAAM,gBAAgB,EAAE;QACzBU,SAAS,IAAI,CAAC,gBAAgB,CAAC,WAAWT;QAC1CD,MAAM,gBAAgB,GAAG;IAC7B;AACJ;AAEA,SAASW,iBAAiB,EAAEJ,MAAM,EAAEJ,IAAI,EAAa;IACjD,IAAIH,MAAM,QAAQ,IAAIA,MAAM,QAAQ,CAACO,OAAO,EAAE;QAC1C,IAAK,MAAMH,OAAOD,KACd,OAAOH,MAAM,QAAQ,CAACO,OAAO,CAACH,IAAI;QAGtC,IAAII,AAA+C,MAA/CA,OAAO,IAAI,CAACR,MAAM,QAAQ,CAACO,OAAO,EAAE,MAAM,EAC1C,OAAOP,MAAM,QAAQ,CAACO,OAAO;IAErC;IAEA,IAAIC,OAAO,IAAI,CAACR,MAAM,QAAQ,EAAE,MAAM,GAAG,GACrCA,MAAM,MAAM,GAAGY,KAAK,GAAG,IAAIJ,OAAO,IAAI,CAACR,MAAM,QAAQ,EAAE,GAAG,CAACa;SACxD;QACHb,MAAM,MAAM,GAAG;QAEf,IAAIA,MAAM,gBAAgB,EAAE;YACxBU,SAAS,IAAI,CAAC,mBAAmB,CAAC,WAAWT;YAC7CD,MAAM,gBAAgB,GAAG;QAC7B;IACJ;AACJ;AAEO,SAASc,WAAWC,KAAgB;IACvC,MAAM,EAAEC,QAAQ,EAAET,MAAM,EAAEJ,IAAI,EAAE,GAAGY;IAEnC,MAAME,eAAeC;IACrB,MAAMC,iBAAiBD,OAAO;IAE9BE,UAAU;QACN,IAAID,eAAe,OAAO,IAAIF,aAAa,OAAO,EAAE,aAAaD,UAAU;YACvEG,eAAe,OAAO,GAAG;YACzB,IAAIH,UACAL,iBAAiBI;iBAEjBT,eAAeS;QAEvB;QAEA,IAAI,CAACC,YAAY,AAAgB,YAAhB,OAAOb,MACpBK,OAAO,MAAM,CAACR,MAAM,QAAQ,CAACO,OAAO,EAAEJ;QAE1Cc,aAAa,OAAO,GAAG;YAAE,GAAGF,KAAK;QAAC;IACtC;IAEAK,UAAU;QACN,OAAO;YACH,IAAI,CAACJ,UACDL,iBAAiBI;QAEzB;IACJ,GAAG,EAAE;AACT"}
+{"version":3,"file":"hooks/useHotkeys.js","sources":["../../src/hooks/useHotkeys.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport isHotkey from \"is-hotkey\";\n\ntype HookProps = {\n    disabled?: boolean;\n    zIndex: number;\n    keys?: { [key: string]: (e: KeyboardEvent) => void };\n};\n\ntype State = {\n    listenerAttached: boolean;\n    zIndex: null | number;\n    handlers: { [zIndex: number]: { [key: string]: (e: KeyboardEvent) => void } };\n};\n\nconst state: State = {\n    listenerAttached: false,\n    zIndex: null,\n    handlers: Object.create(null)\n};\n\nfunction triggerHotkeys(e: KeyboardEvent) {\n    if (state.zIndex === null) {\n        return;\n    }\n\n    const keys = state.handlers[state.zIndex];\n    for (const key in keys) {\n        if (isHotkey(key, e)) {\n            keys[key](e);\n            break;\n        }\n    }\n}\n\nfunction registerZIndex({ zIndex, keys }: HookProps) {\n    if (state.zIndex === null || state.zIndex < zIndex) {\n        state.zIndex = zIndex;\n    }\n\n    if (!state.handlers[zIndex]) {\n        state.handlers[zIndex] = Object.create(null);\n    }\n\n    if (!keys || Object.keys(keys).length === 0) {\n        return;\n    }\n\n    for (const key in keys) {\n        if (key in state.handlers[zIndex]) {\n            throw Error(`Shortcut \"${key}\" already registered on zIndex ${zIndex}.`);\n        }\n        state.handlers[zIndex][key] = keys[key];\n    }\n\n    if (!state.listenerAttached) {\n        document.body.addEventListener(\"keydown\", triggerHotkeys);\n        state.listenerAttached = true;\n    }\n}\n\nfunction unregisterZIndex({ zIndex, keys }: HookProps) {\n    if (state.handlers && state.handlers[zIndex]) {\n        for (const key in keys) {\n            delete state.handlers[zIndex][key];\n        }\n\n        if (Object.keys(state.handlers[zIndex]).length === 0) {\n            delete state.handlers[zIndex];\n        }\n    }\n\n    if (Object.keys(state.handlers).length > 0) {\n        state.zIndex = Math.max(...Object.keys(state.handlers).map(Number));\n    } else {\n        state.zIndex = null;\n\n        if (state.listenerAttached) {\n            document.body.removeEventListener(\"keydown\", triggerHotkeys);\n            state.listenerAttached = false;\n        }\n    }\n}\n\nexport function useHotkeys(props: HookProps) {\n    const { disabled, zIndex, keys } = props;\n\n    const prevPropsRef = useRef<HookProps | undefined>();\n    const firstRenderRef = useRef(true);\n\n    useEffect(\n        function () {\n            if (firstRenderRef.current || prevPropsRef.current?.disabled !== disabled) {\n                firstRenderRef.current = false;\n                if (disabled) {\n                    unregisterZIndex(props);\n                } else {\n                    registerZIndex(props);\n                }\n            }\n\n            if (!disabled && typeof keys === \"object\") {\n                Object.assign(state.handlers[zIndex], keys);\n            }\n            prevPropsRef.current = { ...props };\n        },\n        [keys]\n    );\n\n    useEffect(function () {\n        return function () {\n            if (!disabled) {\n                unregisterZIndex(props);\n            }\n        };\n    }, []);\n}\n"],"names":["state","Object","triggerHotkeys","e","keys","key","isHotkey","registerZIndex","zIndex","Error","document","unregisterZIndex","Math","Number","useHotkeys","props","disabled","prevPropsRef","useRef","firstRenderRef","useEffect"],"mappings":";;AAeA,MAAMA,QAAe;IACjB,kBAAkB;IAClB,QAAQ;IACR,UAAUC,OAAO,MAAM,CAAC;AAC5B;AAEA,SAASC,eAAeC,CAAgB;IACpC,IAAIH,AAAiB,SAAjBA,MAAM,MAAM,EACZ;IAGJ,MAAMI,OAAOJ,MAAM,QAAQ,CAACA,MAAM,MAAM,CAAC;IACzC,IAAK,MAAMK,OAAOD,KACd,IAAIE,UAASD,KAAKF,IAAI;QAClBC,IAAI,CAACC,IAAI,CAACF;QACV;IACJ;AAER;AAEA,SAASI,eAAe,EAAEC,MAAM,EAAEJ,IAAI,EAAa;IAC/C,IAAIJ,AAAiB,SAAjBA,MAAM,MAAM,IAAaA,MAAM,MAAM,GAAGQ,QACxCR,MAAM,MAAM,GAAGQ;IAGnB,IAAI,CAACR,MAAM,QAAQ,CAACQ,OAAO,EACvBR,MAAM,QAAQ,CAACQ,OAAO,GAAGP,OAAO,MAAM,CAAC;IAG3C,IAAI,CAACG,QAAQH,AAA6B,MAA7BA,OAAO,IAAI,CAACG,MAAM,MAAM,EACjC;IAGJ,IAAK,MAAMC,OAAOD,KAAM;QACpB,IAAIC,OAAOL,MAAM,QAAQ,CAACQ,OAAO,EAC7B,MAAMC,MAAM,CAAC,UAAU,EAAEJ,IAAI,+BAA+B,EAAEG,OAAO,CAAC,CAAC;QAE3ER,MAAM,QAAQ,CAACQ,OAAO,CAACH,IAAI,GAAGD,IAAI,CAACC,IAAI;IAC3C;IAEA,IAAI,CAACL,MAAM,gBAAgB,EAAE;QACzBU,SAAS,IAAI,CAAC,gBAAgB,CAAC,WAAWR;QAC1CF,MAAM,gBAAgB,GAAG;IAC7B;AACJ;AAEA,SAASW,iBAAiB,EAAEH,MAAM,EAAEJ,IAAI,EAAa;IACjD,IAAIJ,MAAM,QAAQ,IAAIA,MAAM,QAAQ,CAACQ,OAAO,EAAE;QAC1C,IAAK,MAAMH,OAAOD,KACd,OAAOJ,MAAM,QAAQ,CAACQ,OAAO,CAACH,IAAI;QAGtC,IAAIJ,AAA+C,MAA/CA,OAAO,IAAI,CAACD,MAAM,QAAQ,CAACQ,OAAO,EAAE,MAAM,EAC1C,OAAOR,MAAM,QAAQ,CAACQ,OAAO;IAErC;IAEA,IAAIP,OAAO,IAAI,CAACD,MAAM,QAAQ,EAAE,MAAM,GAAG,GACrCA,MAAM,MAAM,GAAGY,KAAK,GAAG,IAAIX,OAAO,IAAI,CAACD,MAAM,QAAQ,EAAE,GAAG,CAACa;SACxD;QACHb,MAAM,MAAM,GAAG;QAEf,IAAIA,MAAM,gBAAgB,EAAE;YACxBU,SAAS,IAAI,CAAC,mBAAmB,CAAC,WAAWR;YAC7CF,MAAM,gBAAgB,GAAG;QAC7B;IACJ;AACJ;AAEO,SAASc,WAAWC,KAAgB;IACvC,MAAM,EAAEC,QAAQ,EAAER,MAAM,EAAEJ,IAAI,EAAE,GAAGW;IAEnC,MAAME,eAAeC;IACrB,MAAMC,iBAAiBD,OAAO;IAE9BE,UACI;QACI,IAAID,eAAe,OAAO,IAAIF,aAAa,OAAO,EAAE,aAAaD,UAAU;YACvEG,eAAe,OAAO,GAAG;YACzB,IAAIH,UACAL,iBAAiBI;iBAEjBR,eAAeQ;QAEvB;QAEA,IAAI,CAACC,YAAY,AAAgB,YAAhB,OAAOZ,MACpBH,OAAO,MAAM,CAACD,MAAM,QAAQ,CAACQ,OAAO,EAAEJ;QAE1Ca,aAAa,OAAO,GAAG;YAAE,GAAGF,KAAK;QAAC;IACtC,GACA;QAACX;KAAK;IAGVgB,UAAU;QACN,OAAO;YACH,IAAI,CAACJ,UACDL,iBAAiBI;QAEzB;IACJ,GAAG,EAAE;AACT"}

package/hooks/useOpenDrawer.d.ts

@@ -0,0 +1,7 @@
+import type { z } from "zod";
+export declare function useOpenDrawer<T extends z.ZodTypeAny>(schema: T): {
+    openDrawer: (name: string, params: z.infer<T>) => void;
+};
+export declare function useOpenDrawer(): {
+    openDrawer: (name: string, params?: Record<string, unknown>) => void;
+};

package/hooks/useOpenDrawer.js

@@ -0,0 +1,18 @@
+import { useCallback } from "react";
+import { useDrawers } from "../components/Drawers/useDrawers.js";
+function useOpenDrawer(schema) {
+    const { openNamedDrawer } = useDrawers();
+    const openDrawer = useCallback((name, params = {})=>{
+        if (schema) schema.parse(params);
+        openNamedDrawer(name, params);
+    }, [
+        openNamedDrawer,
+        schema
+    ]);
+    return {
+        openDrawer
+    };
+}
+export { useOpenDrawer };
+
+//# sourceMappingURL=useOpenDrawer.js.map

package/hooks/useOpenDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks/useOpenDrawer.js","sources":["../../src/hooks/useOpenDrawer.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport type { z } from \"zod\";\nimport { useDrawers } from \"~/components/Drawers/useDrawers.js\";\n\nexport function useOpenDrawer<T extends z.ZodTypeAny>(\n    schema: T\n): { openDrawer: (name: string, params: z.infer<T>) => void };\nexport function useOpenDrawer(): {\n    openDrawer: (name: string, params?: Record<string, unknown>) => void;\n};\nexport function useOpenDrawer(schema?: z.ZodTypeAny) {\n    const { openNamedDrawer } = useDrawers();\n\n    const openDrawer = useCallback(\n        (name: string, params: Record<string, unknown> = {}) => {\n            if (schema) {\n                schema.parse(params);\n            }\n            openNamedDrawer(name, params);\n        },\n        [openNamedDrawer, schema]\n    );\n\n    return { openDrawer };\n}\n"],"names":["useOpenDrawer","schema","openNamedDrawer","useDrawers","openDrawer","useCallback","name","params"],"mappings":";;AAUO,SAASA,cAAcC,MAAqB;IAC/C,MAAM,EAAEC,eAAe,EAAE,GAAGC;IAE5B,MAAMC,aAAaC,YACf,CAACC,MAAcC,SAAkC,CAAC,CAAC;QAC/C,IAAIN,QACAA,OAAO,KAAK,CAACM;QAEjBL,gBAAgBI,MAAMC;IAC1B,GACA;QAACL;QAAiBD;KAAO;IAG7B,OAAO;QAAEG;IAAW;AACxB"}

package/hooks/useSnackbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks/useSnackbar.js","sources":["../../src/hooks/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\n/**\n * @deprecated Use the new `useToast` hook from `@webiny/admin-ui` instead.\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"],"names":["useSnackbar","showToast","hideAllToasts","useToast","message","options","Toast","Infinity"],"mappings":";;AAeO,MAAMA,cAAc;IACvB,MAAM,EAAEC,SAAS,EAAEC,aAAa,EAAE,GAAGC;IAErC,OAAO;QACH,cAAc,CAACC,SAASC,UAAU,CAAC,CAAC;YAChCJ,UAAU;gBACN,OAAO,WAAP,GAAO,oBAACK,MAAM,KAAK;oBAAC,MAAMF;;gBAC1B,GAAGC,OAAO;YACd;QACJ;QACA,mBAAmB,CAACD,SAASC,UAAU,CAAC,CAAC;YACrCJ,UAAU;gBACN,OAAO,WAAP,GAAO,oBAACK,MAAM,KAAK;oBAAC,MAAMF;;gBAC1B,UAAUG;gBACV,GAAGF,OAAO;YACd;QACJ;QACA,cAAc;YACVH;QACJ;IACJ;AACJ"}
+{"version":3,"file":"hooks/useSnackbar.js","sources":["../../src/hooks/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\n/**\n * @deprecated Use the new `useToast` hook from `@webiny/admin-ui` instead.\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"],"names":["useSnackbar","showToast","hideAllToasts","useToast","message","options","Toast","Infinity"],"mappings":";;AAeO,MAAMA,cAAc;IACvB,MAAM,EAAEC,SAAS,EAAEC,aAAa,EAAE,GAAGC;IAErC,OAAO;QACH,cAAc,CAACC,SAASC,UAAU,CAAC,CAAC;YAChCJ,UAAU;gBACN,OAAO,WAAP,GAAO,oBAACK,MAAM,KAAK;oBAAC,MAAMF;;gBAC1B,GAAGC,OAAO;YACd;QACJ;QACA,mBAAmB,CAACD,SAASC,UAAU,CAAC,CAAC;YACrCJ,UAAU;gBACN,OAAO,WAAP,GAAO,oBAACK,MAAM,KAAK;oBAAC,MAAMF;;gBAC1B,UAAUG,KAAQ;gBAClB,GAAGF,OAAO;YACd;QACJ;QACA,cAAc;YACVH;QACJ;IACJ;AACJ"}

package/index.d.ts

@@ -34,12 +34,28 @@ export { BuildParamsFeature } from "./features/buildParams/feature.js";
 export { ToolsFeature } from "./features/tools/feature.js";
 export { Tool, ToolRegistry, ToolPipelineRunner } from "./features/tools/abstractions.js";
 export type { ITool, IToolRegistry, IToolPipelineRunner } from "./features/tools/abstractions.js";
+export { DateFormatter } from "./features/dateFormatter/abstractions.js";
+export type { IDateFormatter, FormattableDate } from "./features/dateFormatter/abstractions.js";
+export { DateFormatterFeature } from "./features/dateFormatter/feature.js";
+export { useDateFormatter } from "./features/dateFormatter/useDateFormatter.js";
+export { StringFormatter } from "./features/stringFormatter/abstractions.js";
+export type { IStringFormatter } from "./features/stringFormatter/abstractions.js";
+export { StringFormatterFeature } from "./features/stringFormatter/feature.js";
+export { useStringFormatter } from "./features/stringFormatter/useStringFormatter.js";
+export { Slugify } from "./features/slugify/abstractions.js";
+export type { ISlugify } from "./features/slugify/abstractions.js";
 export * from "./hooks/index.js";
-export { useWcp } from "./presentation/wcp/useWcp.js";
+export { useFeatureFlags } from "./presentation/featureFlags/useFeatureFlags.js";
 export { useTenantContext } from "./presentation/tenancy/useTenantContext.js";
 export { useIdentity } from "./presentation/security/hooks/useIdentity.js";
 export { useAuthentication } from "./presentation/security/hooks/useAuthentication.js";
 export { useBuildParams } from "./presentation/buildParams/useBuildParams.js";
+export { Command, CommandPaletteFeature, CommandPalettePresenter } from "./presentation/commandPalette/index.js";
+export type { ICommand, CommandDetailProps, CommandItemVm, ActiveCommandVm, CommandPaletteViewModel } from "./presentation/commandPalette/index.js";
+export { AiChatGateway, AiChatFeature, AiChatPresenter } from "./features/aiChat/index.js";
+export type { IAiChatGateway, AiChatMessage, AiChatToolCall, AiChatPendingApproval, AiChatDecision, AiChatRequest, AiTurnViewModel, IAiChatPresenter, IAiChatViewModel } from "./features/aiChat/index.js";
+export { Breadcrumb } from "./config/AdminConfig/Breadcrumbs.js";
+export type { BreadcrumbProps, BreadcrumbConfig, BreadcrumbLink } from "./config/AdminConfig/Breadcrumbs.js";
 export { useSecurity } from "./presentation/security/hooks/useSecurity.js";
 export * from "@webiny/app/renderApp.js";
 import "./features/formModel/renderers.js";
@@ -61,6 +77,7 @@ export { useFieldRenderers } from "./features/formModel/useFieldRenderers.js";
 export { useLayoutRenderers } from "./features/formModel/useLayoutRenderers.js";
 import "./base/Base/FieldRenderers/InputRenderer.js";
 import "./base/Base/FieldRenderers/SelectRenderer.js";
+import "./base/Base/FieldRenderers/MultiSelectRenderer.js";
 import "./base/Base/FieldRenderers/TextareaRenderer.js";
 import "./base/Base/FieldRenderers/SwitchRenderer.js";
 import "./base/Base/FieldRenderers/NumberInputRenderer.js";

package/index.js

@@ -15,6 +15,16 @@ import "./base/Base/FieldRenderers/FilePickerRenderer.js";
 import "./base/Base/FieldRenderers/PassthroughRenderer.js";
 import "./base/Base/FieldRenderers/HiddenRenderer.js";
 import "./base/Base/FieldRenderers/DateTimeInputsRenderer.js";
+import "./base/Base/FieldRenderers/DateTimeRenderer.js";
+import "./base/Base/FieldRenderers/CheckboxesRenderer.js";
+import "./base/Base/FieldRenderers/RadioButtonsRenderer.js";
+import "./base/Base/FieldRenderers/TagsRenderer.js";
+import "./base/Base/FieldRenderers/TextareasRenderer.js";
+import "./base/Base/FieldRenderers/TextInputsRenderer.js";
+import "./base/Base/FieldRenderers/NumberInputsRenderer.js";
+import "./base/Base/FieldRenderers/NumberInputRenderer.js";
+import "./base/Base/FieldRenderers/SwitchRenderer.js";
+import "./base/Base/FieldRenderers/TextareaRenderer.js";
 import "./features/formModel/renderers.js";
 import "./features/formModel/fieldTypes/TextFieldType.js";
 import "./features/formModel/fieldTypes/NumberFieldType.js";
@@ -24,18 +34,9 @@ import "./features/formModel/fieldTypes/FileFieldType.js";
 import "./features/formModel/fieldTypes/FileUrlFieldType.js";
 import "./features/formModel/fieldTypes/ObjectFieldType.js";
 import "./features/formModel/fieldTypes/LexicalFieldType.js";
-import "./base/Base/FieldRenderers/DateTimeRenderer.js";
-import "./base/Base/FieldRenderers/CheckboxesRenderer.js";
-import "./base/Base/FieldRenderers/RadioButtonsRenderer.js";
-import "./base/Base/FieldRenderers/TagsRenderer.js";
-import "./base/Base/FieldRenderers/TextareasRenderer.js";
-import "./base/Base/FieldRenderers/TextInputsRenderer.js";
-import "./base/Base/FieldRenderers/InputRenderer.js";
+import "./base/Base/FieldRenderers/MultiSelectRenderer.js";
 import "./base/Base/FieldRenderers/SelectRenderer.js";
-import "./base/Base/FieldRenderers/TextareaRenderer.js";
-import "./base/Base/FieldRenderers/SwitchRenderer.js";
-import "./base/Base/FieldRenderers/NumberInputRenderer.js";
-import "./base/Base/FieldRenderers/NumberInputsRenderer.js";
+import "./base/Base/FieldRenderers/InputRenderer.js";
 export * from "@webiny/app";
 export * from "./base/ui/Tags.js";
 export * from "./base/ui/Layout.js";
@@ -64,11 +65,21 @@ export { SystemInstallerProvider } from "./presentation/installation/components/
 export { BuildParamsFeature } from "./features/buildParams/feature.js";
 export { ToolsFeature } from "./features/tools/feature.js";
 export { Tool, ToolPipelineRunner, ToolRegistry } from "./features/tools/abstractions.js";
-export { useWcp } from "./presentation/wcp/useWcp.js";
+export { DateFormatter } from "./features/dateFormatter/abstractions.js";
+export { DateFormatterFeature } from "./features/dateFormatter/feature.js";
+export { useDateFormatter } from "./features/dateFormatter/useDateFormatter.js";
+export { StringFormatter } from "./features/stringFormatter/abstractions.js";
+export { StringFormatterFeature } from "./features/stringFormatter/feature.js";
+export { useStringFormatter } from "./features/stringFormatter/useStringFormatter.js";
+export { Slugify } from "./features/slugify/abstractions.js";
+export { useFeatureFlags } from "./presentation/featureFlags/useFeatureFlags.js";
 export { useTenantContext } from "./presentation/tenancy/useTenantContext.js";
 export { useIdentity } from "./presentation/security/hooks/useIdentity.js";
 export { useAuthentication } from "./presentation/security/hooks/useAuthentication.js";
 export { useBuildParams } from "./presentation/buildParams/useBuildParams.js";
+export { Command, CommandPaletteFeature, CommandPalettePresenter } from "./presentation/commandPalette/index.js";
+export { AiChatFeature, AiChatGateway, AiChatPresenter } from "./features/aiChat/index.js";
+export { Breadcrumb } from "./config/AdminConfig/Breadcrumbs.js";
 export { useSecurity } from "./presentation/security/hooks/useSecurity.js";
 export { FormModelFactory } from "./features/formModel/abstractions.js";
 export { FormView, LayoutNodeRenderer, useFormViewRenderers } from "./features/formModel/FormView.js";

package/modules/AccessManagementExtension.js

@@ -4,7 +4,7 @@ import { RegisterFeature } from "../components/RegisterFeature.js";
 import { AdminConfig } from "../config/AdminConfig.js";
 import { AdminLayout } from "../components/AdminLayout.js";
 import { HasPermission } from "../presentation/security/components/HasPermission.js";
-import { Wcp } from "../components/Wcp.js";
+import { useFeatureFlags } from "../presentation/featureFlags/useFeatureFlags.js";
 import { Permission } from "../features/accessManagement/constants.js";
 import { SecurityPermissionsFeature } from "../features/accessManagement/permissions/feature.js";
 import { ListRolesFeature } from "../features/accessManagement/roles/listRoles/feature.js";
@@ -34,6 +34,41 @@ import { TeamsPresenterFeature } from "../presentation/accessManagement/teams/fe
 import { RolesAutocompletePresenterFeature } from "../presentation/accessManagement/roles/rolesAutocomplete/feature.js";
 import { TeamsAutocompletePresenterFeature } from "../presentation/accessManagement/teams/teamsAutocomplete/feature.js";
 const { Menu: Menu, Route: Route } = AdminConfig;
+const AccessManagementBreadcrumbsRoot = ()=>/*#__PURE__*/ react.createElement(AdminConfig.Breadcrumb, {
+        name: "access-management",
+        label: "Access Management"
+    });
+const TeamsRoute = ()=>{
+    const featureFlags = useFeatureFlags();
+    if (!featureFlags.isEnabled("advancedAccessControlLayer.teams")) return null;
+    return /*#__PURE__*/ react.createElement(HasPermission, {
+        name: Permission.Teams
+    }, /*#__PURE__*/ react.createElement(Route, {
+        route: Routes.Teams.List,
+        element: /*#__PURE__*/ react.createElement(AdminLayout, {
+            title: "Access Management - Teams"
+        }, /*#__PURE__*/ react.createElement(AccessManagementBreadcrumbsRoot, null), /*#__PURE__*/ react.createElement(AdminConfig.Breadcrumb, {
+            name: "teams",
+            label: "Teams"
+        }), /*#__PURE__*/ react.createElement(TeamsView, null))
+    }));
+};
+const TeamsMenuItem = ()=>{
+    const featureFlags = useFeatureFlags();
+    const router = useRouter();
+    if (!featureFlags.isEnabled("advancedAccessControlLayer.teams")) return null;
+    return /*#__PURE__*/ react.createElement(HasPermission, {
+        name: Permission.Teams
+    }, /*#__PURE__*/ react.createElement(Menu, {
+        name: "security.teams",
+        parent: "settings.security",
+        element: /*#__PURE__*/ react.createElement(Menu.Link, {
+            text: "Teams",
+            to: router.getLink(Routes.Teams.List),
+            pinnable: true
+        })
+    }));
+};
 const AccessManagementExtension = ()=>{
     const router = useRouter();
     return /*#__PURE__*/ react.createElement(Fragment, null, /*#__PURE__*/ react.createElement(RegisterFeature, {
@@ -86,21 +121,20 @@ const AccessManagementExtension = ()=>{
         route: Routes.Roles.List,
         element: /*#__PURE__*/ react.createElement(AdminLayout, {
             title: "Access Management - Roles"
-        }, /*#__PURE__*/ react.createElement(RolesView, null))
-    })), /*#__PURE__*/ react.createElement(Wcp.CanUseTeams, null, /*#__PURE__*/ react.createElement(HasPermission, {
-        name: Permission.Teams
-    }, /*#__PURE__*/ react.createElement(Route, {
-        route: Routes.Teams.List,
-        element: /*#__PURE__*/ react.createElement(AdminLayout, {
-            title: "Access Management - Teams"
-        }, /*#__PURE__*/ react.createElement(TeamsView, null))
-    }))), /*#__PURE__*/ react.createElement(HasPermission, {
+        }, /*#__PURE__*/ react.createElement(AccessManagementBreadcrumbsRoot, null), /*#__PURE__*/ react.createElement(AdminConfig.Breadcrumb, {
+            name: "roles",
+            label: "Roles"
+        }), /*#__PURE__*/ react.createElement(RolesView, null))
+    })), /*#__PURE__*/ react.createElement(TeamsRoute, null), /*#__PURE__*/ react.createElement(HasPermission, {
         name: Permission.ApiKeys
     }, /*#__PURE__*/ react.createElement(Route, {
         route: Routes.ApiKeys.List,
         element: /*#__PURE__*/ react.createElement(AdminLayout, {
             title: "Access Management - API Keys"
-        }, /*#__PURE__*/ react.createElement(ApiKeysView, null))
+        }, /*#__PURE__*/ react.createElement(AccessManagementBreadcrumbsRoot, null), /*#__PURE__*/ react.createElement(AdminConfig.Breadcrumb, {
+            name: "api-keys",
+            label: "API Keys"
+        }), /*#__PURE__*/ react.createElement(ApiKeysView, null))
     })), /*#__PURE__*/ react.createElement(HasPermission, {
         any: [
             Permission.Roles,
@@ -124,17 +158,7 @@ const AccessManagementExtension = ()=>{
             to: router.getLink(Routes.Roles.List),
             pinnable: true
         })
-    })), /*#__PURE__*/ react.createElement(Wcp.CanUseTeams, null, /*#__PURE__*/ react.createElement(HasPermission, {
-        name: Permission.Teams
-    }, /*#__PURE__*/ react.createElement(Menu, {
-        name: "security.teams",
-        parent: "settings.security",
-        element: /*#__PURE__*/ react.createElement(Menu.Link, {
-            text: "Teams",
-            to: router.getLink(Routes.Teams.List),
-            pinnable: true
-        })
-    }))), /*#__PURE__*/ react.createElement(HasPermission, {
+    })), /*#__PURE__*/ react.createElement(TeamsMenuItem, null), /*#__PURE__*/ react.createElement(HasPermission, {
         name: Permission.ApiKeys
     }, /*#__PURE__*/ react.createElement(Menu, {
         name: "security.apiKeys",

package/modules/AccessManagementExtension.js.map

@@ -1 +1 @@
-{"version":3,"file":"modules/AccessManagementExtension.js","sources":["../../src/modules/AccessManagementExtension.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport { useRouter } from \"@webiny/app\";\nimport { RegisterFeature } from \"~/components/RegisterFeature.js\";\nimport { AdminConfig } from \"~/config/AdminConfig.js\";\nimport { AdminLayout } from \"~/components/AdminLayout.js\";\nimport { HasPermission } from \"~/presentation/security/components/HasPermission.js\";\nimport { Wcp } from \"~/components/Wcp.js\";\nimport { Permission } from \"~/features/accessManagement/constants.js\";\nimport { SecurityPermissionsFeature } from \"~/features/accessManagement/permissions/feature.js\";\nimport { ListRolesFeature } from \"~/features/accessManagement/roles/listRoles/feature.js\";\nimport { GetRoleFeature } from \"~/features/accessManagement/roles/getRole/feature.js\";\nimport { CreateRoleFeature } from \"~/features/accessManagement/roles/createRole/feature.js\";\nimport { UpdateRoleFeature } from \"~/features/accessManagement/roles/updateRole/feature.js\";\nimport { DeleteRoleFeature } from \"~/features/accessManagement/roles/deleteRole/feature.js\";\nimport { ListTeamsFeature } from \"~/features/accessManagement/teams/listTeams/feature.js\";\nimport { GetTeamFeature } from \"~/features/accessManagement/teams/getTeam/feature.js\";\nimport { CreateTeamFeature } from \"~/features/accessManagement/teams/createTeam/feature.js\";\nimport { UpdateTeamFeature } from \"~/features/accessManagement/teams/updateTeam/feature.js\";\nimport { DeleteTeamFeature } from \"~/features/accessManagement/teams/deleteTeam/feature.js\";\nimport { ListApiKeysFeature } from \"~/features/accessManagement/apiKeys/listApiKeys/feature.js\";\nimport { GetApiKeyFeature } from \"~/features/accessManagement/apiKeys/getApiKey/feature.js\";\nimport { CreateApiKeyFeature } from \"~/features/accessManagement/apiKeys/createApiKey/feature.js\";\nimport { UpdateApiKeyFeature } from \"~/features/accessManagement/apiKeys/updateApiKey/feature.js\";\nimport { DeleteApiKeyFeature } from \"~/features/accessManagement/apiKeys/deleteApiKey/feature.js\";\nimport { ListPresenterFeature } from \"~/presentation/listPresenter/feature.js\";\nimport { RolesPresenterFeature } from \"~/presentation/accessManagement/roles/feature.js\";\nimport { SecurityPermissions } from \"~/presentation/accessManagement/SecurityPermissions.js\";\nimport { Routes } from \"~/presentation/accessManagement/routes.js\";\nimport { RolesView } from \"~/presentation/accessManagement/roles/components/RolesView.js\";\nimport { TeamsView } from \"~/presentation/accessManagement/teams/components/TeamsView.js\";\nimport { ApiKeysView } from \"~/presentation/accessManagement/apiKeys/components/ApiKeysView.js\";\nimport { ApiKeysPresenterFeature } from \"~/presentation/accessManagement/apiKeys/feature.js\";\nimport { TeamsPresenterFeature } from \"~/presentation/accessManagement/teams/feature.js\";\nimport { RolesAutocompletePresenterFeature } from \"~/presentation/accessManagement/roles/rolesAutocomplete/feature.js\";\nimport { TeamsAutocompletePresenterFeature } from \"~/presentation/accessManagement/teams/teamsAutocomplete/feature.js\";\n\nconst { Menu, Route } = AdminConfig;\n\nexport const AccessManagementExtension = () => {\n    const router = useRouter();\n\n    return (\n        <Fragment>\n            <RegisterFeature feature={SecurityPermissionsFeature} />\n            <RegisterFeature feature={ListPresenterFeature} />\n            <RegisterFeature feature={ListRolesFeature} />\n            <RegisterFeature feature={GetRoleFeature} />\n            <RegisterFeature feature={CreateRoleFeature} />\n            <RegisterFeature feature={UpdateRoleFeature} />\n            <RegisterFeature feature={DeleteRoleFeature} />\n            <RegisterFeature feature={RolesPresenterFeature} />\n            <RegisterFeature feature={RolesAutocompletePresenterFeature} />\n            <RegisterFeature feature={ListTeamsFeature} />\n            <RegisterFeature feature={GetTeamFeature} />\n            <RegisterFeature feature={CreateTeamFeature} />\n            <RegisterFeature feature={UpdateTeamFeature} />\n            <RegisterFeature feature={DeleteTeamFeature} />\n            <RegisterFeature feature={TeamsPresenterFeature} />\n            <RegisterFeature feature={TeamsAutocompletePresenterFeature} />\n            <RegisterFeature feature={ListApiKeysFeature} />\n            <RegisterFeature feature={GetApiKeyFeature} />\n            <RegisterFeature feature={CreateApiKeyFeature} />\n            <RegisterFeature feature={UpdateApiKeyFeature} />\n            <RegisterFeature feature={DeleteApiKeyFeature} />\n            <RegisterFeature feature={ApiKeysPresenterFeature} />\n            <SecurityPermissions />\n            <AdminConfig>\n                <HasPermission name={Permission.Roles}>\n                    <Route\n                        route={Routes.Roles.List}\n                        element={\n                            <AdminLayout title={\"Access Management - Roles\"}>\n                                <RolesView />\n                            </AdminLayout>\n                        }\n                    />\n                </HasPermission>\n                <Wcp.CanUseTeams>\n                    <HasPermission name={Permission.Teams}>\n                        <Route\n                            route={Routes.Teams.List}\n                            element={\n                                <AdminLayout title={\"Access Management - Teams\"}>\n                                    <TeamsView />\n                                </AdminLayout>\n                            }\n                        />\n                    </HasPermission>\n                </Wcp.CanUseTeams>\n                <HasPermission name={Permission.ApiKeys}>\n                    <Route\n                        route={Routes.ApiKeys.List}\n                        element={\n                            <AdminLayout title={\"Access Management - API Keys\"}>\n                                <ApiKeysView />\n                            </AdminLayout>\n                        }\n                    />\n                </HasPermission>\n\n                <HasPermission any={[Permission.Roles, Permission.ApiKeys, Permission.Teams]}>\n                    <Menu\n                        name={\"settings.security\"}\n                        parent={\"settings\"}\n                        element={<Menu.Group text={\"Access Management\"} collapsible={false} />}\n                    />\n                </HasPermission>\n                <HasPermission name={Permission.Roles}>\n                    <Menu\n                        name={\"security.roles\"}\n                        parent={\"settings.security\"}\n                        element={\n                            <Menu.Link\n                                text={\"Roles\"}\n                                to={router.getLink(Routes.Roles.List)}\n                                pinnable={true}\n                            />\n                        }\n                    />\n                </HasPermission>\n                <Wcp.CanUseTeams>\n                    <HasPermission name={Permission.Teams}>\n                        <Menu\n                            name={\"security.teams\"}\n                            parent={\"settings.security\"}\n                            element={\n                                <Menu.Link\n                                    text={\"Teams\"}\n                                    to={router.getLink(Routes.Teams.List)}\n                                    pinnable={true}\n                                />\n                            }\n                        />\n                    </HasPermission>\n                </Wcp.CanUseTeams>\n                <HasPermission name={Permission.ApiKeys}>\n                    <Menu\n                        name={\"security.apiKeys\"}\n                        parent={\"settings.security\"}\n                        element={\n                            <Menu.Link\n                                text={\"API Keys\"}\n                                to={router.getLink(Routes.ApiKeys.List)}\n                                pinnable={true}\n                            />\n                        }\n                    />\n                </HasPermission>\n            </AdminConfig>\n        </Fragment>\n    );\n};\n"],"names":["Menu","Route","AdminConfig","AccessManagementExtension","router","useRouter","Fragment","RegisterFeature","SecurityPermissionsFeature","ListPresenterFeature","ListRolesFeature","GetRoleFeature","CreateRoleFeature","UpdateRoleFeature","DeleteRoleFeature","RolesPresenterFeature","RolesAutocompletePresenterFeature","ListTeamsFeature","GetTeamFeature","CreateTeamFeature","UpdateTeamFeature","DeleteTeamFeature","TeamsPresenterFeature","TeamsAutocompletePresenterFeature","ListApiKeysFeature","GetApiKeyFeature","CreateApiKeyFeature","UpdateApiKeyFeature","DeleteApiKeyFeature","ApiKeysPresenterFeature","SecurityPermissions","HasPermission","Permission","Routes","AdminLayout","RolesView","Wcp","TeamsView","ApiKeysView"],"mappings":"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"}
+{"version":3,"file":"modules/AccessManagementExtension.js","sources":["../../src/modules/AccessManagementExtension.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport { useRouter } from \"@webiny/app\";\nimport { RegisterFeature } from \"~/components/RegisterFeature.js\";\nimport { AdminConfig } from \"~/config/AdminConfig.js\";\nimport { AdminLayout } from \"~/components/AdminLayout.js\";\nimport { HasPermission } from \"~/presentation/security/components/HasPermission.js\";\nimport { useFeatureFlags } from \"~/presentation/featureFlags/useFeatureFlags.js\";\nimport { Permission } from \"~/features/accessManagement/constants.js\";\nimport { SecurityPermissionsFeature } from \"~/features/accessManagement/permissions/feature.js\";\nimport { ListRolesFeature } from \"~/features/accessManagement/roles/listRoles/feature.js\";\nimport { GetRoleFeature } from \"~/features/accessManagement/roles/getRole/feature.js\";\nimport { CreateRoleFeature } from \"~/features/accessManagement/roles/createRole/feature.js\";\nimport { UpdateRoleFeature } from \"~/features/accessManagement/roles/updateRole/feature.js\";\nimport { DeleteRoleFeature } from \"~/features/accessManagement/roles/deleteRole/feature.js\";\nimport { ListTeamsFeature } from \"~/features/accessManagement/teams/listTeams/feature.js\";\nimport { GetTeamFeature } from \"~/features/accessManagement/teams/getTeam/feature.js\";\nimport { CreateTeamFeature } from \"~/features/accessManagement/teams/createTeam/feature.js\";\nimport { UpdateTeamFeature } from \"~/features/accessManagement/teams/updateTeam/feature.js\";\nimport { DeleteTeamFeature } from \"~/features/accessManagement/teams/deleteTeam/feature.js\";\nimport { ListApiKeysFeature } from \"~/features/accessManagement/apiKeys/listApiKeys/feature.js\";\nimport { GetApiKeyFeature } from \"~/features/accessManagement/apiKeys/getApiKey/feature.js\";\nimport { CreateApiKeyFeature } from \"~/features/accessManagement/apiKeys/createApiKey/feature.js\";\nimport { UpdateApiKeyFeature } from \"~/features/accessManagement/apiKeys/updateApiKey/feature.js\";\nimport { DeleteApiKeyFeature } from \"~/features/accessManagement/apiKeys/deleteApiKey/feature.js\";\nimport { ListPresenterFeature } from \"~/presentation/listPresenter/feature.js\";\nimport { RolesPresenterFeature } from \"~/presentation/accessManagement/roles/feature.js\";\nimport { SecurityPermissions } from \"~/presentation/accessManagement/SecurityPermissions.js\";\nimport { Routes } from \"~/presentation/accessManagement/routes.js\";\nimport { RolesView } from \"~/presentation/accessManagement/roles/components/RolesView.js\";\nimport { TeamsView } from \"~/presentation/accessManagement/teams/components/TeamsView.js\";\nimport { ApiKeysView } from \"~/presentation/accessManagement/apiKeys/components/ApiKeysView.js\";\nimport { ApiKeysPresenterFeature } from \"~/presentation/accessManagement/apiKeys/feature.js\";\nimport { TeamsPresenterFeature } from \"~/presentation/accessManagement/teams/feature.js\";\nimport { RolesAutocompletePresenterFeature } from \"~/presentation/accessManagement/roles/rolesAutocomplete/feature.js\";\nimport { TeamsAutocompletePresenterFeature } from \"~/presentation/accessManagement/teams/teamsAutocomplete/feature.js\";\n\nconst { Menu, Route } = AdminConfig;\n\n// Shared leading breadcrumb for all access-management routes.\nconst AccessManagementBreadcrumbsRoot = () => (\n    <AdminConfig.Breadcrumb name={\"access-management\"} label={\"Access Management\"} />\n);\n\nconst TeamsRoute = () => {\n    const featureFlags = useFeatureFlags();\n    if (!featureFlags.isEnabled(\"advancedAccessControlLayer.teams\")) {\n        return null;\n    }\n    return (\n        <HasPermission name={Permission.Teams}>\n            <Route\n                route={Routes.Teams.List}\n                element={\n                    <AdminLayout title={\"Access Management - Teams\"}>\n                        <AccessManagementBreadcrumbsRoot />\n                        <AdminConfig.Breadcrumb name={\"teams\"} label={\"Teams\"} />\n                        <TeamsView />\n                    </AdminLayout>\n                }\n            />\n        </HasPermission>\n    );\n};\n\nconst TeamsMenuItem = () => {\n    const featureFlags = useFeatureFlags();\n    const router = useRouter();\n    if (!featureFlags.isEnabled(\"advancedAccessControlLayer.teams\")) {\n        return null;\n    }\n    return (\n        <HasPermission name={Permission.Teams}>\n            <Menu\n                name={\"security.teams\"}\n                parent={\"settings.security\"}\n                element={\n                    <Menu.Link\n                        text={\"Teams\"}\n                        to={router.getLink(Routes.Teams.List)}\n                        pinnable={true}\n                    />\n                }\n            />\n        </HasPermission>\n    );\n};\n\nexport const AccessManagementExtension = () => {\n    const router = useRouter();\n\n    return (\n        <Fragment>\n            <RegisterFeature feature={SecurityPermissionsFeature} />\n            <RegisterFeature feature={ListPresenterFeature} />\n            <RegisterFeature feature={ListRolesFeature} />\n            <RegisterFeature feature={GetRoleFeature} />\n            <RegisterFeature feature={CreateRoleFeature} />\n            <RegisterFeature feature={UpdateRoleFeature} />\n            <RegisterFeature feature={DeleteRoleFeature} />\n            <RegisterFeature feature={RolesPresenterFeature} />\n            <RegisterFeature feature={RolesAutocompletePresenterFeature} />\n            <RegisterFeature feature={ListTeamsFeature} />\n            <RegisterFeature feature={GetTeamFeature} />\n            <RegisterFeature feature={CreateTeamFeature} />\n            <RegisterFeature feature={UpdateTeamFeature} />\n            <RegisterFeature feature={DeleteTeamFeature} />\n            <RegisterFeature feature={TeamsPresenterFeature} />\n            <RegisterFeature feature={TeamsAutocompletePresenterFeature} />\n            <RegisterFeature feature={ListApiKeysFeature} />\n            <RegisterFeature feature={GetApiKeyFeature} />\n            <RegisterFeature feature={CreateApiKeyFeature} />\n            <RegisterFeature feature={UpdateApiKeyFeature} />\n            <RegisterFeature feature={DeleteApiKeyFeature} />\n            <RegisterFeature feature={ApiKeysPresenterFeature} />\n            <SecurityPermissions />\n            <AdminConfig>\n                <HasPermission name={Permission.Roles}>\n                    <Route\n                        route={Routes.Roles.List}\n                        element={\n                            <AdminLayout title={\"Access Management - Roles\"}>\n                                <AccessManagementBreadcrumbsRoot />\n                                <AdminConfig.Breadcrumb name={\"roles\"} label={\"Roles\"} />\n                                <RolesView />\n                            </AdminLayout>\n                        }\n                    />\n                </HasPermission>\n                <TeamsRoute />\n                <HasPermission name={Permission.ApiKeys}>\n                    <Route\n                        route={Routes.ApiKeys.List}\n                        element={\n                            <AdminLayout title={\"Access Management - API Keys\"}>\n                                <AccessManagementBreadcrumbsRoot />\n                                <AdminConfig.Breadcrumb name={\"api-keys\"} label={\"API Keys\"} />\n                                <ApiKeysView />\n                            </AdminLayout>\n                        }\n                    />\n                </HasPermission>\n\n                <HasPermission any={[Permission.Roles, Permission.ApiKeys, Permission.Teams]}>\n                    <Menu\n                        name={\"settings.security\"}\n                        parent={\"settings\"}\n                        element={<Menu.Group text={\"Access Management\"} collapsible={false} />}\n                    />\n                </HasPermission>\n                <HasPermission name={Permission.Roles}>\n                    <Menu\n                        name={\"security.roles\"}\n                        parent={\"settings.security\"}\n                        element={\n                            <Menu.Link\n                                text={\"Roles\"}\n                                to={router.getLink(Routes.Roles.List)}\n                                pinnable={true}\n                            />\n                        }\n                    />\n                </HasPermission>\n                <TeamsMenuItem />\n                <HasPermission name={Permission.ApiKeys}>\n                    <Menu\n                        name={\"security.apiKeys\"}\n                        parent={\"settings.security\"}\n                        element={\n                            <Menu.Link\n                                text={\"API Keys\"}\n                                to={router.getLink(Routes.ApiKeys.List)}\n                                pinnable={true}\n                            />\n                        }\n                    />\n                </HasPermission>\n            </AdminConfig>\n        </Fragment>\n    );\n};\n"],"names":["Menu","Route","AdminConfig","AccessManagementBreadcrumbsRoot","TeamsRoute","featureFlags","useFeatureFlags","HasPermission","Permission","Routes","AdminLayout","TeamsView","TeamsMenuItem","router","useRouter","AccessManagementExtension","Fragment","RegisterFeature","SecurityPermissionsFeature","ListPresenterFeature","ListRolesFeature","GetRoleFeature","CreateRoleFeature","UpdateRoleFeature","DeleteRoleFeature","RolesPresenterFeature","RolesAutocompletePresenterFeature","ListTeamsFeature","GetTeamFeature","CreateTeamFeature","UpdateTeamFeature","DeleteTeamFeature","TeamsPresenterFeature","TeamsAutocompletePresenterFeature","ListApiKeysFeature","GetApiKeyFeature","CreateApiKeyFeature","UpdateApiKeyFeature","DeleteApiKeyFeature","ApiKeysPresenterFeature","SecurityPermissions","RolesView","ApiKeysView"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-admin",
-	"version": "6.6.0-alpha.0",
+	"version": "6.6.0-alpha.2",
 	"type": "module",
 	"exports": {
 		".": "./index.js",
@@ -14,48 +14,51 @@
 	"author": "Pavel Denisjuk",
 	"license": "MIT",
 	"dependencies": {
+		"@atlaskit/pragmatic-drag-and-drop": "3.0.0",
+		"@atlaskit/pragmatic-drag-and-drop-hitbox": "2.1.0",
 		"@emotion/css": "11.13.5",
 		"@emotion/react": "11.14.0",
 		"@emotion/styled": "11.14.1",
 		"@fortawesome/fontawesome-svg-core": "7.3.1",
 		"@fortawesome/react-fontawesome": "3.5.0",
-		"@iconify/json": "2.2.506",
-		"@lexical/utils": "0.48.0",
+		"@iconify/json": "2.2.518",
+		"@lexical/utils": "0.49.0",
 		"@types/react": "18.3.31",
-		"@webiny/admin-ui": "6.6.0-alpha.0",
-		"@webiny/app": "6.6.0-alpha.0",
-		"@webiny/di": "1.0.2",
-		"@webiny/feature": "6.6.0-alpha.0",
-		"@webiny/form": "6.6.0-alpha.0",
-		"@webiny/icons": "6.6.0-alpha.0",
-		"@webiny/lexical-converter": "6.6.0-alpha.0",
-		"@webiny/lexical-editor": "6.6.0-alpha.0",
-		"@webiny/lexical-nodes": "6.6.0-alpha.0",
-		"@webiny/lexical-theme": "6.6.0-alpha.0",
-		"@webiny/plugins": "6.6.0-alpha.0",
-		"@webiny/react-composition": "6.6.0-alpha.0",
-		"@webiny/react-properties": "6.6.0-alpha.0",
-		"@webiny/sdk": "6.6.0-alpha.0",
-		"@webiny/telemetry": "6.6.0-alpha.0",
-		"@webiny/utils": "6.6.0-alpha.0",
-		"@webiny/validation": "6.6.0-alpha.0",
-		"@webiny/wcp": "6.6.0-alpha.0",
+		"@webiny/admin-ui": "6.6.0-alpha.2",
+		"@webiny/app": "6.6.0-alpha.2",
+		"@webiny/di": "1.1.0",
+		"@webiny/feature": "6.6.0-alpha.2",
+		"@webiny/feature-flags": "6.6.0-alpha.2",
+		"@webiny/form": "6.6.0-alpha.2",
+		"@webiny/icons": "6.6.0-alpha.2",
+		"@webiny/lexical-converter": "6.6.0-alpha.2",
+		"@webiny/lexical-editor": "6.6.0-alpha.2",
+		"@webiny/lexical-nodes": "6.6.0-alpha.2",
+		"@webiny/lexical-theme": "6.6.0-alpha.2",
+		"@webiny/plugins": "6.6.0-alpha.2",
+		"@webiny/react-composition": "6.6.0-alpha.2",
+		"@webiny/react-properties": "6.6.0-alpha.2",
+		"@webiny/sdk": "6.6.0-alpha.2",
+		"@webiny/telemetry": "6.6.0-alpha.2",
+		"@webiny/utils": "6.6.0-alpha.2",
+		"@webiny/validation": "6.6.0-alpha.2",
+		"@webiny/wcp": "6.6.0-alpha.2",
 		"bytes": "3.1.2",
 		"classnames": "2.5.1",
 		"graphql": "16.14.2",
 		"history": "5.3.0",
 		"is-hotkey": "0.2.0",
-		"lexical": "0.48.0",
+		"lexical": "0.49.0",
 		"lodash": "4.18.1",
-		"markdown-to-jsx": "9.9.0",
+		"markdown-to-jsx": "9.10.2",
 		"mime": "4.1.0",
 		"minimatch": "10.2.6",
-		"mobx": "6.16.1",
-		"mobx-react-lite": "4.1.1",
+		"mobx": "7.0.3",
+		"mobx-react-lite": "5.0.3",
 		"monaco-editor": "0.53.0",
 		"react": "18.3.1",
 		"react-dom": "18.3.1",
-		"react-resizable-panels": "4.12.2",
+		"react-resizable-panels": "4.12.3",
 		"react-transition-group": "4.4.5",
 		"react-virtualized": "9.22.6",
 		"reset-css": "5.0.2",
@@ -73,10 +76,10 @@
 		"@types/react-transition-group": "4.4.12",
 		"@types/store": "2.0.5",
 		"@types/tinycolor2": "1.4.6",
-		"@webiny/build-tools": "6.6.0-alpha.0",
+		"@webiny/build-tools": "6.6.0-alpha.2",
 		"rimraf": "6.1.3",
 		"typescript": "7.0.2",
-		"vitest": "4.1.10"
+		"vitest": "4.1.11"
 	},
 	"publishConfig": {
 		"access": "public"

package/presentation/accessManagement/SecurityPermissions.js

@@ -1,11 +1,11 @@
 import react, { useMemo } from "react";
 import { AdminConfig } from "../../config/AdminConfig.js";
-import { useWcp } from "../wcp/useWcp.js";
+import { useFeatureFlags } from "../featureFlags/useFeatureFlags.js";
 import { ReactComponent } from "@webiny/icons/security.svg";
 const { Security: Security } = AdminConfig;
 const SecurityPermissions = ()=>{
-    const wcp = useWcp();
-    const teams = wcp.canUseTeams();
+    const featureFlags = useFeatureFlags();
+    const teams = featureFlags.isEnabled("advancedAccessControlLayer.teams");
     const schema = useMemo(()=>{
         const entities = [
             {

package/presentation/accessManagement/SecurityPermissions.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/accessManagement/SecurityPermissions.js","sources":["../../../src/presentation/accessManagement/SecurityPermissions.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { AdminConfig } from \"~/config/AdminConfig.js\";\nimport { useWcp } from \"~/presentation/wcp/useWcp.js\";\nimport type { EntityDefinition } from \"~/permissions/types.js\";\nimport { ReactComponent as PermissionsIcon } from \"@webiny/icons/security.svg\";\n\nconst { Security } = AdminConfig;\n\nexport const SecurityPermissions = () => {\n    const wcp = useWcp();\n    const teams = wcp.canUseTeams();\n\n    const schema = useMemo(() => {\n        const entities: EntityDefinition[] = [\n            {\n                id: \"apiKey\",\n                title: \"API Keys\",\n                permission: \"security.apiKey\",\n                scopes: [\"full\"]\n            },\n            {\n                id: \"group\",\n                title: \"Roles\",\n                permission: \"security.group\",\n                scopes: [\"full\"]\n            }\n        ];\n\n        if (teams) {\n            entities.push({\n                id: \"team\",\n                title: \"Teams\",\n                permission: \"security.team\",\n                scopes: [\"full\"]\n            });\n        }\n\n        return {\n            prefix: \"security\",\n            fullAccess: true,\n            entities\n        };\n    }, [teams]);\n\n    return (\n        <AdminConfig>\n            <Security.Permissions\n                name=\"security\"\n                title=\"Security\"\n                description=\"Manage Security permissions.\"\n                icon={<PermissionsIcon />}\n                schema={schema}\n            />\n        </AdminConfig>\n    );\n};\n"],"names":["Security","AdminConfig","SecurityPermissions","wcp","useWcp","teams","schema","useMemo","entities","PermissionsIcon"],"mappings":";;;;AAMA,MAAM,EAAEA,UAAAA,QAAQ,EAAE,GAAGC;AAEd,MAAMC,sBAAsB;IAC/B,MAAMC,MAAMC;IACZ,MAAMC,QAAQF,IAAI,WAAW;IAE7B,MAAMG,SAASC,QAAQ;QACnB,MAAMC,WAA+B;YACjC;gBACI,IAAI;gBACJ,OAAO;gBACP,YAAY;gBACZ,QAAQ;oBAAC;iBAAO;YACpB;YACA;gBACI,IAAI;gBACJ,OAAO;gBACP,YAAY;gBACZ,QAAQ;oBAAC;iBAAO;YACpB;SACH;QAED,IAAIH,OACAG,SAAS,IAAI,CAAC;YACV,IAAI;YACJ,OAAO;YACP,YAAY;YACZ,QAAQ;gBAAC;aAAO;QACpB;QAGJ,OAAO;YACH,QAAQ;YACR,YAAY;YACZA;QACJ;IACJ,GAAG;QAACH;KAAM;IAEV,OAAO,WAAP,GACI,oBAACJ,aAAWA,MAAAA,WAAAA,GACR,oBAACD,SAAS,WAAW;QACjB,MAAK;QACL,OAAM;QACN,aAAY;QACZ,oBAAM,oBAACS,gBAAeA;QACtB,QAAQH;;AAIxB"}
+{"version":3,"file":"presentation/accessManagement/SecurityPermissions.js","sources":["../../../src/presentation/accessManagement/SecurityPermissions.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { AdminConfig } from \"~/config/AdminConfig.js\";\nimport { useFeatureFlags } from \"~/presentation/featureFlags/useFeatureFlags.js\";\nimport type { EntityDefinition } from \"~/permissions/types.js\";\nimport { ReactComponent as PermissionsIcon } from \"@webiny/icons/security.svg\";\n\nconst { Security } = AdminConfig;\n\nexport const SecurityPermissions = () => {\n    const featureFlags = useFeatureFlags();\n    const teams = featureFlags.isEnabled(\"advancedAccessControlLayer.teams\");\n\n    const schema = useMemo(() => {\n        const entities: EntityDefinition[] = [\n            {\n                id: \"apiKey\",\n                title: \"API Keys\",\n                permission: \"security.apiKey\",\n                scopes: [\"full\"]\n            },\n            {\n                id: \"group\",\n                title: \"Roles\",\n                permission: \"security.group\",\n                scopes: [\"full\"]\n            }\n        ];\n\n        if (teams) {\n            entities.push({\n                id: \"team\",\n                title: \"Teams\",\n                permission: \"security.team\",\n                scopes: [\"full\"]\n            });\n        }\n\n        return {\n            prefix: \"security\",\n            fullAccess: true,\n            entities\n        };\n    }, [teams]);\n\n    return (\n        <AdminConfig>\n            <Security.Permissions\n                name=\"security\"\n                title=\"Security\"\n                description=\"Manage Security permissions.\"\n                icon={<PermissionsIcon />}\n                schema={schema}\n            />\n        </AdminConfig>\n    );\n};\n"],"names":["Security","AdminConfig","SecurityPermissions","featureFlags","useFeatureFlags","teams","schema","useMemo","entities","PermissionsIcon"],"mappings":";;;;AAMA,MAAM,EAAEA,UAAAA,QAAQ,EAAE,GAAGC;AAEd,MAAMC,sBAAsB;IAC/B,MAAMC,eAAeC;IACrB,MAAMC,QAAQF,aAAa,SAAS,CAAC;IAErC,MAAMG,SAASC,QAAQ;QACnB,MAAMC,WAA+B;YACjC;gBACI,IAAI;gBACJ,OAAO;gBACP,YAAY;gBACZ,QAAQ;oBAAC;iBAAO;YACpB;YACA;gBACI,IAAI;gBACJ,OAAO;gBACP,YAAY;gBACZ,QAAQ;oBAAC;iBAAO;YACpB;SACH;QAED,IAAIH,OACAG,SAAS,IAAI,CAAC;YACV,IAAI;YACJ,OAAO;YACP,YAAY;YACZ,QAAQ;gBAAC;aAAO;QACpB;QAGJ,OAAO;YACH,QAAQ;YACR,YAAY;YACZA;QACJ;IACJ,GAAG;QAACH;KAAM;IAEV,OAAO,WAAP,GACI,oBAACJ,aAAWA,MAAAA,WAAAA,GACR,oBAACD,SAAS,WAAW;QACjB,MAAK;QACL,OAAM;QACN,aAAY;QACZ,oBAAM,oBAACS,gBAAeA;QACtB,QAAQH;;AAIxB"}

package/presentation/accessManagement/apiKeys/ApiKeysPresenter.d.ts

@@ -1,3 +1,4 @@
+import { StringFormatter } from "../../../features/stringFormatter/abstractions.js";
 import { ListPresenter } from "../../../presentation/listPresenter/abstractions.js";
 import { FormModelFactory } from "../../../features/formModel/abstractions.js";
 import type { ApiKey } from "../../../features/accessManagement/types.js";
@@ -16,12 +17,13 @@ declare class ApiKeysPresenterImpl implements Abstraction.Interface {
     private updateApiKeyUseCase;
     private deleteApiKeyUseCase;
     private cache;
+    private stringFormatter;
     private _selectedApiKey;
     private _loading;
     private _saving;
     private _showForm;
     private _form;
-    constructor(_listPresenter: ListPresenter.Interface<ApiKey>, formModelFactory: FormModelFactory.Interface, listApiKeysUseCase: ListApiKeysUseCase.Interface, getApiKeyUseCase: GetApiKeyUseCase.Interface, createApiKeyUseCase: CreateApiKeyUseCase.Interface, updateApiKeyUseCase: UpdateApiKeyUseCase.Interface, deleteApiKeyUseCase: DeleteApiKeyUseCase.Interface, cache: ApiKeysListCache.Interface);
+    constructor(_listPresenter: ListPresenter.Interface<ApiKey>, formModelFactory: FormModelFactory.Interface, listApiKeysUseCase: ListApiKeysUseCase.Interface, getApiKeyUseCase: GetApiKeyUseCase.Interface, createApiKeyUseCase: CreateApiKeyUseCase.Interface, updateApiKeyUseCase: UpdateApiKeyUseCase.Interface, deleteApiKeyUseCase: DeleteApiKeyUseCase.Interface, cache: ApiKeysListCache.Interface, stringFormatter: StringFormatter.Interface);
     get vm(): Abstraction.ViewModel;
     get list(): ListPresenter.Interface<ApiKey>;
     init(): void;