@webiny/app-file-manager 6.0.0-beta.0 → 6.0.0-rc.0

package/components/fields/Tags.js

@@ -1,37 +1,37 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Tags = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _AutoComplete = require("@webiny/ui/AutoComplete");
-var _form = require("@webiny/form");
-var _ = require("../..");
-var _useFileOrUndefined2 = require("./useFileOrUndefined");
-var Tags = exports.Tags = function Tags() {
-  var _useFileOrUndefined = (0, _useFileOrUndefined2.useFileOrUndefined)(),
-    file = _useFileOrUndefined.file;
-  var _useFileManagerApi = (0, _.useFileManagerApi)(),
-    canEdit = _useFileManagerApi.canEdit;
-  var _useFileManagerView = (0, _.useFileManagerView)(),
-    tags = _useFileManagerView.tags;
-  var bind = (0, _form.useBind)({
+import React, { useMemo } from "react";
+import { Label, MultiAutoComplete } from "@webiny/admin-ui";
+import { useBind } from "@webiny/form";
+import { useFileManagerApi, useFileManagerView } from "../../index.js";
+import { THREAT_SCAN } from "../../modules/Enterprise/constants.js";
+import { useFileOrUndefined } from "./useFileOrUndefined.js";
+export const Tags = () => {
+  const {
+    file
+  } = useFileOrUndefined();
+  const {
+    canEdit
+  } = useFileManagerApi();
+  const {
+    tags
+  } = useFileManagerView();
+  const bind = useBind({
     name: "tags"
   });
-  return /*#__PURE__*/_react.default.createElement(_AutoComplete.MultiAutoComplete, Object.assign({}, bind, {
-    value: (bind.value || []).filter(function (tag) {
-      return !tag.startsWith("mime:");
-    }),
-    options: tags.allTags.map(function (tagItem) {
-      return tagItem.tag;
+  const values = useMemo(() => {
+    return (bind.value || []).filter(tag => {
+      return !tag.startsWith("mime:") || tag !== THREAT_SCAN.IN_PROGRESS;
+    });
+  }, [bind.value]);
+  return /*#__PURE__*/React.createElement(MultiAutoComplete, Object.assign({}, bind, {
+    values: values,
+    onValuesChange: bind.onChange,
+    options: tags.allTags.map(tagItem => tagItem.tag),
+    label: /*#__PURE__*/React.createElement(Label, {
+      text: "Tags",
+      hint: "Type to add a new tag or select from suggestions."
     }),
-    label: "Tags",
-    description: "Type in a new tag or select an existing one.",
-    unique: true,
+    uniqueValues: true,
     allowFreeInput: true,
-    useSimpleValues: true,
     disabled: file ? !canEdit(file) : false
   }));
 };

package/components/fields/Tags.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_AutoComplete","_form","_","_useFileOrUndefined2","Tags","exports","_useFileOrUndefined","useFileOrUndefined","file","_useFileManagerApi","useFileManagerApi","canEdit","_useFileManagerView","useFileManagerView","tags","bind","useBind","name","default","createElement","MultiAutoComplete","Object","assign","value","filter","tag","startsWith","options","allTags","map","tagItem","label","description","unique","allowFreeInput","useSimpleValues","disabled"],"sources":["Tags.tsx"],"sourcesContent":["import React from \"react\";\nimport { MultiAutoComplete } from \"@webiny/ui/AutoComplete\";\nimport { useBind } from \"@webiny/form\";\nimport { useFileManagerApi, useFileManagerView } from \"~/index\";\nimport { useFileOrUndefined } from \"./useFileOrUndefined\";\n\nexport const Tags = () => {\n    const { file } = useFileOrUndefined();\n    const { canEdit } = useFileManagerApi();\n    const { tags } = useFileManagerView();\n\n    const bind = useBind({\n        name: \"tags\"\n    });\n\n    return (\n        <MultiAutoComplete\n            {...bind}\n            value={(bind.value || []).filter((tag: string) => !tag.startsWith(\"mime:\"))}\n            options={tags.allTags.map(tagItem => tagItem.tag)}\n            label={\"Tags\"}\n            description={\"Type in a new tag or select an existing one.\"}\n            unique={true}\n            allowFreeInput={true}\n            useSimpleValues={true}\n            disabled={file ? !canEdit(file) : false}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,CAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAJ,OAAA;AAEO,IAAMK,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,SAAPA,IAAIA,CAAA,EAAS;EACtB,IAAAE,mBAAA,GAAiB,IAAAC,uCAAkB,EAAC,CAAC;IAA7BC,IAAI,GAAAF,mBAAA,CAAJE,IAAI;EACZ,IAAAC,kBAAA,GAAoB,IAAAC,mBAAiB,EAAC,CAAC;IAA/BC,OAAO,GAAAF,kBAAA,CAAPE,OAAO;EACf,IAAAC,mBAAA,GAAiB,IAAAC,oBAAkB,EAAC,CAAC;IAA7BC,IAAI,GAAAF,mBAAA,CAAJE,IAAI;EAEZ,IAAMC,IAAI,GAAG,IAAAC,aAAO,EAAC;IACjBC,IAAI,EAAE;EACV,CAAC,CAAC;EAEF,oBACIpB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACnB,aAAA,CAAAoB,iBAAiB,EAAAC,MAAA,CAAAC,MAAA,KACVP,IAAI;IACRQ,KAAK,EAAE,CAACR,IAAI,CAACQ,KAAK,IAAI,EAAE,EAAEC,MAAM,CAAC,UAACC,GAAW;MAAA,OAAK,CAACA,GAAG,CAACC,UAAU,CAAC,OAAO,CAAC;IAAA,EAAE;IAC5EC,OAAO,EAAEb,IAAI,CAACc,OAAO,CAACC,GAAG,CAAC,UAAAC,OAAO;MAAA,OAAIA,OAAO,CAACL,GAAG;IAAA,EAAE;IAClDM,KAAK,EAAE,MAAO;IACdC,WAAW,EAAE,8CAA+C;IAC5DC,MAAM,EAAE,IAAK;IACbC,cAAc,EAAE,IAAK;IACrBC,eAAe,EAAE,IAAK;IACtBC,QAAQ,EAAE5B,IAAI,GAAG,CAACG,OAAO,CAACH,IAAI,CAAC,GAAG;EAAM,EAC3C,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useMemo","Label","MultiAutoComplete","useBind","useFileManagerApi","useFileManagerView","THREAT_SCAN","useFileOrUndefined","Tags","file","canEdit","tags","bind","name","values","value","filter","tag","startsWith","IN_PROGRESS","createElement","Object","assign","onValuesChange","onChange","options","allTags","map","tagItem","label","text","hint","uniqueValues","allowFreeInput","disabled"],"sources":["Tags.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Label, MultiAutoComplete } from \"@webiny/admin-ui\";\nimport { useBind } from \"@webiny/form\";\nimport { useFileManagerApi, useFileManagerView } from \"~/index.js\";\nimport { THREAT_SCAN } from \"~/modules/Enterprise/constants.js\";\nimport { useFileOrUndefined } from \"./useFileOrUndefined.js\";\n\nexport const Tags = () => {\n    const { file } = useFileOrUndefined();\n    const { canEdit } = useFileManagerApi();\n    const { tags } = useFileManagerView();\n\n    const bind = useBind({\n        name: \"tags\"\n    });\n\n    const values = useMemo(() => {\n        return (bind.value || []).filter((tag: string) => {\n            return !tag.startsWith(\"mime:\") || tag !== THREAT_SCAN.IN_PROGRESS;\n        });\n    }, [bind.value]);\n\n    return (\n        <MultiAutoComplete\n            {...bind}\n            values={values}\n            onValuesChange={bind.onChange}\n            options={tags.allTags.map(tagItem => tagItem.tag)}\n            label={\n                <Label text={\"Tags\"} hint={\"Type to add a new tag or select from suggestions.\"} />\n            }\n            uniqueValues={true}\n            allowFreeInput={true}\n            disabled={file ? !canEdit(file) : false}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,KAAK,EAAEC,iBAAiB,QAAQ,kBAAkB;AAC3D,SAASC,OAAO,QAAQ,cAAc;AACtC,SAASC,iBAAiB,EAAEC,kBAAkB;AAC9C,SAASC,WAAW;AACpB,SAASC,kBAAkB;AAE3B,OAAO,MAAMC,IAAI,GAAGA,CAAA,KAAM;EACtB,MAAM;IAAEC;EAAK,CAAC,GAAGF,kBAAkB,CAAC,CAAC;EACrC,MAAM;IAAEG;EAAQ,CAAC,GAAGN,iBAAiB,CAAC,CAAC;EACvC,MAAM;IAAEO;EAAK,CAAC,GAAGN,kBAAkB,CAAC,CAAC;EAErC,MAAMO,IAAI,GAAGT,OAAO,CAAC;IACjBU,IAAI,EAAE;EACV,CAAC,CAAC;EAEF,MAAMC,MAAM,GAAGd,OAAO,CAAC,MAAM;IACzB,OAAO,CAACY,IAAI,CAACG,KAAK,IAAI,EAAE,EAAEC,MAAM,CAAEC,GAAW,IAAK;MAC9C,OAAO,CAACA,GAAG,CAACC,UAAU,CAAC,OAAO,CAAC,IAAID,GAAG,KAAKX,WAAW,CAACa,WAAW;IACtE,CAAC,CAAC;EACN,CAAC,EAAE,CAACP,IAAI,CAACG,KAAK,CAAC,CAAC;EAEhB,oBACIhB,KAAA,CAAAqB,aAAA,CAAClB,iBAAiB,EAAAmB,MAAA,CAAAC,MAAA,KACVV,IAAI;IACRE,MAAM,EAAEA,MAAO;IACfS,cAAc,EAAEX,IAAI,CAACY,QAAS;IAC9BC,OAAO,EAAEd,IAAI,CAACe,OAAO,CAACC,GAAG,CAACC,OAAO,IAAIA,OAAO,CAACX,GAAG,CAAE;IAClDY,KAAK,eACD9B,KAAA,CAAAqB,aAAA,CAACnB,KAAK;MAAC6B,IAAI,EAAE,MAAO;MAACC,IAAI,EAAE;IAAoD,CAAE,CACpF;IACDC,YAAY,EAAE,IAAK;IACnBC,cAAc,EAAE,IAAK;IACrBC,QAAQ,EAAEzB,IAAI,GAAG,CAACC,OAAO,CAACD,IAAI,CAAC,GAAG;EAAM,EAC3C,CAAC;AAEV,CAAC","ignoreList":[]}

package/components/fields/index.d.ts

@@ -1,4 +1,3 @@
-export * from "./AccessControl";
-export * from "./Aliases";
-export * from "./Name";
-export * from "./Tags";
+export * from "./AccessControl.js";
+export * from "./Name.js";
+export * from "./Tags.js";

package/components/fields/index.js

@@ -1,51 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _AccessControl = require("./AccessControl");
-Object.keys(_AccessControl).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _AccessControl[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _AccessControl[key];
-    }
-  });
-});
-var _Aliases = require("./Aliases");
-Object.keys(_Aliases).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Aliases[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Aliases[key];
-    }
-  });
-});
-var _Name = require("./Name");
-Object.keys(_Name).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Name[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Name[key];
-    }
-  });
-});
-var _Tags = require("./Tags");
-Object.keys(_Tags).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Tags[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Tags[key];
-    }
-  });
-});
+export * from "./AccessControl.js";
+export * from "./Name.js";
+export * from "./Tags.js";
 
 //# sourceMappingURL=index.js.map

