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

package/components/EditFileUsingUrl/GetFileByUrl.d.ts

@@ -1,10 +0,0 @@
-import type ApolloClient from "apollo-client";
-import type { FileItem } from "../../types.js";
-import type { IGetFileByUrl } from "./EditFileUsingUrlRepository.js";
-import type { useFileModel } from "../../hooks/useFileModel.js";
-export declare class GetFileByUrl implements IGetFileByUrl {
-    private client;
-    private readonly query;
-    constructor(client: ApolloClient<unknown>, model: ReturnType<typeof useFileModel>);
-    execute(url: string): Promise<FileItem>;
-}

package/components/EditFileUsingUrl/GetFileByUrl.js

@@ -1,27 +0,0 @@
-import { getFileByUrlQuery } from "./getFileByUrl.graphql.js";
-export class GetFileByUrl {
-  constructor(client, model) {
-    this.client = client;
-    this.query = getFileByUrlQuery(model);
-  }
-  async execute(url) {
-    // TODO: add query type
-    const response = await this.client.query({
-      query: this.query,
-      variables: {
-        url
-      },
-      fetchPolicy: "network-only"
-    });
-    const {
-      data,
-      error
-    } = response.data.fileManager.getFileByUrl;
-    if (error) {
-      throw new Error(error.message);
-    }
-    return data;
-  }
-}
-
-//# sourceMappingURL=GetFileByUrl.js.map

package/components/EditFileUsingUrl/GetFileByUrl.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getFileByUrlQuery","GetFileByUrl","constructor","client","model","query","execute","url","response","variables","fetchPolicy","data","error","fileManager","getFileByUrl","Error","message"],"sources":["GetFileByUrl.ts"],"sourcesContent":["import type ApolloClient from \"apollo-client\";\nimport type { DocumentNode } from \"graphql\";\nimport type { FileItem } from \"~/types.js\";\nimport type { IGetFileByUrl } from \"./EditFileUsingUrlRepository.js\";\nimport { getFileByUrlQuery } from \"./getFileByUrl.graphql.js\";\nimport type { useFileModel } from \"~/hooks/useFileModel.js\";\n\nexport class GetFileByUrl implements IGetFileByUrl {\n    private client: ApolloClient<unknown>;\n    private readonly query: DocumentNode;\n\n    constructor(client: ApolloClient<unknown>, model: ReturnType<typeof useFileModel>) {\n        this.client = client;\n        this.query = getFileByUrlQuery(model);\n    }\n\n    async execute(url: string): Promise<FileItem> {\n        // TODO: add query type\n        const response = await this.client.query({\n            query: this.query,\n            variables: { url },\n            fetchPolicy: \"network-only\"\n        });\n\n        const { data, error } = response.data.fileManager.getFileByUrl;\n        if (error) {\n            throw new Error(error.message);\n        }\n\n        return data;\n    }\n}\n"],"mappings":"AAIA,SAASA,iBAAiB;AAG1B,OAAO,MAAMC,YAAY,CAA0B;EAI/CC,WAAWA,CAACC,MAA6B,EAAEC,KAAsC,EAAE;IAC/E,IAAI,CAACD,MAAM,GAAGA,MAAM;IACpB,IAAI,CAACE,KAAK,GAAGL,iBAAiB,CAACI,KAAK,CAAC;EACzC;EAEA,MAAME,OAAOA,CAACC,GAAW,EAAqB;IAC1C;IACA,MAAMC,QAAQ,GAAG,MAAM,IAAI,CAACL,MAAM,CAACE,KAAK,CAAC;MACrCA,KAAK,EAAE,IAAI,CAACA,KAAK;MACjBI,SAAS,EAAE;QAAEF;MAAI,CAAC;MAClBG,WAAW,EAAE;IACjB,CAAC,CAAC;IAEF,MAAM;MAAEC,IAAI;MAAEC;IAAM,CAAC,GAAGJ,QAAQ,CAACG,IAAI,CAACE,WAAW,CAACC,YAAY;IAC9D,IAAIF,KAAK,EAAE;MACP,MAAM,IAAIG,KAAK,CAACH,KAAK,CAACI,OAAO,CAAC;IAClC;IAEA,OAAOL,IAAI;EACf;AACJ","ignoreList":[]}

package/components/EditFileUsingUrl/Loading.d.ts

@@ -1,18 +0,0 @@
-export declare enum LOADING_STATE {
-    IDLE = "IDLE",
-    GET_FILE = "GET_FILE",
-    UPDATE_FILE = "UPDATE_FILE",
-    ERROR = "ERROR"
-}
-export declare class Loading {
-    private _isLoading;
-    private _state;
-    private _feedback;
-    constructor();
-    startLoading(state: LOADING_STATE): void;
-    stopLoadingWithSuccess(message?: string): void;
-    stopLoadingWithError(message?: string): void;
-    get isLoading(): boolean;
-    get state(): LOADING_STATE;
-    get feedback(): string;
-}

package/components/EditFileUsingUrl/Loading.js

@@ -1,42 +0,0 @@
-import { makeAutoObservable } from "mobx";
-export let LOADING_STATE = /*#__PURE__*/function (LOADING_STATE) {
-  LOADING_STATE["IDLE"] = "IDLE";
-  LOADING_STATE["GET_FILE"] = "GET_FILE";
-  LOADING_STATE["UPDATE_FILE"] = "UPDATE_FILE";
-  LOADING_STATE["ERROR"] = "ERROR";
-  return LOADING_STATE;
-}({});
-export class Loading {
-  constructor() {
-    this._isLoading = false;
-    this._state = LOADING_STATE.IDLE;
-    this._feedback = "";
-    makeAutoObservable(this);
-  }
-  startLoading(state) {
-    this._isLoading = true;
-    this._state = state;
-    this._feedback = "";
-  }
-  stopLoadingWithSuccess(message) {
-    this._isLoading = false;
-    this._state = LOADING_STATE.IDLE;
-    this._feedback = message || "";
-  }
-  stopLoadingWithError(message) {
-    this._isLoading = false;
-    this._state = LOADING_STATE.ERROR;
-    this._feedback = message || "";
-  }
-  get isLoading() {
-    return this._isLoading;
-  }
-  get state() {
-    return this._state;
-  }
-  get feedback() {
-    return this._feedback;
-  }
-}
-
-//# sourceMappingURL=Loading.js.map

