@ynput/ayon-frontend-shared 0.4.2 → 0.4.4

package/dist/shared/src/containers/EntityPickerDialog/EntityPickerDialog.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityPickerDialog.cjs.js","sources":["../../../../../src/containers/EntityPickerDialog/EntityPickerDialog.tsx"],"sourcesContent":["// This components lets you pick a specific entity from the tree table.\n// Each entity type has it's own table\n\nimport { RowSelectionState } from '@tanstack/react-table'\nimport { FC, useState } from 'react'\nimport { entityHierarchies } from './util'\nimport EntityTypeTable from './components/EntityTypeTable'\nimport { SimpleTableProvider } from '@shared/containers/SimpleTable/context/SimpleTableContext'\nimport { Button, Dialog, DialogProps } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport { useGetEntityPickerData } from './hooks/useGetEntityPickerData'\nimport { upperFirst } from 'lodash'\nimport useExpandedWithInitialFolders from './hooks/useExpandedWithInitialFolders'\nimport { usePreserveChildSelectionByName } from './hooks/usePreserveChildSelectionByName'\n\nconst COL_MAX_WIDTH = 600\n\nconst TablesContainer = styled.div`\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n  gap: var(--base-gap-large);\n  height: 100%;\n  overflow: hidden;\n  flex: 1;\n\n  table {\n    height: 100%;\n\n    td:has(.path) {\n      .value {\n        font-weight: bold;\n      }\n    }\n  }\n`\n\nexport type PickerEntityType =\n  | 'folder'\n  | 'task'\n  | 'product'\n  | 'version'\n  | 'representation'\n  | 'workfile'\nexport type PickerSelection = Record<PickerEntityType, RowSelectionState>\nexport type PickerSearch = Record<PickerEntityType, string | undefined>\n\ninterface EntityPickerDialogProps extends Pick<DialogProps, 'onClose'> {\n  projectName: string // The name of the project\n  entityType: PickerEntityType // The type of entity to pick\n  initialSelection?: Partial<PickerSelection> // Initial selection of entities\n  isMultiSelect?: boolean // Whether to allow multiple selection\n  onSubmit: (selection: string[]) => void // Callback when the user selects an entity/entities\n  showMoveToRoot?: boolean // Whether to show \"Move to root\" button\n  onMoveToRoot?: () => void // Callback when user clicks \"Move to root\"\n  disabledIds?: string[] // IDs to display as disabled/unselectable\n  disabledMessage?: string // Default tooltip message for disabled items\n  getDisabledMessage?: (id: string) => string | undefined // Custom message per disabled item\n  reviewableRequired?: boolean // When entityType is 'version', disable versions without reviewables\n  isLoading?: boolean // Whether the submit action is loading\n}\n\nexport const EntityPickerDialog: FC<EntityPickerDialogProps> = ({\n  projectName,\n  entityType,\n  initialSelection,\n  isMultiSelect,\n  onSubmit,\n  showMoveToRoot,\n  onMoveToRoot,\n  disabledIds = [],\n  disabledMessage = 'Cannot select this item',\n  getDisabledMessage,\n  reviewableRequired,\n  isLoading,\n  ...props\n}) => {\n  const initSelectionState: PickerSelection = {\n    folder: initialSelection?.folder || {},\n    task: initialSelection?.task || {},\n    product: initialSelection?.product || {},\n    version: initialSelection?.version || {},\n    representation: initialSelection?.representation || {},\n    workfile: initialSelection?.workfile || {},\n  }\n\n  const [rowSelection, setRowSelection] = useState<PickerSelection>(initSelectionState)\n\n  // helper function to set the row selection for each entity type\n  const setEntityRowSelection = (selection: RowSelectionState, entityType: PickerEntityType) => {\n    setRowSelection((prev) => ({\n      ...prev,\n      [entityType]: selection,\n    }))\n  }\n\n  const [search, setSearch] = useState<PickerSearch>({\n    folder: undefined,\n    task: undefined,\n    product: undefined,\n    version: undefined,\n    representation: undefined,\n    workfile: undefined,\n  })\n\n  // helper function to set the search for each entity type\n  const setEntitySearch = (searchValue: string | undefined, entityType: PickerEntityType) => {\n    setSearch((prev) => ({\n      ...prev,\n      [entityType]: searchValue,\n    }))\n  }\n\n  // convert row selection into a list of ids for each entity type to make it easier to work with\n  const entitySelection = Object.fromEntries(\n    Object.entries(rowSelection).map(([type, selection]) => [\n      type,\n      Object.keys(selection).filter((id) => selection[id]),\n    ]),\n  ) as Record<PickerEntityType, string[]>\n\n  const entityData = useGetEntityPickerData({\n    entityType,\n    projectName,\n    search,\n    selection: entitySelection,\n  })\n\n  // When reviewableRequired is set and we're picking versions, disable any\n  // version returned by the query that does not have reviewables.\n  const nonReviewableVersionIds =\n    reviewableRequired && entityType === 'version'\n      ? entityData.version.data\n          .filter((v) => 'hasReviewables' in v && v.hasReviewables === false)\n          .map((v) => v.id)\n      : []\n\n  const effectiveDisabledIds =\n    nonReviewableVersionIds.length > 0\n      ? Array.from(new Set([...disabledIds, ...nonReviewableVersionIds]))\n      : disabledIds\n\n  const effectiveGetDisabledMessage = (id: string): string | undefined => {\n    if (nonReviewableVersionIds.includes(id)) {\n      return 'Version has no reviewables'\n    }\n    return getDisabledMessage?.(id)\n  }\n\n  const handleFetchNextPage = (entityType: PickerEntityType) => {\n    const entityDataForType = entityData[entityType]\n    if (entityDataForType?.hasNextPage && !entityDataForType.isFetchingNextPage) {\n      entityDataForType.fetchNextPage?.()\n    }\n  }\n\n  const [expanded, setExpanded] = useExpandedWithInitialFolders({\n    foldersSelection: initSelectionState.folder,\n    foldersData: entityData.folder,\n  })\n\n  // Get the complete hierarchy for the target entity type!\n  const entityHierarchy = entityHierarchies[entityType]\n\n  usePreserveChildSelectionByName({\n    entityHierarchy,\n    entityData,\n    rowSelection,\n    setEntityRowSelection,\n  })\n\n  // Process table data to filter out excluded IDs and mark disabled rows\n  const recursivelyProcessRows = (\n    row: { id: string; subRows: any[] },\n    disabledIds: string[],\n    parentIsDisabled: boolean,\n  ) => {\n    // Determine if the current row should be disabled.\n\n    // A row is disabled if its parent is disabled OR its own ID is in the disabledIds list.\n    const isDisabled = parentIsDisabled || disabledIds.includes(row.id)\n    const disabledRowMessage = isDisabled\n      ? effectiveGetDisabledMessage(row.id) || disabledMessage\n      : undefined\n\n    // Create a new row object with the updated disabled state.\n    const newRow = {\n      ...row,\n      isDisabled,\n      disabledMessage: disabledRowMessage,\n    }\n\n    // If the row has subRows, recursively process each of them.\n    if (row.subRows && row.subRows.length > 0) {\n      newRow.subRows = row.subRows.map((subRow: any) =>\n        recursivelyProcessRows(subRow, disabledIds, isDisabled),\n      )\n    }\n\n    return newRow\n  }\n\n  const processTableDataWithDisabled = (tableData: any) => {\n    if (!effectiveDisabledIds || effectiveDisabledIds.length === 0) {\n      return tableData\n    }\n\n    // Iterate over the top-level rows and start the recursive processing.\n    return tableData.map((row: any) => recursivelyProcessRows(row, effectiveDisabledIds, false))\n  }\n\n  const handleSubmit = () => {\n    // check the target entity has a selection\n    if (!entitySelection[entityType]?.length) {\n      return\n    }\n    const selection = isMultiSelect\n      ? entitySelection[entityType]\n      : entitySelection[entityType].slice(0, 1)\n    // Call the onSubmit callback with the selected entity ids\n    onSubmit(selection)\n  }\n\n  //   based on the entity type, we need to create a new table for each parent\n  return (\n    <Dialog\n      {...props}\n      className=\"entity-picker-dialog block-shortcuts\"\n      header={`Select ${upperFirst(entityType)}`}\n      isOpen\n      size=\"full\"\n      style={{ height: '80vh', maxWidth: entityHierarchy.length * COL_MAX_WIDTH }}\n      footer={\n        <>\n          {showMoveToRoot && onMoveToRoot && (\n            <Button label=\"Move to root\" variant=\"text\" onClick={onMoveToRoot} />\n          )}\n          <Button\n            label={`Select ${entityType}${isMultiSelect ? 's' : ''}`}\n            variant=\"filled\"\n            disabled={!entitySelection[entityType]?.length || isLoading}\n            // @ts-ignore\n            loading={isLoading}\n            onClick={handleSubmit}\n          />\n        </>\n      }\n    >\n      <TablesContainer>\n        {entityHierarchy.map((tableEntityType) => (\n          <SimpleTableProvider\n            rowSelection={rowSelection[tableEntityType] || {}}\n            onRowSelectionChange={(s) => setEntityRowSelection(s, tableEntityType)}\n            // expanded state is only used for folders, so we only pass it when the entity type is folder\n            expanded={tableEntityType === 'folder' ? expanded : undefined}\n            setExpanded={tableEntityType === 'folder' ? setExpanded : undefined}\n            key={tableEntityType}\n          >\n            <EntityTypeTable\n              key={tableEntityType}\n              entityType={tableEntityType}\n              search={search[tableEntityType]}\n              tableData={processTableDataWithDisabled(entityData[tableEntityType]?.table || [])}\n              isFolderHierarchy={tableEntityType === 'folder' && !search.folder}\n              onSearch={(v) => setEntitySearch(v, tableEntityType)}\n              isMultiSelect={tableEntityType === entityType ? !!isMultiSelect : true}\n              onRowSubmit={(id) => (tableEntityType === entityType ? onSubmit([id]) : undefined)}\n              onScrollBottom={() => handleFetchNextPage(tableEntityType)}\n            />\n          </SimpleTableProvider>\n        ))}\n      </TablesContainer>\n    </Dialog>\n  )\n}\n"],"names":["COL_MAX_WIDTH","TablesContainer","styled","EntityPickerDialog","projectName","entityType","initialSelection","isMultiSelect","onSubmit","showMoveToRoot","onMoveToRoot","disabledIds","disabledMessage","getDisabledMessage","reviewableRequired","isLoading","props","initSelectionState","rowSelection","setRowSelection","useState","setEntityRowSelection","selection","prev","search","setSearch","setEntitySearch","searchValue","entitySelection","type","id","entityData","useGetEntityPickerData","nonReviewableVersionIds","v","effectiveDisabledIds","effectiveGetDisabledMessage","handleFetchNextPage","entityDataForType","expanded","setExpanded","useExpandedWithInitialFolders","entityHierarchy","entityHierarchies","usePreserveChildSelectionByName","recursivelyProcessRows","row","parentIsDisabled","isDisabled","disabledRowMessage","newRow","subRow","processTableDataWithDisabled","tableData","handleSubmit","jsx","Dialog","upperFirst","jsxs","Fragment","Button","tableEntityType","SimpleTableProvider","EntityTypeTable"],"mappings":"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"}
+{"version":3,"file":"EntityPickerDialog.cjs.js","sources":["../../../../../src/containers/EntityPickerDialog/EntityPickerDialog.tsx"],"sourcesContent":["// This components lets you pick a specific entity from the tree table.\n// Each entity type has it's own table\n\nimport { RowSelectionState } from '@tanstack/react-table'\nimport { FC, useState } from 'react'\nimport { entityHierarchies } from './util'\nimport EntityTypeTable from './components/EntityTypeTable'\nimport { SimpleTableProvider } from '@shared/containers/SimpleTable/context/SimpleTableContext'\nimport { Button, Dialog, DialogProps, SwitchButton } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport { useGetEntityPickerData } from './hooks/useGetEntityPickerData'\nimport { upperFirst } from 'lodash'\nimport useExpandedWithInitialFolders from './hooks/useExpandedWithInitialFolders'\nimport { usePreserveChildSelectionByName } from './hooks/usePreserveChildSelectionByName'\nimport { useDeselectHiddenRows } from './hooks/useDeselectHiddenRows'\n\nconst COL_MAX_WIDTH = 600\n\nconst TablesContainer = styled.div`\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n  gap: var(--base-gap-large);\n  height: 100%;\n  overflow: hidden;\n  flex: 1;\n\n  table {\n    height: 100%;\n\n    td:has(.path) {\n      .value {\n        font-weight: bold;\n      }\n    }\n  }\n`\n\nexport type PickerEntityType =\n  | 'folder'\n  | 'task'\n  | 'product'\n  | 'version'\n  | 'representation'\n  | 'workfile'\nexport type PickerSelection = Record<PickerEntityType, RowSelectionState>\nexport type PickerSearch = Record<PickerEntityType, string | undefined>\n\ninterface EntityPickerDialogProps extends Pick<DialogProps, 'onClose'> {\n  projectName: string // The name of the project\n  entityType: PickerEntityType // The type of entity to pick\n  initialSelection?: Partial<PickerSelection> // Initial selection of entities\n  isMultiSelect?: boolean // Whether to allow multiple selection\n  onSubmit: (selection: string[]) => void // Callback when the user selects an entity/entities\n  showMoveToRoot?: boolean // Whether to show \"Move to root\" button\n  onMoveToRoot?: () => void // Callback when user clicks \"Move to root\"\n  disabledIds?: string[] // IDs to display as disabled/unselectable\n  disabledMessage?: string // Default tooltip message for disabled items\n  getDisabledMessage?: (id: string) => string | undefined // Custom message per disabled item\n  reviewableRequired?: boolean // When entityType is 'version', disable versions without reviewables\n  showReviewablesSwitch?: boolean // Show a \"Show reviewables only\" switch\n  defaultReviewablesOnly?: boolean // Initial value of the reviewables switch\n  showTaskNames?: boolean // Show task names on products (featured version) and versions\n  isLoading?: boolean // Whether the submit action is loading\n}\n\nexport const EntityPickerDialog: FC<EntityPickerDialogProps> = ({\n  projectName,\n  entityType,\n  initialSelection,\n  isMultiSelect,\n  onSubmit,\n  showMoveToRoot,\n  onMoveToRoot,\n  disabledIds = [],\n  disabledMessage = 'Cannot select this item',\n  getDisabledMessage,\n  reviewableRequired,\n  showReviewablesSwitch,\n  defaultReviewablesOnly = false,\n  showTaskNames,\n  isLoading,\n  ...props\n}) => {\n  const initSelectionState: PickerSelection = {\n    folder: initialSelection?.folder || {},\n    task: initialSelection?.task || {},\n    product: initialSelection?.product || {},\n    version: initialSelection?.version || {},\n    representation: initialSelection?.representation || {},\n    workfile: initialSelection?.workfile || {},\n  }\n\n  const [rowSelection, setRowSelection] = useState<PickerSelection>(initSelectionState)\n\n  // helper function to set the row selection for each entity type\n  const setEntityRowSelection = (selection: RowSelectionState, entityType: PickerEntityType) => {\n    setRowSelection((prev) => ({\n      ...prev,\n      [entityType]: selection,\n    }))\n  }\n\n  const [search, setSearch] = useState<PickerSearch>({\n    folder: undefined,\n    task: undefined,\n    product: undefined,\n    version: undefined,\n    representation: undefined,\n    workfile: undefined,\n  })\n\n  // helper function to set the search for each entity type\n  const setEntitySearch = (searchValue: string | undefined, entityType: PickerEntityType) => {\n    setSearch((prev) => ({\n      ...prev,\n      [entityType]: searchValue,\n    }))\n  }\n\n  // convert row selection into a list of ids for each entity type to make it easier to work with\n  const entitySelection = Object.fromEntries(\n    Object.entries(rowSelection).map(([type, selection]) => [\n      type,\n      Object.keys(selection).filter((id) => selection[id]),\n    ]),\n  ) as Record<PickerEntityType, string[]>\n\n  // Get the complete hierarchy for the target entity type!\n  const entityHierarchy = entityHierarchies[entityType]\n\n  const canFilterReviewables = !!showReviewablesSwitch && entityHierarchy.includes('product')\n  const [reviewablesOnlyEnabled, setReviewablesOnlyEnabled] = useState(defaultReviewablesOnly)\n  const reviewablesOnly = canFilterReviewables && reviewablesOnlyEnabled\n\n  const entityData = useGetEntityPickerData({\n    entityType,\n    projectName,\n    search,\n    selection: entitySelection,\n    reviewablesOnly,\n    includeTask: showTaskNames,\n  })\n\n  // When reviewableRequired is set and we're picking versions, disable any\n  // version returned by the query that does not have reviewables.\n  const nonReviewableVersionIds =\n    reviewableRequired && entityType === 'version'\n      ? entityData.version.data\n          .filter((v) => 'hasReviewables' in v && v.hasReviewables === false)\n          .map((v) => v.id)\n      : []\n\n  const effectiveDisabledIds =\n    nonReviewableVersionIds.length > 0\n      ? Array.from(new Set([...disabledIds, ...nonReviewableVersionIds]))\n      : disabledIds\n\n  const effectiveGetDisabledMessage = (id: string): string | undefined => {\n    if (nonReviewableVersionIds.includes(id)) {\n      return 'Version has no reviewables'\n    }\n    return getDisabledMessage?.(id)\n  }\n\n  const handleFetchNextPage = (entityType: PickerEntityType) => {\n    const entityDataForType = entityData[entityType]\n    if (entityDataForType?.hasNextPage && !entityDataForType.isFetchingNextPage) {\n      entityDataForType.fetchNextPage?.()\n    }\n  }\n\n  const [expanded, setExpanded] = useExpandedWithInitialFolders({\n    foldersSelection: initSelectionState.folder,\n    foldersData: entityData.folder,\n  })\n\n  usePreserveChildSelectionByName({\n    entityHierarchy,\n    entityData,\n    rowSelection,\n    setEntityRowSelection,\n  })\n\n  useDeselectHiddenRows({\n    entityHierarchy,\n    entityData,\n    rowSelection,\n    setEntityRowSelection,\n  })\n\n  // Process table data to filter out excluded IDs and mark disabled rows\n  const recursivelyProcessRows = (\n    row: { id: string; subRows: any[] },\n    disabledIds: string[],\n    parentIsDisabled: boolean,\n  ) => {\n    // Determine if the current row should be disabled.\n\n    // A row is disabled if its parent is disabled OR its own ID is in the disabledIds list.\n    const isDisabled = parentIsDisabled || disabledIds.includes(row.id)\n    const disabledRowMessage = isDisabled\n      ? effectiveGetDisabledMessage(row.id) || disabledMessage\n      : undefined\n\n    // Create a new row object with the updated disabled state.\n    const newRow = {\n      ...row,\n      isDisabled,\n      disabledMessage: disabledRowMessage,\n    }\n\n    // If the row has subRows, recursively process each of them.\n    if (row.subRows && row.subRows.length > 0) {\n      newRow.subRows = row.subRows.map((subRow: any) =>\n        recursivelyProcessRows(subRow, disabledIds, isDisabled),\n      )\n    }\n\n    return newRow\n  }\n\n  const processTableDataWithDisabled = (tableData: any) => {\n    if (!effectiveDisabledIds || effectiveDisabledIds.length === 0) {\n      return tableData\n    }\n\n    // Iterate over the top-level rows and start the recursive processing.\n    return tableData.map((row: any) => recursivelyProcessRows(row, effectiveDisabledIds, false))\n  }\n\n  const handleSubmit = () => {\n    // check the target entity has a selection\n    if (!entitySelection[entityType]?.length) {\n      return\n    }\n    const selection = isMultiSelect\n      ? entitySelection[entityType]\n      : entitySelection[entityType].slice(0, 1)\n    // Call the onSubmit callback with the selected entity ids\n    onSubmit(selection)\n  }\n\n  //   based on the entity type, we need to create a new table for each parent\n  return (\n    <Dialog\n      {...props}\n      className=\"entity-picker-dialog block-shortcuts\"\n      header={`Select ${upperFirst(entityType)}`}\n      isOpen\n      size=\"full\"\n      style={{ height: '80vh', maxWidth: entityHierarchy.length * COL_MAX_WIDTH }}\n      footer={\n        <>\n          {showMoveToRoot && onMoveToRoot && (\n            <Button label=\"Move to root\" variant=\"text\" onClick={onMoveToRoot} />\n          )}\n          <Button\n            label={`Select ${entityType}${isMultiSelect ? 's' : ''}`}\n            variant=\"filled\"\n            disabled={!entitySelection[entityType]?.length || isLoading}\n            // @ts-ignore\n            loading={isLoading}\n            onClick={handleSubmit}\n          />\n        </>\n      }\n    >\n      {canFilterReviewables && (\n        <SwitchButton\n          label=\"Show reviewables only\"\n          value={reviewablesOnlyEnabled}\n          onClick={() => setReviewablesOnlyEnabled(!reviewablesOnlyEnabled)}\n          style={{\n            width: 'fit-content',\n            marginLeft: 'auto',\n            marginBottom: 'var(--base-gap-large)',\n          }}\n        />\n      )}\n      <TablesContainer>\n        {entityHierarchy.map((tableEntityType) => (\n          <SimpleTableProvider\n            rowSelection={rowSelection[tableEntityType] || {}}\n            onRowSelectionChange={(s) => setEntityRowSelection(s, tableEntityType)}\n            // expanded state is only used for folders, so we only pass it when the entity type is folder\n            expanded={tableEntityType === 'folder' ? expanded : undefined}\n            setExpanded={tableEntityType === 'folder' ? setExpanded : undefined}\n            key={tableEntityType}\n          >\n            <EntityTypeTable\n              key={tableEntityType}\n              entityType={tableEntityType}\n              projectName={projectName}\n              search={search[tableEntityType]}\n              tableData={processTableDataWithDisabled(entityData[tableEntityType]?.table || [])}\n              isFolderHierarchy={tableEntityType === 'folder' && !search.folder}\n              onSearch={(v) => setEntitySearch(v, tableEntityType)}\n              isMultiSelect={tableEntityType === entityType ? !!isMultiSelect : true}\n              onRowSubmit={(id) => (tableEntityType === entityType ? onSubmit([id]) : undefined)}\n              onScrollBottom={() => handleFetchNextPage(tableEntityType)}\n            />\n          </SimpleTableProvider>\n        ))}\n      </TablesContainer>\n    </Dialog>\n  )\n}\n"],"names":["COL_MAX_WIDTH","TablesContainer","styled","EntityPickerDialog","projectName","entityType","initialSelection","isMultiSelect","onSubmit","showMoveToRoot","onMoveToRoot","disabledIds","disabledMessage","getDisabledMessage","reviewableRequired","showReviewablesSwitch","defaultReviewablesOnly","showTaskNames","isLoading","props","initSelectionState","rowSelection","setRowSelection","useState","setEntityRowSelection","selection","prev","search","setSearch","setEntitySearch","searchValue","entitySelection","type","id","entityHierarchy","entityHierarchies","canFilterReviewables","reviewablesOnlyEnabled","setReviewablesOnlyEnabled","reviewablesOnly","entityData","useGetEntityPickerData","nonReviewableVersionIds","v","effectiveDisabledIds","effectiveGetDisabledMessage","handleFetchNextPage","entityDataForType","expanded","setExpanded","useExpandedWithInitialFolders","usePreserveChildSelectionByName","useDeselectHiddenRows","recursivelyProcessRows","row","parentIsDisabled","isDisabled","disabledRowMessage","newRow","subRow","processTableDataWithDisabled","tableData","handleSubmit","jsxs","Dialog","upperFirst","Fragment","Button","jsx","SwitchButton","tableEntityType","SimpleTableProvider","EntityTypeTable"],"mappings":"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"}

