@vitessce/vit-s 2.0.3 → 3.0.0

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

@@ -0,0 +1,109 @@
+import { createTheme, colors } from '@material-ui/core';
+const { grey } = 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%);
+};
+const sharedThemeOptions = {
+    // Use px instead of rem, so that sizing is consistent despite the root element font-size.
+    // Reference: https://github.com/mui/material-ui/blob/627c08fc/src/styles/createTypography.js
+    typography: {
+        pxToRem: size => `${size}px`,
+        display4: {
+            fontSize: '112px',
+        },
+        display3: {
+            fontSize: '56px',
+        },
+        display2: {
+            fontSize: '45px',
+        },
+        display1: {
+            fontSize: '34px',
+        },
+        headline: {
+            fontSize: '24px',
+        },
+        title: {
+            fontSize: '21px',
+        },
+        subheading: {
+            fontSize: '16px',
+        },
+        body2: {
+            fontSize: '14px',
+        },
+        body1: {
+            fontSize: '14px',
+        },
+        caption: {
+            fontSize: '12px',
+        },
+    },
+    props: {
+        MuiButtonBase: {
+            disableRipple: true,
+        },
+    },
+};
+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)',
+            tooltipText: '#FFFFFF',
+            ...globalColors,
+        },
+        ...sharedThemeOptions,
+    }),
+    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)',
+            tooltipText: 'rgba(0, 0, 0, 0.87)',
+            ...globalColors,
+        },
+        ...sharedThemeOptions,
+    }),
+};

package/dist-tsc/shared-plot-options/CellColorEncodingOption.d.ts

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

package/dist-tsc/shared-plot-options/CellColorEncodingOption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellColorEncodingOption.d.ts","sourceRoot":"","sources":["../../src/shared-plot-options/CellColorEncodingOption.js"],"names":[],"mappings":"AAMA,yEAmCC"}

package/dist-tsc/shared-plot-options/CellColorEncodingOption.js

@@ -0,0 +1,17 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { TableCell, TableRow } from '@material-ui/core';
+import { capitalize } from '@vitessce/utils';
+import OptionSelect from './OptionSelect.js';
+import { useStyles } from './styles.js';
+export default function CellColorEncodingOption(props) {
+    const { observationsLabel, cellColorEncoding, setCellColorEncoding, } = props;
+    const classes = useStyles();
+    const observationsLabelNice = capitalize(observationsLabel);
+    function handleColorEncodingChange(event) {
+        setCellColorEncoding(event.target.value);
+    }
+    return (_jsxs(TableRow, { children: [_jsxs(TableCell, { className: classes.labelCell, htmlFor: "cell-color-encoding-select", children: [observationsLabelNice, " Color Encoding"] }), _jsx(TableCell, { className: classes.inputCell, children: _jsxs(OptionSelect, { className: classes.select, value: cellColorEncoding, onChange: handleColorEncodingChange, inputProps: {
+                        id: 'cell-color-encoding-select',
+                    }, children: [_jsx("option", { value: "cellSetSelection", children: "Cell Sets" }), _jsx("option", { value: "geneSelection", children: "Gene Expression" })] }) })] }));
+}

package/dist-tsc/shared-plot-options/OptionSelect.d.ts

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

package/dist-tsc/shared-plot-options/OptionSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionSelect.d.ts","sourceRoot":"","sources":["../../src/shared-plot-options/OptionSelect.js"],"names":[],"mappings":"AAIA,8DAcC"}

package/dist-tsc/shared-plot-options/OptionSelect.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { Select } from '@material-ui/core';
+import { useStyles } from './styles.js';
+export default function OptionSelect(props) {
+    const { classes: classesProp = {} } = props;
+    const classes = useStyles();
+    return (_jsx(Select, { native: true, disableUnderline: true, ...props, classes: {
+            root: classes.selectRoot,
+            ...classesProp,
+        } }));
+}

