feat: minify json

src/components/ToolContent.tsx

@@ -17,7 +17,7 @@ interface ToolContentPropsBase<T, I> extends ToolComponentProps {
 
   // Tool options
   initialValues: T;
-  getGroups: GetGroupsType<T>;
+  getGroups: GetGroupsType<T> | null;
 
   // Computation function
   compute: (optionsValues: T, input: I) => void;

src/components/examples/ExampleCard.tsx

@@ -18,7 +18,7 @@ export interface ExampleCardProps<T> {
   sampleResult: string;
   sampleOptions: T;
   changeInputResult: (newInput: string, newOptions: T) => void;
-  getGroups: GetGroupsType<T>;
+  getGroups: GetGroupsType<T> | null;
 }
 
 export default function ExampleCard<T>({

src/components/examples/ExampleOptions.tsx

@@ -7,12 +7,12 @@ export default function ExampleOptions<T>({
   getGroups
 }: {
   options: T;
-  getGroups: GetGroupsType<T>;
+  getGroups: GetGroupsType<T> | null;
 }) {
   return (
     <ToolOptionGroups
       // @ts-ignore
-      groups={getGroups({ values: options })}
+      groups={getGroups?.({ values: options }) ?? []}
       vertical
     />
   );

src/components/examples/ToolExamples.tsx

@@ -13,7 +13,7 @@ export interface ExampleProps<T> {
   title: string;
   subtitle?: string;
   exampleCards: CardExampleType<T>[];
-  getGroups: GetGroupsType<T>;
+  getGroups: GetGroupsType<T> | null;
   formRef: React.RefObject<FormikProps<T>>;
   setInput: React.Dispatch<React.SetStateAction<any>>;
 }

src/components/options/ToolOptions.tsx

@@ -86,44 +86,45 @@ export default function ToolOptions<T extends FormikValues>({
   validationSchema?: any | (() => any);
   compute: (optionsValues: T, input: any) => void;
   input?: any;
-  getGroups: GetGroupsType<T>;
+  getGroups: GetGroupsType<T> | null;
   formRef?: RefObject<FormikProps<T>>;
 }) {
   const theme = useTheme();
-  return (
-    <Box
-      sx={{
-        mb: 2,
-        borderRadius: 2,
-        padding: 2,
-        backgroundColor: theme.palette.background.default,
-        boxShadow: '2'
-      }}
-      mt={2}
-    >
-      <Stack direction={'row'} spacing={1} alignItems={'center'}>
-        <SettingsIcon />
-        <Typography fontSize={22}>Tool options</Typography>
-      </Stack>
-      <Box mt={2}>
-        <Formik
-          innerRef={formRef}
-          initialValues={initialValues}
-          validationSchema={validationSchema}
-          onSubmit={() => {}}
-        >
-          {(formikProps) => (
-            <ToolBody
-              compute={compute}
-              input={input}
-              getGroups={getGroups}
-              formikProps={formikProps}
-            >
-              {children}
-            </ToolBody>
-          )}
-        </Formik>
+  if (getGroups)
+    return (
+      <Box
+        sx={{
+          mb: 2,
+          borderRadius: 2,
+          padding: 2,
+          backgroundColor: theme.palette.background.default,
+          boxShadow: '2'
+        }}
+        mt={2}
+      >
+        <Stack direction={'row'} spacing={1} alignItems={'center'}>
+          <SettingsIcon />
+          <Typography fontSize={22}>Tool options</Typography>
+        </Stack>
+        <Box mt={2}>
+          <Formik
+            innerRef={formRef}
+            initialValues={initialValues}
+            validationSchema={validationSchema}
+            onSubmit={() => {}}
+          >
+            {(formikProps) => (
+              <ToolBody
+                compute={compute}
+                input={input}
+                getGroups={getGroups}
+                formikProps={formikProps}
+              >
+                {children}
+              </ToolBody>
+            )}
+          </Formik>
+        </Box>
       </Box>
-    </Box>
-  );
+    );
 }