@ynput/ayon-frontend-shared 0.3.41 → 0.3.43

package/dist/shared/src/components/DetailsPanelDetails/hooks/useEntityFormData.es.js

@@ -1,15 +1,109 @@
-import { useState as m, useEffect as F } from "react";
+import { useState as l, useEffect as F } from "react";
 import "lodash";
 import "react-toastify";
 import { getMixedState as h } from "../../../util/getMixedState.es.js";
 import "uuid";
+import "../../../api/base/client.es.js";
+import "../../../api/generated/graphql.es.js";
+import "../../../api/generated/graphqlLinks.es.js";
+import "../../../api/generated/access.es.js";
+import "../../../api/generated/actions.es.js";
+import "../../../api/generated/activityFeed.es.js";
+import "../../../api/generated/addons.es.js";
+import "../../../api/generated/anatomy.es.js";
+import "../../../api/generated/attributes.es.js";
+import "../../../api/generated/authentication.es.js";
+import "../../../api/generated/bundles.es.js";
+import "../../../api/generated/configuration.es.js";
+import "../../../api/generated/dataImport.es.js";
+import "../../../api/generated/desktop.es.js";
+import "../../../api/generated/entityLists.es.js";
+import "../../../api/generated/events.es.js";
+import "../../../api/generated/files.es.js";
+import "../../../api/generated/folders.es.js";
+import "../../../api/generated/inbox.es.js";
+import "../../../api/generated/links.es.js";
+import "../../../api/generated/market.es.js";
+import "../../../api/generated/onboarding.es.js";
+import "../../../api/generated/operations.es.js";
+import "../../../api/generated/products.es.js";
+import "../../../api/generated/projectDashboard.es.js";
+import "../../../api/generated/projects.es.js";
+import "../../../api/generated/projectFolders.es.js";
+import "../../../api/generated/reviewables.es.js";
+import "../../../api/generated/services.es.js";
+import "../../../api/generated/system.es.js";
+import "../../../api/generated/tasks.es.js";
+import "../../../api/generated/teams.es.js";
+import "../../../api/generated/thumbnails.es.js";
+import "../../../api/generated/uRIs.es.js";
+import "../../../api/generated/users.es.js";
+import "../../../api/generated/versions.es.js";
+import "../../../api/generated/workfiles.es.js";
+import "../../../api/generated/ynputCloud.es.js";
+import "../../../api/generated/grouping.es.js";
+import "../../../api/generated/views.es.js";
+import "../../../api/queries/actions/getActions.es.js";
+import "../../../api/queries/activities/getActivities.es.js";
+import "../../../api/queries/activities/updateReaction.es.js";
+import "../../../api/queries/activities/getMentions.es.js";
+import "../../../api/queries/activities/getCategories.es.js";
+import "../../../api/queries/addons/getAddons.es.js";
+import "../../../api/queries/addons/updateAddons.es.js";
+import "../../../api/queries/attributes/getAttributes.es.js";
+import "../../../api/queries/attributes/updateAttributes.es.js";
+import "../../../api/queries/authentication/getAuthentication.es.js";
+import "../../../api/queries/cloud/cloud.es.js";
+import "../../../api/queries/columnStats/metricTargets.es.js";
+import "../../../api/queries/config/getConfig.es.js";
+import "../../../api/queries/config/updateConfig.es.js";
+import "../../../api/queries/entities/getEntity.es.js";
+import "../../../api/queries/entities/getEntityPanel.es.js";
+import "../../../api/queries/overview/getOverview.es.js";
+import "../../../api/queries/overview/updateOverview.es.js";
+import "../../../api/queries/versions/getVersionsProducts.es.js";
+import "../../../api/queries/links/getEntityLinks.es.js";
+import "../../../api/queries/entities/updateEntity.es.js";
+import "../../../api/queries/entityLists/getLists.es.js";
+import "../../../api/queries/entityLists/updateLists.es.js";
+import "../../../api/queries/entityLists/getListsAttributes.es.js";
+import "../../../api/queries/entityLists/listItemsColumnStats.es.js";
+import "../../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../../api/queries/entityLists/listFolders.es.js";
+import "../../../api/queries/folders/getFolders.es.js";
+import "../../../api/queries/folders/getFolderDeleteInfo.es.js";
+import "../../../api/queries/grouping/getGrouping.es.js";
+import "../../../api/queries/links/updateLinks.es.js";
+import "../../../api/queries/links/getLinks.es.js";
+import "../../../api/queries/permissions/getPermissions.es.js";
+import "../../../api/queries/products/createProduct.es.js";
+import "../../../api/queries/products/getFolderProducts.es.js";
+import "../../../api/queries/project/getProject.es.js";
+import "../../../api/queries/project/updateProject.es.js";
+import "../../../api/queries/projectFolders/projectFolders.es.js";
+import "../../../api/queries/review/getReview.es.js";
+import "../../../api/queries/review/updateReview.es.js";
+import "../../../api/queries/share/share.es.js";
+import "../../../api/queries/system/getSystem.es.js";
+import "../../../api/queries/tasks/getTasks.es.js";
+import "../../../api/queries/tasks/updateTasks.es.js";
+import "../../../api/queries/teams/getTeams.es.js";
+import "../../../api/queries/userDashboard/getUserDashboard.es.js";
+import "../../../api/queries/users/getUsers.es.js";
+import "../../../api/queries/users/updateUsers.es.js";
+import "../../../api/queries/users/guests.es.js";
+import "../../../api/queries/versions/updateVersions.es.js";
+import "../../../api/queries/views/getViews.es.js";
+import "../../../api/queries/views/updateViews.es.js";
+import "../../../api/queries/watchers/getWatchers.es.js";
+import "../../../api/queries/uris/getUris.es.js";
 import "../../../util/pubsub.es.js";
 import { visibleFields as x } from "../types.es.js";
