feat: add support for 'additionalItems' keyword

Author: yanick

src/components/Examples/examples.js

@@ -1,4 +1,79 @@
 export default [
+  {
+    title: "additionalItems set to false",
+    type: "array",
+    items: [
+      {
+        type: "number",
+      },
+      {
+        type: "string",
+      },
+      {
+        type: "string",
+        enum: ["Street", "Avenue", "Boulevard"],
+      },
+      {
+        type: "string",
+        enum: ["NW", "NE", "SW", "SE"],
+      },
+    ],
+    additionalItems: false,
+  },
+  {
+    title: "additionalItems set to true",
+    type: "array",
+    items: [
+      {
+        type: "number",
+      },
+      {
+        type: "string",
+      },
+      {
+        type: "string",
+        enum: ["Street", "Avenue", "Boulevard"],
+      },
+      {
+        type: "string",
+        enum: ["NW", "NE", "SW", "SE"],
+      },
+    ],
+    additionalItems: true,
+  },
+  {
+    title: "additionalItems set to schema",
+    type: "array",
+    items: [
+      {
+        type: "number",
+      },
+      {
+        type: "string",
+      },
+      {
+        type: "string",
+        enum: ["Street", "Avenue", "Boulevard"],
+      },
+      {
+        type: "string",
+        enum: ["NW", "NE", "SW", "SE"],
+      },
+    ],
+    additionalItems: {
+      type: "number",
+    },
+  },
+  {
+    title: "additionalItems with object items",
+    type: "array",
+    items: {
+      type: "number",
+    },
+    additionalItems: {
+      type: "number",
+    },
+  },
   {
     title: "with a $comment",
     description: "this is the description",

src/components/Instance/ArrayRestraints/index.svelte

@@ -10,11 +10,24 @@
   {#if uniqueItems}
     <li>unique</li>
   {/if}
+
+  {#if show_additionalItems && isBoolean(additionalItems)}
+    <li>additional items {additionalItems ? '' : 'not'} allowed</li>
+  {/if}
 </ul>
 
 <Items {items} href={`${href}/items`} />
 
+{#if show_additionalItems && isPlainObject(additionalItems)}
+  <BoxSegment legend="additional items">
+    <Instance definition={additionalItems} href={`${href}/additionalItems`} />
+  </BoxSegment>
+{/if}
+
 <script>
+  const isBoolean = require("lodash/isBoolean");
+  const isPlainObject = require("lodash/isPlainObject");
+
   export let href = "";
 
   export let maxItems;
@@ -23,8 +36,14 @@
   export let maxContains;
   export let minContains;
   export let items;
+  export let additionalItems;
+
+  let show_additionalItems;
+  $: show_additionalItems = !isPlainObject(items);
 
   import Items from "../Items/index.svelte";
+  const Instance = require("../index.svelte").default;
+  import BoxSegment from "../BoxSegment.svelte";
 </script>
 
 <style>

src/components/Instance/ArrayRestraints/test.js

@@ -0,0 +1,43 @@
+const tap = require("../../../tests/svelte_loader");
+import { render } from "@testing-library/svelte";
+
+const ArrayRestraints = require("./index.svelte");
+
+tap.test("additionalItems", async (t) => {
+  t.test("additionalItems, true", async (t) => {
+    const { getByText } = render(ArrayRestraints, {
+      additionalItems: true,
+    });
+
+    t.ok(getByText("additional items allowed"));
+  });
+
+  t.test("additionalItems, false", async (t) => {
+    const { getByText } = render(ArrayRestraints, {
+      items: [{ type: "string" }],
+      additionalItems: false,
+    });
+
+    t.ok(getByText("additional items not allowed"));
+  });
+
+  t.test("additionalItems, boolean w/ items as object", async (t) => {
+    const { queryByText } = render(ArrayRestraints, {
+      items: {
+        type: "string",
+      },
+      additionalItems: false,
+    });
+
+    t.ok(!queryByText("additional items not allowed"), "not present");
+  });
+
+  t.test("additionalItems, schema", async (t) => {
+    const { getByText } = render(ArrayRestraints, {
+      items: [{ type: "string" }],
+      additionalItems: { type: "number" },
+    });
+
+    t.ok(getByText("additional items"));
+  });
+});