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

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

@@ -1,8 +1,8 @@
 import React from "react";
 import { type VariantProps } from "@webiny/admin-ui";
 declare const overlayHeaderVariants: (props?: ({
-    variant?: "default" | "strong" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+    variant?: "strong" | "default" | null | undefined;
+} & 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

@@ -4,8 +4,8 @@ import { ReactComponent as CloseIcon } from "@webiny/icons/close.svg";
 const overlayHeaderVariants = cva("", {
   variants: {
     variant: {
-      default: "wby-bg-neutral-base wby-text-neutral-base",
-      strong: "wby-bg-neutral-dark wby-text-neutral-light"
+      default: "bg-neutral-base text-neutral-base",
+      strong: "bg-neutral-dark text-neutral-light"
     }
   },
   defaultVariants: {
@@ -24,7 +24,7 @@ const OverlayHeader = ({
   const buttonIconVariant = variant === "strong" ? "ghost-negative" : "ghost";
   return /*#__PURE__*/React.createElement(HeaderBar, Object.assign({
     start: /*#__PURE__*/React.createElement("div", {
-      className: "wby-pl-md"
+      className: "pl-md"
     }, start),
     middle: middle,
     end: /*#__PURE__*/React.createElement(React.Fragment, null, end, /*#__PURE__*/React.createElement(IconButton, {

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: \"wby-bg-neutral-base wby-text-neutral-base\",\n            strong: \"wby-bg-neutral-dark wby-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={\"wby-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,2CAA2C;MACpDC,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;IAAY,GAAEJ,KAAW,CAAE;IAClDC,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,"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":[]}

package/components/OverlayLayout/components/OverlayRoot.js

@@ -5,13 +5,16 @@ const OverlayRoot = ({
   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", {
-    className: "wby-pointer-events-auto"
+    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={\"wby-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;EAA0B,GAAEL,QAAc,CAClD,CAAC;AAErB,CAAC;AAED,SAASH,WAAW","ignoreList":[]}
+{"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":[]}

package/components/OverlayLayout/components/index.d.ts

@@ -1,4 +1,4 @@
-export * from "./OverlayHeader";
-export * from "./OverlayBackdrop";
-export * from "./OverlayContent";
-export * from "./OverlayRoot";
+export * from "./OverlayHeader.js";
+export * from "./OverlayBackdrop.js";
+export * from "./OverlayContent.js";
+export * from "./OverlayRoot.js";

package/components/OverlayLayout/components/index.js

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

package/components/OverlayLayout/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./OverlayHeader\";\nexport * from \"./OverlayBackdrop\";\nexport * from \"./OverlayContent\";\nexport * from \"./OverlayRoot\";\n"],"mappings":"AAAA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./OverlayHeader.js\";\nexport * from \"./OverlayBackdrop.js\";\nexport * from \"./OverlayContent.js\";\nexport * from \"./OverlayRoot.js\";\n"],"mappings":"AAAA;AACA;AACA;AACA","ignoreList":[]}

package/components/OverlayLayout/index.d.ts

@@ -1 +1 @@
-export * from "./OverlayLayout";
+export * from "./OverlayLayout.js";

package/components/OverlayLayout/index.js

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

package/components/OverlayLayout/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./OverlayLayout\";\n"],"mappings":"AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./OverlayLayout.js\";\n"],"mappings":"AAAA","ignoreList":[]}

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";
 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,48 @@
 import React, { useMemo } from "react";
-import { Accordion } from "@webiny/ui/Accordion";
-import { plugins } from "@webiny/plugins";
+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,
-  ...props
+  onChange
 }) => {
   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);
+    permissionRenderers
+  } = useAdminConfig();
+  const renderers = useMemo(() => {
+    const systemRenderers = [];
+    const appRenderers = [];
+    for (const renderer of permissionRenderers) {
+      if (renderer.system) {
+        systemRenderers.push(renderer);
       } else {
-        acc.permissionPlugins.push(plugin);
+        appRenderers.push(renderer);
       }
-      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
-  }))));
+    }
+    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);
+  })));
 };
 
 //# 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\";\nimport { Accordion } from \"@webiny/ui/Accordion\";\nimport { plugins } from \"@webiny/plugins\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport type { PermissionRendererPlugin } from \"~/plugins/PermissionRendererPlugin\";\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,sBAAsB;AAChD,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,"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":[]}

