@webiny/app-admin 0.0.0-unstable.496cf268ac → 0.0.0-unstable.5387e5f7c8

package/components/OverlayLayout/components/OverlayRoot.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { ExitHandler } from "react-transition-group/Transition";
+interface OverlayRootProps {
+    visible?: boolean;
+    onExited?: ExitHandler<HTMLElement>;
+    children: React.ReactNode;
+}
+declare const OverlayRoot: ({ visible, onExited, children }: OverlayRootProps) => React.JSX.Element;
+export { OverlayRoot, type OverlayRootProps };

package/components/OverlayLayout/components/OverlayRoot.js

@@ -0,0 +1,18 @@
+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));
+};
+export { OverlayRoot };
+
+//# sourceMappingURL=OverlayRoot.js.map

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

@@ -0,0 +1 @@
+{"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.d.ts

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

package/components/OverlayLayout/components/index.js

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

package/components/OverlayLayout/index.d.ts

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

package/components/OverlayLayout/index.js

@@ -1,16 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _OverlayLayout = require("./OverlayLayout");
-Object.keys(_OverlayLayout).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _OverlayLayout[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _OverlayLayout[key];
-    }
-  });
-});
+export * from "./OverlayLayout.js";

package/components/Permissions/CannotUseAaclAlert.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const CannotUseAaclAlert: () => React.JSX.Element;

package/components/Permissions/CannotUseAaclAlert.js

@@ -0,0 +1,13 @@
+import react from "react";
+import { Alert } from "@webiny/admin-ui";
+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

@@ -0,0 +1 @@
+{"version":3,"file":"components/Permissions/CannotUseAaclAlert.js","sources":["../../../src/components/Permissions/CannotUseAaclAlert.tsx"],"sourcesContent":["import React from \"react\";\nimport { Alert } from \"@webiny/admin-ui\";\n\nexport const CannotUseAaclAlert = () => {\n    return (\n        <Alert title={\"Advanced Access Control Layer (AACL) not activated\"} type={\"warning\"}>\n            <strong>Custom access</strong> option cannot be used because the Advanced Access Control\n            Layer (AACL) is not activated. <br />\n            <br />\n            To learn more, please visit the official&nbsp;\n            <a href={\"https://webiny.link/aacl\"} target={\"_blank\"} rel={\"noreferrer\"}>\n                documentation\n            </a>\n            .\n        </Alert>\n    );\n};\n"],"names":["CannotUseAaclAlert","Alert"],"mappings":";;AAGO,MAAMA,qBAAqB,IACvB,WAAP,GACI,oBAACC,OAAKA;QAAC,OAAO;QAAsD,MAAM;qBACtE,oBAAC,gBAAO,kBAAsB,4GACC,oBAAC,2BAChC,oBAAC,aAAK,8DAEN,oBAAC;QAAE,MAAM;QAA4B,QAAQ;QAAU,KAAK;OAAc,kBAEtE"}

package/components/Permissions/Permissions.d.ts

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

package/components/Permissions/Permissions.js

@@ -1,52 +1,40 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Permissions = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _Accordion = require("@webiny/ui/Accordion");
-var _plugins = require("@webiny/plugins");
-var _excluded = ["id", "value", "onChange"];
-var Permissions = function Permissions(_ref) {
-  var id = _ref.id,
-    value = _ref.value,
-    onChange = _ref.onChange,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useMemo = (0, _react.useMemo)(function () {
-      if (props.plugins) {
-        return {
-          permissionPlugins: props.plugins,
-          systemPlugins: []
-        };
-      }
-      return _plugins.plugins.byType("admin-app-permissions-renderer").reduce(function (acc, plugin) {
-        if (plugin.system === true) {
-          acc.systemPlugins.push(plugin);
-        } else {
-          acc.permissionPlugins.push(plugin);
-        }
-        return acc;
-      }, {
-        systemPlugins: [],
-        permissionPlugins: []
-      });
-    }, []),
-    systemPlugins = _useMemo.systemPlugins,
-    permissionPlugins = _useMemo.permissionPlugins;
-  return /*#__PURE__*/_react.default.createElement(_Accordion.Accordion, {
-    elevation: 0
-  }, [].concat((0, _toConsumableArray2.default)(systemPlugins), (0, _toConsumableArray2.default)(permissionPlugins)).map(function (pl) {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
-      key: pl.name + "." + id
-    }, pl.render({
-      value: value,
-      onChange: onChange
-    }));
-  }));
+import react, { useMemo } from "react";
+import { Accordion } from "@webiny/admin-ui";
+import { useAdminConfig } from "../../config/AdminConfig.js";
+import { PermissionValueProvider } from "../../permissions/PermissionValueContext.js";
+import { PermissionRenderer } from "../../permissions/PermissionRenderer.js";
+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))));
 };
