@webiny/app-file-manager 6.3.0 → 6.4.0-beta.0

package/components/FileDropPlaceholder/FileDropPlaceholder.js

@@ -1,12 +0,0 @@
-import React from "react";
-import { FileDropArea } from "../FileDropArea/index.js";
-export const FileDropPlaceholder = () => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "absolute top-0 left-0 bottom-0 right-0 animate-in fade-in duration-300"
-  }, /*#__PURE__*/React.createElement(FileDropArea, {
-    title: "Drop files here",
-    description: "Upload files from your computer by dropping them here"
-  }));
-};
-
-//# sourceMappingURL=FileDropPlaceholder.js.map

package/components/FileDropPlaceholder/FileDropPlaceholder.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","FileDropArea","FileDropPlaceholder","createElement","className","title","description"],"sources":["FileDropPlaceholder.tsx"],"sourcesContent":["import React from \"react\";\nimport { FileDropArea } from \"../FileDropArea/index.js\";\n\nexport const FileDropPlaceholder = () => {\n    return (\n        <div className={\"absolute top-0 left-0 bottom-0 right-0 animate-in fade-in duration-300\"}>\n            <FileDropArea\n                title={\"Drop files here\"}\n                description={\"Upload files from your computer by dropping them here\"}\n            />\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY;AAErB,OAAO,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;EACrC,oBACIF,KAAA,CAAAG,aAAA;IAAKC,SAAS,EAAE;EAAyE,gBACrFJ,KAAA,CAAAG,aAAA,CAACF,YAAY;IACTI,KAAK,EAAE,iBAAkB;IACzBC,WAAW,EAAE;EAAwD,CACxE,CACA,CAAC;AAEd,CAAC","ignoreList":[]}

package/components/FileDropPlaceholder/index.js

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

package/components/FileDropPlaceholder/index.js.map

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

package/components/Filters/Filters.d.ts

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

package/components/Filters/Filters.js

@@ -1,26 +0,0 @@
-import React from "react";
-import { Filters as BaseFilters } from "@webiny/app-admin";
-import { useFileManagerView, useFileManagerViewConfig } from "../../index.js";
-export const Filters = () => {
-  const {
-    showingFilters,
-    setFilters
-  } = useFileManagerView();
-  const {
-    browser
-  } = useFileManagerViewConfig();
-  const applyFilters = data => {
-    if (!Object.keys(data).length) {
-      return;
-    }
-    const convertedFilters = browser.filtersToWhere.reduce((data, converter) => converter(data), data);
-    setFilters(convertedFilters);
-  };
-  return /*#__PURE__*/React.createElement(BaseFilters, {
-    filters: browser.filters,
-    show: showingFilters,
-    onChange: applyFilters
-  });
-};
-
-//# sourceMappingURL=Filters.js.map

package/components/Filters/Filters.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Filters","BaseFilters","useFileManagerView","useFileManagerViewConfig","showingFilters","setFilters","browser","applyFilters","data","Object","keys","length","convertedFilters","filtersToWhere","reduce","converter","createElement","filters","show","onChange"],"sources":["Filters.tsx"],"sourcesContent":["import React from \"react\";\nimport type { FiltersOnSubmit } from \"@webiny/app-admin\";\nimport { Filters as BaseFilters } from \"@webiny/app-admin\";\nimport { useFileManagerView, useFileManagerViewConfig } from \"~/index.js\";\n\nexport const Filters = () => {\n    const { showingFilters, setFilters } = useFileManagerView();\n    const { browser } = useFileManagerViewConfig();\n\n    const applyFilters: FiltersOnSubmit = data => {\n        if (!Object.keys(data).length) {\n            return;\n        }\n\n        const convertedFilters = browser.filtersToWhere.reduce(\n            (data, converter) => converter(data),\n            data\n        );\n        setFilters(convertedFilters);\n    };\n\n    return <BaseFilters filters={browser.filters} show={showingFilters} onChange={applyFilters} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,OAAO,IAAIC,WAAW,QAAQ,mBAAmB;AAC1D,SAASC,kBAAkB,EAAEC,wBAAwB;AAErD,OAAO,MAAMH,OAAO,GAAGA,CAAA,KAAM;EACzB,MAAM;IAAEI,cAAc;IAAEC;EAAW,CAAC,GAAGH,kBAAkB,CAAC,CAAC;EAC3D,MAAM;IAAEI;EAAQ,CAAC,GAAGH,wBAAwB,CAAC,CAAC;EAE9C,MAAMI,YAA6B,GAAGC,IAAI,IAAI;IAC1C,IAAI,CAACC,MAAM,CAACC,IAAI,CAACF,IAAI,CAAC,CAACG,MAAM,EAAE;MAC3B;IACJ;IAEA,MAAMC,gBAAgB,GAAGN,OAAO,CAACO,cAAc,CAACC,MAAM,CAClD,CAACN,IAAI,EAAEO,SAAS,KAAKA,SAAS,CAACP,IAAI,CAAC,EACpCA,IACJ,CAAC;IACDH,UAAU,CAACO,gBAAgB,CAAC;EAChC,CAAC;EAED,oBAAOb,KAAA,CAAAiB,aAAA,CAACf,WAAW;IAACgB,OAAO,EAAEX,OAAO,CAACW,OAAQ;IAACC,IAAI,EAAEd,cAAe;IAACe,QAAQ,EAAEZ;EAAa,CAAE,CAAC;AAClG,CAAC","ignoreList":[]}

package/components/Filters/index.d.ts

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

package/components/Filters/index.js

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

package/components/Filters/index.js.map

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

package/components/Grid/ActionButton.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-export interface ActionButtonProps {
-    icon: React.JSX.Element;
-    label?: string;
-    onAction: () => void;
-    "data-testid"?: string;
-    disabled?: boolean;
-}
-export declare const ActionButton: ({ icon, label, onAction, disabled, ...props }: ActionButtonProps) => React.JSX.Element;

package/components/Grid/ActionButton.js

@@ -1,28 +0,0 @@
-import React, { useCallback } from "react";
-import { IconButton, Tooltip } from "@webiny/admin-ui";
-export const ActionButton = ({
-  icon,
-  label,
-  onAction,
-  disabled,
-  ...props
-}) => {
-  const onClick = useCallback(event => {
-    // Prevent the click event from propagating to the grid item component.
-    event.stopPropagation();
-    onAction && onAction();
-  }, [onAction]);
-  return /*#__PURE__*/React.createElement(Tooltip, {
-    content: label ?? "Custom action",
-    trigger: /*#__PURE__*/React.createElement(IconButton, {
-      variant: "tertiary",
-      size: "sm",
-      icon: icon,
-      onClick: onClick,
-      disabled: disabled,
-      "data-testid": props["data-testid"]
-    })
-  });
-};
-
-//# sourceMappingURL=ActionButton.js.map

