Make optional the options props inner sections

Modify functionalitiesModule component to have optional options and sections

Author: Hector Arce De Las Heras

src/components/functionalitiesModule/functionalitiesModuleStandAlone.tsx

@@ -23,7 +23,8 @@ const FunctionalitiesModuleStandAloneComponent = (
   const mergeList = (): ListOptionsOptionType[] => {
     return (
       props.sections?.reduce((prev: ListOptionsOptionType[], current) => {
-        return [...prev, ...current.options];
+        const currentOptions = current.options ? current.options : [];
+        return [...prev, ...currentOptions];
       }, []) ?? []
     );
   };
@@ -61,7 +62,7 @@ const FunctionalitiesModuleStandAloneComponent = (
               content={section.optionsContent}
               dataTestId={`${props.dataTestId}ListOptions`}
               optionVariant={props.styles.listOptions.optionVariant}
-              options={section.options}
+              options={section.options || []}
               selectedValue={props.selectedValue}
               title={{ component: TextComponentType.H6, ...section.optionsTitle }}
               type={ListOptionsType.NAVIGATION}

src/components/functionalitiesModule/stories/fixture.ts

@@ -8,11 +8,11 @@ export const SECTIONS: FunctionalitiesModuleSectionType[] = [
       content: 'Tab 1',
     },
     options: [
-      {
-        label: 'option 0 (disabled)',
-        disabled: true,
-        value: '0',
-      },
+      // {
+      //   label: 'option 0 (disabled)',
+      //   disabled: true,
+      //   value: '0',
+      // },
     ],
   },
   {

src/components/functionalitiesModule/types/functionalitiesModule.ts

@@ -21,7 +21,7 @@ export type FunctionalitiesModuleActionBottomSheetType = Omit<
 
 export type FunctionalitiesModuleSectionType = {
   tab: PrimaryTabTabType;
-  options: Omit<ListOptionsOptionType, 'highlighted'>[];
+  options?: Omit<ListOptionsOptionType, 'highlighted'>[];
   optionsTitle?: ListOptionsTitleType;
   optionsContent?: ReactNode;
 };

src/components/functionalitiesModule/utils/functionalitiesModule.utils.ts

@@ -5,7 +5,7 @@ export const getDefaultTabSeleted = (
   sections?: FunctionalitiesModuleSectionType[]
 ): number => {
   const tab = sections?.findIndex(section =>
-    section.options.some(option => option.value === selectedValue)
+    section.options?.some(option => option.value === selectedValue)
   );
   return tab && tab >= 0 ? tab : 0;
 };