@webiny/app-admin 5.34.8 → 5.35.0-beta.0

package/components/SimpleUI/InputField.d.ts

@@ -1,7 +1,9 @@
+/// <reference types="web" />
 import React from "react";
 interface InputBoxProps {
     value?: string | number;
     onChange?: (value: any) => void;
+    onKeyDown?: (e: React.SyntheticEvent<HTMLInputElement>) => any;
     defaultValue?: string | number;
     type?: "string" | "number";
     [key: string]: any;

package/components/SimpleUI/InputField.js

@@ -1,27 +1,18 @@
 "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 _excluded = ["className", "value", "onChange", "onKeyDown", "label", "description", "validation", "defaultValue"];
 var inputStyle = /*#__PURE__*/(0, _emotion.css)({
   boxSizing: "border-box",
   border: "1px solid var(--mdc-theme-on-background)",
@@ -62,32 +53,29 @@ var labelStyle = /*#__PURE__*/(0, _emotion.css)({
     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;
-
+    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);
+    value = _ref.value,
+    _onChange = _ref.onChange,
+    onKeyDown = _ref.onKeyDown,
+    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, {
@@ -99,18 +87,16 @@ var InputField = function InputField(_ref) {
       type: props.type || "string",
       defaultValue: defaultValue
     }),
+    onKeyDown: onKeyDown,
     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

@@ -1 +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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"}
+{"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","onKeyDown","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    onKeyDown?: (e: React.SyntheticEvent<HTMLInputElement>) => any;\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    onKeyDown,\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                onKeyDown={onKeyDown}\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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { FileManagerFileItem } from "./FileManager";
+import { FileManagerFileItem } from "../index";
 import { FormComponentProps } from "@webiny/ui/types";
 export interface SingleImageUploadProps extends FormComponentProps {
     /**

package/components/SingleImageUpload.js

@@ -1,26 +1,17 @@
 "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 _ = require("./..");
 var _FormElementMessage = require("@webiny/ui/FormElementMessage");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var ImageUploadWrapper = /*#__PURE__*/(0, _styled.default)("div", {
   target: "ek1tjbh0",
   label: "ImageUploadWrapper"
@@ -40,29 +31,25 @@ var ImageUploadWrapper = /*#__PURE__*/(0, _styled.default)("div", {
     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;
-
+    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;
-
+    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,
@@ -70,19 +57,17 @@ var SingleImageUpload = function SingleImageUpload(props) {
       });
       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, {
+  }, label), /*#__PURE__*/React.createElement(_.FileManager, {
     onChange: onChange,
     accept: accept,
     images: !accept,
@@ -109,6 +94,5 @@ var SingleImageUpload = function SingleImageUpload(props) {
     error: true
   }, validationMessage), validationIsValid !== false && description && /*#__PURE__*/React.createElement(_FormElementMessage.FormElementMessage, null, description));
 };
-
 var _default = SingleImageUpload;
 exports.default = _default;

package/components/SingleImageUpload.js.map

@@ -1 +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":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AAGA,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;;AA8EA,IAAMC,iBAAmD,GAAG,SAAtDA,iBAAsD,CAAAC,KAAK,EAAI;EACjE,IACIC,SADJ,GAWID,KAXJ,CACIC,SADJ;EAAA,IAEIC,KAFJ,GAWIF,KAXJ,CAEIE,KAFJ;EAAA,IAGIC,UAHJ,GAWIH,KAXJ,CAGIG,UAHJ;EAAA,IAIIC,KAJJ,GAWIJ,KAXJ,CAIII,KAJJ;EAAA,IAKIC,WALJ,GAWIL,KAXJ,CAKIK,WALJ;EAAA,IAMIC,MANJ,GAWIN,KAXJ,CAMIM,MANJ;EAAA,4BAWIN,KAXJ,CAOIO,eAPJ;EAAA,IAOIA,eAPJ,sCAOsB,KAPtB;EAAA,IAQIC,OARJ,GAWIR,KAXJ,CAQIQ,OARJ;EAAA,IASIC,iBATJ,GAWIT,KAXJ,CASIS,iBATJ;EAAA,IAUIC,KAVJ,GAWIV,KAXJ,CAUIU,KAVJ;;EAaA,WAAmEP,UAAU,IAAI,EAAjF;EAAA,IAAiBQ,iBAAjB,QAAQC,OAAR;EAAA,IAA6CC,iBAA7C,QAAoCC,OAApC;;EAEA,IAAMC,QAAQ,GAAG,IAAAC,iBAAA,EACb,UAACd,KAAD,EAAuC;IACnC,IAAI,CAACF,KAAK,CAACe,QAAX,EAAqB;MACjB;IACH;;IAED,IAAIb,KAAK,IAAI,CAACK,eAAd,EAA+B;MAC3BP,KAAK,CAACe,QAAN,CAAe;QAAEE,EAAE,EAAEf,KAAK,CAACe,EAAZ;QAAgBC,GAAG,EAAEhB,KAAK,CAACgB;MAA3B,CAAf;MACA;IACH;;IAED,IAAIhB,KAAK,IAAIK,eAAb,EAA8B;MAC1BP,KAAK,CAACe,QAAN,CAAeb,KAAf;MACA;IACH;;IAEDF,KAAK,CAACe,QAAN,CAAe,IAAf;EACH,CAjBY,EAkBb,CAACf,KAAK,CAACe,QAAP,CAlBa,CAAjB;EAqBA,oBACI,oBAAC,kBAAD;IAAoB,SAAS,EAAEd;EAA/B,GACKG,KAAK,iBACF;IAAK,SAAS,EAAC;EAAf,GAAqEA,KAArE,CAFR,eAKI,oBAAC,wBAAD;IACI,QAAQ,EAAEW,QADd;IAEI,MAAM,EAAET,MAFZ;IAGI,MAAM,EAAE,CAACA,MAHb;IAII,OAAO,EAAEE,OAJb;IAKI,MAAM,EAAE;MAAA,IAAGW,eAAH,SAAGA,eAAH;MAAA,oBACJ,oBAAC,EAAD,CAAI,KAAJ;QACI,kBAAkB,EAAE,4BAAAC,gBAAgB;UAAA,oBAChC,oBAAC,YAAD,oBAAWA,gBAAX,EAAiCX,iBAAjC,EADgC;QAAA,CADxC;QAII,KAAK,EAAE;UAAEY,KAAK,EAAE,MAAT;UAAiBC,MAAM,EAAE;QAAzB,CAJX;QAKI,KAAK,EAAEpB,KALX;QAMI,WAAW,EAAEiB,eANjB;QAOI,WAAW,EAAE;UAAA,OAAMJ,QAAQ,CAAC,IAAD,CAAd;QAAA,CAPjB;QAQI,KAAK,EAAEL;MARX,EADI;IAAA;EALZ,EALJ,EAwBKC,iBAAiB,KAAK,KAAtB,iBACG,oBAAC,sCAAD;IAAoB,KAAK;EAAzB,GAA2BE,iBAA3B,CAzBR,EA2BKF,iBAAiB,KAAK,KAAtB,IAA+BN,WAA/B,iBACG,oBAAC,sCAAD,QAAqBA,WAArB,CA5BR,CADJ;AAiCH,CAtED;;eAwEeN,iB"}
+{"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 \"~/index\";\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.js

@@ -1,31 +1,22 @@
 "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,
+    margin: "-3px auto 0 auto",
     backgroundColor: "var(--mdc-theme-background)",
     ">.mdc-layout-grid__inner": {
       gridGap: 0
@@ -58,38 +49,28 @@ var leftPanel = /*#__PURE__*/(0, _emotion.css)({
   }
 }, "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

@@ -1 +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"}
+{"version":3,"names":["grid","css","padding","margin","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        margin: \"-3px auto 0 auto\",\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,YAAG,EAAC;EACb,mBAAmB,EAAE;IACjBC,OAAO,EAAE,CAAC;IACVC,MAAM,EAAE,kBAAkB;IAC1BC,eAAe,EAAE,6BAA6B;IAC9C,0BAA0B,EAAE;MACxBC,OAAO,EAAE;IACb;EACJ;AACJ,CAAC,gBAAC;AAEF,IAAMC,iBAAiB,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACpCH,eAAe,EAAE,6BAA6B;EAC9CI,QAAQ,EAAE,MAAM;EAChBC,MAAM,EAAE;AACZ,CAAC,CAAC;AAEK,IAAMC,SAAS,gBAAG,IAAAT,YAAG,EAAC;EACzBG,eAAe,EAAE,0BAA0B;EAC3C,oBAAoB,EAAE;IAClBO,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,QAAQ;IACvBH,MAAM,EAAE,oBAAoB;IAC5B,WAAW,EAAE;MACTD,QAAQ,EAAE;IACd;EACJ,CAAC;EACD,YAAY,EAAE;IACVG,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,QAAQ;IACvBC,SAAS,EAAE,oBAAoB;IAC/BL,QAAQ,EAAE;EACd;AACJ,CAAC,qBAAC;AAAC;AAOH,IAAMM,SAAmC,GAAG,SAAtCA,SAAmC,CAAGC,KAAK,EAAI;EACjD,oBACI,oBAAC,UAAI;IAAC,SAAS,EAAE,IAAAC,mBAAQ,EAAChB,IAAI,EAAEe,KAAK,CAACE,SAAS,EAAE,mBAAmB;EAAE,GACjEF,KAAK,CAACG,QAAQ,CACZ;AAEf,CAAC;AAAC;AAEF,IAAMC,SAA8B,GAAG,SAAjCA,SAA8B,CAAGJ,KAAK,EAAI;EAC5C,IAAMK,QAAQ,GAAG,qBAAML,KAAK,CAAC;EAC7B,IAAI,CAACK,QAAQ,CAACC,cAAc,CAAC,MAAM,CAAC,EAAE;IAClCD,QAAQ,CAACE,IAAI,GAAG,CAAC;EACrB;EAEA,oBACI,oBAAC,UAAI,EACG,IAAAC,mBAAU,EACVH,QAAQ,EACR,IAAAJ,mBAAQ,EAACN,SAAS,EAAEK,KAAK,CAACE,SAAS,EAAE,+BAA+B,CAAC,CACxE,EAEAG,QAAQ,CAACF,QAAQ,CACf;AAEf,CAAC;AAAC;AAEF,IAAMM,UAA+B,GAAG,SAAlCA,UAA+B,CAAGT,KAAK,EAAI;EAC7C,IAAMK,QAAQ,GAAG,qBAAML,KAAK,CAAC;EAC7B,IAAI,CAACK,QAAQ,CAACC,cAAc,CAAC,MAAM,CAAC,EAAE;IAClCD,QAAQ,CAACE,IAAI,GAAG,CAAC;EACrB;EAEA,oBACI,oBAAC,UAAI,EAAK,IAAAC,mBAAU,EAACH,QAAQ,EAAE,gCAAgC,CAAC,eAC5D,oBAAC,iBAAiB;IACd,SAAS,EAAE,wCAAyC;IACpD,EAAE,EAAE;EAAgC,GAEnCA,QAAQ,CAACF,QAAQ,CACF,CACjB;AAEf,CAAC;AAAC"}

package/components/SplitView/index.js

@@ -21,5 +21,4 @@ Object.defineProperty(exports, "SplitView", {
     return _SplitView.SplitView;
   }
 });
-
 var _SplitView = require("./SplitView");

package/components/SplitView/index.js.map

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

package/components/index.d.ts

@@ -1 +1 @@
-export { FileManager } from "./FileManager";
+export { FileManager } from "../base/ui/FileManager";

package/components/index.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "FileManager", {
     return _FileManager.FileManager;
   }
 });
-
-var _FileManager = require("./FileManager");
+var _FileManager = require("../base/ui/FileManager");

package/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { FileManager } from \"./FileManager\";\n"],"mappings":";;;;;;;;;;;;AAAA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { FileManager } from \"~/base/ui/FileManager\";\n"],"mappings":";;;;;;;;;;;AAAA"}

package/hooks/useConfirmationDialog.js

@@ -1,38 +1,27 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useConfirmationDialog = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _useUi = require("@webiny/app/hooks/useUi");
-
 var _i18n = require("@webiny/app/i18n");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 var _excluded = ["title", "message", "acceptLabel", "cancelLabel"];
-
 var t = _i18n.i18n.ns("app-admin/hooks/use-confirmation-dialog");
-
 var useConfirmationDialog = function useConfirmationDialog() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
   var title = _ref.title,
-      message = _ref.message,
-      _ref$acceptLabel = _ref.acceptLabel,
-      acceptLabel = _ref$acceptLabel === void 0 ? t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Confirm"]))) : _ref$acceptLabel,
-      _ref$cancelLabel = _ref.cancelLabel,
-      cancelLabel = _ref$cancelLabel === void 0 ? t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Cancel"]))) : _ref$cancelLabel,
-      options = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    message = _ref.message,
+    _ref$acceptLabel = _ref.acceptLabel,
+    acceptLabel = _ref$acceptLabel === void 0 ? t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Confirm"]))) : _ref$acceptLabel,
+    _ref$cancelLabel = _ref.cancelLabel,
+    cancelLabel = _ref$cancelLabel === void 0 ? t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Cancel"]))) : _ref$cancelLabel,
+    options = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var ui = (0, _useUi.useUi)();
   return {
     showConfirmation: function showConfirmation(onAccept, onCancel) {
@@ -59,5 +48,4 @@ var useConfirmationDialog = function useConfirmationDialog() {
     }
   };
 };
-
 exports.useConfirmationDialog = useConfirmationDialog;

package/hooks/useConfirmationDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","useConfirmationDialog","title","message","acceptLabel","cancelLabel","options","ui","useUi","showConfirmation","onAccept","onCancel","setState","dialog","actions","accept","label","onClick","cancel"],"sources":["useConfirmationDialog.ts"],"sourcesContent":["import React from \"react\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\nimport { i18n } from \"@webiny/app/i18n\";\nconst t = i18n.ns(\"app-admin/hooks/use-confirmation-dialog\");\n\ninterface Params {\n    title?: React.ReactNode;\n    message?: React.ReactNode;\n    acceptLabel?: React.ReactNode;\n    cancelLabel?: React.ReactNode;\n    [key: string]: any;\n}\n\ninterface UseConfirmationDialogResponse {\n    showConfirmation: (onAccept: () => void, onCancel?: () => void) => void;\n}\n\nconst useConfirmationDialog = ({\n    title,\n    message,\n    acceptLabel = t`Confirm`,\n    cancelLabel = t`Cancel`,\n    ...options\n}: Params = {}): UseConfirmationDialogResponse => {\n    const ui = useUi();\n\n    return {\n        showConfirmation: (onAccept, onCancel) => {\n            ui.setState(ui => {\n                return {\n                    ...ui,\n                    dialog: {\n                        message: message || t`Are you sure you want to continue?`,\n                        options: {\n                            ...options,\n                            title: title || t`Confirmation`,\n                            actions: {\n                                accept: {\n                                    label: acceptLabel,\n                                    onClick: onAccept\n                                },\n                                cancel: {\n                                    label: cancelLabel,\n                                    onClick: onCancel\n                                }\n                            }\n                        }\n                    }\n                };\n            });\n        }\n    };\n};\n\nexport { useConfirmationDialog };\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;;;;;AACA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,yCAAR,CAAV;;AAcA,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB,GAMoB;EAAA,+EAAtC,EAAsC;;EAAA,IAL9CC,KAK8C,QAL9CA,KAK8C;EAAA,IAJ9CC,OAI8C,QAJ9CA,OAI8C;EAAA,4BAH9CC,WAG8C;EAAA,IAH9CA,WAG8C,iCAHhCN,CAGgC;EAAA,4BAF9CO,WAE8C;EAAA,IAF9CA,WAE8C,iCAFhCP,CAEgC;EAAA,IAD3CQ,OAC2C;EAC9C,IAAMC,EAAE,GAAG,IAAAC,YAAA,GAAX;EAEA,OAAO;IACHC,gBAAgB,EAAE,0BAACC,QAAD,EAAWC,QAAX,EAAwB;MACtCJ,EAAE,CAACK,QAAH,CAAY,UAAAL,EAAE,EAAI;QACd,mEACOA,EADP;UAEIM,MAAM,EAAE;YACJV,OAAO,EAAEA,OAAO,IAAIL,CAAJ,uHADZ;YAEJQ,OAAO,8DACAA,OADA;cAEHJ,KAAK,EAAEA,KAAK,IAAIJ,CAAJ,iGAFT;cAGHgB,OAAO,EAAE;gBACLC,MAAM,EAAE;kBACJC,KAAK,EAAEZ,WADH;kBAEJa,OAAO,EAAEP;gBAFL,CADH;gBAKLQ,MAAM,EAAE;kBACJF,KAAK,EAAEX,WADH;kBAEJY,OAAO,EAAEN;gBAFL;cALH;YAHN;UAFH;QAFZ;MAoBH,CArBD;IAsBH;EAxBE,CAAP;AA0BH,CAnCD"}
+{"version":3,"names":["t","i18n","ns","useConfirmationDialog","title","message","acceptLabel","cancelLabel","options","ui","useUi","showConfirmation","onAccept","onCancel","setState","dialog","actions","accept","label","onClick","cancel"],"sources":["useConfirmationDialog.ts"],"sourcesContent":["import React from \"react\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\nimport { i18n } from \"@webiny/app/i18n\";\nconst t = i18n.ns(\"app-admin/hooks/use-confirmation-dialog\");\n\ninterface Params {\n    title?: React.ReactNode;\n    message?: React.ReactNode;\n    acceptLabel?: React.ReactNode;\n    cancelLabel?: React.ReactNode;\n    [key: string]: any;\n}\n\ninterface UseConfirmationDialogResponse {\n    showConfirmation: (onAccept: () => void, onCancel?: () => void) => void;\n}\n\nconst useConfirmationDialog = ({\n    title,\n    message,\n    acceptLabel = t`Confirm`,\n    cancelLabel = t`Cancel`,\n    ...options\n}: Params = {}): UseConfirmationDialogResponse => {\n    const ui = useUi();\n\n    return {\n        showConfirmation: (onAccept, onCancel) => {\n            ui.setState(ui => {\n                return {\n                    ...ui,\n                    dialog: {\n                        message: message || t`Are you sure you want to continue?`,\n                        options: {\n                            ...options,\n                            title: title || t`Confirmation`,\n                            actions: {\n                                accept: {\n                                    label: acceptLabel,\n                                    onClick: onAccept\n                                },\n                                cancel: {\n                                    label: cancelLabel,\n                                    onClick: onCancel\n                                }\n                            }\n                        }\n                    }\n                };\n            });\n        }\n    };\n};\n\nexport { useConfirmationDialog };\n"],"mappings":";;;;;;;;;;AACA;AACA;AAAwC;AAAA;AACxC,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,yCAAyC,CAAC;AAc5D,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqB,GAMuB;EAAA,+EAAtC,CAAC,CAAC;EAAA,IALVC,KAAK,QAALA,KAAK;IACLC,OAAO,QAAPA,OAAO;IAAA,wBACPC,WAAW;IAAXA,WAAW,iCAAGN,CAAC;IAAA,wBACfO,WAAW;IAAXA,WAAW,iCAAGP,CAAC;IACZQ,OAAO;EAEV,IAAMC,EAAE,GAAG,IAAAC,YAAK,GAAE;EAElB,OAAO;IACHC,gBAAgB,EAAE,0BAACC,QAAQ,EAAEC,QAAQ,EAAK;MACtCJ,EAAE,CAACK,QAAQ,CAAC,UAAAL,EAAE,EAAI;QACd,mEACOA,EAAE;UACLM,MAAM,EAAE;YACJV,OAAO,EAAEA,OAAO,IAAIL,CAAC,uHAAoC;YACzDQ,OAAO,8DACAA,OAAO;cACVJ,KAAK,EAAEA,KAAK,IAAIJ,CAAC,iGAAc;cAC/BgB,OAAO,EAAE;gBACLC,MAAM,EAAE;kBACJC,KAAK,EAAEZ,WAAW;kBAClBa,OAAO,EAAEP;gBACb,CAAC;gBACDQ,MAAM,EAAE;kBACJF,KAAK,EAAEX,WAAW;kBAClBY,OAAO,EAAEN;gBACb;cACJ;YAAC;UAET;QAAC;MAET,CAAC,CAAC;IACN;EACJ,CAAC;AACL,CAAC;AAAC"}

package/hooks/useDialog.js

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useDialog = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _useUi = require("@webiny/app/hooks/useUi");
-
 var useDialog = function useDialog() {
   var ui = (0, _useUi.useUi)();
   return {
@@ -33,5 +29,4 @@ var useDialog = function useDialog() {
     }
   };
 };
-
 exports.useDialog = useDialog;

package/hooks/useDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["useDialog","ui","useUi","showDialog","message","options","setState","dialog","hideDialog"],"sources":["useDialog.ts"],"sourcesContent":["import React from \"react\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\n\n// TODO @ts-refactor\ninterface UseDialogResponseShowDialogOptions {\n    [key: string]: any;\n}\ninterface UseDialogResponse {\n    showDialog: (message: React.ReactNode, options?: UseDialogResponseShowDialogOptions) => void;\n    hideDialog: () => void;\n}\nconst useDialog = (): UseDialogResponse => {\n    const ui = useUi();\n    return {\n        showDialog: (message, options) => {\n            ui.setState(ui => {\n                return { ...ui, dialog: { message, options } };\n            });\n        },\n        hideDialog: () => {\n            ui.setState(ui => {\n                return { ...ui, dialog: null };\n            });\n        }\n    };\n};\n\nexport { useDialog };\n"],"mappings":";;;;;;;;;;;AACA;;AAUA,IAAMA,SAAS,GAAG,SAAZA,SAAY,GAAyB;EACvC,IAAMC,EAAE,GAAG,IAAAC,YAAA,GAAX;EACA,OAAO;IACHC,UAAU,EAAE,oBAACC,OAAD,EAAUC,OAAV,EAAsB;MAC9BJ,EAAE,CAACK,QAAH,CAAY,UAAAL,EAAE,EAAI;QACd,mEAAYA,EAAZ;UAAgBM,MAAM,EAAE;YAAEH,OAAO,EAAPA,OAAF;YAAWC,OAAO,EAAPA;UAAX;QAAxB;MACH,CAFD;IAGH,CALE;IAMHG,UAAU,EAAE,sBAAM;MACdP,EAAE,CAACK,QAAH,CAAY,UAAAL,EAAE,EAAI;QACd,mEAAYA,EAAZ;UAAgBM,MAAM,EAAE;QAAxB;MACH,CAFD;IAGH;EAVE,CAAP;AAYH,CAdD"}
+{"version":3,"names":["useDialog","ui","useUi","showDialog","message","options","setState","dialog","hideDialog"],"sources":["useDialog.ts"],"sourcesContent":["import React from \"react\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\n\n// TODO @ts-refactor\ninterface UseDialogResponseShowDialogOptions {\n    [key: string]: any;\n}\ninterface UseDialogResponse {\n    showDialog: (message: React.ReactNode, options?: UseDialogResponseShowDialogOptions) => void;\n    hideDialog: () => void;\n}\nconst useDialog = (): UseDialogResponse => {\n    const ui = useUi();\n    return {\n        showDialog: (message, options) => {\n            ui.setState(ui => {\n                return { ...ui, dialog: { message, options } };\n            });\n        },\n        hideDialog: () => {\n            ui.setState(ui => {\n                return { ...ui, dialog: null };\n            });\n        }\n    };\n};\n\nexport { useDialog };\n"],"mappings":";;;;;;;;AACA;AAUA,IAAMA,SAAS,GAAG,SAAZA,SAAS,GAA4B;EACvC,IAAMC,EAAE,GAAG,IAAAC,YAAK,GAAE;EAClB,OAAO;IACHC,UAAU,EAAE,oBAACC,OAAO,EAAEC,OAAO,EAAK;MAC9BJ,EAAE,CAACK,QAAQ,CAAC,UAAAL,EAAE,EAAI;QACd,mEAAYA,EAAE;UAAEM,MAAM,EAAE;YAAEH,OAAO,EAAPA,OAAO;YAAEC,OAAO,EAAPA;UAAQ;QAAC;MAChD,CAAC,CAAC;IACN,CAAC;IACDG,UAAU,EAAE,sBAAM;MACdP,EAAE,CAACK,QAAQ,CAAC,UAAAL,EAAE,EAAI;QACd,mEAAYA,EAAE;UAAEM,MAAM,EAAE;QAAI;MAChC,CAAC,CAAC;IACN;EACJ,CAAC;AACL,CAAC;AAAC"}

package/hooks/useSnackbar.js

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useSnackbar = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _useUi = require("@webiny/app/hooks/useUi");
-
 var useSnackbar = function useSnackbar() {
   var ui = (0, _useUi.useUi)();
   return {
@@ -34,5 +30,4 @@ var useSnackbar = function useSnackbar() {
     }
   };
 };
-
 exports.useSnackbar = useSnackbar;

package/hooks/useSnackbar.js.map

@@ -1 +1 @@
-{"version":3,"names":["useSnackbar","ui","useUi","showSnackbar","message","options","setState","snackbar","hideSnackbar"],"sources":["useSnackbar.ts"],"sourcesContent":["import React from \"react\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\n\ninterface UseSnackbarResponse {\n    showSnackbar: (message: React.ReactNode, options?: Record<string, React.ReactNode>) => void;\n    hideSnackbar: () => void;\n}\nexport const useSnackbar = (): UseSnackbarResponse => {\n    const ui = useUi();\n\n    return {\n        showSnackbar: (message, options = {}) => {\n            ui.setState(ui => {\n                return { ...ui, snackbar: { message, options } };\n            });\n        },\n        hideSnackbar: () => {\n            ui.setState(ui => {\n                return { ...ui, snackbar: null };\n            });\n        }\n    };\n};\n"],"mappings":";;;;;;;;;;;AACA;;AAMO,IAAMA,WAAW,GAAG,SAAdA,WAAc,GAA2B;EAClD,IAAMC,EAAE,GAAG,IAAAC,YAAA,GAAX;EAEA,OAAO;IACHC,YAAY,EAAE,sBAACC,OAAD,EAA2B;MAAA,IAAjBC,OAAiB,uEAAP,EAAO;MACrCJ,EAAE,CAACK,QAAH,CAAY,UAAAL,EAAE,EAAI;QACd,mEAAYA,EAAZ;UAAgBM,QAAQ,EAAE;YAAEH,OAAO,EAAPA,OAAF;YAAWC,OAAO,EAAPA;UAAX;QAA1B;MACH,CAFD;IAGH,CALE;IAMHG,YAAY,EAAE,wBAAM;MAChBP,EAAE,CAACK,QAAH,CAAY,UAAAL,EAAE,EAAI;QACd,mEAAYA,EAAZ;UAAgBM,QAAQ,EAAE;QAA1B;MACH,CAFD;IAGH;EAVE,CAAP;AAYH,CAfM"}
+{"version":3,"names":["useSnackbar","ui","useUi","showSnackbar","message","options","setState","snackbar","hideSnackbar"],"sources":["useSnackbar.ts"],"sourcesContent":["import React from \"react\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\n\ninterface UseSnackbarResponse {\n    showSnackbar: (message: React.ReactNode, options?: Record<string, React.ReactNode>) => void;\n    hideSnackbar: () => void;\n}\nexport const useSnackbar = (): UseSnackbarResponse => {\n    const ui = useUi();\n\n    return {\n        showSnackbar: (message, options = {}) => {\n            ui.setState(ui => {\n                return { ...ui, snackbar: { message, options } };\n            });\n        },\n        hideSnackbar: () => {\n            ui.setState(ui => {\n                return { ...ui, snackbar: null };\n            });\n        }\n    };\n};\n"],"mappings":";;;;;;;;AACA;AAMO,IAAMA,WAAW,GAAG,SAAdA,WAAW,GAA8B;EAClD,IAAMC,EAAE,GAAG,IAAAC,YAAK,GAAE;EAElB,OAAO;IACHC,YAAY,EAAE,sBAACC,OAAO,EAAmB;MAAA,IAAjBC,OAAO,uEAAG,CAAC,CAAC;MAChCJ,EAAE,CAACK,QAAQ,CAAC,UAAAL,EAAE,EAAI;QACd,mEAAYA,EAAE;UAAEM,QAAQ,EAAE;YAAEH,OAAO,EAAPA,OAAO;YAAEC,OAAO,EAAPA;UAAQ;QAAC;MAClD,CAAC,CAAC;IACN,CAAC;IACDG,YAAY,EAAE,wBAAM;MAChBP,EAAE,CAACK,QAAQ,CAAC,UAAAL,EAAE,EAAI;QACd,mEAAYA,EAAE;UAAEM,QAAQ,EAAE;QAAI;MAClC,CAAC,CAAC;IACN;EACJ,CAAC;AACL,CAAC;AAAC"}

package/index.d.ts

@@ -22,13 +22,12 @@ export type { AdminProps } from "./base/Admin";
 export { useViewComposition } from "./base/providers/ViewCompositionProvider";
 export type { ViewCompositionContext, ViewElement } from "./base/providers/ViewCompositionProvider";
 export * from "./base/plugins/AddGraphQLQuerySelection";
-export * from "./plugins/FileManagerFileTypePlugin";
 export * from "./plugins/PermissionRendererPlugin";
 export { AppInstaller } from "./components/AppInstaller";
 export { OverlayLayout, OverlayLayoutProps } from "./components/OverlayLayout";
 export { default as SingleImageUpload, SingleImageUploadProps } from "./components/SingleImageUpload";
-export { FileManager, FileManagerRenderer } from "./components/FileManager";
-export type { FileManagerProps, FileManagerRendererProps, FileManagerFileItem } from "./components/FileManager";
+export { FileManager, FileManagerRenderer } from "./base/ui/FileManager";
+export type { FileManagerProps, FileManagerRendererProps, FileManagerFileItem, FileManagerOnChange } from "./base/ui/FileManager";
 export * from "./hooks/useSnackbar";
 export * from "./hooks/useConfirmationDialog";
 export * from "./hooks/useDialog";