@webiny/app-admin 0.0.0-unstable.bca7b3e350 → 0.0.0-unstable.c27f4d8a31

package/components/OverlayLayout/components/OverlayHeader.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","cva","HeaderBar","IconButton","ReactComponent","CloseIcon","overlayHeaderVariants","variants","variant","default","strong","defaultVariants","OverlayHeader","start","middle","end","hideOverlay","className","props","buttonIconVariant","createElement","Object","assign","Fragment","size","iconSize","onClick","icon"],"sources":["OverlayHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, cva, HeaderBar, IconButton, type VariantProps } from \"@webiny/admin-ui\";\nimport { ReactComponent as CloseIcon } from \"@webiny/icons/close.svg\";\n\nconst overlayHeaderVariants = cva(\"\", {\n    variants: {\n        variant: {\n            default: \"bg-neutral-base text-neutral-base\",\n            strong: \"bg-neutral-dark text-neutral-light\"\n        }\n    },\n    defaultVariants: {\n        variant: \"default\"\n    }\n});\n\ninterface OverlayHeaderProps\n    extends React.HTMLAttributes<HTMLDivElement>,\n        VariantProps<typeof overlayHeaderVariants> {\n    start?: React.ReactNode;\n    middle?: React.ReactNode;\n    end?: React.ReactNode;\n    hideOverlay?: () => void;\n}\n\nconst OverlayHeader = ({\n    start,\n    middle,\n    end,\n    hideOverlay,\n    variant,\n    className,\n    ...props\n}: OverlayHeaderProps) => {\n    const buttonIconVariant = variant === \"strong\" ? \"ghost-negative\" : \"ghost\";\n\n    return (\n        <HeaderBar\n            start={<div className={\"pl-md\"}>{start}</div>}\n            middle={middle}\n            end={\n                <>\n                    {end}\n                    <IconButton\n                        variant={buttonIconVariant}\n                        size={\"md\"}\n                        iconSize={\"lg\"}\n                        onClick={hideOverlay}\n                        icon={<CloseIcon />}\n                    />\n                </>\n            }\n            className={cn(overlayHeaderVariants({ variant }), className)}\n            {...props}\n        />\n    );\n};\n\nexport { OverlayHeader, type OverlayHeaderProps, overlayHeaderVariants };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,GAAG,EAAEC,SAAS,EAAEC,UAAU,QAA2B,kBAAkB;AACpF,SAASC,cAAc,IAAIC,SAAS,QAAQ,yBAAyB;AAErE,MAAMC,qBAAqB,GAAGL,GAAG,CAAC,EAAE,EAAE;EAClCM,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,OAAO,EAAE,mCAAmC;MAC5CC,MAAM,EAAE;IACZ;EACJ,CAAC;EACDC,eAAe,EAAE;IACbH,OAAO,EAAE;EACb;AACJ,CAAC,CAAC;AAWF,MAAMI,aAAa,GAAGA,CAAC;EACnBC,KAAK;EACLC,MAAM;EACNC,GAAG;EACHC,WAAW;EACXR,OAAO;EACPS,SAAS;EACT,GAAGC;AACa,CAAC,KAAK;EACtB,MAAMC,iBAAiB,GAAGX,OAAO,KAAK,QAAQ,GAAG,gBAAgB,GAAG,OAAO;EAE3E,oBACIT,KAAA,CAAAqB,aAAA,CAAClB,SAAS,EAAAmB,MAAA,CAAAC,MAAA;IACNT,KAAK,eAAEd,KAAA,CAAAqB,aAAA;MAAKH,SAAS,EAAE;IAAQ,GAAEJ,KAAW,CAAE;IAC9CC,MAAM,EAAEA,MAAO;IACfC,GAAG,eACChB,KAAA,CAAAqB,aAAA,CAAArB,KAAA,CAAAwB,QAAA,QACKR,GAAG,eACJhB,KAAA,CAAAqB,aAAA,CAACjB,UAAU;MACPK,OAAO,EAAEW,iBAAkB;MAC3BK,IAAI,EAAE,IAAK;MACXC,QAAQ,EAAE,IAAK;MACfC,OAAO,EAAEV,WAAY;MACrBW,IAAI,eAAE5B,KAAA,CAAAqB,aAAA,CAACf,SAAS,MAAE;IAAE,CACvB,CACH,CACL;IACDY,SAAS,EAAEjB,EAAE,CAACM,qBAAqB,CAAC;MAAEE;IAAQ,CAAC,CAAC,EAAES,SAAS;EAAE,GACzDC,KAAK,CACZ,CAAC;AAEV,CAAC;AAED,SAASN,aAAa,EAA2BN,qBAAqB","ignoreList":[]}

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,22 @@
+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,"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

