@webiny/app-file-manager 5.43.3 → 6.0.0-alpha.1

package/modules/Settings/views/FileManagerSettings.js

@@ -1,119 +1,106 @@
-"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.FileManagerSettings = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var React = _interopRequireWildcard(require("react"));
-var _form = require("@webiny/form");
-var _Grid = require("@webiny/ui/Grid");
-var _Button = require("@webiny/ui/Button");
-var _reactComponents = require("@apollo/react-components");
-var _useSnackbar2 = require("@webiny/app-admin/hooks/useSnackbar");
-var _Input = require("@webiny/ui/Input");
-var _graphql = _interopRequireDefault(require("../graphql"));
-var _Progress = require("@webiny/ui/Progress");
-var _get = _interopRequireDefault(require("lodash/get"));
-var _validation = require("@webiny/validation");
-var _SimpleForm = require("@webiny/app-admin/components/SimpleForm");
-var _appAdmin = require("@webiny/app-admin");
+import * as React from "react";
+import { Button, Grid, Input, OverlayLoader } from "@webiny/admin-ui";
+import { Form } from "@webiny/form";
+import { Mutation, Query } from "@apollo/react-components";
+import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
+import graphql from "../graphql";
+import get from "lodash/get";
+import { validation } from "@webiny/validation";
+import { SimpleForm, SimpleFormContent, SimpleFormFooter, SimpleFormHeader } from "@webiny/app-admin/components/SimpleForm";
+import { CenteredView } from "@webiny/app-admin";
 function prefixValidator(value) {
   if (!value.endsWith("/files/")) {
-    throw Error("File URL prefix must end with \"/files/\"");
+    throw Error(`File URL prefix must end with "/files/"`);
   }
 }