package/components/fields/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_AccessControl","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_Aliases","_Name","_Tags"],"sources":["index.ts"],"sourcesContent":["export * from \"./AccessControl\";\nexport * from \"./Aliases\";\nexport * from \"./Name\";\nexport * from \"./Tags\";\n"],"mappings":";;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,cAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,cAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,cAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,QAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,QAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,QAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,QAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,KAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,KAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,KAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,KAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,KAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,KAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,KAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAG,KAAA,CAAAP,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./AccessControl.js\";\nexport * from \"./Name.js\";\nexport * from \"./Tags.js\";\n"],"mappings":"AAAA;AACA;AACA","ignoreList":[]}

package/components/fields/useAccessControlField.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { Select } from "@webiny/ui/Select";
+import type { Select } from "@webiny/admin-ui";
 interface AccessControlField {
     options: React.ComponentProps<typeof Select>["options"];
 }

package/components/fields/useAccessControlField.js

@@ -1,29 +1,17 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useAccessControlField = void 0;
-var _react = require("react");
-var _ = require("../..");
-var useAccessControlField = exports.useAccessControlField = function useAccessControlField() {
-  var model = (0, _.useFileModel)();
-  var accessControlField = (0, _react.useMemo)(function () {
-    return model.fields.find(function (field) {
-      return field.fieldId === "accessControl";
-    });
-  }, []);
+import { useMemo } from "react";
+import { useFileModel } from "../../index.js";
+export const useAccessControlField = () => {
+  const model = useFileModel();
+  const accessControlField = useMemo(() => model.fields.find(field => field.fieldId === "accessControl"), []);
   if (!accessControlField || !accessControlField.settings) {
     return null;
   }
-  var typeField = accessControlField.settings.fields?.find(function (field) {
-    return field.fieldId === "type";
-  });
+  const typeField = accessControlField.settings.fields?.find(field => field.fieldId === "type");
   if (!typeField) {
     return null;
   }
-  var options = (0, _react.useMemo)(function () {
-    return (typeField.predefinedValues?.values || []).map(function (pv) {
+  const options = useMemo(() => {
+    return (typeField.predefinedValues?.values || []).map(pv => {
       return {
         value: pv.value,
         label: pv.label
@@ -31,7 +19,7 @@ var useAccessControlField = exports.useAccessControlField = function useAccessCo
     });
   }, []);
   return {
-    options: options
+    options
   };
 };
 

package/components/fields/useAccessControlField.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_","useAccessControlField","exports","model","useFileModel","accessControlField","useMemo","fields","find","field","fieldId","settings","typeField","options","predefinedValues","values","map","pv","value","label"],"sources":["useAccessControlField.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { useFileModel } from \"~/index\";\n\ninterface AccessControlField {\n    options: React.ComponentProps<typeof Select>[\"options\"];\n}\n\nexport const useAccessControlField = (): AccessControlField | null => {\n    const model = useFileModel();\n\n    const accessControlField = useMemo(\n        () => model.fields.find(field => field.fieldId === \"accessControl\"),\n        []\n    );\n\n    if (!accessControlField || !accessControlField.settings) {\n        return null;\n    }\n\n    const typeField = accessControlField.settings.fields?.find(field => field.fieldId === \"type\");\n\n    if (!typeField) {\n        return null;\n    }\n\n    const options = useMemo(() => {\n        return (typeField.predefinedValues?.values || []).map(pv => {\n            return {\n                value: pv.value,\n                label: pv.label\n            };\n        });\n    }, []);\n\n    return { options };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,CAAA,GAAAD,OAAA;AAMO,IAAME,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,SAAxBA,qBAAqBA,CAAA,EAAoC;EAClE,IAAME,KAAK,GAAG,IAAAC,cAAY,EAAC,CAAC;EAE5B,IAAMC,kBAAkB,GAAG,IAAAC,cAAO,EAC9B;IAAA,OAAMH,KAAK,CAACI,MAAM,CAACC,IAAI,CAAC,UAAAC,KAAK;MAAA,OAAIA,KAAK,CAACC,OAAO,KAAK,eAAe;IAAA,EAAC;EAAA,GACnE,EACJ,CAAC;EAED,IAAI,CAACL,kBAAkB,IAAI,CAACA,kBAAkB,CAACM,QAAQ,EAAE;IACrD,OAAO,IAAI;EACf;EAEA,IAAMC,SAAS,GAAGP,kBAAkB,CAACM,QAAQ,CAACJ,MAAM,EAAEC,IAAI,CAAC,UAAAC,KAAK;IAAA,OAAIA,KAAK,CAACC,OAAO,KAAK,MAAM;EAAA,EAAC;EAE7F,IAAI,CAACE,SAAS,EAAE;IACZ,OAAO,IAAI;EACf;EAEA,IAAMC,OAAO,GAAG,IAAAP,cAAO,EAAC,YAAM;IAC1B,OAAO,CAACM,SAAS,CAACE,gBAAgB,EAAEC,MAAM,IAAI,EAAE,EAAEC,GAAG,CAAC,UAAAC,EAAE,EAAI;MACxD,OAAO;QACHC,KAAK,EAAED,EAAE,CAACC,KAAK;QACfC,KAAK,EAAEF,EAAE,CAACE;MACd,CAAC;IACL,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAEN,OAAO,EAAPA;EAAQ,CAAC;AACtB,CAAC","ignoreList":[]}
+{"version":3,"names":["useMemo","useFileModel","useAccessControlField","model","accessControlField","fields","find","field","fieldId","settings","typeField","options","predefinedValues","values","map","pv","value","label"],"sources":["useAccessControlField.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport type { Select } from \"@webiny/admin-ui\";\nimport { useFileModel } from \"~/index.js\";\n\ninterface AccessControlField {\n    options: React.ComponentProps<typeof Select>[\"options\"];\n}\n\nexport const useAccessControlField = (): AccessControlField | null => {\n    const model = useFileModel();\n\n    const accessControlField = useMemo(\n        () => model.fields.find(field => field.fieldId === \"accessControl\"),\n        []\n    );\n\n    if (!accessControlField || !accessControlField.settings) {\n        return null;\n    }\n\n    const typeField = accessControlField.settings.fields?.find(field => field.fieldId === \"type\");\n\n    if (!typeField) {\n        return null;\n    }\n\n    const options = useMemo(() => {\n        return (typeField.predefinedValues?.values || []).map(pv => {\n            return {\n                value: pv.value,\n                label: pv.label\n            };\n        });\n    }, []);\n\n    return { options };\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAE/B,SAASC,YAAY;AAMrB,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAiC;EAClE,MAAMC,KAAK,GAAGF,YAAY,CAAC,CAAC;EAE5B,MAAMG,kBAAkB,GAAGJ,OAAO,CAC9B,MAAMG,KAAK,CAACE,MAAM,CAACC,IAAI,CAACC,KAAK,IAAIA,KAAK,CAACC,OAAO,KAAK,eAAe,CAAC,EACnE,EACJ,CAAC;EAED,IAAI,CAACJ,kBAAkB,IAAI,CAACA,kBAAkB,CAACK,QAAQ,EAAE;IACrD,OAAO,IAAI;EACf;EAEA,MAAMC,SAAS,GAAGN,kBAAkB,CAACK,QAAQ,CAACJ,MAAM,EAAEC,IAAI,CAACC,KAAK,IAAIA,KAAK,CAACC,OAAO,KAAK,MAAM,CAAC;EAE7F,IAAI,CAACE,SAAS,EAAE;IACZ,OAAO,IAAI;EACf;EAEA,MAAMC,OAAO,GAAGX,OAAO,CAAC,MAAM;IAC1B,OAAO,CAACU,SAAS,CAACE,gBAAgB,EAAEC,MAAM,IAAI,EAAE,EAAEC,GAAG,CAACC,EAAE,IAAI;MACxD,OAAO;QACHC,KAAK,EAAED,EAAE,CAACC,KAAK;QACfC,KAAK,EAAEF,EAAE,CAACE;MACd,CAAC;IACL,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAEN;EAAQ,CAAC;AACtB,CAAC","ignoreList":[]}

package/components/fields/useFileOrUndefined.js

@@ -1,14 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useFileOrUndefined = useFileOrUndefined;
-var _useFile = require("../../hooks/useFile");
-function useFileOrUndefined() {
+import { useFile } from "../../hooks/useFile.js";
+export function useFileOrUndefined() {
   try {
-    return (0, _useFile.useFile)();
-  } catch (err) {
+    return useFile();
+  } catch {
     return {
       file: undefined
     };

package/components/fields/useFileOrUndefined.js.map

@@ -1 +1 @@
-{"version":3,"names":["_useFile","require","useFileOrUndefined","useFile","err","file","undefined"],"sources":["useFileOrUndefined.ts"],"sourcesContent":["import { useFile } from \"~/hooks/useFile\";\n\nexport function useFileOrUndefined() {\n    try {\n        return useFile();\n    } catch (err) {\n        return { file: undefined };\n    }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEO,SAASC,kBAAkBA,CAAA,EAAG;EACjC,IAAI;IACA,OAAO,IAAAC,gBAAO,EAAC,CAAC;EACpB,CAAC,CAAC,OAAOC,GAAG,EAAE;IACV,OAAO;MAAEC,IAAI,EAAEC;IAAU,CAAC;EAC9B;AACJ","ignoreList":[]}
+{"version":3,"names":["useFile","useFileOrUndefined","file","undefined"],"sources":["useFileOrUndefined.ts"],"sourcesContent":["import { useFile } from \"~/hooks/useFile.js\";\n\nexport function useFileOrUndefined() {\n    try {\n        return useFile();\n    } catch {\n        return { file: undefined };\n    }\n}\n"],"mappings":"AAAA,SAASA,OAAO;AAEhB,OAAO,SAASC,kBAAkBA,CAAA,EAAG;EACjC,IAAI;IACA,OAAOD,OAAO,CAAC,CAAC;EACpB,CAAC,CAAC,MAAM;IACJ,OAAO;MAAEE,IAAI,EAAEC;IAAU,CAAC;EAC9B;AACJ","ignoreList":[]}

package/constants.d.ts

@@ -1,4 +1,4 @@
-export { ROOT_FOLDER } from "@webiny/app-aco/constants";
+export { ROOT_FOLDER } from "@webiny/app-aco/constants.js";
 export declare const FM_ACO_APP = "FmFile";
 export declare const DEFAULT_SCOPE = "scope:";
-export declare const LOCAL_STORAGE_LATEST_VISITED_FOLDER = "webiny_fm_file_latest_visited_folder";
+export declare const LOCAL_STORAGE_LATEST_VISITED_FOLDER = "fm/file/list/last-folder";

package/constants.js

@@ -1,18 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LOCAL_STORAGE_LATEST_VISITED_FOLDER = exports.FM_ACO_APP = exports.DEFAULT_SCOPE = void 0;
-Object.defineProperty(exports, "ROOT_FOLDER", {
-  enumerable: true,
-  get: function get() {
-    return _constants.ROOT_FOLDER;
-  }
-});
-var _constants = require("@webiny/app-aco/constants");
-var FM_ACO_APP = exports.FM_ACO_APP = "FmFile";
-var DEFAULT_SCOPE = exports.DEFAULT_SCOPE = "scope:";
-var LOCAL_STORAGE_LATEST_VISITED_FOLDER = exports.LOCAL_STORAGE_LATEST_VISITED_FOLDER = "webiny_fm_file_latest_visited_folder";
+export { ROOT_FOLDER } from "@webiny/app-aco/constants.js";
+export const FM_ACO_APP = "FmFile";
+export const DEFAULT_SCOPE = "scope:";
+export const LOCAL_STORAGE_LATEST_VISITED_FOLDER = "fm/file/list/last-folder";
 
 //# sourceMappingURL=constants.js.map

package/constants.js.map

@@ -1 +1 @@
-{"version":3,"names":["_constants","require","FM_ACO_APP","exports","DEFAULT_SCOPE","LOCAL_STORAGE_LATEST_VISITED_FOLDER"],"sources":["constants.ts"],"sourcesContent":["export { ROOT_FOLDER } from \"@webiny/app-aco/constants\";\nexport const FM_ACO_APP = \"FmFile\";\nexport const DEFAULT_SCOPE = \"scope:\";\nexport const LOCAL_STORAGE_LATEST_VISITED_FOLDER = \"webiny_fm_file_latest_visited_folder\";\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACO,IAAMC,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,QAAQ;AAC3B,IAAME,aAAa,GAAAD,OAAA,CAAAC,aAAA,GAAG,QAAQ;AAC9B,IAAMC,mCAAmC,GAAAF,OAAA,CAAAE,mCAAA,GAAG,sCAAsC","ignoreList":[]}
+{"version":3,"names":["ROOT_FOLDER","FM_ACO_APP","DEFAULT_SCOPE","LOCAL_STORAGE_LATEST_VISITED_FOLDER"],"sources":["constants.ts"],"sourcesContent":["export { ROOT_FOLDER } from \"@webiny/app-aco/constants.js\";\nexport const FM_ACO_APP = \"FmFile\";\nexport const DEFAULT_SCOPE = \"scope:\";\nexport const LOCAL_STORAGE_LATEST_VISITED_FOLDER = \"fm/file/list/last-folder\";\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,8BAA8B;AAC1D,OAAO,MAAMC,UAAU,GAAG,QAAQ;AAClC,OAAO,MAAMC,aAAa,GAAG,QAAQ;AACrC,OAAO,MAAMC,mCAAmC,GAAG,0BAA0B","ignoreList":[]}

package/contexts/FileProvider.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { FileItem } from "@webiny/app-admin/types";
+import type { FileItem } from "../types.js";
 export interface FileContext {
     file: FileItem;
 }

package/contexts/FileProvider.js

@@ -1,26 +1,20 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useFile = exports.FileProvider = exports.FileContext = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var FileContext = exports.FileContext = /*#__PURE__*/(0, _react.createContext)(undefined);
-var FileProvider = exports.FileProvider = function FileProvider(_ref) {
-  var file = _ref.file,
-    children = _ref.children;
-  var value = {
-    file: file
+import React, { createContext } from "react";
+export const FileContext = /*#__PURE__*/createContext(undefined);
+export const FileProvider = ({
+  file,
+  children
+}) => {
+  const value = {
+    file
   };
-  return /*#__PURE__*/_react.default.createElement(FileContext.Provider, {
+  return /*#__PURE__*/React.createElement(FileContext.Provider, {
     value: value
   }, children);
 };
-var useFile = exports.useFile = function useFile() {
-  var context = _react.default.useContext(FileContext);
+export const useFile = () => {
+  const context = React.useContext(FileContext);
   if (!context) {
-    throw Error("FileContext is missing in the component tree. Are you using \"useFile()\" hook in the right place?");
+    throw Error(`FileContext is missing in the component tree. Are you using "useFile()" hook in the right place?`);
   }
   return context;
 };

package/contexts/FileProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","FileContext","exports","createContext","undefined","FileProvider","_ref","file","children","value","default","createElement","Provider","useFile","context","React","useContext","Error"],"sources":["FileProvider.tsx"],"sourcesContent":["import React, { createContext } from \"react\";\nimport { FileItem } from \"@webiny/app-admin/types\";\n\nexport interface FileContext {\n    file: FileItem;\n}\n\nexport const FileContext = createContext<FileContext | undefined>(undefined);\n\ninterface FileProviderProps {\n    file: FileItem;\n    children: React.ReactNode;\n}\n\nexport const FileProvider = ({ file, children }: FileProviderProps) => {\n    const value: FileContext = { file };\n\n    return <FileContext.Provider value={value}>{children}</FileContext.Provider>;\n};\n\nexport const useFile = () => {\n    const context = React.useContext(FileContext);\n    if (!context) {\n        throw Error(\n            `FileContext is missing in the component tree. Are you using \"useFile()\" hook in the right place?`\n        );\n    }\n\n    return context;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAOO,IAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,gBAAG,IAAAE,oBAAa,EAA0BC,SAAS,CAAC;AAOrE,IAAMC,YAAY,GAAAH,OAAA,CAAAG,YAAA,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAA8C;EAAA,IAAxCC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EACzC,IAAMC,KAAkB,GAAG;IAAEF,IAAI,EAAJA;EAAK,CAAC;EAEnC,oBAAOT,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,WAAW,CAACW,QAAQ;IAACH,KAAK,EAAEA;EAAM,GAAED,QAA+B,CAAC;AAChF,CAAC;AAEM,IAAMK,OAAO,GAAAX,OAAA,CAAAW,OAAA,GAAG,SAAVA,OAAOA,CAAA,EAAS;EACzB,IAAMC,OAAO,GAAGC,cAAK,CAACC,UAAU,CAACf,WAAW,CAAC;EAC7C,IAAI,CAACa,OAAO,EAAE;IACV,MAAMG,KAAK,qGAEX,CAAC;EACL;EAEA,OAAOH,OAAO;AAClB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","createContext","FileContext","undefined","FileProvider","file","children","value","createElement","Provider","useFile","context","useContext","Error"],"sources":["FileProvider.tsx"],"sourcesContent":["import React, { createContext } from \"react\";\nimport type { FileItem } from \"~/types.js\";\n\nexport interface FileContext {\n    file: FileItem;\n}\n\nexport const FileContext = createContext<FileContext | undefined>(undefined);\n\ninterface FileProviderProps {\n    file: FileItem;\n    children: React.ReactNode;\n}\n\nexport const FileProvider = ({ file, children }: FileProviderProps) => {\n    const value: FileContext = { file };\n\n    return <FileContext.Provider value={value}>{children}</FileContext.Provider>;\n};\n\nexport const useFile = () => {\n    const context = React.useContext(FileContext);\n    if (!context) {\n        throw Error(\n            `FileContext is missing in the component tree. Are you using \"useFile()\" hook in the right place?`\n        );\n    }\n\n    return context;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAO5C,OAAO,MAAMC,WAAW,gBAAGD,aAAa,CAA0BE,SAAS,CAAC;AAO5E,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAA4B,CAAC,KAAK;EACnE,MAAMC,KAAkB,GAAG;IAAEF;EAAK,CAAC;EAEnC,oBAAOL,KAAA,CAAAQ,aAAA,CAACN,WAAW,CAACO,QAAQ;IAACF,KAAK,EAAEA;EAAM,GAAED,QAA+B,CAAC;AAChF,CAAC;AAED,OAAO,MAAMI,OAAO,GAAGA,CAAA,KAAM;EACzB,MAAMC,OAAO,GAAGX,KAAK,CAACY,UAAU,CAACV,WAAW,CAAC;EAC7C,IAAI,CAACS,OAAO,EAAE;IACV,MAAME,KAAK,CACP,kGACJ,CAAC;EACL;EAEA,OAAOF,OAAO;AAClB,CAAC","ignoreList":[]}

package/hooks/useCopyFile.d.ts

@@ -1,4 +1,4 @@
-import { FileItem } from "@webiny/app-admin/types";
+import type { FileItem } from "../types.js";
 interface UseCopyFileParams {
     file: {
         key: FileItem["key"];

package/hooks/useCopyFile.js

@@ -1,30 +1,24 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useCopyFile = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = require("react");
-var _i18n = require("@webiny/app/i18n");
-var _appAdmin = require("@webiny/app-admin");
-var _ = require("./..");
-var _templateObject;
-var t = _i18n.i18n.ns("app-admin/file-manager/hooks/use-copy-file");
-var useCopyFile = exports.useCopyFile = function useCopyFile(_ref) {
-  var file = _ref.file;
-  var _useFileManagerView = (0, _.useFileManagerView)(),
-    settings = _useFileManagerView.settings;
-  var _useSnackbar = (0, _appAdmin.useSnackbar)(),
-    showSnackbar = _useSnackbar.showSnackbar;
-  var copyFileUrl = (0, _react.useCallback)(function () {
-    var fileSrc = file.src || settings?.srcPrefix + file.key;
+import { useCallback } from "react";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { useSnackbar } from "@webiny/app-admin";
+import { useFileManagerView } from "../index.js";
+const t = i18n.ns("app-admin/file-manager/hooks/use-copy-file");
+export const useCopyFile = ({
+  file
+}) => {
+  const {
+    settings
+  } = useFileManagerView();
+  const {
+    showSnackbar
+  } = useSnackbar();
+  const copyFileUrl = useCallback(() => {
+    const fileSrc = file.src || settings?.srcPrefix + file.key;
     navigator.clipboard.writeText(fileSrc);
-    showSnackbar(t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["URL copied successfully."]))));
+    showSnackbar(t`URL copied successfully.`);
   }, [file]);
   return {
-    copyFileUrl: copyFileUrl
+    copyFileUrl
   };
 };
 

package/hooks/useCopyFile.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_i18n","_appAdmin","_","_templateObject","t","i18n","ns","useCopyFile","exports","_ref","file","_useFileManagerView","useFileManagerView","settings","_useSnackbar","useSnackbar","showSnackbar","copyFileUrl","useCallback","fileSrc","src","srcPrefix","key","navigator","clipboard","writeText","_taggedTemplateLiteral2","default"],"sources":["useCopyFile.tsx"],"sourcesContent":["import { useCallback } from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { useFileManagerView } from \"~/index\";\nimport { FileItem } from \"@webiny/app-admin/types\";\n\nconst t = i18n.ns(\"app-admin/file-manager/hooks/use-copy-file\");\n\ninterface UseCopyFileParams {\n    file: {\n        key: FileItem[\"key\"];\n        src?: FileItem[\"src\"];\n    };\n}\n\nexport const useCopyFile = ({ file }: UseCopyFileParams) => {\n    const { settings } = useFileManagerView();\n    const { showSnackbar } = useSnackbar();\n\n    const copyFileUrl = useCallback(() => {\n        const fileSrc = file.src || settings?.srcPrefix + file.key;\n\n        navigator.clipboard.writeText(fileSrc);\n        showSnackbar(t`URL copied successfully.`);\n    }, [file]);\n\n    return {\n        copyFileUrl\n    };\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,CAAA,GAAAH,OAAA;AAA6C,IAAAI,eAAA;AAG7C,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,4CAA4C,CAAC;AASxD,IAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAAE,IAAA,EAAoC;EAAA,IAA9BC,IAAI,GAAAD,IAAA,CAAJC,IAAI;EAC9B,IAAAC,mBAAA,GAAqB,IAAAC,oBAAkB,EAAC,CAAC;IAAjCC,QAAQ,GAAAF,mBAAA,CAARE,QAAQ;EAChB,IAAAC,YAAA,GAAyB,IAAAC,qBAAW,EAAC,CAAC;IAA9BC,YAAY,GAAAF,YAAA,CAAZE,YAAY;EAEpB,IAAMC,WAAW,GAAG,IAAAC,kBAAW,EAAC,YAAM;IAClC,IAAMC,OAAO,GAAGT,IAAI,CAACU,GAAG,IAAIP,QAAQ,EAAEQ,SAAS,GAAGX,IAAI,CAACY,GAAG;IAE1DC,SAAS,CAACC,SAAS,CAACC,SAAS,CAACN,OAAO,CAAC;IACtCH,YAAY,CAACZ,CAAC,CAAAD,eAAA,KAAAA,eAAA,OAAAuB,uBAAA,CAAAC,OAAA,iCAA0B,CAAC;EAC7C,CAAC,EAAE,CAACjB,IAAI,CAAC,CAAC;EAEV,OAAO;IACHO,WAAW,EAAXA;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["useCallback","i18n","useSnackbar","useFileManagerView","t","ns","useCopyFile","file","settings","showSnackbar","copyFileUrl","fileSrc","src","srcPrefix","key","navigator","clipboard","writeText"],"sources":["useCopyFile.tsx"],"sourcesContent":["import { useCallback } from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { useFileManagerView } from \"~/index.js\";\nimport type { FileItem } from \"~/types.js\";\n\nconst t = i18n.ns(\"app-admin/file-manager/hooks/use-copy-file\");\n\ninterface UseCopyFileParams {\n    file: {\n        key: FileItem[\"key\"];\n        src?: FileItem[\"src\"];\n    };\n}\n\nexport const useCopyFile = ({ file }: UseCopyFileParams) => {\n    const { settings } = useFileManagerView();\n    const { showSnackbar } = useSnackbar();\n\n    const copyFileUrl = useCallback(() => {\n        const fileSrc = file.src || settings?.srcPrefix + file.key;\n\n        navigator.clipboard.writeText(fileSrc);\n        showSnackbar(t`URL copied successfully.`);\n    }, [file]);\n\n    return {\n        copyFileUrl\n    };\n};\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,OAAO;AACnC,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,kBAAkB;AAG3B,MAAMC,CAAC,GAAGH,IAAI,CAACI,EAAE,CAAC,4CAA4C,CAAC;AAS/D,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAAEC;AAAwB,CAAC,KAAK;EACxD,MAAM;IAAEC;EAAS,CAAC,GAAGL,kBAAkB,CAAC,CAAC;EACzC,MAAM;IAAEM;EAAa,CAAC,GAAGP,WAAW,CAAC,CAAC;EAEtC,MAAMQ,WAAW,GAAGV,WAAW,CAAC,MAAM;IAClC,MAAMW,OAAO,GAAGJ,IAAI,CAACK,GAAG,IAAIJ,QAAQ,EAAEK,SAAS,GAAGN,IAAI,CAACO,GAAG;IAE1DC,SAAS,CAACC,SAAS,CAACC,SAAS,CAACN,OAAO,CAAC;IACtCF,YAAY,CAACL,CAAC,0BAA0B,CAAC;EAC7C,CAAC,EAAE,CAACG,IAAI,CAAC,CAAC;EAEV,OAAO;IACHG;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/hooks/useDeleteFile.d.ts

@@ -1,4 +1,4 @@
-import { FileItem } from "@webiny/app-admin/types";
+import type { FileItem } from "../types.js";
 interface UseDeleteFileParams {
     file: Pick<FileItem, "id" | "name">;
     onDelete?: () => void;

package/hooks/useDeleteFile.js

@@ -1,67 +1,40 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useDeleteFile = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireWildcard(require("react"));
-var _i18n = require("@webiny/app/i18n");
-var _appAdmin = require("@webiny/app-admin");
-var _ = require("./..");
-var _Progress = require("@webiny/ui/Progress");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var t = _i18n.i18n.ns("app-admin/file-manager/hooks/use-delete-file");
-var Filename = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {
-  target: "e1njnt9r0"
-} : {
-  target: "e1njnt9r0",
-  label: "Filename"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1efi8gv",
-  styles: "font-weight:bold"
-} : {
-  name: "1efi8gv",
-  styles: "font-weight:bold",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInVzZURlbGV0ZUZpbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWUrQiIsImZpbGUiOiJ1c2VEZWxldGVGaWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjayB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBpMThuIH0gZnJvbSBcIkB3ZWJpbnkvYXBwL2kxOG5cIjtcbmltcG9ydCB7IHVzZUNvbmZpcm1hdGlvbkRpYWxvZywgdXNlU25hY2tiYXIgfSBmcm9tIFwiQHdlYmlueS9hcHAtYWRtaW5cIjtcbmltcG9ydCB7IEZpbGVJdGVtIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFkbWluL3R5cGVzXCI7XG5pbXBvcnQgeyB1c2VGaWxlTWFuYWdlclZpZXcgfSBmcm9tIFwifi9pbmRleFwiO1xuaW1wb3J0IHsgQ2lyY3VsYXJQcm9ncmVzcyB9IGZyb20gXCJAd2ViaW55L3VpL1Byb2dyZXNzXCI7XG5cbmNvbnN0IHQgPSBpMThuLm5zKFwiYXBwLWFkbWluL2ZpbGUtbWFuYWdlci9ob29rcy91c2UtZGVsZXRlLWZpbGVcIik7XG5cbmludGVyZmFjZSBVc2VEZWxldGVGaWxlUGFyYW1zIHtcbiAgICBmaWxlOiBQaWNrPEZpbGVJdGVtLCBcImlkXCIgfCBcIm5hbWVcIj47XG4gICAgb25EZWxldGU/OiAoKSA9PiB2b2lkO1xufVxuXG5jb25zdCBGaWxlbmFtZSA9IHN0eWxlZChcInNwYW5cIilgXG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG5gO1xuXG5leHBvcnQgY29uc3QgdXNlRGVsZXRlRmlsZSA9ICh7IG9uRGVsZXRlLCBmaWxlIH06IFVzZURlbGV0ZUZpbGVQYXJhbXMpID0+IHtcbiAgICBjb25zdCB7IGRlbGV0ZUZpbGUgfSA9IHVzZUZpbGVNYW5hZ2VyVmlldygpO1xuICAgIGNvbnN0IHsgc2hvd1NuYWNrYmFyIH0gPSB1c2VTbmFja2JhcigpO1xuXG4gICAgY29uc3QgeyBzaG93Q29uZmlybWF0aW9uIH0gPSB1c2VDb25maXJtYXRpb25EaWFsb2coe1xuICAgICAgICB0aXRsZTogdGBEZWxldGUgZmlsZWAsXG4gICAgICAgIGxvYWRpbmc6IDxDaXJjdWxhclByb2dyZXNzIGxhYmVsPXtcIkRlbGV0aW5nIGZpbGUuLi5cIn0gLz4sXG4gICAgICAgIG1lc3NhZ2U6IGZpbGUgJiYgKFxuICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICA8cD5cbiAgICAgICAgICAgICAgICAgICAge3RgWW91IGFyZSBhYm91dCB0byBkZWxldGUgZmlsZSB7bmFtZX1gKHtcbiAgICAgICAgICAgICAgICAgICAgICAgIG5hbWU6IDxGaWxlbmFtZT57ZmlsZS5uYW1lfTwvRmlsZW5hbWU+XG4gICAgICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICAgIDwvcD5cbiAgICAgICAgICAgICAgICA8cD57dGBBcmUgeW91IHN1cmUgeW91IHdhbnQgdG8gY29udGludWU/YH08L3A+XG4gICAgICAgICAgICA8Lz5cbiAgICAgICAgKSxcbiAgICAgICAgc3R5bGU6IHsgekluZGV4OiAxMDAgfSxcbiAgICAgICAgZGF0YVRlc3RJZDogXCJmbS1kZWxldGUtZmlsZS1jb25maXJtYXRpb24tZGlhbG9nXCJcbiAgICB9KTtcblxuICAgIGNvbnN0IG9wZW5EaWFsb2dEZWxldGVGaWxlID0gdXNlQ2FsbGJhY2soXG4gICAgICAgICgpID0+XG4gICAgICAgICAgICBzaG93Q29uZmlybWF0aW9uKGFzeW5jICgpID0+IHtcbiAgICAgICAgICAgICAgICBhd2FpdCBkZWxldGVGaWxlKGZpbGUuaWQpO1xuXG4gICAgICAgICAgICAgICAgc2hvd1NuYWNrYmFyKHRgRmlsZSBkZWxldGVkIHN1Y2Nlc3NmdWxseS5gKTtcblxuICAgICAgICAgICAgICAgIGlmIChvbkRlbGV0ZSAmJiB0eXBlb2Ygb25EZWxldGUgPT09IFwiZnVuY3Rpb25cIikge1xuICAgICAgICAgICAgICAgICAgICBvbkRlbGV0ZSgpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH0pLFxuICAgICAgICBbZmlsZV1cbiAgICApO1xuXG4gICAgcmV0dXJuIHtcbiAgICAgICAgb3BlbkRpYWxvZ0RlbGV0ZUZpbGVcbiAgICB9O1xufTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var useDeleteFile = exports.useDeleteFile = function useDeleteFile(_ref) {
-  var onDelete = _ref.onDelete,
-    file = _ref.file;
-  var _useFileManagerView = (0, _.useFileManagerView)(),
-    deleteFile = _useFileManagerView.deleteFile;
-  var _useSnackbar = (0, _appAdmin.useSnackbar)(),
-    showSnackbar = _useSnackbar.showSnackbar;
-  var _useConfirmationDialo = (0, _appAdmin.useConfirmationDialog)({
-      title: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Delete file"]))),
-      loading: /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
-        label: "Deleting file..."
-      }),
-      message: file && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", null, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["You are about to delete file {name}"])))({
-        name: /*#__PURE__*/_react.default.createElement(Filename, null, file.name)
-      })), /*#__PURE__*/_react.default.createElement("p", null, t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Are you sure you want to continue?"]))))),
-      style: {
-        zIndex: 100
-      },
-      dataTestId: "fm-delete-file-confirmation-dialog"
+import React, { useCallback } from "react";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { OverlayLoader, Text } from "@webiny/admin-ui";
+import { useConfirmationDialog, useSnackbar } from "@webiny/app-admin";
+import { useFileManagerView } from "../index.js";
+const t = i18n.ns("app-admin/file-manager/hooks/use-delete-file");
+export const useDeleteFile = ({
+  onDelete,
+  file
+}) => {
+  const {
+    deleteFile
+  } = useFileManagerView();
+  const {
+    showSnackbar
+  } = useSnackbar();
+  const {
+    showConfirmation
+  } = useConfirmationDialog({
+    title: t`Delete file`,
+    loading: /*#__PURE__*/React.createElement(OverlayLoader, {
+      text: "Deleting file..."
     }),
-    showConfirmation = _useConfirmationDialo.showConfirmation;
-  var openDialogDeleteFile = (0, _react.useCallback)(function () {
-    return showConfirmation(async function () {
-      await deleteFile(file.id);
-      showSnackbar(t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["File deleted successfully."]))));
-      if (onDelete && typeof onDelete === "function") {
-        onDelete();
-      }
-    });
-  }, [file]);
+    message: file && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, null, t`You are about to delete file {name}. Are you sure you want to continue?`({
+      name: /*#__PURE__*/React.createElement("strong", null, file.name)
+    }))),
+    dataTestId: "fm-delete-file-confirmation-dialog"
+  });
+  const openDialogDeleteFile = useCallback(() => showConfirmation(async () => {
+    await deleteFile(file.id);
+    showSnackbar(t`File deleted successfully.`);
+    if (onDelete && typeof onDelete === "function") {
+      onDelete();
+    }
+  }), [file]);
   return {
-    openDialogDeleteFile: openDialogDeleteFile
+    openDialogDeleteFile
   };
 };
 

package/hooks/useDeleteFile.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_i18n","_appAdmin","_","_Progress","_templateObject","_templateObject2","_templateObject3","_templateObject4","_EMOTION_STRINGIFIED_CSS_ERROR__","t","i18n","ns","Filename","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","useDeleteFile","exports","_ref","onDelete","file","_useFileManagerView","useFileManagerView","deleteFile","_useSnackbar","useSnackbar","showSnackbar","_useConfirmationDialo","useConfirmationDialog","title","_taggedTemplateLiteral2","loading","createElement","CircularProgress","message","Fragment","style","zIndex","dataTestId","showConfirmation","openDialogDeleteFile","useCallback","id"],"sources":["useDeleteFile.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useConfirmationDialog, useSnackbar } from \"@webiny/app-admin\";\nimport { FileItem } from \"@webiny/app-admin/types\";\nimport { useFileManagerView } from \"~/index\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\n\nconst t = i18n.ns(\"app-admin/file-manager/hooks/use-delete-file\");\n\ninterface UseDeleteFileParams {\n    file: Pick<FileItem, \"id\" | \"name\">;\n    onDelete?: () => void;\n}\n\nconst Filename = styled(\"span\")`\n    font-weight: bold;\n`;\n\nexport const useDeleteFile = ({ onDelete, file }: UseDeleteFileParams) => {\n    const { deleteFile } = useFileManagerView();\n    const { showSnackbar } = useSnackbar();\n\n    const { showConfirmation } = useConfirmationDialog({\n        title: t`Delete file`,\n        loading: <CircularProgress label={\"Deleting file...\"} />,\n        message: file && (\n            <>\n                <p>\n                    {t`You are about to delete file {name}`({\n                        name: <Filename>{file.name}</Filename>\n                    })}\n                </p>\n                <p>{t`Are you sure you want to continue?`}</p>\n            </>\n        ),\n        style: { zIndex: 100 },\n        dataTestId: \"fm-delete-file-confirmation-dialog\"\n    });\n\n    const openDialogDeleteFile = useCallback(\n        () =>\n            showConfirmation(async () => {\n                await deleteFile(file.id);\n\n                showSnackbar(t`File deleted successfully.`);\n\n                if (onDelete && typeof onDelete === \"function\") {\n                    onDelete();\n                }\n            }),\n        [file]\n    );\n\n    return {\n        openDialogDeleteFile\n    };\n};\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAEA,IAAAG,CAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AAAuD,IAAAK,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAAA,SAAAC,iCAAA;AAEvD,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,8CAA8C,CAAC;AAOjE,IAAMC,QAAQ,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,MAAM,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAf;AAAA,EAE9B;AAEM,IAAMgB,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAhBA,aAAaA,CAAAE,IAAA,EAAgD;EAAA,IAA1CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;EAC1C,IAAAC,mBAAA,GAAuB,IAAAC,oBAAkB,EAAC,CAAC;IAAnCC,UAAU,GAAAF,mBAAA,CAAVE,UAAU;EAClB,IAAAC,YAAA,GAAyB,IAAAC,qBAAW,EAAC,CAAC;IAA9BC,YAAY,GAAAF,YAAA,CAAZE,YAAY;EAEpB,IAAAC,qBAAA,GAA6B,IAAAC,+BAAqB,EAAC;MAC/CC,KAAK,EAAE5B,CAAC,CAAAL,eAAA,KAAAA,eAAA,OAAAkC,uBAAA,CAAAxB,OAAA,oBAAa;MACrByB,OAAO,eAAE1C,MAAA,CAAAiB,OAAA,CAAA0B,aAAA,CAACrC,SAAA,CAAAsC,gBAAgB;QAACtB,KAAK,EAAE;MAAmB,CAAE,CAAC;MACxDuB,OAAO,EAAEd,IAAI,iBACT/B,MAAA,CAAAiB,OAAA,CAAA0B,aAAA,CAAA3C,MAAA,CAAAiB,OAAA,CAAA6B,QAAA,qBACI9C,MAAA,CAAAiB,OAAA,CAAA0B,aAAA,YACK/B,CAAC,CAAAJ,gBAAA,KAAAA,gBAAA,OAAAiC,uBAAA,CAAAxB,OAAA,6CAAsC;QACpCM,IAAI,eAAEvB,MAAA,CAAAiB,OAAA,CAAA0B,aAAA,CAAC5B,QAAQ,QAAEgB,IAAI,CAACR,IAAe;MACzC,CAAC,CACF,CAAC,eACJvB,MAAA,CAAAiB,OAAA,CAAA0B,aAAA,YAAI/B,CAAC,CAAAH,gBAAA,KAAAA,gBAAA,OAAAgC,uBAAA,CAAAxB,OAAA,2CAAwC,CAC/C,CACL;MACD8B,KAAK,EAAE;QAAEC,MAAM,EAAE;MAAI,CAAC;MACtBC,UAAU,EAAE;IAChB,CAAC,CAAC;IAfMC,gBAAgB,GAAAZ,qBAAA,CAAhBY,gBAAgB;EAiBxB,IAAMC,oBAAoB,GAAG,IAAAC,kBAAW,EACpC;IAAA,OACIF,gBAAgB,CAAC,kBAAY;MACzB,MAAMhB,UAAU,CAACH,IAAI,CAACsB,EAAE,CAAC;MAEzBhB,YAAY,CAACzB,CAAC,CAAAF,gBAAA,KAAAA,gBAAA,OAAA+B,uBAAA,CAAAxB,OAAA,mCAA4B,CAAC;MAE3C,IAAIa,QAAQ,IAAI,OAAOA,QAAQ,KAAK,UAAU,EAAE;QAC5CA,QAAQ,CAAC,CAAC;MACd;IACJ,CAAC,CAAC;EAAA,GACN,CAACC,IAAI,CACT,CAAC;EAED,OAAO;IACHoB,oBAAoB,EAApBA;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","i18n","OverlayLoader","Text","useConfirmationDialog","useSnackbar","useFileManagerView","t","ns","useDeleteFile","onDelete","file","deleteFile","showSnackbar","showConfirmation","title","loading","createElement","text","message","Fragment","name","dataTestId","openDialogDeleteFile","id"],"sources":["useDeleteFile.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { OverlayLoader, Text } from \"@webiny/admin-ui\";\nimport { useConfirmationDialog, useSnackbar } from \"@webiny/app-admin\";\nimport type { FileItem } from \"~/types.js\";\nimport { useFileManagerView } from \"~/index.js\";\n\nconst t = i18n.ns(\"app-admin/file-manager/hooks/use-delete-file\");\n\ninterface UseDeleteFileParams {\n    file: Pick<FileItem, \"id\" | \"name\">;\n    onDelete?: () => void;\n}\n\nexport const useDeleteFile = ({ onDelete, file }: UseDeleteFileParams) => {\n    const { deleteFile } = useFileManagerView();\n    const { showSnackbar } = useSnackbar();\n\n    const { showConfirmation } = useConfirmationDialog({\n        title: t`Delete file`,\n        loading: <OverlayLoader text={\"Deleting file...\"} />,\n        message: file && (\n            <>\n                <Text>\n                    {t`You are about to delete file {name}. Are you sure you want to continue?`({\n                        name: <strong>{file.name}</strong>\n                    })}\n                </Text>\n            </>\n        ),\n        dataTestId: \"fm-delete-file-confirmation-dialog\"\n    });\n\n    const openDialogDeleteFile = useCallback(\n        () =>\n            showConfirmation(async () => {\n                await deleteFile(file.id);\n\n                showSnackbar(t`File deleted successfully.`);\n\n                if (onDelete && typeof onDelete === \"function\") {\n                    onDelete();\n                }\n            }),\n        [file]\n    );\n\n    return {\n        openDialogDeleteFile\n    };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,aAAa,EAAEC,IAAI,QAAQ,kBAAkB;AACtD,SAASC,qBAAqB,EAAEC,WAAW,QAAQ,mBAAmB;AAEtE,SAASC,kBAAkB;AAE3B,MAAMC,CAAC,GAAGN,IAAI,CAACO,EAAE,CAAC,8CAA8C,CAAC;AAOjE,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAA0B,CAAC,KAAK;EACtE,MAAM;IAAEC;EAAW,CAAC,GAAGN,kBAAkB,CAAC,CAAC;EAC3C,MAAM;IAAEO;EAAa,CAAC,GAAGR,WAAW,CAAC,CAAC;EAEtC,MAAM;IAAES;EAAiB,CAAC,GAAGV,qBAAqB,CAAC;IAC/CW,KAAK,EAAER,CAAC,aAAa;IACrBS,OAAO,eAAEjB,KAAA,CAAAkB,aAAA,CAACf,aAAa;MAACgB,IAAI,EAAE;IAAmB,CAAE,CAAC;IACpDC,OAAO,EAAER,IAAI,iBACTZ,KAAA,CAAAkB,aAAA,CAAAlB,KAAA,CAAAqB,QAAA,qBACIrB,KAAA,CAAAkB,aAAA,CAACd,IAAI,QACAI,CAAC,yEAAyE,CAAC;MACxEc,IAAI,eAAEtB,KAAA,CAAAkB,aAAA,iBAASN,IAAI,CAACU,IAAa;IACrC,CAAC,CACC,CACR,CACL;IACDC,UAAU,EAAE;EAChB,CAAC,CAAC;EAEF,MAAMC,oBAAoB,GAAGvB,WAAW,CACpC,MACIc,gBAAgB,CAAC,YAAY;IACzB,MAAMF,UAAU,CAACD,IAAI,CAACa,EAAE,CAAC;IAEzBX,YAAY,CAACN,CAAC,4BAA4B,CAAC;IAE3C,IAAIG,QAAQ,IAAI,OAAOA,QAAQ,KAAK,UAAU,EAAE;MAC5CA,QAAQ,CAAC,CAAC;IACd;EACJ,CAAC,CAAC,EACN,CAACC,IAAI,CACT,CAAC;EAED,OAAO;IACHY;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/hooks/useFile.d.ts

@@ -1,2 +1,2 @@
-import { FileContext } from "../contexts/FileProvider";
+import { FileContext } from "../contexts/FileProvider.js";
 export declare const useFile: () => FileContext;