@webiny/app-admin 0.0.0-unstable.6f45466a1d → 0.0.0-unstable.7be00a75a9

package/components/OverlayLayout/OverlayLayout.js

@@ -1,44 +1,41 @@
-import React, { useCallback, useEffect, useState } from "react";
+import react, { useCallback, useEffect, useState } from "react";
 import noop from "lodash/noop.js";
 import { OverlayBackdrop, OverlayContent, OverlayHeader, OverlayRoot } from "./components/index.js";
 import { Portal } from "@webiny/admin-ui";
-const noScrollBodyClassNames = ["overflow-hidden", "h-screen"];
-export const OverlayLayout = ({
-  barMiddle,
-  barLeft,
-  barRight,
-  children,
-  onExited = noop,
-  variant
-}) => {
-  const [visible, setVisible] = useState(true);
-  const hideOverlay = useCallback(() => {
-    setVisible(false);
-  }, []);
-  useEffect(() => {
-    noScrollBodyClassNames.forEach(className => document.body.classList.add(className));
-    return () => {
-      noScrollBodyClassNames.forEach(className => document.body.classList.remove(className));
-    };
-  }, []);
-  return /*#__PURE__*/React.createElement(Portal, {
-    "data-role": "overlay-layout",
-    className: "absolute z-overlay"
-  }, /*#__PURE__*/React.createElement(OverlayRoot, {
-    visible: visible,
-    onExited: onExited
-  }, /*#__PURE__*/React.createElement(OverlayBackdrop, {
-    visible: visible,
-    hideOverlay: hideOverlay
-  }), /*#__PURE__*/React.createElement(OverlayContent, {
-    visible: visible
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(OverlayHeader, {
-    start: barLeft,
-    middle: barMiddle,
-    end: barRight,
-    variant: variant,
-    hideOverlay: hideOverlay
-  }), children))));
+const noScrollBodyClassNames = [
+    "overflow-hidden",
+    "h-screen"
+];
+const OverlayLayout = ({ barMiddle, barLeft, barRight, children, onExited = noop, variant })=>{
+    const [visible, setVisible] = useState(true);
+    const hideOverlay = useCallback(()=>{
+        setVisible(false);
+    }, []);
+    useEffect(()=>{
+        noScrollBodyClassNames.forEach((className)=>document.body.classList.add(className));
+        return ()=>{
+            noScrollBodyClassNames.forEach((className)=>document.body.classList.remove(className));
+        };
+    }, []);
+    return /*#__PURE__*/ react.createElement(Portal, {
+        "data-role": "overlay-layout",
+        className: "absolute z-overlay"
+    }, /*#__PURE__*/ react.createElement(OverlayRoot, {
+        visible: visible,
+        onExited: onExited
+    }, /*#__PURE__*/ react.createElement(OverlayBackdrop, {
+        visible: visible,
+        hideOverlay: hideOverlay
+    }), /*#__PURE__*/ react.createElement(OverlayContent, {
+        visible: visible
+    }, /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(OverlayHeader, {
+        start: barLeft,
+        middle: barMiddle,
+        end: barRight,
+        variant: variant,
+        hideOverlay: hideOverlay
+    }), children))));
 };
+export { OverlayLayout };
 
 //# sourceMappingURL=OverlayLayout.js.map

