npm - @ynput/ayon-frontend-shared - Versions diffs - 0.2.32 → 0.2.33 - Mend

@ynput/ayon-frontend-shared 0.2.32 → 0.2.33

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (579) hide show

package/dist/shared/src/components/DetailsDialog/DetailsDialog.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../_virtual/jsx-runtime.cjs.js"),a=require("react-toastify");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");const d=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");const c=require("@ynput/ayon-react-components"),g=({projectName:o,entityType:i,entityIds:n,visible:u,onHide:s})=>{const{data:q={},isLoading:e,isError:r,error:l}=d.useGetEntityQuery({projectName:o,entityType:i,entityId:n[0]},{skip:!u});return e&&r&&a.toast.error(`Unable to load detail. ${l}`),!u||q.length<1?null:t.jsxRuntimeExports.jsx(c.Dialog,{isOpen:!0,onClose:s,size:"lg",style:{width:"50vw"},header:`${i} detail`,children:t.jsxRuntimeExports.jsxs("pre",{children:[!e&&!r&&JSON.stringify(q,null,2),e&&"loading...",r&&"error..."]})})};exports.DetailsDialog=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../_virtual/jsx-runtime.cjs.js"),a=require("react-toastify");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/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");const d=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");const c=require("@ynput/ayon-react-components"),g=({projectName:o,entityType:i,entityIds:n,visible:u,onHide:s})=>{const{data:q={},isLoading:e,isError:r,error:l}=d.useGetEntityQuery({projectName:o,entityType:i,entityId:n[0]},{skip:!u});return e&&r&&a.toast.error(`Unable to load detail. ${l}`),!u||q.length<1?null:t.jsxRuntimeExports.jsx(c.Dialog,{isOpen:!0,onClose:s,size:"lg",style:{width:"50vw"},header:`${i} detail`,children:t.jsxRuntimeExports.jsxs("pre",{children:[!e&&!r&&JSON.stringify(q,null,2),e&&"loading...",r&&"error..."]})})};exports.DetailsDialog=g;
 //# sourceMappingURL=DetailsDialog.cjs.js.map

package/dist/shared/src/components/DetailsDialog/DetailsDialog.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsDialog.cjs.js","sources":["../../../../../src/components/DetailsDialog/DetailsDialog.tsx"],"sourcesContent":["import { toast } from 'react-toastify'\nimport { useGetEntityQuery } from '@shared/api'\nimport { Dialog } from '@ynput/ayon-react-components'\n\nexport interface DetailsDialogProps {\n projectName?: string\n entityType: string\n entityIds: string[]\n visible: boolean\n onHide: () => void\n}\n\nexport const DetailsDialog = ({\n projectName,\n entityType,\n entityIds,\n visible,\n onHide,\n}: DetailsDialogProps) => {\n const {\n data = {},\n isLoading,\n isError,\n error,\n } = useGetEntityQuery(\n { projectName, entityType: entityType, entityId: entityIds[0] },\n { skip: !visible },\n )\n\n if (isLoading)\n if (isError) {\n toast.error(`Unable to load detail. ${error}`)\n }\n\n if (!visible \|\| data.length < 1) return null\n\n return (\n <Dialog\n isOpen={true}\n onClose={onHide}\n size=\"lg\"\n style={{ width: '50vw' }}\n header={`${entityType} detail`}\n >\n <pre>\n {!isLoading && !isError && JSON.stringify(data, null, 2)}\n {isLoading && 'loading...'}\n {isError && 'error...'}\n </pre>\n </Dialog>\n )\n}\n"],"names":["DetailsDialog","projectName","entityType","entityIds","visible","onHide","data","isLoading","isError","error","useGetEntityQuery","toast","jsx","Dialog"],"mappings":"~~sxIAYaA~~,EAAgB,CAAC,CAC5B,YAAAC,EACA,WAAAC,EACA,UAAAC,EACA,QAAAC,EACA,OAAAC,CACF,IAA0B,CAClB,KAAA,CACJ,KAAAC,EAAO,CAAC,EACR,UAAAC,EACA,QAAAC,EACA,MAAAC,CAAA,EACEC,EAAA,kBACF,CAAE,YAAAT,EAAa,WAAAC,EAAwB,SAAUC,EAAU,CAAC,CAAE,EAC9D,CAAE,KAAM,CAACC,CAAQ,CACnB,EAOA,OALIG,GACEC,GACIG,EAAAA,MAAA,MAAM,0BAA0BF,CAAK,EAAE,EAG7C,CAACL,GAAWE,EAAK,OAAS,EAAU,KAGtCM,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,OAAQ,GACR,QAASR,EACT,KAAK,KACL,MAAO,CAAE,MAAO,MAAO,EACvB,OAAQ,GAAGH,CAAU,UAErB,kCAAC,MACE,CAAA,SAAA,CAAA,CAACK,GAAa,CAACC,GAAW,KAAK,UAAUF,EAAM,KAAM,CAAC,EACtDC,GAAa,aACbC,GAAW,UAAA,CACd,CAAA,CAAA,CACF,CAEJ"}
1	+ {"version":3,"file":"DetailsDialog.cjs.js","sources":["../../../../../src/components/DetailsDialog/DetailsDialog.tsx"],"sourcesContent":["import { toast } from 'react-toastify'\nimport { useGetEntityQuery } from '@shared/api'\nimport { Dialog } from '@ynput/ayon-react-components'\n\nexport interface DetailsDialogProps {\n projectName?: string\n entityType: string\n entityIds: string[]\n visible: boolean\n onHide: () => void\n}\n\nexport const DetailsDialog = ({\n projectName,\n entityType,\n entityIds,\n visible,\n onHide,\n}: DetailsDialogProps) => {\n const {\n data = {},\n isLoading,\n isError,\n error,\n } = useGetEntityQuery(\n { projectName, entityType: entityType, entityId: entityIds[0] },\n { skip: !visible },\n )\n\n if (isLoading)\n if (isError) {\n toast.error(`Unable to load detail. ${error}`)\n }\n\n if (!visible \|\| data.length < 1) return null\n\n return (\n <Dialog\n isOpen={true}\n onClose={onHide}\n size=\"lg\"\n style={{ width: '50vw' }}\n header={`${entityType} detail`}\n >\n <pre>\n {!isLoading && !isError && JSON.stringify(data, null, 2)}\n {isLoading && 'loading...'}\n {isError && 'error...'}\n </pre>\n </Dialog>\n )\n}\n"],"names":["DetailsDialog","projectName","entityType","entityIds","visible","onHide","data","isLoading","isError","error","useGetEntityQuery","toast","jsx","Dialog"],"mappings":"m1IAYaA,EAAgB,CAAC,CAC5B,YAAAC,EACA,WAAAC,EACA,UAAAC,EACA,QAAAC,EACA,OAAAC,CACF,IAA0B,CAClB,KAAA,CACJ,KAAAC,EAAO,CAAC,EACR,UAAAC,EACA,QAAAC,EACA,MAAAC,CAAA,EACEC,EAAA,kBACF,CAAE,YAAAT,EAAa,WAAAC,EAAwB,SAAUC,EAAU,CAAC,CAAE,EAC9D,CAAE,KAAM,CAACC,CAAQ,CACnB,EAOA,OALIG,GACEC,GACIG,EAAAA,MAAA,MAAM,0BAA0BF,CAAK,EAAE,EAG7C,CAACL,GAAWE,EAAK,OAAS,EAAU,KAGtCM,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,OAAQ,GACR,QAASR,EACT,KAAK,KACL,MAAO,CAAE,MAAO,MAAO,EACvB,OAAQ,GAAGH,CAAU,UAErB,kCAAC,MACE,CAAA,SAAA,CAAA,CAACK,GAAa,CAACC,GAAW,KAAK,UAAUF,EAAM,KAAM,CAAC,EACtDC,GAAa,aACbC,GAAW,UAAA,CACd,CAAA,CAAA,CACF,CAEJ"}

package/dist/shared/src/components/DetailsDialog/DetailsDialog.es.js CHANGED Viewed

@@ -43,6 +43,7 @@ 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";
 import "../../api/queries/addons/getAddons.es.js";
 import "../../api/queries/addons/updateAddons.es.js";
 import "../../api/queries/attributes/getAttributes.es.js";
@@ -80,7 +81,7 @@ import "../../api/queries/views/getViews.es.js";
 import "../../api/queries/views/updateViews.es.js";
 import "../../api/queries/watchers/getWatchers.es.js";
 import { Dialog as f } from "@ynput/ayon-react-components";
