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

package/components/TagsList/FilterStatus.js

@@ -0,0 +1,27 @@
+import React, { useCallback } from "react";
+import { Button, Text } from "@webiny/admin-ui";
+import { useFileManagerView } from "../../modules/FileManagerRenderer/FileManagerViewProvider";
+export const FilterStatus = ({
+  activeTags,
+  onActivatedTagsChange
+}) => {
+  const fmView = useFileManagerView();
+  const resetTags = useCallback(() => {
+    onActivatedTagsChange([]);
+    fmView.tags.setFilterMode("OR");
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-mb-md wby-flex wby-items-center wby-justify-between wby-gap-sm"
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: "sm",
+    className: "wby-text-neutral-muted"
+  }, activeTags.length, " selected"), /*#__PURE__*/React.createElement(Button, {
+    onClick: resetTags,
+    size: "sm",
+    variant: "ghost",
+    text: "Reset",
+    disabled: activeTags.length === 0
+  }));
+};
+
+//# sourceMappingURL=FilterStatus.js.map

package/components/TagsList/FilterStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","Button","Text","useFileManagerView","FilterStatus","activeTags","onActivatedTagsChange","fmView","resetTags","tags","setFilterMode","createElement","className","size","length","onClick","variant","text","disabled"],"sources":["FilterStatus.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { Button, Text } from \"@webiny/admin-ui\";\nimport { useFileManagerView } from \"~/modules/FileManagerRenderer/FileManagerViewProvider\";\n\ninterface FilterStatusProps {\n    activeTags: string[];\n    onActivatedTagsChange: (tags: string[]) => void;\n}\n\nexport const FilterStatus = ({ activeTags, onActivatedTagsChange }: FilterStatusProps) => {\n    const fmView = useFileManagerView();\n\n    const resetTags = useCallback(() => {\n        onActivatedTagsChange([]);\n        fmView.tags.setFilterMode(\"OR\");\n    }, []);\n\n    return (\n        <div className={\"wby-mb-md wby-flex wby-items-center wby-justify-between wby-gap-sm\"}>\n            <Text size={\"sm\"} className={\"wby-text-neutral-muted\"}>\n                {activeTags.length} selected\n            </Text>\n            <Button\n                onClick={resetTags}\n                size={\"sm\"}\n                variant={\"ghost\"}\n                text={\"Reset\"}\n                disabled={activeTags.length === 0}\n            />\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,MAAM,EAAEC,IAAI,QAAQ,kBAAkB;AAC/C,SAASC,kBAAkB;AAO3B,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAAEC,UAAU;EAAEC;AAAyC,CAAC,KAAK;EACtF,MAAMC,MAAM,GAAGJ,kBAAkB,CAAC,CAAC;EAEnC,MAAMK,SAAS,GAAGR,WAAW,CAAC,MAAM;IAChCM,qBAAqB,CAAC,EAAE,CAAC;IACzBC,MAAM,CAACE,IAAI,CAACC,aAAa,CAAC,IAAI,CAAC;EACnC,CAAC,EAAE,EAAE,CAAC;EAEN,oBACIX,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAE;EAAqE,gBACjFb,KAAA,CAAAY,aAAA,CAACT,IAAI;IAACW,IAAI,EAAE,IAAK;IAACD,SAAS,EAAE;EAAyB,GACjDP,UAAU,CAACS,MAAM,EAAC,WACjB,CAAC,eACPf,KAAA,CAAAY,aAAA,CAACV,MAAM;IACHc,OAAO,EAAEP,SAAU;IACnBK,IAAI,EAAE,IAAK;IACXG,OAAO,EAAE,OAAQ;IACjBC,IAAI,EAAE,OAAQ;IACdC,QAAQ,EAAEb,UAAU,CAACS,MAAM,KAAK;EAAE,CACrC,CACA,CAAC;AAEd,CAAC","ignoreList":[]}

package/{modules/FileManagerRenderer/FileManagerView/components → components}/TagsList/Tag.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { TagItem } from "@webiny/app-aco/types";
+import type { TagItem } from "@webiny/app-aco/types";
 type TagProps = {
     tagItem: TagItem;
     active: boolean;

package/components/TagsList/Tag.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { Tag as AdminTag } from "@webiny/admin-ui";
+export const Tag = ({
+  tagItem,
+  active,
+  onTagClick
+}) => {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(AdminTag, {
+    variant: active ? "accent" : "neutral-muted",
+    content: tagItem.tag,
+    onClick: () => onTagClick(tagItem),
+    onDismiss: active ? () => onTagClick(tagItem) : undefined
+  }));
+};
+
+//# sourceMappingURL=Tag.js.map

package/components/TagsList/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Tag","AdminTag","tagItem","active","onTagClick","createElement","variant","content","tag","onClick","onDismiss","undefined"],"sources":["Tag.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tag as AdminTag } from \"@webiny/admin-ui\";\nimport type { TagItem } from \"@webiny/app-aco/types\";\n\ntype TagProps = {\n    tagItem: TagItem;\n    active: boolean;\n    onTagClick: (tagItem: TagItem) => void;\n};\n\nexport const Tag = ({ tagItem, active, onTagClick }: TagProps) => {\n    return (\n        <div>\n            <AdminTag\n                variant={active ? \"accent\" : \"neutral-muted\"}\n                content={tagItem.tag}\n                onClick={() => onTagClick(tagItem)}\n                onDismiss={active ? () => onTagClick(tagItem) : undefined}\n            />\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,IAAIC,QAAQ,QAAQ,kBAAkB;AASlD,OAAO,MAAMD,GAAG,GAAGA,CAAC;EAAEE,OAAO;EAAEC,MAAM;EAAEC;AAAqB,CAAC,KAAK;EAC9D,oBACIL,KAAA,CAAAM,aAAA,2BACIN,KAAA,CAAAM,aAAA,CAACJ,QAAQ;IACLK,OAAO,EAAEH,MAAM,GAAG,QAAQ,GAAG,eAAgB;IAC7CI,OAAO,EAAEL,OAAO,CAACM,GAAI;IACrBC,OAAO,EAAEA,CAAA,KAAML,UAAU,CAACF,OAAO,CAAE;IACnCQ,SAAS,EAAEP,MAAM,GAAG,MAAMC,UAAU,CAACF,OAAO,CAAC,GAAGS;EAAU,CAC7D,CACA,CAAC;AAEd,CAAC","ignoreList":[]}

