@webiny/app-file-manager 5.37.0-beta.0 → 5.37.0-beta.2

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-file-manager",
-	"version": "5.37.0-beta.0",
+	"version": "5.37.0-beta.2",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -12,25 +12,28 @@
 		"@apollo/react-common": "3.1.4",
 		"@apollo/react-components": "3.1.5",
 		"@apollo/react-hooks": "3.1.5",
-		"@babel/runtime": "7.20.13",
+		"@babel/runtime": "7.22.6",
 		"@emotion/react": "11.10.8",
 		"@emotion/styled": "11.10.6",
 		"@material-design-icons/svg": "0.14.3",
 		"@types/react": "17.0.39",
-		"@webiny/app": "5.37.0-beta.0",
-		"@webiny/app-aco": "5.37.0-beta.0",
-		"@webiny/app-admin": "5.37.0-beta.0",
-		"@webiny/app-security": "5.37.0-beta.0",
-		"@webiny/form": "5.37.0-beta.0",
-		"@webiny/plugins": "5.37.0-beta.0",
-		"@webiny/ui": "5.37.0-beta.0",
-		"@webiny/validation": "5.37.0-beta.0",
+		"@webiny/app": "5.37.0-beta.2",
+		"@webiny/app-aco": "5.37.0-beta.2",
+		"@webiny/app-admin": "5.37.0-beta.2",
+		"@webiny/app-headless-cms": "5.37.0-beta.2",
+		"@webiny/app-security": "5.37.0-beta.2",
+		"@webiny/error": "5.37.0-beta.2",
+		"@webiny/form": "5.37.0-beta.2",
+		"@webiny/plugins": "5.37.0-beta.2",
+		"@webiny/react-properties": "5.37.0-beta.2",
+		"@webiny/ui": "5.37.0-beta.2",
+		"@webiny/utils": "5.37.0-beta.2",
+		"@webiny/validation": "5.37.0-beta.2",
 		"apollo-cache": "1.3.5",
 		"apollo-client": "2.6.10",
 		"apollo-link": "1.2.14",
 		"apollo-utilities": "1.3.4",
 		"bytes": "3.1.2",
-		"classnames": "2.3.2",
 		"dataurl-to-blob": "0.0.1",
 		"dayjs": "1.11.7",
 		"emotion": "10.0.27",
@@ -42,25 +45,24 @@
 		"minimatch": "5.1.6",
 		"mobx": "6.9.0",
 		"mobx-react-lite": "3.4.3",
-		"nanoid": "3.3.6",
 		"prop-types": "15.8.1",
 		"react": "17.0.2",
 		"react-butterfiles": "1.3.3",
+		"react-custom-scrollbars": "4.2.1",
 		"react-dom": "17.0.2",
 		"react-hotkeyz": "1.0.4",
 		"react-lazy-load": "3.1.14",
-		"timeago-react": "2.0.1",
-		"use-deep-compare-effect": "1.8.1"
+		"timeago-react": "2.0.1"
 	},
 	"devDependencies": {
-		"@babel/cli": "7.20.7",
-		"@babel/core": "7.20.12",
-		"@babel/preset-env": "7.20.2",
-		"@babel/preset-react": "7.18.6",
-		"@babel/preset-typescript": "7.18.6",
+		"@babel/cli": "7.22.6",
+		"@babel/core": "7.22.8",
+		"@babel/preset-env": "7.22.7",
+		"@babel/preset-react": "7.22.5",
+		"@babel/preset-typescript": "7.22.5",
 		"@svgr/webpack": "6.5.1",
-		"@webiny/cli": "5.37.0-beta.0",
-		"@webiny/project-utils": "5.37.0-beta.0",
+		"@webiny/cli": "5.37.0-beta.2",
+		"@webiny/project-utils": "5.37.0-beta.2",
 		"rimraf": "3.0.2",
 		"ttypescript": "1.5.15",
 		"typescript": "4.7.4"
@@ -73,5 +75,5 @@
 		"build": "yarn webiny run build",
 		"watch": "yarn webiny run watch"
 	},
-	"gitHead": "7bb6232942f0414e22a4549113dd112bb92e52c5"
+	"gitHead": "8d3f4ba102f9f73b0a17455fc401a15aea68ce63"
 }

package/tagsHelpers.js.map

