@vitessce/vit-s 2.0.2 → 2.0.3

package/dist/schemas/obsSets.schema.js

@@ -1,195 +0,0 @@
-const schema = {
-    $schema: 'http://json-schema.org/draft-07/schema#',
-    $id: 'https://github.com/vitessce/vitessce/#cell-sets',
-    title: 'Vitessce obs sets data',
-    type: 'object',
-    definitions: {
-        stringArray: {
-            type: 'array',
-            items: {
-                type: 'string',
-            },
-        },
-        stringProbabilityTupleArray: {
-            type: 'array',
-            items: {
-                type: 'array',
-                additionalItems: false,
-                items: [
-                    {
-                        type: 'string',
-                    },
-                    {
-                        oneOf: [
-                            {
-                                type: 'number',
-                                minimum: 0.0,
-                                maximum: 1.0,
-                            },
-                            {
-                                type: 'null',
-                            },
-                        ],
-                    },
-                ],
-            },
-        },
-        colorArray: {
-            type: 'array',
-            items: {
-                type: 'integer',
-                minimum: 0,
-                maximum: 255,
-            },
-            minItems: 3,
-            maxItems: 3,
-        },
-        treeNodeLeaf: {
-            type: 'object',
-            additionalProperties: false,
-            required: ['name'],
-            properties: {
-                name: {
-                    type: 'string',
-                },
-                color: {
-                    $ref: '#/definitions/colorArray',
-                },
-                set: {
-                    $ref: '#/definitions/stringArray',
-                },
-            },
-        },
-        treeNodeNonLeaf: {
-            type: 'object',
-            additionalProperties: false,
-            required: ['name'],
-            properties: {
-                name: {
-                    type: 'string',
-                },
-                color: {
-                    $ref: '#/definitions/colorArray',
-                },
-                children: {
-                    type: 'array',
-                    items: {
-                        $ref: '#/definitions/treeNode',
-                    },
-                },
-            },
-        },
-        treeNode: {
-            oneOf: [
-                {
-                    $ref: '#/definitions/treeNodeNonLeaf',
-                },
-                {
-                    $ref: '#/definitions/treeNodeLeaf',
-                },
-            ],
-        },
-        'version0.1.2': {
-            type: 'object',
-            additionalProperties: false,
-            required: ['version', 'datatype', 'tree'],
-            properties: {
-                dataset: {
-                    type: 'string',
-                },
-                version: {
-                    type: 'string',
-                    enum: ['0.1.2'],
-                },
-                datatype: {
-                    type: 'string',
-                    enum: ['cell', 'obs'],
-                },
-                tree: {
-                    type: 'array',
-                    items: {
-                        $ref: '#/definitions/treeNodeNonLeaf',
-                    },
-                },
-            },
-        },
-        treeNodeLeafProbabilistic: {
-            type: 'object',
-            additionalProperties: false,
-            required: ['name'],
-            properties: {
-                name: {
-                    type: 'string',
-                },
-                color: {
-                    $ref: '#/definitions/colorArray',
-                },
-                set: {
-                    $ref: '#/definitions/stringProbabilityTupleArray',
-                },
-            },
-        },
-        treeNodeNonLeafProbabilistic: {
-            type: 'object',
-            additionalProperties: false,
-            required: ['name'],
-            properties: {
-                name: {
-                    type: 'string',
-                },
-                color: {
-                    $ref: '#/definitions/colorArray',
-                },
-                children: {
-                    type: 'array',
-                    items: {
-                        $ref: '#/definitions/treeNodeProbabilistic',
-                    },
-                },
-            },
-        },
-        treeNodeProbabilistic: {
-            oneOf: [
-                {
-                    $ref: '#/definitions/treeNodeNonLeafProbabilistic',
-                },
-                {
-                    $ref: '#/definitions/treeNodeLeafProbabilistic',
-                },
-            ],
-        },
-        'version0.1.3': {
-            type: 'object',
-            additionalProperties: false,
-            required: ['version', 'datatype', 'tree'],
-            properties: {
-                dataset: {
-                    type: 'string',
-                },
-                version: {
-                    type: 'string',
-                    enum: ['0.1.3'],
-                },
-                datatype: {
-                    type: 'string',
-                    enum: ['cell', 'obs'],
-                },
-                tree: {
-                    type: 'array',
-                    items: {
-                        $ref: '#/definitions/treeNodeNonLeafProbabilistic',
-                    },
-                },
-            },
-        },
-    },
-    oneOf: [
-        {
-            $ref: '#/definitions/version0.1.2',
-        },
-        {
-            $ref: '#/definitions/version0.1.3',
-        },
-    ],
-};
-export default schema;

package/dist/schemas/obsSetsTabular.schema.js