-var FileManagerSettings = exports.FileManagerSettings = function FileManagerSettings() {
-  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
-    showSnackbar = _useSnackbar.showSnackbar;
-  return /*#__PURE__*/React.createElement(_reactComponents.Query, {
-    query: _graphql.default.GET_SETTINGS
-  }, function (_ref) {
-    var data = _ref.data,
-      queryInProgress = _ref.loading;
-    return /*#__PURE__*/React.createElement(_reactComponents.Mutation, {
-      mutation: _graphql.default.UPDATE_SETTINGS
-    }, function (update, result) {
-      var settings = (0, _get.default)(data, "fileManager.getSettings.data") || {};
-      var mutationInProgress = result.loading;
-      var _onSubmit = async function onSubmit(data) {
-        await update({
-          variables: {
-            data: {
-              uploadMinFileSize: parseFloat(data.uploadMinFileSize),
-              uploadMaxFileSize: parseFloat(data.uploadMaxFileSize),
-              srcPrefix: data.srcPrefix
-            }
-          },
-          update: function update(cache, result) {
-            var data = structuredClone(cache.readQuery({
-              query: _graphql.default.GET_SETTINGS
-            }));
-            if (!data) {
-              return;
-            }
-            data.fileManager.getSettings.data = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data.fileManager.getSettings.data), result.data.fileManager.updateSettings.data);
-            cache.writeQuery({
-              query: _graphql.default.GET_SETTINGS,
-              data: data
-            });
+export const FileManagerSettings = () => {
+  const {
+    showSnackbar
+  } = useSnackbar();
+  return /*#__PURE__*/React.createElement(Query, {
+    query: graphql.GET_SETTINGS
+  }, ({
+    data,
+    loading: queryInProgress
+  }) => /*#__PURE__*/React.createElement(Mutation, {
+    mutation: graphql.UPDATE_SETTINGS
+  }, (update, result) => {
+    const settings = get(data, "fileManager.getSettings.data") || {};
+    const {
+      loading: mutationInProgress
+    } = result;
+    const onSubmit = async data => {
+      await update({
+        variables: {
+          data: {
+            uploadMinFileSize: parseFloat(data.uploadMinFileSize),
+            uploadMaxFileSize: parseFloat(data.uploadMaxFileSize),
+            srcPrefix: data.srcPrefix
           }
-        });
-        showSnackbar("Settings updated successfully.");
-      };
-      return /*#__PURE__*/React.createElement(_appAdmin.CenteredView, null, /*#__PURE__*/React.createElement(_form.Form, {
-        data: settings,
-        onSubmit: function onSubmit(data) {
-          /**
-           * We are positive that data is Settings.
-           */
-          _onSubmit(data);
-        }
-      }, function (_ref2) {
-        var Bind = _ref2.Bind,
-          form = _ref2.form;
-        return /*#__PURE__*/React.createElement(_SimpleForm.SimpleForm, null, (queryInProgress || mutationInProgress) && /*#__PURE__*/React.createElement(_Progress.CircularProgress, null), /*#__PURE__*/React.createElement(_SimpleForm.SimpleFormHeader, {
-          title: "General Settings"
-        }), /*#__PURE__*/React.createElement(_SimpleForm.SimpleFormContent, null, /*#__PURE__*/React.createElement(_Grid.Grid, null, /*#__PURE__*/React.createElement(_Grid.Cell, {
-          span: 12
-        }, /*#__PURE__*/React.createElement(_Grid.Grid, null, /*#__PURE__*/React.createElement(_Grid.Cell, {
-          span: 12
-        }, /*#__PURE__*/React.createElement(Bind, {
-          name: "uploadMinFileSize"
-        }, /*#__PURE__*/React.createElement(_Input.Input, {
-          type: "number",
-          label: "Minimum file upload size",
-          description: "The smallest file size in bytes."
-        }))))), /*#__PURE__*/React.createElement(_Grid.Cell, {
-          span: 12
-        }, /*#__PURE__*/React.createElement(_Grid.Grid, null, /*#__PURE__*/React.createElement(_Grid.Cell, {
-          span: 12
-        }, /*#__PURE__*/React.createElement(Bind, {
-          name: "uploadMaxFileSize"
-        }, /*#__PURE__*/React.createElement(_Input.Input, {
-          type: "number",
-          label: "Maximum file upload size",
-          description: "The largest file size in bytes."
-        }))))), /*#__PURE__*/React.createElement(_Grid.Cell, {
-          span: 12
-        }, /*#__PURE__*/React.createElement(_Grid.Grid, null, /*#__PURE__*/React.createElement(_Grid.Cell, {
-          span: 12
-        }, /*#__PURE__*/React.createElement(Bind, {
-          name: "srcPrefix",
-          validators: [_validation.validation.create("url"), prefixValidator]
-        }, /*#__PURE__*/React.createElement(_Input.Input, {
-          label: "File URL prefix",
-          description: "This prefix will be prepended to the file key to form the full file URL."
-        }))))))), /*#__PURE__*/React.createElement(_SimpleForm.SimpleFormFooter, null, /*#__PURE__*/React.createElement(_Button.ButtonPrimary, {
-          onClick: function onClick(ev) {
-            form.submit(ev);
+        },
+        update: (cache, result) => {
+          const data = structuredClone(cache.readQuery({
+            query: graphql.GET_SETTINGS
+          }));
+          if (!data) {
+            return;
           }
-        }, "Save Settings")));
-      }));
-    });
-  });
+          data.fileManager.getSettings.data = {
+            ...data.fileManager.getSettings.data,
+            ...result.data.fileManager.updateSettings.data
+          };
+          cache.writeQuery({
+            query: graphql.GET_SETTINGS,
+            data
+          });
+        }
+      });
+      showSnackbar("Settings updated successfully.");
+    };
+    return /*#__PURE__*/React.createElement(CenteredView, null, /*#__PURE__*/React.createElement(Form, {
+      data: settings,
+      onSubmit: data => {
+        /**
+         * We are positive that data is Settings.
+         */
+        onSubmit(data);
+      }
+    }, ({
+      Bind,
+      form
+    }) => /*#__PURE__*/React.createElement(SimpleForm, null, (queryInProgress || mutationInProgress) && /*#__PURE__*/React.createElement(OverlayLoader, null), /*#__PURE__*/React.createElement(SimpleFormHeader, {
+      title: "General Settings"
+    }), /*#__PURE__*/React.createElement(SimpleFormContent, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
+      span: 12
+    }, /*#__PURE__*/React.createElement(Bind, {
+      name: "uploadMinFileSize"
+    }, /*#__PURE__*/React.createElement(Input, {
+      type: "number",
+      label: "Minimum file upload size",
+      description: "The smallest file size in bytes."
+    }))), /*#__PURE__*/React.createElement(Grid.Column, {
+      span: 12
+    }, /*#__PURE__*/React.createElement(Bind, {
+      name: "uploadMaxFileSize"
+    }, /*#__PURE__*/React.createElement(Input, {
+      type: "number",
+      label: "Maximum file upload size",
+      description: "The largest file size in bytes."
+    }))), /*#__PURE__*/React.createElement(Grid.Column, {
+      span: 12
+    }, /*#__PURE__*/React.createElement(Bind, {
+      name: "srcPrefix",
+      validators: [validation.create("url"), prefixValidator]
+    }, /*#__PURE__*/React.createElement(Input, {
+      label: "File URL prefix",
+      description: "This prefix will be prepended to the file key to form the full file URL."
+    }))))), /*#__PURE__*/React.createElement(SimpleFormFooter, null, /*#__PURE__*/React.createElement(Button, {
+      text: "Save settings",
+      onClick: ev => {
+        form.submit(ev);
+      }
+    })))));
+  }));
 };
 
 //# sourceMappingURL=FileManagerSettings.js.map

