@ynput/ayon-frontend-shared 0.4.2 → 0.4.4

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

@@ -1 +1 @@
-{"version":3,"file":"RepresentationsList.cjs.js","sources":["../../../../../src/containers/RepresentationsList/RepresentationsList.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { TablePanel } from '@ynput/ayon-react-components'\n\nimport { TreeTable } from 'primereact/treetable'\nimport { Column } from 'primereact/column'\n\nimport { copyToClipboard, groupResult, replaceRoot } from '@shared/util'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu/useCreateContextMenu'\nimport { DetailsDialog } from '@shared/components/DetailsDialog/DetailsDialog'\nimport versionsToRepresentations from './versionsToRepresentations'\nimport { useGetProjectAnatomyQuery } from '@shared/api'\nimport type { DetailsPanelEntityData } from '@shared/api'\n\nconst columns = [\n  {\n    field: 'name',\n    header: 'Name',\n    width: 90,\n    expander: true,\n  },\n  {\n    field: 'folderName',\n    header: 'Folder',\n    width: 130,\n  },\n  {\n    field: 'productName',\n    header: 'Product',\n    width: 130,\n  },\n  {\n    field: 'Product type',\n    header: 'productType',\n    width: 110,\n  },\n]\n\ntype Props = {\n  entities: DetailsPanelEntityData[]\n}\n\nexport const RepresentationsList = ({ entities = [] }: Props) => {\n  // merge all entities data into one array of entities\n  const representations = useMemo(() => versionsToRepresentations(entities) || [], [entities])\n\n  const [showDetail, setShowDetail] = useState<false | string>(false)\n  const showDetailProjectName = representations.find((rep) => rep.id === showDetail)?.projectName\n\n  const [selected, setSelected] = useState<string[]>([])\n\n  const data = useMemo(() => {\n    // @ts-expect-error - groupResult is not typed\n    return groupResult(representations, 'name')\n  }, [representations])\n\n  const onRepSelectionChange = (entityId: string) => {\n    // set focused state\n    setSelected([entityId])\n  }\n\n  const onRowClick = (e: any) => {\n    onRepSelectionChange(e.node.data.id)\n  }\n\n  const projectName = representations[0]?.projectName\n\n  const { data: anatomy } = useGetProjectAnatomyQuery(\n    { projectName: projectName as string },\n    { skip: !projectName },\n  )\n\n  const rootsByPlatform = useMemo(() => {\n    const roots = anatomy?.roots ?? []\n    const build = (platform: 'windows' | 'linux' | 'darwin') =>\n      Object.fromEntries(roots.filter((r) => r[platform]).map((r) => [r.name, r[platform]]))\n    return { windows: build('windows'), darwin: build('darwin'), linux: build('linux') }\n  }, [anatomy])\n\n  const copyRepPath = (id: string, platform: 'windows' | 'darwin' | 'linux') => {\n    const rootless = representations.find((rep) => rep.id === id)?.files?.[0]\n    if (!rootless) return\n    const resolved = replaceRoot(rootless, rootsByPlatform[platform])\n    if (!resolved || /\\{root\\[.*?\\]\\}/.test(resolved)) return\n    copyToClipboard(resolved, true)\n  }\n\n  const ctxMenuItems = (id: string) => [\n    {\n      label: 'Representation detail',\n      command: () => setShowDetail(id),\n      icon: 'database',\n    },\n    {\n      label: 'Copy path',\n      icon: 'content_copy',\n      items: [\n        { label: 'Copy Windows path', command: () => copyRepPath(id, 'windows') },\n        { label: 'Copy Mac path', command: () => copyRepPath(id, 'darwin') },\n        { label: 'Copy Linux path', command: () => copyRepPath(id, 'linux') },\n      ],\n    },\n  ]\n\n  const [ctxMenuShow] = useCreateContextMenu([])\n\n  const handleContextMenu = (e: any) => {\n    const id = e.node.data.id\n\n    if (id) {\n      // update focused representations\n      onRepSelectionChange(id)\n      // open context menu\n      ctxMenuShow(e.originalEvent, ctxMenuItems(id))\n    }\n  }\n\n  return (\n    <>\n      <TablePanel>\n        <TreeTable\n          scrollable\n          scrollHeight=\"100%\"\n          resizableColumns\n          columnResizeMode=\"fit\"\n          value={data}\n          emptyMessage=\"No representation found\"\n          selectionMode=\"single\"\n          selectionKeys={selected[0]}\n          onRowClick={onRowClick}\n          onContextMenu={handleContextMenu}\n        >\n          {columns.map((col) => {\n            return (\n              <Column\n                key={col.field}\n                field={col.field}\n                header={col.header}\n                expander={col.expander}\n                style={{ width: col.width }}\n              />\n            )\n          })}\n        </TreeTable>\n      </TablePanel>\n\n      {showDetail && (\n        <DetailsDialog\n          projectName={showDetailProjectName}\n          entityType={'representation'}\n          entityIds={[showDetail]}\n          visible={!!showDetail}\n          onHide={() => setShowDetail(false)}\n        />\n      )}\n    </>\n  )\n}\n"],"names":["columns","RepresentationsList","entities","representations","useMemo","versionsToRepresentations","showDetail","setShowDetail","useState","showDetailProjectName","rep","selected","setSelected","data","groupResult","onRepSelectionChange","entityId","onRowClick","projectName","anatomy","useGetProjectAnatomyQuery","rootsByPlatform","roots","build","platform","r","copyRepPath","id","rootless","resolved","replaceRoot","copyToClipboard","ctxMenuItems","ctxMenuShow","useCreateContextMenu","handleContextMenu","jsxs","Fragment","jsx","TablePanel","TreeTable","col","Column","DetailsDialog"],"mappings":"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"}
+{"version":3,"file":"RepresentationsList.cjs.js","sources":["../../../../../src/containers/RepresentationsList/RepresentationsList.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { TablePanel } from '@ynput/ayon-react-components'\n\nimport { TreeTable } from 'primereact/treetable'\nimport { Column } from 'primereact/column'\n\nimport { copyToClipboard, groupResult, replaceRoot } from '@shared/util'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu/useCreateContextMenu'\nimport { DetailsDialog } from '@shared/components/DetailsDialog/DetailsDialog'\nimport versionsToRepresentations from './versionsToRepresentations'\nimport { useGetProjectAnatomyQuery } from '@shared/api'\nimport type { DetailsPanelEntityData } from '@shared/api'\n\nconst columns = [\n  {\n    field: 'name',\n    header: 'Name',\n    width: 90,\n    expander: true,\n  },\n  {\n    field: 'folderName',\n    header: 'Folder',\n    width: 130,\n  },\n  {\n    field: 'productName',\n    header: 'Product',\n    width: 130,\n  },\n  {\n    field: 'Product type',\n    header: 'productType',\n    width: 110,\n  },\n]\n\ntype Props = {\n  entities: DetailsPanelEntityData[]\n}\n\nexport const RepresentationsList = ({ entities = [] }: Props) => {\n  // merge all entities data into one array of entities\n  const representations = useMemo(() => versionsToRepresentations(entities) || [], [entities])\n\n  const [showDetail, setShowDetail] = useState<false | string>(false)\n  const showDetailProjectName = representations.find((rep) => rep.id === showDetail)?.projectName\n\n  const [selected, setSelected] = useState<string[]>([])\n\n  const data = useMemo(() => {\n    // @ts-expect-error - groupResult is not typed\n    return groupResult(representations, 'name')\n  }, [representations])\n\n  const onRepSelectionChange = (entityId: string) => {\n    // set focused state\n    setSelected([entityId])\n  }\n\n  const onRowClick = (e: any) => {\n    onRepSelectionChange(e.node.data.id)\n  }\n\n  const projectName = representations[0]?.projectName\n\n  const { data: anatomy } = useGetProjectAnatomyQuery(\n    { projectName: projectName as string },\n    { skip: !projectName },\n  )\n\n  const rootsByPlatform = useMemo(() => {\n    const roots = anatomy?.roots ?? []\n    const build = (platform: 'windows' | 'linux' | 'darwin') =>\n      Object.fromEntries(roots.filter((r) => r[platform]).map((r) => [r.name, r[platform]]))\n    return { windows: build('windows'), darwin: build('darwin'), linux: build('linux') }\n  }, [anatomy])\n\n  const copyRepPath = (id: string, platform: 'windows' | 'darwin' | 'linux') => {\n    const rootless = representations.find((rep) => rep.id === id)?.files?.[0]\n    if (!rootless) return\n    const resolved = replaceRoot(rootless, rootsByPlatform[platform])\n    if (!resolved || /\\{root\\[.*?\\]\\}/.test(resolved)) return\n    copyToClipboard(resolved, true)\n  }\n\n  const ctxMenuItems = (id: string) => [\n    {\n      label: 'Representation detail',\n      command: () => setShowDetail(id),\n      icon: 'database',\n    },\n    {\n      label: 'Copy path',\n      icon: 'content_copy',\n      items: [\n        { label: 'Copy Windows path', command: () => copyRepPath(id, 'windows') },\n        { label: 'Copy Mac path', command: () => copyRepPath(id, 'darwin') },\n        { label: 'Copy Linux path', command: () => copyRepPath(id, 'linux') },\n      ],\n    },\n  ]\n\n  const [ctxMenuShow] = useCreateContextMenu([])\n\n  const handleContextMenu = (e: any) => {\n    const id = e.node.data.id\n\n    if (id) {\n      // update focused representations\n      onRepSelectionChange(id)\n      // open context menu\n      ctxMenuShow(e.originalEvent, ctxMenuItems(id))\n    }\n  }\n\n  return (\n    <>\n      <TablePanel>\n        <TreeTable\n          scrollable\n          scrollHeight=\"100%\"\n          resizableColumns\n          columnResizeMode=\"fit\"\n          value={data}\n          emptyMessage=\"No representation found\"\n          selectionMode=\"single\"\n          selectionKeys={selected[0]}\n          onRowClick={onRowClick}\n          onContextMenu={handleContextMenu}\n        >\n          {columns.map((col) => {\n            return (\n              <Column\n                key={col.field}\n                field={col.field}\n                header={col.header}\n                expander={col.expander}\n                style={{ width: col.width }}\n              />\n            )\n          })}\n        </TreeTable>\n      </TablePanel>\n\n      {showDetail && (\n        <DetailsDialog\n          projectName={showDetailProjectName}\n          entityType={'representation'}\n          entityIds={[showDetail]}\n          visible={!!showDetail}\n          onHide={() => setShowDetail(false)}\n        />\n      )}\n    </>\n  )\n}\n"],"names":["columns","RepresentationsList","entities","representations","useMemo","versionsToRepresentations","showDetail","setShowDetail","useState","showDetailProjectName","rep","selected","setSelected","data","groupResult","onRepSelectionChange","entityId","onRowClick","projectName","anatomy","useGetProjectAnatomyQuery","rootsByPlatform","roots","build","platform","r","copyRepPath","id","rootless","resolved","replaceRoot","copyToClipboard","ctxMenuItems","ctxMenuShow","useCreateContextMenu","handleContextMenu","jsxs","Fragment","jsx","TablePanel","TreeTable","col","Column","DetailsDialog"],"mappings":"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"}

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

@@ -10,6 +10,7 @@ import { copyToClipboard as D } from "../../util/copyToClipboard.es.js";
 import "uuid";
 import "../../api/queries/users/updateUsers.es.js";
 import { replaceRoot as S } from "../../util/replaceRoot.es.js";
+import "../../util/searchTerms.es.js";
 import "../../util/pubsub.es.js";
 import { useCreateContextMenu as E } from "../ContextMenu/useCreateContextMenu.es.js";
 import { DetailsDialog as k } from "../../components/DetailsDialog/DetailsDialog.es.js";
@@ -29,6 +30,7 @@ import "../../api/generated/configuration.es.js";
 import "../../api/generated/dataImport.es.js";
 import "../../api/generated/desktop.es.js";
 import "../../api/generated/entityLists.es.js";
+import "../../api/generated/enums.es.js";
 import "../../api/generated/events.es.js";
 import "../../api/generated/files.es.js";
 import "../../api/generated/folders.es.js";
@@ -54,6 +56,8 @@ import "../../api/generated/workfiles.es.js";
 import "../../api/generated/ynputCloud.es.js";
 import "../../api/generated/grouping.es.js";
 import "../../api/generated/views.es.js";
+import "../../api/queries/accessGroups/getAccessGroups.es.js";
+import "../../api/queries/accessGroups/updateAccessGroups.es.js";
 import "../../api/queries/actions/getActions.es.js";
 import "../../api/queries/activities/getActivities.es.js";
 import "../../api/queries/activities/updateReaction.es.js";
@@ -84,6 +88,7 @@ import "../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../api/queries/entityLists/listItemsColumnStats.es.js";
 import "../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../api/queries/entityLists/listFolders.es.js";
+import "../../api/queries/enums/getEnums.es.js";
 import "../../api/queries/folders/getFolders.es.js";
 import "../../api/queries/folders/getFolderDeleteInfo.es.js";
 import "../../api/queries/grouping/getGrouping.es.js";
@@ -132,7 +137,7 @@ const H = [
     header: "productType",
     width: 110
   }