package/components/EditFileUsingUrl/Loading.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["makeAutoObservable","LOADING_STATE","Loading","constructor","_isLoading","_state","IDLE","_feedback","startLoading","state","stopLoadingWithSuccess","message","stopLoadingWithError","ERROR","isLoading","feedback"],"sources":["Loading.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\n\nexport enum LOADING_STATE {\n    IDLE = \"IDLE\",\n    GET_FILE = \"GET_FILE\",\n    UPDATE_FILE = \"UPDATE_FILE\",\n    ERROR = \"ERROR\"\n}\n\nexport class Loading {\n    private _isLoading: boolean;\n    private _state: LOADING_STATE;\n    private _feedback: string;\n\n    constructor() {\n        this._isLoading = false;\n        this._state = LOADING_STATE.IDLE;\n        this._feedback = \"\";\n        makeAutoObservable(this);\n    }\n\n    startLoading(state: LOADING_STATE) {\n        this._isLoading = true;\n        this._state = state;\n        this._feedback = \"\";\n    }\n\n    stopLoadingWithSuccess(message?: string) {\n        this._isLoading = false;\n        this._state = LOADING_STATE.IDLE;\n        this._feedback = message || \"\";\n    }\n\n    stopLoadingWithError(message?: string) {\n        this._isLoading = false;\n        this._state = LOADING_STATE.ERROR;\n        this._feedback = message || \"\";\n    }\n\n    get isLoading() {\n        return this._isLoading;\n    }\n\n    get state() {\n        return this._state;\n    }\n\n    get feedback() {\n        return this._feedback;\n    }\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAEzC,WAAYC,aAAa,0BAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAA,OAAbA,aAAa;AAAA;AAOzB,OAAO,MAAMC,OAAO,CAAC;EAKjBC,WAAWA,CAAA,EAAG;IACV,IAAI,CAACC,UAAU,GAAG,KAAK;IACvB,IAAI,CAACC,MAAM,GAAGJ,aAAa,CAACK,IAAI;IAChC,IAAI,CAACC,SAAS,GAAG,EAAE;IACnBP,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAQ,YAAYA,CAACC,KAAoB,EAAE;IAC/B,IAAI,CAACL,UAAU,GAAG,IAAI;IACtB,IAAI,CAACC,MAAM,GAAGI,KAAK;IACnB,IAAI,CAACF,SAAS,GAAG,EAAE;EACvB;EAEAG,sBAAsBA,CAACC,OAAgB,EAAE;IACrC,IAAI,CAACP,UAAU,GAAG,KAAK;IACvB,IAAI,CAACC,MAAM,GAAGJ,aAAa,CAACK,IAAI;IAChC,IAAI,CAACC,SAAS,GAAGI,OAAO,IAAI,EAAE;EAClC;EAEAC,oBAAoBA,CAACD,OAAgB,EAAE;IACnC,IAAI,CAACP,UAAU,GAAG,KAAK;IACvB,IAAI,CAACC,MAAM,GAAGJ,aAAa,CAACY,KAAK;IACjC,IAAI,CAACN,SAAS,GAAGI,OAAO,IAAI,EAAE;EAClC;EAEA,IAAIG,SAASA,CAAA,EAAG;IACZ,OAAO,IAAI,CAACV,UAAU;EAC1B;EAEA,IAAIK,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACJ,MAAM;EACtB;EAEA,IAAIU,QAAQA,CAAA,EAAG;IACX,OAAO,IAAI,CAACR,SAAS;EACzB;AACJ","ignoreList":[]}

package/components/EditFileUsingUrl/UpdateFile.d.ts

@@ -1,10 +0,0 @@
-import type { FileItem } from "../../types.js";
-import type { useFileManagerApi } from "../../modules/FileManagerApiProvider/FileManagerApiContext/index.js";
-import type { IUpdateFile } from "./EditFileUsingUrlRepository.js";
-type FileManagerApi = ReturnType<typeof useFileManagerApi>;
-export declare class UpdateFile implements IUpdateFile {
-    private fileApi;
-    constructor(fileApi: FileManagerApi);
-    execute(id: string, file: Partial<FileItem>): Promise<void>;
-}
-export {};

package/components/EditFileUsingUrl/UpdateFile.js

@@ -1,10 +0,0 @@
-export class UpdateFile {
-  constructor(fileApi) {
-    this.fileApi = fileApi;
-  }
-  async execute(id, file) {
-    return this.fileApi.updateFile(id, file);
-  }
-}
-
-//# sourceMappingURL=UpdateFile.js.map

package/components/EditFileUsingUrl/UpdateFile.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["UpdateFile","constructor","fileApi","execute","id","file","updateFile"],"sources":["UpdateFile.ts"],"sourcesContent":["import type { FileItem } from \"~/types.js\";\nimport type { useFileManagerApi } from \"~/modules/FileManagerApiProvider/FileManagerApiContext/index.js\";\nimport type { IUpdateFile } from \"./EditFileUsingUrlRepository.js\";\n\ntype FileManagerApi = ReturnType<typeof useFileManagerApi>;\n\nexport class UpdateFile implements IUpdateFile {\n    private fileApi: FileManagerApi;\n\n    constructor(fileApi: FileManagerApi) {\n        this.fileApi = fileApi;\n    }\n\n    async execute(id: string, file: Partial<FileItem>): Promise<void> {\n        return this.fileApi.updateFile(id, file);\n    }\n}\n"],"mappings":"AAMA,OAAO,MAAMA,UAAU,CAAwB;EAG3CC,WAAWA,CAACC,OAAuB,EAAE;IACjC,IAAI,CAACA,OAAO,GAAGA,OAAO;EAC1B;EAEA,MAAMC,OAAOA,CAACC,EAAU,EAAEC,IAAuB,EAAiB;IAC9D,OAAO,IAAI,CAACH,OAAO,CAACI,UAAU,CAACF,EAAE,EAAEC,IAAI,CAAC;EAC5C;AACJ","ignoreList":[]}