package/components/Grid/ActionButton.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useCallback","IconButton","Tooltip","ActionButton","icon","label","onAction","disabled","props","onClick","event","stopPropagation","createElement","content","trigger","variant","size"],"sources":["ActionButton.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { IconButton, Tooltip } from \"@webiny/admin-ui\";\n\nexport interface ActionButtonProps {\n    icon: React.JSX.Element;\n    label?: string;\n    onAction: () => void;\n    \"data-testid\"?: string;\n    disabled?: boolean;\n}\n\nexport const ActionButton = ({ icon, label, onAction, disabled, ...props }: ActionButtonProps) => {\n    const onClick = useCallback(\n        (event: React.MouseEvent<HTMLButtonElement>) => {\n            // Prevent the click event from propagating to the grid item component.\n            event.stopPropagation();\n            onAction && onAction();\n        },\n        [onAction]\n    );\n\n    return (\n        <Tooltip\n            content={label ?? \"Custom action\"}\n            trigger={\n                <IconButton\n                    variant={\"tertiary\"}\n                    size={\"sm\"}\n                    icon={icon}\n                    onClick={onClick}\n                    disabled={disabled}\n                    data-testid={props[\"data-testid\"]}\n                />\n            }\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,UAAU,EAAEC,OAAO,QAAQ,kBAAkB;AAUtD,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAAEC,IAAI;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,QAAQ;EAAE,GAAGC;AAAyB,CAAC,KAAK;EAC9F,MAAMC,OAAO,GAAGT,WAAW,CACtBU,KAA0C,IAAK;IAC5C;IACAA,KAAK,CAACC,eAAe,CAAC,CAAC;IACvBL,QAAQ,IAAIA,QAAQ,CAAC,CAAC;EAC1B,CAAC,EACD,CAACA,QAAQ,CACb,CAAC;EAED,oBACIP,KAAA,CAAAa,aAAA,CAACV,OAAO;IACJW,OAAO,EAAER,KAAK,IAAI,eAAgB;IAClCS,OAAO,eACHf,KAAA,CAAAa,aAAA,CAACX,UAAU;MACPc,OAAO,EAAE,UAAW;MACpBC,IAAI,EAAE,IAAK;MACXZ,IAAI,EAAEA,IAAK;MACXK,OAAO,EAAEA,OAAQ;MACjBF,QAAQ,EAAEA,QAAS;MACnB,eAAaC,KAAK,CAAC,aAAa;IAAE,CACrC;EACJ,CACJ,CAAC;AAEV,CAAC","ignoreList":[]}

package/components/Grid/File.d.ts

@@ -1,32 +0,0 @@
-import React from "react";
-import type { FileItem } from "../../types.js";
-export interface FileProps {
-    file: FileItem;
-    selected: boolean;
-    fileBody?: React.JSX.Element;
-    onSelect?: (event?: React.MouseEvent) => void;
-    onClick?: (event?: React.MouseEvent) => void;
-    multiple?: boolean;
-    children: React.ReactNode;
-}
-export type DefaultFileControlsProps = Pick<FileProps, "selected" | "onSelect">;
-export type DefaultFileBodyProps = Pick<FileProps, "selected" | "onSelect" | "children">;
-export declare const File: (({ file, fileBody, selected, onSelect, children }: FileProps) => React.JSX.Element) & {
-    original: ({ file, fileBody, selected, onSelect, children }: FileProps) => React.JSX.Element;
-    originalName: string;
-    displayName: string;
-} & {
-    original: (({ file, fileBody, selected, onSelect, children }: FileProps) => React.JSX.Element) & {
-        original: ({ file, fileBody, selected, onSelect, children }: FileProps) => React.JSX.Element;
-        originalName: string;
-        displayName: string;
-    };
-    originalName: string;
-    displayName: string;
-} & {
-    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ file, fileBody, selected, onSelect, children }: FileProps) => React.JSX.Element) & {
-        original: ({ file, fileBody, selected, onSelect, children }: FileProps) => React.JSX.Element;
-        originalName: string;
-        displayName: string;
-    }>) => (props: unknown) => React.JSX.Element;
-};

package/components/Grid/File.js

@@ -1,85 +0,0 @@
-import React, { Fragment } from "react";
-import LazyLoad from "react-lazy-load";
-import { makeDecoratable } from "@webiny/app-admin";
-import { Text, TimeAgo, cn, CheckboxPrimitive } from "@webiny/admin-ui";
-import { useFileManagerViewConfig } from "../../modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig.js";
-const DefaultFileControls = ({
-  onSelect,
-  selected
-}) => {
-  const {
-    browser
-  } = useFileManagerViewConfig();
-  const {
-    itemActions
-  } = browser.grid;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, onSelect ? /*#__PURE__*/React.createElement("div", {
-    className: cn(["p-xs rounded-md", "bg-neutral-base/30", "absolute top-sm left-sm", selected ? "visible" : "invisible group-hover:visible"])
-  }, /*#__PURE__*/React.createElement(CheckboxPrimitive, {
-    onClick: onSelect,
-    checked: selected,
-    onChange: () => void 0
-  })) : null, /*#__PURE__*/React.createElement("div", {
-    className: cn(["invisible group-hover:visible", "flex items-center gap-xxs", "p-xs", "absolute top-xs-plus right-xs-plus"])
-  }, itemActions.map(action => {
-    return /*#__PURE__*/React.createElement(Fragment, {
-      key: action.name
-    }, action.element);
-  })));
-};
-const DefaultFileBody = ({
-  selected,
-  onSelect,
-  children
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    onClick: onSelect,
-    className: cn(["relative", onSelect ? "cursor-pointer" : "cursor-default"])
-  }, /*#__PURE__*/React.createElement(DefaultFileControls, {
-    selected: selected,
-    onSelect: onSelect
-  }), /*#__PURE__*/React.createElement(LazyLoad, {
-    height: 150,
-    offset: "300px",
-    "data-testid": "fm-file-wrapper-file-preview",
-    className: cn(["bg-neutral-muted", "flex items-center justify-center", "text-neutral-strong text-sm"])
-  }, children));
-};
-const DefaultFileLabel = ({
-  file
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "px-md py-sm-extra",
-    "data-testid": "fm-file-wrapper-file-label"
-  }, /*#__PURE__*/React.createElement(Text, {
-    size: "sm",
-    as: "div",
-    className: "truncate text-neutral-primary"
-  }, file.name), /*#__PURE__*/React.createElement(Text, {
-    size: "sm",
-    as: "div",
-    className: "truncate text-neutral-dimmed"
-  }, file.type, " ", " // ", " ", /*#__PURE__*/React.createElement(TimeAgo, {
-    datetime: file.createdOn
-  })));
-};
-export const File = makeDecoratable("File", ({
-  file,
-  fileBody,
-  selected,
-  onSelect,
-  children
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn(["group", "bg-neutral-base rounded-lg", "shadow-sm hover:shadow-lg", "border-sm border-solid border-neutral-base hover:border-neutral-dimmed-darker", selected && "ring-md ring-primary-strong", "transition-shadow duration-250 ease-in-out", "overflow-hidden"]),
-    "data-testid": "fm-list-wrapper-file",
-    "data-file-id": file.id
-  }, fileBody ?? /*#__PURE__*/React.createElement(DefaultFileBody, {
-    selected: selected,
-    onSelect: onSelect
-  }, children), /*#__PURE__*/React.createElement(DefaultFileLabel, {
-    file: file
-  }));
-});
-
-//# sourceMappingURL=File.js.map

