@webiny/app-admin 0.0.0-unstable.de38392959 → 0.0.0-unstable.df7a8bb475

package/components/Permissions/CannotUseAaclAlert.js

@@ -1,22 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CannotUseAaclAlert = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Alert = require("@webiny/ui/Alert");
-var CannotUseAaclAlert = function CannotUseAaclAlert() {
-  return /*#__PURE__*/_react.default.createElement(_Alert.Alert, {
+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.default.createElement("strong", null, "Custom access"), " option cannot be used because the Advanced Access Control Layer (AACL) is not activated. ", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), "To learn more, please visit the official\xA0", /*#__PURE__*/_react.default.createElement("a", {
+  }, /*#__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"), ".");
 };
-exports.CannotUseAaclAlert = CannotUseAaclAlert;
 
 //# sourceMappingURL=CannotUseAaclAlert.js.map

package/components/Permissions/CannotUseAaclAlert.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Alert","CannotUseAaclAlert","default","createElement","Alert","title","type","href","target","rel","exports"],"sources":["CannotUseAaclAlert.tsx"],"sourcesContent":["import React from \"react\";\nimport { Alert } from \"@webiny/ui/Alert\";\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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEO,IAAME,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAA,EAAS;EACpC,oBACIJ,MAAA,CAAAK,OAAA,CAAAC,aAAA,CAACH,MAAA,CAAAI,KAAK;IAACC,KAAK,EAAE,oDAAqD;IAACC,IAAI,EAAE;EAAU,gBAChFT,MAAA,CAAAK,OAAA,CAAAC,aAAA,iBAAQ,eAAqB,CAAC,8FACC,eAAAN,MAAA,CAAAK,OAAA,CAAAC,aAAA,WAAK,CAAC,eACrCN,MAAA,CAAAK,OAAA,CAAAC,aAAA,WAAK,CAAC,gDAEN,eAAAN,MAAA,CAAAK,OAAA,CAAAC,aAAA;IAAGI,IAAI,EAAE,0BAA2B;IAACC,MAAM,EAAE,QAAS;IAACC,GAAG,EAAE;EAAa,GAAC,eAEvE,CAAC,KAED,CAAC;AAEhB,CAAC;AAACC,OAAA,CAAAT,kBAAA,GAAAA,kBAAA"}
+{"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 @@
-/// <reference types="react" />
-import { BindComponentRenderProp } from "@webiny/form";
-import { PermissionRendererPlugin } from "../../plugins/PermissionRendererPlugin";
+import React from "react";
+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: ({ id, value, onChange, ...props }: PermissionsProps) => JSX.Element;
+export declare const Permissions: ({ id, value, onChange, ...props }: PermissionsProps) => React.JSX.Element;
 export {};

package/components/Permissions/Permissions.js

@@ -1,54 +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":["_react","_interopRequireWildcard","require","_Accordion","_plugins","_excluded","Permissions","_ref","id","value","onChange","props","_objectWithoutProperties2","default","_useMemo","useMemo","plugins","permissionPlugins","systemPlugins","byType","reduce","acc","plugin","system","push","createElement","Accordion","elevation","concat","_toConsumableArray2","map","pl","Fragment","key","name","render","exports"],"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 = ({ 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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAA0C,IAAAG,SAAA;AAcnC,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAA4D;EAAA,IAAtDC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAKC,KAAK,OAAAC,yBAAA,CAAAC,OAAA,EAAAN,IAAA,EAAAF,SAAA;EACvD,IAAAS,QAAA,GAA6C,IAAAC,cAAO,EAAoB,YAAM;MAC1E,IAAIJ,KAAK,CAACK,OAAO,EAAE;QACf,OAAO;UAAEC,iBAAiB,EAAEN,KAAK,CAACK,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,CAC/C,CAAC;IACT,CAAC,EAAE,EAAE,CAAC;IAlBEC,aAAa,GAAAJ,QAAA,CAAbI,aAAa;IAAED,iBAAiB,GAAAH,QAAA,CAAjBG,iBAAiB;EAoBxC,oBACIjB,MAAA,CAAAa,OAAA,CAAAY,aAAA,CAACtB,UAAA,CAAAuB,SAAS;IAACC,SAAS,EAAE;EAAE,GACnB,GAAAC,MAAA,KAAAC,mBAAA,CAAAhB,OAAA,EAAIK,aAAa,OAAAW,mBAAA,CAAAhB,OAAA,EAAKI,iBAAiB,GAAEa,GAAG,CAAC,UAAAC,EAAE;IAAA,oBAC5C/B,MAAA,CAAAa,OAAA,CAAAY,aAAA,CAACzB,MAAA,CAAAa,OAAK,CAACmB,QAAQ;MAACC,GAAG,EAAEF,EAAE,CAACG,IAAI,GAAG,GAAG,GAAG1B;IAAG,GACnCuB,EAAE,CAACI,MAAM,CAAC;MACP1B,KAAK,EAALA,KAAK;MACLC,QAAQ,EAARA;IACJ,CAAC,CACW,CAAC;EAAA,CACpB,CACM,CAAC;AAEpB,CAAC;AAAC0B,OAAA,CAAA9B,WAAA,GAAAA,WAAA"}
+{"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 @@
-/// <reference types="react" />
-export declare const flexClass: string;
-export declare const gridNoPaddingClass: string;
+import React from "react";
+export declare const gridWithPaddingClass: string;
 interface PermissionInfoProps {
     title: string;
 }
-export declare const PermissionInfo: ({ title }: PermissionInfoProps) => JSX.Element;
+export declare const PermissionInfo: ({ title }: PermissionInfoProps) => React.JSX.Element;
 export {};

package/components/Permissions/StyledComponents.js

@@ -1,31 +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":["_react","_interopRequireDefault","require","_emotion","_Typography","flexClass","css","display","alignItems","height","exports","gridNoPaddingClass","padding","PermissionInfo","_ref","title","default","createElement","className","Typography","use"],"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 = ({ title }: PermissionInfoProps) => (\n    <div className={flexClass}>\n        <Typography use={\"body2\"}>{title}</Typography>\n    </div>\n);\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEO,IAAMG,SAAS,gBAAG,IAAAC,YAAG,EAAC;EACzBC,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE,QAAQ;EACpBC,MAAM,EAAE;AACZ,CAAC,qBAAC;AAACC,OAAA,CAAAL,SAAA,GAAAA,SAAA;AAEI,IAAMM,kBAAkB,gBAAG,IAAAL,YAAG,EAAC;EAClCM,OAAO,EAAE;AACb,CAAC,8BAAC;AAACF,OAAA,CAAAC,kBAAA,GAAAA,kBAAA;AAKI,IAAME,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA;EAAA,IAAMC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAAA,oBAClCf,MAAA,CAAAgB,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAEb;EAAU,gBACtBL,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,WAAA,CAAAe,UAAU;IAACC,GAAG,EAAE;EAAQ,GAAEL,KAAkB,CAC5C,CAAC;AAAA,CACT;AAACL,OAAA,CAAAG,cAAA,GAAAA,cAAA"}
+{"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,3 +1,4 @@
-export * from "./StyledComponents";
-export { Permissions } from "./Permissions";
-export { CannotUseAaclAlert } from "./CannotUseAaclAlert";
+export * from "./StyledComponents.js";
+export { Permissions } from "./Permissions.js";
+export { CannotUseAaclAlert } from "./CannotUseAaclAlert.js";
+export * from "./PermissionsGroup.js";

package/components/Permissions/index.js

@@ -1,37 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  Permissions: true,
-  CannotUseAaclAlert: true
-};
-Object.defineProperty(exports, "CannotUseAaclAlert", {
-  enumerable: true,
-  get: function get() {
-    return _CannotUseAaclAlert.CannotUseAaclAlert;
-  }
-});
-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");
-var _CannotUseAaclAlert = require("./CannotUseAaclAlert");
+export * from "./StyledComponents.js";
+export { Permissions } from "./Permissions.js";
+export { CannotUseAaclAlert } from "./CannotUseAaclAlert.js";
+export * from "./PermissionsGroup.js";
 
 //# sourceMappingURL=index.js.map

package/components/Permissions/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_StyledComponents","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_Permissions","_CannotUseAaclAlert"],"sources":["index.ts"],"sourcesContent":["export * from \"./StyledComponents\";\nexport { Permissions } from \"./Permissions\";\nexport { CannotUseAaclAlert } from \"./CannotUseAaclAlert\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,iBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,iBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAb,iBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,YAAA,GAAAb,OAAA;AACA,IAAAc,mBAAA,GAAAd,OAAA"}
+{"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

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from "react";
 export interface SearchProps {
     value: string;
     onChange: (value: string) => void;
     onEnter?: () => any;
     inputPlaceholder?: string;
+    dataTestId?: string;
 }
-declare const Search: ({ value, onChange, onEnter, inputPlaceholder }: SearchProps) => JSX.Element;
-export default Search;
+export declare const SearchUI: ({ value, onChange, onEnter, dataTestId, inputPlaceholder }: SearchProps) => React.JSX.Element;