package/components/OverlayLayout/OverlayLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useState","noop","OverlayBackdrop","OverlayContent","OverlayHeader","OverlayRoot","Portal","noScrollBodyClassNames","OverlayLayout","barMiddle","barLeft","barRight","children","onExited","variant","visible","setVisible","hideOverlay","forEach","className","document","body","classList","add","remove","createElement","Fragment","start","middle","end"],"sources":["OverlayLayout.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport noop from \"lodash/noop.js\";\nimport type { ExitHandler } from \"react-transition-group/Transition\";\nimport type { overlayHeaderVariants } from \"./components/index.js\";\nimport { OverlayBackdrop, OverlayContent, OverlayHeader, OverlayRoot } from \"./components/index.js\";\nimport { Portal, type VariantProps } from \"@webiny/admin-ui\";\n\nconst noScrollBodyClassNames = [\"overflow-hidden\", \"h-screen\"];\n\nexport interface OverlayLayoutProps extends VariantProps<typeof overlayHeaderVariants> {\n    barMiddle?: React.ReactNode;\n    barLeft?: React.ReactNode;\n    barRight?: React.ReactNode;\n    children: React.ReactNode;\n    onExited?: ExitHandler<HTMLElement>;\n}\n\nexport const OverlayLayout: React.FC<OverlayLayoutProps> = ({\n    barMiddle,\n    barLeft,\n    barRight,\n    children,\n    onExited = noop,\n    variant\n}) => {\n    const [visible, setVisible] = useState(true);\n\n    const hideOverlay = useCallback(() => {\n        setVisible(false);\n    }, []);\n\n    useEffect(() => {\n        noScrollBodyClassNames.forEach(className => document.body.classList.add(className));\n\n        return () => {\n            noScrollBodyClassNames.forEach(className => document.body.classList.remove(className));\n        };\n    }, []);\n\n    return (\n        <Portal data-role=\"overlay-layout\" className={\"absolute z-overlay\"}>\n            <OverlayRoot visible={visible} onExited={onExited}>\n                <OverlayBackdrop visible={visible} hideOverlay={hideOverlay} />\n                <OverlayContent visible={visible}>\n                    <>\n                        <OverlayHeader\n                            start={barLeft}\n                            middle={barMiddle}\n                            end={barRight}\n                            variant={variant}\n                            hideOverlay={hideOverlay}\n                        />\n\n                        {children}\n                    </>\n                </OverlayContent>\n            </OverlayRoot>\n        </Portal>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC/D,OAAOC,IAAI,MAAM,gBAAgB;AAGjC,SAASC,eAAe,EAAEC,cAAc,EAAEC,aAAa,EAAEC,WAAW;AACpE,SAASC,MAAM,QAA2B,kBAAkB;AAE5D,MAAMC,sBAAsB,GAAG,CAAC,iBAAiB,EAAE,UAAU,CAAC;AAU9D,OAAO,MAAMC,aAA2C,GAAGA,CAAC;EACxDC,SAAS;EACTC,OAAO;EACPC,QAAQ;EACRC,QAAQ;EACRC,QAAQ,GAAGZ,IAAI;EACfa;AACJ,CAAC,KAAK;EACF,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGhB,QAAQ,CAAC,IAAI,CAAC;EAE5C,MAAMiB,WAAW,GAAGnB,WAAW,CAAC,MAAM;IAClCkB,UAAU,CAAC,KAAK,CAAC;EACrB,CAAC,EAAE,EAAE,CAAC;EAENjB,SAAS,CAAC,MAAM;IACZQ,sBAAsB,CAACW,OAAO,CAACC,SAAS,IAAIC,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACC,GAAG,CAACJ,SAAS,CAAC,CAAC;IAEnF,OAAO,MAAM;MACTZ,sBAAsB,CAACW,OAAO,CAACC,SAAS,IAAIC,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACE,MAAM,CAACL,SAAS,CAAC,CAAC;IAC1F,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,oBACItB,KAAA,CAAA4B,aAAA,CAACnB,MAAM;IAAC,aAAU,gBAAgB;IAACa,SAAS,EAAE;EAAqB,gBAC/DtB,KAAA,CAAA4B,aAAA,CAACpB,WAAW;IAACU,OAAO,EAAEA,OAAQ;IAACF,QAAQ,EAAEA;EAAS,gBAC9ChB,KAAA,CAAA4B,aAAA,CAACvB,eAAe;IAACa,OAAO,EAAEA,OAAQ;IAACE,WAAW,EAAEA;EAAY,CAAE,CAAC,eAC/DpB,KAAA,CAAA4B,aAAA,CAACtB,cAAc;IAACY,OAAO,EAAEA;EAAQ,gBAC7BlB,KAAA,CAAA4B,aAAA,CAAA5B,KAAA,CAAA6B,QAAA,qBACI7B,KAAA,CAAA4B,aAAA,CAACrB,aAAa;IACVuB,KAAK,EAAEjB,OAAQ;IACfkB,MAAM,EAAEnB,SAAU;IAClBoB,GAAG,EAAElB,QAAS;IACdG,OAAO,EAAEA,OAAQ;IACjBG,WAAW,EAAEA;EAAY,CAC5B,CAAC,EAEDL,QACH,CACU,CACP,CACT,CAAC;AAEjB,CAAC","ignoreList":[]}
+{"version":3,"file":"components/OverlayLayout/OverlayLayout.js","sources":["../../../src/components/OverlayLayout/OverlayLayout.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport noop from \"lodash/noop.js\";\nimport type { ExitHandler } from \"react-transition-group/Transition\";\nimport type { overlayHeaderVariants } from \"./components/index.js\";\nimport { OverlayBackdrop, OverlayContent, OverlayHeader, OverlayRoot } from \"./components/index.js\";\nimport { Portal, type VariantProps } from \"@webiny/admin-ui\";\n\nconst noScrollBodyClassNames = [\"overflow-hidden\", \"h-screen\"];\n\nexport interface OverlayLayoutProps extends VariantProps<typeof overlayHeaderVariants> {\n    barMiddle?: React.ReactNode;\n    barLeft?: React.ReactNode;\n    barRight?: React.ReactNode;\n    children: React.ReactNode;\n    onExited?: ExitHandler<HTMLElement>;\n}\n\nexport const OverlayLayout: React.FC<OverlayLayoutProps> = ({\n    barMiddle,\n    barLeft,\n    barRight,\n    children,\n    onExited = noop,\n    variant\n}) => {\n    const [visible, setVisible] = useState(true);\n\n    const hideOverlay = useCallback(() => {\n        setVisible(false);\n    }, []);\n\n    useEffect(() => {\n        noScrollBodyClassNames.forEach(className => document.body.classList.add(className));\n\n        return () => {\n            noScrollBodyClassNames.forEach(className => document.body.classList.remove(className));\n        };\n    }, []);\n\n    return (\n        <Portal data-role=\"overlay-layout\" className={\"absolute z-overlay\"}>\n            <OverlayRoot visible={visible} onExited={onExited}>\n                <OverlayBackdrop visible={visible} hideOverlay={hideOverlay} />\n                <OverlayContent visible={visible}>\n                    <>\n                        <OverlayHeader\n                            start={barLeft}\n                            middle={barMiddle}\n                            end={barRight}\n                            variant={variant}\n                            hideOverlay={hideOverlay}\n                        />\n\n                        {children}\n                    </>\n                </OverlayContent>\n            </OverlayRoot>\n        </Portal>\n    );\n};\n"],"names":["noScrollBodyClassNames","OverlayLayout","barMiddle","barLeft","barRight","children","onExited","noop","variant","visible","setVisible","useState","hideOverlay","useCallback","useEffect","className","document","Portal","OverlayRoot","OverlayBackdrop","OverlayContent","OverlayHeader"],"mappings":";;;;AAOA,MAAMA,yBAAyB;IAAC;IAAmB;CAAW;AAUvD,MAAMC,gBAA8C,CAAC,EACxDC,SAAS,EACTC,OAAO,EACPC,QAAQ,EACRC,QAAQ,EACRC,WAAWC,IAAI,EACfC,OAAO,EACV;IACG,MAAM,CAACC,SAASC,WAAW,GAAGC,SAAS;IAEvC,MAAMC,cAAcC,YAAY;QAC5BH,WAAW;IACf,GAAG,EAAE;IAELI,UAAU;QACNd,uBAAuB,OAAO,CAACe,CAAAA,YAAaC,SAAS,IAAI,CAAC,SAAS,CAAC,GAAG,CAACD;QAExE,OAAO;YACHf,uBAAuB,OAAO,CAACe,CAAAA,YAAaC,SAAS,IAAI,CAAC,SAAS,CAAC,MAAM,CAACD;QAC/E;IACJ,GAAG,EAAE;IAEL,OAAO,WAAP,GACI,oBAACE,QAAMA;QAAC,aAAU;QAAiB,WAAW;qBAC1C,oBAACC,aAAWA;QAAC,SAAST;QAAS,UAAUH;qBACrC,oBAACa,iBAAeA;QAAC,SAASV;QAAS,aAAaG;sBAChD,oBAACQ,gBAAcA;QAAC,SAASX;qBACrB,wDACI,oBAACY,eAAaA;QACV,OAAOlB;QACP,QAAQD;QACR,KAAKE;QACL,SAASI;QACT,aAAaI;QAGhBP;AAMzB"}

package/components/OverlayLayout/components/OverlayBackdrop.js

@@ -1,15 +1,10 @@
-import React from "react";
+import react from "react";
 import { cn } from "@webiny/admin-ui";
-const OverlayBackdrop = ({
-  hideOverlay,
-  visible
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    onClick: hideOverlay,
-    "data-state": visible ? "open" : "closed",
-    className: cn("fixed inset-0 bg-neutral-dark/50 z-overlay-backdrop", "transition ease-in-out", "data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:duration-500", "data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:duration-150")
-  });
-};
+const OverlayBackdrop = ({ hideOverlay, visible })=>/*#__PURE__*/ react.createElement("div", {
+        onClick: hideOverlay,
+        "data-state": visible ? "open" : "closed",
+        className: cn("fixed inset-0 bg-neutral-dark/50 z-overlay-backdrop", "transition ease-in-out", "data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:duration-500", "data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:duration-150")
+    });
 export { OverlayBackdrop };
 
 //# sourceMappingURL=OverlayBackdrop.js.map

package/components/OverlayLayout/components/OverlayBackdrop.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","OverlayBackdrop","hideOverlay","visible","createElement","onClick","className"],"sources":["OverlayBackdrop.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"@webiny/admin-ui\";\n\ninterface OverlayBackdropProps extends React.HTMLAttributes<HTMLDivElement> {\n    visible?: boolean;\n    hideOverlay: () => void;\n}\n\nconst OverlayBackdrop = ({ hideOverlay, visible }: OverlayBackdropProps) => {\n    return (\n        <div\n            onClick={hideOverlay}\n            data-state={visible ? \"open\" : \"closed\"}\n            className={cn(\n                \"fixed inset-0 bg-neutral-dark/50 z-overlay-backdrop\",\n                \"transition ease-in-out\",\n                \"data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:duration-500\",\n                \"data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:duration-150\"\n            )}\n        />\n    );\n};\n\nexport { OverlayBackdrop, type OverlayBackdropProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,QAAQ,kBAAkB;AAOrC,MAAMC,eAAe,GAAGA,CAAC;EAAEC,WAAW;EAAEC;AAA8B,CAAC,KAAK;EACxE,oBACIJ,KAAA,CAAAK,aAAA;IACIC,OAAO,EAAEH,WAAY;IACrB,cAAYC,OAAO,GAAG,MAAM,GAAG,QAAS;IACxCG,SAAS,EAAEN,EAAE,CACT,qDAAqD,EACrD,wBAAwB,EACxB,uFAAuF,EACvF,+FACJ;EAAE,CACL,CAAC;AAEV,CAAC;AAED,SAASC,eAAe","ignoreList":[]}
+{"version":3,"file":"components/OverlayLayout/components/OverlayBackdrop.js","sources":["../../../../src/components/OverlayLayout/components/OverlayBackdrop.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"@webiny/admin-ui\";\n\ninterface OverlayBackdropProps extends React.HTMLAttributes<HTMLDivElement> {\n    visible?: boolean;\n    hideOverlay: () => void;\n}\n\nconst OverlayBackdrop = ({ hideOverlay, visible }: OverlayBackdropProps) => {\n    return (\n        <div\n            onClick={hideOverlay}\n            data-state={visible ? \"open\" : \"closed\"}\n            className={cn(\n                \"fixed inset-0 bg-neutral-dark/50 z-overlay-backdrop\",\n                \"transition ease-in-out\",\n                \"data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:duration-500\",\n                \"data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:duration-150\"\n            )}\n        />\n    );\n};\n\nexport { OverlayBackdrop, type OverlayBackdropProps };\n"],"names":["OverlayBackdrop","hideOverlay","visible","cn"],"mappings":";;AAQA,MAAMA,kBAAkB,CAAC,EAAEC,WAAW,EAAEC,OAAO,EAAwB,GAC5D,WAAP,GACI,oBAAC;QACG,SAASD;QACT,cAAYC,UAAU,SAAS;QAC/B,WAAWC,GACP,uDACA,0BACA,yFACA"}

