dbf-mirador 4.2.3

package/src/state/selectors/workspace.js

@@ -0,0 +1,52 @@
+import { createSelector } from 'reselect';
+import { getWorkspace } from './getters';
+import { miradorSlice } from './utils';
+
+/**
+ * Returns the elastic layout from the state.
+ * @param {object} state
+ * @returns {Object}
+ */
+export function getElasticLayout(state) {
+  return miradorSlice(state).elasticLayout;
+}
+
+/**
+ * Returns if fullscreen is enabled.
+ * @param {object} state
+ * @returns {boolean}
+ */
+export const getFullScreenEnabled = createSelector([getWorkspace], (workspace) => workspace.isFullscreenEnabled);
+
+/**
+ * Returns the latest error from the state.
+ * @param {object} state
+ * @returns {object|undefined}
+ */
+export function getLatestError(state) {
+  const [errorId] = miradorSlice(state).errors.items;
+
+  return miradorSlice(state).errors[errorId];
+}
+
+/**
+ * Returns the type of the workspace.
+ * @param {Object} state
+ * @returns {string} 'mosaic' | 'elastic'
+ */
+export const getWorkspaceType = createSelector([getWorkspace], ({ type }) => type);
+
+/**
+ * Returns the ID of the focused window.
+ * @param {object} state
+ * @returns {string|undefined}
+ */
+export const getFocusedWindowId = createSelector([getWorkspace], ({ focusedWindowId }) => focusedWindowId);
+
+/**
+ * Returns if a given window is focused.
+ * @param {object} state
+ * @param {string} windowId
+ * @returns {boolean}
+ */
+export const isFocused = (state, { windowId }) => getFocusedWindowId(state) === windowId;

package/src/state/selectors/wrappers.js

@@ -0,0 +1,15 @@
+import { createSelector } from 'reselect';
+import MiradorCanvas from '../../lib/MiradorCanvas';
+import MiradorManifest from '../../lib/MiradorManifest';
+
+/** */
+export const getMiradorCanvasWrapper = createSelector(
+  [],
+  (canvasTypes, imageProfiles) => (canvas) => canvas && new MiradorCanvas(canvas),
+);
+
+/** */
+export const getMiradorManifestWrapper = createSelector(
+  [],
+  (resourceTypes) => (manifest) => manifest && new MiradorManifest(manifest),
+);

package/src/styles/react-mosaic-component.js

