@weng-lab/ui-components 3.1.0 → 3.1.1

package/dist/ui-components.es78.js

@@ -1,5 +1,9 @@
-var e = {};
+import { j as o } from "./ui-components.es16.js";
+import t from "./ui-components.es75.js";
+const r = t(/* @__PURE__ */ o.jsx("path", {
+  d: "M19 9h-4V3H9v6H5l7 7zM5 18v2h14v-2z"
+}), "FileDownload");
 export {
-  e as __exports
+  r as default
 };
 //# sourceMappingURL=ui-components.es78.js.map

package/dist/ui-components.es78.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es78.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"ui-components.es78.js","sources":["../../../node_modules/.pnpm/@mui+icons-material@7.3.9_@_dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/FileDownload.js"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"M19 9h-4V3H9v6H5l7 7zM5 18v2h14v-2z\"\n}), 'FileDownload');"],"names":["FileDownloadIcon","createSvgIcon","_jsx"],"mappings":";;AAIA,MAAAA,IAAeC,EAA2BC,gBAAAA,EAAAA,IAAK,QAAQ;AAAA,EACrD,GAAG;AACL,CAAC,GAAG,cAAc;","x_google_ignoreList":[0]}

package/dist/ui-components.es79.js

@@ -1,18 +1,9 @@
-import * as r from "react";
-import { j as c } from "./ui-components.es16.js";
-import n from "./ui-components.es246.js";
-function s(t, e) {
-  function o(i, m) {
-    return /* @__PURE__ */ c.jsx(n, {
-      "data-testid": process.env.NODE_ENV !== "production" ? `${e}Icon` : void 0,
-      ref: m,
-      ...i,
-      children: t
-    });
-  }
-  return process.env.NODE_ENV !== "production" && (o.displayName = `${e}Icon`), o.muiName = n.muiName, /* @__PURE__ */ r.memo(/* @__PURE__ */ r.forwardRef(o));
-}
+import { j as o } from "./ui-components.es16.js";
+import t from "./ui-components.es75.js";
+const r = t(/* @__PURE__ */ o.jsx("path", {
+  d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12z"
+}), "Cancel");
 export {
-  s as default
+  r as default
 };
 //# sourceMappingURL=ui-components.es79.js.map

package/dist/ui-components.es79.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es79.js","sources":["../../../node_modules/.pnpm/@mui+material@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+_5efc65b7a21bb615fd4ee8d4bf58b896/node_modules/@mui/material/esm/utils/createSvgIcon.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport SvgIcon from \"../SvgIcon/index.js\";\n\n/**\n * Private module reserved for @mui packages.\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function createSvgIcon(path, displayName) {\n  function Component(props, ref) {\n    return /*#__PURE__*/_jsx(SvgIcon, {\n      \"data-testid\": process.env.NODE_ENV !== 'production' ? `${displayName}Icon` : undefined,\n      ref: ref,\n      ...props,\n      children: path\n    });\n  }\n  if (process.env.NODE_ENV !== 'production') {\n    // Need to set `displayName` on the inner component for React.memo.\n    // React prior to 16.14 ignores `displayName` on the wrapper.\n    Component.displayName = `${displayName}Icon`;\n  }\n  Component.muiName = SvgIcon.muiName;\n  return /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(Component));\n}"],"names":["createSvgIcon","path","displayName","Component","props","ref","_jsx","SvgIcon","React"],"mappings":";;;AASe,SAASA,EAAcC,GAAMC,GAAa;AACvD,WAASC,EAAUC,GAAOC,GAAK;AAC7B,WAAoBC,gBAAAA,EAAAA,IAAKC,GAAS;AAAA,MAChC,eAAe,QAAQ,IAAI,aAAa,eAAe,GAAGL,CAAW,SAAS;AAAA,MAC9E,KAAKG;AAAA,MACL,GAAGD;AAAA,MACH,UAAUH;AAAA,IAChB,CAAK;AAAA,EACH;AACA,SAAI,QAAQ,IAAI,aAAa,iBAG3BE,EAAU,cAAc,GAAGD,CAAW,SAExCC,EAAU,UAAUI,EAAQ,SACR,gBAAAC,EAAM,KAAkB,gBAAAA,EAAM,WAAWL,CAAS,CAAC;AACzE;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es79.js","sources":["../../../node_modules/.pnpm/@mui+icons-material@7.3.9_@_dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/Cancel.js"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12z\"\n}), 'Cancel');"],"names":["CancelIcon","createSvgIcon","_jsx"],"mappings":";;AAIA,MAAAA,IAAeC,EAA2BC,gBAAAA,EAAAA,IAAK,QAAQ;AAAA,EACrD,GAAG;AACL,CAAC,GAAG,QAAQ;","x_google_ignoreList":[0]}

package/dist/ui-components.es8.js

@@ -5,7 +5,7 @@ import { columns as I } from "./ui-components.es11.js";
 import { useEncodeBiosampleData as G } from "./ui-components.es12.js";
 import { useRef as O, useState as q, useEffect as H } from "react";
 import { useGridApiRef as N, gridFilteredSortedRowEntriesSelector as P, isAutogeneratedRow as z } from "@mui/x-data-grid-premium";