@@ -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,6 @@
+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

@@ -0,0 +1 @@
+{"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,16 +1,3 @@
-"use strict";
+export * from "./OverlayLayout.js";
 
-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];
-    }
-  });
-});
+//# 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;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./OverlayLayout.js\";\n"],"mappings":"AAAA","ignoreList":[]}

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

package/components/Permissions/CannotUseAaclAlert.js.map

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

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,48 @@
-"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: []
-        };
+import React, { useMemo } from "react";
+import { Accordion } from "@webiny/admin-ui";
+import { useAdminConfig } from "../../config/AdminConfig.js";
+import { PermissionValueProvider } from "../../permissions/PermissionValueContext.js";
+import { PermissionRenderer } from "../../permissions/PermissionRenderer.js";
+const byTitle = (a, b) => {
+  return a.title.localeCompare(b.title);
+};
+export const Permissions = ({
+  id,
+  value,
+  onChange
+}) => {
+  const {
+    permissionRenderers
+  } = useAdminConfig();
+  const renderers = useMemo(() => {
+    const systemRenderers = [];
+    const appRenderers = [];
+    for (const renderer of permissionRenderers) {
+      if (renderer.system) {
+        systemRenderers.push(renderer);
+      } else {
+        appRenderers.push(renderer);
       }
-      return _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
-    }));
-  }));
+    }
+    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);
+  })));
 };
-exports.Permissions = 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,"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.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,18 @@
+import React from "react";
+import { cn, Heading } from "@webiny/admin-ui";
+const PermissionsGroup = ({
+  className,
+  children,
+  title,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
+    className: cn("mb-lg p-md-extra border-sm border-neutral-dimmed rounded-lg", className)
+  }), /*#__PURE__*/React.createElement(Heading, {
+    level: 6,
+    className: "mb-sm"
+  }, title), children);
+};
+export { PermissionsGroup };
+
+//# sourceMappingURL=PermissionsGroup.js.map