-const N = (c, i) => {
-  const [u, p] = m([]), [f, l] = m(null), n = () => {
-    const r = {}, o = /* @__PURE__ */ new Set();
-    c.forEach((t) => {
-      const d = {
+const nr = (a, d) => {
+  const [u, s] = l([]), [f, c] = l(null), n = () => {
+    const r = {}, p = /* @__PURE__ */ new Set();
+    a.forEach((t) => {
+      const m = {
         id: t.id,
         name: t.name,
         label: t.label,
@@ -25,38 +119,38 @@ const N = (c, i) => {
         taskType: t.task?.taskType,
         description: t.attrib?.description?.toString() ?? ""
       };
-      Object.keys(d).forEach((e) => {
-        x.includes(e) && (r[e] = r[e] || [], r[e].push(d[e]));
-      }), t.attrib && Object.keys(t.attrib).forEach((e) => {
-        if (e !== "description") {
-          const s = `attrib.${e}`;
-          r[s] = r[s] || [], r[s].push(t.attrib?.[e]);
+      Object.keys(m).forEach((o) => {
+        x.includes(o) && (r[o] = r[o] || [], r[o].push(m[o]));
+      }), t.attrib && Object.keys(t.attrib).forEach((o) => {
+        if (o !== "description") {
+          const e = `attrib.${o}`;
+          r[e] = r[e] || [], r[e].push(t.attrib?.[o]);
         }
       });
     });
-    const a = Object.entries(r).reduce((t, [d, e]) => {
-      const { value: s, isMixed: b } = h(e);
-      return t[d] = s, b && o.add(d), t;
+    const i = Object.entries(r).reduce((t, [m, o]) => {
+      const { value: e, isMixed: b } = h(o);
+      return t[m] = e, b && p.add(m), t;
     }, {});
-    l(a), p(Array.from(o));
+    c(i), s(Array.from(p));
   };
   return F(() => {
-    i || c.length === 0 || n();
-  }, [c, i]), {
+    d || a.length === 0 || n();
+  }, [a, d]), {
     formData: f,
     mixedFields: u,
-    updateFormData: (r, o) => {
-      l((a) => a && {
-        ...a,
-        [r]: o
+    updateFormData: (r, p) => {
+      c((i) => i && {
+        ...i,
+        [r]: p
       });
     },
     clearMixedField: (r) => {
-      p((o) => o.filter((a) => a !== r));
+      s((p) => p.filter((i) => i !== r));
     }
   };
 };
 export {
-  N as useEntityFormData
+  nr as useEntityFormData
 };
 //# sourceMappingURL=useEntityFormData.es.js.map

package/dist/shared/src/components/DetailsPanelDetails/hooks/useEntityFormData.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEntityFormData.es.js","sources":["../../../../../../src/components/DetailsPanelDetails/hooks/useEntityFormData.ts"],"sourcesContent":["import { useState, useEffect } from 'react'\nimport { getMixedState } from '@shared/util'\nimport type { DetailsPanelEntityData } from '@shared/api'\nimport type { EntityForm } from '../types'\nimport { visibleFields } from '../types'\n\nexport const useEntityFormData = (entities: DetailsPanelEntityData[], isLoading: boolean) => {\n  const [mixedFields, setMixedFields] = useState<string[]>([])\n  const [formData, setFormData] = useState<EntityForm | null>(null)\n\n  const buildInitialForm = () => {\n    const valuesByField: Record<string, any[]> = {}\n    const mixedFieldsSet = new Set<string>()\n\n    entities.forEach((entity) => {\n      const mappedEntity: EntityForm = {\n        id: entity.id,\n        name: entity.name,\n        label: entity.label,\n        entityType: entity.entityType as 'folder' | 'task' | 'product' | 'version',\n        createdAt: entity.createdAt,\n        updatedAt: entity.updatedAt,\n        projectName: entity.projectName,\n        status: entity.status,\n        tags: entity.tags || [],\n        path: entity.path,\n        folderType: entity.folder?.folderType,\n        productType: entity.product?.productType,\n        taskType: entity.task?.taskType,\n        description: entity.attrib?.description?.toString() ?? '',\n      }\n\n      Object.keys(mappedEntity).forEach((key) => {\n        if (visibleFields.includes(key as keyof EntityForm)) {\n          valuesByField[key] = valuesByField[key] || []\n          valuesByField[key].push((mappedEntity as any)[key])\n        }\n      })\n\n      if (entity.attrib) {\n        Object.keys(entity.attrib).forEach((key) => {\n          if (key !== 'description') {\n            const attribKey = `attrib.${key}`\n            valuesByField[attribKey] = valuesByField[attribKey] || []\n            valuesByField[attribKey].push(entity.attrib?.[key])\n          }\n        })\n      }\n    })\n\n    const formData = Object.entries(valuesByField).reduce((result, [key, values]) => {\n      const { value, isMixed } = getMixedState(values)\n      result[key] = value\n\n      if (isMixed) {\n        mixedFieldsSet.add(key)\n      }\n\n      return result\n    }, {} as Record<string, any>)\n\n    setFormData(formData as EntityForm)\n    setMixedFields(Array.from(mixedFieldsSet))\n  }\n\n  useEffect(() => {\n    if (isLoading || entities.length === 0) return\n    buildInitialForm()\n  }, [entities, isLoading])\n\n  const updateFormData = (key: string, value: any) => {\n    setFormData((prev) => {\n      if (!prev) return prev\n      return {\n        ...prev,\n        [key]: value,\n      }\n    })\n  }\n\n  const clearMixedField = (fieldName: string) => {\n    setMixedFields((prev) => prev.filter((field) => field !== fieldName))\n  }\n\n  return {\n    formData,\n    mixedFields,\n    updateFormData,\n    clearMixedField,\n  }\n}\n"],"names":["useEntityFormData","entities","isLoading","mixedFields","setMixedFields","useState","formData","setFormData","buildInitialForm","valuesByField","mixedFieldsSet","entity","mappedEntity","key","visibleFields","attribKey","result","values","value","isMixed","getMixedState","useEffect","prev","fieldName","field"],"mappings":";;;;;;;AAMO,MAAMA,IAAoB,CAACC,GAAoCC,MAAuB;AAC3F,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAmB,CAAA,CAAE,GACrD,CAACC,GAAUC,CAAW,IAAIF,EAA4B,IAAI,GAE1DG,IAAmB,MAAM;AAC7B,UAAMC,IAAuC,CAAA,GACvCC,wBAAqB,IAAA;AAE3B,IAAAT,EAAS,QAAQ,CAACU,MAAW;AAC3B,YAAMC,IAA2B;AAAA,QAC/B,IAAID,EAAO;AAAA,QACX,MAAMA,EAAO;AAAA,QACb,OAAOA,EAAO;AAAA,QACd,YAAYA,EAAO;AAAA,QACnB,WAAWA,EAAO;AAAA,QAClB,WAAWA,EAAO;AAAA,QAClB,aAAaA,EAAO;AAAA,QACpB,QAAQA,EAAO;AAAA,QACf,MAAMA,EAAO,QAAQ,CAAA;AAAA,QACrB,MAAMA,EAAO;AAAA,QACb,YAAYA,EAAO,QAAQ;AAAA,QAC3B,aAAaA,EAAO,SAAS;AAAA,QAC7B,UAAUA,EAAO,MAAM;AAAA,QACvB,aAAaA,EAAO,QAAQ,aAAa,cAAc;AAAA,MAAA;AAGzD,aAAO,KAAKC,CAAY,EAAE,QAAQ,CAACC,MAAQ;AACzC,QAAIC,EAAc,SAASD,CAAuB,MAChDJ,EAAcI,CAAG,IAAIJ,EAAcI,CAAG,KAAK,CAAA,GAC3CJ,EAAcI,CAAG,EAAE,KAAMD,EAAqBC,CAAG,CAAC;AAAA,MAEtD,CAAC,GAEGF,EAAO,UACT,OAAO,KAAKA,EAAO,MAAM,EAAE,QAAQ,CAACE,MAAQ;AAC1C,YAAIA,MAAQ,eAAe;AACzB,gBAAME,IAAY,UAAUF,CAAG;AAC/B,UAAAJ,EAAcM,CAAS,IAAIN,EAAcM,CAAS,KAAK,CAAA,GACvDN,EAAcM,CAAS,EAAE,KAAKJ,EAAO,SAASE,CAAG,CAAC;AAAA,QACpD;AAAA,MACF,CAAC;AAAA,IAEL,CAAC;AAED,UAAMP,IAAW,OAAO,QAAQG,CAAa,EAAE,OAAO,CAACO,GAAQ,CAACH,GAAKI,CAAM,MAAM;AAC/E,YAAM,EAAE,OAAAC,GAAO,SAAAC,MAAYC,EAAcH,CAAM;AAC/C,aAAAD,EAAOH,CAAG,IAAIK,GAEVC,KACFT,EAAe,IAAIG,CAAG,GAGjBG;AAAA,IACT,GAAG,CAAA,CAAyB;AAE5B,IAAAT,EAAYD,CAAsB,GAClCF,EAAe,MAAM,KAAKM,CAAc,CAAC;AAAA,EAC3C;AAEA,SAAAW,EAAU,MAAM;AACd,IAAInB,KAAaD,EAAS,WAAW,KACrCO,EAAA;AAAA,EACF,GAAG,CAACP,GAAUC,CAAS,CAAC,GAgBjB;AAAA,IACL,UAAAI;AAAA,IACA,aAAAH;AAAA,IACA,gBAjBqB,CAACU,GAAaK,MAAe;AAClD,MAAAX,EAAY,CAACe,MACNA,KACE;AAAA,QACL,GAAGA;AAAA,QACH,CAACT,CAAG,GAAGK;AAAA,MAAA,CAEV;AAAA,IACH;AAAA,IAUE,iBARsB,CAACK,MAAsB;AAC7C,MAAAnB,EAAe,CAACkB,MAASA,EAAK,OAAO,CAACE,MAAUA,MAAUD,CAAS,CAAC;AAAA,IACtE;AAAA,EAME;AAEJ;"}
+{"version":3,"file":"useEntityFormData.es.js","sources":["../../../../../../src/components/DetailsPanelDetails/hooks/useEntityFormData.ts"],"sourcesContent":["import { useState, useEffect } from 'react'\nimport { getMixedState } from '@shared/util'\nimport type { DetailsPanelEntityData } from '@shared/api'\nimport type { EntityForm } from '../types'\nimport { visibleFields } from '../types'\n\nexport const useEntityFormData = (entities: DetailsPanelEntityData[], isLoading: boolean) => {\n  const [mixedFields, setMixedFields] = useState<string[]>([])\n  const [formData, setFormData] = useState<EntityForm | null>(null)\n\n  const buildInitialForm = () => {\n    const valuesByField: Record<string, any[]> = {}\n    const mixedFieldsSet = new Set<string>()\n\n    entities.forEach((entity) => {\n      const mappedEntity: EntityForm = {\n        id: entity.id,\n        name: entity.name,\n        label: entity.label,\n        entityType: entity.entityType as 'folder' | 'task' | 'product' | 'version',\n        createdAt: entity.createdAt,\n        updatedAt: entity.updatedAt,\n        projectName: entity.projectName,\n        status: entity.status,\n        tags: entity.tags || [],\n        path: entity.path,\n        folderType: entity.folder?.folderType,\n        productType: entity.product?.productType,\n        taskType: entity.task?.taskType,\n        description: entity.attrib?.description?.toString() ?? '',\n      }\n\n      Object.keys(mappedEntity).forEach((key) => {\n        if (visibleFields.includes(key as keyof EntityForm)) {\n          valuesByField[key] = valuesByField[key] || []\n          valuesByField[key].push((mappedEntity as any)[key])\n        }\n      })\n\n      if (entity.attrib) {\n        Object.keys(entity.attrib).forEach((key) => {\n          if (key !== 'description') {\n            const attribKey = `attrib.${key}`\n            valuesByField[attribKey] = valuesByField[attribKey] || []\n            valuesByField[attribKey].push(entity.attrib?.[key])\n          }\n        })\n      }\n    })\n\n    const formData = Object.entries(valuesByField).reduce((result, [key, values]) => {\n      const { value, isMixed } = getMixedState(values)\n      result[key] = value\n\n      if (isMixed) {\n        mixedFieldsSet.add(key)\n      }\n\n      return result\n    }, {} as Record<string, any>)\n\n    setFormData(formData as EntityForm)\n    setMixedFields(Array.from(mixedFieldsSet))\n  }\n\n  useEffect(() => {\n    if (isLoading || entities.length === 0) return\n    buildInitialForm()\n  }, [entities, isLoading])\n\n  const updateFormData = (key: string, value: any) => {\n    setFormData((prev) => {\n      if (!prev) return prev\n      return {\n        ...prev,\n        [key]: value,\n      }\n    })\n  }\n\n  const clearMixedField = (fieldName: string) => {\n    setMixedFields((prev) => prev.filter((field) => field !== fieldName))\n  }\n\n  return {\n    formData,\n    mixedFields,\n    updateFormData,\n    clearMixedField,\n  }\n}\n"],"names":["useEntityFormData","entities","isLoading","mixedFields","setMixedFields","useState","formData","setFormData","buildInitialForm","valuesByField","mixedFieldsSet","entity","mappedEntity","key","visibleFields","attribKey","result","values","value","isMixed","getMixedState","useEffect","prev","fieldName","field"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMO,MAAMA,KAAoB,CAACC,GAAoCC,MAAuB;AAC3F,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAmB,CAAA,CAAE,GACrD,CAACC,GAAUC,CAAW,IAAIF,EAA4B,IAAI,GAE1DG,IAAmB,MAAM;AAC7B,UAAMC,IAAuC,CAAA,GACvCC,wBAAqB,IAAA;AAE3B,IAAAT,EAAS,QAAQ,CAACU,MAAW;AAC3B,YAAMC,IAA2B;AAAA,QAC/B,IAAID,EAAO;AAAA,QACX,MAAMA,EAAO;AAAA,QACb,OAAOA,EAAO;AAAA,QACd,YAAYA,EAAO;AAAA,QACnB,WAAWA,EAAO;AAAA,QAClB,WAAWA,EAAO;AAAA,QAClB,aAAaA,EAAO;AAAA,QACpB,QAAQA,EAAO;AAAA,QACf,MAAMA,EAAO,QAAQ,CAAA;AAAA,QACrB,MAAMA,EAAO;AAAA,QACb,YAAYA,EAAO,QAAQ;AAAA,QAC3B,aAAaA,EAAO,SAAS;AAAA,QAC7B,UAAUA,EAAO,MAAM;AAAA,QACvB,aAAaA,EAAO,QAAQ,aAAa,cAAc;AAAA,MAAA;AAGzD,aAAO,KAAKC,CAAY,EAAE,QAAQ,CAACC,MAAQ;AACzC,QAAIC,EAAc,SAASD,CAAuB,MAChDJ,EAAcI,CAAG,IAAIJ,EAAcI,CAAG,KAAK,CAAA,GAC3CJ,EAAcI,CAAG,EAAE,KAAMD,EAAqBC,CAAG,CAAC;AAAA,MAEtD,CAAC,GAEGF,EAAO,UACT,OAAO,KAAKA,EAAO,MAAM,EAAE,QAAQ,CAACE,MAAQ;AAC1C,YAAIA,MAAQ,eAAe;AACzB,gBAAME,IAAY,UAAUF,CAAG;AAC/B,UAAAJ,EAAcM,CAAS,IAAIN,EAAcM,CAAS,KAAK,CAAA,GACvDN,EAAcM,CAAS,EAAE,KAAKJ,EAAO,SAASE,CAAG,CAAC;AAAA,QACpD;AAAA,MACF,CAAC;AAAA,IAEL,CAAC;AAED,UAAMP,IAAW,OAAO,QAAQG,CAAa,EAAE,OAAO,CAACO,GAAQ,CAACH,GAAKI,CAAM,MAAM;AAC/E,YAAM,EAAE,OAAAC,GAAO,SAAAC,MAAYC,EAAcH,CAAM;AAC/C,aAAAD,EAAOH,CAAG,IAAIK,GAEVC,KACFT,EAAe,IAAIG,CAAG,GAGjBG;AAAA,IACT,GAAG,CAAA,CAAyB;AAE5B,IAAAT,EAAYD,CAAsB,GAClCF,EAAe,MAAM,KAAKM,CAAc,CAAC;AAAA,EAC3C;AAEA,SAAAW,EAAU,MAAM;AACd,IAAInB,KAAaD,EAAS,WAAW,KACrCO,EAAA;AAAA,EACF,GAAG,CAACP,GAAUC,CAAS,CAAC,GAgBjB;AAAA,IACL,UAAAI;AAAA,IACA,aAAAH;AAAA,IACA,gBAjBqB,CAACU,GAAaK,MAAe;AAClD,MAAAX,EAAY,CAACe,MACNA,KACE;AAAA,QACL,GAAGA;AAAA,QACH,CAACT,CAAG,GAAGK;AAAA,MAAA,CAEV;AAAA,IACH;AAAA,IAUE,iBARsB,CAACK,MAAsB;AAC7C,MAAAnB,EAAe,CAACkB,MAASA,EAAK,OAAO,CAACE,MAAUA,MAAUD,CAAS,CAAC;AAAA,IACtE;AAAA,EAME;AAEJ;"}

package/dist/shared/src/components/DetailsPanelDetails/hooks/useMentionSystem.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");const e=require("react-quill-ayon");require("../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("date-fns");require("../../../containers/Feed/components/ActivityDate.cjs.js");require("lodash");require("react-toastify");require("uuid");require("../../../util/pubsub.cjs.js");require("../../../containers/Feed/context/FeedContext.cjs.js");require("../../../containers/Feed/components/CommentInput/hooks/useMentionLink.cjs.js");e.Quill.import("delta");const r={"@@@":{id:"task"},"@@":{id:"version"},"@":{id:"user",isCircle:!0}};exports.mentionTypeOptions=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");const e=require("react-quill-ayon");require("../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("date-fns");require("../../../containers/Feed/components/ActivityDate.cjs.js");require("lodash");require("react-toastify");require("uuid");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/dataImport.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/projectFolders.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../api/queries/config/getConfig.cjs.js");require("../../../api/queries/config/updateConfig.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/products/getFolderProducts.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/tasks/getTasks.cjs.js");require("../../../api/queries/tasks/updateTasks.cjs.js");require("../../../api/queries/teams/getTeams.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/users/guests.cjs.js");require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("../../../api/queries/uris/getUris.cjs.js");require("../../../util/pubsub.cjs.js");require("../../../containers/Feed/context/FeedContext.cjs.js");require("../../../containers/Feed/components/CommentInput/hooks/useMentionLink.cjs.js");e.Quill.import("delta");const r={"@@@":{id:"task"},"@@":{id:"version"},"@":{id:"user",isCircle:!0}};exports.mentionTypeOptions=r;
 //# sourceMappingURL=useMentionSystem.cjs.js.map

package/dist/shared/src/components/DetailsPanelDetails/hooks/useMentionSystem.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMentionSystem.cjs.js","sources":["../../../../../../src/components/DetailsPanelDetails/hooks/useMentionSystem.ts"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react'\nimport { Quill } from 'react-quill-ayon'\nimport getMentionOptions from '@shared/containers/Feed/mentionHelpers/getMentionOptions'\nimport getMentionUsers from '@shared/containers/Feed/mentionHelpers/getMentionUsers'\nimport getMentionVersions from '@shared/containers/Feed/mentionHelpers/getMentionVersions'\nimport getMentionTasks from '@shared/containers/Feed/mentionHelpers/getMentionTasks'\nimport { useFeedContext } from '@shared/containers/Feed/context/FeedContext'\nimport useMentionLink from '@shared/containers/Feed/components/CommentInput/hooks/useMentionLink'\n\nvar Delta = Quill.import('delta')\n\nconst mentionTypes = ['@', '@@', '@@@']\nexport const mentionTypeOptions = {\n  '@@@': {\n    id: 'task',\n  },\n  '@@': {\n    id: 'version',\n  },\n  '@': {\n    id: 'user',\n    isCircle: true,\n  },\n}\n\ninterface UseMentionSystemProps {\n  editorRef: React.RefObject<any>\n  isEditing: boolean\n  setEditorValue: (value: string) => void\n}\n\nexport const useMentionSystem = ({\n  editorRef,\n  isEditing,\n  setEditorValue,\n}: UseMentionSystemProps) => {\n  let feedContext = null\n  try {\n    feedContext = useFeedContext()\n  } catch (error) {\n    // Feed context is not available, mentions will be disabled\n  }\n\n  const { projectName, projectInfo, mentionSuggestionsData } = feedContext || {}\n  const {\n    users: mentionUsers,\n    versions: mentionVersions,\n    tasks: mentionTasks,\n  } = mentionSuggestionsData || {}\n\n  const [mention, setMention] = useState<null | any>(null)\n  const [mentionSelectedIndex, setMentionSelectedIndex] = useState(0)\n\n  // Sort mention types by length (longest first) for proper matching\n  const sortedMentionTypes = mentionTypes.toSorted((a, b) => b.length - a.length)\n\n  const mentionOptions = useMemo(() => {\n    if (!feedContext || !mentionUsers || !mentionVersions || !mentionTasks) {\n      return []\n    }\n\n    return getMentionOptions(\n      mention?.type,\n      {\n        '@': () => getMentionUsers(mentionUsers),\n        '@@': () => getMentionVersions(mentionVersions),\n        '@@@': () => getMentionTasks(mentionTasks, projectInfo?.taskTypes),\n      },\n      mention?.search,\n    )\n  }, [\n    feedContext,\n    mentionTasks,\n    mentionVersions,\n    mentionUsers,\n    mention?.type,\n    mention?.search,\n    projectInfo?.taskTypes,\n  ])\n\n  const shownMentionOptions = mentionOptions.slice(0, 5)\n\n  useMentionLink({ projectName: projectName ?? '' })\n\n  // Reset mention state when editing stops\n  useEffect(() => {\n    if (!isEditing) {\n      setMention(null)\n      setMentionSelectedIndex(0)\n    }\n  }, [isEditing])\n\n  const handleSelectMention = (selectedOption: any) => {\n    const quill = editorRef.current?.getEditor()\n\n    if (!quill || !mention) {\n      return\n    }\n\n    const typePrefix = mention.type\n    const search = typePrefix + (mention.search || '')\n    const mentionLabel = typePrefix + selectedOption.label\n    const type = mentionTypeOptions[typePrefix as keyof typeof mentionTypeOptions]\n    const href = `${type?.id}:${selectedOption.id}`\n\n    const selection = quill.getSelection(true)\n    const selectionIndex = selection?.index || 0\n    const startIndex = selectionIndex - search.length\n\n    quill.deleteText(startIndex, search.length)\n\n    quill.insertText(startIndex, mentionLabel, 'mention', href)\n\n    const endIndex = startIndex + mentionLabel.length\n\n    quill.updateContents(new Delta().retain(endIndex).insert(' '))\n\n    quill.updateContents(new Delta().retain(endIndex + 1).delete(1))\n\n    quill.setSelection(endIndex + 1)\n\n    setMention(null)\n    setMentionSelectedIndex(0)\n  }\n\n  const addTextToEditor = (type: string) => {\n    const quill = editorRef.current?.getEditor()\n\n    if (!quill) return\n\n    let retain = quill.getSelection(true)?.index || 0\n\n    const currentCharacter = quill.getText(retain - 1, 1)\n\n    const addSpace = currentCharacter !== ' ' && currentCharacter\n    if (addSpace) {\n      quill.insertText(retain, ' ')\n      retain++\n    }\n\n    quill.insertText(retain, type)\n  }\n\n  const handleMentionButton = (type: string) => {\n    if (mention) {\n      const { type, retain, search = '' } = mention\n\n      const quill = editorRef.current?.getEditor()\n      if (!quill) return\n\n      const length = type.length + search.length\n      const start = retain - type.length + 1\n      quill.deleteText(start, length)\n    }\n\n    addTextToEditor(type)\n  }\n\n  const handleMentionKeyDown = (e: React.KeyboardEvent) => {\n    if (mention) {\n      if (e.key === 'Escape') {\n        setMention(null)\n        setMentionSelectedIndex(0)\n        return\n      }\n\n      const arrowDirection = e.key === 'ArrowUp' ? -1 : e.key === 'ArrowDown' ? 1 : 0\n\n      if (arrowDirection) {\n        // navigate through mentions\n        e.preventDefault()\n        let newIndex = mentionSelectedIndex + arrowDirection\n        if (newIndex < 0) newIndex = shownMentionOptions.length - 1\n        if (newIndex >= shownMentionOptions.length) newIndex = 0\n        setMentionSelectedIndex(newIndex)\n      }\n    }\n  }\n\n  const handleMentionChange = (content: string, delta: any, _: any, editor: any) => {\n    if (!editor || !editorRef.current) {\n      setEditorValue(content)\n      return\n    }\n\n    let currentCharacter =\n      (delta.ops[0] && delta.ops[0].insert) || (delta.ops[1] && delta.ops[1].insert)\n\n    const tabOrEnter = currentCharacter === '\\n' || currentCharacter === '\\t'\n    const selectedOption = mentionOptions[mentionSelectedIndex]\n\n    if (mention && tabOrEnter && selectedOption) {\n      handleSelectMention(selectedOption)\n\n      return\n    }\n\n    setEditorValue(content)\n\n    const isDelete = delta.ops.length === 2 && !!delta.ops[1].delete\n\n    if (!currentCharacter && isDelete) {\n      currentCharacter = editor.getText(delta.ops[0].retain - 1, 1)\n    }\n\n    const isMention = currentCharacter && sortedMentionTypes.includes(currentCharacter)\n\n    if (isMention) {\n      const mentionIndex = delta.ops.findIndex((op: any) => 'insert' in op || 'delete' in op)\n      const mentionChar = currentCharacter\n      let retain = mentionIndex === 0 ? 0 : delta.ops[mentionIndex - 1].retain\n      if (isDelete) retain = retain - 1\n\n      const textBefore = editor.getText(0, retain)\n      const isAtStartOfLine = retain === 0\n      const isAfterSpace = textBefore.endsWith(' ')\n      const isAtStartOfWord = isAtStartOfLine || isAfterSpace\n\n      if (!isAtStartOfWord) {\n        setMention(null)\n        setMentionSelectedIndex(0)\n        return\n      }\n\n      let mentionMatch = null\n\n      for (const chars of sortedMentionTypes) {\n        let isMatch = true\n        if (chars.endsWith(mentionChar)) {\n          for (let i = chars.length - 1; i >= 0; i--) {\n            if (i === 0) continue\n            const char = chars[i - 1]\n            const indexInDelta = retain - (chars.length - i)\n            const valueCharAtIndex = editor.getText(indexInDelta, 1)\n            if (valueCharAtIndex !== char) {\n              isMatch = false\n              break\n            }\n          }\n        } else {\n          isMatch = false\n        }\n\n        if (isMatch) {\n          mentionMatch = chars\n          break\n        }\n      }\n\n      if (mentionMatch) {\n        setMention({\n          type: mentionMatch,\n          retain: retain,\n        })\n      } else {\n        setMention(null)\n        setMentionSelectedIndex(0)\n      }\n    } else {\n      if (mention) {\n        const retain = delta.ops[0].retain\n        if (\n          currentCharacter === ' ' ||\n          !retain ||\n          !currentCharacter ||\n          !sortedMentionTypes.includes(currentCharacter)\n        ) {\n          setMention(null)\n          setMentionSelectedIndex(0)\n          return\n        }\n\n        let distanceMentionToRetain = retain - mention.retain\n        if (!isDelete) distanceMentionToRetain++\n        const mentionFull = editor.getText(mention.retain, distanceMentionToRetain)\n        const mentionSearch = mentionFull.replace(mention.type.slice(-1), '')\n        //  check for space in mentionFull\n        if (mentionFull.includes(' ')) {\n          setMention(null)\n          setMentionSelectedIndex(0)\n        } else {\n          setMention({\n            ...mention,\n            search: mentionSearch?.toLowerCase(),\n          })\n        }\n      } else {\n        const quill = editorRef.current?.getEditor()\n        if (quill) {\n          const currentSelection = quill.getSelection(false)\n          const currentFormat = quill.getFormat(currentSelection?.index, currentSelection?.length)\n          if (currentFormat.mention) {\n            const [lineBlock] = quill.getLine(currentSelection.index - 1) || []\n            const ops = lineBlock?.cache?.delta?.ops || []\n            const lastMentionOp = ops.reverse().find((op: any) => op.attributes?.mention)\n            if (lastMentionOp) {\n              const mentionLength = lastMentionOp.insert.length\n              quill.deleteText(currentSelection.index - mentionLength, mentionLength)\n            }\n          }\n        }\n      }\n    }\n  }\n\n  return {\n    feedContext,\n    projectName,\n    mention,\n    mentionSelectedIndex,\n    mentionOptions: shownMentionOptions,\n    mentionTypes: sortedMentionTypes,\n    mentionTypeOptions,\n    handleSelectMention,\n    handleMentionButton,\n    handleMentionKeyDown,\n    handleMentionChange,\n  }\n}\n"],"names":["Quill","mentionTypeOptions"],"mappings":"uiBASYA,EAAAA,MAAM,OAAO,OAAO,EAGzB,MAAMC,EAAqB,CAChC,MAAO,CACL,GAAI,MAAA,EAEN,KAAM,CACJ,GAAI,SAAA,EAEN,IAAK,CACH,GAAI,OACJ,SAAU,EAAA,CAEd"}
+{"version":3,"file":"useMentionSystem.cjs.js","sources":["../../../../../../src/components/DetailsPanelDetails/hooks/useMentionSystem.ts"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react'\nimport { Quill } from 'react-quill-ayon'\nimport getMentionOptions from '@shared/containers/Feed/mentionHelpers/getMentionOptions'\nimport getMentionUsers from '@shared/containers/Feed/mentionHelpers/getMentionUsers'\nimport getMentionVersions from '@shared/containers/Feed/mentionHelpers/getMentionVersions'\nimport getMentionTasks from '@shared/containers/Feed/mentionHelpers/getMentionTasks'\nimport { useFeedContext } from '@shared/containers/Feed/context/FeedContext'\nimport useMentionLink from '@shared/containers/Feed/components/CommentInput/hooks/useMentionLink'\n\nvar Delta = Quill.import('delta')\n\nconst mentionTypes = ['@', '@@', '@@@']\nexport const mentionTypeOptions = {\n  '@@@': {\n    id: 'task',\n  },\n  '@@': {\n    id: 'version',\n  },\n  '@': {\n    id: 'user',\n    isCircle: true,\n  },\n}\n\ninterface UseMentionSystemProps {\n  editorRef: React.RefObject<any>\n  isEditing: boolean\n  setEditorValue: (value: string) => void\n}\n\nexport const useMentionSystem = ({\n  editorRef,\n  isEditing,\n  setEditorValue,\n}: UseMentionSystemProps) => {\n  let feedContext = null\n  try {\n    feedContext = useFeedContext()\n  } catch (error) {\n    // Feed context is not available, mentions will be disabled\n  }\n\n  const { projectName, projectInfo, mentionSuggestionsData } = feedContext || {}\n  const {\n    users: mentionUsers,\n    versions: mentionVersions,\n    tasks: mentionTasks,\n  } = mentionSuggestionsData || {}\n\n  const [mention, setMention] = useState<null | any>(null)\n  const [mentionSelectedIndex, setMentionSelectedIndex] = useState(0)\n\n  // Sort mention types by length (longest first) for proper matching\n  const sortedMentionTypes = mentionTypes.toSorted((a, b) => b.length - a.length)\n\n  const mentionOptions = useMemo(() => {\n    if (!feedContext || !mentionUsers || !mentionVersions || !mentionTasks) {\n      return []\n    }\n\n    return getMentionOptions(\n      mention?.type,\n      {\n        '@': () => getMentionUsers(mentionUsers),\n        '@@': () => getMentionVersions(mentionVersions),\n        '@@@': () => getMentionTasks(mentionTasks, projectInfo?.taskTypes),\n      },\n      mention?.search,\n    )\n  }, [\n    feedContext,\n    mentionTasks,\n    mentionVersions,\n    mentionUsers,\n    mention?.type,\n    mention?.search,\n    projectInfo?.taskTypes,\n  ])\n\n  const shownMentionOptions = mentionOptions.slice(0, 5)\n\n  useMentionLink({ projectName: projectName ?? '' })\n\n  // Reset mention state when editing stops\n  useEffect(() => {\n    if (!isEditing) {\n      setMention(null)\n      setMentionSelectedIndex(0)\n    }\n  }, [isEditing])\n\n  const handleSelectMention = (selectedOption: any) => {\n    const quill = editorRef.current?.getEditor()\n\n    if (!quill || !mention) {\n      return\n    }\n\n    const typePrefix = mention.type\n    const search = typePrefix + (mention.search || '')\n    const mentionLabel = typePrefix + selectedOption.label\n    const type = mentionTypeOptions[typePrefix as keyof typeof mentionTypeOptions]\n    const href = `${type?.id}:${selectedOption.id}`\n\n    const selection = quill.getSelection(true)\n    const selectionIndex = selection?.index || 0\n    const startIndex = selectionIndex - search.length\n\n    quill.deleteText(startIndex, search.length)\n\n    quill.insertText(startIndex, mentionLabel, 'mention', href)\n\n    const endIndex = startIndex + mentionLabel.length\n\n    quill.updateContents(new Delta().retain(endIndex).insert(' '))\n\n    quill.updateContents(new Delta().retain(endIndex + 1).delete(1))\n\n    quill.setSelection(endIndex + 1)\n\n    setMention(null)\n    setMentionSelectedIndex(0)\n  }\n\n  const addTextToEditor = (type: string) => {\n    const quill = editorRef.current?.getEditor()\n\n    if (!quill) return\n\n    let retain = quill.getSelection(true)?.index || 0\n\n    const currentCharacter = quill.getText(retain - 1, 1)\n\n    const addSpace = currentCharacter !== ' ' && currentCharacter\n    if (addSpace) {\n      quill.insertText(retain, ' ')\n      retain++\n    }\n\n    quill.insertText(retain, type)\n  }\n\n  const handleMentionButton = (type: string) => {\n    if (mention) {\n      const { type, retain, search = '' } = mention\n\n      const quill = editorRef.current?.getEditor()\n      if (!quill) return\n\n      const length = type.length + search.length\n      const start = retain - type.length + 1\n      quill.deleteText(start, length)\n    }\n\n    addTextToEditor(type)\n  }\n\n  const handleMentionKeyDown = (e: React.KeyboardEvent) => {\n    if (mention) {\n      if (e.key === 'Escape') {\n        setMention(null)\n        setMentionSelectedIndex(0)\n        return\n      }\n\n      const arrowDirection = e.key === 'ArrowUp' ? -1 : e.key === 'ArrowDown' ? 1 : 0\n\n      if (arrowDirection) {\n        // navigate through mentions\n        e.preventDefault()\n        let newIndex = mentionSelectedIndex + arrowDirection\n        if (newIndex < 0) newIndex = shownMentionOptions.length - 1\n        if (newIndex >= shownMentionOptions.length) newIndex = 0\n        setMentionSelectedIndex(newIndex)\n      }\n    }\n  }\n\n  const handleMentionChange = (content: string, delta: any, _: any, editor: any) => {\n    if (!editor || !editorRef.current) {\n      setEditorValue(content)\n      return\n    }\n\n    let currentCharacter =\n      (delta.ops[0] && delta.ops[0].insert) || (delta.ops[1] && delta.ops[1].insert)\n\n    const tabOrEnter = currentCharacter === '\\n' || currentCharacter === '\\t'\n    const selectedOption = mentionOptions[mentionSelectedIndex]\n\n    if (mention && tabOrEnter && selectedOption) {\n      handleSelectMention(selectedOption)\n\n      return\n    }\n\n    setEditorValue(content)\n\n    const isDelete = delta.ops.length === 2 && !!delta.ops[1].delete\n\n    if (!currentCharacter && isDelete) {\n      currentCharacter = editor.getText(delta.ops[0].retain - 1, 1)\n    }\n\n    const isMention = currentCharacter && sortedMentionTypes.includes(currentCharacter)\n\n    if (isMention) {\n      const mentionIndex = delta.ops.findIndex((op: any) => 'insert' in op || 'delete' in op)\n      const mentionChar = currentCharacter\n      let retain = mentionIndex === 0 ? 0 : delta.ops[mentionIndex - 1].retain\n      if (isDelete) retain = retain - 1\n\n      const textBefore = editor.getText(0, retain)\n      const isAtStartOfLine = retain === 0\n      const isAfterSpace = textBefore.endsWith(' ')\n      const isAtStartOfWord = isAtStartOfLine || isAfterSpace\n\n      if (!isAtStartOfWord) {\n        setMention(null)\n        setMentionSelectedIndex(0)\n        return\n      }\n\n      let mentionMatch = null\n\n      for (const chars of sortedMentionTypes) {\n        let isMatch = true\n        if (chars.endsWith(mentionChar)) {\n          for (let i = chars.length - 1; i >= 0; i--) {\n            if (i === 0) continue\n            const char = chars[i - 1]\n            const indexInDelta = retain - (chars.length - i)\n            const valueCharAtIndex = editor.getText(indexInDelta, 1)\n            if (valueCharAtIndex !== char) {\n              isMatch = false\n              break\n            }\n          }\n        } else {\n          isMatch = false\n        }\n\n        if (isMatch) {\n          mentionMatch = chars\n          break\n        }\n      }\n\n      if (mentionMatch) {\n        setMention({\n          type: mentionMatch,\n          retain: retain,\n        })\n      } else {\n        setMention(null)\n        setMentionSelectedIndex(0)\n      }\n    } else {\n      if (mention) {\n        const retain = delta.ops[0].retain\n        if (\n          currentCharacter === ' ' ||\n          !retain ||\n          !currentCharacter ||\n          !sortedMentionTypes.includes(currentCharacter)\n        ) {\n          setMention(null)\n          setMentionSelectedIndex(0)\n          return\n        }\n\n        let distanceMentionToRetain = retain - mention.retain\n        if (!isDelete) distanceMentionToRetain++\n        const mentionFull = editor.getText(mention.retain, distanceMentionToRetain)\n        const mentionSearch = mentionFull.replace(mention.type.slice(-1), '')\n        //  check for space in mentionFull\n        if (mentionFull.includes(' ')) {\n          setMention(null)\n          setMentionSelectedIndex(0)\n        } else {\n          setMention({\n            ...mention,\n            search: mentionSearch?.toLowerCase(),\n          })\n        }\n      } else {\n        const quill = editorRef.current?.getEditor()\n        if (quill) {\n          const currentSelection = quill.getSelection(false)\n          const currentFormat = quill.getFormat(currentSelection?.index, currentSelection?.length)\n          if (currentFormat.mention) {\n            const [lineBlock] = quill.getLine(currentSelection.index - 1) || []\n            const ops = lineBlock?.cache?.delta?.ops || []\n            const lastMentionOp = ops.reverse().find((op: any) => op.attributes?.mention)\n            if (lastMentionOp) {\n              const mentionLength = lastMentionOp.insert.length\n              quill.deleteText(currentSelection.index - mentionLength, mentionLength)\n            }\n          }\n        }\n      }\n    }\n  }\n\n  return {\n    feedContext,\n    projectName,\n    mention,\n    mentionSelectedIndex,\n    mentionOptions: shownMentionOptions,\n    mentionTypes: sortedMentionTypes,\n    mentionTypeOptions,\n    handleSelectMention,\n    handleMentionButton,\n    handleMentionKeyDown,\n    handleMentionChange,\n  }\n}\n"],"names":["Quill","mentionTypeOptions"],"mappings":"2sLASYA,EAAAA,MAAM,OAAO,OAAO,EAGzB,MAAMC,EAAqB,CAChC,MAAO,CACL,GAAI,MAAA,EAEN,KAAM,CACJ,GAAI,SAAA,EAEN,IAAK,CACH,GAAI,OACJ,SAAU,EAAA,CAEd"}

package/dist/shared/src/components/DetailsPanelDetails/hooks/useMentionSystem.es.js

@@ -6,11 +6,105 @@ import "../../../containers/Feed/components/ActivityDate.es.js";
 import "lodash";
 import "react-toastify";
 import "uuid";
+import "../../../api/base/client.es.js";
+import "../../../api/generated/graphql.es.js";
+import "../../../api/generated/graphqlLinks.es.js";
+import "../../../api/generated/access.es.js";
+import "../../../api/generated/actions.es.js";
+import "../../../api/generated/activityFeed.es.js";
+import "../../../api/generated/addons.es.js";
+import "../../../api/generated/anatomy.es.js";
+import "../../../api/generated/attributes.es.js";
+import "../../../api/generated/authentication.es.js";
+import "../../../api/generated/bundles.es.js";
+import "../../../api/generated/configuration.es.js";
+import "../../../api/generated/dataImport.es.js";
+import "../../../api/generated/desktop.es.js";
+import "../../../api/generated/entityLists.es.js";
+import "../../../api/generated/events.es.js";
+import "../../../api/generated/files.es.js";
+import "../../../api/generated/folders.es.js";
+import "../../../api/generated/inbox.es.js";
+import "../../../api/generated/links.es.js";
+import "../../../api/generated/market.es.js";
+import "../../../api/generated/onboarding.es.js";
+import "../../../api/generated/operations.es.js";
+import "../../../api/generated/products.es.js";
+import "../../../api/generated/projectDashboard.es.js";
+import "../../../api/generated/projects.es.js";
+import "../../../api/generated/projectFolders.es.js";
+import "../../../api/generated/reviewables.es.js";
+import "../../../api/generated/services.es.js";
+import "../../../api/generated/system.es.js";
+import "../../../api/generated/tasks.es.js";
+import "../../../api/generated/teams.es.js";
+import "../../../api/generated/thumbnails.es.js";
+import "../../../api/generated/uRIs.es.js";
+import "../../../api/generated/users.es.js";
+import "../../../api/generated/versions.es.js";
+import "../../../api/generated/workfiles.es.js";
+import "../../../api/generated/ynputCloud.es.js";
+import "../../../api/generated/grouping.es.js";
+import "../../../api/generated/views.es.js";
+import "../../../api/queries/actions/getActions.es.js";
+import "../../../api/queries/activities/getActivities.es.js";
+import "../../../api/queries/activities/updateReaction.es.js";
+import "../../../api/queries/activities/getMentions.es.js";
+import "../../../api/queries/activities/getCategories.es.js";
+import "../../../api/queries/addons/getAddons.es.js";
+import "../../../api/queries/addons/updateAddons.es.js";
+import "../../../api/queries/attributes/getAttributes.es.js";
+import "../../../api/queries/attributes/updateAttributes.es.js";
+import "../../../api/queries/authentication/getAuthentication.es.js";
+import "../../../api/queries/cloud/cloud.es.js";
+import "../../../api/queries/columnStats/metricTargets.es.js";
+import "../../../api/queries/config/getConfig.es.js";
+import "../../../api/queries/config/updateConfig.es.js";
+import "../../../api/queries/entities/getEntity.es.js";
+import "../../../api/queries/entities/getEntityPanel.es.js";
+import "../../../api/queries/overview/getOverview.es.js";
+import "../../../api/queries/overview/updateOverview.es.js";
+import "../../../api/queries/versions/getVersionsProducts.es.js";
+import "../../../api/queries/links/getEntityLinks.es.js";
+import "../../../api/queries/entities/updateEntity.es.js";
+import "../../../api/queries/entityLists/getLists.es.js";
+import "../../../api/queries/entityLists/updateLists.es.js";
+import "../../../api/queries/entityLists/getListsAttributes.es.js";
+import "../../../api/queries/entityLists/listItemsColumnStats.es.js";
+import "../../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../../api/queries/entityLists/listFolders.es.js";
+import "../../../api/queries/folders/getFolders.es.js";
+import "../../../api/queries/folders/getFolderDeleteInfo.es.js";
+import "../../../api/queries/grouping/getGrouping.es.js";
+import "../../../api/queries/links/updateLinks.es.js";
+import "../../../api/queries/links/getLinks.es.js";
+import "../../../api/queries/permissions/getPermissions.es.js";
+import "../../../api/queries/products/createProduct.es.js";
+import "../../../api/queries/products/getFolderProducts.es.js";
+import "../../../api/queries/project/getProject.es.js";
+import "../../../api/queries/project/updateProject.es.js";
+import "../../../api/queries/projectFolders/projectFolders.es.js";
+import "../../../api/queries/review/getReview.es.js";
+import "../../../api/queries/review/updateReview.es.js";
+import "../../../api/queries/share/share.es.js";
+import "../../../api/queries/system/getSystem.es.js";
+import "../../../api/queries/tasks/getTasks.es.js";
+import "../../../api/queries/tasks/updateTasks.es.js";
+import "../../../api/queries/teams/getTeams.es.js";
+import "../../../api/queries/userDashboard/getUserDashboard.es.js";
+import "../../../api/queries/users/getUsers.es.js";
+import "../../../api/queries/users/updateUsers.es.js";
+import "../../../api/queries/users/guests.es.js";
+import "../../../api/queries/versions/updateVersions.es.js";
+import "../../../api/queries/views/getViews.es.js";
+import "../../../api/queries/views/updateViews.es.js";
+import "../../../api/queries/watchers/getWatchers.es.js";
+import "../../../api/queries/uris/getUris.es.js";
 import "../../../util/pubsub.es.js";
 import "../../../containers/Feed/context/FeedContext.es.js";
 import "../../../containers/Feed/components/CommentInput/hooks/useMentionLink.es.js";
 i.import("delta");
-const a = {
+const _i = {
   "@@@": {
     id: "task"
   },
@@ -23,6 +117,6 @@ const a = {
   }
 };
 export {
-  a as mentionTypeOptions
+  _i as mentionTypeOptions
 };
 //# sourceMappingURL=useMentionSystem.es.js.map

package/dist/shared/src/components/DetailsPanelDetails/hooks/useMentionSystem.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMentionSystem.es.js","sources":["../../../../../../src/components/DetailsPanelDetails/hooks/useMentionSystem.ts"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react'\nimport { Quill } from 'react-quill-ayon'\nimport getMentionOptions from '@shared/containers/Feed/mentionHelpers/getMentionOptions'\nimport getMentionUsers from '@shared/containers/Feed/mentionHelpers/getMentionUsers'\nimport getMentionVersions from '@shared/containers/Feed/mentionHelpers/getMentionVersions'\nimport getMentionTasks from '@shared/containers/Feed/mentionHelpers/getMentionTasks'\nimport { useFeedContext } from '@shared/containers/Feed/context/FeedContext'\nimport useMentionLink from '@shared/containers/Feed/components/CommentInput/hooks/useMentionLink'\n\nvar Delta = Quill.import('delta')\n\nconst mentionTypes = ['@', '@@', '@@@']\nexport const mentionTypeOptions = {\n  '@@@': {\n    id: 'task',\n  },\n  '@@': {\n    id: 'version',\n  },\n  '@': {\n    id: 'user',\n    isCircle: true,\n  },\n}\n\ninterface UseMentionSystemProps {\n  editorRef: React.RefObject<any>\n  isEditing: boolean\n  setEditorValue: (value: string) => void\n}\n\nexport const useMentionSystem = ({\n  editorRef,\n  isEditing,\n  setEditorValue,\n}: UseMentionSystemProps) => {\n  let feedContext = null\n  try {\n    feedContext = useFeedContext()\n  } catch (error) {\n    // Feed context is not available, mentions will be disabled\n  }\n\n  const { projectName, projectInfo, mentionSuggestionsData } = feedContext || {}\n  const {\n    users: mentionUsers,\n    versions: mentionVersions,\n    tasks: mentionTasks,\n  } = mentionSuggestionsData || {}\n\n  const [mention, setMention] = useState<null | any>(null)\n  const [mentionSelectedIndex, setMentionSelectedIndex] = useState(0)\n\n  // Sort mention types by length (longest first) for proper matching\n  const sortedMentionTypes = mentionTypes.toSorted((a, b) => b.length - a.length)\n\n  const mentionOptions = useMemo(() => {\n    if (!feedContext || !mentionUsers || !mentionVersions || !mentionTasks) {\n      return []\n    }\n\n    return getMentionOptions(\n      mention?.type,\n      {\n        '@': () => getMentionUsers(mentionUsers),\n        '@@': () => getMentionVersions(mentionVersions),\n        '@@@': () => getMentionTasks(mentionTasks, projectInfo?.taskTypes),\n      },\n      mention?.search,\n    )\n  }, [\n    feedContext,\n    mentionTasks,\n    mentionVersions,\n    mentionUsers,\n    mention?.type,\n    mention?.search,\n    projectInfo?.taskTypes,\n  ])\n\n  const shownMentionOptions = mentionOptions.slice(0, 5)\n\n  useMentionLink({ projectName: projectName ?? '' })\n\n  // Reset mention state when editing stops\n  useEffect(() => {\n    if (!isEditing) {\n      setMention(null)\n      setMentionSelectedIndex(0)\n    }\n  }, [isEditing])\n\n  const handleSelectMention = (selectedOption: any) => {\n    const quill = editorRef.current?.getEditor()\n\n    if (!quill || !mention) {\n      return\n    }\n\n    const typePrefix = mention.type\n    const search = typePrefix + (mention.search || '')\n    const mentionLabel = typePrefix + selectedOption.label\n    const type = mentionTypeOptions[typePrefix as keyof typeof mentionTypeOptions]\n    const href = `${type?.id}:${selectedOption.id}`\n\n    const selection = quill.getSelection(true)\n    const selectionIndex = selection?.index || 0\n    const startIndex = selectionIndex - search.length\n\n    quill.deleteText(startIndex, search.length)\n\n    quill.insertText(startIndex, mentionLabel, 'mention', href)\n\n    const endIndex = startIndex + mentionLabel.length\n\n    quill.updateContents(new Delta().retain(endIndex).insert(' '))\n\n    quill.updateContents(new Delta().retain(endIndex + 1).delete(1))\n\n    quill.setSelection(endIndex + 1)\n\n    setMention(null)\n    setMentionSelectedIndex(0)\n  }\n\n  const addTextToEditor = (type: string) => {\n    const quill = editorRef.current?.getEditor()\n\n    if (!quill) return\n\n    let retain = quill.getSelection(true)?.index || 0\n\n    const currentCharacter = quill.getText(retain - 1, 1)\n\n    const addSpace = currentCharacter !== ' ' && currentCharacter\n    if (addSpace) {\n      quill.insertText(retain, ' ')\n      retain++\n    }\n\n    quill.insertText(retain, type)\n  }\n\n  const handleMentionButton = (type: string) => {\n    if (mention) {\n      const { type, retain, search = '' } = mention\n\n      const quill = editorRef.current?.getEditor()\n      if (!quill) return\n\n      const length = type.length + search.length\n      const start = retain - type.length + 1\n      quill.deleteText(start, length)\n    }\n\n    addTextToEditor(type)\n  }\n\n  const handleMentionKeyDown = (e: React.KeyboardEvent) => {\n    if (mention) {\n      if (e.key === 'Escape') {\n        setMention(null)\n        setMentionSelectedIndex(0)\n        return\n      }\n\n      const arrowDirection = e.key === 'ArrowUp' ? -1 : e.key === 'ArrowDown' ? 1 : 0\n\n      if (arrowDirection) {\n        // navigate through mentions\n        e.preventDefault()\n        let newIndex = mentionSelectedIndex + arrowDirection\n        if (newIndex < 0) newIndex = shownMentionOptions.length - 1\n        if (newIndex >= shownMentionOptions.length) newIndex = 0\n        setMentionSelectedIndex(newIndex)\n      }\n    }\n  }\n\n  const handleMentionChange = (content: string, delta: any, _: any, editor: any) => {\n    if (!editor || !editorRef.current) {\n      setEditorValue(content)\n      return\n    }\n\n    let currentCharacter =\n      (delta.ops[0] && delta.ops[0].insert) || (delta.ops[1] && delta.ops[1].insert)\n\n    const tabOrEnter = currentCharacter === '\\n' || currentCharacter === '\\t'\n    const selectedOption = mentionOptions[mentionSelectedIndex]\n\n    if (mention && tabOrEnter && selectedOption) {\n      handleSelectMention(selectedOption)\n\n      return\n    }\n\n    setEditorValue(content)\n\n    const isDelete = delta.ops.length === 2 && !!delta.ops[1].delete\n\n    if (!currentCharacter && isDelete) {\n      currentCharacter = editor.getText(delta.ops[0].retain - 1, 1)\n    }\n\n    const isMention = currentCharacter && sortedMentionTypes.includes(currentCharacter)\n\n    if (isMention) {\n      const mentionIndex = delta.ops.findIndex((op: any) => 'insert' in op || 'delete' in op)\n      const mentionChar = currentCharacter\n      let retain = mentionIndex === 0 ? 0 : delta.ops[mentionIndex - 1].retain\n      if (isDelete) retain = retain - 1\n\n      const textBefore = editor.getText(0, retain)\n      const isAtStartOfLine = retain === 0\n      const isAfterSpace = textBefore.endsWith(' ')\n      const isAtStartOfWord = isAtStartOfLine || isAfterSpace\n\n      if (!isAtStartOfWord) {\n        setMention(null)\n        setMentionSelectedIndex(0)\n        return\n      }\n\n      let mentionMatch = null\n\n      for (const chars of sortedMentionTypes) {\n        let isMatch = true\n        if (chars.endsWith(mentionChar)) {\n          for (let i = chars.length - 1; i >= 0; i--) {\n            if (i === 0) continue\n            const char = chars[i - 1]\n            const indexInDelta = retain - (chars.length - i)\n            const valueCharAtIndex = editor.getText(indexInDelta, 1)\n            if (valueCharAtIndex !== char) {\n              isMatch = false\n              break\n            }\n          }\n        } else {\n          isMatch = false\n        }\n\n        if (isMatch) {\n          mentionMatch = chars\n          break\n        }\n      }\n\n      if (mentionMatch) {\n        setMention({\n          type: mentionMatch,\n          retain: retain,\n        })\n      } else {\n        setMention(null)\n        setMentionSelectedIndex(0)\n      }\n    } else {\n      if (mention) {\n        const retain = delta.ops[0].retain\n        if (\n          currentCharacter === ' ' ||\n          !retain ||\n          !currentCharacter ||\n          !sortedMentionTypes.includes(currentCharacter)\n        ) {\n          setMention(null)\n          setMentionSelectedIndex(0)\n          return\n        }\n\n        let distanceMentionToRetain = retain - mention.retain\n        if (!isDelete) distanceMentionToRetain++\n        const mentionFull = editor.getText(mention.retain, distanceMentionToRetain)\n        const mentionSearch = mentionFull.replace(mention.type.slice(-1), '')\n        //  check for space in mentionFull\n        if (mentionFull.includes(' ')) {\n          setMention(null)\n          setMentionSelectedIndex(0)\n        } else {\n          setMention({\n            ...mention,\n            search: mentionSearch?.toLowerCase(),\n          })\n        }\n      } else {\n        const quill = editorRef.current?.getEditor()\n        if (quill) {\n          const currentSelection = quill.getSelection(false)\n          const currentFormat = quill.getFormat(currentSelection?.index, currentSelection?.length)\n          if (currentFormat.mention) {\n            const [lineBlock] = quill.getLine(currentSelection.index - 1) || []\n            const ops = lineBlock?.cache?.delta?.ops || []\n            const lastMentionOp = ops.reverse().find((op: any) => op.attributes?.mention)\n            if (lastMentionOp) {\n              const mentionLength = lastMentionOp.insert.length\n              quill.deleteText(currentSelection.index - mentionLength, mentionLength)\n            }\n          }\n        }\n      }\n    }\n  }\n\n  return {\n    feedContext,\n    projectName,\n    mention,\n    mentionSelectedIndex,\n    mentionOptions: shownMentionOptions,\n    mentionTypes: sortedMentionTypes,\n    mentionTypeOptions,\n    handleSelectMention,\n    handleMentionButton,\n    handleMentionKeyDown,\n    handleMentionChange,\n  }\n}\n"],"names":["Quill","mentionTypeOptions"],"mappings":";;;;;;;;;;;AASYA,EAAM,OAAO,OAAO;AAGzB,MAAMC,IAAqB;AAAA,EAChC,OAAO;AAAA,IACL,IAAI;AAAA,EAAA;AAAA,EAEN,MAAM;AAAA,IACJ,IAAI;AAAA,EAAA;AAAA,EAEN,KAAK;AAAA,IACH,IAAI;AAAA,IACJ,UAAU;AAAA,EAAA;AAEd;"}
+{"version":3,"file":"useMentionSystem.es.js","sources":["../../../../../../src/components/DetailsPanelDetails/hooks/useMentionSystem.ts"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react'\nimport { Quill } from 'react-quill-ayon'\nimport getMentionOptions from '@shared/containers/Feed/mentionHelpers/getMentionOptions'\nimport getMentionUsers from '@shared/containers/Feed/mentionHelpers/getMentionUsers'\nimport getMentionVersions from '@shared/containers/Feed/mentionHelpers/getMentionVersions'\nimport getMentionTasks from '@shared/containers/Feed/mentionHelpers/getMentionTasks'\nimport { useFeedContext } from '@shared/containers/Feed/context/FeedContext'\nimport useMentionLink from '@shared/containers/Feed/components/CommentInput/hooks/useMentionLink'\n\nvar Delta = Quill.import('delta')\n\nconst mentionTypes = ['@', '@@', '@@@']\nexport const mentionTypeOptions = {\n  '@@@': {\n    id: 'task',\n  },\n  '@@': {\n    id: 'version',\n  },\n  '@': {\n    id: 'user',\n    isCircle: true,\n  },\n}\n\ninterface UseMentionSystemProps {\n  editorRef: React.RefObject<any>\n  isEditing: boolean\n  setEditorValue: (value: string) => void\n}\n\nexport const useMentionSystem = ({\n  editorRef,\n  isEditing,\n  setEditorValue,\n}: UseMentionSystemProps) => {\n  let feedContext = null\n  try {\n    feedContext = useFeedContext()\n  } catch (error) {\n    // Feed context is not available, mentions will be disabled\n  }\n\n  const { projectName, projectInfo, mentionSuggestionsData } = feedContext || {}\n  const {\n    users: mentionUsers,\n    versions: mentionVersions,\n    tasks: mentionTasks,\n  } = mentionSuggestionsData || {}\n\n  const [mention, setMention] = useState<null | any>(null)\n  const [mentionSelectedIndex, setMentionSelectedIndex] = useState(0)\n\n  // Sort mention types by length (longest first) for proper matching\n  const sortedMentionTypes = mentionTypes.toSorted((a, b) => b.length - a.length)\n\n  const mentionOptions = useMemo(() => {\n    if (!feedContext || !mentionUsers || !mentionVersions || !mentionTasks) {\n      return []\n    }\n\n    return getMentionOptions(\n      mention?.type,\n      {\n        '@': () => getMentionUsers(mentionUsers),\n        '@@': () => getMentionVersions(mentionVersions),\n        '@@@': () => getMentionTasks(mentionTasks, projectInfo?.taskTypes),\n      },\n      mention?.search,\n    )\n  }, [\n    feedContext,\n    mentionTasks,\n    mentionVersions,\n    mentionUsers,\n    mention?.type,\n    mention?.search,\n    projectInfo?.taskTypes,\n  ])\n\n  const shownMentionOptions = mentionOptions.slice(0, 5)\n\n  useMentionLink({ projectName: projectName ?? '' })\n\n  // Reset mention state when editing stops\n  useEffect(() => {\n    if (!isEditing) {\n      setMention(null)\n      setMentionSelectedIndex(0)\n    }\n  }, [isEditing])\n\n  const handleSelectMention = (selectedOption: any) => {\n    const quill = editorRef.current?.getEditor()\n\n    if (!quill || !mention) {\n      return\n    }\n\n    const typePrefix = mention.type\n    const search = typePrefix + (mention.search || '')\n    const mentionLabel = typePrefix + selectedOption.label\n    const type = mentionTypeOptions[typePrefix as keyof typeof mentionTypeOptions]\n    const href = `${type?.id}:${selectedOption.id}`\n\n    const selection = quill.getSelection(true)\n    const selectionIndex = selection?.index || 0\n    const startIndex = selectionIndex - search.length\n\n    quill.deleteText(startIndex, search.length)\n\n    quill.insertText(startIndex, mentionLabel, 'mention', href)\n\n    const endIndex = startIndex + mentionLabel.length\n\n    quill.updateContents(new Delta().retain(endIndex).insert(' '))\n\n    quill.updateContents(new Delta().retain(endIndex + 1).delete(1))\n\n    quill.setSelection(endIndex + 1)\n\n    setMention(null)\n    setMentionSelectedIndex(0)\n  }\n\n  const addTextToEditor = (type: string) => {\n    const quill = editorRef.current?.getEditor()\n\n    if (!quill) return\n\n    let retain = quill.getSelection(true)?.index || 0\n\n    const currentCharacter = quill.getText(retain - 1, 1)\n\n    const addSpace = currentCharacter !== ' ' && currentCharacter\n    if (addSpace) {\n      quill.insertText(retain, ' ')\n      retain++\n    }\n\n    quill.insertText(retain, type)\n  }\n\n  const handleMentionButton = (type: string) => {\n    if (mention) {\n      const { type, retain, search = '' } = mention\n\n      const quill = editorRef.current?.getEditor()\n      if (!quill) return\n\n      const length = type.length + search.length\n      const start = retain - type.length + 1\n      quill.deleteText(start, length)\n    }\n\n    addTextToEditor(type)\n  }\n\n  const handleMentionKeyDown = (e: React.KeyboardEvent) => {\n    if (mention) {\n      if (e.key === 'Escape') {\n        setMention(null)\n        setMentionSelectedIndex(0)\n        return\n      }\n\n      const arrowDirection = e.key === 'ArrowUp' ? -1 : e.key === 'ArrowDown' ? 1 : 0\n\n      if (arrowDirection) {\n        // navigate through mentions\n        e.preventDefault()\n        let newIndex = mentionSelectedIndex + arrowDirection\n        if (newIndex < 0) newIndex = shownMentionOptions.length - 1\n        if (newIndex >= shownMentionOptions.length) newIndex = 0\n        setMentionSelectedIndex(newIndex)\n      }\n    }\n  }\n\n  const handleMentionChange = (content: string, delta: any, _: any, editor: any) => {\n    if (!editor || !editorRef.current) {\n      setEditorValue(content)\n      return\n    }\n\n    let currentCharacter =\n      (delta.ops[0] && delta.ops[0].insert) || (delta.ops[1] && delta.ops[1].insert)\n\n    const tabOrEnter = currentCharacter === '\\n' || currentCharacter === '\\t'\n    const selectedOption = mentionOptions[mentionSelectedIndex]\n\n    if (mention && tabOrEnter && selectedOption) {\n      handleSelectMention(selectedOption)\n\n      return\n    }\n\n    setEditorValue(content)\n\n    const isDelete = delta.ops.length === 2 && !!delta.ops[1].delete\n\n    if (!currentCharacter && isDelete) {\n      currentCharacter = editor.getText(delta.ops[0].retain - 1, 1)\n    }\n\n    const isMention = currentCharacter && sortedMentionTypes.includes(currentCharacter)\n\n    if (isMention) {\n      const mentionIndex = delta.ops.findIndex((op: any) => 'insert' in op || 'delete' in op)\n      const mentionChar = currentCharacter\n      let retain = mentionIndex === 0 ? 0 : delta.ops[mentionIndex - 1].retain\n      if (isDelete) retain = retain - 1\n\n      const textBefore = editor.getText(0, retain)\n      const isAtStartOfLine = retain === 0\n      const isAfterSpace = textBefore.endsWith(' ')\n      const isAtStartOfWord = isAtStartOfLine || isAfterSpace\n\n      if (!isAtStartOfWord) {\n        setMention(null)\n        setMentionSelectedIndex(0)\n        return\n      }\n\n      let mentionMatch = null\n\n      for (const chars of sortedMentionTypes) {\n        let isMatch = true\n        if (chars.endsWith(mentionChar)) {\n          for (let i = chars.length - 1; i >= 0; i--) {\n            if (i === 0) continue\n            const char = chars[i - 1]\n            const indexInDelta = retain - (chars.length - i)\n            const valueCharAtIndex = editor.getText(indexInDelta, 1)\n            if (valueCharAtIndex !== char) {\n              isMatch = false\n              break\n            }\n          }\n        } else {\n          isMatch = false\n        }\n\n        if (isMatch) {\n          mentionMatch = chars\n          break\n        }\n      }\n\n      if (mentionMatch) {\n        setMention({\n          type: mentionMatch,\n          retain: retain,\n        })\n      } else {\n        setMention(null)\n        setMentionSelectedIndex(0)\n      }\n    } else {\n      if (mention) {\n        const retain = delta.ops[0].retain\n        if (\n          currentCharacter === ' ' ||\n          !retain ||\n          !currentCharacter ||\n          !sortedMentionTypes.includes(currentCharacter)\n        ) {\n          setMention(null)\n          setMentionSelectedIndex(0)\n          return\n        }\n\n        let distanceMentionToRetain = retain - mention.retain\n        if (!isDelete) distanceMentionToRetain++\n        const mentionFull = editor.getText(mention.retain, distanceMentionToRetain)\n        const mentionSearch = mentionFull.replace(mention.type.slice(-1), '')\n        //  check for space in mentionFull\n        if (mentionFull.includes(' ')) {\n          setMention(null)\n          setMentionSelectedIndex(0)\n        } else {\n          setMention({\n            ...mention,\n            search: mentionSearch?.toLowerCase(),\n          })\n        }\n      } else {\n        const quill = editorRef.current?.getEditor()\n        if (quill) {\n          const currentSelection = quill.getSelection(false)\n          const currentFormat = quill.getFormat(currentSelection?.index, currentSelection?.length)\n          if (currentFormat.mention) {\n            const [lineBlock] = quill.getLine(currentSelection.index - 1) || []\n            const ops = lineBlock?.cache?.delta?.ops || []\n            const lastMentionOp = ops.reverse().find((op: any) => op.attributes?.mention)\n            if (lastMentionOp) {\n              const mentionLength = lastMentionOp.insert.length\n              quill.deleteText(currentSelection.index - mentionLength, mentionLength)\n            }\n          }\n        }\n      }\n    }\n  }\n\n  return {\n    feedContext,\n    projectName,\n    mention,\n    mentionSelectedIndex,\n    mentionOptions: shownMentionOptions,\n    mentionTypes: sortedMentionTypes,\n    mentionTypeOptions,\n    handleSelectMention,\n    handleMentionButton,\n    handleMentionKeyDown,\n    handleMentionChange,\n  }\n}\n"],"names":["Quill","mentionTypeOptions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASYA,EAAM,OAAO,OAAO;AAGzB,MAAMC,KAAqB;AAAA,EAChC,OAAO;AAAA,IACL,IAAI;AAAA,EAAA;AAAA,EAEN,MAAM;AAAA,IACJ,IAAI;AAAA,EAAA;AAAA,EAEN,KAAK;AAAA,IACH,IAAI;AAAA,IACJ,UAAU;AAAA,EAAA;AAEd;"}

package/dist/shared/src/components/EntityIcon/EntityIcon.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../_virtual/jsx-runtime.cjs.js"),o=require("@ynput/ayon-react-components");require("../../context/RemoteModulesContext.cjs.js");require("react");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("lodash");require("react-toastify");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("../../context/PowerpackContextInstance.cjs.js");require("../../context/UriContext.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");require("../../context/SubtasksModulesContextInstance.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");const n=require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");const i=require("../../util/iconUtils.cjs.js"),c=({entity:e,icon:u,color:q})=>{const{anatomy:r}=n.useProjectContext();return t.jsxRuntimeExports.jsx(o.Icon,{icon:u??i.getEntityIcon(e.entityType,e.subType,r),style:{color:q??i.getEntityColor(e.entityType,e.subType,r)},className:"icon","data-tooltip":e.subType?.replace(/_/g," ")})};exports.EntityIcon=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../_virtual/jsx-runtime.cjs.js"),o=require("@ynput/ayon-react-components");require("../../context/RemoteModulesContext.cjs.js");require("react");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("lodash");require("react-toastify");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("../../context/PowerpackContextInstance.cjs.js");require("../../context/UriContext.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");require("../../context/SubtasksModulesContextInstance.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");const n=require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");const i=require("../../util/iconUtils.cjs.js"),c=({entity:e,icon:u,color:q})=>{const{anatomy:r}=n.useProjectContext();return t.jsxRuntimeExports.jsx(o.Icon,{icon:u??i.getEntityIcon(e.entityType,e.subType,r),style:{color:q??i.getEntityColor(e.entityType,e.subType,r)},className:"icon","data-tooltip":e.subType?.replace(/_/g," ")})};exports.EntityIcon=c;
 //# sourceMappingURL=EntityIcon.cjs.js.map

package/dist/shared/src/components/EntityIcon/EntityIcon.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityIcon.cjs.js","sources":["../../../../../src/components/EntityIcon/EntityIcon.tsx"],"sourcesContent":["import { Icon } from '@ynput/ayon-react-components'\nimport { useProjectContext } from '@shared/context'\nimport { getEntityColor, getEntityIcon } from '@shared/util/iconUtils'\n\ntype Props = {\n  entity: { entityType: string; subType?: string }\n  color?: string\n  icon?: string\n}\n\nexport const EntityIcon = ({ entity, icon, color }: Props) => {\n  const { anatomy } = useProjectContext()\n\n  return (\n    <Icon\n      icon={icon ?? getEntityIcon(entity.entityType, entity.subType, anatomy)}\n      style={{ color: color ?? getEntityColor(entity.entityType, entity.subType, anatomy) }}\n      className=\"icon\"\n      data-tooltip={entity.subType?.replace(/_/g, ' ')}\n    />\n  )\n}\n"],"names":["EntityIcon","entity","icon","color","anatomy","useProjectContext","jsx","Icon","getEntityIcon","getEntityColor"],"mappings":"04MAUaA,EAAa,CAAC,CAAE,OAAAC,EAAQ,KAAAC,EAAM,MAAAC,KAAmB,CAC5D,KAAM,CAAE,QAAAC,CAAA,EAAYC,oBAAA,EAEpB,OACEC,EAAAA,kBAAAA,IAACC,EAAAA,KAAA,CACC,KAAML,GAAQM,gBAAcP,EAAO,WAAYA,EAAO,QAASG,CAAO,EACtE,MAAO,CAAE,MAAOD,GAASM,EAAAA,eAAeR,EAAO,WAAYA,EAAO,QAASG,CAAO,CAAA,EAClF,UAAU,OACV,eAAcH,EAAO,SAAS,QAAQ,KAAM,GAAG,CAAA,CAAA,CAGrD"}
+{"version":3,"file":"EntityIcon.cjs.js","sources":["../../../../../src/components/EntityIcon/EntityIcon.tsx"],"sourcesContent":["import { Icon } from '@ynput/ayon-react-components'\nimport { useProjectContext } from '@shared/context'\nimport { getEntityColor, getEntityIcon } from '@shared/util/iconUtils'\n\ntype Props = {\n  entity: { entityType: string; subType?: string }\n  color?: string\n  icon?: string\n}\n\nexport const EntityIcon = ({ entity, icon, color }: Props) => {\n  const { anatomy } = useProjectContext()\n\n  return (\n    <Icon\n      icon={icon ?? getEntityIcon(entity.entityType, entity.subType, anatomy)}\n      style={{ color: color ?? getEntityColor(entity.entityType, entity.subType, anatomy) }}\n      className=\"icon\"\n      data-tooltip={entity.subType?.replace(/_/g, ' ')}\n    />\n  )\n}\n"],"names":["EntityIcon","entity","icon","color","anatomy","useProjectContext","jsx","Icon","getEntityIcon","getEntityColor"],"mappings":"00MAUaA,EAAa,CAAC,CAAE,OAAAC,EAAQ,KAAAC,EAAM,MAAAC,KAAmB,CAC5D,KAAM,CAAE,QAAAC,CAAA,EAAYC,oBAAA,EAEpB,OACEC,EAAAA,kBAAAA,IAACC,EAAAA,KAAA,CACC,KAAML,GAAQM,gBAAcP,EAAO,WAAYA,EAAO,QAASG,CAAO,EACtE,MAAO,CAAE,MAAOD,GAASM,EAAAA,eAAeR,EAAO,WAAYA,EAAO,QAASG,CAAO,CAAA,EAClF,UAAU,OACV,eAAcH,EAAO,SAAS,QAAQ,KAAM,GAAG,CAAA,CAAA,CAGrD"}

package/dist/shared/src/components/EntityIcon/EntityIcon.es.js

@@ -46,7 +46,6 @@ import "../../api/generated/grouping.es.js";
 import "../../api/generated/views.es.js";
 import "../../api/queries/actions/getActions.es.js";
 import "../../api/queries/activities/getActivities.es.js";
-import "../../api/queries/activities/updateActivities.es.js";
 import "../../api/queries/activities/updateReaction.es.js";
 import "../../api/queries/activities/getMentions.es.js";
 import "../../api/queries/activities/getCategories.es.js";
@@ -124,7 +123,7 @@ import "../../context/GlobalContext.es.js";
 import { useProjectContext as e } from "../../context/ProjectContext.es.js";
 import "../../context/ProjectFoldersContext.es.js";
 import { getEntityColor as s, getEntityIcon as n } from "../../util/iconUtils.es.js";
-const ht = ({ entity: o, icon: r, color: p }) => {
+const _t = ({ entity: o, icon: r, color: p }) => {
   const { anatomy: t } = e();
   return /* @__PURE__ */ m.jsx(
     i,
@@ -137,6 +136,6 @@ const ht = ({ entity: o, icon: r, color: p }) => {
   );
 };
 export {
-  ht as EntityIcon
+  _t as EntityIcon
 };
 //# sourceMappingURL=EntityIcon.es.js.map

package/dist/shared/src/components/EntityIcon/EntityIcon.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityIcon.es.js","sources":["../../../../../src/components/EntityIcon/EntityIcon.tsx"],"sourcesContent":["import { Icon } from '@ynput/ayon-react-components'\nimport { useProjectContext } from '@shared/context'\nimport { getEntityColor, getEntityIcon } from '@shared/util/iconUtils'\n\ntype Props = {\n  entity: { entityType: string; subType?: string }\n  color?: string\n  icon?: string\n}\n\nexport const EntityIcon = ({ entity, icon, color }: Props) => {\n  const { anatomy } = useProjectContext()\n\n  return (\n    <Icon\n      icon={icon ?? getEntityIcon(entity.entityType, entity.subType, anatomy)}\n      style={{ color: color ?? getEntityColor(entity.entityType, entity.subType, anatomy) }}\n      className=\"icon\"\n      data-tooltip={entity.subType?.replace(/_/g, ' ')}\n    />\n  )\n}\n"],"names":["EntityIcon","entity","icon","color","anatomy","useProjectContext","jsx","Icon","getEntityIcon","getEntityColor"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUO,MAAMA,KAAa,CAAC,EAAE,QAAAC,GAAQ,MAAAC,GAAM,OAAAC,QAAmB;AAC5D,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA;AAEpB,SACEC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAML,KAAQM,EAAcP,EAAO,YAAYA,EAAO,SAASG,CAAO;AAAA,MACtE,OAAO,EAAE,OAAOD,KAASM,EAAeR,EAAO,YAAYA,EAAO,SAASG,CAAO,EAAA;AAAA,MAClF,WAAU;AAAA,MACV,gBAAcH,EAAO,SAAS,QAAQ,MAAM,GAAG;AAAA,IAAA;AAAA,EAAA;AAGrD;"}
+{"version":3,"file":"EntityIcon.es.js","sources":["../../../../../src/components/EntityIcon/EntityIcon.tsx"],"sourcesContent":["import { Icon } from '@ynput/ayon-react-components'\nimport { useProjectContext } from '@shared/context'\nimport { getEntityColor, getEntityIcon } from '@shared/util/iconUtils'\n\ntype Props = {\n  entity: { entityType: string; subType?: string }\n  color?: string\n  icon?: string\n}\n\nexport const EntityIcon = ({ entity, icon, color }: Props) => {\n  const { anatomy } = useProjectContext()\n\n  return (\n    <Icon\n      icon={icon ?? getEntityIcon(entity.entityType, entity.subType, anatomy)}\n      style={{ color: color ?? getEntityColor(entity.entityType, entity.subType, anatomy) }}\n      className=\"icon\"\n      data-tooltip={entity.subType?.replace(/_/g, ' ')}\n    />\n  )\n}\n"],"names":["EntityIcon","entity","icon","color","anatomy","useProjectContext","jsx","Icon","getEntityIcon","getEntityColor"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUO,MAAMA,KAAa,CAAC,EAAE,QAAAC,GAAQ,MAAAC,GAAM,OAAAC,QAAmB;AAC5D,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA;AAEpB,SACEC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAML,KAAQM,EAAcP,EAAO,YAAYA,EAAO,SAASG,CAAO;AAAA,MACtE,OAAO,EAAE,OAAOD,KAASM,EAAeR,EAAO,YAAYA,EAAO,SAASG,CAAO,EAAA;AAAA,MAClF,WAAU;AAAA,MACV,gBAAcH,EAAO,SAAS,QAAQ,MAAM,GAAG;AAAA,IAAA;AAAA,EAAA;AAGrD;"}