package/components/TagsList/Tags.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { TagItem } from "@webiny/app-aco/types";
+export interface TagsProps {
+    tags: TagItem[];
+    activeTags: string[];
+    onActivatedTagsChange: (tags: string[]) => void;
+}
+export declare const Tags: ({ tags, activeTags, onActivatedTagsChange }: TagsProps) => React.JSX.Element;

package/components/TagsList/Tags.js

@@ -0,0 +1,32 @@
+import React, { useCallback } from "react";
+import { Tag as AdminTag } from "@webiny/admin-ui";
+export const Tags = ({
+  tags,
+  activeTags,
+  onActivatedTagsChange
+}) => {
+  const toggleTag = useCallback(tag => {
+    const finalTags = Array.isArray(activeTags) ? [...activeTags] : [];
+    if (finalTags.find(item => tag === item)) {
+      finalTags.splice(finalTags.indexOf(tag), 1);
+    } else {
+      finalTags.push(tag);
+    }
+    onActivatedTagsChange(finalTags);
+  }, [activeTags]);
+  const getIsActive = useCallback(tagItem => {
+    return activeTags.includes(tagItem.tag);
+  }, [activeTags]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-flex-col wby-gap-sm"
+  }, tags.map((tagItem, index) => /*#__PURE__*/React.createElement("div", {
+    key: `tag-${index}`
+  }, /*#__PURE__*/React.createElement(AdminTag, {
+    variant: getIsActive(tagItem) ? "accent" : "neutral-muted",
+    content: tagItem.tag,
+    onClick: () => toggleTag(tagItem.tag),
+    onDismiss: getIsActive(tagItem) ? () => toggleTag(tagItem.tag) : undefined
+  }))));
+};
+
+//# sourceMappingURL=Tags.js.map

package/components/TagsList/Tags.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","Tag","AdminTag","Tags","tags","activeTags","onActivatedTagsChange","toggleTag","tag","finalTags","Array","isArray","find","item","splice","indexOf","push","getIsActive","tagItem","includes","createElement","className","map","index","key","variant","content","onClick","onDismiss","undefined"],"sources":["Tags.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { Tag as AdminTag } from \"@webiny/admin-ui\";\nimport type { TagItem } from \"@webiny/app-aco/types\";\n\nexport interface TagsProps {\n    tags: TagItem[];\n    activeTags: string[];\n    onActivatedTagsChange: (tags: string[]) => void;\n}\n\nexport const Tags = ({ tags, activeTags, onActivatedTagsChange }: TagsProps) => {\n    const toggleTag = useCallback(\n        (tag: TagItem[\"tag\"]) => {\n            const finalTags = Array.isArray(activeTags) ? [...activeTags] : [];\n\n            if (finalTags.find(item => tag === item)) {\n                finalTags.splice(finalTags.indexOf(tag), 1);\n            } else {\n                finalTags.push(tag);\n            }\n\n            onActivatedTagsChange(finalTags);\n        },\n        [activeTags]\n    );\n\n    const getIsActive = useCallback(\n        (tagItem: TagItem) => {\n            return activeTags.includes(tagItem.tag);\n        },\n        [activeTags]\n    );\n\n    return (\n        <div className={\"wby-flex wby-flex-col wby-gap-sm\"}>\n            {tags.map((tagItem, index) => (\n                <div key={`tag-${index}`}>\n                    <AdminTag\n                        variant={getIsActive(tagItem) ? \"accent\" : \"neutral-muted\"}\n                        content={tagItem.tag}\n                        onClick={() => toggleTag(tagItem.tag)}\n                        onDismiss={getIsActive(tagItem) ? () => toggleTag(tagItem.tag) : undefined}\n                    />\n                </div>\n            ))}\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,GAAG,IAAIC,QAAQ,QAAQ,kBAAkB;AASlD,OAAO,MAAMC,IAAI,GAAGA,CAAC;EAAEC,IAAI;EAAEC,UAAU;EAAEC;AAAiC,CAAC,KAAK;EAC5E,MAAMC,SAAS,GAAGP,WAAW,CACxBQ,GAAmB,IAAK;IACrB,MAAMC,SAAS,GAAGC,KAAK,CAACC,OAAO,CAACN,UAAU,CAAC,GAAG,CAAC,GAAGA,UAAU,CAAC,GAAG,EAAE;IAElE,IAAII,SAAS,CAACG,IAAI,CAACC,IAAI,IAAIL,GAAG,KAAKK,IAAI,CAAC,EAAE;MACtCJ,SAAS,CAACK,MAAM,CAACL,SAAS,CAACM,OAAO,CAACP,GAAG,CAAC,EAAE,CAAC,CAAC;IAC/C,CAAC,MAAM;MACHC,SAAS,CAACO,IAAI,CAACR,GAAG,CAAC;IACvB;IAEAF,qBAAqB,CAACG,SAAS,CAAC;EACpC,CAAC,EACD,CAACJ,UAAU,CACf,CAAC;EAED,MAAMY,WAAW,GAAGjB,WAAW,CAC1BkB,OAAgB,IAAK;IAClB,OAAOb,UAAU,CAACc,QAAQ,CAACD,OAAO,CAACV,GAAG,CAAC;EAC3C,CAAC,EACD,CAACH,UAAU,CACf,CAAC;EAED,oBACIN,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAE;EAAmC,GAC9CjB,IAAI,CAACkB,GAAG,CAAC,CAACJ,OAAO,EAAEK,KAAK,kBACrBxB,KAAA,CAAAqB,aAAA;IAAKI,GAAG,EAAE,OAAOD,KAAK;EAAG,gBACrBxB,KAAA,CAAAqB,aAAA,CAAClB,QAAQ;IACLuB,OAAO,EAAER,WAAW,CAACC,OAAO,CAAC,GAAG,QAAQ,GAAG,eAAgB;IAC3DQ,OAAO,EAAER,OAAO,CAACV,GAAI;IACrBmB,OAAO,EAAEA,CAAA,KAAMpB,SAAS,CAACW,OAAO,CAACV,GAAG,CAAE;IACtCoB,SAAS,EAAEX,WAAW,CAACC,OAAO,CAAC,GAAG,MAAMX,SAAS,CAACW,OAAO,CAACV,GAAG,CAAC,GAAGqB;EAAU,CAC9E,CACA,CACR,CACA,CAAC;AAEd,CAAC","ignoreList":[]}

