@vitessce/vit-s 2.0.3-beta.0 → 3.0.0

package/dist-tsc/CallbackPublisher.d.ts

@@ -0,0 +1,18 @@
+/**
+ * This is a dummy component which handles
+ * publishing new view configs and loaders to
+ * the provided callbacks on changes.
+ * @param {object} props
+ * @param {function} props.onConfigChange A callback function
+ * to execute on each change of the Vitessce view config.
+ * @param {function} props.onLoaderChange A callback function
+ * to execute on each change of the loaders object.
+ * @param {boolean} props.validateOnConfigChange Whether to validate
+ * against the view config schema when publishing changes.
+ */
+export default function CallbackPublisher(props: {
+    onConfigChange: Function;
+    onLoaderChange: Function;
+    validateOnConfigChange: boolean;
+}): null;
+//# sourceMappingURL=CallbackPublisher.d.ts.map

package/dist-tsc/CallbackPublisher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CallbackPublisher.d.ts","sourceRoot":"","sources":["../src/CallbackPublisher.js"],"names":[],"mappings":"AAeA;;;;;;;;;;;GAWG;AACH;IAP2B,cAAc;IAEd,cAAc;IAEf,sBAAsB,EAArC,OAAO;SAoDjB"}

package/{dist → dist-tsc}/CallbackPublisher.js

@@ -1,16 +1,10 @@
 import { useEffect } from 'react';
