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

package/components/fields/Aliases.js

@@ -1,136 +1,85 @@
-"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 = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireWildcard(require("react"));
-var _delete = require("@material-design-icons/svg/outlined/delete.svg");
-var _DynamicFieldset = require("@webiny/ui/DynamicFieldset");
-var _Input = require("@webiny/ui/Input");
-var _Typography = require("@webiny/ui/Typography");
-var _Button = require("@webiny/ui/Button");
-var _validation = require("@webiny/validation");
-var _form = require("@webiny/form");
-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 Fieldset = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1f610363"
-} : {
-  target: "e1f610363",
-  label: "Fieldset"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1ismlu1",
-  styles: "position:relative;width:100%;margin-bottom:15px;.webiny-ui-button{position:absolute;display:block;right:10px;top:13px;}"
-} : {
-  name: "1ismlu1",
-  styles: "position:relative;width:100%;margin-bottom:15px;.webiny-ui-button{position:absolute;display:block;right:10px;top:13px;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFsaWFzZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVpQiIsImZpbGUiOiJBbGlhc2VzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBEZWxldGVJY29uIH0gZnJvbSBcIkBtYXRlcmlhbC1kZXNpZ24taWNvbnMvc3ZnL291dGxpbmVkL2RlbGV0ZS5zdmdcIjtcbmltcG9ydCB7IER5bmFtaWNGaWVsZHNldCB9IGZyb20gXCJAd2ViaW55L3VpL0R5bmFtaWNGaWVsZHNldFwiO1xuaW1wb3J0IHsgSW5wdXQgfSBmcm9tIFwiQHdlYmlueS91aS9JbnB1dFwiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IEJ1dHRvbkRlZmF1bHQsIEljb25CdXR0b24gfSBmcm9tIFwiQHdlYmlueS91aS9CdXR0b25cIjtcbmltcG9ydCB7IHZhbGlkYXRpb24gfSBmcm9tIFwiQHdlYmlueS92YWxpZGF0aW9uXCI7XG5pbXBvcnQgeyBCaW5kLCB1c2VCaW5kIH0gZnJvbSBcIkB3ZWJpbnkvZm9ybVwiO1xuXG5jb25zdCBGaWVsZHNldCA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgbWFyZ2luQm90dG9tOiAxNSxcbiAgICBcIi53ZWJpbnktdWktYnV0dG9uXCI6IHtcbiAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgICAgICByaWdodDogMTAsXG4gICAgICAgIHRvcDogMTNcbiAgICB9XG59KTtcblxuY29uc3QgSGVhZGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1iZXR3ZWVuXCJcbn0pO1xuXG5jb25zdCBEZWxldGVBbGlhc0J1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uKWBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiA1cHg7XG4gICAgcmlnaHQ6IDVweDtcbmA7XG5cbmNvbnN0IEZpbGVBbGlhc01lc3NhZ2UgPSBzdHlsZWQoXCJzcGFuXCIpYFxuICAgIGNvbG9yOiB2YXIoLS1tZGMtdGhlbWUtdGV4dC1zZWNvbmRhcnktb24tYmFja2dyb3VuZCk7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuYDtcblxuY29uc3QgUEFUSE5BTUVfUkVHRVggPSAvXlxcL1svLmEtekEtWjAtOS1fXSskLztcblxuZXhwb3J0IGNvbnN0IEFsaWFzZXMgPSAoKSA9PiB7XG4gICAgY29uc3QgeyB2YWx1ZSwgb25DaGFuZ2UgfSA9IHVzZUJpbmQoeyBuYW1lOiBcImFsaWFzZXNcIiB9KTtcblxuICAgIGNvbnN0IGFkZEFsaWFzID0gKCkgPT4ge1xuICAgICAgICBjb25zdCBuZXdWYWx1ZSA9IEFycmF5LmlzQXJyYXkodmFsdWUpID8gWy4uLnZhbHVlXSA6IFtdO1xuICAgICAgICBuZXdWYWx1ZS5wdXNoKFwiXCIpO1xuICAgICAgICBpZiAoIW9uQ2hhbmdlKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cbiAgICAgICAgb25DaGFuZ2UobmV3VmFsdWUpO1xuICAgIH07XG5cbiAgICBjb25zdCBhbGlhc1ZhbGlkYXRvciA9IHVzZU1lbW8oKCkgPT4ge1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgICAgdmFsaWRhdGlvbi5jcmVhdGUoXCJyZXF1aXJlZFwiKSxcbiAgICAgICAgICAgICh2YWx1ZTogc3RyaW5nKSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKCFQQVRITkFNRV9SRUdFWC50ZXN0KHZhbHVlKSkge1xuICAgICAgICAgICAgICAgICAgICB0aHJvdyBuZXcgRXJyb3IoXCJWYWx1ZSBtdXN0IGJlIGEgdmFsaWQgcGF0aG5hbWUuXCIpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgXTtcbiAgICB9LCBbXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8RHluYW1pY0ZpZWxkc2V0IHZhbHVlPXt2YWx1ZSB8fCBbXCJcIl19IG9uQ2hhbmdlPXtvbkNoYW5nZX0+XG4gICAgICAgICAgICB7KHsgYWN0aW9ucywgaGVhZGVyLCByb3csIGVtcHR5IH0pID0+IChcbiAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAgICB7cm93KCh7IGluZGV4IH0pID0+IChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxGaWVsZHNldD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8QmluZCB2YWxpZGF0b3JzPXthbGlhc1ZhbGlkYXRvcn0gbmFtZT17YGFsaWFzZXMuJHtpbmRleH1gfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPElucHV0XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj17XCJBbGlhc1wifVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZGVzY3JpcHRpb249e1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFwiRW50ZXIgYSBmaWxlIHBhdGgsIGUuZy4sIC9teS9jdXN0b20vZmlsZS9wYXRoLnBuZ1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9CaW5kPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxEZWxldGVBbGlhc0J1dHRvblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpY29uPXs8RGVsZXRlSWNvbiAvPn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17YWN0aW9ucy5yZW1vdmUoaW5kZXgpfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0ZpZWxkc2V0PlxuICAgICAgICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgICAgICAgICAge2VtcHR5KCgpID0+IChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxGcmFnbWVudD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8SGVhZGVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8VHlwb2dyYXBoeSB1c2U9e1wib3ZlcmxpbmVcIn0+RmlsZSBBbGlhc2VzPC9UeXBvZ3JhcGh5PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8QnV0dG9uRGVmYXVsdCBvbkNsaWNrPXthZGRBbGlhc30+KyBBZGQgQWxpYXM8L0J1dHRvbkRlZmF1bHQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9IZWFkZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPFR5cG9ncmFwaHkgdXNlPXtcImNhcHRpb25cIn0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGaWxlQWxpYXNNZXNzYWdlPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgVG8gbWFrZSB5b3VyIGZpbGUgYWNjZXNzaWJsZSB2aWEgY3VzdG9tIHBhdGhzLCBhZGQgb25lIG9yIG1vcmVcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGFsaWFzZXMuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvRmlsZUFsaWFzTWVzc2FnZT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L1R5cG9ncmFwaHk+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0ZyYWdtZW50PlxuICAgICAgICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgICAgICAgICAge2hlYWRlcigoKSA9PiAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8SGVhZGVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxUeXBvZ3JhcGh5IHVzZT17XCJvdmVybGluZVwifT5GaWxlIEFsaWFzZXM8L1R5cG9ncmFwaHk+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPEJ1dHRvbkRlZmF1bHQgb25DbGljaz17YWRkQWxpYXN9PisgQWRkIEFsaWFzPC9CdXR0b25EZWZhdWx0PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9IZWFkZXI+XG4gICAgICAgICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgPC9EeW5hbWljRmllbGRzZXQ+XG4gICAgKTtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var Header = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1f610362"
-} : {
-  target: "e1f610362",
-  label: "Header"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1eoy87d",
-  styles: "display:flex;justify-content:space-between"
-} : {
-  name: "1eoy87d",
-  styles: "display:flex;justify-content:space-between",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFsaWFzZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCZSIsImZpbGUiOiJBbGlhc2VzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBEZWxldGVJY29uIH0gZnJvbSBcIkBtYXRlcmlhbC1kZXNpZ24taWNvbnMvc3ZnL291dGxpbmVkL2RlbGV0ZS5zdmdcIjtcbmltcG9ydCB7IER5bmFtaWNGaWVsZHNldCB9IGZyb20gXCJAd2ViaW55L3VpL0R5bmFtaWNGaWVsZHNldFwiO1xuaW1wb3J0IHsgSW5wdXQgfSBmcm9tIFwiQHdlYmlueS91aS9JbnB1dFwiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IEJ1dHRvbkRlZmF1bHQsIEljb25CdXR0b24gfSBmcm9tIFwiQHdlYmlueS91aS9CdXR0b25cIjtcbmltcG9ydCB7IHZhbGlkYXRpb24gfSBmcm9tIFwiQHdlYmlueS92YWxpZGF0aW9uXCI7XG5pbXBvcnQgeyBCaW5kLCB1c2VCaW5kIH0gZnJvbSBcIkB3ZWJpbnkvZm9ybVwiO1xuXG5jb25zdCBGaWVsZHNldCA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgbWFyZ2luQm90dG9tOiAxNSxcbiAgICBcIi53ZWJpbnktdWktYnV0dG9uXCI6IHtcbiAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgICAgICByaWdodDogMTAsXG4gICAgICAgIHRvcDogMTNcbiAgICB9XG59KTtcblxuY29uc3QgSGVhZGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1iZXR3ZWVuXCJcbn0pO1xuXG5jb25zdCBEZWxldGVBbGlhc0J1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uKWBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiA1cHg7XG4gICAgcmlnaHQ6IDVweDtcbmA7XG5cbmNvbnN0IEZpbGVBbGlhc01lc3NhZ2UgPSBzdHlsZWQoXCJzcGFuXCIpYFxuICAgIGNvbG9yOiB2YXIoLS1tZGMtdGhlbWUtdGV4dC1zZWNvbmRhcnktb24tYmFja2dyb3VuZCk7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuYDtcblxuY29uc3QgUEFUSE5BTUVfUkVHRVggPSAvXlxcL1svLmEtekEtWjAtOS1fXSskLztcblxuZXhwb3J0IGNvbnN0IEFsaWFzZXMgPSAoKSA9PiB7XG4gICAgY29uc3QgeyB2YWx1ZSwgb25DaGFuZ2UgfSA9IHVzZUJpbmQoeyBuYW1lOiBcImFsaWFzZXNcIiB9KTtcblxuICAgIGNvbnN0IGFkZEFsaWFzID0gKCkgPT4ge1xuICAgICAgICBjb25zdCBuZXdWYWx1ZSA9IEFycmF5LmlzQXJyYXkodmFsdWUpID8gWy4uLnZhbHVlXSA6IFtdO1xuICAgICAgICBuZXdWYWx1ZS5wdXNoKFwiXCIpO1xuICAgICAgICBpZiAoIW9uQ2hhbmdlKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cbiAgICAgICAgb25DaGFuZ2UobmV3VmFsdWUpO1xuICAgIH07XG5cbiAgICBjb25zdCBhbGlhc1ZhbGlkYXRvciA9IHVzZU1lbW8oKCkgPT4ge1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgICAgdmFsaWRhdGlvbi5jcmVhdGUoXCJyZXF1aXJlZFwiKSxcbiAgICAgICAgICAgICh2YWx1ZTogc3RyaW5nKSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKCFQQVRITkFNRV9SRUdFWC50ZXN0KHZhbHVlKSkge1xuICAgICAgICAgICAgICAgICAgICB0aHJvdyBuZXcgRXJyb3IoXCJWYWx1ZSBtdXN0IGJlIGEgdmFsaWQgcGF0aG5hbWUuXCIpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgXTtcbiAgICB9LCBbXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8RHluYW1pY0ZpZWxkc2V0IHZhbHVlPXt2YWx1ZSB8fCBbXCJcIl19IG9uQ2hhbmdlPXtvbkNoYW5nZX0+XG4gICAgICAgICAgICB7KHsgYWN0aW9ucywgaGVhZGVyLCByb3csIGVtcHR5IH0pID0+IChcbiAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAgICB7cm93KCh7IGluZGV4IH0pID0+IChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxGaWVsZHNldD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8QmluZCB2YWxpZGF0b3JzPXthbGlhc1ZhbGlkYXRvcn0gbmFtZT17YGFsaWFzZXMuJHtpbmRleH1gfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPElucHV0XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj17XCJBbGlhc1wifVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZGVzY3JpcHRpb249e1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFwiRW50ZXIgYSBmaWxlIHBhdGgsIGUuZy4sIC9teS9jdXN0b20vZmlsZS9wYXRoLnBuZ1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9CaW5kPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxEZWxldGVBbGlhc0J1dHRvblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpY29uPXs8RGVsZXRlSWNvbiAvPn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17YWN0aW9ucy5yZW1vdmUoaW5kZXgpfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0ZpZWxkc2V0PlxuICAgICAgICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgICAgICAgICAge2VtcHR5KCgpID0+IChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxGcmFnbWVudD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8SGVhZGVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8VHlwb2dyYXBoeSB1c2U9e1wib3ZlcmxpbmVcIn0+RmlsZSBBbGlhc2VzPC9UeXBvZ3JhcGh5PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8QnV0dG9uRGVmYXVsdCBvbkNsaWNrPXthZGRBbGlhc30+KyBBZGQgQWxpYXM8L0J1dHRvbkRlZmF1bHQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9IZWFkZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPFR5cG9ncmFwaHkgdXNlPXtcImNhcHRpb25cIn0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGaWxlQWxpYXNNZXNzYWdlPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgVG8gbWFrZSB5b3VyIGZpbGUgYWNjZXNzaWJsZSB2aWEgY3VzdG9tIHBhdGhzLCBhZGQgb25lIG9yIG1vcmVcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGFsaWFzZXMuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvRmlsZUFsaWFzTWVzc2FnZT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L1R5cG9ncmFwaHk+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0ZyYWdtZW50PlxuICAgICAgICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgICAgICAgICAge2hlYWRlcigoKSA9PiAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8SGVhZGVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxUeXBvZ3JhcGh5IHVzZT17XCJvdmVybGluZVwifT5GaWxlIEFsaWFzZXM8L1R5cG9ncmFwaHk+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPEJ1dHRvbkRlZmF1bHQgb25DbGljaz17YWRkQWxpYXN9PisgQWRkIEFsaWFzPC9CdXR0b25EZWZhdWx0PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9IZWFkZXI+XG4gICAgICAgICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgPC9EeW5hbWljRmllbGRzZXQ+XG4gICAgKTtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var DeleteAliasButton = /*#__PURE__*/(0, _base.default)(_Button.IconButton, process.env.NODE_ENV === "production" ? {
-  target: "e1f610361"
-} : {
-  target: "e1f610361",
-  label: "DeleteAliasButton"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1em5xmo",
-  styles: "position:absolute;top:5px;right:5px"
-} : {
-  name: "1em5xmo",
-  styles: "position:absolute;top:5px;right:5px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFsaWFzZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCNEMiLCJmaWxlIjoiQWxpYXNlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQsIHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgUmVhY3RDb21wb25lbnQgYXMgRGVsZXRlSWNvbiB9IGZyb20gXCJAbWF0ZXJpYWwtZGVzaWduLWljb25zL3N2Zy9vdXRsaW5lZC9kZWxldGUuc3ZnXCI7XG5pbXBvcnQgeyBEeW5hbWljRmllbGRzZXQgfSBmcm9tIFwiQHdlYmlueS91aS9EeW5hbWljRmllbGRzZXRcIjtcbmltcG9ydCB7IElucHV0IH0gZnJvbSBcIkB3ZWJpbnkvdWkvSW5wdXRcIjtcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tIFwiQHdlYmlueS91aS9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBCdXR0b25EZWZhdWx0LCBJY29uQnV0dG9uIH0gZnJvbSBcIkB3ZWJpbnkvdWkvQnV0dG9uXCI7XG5pbXBvcnQgeyB2YWxpZGF0aW9uIH0gZnJvbSBcIkB3ZWJpbnkvdmFsaWRhdGlvblwiO1xuaW1wb3J0IHsgQmluZCwgdXNlQmluZCB9IGZyb20gXCJAd2ViaW55L2Zvcm1cIjtcblxuY29uc3QgRmllbGRzZXQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIG1hcmdpbkJvdHRvbTogMTUsXG4gICAgXCIud2ViaW55LXVpLWJ1dHRvblwiOiB7XG4gICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICAgICAgcmlnaHQ6IDEwLFxuICAgICAgICB0b3A6IDEzXG4gICAgfVxufSk7XG5cbmNvbnN0IEhlYWRlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYmV0d2VlblwiXG59KTtcblxuY29uc3QgRGVsZXRlQWxpYXNCdXR0b24gPSBzdHlsZWQoSWNvbkJ1dHRvbilgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogNXB4O1xuICAgIHJpZ2h0OiA1cHg7XG5gO1xuXG5jb25zdCBGaWxlQWxpYXNNZXNzYWdlID0gc3R5bGVkKFwic3BhblwiKWBcbiAgICBjb2xvcjogdmFyKC0tbWRjLXRoZW1lLXRleHQtc2Vjb25kYXJ5LW9uLWJhY2tncm91bmQpO1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbmA7XG5cbmNvbnN0IFBBVEhOQU1FX1JFR0VYID0gL15cXC9bLy5hLXpBLVowLTktX10rJC87XG5cbmV4cG9ydCBjb25zdCBBbGlhc2VzID0gKCkgPT4ge1xuICAgIGNvbnN0IHsgdmFsdWUsIG9uQ2hhbmdlIH0gPSB1c2VCaW5kKHsgbmFtZTogXCJhbGlhc2VzXCIgfSk7XG5cbiAgICBjb25zdCBhZGRBbGlhcyA9ICgpID0+IHtcbiAgICAgICAgY29uc3QgbmV3VmFsdWUgPSBBcnJheS5pc0FycmF5KHZhbHVlKSA/IFsuLi52YWx1ZV0gOiBbXTtcbiAgICAgICAgbmV3VmFsdWUucHVzaChcIlwiKTtcbiAgICAgICAgaWYgKCFvbkNoYW5nZSkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIG9uQ2hhbmdlKG5ld1ZhbHVlKTtcbiAgICB9O1xuXG4gICAgY29uc3QgYWxpYXNWYWxpZGF0b3IgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgICAgcmV0dXJuIFtcbiAgICAgICAgICAgIHZhbGlkYXRpb24uY3JlYXRlKFwicmVxdWlyZWRcIiksXG4gICAgICAgICAgICAodmFsdWU6IHN0cmluZykgPT4ge1xuICAgICAgICAgICAgICAgIGlmICghUEFUSE5BTUVfUkVHRVgudGVzdCh2YWx1ZSkpIHtcbiAgICAgICAgICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKFwiVmFsdWUgbXVzdCBiZSBhIHZhbGlkIHBhdGhuYW1lLlwiKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIF07XG4gICAgfSwgW10pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPER5bmFtaWNGaWVsZHNldCB2YWx1ZT17dmFsdWUgfHwgW1wiXCJdfSBvbkNoYW5nZT17b25DaGFuZ2V9PlxuICAgICAgICAgICAgeyh7IGFjdGlvbnMsIGhlYWRlciwgcm93LCBlbXB0eSB9KSA9PiAoXG4gICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAge3JvdygoeyBpbmRleCB9KSA9PiAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8RmllbGRzZXQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPEJpbmQgdmFsaWRhdG9ycz17YWxpYXNWYWxpZGF0b3J9IG5hbWU9e2BhbGlhc2VzLiR7aW5kZXh9YH0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxJbnB1dFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e1wiQWxpYXNcIn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRlc2NyaXB0aW9uPXtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBcIkVudGVyIGEgZmlsZSBwYXRoLCBlLmcuLCAvbXkvY3VzdG9tL2ZpbGUvcGF0aC5wbmdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQmluZD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8RGVsZXRlQWxpYXNCdXR0b25cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaWNvbj17PERlbGV0ZUljb24gLz59XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2FjdGlvbnMucmVtb3ZlKGluZGV4KX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9GaWVsZHNldD5cbiAgICAgICAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICAgICAgICAgIHtlbXB0eSgoKSA9PiAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8RnJhZ21lbnQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPEhlYWRlcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPFR5cG9ncmFwaHkgdXNlPXtcIm92ZXJsaW5lXCJ9PkZpbGUgQWxpYXNlczwvVHlwb2dyYXBoeT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEJ1dHRvbkRlZmF1bHQgb25DbGljaz17YWRkQWxpYXN9PisgQWRkIEFsaWFzPC9CdXR0b25EZWZhdWx0PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvSGVhZGVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxUeXBvZ3JhcGh5IHVzZT17XCJjYXB0aW9uXCJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8RmlsZUFsaWFzTWVzc2FnZT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFRvIG1ha2UgeW91ciBmaWxlIGFjY2Vzc2libGUgdmlhIGN1c3RvbSBwYXRocywgYWRkIG9uZSBvciBtb3JlXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBhbGlhc2VzLlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0ZpbGVBbGlhc01lc3NhZ2U+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9UeXBvZ3JhcGh5PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9GcmFnbWVudD5cbiAgICAgICAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICAgICAgICAgIHtoZWFkZXIoKCkgPT4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgPEhlYWRlcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8VHlwb2dyYXBoeSB1c2U9e1wib3ZlcmxpbmVcIn0+RmlsZSBBbGlhc2VzPC9UeXBvZ3JhcGh5PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxCdXR0b25EZWZhdWx0IG9uQ2xpY2s9e2FkZEFsaWFzfT4rIEFkZCBBbGlhczwvQnV0dG9uRGVmYXVsdD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvSGVhZGVyPlxuICAgICAgICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICl9XG4gICAgICAgIDwvRHluYW1pY0ZpZWxkc2V0PlxuICAgICk7XG59O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var FileAliasMessage = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {
-  target: "e1f610360"
-} : {
-  target: "e1f610360",
-  label: "FileAliasMessage"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1438pbo",
-  styles: "color:var(--mdc-theme-text-secondary-on-background);font-size:12px"
-} : {
-  name: "1438pbo",
-  styles: "color:var(--mdc-theme-text-secondary-on-background);font-size:12px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFsaWFzZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDdUMiLCJmaWxlIjoiQWxpYXNlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQsIHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgUmVhY3RDb21wb25lbnQgYXMgRGVsZXRlSWNvbiB9IGZyb20gXCJAbWF0ZXJpYWwtZGVzaWduLWljb25zL3N2Zy9vdXRsaW5lZC9kZWxldGUuc3ZnXCI7XG5pbXBvcnQgeyBEeW5hbWljRmllbGRzZXQgfSBmcm9tIFwiQHdlYmlueS91aS9EeW5hbWljRmllbGRzZXRcIjtcbmltcG9ydCB7IElucHV0IH0gZnJvbSBcIkB3ZWJpbnkvdWkvSW5wdXRcIjtcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tIFwiQHdlYmlueS91aS9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBCdXR0b25EZWZhdWx0LCBJY29uQnV0dG9uIH0gZnJvbSBcIkB3ZWJpbnkvdWkvQnV0dG9uXCI7XG5pbXBvcnQgeyB2YWxpZGF0aW9uIH0gZnJvbSBcIkB3ZWJpbnkvdmFsaWRhdGlvblwiO1xuaW1wb3J0IHsgQmluZCwgdXNlQmluZCB9IGZyb20gXCJAd2ViaW55L2Zvcm1cIjtcblxuY29uc3QgRmllbGRzZXQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIG1hcmdpbkJvdHRvbTogMTUsXG4gICAgXCIud2ViaW55LXVpLWJ1dHRvblwiOiB7XG4gICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICAgICAgcmlnaHQ6IDEwLFxuICAgICAgICB0b3A6IDEzXG4gICAgfVxufSk7XG5cbmNvbnN0IEhlYWRlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYmV0d2VlblwiXG59KTtcblxuY29uc3QgRGVsZXRlQWxpYXNCdXR0b24gPSBzdHlsZWQoSWNvbkJ1dHRvbilgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogNXB4O1xuICAgIHJpZ2h0OiA1cHg7XG5gO1xuXG5jb25zdCBGaWxlQWxpYXNNZXNzYWdlID0gc3R5bGVkKFwic3BhblwiKWBcbiAgICBjb2xvcjogdmFyKC0tbWRjLXRoZW1lLXRleHQtc2Vjb25kYXJ5LW9uLWJhY2tncm91bmQpO1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbmA7XG5cbmNvbnN0IFBBVEhOQU1FX1JFR0VYID0gL15cXC9bLy5hLXpBLVowLTktX10rJC87XG5cbmV4cG9ydCBjb25zdCBBbGlhc2VzID0gKCkgPT4ge1xuICAgIGNvbnN0IHsgdmFsdWUsIG9uQ2hhbmdlIH0gPSB1c2VCaW5kKHsgbmFtZTogXCJhbGlhc2VzXCIgfSk7XG5cbiAgICBjb25zdCBhZGRBbGlhcyA9ICgpID0+IHtcbiAgICAgICAgY29uc3QgbmV3VmFsdWUgPSBBcnJheS5pc0FycmF5KHZhbHVlKSA/IFsuLi52YWx1ZV0gOiBbXTtcbiAgICAgICAgbmV3VmFsdWUucHVzaChcIlwiKTtcbiAgICAgICAgaWYgKCFvbkNoYW5nZSkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIG9uQ2hhbmdlKG5ld1ZhbHVlKTtcbiAgICB9O1xuXG4gICAgY29uc3QgYWxpYXNWYWxpZGF0b3IgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgICAgcmV0dXJuIFtcbiAgICAgICAgICAgIHZhbGlkYXRpb24uY3JlYXRlKFwicmVxdWlyZWRcIiksXG4gICAgICAgICAgICAodmFsdWU6IHN0cmluZykgPT4ge1xuICAgICAgICAgICAgICAgIGlmICghUEFUSE5BTUVfUkVHRVgudGVzdCh2YWx1ZSkpIHtcbiAgICAgICAgICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKFwiVmFsdWUgbXVzdCBiZSBhIHZhbGlkIHBhdGhuYW1lLlwiKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIF07XG4gICAgfSwgW10pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPER5bmFtaWNGaWVsZHNldCB2YWx1ZT17dmFsdWUgfHwgW1wiXCJdfSBvbkNoYW5nZT17b25DaGFuZ2V9PlxuICAgICAgICAgICAgeyh7IGFjdGlvbnMsIGhlYWRlciwgcm93LCBlbXB0eSB9KSA9PiAoXG4gICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAge3JvdygoeyBpbmRleCB9KSA9PiAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8RmllbGRzZXQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPEJpbmQgdmFsaWRhdG9ycz17YWxpYXNWYWxpZGF0b3J9IG5hbWU9e2BhbGlhc2VzLiR7aW5kZXh9YH0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxJbnB1dFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e1wiQWxpYXNcIn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRlc2NyaXB0aW9uPXtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBcIkVudGVyIGEgZmlsZSBwYXRoLCBlLmcuLCAvbXkvY3VzdG9tL2ZpbGUvcGF0aC5wbmdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQmluZD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8RGVsZXRlQWxpYXNCdXR0b25cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaWNvbj17PERlbGV0ZUljb24gLz59XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2FjdGlvbnMucmVtb3ZlKGluZGV4KX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9GaWVsZHNldD5cbiAgICAgICAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICAgICAgICAgIHtlbXB0eSgoKSA9PiAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8RnJhZ21lbnQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPEhlYWRlcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPFR5cG9ncmFwaHkgdXNlPXtcIm92ZXJsaW5lXCJ9PkZpbGUgQWxpYXNlczwvVHlwb2dyYXBoeT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEJ1dHRvbkRlZmF1bHQgb25DbGljaz17YWRkQWxpYXN9PisgQWRkIEFsaWFzPC9CdXR0b25EZWZhdWx0PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvSGVhZGVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxUeXBvZ3JhcGh5IHVzZT17XCJjYXB0aW9uXCJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8RmlsZUFsaWFzTWVzc2FnZT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFRvIG1ha2UgeW91ciBmaWxlIGFjY2Vzc2libGUgdmlhIGN1c3RvbSBwYXRocywgYWRkIG9uZSBvciBtb3JlXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBhbGlhc2VzLlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0ZpbGVBbGlhc01lc3NhZ2U+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9UeXBvZ3JhcGh5PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9GcmFnbWVudD5cbiAgICAgICAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICAgICAgICAgIHtoZWFkZXIoKCkgPT4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgPEhlYWRlcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8VHlwb2dyYXBoeSB1c2U9e1wib3ZlcmxpbmVcIn0+RmlsZSBBbGlhc2VzPC9UeXBvZ3JhcGh5PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxCdXR0b25EZWZhdWx0IG9uQ2xpY2s9e2FkZEFsaWFzfT4rIEFkZCBBbGlhczwvQnV0dG9uRGVmYXVsdD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvSGVhZGVyPlxuICAgICAgICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICl9XG4gICAgICAgIDwvRHluYW1pY0ZpZWxkc2V0PlxuICAgICk7XG59O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var PATHNAME_REGEX = /^\/[/.a-zA-Z0-9-_]+$/;
-var Aliases = exports.Aliases = function Aliases() {
-  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) {
+import React, { useMemo } from "react";
+import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
+import { ReactComponent as DeleteIcon } from "@webiny/icons/delete.svg";
+import { validation } from "@webiny/validation";
+import { Bind, useBind } from "@webiny/form";
+import { Button, DynamicFieldset, Heading, IconButton, Input, Text } from "@webiny/admin-ui";
+const PATHNAME_REGEX = /^\/[/.a-zA-Z0-9-_]+$/;
+const Header = () => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Heading, {
+    level: 6,
+    className: "wby-text-neutral-primary"
+  }, "File Aliases"), /*#__PURE__*/React.createElement(Text, {
+    size: "sm",
+    as: "div",
+    className: "wby-mt-xs"
+  }, "To make your file accessible via custom paths, add one or more aliases."));
+};
+const Footer = ({
+  addAlias
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-mt-md"
+  }, /*#__PURE__*/React.createElement(Button, {
+    onClick: addAlias,
+    text: "Add Alias",
+    variant: "secondary",
+    size: "sm",
+    icon: /*#__PURE__*/React.createElement(AddIcon, null)
+  }));
+};
+export const Aliases = () => {
+  const {
+    value,
+    onChange
+  } = useBind({
+    name: "aliases"
+  });
+  const aliasValidator = useMemo(() => {
+    return [validation.create("required"), value => {
       if (!PATHNAME_REGEX.test(value)) {
         throw new Error("Value must be a valid pathname.");
       }
     }];
   }, []);
-  return /*#__PURE__*/_react.default.createElement(_DynamicFieldset.DynamicFieldset, {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-my-lg"
+  }, /*#__PURE__*/React.createElement(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: "caption"
-      }, /*#__PURE__*/_react.default.createElement(FileAliasMessage, null, "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"));
-    }));
-  });
+    onChange: onChange,
+    onAdd: () => ""
+  }, ({
+    actions,
+    header,
+    footer,
+    row,
+    empty
+  }) => /*#__PURE__*/React.createElement(React.Fragment, null, row(({
+    index
+  }) => /*#__PURE__*/React.createElement("div", {
+    className: "wby-mt-md"
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: "sm",
+    as: "div",
+    className: "wby-mb-sm"
+  }, "Enter a file path, e.g., /my/custom/file/path.png"), /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-items-start wby-gap-sm"
+  }, /*#__PURE__*/React.createElement(Bind, {
+    validators: aliasValidator,
+    name: `aliases.${index}`
+  }, /*#__PURE__*/React.createElement(Input, {
+    placeholder: "Alias",
+    size: "lg"
+  })), /*#__PURE__*/React.createElement(IconButton, {
+    variant: "ghost",
+    size: "lg",
+    icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
+    onClick: actions.remove(index)
+  })))), footer(() => /*#__PURE__*/React.createElement(Footer, {
+    addAlias: actions.add()
+  })), header(() => /*#__PURE__*/React.createElement(Header, null)), empty(() => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Header, null), /*#__PURE__*/React.createElement(Footer, {
+    addAlias: actions.add()
+  }))))));
 };
 
 //# sourceMappingURL=Aliases.js.map

