@ynput/ayon-frontend-shared 0.2.28 → 0.2.30

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

@@ -0,0 +1,96 @@
+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/desktop.es.js";
+import "../../../api/generated/entityLists.es.js";
+import "../../../api/generated/events.es.js";
+import "../../../api/generated/files.es.js";
+import "../../../api/generated/folders.es.js";
+import "../../../api/generated/inbox.es.js";
+import "../../../api/generated/links.es.js";
+import "../../../api/generated/market.es.js";
+import "../../../api/generated/onboarding.es.js";
+import "../../../api/generated/operations.es.js";
+import "../../../api/generated/products.es.js";
+import "../../../api/generated/projectDashboard.es.js";
+import "../../../api/generated/projects.es.js";
+import "../../../api/generated/reviewables.es.js";
+import "../../../api/generated/services.es.js";
+import "../../../api/generated/system.es.js";
+import "../../../api/generated/tasks.es.js";
+import "../../../api/generated/teams.es.js";
+import "../../../api/generated/thumbnails.es.js";
+import "../../../api/generated/uRIs.es.js";
+import "../../../api/generated/users.es.js";
+import "../../../api/generated/versions.es.js";
+import "../../../api/generated/workfiles.es.js";
+import "../../../api/generated/ynputCloud.es.js";
+import "../../../api/generated/grouping.es.js";
+import "../../../api/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/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/entities/getEntity.es.js";
+import "../../../api/queries/entities/getEntityPanel.es.js";
+import "../../../api/queries/entities/updateEntity.es.js";
+import "../../../api/queries/entityLists/getLists.es.js";
+import "../../../api/queries/entityLists/updateLists.es.js";
+import "../../../api/queries/entityLists/getListsAttributes.es.js";
+import "../../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../../api/queries/entityLists/listFolders.es.js";
+import "../../../api/queries/folders/getFolders.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/links/getEntityLinks.es.js";
+import "../../../api/queries/overview/getOverview.es.js";
+import "../../../api/queries/overview/updateOverview.es.js";
+import "../../../api/queries/permissions/getPermissions.es.js";
+import "../../../api/queries/products/createProduct.es.js";
+import { useGetProjectQuery as u } from "../../../api/queries/project/getProject.es.js";
+import "../../../api/queries/project/updateProject.es.js";
+import "../../../api/queries/review/getReview.es.js";
+import "../../../api/queries/review/updateReview.es.js";
+import "../../../api/queries/share/share.es.js";
+import { useGetSiteInfoQuery as n } from "../../../api/queries/system/getSystem.es.js";
+import "../../../api/queries/userDashboard/getUserDashboard.es.js";
+import "../../../api/queries/users/getUsers.es.js";
+import "../../../api/queries/users/updateUsers.es.js";
+import "../../../api/queries/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";
+const Ct = ({ projectName: t, isProjectNameMixed: o }) => {
+  const { data: r } = u(
+    { projectName: t || "" },
+    { skip: !t || o }
+  ), { folderTypes: i = [], taskTypes: p = [], statuses: m = [], tags: e = [] } = r || {}, { data: s } = n({ full: !0 }), { attributes: a = [] } = s || {};
+  return {
+    folderTypes: i,
+    taskTypes: p,
+    statuses: m,
+    tags: e,
+    attributes: a
+  };
+};
+export {
+  Ct as useEntityData
+};
+//# sourceMappingURL=useEntityData.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useEntityData.es.js","sources":["../../../../../../src/components/DetailsPanelDetails/hooks/useEntityData.ts"],"sourcesContent":["import { useGetSiteInfoQuery, useGetProjectQuery } from '@shared/api'\n\ninterface UseEntityDataProps {\n  projectName?: string\n  isProjectNameMixed: boolean\n}\n\nexport const useEntityData = ({ projectName, isProjectNameMixed }: UseEntityDataProps) => {\n  const { data: projectData } = useGetProjectQuery(\n    { projectName: projectName || '' },\n    { skip: !projectName || isProjectNameMixed },\n  )\n  const { folderTypes = [], taskTypes = [], statuses = [], tags = [] } = projectData || {}\n\n  const { data: info } = useGetSiteInfoQuery({ full: true })\n  const { attributes = [] } = info || {}\n\n  return {\n    folderTypes,\n    taskTypes,\n    statuses,\n    tags,\n    attributes,\n  }\n}\n"],"names":["useEntityData","projectName","isProjectNameMixed","projectData","useGetProjectQuery","folderTypes","taskTypes","statuses","tags","info","useGetSiteInfoQuery","attributes"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAMA,KAAgB,CAAC,EAAE,aAAAC,GAAa,oBAAAC,QAA6C;AAClF,QAAA,EAAE,MAAMC,EAAA,IAAgBC;AAAA,IAC5B,EAAE,aAAaH,KAAe,GAAG;AAAA,IACjC,EAAE,MAAM,CAACA,KAAeC,EAAmB;AAAA,EAC7C,GACM,EAAE,aAAAG,IAAc,IAAI,WAAAC,IAAY,CAAC,GAAG,UAAAC,IAAW,CAAA,GAAI,MAAAC,IAAO,GAAG,IAAIL,KAAe,CAAC,GAEjF,EAAE,MAAMM,EAAK,IAAIC,EAAoB,EAAE,MAAM,IAAM,GACnD,EAAE,YAAAC,IAAa,GAAG,IAAIF,KAAQ,CAAC;AAE9B,SAAA;AAAA,IACL,aAAAJ;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,YAAAG;AAAA,EACF;AACF;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");require("../../../context/RemoteModulesContext.cjs.js");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/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/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/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/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.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/links/getEntityLinks.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/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("lodash");const n=require("../../../hooks/useEntityUpdate.cjs.js");require("react-redux");require("custom-protocol-check");require("react-toastify");const s=({entities:u,entityType:q})=>{const{updateEntity:t}=n.useEntityUpdate({entities:u.map(e=>{var r,i;return{id:e.id,projectName:e.projectName||"",folderId:(r=e.folder)==null?void 0:r.id,users:((i=e.task)==null?void 0:i.assignees)||[]}}),entityType:q});return{enableEditing:!0,updateEntity:t}};exports.useEntityEditing=s;
+//# sourceMappingURL=useEntityEditing.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useEntityEditing.cjs.js","sources":["../../../../../../src/components/DetailsPanelDetails/hooks/useEntityEditing.ts"],"sourcesContent":["import { useEntityUpdate } from '@shared/hooks'\nimport type { DetailsPanelEntityData } from '@shared/api'\n\ninterface UseEntityEditingProps {\n  entities: DetailsPanelEntityData[]\n  entityType: string\n}\n\nexport const useEntityEditing = ({ entities, entityType }: UseEntityEditingProps) => {\n  const enableEditing = true;\n\n  const { updateEntity } = useEntityUpdate({\n    entities: entities.map((entity) => ({\n      id: entity.id,\n      projectName: entity.projectName || '',\n      folderId: entity.folder?.id,\n      users: entity.task?.assignees || [],\n    })),\n    entityType,\n  })\n\n  return {\n    enableEditing,\n    updateEntity,\n  }\n}\n"],"names":["useEntityEditing","entities","entityType","updateEntity","useEntityUpdate","entity","_a","_b"],"mappings":"6rJAQO,MAAMA,EAAmB,CAAC,CAAE,SAAAC,EAAU,WAAAC,KAAwC,CAG7E,KAAA,CAAE,aAAAC,CAAa,EAAIC,kBAAgB,CACvC,SAAUH,EAAS,IAAKI,GAAY,SAAA,OAClC,GAAIA,EAAO,GACX,YAAaA,EAAO,aAAe,GACnC,UAAUC,EAAAD,EAAO,SAAP,YAAAC,EAAe,GACzB,QAAOC,EAAAF,EAAO,OAAP,YAAAE,EAAa,YAAa,CAAA,CAAC,EAClC,EACF,WAAAL,CAAA,CACD,EAEM,MAAA,CACL,iBACA,aAAAC,CACF,CACF"}

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