package/components/OverlayLayout/components/OverlayContent.js

@@ -1,21 +1,22 @@
-import React from "react";
+import react from "react";
 import { cn } from "@webiny/admin-ui";
-const OverlayContent = ({
-  visible,
-  className,
-  style,
-  children,
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement("div", Object.assign({
-    "data-state": visible ? "open" : "closed",
-    className: cn(["fixed inset-x-0 top-lg z-overlay", "w-screen", "rounded-t-lg overflow-hidden", "bg-neutral-base", "transition ease-in-out", "data-[state=open]:animate-in data-[state=open]:slide-in-from-bottom data-[state=open]:fade-in data-[state=open]:duration-500", "data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:duration-150"], className),
-    style: {
-      ...style,
-      height: "calc(100vh - 24px)"
-    }
-  }, props), children);
-};
+const OverlayContent = ({ visible, className, style, children, ...props })=>/*#__PURE__*/ react.createElement("div", {
+        "data-state": visible ? "open" : "closed",
+        className: cn([
+            "fixed inset-x-0 top-lg z-overlay",
+            "w-screen",
+            "rounded-t-lg overflow-hidden",
+            "bg-neutral-base",
+            "transition ease-in-out",
+            "data-[state=open]:animate-in data-[state=open]:slide-in-from-bottom data-[state=open]:fade-in data-[state=open]:duration-500",
+            "data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:duration-150"
+        ], className),
+        style: {
+            ...style,
+            height: "calc(100vh - 24px)"
+        },
+        ...props
+    }, children);
 export { OverlayContent };
 
 //# sourceMappingURL=OverlayContent.js.map

package/components/OverlayLayout/components/OverlayContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","OverlayContent","visible","className","style","children","props","createElement","Object","assign","height"],"sources":["OverlayContent.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"@webiny/admin-ui\";\n\ninterface OverlayContentProps extends React.HTMLAttributes<HTMLDivElement> {\n    visible?: boolean;\n}\n\nconst OverlayContent = ({ visible, className, style, children, ...props }: OverlayContentProps) => {\n    return (\n        <div\n            data-state={visible ? \"open\" : \"closed\"}\n            className={cn(\n                [\n                    \"fixed inset-x-0 top-lg z-overlay\",\n                    \"w-screen\",\n                    \"rounded-t-lg overflow-hidden\",\n                    \"bg-neutral-base\",\n                    \"transition ease-in-out\",\n                    \"data-[state=open]:animate-in data-[state=open]:slide-in-from-bottom data-[state=open]:fade-in data-[state=open]:duration-500\",\n                    \"data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:duration-150\"\n                ],\n                className\n            )}\n            style={{ ...style, height: \"calc(100vh - 24px)\" }}\n            {...props}\n        >\n            {children}\n        </div>\n    );\n};\n\nexport { OverlayContent, type OverlayContentProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,QAAQ,kBAAkB;AAMrC,MAAMC,cAAc,GAAGA,CAAC;EAAEC,OAAO;EAAEC,SAAS;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAA2B,CAAC,KAAK;EAC/F,oBACIP,KAAA,CAAAQ,aAAA,QAAAC,MAAA,CAAAC,MAAA;IACI,cAAYP,OAAO,GAAG,MAAM,GAAG,QAAS;IACxCC,SAAS,EAAEH,EAAE,CACT,CACI,kCAAkC,EAClC,UAAU,EACV,8BAA8B,EAC9B,iBAAiB,EACjB,wBAAwB,EACxB,8HAA8H,EAC9H,+FAA+F,CAClG,EACDG,SACJ,CAAE;IACFC,KAAK,EAAE;MAAE,GAAGA,KAAK;MAAEM,MAAM,EAAE;IAAqB;EAAE,GAC9CJ,KAAK,GAERD,QACA,CAAC;AAEd,CAAC;AAED,SAASJ,cAAc","ignoreList":[]}
+{"version":3,"file":"components/OverlayLayout/components/OverlayContent.js","sources":["../../../../src/components/OverlayLayout/components/OverlayContent.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"@webiny/admin-ui\";\n\ninterface OverlayContentProps extends React.HTMLAttributes<HTMLDivElement> {\n    visible?: boolean;\n}\n\nconst OverlayContent = ({ visible, className, style, children, ...props }: OverlayContentProps) => {\n    return (\n        <div\n            data-state={visible ? \"open\" : \"closed\"}\n            className={cn(\n                [\n                    \"fixed inset-x-0 top-lg z-overlay\",\n                    \"w-screen\",\n                    \"rounded-t-lg overflow-hidden\",\n                    \"bg-neutral-base\",\n                    \"transition ease-in-out\",\n                    \"data-[state=open]:animate-in data-[state=open]:slide-in-from-bottom data-[state=open]:fade-in data-[state=open]:duration-500\",\n                    \"data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:duration-150\"\n                ],\n                className\n            )}\n            style={{ ...style, height: \"calc(100vh - 24px)\" }}\n            {...props}\n        >\n            {children}\n        </div>\n    );\n};\n\nexport { OverlayContent, type OverlayContentProps };\n"],"names":["OverlayContent","visible","className","style","children","props","cn"],"mappings":";;AAOA,MAAMA,iBAAiB,CAAC,EAAEC,OAAO,EAAEC,SAAS,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGC,OAA4B,GACnF,WAAP,GACI,oBAAC;QACG,cAAYJ,UAAU,SAAS;QAC/B,WAAWK,GACP;YACI;YACA;YACA;YACA;YACA;YACA;YACA;SACH,EACDJ;QAEJ,OAAO;YAAE,GAAGC,KAAK;YAAE,QAAQ;QAAqB;QAC/C,GAAGE,KAAK;OAERD"}