package/components/EditFileUsingUrl/getFileByUrl.graphql.d.ts

@@ -1,2 +0,0 @@
-import type { useFileModel } from "../../hooks/useFileModel.js";
-export declare const getFileByUrlQuery: (model: ReturnType<typeof useFileModel>) => import("graphql").DocumentNode;

package/components/EditFileUsingUrl/getFileByUrl.graphql.js

@@ -1,19 +0,0 @@
-import gql from "graphql-tag";
-import { getFileGraphQLSelection } from "../../modules/FileManagerApiProvider/FileManagerApiContext/index.js";
-export const getFileByUrlQuery = model => {
-  return gql`
-        query GetFileByUrl($url: String!) {
-            fileManager {
-                getFileByUrl(url: $url) {
-                    data ${getFileGraphQLSelection(model)}
-                    error {
-                        code
-                        message
-                    }
-                }
-            }
-        }
-    `;
-};
-
-//# sourceMappingURL=getFileByUrl.graphql.js.map

package/components/EditFileUsingUrl/getFileByUrl.graphql.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["gql","getFileGraphQLSelection","getFileByUrlQuery","model"],"sources":["getFileByUrl.graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport type { useFileModel } from \"~/hooks/useFileModel.js\";\nimport { getFileGraphQLSelection } from \"~/modules/FileManagerApiProvider/FileManagerApiContext/index.js\";\n\nexport const getFileByUrlQuery = (model: ReturnType<typeof useFileModel>) => {\n    return gql`\n        query GetFileByUrl($url: String!) {\n            fileManager {\n                getFileByUrl(url: $url) {\n                    data ${getFileGraphQLSelection(model)}\n                    error {\n                        code\n                        message\n                    }\n                }\n            }\n        }\n    `;\n};\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,aAAa;AAE7B,SAASC,uBAAuB;AAEhC,OAAO,MAAMC,iBAAiB,GAAIC,KAAsC,IAAK;EACzE,OAAOH,GAAG;AACd;AACA;AACA;AACA,2BAA2BC,uBAAuB,CAACE,KAAK,CAAC;AACzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL,CAAC","ignoreList":[]}

package/components/EditFileUsingUrl/index.d.ts

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

package/components/EditFileUsingUrl/index.js

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

package/components/EditFileUsingUrl/index.js.map

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

package/components/Empty/Empty.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import type { FilesRenderChildren } from "react-butterfiles";
-interface EmptyViewProps {
-    browseFiles: FilesRenderChildren["browseFiles"];
-    isSearchResult?: boolean;
-}
-export declare const Empty: ({ browseFiles, isSearchResult }: EmptyViewProps) => React.JSX.Element;
-export {};

package/components/Empty/Empty.js

@@ -1,27 +0,0 @@
-import React from "react";
-import { useFileManagerApi } from "../../index.js";
-import { NoPermissions } from "../NoPermissions/index.js";
-import { NoResults } from "../NoResults/index.js";
-import { FileDropArea } from "../FileDropArea/index.js";
-export const Empty = ({
-  browseFiles,
-  isSearchResult
-}) => {
-  const {
-    canRead
-  } = useFileManagerApi();
-  if (!canRead) {
-    return /*#__PURE__*/React.createElement(NoPermissions, null);
-  }
-  if (isSearchResult) {
-    return /*#__PURE__*/React.createElement(NoResults, null);
-  }
-  return /*#__PURE__*/React.createElement(FileDropArea, {
-    empty: true,
-    onClick: () => browseFiles(),
-    title: "Drag & Drop files here",
-    description: "You can also upload files from your computer by clicking the button below"
-  });
-};
-
-//# sourceMappingURL=Empty.js.map

package/components/Empty/Empty.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useFileManagerApi","NoPermissions","NoResults","FileDropArea","Empty","browseFiles","isSearchResult","canRead","createElement","empty","onClick","title","description"],"sources":["Empty.tsx"],"sourcesContent":["import React from \"react\";\nimport type { FilesRenderChildren } from \"react-butterfiles\";\n\nimport { useFileManagerApi } from \"~/index.js\";\nimport { NoPermissions } from \"~/components/NoPermissions/index.js\";\nimport { NoResults } from \"~/components/NoResults/index.js\";\nimport { FileDropArea } from \"~/components/FileDropArea/index.js\";\n\ninterface EmptyViewProps {\n    browseFiles: FilesRenderChildren[\"browseFiles\"];\n    isSearchResult?: boolean;\n}\n\nexport const Empty = ({ browseFiles, isSearchResult }: EmptyViewProps) => {\n    const { canRead } = useFileManagerApi();\n\n    if (!canRead) {\n        return <NoPermissions />;\n    }\n\n    if (isSearchResult) {\n        return <NoResults />;\n    }\n\n    return (\n        <FileDropArea\n            empty\n            onClick={() => browseFiles()}\n            title={\"Drag & Drop files here\"}\n            description={\n                \"You can also upload files from your computer by clicking the button below\"\n            }\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,iBAAiB;AAC1B,SAASC,aAAa;AACtB,SAASC,SAAS;AAClB,SAASC,YAAY;AAOrB,OAAO,MAAMC,KAAK,GAAGA,CAAC;EAAEC,WAAW;EAAEC;AAA+B,CAAC,KAAK;EACtE,MAAM;IAAEC;EAAQ,CAAC,GAAGP,iBAAiB,CAAC,CAAC;EAEvC,IAAI,CAACO,OAAO,EAAE;IACV,oBAAOR,KAAA,CAAAS,aAAA,CAACP,aAAa,MAAE,CAAC;EAC5B;EAEA,IAAIK,cAAc,EAAE;IAChB,oBAAOP,KAAA,CAAAS,aAAA,CAACN,SAAS,MAAE,CAAC;EACxB;EAEA,oBACIH,KAAA,CAAAS,aAAA,CAACL,YAAY;IACTM,KAAK;IACLC,OAAO,EAAEA,CAAA,KAAML,WAAW,CAAC,CAAE;IAC7BM,KAAK,EAAE,wBAAyB;IAChCC,WAAW,EACP;EACH,CACJ,CAAC;AAEV,CAAC","ignoreList":[]}

