@webiny/app-admin 5.43.2 → 6.0.0-alpha.0

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

@@ -1 +1 @@
-{"version":3,"names":["TextAlign","exports","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,SAAS,GAAAC,OAAA,CAAAD,SAAA,0BAATA,SAAS;EAATA,SAAS;EAATA,SAAS;EAATA,SAAS;EAAA,OAATA,SAAS;AAAA;AAWd,IAAME,eAAe,GAAAD,OAAA,CAAAC,eAAA,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;AAEM,IAAMC,UAAU,GAAAN,OAAA,CAAAM,UAAA,GAAG,CACtB;EACIC,IAAI,EAAER,SAAS,CAACS,KAAK;EACrBC,GAAG,EAAER,eAAe,CAACC;AACzB,CAAC,EACD;EACIK,IAAI,EAAER,SAAS,CAACW,MAAM;EACtBD,GAAG,EAAER,eAAe,CAACG;AACzB,CAAC,EACD;EACIG,IAAI,EAAER,SAAS,CAACY,GAAG;EACnBF,GAAG,EAAER,eAAe,CAACE;AACzB,CAAC,CACJ","ignoreList":[]}
+{"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.js

@@ -1,21 +1,14 @@
-"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 = exports.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 || "*";
+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 === "*") {
@@ -33,11 +26,9 @@ var Routes = exports.Routes = function Routes(props) {
     }
     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}`
+  })));
 };
 
 //# sourceMappingURL=Routes.js.map

package/components/Routes.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_plugins","_reactRouter","Routes","exports","props","routes","concat","_toConsumableArray2","default","plugins","byType","map","_ref","route","sort","a","b","pathA","path","pathB","includes","createElement","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 = (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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAOO,IAAMG,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAIE,KAAkB,EAAK;EAC1C,IAAMC,MAAM,GAAG,GAAAC,MAAA,KAAAC,mBAAA,CAAAC,OAAA,EACRJ,KAAK,CAACC,MAAM,OAAAE,mBAAA,CAAAC,OAAA,EAEZC,gBAAO,CAACC,MAAM,CAAc,OAAO,CAAC,CAACC,GAAG,CAAC,UAAAC,IAAA;IAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAA,OAAOA,KAAK;EAAA,EAAC,GACnEC,IAAI,CAAC,UAACC,CAAC,EAAEC,CAAC,EAAK;IACb,IAAMC,KAAK,GAAGF,CAAC,CAACX,KAAK,CAACc,IAAI,IAAI,GAAG;IACjC,IAAMC,KAAK,GAAGH,CAAC,CAACZ,KAAK,CAACc,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,oBACItB,MAAA,CAAAW,OAAA,CAAAa,aAAA,CAACpB,YAAA,CAAAC,MAAiB,QACbG,MAAM,CAACM,GAAG,CAAC,UAACE,KAAK,EAAES,KAAK;IAAA,oBACrBC,cAAK,CAACC,YAAY,CAACX,KAAK,EAAE;MAAEY,GAAG,KAAAnB,MAAA,CAAKO,KAAK,CAACT,KAAK,CAACc,IAAI,OAAAZ,MAAA,CAAIgB,KAAK;IAAG,CAAC,CAAC;EAAA,CACtE,CACe,CAAC;AAE5B,CAAC","ignoreList":[]}
+{"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 { 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

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

package/components/SearchUI.js

@@ -1,55 +1,29 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireWildcard(require("react"));
-var _InputField = _interopRequireDefault(require("./SimpleUI/InputField"));
-var _search = require("@material-design-icons/svg/outlined/search.svg");
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var SearchWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "epa3kz70"
-} : {
-  target: "epa3kz70",
-  label: "SearchWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1pjguuy",
-  styles: "width:100%;height:100%;display:flex;position:relative;& .search__icon{position:absolute;top:0;left:0;bottom:0;pointer-events:none;display:flex;align-items:center;padding-left: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{text-transform:uppercase;letter-spacing:0.05em;color:var(--mdc-theme-text-secondary-on-background);}}"
-} : {
-  name: "1pjguuy",
-  styles: "width:100%;height:100%;display:flex;position:relative;& .search__icon{position:absolute;top:0;left:0;bottom:0;pointer-events:none;display:flex;align-items:center;padding-left: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{text-transform:uppercase;letter-spacing:0.05em;color:var(--mdc-theme-text-secondary-on-background);}}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaFVJLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLc0IiLCJmaWxlIjoiU2VhcmNoVUkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBJbnB1dEZpZWxkLCB7IE9uS2V5RG93blByb3BzIH0gZnJvbSBcIi4vU2ltcGxlVUkvSW5wdXRGaWVsZFwiO1xuaW1wb3J0IHsgUmVhY3RDb21wb25lbnQgYXMgU2VhcmNoSWNvbiB9IGZyb20gXCJAbWF0ZXJpYWwtZGVzaWduLWljb25zL3N2Zy9vdXRsaW5lZC9zZWFyY2guc3ZnXCI7XG5cbmNvbnN0IFNlYXJjaFdyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG5cbiAgICBcIiYgLnNlYXJjaF9faWNvblwiOiB7XG4gICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgIHRvcDogMCxcbiAgICAgICAgbGVmdDogMCxcbiAgICAgICAgYm90dG9tOiAwLFxuICAgICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICAgIHBhZGRpbmdMZWZ0OiBcIjAuMjVyZW1cIixcbiAgICAgICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXRleHQtc2Vjb25kYXJ5LW9uLWJhY2tncm91bmQpXCJcbiAgICB9LFxuXG4gICAgXCImIC5zZWFyY2hfX2lucHV0XCI6IHtcbiAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICBwYWRkaW5nOiBcIjAuNXJlbSAwLjVyZW0gMC41cmVtIDIuMjVyZW1cIixcbiAgICAgICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS10ZXh0LXByaW1hcnktb24tYmFja2dyb3VuZClcIixcbiAgICAgICAgXCImOmZvY3VzXCI6IHtcbiAgICAgICAgICAgIG91dGxpbmU6IFwibm9uZVwiXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjo6cGxhY2Vob2xkZXJcIjoge1xuICAgICAgICAgICAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIixcbiAgICAgICAgICAgIGxldHRlclNwYWNpbmc6IFwiMC4wNWVtXCIsXG4gICAgICAgICAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtdGV4dC1zZWNvbmRhcnktb24tYmFja2dyb3VuZClcIlxuICAgICAgICB9XG4gICAgfVxufSk7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU2VhcmNoUHJvcHMge1xuICAgIHZhbHVlOiBzdHJpbmc7XG4gICAgb25DaGFuZ2U6ICh2YWx1ZTogc3RyaW5nKSA9PiB2b2lkO1xuICAgIG9uRW50ZXI/OiAoKSA9PiBhbnk7XG4gICAgaW5wdXRQbGFjZWhvbGRlcj86IHN0cmluZztcbn1cblxuY29uc3QgU2VhcmNoID0gKHsgdmFsdWUsIG9uQ2hhbmdlLCBvbkVudGVyLCBpbnB1dFBsYWNlaG9sZGVyID0gXCJTZWFyY2guLi5cIiB9OiBTZWFyY2hQcm9wcykgPT4ge1xuICAgIGNvbnN0IGlucHV0T25LZXlEb3duID0gdXNlQ2FsbGJhY2soXG4gICAgICAgIChlOiBPbktleURvd25Qcm9wcykgPT4ge1xuICAgICAgICAgICAgaWYgKHR5cGVvZiBvbkVudGVyID09PSBcImZ1bmN0aW9uXCIgJiYgZS5rZXkgPT09IFwiRW50ZXJcIikge1xuICAgICAgICAgICAgICAgIG9uRW50ZXIoKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSxcbiAgICAgICAgW29uRW50ZXJdXG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxTZWFyY2hXcmFwcGVyIGRhdGEtdGVzdGlkPXtcImRlZmF1bHQtZGF0YS1saXN0LnNlYXJjaFwifT5cbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwic2VhcmNoX19pY29uXCI+XG4gICAgICAgICAgICAgICAgPFNlYXJjaEljb24gLz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPElucHV0RmllbGRcbiAgICAgICAgICAgICAgICBpZD17XCJzZWFyY2gtaW5wdXRcIn1cbiAgICAgICAgICAgICAgICBvbktleURvd249e2lucHV0T25LZXlEb3dufVxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT1cInNlYXJjaF9faW5wdXRcIlxuICAgICAgICAgICAgICAgIHBsYWNlaG9sZGVyPXtpbnB1dFBsYWNlaG9sZGVyfVxuICAgICAgICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgICAgICAgYXV0b0NvbXBsZXRlPVwib2ZmXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgIDwvU2VhcmNoV3JhcHBlcj5cbiAgICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgU2VhcmNoO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-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, {
+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",
-    onKeyDown: inputOnKeyDown,
-    className: "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 = exports.default = Search;
+export default Search;
 
 //# sourceMappingURL=SearchUI.js.map

package/components/SearchUI.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_InputField","_interopRequireDefault","_search","_EMOTION_STRINGIFIED_CSS_ERROR__","SearchWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","Search","_ref","value","onChange","onEnter","_ref$inputPlaceholder","inputPlaceholder","inputOnKeyDown","useCallback","e","key","createElement","className","ReactComponent","id","onKeyDown","placeholder","autoComplete","_default","exports"],"sources":["SearchUI.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport styled from \"@emotion/styled\";\nimport InputField, { OnKeyDownProps } from \"./SimpleUI/InputField\";\nimport { ReactComponent as SearchIcon } from \"@material-design-icons/svg/outlined/search.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    onEnter?: () => any;\n    inputPlaceholder?: string;\n}\n\nconst Search = ({ value, onChange, onEnter, inputPlaceholder = \"Search...\" }: SearchProps) => {\n    const inputOnKeyDown = useCallback(\n        (e: OnKeyDownProps) => {\n            if (typeof onEnter === \"function\" && e.key === \"Enter\") {\n                onEnter();\n            }\n        },\n        [onEnter]\n    );\n\n    return (\n        <SearchWrapper data-testid={\"default-data-list.search\"}>\n            <div className=\"search__icon\">\n                <SearchIcon />\n            </div>\n            <InputField\n                id={\"search-input\"}\n                onKeyDown={inputOnKeyDown}\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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAA8F,SAAAI,iCAAA;AAE9F,IAAMC,aAAa,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAiClC,CAAC;AASF,IAAMa,MAAM,GAAG,SAATA,MAAMA,CAAAC,IAAA,EAAkF;EAAA,IAA5EC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IAAAC,qBAAA,GAAAJ,IAAA,CAAEK,gBAAgB;IAAhBA,gBAAgB,GAAAD,qBAAA,cAAG,WAAW,GAAAA,qBAAA;EACtE,IAAME,cAAc,GAAG,IAAAC,kBAAW,EAC9B,UAACC,CAAiB,EAAK;IACnB,IAAI,OAAOL,OAAO,KAAK,UAAU,IAAIK,CAAC,CAACC,GAAG,KAAK,OAAO,EAAE;MACpDN,OAAO,CAAC,CAAC;IACb;EACJ,CAAC,EACD,CAACA,OAAO,CACZ,CAAC;EAED,oBACIvB,MAAA,CAAAS,OAAA,CAAAqB,aAAA,CAACvB,aAAa;IAAC,eAAa;EAA2B,gBACnDP,MAAA,CAAAS,OAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAC;EAAc,gBACzB/B,MAAA,CAAAS,OAAA,CAAAqB,aAAA,CAACzB,OAAA,CAAA2B,cAAU,MAAE,CACZ,CAAC,eACNhC,MAAA,CAAAS,OAAA,CAAAqB,aAAA,CAAC3B,WAAA,CAAAM,OAAU;IACPwB,EAAE,EAAE,cAAe;IACnBC,SAAS,EAAER,cAAe;IAC1BK,SAAS,EAAC,eAAe;IACzBI,WAAW,EAAEV,gBAAiB;IAC9BJ,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBc,YAAY,EAAC;EAAK,CACrB,CACU,CAAC;AAExB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA7B,OAAA,GAEaU,MAAM","ignoreList":[]}
+{"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,25 +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: (props: SimpleFormProps) => React.JSX.Element;
-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: (props: SimpleFormHeaderProps) => React.JSX.Element;
+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: (props: SimpleFormFooterProps) => React.JSX.Element;
+export declare const SimpleFormFooter: ({ children, className }: SimpleFormFooterProps) => React.JSX.Element;
 interface SimpleFormContentProps {
     children: React.ReactNode;
+    className?: string;
 }
-export declare const SimpleFormContent: (props: SimpleFormContentProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export declare const SimpleFormContent: ({ children, className }: SimpleFormContentProps) => React.JSX.Element;
 export {};

package/components/SimpleForm/SimpleForm.js

@@ -1,86 +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 _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var React = _interopRequireWildcard(require("react"));
-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 _templateObject;
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var SimpleFormContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "ep5jo8l0"
-} : {
-  target: "ep5jo8l0",
-  label: "SimpleFormContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "nlaxp8",
-  styles: "position:relative;margin:17px 50px"
-} : {
-  name: "nlaxp8",
-  styles: "position:relative;margin:17px 50px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpbXBsZUZvcm0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVM0QiIsImZpbGUiOiJTaW1wbGVGb3JtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiZW1vdGlvblwiO1xuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCB7IENlbGwsIEdyaWQgfSBmcm9tIFwiQHdlYmlueS91aS9HcmlkXCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSBcIkB3ZWJpbnkvdWkvVHlwb2dyYXBoeVwiO1xuaW1wb3J0IHsgRWxldmF0aW9uIH0gZnJvbSBcIkB3ZWJpbnkvdWkvRWxldmF0aW9uXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIkB3ZWJpbnkvdWkvSWNvblwiO1xuXG5jb25zdCBTaW1wbGVGb3JtQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIG1hcmdpbjogXCIxN3B4IDUwcHhcIlxufSk7XG5cbmNvbnN0IGhlYWRlciA9IGNzcyh7XG4gICAgYm9yZGVyQm90dG9tOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtdGV4dC1wcmltYXJ5LW9uLWJhY2tncm91bmQpXCJcbn0pO1xuXG5jb25zdCB0aXRsZSA9IGNzcyh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIlxufSk7XG5cbmNvbnN0IGFjdGlvbnMgPSBjc3Moe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImZsZXgtZW5kXCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIlxufSk7XG5cbmNvbnN0IGljb24gPSBjc3Moe1xuICAgIG1hcmdpblJpZ2h0OiAxNSxcbiAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtdGV4dC1wcmltYXJ5LW9uLWJhY2tncm91bmQpXCJcbn0pO1xuXG5jb25zdCBmb290ZXIgPSBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICBib3JkZXItdG9wOiAxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLW9uLWJhY2tncm91bmQpO1xuICAgIHBhZGRpbmc6IDI0cHg7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBtaW4taGVpZ2h0OiA1MnB4O1xuICAgIGJ1dHRvbjpsYXN0LW9mLXR5cGUge1xuICAgICAgICBtYXJnaW4tbGVmdDogOHB4O1xuICAgIH1cbmA7XG5cbmludGVyZmFjZSBTaW1wbGVGb3JtUHJvcHMge1xuICAgIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gICAgXCJkYXRhLXRlc3RpZFwiPzogc3RyaW5nO1xuICAgIG5vRWxldmF0aW9uPzogYm9vbGVhbjtcbiAgICBjbGFzc05hbWU/OiBzdHJpbmc7XG59XG5leHBvcnQgY29uc3QgU2ltcGxlRm9ybSA9IChwcm9wczogU2ltcGxlRm9ybVByb3BzKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPFNpbXBsZUZvcm1Db250YWluZXJcbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhcIndlYmlueS1kYXRhLWxpc3RcIiwgcHJvcHMuY2xhc3NOYW1lKX1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtwcm9wc1tcImRhdGEtdGVzdGlkXCJdfVxuICAgICAgICA+XG4gICAgICAgICAgICB7cHJvcHMubm9FbGV2YXRpb24gPyBwcm9wcy5jaGlsZHJlbiA6IDxFbGV2YXRpb24gej17MX0+e3Byb3BzLmNoaWxkcmVufTwvRWxldmF0aW9uPn1cbiAgICAgICAgPC9TaW1wbGVGb3JtQ29udGFpbmVyPlxuICAgICk7XG59O1xuXG5pbnRlcmZhY2UgU2ltcGxlRm9ybUhlYWRlclByb3BzIHtcbiAgICB0aXRsZTogUmVhY3QuUmVhY3ROb2RlO1xuICAgIGljb24/OiBSZWFjdC5SZWFjdEVsZW1lbnQ8YW55PjtcbiAgICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgICBbXCJkYXRhLXRlc3RpZFwiXT86IHN0cmluZztcbn1cbmV4cG9ydCBjb25zdCBTaW1wbGVGb3JtSGVhZGVyID0gKHByb3BzOiBTaW1wbGVGb3JtSGVhZGVyUHJvcHMpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8R3JpZCBjbGFzc05hbWU9e2hlYWRlcn0gZGF0YS10ZXN0aWQ9e3Byb3BzW1wiZGF0YS10ZXN0aWRcIl19PlxuICAgICAgICAgICAgPENlbGwgc3Bhbj17cHJvcHMuY2hpbGRyZW4gPyA2IDogMTJ9IGNsYXNzTmFtZT17dGl0bGV9PlxuICAgICAgICAgICAgICAgIDxSZWFjdC5GcmFnbWVudD5cbiAgICAgICAgICAgICAgICAgICAge3Byb3BzLmljb24gJiYgPEljb24gY2xhc3NOYW1lPXtpY29ufSBpY29uPXtwcm9wcy5pY29ufSAvPn1cbiAgICAgICAgICAgICAgICAgICAgPFR5cG9ncmFwaHkgdXNlPVwiaGVhZGxpbmU1XCI+e3Byb3BzLnRpdGxlfTwvVHlwb2dyYXBoeT5cbiAgICAgICAgICAgICAgICA8L1JlYWN0LkZyYWdtZW50PlxuICAgICAgICAgICAgPC9DZWxsPlxuICAgICAgICAgICAge3Byb3BzLmNoaWxkcmVuICYmIChcbiAgICAgICAgICAgICAgICA8Q2VsbCBzcGFuPXs2fSBjbGFzc05hbWU9e2FjdGlvbnN9PlxuICAgICAgICAgICAgICAgICAgICB7cHJvcHMuY2hpbGRyZW59XG4gICAgICAgICAgICAgICAgPC9DZWxsPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgPC9HcmlkPlxuICAgICk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIFNpbXBsZUZvcm1Gb290ZXJQcm9wcyB7XG4gICAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgICBjbGFzc05hbWU/OiBzdHJpbmc7XG59XG5leHBvcnQgY29uc3QgU2ltcGxlRm9ybUZvb3RlciA9IChwcm9wczogU2ltcGxlRm9ybUZvb3RlclByb3BzKSA9PiB7XG4gICAgcmV0dXJuIDxkaXYgY2xhc3NOYW1lPXtjbGFzc05hbWVzKGZvb3RlciwgcHJvcHMuY2xhc3NOYW1lKX0+e3Byb3BzLmNoaWxkcmVufTwvZGl2Pjtcbn07XG5cbmludGVyZmFjZSBTaW1wbGVGb3JtQ29udGVudFByb3BzIHtcbiAgICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xufVxuXG5leHBvcnQgY29uc3QgU2ltcGxlRm9ybUNvbnRlbnQgPSAocHJvcHM6IFNpbXBsZUZvcm1Db250ZW50UHJvcHMpID0+IHtcbiAgICByZXR1cm4gcHJvcHMuY2hpbGRyZW4gYXMgdW5rbm93biBhcyBSZWFjdC5SZWFjdEVsZW1lbnQ7XG59O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var header = (0, _emotion.css)({
-  borderBottom: "1px solid var(--mdc-theme-on-background)",
-  color: "var(--mdc-theme-text-primary-on-background)"
-});
-var title = (0, _emotion.css)({
-  display: "flex",
-  alignItems: "center"
-});
-var actions = (0, _emotion.css)({
-  display: "flex",
-  justifyContent: "flex-end",
-  alignItems: "center"
+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 icon = (0, _emotion.css)({
-  marginRight: 15,
-  color: "var(--mdc-theme-text-primary-on-background)"
-});
-var footer = (0, _emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    display: flex;\n    justify-content: flex-end;\n    flex-wrap: wrap;\n    border-top: 1px solid var(--mdc-theme-on-background);\n    padding: 24px;\n    box-sizing: border-box;\n    min-height: 52px;\n    button:last-of-type {\n        margin-left: 8px;\n    }\n"])));
-var SimpleForm = exports.SimpleForm = function SimpleForm(props) {
-  return /*#__PURE__*/React.createElement(SimpleFormContainer, {
-    className: (0, _classnames.default)("webiny-data-list", props.className),
-    "data-testid": props["data-testid"]
-  }, props.noElevation ? props.children : /*#__PURE__*/React.createElement(_Elevation.Elevation, {
-    z: 1
-  }, props.children));
+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));
 };
-var SimpleFormHeader = exports.SimpleFormHeader = function SimpleFormHeader(props) {
-  return /*#__PURE__*/React.createElement(_Grid.Grid, {
-    className: header,
+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
+  }
+});
+export const SimpleFormHeader = ({
+  children,
+  icon,
+  title,
+  className,
+  rounded,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: cn(simpleFormHeaderVariants({
+      rounded
+    }), className),
     "data-testid": props["data-testid"]
-  }, /*#__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)));
 };
-var SimpleFormFooter = exports.SimpleFormFooter = function SimpleFormFooter(props) {
+export const SimpleFormFooter = ({
+  children,
+  className
+}) => {
   return /*#__PURE__*/React.createElement("div", {
-    className: (0, _classnames.default)(footer, props.className)
-  }, props.children);
+    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);
 };
-var SimpleFormContent = exports.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);
 };
 
 //# sourceMappingURL=SimpleForm.js.map

package/components/SimpleForm/SimpleForm.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_emotion","_classnames","_interopRequireDefault","_Grid","_Typography","_Elevation","_Icon","_templateObject","_EMOTION_STRINGIFIED_CSS_ERROR__","SimpleFormContainer","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","header","css","borderBottom","color","title","display","alignItems","actions","justifyContent","icon","marginRight","footer","_taggedTemplateLiteral2","SimpleForm","exports","props","createElement","className","classNames","noElevation","children","Elevation","z","SimpleFormHeader","Grid","Cell","span","Fragment","Icon","Typography","use","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    display: flex;\n    justify-content: flex-end;\n    flex-wrap: wrap;\n    border-top: 1px solid var(--mdc-theme-on-background);\n    padding: 24px;\n    box-sizing: border-box;\n    min-height: 52px;\n    button:last-of-type {\n        margin-left: 8px;\n    }\n`;\n\ninterface SimpleFormProps {\n    children: React.ReactNode;\n    \"data-testid\"?: string;\n    noElevation?: boolean;\n    className?: string;\n}\nexport const SimpleForm = (props: SimpleFormProps) => {\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    [\"data-testid\"]?: string;\n}\nexport const SimpleFormHeader = (props: SimpleFormHeaderProps) => {\n    return (\n        <Grid className={header} data-testid={props[\"data-testid\"]}>\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\nexport interface SimpleFormFooterProps {\n    children: React.ReactNode;\n    className?: string;\n}\nexport const SimpleFormFooter = (props: SimpleFormFooterProps) => {\n    return <div className={classNames(footer, props.className)}>{props.children}</div>;\n};\n\ninterface SimpleFormContentProps {\n    children: React.ReactNode;\n}\n\nexport const SimpleFormContent = (props: SimpleFormContentProps) => {\n    return props.children as unknown as React.ReactElement;\n};\n"],"mappings":"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","ignoreList":[]}
+{"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,32 +1,3 @@
-"use strict";
-
-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");
+export { SimpleForm, SimpleFormHeader, SimpleFormFooter, SimpleFormContent } from "./SimpleForm";
 
 //# sourceMappingURL=index.js.map

package/components/SimpleForm/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_SimpleForm","require"],"sources":["index.ts"],"sourcesContent":["export { SimpleForm, SimpleFormHeader, SimpleFormFooter, SimpleFormContent } from \"./SimpleForm\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA","ignoreList":[]}
+{"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":[]}