package/modules/Settings/views/FileManagerSettings.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_form","_Grid","_Button","_reactComponents","_useSnackbar2","_Input","_graphql","_interopRequireDefault","_Progress","_get","_validation","_SimpleForm","_appAdmin","prefixValidator","value","endsWith","Error","FileManagerSettings","exports","_useSnackbar","useSnackbar","showSnackbar","createElement","Query","query","graphql","GET_SETTINGS","_ref","data","queryInProgress","loading","Mutation","mutation","UPDATE_SETTINGS","update","result","settings","get","mutationInProgress","onSubmit","variables","uploadMinFileSize","parseFloat","uploadMaxFileSize","srcPrefix","cache","structuredClone","readQuery","fileManager","getSettings","_objectSpread2","default","updateSettings","writeQuery","CenteredView","Form","_ref2","Bind","form","SimpleForm","CircularProgress","SimpleFormHeader","title","SimpleFormContent","Grid","Cell","span","name","Input","type","label","description","validators","validation","create","SimpleFormFooter","ButtonPrimary","onClick","ev","submit"],"sources":["FileManagerSettings.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Form } from \"@webiny/form\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport { Mutation, Query } from \"@apollo/react-components\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { Input } from \"@webiny/ui/Input\";\nimport graphql, { GetSettingsResponse } from \"../graphql\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport get from \"lodash/get\";\nimport { validation } from \"@webiny/validation\";\n\nimport {\n    SimpleForm,\n    SimpleFormContent,\n    SimpleFormFooter,\n    SimpleFormHeader\n} from \"@webiny/app-admin/components/SimpleForm\";\nimport { CenteredView } from \"@webiny/app-admin\";\nimport { QueryGetSettingsResult, Settings } from \"~/types\";\nimport { MutationFunction, MutationResult } from \"@apollo/react-common\";\n\nfunction prefixValidator(value: string) {\n    if (!value.endsWith(\"/files/\")) {\n        throw Error(`File URL prefix must end with \"/files/\"`);\n    }\n}\n\nexport const FileManagerSettings = () => {\n    const { showSnackbar } = useSnackbar();\n\n    return (\n        <Query query={graphql.GET_SETTINGS}>\n            {({ data, loading: queryInProgress }: MutationResult<QueryGetSettingsResult>) => (\n                <Mutation mutation={graphql.UPDATE_SETTINGS}>\n                    {(update: MutationFunction, result: MutationResult) => {\n                        const settings = (get(data, \"fileManager.getSettings.data\") ||\n                            {}) as Settings;\n                        const { loading: mutationInProgress } = result;\n\n                        const onSubmit = async (data: Settings): Promise<void> => {\n                            await update({\n                                variables: {\n                                    data: {\n                                        uploadMinFileSize: parseFloat(data.uploadMinFileSize),\n                                        uploadMaxFileSize: parseFloat(data.uploadMaxFileSize),\n                                        srcPrefix: data.srcPrefix\n                                    }\n                                },\n                                update: (cache, result) => {\n                                    const data = structuredClone(\n                                        cache.readQuery<GetSettingsResponse>({\n                                            query: graphql.GET_SETTINGS\n                                        })\n                                    );\n                                    if (!data) {\n                                        return;\n                                    }\n\n                                    data.fileManager.getSettings.data = {\n                                        ...data.fileManager.getSettings.data,\n                                        ...result.data.fileManager.updateSettings.data\n                                    };\n\n                                    cache.writeQuery({\n                                        query: graphql.GET_SETTINGS,\n                                        data\n                                    });\n                                }\n                            });\n                            showSnackbar(\"Settings updated successfully.\");\n                        };\n                        return (\n                            <CenteredView>\n                                <Form\n                                    data={settings}\n                                    onSubmit={data => {\n                                        /**\n                                         * We are positive that data is Settings.\n                                         */\n                                        onSubmit(data as unknown as Settings);\n                                    }}\n                                >\n                                    {({ Bind, form }) => (\n                                        <SimpleForm>\n                                            {(queryInProgress || mutationInProgress) && (\n                                                <CircularProgress />\n                                            )}\n                                            <SimpleFormHeader title=\"General Settings\" />\n                                            <SimpleFormContent>\n                                                <Grid>\n                                                    <Cell span={12}>\n                                                        <Grid>\n                                                            <Cell span={12}>\n                                                                <Bind name={\"uploadMinFileSize\"}>\n                                                                    <Input\n                                                                        type=\"number\"\n                                                                        label=\"Minimum file upload size\"\n                                                                        description=\"The smallest file size in bytes.\"\n                                                                    />\n                                                                </Bind>\n                                                            </Cell>\n                                                        </Grid>\n                                                    </Cell>\n                                                    <Cell span={12}>\n                                                        <Grid>\n                                                            <Cell span={12}>\n                                                                <Bind name={\"uploadMaxFileSize\"}>\n                                                                    <Input\n                                                                        type=\"number\"\n                                                                        label=\"Maximum file upload size\"\n                                                                        description=\"The largest file size in bytes.\"\n                                                                    />\n                                                                </Bind>\n                                                            </Cell>\n                                                        </Grid>\n                                                    </Cell>\n                                                    <Cell span={12}>\n                                                        <Grid>\n                                                            <Cell span={12}>\n                                                                <Bind\n                                                                    name={\"srcPrefix\"}\n                                                                    validators={[\n                                                                        validation.create(\"url\"),\n                                                                        prefixValidator\n                                                                    ]}\n                                                                >\n                                                                    <Input\n                                                                        label=\"File URL prefix\"\n                                                                        description=\"This prefix will be prepended to the file key to form the full file URL.\"\n                                                                    />\n                                                                </Bind>\n                                                            </Cell>\n                                                        </Grid>\n                                                    </Cell>\n                                                </Grid>\n                                            </SimpleFormContent>\n                                            <SimpleFormFooter>\n                                                <ButtonPrimary\n                                                    onClick={ev => {\n                                                        form.submit(ev);\n                                                    }}\n                                                >\n                                                    Save Settings\n                                                </ButtonPrimary>\n                                            </SimpleFormFooter>\n                                        </SimpleForm>\n                                    )}\n                                </Form>\n                            </CenteredView>\n                        );\n                    }}\n                </Mutation>\n            )}\n        </Query>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Button","Grid","Input","OverlayLoader","Form","Mutation","Query","useSnackbar","graphql","get","validation","SimpleForm","SimpleFormContent","SimpleFormFooter","SimpleFormHeader","CenteredView","prefixValidator","value","endsWith","Error","FileManagerSettings","showSnackbar","createElement","query","GET_SETTINGS","data","loading","queryInProgress","mutation","UPDATE_SETTINGS","update","result","settings","mutationInProgress","onSubmit","variables","uploadMinFileSize","parseFloat","uploadMaxFileSize","srcPrefix","cache","structuredClone","readQuery","fileManager","getSettings","updateSettings","writeQuery","Bind","form","title","Column","span","name","type","label","description","validators","create","text","onClick","ev","submit"],"sources":["FileManagerSettings.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Button, Grid, Input, OverlayLoader } from \"@webiny/admin-ui\";\nimport { Form } from \"@webiny/form\";\nimport { Mutation, Query } from \"@apollo/react-components\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport type { GetSettingsResponse } from \"../graphql\";\nimport graphql from \"../graphql\";\nimport get from \"lodash/get\";\nimport { validation } from \"@webiny/validation\";\n\nimport {\n    SimpleForm,\n    SimpleFormContent,\n    SimpleFormFooter,\n    SimpleFormHeader\n} from \"@webiny/app-admin/components/SimpleForm\";\nimport { CenteredView } from \"@webiny/app-admin\";\nimport type { QueryGetSettingsResult, Settings } from \"~/types\";\nimport type { MutationFunction, MutationResult } from \"@apollo/react-common\";\n\nfunction prefixValidator(value: string) {\n    if (!value.endsWith(\"/files/\")) {\n        throw Error(`File URL prefix must end with \"/files/\"`);\n    }\n}\n\nexport const FileManagerSettings = () => {\n    const { showSnackbar } = useSnackbar();\n\n    return (\n        <Query query={graphql.GET_SETTINGS}>\n            {({ data, loading: queryInProgress }: MutationResult<QueryGetSettingsResult>) => (\n                <Mutation mutation={graphql.UPDATE_SETTINGS}>\n                    {(update: MutationFunction, result: MutationResult) => {\n                        const settings = (get(data, \"fileManager.getSettings.data\") ||\n                            {}) as Settings;\n                        const { loading: mutationInProgress } = result;\n\n                        const onSubmit = async (data: Settings): Promise<void> => {\n                            await update({\n                                variables: {\n                                    data: {\n                                        uploadMinFileSize: parseFloat(data.uploadMinFileSize),\n                                        uploadMaxFileSize: parseFloat(data.uploadMaxFileSize),\n                                        srcPrefix: data.srcPrefix\n                                    }\n                                },\n                                update: (cache, result) => {\n                                    const data = structuredClone(\n                                        cache.readQuery<GetSettingsResponse>({\n                                            query: graphql.GET_SETTINGS\n                                        })\n                                    );\n                                    if (!data) {\n                                        return;\n                                    }\n\n                                    data.fileManager.getSettings.data = {\n                                        ...data.fileManager.getSettings.data,\n                                        ...result.data.fileManager.updateSettings.data\n                                    };\n\n                                    cache.writeQuery({\n                                        query: graphql.GET_SETTINGS,\n                                        data\n                                    });\n                                }\n                            });\n                            showSnackbar(\"Settings updated successfully.\");\n                        };\n                        return (\n                            <CenteredView>\n                                <Form\n                                    data={settings}\n                                    onSubmit={data => {\n                                        /**\n                                         * We are positive that data is Settings.\n                                         */\n                                        onSubmit(data as unknown as Settings);\n                                    }}\n                                >\n                                    {({ Bind, form }) => (\n                                        <SimpleForm>\n                                            {(queryInProgress || mutationInProgress) && (\n                                                <OverlayLoader />\n                                            )}\n                                            <SimpleFormHeader title=\"General Settings\" />\n                                            <SimpleFormContent>\n                                                <Grid>\n                                                    <Grid.Column span={12}>\n                                                        <Bind name={\"uploadMinFileSize\"}>\n                                                            <Input\n                                                                type=\"number\"\n                                                                label=\"Minimum file upload size\"\n                                                                description=\"The smallest file size in bytes.\"\n                                                            />\n                                                        </Bind>\n                                                    </Grid.Column>\n                                                    <Grid.Column span={12}>\n                                                        <Bind name={\"uploadMaxFileSize\"}>\n                                                            <Input\n                                                                type=\"number\"\n                                                                label=\"Maximum file upload size\"\n                                                                description=\"The largest file size in bytes.\"\n                                                            />\n                                                        </Bind>\n                                                    </Grid.Column>\n                                                    <Grid.Column span={12}>\n                                                        <Bind\n                                                            name={\"srcPrefix\"}\n                                                            validators={[\n                                                                validation.create(\"url\"),\n                                                                prefixValidator\n                                                            ]}\n                                                        >\n                                                            <Input\n                                                                label=\"File URL prefix\"\n                                                                description=\"This prefix will be prepended to the file key to form the full file URL.\"\n                                                            />\n                                                        </Bind>\n                                                    </Grid.Column>\n                                                </Grid>\n                                            </SimpleFormContent>\n                                            <SimpleFormFooter>\n                                                <Button\n                                                    text={\"Save settings\"}\n                                                    onClick={ev => {\n                                                        form.submit(ev);\n                                                    }}\n                                                />\n                                            </SimpleFormFooter>\n                                        </SimpleForm>\n                                    )}\n                                </Form>\n                            </CenteredView>\n                        );\n                    }}\n                </Mutation>\n            )}\n        </Query>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/modules/ThumbnailRenderers/FilePreviewDefaultRenderer.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare const FilePreviewDefaultRenderer: () => React.JSX.Element;

package/modules/ThumbnailRenderers/FilePreviewDefaultRenderer.js

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { ReactComponent as HideImageIcon } from "@webiny/icons/hide_image.svg";
+export const FilePreviewDefaultRenderer = () => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-fill-neutral-strong"
+  }, /*#__PURE__*/React.createElement(HideImageIcon, {
+    width: 48,
+    height: 48
+  }));
+};
+
+//# sourceMappingURL=FilePreviewDefaultRenderer.js.map

