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

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

package/components/FileDetails/components/CreatedOn.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","dayjs","Icon","Text","ReactComponent","CalendarIcon","useFile","CreatedOn","file","createElement","className","icon","label","color","size","as","createdOn","format"],"sources":["CreatedOn.tsx"],"sourcesContent":["import React from \"react\";\nimport dayjs from \"dayjs\";\nimport { Icon, Text } from \"@webiny/admin-ui\";\nimport { ReactComponent as CalendarIcon } from \"@webiny/icons/today.svg\";\nimport { useFile } from \"~/hooks/useFile.js\";\n\nexport const CreatedOn = () => {\n    const { file } = useFile();\n\n    return (\n        <div className={\"flex items-center gap-xs\"}>\n            <div>\n                <Icon icon={<CalendarIcon />} label={\"Calendar icon\"} color={\"neutral-light\"} />\n            </div>\n            <Text size={\"sm\"} as={\"div\"}>\n                {dayjs(file.createdOn).format(\"DD MMM YYYY [at] HH:mm\")}\n            </Text>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAC7C,SAASC,cAAc,IAAIC,YAAY,QAAQ,yBAAyB;AACxE,SAASC,OAAO;AAEhB,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC3B,MAAM;IAAEC;EAAK,CAAC,GAAGF,OAAO,CAAC,CAAC;EAE1B,oBACIN,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAE;EAA2B,gBACvCV,KAAA,CAAAS,aAAA,2BACIT,KAAA,CAAAS,aAAA,CAACP,IAAI;IAACS,IAAI,eAAEX,KAAA,CAAAS,aAAA,CAACJ,YAAY,MAAE,CAAE;IAACO,KAAK,EAAE,eAAgB;IAACC,KAAK,EAAE;EAAgB,CAAE,CAC9E,CAAC,eACNb,KAAA,CAAAS,aAAA,CAACN,IAAI;IAACW,IAAI,EAAE,IAAK;IAACC,EAAE,EAAE;EAAM,GACvBd,KAAK,CAACO,IAAI,CAACQ,SAAS,CAAC,CAACC,MAAM,CAAC,wBAAwB,CACpD,CACL,CAAC;AAEd,CAAC","ignoreList":[]}

package/components/FileDetails/components/Description.js

@@ -1,23 +0,0 @@
-import React from "react";
-import bytes from "bytes";
-import dayjs from "dayjs";
-import { useFile } from "../../../hooks/useFile.js";
-const formatFileSize = size => {
-  return bytes.format(size, {
-    unitSeparator: " "
-  });
-};
-const formatDate = date => {
-  return dayjs(date).format("DD MMM YYYY, HH:mm");
-};
-export const Description = () => {
-  const {
-    file
-  } = useFile();
-  if (!file) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement("span", null, "Type: ", file.type, " ", " // ", "Size: ", formatFileSize(file.size), " ", " // ", "Upload date: ", formatDate(file.createdOn));
-};
-
-//# sourceMappingURL=Description.js.map

