✨ feat: primitive type selection

src/api/types/processing.ts

@@ -16,6 +16,7 @@ export type EfficientRansacParams = {
   epsilon: number;
   cluster_epsilon: number;
   normal_threshold: number;
+  primitive: [string];
 };
 
 export type RansacResultsDto = {

src/components/formModal/index.tsx

@@ -3,7 +3,7 @@ import React, { SyntheticEvent, useRef, useState } from "react";
 
 /* COMPONENTS */
 import FormParameter from "./item";
-import { Button, Modal } from "antd";
+import { Button, Modal, Checkbox, Col, Row  } from "antd";
 import Draggable from "react-draggable";
 import { CloseOutlined } from "@ant-design/icons";
 
@@ -19,7 +19,8 @@ function FormModal<T extends FieldValues>({
   submitText,
   cancelText,
   parameters,
-  blockCondition = false,
+  options,
+  blockCondition = true,
   blockDescription = "",
   onClose,
   onSubmit,
@@ -104,11 +105,11 @@ function FormModal<T extends FieldValues>({
         onSubmit={handleSubmit(onSubmit)}
         className="flex flex-col items-center"
       >
-        {blockCondition ? (
+        {/* {blockCondition ? (
           <h2 className="w-full text-center text-base break-words mb-4">
             {blockDescription}
           </h2>
-        ) : (
+        ) : ( */}
           <>
             {subtitle && (
               <h2 className="w-full text-justify text-xs break-words mb-4">
@@ -123,8 +124,23 @@ function FormModal<T extends FieldValues>({
                 {...item}
               />
             ))}
+            <Checkbox.Group
+              style={{
+                width: "50%",
+                margin: "20px 0",
+              }}
+              onChange={(values) => console.log(values)}
+            >
+              <Row defaultChecked={true}>
+                {options?.map(item => (
+                  <Col span={6}>
+                    <Checkbox value={item.value}>{item.label}</Checkbox>
+                  </Col>
+                ))}
+              </Row>
+            </Checkbox.Group>
           </>
-        )}
+        {/* )} */}
         <div className="w-full flex justify-center gap-4 mt-4">
           <Button onClick={handleCancel}>{cancelText}</Button>
           {!blockCondition && (

src/components/formModal/types.ts

@@ -18,6 +18,7 @@ export type FormModalProps<T extends FieldValues> = Pick<
   blockCondition?: boolean;
   blockDescription?: string;
   parameters: ParameterItem<T>[];
+  options?: Option<T>[];
   onSubmit: (data: T) => void;
 };
 
@@ -31,6 +32,13 @@ export type ParameterItem<T> = {
   allowNegative?: boolean;
 };
 
+export type Option<T> = {
+  label: string;
+  value: string;
+  disabled?: boolean;
+}
+
+
 // Parameters type
 export type ParameterProps<T extends FieldValues> = ParameterItem<T> & {
   error?: string;

src/containers/modals/processing/efficientRansac.tsx

@@ -37,12 +37,35 @@ const EfficientRansacModal: FC = () => {
       probability: data.probability,
       cluster_epsilon: data.clusterEpsilon,
       normal_threshold: data.normalThreshold,
+      primitive: data.primitive
     });
     closeModal();
   };
 
   return (
     <FormModal<EfficientRansacFormData>
+      options={[
+        {
+          label: t("common.plane"),
+          value: "plane",
+          disabled: true,
+        },
+        {
+          label: t("common.cylinder"),
+          value: "cylinder",
+          disabled: true,
+        },
+        {
+          label: t("common.cone"),
+          value: "cone",
+          disabled: true,
+        },
+        {
+          label: t("common.sphere"),
+          value: "sphere",
+          disabled: true,
+        },
+      ]}
       parameters={[
         {
           id: "probability",

src/hooks/processing/useEfficientRansac.tsx

@@ -38,6 +38,7 @@ export const EfficientRansacProvider: FC<IEfficientRansacProviderProps> = ({
       epsilon: 0,
       minPoints: 0,
       normalThreshold: 0,
+      primitive: [""],
     });
 
   // Efficient Ransac handlers
@@ -52,6 +53,7 @@ export const EfficientRansacProvider: FC<IEfficientRansacProviderProps> = ({
       epsilon: 0,
       minPoints: 0,
       normalThreshold: 0,
+      primitive: [""],
     });
   const updateSuggestedParams = (strObj: string) => {
     setSuggestedParams({

src/utils/types/processing.ts

@@ -4,4 +4,5 @@ export type EfficientRansacFormData = {
   epsilon: number;
   clusterEpsilon: number;
   normalThreshold: number;
+  primitive: [string];
 };