package/components/OverlayLayout/components/OverlayHeader.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import { type VariantProps } from "@webiny/admin-ui";
 declare const overlayHeaderVariants: (props?: ({
     variant?: "strong" | "default" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface OverlayHeaderProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof overlayHeaderVariants> {
     start?: React.ReactNode;
     middle?: React.ReactNode;

package/components/OverlayLayout/components/OverlayHeader.js

@@ -1,43 +1,36 @@
-import React from "react";
-import { cn, cva, HeaderBar, IconButton } from "@webiny/admin-ui";
-import { ReactComponent as CloseIcon } from "@webiny/icons/close.svg";
+import react from "react";
+import { HeaderBar, IconButton, cn, cva } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/close.svg";
 const overlayHeaderVariants = cva("", {
-  variants: {
-    variant: {
-      default: "bg-neutral-base text-neutral-base",
-      strong: "bg-neutral-dark text-neutral-light"
+    variants: {
+        variant: {
+            default: "bg-neutral-base text-neutral-base",
+            strong: "bg-neutral-dark text-neutral-light"
+        }
+    },
+    defaultVariants: {
+        variant: "default"
     }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
 });
-const OverlayHeader = ({
-  start,
-  middle,
-  end,
-  hideOverlay,
-  variant,
-  className,
-  ...props
-}) => {
-  const buttonIconVariant = variant === "strong" ? "ghost-negative" : "ghost";
-  return /*#__PURE__*/React.createElement(HeaderBar, Object.assign({
-    start: /*#__PURE__*/React.createElement("div", {
-      className: "pl-md"
-    }, start),
-    middle: middle,
-    end: /*#__PURE__*/React.createElement(React.Fragment, null, end, /*#__PURE__*/React.createElement(IconButton, {
-      variant: buttonIconVariant,
-      size: "md",
-      iconSize: "lg",
-      onClick: hideOverlay,
-      icon: /*#__PURE__*/React.createElement(CloseIcon, null)
-    })),
-    className: cn(overlayHeaderVariants({
-      variant
-    }), className)
-  }, props));
+const OverlayHeader = ({ start, middle, end, hideOverlay, variant, className, ...props })=>{
+    const buttonIconVariant = "strong" === variant ? "ghost-negative" : "ghost";
+    return /*#__PURE__*/ react.createElement(HeaderBar, {
+        start: /*#__PURE__*/ react.createElement("div", {
+            className: "pl-md"
+        }, start),
+        middle: middle,
+        end: /*#__PURE__*/ react.createElement(react.Fragment, null, end, /*#__PURE__*/ react.createElement(IconButton, {
+            variant: buttonIconVariant,
+            size: "md",
+            iconSize: "lg",
+            onClick: hideOverlay,
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
+        })),
+        className: cn(overlayHeaderVariants({
+            variant
+        }), className),
+        ...props
+    });
 };
 export { OverlayHeader, overlayHeaderVariants };
 

package/components/OverlayLayout/components/OverlayHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","HeaderBar","IconButton","ReactComponent","CloseIcon","overlayHeaderVariants","variants","variant","default","strong","defaultVariants","OverlayHeader","start","middle","end","hideOverlay","className","props","buttonIconVariant","createElement","Object","assign","Fragment","size","iconSize","onClick","icon"],"sources":["OverlayHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, cva, HeaderBar, IconButton, type VariantProps } from \"@webiny/admin-ui\";\nimport { ReactComponent as CloseIcon } from \"@webiny/icons/close.svg\";\n\nconst overlayHeaderVariants = cva(\"\", {\n    variants: {\n        variant: {\n            default: \"bg-neutral-base text-neutral-base\",\n            strong: \"bg-neutral-dark text-neutral-light\"\n        }\n    },\n    defaultVariants: {\n        variant: \"default\"\n    }\n});\n\ninterface OverlayHeaderProps\n    extends React.HTMLAttributes<HTMLDivElement>,\n        VariantProps<typeof overlayHeaderVariants> {\n    start?: React.ReactNode;\n    middle?: React.ReactNode;\n    end?: React.ReactNode;\n    hideOverlay?: () => void;\n}\n\nconst OverlayHeader = ({\n    start,\n    middle,\n    end,\n    hideOverlay,\n    variant,\n    className,\n    ...props\n}: OverlayHeaderProps) => {\n    const buttonIconVariant = variant === \"strong\" ? \"ghost-negative\" : \"ghost\";\n\n    return (\n        <HeaderBar\n            start={<div className={\"pl-md\"}>{start}</div>}\n            middle={middle}\n            end={\n                <>\n                    {end}\n                    <IconButton\n                        variant={buttonIconVariant}\n                        size={\"md\"}\n                        iconSize={\"lg\"}\n                        onClick={hideOverlay}\n                        icon={<CloseIcon />}\n                    />\n                </>\n            }\n            className={cn(overlayHeaderVariants({ variant }), className)}\n            {...props}\n        />\n    );\n};\n\nexport { OverlayHeader, type OverlayHeaderProps, overlayHeaderVariants };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,GAAG,EAAEC,SAAS,EAAEC,UAAU,QAA2B,kBAAkB;AACpF,SAASC,cAAc,IAAIC,SAAS,QAAQ,yBAAyB;AAErE,MAAMC,qBAAqB,GAAGL,GAAG,CAAC,EAAE,EAAE;EAClCM,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,OAAO,EAAE,mCAAmC;MAC5CC,MAAM,EAAE;IACZ;EACJ,CAAC;EACDC,eAAe,EAAE;IACbH,OAAO,EAAE;EACb;AACJ,CAAC,CAAC;AAWF,MAAMI,aAAa,GAAGA,CAAC;EACnBC,KAAK;EACLC,MAAM;EACNC,GAAG;EACHC,WAAW;EACXR,OAAO;EACPS,SAAS;EACT,GAAGC;AACa,CAAC,KAAK;EACtB,MAAMC,iBAAiB,GAAGX,OAAO,KAAK,QAAQ,GAAG,gBAAgB,GAAG,OAAO;EAE3E,oBACIT,KAAA,CAAAqB,aAAA,CAAClB,SAAS,EAAAmB,MAAA,CAAAC,MAAA;IACNT,KAAK,eAAEd,KAAA,CAAAqB,aAAA;MAAKH,SAAS,EAAE;IAAQ,GAAEJ,KAAW,CAAE;IAC9CC,MAAM,EAAEA,MAAO;IACfC,GAAG,eACChB,KAAA,CAAAqB,aAAA,CAAArB,KAAA,CAAAwB,QAAA,QACKR,GAAG,eACJhB,KAAA,CAAAqB,aAAA,CAACjB,UAAU;MACPK,OAAO,EAAEW,iBAAkB;MAC3BK,IAAI,EAAE,IAAK;MACXC,QAAQ,EAAE,IAAK;MACfC,OAAO,EAAEV,WAAY;MACrBW,IAAI,eAAE5B,KAAA,CAAAqB,aAAA,CAACf,SAAS,MAAE;IAAE,CACvB,CACH,CACL;IACDY,SAAS,EAAEjB,EAAE,CAACM,qBAAqB,CAAC;MAAEE;IAAQ,CAAC,CAAC,EAAES,SAAS;EAAE,GACzDC,KAAK,CACZ,CAAC;AAEV,CAAC;AAED,SAASN,aAAa,EAA2BN,qBAAqB","ignoreList":[]}
+{"version":3,"file":"components/OverlayLayout/components/OverlayHeader.js","sources":["../../../../src/components/OverlayLayout/components/OverlayHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, cva, HeaderBar, IconButton, type VariantProps } from \"@webiny/admin-ui\";\nimport { ReactComponent as CloseIcon } from \"@webiny/icons/close.svg\";\n\nconst overlayHeaderVariants = cva(\"\", {\n    variants: {\n        variant: {\n            default: \"bg-neutral-base text-neutral-base\",\n            strong: \"bg-neutral-dark text-neutral-light\"\n        }\n    },\n    defaultVariants: {\n        variant: \"default\"\n    }\n});\n\ninterface OverlayHeaderProps\n    extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof overlayHeaderVariants> {\n    start?: React.ReactNode;\n    middle?: React.ReactNode;\n    end?: React.ReactNode;\n    hideOverlay?: () => void;\n}\n\nconst OverlayHeader = ({\n    start,\n    middle,\n    end,\n    hideOverlay,\n    variant,\n    className,\n    ...props\n}: OverlayHeaderProps) => {\n    const buttonIconVariant = variant === \"strong\" ? \"ghost-negative\" : \"ghost\";\n\n    return (\n        <HeaderBar\n            start={<div className={\"pl-md\"}>{start}</div>}\n            middle={middle}\n            end={\n                <>\n                    {end}\n                    <IconButton\n                        variant={buttonIconVariant}\n                        size={\"md\"}\n                        iconSize={\"lg\"}\n                        onClick={hideOverlay}\n                        icon={<CloseIcon />}\n                    />\n                </>\n            }\n            className={cn(overlayHeaderVariants({ variant }), className)}\n            {...props}\n        />\n    );\n};\n\nexport { OverlayHeader, type OverlayHeaderProps, overlayHeaderVariants };\n"],"names":["overlayHeaderVariants","cva","OverlayHeader","start","middle","end","hideOverlay","variant","className","props","buttonIconVariant","HeaderBar","IconButton","CloseIcon","cn"],"mappings":";;;AAIA,MAAMA,wBAAwBC,IAAI,IAAI;IAClC,UAAU;QACN,SAAS;YACL,SAAS;YACT,QAAQ;QACZ;IACJ;IACA,iBAAiB;QACb,SAAS;IACb;AACJ;AAUA,MAAMC,gBAAgB,CAAC,EACnBC,KAAK,EACLC,MAAM,EACNC,GAAG,EACHC,WAAW,EACXC,OAAO,EACPC,SAAS,EACT,GAAGC,OACc;IACjB,MAAMC,oBAAoBH,AAAY,aAAZA,UAAuB,mBAAmB;IAEpE,OAAO,WAAP,GACI,oBAACI,WAASA;QACN,qBAAO,oBAAC;YAAI,WAAW;WAAUR;QACjC,QAAQC;QACR,mBACI,0CACKC,KAAAA,WAAAA,GACD,oBAACO,YAAUA;YACP,SAASF;YACT,MAAM;YACN,UAAU;YACV,SAASJ;YACT,oBAAM,oBAACO,gBAASA;;QAI5B,WAAWC,GAAGd,sBAAsB;YAAEO;QAAQ,IAAIC;QACjD,GAAGC,KAAK;;AAGrB"}

package/components/OverlayLayout/components/OverlayRoot.js

@@ -1,18 +1,17 @@
-import React from "react";
+import react from "react";
 import { Transition } from "react-transition-group";
-const OverlayRoot = ({
-  visible,
-  onExited,
-  children
-}) => {
-  return /*#__PURE__*/React.createElement(Transition, {
-    in: visible,
-    timeout: 100,
-    appear: true,
-    onExited: onExited
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "pointer-events-auto"
-  }, children));
+const OverlayRoot = ({ visible, onExited, children })=>{
+    const ref = react.useRef(null);
+    return /*#__PURE__*/ react.createElement(Transition, {
+        nodeRef: ref,
+        in: visible,
+        timeout: 100,
+        appear: true,
+        onExited: onExited
+    }, /*#__PURE__*/ react.createElement("div", {
+        ref: ref,
+        className: "pointer-events-auto"
+    }, children));
 };
 export { OverlayRoot };
 

package/components/OverlayLayout/components/OverlayRoot.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Transition","OverlayRoot","visible","onExited","children","createElement","in","timeout","appear","className"],"sources":["OverlayRoot.tsx"],"sourcesContent":["import React from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport type { ExitHandler } from \"react-transition-group/Transition\";\n\ninterface OverlayRootProps {\n    visible?: boolean;\n    onExited?: ExitHandler<HTMLElement>;\n    children: React.ReactNode;\n}\n\nconst OverlayRoot = ({ visible, onExited, children }: OverlayRootProps) => {\n    return (\n        <Transition in={visible} timeout={100} appear onExited={onExited}>\n            <div className={\"pointer-events-auto\"}>{children}</div>\n        </Transition>\n    );\n};\n\nexport { OverlayRoot, type OverlayRootProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,wBAAwB;AASnD,MAAMC,WAAW,GAAGA,CAAC;EAAEC,OAAO;EAAEC,QAAQ;EAAEC;AAA2B,CAAC,KAAK;EACvE,oBACIL,KAAA,CAAAM,aAAA,CAACL,UAAU;IAACM,EAAE,EAAEJ,OAAQ;IAACK,OAAO,EAAE,GAAI;IAACC,MAAM;IAACL,QAAQ,EAAEA;EAAS,gBAC7DJ,KAAA,CAAAM,aAAA;IAAKI,SAAS,EAAE;EAAsB,GAAEL,QAAc,CAC9C,CAAC;AAErB,CAAC;AAED,SAASH,WAAW","ignoreList":[]}
+{"version":3,"file":"components/OverlayLayout/components/OverlayRoot.js","sources":["../../../../src/components/OverlayLayout/components/OverlayRoot.tsx"],"sourcesContent":["import React from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport type { ExitHandler } from \"react-transition-group/Transition\";\n\ninterface OverlayRootProps {\n    visible?: boolean;\n    onExited?: ExitHandler<HTMLElement>;\n    children: React.ReactNode;\n}\n\nconst OverlayRoot = ({ visible, onExited, children }: OverlayRootProps) => {\n    const ref = React.useRef<HTMLDivElement>(null);\n    return (\n        <Transition nodeRef={ref} in={visible} timeout={100} appear onExited={onExited}>\n            <div ref={ref} className={\"pointer-events-auto\"}>\n                {children}\n            </div>\n        </Transition>\n    );\n};\n\nexport { OverlayRoot, type OverlayRootProps };\n"],"names":["OverlayRoot","visible","onExited","children","ref","React","Transition"],"mappings":";;AAUA,MAAMA,cAAc,CAAC,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,QAAQ,EAAoB;IAClE,MAAMC,MAAMC,MAAAA,MAAY,CAAiB;IACzC,OAAO,WAAP,GACI,oBAACC,YAAUA;QAAC,SAASF;QAAK,IAAIH;QAAS,SAAS;QAAK;QAAO,UAAUC;qBAClE,oBAAC;QAAI,KAAKE;QAAK,WAAW;OACrBD;AAIjB"}

package/components/OverlayLayout/components/index.js

@@ -2,5 +2,3 @@ export * from "./OverlayHeader.js";
 export * from "./OverlayBackdrop.js";
 export * from "./OverlayContent.js";
 export * from "./OverlayRoot.js";
-
-//# sourceMappingURL=index.js.map

package/components/OverlayLayout/index.js

@@ -1,3 +1 @@
 export * from "./OverlayLayout.js";
-
-//# sourceMappingURL=index.js.map

package/components/Permissions/CannotUseAaclAlert.js

@@ -1,14 +1,13 @@
-import React from "react";
+import react from "react";
 import { Alert } from "@webiny/admin-ui";
-export const CannotUseAaclAlert = () => {
-  return /*#__PURE__*/React.createElement(Alert, {
-    title: "Advanced Access Control Layer (AACL) not activated",
-    type: "warning"
-  }, /*#__PURE__*/React.createElement("strong", null, "Custom access"), " option cannot be used because the Advanced Access Control Layer (AACL) is not activated. ", /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), "To learn more, please visit the official\xA0", /*#__PURE__*/React.createElement("a", {
-    href: "https://webiny.link/aacl",
-    target: "_blank",
-    rel: "noreferrer"
-  }, "documentation"), ".");
-};
+const CannotUseAaclAlert = ()=>/*#__PURE__*/ react.createElement(Alert, {
+        title: "Advanced Access Control Layer (AACL) not activated",
+        type: "warning"
+    }, /*#__PURE__*/ react.createElement("strong", null, "Custom access"), " option cannot be used because the Advanced Access Control Layer (AACL) is not activated. ", /*#__PURE__*/ react.createElement("br", null), /*#__PURE__*/ react.createElement("br", null), "To learn more, please visit the official\xa0", /*#__PURE__*/ react.createElement("a", {
+        href: "https://webiny.link/aacl",
+        target: "_blank",
+        rel: "noreferrer"
+    }, "documentation"), ".");
+export { CannotUseAaclAlert };
 
 //# sourceMappingURL=CannotUseAaclAlert.js.map

package/components/Permissions/CannotUseAaclAlert.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Alert","CannotUseAaclAlert","createElement","title","type","href","target","rel"],"sources":["CannotUseAaclAlert.tsx"],"sourcesContent":["import React from \"react\";\nimport { Alert } from \"@webiny/admin-ui\";\n\nexport const CannotUseAaclAlert = () => {\n    return (\n        <Alert title={\"Advanced Access Control Layer (AACL) not activated\"} type={\"warning\"}>\n            <strong>Custom access</strong> option cannot be used because the Advanced Access Control\n            Layer (AACL) is not activated. <br />\n            <br />\n            To learn more, please visit the official&nbsp;\n            <a href={\"https://webiny.link/aacl\"} target={\"_blank\"} rel={\"noreferrer\"}>\n                documentation\n            </a>\n            .\n        </Alert>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,kBAAkB;AAExC,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EACpC,oBACIF,KAAA,CAAAG,aAAA,CAACF,KAAK;IAACG,KAAK,EAAE,oDAAqD;IAACC,IAAI,EAAE;EAAU,gBAChFL,KAAA,CAAAG,aAAA,iBAAQ,eAAqB,CAAC,8FACC,eAAAH,KAAA,CAAAG,aAAA,WAAK,CAAC,eACrCH,KAAA,CAAAG,aAAA,WAAK,CAAC,gDAEN,eAAAH,KAAA,CAAAG,aAAA;IAAGG,IAAI,EAAE,0BAA2B;IAACC,MAAM,EAAE,QAAS;IAACC,GAAG,EAAE;EAAa,GAAC,eAEvE,CAAC,KAED,CAAC;AAEhB,CAAC","ignoreList":[]}
+{"version":3,"file":"components/Permissions/CannotUseAaclAlert.js","sources":["../../../src/components/Permissions/CannotUseAaclAlert.tsx"],"sourcesContent":["import React from \"react\";\nimport { Alert } from \"@webiny/admin-ui\";\n\nexport const CannotUseAaclAlert = () => {\n    return (\n        <Alert title={\"Advanced Access Control Layer (AACL) not activated\"} type={\"warning\"}>\n            <strong>Custom access</strong> option cannot be used because the Advanced Access Control\n            Layer (AACL) is not activated. <br />\n            <br />\n            To learn more, please visit the official&nbsp;\n            <a href={\"https://webiny.link/aacl\"} target={\"_blank\"} rel={\"noreferrer\"}>\n                documentation\n            </a>\n            .\n        </Alert>\n    );\n};\n"],"names":["CannotUseAaclAlert","Alert"],"mappings":";;AAGO,MAAMA,qBAAqB,IACvB,WAAP,GACI,oBAACC,OAAKA;QAAC,OAAO;QAAsD,MAAM;qBACtE,oBAAC,gBAAO,kBAAsB,4GACC,oBAAC,2BAChC,oBAAC,aAAK,8DAEN,oBAAC;QAAE,MAAM;QAA4B,QAAQ;QAAU,KAAK;OAAc,kBAEtE"}

package/components/Permissions/Permissions.d.ts

@@ -1,9 +1,7 @@
 import React from "react";
 import type { BindComponentRenderProp } from "@webiny/form";
-import type { PermissionRendererPlugin } from "../../plugins/PermissionRendererPlugin.js";
 interface PermissionsProps extends BindComponentRenderProp {
     id: string;
-    plugins?: PermissionRendererPlugin[];
 }
-export declare const Permissions: ({ id, value, onChange, ...props }: PermissionsProps) => React.JSX.Element;
+export declare const Permissions: ({ id, value, onChange }: PermissionsProps) => React.JSX.Element;
 export {};

package/components/Permissions/Permissions.js

@@ -1,42 +1,39 @@
-import React, { useMemo } from "react";
-import { Accordion } from "@webiny/ui/Accordion/index.js";
-import { plugins } from "@webiny/plugins";
-export const Permissions = ({
-  id,
-  value,
-  onChange,
-  ...props
-}) => {
-  const {
-    systemPlugins,
-    permissionPlugins
-  } = useMemo(() => {
-    if (props.plugins) {
-      return {
-        permissionPlugins: props.plugins,
-        systemPlugins: []
-      };
-    }
-    return plugins.byType("admin-app-permissions-renderer").reduce((acc, plugin) => {
-      if (plugin.system === true) {
-        acc.systemPlugins.push(plugin);
-      } else {
-        acc.permissionPlugins.push(plugin);
-      }
-      return acc;
-    }, {
-      systemPlugins: [],
-      permissionPlugins: []
-    });
-  }, []);
-  return /*#__PURE__*/React.createElement(Accordion, {
-    elevation: 0
-  }, [...systemPlugins, ...permissionPlugins].map(pl => /*#__PURE__*/React.createElement(React.Fragment, {
-    key: pl.name + "." + id
-  }, pl.render({
-    value,
-    onChange
-  }))));
+import react, { useMemo } from "react";
+import { Accordion } from "@webiny/admin-ui";
+import { useAdminConfig } from "../../config/AdminConfig.js";
+import { PermissionValueProvider } from "../../permissions/PermissionValueContext.js";
+import { PermissionRenderer } from "../../permissions/PermissionRenderer.js";
+const byTitle = (a, b)=>a.title.localeCompare(b.title);
+const Permissions = ({ id, value, onChange })=>{
+    const { permissionRenderers } = useAdminConfig();
+    const renderers = useMemo(()=>{
+        const systemRenderers = [];
+        const appRenderers = [];
+        for (const renderer of permissionRenderers)if (renderer.system) systemRenderers.push(renderer);
+        else appRenderers.push(renderer);
+        return [
+            ...systemRenderers.sort(byTitle),
+            ...appRenderers.sort(byTitle)
+        ];
+    }, [
+        permissionRenderers
+    ]);
+    return /*#__PURE__*/ react.createElement(Accordion, null, /*#__PURE__*/ react.createElement(PermissionValueProvider, {
+        value: value,
+        onChange: onChange
+    }, renderers.map((renderer)=>/*#__PURE__*/ react.createElement(Accordion.Item, {
+            key: renderer.name + "." + id,
+            title: renderer.title,
+            description: renderer.description,
+            icon: renderer.icon ? /*#__PURE__*/ react.createElement(Accordion.Item.Icon, {
+                icon: renderer.icon,
+                label: renderer.title
+            }) : void 0,
+            "data-testid": `permission.${renderer.name}`
+        }, renderer.schema ? /*#__PURE__*/ react.createElement(PermissionRenderer, {
+            schema: renderer.schema
+        }) : renderer.element))));
 };
+export { Permissions };
 
 //# sourceMappingURL=Permissions.js.map

package/components/Permissions/Permissions.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","Accordion","plugins","Permissions","id","value","onChange","props","systemPlugins","permissionPlugins","byType","reduce","acc","plugin","system","push","createElement","elevation","map","pl","Fragment","key","name","render"],"sources":["Permissions.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport type { AdminAppPermissionRendererPlugin } from \"~/types.js\";\nimport { Accordion } from \"@webiny/ui/Accordion/index.js\";\nimport { plugins } from \"@webiny/plugins\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport type { PermissionRendererPlugin } from \"~/plugins/PermissionRendererPlugin.js\";\n\ninterface PermissionsProps extends BindComponentRenderProp {\n    id: string;\n    plugins?: PermissionRendererPlugin[];\n}\n\ninterface PermissionPlugins {\n    systemPlugins: (AdminAppPermissionRendererPlugin | PermissionRendererPlugin)[];\n    permissionPlugins: (AdminAppPermissionRendererPlugin | PermissionRendererPlugin)[];\n}\n\nexport const Permissions = ({ id, value, onChange, ...props }: PermissionsProps) => {\n    const { systemPlugins, permissionPlugins } = useMemo<PermissionPlugins>(() => {\n        if (props.plugins) {\n            return { permissionPlugins: props.plugins, systemPlugins: [] };\n        }\n\n        return plugins\n            .byType<AdminAppPermissionRendererPlugin>(\"admin-app-permissions-renderer\")\n            .reduce(\n                (acc, plugin) => {\n                    if (plugin.system === true) {\n                        acc.systemPlugins.push(plugin);\n                    } else {\n                        acc.permissionPlugins.push(plugin);\n                    }\n                    return acc;\n                },\n                { systemPlugins: [], permissionPlugins: [] } as PermissionPlugins\n            );\n    }, []);\n\n    return (\n        <Accordion elevation={0}>\n            {[...systemPlugins, ...permissionPlugins].map(pl => (\n                <React.Fragment key={pl.name + \".\" + id}>\n                    {pl.render({\n                        value,\n                        onChange\n                    })}\n                </React.Fragment>\n            ))}\n        </Accordion>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAEtC,SAASC,SAAS,QAAQ,+BAA+B;AACzD,SAASC,OAAO,QAAQ,iBAAiB;AAczC,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAAEC,EAAE;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAAwB,CAAC,KAAK;EAChF,MAAM;IAAEC,aAAa;IAAEC;EAAkB,CAAC,GAAGT,OAAO,CAAoB,MAAM;IAC1E,IAAIO,KAAK,CAACL,OAAO,EAAE;MACf,OAAO;QAAEO,iBAAiB,EAAEF,KAAK,CAACL,OAAO;QAAEM,aAAa,EAAE;MAAG,CAAC;IAClE;IAEA,OAAON,OAAO,CACTQ,MAAM,CAAmC,gCAAgC,CAAC,CAC1EC,MAAM,CACH,CAACC,GAAG,EAAEC,MAAM,KAAK;MACb,IAAIA,MAAM,CAACC,MAAM,KAAK,IAAI,EAAE;QACxBF,GAAG,CAACJ,aAAa,CAACO,IAAI,CAACF,MAAM,CAAC;MAClC,CAAC,MAAM;QACHD,GAAG,CAACH,iBAAiB,CAACM,IAAI,CAACF,MAAM,CAAC;MACtC;MACA,OAAOD,GAAG;IACd,CAAC,EACD;MAAEJ,aAAa,EAAE,EAAE;MAAEC,iBAAiB,EAAE;IAAG,CAC/C,CAAC;EACT,CAAC,EAAE,EAAE,CAAC;EAEN,oBACIV,KAAA,CAAAiB,aAAA,CAACf,SAAS;IAACgB,SAAS,EAAE;EAAE,GACnB,CAAC,GAAGT,aAAa,EAAE,GAAGC,iBAAiB,CAAC,CAACS,GAAG,CAACC,EAAE,iBAC5CpB,KAAA,CAAAiB,aAAA,CAACjB,KAAK,CAACqB,QAAQ;IAACC,GAAG,EAAEF,EAAE,CAACG,IAAI,GAAG,GAAG,GAAGlB;EAAG,GACnCe,EAAE,CAACI,MAAM,CAAC;IACPlB,KAAK;IACLC;EACJ,CAAC,CACW,CACnB,CACM,CAAC;AAEpB,CAAC","ignoreList":[]}
+{"version":3,"file":"components/Permissions/Permissions.js","sources":["../../../src/components/Permissions/Permissions.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Accordion } from \"@webiny/admin-ui\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport { useAdminConfig } from \"~/config/AdminConfig.js\";\nimport type { PermissionRendererConfig } from \"~/permissions/types.js\";\nimport { PermissionValueProvider } from \"~/permissions/PermissionValueContext.js\";\nimport { PermissionRenderer } from \"~/permissions/PermissionRenderer.js\";\n\nconst byTitle = (a: PermissionRendererConfig, b: PermissionRendererConfig) => {\n    return a.title.localeCompare(b.title);\n};\n\ninterface PermissionsProps extends BindComponentRenderProp {\n    id: string;\n}\n\nexport const Permissions = ({ id, value, onChange }: PermissionsProps) => {\n    const { permissionRenderers } = useAdminConfig();\n\n    const renderers = useMemo<PermissionRendererConfig[]>(() => {\n        const systemRenderers: PermissionRendererConfig[] = [];\n        const appRenderers: PermissionRendererConfig[] = [];\n\n        for (const renderer of permissionRenderers) {\n            if (renderer.system) {\n                systemRenderers.push(renderer);\n            } else {\n                appRenderers.push(renderer);\n            }\n        }\n\n        return [...systemRenderers.sort(byTitle), ...appRenderers.sort(byTitle)];\n    }, [permissionRenderers]);\n\n    return (\n        <Accordion>\n            <PermissionValueProvider value={value} onChange={onChange}>\n                {renderers.map(renderer => {\n                    return (\n                        <Accordion.Item\n                            key={renderer.name + \".\" + id}\n                            title={renderer.title}\n                            description={renderer.description}\n                            icon={\n                                renderer.icon ? (\n                                    <Accordion.Item.Icon\n                                        icon={renderer.icon}\n                                        label={renderer.title}\n                                    />\n                                ) : undefined\n                            }\n                            data-testid={`permission.${renderer.name}`}\n                        >\n                            {renderer.schema ? (\n                                <PermissionRenderer schema={renderer.schema} />\n                            ) : (\n                                renderer.element\n                            )}\n                        </Accordion.Item>\n                    );\n                })}\n            </PermissionValueProvider>\n        </Accordion>\n    );\n};\n"],"names":["byTitle","a","b","Permissions","id","value","onChange","permissionRenderers","useAdminConfig","renderers","useMemo","systemRenderers","appRenderers","renderer","Accordion","PermissionValueProvider","undefined","PermissionRenderer"],"mappings":";;;;;AAQA,MAAMA,UAAU,CAACC,GAA6BC,IACnCD,EAAE,KAAK,CAAC,aAAa,CAACC,EAAE,KAAK;AAOjC,MAAMC,cAAc,CAAC,EAAEC,EAAE,EAAEC,KAAK,EAAEC,QAAQ,EAAoB;IACjE,MAAM,EAAEC,mBAAmB,EAAE,GAAGC;IAEhC,MAAMC,YAAYC,QAAoC;QAClD,MAAMC,kBAA8C,EAAE;QACtD,MAAMC,eAA2C,EAAE;QAEnD,KAAK,MAAMC,YAAYN,oBACnB,IAAIM,SAAS,MAAM,EACfF,gBAAgB,IAAI,CAACE;aAErBD,aAAa,IAAI,CAACC;QAI1B,OAAO;eAAIF,gBAAgB,IAAI,CAACX;eAAaY,aAAa,IAAI,CAACZ;SAAS;IAC5E,GAAG;QAACO;KAAoB;IAExB,OAAO,WAAP,GACI,oBAACO,WAASA,MAAAA,WAAAA,GACN,oBAACC,yBAAuBA;QAAC,OAAOV;QAAO,UAAUC;OAC5CG,UAAU,GAAG,CAACI,CAAAA,WACJ,WAAP,GACI,oBAACC,UAAU,IAAI;YACX,KAAKD,SAAS,IAAI,GAAG,MAAMT;YAC3B,OAAOS,SAAS,KAAK;YACrB,aAAaA,SAAS,WAAW;YACjC,MACIA,SAAS,IAAI,GAAG,WAAH,GACT,oBAACC,UAAU,IAAI,CAAC,IAAI;gBAChB,MAAMD,SAAS,IAAI;gBACnB,OAAOA,SAAS,KAAK;iBAEzBG;YAER,eAAa,CAAC,WAAW,EAAEH,SAAS,IAAI,EAAE;WAEzCA,SAAS,MAAM,GAAG,WAAH,GACZ,oBAACI,oBAAkBA;YAAC,QAAQJ,SAAS,MAAM;aAE3CA,SAAS,OAAO;AAQhD"}

package/components/Permissions/PermissionsGroup.js

@@ -1,18 +1,12 @@
-import React from "react";
-import { cn, Heading } from "@webiny/admin-ui";
-const PermissionsGroup = ({
-  className,
-  children,
-  title,
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
-    className: cn("mb-lg p-md-extra border-sm border-neutral-dimmed rounded-lg", className)
-  }), /*#__PURE__*/React.createElement(Heading, {
-    level: 6,
-    className: "mb-sm"
-  }, title), children);
-};
+import react from "react";
+import { Heading, cn } from "@webiny/admin-ui";
+const PermissionsGroup = ({ className, children, title, ...props })=>/*#__PURE__*/ react.createElement("div", {
+        ...props,
+        className: cn("mb-lg p-md-extra border-sm border-neutral-dimmed rounded-lg", className)
+    }, /*#__PURE__*/ react.createElement(Heading, {
+        level: 6,
+        className: "mb-sm"
+    }, title), children);
 export { PermissionsGroup };
 
 //# sourceMappingURL=PermissionsGroup.js.map