-exports.Permissions = Permissions;
+export { Permissions };
+
+//# sourceMappingURL=Permissions.js.map

package/components/Permissions/Permissions.js.map

@@ -1 +1 @@
-{"version":3,"names":["Permissions","id","value","onChange","props","useMemo","plugins","permissionPlugins","systemPlugins","byType","reduce","acc","plugin","system","push","map","pl","name","render"],"sources":["Permissions.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { AdminAppPermissionRendererPlugin } from \"~/types\";\nimport { Accordion } from \"@webiny/ui/Accordion\";\nimport { plugins } from \"@webiny/plugins\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\nimport { 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: React.FC<PermissionsProps> = ({ id, value, onChange, ...props }) => {\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;AAEA;AACA;AAA0C;AAcnC,IAAMA,WAAuC,GAAG,SAA1CA,WAAuC,OAA0C;EAAA,IAApCC,EAAE,QAAFA,EAAE;IAAEC,KAAK,QAALA,KAAK;IAAEC,QAAQ,QAARA,QAAQ;IAAKC,KAAK;EACnF,eAA6C,IAAAC,cAAO,EAAoB,YAAM;MAC1E,IAAID,KAAK,CAACE,OAAO,EAAE;QACf,OAAO;UAAEC,iBAAiB,EAAEH,KAAK,CAACE,OAAO;UAAEE,aAAa,EAAE;QAAG,CAAC;MAClE;MAEA,OAAOF,gBAAO,CACTG,MAAM,CAAmC,gCAAgC,CAAC,CAC1EC,MAAM,CACH,UAACC,GAAG,EAAEC,MAAM,EAAK;QACb,IAAIA,MAAM,CAACC,MAAM,KAAK,IAAI,EAAE;UACxBF,GAAG,CAACH,aAAa,CAACM,IAAI,CAACF,MAAM,CAAC;QAClC,CAAC,MAAM;UACHD,GAAG,CAACJ,iBAAiB,CAACO,IAAI,CAACF,MAAM,CAAC;QACtC;QACA,OAAOD,GAAG;MACd,CAAC,EACD;QAAEH,aAAa,EAAE,EAAE;QAAED,iBAAiB,EAAE;MAAG,CAAC,CAC/C;IACT,CAAC,EAAE,EAAE,CAAC;IAlBEC,aAAa,YAAbA,aAAa;IAAED,iBAAiB,YAAjBA,iBAAiB;EAoBxC,oBACI,6BAAC,oBAAS;IAAC,SAAS,EAAE;EAAE,GACnB,2CAAIC,aAAa,oCAAKD,iBAAiB,GAAEQ,GAAG,CAAC,UAAAC,EAAE;IAAA,oBAC5C,6BAAC,cAAK,CAAC,QAAQ;MAAC,GAAG,EAAEA,EAAE,CAACC,IAAI,GAAG,GAAG,GAAGhB;IAAG,GACnCe,EAAE,CAACE,MAAM,CAAC;MACPhB,KAAK,EAALA,KAAK;MACLC,QAAQ,EAARA;IACJ,CAAC,CAAC,CACW;EAAA,CACpB,CAAC,CACM;AAEpB,CAAC;AAAC"}
+{"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.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface PermissionsGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    title?: React.ReactNode;
+}
+declare const PermissionsGroup: ({ className, children, title, ...props }: PermissionsGroupProps) => React.JSX.Element;
+export { PermissionsGroup, type PermissionsGroupProps };

package/components/Permissions/PermissionsGroup.js

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -1,8 +1,7 @@
 import React from "react";
-export declare const flexClass: string;
-export declare const gridNoPaddingClass: string;
+export declare const gridWithPaddingClass: string;
 interface PermissionInfoProps {
     title: string;
 }
-export declare const PermissionInfo: React.FC<PermissionInfoProps>;
+export declare const PermissionInfo: ({ title }: PermissionInfoProps) => React.JSX.Element;
 export {};

package/components/Permissions/StyledComponents.js

@@ -1,29 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+import react from "react";
+import { css } from "@emotion/css";
+import { Label } from "@webiny/admin-ui";
+const gridWithPaddingClass = css({
+    paddingTop: "var(--padding-md)"
 });
-exports.gridNoPaddingClass = exports.flexClass = exports.PermissionInfo = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _emotion = require("emotion");
-var _Typography = require("@webiny/ui/Typography");
-var flexClass = /*#__PURE__*/(0, _emotion.css)({
-  display: "flex",
-  alignItems: "center",
-  height: "100%"
-}, "label:flexClass;");
-exports.flexClass = flexClass;
-var gridNoPaddingClass = /*#__PURE__*/(0, _emotion.css)({
-  padding: "0px !important"
-}, "label:gridNoPaddingClass;");
-exports.gridNoPaddingClass = gridNoPaddingClass;
-var PermissionInfo = function PermissionInfo(_ref) {
-  var title = _ref.title;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: flexClass
-  }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "body2"
-  }, title));
-};
-exports.PermissionInfo = PermissionInfo;
+const PermissionInfo = ({ title })=>/*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center h-full"
+    }, /*#__PURE__*/ react.createElement(Label, {
+        text: title
+    }));
+export { PermissionInfo, gridWithPaddingClass };
+
+//# sourceMappingURL=StyledComponents.js.map

