synapse-react-client 4.0.44 → 4.0.46

package/dist/components/EntityFinder/EntityIdTextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityIdTextField.js","names":[],"sources":["../../../src/components/EntityFinder/EntityIdTextField.tsx"],"sourcesContent":["import { SearchOutlined } from '@mui/icons-material'\nimport { IconButton } from '@mui/material'\nimport { useState } from 'react'\nimport { TextField } from '../TextField'\nimport { EntityFinderModal, EntityFinderModalProps } from './EntityFinderModal'\n\nexport type EntityIdTextFieldProps = {\n  label: string\n  value: string\n  onChange: (value: string) => void\n  description?: string\n  disabled?: boolean\n  required?: boolean\n  entityFinderModalProps: Omit<\n    EntityFinderModalProps,\n    'show' | 'onConfirm' | 'onCancel'\n  >\n}\n\n/**\n * A text field with an adornment button that opens an EntityFinderModal to select an entity.\n * The selected entity's ID is set as the value of the text field. Users may also type or paste\n * a raw synId.\n */\nfunction EntityIdTextField(props: EntityIdTextFieldProps) {\n  const {\n    label,\n    value,\n    description,\n    onChange,\n    disabled,\n    required,\n    entityFinderModalProps,\n  } = props\n  const [showEntityFinder, setShowEntityFinder] = useState(false)\n  return (\n    <>\n      <EntityFinderModal\n        show={showEntityFinder}\n        onConfirm={selected => {\n          onChange(selected[0].targetId)\n          setShowEntityFinder(false)\n        }}\n        onCancel={() => setShowEntityFinder(false)}\n        {...entityFinderModalProps}\n      />\n      <TextField\n        label={label}\n        description={description}\n        type=\"text\"\n        fullWidth\n        required={required}\n        value={value}\n        disabled={disabled}\n        onChange={e => onChange(e.target.value)}\n        slotProps={{\n          input: {\n            endAdornment: !disabled && (\n              <IconButton onClick={() => setShowEntityFinder(true)}>\n                <SearchOutlined />\n              </IconButton>\n            ),\n          },\n        }}\n      />\n    </>\n  )\n}\n\nexport default EntityIdTextField\n"],"mappings":";;;;;;;;AAwBA,SAAS,EAAkB,GAA+B;CACxD,IAAM,EACJ,UACA,UACA,gBACA,aACA,aACA,aACA,8BACE,GACE,CAAC,GAAkB,KAAuB,EAAS,EAAK;CAC9D,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,MAAM;EACN,YAAW,MAAY;GAErB,AADA,EAAS,EAAS,GAAG,QAAQ,GAC7B,EAAoB,EAAK;EAC3B;EACA,gBAAgB,EAAoB,EAAK;EACzC,GAAI;CACL,CAAA,GACD,kBAAC,GAAD;EACS;EACM;EACb,MAAK;EACL,WAAA;EACU;EACH;EACG;EACV,WAAU,MAAK,EAAS,EAAE,OAAO,KAAK;EACtC,WAAW,EACT,OAAO,EACL,cAAc,CAAC,KACb,kBAAC,GAAD;GAAY,eAAe,EAAoB,EAAI;aACjD,kBAAC,GAAD,CAAiB,CAAA;EACP,CAAA,EAEhB,EACF;CACD,CAAA,CACD,EAAA,CAAA;AAEN"}
+{"version":3,"file":"EntityIdTextField.js","names":[],"sources":["../../../src/components/EntityFinder/EntityIdTextField.tsx"],"sourcesContent":["import SearchOutlined from '@mui/icons-material/SearchOutlined'\nimport { IconButton } from '@mui/material'\nimport { useState } from 'react'\nimport { TextField } from '../TextField'\nimport { EntityFinderModal, EntityFinderModalProps } from './EntityFinderModal'\n\nexport type EntityIdTextFieldProps = {\n  label: string\n  value: string\n  onChange: (value: string) => void\n  description?: string\n  disabled?: boolean\n  required?: boolean\n  entityFinderModalProps: Omit<\n    EntityFinderModalProps,\n    'show' | 'onConfirm' | 'onCancel'\n  >\n}\n\n/**\n * A text field with an adornment button that opens an EntityFinderModal to select an entity.\n * The selected entity's ID is set as the value of the text field. Users may also type or paste\n * a raw synId.\n */\nfunction EntityIdTextField(props: EntityIdTextFieldProps) {\n  const {\n    label,\n    value,\n    description,\n    onChange,\n    disabled,\n    required,\n    entityFinderModalProps,\n  } = props\n  const [showEntityFinder, setShowEntityFinder] = useState(false)\n  return (\n    <>\n      <EntityFinderModal\n        show={showEntityFinder}\n        onConfirm={selected => {\n          onChange(selected[0].targetId)\n          setShowEntityFinder(false)\n        }}\n        onCancel={() => setShowEntityFinder(false)}\n        {...entityFinderModalProps}\n      />\n      <TextField\n        label={label}\n        description={description}\n        type=\"text\"\n        fullWidth\n        required={required}\n        value={value}\n        disabled={disabled}\n        onChange={e => onChange(e.target.value)}\n        slotProps={{\n          input: {\n            endAdornment: !disabled && (\n              <IconButton onClick={() => setShowEntityFinder(true)}>\n                <SearchOutlined />\n              </IconButton>\n            ),\n          },\n        }}\n      />\n    </>\n  )\n}\n\nexport default EntityIdTextField\n"],"mappings":";;;;;;;;AAwBA,SAAS,EAAkB,GAA+B;CACxD,IAAM,EACJ,UACA,UACA,gBACA,aACA,aACA,aACA,8BACE,GACE,CAAC,GAAkB,KAAuB,EAAS,EAAK;CAC9D,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,MAAM;EACN,YAAW,MAAY;GAErB,AADA,EAAS,EAAS,GAAG,QAAQ,GAC7B,EAAoB,EAAK;EAC3B;EACA,gBAAgB,EAAoB,EAAK;EACzC,GAAI;CACL,CAAA,GACD,kBAAC,GAAD;EACS;EACM;EACb,MAAK;EACL,WAAA;EACU;EACH;EACG;EACV,WAAU,MAAK,EAAS,EAAE,OAAO,KAAK;EACtC,WAAW,EACT,OAAO,EACL,cAAc,CAAC,KACb,kBAAC,GAAD;GAAY,eAAe,EAAoB,EAAI;aACjD,kBAAC,GAAD,CAAiB,CAAA;EACP,CAAA,EAEhB,EACF;CACD,CAAA,CACD,EAAA,CAAA;AAEN"}

package/dist/components/EntityFinder/tree/VirtualizedTree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualizedTree.d.ts","sourceRoot":"","sources":["../../../../src/components/EntityFinder/tree/VirtualizedTree.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"VirtualizedTree.d.ts","sourceRoot":"","sources":["../../../../src/components/EntityFinder/tree/VirtualizedTree.tsx"],"names":[],"mappings":"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"}

package/dist/components/EntityFinder/tree/VirtualizedTree.js

@@ -14,8 +14,9 @@ import { cloneDeep as p } from "lodash-es";
 import { Skeleton as m, Tooltip as h, Typography as g } from "@mui/material";
 import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
 import { useQueryClient as b } from "@tanstack/react-query";
-import { ChevronRight as x, ExpandMore as S } from "@mui/icons-material";
-import C from "dayjs";
+import x from "dayjs";
+import S from "@mui/icons-material/ChevronRight";
+import C from "@mui/icons-material/ExpandMore";
 import { useInView as w } from "react-intersection-observer";
 import T from "react-virtualized-auto-sizer";
 import { VariableSizeTree as E } from "react-vtree";
@@ -111,12 +112,12 @@ function I(e) {
 				"modifiedOn" in n && /* @__PURE__ */ y(_, { children: [
 					/* @__PURE__ */ v("br", {}),
 					/* @__PURE__ */ v("b", { children: "Modified On: " }),
-					a(C(n.modifiedOn))
+					a(x(n.modifiedOn))
 				] })
 			]
 		})
 	}));