@@ -0,0 +1,110 @@
+import "react";
+import "../../../context/RemoteModulesContext.es.js";
+import "../../../../../_virtual/runtime.es.js";
+import "../../../../../_virtual/semver.es.js";
+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/desktop.es.js";
+import "../../../api/generated/entityLists.es.js";
+import "../../../api/generated/events.es.js";
+import "../../../api/generated/files.es.js";
+import "../../../api/generated/folders.es.js";
+import "../../../api/generated/inbox.es.js";
+import "../../../api/generated/links.es.js";
+import "../../../api/generated/market.es.js";
+import "../../../api/generated/onboarding.es.js";
+import "../../../api/generated/operations.es.js";
+import "../../../api/generated/products.es.js";
+import "../../../api/generated/projectDashboard.es.js";
+import "../../../api/generated/projects.es.js";
+import "../../../api/generated/reviewables.es.js";
+import "../../../api/generated/services.es.js";
+import "../../../api/generated/system.es.js";
+import "../../../api/generated/tasks.es.js";
+import "../../../api/generated/teams.es.js";
+import "../../../api/generated/thumbnails.es.js";
+import "../../../api/generated/uRIs.es.js";
+import "../../../api/generated/users.es.js";
+import "../../../api/generated/versions.es.js";
+import "../../../api/generated/workfiles.es.js";
+import "../../../api/generated/ynputCloud.es.js";
+import "../../../api/generated/grouping.es.js";
+import "../../../api/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/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/entities/getEntity.es.js";
+import "../../../api/queries/entities/getEntityPanel.es.js";
+import "../../../api/queries/entities/updateEntity.es.js";
+import "../../../api/queries/entityLists/getLists.es.js";
+import "../../../api/queries/entityLists/updateLists.es.js";
+import "../../../api/queries/entityLists/getListsAttributes.es.js";
+import "../../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../../api/queries/entityLists/listFolders.es.js";
+import "../../../api/queries/folders/getFolders.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/links/getEntityLinks.es.js";
+import "../../../api/queries/overview/getOverview.es.js";
+import "../../../api/queries/overview/updateOverview.es.js";
+import "../../../api/queries/permissions/getPermissions.es.js";
+import "../../../api/queries/products/createProduct.es.js";
+import "../../../api/queries/project/getProject.es.js";
+import "../../../api/queries/project/updateProject.es.js";
+import "../../../api/queries/review/getReview.es.js";
+import "../../../api/queries/review/updateReview.es.js";
+import "../../../api/queries/share/share.es.js";
+import "../../../api/queries/system/getSystem.es.js";
+import "../../../api/queries/userDashboard/getUserDashboard.es.js";
+import "../../../api/queries/users/getUsers.es.js";
+import "../../../api/queries/users/updateUsers.es.js";
+import "../../../api/queries/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 "lodash";
+import { useEntityUpdate as e } from "../../../hooks/useEntityUpdate.es.js";
+import "react-redux";
+import "custom-protocol-check";
+import "react-toastify";
+const Pt = ({ entities: o, entityType: p }) => {
+  const { updateEntity: m } = e({
+    entities: o.map((t) => {
+      var i, r;
+      return {
+        id: t.id,
+        projectName: t.projectName || "",
+        folderId: (i = t.folder) == null ? void 0 : i.id,
+        users: ((r = t.task) == null ? void 0 : r.assignees) || []
+      };
+    }),
+    entityType: p
+  });
+  return {
+    enableEditing: !0,
+    updateEntity: m
+  };
+};
+export {
+  Pt as useEntityEditing
+};
+//# sourceMappingURL=useEntityEditing.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useEntityEditing.es.js","sources":["../../../../../../src/components/DetailsPanelDetails/hooks/useEntityEditing.ts"],"sourcesContent":["import { useEntityUpdate } from '@shared/hooks'\nimport type { DetailsPanelEntityData } from '@shared/api'\n\ninterface UseEntityEditingProps {\n  entities: DetailsPanelEntityData[]\n  entityType: string\n}\n\nexport const useEntityEditing = ({ entities, entityType }: UseEntityEditingProps) => {\n  const enableEditing = true;\n\n  const { updateEntity } = useEntityUpdate({\n    entities: entities.map((entity) => ({\n      id: entity.id,\n      projectName: entity.projectName || '',\n      folderId: entity.folder?.id,\n      users: entity.task?.assignees || [],\n    })),\n    entityType,\n  })\n\n  return {\n    enableEditing,\n    updateEntity,\n  }\n}\n"],"names":["useEntityEditing","entities","entityType","updateEntity","useEntityUpdate","entity","_a","_b"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAMA,KAAmB,CAAC,EAAE,UAAAC,GAAU,YAAAC,QAAwC;AAG7E,QAAA,EAAE,cAAAC,EAAa,IAAIC,EAAgB;AAAA,IACvC,UAAUH,EAAS,IAAI,CAACI,MAAY;;AAAA;AAAA,QAClC,IAAIA,EAAO;AAAA,QACX,aAAaA,EAAO,eAAe;AAAA,QACnC,WAAUC,IAAAD,EAAO,WAAP,gBAAAC,EAAe;AAAA,QACzB,SAAOC,IAAAF,EAAO,SAAP,gBAAAE,EAAa,cAAa,CAAA;AAAA,MAAC;AAAA,KAClC;AAAA,IACF,YAAAL;AAAA,EAAA,CACD;AAEM,SAAA;AAAA,IACL;AAAA,IACA,cAAAC;AAAA,EACF;AACF;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react"),k=require("lodash"),r=require("../types.cjs.js"),T=({attributes:l,folderTypes:d,taskTypes:c,statuses:m,tags:u,entityType:a,folderHasVersions:p})=>{const i=O.useMemo(()=>{const F=[{name:"name",data:{type:"string",title:"Name",description:"The name of the entity, used for identification in the pipeline"}},{name:"label",data:{type:"string",title:"Label",description:"Used as a nice visual label only"}},{name:"folderType",hidden:a!=="folder",data:{type:"string",title:"Folder Type",description:"Type of the folder",enum:d.map(e=>({value:e.name,label:e.name,icon:e.icon}))}},{name:"taskType",hidden:a!=="task",data:{type:"string",title:"Task Type",description:"Type of the task",enum:c.map(e=>({value:e.name,label:e.name,icon:e.icon}))}},{name:"status",data:{type:"string",title:"Status",description:"The state the entity is in, is it approved or in progress etc.",enum:m.map(e=>({value:e.name,label:e.name,icon:e.icon,color:e.color}))}},{name:"tags",data:{type:"list_of_strings",title:"Tags",enum:u.map(e=>({value:e.name,label:e.name,color:e.color}))}}].map(e=>e.name==="folderType"&&a==="folder"&&p?{...e,readonly:!0,data:{...e.data,description:"Folder type is locked because the folder has published versions."}}:e),y=a==="version"?[...F.map(e=>["tags","status"].includes(e.name)?e:{...e,readonly:!0})]:F,g=a?l.filter(e=>{var n;return((n=e.scope)==null?void 0:n.includes(a))&&e.name!=="description"}).map(e=>({name:"attrib."+e.name,data:e.data,...a==="version"&&e.builtin?{readonly:!0}:{}})):[],v=r.readOnlyFields.map(e=>({name:e,readonly:!0,data:{type:"string",title:k.upperFirst(e)}})),D=[...y,...g,...v],b=["path","name"];return[...D].sort((e,n)=>{const s=b.indexOf(e.name),o=b.indexOf(n.name);return s===-1&&o===-1?0:s===-1?1:o===-1?-1:s-o})},[l,d,c,m,u,a,p]),h=i.filter(t=>r.attributeFields.includes(t.name)||t.name.startsWith("attrib.")),f=i.filter(t=>r.readOnlyFields.includes(t.name));return{fields:i,editableFields:h,readOnlyFieldsData:f}};exports.useEntityFields=T;
+//# sourceMappingURL=useEntityFields.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useEntityFields.cjs.js","sources":["../../../../../../src/components/DetailsPanelDetails/hooks/useEntityFields.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { upperFirst } from 'lodash'\nimport { AttributeField } from '../../DetailsPanelAttributes/DetailsPanelAttributesEditor'\nimport type { EntityForm } from '../types'\nimport { readOnlyFields, attributeFields } from '../types'\n\ninterface UseEntityFieldsProps {\n  attributes: any[]\n  folderTypes: any[]\n  taskTypes: any[]\n  statuses: any[]\n  tags: any[]\n  entityType?: string\n  folderHasVersions?: boolean\n}\n\nexport const useEntityFields = ({\n  attributes,\n  folderTypes,\n  taskTypes,\n  statuses,\n  tags,\n  entityType,\n  folderHasVersions,\n}: UseEntityFieldsProps) => {\n  const fields: AttributeField[] = useMemo(() => {\n    const customFieldsData: AttributeField[] = [\n      {\n        name: 'name',\n        data: {\n          type: 'string',\n          title: 'Name',\n          description: 'The name of the entity, used for identification in the pipeline',\n        },\n      },\n      {\n        name: 'label',\n        data: {\n          type: 'string',\n          title: 'Label',\n          description: 'Used as a nice visual label only',\n        },\n      },\n      {\n        name: 'folderType',\n        hidden: entityType !== 'folder',\n        data: {\n          type: 'string',\n          title: 'Folder Type',\n          description: 'Type of the folder',\n          enum: folderTypes.map((type) => ({\n            value: type.name,\n            label: type.name,\n            icon: type.icon,\n          })),\n        },\n      },\n      {\n        name: 'taskType',\n        hidden: entityType !== 'task',\n        data: {\n          type: 'string',\n          title: 'Task Type',\n          description: 'Type of the task',\n          enum: taskTypes.map((type) => ({\n            value: type.name,\n            label: type.name,\n            icon: type.icon,\n          })),\n        },\n      },\n      {\n        name: 'status',\n        data: {\n          type: 'string',\n          title: 'Status',\n          description: 'The state the entity is in, is it approved or in progress etc.',\n          enum: statuses.map((status) => ({\n            value: status.name,\n            label: status.name,\n            icon: status.icon,\n            color: status.color,\n          })),\n        },\n      },\n      {\n        name: 'tags',\n        data: {\n          type: 'list_of_strings',\n          title: 'Tags',\n          enum: tags.map((tag) => ({\n            value: tag.name,\n            label: tag.name,\n            color: tag.color,\n          })),\n        },\n      },\n    ]\n\n    // Disable changing folderType for folders with published versions\n    const customFieldsWithFolderLocks: AttributeField[] = customFieldsData.map((field) =>\n      field.name === 'folderType' && entityType === 'folder' && folderHasVersions\n        ? {\n            ...field,\n            readonly: true,\n            data: {\n              ...field.data,\n              description:\n                'Folder type is locked because the folder has published versions.',\n            },\n          }\n        : field,\n    )\n\n    // Mark fields readonly for versions (only tags and status remain editable)\n    const customFieldsWithReadonly: AttributeField[] = (entityType === 'version'\n      ? [\n          ...customFieldsWithFolderLocks.map((field) =>\n            ['tags', 'status'].includes(field.name)\n              ? field\n              : { ...field, readonly: true },\n          ),\n        ]\n      : customFieldsWithFolderLocks)\n\n    const apiAttributesData: AttributeField[] = entityType\n      ? attributes\n          .filter((attr) => attr.scope?.includes(entityType) && attr.name !== 'description')\n          .map((attr) => ({\n            name: 'attrib.' + attr.name,\n            data: attr.data,\n            ...(entityType === 'version' && attr.builtin ? { readonly: true } : {}),\n          }))\n      : []\n\n    const readOnlyFieldsData: AttributeField[] = readOnlyFields.map((field) => ({\n      name: field as string,\n      readonly: true,\n      data: {\n        type: 'string',\n        title: upperFirst(field as string),\n      },\n    }))\n\n    const allFieldsData = [...customFieldsWithReadonly, ...apiAttributesData, ...readOnlyFieldsData]\n    const sortToTop = ['path', 'name']\n    const sortedFieldsData = [...allFieldsData].sort((a, b) => {\n      const aIndex = sortToTop.indexOf(a.name)\n      const bIndex = sortToTop.indexOf(b.name)\n      if (aIndex === -1 && bIndex === -1) return 0\n      if (aIndex === -1) return 1\n      if (bIndex === -1) return -1\n      return aIndex - bIndex\n    })\n\n    return sortedFieldsData\n  }, [attributes, folderTypes, taskTypes, statuses, tags, entityType, folderHasVersions])\n\n  const editableFields = fields.filter((field) =>\n    attributeFields.includes(field.name as keyof EntityForm) || field.name.startsWith('attrib.'),\n  )\n\n  const readOnlyFieldsData = fields.filter((field) =>\n    readOnlyFields.includes(field.name as keyof EntityForm),\n  )\n\n  return {\n    fields,\n    editableFields,\n    readOnlyFieldsData,\n  }\n}\n"],"names":["useEntityFields","attributes","folderTypes","taskTypes","statuses","tags","entityType","folderHasVersions","fields","useMemo","customFieldsWithFolderLocks","type","status","tag","field","customFieldsWithReadonly","apiAttributesData","attr","_a","readOnlyFieldsData","readOnlyFields","upperFirst","allFieldsData","sortToTop","a","b","aIndex","bIndex","editableFields","attributeFields"],"mappings":"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"}

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