package/modules/ThumbnailRenderers/FilePreviewDefaultRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ReactComponent","HideImageIcon","FilePreviewDefaultRenderer","createElement","className","width","height"],"sources":["FilePreviewDefaultRenderer.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as HideImageIcon } from \"@webiny/icons/hide_image.svg\";\n\nexport const FilePreviewDefaultRenderer = () => {\n    return (\n        <div className={\"wby-fill-neutral-strong\"}>\n            <HideImageIcon width={48} height={48} />\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,cAAc,IAAIC,aAAa,QAAQ,8BAA8B;AAE9E,OAAO,MAAMC,0BAA0B,GAAGA,CAAA,KAAM;EAC5C,oBACIH,KAAA,CAAAI,aAAA;IAAKC,SAAS,EAAE;EAA0B,gBACtCL,KAAA,CAAAI,aAAA,CAACF,aAAa;IAACI,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE;EAAG,CAAE,CACtC,CAAC;AAEd,CAAC","ignoreList":[]}

package/modules/ThumbnailRenderers/FilePreviewImageRenderer.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare const FilePreviewImageRenderer: () => React.JSX.Element;

package/modules/ThumbnailRenderers/FilePreviewImageRenderer.js

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { Image } from "@webiny/app/components";
+import { useFile } from "../../hooks/useFile";
+const width750 = {
+  width: 750
+};
+export const FilePreviewImageRenderer = () => {
+  const {
+    file
+  } = useFile();
+  return /*#__PURE__*/React.createElement(Image, {
+    src: file.src,
+    alt: file.name,
+    transform: width750,
+    className: "wby-object-contain wby-max-w-full wby-max-h-full"
+  });
+};
+
+//# sourceMappingURL=FilePreviewImageRenderer.js.map

