pollination-react-io 1.28.5 → 1.29.0

package/build/FilePreview/FilePreview.types.d.ts

@@ -9,4 +9,6 @@ export declare type FilePreviewProps = {
     inputProps?: HTMLProps<HTMLInputElement>;
     onPreviewChange?: (...any: any) => void;
     client?: APIClient;
+    enableFilePicker?: boolean;
+    localPath?: string;
 };

package/build/hooks/usePollinationPanel.d.ts

@@ -2,4 +2,5 @@ import { PanelMessageOut } from './types';
 export declare const usePollinationPanel: () => {
     getFileBase64: (key?: any, accept?: any) => PanelMessageOut;
     saveFileBase64: (key: string, file: File | Blob, subFolder: string, fileName: string) => Promise<PanelMessageOut>;
+    fromFileToBase64: (filePath: string) => PanelMessageOut;
 };

package/build/index.esm.js

@@ -37948,9 +37948,15 @@ var usePollinationPanel = function () {
             return;
         return panel.GetArtifactAsBase64(key, accept);
     }, [panel]);
+    var fromFileToBase64 = useCallback(function (filePath) {
+        if (!panel)
+            return;
+        return panel.FromFileToBase64(filePath);
+    }, [panel]);
     return {
         getFileBase64: getFileBase64,
-        saveFileBase64: saveFileBase64
+        saveFileBase64: saveFileBase64,
+        fromFileToBase64: fromFileToBase64
     };
 };
 
@@ -44249,7 +44255,11 @@ var RecipeInputsForm = function (_a) {
                         var inputProps = __assign({}, register(input.name, {
                             valueAsNumber: ['DAGIntegerInput', 'DAGNumberInput'].includes(input.type)
                         }));
-                        var handleReset = function () { return resetField(input.name); };
+                        var handleReset = function () {
+                            resetField(input.name, {
+                                defaultValue: defaultValue
+                            });
+                        };
                         return (React__default.createElement(FormInput, { key: "".concat(input.name, "-").concat(i), name: input.name, description: input.description, hidden: hidden, errorMessage: !input.required && errors[input.name] ? (_a = errors[input.name]) === null || _a === void 0 ? void 0 : _a.message : undefined }, (function () {
                             var _a;
                             switch (input.type) {
@@ -44293,9 +44303,11 @@ var RecipeInputsForm = function (_a) {
                                 var key = _a[0], val = _a[1];
                                 return (
                                 // @ts-ignore
-                                val.type !== 'required' && React__default.createElement("li", { key: key, style: { color: 'red', fontSize: '0.8rem', listStyle: 'none' } }, "".concat(key, " ").concat(val.message, ".")));
+                                val.type !== 'required'
+                                    ? React__default.createElement("li", { key: key, style: { color: 'red', fontSize: '0.8rem', listStyle: 'none' } }, "".concat(key, " ").concat(val.message, "."))
+                                    : React__default.createElement("li", { key: key, style: { color: 'red', fontSize: '0.8rem', listStyle: 'none' } }, "".concat(key, " is missing.")));
                             }))) :
-                        isSubmitSuccessful ? 'Study has been successfully submitted.' : 'Please, add the missing information.' },
+                        isSubmitSuccessful ? 'Study has been successfully submitted.' : null },
                     React__default.createElement(Button, { type: 'submit', form: recipe.metadata.name, disabled: !isValid || loading, style: {
                             width: 'fit-content',
                         }, loading: loading }, "Create Study"))))));
