From 8f916ff3f8d2452d7d081c360f8b8f3ce1e358a2 Mon Sep 17 00:00:00 2001
From: Edward Silverton <e.silverton@gmail.com>
Date: Tue, 20 Jun 2023 14:47:34 +0100
Subject: [PATCH] update thumbnail-panel

---
 package-lock.json                             | 14 ++---
 package.json                                  |  2 +-
 .../ThumbsViewCommons.css                     | 56 -------------------
 .../ThumbsViewCommons.tsx                     |  2 +-
 4 files changed, 9 insertions(+), 65 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 2e01ee8e1..9ee598e16 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -20,7 +20,7 @@
         "@iiif/iiif-tree-component": "^2.0.3",
         "@iiif/manifold": "2.0.31",
         "@iiif/presentation-3": "^1.0.5",
-        "@iiif/thumbnail-panel": "0.0.10",
+        "@iiif/thumbnail-panel": "0.0.13",
         "@iiif/vault-helpers": "0.10.0",
         "@iiif/vocabulary": "^1.0.23",
         "@openseadragon-imaging/openseadragon-viewerinputhook": "^2.2.1",
@@ -527,9 +527,9 @@
       }
     },
     "node_modules/@iiif/thumbnail-panel": {
-      "version": "0.0.10",
-      "resolved": "https://registry.npmjs.org/@iiif/thumbnail-panel/-/thumbnail-panel-0.0.10.tgz",
-      "integrity": "sha512-nw9JXen4MauY8kfboUqyHuTQyJgwRpowUnUvy2zjV2ObLNfO2Mc5FARrYbEouSRAfiVKn8OG47qLO6yxCg7mfw==",
+      "version": "0.0.13",
+      "resolved": "https://registry.npmjs.org/@iiif/thumbnail-panel/-/thumbnail-panel-0.0.13.tgz",
+      "integrity": "sha512-yr2TgGDDq27Wq63ySt7b2QMS/ClKgKk+oVdlsaiamrb0d2RH2Zup578O8uxw9MOAsmcGK8fawj8jKYLj6VeN4Q==",
       "dependencies": {
         "@atlas-viewer/iiif-image-api": "^2.1.1",
         "@iiif/vault-helpers": "https://pkg.csb.dev/IIIF-Commons/vault-helpers/commit/8cc61732/@iiif/vault-helpers",
@@ -18875,9 +18875,9 @@
       }
     },
     "@iiif/thumbnail-panel": {
-      "version": "0.0.10",
-      "resolved": "https://registry.npmjs.org/@iiif/thumbnail-panel/-/thumbnail-panel-0.0.10.tgz",
-      "integrity": "sha512-nw9JXen4MauY8kfboUqyHuTQyJgwRpowUnUvy2zjV2ObLNfO2Mc5FARrYbEouSRAfiVKn8OG47qLO6yxCg7mfw==",
+      "version": "0.0.13",
+      "resolved": "https://registry.npmjs.org/@iiif/thumbnail-panel/-/thumbnail-panel-0.0.13.tgz",
+      "integrity": "sha512-yr2TgGDDq27Wq63ySt7b2QMS/ClKgKk+oVdlsaiamrb0d2RH2Zup578O8uxw9MOAsmcGK8fawj8jKYLj6VeN4Q==",
       "requires": {
         "@atlas-viewer/iiif-image-api": "^2.1.1",
         "@iiif/vault-helpers": "https://pkg.csb.dev/IIIF-Commons/vault-helpers/commit/8cc61732/@iiif/vault-helpers",
diff --git a/package.json b/package.json
index 706e997a9..1c19badf8 100644
--- a/package.json
+++ b/package.json
@@ -94,7 +94,7 @@
     "@iiif/manifold": "2.0.31",
     "@iiif/presentation-3": "^1.0.5",
     "@iiif/vocabulary": "^1.0.23",
-    "@iiif/thumbnail-panel": "0.0.10",
+    "@iiif/thumbnail-panel": "0.0.13",
     "@iiif/vault-helpers": "0.10.0",
     "@openseadragon-imaging/openseadragon-viewerinputhook": "^2.2.1",
     "@universalviewer/aleph": "0.0.15",
diff --git a/src/content-handlers/iiif/modules/uv-contentleftpanel-module/ThumbsViewCommons.css b/src/content-handlers/iiif/modules/uv-contentleftpanel-module/ThumbsViewCommons.css
index 709e6e6c0..54ac8419a 100644
--- a/src/content-handlers/iiif/modules/uv-contentleftpanel-module/ThumbsViewCommons.css
+++ b/src/content-handlers/iiif/modules/uv-contentleftpanel-module/ThumbsViewCommons.css
@@ -1,59 +1,3 @@
-/* @import "@iiif/thumbnail-panel/dist/style.css"; */
-
-[thumbnail-panel] {
-  display: flex;
-  flex-direction: column;
-}
-
-[thumbnail-panel][data-orientation="horizontal"] {
-  flex-direction: row;
-}
-
-[thumbnail-group] {
-  display: flex;
-}
-
-[thumbnail-group][data-selected="true"] {
-  /* background: blue; */
-}
-
-[thumbnail-item] {
-  display: flex;
-  margin: 0 0.5rem 0.5rem 0;
-  /* border: 2px solid transparent; */
-}
-
-[thumbnail-item] button {
-  margin: 0;
-  padding: 0;
-  background: transparent;
-  border: none;
-  cursor: pointer;
-}
-
-[thumbnail-item] button > figure {
-  margin: 0;
-}
-
-[thumbnail-item] button > figure > div > img {
-  width: 100%;
-  height: 100%;
-  object-position: 50% 50%;
-  object-fit: contain;
-}
-
-[thumbnail-item] button > figure > figcaption {
-  /* text-align: left; */
-  /* padding: 0.25rem 0 0.25rem 0.25rem;
-  font-size: 0.75rem; */
-}
-
-[thumbnail-item][data-selected="true"] {
-  outline: 1px solid black;
-}
-
-/* overrides */
-
 .uv .thumbsView {
   padding-left: 2px;
 }
diff --git a/src/content-handlers/iiif/modules/uv-contentleftpanel-module/ThumbsViewCommons.tsx b/src/content-handlers/iiif/modules/uv-contentleftpanel-module/ThumbsViewCommons.tsx
index 7211c4fcd..0c4ae5810 100644
--- a/src/content-handlers/iiif/modules/uv-contentleftpanel-module/ThumbsViewCommons.tsx
+++ b/src/content-handlers/iiif/modules/uv-contentleftpanel-module/ThumbsViewCommons.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { Thumb } from "manifesto.js";
 import { ViewingDirection } from "@iiif/vocabulary";
-// import "@iiif/thumbnail-panel/dist/style.css";
+import "@iiif/thumbnail-panel/dist/style.css";
 import "./ThumbsViewCommons.css";
 import {
   ThumbnailPanel,