package/components/Permissions/PermissionsGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","Heading","PermissionsGroup","className","children","title","props","createElement","Object","assign","level"],"sources":["PermissionsGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, Heading } from \"@webiny/admin-ui\";\n\ninterface PermissionsGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\"> {\n    title?: React.ReactNode;\n}\n\nconst PermissionsGroup = ({ className, children, title, ...props }: PermissionsGroupProps) => {\n    return (\n        <div\n            {...props}\n            className={cn(\"mb-lg p-md-extra border-sm border-neutral-dimmed rounded-lg\", className)}\n        >\n            <Heading level={6} className={\"mb-sm\"}>\n                {title}\n            </Heading>\n            {children}\n        </div>\n    );\n};\n\nexport { PermissionsGroup, type PermissionsGroupProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,OAAO,QAAQ,kBAAkB;AAM9C,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAA6B,CAAC,KAAK;EAC1F,oBACIP,KAAA,CAAAQ,aAAA,QAAAC,MAAA,CAAAC,MAAA,KACQH,KAAK;IACTH,SAAS,EAAEH,EAAE,CAAC,6DAA6D,EAAEG,SAAS;EAAE,iBAExFJ,KAAA,CAAAQ,aAAA,CAACN,OAAO;IAACS,KAAK,EAAE,CAAE;IAACP,SAAS,EAAE;EAAQ,GACjCE,KACI,CAAC,EACTD,QACA,CAAC;AAEd,CAAC;AAED,SAASF,gBAAgB","ignoreList":[]}
+{"version":3,"file":"components/Permissions/PermissionsGroup.js","sources":["../../../src/components/Permissions/PermissionsGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, Heading } from \"@webiny/admin-ui\";\n\ninterface PermissionsGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\"> {\n    title?: React.ReactNode;\n}\n\nconst PermissionsGroup = ({ className, children, title, ...props }: PermissionsGroupProps) => {\n    return (\n        <div\n            {...props}\n            className={cn(\"mb-lg p-md-extra border-sm border-neutral-dimmed rounded-lg\", className)}\n        >\n            <Heading level={6} className={\"mb-sm\"}>\n                {title}\n            </Heading>\n            {children}\n        </div>\n    );\n};\n\nexport { PermissionsGroup, type PermissionsGroupProps };\n"],"names":["PermissionsGroup","className","children","title","props","cn","Heading"],"mappings":";;AAOA,MAAMA,mBAAmB,CAAC,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGC,OAA8B,GAC9E,WAAP,GACI,oBAAC;QACI,GAAGA,KAAK;QACT,WAAWC,GAAG,+DAA+DJ;qBAE7E,oBAACK,SAAOA;QAAC,OAAO;QAAG,WAAW;OACzBH,QAEJD"}

