@webiny/app-admin 5.23.0 → 5.24.0-beta.0

package/components/AppInstaller/useInstaller.d.ts

@@ -1,11 +1,28 @@
-export declare const useInstaller: ({ isInstalled }: {
-    isInstalled: any;
-}) => {
-    loading: any;
-    installers: any;
-    installer: any;
-    showNextInstaller: () => void;
-    showLogin: any;
+import { AdminInstallationPlugin } from "../../types";
+interface UseInstallerParams {
+    isInstalled: boolean;
+}
+interface SkippingVersionState {
+    current: string;
+    latest: string;
+    availableUpgrades: string[];
+}
+export interface Installer {
+    type: "install" | "upgrade";
+    name: string;
+    title: string;
+    render: AdminInstallationPlugin["render"];
+    installed: string | null;
+    secure?: boolean;
+    plugin: AdminInstallationPlugin;
+}
+export declare const useInstaller: (params: UseInstallerParams) => {
+    loading: boolean;
+    installers: Installer[];
+    installer: Installer;
+    showNextInstaller: () => any;
+    showLogin: boolean;
     onUser: () => void;
-    skippingVersions: any;
+    skippingVersions: SkippingVersionState;
 };
+export {};

package/components/AppInstaller/useInstaller.js

@@ -24,8 +24,8 @@ var Loader = function Loader(_ref) {
   }, /*#__PURE__*/React.cloneElement(children, props));
 };
 
