@webiny/app-admin 0.0.0-unstable.aa00eecd97 → 0.0.0-unstable.ac6ebf63c6

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

package/components/Permissions/Permissions.js

@@ -1,52 +1,42 @@
-"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/ui/Accordion/index.js";
+import { plugins } from "@webiny/plugins";
+export const Permissions = ({
+  id,
+  value,
+  onChange,
+  ...props
+}) => {
+  const {
+    systemPlugins,
+    permissionPlugins
+  } = useMemo(() => {
+    if (props.plugins) {
+      return {
+        permissionPlugins: props.plugins,
+        systemPlugins: []
+      };
+    }
+    return plugins.byType("admin-app-permissions-renderer").reduce((acc, plugin) => {
+      if (plugin.system === true) {
+        acc.systemPlugins.push(plugin);
+      } else {
+        acc.permissionPlugins.push(plugin);
       }
-      return _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, {
+      return acc;
+    }, {
+      systemPlugins: [],
+      permissionPlugins: []
+    });
+  }, []);
+  return /*#__PURE__*/React.createElement(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
-    }));
-  }));
+  }, [...systemPlugins, ...permissionPlugins].map(pl => /*#__PURE__*/React.createElement(React.Fragment, {
+    key: pl.name + "." + id
+  }, pl.render({
+    value,
+    onChange
+  }))));
 };
