@webiny/app-admin 0.0.0-ee-vpcs.549378cf03

package/components/SimpleForm/SimpleForm.js

@@ -0,0 +1,106 @@
+"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__*/(0, _emotion.css)({
+  borderBottom: "1px solid var(--mdc-theme-on-background)",
+  color: "var(--mdc-theme-text-primary-on-background)"
+}, "label:header;");
+var title = /*#__PURE__*/(0, _emotion.css)({
+  display: "flex",
+  alignItems: "center"
+}, "label:title;");
+var actions = /*#__PURE__*/(0, _emotion.css)({
+  display: "flex",
+  justifyContent: "flex-end",
+  alignItems: "center"
+}, "label:actions;");
+var icon = /*#__PURE__*/(0, _emotion.css)({
+  marginRight: 15,
+  color: "var(--mdc-theme-text-primary-on-background)"
+}, "label:icon;");
+var footer = /*#__PURE__*/(0, _emotion.css)({
+  borderTop: "1px solid var(--mdc-theme-on-background)",
+  color: "var(--mdc-theme-text-primary-on-background)",
+  textAlign: "right",
+  "&.mdc-layout-grid": {
+    padding: 25 // "25px 50px"
+
+  }
+}, "label:footer;");
+
+var 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));
+};
+
+exports.SimpleForm = SimpleForm;
+
+var SimpleFormHeader = function SimpleFormHeader(props) {
+  return /*#__PURE__*/React.createElement(_Grid.Grid, {
+    className: header
+  }, /*#__PURE__*/React.createElement(_Grid.Cell, {
+    span: props.children ? 6 : 12,
+    className: title
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, props.icon && /*#__PURE__*/React.createElement(_Icon.Icon, {
+    className: icon,
+    icon: props.icon
+  }), /*#__PURE__*/React.createElement(_Typography.Typography, {
+    use: "headline5"
+  }, props.title))), props.children && /*#__PURE__*/React.createElement(_Grid.Cell, {
+    span: 6,
+    className: actions
+  }, props.children));
+};
+
+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));
+};
+
+exports.SimpleFormFooter = SimpleFormFooter;
+
+var SimpleFormContent = function SimpleFormContent(props) {
+  return props.children;
+};
+
+exports.SimpleFormContent = SimpleFormContent;

package/components/SimpleForm/SimpleForm.js.map

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

package/components/SimpleForm/index.d.ts

@@ -0,0 +1 @@
+export { SimpleForm, SimpleFormHeader, SimpleFormFooter, SimpleFormContent } from "./SimpleForm";

package/components/SimpleForm/index.js

@@ -0,0 +1,31 @@
+"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

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

package/components/SimpleUI/InputField.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+interface InputBoxProps {
+    value?: string | number;
+    onChange?: (value: any) => void;
+    defaultValue?: string | number;
+    type?: "string" | "number";
+    [key: string]: any;
+}
+declare const _default: React.NamedExoticComponent<InputBoxProps>;
+export default _default;

package/components/SimpleUI/InputField.js