package/components/Grid/File.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Fragment","LazyLoad","makeDecoratable","Text","TimeAgo","cn","CheckboxPrimitive","useFileManagerViewConfig","DefaultFileControls","onSelect","selected","browser","itemActions","grid","createElement","className","onClick","checked","onChange","map","action","key","name","element","DefaultFileBody","children","height","offset","DefaultFileLabel","file","size","as","type","datetime","createdOn","File","fileBody","id"],"sources":["File.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport LazyLoad from \"react-lazy-load\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { Text, TimeAgo, cn, CheckboxPrimitive } from \"@webiny/admin-ui\";\nimport { useFileManagerViewConfig } from \"~/modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig.js\";\nimport type { FileItem } from \"~/types.js\";\n\nexport interface FileProps {\n    file: FileItem;\n    selected: boolean;\n    fileBody?: React.JSX.Element;\n    onSelect?: (event?: React.MouseEvent) => void;\n    onClick?: (event?: React.MouseEvent) => void;\n    multiple?: boolean;\n    children: React.ReactNode;\n}\n\nexport type DefaultFileControlsProps = Pick<FileProps, \"selected\" | \"onSelect\">;\n\nconst DefaultFileControls = ({ onSelect, selected }: DefaultFileControlsProps) => {\n    const { browser } = useFileManagerViewConfig();\n    const { itemActions } = browser.grid;\n\n    return (\n        <>\n            {onSelect ? (\n                <div\n                    className={cn([\n                        \"p-xs rounded-md\",\n                        \"bg-neutral-base/30\",\n                        \"absolute top-sm left-sm\",\n                        selected ? \"visible\" : \"invisible group-hover:visible\"\n                    ])}\n                >\n                    <CheckboxPrimitive\n                        onClick={onSelect}\n                        checked={selected}\n                        onChange={() => void 0}\n                    />\n                </div>\n            ) : null}\n            <div\n                className={cn([\n                    \"invisible group-hover:visible\",\n                    \"flex items-center gap-xxs\",\n                    \"p-xs\",\n                    \"absolute top-xs-plus right-xs-plus\"\n                ])}\n            >\n                {itemActions.map(action => {\n                    return <Fragment key={action.name}>{action.element}</Fragment>;\n                })}\n            </div>\n        </>\n    );\n};\n\nexport type DefaultFileBodyProps = Pick<FileProps, \"selected\" | \"onSelect\" | \"children\">;\n\nconst DefaultFileBody = ({ selected, onSelect, children }: DefaultFileBodyProps) => {\n    return (\n        <div\n            onClick={onSelect}\n            className={cn([\"relative\", onSelect ? \"cursor-pointer\" : \"cursor-default\"])}\n        >\n            <DefaultFileControls selected={selected} onSelect={onSelect} />\n            <LazyLoad\n                height={150}\n                offset={\"300px\"}\n                data-testid={\"fm-file-wrapper-file-preview\"}\n                className={cn([\n                    \"bg-neutral-muted\",\n                    \"flex items-center justify-center\",\n                    \"text-neutral-strong text-sm\"\n                ])}\n            >\n                {children}\n            </LazyLoad>\n        </div>\n    );\n};\n\ntype DefaultFileLabelProps = Pick<FileProps, \"file\">;\n\nconst DefaultFileLabel = ({ file }: DefaultFileLabelProps) => {\n    return (\n        <div className={\"px-md py-sm-extra\"} data-testid={\"fm-file-wrapper-file-label\"}>\n            <Text size={\"sm\"} as={\"div\"} className={\"truncate text-neutral-primary\"}>\n                {file.name}\n            </Text>\n            <Text size={\"sm\"} as={\"div\"} className={\"truncate text-neutral-dimmed\"}>\n                {file.type} {\" // \"} <TimeAgo datetime={file.createdOn} />\n            </Text>\n        </div>\n    );\n};\n\nexport const File = makeDecoratable(\n    \"File\",\n    ({ file, fileBody, selected, onSelect, children }: FileProps) => {\n        return (\n            <div\n                className={cn([\n                    \"group\",\n                    \"bg-neutral-base rounded-lg\",\n                    \"shadow-sm hover:shadow-lg\",\n                    \"border-sm border-solid border-neutral-base hover:border-neutral-dimmed-darker\",\n                    selected && \"ring-md ring-primary-strong\",\n                    \"transition-shadow duration-250 ease-in-out\",\n                    \"overflow-hidden\"\n                ])}\n                data-testid={\"fm-list-wrapper-file\"}\n                data-file-id={file.id}\n            >\n                {fileBody ?? (\n                    <DefaultFileBody selected={selected} onSelect={onSelect}>\n                        {children}\n                    </DefaultFileBody>\n                )}\n                <DefaultFileLabel file={file} />\n            </div>\n        );\n    }\n);\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,QAAQ,MAAM,iBAAiB;AACtC,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,IAAI,EAAEC,OAAO,EAAEC,EAAE,EAAEC,iBAAiB,QAAQ,kBAAkB;AACvE,SAASC,wBAAwB;AAejC,MAAMC,mBAAmB,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAmC,CAAC,KAAK;EAC9E,MAAM;IAAEC;EAAQ,CAAC,GAAGJ,wBAAwB,CAAC,CAAC;EAC9C,MAAM;IAAEK;EAAY,CAAC,GAAGD,OAAO,CAACE,IAAI;EAEpC,oBACId,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAC,QAAA,QACKS,QAAQ,gBACLV,KAAA,CAAAe,aAAA;IACIC,SAAS,EAAEV,EAAE,CAAC,CACV,iBAAiB,EACjB,oBAAoB,EACpB,yBAAyB,EACzBK,QAAQ,GAAG,SAAS,GAAG,+BAA+B,CACzD;EAAE,gBAEHX,KAAA,CAAAe,aAAA,CAACR,iBAAiB;IACdU,OAAO,EAAEP,QAAS;IAClBQ,OAAO,EAAEP,QAAS;IAClBQ,QAAQ,EAAEA,CAAA,KAAM,KAAK;EAAE,CAC1B,CACA,CAAC,GACN,IAAI,eACRnB,KAAA,CAAAe,aAAA;IACIC,SAAS,EAAEV,EAAE,CAAC,CACV,+BAA+B,EAC/B,2BAA2B,EAC3B,MAAM,EACN,oCAAoC,CACvC;EAAE,GAEFO,WAAW,CAACO,GAAG,CAACC,MAAM,IAAI;IACvB,oBAAOrB,KAAA,CAAAe,aAAA,CAACd,QAAQ;MAACqB,GAAG,EAAED,MAAM,CAACE;IAAK,GAAEF,MAAM,CAACG,OAAkB,CAAC;EAClE,CAAC,CACA,CACP,CAAC;AAEX,CAAC;AAID,MAAMC,eAAe,GAAGA,CAAC;EAAEd,QAAQ;EAAED,QAAQ;EAAEgB;AAA+B,CAAC,KAAK;EAChF,oBACI1B,KAAA,CAAAe,aAAA;IACIE,OAAO,EAAEP,QAAS;IAClBM,SAAS,EAAEV,EAAE,CAAC,CAAC,UAAU,EAAEI,QAAQ,GAAG,gBAAgB,GAAG,gBAAgB,CAAC;EAAE,gBAE5EV,KAAA,CAAAe,aAAA,CAACN,mBAAmB;IAACE,QAAQ,EAAEA,QAAS;IAACD,QAAQ,EAAEA;EAAS,CAAE,CAAC,eAC/DV,KAAA,CAAAe,aAAA,CAACb,QAAQ;IACLyB,MAAM,EAAE,GAAI;IACZC,MAAM,EAAE,OAAQ;IAChB,eAAa,8BAA+B;IAC5CZ,SAAS,EAAEV,EAAE,CAAC,CACV,kBAAkB,EAClB,kCAAkC,EAClC,6BAA6B,CAChC;EAAE,GAEFoB,QACK,CACT,CAAC;AAEd,CAAC;AAID,MAAMG,gBAAgB,GAAGA,CAAC;EAAEC;AAA4B,CAAC,KAAK;EAC1D,oBACI9B,KAAA,CAAAe,aAAA;IAAKC,SAAS,EAAE,mBAAoB;IAAC,eAAa;EAA6B,gBAC3EhB,KAAA,CAAAe,aAAA,CAACX,IAAI;IAAC2B,IAAI,EAAE,IAAK;IAACC,EAAE,EAAE,KAAM;IAAChB,SAAS,EAAE;EAAgC,GACnEc,IAAI,CAACP,IACJ,CAAC,eACPvB,KAAA,CAAAe,aAAA,CAACX,IAAI;IAAC2B,IAAI,EAAE,IAAK;IAACC,EAAE,EAAE,KAAM;IAAChB,SAAS,EAAE;EAA+B,GAClEc,IAAI,CAACG,IAAI,EAAC,GAAC,EAAC,MAAM,EAAC,GAAC,eAAAjC,KAAA,CAAAe,aAAA,CAACV,OAAO;IAAC6B,QAAQ,EAAEJ,IAAI,CAACK;EAAU,CAAE,CACvD,CACL,CAAC;AAEd,CAAC;AAED,OAAO,MAAMC,IAAI,GAAGjC,eAAe,CAC/B,MAAM,EACN,CAAC;EAAE2B,IAAI;EAAEO,QAAQ;EAAE1B,QAAQ;EAAED,QAAQ;EAAEgB;AAAoB,CAAC,KAAK;EAC7D,oBACI1B,KAAA,CAAAe,aAAA;IACIC,SAAS,EAAEV,EAAE,CAAC,CACV,OAAO,EACP,4BAA4B,EAC5B,2BAA2B,EAC3B,+EAA+E,EAC/EK,QAAQ,IAAI,6BAA6B,EACzC,4CAA4C,EAC5C,iBAAiB,CACpB,CAAE;IACH,eAAa,sBAAuB;IACpC,gBAAcmB,IAAI,CAACQ;EAAG,GAErBD,QAAQ,iBACLrC,KAAA,CAAAe,aAAA,CAACU,eAAe;IAACd,QAAQ,EAAEA,QAAS;IAACD,QAAQ,EAAEA;EAAS,GACnDgB,QACY,CACpB,eACD1B,KAAA,CAAAe,aAAA,CAACc,gBAAgB;IAACC,IAAI,EAAEA;EAAK,CAAE,CAC9B,CAAC;AAEd,CACJ,CAAC","ignoreList":[]}

