@vitessce/vit-s 3.5.9 → 3.5.10

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.
package/dist/index.js CHANGED
@@ -28076,7 +28076,9 @@ const ViewType$1 = {
28076
28076
  LINK_CONTROLLER: "linkController",
28077
28077
  NEUROGLANCER: "neuroglancer",
28078
28078
  DUAL_SCATTERPLOT: "dualScatterplot",
28079
- TREEMAP: "treemap"
28079
+ TREEMAP: "treemap",
28080
+ SAMPLE_SET_PAIR_MANAGER: "sampleSetPairManager",
28081
+ FEATURE_STATS_TABLE: "featureStatsTable"
28080
28082
  };
28081
28083
  const DataType$1 = {
28082
28084
  OBS_LABELS: "obsLabels",
@@ -28484,10 +28486,10 @@ const AUTO_INDEPENDENT_COORDINATION_TYPES = [
28484
28486
  CoordinationType$1.EMBEDDING_OBS_OPACITY
28485
28487
  ];
28486
28488
  const note = "This file is autogenerated by .changeset/post-changelog.mjs.";
28487
- const version = "3.5.9";
28488
- const date = "2025-03-12";
28489
+ const version = "3.5.10";
28490
+ const date = "2025-03-27";
28489
28491
  const branch = "changeset-release/main";
28490
- const hash = "7ec4174e";
28492
+ const hash = "17431b4f";
28491
28493
  const META_VERSION = {
28492
28494
  note,
28493
28495
  version,
@@ -37803,7 +37805,14 @@ function useColumnNameMapping(loader, reverse = false) {
37803
37805
  const optionsArray = loader.options.obsSets ? loader.options.obsSets : loader.options.sampleSets;
37804
37806
  optionsArray.forEach((optionObject) => {
37805
37807
  const { name, path } = optionObject;
37806
- const columnName = path.split("/").at(-1);
37808
+ let columnName;
37809
+ if (optionObject.column) {
37810
+ columnName = optionObject.column;
37811
+ } else if (path) {
37812
+ columnName = path.split("/").at(-1);
37813
+ } else {
37814
+ columnName = name;
37815
+ }
37807
37816
  result[name] = columnName;
37808
37817
  });
37809
37818
  }
@@ -38065,7 +38074,6 @@ const useTitleStyles = makeStyles((theme) => ({
38065
38074
  border: `${theme.cardBorderSize} solid ${theme.palette.cardBorder}`,
38066
38075
  flex: "1 1 auto",
38067
38076
  minHeight: "1px",
38068
- padding: "12px",
38069
38077
  marginTop: "8px",
38070
38078
  marginBottom: "8px",
38071
38079
  position: "relative",
@@ -38076,6 +38084,12 @@ const useTitleStyles = makeStyles((theme) => ({
38076
38084
  backgroundClip: "border-box",
38077
38085
  borderRadius: "4px"
38078
38086
  },
38087
+ paddingCard: {
38088
+ padding: "12px"
38089
+ },
38090
+ noPaddingCard: {
38091
+ padding: 0
38092
+ },
38079
38093
  noScrollCard: {
38080
38094
  backgroundColor: theme.palette.secondaryBackground,
38081
38095
  color: theme.palette.secondaryForeground
@@ -38992,7 +39006,8 @@ function TitleInfo(props) {
38992
39006
  options,
38993
39007
  closeButtonVisible = true,
38994
39008
  downloadButtonVisible = true,
38995
- helpText
39009
+ helpText,
39010
+ withPadding = true
38996
39011
  } = props;
38997
39012
  const classes = useTitleStyles();
38998
39013
  return (
@@ -39037,7 +39052,9 @@ function TitleInfo(props) {
39037
39052
  {
39038
39053
  [classes.scrollCard]: isScroll,
39039
39054
  [classes.spatialCard]: isSpatial,
39040
- [classes.noScrollCard]: !isScroll && !isSpatial
39055
+ [classes.noScrollCard]: !isScroll && !isSpatial,
39056
+ [classes.noPaddingCard]: !withPadding,
39057
+ [classes.paddingCard]: withPadding
39041
39058
  }
39042
39059
  ),
39043
39060
  "aria-busy": !isReady,
@@ -1 +1 @@
1
- {"version":3,"file":"TitleInfo.d.ts","sourceRoot":"","sources":["../src/TitleInfo.js"],"names":[],"mappings":"AA8JA,mDA2DC"}
1
+ {"version":3,"file":"TitleInfo.d.ts","sourceRoot":"","sources":["../src/TitleInfo.js"],"names":[],"mappings":"AA8JA,mDA6DC"}
@@ -80,7 +80,7 @@ function ClosePaneButton(props) {
80
80
  return (_jsx(IconButton, { onClick: removeGridComponent, size: "small", className: classes.iconButton, title: "close", "aria-label": "Close panel button", children: _jsx(CloseIcon, {}) }));
81
81
  }
82
82
  export function TitleInfo(props) {
83
- const { title, info, children, isScroll, isSpatial, removeGridComponent, urls, isReady, options, closeButtonVisible = true, downloadButtonVisible = true, helpText, } = props;
83
+ const { title, info, children, isScroll, isSpatial, removeGridComponent, urls, isReady, options, closeButtonVisible = true, downloadButtonVisible = true, helpText, withPadding = true, } = props;
84
84
  const classes = useTitleStyles();
85
85
  return (
86
86
  // d-flex without wrapping div is not always full height; I don't understand the root cause.
@@ -88,6 +88,8 @@ export function TitleInfo(props) {
88
88
  [classes.scrollCard]: isScroll,
89
89
  [classes.spatialCard]: isSpatial,
90
90
  [classes.noScrollCard]: !isScroll && !isSpatial,
91
+ [classes.noPaddingCard]: !withPadding,
92
+ [classes.paddingCard]: withPadding,
91
93
  }), "aria-busy": !isReady, role: "main", children: [!isReady ? _jsx(LoadingIndicator, {}) : null, children] })] })
92
94
  // "pl-2" only matters when the window is very narrow.
93
95
  );
@@ -1 +1 @@
1
- {"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../src/hooks.js"],"names":[],"mappings":"AAqBA,oDAOC;AAED;;;;GAIG;AACH,uCAHa,KAAK,CAmBjB;AAED;;;;GAIG;AACH,mCAHa,KAAK,CAoCjB;AAED;;;;;GAKG;AACH,qCAJa,KAAK,CAqCjB;AAED;;;;;;GAMG;AACH,uCAHW,MAAM,EAAE,GACN,OAAO,CAOnB;AAED;;;;GAIG;AACH,8BAHW,CAAC,IAAI,GAAC,MAAM,EAAE,CAAC,EAAE,GACf,KAAK,CAYjB;AAED;;;;;;GAMG;AACH,qDAJW,GAAG,GACD,KAAK,CA0BjB;AAED;;;;;;;;;;GAUG;AACH,+DARG;IAAuB,gBAAgB,EAA/B,MAAM;CAEd,GAAU,KAAK,CAmBjB;AAED;;;;;;;;;;;;;;;GAeG;AACH,yDAbW,YAAY,EAAE,GAAG,IAAI,GAInB;IACZ,QAAW,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;IACjC,OAAU,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,GAAG,IAAI,CAAC;IACtC,OAAU,EAAE,MAAM,EAAE,CAAA;CACjB,CAwBH;AAED;;;;QA2BC;AAED,iEAOC;AAED,kHA4BC;AAED;;;;;;;;;;GAUG;AACH,yDALW,MAAM,oBACN,gBAAI,IAAI,iBAEN;IAAE,kBAAkB,EAAE,OAAO,CAAA;CAAE,GAAC,IAAI,CAkChD;AAED;;;;;;;GAOG;AACH,6CALW,GAAC,YACD,CAAC,OAAO,CAAC,GAEP,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAuBlC"}
1
+ {"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../src/hooks.js"],"names":[],"mappings":"AAqBA,oDAOC;AAED;;;;GAIG;AACH,uCAHa,KAAK,CAmBjB;AAED;;;;GAIG;AACH,mCAHa,KAAK,CAoCjB;AAED;;;;;GAKG;AACH,qCAJa,KAAK,CAqCjB;AAED;;;;;;GAMG;AACH,uCAHW,MAAM,EAAE,GACN,OAAO,CAOnB;AAED;;;;GAIG;AACH,8BAHW,CAAC,IAAI,GAAC,MAAM,EAAE,CAAC,EAAE,GACf,KAAK,CAYjB;AAED;;;;;;GAMG;AACH,qDAJW,GAAG,GACD,KAAK,CA0BjB;AAED;;;;;;;;;;GAUG;AACH,+DARG;IAAuB,gBAAgB,EAA/B,MAAM;CAEd,GAAU,KAAK,CAmBjB;AAED;;;;;;;;;;;;;;;GAeG;AACH,yDAbW,YAAY,EAAE,GAAG,IAAI,GAInB;IACZ,QAAW,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;IACjC,OAAU,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,GAAG,IAAI,CAAC;IACtC,OAAU,EAAE,MAAM,EAAE,CAAA;CACjB,CAwBH;AAED;;;;QA2BC;AAED,iEAOC;AAED,kHA4BC;AAED;;;;;;;;;;GAUG;AACH,yDALW,MAAM,oBACN,gBAAI,IAAI,iBAEN;IAAE,kBAAkB,EAAE,OAAO,CAAA;CAAE,GAAC,IAAI,CAkChD;AAED;;;;;;;GAOG;AACH,6CALW,GAAC,YACD,CAAC,OAAO,CAAC,GAEP,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CA8BlC"}
package/dist-tsc/hooks.js CHANGED
@@ -333,7 +333,16 @@ export function useColumnNameMapping(loader, reverse = false) {
333
333
  : loader.options.sampleSets;
334
334
  optionsArray.forEach((optionObject) => {
335
335
  const { name, path } = optionObject;
336
- const columnName = path.split('/').at(-1);
336
+ let columnName;
337
+ if (optionObject.column) {
338
+ columnName = optionObject.column;
339
+ }
340
+ else if (path) {
341
+ columnName = path.split('/').at(-1);
342
+ }
343
+ else {
344
+ columnName = name;
345
+ }
337
346
  result[name] = columnName;
338
347
  });
339
348
  }
@@ -1 +1 @@
1
- {"version":3,"file":"title-styles.d.ts","sourceRoot":"","sources":["../src/title-styles.js"],"names":[],"mappings":"AAEA,gHAsEI"}
1
+ {"version":3,"file":"title-styles.d.ts","sourceRoot":"","sources":["../src/title-styles.js"],"names":[],"mappings":"AAEA,gHA2EI"}
@@ -39,7 +39,6 @@ export const useTitleStyles = makeStyles(theme => ({
39
39
  border: `${theme.cardBorderSize} solid ${theme.palette.cardBorder}`,
40
40
  flex: '1 1 auto',
41
41
  minHeight: '1px',
42
- padding: '12px',
43
42
  marginTop: '8px',
44
43
  marginBottom: '8px',
45
44
  position: 'relative',
@@ -50,6 +49,12 @@ export const useTitleStyles = makeStyles(theme => ({
50
49
  backgroundClip: 'border-box',
51
50
  borderRadius: '4px',
52
51
  },
52
+ paddingCard: {
53
+ padding: '12px',
54
+ },
55
+ noPaddingCard: {
56
+ padding: 0,
57
+ },
53
58
  noScrollCard: {
54
59
  backgroundColor: theme.palette.secondaryBackground,
55
60
  color: theme.palette.secondaryForeground,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vitessce/vit-s",
3
- "version": "3.5.9",
3
+ "version": "3.5.10",
4
4
  "author": "HIDIVE Lab at HMS",
5
5
  "homepage": "http://vitessce.io",
6
6
  "repository": {
@@ -30,14 +30,14 @@
30
30
  "zustand": "^3.5.10",
31
31
  "react-aria": "^3.28.0",
32
32
  "react-error-boundary": "^5.0.0",
33
- "@vitessce/abstract": "3.5.9",
34
- "@vitessce/constants-internal": "3.5.9",
35
- "@vitessce/plugins": "3.5.9",
36
- "@vitessce/schemas": "3.5.9",
37
- "@vitessce/utils": "3.5.9",
38
- "@vitessce/sets-utils": "3.5.9",
39
- "@vitessce/config": "3.5.9",
40
- "@vitessce/globals": "3.5.9"
33
+ "@vitessce/abstract": "3.5.10",
34
+ "@vitessce/constants-internal": "3.5.10",
35
+ "@vitessce/plugins": "3.5.10",
36
+ "@vitessce/schemas": "3.5.10",
37
+ "@vitessce/sets-utils": "3.5.10",
38
+ "@vitessce/config": "3.5.10",
39
+ "@vitessce/globals": "3.5.10",
40
+ "@vitessce/utils": "3.5.10"
41
41
  },
42
42
  "devDependencies": {
43
43
  "@testing-library/jest-dom": "^5.16.4",
@@ -45,7 +45,7 @@
45
45
  "react": "^18.0.0",
46
46
  "vite": "^4.3.0",
47
47
  "vitest": "^0.32.2",
48
- "@vitessce/types": "3.5.9"
48
+ "@vitessce/types": "3.5.10"
49
49
  },
50
50
  "peerDependencies": {
51
51
  "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
package/src/TitleInfo.js CHANGED
@@ -160,7 +160,7 @@ export function TitleInfo(props) {
160
160
  const {
161
161
  title, info, children, isScroll, isSpatial, removeGridComponent, urls,
162
162
  isReady, options, closeButtonVisible = true, downloadButtonVisible = true,
163
- helpText,
163
+ helpText, withPadding = true,
164
164
  } = props;
165
165
 
166
166
  const classes = useTitleStyles();
@@ -204,6 +204,8 @@ export function TitleInfo(props) {
204
204
  [classes.scrollCard]: isScroll,
205
205
  [classes.spatialCard]: isSpatial,
206
206
  [classes.noScrollCard]: !isScroll && !isSpatial,
207
+ [classes.noPaddingCard]: !withPadding,
208
+ [classes.paddingCard]: withPadding,
207
209
  },
208
210
  )}
209
211
  aria-busy={!isReady}
package/src/hooks.js CHANGED
@@ -388,7 +388,14 @@ export function useColumnNameMapping(loader, reverse = false) {
388
388
  : loader.options.sampleSets;
389
389
  optionsArray.forEach((optionObject) => {
390
390
  const { name, path } = optionObject;
391
- const columnName = path.split('/').at(-1);
391
+ let columnName;
392
+ if (optionObject.column) {
393
+ columnName = optionObject.column;
394
+ } else if (path) {
395
+ columnName = path.split('/').at(-1);
396
+ } else {
397
+ columnName = name;
398
+ }
392
399
  result[name] = columnName;
393
400
  });
394
401
  }
@@ -40,7 +40,6 @@ export const useTitleStyles = makeStyles(theme => ({
40
40
  border: `${theme.cardBorderSize} solid ${theme.palette.cardBorder}`,
41
41
  flex: '1 1 auto',
42
42
  minHeight: '1px',
43
- padding: '12px',
44
43
  marginTop: '8px',
45
44
  marginBottom: '8px',
46
45
  position: 'relative',
@@ -51,6 +50,12 @@ export const useTitleStyles = makeStyles(theme => ({
51
50
  backgroundClip: 'border-box',
52
51
  borderRadius: '4px',
53
52
  },
53
+ paddingCard: {
54
+ padding: '12px',
55
+ },
56
+ noPaddingCard: {
57
+ padding: 0,
58
+ },
54
59
  noScrollCard: {
55
60
  backgroundColor: theme.palette.secondaryBackground,
56
61
  color: theme.palette.secondaryForeground,