-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","plugins","Permissions","id","value","onChange","props","systemPlugins","permissionPlugins","byType","reduce","acc","plugin","system","push","createElement","elevation","map","pl","Fragment","key","name","render"],"sources":["Permissions.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport type { AdminAppPermissionRendererPlugin } from \"~/types.js\";\nimport { Accordion } from \"@webiny/ui/Accordion/index.js\";\nimport { plugins } from \"@webiny/plugins\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport type { PermissionRendererPlugin } from \"~/plugins/PermissionRendererPlugin.js\";\n\ninterface PermissionsProps extends BindComponentRenderProp {\n    id: string;\n    plugins?: PermissionRendererPlugin[];\n}\n\ninterface PermissionPlugins {\n    systemPlugins: (AdminAppPermissionRendererPlugin | PermissionRendererPlugin)[];\n    permissionPlugins: (AdminAppPermissionRendererPlugin | PermissionRendererPlugin)[];\n}\n\nexport const Permissions = ({ id, value, onChange, ...props }: PermissionsProps) => {\n    const { systemPlugins, permissionPlugins } = useMemo<PermissionPlugins>(() => {\n        if (props.plugins) {\n            return { permissionPlugins: props.plugins, systemPlugins: [] };\n        }\n\n        return plugins\n            .byType<AdminAppPermissionRendererPlugin>(\"admin-app-permissions-renderer\")\n            .reduce(\n                (acc, plugin) => {\n                    if (plugin.system === true) {\n                        acc.systemPlugins.push(plugin);\n                    } else {\n                        acc.permissionPlugins.push(plugin);\n                    }\n                    return acc;\n                },\n                { systemPlugins: [], permissionPlugins: [] } as PermissionPlugins\n            );\n    }, []);\n\n    return (\n        <Accordion elevation={0}>\n            {[...systemPlugins, ...permissionPlugins].map(pl => (\n                <React.Fragment key={pl.name + \".\" + id}>\n                    {pl.render({\n                        value,\n                        onChange\n                    })}\n                </React.Fragment>\n            ))}\n        </Accordion>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAEtC,SAASC,SAAS,QAAQ,+BAA+B;AACzD,SAASC,OAAO,QAAQ,iBAAiB;AAczC,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAAEC,EAAE;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAAwB,CAAC,KAAK;EAChF,MAAM;IAAEC,aAAa;IAAEC;EAAkB,CAAC,GAAGT,OAAO,CAAoB,MAAM;IAC1E,IAAIO,KAAK,CAACL,OAAO,EAAE;MACf,OAAO;QAAEO,iBAAiB,EAAEF,KAAK,CAACL,OAAO;QAAEM,aAAa,EAAE;MAAG,CAAC;IAClE;IAEA,OAAON,OAAO,CACTQ,MAAM,CAAmC,gCAAgC,CAAC,CAC1EC,MAAM,CACH,CAACC,GAAG,EAAEC,MAAM,KAAK;MACb,IAAIA,MAAM,CAACC,MAAM,KAAK,IAAI,EAAE;QACxBF,GAAG,CAACJ,aAAa,CAACO,IAAI,CAACF,MAAM,CAAC;MAClC,CAAC,MAAM;QACHD,GAAG,CAACH,iBAAiB,CAACM,IAAI,CAACF,MAAM,CAAC;MACtC;MACA,OAAOD,GAAG;IACd,CAAC,EACD;MAAEJ,aAAa,EAAE,EAAE;MAAEC,iBAAiB,EAAE;IAAG,CAC/C,CAAC;EACT,CAAC,EAAE,EAAE,CAAC;EAEN,oBACIV,KAAA,CAAAiB,aAAA,CAACf,SAAS;IAACgB,SAAS,EAAE;EAAE,GACnB,CAAC,GAAGT,aAAa,EAAE,GAAGC,iBAAiB,CAAC,CAACS,GAAG,CAACC,EAAE,iBAC5CpB,KAAA,CAAAiB,aAAA,CAACjB,KAAK,CAACqB,QAAQ;IAACC,GAAG,EAAEF,EAAE,CAACG,IAAI,GAAG,GAAG,GAAGlB;EAAG,GACnCe,EAAE,CAACI,MAAM,CAAC;IACPlB,KAAK;IACLC;EACJ,CAAC,CACW,CACnB,CACM,CAAC;AAEpB,CAAC","ignoreList":[]}

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,15 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+import React from "react";
+import { css } from "emotion";
+import { Label } from "@webiny/admin-ui";
+export 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;
+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","paddingTop","PermissionInfo","title","createElement","className","text"],"sources":["StyledComponents.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { Label } from \"@webiny/admin-ui\";\n\nexport const gridWithPaddingClass = css({\n    paddingTop: \"var(--padding-md)\"\n});\n\ninterface PermissionInfoProps {\n    title: string;\n}\nexport const PermissionInfo = ({ title }: PermissionInfoProps) => (\n    <div className={\"flex items-center h-full\"}>\n        <Label text={title} />\n    </div>\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,QAAQ,SAAS;AAC7B,SAASC,KAAK,QAAQ,kBAAkB;AAExC,OAAO,MAAMC,oBAAoB,GAAGF,GAAG,CAAC;EACpCG,UAAU,EAAE;AAChB,CAAC,CAAC;AAKF,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAAEC;AAA2B,CAAC,kBACzDN,KAAA,CAAAO,aAAA;EAAKC,SAAS,EAAE;AAA2B,gBACvCR,KAAA,CAAAO,aAAA,CAACL,KAAK;EAACO,IAAI,EAAEH;AAAM,CAAE,CACpB,CACR","ignoreList":[]}

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;

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

package/components/RolesMultiAutocomplete/index.js

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

package/components/RolesMultiAutocomplete/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","MultiAutoComplete","LIST_ROLES","useQuery","RolesMultiAutocomplete","props","data","loading","options","security","roles","createElement","Object","assign","valueProp","unique","value","undefined"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport type { MultiAutoCompleteProps } from \"@webiny/ui/AutoComplete/index.js\";\nimport { MultiAutoComplete } from \"@webiny/ui/AutoComplete/index.js\";\nimport { LIST_ROLES } from \"./graphql.js\";\nimport { useQuery } from \"@apollo/react-hooks\";\n\ntype RolesMultiAutocompleteProps = Partial<MultiAutoCompleteProps>;\n\nexport const RolesMultiAutocomplete = (props: RolesMultiAutocompleteProps) => {\n    const { data, loading } = useQuery(LIST_ROLES);\n\n    const options = loading || !data ? [] : data.security.roles.data;\n\n    return (\n        <MultiAutoComplete\n            {...props}\n            options={options}\n            valueProp={\"id\"}\n            unique={true}\n            value={loading ? undefined : props.value}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,iBAAiB,QAAQ,kCAAkC;AACpE,SAASC,UAAU;AACnB,SAASC,QAAQ,QAAQ,qBAAqB;AAI9C,OAAO,MAAMC,sBAAsB,GAAIC,KAAkC,IAAK;EAC1E,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,iBAAiB,EAAAW,MAAA,CAAAC,MAAA,KACVR,KAAK;IACTG,OAAO,EAAEA,OAAQ;IACjBM,SAAS,EAAE,IAAK;IAChBC,MAAM,EAAE,IAAK;IACbC,KAAK,EAAET,OAAO,GAAGU,SAAS,GAAGZ,KAAK,CAACW;EAAM,EAC5C,CAAC;AAEV,CAAC","ignoreList":[]}

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;