package/components/FileDetails/components/Description.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","bytes","dayjs","useFile","formatFileSize","size","format","unitSeparator","formatDate","date","Description","file","createElement","type","createdOn"],"sources":["Description.tsx"],"sourcesContent":["import React from \"react\";\nimport bytes from \"bytes\";\nimport dayjs from \"dayjs\";\nimport { useFile } from \"~/hooks/useFile.js\";\n\nconst formatFileSize = (size: number) => {\n    return bytes.format(size, { unitSeparator: \" \" });\n};\n\nconst formatDate = (date: string) => {\n    return dayjs(date).format(\"DD MMM YYYY, HH:mm\");\n};\n\nexport const Description = () => {\n    const { file } = useFile();\n\n    if (!file) {\n        return null;\n    }\n\n    return (\n        <span>\n            Type: {file.type} {\" // \"}\n            Size: {formatFileSize(file.size)} {\" // \"}\n            Upload date: {formatDate(file.createdOn)}\n        </span>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO;AAEhB,MAAMC,cAAc,GAAIC,IAAY,IAAK;EACrC,OAAOJ,KAAK,CAACK,MAAM,CAACD,IAAI,EAAE;IAAEE,aAAa,EAAE;EAAI,CAAC,CAAC;AACrD,CAAC;AAED,MAAMC,UAAU,GAAIC,IAAY,IAAK;EACjC,OAAOP,KAAK,CAACO,IAAI,CAAC,CAACH,MAAM,CAAC,oBAAoB,CAAC;AACnD,CAAC;AAED,OAAO,MAAMI,WAAW,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAK,CAAC,GAAGR,OAAO,CAAC,CAAC;EAE1B,IAAI,CAACQ,IAAI,EAAE;IACP,OAAO,IAAI;EACf;EAEA,oBACIX,KAAA,CAAAY,aAAA,eAAM,QACI,EAACD,IAAI,CAACE,IAAI,EAAC,GAAC,EAAC,MAAM,EAAC,QACpB,EAACT,cAAc,CAACO,IAAI,CAACN,IAAI,CAAC,EAAC,GAAC,EAAC,MAAM,EAAC,eAC7B,EAACG,UAAU,CAACG,IAAI,CAACG,SAAS,CACrC,CAAC;AAEf,CAAC","ignoreList":[]}

package/components/FileDetails/components/Extensions.d.ts

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

package/components/FileDetails/components/Extensions.js

@@ -1,36 +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, BindPrefix } from "@webiny/form";
-export const Extensions = ({
-  model
-}) => {
-  const extensionsField = useMemo(() => {
-    return model.fields.find(f => f.fieldId === "extensions");
-  }, [model]);
-  if (!extensionsField) {
-    return null;
-  }
-  const fields = extensionsField.settings?.fields || [];
-  const layout = extensionsField.settings?.layout || [];
-  if (!layout.length) {
-    layout.push(...fields.map(field => [field.fieldId]));
-  }
-  return /*#__PURE__*/React.createElement(CompositionScope, {
-    name: "fm.fileDetails.extensionFields"
-  }, /*#__PURE__*/React.createElement(ModelProvider, {
-    model: model
-  }, /*#__PURE__*/React.createElement(BindPrefix, {
-    name: "extensions"
-  }, /*#__PURE__*/React.createElement(Fields, {
-    contentModel: model
-    // @ts-expect-error
-    ,
-    Bind: Bind,
-    fields: fields,
-    layout: layout
-  }))));
-};
-
-//# sourceMappingURL=Extensions.js.map