@@ -1,38 +0,0 @@
-const schema = {
-    $schema: 'http://json-schema.org/draft-07/schema#',
-    $id: 'https://github.com/vitessce/vitessce/#obsSetsTabular',
-    title: 'Vitessce obs sets data, tabular format',
-    definitions: {
-        colorArray: {
-            type: 'array',
-            items: { type: 'integer', minimum: 0, maximum: 255 },
-            minItems: 3,
-            maxItems: 3,
-        },
-    },
-    type: 'array',
-    items: {
-        type: 'object',
-        additionalProperties: false,
-        required: ['groupName', 'setName', 'obsId'],
-        properties: {
-            groupName: { type: 'string' },
-            setName: { type: 'string' },
-            setColor: { $ref: '#/definitions/colorArray' },
-            obsId: { type: 'string' },
-            predictionScore: {
-                oneOf: [
-                    {
-                        type: 'number',
-                        minimum: 0.0,
-                        maximum: 1.0,
-                    },
-                    {
-                        type: 'null',
-                    },
-                ],
-            },
-        },
-    },
-};
-export default schema;

package/dist/schemas/raster.schema.js

@@ -1,120 +0,0 @@
-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/shared-mui/components.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useRef } from 'react';
-import { makeStyles } from '@material-ui/core/styles';
-import Paper from '@material-ui/core/Paper';
-import Popper from '@material-ui/core/Popper';
-import IconButton from '@material-ui/core/IconButton';
-import MenuList from '@material-ui/core/MenuList';
-import ClickAwayListener from '@material-ui/core/ClickAwayListener';
-import Fade from '@material-ui/core/Fade';
-import { useVitessceContainer } from '../hooks';
-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/shared-mui/container.js

@@ -1,211 +0,0 @@
-import { makeStyles } from '@material-ui/core/styles';
-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: '1rem',
-            fontWeight: '400',
-            lineHeight: '1.5',
-            textAlign: 'left',
-        },
-        '& p': {
-            marginTop: '0',
-            marginBottom: '1rem',
-        },
-        '& *, ::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/shared-mui/styles.js

@@ -1,73 +0,0 @@
-import { createTheme } from '@material-ui/core/styles';
-import { grey } from '@material-ui/core/colors';
-const globalColors = {
-    white: '#FFFFFF',
-    grayLight: '#D3D3D3',
-    grayMid: '#808080',
-    grayDark: '#555555',
-    black: '#000000',
-    grayDarkL5: 'rgb(98, 98, 98)',
-    grayDarkD15: 'rgb(47, 47, 47)',
-    grayMidL10: 'rgb(154, 154, 154)',
-    grayLightL10: 'rgb(237, 237, 237)', // lighten(map-get($global-colors, "gray-light"), 10%);
-};
-export const muiTheme = {
-    dark: createTheme({
-        palette: {
-            type: 'dark',
-            primary: grey,
-            secondary: grey,
-            primaryBackground: '#222222',
-            primaryBackgroundHighlight: '#000000',
-            primaryBackgroundInput: '#D3D3D3',
-            primaryBackgroundDim: '#333333',
-            primaryBackgroundLight: '#757575',
-            primaryForeground: '#D3D3D3',
-            primaryForegroundL5: 'rgb(224, 224, 224)',
-            primaryForegroundL10: 'rgb(237, 237, 237)',
-            primaryForegroundD15: 'rgb(173, 173, 173)',
-            primaryForegroundDim: '#000000',
-            primaryForegroundActive: '#9bb7d6',
-            secondaryBackground: '#000000',
-            secondaryBackgroundDim: '#444444',
-            secondaryForeground: '#D3D3D3',
-            gridLayoutBackground: '#333333',
-            cardBorder: 'rgba(0, 0, 0, 0.125)',
-            ...globalColors,
-        },
-        props: {
-            MuiButtonBase: {
-                disableRipple: true,
-            },
-        },
-    }),
-    light: createTheme({
-        palette: {
-            type: 'light',
-            primary: grey,
-            secondary: grey,
-            primaryBackground: '#F1F1F1',
-            primaryBackgroundHighlight: '#FFFFFF',
-            primaryBackgroundInput: '#FFFFFF',
-            primaryBackgroundDim: '#8A8A8A',
-            primaryBackgroundLight: '#e0e0e0',
-            primaryForeground: '#333333',
-            primaryForegroundL5: 'rgb(64, 64, 64)',
-            primaryForegroundL10: 'rgb(77, 77, 77)',
-            primaryForegroundD15: 'rgb(13, 13, 13)',
-            primaryForegroundDim: '#808080',
-            primaryForegroundActive: '#0074D9',
-            secondaryBackground: '#F1F1F1',
-            secondaryBackgroundDim: '#C0C0C0',
-            secondaryForeground: '#222222',
-            gridLayoutBackground: '#FFFFFF',
-            cardBorder: 'rgba(241, 241, 241, 0.125)',
-            ...globalColors,
-        },
-        props: {
-            MuiButtonBase: {
-                disableRipple: true,
-            },
-        },
-    }),
-};