fix clearly defined properties

Signed-off-by: Carlos Feria <2582866+carlosthe19916@users.noreply.github.com>

Author: carlosthe19916

client/src/app/pages/importer-create-update/components/importer-wizard.tsx

@@ -30,7 +30,7 @@ import {
   useAnalysisWizardFormValidationSchema,
 } from "./schema";
 import { SetConfiguration } from "./set-configuration";
-import { SetGeneralInformation } from "./set-general-information";
+import { SELECT_ONE, SetGeneralInformation } from "./set-general-information";
 import {
   getImporterConfigurationFromFormValues,
   getImporterTypeAndConfiguration,
@@ -39,8 +39,6 @@ import {
   type ImporterType,
 } from "./type-utils";
 
-const SELECT_ONE = "select-one";
-
 interface IImporterWizard {
   importer: Importer | null;
   onClose: () => void;

client/src/app/pages/importer-create-update/components/schema.ts

@@ -70,7 +70,10 @@ export const useConfigurationFormSchema = () => {
     v3Signatures: boolean(),
     ignoreMissing: boolean(),
     fetchRetries: number().min(0),
-    sizeLimitValue: string(),
+    sizeLimitValue: string().matches(
+      /^[0-9]*\.?[0-9]*$/,
+      "Only numbers and a dot are allowed",
+    ),
     sizeLimitUnit: string().required().trim().max(250),
     onlyPatterns: array(object({ value: string().required() })),
     keys: array(object({ value: string().required().url() })),

client/src/app/pages/importer-create-update/components/set-general-information.tsx

@@ -6,11 +6,13 @@ import {
   Button,
   Card,
   Form,
+  FormGroupLabelHelp,
   FormSelectOption,
   InputGroup,
   InputGroupItem,
   Label,
   LabelGroup,
+  Popover,
   Stack,
   StackItem,
   Switch,
@@ -19,28 +21,19 @@ import {
 import PlusCircleIcon from "@patternfly/react-icons/dist/esm/icons/plus-circle-icon";
 
 import { splitStringAsKeyValue } from "@app/api/model-utils";
+import type { Importer } from "@app/client";
 import {
   HookFormPFGroupController,
   HookFormPFSelect,
   HookFormPFTextArea,
   HookFormPFTextInput,
 } from "@app/components/HookFormPFFields";
 import { validateLabelString } from "@app/utils/utils";
-import type { ImporterWizardFormValues } from "./schema";
-import type { Importer } from "@app/client";
 
-const SELECT_ONE = "select-one";
+import type { ImporterWizardFormValues } from "./schema";
+import { ALL_IMPORTER_TYPES } from "./type-utils";
 
-export const ALL_IMPORTER_TYPES = [
-  "sbom",
-  "csaf",
-  "osv",
-  "cve",
-  "clearly_defined",
-  "clearly_defined_curation",
-  "cwe",
-  "quay",
-] as const;
+export const SELECT_ONE = "select-one";
 
 //
 
@@ -55,6 +48,8 @@ export const SetGeneralInformation: React.FC<ISetGeneralInformationProps> = ({
 
   const [labelInputTextValue, setLabelInputTextValue] = React.useState("");
 
+  const labelsHelpRef = React.useRef(null);
+
   return (
     <Form
       onSubmit={(event) => {
@@ -111,6 +106,21 @@ export const SetGeneralInformation: React.FC<ISetGeneralInformationProps> = ({
         name="labels"
         label="Labels"
         fieldId="labels"
+        formGroupProps={{
+          labelHelp: (
+            <Popover
+              triggerRef={labelsHelpRef}
+              bodyContent={
+                <div>These labels will be added to each document imported.</div>
+              }
+            >
+              <FormGroupLabelHelp
+                ref={labelsHelpRef}
+                aria-label="More info for labels field"
+              />
+            </Popover>
+          ),
+        }}
         renderInput={({ field: { value, onChange } }) => {
           const onAddNewLabel = () => {
             if (validateLabelString(labelInputTextValue)) {

client/src/app/pages/importer-create-update/components/type-utils.tsx

@@ -19,8 +19,8 @@ export const ALL_IMPORTER_TYPES = [
   "csaf",
   "osv",
   "cve",
-  "clearly_defined",
-  "clearly_defined_curation",
+  "clearlyDefined",
+  "clearlyDefinedCuration",
   "cwe",
   "quay",
 ] as const;
@@ -222,7 +222,7 @@ export const getImporterConfigurationFromFormValues = (
       };
       break;
     }
-    case "clearly_defined": {
+    case "clearlyDefined": {
       configuration = {
         clearlyDefined: {
           ...commonConfigurationFields,
@@ -231,7 +231,7 @@ export const getImporterConfigurationFromFormValues = (
       };
       break;
     }
-    case "clearly_defined_curation": {
+    case "clearlyDefinedCuration": {
       configuration = {
         clearlyDefinedCuration: {
           ...commonConfigurationFields,