@vitessce/vit-s 3.5.12 → 3.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (68) hide show
  1. package/dist/index.js +29645 -26007
  2. package/dist-tsc/CallbackPublisher.d.ts.map +1 -1
  3. package/dist-tsc/CallbackPublisher.js +4 -4
  4. package/dist-tsc/DebugWindow.d.ts +1 -1
  5. package/dist-tsc/DebugWindow.d.ts.map +1 -1
  6. package/dist-tsc/DebugWindow.js +1 -1
  7. package/dist-tsc/LoadingIndicator.js +3 -3
  8. package/dist-tsc/TitleInfo.d.ts.map +1 -1
  9. package/dist-tsc/TitleInfo.js +8 -9
  10. package/dist-tsc/VitS.d.ts +3 -0
  11. package/dist-tsc/VitS.d.ts.map +1 -1
  12. package/dist-tsc/VitS.js +11 -6
  13. package/dist-tsc/VitessceGrid.d.ts.map +1 -1
  14. package/dist-tsc/VitessceGrid.js +5 -5
  15. package/dist-tsc/VitessceGrid.test.js +2 -6
  16. package/dist-tsc/Warning.d.ts +1 -1
  17. package/dist-tsc/Warning.d.ts.map +1 -1
  18. package/dist-tsc/Warning.js +1 -1
  19. package/dist-tsc/mui-utils.d.ts.map +1 -1
  20. package/dist-tsc/mui-utils.js +2 -0
  21. package/dist-tsc/shared-mui/components.d.ts.map +1 -1
  22. package/dist-tsc/shared-mui/components.js +5 -5
  23. package/dist-tsc/shared-mui/container.d.ts +10 -1
  24. package/dist-tsc/shared-mui/container.d.ts.map +1 -1
  25. package/dist-tsc/shared-mui/container.js +199 -190
  26. package/dist-tsc/shared-mui/styles.d.ts +3 -3
  27. package/dist-tsc/shared-mui/styles.js +9 -6
  28. package/dist-tsc/shared-plot-options/CellColorEncodingOption.js +2 -2
  29. package/dist-tsc/shared-plot-options/OptionSelect.d.ts.map +1 -1
  30. package/dist-tsc/shared-plot-options/OptionSelect.js +3 -3
  31. package/dist-tsc/shared-plot-options/OptionsContainer.js +2 -2
  32. package/dist-tsc/shared-plot-options/styles.d.ts +9 -1
  33. package/dist-tsc/shared-plot-options/styles.d.ts.map +1 -1
  34. package/dist-tsc/shared-plot-options/styles.js +4 -3
  35. package/dist-tsc/shared-warning-styles.d.ts +9 -1
  36. package/dist-tsc/shared-warning-styles.d.ts.map +1 -1
  37. package/dist-tsc/shared-warning-styles.js +2 -2
  38. package/dist-tsc/state/hooks.d.ts +8 -18
  39. package/dist-tsc/state/hooks.d.ts.map +1 -1
  40. package/dist-tsc/state/hooks.js +92 -36
  41. package/dist-tsc/title-styles.d.ts +9 -1
  42. package/dist-tsc/title-styles.d.ts.map +1 -1
  43. package/dist-tsc/title-styles.js +2 -2
  44. package/dist-tsc/vitessce-grid-layout/VitessceGridLayout.d.ts +0 -6
  45. package/dist-tsc/vitessce-grid-layout/VitessceGridLayout.js +1 -5
  46. package/dist-tsc/vitessce-grid-layout/VitessceGridLayout.test.js +2 -6
  47. package/package.json +19 -19
  48. package/src/CallbackPublisher.js +4 -3
  49. package/src/DebugWindow.js +1 -1
  50. package/src/LoadingIndicator.js +3 -3
  51. package/src/TitleInfo.js +9 -10
  52. package/src/VitS.js +19 -11
  53. package/src/VitessceGrid.js +7 -3
  54. package/src/VitessceGrid.test.jsx +3 -8
  55. package/src/Warning.js +1 -1
  56. package/src/mui-utils.js +2 -0
  57. package/src/shared-mui/components.js +11 -8
  58. package/src/shared-mui/container.js +206 -190
  59. package/src/shared-mui/styles.js +9 -7
  60. package/src/shared-plot-options/CellColorEncodingOption.js +2 -2
  61. package/src/shared-plot-options/OptionSelect.js +3 -4
  62. package/src/shared-plot-options/OptionsContainer.js +2 -2
  63. package/src/shared-plot-options/styles.js +4 -3
  64. package/src/shared-warning-styles.js +2 -2
  65. package/src/state/hooks.js +119 -43
  66. package/src/title-styles.js +2 -2
  67. package/src/vitessce-grid-layout/VitessceGridLayout.js +1 -6
  68. package/src/vitessce-grid-layout/VitessceGridLayout.test.jsx +2 -7