package/dist/shared/src/containers/EntityPickerDialog/EntityPickerDialog.es.js

@@ -1,19 +1,21 @@
-import { j as s } from "../../../../_virtual/jsx-runtime.es.js";
-import { useState as k } from "react";
-import { entityHierarchies as X } from "./util/entityHierarchies.es.js";
-import { upperFirst as q } from "lodash";
+import { j as r } from "../../../../_virtual/jsx-runtime.es.js";
+import { useState as p } from "react";
+import { entityHierarchies as U } from "./util/entityHierarchies.es.js";
+import { upperFirst as Y } from "lodash";
 import "react-toastify";
 import "uuid";
 import "../../api/queries/users/updateUsers.es.js";
+import "../../util/searchTerms.es.js";
 import "../../util/pubsub.es.js";
-import J from "./components/EntityTypeTable.es.js";
-import { SimpleTableProvider as K } from "../SimpleTable/context/SimpleTableContext.es.js";
-import { Dialog as L, Button as j } from "@ynput/ayon-react-components";
-import Q from "styled-components";
-import { useGetEntityPickerData as U } from "./hooks/useGetEntityPickerData.es.js";
-import Y from "./hooks/useExpandedWithInitialFolders.es.js";
-import { usePreserveChildSelectionByName as Z } from "./hooks/usePreserveChildSelectionByName.es.js";
-const E = 600, T = Q.div`
+import Z from "./components/EntityTypeTable.es.js";
+import { SimpleTableProvider as E } from "../SimpleTable/context/SimpleTableContext.es.js";
+import { Dialog as T, SwitchButton as y, Button as P } from "@ynput/ayon-react-components";
+import ee from "styled-components";
+import { useGetEntityPickerData as oe } from "./hooks/useGetEntityPickerData.es.js";
+import se from "./hooks/useExpandedWithInitialFolders.es.js";
+import { usePreserveChildSelectionByName as re } from "./hooks/usePreserveChildSelectionByName.es.js";
+import { useDeselectHiddenRows as te } from "./hooks/useDeselectHiddenRows.es.js";
+const ie = 600, ae = ee.div`
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
   gap: var(--base-gap-large);
