@webiny/app-admin 0.0.0-unstable.fcdad0bc61 → 0.0.0-unstable.fdd9228b5d

package/components/RichTextEditor/tools/utils.js

@@ -1,26 +1,16 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TextAlign = exports.ALIGNMENT_ICONS = exports.ALIGNMENTS = void 0;
-var TextAlign;
-exports.TextAlign = TextAlign;
-
-(function (TextAlign) {
+export let TextAlign = /*#__PURE__*/function (TextAlign) {
   TextAlign["START"] = "start";
   TextAlign["END"] = "end";
   TextAlign["CENTER"] = "center";
-})(TextAlign || (exports.TextAlign = TextAlign = {}));
-
-var ALIGNMENT_ICONS = {
+  return TextAlign;
+}({});
+export const ALIGNMENT_ICONS = {
   start: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">\n' + '  <path fill="none" d="M0 0h24v24H0V0z"/>\n' + "  <g>\n" + '    <path fill="currentColor" d="M14 15H4c-.55 0-1 .45-1 1s.45 1 1 1h10c.55 0 1-.45 1-1s-.45-1-1-1zm0-8H4c-.55 0-1 .45-1 1s.45 1 1 1h10c.55 0 1-.45 1-1s-.45-1-1-1zM4 13h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0 8h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zM3 4c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z"/>\n' + "  </g>\n" + "</svg>",
   end: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">\n' + '  <path fill="none" d="M0 0h24v24H0V0z"/>\n' + "  <g>\n" + '    <path fill="currentColor" d="M4 21h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm6-4h10c.55 0 1-.45 1-1s-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1zm-6-4h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm6-4h10c.55 0 1-.45 1-1s-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1zM3 4c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z"/>\n' + "  </g>\n" + "</svg>",
   center: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">\n' + '  <path fill="none" d="M0 0h24v24H0V0z"/>\n' + "  <g>\n" + '    <path fill="currentColor" d="M7 16c0 .55.45 1 1 1h8c.55 0 1-.45 1-1s-.45-1-1-1H8c-.55 0-1 .45-1 1zm-3 5h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-8h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm3-5c0 .55.45 1 1 1h8c.55 0 1-.45 1-1s-.45-1-1-1H8c-.55 0-1 .45-1 1zM3 4c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z"/>\n' + "  </g>\n" + "</svg>",
   justify: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">\n' + '  <path fill="none" d="M0 0h24v24H0V0z"/>\n' + "  <g>\n" + '    <path fill="currentColor" d="M4 21h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-4h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-4h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-4h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zM3 4c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z"/>\n' + "  </g>\n" + "</svg>"
 };
-exports.ALIGNMENT_ICONS = ALIGNMENT_ICONS;
-var ALIGNMENTS = [{
+export const ALIGNMENTS = [{
   name: TextAlign.START,
   svg: ALIGNMENT_ICONS.start
 }, {
@@ -30,4 +20,5 @@ var ALIGNMENTS = [{
   name: TextAlign.END,
   svg: ALIGNMENT_ICONS.end
 }];
-exports.ALIGNMENTS = ALIGNMENTS;
+
+//# sourceMappingURL=utils.js.map

package/components/RichTextEditor/tools/utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["TextAlign","ALIGNMENT_ICONS","start","end","center","justify","ALIGNMENTS","name","START","svg","CENTER","END"],"sources":["utils.ts"],"sourcesContent":["export enum TextAlign {\n    START = \"start\",\n    END = \"end\",\n    CENTER = \"center\"\n}\n\nexport type Alignment = {\n    name: TextAlign;\n    svg: string;\n};\n\nexport const ALIGNMENT_ICONS = {\n    start:\n        '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\">\\n' +\n        '  <path fill=\"none\" d=\"M0 0h24v24H0V0z\"/>\\n' +\n        \"  <g>\\n\" +\n        '    <path fill=\"currentColor\" d=\"M14 15H4c-.55 0-1 .45-1 1s.45 1 1 1h10c.55 0 1-.45 1-1s-.45-1-1-1zm0-8H4c-.55 0-1 .45-1 1s.45 1 1 1h10c.55 0 1-.45 1-1s-.45-1-1-1zM4 13h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0 8h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zM3 4c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z\"/>\\n' +\n        \"  </g>\\n\" +\n        \"</svg>\",\n    end:\n        '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\">\\n' +\n        '  <path fill=\"none\" d=\"M0 0h24v24H0V0z\"/>\\n' +\n        \"  <g>\\n\" +\n        '    <path fill=\"currentColor\" d=\"M4 21h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm6-4h10c.55 0 1-.45 1-1s-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1zm-6-4h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm6-4h10c.55 0 1-.45 1-1s-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1zM3 4c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z\"/>\\n' +\n        \"  </g>\\n\" +\n        \"</svg>\",\n    center:\n        '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\">\\n' +\n        '  <path fill=\"none\" d=\"M0 0h24v24H0V0z\"/>\\n' +\n        \"  <g>\\n\" +\n        '    <path fill=\"currentColor\" d=\"M7 16c0 .55.45 1 1 1h8c.55 0 1-.45 1-1s-.45-1-1-1H8c-.55 0-1 .45-1 1zm-3 5h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-8h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm3-5c0 .55.45 1 1 1h8c.55 0 1-.45 1-1s-.45-1-1-1H8c-.55 0-1 .45-1 1zM3 4c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z\"/>\\n' +\n        \"  </g>\\n\" +\n        \"</svg>\",\n    justify:\n        '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\">\\n' +\n        '  <path fill=\"none\" d=\"M0 0h24v24H0V0z\"/>\\n' +\n        \"  <g>\\n\" +\n        '    <path fill=\"currentColor\" d=\"M4 21h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-4h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-4h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-4h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zM3 4c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z\"/>\\n' +\n        \"  </g>\\n\" +\n        \"</svg>\"\n};\n\nexport const ALIGNMENTS = [\n    {\n        name: TextAlign.START,\n        svg: ALIGNMENT_ICONS.start\n    },\n    {\n        name: TextAlign.CENTER,\n        svg: ALIGNMENT_ICONS.center\n    },\n    {\n        name: TextAlign.END,\n        svg: ALIGNMENT_ICONS.end\n    }\n];\n"],"mappings":";;;;;;IAAYA,S;;;WAAAA,S;EAAAA,S;EAAAA,S;EAAAA,S;GAAAA,S,yBAAAA,S;;AAWL,IAAMC,eAAe,GAAG;EAC3BC,KAAK,EACD,sEACA,6CADA,GAEA,SAFA,GAGA,gXAHA,GAIA,UAJA,GAKA,QAPuB;EAQ3BC,GAAG,EACC,sEACA,6CADA,GAEA,SAFA,GAGA,iXAHA,GAIA,UAJA,GAKA,QAduB;EAe3BC,MAAM,EACF,sEACA,6CADA,GAEA,SAFA,GAGA,uXAHA,GAIA,UAJA,GAKA,QArBuB;EAsB3BC,OAAO,EACH,sEACA,6CADA,GAEA,SAFA,GAGA,8WAHA,GAIA,UAJA,GAKA;AA5BuB,CAAxB;;AA+BA,IAAMC,UAAU,GAAG,CACtB;EACIC,IAAI,EAAEP,SAAS,CAACQ,KADpB;EAEIC,GAAG,EAAER,eAAe,CAACC;AAFzB,CADsB,EAKtB;EACIK,IAAI,EAAEP,SAAS,CAACU,MADpB;EAEID,GAAG,EAAER,eAAe,CAACG;AAFzB,CALsB,EAStB;EACIG,IAAI,EAAEP,SAAS,CAACW,GADpB;EAEIF,GAAG,EAAER,eAAe,CAACE;AAFzB,CATsB,CAAnB"}
+{"version":3,"names":["TextAlign","ALIGNMENT_ICONS","start","end","center","justify","ALIGNMENTS","name","START","svg","CENTER","END"],"sources":["utils.ts"],"sourcesContent":["export enum TextAlign {\n    START = \"start\",\n    END = \"end\",\n    CENTER = \"center\"\n}\n\nexport type Alignment = {\n    name: TextAlign;\n    svg: string;\n};\n\nexport const ALIGNMENT_ICONS = {\n    start:\n        '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\">\\n' +\n        '  <path fill=\"none\" d=\"M0 0h24v24H0V0z\"/>\\n' +\n        \"  <g>\\n\" +\n        '    <path fill=\"currentColor\" d=\"M14 15H4c-.55 0-1 .45-1 1s.45 1 1 1h10c.55 0 1-.45 1-1s-.45-1-1-1zm0-8H4c-.55 0-1 .45-1 1s.45 1 1 1h10c.55 0 1-.45 1-1s-.45-1-1-1zM4 13h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0 8h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zM3 4c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z\"/>\\n' +\n        \"  </g>\\n\" +\n        \"</svg>\",\n    end:\n        '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\">\\n' +\n        '  <path fill=\"none\" d=\"M0 0h24v24H0V0z\"/>\\n' +\n        \"  <g>\\n\" +\n        '    <path fill=\"currentColor\" d=\"M4 21h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm6-4h10c.55 0 1-.45 1-1s-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1zm-6-4h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm6-4h10c.55 0 1-.45 1-1s-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1zM3 4c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z\"/>\\n' +\n        \"  </g>\\n\" +\n        \"</svg>\",\n    center:\n        '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\">\\n' +\n        '  <path fill=\"none\" d=\"M0 0h24v24H0V0z\"/>\\n' +\n        \"  <g>\\n\" +\n        '    <path fill=\"currentColor\" d=\"M7 16c0 .55.45 1 1 1h8c.55 0 1-.45 1-1s-.45-1-1-1H8c-.55 0-1 .45-1 1zm-3 5h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-8h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm3-5c0 .55.45 1 1 1h8c.55 0 1-.45 1-1s-.45-1-1-1H8c-.55 0-1 .45-1 1zM3 4c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z\"/>\\n' +\n        \"  </g>\\n\" +\n        \"</svg>\",\n    justify:\n        '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\">\\n' +\n        '  <path fill=\"none\" d=\"M0 0h24v24H0V0z\"/>\\n' +\n        \"  <g>\\n\" +\n        '    <path fill=\"currentColor\" d=\"M4 21h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-4h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-4h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-4h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zM3 4c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z\"/>\\n' +\n        \"  </g>\\n\" +\n        \"</svg>\"\n};\n\nexport const ALIGNMENTS = [\n    {\n        name: TextAlign.START,\n        svg: ALIGNMENT_ICONS.start\n    },\n    {\n        name: TextAlign.CENTER,\n        svg: ALIGNMENT_ICONS.center\n    },\n    {\n        name: TextAlign.END,\n        svg: ALIGNMENT_ICONS.end\n    }\n];\n"],"mappings":"AAAA,WAAYA,SAAS,0BAATA,SAAS;EAATA,SAAS;EAATA,SAAS;EAATA,SAAS;EAAA,OAATA,SAAS;AAAA;AAWrB,OAAO,MAAMC,eAAe,GAAG;EAC3BC,KAAK,EACD,mEAAmE,GACnE,6CAA6C,GAC7C,SAAS,GACT,gXAAgX,GAChX,UAAU,GACV,QAAQ;EACZC,GAAG,EACC,mEAAmE,GACnE,6CAA6C,GAC7C,SAAS,GACT,iXAAiX,GACjX,UAAU,GACV,QAAQ;EACZC,MAAM,EACF,mEAAmE,GACnE,6CAA6C,GAC7C,SAAS,GACT,uXAAuX,GACvX,UAAU,GACV,QAAQ;EACZC,OAAO,EACH,mEAAmE,GACnE,6CAA6C,GAC7C,SAAS,GACT,8WAA8W,GAC9W,UAAU,GACV;AACR,CAAC;AAED,OAAO,MAAMC,UAAU,GAAG,CACtB;EACIC,IAAI,EAAEP,SAAS,CAACQ,KAAK;EACrBC,GAAG,EAAER,eAAe,CAACC;AACzB,CAAC,EACD;EACIK,IAAI,EAAEP,SAAS,CAACU,MAAM;EACtBD,GAAG,EAAER,eAAe,CAACG;AACzB,CAAC,EACD;EACIG,IAAI,EAAEP,SAAS,CAACW,GAAG;EACnBF,GAAG,EAAER,eAAe,CAACE;AACzB,CAAC,CACJ","ignoreList":[]}

package/components/Routes.d.ts

@@ -2,5 +2,5 @@ import React from "react";
 interface RoutesProps {
     routes: JSX.Element[];
 }
-export declare const Routes: React.FC<RoutesProps>;
+export declare const Routes: (props: RoutesProps) => React.JSX.Element;
 export {};

package/components/Routes.js

@@ -1,49 +1,34 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Routes = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _plugins = require("@webiny/plugins");
-
-var _reactRouter = require("@webiny/react-router");
-
-var Routes = function Routes(props) {
-  var routes = [].concat((0, _toConsumableArray2.default)(props.routes), (0, _toConsumableArray2.default)(_plugins.plugins.byType("route").map(function (_ref) {
-    var route = _ref.route;
-    return route;
-  }))).sort(function (a, b) {
-    var pathA = a.props.path || "*";
-    var pathB = b.props.path || "*"; // This will sort paths at the very bottom of the list
-
+import React from "react";
+import { plugins } from "@webiny/plugins";
+import { Routes as ReactRouterRoutes } from "@webiny/react-router";
+export const Routes = props => {
+  const routes = [...props.routes,
+  // For backwards compatibility, we need to support the RoutePlugin routes as well.
+  ...plugins.byType("route").map(({
+    route
+  }) => route)].sort((a, b) => {
+    const pathA = a.props.path || "*";
+    const pathB = b.props.path || "*";
+
+    // This will sort paths at the very bottom of the list
     if (pathA === "/" && pathB === "*") {
       return -1;
-    } // This will push * and / to the bottom of the list
-
+    }
 
+    // This will push * and / to the bottom of the list
     if (pathA === "*" || pathA === "/") {
       return 1;
-    } // This will push * and / to the bottom of the list
-
+    }
 
+    // This will push * and / to the bottom of the list
     if (["*", "/"].includes(pathB)) {
       return -1;
     }
-
     return 0;
   });
-  return /*#__PURE__*/_react.default.createElement(_reactRouter.Routes, null, routes.map(function (route, index) {
-    return /*#__PURE__*/_react.default.cloneElement(route, {
-      key: "".concat(route.props.path, ":").concat(index)
-    });
-  }));
+  return /*#__PURE__*/React.createElement(ReactRouterRoutes, null, routes.map((route, index) => /*#__PURE__*/React.cloneElement(route, {
+    key: `${route.props.path}:${index}`
+  })));
 };
 
-exports.Routes = Routes;
+//# sourceMappingURL=Routes.js.map

package/components/Routes.js.map

@@ -1 +1 @@
-{"version":3,"names":["Routes","props","routes","plugins","byType","map","route","sort","a","b","pathA","path","pathB","includes","index","React","cloneElement","key"],"sources":["Routes.tsx"],"sourcesContent":["import React from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { Routes as ReactRouterRoutes } from \"@webiny/react-router\";\nimport { RoutePlugin } from \"@webiny/app/types\";\n\ninterface RoutesProps {\n    routes: JSX.Element[];\n}\n\nexport const Routes: React.FC<RoutesProps> = props => {\n    const routes = [\n        ...props.routes,\n        // For backwards compatibility, we need to support the RoutePlugin routes as well.\n        ...plugins.byType<RoutePlugin>(\"route\").map(({ route }) => route)\n    ].sort((a, b) => {\n        const pathA = a.props.path || \"*\";\n        const pathB = b.props.path || \"*\";\n\n        // This will sort paths at the very bottom of the list\n        if (pathA === \"/\" && pathB === \"*\") {\n            return -1;\n        }\n\n        // This will push * and / to the bottom of the list\n        if (pathA === \"*\" || pathA === \"/\") {\n            return 1;\n        }\n\n        // This will push * and / to the bottom of the list\n        if ([\"*\", \"/\"].includes(pathB)) {\n            return -1;\n        }\n\n        return 0;\n    });\n\n    return (\n        <ReactRouterRoutes>\n            {routes.map((route, index) =>\n                React.cloneElement(route, { key: `${route.props.path}:${index}` })\n            )}\n        </ReactRouterRoutes>\n    );\n};\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AAOO,IAAMA,MAA6B,GAAG,SAAhCA,MAAgC,CAAAC,KAAK,EAAI;EAClD,IAAMC,MAAM,GAAG,2CACRD,KAAK,CAACC,MADE,oCAGRC,gBAAA,CAAQC,MAAR,CAA4B,OAA5B,EAAqCC,GAArC,CAAyC;IAAA,IAAGC,KAAH,QAAGA,KAAH;IAAA,OAAeA,KAAf;EAAA,CAAzC,CAHQ,GAIbC,IAJa,CAIR,UAACC,CAAD,EAAIC,CAAJ,EAAU;IACb,IAAMC,KAAK,GAAGF,CAAC,CAACP,KAAF,CAAQU,IAAR,IAAgB,GAA9B;IACA,IAAMC,KAAK,GAAGH,CAAC,CAACR,KAAF,CAAQU,IAAR,IAAgB,GAA9B,CAFa,CAIb;;IACA,IAAID,KAAK,KAAK,GAAV,IAAiBE,KAAK,KAAK,GAA/B,EAAoC;MAChC,OAAO,CAAC,CAAR;IACH,CAPY,CASb;;;IACA,IAAIF,KAAK,KAAK,GAAV,IAAiBA,KAAK,KAAK,GAA/B,EAAoC;MAChC,OAAO,CAAP;IACH,CAZY,CAcb;;;IACA,IAAI,CAAC,GAAD,EAAM,GAAN,EAAWG,QAAX,CAAoBD,KAApB,CAAJ,EAAgC;MAC5B,OAAO,CAAC,CAAR;IACH;;IAED,OAAO,CAAP;EACH,CAxBc,CAAf;EA0BA,oBACI,6BAAC,mBAAD,QACKV,MAAM,CAACG,GAAP,CAAW,UAACC,KAAD,EAAQQ,KAAR;IAAA,oBACRC,cAAA,CAAMC,YAAN,CAAmBV,KAAnB,EAA0B;MAAEW,GAAG,YAAKX,KAAK,CAACL,KAAN,CAAYU,IAAjB,cAAyBG,KAAzB;IAAL,CAA1B,CADQ;EAAA,CAAX,CADL,CADJ;AAOH,CAlCM"}
+{"version":3,"names":["React","plugins","Routes","ReactRouterRoutes","props","routes","byType","map","route","sort","a","b","pathA","path","pathB","includes","createElement","index","cloneElement","key"],"sources":["Routes.tsx"],"sourcesContent":["import React from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { Routes as ReactRouterRoutes } from \"@webiny/react-router\";\nimport type { RoutePlugin } from \"@webiny/app/types\";\n\ninterface RoutesProps {\n    routes: JSX.Element[];\n}\n\nexport const Routes = (props: RoutesProps) => {\n    const routes = [\n        ...props.routes,\n        // For backwards compatibility, we need to support the RoutePlugin routes as well.\n        ...plugins.byType<RoutePlugin>(\"route\").map(({ route }) => route)\n    ].sort((a, b) => {\n        const pathA = a.props.path || \"*\";\n        const pathB = b.props.path || \"*\";\n\n        // This will sort paths at the very bottom of the list\n        if (pathA === \"/\" && pathB === \"*\") {\n            return -1;\n        }\n\n        // This will push * and / to the bottom of the list\n        if (pathA === \"*\" || pathA === \"/\") {\n            return 1;\n        }\n\n        // This will push * and / to the bottom of the list\n        if ([\"*\", \"/\"].includes(pathB)) {\n            return -1;\n        }\n\n        return 0;\n    });\n\n    return (\n        <ReactRouterRoutes>\n            {routes.map((route, index) =>\n                React.cloneElement(route, { key: `${route.props.path}:${index}` })\n            )}\n        </ReactRouterRoutes>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,MAAM,IAAIC,iBAAiB,QAAQ,sBAAsB;AAOlE,OAAO,MAAMD,MAAM,GAAIE,KAAkB,IAAK;EAC1C,MAAMC,MAAM,GAAG,CACX,GAAGD,KAAK,CAACC,MAAM;EACf;EACA,GAAGJ,OAAO,CAACK,MAAM,CAAc,OAAO,CAAC,CAACC,GAAG,CAAC,CAAC;IAAEC;EAAM,CAAC,KAAKA,KAAK,CAAC,CACpE,CAACC,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAK;IACb,MAAMC,KAAK,GAAGF,CAAC,CAACN,KAAK,CAACS,IAAI,IAAI,GAAG;IACjC,MAAMC,KAAK,GAAGH,CAAC,CAACP,KAAK,CAACS,IAAI,IAAI,GAAG;;IAEjC;IACA,IAAID,KAAK,KAAK,GAAG,IAAIE,KAAK,KAAK,GAAG,EAAE;MAChC,OAAO,CAAC,CAAC;IACb;;IAEA;IACA,IAAIF,KAAK,KAAK,GAAG,IAAIA,KAAK,KAAK,GAAG,EAAE;MAChC,OAAO,CAAC;IACZ;;IAEA;IACA,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAACG,QAAQ,CAACD,KAAK,CAAC,EAAE;MAC5B,OAAO,CAAC,CAAC;IACb;IAEA,OAAO,CAAC;EACZ,CAAC,CAAC;EAEF,oBACId,KAAA,CAAAgB,aAAA,CAACb,iBAAiB,QACbE,MAAM,CAACE,GAAG,CAAC,CAACC,KAAK,EAAES,KAAK,kBACrBjB,KAAK,CAACkB,YAAY,CAACV,KAAK,EAAE;IAAEW,GAAG,EAAE,GAAGX,KAAK,CAACJ,KAAK,CAACS,IAAI,IAAII,KAAK;EAAG,CAAC,CACrE,CACe,CAAC;AAE5B,CAAC","ignoreList":[]}

package/components/SearchUI.d.ts

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

package/components/SearchUI.js

@@ -1,73 +1,29 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-
-var _InputField = _interopRequireDefault(require("./SimpleUI/InputField"));
-
-var _search24px = require("../assets/icons/search-24px.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,
-      _ref$inputPlaceholder = _ref.inputPlaceholder,
-      inputPlaceholder = _ref$inputPlaceholder === void 0 ? "Search..." : _ref$inputPlaceholder;
-  return /*#__PURE__*/_react.default.createElement(SearchWrapper, {
-    "data-testid": "default-data-list.search"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "search__icon"
-  }, /*#__PURE__*/_react.default.createElement(_search24px.ReactComponent, null)), /*#__PURE__*/_react.default.createElement(_InputField.default, {
-    className: "search__input",
+import React from "react";
+import { ReactComponent as SearchIcon } from "@webiny/icons/search.svg";
+import { Icon, InputPrimitive } from "@webiny/admin-ui";
+const Search = ({
+  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
+  });
 };
+export default Search;
 
-var _default = Search;
-exports.default = _default;
+//# sourceMappingURL=SearchUI.js.map

package/components/SearchUI.js.map

@@ -1 +1 @@
-{"version":3,"names":["SearchWrapper","styled","width","height","display","position","top","left","bottom","pointerEvents","alignItems","paddingLeft","color","padding","outline","border","textTransform","letterSpacing","Search","value","onChange","inputPlaceholder"],"sources":["SearchUI.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport InputField from \"./SimpleUI/InputField\";\nimport { ReactComponent as SearchIcon } from \"../assets/icons/search-24px.svg\";\n\nconst SearchWrapper = styled(\"div\")({\n    width: \"100%\",\n    height: \"100%\",\n    display: \"flex\",\n    position: \"relative\",\n\n    \"& .search__icon\": {\n        position: \"absolute\",\n        top: 0,\n        left: 0,\n        bottom: 0,\n        pointerEvents: \"none\",\n        display: \"flex\",\n        alignItems: \"center\",\n        paddingLeft: \"0.25rem\",\n        color: \"var(--mdc-theme-text-secondary-on-background)\"\n    },\n\n    \"& .search__input\": {\n        width: \"100%\",\n        padding: \"0.5rem 0.5rem 0.5rem 2.25rem\",\n        outline: \"none\",\n        border: \"none\",\n        color: \"var(--mdc-theme-text-primary-on-background)\",\n        \"&:focus\": {\n            outline: \"none\"\n        },\n        \"&::placeholder\": {\n            textTransform: \"uppercase\",\n            letterSpacing: \"0.05em\",\n            color: \"var(--mdc-theme-text-secondary-on-background)\"\n        }\n    }\n});\n\nexport interface SearchProps {\n    value: string;\n    onChange: (value: string) => void;\n    inputPlaceholder?: string;\n}\nconst Search: React.FC<SearchProps> = ({ value, onChange, inputPlaceholder = \"Search...\" }) => {\n    return (\n        <SearchWrapper data-testid={\"default-data-list.search\"}>\n            <div className=\"search__icon\">\n                <SearchIcon />\n            </div>\n            <InputField\n                className=\"search__input\"\n                placeholder={inputPlaceholder}\n                value={value}\n                onChange={onChange}\n                autoComplete=\"off\"\n            />\n        </SearchWrapper>\n    );\n};\n\nexport default Search;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,aAAa,oBAAGC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EAChCC,KAAK,EAAE,MADyB;EAEhCC,MAAM,EAAE,MAFwB;EAGhCC,OAAO,EAAE,MAHuB;EAIhCC,QAAQ,EAAE,UAJsB;EAMhC,mBAAmB;IACfA,QAAQ,EAAE,UADK;IAEfC,GAAG,EAAE,CAFU;IAGfC,IAAI,EAAE,CAHS;IAIfC,MAAM,EAAE,CAJO;IAKfC,aAAa,EAAE,MALA;IAMfL,OAAO,EAAE,MANM;IAOfM,UAAU,EAAE,QAPG;IAQfC,WAAW,EAAE,SARE;IASfC,KAAK,EAAE;EATQ,CANa;EAkBhC,oBAAoB;IAChBV,KAAK,EAAE,MADS;IAEhBW,OAAO,EAAE,8BAFO;IAGhBC,OAAO,EAAE,MAHO;IAIhBC,MAAM,EAAE,MAJQ;IAKhBH,KAAK,EAAE,6CALS;IAMhB,WAAW;MACPE,OAAO,EAAE;IADF,CANK;IAShB,kBAAkB;MACdE,aAAa,EAAE,WADD;MAEdC,aAAa,EAAE,QAFD;MAGdL,KAAK,EAAE;IAHO;EATF;AAlBY,CAAjB,CAAnB;;AAwCA,IAAMM,MAA6B,GAAG,SAAhCA,MAAgC,OAAyD;EAAA,IAAtDC,KAAsD,QAAtDA,KAAsD;EAAA,IAA/CC,QAA+C,QAA/CA,QAA+C;EAAA,iCAArCC,gBAAqC;EAAA,IAArCA,gBAAqC,sCAAlB,WAAkB;EAC3F,oBACI,6BAAC,aAAD;IAAe,eAAa;EAA5B,gBACI;IAAK,SAAS,EAAC;EAAf,gBACI,6BAAC,0BAAD,OADJ,CADJ,eAII,6BAAC,mBAAD;IACI,SAAS,EAAC,eADd;IAEI,WAAW,EAAEA,gBAFjB;IAGI,KAAK,EAAEF,KAHX;IAII,QAAQ,EAAEC,QAJd;IAKI,YAAY,EAAC;EALjB,EAJJ,CADJ;AAcH,CAfD;;eAiBeF,M"}
+{"version":3,"names":["React","ReactComponent","SearchIcon","Icon","InputPrimitive","Search","value","onChange","onEnter","dataTestId","inputPlaceholder","createElement","id","placeholder","autoComplete","startIcon","label","icon","variant","size"],"sources":["SearchUI.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\nimport { Icon, InputPrimitive } from \"@webiny/admin-ui\";\n\nexport interface SearchProps {\n    value: string;\n    onChange: (value: string) => void;\n    onEnter?: () => any;\n    inputPlaceholder?: string;\n    dataTestId?: string;\n}\n\nconst Search = ({\n    value,\n    onChange,\n    onEnter,\n    dataTestId,\n    inputPlaceholder = \"Search...\"\n}: SearchProps) => {\n    return (\n        <InputPrimitive\n            id={\"search-input\"}\n            placeholder={inputPlaceholder}\n            value={value}\n            onChange={onChange}\n            onEnter={onEnter}\n            autoComplete=\"off\"\n            startIcon={<Icon label={\"Search\"} icon={<SearchIcon />} />}\n            variant={\"ghost\"}\n            size={\"md\"}\n            data-testid={dataTestId}\n        />\n    );\n};\n\nexport default Search;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,SAASC,IAAI,EAAEC,cAAc,QAAQ,kBAAkB;AAUvD,MAAMC,MAAM,GAAGA,CAAC;EACZC,KAAK;EACLC,QAAQ;EACRC,OAAO;EACPC,UAAU;EACVC,gBAAgB,GAAG;AACV,CAAC,KAAK;EACf,oBACIV,KAAA,CAAAW,aAAA,CAACP,cAAc;IACXQ,EAAE,EAAE,cAAe;IACnBC,WAAW,EAAEH,gBAAiB;IAC9BJ,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBC,OAAO,EAAEA,OAAQ;IACjBM,YAAY,EAAC,KAAK;IAClBC,SAAS,eAAEf,KAAA,CAAAW,aAAA,CAACR,IAAI;MAACa,KAAK,EAAE,QAAS;MAACC,IAAI,eAAEjB,KAAA,CAAAW,aAAA,CAACT,UAAU,MAAE;IAAE,CAAE,CAAE;IAC3DgB,OAAO,EAAE,OAAQ;IACjBC,IAAI,EAAE,IAAK;IACX,eAAaV;EAAW,CAC3B,CAAC;AAEV,CAAC;AAED,eAAeJ,MAAM","ignoreList":[]}

package/components/SimpleForm/SimpleForm.d.ts

@@ -1,21 +1,32 @@
 import * as React from "react";
-interface SimpleFormProps {
+import { type VariantProps } from "@webiny/admin-ui";
+declare const simpleFormInnerVariants: (props?: ({
+    size?: "full" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+interface SimpleFormProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof simpleFormInnerVariants> {
     children: React.ReactNode;
-    "data-testid"?: string;
     noElevation?: boolean;
     className?: string;
 }
-export declare const SimpleForm: React.FC<SimpleFormProps>;
-interface SimpleFormHeaderProps {
+export declare const SimpleForm: ({ children, className, size, ...props }: SimpleFormProps) => React.JSX.Element;
+declare const simpleFormHeaderVariants: (props?: ({
+    rounded?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+interface SimpleFormHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">, VariantProps<typeof simpleFormHeaderVariants> {
     title: React.ReactNode;
     icon?: React.ReactElement<any>;
     children?: React.ReactNode;
+    ["data-testid"]?: string;
 }
-export declare const SimpleFormHeader: React.FC<SimpleFormHeaderProps>;
-interface SimpleFormFooterProps {
+export declare const SimpleFormHeader: ({ children, icon, title, className, rounded, ...props }: SimpleFormHeaderProps) => React.JSX.Element;
+export interface SimpleFormFooterProps {
     children: React.ReactNode;
     className?: string;
 }
-export declare const SimpleFormFooter: React.FC<SimpleFormFooterProps>;
-export declare const SimpleFormContent: React.FC;
+export declare const SimpleFormFooter: ({ children, className }: SimpleFormFooterProps) => React.JSX.Element;
+interface SimpleFormContentProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare const SimpleFormContent: ({ children, className }: SimpleFormContentProps) => React.JSX.Element;
 export {};

package/components/SimpleForm/SimpleForm.js

@@ -1,106 +1,81 @@
-"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.SimpleFormHeader = exports.SimpleFormFooter = exports.SimpleFormContent = exports.SimpleForm = void 0;
-
-var React = _interopRequireWildcard(require("react"));
-
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-
-var _emotion = require("emotion");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _Grid = require("@webiny/ui/Grid");
-
-var _Typography = require("@webiny/ui/Typography");
-
-var _Elevation = require("@webiny/ui/Elevation");
-
-var _Icon = require("@webiny/ui/Icon");
-
-var SimpleFormContainer = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "ep5jo8l0",
-  label: "SimpleFormContainer"
-})({
-  position: "relative",
-  margin: "17px 50px"
+import * as React from "react";
+import { cn, cva, Grid, Heading, Icon } from "@webiny/admin-ui";
+const simpleFormInnerVariants = cva("wby-mx-auto", {
+  variants: {
+    size: {
+      md: "wby-max-w-[640px]",
+      lg: "wby-max-w-[800px]",
+      full: "wby-max-w-full"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
 });
-var header = /*#__PURE__*/(0, _emotion.css)({
-  borderBottom: "1px solid var(--mdc-theme-on-background)",
-  color: "var(--mdc-theme-text-primary-on-background)"
-}, "label:header;");
-var title = /*#__PURE__*/(0, _emotion.css)({
-  display: "flex",
-  alignItems: "center"
-}, "label:title;");
-var actions = /*#__PURE__*/(0, _emotion.css)({
-  display: "flex",
-  justifyContent: "flex-end",
-  alignItems: "center"
-}, "label:actions;");
-var icon = /*#__PURE__*/(0, _emotion.css)({
-  marginRight: 15,
-  color: "var(--mdc-theme-text-primary-on-background)"
-}, "label:icon;");
-var footer = /*#__PURE__*/(0, _emotion.css)({
-  borderTop: "1px solid var(--mdc-theme-on-background)",
-  color: "var(--mdc-theme-text-primary-on-background)",
-  textAlign: "right",
-  "&.mdc-layout-grid": {
-    padding: 25 // "25px 50px"
-
+export const SimpleForm = ({
+  children,
+  className,
+  size,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
+    className: cn(["webiny-data-list", "wby-mx-auto wby-p-lg", "wby-relative"], className)
+  }), /*#__PURE__*/React.createElement("div", {
+    className: cn(simpleFormInnerVariants({
+      size
+    }))
+  }, children));
+};
+const simpleFormHeaderVariants = cva("wby-p-md wby-pl-lg wby-border-sm wby-border-neutral-dimmed-darker", {
+  variants: {
+    rounded: {
+      true: "wby-rounded-t-3xl"
+    }
+  },
+  defaultVariants: {
+    rounded: true
   }
-}, "label:footer;");
-
-var SimpleForm = function SimpleForm(props) {
-  return /*#__PURE__*/React.createElement(SimpleFormContainer, {
-    className: (0, _classnames.default)("webiny-data-list", props.className),
+});
+export const SimpleFormHeader = ({
+  children,
+  icon,
+  title,
+  className,
+  rounded,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: cn(simpleFormHeaderVariants({
+      rounded
+    }), className),
     "data-testid": props["data-testid"]
-  }, props.noElevation ? props.children : /*#__PURE__*/React.createElement(_Elevation.Elevation, {
-    z: 1
-  }, props.children));
-};
-
-exports.SimpleForm = SimpleForm;
-
-var SimpleFormHeader = function SimpleFormHeader(props) {
-  return /*#__PURE__*/React.createElement(_Grid.Grid, {
-    className: header
-  }, /*#__PURE__*/React.createElement(_Grid.Cell, {
-    span: props.children ? 6 : 12,
-    className: title
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, props.icon && /*#__PURE__*/React.createElement(_Icon.Icon, {
-    className: icon,
-    icon: props.icon
-  }), /*#__PURE__*/React.createElement(_Typography.Typography, {
-    use: "headline5"
-  }, props.title))), props.children && /*#__PURE__*/React.createElement(_Grid.Cell, {
-    span: 6,
-    className: actions
-  }, props.children));
+  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: children ? 6 : 12
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, icon && /*#__PURE__*/React.createElement(Icon, {
+    label: title,
+    icon: icon
+  }), /*#__PURE__*/React.createElement(Heading, {
+    level: 4,
+    className: "wby-truncate"
+  }, title))), /*#__PURE__*/React.createElement(React.Fragment, null, children ? /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 6
+  }, children) : null)));
 };
-
-exports.SimpleFormHeader = SimpleFormHeader;
-
-var SimpleFormFooter = function SimpleFormFooter(props) {
-  return /*#__PURE__*/React.createElement(_Grid.Grid, {
-    className: (0, _classnames.default)(footer, props.className)
-  }, /*#__PURE__*/React.createElement(_Grid.Cell, {
-    span: 12
-  }, props.children));
+export const SimpleFormFooter = ({
+  children,
+  className
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: cn("wby-p-lg wby-pt-none wby-border-sm wby-border-t-none wby-border-neutral-dimmed-darker wby-rounded-b-3xl", "wby-flex wby-justify-end wby-gap-sm", className)
+  }, children);
 };
-
-exports.SimpleFormFooter = SimpleFormFooter;
-
-var SimpleFormContent = function SimpleFormContent(props) {
-  return props.children;
+export const SimpleFormContent = ({
+  children,
+  className
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: cn("wby-p-lg wby-border-sm wby-border-y-none wby-border-neutral-dimmed-darker", className)
+  }, children);
 };
 
-exports.SimpleFormContent = SimpleFormContent;
+//# sourceMappingURL=SimpleForm.js.map

package/components/SimpleForm/SimpleForm.js.map

@@ -1 +1 @@
-{"version":3,"names":["SimpleFormContainer","styled","position","margin","header","css","borderBottom","color","title","display","alignItems","actions","justifyContent","icon","marginRight","footer","borderTop","textAlign","padding","SimpleForm","props","classNames","className","noElevation","children","SimpleFormHeader","SimpleFormFooter","SimpleFormContent"],"sources":["SimpleForm.tsx"],"sourcesContent":["import * as React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { Icon } from \"@webiny/ui/Icon\";\n\nconst SimpleFormContainer = styled(\"div\")({\n    position: \"relative\",\n    margin: \"17px 50px\"\n});\n\nconst header = css({\n    borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n    color: \"var(--mdc-theme-text-primary-on-background)\"\n});\n\nconst title = css({\n    display: \"flex\",\n    alignItems: \"center\"\n});\n\nconst actions = css({\n    display: \"flex\",\n    justifyContent: \"flex-end\",\n    alignItems: \"center\"\n});\n\nconst icon = css({\n    marginRight: 15,\n    color: \"var(--mdc-theme-text-primary-on-background)\"\n});\n\nconst footer = css({\n    borderTop: \"1px solid var(--mdc-theme-on-background)\",\n    color: \"var(--mdc-theme-text-primary-on-background)\",\n    textAlign: \"right\",\n    \"&.mdc-layout-grid\": {\n        padding: 25 // \"25px 50px\"\n    }\n});\n\ninterface SimpleFormProps {\n    children: React.ReactNode;\n    \"data-testid\"?: string;\n    noElevation?: boolean;\n    className?: string;\n}\nexport const SimpleForm: React.FC<SimpleFormProps> = props => {\n    return (\n        <SimpleFormContainer\n            className={classNames(\"webiny-data-list\", props.className)}\n            data-testid={props[\"data-testid\"]}\n        >\n            {props.noElevation ? props.children : <Elevation z={1}>{props.children}</Elevation>}\n        </SimpleFormContainer>\n    );\n};\n\ninterface SimpleFormHeaderProps {\n    title: React.ReactNode;\n    icon?: React.ReactElement<any>;\n    children?: React.ReactNode;\n}\nexport const SimpleFormHeader: React.FC<SimpleFormHeaderProps> = props => {\n    return (\n        <Grid className={header}>\n            <Cell span={props.children ? 6 : 12} className={title}>\n                <React.Fragment>\n                    {props.icon && <Icon className={icon} icon={props.icon} />}\n                    <Typography use=\"headline5\">{props.title}</Typography>\n                </React.Fragment>\n            </Cell>\n            {props.children && (\n                <Cell span={6} className={actions}>\n                    {props.children}\n                </Cell>\n            )}\n        </Grid>\n    );\n};\n\ninterface SimpleFormFooterProps {\n    children: React.ReactNode;\n    className?: string;\n}\nexport const SimpleFormFooter: React.FC<SimpleFormFooterProps> = props => {\n    return (\n        <Grid className={classNames(footer, props.className)}>\n            <Cell span={12}>{props.children}</Cell>\n        </Grid>\n    );\n};\n\nexport const SimpleFormContent: React.FC = props => {\n    return props.children as unknown as React.ReactElement;\n};\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,mBAAmB,oBAAGC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACtCC,QAAQ,EAAE,UAD4B;EAEtCC,MAAM,EAAE;AAF8B,CAAjB,CAAzB;AAKA,IAAMC,MAAM,gBAAG,IAAAC,YAAA,EAAI;EACfC,YAAY,EAAE,0CADC;EAEfC,KAAK,EAAE;AAFQ,CAAJ,kBAAf;AAKA,IAAMC,KAAK,gBAAG,IAAAH,YAAA,EAAI;EACdI,OAAO,EAAE,MADK;EAEdC,UAAU,EAAE;AAFE,CAAJ,iBAAd;AAKA,IAAMC,OAAO,gBAAG,IAAAN,YAAA,EAAI;EAChBI,OAAO,EAAE,MADO;EAEhBG,cAAc,EAAE,UAFA;EAGhBF,UAAU,EAAE;AAHI,CAAJ,mBAAhB;AAMA,IAAMG,IAAI,gBAAG,IAAAR,YAAA,EAAI;EACbS,WAAW,EAAE,EADA;EAEbP,KAAK,EAAE;AAFM,CAAJ,gBAAb;AAKA,IAAMQ,MAAM,gBAAG,IAAAV,YAAA,EAAI;EACfW,SAAS,EAAE,0CADI;EAEfT,KAAK,EAAE,6CAFQ;EAGfU,SAAS,EAAE,OAHI;EAIf,qBAAqB;IACjBC,OAAO,EAAE,EADQ,CACL;;EADK;AAJN,CAAJ,kBAAf;;AAeO,IAAMC,UAAqC,GAAG,SAAxCA,UAAwC,CAAAC,KAAK,EAAI;EAC1D,oBACI,oBAAC,mBAAD;IACI,SAAS,EAAE,IAAAC,mBAAA,EAAW,kBAAX,EAA+BD,KAAK,CAACE,SAArC,CADf;IAEI,eAAaF,KAAK,CAAC,aAAD;EAFtB,GAIKA,KAAK,CAACG,WAAN,GAAoBH,KAAK,CAACI,QAA1B,gBAAqC,oBAAC,oBAAD;IAAW,CAAC,EAAE;EAAd,GAAkBJ,KAAK,CAACI,QAAxB,CAJ1C,CADJ;AAQH,CATM;;;;AAgBA,IAAMC,gBAAiD,GAAG,SAApDA,gBAAoD,CAAAL,KAAK,EAAI;EACtE,oBACI,oBAAC,UAAD;IAAM,SAAS,EAAEhB;EAAjB,gBACI,oBAAC,UAAD;IAAM,IAAI,EAAEgB,KAAK,CAACI,QAAN,GAAiB,CAAjB,GAAqB,EAAjC;IAAqC,SAAS,EAAEhB;EAAhD,gBACI,oBAAC,KAAD,CAAO,QAAP,QACKY,KAAK,CAACP,IAAN,iBAAc,oBAAC,UAAD;IAAM,SAAS,EAAEA,IAAjB;IAAuB,IAAI,EAAEO,KAAK,CAACP;EAAnC,EADnB,eAEI,oBAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,GAA6BO,KAAK,CAACZ,KAAnC,CAFJ,CADJ,CADJ,EAOKY,KAAK,CAACI,QAAN,iBACG,oBAAC,UAAD;IAAM,IAAI,EAAE,CAAZ;IAAe,SAAS,EAAEb;EAA1B,GACKS,KAAK,CAACI,QADX,CARR,CADJ;AAeH,CAhBM;;;;AAsBA,IAAME,gBAAiD,GAAG,SAApDA,gBAAoD,CAAAN,KAAK,EAAI;EACtE,oBACI,oBAAC,UAAD;IAAM,SAAS,EAAE,IAAAC,mBAAA,EAAWN,MAAX,EAAmBK,KAAK,CAACE,SAAzB;EAAjB,gBACI,oBAAC,UAAD;IAAM,IAAI,EAAE;EAAZ,GAAiBF,KAAK,CAACI,QAAvB,CADJ,CADJ;AAKH,CANM;;;;AAQA,IAAMG,iBAA2B,GAAG,SAA9BA,iBAA8B,CAAAP,KAAK,EAAI;EAChD,OAAOA,KAAK,CAACI,QAAb;AACH,CAFM"}
+{"version":3,"names":["React","cn","cva","Grid","Heading","Icon","simpleFormInnerVariants","variants","size","md","lg","full","defaultVariants","SimpleForm","children","className","props","createElement","Object","assign","simpleFormHeaderVariants","rounded","true","SimpleFormHeader","icon","title","Column","span","Fragment","label","level","SimpleFormFooter","SimpleFormContent"],"sources":["SimpleForm.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, Grid, Heading, Icon, type VariantProps } from \"@webiny/admin-ui\";\n\nconst simpleFormInnerVariants = cva(\"wby-mx-auto\", {\n    variants: {\n        size: {\n            md: \"wby-max-w-[640px]\",\n            lg: \"wby-max-w-[800px]\",\n            full: \"wby-max-w-full\"\n        }\n    },\n    defaultVariants: {\n        size: \"md\"\n    }\n});\n\ninterface SimpleFormProps\n    extends React.HTMLAttributes<HTMLDivElement>,\n        VariantProps<typeof simpleFormInnerVariants> {\n    children: React.ReactNode;\n    noElevation?: boolean;\n    className?: string;\n}\n\nexport const SimpleForm = ({ children, className, size, ...props }: SimpleFormProps) => {\n    return (\n        <div\n            {...props}\n            className={cn([\"webiny-data-list\", \"wby-mx-auto wby-p-lg\", \"wby-relative\"], className)}\n        >\n            <div className={cn(simpleFormInnerVariants({ size }))}>{children}</div>\n        </div>\n    );\n};\n\nconst simpleFormHeaderVariants = cva(\n    \"wby-p-md wby-pl-lg wby-border-sm wby-border-neutral-dimmed-darker\",\n    {\n        variants: {\n            rounded: {\n                true: \"wby-rounded-t-3xl\"\n            }\n        },\n        defaultVariants: {\n            rounded: true\n        }\n    }\n);\n\ninterface SimpleFormHeaderProps\n    extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\">,\n        VariantProps<typeof simpleFormHeaderVariants> {\n    title: React.ReactNode;\n    icon?: React.ReactElement<any>;\n    children?: React.ReactNode;\n    [\"data-testid\"]?: string;\n}\n\nexport const SimpleFormHeader = ({\n    children,\n    icon,\n    title,\n    className,\n    rounded,\n    ...props\n}: SimpleFormHeaderProps) => {\n    return (\n        <div\n            className={cn(simpleFormHeaderVariants({ rounded }), className)}\n            data-testid={props[\"data-testid\"]}\n        >\n            <Grid>\n                <Grid.Column span={children ? 6 : 12}>\n                    <>\n                        {icon && <Icon label={title as string} icon={icon} />}\n                        <Heading level={4} className={\"wby-truncate\"}>\n                            {title}\n                        </Heading>\n                    </>\n                </Grid.Column>\n                <>{children ? <Grid.Column span={6}>{children}</Grid.Column> : null}</>\n            </Grid>\n        </div>\n    );\n};\n\nexport interface SimpleFormFooterProps {\n    children: React.ReactNode;\n    className?: string;\n}\n\nexport const SimpleFormFooter = ({ children, className }: SimpleFormFooterProps) => {\n    return (\n        <div\n            className={cn(\n                \"wby-p-lg wby-pt-none wby-border-sm wby-border-t-none wby-border-neutral-dimmed-darker wby-rounded-b-3xl\",\n                \"wby-flex wby-justify-end wby-gap-sm\",\n                className\n            )}\n        >\n            {children}\n        </div>\n    );\n};\n\ninterface SimpleFormContentProps {\n    children: React.ReactNode;\n    className?: string;\n}\n\nexport const SimpleFormContent = ({ children, className }: SimpleFormContentProps) => {\n    return (\n        <div\n            className={cn(\n                \"wby-p-lg wby-border-sm wby-border-y-none wby-border-neutral-dimmed-darker\",\n                className\n            )}\n        >\n            {children}\n        </div>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/components/SimpleForm/index.js

@@ -1,31 +1,3 @@
-"use strict";
+export { SimpleForm, SimpleFormHeader, SimpleFormFooter, SimpleFormContent } from "./SimpleForm";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "SimpleForm", {
-  enumerable: true,
-  get: function get() {
-    return _SimpleForm.SimpleForm;
-  }
-});
-Object.defineProperty(exports, "SimpleFormContent", {
-  enumerable: true,
-  get: function get() {
-    return _SimpleForm.SimpleFormContent;
-  }
-});
-Object.defineProperty(exports, "SimpleFormFooter", {
-  enumerable: true,
-  get: function get() {
-    return _SimpleForm.SimpleFormFooter;
-  }
-});
-Object.defineProperty(exports, "SimpleFormHeader", {
-  enumerable: true,
-  get: function get() {
-    return _SimpleForm.SimpleFormHeader;
-  }
-});
-
-var _SimpleForm = require("./SimpleForm");
+//# sourceMappingURL=index.js.map

package/components/SimpleForm/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { SimpleForm, SimpleFormHeader, SimpleFormFooter, SimpleFormContent } from \"./SimpleForm\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA"}
+{"version":3,"names":["SimpleForm","SimpleFormHeader","SimpleFormFooter","SimpleFormContent"],"sources":["index.ts"],"sourcesContent":["export { SimpleForm, SimpleFormHeader, SimpleFormFooter, SimpleFormContent } from \"./SimpleForm\";\n"],"mappings":"AAAA,SAASA,UAAU,EAAEC,gBAAgB,EAAEC,gBAAgB,EAAEC,iBAAiB","ignoreList":[]}