dbf-mirador 4.2.5 → 4.3.0-testing2

package/dist/GalleryView-DyLH1kk0.js

@@ -0,0 +1,176 @@
+import { U as e, at as t, dt as n, ft as r, g as i, st as a } from "./getters-B4oepJRC.js";
+import { At as o, I as s, c, mt as l, s as u } from "./canvases-DTR37lo-.js";
+import { O as d, h as f, s as p } from "./FailedImageContext-DYZ9cZx9.js";
+import { l as m } from "./window-COQOIAli.js";
+import { t as h } from "./canvas-2ACcnS9Y.js";
+import { n as g, r as _, s as v, t as y } from "./CommentSharp-DaW0oBJy.js";
+import { useEffect as b, useRef as x, useState as S } from "react";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import T from "@mui/material/Paper";
+import { styled as E } from "@mui/material/styles";
+import D from "@mui/material/Chip";
+//#region src/components/GalleryViewThumbnail.jsx
+var O = /* @__PURE__ */ r(t(), 1), k = E("div", {
+	name: "GalleryView",
+	slot: "thumbnail"
+})(({ ownerState: e, theme: t }) => ({
+	"&:focus": { outline: "none" },
+	"&:hover": { backgroundColor: t.palette.action.hover },
+	border: "2px solid transparent",
+	...e.selected && { borderColor: t.palette.primary.main },
+	...!e.selected && e.searchAnnotationsCount > 0 && { borderColor: t.palette.action.selected },
+	cursor: "pointer",
+	display: "inline-block",
+	margin: t.spacing(1, .5),
+	maxHeight: e.config.height + 45,
+	minWidth: "60px",
+	overflow: "hidden",
+	padding: t.spacing(.5),
+	position: "relative",
+	width: "min-content"
+})), A = E("div", {
+	name: "GalleryView",
+	slot: "chipArea"
+})(({ theme: e }) => ({
+	display: "flex",
+	flexDirection: "column",
+	gap: e.spacing(.25),
+	position: "absolute",
+	right: 0,
+	top: 0
+})), j = E(D, {
+	name: "GalleryView",
+	slot: "chip"
+})(({ theme: e }) => ({
+	backgroundColor: e.palette.annotations.chipBackground,
+	opacity: .875,
+	textAlign: "right"
+}));
+function M({ canvas: e, selected: t = !1, setCanvas: n, focusOnCanvas: r, annotationsCount: i = void 0, requestCanvasAnnotations: a = () => {}, searchAnnotationsCount: o = 0, config: s = {
+	height: 100,
+	width: null
+} }) {
+	let c = x(), [l, u] = S(!1);
+	return b(() => {
+		t && c.current?.scrollIntoView({ block: "nearest" });
+	}, [t]), /* @__PURE__ */ C(v, {
+		onChange: (e, { isIntersecting: t }) => {
+			!t || i === void 0 || i > 0 || l || (u(!0), a());
+		},
+		children: /* @__PURE__ */ C(k, {
+			ownerState: {
+				annotationsCount: i,
+				canvas: e,
+				config: s,
+				searchAnnotationsCount: o,
+				selected: t
+			},
+			className: t ? "selected" : "",
+			onClick: () => {
+				t ? r() : n(e.id);
+			},
+			onKeyUp: (t) => {
+				let i = {
+					enter: "Enter",
+					space: " "
+				}, a = {
+					enter: 13,
+					space: 32
+				};
+				t.key === i.enter || t.which === a.enter || t.key === i.space || t.which === a.space ? r() : n(e.id);
+			},
+			ref: c,
+			role: "button",
+			tabIndex: 0,
+			children: /* @__PURE__ */ C(_, {
+				resource: e,
+				labelled: !0,
+				variant: "outside",
+				maxHeight: s.height,
+				maxWidth: s.width,
+				children: /* @__PURE__ */ w(A, { children: [o > 0 && /* @__PURE__ */ C(j, {
+					icon: /* @__PURE__ */ C(g, { fontSize: "small" }),
+					label: o,
+					size: "small"
+				}), i > 0 && /* @__PURE__ */ C(j, {
+					icon: /* @__PURE__ */ C(y, { fontSize: "small" }),
+					label: i,
+					size: "small"
+				})] })
+			})
+		}, e.id || e.index)
+	});
+}
+M.propTypes = {
+	annotationsCount: O.default.number,
+	canvas: O.default.object.isRequired,
+	config: O.default.shape({
+		height: O.default.number,
+		width: O.default.number
+	}),
+	focusOnCanvas: O.default.func.isRequired,
+	requestCanvasAnnotations: O.default.func,
+	searchAnnotationsCount: O.default.number,
+	selected: O.default.bool,
+	setCanvas: O.default.func.isRequired
+};
+var N = e(a((e, { canvas: t, windowId: n }) => {
+	let r = c(e, { windowId: n }), i = f(e, { windowId: n }).flatMap((e) => e.resources).filter((e) => e.targetId === t.id), a = o(e, {
+		content: "annotations",
+		windowId: n
+	}).length > 0;
+	return {
+		annotationsCount: (() => {
+			if (a) return d(e, { canvasId: t.id }).reduce((e, n) => e + n.resources.filter((e) => e.targetId === t.id).length, 0);
+		})(),
+		config: l(e).galleryView,
+		searchAnnotationsCount: i.length,
+		selected: r && r.id === t.id
+	};
+}, (e, { canvas: t, id: n, windowId: r }) => ({
+	focusOnCanvas: () => e(m(r, "single")),
+	requestCanvasAnnotations: () => e(p(r, t.id)),
+	setCanvas: (...t) => e(h(r, ...t))
+})))(M), P = E(T, {
+	name: "GalleryView",
+	slot: "root"
+})(({ theme: e }) => ({
+	alignItems: "flex-start",
+	alignContent: "flex-start",
+	display: "flex",
+	flexDirection: "row",
+	flexWrap: "wrap",
+	overflowX: "hidden",
+	overflowY: "scroll",
+	padding: "50px 0 50px 20px",
+	width: "100%"
+}));
+function F({ canvases: e, viewingDirection: t = "", windowId: n }) {
+	return /* @__PURE__ */ C(P, {
+		component: "section",
+		"aria-label": "gallery section",
+		dir: t === "right-to-left" ? "rtl" : "ltr",
+		square: !0,
+		elevation: 0,
+		id: `${n}-gallery`,
+		children: e.map((e) => /* @__PURE__ */ C(N, {
+			windowId: n,
+			canvas: e
+		}, e.id))
+	});
+}
+F.propTypes = {
+	canvases: O.default.array.isRequired,
+	viewingDirection: O.default.string,
+	windowId: O.default.string.isRequired
+};
+//#endregion
+//#region src/containers/GalleryView.js
+var I = /* @__PURE__ */ n({ default: () => L }), L = e(a((e, { windowId: t }) => ({
+	canvases: u(e, { windowId: t }),
+	viewingDirection: s(e, { windowId: t })
+})), i("GalleryView"))(F);
+//#endregion
+export { M as a, N as i, I as n, F as r, L as t };
+
+//# sourceMappingURL=GalleryView-DyLH1kk0.js.map