package/components/Permissions/StyledComponents.js.map

@@ -1 +1 @@
-{"version":3,"names":["flexClass","css","display","alignItems","height","gridNoPaddingClass","padding","PermissionInfo","title"],"sources":["StyledComponents.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nexport const flexClass = css({\n    display: \"flex\",\n    alignItems: \"center\",\n    height: \"100%\"\n});\n\nexport const gridNoPaddingClass = css({\n    padding: \"0px !important\"\n});\n\ninterface PermissionInfoProps {\n    title: string;\n}\nexport const PermissionInfo: React.FC<PermissionInfoProps> = ({ title }) => (\n    <div className={flexClass}>\n        <Typography use={\"body2\"}>{title}</Typography>\n    </div>\n);\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAEO,IAAMA,SAAS,gBAAG,IAAAC,YAAG,EAAC;EACzBC,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE,QAAQ;EACpBC,MAAM,EAAE;AACZ,CAAC,qBAAC;AAAC;AAEI,IAAMC,kBAAkB,gBAAG,IAAAJ,YAAG,EAAC;EAClCK,OAAO,EAAE;AACb,CAAC,8BAAC;AAAC;AAKI,IAAMC,cAA6C,GAAG,SAAhDA,cAA6C;EAAA,IAAMC,KAAK,QAALA,KAAK;EAAA,oBACjE;IAAK,SAAS,EAAER;EAAU,gBACtB,6BAAC,sBAAU;IAAC,GAAG,EAAE;EAAQ,GAAEQ,KAAK,CAAc,CAC5C;AAAA,CACT;AAAC"}
+{"version":3,"file":"components/Permissions/StyledComponents.js","sources":["../../../src/components/Permissions/StyledComponents.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"@emotion/css\";\nimport { Label } from \"@webiny/admin-ui\";\n\nexport const gridWithPaddingClass = css({\n    paddingTop: \"var(--padding-md)\"\n});\n\ninterface PermissionInfoProps {\n    title: string;\n}\nexport const PermissionInfo = ({ title }: PermissionInfoProps) => (\n    <div className={\"flex items-center h-full\"}>\n        <Label text={title} />\n    </div>\n);\n"],"names":["gridWithPaddingClass","css","PermissionInfo","title","Label"],"mappings":";;;AAIO,MAAMA,uBAAuBC,IAAI;IACpC,YAAY;AAChB;AAKO,MAAMC,iBAAiB,CAAC,EAAEC,KAAK,EAAuB,iBACzD,oBAAC;QAAI,WAAW;qBACZ,oBAACC,OAAKA;QAAC,MAAMD"}

package/components/Permissions/index.d.ts

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

package/components/Permissions/index.js

@@ -1,27 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  Permissions: true
-};
-Object.defineProperty(exports, "Permissions", {
-  enumerable: true,
-  get: function get() {
-    return _Permissions.Permissions;
-  }
-});
-var _StyledComponents = require("./StyledComponents");
-Object.keys(_StyledComponents).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _StyledComponents[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _StyledComponents[key];
-    }
-  });
-});
-var _Permissions = require("./Permissions");
+export * from "./StyledComponents.js";
+export * from "./PermissionsGroup.js";
+export { Permissions } from "./Permissions.js";
+export { mergeByName } from "./mergeByName.js";
+export { CannotUseAaclAlert } from "./CannotUseAaclAlert.js";