@@ -1,5 +1,8 @@
1
- import { makeStyles } from '@material-ui/core';
2
- export const useVitessceContainerStyles = makeStyles(theme => ({
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ /* eslint-disable react-refresh/only-export-components */
3
+ import React from 'react';
4
+ import { makeStyles, ScopedGlobalStyles } from '@vitessce/styles';
5
+ export const useVitessceContainerStyles = makeStyles()(theme => ({
3
6
  vitessceContainer: {
4
7
  position: 'relative',
5
8
  margin: '0',
@@ -19,193 +22,199 @@ export const useVitessceContainerStyles = makeStyles(theme => ({
19
22
  '& *, ::after, ::before': {
20
23
  boxSizing: 'border-box',
21
24
  },
22
- // Manually converted styles from 'react-grid-layout/css/styles.css',
23
- // using https://cssinjs.org/jss-plugin-global/?v=v10.9.2
24
- // so that no CSS or SCSS import is required.
25
- '@global .react-grid-layout': {
26
- transition: 'height 200ms ease',
27
- // Custom
28
- height: 'auto',
29
- position: 'absolute',
30
- width: '100%',
31
- },
32
- '@global .react-grid-item': {
33
- transition: 'all 200ms ease',
34
- transitionProperty: 'left, top',
35
- // Custom
36
- flexDirection: 'column!important',
37
- display: 'flex!important',
38
- /* So the resize handle position looks correct: */
39
- paddingRight: '10px',
40
- },
41
- '@global .react-grid-item img': {
42
- pointerEvents: 'none',
43
- userSelect: 'none',
44
- },
45
- '@global .react-grid-item.cssTransforms': {
46
- transitionProperty: 'transform',
47
- },
48
- '@global .react-grid-item.resizing': {
49
- zIndex: '1',
50
- willChange: 'width, height',
51
- },
52
- '@global .react-grid-item.react-draggable-dragging': {
53
- transition: 'none',
54
- zIndex: '3',
55
- willChange: 'transform',
56
- },
57
- '@global .react-grid-item.dropping': {
58
- visibility: 'hidden',
59
- },
60
- '@global .react-grid-item.react-grid-placeholder': {
61
- background: 'red',
62
- opacity: '0.2',
63
- transitionDuration: '100ms',
64
- zIndex: '2',
65
- userSelect: 'none',
66
- },
67
- '@global .react-grid-item > .react-resizable-handle': {
68
- position: 'absolute',
69
- width: '20px',
70
- height: '20px',
71
- },
72
- '@global .react-grid-item > .react-resizable-handle::after': {
73
- content: '""',
74
- position: 'absolute',
75
- right: '3px',
76
- bottom: '3px',
77
- width: '5px',
78
- height: '5px',
79
- borderRight: '2px solid rgba(0, 0, 0, 0.4)',
80
- borderBottom: '2px solid rgba(0, 0, 0, 0.4)',
81
- },
82
- '@global .react-resizable-hide > .react-resizable-handle': {
83
- display: 'none',
84
- },
85
- '@global .react-grid-item > .react-resizable-handle.react-resizable-handle-sw': {
86
- bottom: '0',
87
- left: '0',
88
- cursor: 'sw-resize',
89
- transform: 'rotate(90deg)',
90
- },
91
- '@global .react-grid-item > .react-resizable-handle.react-resizable-handle-se': {
92
- bottom: '0',
93
- right: '0',
94
- cursor: 'se-resize',
95
- },
96
- '@global .react-grid-item > .react-resizable-handle.react-resizable-handle-nw': {
97
- top: '0',
98
- left: '0',
99
- cursor: 'nw-resize',
100
- transform: 'rotate(180deg)',
101
- },
102
- '@global .react-grid-item > .react-resizable-handle.react-resizable-handle-ne': {
103
- top: '0',
104
- right: '0',
105
- cursor: 'ne-resize',
106
- transform: 'rotate(270deg)',
107
- },
108
- '@global .react-grid-item > .react-resizable-handle.react-resizable-handle-w': {
109
- top: '50%',
110
- marginTop: '-10px',
111
- cursor: 'ew-resize',
112
- left: '0',
113
- transform: 'rotate(135deg)',
114
- },
115
- '@global .react-grid-item > .react-resizable-handle.react-resizable-handle-e': {
116
- top: '50%',
117
- marginTop: '-10px',
118
- cursor: 'ew-resize',
119
- right: '0',
120
- transform: 'rotate(315deg)',
121
- },
122
- '@global .react-grid-item > .react-resizable-handle.react-resizable-handle-n': {
123
- left: '50%',
124
- marginLeft: '-10px',
125
- cursor: 'ns-resize',
126
- top: '0',
127
- transform: 'rotate(225deg)',
128
- },
129
- '@global .react-grid-item > .react-resizable-handle.react-resizable-handle-s': {
130
- left: '50%',
131
- marginLeft: '-10px',
132
- cursor: 'ns-resize',
133
- bottom: '0',
134
- transform: 'rotate(45deg)',
135
- },
136
- // Manually converted styles from 'react-resizable/css/styles.css',
137
- '@global .react-resizable': {
138
- position: 'relative',
139
- },
140
- '@global .react-resizable-handle': {
141
- position: 'absolute',
142
- width: '20px',
143
- height: '20px',
144
- backgroundRepeat: 'no-repeat',
145
- backgroundOrigin: 'content-box',
146
- boxSizing: 'border-box',
147
- backgroundImage: "url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+')",
148
- backgroundPosition: 'bottom right',
149
- padding: '0 3px 3px 0',
150
- },
151
- '@global .react-resizable-handle-sw': {
152
- bottom: '0',
153
- left: '0',
154
- cursor: 'sw-resize',
155
- transform: 'rotate(90deg)',
156
- },
157
- '@global .react-resizable-handle-se': {
158
- bottom: '0',
159
- right: '0',
160
- cursor: 'se-resize',
161
- },
162
- '@global .react-resizable-handle-nw': {
163
- top: '0',
164
- left: '0',
165
- cursor: 'nw-resize',
166
- transform: 'rotate(180deg)',
167
- },
168
- '@global .react-resizable-handle-ne': {
169
- top: '0',
170
- right: '0',
171
- cursor: 'ne-resize',
172
- transform: 'rotate(270deg)',
173
- },
174
- '@global .react-resizable-handle-w': {
175
- top: '50%',
176
- marginTop: '-10px',
177
- cursor: 'ew-resize',
178
- left: '0',
179
- transform: 'rotate(135deg)',
180
- },
181
- '@global .react-resizable-handle-e': {
182
- top: '50%',
183
- marginTop: '-10px',
184
- cursor: 'ew-resize',
185
- right: '0',
186
- transform: 'rotate(315deg)',
187
- },
188
- '@global .react-resizable-handle-n': {
189
- left: '50%',
190
- marginLeft: '-10px',
191
- cursor: 'ns-resize',
192
- top: '0',
193
- transform: 'rotate(225deg)',
194
- },
195
- '@global .react-resizable-handle-s': {
196
- left: '50%',
197
- marginLeft: '-10px',
198
- cursor: 'ns-resize',
199
- bottom: '0',
200
- transform: 'rotate(45deg)',
201
- },
202
- // Custom
203
- '@global .react-draggable-transparent-selection .react-grid-item': {
204
- /* These styles prevent text selection during resize drag interactions.
205
- The react-draggable-transparent-selection class is added to the body
206
- element during resizing and removed after resizing has finished.
207
- Not part of mixin because acts outside of .vitessce-container. */
208
- userSelect: 'none !important',
209
- },
210
25
  },
211
26
  }));
27
+ const gridLayoutStyles = {
28
+ // Manually converted styles from 'react-grid-layout/css/styles.css',
29
+ // using https://cssinjs.org/jss-plugin-global/?v=v10.9.2
30
+ // so that no CSS or SCSS import is required.
31
+ '.react-grid-layout': {
32
+ transition: 'height 200ms ease',
33
+ // Custom
34
+ height: 'auto',
35
+ position: 'absolute',
36
+ width: '100%',
37
+ },
38
+ '.react-grid-item': {
39
+ transition: 'all 200ms ease',
40
+ transitionProperty: 'left, top',
41
+ // Custom
42
+ flexDirection: 'column!important',
43
+ display: 'flex!important',
44
+ /* So the resize handle position looks correct: */
45
+ paddingRight: '10px',
46
+ },
47
+ '.react-grid-item img': {
48
+ pointerEvents: 'none',
49
+ userSelect: 'none',
50
+ },
51
+ '.react-grid-item.cssTransforms': {
52
+ transitionProperty: 'transform',
53
+ },
54
+ '.react-grid-item.resizing': {
55
+ zIndex: '1',
56
+ willChange: 'width, height',
57
+ },
58
+ '.react-grid-item.react-draggable-dragging': {
59
+ transition: 'none',
60
+ zIndex: '3',
61
+ willChange: 'transform',
62
+ },
63
+ '.react-grid-item.dropping': {
64
+ visibility: 'hidden',
65
+ },
66
+ '.react-grid-item.react-grid-placeholder': {
67
+ background: 'red',
68
+ opacity: '0.2',
69
+ transitionDuration: '100ms',
70
+ zIndex: '2',
71
+ userSelect: 'none',
72
+ },
73
+ '.react-grid-item > .react-resizable-handle': {
74
+ position: 'absolute',
75
+ width: '20px',
76
+ height: '20px',
77
+ },
78
+ '.react-grid-item > .react-resizable-handle::after': {
79
+ content: '""',
80
+ position: 'absolute',
81
+ right: '3px',
82
+ bottom: '3px',
83
+ width: '5px',
84
+ height: '5px',
85
+ borderRight: '2px solid rgba(0, 0, 0, 0.4)',
86
+ borderBottom: '2px solid rgba(0, 0, 0, 0.4)',
87
+ },
88
+ '.react-resizable-hide > .react-resizable-handle': {
89
+ display: 'none',
90
+ },
91
+ '.react-grid-item > .react-resizable-handle.react-resizable-handle-sw': {
92
+ bottom: '0',
93
+ left: '0',
94
+ cursor: 'sw-resize',
95
+ transform: 'rotate(90deg)',
96
+ },
97
+ '.react-grid-item > .react-resizable-handle.react-resizable-handle-se': {
98
+ bottom: '0',
99
+ right: '0',
100
+ cursor: 'se-resize',
101
+ },
102
+ '.react-grid-item > .react-resizable-handle.react-resizable-handle-nw': {
103
+ top: '0',
104
+ left: '0',
105
+ cursor: 'nw-resize',
106
+ transform: 'rotate(180deg)',
107
+ },
108
+ '.react-grid-item > .react-resizable-handle.react-resizable-handle-ne': {
109
+ top: '0',
110
+ right: '0',
111
+ cursor: 'ne-resize',
112
+ transform: 'rotate(270deg)',
113
+ },
114
+ '.react-grid-item > .react-resizable-handle.react-resizable-handle-w': {
115
+ top: '50%',
116
+ marginTop: '-10px',
117
+ cursor: 'ew-resize',
118
+ left: '0',
119
+ transform: 'rotate(135deg)',
120
+ },
121
+ '.react-grid-item > .react-resizable-handle.react-resizable-handle-e': {
122
+ top: '50%',
123
+ marginTop: '-10px',
124
+ cursor: 'ew-resize',
125
+ right: '0',
126
+ transform: 'rotate(315deg)',
127
+ },
128
+ '.react-grid-item > .react-resizable-handle.react-resizable-handle-n': {
129
+ left: '50%',
130
+ marginLeft: '-10px',
131
+ cursor: 'ns-resize',
132
+ top: '0',
133
+ transform: 'rotate(225deg)',
134
+ },
135
+ '.react-grid-item > .react-resizable-handle.react-resizable-handle-s': {
136
+ left: '50%',
137
+ marginLeft: '-10px',
138
+ cursor: 'ns-resize',
139
+ bottom: '0',
140
+ transform: 'rotate(45deg)',
141
+ },
142
+ // Manually converted styles from 'react-resizable/css/styles.css',
143
+ '.react-resizable': {
144
+ position: 'relative',
145
+ },
146
+ '.react-resizable-handle': {
147
+ position: 'absolute',
148
+ width: '20px',
149
+ height: '20px',
150
+ backgroundRepeat: 'no-repeat',
151
+ backgroundOrigin: 'content-box',
152
+ boxSizing: 'border-box',
153
+ backgroundImage: "url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+')",
154
+ backgroundPosition: 'bottom right',
155
+ padding: '0 3px 3px 0',
156
+ },
157
+ '.react-resizable-handle-sw': {
158
+ bottom: '0',
159
+ left: '0',
160
+ cursor: 'sw-resize',
161
+ transform: 'rotate(90deg)',
162
+ },
163
+ '.react-resizable-handle-se': {
164
+ bottom: '0',
165
+ right: '0',
166
+ cursor: 'se-resize',
167
+ },
168
+ '.react-resizable-handle-nw': {
169
+ top: '0',
170
+ left: '0',
171
+ cursor: 'nw-resize',
172
+ transform: 'rotate(180deg)',
173
+ },
174
+ '.react-resizable-handle-ne': {
175
+ top: '0',
176
+ right: '0',
177
+ cursor: 'ne-resize',
178
+ transform: 'rotate(270deg)',
179
+ },
180
+ '.react-resizable-handle-w': {
181
+ top: '50%',
182
+ marginTop: '-10px',
183
+ cursor: 'ew-resize',
184
+ left: '0',
185
+ transform: 'rotate(135deg)',
186
+ },
187
+ '.react-resizable-handle-e': {
188
+ top: '50%',
189
+ marginTop: '-10px',
190
+ cursor: 'ew-resize',
191
+ right: '0',
192
+ transform: 'rotate(315deg)',
193
+ },
194
+ '.react-resizable-handle-n': {
195
+ left: '50%',
196
+ marginLeft: '-10px',
197
+ cursor: 'ns-resize',
198
+ top: '0',
199
+ transform: 'rotate(225deg)',
200
+ },
201
+ '.react-resizable-handle-s': {
202
+ left: '50%',
203
+ marginLeft: '-10px',
204
+ cursor: 'ns-resize',
205
+ bottom: '0',
206
+ transform: 'rotate(45deg)',
207
+ },
208
+ // Custom
209
+ '.react-draggable-transparent-selection .react-grid-item': {
210
+ /* These styles prevent text selection during resize drag interactions.
211
+ The react-draggable-transparent-selection class is added to the body
212
+ element during resizing and removed after resizing has finished.
213
+ Not part of mixin because acts outside of .vitessce-container. */
214
+ userSelect: 'none !important',
215
+ },
216
+ };
217
+ export function GridLayoutGlobalStyles(props) {
218
+ const { classes } = props;
219
+ return (_jsx(ScopedGlobalStyles, { parentClassName: classes.vitessceContainer, styles: gridLayoutStyles }));
220
+ }
@@ -1,6 +1,6 @@
1
1
  export namespace muiTheme {
2
- let dark: import("@material-ui/core").Theme;
3
- let light: import("@material-ui/core").Theme;
4
- let light2: import("@material-ui/core").Theme;
2
+ let dark: import("@mui/material").Theme;
3
+ let light: import("@mui/material").Theme;
4
+ let light2: import("@mui/material").Theme;
5
5
  }
6
6
  //# sourceMappingURL=styles.d.ts.map
@@ -1,5 +1,4 @@
1
- import { createTheme, colors } from '@material-ui/core';
2
- const { grey } = colors;
1
+ import { createTheme, grey } from '@vitessce/styles';
3
2
  const globalColors = {
4
3
  white: '#FFFFFF',
5
4
  grayLight: '#D3D3D3',
@@ -47,14 +46,16 @@ const sharedThemeOptions = {
47
46
  fontSize: '12px',
48
47
  },
49
48
  },
50
- props: {
49
+ components: {
51
50
  MuiButtonBase: {
52
- disableRipple: true,
51
+ defaultProps: {
52
+ disableRipple: true,
53
+ },
53
54
  },
54
55
  },
55
56
  };
56
57
  const lightPalette = {
57
- type: 'light',
58
+ mode: 'light',
58
59
  primary: grey,
59
60
  secondary: grey,
60
61
  primaryBackground: '#F1F1F1',
@@ -72,13 +73,14 @@ const lightPalette = {
72
73
  secondaryBackgroundDim: '#C0C0C0',
73
74
  secondaryForeground: '#222222',
74
75
  gridLayoutBackground: '#FFFFFF',
76
+ paperBackground: '#FFFFFF',
75
77
  cardBorder: 'rgba(241, 241, 241, 0.125)',
76
78
  tooltipText: 'rgba(0, 0, 0, 0.87)',
77
79
  };
78
80
  export const muiTheme = {
79
81
  dark: createTheme({
80
82
  palette: {
81
- type: 'dark',
83
+ mode: 'dark',
82
84
  primary: grey,
83
85
  secondary: grey,
84
86
  primaryBackground: '#222222',
@@ -96,6 +98,7 @@ export const muiTheme = {
96
98
  secondaryBackgroundDim: '#444444',
97
99
  secondaryForeground: '#D3D3D3',
98
100
  gridLayoutBackground: '#333333',
101
+ paperBackground: '#2b2b2b',
99
102
  cardBorder: 'rgba(0, 0, 0, 0.125)',
100
103
  tooltipText: '#FFFFFF',
101
104
  ...globalColors,
@@ -1,13 +1,13 @@
1
1
  import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
2
2
  import React from 'react';
3
3
  import { useId } from 'react-aria';
4
- import { TableCell, TableRow } from '@material-ui/core';
4
+ import { TableCell, TableRow } from '@vitessce/styles';
5
5
  import { capitalize } from '@vitessce/utils';
6
6
  import OptionSelect from './OptionSelect.js';
7
7
  import { useStyles } from './styles.js';
8
8
  export default function CellColorEncodingOption(props) {
9
9
  const { observationsLabel, cellColorEncoding, setCellColorEncoding, } = props;
10
- const classes = useStyles();
10
+ const { classes } = useStyles();
11
11
  const cellColorEncodingId = useId();
12
12
  const observationsLabelNice = capitalize(observationsLabel);
13
13
  function handleColorEncodingChange(event) {
@@ -1 +1 @@
1
- {"version":3,"file":"OptionSelect.d.ts","sourceRoot":"","sources":["../../src/shared-plot-options/OptionSelect.js"],"names":[],"mappings":"AAIA,8DAeC"}
1
+ {"version":3,"file":"OptionSelect.d.ts","sourceRoot":"","sources":["../../src/shared-plot-options/OptionSelect.js"],"names":[],"mappings":"AAIA,8DAcC"}
@@ -1,11 +1,11 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import React from 'react';
3
- import { Select } from '@material-ui/core';
3
+ import { NativeSelect } from '@vitessce/styles';
4
4
  import { useStyles } from './styles.js';
5
5
  export default function OptionSelect(props) {
6
6
  const { classes: classesProp = {} } = props;
7
- const classes = useStyles();
8
- return (_jsx(Select, { native: true, disableUnderline: true, ...props, classes: {
7
+ const { classes } = useStyles();
8
+ return (_jsx(NativeSelect, { disableUnderline: true, ...props, classes: {
9
9
  root: classes.optionSelectRoot,
10
10
  ...classesProp,
11
11
  }, "aria-label": "Select an option" }));
@@ -1,9 +1,9 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import React from 'react';
3
- import { Box, Table, TableBody, TableContainer } from '@material-ui/core';
3
+ import { Box, Table, TableBody, TableContainer } from '@vitessce/styles';
4
4
  import { useStyles } from './styles.js';
5
5
  export default function OptionsContainer(props) {
6
6
  const { children, } = props;
7
- const classes = useStyles();
7
+ const { classes } = useStyles();
8
8
  return (_jsx(Box, { className: classes.box, children: _jsx(TableContainer, { className: classes.tableContainer, children: _jsx(Table, { className: classes.table, size: "small", "aria-label": "Menu of options available for the view", children: _jsx(TableBody, { children: children }) }) }) }));
9
9
  }
@@ -1,2 +1,10 @@
1
- export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<never>;
1
+ export const useStyles: (params: void, muiStyleOverridesParams?: {
2
+ props: Record<string, unknown>;
3
+ ownerState?: Record<string, unknown> | undefined;
4
+ } | undefined) => {
5
+ classes: Record<never, string>;
6
+ theme: import("@mui/material").Theme;
7
+ css: import("tss-react").Css;
8
+ cx: import("tss-react").Cx;
9
+ };
2
10
  //# sourceMappingURL=styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/shared-plot-options/styles.js"],"names":[],"mappings":"AAEA,2GA8CI"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/shared-plot-options/styles.js"],"names":[],"mappings":"AAEA;;cAkCE,CAAD;;;kBAMQ,eAET;gBACoB,WACZ;eACM,WACV;EACA"}
@@ -1,5 +1,5 @@
1
- import { makeStyles } from '@material-ui/core';
2
- export const useStyles = makeStyles(theme => ({
1
+ import { makeStyles } from '@vitessce/styles';
2
+ export const useStyles = makeStyles()(theme => ({
3
3
  box: {
4
4
  boxSizing: 'border-box',
5
5
  },
@@ -16,7 +16,8 @@ export const useStyles = makeStyles(theme => ({
16
16
  slider: {
17
17
  color: theme.palette.primaryForeground,
18
18
  minWidth: '60px',
19
- padding: '10px 0 10px 0',
19
+ padding: 0,
20
+ margin: '14px 0 8px 0',
20
21
  },
21
22
  sliderValueLabel: {
22
23
  '& span': {
@@ -1,2 +1,10 @@
1
- export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<never>;
1
+ export const useStyles: (params: void, muiStyleOverridesParams?: {
2
+ props: Record<string, unknown>;
3
+ ownerState?: Record<string, unknown> | undefined;
4
+ } | undefined) => {
5
+ classes: Record<"warningLayout" | "containerFluid" | "row" | "warningCard", string>;
6
+ theme: import("@mui/material").Theme;
7
+ css: import("tss-react").Css;
8
+ cx: import("tss-react").Cx;
9
+ };
2
10
  //# sourceMappingURL=shared-warning-styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"shared-warning-styles.d.ts","sourceRoot":"","sources":["../src/shared-warning-styles.js"],"names":[],"mappings":"AAEA,2GAmCI"}
1
+ {"version":3,"file":"shared-warning-styles.d.ts","sourceRoot":"","sources":["../src/shared-warning-styles.js"],"names":[],"mappings":"AAEA;;cA6Bc,CAAA;;;kBAG6B,eAChC;gBAAyB,WAClC;eAEY,WAAU;EADpB"}
@@ -1,5 +1,5 @@
1
- import { makeStyles } from '@material-ui/core';
2
- export const useStyles = makeStyles(theme => ({
1
+ import { makeStyles } from '@vitessce/styles';
2
+ export const useStyles = makeStyles()(theme => ({
3
3
  warningLayout: {
4
4
  backgroundColor: theme.palette.gridLayoutBackground,
5
5
  position: 'absolute',
@@ -1,3 +1,11 @@
1
+ export function ViewConfigProvider(props: any): JSX.Element;
2
+ export function useViewConfigStoreApi(): any;
3
+ export function useViewConfigStore(selector: any): any;
4
+ export function useViewConfigStoreShallow(selector: any): any;
5
+ export function AuxiliaryProvider(props: any): JSX.Element;
6
+ export function useAuxiliaryStoreApi(): any;
7
+ export function useAuxiliaryStore(selector: any): any;
8
+ export function useAuxiliaryStoreShallow(selector: any): any;
1
9
  /**
2
10
  * Get the "computed" coordinationScopes after accounting for
3
11
  * meta-coordination.
@@ -291,24 +299,6 @@ export function useGridResize(): number;
291
299
  * function.
292
300
  */
293
301
  export function useEmitGridResize(): Function;
294
- export const ViewConfigProvider: ({ initialStore, createStore, children, }: {
295
- initialStore?: import("zustand").UseBoundStore<object> | undefined;
296
- createStore: () => import("zustand").UseBoundStore<object>;
297
- children: import("react").ReactNode;
298
- }) => import("react").FunctionComponentElement<import("react").ProviderProps<import("zustand").UseBoundStore<object> | undefined>>;
299
- export const useViewConfigStore: import("zustand/context").UseContextStore<object>;
300
- export const useViewConfigStoreApi: () => {
301
- getState: import("zustand").GetState<object>;
302
- setState: import("zustand").SetState<object>;
303
- subscribe: import("zustand").Subscribe<object>;
304
- destroy: import("zustand").Destroy;
305
- };
306
- export const AuxiliaryProvider: ({ initialStore, createStore, children, }: {
307
- initialStore?: import("zustand").UseBoundStore<object> | undefined;
308
- createStore: () => import("zustand").UseBoundStore<object>;
309
- children: import("react").ReactNode;
310
- }) => import("react").FunctionComponentElement<import("react").ProviderProps<import("zustand").UseBoundStore<object> | undefined>>;
311
- export const useAuxiliaryStore: import("zustand/context").UseContextStore<object>;
312
302
  export function createViewConfigStore(initialLoaders: any, initialConfig: any): Function;
313
303
  export function useComponentLayout(component: any, scopes: any, coordinationScopes: any): Object;
314
304
  export function createAuxiliaryStore(): Function;
@@ -1 +1 @@
1
- {"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/state/hooks.js"],"names":[],"mappings":"AAmCA;;;;;;GAMG;AACH,8CAJW,GAAC,mBAEC,MAAM,GAAC,SAAS,CA4B5B;AAED;;;;;;;GAOG;AACH,gDALW,GAAC,wBACD,GAAC,qBAEC,MAAM,GAAC,SAAS,CA0C5B;AAED;;;;;GAKG;AACH,6CAJW,MAAM,sBACN,GAAC,GACC,MAAM,GAAC,SAAS,CAI5B;AAED;;;;;;GAMG;AACH,+CALW,MAAM,mDACN,GAAC,wBACD,GAAC,GACC,MAAM,GAAC,SAAS,CAc5B;AAySD;;;;;;;;;GASG;AACH,mDALW,MAAM,EAAE,sBACR,MAAM,GAEJ,MAAM,CAclB;AAED;;;;;;;;;;;;;;;GAeG;AACH,4CATW,MAAM,EAAE,sBACR,MAAM,GAEJ,KAAK,CAmCjB;AAED,yFAKC;AAED,gGAqBC;AAED,0IA4BC;AAED,iJAkEC;AAED,yFAmBC;AAED;;;;GAIG;AACH,mDAHW,MAAM,GACJ,MAAM,CAIlB;AAED;;;;;;;;;;;;;GAaG;AACH,mDAXW,MAAM,EAAE,sBACR,MAAM,wBACN,MAAM,UAEN,MAAM,GAEJ,KAAK,CA2EjB;AAED;;;;;GAKG;AACH,0DAHW,MAAM,GACJ,MAAM,CAiBlB;AAED;;;;;;GAMG;AACH,4DAJW,MAAM,wBACN,MAAM,GACJ,MAAM,CAgBlB;AAED;;;;;;;GAOG;AACH,4DANW,MAAM,EAAE,iDACR,MAAM,eACN,MAAM,iBACN,MAAM,SAuEhB;AAGD;;;;;;;;;;;GAWG;AACH,wDATW,MAAM,EAAE,sBACR,MAAM,wBACN,MAAM,GAEJ,KAAK,CAUjB;AA6BD;;;;;;;;;;;;;;;GAeG;AACH,qDATW,MAAM,EAAE,sBACR,MAAM,GAEJ,KAAK,CAgCjB;AAED;;;;;GAKG;AACH,8BAHa,MAAM,CAKlB;AAGD;;;;;;;;;;;;GAYG;AACH,2CARW,MAAM,WACN,MAAM,YACN,MAAM,0BACN,MAAM,OAoBhB;AAED;;;;;;;;;;;;GAYG;AACH,2CARW,MAAM,WACN,MAAM,YACN,MAAM,0BACN,MAAM,OAShB;AAED;;;;;GAKG;AACH,6BAHa,MAAM,EAAE,CAKpB;AAED;;;;;GAKG;AACH,+CAEC;AAED;;;;;GAKG;AACH,0EAEC;AAED;;;;;GAKG;AACH,uEAEC;AAED;;;;;GAKG;AACH,4CAEC;AAED;;;;;GAKG;AACH,0CAEC;AAED;;;;;GAKG;AACH,iDAEC;AAED;;;;;GAKG;AACH,iCAHa,MAAM,CAKlB;AAED;;;;;GAKG;AACH,oEAIC;AAGD;;;;;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;AApqCD;;;;aAPG,OAAO,kCAAkC,OAAO,sEAOO;AAC1D,mFAA0D;AAC1D;;;;;EAAgE;AAOhE;;;;mIAAwD;AACxD,kFAAwD;AAiIjD,yFA4LJ;AAOI,0FAFM,MAAM,CAOlB;AAcM,iDAUJ"}
1
+ {"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/state/hooks.js"],"names":[],"mappings":"AA8BA,4DAiBC;AAED,6CAMC;AACD,uDAOC;AAED,8DAEC;AAGD,2DAiBC;AAED,4CAMC;AACD,sDAOC;AAED,6DAEC;AAID;;;;;;GAMG;AACH,8CAJW,GAAC,mBAEC,MAAM,GAAC,SAAS,CA4B5B;AAED;;;;;;;GAOG;AACH,gDALW,GAAC,wBACD,GAAC,qBAEC,MAAM,GAAC,SAAS,CA0C5B;AAED;;;;;GAKG;AACH,6CAJW,MAAM,sBACN,GAAC,GACC,MAAM,GAAC,SAAS,CAI5B;AAED;;;;;;GAMG;AACH,+CALW,MAAM,mDACN,GAAC,wBACD,GAAC,GACC,MAAM,GAAC,SAAS,CAc5B;AAySD;;;;;;;;;GASG;AACH,mDALW,MAAM,EAAE,sBACR,MAAM,GAEJ,MAAM,CAclB;AAED;;;;;;;;;;;;;;;GAeG;AACH,4CATW,MAAM,EAAE,sBACR,MAAM,GAEJ,KAAK,CAmCjB;AAED,yFAKC;AAED,gGAqBC;AAED,0IA4BC;AAED,iJAkEC;AAED,yFAmBC;AAED;;;;GAIG;AACH,mDAHW,MAAM,GACJ,MAAM,CAIlB;AAED;;;;;;;;;;;;;GAaG;AACH,mDAXW,MAAM,EAAE,sBACR,MAAM,wBACN,MAAM,UAEN,MAAM,GAEJ,KAAK,CA2EjB;AAED;;;;;GAKG;AACH,0DAHW,MAAM,GACJ,MAAM,CAiBlB;AAED;;;;;;GAMG;AACH,4DAJW,MAAM,wBACN,MAAM,GACJ,MAAM,CAgBlB;AAED;;;;;;;GAOG;AACH,4DANW,MAAM,EAAE,iDACR,MAAM,eACN,MAAM,iBACN,MAAM,SAuEhB;AAGD;;;;;;;;;;;GAWG;AACH,wDATW,MAAM,EAAE,sBACR,MAAM,wBACN,MAAM,GAEJ,KAAK,CAUjB;AA6BD;;;;;;;;;;;;;;;GAeG;AACH,qDATW,MAAM,EAAE,sBACR,MAAM,GAEJ,KAAK,CAgCjB;AAED;;;;;GAKG;AACH,8BAHa,MAAM,CAKlB;AAGD;;;;;;;;;;;;GAYG;AACH,2CARW,MAAM,WACN,MAAM,YACN,MAAM,0BACN,MAAM,OAoBhB;AAED;;;;;;;;;;;;GAYG;AACH,2CARW,MAAM,WACN,MAAM,YACN,MAAM,0BACN,MAAM,OAShB;AAED;;;;;GAKG;AACH,6BAHa,MAAM,EAAE,CAKpB;AAED;;;;;GAKG;AACH,+CAEC;AAED;;;;;GAKG;AACH,0EAEC;AAED;;;;;GAKG;AACH,uEAEC;AAED;;;;;GAKG;AACH,4CAEC;AAED;;;;;GAKG;AACH,0CAEC;AAED;;;;;GAKG;AACH,iDAEC;AAED;;;;;GAKG;AACH,iCAHa,MAAM,CAKlB;AAED;;;;;GAKG;AACH,oEAIC;AAGD;;;;;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;AAzhCM,yFA4LH;AAOG,0FAFM,MAAM,CAOlB;AAcM,iDAUJ"}