package/components/SearchUI.js

@@ -1,73 +1,28 @@
-"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.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _InputField = _interopRequireDefault(require("./SimpleUI/InputField"));
-var _search = require("@material-design-icons/svg/outlined/search.svg");
-var SearchWrapper = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "epa3kz70",
-  label: "SearchWrapper"
-})({
-  width: "100%",
-  height: "100%",
-  display: "flex",
-  position: "relative",
-  "& .search__icon": {
-    position: "absolute",
-    top: 0,
-    left: 0,
-    bottom: 0,
-    pointerEvents: "none",
-    display: "flex",
-    alignItems: "center",
-    paddingLeft: "0.25rem",
-    color: "var(--mdc-theme-text-secondary-on-background)"
-  },
-  "& .search__input": {
-    width: "100%",
-    padding: "0.5rem 0.5rem 0.5rem 2.25rem",
-    outline: "none",
-    border: "none",
-    color: "var(--mdc-theme-text-primary-on-background)",
-    "&:focus": {
-      outline: "none"
-    },
-    "&::placeholder": {
-      textTransform: "uppercase",
-      letterSpacing: "0.05em",
-      color: "var(--mdc-theme-text-secondary-on-background)"
-    }
-  }
-});
-var Search = function Search(_ref) {
-  var value = _ref.value,
-    onChange = _ref.onChange,
-    onEnter = _ref.onEnter,
-    _ref$inputPlaceholder = _ref.inputPlaceholder,
-    inputPlaceholder = _ref$inputPlaceholder === void 0 ? "Search..." : _ref$inputPlaceholder;
-  var inputOnKeyDown = (0, _react.useCallback)(function (e) {
-    if (typeof onEnter === "function" && e.key === "Enter") {
-      onEnter();
-    }
-  }, [onEnter]);
-  return /*#__PURE__*/_react.default.createElement(SearchWrapper, {
-    "data-testid": "default-data-list.search"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "search__icon"
-  }, /*#__PURE__*/_react.default.createElement(_search.ReactComponent, null)), /*#__PURE__*/_react.default.createElement(_InputField.default, {
-    onKeyDown: inputOnKeyDown,
-    className: "search__input",
+import React from "react";
+import { ReactComponent as SearchIcon } from "@webiny/icons/search.svg";
+import { Icon, InputPrimitive } from "@webiny/admin-ui";
+export const SearchUI = ({
+  value,
+  onChange,
+  onEnter,
+  dataTestId,
+  inputPlaceholder = "Search..."
+}) => {
+  return /*#__PURE__*/React.createElement(InputPrimitive, {
+    id: "search-input",
     placeholder: inputPlaceholder,
     value: value,
     onChange: onChange,
-    autoComplete: "off"
-  }));
+    onEnter: onEnter,
+    autoComplete: "off",
+    startIcon: /*#__PURE__*/React.createElement(Icon, {
+      label: "Search",
+      icon: /*#__PURE__*/React.createElement(SearchIcon, null)
+    }),
+    variant: "ghost",
+    size: "md",
+    "data-testid": dataTestId
+  });
 };
-var _default = Search;
-exports.default = _default;
+
+//# sourceMappingURL=SearchUI.js.map