@@ -1 +1 @@
-{"version":3,"names":["getTagsInitialParams","scope","own","useSecurity","identity","createdBy","id","tags_startsWith","tags_not_startsWith","DEFAULT_SCOPE","tagsModifier","tags","filter","tag","startsWith","map","item","tagName","replace"],"sources":["tagsHelpers.ts"],"sourcesContent":["import { DEFAULT_SCOPE } from \"~/constants\";\nimport { TagItem } from \"@webiny/app-aco/types\";\nimport { useSecurity } from \"@webiny/app-security\";\n\ninterface GetTagsInitialParams {\n    scope?: string;\n    own?: boolean;\n}\n\nexport const getTagsInitialParams = ({ scope, own }: GetTagsInitialParams) => {\n    const { identity } = useSecurity();\n    return {\n        ...(own && { createdBy: identity?.id }),\n        ...(scope ? { tags_startsWith: scope } : { tags_not_startsWith: DEFAULT_SCOPE })\n    };\n};\n\nexport const tagsModifier = (scope?: string) => (tags: TagItem[]) => {\n    return tags\n        .filter(({ tag }) => tag !== scope)\n        .filter(({ tag }) => !tag.startsWith(\"mime:\"))\n        .map(item => {\n            const tagName = scope ? item.tag.replace(`${scope}:`, \"\") : item.tag;\n            return {\n                ...item,\n                tag: tagName\n            };\n        });\n};\n"],"mappings":";;;;;;;;AAAA;AAEA;AAOO,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAoB,OAA6C;EAAA,IAAvCC,KAAK,QAALA,KAAK;IAAEC,GAAG,QAAHA,GAAG;EAC7C,mBAAqB,IAAAC,wBAAW,GAAE;IAA1BC,QAAQ,gBAARA,QAAQ;EAChB,mEACQF,GAAG,IAAI;IAAEG,SAAS,EAAED,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEE;EAAG,CAAC,GAClCL,KAAK,GAAG;IAAEM,eAAe,EAAEN;EAAM,CAAC,GAAG;IAAEO,mBAAmB,EAAEC;EAAc,CAAC;AAEvF,CAAC;AAAC;AAEK,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIT,KAAc;EAAA,OAAK,UAACU,IAAe,EAAK;IACjE,OAAOA,IAAI,CACNC,MAAM,CAAC;MAAA,IAAGC,GAAG,SAAHA,GAAG;MAAA,OAAOA,GAAG,KAAKZ,KAAK;IAAA,EAAC,CAClCW,MAAM,CAAC;MAAA,IAAGC,GAAG,SAAHA,GAAG;MAAA,OAAO,CAACA,GAAG,CAACC,UAAU,CAAC,OAAO,CAAC;IAAA,EAAC,CAC7CC,GAAG,CAAC,UAAAC,IAAI,EAAI;MACT,IAAMC,OAAO,GAAGhB,KAAK,GAAGe,IAAI,CAACH,GAAG,CAACK,OAAO,WAAIjB,KAAK,QAAK,EAAE,CAAC,GAAGe,IAAI,CAACH,GAAG;MACpE,mEACOG,IAAI;QACPH,GAAG,EAAEI;MAAO;IAEpB,CAAC,CAAC;EACV,CAAC;AAAA;AAAC"}
+{"version":3,"names":["_constants","require","_appSecurity","getTagsInitialParams","_ref","scope","own","_useSecurity","useSecurity","identity","_objectSpread2","default","createdBy","id","tags_startsWith","tags_not_startsWith","DEFAULT_SCOPE","exports","tagsModifier","tags","filter","_ref2","tag","_ref3","startsWith","map","item","tagName","replace","concat"],"sources":["tagsHelpers.ts"],"sourcesContent":["import { DEFAULT_SCOPE } from \"~/constants\";\nimport { TagItem } from \"@webiny/app-aco/types\";\nimport { useSecurity } from \"@webiny/app-security\";\n\ninterface GetTagsInitialParams {\n    scope?: string;\n    own?: boolean;\n}\n\nexport const getTagsInitialParams = ({ scope, own }: GetTagsInitialParams) => {\n    const { identity } = useSecurity();\n    return {\n        ...(own && { createdBy: identity?.id }),\n        ...(scope ? { tags_startsWith: scope } : { tags_not_startsWith: DEFAULT_SCOPE })\n    };\n};\n\nexport const tagsModifier = (scope?: string) => (tags: TagItem[]) => {\n    return tags\n        .filter(({ tag }) => tag !== scope)\n        .filter(({ tag }) => !tag.startsWith(\"mime:\"))\n        .map(item => {\n            const tagName = scope ? item.tag.replace(`${scope}:`, \"\") : item.tag;\n            return {\n                ...item,\n                tag: tagName\n            };\n        });\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AAOO,IAAME,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,EAA6C;EAAA,IAAvCC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,GAAG,GAAAF,IAAA,CAAHE,GAAG;EAC7C,IAAAC,YAAA,GAAqB,IAAAC,wBAAW,EAAC,CAAC;IAA1BC,QAAQ,GAAAF,YAAA,CAARE,QAAQ;EAChB,WAAAC,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MACQL,GAAG,IAAI;IAAEM,SAAS,EAAEH,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEI;EAAG,CAAC,GAClCR,KAAK,GAAG;IAAES,eAAe,EAAET;EAAM,CAAC,GAAG;IAAEU,mBAAmB,EAAEC;EAAc,CAAC;AAEvF,CAAC;AAACC,OAAA,CAAAd,oBAAA,GAAAA,oBAAA;AAEK,IAAMe,YAAY,GAAG,SAAfA,YAAYA,CAAIb,KAAc;EAAA,OAAK,UAACc,IAAe,EAAK;IACjE,OAAOA,IAAI,CACNC,MAAM,CAAC,UAAAC,KAAA;MAAA,IAAGC,GAAG,GAAAD,KAAA,CAAHC,GAAG;MAAA,OAAOA,GAAG,KAAKjB,KAAK;IAAA,EAAC,CAClCe,MAAM,CAAC,UAAAG,KAAA;MAAA,IAAGD,GAAG,GAAAC,KAAA,CAAHD,GAAG;MAAA,OAAO,CAACA,GAAG,CAACE,UAAU,CAAC,OAAO,CAAC;IAAA,EAAC,CAC7CC,GAAG,CAAC,UAAAC,IAAI,EAAI;MACT,IAAMC,OAAO,GAAGtB,KAAK,GAAGqB,IAAI,CAACJ,GAAG,CAACM,OAAO,IAAAC,MAAA,CAAIxB,KAAK,QAAK,EAAE,CAAC,GAAGqB,IAAI,CAACJ,GAAG;MACpE,WAAAZ,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MACOe,IAAI;QACPJ,GAAG,EAAEK;MAAO;IAEpB,CAAC,CAAC;EACV,CAAC;AAAA;AAACV,OAAA,CAAAC,YAAA,GAAAA,YAAA"}

package/types.d.ts

@@ -25,3 +25,7 @@ export interface QueryGetSettingsResult {
         };
     };
 }