package/modules/ThumbnailRenderers/FilePreviewImageRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","useFile","width750","width","FilePreviewImageRenderer","file","createElement","src","alt","name","transform","className"],"sources":["FilePreviewImageRenderer.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Image } from \"@webiny/app/components\";\nimport { useFile } from \"~/hooks/useFile\";\n\nconst width750 = { width: 750 };\n\nexport const FilePreviewImageRenderer = () => {\n    const { file } = useFile();\n    return (\n        <Image\n            src={file.src}\n            alt={file.name}\n            transform={width750}\n            className={\"wby-object-contain wby-max-w-full wby-max-h-full\"}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,OAAO;AAEhB,MAAMC,QAAQ,GAAG;EAAEC,KAAK,EAAE;AAAI,CAAC;AAE/B,OAAO,MAAMC,wBAAwB,GAAGA,CAAA,KAAM;EAC1C,MAAM;IAAEC;EAAK,CAAC,GAAGJ,OAAO,CAAC,CAAC;EAC1B,oBACIF,KAAA,CAAAO,aAAA,CAACN,KAAK;IACFO,GAAG,EAAEF,IAAI,CAACE,GAAI;IACdC,GAAG,EAAEH,IAAI,CAACI,IAAK;IACfC,SAAS,EAAER,QAAS;IACpBS,SAAS,EAAE;EAAmD,CACjE,CAAC;AAEV,CAAC","ignoreList":[]}

