@ynput/ayon-frontend-shared 0.2.16 → 0.2.18

package/dist/shared/src/containers/ProjectTreeTable/{context/ProjectTableModulesContext.cjs.js → hooks/useProjectTableModules.cjs.js}

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../../../../_virtual/jsx-runtime.cjs.js");
-const React = require("react");
+require("react");
 const useLoadModule = require("../../../hooks/useLoadModule.cjs.js");
 require("../../../../../_virtual/runtime.cjs.js");
 require("../../../../../_virtual/semver.cjs.js");
@@ -72,6 +71,8 @@ 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("lodash");
 require("react-toastify");
 require("../../../context/RemoteModulesContext.cjs.js");
@@ -88,50 +89,29 @@ require("react-redux");
 require("custom-protocol-check");
 const GroupSettingsFallback = require("../components/GroupSettingsFallback.cjs.js");
 const getGroupQueriesFallback = (params) => [];
-const ProjectTableModuleContext = React.createContext(
-  void 0
-);
-ProjectTableModuleContext.displayName = "ProjectTableModuleContext";
-const ProjectTableModuleProvider = React.memo(
-  ({ children, GroupSettings: GroupSettingsProp, getGroupQueries: getGroupQueriesProp }) => {
-    const minVersion = "1.0.6-dev";
-    const [GroupSettings, { outdated, isLoading: isLoadingSettings }] = useLoadModule.useLoadModule({
-      addon: "powerpack",
-      remote: "slicer",
-      module: "GroupSettings",
-      fallback: GroupSettingsProp || GroupSettingsFallback.GroupSettingsFallback,
-      minVersion,
-      skip: !!GroupSettingsProp
-    });
-    const [getGroupQueries, { isLoading: isLoadingQueries }] = useLoadModule.useLoadModule({
-      addon: "powerpack",
-      remote: "slicer",
-      module: "getGroupQueries",
-      fallback: getGroupQueriesProp || getGroupQueriesFallback,
-      minVersion,
-      skip: !!getGroupQueriesProp
-    });
-    const isLoading = isLoadingSettings || isLoadingQueries;
-    const value = React.useMemo(
-      () => ({
-        GroupSettings,
-        getGroupQueries,
-        requiredVersion: outdated == null ? void 0 : outdated.required,
-        isLoading
-      }),
-      [GroupSettings, getGroupQueries, outdated == null ? void 0 : outdated.required, isLoading]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ProjectTableModuleContext.Provider, { value, children });
-  }
-);
-ProjectTableModuleProvider.displayName = "ProjectTableModuleProvider";
-const useProjectTableModuleContext = () => {
-  const context = React.useContext(ProjectTableModuleContext);
-  if (context === void 0) {
-    throw new Error("useProjectTableModuleContext must be used within a ProjectTableModuleProvider");
-  }
-  return context;
+const useProjectTableModules = () => {
+  const minVersion = "1.0.6-dev";
+  const [GroupSettings, { outdated, isLoading: isLoadingSettings }] = useLoadModule.useLoadModule({
+    addon: "powerpack",
+    remote: "slicer",
+    module: "GroupSettings",
+    fallback: GroupSettingsFallback.GroupSettingsFallback,
+    minVersion
+  });
+  const [getGroupQueries, { isLoading: isLoadingQueries }] = useLoadModule.useLoadModule({
+    addon: "powerpack",
+    remote: "slicer",
+    module: "getGroupQueries",
+    fallback: getGroupQueriesFallback,
+    minVersion
+  });
+  const isLoading = isLoadingSettings || isLoadingQueries;
+  return {
+    GroupSettings,
+    getGroupQueries,
+    requiredVersion: outdated == null ? void 0 : outdated.required,
+    isLoading
+  };
 };
-exports.ProjectTableModuleProvider = ProjectTableModuleProvider;
-exports.useProjectTableModuleContext = useProjectTableModuleContext;
-//# sourceMappingURL=ProjectTableModulesContext.cjs.js.map
+exports.useProjectTableModules = useProjectTableModules;
+//# sourceMappingURL=useProjectTableModules.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useProjectTableModules.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/hooks/useProjectTableModules.ts"],"sourcesContent":["import { useLoadModule } from '@shared/hooks'\nimport { GroupSettingsFallback } from '../components/GroupSettingsFallback'\nimport { EntityGroup } from '@shared/api'\nimport { Filter } from '@ynput/ayon-react-components'\nimport { TableGroupBy } from '../context'\nimport { ProjectTableAttribute } from './useAttributesList'\n\ntype GetGroupQueriesParams = {\n  taskGroups: EntityGroup[]\n  filters: Filter[]\n  groupBy: TableGroupBy\n  groupPageCounts: Record<string, number>\n  dataType: ProjectTableAttribute['data']['type']\n}\n\ntype GetGroupQueriesReturn = {\n  value: any\n  count: number\n  filter: string\n}[]\n\nexport type ProjectTableModulesType = {\n  GroupSettings: typeof GroupSettingsFallback\n  getGroupQueries?: (params: GetGroupQueriesParams) => GetGroupQueriesReturn\n  requiredVersion?: string\n  isLoading: boolean\n}\n\nconst getGroupQueriesFallback = (params: GetGroupQueriesParams): GetGroupQueriesReturn => []\n\nexport const useProjectTableModules = (): ProjectTableModulesType => {\n  const minVersion = '1.0.6-dev'\n  const [GroupSettings, { outdated, isLoading: isLoadingSettings }] = useLoadModule({\n    addon: 'powerpack',\n    remote: 'slicer',\n    module: 'GroupSettings',\n    fallback: GroupSettingsFallback,\n    minVersion: minVersion,\n  })\n\n  const [getGroupQueries, { isLoading: isLoadingQueries }] = useLoadModule({\n    addon: 'powerpack',\n    remote: 'slicer',\n    module: 'getGroupQueries',\n    fallback: getGroupQueriesFallback,\n    minVersion: minVersion,\n  })\n\n  const isLoading = isLoadingSettings || isLoadingQueries\n\n  return {\n    GroupSettings,\n    getGroupQueries,\n    requiredVersion: outdated?.required,\n    isLoading: isLoading,\n  }\n}\n"],"names":["useLoadModule","GroupSettingsFallback"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAM,0BAA0B,CAAC,WAAyD,CAAC;AAEpF,MAAM,yBAAyB,MAA+B;AACnE,QAAM,aAAa;AACb,QAAA,CAAC,eAAe,EAAE,UAAU,WAAW,kBAAkB,CAAC,IAAIA,4BAAc;AAAA,IAChF,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAUC,sBAAA;AAAA,IACV;AAAA,EAAA,CACD;AAED,QAAM,CAAC,iBAAiB,EAAE,WAAW,iBAAkB,CAAA,IAAID,cAAAA,cAAc;AAAA,IACvE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAU;AAAA,IACV;AAAA,EAAA,CACD;AAED,QAAM,YAAY,qBAAqB;AAEhC,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA,iBAAiB,qCAAU;AAAA,IAC3B;AAAA,EACF;AACF;;"}

package/dist/shared/src/containers/ProjectTreeTable/{context/ProjectTableModulesContext.es.js → hooks/useProjectTableModules.es.js}

@@ -1,5 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../../../_virtual/jsx-runtime.es.js";
-import React__default, { createContext, useMemo, useContext } from "react";
+import "react";
 import { useLoadModule } from "../../../hooks/useLoadModule.es.js";
 import "../../../../../_virtual/runtime.es.js";
 import "../../../../../_virtual/semver.es.js";
@@ -70,6 +69,8 @@ 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 "lodash";
 import "react-toastify";
 import "../../../context/RemoteModulesContext.es.js";
@@ -86,52 +87,31 @@ import "react-redux";
 import "custom-protocol-check";
 import { GroupSettingsFallback } from "../components/GroupSettingsFallback.es.js";
 const getGroupQueriesFallback = (params) => [];
-const ProjectTableModuleContext = createContext(
-  void 0
-);
-ProjectTableModuleContext.displayName = "ProjectTableModuleContext";
-const ProjectTableModuleProvider = React__default.memo(
-  ({ children, GroupSettings: GroupSettingsProp, getGroupQueries: getGroupQueriesProp }) => {
-    const minVersion = "1.0.6-dev";
-    const [GroupSettings, { outdated, isLoading: isLoadingSettings }] = useLoadModule({
-      addon: "powerpack",
-      remote: "slicer",
-      module: "GroupSettings",
-      fallback: GroupSettingsProp || GroupSettingsFallback,
-      minVersion,
-      skip: !!GroupSettingsProp
-    });
-    const [getGroupQueries, { isLoading: isLoadingQueries }] = useLoadModule({
-      addon: "powerpack",
-      remote: "slicer",
-      module: "getGroupQueries",
-      fallback: getGroupQueriesProp || getGroupQueriesFallback,
-      minVersion,
-      skip: !!getGroupQueriesProp
-    });
-    const isLoading = isLoadingSettings || isLoadingQueries;
-    const value = useMemo(
-      () => ({
-        GroupSettings,
-        getGroupQueries,
-        requiredVersion: outdated == null ? void 0 : outdated.required,
-        isLoading
-      }),
-      [GroupSettings, getGroupQueries, outdated == null ? void 0 : outdated.required, isLoading]
-    );
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(ProjectTableModuleContext.Provider, { value, children });
-  }
-);
-ProjectTableModuleProvider.displayName = "ProjectTableModuleProvider";
-const useProjectTableModuleContext = () => {
-  const context = useContext(ProjectTableModuleContext);
-  if (context === void 0) {
-    throw new Error("useProjectTableModuleContext must be used within a ProjectTableModuleProvider");
-  }
-  return context;
+const useProjectTableModules = () => {
+  const minVersion = "1.0.6-dev";
+  const [GroupSettings, { outdated, isLoading: isLoadingSettings }] = useLoadModule({
+    addon: "powerpack",
+    remote: "slicer",
+    module: "GroupSettings",
+    fallback: GroupSettingsFallback,
+    minVersion
+  });
+  const [getGroupQueries, { isLoading: isLoadingQueries }] = useLoadModule({
+    addon: "powerpack",
+    remote: "slicer",
+    module: "getGroupQueries",
+    fallback: getGroupQueriesFallback,
+    minVersion
+  });
+  const isLoading = isLoadingSettings || isLoadingQueries;
+  return {
+    GroupSettings,
+    getGroupQueries,
+    requiredVersion: outdated == null ? void 0 : outdated.required,
+    isLoading
+  };
 };
 export {
-  ProjectTableModuleProvider,
-  useProjectTableModuleContext
+  useProjectTableModules
 };
-//# sourceMappingURL=ProjectTableModulesContext.es.js.map
+//# sourceMappingURL=useProjectTableModules.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useProjectTableModules.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/hooks/useProjectTableModules.ts"],"sourcesContent":["import { useLoadModule } from '@shared/hooks'\nimport { GroupSettingsFallback } from '../components/GroupSettingsFallback'\nimport { EntityGroup } from '@shared/api'\nimport { Filter } from '@ynput/ayon-react-components'\nimport { TableGroupBy } from '../context'\nimport { ProjectTableAttribute } from './useAttributesList'\n\ntype GetGroupQueriesParams = {\n  taskGroups: EntityGroup[]\n  filters: Filter[]\n  groupBy: TableGroupBy\n  groupPageCounts: Record<string, number>\n  dataType: ProjectTableAttribute['data']['type']\n}\n\ntype GetGroupQueriesReturn = {\n  value: any\n  count: number\n  filter: string\n}[]\n\nexport type ProjectTableModulesType = {\n  GroupSettings: typeof GroupSettingsFallback\n  getGroupQueries?: (params: GetGroupQueriesParams) => GetGroupQueriesReturn\n  requiredVersion?: string\n  isLoading: boolean\n}\n\nconst getGroupQueriesFallback = (params: GetGroupQueriesParams): GetGroupQueriesReturn => []\n\nexport const useProjectTableModules = (): ProjectTableModulesType => {\n  const minVersion = '1.0.6-dev'\n  const [GroupSettings, { outdated, isLoading: isLoadingSettings }] = useLoadModule({\n    addon: 'powerpack',\n    remote: 'slicer',\n    module: 'GroupSettings',\n    fallback: GroupSettingsFallback,\n    minVersion: minVersion,\n  })\n\n  const [getGroupQueries, { isLoading: isLoadingQueries }] = useLoadModule({\n    addon: 'powerpack',\n    remote: 'slicer',\n    module: 'getGroupQueries',\n    fallback: getGroupQueriesFallback,\n    minVersion: minVersion,\n  })\n\n  const isLoading = isLoadingSettings || isLoadingQueries\n\n  return {\n    GroupSettings,\n    getGroupQueries,\n    requiredVersion: outdated?.required,\n    isLoading: isLoading,\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAM,0BAA0B,CAAC,WAAyD,CAAC;AAEpF,MAAM,yBAAyB,MAA+B;AACnE,QAAM,aAAa;AACb,QAAA,CAAC,eAAe,EAAE,UAAU,WAAW,kBAAkB,CAAC,IAAI,cAAc;AAAA,IAChF,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAU;AAAA,IACV;AAAA,EAAA,CACD;AAED,QAAM,CAAC,iBAAiB,EAAE,WAAW,iBAAkB,CAAA,IAAI,cAAc;AAAA,IACvE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAU;AAAA,IACV;AAAA,EAAA,CACD;AAED,QAAM,YAAY,qBAAqB;AAEhC,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA,iBAAiB,qCAAU;AAAA,IAC3B;AAAA,EACF;AACF;"}

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

@@ -7,14 +7,15 @@ require("react-toastify");
 require("../../../util/pubsub.cjs.js");
 require("../context/CellEditingContext.cjs.js");
 require("../context/ClipboardContext.cjs.js");
+require("../../../../../_virtual/jsx-runtime.cjs.js");
+require("@tanstack/react-table");
+require("../context/SelectionCellsContext.cjs.js");
+require("../ProjectTreeTable.cjs.js");
 require("../context/ColumnSettingsContext.cjs.js");
 require("../context/ProjectTableContext.cjs.js");
 require("../context/ProjectTableQueriesContext.cjs.js");
 require("../context/SelectedRowsContext.cjs.js");
-require("../context/SelectionCellsContext.cjs.js");
-require("../context/ProjectTableSelectionContext.cjs.js");
 require("../context/ProjectDataContext.cjs.js");
-require("../context/ProjectTableModulesContext.cjs.js");
 const useQueryFilters = ({
   filters,
   sliceFilter

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

@@ -1 +1 @@
-{"version":3,"file":"useQueryFilters.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/hooks/useQueryFilters.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { Filter } from '@ynput/ayon-react-components'\nimport { type QueryTasksFoldersApiArg } from '@shared/api'\nimport { clientFilterToQueryFilter } from '@shared/containers/ProjectTreeTable/utils'\n\ninterface UseQueryFiltersProps {\n  filters: Filter[]\n  sliceFilter?: Filter | null\n}\n\ninterface QueryFiltersResult {\n  filter: QueryTasksFoldersApiArg['tasksFoldersQuery']['filter']\n  filterString?: string\n  search: QueryTasksFoldersApiArg['tasksFoldersQuery']['search']\n  combinedFilters: Filter[]\n}\n\nexport const useQueryFilters = ({\n  filters,\n  sliceFilter,\n}: UseQueryFiltersProps): QueryFiltersResult => {\n  return useMemo(() => {\n    // merge the slice filter with the user filters\n    let combinedFilters = [...filters]\n    if (sliceFilter?.values?.length) {\n      combinedFilters.push(sliceFilter as Filter)\n    }\n\n    // transform the task bar filters to the query format\n    const queryFilter = clientFilterToQueryFilter(combinedFilters)\n    const queryFilterString = combinedFilters.length ? JSON.stringify(queryFilter) : ''\n    // extract the fuzzy search from the filters\n    const fuzzySearchFilter = combinedFilters.find((filter) => filter.id.includes('text'))\n      ?.values?.[0]?.id\n\n    return {\n      filterString: queryFilterString,\n      filter: queryFilter,\n      search: fuzzySearchFilter,\n      combinedFilters,\n    }\n  }, [filters, sliceFilter])\n}\n"],"names":["useMemo","clientFilterToQueryFilter"],"mappings":";;;;;;;;;;;;;;;;;AAiBO,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA;AACF,MAAgD;AAC9C,SAAOA,cAAQ,MAAM;;AAEf,QAAA,kBAAkB,CAAC,GAAG,OAAO;AAC7B,SAAA,gDAAa,WAAb,mBAAqB,QAAQ;AAC/B,sBAAgB,KAAK,WAAqB;AAAA,IAAA;AAItC,UAAA,cAAcC,oDAA0B,eAAe;AAC7D,UAAM,oBAAoB,gBAAgB,SAAS,KAAK,UAAU,WAAW,IAAI;AAEjF,UAAM,qBAAoB,iCAAgB,KAAK,CAAC,WAAW,OAAO,GAAG,SAAS,MAAM,CAAC,MAA3D,mBACtB,WADsB,mBACb,OADa,mBACT;AAEV,WAAA;AAAA,MACL,cAAc;AAAA,MACd,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR;AAAA,IACF;AAAA,EAAA,GACC,CAAC,SAAS,WAAW,CAAC;AAC3B;;"}
+{"version":3,"file":"useQueryFilters.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/hooks/useQueryFilters.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { Filter } from '@ynput/ayon-react-components'\nimport { type QueryTasksFoldersApiArg } from '@shared/api'\nimport { clientFilterToQueryFilter } from '../utils'\n\ninterface UseQueryFiltersProps {\n  filters: Filter[]\n  sliceFilter?: Filter | null\n}\n\ninterface QueryFiltersResult {\n  filter: QueryTasksFoldersApiArg['tasksFoldersQuery']['filter']\n  filterString?: string\n  search: QueryTasksFoldersApiArg['tasksFoldersQuery']['search']\n  combinedFilters: Filter[]\n}\n\nexport const useQueryFilters = ({\n  filters,\n  sliceFilter,\n}: UseQueryFiltersProps): QueryFiltersResult => {\n  return useMemo(() => {\n    // merge the slice filter with the user filters\n    let combinedFilters = [...filters]\n    if (sliceFilter?.values?.length) {\n      combinedFilters.push(sliceFilter as Filter)\n    }\n\n    // transform the task bar filters to the query format\n    const queryFilter = clientFilterToQueryFilter(combinedFilters)\n    const queryFilterString = combinedFilters.length ? JSON.stringify(queryFilter) : ''\n    // extract the fuzzy search from the filters\n    const fuzzySearchFilter = combinedFilters.find((filter) => filter.id.includes('text'))\n      ?.values?.[0]?.id\n\n    return {\n      filterString: queryFilterString,\n      filter: queryFilter,\n      search: fuzzySearchFilter,\n      combinedFilters,\n    }\n  }, [filters, sliceFilter])\n}\n"],"names":["useMemo","clientFilterToQueryFilter"],"mappings":";;;;;;;;;;;;;;;;;;AAiBO,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA;AACF,MAAgD;AAC9C,SAAOA,cAAQ,MAAM;;AAEf,QAAA,kBAAkB,CAAC,GAAG,OAAO;AAC7B,SAAA,gDAAa,WAAb,mBAAqB,QAAQ;AAC/B,sBAAgB,KAAK,WAAqB;AAAA,IAAA;AAItC,UAAA,cAAcC,oDAA0B,eAAe;AAC7D,UAAM,oBAAoB,gBAAgB,SAAS,KAAK,UAAU,WAAW,IAAI;AAEjF,UAAM,qBAAoB,iCAAgB,KAAK,CAAC,WAAW,OAAO,GAAG,SAAS,MAAM,CAAC,MAA3D,mBACtB,WADsB,mBACb,OADa,mBACT;AAEV,WAAA;AAAA,MACL,cAAc;AAAA,MACd,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR;AAAA,IACF;AAAA,EAAA,GACC,CAAC,SAAS,WAAW,CAAC;AAC3B;;"}

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

@@ -5,14 +5,15 @@ import "react-toastify";
 import "../../../util/pubsub.es.js";
 import "../context/CellEditingContext.es.js";
 import "../context/ClipboardContext.es.js";
+import "../../../../../_virtual/jsx-runtime.es.js";
+import "@tanstack/react-table";
+import "../context/SelectionCellsContext.es.js";
+import "../ProjectTreeTable.es.js";
 import "../context/ColumnSettingsContext.es.js";
 import "../context/ProjectTableContext.es.js";
 import "../context/ProjectTableQueriesContext.es.js";
 import "../context/SelectedRowsContext.es.js";
-import "../context/SelectionCellsContext.es.js";
-import "../context/ProjectTableSelectionContext.es.js";
 import "../context/ProjectDataContext.es.js";
-import "../context/ProjectTableModulesContext.es.js";
 const useQueryFilters = ({
   filters,
   sliceFilter

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

@@ -1 +1 @@
-{"version":3,"file":"useQueryFilters.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/hooks/useQueryFilters.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { Filter } from '@ynput/ayon-react-components'\nimport { type QueryTasksFoldersApiArg } from '@shared/api'\nimport { clientFilterToQueryFilter } from '@shared/containers/ProjectTreeTable/utils'\n\ninterface UseQueryFiltersProps {\n  filters: Filter[]\n  sliceFilter?: Filter | null\n}\n\ninterface QueryFiltersResult {\n  filter: QueryTasksFoldersApiArg['tasksFoldersQuery']['filter']\n  filterString?: string\n  search: QueryTasksFoldersApiArg['tasksFoldersQuery']['search']\n  combinedFilters: Filter[]\n}\n\nexport const useQueryFilters = ({\n  filters,\n  sliceFilter,\n}: UseQueryFiltersProps): QueryFiltersResult => {\n  return useMemo(() => {\n    // merge the slice filter with the user filters\n    let combinedFilters = [...filters]\n    if (sliceFilter?.values?.length) {\n      combinedFilters.push(sliceFilter as Filter)\n    }\n\n    // transform the task bar filters to the query format\n    const queryFilter = clientFilterToQueryFilter(combinedFilters)\n    const queryFilterString = combinedFilters.length ? JSON.stringify(queryFilter) : ''\n    // extract the fuzzy search from the filters\n    const fuzzySearchFilter = combinedFilters.find((filter) => filter.id.includes('text'))\n      ?.values?.[0]?.id\n\n    return {\n      filterString: queryFilterString,\n      filter: queryFilter,\n      search: fuzzySearchFilter,\n      combinedFilters,\n    }\n  }, [filters, sliceFilter])\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAiBO,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA;AACF,MAAgD;AAC9C,SAAO,QAAQ,MAAM;;AAEf,QAAA,kBAAkB,CAAC,GAAG,OAAO;AAC7B,SAAA,gDAAa,WAAb,mBAAqB,QAAQ;AAC/B,sBAAgB,KAAK,WAAqB;AAAA,IAAA;AAItC,UAAA,cAAc,0BAA0B,eAAe;AAC7D,UAAM,oBAAoB,gBAAgB,SAAS,KAAK,UAAU,WAAW,IAAI;AAEjF,UAAM,qBAAoB,iCAAgB,KAAK,CAAC,WAAW,OAAO,GAAG,SAAS,MAAM,CAAC,MAA3D,mBACtB,WADsB,mBACb,OADa,mBACT;AAEV,WAAA;AAAA,MACL,cAAc;AAAA,MACd,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR;AAAA,IACF;AAAA,EAAA,GACC,CAAC,SAAS,WAAW,CAAC;AAC3B;"}
+{"version":3,"file":"useQueryFilters.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/hooks/useQueryFilters.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { Filter } from '@ynput/ayon-react-components'\nimport { type QueryTasksFoldersApiArg } from '@shared/api'\nimport { clientFilterToQueryFilter } from '../utils'\n\ninterface UseQueryFiltersProps {\n  filters: Filter[]\n  sliceFilter?: Filter | null\n}\n\ninterface QueryFiltersResult {\n  filter: QueryTasksFoldersApiArg['tasksFoldersQuery']['filter']\n  filterString?: string\n  search: QueryTasksFoldersApiArg['tasksFoldersQuery']['search']\n  combinedFilters: Filter[]\n}\n\nexport const useQueryFilters = ({\n  filters,\n  sliceFilter,\n}: UseQueryFiltersProps): QueryFiltersResult => {\n  return useMemo(() => {\n    // merge the slice filter with the user filters\n    let combinedFilters = [...filters]\n    if (sliceFilter?.values?.length) {\n      combinedFilters.push(sliceFilter as Filter)\n    }\n\n    // transform the task bar filters to the query format\n    const queryFilter = clientFilterToQueryFilter(combinedFilters)\n    const queryFilterString = combinedFilters.length ? JSON.stringify(queryFilter) : ''\n    // extract the fuzzy search from the filters\n    const fuzzySearchFilter = combinedFilters.find((filter) => filter.id.includes('text'))\n      ?.values?.[0]?.id\n\n    return {\n      filterString: queryFilterString,\n      filter: queryFilter,\n      search: fuzzySearchFilter,\n      combinedFilters,\n    }\n  }, [filters, sliceFilter])\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAiBO,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA;AACF,MAAgD;AAC9C,SAAO,QAAQ,MAAM;;AAEf,QAAA,kBAAkB,CAAC,GAAG,OAAO;AAC7B,SAAA,gDAAa,WAAb,mBAAqB,QAAQ;AAC/B,sBAAgB,KAAK,WAAqB;AAAA,IAAA;AAItC,UAAA,cAAc,0BAA0B,eAAe;AAC7D,UAAM,oBAAoB,gBAAgB,SAAS,KAAK,UAAU,WAAW,IAAI;AAEjF,UAAM,qBAAoB,iCAAgB,KAAK,CAAC,WAAW,OAAO,GAAG,SAAS,MAAM,CAAC,MAA3D,mBACtB,WADsB,mBACb,OADa,mBACT;AAEV,WAAA;AAAA,MACL,cAAc;AAAA,MACd,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR;AAAA,IACF;AAAA,EAAA,GACC,CAAC,SAAS,WAAW,CAAC;AAC3B;"}

package/dist/shared/src/containers/ProjectTreeTable/utils/cellUtils.cjs.js

@@ -3,14 +3,17 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("react-toastify");
 require("../context/CellEditingContext.cjs.js");
 require("../context/ClipboardContext.cjs.js");
+require("../../../../../_virtual/jsx-runtime.cjs.js");
+require("react");
+require("@tanstack/react-table");
+require("../context/SelectionCellsContext.cjs.js");
+require("../ProjectTreeTable.cjs.js");
 require("../context/ColumnSettingsContext.cjs.js");
-const ProjectTableContext = require("../context/ProjectTableContext.cjs.js");
+require("../context/ProjectTableContext.cjs.js");
+const ProjectTableProvider = require("../context/ProjectTableProvider.cjs.js");
 require("../context/ProjectTableQueriesContext.cjs.js");
 require("../context/SelectedRowsContext.cjs.js");
-require("../context/SelectionCellsContext.cjs.js");
-require("../context/ProjectTableSelectionContext.cjs.js");
 require("../context/ProjectDataContext.cjs.js");
-require("../context/ProjectTableModulesContext.cjs.js");
 var BorderPosition = /* @__PURE__ */ ((BorderPosition2) => {
   BorderPosition2[BorderPosition2["None"] = 0] = "None";
   BorderPosition2[BorderPosition2["Top"] = 1] = "Top";
@@ -67,7 +70,7 @@ const getBorderClasses = (borders) => {
   if (borders & 8) classes.push("shadow-left");
   return classes;
 };
-const getEntityDataById = (id, entitiesMap) => entitiesMap.get(ProjectTableContext.parseRowId(id));
+const getEntityDataById = (id, entitiesMap) => entitiesMap.get(ProjectTableProvider.parseRowId(id));
 exports.BorderPosition = BorderPosition;
 exports.getBorderClasses = getBorderClasses;
 exports.getCellBorders = getCellBorders;

package/dist/shared/src/containers/ProjectTreeTable/utils/cellUtils.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"cellUtils.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/utils/cellUtils.ts"],"sourcesContent":["/**\n * Shared cell utilities for table operations\n */\n\nimport { parseRowId } from '../context'\nimport { EMapResult, EntitiesMap } from '../types'\n\n// Type definitions for cell identifiers\nexport type CellId = string\nexport type RowId = string\nexport type ColId = string\n\n// Cell position in the grid\nexport interface CellPosition {\n  rowId: RowId\n  colId: ColId\n}\n\n// Cell border position flags - used for determining which borders to show\nexport enum BorderPosition {\n  None = 0,\n  Top = 1 << 0,\n  Right = 1 << 1,\n  Bottom = 1 << 2,\n  Left = 1 << 3,\n  All = Top | Right | Bottom | Left,\n}\n\n/**\n * Create a standardized cell ID from row and column IDs\n */\nexport const getCellId = (rowId: RowId, colId: ColId): CellId => `cell-${rowId}-${colId}`\n\n/**\n * Parse a cell ID to extract row and column IDs\n * @returns CellPosition or null if invalid format\n */\nexport const parseCellId = (cellId: CellId): CellPosition | null => {\n  const match = cellId.match(/^cell-(.+)-(.+)$/)\n  if (!match) return null\n  return { rowId: match[1], colId: match[2] }\n}\n\nexport const getCellValue = (obj: any, path: string): any => {\n  if (!obj || !path) return undefined\n\n  const parts = path.split('_')\n  let current = obj\n\n  for (const part of parts) {\n    if (current && typeof current === 'object' && part in current) {\n      current = current[part]\n    } else {\n      return undefined // Return undefined if any part of the path is invalid\n    }\n  }\n\n  return current\n}\n\n/**\n * Determines which borders to display for a selected cell\n * based on its position within the selection grid\n *\n * @param rowIndex Current cell's row index\n * @param colIndex Current cell's column index\n * @param selectedCells 2D array representing selection state (true = selected)\n * @returns BorderPosition flags indicating which borders to display\n */\nexport const getCellBorders = (\n  rowIndex: number,\n  colIndex: number,\n  selectedCells: boolean[][],\n): BorderPosition => {\n  if (!selectedCells[rowIndex]?.[colIndex]) {\n    return BorderPosition.None\n  }\n\n  let borders = BorderPosition.None\n\n  // Check top border\n  if (rowIndex === 0 || !selectedCells[rowIndex - 1]?.[colIndex]) {\n    borders |= BorderPosition.Top\n  }\n\n  // Check right border\n  if (!selectedCells[rowIndex]?.[colIndex + 1]) {\n    borders |= BorderPosition.Right\n  }\n\n  // Check bottom border\n  if (!selectedCells[rowIndex + 1]?.[colIndex]) {\n    borders |= BorderPosition.Bottom\n  }\n\n  // Check left border\n  if (colIndex === 0 || !selectedCells[rowIndex]?.[colIndex - 1]) {\n    borders |= BorderPosition.Left\n  }\n\n  return borders\n}\n\n/**\n * Converts border position flags to CSS classes for shadow styling\n */\nexport const getBorderClasses = (borders: BorderPosition): string[] => {\n  const classes: string[] = []\n\n  if (borders & BorderPosition.Top) classes.push('shadow-top')\n  if (borders & BorderPosition.Right) classes.push('shadow-right')\n  if (borders & BorderPosition.Bottom) classes.push('shadow-bottom')\n  if (borders & BorderPosition.Left) classes.push('shadow-left')\n\n  return classes\n}\n\n// get a entity from it's id\nexport const getEntityDataById = <T extends 'folder' | 'task' | 'product' | 'version'>(\n  id: string,\n  entitiesMap: EntitiesMap,\n) => entitiesMap.get(parseRowId(id)) as EMapResult<T> | undefined\n"],"names":["BorderPosition","parseRowId"],"mappings":";;;;;;;;;;;;;AAmBY,IAAA,mCAAAA,oBAAL;AACLA,kBAAAA,gBAAA,UAAO,CAAP,IAAA;AACAA,kBAAAA,gBAAA,SAAM,CAAN,IAAA;AACAA,kBAAAA,gBAAA,WAAQ,CAAR,IAAA;AACAA,kBAAAA,gBAAA,YAAS,CAAT,IAAA;AACAA,kBAAAA,gBAAA,UAAO,CAAP,IAAA;AACAA,kBAAAA,gBAAA,SAAM,EAAN,IAAA;AANUA,SAAAA;AAAA,GAAA,kBAAA,CAAA,CAAA;AAYL,MAAM,YAAY,CAAC,OAAc,UAAyB,QAAQ,KAAK,IAAI,KAAK;AAM1E,MAAA,cAAc,CAAC,WAAwC;AAC5D,QAAA,QAAQ,OAAO,MAAM,kBAAkB;AACzC,MAAA,CAAC,MAAc,QAAA;AACZ,SAAA,EAAE,OAAO,MAAM,CAAC,GAAG,OAAO,MAAM,CAAC,EAAE;AAC5C;AAEa,MAAA,eAAe,CAAC,KAAU,SAAsB;AAC3D,MAAI,CAAC,OAAO,CAAC,KAAa,QAAA;AAEpB,QAAA,QAAQ,KAAK,MAAM,GAAG;AAC5B,MAAI,UAAU;AAEd,aAAW,QAAQ,OAAO;AACxB,QAAI,WAAW,OAAO,YAAY,YAAY,QAAQ,SAAS;AAC7D,gBAAU,QAAQ,IAAI;AAAA,IAAA,OACjB;AACE,aAAA;AAAA,IAAA;AAAA,EACT;AAGK,SAAA;AACT;AAWO,MAAM,iBAAiB,CAC5B,UACA,UACA,kBACmB;;AACnB,MAAI,GAAC,mBAAc,QAAQ,MAAtB,mBAA0B,YAAW;AACjC,WAAA;AAAA,EAAA;AAGT,MAAI,UAAU;AAGV,MAAA,aAAa,KAAK,GAAC,mBAAc,WAAW,CAAC,MAA1B,mBAA8B,YAAW;AACnD,eAAA;AAAA,EAAA;AAIb,MAAI,GAAC,mBAAc,QAAQ,MAAtB,mBAA0B,WAAW,KAAI;AACjC,eAAA;AAAA,EAAA;AAIb,MAAI,GAAC,mBAAc,WAAW,CAAC,MAA1B,mBAA8B,YAAW;AACjC,eAAA;AAAA,EAAA;AAIT,MAAA,aAAa,KAAK,GAAC,mBAAc,QAAQ,MAAtB,mBAA0B,WAAW,KAAI;AACnD,eAAA;AAAA,EAAA;AAGN,SAAA;AACT;AAKa,MAAA,mBAAmB,CAAC,YAAsC;AACrE,QAAM,UAAoB,CAAC;AAE3B,MAAI,UAAU,EAA4B,SAAA,KAAK,YAAY;AAC3D,MAAI,UAAU,EAA8B,SAAA,KAAK,cAAc;AAC/D,MAAI,UAAU,EAA+B,SAAA,KAAK,eAAe;AACjE,MAAI,UAAU,EAA6B,SAAA,KAAK,aAAa;AAEtD,SAAA;AACT;AAGa,MAAA,oBAAoB,CAC/B,IACA,gBACG,YAAY,IAAIC,oBAAA,WAAW,EAAE,CAAC;;;;;;;;"}
+{"version":3,"file":"cellUtils.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/utils/cellUtils.ts"],"sourcesContent":["/**\n * Shared cell utilities for table operations\n */\n\nimport { parseRowId } from '../context'\nimport { EMapResult, EntitiesMap } from '../types'\n\n// Type definitions for cell identifiers\nexport type CellId = string\nexport type RowId = string\nexport type ColId = string\n\n// Cell position in the grid\nexport interface CellPosition {\n  rowId: RowId\n  colId: ColId\n}\n\n// Cell border position flags - used for determining which borders to show\nexport enum BorderPosition {\n  None = 0,\n  Top = 1 << 0,\n  Right = 1 << 1,\n  Bottom = 1 << 2,\n  Left = 1 << 3,\n  All = Top | Right | Bottom | Left,\n}\n\n/**\n * Create a standardized cell ID from row and column IDs\n */\nexport const getCellId = (rowId: RowId, colId: ColId): CellId => `cell-${rowId}-${colId}`\n\n/**\n * Parse a cell ID to extract row and column IDs\n * @returns CellPosition or null if invalid format\n */\nexport const parseCellId = (cellId: CellId): CellPosition | null => {\n  const match = cellId.match(/^cell-(.+)-(.+)$/)\n  if (!match) return null\n  return { rowId: match[1], colId: match[2] }\n}\n\nexport const getCellValue = (obj: any, path: string): any => {\n  if (!obj || !path) return undefined\n\n  const parts = path.split('_')\n  let current = obj\n\n  for (const part of parts) {\n    if (current && typeof current === 'object' && part in current) {\n      current = current[part]\n    } else {\n      return undefined // Return undefined if any part of the path is invalid\n    }\n  }\n\n  return current\n}\n\n/**\n * Determines which borders to display for a selected cell\n * based on its position within the selection grid\n *\n * @param rowIndex Current cell's row index\n * @param colIndex Current cell's column index\n * @param selectedCells 2D array representing selection state (true = selected)\n * @returns BorderPosition flags indicating which borders to display\n */\nexport const getCellBorders = (\n  rowIndex: number,\n  colIndex: number,\n  selectedCells: boolean[][],\n): BorderPosition => {\n  if (!selectedCells[rowIndex]?.[colIndex]) {\n    return BorderPosition.None\n  }\n\n  let borders = BorderPosition.None\n\n  // Check top border\n  if (rowIndex === 0 || !selectedCells[rowIndex - 1]?.[colIndex]) {\n    borders |= BorderPosition.Top\n  }\n\n  // Check right border\n  if (!selectedCells[rowIndex]?.[colIndex + 1]) {\n    borders |= BorderPosition.Right\n  }\n\n  // Check bottom border\n  if (!selectedCells[rowIndex + 1]?.[colIndex]) {\n    borders |= BorderPosition.Bottom\n  }\n\n  // Check left border\n  if (colIndex === 0 || !selectedCells[rowIndex]?.[colIndex - 1]) {\n    borders |= BorderPosition.Left\n  }\n\n  return borders\n}\n\n/**\n * Converts border position flags to CSS classes for shadow styling\n */\nexport const getBorderClasses = (borders: BorderPosition): string[] => {\n  const classes: string[] = []\n\n  if (borders & BorderPosition.Top) classes.push('shadow-top')\n  if (borders & BorderPosition.Right) classes.push('shadow-right')\n  if (borders & BorderPosition.Bottom) classes.push('shadow-bottom')\n  if (borders & BorderPosition.Left) classes.push('shadow-left')\n\n  return classes\n}\n\n// get a entity from it's id\nexport const getEntityDataById = <T extends 'folder' | 'task' | 'product' | 'version'>(\n  id: string,\n  entitiesMap: EntitiesMap,\n) => entitiesMap.get(parseRowId(id)) as EMapResult<T> | undefined\n"],"names":["BorderPosition","parseRowId"],"mappings":";;;;;;;;;;;;;;;;AAmBY,IAAA,mCAAAA,oBAAL;AACLA,kBAAAA,gBAAA,UAAO,CAAP,IAAA;AACAA,kBAAAA,gBAAA,SAAM,CAAN,IAAA;AACAA,kBAAAA,gBAAA,WAAQ,CAAR,IAAA;AACAA,kBAAAA,gBAAA,YAAS,CAAT,IAAA;AACAA,kBAAAA,gBAAA,UAAO,CAAP,IAAA;AACAA,kBAAAA,gBAAA,SAAM,EAAN,IAAA;AANUA,SAAAA;AAAA,GAAA,kBAAA,CAAA,CAAA;AAYL,MAAM,YAAY,CAAC,OAAc,UAAyB,QAAQ,KAAK,IAAI,KAAK;AAM1E,MAAA,cAAc,CAAC,WAAwC;AAC5D,QAAA,QAAQ,OAAO,MAAM,kBAAkB;AACzC,MAAA,CAAC,MAAc,QAAA;AACZ,SAAA,EAAE,OAAO,MAAM,CAAC,GAAG,OAAO,MAAM,CAAC,EAAE;AAC5C;AAEa,MAAA,eAAe,CAAC,KAAU,SAAsB;AAC3D,MAAI,CAAC,OAAO,CAAC,KAAa,QAAA;AAEpB,QAAA,QAAQ,KAAK,MAAM,GAAG;AAC5B,MAAI,UAAU;AAEd,aAAW,QAAQ,OAAO;AACxB,QAAI,WAAW,OAAO,YAAY,YAAY,QAAQ,SAAS;AAC7D,gBAAU,QAAQ,IAAI;AAAA,IAAA,OACjB;AACE,aAAA;AAAA,IAAA;AAAA,EACT;AAGK,SAAA;AACT;AAWO,MAAM,iBAAiB,CAC5B,UACA,UACA,kBACmB;;AACnB,MAAI,GAAC,mBAAc,QAAQ,MAAtB,mBAA0B,YAAW;AACjC,WAAA;AAAA,EAAA;AAGT,MAAI,UAAU;AAGV,MAAA,aAAa,KAAK,GAAC,mBAAc,WAAW,CAAC,MAA1B,mBAA8B,YAAW;AACnD,eAAA;AAAA,EAAA;AAIb,MAAI,GAAC,mBAAc,QAAQ,MAAtB,mBAA0B,WAAW,KAAI;AACjC,eAAA;AAAA,EAAA;AAIb,MAAI,GAAC,mBAAc,WAAW,CAAC,MAA1B,mBAA8B,YAAW;AACjC,eAAA;AAAA,EAAA;AAIT,MAAA,aAAa,KAAK,GAAC,mBAAc,QAAQ,MAAtB,mBAA0B,WAAW,KAAI;AACnD,eAAA;AAAA,EAAA;AAGN,SAAA;AACT;AAKa,MAAA,mBAAmB,CAAC,YAAsC;AACrE,QAAM,UAAoB,CAAC;AAE3B,MAAI,UAAU,EAA4B,SAAA,KAAK,YAAY;AAC3D,MAAI,UAAU,EAA8B,SAAA,KAAK,cAAc;AAC/D,MAAI,UAAU,EAA+B,SAAA,KAAK,eAAe;AACjE,MAAI,UAAU,EAA6B,SAAA,KAAK,aAAa;AAEtD,SAAA;AACT;AAGa,MAAA,oBAAoB,CAC/B,IACA,gBACG,YAAY,IAAIC,qBAAA,WAAW,EAAE,CAAC;;;;;;;;"}

package/dist/shared/src/containers/ProjectTreeTable/utils/cellUtils.es.js

@@ -1,14 +1,17 @@
 import "react-toastify";
 import "../context/CellEditingContext.es.js";
 import "../context/ClipboardContext.es.js";
+import "../../../../../_virtual/jsx-runtime.es.js";
+import "react";
+import "@tanstack/react-table";
+import "../context/SelectionCellsContext.es.js";
+import "../ProjectTreeTable.es.js";
 import "../context/ColumnSettingsContext.es.js";
-import { parseRowId } from "../context/ProjectTableContext.es.js";
+import "../context/ProjectTableContext.es.js";
+import { parseRowId } from "../context/ProjectTableProvider.es.js";
 import "../context/ProjectTableQueriesContext.es.js";
 import "../context/SelectedRowsContext.es.js";
-import "../context/SelectionCellsContext.es.js";
-import "../context/ProjectTableSelectionContext.es.js";
 import "../context/ProjectDataContext.es.js";
-import "../context/ProjectTableModulesContext.es.js";
 var BorderPosition = /* @__PURE__ */ ((BorderPosition2) => {
   BorderPosition2[BorderPosition2["None"] = 0] = "None";
   BorderPosition2[BorderPosition2["Top"] = 1] = "Top";

package/dist/shared/src/containers/ProjectTreeTable/utils/cellUtils.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"cellUtils.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/utils/cellUtils.ts"],"sourcesContent":["/**\n * Shared cell utilities for table operations\n */\n\nimport { parseRowId } from '../context'\nimport { EMapResult, EntitiesMap } from '../types'\n\n// Type definitions for cell identifiers\nexport type CellId = string\nexport type RowId = string\nexport type ColId = string\n\n// Cell position in the grid\nexport interface CellPosition {\n  rowId: RowId\n  colId: ColId\n}\n\n// Cell border position flags - used for determining which borders to show\nexport enum BorderPosition {\n  None = 0,\n  Top = 1 << 0,\n  Right = 1 << 1,\n  Bottom = 1 << 2,\n  Left = 1 << 3,\n  All = Top | Right | Bottom | Left,\n}\n\n/**\n * Create a standardized cell ID from row and column IDs\n */\nexport const getCellId = (rowId: RowId, colId: ColId): CellId => `cell-${rowId}-${colId}`\n\n/**\n * Parse a cell ID to extract row and column IDs\n * @returns CellPosition or null if invalid format\n */\nexport const parseCellId = (cellId: CellId): CellPosition | null => {\n  const match = cellId.match(/^cell-(.+)-(.+)$/)\n  if (!match) return null\n  return { rowId: match[1], colId: match[2] }\n}\n\nexport const getCellValue = (obj: any, path: string): any => {\n  if (!obj || !path) return undefined\n\n  const parts = path.split('_')\n  let current = obj\n\n  for (const part of parts) {\n    if (current && typeof current === 'object' && part in current) {\n      current = current[part]\n    } else {\n      return undefined // Return undefined if any part of the path is invalid\n    }\n  }\n\n  return current\n}\n\n/**\n * Determines which borders to display for a selected cell\n * based on its position within the selection grid\n *\n * @param rowIndex Current cell's row index\n * @param colIndex Current cell's column index\n * @param selectedCells 2D array representing selection state (true = selected)\n * @returns BorderPosition flags indicating which borders to display\n */\nexport const getCellBorders = (\n  rowIndex: number,\n  colIndex: number,\n  selectedCells: boolean[][],\n): BorderPosition => {\n  if (!selectedCells[rowIndex]?.[colIndex]) {\n    return BorderPosition.None\n  }\n\n  let borders = BorderPosition.None\n\n  // Check top border\n  if (rowIndex === 0 || !selectedCells[rowIndex - 1]?.[colIndex]) {\n    borders |= BorderPosition.Top\n  }\n\n  // Check right border\n  if (!selectedCells[rowIndex]?.[colIndex + 1]) {\n    borders |= BorderPosition.Right\n  }\n\n  // Check bottom border\n  if (!selectedCells[rowIndex + 1]?.[colIndex]) {\n    borders |= BorderPosition.Bottom\n  }\n\n  // Check left border\n  if (colIndex === 0 || !selectedCells[rowIndex]?.[colIndex - 1]) {\n    borders |= BorderPosition.Left\n  }\n\n  return borders\n}\n\n/**\n * Converts border position flags to CSS classes for shadow styling\n */\nexport const getBorderClasses = (borders: BorderPosition): string[] => {\n  const classes: string[] = []\n\n  if (borders & BorderPosition.Top) classes.push('shadow-top')\n  if (borders & BorderPosition.Right) classes.push('shadow-right')\n  if (borders & BorderPosition.Bottom) classes.push('shadow-bottom')\n  if (borders & BorderPosition.Left) classes.push('shadow-left')\n\n  return classes\n}\n\n// get a entity from it's id\nexport const getEntityDataById = <T extends 'folder' | 'task' | 'product' | 'version'>(\n  id: string,\n  entitiesMap: EntitiesMap,\n) => entitiesMap.get(parseRowId(id)) as EMapResult<T> | undefined\n"],"names":["BorderPosition"],"mappings":";;;;;;;;;;;AAmBY,IAAA,mCAAAA,oBAAL;AACLA,kBAAAA,gBAAA,UAAO,CAAP,IAAA;AACAA,kBAAAA,gBAAA,SAAM,CAAN,IAAA;AACAA,kBAAAA,gBAAA,WAAQ,CAAR,IAAA;AACAA,kBAAAA,gBAAA,YAAS,CAAT,IAAA;AACAA,kBAAAA,gBAAA,UAAO,CAAP,IAAA;AACAA,kBAAAA,gBAAA,SAAM,EAAN,IAAA;AANUA,SAAAA;AAAA,GAAA,kBAAA,CAAA,CAAA;AAYL,MAAM,YAAY,CAAC,OAAc,UAAyB,QAAQ,KAAK,IAAI,KAAK;AAM1E,MAAA,cAAc,CAAC,WAAwC;AAC5D,QAAA,QAAQ,OAAO,MAAM,kBAAkB;AACzC,MAAA,CAAC,MAAc,QAAA;AACZ,SAAA,EAAE,OAAO,MAAM,CAAC,GAAG,OAAO,MAAM,CAAC,EAAE;AAC5C;AAEa,MAAA,eAAe,CAAC,KAAU,SAAsB;AAC3D,MAAI,CAAC,OAAO,CAAC,KAAa,QAAA;AAEpB,QAAA,QAAQ,KAAK,MAAM,GAAG;AAC5B,MAAI,UAAU;AAEd,aAAW,QAAQ,OAAO;AACxB,QAAI,WAAW,OAAO,YAAY,YAAY,QAAQ,SAAS;AAC7D,gBAAU,QAAQ,IAAI;AAAA,IAAA,OACjB;AACE,aAAA;AAAA,IAAA;AAAA,EACT;AAGK,SAAA;AACT;AAWO,MAAM,iBAAiB,CAC5B,UACA,UACA,kBACmB;;AACnB,MAAI,GAAC,mBAAc,QAAQ,MAAtB,mBAA0B,YAAW;AACjC,WAAA;AAAA,EAAA;AAGT,MAAI,UAAU;AAGV,MAAA,aAAa,KAAK,GAAC,mBAAc,WAAW,CAAC,MAA1B,mBAA8B,YAAW;AACnD,eAAA;AAAA,EAAA;AAIb,MAAI,GAAC,mBAAc,QAAQ,MAAtB,mBAA0B,WAAW,KAAI;AACjC,eAAA;AAAA,EAAA;AAIb,MAAI,GAAC,mBAAc,WAAW,CAAC,MAA1B,mBAA8B,YAAW;AACjC,eAAA;AAAA,EAAA;AAIT,MAAA,aAAa,KAAK,GAAC,mBAAc,QAAQ,MAAtB,mBAA0B,WAAW,KAAI;AACnD,eAAA;AAAA,EAAA;AAGN,SAAA;AACT;AAKa,MAAA,mBAAmB,CAAC,YAAsC;AACrE,QAAM,UAAoB,CAAC;AAE3B,MAAI,UAAU,EAA4B,SAAA,KAAK,YAAY;AAC3D,MAAI,UAAU,EAA8B,SAAA,KAAK,cAAc;AAC/D,MAAI,UAAU,EAA+B,SAAA,KAAK,eAAe;AACjE,MAAI,UAAU,EAA6B,SAAA,KAAK,aAAa;AAEtD,SAAA;AACT;AAGa,MAAA,oBAAoB,CAC/B,IACA,gBACG,YAAY,IAAI,WAAW,EAAE,CAAC;"}
+{"version":3,"file":"cellUtils.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/utils/cellUtils.ts"],"sourcesContent":["/**\n * Shared cell utilities for table operations\n */\n\nimport { parseRowId } from '../context'\nimport { EMapResult, EntitiesMap } from '../types'\n\n// Type definitions for cell identifiers\nexport type CellId = string\nexport type RowId = string\nexport type ColId = string\n\n// Cell position in the grid\nexport interface CellPosition {\n  rowId: RowId\n  colId: ColId\n}\n\n// Cell border position flags - used for determining which borders to show\nexport enum BorderPosition {\n  None = 0,\n  Top = 1 << 0,\n  Right = 1 << 1,\n  Bottom = 1 << 2,\n  Left = 1 << 3,\n  All = Top | Right | Bottom | Left,\n}\n\n/**\n * Create a standardized cell ID from row and column IDs\n */\nexport const getCellId = (rowId: RowId, colId: ColId): CellId => `cell-${rowId}-${colId}`\n\n/**\n * Parse a cell ID to extract row and column IDs\n * @returns CellPosition or null if invalid format\n */\nexport const parseCellId = (cellId: CellId): CellPosition | null => {\n  const match = cellId.match(/^cell-(.+)-(.+)$/)\n  if (!match) return null\n  return { rowId: match[1], colId: match[2] }\n}\n\nexport const getCellValue = (obj: any, path: string): any => {\n  if (!obj || !path) return undefined\n\n  const parts = path.split('_')\n  let current = obj\n\n  for (const part of parts) {\n    if (current && typeof current === 'object' && part in current) {\n      current = current[part]\n    } else {\n      return undefined // Return undefined if any part of the path is invalid\n    }\n  }\n\n  return current\n}\n\n/**\n * Determines which borders to display for a selected cell\n * based on its position within the selection grid\n *\n * @param rowIndex Current cell's row index\n * @param colIndex Current cell's column index\n * @param selectedCells 2D array representing selection state (true = selected)\n * @returns BorderPosition flags indicating which borders to display\n */\nexport const getCellBorders = (\n  rowIndex: number,\n  colIndex: number,\n  selectedCells: boolean[][],\n): BorderPosition => {\n  if (!selectedCells[rowIndex]?.[colIndex]) {\n    return BorderPosition.None\n  }\n\n  let borders = BorderPosition.None\n\n  // Check top border\n  if (rowIndex === 0 || !selectedCells[rowIndex - 1]?.[colIndex]) {\n    borders |= BorderPosition.Top\n  }\n\n  // Check right border\n  if (!selectedCells[rowIndex]?.[colIndex + 1]) {\n    borders |= BorderPosition.Right\n  }\n\n  // Check bottom border\n  if (!selectedCells[rowIndex + 1]?.[colIndex]) {\n    borders |= BorderPosition.Bottom\n  }\n\n  // Check left border\n  if (colIndex === 0 || !selectedCells[rowIndex]?.[colIndex - 1]) {\n    borders |= BorderPosition.Left\n  }\n\n  return borders\n}\n\n/**\n * Converts border position flags to CSS classes for shadow styling\n */\nexport const getBorderClasses = (borders: BorderPosition): string[] => {\n  const classes: string[] = []\n\n  if (borders & BorderPosition.Top) classes.push('shadow-top')\n  if (borders & BorderPosition.Right) classes.push('shadow-right')\n  if (borders & BorderPosition.Bottom) classes.push('shadow-bottom')\n  if (borders & BorderPosition.Left) classes.push('shadow-left')\n\n  return classes\n}\n\n// get a entity from it's id\nexport const getEntityDataById = <T extends 'folder' | 'task' | 'product' | 'version'>(\n  id: string,\n  entitiesMap: EntitiesMap,\n) => entitiesMap.get(parseRowId(id)) as EMapResult<T> | undefined\n"],"names":["BorderPosition"],"mappings":";;;;;;;;;;;;;;AAmBY,IAAA,mCAAAA,oBAAL;AACLA,kBAAAA,gBAAA,UAAO,CAAP,IAAA;AACAA,kBAAAA,gBAAA,SAAM,CAAN,IAAA;AACAA,kBAAAA,gBAAA,WAAQ,CAAR,IAAA;AACAA,kBAAAA,gBAAA,YAAS,CAAT,IAAA;AACAA,kBAAAA,gBAAA,UAAO,CAAP,IAAA;AACAA,kBAAAA,gBAAA,SAAM,EAAN,IAAA;AANUA,SAAAA;AAAA,GAAA,kBAAA,CAAA,CAAA;AAYL,MAAM,YAAY,CAAC,OAAc,UAAyB,QAAQ,KAAK,IAAI,KAAK;AAM1E,MAAA,cAAc,CAAC,WAAwC;AAC5D,QAAA,QAAQ,OAAO,MAAM,kBAAkB;AACzC,MAAA,CAAC,MAAc,QAAA;AACZ,SAAA,EAAE,OAAO,MAAM,CAAC,GAAG,OAAO,MAAM,CAAC,EAAE;AAC5C;AAEa,MAAA,eAAe,CAAC,KAAU,SAAsB;AAC3D,MAAI,CAAC,OAAO,CAAC,KAAa,QAAA;AAEpB,QAAA,QAAQ,KAAK,MAAM,GAAG;AAC5B,MAAI,UAAU;AAEd,aAAW,QAAQ,OAAO;AACxB,QAAI,WAAW,OAAO,YAAY,YAAY,QAAQ,SAAS;AAC7D,gBAAU,QAAQ,IAAI;AAAA,IAAA,OACjB;AACE,aAAA;AAAA,IAAA;AAAA,EACT;AAGK,SAAA;AACT;AAWO,MAAM,iBAAiB,CAC5B,UACA,UACA,kBACmB;;AACnB,MAAI,GAAC,mBAAc,QAAQ,MAAtB,mBAA0B,YAAW;AACjC,WAAA;AAAA,EAAA;AAGT,MAAI,UAAU;AAGV,MAAA,aAAa,KAAK,GAAC,mBAAc,WAAW,CAAC,MAA1B,mBAA8B,YAAW;AACnD,eAAA;AAAA,EAAA;AAIb,MAAI,GAAC,mBAAc,QAAQ,MAAtB,mBAA0B,WAAW,KAAI;AACjC,eAAA;AAAA,EAAA;AAIb,MAAI,GAAC,mBAAc,WAAW,CAAC,MAA1B,mBAA8B,YAAW;AACjC,eAAA;AAAA,EAAA;AAIT,MAAA,aAAa,KAAK,GAAC,mBAAc,QAAQ,MAAtB,mBAA0B,WAAW,KAAI;AACnD,eAAA;AAAA,EAAA;AAGN,SAAA;AACT;AAKa,MAAA,mBAAmB,CAAC,YAAsC;AACrE,QAAM,UAAoB,CAAC;AAE3B,MAAI,UAAU,EAA4B,SAAA,KAAK,YAAY;AAC3D,MAAI,UAAU,EAA8B,SAAA,KAAK,cAAc;AAC/D,MAAI,UAAU,EAA+B,SAAA,KAAK,eAAe;AACjE,MAAI,UAAU,EAA6B,SAAA,KAAK,aAAa;AAEtD,SAAA;AACT;AAGa,MAAA,oBAAoB,CAC/B,IACA,gBACG,YAAY,IAAI,WAAW,EAAE,CAAC;"}

package/dist/shared/src/containers/ProjectTreeTable/utils/getTableFieldOptions.cjs.js

@@ -9,14 +9,15 @@ const getTableFieldOptions = ({
   statuses,
   folderTypes,
   taskTypes,
-  tags
+  tags,
+  scopes
 }) => ({
   assignee: users.map(({ name, fullName }) => ({
     value: name,
     label: fullName || name,
     icon: `/api/users/${name}/avatar`
   })),
-  status: statuses.filter((status) => !status.scope || ["folder", "task"].some((s) => {
+  status: statuses.filter((status) => !status.scope || scopes.some((s) => {
     var _a;
     return (_a = status.scope) == null ? void 0 : _a.includes(s);
   })).map(({ name, color, icon, scope }) => ({

package/dist/shared/src/containers/ProjectTreeTable/utils/getTableFieldOptions.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"getTableFieldOptions.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/utils/getTableFieldOptions.ts"],"sourcesContent":["import { productTypes } from '@shared/util'\nimport { BuiltInFieldOptions } from '../types'\nimport { FolderType, Status, Tag, TaskType } from '../types/project'\n\ntype Params = {\n  users: {\n    name: string\n    fullName?: string\n  }[]\n  statuses: Status[]\n  folderTypes: FolderType[]\n  taskTypes: TaskType[]\n  tags: Tag[]\n}\n\nexport const getTableFieldOptions = ({\n  users,\n  statuses,\n  folderTypes,\n  taskTypes,\n  tags,\n}: Params): BuiltInFieldOptions => ({\n  assignee: users.map(({ name, fullName }) => ({\n    value: name,\n    label: fullName || name,\n    icon: `/api/users/${name}/avatar`,\n  })),\n  status: statuses\n    .filter((status) => !status.scope || ['folder', 'task'].some((s) => status.scope?.includes(s)))\n    .map(({ name, color, icon, scope }) => ({\n      value: name,\n      label: name,\n      color,\n      icon,\n      scope,\n    })),\n  tag: tags.map(({ name, color }) => ({ value: name, label: name, color })),\n  folderType: folderTypes.map(({ name, icon }) => ({ value: name, label: name, icon })),\n  taskType: taskTypes.map(({ name, icon }) => ({ value: name, label: name, icon })),\n  productType: Object.entries(productTypes).map(([key, value]) => ({\n    value: key,\n    label: value.name,\n    icon: value.icon,\n  })),\n})\n"],"names":[],"mappings":";;;;;;AAeO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,OAAoC;AAAA,EAClC,UAAU,MAAM,IAAI,CAAC,EAAE,MAAM,gBAAgB;AAAA,IAC3C,OAAO;AAAA,IACP,OAAO,YAAY;AAAA,IACnB,MAAM,cAAc,IAAI;AAAA,EAAA,EACxB;AAAA,EACF,QAAQ,SACL,OAAO,CAAC,WAAW,CAAC,OAAO,SAAS,CAAC,UAAU,MAAM,EAAE,KAAK,CAAC;;AAAM,wBAAO,UAAP,mBAAc,SAAS;AAAA,GAAE,CAAC,EAC7F,IAAI,CAAC,EAAE,MAAM,OAAO,MAAM,aAAa;AAAA,IACtC,OAAO;AAAA,IACP,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA;AAAA,EACJ,KAAK,KAAK,IAAI,CAAC,EAAE,MAAM,MAAA,OAAa,EAAE,OAAO,MAAM,OAAO,MAAM,MAAQ,EAAA;AAAA,EACxE,YAAY,YAAY,IAAI,CAAC,EAAE,MAAM,KAAA,OAAY,EAAE,OAAO,MAAM,OAAO,MAAM,KAAO,EAAA;AAAA,EACpF,UAAU,UAAU,IAAI,CAAC,EAAE,MAAM,KAAA,OAAY,EAAE,OAAO,MAAM,OAAO,MAAM,KAAO,EAAA;AAAA,EAChF,aAAa,OAAO,QAAQ,YAAY,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,OAAO;AAAA,IAC/D,OAAO;AAAA,IACP,OAAO,MAAM;AAAA,IACb,MAAM,MAAM;AAAA,EAAA,EACZ;AACJ;;"}
+{"version":3,"file":"getTableFieldOptions.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/utils/getTableFieldOptions.ts"],"sourcesContent":["import { productTypes } from '@shared/util'\nimport { BuiltInFieldOptions } from '../types'\nimport { FolderType, Status, Tag, TaskType } from '../types/project'\n\ntype Params = {\n  users: {\n    name: string\n    fullName?: string\n  }[]\n  statuses: Status[]\n  folderTypes: FolderType[]\n  taskTypes: TaskType[]\n  tags: Tag[]\n  scopes: string[]\n}\n\nexport const getTableFieldOptions = ({\n  users,\n  statuses,\n  folderTypes,\n  taskTypes,\n  tags,\n  scopes,\n}: Params): BuiltInFieldOptions => ({\n  assignee: users.map(({ name, fullName }) => ({\n    value: name,\n    label: fullName || name,\n    icon: `/api/users/${name}/avatar`,\n  })),\n  status: statuses\n    .filter((status) => !status.scope || scopes.some((s) => status.scope?.includes(s)))\n    .map(({ name, color, icon, scope }) => ({\n      value: name,\n      label: name,\n      color,\n      icon,\n      scope,\n    })),\n  tag: tags.map(({ name, color }) => ({ value: name, label: name, color })),\n  folderType: folderTypes.map(({ name, icon }) => ({ value: name, label: name, icon })),\n  taskType: taskTypes.map(({ name, icon }) => ({ value: name, label: name, icon })),\n  productType: Object.entries(productTypes).map(([key, value]) => ({\n    value: key,\n    label: value.name,\n    icon: value.icon,\n  })),\n})\n"],"names":[],"mappings":";;;;;;AAgBO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,OAAoC;AAAA,EAClC,UAAU,MAAM,IAAI,CAAC,EAAE,MAAM,gBAAgB;AAAA,IAC3C,OAAO;AAAA,IACP,OAAO,YAAY;AAAA,IACnB,MAAM,cAAc,IAAI;AAAA,EAAA,EACxB;AAAA,EACF,QAAQ,SACL,OAAO,CAAC,WAAW,CAAC,OAAO,SAAS,OAAO,KAAK,CAAC,MAAM;;AAAA,wBAAO,UAAP,mBAAc,SAAS;AAAA,GAAE,CAAC,EACjF,IAAI,CAAC,EAAE,MAAM,OAAO,MAAM,aAAa;AAAA,IACtC,OAAO;AAAA,IACP,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA;AAAA,EACJ,KAAK,KAAK,IAAI,CAAC,EAAE,MAAM,MAAA,OAAa,EAAE,OAAO,MAAM,OAAO,MAAM,MAAQ,EAAA;AAAA,EACxE,YAAY,YAAY,IAAI,CAAC,EAAE,MAAM,KAAA,OAAY,EAAE,OAAO,MAAM,OAAO,MAAM,KAAO,EAAA;AAAA,EACpF,UAAU,UAAU,IAAI,CAAC,EAAE,MAAM,KAAA,OAAY,EAAE,OAAO,MAAM,OAAO,MAAM,KAAO,EAAA;AAAA,EAChF,aAAa,OAAO,QAAQ,YAAY,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,OAAO;AAAA,IAC/D,OAAO;AAAA,IACP,OAAO,MAAM;AAAA,IACb,MAAM,MAAM;AAAA,EAAA,EACZ;AACJ;;"}

package/dist/shared/src/containers/ProjectTreeTable/utils/getTableFieldOptions.es.js

@@ -7,14 +7,15 @@ const getTableFieldOptions = ({
   statuses,
   folderTypes,
   taskTypes,
-  tags
+  tags,
+  scopes
 }) => ({
   assignee: users.map(({ name, fullName }) => ({
     value: name,
     label: fullName || name,
     icon: `/api/users/${name}/avatar`
   })),
-  status: statuses.filter((status) => !status.scope || ["folder", "task"].some((s) => {
+  status: statuses.filter((status) => !status.scope || scopes.some((s) => {
     var _a;
     return (_a = status.scope) == null ? void 0 : _a.includes(s);
   })).map(({ name, color, icon, scope }) => ({

package/dist/shared/src/containers/ProjectTreeTable/utils/getTableFieldOptions.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"getTableFieldOptions.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/utils/getTableFieldOptions.ts"],"sourcesContent":["import { productTypes } from '@shared/util'\nimport { BuiltInFieldOptions } from '../types'\nimport { FolderType, Status, Tag, TaskType } from '../types/project'\n\ntype Params = {\n  users: {\n    name: string\n    fullName?: string\n  }[]\n  statuses: Status[]\n  folderTypes: FolderType[]\n  taskTypes: TaskType[]\n  tags: Tag[]\n}\n\nexport const getTableFieldOptions = ({\n  users,\n  statuses,\n  folderTypes,\n  taskTypes,\n  tags,\n}: Params): BuiltInFieldOptions => ({\n  assignee: users.map(({ name, fullName }) => ({\n    value: name,\n    label: fullName || name,\n    icon: `/api/users/${name}/avatar`,\n  })),\n  status: statuses\n    .filter((status) => !status.scope || ['folder', 'task'].some((s) => status.scope?.includes(s)))\n    .map(({ name, color, icon, scope }) => ({\n      value: name,\n      label: name,\n      color,\n      icon,\n      scope,\n    })),\n  tag: tags.map(({ name, color }) => ({ value: name, label: name, color })),\n  folderType: folderTypes.map(({ name, icon }) => ({ value: name, label: name, icon })),\n  taskType: taskTypes.map(({ name, icon }) => ({ value: name, label: name, icon })),\n  productType: Object.entries(productTypes).map(([key, value]) => ({\n    value: key,\n    label: value.name,\n    icon: value.icon,\n  })),\n})\n"],"names":[],"mappings":";;;;AAeO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,OAAoC;AAAA,EAClC,UAAU,MAAM,IAAI,CAAC,EAAE,MAAM,gBAAgB;AAAA,IAC3C,OAAO;AAAA,IACP,OAAO,YAAY;AAAA,IACnB,MAAM,cAAc,IAAI;AAAA,EAAA,EACxB;AAAA,EACF,QAAQ,SACL,OAAO,CAAC,WAAW,CAAC,OAAO,SAAS,CAAC,UAAU,MAAM,EAAE,KAAK,CAAC;;AAAM,wBAAO,UAAP,mBAAc,SAAS;AAAA,GAAE,CAAC,EAC7F,IAAI,CAAC,EAAE,MAAM,OAAO,MAAM,aAAa;AAAA,IACtC,OAAO;AAAA,IACP,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA;AAAA,EACJ,KAAK,KAAK,IAAI,CAAC,EAAE,MAAM,MAAA,OAAa,EAAE,OAAO,MAAM,OAAO,MAAM,MAAQ,EAAA;AAAA,EACxE,YAAY,YAAY,IAAI,CAAC,EAAE,MAAM,KAAA,OAAY,EAAE,OAAO,MAAM,OAAO,MAAM,KAAO,EAAA;AAAA,EACpF,UAAU,UAAU,IAAI,CAAC,EAAE,MAAM,KAAA,OAAY,EAAE,OAAO,MAAM,OAAO,MAAM,KAAO,EAAA;AAAA,EAChF,aAAa,OAAO,QAAQ,YAAY,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,OAAO;AAAA,IAC/D,OAAO;AAAA,IACP,OAAO,MAAM;AAAA,IACb,MAAM,MAAM;AAAA,EAAA,EACZ;AACJ;"}
+{"version":3,"file":"getTableFieldOptions.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/utils/getTableFieldOptions.ts"],"sourcesContent":["import { productTypes } from '@shared/util'\nimport { BuiltInFieldOptions } from '../types'\nimport { FolderType, Status, Tag, TaskType } from '../types/project'\n\ntype Params = {\n  users: {\n    name: string\n    fullName?: string\n  }[]\n  statuses: Status[]\n  folderTypes: FolderType[]\n  taskTypes: TaskType[]\n  tags: Tag[]\n  scopes: string[]\n}\n\nexport const getTableFieldOptions = ({\n  users,\n  statuses,\n  folderTypes,\n  taskTypes,\n  tags,\n  scopes,\n}: Params): BuiltInFieldOptions => ({\n  assignee: users.map(({ name, fullName }) => ({\n    value: name,\n    label: fullName || name,\n    icon: `/api/users/${name}/avatar`,\n  })),\n  status: statuses\n    .filter((status) => !status.scope || scopes.some((s) => status.scope?.includes(s)))\n    .map(({ name, color, icon, scope }) => ({\n      value: name,\n      label: name,\n      color,\n      icon,\n      scope,\n    })),\n  tag: tags.map(({ name, color }) => ({ value: name, label: name, color })),\n  folderType: folderTypes.map(({ name, icon }) => ({ value: name, label: name, icon })),\n  taskType: taskTypes.map(({ name, icon }) => ({ value: name, label: name, icon })),\n  productType: Object.entries(productTypes).map(([key, value]) => ({\n    value: key,\n    label: value.name,\n    icon: value.icon,\n  })),\n})\n"],"names":[],"mappings":";;;;AAgBO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,OAAoC;AAAA,EAClC,UAAU,MAAM,IAAI,CAAC,EAAE,MAAM,gBAAgB;AAAA,IAC3C,OAAO;AAAA,IACP,OAAO,YAAY;AAAA,IACnB,MAAM,cAAc,IAAI;AAAA,EAAA,EACxB;AAAA,EACF,QAAQ,SACL,OAAO,CAAC,WAAW,CAAC,OAAO,SAAS,OAAO,KAAK,CAAC,MAAM;;AAAA,wBAAO,UAAP,mBAAc,SAAS;AAAA,GAAE,CAAC,EACjF,IAAI,CAAC,EAAE,MAAM,OAAO,MAAM,aAAa;AAAA,IACtC,OAAO;AAAA,IACP,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA;AAAA,EACJ,KAAK,KAAK,IAAI,CAAC,EAAE,MAAM,MAAA,OAAa,EAAE,OAAO,MAAM,OAAO,MAAM,MAAQ,EAAA;AAAA,EACxE,YAAY,YAAY,IAAI,CAAC,EAAE,MAAM,KAAA,OAAY,EAAE,OAAO,MAAM,OAAO,MAAM,KAAO,EAAA;AAAA,EACpF,UAAU,UAAU,IAAI,CAAC,EAAE,MAAM,KAAA,OAAY,EAAE,OAAO,MAAM,OAAO,MAAM,KAAO,EAAA;AAAA,EAChF,aAAa,OAAO,QAAQ,YAAY,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,OAAO;AAAA,IAC/D,OAAO;AAAA,IACP,OAAO,MAAM;AAAA,IACb,MAAM,MAAM;AAAA,EAAA,EACZ;AACJ;"}

package/dist/shared/src/containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js

@@ -4,7 +4,7 @@ const jsxRuntime = require("../../../../../_virtual/jsx-runtime.cjs.js");
 const ayonReactComponents = require("@ynput/ayon-react-components");
 const styled = require("styled-components");
 const Expander = styled(ayonReactComponents.Button)`
-  background-color: unset;
+  background-color: unset !important;
   padding: 2px !important;
   cursor: pointer;
 `;

package/dist/shared/src/containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityNameWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/EntityNameWidget.tsx"],"sourcesContent":["import { Button, Icon, theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nconst Expander = styled(Button)`\n  background-color: unset;\n  padding: 2px !important;\n  cursor: pointer;\n`\n\nconst StyledEntityNameWidget = styled.div`\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  height: 100%;\n  width: 100%;\n  padding-right: 8px;\n`\n\nconst StyledContentWrapper = styled.div`\n  width: 100%;\n  height: 24px;\n  overflow: hidden;\n  position: relative;\n`\n\nconst StyledContentAbsolute = styled.div`\n  position: absolute;\n  inset: 0;\n`\n\nconst StyledContent = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-large);\n  padding: 2px 4px;\n  border-radius: var(--border-radius-m);\n  cursor: pointer;\n  overflow: hidden;\n  width: fit-content;\n  max-width: 100%;\n  height: 100%;\n\n  /* &:hover {\n    &,\n    .icon,\n    .path {\n      color: var(--md-sys-color-primary);\n    }\n  } */\n`\n\nconst StyledTextContent = styled.div`\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n\n  .path {\n    ${theme.labelSmall}\n    margin-bottom: -4px;\n    color: var(--md-sys-color-outline);\n  }\n\n  span {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n`\n\ntype EntityNameWidgetProps = {\n  id: string\n  label: string\n  name: string\n  path?: string | null\n  showHierarchy?: boolean\n  icon?: string | null\n  type: string\n  isExpanded: boolean\n  toggleExpandAll: (id: string) => void\n  toggleExpanded: () => void\n}\n\nexport const EntityNameWidget = ({\n  id,\n  label,\n  name,\n  path,\n  showHierarchy,\n  icon,\n  type,\n  isExpanded,\n  toggleExpandAll,\n  toggleExpanded,\n}: EntityNameWidgetProps) => {\n  return (\n    <StyledEntityNameWidget>\n      {showHierarchy ? (\n        type === 'folder' ? (\n          <Expander\n            onClick={(e) => {\n              e.stopPropagation()\n              if (e.altKey) {\n                // expand/collapse all children\n                toggleExpandAll(id)\n              } else {\n                // use built-in toggleExpanded function\n                toggleExpanded()\n              }\n            }}\n            className=\"expander\"\n            icon={isExpanded ? 'expand_more' : 'chevron_right'}\n          />\n        ) : (\n          <div style={{ display: 'inline-block', minWidth: 24 }} />\n        )\n      ) : null}\n      <StyledContentWrapper style={{ height: path ? 32 : 24 }}>\n        <StyledContentAbsolute>\n          <StyledContent>\n            {icon && <Icon icon={icon} />}\n            <StyledTextContent>\n              {path && <span className=\"path\">{path}</span>}\n              <span className=\"label\">{label || name}</span>\n            </StyledTextContent>\n          </StyledContent>\n        </StyledContentAbsolute>\n      </StyledContentWrapper>\n    </StyledEntityNameWidget>\n  )\n}\n"],"names":["Button","theme","jsx","jsxs","Icon"],"mappings":";;;;;AAGA,MAAM,WAAW,OAAOA,0BAAM;AAAA;AAAA;AAAA;AAAA;AAM9B,MAAM,yBAAyB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUtC,MAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOpC,MAAM,wBAAwB,OAAO;AAAA;AAAA;AAAA;AAKrC,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqB7B,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAM3BC,0BAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBf,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA6B;AAC3B,2DACG,wBACE,EAAA,UAAA;AAAA,IAAA,gBACC,SAAS,WACPC,2BAAA,kBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AAClB,cAAI,EAAE,QAAQ;AAEZ,4BAAgB,EAAE;AAAA,UAAA,OACb;AAEU,2BAAA;AAAA,UAAA;AAAA,QAEnB;AAAA,QACA,WAAU;AAAA,QACV,MAAM,aAAa,gBAAgB;AAAA,MAAA;AAAA,IACrC,IAECA,iDAAA,OAAA,EAAI,OAAO,EAAE,SAAS,gBAAgB,UAAU,KAAM,CAAA,IAEvD;AAAA,IACHA,2BAAA,kBAAA,IAAA,sBAAA,EAAqB,OAAO,EAAE,QAAQ,OAAO,KAAK,GAAA,GACjD,UAAAA,2BAAAA,kBAAAA,IAAC,uBACC,EAAA,UAAAC,2BAAAA,kBAAAA,KAAC,eACE,EAAA,UAAA;AAAA,MAAQ,QAAAD,2BAAA,kBAAA,IAACE,4BAAK,KAAY,CAAA;AAAA,wDAC1B,mBACE,EAAA,UAAA;AAAA,QAAA,QAASF,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,QAAQ,UAAK,MAAA;AAAA,QACrCA,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,SAAS,mBAAS,KAAK,CAAA;AAAA,MAAA,EACzC,CAAA;AAAA,IAAA,EACF,CAAA,EACF,CAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;;"}
+{"version":3,"file":"EntityNameWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/EntityNameWidget.tsx"],"sourcesContent":["import { Button, Icon, theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nconst Expander = styled(Button)`\n  background-color: unset !important;\n  padding: 2px !important;\n  cursor: pointer;\n`\n\nconst StyledEntityNameWidget = styled.div`\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  height: 100%;\n  width: 100%;\n  padding-right: 8px;\n`\n\nconst StyledContentWrapper = styled.div`\n  width: 100%;\n  height: 24px;\n  overflow: hidden;\n  position: relative;\n`\n\nconst StyledContentAbsolute = styled.div`\n  position: absolute;\n  inset: 0;\n`\n\nconst StyledContent = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-large);\n  padding: 2px 4px;\n  border-radius: var(--border-radius-m);\n  cursor: pointer;\n  overflow: hidden;\n  width: fit-content;\n  max-width: 100%;\n  height: 100%;\n\n  /* &:hover {\n    &,\n    .icon,\n    .path {\n      color: var(--md-sys-color-primary);\n    }\n  } */\n`\n\nconst StyledTextContent = styled.div`\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n\n  .path {\n    ${theme.labelSmall}\n    margin-bottom: -4px;\n    color: var(--md-sys-color-outline);\n  }\n\n  span {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n`\n\ntype EntityNameWidgetProps = {\n  id: string\n  label: string\n  name: string\n  path?: string | null\n  showHierarchy?: boolean\n  icon?: string | null\n  type: string\n  isExpanded: boolean\n  toggleExpandAll: (id: string) => void\n  toggleExpanded: () => void\n}\n\nexport const EntityNameWidget = ({\n  id,\n  label,\n  name,\n  path,\n  showHierarchy,\n  icon,\n  type,\n  isExpanded,\n  toggleExpandAll,\n  toggleExpanded,\n}: EntityNameWidgetProps) => {\n  return (\n    <StyledEntityNameWidget>\n      {showHierarchy ? (\n        type === 'folder' ? (\n          <Expander\n            onClick={(e) => {\n              e.stopPropagation()\n              if (e.altKey) {\n                // expand/collapse all children\n                toggleExpandAll(id)\n              } else {\n                // use built-in toggleExpanded function\n                toggleExpanded()\n              }\n            }}\n            className=\"expander\"\n            icon={isExpanded ? 'expand_more' : 'chevron_right'}\n          />\n        ) : (\n          <div style={{ display: 'inline-block', minWidth: 24 }} />\n        )\n      ) : null}\n      <StyledContentWrapper style={{ height: path ? 32 : 24 }}>\n        <StyledContentAbsolute>\n          <StyledContent>\n            {icon && <Icon icon={icon} />}\n            <StyledTextContent>\n              {path && <span className=\"path\">{path}</span>}\n              <span className=\"label\">{label || name}</span>\n            </StyledTextContent>\n          </StyledContent>\n        </StyledContentAbsolute>\n      </StyledContentWrapper>\n    </StyledEntityNameWidget>\n  )\n}\n"],"names":["Button","theme","jsx","jsxs","Icon"],"mappings":";;;;;AAGA,MAAM,WAAW,OAAOA,0BAAM;AAAA;AAAA;AAAA;AAAA;AAM9B,MAAM,yBAAyB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUtC,MAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOpC,MAAM,wBAAwB,OAAO;AAAA;AAAA;AAAA;AAKrC,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqB7B,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAM3BC,0BAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBf,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA6B;AAC3B,2DACG,wBACE,EAAA,UAAA;AAAA,IAAA,gBACC,SAAS,WACPC,2BAAA,kBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AAClB,cAAI,EAAE,QAAQ;AAEZ,4BAAgB,EAAE;AAAA,UAAA,OACb;AAEU,2BAAA;AAAA,UAAA;AAAA,QAEnB;AAAA,QACA,WAAU;AAAA,QACV,MAAM,aAAa,gBAAgB;AAAA,MAAA;AAAA,IACrC,IAECA,iDAAA,OAAA,EAAI,OAAO,EAAE,SAAS,gBAAgB,UAAU,KAAM,CAAA,IAEvD;AAAA,IACHA,2BAAA,kBAAA,IAAA,sBAAA,EAAqB,OAAO,EAAE,QAAQ,OAAO,KAAK,GAAA,GACjD,UAAAA,2BAAAA,kBAAAA,IAAC,uBACC,EAAA,UAAAC,2BAAAA,kBAAAA,KAAC,eACE,EAAA,UAAA;AAAA,MAAQ,QAAAD,2BAAA,kBAAA,IAACE,4BAAK,KAAY,CAAA;AAAA,wDAC1B,mBACE,EAAA,UAAA;AAAA,QAAA,QAASF,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,QAAQ,UAAK,MAAA;AAAA,QACrCA,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,SAAS,mBAAS,KAAK,CAAA;AAAA,MAAA,EACzC,CAAA;AAAA,IAAA,EACF,CAAA,EACF,CAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;;"}

package/dist/shared/src/containers/ProjectTreeTable/widgets/EntityNameWidget.es.js

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from "../../../../../_virtual/jsx-runtime.es.j
 import { Button, theme, Icon } from "@ynput/ayon-react-components";
 import styled from "styled-components";
 const Expander = styled(Button)`
-  background-color: unset;
+  background-color: unset !important;
   padding: 2px !important;
   cursor: pointer;
 `;

package/dist/shared/src/containers/ProjectTreeTable/widgets/EntityNameWidget.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityNameWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/EntityNameWidget.tsx"],"sourcesContent":["import { Button, Icon, theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nconst Expander = styled(Button)`\n  background-color: unset;\n  padding: 2px !important;\n  cursor: pointer;\n`\n\nconst StyledEntityNameWidget = styled.div`\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  height: 100%;\n  width: 100%;\n  padding-right: 8px;\n`\n\nconst StyledContentWrapper = styled.div`\n  width: 100%;\n  height: 24px;\n  overflow: hidden;\n  position: relative;\n`\n\nconst StyledContentAbsolute = styled.div`\n  position: absolute;\n  inset: 0;\n`\n\nconst StyledContent = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-large);\n  padding: 2px 4px;\n  border-radius: var(--border-radius-m);\n  cursor: pointer;\n  overflow: hidden;\n  width: fit-content;\n  max-width: 100%;\n  height: 100%;\n\n  /* &:hover {\n    &,\n    .icon,\n    .path {\n      color: var(--md-sys-color-primary);\n    }\n  } */\n`\n\nconst StyledTextContent = styled.div`\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n\n  .path {\n    ${theme.labelSmall}\n    margin-bottom: -4px;\n    color: var(--md-sys-color-outline);\n  }\n\n  span {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n`\n\ntype EntityNameWidgetProps = {\n  id: string\n  label: string\n  name: string\n  path?: string | null\n  showHierarchy?: boolean\n  icon?: string | null\n  type: string\n  isExpanded: boolean\n  toggleExpandAll: (id: string) => void\n  toggleExpanded: () => void\n}\n\nexport const EntityNameWidget = ({\n  id,\n  label,\n  name,\n  path,\n  showHierarchy,\n  icon,\n  type,\n  isExpanded,\n  toggleExpandAll,\n  toggleExpanded,\n}: EntityNameWidgetProps) => {\n  return (\n    <StyledEntityNameWidget>\n      {showHierarchy ? (\n        type === 'folder' ? (\n          <Expander\n            onClick={(e) => {\n              e.stopPropagation()\n              if (e.altKey) {\n                // expand/collapse all children\n                toggleExpandAll(id)\n              } else {\n                // use built-in toggleExpanded function\n                toggleExpanded()\n              }\n            }}\n            className=\"expander\"\n            icon={isExpanded ? 'expand_more' : 'chevron_right'}\n          />\n        ) : (\n          <div style={{ display: 'inline-block', minWidth: 24 }} />\n        )\n      ) : null}\n      <StyledContentWrapper style={{ height: path ? 32 : 24 }}>\n        <StyledContentAbsolute>\n          <StyledContent>\n            {icon && <Icon icon={icon} />}\n            <StyledTextContent>\n              {path && <span className=\"path\">{path}</span>}\n              <span className=\"label\">{label || name}</span>\n            </StyledTextContent>\n          </StyledContent>\n        </StyledContentAbsolute>\n      </StyledContentWrapper>\n    </StyledEntityNameWidget>\n  )\n}\n"],"names":["jsx","jsxs"],"mappings":";;;AAGA,MAAM,WAAW,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAM9B,MAAM,yBAAyB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUtC,MAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOpC,MAAM,wBAAwB,OAAO;AAAA;AAAA;AAAA;AAKrC,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqB7B,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAM3B,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBf,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA6B;AAC3B,gDACG,wBACE,EAAA,UAAA;AAAA,IAAA,gBACC,SAAS,WACPA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AAClB,cAAI,EAAE,QAAQ;AAEZ,4BAAgB,EAAE;AAAA,UAAA,OACb;AAEU,2BAAA;AAAA,UAAA;AAAA,QAEnB;AAAA,QACA,WAAU;AAAA,QACV,MAAM,aAAa,gBAAgB;AAAA,MAAA;AAAA,IACrC,IAECA,sCAAA,OAAA,EAAI,OAAO,EAAE,SAAS,gBAAgB,UAAU,KAAM,CAAA,IAEvD;AAAA,IACHA,kCAAA,IAAA,sBAAA,EAAqB,OAAO,EAAE,QAAQ,OAAO,KAAK,GAAA,GACjD,UAAAA,kCAAAA,IAAC,uBACC,EAAA,UAAAC,kCAAAA,KAAC,eACE,EAAA,UAAA;AAAA,MAAQ,QAAAD,kCAAA,IAAC,QAAK,KAAY,CAAA;AAAA,6CAC1B,mBACE,EAAA,UAAA;AAAA,QAAA,QAASA,kCAAA,IAAA,QAAA,EAAK,WAAU,QAAQ,UAAK,MAAA;AAAA,QACrCA,kCAAA,IAAA,QAAA,EAAK,WAAU,SAAS,mBAAS,KAAK,CAAA;AAAA,MAAA,EACzC,CAAA;AAAA,IAAA,EACF,CAAA,EACF,CAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"EntityNameWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/EntityNameWidget.tsx"],"sourcesContent":["import { Button, Icon, theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nconst Expander = styled(Button)`\n  background-color: unset !important;\n  padding: 2px !important;\n  cursor: pointer;\n`\n\nconst StyledEntityNameWidget = styled.div`\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  height: 100%;\n  width: 100%;\n  padding-right: 8px;\n`\n\nconst StyledContentWrapper = styled.div`\n  width: 100%;\n  height: 24px;\n  overflow: hidden;\n  position: relative;\n`\n\nconst StyledContentAbsolute = styled.div`\n  position: absolute;\n  inset: 0;\n`\n\nconst StyledContent = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-large);\n  padding: 2px 4px;\n  border-radius: var(--border-radius-m);\n  cursor: pointer;\n  overflow: hidden;\n  width: fit-content;\n  max-width: 100%;\n  height: 100%;\n\n  /* &:hover {\n    &,\n    .icon,\n    .path {\n      color: var(--md-sys-color-primary);\n    }\n  } */\n`\n\nconst StyledTextContent = styled.div`\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n\n  .path {\n    ${theme.labelSmall}\n    margin-bottom: -4px;\n    color: var(--md-sys-color-outline);\n  }\n\n  span {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n`\n\ntype EntityNameWidgetProps = {\n  id: string\n  label: string\n  name: string\n  path?: string | null\n  showHierarchy?: boolean\n  icon?: string | null\n  type: string\n  isExpanded: boolean\n  toggleExpandAll: (id: string) => void\n  toggleExpanded: () => void\n}\n\nexport const EntityNameWidget = ({\n  id,\n  label,\n  name,\n  path,\n  showHierarchy,\n  icon,\n  type,\n  isExpanded,\n  toggleExpandAll,\n  toggleExpanded,\n}: EntityNameWidgetProps) => {\n  return (\n    <StyledEntityNameWidget>\n      {showHierarchy ? (\n        type === 'folder' ? (\n          <Expander\n            onClick={(e) => {\n              e.stopPropagation()\n              if (e.altKey) {\n                // expand/collapse all children\n                toggleExpandAll(id)\n              } else {\n                // use built-in toggleExpanded function\n                toggleExpanded()\n              }\n            }}\n            className=\"expander\"\n            icon={isExpanded ? 'expand_more' : 'chevron_right'}\n          />\n        ) : (\n          <div style={{ display: 'inline-block', minWidth: 24 }} />\n        )\n      ) : null}\n      <StyledContentWrapper style={{ height: path ? 32 : 24 }}>\n        <StyledContentAbsolute>\n          <StyledContent>\n            {icon && <Icon icon={icon} />}\n            <StyledTextContent>\n              {path && <span className=\"path\">{path}</span>}\n              <span className=\"label\">{label || name}</span>\n            </StyledTextContent>\n          </StyledContent>\n        </StyledContentAbsolute>\n      </StyledContentWrapper>\n    </StyledEntityNameWidget>\n  )\n}\n"],"names":["jsx","jsxs"],"mappings":";;;AAGA,MAAM,WAAW,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAM9B,MAAM,yBAAyB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUtC,MAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOpC,MAAM,wBAAwB,OAAO;AAAA;AAAA;AAAA;AAKrC,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqB7B,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAM3B,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBf,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA6B;AAC3B,gDACG,wBACE,EAAA,UAAA;AAAA,IAAA,gBACC,SAAS,WACPA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AAClB,cAAI,EAAE,QAAQ;AAEZ,4BAAgB,EAAE;AAAA,UAAA,OACb;AAEU,2BAAA;AAAA,UAAA;AAAA,QAEnB;AAAA,QACA,WAAU;AAAA,QACV,MAAM,aAAa,gBAAgB;AAAA,MAAA;AAAA,IACrC,IAECA,sCAAA,OAAA,EAAI,OAAO,EAAE,SAAS,gBAAgB,UAAU,KAAM,CAAA,IAEvD;AAAA,IACHA,kCAAA,IAAA,sBAAA,EAAqB,OAAO,EAAE,QAAQ,OAAO,KAAK,GAAA,GACjD,UAAAA,kCAAAA,IAAC,uBACC,EAAA,UAAAC,kCAAAA,KAAC,eACE,EAAA,UAAA;AAAA,MAAQ,QAAAD,kCAAA,IAAC,QAAK,KAAY,CAAA;AAAA,6CAC1B,mBACE,EAAA,UAAA;AAAA,QAAA,QAASA,kCAAA,IAAA,QAAA,EAAK,WAAU,QAAQ,UAAK,MAAA;AAAA,QACrCA,kCAAA,IAAA,QAAA,EAAK,WAAU,SAAS,mBAAS,KAAK,CAAA;AAAA,MAAA,EACzC,CAAA;AAAA,IAAA,EACF,CAAA,EACF,CAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/shared/src/containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js

@@ -4,7 +4,7 @@ const jsxRuntime = require("../../../../../_virtual/jsx-runtime.cjs.js");
 const ayonReactComponents = require("@ynput/ayon-react-components");
 const styled = require("styled-components");
 const Expander = styled(ayonReactComponents.Button)`
-  background-color: unset;
+  background-color: unset !important;
   padding: 2px !important;
   cursor: pointer;
 `;

package/dist/shared/src/containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupHeaderWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/GroupHeaderWidget.tsx"],"sourcesContent":["import { Button, Icon, theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nconst Expander = styled(Button)`\n  background-color: unset;\n  padding: 2px !important;\n  cursor: pointer;\n`\n\nconst StyledGroupHeader = styled.div`\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  height: 100%;\n  width: 100%;\n  padding-right: 8px;\n`\n\nconst StyledContentWrapper = styled.div`\n  width: 100%;\n  height: 24px;\n  overflow: hidden;\n  position: relative;\n`\n\nconst StyledContentAbsolute = styled.div`\n  position: absolute;\n  inset: 0;\n`\n\nconst StyledContent = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-large);\n  padding: 2px 4px;\n  border-radius: var(--border-radius-m);\n  cursor: pointer;\n  overflow: hidden;\n  width: fit-content;\n  max-width: 100%;\n  height: 100%;\n\n  /* &:hover {\n    &,\n    .icon,\n    .path {\n      color: var(--md-sys-color-primary);\n    }\n  } */\n`\n\nconst StyledTextContent = styled.div`\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n\n  .path {\n    ${theme.labelSmall}\n    margin-bottom: -4px;\n    color: var(--md-sys-color-outline);\n  }\n\n  span {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n`\n\nconst StyledImg = styled.img`\n  width: 24px;\n  height: 24px;\n  border-radius: 12px;\n  object-fit: cover;\n`\n\nconst Count = styled.span`\n  color: var(--md-sys-color-outline);\n`\n\ntype GroupHeaderProps = {\n  id: string\n  label: string\n  name: string\n  icon?: string | null\n  img?: string | null\n  color?: string | null\n  count?: number\n  isExpanded: boolean\n  isEmpty?: boolean\n  toggleExpanded: () => void\n}\n\nexport const GroupHeaderWidget = ({\n  id,\n  label,\n  name,\n  icon,\n  img,\n  count,\n  color,\n  isExpanded,\n  isEmpty,\n  toggleExpanded,\n}: GroupHeaderProps) => {\n  return (\n    <StyledGroupHeader id={id}>\n      <Expander\n        onClick={(e) => {\n          e.stopPropagation()\n          toggleExpanded()\n        }}\n        className=\"expander\"\n        icon={isExpanded ? 'expand_more' : 'chevron_right'}\n      />\n      <StyledContentWrapper>\n        <StyledContentAbsolute>\n          <StyledContent>\n            {img && <StyledImg src={img} alt={name} className=\"img\" />}\n            {icon && <Icon icon={icon} style={{ color: color || undefined }} />}\n            <StyledTextContent style={{ color: color || undefined }}>\n              <span className=\"label\">{label || name}</span>\n            </StyledTextContent>\n            {/* {count === undefined && <Count>{count}</Count>} */}\n            {isEmpty && <Count>(Empty)</Count>}\n          </StyledContent>\n        </StyledContentAbsolute>\n      </StyledContentWrapper>\n    </StyledGroupHeader>\n  )\n}\n"],"names":["Button","theme","jsxs","jsx","Icon"],"mappings":";;;;;AAGA,MAAM,WAAW,OAAOA,0BAAM;AAAA;AAAA;AAAA;AAAA;AAM9B,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUjC,MAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOpC,MAAM,wBAAwB,OAAO;AAAA;AAAA;AAAA;AAKrC,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqB7B,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAM3BC,0BAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYtB,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOzB,MAAM,QAAQ,OAAO;AAAA;AAAA;AAiBd,MAAM,oBAAoB,CAAC;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAwB;AAEpB,SAAAC,kDAAC,qBAAkB,IACjB,UAAA;AAAA,IAAAC,2BAAA,kBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AACH,yBAAA;AAAA,QACjB;AAAA,QACA,WAAU;AAAA,QACV,MAAM,aAAa,gBAAgB;AAAA,MAAA;AAAA,IACrC;AAAA,IACCA,2BAAAA,kBAAAA,IAAA,sBAAA,EACC,UAACA,iDAAA,uBAAA,EACC,4DAAC,eACE,EAAA,UAAA;AAAA,MAAA,wDAAQ,WAAU,EAAA,KAAK,KAAK,KAAK,MAAM,WAAU,OAAM;AAAA,MACvD,yDAASC,oBAAK,MAAA,EAAA,MAAY,OAAO,EAAE,OAAO,SAAS,OAAA,GAAa;AAAA,MAChED,2BAAA,kBAAA,IAAA,mBAAA,EAAkB,OAAO,EAAE,OAAO,SAAS,OAAA,GAC1C,UAAAA,2BAAA,kBAAA,IAAC,QAAK,EAAA,WAAU,SAAS,UAAA,SAAS,KAAK,CAAA,GACzC;AAAA,MAEC,WAAYA,2BAAAA,kBAAAA,IAAA,OAAA,EAAM,UAAO,UAAA,CAAA;AAAA,IAAA,EAC5B,CAAA,EACF,CAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;;"}
+{"version":3,"file":"GroupHeaderWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/GroupHeaderWidget.tsx"],"sourcesContent":["import { Button, Icon, theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nconst Expander = styled(Button)`\n  background-color: unset !important;\n  padding: 2px !important;\n  cursor: pointer;\n`\n\nconst StyledGroupHeader = styled.div`\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  height: 100%;\n  width: 100%;\n  padding-right: 8px;\n`\n\nconst StyledContentWrapper = styled.div`\n  width: 100%;\n  height: 24px;\n  overflow: hidden;\n  position: relative;\n`\n\nconst StyledContentAbsolute = styled.div`\n  position: absolute;\n  inset: 0;\n`\n\nconst StyledContent = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-large);\n  padding: 2px 4px;\n  border-radius: var(--border-radius-m);\n  cursor: pointer;\n  overflow: hidden;\n  width: fit-content;\n  max-width: 100%;\n  height: 100%;\n\n  /* &:hover {\n    &,\n    .icon,\n    .path {\n      color: var(--md-sys-color-primary);\n    }\n  } */\n`\n\nconst StyledTextContent = styled.div`\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n\n  .path {\n    ${theme.labelSmall}\n    margin-bottom: -4px;\n    color: var(--md-sys-color-outline);\n  }\n\n  span {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n`\n\nconst StyledImg = styled.img`\n  width: 24px;\n  height: 24px;\n  border-radius: 12px;\n  object-fit: cover;\n`\n\nconst Count = styled.span`\n  color: var(--md-sys-color-outline);\n`\n\ntype GroupHeaderProps = {\n  id: string\n  label: string\n  name: string\n  icon?: string | null\n  img?: string | null\n  color?: string | null\n  count?: number\n  isExpanded: boolean\n  isEmpty?: boolean\n  toggleExpanded: () => void\n}\n\nexport const GroupHeaderWidget = ({\n  id,\n  label,\n  name,\n  icon,\n  img,\n  count,\n  color,\n  isExpanded,\n  isEmpty,\n  toggleExpanded,\n}: GroupHeaderProps) => {\n  return (\n    <StyledGroupHeader id={id}>\n      <Expander\n        onClick={(e) => {\n          e.stopPropagation()\n          toggleExpanded()\n        }}\n        className=\"expander\"\n        icon={isExpanded ? 'expand_more' : 'chevron_right'}\n      />\n      <StyledContentWrapper>\n        <StyledContentAbsolute>\n          <StyledContent>\n            {img && <StyledImg src={img} alt={name} className=\"img\" />}\n            {icon && <Icon icon={icon} style={{ color: color || undefined }} />}\n            <StyledTextContent style={{ color: color || undefined }}>\n              <span className=\"label\">{label || name}</span>\n            </StyledTextContent>\n            {/* {count === undefined && <Count>{count}</Count>} */}\n            {isEmpty && <Count>(Empty)</Count>}\n          </StyledContent>\n        </StyledContentAbsolute>\n      </StyledContentWrapper>\n    </StyledGroupHeader>\n  )\n}\n"],"names":["Button","theme","jsxs","jsx","Icon"],"mappings":";;;;;AAGA,MAAM,WAAW,OAAOA,0BAAM;AAAA;AAAA;AAAA;AAAA;AAM9B,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUjC,MAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOpC,MAAM,wBAAwB,OAAO;AAAA;AAAA;AAAA;AAKrC,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqB7B,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAM3BC,0BAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYtB,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOzB,MAAM,QAAQ,OAAO;AAAA;AAAA;AAiBd,MAAM,oBAAoB,CAAC;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAwB;AAEpB,SAAAC,kDAAC,qBAAkB,IACjB,UAAA;AAAA,IAAAC,2BAAA,kBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AACH,yBAAA;AAAA,QACjB;AAAA,QACA,WAAU;AAAA,QACV,MAAM,aAAa,gBAAgB;AAAA,MAAA;AAAA,IACrC;AAAA,IACCA,2BAAAA,kBAAAA,IAAA,sBAAA,EACC,UAACA,iDAAA,uBAAA,EACC,4DAAC,eACE,EAAA,UAAA;AAAA,MAAA,wDAAQ,WAAU,EAAA,KAAK,KAAK,KAAK,MAAM,WAAU,OAAM;AAAA,MACvD,yDAASC,oBAAK,MAAA,EAAA,MAAY,OAAO,EAAE,OAAO,SAAS,OAAA,GAAa;AAAA,MAChED,2BAAA,kBAAA,IAAA,mBAAA,EAAkB,OAAO,EAAE,OAAO,SAAS,OAAA,GAC1C,UAAAA,2BAAA,kBAAA,IAAC,QAAK,EAAA,WAAU,SAAS,UAAA,SAAS,KAAK,CAAA,GACzC;AAAA,MAEC,WAAYA,2BAAAA,kBAAAA,IAAA,OAAA,EAAM,UAAO,UAAA,CAAA;AAAA,IAAA,EAC5B,CAAA,EACF,CAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;;"}

package/dist/shared/src/containers/ProjectTreeTable/widgets/GroupHeaderWidget.es.js

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from "../../../../../_virtual/jsx-runtime.es.j
 import { Button, theme, Icon } from "@ynput/ayon-react-components";
 import styled from "styled-components";
 const Expander = styled(Button)`
-  background-color: unset;
+  background-color: unset !important;
   padding: 2px !important;
   cursor: pointer;
 `;

package/dist/shared/src/containers/ProjectTreeTable/widgets/GroupHeaderWidget.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupHeaderWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/GroupHeaderWidget.tsx"],"sourcesContent":["import { Button, Icon, theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nconst Expander = styled(Button)`\n  background-color: unset;\n  padding: 2px !important;\n  cursor: pointer;\n`\n\nconst StyledGroupHeader = styled.div`\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  height: 100%;\n  width: 100%;\n  padding-right: 8px;\n`\n\nconst StyledContentWrapper = styled.div`\n  width: 100%;\n  height: 24px;\n  overflow: hidden;\n  position: relative;\n`\n\nconst StyledContentAbsolute = styled.div`\n  position: absolute;\n  inset: 0;\n`\n\nconst StyledContent = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-large);\n  padding: 2px 4px;\n  border-radius: var(--border-radius-m);\n  cursor: pointer;\n  overflow: hidden;\n  width: fit-content;\n  max-width: 100%;\n  height: 100%;\n\n  /* &:hover {\n    &,\n    .icon,\n    .path {\n      color: var(--md-sys-color-primary);\n    }\n  } */\n`\n\nconst StyledTextContent = styled.div`\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n\n  .path {\n    ${theme.labelSmall}\n    margin-bottom: -4px;\n    color: var(--md-sys-color-outline);\n  }\n\n  span {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n`\n\nconst StyledImg = styled.img`\n  width: 24px;\n  height: 24px;\n  border-radius: 12px;\n  object-fit: cover;\n`\n\nconst Count = styled.span`\n  color: var(--md-sys-color-outline);\n`\n\ntype GroupHeaderProps = {\n  id: string\n  label: string\n  name: string\n  icon?: string | null\n  img?: string | null\n  color?: string | null\n  count?: number\n  isExpanded: boolean\n  isEmpty?: boolean\n  toggleExpanded: () => void\n}\n\nexport const GroupHeaderWidget = ({\n  id,\n  label,\n  name,\n  icon,\n  img,\n  count,\n  color,\n  isExpanded,\n  isEmpty,\n  toggleExpanded,\n}: GroupHeaderProps) => {\n  return (\n    <StyledGroupHeader id={id}>\n      <Expander\n        onClick={(e) => {\n          e.stopPropagation()\n          toggleExpanded()\n        }}\n        className=\"expander\"\n        icon={isExpanded ? 'expand_more' : 'chevron_right'}\n      />\n      <StyledContentWrapper>\n        <StyledContentAbsolute>\n          <StyledContent>\n            {img && <StyledImg src={img} alt={name} className=\"img\" />}\n            {icon && <Icon icon={icon} style={{ color: color || undefined }} />}\n            <StyledTextContent style={{ color: color || undefined }}>\n              <span className=\"label\">{label || name}</span>\n            </StyledTextContent>\n            {/* {count === undefined && <Count>{count}</Count>} */}\n            {isEmpty && <Count>(Empty)</Count>}\n          </StyledContent>\n        </StyledContentAbsolute>\n      </StyledContentWrapper>\n    </StyledGroupHeader>\n  )\n}\n"],"names":["jsxs","jsx"],"mappings":";;;AAGA,MAAM,WAAW,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAM9B,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUjC,MAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOpC,MAAM,wBAAwB,OAAO;AAAA;AAAA;AAAA;AAKrC,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqB7B,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAM3B,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYtB,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOzB,MAAM,QAAQ,OAAO;AAAA;AAAA;AAiBd,MAAM,oBAAoB,CAAC;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAwB;AAEpB,SAAAA,uCAAC,qBAAkB,IACjB,UAAA;AAAA,IAAAC,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AACH,yBAAA;AAAA,QACjB;AAAA,QACA,WAAU;AAAA,QACV,MAAM,aAAa,gBAAgB;AAAA,MAAA;AAAA,IACrC;AAAA,IACCA,kCAAAA,IAAA,sBAAA,EACC,UAACA,sCAAA,uBAAA,EACC,iDAAC,eACE,EAAA,UAAA;AAAA,MAAA,6CAAQ,WAAU,EAAA,KAAK,KAAK,KAAK,MAAM,WAAU,OAAM;AAAA,MACvD,8CAAS,MAAK,EAAA,MAAY,OAAO,EAAE,OAAO,SAAS,OAAA,GAAa;AAAA,MAChEA,kCAAA,IAAA,mBAAA,EAAkB,OAAO,EAAE,OAAO,SAAS,OAAA,GAC1C,UAAAA,kCAAA,IAAC,QAAK,EAAA,WAAU,SAAS,UAAA,SAAS,KAAK,CAAA,GACzC;AAAA,MAEC,WAAYA,kCAAAA,IAAA,OAAA,EAAM,UAAO,UAAA,CAAA;AAAA,IAAA,EAC5B,CAAA,EACF,CAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"GroupHeaderWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/GroupHeaderWidget.tsx"],"sourcesContent":["import { Button, Icon, theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nconst Expander = styled(Button)`\n  background-color: unset !important;\n  padding: 2px !important;\n  cursor: pointer;\n`\n\nconst StyledGroupHeader = styled.div`\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  height: 100%;\n  width: 100%;\n  padding-right: 8px;\n`\n\nconst StyledContentWrapper = styled.div`\n  width: 100%;\n  height: 24px;\n  overflow: hidden;\n  position: relative;\n`\n\nconst StyledContentAbsolute = styled.div`\n  position: absolute;\n  inset: 0;\n`\n\nconst StyledContent = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-large);\n  padding: 2px 4px;\n  border-radius: var(--border-radius-m);\n  cursor: pointer;\n  overflow: hidden;\n  width: fit-content;\n  max-width: 100%;\n  height: 100%;\n\n  /* &:hover {\n    &,\n    .icon,\n    .path {\n      color: var(--md-sys-color-primary);\n    }\n  } */\n`\n\nconst StyledTextContent = styled.div`\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n\n  .path {\n    ${theme.labelSmall}\n    margin-bottom: -4px;\n    color: var(--md-sys-color-outline);\n  }\n\n  span {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n`\n\nconst StyledImg = styled.img`\n  width: 24px;\n  height: 24px;\n  border-radius: 12px;\n  object-fit: cover;\n`\n\nconst Count = styled.span`\n  color: var(--md-sys-color-outline);\n`\n\ntype GroupHeaderProps = {\n  id: string\n  label: string\n  name: string\n  icon?: string | null\n  img?: string | null\n  color?: string | null\n  count?: number\n  isExpanded: boolean\n  isEmpty?: boolean\n  toggleExpanded: () => void\n}\n\nexport const GroupHeaderWidget = ({\n  id,\n  label,\n  name,\n  icon,\n  img,\n  count,\n  color,\n  isExpanded,\n  isEmpty,\n  toggleExpanded,\n}: GroupHeaderProps) => {\n  return (\n    <StyledGroupHeader id={id}>\n      <Expander\n        onClick={(e) => {\n          e.stopPropagation()\n          toggleExpanded()\n        }}\n        className=\"expander\"\n        icon={isExpanded ? 'expand_more' : 'chevron_right'}\n      />\n      <StyledContentWrapper>\n        <StyledContentAbsolute>\n          <StyledContent>\n            {img && <StyledImg src={img} alt={name} className=\"img\" />}\n            {icon && <Icon icon={icon} style={{ color: color || undefined }} />}\n            <StyledTextContent style={{ color: color || undefined }}>\n              <span className=\"label\">{label || name}</span>\n            </StyledTextContent>\n            {/* {count === undefined && <Count>{count}</Count>} */}\n            {isEmpty && <Count>(Empty)</Count>}\n          </StyledContent>\n        </StyledContentAbsolute>\n      </StyledContentWrapper>\n    </StyledGroupHeader>\n  )\n}\n"],"names":["jsxs","jsx"],"mappings":";;;AAGA,MAAM,WAAW,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAM9B,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUjC,MAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOpC,MAAM,wBAAwB,OAAO;AAAA;AAAA;AAAA;AAKrC,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqB7B,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAM3B,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYtB,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOzB,MAAM,QAAQ,OAAO;AAAA;AAAA;AAiBd,MAAM,oBAAoB,CAAC;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAwB;AAEpB,SAAAA,uCAAC,qBAAkB,IACjB,UAAA;AAAA,IAAAC,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AACH,yBAAA;AAAA,QACjB;AAAA,QACA,WAAU;AAAA,QACV,MAAM,aAAa,gBAAgB;AAAA,MAAA;AAAA,IACrC;AAAA,IACCA,kCAAAA,IAAA,sBAAA,EACC,UAACA,sCAAA,uBAAA,EACC,iDAAC,eACE,EAAA,UAAA;AAAA,MAAA,6CAAQ,WAAU,EAAA,KAAK,KAAK,KAAK,MAAM,WAAU,OAAM;AAAA,MACvD,8CAAS,MAAK,EAAA,MAAY,OAAO,EAAE,OAAO,SAAS,OAAA,GAAa;AAAA,MAChEA,kCAAA,IAAA,mBAAA,EAAkB,OAAO,EAAE,OAAO,SAAS,OAAA,GAC1C,UAAAA,kCAAA,IAAC,QAAK,EAAA,WAAU,SAAS,UAAA,SAAS,KAAK,CAAA,GACzC;AAAA,MAEC,WAAYA,kCAAAA,IAAA,OAAA,EAAM,UAAO,UAAA,CAAA;AAAA,IAAA,EAC5B,CAAA,EACF,CAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}