@scm-manager/ui-components 2.27.3-20211117-144126 → 2.27.4

package/src/repos/TokenizedDiffView.tsx

@@ -26,46 +26,35 @@ import styled from "styled-components";
 // @ts-ignore we have no typings for react-diff-view
 import { Diff, useTokenizeWorker } from "react-diff-view";
 import { FileDiff } from "@scm-manager/ui-types";
+import { determineLanguage } from "../languages";
 
 // @ts-ignore no types for css modules
 import theme from "../syntax-highlighting.module.css";
-import { determineLanguage } from "../languages";
 
 const DiffView = styled(Diff)`
   /* align line numbers */
-
   & .diff-gutter {
     text-align: right;
   }
-
   /* column sizing */
-
   > colgroup .diff-gutter-col {
     width: 3.25rem;
   }
-
   /* prevent following content from moving down */
-
   > .diff-gutter:empty:hover::after {
     font-size: 0.7rem;
   }
-
   /* smaller font size for code and
   ensure same monospace font throughout whole scmm */
-
   & .diff-line {
     font-size: 0.75rem;
     font-family: "Courier New", Monaco, Menlo, "Ubuntu Mono", "source-code-pro", monospace;
   }
-
   /* comment padding for sidebyside view */
-
   &.split .diff-widget-content .is-indented-line {
     padding-left: 3.25rem;
   }
-
   /* comment padding for combined view */
-
   &.unified .diff-widget-content .is-indented-line {
     padding-left: 6.5rem;
   }
@@ -82,17 +71,10 @@ type Props = {
   className?: string;
 };
 
-const findSyntaxHighlightingLanguage = (file: FileDiff) => {
-  if (file.syntaxModes) {
-    return file.syntaxModes["prism"] || file.syntaxModes["codemirror"] || file.syntaxModes["ace"] || file.language;
-  }
-  return file.language;
-};
-
 const TokenizedDiffView: FC<Props> = ({ file, viewType, className, children }) => {
   const { tokens } = useTokenizeWorker(tokenize, {
     hunks: file.hunks,
-    language: determineLanguage(findSyntaxHighlightingLanguage(file))
+    language: determineLanguage(file.language),
   });
 
   return (

package/src/repos/annotate/Annotate.stories.tsx

@@ -67,7 +67,7 @@ const commitImplementMain = {
 };
 
 const source: AnnotatedSource = {
-  language: "go",
+  language: "golang",
   lines: [
     {
       lineNumber: 1,

package/src/repos/annotate/AnnotateLine.tsx

@@ -58,7 +58,6 @@ const LineNumber = styled(LineElement)`
   text-overflow: ellipsis;
   white-space: nowrap;
 
-  // TODO: ERSETZEN?
   border-left: 1px solid lightgrey;
   border-right: 1px solid lightgrey;
 

package/src/repos/index.ts

@@ -30,7 +30,6 @@ import {
   AnnotationFactoryContext,
   DiffEventHandler,
   DiffEventContext,
-  DiffObjectProps
 } from "./DiffTypes";
 
 import { FileDiff as File, FileChangeType, Hunk, Change, ChangeType } from "@scm-manager/ui-types";
@@ -65,5 +64,4 @@ export {
   AnnotationFactoryContext,
   DiffEventHandler,
   DiffEventContext,
-  DiffObjectProps
 };

package/src/repos/refractorAdapter.ts

@@ -46,15 +46,10 @@ const createAdapter = (theme: { [key: string]: string }): RefractorAdapter => {
       import(
         /* webpackChunkName: "tokenizer-refractor-[request]" */
         `refractor/lang/${lang}`
-      )
-        .then(loadedLanguage => {
-          refractor.register(loadedLanguage.default);
-          callback();
-        })
-        .catch(e => {
-          // eslint-disable-next-line no-console
-          console.log(`failed to load refractor language ${lang}: ${e}`);
-        });
+      ).then((loadedLanguage) => {
+        refractor.register(loadedLanguage.default);
+        callback();
+      });
     }
   };
 
