Allow multiple conditionalArgs

src/includeConditionalArg.test.ts

@@ -115,6 +115,16 @@ describe('includeConditionalArg', () => {
       });
     });
   });
+
+  describe('array of conditions', () => {
+    it.each([
+      ['all conditions pass', { if: [{ arg: 'a', truthy: true }, { arg: 'b', eq: 2 }] }, { a: 1, b: 2 }, {}, true],
+      ['one condition fails', { if: [{ arg: 'a', truthy: true }, { arg: 'b', eq: 3 }] }, { a: 1, b: 2 }, {}, false],
+      ['no conditions provided', { if: [] }, { a: 1, b: 2 }, {}, true],
+    ])('%s', (_name, argType, args, globals, expected) => {
+      expect(includeConditionalArg(argType, args, globals)).toBe(expected);
+    });
+  });
   describe('globals', () => {
     describe('truthy', () => {
       it.each([

src/includeConditionalArg.ts

@@ -30,14 +30,22 @@ export const testValue = (cond: Omit<Conditional, 'arg' | 'global'>, value: any)
  * aka "conditional args"
  */
 export const includeConditionalArg = (argType: InputType, args: Args, globals: Globals) => {
-  if (!argType.if) return true;
+  const conditions = Array.isArray(argType.if) ? argType.if : [argType.if];
+
+  for (const condition of conditions) {
+    if (!condition) continue;
 
-  const { arg, global } = argType.if as any;
-  if (count([arg, global]) !== 1) {
-    throw new Error(`Invalid conditional value ${JSON.stringify({ arg, global })}`);
-  }
+    const { arg, global } = condition as any;
+    if (count([arg, global]) !== 1) {
+      throw new Error(`Invalid conditional value ${JSON.stringify({ arg, global })}`);
+    }
 
-  const value = arg ? args[arg] : globals[global];
-  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-  return testValue(argType.if!, value);
+    const value = arg ? args[arg] : globals[global];
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    if (!testValue(condition!, value)) {
+      return false;
+    }
+  }
+
+  return true;
 };

src/story.ts

@@ -119,7 +119,7 @@ export interface InputType {
   /**
    * @see https://storybook.js.org/docs/api/arg-types#if
    */
-  if?: Conditional;
+  if?: Conditional | Conditional[];
   /**
    * @see https://storybook.js.org/docs/api/arg-types#mapping
    */