@webiny/app-admin 0.0.0-unstable.e6f0dc8ca7 → 0.0.0-unstable.eb81deee7e

package/components/OverlayLayout/OverlayLayout.js

@@ -1,44 +1,43 @@
-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(OverlayHeader, {
+        start: barLeft,
+        middle: barMiddle,
+        end: barRight,
+        variant: variant,
+        hideOverlay: hideOverlay
+    }), /*#__PURE__*/ react.createElement("div", {
+        className: "flex-1 min-h-0 overflow-hidden"
+    }, 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                    <OverlayHeader\n                        start={barLeft}\n                        middle={barMiddle}\n                        end={barRight}\n                        variant={variant}\n                        hideOverlay={hideOverlay}\n                    />\n                    <div className={\"flex-1 min-h-0 overflow-hidden\"}>{children}</div>\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,oBAACY,eAAaA;QACV,OAAOlB;QACP,QAAQD;QACR,KAAKE;QACL,SAASI;QACT,aAAaI;sBAEjB,oBAAC;QAAI,WAAW;OAAmCP;AAKvE"}

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,23 @@
-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",
+            "flex flex-col",
+            "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                    \"flex flex-col\",\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;YACA;SACH,EACDJ;QAEJ,OAAO;YAAE,GAAGC,KAAK;YAAE,QAAQ;QAAqB;QAC/C,GAAGE,KAAK;OAERD"}

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

@@ -1,7 +1,7 @@
 import React from "react";
 import { type VariantProps } from "@webiny/admin-ui";
 declare const overlayHeaderVariants: (props?: ({
-    variant?: "strong" | "default" | null | undefined;
+    variant?: "default" | "strong" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface OverlayHeaderProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof overlayHeaderVariants> {
     start?: 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>, 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;AAUF,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,21 +1,17 @@
-import React from "react";
+import react from "react";
 import { Transition } from "react-transition-group";
-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));
+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","ref","useRef","createElement","nodeRef","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    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"],"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,MAAMC,GAAG,GAAGN,KAAK,CAACO,MAAM,CAAiB,IAAI,CAAC;EAC9C,oBACIP,KAAA,CAAAQ,aAAA,CAACP,UAAU;IAACQ,OAAO,EAAEH,GAAI;IAACI,EAAE,EAAEP,OAAQ;IAACQ,OAAO,EAAE,GAAI;IAACC,MAAM;IAACR,QAAQ,EAAEA;EAAS,gBAC3EJ,KAAA,CAAAQ,aAAA;IAAKF,GAAG,EAAEA,GAAI;IAACO,SAAS,EAAE;EAAsB,GAC3CR,QACA,CACG,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.js

@@ -1,48 +1,40 @@
-import React, { useMemo } from "react";
+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) => {
-  return a.title.localeCompare(b.title);
-};
-export 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 => {
-    return /*#__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
-      }) : undefined,
-      "data-testid": `permission.${renderer.name}`
-    }, renderer.schema ? /*#__PURE__*/React.createElement(PermissionRenderer, {
-      schema: renderer.schema
-    }) : renderer.element);
-  })));
+import { mergeByName } from "./mergeByName.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 mergeByName(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","useAdminConfig","PermissionValueProvider","PermissionRenderer","byTitle","a","b","title","localeCompare","Permissions","id","value","onChange","permissionRenderers","renderers","systemRenderers","appRenderers","renderer","system","push","sort","createElement","map","Item","key","name","description","icon","Icon","label","undefined","schema","element"],"sources":["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"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,SAAS,QAAQ,kBAAkB;AAE5C,SAASC,cAAc;AAEvB,SAASC,uBAAuB;AAChC,SAASC,kBAAkB;AAE3B,MAAMC,OAAO,GAAGA,CAACC,CAA2B,EAAEC,CAA2B,KAAK;EAC1E,OAAOD,CAAC,CAACE,KAAK,CAACC,aAAa,CAACF,CAAC,CAACC,KAAK,CAAC;AACzC,CAAC;AAMD,OAAO,MAAME,WAAW,GAAGA,CAAC;EAAEC,EAAE;EAAEC,KAAK;EAAEC;AAA2B,CAAC,KAAK;EACtE,MAAM;IAAEC;EAAoB,CAAC,GAAGZ,cAAc,CAAC,CAAC;EAEhD,MAAMa,SAAS,GAAGf,OAAO,CAA6B,MAAM;IACxD,MAAMgB,eAA2C,GAAG,EAAE;IACtD,MAAMC,YAAwC,GAAG,EAAE;IAEnD,KAAK,MAAMC,QAAQ,IAAIJ,mBAAmB,EAAE;MACxC,IAAII,QAAQ,CAACC,MAAM,EAAE;QACjBH,eAAe,CAACI,IAAI,CAACF,QAAQ,CAAC;MAClC,CAAC,MAAM;QACHD,YAAY,CAACG,IAAI,CAACF,QAAQ,CAAC;MAC/B;IACJ;IAEA,OAAO,CAAC,GAAGF,eAAe,CAACK,IAAI,CAAChB,OAAO,CAAC,EAAE,GAAGY,YAAY,CAACI,IAAI,CAAChB,OAAO,CAAC,CAAC;EAC5E,CAAC,EAAE,CAACS,mBAAmB,CAAC,CAAC;EAEzB,oBACIf,KAAA,CAAAuB,aAAA,CAACrB,SAAS,qBACNF,KAAA,CAAAuB,aAAA,CAACnB,uBAAuB;IAACS,KAAK,EAAEA,KAAM;IAACC,QAAQ,EAAEA;EAAS,GACrDE,SAAS,CAACQ,GAAG,CAACL,QAAQ,IAAI;IACvB,oBACInB,KAAA,CAAAuB,aAAA,CAACrB,SAAS,CAACuB,IAAI;MACXC,GAAG,EAAEP,QAAQ,CAACQ,IAAI,GAAG,GAAG,GAAGf,EAAG;MAC9BH,KAAK,EAAEU,QAAQ,CAACV,KAAM;MACtBmB,WAAW,EAAET,QAAQ,CAACS,WAAY;MAClCC,IAAI,EACAV,QAAQ,CAACU,IAAI,gBACT7B,KAAA,CAAAuB,aAAA,CAACrB,SAAS,CAACuB,IAAI,CAACK,IAAI;QAChBD,IAAI,EAAEV,QAAQ,CAACU,IAAK;QACpBE,KAAK,EAAEZ,QAAQ,CAACV;MAAM,CACzB,CAAC,GACFuB,SACP;MACD,eAAa,cAAcb,QAAQ,CAACQ,IAAI;IAAG,GAE1CR,QAAQ,CAACc,MAAM,gBACZjC,KAAA,CAAAuB,aAAA,CAAClB,kBAAkB;MAAC4B,MAAM,EAAEd,QAAQ,CAACc;IAAO,CAAE,CAAC,GAE/Cd,QAAQ,CAACe,OAED,CAAC;EAEzB,CAAC,CACoB,CAClB,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\";\nimport { mergeByName } from \"./mergeByName.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 mergeByName(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","mergeByName","Accordion","PermissionValueProvider","undefined","PermissionRenderer"],"mappings":";;;;;;AASA,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,YAAYC,YAAYP,qBAC/B,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,oBAACQ,WAASA,MAAAA,WAAAA,GACN,oBAACC,yBAAuBA;QAAC,OAAOX;QAAO,UAAUC;OAC5CG,UAAU,GAAG,CAACI,CAAAA,WACJ,WAAP,GACI,oBAACE,UAAU,IAAI;YACX,KAAKF,SAAS,IAAI,GAAG,MAAMT;YAC3B,OAAOS,SAAS,KAAK;YACrB,aAAaA,SAAS,WAAW;YACjC,MACIA,SAAS,IAAI,GAAG,WAAH,GACT,oBAACE,UAAU,IAAI,CAAC,IAAI;gBAChB,MAAMF,SAAS,IAAI;gBACnB,OAAOA,SAAS,KAAK;iBAEzBI;YAER,eAAa,CAAC,WAAW,EAAEJ,SAAS,IAAI,EAAE;WAEzCA,SAAS,MAAM,GAAG,WAAH,GACZ,oBAACK,oBAAkBA;YAAC,QAAQL,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,21 +1,14 @@
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import React from "react";
+import react from "react";
 import { css } from "@emotion/css";
 import { Label } from "@webiny/admin-ui";
