@vitessce/vit-s 2.0.3 → 3.0.0

package/dist-tsc/schemas/raster.schema.d.ts

@@ -0,0 +1,239 @@
+export default schema;
+declare namespace schema {
+    export const $schema: string;
+    export const $id: string;
+    export const title: string;
+    export const type: string;
+    export namespace definitions {
+        namespace transform {
+            const type_1: string;
+            export { type_1 as type };
+            export const additionalProperties: boolean;
+            export const oneOf: {
+                required: string[];
+            }[];
+            export namespace properties {
+                namespace scale {
+                    const type_2: string;
+                    export { type_2 as type };
+                }
+                namespace translate {
+                    const type_3: string;
+                    export { type_3 as type };
+                    const additionalProperties_1: boolean;
+                    export { additionalProperties_1 as additionalProperties };
+                    export const required: string[];
+                    export namespace properties_1 {
+                        namespace y {
+                            const type_4: string;
+                            export { type_4 as type };
+                        }
+                        namespace x {
+                            const type_5: string;
+                            export { type_5 as type };
+                        }
+                    }
+                    export { properties_1 as properties };
+                }
+                namespace matrix {
+                    const type_6: string;
+                    export { type_6 as type };
+                    export namespace items {
+                        const type_7: string;
+                        export { type_7 as type };
+                    }
+                    export const minItems: number;
+                    export const maxItems: number;
+                }
+            }
+        }
+        namespace dimensions {
+            const type_8: string;
+            export { type_8 as type };
+            export namespace items_1 {
+                const type_9: string;
+                export { type_9 as type };
+                const additionalProperties_2: boolean;
+                export { additionalProperties_2 as additionalProperties };
+                const required_1: string[];
+                export { required_1 as required };
+                export namespace properties_2 {
+                    export namespace field {
+                        const type_10: string;
+                        export { type_10 as type };
+                    }
+                    export namespace type_11 {
+                        const type_12: string;
+                        export { type_12 as type };
+                        const _enum: string[];
+                        export { _enum as enum };
+                    }
+                    export { type_11 as type };
+                    export namespace values {
+                        const type_13: string[];
+                        export { type_13 as type };
+                        export namespace items_2 {
+                            const type_14: string;
+                            export { type_14 as type };
+                        }
+                        export { items_2 as items };
+                    }
+                }
+                export { properties_2 as properties };
+            }
+            export { items_1 as items };
+        }
+        namespace metadata {
+            const type_15: string;
+            export { type_15 as type };
+            const additionalProperties_3: boolean;
+            export { additionalProperties_3 as additionalProperties };
+            export const anyOf: {
+                required: string[];
+            }[];
+            export namespace properties_3 {
+                export namespace dimensions_1 {
+                    const $ref: string;
+                }
+                export { dimensions_1 as dimensions };
+                export namespace isPyramid {
+                    const type_16: string;
+                    export { type_16 as type };
+                }
+                export namespace transform_1 {
+                    const $ref_1: string;
+                    export { $ref_1 as $ref };
+                }
+                export { transform_1 as transform };
+                export namespace isBitmask {
+                    const type_17: string;
+                    export { type_17 as type };
+                }
+                export namespace omeTiffOffsetsUrl {
+                    const type_18: string;
+                    export { type_18 as type };
+                    export const format: string;
+                }
+            }
+            export { properties_3 as properties };
+        }
+        namespace requestInit {
+            const type_19: string;
+            export { type_19 as type };
+            const additionalProperties_4: boolean;
+            export { additionalProperties_4 as additionalProperties };
+            const required_2: never[];
+            export { required_2 as required };
+            export namespace properties_4 {
+                namespace method {
+                    const type_20: string;
+                    export { type_20 as type };
+                }
+                namespace headers {
+                    const type_21: string;
+                    export { type_21 as type };
+                }
+                namespace body {
+                    const type_22: string;
+                    export { type_22 as type };
+                }
+                namespace mode {
+                    const type_23: string;
+                    export { type_23 as type };
+                }
+                namespace credentials {
+                    const type_24: string;
+                    export { type_24 as type };
+                }
+                namespace cache {
+                    const type_25: string;
+                    export { type_25 as type };
+                }
+                namespace redirect {
+                    const type_26: string;
+                    export { type_26 as type };
+                }
+                namespace referrer {
+                    const type_27: string;
+                    export { type_27 as type };
+                }
+                namespace integrity {
+                    const type_28: string;
+                    export { type_28 as type };
+                }
+            }
+            export { properties_4 as properties };
+        }
+        namespace image {
+            const type_29: string;
+            export { type_29 as type };
+            const additionalProperties_5: boolean;
+            export { additionalProperties_5 as additionalProperties };
+            const required_3: string[];
+            export { required_3 as required };
+            export namespace properties_5 {
+                export namespace name {
+                    const type_30: string;
+                    export { type_30 as type };
+                }
+                export namespace url {
+                    const type_31: string;
+                    export { type_31 as type };
+                    const format_1: string;
+                    export { format_1 as format };
+                }
+                export namespace type_32 {
+                    const type_33: string;
+                    export { type_33 as type };
+                }
+                export { type_32 as type };
+                export namespace metadata_1 {
+                    const $ref_2: string;
+                    export { $ref_2 as $ref };
+                }
+                export { metadata_1 as metadata };
+                export namespace requestInit_1 {
+                    const $ref_3: string;
+                    export { $ref_3 as $ref };
+                }
+                export { requestInit_1 as requestInit };
+            }
+            export { properties_5 as properties };
+        }
+    }
+    const additionalProperties_6: boolean;
+    export { additionalProperties_6 as additionalProperties };
+    const required_4: string[];
+    export { required_4 as required };
+    export namespace properties_6 {
+        namespace schemaVersion {
+            const type_34: string;
+            export { type_34 as type };
+        }
+        namespace usePhysicalSizeScaling {
+            const type_35: string;
+            export { type_35 as type };
+            export const description: string;
+        }
+        namespace renderLayers {
+            const type_36: string;
+            export { type_36 as type };
+            export namespace items_3 {
+                const type_37: string;
+                export { type_37 as type };
+            }
+            export { items_3 as items };
+        }
+        namespace images {
+            const type_38: string;
+            export { type_38 as type };
+            export namespace items_4 {
+                const $ref_4: string;
+                export { $ref_4 as $ref };
+            }
+            export { items_4 as items };
+        }
+    }
+    export { properties_6 as properties };
+}
+//# sourceMappingURL=raster.schema.d.ts.map