package/components/Empty/index.js

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

package/components/Empty/index.js.map

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

package/components/FileDetails/FileDetails.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import type { FileItem } from "../../types.js";
-export interface FileDetailsProps {
-    file?: FileItem;
-    open: boolean;
-    loading: string | null;
-    onClose: () => void;
-    onSave: (file: FileItem) => void;
-    onSetFile?: (file: FileItem) => void;
-}
-export declare const FileDetails: ({ open, onClose, onSave, loading, file, onSetFile }: FileDetailsProps) => React.JSX.Element | null;

package/components/FileDetails/FileDetails.js

@@ -1,141 +0,0 @@
-import React, { useEffect, useMemo, useRef } from "react";
-import noop from "lodash/noop.js";
-import { useHotkeys } from "@webiny/app-admin";
-import { Drawer, Grid, OverlayLoader, Tabs } from "@webiny/admin-ui";
-import { Form } from "@webiny/form";
-import { prepareFormData } from "@webiny/app-headless-cms-common";
-import { FileDetailsProvider } from "./FileDetailsProvider.js";
-import { Preview } from "./components/Preview.js";
-import { Actions } from "./components/Actions.js";
-import { Content } from "./components/Content.js";
-import { Extensions } from "./components/Extensions.js";
-import { Description } from "./components/Description.js";
-import { useFileModel } from "../../hooks/useFileModel.js";
-import { useFileManagerViewConfig } from "../../index.js";
-import { FileProvider } from "../../contexts/FileProvider.js";
-const FileDetailsInner = ({
-  file,
-  onForm,
-  ...props
-}) => {
-  const formRef = /*#__PURE__*/React.createRef();
-  useEffect(() => {
-    if (formRef.current) {
-      onForm(formRef.current);
-    }
-  }, []);
-  const fileModel = useFileModel();
-  const {
-    fileDetails
-  } = useFileManagerViewConfig();
-  const [, leftPanel = "1", rightPanel = "1"] = fileDetails.width.split(",");
-  const extensionFields = useMemo(() => {
-    const fields = fileModel.fields.find(field => field.fieldId === "extensions");
-    if (!fields?.settings?.fields) {
-      return [];
-    }
-    return fields?.settings?.fields || [];
-  }, [fileModel]);
-  const onSubmit = async data => {
-    const fileData = prepareFormData(data, fileModel.fields);
-    props.onSubmit({
-      ...file,
-      ...fileData
-    });
-  };
-  const basicFieldsElement = /*#__PURE__*/React.createElement(Grid, null, fileDetails.fields.map(field => /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12,
-    key: field.name
-  }, field.element)));
-  const extensionFieldsElement = extensionFields.length > 0 ? /*#__PURE__*/React.createElement(Extensions, {
-    model: fileModel
-  }) : null;
-  return /*#__PURE__*/React.createElement(Form, {
-    data: file,
-    onSubmit: onSubmit,
-    ref: formRef
-  }, () => /*#__PURE__*/React.createElement(Content, null, /*#__PURE__*/React.createElement(Content.Panel, {
-    flex: parseFloat(leftPanel)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col justify-between gap-md h-full px-lg py-md"
-  }, /*#__PURE__*/React.createElement(Actions, null), /*#__PURE__*/React.createElement(Preview, null))), /*#__PURE__*/React.createElement(Content.Panel, {
-    flex: parseFloat(rightPanel)
-  }, fileDetails.groupFields ? /*#__PURE__*/React.createElement(Tabs, {
-    size: "md",
-    spacing: "lg",
-    separator: true,
-    tabs: [/*#__PURE__*/React.createElement(Tabs.Tab, {
-      key: "basic-details",
-      value: "basic-details",
-      trigger: "Basic details",
-      content: basicFieldsElement
-    }), /*#__PURE__*/React.createElement(Tabs.Tab, {
-      key: "advanced-details",
-      value: "advanced-details",
-      trigger: "Advanced details",
-      content: extensionFieldsElement
-    })]
-  }) : /*#__PURE__*/React.createElement("div", {
-    className: "p-lg"
-  }, basicFieldsElement, /*#__PURE__*/React.createElement("div", {
-    className: "mt-lg"
-  }, extensionFieldsElement)))));
-};
-export const FileDetails = ({
-  open,
-  onClose,
-  onSave,
-  loading,
-  file,
-  onSetFile = noop
-}) => {
-  useHotkeys({
-    zIndex: 50,
-    disabled: !open,
-    keys: {
-      esc: onClose
-    }
-  });
-  const {
-    fileDetails
-  } = useFileManagerViewConfig();
-  const drawerWidth = fileDetails.width.split(",")[0];
-  const formRef = useRef(null);
-  if (!file) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(FileProvider, {
-    file: file
-  }, /*#__PURE__*/React.createElement(Drawer, {
-    title: file.name,
-    description: /*#__PURE__*/React.createElement(Description, null),
-    width: drawerWidth,
-    open: open,
-    modal: true,
-    bodyPadding: false,
-    headerSeparator: true,
-    footerSeparator: true,
-    onClose: onClose,
-    "data-testid": "fm.file-details.drawer",
-    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Drawer.CancelButton, {
-      text: "Cancel"
-    }), /*#__PURE__*/React.createElement(Drawer.ConfirmButton, {
-      text: "Update",
-      onClick: () => formRef.current?.submit()
-    }))
-  }, loading && /*#__PURE__*/React.createElement(OverlayLoader, {
-    text: loading
-  }), /*#__PURE__*/React.createElement(FileDetailsProvider, {
-    hideFileDetails: onClose,
-    onSetFile: onSetFile
-  }, /*#__PURE__*/React.createElement(FileDetailsInner, {
-    onForm: form => {
-      formRef.current = form;
-    },
-    file: file,
-    onClose: onClose,
-    onSubmit: onSave
-  }))));
-};
-
-//# sourceMappingURL=FileDetails.js.map