package/dist-tsc/shared-plot-options/OptionsContainer.d.ts

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

package/dist-tsc/shared-plot-options/OptionsContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionsContainer.d.ts","sourceRoot":"","sources":["../../src/shared-plot-options/OptionsContainer.js"],"names":[],"mappings":"AAIA,kEAkBC"}

package/dist-tsc/shared-plot-options/OptionsContainer.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { Box, Table, TableBody, TableContainer } from '@material-ui/core';
+import { useStyles } from './styles.js';
+export default function OptionsContainer(props) {
+    const { children, } = props;
+    const classes = useStyles();
+    return (_jsx(Box, { className: classes.box, children: _jsx(TableContainer, { className: classes.tableContainer, children: _jsx(Table, { className: classes.table, size: "small", children: _jsx(TableBody, { children: children }) }) }) }));
+}

package/dist-tsc/shared-plot-options/index.d.ts

@@ -0,0 +1,5 @@
+export { default as CellColorEncodingOption } from "./CellColorEncodingOption.js";
+export { default as OptionsContainer } from "./OptionsContainer.js";
+export { default as OptionSelect } from "./OptionSelect.js";
+export { useStyles as usePlotOptionsStyles } from "./styles.js";
+//# sourceMappingURL=index.d.ts.map

package/dist-tsc/shared-plot-options/index.d.ts.map

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

package/dist-tsc/shared-plot-options/index.js

@@ -0,0 +1,4 @@
+export { default as CellColorEncodingOption } from './CellColorEncodingOption.js';
+export { default as OptionsContainer } from './OptionsContainer.js';
+export { default as OptionSelect } from './OptionSelect.js';
+export { useStyles as usePlotOptionsStyles } from './styles.js';

package/dist-tsc/shared-plot-options/styles.d.ts

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

package/dist-tsc/shared-plot-options/styles.d.ts.map

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

package/dist-tsc/shared-plot-options/styles.js

@@ -0,0 +1,48 @@
+import { makeStyles } from '@material-ui/core';
+export const useStyles = makeStyles(theme => ({
+    box: {
+        boxSizing: 'border-box',
+    },
+    checkbox: {
+        padding: '3px',
+        color: theme.palette.primaryForeground,
+        '&:checked': {
+            color: theme.palette.primaryForeground,
+        },
+        '& input': {
+            height: '100%',
+        },
+    },
+    slider: {
+        color: theme.palette.primaryForeground,
+        minWidth: '60px',
+        padding: '10px 0 10px 0',
+    },
+    sliderValueLabel: {
+        '& span': {
+            '& span': {
+                color: theme.palette.primaryBackground,
+            },
+        },
+    },
+    tableContainer: {
+        overflow: 'hidden',
+        overflowX: 'hidden !important',
+    },
+    labelCell: {
+        padding: '2px 8px 2px 16px',
+    },
+    inputCell: {
+        padding: '2px 16px 2px 8px',
+        overflow: 'visible',
+    },
+    select: {
+        '& select': {
+            fontSize: '14px',
+        },
+    },
+    selectRoot: {
+        padding: 0,
+        height: 'auto',
+    },
+}));

package/dist-tsc/state/hooks.d.ts