-], Ko = ({ entities: a = [] }) => {
+], qo = ({ entities: a = [] }) => {
   const e = s(() => z(a) || [], [a]), [p, d] = f(!1), h = e.find((t) => t.id === p)?.projectName, [w, x] = f([]), y = s(() => v(e, "name"), [e]), l = (t) => {
     x([t]);
   }, b = (t) => {
@@ -206,6 +211,6 @@ const H = [
   ] });
 };
 export {
-  Ko as RepresentationsList
+  qo as RepresentationsList
 };
 //# sourceMappingURL=RepresentationsList.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RepresentationsList.es.js","sources":["../../../../../src/containers/RepresentationsList/RepresentationsList.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { TablePanel } from '@ynput/ayon-react-components'\n\nimport { TreeTable } from 'primereact/treetable'\nimport { Column } from 'primereact/column'\n\nimport { copyToClipboard, groupResult, replaceRoot } from '@shared/util'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu/useCreateContextMenu'\nimport { DetailsDialog } from '@shared/components/DetailsDialog/DetailsDialog'\nimport versionsToRepresentations from './versionsToRepresentations'\nimport { useGetProjectAnatomyQuery } from '@shared/api'\nimport type { DetailsPanelEntityData } from '@shared/api'\n\nconst columns = [\n  {\n    field: 'name',\n    header: 'Name',\n    width: 90,\n    expander: true,\n  },\n  {\n    field: 'folderName',\n    header: 'Folder',\n    width: 130,\n  },\n  {\n    field: 'productName',\n    header: 'Product',\n    width: 130,\n  },\n  {\n    field: 'Product type',\n    header: 'productType',\n    width: 110,\n  },\n]\n\ntype Props = {\n  entities: DetailsPanelEntityData[]\n}\n\nexport const RepresentationsList = ({ entities = [] }: Props) => {\n  // merge all entities data into one array of entities\n  const representations = useMemo(() => versionsToRepresentations(entities) || [], [entities])\n\n  const [showDetail, setShowDetail] = useState<false | string>(false)\n  const showDetailProjectName = representations.find((rep) => rep.id === showDetail)?.projectName\n\n  const [selected, setSelected] = useState<string[]>([])\n\n  const data = useMemo(() => {\n    // @ts-expect-error - groupResult is not typed\n    return groupResult(representations, 'name')\n  }, [representations])\n\n  const onRepSelectionChange = (entityId: string) => {\n    // set focused state\n    setSelected([entityId])\n  }\n\n  const onRowClick = (e: any) => {\n    onRepSelectionChange(e.node.data.id)\n  }\n\n  const projectName = representations[0]?.projectName\n\n  const { data: anatomy } = useGetProjectAnatomyQuery(\n    { projectName: projectName as string },\n    { skip: !projectName },\n  )\n\n  const rootsByPlatform = useMemo(() => {\n    const roots = anatomy?.roots ?? []\n    const build = (platform: 'windows' | 'linux' | 'darwin') =>\n      Object.fromEntries(roots.filter((r) => r[platform]).map((r) => [r.name, r[platform]]))\n    return { windows: build('windows'), darwin: build('darwin'), linux: build('linux') }\n  }, [anatomy])\n\n  const copyRepPath = (id: string, platform: 'windows' | 'darwin' | 'linux') => {\n    const rootless = representations.find((rep) => rep.id === id)?.files?.[0]\n    if (!rootless) return\n    const resolved = replaceRoot(rootless, rootsByPlatform[platform])\n    if (!resolved || /\\{root\\[.*?\\]\\}/.test(resolved)) return\n    copyToClipboard(resolved, true)\n  }\n\n  const ctxMenuItems = (id: string) => [\n    {\n      label: 'Representation detail',\n      command: () => setShowDetail(id),\n      icon: 'database',\n    },\n    {\n      label: 'Copy path',\n      icon: 'content_copy',\n      items: [\n        { label: 'Copy Windows path', command: () => copyRepPath(id, 'windows') },\n        { label: 'Copy Mac path', command: () => copyRepPath(id, 'darwin') },\n        { label: 'Copy Linux path', command: () => copyRepPath(id, 'linux') },\n      ],\n    },\n  ]\n\n  const [ctxMenuShow] = useCreateContextMenu([])\n\n  const handleContextMenu = (e: any) => {\n    const id = e.node.data.id\n\n    if (id) {\n      // update focused representations\n      onRepSelectionChange(id)\n      // open context menu\n      ctxMenuShow(e.originalEvent, ctxMenuItems(id))\n    }\n  }\n\n  return (\n    <>\n      <TablePanel>\n        <TreeTable\n          scrollable\n          scrollHeight=\"100%\"\n          resizableColumns\n          columnResizeMode=\"fit\"\n          value={data}\n          emptyMessage=\"No representation found\"\n          selectionMode=\"single\"\n          selectionKeys={selected[0]}\n          onRowClick={onRowClick}\n          onContextMenu={handleContextMenu}\n        >\n          {columns.map((col) => {\n            return (\n              <Column\n                key={col.field}\n                field={col.field}\n                header={col.header}\n                expander={col.expander}\n                style={{ width: col.width }}\n              />\n            )\n          })}\n        </TreeTable>\n      </TablePanel>\n\n      {showDetail && (\n        <DetailsDialog\n          projectName={showDetailProjectName}\n          entityType={'representation'}\n          entityIds={[showDetail]}\n          visible={!!showDetail}\n          onHide={() => setShowDetail(false)}\n        />\n      )}\n    </>\n  )\n}\n"],"names":["columns","RepresentationsList","entities","representations","useMemo","versionsToRepresentations","showDetail","setShowDetail","useState","showDetailProjectName","rep","selected","setSelected","data","groupResult","onRepSelectionChange","entityId","onRowClick","e","projectName","anatomy","useGetProjectAnatomyQuery","rootsByPlatform","roots","build","platform","copyRepPath","id","rootless","resolved","replaceRoot","copyToClipboard","ctxMenuItems","ctxMenuShow","useCreateContextMenu","handleContextMenu","jsxs","Fragment","jsx","TablePanel","TreeTable","col","Column","DetailsDialog"],"mappings":"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"}
+{"version":3,"file":"RepresentationsList.es.js","sources":["../../../../../src/containers/RepresentationsList/RepresentationsList.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { TablePanel } from '@ynput/ayon-react-components'\n\nimport { TreeTable } from 'primereact/treetable'\nimport { Column } from 'primereact/column'\n\nimport { copyToClipboard, groupResult, replaceRoot } from '@shared/util'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu/useCreateContextMenu'\nimport { DetailsDialog } from '@shared/components/DetailsDialog/DetailsDialog'\nimport versionsToRepresentations from './versionsToRepresentations'\nimport { useGetProjectAnatomyQuery } from '@shared/api'\nimport type { DetailsPanelEntityData } from '@shared/api'\n\nconst columns = [\n  {\n    field: 'name',\n    header: 'Name',\n    width: 90,\n    expander: true,\n  },\n  {\n    field: 'folderName',\n    header: 'Folder',\n    width: 130,\n  },\n  {\n    field: 'productName',\n    header: 'Product',\n    width: 130,\n  },\n  {\n    field: 'Product type',\n    header: 'productType',\n    width: 110,\n  },\n]\n\ntype Props = {\n  entities: DetailsPanelEntityData[]\n}\n\nexport const RepresentationsList = ({ entities = [] }: Props) => {\n  // merge all entities data into one array of entities\n  const representations = useMemo(() => versionsToRepresentations(entities) || [], [entities])\n\n  const [showDetail, setShowDetail] = useState<false | string>(false)\n  const showDetailProjectName = representations.find((rep) => rep.id === showDetail)?.projectName\n\n  const [selected, setSelected] = useState<string[]>([])\n\n  const data = useMemo(() => {\n    // @ts-expect-error - groupResult is not typed\n    return groupResult(representations, 'name')\n  }, [representations])\n\n  const onRepSelectionChange = (entityId: string) => {\n    // set focused state\n    setSelected([entityId])\n  }\n\n  const onRowClick = (e: any) => {\n    onRepSelectionChange(e.node.data.id)\n  }\n\n  const projectName = representations[0]?.projectName\n\n  const { data: anatomy } = useGetProjectAnatomyQuery(\n    { projectName: projectName as string },\n    { skip: !projectName },\n  )\n\n  const rootsByPlatform = useMemo(() => {\n    const roots = anatomy?.roots ?? []\n    const build = (platform: 'windows' | 'linux' | 'darwin') =>\n      Object.fromEntries(roots.filter((r) => r[platform]).map((r) => [r.name, r[platform]]))\n    return { windows: build('windows'), darwin: build('darwin'), linux: build('linux') }\n  }, [anatomy])\n\n  const copyRepPath = (id: string, platform: 'windows' | 'darwin' | 'linux') => {\n    const rootless = representations.find((rep) => rep.id === id)?.files?.[0]\n    if (!rootless) return\n    const resolved = replaceRoot(rootless, rootsByPlatform[platform])\n    if (!resolved || /\\{root\\[.*?\\]\\}/.test(resolved)) return\n    copyToClipboard(resolved, true)\n  }\n\n  const ctxMenuItems = (id: string) => [\n    {\n      label: 'Representation detail',\n      command: () => setShowDetail(id),\n      icon: 'database',\n    },\n    {\n      label: 'Copy path',\n      icon: 'content_copy',\n      items: [\n        { label: 'Copy Windows path', command: () => copyRepPath(id, 'windows') },\n        { label: 'Copy Mac path', command: () => copyRepPath(id, 'darwin') },\n        { label: 'Copy Linux path', command: () => copyRepPath(id, 'linux') },\n      ],\n    },\n  ]\n\n  const [ctxMenuShow] = useCreateContextMenu([])\n\n  const handleContextMenu = (e: any) => {\n    const id = e.node.data.id\n\n    if (id) {\n      // update focused representations\n      onRepSelectionChange(id)\n      // open context menu\n      ctxMenuShow(e.originalEvent, ctxMenuItems(id))\n    }\n  }\n\n  return (\n    <>\n      <TablePanel>\n        <TreeTable\n          scrollable\n          scrollHeight=\"100%\"\n          resizableColumns\n          columnResizeMode=\"fit\"\n          value={data}\n          emptyMessage=\"No representation found\"\n          selectionMode=\"single\"\n          selectionKeys={selected[0]}\n          onRowClick={onRowClick}\n          onContextMenu={handleContextMenu}\n        >\n          {columns.map((col) => {\n            return (\n              <Column\n                key={col.field}\n                field={col.field}\n                header={col.header}\n                expander={col.expander}\n                style={{ width: col.width }}\n              />\n            )\n          })}\n        </TreeTable>\n      </TablePanel>\n\n      {showDetail && (\n        <DetailsDialog\n          projectName={showDetailProjectName}\n          entityType={'representation'}\n          entityIds={[showDetail]}\n          visible={!!showDetail}\n          onHide={() => setShowDetail(false)}\n        />\n      )}\n    </>\n  )\n}\n"],"names":["columns","RepresentationsList","entities","representations","useMemo","versionsToRepresentations","showDetail","setShowDetail","useState","showDetailProjectName","rep","selected","setSelected","data","groupResult","onRepSelectionChange","entityId","onRowClick","e","projectName","anatomy","useGetProjectAnatomyQuery","rootsByPlatform","roots","build","platform","copyRepPath","id","rootless","resolved","replaceRoot","copyToClipboard","ctxMenuItems","ctxMenuShow","useCreateContextMenu","handleContextMenu","jsxs","Fragment","jsx","TablePanel","TreeTable","col","Column","DetailsDialog"],"mappings":"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"}