@@ -0,0 +1,288 @@
+// Generated using jss convert node_modules/react-mosaic-component/react-mosaic-component.css > src/styles/react-mosaic-component.js
+// .mosaic-blueprint-theme styles have also been removed
+const globalReactMosaicStyles = {
+  '.mosaic': {
+    height: '100%',
+    width: '100%',
+  },
+  '.mosaic, .mosaic > *': {
+    boxSizing: 'border-box',
+  },
+  '.mosaic .mosaic-zero-state': {
+    position: 'absolute',
+    top: 6,
+    right: 6,
+    bottom: 6,
+    left: 6,
+    width: 'auto',
+    height: 'auto',
+    zIndex: '1',
+  },
+  '.mosaic-root': {
+    position: 'absolute',
+    top: 3,
+    right: 3,
+    bottom: 3,
+    left: 3,
+  },
+  '.mosaic-split': {
+    position: 'absolute',
+    zIndex: '1',
+    touchAction: 'none',
+  },
+  '.mosaic-split:hover': {
+    background: 'black',
+  },
+  '.mosaic-split .mosaic-split-line': {
+    position: 'absolute',
+  },
+  '.mosaic-split.-row': {
+    marginLeft: -3,
+    width: 6,
+    cursor: 'ew-resize',
+  },
+  '.mosaic-split.-row .mosaic-split-line': {
+    top: '0',
+    bottom: '0',
+    left: 3,
+    right: 3,
+  },
+  '.mosaic-split.-column': {
+    marginTop: -3,
+    height: 6,
+    cursor: 'ns-resize',
+  },
+  '.mosaic-split.-column .mosaic-split-line': {
+    top: 3,
+    bottom: 3,
+    left: '0',
+    right: '0',
+  },
+  '.mosaic-tile': {
+    position: 'absolute',
+    margin: 3,
+  },
+  '.mosaic-tile > *': {
+    height: '100%',
+    width: '100%',
+  },
+  '.mosaic-drop-target': {
+    position: 'relative',
+  },
+  '.mosaic-drop-target.drop-target-hover .drop-target-container': {
+    display: 'block',
+  },
+  '.mosaic-drop-target.mosaic > .drop-target-container .drop-target.left': {
+    right: 'calc(100% -  10px )',
+  },
+  '.mosaic-drop-target.mosaic > .drop-target-container .drop-target.right': {
+    left: 'calc(100% -  10px )',
+  },
+  '.mosaic-drop-target.mosaic > .drop-target-container .drop-target.bottom': {
+    top: 'calc(100% -  10px )',
+  },
+  '.mosaic-drop-target.mosaic > .drop-target-container .drop-target.top': {
+    bottom: 'calc(100% -  10px )',
+  },
+  '.mosaic-drop-target .drop-target-container': {
+    position: 'absolute',
+    top: '0',
+    right: '0',
+    bottom: '0',
+    left: '0',
+    display: 'none',
+  },
+  '.mosaic-drop-target .drop-target-container.-dragging': {
+    display: 'block',
+  },
+  '.mosaic-drop-target .drop-target-container .drop-target': {
+    position: 'absolute',
+    top: '0',
+    right: '0',
+    bottom: '0',
+    left: '0',
+    background: 'rgba(0, 0, 0, 0.2)',
+    border: '2px solid black',
+    opacity: '0',
+    zIndex: '5',
+  },
+  '.mosaic-drop-target .drop-target-container .drop-target.left': {
+    right: 'calc(100% -  30% )',
+  },
+  '.mosaic-drop-target .drop-target-container .drop-target.right': {
+    left: 'calc(100% -  30% )',
+  },
+  '.mosaic-drop-target .drop-target-container .drop-target.bottom': {
+    top: 'calc(100% -  30% )',
+  },
+  '.mosaic-drop-target .drop-target-container .drop-target.top': {
+    bottom: 'calc(100% -  30% )',
+  },
+  '.mosaic-drop-target .drop-target-container .drop-target.drop-target-hover': {
+    opacity: '1',
+  },
+  '.mosaic-drop-target .drop-target-container .drop-target.drop-target-hover.left': {
+    right: 'calc(100% -  50% )',
+  },
+  '.mosaic-drop-target .drop-target-container .drop-target.drop-target-hover.right': {
+    left: 'calc(100% -  50% )',
+  },
+  '.mosaic-drop-target .drop-target-container .drop-target.drop-target-hover.bottom': {
+    top: 'calc(100% -  50% )',
+  },
+  '.mosaic-drop-target .drop-target-container .drop-target.drop-target-hover.top': {
+    bottom: 'calc(100% -  50% )',
+  },
+  '.mosaic-window, .mosaic-preview': {
+    position: 'relative',
+    display: 'flex',
+    fallbacks: [
+      {
+        display: '-webkit-box',
+      },
+    ],
+    webkitBoxOrient: 'vertical',
+    webkitBoxDirection: 'normal',
+    flexDirection: 'column',
+    overflow: 'hidden',
+    boxShadow: '0 0 1px rgba(0, 0, 0, 0.2)',
+  },
+  '.mosaic-window .mosaic-window-toolbar, .mosaic-preview .mosaic-window-toolbar': {
+    zIndex: '4',
+    display: 'flex',
+    fallbacks: [
+      {
+        display: '-webkit-box',
+      },
+    ],
+    webkitBoxPack: 'justify',
+    justifyContent: 'space-between',
+    webkitBoxAlign: 'center',
+    alignItems: 'center',
+    flexShrink: '0',
+    height: 30,
+    background: 'white',
+    boxShadow: '0 1px 1px rgba(0, 0, 0, 0.2)',
+  },
+  '.mosaic-window .mosaic-window-toolbar.draggable, .mosaic-preview .mosaic-window-toolbar.draggable': {
+    cursor: 'move',
+  },
+  '.mosaic-window .mosaic-window-title, .mosaic-preview .mosaic-window-title': {
+    paddingLeft: 15,
+    webkitBoxFlex: '1',
+    flex: '1',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
+    overflow: 'hidden',
+    minHeight: 18,
+  },
+  '.mosaic-window .mosaic-window-controls, .mosaic-preview .mosaic-window-controls': {
+    display: 'flex',
+    fallbacks: [
+      {
+        display: '-webkit-box',
+      },
+    ],
+    height: '100%',
+  },
+  '.mosaic-window .mosaic-window-controls .separator, .mosaic-preview .mosaic-window-controls .separator': {
+    height: 20,
+    borderLeft: '1px solid black',
+    margin: '5px 4px',
+  },
+  '.mosaic-window .mosaic-window-body, .mosaic-preview .mosaic-window-body': {
+    position: 'relative',
+    webkitBoxFlex: '1',
+    flex: '1',
+    height: '0',
+    background: 'white',
+    zIndex: '1',
+    overflow: 'hidden',
+  },
+  '.mosaic-window .mosaic-window-additional-actions-bar, .mosaic-preview .mosaic-window-additional-actions-bar': {
+    position: 'absolute',
+    top: 30,
+    right: '0',
+    bottom: 'initial',
+    left: '0',
+    height: '0',
+    overflow: 'hidden',
+    background: 'white',
+    webkitBoxPack: 'end',
+    justifyContent: 'flex-end',
+    display: 'flex',
+    fallbacks: [
+      {
+        display: '-webkit-box',
+      },
+    ],
+    zIndex: '3',
+  },
+  '.mosaic-window .mosaic-window-additional-actions-bar .bp3-button, .mosaic-preview .mosaic-window-additional-actions-bar .bp3-button':
+    {
+      margin: '0',
+    },
+  '.mosaic-window .mosaic-window-additional-actions-bar .bp3-button:after, .mosaic-preview .mosaic-window-additional-actions-bar .bp3-button:after':
+    {
+      display: 'none',
+    },
+  '.mosaic-window .mosaic-window-body-overlay, .mosaic-preview .mosaic-window-body-overlay': {
+    position: 'absolute',
+    top: '0',
+    right: '0',
+    bottom: '0',
+    left: '0',
+    opacity: '0',
+    background: 'white',
+    display: 'none',
+    zIndex: '2',
+  },
+  '.mosaic-window.additional-controls-open .mosaic-window-additional-actions-bar, .mosaic-preview.additional-controls-open .mosaic-window-additional-actions-bar':
+    {
+      height: 30,
+    },
+  '.mosaic-window.additional-controls-open .mosaic-window-body-overlay, .mosaic-preview.additional-controls-open .mosaic-window-body-overlay':
+    {
+      display: 'block',
+    },
+  '.mosaic-window .mosaic-preview, .mosaic-preview .mosaic-preview': {
+    height: '100%',
+    width: '100%',
+    position: 'absolute',
+    zIndex: '0',
+    border: '1px solid black',
+    maxHeight: 400,
+  },
+  '.mosaic-window .mosaic-preview .mosaic-window-body, .mosaic-preview .mosaic-preview .mosaic-window-body': {
+    display: 'flex',
+    fallbacks: [
+      {
+        display: '-webkit-box',
+      },
+    ],
+    webkitBoxOrient: 'vertical',
+    webkitBoxDirection: 'normal',
+    flexDirection: 'column',
+    webkitBoxAlign: 'center',
+    alignItems: 'center',
+    webkitBoxPack: 'center',
+    justifyContent: 'center',
+  },
+  '.mosaic-window .mosaic-preview h4, .mosaic-preview .mosaic-preview h4': {
+    marginBottom: 10,
+  },
+  '.mosaic:not(.mosaic-blueprint-theme) .mosaic-default-control.close-button:before': {
+    content: "'Close'",
+  },
+  '.mosaic:not(.mosaic-blueprint-theme) .mosaic-default-control.split-button:before': {
+    content: "'Split'",
+  },
+  '.mosaic:not(.mosaic-blueprint-theme) .mosaic-default-control.replace-button:before': {
+    content: "'Replace'",
+  },
+  '.mosaic:not(.mosaic-blueprint-theme) .mosaic-default-control.expand-button:before': {
+    content: "'Expand'",
+  },
+};
+
+export default globalReactMosaicStyles;