package/dist-tsc/schemas/raster.schema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"raster.schema.d.ts","sourceRoot":"","sources":["../../src/schemas/raster.schema.js"],"names":[],"mappings":""}

package/dist-tsc/schemas/raster.schema.js

@@ -0,0 +1,120 @@
+const schema = {
+    $schema: 'http://json-schema.org/draft-07/schema#',
+    $id: 'https://github.com/vitessce/vitessce/#raster',
+    title: 'Vitessce image data',
+    type: 'object',
+    definitions: {
+        transform: {
+            type: 'object',
+            additionalProperties: false,
+            oneOf: [{ required: ['scale', 'translate'] }, { required: ['matrix'] }],
+            properties: {
+                scale: { type: 'number' },
+                translate: {
+                    type: 'object',
+                    additionalProperties: false,
+                    required: ['y', 'x'],
+                    properties: {
+                        y: { type: 'number' },
+                        x: { type: 'number' },
+                    },
+                },
+                matrix: {
+                    type: 'array',
+                    items: { type: 'number' },
+                    minItems: 16,
+                    maxItems: 16,
+                },
+            },
+        },
+        dimensions: {
+            type: 'array',
+            items: {
+                type: 'object',
+                additionalProperties: false,
+                required: ['field', 'type', 'values'],
+                properties: {
+                    field: { type: 'string' },
+                    type: {
+                        type: 'string',
+                        enum: ['quantitative', 'nominal', 'ordinal', 'temporal'],
+                    },
+                    values: {
+                        type: ['array', 'null'],
+                        items: { type: 'string' },
+                    },
+                },
+            },
+        },
+        metadata: {
+            type: 'object',
+            additionalProperties: false,
+            anyOf: [{ required: ['dimensions', 'isPyramid'] }, { required: ['transform'] }, { required: ['omeTiffOffsetsUrl'] }, { required: ['isBitmask'] }],
+            properties: {
+                dimensions: { $ref: '#/definitions/dimensions' },
+                isPyramid: { type: 'boolean' },
+                transform: { $ref: '#/definitions/transform' },
+                isBitmask: { type: 'boolean' },
+                omeTiffOffsetsUrl: { type: 'string', format: 'uri' },
+            },
+        },
+        requestInit: {
+            type: 'object',
+            additionalProperties: false,
+            required: [],
+            properties: {
+                method: {
+                    type: 'string',
+                },
+                headers: {
+                    type: 'object',
+                },
+                body: {
+                    type: 'string',
+                },
+                mode: {
+                    type: 'string',
+                },
+                credentials: {
+                    type: 'string',
+                },
+                cache: {
+                    type: 'string',
+                },
+                redirect: {
+                    type: 'string',
+                },
+                referrer: {
+                    type: 'string',
+                },
+                integrity: {
+                    type: 'string',
+                },
+            },
+        },
+        image: {
+            type: 'object',
+            additionalProperties: false,
+            required: ['name', 'url', 'type'],
+            properties: {
+                name: { type: 'string' },
+                url: { type: 'string', format: 'uri' },
+                type: { type: 'string' },
+                metadata: { $ref: '#/definitions/metadata' },
+                requestInit: { $ref: '#/definitions/requestInit' },
+            },
+        },
+    },
+    additionalProperties: false,
+    required: ['schemaVersion', 'images'],
+    properties: {
+        schemaVersion: { type: 'string' },
+        usePhysicalSizeScaling: { type: 'boolean', description: 'Default is false: passing true in will infer scaling from the reported physcial size' },
+        renderLayers: { type: 'array', items: { type: 'string' } },
+        images: {
+            type: 'array',
+            items: { $ref: '#/definitions/image' },
+        },
+    },
+};
+export default schema;