package/components/Permissions/PermissionsGroup.js

@@ -7,10 +7,10 @@ const PermissionsGroup = ({
   ...props
 }) => {
   return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
-    className: cn("wby-mb-lg wby-p-md-extra wby-border-sm wby-border-neutral-dimmed wby-rounded-lg", className)
+    className: cn("mb-lg p-md-extra border-sm border-neutral-dimmed rounded-lg", className)
   }), /*#__PURE__*/React.createElement(Heading, {
     level: 6,
-    className: "wby-mb-sm"
+    className: "mb-sm"
   }, title), children);
 };
 export { PermissionsGroup };

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(\n                \"wby-mb-lg wby-p-md-extra wby-border-sm wby-border-neutral-dimmed wby-rounded-lg\",\n                className\n            )}\n        >\n            <Heading level={6} className={\"wby-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,CACT,iFAAiF,EACjFG,SACJ;EAAE,iBAEFJ,KAAA,CAAAQ,aAAA,CAACN,OAAO;IAACS,KAAK,EAAE,CAAE;IAACP,SAAS,EAAE;EAAY,GACrCE,KACI,CAAC,EACTD,QACA,CAAC;AAEd,CAAC;AAED,SAASF,gBAAgB","ignoreList":[]}
+{"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":[]}

package/components/Permissions/StyledComponents.js

@@ -1,13 +1,19 @@
+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 { css } from "emotion";
+import { css } from "@emotion/css";
 import { Label } from "@webiny/admin-ui";
-export const gridWithPaddingClass = css({
-  paddingTop: "var(--padding-md)"
+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__
 });
 export const PermissionInfo = ({
   title
 }) => /*#__PURE__*/React.createElement("div", {
-  className: "wby-flex wby-items-center wby-h-full"
+  className: "flex items-center h-full"
 }, /*#__PURE__*/React.createElement(Label, {
   text: title
 }));

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={\"wby-flex wby-items-center wby-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;AAAuC,gBACnDR,KAAA,CAAAO,aAAA,CAACL,KAAK;EAACO,IAAI,EAAEH;AAAM,CAAE,CACpB,CACR","ignoreList":[]}
+{"version":3,"names":["React","css","Label","gridWithPaddingClass","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","PermissionInfo","title","createElement","className","text"],"sources":["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"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,QAAQ,cAAc;AAClC,SAASC,KAAK,QAAQ,kBAAkB;AAExC,OAAO,MAAMC,oBAAoB,gBAAGF,GAAG,CAAAG,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,CAEtC,CAAC;AAKF,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAAEC;AAA2B,CAAC,kBACzDZ,KAAA,CAAAa,aAAA;EAAKC,SAAS,EAAE;AAA2B,gBACvCd,KAAA,CAAAa,aAAA,CAACX,KAAK;EAACa,IAAI,EAAEH;AAAM,CAAE,CACpB,CACR","ignoreList":[]}

package/components/Permissions/index.d.ts

@@ -1,4 +1,4 @@
-export * from "./StyledComponents";
-export { Permissions } from "./Permissions";
-export { CannotUseAaclAlert } from "./CannotUseAaclAlert";
-export * from "./PermissionsGroup";
+export * from "./StyledComponents.js";
+export { Permissions } from "./Permissions.js";
+export { CannotUseAaclAlert } from "./CannotUseAaclAlert.js";
+export * from "./PermissionsGroup.js";

package/components/Permissions/index.js

@@ -1,6 +1,6 @@
-export * from "./StyledComponents";
-export { Permissions } from "./Permissions";
-export { CannotUseAaclAlert } from "./CannotUseAaclAlert";
-export * from "./PermissionsGroup";
+export * from "./StyledComponents.js";
+export { Permissions } from "./Permissions.js";
+export { CannotUseAaclAlert } from "./CannotUseAaclAlert.js";
+export * from "./PermissionsGroup.js";
 
 //# sourceMappingURL=index.js.map

package/components/Permissions/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Permissions","CannotUseAaclAlert"],"sources":["index.ts"],"sourcesContent":["export * from \"./StyledComponents\";\nexport { Permissions } from \"./Permissions\";\nexport { CannotUseAaclAlert } from \"./CannotUseAaclAlert\";\nexport * from \"./PermissionsGroup\";\n"],"mappings":"AAAA;AACA,SAASA,WAAW;AACpB,SAASC,kBAAkB;AAC3B","ignoreList":[]}
+{"version":3,"names":["Permissions","CannotUseAaclAlert"],"sources":["index.ts"],"sourcesContent":["export * from \"./StyledComponents.js\";\nexport { Permissions } from \"./Permissions.js\";\nexport { CannotUseAaclAlert } from \"./CannotUseAaclAlert.js\";\nexport * from \"./PermissionsGroup.js\";\n"],"mappings":"AAAA;AACA,SAASA,WAAW;AACpB,SAASC,kBAAkB;AAC3B","ignoreList":[]}

