From 816e51de0bb3f54e795fae3dbc8166c25fc00c71 Mon Sep 17 00:00:00 2001
From: Martin Lehmann <martin.lehmann@deutschebahn.com>
Date: Tue, 5 Nov 2024 11:59:04 +0100
Subject: [PATCH] ci: Update pre-commit hooks

---
 .pre-commit-config.yaml                     | 16 ++++++++--------
 frontend/src/components/DiffView.jsx        | 13 +++++++------
 frontend/src/components/TemplateDetails.jsx |  9 ++++-----
 frontend/src/views/ModelComparisonView.jsx  | 14 +++++++-------
 4 files changed, 26 insertions(+), 26 deletions(-)

diff --git a/.pre-commit-config.yaml b/.pre-commit-config.yaml
index ddfaa50..363baf6 100644
--- a/.pre-commit-config.yaml
+++ b/.pre-commit-config.yaml
@@ -2,15 +2,15 @@
 # SPDX-License-Identifier: CC0-1.0
 
 default_install_hook_types: [commit-msg, pre-commit]
-default_stages: [commit, merge-commit]
+default_stages: [pre-commit, pre-merge-commit]
 minimum_pre_commit_version: 3.2.0
 repos:
   - repo: https://github.com/gitleaks/gitleaks.git
-    rev: v8.19.3
+    rev: v8.21.2
     hooks:
       - id: gitleaks
   - repo: https://github.com/pre-commit/pre-commit-hooks
-    rev: v4.6.0
+    rev: v5.0.0
     hooks:
       - id: check-added-large-files
       - id: check-ast
@@ -88,23 +88,23 @@ repos:
     hooks:
       - id: isort
   - repo: https://github.com/PyCQA/docformatter
-    rev: v1.7.5
+    rev: eb1df347edd128b30cd3368dddc3aa65edcfac38
     hooks:
       - id: docformatter
         additional_dependencies:
           - docformatter[tomli]
   - repo: https://github.com/astral-sh/ruff-pre-commit
-    rev: v0.6.8
+    rev: v0.7.2
     hooks:
       - id: ruff-format
       - id: ruff
         args: [--extend-ignore=FIX]
   - repo: https://github.com/rhysd/actionlint
-    rev: v1.7.3
+    rev: v1.7.4
     hooks:
       - id: actionlint-docker
   - repo: https://github.com/pre-commit/mirrors-mypy
-    rev: v1.11.2
+    rev: v1.13.0
     hooks:
       - id: mypy
         additional_dependencies:
@@ -133,7 +133,7 @@ repos:
           - 'prettier-plugin-merge@^0.7.1'
           - 'tailwind-scrollbar@^3.1.0'
   - repo: https://github.com/pre-commit/mirrors-eslint
-    rev: v9.10.0
+    rev: v9.14.0
     hooks:
       - id: eslint
         additional_dependencies:
diff --git a/frontend/src/components/DiffView.jsx b/frontend/src/components/DiffView.jsx
index b6b6f77..32a7837 100644
--- a/frontend/src/components/DiffView.jsx
+++ b/frontend/src/components/DiffView.jsx
@@ -94,13 +94,14 @@ export const DiffView = ({ objectID, endpoint }) => {
         <Spinner />
       ) : (
         <div
-          className="html-content scrollbar scrollbar-track-gray-200
-            scrollbar-thumb-gray-400 dark:scrollbar-track-custom-dark-3
-            dark:scrollbar-thumb-slate-600 mb-4 rounded-lg border-4
-            border-transparent bg-gray-100 p-8 text-gray-700 shadow-lg
+          className="html-content mb-4 rounded-lg border-4 border-transparent
+            bg-gray-100 p-8 text-gray-700 shadow-lg scrollbar
+            scrollbar-track-gray-200 scrollbar-thumb-gray-400
             hover:border-gray-300 hover:shadow-md dark:bg-custom-dark-2
-            dark:text-gray-100 dark:shadow-dark md:w-[210mm] print:m-0
-            print:bg-transparent print:p-0 print:shadow-none">
+            dark:text-gray-100 dark:shadow-dark
+            dark:scrollbar-track-custom-dark-3 dark:scrollbar-thumb-slate-600
+            md:w-[210mm] print:m-0 print:bg-transparent print:p-0
+            print:shadow-none">
           {details.map((item, idx) => {
             if (item.type === 'SVGDisplay') {
               return <SVGDisplay key={idx} content={item.content} />;
diff --git a/frontend/src/components/TemplateDetails.jsx b/frontend/src/components/TemplateDetails.jsx
index 002bc05..edc160e 100644
--- a/frontend/src/components/TemplateDetails.jsx
+++ b/frontend/src/components/TemplateDetails.jsx
@@ -80,11 +80,10 @@ export const TemplateDetails = ({ endpoint, onSingleInstance }) => {
             <></>
           )}
           <div
-            className="scrollbar scrollbar-track-gray-200
-              scrollbar-thumb-gray-400 dark:scrollbar-track-custom-dark-3
-              dark:scrollbar-thumb-slate-600 flex flex-wrap items-center
-              justify-center overflow-auto border-2 border-transparent
-              text-left">
+            className="flex flex-wrap items-center justify-center overflow-auto
+              border-2 border-transparent text-left scrollbar
+              scrollbar-track-gray-200 scrollbar-thumb-gray-400
+              dark:scrollbar-track-custom-dark-3 dark:scrollbar-thumb-slate-600">
             {details.instanceList &&
             details.single === false &&
             details.instanceList.length === 0 ? (
diff --git a/frontend/src/views/ModelComparisonView.jsx b/frontend/src/views/ModelComparisonView.jsx
index c666b19..d8472e8 100644
--- a/frontend/src/views/ModelComparisonView.jsx
+++ b/frontend/src/views/ModelComparisonView.jsx
@@ -64,13 +64,13 @@ export const ModelComparisonView = ({ endpoint }) => {
       )}
       <div className="flex min-h-screen pt-28">
         <div
-          className={`scrollbar scrollbar-track-gray-200
-            scrollbar-thumb-gray-400 dark:scrollbar-track-custom-dark-3
-            dark:scrollbar-thumb-slate-600 fixed left-0 h-[calc(100vh-8rem)]
-            w-96 flex-none overflow-auto overflow-y-scroll rounded-md
-            border-b-4 border-t-4 border-gray-300 bg-gray-100 p-4 shadow-lg
-            dark:border-custom-dark-3 dark:bg-custom-dark-2 dark:shadow-dark ${
-            isSidebarVisible ? 'translate-x-0' : '-translate-x-full' }`}
+          className={`fixed left-0 h-[calc(100vh-8rem)] w-96 flex-none
+            overflow-auto overflow-y-scroll rounded-md border-b-4 border-t-4
+            border-gray-300 bg-gray-100 p-4 shadow-lg scrollbar
+            scrollbar-track-gray-200 scrollbar-thumb-gray-400
+            dark:border-custom-dark-3 dark:bg-custom-dark-2 dark:shadow-dark
+            dark:scrollbar-track-custom-dark-3 dark:scrollbar-thumb-slate-600
+            ${isSidebarVisible ? 'translate-x-0' : '-translate-x-full'}`}
           style={{ minWidth: '25%' }}>
           <div className="mb-4">
             <input