package/components/Grid/Grid.d.ts

@@ -1,21 +0,0 @@
-import React from "react";
-import { FolderActionConfig } from "@webiny/app-aco";
-import type { FolderDto } from "@webiny/app-aco";
-import type { FileItem } from "../../types.js";
-interface GridProps {
-    records: FileItem[];
-    folders: FolderDto[];
-    folderActions: FolderActionConfig[];
-    loading?: boolean;
-    onFolderClick: (id: string) => void;
-    selected: FileItem[];
-    multiple?: boolean;
-    toggleSelected: (file: FileItem) => void;
-    deselectAll: () => void;
-    onChange?: (file: FileItem) => void;
-    onClose?: () => void;
-    hasOnSelectCallback: boolean;
-    displaySubFolders?: boolean;
-}
-export declare const Grid: ({ folderActions, folders, records, loading, onFolderClick, selected, onChange, onClose, toggleSelected, deselectAll, multiple, hasOnSelectCallback, displaySubFolders }: GridProps) => React.JSX.Element;
-export {};

package/components/Grid/Grid.js

@@ -1,71 +0,0 @@
-import React, { useMemo } from "react";
-import { cn, OverlayLoader } from "@webiny/admin-ui";
-import { FolderGridItem, FolderProvider } from "@webiny/app-aco";
-import { i18n } from "@webiny/app/i18n/index.js";
-import { FileProvider } from "../../contexts/FileProvider.js";
-import { Thumbnail } from "../Thumbnail/index.js";
-import { File } from "./File.js";
-const t = i18n.ns("app-admin/file-manager/components/grid");
-export const Grid = ({
-  folderActions,
-  folders,
-  records,
-  loading,
-  onFolderClick,
-  selected,
-  onChange,
-  onClose,
-  toggleSelected,
-  deselectAll,
-  multiple,
-  hasOnSelectCallback,
-  displaySubFolders = true
-}) => {
-  if (loading) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "relative size-full"
-    }, /*#__PURE__*/React.createElement(OverlayLoader, {
-      text: t`Loading files...`,
-      size: "lg"
-    }));
-  }
-  const onSelect = useMemo(() => {
-    if (!onChange) {
-      return undefined;
-    }
-    return record => event => {
-      if (event) {
-        event.stopPropagation();
-      }
-      if (!hasOnSelectCallback || multiple) {
-        toggleSelected(record);
-        return;
-      }
-      onChange(record);
-      onClose && onClose();
-    };
-  }, [onChange]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn(["p-lg", "grid gap-md grid"]),
-    style: {
-      gridTemplateColumns: "repeat(auto-fill, minmax(200px, 1fr))"
-    },
-    onClick: deselectAll
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, displaySubFolders && folders.map(folder => /*#__PURE__*/React.createElement(FolderProvider, {
-    folder: folder,
-    key: folder.id
-  }, /*#__PURE__*/React.createElement(FolderGridItem, {
-    folderActions: folderActions,
-    onClick: onFolderClick
-  }))), records.map(record => /*#__PURE__*/React.createElement(FileProvider, {
-    file: record,
-    key: record.id
-  }, /*#__PURE__*/React.createElement(File, {
-    file: record,
-    multiple: Boolean(multiple),
-    selected: selected.some(current => current.id === record.id),
-    onSelect: onSelect ? onSelect(record) : undefined
-  }, /*#__PURE__*/React.createElement(Thumbnail, null))))));
-};
-
-//# sourceMappingURL=Grid.js.map