package/components/RegisterFeature.d.ts

@@ -0,0 +1,11 @@
+import type { FeatureDefinition } from "@webiny/feature/admin";
+type ExtractOptions<TParams extends any[]> = TParams extends [infer First, ...any[]] ? First : never;
+type RegisterFeatureProps<TParams extends any[]> = {
+    feature: FeatureDefinition<any, TParams>;
+} & (TParams extends [] ? {
+    options?: never;
+} : {
+    options: ExtractOptions<TParams>;
+});
+export declare const RegisterFeature: <TParams extends any[]>(props: RegisterFeatureProps<TParams>) => null;
+export {};

package/components/RegisterFeature.js

@@ -0,0 +1,26 @@
+import { useMemo } from "react";
+import { useContainer } from "@webiny/app";
+
+// Extract the first parameter type from TParams tuple
+
+// Conditional props based on whether feature requires options
+
+const RegisterFeatureImpl = ({
+  feature,
+  options
+}) => {
+  const container = useContainer();
+  useMemo(() => {
+    // Cast feature.register to accept ...any[] to avoid type narrowing issues
+    const register = feature.register;
+    if (options !== undefined) {
+      register(container, options);
+    } else {
+      register(container);
+    }
+  }, [container, feature, options]);
+  return null;
+};
+export const RegisterFeature = RegisterFeatureImpl;
+
+//# sourceMappingURL=RegisterFeature.js.map

package/components/RegisterFeature.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","useContainer","RegisterFeatureImpl","feature","options","container","register","undefined","RegisterFeature"],"sources":["RegisterFeature.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useContainer } from \"@webiny/app\";\nimport type { FeatureDefinition } from \"@webiny/feature/admin\";\n\n// Extract the first parameter type from TParams tuple\ntype ExtractOptions<TParams extends any[]> = TParams extends [infer First, ...any[]]\n    ? First\n    : never;\n\n// Conditional props based on whether feature requires options\ntype RegisterFeatureProps<TParams extends any[]> = {\n    feature: FeatureDefinition<any, TParams>;\n} & (TParams extends [] ? { options?: never } : { options: ExtractOptions<TParams> });\n\nconst RegisterFeatureImpl = <TParams extends any[]>({\n    feature,\n    options\n}: RegisterFeatureProps<TParams>) => {\n    const container = useContainer();\n    useMemo(() => {\n        // Cast feature.register to accept ...any[] to avoid type narrowing issues\n        const register = feature.register as (container: any, ...args: any[]) => void;\n        if (options !== undefined) {\n            register(container, options);\n        } else {\n            register(container);\n        }\n    }, [container, feature, options]);\n    return null;\n};\n\nexport const RegisterFeature = RegisterFeatureImpl as <TParams extends any[]>(\n    props: RegisterFeatureProps<TParams>\n) => null;\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,YAAY,QAAQ,aAAa;;AAG1C;;AAKA;;AAKA,MAAMC,mBAAmB,GAAGA,CAAwB;EAChDC,OAAO;EACPC;AAC2B,CAAC,KAAK;EACjC,MAAMC,SAAS,GAAGJ,YAAY,CAAC,CAAC;EAChCD,OAAO,CAAC,MAAM;IACV;IACA,MAAMM,QAAQ,GAAGH,OAAO,CAACG,QAAoD;IAC7E,IAAIF,OAAO,KAAKG,SAAS,EAAE;MACvBD,QAAQ,CAACD,SAAS,EAAED,OAAO,CAAC;IAChC,CAAC,MAAM;MACHE,QAAQ,CAACD,SAAS,CAAC;IACvB;EACJ,CAAC,EAAE,CAACA,SAAS,EAAEF,OAAO,EAAEC,OAAO,CAAC,CAAC;EACjC,OAAO,IAAI;AACf,CAAC;AAED,OAAO,MAAMI,eAAe,GAAGN,mBAEtB","ignoreList":[]}