package/components/Permissions/mergeByName.d.ts

@@ -0,0 +1,11 @@
+import type { PermissionRendererConfig } from "../../permissions/types.js";
+/**
+ * Collapses renderers that share the same group `name` into a single renderer,
+ * concatenating their schema entities (deduped by entity id). This lets multiple
+ * apps contribute their own entities to one shared permission group (e.g. several
+ * dev tools each registering into "dev-tools") while the UI still shows one group.
+ *
+ * Group metadata (title, description, icon, system) is taken from the first
+ * registration of a given name; subsequent registrations only add entities.
+ */
+export declare const mergeByName: (renderers: PermissionRendererConfig[]) => PermissionRendererConfig[];

package/components/Permissions/mergeByName.js

@@ -0,0 +1,33 @@
+const mergeByName = (renderers)=>{
+    const byName = new Map();
+    for (const renderer of renderers){
+        const existing = byName.get(renderer.name);
+        if (!existing) {
+            byName.set(renderer.name, renderer.schema ? {
+                ...renderer,
+                schema: {
+                    ...renderer.schema,
+                    entities: [
+                        ...renderer.schema.entities ?? []
+                    ]
+                }
+            } : {
+                ...renderer
+            });
+            continue;
+        }
+        if (existing.schema && renderer.schema) {
+            const entities = existing.schema.entities ?? [];
+            const seen = new Set(entities.map((entity)=>entity.id));
+            for (const entity of renderer.schema.entities ?? [])if (!seen.has(entity.id)) {
+                entities.push(entity);
+                seen.add(entity.id);
+            }
+            existing.schema.entities = entities;
+        }
+    }
+    return Array.from(byName.values());
+};
+export { mergeByName };
+
+//# sourceMappingURL=mergeByName.js.map

package/components/Permissions/mergeByName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/Permissions/mergeByName.js","sources":["../../../src/components/Permissions/mergeByName.ts"],"sourcesContent":["import type { PermissionRendererConfig } from \"~/permissions/types.js\";\n\n/**\n * Collapses renderers that share the same group `name` into a single renderer,\n * concatenating their schema entities (deduped by entity id). This lets multiple\n * apps contribute their own entities to one shared permission group (e.g. several\n * dev tools each registering into \"dev-tools\") while the UI still shows one group.\n *\n * Group metadata (title, description, icon, system) is taken from the first\n * registration of a given name; subsequent registrations only add entities.\n */\nexport const mergeByName = (renderers: PermissionRendererConfig[]): PermissionRendererConfig[] => {\n    const byName = new Map<string, PermissionRendererConfig>();\n\n    for (const renderer of renderers) {\n        const existing = byName.get(renderer.name);\n\n        if (!existing) {\n            // Clone the schema (and its entities) so we never mutate the registered config.\n            byName.set(\n                renderer.name,\n                renderer.schema\n                    ? {\n                          ...renderer,\n                          schema: {\n                              ...renderer.schema,\n                              entities: [...(renderer.schema.entities ?? [])]\n                          }\n                      }\n                    : { ...renderer }\n            );\n            continue;\n        }\n\n        // Merge additional entities into the already-seen group.\n        if (existing.schema && renderer.schema) {\n            const entities = existing.schema.entities ?? [];\n            const seen = new Set(entities.map(entity => entity.id));\n            for (const entity of renderer.schema.entities ?? []) {\n                if (!seen.has(entity.id)) {\n                    entities.push(entity);\n                    seen.add(entity.id);\n                }\n            }\n            existing.schema.entities = entities;\n        }\n    }\n\n    return Array.from(byName.values());\n};\n"],"names":["mergeByName","renderers","byName","Map","renderer","existing","entities","seen","Set","entity","Array"],"mappings":"AAWO,MAAMA,cAAc,CAACC;IACxB,MAAMC,SAAS,IAAIC;IAEnB,KAAK,MAAMC,YAAYH,UAAW;QAC9B,MAAMI,WAAWH,OAAO,GAAG,CAACE,SAAS,IAAI;QAEzC,IAAI,CAACC,UAAU;YAEXH,OAAO,GAAG,CACNE,SAAS,IAAI,EACbA,SAAS,MAAM,GACT;gBACI,GAAGA,QAAQ;gBACX,QAAQ;oBACJ,GAAGA,SAAS,MAAM;oBAClB,UAAU;2BAAKA,SAAS,MAAM,CAAC,QAAQ,IAAI,EAAE;qBAAE;gBACnD;YACJ,IACA;gBAAE,GAAGA,QAAQ;YAAC;YAExB;QACJ;QAGA,IAAIC,SAAS,MAAM,IAAID,SAAS,MAAM,EAAE;YACpC,MAAME,WAAWD,SAAS,MAAM,CAAC,QAAQ,IAAI,EAAE;YAC/C,MAAME,OAAO,IAAIC,IAAIF,SAAS,GAAG,CAACG,CAAAA,SAAUA,OAAO,EAAE;YACrD,KAAK,MAAMA,UAAUL,SAAS,MAAM,CAAC,QAAQ,IAAI,EAAE,CAC/C,IAAI,CAACG,KAAK,GAAG,CAACE,OAAO,EAAE,GAAG;gBACtBH,SAAS,IAAI,CAACG;gBACdF,KAAK,GAAG,CAACE,OAAO,EAAE;YACtB;YAEJJ,SAAS,MAAM,CAAC,QAAQ,GAAGC;QAC/B;IACJ;IAEA,OAAOI,MAAM,IAAI,CAACR,OAAO,MAAM;AACnC"}

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,19 @@
+import { useMemo } from "react";
+import { useContainer } from "@webiny/app";
+const RegisterFeatureImpl = ({ feature, options })=>{
+    const container = useContainer();
+    useMemo(()=>{
+        const register = feature.register;
+        if (void 0 !== options) register(container, options);
+        else register(container);
+    }, [
+        container,
+        feature,
+        options
+    ]);
+    return null;
+};
+const RegisterFeature = RegisterFeatureImpl;
+export { RegisterFeature };
+
+//# sourceMappingURL=RegisterFeature.js.map