package/components/Grid/Grid.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useMemo","cn","OverlayLoader","FolderGridItem","FolderProvider","i18n","FileProvider","Thumbnail","File","t","ns","Grid","folderActions","folders","records","loading","onFolderClick","selected","onChange","onClose","toggleSelected","deselectAll","multiple","hasOnSelectCallback","displaySubFolders","createElement","className","text","size","onSelect","undefined","record","event","stopPropagation","style","gridTemplateColumns","onClick","Fragment","map","folder","key","id","file","Boolean","some","current"],"sources":["Grid.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { cn, OverlayLoader } from \"@webiny/admin-ui\";\nimport { FolderActionConfig, FolderGridItem, FolderProvider } from \"@webiny/app-aco\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { FolderDto } from \"@webiny/app-aco\";\nimport type { FileItem } from \"~/types.js\";\nimport { FileProvider } from \"~/contexts/FileProvider.js\";\nimport { Thumbnail } from \"../Thumbnail/index.js\";\nimport { File } from \"./File.js\";\n\nconst t = i18n.ns(\"app-admin/file-manager/components/grid\");\n\ninterface GridProps {\n    records: FileItem[];\n    folders: FolderDto[];\n    folderActions: FolderActionConfig[];\n    loading?: boolean;\n    onFolderClick: (id: string) => void;\n    selected: FileItem[];\n    multiple?: boolean;\n    toggleSelected: (file: FileItem) => void;\n    deselectAll: () => void;\n    onChange?: (file: FileItem) => void;\n    onClose?: () => void;\n    hasOnSelectCallback: boolean;\n    displaySubFolders?: boolean;\n}\n\nexport const Grid = ({\n    folderActions,\n    folders,\n    records,\n    loading,\n    onFolderClick,\n    selected,\n    onChange,\n    onClose,\n    toggleSelected,\n    deselectAll,\n    multiple,\n    hasOnSelectCallback,\n    displaySubFolders = true\n}: GridProps) => {\n    if (loading) {\n        return (\n            <div className={\"relative size-full\"}>\n                <OverlayLoader text={t`Loading files...`} size={\"lg\"} />\n            </div>\n        );\n    }\n\n    const onSelect = useMemo(() => {\n        if (!onChange) {\n            return undefined;\n        }\n\n        return (record: FileItem) => (event?: React.MouseEvent) => {\n            if (event) {\n                event.stopPropagation();\n            }\n\n            if (!hasOnSelectCallback || multiple) {\n                toggleSelected(record);\n                return;\n            }\n\n            onChange(record);\n            onClose && onClose();\n        };\n    }, [onChange]);\n\n    return (\n        <div\n            className={cn([\"p-lg\", \"grid gap-md grid\"])}\n            style={{\n                gridTemplateColumns: \"repeat(auto-fill, minmax(200px, 1fr))\"\n            }}\n            onClick={deselectAll}\n        >\n            <>\n                {displaySubFolders &&\n                    folders.map(folder => (\n                        <FolderProvider folder={folder} key={folder.id}>\n                            <FolderGridItem folderActions={folderActions} onClick={onFolderClick} />\n                        </FolderProvider>\n                    ))}\n                {records.map(record => (\n                    <FileProvider file={record} key={record.id}>\n                        <File\n                            file={record}\n                            multiple={Boolean(multiple)}\n                            selected={selected.some(current => current.id === record.id)}\n                            onSelect={onSelect ? onSelect(record) : undefined}\n                        >\n                            <Thumbnail />\n                        </File>\n                    </FileProvider>\n                ))}\n            </>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,EAAE,EAAEC,aAAa,QAAQ,kBAAkB;AACpD,SAA6BC,cAAc,EAAEC,cAAc,QAAQ,iBAAiB;AACpF,SAASC,IAAI,QAAQ,2BAA2B;AAGhD,SAASC,YAAY;AACrB,SAASC,SAAS;AAClB,SAASC,IAAI;AAEb,MAAMC,CAAC,GAAGJ,IAAI,CAACK,EAAE,CAAC,wCAAwC,CAAC;AAkB3D,OAAO,MAAMC,IAAI,GAAGA,CAAC;EACjBC,aAAa;EACbC,OAAO;EACPC,OAAO;EACPC,OAAO;EACPC,aAAa;EACbC,QAAQ;EACRC,QAAQ;EACRC,OAAO;EACPC,cAAc;EACdC,WAAW;EACXC,QAAQ;EACRC,mBAAmB;EACnBC,iBAAiB,GAAG;AACb,CAAC,KAAK;EACb,IAAIT,OAAO,EAAE;IACT,oBACIhB,KAAA,CAAA0B,aAAA;MAAKC,SAAS,EAAE;IAAqB,gBACjC3B,KAAA,CAAA0B,aAAA,CAACvB,aAAa;MAACyB,IAAI,EAAElB,CAAC,kBAAmB;MAACmB,IAAI,EAAE;IAAK,CAAE,CACtD,CAAC;EAEd;EAEA,MAAMC,QAAQ,GAAG7B,OAAO,CAAC,MAAM;IAC3B,IAAI,CAACkB,QAAQ,EAAE;MACX,OAAOY,SAAS;IACpB;IAEA,OAAQC,MAAgB,IAAMC,KAAwB,IAAK;MACvD,IAAIA,KAAK,EAAE;QACPA,KAAK,CAACC,eAAe,CAAC,CAAC;MAC3B;MAEA,IAAI,CAACV,mBAAmB,IAAID,QAAQ,EAAE;QAClCF,cAAc,CAACW,MAAM,CAAC;QACtB;MACJ;MAEAb,QAAQ,CAACa,MAAM,CAAC;MAChBZ,OAAO,IAAIA,OAAO,CAAC,CAAC;IACxB,CAAC;EACL,CAAC,EAAE,CAACD,QAAQ,CAAC,CAAC;EAEd,oBACInB,KAAA,CAAA0B,aAAA;IACIC,SAAS,EAAEzB,EAAE,CAAC,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAE;IAC5CiC,KAAK,EAAE;MACHC,mBAAmB,EAAE;IACzB,CAAE;IACFC,OAAO,EAAEf;EAAY,gBAErBtB,KAAA,CAAA0B,aAAA,CAAA1B,KAAA,CAAAsC,QAAA,QACKb,iBAAiB,IACdX,OAAO,CAACyB,GAAG,CAACC,MAAM,iBACdxC,KAAA,CAAA0B,aAAA,CAACrB,cAAc;IAACmC,MAAM,EAAEA,MAAO;IAACC,GAAG,EAAED,MAAM,CAACE;EAAG,gBAC3C1C,KAAA,CAAA0B,aAAA,CAACtB,cAAc;IAACS,aAAa,EAAEA,aAAc;IAACwB,OAAO,EAAEpB;EAAc,CAAE,CAC3D,CACnB,CAAC,EACLF,OAAO,CAACwB,GAAG,CAACP,MAAM,iBACfhC,KAAA,CAAA0B,aAAA,CAACnB,YAAY;IAACoC,IAAI,EAAEX,MAAO;IAACS,GAAG,EAAET,MAAM,CAACU;EAAG,gBACvC1C,KAAA,CAAA0B,aAAA,CAACjB,IAAI;IACDkC,IAAI,EAAEX,MAAO;IACbT,QAAQ,EAAEqB,OAAO,CAACrB,QAAQ,CAAE;IAC5BL,QAAQ,EAAEA,QAAQ,CAAC2B,IAAI,CAACC,OAAO,IAAIA,OAAO,CAACJ,EAAE,KAAKV,MAAM,CAACU,EAAE,CAAE;IAC7DZ,QAAQ,EAAEA,QAAQ,GAAGA,QAAQ,CAACE,MAAM,CAAC,GAAGD;EAAU,gBAElD/B,KAAA,CAAA0B,aAAA,CAAClB,SAAS,MAAE,CACV,CACI,CACjB,CACH,CACD,CAAC;AAEd,CAAC","ignoreList":[]}