package/{modules/FileManagerRenderer/FileManagerView/components → components}/TagsList/TagsList.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { TagItem } from "@webiny/app-aco/types";
+import type { TagItem } from "@webiny/app-aco/types";
 interface TagListProps {
     loading: boolean;
     onActivatedTagsChange: (tags: string[]) => void;

package/components/TagsList/TagsList.js

@@ -0,0 +1,31 @@
+import React from "react";
+import { Loader } from "@webiny/app-aco";
+import { Empty } from "./Empty";
+import { FilterSelect } from "./FilterSelect";
+import { FilterStatus } from "./FilterStatus";
+import { Tags } from "./Tags";
+export const TagsList = ({
+  loading,
+  tags,
+  emptyDisclaimer,
+  onActivatedTagsChange,
+  activeTags
+}) => {
+  if (loading) {
+    return /*#__PURE__*/React.createElement(Loader, null);
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-my-lg wby-px-md"
+  }, tags.length === 0 ? /*#__PURE__*/React.createElement(Empty, {
+    disclaimer: emptyDisclaimer
+  }) : /*#__PURE__*/React.createElement(React.Fragment, null, tags.length > 1 && /*#__PURE__*/React.createElement(FilterSelect, null), /*#__PURE__*/React.createElement(FilterStatus, {
+    activeTags: activeTags,
+    onActivatedTagsChange: onActivatedTagsChange
+  }), /*#__PURE__*/React.createElement(Tags, {
+    tags: tags,
+    activeTags: activeTags,
+    onActivatedTagsChange: onActivatedTagsChange
+  })));
+};
+
+//# sourceMappingURL=TagsList.js.map

package/components/TagsList/TagsList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Loader","Empty","FilterSelect","FilterStatus","Tags","TagsList","loading","tags","emptyDisclaimer","onActivatedTagsChange","activeTags","createElement","className","length","disclaimer","Fragment"],"sources":["TagsList.tsx"],"sourcesContent":["import React from \"react\";\nimport { Loader } from \"@webiny/app-aco\";\nimport { Empty } from \"./Empty\";\nimport { FilterSelect } from \"./FilterSelect\";\nimport { FilterStatus } from \"./FilterStatus\";\nimport { Tags } from \"./Tags\";\n\nimport type { TagItem } from \"@webiny/app-aco/types\";\n\ninterface TagListProps {\n    loading: boolean;\n    onActivatedTagsChange: (tags: string[]) => void;\n    tags: TagItem[];\n    activeTags: string[];\n    emptyDisclaimer?: string;\n}\n\nexport const TagsList = ({\n    loading,\n    tags,\n    emptyDisclaimer,\n    onActivatedTagsChange,\n    activeTags\n}: TagListProps) => {\n    if (loading) {\n        return <Loader />;\n    }\n\n    return (\n        <div className={\"wby-my-lg wby-px-md\"}>\n            {tags.length === 0 ? (\n                <Empty disclaimer={emptyDisclaimer} />\n            ) : (\n                <>\n                    {tags.length > 1 && <FilterSelect />}\n                    <FilterStatus\n                        activeTags={activeTags}\n                        onActivatedTagsChange={onActivatedTagsChange}\n                    />\n                    <Tags\n                        tags={tags}\n                        activeTags={activeTags}\n                        onActivatedTagsChange={onActivatedTagsChange}\n                    />\n                </>\n            )}\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,iBAAiB;AACxC,SAASC,KAAK;AACd,SAASC,YAAY;AACrB,SAASC,YAAY;AACrB,SAASC,IAAI;AAYb,OAAO,MAAMC,QAAQ,GAAGA,CAAC;EACrBC,OAAO;EACPC,IAAI;EACJC,eAAe;EACfC,qBAAqB;EACrBC;AACU,CAAC,KAAK;EAChB,IAAIJ,OAAO,EAAE;IACT,oBAAOP,KAAA,CAAAY,aAAA,CAACX,MAAM,MAAE,CAAC;EACrB;EAEA,oBACID,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAE;EAAsB,GACjCL,IAAI,CAACM,MAAM,KAAK,CAAC,gBACdd,KAAA,CAAAY,aAAA,CAACV,KAAK;IAACa,UAAU,EAAEN;EAAgB,CAAE,CAAC,gBAEtCT,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAAgB,QAAA,QACKR,IAAI,CAACM,MAAM,GAAG,CAAC,iBAAId,KAAA,CAAAY,aAAA,CAACT,YAAY,MAAE,CAAC,eACpCH,KAAA,CAAAY,aAAA,CAACR,YAAY;IACTO,UAAU,EAAEA,UAAW;IACvBD,qBAAqB,EAAEA;EAAsB,CAChD,CAAC,eACFV,KAAA,CAAAY,aAAA,CAACP,IAAI;IACDG,IAAI,EAAEA,IAAK;IACXG,UAAU,EAAEA,UAAW;IACvBD,qBAAqB,EAAEA;EAAsB,CAChD,CACH,CAEL,CAAC;AAEd,CAAC","ignoreList":[]}