+export interface FileTag {
+    tag: string;
+    count: number;
+}

package/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import * as React from \"react\";\nimport { Plugin } from \"@webiny/plugins/types\";\nimport { SecurityPermission } from \"@webiny/app-security/types\";\n\nexport { FileInput } from \"./modules/FileManagerApiProvider/graphql\";\n\nexport type PermissionRendererPluginRenderFunctionType = (props: {\n    value: SecurityPermission;\n    setValue: (newValue: SecurityPermission) => void;\n}) => React.ReactElement<any>;\n\nexport type PermissionRendererFileManager = Plugin & {\n    type: \"permission-renderer-file-manager\";\n    key: string;\n    label: string;\n    render: PermissionRendererPluginRenderFunctionType;\n};\n\nexport interface Settings {\n    uploadMinFileSize: string;\n    uploadMaxFileSize: string;\n    srcPrefix: string;\n}\nexport interface QueryGetSettingsResult {\n    fileManager: {\n        getSettings: {\n            data: Settings;\n            error: Error | null;\n        };\n    };\n}\n"],"mappings":";;;;;;;;;;;AAIA"}
+{"version":3,"names":["_graphql","require"],"sources":["types.ts"],"sourcesContent":["import * as React from \"react\";\nimport { Plugin } from \"@webiny/plugins/types\";\nimport { SecurityPermission } from \"@webiny/app-security/types\";\n\nexport { FileInput } from \"./modules/FileManagerApiProvider/graphql\";\n\nexport type PermissionRendererPluginRenderFunctionType = (props: {\n    value: SecurityPermission;\n    setValue: (newValue: SecurityPermission) => void;\n}) => React.ReactElement<any>;\n\nexport type PermissionRendererFileManager = Plugin & {\n    type: \"permission-renderer-file-manager\";\n    key: string;\n    label: string;\n    render: PermissionRendererPluginRenderFunctionType;\n};\n\nexport interface Settings {\n    uploadMinFileSize: string;\n    uploadMaxFileSize: string;\n    srcPrefix: string;\n}\nexport interface QueryGetSettingsResult {\n    fileManager: {\n        getSettings: {\n            data: Settings;\n            error: Error | null;\n        };\n    };\n}\n\nexport interface FileTag {\n    tag: string;\n    count: number;\n}\n"],"mappings":";;;;;;;;;;;AAIA,IAAAA,QAAA,GAAAC,OAAA"}

package/components/FileDetails/Aliases.js