package/components/Grid/Thumbnail.js

@@ -1,16 +0,0 @@
-import React from "react";
-import { useFile } from "../../hooks/useFile.js";
-import { useFileManagerViewConfig } from "../../index.js";
-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/Grid/Thumbnail.js.map

@@ -1 +0,0 @@
-{"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.js\";\nimport { useFileManagerViewConfig } from \"~/index.js\";\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/Grid/index.d.ts

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

package/components/Grid/index.js

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

package/components/Grid/index.js.map

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

package/components/Header/Actions.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-import type { HeaderProps } from "../../components/Header/Header.js";
-type ActionsProps = Pick<HeaderProps, "browseFiles">;
-export declare const Actions: (props: ActionsProps) => React.JSX.Element;
-export {};

package/components/Header/Actions.js

@@ -1,99 +0,0 @@
-import React, { useCallback } from "react";
-import { Button, IconButton, Tooltip } from "@webiny/admin-ui";
-import { useCreateDialog } from "@webiny/app-aco";
-import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
-import { ReactComponent as FileUploadIcon } from "@webiny/icons/file_upload.svg";
-import { ReactComponent as GridIcon } from "@webiny/icons/grid_on.svg";
-import { ReactComponent as TableIcon } from "@webiny/icons/format_list_bulleted.svg";
-import { useFileManagerView } from "../../modules/FileManagerRenderer/FileManagerViewProvider/index.js";
-import { useFileManagerApi } from "../../modules/FileManagerApiProvider/FileManagerApiContext/index.js";
-import { FiltersToggle } from "@webiny/app-admin";
-const FileAction = ({
-  browseFiles
-}) => {
-  const view = useFileManagerView();
-  const fileManager = useFileManagerApi();
-  const renderUploadFileAction = useCallback(({
-    browseFiles
-  }) => {
-    if (!fileManager.canCreate) {
-      return null;
-    }
-    return /*#__PURE__*/React.createElement(Button, {
-      onClick: browseFiles,
-      size: "md",
-      text: "Upload",
-      icon: /*#__PURE__*/React.createElement(FileUploadIcon, null)
-    });
-  }, [fileManager.canCreate]);
-  if (view.hasOnSelectCallback && view.selected.length > 0) {
-    return /*#__PURE__*/React.createElement(Button, {
-      onClick: () => view.onChange(view.selected),
-      size: "md",
-      text: `Select ${view.multiple && `(${view.selected.length})`}`
-    });
-  }
-  return renderUploadFileAction({
-    browseFiles
-  });
-};
-const FolderAction = () => {
-  const view = useFileManagerView();
-  const {
-    showDialog: showCreateFolderDialog
-  } = useCreateDialog();
-  const onCreateFolder = useCallback(() => {
-    showCreateFolderDialog({
-      currentParentId: view.folderId
-    });
-  }, [view.folderId]);
-  return /*#__PURE__*/React.createElement(Button, {
-    variant: "secondary",
-    size: "md",
-    onClick: onCreateFolder,
-    text: "New Folder",
-    icon: /*#__PURE__*/React.createElement(AddIcon, null),
-    "data-testid": "file-manager.create-folder-button"
-  });
-};
-const LayoutSwitchAction = () => {
-  const view = useFileManagerView();
-  return /*#__PURE__*/React.createElement(Tooltip, {
-    side: "bottom",
-    content: view.listTable ? "Switch to Grid" : "Switch to Table",
-    trigger: /*#__PURE__*/React.createElement(IconButton, {
-      variant: "ghost",
-      size: "md",
-      icon: view.listTable ? /*#__PURE__*/React.createElement(GridIcon, null) : /*#__PURE__*/React.createElement(TableIcon, null),
-      onClick: () => view.setListTable(!view.listTable)
-    })
-  });
-};
-const ToggleFiltersAction = () => {
-  const view = useFileManagerView();
-  const toggleFilters = () => {
-    if (view.showingFilters) {
-      view.hideFilters();
-    } else {
-      view.showFilters();
-    }
-  };
-  return /*#__PURE__*/React.createElement(FiltersToggle, {
-    onFiltersToggle: toggleFilters,
-    showingFilters: view.showingFilters,
-    "data-testid": "fm.list-entries.toggle-filters"
-  });
-};
-export const Actions = props => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "h-full flex gap-sm items-center justify-end"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex gap-xs"
-  }, /*#__PURE__*/React.createElement(ToggleFiltersAction, null), /*#__PURE__*/React.createElement(LayoutSwitchAction, null)), /*#__PURE__*/React.createElement("div", {
-    className: "flex gap-xs"
-  }, /*#__PURE__*/React.createElement(FileAction, {
-    browseFiles: props.browseFiles
-  }), /*#__PURE__*/React.createElement(FolderAction, null)));
-};
-
-//# sourceMappingURL=Actions.js.map

