From e2961e50f43bdef7561f962879c1948bdefd34d1 Mon Sep 17 00:00:00 2001
From: NikolaBorislavovHristov <hristovnikola@protonmail.com>
Date: Tue, 10 Dec 2019 14:48:28 +0200
Subject: [PATCH] useSelectableInputs implemented for addons

---
 src/routes/Addons/useSelectableInputs.js | 72 ++++++++++++++++++++++++
 1 file changed, 72 insertions(+)
 create mode 100644 src/routes/Addons/useSelectableInputs.js

diff --git a/src/routes/Addons/useSelectableInputs.js b/src/routes/Addons/useSelectableInputs.js
new file mode 100644
index 000000000..8376fa846
--- /dev/null
+++ b/src/routes/Addons/useSelectableInputs.js
@@ -0,0 +1,72 @@
+const React = require('react');
+
+const navigateWithLoadRequest = (load_request) => {
+    const addonTransportUrl = encodeURIComponent(load_request.base);
+    const catalogId = encodeURIComponent(load_request.path.id);
+    const type = encodeURIComponent(load_request.path.type_name);
+    window.location.replace(`#/addons/${addonTransportUrl}/${catalogId}/${type}`);
+};
+
+const equalWithouExtra = (request1, request2) => {
+    return request1.base === request2.base &&
+        request1.path.resource === request2.path.resource &&
+        request1.path.type_name === request2.path.type_name &&
+        request1.path.id === request2.path.id;
+};
+
+const mapSelectableInputs = (addons) => {
+    const selectedCatalogRequest = addons.catalog_resource !== null ?
+        addons.catalog_resource.request
+        :
+        {
+            base: null,
+            path: {
+                resource: 'addon_catalog',
+                id: null,
+                type_name: null,
+                extra: []
+            }
+        };
+    const catalogSelect = {
+        title: 'Select catalog',
+        options: addons.selectable.catalogs
+            .map(({ name, load_request }) => ({
+                value: JSON.stringify(load_request),
+                label: name
+            })),
+        selected: addons.selectable.catalogs
+            .filter(({ load_request: { path: { id } } }) => {
+                return id === selectedCatalogRequest.path.id;
+            })
+            .map(({ load_request }) => JSON.stringify(load_request)),
+        onSelect: (event) => {
+            navigateWithLoadRequest(JSON.parse(event.value));
+        }
+    };
+    const typeSelect = {
+        title: 'Select type',
+        options: addons.selectable.types
+            .map(({ name, load_request }) => ({
+                value: JSON.stringify(load_request),
+                label: name
+            })),
+        selected: addons.selectable.types
+            .filter(({ load_request }) => {
+                return equalWithouExtra(load_request, selectedCatalogRequest);
+            })
+            .map(({ load_request }) => JSON.stringify(load_request)),
+        onSelect: (event) => {
+            navigateWithLoadRequest(JSON.parse(event.value));
+        }
+    };
+    return [catalogSelect, typeSelect];
+};
+
+const useSelectableInputs = (addons) => {
+    const selectableInputs = React.useMemo(() => {
+        return mapSelectableInputs(addons);
+    }, [addons]);
+    return selectableInputs;
+};
+
+module.exports = useSelectableInputs;