package/components/FileDetails/FileDetails.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useEffect","useMemo","useRef","noop","useHotkeys","Drawer","Grid","OverlayLoader","Tabs","Form","prepareFormData","FileDetailsProvider","Preview","Actions","Content","Extensions","Description","useFileModel","useFileManagerViewConfig","FileProvider","FileDetailsInner","file","onForm","props","formRef","createRef","current","fileModel","fileDetails","leftPanel","rightPanel","width","split","extensionFields","fields","find","field","fieldId","settings","onSubmit","data","fileData","basicFieldsElement","createElement","map","Column","span","key","name","element","extensionFieldsElement","length","model","ref","Panel","flex","parseFloat","className","groupFields","size","spacing","separator","tabs","Tab","value","trigger","content","FileDetails","open","onClose","onSave","loading","onSetFile","zIndex","disabled","keys","esc","drawerWidth","title","description","modal","bodyPadding","headerSeparator","footerSeparator","actions","Fragment","CancelButton","text","ConfirmButton","onClick","submit","hideFileDetails","form"],"sources":["FileDetails.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef } from \"react\";\nimport noop from \"lodash/noop.js\";\nimport { useHotkeys } from \"@webiny/app-admin\";\nimport { Drawer, Grid, OverlayLoader, Tabs } from \"@webiny/admin-ui\";\nimport type { FileItem } from \"~/types.js\";\nimport type { FormAPI, FormOnSubmit } from \"@webiny/form\";\nimport { Form } from \"@webiny/form\";\nimport { prepareFormData } from \"@webiny/app-headless-cms-common\";\nimport { FileDetailsProvider } from \"~/components/FileDetails/FileDetailsProvider.js\";\nimport { Preview } from \"./components/Preview.js\";\nimport { Actions } from \"./components/Actions.js\";\nimport { Content } from \"./components/Content.js\";\nimport { Extensions } from \"./components/Extensions.js\";\nimport { Description } from \"./components/Description.js\";\nimport { useFileModel } from \"~/hooks/useFileModel.js\";\nimport { useFileManagerViewConfig } from \"~/index.js\";\nimport { FileProvider } from \"~/contexts/FileProvider.js\";\n\ninterface FileDetailsInnerProps {\n    file: FileItem;\n    onForm: (form: FormAPI) => void;\n    onClose: () => void;\n    onSubmit: (fileData: FileItem) => void;\n}\n\nconst FileDetailsInner = ({ file, onForm, ...props }: FileDetailsInnerProps) => {\n    const formRef = React.createRef<FormAPI>();\n\n    useEffect(() => {\n        if (formRef.current) {\n            onForm(formRef.current);\n        }\n    }, []);\n\n    const fileModel = useFileModel();\n    const { fileDetails } = useFileManagerViewConfig();\n\n    const [, leftPanel = \"1\", rightPanel = \"1\"] = fileDetails.width.split(\",\");\n\n    const extensionFields = useMemo(() => {\n        const fields = fileModel.fields.find(field => field.fieldId === \"extensions\");\n        if (!fields?.settings?.fields) {\n            return [];\n        }\n        return fields?.settings?.fields || [];\n    }, [fileModel]);\n\n    const onSubmit: FormOnSubmit<FileItem> = async data => {\n        const fileData = prepareFormData(data, fileModel.fields);\n        props.onSubmit({ ...file, ...fileData });\n    };\n\n    const basicFieldsElement = (\n        <Grid>\n            {fileDetails.fields.map(field => (\n                <Grid.Column span={12} key={field.name}>\n                    {field.element}\n                </Grid.Column>\n            ))}\n        </Grid>\n    );\n\n    const extensionFieldsElement =\n        extensionFields.length > 0 ? <Extensions model={fileModel} /> : null;\n\n    return (\n        <Form data={file} onSubmit={onSubmit} ref={formRef}>\n            {() => (\n                <Content>\n                    <Content.Panel flex={parseFloat(leftPanel)}>\n                        <div className={\"flex flex-col justify-between gap-md h-full px-lg py-md\"}>\n                            <Actions />\n                            <Preview />\n                        </div>\n                    </Content.Panel>\n                    <Content.Panel flex={parseFloat(rightPanel)}>\n                        {fileDetails.groupFields ? (\n                            <Tabs\n                                size={\"md\"}\n                                spacing={\"lg\"}\n                                separator={true}\n                                tabs={[\n                                    <Tabs.Tab\n                                        key={\"basic-details\"}\n                                        value={\"basic-details\"}\n                                        trigger={\"Basic details\"}\n                                        content={basicFieldsElement}\n                                    />,\n                                    <Tabs.Tab\n                                        key={\"advanced-details\"}\n                                        value={\"advanced-details\"}\n                                        trigger={\"Advanced details\"}\n                                        content={extensionFieldsElement}\n                                    />\n                                ]}\n                            />\n                        ) : (\n                            <div className={\"p-lg\"}>\n                                {basicFieldsElement}\n                                <div className={\"mt-lg\"}>{extensionFieldsElement}</div>\n                            </div>\n                        )}\n                    </Content.Panel>\n                </Content>\n            )}\n        </Form>\n    );\n};\n\nexport interface FileDetailsProps {\n    file?: FileItem;\n    open: boolean;\n    loading: string | null;\n    onClose: () => void;\n    onSave: (file: FileItem) => void;\n    onSetFile?: (file: FileItem) => void;\n}\n\nexport const FileDetails = ({\n    open,\n    onClose,\n    onSave,\n    loading,\n    file,\n    onSetFile = noop\n}: FileDetailsProps) => {\n    useHotkeys({\n        zIndex: 50,\n        disabled: !open,\n        keys: {\n            esc: onClose\n        }\n    });\n\n    const { fileDetails } = useFileManagerViewConfig();\n\n    const drawerWidth = fileDetails.width.split(\",\")[0];\n\n    const formRef = useRef<FormAPI | null>(null);\n\n    if (!file) {\n        return null;\n    }\n\n    return (\n        <FileProvider file={file}>\n            <Drawer\n                title={file.name}\n                description={<Description />}\n                width={drawerWidth}\n                open={open}\n                modal={true}\n                bodyPadding={false}\n                headerSeparator={true}\n                footerSeparator={true}\n                onClose={onClose}\n                data-testid={\"fm.file-details.drawer\"}\n                actions={\n                    <>\n                        <Drawer.CancelButton text={\"Cancel\"} />\n                        <Drawer.ConfirmButton\n                            text={\"Update\"}\n                            onClick={() => formRef.current?.submit()}\n                        />\n                    </>\n                }\n            >\n                {loading && <OverlayLoader text={loading} />}\n                <FileDetailsProvider hideFileDetails={onClose} onSetFile={onSetFile}>\n                    <FileDetailsInner\n                        onForm={form => {\n                            formRef.current = form;\n                        }}\n                        file={file}\n                        onClose={onClose}\n                        onSubmit={onSave}\n                    />\n                </FileDetailsProvider>\n            </Drawer>\n        </FileProvider>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/components/FileDetails/FileDetailsProvider.d.ts

