feat: DIA-99: [FE] Create range slider frontend component and add to Semantic Search (#255)

Author: yyassi-heartex

src/stores/Tabs/tab.js

@@ -15,7 +15,9 @@ import { TabHiddenColumns } from "./tab_hidden_columns";
 import { TabSelectedItems } from "./tab_selected_items";
 import { History } from '../../utils/history';
 import { FF_DEV_1470, FF_LOPS_12, isFF } from "../../utils/feature-flags";
-import { CustomJSON, StringOrNumberID } from "../types";
+import { CustomJSON, StringOrNumberID, ThresholdType } from "../types";
+
+const DEFAULT_THRESHOLD = { min: 0, max: 1 };
 
 export const Tab = types
   .model("View", {
@@ -51,6 +53,7 @@ export const Tab = types
     editable: true,
     deletable: true,
     semantic_search: types.optional(types.array(CustomJSON), []),
+    threshold: types.optional(ThresholdType, DEFAULT_THRESHOLD),
   })
   .volatile(() => {
     const defaultWidth = getComputedStyle(document.body).getPropertyValue("--menu-sidebar-width").replace("px", "").trim();
@@ -215,6 +218,7 @@ export const Tab = types
         columnsDisplayType: self.columnsDisplayType.toPOJO(),
         gridWidth: self.gridWidth,
         semantic_search: self.semantic_search?.toJSON() ?? [],
+        threshold: self.threshold?.toJSON() ?? DEFAULT_THRESHOLD,
       };
 
       if (self.saved || apiVersion === 1) {
@@ -305,6 +309,11 @@ export const Tab = types
       self.semantic_search = semanticSearchList ?? [];
       return self.save();
     },
+    
+    setSemanticSearchThreshold(min, max) {
+      self.threshold = { min, max };
+      return self.save();
+    },
 
     selectAll() {
       self.selected.toggleSelectedAll();

src/stores/types.js

@@ -55,4 +55,9 @@ export const HtmlOrReact = types.custom({
   getValidationMessage() {
     return "is not a valid element";
   },
+});
+
+export const ThresholdType = types.model("ThresholdType", {
+  min: types.number,
+  max: types.number,
 });