package/components/ResizablePanels/index.d.ts

@@ -1 +1 @@
-export { Panel, PanelProps, PanelGroup, PanelGroupProps, PanelResizeHandle, PanelResizeHandleProps } from "react-resizable-panels";
+export { Group as PanelGroup, type GroupProps as PanelGroupProps, Panel, type PanelProps, Separator as PanelResizeHandle, type Layout } from "react-resizable-panels";

package/components/ResizablePanels/index.js

@@ -1,3 +1,3 @@
-export { Panel, PanelProps, PanelGroup, PanelGroupProps, PanelResizeHandle, PanelResizeHandleProps } from "react-resizable-panels";
+export { Group as PanelGroup, Panel, Separator as PanelResizeHandle } from "react-resizable-panels";
 
 //# sourceMappingURL=index.js.map

package/components/ResizablePanels/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Panel","PanelProps","PanelGroup","PanelGroupProps","PanelResizeHandle","PanelResizeHandleProps"],"sources":["index.tsx"],"sourcesContent":["export {\n    Panel,\n    PanelProps,\n    PanelGroup,\n    PanelGroupProps,\n    PanelResizeHandle,\n    PanelResizeHandleProps\n} from \"react-resizable-panels\";\n"],"mappings":"AAAA,SACIA,KAAK,EACLC,UAAU,EACVC,UAAU,EACVC,eAAe,EACfC,iBAAiB,EACjBC,sBAAsB,QACnB,wBAAwB","ignoreList":[]}
+{"version":3,"names":["Group","PanelGroup","Panel","Separator","PanelResizeHandle"],"sources":["index.tsx"],"sourcesContent":["export {\n    Group as PanelGroup,\n    type GroupProps as PanelGroupProps,\n    Panel,\n    type PanelProps,\n    Separator as PanelResizeHandle,\n    type Layout\n} from \"react-resizable-panels\";\n"],"mappings":"AAAA,SACIA,KAAK,IAAIC,UAAU,EAEnBC,KAAK,EAELC,SAAS,IAAIC,iBAAiB,QAE3B,wBAAwB","ignoreList":[]}

package/components/RoleAutocomplete/graphql.d.ts

@@ -0,0 +1 @@
+export declare const LIST_ROLES: import("graphql").DocumentNode;

package/components/RoleAutocomplete/graphql.js

@@ -0,0 +1,18 @@
+import gql from "graphql-tag";
+export const LIST_ROLES = gql`
+    query ListRoles {
+        security {
+            roles: listRoles {
+                data {
+                    id
+                    slug
+                    name
+                    description
+                    createdOn
+                }
+            }
+        }
+    }
+`;
+
+//# sourceMappingURL=graphql.js.map