package/components/TagsList/index.js

@@ -0,0 +1,3 @@
+export * from "./TagsList";
+
+//# sourceMappingURL=index.js.map

package/components/TagsList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./TagsList\";\n"],"mappings":"AAAA","ignoreList":[]}

package/components/Thumbnail/Thumbnail.d.ts

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

package/components/Thumbnail/Thumbnail.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { useFile } from "../../hooks/useFile";
+import { useFileManagerViewConfig } from "../..";
+export const Thumbnail = () => {
+  const {
+    file
+  } = useFile();
+  const {
+    browser,
+    getThumbnailRenderer
+  } = useFileManagerViewConfig();
+  const renderer = getThumbnailRenderer(browser.grid.itemThumbnails, file);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, renderer?.element || null);
+};
+
+//# sourceMappingURL=Thumbnail.js.map

package/components/Thumbnail/Thumbnail.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useFile","useFileManagerViewConfig","Thumbnail","file","browser","getThumbnailRenderer","renderer","grid","itemThumbnails","createElement","Fragment","element"],"sources":["Thumbnail.tsx"],"sourcesContent":["import React from \"react\";\nimport { useFile } from \"~/hooks/useFile\";\nimport { useFileManagerViewConfig } from \"~/index\";\n\nexport const Thumbnail = () => {\n    const { file } = useFile();\n    const { browser, getThumbnailRenderer } = useFileManagerViewConfig();\n\n    const renderer = getThumbnailRenderer(browser.grid.itemThumbnails, file);\n\n    return <>{renderer?.element || null}</>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO;AAChB,SAASC,wBAAwB;AAEjC,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC3B,MAAM;IAAEC;EAAK,CAAC,GAAGH,OAAO,CAAC,CAAC;EAC1B,MAAM;IAAEI,OAAO;IAAEC;EAAqB,CAAC,GAAGJ,wBAAwB,CAAC,CAAC;EAEpE,MAAMK,QAAQ,GAAGD,oBAAoB,CAACD,OAAO,CAACG,IAAI,CAACC,cAAc,EAAEL,IAAI,CAAC;EAExE,oBAAOJ,KAAA,CAAAU,aAAA,CAAAV,KAAA,CAAAW,QAAA,QAAGJ,QAAQ,EAAEK,OAAO,IAAI,IAAO,CAAC;AAC3C,CAAC","ignoreList":[]}

package/components/Thumbnail/index.d.ts

@@ -0,0 +1 @@
+export * from "./Thumbnail";

package/components/Thumbnail/index.js

@@ -0,0 +1,3 @@
+export * from "./Thumbnail";
+
+//# sourceMappingURL=index.js.map

package/components/Thumbnail/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Thumbnail\";\n"],"mappings":"AAAA","ignoreList":[]}

package/components/UploadStatus/UploadStatus.d.ts

@@ -2,5 +2,7 @@ import React from "react";
 export interface UploadStatusProps {
     progress: number;
     numberOfFiles: number;
+    isVisible: boolean;
+    setIsVisible: (isVisible: boolean) => void;
 }
-export declare const UploadStatus: ({ numberOfFiles, progress }: UploadStatusProps) => React.JSX.Element | null;
+export declare const UploadStatus: ({ numberOfFiles, progress, isVisible, setIsVisible }: UploadStatusProps) => React.JSX.Element | null;

package/components/UploadStatus/UploadStatus.js

@@ -1,37 +1,38 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.UploadStatus = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _i18n = require("@webiny/app/i18n");
-var _styled = require("./styled");
-var _loading = _interopRequireDefault(require("./assets/loading.svg"));
-var _check = _interopRequireDefault(require("./assets/check.svg"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-var t = _i18n.i18n.ns("app-admin/file-manager/components/upload-status");
-var UploadStatus = exports.UploadStatus = function UploadStatus(_ref) {
-  var numberOfFiles = _ref.numberOfFiles,
-    progress = _ref.progress;
-  if (!numberOfFiles) {
+import React from "react";
+import { cn, IconButton, ProgressBar, Text } from "@webiny/admin-ui";
+import { i18n } from "@webiny/app/i18n";
+import { ReactComponent as CloseIcon } from "@webiny/icons/close.svg";
+const t = i18n.ns("app-admin/file-manager/components/upload-status");
+export const UploadStatus = ({
+  numberOfFiles,
+  progress = 0,
+  isVisible,
+  setIsVisible
+}) => {
+  if (!numberOfFiles || !isVisible) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_styled.StatusWrapper, null, /*#__PURE__*/_react.default.createElement(_styled.StatusIndicator, null, Number(progress.toFixed()) <= 98 ? /*#__PURE__*/_react.default.createElement(_styled.Icon, {
-    className: "loading",
-    src: _loading.default,
-    alt: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Loading"])))
-  }) : /*#__PURE__*/_react.default.createElement(_styled.Icon, {
-    src: _check.default,
-    alt: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Done"])))
-  }), Number(progress.toFixed()) <= 98 && /*#__PURE__*/_react.default.createElement(_styled.Percentage, null, progress.toFixed(), "%")), /*#__PURE__*/_react.default.createElement(_styled.ProgressWrapper, null, /*#__PURE__*/_react.default.createElement(_styled.UploadingLabel, null, t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Uploading {numberOfFiles} {label}"])))({
-    numberOfFiles: /*#__PURE__*/_react.default.createElement(_styled.UploadingLabelFile, null, numberOfFiles),
-    label: numberOfFiles === 1 ? t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["file"]))) : t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["files"])))
-  })), /*#__PURE__*/_react.default.createElement(_styled.ProgressBar, null, /*#__PURE__*/_react.default.createElement(_styled.ProgressBarPercentage, {
-    width: progress.toFixed()
-  }))));
+  return /*#__PURE__*/React.createElement("div", {
+    className: cn(["wby-p-md wby-rounded-lg", "wby-bg-neutral-dark wby-shadow-lg", "wby-absolute wby-bottom-xxl wby-left-2/4 -wby-translate-x-1/2 wby-z-10", "wby-flex wby-items-center wby-gap-sm-extra", "wby-animate-in wby-slide-in-from-top-4 wby-slide-in-from-left-1/2 wby-duration-500"])
+  }, /*#__PURE__*/React.createElement(Text, {
+    as: "div",
+    size: "sm",
+    className: "wby-text-neutral-disabled wby-shrink-0"
+  }, t`Uploading {numberOfFiles} {label}`({
+    numberOfFiles: `${numberOfFiles}`,
+    label: numberOfFiles === 1 ? t`file` : t`files`
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "wby-w-64"
+  }, /*#__PURE__*/React.createElement(ProgressBar, {
+    value: progress,
+    valuePosition: "end",
+    className: "wby-text-neutral-light"
+  })), /*#__PURE__*/React.createElement(IconButton, {
+    onClick: () => setIsVisible(false),
+    icon: /*#__PURE__*/React.createElement(CloseIcon, null),
+    variant: "ghost-negative",
+    size: "sm"
+  }));
 };
 
 //# sourceMappingURL=UploadStatus.js.map