package/components/fields/Aliases.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_delete","_DynamicFieldset","_Input","_Typography","_Button","_validation","_form","_EMOTION_STRINGIFIED_CSS_ERROR__","Fieldset","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","Header","DeleteAliasButton","IconButton","FileAliasMessage","PATHNAME_REGEX","Aliases","exports","_useBind","useBind","value","onChange","addAlias","newValue","Array","isArray","_toConsumableArray2","push","aliasValidator","useMemo","validation","create","test","Error","createElement","DynamicFieldset","_ref","actions","header","row","empty","Fragment","_ref2","index","Bind","validators","concat","Input","placeholder","description","icon","ReactComponent","onClick","remove","Typography","use","ButtonDefault"],"sources":["Aliases.tsx"],"sourcesContent":["import React, { Fragment, useMemo } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { ReactComponent as DeleteIcon } from \"@material-design-icons/svg/outlined/delete.svg\";\nimport { DynamicFieldset } from \"@webiny/ui/DynamicFieldset\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { ButtonDefault, IconButton } from \"@webiny/ui/Button\";\nimport { validation } from \"@webiny/validation\";\nimport { Bind, useBind } from \"@webiny/form\";\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});\n\nconst DeleteAliasButton = styled(IconButton)`\n    position: absolute;\n    top: 5px;\n    right: 5px;\n`;\n\nconst FileAliasMessage = styled(\"span\")`\n    color: var(--mdc-theme-text-secondary-on-background);\n    font-size: 12px;\n`;\n\nconst PATHNAME_REGEX = /^\\/[/.a-zA-Z0-9-_]+$/;\n\nexport const Aliases = () => {\n    const { value, onChange } = useBind({ 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={\"caption\"}>\n                                <FileAliasMessage>\n                                    To make your file accessible via custom paths, add one or more\n                                    aliases.\n                                </FileAliasMessage>\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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useMemo","ReactComponent","AddIcon","DeleteIcon","validation","Bind","useBind","Button","DynamicFieldset","Heading","IconButton","Input","Text","PATHNAME_REGEX","Header","createElement","Fragment","level","className","size","as","Footer","addAlias","onClick","text","variant","icon","Aliases","value","onChange","name","aliasValidator","create","test","Error","onAdd","actions","header","footer","row","empty","index","validators","placeholder","remove","add"],"sources":["Aliases.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { validation } from \"@webiny/validation\";\nimport { Bind, useBind } from \"@webiny/form\";\nimport { Button, DynamicFieldset, Heading, IconButton, Input, Text } from \"@webiny/admin-ui\";\n\nconst PATHNAME_REGEX = /^\\/[/.a-zA-Z0-9-_]+$/;\n\nconst Header = () => {\n    return (\n        <>\n            <Heading level={6} className={\"wby-text-neutral-primary\"}>\n                {\"File Aliases\"}\n            </Heading>\n            <Text size={\"sm\"} as={\"div\"} className={\"wby-mt-xs\"}>\n                To make your file accessible via custom paths, add one or more aliases.\n            </Text>\n        </>\n    );\n};\n\ninterface FooterProps {\n    addAlias: () => void;\n}\n\nconst Footer = ({ addAlias }: FooterProps) => {\n    return (\n        <div className={\"wby-mt-md\"}>\n            <Button\n                onClick={addAlias}\n                text=\"Add Alias\"\n                variant={\"secondary\"}\n                size={\"sm\"}\n                icon={<AddIcon />}\n            />\n        </div>\n    );\n};\n\nexport const Aliases = () => {\n    const { value, onChange } = useBind({ name: \"aliases\" });\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        <div className={\"wby-my-lg\"}>\n            <DynamicFieldset value={value || [\"\"]} onChange={onChange} onAdd={() => \"\"}>\n                {({ actions, header, footer, row, empty }) => (\n                    <>\n                        {row(({ index }) => (\n                            <div className={\"wby-mt-md\"}>\n                                <Text size={\"sm\"} as={\"div\"} className={\"wby-mb-sm\"}>\n                                    {\"Enter a file path, e.g., /my/custom/file/path.png\"}\n                                </Text>\n                                <div className={\"wby-flex wby-items-start wby-gap-sm\"}>\n                                    <Bind validators={aliasValidator} name={`aliases.${index}`}>\n                                        <Input placeholder={\"Alias\"} size={\"lg\"} />\n                                    </Bind>\n                                    <IconButton\n                                        variant={\"ghost\"}\n                                        size={\"lg\"}\n                                        icon={<DeleteIcon />}\n                                        onClick={actions.remove(index)}\n                                    />\n                                </div>\n                            </div>\n                        ))}\n                        {footer(() => (\n                            <Footer addAlias={actions.add()} />\n                        ))}\n                        {header(() => (\n                            <Header />\n                        ))}\n                        {empty(() => (\n                            <>\n                                <Header />\n                                <Footer addAlias={actions.add()} />\n                            </>\n                        ))}\n                    </>\n                )}\n            </DynamicFieldset>\n        </div>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/components/fields/Name.js

@@ -1,30 +1,28 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Name = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Input = require("@webiny/ui/Input");
-var _validation = require("@webiny/validation");
-var _form = require("@webiny/form");
-var _ = require("../..");
-var Name = exports.Name = function Name() {
-  var _useFile = (0, _.useFile)(),
-    file = _useFile.file;
-  var _useFileManagerApi = (0, _.useFileManagerApi)(),
-    canEdit = _useFileManagerApi.canEdit;
-  var bind = (0, _form.useBind)({
+import React from "react";
+import { Input, Label } from "@webiny/admin-ui";
+import { validation } from "@webiny/validation";
+import { useBind } from "@webiny/form";
+import { useFile, useFileManagerApi } from "../..";
+export const Name = () => {
+  const {
+    file
+  } = useFile();
+  const {
+    canEdit
+  } = useFileManagerApi();
+  const bind = useBind({
     name: "name",
-    validators: [_validation.validation.create("required")]
+    validators: [validation.create("required")]
   });
-  return /*#__PURE__*/_react.default.createElement(_Input.Input, Object.assign({}, bind, {
-    label: "Name",
+  return /*#__PURE__*/React.createElement(Input, Object.assign({}, bind, {
+    label: /*#__PURE__*/React.createElement(Label, {
+      text: "Name",
+      hint: "Choose a descriptive name that's easy to remember.",
+      required: true
+    }),
     disabled: !canEdit(file),
     autoFocus: true,
-    placeholder: "Enter name",
-    description: "A descriptive name is easier to remember."
+    placeholder: "Enter name"
   }));
 };
 

package/components/fields/Name.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Input","_validation","_form","_","Name","exports","_useFile","useFile","file","_useFileManagerApi","useFileManagerApi","canEdit","bind","useBind","name","validators","validation","create","default","createElement","Input","Object","assign","label","disabled","autoFocus","placeholder","description"],"sources":["Name.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { validation } from \"@webiny/validation\";\nimport { useBind } from \"@webiny/form\";\nimport { useFile, useFileManagerApi } from \"~/index\";\n\nexport const Name = () => {\n    const { file } = useFile();\n    const { canEdit } = useFileManagerApi();\n    const bind = useBind({\n        name: \"name\",\n        validators: [validation.create(\"required\")]\n    });\n\n    return (\n        <Input\n            {...bind}\n            label={\"Name\"}\n            disabled={!canEdit(file)}\n            autoFocus\n            placeholder={\"Enter name\"}\n            description={\"A descriptive name is easier to remember.\"}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,CAAA,GAAAJ,OAAA;AAEO,IAAMK,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,SAAPA,IAAIA,CAAA,EAAS;EACtB,IAAAE,QAAA,GAAiB,IAAAC,SAAO,EAAC,CAAC;IAAlBC,IAAI,GAAAF,QAAA,CAAJE,IAAI;EACZ,IAAAC,kBAAA,GAAoB,IAAAC,mBAAiB,EAAC,CAAC;IAA/BC,OAAO,GAAAF,kBAAA,CAAPE,OAAO;EACf,IAAMC,IAAI,GAAG,IAAAC,aAAO,EAAC;IACjBC,IAAI,EAAE,MAAM;IACZC,UAAU,EAAE,CAACC,sBAAU,CAACC,MAAM,CAAC,UAAU,CAAC;EAC9C,CAAC,CAAC;EAEF,oBACIpB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACnB,MAAA,CAAAoB,KAAK,EAAAC,MAAA,CAAAC,MAAA,KACEV,IAAI;IACRW,KAAK,EAAE,MAAO;IACdC,QAAQ,EAAE,CAACb,OAAO,CAACH,IAAI,CAAE;IACzBiB,SAAS;IACTC,WAAW,EAAE,YAAa;IAC1BC,WAAW,EAAE;EAA4C,EAC5D,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Input","Label","validation","useBind","useFile","useFileManagerApi","Name","file","canEdit","bind","name","validators","create","createElement","Object","assign","label","text","hint","required","disabled","autoFocus","placeholder"],"sources":["Name.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input, Label } from \"@webiny/admin-ui\";\nimport { validation } from \"@webiny/validation\";\nimport { useBind } from \"@webiny/form\";\nimport { useFile, useFileManagerApi } from \"~/index\";\n\nexport const Name = () => {\n    const { file } = useFile();\n    const { canEdit } = useFileManagerApi();\n    const bind = useBind({\n        name: \"name\",\n        validators: [validation.create(\"required\")]\n    });\n\n    return (\n        <Input\n            {...bind}\n            label={\n                <Label\n                    text={\"Name\"}\n                    hint={\"Choose a descriptive name that's easy to remember.\"}\n                    required\n                />\n            }\n            disabled={!canEdit(file)}\n            autoFocus\n            placeholder={\"Enter name\"}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,KAAK,QAAQ,kBAAkB;AAC/C,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,OAAO,QAAQ,cAAc;AACtC,SAASC,OAAO,EAAEC,iBAAiB;AAEnC,OAAO,MAAMC,IAAI,GAAGA,CAAA,KAAM;EACtB,MAAM;IAAEC;EAAK,CAAC,GAAGH,OAAO,CAAC,CAAC;EAC1B,MAAM;IAAEI;EAAQ,CAAC,GAAGH,iBAAiB,CAAC,CAAC;EACvC,MAAMI,IAAI,GAAGN,OAAO,CAAC;IACjBO,IAAI,EAAE,MAAM;IACZC,UAAU,EAAE,CAACT,UAAU,CAACU,MAAM,CAAC,UAAU,CAAC;EAC9C,CAAC,CAAC;EAEF,oBACIb,KAAA,CAAAc,aAAA,CAACb,KAAK,EAAAc,MAAA,CAAAC,MAAA,KACEN,IAAI;IACRO,KAAK,eACDjB,KAAA,CAAAc,aAAA,CAACZ,KAAK;MACFgB,IAAI,EAAE,MAAO;MACbC,IAAI,EAAE,oDAAqD;MAC3DC,QAAQ;IAAA,CACX,CACJ;IACDC,QAAQ,EAAE,CAACZ,OAAO,CAACD,IAAI,CAAE;IACzBc,SAAS;IACTC,WAAW,EAAE;EAAa,EAC7B,CAAC;AAEV,CAAC","ignoreList":[]}

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 "../..";
+import { THREAT_SCAN } from "../../modules/Enterprise/constants";
+import { useFileOrUndefined } from "./useFileOrUndefined";
+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\";\nimport { THREAT_SCAN } from \"~/modules/Enterprise/constants\";\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    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.js

@@ -1,51 +1,6 @@
-"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";
+export * from "./Aliases";
+export * from "./Name";
+export * from "./Tags";
 
 //# 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\";\nexport * from \"./Aliases\";\nexport * from \"./Name\";\nexport * from \"./Tags\";\n"],"mappings":"AAAA;AACA;AACA;AACA","ignoreList":[]}

package/components/fields/useAccessControlField.d.ts

@@ -1,5 +1,5 @@
 /// <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 "../..";
+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
   };
 };