package/components/RoleAutocomplete/graphql.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["gql","LIST_ROLES"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\n\nexport const LIST_ROLES = gql`\n    query ListRoles {\n        security {\n            roles: listRoles {\n                data {\n                    id\n                    slug\n                    name\n                    description\n                    createdOn\n                }\n            }\n        }\n    }\n`;\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,aAAa;AAE7B,OAAO,MAAMC,UAAU,GAAGD,GAAG;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/components/RoleAutocomplete/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { AutoComplete } from "@webiny/admin-ui";
+type RoleAutocompleteProps = Omit<React.ComponentProps<typeof AutoComplete>, "options" | "onValueChange"> & {
+    onChange?: (value: string) => void;
+};
+export declare const RoleAutocomplete: ({ onChange, value, ...props }: RoleAutocompleteProps) => React.JSX.Element;
+export {};

package/components/RoleAutocomplete/index.js

@@ -0,0 +1,27 @@
+import React, { useMemo, useCallback } from "react";
+import { AutoComplete } from "@webiny/admin-ui";
+import { LIST_ROLES } from "./graphql.js";
+import { useQuery } from "@apollo/react-hooks";
+export const RoleAutocomplete = ({
+  onChange,
+  value,
+  ...props
+}) => {
+  const {
+    data,
+    loading
+  } = useQuery(LIST_ROLES);
+  const rawOptions = loading || !data ? [] : data.security.roles.data;
+  const options = useMemo(() => rawOptions.map(role => ({
+    label: role.name,
+    value: role.id
+  })), [rawOptions]);
+  const onValueChange = useCallback(id => onChange?.(id), [onChange]);
+  return /*#__PURE__*/React.createElement(AutoComplete, Object.assign({}, props, {
+    options: options,
+    value: loading ? undefined : value,
+    onValueChange: onValueChange
+  }));
+};
+
+//# sourceMappingURL=index.js.map

package/components/RoleAutocomplete/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useCallback","AutoComplete","LIST_ROLES","useQuery","RoleAutocomplete","onChange","value","props","data","loading","rawOptions","security","roles","options","map","role","label","name","id","onValueChange","createElement","Object","assign","undefined"],"sources":["index.tsx"],"sourcesContent":["import React, { useMemo, useCallback } from \"react\";\nimport { AutoComplete } from \"@webiny/admin-ui\";\nimport { LIST_ROLES } from \"./graphql.js\";\nimport { useQuery } from \"@apollo/react-hooks\";\n\ntype RoleAutocompleteProps = Omit<\n    React.ComponentProps<typeof AutoComplete>,\n    \"options\" | \"onValueChange\"\n> & {\n    onChange?: (value: string) => void;\n};\n\nexport const RoleAutocomplete = ({ onChange, value, ...props }: RoleAutocompleteProps) => {\n    const { data, loading } = useQuery(LIST_ROLES);\n    const rawOptions = loading || !data ? [] : data.security.roles.data;\n\n    const options = useMemo(\n        () => rawOptions.map((role: any) => ({ label: role.name, value: role.id })),\n        [rawOptions]\n    );\n\n    const onValueChange = useCallback((id: string) => onChange?.(id), [onChange]);\n\n    return (\n        <AutoComplete\n            {...props}\n            options={options}\n            value={loading ? undefined : (value as string | undefined)}\n            onValueChange={onValueChange}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,WAAW,QAAQ,OAAO;AACnD,SAASC,YAAY,QAAQ,kBAAkB;AAC/C,SAASC,UAAU;AACnB,SAASC,QAAQ,QAAQ,qBAAqB;AAS9C,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAA6B,CAAC,KAAK;EACtF,MAAM;IAAEC,IAAI;IAAEC;EAAQ,CAAC,GAAGN,QAAQ,CAACD,UAAU,CAAC;EAC9C,MAAMQ,UAAU,GAAGD,OAAO,IAAI,CAACD,IAAI,GAAG,EAAE,GAAGA,IAAI,CAACG,QAAQ,CAACC,KAAK,CAACJ,IAAI;EAEnE,MAAMK,OAAO,GAAGd,OAAO,CACnB,MAAMW,UAAU,CAACI,GAAG,CAAEC,IAAS,KAAM;IAAEC,KAAK,EAAED,IAAI,CAACE,IAAI;IAAEX,KAAK,EAAES,IAAI,CAACG;EAAG,CAAC,CAAC,CAAC,EAC3E,CAACR,UAAU,CACf,CAAC;EAED,MAAMS,aAAa,GAAGnB,WAAW,CAAEkB,EAAU,IAAKb,QAAQ,GAAGa,EAAE,CAAC,EAAE,CAACb,QAAQ,CAAC,CAAC;EAE7E,oBACIP,KAAA,CAAAsB,aAAA,CAACnB,YAAY,EAAAoB,MAAA,CAAAC,MAAA,KACLf,KAAK;IACTM,OAAO,EAAEA,OAAQ;IACjBP,KAAK,EAAEG,OAAO,GAAGc,SAAS,GAAIjB,KAA6B;IAC3Da,aAAa,EAAEA;EAAc,EAChC,CAAC;AAEV,CAAC","ignoreList":[]}

