@bit.rhplus/ui.upload-files-sheet 0.0.91 → 0.0.93

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export default UploadFilesSheet;
+declare const UploadFilesSheet: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import * as React from 'react';

package/dist/index.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable */
+import * as React from 'react';
+// Odstraním nepoužívané importy a nechám pouze ty, které se používají
+/* eslint-disable */
+import { Block, Popup, List, ListItem, } from 'framework7-react'; // Oprava importu by vyžadovala správné nastavení cesty
+import { ErrorIcon, LoadingIcon, SuccessIcon } from '@bit.rhplus/animate-icons';
+import prettyBytes from 'pretty-bytes';
+import useUploadFiles from './useUploadFiles';
+const UploadFilesSheet = React.forwardRef((props, ref) => {
+    const { autoClose = true, closeTimeout = 4000, api, accessToken, folderPath = null } = props;
+    const { uploadFiles, getUploadedFiles } = useUploadFiles(api, accessToken, folderPath);
+    const [opened, setOpened] = React.useState(false);
+    const [progressFiles, setProgressFiles] = React.useState({});
+    const { files: uploadedFiles = [] } = progressFiles || {};
+    const onProgress = (progress) => setProgressFiles(progress);
+    const handleFilesSelected = (selectedFiles) => {
+        setOpened(true);
+        uploadFiles(selectedFiles, onProgress);
+    };
+    React.useImperativeHandle(ref, () => ({
+        handleFilesSelected,
+        getUploadedFiles,
+    }));
+    // Oprava závislostí v useEffect hooku
+    React.useEffect(() => {
+        if (uploadedFiles.length > 0 &&
+            uploadedFiles.every((file) => file.state === 'success') &&
+            opened &&
+            autoClose) {
+            setTimeout(() => {
+                setOpened(false);
+            }, closeTimeout);
+        }
+    }, [uploadedFiles, opened, autoClose, closeTimeout]);
+    return (_jsx(Popup, { id: "my-popup", opened: opened, onPopupClosed: () => setOpened(false), children: _jsx(Block, { children: _jsx(List, { dividersIos: true, outlineIos: true, strongIos: true, children: uploadedFiles.map(({ name, size, state }) => (_jsx(ListItem, { header: "Soubor", title: name, after: prettyBytes(size), children: _jsx("div", { className: "item-title-row2", children: _jsxs("div", { className: "item-title2", children: [state === 'success' && (_jsx(SuccessIcon, { loop: false, animate: true, height: 30, state: state })), state === 'loading' && (_jsx(LoadingIcon, { loop: true, animate: true, height: 30, state: state })), state === 'error' && (_jsx(ErrorIcon, { loop: false, animate: true, height: 30, state: state }))] }) }) }, name))) }) }) }));
+});
+export default UploadFilesSheet;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.jsx"],"names":[],"mappings":"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"}

package/dist/preview-1773759389524.js

@@ -0,0 +1,7 @@
+;
+;
+
+export const compositions = [];
+export const overview = [];
+
+export const compositions_metadata = {"compositions":[]};

package/dist/useUploadFiles.d.ts

@@ -0,0 +1,5 @@
+export default useUploadFiles;
+declare function useUploadFiles(api: any, accessToken: any, folderPath?: any): {
+    uploadFiles: (event: any, onProgress: any) => Promise<void>;
+    getUploadedFiles: () => any;
+};

package/dist/useUploadFiles.js