@@ -1,232 +0,0 @@
-"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.Aliases = exports.AliasEditor = void 0;
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _DynamicFieldset = require("@webiny/ui/DynamicFieldset");
-var _Input = require("@webiny/ui/Input");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _Typography = require("@webiny/ui/Typography");
-var _Button = require("@webiny/ui/Button");
-var _validation = require("@webiny/validation");
-var _form = require("@webiny/form");
-var _Icon = require("@webiny/ui/Icon");
-var _link = require("@material-design-icons/svg/outlined/link.svg");
-var _edit = require("@material-design-icons/svg/outlined/edit.svg");
-var _delete = require("@material-design-icons/svg/outlined/delete.svg");
-var _appAdmin = require("@webiny/app-admin");
-var _ = require("../..");
-var Fieldset = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "e1buhfku0",
-  label: "Fieldset"
-})({
-  position: "relative",
-  width: "100%",
-  marginBottom: 15,
-  ".webiny-ui-button": {
-    position: "absolute",
-    display: "block",
-    right: 10,
-    top: 13
-  }
-});
-var Header = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "e1buhfku1",
-  label: "Header"
-})({
-  display: "flex",
-  justifyContent: "space-between",
-  marginBottom: 15
-});
-var DeleteAliasButton = /*#__PURE__*/(0, _styled.default)(_Button.IconButton, {
-  label: "DeleteAliasButton",
-  target: "e1buhfku2"
-})("position:absolute;top:5px;right:5px;");
-var AliasList = /*#__PURE__*/(0, _styled.default)("ul", {
-  label: "AliasList",
-  target: "e1buhfku3"
-})("padding-left:48px;li{padding:0;}");
-var PATHNAME_REGEX = /^\/[/.a-zA-Z0-9-]+$/;
-var AliasEditor = function AliasEditor() {
-  var _useBind = (0, _form.useBind)({
-      name: "aliases"
-    }),
-    value = _useBind.value,
-    onChange = _useBind.onChange;
-  var addAlias = function addAlias() {
-    var newValue = Array.isArray(value) ? (0, _toConsumableArray2.default)(value) : [];
-    newValue.push("");
-    if (!onChange) {
-      return;
-    }
-    onChange(newValue);
-  };
-  var aliasValidator = (0, _react.useMemo)(function () {
-    return [_validation.validation.create("required"), function (value) {
-      if (!PATHNAME_REGEX.test(value)) {
-        throw new Error("Value must be a valid pathname.");
-      }
-    }];
-  }, []);
-  return /*#__PURE__*/_react.default.createElement(_DynamicFieldset.DynamicFieldset, {
-    value: value || [""],
-    onChange: onChange
-  }, function (_ref) {
-    var actions = _ref.actions,
-      header = _ref.header,
-      row = _ref.row,
-      empty = _ref.empty;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, row(function (_ref2) {
-      var index = _ref2.index;
-      return /*#__PURE__*/_react.default.createElement(Fieldset, null, /*#__PURE__*/_react.default.createElement(_form.Bind, {
-        validators: aliasValidator,
-        name: "aliases.".concat(index)
-      }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-        placeholder: "Alias",
-        description: "Enter a file path, e.g., /my/custom/file/path.png"
-      })), /*#__PURE__*/_react.default.createElement(DeleteAliasButton, {
-        icon: /*#__PURE__*/_react.default.createElement(_delete.ReactComponent, null),
-        onClick: actions.remove(index)
-      }));
-    }), empty(function () {
-      return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(Header, null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-        use: "overline"
-      }, "File Aliases"), /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
-        onClick: addAlias
-      }, "+ Add Alias")), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-        use: "body2"
-      }, "To make your file accessible via custom paths, add one or more aliases."));
-    }), header(function () {
-      return /*#__PURE__*/_react.default.createElement(Header, null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-        use: "overline"
-      }, "File Aliases"), /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
-        onClick: addAlias
-      }, "+ Add Alias"));
-    }));
-  });
-};
-exports.AliasEditor = AliasEditor;
-var EditButton = /*#__PURE__*/(0, _styled.default)(_Button.IconButton, {
-  label: "EditButton",
-  target: "e1buhfku4"
-})("&.mdc-icon-button svg{width:20px;height:20px;}");
-var EmptyAddAlias = /*#__PURE__*/(0, _styled.default)(_Button.ButtonDefault, {
-  label: "EmptyAddAlias",
-  target: "e1buhfku5"
-})("&.mdc-button:not(:disabled){color:var(--mdc-theme-text-secondary-on-background);text-transform:capitalize;letter-spacing:initial;margin-left:-8px;}");
-var ButtonsWrapper = /*#__PURE__*/(0, _styled.default)("div", {
-  label: "ButtonsWrapper",
-  target: "e1buhfku6"
-})("margin-top:16px;& button:first-of-type{margin-right:16px;}");
-var Aliases = function Aliases() {
-  var _useFileManagerApi = (0, _.useFileManagerApi)(),
-    canEdit = _useFileManagerApi.canEdit;
-  var _useFileManagerAcoVie = (0, _.useFileManagerAcoView)(),
-    updateFile = _useFileManagerAcoVie.updateFile;
-  var _useFile = (0, _.useFile)(),
-    file = _useFile.file;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    isEditing = _useState2[0],
-    setIsEditing = _useState2[1];
-  var _useSnackbar = (0, _appAdmin.useSnackbar)(),
-    showSnackbar = _useSnackbar.showSnackbar;
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    updating = _useState4[0],
-    setUpdating = _useState4[1];
-  var _useState5 = (0, _react.useState)(file.aliases || []),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    aliases = _useState6[0],
-    setAliases = _useState6[1];
-  var isEditingAllowed = canEdit(file);
-  var getUrlWithAlias = function getUrlWithAlias(alias) {
-    var url = new URL(file.src);
-    url.pathname = alias;
-    return url.toString();
-  };
-  var onEdit = function onEdit() {
-    return setIsEditing(true);
-  };
-  var cancelEdit = function cancelEdit() {
-    return setIsEditing(false);
-  };
-  var onSubmit = /*#__PURE__*/function () {
-    var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(_ref3) {
-      var aliases;
-      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            aliases = _ref3.aliases;
-            setUpdating(true);
-            _context.next = 4;
-            return updateFile(file.id, {
-              aliases: aliases
-            });
-          case 4:
-            setAliases(aliases);
-            setUpdating(false);
-            setIsEditing(false);
-            showSnackbar("Aliases successfully updated.");
-          case 8:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function onSubmit(_x) {
-      return _ref4.apply(this, arguments);
-    };
-  }();
-  return /*#__PURE__*/_react.default.createElement(_form.Form, {
-    // An empty string immediately creates an input, for better UX.
-    data: {
-      aliases: aliases.length ? aliases : [""]
-    },
-    onSubmit: onSubmit
-  }, function (_ref5) {
-    var submit = _ref5.submit;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("li-title", null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-      className: "list-item__icon",
-      icon: /*#__PURE__*/_react.default.createElement(_link.ReactComponent, null)
-    }), aliases.length && !isEditing ? /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-      use: "subtitle1",
-      className: "list-item__content"
-    }, "File aliases") : null, !aliases.length && !isEditing ? /*#__PURE__*/_react.default.createElement(EmptyAddAlias, {
-      onClick: onEdit,
-      disabled: !isEditingAllowed,
-      "data-testid": "fm.alias.add"
-    }, "Add aliases...") : null, isEditingAllowed && aliases.length && !isEditing ? /*#__PURE__*/_react.default.createElement(EditButton, {
-      icon: /*#__PURE__*/_react.default.createElement(_edit.ReactComponent, null),
-      onClick: onEdit
-    }) : null), isEditing ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(AliasEditor, null), /*#__PURE__*/_react.default.createElement(ButtonsWrapper, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
-      small: true,
-      onClick: submit,
-      disabled: updating,
-      "data-testid": "fm.aliases.submit"
-    }, updating ? "Saving..." : "Save changes"), /*#__PURE__*/_react.default.createElement(_Button.ButtonSecondary, {
-      small: true,
-      onClick: cancelEdit
-    }, "Cancel"))) : /*#__PURE__*/_react.default.createElement(AliasList, null, aliases.map(function (alias) {
-      return /*#__PURE__*/_react.default.createElement("li", {
-        key: alias
-      }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-        use: "subtitle1",
-        className: "list-item__content"
-      }, "-", " ", /*#__PURE__*/_react.default.createElement("a", {
-        rel: "noreferrer",
-        href: getUrlWithAlias(alias),
-        target: "_blank"
-      }, alias)));
-    })));
-  });
-};
-exports.Aliases = Aliases;