package/components/RegisterFeature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/RegisterFeature.js","sources":["../../src/components/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"],"names":["RegisterFeatureImpl","feature","options","container","useContainer","useMemo","register","undefined","RegisterFeature"],"mappings":";;AAcA,MAAMA,sBAAsB,CAAwB,EAChDC,OAAO,EACPC,OAAO,EACqB;IAC5B,MAAMC,YAAYC;IAClBC,QAAQ;QAEJ,MAAMC,WAAWL,QAAQ,QAAQ;QACjC,IAAIC,AAAYK,WAAZL,SACAI,SAASH,WAAWD;aAEpBI,SAASH;IAEjB,GAAG;QAACA;QAAWF;QAASC;KAAQ;IAChC,OAAO;AACX;AAEO,MAAMM,kBAAkBR"}

package/components/ResizablePanels/index.d.ts

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+export { Group as PanelGroup, Panel, Separator as PanelResizeHandle } from "react-resizable-panels";

package/components/RolesMultiAutocomplete/index.d.ts

@@ -0,0 +1,11 @@
+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, ...props }: RolesMultiAutocompleteProps) => React.JSX.Element) & React.NamedExoticComponent<Omit<import("@webiny/admin-ui/MultiAutoComplete/primitives").MultiAutoCompletePrimitiveProps & import("@webiny/admin-ui").FormComponentProps<any>, "onValuesChange" | "options"> & {
+    onChange?: (values: string[]) => void;
+}> & {
+    readonly type: ({ onChange, ...props }: RolesMultiAutocompleteProps) => React.JSX.Element;
+};
+export {};

package/components/RolesMultiAutocomplete/index.js

@@ -0,0 +1,36 @@
+import react, { useCallback, useEffect, useMemo } from "react";
+import { MultiAutoComplete } from "@webiny/admin-ui";
+import { useFeature } from "@webiny/app";
+import { observer } from "mobx-react-lite";
+import { RolesAutocompletePresenterFeature } from "../../presentation/accessManagement/roles/rolesAutocomplete/feature.js";
+const RolesMultiAutocomplete = observer(({ onChange, ...props })=>{
+    const { presenter } = useFeature(RolesAutocompletePresenterFeature);
+    useEffect(()=>{
+        presenter.init();
+    }, [
+        presenter
+    ]);
+    const onValuesChange = useCallback((ids)=>onChange?.(ids), [
+        onChange
+    ]);
+    const values = useMemo(()=>{
+        const selected = Array.isArray(props.values) ? props.values : Array.isArray(props.value) ? props.value : [];
+        return selected.reduce((acc, s)=>{
+            if ("string" == typeof s) acc.push(s);
+            else if ("object" == typeof s && s?.id) acc.push(s.id);
+            return acc;
+        }, []);
+    }, [
+        props.values,
+        props.value
+    ]);
+    return /*#__PURE__*/ react.createElement(MultiAutoComplete, {
+        ...props,
+        options: presenter.vm.options,
+        values: presenter.vm.loading ? void 0 : values,
+        onValuesChange: onValuesChange
+    });
+});
+export { RolesMultiAutocomplete };
+
+//# sourceMappingURL=index.js.map