package/components/Permissions/StyledComponents.js

@@ -1,15 +1,14 @@
-import React from "react";
-import { css } from "emotion";
+import react from "react";
+import { css } from "@emotion/css";
 import { Label } from "@webiny/admin-ui";
-export const gridWithPaddingClass = css({
-  paddingTop: "var(--padding-md)"
+const gridWithPaddingClass = css({
+    paddingTop: "var(--padding-md)"
 });
-export const PermissionInfo = ({
-  title
-}) => /*#__PURE__*/React.createElement("div", {
-  className: "flex items-center h-full"
-}, /*#__PURE__*/React.createElement(Label, {
-  text: title
-}));
+const PermissionInfo = ({ title })=>/*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center h-full"
+    }, /*#__PURE__*/ react.createElement(Label, {
+        text: title
+    }));
+export { PermissionInfo, gridWithPaddingClass };
 
 //# sourceMappingURL=StyledComponents.js.map

package/components/Permissions/StyledComponents.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","css","Label","gridWithPaddingClass","paddingTop","PermissionInfo","title","createElement","className","text"],"sources":["StyledComponents.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { Label } from \"@webiny/admin-ui\";\n\nexport const gridWithPaddingClass = css({\n    paddingTop: \"var(--padding-md)\"\n});\n\ninterface PermissionInfoProps {\n    title: string;\n}\nexport const PermissionInfo = ({ title }: PermissionInfoProps) => (\n    <div className={\"flex items-center h-full\"}>\n        <Label text={title} />\n    </div>\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,QAAQ,SAAS;AAC7B,SAASC,KAAK,QAAQ,kBAAkB;AAExC,OAAO,MAAMC,oBAAoB,GAAGF,GAAG,CAAC;EACpCG,UAAU,EAAE;AAChB,CAAC,CAAC;AAKF,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAAEC;AAA2B,CAAC,kBACzDN,KAAA,CAAAO,aAAA;EAAKC,SAAS,EAAE;AAA2B,gBACvCR,KAAA,CAAAO,aAAA,CAACL,KAAK;EAACO,IAAI,EAAEH;AAAM,CAAE,CACpB,CACR","ignoreList":[]}
+{"version":3,"file":"components/Permissions/StyledComponents.js","sources":["../../../src/components/Permissions/StyledComponents.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"@emotion/css\";\nimport { Label } from \"@webiny/admin-ui\";\n\nexport const gridWithPaddingClass = css({\n    paddingTop: \"var(--padding-md)\"\n});\n\ninterface PermissionInfoProps {\n    title: string;\n}\nexport const PermissionInfo = ({ title }: PermissionInfoProps) => (\n    <div className={\"flex items-center h-full\"}>\n        <Label text={title} />\n    </div>\n);\n"],"names":["gridWithPaddingClass","css","PermissionInfo","title","Label"],"mappings":";;;AAIO,MAAMA,uBAAuBC,IAAI;IACpC,YAAY;AAChB;AAKO,MAAMC,iBAAiB,CAAC,EAAEC,KAAK,EAAuB,iBACzD,oBAAC;QAAI,WAAW;qBACZ,oBAACC,OAAKA;QAAC,MAAMD"}