package/components/FileDetails/Aliases.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Fieldset","styled","position","width","marginBottom","display","right","top","Header","justifyContent","DeleteAliasButton","IconButton","AliasList","PATHNAME_REGEX","AliasEditor","useBind","name","value","onChange","addAlias","newValue","Array","isArray","push","aliasValidator","useMemo","validation","create","test","Error","actions","header","row","empty","index","remove","EditButton","EmptyAddAlias","ButtonDefault","ButtonsWrapper","Aliases","useFileManagerApi","canEdit","useFileManagerAcoView","updateFile","useFile","file","useState","isEditing","setIsEditing","useSnackbar","showSnackbar","updating","setUpdating","aliases","setAliases","isEditingAllowed","getUrlWithAlias","alias","url","URL","src","pathname","toString","onEdit","cancelEdit","onSubmit","id","length","submit","map"],"sources":["Aliases.tsx"],"sourcesContent":["import React, { Fragment, useMemo, useState } from \"react\";\nimport { DynamicFieldset } from \"@webiny/ui/DynamicFieldset\";\nimport { Input } from \"@webiny/ui/Input\";\nimport styled from \"@emotion/styled\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { ButtonSecondary, ButtonDefault, IconButton, ButtonPrimary } from \"@webiny/ui/Button\";\nimport { validation } from \"@webiny/validation\";\nimport { Form, Bind, FormOnSubmit, useBind } from \"@webiny/form\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { ReactComponent as LinkIcon } from \"@material-design-icons/svg/outlined/link.svg\";\nimport { ReactComponent as EditIcon } from \"@material-design-icons/svg/outlined/edit.svg\";\nimport { ReactComponent as DeleteIcon } from \"@material-design-icons/svg/outlined/delete.svg\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { useFile, useFileManagerApi, useFileManagerAcoView } from \"~/index\";\n\nconst Fieldset = styled(\"div\")({\n    position: \"relative\",\n    width: \"100%\",\n    marginBottom: 15,\n    \".webiny-ui-button\": {\n        position: \"absolute\",\n        display: \"block\",\n        right: 10,\n        top: 13\n    }\n});\n\nconst Header = styled(\"div\")({\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    marginBottom: 15\n});\n\nconst DeleteAliasButton = styled(IconButton)`\n    position: absolute;\n    top: 5px;\n    right: 5px;\n`;\n\nconst AliasList = styled.ul`\n    padding-left: 48px;\n    li {\n        padding: 0;\n    }\n`;\n\nconst PATHNAME_REGEX = /^\\/[/.a-zA-Z0-9-]+$/;\n\nexport const AliasEditor = () => {\n    const { value, onChange } = useBind<string[]>({ name: \"aliases\" });\n\n    const addAlias = () => {\n        const newValue = Array.isArray(value) ? [...value] : [];\n        newValue.push(\"\");\n        if (!onChange) {\n            return;\n        }\n        onChange(newValue);\n    };\n\n    const aliasValidator = useMemo(() => {\n        return [\n            validation.create(\"required\"),\n            (value: string) => {\n                if (!PATHNAME_REGEX.test(value)) {\n                    throw new Error(\"Value must be a valid pathname.\");\n                }\n            }\n        ];\n    }, []);\n\n    return (\n        <DynamicFieldset value={value || [\"\"]} onChange={onChange}>\n            {({ actions, header, row, empty }) => (\n                <>\n                    {row(({ index }) => (\n                        <Fieldset>\n                            <Bind validators={aliasValidator} name={`aliases.${index}`}>\n                                <Input\n                                    placeholder={\"Alias\"}\n                                    description={\n                                        \"Enter a file path, e.g., /my/custom/file/path.png\"\n                                    }\n                                />\n                            </Bind>\n                            <DeleteAliasButton\n                                icon={<DeleteIcon />}\n                                onClick={actions.remove(index)}\n                            />\n                        </Fieldset>\n                    ))}\n                    {empty(() => (\n                        <Fragment>\n                            <Header>\n                                <Typography use={\"overline\"}>File Aliases</Typography>\n                                <ButtonDefault onClick={addAlias}>+ Add Alias</ButtonDefault>\n                            </Header>\n                            <Typography use={\"body2\"}>\n                                To make your file accessible via custom paths, add one or more\n                                aliases.\n                            </Typography>\n                        </Fragment>\n                    ))}\n                    {header(() => (\n                        <Header>\n                            <Typography use={\"overline\"}>File Aliases</Typography>\n                            <ButtonDefault onClick={addAlias}>+ Add Alias</ButtonDefault>\n                        </Header>\n                    ))}\n                </>\n            )}\n        </DynamicFieldset>\n    );\n};\n\nconst EditButton = styled(IconButton)`\n    &.mdc-icon-button svg {\n        width: 20px;\n        height: 20px;\n    }\n`;\n\nconst EmptyAddAlias = styled(ButtonDefault)`\n    &.mdc-button:not(:disabled) {\n        color: var(--mdc-theme-text-secondary-on-background);\n        text-transform: capitalize;\n        letter-spacing: initial;\n        margin-left: -8px;\n    }\n`;\n\nconst ButtonsWrapper = styled.div`\n    margin-top: 16px;\n    & button:first-of-type {\n        margin-right: 16px;\n    }\n`;\n\ninterface AliasesFormData {\n    aliases: string[];\n}\n\nexport const Aliases = () => {\n    const { canEdit } = useFileManagerApi();\n    const { updateFile } = useFileManagerAcoView();\n    const { file } = useFile();\n    const [isEditing, setIsEditing] = useState(false);\n    const { showSnackbar } = useSnackbar();\n    const [updating, setUpdating] = useState(false);\n    const [aliases, setAliases] = useState<string[]>(file.aliases || []);\n    const isEditingAllowed = canEdit(file);\n\n    const getUrlWithAlias = (alias: string) => {\n        const url = new URL(file.src);\n        url.pathname = alias;\n        return url.toString();\n    };\n\n    const onEdit = () => setIsEditing(true);\n    const cancelEdit = () => setIsEditing(false);\n\n    const onSubmit: FormOnSubmit<AliasesFormData> = async ({ aliases }) => {\n        setUpdating(true);\n        await updateFile(file.id, { aliases });\n        setAliases(aliases);\n        setUpdating(false);\n        setIsEditing(false);\n        showSnackbar(\"Aliases successfully updated.\");\n    };\n\n    return (\n        <Form<AliasesFormData>\n            // An empty string immediately creates an input, for better UX.\n            data={{ aliases: aliases.length ? aliases : [\"\"] }}\n            onSubmit={onSubmit}\n        >\n            {({ submit }) => (\n                <>\n                    <li-title>\n                        <Icon className={\"list-item__icon\"} icon={<LinkIcon />} />\n                        {aliases.length && !isEditing ? (\n                            <Typography use={\"subtitle1\"} className={\"list-item__content\"}>\n                                File aliases\n                            </Typography>\n                        ) : null}\n                        {!aliases.length && !isEditing ? (\n                            <EmptyAddAlias\n                                onClick={onEdit}\n                                disabled={!isEditingAllowed}\n                                data-testid=\"fm.alias.add\"\n                            >\n                                Add aliases...\n                            </EmptyAddAlias>\n                        ) : null}\n\n                        {isEditingAllowed && aliases.length && !isEditing ? (\n                            <EditButton icon={<EditIcon />} onClick={onEdit} />\n                        ) : null}\n                    </li-title>\n                    {isEditing ? (\n                        <>\n                            <AliasEditor />\n                            <ButtonsWrapper>\n                                <ButtonPrimary\n                                    small\n                                    onClick={submit}\n                                    disabled={updating}\n                                    data-testid={\"fm.aliases.submit\"}\n                                >\n                                    {updating ? \"Saving...\" : \"Save changes\"}\n                                </ButtonPrimary>\n                                <ButtonSecondary small onClick={cancelEdit}>\n                                    Cancel\n                                </ButtonSecondary>\n                            </ButtonsWrapper>\n                        </>\n                    ) : (\n                        <AliasList>\n                            {aliases.map(alias => (\n                                <li key={alias}>\n                                    <Typography use={\"subtitle1\"} className={\"list-item__content\"}>\n                                        -{\" \"}\n                                        <a\n                                            rel=\"noreferrer\"\n                                            href={getUrlWithAlias(alias)}\n                                            target={\"_blank\"}\n                                        >\n                                            {alias}\n                                        </a>\n                                    </Typography>\n                                </li>\n                            ))}\n                        </AliasList>\n                    )}\n                </>\n            )}\n        </Form>\n    );\n};\n"],"mappings":"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"}