-export const gridWithPaddingClass = /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
-  name: "musf0l",
-  styles: "padding-top:var(--padding-md)"
-} : {
-  name: "auruij-gridWithPaddingClass",
-  styles: "padding-top:var(--padding-md);label:gridWithPaddingClass;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0eWxlZENvbXBvbmVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlvQyIsImZpbGUiOiJTdHlsZWRDb21wb25lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcbmltcG9ydCB7IExhYmVsIH0gZnJvbSBcIkB3ZWJpbnkvYWRtaW4tdWlcIjtcblxuZXhwb3J0IGNvbnN0IGdyaWRXaXRoUGFkZGluZ0NsYXNzID0gY3NzKHtcbiAgICBwYWRkaW5nVG9wOiBcInZhcigtLXBhZGRpbmctbWQpXCJcbn0pO1xuXG5pbnRlcmZhY2UgUGVybWlzc2lvbkluZm9Qcm9wcyB7XG4gICAgdGl0bGU6IHN0cmluZztcbn1cbmV4cG9ydCBjb25zdCBQZXJtaXNzaW9uSW5mbyA9ICh7IHRpdGxlIH06IFBlcm1pc3Npb25JbmZvUHJvcHMpID0+IChcbiAgICA8ZGl2IGNsYXNzTmFtZT17XCJmbGV4IGl0ZW1zLWNlbnRlciBoLWZ1bGxcIn0+XG4gICAgICAgIDxMYWJlbCB0ZXh0PXt0aXRsZX0gLz5cbiAgICA8L2Rpdj5cbik7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+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