@@ -0,0 +1,216 @@
+/**
+ * The useCoordination hook returns both the
+ * values and setter functions for the coordination objects
+ * in a particular coordination scope mapping.
+ * This hook is intended to be used within the ___Subscriber
+ * components to allow them to "hook into" only those coordination
+ * objects and setter functions of relevance.
+ * @param {string[]} parameters Array of coordination types.
+ * @param {object} coordinationScopes Mapping of coordination types
+ * to scope names.
+ * @returns {array} Returns a tuple [values, setters]
+ * where values is an object containing all coordination values,
+ * and setters is an object containing all coordination setter
+ * functions for the values in `values`, named with a "set"
+ * prefix.
+ */
+export function useCoordination(parameters: string[], coordinationScopes: object): array;
+export function useMultiCoordinationValues(parameter: any, coordinationScopes: any): any;
+/**
+ * Get a mapping from dataset coordination scopes to dataset UIDs.
+ * @param {object} coordinationScopes The coordination scope mapping object for a view.
+ * @returns {object} Mapping from dataset coordination scope names to dataset UIDs.
+ */
+export function useDatasetUids(coordinationScopes: object): object;
+/**
+ * Use coordination values and coordination setter functions corresponding to
+ * {coordinationType}-specific coordination scopes for each coordination type.
+ * @param {string[]} parameters An array of coordination types supported by a view.
+ * @param {object} coordinationScopes The coordination scope mapping object for a view.
+ * @param {object} coordinationScopesBy The per-coordinationType coordination scope
+ * mapping object for a view.
+ * @param {string} byType The {coordinationType} to use for per-{coordinationType} coordination
+ * scope mappings.
+ * @returns {array} [cValues, cSetters] where
+ * cValues is a mapping from coordination scope name to { coordinationType: coordinationValue },
+ * and cSetters is a mapping from coordination scope name to { setCoordinationType }
+ * setter functions.
+ */
+export function useComplexCoordination(parameters: string[], coordinationScopes: object, coordinationScopesBy: object, byType: string): array;
+/**
+ * Use coordination values and coordination setter functions corresponding to
+ * dataset-specific coordination scopes for each coordination type.
+ * @param {string[]} parameters An array of coordination types supported by a view.
+ * @param {object} coordinationScopes The coordination scope mapping object for a view.
+ * @param {object} coordinationScopesBy The per-coordinationType coordination scope
+ * mapping object for a view.
+ * @returns {array} [cValues, cSetters] where
+ * cValues is a mapping from coordination scope name to { coordinationType: coordinationValue },
+ * and cSetters is a mapping from coordination scope name to { setCoordinationType }
+ * setter functions.
+ */
+export function useMultiDatasetCoordination(parameters: string[], coordinationScopes: object, coordinationScopesBy: object): array;
+/**
+ * The useAuxiliaryCoordination hook returns both the
+ * values and setter functions for the auxiliary coordination objects
+ * in a particular coordination scope mapping.
+ * This hook is intended to be used within the ___Subscriber
+ * components to allow them to "hook into" only those auxiliary coordination
+ * objects and setter functions of relevance, for example "on load" callbacks.
+ * @param {string[]} parameters Array of coordination types.
+ * @param {object} coordinationScopes Mapping of coordination types
+ * to scope names.
+ * @returns {array} Returns a tuple [values, setters]
+ * where values is an object containing all coordination values,
+ * and setters is an object containing all coordination setter
+ * functions for the values in `values`, named with a "set"
+ * prefix.
+ */
+export function useAuxiliaryCoordination(parameters: string[], coordinationScopes: object): array;
+/**
+ * Obtain the loaders object from
+ * the global app state.
+ * @returns {object} The loaders object
+ * in the `useViewConfigStore` store.
+ */
+export function useLoaders(): object;
+/**
+ * Find a specific loader instance for a particular dataset, data type, and view
+ * coordination values (mapping from coordination types to coordination values).
+ * Uses lodash/isMatch to perform matching against the file definition's
+ * coordination value mapping.
+ * @param {object} loaders The value returned by useLoaders.
+ * @param {string} dataset The dataset UID.
+ * @param {string} dataType The data type for the matching file.
+ * @param {object} viewCoordinationValues Current coordination values
+ * from the view. Match these against a subset of file definition coordination
+ * values.
+ * @returns The matching loader instance or `null`.
+ */
+export function useMatchingLoader(loaders: object, dataset: string, dataType: string, viewCoordinationValues: object): any;
+/**
+ * Find a specific loader instance for a particular dataset, data type, and view
+ * coordination values (mapping from coordination types to coordination values).
+ * Uses lodash/isMatch to perform matching against the file definition's
+ * coordination value mapping.
+ * @param {object} loaders The value returned by useLoaders.
+ * @param {string} dataset The dataset UID.
+ * @param {string} dataType The data type for the matching file.
+ * @param {object} viewCoordinationValues Current coordination values
+ * from the view. Match these against a subset of file definition coordination
+ * values.
+ * @returns The matching loader instance or `null`.
+ */
+export function useMatchingLoaders(loaders: object, dataset: string, dataType: string, viewCoordinationValuesObj: any): any;
+/**
+ * Obtain the view config layout array from
+ * the global app state.
+ * @returns {object[]} The layout array
+ * in the `useViewConfigStore` store.
+ */
+export function useLayout(): object[];
+/**
+ * Obtain the component removal function from
+ * the global app state.
+ * @returns {function} The remove component function
+ * in the `useViewInfoStore` store.
+ */
+export function useRemoveComponent(): Function;
+/**
+ * Obtain the component prop setter function from
+ * the global app state.
+ * @returns {function} The set component props function
+ * in the `useViewInfoStore` store.
+ */
+export function useChangeLayout(): Function;
+/**
+ * Obtain the loaders setter function from
+ * the global app state.
+ * @returns {function} The loaders setter function
+ * in the `useViewConfigStore` store.
+ */
+export function useSetLoaders(): Function;
+/**
+ * Obtain the view config setter function from
+ * the global app state.
+ * @returns {function} The view config setter function
+ * in the `useViewConfigStore` store.
+ */
+export function useSetViewConfig(viewConfigStoreApi: any): Function;
+/**
+ * Obtain the component hover value from
+ * the global app state.
+ * @returns {number} The hovered component ID
+ * in the `useHoverStore` store.
+ */
+export function useComponentHover(): number;
+/**
+ * Obtain the component hover setter function from
+ * the global app state.
+ * @returns {function} The component hover setter function
+ * in the `useHoverStore` store.
+ */
+export function useSetComponentHover(): Function;
+/**
+ * Obtain the warning message from
+ * the global app state.
+ * @returns {string} The warning message
+ * in the `useWarnStore` store.
+ */
+export function useWarning(): string;
+/**
+ * Obtain the warning setter function from
+ * the global app state.
+ * @returns {function} The warning setter function
+ * in the `useWarnStore` store.
+ */
+export function useSetWarning(): Function;
+/**
+ * Obtain the component view info value from
+ * the global app state.
+ * @returns {object} The view info object for the component
+ * in the `useViewInfoStore` store.
+ */
+export function useComponentViewInfo(uuid: any): object;
+/**
+ * Obtain the component view info setter function from
+ * the global app state.
+ * @returns {function} The component view info setter function
+ * in the `useViewInfoStore` store.
+ */
+export function useSetComponentViewInfo(uuid: any): Function;
+/**
+ * Obtain the grid resize count value
+ * from the global app state.
+ * @returns {number} The grid resize increment value.
+ */
+export function useGridResize(): number;
+/**
+ * Obtain the grid resize count increment function
+ * from the global app state.
+ * @returns {function} The grid resize count increment
+ * function.
+ */
+export function useEmitGridResize(): Function;
+export const ViewConfigProvider: ({ initialStore, createStore, children, }: {
+    initialStore?: import("zustand").UseBoundStore<object, import("zustand").StoreApi<object>> | undefined;
+    createStore: () => import("zustand").UseBoundStore<object, import("zustand").StoreApi<object>>;
+    children: import("../../../plugins/node_modules/@types/react/ts5.0").ReactNode;
+}) => import("../../../plugins/node_modules/@types/react/ts5.0").FunctionComponentElement<import("../../../plugins/node_modules/@types/react/ts5.0").ProviderProps<import("zustand").UseBoundStore<object, import("zustand").StoreApi<object>> | undefined>>;
+export const useViewConfigStore: import("zustand/context").UseContextStore<object>;
+export const useViewConfigStoreApi: () => {
+    getState: import("zustand").GetState<object>;
+    setState: import("zustand").SetState<object>;
+    subscribe: import("zustand").Subscribe<object>;
+    destroy: import("zustand").Destroy;
+};
+export const AuxiliaryProvider: ({ initialStore, createStore, children, }: {
+    initialStore?: import("zustand").UseBoundStore<object, import("zustand").StoreApi<object>> | undefined;
+    createStore: () => import("zustand").UseBoundStore<object, import("zustand").StoreApi<object>>;
+    children: import("../../../plugins/node_modules/@types/react/ts5.0").ReactNode;
+}) => import("../../../plugins/node_modules/@types/react/ts5.0").FunctionComponentElement<import("../../../plugins/node_modules/@types/react/ts5.0").ProviderProps<import("zustand").UseBoundStore<object, import("zustand").StoreApi<object>> | undefined>>;
+export const useAuxiliaryStore: import("zustand/context").UseContextStore<object>;
+export function createViewConfigStore(): Function;
+export function useComponentLayout(component: any, scopes: any, coordinationScopes: any): Object;
+export function createAuxiliaryStore(): Function;
+//# sourceMappingURL=hooks.d.ts.map