package/components/UploadStatus/UploadStatus.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_styled","_loading","_check","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","t","i18n","ns","UploadStatus","exports","_ref","numberOfFiles","progress","default","createElement","StatusWrapper","StatusIndicator","Number","toFixed","Icon","className","src","loadingIcon","alt","_taggedTemplateLiteral2","checkIcon","Percentage","ProgressWrapper","UploadingLabel","UploadingLabelFile","label","ProgressBar","ProgressBarPercentage","width"],"sources":["UploadStatus.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\n\nimport {\n    StatusWrapper,\n    StatusIndicator,\n    Icon,\n    Percentage,\n    ProgressWrapper,\n    UploadingLabel,\n    ProgressBar,\n    ProgressBarPercentage,\n    UploadingLabelFile\n} from \"./styled\";\n\nimport loadingIcon from \"./assets/loading.svg\";\nimport checkIcon from \"./assets/check.svg\";\n\nconst t = i18n.ns(\"app-admin/file-manager/components/upload-status\");\n\nexport interface UploadStatusProps {\n    progress: number;\n    numberOfFiles: number;\n}\nexport const UploadStatus = ({ numberOfFiles, progress }: UploadStatusProps) => {\n    if (!numberOfFiles) {\n        return null;\n    }\n\n    return (\n        <StatusWrapper>\n            <StatusIndicator>\n                {Number(progress.toFixed()) <= 98 ? (\n                    <Icon className=\"loading\" src={loadingIcon} alt={t`Loading`} />\n                ) : (\n                    <Icon src={checkIcon} alt={t`Done`} />\n                )}\n                {Number(progress.toFixed()) <= 98 && <Percentage>{progress.toFixed()}%</Percentage>}\n            </StatusIndicator>\n            <ProgressWrapper>\n                <UploadingLabel>\n                    {t`Uploading {numberOfFiles} {label}`({\n                        numberOfFiles: <UploadingLabelFile>{numberOfFiles}</UploadingLabelFile>,\n                        label: numberOfFiles === 1 ? t`file` : t`files`\n                    })}\n                </UploadingLabel>\n                <ProgressBar>\n                    <ProgressBarPercentage width={progress.toFixed()} />\n                </ProgressBar>\n            </ProgressWrapper>\n        </StatusWrapper>\n    );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AAYA,IAAAG,QAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AAA2C,IAAAK,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAE3C,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,iDAAiD,CAAC;AAM7D,IAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,SAAfA,YAAYA,CAAAE,IAAA,EAAuD;EAAA,IAAjDC,aAAa,GAAAD,IAAA,CAAbC,aAAa;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EAClD,IAAI,CAACD,aAAa,EAAE;IAChB,OAAO,IAAI;EACf;EAEA,oBACIlB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,OAAA,CAAAkB,aAAa,qBACVtB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,OAAA,CAAAmB,eAAe,QACXC,MAAM,CAACL,QAAQ,CAACM,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,gBAC7BzB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,OAAA,CAAAsB,IAAI;IAACC,SAAS,EAAC,SAAS;IAACC,GAAG,EAAEC,gBAAY;IAACC,GAAG,EAAElB,CAAC,CAAAL,eAAA,KAAAA,eAAA,OAAAwB,uBAAA,CAAAX,OAAA;EAAU,CAAE,CAAC,gBAE/DpB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,OAAA,CAAAsB,IAAI;IAACE,GAAG,EAAEI,cAAU;IAACF,GAAG,EAAElB,CAAC,CAAAJ,gBAAA,KAAAA,gBAAA,OAAAuB,uBAAA,CAAAX,OAAA;EAAO,CAAE,CACxC,EACAI,MAAM,CAACL,QAAQ,CAACM,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,iBAAIzB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,OAAA,CAAA6B,UAAU,QAAEd,QAAQ,CAACM,OAAO,CAAC,CAAC,EAAC,GAAa,CACrE,CAAC,eAClBzB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,OAAA,CAAA8B,eAAe,qBACZlC,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,OAAA,CAAA+B,cAAc,QACVvB,CAAC,CAAAH,gBAAA,KAAAA,gBAAA,OAAAsB,uBAAA,CAAAX,OAAA,2CAAoC;IAClCF,aAAa,eAAElB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,OAAA,CAAAgC,kBAAkB,QAAElB,aAAkC,CAAC;IACvEmB,KAAK,EAAEnB,aAAa,KAAK,CAAC,GAAGN,CAAC,CAAAF,gBAAA,KAAAA,gBAAA,OAAAqB,uBAAA,CAAAX,OAAA,gBAASR,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAoB,uBAAA,CAAAX,OAAA;EAC5C,CAAC,CACW,CAAC,eACjBpB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,OAAA,CAAAkC,WAAW,qBACRtC,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,OAAA,CAAAmC,qBAAqB;IAACC,KAAK,EAAErB,QAAQ,CAACM,OAAO,CAAC;EAAE,CAAE,CAC1C,CACA,CACN,CAAC;AAExB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","cn","IconButton","ProgressBar","Text","i18n","ReactComponent","CloseIcon","t","ns","UploadStatus","numberOfFiles","progress","isVisible","setIsVisible","createElement","className","as","size","label","value","valuePosition","onClick","icon","variant"],"sources":["UploadStatus.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, IconButton, ProgressBar, Text } from \"@webiny/admin-ui\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as CloseIcon } from \"@webiny/icons/close.svg\";\n\nconst t = i18n.ns(\"app-admin/file-manager/components/upload-status\");\n\nexport interface UploadStatusProps {\n    progress: number;\n    numberOfFiles: number;\n    isVisible: boolean;\n    setIsVisible: (isVisible: boolean) => void;\n}\n\nexport const UploadStatus = ({\n    numberOfFiles,\n    progress = 0,\n    isVisible,\n    setIsVisible\n}: UploadStatusProps) => {\n    if (!numberOfFiles || !isVisible) {\n        return null;\n    }\n\n    return (\n        <div\n            className={cn([\n                \"wby-p-md wby-rounded-lg\",\n                \"wby-bg-neutral-dark wby-shadow-lg\",\n                \"wby-absolute wby-bottom-xxl wby-left-2/4 -wby-translate-x-1/2 wby-z-10\",\n                \"wby-flex wby-items-center wby-gap-sm-extra\",\n                \"wby-animate-in wby-slide-in-from-top-4 wby-slide-in-from-left-1/2 wby-duration-500\"\n            ])}\n        >\n            <Text as={\"div\"} size={\"sm\"} className={\"wby-text-neutral-disabled wby-shrink-0\"}>\n                {t`Uploading {numberOfFiles} {label}`({\n                    numberOfFiles: `${numberOfFiles}`,\n                    label: numberOfFiles === 1 ? t`file` : t`files`\n                })}\n            </Text>\n            <div className={\"wby-w-64\"}>\n                <ProgressBar\n                    value={progress}\n                    valuePosition={\"end\"}\n                    className={\"wby-text-neutral-light\"}\n                />\n            </div>\n            <IconButton\n                onClick={() => setIsVisible(false)}\n                icon={<CloseIcon />}\n                variant={\"ghost-negative\"}\n                size={\"sm\"}\n            />\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,UAAU,EAAEC,WAAW,EAAEC,IAAI,QAAQ,kBAAkB;AACpE,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,cAAc,IAAIC,SAAS,QAAQ,yBAAyB;AAErE,MAAMC,CAAC,GAAGH,IAAI,CAACI,EAAE,CAAC,iDAAiD,CAAC;AASpE,OAAO,MAAMC,YAAY,GAAGA,CAAC;EACzBC,aAAa;EACbC,QAAQ,GAAG,CAAC;EACZC,SAAS;EACTC;AACe,CAAC,KAAK;EACrB,IAAI,CAACH,aAAa,IAAI,CAACE,SAAS,EAAE;IAC9B,OAAO,IAAI;EACf;EAEA,oBACIb,KAAA,CAAAe,aAAA;IACIC,SAAS,EAAEf,EAAE,CAAC,CACV,yBAAyB,EACzB,mCAAmC,EACnC,wEAAwE,EACxE,4CAA4C,EAC5C,oFAAoF,CACvF;EAAE,gBAEHD,KAAA,CAAAe,aAAA,CAACX,IAAI;IAACa,EAAE,EAAE,KAAM;IAACC,IAAI,EAAE,IAAK;IAACF,SAAS,EAAE;EAAyC,GAC5ER,CAAC,mCAAmC,CAAC;IAClCG,aAAa,EAAE,GAAGA,aAAa,EAAE;IACjCQ,KAAK,EAAER,aAAa,KAAK,CAAC,GAAGH,CAAC,MAAM,GAAGA,CAAC;EAC5C,CAAC,CACC,CAAC,eACPR,KAAA,CAAAe,aAAA;IAAKC,SAAS,EAAE;EAAW,gBACvBhB,KAAA,CAAAe,aAAA,CAACZ,WAAW;IACRiB,KAAK,EAAER,QAAS;IAChBS,aAAa,EAAE,KAAM;IACrBL,SAAS,EAAE;EAAyB,CACvC,CACA,CAAC,eACNhB,KAAA,CAAAe,aAAA,CAACb,UAAU;IACPoB,OAAO,EAAEA,CAAA,KAAMR,YAAY,CAAC,KAAK,CAAE;IACnCS,IAAI,eAAEvB,KAAA,CAAAe,aAAA,CAACR,SAAS,MAAE,CAAE;IACpBiB,OAAO,EAAE,gBAAiB;IAC1BN,IAAI,EAAE;EAAK,CACd,CACA,CAAC;AAEd,CAAC","ignoreList":[]}