@@ -63,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
@@ -72,7 +67,7 @@ const createAdapter = (theme: { [key: string]: string }): RefractorAdapter => {
   return {
     isLanguageRegistered,
     loadLanguage,
-    ...refractor
+    ...refractor,
   };
 };
 

package/src/search/HighlightedFragment.tsx

@@ -24,9 +24,6 @@
 
 import React, { FC } from "react";
 
-const PRE_TAG = "<|[[--";
-const POST_TAG = "--]]|>";
-
 type Props = {
   value: string;
 };
@@ -36,14 +33,14 @@ const HighlightedFragment: FC<Props> = ({ value }) => {
 
   const result = [];
   while (content.length > 0) {
-    const start = content.indexOf(PRE_TAG);
-    const end = content.indexOf(POST_TAG);
+    const start = content.indexOf("<>");
+    const end = content.indexOf("</>");
     if (start >= 0 && end > 0) {
       if (start > 0) {
         result.push(content.substring(0, start));
       }
-      result.push(<mark>{content.substring(start + PRE_TAG.length, end)}</mark>);
-      content = content.substring(end + POST_TAG.length);
+      result.push(<strong>{content.substring(start + 2, end)}</strong>);
+      content = content.substring(end + 3);
     } else {
       result.push(content);
       break;

package/src/search/TextHitField.tsx

@@ -26,51 +26,35 @@ import React, { FC } from "react";
 import { HighlightedHitField, Hit } from "@scm-manager/ui-types";
 import HighlightedFragment from "./HighlightedFragment";
 import { isHighlightedHitField } from "./fields";
-import SyntaxHighlightedFragment from "./SyntaxHighlightedFragment";
-
-type HighlightedTextFieldProps = {
-  field: HighlightedHitField;
-  syntaxHighlightingLanguage?: string;
-};
-
-const HighlightedTextField: FC<HighlightedTextFieldProps> = ({ field, syntaxHighlightingLanguage }) => {
-  const separator = syntaxHighlightingLanguage ? "...\n" : " ... ";
-  return (
-    <>
-      {field.fragments.map((fragment, i) => (
-        <React.Fragment key={fragment}>
-          {field.matchesContentStart ? null : separator}
-          {syntaxHighlightingLanguage ? (
-            <SyntaxHighlightedFragment value={fragment} language={syntaxHighlightingLanguage} />
-          ) : (
-            <HighlightedFragment value={fragment} />
-          )}
-          {i + 1 >= field.fragments.length && !field.matchesContentEnd ? separator : null}
-        </React.Fragment>
-      ))}
-    </>
-  );
-};
 
 type Props = {
   hit: Hit;
   field: string;
   truncateValueAt?: number;
-  syntaxHighlightingLanguage?: string;
 };
 
-const TextHitField: FC<Props> = ({
-  hit,
-  field: fieldName,
-  children,
-  syntaxHighlightingLanguage,
-  truncateValueAt = 0
-}) => {
+type HighlightedTextFieldProps = {
+  field: HighlightedHitField;
+};
+
+const HighlightedTextField: FC<HighlightedTextFieldProps> = ({ field }) => (
+  <>
+    {field.fragments.map((fr, i) => (
+      <React.Fragment key={fr}>
+        {" ... "}
+        <HighlightedFragment value={fr} />
+        {i + 1 >= field.fragments.length ? " ... " : null}
+      </React.Fragment>
+    ))}
+  </>
+);
+
+const TextHitField: FC<Props> = ({ hit, field: fieldName, children, truncateValueAt = 0 }) => {
   const field = hit.fields[fieldName];
   if (!field) {
     return <>{children}</>;
   } else if (isHighlightedHitField(field)) {
-    return <HighlightedTextField field={field} syntaxHighlightingLanguage={syntaxHighlightingLanguage} />;
+    return <HighlightedTextField field={field} />;
   } else {
     let value = field.value;
     if (value === "") {

package/src/styleConstants.ts

@@ -22,7 +22,6 @@
  * SOFTWARE.
  */
 
-// TODO erweitern
 export const colors = [
   "black",
   "dark",
@@ -33,7 +32,7 @@ export const colors = [
   "info",
   "success",
   "warning",
-  "danger"
+  "danger",
 ] as const;
 export type Color = typeof colors[number];
 

package/src/syntax-highlighting.module.css

@@ -1,4 +1,4 @@
-/*
+/**
  * MIT License
  *
  * Copyright (c) 2020-present Cloudogu GmbH and Contributors

package/src/SmallLoadingSpinner.stories.tsx

@@ -1,32 +0,0 @@
-/*
- * MIT License
- *
- * Copyright (c) 2020-present Cloudogu GmbH and Contributors
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-import { storiesOf } from "@storybook/react";
-import React from "react";
-import SmallLoadingSpinner from "./SmallLoadingSpinner";
-
-storiesOf("SmallLoading", module).add("Default", () => (
-  <div>
-    <SmallLoadingSpinner />
-  </div>
-));

package/src/SmallLoadingSpinner.tsx

@@ -1,34 +0,0 @@
-/*
- * MIT License
- *
- * Copyright (c) 2020-present Cloudogu GmbH and Contributors
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-import React, { FC } from "react";
-
-const SmallLoadingSpinner: FC = () => {
-  return (
-    <div className="loader-wrapper">
-      <div className="loader is-loading" />
-    </div>
-  );
-};
-
-export default SmallLoadingSpinner;

package/src/__resources__/ContentSearchHit.ts

@@ -1,73 +0,0 @@
-/*
- * MIT License
- *
- * Copyright (c) 2020-present Cloudogu GmbH and Contributors
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-import { Hit } from "@scm-manager/ui-types";
-
-export const javaHit: Hit = {
-  score: 2.5,
-  fields: {
-    content: {
-      highlighted: true,
-      fragments: [
-        "import org.slf4j.LoggerFactory;\n\nimport java.util.Date;\nimport java.util.HashMap;\nimport java.util.Map;\nimport java.util.concurrent.TimeUnit;\n\n/**\n * Jwt implementation of {@link <|[[--AccessTokenBuilder--]]|>}.\n * \n * @author Sebastian Sdorra\n * @since 2.0.0\n */\npublic final class <|[[--JwtAccessTokenBuilder--]]|> implements <|[[--AccessTokenBuilder--]]|> {\n\n  /**\n   * the logger for <|[[--JwtAccessTokenBuilder--]]|>\n   */\n  private static final Logger LOG = LoggerFactory.getLogger(<|[[--JwtAccessTokenBuilder.class--]]|>);\n  \n  private final KeyGenerator keyGenerator; \n  private final SecureKeyResolver keyResolver; \n  \n  private String subject;\n  private String issuer;\n",
-        "  private final Map<String,Object> custom = Maps.newHashMap();\n  \n  <|[[--JwtAccessTokenBuilder--]]|>(KeyGenerator keyGenerator, SecureKeyResolver keyResolver)  {\n    this.keyGenerator = keyGenerator;\n    this.keyResolver = keyResolver;\n  }\n\n  @Override\n  public <|[[--JwtAccessTokenBuilder--]]|> subject(String subject) {\n",
-        '  public <|[[--JwtAccessTokenBuilder--]]|> custom(String key, Object value) {\n    Preconditions.checkArgument(!Strings.isNullOrEmpty(key), "null or empty value not allowed");\n    Preconditions.checkArgument(value != null, "null or empty value not allowed");\n'
-      ],
-      matchesContentStart: false,
-      matchesContentEnd: false
-    }
-  },
-  _links: {}
-};
-
-export const bashHit: Hit = {
-  score: 2.5,
-  fields: {
-    content: {
-      highlighted: true,
-      fragments: [
-        '# LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n# OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n# SOFTWARE.\n#\n\n<|[[--getent--]]|> group scm >/dev/null || groupadd -r scm\n<|[[--getent--]]|> passwd scm >/dev/null || \\\n    useradd -r -g scm -M \\\n    -s /sbin/nologin -d /var/lib/scm \\\n    -c "user for the scm-server process" scm\nexit 0\n\n'
-      ],
-      matchesContentStart: false,
-      matchesContentEnd: true
-    }
-  },
-  _links: {}
-};
-
-export const markdownHit: Hit = {
-  score: 2.5,
-  fields: {
-    content: {
-      highlighted: true,
-      fragments: [
-        "---\ntitle: SCM-Manager v2 Test <|[[--Cases--]]|>\n---\n\nDescribes the expected behaviour for SCMM v2 REST Resources using manual tests.\n\nThe following states general test <|[[--cases--]]|> per HTTP Method and en expected return code as well as exemplary curl calls.\nResource-specifics are stated \n\n## Test <|[[--Cases--]]|>\n\n### GET\n\n- Collection Resource (e.g. `/users`)\n    - Without parameters -> 200\n    - Parameters\n        - `?pageSize=1` -> Only one embedded element, pageTotal reflects the correct number of pages, `last` link points to last page.\n        - `?pageSize=1&page=1` -> `next` link points to page 0 ; `prev` link points to page 2\n        - `?sortBy=admin` -> Sorted by `admin` field of embedded objects\n        - `?sortBy=admin&desc=true` -> Invert sorting\n- Individual Resource (e.g. `/users/scmadmin`)\n    - Exists  -> 200\n",
-        "\n### DELETE\n\n- existing -> 204\n- not existing -> 204\n- without permission -> 401\n\n## Exemplary calls & Resource specific test <|[[--cases--]]|>\n\nIn order to extend those tests to other Resources, have a look at the rest docs. Note that the Content Type is specific to each resource as well.\n"
-      ],
-      matchesContentStart: true,
-      matchesContentEnd: false
-    }
-  },
-  _links: {}
-};

package/src/layout/SubSubtitle.tsx

@@ -1,41 +0,0 @@
-/*
- * MIT License
- *
- * Copyright (c) 2020-present Cloudogu GmbH and Contributors
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-import React from "react";
-import classNames from "classnames";
-
-type Props = {
-  className?: string;
-};
-
-class SubSubtitle extends React.Component<Props> {
-  render() {
-    const { className, children } = this.props;
-    if (children) {
-      return <h3 className={classNames("is-size-5", className)}>{children}</h3>;
-    }
-    return null;
-  }
-}
-
-export default SubSubtitle;

package/src/search/SyntaxHighlightedFragment.tsx

@@ -1,130 +0,0 @@
-/*
- * MIT License
- *
- * Copyright (c) 2020-present Cloudogu GmbH and Contributors
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-import React, { FC, ReactNode, useEffect, useMemo, useState } from "react";
-import createAdapter from "../repos/refractorAdapter";
-// @ts-ignore no types for css modules
-import theme from "../syntax-highlighting.module.css";
-import SplitAndReplace, { Replacement } from "../SplitAndReplace";
-import { AST, RefractorNode } from "refractor";
-import { determineLanguage } from "../languages";
-
-const PRE_TAG = "<|[[--";
-const POST_TAG = "--]]|>";
-const PRE_TAG_REGEX = /<\|\[\[--/g;
-const POST_TAG_REGEX = /--]]\|>/g;
-
-const adapter = createAdapter(theme);
-
-function createReplacement(textToReplace: string): Replacement {
-  return {
-    textToReplace,
-    replacement: <mark>{textToReplace}</mark>,
-    replaceAll: true
-  };
-}
-
-function mapWithDepth(depth: number, replacements: Replacement[]) {
-  return function mapChildrenWithDepth(child: RefractorNode, i: number) {
-    return mapChild(child, i, depth, replacements);
-  };
-}
-
-function isAstElement(node: RefractorNode): node is AST.Element {
-  return (node as AST.Element).tagName !== undefined;
-}
-
-function mapChild(child: RefractorNode, i: number, depth: number, replacements: Replacement[]): ReactNode {
-  if (isAstElement(child)) {
-    const className =
-      child.properties && Array.isArray(child.properties.className)
-        ? child.properties.className.join(" ")
-        : child.properties.className;
-
-    return React.createElement(
-      child.tagName,
-      Object.assign({ key: `fract-${depth}-${i}` }, child.properties, { className }),
-      child.children && child.children.map(mapWithDepth(depth + 1, replacements))
-    );
-  }
-
-  return (
-    <SplitAndReplace key={`fract-${depth}-${i}`} text={child.value} replacements={replacements} textWrapper={s => s} />
-  );
-}
-
-type Props = {
-  value: string;
-  language: string;
-};
-
-const stripAndReplace = (value: string) => {
-  const strippedValue = value.replace(PRE_TAG_REGEX, "").replace(POST_TAG_REGEX, "");
-  let content = value;
-
-  const result: string[] = [];
-  while (content.length > 0) {
-    const start = content.indexOf(PRE_TAG);
-    const end = content.indexOf(POST_TAG);
-    if (start >= 0 && end > 0) {
-      const item = content.substring(start + PRE_TAG.length, end);
-      if (!result.includes(item)) {
-        result.push(item);
-      }
-      content = content.substring(end + POST_TAG.length);
-    } else {
-      break;
-    }
-  }
-
-  result.sort((a, b) => b.length - a.length);
-
-  return {
-    strippedValue,
-    replacements: result.map(createReplacement)
-  };
-};
-
-const SyntaxHighlightedFragment: FC<Props> = ({ value, language }) => {
-  const [isLoading, setIsLoading] = useState(true);
-  const determinedLanguage = determineLanguage(language);
-  const { strippedValue, replacements } = useMemo(() => stripAndReplace(value), [value]);
-
-  useEffect(() => {
-    adapter.loadLanguage(determinedLanguage, () => {
-      setIsLoading(false);
-    });
-  }, [determinedLanguage]);
-
-  if (isLoading) {
-    return <SplitAndReplace text={strippedValue} replacements={replacements} textWrapper={s => s} />;
-  }
-
-  const refractorNodes = adapter.highlight(strippedValue, determinedLanguage);
-  const highlightedFragment = refractorNodes.map(mapWithDepth(0, replacements));
-
-  return <>{highlightedFragment}</>;
-};
-
-export default SyntaxHighlightedFragment;

package/src/search/TextHitField.stories.tsx

@@ -1,54 +0,0 @@
-/*
- * MIT License
- *
- * Copyright (c) 2020-present Cloudogu GmbH and Contributors
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-import React from "react";
-import { storiesOf } from "@storybook/react";
-import { bashHit, javaHit, markdownHit } from "../__resources__/ContentSearchHit";
-import TextHitField from "./TextHitField";
-
-storiesOf("TextHitField", module)
-  .add("Default", () => (
-    <pre>
-      <TextHitField hit={javaHit} field={"content"} />
-    </pre>
-  ))
-  .add("Java SyntaxHighlighting", () => (
-    <pre>
-      <TextHitField hit={javaHit} field={"content"} syntaxHighlightingLanguage="java" />
-    </pre>
-  ))
-  .add("Bash SyntaxHighlighting", () => (
-    <pre>
-      <TextHitField hit={bashHit} field={"content"} syntaxHighlightingLanguage="bash" />
-    </pre>
-  ))
-  .add("Markdown SyntaxHighlighting", () => (
-    <pre>
-      <TextHitField hit={markdownHit} field={"content"} syntaxHighlightingLanguage="markdown" />
-    </pre>
-  ))
-  .add("Unknown SyntaxHighlighting", () => (
-    <pre>
-      <TextHitField hit={bashHit} field={"content"} syntaxHighlightingLanguage="__unknown__" />
-    </pre>
-  ));