package/components/Header/Actions.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useCallback","Button","IconButton","Tooltip","useCreateDialog","ReactComponent","AddIcon","FileUploadIcon","GridIcon","TableIcon","useFileManagerView","useFileManagerApi","FiltersToggle","FileAction","browseFiles","view","fileManager","renderUploadFileAction","canCreate","createElement","onClick","size","text","icon","hasOnSelectCallback","selected","length","onChange","multiple","FolderAction","showDialog","showCreateFolderDialog","onCreateFolder","currentParentId","folderId","variant","LayoutSwitchAction","side","content","listTable","trigger","setListTable","ToggleFiltersAction","toggleFilters","showingFilters","hideFilters","showFilters","onFiltersToggle","Actions","props","className"],"sources":["Actions.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { Button, type ButtonProps, IconButton, Tooltip } from \"@webiny/admin-ui\";\nimport { useCreateDialog } from \"@webiny/app-aco\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as FileUploadIcon } from \"@webiny/icons/file_upload.svg\";\nimport { ReactComponent as GridIcon } from \"@webiny/icons/grid_on.svg\";\nimport { ReactComponent as TableIcon } from \"@webiny/icons/format_list_bulleted.svg\";\nimport { useFileManagerView } from \"~/modules/FileManagerRenderer/FileManagerViewProvider/index.js\";\nimport { useFileManagerApi } from \"~/modules/FileManagerApiProvider/FileManagerApiContext/index.js\";\nimport type { BrowseFilesHandler, HeaderProps } from \"~/components/Header/Header.js\";\nimport { FiltersToggle } from \"@webiny/app-admin\";\n\ntype ActionsProps = Pick<HeaderProps, \"browseFiles\">;\n\nconst FileAction = ({ browseFiles }: ActionsProps) => {\n    const view = useFileManagerView();\n    const fileManager = useFileManagerApi();\n\n    const renderUploadFileAction = useCallback(\n        ({ browseFiles }: BrowseFilesHandler) => {\n            if (!fileManager.canCreate) {\n                return null;\n            }\n            return (\n                <Button\n                    onClick={browseFiles as ButtonProps[\"onClick\"]}\n                    size={\"md\"}\n                    text={\"Upload\"}\n                    icon={<FileUploadIcon />}\n                />\n            );\n        },\n        [fileManager.canCreate]\n    );\n\n    if (view.hasOnSelectCallback && view.selected.length > 0) {\n        return (\n            <Button\n                onClick={() => view.onChange(view.selected)}\n                size={\"md\"}\n                text={`Select ${view.multiple && `(${view.selected.length})`}`}\n            />\n        );\n    }\n\n    return renderUploadFileAction({\n        browseFiles\n    } as BrowseFilesHandler);\n};\n\nconst FolderAction = () => {\n    const view = useFileManagerView();\n    const { showDialog: showCreateFolderDialog } = useCreateDialog();\n\n    const onCreateFolder = useCallback(() => {\n        showCreateFolderDialog({ currentParentId: view.folderId });\n    }, [view.folderId]);\n\n    return (\n        <Button\n            variant={\"secondary\"}\n            size={\"md\"}\n            onClick={onCreateFolder}\n            text={\"New Folder\"}\n            icon={<AddIcon />}\n            data-testid={\"file-manager.create-folder-button\"}\n        />\n    );\n};\n\nconst LayoutSwitchAction = () => {\n    const view = useFileManagerView();\n\n    return (\n        <Tooltip\n            side={\"bottom\"}\n            content={view.listTable ? \"Switch to Grid\" : \"Switch to Table\"}\n            trigger={\n                <IconButton\n                    variant={\"ghost\"}\n                    size={\"md\"}\n                    icon={view.listTable ? <GridIcon /> : <TableIcon />}\n                    onClick={() => view.setListTable(!view.listTable)}\n                />\n            }\n        />\n    );\n};\n\nconst ToggleFiltersAction = () => {\n    const view = useFileManagerView();\n\n    const toggleFilters = () => {\n        if (view.showingFilters) {\n            view.hideFilters();\n        } else {\n            view.showFilters();\n        }\n    };\n\n    return (\n        <FiltersToggle\n            onFiltersToggle={toggleFilters}\n            showingFilters={view.showingFilters}\n            data-testid=\"fm.list-entries.toggle-filters\"\n        />\n    );\n};\n\nexport const Actions = (props: ActionsProps) => {\n    return (\n        <div className={\"h-full flex gap-sm items-center justify-end\"}>\n            <div className={\"flex gap-xs\"}>\n                <ToggleFiltersAction />\n                <LayoutSwitchAction />\n            </div>\n            <div className={\"flex gap-xs\"}>\n                <FileAction browseFiles={props.browseFiles} />\n                <FolderAction />\n            </div>\n        </div>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/components/Header/Header.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import type { FilesRenderChildren } from "react-butterfiles";
-export interface BrowseFilesHandler {
-    browseFiles: FilesRenderChildren["browseFiles"];
-}
-export interface HeaderProps {
-    browseFiles: BrowseFilesHandler["browseFiles"];
-}
-export declare const Header: (props: HeaderProps) => React.JSX.Element;