package/components/FileDetails/DeleteImageAction.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-interface DeleteImageActionProps {
-    onDelete?: () => void;
-}
-export declare const DeleteImageAction: React.VFC<DeleteImageActionProps>;
-export {};

package/components/FileDetails/DeleteImageAction.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["isImage","file","fileType","mime","getType","name","includes","DeleteImageAction","onDelete","useFile","useFileManagerApi","canEdit","useDeleteFile","openDialogDeleteFile","margin"],"sources":["DeleteImageAction.tsx"],"sourcesContent":["import React from \"react\";\nimport mime from \"mime\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { ReactComponent as DeleteIcon } from \"@material-design-icons/svg/outlined/delete.svg\";\nimport { FileItem } from \"@webiny/app-admin/types\";\nimport { useFile, useFileManagerApi } from \"~/index\";\nimport { useDeleteFile } from \"~/hooks/useDeleteFile\";\n\ninterface DeleteImageActionProps {\n    onDelete?: () => void;\n}\n\nconst isImage = (file: FileItem) => {\n    const fileType = mime.getType(file && file.name);\n\n    if (fileType) {\n        return fileType.includes(\"image\");\n    }\n\n    return false;\n};\n\nexport const DeleteImageAction: React.VFC<DeleteImageActionProps> = ({ onDelete }) => {\n    const { file } = useFile();\n    const { canEdit } = useFileManagerApi();\n    const { openDialogDeleteFile } = useDeleteFile({\n        file,\n        onDelete\n    });\n\n    if (!canEdit(file)) {\n        return null;\n    }\n\n    return (\n        <Tooltip\n            content={isImage(file) ? <span>Delete image</span> : <span>Delete file</span>}\n            placement={\"bottom\"}\n        >\n            <IconButton\n                data-testid={\"fm-delete-file-button\"}\n                icon={<DeleteIcon style={{ margin: \"0 8px 0 0\" }} />}\n                onClick={openDialogDeleteFile}\n            />\n        </Tooltip>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AAMA,IAAMA,OAAO,GAAG,SAAVA,OAAO,CAAIC,IAAc,EAAK;EAChC,IAAMC,QAAQ,GAAGC,aAAI,CAACC,OAAO,CAACH,IAAI,IAAIA,IAAI,CAACI,IAAI,CAAC;EAEhD,IAAIH,QAAQ,EAAE;IACV,OAAOA,QAAQ,CAACI,QAAQ,CAAC,OAAO,CAAC;EACrC;EAEA,OAAO,KAAK;AAChB,CAAC;AAEM,IAAMC,iBAAoD,GAAG,SAAvDA,iBAAoD,OAAqB;EAAA,IAAfC,QAAQ,QAARA,QAAQ;EAC3E,eAAiB,IAAAC,SAAO,GAAE;IAAlBR,IAAI,YAAJA,IAAI;EACZ,yBAAoB,IAAAS,mBAAiB,GAAE;IAA/BC,OAAO,sBAAPA,OAAO;EACf,qBAAiC,IAAAC,6BAAa,EAAC;MAC3CX,IAAI,EAAJA,IAAI;MACJO,QAAQ,EAARA;IACJ,CAAC,CAAC;IAHMK,oBAAoB,kBAApBA,oBAAoB;EAK5B,IAAI,CAACF,OAAO,CAACV,IAAI,CAAC,EAAE;IAChB,OAAO,IAAI;EACf;EAEA,oBACI,6BAAC,gBAAO;IACJ,OAAO,EAAED,OAAO,CAACC,IAAI,CAAC,gBAAG,2CAAM,cAAY,CAAO,gBAAG,2CAAM,aAAW,CAAQ;IAC9E,SAAS,EAAE;EAAS,gBAEpB,6BAAC,kBAAU;IACP,eAAa,uBAAwB;IACrC,IAAI,eAAE,6BAAC,sBAAU;MAAC,KAAK,EAAE;QAAEa,MAAM,EAAE;MAAY;IAAE,EAAI;IACrD,OAAO,EAAED;EAAqB,EAChC,CACI;AAElB,CAAC;AAAC"}