@@ -1,16 +0,0 @@
-import React from "react";
-import type { FileItem } from "../../types.js";
-export interface FileDetailsContext {
-    close: () => void;
-    setFile: (file: FileItem) => void;
-    own: boolean;
-    scope?: string;
-}
-export declare const FileDetailsContext: React.Context<FileDetailsContext | undefined>;
-interface FileDetailsProviderProps {
-    hideFileDetails: () => void;
-    onSetFile: (file: FileItem) => void;
-    children: React.ReactNode;
-}
-export declare const FileDetailsProvider: ({ hideFileDetails, onSetFile, children }: FileDetailsProviderProps) => React.JSX.Element;
-export {};

package/components/FileDetails/FileDetailsProvider.js

@@ -1,21 +0,0 @@
-import React, { createContext } from "react";
-import { useFileManagerView } from "../../modules/FileManagerRenderer/FileManagerViewProvider/index.js";
-export const FileDetailsContext = /*#__PURE__*/createContext(undefined);
-export const FileDetailsProvider = ({
-  hideFileDetails,
-  onSetFile,
-  children
-}) => {
-  const view = useFileManagerView();
-  const value = {
-    close: hideFileDetails,
-    scope: view.scope,
-    own: view.own,
-    setFile: onSetFile
-  };
-  return /*#__PURE__*/React.createElement(FileDetailsContext.Provider, {
-    value: value
-  }, children);
-};
-
-//# sourceMappingURL=FileDetailsProvider.js.map

package/components/FileDetails/FileDetailsProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","createContext","useFileManagerView","FileDetailsContext","undefined","FileDetailsProvider","hideFileDetails","onSetFile","children","view","value","close","scope","own","setFile","createElement","Provider"],"sources":["FileDetailsProvider.tsx"],"sourcesContent":["import React, { createContext } from \"react\";\nimport { useFileManagerView } from \"~/modules/FileManagerRenderer/FileManagerViewProvider/index.js\";\nimport type { FileItem } from \"~/types.js\";\n\nexport interface FileDetailsContext {\n    close: () => void;\n    setFile: (file: FileItem) => void;\n    own: boolean;\n    scope?: string;\n}\n\nexport const FileDetailsContext = createContext<FileDetailsContext | undefined>(undefined);\n\ninterface FileDetailsProviderProps {\n    hideFileDetails: () => void;\n    onSetFile: (file: FileItem) => void;\n    children: React.ReactNode;\n}\n\nexport const FileDetailsProvider = ({\n    hideFileDetails,\n    onSetFile,\n    children\n}: FileDetailsProviderProps) => {\n    const view = useFileManagerView();\n\n    const value: FileDetailsContext = {\n        close: hideFileDetails,\n        scope: view.scope,\n        own: view.own,\n        setFile: onSetFile\n    };\n\n    return <FileDetailsContext.Provider value={value}>{children}</FileDetailsContext.Provider>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,SAASC,kBAAkB;AAU3B,OAAO,MAAMC,kBAAkB,gBAAGF,aAAa,CAAiCG,SAAS,CAAC;AAQ1F,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAChCC,eAAe;EACfC,SAAS;EACTC;AACsB,CAAC,KAAK;EAC5B,MAAMC,IAAI,GAAGP,kBAAkB,CAAC,CAAC;EAEjC,MAAMQ,KAAyB,GAAG;IAC9BC,KAAK,EAAEL,eAAe;IACtBM,KAAK,EAAEH,IAAI,CAACG,KAAK;IACjBC,GAAG,EAAEJ,IAAI,CAACI,GAAG;IACbC,OAAO,EAAEP;EACb,CAAC;EAED,oBAAOP,KAAA,CAAAe,aAAA,CAACZ,kBAAkB,CAACa,QAAQ;IAACN,KAAK,EAAEA;EAAM,GAAEF,QAAsC,CAAC;AAC9F,CAAC","ignoreList":[]}

package/components/FileDetails/components/ActionButton.js