package/components/Header/Header.js

@@ -1,21 +0,0 @@
-import React from "react";
-import { Actions } from "./Actions.js";
-import { Title } from "./Title.js";
-import { SearchWidget } from "../SearchWidget/index.js";
-export const Header = props => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col gap-md"
-  }, /*#__PURE__*/React.createElement(Title, null), /*#__PURE__*/React.createElement("div", {
-    className: "px-md pb-sm"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center gap-sm w-full"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex-1"
-  }, /*#__PURE__*/React.createElement(SearchWidget, null)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    className: "flex gap-sm"
-  }, /*#__PURE__*/React.createElement(Actions, {
-    browseFiles: props.browseFiles
-  }))))));
-};
-
-//# sourceMappingURL=Header.js.map

package/components/Header/Header.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Actions","Title","SearchWidget","Header","props","createElement","className","browseFiles"],"sources":["Header.tsx"],"sourcesContent":["import React from \"react\";\nimport type { FilesRenderChildren } from \"react-butterfiles\";\n\nimport { Actions } from \"./Actions.js\";\nimport { Title } from \"./Title.js\";\nimport { SearchWidget } from \"~/components/SearchWidget/index.js\";\n\nexport interface BrowseFilesHandler {\n    browseFiles: FilesRenderChildren[\"browseFiles\"];\n}\n\nexport interface HeaderProps {\n    browseFiles: BrowseFilesHandler[\"browseFiles\"];\n}\n\nexport const Header = (props: HeaderProps) => {\n    return (\n        <div className={\"flex flex-col gap-md\"}>\n            <Title />\n            <div className={\"px-md pb-sm\"}>\n                <div className={\"flex items-center gap-sm w-full\"}>\n                    <div className={\"flex-1\"}>\n                        <SearchWidget />\n                    </div>\n                    <div>\n                        <div className={\"flex gap-sm\"}>\n                            <Actions browseFiles={props.browseFiles} />\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,OAAO;AAChB,SAASC,KAAK;AACd,SAASC,YAAY;AAUrB,OAAO,MAAMC,MAAM,GAAIC,KAAkB,IAAK;EAC1C,oBACIL,KAAA,CAAAM,aAAA;IAAKC,SAAS,EAAE;EAAuB,gBACnCP,KAAA,CAAAM,aAAA,CAACJ,KAAK,MAAE,CAAC,eACTF,KAAA,CAAAM,aAAA;IAAKC,SAAS,EAAE;EAAc,gBAC1BP,KAAA,CAAAM,aAAA;IAAKC,SAAS,EAAE;EAAkC,gBAC9CP,KAAA,CAAAM,aAAA;IAAKC,SAAS,EAAE;EAAS,gBACrBP,KAAA,CAAAM,aAAA,CAACH,YAAY,MAAE,CACd,CAAC,eACNH,KAAA,CAAAM,aAAA,2BACIN,KAAA,CAAAM,aAAA;IAAKC,SAAS,EAAE;EAAc,gBAC1BP,KAAA,CAAAM,aAAA,CAACL,OAAO;IAACO,WAAW,EAAEH,KAAK,CAACG;EAAY,CAAE,CACzC,CACJ,CACJ,CACJ,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}

package/components/Header/Title.d.ts

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

package/components/Header/Title.js

@@ -1,55 +0,0 @@
-import React from "react";
-import { Heading, Icon, IconButton, Skeleton } from "@webiny/admin-ui";
-import { ReactComponent as HomeIcon } from "@webiny/icons/home.svg";
-import { ReactComponent as FolderIcon } from "@webiny/icons/folder.svg";
-import { ReactComponent as MoreVerticalIcon } from "@webiny/icons/more_vert.svg";
-import { useFileManagerView } from "../../modules/FileManagerRenderer/FileManagerViewProvider/index.js";
-import { FolderProvider } from "@webiny/app-aco";
-import { OptionsMenu } from "@webiny/app-admin";
-import { useFileManagerViewConfig } from "../../modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig.js";
-export const Title = () => {
-  const {
-    isRootFolder,
-    listTitle,
-    currentFolder
-  } = useFileManagerView();
-  const {
-    browser
-  } = useFileManagerViewConfig();
-  const icon = isRootFolder ? /*#__PURE__*/React.createElement(HomeIcon, null) : /*#__PURE__*/React.createElement(FolderIcon, null);
-  if (!listTitle) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "flex pt-md px-md items-center"
-    }, /*#__PURE__*/React.createElement(Skeleton, {
-      size: "xl"
-    }));
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex pt-md px-lg items-center"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex gap-sm items-center truncate"
-  }, /*#__PURE__*/React.createElement(Icon, {
-    icon: icon,
-    label: listTitle,
-    size: "md",
-    color: "neutral-strong"
-  }), /*#__PURE__*/React.createElement(Heading, {
-    level: 4,
-    as: "h1",
-    className: "truncate"
-  }, listTitle)), currentFolder && !isRootFolder && /*#__PURE__*/React.createElement(FolderProvider, {
-    folder: currentFolder
-  }, /*#__PURE__*/React.createElement(OptionsMenu, {
-    actions: browser.folder.actions,
-    "data-testid": "folder.title.menu-action",
-    trigger: /*#__PURE__*/React.createElement(IconButton, {
-      icon: /*#__PURE__*/React.createElement(MoreVerticalIcon, null),
-      size: "sm",
-      iconSize: "lg",
-      variant: "ghost",
-      disabled: isRootFolder
-    })
-  })));
-};
-
-//# sourceMappingURL=Title.js.map