-import { DownloadContext as L } from "./ui-components.es17.js";
+import { DownloadContext as L } from "./ui-components.es22.js";
 const V = {
   rowGrouping: {
     model: ["ontology"]

package/dist/ui-components.es8.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es8.js","sources":["../src/components/BiosampleTable/BiosampleTable.tsx"],"sourcesContent":["import { capitalize } from \"@mui/material\";\nimport Table from \"../Table/Table\";\nimport { columns as defaultCols } from \"./columns\";\nimport { BiosampleTableProps, EncodeBiosample } from \"./types\";\nimport { useEncodeBiosampleData } from \"./useEncodeBiosampleData\";\nimport { JSX, useEffect, useRef, useState } from \"react\";\nimport {\n  DataGridPremiumProps,\n  GridApiPremium,\n  GridColDef,\n  gridFilteredSortedRowEntriesSelector,\n  GridGroupingColDefOverride,\n  GridRowId,\n  GridRowSelectionModel,\n  isAutogeneratedRow,\n  useGridApiRef,\n} from \"@mui/x-data-grid-premium\";\nimport { DownloadContext } from \"./DownloadContext\";\nimport { GridInitialStatePremium } from \"@mui/x-data-grid-premium/models/gridStatePremium\";\n\n/**\n * This intentionally lists all columns in the visibility model (even visible cols) so that consumers can import and print it out to see all the keys\n * Can also use `allColsHidden` which is an object of all column fields set to false, which you can spread and then override the visible cols in initialState\n */\nexport const initialTableState = {\n  rowGrouping: { model: [\"ontology\"] },\n  sorting: { sortModel: [{ field: \"collection\", sort: \"asc\" } as const] },\n  columns: {\n    columnVisibilityModel: {\n      displayname: false, //only false since it is used as \"leafField\" in groupingColDef\n      assays: true,\n      ontology: true,\n      sampleType: false,\n      lifeStage: false,\n      bedurl: false,\n      bigbedurl: false,\n      dnase_experiment_accession: false,\n      dnase_file_accession: false,\n      dnaseZ: false,\n      dnase_signal_url: false,\n      atac_experiment_accession: false,\n      atac_file_accession: false,\n      atacZ: false,\n      atac_signal_url: false,\n      h3k4me3_experiment_accession: false,\n      h3k4me3_file_accession: false,\n      h3k4me3Z: false,\n      h3k4me3_signal_url: false,\n      h3k27ac_experiment_accession: false,\n      h3k27ac_file_accession: false,\n      h3k27acZ: false,\n      h3k27ac_signal_url: false,\n      ctcf_experiment_accession: false,\n      ctcf_file_accession: false,\n      ctcfZ: false,\n      ctcf_signal_url: false,\n      chromhmm_url: false,\n      rnaSeq: false,\n    },\n  },\n  filter: {\n    filterModel: {\n      items: [],\n      quickFilterExcludeHiddenColumns: false,\n    },\n  },\n} as const satisfies GridInitialStatePremium; \n\nconst groupingColDef: GridGroupingColDefOverride<any> = {\n  leafField: \"displayname\",\n  headerName: \"Tissue/Biosample\",\n  maxWidth: 400,\n  display: \"flex\",\n  valueFormatter: (value) => capitalize(value),\n} as const;\n\n/**\n *\n * @param apiRef\n * @param ids\n * This function is used to add autogenerated row Ids to the list of selected Ids if all children are selected.\n * It is needed so that select/unselect all checkboxes can work properly without passing in the autogenerated row IDs from outside the components.\n * It will add the grouping row ID only if all children are selected\n */\nconst addAutogeneratedRowIdsToChildren = (\n  apiRef: React.RefObject<GridApiPremium | null>,\n  selected: GridRowId[]\n): Set<GridRowId> => {\n  if (!apiRef.current) return new Set(selected)\n\n  const entries = gridFilteredSortedRowEntriesSelector(apiRef)\n  const autogeneratedRows = entries.filter((entry) =>\n    isAutogeneratedRow(entry.model)\n  );\n\n  const autogeneratedIdsToAdd = autogeneratedRows\n    .filter((row) => {\n      const children = apiRef.current?.getRowGroupChildren({ groupId: row.id, applyFiltering: true });\n      const allChildrenSelected = children?.every((id) => selected?.includes(id));\n      return allChildrenSelected;\n    })\n    .map((x) => x.id);\n\n  return new Set([...selected, ...autogeneratedIdsToAdd]);\n};\n\nconst getAndSetRowSelectionModel = (\n  apiRef: React.RefObject<GridApiPremium | null>,\n  selected: GridRowId[] | undefined,\n  setRowSelectionModel: React.Dispatch<React.SetStateAction<GridRowSelectionModel | undefined>>\n) => {\n  if (!selected || !apiRef.current) return undefined;\n  const newModel = { type: \"include\", ids: addAutogeneratedRowIdsToChildren(apiRef, selected) } as const;\n  setRowSelectionModel(newModel);\n};\n\nexport function BiosampleTable(props: BiosampleTableProps): JSX.Element {\n  const {\n    data: encodeSamples,\n    loading: encodeLoading,\n    error: encodeError,\n  } = useEncodeBiosampleData({ assembly: props.assembly, skip: props.rows !== undefined });\n\n  const {\n    loading,\n    error,\n    assembly, //custom added prop\n    rows = encodeSamples ?? [],\n    prefilterBiosamples = () => true, //custom added prop\n    columns = defaultCols,\n    label = \"Biosamples\",\n    initialState = initialTableState,\n    onSelectionChange = (selected: EncodeBiosample[]) => null, //custom added prop\n    onRowSelectionModelChange, //have to extract here or else overrides to it would break the onSelectionChange functionality\n    onDownload, //custom added prop for tracking downloads\n    apiRef: externalApiRef,\n    selected = undefined,\n    onReady,\n    getRowId = (x: EncodeBiosample) => x.name,\n    ...restProps\n  } = props;\n\n  const selectedRef = useRef(selected);\n  selectedRef.current = selected;\n\n  const internalApiRef = useGridApiRef();\n  // prioritize using the provided apiRef if available, otherwise create a new one\n  const apiRef = externalApiRef ?? internalApiRef;\n\n  const internalRows = rows.filter(prefilterBiosamples);\n\n  const handleRowSelectionModelChange: DataGridPremiumProps[\"onRowSelectionModelChange\"] = (\n    rowSelectionModel,\n    details\n  ) => {\n    if (onRowSelectionModelChange) onRowSelectionModelChange(rowSelectionModel, details);\n    // we are passing disableRowSelectionExcludeModel, so should always be using \"include\"\n    onSelectionChange(internalRows.filter((row) => rowSelectionModel.ids.has(getRowId(row))));\n  };\n\n  const internalFlexColumns: GridColDef[] = columns.map((x) => ({ ...x, display: \"flex\" }));\n\n  const [rowSelectionModel, setRowSelectionModel] = useState<GridRowSelectionModel | undefined>(undefined);\n\n  useEffect(() => {\n    if (!selected) return undefined;\n    const newSelectionModel = { type: \"include\", ids: addAutogeneratedRowIdsToChildren(apiRef, selected) } as const;\n    if (\n      !rowSelectionModel ||\n      !(\n        rowSelectionModel.ids.isSubsetOf(newSelectionModel.ids) &&\n        newSelectionModel.ids.isSubsetOf(rowSelectionModel.ids)\n      )\n    ) {\n      //prevent infinite rerender\n      setRowSelectionModel(newSelectionModel);\n    }\n  }, [selected]);\n\n  const handleOnReady: typeof onReady = (apiRef) => {\n    const internalCleanup = apiRef.current.subscribeEvent(\"filterModelChange\", () => {\n      getAndSetRowSelectionModel(apiRef, selectedRef.current, setRowSelectionModel);\n    });\n    const consumerCleanups = onReady?.(apiRef);\n    if (!consumerCleanups) return internalCleanup;\n    if (Array.isArray(consumerCleanups)) return [internalCleanup, ...consumerCleanups];\n    return [internalCleanup, consumerCleanups];\n  };\n\n  return (\n    <DownloadContext.Provider value={{ onDownload }}>\n      <Table\n        apiRef={apiRef}\n        label={label}\n        rows={internalRows}\n        columns={internalFlexColumns}\n        loading={loading || encodeLoading}\n        error={error || encodeError}\n        initialState={initialState}\n        rowSelectionModel={rowSelectionModel}\n        groupingColDef={groupingColDef}\n        getRowId={getRowId}\n        getRowHeight={() => \"auto\"}\n        onReady={handleOnReady}\n        onRowSelectionModelChange={handleRowSelectionModelChange}\n        disableRowSelectionExcludeModel // forces only using \"include\" model for easier mapping\n        keepNonExistentRowsSelected\n        {...restProps}\n      />\n    </DownloadContext.Provider>\n  );\n}\n"],"names":["initialTableState","rowGrouping","model","sorting","sortModel","field","sort","columns","columnVisibilityModel","displayname","assays","ontology","sampleType","lifeStage","bedurl","bigbedurl","dnase_experiment_accession","dnase_file_accession","dnaseZ","dnase_signal_url","atac_experiment_accession","atac_file_accession","atacZ","atac_signal_url","h3k4me3_experiment_accession","h3k4me3_file_accession","h3k4me3Z","h3k4me3_signal_url","h3k27ac_experiment_accession","h3k27ac_file_accession","h3k27acZ","h3k27ac_signal_url","ctcf_experiment_accession","ctcf_file_accession","ctcfZ","ctcf_signal_url","chromhmm_url","rnaSeq","filter","filterModel","items","quickFilterExcludeHiddenColumns","groupingColDef","leafField","headerName","maxWidth","display","valueFormatter","value","capitalize","addAutogeneratedRowIdsToChildren","apiRef","selected","current","Set","autogeneratedIdsToAdd","gridFilteredSortedRowEntriesSelector","entry","isAutogeneratedRow","row","getRowGroupChildren","groupId","id","applyFiltering","every","includes","map","x","getAndSetRowSelectionModel","setRowSelectionModel","newModel","type","ids","BiosampleTable","props","data","encodeSamples","loading","encodeLoading","error","encodeError","useEncodeBiosampleData","assembly","skip","rows","undefined","prefilterBiosamples","defaultCols","label","initialState","onSelectionChange","onRowSelectionModelChange","onDownload","externalApiRef","onReady","getRowId","name","restProps","selectedRef","useRef","internalApiRef","useGridApiRef","internalRows","handleRowSelectionModelChange","rowSelectionModel","details","has","internalFlexColumns","useState","useEffect","newSelectionModel","isSubsetOf","handleOnReady","internalCleanup","subscribeEvent","consumerCleanups","Array","isArray","jsx","DownloadContext","Table"],"mappings":"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"}
+{"version":3,"file":"ui-components.es8.js","sources":["../src/components/BiosampleTable/BiosampleTable.tsx"],"sourcesContent":["import { capitalize } from \"@mui/material\";\r\nimport Table from \"../Table/Table\";\r\nimport { columns as defaultCols } from \"./columns\";\r\nimport { BiosampleTableProps, EncodeBiosample } from \"./types\";\r\nimport { useEncodeBiosampleData } from \"./useEncodeBiosampleData\";\r\nimport { JSX, useEffect, useRef, useState } from \"react\";\r\nimport {\r\n  DataGridPremiumProps,\r\n  GridApiPremium,\r\n  GridColDef,\r\n  gridFilteredSortedRowEntriesSelector,\r\n  GridGroupingColDefOverride,\r\n  GridRowId,\r\n  GridRowSelectionModel,\r\n  isAutogeneratedRow,\r\n  useGridApiRef,\r\n} from \"@mui/x-data-grid-premium\";\r\nimport { DownloadContext } from \"./DownloadContext\";\r\nimport { GridInitialStatePremium } from \"@mui/x-data-grid-premium/models/gridStatePremium\";\r\n\r\n/**\r\n * This intentionally lists all columns in the visibility model (even visible cols) so that consumers can import and print it out to see all the keys\r\n * Can also use `allColsHidden` which is an object of all column fields set to false, which you can spread and then override the visible cols in initialState\r\n */\r\nexport const initialTableState = {\r\n  rowGrouping: { model: [\"ontology\"] },\r\n  sorting: { sortModel: [{ field: \"collection\", sort: \"asc\" } as const] },\r\n  columns: {\r\n    columnVisibilityModel: {\r\n      displayname: false, //only false since it is used as \"leafField\" in groupingColDef\r\n      assays: true,\r\n      ontology: true,\r\n      sampleType: false,\r\n      lifeStage: false,\r\n      bedurl: false,\r\n      bigbedurl: false,\r\n      dnase_experiment_accession: false,\r\n      dnase_file_accession: false,\r\n      dnaseZ: false,\r\n      dnase_signal_url: false,\r\n      atac_experiment_accession: false,\r\n      atac_file_accession: false,\r\n      atacZ: false,\r\n      atac_signal_url: false,\r\n      h3k4me3_experiment_accession: false,\r\n      h3k4me3_file_accession: false,\r\n      h3k4me3Z: false,\r\n      h3k4me3_signal_url: false,\r\n      h3k27ac_experiment_accession: false,\r\n      h3k27ac_file_accession: false,\r\n      h3k27acZ: false,\r\n      h3k27ac_signal_url: false,\r\n      ctcf_experiment_accession: false,\r\n      ctcf_file_accession: false,\r\n      ctcfZ: false,\r\n      ctcf_signal_url: false,\r\n      chromhmm_url: false,\r\n      rnaSeq: false,\r\n    },\r\n  },\r\n  filter: {\r\n    filterModel: {\r\n      items: [],\r\n      quickFilterExcludeHiddenColumns: false,\r\n    },\r\n  },\r\n} as const satisfies GridInitialStatePremium; \r\n\r\nconst groupingColDef: GridGroupingColDefOverride<any> = {\r\n  leafField: \"displayname\",\r\n  headerName: \"Tissue/Biosample\",\r\n  maxWidth: 400,\r\n  display: \"flex\",\r\n  valueFormatter: (value) => capitalize(value),\r\n} as const;\r\n\r\n/**\r\n *\r\n * @param apiRef\r\n * @param ids\r\n * This function is used to add autogenerated row Ids to the list of selected Ids if all children are selected.\r\n * It is needed so that select/unselect all checkboxes can work properly without passing in the autogenerated row IDs from outside the components.\r\n * It will add the grouping row ID only if all children are selected\r\n */\r\nconst addAutogeneratedRowIdsToChildren = (\r\n  apiRef: React.RefObject<GridApiPremium | null>,\r\n  selected: GridRowId[]\r\n): Set<GridRowId> => {\r\n  if (!apiRef.current) return new Set(selected)\r\n\r\n  const entries = gridFilteredSortedRowEntriesSelector(apiRef)\r\n  const autogeneratedRows = entries.filter((entry) =>\r\n    isAutogeneratedRow(entry.model)\r\n  );\r\n\r\n  const autogeneratedIdsToAdd = autogeneratedRows\r\n    .filter((row) => {\r\n      const children = apiRef.current?.getRowGroupChildren({ groupId: row.id, applyFiltering: true });\r\n      const allChildrenSelected = children?.every((id) => selected?.includes(id));\r\n      return allChildrenSelected;\r\n    })\r\n    .map((x) => x.id);\r\n\r\n  return new Set([...selected, ...autogeneratedIdsToAdd]);\r\n};\r\n\r\nconst getAndSetRowSelectionModel = (\r\n  apiRef: React.RefObject<GridApiPremium | null>,\r\n  selected: GridRowId[] | undefined,\r\n  setRowSelectionModel: React.Dispatch<React.SetStateAction<GridRowSelectionModel | undefined>>\r\n) => {\r\n  if (!selected || !apiRef.current) return undefined;\r\n  const newModel = { type: \"include\", ids: addAutogeneratedRowIdsToChildren(apiRef, selected) } as const;\r\n  setRowSelectionModel(newModel);\r\n};\r\n\r\nexport function BiosampleTable(props: BiosampleTableProps): JSX.Element {\r\n  const {\r\n    data: encodeSamples,\r\n    loading: encodeLoading,\r\n    error: encodeError,\r\n  } = useEncodeBiosampleData({ assembly: props.assembly, skip: props.rows !== undefined });\r\n\r\n  const {\r\n    loading,\r\n    error,\r\n    assembly, //custom added prop\r\n    rows = encodeSamples ?? [],\r\n    prefilterBiosamples = () => true, //custom added prop\r\n    columns = defaultCols,\r\n    label = \"Biosamples\",\r\n    initialState = initialTableState,\r\n    onSelectionChange = (selected: EncodeBiosample[]) => null, //custom added prop\r\n    onRowSelectionModelChange, //have to extract here or else overrides to it would break the onSelectionChange functionality\r\n    onDownload, //custom added prop for tracking downloads\r\n    apiRef: externalApiRef,\r\n    selected = undefined,\r\n    onReady,\r\n    getRowId = (x: EncodeBiosample) => x.name,\r\n    ...restProps\r\n  } = props;\r\n\r\n  const selectedRef = useRef(selected);\r\n  selectedRef.current = selected;\r\n\r\n  const internalApiRef = useGridApiRef();\r\n  // prioritize using the provided apiRef if available, otherwise create a new one\r\n  const apiRef = externalApiRef ?? internalApiRef;\r\n\r\n  const internalRows = rows.filter(prefilterBiosamples);\r\n\r\n  const handleRowSelectionModelChange: DataGridPremiumProps[\"onRowSelectionModelChange\"] = (\r\n    rowSelectionModel,\r\n    details\r\n  ) => {\r\n    if (onRowSelectionModelChange) onRowSelectionModelChange(rowSelectionModel, details);\r\n    // we are passing disableRowSelectionExcludeModel, so should always be using \"include\"\r\n    onSelectionChange(internalRows.filter((row) => rowSelectionModel.ids.has(getRowId(row))));\r\n  };\r\n\r\n  const internalFlexColumns: GridColDef[] = columns.map((x) => ({ ...x, display: \"flex\" }));\r\n\r\n  const [rowSelectionModel, setRowSelectionModel] = useState<GridRowSelectionModel | undefined>(undefined);\r\n\r\n  useEffect(() => {\r\n    if (!selected) return undefined;\r\n    const newSelectionModel = { type: \"include\", ids: addAutogeneratedRowIdsToChildren(apiRef, selected) } as const;\r\n    if (\r\n      !rowSelectionModel ||\r\n      !(\r\n        rowSelectionModel.ids.isSubsetOf(newSelectionModel.ids) &&\r\n        newSelectionModel.ids.isSubsetOf(rowSelectionModel.ids)\r\n      )\r\n    ) {\r\n      //prevent infinite rerender\r\n      setRowSelectionModel(newSelectionModel);\r\n    }\r\n  }, [selected]);\r\n\r\n  const handleOnReady: typeof onReady = (apiRef) => {\r\n    const internalCleanup = apiRef.current.subscribeEvent(\"filterModelChange\", () => {\r\n      getAndSetRowSelectionModel(apiRef, selectedRef.current, setRowSelectionModel);\r\n    });\r\n    const consumerCleanups = onReady?.(apiRef);\r\n    if (!consumerCleanups) return internalCleanup;\r\n    if (Array.isArray(consumerCleanups)) return [internalCleanup, ...consumerCleanups];\r\n    return [internalCleanup, consumerCleanups];\r\n  };\r\n\r\n  return (\r\n    <DownloadContext.Provider value={{ onDownload }}>\r\n      <Table\r\n        apiRef={apiRef}\r\n        label={label}\r\n        rows={internalRows}\r\n        columns={internalFlexColumns}\r\n        loading={loading || encodeLoading}\r\n        error={error || encodeError}\r\n        initialState={initialState}\r\n        rowSelectionModel={rowSelectionModel}\r\n        groupingColDef={groupingColDef}\r\n        getRowId={getRowId}\r\n        getRowHeight={() => \"auto\"}\r\n        onReady={handleOnReady}\r\n        onRowSelectionModelChange={handleRowSelectionModelChange}\r\n        disableRowSelectionExcludeModel // forces only using \"include\" model for easier mapping\r\n        keepNonExistentRowsSelected\r\n        {...restProps}\r\n      />\r\n    </DownloadContext.Provider>\r\n  );\r\n}\r\n"],"names":["initialTableState","rowGrouping","model","sorting","sortModel","field","sort","columns","columnVisibilityModel","displayname","assays","ontology","sampleType","lifeStage","bedurl","bigbedurl","dnase_experiment_accession","dnase_file_accession","dnaseZ","dnase_signal_url","atac_experiment_accession","atac_file_accession","atacZ","atac_signal_url","h3k4me3_experiment_accession","h3k4me3_file_accession","h3k4me3Z","h3k4me3_signal_url","h3k27ac_experiment_accession","h3k27ac_file_accession","h3k27acZ","h3k27ac_signal_url","ctcf_experiment_accession","ctcf_file_accession","ctcfZ","ctcf_signal_url","chromhmm_url","rnaSeq","filter","filterModel","items","quickFilterExcludeHiddenColumns","groupingColDef","leafField","headerName","maxWidth","display","valueFormatter","value","capitalize","addAutogeneratedRowIdsToChildren","apiRef","selected","current","Set","autogeneratedIdsToAdd","gridFilteredSortedRowEntriesSelector","entry","isAutogeneratedRow","row","getRowGroupChildren","groupId","id","applyFiltering","every","includes","map","x","getAndSetRowSelectionModel","setRowSelectionModel","newModel","type","ids","BiosampleTable","props","data","encodeSamples","loading","encodeLoading","error","encodeError","useEncodeBiosampleData","assembly","skip","rows","undefined","prefilterBiosamples","defaultCols","label","initialState","onSelectionChange","onRowSelectionModelChange","onDownload","externalApiRef","onReady","getRowId","name","restProps","selectedRef","useRef","internalApiRef","useGridApiRef","internalRows","handleRowSelectionModelChange","rowSelectionModel","details","has","internalFlexColumns","useState","useEffect","newSelectionModel","isSubsetOf","handleOnReady","internalCleanup","subscribeEvent","consumerCleanups","Array","isArray","jsx","DownloadContext","Table"],"mappings":"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"}