package/dist-tsc/state/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/state/hooks.js"],"names":[],"mappings":"AAuLA;;;;;;;;;;;;;;;GAeG;AACH,4CATW,MAAM,EAAE,sBACR,MAAM,SAkChB;AAED,yFAmBC;AAED;;;;GAIG;AACH,mDAHW,MAAM,GACJ,MAAM,CAIlB;AAED;;;;;;;;;;;;;GAaG;AACH,mDAXW,MAAM,EAAE,sBACR,MAAM,wBACN,MAAM,UAEN,MAAM,SAsEhB;AAED;;;;;;;;;;;GAWG;AACH,wDATW,MAAM,EAAE,sBACR,MAAM,wBACN,MAAM,SAYhB;AA6BD;;;;;;;;;;;;;;;GAeG;AACH,qDATW,MAAM,EAAE,sBACR,MAAM,SAkChB;AAED;;;;;GAKG;AACH,8BAHa,MAAM,CAKlB;AAED;;;;;;;;;;;;GAYG;AACH,2CARW,MAAM,WACN,MAAM,YACN,MAAM,0BACN,MAAM,OAsBhB;AAED;;;;;;;;;;;;GAYG;AACH,4CARW,MAAM,WACN,MAAM,YACN,MAAM,uCA4BhB;AAED;;;;;GAKG;AACH,6BAHa,MAAM,EAAE,CAKpB;AAED;;;;;GAKG;AACH,+CAEC;AAED;;;;;GAKG;AACH,4CAEC;AAED;;;;;GAKG;AACH,0CAEC;AAED;;;;;GAKG;AACH,oEAIC;AAED;;;;;GAKG;AACH,qCAHa,MAAM,CAKlB;AAED;;;;;GAKG;AACH,iDAEC;AAED;;;;;GAKG;AACH,8BAHa,MAAM,CAKlB;AAED;;;;;GAKG;AACH,0CAEC;AAED;;;;;GAKG;AACH,iDAHa,MAAM,CAKlB;AAED;;;;;GAKG;AACH,6DAOC;AAED;;;;GAIG;AACH,iCAFa,MAAM,CAIlB;AAED;;;;;GAKG;AACH,8CAEC;AA9mBD;;;;6PAA0D;AAC1D,mFAA0D;AAC1D;;;;;EAAgE;AAOhE;;;;6PAAwD;AACxD,kFAAwD;AAajD,kDA+CJ;AAOI,0FAFM,MAAM,CAOlB;AAcM,iDAUJ"}