[Cherry-Pick-Main][UI][SDL-5851][SDL-5848][SDL-5845][SDL-5846][SDL-5852] Bugs/bug fix prerelease (#51)

Author: mkaliberda

src/ui/src/components/KnowledgepacksTable/KnowledgepacksTable.jsx

@@ -119,7 +119,7 @@ const KnowledgepacksTable = ({
     loadKnowledgepacks(selectedProject);
   };
 
-  const handlseSelectInTable = (selectedUUIDs) => {
+  const handleSelectInTable = (selectedUUIDs) => {
     setSelectedItems(selectedUUIDs);
   };
 
@@ -178,7 +178,7 @@ const KnowledgepacksTable = ({
       return;
     }
     loadKnowledgepacks(selectedProject);
-    openSnackBarWithMsg("success", "Successfuly renamed the Knowledgepack.");
+    openSnackBarWithMsg("success", "Successfully renamed the Knowledgepack.");
     setSavingKnowledgepack(false);
   };
 
@@ -407,7 +407,7 @@ const KnowledgepacksTable = ({
     isDarkHeader: true,
     selectionField: "uuid",
     isShowSelection: true,
-    onSelectInTable: handlseSelectInTable,
+    onSelectInTable: handleSelectInTable,
   };
   return (
     <>

src/ui/src/components/Layout/NavDrawer.jsx

@@ -84,11 +84,11 @@ const NavDrawer = ({
     return "";
   }, [selectedPipelineExecutionType]);
 
-  const showIfRunning = (parnetId, pathToCheck) => {
+  const showIfRunning = (parentId, pathToCheck) => {
     if (
       RUNNING_STATUSES.RUNNING === pipelineRunningStatus &&
       !matchPath(pathToCheck, { path: activePipelinePath, sctrict: false }) &&
-      MENU_ITEMS_INFO.BUILD_MODEL.id === parnetId
+      MENU_ITEMS_INFO.BUILD_MODEL.id === parentId
     ) {
       return false;
     }
@@ -182,7 +182,7 @@ const NavDrawer = ({
                     <Collapse in={isSubmenuItemsOpened(menuItem.id)} timeout={0}>
                       <Divider variant="middle" />
                       <SubItemTitle id={menuItem.id} />
-                      <List key={`suitem_list_${menuItem.id}`} sx={{ pl: 2, pt: 0, pb: 0 }}>
+                      <List key={`subitem_list_${menuItem.id}`} sx={{ pl: 2, pt: 0, pb: 0 }}>
                         {menuItem.subItems.map((subItem) => (
                           <Box key={`subitem_nav_link_${subItem.id}`}>
                             {showIfRunning(menuItem.id, subItem.getPath()) ? (

src/ui/src/components/PipelineBuilderV1/PipelineBuilder.jsx

@@ -241,21 +241,13 @@ const PipelineBuilder = ({
       if (step?.options?.isSession && step?.type !== PIPELINE_STEP_TYPES.INPUT_DATA) {
         return true;
       }
-      if (step?.options?.isOptimizedByAutoML && step?.type !== PIPELINE_STEP_TYPES.AUTOML_PARAMS) {
+      if (step?.options?.isOptimizedByAutoML) {
         return true;
       }
-      if (
-        isAutoML &&
-        [PIPELINE_STEP_TYPES.CLASSIFIER, PIPELINE_STEP_TYPES.TRAINING_ALGORITHM].includes(
-          step?.name,
-        )
-      ) {
-        return !pipelineSettings.data?.disable_automl;
-      }
 
       return isOptimizationRunning;
     },
-    [selectedSteps, isOptimizationRunning],
+    [selectedSteps, pipelineSettings, isOptimizationRunning],
   );
 
   const getAvailableNextSteps = (index, stepObj) => {

src/ui/src/containers/BuildModel/TheBuilderScreen/index.js

@@ -46,6 +46,8 @@ import {
   setSelectedPipelineName,
 } from "store/pipelines/actions";
 
+import { clearModel } from "store/models/actions";
+
 import {
   loadQueryCacheStatus,
   clearQueryCacheStatus,
@@ -102,6 +104,7 @@ const mapDispatchToProps = {
   clearPipelineStatus,
   clearPipeline,
   clearQueryCacheStatus,
+  clearModel,
 
   setPipelineStep,
   setPipelineDefaultSteps,

src/ui/src/containers/BuildModel/TheClassificationScreen/TheClassificationScreen.jsx

@@ -88,6 +88,7 @@ const TheClassificationScreen = ({
   clearPipelineResults,
   clearPipelineStatus,
   clearQueryCacheStatus,
+  clearModel,
 
   setPipelineStep,
   setPipelineDefaultSteps,
@@ -553,6 +554,7 @@ const TheClassificationScreen = ({
                     autosenseMetrics={pipelineResultData}
                     projectUUID={selectedProjectObj.uuid}
                     pipelineUUID={selectedPipeline}
+                    onClearModel={clearModel}
                   />
                 </>
               )}

src/ui/src/containers/BuildModel/components/PipelineBuilderClassification.jsx

@@ -27,32 +27,27 @@ import {
 
 import PipelineBuilderV1 from "components/PipelineBuilderV1";
 
-const PipelineBuilderAutoML = (props) => {
+const PipelineBuilderAutoML = ({ isAutoML, pipelineSettings, ...props }) => {
   const { selectedSteps, pipelineData } = props;
 
-  const autoMLStep = useMemo(
-    () => selectedSteps.find((step) => step?.type === PIPELINE_STEP_TYPES.AUTOML_PARAMS),
-    [selectedSteps],
-  );
-
   const getCoveredSearchedStep = useCallback(() => {
     // AUTOML SEARCHED STEPS
 
-    if (autoMLStep?.data?.disable_automl) {
+    if (!isAutoML) {
       return [];
     }
 
     // find all steps from inputData AutoML form
     return AUTOML_SEARCHED_STEPS_TYPES_LOOKUP.reduce(
       (acc, el) => {
-        if (autoMLStep?.data[el.paramName]) {
+        if (pipelineSettings?.data[el.paramName]) {
           acc.push(el.stepType);
         }
         return acc;
       },
       [PIPELINE_STEP_TYPES.AUTOML_PARAMS],
     );
-  }, [selectedSteps]);
+  }, [pipelineSettings, isAutoML]);
 
   const getFilteredSelectedSteps = useMemo(() => {
     const getOptimizedByAutoML = (type) => {
@@ -165,7 +160,13 @@ const PipelineBuilderAutoML = (props) => {
 
   return (
     <>
-      <PipelineBuilderV1 {...props} isModel={true} selectedSteps={getFilteredSelectedSteps} />
+      <PipelineBuilderV1
+        {...props}
+        isAutoML={isAutoML}
+        pipelineSettings={pipelineSettings}
+        isModel={true}
+        selectedSteps={getFilteredSelectedSteps}
+      />
     </>
   );
 };

src/ui/src/containers/BuildModel/components/TableAutoSenseMetrics.jsx

@@ -20,7 +20,7 @@ License along with SensiML Piccolo AI. If not, see <https://www.gnu.org/licenses
 import React, { useState, useEffect } from "react";
 import { useTranslation } from "react-i18next";
 
-import { generatePath, useHistory, Link } from "react-router-dom";
+import { generatePath, useHistory } from "react-router-dom";
 
 import { Tooltip } from "@mui/material";
 import IconButton from "@mui/material/IconButton";
@@ -30,7 +30,7 @@ import { ROUTES } from "routers";
 
 import StandardTable from "components/StandardTable";
 
-const TableAutoSenseMetrics = ({ autosenseMetrics, projectUUID, pipelineUUID }) => {
+const TableAutoSenseMetrics = ({ autosenseMetrics, projectUUID, pipelineUUID, onClearModel }) => {
   const routersHistory = useHistory();
   const { t } = useTranslation("models");
 
@@ -56,18 +56,26 @@ const TableAutoSenseMetrics = ({ autosenseMetrics, projectUUID, pipelineUUID })
     return !data ? "" : isNaN(data) ? data.toUpperCase() : Number(data).toFixed(0);
   };
 
+  const handleOpenModel = (modelUUID) => {
+    onClearModel();
+    routersHistory.push(getModelPagePath(modelUUID));
+  };
+
   const handleDoubleClick = (event, row) => {
-    routersHistory.push(getModelPagePath(row.knowledgepack));
+    handleOpenModel(row.knowledgepack);
   };
 
   const openModelRender = (modelUUID) => {
     return (
       <Tooltip title="Explore Model..">
-        <Link to={getModelPagePath(modelUUID)}>
-          <IconButton variant="contained" color="primary" size="small">
-            <ExploreIcon />
-          </IconButton>
-        </Link>
+        <IconButton
+          variant="contained"
+          color="primary"
+          size="small"
+          onClick={() => handleOpenModel(modelUUID)}
+        >
+          <ExploreIcon />
+        </IconButton>
       </Tooltip>
     );
   };

src/ui/src/store/containerBuildModel/actions/index.js

@@ -253,13 +253,10 @@ export const loadDataAfterTraining =
   };
 
 const getExecutionType = (executionType, isAutoML) => {
-  let exType = "AUTOML";
+  let exType = isAutoML ? "AUTOML" : "CUSTOM";
   if (executionType === "pipeline") {
     exType = "FEATURE_EXTRACTOR";
   }
-  if (executionType === "auto" && isAutoML) {
-    exType = "CUSTOM";
-  }
   return exType;
 };
 

src/ui/src/store/containerBuildModel/domain/PipelineStepsDataFactory/CommonStepDataTransfrorm.js

@@ -72,7 +72,7 @@ class CommonStepDataTransfrorm extends AbstractStepData {
           // only form element types
           if (Object.values(FORM_TYPES).includes(formFieldType)) {
             if (this.TYPES_WITH_OPTIONS.includes(formFieldType) && !options?.length) {
-              // hide selectors withot options for keep empy elements as default
+              // hide selectors without options for keep empy elements as default
               isFormHidden = true;
             }
 

src/ui/src/store/containerBuildModel/domain/PipelineStepsDataFactory/inputContractAdditionalOptions.js

@@ -62,9 +62,6 @@ export default {
   delta: {
     defaultLookup: SAMPLE_RATE,
   },
-  train_delta: {
-    default_use_param: false,
-  },
   // tranform
   input_data: {
     is_ignored: true,

src/ui/src/store/containerBuildModel/test/data/defaultDataAutoML.js

@@ -61,7 +61,6 @@ export default [
       group_columns: ["segment_uuid", "Type", "Subject", "Punch"],
       window_size: 250,
       delta: 250,
-      is_use_train_delta: false,
       train_delta: 0,
       return_segment_index: false,
       transform: "Windowing",

src/ui/src/store/containerBuildModel/test/data/defaultDataCustomClassifier.js

@@ -61,7 +61,6 @@ export default [
       group_columns: ["segment_uuid", "Type", "Subject", "Punch"],
       window_size: 250,
       delta: 250,
-      is_use_train_delta: false,
       train_delta: 0,
       return_segment_index: false,
       transform: "Windowing",