@ynput/ayon-frontend-shared 0.2.18 → 0.2.19

package/dist/shared/src/containers/ProjectTreeTable/hooks/useGetGroupedFields.cjs.js

@@ -15,6 +15,94 @@ const getAttributeIcon = require("../../../util/getAttributeIcon.cjs.js");
 require("../../../util/pubsub.cjs.js");
 require("../context/ProjectTableQueriesContext.cjs.js");
 require("../context/SelectedRowsContext.cjs.js");
+require("@ynput/ayon-react-components");
+;/* empty css                                      */
+require("clsx");
+require("../../ContextMenu/ContextMenuContext.cjs.js");
+require("../../../api/base/client.cjs.js");
+require("../../../api/generated/graphql.cjs.js");
+require("../../../api/generated/access.cjs.js");
+require("../../../api/generated/actions.cjs.js");
+require("../../../api/generated/activityFeed.cjs.js");
+require("../../../api/generated/addons.cjs.js");
+require("../../../api/generated/anatomy.cjs.js");
+require("../../../api/generated/attributes.cjs.js");
+require("../../../api/generated/authentication.cjs.js");
+require("../../../api/generated/bundles.cjs.js");
+require("../../../api/generated/configuration.cjs.js");
+require("../../../api/generated/desktop.cjs.js");
+require("../../../api/generated/entityLists.cjs.js");
+require("../../../api/generated/events.cjs.js");
+require("../../../api/generated/files.cjs.js");
+require("../../../api/generated/folders.cjs.js");
+require("../../../api/generated/inbox.cjs.js");
+require("../../../api/generated/links.cjs.js");
+require("../../../api/generated/market.cjs.js");
+require("../../../api/generated/onboarding.cjs.js");
+require("../../../api/generated/operations.cjs.js");
+require("../../../api/generated/products.cjs.js");
+require("../../../api/generated/projectDashboard.cjs.js");
+require("../../../api/generated/projects.cjs.js");
+require("../../../api/generated/reviewables.cjs.js");
+require("../../../api/generated/services.cjs.js");
+require("../../../api/generated/system.cjs.js");
+require("../../../api/generated/tasks.cjs.js");
+require("../../../api/generated/teams.cjs.js");
+require("../../../api/generated/thumbnails.cjs.js");
+require("../../../api/generated/uRIs.cjs.js");
+require("../../../api/generated/users.cjs.js");
+require("../../../api/generated/versions.cjs.js");
+require("../../../api/generated/workfiles.cjs.js");
+require("../../../api/generated/ynputCloud.cjs.js");
+require("../../../api/generated/grouping.cjs.js");
+require("../../../api/queries/actions/getActions.cjs.js");
+require("../../../api/queries/activities/getActivities.cjs.js");
+require("../../../api/queries/activities/updateActivities.cjs.js");
+require("../../../api/queries/activities/updateReaction.cjs.js");
+require("../../../api/queries/activities/getMentions.cjs.js");
+require("../../../api/queries/addons/getAddons.cjs.js");
+require("../../../api/queries/addons/updateAddons.cjs.js");
+require("../../../api/queries/attributes/getAttributes.cjs.js");
+require("../../../api/queries/attributes/updateAttributes.cjs.js");
+require("../../../api/queries/authentication/getAuthentication.cjs.js");
+require("../../../api/queries/entities/getEntity.cjs.js");
+require("../../../api/queries/entities/getEntityPanel.cjs.js");
+require("../../../api/queries/entities/updateEntity.cjs.js");
+require("../../../api/queries/entityLists/getLists.cjs.js");
+require("../../../api/queries/entityLists/updateLists.cjs.js");
+require("../../../api/queries/entityLists/getListsAttributes.cjs.js");
+require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");
+require("../../../api/queries/folders/getFolders.cjs.js");
+require("../../../api/queries/overview/getOverview.cjs.js");
+require("../../../api/queries/overview/updateOverview.cjs.js");
+require("../../../api/queries/project/getProject.cjs.js");
+require("../../../api/queries/project/updateProject.cjs.js");
+require("../../../api/queries/review/getReview.cjs.js");
+require("../../../api/queries/review/updateReview.cjs.js");
+require("../../../api/queries/system/getSystem.cjs.js");
+require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");
+require("../../../api/queries/users/getUsers.cjs.js");
+require("../../../api/queries/users/updateUsers.cjs.js");
+require("../../../api/queries/watchers/getWatchers.cjs.js");
+require("../../../api/queries/permissions/getPermissions.cjs.js");
+require("../../../api/queries/grouping/getGrouping.cjs.js");
+require("../../../api/queries/versions/updateVersions.cjs.js");
+require("../../../api/queries/products/createProduct.cjs.js");
+require("../../../context/RemoteModulesContext.cjs.js");
+require("../../../../../_virtual/runtime.cjs.js");
+require("../../../../../_virtual/semver.cjs.js");
+require("../../../context/DetailsPanelContext.cjs.js");
+require("../../../context/ThumbnailUploaderContext.cjs.js");
+require("../../../context/SettingsPanelContext.cjs.js");
+require("../../../context/pip/PiPProvider.cjs.js");
+require("react-dom");
+require("../../../context/pip/PiPWrapper.cjs.js");
+require("../../../context/AddonProjectContext.cjs.js");
+require("../../../context/AddonContext.cjs.js");
+require("../../../context/PowerpackContext.cjs.js");
+require("react-redux");
+require("custom-protocol-check");
+require("../components/GroupSettingsFallback.cjs.js");
 require("../context/ProjectDataContext.cjs.js");
 const allowedGroupByFields = ["string", "integer", "float"];
 const isAttribGroupable = (attrib, entityType, allowedTypes, enumOnly) => {

package/dist/shared/src/containers/ProjectTreeTable/hooks/useGetGroupedFields.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGetGroupedFields.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/hooks/useGetGroupedFields.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { ProjectTableAttribute } from '../types'\nimport { useColumnSettingsContext, useProjectTableContext } from '../context'\nimport { getAttributeIcon } from '@shared/util'\nimport { EntityGrouping } from '@shared/api'\n\n// @martastain says list_of_* is a pita to implement, so we are not supporting it for now\nexport const allowedGroupByFields = ['string', 'integer', 'float']\nexport const isAttribGroupable = (\n  attrib: ProjectTableAttribute,\n  entityType: EntityGrouping['entityType'],\n  allowedTypes?: ('string' | 'integer' | 'float')[],\n  enumOnly?: boolean,\n) => {\n  const typesToCheck = allowedTypes || allowedGroupByFields\n  const hasValidType = typesToCheck.includes(attrib.data.type) && attrib.scope?.includes(entityType)\n\n  if (!hasValidType) return false\n  if (enumOnly) return !!attrib.data.enum && attrib.data.enum.length > 0\n\n  return true\n}\n\nexport const useGetGroupedFields = (\n  allowedTypes?: ('string' | 'integer' | 'float')[],\n  enumOnly?: boolean,\n) => {\n  const { columnOrder } = useColumnSettingsContext()\n  const { attribFields } = useProjectTableContext()\n\n  return useMemo(\n    () =>\n      [\n        {\n          value: 'taskType',\n          label: 'Task Type',\n          icon: getAttributeIcon('task'),\n        },\n        {\n          value: 'assignees',\n          label: 'Assignees',\n          icon: getAttributeIcon('assignees'),\n        },\n        {\n          value: 'status',\n          label: 'Status',\n          icon: getAttributeIcon('status'),\n        },\n        {\n          value: 'tags',\n          label: 'Tags',\n          icon: getAttributeIcon('tags'),\n        },\n        ...attribFields\n          .filter((attrib) => isAttribGroupable(attrib, 'task', allowedTypes, enumOnly))\n          .map((field) => ({\n            value: 'attrib.' + field.name,\n            label: field.data.title || field.name,\n            icon: getAttributeIcon(field.name),\n          })),\n      ].sort((a, b) => {\n        const indexA = columnOrder.indexOf(a.value)\n        const indexB = columnOrder.indexOf(b.value)\n        if (indexA === -1 && indexB === -1) return 0\n        if (indexA === -1) return 1\n        if (indexB === -1) return -1\n        return indexA - indexB\n      }),\n    [attribFields, columnOrder, allowedTypes, enumOnly],\n  )\n}\n"],"names":["useColumnSettingsContext","useProjectTableContext","useMemo","getAttributeIcon"],"mappings":";;;;;;;;;;;;;;;;;;AAOO,MAAM,uBAAuB,CAAC,UAAU,WAAW,OAAO;AAC1D,MAAM,oBAAoB,CAC/B,QACA,YACA,cACA,aACG;;AACH,QAAM,eAAe,gBAAgB;AAC/B,QAAA,eAAe,aAAa,SAAS,OAAO,KAAK,IAAI,OAAK,YAAO,UAAP,mBAAc,SAAS;AAEnF,MAAA,CAAC,aAAqB,QAAA;AACtB,MAAA,SAAiB,QAAA,CAAC,CAAC,OAAO,KAAK,QAAQ,OAAO,KAAK,KAAK,SAAS;AAE9D,SAAA;AACT;AAEa,MAAA,sBAAsB,CACjC,cACA,aACG;AACG,QAAA,EAAE,YAAY,IAAIA,+CAAyB;AAC3C,QAAA,EAAE,aAAa,IAAIC,2CAAuB;AAEzC,SAAAC,MAAA;AAAA,IACL,MACE;AAAA,MACE;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MAAMC,kCAAiB,MAAM;AAAA,MAC/B;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MAAMA,kCAAiB,WAAW;AAAA,MACpC;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MAAMA,kCAAiB,QAAQ;AAAA,MACjC;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MAAMA,kCAAiB,MAAM;AAAA,MAC/B;AAAA,MACA,GAAG,aACA,OAAO,CAAC,WAAW,kBAAkB,QAAQ,QAAQ,cAAc,QAAQ,CAAC,EAC5E,IAAI,CAAC,WAAW;AAAA,QACf,OAAO,YAAY,MAAM;AAAA,QACzB,OAAO,MAAM,KAAK,SAAS,MAAM;AAAA,QACjC,MAAMA,iBAAAA,iBAAiB,MAAM,IAAI;AAAA,MAAA,EACjC;AAAA,IAAA,EACJ,KAAK,CAAC,GAAG,MAAM;AACf,YAAM,SAAS,YAAY,QAAQ,EAAE,KAAK;AAC1C,YAAM,SAAS,YAAY,QAAQ,EAAE,KAAK;AAC1C,UAAI,WAAW,MAAM,WAAW,GAAW,QAAA;AACvC,UAAA,WAAW,GAAW,QAAA;AACtB,UAAA,WAAW,GAAW,QAAA;AAC1B,aAAO,SAAS;AAAA,IAAA,CACjB;AAAA,IACH,CAAC,cAAc,aAAa,cAAc,QAAQ;AAAA,EACpD;AACF;;;;"}
+{"version":3,"file":"useGetGroupedFields.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/hooks/useGetGroupedFields.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { ProjectTableAttribute } from '../types'\nimport { useColumnSettingsContext, useProjectTableContext } from '../context'\nimport { getAttributeIcon } from '@shared/util'\nimport { EntityGrouping } from '@shared/api'\n\n// @martastain says list_of_* is a pita to implement, so we are not supporting it for now\nexport const allowedGroupByFields = ['string', 'integer', 'float']\nexport const isAttribGroupable = (\n  attrib: ProjectTableAttribute,\n  entityType: EntityGrouping['entityType'],\n  allowedTypes?: ('string' | 'integer' | 'float')[],\n  enumOnly?: boolean,\n) => {\n  const typesToCheck = allowedTypes || allowedGroupByFields\n  const hasValidType = typesToCheck.includes(attrib.data.type) && attrib.scope?.includes(entityType)\n\n  if (!hasValidType) return false\n  if (enumOnly) return !!attrib.data.enum && attrib.data.enum.length > 0\n\n  return true\n}\n\nexport const useGetGroupedFields = (\n  allowedTypes?: ('string' | 'integer' | 'float')[],\n  enumOnly?: boolean,\n) => {\n  const { columnOrder } = useColumnSettingsContext()\n  const { attribFields } = useProjectTableContext()\n\n  return useMemo(\n    () =>\n      [\n        {\n          value: 'taskType',\n          label: 'Task Type',\n          icon: getAttributeIcon('task'),\n        },\n        {\n          value: 'assignees',\n          label: 'Assignees',\n          icon: getAttributeIcon('assignees'),\n        },\n        {\n          value: 'status',\n          label: 'Status',\n          icon: getAttributeIcon('status'),\n        },\n        {\n          value: 'tags',\n          label: 'Tags',\n          icon: getAttributeIcon('tags'),\n        },\n        ...attribFields\n          .filter((attrib) => isAttribGroupable(attrib, 'task', allowedTypes, enumOnly))\n          .map((field) => ({\n            value: 'attrib.' + field.name,\n            label: field.data.title || field.name,\n            icon: getAttributeIcon(field.name),\n          })),\n      ].sort((a, b) => {\n        const indexA = columnOrder.indexOf(a.value)\n        const indexB = columnOrder.indexOf(b.value)\n        if (indexA === -1 && indexB === -1) return 0\n        if (indexA === -1) return 1\n        if (indexB === -1) return -1\n        return indexA - indexB\n      }),\n    [attribFields, columnOrder, allowedTypes, enumOnly],\n  )\n}\n"],"names":["useColumnSettingsContext","useProjectTableContext","useMemo","getAttributeIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAM,uBAAuB,CAAC,UAAU,WAAW,OAAO;AAC1D,MAAM,oBAAoB,CAC/B,QACA,YACA,cACA,aACG;;AACH,QAAM,eAAe,gBAAgB;AAC/B,QAAA,eAAe,aAAa,SAAS,OAAO,KAAK,IAAI,OAAK,YAAO,UAAP,mBAAc,SAAS;AAEnF,MAAA,CAAC,aAAqB,QAAA;AACtB,MAAA,SAAiB,QAAA,CAAC,CAAC,OAAO,KAAK,QAAQ,OAAO,KAAK,KAAK,SAAS;AAE9D,SAAA;AACT;AAEa,MAAA,sBAAsB,CACjC,cACA,aACG;AACG,QAAA,EAAE,YAAY,IAAIA,+CAAyB;AAC3C,QAAA,EAAE,aAAa,IAAIC,2CAAuB;AAEzC,SAAAC,MAAA;AAAA,IACL,MACE;AAAA,MACE;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MAAMC,kCAAiB,MAAM;AAAA,MAC/B;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MAAMA,kCAAiB,WAAW;AAAA,MACpC;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MAAMA,kCAAiB,QAAQ;AAAA,MACjC;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MAAMA,kCAAiB,MAAM;AAAA,MAC/B;AAAA,MACA,GAAG,aACA,OAAO,CAAC,WAAW,kBAAkB,QAAQ,QAAQ,cAAc,QAAQ,CAAC,EAC5E,IAAI,CAAC,WAAW;AAAA,QACf,OAAO,YAAY,MAAM;AAAA,QACzB,OAAO,MAAM,KAAK,SAAS,MAAM;AAAA,QACjC,MAAMA,iBAAAA,iBAAiB,MAAM,IAAI;AAAA,MAAA,EACjC;AAAA,IAAA,EACJ,KAAK,CAAC,GAAG,MAAM;AACf,YAAM,SAAS,YAAY,QAAQ,EAAE,KAAK;AAC1C,YAAM,SAAS,YAAY,QAAQ,EAAE,KAAK;AAC1C,UAAI,WAAW,MAAM,WAAW,GAAW,QAAA;AACvC,UAAA,WAAW,GAAW,QAAA;AACtB,UAAA,WAAW,GAAW,QAAA;AAC1B,aAAO,SAAS;AAAA,IAAA,CACjB;AAAA,IACH,CAAC,cAAc,aAAa,cAAc,QAAQ;AAAA,EACpD;AACF;;;;"}

package/dist/shared/src/containers/ProjectTreeTable/hooks/useGetGroupedFields.es.js

@@ -13,6 +13,94 @@ import { getAttributeIcon } from "../../../util/getAttributeIcon.es.js";
 import "../../../util/pubsub.es.js";
 import "../context/ProjectTableQueriesContext.es.js";
 import "../context/SelectedRowsContext.es.js";
+import "@ynput/ayon-react-components";
+/* empty css                                    */
+import "clsx";
+import "../../ContextMenu/ContextMenuContext.es.js";
+import "../../../api/base/client.es.js";
+import "../../../api/generated/graphql.es.js";
+import "../../../api/generated/access.es.js";
+import "../../../api/generated/actions.es.js";
+import "../../../api/generated/activityFeed.es.js";
+import "../../../api/generated/addons.es.js";
+import "../../../api/generated/anatomy.es.js";
+import "../../../api/generated/attributes.es.js";
+import "../../../api/generated/authentication.es.js";
+import "../../../api/generated/bundles.es.js";
+import "../../../api/generated/configuration.es.js";
+import "../../../api/generated/desktop.es.js";
+import "../../../api/generated/entityLists.es.js";
+import "../../../api/generated/events.es.js";
+import "../../../api/generated/files.es.js";
+import "../../../api/generated/folders.es.js";
+import "../../../api/generated/inbox.es.js";
+import "../../../api/generated/links.es.js";
+import "../../../api/generated/market.es.js";
+import "../../../api/generated/onboarding.es.js";
+import "../../../api/generated/operations.es.js";
+import "../../../api/generated/products.es.js";
+import "../../../api/generated/projectDashboard.es.js";
+import "../../../api/generated/projects.es.js";
+import "../../../api/generated/reviewables.es.js";
+import "../../../api/generated/services.es.js";
+import "../../../api/generated/system.es.js";
+import "../../../api/generated/tasks.es.js";
+import "../../../api/generated/teams.es.js";
+import "../../../api/generated/thumbnails.es.js";
+import "../../../api/generated/uRIs.es.js";
+import "../../../api/generated/users.es.js";
+import "../../../api/generated/versions.es.js";
+import "../../../api/generated/workfiles.es.js";
+import "../../../api/generated/ynputCloud.es.js";
+import "../../../api/generated/grouping.es.js";
+import "../../../api/queries/actions/getActions.es.js";
+import "../../../api/queries/activities/getActivities.es.js";
+import "../../../api/queries/activities/updateActivities.es.js";
+import "../../../api/queries/activities/updateReaction.es.js";
+import "../../../api/queries/activities/getMentions.es.js";
+import "../../../api/queries/addons/getAddons.es.js";
+import "../../../api/queries/addons/updateAddons.es.js";
+import "../../../api/queries/attributes/getAttributes.es.js";
+import "../../../api/queries/attributes/updateAttributes.es.js";
+import "../../../api/queries/authentication/getAuthentication.es.js";
+import "../../../api/queries/entities/getEntity.es.js";
+import "../../../api/queries/entities/getEntityPanel.es.js";
+import "../../../api/queries/entities/updateEntity.es.js";
+import "../../../api/queries/entityLists/getLists.es.js";
+import "../../../api/queries/entityLists/updateLists.es.js";
+import "../../../api/queries/entityLists/getListsAttributes.es.js";
+import "../../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../../api/queries/folders/getFolders.es.js";
+import "../../../api/queries/overview/getOverview.es.js";
+import "../../../api/queries/overview/updateOverview.es.js";
+import "../../../api/queries/project/getProject.es.js";
+import "../../../api/queries/project/updateProject.es.js";
+import "../../../api/queries/review/getReview.es.js";
+import "../../../api/queries/review/updateReview.es.js";
+import "../../../api/queries/system/getSystem.es.js";
+import "../../../api/queries/userDashboard/getUserDashboard.es.js";
+import "../../../api/queries/users/getUsers.es.js";
+import "../../../api/queries/users/updateUsers.es.js";
+import "../../../api/queries/watchers/getWatchers.es.js";
+import "../../../api/queries/permissions/getPermissions.es.js";
+import "../../../api/queries/grouping/getGrouping.es.js";
+import "../../../api/queries/versions/updateVersions.es.js";
+import "../../../api/queries/products/createProduct.es.js";
+import "../../../context/RemoteModulesContext.es.js";
+import "../../../../../_virtual/runtime.es.js";
+import "../../../../../_virtual/semver.es.js";
+import "../../../context/DetailsPanelContext.es.js";
+import "../../../context/ThumbnailUploaderContext.es.js";
+import "../../../context/SettingsPanelContext.es.js";
+import "../../../context/pip/PiPProvider.es.js";
+import "react-dom";
+import "../../../context/pip/PiPWrapper.es.js";
+import "../../../context/AddonProjectContext.es.js";
+import "../../../context/AddonContext.es.js";
+import "../../../context/PowerpackContext.es.js";
+import "react-redux";
+import "custom-protocol-check";
+import "../components/GroupSettingsFallback.es.js";
 import "../context/ProjectDataContext.es.js";
 const allowedGroupByFields = ["string", "integer", "float"];
 const isAttribGroupable = (attrib, entityType, allowedTypes, enumOnly) => {

package/dist/shared/src/containers/ProjectTreeTable/hooks/useGetGroupedFields.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGetGroupedFields.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/hooks/useGetGroupedFields.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { ProjectTableAttribute } from '../types'\nimport { useColumnSettingsContext, useProjectTableContext } from '../context'\nimport { getAttributeIcon } from '@shared/util'\nimport { EntityGrouping } from '@shared/api'\n\n// @martastain says list_of_* is a pita to implement, so we are not supporting it for now\nexport const allowedGroupByFields = ['string', 'integer', 'float']\nexport const isAttribGroupable = (\n  attrib: ProjectTableAttribute,\n  entityType: EntityGrouping['entityType'],\n  allowedTypes?: ('string' | 'integer' | 'float')[],\n  enumOnly?: boolean,\n) => {\n  const typesToCheck = allowedTypes || allowedGroupByFields\n  const hasValidType = typesToCheck.includes(attrib.data.type) && attrib.scope?.includes(entityType)\n\n  if (!hasValidType) return false\n  if (enumOnly) return !!attrib.data.enum && attrib.data.enum.length > 0\n\n  return true\n}\n\nexport const useGetGroupedFields = (\n  allowedTypes?: ('string' | 'integer' | 'float')[],\n  enumOnly?: boolean,\n) => {\n  const { columnOrder } = useColumnSettingsContext()\n  const { attribFields } = useProjectTableContext()\n\n  return useMemo(\n    () =>\n      [\n        {\n          value: 'taskType',\n          label: 'Task Type',\n          icon: getAttributeIcon('task'),\n        },\n        {\n          value: 'assignees',\n          label: 'Assignees',\n          icon: getAttributeIcon('assignees'),\n        },\n        {\n          value: 'status',\n          label: 'Status',\n          icon: getAttributeIcon('status'),\n        },\n        {\n          value: 'tags',\n          label: 'Tags',\n          icon: getAttributeIcon('tags'),\n        },\n        ...attribFields\n          .filter((attrib) => isAttribGroupable(attrib, 'task', allowedTypes, enumOnly))\n          .map((field) => ({\n            value: 'attrib.' + field.name,\n            label: field.data.title || field.name,\n            icon: getAttributeIcon(field.name),\n          })),\n      ].sort((a, b) => {\n        const indexA = columnOrder.indexOf(a.value)\n        const indexB = columnOrder.indexOf(b.value)\n        if (indexA === -1 && indexB === -1) return 0\n        if (indexA === -1) return 1\n        if (indexB === -1) return -1\n        return indexA - indexB\n      }),\n    [attribFields, columnOrder, allowedTypes, enumOnly],\n  )\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAOO,MAAM,uBAAuB,CAAC,UAAU,WAAW,OAAO;AAC1D,MAAM,oBAAoB,CAC/B,QACA,YACA,cACA,aACG;;AACH,QAAM,eAAe,gBAAgB;AAC/B,QAAA,eAAe,aAAa,SAAS,OAAO,KAAK,IAAI,OAAK,YAAO,UAAP,mBAAc,SAAS;AAEnF,MAAA,CAAC,aAAqB,QAAA;AACtB,MAAA,SAAiB,QAAA,CAAC,CAAC,OAAO,KAAK,QAAQ,OAAO,KAAK,KAAK,SAAS;AAE9D,SAAA;AACT;AAEa,MAAA,sBAAsB,CACjC,cACA,aACG;AACG,QAAA,EAAE,YAAY,IAAI,yBAAyB;AAC3C,QAAA,EAAE,aAAa,IAAI,uBAAuB;AAEzC,SAAA;AAAA,IACL,MACE;AAAA,MACE;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MAAM,iBAAiB,MAAM;AAAA,MAC/B;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MAAM,iBAAiB,WAAW;AAAA,MACpC;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MAAM,iBAAiB,QAAQ;AAAA,MACjC;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MAAM,iBAAiB,MAAM;AAAA,MAC/B;AAAA,MACA,GAAG,aACA,OAAO,CAAC,WAAW,kBAAkB,QAAQ,QAAQ,cAAc,QAAQ,CAAC,EAC5E,IAAI,CAAC,WAAW;AAAA,QACf,OAAO,YAAY,MAAM;AAAA,QACzB,OAAO,MAAM,KAAK,SAAS,MAAM;AAAA,QACjC,MAAM,iBAAiB,MAAM,IAAI;AAAA,MAAA,EACjC;AAAA,IAAA,EACJ,KAAK,CAAC,GAAG,MAAM;AACf,YAAM,SAAS,YAAY,QAAQ,EAAE,KAAK;AAC1C,YAAM,SAAS,YAAY,QAAQ,EAAE,KAAK;AAC1C,UAAI,WAAW,MAAM,WAAW,GAAW,QAAA;AACvC,UAAA,WAAW,GAAW,QAAA;AACtB,UAAA,WAAW,GAAW,QAAA;AAC1B,aAAO,SAAS;AAAA,IAAA,CACjB;AAAA,IACH,CAAC,cAAc,aAAa,cAAc,QAAQ;AAAA,EACpD;AACF;"}
+{"version":3,"file":"useGetGroupedFields.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/hooks/useGetGroupedFields.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { ProjectTableAttribute } from '../types'\nimport { useColumnSettingsContext, useProjectTableContext } from '../context'\nimport { getAttributeIcon } from '@shared/util'\nimport { EntityGrouping } from '@shared/api'\n\n// @martastain says list_of_* is a pita to implement, so we are not supporting it for now\nexport const allowedGroupByFields = ['string', 'integer', 'float']\nexport const isAttribGroupable = (\n  attrib: ProjectTableAttribute,\n  entityType: EntityGrouping['entityType'],\n  allowedTypes?: ('string' | 'integer' | 'float')[],\n  enumOnly?: boolean,\n) => {\n  const typesToCheck = allowedTypes || allowedGroupByFields\n  const hasValidType = typesToCheck.includes(attrib.data.type) && attrib.scope?.includes(entityType)\n\n  if (!hasValidType) return false\n  if (enumOnly) return !!attrib.data.enum && attrib.data.enum.length > 0\n\n  return true\n}\n\nexport const useGetGroupedFields = (\n  allowedTypes?: ('string' | 'integer' | 'float')[],\n  enumOnly?: boolean,\n) => {\n  const { columnOrder } = useColumnSettingsContext()\n  const { attribFields } = useProjectTableContext()\n\n  return useMemo(\n    () =>\n      [\n        {\n          value: 'taskType',\n          label: 'Task Type',\n          icon: getAttributeIcon('task'),\n        },\n        {\n          value: 'assignees',\n          label: 'Assignees',\n          icon: getAttributeIcon('assignees'),\n        },\n        {\n          value: 'status',\n          label: 'Status',\n          icon: getAttributeIcon('status'),\n        },\n        {\n          value: 'tags',\n          label: 'Tags',\n          icon: getAttributeIcon('tags'),\n        },\n        ...attribFields\n          .filter((attrib) => isAttribGroupable(attrib, 'task', allowedTypes, enumOnly))\n          .map((field) => ({\n            value: 'attrib.' + field.name,\n            label: field.data.title || field.name,\n            icon: getAttributeIcon(field.name),\n          })),\n      ].sort((a, b) => {\n        const indexA = columnOrder.indexOf(a.value)\n        const indexB = columnOrder.indexOf(b.value)\n        if (indexA === -1 && indexB === -1) return 0\n        if (indexA === -1) return 1\n        if (indexB === -1) return -1\n        return indexA - indexB\n      }),\n    [attribFields, columnOrder, allowedTypes, enumOnly],\n  )\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAM,uBAAuB,CAAC,UAAU,WAAW,OAAO;AAC1D,MAAM,oBAAoB,CAC/B,QACA,YACA,cACA,aACG;;AACH,QAAM,eAAe,gBAAgB;AAC/B,QAAA,eAAe,aAAa,SAAS,OAAO,KAAK,IAAI,OAAK,YAAO,UAAP,mBAAc,SAAS;AAEnF,MAAA,CAAC,aAAqB,QAAA;AACtB,MAAA,SAAiB,QAAA,CAAC,CAAC,OAAO,KAAK,QAAQ,OAAO,KAAK,KAAK,SAAS;AAE9D,SAAA;AACT;AAEa,MAAA,sBAAsB,CACjC,cACA,aACG;AACG,QAAA,EAAE,YAAY,IAAI,yBAAyB;AAC3C,QAAA,EAAE,aAAa,IAAI,uBAAuB;AAEzC,SAAA;AAAA,IACL,MACE;AAAA,MACE;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MAAM,iBAAiB,MAAM;AAAA,MAC/B;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MAAM,iBAAiB,WAAW;AAAA,MACpC;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MAAM,iBAAiB,QAAQ;AAAA,MACjC;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MAAM,iBAAiB,MAAM;AAAA,MAC/B;AAAA,MACA,GAAG,aACA,OAAO,CAAC,WAAW,kBAAkB,QAAQ,QAAQ,cAAc,QAAQ,CAAC,EAC5E,IAAI,CAAC,WAAW;AAAA,QACf,OAAO,YAAY,MAAM;AAAA,QACzB,OAAO,MAAM,KAAK,SAAS,MAAM;AAAA,QACjC,MAAM,iBAAiB,MAAM,IAAI;AAAA,MAAA,EACjC;AAAA,IAAA,EACJ,KAAK,CAAC,GAAG,MAAM;AACf,YAAM,SAAS,YAAY,QAAQ,EAAE,KAAK;AAC1C,YAAM,SAAS,YAAY,QAAQ,EAAE,KAAK;AAC1C,UAAI,WAAW,MAAM,WAAW,GAAW,QAAA;AACvC,UAAA,WAAW,GAAW,QAAA;AACtB,UAAA,WAAW,GAAW,QAAA;AAC1B,aAAO,SAAS;AAAA,IAAA,CACjB;AAAA,IACH,CAAC,cAAc,aAAa,cAAc,QAAQ;AAAA,EACpD;AACF;"}

package/dist/shared/src/containers/ProjectTreeTable/hooks/useHistory.cjs.js

@@ -19,7 +19,7 @@ const useHistory = (maxHistorySize = 50) => {
       (acc, entity) => {
         if (typeof entity === "function") {
           acc[2].push(entity);
-        } else if (entity.wasInherited && entity.folderId) {
+        } else if (entity.wasInherited) {
           acc[1].push({
             entityId: entity.id,
             entityType: entity.type,

package/dist/shared/src/containers/ProjectTreeTable/hooks/useHistory.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHistory.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/hooks/useHistory.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport { EntityUpdate, InheritFromParentEntity } from './useUpdateTableData'\n\nexport interface HistoryEntityUpdate extends EntityUpdate {\n  ownAttrib: string[]\n  folderId?: string\n  wasInherited?: boolean\n}\n\ninterface HistoryEntry {\n  undo: (HistoryEntityUpdate | HistoryCustomCallback)[]\n  redo: (HistoryEntityUpdate | HistoryCustomCallback)[]\n  timestamp: number\n}\n\ntype SplitEntitiesByInherited = [EntityUpdate[], InheritFromParentEntity[], HistoryCustomCallback[]]\n\ntype HistoryCustomCallback = () => void\n\nexport interface UseHistoryReturn {\n  pushHistory: (\n    undo: (HistoryEntityUpdate | HistoryCustomCallback)[],\n    redo: (HistoryEntityUpdate | HistoryCustomCallback)[],\n  ) => void\n  undo: () => SplitEntitiesByInherited | null\n  redo: () => SplitEntitiesByInherited | null\n  canUndo: boolean\n  canRedo: boolean\n  clearHistory: () => void\n  removeHistoryEntries: (count: number) => void\n}\n\nconst useHistory = (maxHistorySize = 50): UseHistoryReturn => {\n  const [past, setPast] = useState<HistoryEntry[]>([])\n  const [future, setFuture] = useState<HistoryEntry[]>([])\n\n  const pushHistory: UseHistoryReturn['pushHistory'] = useCallback(\n    (undo, redo) => {\n      if (!undo.length) return\n      setPast((prev) => {\n        const updated = [...prev, { undo, redo, timestamp: Date.now() }]\n        return updated.length > maxHistorySize\n          ? updated.slice(updated.length - maxHistorySize)\n          : updated\n      })\n      setFuture([])\n    },\n    [maxHistorySize],\n  )\n\n  // Process actions by type: regular updates, inheritance, and custom callbacks\n  const processHistoryActions = (\n    entities: (HistoryEntityUpdate | HistoryCustomCallback)[],\n  ): SplitEntitiesByInherited => {\n    return entities.reduce(\n      (acc, entity) => {\n        if (typeof entity === 'function') {\n          acc[2].push(entity)\n        } else if (entity.wasInherited && entity.folderId) {\n          acc[1].push({\n            entityId: entity.id,\n            entityType: entity.type,\n            folderId: entity.folderId,\n            attribs: [entity.field],\n            ownAttrib: entity.ownAttrib,\n            rowId: entity.rowId,\n          })\n        } else {\n          acc[0].push(entity)\n        }\n        return acc\n      },\n      [[], [], []] as SplitEntitiesByInherited,\n    )\n  }\n\n  const undo = useCallback(() => {\n    if (past.length === 0) return null\n    const newPast = [...past]\n    const last = newPast.pop()!\n    setPast(newPast)\n    setFuture((f) => [...f, last])\n\n    return processHistoryActions(last.undo)\n  }, [past])\n\n  const redo = useCallback(() => {\n    if (future.length === 0) return null\n    const newFuture = [...future]\n    const next = newFuture.pop()!\n    setFuture(newFuture)\n    setPast((p) => [...p, next])\n    return processHistoryActions(next.redo)\n  }, [future])\n\n  // function to remove x number of entries from the history undo/redo stacks\n  const removeHistoryEntries = useCallback((count: number) => {\n    setPast((prev) => prev.slice(0, Math.max(0, prev.length - count)))\n    setFuture((prev) => prev.slice(0, Math.max(0, prev.length - count)))\n  }, [])\n\n  const clearHistory = useCallback(() => {\n    setPast([])\n    setFuture([])\n  }, [])\n\n  return {\n    pushHistory,\n    undo,\n    redo,\n    canUndo: past.length > 0,\n    canRedo: future.length > 0,\n    clearHistory,\n    removeHistoryEntries,\n  }\n}\n\nexport default useHistory\n"],"names":["useState","useCallback","undo","redo"],"mappings":";;AAgCM,MAAA,aAAa,CAAC,iBAAiB,OAAyB;AAC5D,QAAM,CAAC,MAAM,OAAO,IAAIA,MAAAA,SAAyB,CAAA,CAAE;AACnD,QAAM,CAAC,QAAQ,SAAS,IAAIA,MAAAA,SAAyB,CAAA,CAAE;AAEvD,QAAM,cAA+CC,MAAA;AAAA,IACnD,CAACC,OAAMC,UAAS;AACV,UAAA,CAACD,MAAK,OAAQ;AAClB,cAAQ,CAAC,SAAS;AAChB,cAAM,UAAU,CAAC,GAAG,MAAM,EAAE,MAAAA,OAAM,MAAAC,OAAM,WAAW,KAAK,OAAO;AACxD,eAAA,QAAQ,SAAS,iBACpB,QAAQ,MAAM,QAAQ,SAAS,cAAc,IAC7C;AAAA,MAAA,CACL;AACD,gBAAU,CAAA,CAAE;AAAA,IACd;AAAA,IACA,CAAC,cAAc;AAAA,EACjB;AAGM,QAAA,wBAAwB,CAC5B,aAC6B;AAC7B,WAAO,SAAS;AAAA,MACd,CAAC,KAAK,WAAW;AACX,YAAA,OAAO,WAAW,YAAY;AAC5B,cAAA,CAAC,EAAE,KAAK,MAAM;AAAA,QACT,WAAA,OAAO,gBAAgB,OAAO,UAAU;AAC7C,cAAA,CAAC,EAAE,KAAK;AAAA,YACV,UAAU,OAAO;AAAA,YACjB,YAAY,OAAO;AAAA,YACnB,UAAU,OAAO;AAAA,YACjB,SAAS,CAAC,OAAO,KAAK;AAAA,YACtB,WAAW,OAAO;AAAA,YAClB,OAAO,OAAO;AAAA,UAAA,CACf;AAAA,QAAA,OACI;AACD,cAAA,CAAC,EAAE,KAAK,MAAM;AAAA,QAAA;AAEb,eAAA;AAAA,MACT;AAAA,MACA,CAAC,CAAA,GAAI,CAAA,GAAI,CAAE,CAAA;AAAA,IACb;AAAA,EACF;AAEM,QAAA,OAAOF,MAAAA,YAAY,MAAM;AACzB,QAAA,KAAK,WAAW,EAAU,QAAA;AACxB,UAAA,UAAU,CAAC,GAAG,IAAI;AAClB,UAAA,OAAO,QAAQ,IAAI;AACzB,YAAQ,OAAO;AACf,cAAU,CAAC,MAAM,CAAC,GAAG,GAAG,IAAI,CAAC;AAEtB,WAAA,sBAAsB,KAAK,IAAI;AAAA,EAAA,GACrC,CAAC,IAAI,CAAC;AAEH,QAAA,OAAOA,MAAAA,YAAY,MAAM;AACzB,QAAA,OAAO,WAAW,EAAU,QAAA;AAC1B,UAAA,YAAY,CAAC,GAAG,MAAM;AACtB,UAAA,OAAO,UAAU,IAAI;AAC3B,cAAU,SAAS;AACnB,YAAQ,CAAC,MAAM,CAAC,GAAG,GAAG,IAAI,CAAC;AACpB,WAAA,sBAAsB,KAAK,IAAI;AAAA,EAAA,GACrC,CAAC,MAAM,CAAC;AAGL,QAAA,uBAAuBA,kBAAY,CAAC,UAAkB;AAC1D,YAAQ,CAAC,SAAS,KAAK,MAAM,GAAG,KAAK,IAAI,GAAG,KAAK,SAAS,KAAK,CAAC,CAAC;AACjE,cAAU,CAAC,SAAS,KAAK,MAAM,GAAG,KAAK,IAAI,GAAG,KAAK,SAAS,KAAK,CAAC,CAAC;AAAA,EACrE,GAAG,EAAE;AAEC,QAAA,eAAeA,MAAAA,YAAY,MAAM;AACrC,YAAQ,CAAA,CAAE;AACV,cAAU,CAAA,CAAE;AAAA,EACd,GAAG,EAAE;AAEE,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,KAAK,SAAS;AAAA,IACvB,SAAS,OAAO,SAAS;AAAA,IACzB;AAAA,IACA;AAAA,EACF;AACF;;"}
+{"version":3,"file":"useHistory.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/hooks/useHistory.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport { EntityUpdate, InheritFromParentEntity } from './useUpdateTableData'\n\nexport interface HistoryEntityUpdate extends EntityUpdate {\n  ownAttrib: string[]\n  folderId?: string\n  wasInherited?: boolean\n}\n\ninterface HistoryEntry {\n  undo: (HistoryEntityUpdate | HistoryCustomCallback)[]\n  redo: (HistoryEntityUpdate | HistoryCustomCallback)[]\n  timestamp: number\n}\n\ntype SplitEntitiesByInherited = [EntityUpdate[], InheritFromParentEntity[], HistoryCustomCallback[]]\n\ntype HistoryCustomCallback = () => void\n\nexport interface UseHistoryReturn {\n  pushHistory: (\n    undo: (HistoryEntityUpdate | HistoryCustomCallback)[],\n    redo: (HistoryEntityUpdate | HistoryCustomCallback)[],\n  ) => void\n  undo: () => SplitEntitiesByInherited | null\n  redo: () => SplitEntitiesByInherited | null\n  canUndo: boolean\n  canRedo: boolean\n  clearHistory: () => void\n  removeHistoryEntries: (count: number) => void\n}\n\nconst useHistory = (maxHistorySize = 50): UseHistoryReturn => {\n  const [past, setPast] = useState<HistoryEntry[]>([])\n  const [future, setFuture] = useState<HistoryEntry[]>([])\n\n  const pushHistory: UseHistoryReturn['pushHistory'] = useCallback(\n    (undo, redo) => {\n      if (!undo.length) return\n      setPast((prev) => {\n        const updated = [...prev, { undo, redo, timestamp: Date.now() }]\n        return updated.length > maxHistorySize\n          ? updated.slice(updated.length - maxHistorySize)\n          : updated\n      })\n      setFuture([])\n    },\n    [maxHistorySize],\n  )\n\n  // Process actions by type: regular updates, inheritance, and custom callbacks\n  const processHistoryActions = (\n    entities: (HistoryEntityUpdate | HistoryCustomCallback)[],\n  ): SplitEntitiesByInherited => {\n    return entities.reduce(\n      (acc, entity) => {\n        if (typeof entity === 'function') {\n          acc[2].push(entity)\n        } else if (entity.wasInherited) {\n          acc[1].push({\n            entityId: entity.id,\n            entityType: entity.type,\n            folderId: entity.folderId,\n            attribs: [entity.field],\n            ownAttrib: entity.ownAttrib,\n            rowId: entity.rowId,\n          })\n        } else {\n          acc[0].push(entity)\n        }\n        return acc\n      },\n      [[], [], []] as SplitEntitiesByInherited,\n    )\n  }\n\n  const undo = useCallback(() => {\n    if (past.length === 0) return null\n    const newPast = [...past]\n    const last = newPast.pop()!\n    setPast(newPast)\n    setFuture((f) => [...f, last])\n\n    return processHistoryActions(last.undo)\n  }, [past])\n\n  const redo = useCallback(() => {\n    if (future.length === 0) return null\n    const newFuture = [...future]\n    const next = newFuture.pop()!\n    setFuture(newFuture)\n    setPast((p) => [...p, next])\n    return processHistoryActions(next.redo)\n  }, [future])\n\n  // function to remove x number of entries from the history undo/redo stacks\n  const removeHistoryEntries = useCallback((count: number) => {\n    setPast((prev) => prev.slice(0, Math.max(0, prev.length - count)))\n    setFuture((prev) => prev.slice(0, Math.max(0, prev.length - count)))\n  }, [])\n\n  const clearHistory = useCallback(() => {\n    setPast([])\n    setFuture([])\n  }, [])\n\n  return {\n    pushHistory,\n    undo,\n    redo,\n    canUndo: past.length > 0,\n    canRedo: future.length > 0,\n    clearHistory,\n    removeHistoryEntries,\n  }\n}\n\nexport default useHistory\n"],"names":["useState","useCallback","undo","redo"],"mappings":";;AAgCM,MAAA,aAAa,CAAC,iBAAiB,OAAyB;AAC5D,QAAM,CAAC,MAAM,OAAO,IAAIA,MAAAA,SAAyB,CAAA,CAAE;AACnD,QAAM,CAAC,QAAQ,SAAS,IAAIA,MAAAA,SAAyB,CAAA,CAAE;AAEvD,QAAM,cAA+CC,MAAA;AAAA,IACnD,CAACC,OAAMC,UAAS;AACV,UAAA,CAACD,MAAK,OAAQ;AAClB,cAAQ,CAAC,SAAS;AAChB,cAAM,UAAU,CAAC,GAAG,MAAM,EAAE,MAAAA,OAAM,MAAAC,OAAM,WAAW,KAAK,OAAO;AACxD,eAAA,QAAQ,SAAS,iBACpB,QAAQ,MAAM,QAAQ,SAAS,cAAc,IAC7C;AAAA,MAAA,CACL;AACD,gBAAU,CAAA,CAAE;AAAA,IACd;AAAA,IACA,CAAC,cAAc;AAAA,EACjB;AAGM,QAAA,wBAAwB,CAC5B,aAC6B;AAC7B,WAAO,SAAS;AAAA,MACd,CAAC,KAAK,WAAW;AACX,YAAA,OAAO,WAAW,YAAY;AAC5B,cAAA,CAAC,EAAE,KAAK,MAAM;AAAA,QAAA,WACT,OAAO,cAAc;AAC1B,cAAA,CAAC,EAAE,KAAK;AAAA,YACV,UAAU,OAAO;AAAA,YACjB,YAAY,OAAO;AAAA,YACnB,UAAU,OAAO;AAAA,YACjB,SAAS,CAAC,OAAO,KAAK;AAAA,YACtB,WAAW,OAAO;AAAA,YAClB,OAAO,OAAO;AAAA,UAAA,CACf;AAAA,QAAA,OACI;AACD,cAAA,CAAC,EAAE,KAAK,MAAM;AAAA,QAAA;AAEb,eAAA;AAAA,MACT;AAAA,MACA,CAAC,CAAA,GAAI,CAAA,GAAI,CAAE,CAAA;AAAA,IACb;AAAA,EACF;AAEM,QAAA,OAAOF,MAAAA,YAAY,MAAM;AACzB,QAAA,KAAK,WAAW,EAAU,QAAA;AACxB,UAAA,UAAU,CAAC,GAAG,IAAI;AAClB,UAAA,OAAO,QAAQ,IAAI;AACzB,YAAQ,OAAO;AACf,cAAU,CAAC,MAAM,CAAC,GAAG,GAAG,IAAI,CAAC;AAEtB,WAAA,sBAAsB,KAAK,IAAI;AAAA,EAAA,GACrC,CAAC,IAAI,CAAC;AAEH,QAAA,OAAOA,MAAAA,YAAY,MAAM;AACzB,QAAA,OAAO,WAAW,EAAU,QAAA;AAC1B,UAAA,YAAY,CAAC,GAAG,MAAM;AACtB,UAAA,OAAO,UAAU,IAAI;AAC3B,cAAU,SAAS;AACnB,YAAQ,CAAC,MAAM,CAAC,GAAG,GAAG,IAAI,CAAC;AACpB,WAAA,sBAAsB,KAAK,IAAI;AAAA,EAAA,GACrC,CAAC,MAAM,CAAC;AAGL,QAAA,uBAAuBA,kBAAY,CAAC,UAAkB;AAC1D,YAAQ,CAAC,SAAS,KAAK,MAAM,GAAG,KAAK,IAAI,GAAG,KAAK,SAAS,KAAK,CAAC,CAAC;AACjE,cAAU,CAAC,SAAS,KAAK,MAAM,GAAG,KAAK,IAAI,GAAG,KAAK,SAAS,KAAK,CAAC,CAAC;AAAA,EACrE,GAAG,EAAE;AAEC,QAAA,eAAeA,MAAAA,YAAY,MAAM;AACrC,YAAQ,CAAA,CAAE;AACV,cAAU,CAAA,CAAE;AAAA,EACd,GAAG,EAAE;AAEE,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,KAAK,SAAS;AAAA,IACvB,SAAS,OAAO,SAAS;AAAA,IACzB;AAAA,IACA;AAAA,EACF;AACF;;"}

package/dist/shared/src/containers/ProjectTreeTable/hooks/useHistory.es.js

@@ -18,7 +18,7 @@ const useHistory = (maxHistorySize = 50) => {
       (acc, entity) => {
         if (typeof entity === "function") {
           acc[2].push(entity);
-        } else if (entity.wasInherited && entity.folderId) {
+        } else if (entity.wasInherited) {
           acc[1].push({
             entityId: entity.id,
             entityType: entity.type,

package/dist/shared/src/containers/ProjectTreeTable/hooks/useHistory.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHistory.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/hooks/useHistory.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport { EntityUpdate, InheritFromParentEntity } from './useUpdateTableData'\n\nexport interface HistoryEntityUpdate extends EntityUpdate {\n  ownAttrib: string[]\n  folderId?: string\n  wasInherited?: boolean\n}\n\ninterface HistoryEntry {\n  undo: (HistoryEntityUpdate | HistoryCustomCallback)[]\n  redo: (HistoryEntityUpdate | HistoryCustomCallback)[]\n  timestamp: number\n}\n\ntype SplitEntitiesByInherited = [EntityUpdate[], InheritFromParentEntity[], HistoryCustomCallback[]]\n\ntype HistoryCustomCallback = () => void\n\nexport interface UseHistoryReturn {\n  pushHistory: (\n    undo: (HistoryEntityUpdate | HistoryCustomCallback)[],\n    redo: (HistoryEntityUpdate | HistoryCustomCallback)[],\n  ) => void\n  undo: () => SplitEntitiesByInherited | null\n  redo: () => SplitEntitiesByInherited | null\n  canUndo: boolean\n  canRedo: boolean\n  clearHistory: () => void\n  removeHistoryEntries: (count: number) => void\n}\n\nconst useHistory = (maxHistorySize = 50): UseHistoryReturn => {\n  const [past, setPast] = useState<HistoryEntry[]>([])\n  const [future, setFuture] = useState<HistoryEntry[]>([])\n\n  const pushHistory: UseHistoryReturn['pushHistory'] = useCallback(\n    (undo, redo) => {\n      if (!undo.length) return\n      setPast((prev) => {\n        const updated = [...prev, { undo, redo, timestamp: Date.now() }]\n        return updated.length > maxHistorySize\n          ? updated.slice(updated.length - maxHistorySize)\n          : updated\n      })\n      setFuture([])\n    },\n    [maxHistorySize],\n  )\n\n  // Process actions by type: regular updates, inheritance, and custom callbacks\n  const processHistoryActions = (\n    entities: (HistoryEntityUpdate | HistoryCustomCallback)[],\n  ): SplitEntitiesByInherited => {\n    return entities.reduce(\n      (acc, entity) => {\n        if (typeof entity === 'function') {\n          acc[2].push(entity)\n        } else if (entity.wasInherited && entity.folderId) {\n          acc[1].push({\n            entityId: entity.id,\n            entityType: entity.type,\n            folderId: entity.folderId,\n            attribs: [entity.field],\n            ownAttrib: entity.ownAttrib,\n            rowId: entity.rowId,\n          })\n        } else {\n          acc[0].push(entity)\n        }\n        return acc\n      },\n      [[], [], []] as SplitEntitiesByInherited,\n    )\n  }\n\n  const undo = useCallback(() => {\n    if (past.length === 0) return null\n    const newPast = [...past]\n    const last = newPast.pop()!\n    setPast(newPast)\n    setFuture((f) => [...f, last])\n\n    return processHistoryActions(last.undo)\n  }, [past])\n\n  const redo = useCallback(() => {\n    if (future.length === 0) return null\n    const newFuture = [...future]\n    const next = newFuture.pop()!\n    setFuture(newFuture)\n    setPast((p) => [...p, next])\n    return processHistoryActions(next.redo)\n  }, [future])\n\n  // function to remove x number of entries from the history undo/redo stacks\n  const removeHistoryEntries = useCallback((count: number) => {\n    setPast((prev) => prev.slice(0, Math.max(0, prev.length - count)))\n    setFuture((prev) => prev.slice(0, Math.max(0, prev.length - count)))\n  }, [])\n\n  const clearHistory = useCallback(() => {\n    setPast([])\n    setFuture([])\n  }, [])\n\n  return {\n    pushHistory,\n    undo,\n    redo,\n    canUndo: past.length > 0,\n    canRedo: future.length > 0,\n    clearHistory,\n    removeHistoryEntries,\n  }\n}\n\nexport default useHistory\n"],"names":["undo","redo"],"mappings":";AAgCM,MAAA,aAAa,CAAC,iBAAiB,OAAyB;AAC5D,QAAM,CAAC,MAAM,OAAO,IAAI,SAAyB,CAAA,CAAE;AACnD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAyB,CAAA,CAAE;AAEvD,QAAM,cAA+C;AAAA,IACnD,CAACA,OAAMC,UAAS;AACV,UAAA,CAACD,MAAK,OAAQ;AAClB,cAAQ,CAAC,SAAS;AAChB,cAAM,UAAU,CAAC,GAAG,MAAM,EAAE,MAAAA,OAAM,MAAAC,OAAM,WAAW,KAAK,OAAO;AACxD,eAAA,QAAQ,SAAS,iBACpB,QAAQ,MAAM,QAAQ,SAAS,cAAc,IAC7C;AAAA,MAAA,CACL;AACD,gBAAU,CAAA,CAAE;AAAA,IACd;AAAA,IACA,CAAC,cAAc;AAAA,EACjB;AAGM,QAAA,wBAAwB,CAC5B,aAC6B;AAC7B,WAAO,SAAS;AAAA,MACd,CAAC,KAAK,WAAW;AACX,YAAA,OAAO,WAAW,YAAY;AAC5B,cAAA,CAAC,EAAE,KAAK,MAAM;AAAA,QACT,WAAA,OAAO,gBAAgB,OAAO,UAAU;AAC7C,cAAA,CAAC,EAAE,KAAK;AAAA,YACV,UAAU,OAAO;AAAA,YACjB,YAAY,OAAO;AAAA,YACnB,UAAU,OAAO;AAAA,YACjB,SAAS,CAAC,OAAO,KAAK;AAAA,YACtB,WAAW,OAAO;AAAA,YAClB,OAAO,OAAO;AAAA,UAAA,CACf;AAAA,QAAA,OACI;AACD,cAAA,CAAC,EAAE,KAAK,MAAM;AAAA,QAAA;AAEb,eAAA;AAAA,MACT;AAAA,MACA,CAAC,CAAA,GAAI,CAAA,GAAI,CAAE,CAAA;AAAA,IACb;AAAA,EACF;AAEM,QAAA,OAAO,YAAY,MAAM;AACzB,QAAA,KAAK,WAAW,EAAU,QAAA;AACxB,UAAA,UAAU,CAAC,GAAG,IAAI;AAClB,UAAA,OAAO,QAAQ,IAAI;AACzB,YAAQ,OAAO;AACf,cAAU,CAAC,MAAM,CAAC,GAAG,GAAG,IAAI,CAAC;AAEtB,WAAA,sBAAsB,KAAK,IAAI;AAAA,EAAA,GACrC,CAAC,IAAI,CAAC;AAEH,QAAA,OAAO,YAAY,MAAM;AACzB,QAAA,OAAO,WAAW,EAAU,QAAA;AAC1B,UAAA,YAAY,CAAC,GAAG,MAAM;AACtB,UAAA,OAAO,UAAU,IAAI;AAC3B,cAAU,SAAS;AACnB,YAAQ,CAAC,MAAM,CAAC,GAAG,GAAG,IAAI,CAAC;AACpB,WAAA,sBAAsB,KAAK,IAAI;AAAA,EAAA,GACrC,CAAC,MAAM,CAAC;AAGL,QAAA,uBAAuB,YAAY,CAAC,UAAkB;AAC1D,YAAQ,CAAC,SAAS,KAAK,MAAM,GAAG,KAAK,IAAI,GAAG,KAAK,SAAS,KAAK,CAAC,CAAC;AACjE,cAAU,CAAC,SAAS,KAAK,MAAM,GAAG,KAAK,IAAI,GAAG,KAAK,SAAS,KAAK,CAAC,CAAC;AAAA,EACrE,GAAG,EAAE;AAEC,QAAA,eAAe,YAAY,MAAM;AACrC,YAAQ,CAAA,CAAE;AACV,cAAU,CAAA,CAAE;AAAA,EACd,GAAG,EAAE;AAEE,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,KAAK,SAAS;AAAA,IACvB,SAAS,OAAO,SAAS;AAAA,IACzB;AAAA,IACA;AAAA,EACF;AACF;"}
+{"version":3,"file":"useHistory.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/hooks/useHistory.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport { EntityUpdate, InheritFromParentEntity } from './useUpdateTableData'\n\nexport interface HistoryEntityUpdate extends EntityUpdate {\n  ownAttrib: string[]\n  folderId?: string\n  wasInherited?: boolean\n}\n\ninterface HistoryEntry {\n  undo: (HistoryEntityUpdate | HistoryCustomCallback)[]\n  redo: (HistoryEntityUpdate | HistoryCustomCallback)[]\n  timestamp: number\n}\n\ntype SplitEntitiesByInherited = [EntityUpdate[], InheritFromParentEntity[], HistoryCustomCallback[]]\n\ntype HistoryCustomCallback = () => void\n\nexport interface UseHistoryReturn {\n  pushHistory: (\n    undo: (HistoryEntityUpdate | HistoryCustomCallback)[],\n    redo: (HistoryEntityUpdate | HistoryCustomCallback)[],\n  ) => void\n  undo: () => SplitEntitiesByInherited | null\n  redo: () => SplitEntitiesByInherited | null\n  canUndo: boolean\n  canRedo: boolean\n  clearHistory: () => void\n  removeHistoryEntries: (count: number) => void\n}\n\nconst useHistory = (maxHistorySize = 50): UseHistoryReturn => {\n  const [past, setPast] = useState<HistoryEntry[]>([])\n  const [future, setFuture] = useState<HistoryEntry[]>([])\n\n  const pushHistory: UseHistoryReturn['pushHistory'] = useCallback(\n    (undo, redo) => {\n      if (!undo.length) return\n      setPast((prev) => {\n        const updated = [...prev, { undo, redo, timestamp: Date.now() }]\n        return updated.length > maxHistorySize\n          ? updated.slice(updated.length - maxHistorySize)\n          : updated\n      })\n      setFuture([])\n    },\n    [maxHistorySize],\n  )\n\n  // Process actions by type: regular updates, inheritance, and custom callbacks\n  const processHistoryActions = (\n    entities: (HistoryEntityUpdate | HistoryCustomCallback)[],\n  ): SplitEntitiesByInherited => {\n    return entities.reduce(\n      (acc, entity) => {\n        if (typeof entity === 'function') {\n          acc[2].push(entity)\n        } else if (entity.wasInherited) {\n          acc[1].push({\n            entityId: entity.id,\n            entityType: entity.type,\n            folderId: entity.folderId,\n            attribs: [entity.field],\n            ownAttrib: entity.ownAttrib,\n            rowId: entity.rowId,\n          })\n        } else {\n          acc[0].push(entity)\n        }\n        return acc\n      },\n      [[], [], []] as SplitEntitiesByInherited,\n    )\n  }\n\n  const undo = useCallback(() => {\n    if (past.length === 0) return null\n    const newPast = [...past]\n    const last = newPast.pop()!\n    setPast(newPast)\n    setFuture((f) => [...f, last])\n\n    return processHistoryActions(last.undo)\n  }, [past])\n\n  const redo = useCallback(() => {\n    if (future.length === 0) return null\n    const newFuture = [...future]\n    const next = newFuture.pop()!\n    setFuture(newFuture)\n    setPast((p) => [...p, next])\n    return processHistoryActions(next.redo)\n  }, [future])\n\n  // function to remove x number of entries from the history undo/redo stacks\n  const removeHistoryEntries = useCallback((count: number) => {\n    setPast((prev) => prev.slice(0, Math.max(0, prev.length - count)))\n    setFuture((prev) => prev.slice(0, Math.max(0, prev.length - count)))\n  }, [])\n\n  const clearHistory = useCallback(() => {\n    setPast([])\n    setFuture([])\n  }, [])\n\n  return {\n    pushHistory,\n    undo,\n    redo,\n    canUndo: past.length > 0,\n    canRedo: future.length > 0,\n    clearHistory,\n    removeHistoryEntries,\n  }\n}\n\nexport default useHistory\n"],"names":["undo","redo"],"mappings":";AAgCM,MAAA,aAAa,CAAC,iBAAiB,OAAyB;AAC5D,QAAM,CAAC,MAAM,OAAO,IAAI,SAAyB,CAAA,CAAE;AACnD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAyB,CAAA,CAAE;AAEvD,QAAM,cAA+C;AAAA,IACnD,CAACA,OAAMC,UAAS;AACV,UAAA,CAACD,MAAK,OAAQ;AAClB,cAAQ,CAAC,SAAS;AAChB,cAAM,UAAU,CAAC,GAAG,MAAM,EAAE,MAAAA,OAAM,MAAAC,OAAM,WAAW,KAAK,OAAO;AACxD,eAAA,QAAQ,SAAS,iBACpB,QAAQ,MAAM,QAAQ,SAAS,cAAc,IAC7C;AAAA,MAAA,CACL;AACD,gBAAU,CAAA,CAAE;AAAA,IACd;AAAA,IACA,CAAC,cAAc;AAAA,EACjB;AAGM,QAAA,wBAAwB,CAC5B,aAC6B;AAC7B,WAAO,SAAS;AAAA,MACd,CAAC,KAAK,WAAW;AACX,YAAA,OAAO,WAAW,YAAY;AAC5B,cAAA,CAAC,EAAE,KAAK,MAAM;AAAA,QAAA,WACT,OAAO,cAAc;AAC1B,cAAA,CAAC,EAAE,KAAK;AAAA,YACV,UAAU,OAAO;AAAA,YACjB,YAAY,OAAO;AAAA,YACnB,UAAU,OAAO;AAAA,YACjB,SAAS,CAAC,OAAO,KAAK;AAAA,YACtB,WAAW,OAAO;AAAA,YAClB,OAAO,OAAO;AAAA,UAAA,CACf;AAAA,QAAA,OACI;AACD,cAAA,CAAC,EAAE,KAAK,MAAM;AAAA,QAAA;AAEb,eAAA;AAAA,MACT;AAAA,MACA,CAAC,CAAA,GAAI,CAAA,GAAI,CAAE,CAAA;AAAA,IACb;AAAA,EACF;AAEM,QAAA,OAAO,YAAY,MAAM;AACzB,QAAA,KAAK,WAAW,EAAU,QAAA;AACxB,UAAA,UAAU,CAAC,GAAG,IAAI;AAClB,UAAA,OAAO,QAAQ,IAAI;AACzB,YAAQ,OAAO;AACf,cAAU,CAAC,MAAM,CAAC,GAAG,GAAG,IAAI,CAAC;AAEtB,WAAA,sBAAsB,KAAK,IAAI;AAAA,EAAA,GACrC,CAAC,IAAI,CAAC;AAEH,QAAA,OAAO,YAAY,MAAM;AACzB,QAAA,OAAO,WAAW,EAAU,QAAA;AAC1B,UAAA,YAAY,CAAC,GAAG,MAAM;AACtB,UAAA,OAAO,UAAU,IAAI;AAC3B,cAAU,SAAS;AACnB,YAAQ,CAAC,MAAM,CAAC,GAAG,GAAG,IAAI,CAAC;AACpB,WAAA,sBAAsB,KAAK,IAAI;AAAA,EAAA,GACrC,CAAC,MAAM,CAAC;AAGL,QAAA,uBAAuB,YAAY,CAAC,UAAkB;AAC1D,YAAQ,CAAC,SAAS,KAAK,MAAM,GAAG,KAAK,IAAI,GAAG,KAAK,SAAS,KAAK,CAAC,CAAC;AACjE,cAAU,CAAC,SAAS,KAAK,MAAM,GAAG,KAAK,IAAI,GAAG,KAAK,SAAS,KAAK,CAAC,CAAC;AAAA,EACrE,GAAG,EAAE;AAEC,QAAA,eAAe,YAAY,MAAM;AACrC,YAAQ,CAAA,CAAE;AACV,cAAU,CAAA,CAAE;AAAA,EACd,GAAG,EAAE;AAEE,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,KAAK,SAAS;AAAA,IACvB,SAAS,OAAO,SAAS;AAAA,IACzB;AAAA,IACA;AAAA,EACF;AACF;"}

package/dist/shared/src/containers/ProjectTreeTable/hooks/useKeyboardNavigation.cjs.js

@@ -4,18 +4,27 @@ const SelectionCellsContext = require("../context/SelectionCellsContext.cjs.js")
 const CellEditingContext = require("../context/CellEditingContext.cjs.js");
 const cellUtils = require("../utils/cellUtils.cjs.js");
 const ProjectTableContext = require("../context/ProjectTableContext.cjs.js");
+require("@ynput/ayon-react-components");
+require("lodash");
+require("react-toastify");
+require("../../../util/pubsub.cjs.js");
+const getEntityViewerIds = require("../utils/getEntityViewerIds.cjs.js");
 function useKeyboardNavigation() {
-  const { attribFields } = ProjectTableContext.useProjectTableContext();
+  const { attribFields, getEntityById, onOpenPlayer, playerOpen } = ProjectTableContext.useProjectTableContext();
   const { focusedCellId, gridMap, selectCell, focusCell, clearSelection, setFocusedCellId } = SelectionCellsContext.useSelectionCellsContext();
   const { setEditingCellId, editingCellId } = CellEditingContext.useCellEditing();
   const handleKeyDown = React.useCallback(
     (e) => {
       var _a;
       const target = e.target;
-      if (!(target == null ? void 0 : target.closest("table"))) return;
+      if (!(target == null ? void 0 : target.closest("table"))) {
+        console.log("Cell key event: target is not inside a table");
+        return;
+      }
       if (target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.isContentEditable || target.getAttribute("role") === "textbox" || target.tagName === "LI") {
         return;
       }
+      if (playerOpen && e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
       if (editingCellId) return;
       if (!focusedCellId) return;
       const position = cellUtils.parseCellId(focusedCellId);
@@ -25,6 +34,15 @@ function useKeyboardNavigation() {
       const colIndex = gridMap.colIdToIndex.get(colId);
       if (rowIndex === void 0 || colIndex === void 0) return;
       const isReadOnly = colId.startsWith("attrib_") && ((_a = attribFields.find((a) => a.name === colId.replace("attrib_", ""))) == null ? void 0 : _a.readOnly);
+      const openPlayer = (entityId) => {
+        if (onOpenPlayer) {
+          const entity = getEntityById(entityId);
+          if (entity) {
+            const targetIds = getEntityViewerIds.getEntityViewierIds(entity);
+            onOpenPlayer(targetIds, { quickView: true });
+          }
+        }
+      };
       switch (e.key) {
         case "ArrowUp": {
           e.preventDefault();
@@ -34,6 +52,9 @@ function useKeyboardNavigation() {
               const newCellId = cellUtils.getCellId(newRowId, colId);
               selectCell(newCellId, e.shiftKey, e.shiftKey);
               focusCell(newCellId);
+              if (playerOpen) {
+                openPlayer(newRowId);
+              }
             }
           }
           break;
@@ -45,6 +66,9 @@ function useKeyboardNavigation() {
             const newCellId = cellUtils.getCellId(newRowId, colId);
             selectCell(newCellId, e.shiftKey, e.shiftKey);
             focusCell(newCellId);
+            if (playerOpen) {
+              openPlayer(newRowId);
+            }
           }
           break;
         }
@@ -110,6 +134,10 @@ function useKeyboardNavigation() {
           }
           break;
         }
+        case " ": {
+          e.preventDefault();
+          openPlayer(rowId);
+        }
       }
     },
     [
@@ -119,7 +147,9 @@ function useKeyboardNavigation() {
       focusCell,
       clearSelection,
       setEditingCellId,
-      editingCellId
+      editingCellId,
+      getEntityById,
+      playerOpen
     ]
   );
   React.useEffect(() => {
@@ -135,7 +165,8 @@ function useKeyboardNavigation() {
     focusCell,
     clearSelection,
     setEditingCellId,
-    editingCellId
+    editingCellId,
+    playerOpen
   ]);
   return {
     handleKeyDown,

package/dist/shared/src/containers/ProjectTreeTable/hooks/useKeyboardNavigation.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyboardNavigation.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/hooks/useKeyboardNavigation.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react'\nimport { useSelectionCellsContext } from '../context/SelectionCellsContext'\nimport { useCellEditing } from '../context/CellEditingContext' // keep for editingCellId/setEditingCellId\nimport { parseCellId, getCellId } from '../utils/cellUtils'\nimport { useProjectTableContext } from '../context/ProjectTableContext'\n\nexport default function useKeyboardNavigation() {\n  const { attribFields } = useProjectTableContext()\n\n  const { focusedCellId, gridMap, selectCell, focusCell, clearSelection, setFocusedCellId } =\n    useSelectionCellsContext()\n\n  const { setEditingCellId, editingCellId } = useCellEditing()\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      const target = e.target as HTMLElement\n      if (!target?.closest('table')) return\n\n      // Skip if event target is an input element or contentEditable\n      if (\n        target.tagName === 'INPUT' ||\n        target.tagName === 'TEXTAREA' ||\n        target.isContentEditable ||\n        target.getAttribute('role') === 'textbox' ||\n        target.tagName === 'LI'\n      ) {\n        return\n      }\n\n      if (editingCellId) return\n\n      // Don't handle keyboard events if we don't have a focused cell\n      if (!focusedCellId) return\n\n      const position = parseCellId(focusedCellId)\n      if (!position) return\n\n      const { rowId, colId } = position\n      const rowIndex = gridMap.rowIdToIndex.get(rowId)\n      const colIndex = gridMap.colIdToIndex.get(colId)\n\n      if (rowIndex === undefined || colIndex === undefined) return\n\n      const isReadOnly =\n        colId.startsWith('attrib_') &&\n        attribFields.find((a) => a.name === colId.replace('attrib_', ''))?.readOnly\n\n      // Handle different keys\n      switch (e.key) {\n        case 'ArrowUp': {\n          e.preventDefault()\n          if (rowIndex > 0) {\n            const newRowId = gridMap.indexToRowId.get(rowIndex - 1)\n            if (newRowId) {\n              const newCellId = getCellId(newRowId, colId)\n              selectCell(newCellId, e.shiftKey, e.shiftKey)\n              focusCell(newCellId)\n            }\n          }\n          break\n        }\n        case 'ArrowDown': {\n          e.preventDefault()\n          const newRowId = gridMap.indexToRowId.get(rowIndex + 1)\n          if (newRowId) {\n            const newCellId = getCellId(newRowId, colId)\n            selectCell(newCellId, e.shiftKey, e.shiftKey)\n            focusCell(newCellId)\n          }\n          break\n        }\n        case 'ArrowLeft': {\n          e.preventDefault()\n          if (colIndex > 0) {\n            const newColId = gridMap.indexToColId.get(colIndex - 1)\n            if (newColId) {\n              const newCellId = getCellId(rowId, newColId)\n              selectCell(newCellId, e.shiftKey, e.shiftKey)\n              focusCell(newCellId)\n            }\n          }\n          break\n        }\n        case 'ArrowRight': {\n          e.preventDefault()\n          const newColId = gridMap.indexToColId.get(colIndex + 1)\n          if (newColId) {\n            const newCellId = getCellId(rowId, newColId)\n            selectCell(newCellId, e.shiftKey, e.shiftKey)\n            focusCell(newCellId)\n          }\n          break\n        }\n        case 'Enter': {\n          e.preventDefault()\n          if (isReadOnly) return\n          // Start editing the currently focused cell\n          setEditingCellId(focusedCellId)\n          break\n        }\n        case 'Escape': {\n          e.preventDefault()\n          // Clear selection and stop editing\n          clearSelection()\n          setEditingCellId(null)\n          setFocusedCellId(null)\n          break\n        }\n        case 'Tab': {\n          e.preventDefault()\n          // Move to next cell (right if no shift, left if shift)\n          const nextColIndex = e.shiftKey ? colIndex - 1 : colIndex + 1\n          const nextColId = gridMap.indexToColId.get(nextColIndex)\n\n          if (nextColId) {\n            // Move to next/prev column in same row\n            const newCellId = getCellId(rowId, nextColId)\n            selectCell(newCellId, false, false)\n            focusCell(newCellId)\n          } else if (!e.shiftKey && rowIndex < gridMap.rowIdToIndex.size - 1) {\n            // Move to first column of next row\n            const newRowId = gridMap.indexToRowId.get(rowIndex + 1)\n            const firstColId = gridMap.indexToColId.get(0)\n            if (newRowId && firstColId) {\n              const newCellId = getCellId(newRowId, firstColId)\n              selectCell(newCellId, false, false)\n              focusCell(newCellId)\n            }\n          } else if (e.shiftKey && rowIndex > 0) {\n            // Move to last column of previous row\n            const newRowId = gridMap.indexToRowId.get(rowIndex - 1)\n            const lastColId = gridMap.indexToColId.get(gridMap.colIdToIndex.size - 1)\n            if (newRowId && lastColId) {\n              const newCellId = getCellId(newRowId, lastColId)\n              selectCell(newCellId, false, false)\n              focusCell(newCellId)\n            }\n          }\n          break\n        }\n      }\n    },\n    [\n      focusedCellId,\n      gridMap,\n      selectCell,\n      focusCell,\n      clearSelection,\n      setEditingCellId,\n      editingCellId,\n    ],\n  )\n\n  // Attach the keydown event handler to the document\n  useEffect(() => {\n    document.addEventListener('keydown', handleKeyDown)\n\n    // Cleanup the event listener on component unmount\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown)\n    }\n  }, [\n    handleKeyDown,\n    focusedCellId,\n    gridMap,\n    selectCell,\n    focusCell,\n    clearSelection,\n    setEditingCellId,\n    editingCellId,\n  ])\n  return {\n    handleKeyDown,\n    focusedCellId,\n    gridMap,\n    selectCell,\n    focusCell,\n    clearSelection,\n    setEditingCellId,\n    editingCellId,\n  }\n}\n"],"names":["useProjectTableContext","useSelectionCellsContext","useCellEditing","useCallback","parseCellId","getCellId","useEffect"],"mappings":"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"}
+{"version":3,"file":"useKeyboardNavigation.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/hooks/useKeyboardNavigation.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react'\nimport { useSelectionCellsContext } from '../context/SelectionCellsContext'\nimport { useCellEditing } from '../context/CellEditingContext' // keep for editingCellId/setEditingCellId\nimport { parseCellId, getCellId } from '../utils/cellUtils'\nimport { useProjectTableContext } from '../context/ProjectTableContext'\nimport { getEntityViewierIds } from '../utils'\n\nexport default function useKeyboardNavigation() {\n  const { attribFields, getEntityById, onOpenPlayer, playerOpen } = useProjectTableContext()\n\n  const { focusedCellId, gridMap, selectCell, focusCell, clearSelection, setFocusedCellId } =\n    useSelectionCellsContext()\n\n  const { setEditingCellId, editingCellId } = useCellEditing()\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      const target = e.target as HTMLElement\n      if (!target?.closest('table')) {\n        console.log('Cell key event: target is not inside a table')\n        return\n      }\n\n      // Skip if event target is an input element or contentEditable\n      if (\n        target.tagName === 'INPUT' ||\n        target.tagName === 'TEXTAREA' ||\n        target.isContentEditable ||\n        target.getAttribute('role') === 'textbox' ||\n        target.tagName === 'LI'\n      ) {\n        return\n      }\n\n      // allow keyboard and up and down only if the player is open\n      if (playerOpen && e.key !== 'ArrowDown' && e.key !== 'ArrowUp') return\n\n      if (editingCellId) return\n\n      // Don't handle keyboard events if we don't have a focused cell\n      if (!focusedCellId) return\n\n      const position = parseCellId(focusedCellId)\n      if (!position) return\n\n      const { rowId, colId } = position\n      const rowIndex = gridMap.rowIdToIndex.get(rowId)\n      const colIndex = gridMap.colIdToIndex.get(colId)\n\n      if (rowIndex === undefined || colIndex === undefined) return\n\n      const isReadOnly =\n        colId.startsWith('attrib_') &&\n        attribFields.find((a) => a.name === colId.replace('attrib_', ''))?.readOnly\n\n      const openPlayer = (entityId: string) => {\n        // try to open the player if onOpenPlayer is defined\n        if (onOpenPlayer) {\n          const entity = getEntityById(entityId)\n          if (entity) {\n            const targetIds = getEntityViewierIds(entity)\n            onOpenPlayer(targetIds, { quickView: true })\n          }\n        }\n      }\n\n      // Handle different keys\n      switch (e.key) {\n        case 'ArrowUp': {\n          e.preventDefault()\n          if (rowIndex > 0) {\n            const newRowId = gridMap.indexToRowId.get(rowIndex - 1)\n            if (newRowId) {\n              const newCellId = getCellId(newRowId, colId)\n              selectCell(newCellId, e.shiftKey, e.shiftKey)\n              focusCell(newCellId)\n\n              // if the player is open, update with new selected cell\n              if (playerOpen) {\n                openPlayer(newRowId)\n              }\n            }\n          }\n          break\n        }\n        case 'ArrowDown': {\n          e.preventDefault()\n          const newRowId = gridMap.indexToRowId.get(rowIndex + 1)\n          if (newRowId) {\n            const newCellId = getCellId(newRowId, colId)\n            selectCell(newCellId, e.shiftKey, e.shiftKey)\n            focusCell(newCellId)\n\n            // if the player is open, update with new selected cell\n            if (playerOpen) {\n              openPlayer(newRowId)\n            }\n          }\n          break\n        }\n        case 'ArrowLeft': {\n          e.preventDefault()\n          if (colIndex > 0) {\n            const newColId = gridMap.indexToColId.get(colIndex - 1)\n            if (newColId) {\n              const newCellId = getCellId(rowId, newColId)\n              selectCell(newCellId, e.shiftKey, e.shiftKey)\n              focusCell(newCellId)\n            }\n          }\n          break\n        }\n        case 'ArrowRight': {\n          e.preventDefault()\n          const newColId = gridMap.indexToColId.get(colIndex + 1)\n          if (newColId) {\n            const newCellId = getCellId(rowId, newColId)\n            selectCell(newCellId, e.shiftKey, e.shiftKey)\n            focusCell(newCellId)\n          }\n          break\n        }\n        case 'Enter': {\n          e.preventDefault()\n          if (isReadOnly) return\n          // Start editing the currently focused cell\n          setEditingCellId(focusedCellId)\n          break\n        }\n        case 'Escape': {\n          e.preventDefault()\n          // Clear selection and stop editing\n          clearSelection()\n          setEditingCellId(null)\n          setFocusedCellId(null)\n          break\n        }\n        case 'Tab': {\n          e.preventDefault()\n          // Move to next cell (right if no shift, left if shift)\n          const nextColIndex = e.shiftKey ? colIndex - 1 : colIndex + 1\n          const nextColId = gridMap.indexToColId.get(nextColIndex)\n\n          if (nextColId) {\n            // Move to next/prev column in same row\n            const newCellId = getCellId(rowId, nextColId)\n            selectCell(newCellId, false, false)\n            focusCell(newCellId)\n          } else if (!e.shiftKey && rowIndex < gridMap.rowIdToIndex.size - 1) {\n            // Move to first column of next row\n            const newRowId = gridMap.indexToRowId.get(rowIndex + 1)\n            const firstColId = gridMap.indexToColId.get(0)\n            if (newRowId && firstColId) {\n              const newCellId = getCellId(newRowId, firstColId)\n              selectCell(newCellId, false, false)\n              focusCell(newCellId)\n            }\n          } else if (e.shiftKey && rowIndex > 0) {\n            // Move to last column of previous row\n            const newRowId = gridMap.indexToRowId.get(rowIndex - 1)\n            const lastColId = gridMap.indexToColId.get(gridMap.colIdToIndex.size - 1)\n            if (newRowId && lastColId) {\n              const newCellId = getCellId(newRowId, lastColId)\n              selectCell(newCellId, false, false)\n              focusCell(newCellId)\n            }\n          }\n          break\n        }\n        case ' ': {\n          e.preventDefault()\n          // attempt to open the player\n          openPlayer(rowId)\n        }\n      }\n    },\n    [\n      focusedCellId,\n      gridMap,\n      selectCell,\n      focusCell,\n      clearSelection,\n      setEditingCellId,\n      editingCellId,\n      getEntityById,\n      playerOpen,\n    ],\n  )\n\n  // Attach the keydown event handler to the document\n  useEffect(() => {\n    document.addEventListener('keydown', handleKeyDown)\n\n    // Cleanup the event listener on component unmount\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown)\n    }\n  }, [\n    handleKeyDown,\n    focusedCellId,\n    gridMap,\n    selectCell,\n    focusCell,\n    clearSelection,\n    setEditingCellId,\n    editingCellId,\n    playerOpen,\n  ])\n  return {\n    handleKeyDown,\n    focusedCellId,\n    gridMap,\n    selectCell,\n    focusCell,\n    clearSelection,\n    setEditingCellId,\n    editingCellId,\n  }\n}\n"],"names":["useProjectTableContext","useSelectionCellsContext","useCellEditing","useCallback","parseCellId","getEntityViewierIds","getCellId","useEffect"],"mappings":"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"}

package/dist/shared/src/containers/ProjectTreeTable/hooks/useKeyboardNavigation.es.js

@@ -3,18 +3,27 @@ import { useSelectionCellsContext } from "../context/SelectionCellsContext.es.js
 import { useCellEditing } from "../context/CellEditingContext.es.js";
 import { parseCellId, getCellId } from "../utils/cellUtils.es.js";
 import { useProjectTableContext } from "../context/ProjectTableContext.es.js";
+import "@ynput/ayon-react-components";
+import "lodash";
+import "react-toastify";
+import "../../../util/pubsub.es.js";
+import { getEntityViewierIds } from "../utils/getEntityViewerIds.es.js";
 function useKeyboardNavigation() {
-  const { attribFields } = useProjectTableContext();
+  const { attribFields, getEntityById, onOpenPlayer, playerOpen } = useProjectTableContext();
   const { focusedCellId, gridMap, selectCell, focusCell, clearSelection, setFocusedCellId } = useSelectionCellsContext();
   const { setEditingCellId, editingCellId } = useCellEditing();
   const handleKeyDown = useCallback(
     (e) => {
       var _a;
       const target = e.target;
-      if (!(target == null ? void 0 : target.closest("table"))) return;
+      if (!(target == null ? void 0 : target.closest("table"))) {
+        console.log("Cell key event: target is not inside a table");
+        return;
+      }
       if (target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.isContentEditable || target.getAttribute("role") === "textbox" || target.tagName === "LI") {
         return;
       }
+      if (playerOpen && e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
       if (editingCellId) return;
       if (!focusedCellId) return;
       const position = parseCellId(focusedCellId);
@@ -24,6 +33,15 @@ function useKeyboardNavigation() {
       const colIndex = gridMap.colIdToIndex.get(colId);
       if (rowIndex === void 0 || colIndex === void 0) return;
       const isReadOnly = colId.startsWith("attrib_") && ((_a = attribFields.find((a) => a.name === colId.replace("attrib_", ""))) == null ? void 0 : _a.readOnly);
+      const openPlayer = (entityId) => {
+        if (onOpenPlayer) {
+          const entity = getEntityById(entityId);
+          if (entity) {
+            const targetIds = getEntityViewierIds(entity);
+            onOpenPlayer(targetIds, { quickView: true });
+          }
+        }
+      };
       switch (e.key) {
         case "ArrowUp": {
           e.preventDefault();
@@ -33,6 +51,9 @@ function useKeyboardNavigation() {
               const newCellId = getCellId(newRowId, colId);
               selectCell(newCellId, e.shiftKey, e.shiftKey);
               focusCell(newCellId);
+              if (playerOpen) {
+                openPlayer(newRowId);
+              }
             }
           }
           break;
@@ -44,6 +65,9 @@ function useKeyboardNavigation() {
             const newCellId = getCellId(newRowId, colId);
             selectCell(newCellId, e.shiftKey, e.shiftKey);
             focusCell(newCellId);
+            if (playerOpen) {
+              openPlayer(newRowId);
+            }
           }
           break;
         }
@@ -109,6 +133,10 @@ function useKeyboardNavigation() {
           }
           break;
         }
+        case " ": {
+          e.preventDefault();
+          openPlayer(rowId);
+        }
       }
     },
     [
@@ -118,7 +146,9 @@ function useKeyboardNavigation() {
       focusCell,
       clearSelection,
       setEditingCellId,
-      editingCellId
+      editingCellId,
+      getEntityById,
+      playerOpen
     ]
   );
   useEffect(() => {
@@ -134,7 +164,8 @@ function useKeyboardNavigation() {
     focusCell,
     clearSelection,
     setEditingCellId,
-    editingCellId
+    editingCellId,
+    playerOpen
   ]);
   return {
     handleKeyDown,

package/dist/shared/src/containers/ProjectTreeTable/hooks/useKeyboardNavigation.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyboardNavigation.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/hooks/useKeyboardNavigation.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react'\nimport { useSelectionCellsContext } from '../context/SelectionCellsContext'\nimport { useCellEditing } from '../context/CellEditingContext' // keep for editingCellId/setEditingCellId\nimport { parseCellId, getCellId } from '../utils/cellUtils'\nimport { useProjectTableContext } from '../context/ProjectTableContext'\n\nexport default function useKeyboardNavigation() {\n  const { attribFields } = useProjectTableContext()\n\n  const { focusedCellId, gridMap, selectCell, focusCell, clearSelection, setFocusedCellId } =\n    useSelectionCellsContext()\n\n  const { setEditingCellId, editingCellId } = useCellEditing()\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      const target = e.target as HTMLElement\n      if (!target?.closest('table')) return\n\n      // Skip if event target is an input element or contentEditable\n      if (\n        target.tagName === 'INPUT' ||\n        target.tagName === 'TEXTAREA' ||\n        target.isContentEditable ||\n        target.getAttribute('role') === 'textbox' ||\n        target.tagName === 'LI'\n      ) {\n        return\n      }\n\n      if (editingCellId) return\n\n      // Don't handle keyboard events if we don't have a focused cell\n      if (!focusedCellId) return\n\n      const position = parseCellId(focusedCellId)\n      if (!position) return\n\n      const { rowId, colId } = position\n      const rowIndex = gridMap.rowIdToIndex.get(rowId)\n      const colIndex = gridMap.colIdToIndex.get(colId)\n\n      if (rowIndex === undefined || colIndex === undefined) return\n\n      const isReadOnly =\n        colId.startsWith('attrib_') &&\n        attribFields.find((a) => a.name === colId.replace('attrib_', ''))?.readOnly\n\n      // Handle different keys\n      switch (e.key) {\n        case 'ArrowUp': {\n          e.preventDefault()\n          if (rowIndex > 0) {\n            const newRowId = gridMap.indexToRowId.get(rowIndex - 1)\n            if (newRowId) {\n              const newCellId = getCellId(newRowId, colId)\n              selectCell(newCellId, e.shiftKey, e.shiftKey)\n              focusCell(newCellId)\n            }\n          }\n          break\n        }\n        case 'ArrowDown': {\n          e.preventDefault()\n          const newRowId = gridMap.indexToRowId.get(rowIndex + 1)\n          if (newRowId) {\n            const newCellId = getCellId(newRowId, colId)\n            selectCell(newCellId, e.shiftKey, e.shiftKey)\n            focusCell(newCellId)\n          }\n          break\n        }\n        case 'ArrowLeft': {\n          e.preventDefault()\n          if (colIndex > 0) {\n            const newColId = gridMap.indexToColId.get(colIndex - 1)\n            if (newColId) {\n              const newCellId = getCellId(rowId, newColId)\n              selectCell(newCellId, e.shiftKey, e.shiftKey)\n              focusCell(newCellId)\n            }\n          }\n          break\n        }\n        case 'ArrowRight': {\n          e.preventDefault()\n          const newColId = gridMap.indexToColId.get(colIndex + 1)\n          if (newColId) {\n            const newCellId = getCellId(rowId, newColId)\n            selectCell(newCellId, e.shiftKey, e.shiftKey)\n            focusCell(newCellId)\n          }\n          break\n        }\n        case 'Enter': {\n          e.preventDefault()\n          if (isReadOnly) return\n          // Start editing the currently focused cell\n          setEditingCellId(focusedCellId)\n          break\n        }\n        case 'Escape': {\n          e.preventDefault()\n          // Clear selection and stop editing\n          clearSelection()\n          setEditingCellId(null)\n          setFocusedCellId(null)\n          break\n        }\n        case 'Tab': {\n          e.preventDefault()\n          // Move to next cell (right if no shift, left if shift)\n          const nextColIndex = e.shiftKey ? colIndex - 1 : colIndex + 1\n          const nextColId = gridMap.indexToColId.get(nextColIndex)\n\n          if (nextColId) {\n            // Move to next/prev column in same row\n            const newCellId = getCellId(rowId, nextColId)\n            selectCell(newCellId, false, false)\n            focusCell(newCellId)\n          } else if (!e.shiftKey && rowIndex < gridMap.rowIdToIndex.size - 1) {\n            // Move to first column of next row\n            const newRowId = gridMap.indexToRowId.get(rowIndex + 1)\n            const firstColId = gridMap.indexToColId.get(0)\n            if (newRowId && firstColId) {\n              const newCellId = getCellId(newRowId, firstColId)\n              selectCell(newCellId, false, false)\n              focusCell(newCellId)\n            }\n          } else if (e.shiftKey && rowIndex > 0) {\n            // Move to last column of previous row\n            const newRowId = gridMap.indexToRowId.get(rowIndex - 1)\n            const lastColId = gridMap.indexToColId.get(gridMap.colIdToIndex.size - 1)\n            if (newRowId && lastColId) {\n              const newCellId = getCellId(newRowId, lastColId)\n              selectCell(newCellId, false, false)\n              focusCell(newCellId)\n            }\n          }\n          break\n        }\n      }\n    },\n    [\n      focusedCellId,\n      gridMap,\n      selectCell,\n      focusCell,\n      clearSelection,\n      setEditingCellId,\n      editingCellId,\n    ],\n  )\n\n  // Attach the keydown event handler to the document\n  useEffect(() => {\n    document.addEventListener('keydown', handleKeyDown)\n\n    // Cleanup the event listener on component unmount\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown)\n    }\n  }, [\n    handleKeyDown,\n    focusedCellId,\n    gridMap,\n    selectCell,\n    focusCell,\n    clearSelection,\n    setEditingCellId,\n    editingCellId,\n  ])\n  return {\n    handleKeyDown,\n    focusedCellId,\n    gridMap,\n    selectCell,\n    focusCell,\n    clearSelection,\n    setEditingCellId,\n    editingCellId,\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useKeyboardNavigation.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/hooks/useKeyboardNavigation.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react'\nimport { useSelectionCellsContext } from '../context/SelectionCellsContext'\nimport { useCellEditing } from '../context/CellEditingContext' // keep for editingCellId/setEditingCellId\nimport { parseCellId, getCellId } from '../utils/cellUtils'\nimport { useProjectTableContext } from '../context/ProjectTableContext'\nimport { getEntityViewierIds } from '../utils'\n\nexport default function useKeyboardNavigation() {\n  const { attribFields, getEntityById, onOpenPlayer, playerOpen } = useProjectTableContext()\n\n  const { focusedCellId, gridMap, selectCell, focusCell, clearSelection, setFocusedCellId } =\n    useSelectionCellsContext()\n\n  const { setEditingCellId, editingCellId } = useCellEditing()\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      const target = e.target as HTMLElement\n      if (!target?.closest('table')) {\n        console.log('Cell key event: target is not inside a table')\n        return\n      }\n\n      // Skip if event target is an input element or contentEditable\n      if (\n        target.tagName === 'INPUT' ||\n        target.tagName === 'TEXTAREA' ||\n        target.isContentEditable ||\n        target.getAttribute('role') === 'textbox' ||\n        target.tagName === 'LI'\n      ) {\n        return\n      }\n\n      // allow keyboard and up and down only if the player is open\n      if (playerOpen && e.key !== 'ArrowDown' && e.key !== 'ArrowUp') return\n\n      if (editingCellId) return\n\n      // Don't handle keyboard events if we don't have a focused cell\n      if (!focusedCellId) return\n\n      const position = parseCellId(focusedCellId)\n      if (!position) return\n\n      const { rowId, colId } = position\n      const rowIndex = gridMap.rowIdToIndex.get(rowId)\n      const colIndex = gridMap.colIdToIndex.get(colId)\n\n      if (rowIndex === undefined || colIndex === undefined) return\n\n      const isReadOnly =\n        colId.startsWith('attrib_') &&\n        attribFields.find((a) => a.name === colId.replace('attrib_', ''))?.readOnly\n\n      const openPlayer = (entityId: string) => {\n        // try to open the player if onOpenPlayer is defined\n        if (onOpenPlayer) {\n          const entity = getEntityById(entityId)\n          if (entity) {\n            const targetIds = getEntityViewierIds(entity)\n            onOpenPlayer(targetIds, { quickView: true })\n          }\n        }\n      }\n\n      // Handle different keys\n      switch (e.key) {\n        case 'ArrowUp': {\n          e.preventDefault()\n          if (rowIndex > 0) {\n            const newRowId = gridMap.indexToRowId.get(rowIndex - 1)\n            if (newRowId) {\n              const newCellId = getCellId(newRowId, colId)\n              selectCell(newCellId, e.shiftKey, e.shiftKey)\n              focusCell(newCellId)\n\n              // if the player is open, update with new selected cell\n              if (playerOpen) {\n                openPlayer(newRowId)\n              }\n            }\n          }\n          break\n        }\n        case 'ArrowDown': {\n          e.preventDefault()\n          const newRowId = gridMap.indexToRowId.get(rowIndex + 1)\n          if (newRowId) {\n            const newCellId = getCellId(newRowId, colId)\n            selectCell(newCellId, e.shiftKey, e.shiftKey)\n            focusCell(newCellId)\n\n            // if the player is open, update with new selected cell\n            if (playerOpen) {\n              openPlayer(newRowId)\n            }\n          }\n          break\n        }\n        case 'ArrowLeft': {\n          e.preventDefault()\n          if (colIndex > 0) {\n            const newColId = gridMap.indexToColId.get(colIndex - 1)\n            if (newColId) {\n              const newCellId = getCellId(rowId, newColId)\n              selectCell(newCellId, e.shiftKey, e.shiftKey)\n              focusCell(newCellId)\n            }\n          }\n          break\n        }\n        case 'ArrowRight': {\n          e.preventDefault()\n          const newColId = gridMap.indexToColId.get(colIndex + 1)\n          if (newColId) {\n            const newCellId = getCellId(rowId, newColId)\n            selectCell(newCellId, e.shiftKey, e.shiftKey)\n            focusCell(newCellId)\n          }\n          break\n        }\n        case 'Enter': {\n          e.preventDefault()\n          if (isReadOnly) return\n          // Start editing the currently focused cell\n          setEditingCellId(focusedCellId)\n          break\n        }\n        case 'Escape': {\n          e.preventDefault()\n          // Clear selection and stop editing\n          clearSelection()\n          setEditingCellId(null)\n          setFocusedCellId(null)\n          break\n        }\n        case 'Tab': {\n          e.preventDefault()\n          // Move to next cell (right if no shift, left if shift)\n          const nextColIndex = e.shiftKey ? colIndex - 1 : colIndex + 1\n          const nextColId = gridMap.indexToColId.get(nextColIndex)\n\n          if (nextColId) {\n            // Move to next/prev column in same row\n            const newCellId = getCellId(rowId, nextColId)\n            selectCell(newCellId, false, false)\n            focusCell(newCellId)\n          } else if (!e.shiftKey && rowIndex < gridMap.rowIdToIndex.size - 1) {\n            // Move to first column of next row\n            const newRowId = gridMap.indexToRowId.get(rowIndex + 1)\n            const firstColId = gridMap.indexToColId.get(0)\n            if (newRowId && firstColId) {\n              const newCellId = getCellId(newRowId, firstColId)\n              selectCell(newCellId, false, false)\n              focusCell(newCellId)\n            }\n          } else if (e.shiftKey && rowIndex > 0) {\n            // Move to last column of previous row\n            const newRowId = gridMap.indexToRowId.get(rowIndex - 1)\n            const lastColId = gridMap.indexToColId.get(gridMap.colIdToIndex.size - 1)\n            if (newRowId && lastColId) {\n              const newCellId = getCellId(newRowId, lastColId)\n              selectCell(newCellId, false, false)\n              focusCell(newCellId)\n            }\n          }\n          break\n        }\n        case ' ': {\n          e.preventDefault()\n          // attempt to open the player\n          openPlayer(rowId)\n        }\n      }\n    },\n    [\n      focusedCellId,\n      gridMap,\n      selectCell,\n      focusCell,\n      clearSelection,\n      setEditingCellId,\n      editingCellId,\n      getEntityById,\n      playerOpen,\n    ],\n  )\n\n  // Attach the keydown event handler to the document\n  useEffect(() => {\n    document.addEventListener('keydown', handleKeyDown)\n\n    // Cleanup the event listener on component unmount\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown)\n    }\n  }, [\n    handleKeyDown,\n    focusedCellId,\n    gridMap,\n    selectCell,\n    focusCell,\n    clearSelection,\n    setEditingCellId,\n    editingCellId,\n    playerOpen,\n  ])\n  return {\n    handleKeyDown,\n    focusedCellId,\n    gridMap,\n    selectCell,\n    focusCell,\n    clearSelection,\n    setEditingCellId,\n    editingCellId,\n  }\n}\n"],"names":[],"mappings":"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"}