fix(striker-ui): allow skip entry in form summary

striker-ui/components/FormSummary.tsx

@@ -42,6 +42,7 @@ const buildEntryList = ({
   maxDepth,
   renderEntry,
   renderEntryValue,
+  skip,
 }: {
   depth?: number;
   entries: FormEntries;
@@ -52,6 +53,7 @@ const buildEntryList = ({
   maxDepth: number;
   renderEntry: RenderFormEntryFunction;
   renderEntryValue: RenderFormValueFunction;
+  skip: Exclude<FormSummaryOptionalProps['skip'], undefined>;
 }): ReactElement => {
   const result: ReactElement[] = [];
 
@@ -59,24 +61,33 @@ const buildEntryList = ({
     const itemId = `form-summary-entry-${itemKey}`;
 
     const nest = entry !== null && typeof entry === 'object';
+
     const value = nest ? null : entry;
 
-    result.push(
+    const fnArgs: CommonFormEntryHandlerArgs = {
-      <MUIListItem
+      depth,
-        key={itemId}
+      entry: value,
-        sx={{ paddingLeft: `${depth}em` }}
+      key: itemKey,
-        {...getListItemProps?.call(null, { depth, entry: value, key: itemKey })}
+    };
-      >
+
-        {renderEntry({
+    if (skip(({ key }) => !/confirm/i.test(key), fnArgs)) {
-          depth,
+      result.push(
-          entry: value,
+        <MUIListItem
-          getLabel: getEntryLabel,
+          key={itemId}
-          key: itemKey,
+          sx={{ paddingLeft: `${depth}em` }}
-          nest,
+          {...getListItemProps?.call(null, fnArgs)}
-          renderValue: renderEntryValue,
+        >
-        })}
+          {renderEntry({
-      </MUIListItem>,
+            depth,
-    );
+            entry: value,
+            getLabel: getEntryLabel,
+            key: itemKey,
+            nest,
+            renderValue: renderEntryValue,
+          })}
+        </MUIListItem>,
+      );
+    }
 
     if (nest && depth < maxDepth) {
       result.push(
@@ -88,6 +99,7 @@ const buildEntryList = ({
           maxDepth,
           renderEntry,
           renderEntryValue,
+          skip,
         }),
       );
     }
@@ -134,6 +146,7 @@ const FormSummary = <T extends FormEntries>({
       ? renderEntryValueWithPassword(args)
       : renderEntryValueWithMono(args);
   },
+  skip = (base, ...args) => base(...args),
 }: FormSummaryProps<T>): ReturnType<FC<FormSummaryProps<T>>> =>
   buildEntryList({
     entries,
@@ -143,6 +156,7 @@ const FormSummary = <T extends FormEntries>({
     maxDepth,
     renderEntry,
     renderEntryValue,
+    skip,
   });
 
 export default FormSummary;

striker-ui/types/FormSummary.d.ts

@@ -40,6 +40,8 @@ type RenderFormEntryFunction = (
   },
 ) => import('react').ReactElement;
 
+type SkipFormEntryFunction = (args: CommonFormEntryHandlerArgs) => boolean;
+
 type FormSummaryOptionalProps = {
   getEntryLabel?: GetFormEntryLabelFunction;
   getListProps?: GetFormEntriesPropsFunction;
@@ -48,6 +50,10 @@ type FormSummaryOptionalProps = {
   maxDepth?: number;
   renderEntry?: RenderFormEntryFunction;
   renderEntryValue?: RenderFormValueFunction;
+  skip?: (
+    base: SkipFormEntryFunction,
+    ...args: Parameters<SkipFormEntryFunction>
+  ) => ReturnType<SkipFormEntryFunction>;
 };
 
 type FormSummaryProps<T extends FormEntries> = FormSummaryOptionalProps & {