package/components/RolesMultiAutocomplete/graphql.d.ts

@@ -0,0 +1 @@
+export declare const LIST_ROLES: import("graphql").DocumentNode;

package/components/RolesMultiAutocomplete/graphql.js

@@ -0,0 +1,23 @@
+import gql from "graphql-tag";
+export const LIST_ROLES = gql`
+    query ListRoles {
+        security {
+            roles: listRoles {
+                data {
+                    id
+                    slug
+                    name
+                    description
+                    createdOn
+                }
+                error {
+                    data
+                    message
+                    code
+                }
+            }
+        }
+    }
+`;
+
+//# sourceMappingURL=graphql.js.map

package/components/RolesMultiAutocomplete/graphql.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["gql","LIST_ROLES"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\n\nexport const LIST_ROLES = gql`\n    query ListRoles {\n        security {\n            roles: listRoles {\n                data {\n                    id\n                    slug\n                    name\n                    description\n                    createdOn\n                }\n                error {\n                    data\n                    message\n                    code\n                }\n            }\n        }\n    }\n`;\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,aAAa;AAE7B,OAAO,MAAMC,UAAU,GAAGD,GAAG;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/components/RolesMultiAutocomplete/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { MultiAutoComplete } from "@webiny/admin-ui";
+type RolesMultiAutocompleteProps = Omit<React.ComponentProps<typeof MultiAutoComplete>, "options" | "onValuesChange"> & {
+    onChange?: (values: string[]) => void;
+};
+export declare const RolesMultiAutocomplete: ({ onChange, values, ...props }: RolesMultiAutocompleteProps) => React.JSX.Element;
+export {};

package/components/RolesMultiAutocomplete/index.js

@@ -0,0 +1,27 @@
+import React, { useMemo, useCallback } from "react";
+import { MultiAutoComplete } from "@webiny/admin-ui";
+import { LIST_ROLES } from "./graphql.js";
+import { useQuery } from "@apollo/react-hooks";
+export const RolesMultiAutocomplete = ({
+  onChange,
+  values,
+  ...props
+}) => {
+  const {
+    data,
+    loading
+  } = useQuery(LIST_ROLES);
+  const rawOptions = loading || !data ? [] : data.security.roles.data;
+  const options = useMemo(() => rawOptions.map(role => ({
+    label: role.name,
+    value: role.id
+  })), [rawOptions]);
+  const onValuesChange = useCallback(ids => onChange?.(ids), [onChange]);
+  return /*#__PURE__*/React.createElement(MultiAutoComplete, Object.assign({}, props, {
+    options: options,
+    values: loading ? undefined : values,
+    onValuesChange: onValuesChange
+  }));
+};
+
+//# sourceMappingURL=index.js.map

package/components/RolesMultiAutocomplete/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useCallback","MultiAutoComplete","LIST_ROLES","useQuery","RolesMultiAutocomplete","onChange","values","props","data","loading","rawOptions","security","roles","options","map","role","label","name","value","id","onValuesChange","ids","createElement","Object","assign","undefined"],"sources":["index.tsx"],"sourcesContent":["import React, { useMemo, useCallback } from \"react\";\nimport { MultiAutoComplete } from \"@webiny/admin-ui\";\nimport { LIST_ROLES } from \"./graphql.js\";\nimport { useQuery } from \"@apollo/react-hooks\";\n\ntype RolesMultiAutocompleteProps = Omit<\n    React.ComponentProps<typeof MultiAutoComplete>,\n    \"options\" | \"onValuesChange\"\n> & {\n    onChange?: (values: string[]) => void;\n};\n\nexport const RolesMultiAutocomplete = ({\n    onChange,\n    values,\n    ...props\n}: RolesMultiAutocompleteProps) => {\n    const { data, loading } = useQuery(LIST_ROLES);\n    const rawOptions = loading || !data ? [] : data.security.roles.data;\n\n    const options = useMemo(\n        () => rawOptions.map((role: any) => ({ label: role.name, value: role.id })),\n        [rawOptions]\n    );\n\n    const onValuesChange = useCallback((ids: string[]) => onChange?.(ids), [onChange]);\n\n    return (\n        <MultiAutoComplete\n            {...props}\n            options={options}\n            values={loading ? undefined : (values as string[] | undefined)}\n            onValuesChange={onValuesChange}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,WAAW,QAAQ,OAAO;AACnD,SAASC,iBAAiB,QAAQ,kBAAkB;AACpD,SAASC,UAAU;AACnB,SAASC,QAAQ,QAAQ,qBAAqB;AAS9C,OAAO,MAAMC,sBAAsB,GAAGA,CAAC;EACnCC,QAAQ;EACRC,MAAM;EACN,GAAGC;AACsB,CAAC,KAAK;EAC/B,MAAM;IAAEC,IAAI;IAAEC;EAAQ,CAAC,GAAGN,QAAQ,CAACD,UAAU,CAAC;EAC9C,MAAMQ,UAAU,GAAGD,OAAO,IAAI,CAACD,IAAI,GAAG,EAAE,GAAGA,IAAI,CAACG,QAAQ,CAACC,KAAK,CAACJ,IAAI;EAEnE,MAAMK,OAAO,GAAGd,OAAO,CACnB,MAAMW,UAAU,CAACI,GAAG,CAAEC,IAAS,KAAM;IAAEC,KAAK,EAAED,IAAI,CAACE,IAAI;IAAEC,KAAK,EAAEH,IAAI,CAACI;EAAG,CAAC,CAAC,CAAC,EAC3E,CAACT,UAAU,CACf,CAAC;EAED,MAAMU,cAAc,GAAGpB,WAAW,CAAEqB,GAAa,IAAKhB,QAAQ,GAAGgB,GAAG,CAAC,EAAE,CAAChB,QAAQ,CAAC,CAAC;EAElF,oBACIP,KAAA,CAAAwB,aAAA,CAACrB,iBAAiB,EAAAsB,MAAA,CAAAC,MAAA,KACVjB,KAAK;IACTM,OAAO,EAAEA,OAAQ;IACjBP,MAAM,EAAEG,OAAO,GAAGgB,SAAS,GAAInB,MAAgC;IAC/Dc,cAAc,EAAEA;EAAe,EAClC,CAAC;AAEV,CAAC","ignoreList":[]}