package/dist/shared/src/containers/SimpleTable/SimpleTable.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const b=require("../../../../_virtual/jsx-runtime.cjs.js"),o=require("react"),Ee=require("./SimpleTable.styled.cjs.js"),h=require("@tanstack/react-table"),we=require("@tanstack/react-virtual"),oe=require("clsx"),Me=require("./hooks/useRowKeydown.cjs.js"),H=require("@tanstack/match-sorter-utils"),ke=require("./context/SimpleTableContext.cjs.js"),Ke=require("./SimpleTableRowTemplate.cjs.js"),je=require("../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../ContextMenu/ContextMenuContext.cjs.js");require("@ynput/ayon-react-components");;/* empty css                                   */const Fe=require("../ContextMenu/useCreateContextMenu.cjs.js"),Te=i=>i?Array.isArray(i)?i.filter(Boolean):[i]:[],re=(i,a)=>{i.toggleExpanded(a),i.subRows.forEach(d=>re(d,a))},qe=(i,a,d,m)=>{const g=i.getValue(a);let R=typeof g=="string"?g:Array.isArray(g)?g.join(" "):JSON.stringify(g);a==="label"&&(R=[i.original.label,i.original.name,...i.original.parents||[]].join(" "));const p=H.rankItem(R,d,{threshold:H.rankings.CONTAINS});return m({itemRank:p}),p.passed},ze=(i,a,d)=>{let m=0;return i.columnFiltersMeta[d]&&(m=H.compareItems(i.columnFiltersMeta[d]?.itemRank,a.columnFiltersMeta[d]?.itemRank)),m===0?h.sortingFns.alphanumeric(i,a,d):m};function De(i,a,d){const m=[];if(a===d){const f=i.find(M=>M.id===a);return f?[f]:[]}let g=-1,R=-1;for(let f=0;f<i.length&&(i[f].id===a&&(g=f),i[f].id===d&&(R=f),!(g!==-1&&R!==-1));f++);if(g===-1||R===-1)return[];const p=Math.min(g,R),w=Math.max(g,R);for(let f=p;f<=w;f++)m.push(i[f]);return m}const Ae=({data:i=[],isLoading:a,error:d,isExpandable:m,isMultiSelect:g=!0,enableClickToDeselect:R=!0,enableNonFolderIndent:p=!0,forceUpdateTable:w,globalFilter:f,meta:M,rowHeight:z,imgRatio:O,onScrollBottom:D,onRename:B,renamingId:I,renameInitialValue:L,onSubmitRename:U,onCancelRename:_,onRowDoubleClick:J,onRowOptionClick:Y,rowContextMenuBuilders:G=[],children:Q,pt:k,fitContent:se,...W})=>{const{rowSelection:K,expanded:ae,setExpanded:X,onExpandedChange:ce,onRowSelectionChange:j,rowPinning:Z,onRowPinningChange:A}=ke.useSimpleTableContext(),C=o.useRef(null),S=o.useRef(null),[v]=Fe.useCreateContextMenu(),ee=o.useRef(J);ee.current=J;const P=o.useRef(I);P.current=I;const te=o.useRef(L);te.current=L;const V=o.useRef(U);V.current=U;const ne=o.useRef(_);ne.current=_;const le=o.useRef(B);le.current=B;const ue=o.useMemo(()=>a?Array.from({length:10},(e,l)=>({id:`placeholder-${l}`,name:`placeholder-${l}`,label:`placeholder-${l}`,icon:null,img:null,subRows:[],data:{id:`placeholder-${l}`}})):i,[a,i,w]),y=o.useCallback((e,l,n,c)=>{const r=l,u=e.getFilteredRowModel().flatRows,t=u.find(x=>x.id===r);if(!t)return{...e.getState().rowSelection||{}};if(t.original.isDisabled)return{...e.getState().rowSelection||{}};if(R&&!n&&!c&&Object.keys(e.getState().rowSelection||{}).length===1&&(e.getState().rowSelection||{})[r])return e.setRowSelection({}),C.current=null,{};let s;if(g&&n&&C.current){const x=C.current;if(!u.find($=>$.id===x))s={[r]:!0};else{const $=De(u,r,x);s={},$.forEach(Ce=>s[Ce.id]=!0)}}else g&&c?(s={...e.getState().rowSelection||{}},s[r]?delete s[r]:s[r]=!0):(s={...e.getState().rowSelection||{}},Object.keys(s).length===1&&s[r]||(s={[r]:!0}));return e.setRowSelection(s),C.current=r,s},[g,R]),de=o.useCallback((e,l)=>{if(!S.current){console.warn("tableRef not yet available in handleRowSelectForKeydown");return}const n=e.shiftKey,c=e.ctrlKey||e.metaKey;y(S.current,l.id,n,c)},[y]),ge=o.useCallback((e,l,n)=>{if(!S.current)return;const c=S.current.getRowModel().rows,r=c.findIndex(t=>t.id===l.id);if(r===-1)return;let u=e==="down"?r+1:r-1;if(!(u<0||u>=c.length))for(;u>=0&&u<c.length;){const t=c[u];if(!t.original.isDisabled){y(S.current,t.id,n.shiftKey,n.ctrlKey||n.metaKey),requestAnimationFrame(()=>{const s=N.current,q=(s?s.querySelector(`#${CSS.escape(t.id)}`):document.getElementById(t.id))?.querySelector('[tabindex="0"]');q&&(q.focus(),q.scrollIntoView({block:"nearest",behavior:"smooth"}))});return}u=e==="down"?u+1:u-1}},[y]),fe=o.useCallback((e,l)=>{l.original.isDisabled||le.current?.(l.id,l)},[]),{handleRowKeyDown:ie}=Me({handleRowSelect:de,handleArrowNavigation:ge,handleRename:fe}),Re=o.useMemo(()=>[{accessorKey:"label",header:void 0,filterFn:"fuzzy",sortingFn:ze,cell:({row:e,getValue:l,table:n})=>{const c=n.options.meta,r=t=>{if(t.target instanceof HTMLInputElement||t.target instanceof HTMLButtonElement||t.target instanceof HTMLTextAreaElement||t.target instanceof HTMLSelectElement||t.target instanceof HTMLAnchorElement||t.target.closest("button, a, input, textarea, select"))return;const x=t.altKey&&e.getIsSelected()&&!t.shiftKey&&!t.ctrlKey&&!t.metaKey?n.getState().rowSelection||{}:y(n,e.id,t.shiftKey,t.ctrlKey||t.metaKey);t.altKey&&Y?.(e.original,Object.keys(x))},u={className:oe({selected:e.getIsSelected(),loading:c?.isLoading,disabled:e.original.isDisabled,inactive:e.original.inactive}),onKeyDown:t=>{t.target instanceof HTMLInputElement||ie(t,e)},depth:e.depth,tabIndex:0,value:l(),parents:e.original.parents,icon:e.original.icon||void 0,iconColor:e.original.iconColor,iconFilled:e.original.iconFilled,img:e.original.img,imgShape:e.original.imgShape,imgRatio:O,isRowExpandable:e.getCanExpand(),enableNonFolderIndent:p,isRowExpanded:e.getIsExpanded(),isTableExpandable:c?.isExpandable,onExpandClick:t=>{t?.altKey?re(e,!e.getIsExpanded()):e.toggleExpanded()},startContent:e.original.startContent,endContent:e.original.endContent,badge:e.original.badge,isDisabled:e.original.isDisabled,disabledMessage:e.original.disabledMessage,isRenaming:e.id===P.current,renameInitialValue:e.id===P.current?te.current:void 0,onSubmitRename:V.current?t=>V.current(e.id,t):void 0,onCancelRename:ne.current,...k?.cell,onClick:r,onDoubleClick:t=>ee.current?.(e.id,e)};return c?.children?c.children(u,e,n):b.jsxRuntimeExports.jsx(Ke.SimpleTableCellTemplate,{...u,...k?.cell})}}],[w,y,ie,R,p,O,Y]),me=o.useCallback(e=>{j(h.functionalUpdate(e,K))},[j]),xe=o.useCallback(e=>{A?.(h.functionalUpdate(e,Z||{}))},[A]),he=o.useCallback(e=>{X?.(l=>{const n=e instanceof Function?e(l):e;return ce?.(n),n})},[X]),E=h.useReactTable({data:ue,columns:Re,state:{expanded:ae,rowSelection:K,globalFilter:f,rowPinning:Z},onRowSelectionChange:me,onRowPinningChange:xe,filterFns:{fuzzy:qe},globalFilterFn:"fuzzy",enableRowSelection:!0,enableRowPinning:!!A,getRowId:e=>e.id,enableSubRowSelection:!1,onExpandedChange:he,getSubRows:e=>e.subRows,getCoreRowModel:h.getCoreRowModel(),getFilteredRowModel:h.getFilteredRowModel(),getExpandedRowModel:h.getExpandedRowModel(),filterFromLeafRows:!0,meta:o.useMemo(()=>({isExpandable:!!m,isLoading:a,children:Q,...M}),[m,a,Q,M])});o.useEffect(()=>{S.current=E},[E]);const{rows:F}=E.getRowModel(),pe=o.useCallback((e,l,n)=>{if(!S.current)return;const c=F[l];if(!c||c.original===void 0)return;n.preventDefault(),n.stopPropagation();const r=Object.keys(K),u=r.includes(e)?r:[e];if(!r.includes(e)){const s={[e]:!0};j?.(s)}const t=G.flatMap(s=>Te(s(n,{rowId:e,rowIndex:l,row:c,selectedRows:u,selectedTableRows:u.map(x=>E.getRowModel().rowsById[x]).filter(x=>!!x),isSelected:u.includes(e)})));t.length>0&&v(n,t)},[G,F,K,j,v]),N=o.useRef(null),T=we.useVirtualizer({count:F.length,estimateSize:()=>z||34,getScrollElement:()=>N.current,measureElement:z?()=>z:typeof window<"u"&&navigator.userAgent.indexOf("Firefox")===-1?e=>e?.getBoundingClientRect().height:void 0,overscan:5}),Se=o.useCallback(e=>{e&&T.measureElement(e)},[T]),be=o.useCallback(e=>{if(!D)return;const l=e.currentTarget,{scrollTop:n,scrollHeight:c,clientHeight:r}=l;c-n-r<100&&!a&&D()},[D,a]),ye=e=>{R&&!e.target.closest("tr")&&(E.setRowSelection({}),C.current=null)};return b.jsxRuntimeExports.jsxs(Ee.TableContainer,{ref:N,onScroll:be,onClick:ye,...W,className:oe(W.className,{isLoading:a,fitContent:se}),children:[!d&&b.jsxRuntimeExports.jsx("table",{children:b.jsxRuntimeExports.jsx("tbody",{style:{height:`${T?.getTotalSize()}px`},children:T?.getVirtualItems().map(e=>{const l=F[e.index];return b.jsxRuntimeExports.jsx("tr",{"data-index":e.index,ref:Se,id:l.id,onContextMenu:n=>pe(l.id,e.index,n),...k?.row,style:{transform:`translateY(${e.start}px)`,...k?.row?.style},children:l.getVisibleCells().map(n=>b.jsxRuntimeExports.jsx("td",{children:h.flexRender(n.column.columnDef.cell,n.getContext())},n.id))},l.id)})})}),!!d&&b.jsxRuntimeExports.jsx(je.EmptyPlaceholder,{error:d})]})};module.exports=Ae;
+"use strict";const C=require("../../../../_virtual/jsx-runtime.cjs.js"),i=require("react"),qe=require("./SimpleTable.styled.cjs.js"),p=require("@tanstack/react-table"),Ke=require("@tanstack/react-virtual"),re=require("clsx"),ke=require("./hooks/useRowKeydown.cjs.js"),je=require("@tanstack/match-sorter-utils");require("lodash");require("react-toastify");require("uuid");require("../../api/queries/users/updateUsers.cjs.js");const ie=require("../../util/searchTerms.cjs.js");require("../../util/pubsub.cjs.js");const Fe=require("./context/SimpleTableContext.cjs.js"),Te=require("./SimpleTableRowTemplate.cjs.js"),ze=require("../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../ContextMenu/ContextMenuContext.cjs.js");require("@ynput/ayon-react-components");;/* empty css                                   */const Ae=require("../ContextMenu/useCreateContextMenu.cjs.js"),De=r=>r?Array.isArray(r)?r.filter(Boolean):[r]:[],oe=(r,c)=>{r.toggleExpanded(c),r.subRows.forEach(f=>oe(f,c))},se=(r,c,f,R)=>{const d=r.getValue(c);let x=typeof d=="string"?d:Array.isArray(d)?d.join(" "):JSON.stringify(d);c==="label"&&(x=[r.original.label,r.original.name,...r.original.parents||[]].join(" "));const b=ie.matchSearchQuery(x,f);return R({itemRank:b}),b.passed};se.resolveFilterValue=ie.parseSearchQuery;const Ve=(r,c,f)=>{let R=0;return r.columnFiltersMeta[f]&&(R=je.compareItems(r.columnFiltersMeta[f]?.itemRank,c.columnFiltersMeta[f]?.itemRank)),R===0?p.sortingFns.alphanumeric(r,c,f):R};function Ie(r,c,f){let R=-1,d=-1;for(let h=0;h<r.length&&(r[h].id===c&&(R=h),r[h].id===f&&(d=h),!(R!==-1&&d!==-1));h++);if(R===-1||d===-1)return[];const x=Math.min(R,d),b=Math.max(R,d);return r.slice(x,b+1)}const Pe=({data:r=[],isLoading:c,error:f,isExpandable:R,isMultiSelect:d=!0,enableClickToDeselect:x=!0,enableNonFolderIndent:b=!0,forceUpdateTable:h,globalFilter:ae,meta:I,rowHeight:F,imgRatio:P,imgPosition:$,onScrollBottom:T,onRename:H,renamingId:N,renameInitialValue:B,onSubmitRename:O,onCancelRename:L,onRowDoubleClick:Q,onRowOptionClick:U,rowContextMenuBuilders:_=[],children:J,pt:w,fitContent:ce,...Y})=>{const{rowSelection:q,expanded:ue,setExpanded:v,onExpandedChange:de,onRowSelectionChange:K,rowPinning:G,onRowPinningChange:z}=Fe.useSimpleTableContext(),E=i.useRef(null),y=i.useRef(null),[W]=Ae.useCreateContextMenu(),X=i.useRef(Q);X.current=Q;const A=i.useRef(N);A.current=N;const Z=i.useRef(B);Z.current=B;const D=i.useRef(O);D.current=O;const ee=i.useRef(L);ee.current=L;const te=i.useRef(H);te.current=H;const ge=i.useMemo(()=>c?Array.from({length:10},(e,l)=>({id:`placeholder-${l}`,name:`placeholder-${l}`,label:`placeholder-${l}`,icon:null,img:null,subRows:[],data:{id:`placeholder-${l}`}})):r,[c,r,h]),S=i.useCallback((e,l,n,s)=>{const o=l,a=e.getRowModel(),t=a.rows,m=a.rowsById[o],g=e.getState().rowSelection||{};if(!m)return{...g};if(m.original.isDisabled)return{...g};if(x&&!n&&!s&&Object.keys(g).length===1&&g[o])return e.setRowSelection({}),E.current=null,{};let u;if(d&&n&&E.current){const Me=E.current,le=Ie(t,o,Me);le.length===0?u={...g,[o]:!0}:(u={...g},le.forEach(we=>u[we.id]=!0))}else d&&s?(u={...g},u[o]?delete u[o]:u[o]=!0):(u={...g},Object.keys(u).length===1&&u[o]||(u={[o]:!0}));return e.setRowSelection(u),E.current=o,u},[d,x]),fe=i.useCallback((e,l)=>{if(!y.current){console.warn("tableRef not yet available in handleRowSelectForKeydown");return}const n=e.shiftKey,s=e.ctrlKey||e.metaKey;S(y.current,l.id,n,s)},[S]),Re=i.useCallback((e,l,n)=>{if(!y.current)return;const s=y.current.getRowModel().rows,o=s.findIndex(t=>t.id===l.id);if(o===-1)return;let a=e==="down"?o+1:o-1;if(!(a<0||a>=s.length))for(;a>=0&&a<s.length;){const t=s[a];if(!t.original.isDisabled){S(y.current,t.id,n.shiftKey,n.ctrlKey||n.metaKey),requestAnimationFrame(()=>{const m=V.current,u=(m?m.querySelector(`#${CSS.escape(t.id)}`):document.getElementById(t.id))?.querySelector('[tabindex="0"]');u&&(u.focus(),u.scrollIntoView({block:"nearest",behavior:"smooth"}))});return}a=e==="down"?a+1:a-1}},[S]),me=i.useCallback((e,l)=>{l.original.isDisabled||te.current?.(l.id,l)},[]),{handleRowKeyDown:ne}=ke({handleRowSelect:fe,handleArrowNavigation:Re,handleRename:me}),xe=i.useMemo(()=>[{accessorKey:"label",header:void 0,filterFn:"fuzzy",sortingFn:Ve,cell:({row:e,getValue:l,table:n})=>{const s=n.options.meta,o=t=>{if(t.target instanceof HTMLInputElement||t.target instanceof HTMLButtonElement||t.target instanceof HTMLTextAreaElement||t.target instanceof HTMLSelectElement||t.target instanceof HTMLAnchorElement||t.target.closest("button, a, input, textarea, select"))return;const g=t.altKey&&e.getIsSelected()&&!t.shiftKey&&!t.ctrlKey&&!t.metaKey?n.getState().rowSelection||{}:S(n,e.id,t.shiftKey,t.ctrlKey||t.metaKey);t.altKey&&U?.(e.original,Object.keys(g))},a={className:re({selected:e.getIsSelected(),loading:s?.isLoading,disabled:e.original.isDisabled,inactive:e.original.inactive}),onKeyDown:t=>{t.target instanceof HTMLInputElement||ne(t,e)},depth:e.depth,tabIndex:0,value:l(),parents:e.original.parents,icon:e.original.icon||void 0,iconColor:e.original.iconColor,iconFilled:e.original.iconFilled,img:e.original.img,imgShape:e.original.imgShape,imgRatio:P,imgPosition:$,isRowExpandable:e.getCanExpand(),enableNonFolderIndent:b,isRowExpanded:e.getIsExpanded(),isTableExpandable:s?.isExpandable,onExpandClick:t=>{t?.altKey?oe(e,!e.getIsExpanded()):e.toggleExpanded()},startContent:e.original.startContent,endContent:e.original.endContent,badge:e.original.badge,isDisabled:e.original.isDisabled,disabledMessage:e.original.disabledMessage,isRenaming:e.id===A.current,renameInitialValue:e.id===A.current?Z.current:void 0,onSubmitRename:D.current?t=>D.current(e.id,t):void 0,onCancelRename:ee.current,...w?.cell,onClick:o,onDoubleClick:t=>X.current?.(e.id,e)};return s?.children?s.children(a,e,n):C.jsxRuntimeExports.jsx(Te.SimpleTableCellTemplate,{...a,...w?.cell})}}],[h,S,ne,x,b,P,$,U]),he=i.useCallback(e=>{K(p.functionalUpdate(e,q))},[K]),pe=i.useCallback(e=>{z?.(p.functionalUpdate(e,G||{}))},[z]),be=i.useCallback(e=>{v?.(l=>{const n=e instanceof Function?e(l):e;return de?.(n),n})},[v]),M=p.useReactTable({data:ge,columns:xe,state:{expanded:ue,rowSelection:q,globalFilter:ae,rowPinning:G},onRowSelectionChange:he,onRowPinningChange:pe,filterFns:{fuzzy:se},globalFilterFn:"fuzzy",enableRowSelection:!0,enableRowPinning:!!z,getRowId:e=>e.id,enableSubRowSelection:!1,onExpandedChange:be,getSubRows:e=>e.subRows,getCoreRowModel:p.getCoreRowModel(),getFilteredRowModel:p.getFilteredRowModel(),getExpandedRowModel:p.getExpandedRowModel(),filterFromLeafRows:!0,meta:i.useMemo(()=>({isExpandable:!!R,isLoading:c,children:J,...I}),[R,c,J,I])});i.useEffect(()=>{y.current=M},[M]);const{rows:k}=M.getRowModel(),ye=i.useCallback((e,l,n)=>{if(!y.current)return;const s=k[l];if(!s||s.original===void 0)return;n.preventDefault(),n.stopPropagation();const o=Object.keys(q),a=o.includes(e)?o:[e];if(!o.includes(e)){const m={[e]:!0};K?.(m)}const t=_.flatMap(m=>De(m(n,{rowId:e,rowIndex:l,row:s,selectedRows:a,selectedTableRows:a.map(g=>M.getRowModel().rowsById[g]).filter(g=>!!g),isSelected:a.includes(e)})));t.length>0&&W(n,t)},[_,k,q,K,W]),V=i.useRef(null),j=Ke.useVirtualizer({count:k.length,estimateSize:()=>F||34,getScrollElement:()=>V.current,measureElement:F?()=>F:typeof window<"u"&&navigator.userAgent.indexOf("Firefox")===-1?e=>e?.getBoundingClientRect().height:void 0,overscan:5}),Ce=i.useCallback(e=>{e&&j.measureElement(e)},[j]),Se=i.useCallback(e=>{if(!T)return;const l=e.currentTarget,{scrollTop:n,scrollHeight:s,clientHeight:o}=l;s-n-o<100&&!c&&T()},[T,c]),Ee=e=>{x&&!e.target.closest("tr")&&(M.setRowSelection({}),E.current=null)};return C.jsxRuntimeExports.jsxs(qe.TableContainer,{ref:V,onScroll:Se,onClick:Ee,...Y,className:re(Y.className,{isLoading:c,fitContent:ce}),children:[!f&&C.jsxRuntimeExports.jsx("table",{children:C.jsxRuntimeExports.jsx("tbody",{style:{height:`${j?.getTotalSize()}px`},children:j?.getVirtualItems().map(e=>{const l=k[e.index];return C.jsxRuntimeExports.jsx("tr",{"data-index":e.index,ref:Ce,id:l.id,onContextMenu:n=>ye(l.id,e.index,n),...w?.row,style:{transform:`translateY(${e.start}px)`,...w?.row?.style},children:l.getVisibleCells().map(n=>C.jsxRuntimeExports.jsx("td",{children:p.flexRender(n.column.columnDef.cell,n.getContext())},n.id))},l.id)})})}),!!f&&C.jsxRuntimeExports.jsx(ze.EmptyPlaceholder,{error:f})]})};module.exports=Pe;
 //# sourceMappingURL=SimpleTable.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SimpleTable.cjs.js","sources":["../../../../../src/containers/SimpleTable/SimpleTable.tsx"],"sourcesContent":["import { FC, useMemo, useRef, MouseEvent as ReactMouseEvent, useCallback, useEffect } from 'react'\nimport * as Styled from './SimpleTable.styled'\nimport {\n  useReactTable,\n  getCoreRowModel,\n  getFilteredRowModel,\n  getExpandedRowModel,\n  ColumnDef,\n  flexRender,\n  Row,\n  FilterFn,\n  SortingFn,\n  sortingFns,\n  Table,\n  RowData,\n  OnChangeFn,\n  RowSelectionState,\n  functionalUpdate,\n} from '@tanstack/react-table'\nimport { useVirtualizer } from '@tanstack/react-virtual'\n\nimport clsx from 'clsx'\nimport useRowKeydown, { RowKeyboardEvent } from './hooks/useRowKeydown'\n\nimport { rankItem, compareItems, rankings } from '@tanstack/match-sorter-utils'\nimport { useSimpleTableContext } from './context/SimpleTableContext'\nimport { SimpleTableCellTemplate, SimpleTableCellTemplateProps } from './SimpleTableRowTemplate'\nimport { EmptyPlaceholder } from '@shared/components/EmptyPlaceholder/EmptyPlaceholder'\nimport { RowPinningState } from '@tanstack/react-table'\nimport {\n  SimpleTableProps,\n  SimpleTableRow,\n  SimpleTableRowContextMenuBuilder,\n} from './SimpleTable.types'\nimport { useCreateContextMenu } from '../ContextMenu'\n\nconst toMenuItems = (items: ReturnType<SimpleTableRowContextMenuBuilder>) => {\n  if (!items) return []\n  return Array.isArray(items) ? items.filter(Boolean) : [items]\n}\n\nconst toggleRowAndDescendants = <TData,>(row: Row<TData>, expanded: boolean) => {\n  row.toggleExpanded(expanded)\n  row.subRows.forEach((subRow) => toggleRowAndDescendants(subRow, expanded))\n}\n\n// Define a custom fuzzy filter function that will apply ranking info to rows (using match-sorter utils)\nconst fuzzyFilter: FilterFn<any> = (row, columnId, searchValue, addMeta) => {\n  const cellValue = row.getValue(columnId)\n  // convert non-string cell values to string\n  let searchString =\n    typeof cellValue === 'string'\n      ? cellValue\n      : Array.isArray(cellValue)\n      ? cellValue.join(' ')\n      : JSON.stringify(cellValue)\n\n  // combine label and parents into a single string for searching if columnId is 'label'\n  if (columnId === 'label') {\n    searchString = [row.original.label, row.original.name, ...(row.original.parents || [])].join(\n      ' ',\n    )\n  }\n\n  // Rank the item with CONTAINS threshold to avoid overly permissive fuzzy matches\n  // This ensures the search term must be a substring, not just scattered characters\n  const itemRank = rankItem(searchString, searchValue, { threshold: rankings.CONTAINS })\n\n  // Store the itemRank info\n  addMeta({\n    itemRank,\n  })\n\n  // Return if the item should be filtered in/out\n  return itemRank.passed\n}\n\n// Define a custom fuzzy sort function that will sort by rank if the row has ranking information\nconst fuzzySort: SortingFn<any> = (rowA, rowB, columnId) => {\n  let dir = 0\n\n  // Only sort by rank if the column has ranking information\n  if (rowA.columnFiltersMeta[columnId]) {\n    dir = compareItems(\n      rowA.columnFiltersMeta[columnId]?.itemRank!,\n      rowB.columnFiltersMeta[columnId]?.itemRank!,\n    )\n  }\n\n  // Provide an alphanumeric fallback for when the item ranks are equal\n  return dir === 0 ? sortingFns.alphanumeric(rowA, rowB, columnId) : dir\n}\n\n// Helper function to get row range for shift-selection\n// Operates on the provided list of rows (e.g., filtered and sorted rows)\nfunction getRowRange<TData extends RowData>(\n  rows: Array<Row<TData>>,\n  idA: string,\n  idB: string,\n): Array<Row<TData>> {\n  const range: Array<Row<TData>> = []\n  // If idA and idB are the same, or one is not found, handle appropriately\n  if (idA === idB) {\n    const singleRow = rows.find((row) => row.id === idA)\n    return singleRow ? [singleRow] : []\n  }\n\n  let indexA = -1\n  let indexB = -1\n\n  for (let i = 0; i < rows.length; i++) {\n    if (rows[i].id === idA) indexA = i\n    if (rows[i].id === idB) indexB = i\n    if (indexA !== -1 && indexB !== -1) break\n  }\n\n  if (indexA === -1 || indexB === -1) return [] // One or both IDs not found\n\n  const start = Math.min(indexA, indexB)\n  const end = Math.max(indexA, indexB)\n\n  for (let i = start; i <= end; i++) {\n    range.push(rows[i])\n  }\n  return range\n}\n\nconst SimpleTable: FC<SimpleTableProps> = ({\n  data = [],\n  isLoading,\n  error,\n  isExpandable,\n  isMultiSelect = true,\n  enableClickToDeselect = true,\n  enableNonFolderIndent = true,\n  forceUpdateTable,\n  globalFilter,\n  meta,\n  rowHeight,\n  imgRatio,\n  onScrollBottom,\n  onRename,\n  renamingId,\n  renameInitialValue,\n  onSubmitRename,\n  onCancelRename,\n  onRowDoubleClick,\n  onRowOptionClick,\n  rowContextMenuBuilders = [],\n  children,\n  pt,\n  fitContent,\n  ...props\n}) => {\n  const {\n    rowSelection,\n    expanded,\n    setExpanded,\n    onExpandedChange,\n    onRowSelectionChange,\n    rowPinning,\n    onRowPinningChange,\n  } = useSimpleTableContext()\n  const lastSelectedIdRef = useRef<string | null>(null)\n  const tableRef = useRef<Table<SimpleTableRow> | null>(null)\n  const [showRowContextMenu] = useCreateContextMenu()\n\n  // Refs for values used inside the columns memo.\n  // Assigning synchronously (not via useEffect) means the cell function always reads\n  // the latest value at render time, while the columns memo itself has a minimal dep\n  // array and stays as a stable reference — critical because flexRender calls\n  // React.createElement with the cell function, so a new reference = remount = broken dblclick.\n  const onRowDoubleClickRef = useRef(onRowDoubleClick)\n  onRowDoubleClickRef.current = onRowDoubleClick\n  const renamingIdRef = useRef(renamingId)\n  renamingIdRef.current = renamingId\n  const renameInitialValueRef = useRef(renameInitialValue)\n  renameInitialValueRef.current = renameInitialValue\n  const onSubmitRenameRef = useRef(onSubmitRename)\n  onSubmitRenameRef.current = onSubmitRename\n  const onCancelRenameRef = useRef(onCancelRename)\n  onCancelRenameRef.current = onCancelRename\n  const onRenameRef = useRef(onRename)\n  onRenameRef.current = onRename\n\n  // stable data reference\n  const tableData = useMemo(() => {\n    if (!isLoading) return data\n\n    // show loading placeholders\n    return Array.from({ length: 10 }, (_, i) => ({\n      id: `placeholder-${i}`,\n      name: `placeholder-${i}`,\n      label: `placeholder-${i}`,\n      icon: null,\n      img: null,\n      subRows: [],\n      data: {\n        id: `placeholder-${i}`,\n      },\n    }))\n  }, [isLoading, data, forceUpdateTable])\n\n  // Define the core selection logic using useCallback for stability\n  const handleSelectionLogic = useCallback(\n    (\n      tableInstance: Table<SimpleTableRow>,\n      rowId: string,\n      isShift: boolean,\n      isCtrlOrMeta: boolean,\n    ): RowSelectionState => {\n      const currentId = rowId\n      const allProcessableRows = tableInstance.getFilteredRowModel().flatRows\n      const currentRow = allProcessableRows.find((r) => r.id === currentId)\n\n      if (!currentRow) return { ...(tableInstance.getState().rowSelection || {}) }\n\n      // Prevent selection of disabled rows\n      if (currentRow.original.isDisabled) {\n        return { ...(tableInstance.getState().rowSelection || {}) }\n      }\n\n      // If click-to-deselect is enabled and only one row is selected and it's the current row\n      if (\n        enableClickToDeselect &&\n        !isShift &&\n        !isCtrlOrMeta &&\n        Object.keys(tableInstance.getState().rowSelection || {}).length === 1 &&\n        (tableInstance.getState().rowSelection || {})[currentId]\n      ) {\n        tableInstance.setRowSelection({})\n        lastSelectedIdRef.current = null\n        return {}\n      }\n\n      let nextSelection: RowSelectionState\n      if (isMultiSelect && isShift && lastSelectedIdRef.current) {\n        const lastId = lastSelectedIdRef.current\n        const anchorRow = allProcessableRows.find((r) => r.id === lastId)\n\n        if (!anchorRow) {\n          nextSelection = { [currentId]: true }\n        } else {\n          const rowsToToggle = getRowRange(allProcessableRows, currentId, lastId)\n          nextSelection = {}\n          rowsToToggle.forEach((r) => (nextSelection[r.id] = true))\n        }\n      } else if (isMultiSelect && isCtrlOrMeta) {\n        // write a concrete object from live state; toggleSelected()'s functional updater runs\n        // against a stale rowSelection closure and drops the other selected rows\n        nextSelection = { ...(tableInstance.getState().rowSelection || {}) }\n        if (nextSelection[currentId]) {\n          delete nextSelection[currentId]\n        } else {\n          nextSelection[currentId] = true\n        }\n      } else {\n        // If it's already selected and it's the only one, don't update selection to avoid unnecessary re-renders\n        nextSelection = { ...(tableInstance.getState().rowSelection || {}) }\n        if (!(Object.keys(nextSelection).length === 1 && nextSelection[currentId])) {\n          nextSelection = { [currentId]: true }\n        }\n      }\n      tableInstance.setRowSelection(nextSelection)\n      lastSelectedIdRef.current = currentId\n      return nextSelection\n    },\n    [isMultiSelect, enableClickToDeselect],\n  )\n\n  // Callback for useRowKeydown's handleRowSelect prop\n  // Uses tableRef to access the table instance, avoiding direct dependency on 'table' variable at definition time\n  const handleRowSelectForKeydown = useCallback(\n    (\n      event: RowKeyboardEvent, // Use the specific keyboard event type from the hook\n      selectedRow: Row<SimpleTableRow>,\n    ) => {\n      if (!tableRef.current) {\n        console.warn('tableRef not yet available in handleRowSelectForKeydown')\n        return\n      }\n\n      // Extract modifier keys from the event\n      const isShiftKey = event.shiftKey\n      const isCtrlKey = event.ctrlKey || event.metaKey\n\n      handleSelectionLogic(\n        tableRef.current, // Pass the main table instance\n        selectedRow.id,\n        isShiftKey,\n        isCtrlKey,\n      )\n    },\n    [handleSelectionLogic], // Depends only on handleSelectionLogic\n  )\n\n  // Handle arrow key navigation\n  const handleArrowNavigation = useCallback(\n    (direction: 'up' | 'down', currentRow: Row<SimpleTableRow>, event: RowKeyboardEvent) => {\n      if (!tableRef.current) return\n\n      // Use the row model which respects expanded state, not filtered model\n      const visibleRows = tableRef.current.getRowModel().rows\n      const currentIndex = visibleRows.findIndex((r) => r.id === currentRow.id)\n\n      if (currentIndex === -1) return\n\n      let nextIndex = direction === 'down' ? currentIndex + 1 : currentIndex - 1\n\n      // Check bounds\n      if (nextIndex < 0 || nextIndex >= visibleRows.length) return\n\n      // Skip disabled rows\n      while (nextIndex >= 0 && nextIndex < visibleRows.length) {\n        const nextRow = visibleRows[nextIndex]\n        if (!nextRow.original.isDisabled) {\n          // Found a valid row\n          // Select the next row\n          handleSelectionLogic(\n            tableRef.current,\n            nextRow.id,\n            event.shiftKey,\n            event.ctrlKey || event.metaKey,\n          )\n\n          // Focus the next row's cell. Scope to this table's container: row ids are\n          // entity ids that can also exist in other SimpleTables on the page (slicer),\n          // so a document-wide getElementById would steal focus to a duplicate.\n          requestAnimationFrame(() => {\n            const container = tableContainerRef.current\n            const nextRowElement = container\n              ? container.querySelector(`#${CSS.escape(nextRow.id)}`)\n              : document.getElementById(nextRow.id)\n            const nextCell = nextRowElement?.querySelector('[tabindex=\"0\"]') as HTMLElement\n            if (nextCell) {\n              nextCell.focus()\n              nextCell.scrollIntoView({ block: 'nearest', behavior: 'smooth' })\n            }\n          })\n          return\n        }\n        // Move to next row if current is disabled\n        nextIndex = direction === 'down' ? nextIndex + 1 : nextIndex - 1\n      }\n    },\n    [handleSelectionLogic],\n  )\n\n  // handleRenameForKeydown reads from onRenameRef so it has empty deps and is\n  // permanently stable — keeping handleRowKeyDown and therefore columns stable.\n  const handleRenameForKeydown = useCallback(\n    (e: RowKeyboardEvent, row: Row<SimpleTableRow>) => {\n      if (!row.original.isDisabled) onRenameRef.current?.(row.id, row)\n    },\n    [], // eslint-disable-line react-hooks/exhaustive-deps\n  )\n\n  const { handleRowKeyDown } = useRowKeydown<SimpleTableRow>({\n    handleRowSelect: handleRowSelectForKeydown,\n    handleArrowNavigation,\n    handleRename: handleRenameForKeydown,\n  })\n\n  const columns = useMemo<ColumnDef<SimpleTableRow>[]>(\n    () => [\n      {\n        accessorKey: 'label',\n        header: undefined,\n        filterFn: 'fuzzy',\n        sortingFn: fuzzySort, //sort by fuzzy rank (falls back to alphanumeric)\n        cell: ({ row, getValue, table: cellTableInstance }) => {\n          const cellMeta = cellTableInstance.options.meta\n\n          const handleCellClick = (event: ReactMouseEvent<HTMLElement, MouseEvent>) => {\n            // Prevent row selection if clicking on an interactive element within the cell\n            if (\n              event.target instanceof HTMLInputElement ||\n              event.target instanceof HTMLButtonElement ||\n              event.target instanceof HTMLTextAreaElement ||\n              event.target instanceof HTMLSelectElement ||\n              event.target instanceof HTMLAnchorElement ||\n              (event.target as HTMLElement).closest('button, a, input, textarea, select')\n            ) {\n              return\n            }\n            // Keep an already-selected row selected for a plain option click.\n            // Modifier clicks still go through the normal range/toggle selection path.\n            const preserveSelection =\n              event.altKey &&\n              row.getIsSelected() &&\n              !event.shiftKey &&\n              !event.ctrlKey &&\n              !event.metaKey\n            const nextSelection: RowSelectionState = !preserveSelection\n              ? handleSelectionLogic(\n                  cellTableInstance, // Pass the cell's table instance\n                  row.id,\n                  event.shiftKey,\n                  event.ctrlKey || event.metaKey,\n                )\n              : cellTableInstance.getState().rowSelection || {}\n            if (event.altKey) {\n              onRowOptionClick?.(row.original, Object.keys(nextSelection))\n            }\n          }\n\n          const props: SimpleTableCellTemplateProps & {\n            onClick?: (event: ReactMouseEvent<HTMLElement, MouseEvent>) => void\n            onDoubleClick?: (event: ReactMouseEvent<HTMLElement, MouseEvent>) => void\n          } = {\n            className: clsx({\n              selected: row.getIsSelected(),\n              loading: cellMeta?.isLoading,\n              disabled: row.original.isDisabled, // you can't select disabled rows\n              inactive: row.original.inactive, // false: archived items but still selectable\n            }),\n            onKeyDown: (e) => {\n              if (e.target instanceof HTMLInputElement) return\n              // Corrected typo: handleRowKeydown -> handleRowKeyDown\n              handleRowKeyDown(e, row)\n            },\n            depth: row.depth,\n            tabIndex: 0,\n            value: getValue<string>(),\n            parents: row.original.parents,\n            icon: row.original.icon || undefined,\n            iconColor: row.original.iconColor,\n            iconFilled: row.original.iconFilled,\n            img: row.original.img,\n            imgShape: row.original.imgShape,\n            imgRatio: imgRatio,\n            isRowExpandable: row.getCanExpand(),\n            enableNonFolderIndent,\n            isRowExpanded: row.getIsExpanded(),\n            isTableExpandable: cellMeta?.isExpandable,\n            onExpandClick: (event?: ReactMouseEvent<HTMLElement, MouseEvent>) => {\n              if (event?.altKey) {\n                toggleRowAndDescendants(row, !row.getIsExpanded())\n              } else {\n                row.toggleExpanded()\n              }\n            },\n            startContent: row.original.startContent,\n            endContent: row.original.endContent,\n            badge: row.original.badge,\n            isDisabled: row.original.isDisabled,\n            disabledMessage: row.original.disabledMessage,\n            isRenaming: row.id === renamingIdRef.current,\n            renameInitialValue:\n              row.id === renamingIdRef.current ? renameInitialValueRef.current : undefined,\n            onSubmitRename: onSubmitRenameRef.current\n              ? (v) => onSubmitRenameRef.current!(row.id, v)\n              : undefined,\n            onCancelRename: onCancelRenameRef.current,\n            ...pt?.cell,\n            onClick: handleCellClick, // Added onClick handler\n            onDoubleClick: (e) => onRowDoubleClickRef.current?.(row.id, row),\n          }\n\n          // Use children function if provided, otherwise default to SimpleTableCellTemplate\n          return cellMeta?.children ? (\n            cellMeta.children(props, row, cellTableInstance)\n          ) : (\n            <SimpleTableCellTemplate {...props} {...pt?.cell} />\n          )\n        },\n      },\n    ],\n    [\n      forceUpdateTable,\n      handleSelectionLogic,\n      handleRowKeyDown,\n      enableClickToDeselect,\n      enableNonFolderIndent,\n      imgRatio,\n      onRowOptionClick,\n    ],\n  )\n\n  const handleRowSelectionChangeCallback: OnChangeFn<RowSelectionState> = useCallback(\n    (updater) => {\n      onRowSelectionChange(functionalUpdate(updater, rowSelection))\n    },\n    [onRowSelectionChange],\n  )\n\n  const handleRowPinningChangeCallback: OnChangeFn<RowPinningState> = useCallback(\n    (updater) => {\n      onRowPinningChange?.(functionalUpdate(updater, rowPinning || {}))\n    },\n    [onRowPinningChange],\n  )\n\n  const handleExpandedChange = useCallback(\n    (updater: any) => {\n      setExpanded?.((old) => {\n        const newExpanded = updater instanceof Function ? updater(old) : updater\n        onExpandedChange?.(newExpanded)\n        return newExpanded\n      })\n    },\n    [setExpanded],\n  )\n\n  const table = useReactTable({\n    data: tableData,\n    columns,\n    state: {\n      expanded,\n      rowSelection,\n      globalFilter,\n      rowPinning,\n    },\n    onRowSelectionChange: handleRowSelectionChangeCallback,\n    onRowPinningChange: handleRowPinningChangeCallback,\n    filterFns: {\n      fuzzy: fuzzyFilter,\n    },\n    globalFilterFn: 'fuzzy',\n    enableRowSelection: true, //enable row selection for all rows\n    enableRowPinning: !!onRowPinningChange,\n    getRowId: (row) => row.id,\n    enableSubRowSelection: false, //disable sub row selection\n    onExpandedChange: handleExpandedChange,\n    getSubRows: (row) => row.subRows,\n    getCoreRowModel: getCoreRowModel(),\n    getFilteredRowModel: getFilteredRowModel(),\n    getExpandedRowModel: getExpandedRowModel(),\n    filterFromLeafRows: true,\n    // debugTable: true,\n    // @ts-expect-error: updateData is not required\n    meta: useMemo(\n      () => ({\n        isExpandable: !!isExpandable,\n        isLoading: isLoading,\n        children: children,\n        ...meta,\n      }),\n      [isExpandable, isLoading, children, meta],\n    ),\n  })\n\n  // Update tableRef whenever the table instance changes.\n  // This ensures handleRowSelectForKeydown uses the current table instance.\n  useEffect(() => {\n    tableRef.current = table\n  }, [table])\n\n  const { rows } = table.getRowModel()\n\n  const handleRowContextMenu = useCallback(\n    (rowId: string, rowIndex: number, e: ReactMouseEvent<HTMLTableRowElement>) => {\n      if (!tableRef.current) return\n      const row = rows[rowIndex]\n      if (!row || row.original === undefined) return\n\n      e.preventDefault()\n      e.stopPropagation()\n\n      const selectedIds = Object.keys(rowSelection)\n\n      const nextSelectedRows = selectedIds.includes(rowId) ? selectedIds : [rowId]\n\n      if (!selectedIds.includes(rowId)) {\n        // convert array to RowSelectionState object\n        const nextSelection: RowSelectionState = { [rowId]: true }\n        onRowSelectionChange?.(nextSelection)\n      }\n\n      const menuItems = rowContextMenuBuilders.flatMap((builder) =>\n        toMenuItems(\n          builder(e as any, {\n            rowId,\n            rowIndex,\n            row,\n            selectedRows: nextSelectedRows,\n            selectedTableRows: nextSelectedRows\n              .map((selectedRowId) => table.getRowModel().rowsById[selectedRowId])\n              .filter((selectedRow): selectedRow is Row<SimpleTableRow> => !!selectedRow),\n            isSelected: nextSelectedRows.includes(rowId),\n          }),\n        ),\n      )\n\n      if (menuItems.length > 0) {\n        showRowContextMenu(e as any, menuItems)\n      }\n    },\n    [rowContextMenuBuilders, rows, rowSelection, onRowSelectionChange, showRowContextMenu],\n  )\n\n  //The virtualizer needs to know the scrollable container element\n  const tableContainerRef = useRef<HTMLDivElement>(null)\n\n  const rowVirtualizer = useVirtualizer({\n    count: rows.length,\n    estimateSize: () => rowHeight || 34, //estimate row height for accurate scrollbar dragging\n    getScrollElement: () => tableContainerRef.current,\n    //measure dynamic row height, except in firefox because it measures table border height incorrectly\n    measureElement: rowHeight\n      ? () => rowHeight\n      : typeof window !== 'undefined' && navigator.userAgent.indexOf('Firefox') === -1\n      ? (element) => element?.getBoundingClientRect().height\n      : undefined,\n    overscan: 5,\n  })\n\n  // Memoize the ref callback to prevent infinite re-renders\n  const measureElementRef = useCallback(\n    (node: HTMLElement | null) => {\n      if (node) {\n        rowVirtualizer.measureElement(node)\n      }\n    },\n    [rowVirtualizer],\n  )\n\n  // Handle scroll to bottom detection\n  const handleScroll = useCallback(\n    (event: React.UIEvent<HTMLDivElement>) => {\n      if (!onScrollBottom) return\n\n      const target = event.currentTarget\n      const { scrollTop, scrollHeight, clientHeight } = target\n\n      // Check if we're near the bottom (within 100px)\n      const isNearBottom = scrollHeight - scrollTop - clientHeight < 100\n\n      if (isNearBottom && !isLoading) {\n        onScrollBottom()\n      }\n    },\n    [onScrollBottom, isLoading],\n  )\n\n  const handleContainerClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    // if the click is outside of any row, clear selection\n    if (enableClickToDeselect && !(e.target as HTMLElement).closest('tr')) {\n      table.setRowSelection({})\n      lastSelectedIdRef.current = null\n    }\n  }\n\n  return (\n    <Styled.TableContainer\n      ref={tableContainerRef}\n      onScroll={handleScroll}\n      onClick={handleContainerClick}\n      {...props}\n      className={clsx(props.className, { isLoading, fitContent })}\n    >\n      {!error && (\n        <table>\n          <tbody\n            style={{\n              height: `${rowVirtualizer?.getTotalSize()}px`, //tells scrollbar how big the table is\n            }}\n          >\n            {rowVirtualizer?.getVirtualItems().map((virtualRow) => {\n              const row = rows[virtualRow.index] as Row<SimpleTableRow>\n              return (\n                <tr\n                  data-index={virtualRow.index} //needed for dynamic row height measurement\n                  ref={measureElementRef} //measure dynamic row height\n                  key={row.id}\n                  id={row.id}\n                  onContextMenu={(e) => handleRowContextMenu(row.id, virtualRow.index, e)}\n                  {...pt?.row}\n                  style={{\n                    transform: `translateY(${virtualRow.start}px)`, //this should always be a `style` as it changes on scroll\n                    ...pt?.row?.style, // custom styles to be passed\n                  }}\n                >\n                  {row.getVisibleCells().map((cell) => {\n                    return (\n                      <td key={cell.id}>\n                        {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                      </td>\n                    )\n                  })}\n                </tr>\n              )\n            })}\n          </tbody>\n        </table>\n      )}\n      {!!error && <EmptyPlaceholder error={error} />}\n    </Styled.TableContainer>\n  )\n}\n\nexport default SimpleTable\n"],"names":["toMenuItems","items","toggleRowAndDescendants","row","expanded","subRow","fuzzyFilter","columnId","searchValue","addMeta","cellValue","searchString","itemRank","rankItem","rankings","fuzzySort","rowA","rowB","dir","compareItems","sortingFns","getRowRange","rows","idA","idB","range","singleRow","indexA","indexB","i","start","end","SimpleTable","data","isLoading","error","isExpandable","isMultiSelect","enableClickToDeselect","enableNonFolderIndent","forceUpdateTable","globalFilter","meta","rowHeight","imgRatio","onScrollBottom","onRename","renamingId","renameInitialValue","onSubmitRename","onCancelRename","onRowDoubleClick","onRowOptionClick","rowContextMenuBuilders","children","pt","fitContent","props","rowSelection","setExpanded","onExpandedChange","onRowSelectionChange","rowPinning","onRowPinningChange","useSimpleTableContext","lastSelectedIdRef","useRef","tableRef","showRowContextMenu","useCreateContextMenu","onRowDoubleClickRef","renamingIdRef","renameInitialValueRef","onSubmitRenameRef","onCancelRenameRef","onRenameRef","tableData","useMemo","_","handleSelectionLogic","useCallback","tableInstance","rowId","isShift","isCtrlOrMeta","currentId","allProcessableRows","currentRow","r","nextSelection","lastId","rowsToToggle","handleRowSelectForKeydown","event","selectedRow","isShiftKey","isCtrlKey","handleArrowNavigation","direction","visibleRows","currentIndex","nextIndex","nextRow","container","tableContainerRef","nextCell","handleRenameForKeydown","handleRowKeyDown","useRowKeydown","columns","getValue","cellTableInstance","cellMeta","handleCellClick","clsx","e","v","jsx","SimpleTableCellTemplate","handleRowSelectionChangeCallback","updater","functionalUpdate","handleRowPinningChangeCallback","handleExpandedChange","old","newExpanded","table","useReactTable","getCoreRowModel","getFilteredRowModel","getExpandedRowModel","useEffect","handleRowContextMenu","rowIndex","selectedIds","nextSelectedRows","menuItems","builder","selectedRowId","rowVirtualizer","useVirtualizer","element","measureElementRef","node","handleScroll","target","scrollTop","scrollHeight","clientHeight","handleContainerClick","jsxs","Styled.TableContainer","virtualRow","cell","flexRender","EmptyPlaceholder"],"mappings":"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"}