package/components/Permissions/PermissionsGroup.js.map

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

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,21 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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/css";
+import { Label } from "@webiny/admin-ui";
+export const gridWithPaddingClass = /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+  name: "musf0l",
+  styles: "padding-top:var(--padding-md)"
+} : {
+  name: "auruij-gridWithPaddingClass",
+  styles: "padding-top:var(--padding-md);label:gridWithPaddingClass;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0eWxlZENvbXBvbmVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlvQyIsImZpbGUiOiJTdHlsZWRDb21wb25lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcbmltcG9ydCB7IExhYmVsIH0gZnJvbSBcIkB3ZWJpbnkvYWRtaW4tdWlcIjtcblxuZXhwb3J0IGNvbnN0IGdyaWRXaXRoUGFkZGluZ0NsYXNzID0gY3NzKHtcbiAgICBwYWRkaW5nVG9wOiBcInZhcigtLXBhZGRpbmctbWQpXCJcbn0pO1xuXG5pbnRlcmZhY2UgUGVybWlzc2lvbkluZm9Qcm9wcyB7XG4gICAgdGl0bGU6IHN0cmluZztcbn1cbmV4cG9ydCBjb25zdCBQZXJtaXNzaW9uSW5mbyA9ICh7IHRpdGxlIH06IFBlcm1pc3Npb25JbmZvUHJvcHMpID0+IChcbiAgICA8ZGl2IGNsYXNzTmFtZT17XCJmbGV4IGl0ZW1zLWNlbnRlciBoLWZ1bGxcIn0+XG4gICAgICAgIDxMYWJlbCB0ZXh0PXt0aXRsZX0gLz5cbiAgICA8L2Rpdj5cbik7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-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;
+export const PermissionInfo = ({
+  title
+}) => /*#__PURE__*/React.createElement("div", {
+  className: "flex items-center h-full"
+}, /*#__PURE__*/React.createElement(Label, {
+  text: title
+}));
+
+//# 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,"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,2 +1,4 @@
-export * from "./StyledComponents";
-export { Permissions } from "./Permissions";
+export * from "./StyledComponents.js";
+export { Permissions } from "./Permissions.js";
+export { CannotUseAaclAlert } from "./CannotUseAaclAlert.js";
+export * from "./PermissionsGroup.js";

package/components/Permissions/index.js

@@ -1,27 +1,6 @@
-"use strict";
+export * from "./StyledComponents.js";
+export { Permissions } from "./Permissions.js";
+export { CannotUseAaclAlert } from "./CannotUseAaclAlert.js";
+export * from "./PermissionsGroup.js";
 
-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");
+//# sourceMappingURL=index.js.map

package/components/Permissions/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./StyledComponents\";\nexport { Permissions } from \"./Permissions\";\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA"}
+{"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 { useEffect } from "react";
+import { useContainer } from "@webiny/app";
+
+// Extract the first parameter type from TParams tuple
+
+// Conditional props based on whether feature requires options
+
+function RegisterFeatureImpl({
+  feature,
+  options
+}) {
+  const container = useContainer();
+  useEffect(() => {
+    // 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":["useEffect","useContainer","RegisterFeatureImpl","feature","options","container","register","undefined","RegisterFeature"],"sources":["RegisterFeature.tsx"],"sourcesContent":["import { useEffect } 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\nfunction RegisterFeatureImpl<TParams extends any[]>({\n    feature,\n    options\n}: RegisterFeatureProps<TParams>) {\n    const container = useContainer();\n    useEffect(() => {\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,SAAS,QAAQ,OAAO;AACjC,SAASC,YAAY,QAAQ,aAAa;;AAG1C;;AAKA;;AAKA,SAASC,mBAAmBA,CAAwB;EAChDC,OAAO;EACPC;AAC2B,CAAC,EAAE;EAC9B,MAAMC,SAAS,GAAGJ,YAAY,CAAC,CAAC;EAChCD,SAAS,CAAC,MAAM;IACZ;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;AAEA,OAAO,MAAMI,eAAe,GAAGN,mBAEtB","ignoreList":[]}

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,3 @@
+export { Group as PanelGroup, Panel, Separator as PanelResizeHandle } from "react-resizable-panels";
+
+//# sourceMappingURL=index.js.map

package/components/ResizablePanels/index.js.map

@@ -0,0 +1 @@
+{"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,5 @@
+import React from "react";
+import type { AutoCompleteProps } from "@webiny/ui/AutoComplete/index.js";
+type RoleAutocompleteProps = Partial<AutoCompleteProps>;
+export declare const RoleAutocomplete: (props: RoleAutocompleteProps) => React.JSX.Element;
+export {};

package/components/RoleAutocomplete/index.js

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

package/components/RoleAutocomplete/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","AutoComplete","LIST_ROLES","useQuery","RoleAutocomplete","props","data","loading","options","security","roles","createElement","Object","assign","valueProp","value","undefined"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport type { AutoCompleteProps } from \"@webiny/ui/AutoComplete/index.js\";\nimport { AutoComplete } from \"@webiny/ui/AutoComplete/index.js\";\nimport { LIST_ROLES } from \"./graphql.js\";\nimport { useQuery } from \"@apollo/react-hooks\";\n\ntype RoleAutocompleteProps = Partial<AutoCompleteProps>;\nexport const RoleAutocomplete = (props: RoleAutocompleteProps) => {\n    const { data, loading } = useQuery(LIST_ROLES);\n\n    const options = loading || !data ? [] : data.security.roles.data;\n\n    return (\n        <AutoComplete\n            {...props}\n            options={options}\n            valueProp={\"id\"}\n            value={loading ? undefined : props.value}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,kCAAkC;AAC/D,SAASC,UAAU;AACnB,SAASC,QAAQ,QAAQ,qBAAqB;AAG9C,OAAO,MAAMC,gBAAgB,GAAIC,KAA4B,IAAK;EAC9D,MAAM;IAAEC,IAAI;IAAEC;EAAQ,CAAC,GAAGJ,QAAQ,CAACD,UAAU,CAAC;EAE9C,MAAMM,OAAO,GAAGD,OAAO,IAAI,CAACD,IAAI,GAAG,EAAE,GAAGA,IAAI,CAACG,QAAQ,CAACC,KAAK,CAACJ,IAAI;EAEhE,oBACIN,KAAA,CAAAW,aAAA,CAACV,YAAY,EAAAW,MAAA,CAAAC,MAAA,KACLR,KAAK;IACTG,OAAO,EAAEA,OAAQ;IACjBM,SAAS,EAAE,IAAK;IAChBC,KAAK,EAAER,OAAO,GAAGS,SAAS,GAAGX,KAAK,CAACU;EAAM,EAC5C,CAAC;AAEV,CAAC","ignoreList":[]}

package/components/RolesMultiAutocomplete/graphql.d.ts

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