@@ -47158,8 +47170,11 @@ var jszip_min = createCommonjsModule(function (module, exports) {
 var shortDebounce = useDebounce(200);
 var ICON_SIZE = 18;
 var FilePreview = function (_a) {
-    var projectOwner = _a.projectOwner, projectName = _a.projectName, jobId = _a.jobId, value = _a.value, client = _a.client, inputProps = _a.inputProps, onPreviewChange = _a.onPreviewChange // Use it for streamlit setComponentValue
+    var projectOwner = _a.projectOwner, projectName = _a.projectName, jobId = _a.jobId, value = _a.value, // cloud controller
+    client = _a.client, inputProps = _a.inputProps, onPreviewChange = _a.onPreviewChange, // Use it for streamlit setComponentValue
+    enableFilePicker = _a.enableFilePicker, localPath = _a.localPath // local controller
     ;
+    var fromFileToBase64 = usePollinationPanel().fromFileToBase64;
     var getExtension = function (fileName) {
         if (!fileName)
             return;
@@ -47168,13 +47183,14 @@ var FilePreview = function (_a) {
             return arr.at(arr.length - 1);
         }
     };
+    var host = getHost();
     var _b = useState(value), selArtifact = _b[0], setSelArtifact = _b[1];
+    var _c = useState(localPath), selFilePath = _c[0], setSelFilePath = _c[1];
     var downloadArtifact = useArtifacts(projectOwner, projectName, client).downloadArtifact;
-    var _c = useState(), preview = _c[0], setPreview = _c[1];
-    var _d = useState(), currBlob = _d[0], setCurrBlob = _d[1];
-    var _e = useState(getExtension(value === null || value === void 0 ? void 0 : value.file_name)), currFileExtension = _e[0], setCurrFileExtension = _e[1];
+    var _d = useState(), preview = _d[0], setPreview = _d[1];
+    var _e = useState(), currBlob = _e[0], setCurrBlob = _e[1];
+    var _f = useState(getExtension((value === null || value === void 0 ? void 0 : value.file_name) || getExtension(localPath))), currFileExtension = _f[0], setCurrFileExtension = _f[1];
     var allowedFileTypes = ['application/zip', 'text/plain'];
-    var host = getHost();
     var parser = {
         'text/plain': function (blob) {
             var reader = new FileReader();
@@ -47214,13 +47230,70 @@ var FilePreview = function (_a) {
             }); });
         }
     };
-    // Internal onChange
+    // Internal onChange cloud
     var onChange = useCallback(function (selArtifact) {
-        // console.log(selArtifact)
         setSelArtifact(selArtifact);
         !selArtifact && setPreview(undefined);
         !selArtifact && setCurrFileExtension(undefined);
     }, []);
+    // Internal onChange local
+    var onChangeLocal = useCallback(function (path) {
+        setSelFilePath(path);
+        !selFilePath && setPreview(undefined);
+        !selFilePath && setCurrFileExtension(undefined);
+    }, []);
+    var base64AndFetch = function (path) {
+        if (!path)
+            return;
+        var data = fromFileToBase64(path);
+        var base64Data = data === null || data === void 0 ? void 0 : data.data;
+        if (!base64Data)
+            return;
+        // bas64 mapping
+        var t;
+        switch (getExtension(path)) {
+            case 'zip':
+                t = 'application/zip';
+                break;
+            case 'vsf':
+                t = 'text/plain';
+        }
+        fetchAndSet("data:".concat(t, ";base64,").concat(base64Data), path);
+    };
+    var fetchAndSet = function (url, path) {
+        if (path === void 0) { path = undefined; }
+        fetch(url)
+            .then(function (response) { return response.blob()
+            .then(function (blob) {
+            var t = blob.type;
+            if (!allowedFileTypes.includes(t)) {
+                console.error("Cloud Artifact ".concat(t, " not supported."));
+                setPreview(undefined);
+                setCurrBlob(undefined);
+                setCurrFileExtension(undefined);
+                return;
+            }
+            switch (t) {
+                case 'application/zip':
+                    parser['application/zip'](blob);
+                    break;
+                case 'text/plain':
+                    parser['text/plain'](blob);
+                    break;
+                default:
+                    setPreview(undefined);
+                    setCurrBlob(undefined);
+                    setCurrFileExtension(undefined);
+                    break;
+            }
+            setCurrBlob(blob);
+            if (path) {
+                setSelFilePath(path);
+            }
+            var ext = getExtension((selArtifact === null || selArtifact === void 0 ? void 0 : selArtifact.file_name) || path);
+            setCurrFileExtension(ext);
+        }); });
+    };
     var download = function (blob, fileName) {
         var file = new File([blob], fileName);
         var a = document.createElement('a');
@@ -47233,54 +47306,31 @@ var FilePreview = function (_a) {
         a.click();
     };
     useEffect(function () {
+        if (enableFilePicker) {
+            base64AndFetch(selFilePath);
+            return;
+        }
         downloadArtifact(selArtifact === null || selArtifact === void 0 ? void 0 : selArtifact.key, jobId)
-            .then(function (url) {
-            fetch(url)
-                .then(function (response) { return response.blob()
-                .then(function (blob) {
-                var t = blob.type;
-                if (!allowedFileTypes.includes(t)) {
-                    console.error("Cloud Artifact ".concat(t, " not supported."));
-                    setPreview(undefined);
-                    setCurrBlob(undefined);
-                    setCurrFileExtension(undefined);
-                    return;
-                }
-                switch (t) {
-                    case 'application/zip':
-                        parser['application/zip'](blob);
-                        break;
-                    case 'text/plain':
-                        parser['text/plain'](blob);
-                        break;
-                    default:
-                        setPreview(undefined);
-                        setCurrBlob(undefined);
-                        setCurrFileExtension(undefined);
-                        break;
-                }
-                setCurrBlob(blob);
-                var ext = getExtension(selArtifact === null || selArtifact === void 0 ? void 0 : selArtifact.file_name);
-                setCurrFileExtension(ext);
-            }); });
-        });
-    }, [selArtifact, projectOwner, projectName]);
+            .then(fetchAndSet);
+    }, [selArtifact, selFilePath, projectOwner, projectName]);
     shortDebounce(function () {
         onPreviewChange && onPreviewChange(preview);
     }, [onPreviewChange, preview]);