@@ -0,0 +1,131 @@
+import { useMemo as k } from "react";
+import { upperFirst as x } from "lodash";
+import { readOnlyFields as h, attributeFields as O } from "../types.es.js";
+const _ = ({
+  attributes: r,
+  folderTypes: l,
+  taskTypes: d,
+  statuses: m,
+  tags: c,
+  entityType: a,
+  folderHasVersions: u
+}) => {
+  const i = k(() => {
+    const p = [
+      {
+        name: "name",
+        data: {
+          type: "string",
+          title: "Name",
+          description: "The name of the entity, used for identification in the pipeline"
+        }
+      },
+      {
+        name: "label",
+        data: {
+          type: "string",
+          title: "Label",
+          description: "Used as a nice visual label only"
+        }
+      },
+      {
+        name: "folderType",
+        hidden: a !== "folder",
+        data: {
+          type: "string",
+          title: "Folder Type",
+          description: "Type of the folder",
+          enum: l.map((e) => ({
+            value: e.name,
+            label: e.name,
+            icon: e.icon
+          }))
+        }
+      },
+      {
+        name: "taskType",
+        hidden: a !== "task",
+        data: {
+          type: "string",
+          title: "Task Type",
+          description: "Type of the task",
+          enum: d.map((e) => ({
+            value: e.name,
+            label: e.name,
+            icon: e.icon
+          }))
+        }
+      },
+      {
+        name: "status",
+        data: {
+          type: "string",
+          title: "Status",
+          description: "The state the entity is in, is it approved or in progress etc.",
+          enum: m.map((e) => ({
+            value: e.name,
+            label: e.name,
+            icon: e.icon,
+            color: e.color
+          }))
+        }
+      },
+      {
+        name: "tags",
+        data: {
+          type: "list_of_strings",
+          title: "Tags",
+          enum: c.map((e) => ({
+            value: e.name,
+            label: e.name,
+            color: e.color
+          }))
+        }
+      }
+    ].map(
+      (e) => e.name === "folderType" && a === "folder" && u ? {
+        ...e,
+        readonly: !0,
+        data: {
+          ...e.data,
+          description: "Folder type is locked because the folder has published versions."
+        }
+      } : e
+    ), v = a === "version" ? [
+      ...p.map(
+        (e) => ["tags", "status"].includes(e.name) ? e : { ...e, readonly: !0 }
+      )
+    ] : p, g = a ? r.filter((e) => {
+      var n;
+      return ((n = e.scope) == null ? void 0 : n.includes(a)) && e.name !== "description";
+    }).map((e) => ({
+      name: "attrib." + e.name,
+      data: e.data,
+      ...a === "version" && e.builtin ? { readonly: !0 } : {}
+    })) : [], D = h.map((e) => ({
+      name: e,
+      readonly: !0,
+      data: {
+        type: "string",
+        title: x(e)
+      }
+    })), y = [...v, ...g, ...D], F = ["path", "name"];
+    return [...y].sort((e, n) => {
+      const o = F.indexOf(e.name), s = F.indexOf(n.name);
+      return o === -1 && s === -1 ? 0 : o === -1 ? 1 : s === -1 ? -1 : o - s;
+    });
+  }, [r, l, d, m, c, a, u]), b = i.filter(
+    (t) => O.includes(t.name) || t.name.startsWith("attrib.")
+  ), f = i.filter(
+    (t) => h.includes(t.name)
+  );
+  return {
+    fields: i,
+    editableFields: b,
+    readOnlyFieldsData: f
+  };
+};
+export {
+  _ as useEntityFields
+};
+//# sourceMappingURL=useEntityFields.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useEntityFields.es.js","sources":["../../../../../../src/components/DetailsPanelDetails/hooks/useEntityFields.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { upperFirst } from 'lodash'\nimport { AttributeField } from '../../DetailsPanelAttributes/DetailsPanelAttributesEditor'\nimport type { EntityForm } from '../types'\nimport { readOnlyFields, attributeFields } from '../types'\n\ninterface UseEntityFieldsProps {\n  attributes: any[]\n  folderTypes: any[]\n  taskTypes: any[]\n  statuses: any[]\n  tags: any[]\n  entityType?: string\n  folderHasVersions?: boolean\n}\n\nexport const useEntityFields = ({\n  attributes,\n  folderTypes,\n  taskTypes,\n  statuses,\n  tags,\n  entityType,\n  folderHasVersions,\n}: UseEntityFieldsProps) => {\n  const fields: AttributeField[] = useMemo(() => {\n    const customFieldsData: AttributeField[] = [\n      {\n        name: 'name',\n        data: {\n          type: 'string',\n          title: 'Name',\n          description: 'The name of the entity, used for identification in the pipeline',\n        },\n      },\n      {\n        name: 'label',\n        data: {\n          type: 'string',\n          title: 'Label',\n          description: 'Used as a nice visual label only',\n        },\n      },\n      {\n        name: 'folderType',\n        hidden: entityType !== 'folder',\n        data: {\n          type: 'string',\n          title: 'Folder Type',\n          description: 'Type of the folder',\n          enum: folderTypes.map((type) => ({\n            value: type.name,\n            label: type.name,\n            icon: type.icon,\n          })),\n        },\n      },\n      {\n        name: 'taskType',\n        hidden: entityType !== 'task',\n        data: {\n          type: 'string',\n          title: 'Task Type',\n          description: 'Type of the task',\n          enum: taskTypes.map((type) => ({\n            value: type.name,\n            label: type.name,\n            icon: type.icon,\n          })),\n        },\n      },\n      {\n        name: 'status',\n        data: {\n          type: 'string',\n          title: 'Status',\n          description: 'The state the entity is in, is it approved or in progress etc.',\n          enum: statuses.map((status) => ({\n            value: status.name,\n            label: status.name,\n            icon: status.icon,\n            color: status.color,\n          })),\n        },\n      },\n      {\n        name: 'tags',\n        data: {\n          type: 'list_of_strings',\n          title: 'Tags',\n          enum: tags.map((tag) => ({\n            value: tag.name,\n            label: tag.name,\n            color: tag.color,\n          })),\n        },\n      },\n    ]\n\n    // Disable changing folderType for folders with published versions\n    const customFieldsWithFolderLocks: AttributeField[] = customFieldsData.map((field) =>\n      field.name === 'folderType' && entityType === 'folder' && folderHasVersions\n        ? {\n            ...field,\n            readonly: true,\n            data: {\n              ...field.data,\n              description:\n                'Folder type is locked because the folder has published versions.',\n            },\n          }\n        : field,\n    )\n\n    // Mark fields readonly for versions (only tags and status remain editable)\n    const customFieldsWithReadonly: AttributeField[] = (entityType === 'version'\n      ? [\n          ...customFieldsWithFolderLocks.map((field) =>\n            ['tags', 'status'].includes(field.name)\n              ? field\n              : { ...field, readonly: true },\n          ),\n        ]\n      : customFieldsWithFolderLocks)\n\n    const apiAttributesData: AttributeField[] = entityType\n      ? attributes\n          .filter((attr) => attr.scope?.includes(entityType) && attr.name !== 'description')\n          .map((attr) => ({\n            name: 'attrib.' + attr.name,\n            data: attr.data,\n            ...(entityType === 'version' && attr.builtin ? { readonly: true } : {}),\n          }))\n      : []\n\n    const readOnlyFieldsData: AttributeField[] = readOnlyFields.map((field) => ({\n      name: field as string,\n      readonly: true,\n      data: {\n        type: 'string',\n        title: upperFirst(field as string),\n      },\n    }))\n\n    const allFieldsData = [...customFieldsWithReadonly, ...apiAttributesData, ...readOnlyFieldsData]\n    const sortToTop = ['path', 'name']\n    const sortedFieldsData = [...allFieldsData].sort((a, b) => {\n      const aIndex = sortToTop.indexOf(a.name)\n      const bIndex = sortToTop.indexOf(b.name)\n      if (aIndex === -1 && bIndex === -1) return 0\n      if (aIndex === -1) return 1\n      if (bIndex === -1) return -1\n      return aIndex - bIndex\n    })\n\n    return sortedFieldsData\n  }, [attributes, folderTypes, taskTypes, statuses, tags, entityType, folderHasVersions])\n\n  const editableFields = fields.filter((field) =>\n    attributeFields.includes(field.name as keyof EntityForm) || field.name.startsWith('attrib.'),\n  )\n\n  const readOnlyFieldsData = fields.filter((field) =>\n    readOnlyFields.includes(field.name as keyof EntityForm),\n  )\n\n  return {\n    fields,\n    editableFields,\n    readOnlyFieldsData,\n  }\n}\n"],"names":["useEntityFields","attributes","folderTypes","taskTypes","statuses","tags","entityType","folderHasVersions","fields","useMemo","customFieldsWithFolderLocks","type","status","tag","field","customFieldsWithReadonly","apiAttributesData","attr","_a","readOnlyFieldsData","readOnlyFields","upperFirst","allFieldsData","sortToTop","a","b","aIndex","bIndex","editableFields","attributeFields"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react");require("lodash");require("react-toastify");const g=require("../../../util/getMixedState.cjs.js");require("uuid");require("../../../util/pubsub.cjs.js");const q=require("../types.cjs.js"),D=(u,n)=>{const[T,f]=p.useState([]),[h,m]=p.useState(null),x=()=>{const t={},s=new Set;u.forEach(e=>{var d,c,i,b,F;const o={id:e.id,name:e.name,label:e.label,entityType:e.entityType,createdAt:e.createdAt,updatedAt:e.updatedAt,projectName:e.projectName,status:e.status,tags:e.tags||[],path:e.path,folderType:(d=e.folder)==null?void 0:d.folderType,productType:(c=e.product)==null?void 0:c.productType,taskType:(i=e.task)==null?void 0:i.taskType,description:((F=(b=e.attrib)==null?void 0:b.description)==null?void 0:F.toString())??""};Object.keys(o).forEach(r=>{q.visibleFields.includes(r)&&(t[r]=t[r]||[],t[r].push(o[r]))}),e.attrib&&Object.keys(e.attrib).forEach(r=>{var S;if(r!=="description"){const l=`attrib.${r}`;t[l]=t[l]||[],t[l].push((S=e.attrib)==null?void 0:S[r])}})});const a=Object.entries(t).reduce((e,[o,d])=>{const{value:c,isMixed:i}=g.getMixedState(d);return e[o]=c,i&&s.add(o),e},{});m(a),f(Array.from(s))};return p.useEffect(()=>{n||u.length===0||x()},[u,n]),{formData:h,mixedFields:T,updateFormData:(t,s)=>{m(a=>a&&{...a,[t]:s})},clearMixedField:t=>{f(s=>s.filter(a=>a!==t))}}};exports.useEntityFormData=D;
+//# sourceMappingURL=useEntityFormData.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useEntityFormData.cjs.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","_a","_b","_c","_e","_d","key","visibleFields","attribKey","result","values","value","isMixed","getMixedState","useEffect","prev","fieldName","field"],"mappings":"qSAMaA,EAAoB,CAACC,EAAoCC,IAAuB,CAC3F,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAAA,SAAmB,CAAA,CAAE,EACrD,CAACC,EAAUC,CAAW,EAAIF,EAAAA,SAA4B,IAAI,EAE1DG,EAAmB,IAAM,CAC7B,MAAMC,EAAuC,CAAC,EACxCC,MAAqB,IAElBT,EAAA,QAASU,GAAW,eAC3B,MAAMC,EAA2B,CAC/B,GAAID,EAAO,GACX,KAAMA,EAAO,KACb,MAAOA,EAAO,MACd,WAAYA,EAAO,WACnB,UAAWA,EAAO,UAClB,UAAWA,EAAO,UAClB,YAAaA,EAAO,YACpB,OAAQA,EAAO,OACf,KAAMA,EAAO,MAAQ,CAAC,EACtB,KAAMA,EAAO,KACb,YAAYE,EAAAF,EAAO,SAAP,YAAAE,EAAe,WAC3B,aAAaC,EAAAH,EAAO,UAAP,YAAAG,EAAgB,YAC7B,UAAUC,EAAAJ,EAAO,OAAP,YAAAI,EAAa,SACvB,cAAaC,GAAAC,EAAAN,EAAO,SAAP,YAAAM,EAAe,cAAf,YAAAD,EAA4B,aAAc,EACzD,EAEA,OAAO,KAAKJ,CAAY,EAAE,QAASM,GAAQ,CACrCC,EAAA,cAAc,SAASD,CAAuB,IAChDT,EAAcS,CAAG,EAAIT,EAAcS,CAAG,GAAK,CAAC,EAC5CT,EAAcS,CAAG,EAAE,KAAMN,EAAqBM,CAAG,CAAC,EACpD,CACD,EAEGP,EAAO,QACT,OAAO,KAAKA,EAAO,MAAM,EAAE,QAASO,GAAQ,OAC1C,GAAIA,IAAQ,cAAe,CACnB,MAAAE,EAAY,UAAUF,CAAG,GAC/BT,EAAcW,CAAS,EAAIX,EAAcW,CAAS,GAAK,CAAC,EACxDX,EAAcW,CAAS,EAAE,MAAKP,EAAAF,EAAO,SAAP,YAAAE,EAAgBK,EAAI,CAAA,CACpD,CACD,CACH,CACD,EAEKZ,MAAAA,EAAW,OAAO,QAAQG,CAAa,EAAE,OAAO,CAACY,EAAQ,CAACH,EAAKI,CAAM,IAAM,CAC/E,KAAM,CAAE,MAAAC,EAAO,QAAAC,GAAYC,EAAAA,cAAcH,CAAM,EAC/C,OAAAD,EAAOH,CAAG,EAAIK,EAEVC,GACFd,EAAe,IAAIQ,CAAG,EAGjBG,CACT,EAAG,EAAyB,EAE5Bd,EAAYD,CAAsB,EACnBF,EAAA,MAAM,KAAKM,CAAc,CAAC,CAC3C,EAEAgB,OAAAA,EAAAA,UAAU,IAAM,CACVxB,GAAaD,EAAS,SAAW,GACpBO,EAAA,CAAA,EAChB,CAACP,EAAUC,CAAS,CAAC,EAgBjB,CACL,SAAAI,EACA,YAAAH,EACA,eAjBqB,CAACe,EAAaK,IAAe,CAClDhB,EAAaoB,GACNA,GACE,CACL,GAAGA,EACH,CAACT,CAAG,EAAGK,CACT,CACD,CACH,EAUE,gBARuBK,GAAsB,CAC9BxB,EAACuB,GAASA,EAAK,OAAQE,GAAUA,IAAUD,CAAS,CAAC,CACtE,CAOA,CACF"}

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