@@ -1,23 +0,0 @@
-import React from "react";
-import { Button } from "@webiny/admin-ui";
-export const ActionButton = ({
-  label,
-  icon,
-  onAction,
-  disabled,
-  className,
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement(Button, {
-    text: label,
-    icon: icon,
-    onClick: onAction,
-    disabled: disabled,
-    "data-testid": props["data-testid"],
-    containerClassName: className,
-    variant: "ghost",
-    size: "sm"
-  });
-};
-
-//# sourceMappingURL=ActionButton.js.map

package/components/FileDetails/components/ActionButton.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Button","ActionButton","label","icon","onAction","disabled","className","props","createElement","text","onClick","containerClassName","variant","size"],"sources":["ActionButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button } from \"@webiny/admin-ui\";\n\nexport interface ActionButtonProps {\n    label: string;\n    icon: React.JSX.Element;\n    onAction: () => void;\n    \"data-testid\"?: string;\n    disabled?: boolean;\n    className?: string;\n}\n\nexport const ActionButton = ({\n    label,\n    icon,\n    onAction,\n    disabled,\n    className,\n    ...props\n}: ActionButtonProps) => {\n    return (\n        <Button\n            text={label}\n            icon={icon}\n            onClick={onAction}\n            disabled={disabled}\n            data-testid={props[\"data-testid\"]}\n            containerClassName={className}\n            variant={\"ghost\"}\n            size={\"sm\"}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,kBAAkB;AAWzC,OAAO,MAAMC,YAAY,GAAGA,CAAC;EACzBC,KAAK;EACLC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,SAAS;EACT,GAAGC;AACY,CAAC,KAAK;EACrB,oBACIR,KAAA,CAAAS,aAAA,CAACR,MAAM;IACHS,IAAI,EAAEP,KAAM;IACZC,IAAI,EAAEA,IAAK;IACXO,OAAO,EAAEN,QAAS;IAClBC,QAAQ,EAAEA,QAAS;IACnB,eAAaE,KAAK,CAAC,aAAa,CAAE;IAClCI,kBAAkB,EAAEL,SAAU;IAC9BM,OAAO,EAAE,OAAQ;IACjBC,IAAI,EAAE;EAAK,CACd,CAAC;AAEV,CAAC","ignoreList":[]}

package/components/FileDetails/components/Actions.js

@@ -1,14 +0,0 @@
-import React from "react";
-import { useFileManagerViewConfig } from "../../../index.js";
-export const Actions = () => {
-  const {
-    fileDetails
-  } = useFileManagerViewConfig();
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex justify-start gap-xs"
-  }, fileDetails.actions.map(action => /*#__PURE__*/React.createElement(React.Fragment, {
-    key: action.name
-  }, action.element)));
-};
-
-//# sourceMappingURL=Actions.js.map

package/components/FileDetails/components/Actions.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useFileManagerViewConfig","Actions","fileDetails","createElement","className","actions","map","action","Fragment","key","name","element"],"sources":["Actions.tsx"],"sourcesContent":["import React from \"react\";\nimport { useFileManagerViewConfig } from \"~/index.js\";\n\nexport const Actions = () => {\n    const { fileDetails } = useFileManagerViewConfig();\n\n    return (\n        <div className={\"flex justify-start gap-xs\"}>\n            {fileDetails.actions.map(action => (\n                <React.Fragment key={action.name}>{action.element}</React.Fragment>\n            ))}\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,wBAAwB;AAEjC,OAAO,MAAMC,OAAO,GAAGA,CAAA,KAAM;EACzB,MAAM;IAAEC;EAAY,CAAC,GAAGF,wBAAwB,CAAC,CAAC;EAElD,oBACID,KAAA,CAAAI,aAAA;IAAKC,SAAS,EAAE;EAA4B,GACvCF,WAAW,CAACG,OAAO,CAACC,GAAG,CAACC,MAAM,iBAC3BR,KAAA,CAAAI,aAAA,CAACJ,KAAK,CAACS,QAAQ;IAACC,GAAG,EAAEF,MAAM,CAACG;EAAK,GAAEH,MAAM,CAACI,OAAwB,CACrE,CACA,CAAC;AAEd,CAAC","ignoreList":[]}

package/components/FileDetails/components/BaseFields.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import type { CmsModel } from "@webiny/app-headless-cms/types.js";
-interface BaseFieldsProps {
-    model: CmsModel;
-}
-export declare const BaseFields: ({ model }: BaseFieldsProps) => React.JSX.Element;
-export {};

package/components/FileDetails/components/BaseFields.js

@@ -1,29 +0,0 @@
-import React, { useMemo } from "react";
-import { CompositionScope } from "@webiny/app-admin";
-import { ModelProvider } from "@webiny/app-headless-cms/admin/components/ModelProvider/index.js";
-import { Fields } from "@webiny/app-headless-cms/admin/components/ContentEntryForm/Fields.js";
-import { Bind } from "@webiny/form";
-export const BaseFields = ({
-  model
-}) => {
-  const fields = useMemo(() => {
-    return model.fields.filter(f => f.fieldId !== "extensions");
-  }, [model]);
-  return /*#__PURE__*/React.createElement(CompositionScope, {
-    name: "fm.fileDetails.baseFields"
-  }, /*#__PURE__*/React.createElement(ModelProvider, {
-    model: model
-  }, /*#__PURE__*/React.createElement(Fields, {
-    contentModel: model
-    /**
-     * TODO: Figure out correct Bind type
-     */
-    // @ts-expect-error
-    ,
-    Bind: Bind,
-    fields: fields,
-    layout: model.layout || []
-  })));
-};
-
-//# sourceMappingURL=BaseFields.js.map

