@axinom/mosaic-fe-samples-host 0.14.0-rc.6 → 0.14.0

package/dist/index.js

@@ -612,6 +612,68 @@ const Profiles = ({ match }) => {
             history.replace(`/profiles`);
         }
     };
+    const handleExportProfileClick = () => {
+        const activeProfileIndex = profiles.findIndex((env) => env.id === (selectedProfile === null || selectedProfile === void 0 ? void 0 : selectedProfile.id));
+        if (activeProfileIndex !== -1 && selectedProfile !== undefined) {
+            const fileDownloadLink = document.createElement('a');
+            fileDownloadLink.href = URL.createObjectURL(new Blob([JSON.stringify(selectedProfile, null, 2)], {
+                type: 'application/json',
+            }));
+            fileDownloadLink.setAttribute('download', `fe-samples-${selectedProfile.name}.json`);
+            document.body.appendChild(fileDownloadLink);
+            fileDownloadLink.click();
+            document.body.removeChild(fileDownloadLink);
+        }
+    };
+    const handleImportProfileClick = () => {
+        var _a, _b;
+        (_a = document.getElementById('fileInput')) === null || _a === void 0 ? void 0 : _a.click();
+        // Event listener for file input change
+        (_b = document
+            .getElementById('fileInput')) === null || _b === void 0 ? void 0 : _b.addEventListener('change', function (event) {
+            var _a;
+            if (event && event.target) {
+                const inputElement = event.target;
+                // Handle the selected file
+                if (inputElement) {
+                    const file = (_a = inputElement.files) === null || _a === void 0 ? void 0 : _a[0];
+                    if (file) {
+                        const reader = new FileReader();
+                        reader.onload = function (e) {
+                            var _a;
+                            const fileContent = (_a = e.target) === null || _a === void 0 ? void 0 : _a.result;
+                            // Save file content to local storage
+                            saveToLocalStorage(fileContent);
+                            // Reset the file input value to clear it
+                            inputElement.value = '';
+                        };
+                        reader.readAsText(file);
+                    }
+                    else {
+                        console.error(`[importProfile]: Please select a file.`);
+                    }
+                }
+            }
+        });
+    };
+    const saveToLocalStorage = (fileContent) => {
+        const importedProfile = JSON.parse(fileContent);
+        const profileAlreadyExists = profiles.find((profile) => profile.id === (importedProfile === null || importedProfile === void 0 ? void 0 : importedProfile.id));
+        if (profileAlreadyExists === undefined) {
+            // Add new data to the profiles array
+            profiles.push(importedProfile);
+            setProfiles([...profiles]);
+            saveAllProfiles(profiles);
+        }
+        else {
+            const existProfileIndex = profiles.findIndex((profile) => profile.id === (importedProfile === null || importedProfile === void 0 ? void 0 : importedProfile.id));
+            if (existProfileIndex !== -1) {
+                profiles[existProfileIndex] = importedProfile;
+                setProfiles([...profiles]);
+                saveAllProfiles(profiles);
+            }
+        }
+    };
     /**
      * A common input changed handler used for all top-level profile fields (i.e. URLs)
      */
@@ -684,7 +746,9 @@ const Profiles = ({ match }) => {
                     React__default["default"].createElement(semanticUiReact.Dropdown, { "data-test-id": "new-profile-dropdown", text: "New Profile", icon: "dropdown", labeled: true, button: true, floating: true, className: "icon blue", pointing: "top" },
                         React__default["default"].createElement(semanticUiReact.Dropdown.Menu, null,
                             React__default["default"].createElement(semanticUiReact.Dropdown.Item, { "data-test-id": "new-profile:local", onClick: handleNewProfileClick('local') }, "Local Profile"),
-                            React__default["default"].createElement(semanticUiReact.Dropdown.Item, { "data-test-id": "new-profile:production", onClick: handleNewProfileClick('production') }, "Production Profile"))),
+                            React__default["default"].createElement(semanticUiReact.Dropdown.Item, { "data-test-id": "new-profile:production", onClick: handleNewProfileClick('production') }, "Production Profile"),
+                            React__default["default"].createElement(semanticUiReact.Dropdown.Item, { "data-test-id": "import-from-file", onClick: handleImportProfileClick }, "Import Profile From File"))),
+                    React__default["default"].createElement("input", { id: "fileInput", type: "file", accept: ".json", hidden: true }),
                     React__default["default"].createElement(semanticUiReact.Button, { basic: true, "data-test-id": "scenarios-button", floated: "right", color: "blue", as: reactRouterDom.Link, to: `/` }, "Scenarios"),
                     React__default["default"].createElement(semanticUiReact.Divider, null),
                     React__default["default"].createElement(semanticUiReact.List, { link: true }, profiles.map((profile) => {
@@ -698,7 +762,8 @@ const Profiles = ({ match }) => {
                     React__default["default"].createElement(semanticUiReact.Header, null, selectedProfile === null || selectedProfile === void 0 ? void 0 :
                         selectedProfile.name,
                         React__default["default"].createElement(semanticUiReact.Button, { "data-test-id": "save-profile-button", color: "blue", floated: "right", content: "Save", onClick: handleSaveProfileClick }),
-                        React__default["default"].createElement(semanticUiReact.Button, { basic: true, color: "blue", floated: "right", content: "Delete", onClick: handleDeleteProfileClick })),
+                        React__default["default"].createElement(semanticUiReact.Button, { basic: true, color: "blue", floated: "right", content: "Delete", onClick: handleDeleteProfileClick }),
+                        React__default["default"].createElement(semanticUiReact.Button, { basic: true, color: "blue", floated: "right", content: "Export", onClick: handleExportProfileClick })),
                     React__default["default"].createElement(semanticUiReact.Form, null,
                         React__default["default"].createElement(semanticUiReact.Form.Input, { width: 4, label: "Profile Name", name: "name", value: selectedProfile === null || selectedProfile === void 0 ? void 0 : selectedProfile.name, onChange: handleInputChange })),
                     React__default["default"].createElement(semanticUiReact.Divider, null),