package/components/FileDetails/components/Extensions.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useMemo","CompositionScope","ModelProvider","Fields","Bind","BindPrefix","Extensions","model","extensionsField","fields","find","f","fieldId","settings","layout","length","push","map","field","createElement","name","contentModel"],"sources":["Extensions.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, BindPrefix } from \"@webiny/form\";\n\ninterface ExtensionsProps {\n    model: CmsModel;\n}\n\nexport const Extensions = ({ model }: ExtensionsProps) => {\n    const extensionsField = useMemo(() => {\n        return model.fields.find(f => f.fieldId === \"extensions\");\n    }, [model]);\n\n    if (!extensionsField) {\n        return null;\n    }\n\n    const fields = extensionsField.settings?.fields || [];\n    const layout = extensionsField.settings?.layout || [];\n\n    if (!layout.length) {\n        layout.push(...fields.map(field => [field.fieldId]));\n    }\n\n    return (\n        <CompositionScope name={\"fm.fileDetails.extensionFields\"}>\n            <ModelProvider model={model}>\n                <BindPrefix name={\"extensions\"}>\n                    <Fields\n                        contentModel={model}\n                        // @ts-expect-error\n                        Bind={Bind}\n                        fields={fields}\n                        layout={layout}\n                    />\n                </BindPrefix>\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,EAAEC,UAAU,QAAQ,cAAc;AAM/C,OAAO,MAAMC,UAAU,GAAGA,CAAC;EAAEC;AAAuB,CAAC,KAAK;EACtD,MAAMC,eAAe,GAAGR,OAAO,CAAC,MAAM;IAClC,OAAOO,KAAK,CAACE,MAAM,CAACC,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACC,OAAO,KAAK,YAAY,CAAC;EAC7D,CAAC,EAAE,CAACL,KAAK,CAAC,CAAC;EAEX,IAAI,CAACC,eAAe,EAAE;IAClB,OAAO,IAAI;EACf;EAEA,MAAMC,MAAM,GAAGD,eAAe,CAACK,QAAQ,EAAEJ,MAAM,IAAI,EAAE;EACrD,MAAMK,MAAM,GAAGN,eAAe,CAACK,QAAQ,EAAEC,MAAM,IAAI,EAAE;EAErD,IAAI,CAACA,MAAM,CAACC,MAAM,EAAE;IAChBD,MAAM,CAACE,IAAI,CAAC,GAAGP,MAAM,CAACQ,GAAG,CAACC,KAAK,IAAI,CAACA,KAAK,CAACN,OAAO,CAAC,CAAC,CAAC;EACxD;EAEA,oBACIb,KAAA,CAAAoB,aAAA,CAAClB,gBAAgB;IAACmB,IAAI,EAAE;EAAiC,gBACrDrB,KAAA,CAAAoB,aAAA,CAACjB,aAAa;IAACK,KAAK,EAAEA;EAAM,gBACxBR,KAAA,CAAAoB,aAAA,CAACd,UAAU;IAACe,IAAI,EAAE;EAAa,gBAC3BrB,KAAA,CAAAoB,aAAA,CAAChB,MAAM;IACHkB,YAAY,EAAEd;IACd;IAAA;IACAH,IAAI,EAAEA,IAAK;IACXK,MAAM,EAAEA,MAAO;IACfK,MAAM,EAAEA;EAAO,CAClB,CACO,CACD,CACD,CAAC;AAE3B,CAAC","ignoreList":[]}

package/components/FileDetails/components/Preview.js

@@ -1,12 +0,0 @@
-import React from "react";
-import { Thumbnail } from "./Thumbnail.js";
-import { cn } from "@webiny/admin-ui";
-export const Preview = () => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "h-full w-full"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: cn(["flex items-center justify-center", "w-full aspect-square rounded-lg bg-neutral-dimmed", "overflow-hidden"])
-  }, /*#__PURE__*/React.createElement(Thumbnail, null)));
-};
-
-//# sourceMappingURL=Preview.js.map

package/components/FileDetails/components/Preview.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Thumbnail","cn","Preview","createElement","className"],"sources":["Preview.tsx"],"sourcesContent":["import React from \"react\";\nimport { Thumbnail } from \"./Thumbnail.js\";\nimport { cn } from \"@webiny/admin-ui\";\n\nexport const Preview = () => {\n    return (\n        <div className={\"h-full w-full\"}>\n            <div\n                className={cn([\n                    \"flex items-center justify-center\",\n                    \"w-full aspect-square rounded-lg bg-neutral-dimmed\",\n                    \"overflow-hidden\"\n                ])}\n            >\n                <Thumbnail />\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS;AAClB,SAASC,EAAE,QAAQ,kBAAkB;AAErC,OAAO,MAAMC,OAAO,GAAGA,CAAA,KAAM;EACzB,oBACIH,KAAA,CAAAI,aAAA;IAAKC,SAAS,EAAE;EAAgB,gBAC5BL,KAAA,CAAAI,aAAA;IACIC,SAAS,EAAEH,EAAE,CAAC,CACV,kCAAkC,EAClC,mDAAmD,EACnD,iBAAiB,CACpB;EAAE,gBAEHF,KAAA,CAAAI,aAAA,CAACH,SAAS,MAAE,CACX,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}

package/components/FileDetails/components/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 {
-    fileDetails,
-    getThumbnailRenderer
-  } = useFileManagerViewConfig();
-  const renderer = getThumbnailRenderer(fileDetails.thumbnails, file);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, renderer?.element || null);
-};
-
-//# sourceMappingURL=Thumbnail.js.map

