@webiny/app-admin 5.23.1 → 5.25.0-beta.0

package/components/FileManager/graphql.js

@@ -9,9 +9,34 @@ var FILE_FIELDS =
 var ERROR_FIELDS =
 /* GraphQL */
 "\n    {\n        code\n        message\n        data\n    }\n";
+/**
+ * ##################
+ * List Files Query Response
+ */
+
 export var LIST_FILES = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n     query ListFiles($types: [String], $tags: [String], $limit: Int, $search: String, $after: String) {\n        fileManager {\n            listFiles(types: $types, limit: $limit, search: $search, tags: $tags, after: $after) {\n                data ", "\n                meta {\n                    cursor\n                    totalCount\n                }\n            }\n        }\n    }\n"])), FILE_FIELDS);
+/**
+ * ##################
+ * List File Tags Query Response
+ */
+
 export var LIST_TAGS = gql(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    query ListTags {\n        fileManager {\n            listTags\n        }\n    }\n"])));
+/**
+ * ##################
+ * Create File Mutation Response
+ */
+
 export var CREATE_FILE = gql(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    mutation CreateFile($data: FileInput!) {\n        fileManager {\n            createFile(data: $data) {\n                error ", "\n                data ", "\n            }\n        }\n    }\n"])), ERROR_FIELDS, FILE_FIELDS);
+/**
+ * ##################
+ * Update File Mutation Response
+ */
+
 export var UPDATE_FILE = gql(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    mutation UpdateFile($id: ID!, $data: FileInput!) {\n        fileManager {\n            updateFile(id: $id, data: $data) {\n                data {\n                    id\n                    src\n                    name\n                    tags\n                }\n                error ", "\n            }\n        }\n    }\n"])), ERROR_FIELDS);
+/**
+ * ##################
+ * Delete File Mutation Response
+ */
+
 export var DELETE_FILE = gql(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    mutation deleteFile($id: ID!) {\n        fileManager {\n            deleteFile(id: $id) {\n                data\n                error ", "\n            }\n        }\n    }\n"])), ERROR_FIELDS);
 export var GET_FILE_SETTINGS = gql(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    query getSettings {\n        fileManager {\n            getSettings {\n                data {\n                    uploadMinFileSize\n                    uploadMaxFileSize\n                }\n                error ", "\n            }\n        }\n    }\n"])), ERROR_FIELDS);

package/components/FileManager/graphql.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["graphql.ts"],"names":["gql","FILE_FIELDS","ERROR_FIELDS","LIST_FILES","LIST_TAGS","CREATE_FILE","UPDATE_FILE","DELETE_FILE","GET_FILE_SETTINGS"],"mappings":";;;;AAAA,OAAOA,GAAP,MAAgB,aAAhB;AAGA,IAAMC,WAAW;AAAG;AAAH,uMAAjB;AAiBA,IAAMC,YAAY;AAAG;AAAH,+DAAlB;AAQA;AACA;AACA;AACA;;AAsBA,OAAO,IAAMC,UAAU,GAAGH,GAAH,+cAIAC,WAJA,CAAhB;AAaP;AACA;AACA;AACA;;AAOA,OAAO,IAAMG,SAAS,GAAGJ,GAAH,8JAAf;AAOP;AACA;AACA;AACA;;AAoBA,OAAO,IAAMK,WAAW,GAAGL,GAAH,8QAIAE,YAJA,EAKDD,WALC,CAAjB;AAUP;AACA;AACA;AACA;;AAaA,OAAO,IAAMK,WAAW,GAAGN,GAAH,sZAUAE,YAVA,CAAjB;AAgBP;AACA;AACA;AACA;;AAYA,OAAO,IAAMK,WAAW,GAAGP,GAAH,4PAKAE,YALA,CAAjB;AAWP,OAAO,IAAMM,iBAAiB,GAAGR,GAAH,2UAQNE,YARM,CAAvB","sourcesContent":["import gql from \"graphql-tag\";\nimport { FileItem } from \"~/components/FileManager/types\";\n\nconst FILE_FIELDS = /* GraphQL */ `\n    {\n        __typename\n        id\n        name\n        key\n        src\n        size\n        type\n        tags\n        createdOn\n        createdBy {\n            id\n        }\n    }\n`;\n\nconst ERROR_FIELDS = /* GraphQL */ `\n    {\n        code\n        message\n        data\n    }\n`;\n\n/**\n * ##################\n * List Files Query Response\n */\nexport interface ListFilesListFilesResponse {\n    data: FileItem[];\n    error?: Error | null;\n    meta: {\n        hasMoreItems: boolean;\n        totalItem: number;\n        cursor: string | null;\n    };\n}\nexport interface ListFilesQueryResponse {\n    fileManager: {\n        listFiles: ListFilesListFilesResponse;\n    };\n}\nexport interface ListFilesQueryVariables {\n    types?: string[];\n    tags?: string[];\n    limit?: number;\n    search?: string;\n    after?: string;\n}\nexport const LIST_FILES = gql`\n     query ListFiles($types: [String], $tags: [String], $limit: Int, $search: String, $after: String) {\n        fileManager {\n            listFiles(types: $types, limit: $limit, search: $search, tags: $tags, after: $after) {\n                data ${FILE_FIELDS}\n                meta {\n                    cursor\n                    totalCount\n                }\n            }\n        }\n    }\n`;\n/**\n * ##################\n * List File Tags Query Response\n */\nexport interface ListFileTagsQueryResponse {\n    fileManager: {\n        listTags: string[];\n        error: Error | null;\n    };\n}\nexport const LIST_TAGS = gql`\n    query ListTags {\n        fileManager {\n            listTags\n        }\n    }\n`;\n/**\n * ##################\n * Create File Mutation Response\n */\nexport interface CreateFileMutationResponse {\n    fileManager: {\n        createFile: {\n            data: FileItem;\n            error?: Error | null;\n        };\n    };\n}\nexport interface FileInput {\n    key: string;\n    name: string;\n    size: number;\n    type: string;\n    tags: string;\n    meta: Record<string, any>;\n}\nexport interface CreateFileMutationVariables {\n    data: FileInput;\n}\nexport const CREATE_FILE = gql`\n    mutation CreateFile($data: FileInput!) {\n        fileManager {\n            createFile(data: $data) {\n                error ${ERROR_FIELDS}\n                data ${FILE_FIELDS}\n            }\n        }\n    }\n`;\n/**\n * ##################\n * Update File Mutation Response\n */\nexport interface UpdateFileMutationResponse {\n    fileManager: {\n        updateFile: {\n            data: FileItem;\n            error?: Error | null;\n        };\n    };\n}\nexport interface UpdateFileMutationVariables {\n    id: string;\n    data: Partial<FileInput>;\n}\nexport const UPDATE_FILE = gql`\n    mutation UpdateFile($id: ID!, $data: FileInput!) {\n        fileManager {\n            updateFile(id: $id, data: $data) {\n                data {\n                    id\n                    src\n                    name\n                    tags\n                }\n                error ${ERROR_FIELDS}\n            }\n        }\n    }\n`;\n\n/**\n * ##################\n * Delete File Mutation Response\n */\nexport interface DeleteFileMutationResponse {\n    fileManager: {\n        updateFile: {\n            data: boolean;\n            error?: Error | null;\n        };\n    };\n}\nexport interface DeleteFileMutationVariables {\n    id: string;\n}\nexport const DELETE_FILE = gql`\n    mutation deleteFile($id: ID!) {\n        fileManager {\n            deleteFile(id: $id) {\n                data\n                error ${ERROR_FIELDS}\n            }\n        }\n    }\n`;\n\nexport const GET_FILE_SETTINGS = gql`\n    query getSettings {\n        fileManager {\n            getSettings {\n                data {\n                    uploadMinFileSize\n                    uploadMaxFileSize\n                }\n                error ${ERROR_FIELDS}\n            }\n        }\n    }\n`;\n"]}

package/components/FileManager/outputFileSelectionError.d.ts

@@ -1,2 +1,7 @@
-declare const _default: (errors: any) => string;
+import { FileError as BaseFileError } from "react-butterfiles";
+interface FileError extends BaseFileError {
+    multipleMaxCount: number;
+    multipleMaxSize: number;
+}
+declare const _default: (errors: FileError[]) => string | null;
 export default _default;

package/components/FileManager/outputFileSelectionError.js

@@ -35,7 +35,8 @@ export default (function (errors) {
 
     case "multipleNotAllowed":
       return "Only one file allowed.";
-  }
 
-  return null;
+    default:
+      return null;
+  }
 });

package/components/FileManager/outputFileSelectionError.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["outputFileSelectionError.ts"],"names":["bytes","errors","length","error","find","type","multipleMaxCount","format","multipleMaxSize"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAQA,gBAAe,UAACC,MAAD,EAAwC;AACnD,MAAIA,MAAM,CAACC,MAAP,GAAgB,CAApB,EAAuB;AACnB,QAAIC,KAAK,GAAGF,MAAM,CAACG,IAAP,CAAY,UAAAD,KAAK;AAAA,aAAIA,KAAK,CAACE,IAAN,KAAe,0BAAnB;AAAA,KAAjB,CAAZ;;AACA,QAAIF,KAAJ,EAAW;AACP,+CAAkCA,KAAK,CAACG,gBAAxC;AACH;;AAEDH,IAAAA,KAAK,GAAGF,MAAM,CAACG,IAAP,CAAY,UAAAD,KAAK;AAAA,aAAIA,KAAK,CAACE,IAAN,KAAe,yBAAnB;AAAA,KAAjB,CAAR;;AACA,QAAIF,KAAJ,EAAW;AACP,+CAAkCH,KAAK,CAACO,MAAN,CAAaJ,KAAK,CAACK,eAAnB,CAAlC;AACH;;AAED,WAAO,kCAAP;AACH;;AAED,UAAQP,MAAM,CAAC,CAAD,CAAN,CAAUI,IAAlB;AACI,SAAK,qBAAL;AACI,aAAO,wBAAP;;AACJ,SAAK,iBAAL;AACI,aAAO,oBAAP;;AACJ,SAAK,0BAAL;AACI,aAAO,8BAAP;;AACJ,SAAK,yBAAL;AACI,aAAO,6BAAP;;AACJ,SAAK,oBAAL;AACI,aAAO,wBAAP;;AACJ;AACI,aAAO,IAAP;AAZR;AAcH,CA7BD","sourcesContent":["import bytes from \"bytes\";\nimport { FileError as BaseFileError } from \"react-butterfiles\";\n\ninterface FileError extends BaseFileError {\n    multipleMaxCount: number;\n    multipleMaxSize: number;\n}\n\nexport default (errors: FileError[]): string | null => {\n    if (errors.length > 1) {\n        let error = errors.find(error => error.type === \"multipleMaxCountExceeded\");\n        if (error) {\n            return `Cannot upload more than ${error.multipleMaxCount} files at once.`;\n        }\n\n        error = errors.find(error => error.type === \"multipleMaxSizeExceeded\");\n        if (error) {\n            return `Cannot upload more than ${bytes.format(error.multipleMaxSize)} at once.`;\n        }\n\n        return \"Multiple invalid files selected.\";\n    }\n\n    switch (errors[0].type) {\n        case \"unsupportedFileType\":\n            return \"Unsupported file type.\";\n        case \"maxSizeExceeded\":\n            return \"Max size exceeded.\";\n        case \"multipleMaxCountExceeded\":\n            return \"Multiple max files exceeded.\";\n        case \"multipleMaxSizeExceeded\":\n            return \"Multiple max size exceeded.\";\n        case \"multipleNotAllowed\":\n            return \"Only one file allowed.\";\n        default:\n            return null;\n    }\n};\n"]}

package/components/FileManager/types.d.ts

@@ -0,0 +1,19 @@
+import { SecurityPermission } from "@webiny/app-security/types";
+export interface FileItem {
+    id: string;
+    name: string;
+    key: string;
+    src: string;
+    size: number;
+    type: string;
+    tags: string[];
+    createdOn: string;
+    createdBy: {
+        id: string;
+    };
+    [key: string]: any;
+}
+export interface FileManagerSecurityPermission extends SecurityPermission {
+    rwd?: string;
+    own?: boolean;
+}

package/components/FileManager/types.js

@@ -0,0 +1 @@
+export {};

package/components/FileManager/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/components/FileManager.d.ts

@@ -1,18 +1,23 @@
-import * as React from "react";
-declare type FileManagerProps = {
-    onChange?: Function;
+import React from "react";
+import { FileItem } from "./FileManager/types";
+export interface ShowFileManagerCallable {
+    (onChange?: (file?: FileItem | FileItem[]) => void): void;
+}
+export interface FileManagerPropsChildren {
+    showFileManager: ShowFileManagerCallable;
+}
+export interface FileManagerProps {
+    onChange?: (files: FileItem[] | FileItem) => void;
     onChangePick?: string[];
     images?: boolean;
     multiple?: boolean;
     accept?: Array<string>;
-    children: ({ showFileManager: Function }: {
-        showFileManager: any;
-    }) => React.ReactNode;
+    children: (params: FileManagerPropsChildren) => React.ReactNode;
     maxSize?: number | string;
     multipleMaxCount?: number;
     multipleMaxSize?: number | string;
     onClose?: Function;
-    onUploadCompletion?: Function;
-};
-export declare function FileManager({ children, ...rest }: FileManagerProps): JSX.Element;
-export {};
+    onUploadCompletion?: (files: FileItem[]) => void;
+}
+export declare type FileManagerPortalProps = Omit<FileManagerProps, "children">;
+export declare const FileManager: React.FC<FileManagerProps>;

package/components/FileManager.js

@@ -8,15 +8,11 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["children"];
-import * as React from "react";
+import React, { useCallback, useEffect, useRef, useState } from "react";
 import ReactDOM from "react-dom";
 import FileManagerView from "./FileManager/FileManagerView";
 import pick from "lodash/pick";
 import { FileManagerProvider } from "./FileManager/FileManagerContext";
-var useState = React.useState,
-    useRef = React.useRef,
-    useCallback = React.useCallback,
-    useEffect = React.useEffect;
 
 var FileManagerPortal = /*#__PURE__*/function (_React$Component) {
   _inherits(FileManagerPortal, _React$Component);
@@ -30,7 +26,7 @@ var FileManagerPortal = /*#__PURE__*/function (_React$Component) {
 
     _this = _super.call(this, props);
 
-    _defineProperty(_assertThisInitialized(_this), "container", void 0);
+    _defineProperty(_assertThisInitialized(_this), "container", null);
 
     if (!window) {
       return _possibleConstructorReturn(_this);
@@ -54,8 +50,14 @@ var FileManagerPortal = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          onChange = _this$props.onChange,
-          onClose = _this$props.onClose,
+          _this$props$onChange = _this$props.onChange,
+          onChange = _this$props$onChange === void 0 ? function () {
+        return void 0;
+      } : _this$props$onChange,
+          _this$props$onClose = _this$props.onClose,
+          onClose = _this$props$onClose === void 0 ? function () {
+        return void 0;
+      } : _this$props$onClose,
           accept = _this$props.accept,
           onChangePick = _this$props.onChangePick,
           multiple = _this$props.multiple,
@@ -67,19 +69,28 @@ var FileManagerPortal = /*#__PURE__*/function (_React$Component) {
       var container = this.container;
 
       var handleFileOnChange = function handleFileOnChange(files) {
+        if (!files || files.length === 0) {
+          return;
+        }
+
         var fields = Array.isArray(onChangePick) ? onChangePick : ["id", "name", "key", "src", "size", "type"];
 
-        if (Array.isArray(files)) {
-          onChange(files.map(function (file) {
+        if (Array.isArray(files) === true) {
+          var items = files.map(function (file) {
             return pick(file, fields);
-          }));
-        } else {
-          onChange(pick(files, fields));
+          });
+          onChange(items);
+          return;
         }
+
+        var file = pick(files, fields);
+        onChange(file);
       };
 
       var props = {
-        onChange: typeof onChange === "function" ? handleFileOnChange : undefined,
+        onChange: typeof onChange === "function" ? handleFileOnChange : function () {
+          return void 0;
+        },
         onClose: onClose,
         accept: accept,
         multiple: multiple,
@@ -101,7 +112,7 @@ var FileManagerPortal = /*#__PURE__*/function (_React$Component) {
   return FileManagerPortal;
 }(React.Component);
 
-export function FileManager(_ref) {
+export var FileManager = function FileManager(_ref) {
   var children = _ref.children,
       rest = _objectWithoutProperties(_ref, _excluded);
 
@@ -130,4 +141,4 @@ export function FileManager(_ref) {
   })), children({
     showFileManager: showFileManager
   }));
-}
+};

package/components/FileManager.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["FileManager.tsx"],"names":["React","useCallback","useEffect","useRef","useState","ReactDOM","FileManagerView","pick","FileManagerProvider","FileManagerPortal","props","window","container","document","getElementById","createElement","setAttribute","body","appendChild","onChange","onClose","accept","onChangePick","multiple","images","maxSize","multipleMaxCount","multipleMaxSize","onUploadCompletion","handleFileOnChange","files","length","fields","Array","isArray","items","map","file","createPortal","Component","FileManager","children","rest","show","setShow","onChangeRef","current","showFileManager"],"mappings":"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","sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport FileManagerView, { FileManagerViewProps } from \"./FileManager/FileManagerView\";\nimport pick from \"lodash/pick\";\nimport { FileManagerProvider } from \"./FileManager/FileManagerContext\";\nimport { FileItem } from \"./FileManager/types\";\n\nexport interface ShowFileManagerCallable {\n    (onChange?: (file?: FileItem | FileItem[]) => void): void;\n}\nexport interface FileManagerPropsChildren {\n    showFileManager: ShowFileManagerCallable;\n}\n\nexport interface FileManagerProps {\n    onChange?: (files: FileItem[] | FileItem) => void;\n    onChangePick?: string[];\n    images?: boolean;\n    multiple?: boolean;\n    accept?: Array<string>;\n    children: (params: FileManagerPropsChildren) => React.ReactNode;\n    maxSize?: number | string;\n    multipleMaxCount?: number;\n    multipleMaxSize?: number | string;\n    onClose?: Function;\n    onUploadCompletion?: (files: FileItem[]) => void;\n}\n\nexport type FileManagerPortalProps = Omit<FileManagerProps, \"children\">;\n\nclass FileManagerPortal extends React.Component<FileManagerPortalProps> {\n    public container: HTMLElement | null = null;\n    constructor(props: FileManagerPortalProps) {\n        super(props);\n\n        if (!window) {\n            return;\n        }\n\n        this.container = window.document.getElementById(\"file-manager-container\");\n\n        if (!this.container) {\n            this.container = document.createElement(\"div\");\n            this.container.setAttribute(\"id\", \"file-manager-container\");\n            const container = this.container;\n            document.body && document.body.appendChild(container);\n        }\n    }\n\n    public override render() {\n        const {\n            onChange = () => {\n                return void 0;\n            },\n            onClose = () => {\n                return void 0;\n            },\n            accept,\n            onChangePick,\n            multiple,\n            images,\n            maxSize,\n            multipleMaxCount,\n            multipleMaxSize,\n            onUploadCompletion\n        } = this.props;\n\n        const container = this.container as HTMLElement;\n\n        const handleFileOnChange = (files?: FileItem[] | FileItem) => {\n            if (!files || files.length === 0) {\n                return;\n            }\n            const fields = Array.isArray(onChangePick)\n                ? onChangePick\n                : [\"id\", \"name\", \"key\", \"src\", \"size\", \"type\"];\n\n            if (Array.isArray(files) === true) {\n                const items = (files as FileItem[]).map(file => pick(file, fields));\n                onChange(items as FileItem[]);\n                return;\n            }\n            const file = pick(files as FileItem, fields);\n\n            onChange(file as FileItem);\n        };\n\n        const props: FileManagerViewProps = {\n            onChange:\n                typeof onChange === \"function\"\n                    ? handleFileOnChange\n                    : () => {\n                          return void 0;\n                      },\n            onClose,\n            accept: accept as string[],\n            multiple: multiple as boolean,\n            maxSize: maxSize as string,\n            multipleMaxCount: multipleMaxCount as number,\n            multipleMaxSize: multipleMaxSize as number,\n            onUploadCompletion\n        };\n\n        if (images) {\n            props.accept = [\n                \"image/jpg\",\n                \"image/jpeg\",\n                \"image/tiff\",\n                \"image/gif\",\n                \"image/png\",\n                \"image/webp\",\n                \"image/bmp\",\n                \"image/svg+xml\"\n            ];\n        }\n\n        // Let's pass \"permanent\" / \"persistent\" / \"temporary\" flags as \"mode\" prop instead.\n        return ReactDOM.createPortal(\n            <FileManagerProvider {...props}>\n                <FileManagerView {...props} />\n            </FileManagerProvider>,\n            container\n        );\n    }\n}\n\nexport const FileManager: React.FC<FileManagerProps> = ({ children, ...rest }) => {\n    const [show, setShow] = useState(false);\n    const onChangeRef = useRef(rest.onChange);\n\n    useEffect(() => {\n        onChangeRef.current = rest.onChange;\n    }, [rest.onChange]);\n\n    const showFileManager = useCallback(onChange => {\n        if (typeof onChange === \"function\") {\n            onChangeRef.current = onChange;\n        }\n        setShow(true);\n    }, []);\n\n    return (\n        <>\n            {show && (\n                <FileManagerPortal\n                    onClose={() => setShow(false)}\n                    {...rest}\n                    onChange={onChangeRef.current}\n                />\n            )}\n            {children({ showFileManager })}\n        </>\n    );\n};\n"]}

package/components/FloatingActionButton.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const FloatingActionButton: (props: any) => JSX.Element;
+import * as React from "react";
+declare const FloatingActionButton: React.FC;
 export { FloatingActionButton };

package/components/FloatingActionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["FloatingActionButton.tsx"],"names":["React","ButtonFloating","ReactComponent","AddIcon","FloatingActionButton","props","position","bottom","right"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,cAAT,QAA+B,mBAA/B;AACA,SAASC,cAAc,IAAIC,OAA3B,6C,CAEA;;AACA,IAAMC,oBAA8B,GAAG,SAAjCA,oBAAiC,CAAAC,KAAK,EAAI;AAC5C,sBACI;AACI,IAAA,KAAK,EAAE;AACHC,MAAAA,QAAQ,EAAE,UADP;AAEHC,MAAAA,MAAM,EAAE,EAFL;AAGHC,MAAAA,KAAK,EAAE;AAHJ;AADX,kBAOI,oBAAC,cAAD,oBAAoBH,KAApB;AAA2B,IAAA,IAAI,eAAE,oBAAC,OAAD;AAAjC,KAPJ,CADJ;AAWH,CAZD;;AAcA,SAASD,oBAAT","sourcesContent":["import * as React from \"react\";\nimport { ButtonFloating } from \"@webiny/ui/Button\";\nimport { ReactComponent as AddIcon } from \"../assets/icons/round-add-24px.svg\";\n\n// Set \"styles\" inline, since no customizations are possible / needed here.\nconst FloatingActionButton: React.FC = props => {\n    return (\n        <div\n            style={{\n                position: \"absolute\",\n                bottom: 20,\n                right: 20\n            }}\n        >\n            <ButtonFloating {...props} icon={<AddIcon />} />\n        </div>\n    );\n};\n\nexport { FloatingActionButton };\n"]}

package/components/MultiImageUpload.d.ts

@@ -1,4 +1,13 @@
-/// <reference types="react" />
-declare type Props = any;
-export default function MultiImageUpload({ imagePreviewProps, ...multiImageUploadProps }: Props): JSX.Element;
-export {};
+import * as React from "react";
+/**
+ * TODO @ts-refactor
+ */
+interface MultiImageUploadProps {
+    imagePreviewProps: {
+        src: string;
+        [key: string]: any;
+    };
+    [key: string]: any;
+}
+declare const MultiImageUpload: React.FC<MultiImageUploadProps>;
+export default MultiImageUpload;

package/components/MultiImageUpload.js

@@ -2,13 +2,22 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["imagePreviewProps"];
 import * as React from "react";
 import { Image } from "@webiny/app/components/Image";
-import { MultiImageUpload as UiMultiImageUpload } from "@webiny/ui/ImageUpload"; // TODO: @adrian define props type
+import { MultiImageUpload as UiMultiImageUpload } from "@webiny/ui/ImageUpload";
+/**
+ * TODO @ts-refactor
+ */
 
-export default function MultiImageUpload(_ref) {
+var MultiImageUpload = function MultiImageUpload(_ref) {
   var imagePreviewProps = _ref.imagePreviewProps,
       multiImageUploadProps = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(UiMultiImageUpload, Object.assign({
+  return /*#__PURE__*/React.createElement(UiMultiImageUpload
+  /**
+   * TODO @ts-refactor
+   * It appers that renderImagePreview does not exist on  UiMultiImageUpload. So how did this work?
+   */
+  // @ts-ignore
+  , Object.assign({
     renderImagePreview: function renderImagePreview(renderImageProps) {
       return /*#__PURE__*/React.createElement(Image, Object.assign({
         transform: {
@@ -17,4 +26,6 @@ export default function MultiImageUpload(_ref) {
       }, imagePreviewProps, renderImageProps));
     }
   }, multiImageUploadProps));
-}
+};
+
+export default MultiImageUpload;

package/components/MultiImageUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MultiImageUpload.tsx"],"names":["React","Image","MultiImageUpload","UiMultiImageUpload","imagePreviewProps","multiImageUploadProps","renderImageProps","width"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,KAAT,QAAsB,8BAAtB;AACA,SAASC,gBAAgB,IAAIC,kBAA7B,QAAuD,wBAAvD;AAEA;AACA;AACA;;AAQA,IAAMD,gBAAiD,GAAG,SAApDA,gBAAoD,OAGpD;AAAA,MAFFE,iBAEE,QAFFA,iBAEE;AAAA,MADCC,qBACD;;AACF,sBACI,oBAAC;AACG;AACZ;AACA;AACA;AACY;AALJ;AAMI,IAAA,kBAAkB,EAAE,4BAACC,gBAAD,EAA2C;AAC3D,0BACI,oBAAC,KAAD;AACI,QAAA,SAAS,EAAE;AAAEC,UAAAA,KAAK,EAAE;AAAT;AADf,SAEQH,iBAFR,EAGQE,gBAHR,EADJ;AAOH;AAdL,KAeQD,qBAfR,EADJ;AAmBH,CAvBD;;AAwBA,eAAeH,gBAAf","sourcesContent":["import * as React from \"react\";\nimport { Image } from \"@webiny/app/components/Image\";\nimport { MultiImageUpload as UiMultiImageUpload } from \"@webiny/ui/ImageUpload\";\n\n/**\n * TODO @ts-refactor\n */\ninterface MultiImageUploadProps {\n    imagePreviewProps: {\n        src: string;\n        [key: string]: any;\n    };\n    [key: string]: any;\n}\nconst MultiImageUpload: React.FC<MultiImageUploadProps> = ({\n    imagePreviewProps,\n    ...multiImageUploadProps\n}) => {\n    return (\n        <UiMultiImageUpload\n            /**\n             * TODO @ts-refactor\n             * It appers that renderImagePreview does not exist on  UiMultiImageUpload. So how did this work?\n             */\n            // @ts-ignore\n            renderImagePreview={(renderImageProps: Record<string, any>) => {\n                return (\n                    <Image\n                        transform={{ width: 300 }}\n                        {...imagePreviewProps}\n                        {...renderImageProps}\n                    />\n                );\n            }}\n            {...multiImageUploadProps}\n        />\n    );\n};\nexport default MultiImageUpload;\n"]}

package/components/OverlayLayout/OverlayLayout.d.ts

@@ -1,23 +1,20 @@
 import * as React from "react";
-declare type OverlayLayoutProps = {
+import { ExitHandler } from "react-transition-group/Transition";
+interface OverlayLayoutProps {
     barMiddle?: React.ReactNode;
     barLeft?: React.ReactNode;
     barRight?: React.ReactNode;
     children: React.ReactNode;
-    onExited?: Function;
+    onExited?: ExitHandler<HTMLElement>;
     style?: React.CSSProperties;
-};
-declare type State = {
+}
+interface OverlayLayoutState {
     isVisible: boolean;
-};
-export declare class OverlayLayout extends React.Component<OverlayLayoutProps, State> {
-    constructor(props: any);
-    static defaultProps: {
-        onExited: any;
-    };
-    state: {
-        isVisible: boolean;
-    };
+}
+export declare class OverlayLayout extends React.Component<OverlayLayoutProps, OverlayLayoutState> {
+    constructor(props: OverlayLayoutProps);
+    static defaultProps: Partial<OverlayLayoutProps>;
+    state: OverlayLayoutState;
     hideComponent(): void;
     componentWillUnmount(): void;
     render(): JSX.Element;

package/components/OverlayLayout/OverlayLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["OverlayLayout.tsx"],"names":["React","Transition","styled","css","TopAppBarSecondary","TopAppBarSection","IconButton","noop","ReactComponent","CloseIcon","OverlayView","OverlayLayoutWrapper","position","width","height","backgroundColor","zIndex","paddingTop","top","left","noScroll","overflow","defaultStyle","transform","opacity","transitionProperty","transitionTimingFunction","transitionDuration","willChange","transitionStyles","entering","entered","OverlayLayout","props","isVisible","document","body","classList","add","setState","openedViews","remove","onExited","barLeft","barMiddle","barRight","children","style","rest","state","hideComponent","Component"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\nimport { TopAppBarSecondary, TopAppBarSection } from \"@webiny/ui/TopAppBar\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport noop from \"lodash/noop\";\n\nimport { ReactComponent as CloseIcon } from \"./icons/close.svg\";\nimport { OverlayView } from \"~/ui/views/OverlayView\";\nimport { ExitHandler } from \"react-transition-group/Transition\";\n\nconst OverlayLayoutWrapper = styled(\"div\")({\n    position: \"fixed\",\n    width: \"100%\",\n    height: \"100vh\",\n    backgroundColor: \"var(--mdc-theme-background)\",\n    /**\n     * Has to be higher than 5 so it's above advanced settings dialog,\n     * and below 20, so the image editor & Dialogs can be displayed above.\n     */\n    zIndex: 18,\n    paddingTop: 65,\n    top: 0,\n    left: 0\n});\n\nconst noScroll = css({\n    overflow: \"hidden\",\n    height: \"100vh\"\n});\n\nconst defaultStyle = {\n    transform: \"translateY(75vh)\",\n    opacity: 0,\n    transitionProperty: \"transform, opacity\",\n    transitionTimingFunction: \"cubic-bezier(0, 0, .2, 1)\",\n    transitionDuration: \"225ms\",\n    willChange: \"opacity, transform\"\n};\n\nconst transitionStyles: Record<string, any> = {\n    entering: {\n        transform: \"translateY(75vh)\",\n        opacity: 0\n    },\n    entered: {\n        transform: \"translateY(0px)\",\n        opacity: 1\n    }\n};\n\ninterface OverlayLayoutProps {\n    barMiddle?: React.ReactNode;\n    barLeft?: React.ReactNode;\n    barRight?: React.ReactNode;\n    children: React.ReactNode;\n    onExited?: ExitHandler<HTMLElement>;\n    style?: React.CSSProperties;\n}\n\ninterface OverlayLayoutState {\n    isVisible: boolean;\n}\n\nexport class OverlayLayout extends React.Component<OverlayLayoutProps, OverlayLayoutState> {\n    constructor(props: OverlayLayoutProps) {\n        super(props);\n        document.body.classList.add(noScroll);\n    }\n\n    static defaultProps: Partial<OverlayLayoutProps> = {\n        onExited: noop\n    };\n\n    public override state: OverlayLayoutState = {\n        isVisible: true\n    };\n\n    public hideComponent(): void {\n        this.setState({ isVisible: false });\n        if (OverlayView.openedViews === 0) {\n            document.body.classList.remove(noScroll);\n        }\n    }\n\n    public override componentWillUnmount(): void {\n        if (OverlayView.openedViews === 0) {\n            document.body.classList.remove(noScroll);\n        }\n    }\n\n    public override render() {\n        const { onExited, barLeft, barMiddle, barRight, children, style, ...rest } = this.props;\n\n        return (\n            <Transition in={this.state.isVisible} timeout={100} appear onExited={onExited}>\n                {state => (\n                    <OverlayLayoutWrapper\n                        {...rest}\n                        style={{ ...defaultStyle, ...style, ...transitionStyles[state] }}\n                    >\n                        <TopAppBarSecondary fixed style={{ top: 0 }}>\n                            <TopAppBarSection style={{ width: \"33%\" }} alignStart>\n                                {barLeft}\n                            </TopAppBarSection>\n                            <TopAppBarSection style={{ width: \"33%\" }}>\n                                {barMiddle}\n                            </TopAppBarSection>\n                            <TopAppBarSection style={{ width: \"33%\" }} alignEnd>\n                                {barRight}\n                                <IconButton\n                                    ripple={false}\n                                    onClick={() => this.hideComponent()}\n                                    icon={<CloseIcon style={{ width: 24, height: 24 }} />}\n                                />\n                            </TopAppBarSection>\n                        </TopAppBarSecondary>\n\n                        {children}\n                    </OverlayLayoutWrapper>\n                )}\n            </Transition>\n        );\n    }\n}\n"]}

package/components/OverlayLayout/index.js.map

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

package/components/Permissions/Permissions.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from "react";
 import { BindComponentRenderProp } from "@webiny/form";
-declare type Props = BindComponentRenderProp & {
+interface PermissionsProps extends BindComponentRenderProp {
     id: string;
-};
-export declare const Permissions: ({ id, value, onChange }: Props) => JSX.Element;
+}
+export declare const Permissions: React.FC<PermissionsProps>;
 export {};

package/components/Permissions/Permissions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Permissions.tsx"],"names":["React","useMemo","Accordion","plugins","Permissions","id","value","onChange","byType","reduce","acc","plugin","system","systemPlugins","push","permissionPlugins","map","pl","name","render"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,OAAhB,QAA+B,OAA/B;AAEA,SAASC,SAAT,QAA0B,sBAA1B;AACA,SAASC,OAAT,QAAwB,iBAAxB;AAYA,OAAO,IAAMC,WAAuC,GAAG,SAA1CA,WAA0C,OAA6B;AAAA,MAA1BC,EAA0B,QAA1BA,EAA0B;AAAA,MAAtBC,KAAsB,QAAtBA,KAAsB;AAAA,MAAfC,QAAe,QAAfA,QAAe;;AAChF,iBAA6CN,OAAO,CAAoB,YAAM;AAC1E,WAAOE,OAAO,CACTK,MADE,CACuC,gCADvC,EAEFC,MAFE,CAGC,UAACC,GAAD,EAAMC,MAAN,EAAiB;AACb,UAAIA,MAAM,CAACC,MAAP,KAAkB,IAAtB,EAA4B;AACxBF,QAAAA,GAAG,CAACG,aAAJ,CAAkBC,IAAlB,CAAuBH,MAAvB;AACH,OAFD,MAEO;AACHD,QAAAA,GAAG,CAACK,iBAAJ,CAAsBD,IAAtB,CAA2BH,MAA3B;AACH;;AACD,aAAOD,GAAP;AACH,KAVF,EAWC;AAAEG,MAAAA,aAAa,EAAE,EAAjB;AAAqBE,MAAAA,iBAAiB,EAAE;AAAxC,KAXD,CAAP;AAaH,GAdmD,EAcjD,EAdiD,CAApD;AAAA,MAAQF,aAAR,YAAQA,aAAR;AAAA,MAAuBE,iBAAvB,YAAuBA,iBAAvB;;AAgBA,sBACI,oBAAC,SAAD;AAAW,IAAA,SAAS,EAAE;AAAtB,KACK,6BAAIF,aAAJ,sBAAsBE,iBAAtB,GAAyCC,GAAzC,CAA6C,UAAAC,EAAE;AAAA,wBAC5C,oBAAC,KAAD,CAAO,QAAP;AAAgB,MAAA,GAAG,EAAEA,EAAE,CAACC,IAAH,GAAU,GAAV,GAAgBb;AAArC,OACKY,EAAE,CAACE,MAAH,CAAU;AACPb,MAAAA,KAAK,EAALA,KADO;AAEPC,MAAAA,QAAQ,EAARA;AAFO,KAAV,CADL,CAD4C;AAAA,GAA/C,CADL,CADJ;AAYH,CA7BM","sourcesContent":["import React, { useMemo } from \"react\";\nimport { AdminAppPermissionRendererPlugin } from \"~/types\";\nimport { Accordion } from \"@webiny/ui/Accordion\";\nimport { plugins } from \"@webiny/plugins\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\n\ninterface PermissionsProps extends BindComponentRenderProp {\n    id: string;\n}\n\ninterface PermissionPlugins {\n    systemPlugins: AdminAppPermissionRendererPlugin[];\n    permissionPlugins: AdminAppPermissionRendererPlugin[];\n}\n\nexport const Permissions: React.FC<PermissionsProps> = ({ id, value, onChange }) => {\n    const { systemPlugins, permissionPlugins } = useMemo<PermissionPlugins>(() => {\n        return plugins\n            .byType<AdminAppPermissionRendererPlugin>(\"admin-app-permissions-renderer\")\n            .reduce(\n                (acc, plugin) => {\n                    if (plugin.system === true) {\n                        acc.systemPlugins.push(plugin);\n                    } else {\n                        acc.permissionPlugins.push(plugin);\n                    }\n                    return acc;\n                },\n                { systemPlugins: [], permissionPlugins: [] } as PermissionPlugins\n            );\n    }, []);\n\n    return (\n        <Accordion elevation={0}>\n            {[...systemPlugins, ...permissionPlugins].map(pl => (\n                <React.Fragment key={pl.name + \".\" + id}>\n                    {pl.render({\n                        value,\n                        onChange\n                    })}\n                </React.Fragment>\n            ))}\n        </Accordion>\n    );\n};\n"]}

package/components/Permissions/StyledComponents.d.ts

@@ -1,6 +1,8 @@
-/// <reference types="react" />
+import React from "react";
 export declare const flexClass: string;
 export declare const gridNoPaddingClass: string;
-export declare const PermissionInfo: ({ title }: {
-    title: any;
-}) => JSX.Element;
+interface PermissionInfoProps {
+    title: string;
+}
+export declare const PermissionInfo: React.FC<PermissionInfoProps>;
+export {};

package/components/Permissions/StyledComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["StyledComponents.tsx"],"names":["React","css","Typography","flexClass","display","alignItems","height","gridNoPaddingClass","padding","PermissionInfo","title"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,GAAT,QAAoB,SAApB;AACA,SAASC,UAAT,QAA2B,uBAA3B;AAEA,OAAO,IAAMC,SAAS,gBAAGF,GAAG,CAAC;AACzBG,EAAAA,OAAO,EAAE,MADgB;AAEzBC,EAAAA,UAAU,EAAE,QAFa;AAGzBC,EAAAA,MAAM,EAAE;AAHiB,CAAD,qBAArB;AAMP,OAAO,IAAMC,kBAAkB,gBAAGN,GAAG,CAAC;AAClCO,EAAAA,OAAO,EAAE;AADyB,CAAD,8BAA9B;AAOP,OAAO,IAAMC,cAA6C,GAAG,SAAhDA,cAAgD;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,sBACzD;AAAK,IAAA,SAAS,EAAEP;AAAhB,kBACI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAE;AAAjB,KAA+BO,KAA/B,CADJ,CADyD;AAAA,CAAtD","sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nexport const flexClass = css({\n    display: \"flex\",\n    alignItems: \"center\",\n    height: \"100%\"\n});\n\nexport const gridNoPaddingClass = css({\n    padding: \"0px !important\"\n});\n\ninterface PermissionInfoProps {\n    title: string;\n}\nexport const PermissionInfo: React.FC<PermissionInfoProps> = ({ title }) => (\n    <div className={flexClass}>\n        <Typography use={\"subtitle2\"}>{title}</Typography>\n    </div>\n);\n"]}

package/components/Permissions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["Permissions"],"mappings":"AAAA;AACA,SAASA,WAAT","sourcesContent":["export * from \"./StyledComponents\";\nexport { Permissions } from \"./Permissions\";\n"]}

package/components/RichTextEditor/RichTextEditor.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from "react";
 import { RichTextEditorProps } from "@webiny/ui/RichTextEditor";
-export declare const RichTextEditor: (props: RichTextEditorProps) => JSX.Element;
+export declare const RichTextEditor: React.FC<RichTextEditorProps>;

package/components/RichTextEditor/RichTextEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["RichTextEditor.tsx"],"names":["React","RichTextEditor","UiRichTextEditor","FileManager","props","showFileManager","placeholder","context"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,cAAc,IAAIC,gBAA3B,QAAwE,2BAAxE;AACA,SAASC,WAAT;AAEA,OAAO,IAAMF,cAA6C,GAAG,SAAhDA,cAAgD,CAAAG,KAAK,EAAI;AAClE,sBACI,oBAAC,WAAD,QACK;AAAA,QAAGC,eAAH,QAAGA,eAAH;AAAA,wBACG,oBAAC,gBAAD,oBACQD,KADR;AAEI,MAAA,WAAW,EAAEA,KAAK,CAACE,WAAN,IAAqB,oBAFtC;AAGI,MAAA,OAAO,kCAAOF,KAAK,CAACG,OAAb;AAAsBF,QAAAA,eAAe,EAAfA;AAAtB;AAHX,OADH;AAAA,GADL,CADJ;AAWH,CAZM","sourcesContent":["import React from \"react\";\nimport { RichTextEditor as UiRichTextEditor, RichTextEditorProps } from \"@webiny/ui/RichTextEditor\";\nimport { FileManager } from \"../FileManager\";\n\nexport const RichTextEditor: React.FC<RichTextEditorProps> = props => {\n    return (\n        <FileManager>\n            {({ showFileManager }) => (\n                <UiRichTextEditor\n                    {...props}\n                    placeholder={props.placeholder || \"Click here to type\"}\n                    context={{ ...props.context, showFileManager }}\n                />\n            )}\n        </FileManager>\n    );\n};\n"]}

package/components/RichTextEditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["RichTextEditor","createPropsFromConfig"],"mappings":"AAAA,SAASA,cAAT;AACA,SAASC,qBAAT,QAAsC,2BAAtC","sourcesContent":["export { RichTextEditor } from \"./RichTextEditor\";\nexport { createPropsFromConfig } from \"@webiny/ui/RichTextEditor\";\n"]}

package/components/RichTextEditor/tools/header/index.d.ts

@@ -1,21 +1,25 @@
-import { API } from "@editorjs/editorjs";
+import { HTMLPasteEvent } from "@editorjs/editorjs";
 import { TextAlign, Alignment } from "../utils";
-declare type Typography = {
+interface Typography {
     [key: string]: {
         label: string;
         component: string;
         className: string;
     };
-};
-declare type HeaderData = {
+}
+export interface HeaderData {
     text: string;
-    level: any;
-    textAlign: TextAlign;
-};
-declare type HeaderConfig = {
+    level: number;
+    textAlign?: TextAlign;
+    alignment?: Alignment;
+    className?: string;
+}
+interface HeaderConfig {
     levels: number[];
     typography: Typography;
-};
+    placeholder?: string;
+    defaultLevel?: number;
+}
 interface HeaderArgs {
     data: HeaderData;
     config: HeaderConfig;
@@ -23,15 +27,15 @@ interface HeaderArgs {
     readOnly: boolean;
 }
 declare class Header {
-    api: API;
-    readOnly: boolean;
-    settingsButtons: any[];
-    _CSS: any;
-    _settings: any;
-    _data: any;
-    _element: any;
-    alignments: Alignment[];
-    typography: Typography;
+    private readonly api;
+    private readonly readOnly;
+    private readonly settingsButtons;
+    private readonly _CSS;
+    private readonly _settings;
+    private _data;
+    private _element;
+    private readonly alignments;
+    private readonly typography;
     /**
      * Render plugin`s main Element and fill it with saved data
      *
@@ -50,7 +54,7 @@ declare class Header {
      * @returns {HeaderData}
      * @private
      */
-    normalizeData(data: any): any;
+    normalizeData(data: Partial<HeaderData>): HeaderData;
     /**
      * Return Tool's view
      *
@@ -69,13 +73,13 @@ declare class Header {
      *
      * @param {number} level - level to set
      */
-    setLevel(level: any): void;
+    setLevel(level: number): void;
     /**
      * Callback for Block's settings buttons
      *
      * @param {number} alignment - level to set
      */
-    setAlignment(alignment: any): void;
+    setAlignment(alignment: Alignment): void;
     /**
      * Method that specified how to merge two Text blocks.
      * Called by Editor.js by backspace at the beginning of the Block
@@ -83,7 +87,7 @@ declare class Header {
      * @param {HeaderData} data - saved data to merger with current block
      * @public
      */
-    merge(data: any): void;
+    merge(data: HeaderData): void;
     /**
      * Validate Text block data:
      * - check for emptiness
@@ -92,7 +96,7 @@ declare class Header {
      * @returns {boolean} false if saved data is not correct, otherwise true
      * @public
      */
-    validate(blockData: any): boolean;
+    validate(blockData: HeaderData): boolean;
     /**
      * Extract Tool's data from the view
      *
@@ -100,19 +104,14 @@ declare class Header {
      * @returns {HeaderData} - saved data
      * @public
      */
-    save(toolsContent: any): {
-        text: any;
-        level: number;
-        textAlign: TextAlign.START;
-        className: any;
-    };
+    save(toolsContent: HTMLHeadingElement): HeaderData;
     /**
      * Extract textAlign from className
      *
      * @param {string} className - heading element className
      * @returns {TextAlign} textAlign
      */
-    getTextAlign(className: any): TextAlign.START;
+    getTextAlign(className: string): TextAlign;
     /**
      * Allow Header to be converted to/from other blocks
      */
@@ -139,7 +138,7 @@ declare class Header {
      * @returns {HeaderData} Current data
      * @private
      */
-    get data(): any;
+    get data(): HeaderData;
     /**
      * Store data in plugin:
      * - at the this._data property
@@ -148,7 +147,7 @@ declare class Header {
      * @param {HeaderData} data — data to set
      * @private
      */
-    set data(data: any);
+    set data(data: HeaderData);
     /**
      * Get tag for target level
      * By default returns second-leveled header
@@ -201,9 +200,9 @@ declare class Header {
     /**
      * Handle H1-H6 tags on paste to substitute it with header Tool
      *
-     * @param {PasteEvent} event - event with pasted content
+     * @param {HTMLPasteEvent} event - event with pasted content
      */
-    onPaste(event: any): void;
+    onPaste(event: HTMLPasteEvent): void;
     /**
      * Used by Editor.js paste handling API.
      * Provides configuration to handle H1-H6 tags.