package/dist-tsc/shared-mui/components.d.ts

@@ -0,0 +1,2 @@
+export function PopperMenu(props: any): JSX.Element;
+//# sourceMappingURL=components.d.ts.map

package/dist-tsc/shared-mui/components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/shared-mui/components.js"],"names":[],"mappings":"AAwBA,oDAwDC"}

package/dist-tsc/shared-mui/components.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useRef } from 'react';
+import { makeStyles, Paper, Popper, IconButton, MenuList, ClickAwayListener, Fade, } from '@material-ui/core';
+import { useVitessceContainer } from '../hooks.js';
+const useStyles = makeStyles(() => ({
+    paper: {
+        maxHeight: 200,
+        overflow: 'auto',
+    },
+    container: {
+        position: 'relative',
+        left: 0,
+        top: 0,
+    },
+}));
+export function PopperMenu(props) {
+    const { buttonIcon, open, setOpen, children, buttonClassName, placement = 'bottom-end', } = props;
+    const classes = useStyles();
+    const anchorRef = useRef();
+    const handleClick = () => {
+        setOpen(prev => !prev);
+    };
+    const handleClose = () => {
+        setOpen(false);
+    };
+    const id = open ? 'v-popover-menu' : undefined;
+    const getTooltipContainer = useVitessceContainer(anchorRef);
+    return (_jsxs("div", { ref: anchorRef, className: classes.container, children: [_jsx(IconButton, { "aria-describedby": id, onClick: handleClick, size: "small", className: buttonClassName, children: buttonIcon }), _jsx(Popper, { id: id, open: open, anchorEl: anchorRef && anchorRef.current, container: getTooltipContainer, onClose: handleClose, placement: placement, transition: true, children: ({ TransitionProps }) => (_jsx(ClickAwayListener, { onClickAway: handleClose, children: _jsx(Fade, { ...TransitionProps, timeout: 100, children: _jsx(Paper, { elevation: 4, className: classes.paper, children: _jsx(MenuList, { children: children }) }) }) })) })] }));
+}