-import { SCHEMA_HANDLERS, LATEST_VERSION } from './view-config-versions';
-import { useViewConfigStoreApi, useLoaders, useWarning } from './state/hooks';
-function validateViewConfig(viewConfig) {
+import { useViewConfigStoreApi, useLoaders, useWarning } from './state/hooks.js';
+function validateViewConfig(viewConfig, pluginSpecificConfigSchema) {
     // Need the try-catch here since Zustand will actually
     // just catch and ignore errors in its subscription callbacks.
     try {
-        const validate = SCHEMA_HANDLERS[LATEST_VERSION][0];
-        const valid = validate(viewConfig);
-        if (!valid) {
-            const failureReason = JSON.stringify(validate.errors, null, 2);
-            throw new Error(`Config validation failed: ${failureReason}`);
-        }
+        pluginSpecificConfigSchema.parse(viewConfig);
     }
     catch (e) {
         console.error(e);
@@ -30,7 +24,7 @@ function validateViewConfig(viewConfig) {
  * against the view config schema when publishing changes.
  */
 export default function CallbackPublisher(props) {
-    const { onWarn, onConfigChange, onLoaderChange, validateOnConfigChange, } = props;
+    const { onWarn, onConfigChange, onLoaderChange, validateOnConfigChange, pluginSpecificConfigSchema, } = props;
     const warning = useWarning();
     const loaders = useLoaders();
     const viewConfigStoreApi = useViewConfigStoreApi();
@@ -42,7 +36,7 @@ export default function CallbackPublisher(props) {
     // The function to run on each publish.
     (viewConfig) => {
         if (validateOnConfigChange && viewConfig) {
-            validateViewConfig(viewConfig);
+            validateViewConfig(viewConfig, pluginSpecificConfigSchema);
         }
         if (onConfigChange && viewConfig) {
             onConfigChange(viewConfig);
@@ -50,7 +44,7 @@ export default function CallbackPublisher(props) {
     }, 
     // The function to specify which part of the store
     // we want to subscribe to.
-    state => state.viewConfig), [onConfigChange, validateOnConfigChange, viewConfigStoreApi]);
+    state => state.viewConfig), [onConfigChange, validateOnConfigChange, viewConfigStoreApi, pluginSpecificConfigSchema]);
     // Emit updates to the warning message.
     useEffect(() => {
         if (onWarn && warning) {

package/dist-tsc/LoadingIndicator.d.ts

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

package/dist-tsc/LoadingIndicator.d.ts.map

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

package/{dist → dist-tsc}/LoadingIndicator.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import { makeStyles } from '@material-ui/core/styles';
-import CircularProgress from '@material-ui/core/CircularProgress';
+import { makeStyles, CircularProgress } from '@material-ui/core';
 const useStyles = makeStyles(() => ({
     loadingIndicatorBackdrop: {
         position: 'absolute',

package/dist-tsc/TitleInfo.d.ts

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

package/dist-tsc/TitleInfo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TitleInfo.d.ts","sourceRoot":"","sources":["../src/TitleInfo.js"],"names":[],"mappings":"AAuHA,mDA+CC"}

package/{dist → dist-tsc}/TitleInfo.js

@@ -1,18 +1,12 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useState } from 'react';
 import clsx from 'clsx';
-import { makeStyles } from '@material-ui/core/styles';
-import CloudDownloadIcon from '@material-ui/icons/CloudDownload';
-import MenuItem from '@material-ui/core/MenuItem';
-import IconButton from '@material-ui/core/IconButton';
-import Link from '@material-ui/core/Link';
-import ArrowDropDownIcon from '@material-ui/icons/ArrowDropDown';
-import ArrowDropUpIcon from '@material-ui/icons/ArrowDropUp';
-import SettingsIcon from '@material-ui/icons/Settings';
-import CloseIcon from '@material-ui/icons/Close';
-import { TOOLTIP_ANCESTOR } from './classNames';
-import LoadingIndicator from './LoadingIndicator';
-import { PopperMenu } from './shared-mui/components';
+import { makeStyles, MenuItem, IconButton, Link } from '@material-ui/core';
+import { CloudDownload as CloudDownloadIcon, ArrowDropDown as ArrowDropDownIcon, ArrowDropUp as ArrowDropUpIcon, Settings as SettingsIcon, Close as CloseIcon, } from '@material-ui/icons';
+import { TOOLTIP_ANCESTOR } from './classNames.js';
+import LoadingIndicator from './LoadingIndicator.js';
+import { PopperMenu } from './shared-mui/components.js';
+import { useTitleStyles } from './title-styles.js';
 const useStyles = makeStyles(theme => ({
     iconButton: {
         border: 'none',
@@ -65,77 +59,6 @@ function ClosePaneButton(props) {
     const classes = useStyles();
     return (_jsx(IconButton, { onClick: removeGridComponent, size: "small", className: classes.iconButton, title: "close", children: _jsx(CloseIcon, {}) }));
 }
-export const useTitleStyles = makeStyles(theme => ({
-    title: {
-        color: theme.palette.primaryForeground,
-        overflowX: 'hidden',
-        display: 'flex',
-        flexDirection: 'row',
-        flexShrink: '0',
-    },
-    titleLeft: {
-        flexShrink: '1',
-        textOverflow: 'ellipsis',
-        whiteSpace: 'nowrap',
-    },
-    titleInfo: {
-        width: '100%',
-        textOverflow: 'ellipsis',
-        whiteSpace: 'nowrap',
-        overflow: 'hidden',
-        fontSize: '80% !important',
-        opacity: '.8',
-        padding: '0 4px',
-        justifyContent: 'center',
-        lineHeight: '25px !important',
-        flexShrink: '1',
-        textAlign: 'right !important',
-    },
-    titleButtons: {
-        display: 'flex',
-        flexDirection: 'row',
-        flexGrow: '1',
-        flexShrink: '0',
-        justifyContent: 'right',
-        '& div': {
-            display: 'inline-block',
-        },
-    },
-    card: {
-        border: `1px solid ${theme.palette.cardBorder}`,
-        flex: '1 1 auto',
-        minHeight: '1px',
-        padding: '12px',
-        marginTop: '8px',
-        marginBottom: '8px',
-        position: 'relative',
-        display: 'flex',
-        flexDirection: 'column',
-        minWidth: '0',
-        wordWrap: 'break-word',
-        backgroundClip: 'border-box',
-        borderRadius: '4px',
-    },
-    noScrollCard: {
-        backgroundColor: theme.palette.secondaryBackground,
-        color: theme.palette.secondaryForeground,
-    },
-    scrollCard: {
-        backgroundColor: theme.palette.primaryBackground,
-        color: theme.palette.primaryForeground,
-        '& a': {
-            color: theme.palette.primaryForegroundActive,
-        },
-        overflowY: 'auto',
-    },
-    spatialCard: {
-        backgroundColor: theme.palette.black,
-        color: theme.palette.white,
-        '& a': {
-            color: theme.palette.white,
-        },
-    },
-}));
 export function TitleInfo(props) {
     const { title, info, children, isScroll, isSpatial, removeGridComponent, urls, isReady, options, } = props;
     const classes = useTitleStyles();

package/dist-tsc/VitS.d.ts

@@ -0,0 +1,45 @@
+/**
+ * The Vitessce component.
+ * @param {object} props
+ * @param {object} props.config A Vitessce view config.
+ * If the config is valid, the VitessceGrid will be rendered as a child.
+ * If the config is invalid, a Warning will be rendered instead.
+ * @param {undefined|number} props.rowHeight Row height for grid layout. Optional.
+ * @param {number} props.height Total height for grid layout. Optional.
+ * @param {string} props.theme The theme, used for styling as
+ * light or dark. Optional. By default, "dark"
+ * @param {function} props.onWarn A callback for warning messages. Optional.
+ * @param {function} props.onConfigChange A callback for view config
+ * updates. Optional.
+ * @param {function} props.onLoaderChange A callback for loader
+ * updates. Optional.
+ * @param {boolean} props.validateOnConfigChange Whether to validate
+ * against the view config schema when publishing changes. Use for debugging
+ * purposes, as this may have a performance impact. By default, false.
+ * @param {undefined|string} props.uid A unique identifier for this Vitessce instance,
+ * for the purpose of avoiding CSS autogenerated class name conflicts. Must be valid as part
+ * of a CSS class name string.
+ * @param {array} props.viewTypes Plugin view types.
+ * @param {array} props.fileTypes Plugin file types.
+ * @param {array} props.jointFileTypes Plugin joint file types.
+ * @param {array} props.coordinationTypes Plugin coordination types.
+ * @param {null|object} props.warning A warning to render within the Vitessce grid,
+ * provided by the parent.
+ */
+export function VitS(props: {
+    config: object;
+    rowHeight: undefined | number;
+    height: number;
+    theme: string;
+    onWarn: Function;
+    onConfigChange: Function;
+    onLoaderChange: Function;
+    validateOnConfigChange: boolean;
+    uid: undefined | string;
+    viewTypes: array;
+    fileTypes: array;
+    jointFileTypes: array;
+    coordinationTypes: array;
+    warning: null | object;
+}): JSX.Element;
+//# sourceMappingURL=VitS.d.ts.map

package/dist-tsc/VitS.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VitS.d.ts","sourceRoot":"","sources":["../src/VitS.js"],"names":[],"mappings":"AA+BA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH;IAzByB,MAAM,EAApB,MAAM;IAGkB,SAAS,EAAjC,SAAS,GAAC,MAAM;IACF,MAAM,EAApB,MAAM;IACQ,KAAK,EAAnB,MAAM;IAEU,MAAM;IACN,cAAc;IAEd,cAAc;IAEf,sBAAsB,EAArC,OAAO;IAGiB,GAAG,EAA3B,SAAS,GAAC,MAAM;IAGH,SAAS;IACT,SAAS;IACT,cAAc;IACd,iBAAiB;IACX,OAAO,EAA1B,IAAI,GAAC,MAAM;gBAiJrB"}

package/dist-tsc/VitS.js

@@ -0,0 +1,119 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect, useMemo } from 'react';
+import { ThemeProvider, StylesProvider, createGenerateClassName, } from '@material-ui/core/es/styles/index.js';
+import { isEqual } from 'lodash-es';
+import { META_VERSION } from '@vitessce/constants-internal';
+import { buildConfigSchema, latestConfigSchema } from '@vitessce/schemas';
+import { muiTheme } from './shared-mui/styles.js';
+import { ViewConfigProvider, createViewConfigStore, AuxiliaryProvider, createAuxiliaryStore, } from './state/hooks.js';
+import VitessceGrid from './VitessceGrid.js';
+import { Warning } from './Warning.js';
+import CallbackPublisher from './CallbackPublisher.js';
+import { initialize, } from './view-config-utils.js';
+function logConfig(config, name) {
+    console.groupCollapsed(`🚄 Vitessce (${META_VERSION.version}) ${name}`);
+    console.info(`data:,${JSON.stringify(config)}`);
+    console.info(JSON.stringify(config, null, 2));
+    console.groupEnd();
+}
+/**
+ * The Vitessce component.
+ * @param {object} props
+ * @param {object} props.config A Vitessce view config.
+ * If the config is valid, the VitessceGrid will be rendered as a child.
+ * If the config is invalid, a Warning will be rendered instead.
+ * @param {undefined|number} props.rowHeight Row height for grid layout. Optional.
+ * @param {number} props.height Total height for grid layout. Optional.
+ * @param {string} props.theme The theme, used for styling as
+ * light or dark. Optional. By default, "dark"
+ * @param {function} props.onWarn A callback for warning messages. Optional.
+ * @param {function} props.onConfigChange A callback for view config
+ * updates. Optional.
+ * @param {function} props.onLoaderChange A callback for loader
+ * updates. Optional.
+ * @param {boolean} props.validateOnConfigChange Whether to validate
+ * against the view config schema when publishing changes. Use for debugging
+ * purposes, as this may have a performance impact. By default, false.
+ * @param {undefined|string} props.uid A unique identifier for this Vitessce instance,
+ * for the purpose of avoiding CSS autogenerated class name conflicts. Must be valid as part
+ * of a CSS class name string.
+ * @param {array} props.viewTypes Plugin view types.
+ * @param {array} props.fileTypes Plugin file types.
+ * @param {array} props.jointFileTypes Plugin joint file types.
+ * @param {array} props.coordinationTypes Plugin coordination types.
+ * @param {null|object} props.warning A warning to render within the Vitessce grid,
+ * provided by the parent.
+ */
+export function VitS(props) {
+    const { config, rowHeight, height, theme, onWarn, onConfigChange, onLoaderChange, validateOnConfigChange = false, isBounded = false, uid, viewTypes: viewTypesProp, fileTypes: fileTypesProp, jointFileTypes: jointFileTypesProp, coordinationTypes: coordinationTypesProp, warning, } = props;
+    const viewTypes = useMemo(() => (viewTypesProp || []), [viewTypesProp]);
+    const fileTypes = useMemo(() => (fileTypesProp || []), [fileTypesProp]);
+    const jointFileTypes = useMemo(() => (jointFileTypesProp || []), [jointFileTypesProp]);
+    const coordinationTypes = useMemo(() => (coordinationTypesProp || []), [coordinationTypesProp]);
+    const generateClassName = useMemo(() => createGenerateClassName({
+        disableGlobal: false,
+        // Avoid conflicts with portal-ui MUI class names,
+        // and allow setting a UID.
+        productionPrefix: (uid ? `vit${uid}` : 'vit'),
+    }), [uid]);
+    const configUid = config?.uid;
+    const configVersion = config?.version;
+    const pluginSpecificConfigSchema = useMemo(() => buildConfigSchema(fileTypes, jointFileTypes, coordinationTypes, viewTypes), [viewTypes, fileTypes, jointFileTypes, coordinationTypes]);
+    // Process the view config and memoize the result:
+    // - Validate.
+    // - Upgrade, if legacy schema.
+    // - Validate after upgrade, if legacy schema.
+    // - Initialize (based on initStrategy).
+    const [configOrWarning, success] = useMemo(() => {
+        if (warning) {
+            return [warning, false];
+        }
+        logConfig(config, 'input view config');
+        const result = latestConfigSchema.safeParse(config);
+        if (result.success) {
+            const upgradedConfig = result.data;
+            logConfig(upgradedConfig, 'upgraded view config');
+            // Perform second round of parsing against plugin-specific config schema.
+            const pluginSpecificResult = pluginSpecificConfigSchema.safeParse(upgradedConfig);
+            // Initialize the view config according to the initStrategy.
+            if (pluginSpecificResult.success) {
+                try {
+                    const upgradedConfigWithValidPlugins = pluginSpecificResult.data;
+                    const initializedConfig = initialize(upgradedConfigWithValidPlugins, jointFileTypes, coordinationTypes, viewTypes);
+                    logConfig(initializedConfig, 'initialized view config');
+                    return [initializedConfig, true];
+                }
+                catch (e) {
+                    return [
+                        {
+                            title: 'Config initialization failed.',
+                            unformatted: e.message,
+                        },
+                        false,
+                    ];
+                }
+            }
+            return [
+                {
+                    title: 'Config validation failed on second pass.',
+                    unformatted: pluginSpecificResult.error.message,
+                },
+                false,
+            ];
+        }
+        return [{
+                title: 'Config validation failed on first pass.',
+                unformatted: result.error.message,
+            }, result.success];
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [configUid, configVersion, pluginSpecificConfigSchema, warning]);
+    // Emit the upgraded/initialized view config
+    // to onConfigChange if necessary.
+    useEffect(() => {
+        if (success && !isEqual(configOrWarning, config) && onConfigChange) {
+            onConfigChange(configOrWarning);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [success, configUid, configOrWarning, onConfigChange]);
+    return success ? (_jsx(StylesProvider, { generateClassName: generateClassName, children: _jsx(ThemeProvider, { theme: muiTheme[theme], children: _jsx(ViewConfigProvider, { createStore: createViewConfigStore, children: _jsxs(AuxiliaryProvider, { createStore: createAuxiliaryStore, children: [_jsx(VitessceGrid, { viewTypes: viewTypes, fileTypes: fileTypes, coordinationTypes: coordinationTypes, config: configOrWarning, rowHeight: rowHeight, height: height, theme: theme, isBounded: isBounded }), _jsx(CallbackPublisher, { onWarn: onWarn, onConfigChange: onConfigChange, onLoaderChange: onLoaderChange, validateOnConfigChange: validateOnConfigChange, pluginSpecificConfigSchema: pluginSpecificConfigSchema })] }) }) }) })) : (_jsx(StylesProvider, { generateClassName: generateClassName, children: _jsx(ThemeProvider, { theme: muiTheme[theme], children: _jsx(Warning, { ...configOrWarning }) }) }));
+}

package/dist-tsc/VitessceGrid.d.ts

@@ -0,0 +1,23 @@
+/**
+ * The wrapper for the VitessceGrid and LoadingIndicator components.
+ * @param {object} props
+ * @param {number} props.rowHeight The height of each grid row. Optional.
+ * @param {object} props.config The view config.
+ * @param {string} props.theme The theme name.
+ * @param {number} props.height Total height for grid. Optional.
+ * @param {function} props.onWarn A callback for warning messages. Optional.
+ * @param {PluginViewType[]} props.viewTypes
+ * @param {PluginFileType[]} props.fileTypes
+ * @param {PluginCoordinationType[]} props.coordinationTypes
+ */
+export default function VitessceGrid(props: {
+    rowHeight: number;
+    config: object;
+    theme: string;
+    height: number;
+    onWarn: Function;
+    viewTypes: PluginViewType[];
+    fileTypes: PluginFileType[];
+    coordinationTypes: PluginCoordinationType[];
+}): JSX.Element;
+//# sourceMappingURL=VitessceGrid.d.ts.map

package/dist-tsc/VitessceGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VitessceGrid.d.ts","sourceRoot":"","sources":["../src/VitessceGrid.js"],"names":[],"mappings":"AA0BA;;;;;;;;;;;GAWG;AACH;IATyB,SAAS,EAAvB,MAAM;IACQ,MAAM,EAApB,MAAM;IACQ,KAAK,EAAnB,MAAM;IACQ,MAAM,EAApB,MAAM;IACU,MAAM;IACE,SAAS,EAAjC,gBAAgB;IACQ,SAAS,EAAjC,gBAAgB;IACgB,iBAAiB,EAAjD,wBAAwB;gBAiFlC"}

package/{dist → dist-tsc}/VitessceGrid.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useEffect, useCallback, } from 'react';
 import clsx from 'clsx';
-import { VITESSCE_CONTAINER } from './classNames';
-import { VitessceGridLayout } from './vitessce-grid-layout';
-import { useRowHeight, createLoaders } from './vitessce-grid-utils';
-import { useViewConfigStoreApi, useSetViewConfig, useSetLoaders, useEmitGridResize, useRemoveComponent, useChangeLayout, useLayout, } from './state/hooks';
-import { useClosestVitessceContainerSize, } from './hooks';
-import { useVitessceContainerStyles } from './shared-mui/container';
-import { useTitleStyles } from './TitleInfo';
+import { VITESSCE_CONTAINER } from './classNames.js';
+import { VitessceGridLayout } from './vitessce-grid-layout/index.js';
+import { useRowHeight, createLoaders } from './vitessce-grid-utils.js';
+import { useViewConfigStoreApi, useSetViewConfig, useSetLoaders, useEmitGridResize, useRemoveComponent, useChangeLayout, useLayout, } from './state/hooks.js';
+import { useClosestVitessceContainerSize, } from './hooks.js';
+import { useVitessceContainerStyles } from './shared-mui/container.js';
+import { useTitleStyles } from './title-styles.js';
 const padding = 10;
 const margin = 5;
 /**
@@ -15,14 +15,15 @@ const margin = 5;
  * @param {object} props
  * @param {number} props.rowHeight The height of each grid row. Optional.
  * @param {object} props.config The view config.
- * @param {function} props.getComponent A function that maps component names to their
- * React counterparts.
  * @param {string} props.theme The theme name.
  * @param {number} props.height Total height for grid. Optional.
  * @param {function} props.onWarn A callback for warning messages. Optional.
+ * @param {PluginViewType[]} props.viewTypes
+ * @param {PluginFileType[]} props.fileTypes
+ * @param {PluginCoordinationType[]} props.coordinationTypes
  */
 export default function VitessceGrid(props) {
-    const { rowHeight: initialRowHeight, config, getComponent, theme, height, isBounded, } = props;
+    const { rowHeight: initialRowHeight, config, theme, height, isBounded, viewTypes, fileTypes, coordinationTypes, } = props;
     const [rowHeight, containerRef] = useRowHeight(config, initialRowHeight, height, margin, padding);
     const onResize = useEmitGridResize();
     const [componentWidth] = useClosestVitessceContainerSize(containerRef);
@@ -47,13 +48,13 @@ export default function VitessceGrid(props) {
     useEffect(() => {
         if (config) {
             setViewConfig(config);
-            const loaders = createLoaders(config.datasets, config.description);
+            const loaders = createLoaders(config.datasets, config.description, fileTypes, coordinationTypes);
             setLoaders(loaders);
         }
         else {
             // No config found, so clear the loaders.
             setLoaders({});
         }
-    }, [config, setViewConfig, setLoaders]);
-    return (_jsx("div", { ref: containerRef, className: clsx(VITESSCE_CONTAINER, classes.vitessceContainer), children: layout && (_jsx(VitessceGridLayout, { layout: layout, height: height, rowHeight: rowHeight, theme: theme, getComponent: getComponent, draggableHandle: titleClasses.title, margin: margin, padding: padding, onRemoveComponent: removeComponent, onLayoutChange: changeLayoutPostMount, isBounded: isBounded, onResize: onResize, onResizeStop: onResize })) }));
+    }, [config, setViewConfig, setLoaders, fileTypes, coordinationTypes]);
+    return (_jsx("div", { ref: containerRef, className: clsx(VITESSCE_CONTAINER, classes.vitessceContainer), children: layout && (_jsx(VitessceGridLayout, { layout: layout, height: height, rowHeight: rowHeight, theme: theme, viewTypes: viewTypes, draggableHandle: titleClasses.title, margin: margin, padding: padding, onRemoveComponent: removeComponent, onLayoutChange: changeLayoutPostMount, isBounded: isBounded, onResize: onResize, onResizeStop: onResize })) }));
 }

package/dist-tsc/VitessceGrid.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=VitessceGrid.test.d.ts.map

package/dist-tsc/VitessceGrid.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VitessceGrid.test.d.ts","sourceRoot":"","sources":["../src/VitessceGrid.test.jsx"],"names":[],"mappings":""}

package/{dist → dist-tsc}/VitessceGrid.test.js

@@ -2,8 +2,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import '@testing-library/jest-dom';
 import { cleanup, render, screen } from '@testing-library/react';
 import { afterEach } from 'vitest';
-import VitessceGrid from './VitessceGrid';
-import { ViewConfigProvider, createViewConfigStore, AuxiliaryProvider, createAuxiliaryStore, } from './state/hooks';
+import React from 'react';
+import { PluginViewType } from '@vitessce/plugins';
+import VitessceGrid from './VitessceGrid.js';
+import { ViewConfigProvider, createViewConfigStore, AuxiliaryProvider, createAuxiliaryStore, } from './state/hooks.js';
 afterEach(() => {
     cleanup();
 });
@@ -28,8 +30,10 @@ describe('VitessceGrid.js', () => {
             function FakeComponent() {
                 return _jsx("p", { children: "FakeComponent!" });
             }
-            const getComponent = () => FakeComponent;
-            render(_jsx(ViewConfigProvider, { createStore: createViewConfigStore, children: _jsx(AuxiliaryProvider, { createStore: createAuxiliaryStore, children: _jsx(VitessceGrid, { config: config, getComponent: getComponent }) }) }));
+            const viewTypes = [new PluginViewType('FakeComponent', FakeComponent, [])];
+            const fileTypes = [];
+            const coordinationTypes = [];
+            render(_jsx(ViewConfigProvider, { createStore: createViewConfigStore, children: _jsx(AuxiliaryProvider, { createStore: createAuxiliaryStore, children: _jsx(VitessceGrid, { config: config, viewTypes: viewTypes, fileTypes: fileTypes, coordinationTypes: coordinationTypes }) }) }));
             expect(await screen.findByText('FakeComponent!'));
         });
     });

package/dist-tsc/Warning.d.ts

@@ -0,0 +1,2 @@
+export function Warning(props: any): import("../../plugins/node_modules/@types/react/ts5.0/index.js").JSX.Element;
+//# sourceMappingURL=Warning.d.ts.map

package/dist-tsc/Warning.d.ts.map

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

package/{dist → dist-tsc}/Warning.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from 'clsx';
-import { makeStyles } from '@material-ui/core/styles';
-import { VITESSCE_CONTAINER } from './classNames';
+import { makeStyles } from '@material-ui/core';
+import { VITESSCE_CONTAINER } from './classNames.js';
 const useStyles = makeStyles(theme => ({
     warningLayout: {
         backgroundColor: theme.palette.gridLayoutBackground,

package/dist-tsc/classNames.d.ts

@@ -0,0 +1,8 @@
+export const TOOLTIP_ANCESTOR: "tooltip-ancestor";
+export const PRIMARY_CARD: string;
+export const SECONDARY_CARD: string;
+export const BLACK_CARD: string;
+export const TITLE_CARD: "title";
+export const SCROLL_CARD: string;
+export const VITESSCE_CONTAINER: "vitessce-container";
+//# sourceMappingURL=classNames.d.ts.map

package/dist-tsc/classNames.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"classNames.d.ts","sourceRoot":"","sources":["../src/classNames.js"],"names":[],"mappings":"AAAA,kDAAmD;AAEnD,kCAAiD;AACjD,oCAAqD;AACrD,gCAA6C;AAC7C,iCAAkC;AAClC,iCAAoD;AACpD,sDAAuD"}

package/dist-tsc/data/AbstractLoader.d.ts

@@ -0,0 +1,22 @@
+/**
+ * A loader ancestor class containing a default constructor
+ * and a stub for the required load() method.
+ */
+export default class AbstractLoader {
+    constructor({ type, fileType, url, requestInit, options, coordinationValues, }: {
+        type: any;
+        fileType: any;
+        url: any;
+        requestInit: any;
+        options: any;
+        coordinationValues: any;
+    });
+    fileType: any;
+    type: any;
+    url: any;
+    requestInit: any;
+    options: any;
+    coordinationValues: any;
+    load(): Promise<boolean>;
+}
+//# sourceMappingURL=AbstractLoader.d.ts.map

package/dist-tsc/data/AbstractLoader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AbstractLoader.d.ts","sourceRoot":"","sources":["../../src/data/AbstractLoader.js"],"names":[],"mappings":"AAAA;;;GAGG;AACH;IACE;;;;;;;OAWC;IANC,cAAwB;IACxB,UAAgB;IAChB,SAAc;IACd,iBAA8B;IAC9B,aAAsB;IACtB,wBAA4C;IAI9C,yBAEC;CACF"}

package/dist-tsc/data/AbstractLoader.js

@@ -0,0 +1,18 @@
+/**
+ * A loader ancestor class containing a default constructor
+ * and a stub for the required load() method.
+ */
+export default class AbstractLoader {
+    constructor({ type, fileType, url, requestInit, options, coordinationValues, }) {
+        this.fileType = fileType;
+        this.type = type;
+        this.url = url;
+        this.requestInit = requestInit;
+        this.options = options;
+        this.coordinationValues = coordinationValues;
+    }
+    // eslint-disable-next-line class-methods-use-this
+    load() {
+        return Promise.resolve(true);
+    }
+}

package/dist-tsc/data/AbstractTwoStepLoader.d.ts

@@ -0,0 +1,6 @@
+export default class AbstractTwoStepLoader extends AbstractLoader {
+    constructor(dataSource: any, params: any);
+    dataSource: any;
+}
+import AbstractLoader from "./AbstractLoader.js";
+//# sourceMappingURL=AbstractTwoStepLoader.d.ts.map

package/dist-tsc/data/AbstractTwoStepLoader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AbstractTwoStepLoader.d.ts","sourceRoot":"","sources":["../../src/data/AbstractTwoStepLoader.js"],"names":[],"mappings":"AAEA;IACE,0CAGC;IADC,gBAA4B;CAE/B"}

package/{dist → dist-tsc}/data/AbstractTwoStepLoader.js

@@ -1,4 +1,4 @@
-import AbstractLoader from './AbstractLoader';
+import AbstractLoader from './AbstractLoader.js';
 export default class AbstractTwoStepLoader extends AbstractLoader {
     constructor(dataSource, params) {
         super(params);

package/dist-tsc/data/LoaderResult.d.ts

@@ -0,0 +1,7 @@
+export default class LoaderResult {
+    constructor(data: any, url: any, coordinationValues?: null);
+    data: any;
+    url: any;
+    coordinationValues: any;
+}
+//# sourceMappingURL=LoaderResult.d.ts.map

package/dist-tsc/data/LoaderResult.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoaderResult.d.ts","sourceRoot":"","sources":["../../src/data/LoaderResult.js"],"names":[],"mappings":"AACA;IACE,4DAIC;IAHC,UAAgB;IAChB,SAAc;IACd,wBAA4C;CAE/C"}

package/dist-tsc/data/index.d.ts

@@ -0,0 +1,4 @@
+export { default as AbstractLoader } from "./AbstractLoader.js";
+export { default as AbstractTwoStepLoader } from "./AbstractTwoStepLoader.js";
+export { default as LoaderResult } from "./LoaderResult.js";
+//# sourceMappingURL=index.d.ts.map

package/dist-tsc/data/index.d.ts.map

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

package/dist-tsc/data/index.js

@@ -0,0 +1,3 @@
+export { default as AbstractLoader } from './AbstractLoader.js';
+export { default as AbstractTwoStepLoader } from './AbstractTwoStepLoader.js';
+export { default as LoaderResult } from './LoaderResult.js';

package/dist-tsc/data/loader-registry.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Get the data source and data loader class.
+ * @param {string} type The fileType name.
+ * @param {PluginFileType[]} fileTypes The array of file types.
+ * @returns {array} [dataSourceClass, dataLoaderClass].
+ */
+export function getSourceAndLoaderFromFileType(type: string, fileTypes: PluginFileType[]): array;
+export function getDataTypeFromFileType(type: any, fileTypes: any): any;
+//# sourceMappingURL=loader-registry.d.ts.map

package/dist-tsc/data/loader-registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader-registry.d.ts","sourceRoot":"","sources":["../../src/data/loader-registry.js"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,qDAJW,MAAM,aACN,gBAAgB,SAc1B;AAED,wEAQC"}