package/components/FileDetails/FileProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["FileContext","createContext","undefined","FileProvider","file","children","value","useFile","context","React","useContext","Error"],"sources":["FileProvider.tsx"],"sourcesContent":["import { FileItem } from \"@webiny/app-admin/types\";\nimport React, { createContext } from \"react\";\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":";;;;;;;AACA;AAMO,IAAMA,WAAW,gBAAG,IAAAC,oBAAa,EAA0BC,SAAS,CAAC;AAAC;AAOtE,IAAMC,YAAY,GAAG,SAAfA,YAAY,OAA8C;EAAA,IAAxCC,IAAI,QAAJA,IAAI;IAAEC,QAAQ,QAARA,QAAQ;EACzC,IAAMC,KAAkB,GAAG;IAAEF,IAAI,EAAJA;EAAK,CAAC;EAEnC,oBAAO,6BAAC,WAAW,CAAC,QAAQ;IAAC,KAAK,EAAEE;EAAM,GAAED,QAAQ,CAAwB;AAChF,CAAC;AAAC;AAEK,IAAME,OAAO,GAAG,SAAVA,OAAO,GAAS;EACzB,IAAMC,OAAO,GAAGC,cAAK,CAACC,UAAU,CAACV,WAAW,CAAC;EAC7C,IAAI,CAACQ,OAAO,EAAE;IACV,MAAMG,KAAK,sGAEV;EACL;EAEA,OAAOH,OAAO;AAClB,CAAC;AAAC"}

package/components/FileDetails/Name.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const Name: () => JSX.Element;
-export default Name;

package/components/FileDetails/Name.js

@@ -1,81 +0,0 @@
-"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.default = void 0;
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _react = _interopRequireWildcard(require("react"));
-var _Input = require("@webiny/ui/Input");
-var _form = require("@webiny/form");
-var _validation = require("@webiny/validation");
-var _appAdmin = require("@webiny/app-admin");
-var _ = require("../..");
-var Name = function Name() {
-  var _useFile = (0, _.useFile)(),
-    file = _useFile.file;
-  var name = file.name || "";
-  var _useSnackbar = (0, _appAdmin.useSnackbar)(),
-    showSnackbar = _useSnackbar.showSnackbar;
-  var _useFileManagerApi = (0, _.useFileManagerApi)(),
-    canEdit = _useFileManagerApi.canEdit;
-  var _useFileManagerAcoVie = (0, _.useFileManagerAcoView)(),
-    updateFile = _useFileManagerAcoVie.updateFile;
-  var onSubmit = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(_ref) {
-      var name;
-      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            name = _ref.name;
-            if (!(name === file.name)) {
-              _context.next = 3;
-              break;
-            }
-            return _context.abrupt("return");
-          case 3:
-            _context.next = 5;
-            return updateFile(file.id, {
-              name: name
-            });
-          case 5:
-            showSnackbar("Name successfully updated.");
-          case 6:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function onSubmit(_x) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var editContent = (0, _react.useMemo)(function () {
-    return /*#__PURE__*/_react.default.createElement(_form.Form, {
-      data: {
-        name: name
-      },
-      onSubmit: onSubmit
-    }, function (_ref3) {
-      var Bind = _ref3.Bind,
-        submit = _ref3.submit;
-      return /*#__PURE__*/_react.default.createElement(Bind, {
-        name: "name",
-        validators: _validation.validation.create("required")
-      }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-        disabled: !canEdit(file),
-        autoFocus: true,
-        placeholder: "Enter name",
-        fullwidth: true,
-        onBlur: submit,
-        description: "A descriptive name is easier to remember."
-      }));
-    });
-  }, [name, file.name, canEdit]);
-  return /*#__PURE__*/_react.default.createElement("li-content", null, editContent);
-};
-var _default = Name;
-exports.default = _default;