-export var useInstaller = function useInstaller(_ref2) {
-  var isInstalled = _ref2.isInstalled;
+export var useInstaller = function useInstaller(params) {
+  var isInstalled = params.isInstalled;
 
   var _useReducer = useReducer(function (prev, next) {
     return _objectSpread(_objectSpread({}, prev), next);
@@ -34,45 +34,47 @@ export var useInstaller = function useInstaller(_ref2) {
     installers: [],
     installerIndex: -1,
     showLogin: false,
-    skippingVersions: false
+    skippingVersions: null
   }),
       _useReducer2 = _slicedToArray(_useReducer, 2),
-      _useReducer2$ = _useReducer2[0],
-      loading = _useReducer2$.loading,
-      installers = _useReducer2$.installers,
-      installerIndex = _useReducer2$.installerIndex,
-      showLogin = _useReducer2$.showLogin,
-      skippingVersions = _useReducer2$.skippingVersions,
+      state = _useReducer2[0],
       setState = _useReducer2[1];
 
+  var loading = state.loading,
+      installers = state.installers,
+      installerIndex = state.installerIndex,
+      showLogin = state.showLogin,
+      skippingVersions = state.skippingVersions;
   var client = useApolloClient();
 
   var validateGraph = function validateGraph(graph) {
     var isAcyclic = alg.isAcyclic(graph);
 
-    if (!isAcyclic) {
-      var cycles = alg.findCycles(graph);
-      var msg = ["Your installers have circular dependencies:"];
-      cycles.forEach(function (cycle, index) {
-        var fromAToB = cycle.join(" --> ");
-        fromAToB = "".concat(index + 1, ". ").concat(fromAToB);
-        var fromBToA = cycle.reverse().join(" <-- ");
-        var padLength = fromAToB.length + 4;
-        msg.push(fromAToB.padStart(padLength));
-        msg.push(fromBToA.padStart(padLength));
-      }, cycles);
-      throw new Error(msg.join("\n"));
+    if (isAcyclic) {
+      return;
     }
+
+    var cycles = alg.findCycles(graph);
+    var msg = ["Your installers have circular dependencies:"];
+    cycles.forEach(function (cycle, index) {
+      var fromAToB = cycle.join(" --> ");
+      fromAToB = "".concat(index + 1, ". ").concat(fromAToB);
+      var fromBToA = cycle.reverse().join(" <-- ");
+      var padLength = fromAToB.length + 4;
+      msg.push(fromAToB.padStart(padLength));
+      msg.push(fromBToA.padStart(padLength));
+    }, cycles);
+    throw new Error(msg.join("\n"));
   };
 
   var createGraph = function createGraph(installers) {
     var graph = new Graph();
-    installers.forEach(function (_ref3) {
-      var plugin = _ref3.plugin;
+    installers.forEach(function (_ref2) {
+      var plugin = _ref2.plugin;
       graph.setNode(plugin.name, plugin);
     });
-    installers.forEach(function (_ref4) {
-      var pl = _ref4.plugin;
+    installers.forEach(function (_ref3) {
+      var pl = _ref3.plugin;
 
       if (Array.isArray(pl.dependencies)) {
         pl.dependencies.forEach(function (dep) {
@@ -107,12 +109,13 @@ export var useInstaller = function useInstaller(_ref2) {
           title: installer.plugin.title,
           render: installer.plugin.render,
           secure: installer.plugin.secure,
-          installed: false
+          installed: null,
+          plugin: installer.plugin
         });
       } else {
         var wbyVersion = appConfig.getKey("WEBINY_VERSION", process.env.REACT_APP_WEBINY_VERSION);
-        var upgrades = (installer.plugin.upgrades || []).filter(function (_ref5) {
-          var version = _ref5.version;
+        var upgrades = (installer.plugin.upgrades || []).filter(function (_ref4) {
+          var version = _ref4.version;
           // TODO use coerce
           return lte(version, wbyVersion) && gt(version, installer.installed);
         });
@@ -135,9 +138,10 @@ export var useInstaller = function useInstaller(_ref2) {
             name: "".concat(installer.plugin.name, "-upgrade"),
             title: installer.plugin.title,
             secure: true,
-            installed: false,
-            render: function render(_ref6) {
-              var onInstalled = _ref6.onInstalled;
+            installed: null,
+            plugin: installer.plugin,
+            render: function render(_ref5) {
+              var onInstalled = _ref5.onInstalled;
               var Component = upgrades[0].getComponent();
               return /*#__PURE__*/React.createElement(Loader, null, /*#__PURE__*/React.createElement(Component, {
                 onInstalled: onInstalled
@@ -170,10 +174,14 @@ export var useInstaller = function useInstaller(_ref2) {
       showLogin: false
     });
   };
+  /**
+   * If set to anything else, it breaks in AppInstaller.tsx
+   */
+
 
   var showNextInstaller = function showNextInstaller() {
     var prevInstaller = installers[installerIndex];
-    installers[installerIndex].installed = true;
+    installers[installerIndex].installed = appConfig.getKey("WEBINY_VERSION", process.env.REACT_APP_WEBINY_VERSION);
     setState({
       installers: installers
     });
@@ -220,7 +228,7 @@ export var useInstaller = function useInstaller(_ref2) {
               allInstallers = [];
               _context2.next = 5;
               return Promise.all(plugins.byType("admin-installation").map( /*#__PURE__*/function () {
-                var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(pl) {
+                var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(pl) {
                   var installed;
                   return _regeneratorRuntime.wrap(function _callee$(_context) {
                     while (1) {
@@ -247,7 +255,7 @@ export var useInstaller = function useInstaller(_ref2) {
                 }));
 
                 return function (_x) {
-                  return _ref8.apply(this, arguments);
+                  return _ref7.apply(this, arguments);
                 };
               }()));
 

package/components/EmptyView.d.ts

@@ -1,8 +1,8 @@
-import { ReactElement } from "react";
-export declare type EmptyViewProps = {
+import React, { ReactElement } from "react";
+export interface EmptyViewProps {
     icon?: ReactElement;
     title: string;
     action: ReactElement;
-};
-declare const EmptyView: ({ icon, title, action }: EmptyViewProps) => JSX.Element;
+}
+declare const EmptyView: React.FC<EmptyViewProps>;
 export default EmptyView;

package/components/FileManager/BottomInfoBar/SupportedFileTypes.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
-declare const SupportedFileTypes: ({ accept }: {
-    accept: any;
-}) => JSX.Element;
+import React from "react";
+export interface SupportedFileTypesProps {
+    accept: string[];
+}
+declare const SupportedFileTypes: React.FC<SupportedFileTypesProps>;
 export default SupportedFileTypes;

package/components/FileManager/BottomInfoBar/SupportedFileTypes.js

@@ -13,7 +13,8 @@ mime.define({
 var getUniqueFilePlugins = function getUniqueFilePlugins(accept) {
   var exts = {};
   accept.forEach(function (item) {
-    exts[mime.getExtension(item)] = true;
+    var ext = mime.getExtension(item);
+    exts[ext] = true;
   });
   return Object.keys(exts);
 };

package/components/FileManager/BottomInfoBar/UploadStatus.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
-declare const UploadStatus: ({ uploading }: {
-    uploading: any;
-}) => JSX.Element;
+import React from "react";
+export interface UploadStatusProps {
+    uploading: boolean;
+}
+declare const UploadStatus: React.FC<UploadStatusProps>;
 export default UploadStatus;

package/components/FileManager/BottomInfoBar.d.ts

@@ -1,3 +1,5 @@
-/// <reference types="react" />
-declare const BottomInfoBar: (props: any) => JSX.Element;
+import React from "react";
+import { SupportedFileTypesProps } from "./BottomInfoBar/SupportedFileTypes";
+import { UploadStatusProps } from "./BottomInfoBar/UploadStatus";
+declare const BottomInfoBar: React.FC<SupportedFileTypesProps & UploadStatusProps>;
 export default BottomInfoBar;

package/components/FileManager/DropFilesHere.d.ts

@@ -1,8 +1,9 @@
 import React from "react";
-export declare type DropFilesHereProps = {
+export interface DropFilesHereProps {
     onDragLeave?: (event?: React.DragEvent<HTMLElement>) => void;
     onDrop?: (event?: React.DragEvent<HTMLElement>) => void;
     empty?: boolean;
     onClick?: (event?: React.MouseEvent<HTMLElement>) => void;
-};
-export default function DropFilesHere({ onDrop, onDragLeave, empty, onClick }: DropFilesHereProps): JSX.Element;
+}
+declare const DropFilesHere: React.FC<DropFilesHereProps>;
+export default DropFilesHere;

package/components/FileManager/DropFilesHere.js

@@ -40,7 +40,8 @@ var styles = /*#__PURE__*/css({
     }
   }
 }, "label:styles;");
-export default function DropFilesHere(_ref) {
+
+var DropFilesHere = function DropFilesHere(_ref) {
   var onDrop = _ref.onDrop,
       onDragLeave = _ref.onDragLeave,
       empty = _ref.empty,
@@ -55,4 +56,6 @@ export default function DropFilesHere(_ref) {
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Icon, {
     icon: /*#__PURE__*/React.createElement(UploadIcon, null)
   }), /*#__PURE__*/React.createElement("div", null, "Drop files here"))));
-}
+};
+
+export default DropFilesHere;

package/components/FileManager/File.d.ts

@@ -1,18 +1,17 @@
+/// <reference types="react-butterfiles" />
 import React from "react";
-declare type Props = {
-    file: {
-        [key: string]: any;
-    };
+export interface FileProps {
+    file: FileItem;
     selected: boolean;
-    uploadFile: Function;
+    uploadFile: (item: FileItem[] | FileItem) => Promise<number | null>;
     onSelect: (event?: React.MouseEvent) => void;
-    onClick: (event?: React.MouseEvent) => void;
+    onClick?: (event?: React.MouseEvent) => void;
     options?: Array<{
         label: string;
         onClick: (file: Object) => void;
     }>;
     children: React.ReactNode;
     showFileDetails: (event?: React.MouseEvent) => void;
-};
-declare const _default: React.NamedExoticComponent<Props>;
+}
+declare const _default: React.NamedExoticComponent<FileProps>;
 export default _default;

package/components/FileManager/File.js

@@ -1,4 +1,9 @@
 import React from "react";
+/**
+ * Package react-lazy-load has no types.
+ */
+// @ts-ignore
+
 import LazyLoad from "react-lazy-load";
 import classNames from "classnames";
 import { css, keyframes } from "emotion";
@@ -82,7 +87,8 @@ var styles = /*#__PURE__*/css({
     cursor: "auto"
   }
 }, "label:styles;");
-export default /*#__PURE__*/React.memo(function File(props) {
+
+var File = function File(props) {
   var file = props.file,
       selected = props.selected,
       onSelect = props.onSelect,
@@ -116,12 +122,12 @@ export default /*#__PURE__*/React.memo(function File(props) {
     className: "label",
     onClick: onSelect
   }, file.name));
-}, function (prev, next) {
+};
+
+export default /*#__PURE__*/React.memo(File, function (prev, next) {
   if (prev.selected !== next.selected) {
     return false;
-  }
-
-  if (prev.file.name !== next.file.name) {
+  } else if (prev.file.name !== next.file.name) {
     return false;
   }
 

package/components/FileManager/FileDetails/Name.d.ts

@@ -1,6 +1,8 @@
-/// <reference types="react" />
-declare function Name({ file, canEdit }: {
-    file: any;
-    canEdit: any;
-}): JSX.Element;
+import React from "react";
+import { FileItem } from "../types";
+interface NameProps {
+    file: FileItem;
+    canEdit: (file: FileItem) => boolean;
+}
+declare const Name: React.FC<NameProps>;
 export default Name;

package/components/FileManager/FileDetails/Name.js

@@ -11,7 +11,7 @@ import { useSnackbar } from "../../../hooks/useSnackbar";
 import { UPDATE_FILE, LIST_FILES } from "./../graphql";
 import { useFileManager } from "./../FileManagerContext";
 
-function Name(_ref) {
+var Name = function Name(_ref) {
   var file = _ref.file,
       canEdit = _ref.canEdit;
   var name = file.name || "";
@@ -108,6 +108,6 @@ function Name(_ref) {
     });
   }, [name, file.name, canEdit]);
   return /*#__PURE__*/React.createElement("li-content", null, editContent);
-}
+};
 
 export default Name;

package/components/FileManager/FileDetails/Tags.d.ts

@@ -1,6 +1,8 @@
-/// <reference types="react" />
-declare function Tags({ file, canEdit }: {
-    file: any;
-    canEdit: any;
-}): JSX.Element;
+import React from "react";
+import { FileItem } from "../types";
+interface TagsProps {
+    file: FileItem;
+    canEdit: (file: FileItem) => boolean;
+}
+declare const Tags: React.FC<TagsProps>;
 export default Tags;

package/components/FileManager/FileDetails/Tags.js

@@ -49,7 +49,7 @@ var actionWrapperStyle = /*#__PURE__*/css({
   }
 }, "label:actionWrapperStyle;");
 
-function Tags(_ref) {
+var Tags = function Tags(_ref) {
   var file = _ref.file,
       canEdit = _ref.canEdit;
   var client = useApolloClient();
@@ -205,6 +205,8 @@ function Tags(_ref) {
       className: "list-item__icon",
       icon: /*#__PURE__*/React.createElement(LabelIcon, null)
     }), renderHeaderContent({
+      // TODO @ts-refactor
+      // @ts-ignore
       data: data
     })), editing && /*#__PURE__*/React.createElement("li-content", null, /*#__PURE__*/React.createElement(Bind, {
       name: "tags",
@@ -236,6 +238,6 @@ function Tags(_ref) {
       }
     }, "Cancel"))));
   });
-}
+};
 
 export default Tags;

package/components/FileManager/FileDetails.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import { FileItem } from "./types";
 declare global {
     namespace JSX {
         interface IntrinsicElements {
@@ -11,13 +12,10 @@ declare global {
         }
     }
 }
-declare type FileDetailsProps = {
+interface FileDetailsProps {
     canEdit: (item: any) => boolean;
-    file: {
-        name: string;
-        [key: string]: any;
-    };
+    file: FileItem;
     [key: string]: any;
-};
-export default function FileDetails(props: FileDetailsProps): JSX.Element;
-export {};
+}
+declare const FileDetails: React.FC<FileDetailsProps>;
+export default FileDetails;

package/components/FileManager/FileDetails.js

@@ -21,6 +21,11 @@ import Name from "./FileDetails/Name";
 import { Tooltip } from "@webiny/ui/Tooltip";
 import { Icon } from "@webiny/ui/Icon";
 import { Typography } from "@webiny/ui/Typography";
+/**
+ * Package react-hotkeyz has no types.
+ */
+// @ts-ignore
+
 import { useHotkeys } from "react-hotkeyz";
 import { ReactComponent as CopyContentIcon } from "./icons/content_copy-black-24px.svg";
 import { ReactComponent as DeleteIcon } from "./icons/delete.svg";
@@ -140,7 +145,7 @@ var isImage = function isImage(file) {
   return false;
 };
 
-export default function FileDetails(props) {
+var FileDetails = function FileDetails(props) {
   var file = props.file,
       uploadFile = props.uploadFile,
       validateFiles = props.validateFiles;
@@ -334,6 +339,11 @@ export default function FileDetails(props) {
       dark: darkImageBackground
     })
   }, filePlugin.render({
+    /**
+     * TODO: @ts-refactor
+     * Figure out which type is the file
+     */
+    // @ts-ignore
     file: file,
     uploadFile: uploadFile,
     validateFiles: validateFiles
@@ -389,4 +399,6 @@ export default function FileDetails(props) {
   }, dayjs(file.createdOn).format("DD MMM YYYY [at] HH:mm"))))), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Tags, Object.assign({
     key: props.file.id
   }, props)))))));
-}
+};
+
+export default FileDetails;

package/components/FileManager/FileManagerContext.d.ts

@@ -1,20 +1,23 @@
-/// <reference types="react" />
-declare function FileManagerProvider({ children, ...props }: {
-    [x: string]: any;
-    children: any;
-}): JSX.Element;
+import React from "react";
+import { FileItem } from "./types";
+interface StateQueryParams {
+    types: string[];
+    limit: number;
+    sort: number;
+}
+declare const FileManagerProvider: React.FC;
 declare function useFileManager(): {
     selected: any;
-    toggleSelected(file: any): void;
+    toggleSelected(file: FileItem): void;
     hasPreviouslyUploadedFiles: any;
-    setHasPreviouslyUploadedFiles(hasPreviouslyUploadedFiles: any): void;
+    setHasPreviouslyUploadedFiles(hasPreviouslyUploadedFiles: boolean): void;
     queryParams: any;
-    setQueryParams(queryParams: any): void;
+    setQueryParams(queryParams: StateQueryParams): void;
     setDragging(state?: boolean): void;
     dragging: any;
     setUploading(state?: boolean): void;
     uploading: any;
-    showFileDetails(src: any): void;
+    showFileDetails(src: string): void;
     hideFileDetails(): void;
     showingFileDetails: any;
     state: any;

package/components/FileManager/FileManagerContext.js

@@ -12,7 +12,7 @@ var ListFilesSort;
   ListFilesSort[ListFilesSort["SIZE_DESC"] = 3] = "SIZE_DESC";
 })(ListFilesSort || (ListFilesSort = {}));
 
-function init(_ref) {
+var init = function init(_ref) {
   var accept = _ref.accept;
   return {
     showingFileDetails: null,
@@ -22,11 +22,13 @@ function init(_ref) {
       types: accept,
       limit: 50,
       sort: ListFilesSort.CREATED_ON_DESC
-    }
+    },
+    dragging: false,
+    uploading: false
   };
-}
+};
 
-function fileManagerReducer(state, action) {
+var fileManagerReducer = function fileManagerReducer(state, action) {
   var next = _objectSpread({}, state);
 
   switch (action.type) {
@@ -82,11 +84,11 @@ function fileManagerReducer(state, action) {
   }
 
   return next;
-}
+};
 
 var FileManagerContext = /*#__PURE__*/React.createContext({});
 
-function FileManagerProvider(_ref2) {
+var FileManagerProvider = function FileManagerProvider(_ref2) {
   var children = _ref2.children,
       props = _objectWithoutProperties(_ref2, _excluded);
 
@@ -104,7 +106,7 @@ function FileManagerProvider(_ref2) {
   return /*#__PURE__*/React.createElement(FileManagerContext.Provider, Object.assign({
     value: value
   }, props), children);
-}
+};
 
 function useFileManager() {
   var context = React.useContext(FileManagerContext);

package/components/FileManager/FileManagerView.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { FilesRules } from "react-butterfiles";
 declare type FileManagerViewProps = {
     onChange: Function;
@@ -11,13 +11,5 @@ declare type FileManagerViewProps = {
     multipleMaxSize: number | string;
     onUploadCompletion?: Function;
 };
-declare function FileManagerView(props: FileManagerViewProps): JSX.Element;
-declare namespace FileManagerView {
-    var defaultProps: {
-        multiple: boolean;
-        maxSize: string;
-        multipleMaxSize: string;
-        multipleMaxCount: number;
-    };
-}
+declare const FileManagerView: React.FC<FileManagerViewProps>;
 export default FileManagerView;

package/components/FileManager/FileManagerView.js

@@ -32,6 +32,11 @@ import { Scrollbar } from "@webiny/ui/Scrollbar";
 import { CircularProgress } from "@webiny/ui/Progress";
 import { i18n } from "@webiny/app/i18n";
 import { useSecurity } from "@webiny/app-security";
+/**
+ * Package react-hotkeyz is missing types.
+ */
+// @ts-ignore
+
 import { useHotkeys } from "react-hotkeyz";
 import { useFileManager } from "./FileManagerContext";
 import { ReactComponent as SearchIcon } from "./icons/round-search-24px.svg";
@@ -111,15 +116,19 @@ var FileList = /*#__PURE__*/styled("div", {
   marginBottom: 95
 });
 
-function renderFile(props) {
+var renderFile = function renderFile(props) {
   var file = props.file;
   var plugin = getFileTypePlugin(file);
   return /*#__PURE__*/React.createElement(File, Object.assign({}, props, {
     key: file.id
   }), plugin.render({
+    /**
+     * TODO @ts-refactor
+     */
+    // @ts-ignore
     file: file
   }));
-}
+};
 
 var renderEmpty = function renderEmpty(_ref) {
   var hasPreviouslyUploadedFiles = _ref.hasPreviouslyUploadedFiles,
@@ -136,11 +145,13 @@ var renderEmpty = function renderEmpty(_ref) {
 
   return /*#__PURE__*/React.createElement(DropFilesHere, {
     empty: true,
-    onClick: browseFiles
+    onClick: function onClick() {
+      return browseFiles();
+    }
   });
 };
 
-function FileManagerView(props) {
+var FileManagerView = function FileManagerView(props) {
   var onClose = props.onClose,
       onChange = props.onChange,
       accept = props.accept,
@@ -284,7 +295,7 @@ function FileManagerView(props) {
     });
   };
 
-  var getFileDetailsFile = useCallback(function getFileDetailsFile(_ref4) {
+  var getFileDetailsFile = useCallback(function (_ref4) {
     var src = _ref4.src,
         list = _ref4.list;
     return list.find(function (item) {
@@ -429,7 +440,7 @@ function FileManagerView(props) {
                   return /*#__PURE__*/React.createElement("li", {
                     key: file.name
                   }, /*#__PURE__*/React.createElement("strong", null, file.name), ": ", getFileUploadErrorMessage(e));
-                }))));
+                })))); // TODO @ts-refactor
               }, 750));
 
             case 10:
@@ -445,7 +456,7 @@ function FileManagerView(props) {
 
               return _context3.abrupt("return", setTimeout(function () {
                 onUploadCompletion(uploadedFiles);
-                onClose();
+                onClose(); // TODO @ts-refactor
               }, 750));
 
             case 13:
@@ -626,7 +637,7 @@ function FileManagerView(props) {
       uploading: uploading
     }))));
   });
-}
+};
 
 FileManagerView.defaultProps = {
   multiple: false,