@@ -0,0 +1,116 @@
+"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"];
+var inputStyle = /*#__PURE__*/(0, _emotion.css)({
+  boxSizing: "border-box",
+  border: "1px solid var(--mdc-theme-on-background)",
+  width: "100%",
+  height: "100%",
+  padding: "4px 8px",
+  textAlign: "left",
+  minHeight: 32,
+  backgroundColor: "var(--mdc-theme-surface)",
+  transition: "150ms all ease-in-out",
+  "&:focus:not(:disabled)": {
+    backgroundColor: "var(--mdc-theme-on-background)"
+  },
+  "&:hover:not(:disabled)": {
+    backgroundColor: "var(--mdc-theme-on-background)"
+  },
+  "&:disabled": {
+    opacity: 0.5,
+    cursor: "not-allowed"
+  },
+  "&.text-center": {
+    textAlign: "center",
+    padding: 4
+  },
+  "&::-webkit-inner-spin-button": {
+    WebkitAppearance: "none",
+    margin: 0
+  },
+  "&::-webkit-outer-spin-button": {
+    WebkitAppearance: "none",
+    margin: 0
+  }
+}, "label:inputStyle;");
+var labelStyle = /*#__PURE__*/(0, _emotion.css)({
+  marginBottom: 8,
+  padding: "0px 8px",
+  "& span": {
+    color: "var(--mdc-theme-text-primary-on-background)"
+  }
+}, "label:labelStyle;");
+
+var getValue = function getValue(params) {
+  var value = params.value,
+      defaultValue = params.defaultValue,
+      type = params.type;
+
+  if (type === "number") {
+    return isNaN(value) ? defaultValue : value;
+  }
+
+  return value || defaultValue;
+};
+
+var InputField = function InputField(_ref) {
+  var className = _ref.className,
+      value = _ref.value,
+      _onChange = _ref.onChange,
+      label = _ref.label,
+      description = _ref.description,
+      _ref$validation = _ref.validation,
+      validation = _ref$validation === void 0 ? {
+    isValid: true
+  } : _ref$validation,
+      _ref$defaultValue = _ref.defaultValue,
+      defaultValue = _ref$defaultValue === void 0 ? "" : _ref$defaultValue,
+      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.default.createElement(_Typography.Typography, {
+    use: "body2"
+  }, label)), /*#__PURE__*/_react.default.createElement("input", Object.assign({
+    className: (0, _classnames.default)(inputStyle, className),
+    value: getValue({
+      value: value,
+      type: props.type || "string",
+      defaultValue: defaultValue
+    }),
+    onChange: function onChange(ev) {
+      if (!_onChange) {
+        return;
+      }
+
+      _onChange((ev.target.value || "").toLowerCase());
+    }
+  }, (0, _omit.default)(props, "validate"))), validation.isValid === false && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, {
+    error: true
+  }, validation.message), validation.isValid !== false && description && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, null, description));
+};
+
+var _default = /*#__PURE__*/_react.default.memo(InputField);
+
+exports.default = _default;

package/components/SimpleUI/InputField.js.map

@@ -0,0 +1 @@
+{"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={\"body2\"}>{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.d.ts

@@ -0,0 +1,55 @@
+import * as React from "react";
+import { FileManagerFileItem } from "./FileManager";
+import { FormComponentProps } from "@webiny/ui/types";
+export interface SingleImageUploadProps extends FormComponentProps {
+    /**
+     * Accept types
+     */
+    accept?: string[];
+    /**
+     * Component label.
+     */
+    label?: string;
+    /**
+     * Is component disabled?
+     */
+    disabled?: boolean;
+    /**
+     * Description beneath the image.
+     */
+    description?: React.ReactNode;
+    /**
+     * A className for the root element.
+     */
+    className?: string;
+    /**
+     * Define file's max allowed size (default is "10mb").
+     * Uses "bytes" (https://www.npmjs.com/package/bytes) library to convert string notation to actual number.
+     */
+    maxSize?: number | string;
+    /**
+     * onChange callback when a file is set or unset.
+     * It is marked as `optional` because this component is often used in conjunction with <Bind>, which injects the
+     * `onChange` into its child element. In that case, that prop is not passed by the developer.
+     */
+    onChange?: (value: FileManagerFileItem | null) => void;
+    /**
+     * Optional custom props, passed to the preview image.
+     */
+    imagePreviewProps?: any;
+    /**
+     * By default, file meta is not included in the data passed to `onChange`. If you need it, set this flag to true.
+     */
+    includeFileMeta?: boolean;
+    /**
+     * Is the wrapper round?
+     */
+    round?: boolean;
+    /**
+     * Define the properties that are returned on file(s) selection.
+     * @deprecated Pick the desired file attributes in the `onChange` callback, or `beforeChange` on the `<Bind>` element.
+     */
+    onChangePick?: string[];
+}
+declare const SingleImageUpload: React.FC<SingleImageUploadProps>;
+export default SingleImageUpload;

package/components/SingleImageUpload.js

@@ -0,0 +1,114 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _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"
+})({
+  position: "relative",
+  ".disabled": {
+    opacity: 0.75,
+    pointerEvents: "none"
+  },
+  ".mdc-floating-label--float-above": {
+    transform: "scale(0.75)",
+    top: 10,
+    left: 10,
+    color: "var(--mdc-theme-text-secondary-on-background)"
+  },
+  ".mdc-text-field-helper-text": {
+    color: "var(--mdc-theme-text-secondary-on-background)"
+  }
+});
+
+var SingleImageUpload = function SingleImageUpload(props) {
+  var className = props.className,
+      value = props.value,
+      validation = props.validation,
+      label = props.label,
+      description = props.description,
+      accept = props.accept,
+      _props$includeFileMet = props.includeFileMeta,
+      includeFileMeta = _props$includeFileMet === void 0 ? false : _props$includeFileMet,
+      maxSize = props.maxSize,
+      imagePreviewProps = props.imagePreviewProps,
+      round = props.round;
+
+  var _ref = validation || {},
+      validationIsValid = _ref.isValid,
+      validationMessage = _ref.message;
+
+  var onChange = (0, React.useCallback)(function (value) {
+    if (!props.onChange) {
+      return;
+    }
+
+    if (value && !includeFileMeta) {
+      props.onChange({
+        id: value.id,
+        src: value.src
+      });
+      return;
+    }
+
+    if (value && includeFileMeta) {
+      props.onChange(value);
+      return;
+    }
+
+    props.onChange(null);
+  }, [props.onChange]);
+  return /*#__PURE__*/React.createElement(ImageUploadWrapper, {
+    className: className
+  }, label && /*#__PURE__*/React.createElement("div", {
+    className: "mdc-floating-label mdc-floating-label--float-above"
+  }, label), /*#__PURE__*/React.createElement(_FileManager.FileManager, {
+    onChange: onChange,
+    accept: accept,
+    images: !accept,
+    maxSize: maxSize,
+    render: function render(_ref2) {
+      var showFileManager = _ref2.showFileManager;
+      return /*#__PURE__*/React.createElement(Ui.Image, {
+        renderImagePreview: function renderImagePreview(renderImageProps) {
+          return /*#__PURE__*/React.createElement(_Image.Image, Object.assign({}, renderImageProps, imagePreviewProps));
+        },
+        style: {
+          width: "100%",
+          height: "auto"
+        },
+        value: value,
+        uploadImage: showFileManager,
+        removeImage: function removeImage() {
+          return onChange(null);
+        },
+        round: round
+      });
+    }
+  }), validationIsValid === false && /*#__PURE__*/React.createElement(_FormElementMessage.FormElementMessage, {
+    error: true
+  }, validationMessage), validationIsValid !== false && description && /*#__PURE__*/React.createElement(_FormElementMessage.FormElementMessage, null, description));
+};
+
+var _default = SingleImageUpload;
+exports.default = _default;