@@ -0,0 +1,64 @@
+import { useState as h, useEffect as E } from "react";
+import "lodash";
+import "react-toastify";
+import { getMixedState as j } from "../../../util/getMixedState.es.js";
+import "uuid";
+import "../../../util/pubsub.es.js";
+import { visibleFields as A } from "../types.es.js";
+const K = (p, m) => {
+  const [x, u] = h([]), [T, f] = h(null), D = () => {
+    const r = {}, o = /* @__PURE__ */ new Set();
+    p.forEach((t) => {
+      var s, c, i, n, b;
+      const d = {
+        id: t.id,
+        name: t.name,
+        label: t.label,
+        entityType: t.entityType,
+        createdAt: t.createdAt,
+        updatedAt: t.updatedAt,
+        projectName: t.projectName,
+        status: t.status,
+        tags: t.tags || [],
+        path: t.path,
+        folderType: (s = t.folder) == null ? void 0 : s.folderType,
+        productType: (c = t.product) == null ? void 0 : c.productType,
+        taskType: (i = t.task) == null ? void 0 : i.taskType,
+        description: ((b = (n = t.attrib) == null ? void 0 : n.description) == null ? void 0 : b.toString()) ?? ""
+      };
+      Object.keys(d).forEach((e) => {
+        A.includes(e) && (r[e] = r[e] || [], r[e].push(d[e]));
+      }), t.attrib && Object.keys(t.attrib).forEach((e) => {
+        var F;
+        if (e !== "description") {
+          const l = `attrib.${e}`;
+          r[l] = r[l] || [], r[l].push((F = t.attrib) == null ? void 0 : F[e]);
+        }
+      });
+    });
+    const a = Object.entries(r).reduce((t, [d, s]) => {
+      const { value: c, isMixed: i } = j(s);
+      return t[d] = c, i && o.add(d), t;
+    }, {});
+    f(a), u(Array.from(o));
+  };
+  return E(() => {
+    m || p.length === 0 || D();
+  }, [p, m]), {
+    formData: T,
+    mixedFields: x,
+    updateFormData: (r, o) => {
+      f((a) => a && {
+        ...a,
+        [r]: o
+      });
+    },
+    clearMixedField: (r) => {
+      u((o) => o.filter((a) => a !== r));
+    }
+  };
+};
+export {
+  K as useEntityFormData
+};
+//# sourceMappingURL=useEntityFormData.es.js.map

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