package/components/FileDetails/components/Thumbnail.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useFile","useFileManagerViewConfig","Thumbnail","file","fileDetails","getThumbnailRenderer","renderer","thumbnails","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 { fileDetails, getThumbnailRenderer } = useFileManagerViewConfig();\n\n    const renderer = getThumbnailRenderer(fileDetails.thumbnails, 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,WAAW;IAAEC;EAAqB,CAAC,GAAGJ,wBAAwB,CAAC,CAAC;EAExE,MAAMK,QAAQ,GAAGD,oBAAoB,CAACD,WAAW,CAACG,UAAU,EAAEJ,IAAI,CAAC;EAEnE,oBAAOJ,KAAA,CAAAS,aAAA,CAAAT,KAAA,CAAAU,QAAA,QAAGH,QAAQ,EAAEI,OAAO,IAAI,IAAO,CAAC;AAC3C,CAAC","ignoreList":[]}

package/components/FileDetails/index.d.ts

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

package/components/FileDetails/index.js

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

package/components/FileDetails/index.js.map

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

package/components/FileDropArea/FileDropArea.js

@@ -1,69 +0,0 @@
-import React from "react";
-import { Button, cn, Heading, Text } from "@webiny/admin-ui";
-import { ReactComponent as UploadFileIcon } from "@webiny/icons/file_upload.svg";
-import { ReactComponent as UploadIcon } from "@webiny/icons/cloud_upload.svg";
-const DropAreaContainer = ({
-  empty,
-  children
-}) => /*#__PURE__*/React.createElement("div", {
-  className: cn(["w-full h-full p-lg flex items-center justify-center", empty ? "bg-neutral-base" : "pt-xxl bg-neutral-xstrong/20"])
-}, children);
-const DropAreaBox = ({
-  children,
-  empty
-}) => /*#__PURE__*/React.createElement("div", {
-  style: {
-    width: "650px",
-    height: "400px",
-    ...(empty ? {
-      backgroundImage: `url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='24' ry='24' stroke='%23E7E7E7FF' stroke-width='4' stroke-dasharray='12' stroke-dashoffset='35' stroke-linecap='square'/%3e%3c/svg%3e")`
-    } : {})
-  },
-  className: cn(["-translate-y-xl", "flex flex-col items-center justify-center gap-lg", "p-lg rounded-3xl", "bg-neutral-base", !empty && "shadow-md"])
-}, children);
-const DropAreaContent = ({
-  title,
-  description
-}) => /*#__PURE__*/React.createElement("div", {
-  className: "flex flex-col items-center justify-center gap-sm"
-}, /*#__PURE__*/React.createElement("div", {
-  className: "fill-neutral-strong"
-}, /*#__PURE__*/React.createElement(UploadIcon, {
-  width: 75,
-  height: 75
-})), /*#__PURE__*/React.createElement("div", {
-  className: "text-center"
-}, title && /*#__PURE__*/React.createElement(Heading, {
-  level: 4,
-  className: "text-neutral-strong"
-}, title), description && /*#__PURE__*/React.createElement(Text, {
-  as: "div",
-  style: {
-    width: "300px"
-  },
-  className: "text-neutral-strong"
-}, description)));
-const DropAreaButton = ({
-  onClick
-}) => /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
-  onClick: onClick,
-  text: "Upload files",
-  icon: /*#__PURE__*/React.createElement(UploadFileIcon, null)
-}));
-export const FileDropArea = ({
-  title,
-  description,
-  empty,
-  onClick
-}) => /*#__PURE__*/React.createElement(DropAreaContainer, {
-  empty: empty
-}, /*#__PURE__*/React.createElement(DropAreaBox, {
-  empty: empty
-}, /*#__PURE__*/React.createElement(DropAreaContent, {
-  title: title,
-  description: description
-}), empty && /*#__PURE__*/React.createElement(DropAreaButton, {
-  onClick: onClick
-})));
-
-//# sourceMappingURL=FileDropArea.js.map