package/components/SingleImageUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ImageUploadWrapper","styled","position","opacity","pointerEvents","transform","top","left","color","SingleImageUpload","props","className","value","validation","label","description","accept","includeFileMeta","maxSize","imagePreviewProps","round","validationIsValid","isValid","validationMessage","message","onChange","useCallback","id","src","showFileManager","renderImageProps","width","height"],"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, FileManagerFileItem } from \"./FileManager\";\nimport { FormComponentProps } from \"@webiny/ui/types\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport styled from \"@emotion/styled\";\nimport { useCallback } from \"react\";\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    /**\n     * Accept types\n     */\n    accept?: string[];\n\n    /**\n     * Component label.\n     */\n    label?: string;\n\n    /**\n     * Is component disabled?\n     */\n    disabled?: boolean;\n\n    /**\n     * Description beneath the image.\n     */\n    description?: React.ReactNode;\n\n    /**\n     * A className for the root element.\n     */\n    className?: string;\n\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     */\n    maxSize?: number | string;\n\n    /**\n     * onChange callback when a file is set or unset.\n     * It is marked as `optional` because this component is often used in conjunction with <Bind>, which injects the\n     * `onChange` into its child element. In that case, that prop is not passed by the developer.\n     */\n    onChange?: (value: FileManagerFileItem | null) => void;\n\n    /**\n     * Optional custom props, passed to the preview image.\n     */\n    imagePreviewProps?: any;\n\n    /**\n     * By default, file meta is not included in the data passed to `onChange`. If you need it, set this flag to true.\n     */\n    includeFileMeta?: boolean;\n\n    /**\n     * Is the wrapper round?\n     */\n    round?: boolean;\n\n    /**\n     * Define the properties that are returned on file(s) selection.\n     * @deprecated Pick the desired file attributes in the `onChange` callback, or `beforeChange` on the `<Bind>` element.\n     */\n    onChangePick?: string[];\n}\n\nconst SingleImageUpload: React.FC<SingleImageUploadProps> = props => {\n    const {\n        className,\n        value,\n        validation,\n        label,\n        description,\n        accept,\n        includeFileMeta = false,\n        maxSize,\n        imagePreviewProps,\n        round\n    } = props;\n\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n    const onChange = useCallback(\n        (value: FileManagerFileItem | null) => {\n            if (!props.onChange) {\n                return;\n            }\n\n            if (value && !includeFileMeta) {\n                props.onChange({ id: value.id, src: value.src });\n                return;\n            }\n\n            if (value && includeFileMeta) {\n                props.onChange(value);\n                return;\n            }\n\n            props.onChange(null);\n        },\n        [props.onChange]\n    );\n\n    return (\n        <ImageUploadWrapper className={className}>\n            {label && (\n                <div className=\"mdc-floating-label mdc-floating-label--float-above\">{label}</div>\n            )}\n\n            <FileManager\n                onChange={onChange}\n                accept={accept}\n                images={!accept}\n                maxSize={maxSize}\n                render={({ 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(null)}\n                        round={round}\n                    />\n                )}\n            />\n\n            {validationIsValid === false && (\n                <FormElementMessage error>{validationMessage}</FormElementMessage>\n            )}\n            {validationIsValid !== false && description && (\n                <FormElementMessage>{description}</FormElementMessage>\n            )}\n        </ImageUploadWrapper>\n    );\n};\n\nexport default SingleImageUpload;\n"],"mappings":"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"}

