@weng-lab/ui-components 2.0.2 → 2.1.0

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es8.js","sources":["../src/components/BiosampleTable/DownloadButton.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { Box, IconButton, Tooltip } from \"@mui/material\";\nimport { Download } from \"@mui/icons-material\";\nimport { fetchFileSize, formatFileSize } from \"./helpers\";\nimport { useDownloadContext } from \"./DownloadContext\";\n\nexport type DownloadButtonProps = {\n  message?: (fileSize: string) => string;\n  url: string;\n  filename?: string;\n  disabled?: boolean;\n  displayName?: string;\n  assay?: string;\n  ontology?: string;\n};\n\nexport const DownloadButton = <T extends boolean>({\n  message,\n  url,\n  filename,\n  disabled = false,\n  displayName,\n  assay,\n  ontology,\n}: DownloadButtonProps) => {\n  const [fileSize, setFileSize] = useState<number | null>(null);\n  const { onDownload } = useDownloadContext();\n\n  const handleSetHover = (isHovered: boolean) => {\n    if (isHovered && url && !fileSize) {\n      fetchFileSize(url, setFileSize);\n    }\n  };\n\n  const handleClick = (e: React.MouseEvent) => {\n    if (onDownload && url) {\n      let name: string;\n      if (displayName && assay) {\n        // Use descriptive name: ontology_displayName_assay\n        const prefix = ontology ? `${ontology}_` : \"\";\n        name = `${prefix}${displayName}_${assay}`;\n      } else {\n        // Fall back to filename or extracted from URL\n        name = filename || url.split(\"/\").pop() || \"download\";\n      }\n      onDownload(url, name);\n    }\n  };\n\n  const fileSizeFormatted = fileSize ? formatFileSize(fileSize) : \"Loading file size\";\n\n  return (\n    <Box onMouseEnter={() => handleSetHover(true)} onMouseLeave={() => handleSetHover(false)}>\n      <Tooltip title={message ? message(fileSizeFormatted) : null} placement=\"left\" arrow>\n        <span>\n          <IconButton href={url} download={filename} disabled={disabled} onClick={handleClick}>\n            <Download />\n          </IconButton>\n        </span>\n      </Tooltip>\n    </Box>\n  );\n};\n"],"names":["DownloadButton","t0","$","_c","message","url","filename","disabled","t1","displayName","assay","ontology","undefined","fileSize","setFileSize","useState","onDownload","useDownloadContext","t2","isHovered","fetchFileSize","handleSetHover","t3","e","name","split","pop","handleClick","T0","T1","t4","t5","t6","fileSizeFormatted","formatFileSize","Box","Tooltip","t7","Symbol","for","Download","t8","jsx","IconButton","t9","t10"],"mappings":"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"}
+{"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    downloadFileName = \"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        downloadFileName={downloadFileName}\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","downloadFileName","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,5 +1,287 @@
-var e = {};
+import * as l from "react";
+import { r as V } from "./ui-components.es230.js";
+import o from "./ui-components.es84.js";
+import { clsx as G } from "./ui-components.es85.js";
+import { useRtl as H } from "./ui-components.es86.js";
+import q from "./ui-components.es172.js";
+import { getMenuUtilityClass as W } from "./ui-components.es231.js";
+import x from "./ui-components.es108.js";
+import { j as E } from "./ui-components.es13.js";
+import { useDefaultProps as B } from "./ui-components.es95.js";
+import J from "./ui-components.es96.js";
+import h from "./ui-components.es35.js";
+import Q from "./ui-components.es98.js";
+import X, { PopoverPaper as Y } from "./ui-components.es232.js";
+import Z from "./ui-components.es233.js";
+import $ from "./ui-components.es196.js";
+const oo = {
+  vertical: "top",
+  horizontal: "right"
+}, eo = {
+  vertical: "top",
+  horizontal: "left"
+}, to = (n) => {
+  const {
+    classes: c
+  } = n;
+  return Q({
+    root: ["root"],
+    paper: ["paper"],
+    list: ["list"]
+  }, W, c);
+}, ro = h(X, {
+  shouldForwardProp: (n) => q(n) || n === "classes",
+  name: "MuiMenu",
+  slot: "Root"
+})({}), so = h(Y, {
+  name: "MuiMenu",
+  slot: "Paper"
+})({
+  // specZ: The maximum height of a simple menu should be one or more rows less than the view
+  // height. This ensures a tappable area outside of the simple menu with which to dismiss
+  // the menu.
+  maxHeight: "calc(100% - 96px)",
+  // Add iOS momentum scrolling for iOS < 13.0
+  WebkitOverflowScrolling: "touch"
+}), no = h(Z, {
+  name: "MuiMenu",
+  slot: "List"
+})({
+  // We disable the focus ring for mouse, touch and keyboard users.
+  outline: 0
+}), ao = /* @__PURE__ */ l.forwardRef(function(c, O) {
+  const j = B({
+    props: c,
+    name: "MuiMenu"
+  }), {
+    autoFocus: u = !0,
+    children: g,
+    className: C,
+    disableAutoFocusItem: m = !1,
+    MenuListProps: f = {},
+    onClose: d,
+    open: v,
+    PaperProps: F = {},
+    PopoverClasses: I,
+    transitionDuration: S = "auto",
+    TransitionProps: {
+      onEntering: P,
+      ...R
+    } = {},
+    variant: b = "selectedMenu",
+    slots: s = {},
+    slotProps: a = {},
+    ...N
+  } = j, y = H(), t = {
+    ...j,
+    autoFocus: u,
+    disableAutoFocusItem: m,
+    MenuListProps: f,
+    onEntering: P,
+    PaperProps: F,
+    transitionDuration: S,
+    TransitionProps: R,
+    variant: b
+  }, T = to(t), D = u && !m && v, M = l.useRef(null), L = (e, r) => {
+    M.current && M.current.adjustStyleForScrollbar(e, {
+      direction: y ? "rtl" : "ltr"
+    }), P && P(e, r);
+  }, k = (e) => {
+    e.key === "Tab" && (e.preventDefault(), d && d(e, "tabKeyDown"));
+  };
+  let p = -1;
+  l.Children.map(g, (e, r) => {
+    /* @__PURE__ */ l.isValidElement(e) && (process.env.NODE_ENV !== "production" && V.isFragment(e) && console.error(["MUI: The Menu component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
+`)), e.props.disabled || (b === "selectedMenu" && e.props.selected || p === -1) && (p = r));
+  });
+  const i = {
+    slots: s,
+    slotProps: {
+      list: f,
+      transition: R,
+      paper: F,
+      ...a
+    }
+  }, K = J({
+    elementType: s.root,
+    externalSlotProps: a.root,
+    ownerState: t,
+    className: [T.root, C]
+  }), [_, z] = x("paper", {
+    className: T.paper,
+    elementType: so,
+    externalForwardedProps: i,
+    shouldForwardComponentProp: !0,
+    ownerState: t
+  }), [A, U] = x("list", {
+    className: G(T.list, f.className),
+    elementType: no,
+    shouldForwardComponentProp: !0,
+    externalForwardedProps: i,
+    getSlotProps: (e) => ({
+      ...e,
+      onKeyDown: (r) => {
+        k(r), e.onKeyDown?.(r);
+      }
+    }),
+    ownerState: t
+  }), w = typeof i.slotProps.transition == "function" ? i.slotProps.transition(t) : i.slotProps.transition;
+  return /* @__PURE__ */ E.jsx(ro, {
+    onClose: d,
+    anchorOrigin: {
+      vertical: "bottom",
+      horizontal: y ? "right" : "left"
+    },
+    transformOrigin: y ? oo : eo,
+    slots: {
+      root: s.root,
+      paper: _,
+      backdrop: s.backdrop,
+      ...s.transition && {
+        // TODO: pass `slots.transition` directly once `TransitionComponent` is removed from Popover
+        transition: s.transition
+      }
+    },
+    slotProps: {
+      root: K,
+      paper: z,
+      backdrop: typeof a.backdrop == "function" ? a.backdrop(t) : a.backdrop,
+      transition: {
+        ...w,
+        onEntering: (...e) => {
+          L(...e), w?.onEntering?.(...e);
+        }
+      }
+    },
+    open: v,
+    ref: O,
+    transitionDuration: S,
+    ownerState: t,
+    ...N,
+    classes: I,
+    children: /* @__PURE__ */ E.jsx(A, {
+      actions: M,
+      autoFocus: u && (p === -1 || m),
+      autoFocusItem: D,
+      variant: b,
+      ...U,
+      children: g
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (ao.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * An HTML element, or a function that returns one.
+   * It's used to set the position of the menu.
+   */
+  anchorEl: o.oneOfType([$, o.func]),
+  /**
+   * If `true` (Default) will focus the `[role="menu"]` if no focusable child is found. Disabled
+   * children are not focusable. If you set this prop to `false` focus will be placed
+   * on the parent modal container. This has severe accessibility implications
+   * and should only be considered if you manage focus otherwise.
+   * @default true
+   */
+  autoFocus: o.bool,
+  /**
+   * Menu contents, normally `MenuItem`s.
+   */
+  children: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * When opening the menu will not focus the active item but the `[role="menu"]`
+   * unless `autoFocus` is also set to `false`. Not using the default means not
+   * following WAI-ARIA authoring practices. Please be considerate about possible
+   * accessibility implications.
+   * @default false
+   */
+  disableAutoFocusItem: o.bool,
+  /**
+   * Props applied to the [`MenuList`](https://mui.com/material-ui/api/menu-list/) element.
+   * @deprecated use the `slotProps.list` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @default {}
+   */
+  MenuListProps: o.object,
+  /**
+   * Callback fired when the component requests to be closed.
+   *
+   * @param {object} event The event source of the callback.
+   * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`, `"tabKeyDown"`.
+   */
+  onClose: o.func,
+  /**
+   * If `true`, the component is shown.
+   */
+  open: o.bool.isRequired,
+  /**
+   * @ignore
+   */
+  PaperProps: o.object,
+  /**
+   * `classes` prop applied to the [`Popover`](https://mui.com/material-ui/api/popover/) element.
+   */
+  PopoverClasses: o.object,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: o.shape({
+    backdrop: o.oneOfType([o.func, o.object]),
+    list: o.oneOfType([o.func, o.object]),
+    paper: o.oneOfType([o.func, o.object]),
+    root: o.oneOfType([o.func, o.object]),
+    transition: o.oneOfType([o.func, o.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: o.shape({
+    backdrop: o.elementType,
+    list: o.elementType,
+    paper: o.elementType,
+    root: o.elementType,
+    transition: o.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
+  /**
+   * The length of the transition in `ms`, or 'auto'
+   * @default 'auto'
+   */
+  transitionDuration: o.oneOfType([o.oneOf(["auto"]), o.number, o.shape({
+    appear: o.number,
+    enter: o.number,
+    exit: o.number
+  })]),
+  /**
+   * Props applied to the transition element.
+   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
+   * @deprecated use the `slotProps.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @default {}
+   */
+  TransitionProps: o.object,
+  /**
+   * The variant to use. Use `menu` to prevent selected items from impacting the initial focus.
+   * @default 'selectedMenu'
+   */
+  variant: o.oneOf(["menu", "selectedMenu"])
+});
 export {
-  e as __exports
+  so as MenuPaper,
+  ao as default
 };
 //# sourceMappingURL=ui-components.es80.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es80.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"ui-components.es80.js","sources":["../../../node_modules/.pnpm/@mui+material@7.2.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__@emotion+s_56c3cb211b767c0a0b4c5f346237ccd0/node_modules/@mui/material/esm/Menu/Menu.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { isFragment } from 'react-is';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport HTMLElementType from '@mui/utils/HTMLElementType';\nimport { useRtl } from '@mui/system/RtlProvider';\nimport useSlotProps from '@mui/utils/useSlotProps';\nimport MenuList from \"../MenuList/index.js\";\nimport Popover, { PopoverPaper } from \"../Popover/index.js\";\nimport rootShouldForwardProp from \"../styles/rootShouldForwardProp.js\";\nimport { styled } from \"../zero-styled/index.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport { getMenuUtilityClass } from \"./menuClasses.js\";\nimport useSlot from \"../utils/useSlot.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst RTL_ORIGIN = {\n  vertical: 'top',\n  horizontal: 'right'\n};\nconst LTR_ORIGIN = {\n  vertical: 'top',\n  horizontal: 'left'\n};\nconst useUtilityClasses = ownerState => {\n  const {\n    classes\n  } = ownerState;\n  const slots = {\n    root: ['root'],\n    paper: ['paper'],\n    list: ['list']\n  };\n  return composeClasses(slots, getMenuUtilityClass, classes);\n};\nconst MenuRoot = styled(Popover, {\n  shouldForwardProp: prop => rootShouldForwardProp(prop) || prop === 'classes',\n  name: 'MuiMenu',\n  slot: 'Root'\n})({});\nexport const MenuPaper = styled(PopoverPaper, {\n  name: 'MuiMenu',\n  slot: 'Paper'\n})({\n  // specZ: The maximum height of a simple menu should be one or more rows less than the view\n  // height. This ensures a tappable area outside of the simple menu with which to dismiss\n  // the menu.\n  maxHeight: 'calc(100% - 96px)',\n  // Add iOS momentum scrolling for iOS < 13.0\n  WebkitOverflowScrolling: 'touch'\n});\nconst MenuMenuList = styled(MenuList, {\n  name: 'MuiMenu',\n  slot: 'List'\n})({\n  // We disable the focus ring for mouse, touch and keyboard users.\n  outline: 0\n});\nconst Menu = /*#__PURE__*/React.forwardRef(function Menu(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiMenu'\n  });\n  const {\n    autoFocus = true,\n    children,\n    className,\n    disableAutoFocusItem = false,\n    MenuListProps = {},\n    onClose,\n    open,\n    PaperProps = {},\n    PopoverClasses,\n    transitionDuration = 'auto',\n    TransitionProps: {\n      onEntering,\n      ...TransitionProps\n    } = {},\n    variant = 'selectedMenu',\n    slots = {},\n    slotProps = {},\n    ...other\n  } = props;\n  const isRtl = useRtl();\n  const ownerState = {\n    ...props,\n    autoFocus,\n    disableAutoFocusItem,\n    MenuListProps,\n    onEntering,\n    PaperProps,\n    transitionDuration,\n    TransitionProps,\n    variant\n  };\n  const classes = useUtilityClasses(ownerState);\n  const autoFocusItem = autoFocus && !disableAutoFocusItem && open;\n  const menuListActionsRef = React.useRef(null);\n  const handleEntering = (element, isAppearing) => {\n    if (menuListActionsRef.current) {\n      menuListActionsRef.current.adjustStyleForScrollbar(element, {\n        direction: isRtl ? 'rtl' : 'ltr'\n      });\n    }\n    if (onEntering) {\n      onEntering(element, isAppearing);\n    }\n  };\n  const handleListKeyDown = event => {\n    if (event.key === 'Tab') {\n      event.preventDefault();\n      if (onClose) {\n        onClose(event, 'tabKeyDown');\n      }\n    }\n  };\n\n  /**\n   * the index of the item should receive focus\n   * in a `variant=\"selectedMenu\"` it's the first `selected` item\n   * otherwise it's the very first item.\n   */\n  let activeItemIndex = -1;\n  // since we inject focus related props into children we have to do a lookahead\n  // to check if there is a `selected` item. We're looking for the last `selected`\n  // item and use the first valid item as a fallback\n  React.Children.map(children, (child, index) => {\n    if (! /*#__PURE__*/React.isValidElement(child)) {\n      return;\n    }\n    if (process.env.NODE_ENV !== 'production') {\n      if (isFragment(child)) {\n        console.error([\"MUI: The Menu component doesn't accept a Fragment as a child.\", 'Consider providing an array instead.'].join('\\n'));\n      }\n    }\n    if (!child.props.disabled) {\n      if (variant === 'selectedMenu' && child.props.selected) {\n        activeItemIndex = index;\n      } else if (activeItemIndex === -1) {\n        activeItemIndex = index;\n      }\n    }\n  });\n  const externalForwardedProps = {\n    slots,\n    slotProps: {\n      list: MenuListProps,\n      transition: TransitionProps,\n      paper: PaperProps,\n      ...slotProps\n    }\n  };\n  const rootSlotProps = useSlotProps({\n    elementType: slots.root,\n    externalSlotProps: slotProps.root,\n    ownerState,\n    className: [classes.root, className]\n  });\n  const [PaperSlot, paperSlotProps] = useSlot('paper', {\n    className: classes.paper,\n    elementType: MenuPaper,\n    externalForwardedProps,\n    shouldForwardComponentProp: true,\n    ownerState\n  });\n  const [ListSlot, listSlotProps] = useSlot('list', {\n    className: clsx(classes.list, MenuListProps.className),\n    elementType: MenuMenuList,\n    shouldForwardComponentProp: true,\n    externalForwardedProps,\n    getSlotProps: handlers => ({\n      ...handlers,\n      onKeyDown: event => {\n        handleListKeyDown(event);\n        handlers.onKeyDown?.(event);\n      }\n    }),\n    ownerState\n  });\n  const resolvedTransitionProps = typeof externalForwardedProps.slotProps.transition === 'function' ? externalForwardedProps.slotProps.transition(ownerState) : externalForwardedProps.slotProps.transition;\n  return /*#__PURE__*/_jsx(MenuRoot, {\n    onClose: onClose,\n    anchorOrigin: {\n      vertical: 'bottom',\n      horizontal: isRtl ? 'right' : 'left'\n    },\n    transformOrigin: isRtl ? RTL_ORIGIN : LTR_ORIGIN,\n    slots: {\n      root: slots.root,\n      paper: PaperSlot,\n      backdrop: slots.backdrop,\n      ...(slots.transition && {\n        // TODO: pass `slots.transition` directly once `TransitionComponent` is removed from Popover\n        transition: slots.transition\n      })\n    },\n    slotProps: {\n      root: rootSlotProps,\n      paper: paperSlotProps,\n      backdrop: typeof slotProps.backdrop === 'function' ? slotProps.backdrop(ownerState) : slotProps.backdrop,\n      transition: {\n        ...resolvedTransitionProps,\n        onEntering: (...args) => {\n          handleEntering(...args);\n          resolvedTransitionProps?.onEntering?.(...args);\n        }\n      }\n    },\n    open: open,\n    ref: ref,\n    transitionDuration: transitionDuration,\n    ownerState: ownerState,\n    ...other,\n    classes: PopoverClasses,\n    children: /*#__PURE__*/_jsx(ListSlot, {\n      actions: menuListActionsRef,\n      autoFocus: autoFocus && (activeItemIndex === -1 || disableAutoFocusItem),\n      autoFocusItem: autoFocusItem,\n      variant: variant,\n      ...listSlotProps,\n      children: children\n    })\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? Menu.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * An HTML element, or a function that returns one.\n   * It's used to set the position of the menu.\n   */\n  anchorEl: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([HTMLElementType, PropTypes.func]),\n  /**\n   * If `true` (Default) will focus the `[role=\"menu\"]` if no focusable child is found. Disabled\n   * children are not focusable. If you set this prop to `false` focus will be placed\n   * on the parent modal container. This has severe accessibility implications\n   * and should only be considered if you manage focus otherwise.\n   * @default true\n   */\n  autoFocus: PropTypes.bool,\n  /**\n   * Menu contents, normally `MenuItem`s.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * When opening the menu will not focus the active item but the `[role=\"menu\"]`\n   * unless `autoFocus` is also set to `false`. Not using the default means not\n   * following WAI-ARIA authoring practices. Please be considerate about possible\n   * accessibility implications.\n   * @default false\n   */\n  disableAutoFocusItem: PropTypes.bool,\n  /**\n   * Props applied to the [`MenuList`](https://mui.com/material-ui/api/menu-list/) element.\n   * @deprecated use the `slotProps.list` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.\n   * @default {}\n   */\n  MenuListProps: PropTypes.object,\n  /**\n   * Callback fired when the component requests to be closed.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {string} reason Can be: `\"escapeKeyDown\"`, `\"backdropClick\"`, `\"tabKeyDown\"`.\n   */\n  onClose: PropTypes.func,\n  /**\n   * If `true`, the component is shown.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * @ignore\n   */\n  PaperProps: PropTypes.object,\n  /**\n   * `classes` prop applied to the [`Popover`](https://mui.com/material-ui/api/popover/) element.\n   */\n  PopoverClasses: PropTypes.object,\n  /**\n   * The props used for each slot inside.\n   * @default {}\n   */\n  slotProps: PropTypes.shape({\n    backdrop: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n    list: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n    paper: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n    transition: PropTypes.oneOfType([PropTypes.func, PropTypes.object])\n  }),\n  /**\n   * The components used for each slot inside.\n   * @default {}\n   */\n  slots: PropTypes.shape({\n    backdrop: PropTypes.elementType,\n    list: PropTypes.elementType,\n    paper: PropTypes.elementType,\n    root: PropTypes.elementType,\n    transition: PropTypes.elementType\n  }),\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * The length of the transition in `ms`, or 'auto'\n   * @default 'auto'\n   */\n  transitionDuration: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.shape({\n    appear: PropTypes.number,\n    enter: PropTypes.number,\n    exit: PropTypes.number\n  })]),\n  /**\n   * Props applied to the transition element.\n   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.\n   * @deprecated use the `slotProps.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.\n   * @default {}\n   */\n  TransitionProps: PropTypes.object,\n  /**\n   * The variant to use. Use `menu` to prevent selected items from impacting the initial focus.\n   * @default 'selectedMenu'\n   */\n  variant: PropTypes.oneOf(['menu', 'selectedMenu'])\n} : void 0;\nexport default Menu;"],"names":["RTL_ORIGIN","LTR_ORIGIN","useUtilityClasses","ownerState","classes","composeClasses","getMenuUtilityClass","MenuRoot","styled","Popover","prop","rootShouldForwardProp","MenuPaper","PopoverPaper","MenuMenuList","MenuList","Menu","React","inProps","ref","props","useDefaultProps","autoFocus","children","className","disableAutoFocusItem","MenuListProps","onClose","open","PaperProps","PopoverClasses","transitionDuration","onEntering","TransitionProps","variant","slots","slotProps","other","isRtl","useRtl","autoFocusItem","menuListActionsRef","handleEntering","element","isAppearing","handleListKeyDown","event","activeItemIndex","child","index","isFragment","externalForwardedProps","rootSlotProps","useSlotProps","PaperSlot","paperSlotProps","useSlot","ListSlot","listSlotProps","clsx","handlers","resolvedTransitionProps","_jsx","args","PropTypes","HTMLElementType"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/ui-components.es81.js

@@ -1,8 +1,265 @@
-import { getDefaultExportFromCjs as r } from "./ui-components.es230.js";
-import { __require as o } from "./ui-components.es206.js";
-var p = /* @__PURE__ */ o();
-const s = /* @__PURE__ */ r(p);
+import * as p from "react";
+import o from "./ui-components.es84.js";
+import { clsx as C } from "./ui-components.es85.js";
+import V from "./ui-components.es172.js";
+import B from "./ui-components.es89.js";
+import x from "./ui-components.es245.js";
+import i, { getMenuItemUtilityClass as E } from "./ui-components.es246.js";
+import { j as $ } from "./ui-components.es13.js";
+import { useDefaultProps as S } from "./ui-components.es95.js";
+import P from "./ui-components.es127.js";
+import D from "./ui-components.es149.js";
+import F from "./ui-components.es35.js";
+import G from "./ui-components.es98.js";
+import L from "./ui-components.es171.js";
+import I from "./ui-components.es247.js";
+import O from "./ui-components.es248.js";
+import M from "./ui-components.es249.js";
+import { alpha as c } from "./ui-components.es51.js";
+const U = (e, t) => {
+  const {
+    ownerState: s
+  } = e;
+  return [t.root, s.dense && t.dense, s.divider && t.divider, !s.disableGutters && t.gutters];
+}, H = (e) => {
+  const {
+    disabled: t,
+    dense: s,
+    divider: a,
+    disableGutters: l,
+    selected: d,
+    classes: r
+  } = e, n = G({
+    root: ["root", s && "dense", t && "disabled", !l && "gutters", a && "divider", d && "selected"]
+  }, E, r);
+  return {
+    ...r,
+    ...n
+  };
+}, z = F(L, {
+  shouldForwardProp: (e) => V(e) || e === "classes",
+  name: "MuiMenuItem",
+  slot: "Root",
+  overridesResolver: U
+})(B(({
+  theme: e
+}) => ({
+  ...e.typography.body1,
+  display: "flex",
+  justifyContent: "flex-start",
+  alignItems: "center",
+  position: "relative",
+  textDecoration: "none",
+  minHeight: 48,
+  paddingTop: 6,
+  paddingBottom: 6,
+  boxSizing: "border-box",
+  whiteSpace: "nowrap",
+  "&:hover": {
+    textDecoration: "none",
+    backgroundColor: (e.vars || e).palette.action.hover,
+    // Reset on touch devices, it doesn't add specificity
+    "@media (hover: none)": {
+      backgroundColor: "transparent"
+    }
+  },
+  [`&.${i.selected}`]: {
+    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : c(e.palette.primary.main, e.palette.action.selectedOpacity),
+    [`&.${i.focusVisible}`]: {
+      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : c(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
+    }
+  },
+  [`&.${i.selected}:hover`]: {
+    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : c(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
+    // Reset on touch devices, it doesn't add specificity
+    "@media (hover: none)": {
+      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : c(e.palette.primary.main, e.palette.action.selectedOpacity)
+    }
+  },
+  [`&.${i.focusVisible}`]: {
+    backgroundColor: (e.vars || e).palette.action.focus
+  },
+  [`&.${i.disabled}`]: {
+    opacity: (e.vars || e).palette.action.disabledOpacity
+  },
+  [`& + .${M.root}`]: {
+    marginTop: e.spacing(1),
+    marginBottom: e.spacing(1)
+  },
+  [`& + .${M.inset}`]: {
+    marginLeft: 52
+  },
+  [`& .${O.root}`]: {
+    marginTop: 0,
+    marginBottom: 0
+  },
+  [`& .${O.inset}`]: {
+    paddingLeft: 36
+  },
+  [`& .${I.root}`]: {
+    minWidth: 36
+  },
+  variants: [{
+    props: ({
+      ownerState: t
+    }) => !t.disableGutters,
+    style: {
+      paddingLeft: 16,
+      paddingRight: 16
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.divider,
+    style: {
+      borderBottom: `1px solid ${(e.vars || e).palette.divider}`,
+      backgroundClip: "padding-box"
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => !t.dense,
+    style: {
+      [e.breakpoints.up("sm")]: {
+        minHeight: "auto"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.dense,
+    style: {
+      minHeight: 32,
+      // https://m2.material.io/components/menus#specs > Dense
+      paddingTop: 4,
+      paddingBottom: 4,
+      ...e.typography.body2,
+      [`& .${I.root} svg`]: {
+        fontSize: "1.25rem"
+      }
+    }
+  }]
+}))), _ = /* @__PURE__ */ p.forwardRef(function(t, s) {
+  const a = S({
+    props: t,
+    name: "MuiMenuItem"
+  }), {
+    autoFocus: l = !1,
+    component: d = "li",
+    dense: r = !1,
+    divider: f = !1,
+    disableGutters: n = !1,
+    focusVisibleClassName: R,
+    role: T = "menuitem",
+    tabIndex: b,
+    className: k,
+    ...N
+  } = a, v = p.useContext(x), g = p.useMemo(() => ({
+    dense: r || v.dense || !1,
+    disableGutters: n
+  }), [v.dense, r, n]), u = p.useRef(null);
+  P(() => {
+    l && (u.current ? u.current.focus() : process.env.NODE_ENV !== "production" && console.error("MUI: Unable to set focus to a MenuItem whose component has not been rendered."));
+  }, [l]);
+  const w = {
+    ...a,
+    dense: g.dense,
+    divider: f,
+    disableGutters: n
+  }, m = H(a), j = D(u, s);
+  let y;
+  return a.disabled || (y = b !== void 0 ? b : -1), /* @__PURE__ */ $.jsx(x.Provider, {
+    value: g,
+    children: /* @__PURE__ */ $.jsx(z, {
+      ref: j,
+      role: T,
+      tabIndex: y,
+      component: d,
+      focusVisibleClassName: C(m.focusVisible, R),
+      className: C(m.root, k),
+      ...N,
+      ownerState: w,
+      classes: m
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (_.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * If `true`, the list item is focused during the first mount.
+   * Focus will also be triggered if the value changes from false to true.
+   * @default false
+   */
+  autoFocus: o.bool,
+  /**
+   * The content of the component.
+   */
+  children: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: o.elementType,
+  /**
+   * If `true`, compact vertical padding designed for keyboard and mouse input is used.
+   * The prop defaults to the value inherited from the parent Menu component.
+   * @default false
+   */
+  dense: o.bool,
+  /**
+   * @ignore
+   */
+  disabled: o.bool,
+  /**
+   * If `true`, the left and right padding is removed.
+   * @default false
+   */
+  disableGutters: o.bool,
+  /**
+   * If `true`, a 1px light border is added to the bottom of the menu item.
+   * @default false
+   */
+  divider: o.bool,
+  /**
+   * This prop can help identify which element has keyboard focus.
+   * The class name will be applied when the element gains the focus through keyboard interaction.
+   * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
+   * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
+   * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
+   * if needed.
+   */
+  focusVisibleClassName: o.string,
+  /**
+   * @ignore
+   */
+  role: o.string,
+  /**
+   * If `true`, the component is selected.
+   * @default false
+   */
+  selected: o.bool,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
+  /**
+   * @default 0
+   */
+  tabIndex: o.number
+});
 export {
-  s as default
+  _ as default,
+  U as overridesResolver
 };
 //# sourceMappingURL=ui-components.es81.js.map