package/components/FileDetails/components/BaseFields.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useMemo","CompositionScope","ModelProvider","Fields","Bind","BaseFields","model","fields","filter","f","fieldId","createElement","name","contentModel","layout"],"sources":["BaseFields.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { CompositionScope } from \"@webiny/app-admin\";\nimport type { CmsModel } from \"@webiny/app-headless-cms/types.js\";\nimport { ModelProvider } from \"@webiny/app-headless-cms/admin/components/ModelProvider/index.js\";\nimport { Fields } from \"@webiny/app-headless-cms/admin/components/ContentEntryForm/Fields.js\";\nimport { Bind } from \"@webiny/form\";\n\ninterface BaseFieldsProps {\n    model: CmsModel;\n}\n\nexport const BaseFields = ({ model }: BaseFieldsProps) => {\n    const fields = useMemo(() => {\n        return model.fields.filter(f => f.fieldId !== \"extensions\");\n    }, [model]);\n\n    return (\n        <CompositionScope name={\"fm.fileDetails.baseFields\"}>\n            <ModelProvider model={model}>\n                <Fields\n                    contentModel={model}\n                    /**\n                     * TODO: Figure out correct Bind type\n                     */\n                    // @ts-expect-error\n                    Bind={Bind}\n                    fields={fields}\n                    layout={model.layout || []}\n                />\n            </ModelProvider>\n        </CompositionScope>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,gBAAgB,QAAQ,mBAAmB;AAEpD,SAASC,aAAa,QAAQ,kEAAkE;AAChG,SAASC,MAAM,QAAQ,sEAAsE;AAC7F,SAASC,IAAI,QAAQ,cAAc;AAMnC,OAAO,MAAMC,UAAU,GAAGA,CAAC;EAAEC;AAAuB,CAAC,KAAK;EACtD,MAAMC,MAAM,GAAGP,OAAO,CAAC,MAAM;IACzB,OAAOM,KAAK,CAACC,MAAM,CAACC,MAAM,CAACC,CAAC,IAAIA,CAAC,CAACC,OAAO,KAAK,YAAY,CAAC;EAC/D,CAAC,EAAE,CAACJ,KAAK,CAAC,CAAC;EAEX,oBACIP,KAAA,CAAAY,aAAA,CAACV,gBAAgB;IAACW,IAAI,EAAE;EAA4B,gBAChDb,KAAA,CAAAY,aAAA,CAACT,aAAa;IAACI,KAAK,EAAEA;EAAM,gBACxBP,KAAA,CAAAY,aAAA,CAACR,MAAM;IACHU,YAAY,EAAEP;IACd;AACpB;AACA;IACoB;IAAA;IACAF,IAAI,EAAEA,IAAK;IACXG,MAAM,EAAEA,MAAO;IACfO,MAAM,EAAER,KAAK,CAACQ,MAAM,IAAI;EAAG,CAC9B,CACU,CACD,CAAC;AAE3B,CAAC","ignoreList":[]}

package/components/FileDetails/components/Content.js

@@ -1,35 +0,0 @@
-import React from "react";
-import { cn } from "@webiny/admin-ui";
-const Grow = ({
-  flex,
-  children,
-  className
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn("overflow-y-scroll last-of-type:border-l-sm border-neutral-dimmed", className),
-    style: {
-      flex
-    }
-  }, children);
-};
-export const Content = ({
-  children
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex h-full"
-  }, children);
-};
-const Panel = ({
-  flex,
-  children,
-  className
-}) => {
-  return /*#__PURE__*/React.createElement(Grow, {
-    "data-role": "panel",
-    flex: flex ?? 1,
-    className: className
-  }, children);
-};
-Content.Panel = Panel;
-
-//# sourceMappingURL=Content.js.map

package/components/FileDetails/components/Content.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","cn","Grow","flex","children","className","createElement","style","Content","Panel"],"sources":["Content.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"@webiny/admin-ui\";\n\ninterface GrowProps {\n    flex: number;\n    className?: string;\n}\n\nconst Grow = ({ flex, children, className }: React.PropsWithChildren<GrowProps>) => {\n    return (\n        <div\n            className={cn(\n                \"overflow-y-scroll last-of-type:border-l-sm border-neutral-dimmed\",\n                className\n            )}\n            style={{ flex }}\n        >\n            {children}\n        </div>\n    );\n};\n\ninterface ContentProps {\n    children: React.ReactNode;\n}\n\nexport const Content = ({ children }: ContentProps) => {\n    return <div className={\"flex h-full\"}>{children}</div>;\n};\n\ninterface PanelProps {\n    flex?: number;\n    children: React.ReactNode;\n    className?: string;\n}\n\nconst Panel = ({ flex, children, className }: PanelProps) => {\n    return (\n        <Grow data-role={\"panel\"} flex={flex ?? 1} className={className}>\n            {children}\n        </Grow>\n    );\n};\n\nContent.Panel = Panel;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,QAAQ,kBAAkB;AAOrC,MAAMC,IAAI,GAAGA,CAAC;EAAEC,IAAI;EAAEC,QAAQ;EAAEC;AAA8C,CAAC,KAAK;EAChF,oBACIL,KAAA,CAAAM,aAAA;IACID,SAAS,EAAEJ,EAAE,CACT,kEAAkE,EAClEI,SACJ,CAAE;IACFE,KAAK,EAAE;MAAEJ;IAAK;EAAE,GAEfC,QACA,CAAC;AAEd,CAAC;AAMD,OAAO,MAAMI,OAAO,GAAGA,CAAC;EAAEJ;AAAuB,CAAC,KAAK;EACnD,oBAAOJ,KAAA,CAAAM,aAAA;IAAKD,SAAS,EAAE;EAAc,GAAED,QAAc,CAAC;AAC1D,CAAC;AAQD,MAAMK,KAAK,GAAGA,CAAC;EAAEN,IAAI;EAAEC,QAAQ;EAAEC;AAAsB,CAAC,KAAK;EACzD,oBACIL,KAAA,CAAAM,aAAA,CAACJ,IAAI;IAAC,aAAW,OAAQ;IAACC,IAAI,EAAEA,IAAI,IAAI,CAAE;IAACE,SAAS,EAAEA;EAAU,GAC3DD,QACC,CAAC;AAEf,CAAC;AAEDI,OAAO,CAACC,KAAK,GAAGA,KAAK","ignoreList":[]}

package/components/FileDetails/components/CreatedOn.js

@@ -1,22 +0,0 @@
-import React from "react";
-import dayjs from "dayjs";
-import { Icon, Text } from "@webiny/admin-ui";
-import { ReactComponent as CalendarIcon } from "@webiny/icons/today.svg";
-import { useFile } from "../../../hooks/useFile.js";
-export const CreatedOn = () => {
-  const {
-    file
-  } = useFile();
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center gap-xs"
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Icon, {
-    icon: /*#__PURE__*/React.createElement(CalendarIcon, null),
-    label: "Calendar icon",
-    color: "neutral-light"
-  })), /*#__PURE__*/React.createElement(Text, {
-    size: "sm",
-    as: "div"
-  }, dayjs(file.createdOn).format("DD MMM YYYY [at] HH:mm")));
-};
-
-//# sourceMappingURL=CreatedOn.js.map