@scm-manager/ui-components 2.25.1-20211003-143409 → 2.26.0

package/src/repos/changesets/Changesets.stories.tsx

@@ -22,19 +22,19 @@
  * SOFTWARE.
  */
 
-import {storiesOf} from "@storybook/react";
+import { storiesOf } from "@storybook/react";
 import * as React from "react";
 import styled from "styled-components";
-import {MemoryRouter} from "react-router-dom";
+import { MemoryRouter } from "react-router-dom";
 import repository from "../../__resources__/repository";
 import ChangesetRow from "./ChangesetRow";
-import {one, two, three, four, five} from "../../__resources__/changesets";
-import {Binder, BinderContext} from "@scm-manager/ui-extensions";
+import { one, two, three, four, five } from "../../__resources__/changesets";
+import { Binder, BinderContext } from "@scm-manager/ui-extensions";
 // @ts-ignore
 import hitchhiker from "../../__resources__/hitchhiker.png";
-import {Person} from "../../avatar/Avatar";
-import {Changeset} from "@scm-manager/ui-types";
-import {Replacement} from "../../SplitAndReplace";
+import { Person } from "../../avatar/Avatar";
+import { Changeset } from "@scm-manager/ui-types";
+import { Replacement } from "../../SplitAndReplace";
 
 const Wrapper = styled.div`
   margin: 25rem 4rem;
@@ -49,7 +49,7 @@ const withAvatarFactory = (factory: (person: Person) => string, changeset: Chang
   binder.bind("avatar.factory", factory);
   return (
     <BinderContext.Provider value={binder}>
-      <ChangesetRow repository={repository} changeset={changeset}/>
+      <ChangesetRow repository={repository} changeset={changeset} />
     </BinderContext.Provider>
   );
 };
@@ -59,10 +59,10 @@ const withReplacements = (
   changeset: Changeset
 ) => {
   const binder = new Binder("changeset stories");
-  replacements.forEach(replacement => binder.bind("changeset.description.tokens", replacement));
+  replacements.forEach((replacement) => binder.bind("changeset.description.tokens", replacement));
   return (
     <BinderContext.Provider value={binder}>
-      <ChangesetRow repository={repository} changeset={changeset}/>
+      <ChangesetRow repository={repository} changeset={changeset} />
     </BinderContext.Provider>
   );
 };
@@ -71,13 +71,13 @@ function copy<T>(input: T): T {
   return JSON.parse(JSON.stringify(input));
 }
 
-storiesOf("Changesets", module)
-  .addDecorator(story => <MemoryRouter initialEntries={["/"]}>{story()}</MemoryRouter>)
-  .addDecorator(storyFn => <Wrapper className="box box-link-shadow">{storyFn()}</Wrapper>)
-  .add("Default", () => <ChangesetRow repository={repository} changeset={three}/>)
-  .add("With Committer", () => <ChangesetRow repository={repository} changeset={two}/>)
-  .add("With Committer and Co-Author", () => <ChangesetRow repository={repository} changeset={one}/>)
-  .add("With multiple Co-Authors", () => <ChangesetRow repository={repository} changeset={four}/>)
+storiesOf("Repositories/Changesets", module)
+  .addDecorator((story) => <MemoryRouter initialEntries={["/"]}>{story()}</MemoryRouter>)
+  .addDecorator((storyFn) => <Wrapper className="box box-link-shadow">{storyFn()}</Wrapper>)
+  .add("Default", () => <ChangesetRow repository={repository} changeset={three} />)
+  .add("With Committer", () => <ChangesetRow repository={repository} changeset={two} />)
+  .add("With Committer and Co-Author", () => <ChangesetRow repository={repository} changeset={one} />)
+  .add("With multiple Co-Authors", () => <ChangesetRow repository={repository} changeset={four} />)
   .add("With avatar", () => {
     return withAvatarFactory(() => hitchhiker, three);
   })
@@ -92,156 +92,199 @@ storiesOf("Changesets", module)
     const mail = <a href={"mailto:hog@example.com"}>Arthur</a>;
     return withReplacements(
       [
-        () => [{textToReplace: "HOG-42", replacement: link}],
-        () => [{textToReplace: "arthur@guide.galaxy", replacement: mail}]
+        () => [{ textToReplace: "HOG-42", replacement: link }],
+        () => [{ textToReplace: "arthur@guide.galaxy", replacement: mail }],
       ],
       five
     );
   })
   .add("With unknown signature", () => {
     const changeset = copy(three);
-    changeset.signatures = [{
-      keyId: "0x247E908C6FD35473",
-      type: "gpg",
-      status: "NOT_FOUND"
-    }];
-    return <ChangesetRow repository={repository} changeset={changeset}/>;
+    changeset.signatures = [
+      {
+        keyId: "0x247E908C6FD35473",
+        type: "gpg",
+        status: "NOT_FOUND",
+      },
+    ];
+    return <ChangesetRow repository={repository} changeset={changeset} />;
   })
   .add("With valid signature", () => {
     const changeset = copy(three);
-    changeset.signatures = [{
-      keyId: "0x247E908C6FD35473",
-      type: "gpg",
-      status: "VERIFIED",
-      owner: "trillian",
-      contacts: [{
-        name: "Tricia Marie McMilla",
-        mail: "trillian@hitchhiker.com"
-      }]
-    }];
-    return <ChangesetRow repository={repository} changeset={changeset}/>;
+    changeset.signatures = [
+      {
+        keyId: "0x247E908C6FD35473",
+        type: "gpg",
+        status: "VERIFIED",
+        owner: "trillian",
+        contacts: [
+          {
+            name: "Tricia Marie McMilla",
+            mail: "trillian@hitchhiker.com",
+          },
+        ],
+      },
+    ];
+    return <ChangesetRow repository={repository} changeset={changeset} />;
   })
   .add("With unowned signature", () => {
     const changeset = copy(three);
-    changeset.signatures = [{
-      keyId: "0x247E908C6FD35473",
-      type: "gpg",
-      status: "VERIFIED",
-      contacts: [{
-        name: "Tricia Marie McMilla",
-        mail: "trillian@hitchhiker.com"
-      }]
-    }];
-    return <ChangesetRow repository={repository} changeset={changeset}/>;
+    changeset.signatures = [
+      {
+        keyId: "0x247E908C6FD35473",
+        type: "gpg",
+        status: "VERIFIED",
+        contacts: [
+          {
+            name: "Tricia Marie McMilla",
+            mail: "trillian@hitchhiker.com",
+          },
+        ],
+      },
+    ];
+    return <ChangesetRow repository={repository} changeset={changeset} />;
   })
   .add("With contactless signature", () => {
     const changeset = copy(three);
-    changeset.signatures = [{
-      keyId: "0x247E908C6FD35473",
-      type: "gpg",
-      status: "VERIFIED",
-      owner: "trillian"
-    }];
-    return <ChangesetRow repository={repository} changeset={changeset}/>;
+    changeset.signatures = [
+      {
+        keyId: "0x247E908C6FD35473",
+        type: "gpg",
+        status: "VERIFIED",
+        owner: "trillian",
+      },
+    ];
+    return <ChangesetRow repository={repository} changeset={changeset} />;
   })
   .add("With invalid signature", () => {
     const changeset = copy(three);
-    changeset.signatures = [{
-      keyId: "0x247E908C6FD35473",
-      type: "gpg",
-      status: "INVALID",
-      owner: "trillian",
-      contacts: [{
-        name: "Tricia Marie McMilla",
-        mail: "trillian@hitchhiker.com"
-      }]
-    }];
-    return <ChangesetRow repository={repository} changeset={changeset}/>;
+    changeset.signatures = [
+      {
+        keyId: "0x247E908C6FD35473",
+        type: "gpg",
+        status: "INVALID",
+        owner: "trillian",
+        contacts: [
+          {
+            name: "Tricia Marie McMilla",
+            mail: "trillian@hitchhiker.com",
+          },
+        ],
+      },
+    ];
+    return <ChangesetRow repository={repository} changeset={changeset} />;
   })
   .add("With multiple signatures and invalid status", () => {
     const changeset = copy(three);
-    changeset.signatures = [{
-      keyId: "0x912389FJIQW8W223",
-      type: "gpg",
-      status: "INVALID",
-      owner: "trillian",
-      contacts: [{
-        name: "Tricia Marie McMilla",
-        mail: "trillian@hitchhiker.com"
-      }]
-    }, {
-      keyId: "0x247E908C6FD35473",
-      type: "gpg",
-      status: "VERIFIED",
-      owner: "trillian",
-      contacts: [{
-        name: "Tricia Marie McMilla",
-        mail: "trillian@hitchhiker.com"
-      }]
-    }, {
-      keyId: "0x9123891239VFIA33",
-      type: "gpg",
-      status: "NOT_FOUND",
-      owner: "trillian",
-      contacts: [{
-        name: "Tricia Marie McMilla",
-        mail: "trillian@hitchhiker.com"
-      }]
-    }];
-    return <ChangesetRow repository={repository} changeset={changeset}/>;
+    changeset.signatures = [
+      {
+        keyId: "0x912389FJIQW8W223",
+        type: "gpg",
+        status: "INVALID",
+        owner: "trillian",
+        contacts: [
+          {
+            name: "Tricia Marie McMilla",
+            mail: "trillian@hitchhiker.com",
+          },
+        ],
+      },
+      {
+        keyId: "0x247E908C6FD35473",
+        type: "gpg",
+        status: "VERIFIED",
+        owner: "trillian",
+        contacts: [
+          {
+            name: "Tricia Marie McMilla",
+            mail: "trillian@hitchhiker.com",
+          },
+        ],
+      },
+      {
+        keyId: "0x9123891239VFIA33",
+        type: "gpg",
+        status: "NOT_FOUND",
+        owner: "trillian",
+        contacts: [
+          {
+            name: "Tricia Marie McMilla",
+            mail: "trillian@hitchhiker.com",
+          },
+        ],
+      },
+    ];
+    return <ChangesetRow repository={repository} changeset={changeset} />;
   })
   .add("With multiple signatures and valid status", () => {
     const changeset = copy(three);
-    changeset.signatures = [{
-      keyId: "0x912389FJIQW8W223",
-      type: "gpg",
-      status: "NOT_FOUND",
-      owner: "trillian",
-      contacts: [{
-        name: "Tricia Marie McMilla",
-        mail: "trillian@hitchhiker.com"
-      }]
-    }, {
-      keyId: "0x247E908C6FD35473",
-      type: "gpg",
-      status: "VERIFIED",
-      owner: "trillian",
-      contacts: [{
-        name: "Tricia Marie McMilla",
-        mail: "trillian@hitchhiker.com"
-      }]
-    }, {
-      keyId: "0x9123891239VFIA33",
-      type: "gpg",
-      status: "NOT_FOUND",
-      owner: "trillian",
-      contacts: [{
-        name: "Tricia Marie McMilla",
-        mail: "trillian@hitchhiker.com"
-      }]
-    }];
-    return <ChangesetRow repository={repository} changeset={changeset}/>;
+    changeset.signatures = [
+      {
+        keyId: "0x912389FJIQW8W223",
+        type: "gpg",
+        status: "NOT_FOUND",
+        owner: "trillian",
+        contacts: [
+          {
+            name: "Tricia Marie McMilla",
+            mail: "trillian@hitchhiker.com",
+          },
+        ],
+      },
+      {
+        keyId: "0x247E908C6FD35473",
+        type: "gpg",
+        status: "VERIFIED",
+        owner: "trillian",
+        contacts: [
+          {
+            name: "Tricia Marie McMilla",
+            mail: "trillian@hitchhiker.com",
+          },
+        ],
+      },
+      {
+        keyId: "0x9123891239VFIA33",
+        type: "gpg",
+        status: "NOT_FOUND",
+        owner: "trillian",
+        contacts: [
+          {
+            name: "Tricia Marie McMilla",
+            mail: "trillian@hitchhiker.com",
+          },
+        ],
+      },
+    ];
+    return <ChangesetRow repository={repository} changeset={changeset} />;
   })
   .add("With multiple signatures and not found status", () => {
     const changeset = copy(three);
-    changeset.signatures = [{
-      keyId: "0x912389FJIQW8W223",
-      type: "gpg",
-      status: "NOT_FOUND",
-      owner: "trillian",
-      contacts: [{
-        name: "Tricia Marie McMilla",
-        mail: "trillian@hitchhiker.com"
-      }]
-    }, {
-      keyId: "0x9123891239VFIA33",
-      type: "gpg",
-      status: "NOT_FOUND",
-      owner: "trillian",
-      contacts: [{
-        name: "Tricia Marie McMilla",
-        mail: "trillian@hitchhiker.com"
-      }]
-    }];
-    return <ChangesetRow repository={repository} changeset={changeset}/>;
+    changeset.signatures = [
+      {
+        keyId: "0x912389FJIQW8W223",
+        type: "gpg",
+        status: "NOT_FOUND",
+        owner: "trillian",
+        contacts: [
+          {
+            name: "Tricia Marie McMilla",
+            mail: "trillian@hitchhiker.com",
+          },
+        ],
+      },
+      {
+        keyId: "0x9123891239VFIA33",
+        type: "gpg",
+        status: "NOT_FOUND",
+        owner: "trillian",
+        contacts: [
+          {
+            name: "Tricia Marie McMilla",
+            mail: "trillian@hitchhiker.com",
+          },
+        ],
+      },
+    ];
+    return <ChangesetRow repository={repository} changeset={changeset} />;
   });

package/src/repos/changesets/SignatureIcon.tsx

@@ -58,11 +58,11 @@ const SignatureIcon: FC<Props> = ({ signatures, className }) => {
   }
 
   const getColor = (signaturesToVerify: Signature[]) => {
-    const invalid = signaturesToVerify.some(sig => sig.status === "INVALID");
+    const invalid = signaturesToVerify.some((sig) => sig.status === "INVALID");
     if (invalid) {
       return "danger";
     }
-    const verified = signaturesToVerify.some(sig => sig.status === "VERIFIED");
+    const verified = signaturesToVerify.some((sig) => sig.status === "VERIFIED");
     if (verified) {
       return "success";
     }
@@ -109,7 +109,7 @@ const SignatureIcon: FC<Props> = ({ signatures, className }) => {
           <>
             <div>{t("changeset.keyContacts")}:</div>
             {signature.contacts &&
-              signature.contacts.map(contact => (
+              signature.contacts.map((contact) => (
                 <div>
                   - {contact.name}
                   {contact.mail && ` <${contact.mail}>`}
@@ -121,7 +121,7 @@ const SignatureIcon: FC<Props> = ({ signatures, className }) => {
     );
   };
 
-  const signatureElements = signatures.map(signature => createSignatureBlock(signature));
+  const signatureElements = signatures.map((signature) => createSignatureBlock(signature));
 
   return (
     <>

package/src/repos/changesets/changesets.ts

@@ -53,6 +53,6 @@ export function parseDescription(description?: string): Description {
 
   return {
     title,
-    message
+    message,
   };
 }

package/src/repos/diffs.test.ts

@@ -33,7 +33,7 @@ describe("tests for diff util functions", () => {
       oldPath,
       newPath,
       newEndingNewLine: true,
-      oldEndingNewLine: true
+      oldEndingNewLine: true,
     };
   };
 
@@ -52,7 +52,7 @@ describe("tests for diff util functions", () => {
   const createHunk = (content: string): Hunk => {
     return {
       content,
-      changes: []
+      changes: [],
     };
   };
 
@@ -83,7 +83,7 @@ describe("tests for diff util functions", () => {
     it("should create identifier", () => {
       const identifier = createHunkIdentifierFromContext({
         file: rm("/etc/passwd"),
-        hunk: createHunk("@@ -1,42 +1,39 @@")
+        hunk: createHunk("@@ -1,42 +1,39 @@"),
       });
       expect(identifier).toBe("delete_/etc/passwd_@@ -1,42 +1,39 @@");
     });

package/src/repos/refractorAdapter.ts

@@ -46,7 +46,7 @@ const createAdapter = (theme: { [key: string]: string }): RefractorAdapter => {
       import(
         /* webpackChunkName: "tokenizer-refractor-[request]" */
         `refractor/lang/${lang}`
-      ).then(loadedLanguage => {
+      ).then((loadedLanguage) => {
         refractor.register(loadedLanguage.default);
         callback();
       });
@@ -58,7 +58,7 @@ const createAdapter = (theme: { [key: string]: string }): RefractorAdapter => {
   const runHook = (name: string, env: RunHookEnv) => {
     originalRunHook.apply(name, env);
     if (env.classes) {
-      env.classes = env.classes.map(className => theme[className] || className);
+      env.classes = env.classes.map((className) => theme[className] || className);
     }
   };
   // @ts-ignore hooks are not in the type definition
@@ -67,7 +67,7 @@ const createAdapter = (theme: { [key: string]: string }): RefractorAdapter => {
   return {
     isLanguageRegistered,
     loadLanguage,
-    ...refractor
+    ...refractor,
   };
 };
 

package/src/repositories.test.ts

@@ -35,10 +35,10 @@ describe("getProtocolLinkByType tests", () => {
         protocol: [
           {
             name: "http",
-            href: "http://scm.scm-manager.org/repo/scm/core"
-          }
-        ]
-      }
+            href: "http://scm.scm-manager.org/repo/scm/core",
+          },
+        ],
+      },
     };
 
     const link = getProtocolLinkByType(repository, "http");
@@ -54,14 +54,14 @@ describe("getProtocolLinkByType tests", () => {
         protocol: [
           {
             name: "http",
-            href: "http://scm.scm-manager.org/repo/scm/core"
+            href: "http://scm.scm-manager.org/repo/scm/core",
           },
           {
             name: "ssh",
-            href: "git@scm.scm-manager.org:scm/core"
-          }
-        ]
-      }
+            href: "git@scm.scm-manager.org:scm/core",
+          },
+        ],
+      },
     };
 
     const link = getProtocolLinkByType(repository, "http");
@@ -76,9 +76,9 @@ describe("getProtocolLinkByType tests", () => {
       _links: {
         protocol: {
           name: "http",
-          href: "http://scm.scm-manager.org/repo/scm/core"
-        }
-      }
+          href: "http://scm.scm-manager.org/repo/scm/core",
+        },
+      },
     };
 
     const link = getProtocolLinkByType(repository, "http");
@@ -94,14 +94,14 @@ describe("getProtocolLinkByType tests", () => {
         protocol: [
           {
             name: "http",
-            href: "http://scm.scm-manager.org/repo/scm/core"
+            href: "http://scm.scm-manager.org/repo/scm/core",
           },
           {
             name: "ssh",
-            href: "git@scm.scm-manager.org:scm/core"
-          }
-        ]
-      }
+            href: "git@scm.scm-manager.org:scm/core",
+          },
+        ],
+      },
     };
 
     const link = getProtocolLinkByType(repository, "awesome");
@@ -113,7 +113,7 @@ describe("getProtocolLinkByType tests", () => {
       namespace: "scm",
       name: "core",
       type: "git",
-      _links: {}
+      _links: {},
     };
 
     const link = getProtocolLinkByType(repository, "http");

package/src/storyshots.test.ts

@@ -30,7 +30,7 @@ const createNodeMock = (element: any) => {
   if (element.type === "tr") {
     return {
       // eslint-disable-next-line @typescript-eslint/no-empty-function
-      querySelector: (selector: string) => {}
+      querySelector: (selector: string) => {},
     };
   }
 };
@@ -41,6 +41,6 @@ initStoryshots({
   // @see https://github.com/storybookjs/storybook/pull/1090
   test: snapshotWithOptions({
     // @ts-ignore types seems not to match
-    createNodeMock
-  })
+    createNodeMock,
+  }),
 });