Merge pull request #293 from NDLA-H5P/feature/video-type

library.json

@@ -3,7 +3,7 @@
   "machineName": "H5PEditor.TopicMap",
   "majorVersion": 0,
   "minorVersion": 1,
-  "patchVersion": 12,
+  "patchVersion": 13,
   "runnable": 0,
   "preloadedJs": [
     {

src/components/SemanticsForm/SemanticsForm.tsx

@@ -38,7 +38,10 @@ export const SemanticsForm: React.FC<SemanticsFormProps> = ({
   }, [fields, params, parent, generatedFormRef, hasRendered]);
 
   return (
-    <form className={`${formClassName} h5peditor`}>
+    <form
+      className={`${formClassName} h5peditor`}
+      onSubmit={event => event.preventDefault()}
+    >
       <div ref={generatedFormRef} />
       <button
         type="button"

src/types/CommonItemType.ts

@@ -1,4 +1,5 @@
 import { Image } from "./h5p/Image";
+import { Video } from "./h5p/Video";
 
 export type CommonItemType = {
   id: string;
@@ -19,8 +20,8 @@ export type CommonItemType = {
   heightPercentage: number;
 
   dialog?: {
-    links?: Array<string> | undefined;
+    links?: Array<string>;
     text?: string;
-    video?: unknown;
+    video?: Video;
   };
 };

src/types/h5p/Copyright.ts

@@ -1,8 +1,8 @@
 export type Copyright = {
-  author: string;
-  license: string;
-  source: string;
-  title: string;
-  version: string;
-  year: string;
+  author?: string;
+  license?: string;
+  source?: string;
+  title?: string;
+  version?: string;
+  year?: string;
 };

src/types/h5p/Video.ts

@@ -0,0 +1,7 @@
+import { Copyright } from "./Copyright";
+
+export type Video = {
+  path: string;
+  mime?: string;
+  copyright?: Copyright;
+};