@webiny/app-admin 5.27.0-beta.0 → 5.28.0

package/components/SearchUI.js

@@ -1,8 +1,21 @@
-import React from "react";
-import styled from "@emotion/styled";
-import InputField from "./SimpleUI/InputField";
-import { ReactComponent as SearchIcon } from "../assets/icons/search-24px.svg";
-var SearchWrapper = /*#__PURE__*/styled("div", {
+"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"
 })({
@@ -43,11 +56,11 @@ var Search = function Search(_ref) {
       onChange = _ref.onChange,
       _ref$inputPlaceholder = _ref.inputPlaceholder,
       inputPlaceholder = _ref$inputPlaceholder === void 0 ? "Search..." : _ref$inputPlaceholder;
-  return /*#__PURE__*/React.createElement(SearchWrapper, {
+  return /*#__PURE__*/_react.default.createElement(SearchWrapper, {
     "data-testid": "default-data-list.search"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "search__icon"
-  }, /*#__PURE__*/React.createElement(SearchIcon, null)), /*#__PURE__*/React.createElement(InputField, {
+  }, /*#__PURE__*/_react.default.createElement(_search24px.ReactComponent, null)), /*#__PURE__*/_react.default.createElement(_InputField.default, {
     className: "search__input",
     placeholder: inputPlaceholder,
     value: value,
@@ -56,4 +69,5 @@ var Search = function Search(_ref) {
   }));
 };
 
-export default Search;
+var _default = Search;
+exports.default = _default;

package/components/SearchUI.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SearchUI.tsx"],"names":["React","styled","InputField","ReactComponent","SearchIcon","SearchWrapper","width","height","display","position","top","left","bottom","pointerEvents","alignItems","paddingLeft","color","padding","outline","border","textTransform","letterSpacing","Search","value","onChange","inputPlaceholder"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,OAAOC,UAAP;AACA,SAASC,cAAc,IAAIC,UAA3B;AAEA,IAAMC,aAAa,gBAAGJ,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AAChCK,EAAAA,KAAK,EAAE,MADyB;AAEhCC,EAAAA,MAAM,EAAE,MAFwB;AAGhCC,EAAAA,OAAO,EAAE,MAHuB;AAIhCC,EAAAA,QAAQ,EAAE,UAJsB;AAMhC,qBAAmB;AACfA,IAAAA,QAAQ,EAAE,UADK;AAEfC,IAAAA,GAAG,EAAE,CAFU;AAGfC,IAAAA,IAAI,EAAE,CAHS;AAIfC,IAAAA,MAAM,EAAE,CAJO;AAKfC,IAAAA,aAAa,EAAE,MALA;AAMfL,IAAAA,OAAO,EAAE,MANM;AAOfM,IAAAA,UAAU,EAAE,QAPG;AAQfC,IAAAA,WAAW,EAAE,SARE;AASfC,IAAAA,KAAK,EAAE;AATQ,GANa;AAkBhC,sBAAoB;AAChBV,IAAAA,KAAK,EAAE,MADS;AAEhBW,IAAAA,OAAO,EAAE,8BAFO;AAGhBC,IAAAA,OAAO,EAAE,MAHO;AAIhBC,IAAAA,MAAM,EAAE,MAJQ;AAKhBH,IAAAA,KAAK,EAAE,6CALS;AAMhB,eAAW;AACPE,MAAAA,OAAO,EAAE;AADF,KANK;AAShB,sBAAkB;AACdE,MAAAA,aAAa,EAAE,WADD;AAEdC,MAAAA,aAAa,EAAE,QAFD;AAGdL,MAAAA,KAAK,EAAE;AAHO;AATF;AAlBY,CAAjB,CAAnB;;AAwCA,IAAMM,MAA6B,GAAG,SAAhCA,MAAgC,OAAyD;AAAA,MAAtDC,KAAsD,QAAtDA,KAAsD;AAAA,MAA/CC,QAA+C,QAA/CA,QAA+C;AAAA,mCAArCC,gBAAqC;AAAA,MAArCA,gBAAqC,sCAAlB,WAAkB;AAC3F,sBACI,oBAAC,aAAD;AAAe,mBAAa;AAA5B,kBACI;AAAK,IAAA,SAAS,EAAC;AAAf,kBACI,oBAAC,UAAD,OADJ,CADJ,eAII,oBAAC,UAAD;AACI,IAAA,SAAS,EAAC,eADd;AAEI,IAAA,WAAW,EAAEA,gBAFjB;AAGI,IAAA,KAAK,EAAEF,KAHX;AAII,IAAA,QAAQ,EAAEC,QAJd;AAKI,IAAA,YAAY,EAAC;AALjB,IAJJ,CADJ;AAcH,CAfD;;AAiBA,eAAeF,MAAf","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"]}
+{"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"}

package/components/SimpleForm/SimpleForm.js

@@ -1,36 +1,55 @@
-import * as React from "react";
-import styled from "@emotion/styled";
-import { css } from "emotion";
-import classNames from "classnames";
-import { Cell, Grid } from "@webiny/ui/Grid";
-import { Typography } from "@webiny/ui/Typography";
-import { Elevation } from "@webiny/ui/Elevation";
-import { Icon } from "@webiny/ui/Icon";
-var SimpleFormContainer = /*#__PURE__*/styled("div", {
+"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"
 });
-var header = /*#__PURE__*/css({
+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__*/css({
+var title = /*#__PURE__*/(0, _emotion.css)({
   display: "flex",
   alignItems: "center"
 }, "label:title;");
-var actions = /*#__PURE__*/css({
+var actions = /*#__PURE__*/(0, _emotion.css)({
   display: "flex",
   justifyContent: "flex-end",
   alignItems: "center"
 }, "label:actions;");
-var icon = /*#__PURE__*/css({
+var icon = /*#__PURE__*/(0, _emotion.css)({
   marginRight: 15,
   color: "var(--mdc-theme-text-primary-on-background)"
 }, "label:icon;");
-var footer = /*#__PURE__*/css({
+var footer = /*#__PURE__*/(0, _emotion.css)({
   borderTop: "1px solid var(--mdc-theme-on-background)",
   color: "var(--mdc-theme-text-primary-on-background)",
   textAlign: "right",
@@ -39,37 +58,49 @@ var footer = /*#__PURE__*/css({
 
   }
 }, "label:footer;");
-export var SimpleForm = function SimpleForm(props) {
+
+var SimpleForm = function SimpleForm(props) {
   return /*#__PURE__*/React.createElement(SimpleFormContainer, {
-    className: classNames("webiny-data-list", props.className),
+    className: (0, _classnames.default)("webiny-data-list", props.className),
     "data-testid": props["data-testid"]
-  }, props.noElevation ? props.children : /*#__PURE__*/React.createElement(Elevation, {
+  }, props.noElevation ? props.children : /*#__PURE__*/React.createElement(_Elevation.Elevation, {
     z: 1
   }, props.children));
 };
-export var SimpleFormHeader = function SimpleFormHeader(props) {
-  return /*#__PURE__*/React.createElement(Grid, {
+
+exports.SimpleForm = SimpleForm;
+
+var SimpleFormHeader = function SimpleFormHeader(props) {
+  return /*#__PURE__*/React.createElement(_Grid.Grid, {
     className: header
-  }, /*#__PURE__*/React.createElement(Cell, {
+  }, /*#__PURE__*/React.createElement(_Grid.Cell, {
     span: props.children ? 6 : 12,
     className: title
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, props.icon && /*#__PURE__*/React.createElement(Icon, {
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, props.icon && /*#__PURE__*/React.createElement(_Icon.Icon, {
     className: icon,
     icon: props.icon
-  }), /*#__PURE__*/React.createElement(Typography, {
+  }), /*#__PURE__*/React.createElement(_Typography.Typography, {
     use: "headline5"
-  }, props.title))), props.children && /*#__PURE__*/React.createElement(Cell, {
+  }, props.title))), props.children && /*#__PURE__*/React.createElement(_Grid.Cell, {
     span: 6,
     className: actions
   }, props.children));
 };
-export var SimpleFormFooter = function SimpleFormFooter(props) {
-  return /*#__PURE__*/React.createElement(Grid, {
-    className: classNames(footer, props.className)
-  }, /*#__PURE__*/React.createElement(Cell, {
+
+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 var SimpleFormContent = function SimpleFormContent(props) {
+
+exports.SimpleFormFooter = SimpleFormFooter;
+
+var SimpleFormContent = function SimpleFormContent(props) {
   return props.children;
-};
+};
+
+exports.SimpleFormContent = SimpleFormContent;

package/components/SimpleForm/SimpleForm.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SimpleForm.tsx"],"names":["React","styled","css","classNames","Cell","Grid","Typography","Elevation","Icon","SimpleFormContainer","position","margin","header","borderBottom","color","title","display","alignItems","actions","justifyContent","icon","marginRight","footer","borderTop","textAlign","padding","SimpleForm","props","className","noElevation","children","SimpleFormHeader","SimpleFormFooter","SimpleFormContent"],"mappings":"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","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"]}
+{"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"}

package/components/SimpleForm/index.js

@@ -1 +1,31 @@
-export { SimpleForm, SimpleFormHeader, SimpleFormFooter, SimpleFormContent } from "./SimpleForm";
+"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");

package/components/SimpleForm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["SimpleForm","SimpleFormHeader","SimpleFormFooter","SimpleFormContent"],"mappings":"AAAA,SAASA,UAAT,EAAqBC,gBAArB,EAAuCC,gBAAvC,EAAyDC,iBAAzD","sourcesContent":["export { SimpleForm, SimpleFormHeader, SimpleFormFooter, SimpleFormContent } from \"./SimpleForm\";\n"]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { SimpleForm, SimpleFormHeader, SimpleFormFooter, SimpleFormContent } from \"./SimpleForm\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA"}

package/components/SimpleUI/InputField.js

@@ -1,12 +1,28 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _emotion = require("emotion");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _omit = _interopRequireDefault(require("lodash/omit"));
+
+var _Typography = require("@webiny/ui/Typography");
+
+var _FormElementMessage = require("@webiny/ui/FormElementMessage");
+
 var _excluded = ["className", "value", "onChange", "label", "description", "validation", "defaultValue"];
-import React from "react";
-import { css } from "emotion";
-import classNames from "classnames";
-import omit from "lodash/omit";
-import { Typography } from "@webiny/ui/Typography";
-import { FormElementMessage } from "@webiny/ui/FormElementMessage";
-var inputStyle = /*#__PURE__*/css({
+var inputStyle = /*#__PURE__*/(0, _emotion.css)({
   boxSizing: "border-box",
   border: "1px solid var(--mdc-theme-on-background)",
   width: "100%",
@@ -39,7 +55,7 @@ var inputStyle = /*#__PURE__*/css({
     margin: 0
   }
 }, "label:inputStyle;");
-var labelStyle = /*#__PURE__*/css({
+var labelStyle = /*#__PURE__*/(0, _emotion.css)({
   marginBottom: 8,
   padding: "0px 8px",
   "& span": {
@@ -71,14 +87,13 @@ var InputField = function InputField(_ref) {
   } : _ref$validation,
       _ref$defaultValue = _ref.defaultValue,
       defaultValue = _ref$defaultValue === void 0 ? "" : _ref$defaultValue,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement("div", {
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, label && /*#__PURE__*/_react.default.createElement("div", {
     className: labelStyle
-  }, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "subtitle2"
-  }, label)), /*#__PURE__*/React.createElement("input", Object.assign({
-    className: classNames(inputStyle, className),
+  }, label)), /*#__PURE__*/_react.default.createElement("input", Object.assign({
+    className: (0, _classnames.default)(inputStyle, className),
     value: getValue({
       value: value,
       type: props.type || "string",
@@ -91,9 +106,11 @@ var InputField = function InputField(_ref) {
 
       _onChange((ev.target.value || "").toLowerCase());
     }
-  }, omit(props, "validate"))), validation.isValid === false && /*#__PURE__*/React.createElement(FormElementMessage, {
+  }, (0, _omit.default)(props, "validate"))), validation.isValid === false && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, {
     error: true
-  }, validation.message), validation.isValid !== false && description && /*#__PURE__*/React.createElement(FormElementMessage, null, description));
+  }, validation.message), validation.isValid !== false && description && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, null, description));
 };
 
-export default /*#__PURE__*/React.memo(InputField);
+var _default = /*#__PURE__*/_react.default.memo(InputField);
+
+exports.default = _default;

package/components/SimpleUI/InputField.js.map

@@ -1 +1 @@
-{"version":3,"sources":["InputField.tsx"],"names":["React","css","classNames","omit","Typography","FormElementMessage","inputStyle","boxSizing","border","width","height","padding","textAlign","minHeight","backgroundColor","transition","opacity","cursor","WebkitAppearance","margin","labelStyle","marginBottom","color","getValue","params","value","defaultValue","type","isNaN","InputField","className","onChange","label","description","validation","isValid","props","ev","target","toLowerCase","message","memo"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\nimport omit from \"lodash/omit\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\n\nconst inputStyle = css({\n    boxSizing: \"border-box\",\n    border: \"1px solid var(--mdc-theme-on-background)\",\n    width: \"100%\",\n    height: \"100%\",\n    padding: \"4px 8px\",\n    textAlign: \"left\",\n    minHeight: 32,\n    backgroundColor: \"var(--mdc-theme-surface)\",\n    transition: \"150ms all ease-in-out\",\n    \"&:focus:not(:disabled)\": {\n        backgroundColor: \"var(--mdc-theme-on-background)\"\n    },\n    \"&:hover:not(:disabled)\": {\n        backgroundColor: \"var(--mdc-theme-on-background)\"\n    },\n    \"&:disabled\": {\n        opacity: 0.5,\n        cursor: \"not-allowed\"\n    },\n\n    \"&.text-center\": {\n        textAlign: \"center\",\n        padding: 4\n    },\n\n    \"&::-webkit-inner-spin-button\": {\n        WebkitAppearance: \"none\",\n        margin: 0\n    },\n    \"&::-webkit-outer-spin-button\": {\n        WebkitAppearance: \"none\",\n        margin: 0\n    }\n});\n\nconst labelStyle = css({\n    marginBottom: 8,\n    padding: \"0px 8px\",\n    \"& span\": {\n        color: \"var(--mdc-theme-text-primary-on-background)\"\n    }\n});\n\ninterface GetValueParams {\n    value: string | number | undefined;\n    defaultValue: string | number;\n    type: \"number\" | \"string\";\n}\nconst getValue = (params: GetValueParams): string => {\n    const { value, defaultValue, type } = params;\n    if (type === \"number\") {\n        return (isNaN(value as number) ? defaultValue : value) as string;\n    }\n    return (value || defaultValue) as string;\n};\n\ninterface InputBoxProps {\n    value?: string | number;\n    onChange?: (value: any) => void;\n    defaultValue?: string | number;\n    type?: \"string\" | \"number\";\n    [key: string]: any;\n}\nconst InputField: React.FC<InputBoxProps> = ({\n    className,\n    value,\n    onChange,\n    label,\n    description,\n    validation = { isValid: true },\n    defaultValue = \"\",\n    ...props\n}) => {\n    return (\n        <React.Fragment>\n            {label && (\n                <div className={labelStyle}>\n                    <Typography use={\"subtitle2\"}>{label}</Typography>\n                </div>\n            )}\n            <input\n                className={classNames(inputStyle, className)}\n                value={getValue({\n                    value,\n                    type: props.type || \"string\",\n                    defaultValue\n                })}\n                onChange={ev => {\n                    if (!onChange) {\n                        return;\n                    }\n                    onChange((ev.target.value || \"\").toLowerCase());\n                }}\n                {...omit(props, \"validate\")}\n            />\n            {validation.isValid === false && (\n                <FormElementMessage error>{validation.message}</FormElementMessage>\n            )}\n            {validation.isValid !== false && description && (\n                <FormElementMessage>{description}</FormElementMessage>\n            )}\n        </React.Fragment>\n    );\n};\n\nexport default React.memo(InputField);\n"]}
+{"version":3,"names":["inputStyle","css","boxSizing","border","width","height","padding","textAlign","minHeight","backgroundColor","transition","opacity","cursor","WebkitAppearance","margin","labelStyle","marginBottom","color","getValue","params","value","defaultValue","type","isNaN","InputField","className","onChange","label","description","validation","isValid","props","classNames","ev","target","toLowerCase","omit","message","React","memo"],"sources":["InputField.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\nimport omit from \"lodash/omit\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\n\nconst inputStyle = css({\n    boxSizing: \"border-box\",\n    border: \"1px solid var(--mdc-theme-on-background)\",\n    width: \"100%\",\n    height: \"100%\",\n    padding: \"4px 8px\",\n    textAlign: \"left\",\n    minHeight: 32,\n    backgroundColor: \"var(--mdc-theme-surface)\",\n    transition: \"150ms all ease-in-out\",\n    \"&:focus:not(:disabled)\": {\n        backgroundColor: \"var(--mdc-theme-on-background)\"\n    },\n    \"&:hover:not(:disabled)\": {\n        backgroundColor: \"var(--mdc-theme-on-background)\"\n    },\n    \"&:disabled\": {\n        opacity: 0.5,\n        cursor: \"not-allowed\"\n    },\n\n    \"&.text-center\": {\n        textAlign: \"center\",\n        padding: 4\n    },\n\n    \"&::-webkit-inner-spin-button\": {\n        WebkitAppearance: \"none\",\n        margin: 0\n    },\n    \"&::-webkit-outer-spin-button\": {\n        WebkitAppearance: \"none\",\n        margin: 0\n    }\n});\n\nconst labelStyle = css({\n    marginBottom: 8,\n    padding: \"0px 8px\",\n    \"& span\": {\n        color: \"var(--mdc-theme-text-primary-on-background)\"\n    }\n});\n\ninterface GetValueParams {\n    value: string | number | undefined;\n    defaultValue: string | number;\n    type: \"number\" | \"string\";\n}\nconst getValue = (params: GetValueParams): string => {\n    const { value, defaultValue, type } = params;\n    if (type === \"number\") {\n        return (isNaN(value as number) ? defaultValue : value) as string;\n    }\n    return (value || defaultValue) as string;\n};\n\ninterface InputBoxProps {\n    value?: string | number;\n    onChange?: (value: any) => void;\n    defaultValue?: string | number;\n    type?: \"string\" | \"number\";\n    [key: string]: any;\n}\nconst InputField: React.FC<InputBoxProps> = ({\n    className,\n    value,\n    onChange,\n    label,\n    description,\n    validation = { isValid: true },\n    defaultValue = \"\",\n    ...props\n}) => {\n    return (\n        <React.Fragment>\n            {label && (\n                <div className={labelStyle}>\n                    <Typography use={\"subtitle2\"}>{label}</Typography>\n                </div>\n            )}\n            <input\n                className={classNames(inputStyle, className)}\n                value={getValue({\n                    value,\n                    type: props.type || \"string\",\n                    defaultValue\n                })}\n                onChange={ev => {\n                    if (!onChange) {\n                        return;\n                    }\n                    onChange((ev.target.value || \"\").toLowerCase());\n                }}\n                {...omit(props, \"validate\")}\n            />\n            {validation.isValid === false && (\n                <FormElementMessage error>{validation.message}</FormElementMessage>\n            )}\n            {validation.isValid !== false && description && (\n                <FormElementMessage>{description}</FormElementMessage>\n            )}\n        </React.Fragment>\n    );\n};\n\nexport default React.memo(InputField);\n"],"mappings":"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"}

package/components/SingleImageUpload.js

@@ -1,14 +1,35 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import * as React from "react";
-import { Image } from "@webiny/app/components/Image";
-import * as Ui from "@webiny/ui/ImageUpload";
-import { FileManager } from "./FileManager";
-import { FormElementMessage } from "@webiny/ui/FormElementMessage";
-import styled from "@emotion/styled";
-var ImageUploadWrapper = /*#__PURE__*/styled("div", {
+"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 _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _Image = require("@webiny/app/components/Image");
+
+var Ui = _interopRequireWildcard(require("@webiny/ui/ImageUpload"));
+
+var _FileManager = require("./FileManager");
+
+var _FormElementMessage = require("@webiny/ui/FormElementMessage");
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var ImageUploadWrapper = /*#__PURE__*/(0, _styled.default)("div", {
   target: "ek1tjbh0",
   label: "ImageUploadWrapper"
 })({
@@ -29,17 +50,16 @@ var ImageUploadWrapper = /*#__PURE__*/styled("div", {
 });
 
 var SingleImageUpload = /*#__PURE__*/function (_React$Component) {
-  _inherits(SingleImageUpload, _React$Component);
+  (0, _inherits2.default)(SingleImageUpload, _React$Component);
 
-  var _super = _createSuper(SingleImageUpload);
+  var _super = (0, _createSuper2.default)(SingleImageUpload);
 
   function SingleImageUpload() {
-    _classCallCheck(this, SingleImageUpload);
-
+    (0, _classCallCheck2.default)(this, SingleImageUpload);
     return _super.apply(this, arguments);
   }
 
-  _createClass(SingleImageUpload, [{
+  (0, _createClass2.default)(SingleImageUpload, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -65,7 +85,7 @@ var SingleImageUpload = /*#__PURE__*/function (_React$Component) {
         className: className
       }, label && /*#__PURE__*/React.createElement("div", {
         className: "mdc-floating-label mdc-floating-label--float-above"
-      }, label), /*#__PURE__*/React.createElement(FileManager, {
+      }, label), /*#__PURE__*/React.createElement(_FileManager.FileManager, {
         onChange: onChange,
         onChangePick: onChangePick,
         accept: accept,
@@ -77,7 +97,7 @@ var SingleImageUpload = /*#__PURE__*/function (_React$Component) {
         var showFileManager = _ref2.showFileManager;
         return /*#__PURE__*/React.createElement(Ui.Image, {
           renderImagePreview: function renderImagePreview(renderImageProps) {
-            return /*#__PURE__*/React.createElement(Image, Object.assign({}, renderImageProps, imagePreviewProps));
+            return /*#__PURE__*/React.createElement(_Image.Image, Object.assign({}, renderImageProps, imagePreviewProps));
           },
           style: {
             width: "100%",
@@ -88,13 +108,12 @@ var SingleImageUpload = /*#__PURE__*/function (_React$Component) {
           removeImage: onChange,
           round: round
         });
-      }), validationIsValid === false && /*#__PURE__*/React.createElement(FormElementMessage, {
+      }), validationIsValid === false && /*#__PURE__*/React.createElement(_FormElementMessage.FormElementMessage, {
         error: true
-      }, validationMessage), validationIsValid !== false && description && /*#__PURE__*/React.createElement(FormElementMessage, null, description));
+      }, validationMessage), validationIsValid !== false && description && /*#__PURE__*/React.createElement(_FormElementMessage.FormElementMessage, null, description));
     }
   }]);
-
   return SingleImageUpload;
 }(React.Component);
 
-export { SingleImageUpload as default };
+exports.default = SingleImageUpload;

package/components/SingleImageUpload.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SingleImageUpload.tsx"],"names":["React","Image","Ui","FileManager","FormElementMessage","styled","ImageUploadWrapper","position","opacity","pointerEvents","transform","top","left","color","SingleImageUpload","props","className","onChange","value","validation","label","description","accept","onChangePick","maxSize","multipleMaxCount","multipleMaxSize","imagePreviewProps","round","validationIsValid","isValid","validationMessage","message","showFileManager","renderImageProps","width","height","Component"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,KAAT,QAAsB,8BAAtB;AACA,OAAO,KAAKC,EAAZ,MAAoB,wBAApB;AACA,SAASC,WAAT;AAEA,SAASC,kBAAT,QAAmC,+BAAnC;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AAEA,IAAMC,kBAAkB,gBAAGD,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AACrCE,EAAAA,QAAQ,EAAE,UAD2B;AAErC,eAAa;AACTC,IAAAA,OAAO,EAAE,IADA;AAETC,IAAAA,aAAa,EAAE;AAFN,GAFwB;AAMrC,sCAAoC;AAChCC,IAAAA,SAAS,EAAE,aADqB;AAEhCC,IAAAA,GAAG,EAAE,EAF2B;AAGhCC,IAAAA,IAAI,EAAE,EAH0B;AAIhCC,IAAAA,KAAK,EAAE;AAJyB,GANC;AAYrC,iCAA+B;AAC3BA,IAAAA,KAAK,EAAE;AADoB;AAZM,CAAjB,CAAxB;;IAwDqBC,iB;;;;;;;;;;;;;WACjB,kBAAyB;AACrB,wBAcI,KAAKC,KAdT;AAAA,UACIC,SADJ,eACIA,SADJ;AAAA,UAEIC,QAFJ,eAEIA,QAFJ;AAAA,UAGIC,KAHJ,eAGIA,KAHJ;AAAA,UAIIC,UAJJ,eAIIA,UAJJ;AAAA,UAKIC,KALJ,eAKIA,KALJ;AAAA,UAMIC,WANJ,eAMIA,WANJ;AAAA,UAOIC,MAPJ,eAOIA,MAPJ;AAAA,UAQIC,YARJ,eAQIA,YARJ;AAAA,UASIC,OATJ,eASIA,OATJ;AAAA,UAUIC,gBAVJ,eAUIA,gBAVJ;AAAA,UAWIC,eAXJ,eAWIA,eAXJ;AAAA,UAYIC,iBAZJ,eAYIA,iBAZJ;AAAA,UAaIC,KAbJ,eAaIA,KAbJ;;AAgBA,iBAAmET,UAAU,IAAI,EAAjF;AAAA,UAAiBU,iBAAjB,QAAQC,OAAR;AAAA,UAA6CC,iBAA7C,QAAoCC,OAApC;;AAEA,0BACI,oBAAC,kBAAD;AAAoB,QAAA,SAAS,EAAEhB;AAA/B,SACKI,KAAK,iBACF;AAAK,QAAA,SAAS,EAAC;AAAf,SACKA,KADL,CAFR,eAOI,oBAAC,WAAD;AACI,QAAA,QAAQ,EAAEH,QADd;AAEI,QAAA,YAAY,EAAEM,YAFlB;AAGI,QAAA,MAAM,EAAED,MAHZ;AAII,QAAA,MAAM,EAAE,CAACA,MAJb;AAKI,QAAA,OAAO,EAAEE,OALb;AAMI,QAAA,gBAAgB,EAAEC,gBANtB;AAOI,QAAA,eAAe,EAAEC;AAPrB,SASK;AAAA,YAAGO,eAAH,SAAGA,eAAH;AAAA,4BACG,oBAAC,EAAD,CAAI,KAAJ;AACI,UAAA,kBAAkB,EAAE,4BAAAC,gBAAgB;AAAA,gCAChC,oBAAC,KAAD,oBAAWA,gBAAX,EAAiCP,iBAAjC,EADgC;AAAA,WADxC;AAII,UAAA,KAAK,EAAE;AAAEQ,YAAAA,KAAK,EAAE,MAAT;AAAiBC,YAAAA,MAAM,EAAE;AAAzB,WAJX;AAKI,UAAA,KAAK,EAAElB,KALX;AAMI,UAAA,WAAW,EAAEe,eANjB;AAOI,UAAA,WAAW,EAAEhB,QAPjB;AAQI,UAAA,KAAK,EAAEW;AARX,UADH;AAAA,OATL,CAPJ,EA8BKC,iBAAiB,KAAK,KAAtB,iBACG,oBAAC,kBAAD;AAAoB,QAAA,KAAK;AAAzB,SAA2BE,iBAA3B,CA/BR,EAiCKF,iBAAiB,KAAK,KAAtB,IAA+BR,WAA/B,iBACG,oBAAC,kBAAD,QAAqBA,WAArB,CAlCR,CADJ;AAuCH;;;;EA3D0CrB,KAAK,CAACqC,S;;SAAhCvB,iB","sourcesContent":["import * as React from \"react\";\nimport { Image } from \"@webiny/app/components/Image\";\nimport * as Ui from \"@webiny/ui/ImageUpload\";\nimport { FileManager } from \"./FileManager\";\nimport { FormComponentProps } from \"@webiny/ui/types\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport styled from \"@emotion/styled\";\n\nconst ImageUploadWrapper = styled(\"div\")({\n    position: \"relative\",\n    \".disabled\": {\n        opacity: 0.75,\n        pointerEvents: \"none\"\n    },\n    \".mdc-floating-label--float-above\": {\n        transform: \"scale(0.75)\",\n        top: 10,\n        left: 10,\n        color: \"var(--mdc-theme-text-secondary-on-background)\"\n    },\n    \".mdc-text-field-helper-text\": {\n        color: \"var(--mdc-theme-text-secondary-on-background)\"\n    }\n});\n\nexport interface SingleImageUploadProps extends FormComponentProps {\n    // Accept types\n    accept?: string[];\n\n    // Component label.\n    label?: string;\n\n    // Is component disabled?\n    disabled?: boolean;\n\n    // Description beneath the image.\n    description?: React.ReactNode;\n\n    // A className for the root element.\n    className?: string;\n\n    // Define file's max allowed size (default is \"10mb\").\n    // Uses \"bytes\" (https://www.npmjs.com/package/bytes) library to convert string notation to actual number.\n    maxSize?: number | string;\n\n    // Max number of files in a single batch.\n    multipleMaxCount?: number;\n\n    // Max size of files in a single batch.\n    multipleMaxSize?: number | string;\n\n    // onChange callback.\n    onChange?: (value: any) => void;\n\n    // Optional custom props, passed to the preview image.\n    imagePreviewProps?: any;\n\n    // Is the wrapper round?\n    round?: boolean;\n\n    // Define the needed properties that are returned on file(s) selection.\n    onChangePick?: string[];\n}\n\nexport default class SingleImageUpload extends React.Component<SingleImageUploadProps> {\n    public override render() {\n        const {\n            className,\n            onChange,\n            value,\n            validation,\n            label,\n            description,\n            accept,\n            onChangePick,\n            maxSize,\n            multipleMaxCount,\n            multipleMaxSize,\n            imagePreviewProps,\n            round\n        } = this.props;\n\n        const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n        return (\n            <ImageUploadWrapper className={className}>\n                {label && (\n                    <div className=\"mdc-floating-label mdc-floating-label--float-above\">\n                        {label}\n                    </div>\n                )}\n\n                <FileManager\n                    onChange={onChange}\n                    onChangePick={onChangePick}\n                    accept={accept}\n                    images={!accept}\n                    maxSize={maxSize}\n                    multipleMaxCount={multipleMaxCount}\n                    multipleMaxSize={multipleMaxSize}\n                >\n                    {({ showFileManager }) => (\n                        <Ui.Image\n                            renderImagePreview={renderImageProps => (\n                                <Image {...renderImageProps} {...imagePreviewProps} />\n                            )}\n                            style={{ width: \"100%\", height: \"auto\" }}\n                            value={value}\n                            uploadImage={showFileManager}\n                            removeImage={onChange}\n                            round={round}\n                        />\n                    )}\n                </FileManager>\n\n                {validationIsValid === false && (\n                    <FormElementMessage error>{validationMessage}</FormElementMessage>\n                )}\n                {validationIsValid !== false && description && (\n                    <FormElementMessage>{description}</FormElementMessage>\n                )}\n            </ImageUploadWrapper>\n        );\n    }\n}\n"]}
+{"version":3,"names":["ImageUploadWrapper","styled","position","opacity","pointerEvents","transform","top","left","color","SingleImageUpload","props","className","onChange","value","validation","label","description","accept","onChangePick","maxSize","multipleMaxCount","multipleMaxSize","imagePreviewProps","round","validationIsValid","isValid","validationMessage","message","showFileManager","renderImageProps","width","height","React","Component"],"sources":["SingleImageUpload.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Image } from \"@webiny/app/components/Image\";\nimport * as Ui from \"@webiny/ui/ImageUpload\";\nimport { FileManager } from \"./FileManager\";\nimport { FormComponentProps } from \"@webiny/ui/types\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport styled from \"@emotion/styled\";\n\nconst ImageUploadWrapper = styled(\"div\")({\n    position: \"relative\",\n    \".disabled\": {\n        opacity: 0.75,\n        pointerEvents: \"none\"\n    },\n    \".mdc-floating-label--float-above\": {\n        transform: \"scale(0.75)\",\n        top: 10,\n        left: 10,\n        color: \"var(--mdc-theme-text-secondary-on-background)\"\n    },\n    \".mdc-text-field-helper-text\": {\n        color: \"var(--mdc-theme-text-secondary-on-background)\"\n    }\n});\n\nexport interface SingleImageUploadProps extends FormComponentProps {\n    // Accept types\n    accept?: string[];\n\n    // Component label.\n    label?: string;\n\n    // Is component disabled?\n    disabled?: boolean;\n\n    // Description beneath the image.\n    description?: React.ReactNode;\n\n    // A className for the root element.\n    className?: string;\n\n    // Define file's max allowed size (default is \"10mb\").\n    // Uses \"bytes\" (https://www.npmjs.com/package/bytes) library to convert string notation to actual number.\n    maxSize?: number | string;\n\n    // Max number of files in a single batch.\n    multipleMaxCount?: number;\n\n    // Max size of files in a single batch.\n    multipleMaxSize?: number | string;\n\n    // onChange callback.\n    onChange?: (value: any) => void;\n\n    // Optional custom props, passed to the preview image.\n    imagePreviewProps?: any;\n\n    // Is the wrapper round?\n    round?: boolean;\n\n    // Define the needed properties that are returned on file(s) selection.\n    onChangePick?: string[];\n}\n\nexport default class SingleImageUpload extends React.Component<SingleImageUploadProps> {\n    public override render() {\n        const {\n            className,\n            onChange,\n            value,\n            validation,\n            label,\n            description,\n            accept,\n            onChangePick,\n            maxSize,\n            multipleMaxCount,\n            multipleMaxSize,\n            imagePreviewProps,\n            round\n        } = this.props;\n\n        const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n        return (\n            <ImageUploadWrapper className={className}>\n                {label && (\n                    <div className=\"mdc-floating-label mdc-floating-label--float-above\">\n                        {label}\n                    </div>\n                )}\n\n                <FileManager\n                    onChange={onChange}\n                    onChangePick={onChangePick}\n                    accept={accept}\n                    images={!accept}\n                    maxSize={maxSize}\n                    multipleMaxCount={multipleMaxCount}\n                    multipleMaxSize={multipleMaxSize}\n                >\n                    {({ showFileManager }) => (\n                        <Ui.Image\n                            renderImagePreview={renderImageProps => (\n                                <Image {...renderImageProps} {...imagePreviewProps} />\n                            )}\n                            style={{ width: \"100%\", height: \"auto\" }}\n                            value={value}\n                            uploadImage={showFileManager}\n                            removeImage={onChange}\n                            round={round}\n                        />\n                    )}\n                </FileManager>\n\n                {validationIsValid === false && (\n                    <FormElementMessage error>{validationMessage}</FormElementMessage>\n                )}\n                {validationIsValid !== false && description && (\n                    <FormElementMessage>{description}</FormElementMessage>\n                )}\n            </ImageUploadWrapper>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AAEA,IAAMA,kBAAkB,oBAAGC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACrCC,QAAQ,EAAE,UAD2B;EAErC,aAAa;IACTC,OAAO,EAAE,IADA;IAETC,aAAa,EAAE;EAFN,CAFwB;EAMrC,oCAAoC;IAChCC,SAAS,EAAE,aADqB;IAEhCC,GAAG,EAAE,EAF2B;IAGhCC,IAAI,EAAE,EAH0B;IAIhCC,KAAK,EAAE;EAJyB,CANC;EAYrC,+BAA+B;IAC3BA,KAAK,EAAE;EADoB;AAZM,CAAjB,CAAxB;;IAwDqBC,iB;;;;;;;;;;;;WACjB,kBAAyB;MACrB,kBAcI,KAAKC,KAdT;MAAA,IACIC,SADJ,eACIA,SADJ;MAAA,IAEIC,QAFJ,eAEIA,QAFJ;MAAA,IAGIC,KAHJ,eAGIA,KAHJ;MAAA,IAIIC,UAJJ,eAIIA,UAJJ;MAAA,IAKIC,KALJ,eAKIA,KALJ;MAAA,IAMIC,WANJ,eAMIA,WANJ;MAAA,IAOIC,MAPJ,eAOIA,MAPJ;MAAA,IAQIC,YARJ,eAQIA,YARJ;MAAA,IASIC,OATJ,eASIA,OATJ;MAAA,IAUIC,gBAVJ,eAUIA,gBAVJ;MAAA,IAWIC,eAXJ,eAWIA,eAXJ;MAAA,IAYIC,iBAZJ,eAYIA,iBAZJ;MAAA,IAaIC,KAbJ,eAaIA,KAbJ;;MAgBA,WAAmET,UAAU,IAAI,EAAjF;MAAA,IAAiBU,iBAAjB,QAAQC,OAAR;MAAA,IAA6CC,iBAA7C,QAAoCC,OAApC;;MAEA,oBACI,oBAAC,kBAAD;QAAoB,SAAS,EAAEhB;MAA/B,GACKI,KAAK,iBACF;QAAK,SAAS,EAAC;MAAf,GACKA,KADL,CAFR,eAOI,oBAAC,wBAAD;QACI,QAAQ,EAAEH,QADd;QAEI,YAAY,EAAEM,YAFlB;QAGI,MAAM,EAAED,MAHZ;QAII,MAAM,EAAE,CAACA,MAJb;QAKI,OAAO,EAAEE,OALb;QAMI,gBAAgB,EAAEC,gBANtB;QAOI,eAAe,EAAEC;MAPrB,GASK;QAAA,IAAGO,eAAH,SAAGA,eAAH;QAAA,oBACG,oBAAC,EAAD,CAAI,KAAJ;UACI,kBAAkB,EAAE,4BAAAC,gBAAgB;YAAA,oBAChC,oBAAC,YAAD,oBAAWA,gBAAX,EAAiCP,iBAAjC,EADgC;UAAA,CADxC;UAII,KAAK,EAAE;YAAEQ,KAAK,EAAE,MAAT;YAAiBC,MAAM,EAAE;UAAzB,CAJX;UAKI,KAAK,EAAElB,KALX;UAMI,WAAW,EAAEe,eANjB;UAOI,WAAW,EAAEhB,QAPjB;UAQI,KAAK,EAAEW;QARX,EADH;MAAA,CATL,CAPJ,EA8BKC,iBAAiB,KAAK,KAAtB,iBACG,oBAAC,sCAAD;QAAoB,KAAK;MAAzB,GAA2BE,iBAA3B,CA/BR,EAiCKF,iBAAiB,KAAK,KAAtB,IAA+BR,WAA/B,iBACG,oBAAC,sCAAD,QAAqBA,WAArB,CAlCR,CADJ;IAuCH;;;EA3D0CgB,KAAK,CAACC,S"}