package/dist-tsc/shared-mui/container.d.ts

@@ -0,0 +1,2 @@
+export const useVitessceContainerStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"vitessceContainer">;
+//# sourceMappingURL=container.d.ts.map

package/dist-tsc/shared-mui/container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../src/shared-mui/container.js"],"names":[],"mappings":"AAEA,0IAiNI"}

package/dist-tsc/shared-mui/container.js

@@ -0,0 +1,211 @@
+import { makeStyles } from '@material-ui/core';
+export const useVitessceContainerStyles = makeStyles(theme => ({
+    vitessceContainer: {
+        position: 'relative',
+        margin: '0',
+        textAlign: 'left',
+        backgroundColor: theme.palette.gridLayoutBackground,
+        '& div': {
+            fontFamily: '-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"',
+            fontSize: '16px',
+            fontWeight: '400',
+            lineHeight: '1.5',
+            textAlign: 'left',
+        },
+        '& p': {
+            marginTop: '0',
+            marginBottom: '16px',
+        },
+        '& *, ::after, ::before': {
+            boxSizing: 'border-box',
+        },
+        // Manually converted styles from 'react-grid-layout/css/styles.css',
+        // using https://cssinjs.org/jss-plugin-global/?v=v10.9.2
+        // so that no CSS or SCSS import is required.
+        '@global .react-grid-layout': {
+            transition: 'height 200ms ease',
+            // Custom
+            height: 'auto',
+            position: 'absolute',
+            width: '100%',
+        },
+        '@global .react-grid-item': {
+            transition: 'all 200ms ease',
+            transitionProperty: 'left, top',
+            // Custom
+            flexDirection: 'column!important',
+            display: 'flex!important',
+            /* So the resize handle position looks correct: */
+            paddingRight: '10px',
+        },
+        '@global .react-grid-item img': {
+            pointerEvents: 'none',
+            userSelect: 'none',
+        },
+        '@global .react-grid-item.cssTransforms': {
+            transitionProperty: 'transform',
+        },
+        '@global .react-grid-item.resizing': {
+            zIndex: '1',
+            willChange: 'width, height',
+        },
+        '@global .react-grid-item.react-draggable-dragging': {
+            transition: 'none',
+            zIndex: '3',
+            willChange: 'transform',
+        },
+        '@global .react-grid-item.dropping': {
+            visibility: 'hidden',
+        },
+        '@global .react-grid-item.react-grid-placeholder': {
+            background: 'red',
+            opacity: '0.2',
+            transitionDuration: '100ms',
+            zIndex: '2',
+            userSelect: 'none',
+        },
+        '@global .react-grid-item > .react-resizable-handle': {
+            position: 'absolute',
+            width: '20px',
+            height: '20px',
+        },
+        '@global .react-grid-item > .react-resizable-handle::after': {
+            content: '""',
+            position: 'absolute',
+            right: '3px',
+            bottom: '3px',
+            width: '5px',
+            height: '5px',
+            borderRight: '2px solid rgba(0, 0, 0, 0.4)',
+            borderBottom: '2px solid rgba(0, 0, 0, 0.4)',
+        },
+        '@global .react-resizable-hide > .react-resizable-handle': {
+            display: 'none',
+        },
+        '@global .react-grid-item > .react-resizable-handle.react-resizable-handle-sw': {
+            bottom: '0',
+            left: '0',
+            cursor: 'sw-resize',
+            transform: 'rotate(90deg)',
+        },
+        '@global .react-grid-item > .react-resizable-handle.react-resizable-handle-se': {
+            bottom: '0',
+            right: '0',
+            cursor: 'se-resize',
+        },
+        '@global .react-grid-item > .react-resizable-handle.react-resizable-handle-nw': {
+            top: '0',
+            left: '0',
+            cursor: 'nw-resize',
+            transform: 'rotate(180deg)',
+        },
+        '@global .react-grid-item > .react-resizable-handle.react-resizable-handle-ne': {
+            top: '0',
+            right: '0',
+            cursor: 'ne-resize',
+            transform: 'rotate(270deg)',
+        },
+        '@global .react-grid-item > .react-resizable-handle.react-resizable-handle-w': {
+            top: '50%',
+            marginTop: '-10px',
+            cursor: 'ew-resize',
+            left: '0',
+            transform: 'rotate(135deg)',
+        },
+        '@global .react-grid-item > .react-resizable-handle.react-resizable-handle-e': {
+            top: '50%',
+            marginTop: '-10px',
+            cursor: 'ew-resize',
+            right: '0',
+            transform: 'rotate(315deg)',
+        },
+        '@global .react-grid-item > .react-resizable-handle.react-resizable-handle-n': {
+            left: '50%',
+            marginLeft: '-10px',
+            cursor: 'ns-resize',
+            top: '0',
+            transform: 'rotate(225deg)',
+        },
+        '@global .react-grid-item > .react-resizable-handle.react-resizable-handle-s': {
+            left: '50%',
+            marginLeft: '-10px',
+            cursor: 'ns-resize',
+            bottom: '0',
+            transform: 'rotate(45deg)',
+        },
+        // Manually converted styles from 'react-resizable/css/styles.css',
+        '@global .react-resizable': {
+            position: 'relative',
+        },
+        '@global .react-resizable-handle': {
+            position: 'absolute',
+            width: '20px',
+            height: '20px',
+            backgroundRepeat: 'no-repeat',
+            backgroundOrigin: 'content-box',
+            boxSizing: 'border-box',
+            backgroundImage: "url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+')",
+            backgroundPosition: 'bottom right',
+            padding: '0 3px 3px 0',
+        },
+        '@global .react-resizable-handle-sw': {
+            bottom: '0',
+            left: '0',
+            cursor: 'sw-resize',
+            transform: 'rotate(90deg)',
+        },
+        '@global .react-resizable-handle-se': {
+            bottom: '0',
+            right: '0',
+            cursor: 'se-resize',
+        },
+        '@global .react-resizable-handle-nw': {
+            top: '0',
+            left: '0',
+            cursor: 'nw-resize',
+            transform: 'rotate(180deg)',
+        },
+        '@global .react-resizable-handle-ne': {
+            top: '0',
+            right: '0',
+            cursor: 'ne-resize',
+            transform: 'rotate(270deg)',
+        },
+        '@global .react-resizable-handle-w': {
+            top: '50%',
+            marginTop: '-10px',
+            cursor: 'ew-resize',
+            left: '0',
+            transform: 'rotate(135deg)',
+        },
+        '@global .react-resizable-handle-e': {
+            top: '50%',
+            marginTop: '-10px',
+            cursor: 'ew-resize',
+            right: '0',
+            transform: 'rotate(315deg)',
+        },
+        '@global .react-resizable-handle-n': {
+            left: '50%',
+            marginLeft: '-10px',
+            cursor: 'ns-resize',
+            top: '0',
+            transform: 'rotate(225deg)',
+        },
+        '@global .react-resizable-handle-s': {
+            left: '50%',
+            marginLeft: '-10px',
+            cursor: 'ns-resize',
+            bottom: '0',
+            transform: 'rotate(45deg)',
+        },
+        // Custom
+        '@global .react-draggable-transparent-selection .react-grid-item': {
+            /* These styles prevent text selection during resize drag interactions.
+              The react-draggable-transparent-selection class is added to the body
+              element during resizing and removed after resizing has finished.
+              Not part of mixin because acts outside of .vitessce-container. */
+            userSelect: 'none !important',
+        },
+    },
+}));

package/dist-tsc/shared-mui/styles.d.ts

@@ -0,0 +1,5 @@
+export namespace muiTheme {
+    const dark: import("@material-ui/core").Theme;
+    const light: import("@material-ui/core").Theme;
+}
+//# sourceMappingURL=styles.d.ts.map

package/dist-tsc/shared-mui/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/shared-mui/styles.js"],"names":[],"mappings":""}