-const Br = ({
+const Fr = ({
   projectName: e,
   entityType: o,
   entityIds: s,
@@ -113,6 +114,6 @@ const Br = ({
   );
 };
 export {
-  Br as DetailsDialog
+  Fr as DetailsDialog
 };
 //# sourceMappingURL=DetailsDialog.es.js.map

package/dist/shared/src/components/DetailsDialog/DetailsDialog.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsDialog.es.js","sources":["../../../../../src/components/DetailsDialog/DetailsDialog.tsx"],"sourcesContent":["import { toast } from 'react-toastify'\nimport { useGetEntityQuery } from '@shared/api'\nimport { Dialog } from '@ynput/ayon-react-components'\n\nexport interface DetailsDialogProps {\n projectName?: string\n entityType: string\n entityIds: string[]\n visible: boolean\n onHide: () => void\n}\n\nexport const DetailsDialog = ({\n projectName,\n entityType,\n entityIds,\n visible,\n onHide,\n}: DetailsDialogProps) => {\n const {\n data = {},\n isLoading,\n isError,\n error,\n } = useGetEntityQuery(\n { projectName, entityType: entityType, entityId: entityIds[0] },\n { skip: !visible },\n )\n\n if (isLoading)\n if (isError) {\n toast.error(`Unable to load detail. ${error}`)\n }\n\n if (!visible \|\| data.length < 1) return null\n\n return (\n <Dialog\n isOpen={true}\n onClose={onHide}\n size=\"lg\"\n style={{ width: '50vw' }}\n header={`${entityType} detail`}\n >\n <pre>\n {!isLoading && !isError && JSON.stringify(data, null, 2)}\n {isLoading && 'loading...'}\n {isError && 'error...'}\n </pre>\n </Dialog>\n )\n}\n"],"names":["DetailsDialog","projectName","entityType","entityIds","visible","onHide","data","isLoading","isError","error","useGetEntityQuery","toast","jsx","Dialog"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAYO,MAAMA,KAAgB,CAAC;AAAA,EAC5B,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AACF,MAA0B;AAClB,QAAA;AAAA,IACJ,MAAAC,IAAO,CAAC;AAAA,IACR,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,IACEC;AAAA,IACF,EAAE,aAAAT,GAAa,YAAAC,GAAwB,UAAUC,EAAU,CAAC,EAAE;AAAA,IAC9D,EAAE,MAAM,CAACC,EAAQ;AAAA,EACnB;AAOA,SALIG,KACEC,KACIG,EAAA,MAAM,0BAA0BF,CAAK,EAAE,GAG7C,CAACL,KAAWE,EAAK,SAAS,IAAU,OAGtCM,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR,SAASR;AAAA,MACT,MAAK;AAAA,MACL,OAAO,EAAE,OAAO,OAAO;AAAA,MACvB,QAAQ,GAAGH,CAAU;AAAA,MAErB,iCAAC,OACE,EAAA,UAAA;AAAA,QAAA,CAACK,KAAa,CAACC,KAAW,KAAK,UAAUF,GAAM,MAAM,CAAC;AAAA,QACtDC,KAAa;AAAA,QACbC,KAAW;AAAA,MAAA,EACd,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
1	+ {"version":3,"file":"DetailsDialog.es.js","sources":["../../../../../src/components/DetailsDialog/DetailsDialog.tsx"],"sourcesContent":["import { toast } from 'react-toastify'\nimport { useGetEntityQuery } from '@shared/api'\nimport { Dialog } from '@ynput/ayon-react-components'\n\nexport interface DetailsDialogProps {\n projectName?: string\n entityType: string\n entityIds: string[]\n visible: boolean\n onHide: () => void\n}\n\nexport const DetailsDialog = ({\n projectName,\n entityType,\n entityIds,\n visible,\n onHide,\n}: DetailsDialogProps) => {\n const {\n data = {},\n isLoading,\n isError,\n error,\n } = useGetEntityQuery(\n { projectName, entityType: entityType, entityId: entityIds[0] },\n { skip: !visible },\n )\n\n if (isLoading)\n if (isError) {\n toast.error(`Unable to load detail. ${error}`)\n }\n\n if (!visible \|\| data.length < 1) return null\n\n return (\n <Dialog\n isOpen={true}\n onClose={onHide}\n size=\"lg\"\n style={{ width: '50vw' }}\n header={`${entityType} detail`}\n >\n <pre>\n {!isLoading && !isError && JSON.stringify(data, null, 2)}\n {isLoading && 'loading...'}\n {isError && 'error...'}\n </pre>\n </Dialog>\n )\n}\n"],"names":["DetailsDialog","projectName","entityType","entityIds","visible","onHide","data","isLoading","isError","error","useGetEntityQuery","toast","jsx","Dialog"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAMA,KAAgB,CAAC;AAAA,EAC5B,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AACF,MAA0B;AAClB,QAAA;AAAA,IACJ,MAAAC,IAAO,CAAC;AAAA,IACR,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,IACEC;AAAA,IACF,EAAE,aAAAT,GAAa,YAAAC,GAAwB,UAAUC,EAAU,CAAC,EAAE;AAAA,IAC9D,EAAE,MAAM,CAACC,EAAQ;AAAA,EACnB;AAOA,SALIG,KACEC,KACIG,EAAA,MAAM,0BAA0BF,CAAK,EAAE,GAG7C,CAACL,KAAWE,EAAK,SAAS,IAAU,OAGtCM,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR,SAASR;AAAA,MACT,MAAK;AAAA,MACL,OAAO,EAAE,OAAO,OAAO;AAAA,MACvB,QAAQ,GAAGH,CAAU;AAAA,MAErB,iCAAC,OACE,EAAA,UAAA;AAAA,QAAA,CAACK,KAAa,CAACC,KAAW,KAAK,UAAUF,GAAM,MAAM,CAAC;AAAA,QACtDC,KAAa;AAAA,QACbC,KAAW;AAAA,MAAA,EACd,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/shared/src/components/DetailsPanelAttributes/components/RenderFieldWidget.cjs.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";const s=require("../../../../../_virtual/jsx-runtime.cjs.js"),x=require("styled-components"),y=require("../../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js"),S=require("../../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js"),W=require("../../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js"),b=require("../../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("react");require("../../../context/RemoteModulesContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");const w=require("../../../hooks/useScopedStatuses.cjs.js");require("react-toastify");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("../../../context/DetailsPanelContext.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/PowerpackContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("react-redux");require("custom-protocol-check");require("lodash");const E=x.div`
+"use strict";const s=require("../../../../../_virtual/jsx-runtime.cjs.js"),x=require("styled-components"),y=require("../../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js"),S=require("../../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js"),W=require("../../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js"),b=require("../../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("react");require("../../../context/RemoteModulesContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");const w=require("../../../hooks/useScopedStatuses.cjs.js");require("react-toastify");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/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/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("../../../context/DetailsPanelContext.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/PowerpackContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("react-redux");require("custom-protocol-check");require("lodash");const E=x.div`
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;

package/dist/shared/src/components/DetailsPanelAttributes/components/RenderFieldWidget.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RenderFieldWidget.cjs.js","sources":["../../../../../../src/components/DetailsPanelAttributes/components/RenderFieldWidget.tsx"],"sourcesContent":["import { FC } from 'react'\nimport styled from 'styled-components'\nimport type { CellValue } from '@shared/containers/ProjectTreeTable/widgets/CellWidget'\nimport { TextWidget } from '@shared/containers/ProjectTreeTable/widgets/TextWidget'\nimport { BooleanWidget } from '@shared/containers/ProjectTreeTable/widgets/BooleanWidget'\nimport { DateWidget } from '@shared/containers/ProjectTreeTable/widgets/DateWidget'\nimport { EnumWidget } from '@shared/containers/ProjectTreeTable/widgets/EnumWidget'\nimport { useScopedStatuses } from '@shared/hooks'\n// Import AttributeField as a type to avoid runtime circular dependency with DetailsPanelAttributesEditor\nimport type { AttributeField } from '../DetailsPanelAttributesEditor'\nimport type { DetailsPanelEntityData } from '@shared/api'\n\nconst FieldValueText = styled.div`\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n text-align: right;\n\n input {\n text-align: left;\n }\n`\n\nconst StyledEnumWidget = styled(EnumWidget)`\n .enum,\n .edit-trigger {\n &:hover {\n background-color: unset;\n }\n }\n &:hover {\n background-color: unset;\n }\n`\n\ninterface RenderFieldWidgetProps {\n field: AttributeField\n value: any\n isEditing: boolean\n isReadOnly: boolean\n isMixed: boolean\n onChange: (fieldName: string, value: CellValue \| CellValue[]) => void\n onCancelEdit: () => void\n entities?: DetailsPanelEntityData[]\n entityType?: string\n}\n\nconst RenderFieldWidget: FC<RenderFieldWidgetProps> = ({\n field,\n value,\n isEditing,\n isReadOnly,\n isMixed,\n onChange,\n onCancelEdit,\n entities = [],\n entityType = 'task',\n}) => {\n const { type } = field.data\n const widgetCommonProps = {\n isEditing: isEditing && !isReadOnly,\n isInherited: false,\n onChange: (newValue: CellValue \| CellValue[]) => onChange(field.name, newValue),\n }\n\n // Format the value for display\n let displayValue = value === null \|\| value === undefined ? '' : value\n const labelValue = field.data.title \|\| field.name\n\n // Handle different field types\n switch (true) {\n case type === 'boolean':\n return (\n <BooleanWidget\n value={Boolean(displayValue)}\n {...widgetCommonProps}\n style={{ margin: 0 }}\n isReadOnly={isReadOnly}\n />\n )\n\n case type === 'datetime':\n return (\n <DateWidget\n value={displayValue}\n {...widgetCommonProps}\n isEditing\n onCancelEdit={onCancelEdit}\n style={{ width: 'fit-content' }}\n autoFocus={false}\n />\n )\n\n case !!field.data.enum: {\n const isListType = type.includes('list')\n let valueArray = []\n\n if (isListType) {\n valueArray = Array.isArray(displayValue) ? displayValue : []\n } else if (isMixed) {\n valueArray = []\n } else {\n valueArray = [displayValue]\n }\n\n // Use scoped statuses if the field name is 'status'\n let enumOptions = field.data.enum \|\| []\n if (field.name === 'status' && entities.length > 0) {\n const scopedStatuses = useScopedStatuses(\n entities.map((entity) => entity.projectName),\n [entityType],\n )\n if (scopedStatuses && scopedStatuses.length > 0) {\n enumOptions = scopedStatuses.map((status) => ({\n value: status.name,\n label: status.name,\n icon: status.icon,\n color: status.color,\n }))\n }\n }\n\n if (field.allowNone && !!valueArray.length && !isListType) {\n // Check if current field has a value (for single value fields)\n const hasCurrentValue = displayValue && displayValue !== ''\n if (hasCurrentValue) {\n enumOptions = [\n { value: '', label: `No ${field.data.title \|\| field.name}` },\n ...enumOptions,\n ]\n }\n }\n\n return (\n <StyledEnumWidget\n value={valueArray}\n options={enumOptions}\n type={type}\n pt={{\n template: {\n style: { height: 32 },\n className: 'enum',\n },\n }}\n placeholder={isMixed ? `Mixed ${labelValue}` : `Select ${labelValue}...`}\n onCancelEdit={onCancelEdit}\n align=\"right\"\n isReadOnly={isReadOnly}\n enableCustomValues={field.enableCustomValues ?? false}\n search={field.enableSearch ?? false}\n sortBySelected={!enumOptions}\n {...widgetCommonProps}\n />\n )\n }\n\n case type === 'string' \|\| type === 'integer' \|\| type === 'float':\n default:\n return (\n <FieldValueText>\n <TextWidget\n value={displayValue.toString()}\n onCancelEdit={onCancelEdit}\n type={type as 'string' \| 'integer' \| 'float'}\n {...widgetCommonProps}\n />\n </FieldValueText>\n )\n }\n}\n\nexport default RenderFieldWidget\n"],"names":["FieldValueText","styled","StyledEnumWidget","EnumWidget","RenderFieldWidget","field","value","isEditing","isReadOnly","isMixed","onChange","onCancelEdit","entities","entityType","type","widgetCommonProps","newValue","displayValue","labelValue","jsx","BooleanWidget","DateWidget","isListType","valueArray","enumOptions","scopedStatuses","useScopedStatuses","entity","status","TextWidget"],"mappings":"~~gjLAYA~~,MAAMA,EAAiBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYxBC,EAAmBD,EAAOE,YAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwBpCC,EAAgD,CAAC,CACrD,MAAAC,EACA,MAAAC,EACA,UAAAC,EACA,WAAAC,EACA,QAAAC,EACA,SAAAC,EACA,aAAAC,EACA,SAAAC,EAAW,CAAC,EACZ,WAAAC,EAAa,MACf,IAAM,CACE,KAAA,CAAE,KAAAC,GAAST,EAAM,KACjBU,EAAoB,CACxB,UAAWR,GAAa,CAACC,EACzB,YAAa,GACb,SAAWQ,GAAsCN,EAASL,EAAM,KAAMW,CAAQ,CAChF,EAGA,IAAIC,EAAeX,GAAwC,GAC3D,MAAMY,EAAab,EAAM,KAAK,OAASA,EAAM,KAG7C,OAAQ,GAAM,CACZ,KAAKS,IAAS,UAEV,OAAAK,EAAA,kBAAA,IAACC,EAAA,cAAA,CACC,MAAO,EAAQH,EACd,GAAGF,EACJ,MAAO,CAAE,OAAQ,CAAE,EACnB,WAAAP,CAAA,CACF,EAGJ,KAAKM,IAAS,WAEV,OAAAK,EAAA,kBAAA,IAACE,EAAA,WAAA,CACC,MAAOJ,EACN,GAAGF,EACJ,UAAS,GACT,aAAAJ,EACA,MAAO,CAAE,MAAO,aAAc,EAC9B,UAAW,EAAA,CACb,EAGJ,IAAK,CAAC,CAACN,EAAM,KAAK,KAAM,CAChB,MAAAiB,EAAaR,EAAK,SAAS,MAAM,EACvC,IAAIS,EAAa,CAAC,EAEdD,EACFC,EAAa,MAAM,QAAQN,CAAY,EAAIA,EAAe,CAAC,EAClDR,EACTc,EAAa,CAAC,EAEdA,EAAa,CAACN,CAAY,EAI5B,IAAIO,EAAcnB,EAAM,KAAK,MAAQ,CAAC,EACtC,GAAIA,EAAM,OAAS,UAAYO,EAAS,OAAS,EAAG,CAClD,MAAMa,EAAiBC,EAAA,kBACrBd,EAAS,IAAKe,GAAWA,EAAO,WAAW,EAC3C,CAACd,CAAU,CACb,EACIY,GAAkBA,EAAe,OAAS,IAC9BD,EAAAC,EAAe,IAAKG,IAAY,CAC5C,MAAOA,EAAO,KACd,MAAOA,EAAO,KACd,KAAMA,EAAO,KACb,MAAOA,EAAO,KAAA,EACd,EACJ,CAGF,OAAIvB,EAAM,WAAekB,EAAW,QAAU,CAACD,GAErBL,GAAgBA,IAAiB,KAEzCO,EAAA,CACZ,CAAE,MAAO,GAAI,MAAO,MAAMnB,EAAM,KAAK,OAASA,EAAM,IAAI,EAAG,EAC3D,GAAGmB,CACL,GAKFL,EAAA,kBAAA,IAACjB,EAAA,CACC,MAAOqB,EACP,QAASC,EACT,KAAAV,EACA,GAAI,CACF,SAAU,CACR,MAAO,CAAE,OAAQ,EAAG,EACpB,UAAW,MAAA,CAEf,EACA,YAAaL,EAAU,SAASS,CAAU,GAAK,UAAUA,CAAU,MACnE,aAAAP,EACA,MAAM,QACN,WAAAH,EACA,mBAAoBH,EAAM,oBAAsB,GAChD,OAAQA,EAAM,cAAgB,GAC9B,eAAgB,CAACmB,EAChB,GAAGT,CAAA,CACN,CAAA,CAIJ,KAAKD,IAAS,UAAYA,IAAS,WAAaA,IAAS,SACzD,QACE,+BACGd,EACC,CAAA,SAAAmB,EAAA,kBAAA,IAACU,EAAA,WAAA,CACC,MAAOZ,EAAa,SAAS,EAC7B,aAAAN,EACA,KAAAG,EACC,GAAGC,CAAA,CAAA,EAER,CAAA,CAGR"}
1	+ {"version":3,"file":"RenderFieldWidget.cjs.js","sources":["../../../../../../src/components/DetailsPanelAttributes/components/RenderFieldWidget.tsx"],"sourcesContent":["import { FC } from 'react'\nimport styled from 'styled-components'\nimport type { CellValue } from '@shared/containers/ProjectTreeTable/widgets/CellWidget'\nimport { TextWidget } from '@shared/containers/ProjectTreeTable/widgets/TextWidget'\nimport { BooleanWidget } from '@shared/containers/ProjectTreeTable/widgets/BooleanWidget'\nimport { DateWidget } from '@shared/containers/ProjectTreeTable/widgets/DateWidget'\nimport { EnumWidget } from '@shared/containers/ProjectTreeTable/widgets/EnumWidget'\nimport { useScopedStatuses } from '@shared/hooks'\n// Import AttributeField as a type to avoid runtime circular dependency with DetailsPanelAttributesEditor\nimport type { AttributeField } from '../DetailsPanelAttributesEditor'\nimport type { DetailsPanelEntityData } from '@shared/api'\n\nconst FieldValueText = styled.div`\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n text-align: right;\n\n input {\n text-align: left;\n }\n`\n\nconst StyledEnumWidget = styled(EnumWidget)`\n .enum,\n .edit-trigger {\n &:hover {\n background-color: unset;\n }\n }\n &:hover {\n background-color: unset;\n }\n`\n\ninterface RenderFieldWidgetProps {\n field: AttributeField\n value: any\n isEditing: boolean\n isReadOnly: boolean\n isMixed: boolean\n onChange: (fieldName: string, value: CellValue \| CellValue[]) => void\n onCancelEdit: () => void\n entities?: DetailsPanelEntityData[]\n entityType?: string\n}\n\nconst RenderFieldWidget: FC<RenderFieldWidgetProps> = ({\n field,\n value,\n isEditing,\n isReadOnly,\n isMixed,\n onChange,\n onCancelEdit,\n entities = [],\n entityType = 'task',\n}) => {\n const { type } = field.data\n const widgetCommonProps = {\n isEditing: isEditing && !isReadOnly,\n isInherited: false,\n onChange: (newValue: CellValue \| CellValue[]) => onChange(field.name, newValue),\n }\n\n // Format the value for display\n let displayValue = value === null \|\| value === undefined ? '' : value\n const labelValue = field.data.title \|\| field.name\n\n // Handle different field types\n switch (true) {\n case type === 'boolean':\n return (\n <BooleanWidget\n value={Boolean(displayValue)}\n {...widgetCommonProps}\n style={{ margin: 0 }}\n isReadOnly={isReadOnly}\n />\n )\n\n case type === 'datetime':\n return (\n <DateWidget\n value={displayValue}\n {...widgetCommonProps}\n isEditing\n onCancelEdit={onCancelEdit}\n style={{ width: 'fit-content' }}\n autoFocus={false}\n />\n )\n\n case !!field.data.enum: {\n const isListType = type.includes('list')\n let valueArray = []\n\n if (isListType) {\n valueArray = Array.isArray(displayValue) ? displayValue : []\n } else if (isMixed) {\n valueArray = []\n } else {\n valueArray = [displayValue]\n }\n\n // Use scoped statuses if the field name is 'status'\n let enumOptions = field.data.enum \|\| []\n if (field.name === 'status' && entities.length > 0) {\n const scopedStatuses = useScopedStatuses(\n entities.map((entity) => entity.projectName),\n [entityType],\n )\n if (scopedStatuses && scopedStatuses.length > 0) {\n enumOptions = scopedStatuses.map((status) => ({\n value: status.name,\n label: status.name,\n icon: status.icon,\n color: status.color,\n }))\n }\n }\n\n if (field.allowNone && !!valueArray.length && !isListType) {\n // Check if current field has a value (for single value fields)\n const hasCurrentValue = displayValue && displayValue !== ''\n if (hasCurrentValue) {\n enumOptions = [\n { value: '', label: `No ${field.data.title \|\| field.name}` },\n ...enumOptions,\n ]\n }\n }\n\n return (\n <StyledEnumWidget\n value={valueArray}\n options={enumOptions}\n type={type}\n pt={{\n template: {\n style: { height: 32 },\n className: 'enum',\n },\n }}\n placeholder={isMixed ? `Mixed ${labelValue}` : `Select ${labelValue}...`}\n onCancelEdit={onCancelEdit}\n align=\"right\"\n isReadOnly={isReadOnly}\n enableCustomValues={field.enableCustomValues ?? false}\n search={field.enableSearch ?? false}\n sortBySelected={!enumOptions}\n {...widgetCommonProps}\n />\n )\n }\n\n case type === 'string' \|\| type === 'integer' \|\| type === 'float':\n default:\n return (\n <FieldValueText>\n <TextWidget\n value={displayValue.toString()}\n onCancelEdit={onCancelEdit}\n type={type as 'string' \| 'integer' \| 'float'}\n {...widgetCommonProps}\n />\n </FieldValueText>\n )\n }\n}\n\nexport default RenderFieldWidget\n"],"names":["FieldValueText","styled","StyledEnumWidget","EnumWidget","RenderFieldWidget","field","value","isEditing","isReadOnly","isMixed","onChange","onCancelEdit","entities","entityType","type","widgetCommonProps","newValue","displayValue","labelValue","jsx","BooleanWidget","DateWidget","isListType","valueArray","enumOptions","scopedStatuses","useScopedStatuses","entity","status","TextWidget"],"mappings":"gnLAYA,MAAMA,EAAiBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYxBC,EAAmBD,EAAOE,YAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwBpCC,EAAgD,CAAC,CACrD,MAAAC,EACA,MAAAC,EACA,UAAAC,EACA,WAAAC,EACA,QAAAC,EACA,SAAAC,EACA,aAAAC,EACA,SAAAC,EAAW,CAAC,EACZ,WAAAC,EAAa,MACf,IAAM,CACE,KAAA,CAAE,KAAAC,GAAST,EAAM,KACjBU,EAAoB,CACxB,UAAWR,GAAa,CAACC,EACzB,YAAa,GACb,SAAWQ,GAAsCN,EAASL,EAAM,KAAMW,CAAQ,CAChF,EAGA,IAAIC,EAAeX,GAAwC,GAC3D,MAAMY,EAAab,EAAM,KAAK,OAASA,EAAM,KAG7C,OAAQ,GAAM,CACZ,KAAKS,IAAS,UAEV,OAAAK,EAAA,kBAAA,IAACC,EAAA,cAAA,CACC,MAAO,EAAQH,EACd,GAAGF,EACJ,MAAO,CAAE,OAAQ,CAAE,EACnB,WAAAP,CAAA,CACF,EAGJ,KAAKM,IAAS,WAEV,OAAAK,EAAA,kBAAA,IAACE,EAAA,WAAA,CACC,MAAOJ,EACN,GAAGF,EACJ,UAAS,GACT,aAAAJ,EACA,MAAO,CAAE,MAAO,aAAc,EAC9B,UAAW,EAAA,CACb,EAGJ,IAAK,CAAC,CAACN,EAAM,KAAK,KAAM,CAChB,MAAAiB,EAAaR,EAAK,SAAS,MAAM,EACvC,IAAIS,EAAa,CAAC,EAEdD,EACFC,EAAa,MAAM,QAAQN,CAAY,EAAIA,EAAe,CAAC,EAClDR,EACTc,EAAa,CAAC,EAEdA,EAAa,CAACN,CAAY,EAI5B,IAAIO,EAAcnB,EAAM,KAAK,MAAQ,CAAC,EACtC,GAAIA,EAAM,OAAS,UAAYO,EAAS,OAAS,EAAG,CAClD,MAAMa,EAAiBC,EAAA,kBACrBd,EAAS,IAAKe,GAAWA,EAAO,WAAW,EAC3C,CAACd,CAAU,CACb,EACIY,GAAkBA,EAAe,OAAS,IAC9BD,EAAAC,EAAe,IAAKG,IAAY,CAC5C,MAAOA,EAAO,KACd,MAAOA,EAAO,KACd,KAAMA,EAAO,KACb,MAAOA,EAAO,KAAA,EACd,EACJ,CAGF,OAAIvB,EAAM,WAAekB,EAAW,QAAU,CAACD,GAErBL,GAAgBA,IAAiB,KAEzCO,EAAA,CACZ,CAAE,MAAO,GAAI,MAAO,MAAMnB,EAAM,KAAK,OAASA,EAAM,IAAI,EAAG,EAC3D,GAAGmB,CACL,GAKFL,EAAA,kBAAA,IAACjB,EAAA,CACC,MAAOqB,EACP,QAASC,EACT,KAAAV,EACA,GAAI,CACF,SAAU,CACR,MAAO,CAAE,OAAQ,EAAG,EACpB,UAAW,MAAA,CAEf,EACA,YAAaL,EAAU,SAASS,CAAU,GAAK,UAAUA,CAAU,MACnE,aAAAP,EACA,MAAM,QACN,WAAAH,EACA,mBAAoBH,EAAM,oBAAsB,GAChD,OAAQA,EAAM,cAAgB,GAC9B,eAAgB,CAACmB,EAChB,GAAGT,CAAA,CACN,CAAA,CAIJ,KAAKD,IAAS,UAAYA,IAAS,WAAaA,IAAS,SACzD,QACE,+BACGd,EACC,CAAA,SAAAmB,EAAA,kBAAA,IAACU,EAAA,WAAA,CACC,MAAOZ,EAAa,SAAS,EAC7B,aAAAN,EACA,KAAAG,EACC,GAAGC,CAAA,CAAA,EAER,CAAA,CAGR"}

package/dist/shared/src/components/DetailsPanelAttributes/components/RenderFieldWidget.es.js CHANGED Viewed

@@ -53,6 +53,7 @@ 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";
 import "../../../api/queries/addons/getAddons.es.js";
 import "../../../api/queries/addons/updateAddons.es.js";
 import "../../../api/queries/attributes/getAttributes.es.js";
@@ -123,7 +124,7 @@ const W = f.div`
   &:hover {
     background-color: unset;
   }
-`, Wo = ({
+`, Co = ({
   field: t,
   value: l,
   isEditing: x,
@@ -221,6 +222,6 @@ const W = f.div`
   }
 };
 export {
-  Wo as default
+  Co as default
 };
 //# sourceMappingURL=RenderFieldWidget.es.js.map

package/dist/shared/src/components/DetailsPanelAttributes/components/RenderFieldWidget.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RenderFieldWidget.es.js","sources":["../../../../../../src/components/DetailsPanelAttributes/components/RenderFieldWidget.tsx"],"sourcesContent":["import { FC } from 'react'\nimport styled from 'styled-components'\nimport type { CellValue } from '@shared/containers/ProjectTreeTable/widgets/CellWidget'\nimport { TextWidget } from '@shared/containers/ProjectTreeTable/widgets/TextWidget'\nimport { BooleanWidget } from '@shared/containers/ProjectTreeTable/widgets/BooleanWidget'\nimport { DateWidget } from '@shared/containers/ProjectTreeTable/widgets/DateWidget'\nimport { EnumWidget } from '@shared/containers/ProjectTreeTable/widgets/EnumWidget'\nimport { useScopedStatuses } from '@shared/hooks'\n// Import AttributeField as a type to avoid runtime circular dependency with DetailsPanelAttributesEditor\nimport type { AttributeField } from '../DetailsPanelAttributesEditor'\nimport type { DetailsPanelEntityData } from '@shared/api'\n\nconst FieldValueText = styled.div`\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n text-align: right;\n\n input {\n text-align: left;\n }\n`\n\nconst StyledEnumWidget = styled(EnumWidget)`\n .enum,\n .edit-trigger {\n &:hover {\n background-color: unset;\n }\n }\n &:hover {\n background-color: unset;\n }\n`\n\ninterface RenderFieldWidgetProps {\n field: AttributeField\n value: any\n isEditing: boolean\n isReadOnly: boolean\n isMixed: boolean\n onChange: (fieldName: string, value: CellValue \| CellValue[]) => void\n onCancelEdit: () => void\n entities?: DetailsPanelEntityData[]\n entityType?: string\n}\n\nconst RenderFieldWidget: FC<RenderFieldWidgetProps> = ({\n field,\n value,\n isEditing,\n isReadOnly,\n isMixed,\n onChange,\n onCancelEdit,\n entities = [],\n entityType = 'task',\n}) => {\n const { type } = field.data\n const widgetCommonProps = {\n isEditing: isEditing && !isReadOnly,\n isInherited: false,\n onChange: (newValue: CellValue \| CellValue[]) => onChange(field.name, newValue),\n }\n\n // Format the value for display\n let displayValue = value === null \|\| value === undefined ? '' : value\n const labelValue = field.data.title \|\| field.name\n\n // Handle different field types\n switch (true) {\n case type === 'boolean':\n return (\n <BooleanWidget\n value={Boolean(displayValue)}\n {...widgetCommonProps}\n style={{ margin: 0 }}\n isReadOnly={isReadOnly}\n />\n )\n\n case type === 'datetime':\n return (\n <DateWidget\n value={displayValue}\n {...widgetCommonProps}\n isEditing\n onCancelEdit={onCancelEdit}\n style={{ width: 'fit-content' }}\n autoFocus={false}\n />\n )\n\n case !!field.data.enum: {\n const isListType = type.includes('list')\n let valueArray = []\n\n if (isListType) {\n valueArray = Array.isArray(displayValue) ? displayValue : []\n } else if (isMixed) {\n valueArray = []\n } else {\n valueArray = [displayValue]\n }\n\n // Use scoped statuses if the field name is 'status'\n let enumOptions = field.data.enum \|\| []\n if (field.name === 'status' && entities.length > 0) {\n const scopedStatuses = useScopedStatuses(\n entities.map((entity) => entity.projectName),\n [entityType],\n )\n if (scopedStatuses && scopedStatuses.length > 0) {\n enumOptions = scopedStatuses.map((status) => ({\n value: status.name,\n label: status.name,\n icon: status.icon,\n color: status.color,\n }))\n }\n }\n\n if (field.allowNone && !!valueArray.length && !isListType) {\n // Check if current field has a value (for single value fields)\n const hasCurrentValue = displayValue && displayValue !== ''\n if (hasCurrentValue) {\n enumOptions = [\n { value: '', label: `No ${field.data.title \|\| field.name}` },\n ...enumOptions,\n ]\n }\n }\n\n return (\n <StyledEnumWidget\n value={valueArray}\n options={enumOptions}\n type={type}\n pt={{\n template: {\n style: { height: 32 },\n className: 'enum',\n },\n }}\n placeholder={isMixed ? `Mixed ${labelValue}` : `Select ${labelValue}...`}\n onCancelEdit={onCancelEdit}\n align=\"right\"\n isReadOnly={isReadOnly}\n enableCustomValues={field.enableCustomValues ?? false}\n search={field.enableSearch ?? false}\n sortBySelected={!enumOptions}\n {...widgetCommonProps}\n />\n )\n }\n\n case type === 'string' \|\| type === 'integer' \|\| type === 'float':\n default:\n return (\n <FieldValueText>\n <TextWidget\n value={displayValue.toString()}\n onCancelEdit={onCancelEdit}\n type={type as 'string' \| 'integer' \| 'float'}\n {...widgetCommonProps}\n />\n </FieldValueText>\n )\n }\n}\n\nexport default RenderFieldWidget\n"],"names":["FieldValueText","styled","StyledEnumWidget","EnumWidget","RenderFieldWidget","field","value","isEditing","isReadOnly","isMixed","onChange","onCancelEdit","entities","entityType","type","widgetCommonProps","newValue","displayValue","labelValue","jsx","BooleanWidget","DateWidget","isListType","valueArray","enumOptions","scopedStatuses","useScopedStatuses","entity","status","TextWidget"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~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"}
1	+ {"version":3,"file":"RenderFieldWidget.es.js","sources":["../../../../../../src/components/DetailsPanelAttributes/components/RenderFieldWidget.tsx"],"sourcesContent":["import { FC } from 'react'\nimport styled from 'styled-components'\nimport type { CellValue } from '@shared/containers/ProjectTreeTable/widgets/CellWidget'\nimport { TextWidget } from '@shared/containers/ProjectTreeTable/widgets/TextWidget'\nimport { BooleanWidget } from '@shared/containers/ProjectTreeTable/widgets/BooleanWidget'\nimport { DateWidget } from '@shared/containers/ProjectTreeTable/widgets/DateWidget'\nimport { EnumWidget } from '@shared/containers/ProjectTreeTable/widgets/EnumWidget'\nimport { useScopedStatuses } from '@shared/hooks'\n// Import AttributeField as a type to avoid runtime circular dependency with DetailsPanelAttributesEditor\nimport type { AttributeField } from '../DetailsPanelAttributesEditor'\nimport type { DetailsPanelEntityData } from '@shared/api'\n\nconst FieldValueText = styled.div`\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n text-align: right;\n\n input {\n text-align: left;\n }\n`\n\nconst StyledEnumWidget = styled(EnumWidget)`\n .enum,\n .edit-trigger {\n &:hover {\n background-color: unset;\n }\n }\n &:hover {\n background-color: unset;\n }\n`\n\ninterface RenderFieldWidgetProps {\n field: AttributeField\n value: any\n isEditing: boolean\n isReadOnly: boolean\n isMixed: boolean\n onChange: (fieldName: string, value: CellValue \| CellValue[]) => void\n onCancelEdit: () => void\n entities?: DetailsPanelEntityData[]\n entityType?: string\n}\n\nconst RenderFieldWidget: FC<RenderFieldWidgetProps> = ({\n field,\n value,\n isEditing,\n isReadOnly,\n isMixed,\n onChange,\n onCancelEdit,\n entities = [],\n entityType = 'task',\n}) => {\n const { type } = field.data\n const widgetCommonProps = {\n isEditing: isEditing && !isReadOnly,\n isInherited: false,\n onChange: (newValue: CellValue \| CellValue[]) => onChange(field.name, newValue),\n }\n\n // Format the value for display\n let displayValue = value === null \|\| value === undefined ? '' : value\n const labelValue = field.data.title \|\| field.name\n\n // Handle different field types\n switch (true) {\n case type === 'boolean':\n return (\n <BooleanWidget\n value={Boolean(displayValue)}\n {...widgetCommonProps}\n style={{ margin: 0 }}\n isReadOnly={isReadOnly}\n />\n )\n\n case type === 'datetime':\n return (\n <DateWidget\n value={displayValue}\n {...widgetCommonProps}\n isEditing\n onCancelEdit={onCancelEdit}\n style={{ width: 'fit-content' }}\n autoFocus={false}\n />\n )\n\n case !!field.data.enum: {\n const isListType = type.includes('list')\n let valueArray = []\n\n if (isListType) {\n valueArray = Array.isArray(displayValue) ? displayValue : []\n } else if (isMixed) {\n valueArray = []\n } else {\n valueArray = [displayValue]\n }\n\n // Use scoped statuses if the field name is 'status'\n let enumOptions = field.data.enum \|\| []\n if (field.name === 'status' && entities.length > 0) {\n const scopedStatuses = useScopedStatuses(\n entities.map((entity) => entity.projectName),\n [entityType],\n )\n if (scopedStatuses && scopedStatuses.length > 0) {\n enumOptions = scopedStatuses.map((status) => ({\n value: status.name,\n label: status.name,\n icon: status.icon,\n color: status.color,\n }))\n }\n }\n\n if (field.allowNone && !!valueArray.length && !isListType) {\n // Check if current field has a value (for single value fields)\n const hasCurrentValue = displayValue && displayValue !== ''\n if (hasCurrentValue) {\n enumOptions = [\n { value: '', label: `No ${field.data.title \|\| field.name}` },\n ...enumOptions,\n ]\n }\n }\n\n return (\n <StyledEnumWidget\n value={valueArray}\n options={enumOptions}\n type={type}\n pt={{\n template: {\n style: { height: 32 },\n className: 'enum',\n },\n }}\n placeholder={isMixed ? `Mixed ${labelValue}` : `Select ${labelValue}...`}\n onCancelEdit={onCancelEdit}\n align=\"right\"\n isReadOnly={isReadOnly}\n enableCustomValues={field.enableCustomValues ?? false}\n search={field.enableSearch ?? false}\n sortBySelected={!enumOptions}\n {...widgetCommonProps}\n />\n )\n }\n\n case type === 'string' \|\| type === 'integer' \|\| type === 'float':\n default:\n return (\n <FieldValueText>\n <TextWidget\n value={displayValue.toString()}\n onCancelEdit={onCancelEdit}\n type={type as 'string' \| 'integer' \| 'float'}\n {...widgetCommonProps}\n />\n </FieldValueText>\n )\n }\n}\n\nexport default RenderFieldWidget\n"],"names":["FieldValueText","styled","StyledEnumWidget","EnumWidget","RenderFieldWidget","field","value","isEditing","isReadOnly","isMixed","onChange","onCancelEdit","entities","entityType","type","widgetCommonProps","newValue","displayValue","labelValue","jsx","BooleanWidget","DateWidget","isListType","valueArray","enumOptions","scopedStatuses","useScopedStatuses","entity","status","TextWidget"],"mappings":"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"}

package/dist/shared/src/components/DetailsPanelDetails/DescriptionSection.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),q=require("react"),d=require("@ynput/ayon-react-components"),C=require("react-quill-ayon"),b=require("clsx"),x=require("./BorderedSection.cjs.js"),D=require("../QuillListStyles/QuillListStyles.cjs.js"),t=require("./DescriptionSection.styles.cjs.js"),v=require("../../containers/Feed/components/CommentInput/InputMarkdownConvert.cjs.js"),w=require("./hooks/useDescriptionEditor.cjs.js"),B=require("./hooks/useMentionSystem.cjs.js"),H=require("./hooks/useQuillFormats.cjs.js");require("lodash");require("react-toastify");require("uuid");require("../../util/pubsub.cjs.js");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("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("react-redux");require("custom-protocol-check");const M=({imageUploader:i,disableImageUpload:o=!1})=>{const u=[[{header:2},"bold","italic","link","code-block"],[{list:"ordered"},{list:"bullet"}]];return o||u.push(["image"]),{toolbar:u,imageUploader:i,magicUrl:!0}},Q=({description:i,isMixed:o,enableEditing:u,onChange:m,isLoading:p})=>{const s=q.useRef(null),[l,c]=q.useState("");q.useEffect(()=>{if(!(i!=null&&i.trim())){c("");return}if(!s.current)return;const n=s.current.innerHTML;c(n)},[i]);const{isEditing:r,editorValue:j,setEditorValue:S,editorRef:h,handleStartEditing:a,handleSave:E,handleCancel:R,handleKeyDown:f}=w.useDescriptionEditor({descriptionHtml:l,enableEditing:u,isMixed:o,onChange:m}),y=H.useQuillFormats();if(p)return e.jsxRuntimeExports.jsx(x.BorderedSection,{title:"Description",children:e.jsxRuntimeExports.jsx(t.StyledLoadingSkeleton,{})});const g=n=>{if(r)return;if(n.target.closest("a")){n.stopPropagation();return}r||a()},k=r?j:l;return e.jsxRuntimeExports.jsxs(x.BorderedSection,{title:"Description",showHeader:!r,enableHover:!r,onClick:r?void 0:a,children:[e.jsxRuntimeExports.jsxs(t.StyledContent,{className:b({editing:r}),onClick:g,children:[e.jsxRuntimeExports.jsx(t.StyledEditor,{className:"block-shortcuts",children:e.jsxRuntimeExports.jsx(D.QuillListStyles,{children:e.jsxRuntimeExports.jsx(t.StyledQuillContainer,{children:e.jsxRuntimeExports.jsx(C,{theme:"snow",ref:h,value:k,onChange:S,placeholder:"Add a description...",modules:r?M({imageUploader:null,disableImageUpload:!0}):{toolbar:!1},formats:y,onKeyDown:f,readOnly:!r},`description-editor-${r}`)})})}),r&&e.jsxRuntimeExports.jsx(t.StyledFooter,{children:e.jsxRuntimeExports.jsxs(t.StyledButtonContainer,{children:[e.jsxRuntimeExports.jsx(d.Button,{variant:"text",label:"Cancel",onClick:R}),e.jsxRuntimeExports.jsx(d.Button,{variant:"filled",label:"Save",onClick:E})]})})]}),e.jsxRuntimeExports.jsx(t.StyledHiddenMarkdown,{ref:s,children:e.jsxRuntimeExports.jsx(v,{typeOptions:B.mentionTypeOptions,initValue:i||""})})]})};exports.DescriptionSection=Q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),q=require("react"),d=require("@ynput/ayon-react-components"),C=require("react-quill-ayon"),b=require("clsx"),x=require("./BorderedSection.cjs.js"),D=require("../QuillListStyles/QuillListStyles.cjs.js"),t=require("./DescriptionSection.styles.cjs.js"),v=require("../../containers/Feed/components/CommentInput/InputMarkdownConvert.cjs.js"),w=require("./hooks/useDescriptionEditor.cjs.js"),B=require("./hooks/useMentionSystem.cjs.js"),H=require("./hooks/useQuillFormats.cjs.js");require("lodash");require("react-toastify");require("uuid");require("../../util/pubsub.cjs.js");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/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/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("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("react-redux");require("custom-protocol-check");const M=({imageUploader:i,disableImageUpload:o=!1})=>{const u=[[{header:2},"bold","italic","link","code-block"],[{list:"ordered"},{list:"bullet"}]];return o||u.push(["image"]),{toolbar:u,imageUploader:i,magicUrl:!0}},Q=({description:i,isMixed:o,enableEditing:u,onChange:m,isLoading:p})=>{const s=q.useRef(null),[l,c]=q.useState("");q.useEffect(()=>{if(!(i!=null&&i.trim())){c("");return}if(!s.current)return;const n=s.current.innerHTML;c(n)},[i]);const{isEditing:r,editorValue:j,setEditorValue:S,editorRef:h,handleStartEditing:a,handleSave:E,handleCancel:R,handleKeyDown:f}=w.useDescriptionEditor({descriptionHtml:l,enableEditing:u,isMixed:o,onChange:m}),y=H.useQuillFormats();if(p)return e.jsxRuntimeExports.jsx(x.BorderedSection,{title:"Description",children:e.jsxRuntimeExports.jsx(t.StyledLoadingSkeleton,{})});const g=n=>{if(r)return;if(n.target.closest("a")){n.stopPropagation();return}r||a()},k=r?j:l;return e.jsxRuntimeExports.jsxs(x.BorderedSection,{title:"Description",showHeader:!r,enableHover:!r,onClick:r?void 0:a,children:[e.jsxRuntimeExports.jsxs(t.StyledContent,{className:b({editing:r}),onClick:g,children:[e.jsxRuntimeExports.jsx(t.StyledEditor,{className:"block-shortcuts",children:e.jsxRuntimeExports.jsx(D.QuillListStyles,{children:e.jsxRuntimeExports.jsx(t.StyledQuillContainer,{children:e.jsxRuntimeExports.jsx(C,{theme:"snow",ref:h,value:k,onChange:S,placeholder:"Add a description...",modules:r?M({imageUploader:null,disableImageUpload:!0}):{toolbar:!1},formats:y,onKeyDown:f,readOnly:!r},`description-editor-${r}`)})})}),r&&e.jsxRuntimeExports.jsx(t.StyledFooter,{children:e.jsxRuntimeExports.jsxs(t.StyledButtonContainer,{children:[e.jsxRuntimeExports.jsx(d.Button,{variant:"text",label:"Cancel",onClick:R}),e.jsxRuntimeExports.jsx(d.Button,{variant:"filled",label:"Save",onClick:E})]})})]}),e.jsxRuntimeExports.jsx(t.StyledHiddenMarkdown,{ref:s,children:e.jsxRuntimeExports.jsx(v,{typeOptions:B.mentionTypeOptions,initValue:i||""})})]})};exports.DescriptionSection=Q;
 //# sourceMappingURL=DescriptionSection.cjs.js.map

package/dist/shared/src/components/DetailsPanelDetails/DescriptionSection.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DescriptionSection.cjs.js","sources":["../../../../../src/components/DetailsPanelDetails/DescriptionSection.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\nimport { Button } from '@ynput/ayon-react-components'\nimport ReactQuill from 'react-quill-ayon'\nimport clsx from 'clsx'\nimport { BorderedSection } from './BorderedSection'\nimport { QuillListStyles } from '../QuillListStyles'\nimport {\n StyledContent,\n StyledEditor,\n StyledFooter,\n StyledLoadingSkeleton,\n StyledButtonContainer,\n StyledQuillContainer,\n StyledHiddenMarkdown,\n} from './DescriptionSection.styles'\nimport InputMarkdownConvert from '@shared/containers/Feed/components/CommentInput/InputMarkdownConvert'\nimport { mentionTypeOptions, useDescriptionEditor, useQuillFormats } from './hooks'\n\n// Custom modules function for description editor (without checklist)\nconst getDescriptionModules = ({\n imageUploader,\n disableImageUpload = false,\n}: {\n imageUploader: any\n disableImageUpload?: boolean\n}) => {\n const toolbar = [\n [{ header: 2 }, 'bold', 'italic', 'link', 'code-block'],\n [{ list: 'ordered' }, { list: 'bullet' }], // Removed { list: 'check' }\n ]\n\n if (!disableImageUpload) {\n toolbar.push(['image'])\n }\n\n return {\n toolbar,\n imageUploader,\n magicUrl: true,\n }\n}\n\ninterface DescriptionSectionProps {\n description: string\n isMixed: boolean\n enableEditing: boolean\n onChange: (description: string) => void\n isLoading: boolean\n}\n\nexport const DescriptionSection: React.FC<DescriptionSectionProps> = ({\n description,\n isMixed,\n enableEditing,\n onChange,\n isLoading,\n}) => {\n const markdownRef = useRef<HTMLDivElement>(null)\n const [descriptionHtml, setDescriptionHtml] = useState('')\n\n useEffect(() => {\n if (!description?.trim()) {\n setDescriptionHtml('')\n return\n }\n\n if (!markdownRef.current) return\n\n const html = markdownRef.current.innerHTML\n setDescriptionHtml(html)\n }, [description])\n\n // Use custom hooks to manage state and logic\n const {\n isEditing,\n editorValue,\n setEditorValue,\n editorRef,\n handleStartEditing,\n handleSave,\n handleCancel,\n handleKeyDown,\n } = useDescriptionEditor({\n descriptionHtml,\n enableEditing,\n isMixed,\n onChange,\n })\n\n const conditionalFormats = useQuillFormats()\n\n if (isLoading) {\n return (\n <BorderedSection title=\"Description\">\n <StyledLoadingSkeleton />\n </BorderedSection>\n )\n }\n\n // Handle clicks on links to prevent edit mode activation\n const handleContentClick = (e: React.MouseEvent) => {\n // If we're in editing mode, don't prevent default behavior for links\n if (isEditing) {\n return\n }\n \n // Check if the clicked element is a link or inside a link\n const target = e.target as HTMLElement\n const link = target.closest('a')\n \n if (link) {\n // If clicking on a link, prevent the edit mode from activating\n e.stopPropagation()\n return\n }\n \n // For other clicks when not editing, allow edit mode to activate\n if (!isEditing) {\n handleStartEditing()\n }\n }\n\n const quillValue = isEditing ? editorValue : descriptionHtml\n\n return (\n <BorderedSection\n title=\"Description\"\n showHeader={!isEditing}\n enableHover={!isEditing}\n onClick={!isEditing ? handleStartEditing : undefined}\n >\n <StyledContent \n className={clsx({ editing: isEditing })}\n onClick={handleContentClick}\n >\n <StyledEditor className=\"block-shortcuts\">\n <QuillListStyles>\n <StyledQuillContainer>\n <ReactQuill\n key={`description-editor-${isEditing}`}\n theme=\"snow\"\n ref={editorRef}\n value={quillValue}\n onChange={setEditorValue}\n placeholder=\"Add a description...\"\n modules={\n isEditing\n ? getDescriptionModules({ imageUploader: null, disableImageUpload: true })\n : { toolbar: false }\n }\n formats={conditionalFormats}\n onKeyDown={handleKeyDown}\n readOnly={!isEditing}\n />\n </StyledQuillContainer>\n </QuillListStyles>\n </StyledEditor>\n {isEditing && (\n <StyledFooter>\n <StyledButtonContainer>\n <Button variant=\"text\" label=\"Cancel\" onClick={handleCancel} />\n <Button variant=\"filled\" label=\"Save\" onClick={handleSave} />\n </StyledButtonContainer>\n </StyledFooter>\n )}\n </StyledContent>\n <StyledHiddenMarkdown ref={markdownRef}>\n <InputMarkdownConvert\n typeOptions={mentionTypeOptions}\n initValue={description \|\| ''}\n />\n </StyledHiddenMarkdown>\n </BorderedSection>\n )\n}\n"],"names":["getDescriptionModules","imageUploader","disableImageUpload","toolbar","DescriptionSection","description","isMixed","enableEditing","onChange","isLoading","markdownRef","useRef","descriptionHtml","setDescriptionHtml","useState","useEffect","html","isEditing","editorValue","setEditorValue","editorRef","handleStartEditing","handleSave","handleCancel","handleKeyDown","useDescriptionEditor","conditionalFormats","useQuillFormats","BorderedSection","jsx","StyledLoadingSkeleton","handleContentClick","e","quillValue","jsxs","StyledContent","clsx","StyledEditor","QuillListStyles","StyledQuillContainer","ReactQuill","StyledFooter","StyledButtonContainer","Button","StyledHiddenMarkdown","InputMarkdownConvert","mentionTypeOptions"],"mappings":"~~68KAmBA~~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"}
1	+ {"version":3,"file":"DescriptionSection.cjs.js","sources":["../../../../../src/components/DetailsPanelDetails/DescriptionSection.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\nimport { Button } from '@ynput/ayon-react-components'\nimport ReactQuill from 'react-quill-ayon'\nimport clsx from 'clsx'\nimport { BorderedSection } from './BorderedSection'\nimport { QuillListStyles } from '../QuillListStyles'\nimport {\n StyledContent,\n StyledEditor,\n StyledFooter,\n StyledLoadingSkeleton,\n StyledButtonContainer,\n StyledQuillContainer,\n StyledHiddenMarkdown,\n} from './DescriptionSection.styles'\nimport InputMarkdownConvert from '@shared/containers/Feed/components/CommentInput/InputMarkdownConvert'\nimport { mentionTypeOptions, useDescriptionEditor, useQuillFormats } from './hooks'\n\n// Custom modules function for description editor (without checklist)\nconst getDescriptionModules = ({\n imageUploader,\n disableImageUpload = false,\n}: {\n imageUploader: any\n disableImageUpload?: boolean\n}) => {\n const toolbar = [\n [{ header: 2 }, 'bold', 'italic', 'link', 'code-block'],\n [{ list: 'ordered' }, { list: 'bullet' }], // Removed { list: 'check' }\n ]\n\n if (!disableImageUpload) {\n toolbar.push(['image'])\n }\n\n return {\n toolbar,\n imageUploader,\n magicUrl: true,\n }\n}\n\ninterface DescriptionSectionProps {\n description: string\n isMixed: boolean\n enableEditing: boolean\n onChange: (description: string) => void\n isLoading: boolean\n}\n\nexport const DescriptionSection: React.FC<DescriptionSectionProps> = ({\n description,\n isMixed,\n enableEditing,\n onChange,\n isLoading,\n}) => {\n const markdownRef = useRef<HTMLDivElement>(null)\n const [descriptionHtml, setDescriptionHtml] = useState('')\n\n useEffect(() => {\n if (!description?.trim()) {\n setDescriptionHtml('')\n return\n }\n\n if (!markdownRef.current) return\n\n const html = markdownRef.current.innerHTML\n setDescriptionHtml(html)\n }, [description])\n\n // Use custom hooks to manage state and logic\n const {\n isEditing,\n editorValue,\n setEditorValue,\n editorRef,\n handleStartEditing,\n handleSave,\n handleCancel,\n handleKeyDown,\n } = useDescriptionEditor({\n descriptionHtml,\n enableEditing,\n isMixed,\n onChange,\n })\n\n const conditionalFormats = useQuillFormats()\n\n if (isLoading) {\n return (\n <BorderedSection title=\"Description\">\n <StyledLoadingSkeleton />\n </BorderedSection>\n )\n }\n\n // Handle clicks on links to prevent edit mode activation\n const handleContentClick = (e: React.MouseEvent) => {\n // If we're in editing mode, don't prevent default behavior for links\n if (isEditing) {\n return\n }\n \n // Check if the clicked element is a link or inside a link\n const target = e.target as HTMLElement\n const link = target.closest('a')\n \n if (link) {\n // If clicking on a link, prevent the edit mode from activating\n e.stopPropagation()\n return\n }\n \n // For other clicks when not editing, allow edit mode to activate\n if (!isEditing) {\n handleStartEditing()\n }\n }\n\n const quillValue = isEditing ? editorValue : descriptionHtml\n\n return (\n <BorderedSection\n title=\"Description\"\n showHeader={!isEditing}\n enableHover={!isEditing}\n onClick={!isEditing ? handleStartEditing : undefined}\n >\n <StyledContent \n className={clsx({ editing: isEditing })}\n onClick={handleContentClick}\n >\n <StyledEditor className=\"block-shortcuts\">\n <QuillListStyles>\n <StyledQuillContainer>\n <ReactQuill\n key={`description-editor-${isEditing}`}\n theme=\"snow\"\n ref={editorRef}\n value={quillValue}\n onChange={setEditorValue}\n placeholder=\"Add a description...\"\n modules={\n isEditing\n ? getDescriptionModules({ imageUploader: null, disableImageUpload: true })\n : { toolbar: false }\n }\n formats={conditionalFormats}\n onKeyDown={handleKeyDown}\n readOnly={!isEditing}\n />\n </StyledQuillContainer>\n </QuillListStyles>\n </StyledEditor>\n {isEditing && (\n <StyledFooter>\n <StyledButtonContainer>\n <Button variant=\"text\" label=\"Cancel\" onClick={handleCancel} />\n <Button variant=\"filled\" label=\"Save\" onClick={handleSave} />\n </StyledButtonContainer>\n </StyledFooter>\n )}\n </StyledContent>\n <StyledHiddenMarkdown ref={markdownRef}>\n <InputMarkdownConvert\n typeOptions={mentionTypeOptions}\n initValue={description \|\| ''}\n />\n </StyledHiddenMarkdown>\n </BorderedSection>\n )\n}\n"],"names":["getDescriptionModules","imageUploader","disableImageUpload","toolbar","DescriptionSection","description","isMixed","enableEditing","onChange","isLoading","markdownRef","useRef","descriptionHtml","setDescriptionHtml","useState","useEffect","html","isEditing","editorValue","setEditorValue","editorRef","handleStartEditing","handleSave","handleCancel","handleKeyDown","useDescriptionEditor","conditionalFormats","useQuillFormats","BorderedSection","jsx","StyledLoadingSkeleton","handleContentClick","e","quillValue","jsxs","StyledContent","clsx","StyledEditor","QuillListStyles","StyledQuillContainer","ReactQuill","StyledFooter","StyledButtonContainer","Button","StyledHiddenMarkdown","InputMarkdownConvert","mentionTypeOptions"],"mappings":"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"}

package/dist/shared/src/components/DetailsPanelDetails/DescriptionSection.es.js CHANGED Viewed

@@ -60,6 +60,7 @@ 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";
 import "../../api/queries/addons/getAddons.es.js";
 import "../../api/queries/addons/updateAddons.es.js";
 import "../../api/queries/attributes/getAttributes.es.js";
@@ -123,7 +124,7 @@ const N = ({
     imageUploader: r,
     magicUrl: !0
   };
-}, Go = ({
+}, Jo = ({
   description: r,
   isMixed: p,
   enableEditing: i,
@@ -214,6 +215,6 @@ const N = ({
   );
 };
 export {
-  Go as DescriptionSection
+  Jo as DescriptionSection
 };
 //# sourceMappingURL=DescriptionSection.es.js.map

package/dist/shared/src/components/DetailsPanelDetails/DescriptionSection.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DescriptionSection.es.js","sources":["../../../../../src/components/DetailsPanelDetails/DescriptionSection.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\nimport { Button } from '@ynput/ayon-react-components'\nimport ReactQuill from 'react-quill-ayon'\nimport clsx from 'clsx'\nimport { BorderedSection } from './BorderedSection'\nimport { QuillListStyles } from '../QuillListStyles'\nimport {\n StyledContent,\n StyledEditor,\n StyledFooter,\n StyledLoadingSkeleton,\n StyledButtonContainer,\n StyledQuillContainer,\n StyledHiddenMarkdown,\n} from './DescriptionSection.styles'\nimport InputMarkdownConvert from '@shared/containers/Feed/components/CommentInput/InputMarkdownConvert'\nimport { mentionTypeOptions, useDescriptionEditor, useQuillFormats } from './hooks'\n\n// Custom modules function for description editor (without checklist)\nconst getDescriptionModules = ({\n imageUploader,\n disableImageUpload = false,\n}: {\n imageUploader: any\n disableImageUpload?: boolean\n}) => {\n const toolbar = [\n [{ header: 2 }, 'bold', 'italic', 'link', 'code-block'],\n [{ list: 'ordered' }, { list: 'bullet' }], // Removed { list: 'check' }\n ]\n\n if (!disableImageUpload) {\n toolbar.push(['image'])\n }\n\n return {\n toolbar,\n imageUploader,\n magicUrl: true,\n }\n}\n\ninterface DescriptionSectionProps {\n description: string\n isMixed: boolean\n enableEditing: boolean\n onChange: (description: string) => void\n isLoading: boolean\n}\n\nexport const DescriptionSection: React.FC<DescriptionSectionProps> = ({\n description,\n isMixed,\n enableEditing,\n onChange,\n isLoading,\n}) => {\n const markdownRef = useRef<HTMLDivElement>(null)\n const [descriptionHtml, setDescriptionHtml] = useState('')\n\n useEffect(() => {\n if (!description?.trim()) {\n setDescriptionHtml('')\n return\n }\n\n if (!markdownRef.current) return\n\n const html = markdownRef.current.innerHTML\n setDescriptionHtml(html)\n }, [description])\n\n // Use custom hooks to manage state and logic\n const {\n isEditing,\n editorValue,\n setEditorValue,\n editorRef,\n handleStartEditing,\n handleSave,\n handleCancel,\n handleKeyDown,\n } = useDescriptionEditor({\n descriptionHtml,\n enableEditing,\n isMixed,\n onChange,\n })\n\n const conditionalFormats = useQuillFormats()\n\n if (isLoading) {\n return (\n <BorderedSection title=\"Description\">\n <StyledLoadingSkeleton />\n </BorderedSection>\n )\n }\n\n // Handle clicks on links to prevent edit mode activation\n const handleContentClick = (e: React.MouseEvent) => {\n // If we're in editing mode, don't prevent default behavior for links\n if (isEditing) {\n return\n }\n \n // Check if the clicked element is a link or inside a link\n const target = e.target as HTMLElement\n const link = target.closest('a')\n \n if (link) {\n // If clicking on a link, prevent the edit mode from activating\n e.stopPropagation()\n return\n }\n \n // For other clicks when not editing, allow edit mode to activate\n if (!isEditing) {\n handleStartEditing()\n }\n }\n\n const quillValue = isEditing ? editorValue : descriptionHtml\n\n return (\n <BorderedSection\n title=\"Description\"\n showHeader={!isEditing}\n enableHover={!isEditing}\n onClick={!isEditing ? handleStartEditing : undefined}\n >\n <StyledContent \n className={clsx({ editing: isEditing })}\n onClick={handleContentClick}\n >\n <StyledEditor className=\"block-shortcuts\">\n <QuillListStyles>\n <StyledQuillContainer>\n <ReactQuill\n key={`description-editor-${isEditing}`}\n theme=\"snow\"\n ref={editorRef}\n value={quillValue}\n onChange={setEditorValue}\n placeholder=\"Add a description...\"\n modules={\n isEditing\n ? getDescriptionModules({ imageUploader: null, disableImageUpload: true })\n : { toolbar: false }\n }\n formats={conditionalFormats}\n onKeyDown={handleKeyDown}\n readOnly={!isEditing}\n />\n </StyledQuillContainer>\n </QuillListStyles>\n </StyledEditor>\n {isEditing && (\n <StyledFooter>\n <StyledButtonContainer>\n <Button variant=\"text\" label=\"Cancel\" onClick={handleCancel} />\n <Button variant=\"filled\" label=\"Save\" onClick={handleSave} />\n </StyledButtonContainer>\n </StyledFooter>\n )}\n </StyledContent>\n <StyledHiddenMarkdown ref={markdownRef}>\n <InputMarkdownConvert\n typeOptions={mentionTypeOptions}\n initValue={description \|\| ''}\n />\n </StyledHiddenMarkdown>\n </BorderedSection>\n )\n}\n"],"names":["getDescriptionModules","imageUploader","disableImageUpload","toolbar","DescriptionSection","description","isMixed","enableEditing","onChange","isLoading","markdownRef","useRef","descriptionHtml","setDescriptionHtml","useState","useEffect","html","isEditing","editorValue","setEditorValue","editorRef","handleStartEditing","handleSave","handleCancel","handleKeyDown","useDescriptionEditor","conditionalFormats","useQuillFormats","BorderedSection","jsx","StyledLoadingSkeleton","handleContentClick","e","quillValue","jsxs","StyledContent","clsx","StyledEditor","QuillListStyles","StyledQuillContainer","ReactQuill","StyledFooter","StyledButtonContainer","Button","StyledHiddenMarkdown","InputMarkdownConvert","mentionTypeOptions"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~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"}
1	+ {"version":3,"file":"DescriptionSection.es.js","sources":["../../../../../src/components/DetailsPanelDetails/DescriptionSection.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\nimport { Button } from '@ynput/ayon-react-components'\nimport ReactQuill from 'react-quill-ayon'\nimport clsx from 'clsx'\nimport { BorderedSection } from './BorderedSection'\nimport { QuillListStyles } from '../QuillListStyles'\nimport {\n StyledContent,\n StyledEditor,\n StyledFooter,\n StyledLoadingSkeleton,\n StyledButtonContainer,\n StyledQuillContainer,\n StyledHiddenMarkdown,\n} from './DescriptionSection.styles'\nimport InputMarkdownConvert from '@shared/containers/Feed/components/CommentInput/InputMarkdownConvert'\nimport { mentionTypeOptions, useDescriptionEditor, useQuillFormats } from './hooks'\n\n// Custom modules function for description editor (without checklist)\nconst getDescriptionModules = ({\n imageUploader,\n disableImageUpload = false,\n}: {\n imageUploader: any\n disableImageUpload?: boolean\n}) => {\n const toolbar = [\n [{ header: 2 }, 'bold', 'italic', 'link', 'code-block'],\n [{ list: 'ordered' }, { list: 'bullet' }], // Removed { list: 'check' }\n ]\n\n if (!disableImageUpload) {\n toolbar.push(['image'])\n }\n\n return {\n toolbar,\n imageUploader,\n magicUrl: true,\n }\n}\n\ninterface DescriptionSectionProps {\n description: string\n isMixed: boolean\n enableEditing: boolean\n onChange: (description: string) => void\n isLoading: boolean\n}\n\nexport const DescriptionSection: React.FC<DescriptionSectionProps> = ({\n description,\n isMixed,\n enableEditing,\n onChange,\n isLoading,\n}) => {\n const markdownRef = useRef<HTMLDivElement>(null)\n const [descriptionHtml, setDescriptionHtml] = useState('')\n\n useEffect(() => {\n if (!description?.trim()) {\n setDescriptionHtml('')\n return\n }\n\n if (!markdownRef.current) return\n\n const html = markdownRef.current.innerHTML\n setDescriptionHtml(html)\n }, [description])\n\n // Use custom hooks to manage state and logic\n const {\n isEditing,\n editorValue,\n setEditorValue,\n editorRef,\n handleStartEditing,\n handleSave,\n handleCancel,\n handleKeyDown,\n } = useDescriptionEditor({\n descriptionHtml,\n enableEditing,\n isMixed,\n onChange,\n })\n\n const conditionalFormats = useQuillFormats()\n\n if (isLoading) {\n return (\n <BorderedSection title=\"Description\">\n <StyledLoadingSkeleton />\n </BorderedSection>\n )\n }\n\n // Handle clicks on links to prevent edit mode activation\n const handleContentClick = (e: React.MouseEvent) => {\n // If we're in editing mode, don't prevent default behavior for links\n if (isEditing) {\n return\n }\n \n // Check if the clicked element is a link or inside a link\n const target = e.target as HTMLElement\n const link = target.closest('a')\n \n if (link) {\n // If clicking on a link, prevent the edit mode from activating\n e.stopPropagation()\n return\n }\n \n // For other clicks when not editing, allow edit mode to activate\n if (!isEditing) {\n handleStartEditing()\n }\n }\n\n const quillValue = isEditing ? editorValue : descriptionHtml\n\n return (\n <BorderedSection\n title=\"Description\"\n showHeader={!isEditing}\n enableHover={!isEditing}\n onClick={!isEditing ? handleStartEditing : undefined}\n >\n <StyledContent \n className={clsx({ editing: isEditing })}\n onClick={handleContentClick}\n >\n <StyledEditor className=\"block-shortcuts\">\n <QuillListStyles>\n <StyledQuillContainer>\n <ReactQuill\n key={`description-editor-${isEditing}`}\n theme=\"snow\"\n ref={editorRef}\n value={quillValue}\n onChange={setEditorValue}\n placeholder=\"Add a description...\"\n modules={\n isEditing\n ? getDescriptionModules({ imageUploader: null, disableImageUpload: true })\n : { toolbar: false }\n }\n formats={conditionalFormats}\n onKeyDown={handleKeyDown}\n readOnly={!isEditing}\n />\n </StyledQuillContainer>\n </QuillListStyles>\n </StyledEditor>\n {isEditing && (\n <StyledFooter>\n <StyledButtonContainer>\n <Button variant=\"text\" label=\"Cancel\" onClick={handleCancel} />\n <Button variant=\"filled\" label=\"Save\" onClick={handleSave} />\n </StyledButtonContainer>\n </StyledFooter>\n )}\n </StyledContent>\n <StyledHiddenMarkdown ref={markdownRef}>\n <InputMarkdownConvert\n typeOptions={mentionTypeOptions}\n initValue={description \|\| ''}\n />\n </StyledHiddenMarkdown>\n </BorderedSection>\n )\n}\n"],"names":["getDescriptionModules","imageUploader","disableImageUpload","toolbar","DescriptionSection","description","isMixed","enableEditing","onChange","isLoading","markdownRef","useRef","descriptionHtml","setDescriptionHtml","useState","useEffect","html","isEditing","editorValue","setEditorValue","editorRef","handleStartEditing","handleSave","handleCancel","handleKeyDown","useDescriptionEditor","conditionalFormats","useQuillFormats","BorderedSection","jsx","StyledLoadingSkeleton","handleContentClick","e","quillValue","jsxs","StyledContent","clsx","StyledEditor","QuillListStyles","StyledQuillContainer","ReactQuill","StyledFooter","StyledButtonContainer","Button","StyledHiddenMarkdown","InputMarkdownConvert","mentionTypeOptions"],"mappings":"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"}

package/dist/shared/src/components/DetailsPanelDetails/DescriptionSection.styles.cjs.js CHANGED Viewed

@@ -137,8 +137,8 @@
       overflow-x: auto;
       min-width: 0;
       padding: 0;
-      white-space: normal;
-      word-break: keep-all;
+      white-space: normal;
+      word-break: keep-all;
       overflow-wrap: normal;
       /* Consistent scrollbar styling across edit/read-only */
@@ -167,17 +167,17 @@
       width: 100%;
       max-width: 100%;
-      &[contenteditable="false"] {
+      &[contenteditable='false'] {
         /* Allow scrolling in read-only mode */
         pointer-events: auto;
         cursor: pointer !important;
         -webkit-overflow-scrolling: touch;
         a {
           pointer-events: auto;
           cursor: pointer !important;
           &:hover {
             text-decoration: underline;
           }
@@ -225,53 +225,57 @@
       }
       /* Match activity section typography */
-      h1, h2 {
+      h1,
+      h2 {
         font-size: 24px;
         margin-top: 16px;
         margin-bottom: 8px;
       }
-      h2  {
-        a, em, strong {
-        font-size: 20px;
-      }
+      h2 {
+        a,
+        em,
+        strong {
+          font-size: 20px;
+        }
-      p {
-        word-break: break-word;
-        margin-bottom: 8px;
-        /* Handle very long unbreakable content like file paths */
-        overflow-x: auto;
-        min-width: 0;
-      }
+        p {
+          word-break: break-word;
+          margin-bottom: 8px;
+          /* Handle very long unbreakable content like file paths */
+          overflow-x: auto;
+          min-width: 0;
+        }
-      ul,
-      ol {
-        margin: 16px 0 !important;
-        padding-left: 20px;
-      }
+        ul,
+        ol {
+          margin: 16px 0 !important;
+          padding-left: 20px;
+        }
-      blockquote {
-        margin: 0;
-        padding-left: 16px;
-        position: relative;
-        &::before {
-          content: '';
-          position: absolute;
-          left: 0;
-          top: 0;
-          bottom: 0;
-          width: 4px;
-          background-color: var(--md-sys-color-outline-variant);
-          border-radius: 2px;
+        blockquote {
+          margin: 0;
+          padding-left: 16px;
+          position: relative;
+          &::before {
+            content: '';
+            position: absolute;
+            left: 0;
+            top: 0;
+            bottom: 0;
+            width: 4px;
+            background-color: var(--md-sys-color-outline-variant);
+            border-radius: 2px;
+          }
         }
-      }
-      /* Handle very long unbreakable content like file paths */
-      * {
-        /* Allow horizontal scroll for any element with very long content */
-        overflow-x: auto;
-        min-width: 0;
+        /* Handle very long unbreakable content like file paths */
+        * {
+          /* Allow horizontal scroll for any element with very long content */
+          overflow-x: auto;
+          min-width: 0;
+        }
       }
     }
   }