-	let U = N ? S : x;
+	let U = N ? C : S;
 	return /* @__PURE__ */ y("div", {
 		className: `Node ${E === 0 ? "SelectNode" : "BrowseNode"}`,
 		"aria-selected": D,

package/dist/components/EntityFinder/tree/VirtualizedTree.js.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualizedTree.js","names":[],"sources":["../../../../src/components/EntityFinder/tree/VirtualizedTree.tsx"],"sourcesContent":["import React from 'react'\nimport { getEntityChildren } from '@/synapse-client'\nimport { useSynapseContext } from '@/utils'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport {\n  getEntityTypeFromHeader,\n  isContainerType,\n} from '@/utils/functions/EntityTypeUtils'\nimport { Writable } from '@/utils/types/Writable'\nimport { ChevronRight, ExpandMore } from '@mui/icons-material'\nimport { Skeleton, Tooltip, Typography } from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport { EntityChildrenRequest } from '@sage-bionetworks/synapse-types'\nimport { useQueryClient } from '@tanstack/react-query'\nimport dayjs from 'dayjs'\nimport { cloneDeep } from 'lodash-es'\nimport { ReactNode, useCallback, useEffect, useRef, useState } from 'react'\nimport { useInView } from 'react-intersection-observer'\nimport AutoSizer from 'react-virtualized-auto-sizer'\nimport {\n  TreeWalker,\n  TreeWalkerValue,\n  VariableSizeNodeData,\n  VariableSizeNodePublicState,\n  VariableSizeTree,\n} from 'react-vtree'\nimport { NodeComponentProps } from 'react-vtree/dist/es/Tree'\nimport { EntityBadgeIcons } from '../../EntityBadgeIcons'\nimport { EntityTypeIcon } from '../../EntityIcon'\nimport { SynapseSpinner } from '../../LoadingScreen/LoadingScreen'\nimport { UserBadge } from '../../UserCard/UserBadge'\nimport { EntityFinderHeader } from '../EntityFinderHeader'\nimport { EntitySelectionMapType } from '../useEntitySelection'\n\nexport enum EntityTreeNodeType {\n  /** The tree component's appearance and interactions will facilitate selection. Nodes will be larger and styles will indicate primary selection */\n  SINGLE_PANE,\n  /** The tree component's appearance and interactions will facilitate browsing. Nodes will be smaller and styles will indicate secondary selection */\n  DUAL_PANE,\n}\n\ntype NodeChildren = Readonly<{\n  /** The node's children. If undefined, then children have not been fetched. */\n  children?: EntityHeaderNode[]\n  /** The token used to fetch the next page of children for this entity. If this property is nullish and children is defined, then all children have been fetched. */\n  childrenNextPageToken?: string | null\n}>\n\nexport type EntityHeaderNode = (\n  | EntityFinderHeader\n  // Only will have a subset of fields if the node is fetched via the entity path:\n  | Pick<EntityFinderHeader, 'id' | 'name' | 'type'>\n) &\n  NodeChildren\ntype PaginationNode = { __paginationNode: true }\n\ntype TreeNode = EntityHeaderNode | RootNodeConfiguration | PaginationNode\n\nfunction getTreeNodeType(\n  node: TreeNode,\n): 'entityHeader' | 'rootNodeConfiguration' | 'pagination' {\n  if ('__paginationNode' in node) {\n    return 'pagination'\n  }\n  return 'id' in node ? 'entityHeader' : 'rootNodeConfiguration'\n}\n\nfunction isPaginationNode(node: TreeNode): node is PaginationNode {\n  return getTreeNodeType(node) === 'pagination'\n}\n\nfunction isEntityHeaderNode(node: TreeNode): node is EntityHeaderNode {\n  return getTreeNodeType(node) === 'entityHeader'\n}\n\nfunction isRootNodeConfiguration(\n  node: TreeNode,\n): node is RootNodeConfiguration {\n  return getTreeNodeType(node) === 'rootNodeConfiguration'\n}\n\nfunction hasMoreChildren(node: TreeNode) {\n  if (isPaginationNode(node)) {\n    return false\n  } else if (isRootNodeConfiguration(node)) {\n    return node.hasNextPage\n  }\n\n  return node.children == null || node.childrenNextPageToken != null\n}\n\nfunction isLeafNode(node: TreeNode) {\n  if (isPaginationNode(node)) {\n    return true\n  } else if (isRootNodeConfiguration(node)) {\n    return false\n  } else {\n    return (\n      // Entity is not a container\n      !isContainerType(getEntityTypeFromHeader(node)) ||\n      // OR Children have been fetched (nonnull) and there are 0 children\n      node.children?.length === 0\n    )\n  }\n}\n\nfunction maybeHasChildren(\n  node: TreeNode,\n): node is RootNodeConfiguration | EntityHeaderNode {\n  if (isPaginationNode(node)) {\n    return false\n  } else if (isRootNodeConfiguration(node)) {\n    return node.children.length > 0 || node.hasNextPage\n  } else {\n    return !isLeafNode(node)\n  }\n}\n\nexport type TreeData = VariableSizeNodeData &\n  Readonly<{\n    node: TreeNode\n    getNextPageOfChildren: () => Promise<void>\n    isLeaf: boolean\n    nestingLevel: number\n    setSelectedId: (entityId: string) => void\n    treeNodeType: EntityTreeNodeType\n    isSelected: boolean\n    isDisabled: boolean\n  }>\n\ntype NodeMeta = Readonly<{\n  nestingLevel: number\n  node: TreeNode\n}>\n\nexport type RootNodeConfiguration = {\n  show: boolean\n  nodeText: string\n  children: EntityHeaderNode[]\n  /** If undefined, no more entities to fetch */\n  fetchNextPage: () => Promise<void>\n  hasNextPage: boolean\n}\n\n/**\n * Converts a TreeNode and related data into a TreeWalkerValue that react-vtree can use to render the tree.\n * Exported for testing purposes only.\n * @param config\n * @returns\n */\nexport const getNodeData = (config: {\n  node: TreeNode\n  nestingLevel: number\n  getNextPageOfChildren: () => Promise<void>\n  setSelectedId: (entityId: string) => void\n  treeNodeType: EntityTreeNodeType\n  selected: EntitySelectionMapType\n  selectableTypes: EntityType[]\n  autoExpand: (entityId: string) => boolean\n  defaultHeight: number\n  currentContainer?: string | 'root' | null\n}): TreeWalkerValue<TreeData, NodeMeta> => {\n  const {\n    node,\n    nestingLevel,\n    getNextPageOfChildren,\n    setSelectedId,\n    treeNodeType,\n    selected,\n    selectableTypes,\n    autoExpand,\n    defaultHeight,\n    currentContainer,\n  } = config\n\n  if (isPaginationNode(node)) {\n    throw new Error('Cannot create data for a pagination node')\n  }\n\n  const id = isRootNodeConfiguration(node) ? 'root' : node.id\n\n  const isSelected =\n    treeNodeType === EntityTreeNodeType.SINGLE_PANE\n      ? selected.has(id)\n      : currentContainer === id\n  const isDisabled =\n    !isRootNodeConfiguration(node) &&\n    !selectableTypes.includes(getEntityTypeFromHeader(node))\n\n  const isOpenByDefault = autoExpand(id)\n  /*\n   * If the node is open by default and we haven't fetched its children,\n   * fetch the first page (otherwise we won't fetch unless re-toggled)\n   */\n  if (isOpenByDefault && node.children == null && hasMoreChildren(node)) {\n    getNextPageOfChildren()\n  }\n\n  return {\n    data: {\n      node,\n      getNextPageOfChildren,\n      id: id,\n      isLeaf: isLeafNode(node),\n      isOpenByDefault: isOpenByDefault,\n      nestingLevel,\n      setSelectedId,\n      treeNodeType,\n      isSelected,\n      isDisabled,\n      defaultHeight,\n    },\n    nestingLevel,\n    node,\n  }\n}\n\n/**\n * Node component for the react-vtree virtualized tree. Exported only for testing purposes\n */\nexport function Node(\n  props: NodeComponentProps<TreeData, VariableSizeNodePublicState<TreeData>>,\n) {\n  const {\n    data: {\n      node,\n      getNextPageOfChildren,\n      isLeaf,\n      id,\n      nestingLevel,\n      setSelectedId,\n      treeNodeType,\n      isSelected,\n      isDisabled,\n    },\n    isOpen,\n    style,\n    setOpen,\n  } = props\n\n  const [isLoading, setLoading] = useState(false)\n\n  const nodeText = isEntityHeaderNode(node) ? (\n    <span>{node.name}</span>\n  ) : isRootNodeConfiguration(node) ? (\n    <span>{node.nodeText}</span>\n  ) : (\n    // Pagination node\n    <Skeleton width={100} />\n  )\n\n  // We only use this for pagination nodes. If the pagination node comes into view, then immediately call `getNextPageOfChildren`\n  const { ref, inView } = useInView()\n\n  useEffect(() => {\n    if (isPaginationNode(node) && inView) {\n      getNextPageOfChildren()\n    }\n  }, [node, inView, getNextPageOfChildren])\n\n  const toggleExpand = useCallback(async () => {\n    if (hasMoreChildren(node)) {\n      setLoading(true)\n      await getNextPageOfChildren()\n      await setOpen(!isOpen)\n      setLoading(false)\n    } else {\n      await setOpen(!isOpen)\n    }\n  }, [getNextPageOfChildren, node, isOpen, setOpen])\n\n  /**\n   * If in the dual-pane view, expand a node when it becomes selected\n   */\n  useEffect(() => {\n    if (\n      treeNodeType === EntityTreeNodeType.DUAL_PANE &&\n      isSelected &&\n      !isOpen\n    ) {\n      toggleExpand()\n    }\n    // Intentionally only toggle the expanded state when isSelected changes, otherwise the node cannot be un-expanded\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [isSelected])\n\n  /**\n   * If the height is 0, the node is purposefully hidden. Just render a fragment.\n   */\n  if ('height' in style && style.height === 0) {\n    return <></>\n  }\n\n  let tooltipContent: ReactNode = ''\n  if (isEntityHeaderNode(node)) {\n    tooltipContent = (\n      <div style={{ textAlign: 'center' }}>\n        <Typography\n          component=\"span\"\n          variant=\"smallText1\"\n          sx={{\n            display: 'inline',\n          }}\n        >\n          {node.name}\n          <br />\n          <b>ID: </b>\n          {node.id}\n          {'modifiedBy' in node && (\n            <>\n              <br />\n              <b>Modified By: </b>\n              <UserBadge\n                userId={node.modifiedBy.toString()}\n                showFullName\n                disableLink\n                showCardOnHover={false}\n              />\n            </>\n          )}\n          {'modifiedOn' in node && (\n            <>\n              <br />\n              <b>Modified On: </b>\n              {formatDate(dayjs(node.modifiedOn))}\n            </>\n          )}\n        </Typography>\n      </div>\n    )\n  }\n\n  const ExpandIcon = isOpen ? ExpandMore : ChevronRight\n\n  return (\n    <div\n      className={`Node ${\n        treeNodeType === EntityTreeNodeType.SINGLE_PANE\n          ? 'SelectNode'\n          : 'BrowseNode'\n      }`}\n      aria-selected={isSelected}\n      aria-disabled={isDisabled}\n      onClick={event => {\n        event.stopPropagation()\n        if (!isDisabled) {\n          setSelectedId(id)\n        }\n      }}\n      style={{\n        ...style,\n        paddingLeft: `${nestingLevel * 20}px`,\n      }}\n    >\n      {!isLeaf && (\n        <>\n          {isLoading ? (\n            <SynapseSpinner size={10} />\n          ) : (\n            <button\n              aria-label={isOpen ? 'Collapse' : 'Expand'}\n              onClick={event => {\n                event.stopPropagation()\n                toggleExpand()\n              }}\n            >\n              <ExpandIcon className=\"ExpandButton\" />\n            </button>\n          )}\n        </>\n      )}\n      {treeNodeType === EntityTreeNodeType.SINGLE_PANE && ( // SWC-5592\n        <div className=\"EntityIcon\">\n          {isEntityHeaderNode(node) && (\n            <EntityTypeIcon type={getEntityTypeFromHeader(node)} />\n          )}\n        </div>\n      )}\n\n      <Tooltip title={tooltipContent} placement=\"right\">\n        <div className=\"EntityName\" ref={ref}>\n          {nodeText}\n        </div>\n      </Tooltip>\n\n      {treeNodeType === EntityTreeNodeType.SINGLE_PANE && (\n        <EntityBadgeIcons\n          entityId={id}\n          showHasDiscussionThread={false}\n          showHasWiki={false}\n          showUnlink={false}\n          canOpenModal={false}\n        />\n      )}\n    </div>\n  )\n}\n\n/**\n * Extracted from the React component for testing purposes\n * @returns a generator function compatible with react-vtree\n */\nexport function getTreeWalkerFunction(\n  rootNode: RootNodeConfiguration,\n  setSelectedId: VirtualizedTreeProps['setSelectedId'],\n  treeNodeType: VirtualizedTreeProps['treeNodeType'],\n  selected: VirtualizedTreeProps['selected'],\n  selectableTypes: VirtualizedTreeProps['selectableTypes'],\n  autoExpand: VirtualizedTreeProps['autoExpand'],\n  itemSize: (index?: number) => number,\n  currentContainer: VirtualizedTreeProps['currentContainer'],\n  fetchNextPageOfChildren: (node: Writable<EntityHeaderNode>) => Promise<void>,\n): TreeWalker<TreeData, NodeMeta> {\n  return function* treeWalker() {\n    // Step [1]: Define the root node of our tree.\n    yield getNodeData({\n      node: rootNode,\n      nestingLevel: 0,\n      getNextPageOfChildren: rootNode.fetchNextPage,\n      setSelectedId,\n      treeNodeType,\n      selected,\n      selectableTypes,\n      autoExpand,\n      defaultHeight: itemSize(),\n      currentContainer,\n    })\n\n    while (true) {\n      // Step [2]: Get the parent node and nesting level, which will be passed into the Generator.next function by react-vtree.\n      // Yielding `undefined` indicates to react-vtree that we've finished iterating children from the last time we were in the loop.\n      const parentMeta = yield\n\n      if (maybeHasChildren(parentMeta.node)) {\n        // Step [3]: Yielding all the known children of the parent\n        if (parentMeta.node.children) {\n          for (let i = 0; i < parentMeta.node.children.length; i++) {\n            const childNode = parentMeta.node.children[i]\n\n            yield getNodeData({\n              node: childNode,\n              nestingLevel: parentMeta.nestingLevel + 1,\n              getNextPageOfChildren: () => fetchNextPageOfChildren(childNode),\n              setSelectedId,\n              treeNodeType,\n              selected,\n              selectableTypes,\n              autoExpand,\n              defaultHeight: itemSize(),\n              currentContainer,\n            })\n          }\n        }\n\n        // Step [4] - If the parent node has more children, render a \"pagination node\" that will fetch more children when it comes into view (via intersection observer)\n        if (hasMoreChildren(parentMeta.node)) {\n          const paginationNode: PaginationNode = {\n            __paginationNode: true,\n          }\n          const paginationTreeWalkerValue: TreeWalkerValue<TreeData, NodeMeta> =\n            {\n              data: {\n                id: parentMeta.data.id + '-pagination',\n                node: paginationNode,\n                isOpenByDefault: false,\n                getNextPageOfChildren: parentMeta.data.getNextPageOfChildren,\n                isLeaf: true,\n                isSelected: false,\n                defaultHeight: itemSize(),\n                isDisabled: true,\n                nestingLevel: parentMeta.nestingLevel + 1,\n                setSelectedId: () => {},\n                treeNodeType,\n              },\n              nestingLevel: parentMeta.nestingLevel + 1,\n              node: {\n                __paginationNode: true,\n              },\n            }\n          yield paginationTreeWalkerValue\n        }\n      }\n    }\n  }\n}\n\nexport type VirtualizedTreeProps = Readonly<{\n  treeNodeType: EntityTreeNodeType\n  rootNodeConfiguration: RootNodeConfiguration\n  setSelectedId: (entityId: string) => void\n  selected: EntitySelectionMapType\n  /* currentContainer is the container whose contents are shown on in the right pane in dual-pane configuration, and may only be defined when treeNodeType is DUAL_PANE */\n  currentContainer?: string | 'root' | null\n  autoExpand: (entityId: string) => boolean\n  selectableTypes: EntityType[]\n  visibleTypes: EntityType[]\n}>\n\n/**\n * Component that utilizes react-vtree to efficiently display a tree of entities. react-vtree utilizes react-window\n * to only render visible nodes, which eliminates performance issues as seen in SWC-5978.\n */\nexport const VirtualizedTree = (\n  props: VirtualizedTreeProps,\n): React.ReactNode => {\n  const {\n    rootNodeConfiguration,\n    setSelectedId,\n    treeNodeType,\n    selected,\n    currentContainer,\n    selectableTypes,\n    visibleTypes,\n    autoExpand,\n  } = props\n\n  const { accessToken, keyFactory } = useSynapseContext()\n  const queryClient = useQueryClient()\n\n  const [rootNode, setRootNode] = useState<RootNodeConfiguration>(\n    rootNodeConfiguration,\n  )\n\n  const treeInstance = useRef<VariableSizeTree<TreeData>>(null)\n\n  useEffect(() => {\n    setRootNode(rootNodeConfiguration)\n  }, [rootNodeConfiguration, rootNodeConfiguration.children])\n\n  // This function is used by VariableSizeTree to identify the size of each node in the tree.\n  const itemSize = useCallback(\n    (index?: number) => {\n      /**\n       * We must have a root node, but we don't always want to show it.\n       * In those cases, set the height of the root node to 0.\n       */\n      if (index === 0 && !rootNodeConfiguration.show) {\n        return 0\n      }\n      /**\n       * The height of all other nodes in the tree varies depending on the tree node type.\n       */\n      return treeNodeType === EntityTreeNodeType.DUAL_PANE ? 30 : 60\n    },\n    [treeNodeType, rootNodeConfiguration.show],\n  )\n\n  /**\n   * Fetches the next page of children for a given node. After fetching the children, this method will make a deep clone of the\n   *  full tree, including the new data, and updates the state of the component\n   */\n  const fetchNextPageOfChildren = useCallback(\n    // Because we update the root node with a copy at the end of this function, we can write to the node under update.\n    async (node: Writable<EntityHeaderNode>) => {\n      // Fetch the children of the node\n      const entityChildrenRequest: EntityChildrenRequest = {\n        parentId: node.id,\n        nextPageToken: node.childrenNextPageToken,\n        includeTypes: visibleTypes,\n      }\n      const children = await queryClient.fetchQuery({\n        queryKey: keyFactory.getEntityChildrenQueryKey(\n          entityChildrenRequest,\n          false,\n        ),\n        queryFn: () => getEntityChildren(entityChildrenRequest, accessToken),\n      })\n      // Update the node data -- add the children and store the nextPageToken\n      if (node.children) {\n        for (const newChild of children.page) {\n          // SWC-6751 - Prevent adding duplicate entries in case this function is called twice\n          if (!node.children.find(child => child.id == newChild.id)) {\n            node.children.push(newChild)\n          }\n        }\n      } else {\n        node.children = children.page\n      }\n      node.childrenNextPageToken = children.nextPageToken\n\n      // Ensure the node for which we fetched children is expanded/open\n      if (treeInstance.current) {\n        await treeInstance.current.recomputeTree({\n          [node.id]: {\n            open: true,\n          },\n        })\n      }\n\n      // cloneDeep is required to re-render the tree with the new children\n      setRootNode(cloneDeep(rootNode))\n    },\n    [visibleTypes, queryClient, keyFactory, rootNode, accessToken],\n  )\n\n  /**\n   * treeWalker is a generator function used by react-vtree to generate the tree structure. The tree is re-built when the function is updated,\n   * so the dependencies specified in useCallback are important.\n   */\n  const memoizedTreeWalker = useCallback(\n    getTreeWalkerFunction(\n      rootNode,\n      setSelectedId,\n      treeNodeType,\n      selected,\n      selectableTypes,\n      autoExpand,\n      itemSize,\n      currentContainer,\n      fetchNextPageOfChildren,\n    ),\n    [\n      rootNode,\n      setSelectedId,\n      treeNodeType,\n      selected,\n      selectableTypes,\n      autoExpand,\n      currentContainer,\n      fetchNextPageOfChildren,\n      itemSize,\n    ],\n  )\n\n  return (\n    <AutoSizer disableWidth>\n      {({ height }: { height: number }) => (\n        <VariableSizeTree\n          ref={treeInstance}\n          treeWalker={memoizedTreeWalker}\n          itemSize={itemSize}\n          height={height}\n          async={true}\n          width=\"100%\"\n        >\n          {Node}\n        </VariableSizeTree>\n      )}\n    </AutoSizer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAkCA,IAAY,IAAL,yBAAA,GAAA;QAEL,EAAA,EAAA,cAAA,KAAA,eAEA,EAAA,EAAA,YAAA,KAAA;AACF,EAAA,CAAA,CAAA;AAmBA,SAAS,EACP,GACyD;CAIzD,OAHI,sBAAsB,IACjB,eAEF,QAAQ,IAAO,iBAAiB;AACzC;AAEA,SAAS,EAAiB,GAAwC;CAChE,OAAO,EAAgB,CAAI,MAAM;AACnC;AAEA,SAAS,EAAmB,GAA0C;CACpE,OAAO,EAAgB,CAAI,MAAM;AACnC;AAEA,SAAS,EACP,GAC+B;CAC/B,OAAO,EAAgB,CAAI,MAAM;AACnC;AAEA,SAAS,EAAgB,GAAgB;CAOvC,OANI,EAAiB,CAAI,IAChB,KACE,EAAwB,CAAI,IAC9B,EAAK,cAGP,EAAK,YAAY,QAAQ,EAAK,yBAAyB;AAChE;AAEA,SAAS,EAAW,GAAgB;CAMhC,OALE,EAAiB,CAAI,IAChB,KACE,EAAwB,CAAI,IAC9B,KAIL,CAAC,EAAgB,EAAwB,CAAI,CAAC,KAE9C,EAAK,UAAU,WAAW;AAGhC;AAEA,SAAS,EACP,GACkD;CAMhD,OALE,EAAiB,CAAI,IAChB,KACE,EAAwB,CAAI,IAC9B,EAAK,SAAS,SAAS,KAAK,EAAK,cAEjC,CAAC,EAAW,CAAI;AAE3B;AAkCA,IAAa,KAAe,MAWe;CACzC,IAAM,EACJ,SACA,iBACA,0BACA,kBACA,iBACA,aACA,oBACA,eACA,kBACA,wBACE;CAEJ,IAAI,EAAiB,CAAI,GACvB,MAAU,MAAM,0CAA0C;CAG5D,IAAM,IAAK,EAAwB,CAAI,IAAI,SAAS,EAAK,IAEnD,IACJ,MAAA,IACI,EAAS,IAAI,CAAE,IACf,MAAqB,GACrB,IACJ,CAAC,EAAwB,CAAI,KAC7B,CAAC,EAAgB,SAAS,EAAwB,CAAI,CAAC,GAEnD,IAAkB,EAAW,CAAE;CASrC,OAJI,KAAmB,EAAK,YAAY,QAAQ,EAAgB,CAAI,KAClE,EAAsB,GAGjB;EACL,MAAM;GACJ;GACA;GACI;GACJ,QAAQ,EAAW,CAAI;GACN;GACjB;GACA;GACA;GACA;GACA;GACA;EACF;EACA;EACA;CACF;AACF;AAKA,SAAgB,EACd,GACA;CACA,IAAM,EACJ,MAAM,EACJ,SACA,0BACA,WACA,OACA,iBACA,kBACA,iBACA,eACA,iBAEF,WACA,UACA,eACE,GAEE,CAAC,GAAW,KAAc,EAAS,EAAK,GAExC,IAAW,EAAmB,CAAI,IACtC,kBAAC,QAAD,EAAA,UAAO,EAAK,KAAW,CAAA,IACrB,EAAwB,CAAI,IAC9B,kBAAC,QAAD,EAAA,UAAO,EAAK,SAAe,CAAA,IAG3B,kBAAC,GAAD,EAAU,OAAO,IAAM,CAAA,GAInB,EAAE,QAAK,cAAW,EAAU;CAElC,QAAgB;EACd,AAAI,EAAiB,CAAI,KAAK,KAC5B,EAAsB;CAE1B,GAAG;EAAC;EAAM;EAAQ;CAAqB,CAAC;CAExC,IAAM,IAAe,EAAY,YAAY;EAC3C,AAAI,EAAgB,CAAI,KACtB,EAAW,EAAI,GACf,MAAM,EAAsB,GAC5B,MAAM,EAAQ,CAAC,CAAM,GACrB,EAAW,EAAK,KAEhB,MAAM,EAAQ,CAAC,CAAM;CAEzB,GAAG;EAAC;EAAuB;EAAM;EAAQ;CAAO,CAAC;CAoBjD,IAfA,QAAgB;EACd,AACE,MAAA,KACA,KACA,CAAC,KAED,EAAa;CAIjB,GAAG,CAAC,CAAU,CAAC,GAKX,YAAY,KAAS,EAAM,WAAW,GACxC,OAAO,kBAAA,GAAA,CAAI,CAAA;CAGb,IAAI,IAA4B;CAChC,AAAI,EAAmB,CAAI,MACzB,IACE,kBAAC,OAAD;EAAK,OAAO,EAAE,WAAW,SAAS;YAChC,kBAAC,GAAD;GACE,WAAU;GACV,SAAQ;GACR,IAAI,EACF,SAAS,SACX;aALF;IAOG,EAAK;IACN,kBAAC,MAAD,CAAK,CAAA;IACL,kBAAC,KAAD,EAAA,UAAG,OAAO,CAAA;IACT,EAAK;IACL,gBAAgB,KACf,kBAAA,GAAA,EAAA,UAAA;KACE,kBAAC,MAAD,CAAK,CAAA;KACL,kBAAC,KAAD,EAAA,UAAG,gBAAgB,CAAA;KACnB,kBAAC,GAAD;MACE,QAAQ,EAAK,WAAW,SAAS;MACjC,cAAA;MACA,aAAA;MACA,iBAAiB;KAClB,CAAA;IACD,EAAA,CAAA;IAEH,gBAAgB,KACf,kBAAA,GAAA,EAAA,UAAA;KACE,kBAAC,MAAD,CAAK,CAAA;KACL,kBAAC,KAAD,EAAA,UAAG,gBAAgB,CAAA;KAClB,EAAW,EAAM,EAAK,UAAU,CAAC;IAClC,EAAA,CAAA;GAEM;;CACT,CAAA;CAIT,IAAM,IAAa,IAAS,IAAa;CAEzC,OACE,kBAAC,OAAD;EACE,WAAW,QACT,MAAA,IACI,eACA;EAEN,iBAAe;EACf,iBAAe;EACf,UAAS,MAAS;GAEhB,AADA,EAAM,gBAAgB,GACjB,KACH,EAAc,CAAE;EAEpB;EACA,OAAO;GACL,GAAG;GACH,aAAa,GAAG,IAAe,GAAG;EACpC;YAjBF;GAmBG,CAAC,KACA,kBAAA,GAAA,EAAA,UACG,IACC,kBAAC,GAAD,EAAgB,MAAM,GAAK,CAAA,IAE3B,kBAAC,UAAD;IACE,cAAY,IAAS,aAAa;IAClC,UAAS,MAAS;KAEhB,AADA,EAAM,gBAAgB,GACtB,EAAa;IACf;cAEA,kBAAC,GAAD,EAAY,WAAU,eAAgB,CAAA;GAChC,CAAA,EAEV,CAAA;GAEH,MAAA,KACC,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAmB,CAAI,KACtB,kBAAC,GAAD,EAAgB,MAAM,EAAwB,CAAI,EAAI,CAAA;GAErD,CAAA;GAGP,kBAAC,GAAD;IAAS,OAAO;IAAgB,WAAU;cACxC,kBAAC,OAAD;KAAK,WAAU;KAAkB;eAC9B;IACE,CAAA;GACE,CAAA;GAER,MAAA,KACC,kBAAC,GAAD;IACE,UAAU;IACV,yBAAyB;IACzB,aAAa;IACb,YAAY;IACZ,cAAc;GACf,CAAA;EAEA;;AAET;AAMA,SAAgB,EACd,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACgC;CAChC,OAAO,aAAuB;EAe5B,KAbA,MAAM,EAAY;GAChB,MAAM;GACN,cAAc;GACd,uBAAuB,EAAS;GAChC;GACA;GACA;GACA;GACA;GACA,eAAe,EAAS;GACxB;EACF,CAAC,KAEY;GAGX,IAAM,IAAa;GAEnB,IAAI,EAAiB,EAAW,IAAI,GAAG;IAErC,IAAI,EAAW,KAAK,UAClB,KAAK,IAAI,IAAI,GAAG,IAAI,EAAW,KAAK,SAAS,QAAQ,KAAK;KACxD,IAAM,IAAY,EAAW,KAAK,SAAS;KAE3C,MAAM,EAAY;MAChB,MAAM;MACN,cAAc,EAAW,eAAe;MACxC,6BAA6B,EAAwB,CAAS;MAC9D;MACA;MACA;MACA;MACA;MACA,eAAe,EAAS;MACxB;KACF,CAAC;IACH;IAIF,AAAI,EAAgB,EAAW,IAAI,MAwBjC,MAAM;KAlBF,MAAM;MACJ,IAAI,EAAW,KAAK,KAAK;MACzB,MAAM,EANV,kBAAkB,GAMR;MACN,iBAAiB;MACjB,uBAAuB,EAAW,KAAK;MACvC,QAAQ;MACR,YAAY;MACZ,eAAe,EAAS;MACxB,YAAY;MACZ,cAAc,EAAW,eAAe;MACxC,qBAAqB,CAAC;MACtB;KACF;KACA,cAAc,EAAW,eAAe;KACxC,MAAM,EACJ,kBAAkB,GACpB;IAEE;GAEV;EACF;CACF;AACF;AAkBA,IAAa,KACX,MACoB;CACpB,IAAM,EACJ,0BACA,kBACA,iBACA,aACA,qBACA,oBACA,iBACA,kBACE,GAEE,EAAE,gBAAa,kBAAe,EAAkB,GAChD,IAAc,EAAe,GAE7B,CAAC,GAAU,KAAe,EAC9B,CACF,GAEM,IAAe,EAAmC,IAAI;CAE5D,QAAgB;EACd,EAAY,CAAqB;CACnC,GAAG,CAAC,GAAuB,EAAsB,QAAQ,CAAC;CAG1D,IAAM,IAAW,GACd,MAKK,MAAU,KAAK,CAAC,EAAsB,OACjC,IAKF,MAAA,IAAgD,KAAK,IAE9D,CAAC,GAAc,EAAsB,IAAI,CAC3C,GAMM,IAA0B,EAE9B,OAAO,MAAqC;EAE1C,IAAM,IAA+C;GACnD,UAAU,EAAK;GACf,eAAe,EAAK;GACpB,cAAc;EAChB,GACM,IAAW,MAAM,EAAY,WAAW;GAC5C,UAAU,EAAW,0BACnB,GACA,EACF;GACA,eAAe,EAAkB,GAAuB,CAAW;EACrE,CAAC;EAED,IAAI,EAAK,eACF,IAAM,KAAY,EAAS,MAE9B,AAAK,EAAK,SAAS,MAAK,MAAS,EAAM,MAAM,EAAS,EAAE,KACtD,EAAK,SAAS,KAAK,CAAQ;OAI/B,EAAK,WAAW,EAAS;EAc3B,AAZA,EAAK,wBAAwB,EAAS,eAGlC,EAAa,WACf,MAAM,EAAa,QAAQ,cAAc,GACtC,EAAK,KAAK,EACT,MAAM,GACR,EACF,CAAC,GAIH,EAAY,EAAU,CAAQ,CAAC;CACjC,GACA;EAAC;EAAc;EAAa;EAAY;EAAU;CAAW,CAC/D,GAMM,IAAqB,EACzB,EACE,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,CACF,GACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,OACE,kBAAC,GAAD;EAAW,cAAA;aACP,EAAE,gBACF,kBAAC,GAAD;GACE,KAAK;GACL,YAAY;GACF;GACF;GACR,OAAO;GACP,OAAM;aAEL;EACe,CAAA;CAEX,CAAA;AAEf"}
+{"version":3,"file":"VirtualizedTree.js","names":[],"sources":["../../../../src/components/EntityFinder/tree/VirtualizedTree.tsx"],"sourcesContent":["import React from 'react'\nimport { getEntityChildren } from '@/synapse-client'\nimport { useSynapseContext } from '@/utils'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport {\n  getEntityTypeFromHeader,\n  isContainerType,\n} from '@/utils/functions/EntityTypeUtils'\nimport { Writable } from '@/utils/types/Writable'\nimport ChevronRight from '@mui/icons-material/ChevronRight'\nimport ExpandMore from '@mui/icons-material/ExpandMore'\nimport { Skeleton, Tooltip, Typography } from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport { EntityChildrenRequest } from '@sage-bionetworks/synapse-types'\nimport { useQueryClient } from '@tanstack/react-query'\nimport dayjs from 'dayjs'\nimport { cloneDeep } from 'lodash-es'\nimport { ReactNode, useCallback, useEffect, useRef, useState } from 'react'\nimport { useInView } from 'react-intersection-observer'\nimport AutoSizer from 'react-virtualized-auto-sizer'\nimport {\n  TreeWalker,\n  TreeWalkerValue,\n  VariableSizeNodeData,\n  VariableSizeNodePublicState,\n  VariableSizeTree,\n} from 'react-vtree'\nimport { NodeComponentProps } from 'react-vtree/dist/es/Tree'\nimport { EntityBadgeIcons } from '../../EntityBadgeIcons'\nimport { EntityTypeIcon } from '../../EntityIcon'\nimport { SynapseSpinner } from '../../LoadingScreen/LoadingScreen'\nimport { UserBadge } from '../../UserCard/UserBadge'\nimport { EntityFinderHeader } from '../EntityFinderHeader'\nimport { EntitySelectionMapType } from '../useEntitySelection'\n\nexport enum EntityTreeNodeType {\n  /** The tree component's appearance and interactions will facilitate selection. Nodes will be larger and styles will indicate primary selection */\n  SINGLE_PANE,\n  /** The tree component's appearance and interactions will facilitate browsing. Nodes will be smaller and styles will indicate secondary selection */\n  DUAL_PANE,\n}\n\ntype NodeChildren = Readonly<{\n  /** The node's children. If undefined, then children have not been fetched. */\n  children?: EntityHeaderNode[]\n  /** The token used to fetch the next page of children for this entity. If this property is nullish and children is defined, then all children have been fetched. */\n  childrenNextPageToken?: string | null\n}>\n\nexport type EntityHeaderNode = (\n  | EntityFinderHeader\n  // Only will have a subset of fields if the node is fetched via the entity path:\n  | Pick<EntityFinderHeader, 'id' | 'name' | 'type'>\n) &\n  NodeChildren\ntype PaginationNode = { __paginationNode: true }\n\ntype TreeNode = EntityHeaderNode | RootNodeConfiguration | PaginationNode\n\nfunction getTreeNodeType(\n  node: TreeNode,\n): 'entityHeader' | 'rootNodeConfiguration' | 'pagination' {\n  if ('__paginationNode' in node) {\n    return 'pagination'\n  }\n  return 'id' in node ? 'entityHeader' : 'rootNodeConfiguration'\n}\n\nfunction isPaginationNode(node: TreeNode): node is PaginationNode {\n  return getTreeNodeType(node) === 'pagination'\n}\n\nfunction isEntityHeaderNode(node: TreeNode): node is EntityHeaderNode {\n  return getTreeNodeType(node) === 'entityHeader'\n}\n\nfunction isRootNodeConfiguration(\n  node: TreeNode,\n): node is RootNodeConfiguration {\n  return getTreeNodeType(node) === 'rootNodeConfiguration'\n}\n\nfunction hasMoreChildren(node: TreeNode) {\n  if (isPaginationNode(node)) {\n    return false\n  } else if (isRootNodeConfiguration(node)) {\n    return node.hasNextPage\n  }\n\n  return node.children == null || node.childrenNextPageToken != null\n}\n\nfunction isLeafNode(node: TreeNode) {\n  if (isPaginationNode(node)) {\n    return true\n  } else if (isRootNodeConfiguration(node)) {\n    return false\n  } else {\n    return (\n      // Entity is not a container\n      !isContainerType(getEntityTypeFromHeader(node)) ||\n      // OR Children have been fetched (nonnull) and there are 0 children\n      node.children?.length === 0\n    )\n  }\n}\n\nfunction maybeHasChildren(\n  node: TreeNode,\n): node is RootNodeConfiguration | EntityHeaderNode {\n  if (isPaginationNode(node)) {\n    return false\n  } else if (isRootNodeConfiguration(node)) {\n    return node.children.length > 0 || node.hasNextPage\n  } else {\n    return !isLeafNode(node)\n  }\n}\n\nexport type TreeData = VariableSizeNodeData &\n  Readonly<{\n    node: TreeNode\n    getNextPageOfChildren: () => Promise<void>\n    isLeaf: boolean\n    nestingLevel: number\n    setSelectedId: (entityId: string) => void\n    treeNodeType: EntityTreeNodeType\n    isSelected: boolean\n    isDisabled: boolean\n  }>\n\ntype NodeMeta = Readonly<{\n  nestingLevel: number\n  node: TreeNode\n}>\n\nexport type RootNodeConfiguration = {\n  show: boolean\n  nodeText: string\n  children: EntityHeaderNode[]\n  /** If undefined, no more entities to fetch */\n  fetchNextPage: () => Promise<void>\n  hasNextPage: boolean\n}\n\n/**\n * Converts a TreeNode and related data into a TreeWalkerValue that react-vtree can use to render the tree.\n * Exported for testing purposes only.\n * @param config\n * @returns\n */\nexport const getNodeData = (config: {\n  node: TreeNode\n  nestingLevel: number\n  getNextPageOfChildren: () => Promise<void>\n  setSelectedId: (entityId: string) => void\n  treeNodeType: EntityTreeNodeType\n  selected: EntitySelectionMapType\n  selectableTypes: EntityType[]\n  autoExpand: (entityId: string) => boolean\n  defaultHeight: number\n  currentContainer?: string | 'root' | null\n}): TreeWalkerValue<TreeData, NodeMeta> => {\n  const {\n    node,\n    nestingLevel,\n    getNextPageOfChildren,\n    setSelectedId,\n    treeNodeType,\n    selected,\n    selectableTypes,\n    autoExpand,\n    defaultHeight,\n    currentContainer,\n  } = config\n\n  if (isPaginationNode(node)) {\n    throw new Error('Cannot create data for a pagination node')\n  }\n\n  const id = isRootNodeConfiguration(node) ? 'root' : node.id\n\n  const isSelected =\n    treeNodeType === EntityTreeNodeType.SINGLE_PANE\n      ? selected.has(id)\n      : currentContainer === id\n  const isDisabled =\n    !isRootNodeConfiguration(node) &&\n    !selectableTypes.includes(getEntityTypeFromHeader(node))\n\n  const isOpenByDefault = autoExpand(id)\n  /*\n   * If the node is open by default and we haven't fetched its children,\n   * fetch the first page (otherwise we won't fetch unless re-toggled)\n   */\n  if (isOpenByDefault && node.children == null && hasMoreChildren(node)) {\n    getNextPageOfChildren()\n  }\n\n  return {\n    data: {\n      node,\n      getNextPageOfChildren,\n      id: id,\n      isLeaf: isLeafNode(node),\n      isOpenByDefault: isOpenByDefault,\n      nestingLevel,\n      setSelectedId,\n      treeNodeType,\n      isSelected,\n      isDisabled,\n      defaultHeight,\n    },\n    nestingLevel,\n    node,\n  }\n}\n\n/**\n * Node component for the react-vtree virtualized tree. Exported only for testing purposes\n */\nexport function Node(\n  props: NodeComponentProps<TreeData, VariableSizeNodePublicState<TreeData>>,\n) {\n  const {\n    data: {\n      node,\n      getNextPageOfChildren,\n      isLeaf,\n      id,\n      nestingLevel,\n      setSelectedId,\n      treeNodeType,\n      isSelected,\n      isDisabled,\n    },\n    isOpen,\n    style,\n    setOpen,\n  } = props\n\n  const [isLoading, setLoading] = useState(false)\n\n  const nodeText = isEntityHeaderNode(node) ? (\n    <span>{node.name}</span>\n  ) : isRootNodeConfiguration(node) ? (\n    <span>{node.nodeText}</span>\n  ) : (\n    // Pagination node\n    <Skeleton width={100} />\n  )\n\n  // We only use this for pagination nodes. If the pagination node comes into view, then immediately call `getNextPageOfChildren`\n  const { ref, inView } = useInView()\n\n  useEffect(() => {\n    if (isPaginationNode(node) && inView) {\n      getNextPageOfChildren()\n    }\n  }, [node, inView, getNextPageOfChildren])\n\n  const toggleExpand = useCallback(async () => {\n    if (hasMoreChildren(node)) {\n      setLoading(true)\n      await getNextPageOfChildren()\n      await setOpen(!isOpen)\n      setLoading(false)\n    } else {\n      await setOpen(!isOpen)\n    }\n  }, [getNextPageOfChildren, node, isOpen, setOpen])\n\n  /**\n   * If in the dual-pane view, expand a node when it becomes selected\n   */\n  useEffect(() => {\n    if (\n      treeNodeType === EntityTreeNodeType.DUAL_PANE &&\n      isSelected &&\n      !isOpen\n    ) {\n      toggleExpand()\n    }\n    // Intentionally only toggle the expanded state when isSelected changes, otherwise the node cannot be un-expanded\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [isSelected])\n\n  /**\n   * If the height is 0, the node is purposefully hidden. Just render a fragment.\n   */\n  if ('height' in style && style.height === 0) {\n    return <></>\n  }\n\n  let tooltipContent: ReactNode = ''\n  if (isEntityHeaderNode(node)) {\n    tooltipContent = (\n      <div style={{ textAlign: 'center' }}>\n        <Typography\n          component=\"span\"\n          variant=\"smallText1\"\n          sx={{\n            display: 'inline',\n          }}\n        >\n          {node.name}\n          <br />\n          <b>ID: </b>\n          {node.id}\n          {'modifiedBy' in node && (\n            <>\n              <br />\n              <b>Modified By: </b>\n              <UserBadge\n                userId={node.modifiedBy.toString()}\n                showFullName\n                disableLink\n                showCardOnHover={false}\n              />\n            </>\n          )}\n          {'modifiedOn' in node && (\n            <>\n              <br />\n              <b>Modified On: </b>\n              {formatDate(dayjs(node.modifiedOn))}\n            </>\n          )}\n        </Typography>\n      </div>\n    )\n  }\n\n  const ExpandIcon = isOpen ? ExpandMore : ChevronRight\n\n  return (\n    <div\n      className={`Node ${\n        treeNodeType === EntityTreeNodeType.SINGLE_PANE\n          ? 'SelectNode'\n          : 'BrowseNode'\n      }`}\n      aria-selected={isSelected}\n      aria-disabled={isDisabled}\n      onClick={event => {\n        event.stopPropagation()\n        if (!isDisabled) {\n          setSelectedId(id)\n        }\n      }}\n      style={{\n        ...style,\n        paddingLeft: `${nestingLevel * 20}px`,\n      }}\n    >\n      {!isLeaf && (\n        <>\n          {isLoading ? (\n            <SynapseSpinner size={10} />\n          ) : (\n            <button\n              aria-label={isOpen ? 'Collapse' : 'Expand'}\n              onClick={event => {\n                event.stopPropagation()\n                toggleExpand()\n              }}\n            >\n              <ExpandIcon className=\"ExpandButton\" />\n            </button>\n          )}\n        </>\n      )}\n      {treeNodeType === EntityTreeNodeType.SINGLE_PANE && ( // SWC-5592\n        <div className=\"EntityIcon\">\n          {isEntityHeaderNode(node) && (\n            <EntityTypeIcon type={getEntityTypeFromHeader(node)} />\n          )}\n        </div>\n      )}\n\n      <Tooltip title={tooltipContent} placement=\"right\">\n        <div className=\"EntityName\" ref={ref}>\n          {nodeText}\n        </div>\n      </Tooltip>\n\n      {treeNodeType === EntityTreeNodeType.SINGLE_PANE && (\n        <EntityBadgeIcons\n          entityId={id}\n          showHasDiscussionThread={false}\n          showHasWiki={false}\n          showUnlink={false}\n          canOpenModal={false}\n        />\n      )}\n    </div>\n  )\n}\n\n/**\n * Extracted from the React component for testing purposes\n * @returns a generator function compatible with react-vtree\n */\nexport function getTreeWalkerFunction(\n  rootNode: RootNodeConfiguration,\n  setSelectedId: VirtualizedTreeProps['setSelectedId'],\n  treeNodeType: VirtualizedTreeProps['treeNodeType'],\n  selected: VirtualizedTreeProps['selected'],\n  selectableTypes: VirtualizedTreeProps['selectableTypes'],\n  autoExpand: VirtualizedTreeProps['autoExpand'],\n  itemSize: (index?: number) => number,\n  currentContainer: VirtualizedTreeProps['currentContainer'],\n  fetchNextPageOfChildren: (node: Writable<EntityHeaderNode>) => Promise<void>,\n): TreeWalker<TreeData, NodeMeta> {\n  return function* treeWalker() {\n    // Step [1]: Define the root node of our tree.\n    yield getNodeData({\n      node: rootNode,\n      nestingLevel: 0,\n      getNextPageOfChildren: rootNode.fetchNextPage,\n      setSelectedId,\n      treeNodeType,\n      selected,\n      selectableTypes,\n      autoExpand,\n      defaultHeight: itemSize(),\n      currentContainer,\n    })\n\n    while (true) {\n      // Step [2]: Get the parent node and nesting level, which will be passed into the Generator.next function by react-vtree.\n      // Yielding `undefined` indicates to react-vtree that we've finished iterating children from the last time we were in the loop.\n      const parentMeta = yield\n\n      if (maybeHasChildren(parentMeta.node)) {\n        // Step [3]: Yielding all the known children of the parent\n        if (parentMeta.node.children) {\n          for (let i = 0; i < parentMeta.node.children.length; i++) {\n            const childNode = parentMeta.node.children[i]\n\n            yield getNodeData({\n              node: childNode,\n              nestingLevel: parentMeta.nestingLevel + 1,\n              getNextPageOfChildren: () => fetchNextPageOfChildren(childNode),\n              setSelectedId,\n              treeNodeType,\n              selected,\n              selectableTypes,\n              autoExpand,\n              defaultHeight: itemSize(),\n              currentContainer,\n            })\n          }\n        }\n\n        // Step [4] - If the parent node has more children, render a \"pagination node\" that will fetch more children when it comes into view (via intersection observer)\n        if (hasMoreChildren(parentMeta.node)) {\n          const paginationNode: PaginationNode = {\n            __paginationNode: true,\n          }\n          const paginationTreeWalkerValue: TreeWalkerValue<TreeData, NodeMeta> =\n            {\n              data: {\n                id: parentMeta.data.id + '-pagination',\n                node: paginationNode,\n                isOpenByDefault: false,\n                getNextPageOfChildren: parentMeta.data.getNextPageOfChildren,\n                isLeaf: true,\n                isSelected: false,\n                defaultHeight: itemSize(),\n                isDisabled: true,\n                nestingLevel: parentMeta.nestingLevel + 1,\n                setSelectedId: () => {},\n                treeNodeType,\n              },\n              nestingLevel: parentMeta.nestingLevel + 1,\n              node: {\n                __paginationNode: true,\n              },\n            }\n          yield paginationTreeWalkerValue\n        }\n      }\n    }\n  }\n}\n\nexport type VirtualizedTreeProps = Readonly<{\n  treeNodeType: EntityTreeNodeType\n  rootNodeConfiguration: RootNodeConfiguration\n  setSelectedId: (entityId: string) => void\n  selected: EntitySelectionMapType\n  /* currentContainer is the container whose contents are shown on in the right pane in dual-pane configuration, and may only be defined when treeNodeType is DUAL_PANE */\n  currentContainer?: string | 'root' | null\n  autoExpand: (entityId: string) => boolean\n  selectableTypes: EntityType[]\n  visibleTypes: EntityType[]\n}>\n\n/**\n * Component that utilizes react-vtree to efficiently display a tree of entities. react-vtree utilizes react-window\n * to only render visible nodes, which eliminates performance issues as seen in SWC-5978.\n */\nexport const VirtualizedTree = (\n  props: VirtualizedTreeProps,\n): React.ReactNode => {\n  const {\n    rootNodeConfiguration,\n    setSelectedId,\n    treeNodeType,\n    selected,\n    currentContainer,\n    selectableTypes,\n    visibleTypes,\n    autoExpand,\n  } = props\n\n  const { accessToken, keyFactory } = useSynapseContext()\n  const queryClient = useQueryClient()\n\n  const [rootNode, setRootNode] = useState<RootNodeConfiguration>(\n    rootNodeConfiguration,\n  )\n\n  const treeInstance = useRef<VariableSizeTree<TreeData>>(null)\n\n  useEffect(() => {\n    setRootNode(rootNodeConfiguration)\n  }, [rootNodeConfiguration, rootNodeConfiguration.children])\n\n  // This function is used by VariableSizeTree to identify the size of each node in the tree.\n  const itemSize = useCallback(\n    (index?: number) => {\n      /**\n       * We must have a root node, but we don't always want to show it.\n       * In those cases, set the height of the root node to 0.\n       */\n      if (index === 0 && !rootNodeConfiguration.show) {\n        return 0\n      }\n      /**\n       * The height of all other nodes in the tree varies depending on the tree node type.\n       */\n      return treeNodeType === EntityTreeNodeType.DUAL_PANE ? 30 : 60\n    },\n    [treeNodeType, rootNodeConfiguration.show],\n  )\n\n  /**\n   * Fetches the next page of children for a given node. After fetching the children, this method will make a deep clone of the\n   *  full tree, including the new data, and updates the state of the component\n   */\n  const fetchNextPageOfChildren = useCallback(\n    // Because we update the root node with a copy at the end of this function, we can write to the node under update.\n    async (node: Writable<EntityHeaderNode>) => {\n      // Fetch the children of the node\n      const entityChildrenRequest: EntityChildrenRequest = {\n        parentId: node.id,\n        nextPageToken: node.childrenNextPageToken,\n        includeTypes: visibleTypes,\n      }\n      const children = await queryClient.fetchQuery({\n        queryKey: keyFactory.getEntityChildrenQueryKey(\n          entityChildrenRequest,\n          false,\n        ),\n        queryFn: () => getEntityChildren(entityChildrenRequest, accessToken),\n      })\n      // Update the node data -- add the children and store the nextPageToken\n      if (node.children) {\n        for (const newChild of children.page) {\n          // SWC-6751 - Prevent adding duplicate entries in case this function is called twice\n          if (!node.children.find(child => child.id == newChild.id)) {\n            node.children.push(newChild)\n          }\n        }\n      } else {\n        node.children = children.page\n      }\n      node.childrenNextPageToken = children.nextPageToken\n\n      // Ensure the node for which we fetched children is expanded/open\n      if (treeInstance.current) {\n        await treeInstance.current.recomputeTree({\n          [node.id]: {\n            open: true,\n          },\n        })\n      }\n\n      // cloneDeep is required to re-render the tree with the new children\n      setRootNode(cloneDeep(rootNode))\n    },\n    [visibleTypes, queryClient, keyFactory, rootNode, accessToken],\n  )\n\n  /**\n   * treeWalker is a generator function used by react-vtree to generate the tree structure. The tree is re-built when the function is updated,\n   * so the dependencies specified in useCallback are important.\n   */\n  const memoizedTreeWalker = useCallback(\n    getTreeWalkerFunction(\n      rootNode,\n      setSelectedId,\n      treeNodeType,\n      selected,\n      selectableTypes,\n      autoExpand,\n      itemSize,\n      currentContainer,\n      fetchNextPageOfChildren,\n    ),\n    [\n      rootNode,\n      setSelectedId,\n      treeNodeType,\n      selected,\n      selectableTypes,\n      autoExpand,\n      currentContainer,\n      fetchNextPageOfChildren,\n      itemSize,\n    ],\n  )\n\n  return (\n    <AutoSizer disableWidth>\n      {({ height }: { height: number }) => (\n        <VariableSizeTree\n          ref={treeInstance}\n          treeWalker={memoizedTreeWalker}\n          itemSize={itemSize}\n          height={height}\n          async={true}\n          width=\"100%\"\n        >\n          {Node}\n        </VariableSizeTree>\n      )}\n    </AutoSizer>\n  )\n}\n"],"mappings":"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"}

package/dist/components/EntityHeaderTable/EntityHeaderTable.js

@@ -16,7 +16,7 @@ import { Fragment as l, useCallback as u, useEffect as d, useMemo as f, useState
 import { noop as ue, upperFirst as de } from "lodash-es";
 import { Alert as fe, AlertTitle as pe, Box as m, Button as h, IconButton as g, InputLabel as me, TextField as he, Tooltip as ge, Typography as _ } from "@mui/material";
 import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
-import { AddCircleTwoTone as _e } from "@mui/icons-material";
+import _e from "@mui/icons-material/AddCircleTwoTone";
 import ve from "pluralize";
 import { flexRender as x, getCoreRowModel as ye, getFacetedMinMaxValues as be, getFacetedRowModel as xe, getFacetedUniqueValues as Se, getFilteredRowModel as Ce, getSortedRowModel as S, useReactTable as C } from "@tanstack/react-table";
 import w from "papaparse";

package/dist/components/EntityHeaderTable/EntityHeaderTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityHeaderTable.js","names":[],"sources":["../../../src/components/EntityHeaderTable/EntityHeaderTable.tsx"],"sourcesContent":["import React from 'react'\nimport AddAd from '@/assets/icons/AddAd'\nimport { StyledTableContainer } from '@/components/styled/StyledTableContainer'\nimport { useGetEntityHeaders } from '@/synapse-queries/entity/useGetEntityHeaders'\nimport {\n  entityTypeToFriendlyName,\n  getEntityTypeFromHeader,\n  normalizeSynPrefix,\n} from '@/utils/functions/EntityTypeUtils'\nimport { SYNAPSE_ENTITY_ID_REGEX } from '@/utils/functions/RegularExpressions'\nimport { AddCircleTwoTone } from '@mui/icons-material'\nimport {\n  Alert,\n  AlertTitle,\n  Box,\n  Button,\n  IconButton,\n  InputLabel,\n  TextField,\n  Tooltip,\n  Typography,\n} from '@mui/material'\nimport { EntityHeader, ReferenceList } from '@sage-bionetworks/synapse-types'\nimport {\n  ColumnDef,\n  ColumnFiltersState,\n  flexRender,\n  getCoreRowModel,\n  getFacetedMinMaxValues,\n  getFacetedRowModel,\n  getFacetedUniqueValues,\n  getFilteredRowModel,\n  getSortedRowModel,\n  useReactTable,\n} from '@tanstack/react-table'\nimport { noop, upperFirst } from 'lodash-es'\nimport papaparseLib from 'papaparse'\n// papaparse is CJS-only; pull named values from the default export.\nconst { parse } = papaparseLib\nimport pluralize from 'pluralize'\nimport { Fragment, useCallback, useEffect, useMemo, useState } from 'react'\nimport {\n  EntityFinderModal,\n  EntityFinderModalProps,\n} from '../EntityFinder/EntityFinderModal'\nimport { FinderScope } from '../EntityFinder/tree/EntityTree'\nimport { VersionSelectionType } from '../EntityFinder/VersionSelectionType'\nimport IconSvg from '../IconSvg'\nimport { SkeletonTable } from '../Skeleton'\nimport {\n  CheckBoxCell,\n  CheckBoxHeader,\n  EntityHeaderIDCell,\n  EntityHeaderNameCell,\n  EntityHeaderTypeCell,\n} from './EntityHeaderTableCellRenderers'\nimport { Filter } from './Filter'\nimport { useEntityHeaderTableState } from './useEntityHeaderTableState'\n\nconst DEFAULT_FINDER_CONFIG: EntityFinderModalProps['configuration'] = {\n  selectMultiple: true,\n  versionSelection: VersionSelectionType.DISALLOWED,\n  initialScope: FinderScope.ALL_PROJECTS,\n  initialContainer: 'root',\n}\n\nexport type EntityHeaderTableProps = {\n  references: ReferenceList\n  isEditable: boolean\n  disabled?: boolean\n  onUpdate?: (updatedRefs: ReferenceList) => void // when the references are updated, EntityHeaderTable will call this function with the updated list\n  removeSelectedRowsButtonText?: string\n  onUpdateEntityIDsTextbox?: (value: string) => void // when the entity IDs text box is updated, this is called\n  /* The word used to describe the items in the table. Default 'entity' */\n  objectNameCopy?: string\n  // If true, the text field where IDs are pasted is hidden, and confirming the entity finder will immediately call `onUpdate`\n  hideTextFieldToPasteValue?: boolean\n  entityFinderConfiguration?: EntityFinderModalProps['configuration']\n}\n\nconst UNMANAGEABLE_SUBJECT_COUNT = 10\n\n// extend EntityHeader to create dummy EntityHeader rows for those that the current user cannot view\nexport type EntityHeaderOrDummy = EntityHeader & { isDummy?: boolean }\n\n/**\n * Renders a sortable/filterable table for a set of entity references.  If editable, onUpdate will be called back\n * on any entity added/removed.\n */\nexport const EntityHeaderTable = (\n  props: EntityHeaderTableProps,\n): React.ReactNode => {\n  const {\n    references,\n    isEditable,\n    disabled,\n    onUpdate = noop,\n    removeSelectedRowsButtonText = 'Remove Selected Rows',\n    onUpdateEntityIDsTextbox,\n    objectNameCopy = 'entity',\n    hideTextFieldToPasteValue = false,\n    entityFinderConfiguration = DEFAULT_FINDER_CONFIG,\n  } = props\n  const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([])\n  const [showEntityFinder, setShowEntityFinder] = useState<boolean>(false)\n\n  const {\n    rowSelection,\n    setRowSelection,\n    refsInState,\n    setRefsInState,\n    newEntityIDs,\n    setNewEntityIDs,\n    parseErrors,\n    setParseErrors,\n  } = useEntityHeaderTableState(references, onUpdateEntityIDsTextbox, onUpdate)\n\n  const setInvalidEntityIDError = useCallback(\n    (invalidEntityIDs: string[]) => {\n      setParseErrors([`Invalid Synapse ID(s): ${invalidEntityIDs.join(',')}`])\n    },\n    [setParseErrors],\n  )\n\n  const addRefsFromEntityIDs = useCallback(\n    (entityIDs: string[]) => {\n      const newReferences: ReferenceList = entityIDs.map(id => {\n        return {\n          targetId: id.trim(),\n        }\n      })\n      setRefsInState([...refsInState, ...newReferences])\n    },\n    [refsInState, setRefsInState],\n  )\n\n  const addPastedValuesToArray = useCallback(() => {\n    if (newEntityIDs) {\n      if (newEntityIDs.includes(',')) {\n        parse<string[]>(newEntityIDs, {\n          complete: result => {\n            if (result.errors.length > 0) {\n              const newParseErrors = result.errors.map(\n                parseError => parseError.message,\n              )\n              setParseErrors(newParseErrors)\n            } else {\n              const newParsedEntityIDs = result.data[0]\n              const invalidEntityIDs = newParsedEntityIDs.filter(\n                id => !id.trim().match(SYNAPSE_ENTITY_ID_REGEX),\n              )\n              if (invalidEntityIDs.length > 0) {\n                setInvalidEntityIDError(invalidEntityIDs)\n              } else {\n                addRefsFromEntityIDs(newParsedEntityIDs)\n              }\n            }\n          },\n        })\n      } else {\n        // single item\n        if (!newEntityIDs.trim().match(SYNAPSE_ENTITY_ID_REGEX)) {\n          setInvalidEntityIDError([newEntityIDs])\n        } else {\n          addRefsFromEntityIDs([newEntityIDs])\n        }\n      }\n    } else {\n      setParseErrors([])\n      setNewEntityIDs('')\n    }\n  }, [\n    addRefsFromEntityIDs,\n    newEntityIDs,\n    setInvalidEntityIDError,\n    setNewEntityIDs,\n    setParseErrors,\n  ])\n\n  const pluralObjectName = upperFirst(pluralize(objectNameCopy))\n\n  const selectColumns: ColumnDef<EntityHeaderOrDummy, any>[] = useMemo(\n    () => [\n      {\n        id: 'select',\n        header: CheckBoxHeader,\n        cell: CheckBoxCell,\n      },\n    ],\n    [],\n  )\n\n  const entityHeaderColumns: ColumnDef<EntityHeaderOrDummy, any>[] = useMemo(\n    () => [\n      {\n        accessorFn: (row: EntityHeaderOrDummy) => row.name,\n        id: 'name',\n        cell: EntityHeaderNameCell,\n        header: 'Name',\n      },\n      {\n        accessorFn: (row: EntityHeaderOrDummy) => row.id,\n        id: 'id',\n        cell: EntityHeaderIDCell,\n        header: 'SynID',\n      },\n      {\n        accessorFn: (row: EntityHeaderOrDummy) =>\n          row.isDummy\n            ? '-'\n            : entityTypeToFriendlyName(getEntityTypeFromHeader(row)),\n        id: 'type',\n        header: 'Type',\n        cell: EntityHeaderTypeCell,\n        filterFn: 'includesString',\n      },\n    ],\n    [],\n  )\n\n  const columns = useMemo<ColumnDef<EntityHeaderOrDummy, any>[]>(\n    () =>\n      isEditable\n        ? selectColumns.concat(entityHeaderColumns)\n        : entityHeaderColumns,\n    [entityHeaderColumns, isEditable, selectColumns],\n  )\n  const selectionCount = Object.keys(rowSelection).length\n  const {\n    data: results,\n    isSuccess,\n    isLoading,\n  } = useGetEntityHeaders(refsInState, {\n    throwOnError: true,\n  })\n\n  const data = useMemo(() => {\n    //create dummy entries for values that were not returned by the getEntityHeaders call!\n    const newData = results ? results?.results : []\n    const newDataEntityIds = new Set()\n    newData.forEach(entityHeader =>\n      newDataEntityIds.add(normalizeSynPrefix(entityHeader.id)),\n    )\n    const missingRefs = refsInState.filter(\n      ref => !newDataEntityIds.has(normalizeSynPrefix(ref.targetId)),\n    )\n    const dummyEntityHeaders: EntityHeaderOrDummy[] = missingRefs.map(ref => {\n      return {\n        id: ref.targetId,\n        name: ref.targetId,\n        benefactorId: -1,\n        type: 'org.sagebionetworks.repo.model.Project',\n        createdOn: '',\n        modifiedOn: '',\n        createdBy: '',\n        modifiedBy: '',\n        isLatestVersion: true,\n        isDummy: true,\n      }\n    })\n    return newData.concat(dummyEntityHeaders)\n  }, [refsInState, results])\n  const table = useReactTable({\n    data,\n    columns,\n    state: {\n      rowSelection,\n      columnFilters,\n    },\n    enableRowSelection: isEditable,\n    onRowSelectionChange: setRowSelection,\n    onColumnFiltersChange: setColumnFilters,\n    getCoreRowModel: getCoreRowModel(),\n    getFilteredRowModel: getFilteredRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    getFacetedRowModel: getFacetedRowModel(),\n    getFacetedUniqueValues: getFacetedUniqueValues(),\n    getFacetedMinMaxValues: getFacetedMinMaxValues(),\n    // debugTable: true,\n    // debugHeaders: true,\n    // debugColumns: false,\n    columnResizeMode: 'onChange',\n  })\n\n  const onRemove = useCallback(() => {\n    // rowSelection looks like {3: true. 5: true} where the key is the row index.\n    // Create a new ReferenceList based on the entityHeaders in the current table.\n    const updatedData = data.filter(\n      (_value, index) => !(rowSelection[index] === true),\n    )\n    const newRowRefs: ReferenceList = updatedData.map(entityHeader => {\n      return {\n        targetId: entityHeader.id,\n      }\n    })\n    setRefsInState(newRowRefs)\n  }, [data, rowSelection, setRefsInState])\n\n  const isSelection = selectionCount > 0\n  const totalRowCount = data.length\n  const filteredRowCount = table.getPrePaginationRowModel().rows.length\n  const showFilterControls = totalRowCount > UNMANAGEABLE_SUBJECT_COUNT\n\n  /**\n   * Reset the column filters when the filter controls are hidden.\n   * This handles the following edge case:\n   *      1. List contains 100 items of type \"A\" and 1 of type \"B\"\n   *      2. User filters to show just \"A\" items\n   *      3. User removes all \"A\" items\n   *      4. Only the single \"B\" item remains, but the filter is still present on type \"A\".\n   *         The filter controls are hidden, so the user cannot see the \"B\" item.\n   *\n   * This effect will clear the filters when the filter controls are hidden, preventing this scenario.\n   */\n  useEffect(\n    function resetFiltersWhenFilterControlsAreHidden() {\n      if (!showFilterControls) {\n        table.setColumnFilters([])\n      }\n    },\n    [table, showFilterControls],\n  )\n\n  if (isLoading) {\n    return (\n      <SkeletonTable numCols={3} numRows={Math.min(10, refsInState.length)} />\n    )\n  } else if (!isSuccess) {\n    return <></>\n  }\n  return (\n    <div>\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: 'space-between',\n          p: '12px 10px 10px 5px',\n        }}\n      >\n        {showFilterControls && (\n          <Typography variant=\"body1\" sx={{ marginBottom: '10px' }}>\n            {totalRowCount} {pluralObjectName}{' '}\n            {filteredRowCount < totalRowCount\n              ? `(${filteredRowCount} visible)`\n              : ''}\n            {isSelection && <span>{` (${selectionCount} selected)`}</span>}\n          </Typography>\n        )}\n        {isEditable && refsInState.length > 0 && (\n          <Button\n            variant=\"contained\"\n            disabled={!isSelection || disabled}\n            onClick={onRemove}\n          >\n            {removeSelectedRowsButtonText}\n          </Button>\n        )}\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n          pb: 2,\n        }}\n      >\n        {table.getHeaderGroups().map(headerGroup =>\n          headerGroup.headers.map(header => {\n            return header.isPlaceholder ? null : (\n              <Fragment key={header.column.id}>\n                {header.column.getCanFilter() && showFilterControls ? (\n                  <Box sx={{ flexGrow: 1 }}>\n                    <Filter column={header.column} table={table} />\n                  </Box>\n                ) : null}\n              </Fragment>\n            )\n          }),\n        )}\n      </Box>\n      {totalRowCount > 0 && (\n        <StyledTableContainer\n          sx={{\n            th: {\n              zIndex: 100,\n              maxHeight: '250px',\n            },\n          }}\n        >\n          <table style={{ borderCollapse: 'collapse', width: '100%' }}>\n            <thead>\n              {table.getHeaderGroups().map(headerGroup => (\n                <tr key={headerGroup.id}>\n                  {headerGroup.headers.map(header => {\n                    let columnSize: string = '5%'\n                    switch (header.id) {\n                      case 'name':\n                        columnSize = '50%'\n                        break\n                      case 'id':\n                        columnSize = '22%'\n                        break\n                      case 'type':\n                        columnSize = '22%'\n                        break\n                      default:\n                        break\n                    }\n                    return (\n                      <th\n                        key={header.id}\n                        colSpan={header.colSpan}\n                        style={{\n                          width: columnSize,\n                          position: 'sticky',\n                          top: '0px',\n                        }}\n                      >\n                        {header.isPlaceholder ? null : (\n                          <Box\n                            sx={{\n                              display: 'flex',\n                              alignItems: 'center',\n                            }}\n                          >\n                            {flexRender(\n                              header.column.columnDef.header,\n                              header.getContext(),\n                            )}\n                            <Box\n                              sx={{\n                                mx: 'auto',\n                              }}\n                            />\n                            {header.column.getCanSort() && (\n                              <IconButton\n                                onClick={header.column.getToggleSortingHandler()}\n                                size={'small'}\n                                sx={{\n                                  marginLeft: 'auto',\n                                  marginRight: '16px',\n                                }}\n                              >\n                                <IconSvg\n                                  icon={\n                                    header.column.getIsSorted() === 'asc'\n                                      ? 'sortUp'\n                                      : 'sortDown'\n                                  }\n                                  wrap={false}\n                                  fontSize={'inherit'}\n                                  sx={{\n                                    color: header.column.getIsSorted()\n                                      ? 'primary.main'\n                                      : 'grey.700',\n                                    backgroundColor: 'none',\n                                  }}\n                                />\n                              </IconButton>\n                            )}\n                          </Box>\n                        )}\n                        {header.column.getCanResize() && (\n                          <div\n                            className={`resizer ${\n                              header.column.getIsResizing() ? 'isResizing' : ''\n                            }`}\n                            onMouseDown={header.getResizeHandler()}\n                            onTouchStart={header.getResizeHandler()}\n                          />\n                        )}\n                      </th>\n                    )\n                  })}\n                </tr>\n              ))}\n            </thead>\n            <tbody>\n              {table.getRowModel().rows.map(row => {\n                return (\n                  <tr key={row.id} style={{ height: '30px' }}>\n                    {row.getVisibleCells().map(cell => {\n                      return (\n                        <td\n                          key={cell.id}\n                          style={{\n                            width: cell.column.getSize(),\n                          }}\n                        >\n                          {flexRender(\n                            cell.column.columnDef.cell,\n                            cell.getContext(),\n                          )}\n                        </td>\n                      )\n                    })}\n                  </tr>\n                )\n              })}\n            </tbody>\n          </table>\n        </StyledTableContainer>\n      )}\n      <EntityFinderModal\n        configuration={entityFinderConfiguration}\n        promptCopy={`Select ${pluralObjectName} to add to the Synapse ID list`}\n        show={showEntityFinder}\n        title={`Select ${pluralObjectName}`}\n        confirmButtonCopy={`Add ${pluralObjectName}`}\n        onConfirm={items => {\n          if (hideTextFieldToPasteValue) {\n            const newRefs = [...refsInState, ...items]\n            setRefsInState(newRefs)\n            onUpdate(newRefs)\n          } else {\n            const newEntityIDsArray = items.map(ref => ref.targetId)\n            const newEntityIDsString =\n              newEntityIDs.trim().length > 0\n                ? newEntityIDs.concat(',')\n                : newEntityIDs\n            const newValue = newEntityIDsString.concat(\n              newEntityIDsArray.join(','),\n            )\n            setNewEntityIDs(newValue)\n          }\n          setShowEntityFinder(false)\n        }}\n        onCancel={() => setShowEntityFinder(false)}\n      />\n      {isEditable && (\n        <Box sx={{ marginTop: '10px' }}>\n          {hideTextFieldToPasteValue && (\n            <Button\n              variant=\"outlined\"\n              onClick={() => {\n                setShowEntityFinder(true)\n              }}\n              startIcon={<AddAd />}\n              disabled={disabled}\n            >\n              Add {pluralObjectName}\n            </Button>\n          )}\n          {!hideTextFieldToPasteValue && (\n            <>\n              <InputLabel htmlFor=\"synIDs\">Add Synapse IDs</InputLabel>\n              <Box\n                sx={{ display: 'grid', gridTemplateColumns: 'auto 50px 150px' }}\n              >\n                <TextField\n                  id=\"synIDs\"\n                  name=\"synIDs\"\n                  fullWidth\n                  onChange={e => {\n                    setNewEntityIDs(e.target.value)\n                  }}\n                  value={newEntityIDs}\n                  placeholder=\"Enter a list of Synapse IDs (i.e. 'syn123, syn456')\"\n                  disabled={disabled}\n                />\n                <Box sx={{ padding: '5px 0px 0px 5px' }}>\n                  {/* Entity finder button.  On select, append the selected entity ID to the newSynIDs list */}\n                  <Tooltip title=\"Add a Synapse ID to the list via the Entity Finder\">\n                    <IconButton\n                      disabled={disabled}\n                      onClick={() => {\n                        setShowEntityFinder(true)\n                      }}\n                    >\n                      <AddAd />\n                    </IconButton>\n                  </Tooltip>\n                </Box>\n                <Button\n                  variant=\"outlined\"\n                  onClick={addPastedValuesToArray}\n                  disabled={\n                    isLoading || newEntityIDs.trim().length == 0 || disabled\n                  }\n                  startIcon={<AddCircleTwoTone />}\n                >\n                  Add {pluralObjectName}\n                </Button>\n              </Box>\n            </>\n          )}\n          {parseErrors && parseErrors.length > 0 && (\n            <Alert severity={'error'} sx={{ my: 2 }}>\n              <AlertTitle>Parsing errors encountered:</AlertTitle>\n              <ul>\n                {parseErrors.map((error, index) => {\n                  return (\n                    <Typography\n                      component={parseErrors.length > 1 ? 'li' : 'span'}\n                      key={index}\n                      variant={'smallText1'}\n                      sx={{\n                        lineHeight: 1.5,\n                      }}\n                    >\n                      {error}\n                    </Typography>\n                  )\n                })}\n              </ul>\n            </Alert>\n          )}\n        </Box>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"EntityHeaderTable.js","names":[],"sources":["../../../src/components/EntityHeaderTable/EntityHeaderTable.tsx"],"sourcesContent":["import React from 'react'\nimport AddAd from '@/assets/icons/AddAd'\nimport { StyledTableContainer } from '@/components/styled/StyledTableContainer'\nimport { useGetEntityHeaders } from '@/synapse-queries/entity/useGetEntityHeaders'\nimport {\n  entityTypeToFriendlyName,\n  getEntityTypeFromHeader,\n  normalizeSynPrefix,\n} from '@/utils/functions/EntityTypeUtils'\nimport { SYNAPSE_ENTITY_ID_REGEX } from '@/utils/functions/RegularExpressions'\nimport AddCircleTwoTone from '@mui/icons-material/AddCircleTwoTone'\nimport {\n  Alert,\n  AlertTitle,\n  Box,\n  Button,\n  IconButton,\n  InputLabel,\n  TextField,\n  Tooltip,\n  Typography,\n} from '@mui/material'\nimport { EntityHeader, ReferenceList } from '@sage-bionetworks/synapse-types'\nimport {\n  ColumnDef,\n  ColumnFiltersState,\n  flexRender,\n  getCoreRowModel,\n  getFacetedMinMaxValues,\n  getFacetedRowModel,\n  getFacetedUniqueValues,\n  getFilteredRowModel,\n  getSortedRowModel,\n  useReactTable,\n} from '@tanstack/react-table'\nimport { noop, upperFirst } from 'lodash-es'\nimport papaparseLib from 'papaparse'\n// papaparse is CJS-only; pull named values from the default export.\nconst { parse } = papaparseLib\nimport pluralize from 'pluralize'\nimport { Fragment, useCallback, useEffect, useMemo, useState } from 'react'\nimport {\n  EntityFinderModal,\n  EntityFinderModalProps,\n} from '../EntityFinder/EntityFinderModal'\nimport { FinderScope } from '../EntityFinder/tree/EntityTree'\nimport { VersionSelectionType } from '../EntityFinder/VersionSelectionType'\nimport IconSvg from '../IconSvg'\nimport { SkeletonTable } from '../Skeleton'\nimport {\n  CheckBoxCell,\n  CheckBoxHeader,\n  EntityHeaderIDCell,\n  EntityHeaderNameCell,\n  EntityHeaderTypeCell,\n} from './EntityHeaderTableCellRenderers'\nimport { Filter } from './Filter'\nimport { useEntityHeaderTableState } from './useEntityHeaderTableState'\n\nconst DEFAULT_FINDER_CONFIG: EntityFinderModalProps['configuration'] = {\n  selectMultiple: true,\n  versionSelection: VersionSelectionType.DISALLOWED,\n  initialScope: FinderScope.ALL_PROJECTS,\n  initialContainer: 'root',\n}\n\nexport type EntityHeaderTableProps = {\n  references: ReferenceList\n  isEditable: boolean\n  disabled?: boolean\n  onUpdate?: (updatedRefs: ReferenceList) => void // when the references are updated, EntityHeaderTable will call this function with the updated list\n  removeSelectedRowsButtonText?: string\n  onUpdateEntityIDsTextbox?: (value: string) => void // when the entity IDs text box is updated, this is called\n  /* The word used to describe the items in the table. Default 'entity' */\n  objectNameCopy?: string\n  // If true, the text field where IDs are pasted is hidden, and confirming the entity finder will immediately call `onUpdate`\n  hideTextFieldToPasteValue?: boolean\n  entityFinderConfiguration?: EntityFinderModalProps['configuration']\n}\n\nconst UNMANAGEABLE_SUBJECT_COUNT = 10\n\n// extend EntityHeader to create dummy EntityHeader rows for those that the current user cannot view\nexport type EntityHeaderOrDummy = EntityHeader & { isDummy?: boolean }\n\n/**\n * Renders a sortable/filterable table for a set of entity references.  If editable, onUpdate will be called back\n * on any entity added/removed.\n */\nexport const EntityHeaderTable = (\n  props: EntityHeaderTableProps,\n): React.ReactNode => {\n  const {\n    references,\n    isEditable,\n    disabled,\n    onUpdate = noop,\n    removeSelectedRowsButtonText = 'Remove Selected Rows',\n    onUpdateEntityIDsTextbox,\n    objectNameCopy = 'entity',\n    hideTextFieldToPasteValue = false,\n    entityFinderConfiguration = DEFAULT_FINDER_CONFIG,\n  } = props\n  const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([])\n  const [showEntityFinder, setShowEntityFinder] = useState<boolean>(false)\n\n  const {\n    rowSelection,\n    setRowSelection,\n    refsInState,\n    setRefsInState,\n    newEntityIDs,\n    setNewEntityIDs,\n    parseErrors,\n    setParseErrors,\n  } = useEntityHeaderTableState(references, onUpdateEntityIDsTextbox, onUpdate)\n\n  const setInvalidEntityIDError = useCallback(\n    (invalidEntityIDs: string[]) => {\n      setParseErrors([`Invalid Synapse ID(s): ${invalidEntityIDs.join(',')}`])\n    },\n    [setParseErrors],\n  )\n\n  const addRefsFromEntityIDs = useCallback(\n    (entityIDs: string[]) => {\n      const newReferences: ReferenceList = entityIDs.map(id => {\n        return {\n          targetId: id.trim(),\n        }\n      })\n      setRefsInState([...refsInState, ...newReferences])\n    },\n    [refsInState, setRefsInState],\n  )\n\n  const addPastedValuesToArray = useCallback(() => {\n    if (newEntityIDs) {\n      if (newEntityIDs.includes(',')) {\n        parse<string[]>(newEntityIDs, {\n          complete: result => {\n            if (result.errors.length > 0) {\n              const newParseErrors = result.errors.map(\n                parseError => parseError.message,\n              )\n              setParseErrors(newParseErrors)\n            } else {\n              const newParsedEntityIDs = result.data[0]\n              const invalidEntityIDs = newParsedEntityIDs.filter(\n                id => !id.trim().match(SYNAPSE_ENTITY_ID_REGEX),\n              )\n              if (invalidEntityIDs.length > 0) {\n                setInvalidEntityIDError(invalidEntityIDs)\n              } else {\n                addRefsFromEntityIDs(newParsedEntityIDs)\n              }\n            }\n          },\n        })\n      } else {\n        // single item\n        if (!newEntityIDs.trim().match(SYNAPSE_ENTITY_ID_REGEX)) {\n          setInvalidEntityIDError([newEntityIDs])\n        } else {\n          addRefsFromEntityIDs([newEntityIDs])\n        }\n      }\n    } else {\n      setParseErrors([])\n      setNewEntityIDs('')\n    }\n  }, [\n    addRefsFromEntityIDs,\n    newEntityIDs,\n    setInvalidEntityIDError,\n    setNewEntityIDs,\n    setParseErrors,\n  ])\n\n  const pluralObjectName = upperFirst(pluralize(objectNameCopy))\n\n  const selectColumns: ColumnDef<EntityHeaderOrDummy, any>[] = useMemo(\n    () => [\n      {\n        id: 'select',\n        header: CheckBoxHeader,\n        cell: CheckBoxCell,\n      },\n    ],\n    [],\n  )\n\n  const entityHeaderColumns: ColumnDef<EntityHeaderOrDummy, any>[] = useMemo(\n    () => [\n      {\n        accessorFn: (row: EntityHeaderOrDummy) => row.name,\n        id: 'name',\n        cell: EntityHeaderNameCell,\n        header: 'Name',\n      },\n      {\n        accessorFn: (row: EntityHeaderOrDummy) => row.id,\n        id: 'id',\n        cell: EntityHeaderIDCell,\n        header: 'SynID',\n      },\n      {\n        accessorFn: (row: EntityHeaderOrDummy) =>\n          row.isDummy\n            ? '-'\n            : entityTypeToFriendlyName(getEntityTypeFromHeader(row)),\n        id: 'type',\n        header: 'Type',\n        cell: EntityHeaderTypeCell,\n        filterFn: 'includesString',\n      },\n    ],\n    [],\n  )\n\n  const columns = useMemo<ColumnDef<EntityHeaderOrDummy, any>[]>(\n    () =>\n      isEditable\n        ? selectColumns.concat(entityHeaderColumns)\n        : entityHeaderColumns,\n    [entityHeaderColumns, isEditable, selectColumns],\n  )\n  const selectionCount = Object.keys(rowSelection).length\n  const {\n    data: results,\n    isSuccess,\n    isLoading,\n  } = useGetEntityHeaders(refsInState, {\n    throwOnError: true,\n  })\n\n  const data = useMemo(() => {\n    //create dummy entries for values that were not returned by the getEntityHeaders call!\n    const newData = results ? results?.results : []\n    const newDataEntityIds = new Set()\n    newData.forEach(entityHeader =>\n      newDataEntityIds.add(normalizeSynPrefix(entityHeader.id)),\n    )\n    const missingRefs = refsInState.filter(\n      ref => !newDataEntityIds.has(normalizeSynPrefix(ref.targetId)),\n    )\n    const dummyEntityHeaders: EntityHeaderOrDummy[] = missingRefs.map(ref => {\n      return {\n        id: ref.targetId,\n        name: ref.targetId,\n        benefactorId: -1,\n        type: 'org.sagebionetworks.repo.model.Project',\n        createdOn: '',\n        modifiedOn: '',\n        createdBy: '',\n        modifiedBy: '',\n        isLatestVersion: true,\n        isDummy: true,\n      }\n    })\n    return newData.concat(dummyEntityHeaders)\n  }, [refsInState, results])\n  const table = useReactTable({\n    data,\n    columns,\n    state: {\n      rowSelection,\n      columnFilters,\n    },\n    enableRowSelection: isEditable,\n    onRowSelectionChange: setRowSelection,\n    onColumnFiltersChange: setColumnFilters,\n    getCoreRowModel: getCoreRowModel(),\n    getFilteredRowModel: getFilteredRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    getFacetedRowModel: getFacetedRowModel(),\n    getFacetedUniqueValues: getFacetedUniqueValues(),\n    getFacetedMinMaxValues: getFacetedMinMaxValues(),\n    // debugTable: true,\n    // debugHeaders: true,\n    // debugColumns: false,\n    columnResizeMode: 'onChange',\n  })\n\n  const onRemove = useCallback(() => {\n    // rowSelection looks like {3: true. 5: true} where the key is the row index.\n    // Create a new ReferenceList based on the entityHeaders in the current table.\n    const updatedData = data.filter(\n      (_value, index) => !(rowSelection[index] === true),\n    )\n    const newRowRefs: ReferenceList = updatedData.map(entityHeader => {\n      return {\n        targetId: entityHeader.id,\n      }\n    })\n    setRefsInState(newRowRefs)\n  }, [data, rowSelection, setRefsInState])\n\n  const isSelection = selectionCount > 0\n  const totalRowCount = data.length\n  const filteredRowCount = table.getPrePaginationRowModel().rows.length\n  const showFilterControls = totalRowCount > UNMANAGEABLE_SUBJECT_COUNT\n\n  /**\n   * Reset the column filters when the filter controls are hidden.\n   * This handles the following edge case:\n   *      1. List contains 100 items of type \"A\" and 1 of type \"B\"\n   *      2. User filters to show just \"A\" items\n   *      3. User removes all \"A\" items\n   *      4. Only the single \"B\" item remains, but the filter is still present on type \"A\".\n   *         The filter controls are hidden, so the user cannot see the \"B\" item.\n   *\n   * This effect will clear the filters when the filter controls are hidden, preventing this scenario.\n   */\n  useEffect(\n    function resetFiltersWhenFilterControlsAreHidden() {\n      if (!showFilterControls) {\n        table.setColumnFilters([])\n      }\n    },\n    [table, showFilterControls],\n  )\n\n  if (isLoading) {\n    return (\n      <SkeletonTable numCols={3} numRows={Math.min(10, refsInState.length)} />\n    )\n  } else if (!isSuccess) {\n    return <></>\n  }\n  return (\n    <div>\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: 'space-between',\n          p: '12px 10px 10px 5px',\n        }}\n      >\n        {showFilterControls && (\n          <Typography variant=\"body1\" sx={{ marginBottom: '10px' }}>\n            {totalRowCount} {pluralObjectName}{' '}\n            {filteredRowCount < totalRowCount\n              ? `(${filteredRowCount} visible)`\n              : ''}\n            {isSelection && <span>{` (${selectionCount} selected)`}</span>}\n          </Typography>\n        )}\n        {isEditable && refsInState.length > 0 && (\n          <Button\n            variant=\"contained\"\n            disabled={!isSelection || disabled}\n            onClick={onRemove}\n          >\n            {removeSelectedRowsButtonText}\n          </Button>\n        )}\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n          pb: 2,\n        }}\n      >\n        {table.getHeaderGroups().map(headerGroup =>\n          headerGroup.headers.map(header => {\n            return header.isPlaceholder ? null : (\n              <Fragment key={header.column.id}>\n                {header.column.getCanFilter() && showFilterControls ? (\n                  <Box sx={{ flexGrow: 1 }}>\n                    <Filter column={header.column} table={table} />\n                  </Box>\n                ) : null}\n              </Fragment>\n            )\n          }),\n        )}\n      </Box>\n      {totalRowCount > 0 && (\n        <StyledTableContainer\n          sx={{\n            th: {\n              zIndex: 100,\n              maxHeight: '250px',\n            },\n          }}\n        >\n          <table style={{ borderCollapse: 'collapse', width: '100%' }}>\n            <thead>\n              {table.getHeaderGroups().map(headerGroup => (\n                <tr key={headerGroup.id}>\n                  {headerGroup.headers.map(header => {\n                    let columnSize: string = '5%'\n                    switch (header.id) {\n                      case 'name':\n                        columnSize = '50%'\n                        break\n                      case 'id':\n                        columnSize = '22%'\n                        break\n                      case 'type':\n                        columnSize = '22%'\n                        break\n                      default:\n                        break\n                    }\n                    return (\n                      <th\n                        key={header.id}\n                        colSpan={header.colSpan}\n                        style={{\n                          width: columnSize,\n                          position: 'sticky',\n                          top: '0px',\n                        }}\n                      >\n                        {header.isPlaceholder ? null : (\n                          <Box\n                            sx={{\n                              display: 'flex',\n                              alignItems: 'center',\n                            }}\n                          >\n                            {flexRender(\n                              header.column.columnDef.header,\n                              header.getContext(),\n                            )}\n                            <Box\n                              sx={{\n                                mx: 'auto',\n                              }}\n                            />\n                            {header.column.getCanSort() && (\n                              <IconButton\n                                onClick={header.column.getToggleSortingHandler()}\n                                size={'small'}\n                                sx={{\n                                  marginLeft: 'auto',\n                                  marginRight: '16px',\n                                }}\n                              >\n                                <IconSvg\n                                  icon={\n                                    header.column.getIsSorted() === 'asc'\n                                      ? 'sortUp'\n                                      : 'sortDown'\n                                  }\n                                  wrap={false}\n                                  fontSize={'inherit'}\n                                  sx={{\n                                    color: header.column.getIsSorted()\n                                      ? 'primary.main'\n                                      : 'grey.700',\n                                    backgroundColor: 'none',\n                                  }}\n                                />\n                              </IconButton>\n                            )}\n                          </Box>\n                        )}\n                        {header.column.getCanResize() && (\n                          <div\n                            className={`resizer ${\n                              header.column.getIsResizing() ? 'isResizing' : ''\n                            }`}\n                            onMouseDown={header.getResizeHandler()}\n                            onTouchStart={header.getResizeHandler()}\n                          />\n                        )}\n                      </th>\n                    )\n                  })}\n                </tr>\n              ))}\n            </thead>\n            <tbody>\n              {table.getRowModel().rows.map(row => {\n                return (\n                  <tr key={row.id} style={{ height: '30px' }}>\n                    {row.getVisibleCells().map(cell => {\n                      return (\n                        <td\n                          key={cell.id}\n                          style={{\n                            width: cell.column.getSize(),\n                          }}\n                        >\n                          {flexRender(\n                            cell.column.columnDef.cell,\n                            cell.getContext(),\n                          )}\n                        </td>\n                      )\n                    })}\n                  </tr>\n                )\n              })}\n            </tbody>\n          </table>\n        </StyledTableContainer>\n      )}\n      <EntityFinderModal\n        configuration={entityFinderConfiguration}\n        promptCopy={`Select ${pluralObjectName} to add to the Synapse ID list`}\n        show={showEntityFinder}\n        title={`Select ${pluralObjectName}`}\n        confirmButtonCopy={`Add ${pluralObjectName}`}\n        onConfirm={items => {\n          if (hideTextFieldToPasteValue) {\n            const newRefs = [...refsInState, ...items]\n            setRefsInState(newRefs)\n            onUpdate(newRefs)\n          } else {\n            const newEntityIDsArray = items.map(ref => ref.targetId)\n            const newEntityIDsString =\n              newEntityIDs.trim().length > 0\n                ? newEntityIDs.concat(',')\n                : newEntityIDs\n            const newValue = newEntityIDsString.concat(\n              newEntityIDsArray.join(','),\n            )\n            setNewEntityIDs(newValue)\n          }\n          setShowEntityFinder(false)\n        }}\n        onCancel={() => setShowEntityFinder(false)}\n      />\n      {isEditable && (\n        <Box sx={{ marginTop: '10px' }}>\n          {hideTextFieldToPasteValue && (\n            <Button\n              variant=\"outlined\"\n              onClick={() => {\n                setShowEntityFinder(true)\n              }}\n              startIcon={<AddAd />}\n              disabled={disabled}\n            >\n              Add {pluralObjectName}\n            </Button>\n          )}\n          {!hideTextFieldToPasteValue && (\n            <>\n              <InputLabel htmlFor=\"synIDs\">Add Synapse IDs</InputLabel>\n              <Box\n                sx={{ display: 'grid', gridTemplateColumns: 'auto 50px 150px' }}\n              >\n                <TextField\n                  id=\"synIDs\"\n                  name=\"synIDs\"\n                  fullWidth\n                  onChange={e => {\n                    setNewEntityIDs(e.target.value)\n                  }}\n                  value={newEntityIDs}\n                  placeholder=\"Enter a list of Synapse IDs (i.e. 'syn123, syn456')\"\n                  disabled={disabled}\n                />\n                <Box sx={{ padding: '5px 0px 0px 5px' }}>\n                  {/* Entity finder button.  On select, append the selected entity ID to the newSynIDs list */}\n                  <Tooltip title=\"Add a Synapse ID to the list via the Entity Finder\">\n                    <IconButton\n                      disabled={disabled}\n                      onClick={() => {\n                        setShowEntityFinder(true)\n                      }}\n                    >\n                      <AddAd />\n                    </IconButton>\n                  </Tooltip>\n                </Box>\n                <Button\n                  variant=\"outlined\"\n                  onClick={addPastedValuesToArray}\n                  disabled={\n                    isLoading || newEntityIDs.trim().length == 0 || disabled\n                  }\n                  startIcon={<AddCircleTwoTone />}\n                >\n                  Add {pluralObjectName}\n                </Button>\n              </Box>\n            </>\n          )}\n          {parseErrors && parseErrors.length > 0 && (\n            <Alert severity={'error'} sx={{ my: 2 }}>\n              <AlertTitle>Parsing errors encountered:</AlertTitle>\n              <ul>\n                {parseErrors.map((error, index) => {\n                  return (\n                    <Typography\n                      component={parseErrors.length > 1 ? 'li' : 'span'}\n                      key={index}\n                      variant={'smallText1'}\n                      sx={{\n                        lineHeight: 1.5,\n                      }}\n                    >\n                      {error}\n                    </Typography>\n                  )\n                })}\n              </ul>\n            </Alert>\n          )}\n        </Box>\n      )}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAsCA,IAAM,EAAE,aAAU,GAqBZ,IAAiE;CACrE,gBAAgB;CAChB,kBAAkB,EAAqB;CACvC,cAAc,EAAY;CAC1B,kBAAkB;AACpB,GAgBM,IAA6B,IAStB,KACX,MACoB;CACpB,IAAM,EACJ,eACA,eACA,aACA,cAAW,IACX,kCAA+B,wBAC/B,8BACA,qBAAiB,UACjB,+BAA4B,IAC5B,gCAA4B,MAC1B,GACE,CAAC,IAAe,MAAoB,EAA6B,CAAC,CAAC,GACnE,CAAC,IAAkB,KAAuB,EAAkB,EAAK,GAEjE,EACJ,iBACA,qBACA,gBACA,mBACA,iBACA,oBACA,gBACA,sBACE,EAA0B,GAAY,IAA0B,CAAQ,GAEtE,IAA0B,GAC7B,MAA+B;EAC9B,EAAe,CAAC,0BAA0B,EAAiB,KAAK,GAAG,GAAG,CAAC;CACzE,GACA,CAAC,CAAc,CACjB,GAEM,IAAuB,GAC1B,MAAwB;EACvB,IAAM,IAA+B,EAAU,KAAI,OAC1C,EACL,UAAU,EAAG,KAAK,EACpB,EACD;EACD,EAAe,CAAC,GAAG,GAAa,GAAG,CAAa,CAAC;CACnD,GACA,CAAC,GAAa,CAAc,CAC9B,GAEM,KAAyB,QAAkB;EAC/C,AAAI,IACE,EAAa,SAAS,GAAG,IAC3B,EAAgB,GAAc,EAC5B,WAAU,MAAU;GAClB,IAAI,EAAO,OAAO,SAAS,GAIzB,EAHuB,EAAO,OAAO,KACnC,MAAc,EAAW,OAEZ,CAAc;QACxB;IACL,IAAM,IAAqB,EAAO,KAAK,IACjC,IAAmB,EAAmB,QAC1C,MAAM,CAAC,EAAG,KAAK,EAAE,MAAM,CAAuB,CAChD;IACA,AAAI,EAAiB,SAAS,IAC5B,EAAwB,CAAgB,IAExC,EAAqB,CAAkB;GAE3C;EACF,EACF,CAAC,IAGI,EAAa,KAAK,EAAE,MAAM,CAAuB,IAGpD,EAAqB,CAAC,CAAY,CAAC,IAFnC,EAAwB,CAAC,CAAY,CAAC,KAM1C,EAAe,CAAC,CAAC,GACjB,EAAgB,EAAE;CAEtB,GAAG;EACD;EACA;EACA;EACA;EACA;CACF,CAAC,GAEK,IAAmB,GAAW,GAAU,EAAc,CAAC,GAEvD,IAAuD,QACrD,CACJ;EACE,IAAI;EACJ,QAAQ;EACR,MAAM;CACR,CACF,GACA,CAAC,CACH,GAEM,IAA6D,QAC3D;EACJ;GACE,aAAa,MAA6B,EAAI;GAC9C,IAAI;GACJ,MAAM;GACN,QAAQ;EACV;EACA;GACE,aAAa,MAA6B,EAAI;GAC9C,IAAI;GACJ,MAAM;GACN,QAAQ;EACV;EACA;GACE,aAAa,MACX,EAAI,UACA,MACA,EAAyB,EAAwB,CAAG,CAAC;GAC3D,IAAI;GACJ,QAAQ;GACR,MAAM;GACN,UAAU;EACZ;CACF,GACA,CAAC,CACH,GAEM,KAAU,QAEZ,IACI,EAAc,OAAO,CAAmB,IACxC,GACN;EAAC;EAAqB;EAAY;CAAa,CACjD,GACM,IAAiB,OAAO,KAAK,CAAY,EAAE,QAC3C,EACJ,MAAM,GACN,eACA,iBACE,GAAoB,GAAa,EACnC,cAAc,GAChB,CAAC,GAEK,IAAO,QAAc;EAEzB,IAAM,IAAU,IAAU,GAAS,UAAU,CAAC,GACxC,oBAAmB,IAAI,IAAI;EACjC,EAAQ,SAAQ,MACd,EAAiB,IAAI,EAAmB,EAAa,EAAE,CAAC,CAC1D;EAIA,IAAM,IAHc,EAAY,QAC9B,MAAO,CAAC,EAAiB,IAAI,EAAmB,EAAI,QAAQ,CAAC,CAEb,EAAY,KAAI,OACzD;GACL,IAAI,EAAI;GACR,MAAM,EAAI;GACV,cAAc;GACd,MAAM;GACN,WAAW;GACX,YAAY;GACZ,WAAW;GACX,YAAY;GACZ,iBAAiB;GACjB,SAAS;EACX,EACD;EACD,OAAO,EAAQ,OAAO,CAAkB;CAC1C,GAAG,CAAC,GAAa,CAAO,CAAC,GACnB,IAAQ,EAAc;EAC1B;EACA;EACA,OAAO;GACL;GACA;EACF;EACA,oBAAoB;EACpB,sBAAsB;EACtB,uBAAuB;EACvB,iBAAiB,GAAgB;EACjC,qBAAqB,GAAoB;EACzC,mBAAmB,EAAkB;EACrC,oBAAoB,GAAmB;EACvC,wBAAwB,GAAuB;EAC/C,wBAAwB,GAAuB;EAI/C,kBAAkB;CACpB,CAAC,GAEK,KAAW,QAAkB;EAWjC,EARoB,EAAK,QACtB,GAAQ,MAAY,EAAa,OAAW,EAEb,EAAY,KAAI,OACzC,EACL,UAAU,EAAa,GACzB,EAEa,CAAU;CAC3B,GAAG;EAAC;EAAM;EAAc;CAAc,CAAC,GAEjC,IAAc,IAAiB,GAC/B,IAAgB,EAAK,QACrB,IAAmB,EAAM,yBAAyB,EAAE,KAAK,QACzD,IAAqB,IAAgB;CA6B3C,OAhBA,EACE,WAAmD;EACjD,AAAK,KACH,EAAM,iBAAiB,CAAC,CAAC;CAE7B,GACA,CAAC,GAAO,CAAkB,CAC5B,GAEI,IAEA,kBAAC,IAAD;EAAe,SAAS;EAAG,SAAS,KAAK,IAAI,IAAI,EAAY,MAAM;CAAI,CAAA,IAE/D,KAIV,kBAAC,OAAD,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,gBAAgB;IAChB,GAAG;GACL;aALF,CAOG,KACC,kBAAC,GAAD;IAAY,SAAQ;IAAQ,IAAI,EAAE,cAAc,OAAO;cAAvD;KACG;KAAc;KAAE;KAAkB;KAClC,IAAmB,IAChB,IAAI,EAAiB,aACrB;KACH,KAAe,kBAAC,QAAD,EAAA,UAAO,KAAK,EAAe,YAAkB,CAAA;IACnD;OAEb,KAAc,EAAY,SAAS,KAClC,kBAAC,GAAD;IACE,SAAQ;IACR,UAAU,CAAC,KAAe;IAC1B,SAAS;cAER;GACK,CAAA,CAEP;;EACL,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,IAAI;GACN;aAEC,EAAM,gBAAgB,EAAE,KAAI,MAC3B,EAAY,QAAQ,KAAI,MACf,EAAO,gBAAgB,OAC5B,kBAAC,GAAD,EAAA,UACG,EAAO,OAAO,aAAa,KAAK,IAC/B,kBAAC,GAAD;IAAK,IAAI,EAAE,UAAU,EAAE;cACrB,kBAAC,IAAD;KAAQ,QAAQ,EAAO;KAAe;IAAQ,CAAA;GAC3C,CAAA,IACH,KACI,GANK,EAAO,OAAO,EAMnB,CAEb,CACH;EACG,CAAA;EACJ,IAAgB,KACf,kBAAC,GAAD;GACE,IAAI,EACF,IAAI;IACF,QAAQ;IACR,WAAW;GACb,EACF;aAEA,kBAAC,SAAD;IAAO,OAAO;KAAE,gBAAgB;KAAY,OAAO;IAAO;cAA1D,CACE,kBAAC,SAAD,EAAA,UACG,EAAM,gBAAgB,EAAE,KAAI,MAC3B,kBAAC,MAAD,EAAA,UACG,EAAY,QAAQ,KAAI,MAAU;KACjC,IAAI,IAAqB;KACzB,QAAQ,EAAO,IAAf;MACE,KAAK;OACH,IAAa;OACb;MACF,KAAK;OACH,IAAa;OACb;MACF,KAAK;OACH,IAAa;OACb;MACF,SACE;KACJ;KACA,OACE,kBAAC,MAAD;MAEE,SAAS,EAAO;MAChB,OAAO;OACL,OAAO;OACP,UAAU;OACV,KAAK;MACP;gBAPF,CASG,EAAO,gBAAgB,OACtB,kBAAC,GAAD;OACE,IAAI;QACF,SAAS;QACT,YAAY;OACd;iBAJF;QAMG,EACC,EAAO,OAAO,UAAU,QACxB,EAAO,WAAW,CACpB;QACA,kBAAC,GAAD,EACE,IAAI,EACF,IAAI,OACN,EACD,CAAA;QACA,EAAO,OAAO,WAAW,KACxB,kBAAC,GAAD;SACE,SAAS,EAAO,OAAO,wBAAwB;SAC/C,MAAM;SACN,IAAI;UACF,YAAY;UACZ,aAAa;SACf;mBAEA,kBAAC,IAAD;UACE,MACE,EAAO,OAAO,YAAY,MAAM,QAC5B,WACA;UAEN,MAAM;UACN,UAAU;UACV,IAAI;WACF,OAAO,EAAO,OAAO,YAAY,IAC7B,iBACA;WACJ,iBAAiB;UACnB;SACD,CAAA;QACS,CAAA;OAEX;UAEN,EAAO,OAAO,aAAa,KAC1B,kBAAC,OAAD;OACE,WAAW,WACT,EAAO,OAAO,cAAc,IAAI,eAAe;OAEjD,aAAa,EAAO,iBAAiB;OACrC,cAAc,EAAO,iBAAiB;MACvC,CAAA,CAED;QA7DG,EAAO,EA6DV;IAER,CAAC,EACC,GAlFK,EAAY,EAkFjB,CACL,EACI,CAAA,GACP,kBAAC,SAAD,EAAA,UACG,EAAM,YAAY,EAAE,KAAK,KAAI,MAE1B,kBAAC,MAAD;KAAiB,OAAO,EAAE,QAAQ,OAAO;eACtC,EAAI,gBAAgB,EAAE,KAAI,MAEvB,kBAAC,MAAD;MAEE,OAAO,EACL,OAAO,EAAK,OAAO,QAAQ,EAC7B;gBAEC,EACC,EAAK,OAAO,UAAU,MACtB,EAAK,WAAW,CAClB;KACE,GATG,EAAK,EASR,CAEP;IACC,GAhBK,EAAI,EAgBT,CAEP,EACI,CAAA,CACF;;EACa,CAAA;EAExB,kBAAC,IAAD;GACE,eAAe;GACf,YAAY,UAAU,EAAiB;GACvC,MAAM;GACN,OAAO,UAAU;GACjB,mBAAmB,OAAO;GAC1B,YAAW,MAAS;IAClB,IAAI,GAA2B;KAC7B,IAAM,IAAU,CAAC,GAAG,GAAa,GAAG,CAAK;KAEzC,AADA,EAAe,CAAO,GACtB,EAAS,CAAO;IAClB,OAAO;KACL,IAAM,IAAoB,EAAM,KAAI,MAAO,EAAI,QAAQ;KAQvD,GANE,EAAa,KAAK,EAAE,SAAS,IACzB,EAAa,OAAO,GAAG,IACvB,GAC8B,OAClC,EAAkB,KAAK,GAAG,CAEZ,CAAQ;IAC1B;IACA,EAAoB,EAAK;GAC3B;GACA,gBAAgB,EAAoB,EAAK;EAC1C,CAAA;EACA,KACC,kBAAC,GAAD;GAAK,IAAI,EAAE,WAAW,OAAO;aAA7B;IACG,KACC,kBAAC,GAAD;KACE,SAAQ;KACR,eAAe;MACb,EAAoB,EAAI;KAC1B;KACA,WAAW,kBAAC,GAAD,CAAQ,CAAA;KACT;eANZ,CAOC,QACM,CACC;;IAET,CAAC,KACA,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,IAAD;KAAY,SAAQ;eAAS;IAA2B,CAAA,GACxD,kBAAC,GAAD;KACE,IAAI;MAAE,SAAS;MAAQ,qBAAqB;KAAkB;eADhE;MAGE,kBAAC,IAAD;OACE,IAAG;OACH,MAAK;OACL,WAAA;OACA,WAAU,MAAK;QACb,EAAgB,EAAE,OAAO,KAAK;OAChC;OACA,OAAO;OACP,aAAY;OACF;MACX,CAAA;MACD,kBAAC,GAAD;OAAK,IAAI,EAAE,SAAS,kBAAkB;iBAEpC,kBAAC,IAAD;QAAS,OAAM;kBACb,kBAAC,GAAD;SACY;SACV,eAAe;UACb,EAAoB,EAAI;SAC1B;mBAEA,kBAAC,GAAD,CAAQ,CAAA;QACE,CAAA;OACL,CAAA;MACN,CAAA;MACL,kBAAC,GAAD;OACE,SAAQ;OACR,SAAS;OACT,UACE,KAAa,EAAa,KAAK,EAAE,UAAU,KAAK;OAElD,WAAW,kBAAC,IAAD,CAAmB,CAAA;iBANhC,CAOC,QACM,CACC;;KACL;MACL,EAAA,CAAA;IAEH,KAAe,EAAY,SAAS,KACnC,kBAAC,IAAD;KAAO,UAAU;KAAS,IAAI,EAAE,IAAI,EAAE;eAAtC,CACE,kBAAC,IAAD,EAAA,UAAY,8BAAuC,CAAA,GACnD,kBAAC,MAAD,EAAA,UACG,EAAY,KAAK,GAAO,MAErB,kBAAC,GAAD;MACE,WAAW,EAAY,SAAS,IAAI,OAAO;MAE3C,SAAS;MACT,IAAI,EACF,YAAY,IACd;gBAEC;KACS,GAPL,CAOK,CAEf,EACC,CAAA,CACC;;GAEN;;CAEJ,EAAA,CAAA,IAvRE,kBAAA,GAAA,CAAI,CAAA;AAyRf"}

package/dist/components/EntityTreeTable/components/EntityNameCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EntityNameCell.d.ts","sourceRoot":"","sources":["../../../../src/components/EntityTreeTable/components/EntityNameCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAQpD,eAAO,MAAM,wBAAwB,KAAK,CAAA;AAE1C,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,eAAe,EAAE,OAAO,CAAC,CAgEpE,CAAA"}
+{"version":3,"file":"EntityNameCell.d.ts","sourceRoot":"","sources":["../../../../src/components/EntityTreeTable/components/EntityNameCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AASpD,eAAO,MAAM,wBAAwB,KAAK,CAAA;AAE1C,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,eAAe,EAAE,OAAO,CAAC,CAgEpE,CAAA"}

package/dist/components/EntityTreeTable/components/EntityNameCell.js

@@ -3,7 +3,8 @@ import { EntityLink as t } from "../../EntityLink.js";
 import { useEntityTreeTableContext as n } from "./EntityTreeTableContext.js";
 import { IconButton as r } from "@mui/material";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { ChevronRight as o, ExpandMore as s } from "@mui/icons-material";
+import o from "@mui/icons-material/ChevronRight";
+import s from "@mui/icons-material/ExpandMore";
 import { Box as c } from "@mui/system";
 //#region src/components/EntityTreeTable/components/EntityNameCell.tsx
 var l = 16, u = ({ row: l }) => {

package/dist/components/EntityTreeTable/components/EntityNameCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityNameCell.js","names":[],"sources":["../../../../src/components/EntityTreeTable/components/EntityNameCell.tsx"],"sourcesContent":["import { CellContext } from '@tanstack/react-table'\nimport { EntityBundleRow } from '../EntityTreeTable'\nimport { Box } from '@mui/system'\nimport { IconButton } from '@mui/material'\nimport { ChevronRight, ExpandMore } from '@mui/icons-material'\nimport { useEntityTreeTableContext } from './EntityTreeTableContext'\nimport { EntityLink } from '@/components/EntityLink'\nimport { SynapseSpinner } from '@/components/LoadingScreen/LoadingScreen'\n\nexport const depthPaddingMultiplierPx = 16\n\nexport const NameCell: React.FC<CellContext<EntityBundleRow, unknown>> = ({\n  row,\n}) => {\n  const {\n    expanded,\n    loadingIds,\n    handleToggleExpanded,\n    onEntityIdClicked,\n    disableEntityLinks,\n  } = useEntityTreeTableContext()\n  const { entityHeader, depth, isLeaf } = row.original\n  const isExpanded = !!expanded[entityHeader.id]\n  const hasChildren = !isLeaf\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        pl: `${depth * depthPaddingMultiplierPx}px`,\n      }}\n    >\n      {hasChildren && (\n        <IconButton\n          size=\"small\"\n          loading={loadingIds.has(entityHeader.id)}\n          loadingIndicator={<SynapseSpinner />}\n          onClick={() => handleToggleExpanded(entityHeader.id)}\n          aria-label={isExpanded ? 'Collapse' : 'Expand'}\n        >\n          {isExpanded ? <ExpandMore /> : <ChevronRight />}\n        </IconButton>\n      )}\n      {!hasChildren && <Box sx={{ width: 32 }} />}\n\n      {/*\n        Ensure the name column can shrink and long names are truncated.\n        `minWidth: 0` is required on flex children so `overflow: hidden`\n        can actually clip the content. We target descendant `a` and `p`\n        elements because `EntityLink` renders a MUI Link (anchor) or a p.\n      */}\n      <Box\n        sx={{\n          flex: 1,\n          minWidth: 0,\n          marginLeft: 1,\n          // Style the inner Link or paragraph for truncation\n          '& a, & p': {\n            display: 'block',\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n            whiteSpace: 'nowrap',\n          },\n        }}\n      >\n        <EntityLink\n          entity={entityHeader}\n          link={!disableEntityLinks}\n          onEntityIdClicked={onEntityIdClicked}\n          iconColor={'greyV2.800'}\n          iconVariant=\"outlined\"\n        />\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;AASA,IAAa,IAA2B,IAE3B,KAA6D,EACxE,aACI;CACJ,IAAM,EACJ,aACA,eACA,yBACA,sBACA,0BACE,EAA0B,GACxB,EAAE,iBAAc,UAAO,cAAW,EAAI,UACtC,IAAa,CAAC,CAAC,EAAS,EAAa,KACrC,IAAc,CAAC;CACrB,OACE,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,YAAY;GACZ,IAAI,GAAG,IAAA,GAAiC;EAC1C;YALF;GAOG,KACC,kBAAC,GAAD;IACE,MAAK;IACL,SAAS,EAAW,IAAI,EAAa,EAAE;IACvC,kBAAkB,kBAAC,GAAD,CAAiB,CAAA;IACnC,eAAe,EAAqB,EAAa,EAAE;IACnD,cAAY,IAAa,aAAa;cAExB,EAAb,IAAc,IAAiB,GAAlB,CAAa,CAAmB;GACpC,CAAA;GAEb,CAAC,KAAe,kBAAC,GAAD,EAAK,IAAI,EAAE,OAAO,GAAG,EAAI,CAAA;GAQ1C,kBAAC,GAAD;IACE,IAAI;KACF,MAAM;KACN,UAAU;KACV,YAAY;KAEZ,YAAY;MACV,SAAS;MACT,UAAU;MACV,cAAc;MACd,YAAY;KACd;IACF;cAEA,kBAAC,GAAD;KACE,QAAQ;KACR,MAAM,CAAC;KACY;KACnB,WAAW;KACX,aAAY;IACb,CAAA;GACE,CAAA;EACF;;AAET"}
+{"version":3,"file":"EntityNameCell.js","names":[],"sources":["../../../../src/components/EntityTreeTable/components/EntityNameCell.tsx"],"sourcesContent":["import { CellContext } from '@tanstack/react-table'\nimport { EntityBundleRow } from '../EntityTreeTable'\nimport { Box } from '@mui/system'\nimport { IconButton } from '@mui/material'\nimport ChevronRight from '@mui/icons-material/ChevronRight'\nimport ExpandMore from '@mui/icons-material/ExpandMore'\nimport { useEntityTreeTableContext } from './EntityTreeTableContext'\nimport { EntityLink } from '@/components/EntityLink'\nimport { SynapseSpinner } from '@/components/LoadingScreen/LoadingScreen'\n\nexport const depthPaddingMultiplierPx = 16\n\nexport const NameCell: React.FC<CellContext<EntityBundleRow, unknown>> = ({\n  row,\n}) => {\n  const {\n    expanded,\n    loadingIds,\n    handleToggleExpanded,\n    onEntityIdClicked,\n    disableEntityLinks,\n  } = useEntityTreeTableContext()\n  const { entityHeader, depth, isLeaf } = row.original\n  const isExpanded = !!expanded[entityHeader.id]\n  const hasChildren = !isLeaf\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        pl: `${depth * depthPaddingMultiplierPx}px`,\n      }}\n    >\n      {hasChildren && (\n        <IconButton\n          size=\"small\"\n          loading={loadingIds.has(entityHeader.id)}\n          loadingIndicator={<SynapseSpinner />}\n          onClick={() => handleToggleExpanded(entityHeader.id)}\n          aria-label={isExpanded ? 'Collapse' : 'Expand'}\n        >\n          {isExpanded ? <ExpandMore /> : <ChevronRight />}\n        </IconButton>\n      )}\n      {!hasChildren && <Box sx={{ width: 32 }} />}\n\n      {/*\n        Ensure the name column can shrink and long names are truncated.\n        `minWidth: 0` is required on flex children so `overflow: hidden`\n        can actually clip the content. We target descendant `a` and `p`\n        elements because `EntityLink` renders a MUI Link (anchor) or a p.\n      */}\n      <Box\n        sx={{\n          flex: 1,\n          minWidth: 0,\n          marginLeft: 1,\n          // Style the inner Link or paragraph for truncation\n          '& a, & p': {\n            display: 'block',\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n            whiteSpace: 'nowrap',\n          },\n        }}\n      >\n        <EntityLink\n          entity={entityHeader}\n          link={!disableEntityLinks}\n          onEntityIdClicked={onEntityIdClicked}\n          iconColor={'greyV2.800'}\n          iconVariant=\"outlined\"\n        />\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;AAUA,IAAa,IAA2B,IAE3B,KAA6D,EACxE,aACI;CACJ,IAAM,EACJ,aACA,eACA,yBACA,sBACA,0BACE,EAA0B,GACxB,EAAE,iBAAc,UAAO,cAAW,EAAI,UACtC,IAAa,CAAC,CAAC,EAAS,EAAa,KACrC,IAAc,CAAC;CACrB,OACE,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,YAAY;GACZ,IAAI,GAAG,IAAA,GAAiC;EAC1C;YALF;GAOG,KACC,kBAAC,GAAD;IACE,MAAK;IACL,SAAS,EAAW,IAAI,EAAa,EAAE;IACvC,kBAAkB,kBAAC,GAAD,CAAiB,CAAA;IACnC,eAAe,EAAqB,EAAa,EAAE;IACnD,cAAY,IAAa,aAAa;cAExB,EAAb,IAAc,IAAiB,GAAlB,CAAa,CAAmB;GACpC,CAAA;GAEb,CAAC,KAAe,kBAAC,GAAD,EAAK,IAAI,EAAE,OAAO,GAAG,EAAI,CAAA;GAQ1C,kBAAC,GAAD;IACE,IAAI;KACF,MAAM;KACN,UAAU;KACV,YAAY;KAEZ,YAAY;MACV,SAAS;MACT,UAAU;MACV,cAAc;MACd,YAAY;KACd;IACF;cAEA,kBAAC,GAAD;KACE,QAAQ;KACR,MAAM,CAAC;KACY;KACnB,WAAW;KACX,aAAY;IACb,CAAA;GACE,CAAA;EACF;;AAET"}

package/dist/components/EntityUpload/FileUploadProgress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploadProgress.d.ts","sourceRoot":"","sources":["../../../src/components/EntityUpload/FileUploadProgress.tsx"],"names":[],"mappings":"AAiBA,MAAM,MAAM,uBAAuB,GAAG;IACpC,gCAAgC;IAChC,MAAM,EACF,WAAW,GACX,WAAW,GACX,QAAQ,GACR,kBAAkB,GAClB,QAAQ,GACR,UAAU,CAAA;IACd,2BAA2B;IAC3B,QAAQ,EAAE,MAAM,CAAA;IAChB,qCAAqC;IACrC,gBAAgB,EAAE,MAAM,CAAA;IACxB,uDAAuD;IACvD,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,4CAA4C;IAC5C,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,yCAAyC;IACzC,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,gCAAgC;IAChC,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,wDAAwD;IACxD,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,0FAA0F;IAC1F,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,wCAAwC,KAAK,CAAA;AAE1D;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CA+KhE"}
+{"version":3,"file":"FileUploadProgress.d.ts","sourceRoot":"","sources":["../../../src/components/EntityUpload/FileUploadProgress.tsx"],"names":[],"mappings":"AAeA,MAAM,MAAM,uBAAuB,GAAG;IACpC,gCAAgC;IAChC,MAAM,EACF,WAAW,GACX,WAAW,GACX,QAAQ,GACR,kBAAkB,GAClB,QAAQ,GACR,UAAU,CAAA;IACd,2BAA2B;IAC3B,QAAQ,EAAE,MAAM,CAAA;IAChB,qCAAqC;IACrC,gBAAgB,EAAE,MAAM,CAAA;IACxB,uDAAuD;IACvD,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,4CAA4C;IAC5C,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,yCAAyC;IACzC,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,gCAAgC;IAChC,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,wDAAwD;IACxD,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,0FAA0F;IAC1F,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,wCAAwC,KAAK,CAAA;AAE1D;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CA+KhE"}

package/dist/components/EntityUpload/FileUploadProgress.js

@@ -1,8 +1,12 @@
 import { calculateFriendlyFileSize as e } from "../../utils/functions/calculateFriendlyFileSize.js";
 import { Box as t, IconButton as n, LinearProgress as r, Tooltip as i, Typography as a } from "@mui/material";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-import { CheckCircleTwoTone as l, DeleteTwoTone as u, ErrorTwoTone as d, Pause as f, PlayArrow as p } from "@mui/icons-material";
-import m from "@mui/icons-material/Close";
+import l from "@mui/icons-material/CheckCircleTwoTone";
+import u from "@mui/icons-material/ErrorTwoTone";
+import d from "@mui/icons-material/Close";
+import f from "@mui/icons-material/DeleteTwoTone";
+import p from "@mui/icons-material/Pause";
+import m from "@mui/icons-material/PlayArrow";
 //#region src/components/EntityUpload/FileUploadProgress.tsx
 var h = 92;
 function g(h) {
@@ -40,7 +44,7 @@ function g(h) {
 					children: [
 						O && /* @__PURE__ */ s(i, {
 							title: w,
-							children: /* @__PURE__ */ s(d, { color: "error" })
+							children: /* @__PURE__ */ s(u, { color: "error" })
 						}),
 						!E && /* @__PURE__ */ s(i, {
 							title: "Cancel",
@@ -49,7 +53,7 @@ function g(h) {
 								onClick: () => {
 									v();
 								},
-								children: /* @__PURE__ */ s(m, {})
+								children: /* @__PURE__ */ s(d, {})
 							})
 						}),
 						k && /* @__PURE__ */ s(i, {
@@ -59,7 +63,7 @@ function g(h) {
 								onClick: () => {
 									y();
 								},
-								children: /* @__PURE__ */ s(f, {})
+								children: /* @__PURE__ */ s(p, {})
 							})
 						}),
 						T && /* @__PURE__ */ s(i, {
@@ -69,7 +73,7 @@ function g(h) {
 								onClick: () => {
 									b();
 								},
-								children: /* @__PURE__ */ s(p, {})
+								children: /* @__PURE__ */ s(m, {})
 							})
 						}),
 						E && /* @__PURE__ */ s(i, {
@@ -79,7 +83,7 @@ function g(h) {
 								onClick: () => {
 									x();
 								},
-								children: /* @__PURE__ */ s(u, {})
+								children: /* @__PURE__ */ s(f, {})
 							})
 						})
 					]

package/dist/components/EntityUpload/FileUploadProgress.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploadProgress.js","names":[],"sources":["../../../src/components/EntityUpload/FileUploadProgress.tsx"],"sourcesContent":["import { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport {\n  CheckCircleTwoTone,\n  DeleteTwoTone,\n  ErrorTwoTone,\n  Pause,\n  PlayArrow,\n} from '@mui/icons-material'\nimport CloseIcon from '@mui/icons-material/Close'\nimport {\n  Box,\n  IconButton,\n  LinearProgress,\n  Tooltip,\n  Typography,\n} from '@mui/material'\n\nexport type FileUploadProgressProps = {\n  /** The status of the upload. */\n  status:\n    | 'PREPARING'\n    | 'UPLOADING'\n    | 'PAUSED'\n    | 'CANCELED_BY_USER'\n    | 'FAILED'\n    | 'COMPLETE'\n  /** The name of the file */\n  fileName: string\n  /** The size of the file, in bytes */\n  totalSizeInBytes: number\n  /** The number of this file's bytes uploaded so far. */\n  uploadedSizeInBytes?: number\n  /** Invoked when the upload is cancelled. */\n  onCancel: () => void\n  /** Invoked when the upload is paused. */\n  onPause: () => void\n  /** Invoked when the resumed. */\n  onResume: () => void\n  /** Invoked when the upload is removed from the list. */\n  onRemove: () => void\n  /** An optional error message to display if the upload has been cancelled due to error. */\n  errorMessage?: string\n}\n\nexport const FILE_UPLOAD_PROGRESS_COMPONENT_HEIGHT_PX = 92\n\n/**\n * Component that displays the upload progress of a file, with controls to pause or cancel the upload.\n */\nexport function FileUploadProgress(props: FileUploadProgressProps) {\n  const {\n    status,\n    fileName,\n    onCancel,\n    onPause,\n    onResume,\n    onRemove,\n    uploadedSizeInBytes = 0,\n    totalSizeInBytes,\n    errorMessage,\n  } = props\n\n  const isPaused = status === 'PAUSED'\n  const isCanceled = status === 'CANCELED_BY_USER' || status === 'FAILED'\n  const isComplete = status === 'COMPLETE'\n  const isFailed = status === 'FAILED'\n  const isUploading = status === 'UPLOADING'\n  const isPreparingUpload = status === 'PREPARING'\n\n  let progress: number | undefined =\n    (uploadedSizeInBytes / totalSizeInBytes) * 100\n\n  if (isPreparingUpload) {\n    progress = undefined\n  } else if (isFailed || isCanceled) {\n    progress = 0\n  }\n\n  return (\n    <Box\n      sx={{\n        py: 2,\n        height: `${FILE_UPLOAD_PROGRESS_COMPONENT_HEIGHT_PX}px`,\n      }}\n    >\n      <Box\n        sx={{\n          display: 'flex',\n          flexWrap: 'nowrap',\n          flexDirection: 'row',\n          justifyContent: 'space-between',\n          alignItems: 'center',\n          height: '35px',\n        }}\n      >\n        <Typography\n          variant={'body1'}\n          sx={{\n            color: 'primary.main',\n            fontWeight: 700,\n          }}\n        >\n          {fileName}\n        </Typography>\n        {!isComplete && (\n          <Box\n            sx={{\n              display: 'flex',\n              alignItems: 'center',\n              gap: 1,\n              my: 1,\n            }}\n          >\n            {isFailed && (\n              <Tooltip title={errorMessage}>\n                <ErrorTwoTone color={'error'} />\n              </Tooltip>\n            )}\n            {!isCanceled && (\n              <Tooltip title={'Cancel'}>\n                <IconButton\n                  size={'small'}\n                  onClick={() => {\n                    onCancel()\n                  }}\n                >\n                  <CloseIcon />\n                </IconButton>\n              </Tooltip>\n            )}\n            {isUploading && (\n              <Tooltip title={'Pause'}>\n                <IconButton\n                  size={'small'}\n                  onClick={() => {\n                    onPause()\n                  }}\n                >\n                  <Pause />\n                </IconButton>\n              </Tooltip>\n            )}\n            {isPaused && (\n              <Tooltip title={'Resume'}>\n                <IconButton\n                  size={'small'}\n                  onClick={() => {\n                    onResume()\n                  }}\n                >\n                  <PlayArrow />\n                </IconButton>\n              </Tooltip>\n            )}\n            {isCanceled && (\n              <Tooltip title={'Remove'}>\n                <IconButton\n                  size={'small'}\n                  onClick={() => {\n                    onRemove()\n                  }}\n                >\n                  <DeleteTwoTone />\n                </IconButton>\n              </Tooltip>\n            )}\n          </Box>\n        )}\n        {isComplete && <CheckCircleTwoTone color={'success'} />}\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n          flexWrap: 'nowrap',\n          alignItems: 'center',\n        }}\n      >\n        <LinearProgress\n          color={'secondary'}\n          value={progress}\n          variant={isPreparingUpload ? 'indeterminate' : 'determinate'}\n          sx={{ width: '100%', mr: 2.5 }}\n        />\n        {!isCanceled && (\n          <Typography\n            variant={'body1'}\n            sx={{\n              whiteSpace: 'nowrap',\n              flexShrink: 0,\n            }}\n          >\n            {isPreparingUpload ? (\n              'Preparing to upload...'\n            ) : (\n              <>\n                <span>{calculateFriendlyFileSize(uploadedSizeInBytes, 1)}</span>\n                <Box\n                  component={'span'}\n                  sx={{\n                    color: 'grey.600',\n                    mx: 0.5,\n                  }}\n                >\n                  |\n                </Box>\n                <span>{calculateFriendlyFileSize(totalSizeInBytes, 1)}</span>\n              </>\n            )}\n          </Typography>\n        )}\n        {isCanceled && (\n          <Typography\n            variant={'body1'}\n            sx={{\n              whiteSpace: 'nowrap',\n              flexShrink: 0,\n            }}\n          >\n            {isFailed ? 'Failed' : 'Canceled'}\n          </Typography>\n        )}\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;AA4CA,IAAa,IAA2C;AAKxD,SAAgB,EAAmB,GAAgC;CACjE,IAAM,EACJ,WACA,aACA,aACA,YACA,aACA,aACA,yBAAsB,GACtB,qBACA,oBACE,GAEE,IAAW,MAAW,UACtB,IAAa,MAAW,sBAAsB,MAAW,UACzD,IAAa,MAAW,YACxB,IAAW,MAAW,UACtB,IAAc,MAAW,aACzB,IAAoB,MAAW,aAEjC,IACD,IAAsB,IAAoB;CAQ7C,OANI,IACF,IAAW,KAAA,KACF,KAAY,OACrB,IAAW,IAIX,kBAAC,GAAD;EACE,IAAI;GACF,IAAI;GACJ,QAAQ;EACV;YAJF,CAME,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,UAAU;IACV,eAAe;IACf,gBAAgB;IAChB,YAAY;IACZ,QAAQ;GACV;aARF;IAUE,kBAAC,GAAD;KACE,SAAS;KACT,IAAI;MACF,OAAO;MACP,YAAY;KACd;eAEC;IACS,CAAA;IACX,CAAC,KACA,kBAAC,GAAD;KACE,IAAI;MACF,SAAS;MACT,YAAY;MACZ,KAAK;MACL,IAAI;KACN;eANF;MAQG,KACC,kBAAC,GAAD;OAAS,OAAO;iBACd,kBAAC,GAAD,EAAc,OAAO,QAAU,CAAA;MACxB,CAAA;MAEV,CAAC,KACA,kBAAC,GAAD;OAAS,OAAO;iBACd,kBAAC,GAAD;QACE,MAAM;QACN,eAAe;SACb,EAAS;QACX;kBAEA,kBAAC,GAAD,CAAY,CAAA;OACF,CAAA;MACL,CAAA;MAEV,KACC,kBAAC,GAAD;OAAS,OAAO;iBACd,kBAAC,GAAD;QACE,MAAM;QACN,eAAe;SACb,EAAQ;QACV;kBAEA,kBAAC,GAAD,CAAQ,CAAA;OACE,CAAA;MACL,CAAA;MAEV,KACC,kBAAC,GAAD;OAAS,OAAO;iBACd,kBAAC,GAAD;QACE,MAAM;QACN,eAAe;SACb,EAAS;QACX;kBAEA,kBAAC,GAAD,CAAY,CAAA;OACF,CAAA;MACL,CAAA;MAEV,KACC,kBAAC,GAAD;OAAS,OAAO;iBACd,kBAAC,GAAD;QACE,MAAM;QACN,eAAe;SACb,EAAS;QACX;kBAEA,kBAAC,GAAD,CAAgB,CAAA;OACN,CAAA;MACL,CAAA;KAER;;IAEN,KAAc,kBAAC,GAAD,EAAoB,OAAO,UAAY,CAAA;GACnD;MACL,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,UAAU;IACV,YAAY;GACd;aALF;IAOE,kBAAC,GAAD;KACE,OAAO;KACP,OAAO;KACP,SAAS,IAAoB,kBAAkB;KAC/C,IAAI;MAAE,OAAO;MAAQ,IAAI;KAAI;IAC9B,CAAA;IACA,CAAC,KACA,kBAAC,GAAD;KACE,SAAS;KACT,IAAI;MACF,YAAY;MACZ,YAAY;KACd;eAEC,IACC,2BAEA,kBAAA,GAAA,EAAA,UAAA;MACE,kBAAC,QAAD,EAAA,UAAO,EAA0B,GAAqB,CAAC,EAAQ,CAAA;MAC/D,kBAAC,GAAD;OACE,WAAW;OACX,IAAI;QACF,OAAO;QACP,IAAI;OACN;iBACD;MAEI,CAAA;MACL,kBAAC,QAAD,EAAA,UAAO,EAA0B,GAAkB,CAAC,EAAQ,CAAA;KAC5D,EAAA,CAAA;IAEM,CAAA;IAEb,KACC,kBAAC,GAAD;KACE,SAAS;KACT,IAAI;MACF,YAAY;MACZ,YAAY;KACd;eAEC,IAAW,WAAW;IACb,CAAA;GAEX;IACF;;AAET"}
+{"version":3,"file":"FileUploadProgress.js","names":[],"sources":["../../../src/components/EntityUpload/FileUploadProgress.tsx"],"sourcesContent":["import { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport CheckCircleTwoTone from '@mui/icons-material/CheckCircleTwoTone'\nimport DeleteTwoTone from '@mui/icons-material/DeleteTwoTone'\nimport ErrorTwoTone from '@mui/icons-material/ErrorTwoTone'\nimport Pause from '@mui/icons-material/Pause'\nimport PlayArrow from '@mui/icons-material/PlayArrow'\nimport CloseIcon from '@mui/icons-material/Close'\nimport {\n  Box,\n  IconButton,\n  LinearProgress,\n  Tooltip,\n  Typography,\n} from '@mui/material'\n\nexport type FileUploadProgressProps = {\n  /** The status of the upload. */\n  status:\n    | 'PREPARING'\n    | 'UPLOADING'\n    | 'PAUSED'\n    | 'CANCELED_BY_USER'\n    | 'FAILED'\n    | 'COMPLETE'\n  /** The name of the file */\n  fileName: string\n  /** The size of the file, in bytes */\n  totalSizeInBytes: number\n  /** The number of this file's bytes uploaded so far. */\n  uploadedSizeInBytes?: number\n  /** Invoked when the upload is cancelled. */\n  onCancel: () => void\n  /** Invoked when the upload is paused. */\n  onPause: () => void\n  /** Invoked when the resumed. */\n  onResume: () => void\n  /** Invoked when the upload is removed from the list. */\n  onRemove: () => void\n  /** An optional error message to display if the upload has been cancelled due to error. */\n  errorMessage?: string\n}\n\nexport const FILE_UPLOAD_PROGRESS_COMPONENT_HEIGHT_PX = 92\n\n/**\n * Component that displays the upload progress of a file, with controls to pause or cancel the upload.\n */\nexport function FileUploadProgress(props: FileUploadProgressProps) {\n  const {\n    status,\n    fileName,\n    onCancel,\n    onPause,\n    onResume,\n    onRemove,\n    uploadedSizeInBytes = 0,\n    totalSizeInBytes,\n    errorMessage,\n  } = props\n\n  const isPaused = status === 'PAUSED'\n  const isCanceled = status === 'CANCELED_BY_USER' || status === 'FAILED'\n  const isComplete = status === 'COMPLETE'\n  const isFailed = status === 'FAILED'\n  const isUploading = status === 'UPLOADING'\n  const isPreparingUpload = status === 'PREPARING'\n\n  let progress: number | undefined =\n    (uploadedSizeInBytes / totalSizeInBytes) * 100\n\n  if (isPreparingUpload) {\n    progress = undefined\n  } else if (isFailed || isCanceled) {\n    progress = 0\n  }\n\n  return (\n    <Box\n      sx={{\n        py: 2,\n        height: `${FILE_UPLOAD_PROGRESS_COMPONENT_HEIGHT_PX}px`,\n      }}\n    >\n      <Box\n        sx={{\n          display: 'flex',\n          flexWrap: 'nowrap',\n          flexDirection: 'row',\n          justifyContent: 'space-between',\n          alignItems: 'center',\n          height: '35px',\n        }}\n      >\n        <Typography\n          variant={'body1'}\n          sx={{\n            color: 'primary.main',\n            fontWeight: 700,\n          }}\n        >\n          {fileName}\n        </Typography>\n        {!isComplete && (\n          <Box\n            sx={{\n              display: 'flex',\n              alignItems: 'center',\n              gap: 1,\n              my: 1,\n            }}\n          >\n            {isFailed && (\n              <Tooltip title={errorMessage}>\n                <ErrorTwoTone color={'error'} />\n              </Tooltip>\n            )}\n            {!isCanceled && (\n              <Tooltip title={'Cancel'}>\n                <IconButton\n                  size={'small'}\n                  onClick={() => {\n                    onCancel()\n                  }}\n                >\n                  <CloseIcon />\n                </IconButton>\n              </Tooltip>\n            )}\n            {isUploading && (\n              <Tooltip title={'Pause'}>\n                <IconButton\n                  size={'small'}\n                  onClick={() => {\n                    onPause()\n                  }}\n                >\n                  <Pause />\n                </IconButton>\n              </Tooltip>\n            )}\n            {isPaused && (\n              <Tooltip title={'Resume'}>\n                <IconButton\n                  size={'small'}\n                  onClick={() => {\n                    onResume()\n                  }}\n                >\n                  <PlayArrow />\n                </IconButton>\n              </Tooltip>\n            )}\n            {isCanceled && (\n              <Tooltip title={'Remove'}>\n                <IconButton\n                  size={'small'}\n                  onClick={() => {\n                    onRemove()\n                  }}\n                >\n                  <DeleteTwoTone />\n                </IconButton>\n              </Tooltip>\n            )}\n          </Box>\n        )}\n        {isComplete && <CheckCircleTwoTone color={'success'} />}\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n          flexWrap: 'nowrap',\n          alignItems: 'center',\n        }}\n      >\n        <LinearProgress\n          color={'secondary'}\n          value={progress}\n          variant={isPreparingUpload ? 'indeterminate' : 'determinate'}\n          sx={{ width: '100%', mr: 2.5 }}\n        />\n        {!isCanceled && (\n          <Typography\n            variant={'body1'}\n            sx={{\n              whiteSpace: 'nowrap',\n              flexShrink: 0,\n            }}\n          >\n            {isPreparingUpload ? (\n              'Preparing to upload...'\n            ) : (\n              <>\n                <span>{calculateFriendlyFileSize(uploadedSizeInBytes, 1)}</span>\n                <Box\n                  component={'span'}\n                  sx={{\n                    color: 'grey.600',\n                    mx: 0.5,\n                  }}\n                >\n                  |\n                </Box>\n                <span>{calculateFriendlyFileSize(totalSizeInBytes, 1)}</span>\n              </>\n            )}\n          </Typography>\n        )}\n        {isCanceled && (\n          <Typography\n            variant={'body1'}\n            sx={{\n              whiteSpace: 'nowrap',\n              flexShrink: 0,\n            }}\n          >\n            {isFailed ? 'Failed' : 'Canceled'}\n          </Typography>\n        )}\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;;AA0CA,IAAa,IAA2C;AAKxD,SAAgB,EAAmB,GAAgC;CACjE,IAAM,EACJ,WACA,aACA,aACA,YACA,aACA,aACA,yBAAsB,GACtB,qBACA,oBACE,GAEE,IAAW,MAAW,UACtB,IAAa,MAAW,sBAAsB,MAAW,UACzD,IAAa,MAAW,YACxB,IAAW,MAAW,UACtB,IAAc,MAAW,aACzB,IAAoB,MAAW,aAEjC,IACD,IAAsB,IAAoB;CAQ7C,OANI,IACF,IAAW,KAAA,KACF,KAAY,OACrB,IAAW,IAIX,kBAAC,GAAD;EACE,IAAI;GACF,IAAI;GACJ,QAAQ;EACV;YAJF,CAME,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,UAAU;IACV,eAAe;IACf,gBAAgB;IAChB,YAAY;IACZ,QAAQ;GACV;aARF;IAUE,kBAAC,GAAD;KACE,SAAS;KACT,IAAI;MACF,OAAO;MACP,YAAY;KACd;eAEC;IACS,CAAA;IACX,CAAC,KACA,kBAAC,GAAD;KACE,IAAI;MACF,SAAS;MACT,YAAY;MACZ,KAAK;MACL,IAAI;KACN;eANF;MAQG,KACC,kBAAC,GAAD;OAAS,OAAO;iBACd,kBAAC,GAAD,EAAc,OAAO,QAAU,CAAA;MACxB,CAAA;MAEV,CAAC,KACA,kBAAC,GAAD;OAAS,OAAO;iBACd,kBAAC,GAAD;QACE,MAAM;QACN,eAAe;SACb,EAAS;QACX;kBAEA,kBAAC,GAAD,CAAY,CAAA;OACF,CAAA;MACL,CAAA;MAEV,KACC,kBAAC,GAAD;OAAS,OAAO;iBACd,kBAAC,GAAD;QACE,MAAM;QACN,eAAe;SACb,EAAQ;QACV;kBAEA,kBAAC,GAAD,CAAQ,CAAA;OACE,CAAA;MACL,CAAA;MAEV,KACC,kBAAC,GAAD;OAAS,OAAO;iBACd,kBAAC,GAAD;QACE,MAAM;QACN,eAAe;SACb,EAAS;QACX;kBAEA,kBAAC,GAAD,CAAY,CAAA;OACF,CAAA;MACL,CAAA;MAEV,KACC,kBAAC,GAAD;OAAS,OAAO;iBACd,kBAAC,GAAD;QACE,MAAM;QACN,eAAe;SACb,EAAS;QACX;kBAEA,kBAAC,GAAD,CAAgB,CAAA;OACN,CAAA;MACL,CAAA;KAER;;IAEN,KAAc,kBAAC,GAAD,EAAoB,OAAO,UAAY,CAAA;GACnD;MACL,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,UAAU;IACV,YAAY;GACd;aALF;IAOE,kBAAC,GAAD;KACE,OAAO;KACP,OAAO;KACP,SAAS,IAAoB,kBAAkB;KAC/C,IAAI;MAAE,OAAO;MAAQ,IAAI;KAAI;IAC9B,CAAA;IACA,CAAC,KACA,kBAAC,GAAD;KACE,SAAS;KACT,IAAI;MACF,YAAY;MACZ,YAAY;KACd;eAEC,IACC,2BAEA,kBAAA,GAAA,EAAA,UAAA;MACE,kBAAC,QAAD,EAAA,UAAO,EAA0B,GAAqB,CAAC,EAAQ,CAAA;MAC/D,kBAAC,GAAD;OACE,WAAW;OACX,IAAI;QACF,OAAO;QACP,IAAI;OACN;iBACD;MAEI,CAAA;MACL,kBAAC,QAAD,EAAA,UAAO,EAA0B,GAAkB,CAAC,EAAQ,CAAA;KAC5D,EAAA,CAAA;IAEM,CAAA;IAEb,KACC,kBAAC,GAAD;KACE,SAAS;KACT,IAAI;MACF,YAAY;MACZ,YAAY;KACd;eAEC,IAAW,WAAW;IACb,CAAA;GAEX;IACF;;AAET"}

package/dist/components/Evaluation/round_limits/EvaluationRoundLimitOptionsList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EvaluationRoundLimitOptionsList.d.ts","sourceRoot":"","sources":["../../../../src/components/Evaluation/round_limits/EvaluationRoundLimitOptionsList.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAA;AAQlE,MAAM,MAAM,oCAAoC,GAAG;IACjD,WAAW,EAAE,yBAAyB,EAAE,CAAA;IACxC,YAAY,EAAE,CACZ,KAAK,EAAE,MAAM,KACV,CAAC,UAAU,EAAE,yBAAyB,KAAK,IAAI,CAAA;IAEpD,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,IAAI,CAAA;IAEhD,aAAa,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAA;CAC1D,CAAA;AAUD,wBAAgB,+BAA+B,CAAC,EAC9C,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,aAAa,GACd,EAAE,oCAAoC,2CAqEtC"}
+{"version":3,"file":"EvaluationRoundLimitOptionsList.d.ts","sourceRoot":"","sources":["../../../../src/components/Evaluation/round_limits/EvaluationRoundLimitOptionsList.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAA;AAQlE,MAAM,MAAM,oCAAoC,GAAG;IACjD,WAAW,EAAE,yBAAyB,EAAE,CAAA;IACxC,YAAY,EAAE,CACZ,KAAK,EAAE,MAAM,KACV,CAAC,UAAU,EAAE,yBAAyB,KAAK,IAAI,CAAA;IAEpD,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,IAAI,CAAA;IAEhD,aAAa,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAA;CAC1D,CAAA;AAUD,wBAAgB,+BAA+B,CAAC,EAC9C,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,aAAa,GACd,EAAE,oCAAoC,2CAqEtC"}

package/dist/components/Evaluation/round_limits/EvaluationRoundLimitOptionsList.js

@@ -2,7 +2,8 @@ import { EvaluationRoundLimitOptions as e, LIMIT_TYPE_DISPLAY_NAME as t } from "
 import { Fragment as n, useCallback as r, useEffect as i } from "react";
 import { IconButton as a } from "@mui/material";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { AddBox as c, CloseTwoTone as l } from "@mui/icons-material";
+import c from "@mui/icons-material/CloseTwoTone";
+import l from "@mui/icons-material/AddBox";
 //#region src/components/Evaluation/round_limits/EvaluationRoundLimitOptionsList.tsx
 var u = Object.keys(t), d = (e) => u.find((t) => !e.has(t));
 function f({ limitInputs: t, handleChange: f, handleDeleteLimit: p, onAddNewLimit: m }) {
@@ -33,7 +34,7 @@ function f({ limitInputs: t, handleChange: f, handleDeleteLimit: p, onAddNewLimi
 					height: "40px",
 					width: "40px"
 				},
-				children: /* @__PURE__ */ o(l, {})
+				children: /* @__PURE__ */ o(c, {})
 			}),
 			i === t.length - 1 && t.length < u.length && /* @__PURE__ */ o(a, {
 				size: "small",
@@ -45,7 +46,7 @@ function f({ limitInputs: t, handleChange: f, handleDeleteLimit: p, onAddNewLimi
 					height: "40px",
 					width: "40px"
 				},
-				children: /* @__PURE__ */ o(c, {})
+				children: /* @__PURE__ */ o(l, {})
 			})
 		] }, r.type))
 	});

package/dist/components/Evaluation/round_limits/EvaluationRoundLimitOptionsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"EvaluationRoundLimitOptionsList.js","names":[],"sources":["../../../../src/components/Evaluation/round_limits/EvaluationRoundLimitOptionsList.tsx"],"sourcesContent":["import { AddBox, CloseTwoTone } from '@mui/icons-material'\nimport { IconButton } from '@mui/material'\nimport { EvaluationRoundLimitType } from '@sage-bionetworks/synapse-types'\nimport { Fragment, useCallback, useEffect } from 'react'\nimport { EvaluationRoundLimitInput } from '../input_models/models'\nimport {\n  EvaluationRoundLimitOptions,\n  LIMIT_TYPE_DISPLAY_NAME,\n} from './EvaluationRoundLimitOptions'\n\nconst AVAILABLE_LIMIT_TYPES = Object.keys(LIMIT_TYPE_DISPLAY_NAME)\n\nexport type EvaluationRoundLimitOptionsListProps = {\n  limitInputs: EvaluationRoundLimitInput[]\n  handleChange: (\n    index: number,\n  ) => (limitInput: EvaluationRoundLimitInput) => void\n\n  handleDeleteLimit: (index: number) => () => void\n\n  onAddNewLimit: (limit: EvaluationRoundLimitInput) => void\n}\n\nconst selectUnusedType = (\n  selectedTypes: Set<EvaluationRoundLimitType>,\n): EvaluationRoundLimitType => {\n  return AVAILABLE_LIMIT_TYPES.find(\n    key => !selectedTypes.has(key as EvaluationRoundLimitType),\n  ) as EvaluationRoundLimitType\n}\n\nexport function EvaluationRoundLimitOptionsList({\n  limitInputs,\n  handleChange,\n  handleDeleteLimit,\n  onAddNewLimit,\n}: EvaluationRoundLimitOptionsListProps) {\n  // all types that are currently being used\n  const selectedTypes: Set<EvaluationRoundLimitType> = new Set(\n    limitInputs.map(limit => limit.type),\n  )\n\n  const addNewLimit = useCallback(() => {\n    onAddNewLimit({\n      type: selectUnusedType(selectedTypes),\n      maxSubmissionString: '',\n    })\n  }, [onAddNewLimit, selectedTypes])\n\n  //display some input even if no limits currently exist\n  useEffect(() => {\n    if (limitInputs.length === 0) {\n      addNewLimit()\n    }\n  }, [limitInputs, addNewLimit])\n\n  return (\n    <div\n      data-testid=\"EvaluationRoundLimitOptionsList\"\n      className=\"advanced-limits-grid\"\n    >\n      {limitInputs.map((limit, index) => {\n        return (\n          <Fragment key={limit.type}>\n            <EvaluationRoundLimitOptions\n              limitInput={limit}\n              allSelectedTypes={selectedTypes}\n              onChange={handleChange(index)}\n            />\n\n            {/*remove button for the EvaluationRoundLimitOptions*/}\n            <IconButton\n              size={'small'}\n              color=\"primary\"\n              aria-label=\"Remove\"\n              className=\"remove-button\"\n              onClick={handleDeleteLimit(index)}\n              sx={{ height: '40px', width: '40px' }}\n            >\n              <CloseTwoTone />\n            </IconButton>\n\n            {/*conditionally create a \"add\" button*/}\n            {\n              // if last element\n              index === limitInputs.length - 1 &&\n                // if the are unused limit types\n                limitInputs.length < AVAILABLE_LIMIT_TYPES.length && (\n                  <IconButton\n                    size={'small'}\n                    color=\"primary\"\n                    aria-label=\"Add\"\n                    onClick={addNewLimit}\n                    className=\"add-button\"\n                    sx={{ height: '40px', width: '40px' }}\n                  >\n                    <AddBox />\n                  </IconButton>\n                )\n            }\n          </Fragment>\n        )\n      })}\n    </div>\n  )\n}\n"],"mappings":";;;;;;AAUA,IAAM,IAAwB,OAAO,KAAK,CAAuB,GAa3D,KACJ,MAEO,EAAsB,MAC3B,MAAO,CAAC,EAAc,IAAI,CAA+B,CAC3D;AAGF,SAAgB,EAAgC,EAC9C,gBACA,iBACA,sBACA,oBACuC;CAEvC,IAAM,IAA+C,IAAI,IACvD,EAAY,KAAI,MAAS,EAAM,IAAI,CACrC,GAEM,IAAc,QAAkB;EACpC,EAAc;GACZ,MAAM,EAAiB,CAAa;GACpC,qBAAqB;EACvB,CAAC;CACH,GAAG,CAAC,GAAe,CAAa,CAAC;CASjC,OANA,QAAgB;EACd,AAAI,EAAY,WAAW,KACzB,EAAY;CAEhB,GAAG,CAAC,GAAa,CAAW,CAAC,GAG3B,kBAAC,OAAD;EACE,eAAY;EACZ,WAAU;YAET,EAAY,KAAK,GAAO,MAErB,kBAAC,GAAD,EAAA,UAAA;GACE,kBAAC,GAAD;IACE,YAAY;IACZ,kBAAkB;IAClB,UAAU,EAAa,CAAK;GAC7B,CAAA;GAGD,kBAAC,GAAD;IACE,MAAM;IACN,OAAM;IACN,cAAW;IACX,WAAU;IACV,SAAS,EAAkB,CAAK;IAChC,IAAI;KAAE,QAAQ;KAAQ,OAAO;IAAO;cAEpC,kBAAC,GAAD,CAAe,CAAA;GACL,CAAA;GAKV,MAAU,EAAY,SAAS,KAE7B,EAAY,SAAS,EAAsB,UACzC,kBAAC,GAAD;IACE,MAAM;IACN,OAAM;IACN,cAAW;IACX,SAAS;IACT,WAAU;IACV,IAAI;KAAE,QAAQ;KAAQ,OAAO;IAAO;cAEpC,kBAAC,GAAD,CAAS,CAAA;GACC,CAAA;EAGV,EAAA,GArCK,EAAM,IAqCX,CAEb;CACE,CAAA;AAET"}
+{"version":3,"file":"EvaluationRoundLimitOptionsList.js","names":[],"sources":["../../../../src/components/Evaluation/round_limits/EvaluationRoundLimitOptionsList.tsx"],"sourcesContent":["import AddBox from '@mui/icons-material/AddBox'\nimport CloseTwoTone from '@mui/icons-material/CloseTwoTone'\nimport { IconButton } from '@mui/material'\nimport { EvaluationRoundLimitType } from '@sage-bionetworks/synapse-types'\nimport { Fragment, useCallback, useEffect } from 'react'\nimport { EvaluationRoundLimitInput } from '../input_models/models'\nimport {\n  EvaluationRoundLimitOptions,\n  LIMIT_TYPE_DISPLAY_NAME,\n} from './EvaluationRoundLimitOptions'\n\nconst AVAILABLE_LIMIT_TYPES = Object.keys(LIMIT_TYPE_DISPLAY_NAME)\n\nexport type EvaluationRoundLimitOptionsListProps = {\n  limitInputs: EvaluationRoundLimitInput[]\n  handleChange: (\n    index: number,\n  ) => (limitInput: EvaluationRoundLimitInput) => void\n\n  handleDeleteLimit: (index: number) => () => void\n\n  onAddNewLimit: (limit: EvaluationRoundLimitInput) => void\n}\n\nconst selectUnusedType = (\n  selectedTypes: Set<EvaluationRoundLimitType>,\n): EvaluationRoundLimitType => {\n  return AVAILABLE_LIMIT_TYPES.find(\n    key => !selectedTypes.has(key as EvaluationRoundLimitType),\n  ) as EvaluationRoundLimitType\n}\n\nexport function EvaluationRoundLimitOptionsList({\n  limitInputs,\n  handleChange,\n  handleDeleteLimit,\n  onAddNewLimit,\n}: EvaluationRoundLimitOptionsListProps) {\n  // all types that are currently being used\n  const selectedTypes: Set<EvaluationRoundLimitType> = new Set(\n    limitInputs.map(limit => limit.type),\n  )\n\n  const addNewLimit = useCallback(() => {\n    onAddNewLimit({\n      type: selectUnusedType(selectedTypes),\n      maxSubmissionString: '',\n    })\n  }, [onAddNewLimit, selectedTypes])\n\n  //display some input even if no limits currently exist\n  useEffect(() => {\n    if (limitInputs.length === 0) {\n      addNewLimit()\n    }\n  }, [limitInputs, addNewLimit])\n\n  return (\n    <div\n      data-testid=\"EvaluationRoundLimitOptionsList\"\n      className=\"advanced-limits-grid\"\n    >\n      {limitInputs.map((limit, index) => {\n        return (\n          <Fragment key={limit.type}>\n            <EvaluationRoundLimitOptions\n              limitInput={limit}\n              allSelectedTypes={selectedTypes}\n              onChange={handleChange(index)}\n            />\n\n            {/*remove button for the EvaluationRoundLimitOptions*/}\n            <IconButton\n              size={'small'}\n              color=\"primary\"\n              aria-label=\"Remove\"\n              className=\"remove-button\"\n              onClick={handleDeleteLimit(index)}\n              sx={{ height: '40px', width: '40px' }}\n            >\n              <CloseTwoTone />\n            </IconButton>\n\n            {/*conditionally create a \"add\" button*/}\n            {\n              // if last element\n              index === limitInputs.length - 1 &&\n                // if the are unused limit types\n                limitInputs.length < AVAILABLE_LIMIT_TYPES.length && (\n                  <IconButton\n                    size={'small'}\n                    color=\"primary\"\n                    aria-label=\"Add\"\n                    onClick={addNewLimit}\n                    className=\"add-button\"\n                    sx={{ height: '40px', width: '40px' }}\n                  >\n                    <AddBox />\n                  </IconButton>\n                )\n            }\n          </Fragment>\n        )\n      })}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;AAWA,IAAM,IAAwB,OAAO,KAAK,CAAuB,GAa3D,KACJ,MAEO,EAAsB,MAC3B,MAAO,CAAC,EAAc,IAAI,CAA+B,CAC3D;AAGF,SAAgB,EAAgC,EAC9C,gBACA,iBACA,sBACA,oBACuC;CAEvC,IAAM,IAA+C,IAAI,IACvD,EAAY,KAAI,MAAS,EAAM,IAAI,CACrC,GAEM,IAAc,QAAkB;EACpC,EAAc;GACZ,MAAM,EAAiB,CAAa;GACpC,qBAAqB;EACvB,CAAC;CACH,GAAG,CAAC,GAAe,CAAa,CAAC;CASjC,OANA,QAAgB;EACd,AAAI,EAAY,WAAW,KACzB,EAAY;CAEhB,GAAG,CAAC,GAAa,CAAW,CAAC,GAG3B,kBAAC,OAAD;EACE,eAAY;EACZ,WAAU;YAET,EAAY,KAAK,GAAO,MAErB,kBAAC,GAAD,EAAA,UAAA;GACE,kBAAC,GAAD;IACE,YAAY;IACZ,kBAAkB;IAClB,UAAU,EAAa,CAAK;GAC7B,CAAA;GAGD,kBAAC,GAAD;IACE,MAAM;IACN,OAAM;IACN,cAAW;IACX,WAAU;IACV,SAAS,EAAkB,CAAK;IAChC,IAAI;KAAE,QAAQ;KAAQ,OAAO;IAAO;cAEpC,kBAAC,GAAD,CAAe,CAAA;GACL,CAAA;GAKV,MAAU,EAAY,SAAS,KAE7B,EAAY,SAAS,EAAsB,UACzC,kBAAC,GAAD;IACE,MAAM;IACN,OAAM;IACN,cAAW;IACX,SAAS;IACT,WAAU;IACV,IAAI;KAAE,QAAQ;KAAQ,OAAO;IAAO;cAEpC,kBAAC,GAAD,CAAS,CAAA;GACC,CAAA;EAGV,EAAA,GArCK,EAAM,IAqCX,CAEb;CACE,CAAA;AAET"}

package/dist/components/ExperimentalMode/ExperimentalMode.js

@@ -2,7 +2,7 @@ import { EXPERIMENTAL_MODE_COOKIE as e } from "../../utils/SynapseConstants.js";
 import { Box as t, IconButton as n, Tooltip as r, Typography as i, useTheme as a } from "@mui/material";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { useCookieValue as c } from "@react-hookz/web/useCookieValue/index.js";
-import { InfoOutlined as l } from "@mui/icons-material";
+import l from "@mui/icons-material/InfoOutlined";
 import u from "react-switch";
 //#region src/components/ExperimentalMode/ExperimentalMode.tsx
 var d = "experimental-mode", f = "This mode gives you early access to features that are still in development. Please note that we do not guarantee an absence of errors, and that the data created using these features may be lost during product upgrade.";

package/dist/components/ExperimentalMode/ExperimentalMode.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExperimentalMode.js","names":[],"sources":["../../../src/components/ExperimentalMode/ExperimentalMode.tsx"],"sourcesContent":["import { EXPERIMENTAL_MODE_COOKIE } from '@/utils/SynapseConstants'\nimport { InfoOutlined } from '@mui/icons-material'\nimport { Box, IconButton, Tooltip, Typography, useTheme } from '@mui/material'\nimport Switch from 'react-switch'\nimport { useCookieValue } from '@react-hookz/web/useCookieValue/index.js'\n\nconst EXPERIMENTAL_MODE_SWITCH_ID = 'experimental-mode'\nconst experimentalModeText =\n  'This mode gives you early access to features that are still in development. Please note that we do not guarantee an absence of errors, and that the data created using these features may be lost during product upgrade.'\n\nexport type ExperimentalModeProps = {\n  onExperimentalModeToggle?: (newValue: boolean) => void\n}\nfunction ExperimentalMode({ onExperimentalModeToggle }: ExperimentalModeProps) {\n  const theme = useTheme()\n\n  const getExperimentalModeCookieOptions = () => {\n    const hostname =\n      typeof window !== 'undefined'\n        ? window.location.hostname.toLowerCase()\n        : ''\n    return {\n      path: '/',\n      domain: hostname.endsWith('.synapse.org') ? 'synapse.org' : undefined,\n    }\n  }\n\n  const [\n    experimentalModeCookie,\n    setExperimentalModeCookie,\n    removeExperimentalModeCookie,\n  ] = useCookieValue(EXPERIMENTAL_MODE_COOKIE, {\n    ...getExperimentalModeCookieOptions(),\n    initializeWithValue: false,\n  })\n\n  const createExperimentalModeCookie = () => {\n    setExperimentalModeCookie('true')\n\n    if (onExperimentalModeToggle) {\n      onExperimentalModeToggle(true)\n    }\n  }\n\n  const deleteExperimentalModeCookie = () => {\n    removeExperimentalModeCookie()\n    if (onExperimentalModeToggle) {\n      onExperimentalModeToggle(false)\n    }\n  }\n\n  return (\n    <Box sx={{ display: 'flex', alignItems: 'center' }}>\n      <Typography\n        component={'label'}\n        variant=\"body1\"\n        htmlFor={EXPERIMENTAL_MODE_SWITCH_ID}\n      >\n        Experimental Mode\n      </Typography>\n      <Tooltip title={experimentalModeText} arrow placement=\"top\">\n        <IconButton\n          aria-label=\"info\"\n          color=\"inherit\"\n          sx={{ '&:hover': { backgroundColor: 'transparent' } }}\n        >\n          <InfoOutlined sx={{ verticalAlign: 'middle' }} />\n        </IconButton>\n      </Tooltip>\n      <Switch\n        id={EXPERIMENTAL_MODE_SWITCH_ID}\n        width={35}\n        height={20}\n        onColor={theme.palette.secondary.main}\n        checkedIcon={false}\n        uncheckedIcon={false}\n        checked={experimentalModeCookie === 'true'}\n        onChange={\n          experimentalModeCookie === 'true'\n            ? deleteExperimentalModeCookie\n            : createExperimentalModeCookie\n        }\n      />\n    </Box>\n  )\n}\n\nexport default ExperimentalMode\n"],"mappings":";;;;;;;AAMA,IAAM,IAA8B,qBAC9B,IACJ;AAKF,SAAS,EAAiB,EAAE,+BAAmD;CAC7E,IAAM,IAAQ,EAAS,GAajB,CACJ,GACA,GACA,KACE,EAAe,GAA0B;EATzC,MAAM;EACN,SALA,OAAO,SAAW,MACd,OAAO,SAAS,SAAS,YAAY,IACrC,IAGa,SAAS,cAAc,IAAI,gBAAgB,KAAA;EAU9D,qBAAqB;CACvB,CAAC;CAiBD,OACE,kBAAC,GAAD;EAAK,IAAI;GAAE,SAAS;GAAQ,YAAY;EAAS;YAAjD;GACE,kBAAC,GAAD;IACE,WAAW;IACX,SAAQ;IACR,SAAS;cACV;GAEW,CAAA;GACZ,kBAAC,GAAD;IAAS,OAAO;IAAsB,OAAA;IAAM,WAAU;cACpD,kBAAC,GAAD;KACE,cAAW;KACX,OAAM;KACN,IAAI,EAAE,WAAW,EAAE,iBAAiB,cAAc,EAAE;eAEpD,kBAAC,GAAD,EAAc,IAAI,EAAE,eAAe,SAAS,EAAI,CAAA;IACtC,CAAA;GACL,CAAA;GACT,kBAAC,GAAD;IACE,IAAI;IACJ,OAAO;IACP,QAAQ;IACR,SAAS,EAAM,QAAQ,UAAU;IACjC,aAAa;IACb,eAAe;IACf,SAAS,MAA2B;IACpC,UACE,MAA2B,eAlCQ;KAEzC,AADA,EAA6B,GACzB,KACF,EAAyB,EAAK;IAElC,UAb2C;KAGzC,AAFA,EAA0B,MAAM,GAE5B,KACF,EAAyB,EAAI;IAEjC;GAwCK,CAAA;EACE;;AAET"}
+{"version":3,"file":"ExperimentalMode.js","names":[],"sources":["../../../src/components/ExperimentalMode/ExperimentalMode.tsx"],"sourcesContent":["import { EXPERIMENTAL_MODE_COOKIE } from '@/utils/SynapseConstants'\nimport InfoOutlined from '@mui/icons-material/InfoOutlined'\nimport { Box, IconButton, Tooltip, Typography, useTheme } from '@mui/material'\nimport Switch from 'react-switch'\nimport { useCookieValue } from '@react-hookz/web/useCookieValue/index.js'\n\nconst EXPERIMENTAL_MODE_SWITCH_ID = 'experimental-mode'\nconst experimentalModeText =\n  'This mode gives you early access to features that are still in development. Please note that we do not guarantee an absence of errors, and that the data created using these features may be lost during product upgrade.'\n\nexport type ExperimentalModeProps = {\n  onExperimentalModeToggle?: (newValue: boolean) => void\n}\nfunction ExperimentalMode({ onExperimentalModeToggle }: ExperimentalModeProps) {\n  const theme = useTheme()\n\n  const getExperimentalModeCookieOptions = () => {\n    const hostname =\n      typeof window !== 'undefined'\n        ? window.location.hostname.toLowerCase()\n        : ''\n    return {\n      path: '/',\n      domain: hostname.endsWith('.synapse.org') ? 'synapse.org' : undefined,\n    }\n  }\n\n  const [\n    experimentalModeCookie,\n    setExperimentalModeCookie,\n    removeExperimentalModeCookie,\n  ] = useCookieValue(EXPERIMENTAL_MODE_COOKIE, {\n    ...getExperimentalModeCookieOptions(),\n    initializeWithValue: false,\n  })\n\n  const createExperimentalModeCookie = () => {\n    setExperimentalModeCookie('true')\n\n    if (onExperimentalModeToggle) {\n      onExperimentalModeToggle(true)\n    }\n  }\n\n  const deleteExperimentalModeCookie = () => {\n    removeExperimentalModeCookie()\n    if (onExperimentalModeToggle) {\n      onExperimentalModeToggle(false)\n    }\n  }\n\n  return (\n    <Box sx={{ display: 'flex', alignItems: 'center' }}>\n      <Typography\n        component={'label'}\n        variant=\"body1\"\n        htmlFor={EXPERIMENTAL_MODE_SWITCH_ID}\n      >\n        Experimental Mode\n      </Typography>\n      <Tooltip title={experimentalModeText} arrow placement=\"top\">\n        <IconButton\n          aria-label=\"info\"\n          color=\"inherit\"\n          sx={{ '&:hover': { backgroundColor: 'transparent' } }}\n        >\n          <InfoOutlined sx={{ verticalAlign: 'middle' }} />\n        </IconButton>\n      </Tooltip>\n      <Switch\n        id={EXPERIMENTAL_MODE_SWITCH_ID}\n        width={35}\n        height={20}\n        onColor={theme.palette.secondary.main}\n        checkedIcon={false}\n        uncheckedIcon={false}\n        checked={experimentalModeCookie === 'true'}\n        onChange={\n          experimentalModeCookie === 'true'\n            ? deleteExperimentalModeCookie\n            : createExperimentalModeCookie\n        }\n      />\n    </Box>\n  )\n}\n\nexport default ExperimentalMode\n"],"mappings":";;;;;;;AAMA,IAAM,IAA8B,qBAC9B,IACJ;AAKF,SAAS,EAAiB,EAAE,+BAAmD;CAC7E,IAAM,IAAQ,EAAS,GAajB,CACJ,GACA,GACA,KACE,EAAe,GAA0B;EATzC,MAAM;EACN,SALA,OAAO,SAAW,MACd,OAAO,SAAS,SAAS,YAAY,IACrC,IAGa,SAAS,cAAc,IAAI,gBAAgB,KAAA;EAU9D,qBAAqB;CACvB,CAAC;CAiBD,OACE,kBAAC,GAAD;EAAK,IAAI;GAAE,SAAS;GAAQ,YAAY;EAAS;YAAjD;GACE,kBAAC,GAAD;IACE,WAAW;IACX,SAAQ;IACR,SAAS;cACV;GAEW,CAAA;GACZ,kBAAC,GAAD;IAAS,OAAO;IAAsB,OAAA;IAAM,WAAU;cACpD,kBAAC,GAAD;KACE,cAAW;KACX,OAAM;KACN,IAAI,EAAE,WAAW,EAAE,iBAAiB,cAAc,EAAE;eAEpD,kBAAC,GAAD,EAAc,IAAI,EAAE,eAAe,SAAS,EAAI,CAAA;IACtC,CAAA;GACL,CAAA;GACT,kBAAC,GAAD;IACE,IAAI;IACJ,OAAO;IACP,QAAQ;IACR,SAAS,EAAM,QAAQ,UAAU;IACjC,aAAa;IACb,eAAe;IACf,SAAS,MAA2B;IACpC,UACE,MAA2B,eAlCQ;KAEzC,AADA,EAA6B,GACzB,KACF,EAAyB,EAAK;IAElC,UAb2C;KAGzC,AAFA,EAA0B,MAAM,GAE5B,KACF,EAAyB,EAAI;IAEjC;GAwCK,CAAA;EACE;;AAET"}