package/dist/ui-components.es80.js

@@ -1,212 +1,300 @@
-const l = {
-  adipose: [{
-    label: "All Biosamples",
-    filename: "adipose.noccl.cCREs.bed"
-  }],
-  adrenal_gland: [{
-    label: "All Biosamples",
-    filename: "adrenal_gland.noccl.cCREs.bed"
-  }],
-  blood: [{
-    label: "Excluding Cancer Cell Lines",
-    filename: "blood.noccl.cCREs.bed"
+import * as A from "react";
+import r from "./ui-components.es91.js";
+import { clsx as R } from "./ui-components.es92.js";
+import m from "./ui-components.es110.js";
+import { getDividerUtilityClass as T } from "./ui-components.es271.js";
+import { j as v } from "./ui-components.es16.js";
+import { useDefaultProps as D } from "./ui-components.es95.js";
+import S from "./ui-components.es103.js";
+import b from "./ui-components.es56.js";
+const C = (e) => {
+  const {
+    absolute: t,
+    children: i,
+    classes: s,
+    flexItem: p,
+    light: n,
+    orientation: o,
+    textAlign: a,
+    variant: l
+  } = e;
+  return S({
+    root: ["root", t && "absolute", l, n && "light", o === "vertical" && "vertical", p && "flexItem", i && "withChildren", i && o === "vertical" && "withChildrenVertical", a === "right" && o !== "vertical" && "textAlignRight", a === "left" && o !== "vertical" && "textAlignLeft"],
+    wrapper: ["wrapper", o === "vertical" && "wrapperVertical"]
+  }, T, s);
+}, L = b("div", {
+  name: "MuiDivider",
+  slot: "Root",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: i
+    } = e;
+    return [t.root, i.absolute && t.absolute, t[i.variant], i.light && t.light, i.orientation === "vertical" && t.vertical, i.flexItem && t.flexItem, i.children && t.withChildren, i.children && i.orientation === "vertical" && t.withChildrenVertical, i.textAlign === "right" && i.orientation !== "vertical" && t.textAlignRight, i.textAlign === "left" && i.orientation !== "vertical" && t.textAlignLeft];
+  }
+})(m(({
+  theme: e
+}) => ({
+  margin: 0,
+  // Reset browser default style.
+  flexShrink: 0,
+  borderWidth: 0,
+  borderStyle: "solid",
+  borderColor: (e.vars || e).palette.divider,
+  borderBottomWidth: "thin",
+  variants: [{
+    props: {
+      absolute: !0
+    },
+    style: {
+      position: "absolute",
+      bottom: 0,
+      left: 0,
+      width: "100%"
+    }
   }, {
-    label: "All Biosamples",
-    filename: "blood.all.cCREs.bed"
-  }],
-  blood_vessel: [{
-    label: "All Biosamples",
-    filename: "blood_vessel.noccl.cCREs.bed"
-  }],
-  bone: [{
-    label: "Excluding Cancer Cell Lines",
-    filename: "bone.noccl.cCREs.bed"
+    props: {
+      light: !0
+    },
+    style: {
+      borderColor: e.alpha((e.vars || e).palette.divider, 0.08)
+    }
   }, {
-    label: "All Biosamples",
-    filename: "bone.all.cCREs.bed"
-  }],
-  bone_marrow: [{
-    label: "Excluding Cancer Cell Lines",
-    filename: "bone_marrow.noccl.cCREs.bed"
+    props: {
+      variant: "inset"
+    },
+    style: {
+      marginLeft: 72
+    }
   }, {
-    label: "All Biosamples",
-    filename: "bone_marrow.all.cCREs.bed"
-  }],
-  brain: [{
-    label: "Excluding Cancer Cell Lines",
-    filename: "brain.noccl.cCREs.bed"
+    props: {
+      variant: "middle",
+      orientation: "horizontal"
+    },
+    style: {
+      marginLeft: e.spacing(2),
+      marginRight: e.spacing(2)
+    }
   }, {
-    label: "All Biosamples",
-    filename: "brain.all.cCREs.bed"
-  }],
-  breast: [{
-    label: "Excluding Cancer Cell Lines",
-    filename: "breast.noccl.cCREs.bed"
+    props: {
+      variant: "middle",
+      orientation: "vertical"
+    },
+    style: {
+      marginTop: e.spacing(1),
+      marginBottom: e.spacing(1)
+    }
   }, {
-    label: "All Biosamples",
-    filename: "breast.all.cCREs.bed"
-  }],
-  connective_tissue: [{
-    label: "Excluding Cancer Cell Lines",
-    filename: "connective_tissue.noccl.cCREs.bed"
+    props: {
+      orientation: "vertical"
+    },
+    style: {
+      height: "100%",
+      borderBottomWidth: 0,
+      borderRightWidth: "thin"
+    }
   }, {
-    label: "All Biosamples",
-    filename: "connective_tissue.all.cCREs.bed"
-  }],
-  embryo: [{
-    label: "All Biosamples",
-    filename: "embryo.noccl.cCREs.bed"
-  }],
-  epithelium: [{
-    label: "All Biosamples",
-    filename: "epithelium.noccl.cCREs.bed"
-  }],
-  esophagus: [{
-    label: "All Biosamples",
-    filename: "esophagus.noccl.cCREs.bed"
-  }],
-  eye: [{
-    label: "Excluding Cancer Cell Lines",
-    filename: "eye.noccl.cCREs.bed"
+    props: {
+      flexItem: !0
+    },
+    style: {
+      alignSelf: "stretch",
+      height: "auto"
+    }
   }, {
-    label: "All Biosamples",
-    filename: "eye.all.cCREs.bed"
-  }],
-  heart: [{
-    label: "All Biosamples",
-    filename: "heart.noccl.cCREs.bed"
-  }],
-  kidney: [{
-    label: "Excluding Cancer Cell Lines",
-    filename: "kidney.noccl.cCREs.bed"
+    props: ({
+      ownerState: t
+    }) => !!t.children,
+    style: {
+      display: "flex",
+      textAlign: "center",
+      border: 0,
+      borderTopStyle: "solid",
+      borderLeftStyle: "solid",
+      "&::before, &::after": {
+        content: '""',
+        alignSelf: "center"
+      }
+    }
   }, {
-    label: "All Biosamples",
-    filename: "kidney.all.cCREs.bed"
-  }],
-  large_intestine: [{
-    label: "Excluding Cancer Cell Lines",
-    filename: "large_intestine.noccl.cCREs.bed"
+    props: ({
+      ownerState: t
+    }) => t.children && t.orientation !== "vertical",
+    style: {
+      "&::before, &::after": {
+        width: "100%",
+        borderTop: `thin solid ${(e.vars || e).palette.divider}`,
+        borderTopStyle: "inherit"
+      }
+    }
   }, {
-    label: "All Biosamples",
-    filename: "large_intestine.all.cCREs.bed"
-  }],
-  limb: [{
-    label: "All Biosamples",
-    filename: "limb.noccl.cCREs.bed"
-  }],
-  liver: [{
-    label: "Excluding Cancer Cell Lines",
-    filename: "liver.noccl.cCREs.bed"
+    props: ({
+      ownerState: t
+    }) => t.orientation === "vertical" && t.children,
+    style: {
+      flexDirection: "column",
+      "&::before, &::after": {
+        height: "100%",
+        borderLeft: `thin solid ${(e.vars || e).palette.divider}`,
+        borderLeftStyle: "inherit"
+      }
+    }
   }, {
-    label: "All Biosamples",
-    filename: "liver.all.cCREs.bed"
-  }],
-  lung: [{
-    label: "Excluding Cancer Cell Lines",
-    filename: "lung.noccl.cCREs.bed"
+    props: ({
+      ownerState: t
+    }) => t.textAlign === "right" && t.orientation !== "vertical",
+    style: {
+      "&::before": {
+        width: "90%"
+      },
+      "&::after": {
+        width: "10%"
+      }
+    }
   }, {
-    label: "All Biosamples",
-    filename: "lung.all.cCREs.bed"
-  }],
-  lymphoid_tissue: [{
-    label: "All Biosamples",
-    filename: "lymphoid_tissue.noccl.cCREs.bed"
-  }],
-  mouth: [{
-    label: "Excluding Cancer Cell Lines",
-    filename: "mouth.noccl.cCREs.bed"
-  }, {
-    label: "All Biosamples",
-    filename: "mouth.all.cCREs.bed"
-  }],
-  muscle: [{
-    label: "Excluding Cancer Cell Lines",
-    filename: "muscle.noccl.cCREs.bed"
-  }, {
-    label: "All Biosamples",
-    filename: "muscle.all.cCREs.bed"
-  }],
-  nerve: [{
-    label: "All Biosamples",
-    filename: "nerve.noccl.cCREs.bed"
-  }],
-  ovary: [{
-    label: "All Biosamples",
-    filename: "ovary.noccl.cCREs.bed"
-  }],
-  pancreas: [{
-    label: "Excluding Cancer Cell Lines",
-    filename: "pancreas.noccl.cCREs.bed"
-  }, {
-    label: "All Biosamples",
-    filename: "pancreas.all.cCREs.bed"
-  }],
-  penis: [{
-    label: "All Biosamples",
-    filename: "penis.noccl.cCREs.bed"
-  }],
-  placenta: [{
-    label: "All Biosamples",
-    filename: "placenta.noccl.cCREs.bed"
-  }],
-  prostate: [{
-    label: "Excluding Cancer Cell Lines",
-    filename: "prostate.noccl.cCREs.bed"
-  }, {
-    label: "All Biosamples",
-    filename: "prostate.all.cCREs.bed"
-  }],
-  skin: [{
-    label: "Excluding Cancer Cell Lines",
-    filename: "skin.noccl.cCREs.bed"
-  }, {
-    label: "All Biosamples",
-    filename: "skin.all.cCREs.bed"
-  }],
-  small_intestine: [{
-    label: "All Biosamples",
-    filename: "small_intestine.noccl.cCREs.bed"
-  }],
-  spinal_cord: [{
-    label: "All Biosamples",
-    filename: "spinal_cord.noccl.cCREs.bed"
-  }],
-  spleen: [{
-    label: "All Biosamples",
-    filename: "spleen.noccl.cCREs.bed"
-  }],
-  stomach: [{
-    label: "All Biosamples",
-    filename: "stomach.noccl.cCREs.bed"
-  }],
-  testis: [{
-    label: "Excluding Cancer Cell Lines",
-    filename: "testis.noccl.cCREs.bed"
-  }, {
-    label: "All Biosamples",
-    filename: "testis.all.cCREs.bed"
-  }],
-  thymus: [{
-    label: "All Biosamples",
-    filename: "thymus.noccl.cCREs.bed"
-  }],
-  thyroid: [{
-    label: "All Biosamples",
-    filename: "thyroid.noccl.cCREs.bed"
-  }],
-  uterus: [{
-    label: "Excluding Cancer Cell Lines",
-    filename: "uterus.noccl.cCREs.bed"
-  }, {
-    label: "All Biosamples",
-    filename: "uterus.all.cCREs.bed"
-  }],
-  vagina: [{
-    label: "All Biosamples",
-    filename: "vagina.noccl.cCREs.bed"
+    props: ({
+      ownerState: t
+    }) => t.textAlign === "left" && t.orientation !== "vertical",
+    style: {
+      "&::before": {
+        width: "10%"
+      },
+      "&::after": {
+        width: "90%"
+      }
+    }
   }]
-};
+}))), O = b("span", {
+  name: "MuiDivider",
+  slot: "Wrapper",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: i
+    } = e;
+    return [t.wrapper, i.orientation === "vertical" && t.wrapperVertical];
+  }
+})(m(({
+  theme: e
+}) => ({
+  display: "inline-block",
+  paddingLeft: `calc(${e.spacing(1)} * 1.2)`,
+  paddingRight: `calc(${e.spacing(1)} * 1.2)`,
+  whiteSpace: "nowrap",
+  variants: [{
+    props: {
+      orientation: "vertical"
+    },
+    style: {
+      paddingTop: `calc(${e.spacing(1)} * 1.2)`,
+      paddingBottom: `calc(${e.spacing(1)} * 1.2)`
+    }
+  }]
+}))), f = /* @__PURE__ */ A.forwardRef(function(t, i) {
+  const s = D({
+    props: t,
+    name: "MuiDivider"
+  }), {
+    absolute: p = !1,
+    children: n,
+    className: o,
+    orientation: a = "horizontal",
+    component: l = n || a === "vertical" ? "div" : "hr",
+    flexItem: g = !1,
+    light: u = !1,
+    role: c = l !== "hr" ? "separator" : void 0,
+    textAlign: x = "center",
+    variant: w = "fullWidth",
+    ...y
+  } = s, d = {
+    ...s,
+    absolute: p,
+    component: l,
+    flexItem: g,
+    light: u,
+    orientation: a,
+    role: c,
+    textAlign: x,
+    variant: w
+  }, h = C(d);
+  return /* @__PURE__ */ v.jsx(L, {
+    as: l,
+    className: R(h.root, o),
+    role: c,
+    ref: i,
+    ownerState: d,
+    "aria-orientation": c === "separator" && (l !== "hr" || a === "vertical") ? a : void 0,
+    ...y,
+    children: n ? /* @__PURE__ */ v.jsx(O, {
+      className: h.wrapper,
+      ownerState: d,
+      children: n
+    }) : null
+  });
+});
+f && (f.muiSkipListHighlight = !0);
+process.env.NODE_ENV !== "production" && (f.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Absolutely position the element.
+   * @default false
+   */
+  absolute: r.bool,
+  /**
+   * The content of the component.
+   */
+  children: r.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: r.object,
+  /**
+   * @ignore
+   */
+  className: r.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: r.elementType,
+  /**
+   * If `true`, a vertical divider will have the correct height when used in flex container.
+   * (By default, a vertical divider will have a calculated height of `0px` if it is the child of a flex container.)
+   * @default false
+   */
+  flexItem: r.bool,
+  /**
+   * If `true`, the divider will have a lighter color.
+   * @default false
+   * @deprecated Use <Divider sx={{ opacity: 0.6 }} /> (or any opacity or color) instead. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  light: r.bool,
+  /**
+   * The component orientation.
+   * @default 'horizontal'
+   */
+  orientation: r.oneOf(["horizontal", "vertical"]),
+  /**
+   * @ignore
+   */
+  role: r.string,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object]),
+  /**
+   * The text alignment.
+   * @default 'center'
+   */
+  textAlign: r.oneOf(["center", "left", "right"]),
+  /**
+   * The variant to use.
+   * @default 'fullWidth'
+   */
+  variant: r.oneOfType([r.oneOf(["fullWidth", "inset", "middle"]), r.string])
+});
 export {
-  l as ontologyDownloadMap
+  f as default
 };
 //# sourceMappingURL=ui-components.es80.js.map