package/dist/GalleryView-DyLH1kk0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryView-DyLH1kk0.js","names":[],"sources":["../src/components/GalleryViewThumbnail.jsx","../src/containers/GalleryViewThumbnail.js","../src/components/GalleryView.jsx","../src/containers/GalleryView.js"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport Chip from '@mui/material/Chip';\nimport AnnotationIcon from '@mui/icons-material/CommentSharp';\nimport SearchIcon from '@mui/icons-material/SearchSharp';\nimport { InView } from 'react-intersection-observer';\nimport IIIFThumbnail from '../containers/IIIFThumbnail';\n\nconst Root = styled('div', { name: 'GalleryView', slot: 'thumbnail' })(({ ownerState, theme }) => ({\n  '&:focus': {\n    outline: 'none',\n  },\n  '&:hover': {\n    backgroundColor: theme.palette.action.hover,\n  },\n  border: '2px solid transparent',\n  ...(ownerState.selected && {\n    borderColor: theme.palette.primary.main,\n  }),\n  ...(!ownerState.selected &&\n    ownerState.searchAnnotationsCount > 0 && {\n      borderColor: theme.palette.action.selected,\n    }),\n  cursor: 'pointer',\n  display: 'inline-block',\n  margin: theme.spacing(1, 0.5),\n  maxHeight: ownerState.config.height + 45,\n  minWidth: '60px',\n  overflow: 'hidden',\n  padding: theme.spacing(0.5),\n  position: 'relative',\n  width: 'min-content',\n}));\n\nconst StyledChipsContainer = styled('div', { name: 'GalleryView', slot: 'chipArea' })(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(0.25),\n  position: 'absolute',\n  right: 0,\n  top: 0,\n}));\n\nconst AnnotationChip = styled(Chip, { name: 'GalleryView', slot: 'chip' })(({ theme }) => ({\n  backgroundColor: theme.palette.annotations.chipBackground,\n  opacity: 0.875,\n  textAlign: 'right',\n}));\n\n/**\n * Represents a WindowViewer in the mirador workspace. Responsible for mounting\n * OSD and Navigation\n */\nexport function GalleryViewThumbnail({\n  canvas,\n  selected = false,\n  setCanvas,\n  focusOnCanvas,\n  annotationsCount = undefined,\n  requestCanvasAnnotations = () => {},\n  searchAnnotationsCount = 0,\n  config = { height: 100, width: null },\n}) {\n  const myRef = useRef();\n  const [requestedAnnotations, setRequestedAnnotations] = useState(false);\n\n  useEffect(() => {\n    if (selected) {\n      myRef.current?.scrollIntoView({ block: 'nearest' });\n    }\n  }, [selected]);\n\n  /** @private */\n  const handleSelect = () => {\n    if (selected) {\n      focusOnCanvas();\n    } else {\n      setCanvas(canvas.id);\n    }\n  };\n\n  /** @private */\n  const handleKey = (event) => {\n    const keys = {\n      enter: 'Enter',\n      space: ' ',\n    };\n\n    const chars = {\n      enter: 13,\n      space: 32,\n    };\n\n    const enterOrSpace =\n      event.key === keys.enter || event.which === chars.enter || event.key === keys.space || event.which === chars.space;\n\n    if (enterOrSpace) {\n      focusOnCanvas();\n    } else {\n      setCanvas(canvas.id);\n    }\n  };\n\n  /** */\n  const handleIntersection = (_inView, { isIntersecting }) => {\n    if (!isIntersecting || annotationsCount === undefined || annotationsCount > 0 || requestedAnnotations) return;\n\n    setRequestedAnnotations(true);\n    requestCanvasAnnotations();\n  };\n\n  const ownerState = {\n    annotationsCount,\n    canvas,\n    config,\n    searchAnnotationsCount,\n    selected,\n  };\n\n  return (\n    <InView onChange={handleIntersection}>\n      <Root\n        ownerState={ownerState}\n        key={canvas.id || canvas.index}\n        className={selected ? 'selected' : ''}\n        onClick={handleSelect}\n        onKeyUp={handleKey}\n        ref={myRef}\n        role=\"button\"\n        tabIndex={0}\n      >\n        <IIIFThumbnail resource={canvas} labelled variant=\"outside\" maxHeight={config.height} maxWidth={config.width}>\n          <StyledChipsContainer>\n            {searchAnnotationsCount > 0 && (\n              <AnnotationChip icon={<SearchIcon fontSize=\"small\" />} label={searchAnnotationsCount} size=\"small\" />\n            )}\n            {annotationsCount > 0 && (\n              <AnnotationChip icon={<AnnotationIcon fontSize=\"small\" />} label={annotationsCount} size=\"small\" />\n            )}\n          </StyledChipsContainer>\n        </IIIFThumbnail>\n      </Root>\n    </InView>\n  );\n}\n\nGalleryViewThumbnail.propTypes = {\n  annotationsCount: PropTypes.number,\n  canvas: PropTypes.object.isRequired,\n  config: PropTypes.shape({\n    height: PropTypes.number,\n    width: PropTypes.number,\n  }),\n  focusOnCanvas: PropTypes.func.isRequired,\n  requestCanvasAnnotations: PropTypes.func,\n  searchAnnotationsCount: PropTypes.number,\n  selected: PropTypes.bool,\n  setCanvas: PropTypes.func.isRequired,\n};\n","import { compose } from 'redux';\nimport { connect } from 'react-redux';\nimport * as actions from '../state/actions';\nimport { GalleryViewThumbnail } from '../components/GalleryViewThumbnail';\nimport {\n  getSearchAnnotationsForWindow,\n  getCurrentCanvas,\n  getConfig,\n  getPresentAnnotationsOnSelectedCanvases,\n  getCompanionWindowsForContent,\n} from '../state/selectors';\n\n/** */\nconst mapStateToProps = (state, { canvas, windowId }) => {\n  const currentCanvas = getCurrentCanvas(state, { windowId });\n  const searchAnnotations = getSearchAnnotationsForWindow(state, { windowId });\n\n  const canvasAnnotations = searchAnnotations.flatMap((a) => a.resources).filter((a) => a.targetId === canvas.id);\n\n  const hasOpenAnnotationsWindow = getCompanionWindowsForContent(state, { content: 'annotations', windowId }).length > 0;\n\n  return {\n    annotationsCount: (() => {\n      if (!hasOpenAnnotationsWindow) return undefined;\n      const annotations = getPresentAnnotationsOnSelectedCanvases(state, { canvasId: canvas.id });\n\n      return annotations.reduce((v, a) => v + a.resources.filter((r) => r.targetId === canvas.id).length, 0);\n    })(),\n    config: getConfig(state).galleryView,\n    searchAnnotationsCount: canvasAnnotations.length,\n    selected: currentCanvas && currentCanvas.id === canvas.id,\n  };\n};\n\n/**\n * mapDispatchToProps - used to hook up connect to action creators\n * @memberof WindowViewer\n * @private\n */\nconst mapDispatchToProps = (dispatch, { canvas, id, windowId }) => ({\n  focusOnCanvas: () => dispatch(actions.setWindowViewType(windowId, 'single')),\n  requestCanvasAnnotations: () => dispatch(actions.requestCanvasAnnotations(windowId, canvas.id)),\n  setCanvas: (...args) => dispatch(actions.setCanvas(windowId, ...args)),\n});\n\nconst enhance = compose(\n  connect(mapStateToProps, mapDispatchToProps),\n  // further HOC go here\n);\n\nexport default enhance(GalleryViewThumbnail);\n","import PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport Paper from '@mui/material/Paper';\nimport GalleryViewThumbnail from '../containers/GalleryViewThumbnail';\n\nconst Root = styled(Paper, { name: 'GalleryView', slot: 'root' })(({ theme }) => ({\n  alignItems: 'flex-start',\n  alignContent: 'flex-start',\n  display: 'flex',\n  flexDirection: 'row',\n  flexWrap: 'wrap',\n  overflowX: 'hidden',\n  overflowY: 'scroll',\n  padding: '50px 0 50px 20px',\n  width: '100%',\n}));\n\n/**\n * Renders a GalleryView overview of the manifest.\n */\nexport function GalleryView({ canvases, viewingDirection = '', windowId }) {\n  const htmlDir = viewingDirection === 'right-to-left' ? 'rtl' : 'ltr';\n  return (\n    <Root component=\"section\" aria-label=\"gallery section\" dir={htmlDir} square elevation={0} id={`${windowId}-gallery`}>\n      {canvases.map((canvas) => (\n        <GalleryViewThumbnail key={canvas.id} windowId={windowId} canvas={canvas} />\n      ))}\n    </Root>\n  );\n}\n\nGalleryView.propTypes = {\n  canvases: PropTypes.array.isRequired,\n  viewingDirection: PropTypes.string,\n  windowId: PropTypes.string.isRequired,\n};\n","import { compose } from 'redux';\nimport { connect } from 'react-redux';\nimport { withPlugins } from '../extend/withPlugins';\nimport { GalleryView } from '../components/GalleryView';\nimport { getCanvases, getSequenceViewingDirection } from '../state/selectors';\n\n/**\n * mapStateToProps - to hook up connect\n * @memberof WindowViewer\n * @private\n */\nconst mapStateToProps = (state, { windowId }) => ({\n  canvases: getCanvases(state, { windowId }),\n  viewingDirection: getSequenceViewingDirection(state, { windowId }),\n});\n\nconst enhance = compose(\n  connect(mapStateToProps),\n  withPlugins('GalleryView'),\n  // further HOC go here\n);\n\nexport default enhance(GalleryView);\n"],"mappings":"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"}