package/components/RolesMultiAutocomplete/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/RolesMultiAutocomplete/index.js","sources":["../../../src/components/RolesMultiAutocomplete/index.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo } from \"react\";\nimport { MultiAutoComplete } from \"@webiny/admin-ui\";\nimport { useFeature } from \"@webiny/app\";\nimport { observer } from \"mobx-react-lite\";\nimport { RolesAutocompletePresenterFeature } from \"~/presentation/accessManagement/roles/rolesAutocomplete/feature.js\";\n\ntype RolesMultiAutocompleteProps = Omit<\n    React.ComponentProps<typeof MultiAutoComplete>,\n    \"options\" | \"onValuesChange\"\n> & {\n    onChange?: (values: string[]) => void;\n};\n\nexport const RolesMultiAutocomplete = observer(\n    ({ onChange, ...props }: RolesMultiAutocompleteProps) => {\n        const { presenter } = useFeature(RolesAutocompletePresenterFeature);\n\n        useEffect(() => {\n            presenter.init();\n        }, [presenter]);\n\n        const onValuesChange = useCallback((ids: string[]) => onChange?.(ids), [onChange]);\n\n        const values = useMemo(() => {\n            const selected = Array.isArray(props.values)\n                ? props.values\n                : Array.isArray(props.value)\n                  ? props.value\n                  : [];\n\n            return selected.reduce<string[]>((acc, s) => {\n                if (typeof s === \"string\") {\n                    acc.push(s);\n                } else if (typeof s === \"object\" && s?.id) {\n                    acc.push(s.id);\n                }\n                return acc;\n            }, []);\n        }, [props.values, props.value]);\n\n        return (\n            <MultiAutoComplete\n                {...props}\n                options={presenter.vm.options}\n                values={presenter.vm.loading ? undefined : values}\n                onValuesChange={onValuesChange}\n            />\n        );\n    }\n);\n"],"names":["RolesMultiAutocomplete","observer","onChange","props","presenter","useFeature","RolesAutocompletePresenterFeature","useEffect","onValuesChange","useCallback","ids","values","useMemo","selected","Array","acc","s","MultiAutoComplete","undefined"],"mappings":";;;;;AAaO,MAAMA,yBAAyBC,SAClC,CAAC,EAAEC,QAAQ,EAAE,GAAGC,OAAoC;IAChD,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IAEjCC,UAAU;QACNH,UAAU,IAAI;IAClB,GAAG;QAACA;KAAU;IAEd,MAAMI,iBAAiBC,YAAY,CAACC,MAAkBR,WAAWQ,MAAM;QAACR;KAAS;IAEjF,MAAMS,SAASC,QAAQ;QACnB,MAAMC,WAAWC,MAAM,OAAO,CAACX,MAAM,MAAM,IACrCA,MAAM,MAAM,GACZW,MAAM,OAAO,CAACX,MAAM,KAAK,IACvBA,MAAM,KAAK,GACX,EAAE;QAEV,OAAOU,SAAS,MAAM,CAAW,CAACE,KAAKC;YACnC,IAAI,AAAa,YAAb,OAAOA,GACPD,IAAI,IAAI,CAACC;iBACN,IAAI,AAAa,YAAb,OAAOA,KAAkBA,GAAG,IACnCD,IAAI,IAAI,CAACC,EAAE,EAAE;YAEjB,OAAOD;QACX,GAAG,EAAE;IACT,GAAG;QAACZ,MAAM,MAAM;QAAEA,MAAM,KAAK;KAAC;IAE9B,OAAO,WAAP,GACI,oBAACc,mBAAiBA;QACb,GAAGd,KAAK;QACT,SAASC,UAAU,EAAE,CAAC,OAAO;QAC7B,QAAQA,UAAU,EAAE,CAAC,OAAO,GAAGc,SAAYP;QAC3C,gBAAgBH;;AAG5B"}

package/components/SearchUI.d.ts

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