package/components/SearchUI.d.ts

@@ -6,5 +6,4 @@ export interface SearchProps {
     inputPlaceholder?: string;
     dataTestId?: string;
 }
-declare const Search: ({ value, onChange, onEnter, dataTestId, inputPlaceholder }: SearchProps) => React.JSX.Element;
-export default Search;
+export declare const SearchUI: ({ value, onChange, onEnter, dataTestId, inputPlaceholder }: SearchProps) => React.JSX.Element;

package/components/SearchUI.js

@@ -1,7 +1,7 @@
 import React from "react";
 import { ReactComponent as SearchIcon } from "@webiny/icons/search.svg";
 import { Icon, InputPrimitive } from "@webiny/admin-ui";
-const Search = ({
+export const SearchUI = ({
   value,
   onChange,
   onEnter,
@@ -24,6 +24,5 @@ const Search = ({
     "data-testid": dataTestId
   });
 };
-export default Search;
 
 //# sourceMappingURL=SearchUI.js.map

package/components/SearchUI.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","SearchIcon","Icon","InputPrimitive","Search","value","onChange","onEnter","dataTestId","inputPlaceholder","createElement","id","placeholder","autoComplete","startIcon","label","icon","variant","size"],"sources":["SearchUI.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\nimport { Icon, InputPrimitive } from \"@webiny/admin-ui\";\n\nexport interface SearchProps {\n    value: string;\n    onChange: (value: string) => void;\n    onEnter?: () => any;\n    inputPlaceholder?: string;\n    dataTestId?: string;\n}\n\nconst Search = ({\n    value,\n    onChange,\n    onEnter,\n    dataTestId,\n    inputPlaceholder = \"Search...\"\n}: SearchProps) => {\n    return (\n        <InputPrimitive\n            id={\"search-input\"}\n            placeholder={inputPlaceholder}\n            value={value}\n            onChange={onChange}\n            onEnter={onEnter}\n            autoComplete=\"off\"\n            startIcon={<Icon label={\"Search\"} icon={<SearchIcon />} />}\n            variant={\"ghost\"}\n            size={\"md\"}\n            data-testid={dataTestId}\n        />\n    );\n};\n\nexport default Search;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,SAASC,IAAI,EAAEC,cAAc,QAAQ,kBAAkB;AAUvD,MAAMC,MAAM,GAAGA,CAAC;EACZC,KAAK;EACLC,QAAQ;EACRC,OAAO;EACPC,UAAU;EACVC,gBAAgB,GAAG;AACV,CAAC,KAAK;EACf,oBACIV,KAAA,CAAAW,aAAA,CAACP,cAAc;IACXQ,EAAE,EAAE,cAAe;IACnBC,WAAW,EAAEH,gBAAiB;IAC9BJ,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBC,OAAO,EAAEA,OAAQ;IACjBM,YAAY,EAAC,KAAK;IAClBC,SAAS,eAAEf,KAAA,CAAAW,aAAA,CAACR,IAAI;MAACa,KAAK,EAAE,QAAS;MAACC,IAAI,eAAEjB,KAAA,CAAAW,aAAA,CAACT,UAAU,MAAE;IAAE,CAAE,CAAE;IAC3DgB,OAAO,EAAE,OAAQ;IACjBC,IAAI,EAAE,IAAK;IACX,eAAaV;EAAW,CAC3B,CAAC;AAEV,CAAC;AAED,eAAeJ,MAAM","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","SearchIcon","Icon","InputPrimitive","SearchUI","value","onChange","onEnter","dataTestId","inputPlaceholder","createElement","id","placeholder","autoComplete","startIcon","label","icon","variant","size"],"sources":["SearchUI.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\nimport { Icon, InputPrimitive } from \"@webiny/admin-ui\";\n\nexport interface SearchProps {\n    value: string;\n    onChange: (value: string) => void;\n    onEnter?: () => any;\n    inputPlaceholder?: string;\n    dataTestId?: string;\n}\n\nexport const SearchUI = ({\n    value,\n    onChange,\n    onEnter,\n    dataTestId,\n    inputPlaceholder = \"Search...\"\n}: SearchProps) => {\n    return (\n        <InputPrimitive\n            id={\"search-input\"}\n            placeholder={inputPlaceholder}\n            value={value}\n            onChange={onChange}\n            onEnter={onEnter}\n            autoComplete=\"off\"\n            startIcon={<Icon label={\"Search\"} icon={<SearchIcon />} />}\n            variant={\"ghost\"}\n            size={\"md\"}\n            data-testid={dataTestId}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,SAASC,IAAI,EAAEC,cAAc,QAAQ,kBAAkB;AAUvD,OAAO,MAAMC,QAAQ,GAAGA,CAAC;EACrBC,KAAK;EACLC,QAAQ;EACRC,OAAO;EACPC,UAAU;EACVC,gBAAgB,GAAG;AACV,CAAC,KAAK;EACf,oBACIV,KAAA,CAAAW,aAAA,CAACP,cAAc;IACXQ,EAAE,EAAE,cAAe;IACnBC,WAAW,EAAEH,gBAAiB;IAC9BJ,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBC,OAAO,EAAEA,OAAQ;IACjBM,YAAY,EAAC,KAAK;IAClBC,SAAS,eAAEf,KAAA,CAAAW,aAAA,CAACR,IAAI;MAACa,KAAK,EAAE,QAAS;MAACC,IAAI,eAAEjB,KAAA,CAAAW,aAAA,CAACT,UAAU,MAAE;IAAE,CAAE,CAAE;IAC3DgB,OAAO,EAAE,OAAQ;IACjBC,IAAI,EAAE,IAAK;IACX,eAAaV;EAAW,CAC3B,CAAC;AAEV,CAAC","ignoreList":[]}