package/components/SplitView/SplitView.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { CellProps } from "@webiny/ui/Grid";
+export declare const leftPanel: string;
+interface SplitViewProps {
+    children: React.ReactElement<any> | React.ReactElement<any>[];
+    className?: string;
+}
+declare const SplitView: React.FC<SplitViewProps>;
+declare const LeftPanel: React.FC<CellProps>;
+declare const RightPanel: React.FC<CellProps>;
+export { SplitView, LeftPanel, RightPanel };

package/components/SplitView/SplitView.js

@@ -0,0 +1,95 @@
+"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.leftPanel = exports.SplitView = exports.RightPanel = exports.LeftPanel = void 0;
+
+var _clone2 = _interopRequireDefault(require("lodash/clone"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Grid = require("@webiny/ui/Grid");
+
+var _emotion = require("emotion");
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _Helpers = require("@webiny/ui/Helpers");
+
+var grid = /*#__PURE__*/(0, _emotion.css)({
+  "&.mdc-layout-grid": {
+    padding: 0,
+    backgroundColor: "var(--mdc-theme-background)",
+    ">.mdc-layout-grid__inner": {
+      gridGap: 0
+    }
+  }
+}, "label:grid;");
+var RightPanelWrapper = /*#__PURE__*/(0, _styled.default)("div", {
+  target: "em0s1980",
+  label: "RightPanelWrapper"
+})({
+  backgroundColor: "var(--mdc-theme-background)",
+  overflow: "auto",
+  height: "calc(100vh - 70px)"
+});
+var leftPanel = /*#__PURE__*/(0, _emotion.css)({
+  backgroundColor: "var(--mdc-theme-surface)",
+  ">.webiny-data-list": {
+    display: "flex",
+    flexDirection: "column",
+    height: "calc(100vh - 70px)",
+    ".mdc-list": {
+      overflow: "auto"
+    }
+  },
+  ">.mdc-list": {
+    display: "flex",
+    flexDirection: "column",
+    maxHeight: "calc(100vh - 70px)",
+    overflow: "auto"
+  }
+}, "label:leftPanel;");
+exports.leftPanel = leftPanel;
+
+var SplitView = function SplitView(props) {
+  return /*#__PURE__*/React.createElement(_Grid.Grid, {
+    className: (0, _classnames.default)(grid, props.className, "webiny-split-view")
+  }, props.children);
+};
+
+exports.SplitView = SplitView;
+
+var LeftPanel = function LeftPanel(props) {
+  var propList = (0, _clone2.default)(props);
+
+  if (!propList.hasOwnProperty("span")) {
+    propList.span = 5;
+  }
+
+  return /*#__PURE__*/React.createElement(_Grid.Cell, (0, _Helpers.getClasses)(propList, (0, _classnames.default)(leftPanel, props.className, "webiny-split-view__left-panel")), propList.children);
+};
+
+exports.LeftPanel = LeftPanel;
+
+var RightPanel = function RightPanel(props) {
+  var propList = (0, _clone2.default)(props);
+
+  if (!propList.hasOwnProperty("span")) {
+    propList.span = 7;
+  }
+
+  return /*#__PURE__*/React.createElement(_Grid.Cell, (0, _Helpers.getClasses)(propList, "webiny-split-view__right-panel"), /*#__PURE__*/React.createElement(RightPanelWrapper, {
+    className: "webiny-split-view__right-panel-wrapper",
+    id: "webiny-split-view-right-panel"
+  }, propList.children));
+};
+
+exports.RightPanel = RightPanel;

package/components/SplitView/SplitView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["grid","css","padding","backgroundColor","gridGap","RightPanelWrapper","styled","overflow","height","leftPanel","display","flexDirection","maxHeight","SplitView","props","classSet","className","children","LeftPanel","propList","hasOwnProperty","span","getClasses","RightPanel"],"sources":["SplitView.tsx"],"sourcesContent":["import * as React from \"react\";\nimport classSet from \"classnames\";\nimport { Cell, Grid, CellProps } from \"@webiny/ui/Grid\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport { clone } from \"lodash\";\nimport { getClasses } from \"@webiny/ui/Helpers\";\n\nconst grid = css({\n    \"&.mdc-layout-grid\": {\n        padding: 0,\n        backgroundColor: \"var(--mdc-theme-background)\",\n        \">.mdc-layout-grid__inner\": {\n            gridGap: 0\n        }\n    }\n});\n\nconst RightPanelWrapper = styled(\"div\")({\n    backgroundColor: \"var(--mdc-theme-background)\",\n    overflow: \"auto\",\n    height: \"calc(100vh - 70px)\"\n});\n\nexport const leftPanel = css({\n    backgroundColor: \"var(--mdc-theme-surface)\",\n    \">.webiny-data-list\": {\n        display: \"flex\",\n        flexDirection: \"column\",\n        height: \"calc(100vh - 70px)\",\n        \".mdc-list\": {\n            overflow: \"auto\"\n        }\n    },\n    \">.mdc-list\": {\n        display: \"flex\",\n        flexDirection: \"column\",\n        maxHeight: \"calc(100vh - 70px)\",\n        overflow: \"auto\"\n    }\n});\n\ninterface SplitViewProps {\n    children: React.ReactElement<any> | React.ReactElement<any>[];\n    className?: string;\n}\n\nconst SplitView: React.FC<SplitViewProps> = props => {\n    return (\n        <Grid className={classSet(grid, props.className, \"webiny-split-view\")}>\n            {props.children}\n        </Grid>\n    );\n};\n\nconst LeftPanel: React.FC<CellProps> = props => {\n    const propList = clone(props);\n    if (!propList.hasOwnProperty(\"span\")) {\n        propList.span = 5;\n    }\n\n    return (\n        <Cell\n            {...getClasses(\n                propList,\n                classSet(leftPanel, props.className, \"webiny-split-view__left-panel\")\n            )}\n        >\n            {propList.children}\n        </Cell>\n    );\n};\n\nconst RightPanel: React.FC<CellProps> = props => {\n    const propList = clone(props);\n    if (!propList.hasOwnProperty(\"span\")) {\n        propList.span = 7;\n    }\n\n    return (\n        <Cell {...getClasses(propList, \"webiny-split-view__right-panel\")}>\n            <RightPanelWrapper\n                className={\"webiny-split-view__right-panel-wrapper\"}\n                id={\"webiny-split-view-right-panel\"}\n            >\n                {propList.children}\n            </RightPanelWrapper>\n        </Cell>\n    );\n};\n\nexport { SplitView, LeftPanel, RightPanel };\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AAEA,IAAMA,IAAI,gBAAG,IAAAC,YAAA,EAAI;EACb,qBAAqB;IACjBC,OAAO,EAAE,CADQ;IAEjBC,eAAe,EAAE,6BAFA;IAGjB,4BAA4B;MACxBC,OAAO,EAAE;IADe;EAHX;AADR,CAAJ,gBAAb;AAUA,IAAMC,iBAAiB,oBAAGC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACpCH,eAAe,EAAE,6BADmB;EAEpCI,QAAQ,EAAE,MAF0B;EAGpCC,MAAM,EAAE;AAH4B,CAAjB,CAAvB;AAMO,IAAMC,SAAS,gBAAG,IAAAR,YAAA,EAAI;EACzBE,eAAe,EAAE,0BADQ;EAEzB,sBAAsB;IAClBO,OAAO,EAAE,MADS;IAElBC,aAAa,EAAE,QAFG;IAGlBH,MAAM,EAAE,oBAHU;IAIlB,aAAa;MACTD,QAAQ,EAAE;IADD;EAJK,CAFG;EAUzB,cAAc;IACVG,OAAO,EAAE,MADC;IAEVC,aAAa,EAAE,QAFL;IAGVC,SAAS,EAAE,oBAHD;IAIVL,QAAQ,EAAE;EAJA;AAVW,CAAJ,qBAAlB;;;AAuBP,IAAMM,SAAmC,GAAG,SAAtCA,SAAsC,CAAAC,KAAK,EAAI;EACjD,oBACI,oBAAC,UAAD;IAAM,SAAS,EAAE,IAAAC,mBAAA,EAASf,IAAT,EAAec,KAAK,CAACE,SAArB,EAAgC,mBAAhC;EAAjB,GACKF,KAAK,CAACG,QADX,CADJ;AAKH,CAND;;;;AAQA,IAAMC,SAA8B,GAAG,SAAjCA,SAAiC,CAAAJ,KAAK,EAAI;EAC5C,IAAMK,QAAQ,GAAG,qBAAML,KAAN,CAAjB;;EACA,IAAI,CAACK,QAAQ,CAACC,cAAT,CAAwB,MAAxB,CAAL,EAAsC;IAClCD,QAAQ,CAACE,IAAT,GAAgB,CAAhB;EACH;;EAED,oBACI,oBAAC,UAAD,EACQ,IAAAC,mBAAA,EACAH,QADA,EAEA,IAAAJ,mBAAA,EAASN,SAAT,EAAoBK,KAAK,CAACE,SAA1B,EAAqC,+BAArC,CAFA,CADR,EAMKG,QAAQ,CAACF,QANd,CADJ;AAUH,CAhBD;;;;AAkBA,IAAMM,UAA+B,GAAG,SAAlCA,UAAkC,CAAAT,KAAK,EAAI;EAC7C,IAAMK,QAAQ,GAAG,qBAAML,KAAN,CAAjB;;EACA,IAAI,CAACK,QAAQ,CAACC,cAAT,CAAwB,MAAxB,CAAL,EAAsC;IAClCD,QAAQ,CAACE,IAAT,GAAgB,CAAhB;EACH;;EAED,oBACI,oBAAC,UAAD,EAAU,IAAAC,mBAAA,EAAWH,QAAX,EAAqB,gCAArB,CAAV,eACI,oBAAC,iBAAD;IACI,SAAS,EAAE,wCADf;IAEI,EAAE,EAAE;EAFR,GAIKA,QAAQ,CAACF,QAJd,CADJ,CADJ;AAUH,CAhBD"}

package/components/SplitView/index.d.ts

@@ -0,0 +1 @@
+export { SplitView, LeftPanel, RightPanel } from "./SplitView";

package/components/SplitView/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "LeftPanel", {
+  enumerable: true,
+  get: function get() {
+    return _SplitView.LeftPanel;
+  }
+});
+Object.defineProperty(exports, "RightPanel", {
+  enumerable: true,
+  get: function get() {
+    return _SplitView.RightPanel;
+  }
+});
+Object.defineProperty(exports, "SplitView", {
+  enumerable: true,
+  get: function get() {
+    return _SplitView.SplitView;
+  }
+});
+
+var _SplitView = require("./SplitView");

package/components/SplitView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { SplitView, LeftPanel, RightPanel } from \"./SplitView\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA"}

package/components/index.d.ts

@@ -0,0 +1 @@
+export { FileManager } from "./FileManager";

package/components/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "FileManager", {
+  enumerable: true,
+  get: function get() {
+    return _FileManager.FileManager;
+  }
+});
+
+var _FileManager = require("./FileManager");