package/components/FileDetails/Name.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Name","useFile","file","name","useSnackbar","showSnackbar","useFileManagerApi","canEdit","useFileManagerAcoView","updateFile","onSubmit","id","editContent","useMemo","Bind","submit","validation","create"],"sources":["Name.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Form, FormOnSubmit } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { useFile, useFileManagerApi, useFileManagerAcoView } from \"~/index\";\n\ninterface NameFormData {\n    name: string;\n}\n\nconst Name = () => {\n    const { file } = useFile();\n    const name = file.name || \"\";\n    const { showSnackbar } = useSnackbar();\n    const { canEdit } = useFileManagerApi();\n    const { updateFile } = useFileManagerAcoView();\n\n    const onSubmit: FormOnSubmit<NameFormData> = async ({ name }) => {\n        // Bail out if name is same as the current file name.\n        if (name === file.name) {\n            return;\n        }\n\n        await updateFile(file.id, { name });\n\n        showSnackbar(\"Name successfully updated.\");\n    };\n\n    const editContent = useMemo(() => {\n        return (\n            <Form<NameFormData> data={{ name }} onSubmit={onSubmit}>\n                {({ Bind, submit }) => (\n                    <Bind name={\"name\"} validators={validation.create(\"required\")}>\n                        <Input\n                            disabled={!canEdit(file)}\n                            autoFocus\n                            placeholder={\"Enter name\"}\n                            fullwidth={true}\n                            onBlur={submit}\n                            description={\"A descriptive name is easier to remember.\"}\n                        />\n                    </Bind>\n                )}\n            </Form>\n        );\n    }, [name, file.name, canEdit]);\n\n    return <li-content>{editContent}</li-content>;\n};\n\nexport default Name;\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAMA,IAAMA,IAAI,GAAG,SAAPA,IAAI,GAAS;EACf,eAAiB,IAAAC,SAAO,GAAE;IAAlBC,IAAI,YAAJA,IAAI;EACZ,IAAMC,IAAI,GAAGD,IAAI,CAACC,IAAI,IAAI,EAAE;EAC5B,mBAAyB,IAAAC,qBAAW,GAAE;IAA9BC,YAAY,gBAAZA,YAAY;EACpB,yBAAoB,IAAAC,mBAAiB,GAAE;IAA/BC,OAAO,sBAAPA,OAAO;EACf,4BAAuB,IAAAC,uBAAqB,GAAE;IAAtCC,UAAU,yBAAVA,UAAU;EAElB,IAAMC,QAAoC;IAAA,mGAAG;MAAA;MAAA;QAAA;UAAA;YAASP,IAAI,QAAJA,IAAI;YAAA,MAElDA,IAAI,KAAKD,IAAI,CAACC,IAAI;cAAA;cAAA;YAAA;YAAA;UAAA;YAAA;YAAA,OAIhBM,UAAU,CAACP,IAAI,CAACS,EAAE,EAAE;cAAER,IAAI,EAAJA;YAAK,CAAC,CAAC;UAAA;YAEnCE,YAAY,CAAC,4BAA4B,CAAC;UAAC;UAAA;YAAA;QAAA;MAAA;IAAA,CAC9C;IAAA,gBATKK,QAAoC;MAAA;IAAA;EAAA,GASzC;EAED,IAAME,WAAW,GAAG,IAAAC,cAAO,EAAC,YAAM;IAC9B,oBACI,6BAAC,UAAI;MAAe,IAAI,EAAE;QAAEV,IAAI,EAAJA;MAAK,CAAE;MAAC,QAAQ,EAAEO;IAAS,GAClD;MAAA,IAAGI,IAAI,SAAJA,IAAI;QAAEC,MAAM,SAANA,MAAM;MAAA,oBACZ,6BAAC,IAAI;QAAC,IAAI,EAAE,MAAO;QAAC,UAAU,EAAEC,sBAAU,CAACC,MAAM,CAAC,UAAU;MAAE,gBAC1D,6BAAC,YAAK;QACF,QAAQ,EAAE,CAACV,OAAO,CAACL,IAAI,CAAE;QACzB,SAAS;QACT,WAAW,EAAE,YAAa;QAC1B,SAAS,EAAE,IAAK;QAChB,MAAM,EAAEa,MAAO;QACf,WAAW,EAAE;MAA4C,EAC3D,CACC;IAAA,CACV,CACE;EAEf,CAAC,EAAE,CAACZ,IAAI,EAAED,IAAI,CAACC,IAAI,EAAEI,OAAO,CAAC,CAAC;EAE9B,oBAAO,iDAAaK,WAAW,CAAc;AACjD,CAAC;AAAC,eAEaZ,IAAI;AAAA"}

package/components/FileDetails/Tags.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-interface TagsProps {
-    scope?: string;
-    own?: boolean;
-}
-declare const Tags: React.VFC<TagsProps>;
-export default Tags;