@@ -0,0 +1,79 @@
+/* eslint-disable */
+import useData from '@bit.rhplus/data';
+const StateEnum = {
+    Waiting: 'waiting',
+    Loading: 'loading',
+    Success: 'success',
+    Error: 'error',
+};
+const useUploadFiles = (api, accessToken, folderPath = null) => {
+    const { fetchData } = useData();
+    const uploadFiles = async (event, onProgress) => {
+        if (!event.target.files || event.target.files.length === 0)
+            return;
+        const files = Array.from(event.target.files);
+        const total = files.length;
+        let progress = {
+            current: 0,
+            total,
+            files: files.map(({ name, size, type }) => ({
+                name,
+                size,
+                type,
+                state: StateEnum.Waiting,
+            })),
+        };
+        onProgress(progress);
+        const uploadFile = async (file, index) => {
+            progress = {
+                ...progress,
+                files: progress.files.map((f, i) => {
+                    if (i === index)
+                        return { ...f, state: StateEnum.Loading };
+                    return f;
+                }),
+            };
+            onProgress(progress);
+            try {
+                const formData = new FormData();
+                formData.append('Files', file);
+                // Přidat FolderPath pouze pokud je zadán (permanent upload)
+                if (folderPath !== null && folderPath !== undefined) {
+                    formData.append('FolderPath', folderPath);
+                }
+                const result = await fetchData(api, formData, accessToken);
+                progress = {
+                    ...progress,
+                    files: progress.files.map((f, i) => {
+                        if (i === index)
+                            return {
+                                ...f,
+                                state: StateEnum.Success,
+                                fileKey: result?.fileKey || result?.key || result?.id,
+                                container: result?.container
+                            };
+                        return f;
+                    }),
+                };
+            }
+            catch (error) {
+                progress = {
+                    ...progress,
+                    files: progress.files.map((f, i) => {
+                        if (i === index)
+                            return { ...f, state: StateEnum.Error };
+                        return f;
+                    }),
+                };
+            }
+            onProgress(progress);
+        };
+        await Promise.all(files.map((file, index) => uploadFile(file, index)));
+    };
+    return {
+        uploadFiles,
+        getUploadedFiles: () => progress.files
+    };
+};
+export default useUploadFiles;
+//# sourceMappingURL=useUploadFiles.js.map

package/dist/useUploadFiles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUploadFiles.js","sourceRoot":"","sources":["../useUploadFiles.js"],"names":[],"mappings":"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"}

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@bit.rhplus/ui.upload-files-sheet",
-  "version": "0.0.91",
+  "version": "0.0.93",
   "homepage": "https://bit.cloud/remote-scope/ui/upload-files-sheet",
   "main": "dist/index.js",
   "componentId": {
     "scope": "remote-scope",
     "name": "ui/upload-files-sheet",
-    "version": "0.0.91"
+    "version": "0.0.93"
   },
   "dependencies": {
     "pretty-bytes": "^6.1.1",
-    "@bit.rhplus/animate-icons": "0.0.23",
-    "@bit.rhplus/data": "0.0.6"
+    "@bit.rhplus/data": "0.0.6",
+    "@bit.rhplus/animate-icons": "0.0.23"
   },
   "devDependencies": {
     "@bitdev/react.react-env": "4.0.14"

package/types/asset.d.ts

@@ -0,0 +1,43 @@
+declare module '*.png' {
+  const value: any;
+  export = value;
+}
+declare module '*.svg' {
+  import type { FunctionComponent, SVGProps } from 'react';
+
+  export const ReactComponent: FunctionComponent<
+    SVGProps<SVGSVGElement> & { title?: string }
+  >;
+  const src: string;
+  export default src;
+}
+
+// @TODO Gilad
+declare module '*.jpg' {
+  const value: any;
+  export = value;
+}
+declare module '*.jpeg' {
+  const value: any;
+  export = value;
+}
+declare module '*.gif' {
+  const value: any;
+  export = value;
+}
+declare module '*.bmp' {
+  const value: any;
+  export = value;
+}
+declare module '*.otf' {
+  const value: any;
+  export = value;
+}
+declare module '*.woff' {
+  const value: any;
+  export = value;
+}
+declare module '*.woff2' {
+  const value: any;
+  export = value;
+}

package/types/env.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="vite/client" />
+
+export type ImportMetaEnv = Record<string, string>;
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv
+}
+
+declare global {
+  namespace NodeJS {
+    interface ProcessEnv {
+      [key: string]: string;
+    }
+  }
+}

package/types/style.d.ts

@@ -0,0 +1,42 @@
+declare module '*.module.css' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+declare module '*.module.scss' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+declare module '*.module.sass' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.module.less' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.less' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.css' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.sass' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.scss' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.mdx' {
+  const component: any;
+  export default component;
+}