package/components/FileDropArea/FileDropArea.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Button","cn","Heading","Text","ReactComponent","UploadFileIcon","UploadIcon","DropAreaContainer","empty","children","createElement","className","DropAreaBox","style","width","height","backgroundImage","DropAreaContent","title","description","level","as","DropAreaButton","onClick","text","icon","FileDropArea"],"sources":["FileDropArea.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button, cn, Heading, Text } from \"@webiny/admin-ui\";\nimport { ReactComponent as UploadFileIcon } from \"@webiny/icons/file_upload.svg\";\nimport { ReactComponent as UploadIcon } from \"@webiny/icons/cloud_upload.svg\";\n\ninterface DropAreaContainerProps {\n    empty?: boolean;\n    children: React.ReactNode;\n}\n\nconst DropAreaContainer = ({ empty, children }: DropAreaContainerProps) => (\n    <div\n        className={cn([\n            \"w-full h-full p-lg flex items-center justify-center\",\n            empty ? \"bg-neutral-base\" : \"pt-xxl bg-neutral-xstrong/20\"\n        ])}\n    >\n        {children}\n    </div>\n);\n\ninterface DropAreaBoxProps {\n    empty?: boolean;\n    children: React.ReactNode;\n}\n\nconst DropAreaBox = ({ children, empty }: DropAreaBoxProps) => (\n    <div\n        style={{\n            width: \"650px\",\n            height: \"400px\",\n            ...(empty\n                ? {\n                      backgroundImage: `url(\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='24' ry='24' stroke='%23E7E7E7FF' stroke-width='4' stroke-dasharray='12' stroke-dashoffset='35' stroke-linecap='square'/%3e%3c/svg%3e\")`\n                  }\n                : {})\n        }}\n        className={cn([\n            \"-translate-y-xl\",\n            \"flex flex-col items-center justify-center gap-lg\",\n            \"p-lg rounded-3xl\",\n            \"bg-neutral-base\",\n            !empty && \"shadow-md\"\n        ])}\n    >\n        {children}\n    </div>\n);\n\ninterface DropAreaContentProps {\n    empty?: boolean;\n    title?: string;\n    description?: string;\n}\n\nconst DropAreaContent = ({ title, description }: DropAreaContentProps) => (\n    <div className={\"flex flex-col items-center justify-center gap-sm\"}>\n        <div className={\"fill-neutral-strong\"}>\n            <UploadIcon width={75} height={75} />\n        </div>\n        <div className={\"text-center\"}>\n            {title && (\n                <Heading level={4} className={\"text-neutral-strong\"}>\n                    {title}\n                </Heading>\n            )}\n            {description && (\n                <Text as={\"div\"} style={{ width: \"300px\" }} className={\"text-neutral-strong\"}>\n                    {description}\n                </Text>\n            )}\n        </div>\n    </div>\n);\n\ninterface DropAreaButtonProps {\n    onClick?: (event?: React.MouseEvent<HTMLElement>) => void;\n}\n\nconst DropAreaButton = ({ onClick }: DropAreaButtonProps) => (\n    <div>\n        <Button onClick={onClick} text={\"Upload files\"} icon={<UploadFileIcon />} />\n    </div>\n);\n\nexport interface FileDropAreaProps {\n    empty?: boolean;\n    onClick?: (event?: React.MouseEvent<HTMLElement>) => void;\n    title?: string;\n    description?: string;\n    icon?: React.ReactElement;\n}\n\nexport const FileDropArea = ({ title, description, empty, onClick }: FileDropAreaProps) => (\n    <DropAreaContainer empty={empty}>\n        <DropAreaBox empty={empty}>\n            <DropAreaContent title={title} description={description} />\n            {empty && <DropAreaButton onClick={onClick} />}\n        </DropAreaBox>\n    </DropAreaContainer>\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,EAAEC,EAAE,EAAEC,OAAO,EAAEC,IAAI,QAAQ,kBAAkB;AAC5D,SAASC,cAAc,IAAIC,cAAc,QAAQ,+BAA+B;AAChF,SAASD,cAAc,IAAIE,UAAU,QAAQ,gCAAgC;AAO7E,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAiC,CAAC,kBAClEV,KAAA,CAAAW,aAAA;EACIC,SAAS,EAAEV,EAAE,CAAC,CACV,qDAAqD,EACrDO,KAAK,GAAG,iBAAiB,GAAG,8BAA8B,CAC7D;AAAE,GAEFC,QACA,CACR;AAOD,MAAMG,WAAW,GAAGA,CAAC;EAAEH,QAAQ;EAAED;AAAwB,CAAC,kBACtDT,KAAA,CAAAW,aAAA;EACIG,KAAK,EAAE;IACHC,KAAK,EAAE,OAAO;IACdC,MAAM,EAAE,OAAO;IACf,IAAIP,KAAK,GACH;MACIQ,eAAe,EAAE;IACrB,CAAC,GACD,CAAC,CAAC;EACZ,CAAE;EACFL,SAAS,EAAEV,EAAE,CAAC,CACV,iBAAiB,EACjB,kDAAkD,EAClD,kBAAkB,EAClB,iBAAiB,EACjB,CAACO,KAAK,IAAI,WAAW,CACxB;AAAE,GAEFC,QACA,CACR;AAQD,MAAMQ,eAAe,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAkC,CAAC,kBACjEpB,KAAA,CAAAW,aAAA;EAAKC,SAAS,EAAE;AAAmD,gBAC/DZ,KAAA,CAAAW,aAAA;EAAKC,SAAS,EAAE;AAAsB,gBAClCZ,KAAA,CAAAW,aAAA,CAACJ,UAAU;EAACQ,KAAK,EAAE,EAAG;EAACC,MAAM,EAAE;AAAG,CAAE,CACnC,CAAC,eACNhB,KAAA,CAAAW,aAAA;EAAKC,SAAS,EAAE;AAAc,GACzBO,KAAK,iBACFnB,KAAA,CAAAW,aAAA,CAACR,OAAO;EAACkB,KAAK,EAAE,CAAE;EAACT,SAAS,EAAE;AAAsB,GAC/CO,KACI,CACZ,EACAC,WAAW,iBACRpB,KAAA,CAAAW,aAAA,CAACP,IAAI;EAACkB,EAAE,EAAE,KAAM;EAACR,KAAK,EAAE;IAAEC,KAAK,EAAE;EAAQ,CAAE;EAACH,SAAS,EAAE;AAAsB,GACxEQ,WACC,CAET,CACJ,CACR;AAMD,MAAMG,cAAc,GAAGA,CAAC;EAAEC;AAA6B,CAAC,kBACpDxB,KAAA,CAAAW,aAAA,2BACIX,KAAA,CAAAW,aAAA,CAACV,MAAM;EAACuB,OAAO,EAAEA,OAAQ;EAACC,IAAI,EAAE,cAAe;EAACC,IAAI,eAAE1B,KAAA,CAAAW,aAAA,CAACL,cAAc,MAAE;AAAE,CAAE,CAC1E,CACR;AAUD,OAAO,MAAMqB,YAAY,GAAGA,CAAC;EAAER,KAAK;EAAEC,WAAW;EAAEX,KAAK;EAAEe;AAA2B,CAAC,kBAClFxB,KAAA,CAAAW,aAAA,CAACH,iBAAiB;EAACC,KAAK,EAAEA;AAAM,gBAC5BT,KAAA,CAAAW,aAAA,CAACE,WAAW;EAACJ,KAAK,EAAEA;AAAM,gBACtBT,KAAA,CAAAW,aAAA,CAACO,eAAe;EAACC,KAAK,EAAEA,KAAM;EAACC,WAAW,EAAEA;AAAY,CAAE,CAAC,EAC1DX,KAAK,iBAAIT,KAAA,CAAAW,aAAA,CAACY,cAAc;EAACC,OAAO,EAAEA;AAAQ,CAAE,CACpC,CACE,CACtB","ignoreList":[]}

package/components/FileDropArea/index.js

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

package/components/FileDropArea/index.js.map

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