@@ -30,133 +32,159 @@ const E = 600, T = Q.div`
       }
     }
   }
-`, ue = ({
-  projectName: D,
-  entityType: r,
+`, je = ({
+  projectName: w,
+  entityType: s,
   initialSelection: i,
-  isMultiSelect: c,
-  onSubmit: v,
-  showMoveToRoot: P,
-  onMoveToRoot: g,
-  disabledIds: p = [],
-  disabledMessage: C = "Cannot select this item",
-  getDisabledMessage: F,
-  reviewableRequired: N,
-  isLoading: x,
-  ...O
+  isMultiSelect: d,
+  onSubmit: b,
+  showMoveToRoot: C,
+  onMoveToRoot: x,
+  disabledIds: R = [],
+  disabledMessage: F = "Cannot select this item",
+  getDisabledMessage: B,
+  reviewableRequired: H,
+  showReviewablesSwitch: N,
+  defaultReviewablesOnly: W = !1,
+  showTaskNames: M,
+  isLoading: S,
+  ...$
 }) => {
-  const w = {
+  const k = {
     folder: i?.folder || {},
     task: i?.task || {},
     product: i?.product || {},
     version: i?.version || {},
     representation: i?.representation || {},
     workfile: i?.workfile || {}
-  }, [l, H] = k(w), b = (e, o) => {
-    H((t) => ({
+  }, [c, A] = p(k), f = (e, o) => {
+    A((t) => ({
       ...t,
       [o]: e
     }));
-  }, [d, W] = k({
+  }, [m, G] = p({
     folder: void 0,
     task: void 0,
     product: void 0,
     version: void 0,
     representation: void 0,
     workfile: void 0
-  }), B = (e, o) => {
-    W((t) => ({
+  }), I = (e, o) => {
+    G((t) => ({
       ...t,
       [o]: e
     }));
-  }, a = Object.fromEntries(
-    Object.entries(l).map(([e, o]) => [
+  }, n = Object.fromEntries(
+    Object.entries(c).map(([e, o]) => [
       e,
       Object.keys(o).filter((t) => o[t])
     ])
-  ), n = U({
-    entityType: r,
-    projectName: D,
-    search: d,
-    selection: a
-  }), f = N && r === "version" ? n.version.data.filter((e) => "hasReviewables" in e && e.hasReviewables === !1).map((e) => e.id) : [], h = f.length > 0 ? Array.from(/* @__PURE__ */ new Set([...p, ...f])) : p, M = (e) => f.includes(e) ? "Version has no reviewables" : F?.(e), $ = (e) => {
-    const o = n[e];
+  ), l = U[s], D = !!N && l.includes("product"), [h, V] = p(W), a = oe({
+    entityType: s,
+    projectName: w,
+    search: m,
+    selection: n,
+    reviewablesOnly: D && h,
+    includeTask: M
+  }), u = H && s === "version" ? a.version.data.filter((e) => "hasReviewables" in e && e.hasReviewables === !1).map((e) => e.id) : [], v = u.length > 0 ? Array.from(/* @__PURE__ */ new Set([...R, ...u])) : R, _ = (e) => u.includes(e) ? "Version has no reviewables" : B?.(e), z = (e) => {
+    const o = a[e];
     o?.hasNextPage && !o.isFetchingNextPage && o.fetchNextPage?.();
-  }, [A, G] = Y({
-    foldersSelection: w.folder,
-    foldersData: n.folder
-  }), m = X[r];
-  Z({
-    entityHierarchy: m,
-    entityData: n,
-    rowSelection: l,
-    setEntityRowSelection: b
+  }, [L, X] = se({
+    foldersSelection: k.folder,
+    foldersData: a.folder
   });
-  const R = (e, o, t) => {
-    const u = t || o.includes(e.id), _ = u ? M(e.id) || C : void 0, S = {
+  re({
+    entityHierarchy: l,
+    entityData: a,
+    rowSelection: c,
+    setEntityRowSelection: f
+  }), te({
+    entityHierarchy: l,
+    entityData: a,
+    rowSelection: c,
+    setEntityRowSelection: f
+  });
+  const j = (e, o, t) => {
+    const g = t || o.includes(e.id), K = g ? _(e.id) || F : void 0, O = {
       ...e,
-      isDisabled: u,
-      disabledMessage: _
+      isDisabled: g,
+      disabledMessage: K
     };
-    return e.subRows && e.subRows.length > 0 && (S.subRows = e.subRows.map(
-      (z) => R(z, o, u)
-    )), S;
-  }, I = (e) => !h || h.length === 0 ? e : e.map((o) => R(o, h, !1)), V = () => {
-    if (!a[r]?.length)
+    return e.subRows && e.subRows.length > 0 && (O.subRows = e.subRows.map(
+      (Q) => j(Q, o, g)
+    )), O;
+  }, q = (e) => !v || v.length === 0 ? e : e.map((o) => j(o, v, !1)), J = () => {
+    if (!n[s]?.length)
       return;
-    const e = c ? a[r] : a[r].slice(0, 1);
-    v(e);
+    const e = d ? n[s] : n[s].slice(0, 1);
+    b(e);
   };
-  return /* @__PURE__ */ s.jsx(
-    L,
+  return /* @__PURE__ */ r.jsxs(
+    T,
     {
-      ...O,
+      ...$,
       className: "entity-picker-dialog block-shortcuts",
-      header: `Select ${q(r)}`,
+      header: `Select ${Y(s)}`,
       isOpen: !0,
       size: "full",
-      style: { height: "80vh", maxWidth: m.length * E },
-      footer: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-        P && g && /* @__PURE__ */ s.jsx(j, { label: "Move to root", variant: "text", onClick: g }),
-        /* @__PURE__ */ s.jsx(
-          j,
+      style: { height: "80vh", maxWidth: l.length * ie },
+      footer: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+        C && x && /* @__PURE__ */ r.jsx(P, { label: "Move to root", variant: "text", onClick: x }),
+        /* @__PURE__ */ r.jsx(
+          P,
           {
-            label: `Select ${r}${c ? "s" : ""}`,
+            label: `Select ${s}${d ? "s" : ""}`,
             variant: "filled",
-            disabled: !a[r]?.length || x,
-            loading: x,
-            onClick: V
+            disabled: !n[s]?.length || S,
+            loading: S,
+            onClick: J
           }
         )
       ] }),
-      children: /* @__PURE__ */ s.jsx(T, { children: m.map((e) => /* @__PURE__ */ s.jsx(
-        K,
-        {
-          rowSelection: l[e] || {},
-          onRowSelectionChange: (o) => b(o, e),
-          expanded: e === "folder" ? A : void 0,
-          setExpanded: e === "folder" ? G : void 0,
-          children: /* @__PURE__ */ s.jsx(
-            J,
-            {
-              entityType: e,
-              search: d[e],
-              tableData: I(n[e]?.table || []),
-              isFolderHierarchy: e === "folder" && !d.folder,
-              onSearch: (o) => B(o, e),
-              isMultiSelect: e === r ? !!c : !0,
-              onRowSubmit: (o) => e === r ? v([o]) : void 0,
-              onScrollBottom: () => $(e)
-            },
-            e
-          )
-        },
-        e
-      )) })
+      children: [
+        D && /* @__PURE__ */ r.jsx(
+          y,
+          {
+            label: "Show reviewables only",
+            value: h,
+            onClick: () => V(!h),
+            style: {
+              width: "fit-content",
+              marginLeft: "auto",
+              marginBottom: "var(--base-gap-large)"
+            }
+          }
+        ),
+        /* @__PURE__ */ r.jsx(ae, { children: l.map((e) => /* @__PURE__ */ r.jsx(
+          E,
+          {
+            rowSelection: c[e] || {},
+            onRowSelectionChange: (o) => f(o, e),
+            expanded: e === "folder" ? L : void 0,
+            setExpanded: e === "folder" ? X : void 0,
+            children: /* @__PURE__ */ r.jsx(
+              Z,
+              {
+                entityType: e,
+                projectName: w,
+                search: m[e],
+                tableData: q(a[e]?.table || []),
+                isFolderHierarchy: e === "folder" && !m.folder,
+                onSearch: (o) => I(o, e),
+                isMultiSelect: e === s ? !!d : !0,
+                onRowSubmit: (o) => e === s ? b([o]) : void 0,
+                onScrollBottom: () => z(e)
+              },
+              e
+            )
+          },
+          e
+        )) })
+      ]
     }
   );
 };
 export {
-  ue as EntityPickerDialog
+  je as EntityPickerDialog
 };
 //# sourceMappingURL=EntityPickerDialog.es.js.map

package/dist/shared/src/containers/EntityPickerDialog/EntityPickerDialog.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityPickerDialog.es.js","sources":["../../../../../src/containers/EntityPickerDialog/EntityPickerDialog.tsx"],"sourcesContent":["// This components lets you pick a specific entity from the tree table.\n// Each entity type has it's own table\n\nimport { RowSelectionState } from '@tanstack/react-table'\nimport { FC, useState } from 'react'\nimport { entityHierarchies } from './util'\nimport EntityTypeTable from './components/EntityTypeTable'\nimport { SimpleTableProvider } from '@shared/containers/SimpleTable/context/SimpleTableContext'\nimport { Button, Dialog, DialogProps } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport { useGetEntityPickerData } from './hooks/useGetEntityPickerData'\nimport { upperFirst } from 'lodash'\nimport useExpandedWithInitialFolders from './hooks/useExpandedWithInitialFolders'\nimport { usePreserveChildSelectionByName } from './hooks/usePreserveChildSelectionByName'\n\nconst COL_MAX_WIDTH = 600\n\nconst TablesContainer = styled.div`\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n  gap: var(--base-gap-large);\n  height: 100%;\n  overflow: hidden;\n  flex: 1;\n\n  table {\n    height: 100%;\n\n    td:has(.path) {\n      .value {\n        font-weight: bold;\n      }\n    }\n  }\n`\n\nexport type PickerEntityType =\n  | 'folder'\n  | 'task'\n  | 'product'\n  | 'version'\n  | 'representation'\n  | 'workfile'\nexport type PickerSelection = Record<PickerEntityType, RowSelectionState>\nexport type PickerSearch = Record<PickerEntityType, string | undefined>\n\ninterface EntityPickerDialogProps extends Pick<DialogProps, 'onClose'> {\n  projectName: string // The name of the project\n  entityType: PickerEntityType // The type of entity to pick\n  initialSelection?: Partial<PickerSelection> // Initial selection of entities\n  isMultiSelect?: boolean // Whether to allow multiple selection\n  onSubmit: (selection: string[]) => void // Callback when the user selects an entity/entities\n  showMoveToRoot?: boolean // Whether to show \"Move to root\" button\n  onMoveToRoot?: () => void // Callback when user clicks \"Move to root\"\n  disabledIds?: string[] // IDs to display as disabled/unselectable\n  disabledMessage?: string // Default tooltip message for disabled items\n  getDisabledMessage?: (id: string) => string | undefined // Custom message per disabled item\n  reviewableRequired?: boolean // When entityType is 'version', disable versions without reviewables\n  isLoading?: boolean // Whether the submit action is loading\n}\n\nexport const EntityPickerDialog: FC<EntityPickerDialogProps> = ({\n  projectName,\n  entityType,\n  initialSelection,\n  isMultiSelect,\n  onSubmit,\n  showMoveToRoot,\n  onMoveToRoot,\n  disabledIds = [],\n  disabledMessage = 'Cannot select this item',\n  getDisabledMessage,\n  reviewableRequired,\n  isLoading,\n  ...props\n}) => {\n  const initSelectionState: PickerSelection = {\n    folder: initialSelection?.folder || {},\n    task: initialSelection?.task || {},\n    product: initialSelection?.product || {},\n    version: initialSelection?.version || {},\n    representation: initialSelection?.representation || {},\n    workfile: initialSelection?.workfile || {},\n  }\n\n  const [rowSelection, setRowSelection] = useState<PickerSelection>(initSelectionState)\n\n  // helper function to set the row selection for each entity type\n  const setEntityRowSelection = (selection: RowSelectionState, entityType: PickerEntityType) => {\n    setRowSelection((prev) => ({\n      ...prev,\n      [entityType]: selection,\n    }))\n  }\n\n  const [search, setSearch] = useState<PickerSearch>({\n    folder: undefined,\n    task: undefined,\n    product: undefined,\n    version: undefined,\n    representation: undefined,\n    workfile: undefined,\n  })\n\n  // helper function to set the search for each entity type\n  const setEntitySearch = (searchValue: string | undefined, entityType: PickerEntityType) => {\n    setSearch((prev) => ({\n      ...prev,\n      [entityType]: searchValue,\n    }))\n  }\n\n  // convert row selection into a list of ids for each entity type to make it easier to work with\n  const entitySelection = Object.fromEntries(\n    Object.entries(rowSelection).map(([type, selection]) => [\n      type,\n      Object.keys(selection).filter((id) => selection[id]),\n    ]),\n  ) as Record<PickerEntityType, string[]>\n\n  const entityData = useGetEntityPickerData({\n    entityType,\n    projectName,\n    search,\n    selection: entitySelection,\n  })\n\n  // When reviewableRequired is set and we're picking versions, disable any\n  // version returned by the query that does not have reviewables.\n  const nonReviewableVersionIds =\n    reviewableRequired && entityType === 'version'\n      ? entityData.version.data\n          .filter((v) => 'hasReviewables' in v && v.hasReviewables === false)\n          .map((v) => v.id)\n      : []\n\n  const effectiveDisabledIds =\n    nonReviewableVersionIds.length > 0\n      ? Array.from(new Set([...disabledIds, ...nonReviewableVersionIds]))\n      : disabledIds\n\n  const effectiveGetDisabledMessage = (id: string): string | undefined => {\n    if (nonReviewableVersionIds.includes(id)) {\n      return 'Version has no reviewables'\n    }\n    return getDisabledMessage?.(id)\n  }\n\n  const handleFetchNextPage = (entityType: PickerEntityType) => {\n    const entityDataForType = entityData[entityType]\n    if (entityDataForType?.hasNextPage && !entityDataForType.isFetchingNextPage) {\n      entityDataForType.fetchNextPage?.()\n    }\n  }\n\n  const [expanded, setExpanded] = useExpandedWithInitialFolders({\n    foldersSelection: initSelectionState.folder,\n    foldersData: entityData.folder,\n  })\n\n  // Get the complete hierarchy for the target entity type!\n  const entityHierarchy = entityHierarchies[entityType]\n\n  usePreserveChildSelectionByName({\n    entityHierarchy,\n    entityData,\n    rowSelection,\n    setEntityRowSelection,\n  })\n\n  // Process table data to filter out excluded IDs and mark disabled rows\n  const recursivelyProcessRows = (\n    row: { id: string; subRows: any[] },\n    disabledIds: string[],\n    parentIsDisabled: boolean,\n  ) => {\n    // Determine if the current row should be disabled.\n\n    // A row is disabled if its parent is disabled OR its own ID is in the disabledIds list.\n    const isDisabled = parentIsDisabled || disabledIds.includes(row.id)\n    const disabledRowMessage = isDisabled\n      ? effectiveGetDisabledMessage(row.id) || disabledMessage\n      : undefined\n\n    // Create a new row object with the updated disabled state.\n    const newRow = {\n      ...row,\n      isDisabled,\n      disabledMessage: disabledRowMessage,\n    }\n\n    // If the row has subRows, recursively process each of them.\n    if (row.subRows && row.subRows.length > 0) {\n      newRow.subRows = row.subRows.map((subRow: any) =>\n        recursivelyProcessRows(subRow, disabledIds, isDisabled),\n      )\n    }\n\n    return newRow\n  }\n\n  const processTableDataWithDisabled = (tableData: any) => {\n    if (!effectiveDisabledIds || effectiveDisabledIds.length === 0) {\n      return tableData\n    }\n\n    // Iterate over the top-level rows and start the recursive processing.\n    return tableData.map((row: any) => recursivelyProcessRows(row, effectiveDisabledIds, false))\n  }\n\n  const handleSubmit = () => {\n    // check the target entity has a selection\n    if (!entitySelection[entityType]?.length) {\n      return\n    }\n    const selection = isMultiSelect\n      ? entitySelection[entityType]\n      : entitySelection[entityType].slice(0, 1)\n    // Call the onSubmit callback with the selected entity ids\n    onSubmit(selection)\n  }\n\n  //   based on the entity type, we need to create a new table for each parent\n  return (\n    <Dialog\n      {...props}\n      className=\"entity-picker-dialog block-shortcuts\"\n      header={`Select ${upperFirst(entityType)}`}\n      isOpen\n      size=\"full\"\n      style={{ height: '80vh', maxWidth: entityHierarchy.length * COL_MAX_WIDTH }}\n      footer={\n        <>\n          {showMoveToRoot && onMoveToRoot && (\n            <Button label=\"Move to root\" variant=\"text\" onClick={onMoveToRoot} />\n          )}\n          <Button\n            label={`Select ${entityType}${isMultiSelect ? 's' : ''}`}\n            variant=\"filled\"\n            disabled={!entitySelection[entityType]?.length || isLoading}\n            // @ts-ignore\n            loading={isLoading}\n            onClick={handleSubmit}\n          />\n        </>\n      }\n    >\n      <TablesContainer>\n        {entityHierarchy.map((tableEntityType) => (\n          <SimpleTableProvider\n            rowSelection={rowSelection[tableEntityType] || {}}\n            onRowSelectionChange={(s) => setEntityRowSelection(s, tableEntityType)}\n            // expanded state is only used for folders, so we only pass it when the entity type is folder\n            expanded={tableEntityType === 'folder' ? expanded : undefined}\n            setExpanded={tableEntityType === 'folder' ? setExpanded : undefined}\n            key={tableEntityType}\n          >\n            <EntityTypeTable\n              key={tableEntityType}\n              entityType={tableEntityType}\n              search={search[tableEntityType]}\n              tableData={processTableDataWithDisabled(entityData[tableEntityType]?.table || [])}\n              isFolderHierarchy={tableEntityType === 'folder' && !search.folder}\n              onSearch={(v) => setEntitySearch(v, tableEntityType)}\n              isMultiSelect={tableEntityType === entityType ? !!isMultiSelect : true}\n              onRowSubmit={(id) => (tableEntityType === entityType ? onSubmit([id]) : undefined)}\n              onScrollBottom={() => handleFetchNextPage(tableEntityType)}\n            />\n          </SimpleTableProvider>\n        ))}\n      </TablesContainer>\n    </Dialog>\n  )\n}\n"],"names":["COL_MAX_WIDTH","TablesContainer","styled","EntityPickerDialog","projectName","entityType","initialSelection","isMultiSelect","onSubmit","showMoveToRoot","onMoveToRoot","disabledIds","disabledMessage","getDisabledMessage","reviewableRequired","isLoading","props","initSelectionState","rowSelection","setRowSelection","useState","setEntityRowSelection","selection","prev","search","setSearch","setEntitySearch","searchValue","entitySelection","type","id","entityData","useGetEntityPickerData","nonReviewableVersionIds","v","effectiveDisabledIds","effectiveGetDisabledMessage","handleFetchNextPage","entityDataForType","expanded","setExpanded","useExpandedWithInitialFolders","entityHierarchy","entityHierarchies","usePreserveChildSelectionByName","recursivelyProcessRows","row","parentIsDisabled","isDisabled","disabledRowMessage","newRow","subRow","processTableDataWithDisabled","tableData","handleSubmit","jsx","Dialog","upperFirst","jsxs","Fragment","Button","tableEntityType","SimpleTableProvider","s","EntityTypeTable"],"mappings":"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"}
+{"version":3,"file":"EntityPickerDialog.es.js","sources":["../../../../../src/containers/EntityPickerDialog/EntityPickerDialog.tsx"],"sourcesContent":["// This components lets you pick a specific entity from the tree table.\n// Each entity type has it's own table\n\nimport { RowSelectionState } from '@tanstack/react-table'\nimport { FC, useState } from 'react'\nimport { entityHierarchies } from './util'\nimport EntityTypeTable from './components/EntityTypeTable'\nimport { SimpleTableProvider } from '@shared/containers/SimpleTable/context/SimpleTableContext'\nimport { Button, Dialog, DialogProps, SwitchButton } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport { useGetEntityPickerData } from './hooks/useGetEntityPickerData'\nimport { upperFirst } from 'lodash'\nimport useExpandedWithInitialFolders from './hooks/useExpandedWithInitialFolders'\nimport { usePreserveChildSelectionByName } from './hooks/usePreserveChildSelectionByName'\nimport { useDeselectHiddenRows } from './hooks/useDeselectHiddenRows'\n\nconst COL_MAX_WIDTH = 600\n\nconst TablesContainer = styled.div`\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n  gap: var(--base-gap-large);\n  height: 100%;\n  overflow: hidden;\n  flex: 1;\n\n  table {\n    height: 100%;\n\n    td:has(.path) {\n      .value {\n        font-weight: bold;\n      }\n    }\n  }\n`\n\nexport type PickerEntityType =\n  | 'folder'\n  | 'task'\n  | 'product'\n  | 'version'\n  | 'representation'\n  | 'workfile'\nexport type PickerSelection = Record<PickerEntityType, RowSelectionState>\nexport type PickerSearch = Record<PickerEntityType, string | undefined>\n\ninterface EntityPickerDialogProps extends Pick<DialogProps, 'onClose'> {\n  projectName: string // The name of the project\n  entityType: PickerEntityType // The type of entity to pick\n  initialSelection?: Partial<PickerSelection> // Initial selection of entities\n  isMultiSelect?: boolean // Whether to allow multiple selection\n  onSubmit: (selection: string[]) => void // Callback when the user selects an entity/entities\n  showMoveToRoot?: boolean // Whether to show \"Move to root\" button\n  onMoveToRoot?: () => void // Callback when user clicks \"Move to root\"\n  disabledIds?: string[] // IDs to display as disabled/unselectable\n  disabledMessage?: string // Default tooltip message for disabled items\n  getDisabledMessage?: (id: string) => string | undefined // Custom message per disabled item\n  reviewableRequired?: boolean // When entityType is 'version', disable versions without reviewables\n  showReviewablesSwitch?: boolean // Show a \"Show reviewables only\" switch\n  defaultReviewablesOnly?: boolean // Initial value of the reviewables switch\n  showTaskNames?: boolean // Show task names on products (featured version) and versions\n  isLoading?: boolean // Whether the submit action is loading\n}\n\nexport const EntityPickerDialog: FC<EntityPickerDialogProps> = ({\n  projectName,\n  entityType,\n  initialSelection,\n  isMultiSelect,\n  onSubmit,\n  showMoveToRoot,\n  onMoveToRoot,\n  disabledIds = [],\n  disabledMessage = 'Cannot select this item',\n  getDisabledMessage,\n  reviewableRequired,\n  showReviewablesSwitch,\n  defaultReviewablesOnly = false,\n  showTaskNames,\n  isLoading,\n  ...props\n}) => {\n  const initSelectionState: PickerSelection = {\n    folder: initialSelection?.folder || {},\n    task: initialSelection?.task || {},\n    product: initialSelection?.product || {},\n    version: initialSelection?.version || {},\n    representation: initialSelection?.representation || {},\n    workfile: initialSelection?.workfile || {},\n  }\n\n  const [rowSelection, setRowSelection] = useState<PickerSelection>(initSelectionState)\n\n  // helper function to set the row selection for each entity type\n  const setEntityRowSelection = (selection: RowSelectionState, entityType: PickerEntityType) => {\n    setRowSelection((prev) => ({\n      ...prev,\n      [entityType]: selection,\n    }))\n  }\n\n  const [search, setSearch] = useState<PickerSearch>({\n    folder: undefined,\n    task: undefined,\n    product: undefined,\n    version: undefined,\n    representation: undefined,\n    workfile: undefined,\n  })\n\n  // helper function to set the search for each entity type\n  const setEntitySearch = (searchValue: string | undefined, entityType: PickerEntityType) => {\n    setSearch((prev) => ({\n      ...prev,\n      [entityType]: searchValue,\n    }))\n  }\n\n  // convert row selection into a list of ids for each entity type to make it easier to work with\n  const entitySelection = Object.fromEntries(\n    Object.entries(rowSelection).map(([type, selection]) => [\n      type,\n      Object.keys(selection).filter((id) => selection[id]),\n    ]),\n  ) as Record<PickerEntityType, string[]>\n\n  // Get the complete hierarchy for the target entity type!\n  const entityHierarchy = entityHierarchies[entityType]\n\n  const canFilterReviewables = !!showReviewablesSwitch && entityHierarchy.includes('product')\n  const [reviewablesOnlyEnabled, setReviewablesOnlyEnabled] = useState(defaultReviewablesOnly)\n  const reviewablesOnly = canFilterReviewables && reviewablesOnlyEnabled\n\n  const entityData = useGetEntityPickerData({\n    entityType,\n    projectName,\n    search,\n    selection: entitySelection,\n    reviewablesOnly,\n    includeTask: showTaskNames,\n  })\n\n  // When reviewableRequired is set and we're picking versions, disable any\n  // version returned by the query that does not have reviewables.\n  const nonReviewableVersionIds =\n    reviewableRequired && entityType === 'version'\n      ? entityData.version.data\n          .filter((v) => 'hasReviewables' in v && v.hasReviewables === false)\n          .map((v) => v.id)\n      : []\n\n  const effectiveDisabledIds =\n    nonReviewableVersionIds.length > 0\n      ? Array.from(new Set([...disabledIds, ...nonReviewableVersionIds]))\n      : disabledIds\n\n  const effectiveGetDisabledMessage = (id: string): string | undefined => {\n    if (nonReviewableVersionIds.includes(id)) {\n      return 'Version has no reviewables'\n    }\n    return getDisabledMessage?.(id)\n  }\n\n  const handleFetchNextPage = (entityType: PickerEntityType) => {\n    const entityDataForType = entityData[entityType]\n    if (entityDataForType?.hasNextPage && !entityDataForType.isFetchingNextPage) {\n      entityDataForType.fetchNextPage?.()\n    }\n  }\n\n  const [expanded, setExpanded] = useExpandedWithInitialFolders({\n    foldersSelection: initSelectionState.folder,\n    foldersData: entityData.folder,\n  })\n\n  usePreserveChildSelectionByName({\n    entityHierarchy,\n    entityData,\n    rowSelection,\n    setEntityRowSelection,\n  })\n\n  useDeselectHiddenRows({\n    entityHierarchy,\n    entityData,\n    rowSelection,\n    setEntityRowSelection,\n  })\n\n  // Process table data to filter out excluded IDs and mark disabled rows\n  const recursivelyProcessRows = (\n    row: { id: string; subRows: any[] },\n    disabledIds: string[],\n    parentIsDisabled: boolean,\n  ) => {\n    // Determine if the current row should be disabled.\n\n    // A row is disabled if its parent is disabled OR its own ID is in the disabledIds list.\n    const isDisabled = parentIsDisabled || disabledIds.includes(row.id)\n    const disabledRowMessage = isDisabled\n      ? effectiveGetDisabledMessage(row.id) || disabledMessage\n      : undefined\n\n    // Create a new row object with the updated disabled state.\n    const newRow = {\n      ...row,\n      isDisabled,\n      disabledMessage: disabledRowMessage,\n    }\n\n    // If the row has subRows, recursively process each of them.\n    if (row.subRows && row.subRows.length > 0) {\n      newRow.subRows = row.subRows.map((subRow: any) =>\n        recursivelyProcessRows(subRow, disabledIds, isDisabled),\n      )\n    }\n\n    return newRow\n  }\n\n  const processTableDataWithDisabled = (tableData: any) => {\n    if (!effectiveDisabledIds || effectiveDisabledIds.length === 0) {\n      return tableData\n    }\n\n    // Iterate over the top-level rows and start the recursive processing.\n    return tableData.map((row: any) => recursivelyProcessRows(row, effectiveDisabledIds, false))\n  }\n\n  const handleSubmit = () => {\n    // check the target entity has a selection\n    if (!entitySelection[entityType]?.length) {\n      return\n    }\n    const selection = isMultiSelect\n      ? entitySelection[entityType]\n      : entitySelection[entityType].slice(0, 1)\n    // Call the onSubmit callback with the selected entity ids\n    onSubmit(selection)\n  }\n\n  //   based on the entity type, we need to create a new table for each parent\n  return (\n    <Dialog\n      {...props}\n      className=\"entity-picker-dialog block-shortcuts\"\n      header={`Select ${upperFirst(entityType)}`}\n      isOpen\n      size=\"full\"\n      style={{ height: '80vh', maxWidth: entityHierarchy.length * COL_MAX_WIDTH }}\n      footer={\n        <>\n          {showMoveToRoot && onMoveToRoot && (\n            <Button label=\"Move to root\" variant=\"text\" onClick={onMoveToRoot} />\n          )}\n          <Button\n            label={`Select ${entityType}${isMultiSelect ? 's' : ''}`}\n            variant=\"filled\"\n            disabled={!entitySelection[entityType]?.length || isLoading}\n            // @ts-ignore\n            loading={isLoading}\n            onClick={handleSubmit}\n          />\n        </>\n      }\n    >\n      {canFilterReviewables && (\n        <SwitchButton\n          label=\"Show reviewables only\"\n          value={reviewablesOnlyEnabled}\n          onClick={() => setReviewablesOnlyEnabled(!reviewablesOnlyEnabled)}\n          style={{\n            width: 'fit-content',\n            marginLeft: 'auto',\n            marginBottom: 'var(--base-gap-large)',\n          }}\n        />\n      )}\n      <TablesContainer>\n        {entityHierarchy.map((tableEntityType) => (\n          <SimpleTableProvider\n            rowSelection={rowSelection[tableEntityType] || {}}\n            onRowSelectionChange={(s) => setEntityRowSelection(s, tableEntityType)}\n            // expanded state is only used for folders, so we only pass it when the entity type is folder\n            expanded={tableEntityType === 'folder' ? expanded : undefined}\n            setExpanded={tableEntityType === 'folder' ? setExpanded : undefined}\n            key={tableEntityType}\n          >\n            <EntityTypeTable\n              key={tableEntityType}\n              entityType={tableEntityType}\n              projectName={projectName}\n              search={search[tableEntityType]}\n              tableData={processTableDataWithDisabled(entityData[tableEntityType]?.table || [])}\n              isFolderHierarchy={tableEntityType === 'folder' && !search.folder}\n              onSearch={(v) => setEntitySearch(v, tableEntityType)}\n              isMultiSelect={tableEntityType === entityType ? !!isMultiSelect : true}\n              onRowSubmit={(id) => (tableEntityType === entityType ? onSubmit([id]) : undefined)}\n              onScrollBottom={() => handleFetchNextPage(tableEntityType)}\n            />\n          </SimpleTableProvider>\n        ))}\n      </TablesContainer>\n    </Dialog>\n  )\n}\n"],"names":["COL_MAX_WIDTH","TablesContainer","styled","EntityPickerDialog","projectName","entityType","initialSelection","isMultiSelect","onSubmit","showMoveToRoot","onMoveToRoot","disabledIds","disabledMessage","getDisabledMessage","reviewableRequired","showReviewablesSwitch","defaultReviewablesOnly","showTaskNames","isLoading","props","initSelectionState","rowSelection","setRowSelection","useState","setEntityRowSelection","selection","prev","search","setSearch","setEntitySearch","searchValue","entitySelection","type","id","entityHierarchy","entityHierarchies","canFilterReviewables","reviewablesOnlyEnabled","setReviewablesOnlyEnabled","entityData","useGetEntityPickerData","nonReviewableVersionIds","v","effectiveDisabledIds","effectiveGetDisabledMessage","handleFetchNextPage","entityDataForType","expanded","setExpanded","useExpandedWithInitialFolders","usePreserveChildSelectionByName","useDeselectHiddenRows","recursivelyProcessRows","row","parentIsDisabled","isDisabled","disabledRowMessage","newRow","subRow","processTableDataWithDisabled","tableData","handleSubmit","jsxs","Dialog","upperFirst","Fragment","Button","jsx","SwitchButton","tableEntityType","SimpleTableProvider","s","EntityTypeTable"],"mappings":"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"}

package/dist/shared/src/containers/EntityPickerDialog/components/EntityTypeTable.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("../../../../../_virtual/jsx-runtime.cjs.js"),E=require("../../SimpleTable/SimpleTable.cjs.js"),h=require("../../SimpleTable/SimpleTable.styled.cjs.js"),b=require("./EntityTypeTableHeader.cjs.js"),q=require("lodash"),T=require("../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js"),f=({entityType:r,tableData:s,isLoading:i=!1,error:o,search:l,onSearch:u,isFolderHierarchy:c,isMultiSelect:p,onRowSubmit:x,onScrollBottom:d})=>{const a=n=>{n.preventDefault();const t=n.currentTarget.id,m=s.find(j=>j.id===t);t&&!m?.isDisabled&&x?.(t)};return e.jsxRuntimeExports.jsxs(h.Container,{children:[e.jsxRuntimeExports.jsx(b,{search:l,onSearch:u,title:q.upperFirst(r)+"s"}),!i&&!s?.length&&e.jsxRuntimeExports.jsx(T.EmptyPlaceholder,{message:`No ${r}s found.`,error:o}),e.jsxRuntimeExports.jsx(E,{data:s,isLoading:i,isExpandable:c,rowHeight:34,isMultiSelect:p,onScrollBottom:d,pt:{row:{onDoubleClick:a}}})]})};module.exports=f;
+"use strict";const o=require("../../../../../_virtual/jsx-runtime.cjs.js"),j=require("react-dom"),T=require("../../SimpleTable/SimpleTable.cjs.js"),R=require("../../SimpleTable/SimpleTable.styled.cjs.js"),q=require("./EntityTypeTableHeader.cjs.js"),v=require("lodash"),b=require("../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js"),f=require("../../../components/EntityTooltip/EntityTooltip.cjs.js"),g=require("../hooks/useRowTooltip.cjs.js"),w=({entityType:s,projectName:u,tableData:t,isLoading:i=!1,error:l,search:p,onSearch:c,isFolderHierarchy:d,isMultiSelect:x,onRowSubmit:a,onScrollBottom:m})=>{const e=g.useRowTooltip(s,t),y=n=>{n.preventDefault();const r=n.currentTarget.id,E=t.find(h=>h.id===r);r&&!E?.isDisabled&&a?.(r)};return o.jsxRuntimeExports.jsxs(R.Container,{children:[o.jsxRuntimeExports.jsx(q,{search:p,onSearch:c,title:v.upperFirst(s)+"s"}),!i&&!t?.length&&o.jsxRuntimeExports.jsx(b.EmptyPlaceholder,{message:`No ${s}s found.`,error:l}),o.jsxRuntimeExports.jsx(T,{data:t,isLoading:i,isExpandable:d,rowHeight:34,imgRatio:16/9,imgPosition:"end",isMultiSelect:x,onScrollBottom:m,pt:{row:{onDoubleClick:y,onMouseOver:e.onMouseOver,onMouseLeave:e.onMouseLeave}}}),e.hovered&&j.createPortal(o.jsxRuntimeExports.jsx(f.EntityTooltip,{entityType:e.hovered.entityType,entityId:e.hovered.entityId,projectName:u,pos:e.hovered.pos,...e.tooltipProps}),document.body)]})};module.exports=w;
 //# sourceMappingURL=EntityTypeTable.cjs.js.map

package/dist/shared/src/containers/EntityPickerDialog/components/EntityTypeTable.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityTypeTable.cjs.js","sources":["../../../../../../src/containers/EntityPickerDialog/components/EntityTypeTable.tsx"],"sourcesContent":["// Show's all data for a specific entity type with parent ids and optional search\n// When entity type is folder, the data defaults to a tree table when not searching and a flat table when searching\n\nimport { FC, useMemo } from 'react'\nimport { PickerEntityType } from '../EntityPickerDialog'\nimport SimpleTable from '@shared/containers/SimpleTable/SimpleTable'\nimport { Container } from '@shared/containers/SimpleTable/SimpleTable.styled'\nimport type { SimpleTableRow } from '@shared/containers/SimpleTable/SimpleTable.types'\nimport EntityTypeTableHeader from './EntityTypeTableHeader'\nimport { upperFirst } from 'lodash'\nimport { EmptyPlaceholder } from '@shared/components/EmptyPlaceholder/EmptyPlaceholder'\n\ninterface EntityTypeTableProps {\n  entityType: PickerEntityType\n  tableData: SimpleTableRow[] // Folder data if this is a folder table\n  isLoading?: boolean // Whether folders are loading\n  error?: string // Error message if any\n  search?: string // The search term to filter the entities\n  onSearch: (search: string | undefined) => void // Callback to handle search changes\n  isFolderHierarchy?: boolean // Whether this is a folder hierarchy table\n  isMultiSelect?: boolean // Whether to allow multiple selection\n  onRowSubmit?: (id: string) => void // Callback when a row is submitted (e.g., double-clicked)\n  onScrollBottom?: () => void // Callback when scrolled to the bottom of the table\n}\n\nconst EntityTypeTable: FC<EntityTypeTableProps> = ({\n  entityType,\n  tableData,\n  isLoading = false,\n  error,\n  search,\n  onSearch,\n  isFolderHierarchy,\n  isMultiSelect,\n  onRowSubmit,\n  onScrollBottom,\n}) => {\n  const handleDoubleClick = (e: React.MouseEvent<HTMLTableRowElement>) => {\n    e.preventDefault()\n    const id = e.currentTarget.id\n    const row = tableData.find((r) => r.id === id)\n    if (id && !row?.isDisabled) {\n      onRowSubmit?.(id)\n    }\n  }\n\n  return (\n    <Container>\n      <EntityTypeTableHeader\n        search={search}\n        onSearch={onSearch}\n        title={upperFirst(entityType) + 's'}\n      />\n      {!isLoading && !tableData?.length && (\n        <EmptyPlaceholder message={`No ${entityType}s found.`} error={error} />\n      )}\n      <SimpleTable\n        data={tableData}\n        isLoading={isLoading}\n        isExpandable={isFolderHierarchy}\n        rowHeight={34}\n        isMultiSelect={isMultiSelect}\n        onScrollBottom={onScrollBottom}\n        pt={{\n          row: {\n            onDoubleClick: handleDoubleClick,\n          },\n        }}\n      />\n    </Container>\n  )\n}\n\nexport default EntityTypeTable\n"],"names":["EntityTypeTable","entityType","tableData","isLoading","error","search","onSearch","isFolderHierarchy","isMultiSelect","onRowSubmit","onScrollBottom","handleDoubleClick","e","id","row","r","Container","jsx","EntityTypeTableHeader","upperFirst","EmptyPlaceholder","SimpleTable"],"mappings":"gUAyBMA,EAA4C,CAAC,CACjD,WAAAC,EACA,UAAAC,EACA,UAAAC,EAAY,GACZ,MAAAC,EACA,OAAAC,EACA,SAAAC,EACA,kBAAAC,EACA,cAAAC,EACA,YAAAC,EACA,eAAAC,CACF,IAAM,CACJ,MAAMC,EAAqBC,GAA6C,CACtEA,EAAE,eAAA,EACF,MAAMC,EAAKD,EAAE,cAAc,GACrBE,EAAMZ,EAAU,KAAMa,GAAMA,EAAE,KAAOF,CAAE,EACzCA,GAAM,CAACC,GAAK,YACdL,IAAcI,CAAE,CAEpB,EAEA,gCACGG,YAAA,CACC,SAAA,CAAAC,EAAAA,kBAAAA,IAACC,EAAA,CACC,OAAAb,EACA,SAAAC,EACA,MAAOa,EAAAA,WAAWlB,CAAU,EAAI,GAAA,CAAA,EAEjC,CAACE,GAAa,CAACD,GAAW,QACzBe,EAAAA,kBAAAA,IAACG,EAAAA,iBAAA,CAAiB,QAAS,MAAMnB,CAAU,WAAY,MAAAG,CAAA,CAAc,EAEvEa,EAAAA,kBAAAA,IAACI,EAAA,CACC,KAAMnB,EACN,UAAAC,EACA,aAAcI,EACd,UAAW,GACX,cAAAC,EACA,eAAAE,EACA,GAAI,CACF,IAAK,CACH,cAAeC,CAAA,CACjB,CACF,CAAA,CACF,EACF,CAEJ"}
+{"version":3,"file":"EntityTypeTable.cjs.js","sources":["../../../../../../src/containers/EntityPickerDialog/components/EntityTypeTable.tsx"],"sourcesContent":["// Show's all data for a specific entity type with parent ids and optional search\n// When entity type is folder, the data defaults to a tree table when not searching and a flat table when searching\n\nimport { FC } from 'react'\nimport { createPortal } from 'react-dom'\nimport { PickerEntityType } from '../EntityPickerDialog'\nimport SimpleTable from '@shared/containers/SimpleTable/SimpleTable'\nimport { Container } from '@shared/containers/SimpleTable/SimpleTable.styled'\nimport type { SimpleTableRow } from '@shared/containers/SimpleTable/SimpleTable.types'\nimport EntityTypeTableHeader from './EntityTypeTableHeader'\nimport { upperFirst } from 'lodash'\nimport { EmptyPlaceholder } from '@shared/components/EmptyPlaceholder/EmptyPlaceholder'\nimport { EntityTooltip } from '@shared/components/EntityTooltip'\nimport { useRowTooltip } from '../hooks/useRowTooltip'\n\ninterface EntityTypeTableProps {\n  entityType: PickerEntityType\n  projectName: string\n  tableData: SimpleTableRow[] // Folder data if this is a folder table\n  isLoading?: boolean // Whether folders are loading\n  error?: string // Error message if any\n  search?: string // The search term to filter the entities\n  onSearch: (search: string | undefined) => void // Callback to handle search changes\n  isFolderHierarchy?: boolean // Whether this is a folder hierarchy table\n  isMultiSelect?: boolean // Whether to allow multiple selection\n  onRowSubmit?: (id: string) => void // Callback when a row is submitted (e.g., double-clicked)\n  onScrollBottom?: () => void // Callback when scrolled to the bottom of the table\n}\n\nconst EntityTypeTable: FC<EntityTypeTableProps> = ({\n  entityType,\n  projectName,\n  tableData,\n  isLoading = false,\n  error,\n  search,\n  onSearch,\n  isFolderHierarchy,\n  isMultiSelect,\n  onRowSubmit,\n  onScrollBottom,\n}) => {\n  const tooltip = useRowTooltip(entityType, tableData)\n\n  const handleDoubleClick = (e: React.MouseEvent<HTMLTableRowElement>) => {\n    e.preventDefault()\n    const id = e.currentTarget.id\n    const row = tableData.find((r) => r.id === id)\n    if (id && !row?.isDisabled) {\n      onRowSubmit?.(id)\n    }\n  }\n\n  return (\n    <Container>\n      <EntityTypeTableHeader\n        search={search}\n        onSearch={onSearch}\n        title={upperFirst(entityType) + 's'}\n      />\n      {!isLoading && !tableData?.length && (\n        <EmptyPlaceholder message={`No ${entityType}s found.`} error={error} />\n      )}\n      <SimpleTable\n        data={tableData}\n        isLoading={isLoading}\n        isExpandable={isFolderHierarchy}\n        rowHeight={34}\n        imgRatio={16 / 9}\n        imgPosition=\"end\"\n        isMultiSelect={isMultiSelect}\n        onScrollBottom={onScrollBottom}\n        pt={{\n          row: {\n            onDoubleClick: handleDoubleClick,\n            onMouseOver: tooltip.onMouseOver,\n            onMouseLeave: tooltip.onMouseLeave,\n          },\n        }}\n      />\n      {tooltip.hovered &&\n        createPortal(\n          <EntityTooltip\n            entityType={tooltip.hovered.entityType}\n            entityId={tooltip.hovered.entityId}\n            projectName={projectName}\n            pos={tooltip.hovered.pos}\n            {...tooltip.tooltipProps}\n          />,\n          document.body,\n        )}\n    </Container>\n  )\n}\n\nexport default EntityTypeTable\n"],"names":["EntityTypeTable","entityType","projectName","tableData","isLoading","error","search","onSearch","isFolderHierarchy","isMultiSelect","onRowSubmit","onScrollBottom","tooltip","useRowTooltip","handleDoubleClick","e","id","row","r","Container","jsx","EntityTypeTableHeader","upperFirst","EmptyPlaceholder","SimpleTable","createPortal","EntityTooltip"],"mappings":"scA6BMA,EAA4C,CAAC,CACjD,WAAAC,EACA,YAAAC,EACA,UAAAC,EACA,UAAAC,EAAY,GACZ,MAAAC,EACA,OAAAC,EACA,SAAAC,EACA,kBAAAC,EACA,cAAAC,EACA,YAAAC,EACA,eAAAC,CACF,IAAM,CACJ,MAAMC,EAAUC,EAAAA,cAAcZ,EAAYE,CAAS,EAE7CW,EAAqBC,GAA6C,CACtEA,EAAE,eAAA,EACF,MAAMC,EAAKD,EAAE,cAAc,GACrBE,EAAMd,EAAU,KAAMe,GAAMA,EAAE,KAAOF,CAAE,EACzCA,GAAM,CAACC,GAAK,YACdP,IAAcM,CAAE,CAEpB,EAEA,gCACGG,YAAA,CACC,SAAA,CAAAC,EAAAA,kBAAAA,IAACC,EAAA,CACC,OAAAf,EACA,SAAAC,EACA,MAAOe,EAAAA,WAAWrB,CAAU,EAAI,GAAA,CAAA,EAEjC,CAACG,GAAa,CAACD,GAAW,QACzBiB,EAAAA,kBAAAA,IAACG,EAAAA,iBAAA,CAAiB,QAAS,MAAMtB,CAAU,WAAY,MAAAI,CAAA,CAAc,EAEvEe,EAAAA,kBAAAA,IAACI,EAAA,CACC,KAAMrB,EACN,UAAAC,EACA,aAAcI,EACd,UAAW,GACX,SAAU,GAAK,EACf,YAAY,MACZ,cAAAC,EACA,eAAAE,EACA,GAAI,CACF,IAAK,CACH,cAAeG,EACf,YAAaF,EAAQ,YACrB,aAAcA,EAAQ,YAAA,CACxB,CACF,CAAA,EAEDA,EAAQ,SACPa,EAAAA,aACEL,EAAAA,kBAAAA,IAACM,EAAAA,cAAA,CACC,WAAYd,EAAQ,QAAQ,WAC5B,SAAUA,EAAQ,QAAQ,SAC1B,YAAAV,EACA,IAAKU,EAAQ,QAAQ,IACpB,GAAGA,EAAQ,YAAA,CAAA,EAEd,SAAS,IAAA,CACX,EACJ,CAEJ"}

package/dist/shared/src/containers/EntityPickerDialog/components/EntityTypeTable.es.js

@@ -1,55 +1,76 @@
-import { j as r } from "../../../../../_virtual/jsx-runtime.es.js";
-import j from "../../SimpleTable/SimpleTable.es.js";
-import { Container as b } from "../../SimpleTable/SimpleTable.styled.es.js";
-import h from "./EntityTypeTableHeader.es.js";
-import { upperFirst as E } from "lodash";
-import { EmptyPlaceholder as T } from "../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
-const H = ({
-  entityType: t,
-  tableData: e,
-  isLoading: i = !1,
-  error: l,
-  search: n,
-  onSearch: m,
-  isFolderHierarchy: p,
-  isMultiSelect: a,
-  onRowSubmit: d,
-  onScrollBottom: f
+import { j as e } from "../../../../../_virtual/jsx-runtime.es.js";
+import { createPortal as y } from "react-dom";
+import T from "../../SimpleTable/SimpleTable.es.js";
+import { Container as j } from "../../SimpleTable/SimpleTable.styled.es.js";
+import E from "./EntityTypeTableHeader.es.js";
+import { upperFirst as b } from "lodash";
+import { EmptyPlaceholder as g } from "../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
+import { EntityTooltip as w } from "../../../components/EntityTooltip/EntityTooltip.es.js";
+import { useRowTooltip as M } from "../hooks/useRowTooltip.es.js";
+const L = ({
+  entityType: r,
+  projectName: p,
+  tableData: t,
+  isLoading: s = !1,
+  error: m,
+  search: d,
+  onSearch: l,
+  isFolderHierarchy: f,
+  isMultiSelect: u,
+  onRowSubmit: a,
+  onScrollBottom: c
 }) => {
-  const c = (s) => {
-    s.preventDefault();
-    const o = s.currentTarget.id, u = e.find((x) => x.id === o);
-    o && !u?.isDisabled && d?.(o);
+  const o = M(r, t), h = (n) => {
+    n.preventDefault();
+    const i = n.currentTarget.id, v = t.find((x) => x.id === i);
+    i && !v?.isDisabled && a?.(i);
   };
-  return /* @__PURE__ */ r.jsxs(b, { children: [
-    /* @__PURE__ */ r.jsx(
-      h,
+  return /* @__PURE__ */ e.jsxs(j, { children: [
+    /* @__PURE__ */ e.jsx(
+      E,
       {
-        search: n,
-        onSearch: m,
-        title: E(t) + "s"
+        search: d,
+        onSearch: l,
+        title: b(r) + "s"
       }
     ),
-    !i && !e?.length && /* @__PURE__ */ r.jsx(T, { message: `No ${t}s found.`, error: l }),
-    /* @__PURE__ */ r.jsx(
-      j,
+    !s && !t?.length && /* @__PURE__ */ e.jsx(g, { message: `No ${r}s found.`, error: m }),
+    /* @__PURE__ */ e.jsx(
+      T,
       {
-        data: e,
-        isLoading: i,
-        isExpandable: p,
+        data: t,
+        isLoading: s,
+        isExpandable: f,
         rowHeight: 34,
-        isMultiSelect: a,
-        onScrollBottom: f,
+        imgRatio: 16 / 9,
+        imgPosition: "end",
+        isMultiSelect: u,
+        onScrollBottom: c,
         pt: {
           row: {
-            onDoubleClick: c
+            onDoubleClick: h,
+            onMouseOver: o.onMouseOver,
+            onMouseLeave: o.onMouseLeave
           }
         }
       }
+    ),
+    o.hovered && y(
+      /* @__PURE__ */ e.jsx(
+        w,
+        {
+          entityType: o.hovered.entityType,
+          entityId: o.hovered.entityId,
+          projectName: p,
+          pos: o.hovered.pos,
+          ...o.tooltipProps
+        }
+      ),
+      document.body
     )
   ] });
 };
 export {
-  H as default
+  L as default
 };
 //# sourceMappingURL=EntityTypeTable.es.js.map