package/modules/ThumbnailRenderers/GridItemDefaultRenderer.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare const GridItemDefaultRenderer: () => React.JSX.Element;

package/modules/ThumbnailRenderers/GridItemDefaultRenderer.js

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { ReactComponent as HideImageIcon } from "@webiny/icons/hide_image.svg";
+export const GridItemDefaultRenderer = () => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-fill-neutral-strong"
+  }, /*#__PURE__*/React.createElement(HideImageIcon, {
+    width: 48,
+    height: 48
+  }));
+};
+
+//# sourceMappingURL=GridItemDefaultRenderer.js.map

package/modules/ThumbnailRenderers/GridItemDefaultRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ReactComponent","HideImageIcon","GridItemDefaultRenderer","createElement","className","width","height"],"sources":["GridItemDefaultRenderer.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as HideImageIcon } from \"@webiny/icons/hide_image.svg\";\n\nexport const GridItemDefaultRenderer = () => {\n    return (\n        <div className={\"wby-fill-neutral-strong\"}>\n            <HideImageIcon width={48} height={48} />\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,cAAc,IAAIC,aAAa,QAAQ,8BAA8B;AAE9E,OAAO,MAAMC,uBAAuB,GAAGA,CAAA,KAAM;EACzC,oBACIH,KAAA,CAAAI,aAAA;IAAKC,SAAS,EAAE;EAA0B,gBACtCL,KAAA,CAAAI,aAAA,CAACF,aAAa;IAACI,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE;EAAG,CAAE,CACtC,CAAC;AAEd,CAAC","ignoreList":[]}

package/modules/ThumbnailRenderers/GridItemImageRenderer.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare const GridItemImageRenderer: () => React.JSX.Element;

package/modules/ThumbnailRenderers/GridItemImageRenderer.js

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { Image } from "@webiny/app/components";
+import { useFile } from "../../hooks/useFile";
+const width300 = {
+  width: 300
+};
+export const GridItemImageRenderer = () => {
+  const {
+    file
+  } = useFile();
+  return /*#__PURE__*/React.createElement(Image, {
+    src: file.src,
+    alt: file.name,
+    transform: width300,
+    className: "wby-object-contain wby-max-w-full wby-max-h-full"
+  });
+};
+
+//# sourceMappingURL=GridItemImageRenderer.js.map

package/modules/ThumbnailRenderers/GridItemImageRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","useFile","width300","width","GridItemImageRenderer","file","createElement","src","alt","name","transform","className"],"sources":["GridItemImageRenderer.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Image } from \"@webiny/app/components\";\nimport { useFile } from \"~/hooks/useFile\";\n\nconst width300 = { width: 300 };\n\nexport const GridItemImageRenderer = () => {\n    const { file } = useFile();\n    return (\n        <Image\n            src={file.src}\n            alt={file.name}\n            transform={width300}\n            className={\"wby-object-contain wby-max-w-full wby-max-h-full\"}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,OAAO;AAEhB,MAAMC,QAAQ,GAAG;EAAEC,KAAK,EAAE;AAAI,CAAC;AAE/B,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;EACvC,MAAM;IAAEC;EAAK,CAAC,GAAGJ,OAAO,CAAC,CAAC;EAC1B,oBACIF,KAAA,CAAAO,aAAA,CAACN,KAAK;IACFO,GAAG,EAAEF,IAAI,CAACE,GAAI;IACdC,GAAG,EAAEH,IAAI,CAACI,IAAK;IACfC,SAAS,EAAER,QAAS;IACpBS,SAAS,EAAE;EAAmD,CACjE,CAAC;AAEV,CAAC","ignoreList":[]}

package/modules/ThumbnailRenderers/TableItemDefaultRenderer.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare const TableItemDefaultRenderer: () => React.JSX.Element;

package/modules/ThumbnailRenderers/TableItemDefaultRenderer.js

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { ReactComponent as HideImageIcon } from "@webiny/icons/hide_image.svg";
+import { useFile } from "../../hooks/useFile";
+import { Icon } from "@webiny/admin-ui";
+export const TableItemDefaultRenderer = () => {
+  const {
+    file
+  } = useFile();
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-w-full wby-h-full wby-flex wby-items-center wby-justify-center"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    color: "neutral-light",
+    size: "md",
+    icon: /*#__PURE__*/React.createElement(HideImageIcon, null),
+    label: file.name
+  }));
+};
+
+//# sourceMappingURL=TableItemDefaultRenderer.js.map