+{"version":3,"file":"SimpleTable.cjs.js","sources":["../../../../../src/containers/SimpleTable/SimpleTable.tsx"],"sourcesContent":["import { FC, useMemo, useRef, MouseEvent as ReactMouseEvent, useCallback, useEffect } from 'react'\nimport * as Styled from './SimpleTable.styled'\nimport {\n  useReactTable,\n  getCoreRowModel,\n  getFilteredRowModel,\n  getExpandedRowModel,\n  ColumnDef,\n  flexRender,\n  Row,\n  FilterFn,\n  SortingFn,\n  sortingFns,\n  Table,\n  RowData,\n  OnChangeFn,\n  RowSelectionState,\n  functionalUpdate,\n} from '@tanstack/react-table'\nimport { useVirtualizer } from '@tanstack/react-virtual'\n\nimport clsx from 'clsx'\nimport useRowKeydown, { RowKeyboardEvent } from './hooks/useRowKeydown'\n\nimport { compareItems } from '@tanstack/match-sorter-utils'\nimport { parseSearchQuery, matchSearchQuery } from '@shared/util'\nimport { useSimpleTableContext } from './context/SimpleTableContext'\nimport { SimpleTableCellTemplate, SimpleTableCellTemplateProps } from './SimpleTableRowTemplate'\nimport { EmptyPlaceholder } from '@shared/components/EmptyPlaceholder/EmptyPlaceholder'\nimport { RowPinningState } from '@tanstack/react-table'\nimport {\n  SimpleTableProps,\n  SimpleTableRow,\n  SimpleTableRowContextMenuBuilder,\n} from './SimpleTable.types'\nimport { useCreateContextMenu } from '../ContextMenu'\n\nconst toMenuItems = (items: ReturnType<SimpleTableRowContextMenuBuilder>) => {\n  if (!items) return []\n  return Array.isArray(items) ? items.filter(Boolean) : [items]\n}\n\nconst toggleRowAndDescendants = <TData,>(row: Row<TData>, expanded: boolean) => {\n  row.toggleExpanded(expanded)\n  row.subRows.forEach((subRow) => toggleRowAndDescendants(subRow, expanded))\n}\n\n// Define a custom fuzzy filter function that will apply ranking info to rows (using match-sorter utils)\nconst fuzzyFilter: FilterFn<any> = (row, columnId, searchValue: string[][], addMeta) => {\n  const cellValue = row.getValue(columnId)\n  // convert non-string cell values to string\n  let searchString =\n    typeof cellValue === 'string'\n      ? cellValue\n      : Array.isArray(cellValue)\n      ? cellValue.join(' ')\n      : JSON.stringify(cellValue)\n\n  // combine label and parents into a single string for searching if columnId is 'label'\n  if (columnId === 'label') {\n    searchString = [row.original.label, row.original.name, ...(row.original.parents || [])].join(\n      ' ',\n    )\n  }\n\n  // searchValue is already parsed into OR/AND groups by resolveFilterValue\n  const itemRank = matchSearchQuery(searchString, searchValue)\n  addMeta({ itemRank })\n\n  return itemRank.passed\n}\n// parse once per filter pass instead of once per row\nfuzzyFilter.resolveFilterValue = parseSearchQuery\n\n// Define a custom fuzzy sort function that will sort by rank if the row has ranking information\nconst fuzzySort: SortingFn<any> = (rowA, rowB, columnId) => {\n  let dir = 0\n\n  // Only sort by rank if the column has ranking information\n  if (rowA.columnFiltersMeta[columnId]) {\n    dir = compareItems(\n      rowA.columnFiltersMeta[columnId]?.itemRank!,\n      rowB.columnFiltersMeta[columnId]?.itemRank!,\n    )\n  }\n\n  // Provide an alphanumeric fallback for when the item ranks are equal\n  return dir === 0 ? sortingFns.alphanumeric(rowA, rowB, columnId) : dir\n}\n\n// Helper function to get row range for shift-selection\n// Operates on the provided list of rows (e.g., filtered and sorted rows)\nfunction getRowRange<TData extends RowData>(\n  rows: Array<Row<TData>>,\n  idA: string,\n  idB: string,\n): Array<Row<TData>> {\n  let indexA = -1\n  let indexB = -1\n\n  for (let i = 0; i < rows.length; i++) {\n    if (rows[i].id === idA) indexA = i\n    if (rows[i].id === idB) indexB = i\n    if (indexA !== -1 && indexB !== -1) break\n  }\n\n  if (indexA === -1 || indexB === -1) return [] // One or both IDs not found\n\n  const start = Math.min(indexA, indexB)\n  const end = Math.max(indexA, indexB)\n\n  return rows.slice(start, end + 1)\n}\n\nconst SimpleTable: FC<SimpleTableProps> = ({\n  data = [],\n  isLoading,\n  error,\n  isExpandable,\n  isMultiSelect = true,\n  enableClickToDeselect = true,\n  enableNonFolderIndent = true,\n  forceUpdateTable,\n  globalFilter,\n  meta,\n  rowHeight,\n  imgRatio,\n  imgPosition,\n  onScrollBottom,\n  onRename,\n  renamingId,\n  renameInitialValue,\n  onSubmitRename,\n  onCancelRename,\n  onRowDoubleClick,\n  onRowOptionClick,\n  rowContextMenuBuilders = [],\n  children,\n  pt,\n  fitContent,\n  ...props\n}) => {\n  const {\n    rowSelection,\n    expanded,\n    setExpanded,\n    onExpandedChange,\n    onRowSelectionChange,\n    rowPinning,\n    onRowPinningChange,\n  } = useSimpleTableContext()\n  const lastSelectedIdRef = useRef<string | null>(null)\n  const tableRef = useRef<Table<SimpleTableRow> | null>(null)\n  const [showRowContextMenu] = useCreateContextMenu()\n\n  // Refs for values used inside the columns memo.\n  // Assigning synchronously (not via useEffect) means the cell function always reads\n  // the latest value at render time, while the columns memo itself has a minimal dep\n  // array and stays as a stable reference — critical because flexRender calls\n  // React.createElement with the cell function, so a new reference = remount = broken dblclick.\n  const onRowDoubleClickRef = useRef(onRowDoubleClick)\n  onRowDoubleClickRef.current = onRowDoubleClick\n  const renamingIdRef = useRef(renamingId)\n  renamingIdRef.current = renamingId\n  const renameInitialValueRef = useRef(renameInitialValue)\n  renameInitialValueRef.current = renameInitialValue\n  const onSubmitRenameRef = useRef(onSubmitRename)\n  onSubmitRenameRef.current = onSubmitRename\n  const onCancelRenameRef = useRef(onCancelRename)\n  onCancelRenameRef.current = onCancelRename\n  const onRenameRef = useRef(onRename)\n  onRenameRef.current = onRename\n\n  // stable data reference\n  const tableData = useMemo(() => {\n    if (!isLoading) return data\n\n    // show loading placeholders\n    return Array.from({ length: 10 }, (_, i) => ({\n      id: `placeholder-${i}`,\n      name: `placeholder-${i}`,\n      label: `placeholder-${i}`,\n      icon: null,\n      img: null,\n      subRows: [],\n      data: {\n        id: `placeholder-${i}`,\n      },\n    }))\n  }, [isLoading, data, forceUpdateTable])\n\n  // Define the core selection logic using useCallback for stability\n  const handleSelectionLogic = useCallback(\n    (\n      tableInstance: Table<SimpleTableRow>,\n      rowId: string,\n      isShift: boolean,\n      isCtrlOrMeta: boolean,\n    ): RowSelectionState => {\n      const currentId = rowId\n      const rowModel = tableInstance.getRowModel()\n      const visibleRows = rowModel.rows\n      const currentRow = rowModel.rowsById[currentId]\n      const currentSelection = tableInstance.getState().rowSelection || {}\n\n      if (!currentRow) return { ...currentSelection }\n\n      // Prevent selection of disabled rows\n      if (currentRow.original.isDisabled) {\n        return { ...currentSelection }\n      }\n\n      // If click-to-deselect is enabled and only one row is selected and it's the current row\n      if (\n        enableClickToDeselect &&\n        !isShift &&\n        !isCtrlOrMeta &&\n        Object.keys(currentSelection).length === 1 &&\n        currentSelection[currentId]\n      ) {\n        tableInstance.setRowSelection({})\n        lastSelectedIdRef.current = null\n        return {}\n      }\n\n      let nextSelection: RowSelectionState\n      if (isMultiSelect && isShift && lastSelectedIdRef.current) {\n        const lastId = lastSelectedIdRef.current\n        const rowsToToggle = getRowRange(visibleRows, currentId, lastId)\n\n        if (rowsToToggle.length === 0) {\n          nextSelection = { ...currentSelection, [currentId]: true }\n        } else {\n          nextSelection = { ...currentSelection }\n          rowsToToggle.forEach((r) => (nextSelection[r.id] = true))\n        }\n      } else if (isMultiSelect && isCtrlOrMeta) {\n        // write a concrete object from live state; toggleSelected()'s functional updater runs\n        // against a stale rowSelection closure and drops the other selected rows\n        nextSelection = { ...currentSelection }\n        if (nextSelection[currentId]) {\n          delete nextSelection[currentId]\n        } else {\n          nextSelection[currentId] = true\n        }\n      } else {\n        // If it's already selected and it's the only one, don't update selection to avoid unnecessary re-renders\n        nextSelection = { ...currentSelection }\n        if (!(Object.keys(nextSelection).length === 1 && nextSelection[currentId])) {\n          nextSelection = { [currentId]: true }\n        }\n      }\n      tableInstance.setRowSelection(nextSelection)\n      lastSelectedIdRef.current = currentId\n      return nextSelection\n    },\n    [isMultiSelect, enableClickToDeselect],\n  )\n\n  // Callback for useRowKeydown's handleRowSelect prop\n  // Uses tableRef to access the table instance, avoiding direct dependency on 'table' variable at definition time\n  const handleRowSelectForKeydown = useCallback(\n    (\n      event: RowKeyboardEvent, // Use the specific keyboard event type from the hook\n      selectedRow: Row<SimpleTableRow>,\n    ) => {\n      if (!tableRef.current) {\n        console.warn('tableRef not yet available in handleRowSelectForKeydown')\n        return\n      }\n\n      // Extract modifier keys from the event\n      const isShiftKey = event.shiftKey\n      const isCtrlKey = event.ctrlKey || event.metaKey\n\n      handleSelectionLogic(\n        tableRef.current, // Pass the main table instance\n        selectedRow.id,\n        isShiftKey,\n        isCtrlKey,\n      )\n    },\n    [handleSelectionLogic], // Depends only on handleSelectionLogic\n  )\n\n  // Handle arrow key navigation\n  const handleArrowNavigation = useCallback(\n    (direction: 'up' | 'down', currentRow: Row<SimpleTableRow>, event: RowKeyboardEvent) => {\n      if (!tableRef.current) return\n\n      // Use the row model which respects expanded state, not filtered model\n      const visibleRows = tableRef.current.getRowModel().rows\n      const currentIndex = visibleRows.findIndex((r) => r.id === currentRow.id)\n\n      if (currentIndex === -1) return\n\n      let nextIndex = direction === 'down' ? currentIndex + 1 : currentIndex - 1\n\n      // Check bounds\n      if (nextIndex < 0 || nextIndex >= visibleRows.length) return\n\n      // Skip disabled rows\n      while (nextIndex >= 0 && nextIndex < visibleRows.length) {\n        const nextRow = visibleRows[nextIndex]\n        if (!nextRow.original.isDisabled) {\n          // Found a valid row\n          // Select the next row\n          handleSelectionLogic(\n            tableRef.current,\n            nextRow.id,\n            event.shiftKey,\n            event.ctrlKey || event.metaKey,\n          )\n\n          // Focus the next row's cell. Scope to this table's container: row ids are\n          // entity ids that can also exist in other SimpleTables on the page (slicer),\n          // so a document-wide getElementById would steal focus to a duplicate.\n          requestAnimationFrame(() => {\n            const container = tableContainerRef.current\n            const nextRowElement = container\n              ? container.querySelector(`#${CSS.escape(nextRow.id)}`)\n              : document.getElementById(nextRow.id)\n            const nextCell = nextRowElement?.querySelector('[tabindex=\"0\"]') as HTMLElement\n            if (nextCell) {\n              nextCell.focus()\n              nextCell.scrollIntoView({ block: 'nearest', behavior: 'smooth' })\n            }\n          })\n          return\n        }\n        // Move to next row if current is disabled\n        nextIndex = direction === 'down' ? nextIndex + 1 : nextIndex - 1\n      }\n    },\n    [handleSelectionLogic],\n  )\n\n  // handleRenameForKeydown reads from onRenameRef so it has empty deps and is\n  // permanently stable — keeping handleRowKeyDown and therefore columns stable.\n  const handleRenameForKeydown = useCallback(\n    (e: RowKeyboardEvent, row: Row<SimpleTableRow>) => {\n      if (!row.original.isDisabled) onRenameRef.current?.(row.id, row)\n    },\n    [], // eslint-disable-line react-hooks/exhaustive-deps\n  )\n\n  const { handleRowKeyDown } = useRowKeydown<SimpleTableRow>({\n    handleRowSelect: handleRowSelectForKeydown,\n    handleArrowNavigation,\n    handleRename: handleRenameForKeydown,\n  })\n\n  const columns = useMemo<ColumnDef<SimpleTableRow>[]>(\n    () => [\n      {\n        accessorKey: 'label',\n        header: undefined,\n        filterFn: 'fuzzy',\n        sortingFn: fuzzySort, //sort by fuzzy rank (falls back to alphanumeric)\n        cell: ({ row, getValue, table: cellTableInstance }) => {\n          const cellMeta = cellTableInstance.options.meta\n\n          const handleCellClick = (event: ReactMouseEvent<HTMLElement, MouseEvent>) => {\n            // Prevent row selection if clicking on an interactive element within the cell\n            if (\n              event.target instanceof HTMLInputElement ||\n              event.target instanceof HTMLButtonElement ||\n              event.target instanceof HTMLTextAreaElement ||\n              event.target instanceof HTMLSelectElement ||\n              event.target instanceof HTMLAnchorElement ||\n              (event.target as HTMLElement).closest('button, a, input, textarea, select')\n            ) {\n              return\n            }\n            // Keep an already-selected row selected for a plain option click.\n            // Modifier clicks still go through the normal range/toggle selection path.\n            const preserveSelection =\n              event.altKey &&\n              row.getIsSelected() &&\n              !event.shiftKey &&\n              !event.ctrlKey &&\n              !event.metaKey\n            const nextSelection: RowSelectionState = !preserveSelection\n              ? handleSelectionLogic(\n                  cellTableInstance, // Pass the cell's table instance\n                  row.id,\n                  event.shiftKey,\n                  event.ctrlKey || event.metaKey,\n                )\n              : cellTableInstance.getState().rowSelection || {}\n            if (event.altKey) {\n              onRowOptionClick?.(row.original, Object.keys(nextSelection))\n            }\n          }\n\n          const props: SimpleTableCellTemplateProps & {\n            onClick?: (event: ReactMouseEvent<HTMLElement, MouseEvent>) => void\n            onDoubleClick?: (event: ReactMouseEvent<HTMLElement, MouseEvent>) => void\n          } = {\n            className: clsx({\n              selected: row.getIsSelected(),\n              loading: cellMeta?.isLoading,\n              disabled: row.original.isDisabled, // you can't select disabled rows\n              inactive: row.original.inactive, // false: archived items but still selectable\n            }),\n            onKeyDown: (e) => {\n              if (e.target instanceof HTMLInputElement) return\n              // Corrected typo: handleRowKeydown -> handleRowKeyDown\n              handleRowKeyDown(e, row)\n            },\n            depth: row.depth,\n            tabIndex: 0,\n            value: getValue<string>(),\n            parents: row.original.parents,\n            icon: row.original.icon || undefined,\n            iconColor: row.original.iconColor,\n            iconFilled: row.original.iconFilled,\n            img: row.original.img,\n            imgShape: row.original.imgShape,\n            imgRatio: imgRatio,\n            imgPosition: imgPosition,\n            isRowExpandable: row.getCanExpand(),\n            enableNonFolderIndent,\n            isRowExpanded: row.getIsExpanded(),\n            isTableExpandable: cellMeta?.isExpandable,\n            onExpandClick: (event?: ReactMouseEvent<HTMLElement, MouseEvent>) => {\n              if (event?.altKey) {\n                toggleRowAndDescendants(row, !row.getIsExpanded())\n              } else {\n                row.toggleExpanded()\n              }\n            },\n            startContent: row.original.startContent,\n            endContent: row.original.endContent,\n            badge: row.original.badge,\n            isDisabled: row.original.isDisabled,\n            disabledMessage: row.original.disabledMessage,\n            isRenaming: row.id === renamingIdRef.current,\n            renameInitialValue:\n              row.id === renamingIdRef.current ? renameInitialValueRef.current : undefined,\n            onSubmitRename: onSubmitRenameRef.current\n              ? (v) => onSubmitRenameRef.current!(row.id, v)\n              : undefined,\n            onCancelRename: onCancelRenameRef.current,\n            ...pt?.cell,\n            onClick: handleCellClick, // Added onClick handler\n            onDoubleClick: (e) => onRowDoubleClickRef.current?.(row.id, row),\n          }\n\n          // Use children function if provided, otherwise default to SimpleTableCellTemplate\n          return cellMeta?.children ? (\n            cellMeta.children(props, row, cellTableInstance)\n          ) : (\n            <SimpleTableCellTemplate {...props} {...pt?.cell} />\n          )\n        },\n      },\n    ],\n    [\n      forceUpdateTable,\n      handleSelectionLogic,\n      handleRowKeyDown,\n      enableClickToDeselect,\n      enableNonFolderIndent,\n      imgRatio,\n      imgPosition,\n      onRowOptionClick,\n    ],\n  )\n\n  const handleRowSelectionChangeCallback: OnChangeFn<RowSelectionState> = useCallback(\n    (updater) => {\n      onRowSelectionChange(functionalUpdate(updater, rowSelection))\n    },\n    [onRowSelectionChange],\n  )\n\n  const handleRowPinningChangeCallback: OnChangeFn<RowPinningState> = useCallback(\n    (updater) => {\n      onRowPinningChange?.(functionalUpdate(updater, rowPinning || {}))\n    },\n    [onRowPinningChange],\n  )\n\n  const handleExpandedChange = useCallback(\n    (updater: any) => {\n      setExpanded?.((old) => {\n        const newExpanded = updater instanceof Function ? updater(old) : updater\n        onExpandedChange?.(newExpanded)\n        return newExpanded\n      })\n    },\n    [setExpanded],\n  )\n\n  const table = useReactTable({\n    data: tableData,\n    columns,\n    state: {\n      expanded,\n      rowSelection,\n      globalFilter,\n      rowPinning,\n    },\n    onRowSelectionChange: handleRowSelectionChangeCallback,\n    onRowPinningChange: handleRowPinningChangeCallback,\n    filterFns: {\n      fuzzy: fuzzyFilter,\n    },\n    globalFilterFn: 'fuzzy',\n    enableRowSelection: true, //enable row selection for all rows\n    enableRowPinning: !!onRowPinningChange,\n    getRowId: (row) => row.id,\n    enableSubRowSelection: false, //disable sub row selection\n    onExpandedChange: handleExpandedChange,\n    getSubRows: (row) => row.subRows,\n    getCoreRowModel: getCoreRowModel(),\n    getFilteredRowModel: getFilteredRowModel(),\n    getExpandedRowModel: getExpandedRowModel(),\n    filterFromLeafRows: true,\n    // debugTable: true,\n    // @ts-expect-error: updateData is not required\n    meta: useMemo(\n      () => ({\n        isExpandable: !!isExpandable,\n        isLoading: isLoading,\n        children: children,\n        ...meta,\n      }),\n      [isExpandable, isLoading, children, meta],\n    ),\n  })\n\n  // Update tableRef whenever the table instance changes.\n  // This ensures handleRowSelectForKeydown uses the current table instance.\n  useEffect(() => {\n    tableRef.current = table\n  }, [table])\n\n  const { rows } = table.getRowModel()\n\n  const handleRowContextMenu = useCallback(\n    (rowId: string, rowIndex: number, e: ReactMouseEvent<HTMLTableRowElement>) => {\n      if (!tableRef.current) return\n      const row = rows[rowIndex]\n      if (!row || row.original === undefined) return\n\n      e.preventDefault()\n      e.stopPropagation()\n\n      const selectedIds = Object.keys(rowSelection)\n\n      const nextSelectedRows = selectedIds.includes(rowId) ? selectedIds : [rowId]\n\n      if (!selectedIds.includes(rowId)) {\n        // convert array to RowSelectionState object\n        const nextSelection: RowSelectionState = { [rowId]: true }\n        onRowSelectionChange?.(nextSelection)\n      }\n\n      const menuItems = rowContextMenuBuilders.flatMap((builder) =>\n        toMenuItems(\n          builder(e as any, {\n            rowId,\n            rowIndex,\n            row,\n            selectedRows: nextSelectedRows,\n            selectedTableRows: nextSelectedRows\n              .map((selectedRowId) => table.getRowModel().rowsById[selectedRowId])\n              .filter((selectedRow): selectedRow is Row<SimpleTableRow> => !!selectedRow),\n            isSelected: nextSelectedRows.includes(rowId),\n          }),\n        ),\n      )\n\n      if (menuItems.length > 0) {\n        showRowContextMenu(e as any, menuItems)\n      }\n    },\n    [rowContextMenuBuilders, rows, rowSelection, onRowSelectionChange, showRowContextMenu],\n  )\n\n  //The virtualizer needs to know the scrollable container element\n  const tableContainerRef = useRef<HTMLDivElement>(null)\n\n  const rowVirtualizer = useVirtualizer({\n    count: rows.length,\n    estimateSize: () => rowHeight || 34, //estimate row height for accurate scrollbar dragging\n    getScrollElement: () => tableContainerRef.current,\n    //measure dynamic row height, except in firefox because it measures table border height incorrectly\n    measureElement: rowHeight\n      ? () => rowHeight\n      : typeof window !== 'undefined' && navigator.userAgent.indexOf('Firefox') === -1\n      ? (element) => element?.getBoundingClientRect().height\n      : undefined,\n    overscan: 5,\n  })\n\n  // Memoize the ref callback to prevent infinite re-renders\n  const measureElementRef = useCallback(\n    (node: HTMLElement | null) => {\n      if (node) {\n        rowVirtualizer.measureElement(node)\n      }\n    },\n    [rowVirtualizer],\n  )\n\n  // Handle scroll to bottom detection\n  const handleScroll = useCallback(\n    (event: React.UIEvent<HTMLDivElement>) => {\n      if (!onScrollBottom) return\n\n      const target = event.currentTarget\n      const { scrollTop, scrollHeight, clientHeight } = target\n\n      // Check if we're near the bottom (within 100px)\n      const isNearBottom = scrollHeight - scrollTop - clientHeight < 100\n\n      if (isNearBottom && !isLoading) {\n        onScrollBottom()\n      }\n    },\n    [onScrollBottom, isLoading],\n  )\n\n  const handleContainerClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    // if the click is outside of any row, clear selection\n    if (enableClickToDeselect && !(e.target as HTMLElement).closest('tr')) {\n      table.setRowSelection({})\n      lastSelectedIdRef.current = null\n    }\n  }\n\n  return (\n    <Styled.TableContainer\n      ref={tableContainerRef}\n      onScroll={handleScroll}\n      onClick={handleContainerClick}\n      {...props}\n      className={clsx(props.className, { isLoading, fitContent })}\n    >\n      {!error && (\n        <table>\n          <tbody\n            style={{\n              height: `${rowVirtualizer?.getTotalSize()}px`, //tells scrollbar how big the table is\n            }}\n          >\n            {rowVirtualizer?.getVirtualItems().map((virtualRow) => {\n              const row = rows[virtualRow.index] as Row<SimpleTableRow>\n              return (\n                <tr\n                  data-index={virtualRow.index} //needed for dynamic row height measurement\n                  ref={measureElementRef} //measure dynamic row height\n                  key={row.id}\n                  id={row.id}\n                  onContextMenu={(e) => handleRowContextMenu(row.id, virtualRow.index, e)}\n                  {...pt?.row}\n                  style={{\n                    transform: `translateY(${virtualRow.start}px)`, //this should always be a `style` as it changes on scroll\n                    ...pt?.row?.style, // custom styles to be passed\n                  }}\n                >\n                  {row.getVisibleCells().map((cell) => {\n                    return (\n                      <td key={cell.id}>\n                        {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                      </td>\n                    )\n                  })}\n                </tr>\n              )\n            })}\n          </tbody>\n        </table>\n      )}\n      {!!error && <EmptyPlaceholder error={error} />}\n    </Styled.TableContainer>\n  )\n}\n\nexport default SimpleTable\n"],"names":["toMenuItems","items","toggleRowAndDescendants","row","expanded","subRow","fuzzyFilter","columnId","searchValue","addMeta","cellValue","searchString","itemRank","matchSearchQuery","parseSearchQuery","fuzzySort","rowA","rowB","dir","compareItems","sortingFns","getRowRange","rows","idA","idB","indexA","indexB","i","start","end","SimpleTable","data","isLoading","error","isExpandable","isMultiSelect","enableClickToDeselect","enableNonFolderIndent","forceUpdateTable","globalFilter","meta","rowHeight","imgRatio","imgPosition","onScrollBottom","onRename","renamingId","renameInitialValue","onSubmitRename","onCancelRename","onRowDoubleClick","onRowOptionClick","rowContextMenuBuilders","children","pt","fitContent","props","rowSelection","setExpanded","onExpandedChange","onRowSelectionChange","rowPinning","onRowPinningChange","useSimpleTableContext","lastSelectedIdRef","useRef","tableRef","showRowContextMenu","useCreateContextMenu","onRowDoubleClickRef","renamingIdRef","renameInitialValueRef","onSubmitRenameRef","onCancelRenameRef","onRenameRef","tableData","useMemo","_","handleSelectionLogic","useCallback","tableInstance","rowId","isShift","isCtrlOrMeta","currentId","rowModel","visibleRows","currentRow","currentSelection","nextSelection","lastId","rowsToToggle","r","handleRowSelectForKeydown","event","selectedRow","isShiftKey","isCtrlKey","handleArrowNavigation","direction","currentIndex","nextIndex","nextRow","container","tableContainerRef","nextCell","handleRenameForKeydown","handleRowKeyDown","useRowKeydown","columns","getValue","cellTableInstance","cellMeta","handleCellClick","clsx","e","v","jsx","SimpleTableCellTemplate","handleRowSelectionChangeCallback","updater","functionalUpdate","handleRowPinningChangeCallback","handleExpandedChange","old","newExpanded","table","useReactTable","getCoreRowModel","getFilteredRowModel","getExpandedRowModel","useEffect","handleRowContextMenu","rowIndex","selectedIds","nextSelectedRows","menuItems","builder","selectedRowId","rowVirtualizer","useVirtualizer","element","measureElementRef","node","handleScroll","target","scrollTop","scrollHeight","clientHeight","handleContainerClick","jsxs","Styled.TableContainer","virtualRow","cell","flexRender","EmptyPlaceholder"],"mappings":"03BAqCMA,GAAeC,GACdA,EACE,MAAM,QAAQA,CAAK,EAAIA,EAAM,OAAO,OAAO,EAAI,CAACA,CAAK,EADzC,CAAA,EAIfC,GAA0B,CAASC,EAAiBC,IAAsB,CAC9ED,EAAI,eAAeC,CAAQ,EAC3BD,EAAI,QAAQ,QAASE,GAAWH,GAAwBG,EAAQD,CAAQ,CAAC,CAC3E,EAGME,GAA6B,CAACH,EAAKI,EAAUC,EAAyBC,IAAY,CACtF,MAAMC,EAAYP,EAAI,SAASI,CAAQ,EAEvC,IAAII,EACF,OAAOD,GAAc,SACjBA,EACA,MAAM,QAAQA,CAAS,EACvBA,EAAU,KAAK,GAAG,EAClB,KAAK,UAAUA,CAAS,EAG1BH,IAAa,UACfI,EAAe,CAACR,EAAI,SAAS,MAAOA,EAAI,SAAS,KAAM,GAAIA,EAAI,SAAS,SAAW,CAAA,CAAG,EAAE,KACtF,GAAA,GAKJ,MAAMS,EAAWC,GAAAA,iBAAiBF,EAAcH,CAAW,EAC3D,OAAAC,EAAQ,CAAE,SAAAG,EAAU,EAEbA,EAAS,MAClB,EAEAN,GAAY,mBAAqBQ,GAAAA,iBAGjC,MAAMC,GAA4B,CAACC,EAAMC,EAAMV,IAAa,CAC1D,IAAIW,EAAM,EAGV,OAAIF,EAAK,kBAAkBT,CAAQ,IACjCW,EAAMC,GAAAA,aACJH,EAAK,kBAAkBT,CAAQ,GAAG,SAClCU,EAAK,kBAAkBV,CAAQ,GAAG,QAAA,GAK/BW,IAAQ,EAAIE,aAAW,aAAaJ,EAAMC,EAAMV,CAAQ,EAAIW,CACrE,EAIA,SAASG,GACPC,EACAC,EACAC,EACmB,CACnB,IAAIC,EAAS,GACTC,EAAS,GAEb,QAASC,EAAI,EAAGA,EAAIL,EAAK,SACnBA,EAAKK,CAAC,EAAE,KAAOJ,IAAKE,EAASE,GAC7BL,EAAKK,CAAC,EAAE,KAAOH,IAAKE,EAASC,GAC7B,EAAAF,IAAW,IAAMC,IAAW,KAHDC,IAG/B,CAGF,GAAIF,IAAW,IAAMC,IAAW,SAAW,CAAA,EAE3C,MAAME,EAAQ,KAAK,IAAIH,EAAQC,CAAM,EAC/BG,EAAM,KAAK,IAAIJ,EAAQC,CAAM,EAEnC,OAAOJ,EAAK,MAAMM,EAAOC,EAAM,CAAC,CAClC,CAEA,MAAMC,GAAoC,CAAC,CACzC,KAAAC,EAAO,CAAA,EACP,UAAAC,EACA,MAAAC,EACA,aAAAC,EACA,cAAAC,EAAgB,GAChB,sBAAAC,EAAwB,GACxB,sBAAAC,EAAwB,GACxB,iBAAAC,EACA,aAAAC,GACA,KAAAC,EACA,UAAAC,EACA,SAAAC,EACA,YAAAC,EACA,eAAAC,EACA,SAAAC,EACA,WAAAC,EACA,mBAAAC,EACA,eAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,iBAAAC,EACA,uBAAAC,EAAyB,CAAA,EACzB,SAAAC,EACA,GAAAC,EACA,WAAAC,GACA,GAAGC,CACL,IAAM,CACJ,KAAM,CACJ,aAAAC,EACA,SAAArD,GACA,YAAAsD,EACA,iBAAAC,GACA,qBAAAC,EACA,WAAAC,EACA,mBAAAC,CAAA,EACEC,yBAAA,EACEC,EAAoBC,EAAAA,OAAsB,IAAI,EAC9CC,EAAWD,EAAAA,OAAqC,IAAI,EACpD,CAACE,CAAkB,EAAIC,wBAAA,EAOvBC,EAAsBJ,EAAAA,OAAOf,CAAgB,EACnDmB,EAAoB,QAAUnB,EAC9B,MAAMoB,EAAgBL,EAAAA,OAAOnB,CAAU,EACvCwB,EAAc,QAAUxB,EACxB,MAAMyB,EAAwBN,EAAAA,OAAOlB,CAAkB,EACvDwB,EAAsB,QAAUxB,EAChC,MAAMyB,EAAoBP,EAAAA,OAAOjB,CAAc,EAC/CwB,EAAkB,QAAUxB,EAC5B,MAAMyB,GAAoBR,EAAAA,OAAOhB,CAAc,EAC/CwB,GAAkB,QAAUxB,EAC5B,MAAMyB,GAAcT,EAAAA,OAAOpB,CAAQ,EACnC6B,GAAY,QAAU7B,EAGtB,MAAM8B,GAAYC,EAAAA,QAAQ,IACnB5C,EAGE,MAAM,KAAK,CAAE,OAAQ,IAAM,CAAC6C,EAAGlD,KAAO,CAC3C,GAAI,eAAeA,CAAC,GACpB,KAAM,eAAeA,CAAC,GACtB,MAAO,eAAeA,CAAC,GACvB,KAAM,KACN,IAAK,KACL,QAAS,CAAA,EACT,KAAM,CACJ,GAAI,eAAeA,CAAC,EAAA,CACtB,EACA,EAbqBI,EActB,CAACC,EAAWD,EAAMO,CAAgB,CAAC,EAGhCwC,EAAuBC,EAAAA,YAC3B,CACEC,EACAC,EACAC,EACAC,IACsB,CACtB,MAAMC,EAAYH,EACZI,EAAWL,EAAc,YAAA,EACzBM,EAAcD,EAAS,KACvBE,EAAaF,EAAS,SAASD,CAAS,EACxCI,EAAmBR,EAAc,SAAA,EAAW,cAAgB,CAAA,EAElE,GAAI,CAACO,EAAY,MAAO,CAAE,GAAGC,CAAA,EAG7B,GAAID,EAAW,SAAS,WACtB,MAAO,CAAE,GAAGC,CAAA,EAId,GACEpD,GACA,CAAC8C,GACD,CAACC,GACD,OAAO,KAAKK,CAAgB,EAAE,SAAW,GACzCA,EAAiBJ,CAAS,EAE1B,OAAAJ,EAAc,gBAAgB,EAAE,EAChChB,EAAkB,QAAU,KACrB,CAAA,EAGT,IAAIyB,EACJ,GAAItD,GAAiB+C,GAAWlB,EAAkB,QAAS,CACzD,MAAM0B,GAAS1B,EAAkB,QAC3B2B,GAAetE,GAAYiE,EAAaF,EAAWM,EAAM,EAE3DC,GAAa,SAAW,EAC1BF,EAAgB,CAAE,GAAGD,EAAkB,CAACJ,CAAS,EAAG,EAAA,GAEpDK,EAAgB,CAAE,GAAGD,CAAA,EACrBG,GAAa,QAASC,IAAOH,EAAcG,GAAE,EAAE,EAAI,EAAK,EAE5D,MAAWzD,GAAiBgD,GAG1BM,EAAgB,CAAE,GAAGD,CAAA,EACjBC,EAAcL,CAAS,EACzB,OAAOK,EAAcL,CAAS,EAE9BK,EAAcL,CAAS,EAAI,KAI7BK,EAAgB,CAAE,GAAGD,CAAA,EACf,OAAO,KAAKC,CAAa,EAAE,SAAW,GAAKA,EAAcL,CAAS,IACtEK,EAAgB,CAAE,CAACL,CAAS,EAAG,EAAA,IAGnC,OAAAJ,EAAc,gBAAgBS,CAAa,EAC3CzB,EAAkB,QAAUoB,EACrBK,CACT,EACA,CAACtD,EAAeC,CAAqB,CAAA,EAKjCyD,GAA4Bd,EAAAA,YAChC,CACEe,EACAC,IACG,CACH,GAAI,CAAC7B,EAAS,QAAS,CACrB,QAAQ,KAAK,yDAAyD,EACtE,MACF,CAGA,MAAM8B,EAAaF,EAAM,SACnBG,EAAYH,EAAM,SAAWA,EAAM,QAEzChB,EACEZ,EAAS,QACT6B,EAAY,GACZC,EACAC,CAAA,CAEJ,EACA,CAACnB,CAAoB,CAAA,EAIjBoB,GAAwBnB,EAAAA,YAC5B,CAACoB,EAA0BZ,EAAiCO,IAA4B,CACtF,GAAI,CAAC5B,EAAS,QAAS,OAGvB,MAAMoB,EAAcpB,EAAS,QAAQ,YAAA,EAAc,KAC7CkC,EAAed,EAAY,UAAWM,GAAMA,EAAE,KAAOL,EAAW,EAAE,EAExE,GAAIa,IAAiB,GAAI,OAEzB,IAAIC,EAAYF,IAAc,OAASC,EAAe,EAAIA,EAAe,EAGzE,GAAI,EAAAC,EAAY,GAAKA,GAAaf,EAAY,QAG9C,KAAOe,GAAa,GAAKA,EAAYf,EAAY,QAAQ,CACvD,MAAMgB,EAAUhB,EAAYe,CAAS,EACrC,GAAI,CAACC,EAAQ,SAAS,WAAY,CAGhCxB,EACEZ,EAAS,QACToC,EAAQ,GACRR,EAAM,SACNA,EAAM,SAAWA,EAAM,OAAA,EAMzB,sBAAsB,IAAM,CAC1B,MAAMS,EAAYC,EAAkB,QAI9BC,GAHiBF,EACnBA,EAAU,cAAc,IAAI,IAAI,OAAOD,EAAQ,EAAE,CAAC,EAAE,EACpD,SAAS,eAAeA,EAAQ,EAAE,IACL,cAAc,gBAAgB,EAC3DG,IACFA,EAAS,MAAA,EACTA,EAAS,eAAe,CAAE,MAAO,UAAW,SAAU,SAAU,EAEpE,CAAC,EACD,MACF,CAEAJ,EAAYF,IAAc,OAASE,EAAY,EAAIA,EAAY,CACjE,CACF,EACA,CAACvB,CAAoB,CAAA,EAKjB4B,GAAyB3B,EAAAA,YAC7B,CAAC,EAAqB5E,IAA6B,CAC5CA,EAAI,SAAS,eAAwB,UAAUA,EAAI,GAAIA,CAAG,CACjE,EACA,CAAA,CAAC,EAGG,CAAE,iBAAAwG,EAAA,EAAqBC,GAA8B,CACzD,gBAAiBf,GACjB,sBAAAK,GACA,aAAcQ,EAAA,CACf,EAEKG,GAAUjC,EAAAA,QACd,IAAM,CACJ,CACE,YAAa,QACb,OAAQ,OACR,SAAU,QACV,UAAW7D,GACX,KAAM,CAAC,CAAE,IAAAZ,EAAK,SAAA2G,EAAU,MAAOC,KAAwB,CACrD,MAAMC,EAAWD,EAAkB,QAAQ,KAErCE,EAAmBnB,GAAoD,CAE3E,GACEA,EAAM,kBAAkB,kBACxBA,EAAM,kBAAkB,mBACxBA,EAAM,kBAAkB,qBACxBA,EAAM,kBAAkB,mBACxBA,EAAM,kBAAkB,mBACvBA,EAAM,OAAuB,QAAQ,oCAAoC,EAE1E,OAUF,MAAML,EALJK,EAAM,QACN3F,EAAI,cAAA,GACJ,CAAC2F,EAAM,UACP,CAACA,EAAM,SACP,CAACA,EAAM,QAQLiB,EAAkB,WAAW,cAAgB,CAAA,EAN7CjC,EACEiC,EACA5G,EAAI,GACJ2F,EAAM,SACNA,EAAM,SAAWA,EAAM,OAAA,EAGzBA,EAAM,QACR3C,IAAmBhD,EAAI,SAAU,OAAO,KAAKsF,CAAa,CAAC,CAE/D,EAEMjC,EAGF,CACF,UAAW0D,GAAK,CACd,SAAU/G,EAAI,cAAA,EACd,QAAS6G,GAAU,UACnB,SAAU7G,EAAI,SAAS,WACvB,SAAUA,EAAI,SAAS,QAAA,CACxB,EACD,UAAYgH,GAAM,CACZA,EAAE,kBAAkB,kBAExBR,GAAiBQ,EAAGhH,CAAG,CACzB,EACA,MAAOA,EAAI,MACX,SAAU,EACV,MAAO2G,EAAA,EACP,QAAS3G,EAAI,SAAS,QACtB,KAAMA,EAAI,SAAS,MAAQ,OAC3B,UAAWA,EAAI,SAAS,UACxB,WAAYA,EAAI,SAAS,WACzB,IAAKA,EAAI,SAAS,IAClB,SAAUA,EAAI,SAAS,SACvB,SAAAuC,EACA,YAAAC,EACA,gBAAiBxC,EAAI,aAAA,EACrB,sBAAAkC,EACA,cAAelC,EAAI,cAAA,EACnB,kBAAmB6G,GAAU,aAC7B,cAAgBlB,GAAqD,CAC/DA,GAAO,OACT5F,GAAwBC,EAAK,CAACA,EAAI,cAAA,CAAe,EAEjDA,EAAI,eAAA,CAER,EACA,aAAcA,EAAI,SAAS,aAC3B,WAAYA,EAAI,SAAS,WACzB,MAAOA,EAAI,SAAS,MACpB,WAAYA,EAAI,SAAS,WACzB,gBAAiBA,EAAI,SAAS,gBAC9B,WAAYA,EAAI,KAAOmE,EAAc,QACrC,mBACEnE,EAAI,KAAOmE,EAAc,QAAUC,EAAsB,QAAU,OACrE,eAAgBC,EAAkB,QAC7B4C,GAAM5C,EAAkB,QAASrE,EAAI,GAAIiH,CAAC,EAC3C,OACJ,eAAgB3C,GAAkB,QAClC,GAAGnB,GAAI,KACP,QAAS2D,EACT,cAAgBE,GAAM9C,EAAoB,UAAUlE,EAAI,GAAIA,CAAG,CAAA,EAIjE,OAAO6G,GAAU,SACfA,EAAS,SAASxD,EAAOrD,EAAK4G,CAAiB,EAE/CM,EAAAA,kBAAAA,IAACC,GAAAA,wBAAA,CAAyB,GAAG9D,EAAQ,GAAGF,GAAI,KAAM,CAEtD,CAAA,CACF,EAEF,CACEhB,EACAwC,EACA6B,GACAvE,EACAC,EACAK,EACAC,EACAQ,CAAA,CACF,EAGIoE,GAAkExC,EAAAA,YACrEyC,GAAY,CACX5D,EAAqB6D,EAAAA,iBAAiBD,EAAS/D,CAAY,CAAC,CAC9D,EACA,CAACG,CAAoB,CAAA,EAGjB8D,GAA8D3C,EAAAA,YACjEyC,GAAY,CACX1D,IAAqB2D,EAAAA,iBAAiBD,EAAS3D,GAAc,CAAA,CAAE,CAAC,CAClE,EACA,CAACC,CAAkB,CAAA,EAGf6D,GAAuB5C,EAAAA,YAC1ByC,GAAiB,CAChB9D,IAAekE,GAAQ,CACrB,MAAMC,EAAcL,aAAmB,SAAWA,EAAQI,CAAG,EAAIJ,EACjE,OAAA7D,KAAmBkE,CAAW,EACvBA,CACT,CAAC,CACH,EACA,CAACnE,CAAW,CAAA,EAGRoE,EAAQC,EAAAA,cAAc,CAC1B,KAAMpD,GACN,QAAAkC,GACA,MAAO,CACL,SAAAzG,GACA,aAAAqD,EACA,aAAAlB,GACA,WAAAsB,CAAA,EAEF,qBAAsB0D,GACtB,mBAAoBG,GACpB,UAAW,CACT,MAAOpH,EAAA,EAET,eAAgB,QAChB,mBAAoB,GACpB,iBAAkB,CAAC,CAACwD,EACpB,SAAW3D,GAAQA,EAAI,GACvB,sBAAuB,GACvB,iBAAkBwH,GAClB,WAAaxH,GAAQA,EAAI,QACzB,gBAAiB6H,EAAAA,gBAAA,EACjB,oBAAqBC,EAAAA,oBAAA,EACrB,oBAAqBC,EAAAA,oBAAA,EACrB,mBAAoB,GAGpB,KAAMtD,EAAAA,QACJ,KAAO,CACL,aAAc,CAAC,CAAC1C,EAChB,UAAAF,EACA,SAAAqB,EACA,GAAGb,CAAA,GAEL,CAACN,EAAcF,EAAWqB,EAAUb,CAAI,CAAA,CAC1C,CACD,EAID2F,EAAAA,UAAU,IAAM,CACdjE,EAAS,QAAU4D,CACrB,EAAG,CAACA,CAAK,CAAC,EAEV,KAAM,CAAE,KAAAxG,CAAA,EAASwG,EAAM,YAAA,EAEjBM,GAAuBrD,EAAAA,YAC3B,CAACE,EAAeoD,EAAkBlB,IAA4C,CAC5E,GAAI,CAACjD,EAAS,QAAS,OACvB,MAAM/D,EAAMmB,EAAK+G,CAAQ,EACzB,GAAI,CAAClI,GAAOA,EAAI,WAAa,OAAW,OAExCgH,EAAE,eAAA,EACFA,EAAE,gBAAA,EAEF,MAAMmB,EAAc,OAAO,KAAK7E,CAAY,EAEtC8E,EAAmBD,EAAY,SAASrD,CAAK,EAAIqD,EAAc,CAACrD,CAAK,EAE3E,GAAI,CAACqD,EAAY,SAASrD,CAAK,EAAG,CAEhC,MAAMQ,EAAmC,CAAE,CAACR,CAAK,EAAG,EAAA,EACpDrB,IAAuB6B,CAAa,CACtC,CAEA,MAAM+C,EAAYpF,EAAuB,QAASqF,GAChDzI,GACEyI,EAAQtB,EAAU,CAChB,MAAAlC,EACA,SAAAoD,EACA,IAAAlI,EACA,aAAcoI,EACd,kBAAmBA,EAChB,IAAKG,GAAkBZ,EAAM,YAAA,EAAc,SAASY,CAAa,CAAC,EAClE,OAAQ3C,GAAoD,CAAC,CAACA,CAAW,EAC5E,WAAYwC,EAAiB,SAAStD,CAAK,CAAA,CAC5C,CAAA,CACH,EAGEuD,EAAU,OAAS,GACrBrE,EAAmBgD,EAAUqB,CAAS,CAE1C,EACA,CAACpF,EAAwB9B,EAAMmC,EAAcG,EAAsBO,CAAkB,CAAA,EAIjFqC,EAAoBvC,EAAAA,OAAuB,IAAI,EAE/C0E,EAAiBC,GAAAA,eAAe,CACpC,MAAOtH,EAAK,OACZ,aAAc,IAAMmB,GAAa,GACjC,iBAAkB,IAAM+D,EAAkB,QAE1C,eAAgB/D,EACZ,IAAMA,EACN,OAAO,OAAW,KAAe,UAAU,UAAU,QAAQ,SAAS,IAAM,GAC3EoG,GAAYA,GAAS,sBAAA,EAAwB,OAC9C,OACJ,SAAU,CAAA,CACX,EAGKC,GAAoB/D,EAAAA,YACvBgE,GAA6B,CACxBA,GACFJ,EAAe,eAAeI,CAAI,CAEtC,EACA,CAACJ,CAAc,CAAA,EAIXK,GAAejE,EAAAA,YAClBe,GAAyC,CACxC,GAAI,CAAClD,EAAgB,OAErB,MAAMqG,EAASnD,EAAM,cACf,CAAE,UAAAoD,EAAW,aAAAC,EAAc,aAAAC,CAAA,EAAiBH,EAG7BE,EAAeD,EAAYE,EAAe,KAE3C,CAACpH,GACnBY,EAAA,CAEJ,EACA,CAACA,EAAgBZ,CAAS,CAAA,EAGtBqH,GAAwB,GAAwC,CAEhEjH,GAAyB,CAAE,EAAE,OAAuB,QAAQ,IAAI,IAClE0F,EAAM,gBAAgB,EAAE,EACxB9D,EAAkB,QAAU,KAEhC,EAEA,OACEsF,EAAAA,kBAAAA,KAACC,GAAAA,eAAA,CACC,IAAK/C,EACL,SAAUwC,GACV,QAASK,GACR,GAAG7F,EACJ,UAAW0D,GAAK1D,EAAM,UAAW,CAAE,UAAAxB,EAAW,WAAAuB,GAAY,EAEzD,SAAA,CAAA,CAACtB,2BACC,QAAA,CACC,SAAAoF,EAAAA,kBAAAA,IAAC,QAAA,CACC,MAAO,CACL,OAAQ,GAAGsB,GAAgB,aAAA,CAAc,IAAA,EAG1C,SAAAA,GAAgB,gBAAA,EAAkB,IAAKa,GAAe,CACrD,MAAMrJ,EAAMmB,EAAKkI,EAAW,KAAK,EACjC,OACEnC,EAAAA,kBAAAA,IAAC,KAAA,CACC,aAAYmC,EAAW,MACvB,IAAKV,GAEL,GAAI3I,EAAI,GACR,cAAgBgH,GAAMiB,GAAqBjI,EAAI,GAAIqJ,EAAW,MAAOrC,CAAC,EACrE,GAAG7D,GAAI,IACR,MAAO,CACL,UAAW,cAAckG,EAAW,KAAK,MACzC,GAAGlG,GAAI,KAAK,KAAA,EAGb,SAAAnD,EAAI,gBAAA,EAAkB,IAAKsJ,GAExBpC,EAAAA,kBAAAA,IAAC,KAAA,CACE,SAAAqC,EAAAA,WAAWD,EAAK,OAAO,UAAU,KAAMA,EAAK,WAAA,CAAY,CAAA,EADlDA,EAAK,EAEd,CAEH,CAAA,EAfItJ,EAAI,EAAA,CAkBf,CAAC,CAAA,CAAA,EAEL,EAED,CAAC,CAAC8B,GAASoF,EAAAA,kBAAAA,IAACsC,GAAAA,kBAAiB,MAAA1H,CAAA,CAAc,CAAA,CAAA,CAAA,CAGlD"}