package/components/UploadStatus/index.js

@@ -1,18 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _UploadStatus = require("./UploadStatus");
-Object.keys(_UploadStatus).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _UploadStatus[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _UploadStatus[key];
-    }
-  });
-});
+export * from "./UploadStatus";
 
 //# sourceMappingURL=index.js.map

package/components/UploadStatus/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_UploadStatus","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.tsx"],"sourcesContent":["export * from \"./UploadStatus\";\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,aAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./UploadStatus\";\n"],"mappings":"AAAA","ignoreList":[]}

package/components/fields/AccessControl.js

@@ -1,25 +1,21 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AccessControl = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _validation = require("@webiny/validation");
-var _Select = require("@webiny/ui/Select");
-var _form = require("@webiny/form");
-var _ = require("../..");
-var _useAccessControlField = require("./useAccessControlField");
-var _useFileOrUndefined2 = require("./useFileOrUndefined");
-var AccessControl = exports.AccessControl = function AccessControl(_ref) {
-  var defaultValue = _ref.defaultValue,
-    placeholder = _ref.placeholder;
-  var _useFileOrUndefined = (0, _useFileOrUndefined2.useFileOrUndefined)(),
-    file = _useFileOrUndefined.file;
-  var _useFileManagerApi = (0, _.useFileManagerApi)(),
-    canEdit = _useFileManagerApi.canEdit;
-  var accessControlField = (0, _useAccessControlField.useAccessControlField)();
+import React from "react";
+import { validation } from "@webiny/validation";
+import { useBind } from "@webiny/form";
+import { useFileManagerApi } from "../..";
+import { useAccessControlField } from "./useAccessControlField";
+import { useFileOrUndefined } from "./useFileOrUndefined";
+import { Label, Select } from "@webiny/admin-ui";
+export const AccessControl = ({
+  defaultValue,
+  placeholder
+}) => {
+  const {
+    file
+  } = useFileOrUndefined();
+  const {
+    canEdit
+  } = useFileManagerApi();
+  const accessControlField = useAccessControlField();
 
   /**
    * In reality, this condition will never happen, so we don't need to worry about hooks used further below.
@@ -27,22 +23,26 @@ var AccessControl = exports.AccessControl = function AccessControl(_ref) {
   if (!accessControlField) {
     return null;
   }
-  var options = accessControlField.options;
-  var bind = (0, _form.useBind)({
+  const {
+    options
+  } = accessControlField;
+  const bind = useBind({
     name: "accessControl.type",
-    validators: [_validation.validation.create("required")],
-    defaultValue: defaultValue,
-    beforeChange: function beforeChange(value, cb) {
+    validators: [validation.create("required")],
+    defaultValue,
+    beforeChange(value, cb) {
       cb(value === "" ? undefined : value);
     }
   });
-  return /*#__PURE__*/_react.default.createElement(_Select.Select, Object.assign({}, bind, {
+  return /*#__PURE__*/React.createElement(Select, Object.assign({}, bind, {
     value: bind.value || defaultValue,
-    label: "Access Control",
+    label: /*#__PURE__*/React.createElement(Label, {
+      text: "Access Control",
+      hint: "Control who can access this file."
+    }),
     options: options || [],
     disabled: file ? !canEdit(file) : false,
-    placeholder: placeholder,
-    description: "Control who can access this file."
+    placeholder: placeholder
   }));
 };
 

package/components/fields/AccessControl.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_validation","_Select","_form","_","_useAccessControlField","_useFileOrUndefined2","AccessControl","exports","_ref","defaultValue","placeholder","_useFileOrUndefined","useFileOrUndefined","file","_useFileManagerApi","useFileManagerApi","canEdit","accessControlField","useAccessControlField","options","bind","useBind","name","validators","validation","create","beforeChange","value","cb","undefined","default","createElement","Select","Object","assign","label","disabled","description"],"sources":["AccessControl.tsx"],"sourcesContent":["import React from \"react\";\nimport { validation } from \"@webiny/validation\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { useBind } from \"@webiny/form\";\nimport { useFileManagerApi } from \"~/index\";\nimport { useAccessControlField } from \"./useAccessControlField\";\nimport { useFileOrUndefined } from \"~/components/fields/useFileOrUndefined\";\n\ninterface AccessControlProps {\n    defaultValue?: string;\n    placeholder?: string;\n}\n\nexport const AccessControl = ({ defaultValue, placeholder }: AccessControlProps) => {\n    const { file } = useFileOrUndefined();\n    const { canEdit } = useFileManagerApi();\n    const accessControlField = useAccessControlField();\n\n    /**\n     * In reality, this condition will never happen, so we don't need to worry about hooks used further below.\n     */\n    if (!accessControlField) {\n        return null;\n    }\n\n    const { options } = accessControlField;\n\n    const bind = useBind({\n        name: \"accessControl.type\",\n        validators: [validation.create(\"required\")],\n        defaultValue,\n        beforeChange(value, cb) {\n            cb(value === \"\" ? undefined : value);\n        }\n    });\n\n    return (\n        <Select\n            {...bind}\n            value={bind.value || defaultValue}\n            label={\"Access Control\"}\n            options={options || []}\n            disabled={file ? !canEdit(file) : false}\n            placeholder={placeholder}\n            description={\"Control who can access this file.\"}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,CAAA,GAAAJ,OAAA;AACA,IAAAK,sBAAA,GAAAL,OAAA;AACA,IAAAM,oBAAA,GAAAN,OAAA;AAOO,IAAMO,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAhBA,aAAaA,CAAAE,IAAA,EAA0D;EAAA,IAApDC,YAAY,GAAAD,IAAA,CAAZC,YAAY;IAAEC,WAAW,GAAAF,IAAA,CAAXE,WAAW;EACrD,IAAAC,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,IAAMC,kBAAkB,GAAG,IAAAC,4CAAqB,EAAC,CAAC;;EAElD;AACJ;AACA;EACI,IAAI,CAACD,kBAAkB,EAAE;IACrB,OAAO,IAAI;EACf;EAEA,IAAQE,OAAO,GAAKF,kBAAkB,CAA9BE,OAAO;EAEf,IAAMC,IAAI,GAAG,IAAAC,aAAO,EAAC;IACjBC,IAAI,EAAE,oBAAoB;IAC1BC,UAAU,EAAE,CAACC,sBAAU,CAACC,MAAM,CAAC,UAAU,CAAC,CAAC;IAC3ChB,YAAY,EAAZA,YAAY;IACZiB,YAAY,WAAZA,YAAYA,CAACC,KAAK,EAAEC,EAAE,EAAE;MACpBA,EAAE,CAACD,KAAK,KAAK,EAAE,GAAGE,SAAS,GAAGF,KAAK,CAAC;IACxC;EACJ,CAAC,CAAC;EAEF,oBACI9B,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAAC9B,OAAA,CAAA+B,MAAM,EAAAC,MAAA,CAAAC,MAAA,KACCd,IAAI;IACRO,KAAK,EAAEP,IAAI,CAACO,KAAK,IAAIlB,YAAa;IAClC0B,KAAK,EAAE,gBAAiB;IACxBhB,OAAO,EAAEA,OAAO,IAAI,EAAG;IACvBiB,QAAQ,EAAEvB,IAAI,GAAG,CAACG,OAAO,CAACH,IAAI,CAAC,GAAG,KAAM;IACxCH,WAAW,EAAEA,WAAY;IACzB2B,WAAW,EAAE;EAAoC,EACpD,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","validation","useBind","useFileManagerApi","useAccessControlField","useFileOrUndefined","Label","Select","AccessControl","defaultValue","placeholder","file","canEdit","accessControlField","options","bind","name","validators","create","beforeChange","value","cb","undefined","createElement","Object","assign","label","text","hint","disabled"],"sources":["AccessControl.tsx"],"sourcesContent":["import React from \"react\";\nimport { validation } from \"@webiny/validation\";\nimport { useBind } from \"@webiny/form\";\nimport { useFileManagerApi } from \"~/index\";\nimport { useAccessControlField } from \"./useAccessControlField\";\nimport { useFileOrUndefined } from \"~/components/fields/useFileOrUndefined\";\nimport { Label, Select } from \"@webiny/admin-ui\";\n\ninterface AccessControlProps {\n    defaultValue?: string;\n    placeholder?: string;\n}\n\nexport const AccessControl = ({ defaultValue, placeholder }: AccessControlProps) => {\n    const { file } = useFileOrUndefined();\n    const { canEdit } = useFileManagerApi();\n    const accessControlField = useAccessControlField();\n\n    /**\n     * In reality, this condition will never happen, so we don't need to worry about hooks used further below.\n     */\n    if (!accessControlField) {\n        return null;\n    }\n\n    const { options } = accessControlField;\n\n    const bind = useBind({\n        name: \"accessControl.type\",\n        validators: [validation.create(\"required\")],\n        defaultValue,\n        beforeChange(value, cb) {\n            cb(value === \"\" ? undefined : value);\n        }\n    });\n\n    return (\n        <Select\n            {...bind}\n            value={bind.value || defaultValue}\n            label={<Label text={\"Access Control\"} hint={\"Control who can access this file.\"} />}\n            options={options || []}\n            disabled={file ? !canEdit(file) : false}\n            placeholder={placeholder}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,OAAO,QAAQ,cAAc;AACtC,SAASC,iBAAiB;AAC1B,SAASC,qBAAqB;AAC9B,SAASC,kBAAkB;AAC3B,SAASC,KAAK,EAAEC,MAAM,QAAQ,kBAAkB;AAOhD,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAAEC,YAAY;EAAEC;AAAgC,CAAC,KAAK;EAChF,MAAM;IAAEC;EAAK,CAAC,GAAGN,kBAAkB,CAAC,CAAC;EACrC,MAAM;IAAEO;EAAQ,CAAC,GAAGT,iBAAiB,CAAC,CAAC;EACvC,MAAMU,kBAAkB,GAAGT,qBAAqB,CAAC,CAAC;;EAElD;AACJ;AACA;EACI,IAAI,CAACS,kBAAkB,EAAE;IACrB,OAAO,IAAI;EACf;EAEA,MAAM;IAAEC;EAAQ,CAAC,GAAGD,kBAAkB;EAEtC,MAAME,IAAI,GAAGb,OAAO,CAAC;IACjBc,IAAI,EAAE,oBAAoB;IAC1BC,UAAU,EAAE,CAAChB,UAAU,CAACiB,MAAM,CAAC,UAAU,CAAC,CAAC;IAC3CT,YAAY;IACZU,YAAYA,CAACC,KAAK,EAAEC,EAAE,EAAE;MACpBA,EAAE,CAACD,KAAK,KAAK,EAAE,GAAGE,SAAS,GAAGF,KAAK,CAAC;IACxC;EACJ,CAAC,CAAC;EAEF,oBACIpB,KAAA,CAAAuB,aAAA,CAAChB,MAAM,EAAAiB,MAAA,CAAAC,MAAA,KACCV,IAAI;IACRK,KAAK,EAAEL,IAAI,CAACK,KAAK,IAAIX,YAAa;IAClCiB,KAAK,eAAE1B,KAAA,CAAAuB,aAAA,CAACjB,KAAK;MAACqB,IAAI,EAAE,gBAAiB;MAACC,IAAI,EAAE;IAAoC,CAAE,CAAE;IACpFd,OAAO,EAAEA,OAAO,IAAI,EAAG;IACvBe,QAAQ,EAAElB,IAAI,GAAG,CAACC,OAAO,CAACD,IAAI,CAAC,GAAG,KAAM;IACxCD,WAAW,EAAEA;EAAY,EAC5B,CAAC;AAEV,CAAC","ignoreList":[]}