package/modules/ThumbnailRenderers/TableItemDefaultRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ReactComponent","HideImageIcon","useFile","Icon","TableItemDefaultRenderer","file","createElement","className","color","size","icon","label","name"],"sources":["TableItemDefaultRenderer.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as HideImageIcon } from \"@webiny/icons/hide_image.svg\";\nimport { useFile } from \"~/hooks/useFile\";\nimport { Icon } from \"@webiny/admin-ui\";\n\nexport const TableItemDefaultRenderer = () => {\n    const { file } = useFile();\n\n    return (\n        <div className={\"wby-w-full wby-h-full wby-flex wby-items-center wby-justify-center\"}>\n            <Icon color={\"neutral-light\"} size={\"md\"} icon={<HideImageIcon />} label={file.name} />\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,cAAc,IAAIC,aAAa,QAAQ,8BAA8B;AAC9E,SAASC,OAAO;AAChB,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,OAAO,MAAMC,wBAAwB,GAAGA,CAAA,KAAM;EAC1C,MAAM;IAAEC;EAAK,CAAC,GAAGH,OAAO,CAAC,CAAC;EAE1B,oBACIH,KAAA,CAAAO,aAAA;IAAKC,SAAS,EAAE;EAAqE,gBACjFR,KAAA,CAAAO,aAAA,CAACH,IAAI;IAACK,KAAK,EAAE,eAAgB;IAACC,IAAI,EAAE,IAAK;IAACC,IAAI,eAAEX,KAAA,CAAAO,aAAA,CAACL,aAAa,MAAE,CAAE;IAACU,KAAK,EAAEN,IAAI,CAACO;EAAK,CAAE,CACrF,CAAC;AAEd,CAAC","ignoreList":[]}

package/modules/ThumbnailRenderers/TableItemImageRenderer.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare const TableItemImageRenderer: () => React.JSX.Element;

package/modules/ThumbnailRenderers/TableItemImageRenderer.js

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { Image } from "@webiny/app/components";
+import { useFile } from "../../hooks/useFile";
+const width100 = {
+  width: 100
+};
+export const TableItemImageRenderer = () => {
+  const {
+    file
+  } = useFile();
+  return /*#__PURE__*/React.createElement(Image, {
+    src: file.src,
+    alt: file.name,
+    transform: width100,
+    className: "wby-object-cover wby-w-full wby-h-full"
+  });
+};
+
+//# sourceMappingURL=TableItemImageRenderer.js.map

package/modules/ThumbnailRenderers/TableItemImageRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","useFile","width100","width","TableItemImageRenderer","file","createElement","src","alt","name","transform","className"],"sources":["TableItemImageRenderer.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Image } from \"@webiny/app/components\";\nimport { useFile } from \"~/hooks/useFile\";\n\nconst width100 = { width: 100 };\n\nexport const TableItemImageRenderer = () => {\n    const { file } = useFile();\n    return (\n        <Image\n            src={file.src}\n            alt={file.name}\n            transform={width100}\n            className={\"wby-object-cover wby-w-full wby-h-full\"}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,OAAO;AAEhB,MAAMC,QAAQ,GAAG;EAAEC,KAAK,EAAE;AAAI,CAAC;AAE/B,OAAO,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;EACxC,MAAM;IAAEC;EAAK,CAAC,GAAGJ,OAAO,CAAC,CAAC;EAC1B,oBACIF,KAAA,CAAAO,aAAA,CAACN,KAAK;IACFO,GAAG,EAAEF,IAAI,CAACE,GAAI;IACdC,GAAG,EAAEH,IAAI,CAACI,IAAK;IACfC,SAAS,EAAER,QAAS;IACpBS,SAAS,EAAE;EAAyC,CACvD,CAAC;AAEV,CAAC","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-file-manager",
-	"version": "5.43.3",
+	"version": "6.0.0-alpha.1",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -12,38 +12,37 @@
 		"@apollo/react-common": "3.1.4",
 		"@apollo/react-components": "3.1.5",
 		"@apollo/react-hooks": "3.1.5",
-		"@emotion/react": "11.10.8",
-		"@emotion/styled": "11.10.6",
-		"@material-design-icons/svg": "0.14.13",
 		"@types/react": "18.2.79",