-    // TODO: Add buttons latest part (e.g. download)
     return (React__default.createElement(React__default.Fragment, null,
-        !value && React__default.createElement(SelectCloudArtifacts, { projectOwner: projectOwner, projectName: projectName, value: selArtifact, hidden: false, client: client, jobId: jobId, fileNameMatch: typeof inputProps.accept === 'string'
+        !value && !enableFilePicker && React__default.createElement(SelectCloudArtifacts, { projectOwner: projectOwner, projectName: projectName, value: selArtifact, hidden: false, client: client, jobId: jobId, fileNameMatch: typeof inputProps.accept === 'string'
                 ? ".*(".concat(inputProps.accept.replace(/\./g, '').split(', ').join('$|'), "$)")
                 : undefined, onChange: onChange }),
-        selArtifact &&
+        !localPath && enableFilePicker && React__default.createElement(SelectLocalArtifactNative, { onChange: onChangeLocal, value: selFilePath, buttonLabel: "Select ".concat(inputProps.accept.split(',').length > 1 ?
+                'any of' : 'an', " ").concat(inputProps.accept, " ").concat(inputProps.accept.split(',').length > 1 ? 'file types' : 'file', "."), fileMatchPattern: "File types ".concat(inputProps.accept, "|*").concat(inputProps.accept.split(', ').join(';*')) }),
+        (selArtifact || selFilePath) && // 
             React__default.createElement(React__default.Fragment, null,
+                (value || localPath) ? undefined : React__default.createElement("br", null),
                 (host !== 'web' && currFileExtension === 'vsf'
                     && typeof preview === 'string') &&
-                    React__default.createElement(SendResults, { results: JSON.parse(preview), defaultKey: selArtifact.file_name, buttonLabel: 'Result Preview' }),
+                    React__default.createElement(SendResults, { results: JSON.parse(preview), defaultKey: (selArtifact === null || selArtifact === void 0 ? void 0 : selArtifact.file_name) || (selFilePath === null || selFilePath === void 0 ? void 0 : selFilePath.replace(/^.*[\\\/]/, '')), buttonLabel: 'Result Preview' }),
                 (host !== 'web' && currFileExtension === 'zip') &&
                     preview && typeof preview === 'string' &&
-                    React__default.createElement(SendResults, { results: JSON.parse(preview), defaultKey: selArtifact.file_name, buttonLabel: 'Result Preview' }),
+                    React__default.createElement(SendResults, { results: JSON.parse(preview), defaultKey: (selArtifact === null || selArtifact === void 0 ? void 0 : selArtifact.file_name) || (selFilePath === null || selFilePath === void 0 ? void 0 : selFilePath.replace(/^.*[\\\/]/, '')), buttonLabel: 'Result Preview' }),
                 (host === 'web') &&
                     React__default.createElement(Button, { type: 'button', onClick: function () { return download(currBlob, selArtifact.file_name); }, disabled: !currBlob, style: {
                             width: 'fit-content',