@@ -0,0 +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","_a","_b","_c","_e","_d","key","visibleFields","attribKey","result","values","value","isMixed","getMixedState","useEffect","prev","fieldName","field"],"mappings":";;;;;;;AAMa,MAAAA,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,CAAC,GACxCC,wBAAqB,IAAY;AAE9B,IAAAT,EAAA,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,CAAC;AAAA,QACtB,MAAMA,EAAO;AAAA,QACb,aAAYE,IAAAF,EAAO,WAAP,gBAAAE,EAAe;AAAA,QAC3B,cAAaC,IAAAH,EAAO,YAAP,gBAAAG,EAAgB;AAAA,QAC7B,WAAUC,IAAAJ,EAAO,SAAP,gBAAAI,EAAa;AAAA,QACvB,eAAaC,KAAAC,IAAAN,EAAO,WAAP,gBAAAM,EAAe,gBAAf,gBAAAD,EAA4B,eAAc;AAAA,MACzD;AAEA,aAAO,KAAKJ,CAAY,EAAE,QAAQ,CAACM,MAAQ;AACrC,QAAAC,EAAc,SAASD,CAAuB,MAChDT,EAAcS,CAAG,IAAIT,EAAcS,CAAG,KAAK,CAAC,GAC5CT,EAAcS,CAAG,EAAE,KAAMN,EAAqBM,CAAG,CAAC;AAAA,MACpD,CACD,GAEGP,EAAO,UACT,OAAO,KAAKA,EAAO,MAAM,EAAE,QAAQ,CAACO,MAAQ;;AAC1C,YAAIA,MAAQ,eAAe;AACnB,gBAAAE,IAAY,UAAUF,CAAG;AAC/B,UAAAT,EAAcW,CAAS,IAAIX,EAAcW,CAAS,KAAK,CAAC,GACxDX,EAAcW,CAAS,EAAE,MAAKP,IAAAF,EAAO,WAAP,gBAAAE,EAAgBK,EAAI;AAAA,QAAA;AAAA,MACpD,CACD;AAAA,IACH,CACD;AAEKZ,UAAAA,IAAW,OAAO,QAAQG,CAAa,EAAE,OAAO,CAACY,GAAQ,CAACH,GAAKI,CAAM,MAAM;AAC/E,YAAM,EAAE,OAAAC,GAAO,SAAAC,MAAYC,EAAcH,CAAM;AAC/C,aAAAD,EAAOH,CAAG,IAAIK,GAEVC,KACFd,EAAe,IAAIQ,CAAG,GAGjBG;AAAA,IACT,GAAG,EAAyB;AAE5B,IAAAd,EAAYD,CAAsB,GACnBF,EAAA,MAAM,KAAKM,CAAc,CAAC;AAAA,EAC3C;AAEA,SAAAgB,EAAU,MAAM;AACV,IAAAxB,KAAaD,EAAS,WAAW,KACpBO,EAAA;AAAA,EAAA,GAChB,CAACP,GAAUC,CAAS,CAAC,GAgBjB;AAAA,IACL,UAAAI;AAAA,IACA,aAAAH;AAAA,IACA,gBAjBqB,CAACe,GAAaK,MAAe;AAClD,MAAAhB,EAAY,CAACoB,MACNA,KACE;AAAA,QACL,GAAGA;AAAA,QACH,CAACT,CAAG,GAAGK;AAAA,MACT,CACD;AAAA,IACH;AAAA,IAUE,iBARsB,CAACK,MAAsB;AAC9B,MAAAxB,EAAA,CAACuB,MAASA,EAAK,OAAO,CAACE,MAAUA,MAAUD,CAAS,CAAC;AAAA,IACtE;AAAA,EAOA;AACF;"}

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

@@ -0,0 +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;
+//# sourceMappingURL=useMentionSystem.cjs.js.map

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

@@ -0,0 +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,EAAM,MAAA,OAAO,OAAO,EAGzB,MAAMC,EAAqB,CAChC,MAAO,CACL,GAAI,MACN,EACA,KAAM,CACJ,GAAI,SACN,EACA,IAAK,CACH,GAAI,OACJ,SAAU,EAAA,CAEd"}

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

@@ -0,0 +1,28 @@
+import "react";
+import { Quill as i } from "react-quill-ayon";
+import "../../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
+import "date-fns";
+import "../../../containers/Feed/components/ActivityDate.es.js";
+import "lodash";
+import "react-toastify";
+import "uuid";
+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 = {
+  "@@@": {
+    id: "task"
+  },
+  "@@": {
+    id: "version"
+  },
+  "@": {
+    id: "user",
+    isCircle: !0
+  }
+};
+export {
+  a as mentionTypeOptions
+};
+//# sourceMappingURL=useMentionSystem.es.js.map

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

@@ -0,0 +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,EACN;AAAA,EACA,MAAM;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,KAAK;AAAA,IACH,IAAI;AAAA,IACJ,UAAU;AAAA,EAAA;AAEd;"}