-		"@webiny/app": "5.43.3",
-		"@webiny/app-aco": "5.43.3",
-		"@webiny/app-admin": "5.43.3",
-		"@webiny/app-headless-cms": "5.43.3",
-		"@webiny/app-headless-cms-common": "5.43.3",
-		"@webiny/app-i18n": "5.43.3",
-		"@webiny/app-security": "5.43.3",
-		"@webiny/app-tenancy": "5.43.3",
-		"@webiny/app-websockets": "5.43.3",
-		"@webiny/error": "5.43.3",
-		"@webiny/form": "5.43.3",
-		"@webiny/plugins": "5.43.3",
-		"@webiny/react-composition": "5.43.3",
-		"@webiny/react-properties": "5.43.3",
-		"@webiny/ui": "5.43.3",
-		"@webiny/utils": "5.43.3",
-		"@webiny/validation": "5.43.3",
+		"@webiny/admin-ui": "6.0.0-alpha.1",
+		"@webiny/app": "6.0.0-alpha.1",
+		"@webiny/app-aco": "6.0.0-alpha.1",
+		"@webiny/app-admin": "6.0.0-alpha.1",
+		"@webiny/app-headless-cms": "6.0.0-alpha.1",
+		"@webiny/app-headless-cms-common": "6.0.0-alpha.1",
+		"@webiny/app-i18n": "6.0.0-alpha.1",
+		"@webiny/app-security": "6.0.0-alpha.1",
+		"@webiny/app-tenancy": "6.0.0-alpha.1",
+		"@webiny/app-websockets": "6.0.0-alpha.1",
+		"@webiny/error": "6.0.0-alpha.1",
+		"@webiny/form": "6.0.0-alpha.1",
+		"@webiny/icons": "6.0.0-alpha.1",
+		"@webiny/plugins": "6.0.0-alpha.1",
+		"@webiny/react-composition": "6.0.0-alpha.1",
+		"@webiny/react-properties": "6.0.0-alpha.1",
+		"@webiny/utils": "6.0.0-alpha.1",
+		"@webiny/validation": "6.0.0-alpha.1",
 		"apollo-cache": "1.3.5",
 		"apollo-client": "2.6.10",
 		"apollo-link": "1.2.14",
 		"apollo-utilities": "1.3.4",
 		"bytes": "3.1.2",
+		"cropperjs": "1.5.13",
 		"dataurl-to-blob": "0.0.1",
 		"dayjs": "1.11.13",
 		"dot-prop-immutable": "2.1.1",
-		"emotion": "10.0.27",
 		"graphql": "15.9.0",
 		"graphql-tag": "2.12.6",
+		"load-script": "1.0.0",
 		"lodash": "4.17.21",
 		"mime": "3.0.0",
 		"minimatch": "5.1.6",
@@ -60,7 +59,7 @@
 	},
 	"devDependencies": {
 		"@svgr/webpack": "6.5.1",
-		"@webiny/project-utils": "5.43.3",
+		"@webiny/project-utils": "6.0.0-alpha.1",
 		"rimraf": "6.0.1",
 		"typescript": "5.3.3"
 	},
@@ -72,5 +71,5 @@
 		"build": "node ../cli/bin.js run build",
 		"watch": "node ../cli/bin.js run watch"
 	},
-	"gitHead": "c6d623eb1b715f3731434a8d3107b8fd8a1d6792"
+	"gitHead": "9bd236cf5e689f209a11bec089207dcc2d41a53c"
 }

package/tagsHelpers.d.ts

@@ -1,4 +1,4 @@
-import { TagItem } from "@webiny/app-aco/types";
+import type { TagItem } from "@webiny/app-aco/types";
 interface GetTagsInitialParams {
     scope?: string;
     own?: boolean;

package/tagsHelpers.js

@@ -1,41 +1,35 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.tagsModifier = exports.getTagsInitialParams = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _constants = require("./constants");
-var _appSecurity = require("@webiny/app-security");
-var getTagsInitialParams = exports.getTagsInitialParams = function getTagsInitialParams(_ref) {
-  var scope = _ref.scope,
-    own = _ref.own;
-  var _useSecurity = (0, _appSecurity.useSecurity)(),
-    identity = _useSecurity.identity;
-  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, own && {
-    createdBy: identity?.id
-  }), scope ? {
-    tags_startsWith: scope
-  } : {
-    tags_not_startsWith: _constants.DEFAULT_SCOPE
-  });
-};
-var tagsModifier = exports.tagsModifier = function tagsModifier(scope) {
-  return function (tags) {
-    return tags.filter(function (_ref2) {
-      var tag = _ref2.tag;
-      return tag !== scope;
-    }).filter(function (_ref3) {
-      var tag = _ref3.tag;
-      return !tag.startsWith("mime:");
-    }).map(function (item) {
-      var tagName = scope ? item.tag.replace("".concat(scope, ":"), "") : item.tag;
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
-        tag: tagName
-      });
-    });
+import { DEFAULT_SCOPE } from "./constants";
+import { useSecurity } from "@webiny/app-security";
+export const getTagsInitialParams = ({
+  scope,
+  own
+}) => {
+  const {
+    identity
+  } = useSecurity();
+  return {
+    ...(own && {
+      createdBy: identity?.id
+    }),
+    ...(scope ? {
+      tags_startsWith: scope
+    } : {
+      tags_not_startsWith: DEFAULT_SCOPE
+    })
   };
 };
+export const tagsModifier = scope => tags => {
+  return tags.filter(({
+    tag
+  }) => tag !== scope).filter(({
+    tag
+  }) => !tag.startsWith("mime:")).map(item => {
+    const tagName = scope ? item.tag.replace(`${scope}:`, "") : item.tag;
+    return {
+      ...item,
+      tag: tagName
+    };
+  });
+};
 
 //# sourceMappingURL=tagsHelpers.js.map