npm - @ynput/ayon-frontend-shared - Versions diffs - 0.4.3 → 0.4.4 - Mend

@ynput/ayon-frontend-shared 0.4.3 → 0.4.4

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 (2100) hide show

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("../../../../_virtual/jsx-runtime.cjs.js"),T=require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");const C=require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/bundles/getBundles.cjs.js");require("../../api/queries/bundles/updateBundles.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/columnStats/groupCounts.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");const F=require("./DescriptionSection.cjs.js"),S=require("./DetailsSection.cjs.js"),A=require("styled-components");require("react");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("./hooks/useMentionSystem.cjs.js");const P=require("./hooks/useEntityFormData.cjs.js"),R=require("./hooks/useEntityFields.cjs.js"),G=require("./hooks/useEntityEditing.cjs.js"),I=require("../../context/ProjectContext.cjs.js"),M=require("../../context/GlobalContext.cjs.js"),N=A.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("../../../../_virtual/jsx-runtime.cjs.js"),T=require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/enums.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/accessGroups/getAccessGroups.cjs.js");require("../../api/queries/accessGroups/updateAccessGroups.cjs.js");require("../../api/queries/actions/getActions.cjs.js");const C=require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/bundles/getBundles.cjs.js");require("../../api/queries/bundles/updateBundles.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/columnStats/groupCounts.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/enums/getEnums.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");const F=require("./DescriptionSection.cjs.js"),S=require("./DetailsSection.cjs.js"),A=require("styled-components");require("react");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("./hooks/useMentionSystem.cjs.js");const P=require("./hooks/useEntityFormData.cjs.js"),R=require("./hooks/useEntityFields.cjs.js"),G=require("./hooks/useEntityEditing.cjs.js"),I=require("../../context/ProjectContext.cjs.js"),M=require("../../context/GlobalContext.cjs.js"),N=A.div`
   display: flex;
   flex-direction: column;
   height: 100%;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsPanelDetails.cjs.js","sources":["../../../../../src/components/DetailsPanelDetails/DetailsPanelDetails.tsx"],"sourcesContent":["import {\n DetailsPanelAttributesEditor,\n DetailsPanelAttributesEditorProps,\n} from '../DetailsPanelAttributes/DetailsPanelAttributesEditor'\nimport type { DetailsPanelEntityData } from '@shared/api'\nimport { useGetActivitiesInfiniteInfiniteQuery } from '@shared/api'\nimport { DescriptionSection } from './DescriptionSection'\nimport { DetailsSection } from './DetailsSection'\nimport styled from 'styled-components'\nimport { useEntityFormData, useEntityFields, useEntityEditing } from './hooks'\nimport { useProjectContext } from '@shared/context/ProjectContext'\nimport { useGlobalContext } from '@shared/context/GlobalContext'\n\nconst StyledContainer = styled.div`\n display: flex;\n flex-direction: column;\n height: 100%;\n gap: 12px;\n overflow-y: auto;\n padding-right: 8px;\n padding-left: 8px;\n margin-top: 16px;\n`\n\nexport type DetailsPanelDetailsProps = {\n entities: DetailsPanelEntityData[]\n isLoading: boolean\n}\n\nexport const DetailsPanelDetails = ({ entities = [], isLoading }: DetailsPanelDetailsProps) => {\n const { formData, mixedFields, updateFormData, clearMixedField } = useEntityFormData(\n entities,\n isLoading,\n )\n\n const { attributes } = useGlobalContext()\n const { folderTypes = [], taskTypes = [], statuses = [], tags = [] } = useProjectContext()\n\n // Determine if any selected folder has published versions\n const folderEntities = (entities \|\| []).filter((entity) => entity.entityType === 'folder')\n const { data: versionActivitiesData } = useGetActivitiesInfiniteInfiniteQuery(\n {\n entityIds: folderEntities.map((e) => e.id),\n projectName: formData?.projectName \|\| '',\n referenceTypes: ['origin', 'mention', 'relation'],\n activityTypes: ['version.publish'],\n },\n {\n skip: !formData?.projectName \|\| folderEntities.length === 0,\n },\n )\n\n const folderHasVersions = Boolean(versionActivitiesData?.pages?.[0]?.activities?.length)\n\n const { editableFields, readOnlyFieldsData } = useEntityFields({\n attributes,\n folderTypes,\n taskTypes,\n statuses,\n tags,\n entityType: formData?.entityType,\n folderHasVersions,\n })\n\n const entityType = formData?.entityType \|\| 'task'\n const { enableEditing, updateEntity } = useEntityEditing({\n entities,\n entityType,\n })\n\n const handleChange: DetailsPanelAttributesEditorProps['onChange'] = (key, value) => {\n if (key === 'tags') {\n if (Array.isArray(value)) {\n // keep as-is\n } else if (value === null \|\| value === undefined \|\| value === '') {\n value = []\n } else {\n value = [String(value)]\n }\n }\n\n if (key.startsWith('attrib.')) {\n value = {\n [key.replace('attrib.', '')]: value,\n }\n key = 'attrib'\n }\n\n updateFormData(key, value)\n updateEntity(key, value)\n }\n\n const handleDescriptionChange = (description: string) => {\n updateFormData('description', description)\n clearMixedField('description')\n updateEntity('attrib', { description })\n }\n\n return (\n <StyledContainer>\n <DescriptionSection\n description={formData?.description \|\| ''}\n isMixed={mixedFields.includes('description')}\n enableEditing={enableEditing}\n onChange={handleDescriptionChange}\n isLoading={isLoading}\n />\n\n <DetailsPanelAttributesEditor\n fields={editableFields}\n form={formData \|\| {}}\n mixedFields={mixedFields}\n isLoading={isLoading}\n enableEditing={enableEditing}\n onChange={handleChange}\n entities={entities}\n entityType={entityType}\n />\n\n <DetailsSection\n fields={readOnlyFieldsData}\n form={formData \|\| {}}\n mixedFields={mixedFields}\n isLoading={isLoading}\n />\n </StyledContainer>\n )\n}\n"],"names":["StyledContainer","styled","DetailsPanelDetails","entities","isLoading","formData","mixedFields","updateFormData","clearMixedField","useEntityFormData","attributes","useGlobalContext","folderTypes","taskTypes","statuses","tags","useProjectContext","folderEntities","entity","versionActivitiesData","useGetActivitiesInfiniteInfiniteQuery","folderHasVersions","editableFields","readOnlyFieldsData","useEntityFields","entityType","enableEditing","updateEntity","useEntityEditing","handleChange","key","value","handleDescriptionChange","description","jsx","DescriptionSection","DetailsPanelAttributesEditor","DetailsSection"],"mappings":"~~kwLAaMA~~,EAAkBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBlBC,EAAsB,CAAC,CAAE,SAAAC,EAAW,CAAA,EAAI,UAAAC,KAA0C,CAC7F,KAAM,CAAE,SAAAC,EAAU,YAAAC,EAAa,eAAAC,EAAgB,gBAAAC,GAAoBC,EAAAA,kBACjEN,EACAC,CAAA,EAGI,CAAE,WAAAM,CAAA,EAAeC,mBAAA,EACjB,CAAE,YAAAC,EAAc,GAAI,UAAAC,EAAY,CAAA,EAAI,SAAAC,EAAW,CAAA,EAAI,KAAAC,EAAO,EAAC,EAAMC,oBAAA,EAGjEC,GAAkBd,GAAY,IAAI,OAAQe,GAAWA,EAAO,aAAe,QAAQ,EACnF,CAAE,KAAMC,CAAA,EAA0BC,EAAAA,sCACtC,CACE,UAAWH,EAAe,IAAK,GAAM,EAAE,EAAE,EACzC,YAAaZ,GAAU,aAAe,GACtC,eAAgB,CAAC,SAAU,UAAW,UAAU,EAChD,cAAe,CAAC,iBAAiB,CAAA,EAEnC,CACE,KAAM,CAACA,GAAU,aAAeY,EAAe,SAAW,CAAA,CAC5D,EAGII,EAAoB,EAAQF,GAAuB,QAAQ,CAAC,GAAG,YAAY,OAE3E,CAAE,eAAAG,EAAgB,mBAAAC,CAAA,EAAuBC,kBAAgB,CAC7D,WAAAd,EACA,YAAAE,EACA,UAAAC,EACA,SAAAC,EACA,KAAAC,EACA,WAAYV,GAAU,WACtB,kBAAAgB,CAAA,CACD,EAEKI,EAAapB,GAAU,YAAc,OACrC,CAAE,cAAAqB,EAAe,aAAAC,CAAA,EAAiBC,mBAAiB,CACvD,SAAAzB,EACA,WAAAsB,CAAA,CACD,EAEKI,EAA8D,CAACC,EAAKC,IAAU,CAC9ED,IAAQ,SACN,MAAM,QAAQC,CAAK,IAEZA,GAAU,MAA+BA,IAAU,GAC5DA,EAAQ,CAAA,EAERA,EAAQ,CAAC,OAAOA,CAAK,CAAC,IAItBD,EAAI,WAAW,SAAS,IAC1BC,EAAQ,CACN,CAACD,EAAI,QAAQ,UAAW,EAAE,CAAC,EAAGC,CAAA,EAEhCD,EAAM,UAGRvB,EAAeuB,EAAKC,CAAK,EACzBJ,EAAaG,EAAKC,CAAK,CACzB,EAEMC,EAA2BC,GAAwB,CACvD1B,EAAe,cAAe0B,CAAW,EACzCzB,EAAgB,aAAa,EAC7BmB,EAAa,SAAU,CAAE,YAAAM,EAAa,CACxC,EAEA,gCACGjC,EAAA,CACC,SAAA,CAAAkC,EAAAA,kBAAAA,IAACC,EAAAA,mBAAA,CACC,YAAa9B,GAAU,aAAe,GACtC,QAASC,EAAY,SAAS,aAAa,EAC3C,cAAAoB,EACA,SAAUM,EACV,UAAA5B,CAAA,CAAA,EAGF8B,EAAAA,kBAAAA,IAACE,EAAAA,6BAAA,CACC,OAAQd,EACR,KAAMjB,GAAY,CAAA,EAClB,YAAAC,EACA,UAAAF,EACA,cAAAsB,EACA,SAAUG,EACV,SAAA1B,EACA,WAAAsB,CAAA,CAAA,EAGFS,EAAAA,kBAAAA,IAACG,EAAAA,eAAA,CACC,OAAQd,EACR,KAAMlB,GAAY,CAAA,EAClB,YAAAC,EACA,UAAAF,CAAA,CAAA,CACF,EACF,CAEJ"}
1	+ {"version":3,"file":"DetailsPanelDetails.cjs.js","sources":["../../../../../src/components/DetailsPanelDetails/DetailsPanelDetails.tsx"],"sourcesContent":["import {\n DetailsPanelAttributesEditor,\n DetailsPanelAttributesEditorProps,\n} from '../DetailsPanelAttributes/DetailsPanelAttributesEditor'\nimport type { DetailsPanelEntityData } from '@shared/api'\nimport { useGetActivitiesInfiniteInfiniteQuery } from '@shared/api'\nimport { DescriptionSection } from './DescriptionSection'\nimport { DetailsSection } from './DetailsSection'\nimport styled from 'styled-components'\nimport { useEntityFormData, useEntityFields, useEntityEditing } from './hooks'\nimport { useProjectContext } from '@shared/context/ProjectContext'\nimport { useGlobalContext } from '@shared/context/GlobalContext'\n\nconst StyledContainer = styled.div`\n display: flex;\n flex-direction: column;\n height: 100%;\n gap: 12px;\n overflow-y: auto;\n padding-right: 8px;\n padding-left: 8px;\n margin-top: 16px;\n`\n\nexport type DetailsPanelDetailsProps = {\n entities: DetailsPanelEntityData[]\n isLoading: boolean\n}\n\nexport const DetailsPanelDetails = ({ entities = [], isLoading }: DetailsPanelDetailsProps) => {\n const { formData, mixedFields, updateFormData, clearMixedField } = useEntityFormData(\n entities,\n isLoading,\n )\n\n const { attributes } = useGlobalContext()\n const { folderTypes = [], taskTypes = [], statuses = [], tags = [] } = useProjectContext()\n\n // Determine if any selected folder has published versions\n const folderEntities = (entities \|\| []).filter((entity) => entity.entityType === 'folder')\n const { data: versionActivitiesData } = useGetActivitiesInfiniteInfiniteQuery(\n {\n entityIds: folderEntities.map((e) => e.id),\n projectName: formData?.projectName \|\| '',\n referenceTypes: ['origin', 'mention', 'relation'],\n activityTypes: ['version.publish'],\n },\n {\n skip: !formData?.projectName \|\| folderEntities.length === 0,\n },\n )\n\n const folderHasVersions = Boolean(versionActivitiesData?.pages?.[0]?.activities?.length)\n\n const { editableFields, readOnlyFieldsData } = useEntityFields({\n attributes,\n folderTypes,\n taskTypes,\n statuses,\n tags,\n entityType: formData?.entityType,\n folderHasVersions,\n })\n\n const entityType = formData?.entityType \|\| 'task'\n const { enableEditing, updateEntity } = useEntityEditing({\n entities,\n entityType,\n })\n\n const handleChange: DetailsPanelAttributesEditorProps['onChange'] = (key, value) => {\n if (key === 'tags') {\n if (Array.isArray(value)) {\n // keep as-is\n } else if (value === null \|\| value === undefined \|\| value === '') {\n value = []\n } else {\n value = [String(value)]\n }\n }\n\n if (key.startsWith('attrib.')) {\n value = {\n [key.replace('attrib.', '')]: value,\n }\n key = 'attrib'\n }\n\n updateFormData(key, value)\n updateEntity(key, value)\n }\n\n const handleDescriptionChange = (description: string) => {\n updateFormData('description', description)\n clearMixedField('description')\n updateEntity('attrib', { description })\n }\n\n return (\n <StyledContainer>\n <DescriptionSection\n description={formData?.description \|\| ''}\n isMixed={mixedFields.includes('description')}\n enableEditing={enableEditing}\n onChange={handleDescriptionChange}\n isLoading={isLoading}\n />\n\n <DetailsPanelAttributesEditor\n fields={editableFields}\n form={formData \|\| {}}\n mixedFields={mixedFields}\n isLoading={isLoading}\n enableEditing={enableEditing}\n onChange={handleChange}\n entities={entities}\n entityType={entityType}\n />\n\n <DetailsSection\n fields={readOnlyFieldsData}\n form={formData \|\| {}}\n mixedFields={mixedFields}\n isLoading={isLoading}\n />\n </StyledContainer>\n )\n}\n"],"names":["StyledContainer","styled","DetailsPanelDetails","entities","isLoading","formData","mixedFields","updateFormData","clearMixedField","useEntityFormData","attributes","useGlobalContext","folderTypes","taskTypes","statuses","tags","useProjectContext","folderEntities","entity","versionActivitiesData","useGetActivitiesInfiniteInfiniteQuery","folderHasVersions","editableFields","readOnlyFieldsData","useEntityFields","entityType","enableEditing","updateEntity","useEntityEditing","handleChange","key","value","handleDescriptionChange","description","jsx","DescriptionSection","DetailsPanelAttributesEditor","DetailsSection"],"mappings":"s+LAaMA,EAAkBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBlBC,EAAsB,CAAC,CAAE,SAAAC,EAAW,CAAA,EAAI,UAAAC,KAA0C,CAC7F,KAAM,CAAE,SAAAC,EAAU,YAAAC,EAAa,eAAAC,EAAgB,gBAAAC,GAAoBC,EAAAA,kBACjEN,EACAC,CAAA,EAGI,CAAE,WAAAM,CAAA,EAAeC,mBAAA,EACjB,CAAE,YAAAC,EAAc,GAAI,UAAAC,EAAY,CAAA,EAAI,SAAAC,EAAW,CAAA,EAAI,KAAAC,EAAO,EAAC,EAAMC,oBAAA,EAGjEC,GAAkBd,GAAY,IAAI,OAAQe,GAAWA,EAAO,aAAe,QAAQ,EACnF,CAAE,KAAMC,CAAA,EAA0BC,EAAAA,sCACtC,CACE,UAAWH,EAAe,IAAK,GAAM,EAAE,EAAE,EACzC,YAAaZ,GAAU,aAAe,GACtC,eAAgB,CAAC,SAAU,UAAW,UAAU,EAChD,cAAe,CAAC,iBAAiB,CAAA,EAEnC,CACE,KAAM,CAACA,GAAU,aAAeY,EAAe,SAAW,CAAA,CAC5D,EAGII,EAAoB,EAAQF,GAAuB,QAAQ,CAAC,GAAG,YAAY,OAE3E,CAAE,eAAAG,EAAgB,mBAAAC,CAAA,EAAuBC,kBAAgB,CAC7D,WAAAd,EACA,YAAAE,EACA,UAAAC,EACA,SAAAC,EACA,KAAAC,EACA,WAAYV,GAAU,WACtB,kBAAAgB,CAAA,CACD,EAEKI,EAAapB,GAAU,YAAc,OACrC,CAAE,cAAAqB,EAAe,aAAAC,CAAA,EAAiBC,mBAAiB,CACvD,SAAAzB,EACA,WAAAsB,CAAA,CACD,EAEKI,EAA8D,CAACC,EAAKC,IAAU,CAC9ED,IAAQ,SACN,MAAM,QAAQC,CAAK,IAEZA,GAAU,MAA+BA,IAAU,GAC5DA,EAAQ,CAAA,EAERA,EAAQ,CAAC,OAAOA,CAAK,CAAC,IAItBD,EAAI,WAAW,SAAS,IAC1BC,EAAQ,CACN,CAACD,EAAI,QAAQ,UAAW,EAAE,CAAC,EAAGC,CAAA,EAEhCD,EAAM,UAGRvB,EAAeuB,EAAKC,CAAK,EACzBJ,EAAaG,EAAKC,CAAK,CACzB,EAEMC,EAA2BC,GAAwB,CACvD1B,EAAe,cAAe0B,CAAW,EACzCzB,EAAgB,aAAa,EAC7BmB,EAAa,SAAU,CAAE,YAAAM,EAAa,CACxC,EAEA,gCACGjC,EAAA,CACC,SAAA,CAAAkC,EAAAA,kBAAAA,IAACC,EAAAA,mBAAA,CACC,YAAa9B,GAAU,aAAe,GACtC,QAASC,EAAY,SAAS,aAAa,EAC3C,cAAAoB,EACA,SAAUM,EACV,UAAA5B,CAAA,CAAA,EAGF8B,EAAAA,kBAAAA,IAACE,EAAAA,6BAAA,CACC,OAAQd,EACR,KAAMjB,GAAY,CAAA,EAClB,YAAAC,EACA,UAAAF,EACA,cAAAsB,EACA,SAAUG,EACV,SAAA1B,EACA,WAAAsB,CAAA,CAAA,EAGFS,EAAAA,kBAAAA,IAACG,EAAAA,eAAA,CACC,OAAQd,EACR,KAAMlB,GAAY,CAAA,EAClB,YAAAC,EACA,UAAAF,CAAA,CAAA,CACF,EACF,CAEJ"}

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

@@ -15,6 +15,7 @@ import "../../api/generated/configuration.es.js";
 import "../../api/generated/dataImport.es.js";
 import "../../api/generated/desktop.es.js";
 import "../../api/generated/entityLists.es.js";
+import "../../api/generated/enums.es.js";
 import "../../api/generated/events.es.js";
 import "../../api/generated/files.es.js";
 import "../../api/generated/folders.es.js";
@@ -40,6 +41,8 @@ import "../../api/generated/workfiles.es.js";
 import "../../api/generated/ynputCloud.es.js";
 import "../../api/generated/grouping.es.js";
 import "../../api/generated/views.es.js";
+import "../../api/queries/accessGroups/getAccessGroups.es.js";
+import "../../api/queries/accessGroups/updateAccessGroups.es.js";
 import "../../api/queries/actions/getActions.es.js";
 import { useGetActivitiesInfiniteInfiniteQuery as F } from "../../api/queries/activities/getActivities.es.js";
 import "../../api/queries/activities/updateReaction.es.js";
@@ -70,6 +73,7 @@ import "../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../api/queries/entityLists/listItemsColumnStats.es.js";
 import "../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../api/queries/entityLists/listFolders.es.js";
+import "../../api/queries/enums/getEnums.es.js";
 import "../../api/queries/folders/getFolders.es.js";
 import "../../api/queries/folders/getFolderDeleteInfo.es.js";
 import "../../api/queries/grouping/getGrouping.es.js";
@@ -117,7 +121,7 @@ const B = I.div`
   padding-right: 8px;
   padding-left: 8px;
   margin-top: 16px;
-`, Qi = ({ entities: r = [], isLoading: p }) => {
+`, qi = ({ entities: r = [], isLoading: p }) => {
   const { formData: o, mixedFields: e, updateFormData: s, clearMixedField: l } = N(
     r,
     p
@@ -185,6 +189,6 @@ const B = I.div`
   ] });
 };
 export {
-  Qi as DetailsPanelDetails
+  qi as DetailsPanelDetails
 };
 //# sourceMappingURL=DetailsPanelDetails.es.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsPanelDetails.es.js","sources":["../../../../../src/components/DetailsPanelDetails/DetailsPanelDetails.tsx"],"sourcesContent":["import {\n DetailsPanelAttributesEditor,\n DetailsPanelAttributesEditorProps,\n} from '../DetailsPanelAttributes/DetailsPanelAttributesEditor'\nimport type { DetailsPanelEntityData } from '@shared/api'\nimport { useGetActivitiesInfiniteInfiniteQuery } from '@shared/api'\nimport { DescriptionSection } from './DescriptionSection'\nimport { DetailsSection } from './DetailsSection'\nimport styled from 'styled-components'\nimport { useEntityFormData, useEntityFields, useEntityEditing } from './hooks'\nimport { useProjectContext } from '@shared/context/ProjectContext'\nimport { useGlobalContext } from '@shared/context/GlobalContext'\n\nconst StyledContainer = styled.div`\n display: flex;\n flex-direction: column;\n height: 100%;\n gap: 12px;\n overflow-y: auto;\n padding-right: 8px;\n padding-left: 8px;\n margin-top: 16px;\n`\n\nexport type DetailsPanelDetailsProps = {\n entities: DetailsPanelEntityData[]\n isLoading: boolean\n}\n\nexport const DetailsPanelDetails = ({ entities = [], isLoading }: DetailsPanelDetailsProps) => {\n const { formData, mixedFields, updateFormData, clearMixedField } = useEntityFormData(\n entities,\n isLoading,\n )\n\n const { attributes } = useGlobalContext()\n const { folderTypes = [], taskTypes = [], statuses = [], tags = [] } = useProjectContext()\n\n // Determine if any selected folder has published versions\n const folderEntities = (entities \|\| []).filter((entity) => entity.entityType === 'folder')\n const { data: versionActivitiesData } = useGetActivitiesInfiniteInfiniteQuery(\n {\n entityIds: folderEntities.map((e) => e.id),\n projectName: formData?.projectName \|\| '',\n referenceTypes: ['origin', 'mention', 'relation'],\n activityTypes: ['version.publish'],\n },\n {\n skip: !formData?.projectName \|\| folderEntities.length === 0,\n },\n )\n\n const folderHasVersions = Boolean(versionActivitiesData?.pages?.[0]?.activities?.length)\n\n const { editableFields, readOnlyFieldsData } = useEntityFields({\n attributes,\n folderTypes,\n taskTypes,\n statuses,\n tags,\n entityType: formData?.entityType,\n folderHasVersions,\n })\n\n const entityType = formData?.entityType \|\| 'task'\n const { enableEditing, updateEntity } = useEntityEditing({\n entities,\n entityType,\n })\n\n const handleChange: DetailsPanelAttributesEditorProps['onChange'] = (key, value) => {\n if (key === 'tags') {\n if (Array.isArray(value)) {\n // keep as-is\n } else if (value === null \|\| value === undefined \|\| value === '') {\n value = []\n } else {\n value = [String(value)]\n }\n }\n\n if (key.startsWith('attrib.')) {\n value = {\n [key.replace('attrib.', '')]: value,\n }\n key = 'attrib'\n }\n\n updateFormData(key, value)\n updateEntity(key, value)\n }\n\n const handleDescriptionChange = (description: string) => {\n updateFormData('description', description)\n clearMixedField('description')\n updateEntity('attrib', { description })\n }\n\n return (\n <StyledContainer>\n <DescriptionSection\n description={formData?.description \|\| ''}\n isMixed={mixedFields.includes('description')}\n enableEditing={enableEditing}\n onChange={handleDescriptionChange}\n isLoading={isLoading}\n />\n\n <DetailsPanelAttributesEditor\n fields={editableFields}\n form={formData \|\| {}}\n mixedFields={mixedFields}\n isLoading={isLoading}\n enableEditing={enableEditing}\n onChange={handleChange}\n entities={entities}\n entityType={entityType}\n />\n\n <DetailsSection\n fields={readOnlyFieldsData}\n form={formData \|\| {}}\n mixedFields={mixedFields}\n isLoading={isLoading}\n />\n </StyledContainer>\n )\n}\n"],"names":["StyledContainer","styled","DetailsPanelDetails","entities","isLoading","formData","mixedFields","updateFormData","clearMixedField","useEntityFormData","attributes","useGlobalContext","folderTypes","taskTypes","statuses","tags","useProjectContext","folderEntities","entity","versionActivitiesData","useGetActivitiesInfiniteInfiniteQuery","e","folderHasVersions","editableFields","readOnlyFieldsData","useEntityFields","entityType","enableEditing","updateEntity","useEntityEditing","handleChange","key","value","handleDescriptionChange","description","jsx","DescriptionSection","DetailsPanelAttributesEditor","DetailsSection"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAaA,MAAMA,IAAkBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAgBlBC,KAAsB,CAAC,EAAE,UAAAC,IAAW,CAAA,GAAI,WAAAC,QAA0C;AAC7F,QAAM,EAAE,UAAAC,GAAU,aAAAC,GAAa,gBAAAC,GAAgB,iBAAAC,MAAoBC;AAAA,IACjEN;AAAA,IACAC;AAAA,EAAA,GAGI,EAAE,YAAAM,EAAA,IAAeC,EAAA,GACjB,EAAE,aAAAC,IAAc,IAAI,WAAAC,IAAY,CAAA,GAAI,UAAAC,IAAW,CAAA,GAAI,MAAAC,IAAO,GAAC,IAAMC,EAAA,GAGjEC,KAAkBd,KAAY,IAAI,OAAO,CAACe,MAAWA,EAAO,eAAe,QAAQ,GACnF,EAAE,MAAMC,EAAA,IAA0BC;AAAA,IACtC;AAAA,MACE,WAAWH,EAAe,IAAI,CAACI,MAAMA,EAAE,EAAE;AAAA,MACzC,aAAahB,GAAU,eAAe;AAAA,MACtC,gBAAgB,CAAC,UAAU,WAAW,UAAU;AAAA,MAChD,eAAe,CAAC,iBAAiB;AAAA,IAAA;AAAA,IAEnC;AAAA,MACE,MAAM,CAACA,GAAU,eAAeY,EAAe,WAAW;AAAA,IAAA;AAAA,EAC5D,GAGIK,IAAoB,EAAQH,GAAuB,QAAQ,CAAC,GAAG,YAAY,QAE3E,EAAE,gBAAAI,GAAgB,oBAAAC,EAAA,IAAuBC,EAAgB;AAAA,IAC7D,YAAAf;AAAA,IACA,aAAAE;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,YAAYV,GAAU;AAAA,IACtB,mBAAAiB;AAAA,EAAA,CACD,GAEKI,IAAarB,GAAU,cAAc,QACrC,EAAE,eAAAsB,GAAe,cAAAC,EAAA,IAAiBC,EAAiB;AAAA,IACvD,UAAA1B;AAAA,IACA,YAAAuB;AAAA,EAAA,CACD,GAEKI,IAA8D,CAACC,GAAKC,MAAU;AAClF,IAAID,MAAQ,WACN,MAAM,QAAQC,CAAK,MAEZA,KAAU,QAA+BA,MAAU,KAC5DA,IAAQ,CAAA,IAERA,IAAQ,CAAC,OAAOA,CAAK,CAAC,KAItBD,EAAI,WAAW,SAAS,MAC1BC,IAAQ;AAAA,MACN,CAACD,EAAI,QAAQ,WAAW,EAAE,CAAC,GAAGC;AAAA,IAAA,GAEhCD,IAAM,WAGRxB,EAAewB,GAAKC,CAAK,GACzBJ,EAAaG,GAAKC,CAAK;AAAA,EACzB,GAEMC,IAA0B,CAACC,MAAwB;AACvD,IAAA3B,EAAe,eAAe2B,CAAW,GACzC1B,EAAgB,aAAa,GAC7BoB,EAAa,UAAU,EAAE,aAAAM,GAAa;AAAA,EACxC;AAEA,gCACGlC,GAAA,EACC,UAAA;AAAA,IAAAmC,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,aAAa/B,GAAU,eAAe;AAAA,QACtC,SAASC,EAAY,SAAS,aAAa;AAAA,QAC3C,eAAAqB;AAAA,QACA,UAAUM;AAAA,QACV,WAAA7B;AAAA,MAAA;AAAA,IAAA;AAAA,IAGF+B,gBAAAA,EAAAA;AAAAA,MAACE;AAAA,MAAA;AAAA,QACC,QAAQd;AAAA,QACR,MAAMlB,KAAY,CAAA;AAAA,QAClB,aAAAC;AAAA,QACA,WAAAF;AAAA,QACA,eAAAuB;AAAA,QACA,UAAUG;AAAA,QACV,UAAA3B;AAAA,QACA,YAAAuB;AAAA,MAAA;AAAA,IAAA;AAAA,IAGFS,gBAAAA,EAAAA;AAAAA,MAACG;AAAA,MAAA;AAAA,QACC,QAAQd;AAAA,QACR,MAAMnB,KAAY,CAAA;AAAA,QAClB,aAAAC;AAAA,QACA,WAAAF;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}
1	+ {"version":3,"file":"DetailsPanelDetails.es.js","sources":["../../../../../src/components/DetailsPanelDetails/DetailsPanelDetails.tsx"],"sourcesContent":["import {\n DetailsPanelAttributesEditor,\n DetailsPanelAttributesEditorProps,\n} from '../DetailsPanelAttributes/DetailsPanelAttributesEditor'\nimport type { DetailsPanelEntityData } from '@shared/api'\nimport { useGetActivitiesInfiniteInfiniteQuery } from '@shared/api'\nimport { DescriptionSection } from './DescriptionSection'\nimport { DetailsSection } from './DetailsSection'\nimport styled from 'styled-components'\nimport { useEntityFormData, useEntityFields, useEntityEditing } from './hooks'\nimport { useProjectContext } from '@shared/context/ProjectContext'\nimport { useGlobalContext } from '@shared/context/GlobalContext'\n\nconst StyledContainer = styled.div`\n display: flex;\n flex-direction: column;\n height: 100%;\n gap: 12px;\n overflow-y: auto;\n padding-right: 8px;\n padding-left: 8px;\n margin-top: 16px;\n`\n\nexport type DetailsPanelDetailsProps = {\n entities: DetailsPanelEntityData[]\n isLoading: boolean\n}\n\nexport const DetailsPanelDetails = ({ entities = [], isLoading }: DetailsPanelDetailsProps) => {\n const { formData, mixedFields, updateFormData, clearMixedField } = useEntityFormData(\n entities,\n isLoading,\n )\n\n const { attributes } = useGlobalContext()\n const { folderTypes = [], taskTypes = [], statuses = [], tags = [] } = useProjectContext()\n\n // Determine if any selected folder has published versions\n const folderEntities = (entities \|\| []).filter((entity) => entity.entityType === 'folder')\n const { data: versionActivitiesData } = useGetActivitiesInfiniteInfiniteQuery(\n {\n entityIds: folderEntities.map((e) => e.id),\n projectName: formData?.projectName \|\| '',\n referenceTypes: ['origin', 'mention', 'relation'],\n activityTypes: ['version.publish'],\n },\n {\n skip: !formData?.projectName \|\| folderEntities.length === 0,\n },\n )\n\n const folderHasVersions = Boolean(versionActivitiesData?.pages?.[0]?.activities?.length)\n\n const { editableFields, readOnlyFieldsData } = useEntityFields({\n attributes,\n folderTypes,\n taskTypes,\n statuses,\n tags,\n entityType: formData?.entityType,\n folderHasVersions,\n })\n\n const entityType = formData?.entityType \|\| 'task'\n const { enableEditing, updateEntity } = useEntityEditing({\n entities,\n entityType,\n })\n\n const handleChange: DetailsPanelAttributesEditorProps['onChange'] = (key, value) => {\n if (key === 'tags') {\n if (Array.isArray(value)) {\n // keep as-is\n } else if (value === null \|\| value === undefined \|\| value === '') {\n value = []\n } else {\n value = [String(value)]\n }\n }\n\n if (key.startsWith('attrib.')) {\n value = {\n [key.replace('attrib.', '')]: value,\n }\n key = 'attrib'\n }\n\n updateFormData(key, value)\n updateEntity(key, value)\n }\n\n const handleDescriptionChange = (description: string) => {\n updateFormData('description', description)\n clearMixedField('description')\n updateEntity('attrib', { description })\n }\n\n return (\n <StyledContainer>\n <DescriptionSection\n description={formData?.description \|\| ''}\n isMixed={mixedFields.includes('description')}\n enableEditing={enableEditing}\n onChange={handleDescriptionChange}\n isLoading={isLoading}\n />\n\n <DetailsPanelAttributesEditor\n fields={editableFields}\n form={formData \|\| {}}\n mixedFields={mixedFields}\n isLoading={isLoading}\n enableEditing={enableEditing}\n onChange={handleChange}\n entities={entities}\n entityType={entityType}\n />\n\n <DetailsSection\n fields={readOnlyFieldsData}\n form={formData \|\| {}}\n mixedFields={mixedFields}\n isLoading={isLoading}\n />\n </StyledContainer>\n )\n}\n"],"names":["StyledContainer","styled","DetailsPanelDetails","entities","isLoading","formData","mixedFields","updateFormData","clearMixedField","useEntityFormData","attributes","useGlobalContext","folderTypes","taskTypes","statuses","tags","useProjectContext","folderEntities","entity","versionActivitiesData","useGetActivitiesInfiniteInfiniteQuery","e","folderHasVersions","editableFields","readOnlyFieldsData","useEntityFields","entityType","enableEditing","updateEntity","useEntityEditing","handleChange","key","value","handleDescriptionChange","description","jsx","DescriptionSection","DetailsPanelAttributesEditor","DetailsSection"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,MAAMA,IAAkBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAgBlBC,KAAsB,CAAC,EAAE,UAAAC,IAAW,CAAA,GAAI,WAAAC,QAA0C;AAC7F,QAAM,EAAE,UAAAC,GAAU,aAAAC,GAAa,gBAAAC,GAAgB,iBAAAC,MAAoBC;AAAA,IACjEN;AAAA,IACAC;AAAA,EAAA,GAGI,EAAE,YAAAM,EAAA,IAAeC,EAAA,GACjB,EAAE,aAAAC,IAAc,IAAI,WAAAC,IAAY,CAAA,GAAI,UAAAC,IAAW,CAAA,GAAI,MAAAC,IAAO,GAAC,IAAMC,EAAA,GAGjEC,KAAkBd,KAAY,IAAI,OAAO,CAACe,MAAWA,EAAO,eAAe,QAAQ,GACnF,EAAE,MAAMC,EAAA,IAA0BC;AAAA,IACtC;AAAA,MACE,WAAWH,EAAe,IAAI,CAACI,MAAMA,EAAE,EAAE;AAAA,MACzC,aAAahB,GAAU,eAAe;AAAA,MACtC,gBAAgB,CAAC,UAAU,WAAW,UAAU;AAAA,MAChD,eAAe,CAAC,iBAAiB;AAAA,IAAA;AAAA,IAEnC;AAAA,MACE,MAAM,CAACA,GAAU,eAAeY,EAAe,WAAW;AAAA,IAAA;AAAA,EAC5D,GAGIK,IAAoB,EAAQH,GAAuB,QAAQ,CAAC,GAAG,YAAY,QAE3E,EAAE,gBAAAI,GAAgB,oBAAAC,EAAA,IAAuBC,EAAgB;AAAA,IAC7D,YAAAf;AAAA,IACA,aAAAE;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,YAAYV,GAAU;AAAA,IACtB,mBAAAiB;AAAA,EAAA,CACD,GAEKI,IAAarB,GAAU,cAAc,QACrC,EAAE,eAAAsB,GAAe,cAAAC,EAAA,IAAiBC,EAAiB;AAAA,IACvD,UAAA1B;AAAA,IACA,YAAAuB;AAAA,EAAA,CACD,GAEKI,IAA8D,CAACC,GAAKC,MAAU;AAClF,IAAID,MAAQ,WACN,MAAM,QAAQC,CAAK,MAEZA,KAAU,QAA+BA,MAAU,KAC5DA,IAAQ,CAAA,IAERA,IAAQ,CAAC,OAAOA,CAAK,CAAC,KAItBD,EAAI,WAAW,SAAS,MAC1BC,IAAQ;AAAA,MACN,CAACD,EAAI,QAAQ,WAAW,EAAE,CAAC,GAAGC;AAAA,IAAA,GAEhCD,IAAM,WAGRxB,EAAewB,GAAKC,CAAK,GACzBJ,EAAaG,GAAKC,CAAK;AAAA,EACzB,GAEMC,IAA0B,CAACC,MAAwB;AACvD,IAAA3B,EAAe,eAAe2B,CAAW,GACzC1B,EAAgB,aAAa,GAC7BoB,EAAa,UAAU,EAAE,aAAAM,GAAa;AAAA,EACxC;AAEA,gCACGlC,GAAA,EACC,UAAA;AAAA,IAAAmC,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,aAAa/B,GAAU,eAAe;AAAA,QACtC,SAASC,EAAY,SAAS,aAAa;AAAA,QAC3C,eAAAqB;AAAA,QACA,UAAUM;AAAA,QACV,WAAA7B;AAAA,MAAA;AAAA,IAAA;AAAA,IAGF+B,gBAAAA,EAAAA;AAAAA,MAACE;AAAA,MAAA;AAAA,QACC,QAAQd;AAAA,QACR,MAAMlB,KAAY,CAAA;AAAA,QAClB,aAAAC;AAAA,QACA,WAAAF;AAAA,QACA,eAAAuB;AAAA,QACA,UAAUG;AAAA,QACV,UAAA3B;AAAA,QACA,YAAAuB;AAAA,MAAA;AAAA,IAAA;AAAA,IAGFS,gBAAAA,EAAAA;AAAAA,MAACG;AAAA,MAAA;AAAA,QACC,QAAQd;AAAA,QACR,MAAMnB,KAAY,CAAA;AAAA,QAClB,aAAAC;AAAA,QACA,WAAAF;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),o=require("styled-components");require("lodash");require("react-toastify");const h=require("../../util/copyToClipboard.cjs.js");require("uuid");require("../../api/queries/users/updateUsers.cjs.js");require("../../util/pubsub.cjs.js");const j=require("@ynput/ayon-react-components"),n=require("./BorderedSection.cjs.js"),g=require("./FieldLabel.cjs.js"),f=require("date-fns"),s=o.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),n=require("styled-components");require("lodash");require("react-toastify");const h=require("../../util/copyToClipboard.cjs.js");require("uuid");require("../../api/queries/users/updateUsers.cjs.js");require("../../util/searchTerms.cjs.js");require("../../util/pubsub.cjs.js");const o=require("@ynput/ayon-react-components"),j=require("./FieldLabel.cjs.js"),g=require("date-fns"),s=n.div`
   display: grid;
   grid-template-columns: minmax(200px, 1fr) 1fr 32px;
   row-gap: 2px;
@@ -21,7 +21,7 @@
   &:hover .copy-icon {
     opacity: 1;
   }
-`,w=o.div`
+`,f=n.div`
   text-align: left;
   color: var(--md-sys-color-on-surface);
   white-space: nowrap;
@@ -30,7 +30,7 @@
   justify-self: end;
   font-size: 14px;
   width: 100%;
-`,a=o.div`
+`,a=n.div`
   height: 20px;
   background: var(--md-sys-color-surface-container-low);
   border-radius: 4px;
@@ -47,5 +47,5 @@
       opacity: 0.5;
     }
   }
-`,v=({fields:c,form:l,mixedFields:d=[],isLoading:p})=>{const u=(t,r)=>{if(t==null)return"-";if(r==="createdAt"||r==="updatedAt")try{return f.format(new Date(t),"PPpp")}catch{return t.toString()}return t.toString()};return p?e.jsxRuntimeExports.jsx(n.BorderedSection,{title:"Details",withPadding:!0,children:Array.from({length:6}).map((t,r)=>e.jsxRuntimeExports.jsxs(s,{children:[e.jsxRuntimeExports.jsx(a,{style:{width:"80px"}}),e.jsxRuntimeExports.jsx(a,{style:{width:"120px",justifySelf:"end"}}),e.jsxRuntimeExports.jsx("div",{style:{width:"24px"}})]},r))}):e.jsxRuntimeExports.jsx(n.BorderedSection,{title:"Details",autoHeight:!0,showHeader:!0,withPadding:!0,children:c.filter(t=>!t.hidden).map(t=>{const r=l[t.name],i=d.includes(t.name),x=i?"Multiple values":u(r,t.name);return e.jsxRuntimeExports.jsxs(s,{children:[e.jsxRuntimeExports.jsx(g.FieldLabel,{name:t.name,data:t.data,showDetailedTooltip:!0}),e.jsxRuntimeExports.jsx(w,{style:{color:i?"var(--md-sys-color-on-surface-variant)":"var(--md-sys-color-on-surface)",fontStyle:i?"italic":"normal"},children:x}),e.jsxRuntimeExports.jsx(j.Button,{className:"copy-icon",variant:"text",icon:"content_copy",onClick:m=>{m.stopPropagation();const y=r??"";h.copyToClipboard(y.toString(),!0)}})]},t.name)})})};exports.DetailsSection=v;
+`,w=({fields:c,form:l,mixedFields:p=[],isLoading:d})=>{const u=(t,r)=>{if(t==null)return"-";if(r==="createdAt"||r==="updatedAt")try{return g.format(new Date(t),"PPpp")}catch{return t.toString()}return t.toString()};return d?e.jsxRuntimeExports.jsx(o.BorderedSection,{title:"Details",withPadding:!0,children:Array.from({length:6}).map((t,r)=>e.jsxRuntimeExports.jsxs(s,{children:[e.jsxRuntimeExports.jsx(a,{style:{width:"80px"}}),e.jsxRuntimeExports.jsx(a,{style:{width:"120px",justifySelf:"end"}}),e.jsxRuntimeExports.jsx("div",{style:{width:"24px"}})]},r))}):e.jsxRuntimeExports.jsx(o.BorderedSection,{title:"Details",autoHeight:!0,showHeader:!0,withPadding:!0,children:c.filter(t=>!t.hidden).map(t=>{const r=l[t.name],i=p.includes(t.name),x=i?"Multiple values":u(r,t.name);return e.jsxRuntimeExports.jsxs(s,{children:[e.jsxRuntimeExports.jsx(j.FieldLabel,{name:t.name,data:t.data,showDetailedTooltip:!0}),e.jsxRuntimeExports.jsx(f,{style:{color:i?"var(--md-sys-color-on-surface-variant)":"var(--md-sys-color-on-surface)",fontStyle:i?"italic":"normal"},children:x}),e.jsxRuntimeExports.jsx(o.Button,{className:"copy-icon",variant:"text",icon:"content_copy",onClick:m=>{m.stopPropagation();const y=r??"";h.copyToClipboard(y.toString(),!0)}})]},t.name)})})};exports.DetailsSection=w;
 //# sourceMappingURL=DetailsSection.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsSection.cjs.js","sources":["../../../../../src/components/DetailsPanelDetails/DetailsSection.tsx"],"sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\nimport type { AttributeField } from '../DetailsPanelAttributes/DetailsPanelAttributesEditor'\nimport { copyToClipboard } from '@shared/util'\nimport { Button } from '@ynput/ayon-react-components'\nimport { ~~BorderedSection } from './BorderedSection'\nimport {~~ FieldLabel } from './FieldLabel'\nimport { format } from 'date-fns'\n\nconst StyledRow = styled.div`\n display: grid;\n grid-template-columns: minmax(200px, 1fr) 1fr 32px;\n row-gap: 2px;\n column-gap: 4px;\n align-items: center;\n min-height: 32px;\n position: relative;\n\n .copy-icon {\n opacity: 0;\n width: 32px;\n height: 32px;\n padding: 2px;\n\n &:hover {\n background-color: transparent !important;\n }\n }\n\n &:hover .copy-icon {\n opacity: 1;\n }\n`\n\nconst StyledValue = styled.div`\n text-align: left;\n color: var(--md-sys-color-on-surface);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n justify-self: end;\n font-size: 14px;\n width: 100%;\n`\n\nconst StyledShimmer = styled.div`\n height: 20px;\n background: var(--md-sys-color-surface-container-low);\n border-radius: 4px;\n animation: shimmer 1.5s infinite;\n\n @keyframes shimmer {\n 0% {\n opacity: 0.5;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n opacity: 0.5;\n }\n }\n`\n\ntype DetailsField = Pick<AttributeField, 'name' \| 'data' \| 'hidden'>\n\ninterface DetailsSectionProps {\n fields: DetailsField[]\n form: Record<string, any>\n mixedFields?: string[]\n isLoading: boolean\n}\n\nexport const DetailsSection: React.FC<DetailsSectionProps> = ({\n fields,\n form,\n mixedFields = [],\n isLoading,\n}) => {\n const formatValue = (value: any, fieldName: string): string => {\n if (value === null \|\| value === undefined) {\n return '-'\n }\n\n if (fieldName === 'createdAt' \|\| fieldName === 'updatedAt') {\n try {\n return format(new Date(value), 'PPpp')\n } catch {\n return value.toString()\n }\n }\n\n return value.toString()\n }\n\n if (isLoading) {\n return (\n <BorderedSection title=\"Details\" withPadding>\n {Array.from({ length: 6 }).map((_, index) => (\n <StyledRow key={index}>\n <StyledShimmer style={{ width: '80px' }} />\n <StyledShimmer style={{ width: '120px', justifySelf: 'end' }} />\n <div style={{ width: '24px' }} />\n </StyledRow>\n ))}\n </BorderedSection>\n )\n }\n\n return (\n <BorderedSection title=\"Details\" autoHeight showHeader withPadding>\n {fields\n .filter((field) => !field.hidden)\n .map((field) => {\n const fieldValue = form[field.name]\n const isMixed = mixedFields.includes(field.name)\n const displayValue = isMixed ? 'Multiple values' : formatValue(fieldValue, field.name)\n\n return (\n <StyledRow key={field.name}>\n <FieldLabel name={field.name} data={field.data} showDetailedTooltip={true} />\n <StyledValue\n style={{\n color: isMixed\n ? 'var(--md-sys-color-on-surface-variant)'\n : 'var(--md-sys-color-on-surface)',\n fontStyle: isMixed ? 'italic' : 'normal',\n }}\n >\n {displayValue}\n </StyledValue>\n <Button\n className=\"copy-icon\"\n variant=\"text\"\n icon=\"content_copy\"\n onClick={(e) => {\n e.stopPropagation()\n const valueToDisplay =\n fieldValue === null \|\| fieldValue === undefined ? '' : fieldValue\n copyToClipboard(valueToDisplay.toString(), true)\n }}\n />\n </StyledRow>\n )\n })}\n </BorderedSection>\n )\n}\n"],"names":["StyledRow","styled","StyledValue","StyledShimmer","DetailsSection","fields","form","mixedFields","isLoading","formatValue","value","fieldName","format","BorderedSection","_","index","jsx","field","fieldValue","isMixed","displayValue","FieldLabel","Button","e","valueToDisplay","copyToClipboard"],"mappings":"~~kgBASMA~~,EAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAyBnBC,EAAcD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWrBE,EAAgBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA4BhBG,EAAgD,CAAC,CAC5D,OAAAC,EACA,KAAAC,EACA,YAAAC,EAAc,CAAA,EACd,UAAAC,CACF,IAAM,CACJ,MAAMC,EAAc,CAACC,EAAYC,IAA8B,CAC7D,GAAID,GAAU,KACZ,MAAO,IAGT,GAAIC,IAAc,aAAeA,IAAc,YAC7C,GAAI,CACF,OAAOC,EAAAA,OAAO,IAAI,KAAKF,CAAK,EAAG,MAAM,CACvC,MAAQ,CACN,OAAOA,EAAM,SAAA,CACf,CAGF,OAAOA,EAAM,SAAA,CACf,EAEA,OAAIF,0BAECK,kBAAA,CAAgB,MAAM,UAAU,YAAW,GACzC,eAAM,KAAK,CAAE,OAAQ,CAAA,CAAG,EAAE,IAAI,CAACC,EAAGC,6BAChCf,EAAA,CACC,SAAA,CAAAgB,EAAAA,kBAAAA,IAACb,EAAA,CAAc,MAAO,CAAE,MAAO,QAAU,EACzCa,wBAACb,GAAc,MAAO,CAAE,MAAO,QAAS,YAAa,OAAS,0BAC7D,MAAA,CAAI,MAAO,CAAE,MAAO,OAAO,CAAG,CAAA,GAHjBY,CAIhB,CACD,EACH,EAKFC,EAAAA,kBAAAA,IAACH,mBAAgB,MAAM,UAAU,WAAU,GAAC,WAAU,GAAC,YAAW,GAC/D,WACE,OAAQI,GAAU,CAACA,EAAM,MAAM,EAC/B,IAAKA,GAAU,CACd,MAAMC,EAAaZ,EAAKW,EAAM,IAAI,EAC5BE,EAAUZ,EAAY,SAASU,EAAM,IAAI,EACzCG,EAAeD,EAAU,kBAAoBV,EAAYS,EAAYD,EAAM,IAAI,EAErF,gCACGjB,EAAA,CACC,SAAA,CAAAgB,EAAAA,kBAAAA,IAACK,EAAAA,WAAA,CAAW,KAAMJ,EAAM,KAAM,KAAMA,EAAM,KAAM,oBAAqB,EAAA,CAAM,EAC3ED,EAAAA,kBAAAA,IAACd,EAAA,CACC,MAAO,CACL,MAAOiB,EACH,yCACA,iCACJ,UAAWA,EAAU,SAAW,QAAA,EAGjC,SAAAC,CAAA,CAAA,EAEHJ,EAAAA,kBAAAA,IAACM,EAAAA,OAAA,CACC,UAAU,YACV,QAAQ,OACR,KAAK,eACL,QAAUC,GAAM,CACdA,EAAE,gBAAA,EACF,MAAMC,EACJN,GAAkD,GACpDO,EAAAA,gBAAgBD,EAAe,SAAA,EAAY,EAAI,CACjD,CAAA,CAAA,CACF,CAAA,EAtBcP,EAAM,IAuBtB,CAEJ,CAAC,CAAA,CACL,CAEJ"}
1	+ {"version":3,"file":"DetailsSection.cjs.js","sources":["../../../../../src/components/DetailsPanelDetails/DetailsSection.tsx"],"sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\nimport type { AttributeField } from '../DetailsPanelAttributes/DetailsPanelAttributesEditor'\nimport { copyToClipboard } from '@shared/util'\nimport { Button, BorderedSection } from '@ynput/ayon-react-components'\nimport { FieldLabel } from './FieldLabel'\nimport { format } from 'date-fns'\n\nconst StyledRow = styled.div`\n display: grid;\n grid-template-columns: minmax(200px, 1fr) 1fr 32px;\n row-gap: 2px;\n column-gap: 4px;\n align-items: center;\n min-height: 32px;\n position: relative;\n\n .copy-icon {\n opacity: 0;\n width: 32px;\n height: 32px;\n padding: 2px;\n\n &:hover {\n background-color: transparent !important;\n }\n }\n\n &:hover .copy-icon {\n opacity: 1;\n }\n`\n\nconst StyledValue = styled.div`\n text-align: left;\n color: var(--md-sys-color-on-surface);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n justify-self: end;\n font-size: 14px;\n width: 100%;\n`\n\nconst StyledShimmer = styled.div`\n height: 20px;\n background: var(--md-sys-color-surface-container-low);\n border-radius: 4px;\n animation: shimmer 1.5s infinite;\n\n @keyframes shimmer {\n 0% {\n opacity: 0.5;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n opacity: 0.5;\n }\n }\n`\n\ntype DetailsField = Pick<AttributeField, 'name' \| 'data' \| 'hidden'>\n\ninterface DetailsSectionProps {\n fields: DetailsField[]\n form: Record<string, any>\n mixedFields?: string[]\n isLoading: boolean\n}\n\nexport const DetailsSection: React.FC<DetailsSectionProps> = ({\n fields,\n form,\n mixedFields = [],\n isLoading,\n}) => {\n const formatValue = (value: any, fieldName: string): string => {\n if (value === null \|\| value === undefined) {\n return '-'\n }\n\n if (fieldName === 'createdAt' \|\| fieldName === 'updatedAt') {\n try {\n return format(new Date(value), 'PPpp')\n } catch {\n return value.toString()\n }\n }\n\n return value.toString()\n }\n\n if (isLoading) {\n return (\n <BorderedSection title=\"Details\" withPadding>\n {Array.from({ length: 6 }).map((_, index) => (\n <StyledRow key={index}>\n <StyledShimmer style={{ width: '80px' }} />\n <StyledShimmer style={{ width: '120px', justifySelf: 'end' }} />\n <div style={{ width: '24px' }} />\n </StyledRow>\n ))}\n </BorderedSection>\n )\n }\n\n return (\n <BorderedSection title=\"Details\" autoHeight showHeader withPadding>\n {fields\n .filter((field) => !field.hidden)\n .map((field) => {\n const fieldValue = form[field.name]\n const isMixed = mixedFields.includes(field.name)\n const displayValue = isMixed ? 'Multiple values' : formatValue(fieldValue, field.name)\n\n return (\n <StyledRow key={field.name}>\n <FieldLabel name={field.name} data={field.data} showDetailedTooltip={true} />\n <StyledValue\n style={{\n color: isMixed\n ? 'var(--md-sys-color-on-surface-variant)'\n : 'var(--md-sys-color-on-surface)',\n fontStyle: isMixed ? 'italic' : 'normal',\n }}\n >\n {displayValue}\n </StyledValue>\n <Button\n className=\"copy-icon\"\n variant=\"text\"\n icon=\"content_copy\"\n onClick={(e) => {\n e.stopPropagation()\n const valueToDisplay =\n fieldValue === null \|\| fieldValue === undefined ? '' : fieldValue\n copyToClipboard(valueToDisplay.toString(), true)\n }}\n />\n </StyledRow>\n )\n })}\n </BorderedSection>\n )\n}\n"],"names":["StyledRow","styled","StyledValue","StyledShimmer","DetailsSection","fields","form","mixedFields","isLoading","formatValue","value","fieldName","format","BorderedSection","_","index","jsx","field","fieldValue","isMixed","displayValue","FieldLabel","Button","e","valueToDisplay","copyToClipboard"],"mappings":"qgBAQMA,EAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAyBnBC,EAAcD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWrBE,EAAgBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA4BhBG,EAAgD,CAAC,CAC5D,OAAAC,EACA,KAAAC,EACA,YAAAC,EAAc,CAAA,EACd,UAAAC,CACF,IAAM,CACJ,MAAMC,EAAc,CAACC,EAAYC,IAA8B,CAC7D,GAAID,GAAU,KACZ,MAAO,IAGT,GAAIC,IAAc,aAAeA,IAAc,YAC7C,GAAI,CACF,OAAOC,EAAAA,OAAO,IAAI,KAAKF,CAAK,EAAG,MAAM,CACvC,MAAQ,CACN,OAAOA,EAAM,SAAA,CACf,CAGF,OAAOA,EAAM,SAAA,CACf,EAEA,OAAIF,0BAECK,kBAAA,CAAgB,MAAM,UAAU,YAAW,GACzC,eAAM,KAAK,CAAE,OAAQ,CAAA,CAAG,EAAE,IAAI,CAACC,EAAGC,6BAChCf,EAAA,CACC,SAAA,CAAAgB,EAAAA,kBAAAA,IAACb,EAAA,CAAc,MAAO,CAAE,MAAO,QAAU,EACzCa,wBAACb,GAAc,MAAO,CAAE,MAAO,QAAS,YAAa,OAAS,0BAC7D,MAAA,CAAI,MAAO,CAAE,MAAO,OAAO,CAAG,CAAA,GAHjBY,CAIhB,CACD,EACH,EAKFC,EAAAA,kBAAAA,IAACH,mBAAgB,MAAM,UAAU,WAAU,GAAC,WAAU,GAAC,YAAW,GAC/D,WACE,OAAQI,GAAU,CAACA,EAAM,MAAM,EAC/B,IAAKA,GAAU,CACd,MAAMC,EAAaZ,EAAKW,EAAM,IAAI,EAC5BE,EAAUZ,EAAY,SAASU,EAAM,IAAI,EACzCG,EAAeD,EAAU,kBAAoBV,EAAYS,EAAYD,EAAM,IAAI,EAErF,gCACGjB,EAAA,CACC,SAAA,CAAAgB,EAAAA,kBAAAA,IAACK,EAAAA,WAAA,CAAW,KAAMJ,EAAM,KAAM,KAAMA,EAAM,KAAM,oBAAqB,EAAA,CAAM,EAC3ED,EAAAA,kBAAAA,IAACd,EAAA,CACC,MAAO,CACL,MAAOiB,EACH,yCACA,iCACJ,UAAWA,EAAU,SAAW,QAAA,EAGjC,SAAAC,CAAA,CAAA,EAEHJ,EAAAA,kBAAAA,IAACM,EAAAA,OAAA,CACC,UAAU,YACV,QAAQ,OACR,KAAK,eACL,QAAUC,GAAM,CACdA,EAAE,gBAAA,EACF,MAAMC,EACJN,GAAkD,GACpDO,EAAAA,gBAAgBD,EAAe,SAAA,EAAY,EAAI,CACjD,CAAA,CAAA,CACF,CAAA,EAtBcP,EAAM,IAuBtB,CAEJ,CAAC,CAAA,CACL,CAEJ"}

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

@@ -5,9 +5,9 @@ import "react-toastify";
 import { copyToClipboard as y } from "../../util/copyToClipboard.es.js";
 import "uuid";
 import "../../api/queries/users/updateUsers.es.js";
+import "../../util/searchTerms.es.js";
 import "../../util/pubsub.es.js";
-import { Button as h } from "@ynput/ayon-react-components";
-import { BorderedSection as n } from "./BorderedSection.es.js";
+import { BorderedSection as n, Button as h } from "@ynput/ayon-react-components";
 import { FieldLabel as f } from "./FieldLabel.es.js";
 import { format as g } from "date-fns";
 const a = e.div`

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsSection.es.js","sources":["../../../../../src/components/DetailsPanelDetails/DetailsSection.tsx"],"sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\nimport type { AttributeField } from '../DetailsPanelAttributes/DetailsPanelAttributesEditor'\nimport { copyToClipboard } from '@shared/util'\nimport { Button } from '@ynput/ayon-react-components'\nimport { ~~BorderedSection } from './BorderedSection'\nimport {~~ FieldLabel } from './FieldLabel'\nimport { format } from 'date-fns'\n\nconst StyledRow = styled.div`\n display: grid;\n grid-template-columns: minmax(200px, 1fr) 1fr 32px;\n row-gap: 2px;\n column-gap: 4px;\n align-items: center;\n min-height: 32px;\n position: relative;\n\n .copy-icon {\n opacity: 0;\n width: 32px;\n height: 32px;\n padding: 2px;\n\n &:hover {\n background-color: transparent !important;\n }\n }\n\n &:hover .copy-icon {\n opacity: 1;\n }\n`\n\nconst StyledValue = styled.div`\n text-align: left;\n color: var(--md-sys-color-on-surface);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n justify-self: end;\n font-size: 14px;\n width: 100%;\n`\n\nconst StyledShimmer = styled.div`\n height: 20px;\n background: var(--md-sys-color-surface-container-low);\n border-radius: 4px;\n animation: shimmer 1.5s infinite;\n\n @keyframes shimmer {\n 0% {\n opacity: 0.5;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n opacity: 0.5;\n }\n }\n`\n\ntype DetailsField = Pick<AttributeField, 'name' \| 'data' \| 'hidden'>\n\ninterface DetailsSectionProps {\n fields: DetailsField[]\n form: Record<string, any>\n mixedFields?: string[]\n isLoading: boolean\n}\n\nexport const DetailsSection: React.FC<DetailsSectionProps> = ({\n fields,\n form,\n mixedFields = [],\n isLoading,\n}) => {\n const formatValue = (value: any, fieldName: string): string => {\n if (value === null \|\| value === undefined) {\n return '-'\n }\n\n if (fieldName === 'createdAt' \|\| fieldName === 'updatedAt') {\n try {\n return format(new Date(value), 'PPpp')\n } catch {\n return value.toString()\n }\n }\n\n return value.toString()\n }\n\n if (isLoading) {\n return (\n <BorderedSection title=\"Details\" withPadding>\n {Array.from({ length: 6 }).map((_, index) => (\n <StyledRow key={index}>\n <StyledShimmer style={{ width: '80px' }} />\n <StyledShimmer style={{ width: '120px', justifySelf: 'end' }} />\n <div style={{ width: '24px' }} />\n </StyledRow>\n ))}\n </BorderedSection>\n )\n }\n\n return (\n <BorderedSection title=\"Details\" autoHeight showHeader withPadding>\n {fields\n .filter((field) => !field.hidden)\n .map((field) => {\n const fieldValue = form[field.name]\n const isMixed = mixedFields.includes(field.name)\n const displayValue = isMixed ? 'Multiple values' : formatValue(fieldValue, field.name)\n\n return (\n <StyledRow key={field.name}>\n <FieldLabel name={field.name} data={field.data} showDetailedTooltip={true} />\n <StyledValue\n style={{\n color: isMixed\n ? 'var(--md-sys-color-on-surface-variant)'\n : 'var(--md-sys-color-on-surface)',\n fontStyle: isMixed ? 'italic' : 'normal',\n }}\n >\n {displayValue}\n </StyledValue>\n <Button\n className=\"copy-icon\"\n variant=\"text\"\n icon=\"content_copy\"\n onClick={(e) => {\n e.stopPropagation()\n const valueToDisplay =\n fieldValue === null \|\| fieldValue === undefined ? '' : fieldValue\n copyToClipboard(valueToDisplay.toString(), true)\n }}\n />\n </StyledRow>\n )\n })}\n </BorderedSection>\n )\n}\n"],"names":["StyledRow","styled","StyledValue","StyledShimmer","DetailsSection","fields","form","mixedFields","isLoading","formatValue","value","fieldName","format","BorderedSection","_","index","jsx","field","fieldValue","isMixed","displayValue","FieldLabel","Button","e","copyToClipboard"],"mappings":";;;;;;;;;;;;~~AASA~~,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAyBnBC,IAAcD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWrBE,IAAgBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA4BhBG,IAAgD,CAAC;AAAA,EAC5D,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC,IAAc,CAAA;AAAA,EACd,WAAAC;AACF,MAAM;AACJ,QAAMC,IAAc,CAACC,GAAYC,MAA8B;AAC7D,QAAID,KAAU;AACZ,aAAO;AAGT,QAAIC,MAAc,eAAeA,MAAc;AAC7C,UAAI;AACF,eAAOC,EAAO,IAAI,KAAKF,CAAK,GAAG,MAAM;AAAA,MACvC,QAAQ;AACN,eAAOA,EAAM,SAAA;AAAA,MACf;AAGF,WAAOA,EAAM,SAAA;AAAA,EACf;AAEA,SAAIF,0BAECK,GAAA,EAAgB,OAAM,WAAU,aAAW,IACzC,gBAAM,KAAK,EAAE,QAAQ,EAAA,CAAG,EAAE,IAAI,CAACC,GAAGC,6BAChCf,GAAA,EACC,UAAA;AAAA,IAAAgB,gBAAAA,EAAAA,IAACb,GAAA,EAAc,OAAO,EAAE,OAAO,UAAU;AAAA,IACzCa,gBAAAA,MAACb,KAAc,OAAO,EAAE,OAAO,SAAS,aAAa,SAAS;AAAA,0BAC7D,OAAA,EAAI,OAAO,EAAE,OAAO,SAAO,CAAG;AAAA,EAAA,KAHjBY,CAIhB,CACD,GACH,IAKFC,gBAAAA,EAAAA,IAACH,KAAgB,OAAM,WAAU,YAAU,IAAC,YAAU,IAAC,aAAW,IAC/D,YACE,OAAO,CAACI,MAAU,CAACA,EAAM,MAAM,EAC/B,IAAI,CAACA,MAAU;AACd,UAAMC,IAAaZ,EAAKW,EAAM,IAAI,GAC5BE,IAAUZ,EAAY,SAASU,EAAM,IAAI,GACzCG,IAAeD,IAAU,oBAAoBV,EAAYS,GAAYD,EAAM,IAAI;AAErF,kCACGjB,GAAA,EACC,UAAA;AAAA,MAAAgB,gBAAAA,EAAAA,IAACK,GAAA,EAAW,MAAMJ,EAAM,MAAM,MAAMA,EAAM,MAAM,qBAAqB,GAAA,CAAM;AAAA,MAC3ED,gBAAAA,EAAAA;AAAAA,QAACd;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,YACL,OAAOiB,IACH,2CACA;AAAA,YACJ,WAAWA,IAAU,WAAW;AAAA,UAAA;AAAA,UAGjC,UAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,MAEHJ,gBAAAA,EAAAA;AAAAA,QAACM;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,SAAS,CAACC,MAAM;AACd,YAAAA,EAAE,gBAAA,GAGFC,GADEN,KAAkD,IACrB,SAAA,GAAY,EAAI;AAAA,UACjD;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,EAAA,GAtBcD,EAAM,IAuBtB;AAAA,EAEJ,CAAC,EAAA,CACL;AAEJ;"}
1	+ {"version":3,"file":"DetailsSection.es.js","sources":["../../../../../src/components/DetailsPanelDetails/DetailsSection.tsx"],"sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\nimport type { AttributeField } from '../DetailsPanelAttributes/DetailsPanelAttributesEditor'\nimport { copyToClipboard } from '@shared/util'\nimport { Button, BorderedSection } from '@ynput/ayon-react-components'\nimport { FieldLabel } from './FieldLabel'\nimport { format } from 'date-fns'\n\nconst StyledRow = styled.div`\n display: grid;\n grid-template-columns: minmax(200px, 1fr) 1fr 32px;\n row-gap: 2px;\n column-gap: 4px;\n align-items: center;\n min-height: 32px;\n position: relative;\n\n .copy-icon {\n opacity: 0;\n width: 32px;\n height: 32px;\n padding: 2px;\n\n &:hover {\n background-color: transparent !important;\n }\n }\n\n &:hover .copy-icon {\n opacity: 1;\n }\n`\n\nconst StyledValue = styled.div`\n text-align: left;\n color: var(--md-sys-color-on-surface);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n justify-self: end;\n font-size: 14px;\n width: 100%;\n`\n\nconst StyledShimmer = styled.div`\n height: 20px;\n background: var(--md-sys-color-surface-container-low);\n border-radius: 4px;\n animation: shimmer 1.5s infinite;\n\n @keyframes shimmer {\n 0% {\n opacity: 0.5;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n opacity: 0.5;\n }\n }\n`\n\ntype DetailsField = Pick<AttributeField, 'name' \| 'data' \| 'hidden'>\n\ninterface DetailsSectionProps {\n fields: DetailsField[]\n form: Record<string, any>\n mixedFields?: string[]\n isLoading: boolean\n}\n\nexport const DetailsSection: React.FC<DetailsSectionProps> = ({\n fields,\n form,\n mixedFields = [],\n isLoading,\n}) => {\n const formatValue = (value: any, fieldName: string): string => {\n if (value === null \|\| value === undefined) {\n return '-'\n }\n\n if (fieldName === 'createdAt' \|\| fieldName === 'updatedAt') {\n try {\n return format(new Date(value), 'PPpp')\n } catch {\n return value.toString()\n }\n }\n\n return value.toString()\n }\n\n if (isLoading) {\n return (\n <BorderedSection title=\"Details\" withPadding>\n {Array.from({ length: 6 }).map((_, index) => (\n <StyledRow key={index}>\n <StyledShimmer style={{ width: '80px' }} />\n <StyledShimmer style={{ width: '120px', justifySelf: 'end' }} />\n <div style={{ width: '24px' }} />\n </StyledRow>\n ))}\n </BorderedSection>\n )\n }\n\n return (\n <BorderedSection title=\"Details\" autoHeight showHeader withPadding>\n {fields\n .filter((field) => !field.hidden)\n .map((field) => {\n const fieldValue = form[field.name]\n const isMixed = mixedFields.includes(field.name)\n const displayValue = isMixed ? 'Multiple values' : formatValue(fieldValue, field.name)\n\n return (\n <StyledRow key={field.name}>\n <FieldLabel name={field.name} data={field.data} showDetailedTooltip={true} />\n <StyledValue\n style={{\n color: isMixed\n ? 'var(--md-sys-color-on-surface-variant)'\n : 'var(--md-sys-color-on-surface)',\n fontStyle: isMixed ? 'italic' : 'normal',\n }}\n >\n {displayValue}\n </StyledValue>\n <Button\n className=\"copy-icon\"\n variant=\"text\"\n icon=\"content_copy\"\n onClick={(e) => {\n e.stopPropagation()\n const valueToDisplay =\n fieldValue === null \|\| fieldValue === undefined ? '' : fieldValue\n copyToClipboard(valueToDisplay.toString(), true)\n }}\n />\n </StyledRow>\n )\n })}\n </BorderedSection>\n )\n}\n"],"names":["StyledRow","styled","StyledValue","StyledShimmer","DetailsSection","fields","form","mixedFields","isLoading","formatValue","value","fieldName","format","BorderedSection","_","index","jsx","field","fieldValue","isMixed","displayValue","FieldLabel","Button","e","copyToClipboard"],"mappings":";;;;;;;;;;;;AAQA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAyBnBC,IAAcD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWrBE,IAAgBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA4BhBG,IAAgD,CAAC;AAAA,EAC5D,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC,IAAc,CAAA;AAAA,EACd,WAAAC;AACF,MAAM;AACJ,QAAMC,IAAc,CAACC,GAAYC,MAA8B;AAC7D,QAAID,KAAU;AACZ,aAAO;AAGT,QAAIC,MAAc,eAAeA,MAAc;AAC7C,UAAI;AACF,eAAOC,EAAO,IAAI,KAAKF,CAAK,GAAG,MAAM;AAAA,MACvC,QAAQ;AACN,eAAOA,EAAM,SAAA;AAAA,MACf;AAGF,WAAOA,EAAM,SAAA;AAAA,EACf;AAEA,SAAIF,0BAECK,GAAA,EAAgB,OAAM,WAAU,aAAW,IACzC,gBAAM,KAAK,EAAE,QAAQ,EAAA,CAAG,EAAE,IAAI,CAACC,GAAGC,6BAChCf,GAAA,EACC,UAAA;AAAA,IAAAgB,gBAAAA,EAAAA,IAACb,GAAA,EAAc,OAAO,EAAE,OAAO,UAAU;AAAA,IACzCa,gBAAAA,MAACb,KAAc,OAAO,EAAE,OAAO,SAAS,aAAa,SAAS;AAAA,0BAC7D,OAAA,EAAI,OAAO,EAAE,OAAO,SAAO,CAAG;AAAA,EAAA,KAHjBY,CAIhB,CACD,GACH,IAKFC,gBAAAA,EAAAA,IAACH,KAAgB,OAAM,WAAU,YAAU,IAAC,YAAU,IAAC,aAAW,IAC/D,YACE,OAAO,CAACI,MAAU,CAACA,EAAM,MAAM,EAC/B,IAAI,CAACA,MAAU;AACd,UAAMC,IAAaZ,EAAKW,EAAM,IAAI,GAC5BE,IAAUZ,EAAY,SAASU,EAAM,IAAI,GACzCG,IAAeD,IAAU,oBAAoBV,EAAYS,GAAYD,EAAM,IAAI;AAErF,kCACGjB,GAAA,EACC,UAAA;AAAA,MAAAgB,gBAAAA,EAAAA,IAACK,GAAA,EAAW,MAAMJ,EAAM,MAAM,MAAMA,EAAM,MAAM,qBAAqB,GAAA,CAAM;AAAA,MAC3ED,gBAAAA,EAAAA;AAAAA,QAACd;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,YACL,OAAOiB,IACH,2CACA;AAAA,YACJ,WAAWA,IAAU,WAAW;AAAA,UAAA;AAAA,UAGjC,UAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,MAEHJ,gBAAAA,EAAAA;AAAAA,QAACM;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,SAAS,CAACC,MAAM;AACd,YAAAA,EAAE,gBAAA,GAGFC,GADEN,KAAkD,IACrB,SAAA,GAAY,EAAI;AAAA,UACjD;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,EAAA,GAtBcD,EAAM,IAuBtB;AAAA,EAEJ,CAAC,EAAA,CACL;AAEJ;"}

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

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../../../_virtual/jsx-runtime.cjs.js");require("lodash");require("react-toastify");require("uuid");const o=require("../../util/humanizeFieldName.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../util/pubsub.cjs.js");const d=require("styled-components"),u=d.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../../../_virtual/jsx-runtime.cjs.js");require("lodash");require("react-toastify");require("uuid");const o=require("../../util/humanizeFieldName.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../util/searchTerms.cjs.js");require("../../util/pubsub.cjs.js");const u=require("styled-components"),d=u.div`
   color: var(--md-sys-color-outline);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   font-size: 14px;
-`,c=({name:t,data:e,showDetailedTooltip:r=!1,...l})=>{const i=e.title?o.humanizeField(e.title):o.humanizeField(t),s=r?`${i} (${t}) ${e.description?"-":""} ${e.description||""}`:e.description||i;return n.jsxRuntimeExports.jsx(u,{"data-tooltip":r?s:void 0,"data-tooltip-delay":700,...l,children:i})};exports.FieldLabel=c;
+`,c=({name:r,data:e,showDetailedTooltip:t=!1,...l})=>{const i=e.title?o.humanizeField(e.title):o.humanizeField(r),s=t?`${i} (${r}) ${e.description?"-":""} ${e.description||""}`:e.description||i;return n.jsxRuntimeExports.jsx(d,{"data-tooltip":t?s:void 0,"data-tooltip-delay":700,...l,children:i})};exports.FieldLabel=c;
 //# sourceMappingURL=FieldLabel.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"FieldLabel.cjs.js","sources":["../../../../../src/components/DetailsPanelDetails/FieldLabel.tsx"],"sourcesContent":["import { humanizeField } from '@shared/util'\nimport React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFieldLabel = styled.div`\n color: var(--md-sys-color-outline);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 14px;\n`\n\ninterface FieldLabelProps extends React.HTMLAttributes<HTMLDivElement> {\n name: string\n data: {\n title?: string\n description?: string\n }\n showDetailedTooltip?: boolean\n}\n\nexport const FieldLabel: React.FC<FieldLabelProps> = ({\n name,\n data,\n showDetailedTooltip = false,\n ...props\n}) => {\n const displayTitle = data.title ? humanizeField(data.title) : humanizeField(name)\n const tooltipText = showDetailedTooltip\n ? `${displayTitle} (${name}) ${data.description ? '-' : ''} ${data.description \|\| ''}`\n : data.description \|\| displayTitle\n\n return (\n <StyledFieldLabel\n data-tooltip={showDetailedTooltip ? tooltipText : undefined}\n data-tooltip-delay={700}\n {...props}\n >\n {displayTitle}\n </StyledFieldLabel>\n )\n}\n"],"names":["StyledFieldLabel","styled","FieldLabel","name","data","showDetailedTooltip","props","displayTitle","humanizeField","tooltipText","jsx"],"mappings":"~~6XAIMA~~,EAAmBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiBnBC,EAAwC,CAAC,CACpD,KAAAC,EACA,KAAAC,EACA,oBAAAC,EAAsB,GACtB,GAAGC,CACL,IAAM,CACJ,MAAMC,EAAeH,EAAK,MAAQI,EAAAA,cAAcJ,EAAK,KAAK,EAAII,EAAAA,cAAcL,CAAI,EAC1EM,EAAcJ,EAChB,GAAGE,CAAY,KAAKJ,CAAI,KAAKC,EAAK,YAAc,IAAM,EAAE,IAAIA,EAAK,aAAe,EAAE,GAClFA,EAAK,aAAeG,EAExB,OACEG,EAAAA,kBAAAA,IAACV,EAAA,CACC,eAAcK,EAAsBI,EAAc,OAClD,qBAAoB,IACnB,GAAGH,EAEH,SAAAC,CAAA,CAAA,CAGP"}
1	+ {"version":3,"file":"FieldLabel.cjs.js","sources":["../../../../../src/components/DetailsPanelDetails/FieldLabel.tsx"],"sourcesContent":["import { humanizeField } from '@shared/util'\nimport React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFieldLabel = styled.div`\n color: var(--md-sys-color-outline);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 14px;\n`\n\ninterface FieldLabelProps extends React.HTMLAttributes<HTMLDivElement> {\n name: string\n data: {\n title?: string\n description?: string\n }\n showDetailedTooltip?: boolean\n}\n\nexport const FieldLabel: React.FC<FieldLabelProps> = ({\n name,\n data,\n showDetailedTooltip = false,\n ...props\n}) => {\n const displayTitle = data.title ? humanizeField(data.title) : humanizeField(name)\n const tooltipText = showDetailedTooltip\n ? `${displayTitle} (${name}) ${data.description ? '-' : ''} ${data.description \|\| ''}`\n : data.description \|\| displayTitle\n\n return (\n <StyledFieldLabel\n data-tooltip={showDetailedTooltip ? tooltipText : undefined}\n data-tooltip-delay={700}\n {...props}\n >\n {displayTitle}\n </StyledFieldLabel>\n )\n}\n"],"names":["StyledFieldLabel","styled","FieldLabel","name","data","showDetailedTooltip","props","displayTitle","humanizeField","tooltipText","jsx"],"mappings":"saAIMA,EAAmBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiBnBC,EAAwC,CAAC,CACpD,KAAAC,EACA,KAAAC,EACA,oBAAAC,EAAsB,GACtB,GAAGC,CACL,IAAM,CACJ,MAAMC,EAAeH,EAAK,MAAQI,EAAAA,cAAcJ,EAAK,KAAK,EAAII,EAAAA,cAAcL,CAAI,EAC1EM,EAAcJ,EAChB,GAAGE,CAAY,KAAKJ,CAAI,KAAKC,EAAK,YAAc,IAAM,EAAE,IAAIA,EAAK,aAAe,EAAE,GAClFA,EAAK,aAAeG,EAExB,OACEG,EAAAA,kBAAAA,IAACV,EAAA,CACC,eAAcK,EAAsBI,EAAc,OAClD,qBAAoB,IACnB,GAAGH,EAEH,SAAAC,CAAA,CAAA,CAGP"}

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

@@ -4,15 +4,16 @@ import "react-toastify";
 import "uuid";
 import { humanizeField as r } from "../../util/humanizeFieldName.es.js";
 import "../../api/queries/users/updateUsers.es.js";
+import "../../util/searchTerms.es.js";
 import "../../util/pubsub.es.js";
-import n from "styled-components";
-const d = n.div`
+import m from "styled-components";
+const n = m.div`
   color: var(--md-sys-color-outline);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   font-size: 14px;
-`, $ = ({
+`, h = ({
   name: i,
   data: o,
   showDetailedTooltip: e = !1,
@@ -20,7 +21,7 @@ const d = n.div`
 }) => {
   const t = o.title ? r(o.title) : r(i), p = e ? `${t} (${i}) ${o.description ? "-" : ""} ${o.description || ""}` : o.description || t;
   return /* @__PURE__ */ s.jsx(
-    d,
+    n,
     {
       "data-tooltip": e ? p : void 0,
       "data-tooltip-delay": 700,
@@ -30,6 +31,6 @@ const d = n.div`
   );
 };
 export {
-  $ as FieldLabel
+  h as FieldLabel
 };
 //# sourceMappingURL=FieldLabel.es.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"FieldLabel.es.js","sources":["../../../../../src/components/DetailsPanelDetails/FieldLabel.tsx"],"sourcesContent":["import { humanizeField } from '@shared/util'\nimport React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFieldLabel = styled.div`\n color: var(--md-sys-color-outline);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 14px;\n`\n\ninterface FieldLabelProps extends React.HTMLAttributes<HTMLDivElement> {\n name: string\n data: {\n title?: string\n description?: string\n }\n showDetailedTooltip?: boolean\n}\n\nexport const FieldLabel: React.FC<FieldLabelProps> = ({\n name,\n data,\n showDetailedTooltip = false,\n ...props\n}) => {\n const displayTitle = data.title ? humanizeField(data.title) : humanizeField(name)\n const tooltipText = showDetailedTooltip\n ? `${displayTitle} (${name}) ${data.description ? '-' : ''} ${data.description \|\| ''}`\n : data.description \|\| displayTitle\n\n return (\n <StyledFieldLabel\n data-tooltip={showDetailedTooltip ? tooltipText : undefined}\n data-tooltip-delay={700}\n {...props}\n >\n {displayTitle}\n </StyledFieldLabel>\n )\n}\n"],"names":["StyledFieldLabel","styled","FieldLabel","name","data","showDetailedTooltip","props","displayTitle","humanizeField","tooltipText","jsx"],"mappings":"~~;;;;;;;;~~AAIA,MAAMA,IAAmBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAiBnBC,IAAwC,CAAC;AAAA,EACpD,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,qBAAAC,IAAsB;AAAA,EACtB,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAeH,EAAK,QAAQI,EAAcJ,EAAK,KAAK,IAAII,EAAcL,CAAI,GAC1EM,IAAcJ,IAChB,GAAGE,CAAY,KAAKJ,CAAI,KAAKC,EAAK,cAAc,MAAM,EAAE,IAAIA,EAAK,eAAe,EAAE,KAClFA,EAAK,eAAeG;AAExB,SACEG,gBAAAA,EAAAA;AAAAA,IAACV;AAAA,IAAA;AAAA,MACC,gBAAcK,IAAsBI,IAAc;AAAA,MAClD,sBAAoB;AAAA,MACnB,GAAGH;AAAA,MAEH,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}
1	+ {"version":3,"file":"FieldLabel.es.js","sources":["../../../../../src/components/DetailsPanelDetails/FieldLabel.tsx"],"sourcesContent":["import { humanizeField } from '@shared/util'\nimport React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFieldLabel = styled.div`\n color: var(--md-sys-color-outline);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 14px;\n`\n\ninterface FieldLabelProps extends React.HTMLAttributes<HTMLDivElement> {\n name: string\n data: {\n title?: string\n description?: string\n }\n showDetailedTooltip?: boolean\n}\n\nexport const FieldLabel: React.FC<FieldLabelProps> = ({\n name,\n data,\n showDetailedTooltip = false,\n ...props\n}) => {\n const displayTitle = data.title ? humanizeField(data.title) : humanizeField(name)\n const tooltipText = showDetailedTooltip\n ? `${displayTitle} (${name}) ${data.description ? '-' : ''} ${data.description \|\| ''}`\n : data.description \|\| displayTitle\n\n return (\n <StyledFieldLabel\n data-tooltip={showDetailedTooltip ? tooltipText : undefined}\n data-tooltip-delay={700}\n {...props}\n >\n {displayTitle}\n </StyledFieldLabel>\n )\n}\n"],"names":["StyledFieldLabel","styled","FieldLabel","name","data","showDetailedTooltip","props","displayTitle","humanizeField","tooltipText","jsx"],"mappings":";;;;;;;;;AAIA,MAAMA,IAAmBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAiBnBC,IAAwC,CAAC;AAAA,EACpD,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,qBAAAC,IAAsB;AAAA,EACtB,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAeH,EAAK,QAAQI,EAAcJ,EAAK,KAAK,IAAII,EAAcL,CAAI,GAC1EM,IAAcJ,IAChB,GAAGE,CAAY,KAAKJ,CAAI,KAAKC,EAAK,cAAc,MAAM,EAAE,IAAIA,EAAK,eAAe,EAAE,KAClFA,EAAK,eAAeG;AAExB,SACEG,gBAAAA,EAAAA;AAAAA,IAACV;AAAA,IAAA;AAAA,MACC,gBAAcK,IAAsBI,IAAc;AAAA,MAClD,sBAAoB;AAAA,MACnB,GAAGH;AAAA,MAEH,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useEntityFormData.cjs.js","sources":["../../../../../../src/components/DetailsPanelDetails/hooks/useEntityFormData.ts"],"sourcesContent":["import { useState, useEffect } from 'react'\nimport { getMixedState } from '@shared/util'\nimport type { DetailsPanelEntityData } from '@shared/api'\nimport type { EntityForm } from '../types'\nimport { visibleFields } from '../types'\n\nexport const useEntityFormData = (entities: DetailsPanelEntityData[], isLoading: boolean) => {\n const [mixedFields, setMixedFields] = useState<string[]>([])\n const [formData, setFormData] = useState<EntityForm \| null>(null)\n\n const buildInitialForm = () => {\n const valuesByField: Record<string, any[]> = {}\n const mixedFieldsSet = new Set<string>()\n\n entities.forEach((entity) => {\n const mappedEntity: EntityForm = {\n id: entity.id,\n name: entity.name,\n label: entity.label,\n entityType: entity.entityType as 'folder' \| 'task' \| 'product' \| 'version',\n createdAt: entity.createdAt,\n updatedAt: entity.updatedAt,\n projectName: entity.projectName,\n status: entity.status,\n tags: entity.tags \|\| [],\n path: entity.path,\n folderType: entity.folder?.folderType,\n productType: entity.product?.productType,\n taskType: entity.task?.taskType,\n description: entity.attrib?.description?.toString() ?? '',\n }\n\n Object.keys(mappedEntity).forEach((key) => {\n if (visibleFields.includes(key as keyof EntityForm)) {\n valuesByField[key] = valuesByField[key] \|\| []\n valuesByField[key].push((mappedEntity as any)[key])\n }\n })\n\n if (entity.attrib) {\n Object.keys(entity.attrib).forEach((key) => {\n if (key !== 'description') {\n const attribKey = `attrib.${key}`\n valuesByField[attribKey] = valuesByField[attribKey] \|\| []\n valuesByField[attribKey].push(entity.attrib?.[key])\n }\n })\n }\n })\n\n const formData = Object.entries(valuesByField).reduce((result, [key, values]) => {\n const { value, isMixed } = getMixedState(values)\n result[key] = value\n\n if (isMixed) {\n mixedFieldsSet.add(key)\n }\n\n return result\n }, {} as Record<string, any>)\n\n setFormData(formData as EntityForm)\n setMixedFields(Array.from(mixedFieldsSet))\n }\n\n useEffect(() => {\n if (isLoading \|\| entities.length === 0) return\n buildInitialForm()\n }, [entities, isLoading])\n\n const updateFormData = (key: string, value: any) => {\n setFormData((prev) => {\n if (!prev) return prev\n return {\n ...prev,\n [key]: value,\n }\n })\n }\n\n const clearMixedField = (fieldName: string) => {\n setMixedFields((prev) => prev.filter((field) => field !== fieldName))\n }\n\n return {\n formData,\n mixedFields,\n updateFormData,\n clearMixedField,\n }\n}\n"],"names":["useEntityFormData","entities","isLoading","mixedFields","setMixedFields","useState","formData","setFormData","buildInitialForm","valuesByField","mixedFieldsSet","entity","mappedEntity","key","visibleFields","attribKey","result","values","value","isMixed","getMixedState","useEffect","prev","fieldName","field"],"mappings":"~~8VAMaA~~,EAAoB,CAACC,EAAoCC,IAAuB,CAC3F,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAAA,SAAmB,CAAA,CAAE,EACrD,CAACC,EAAUC,CAAW,EAAIF,EAAAA,SAA4B,IAAI,EAE1DG,EAAmB,IAAM,CAC7B,MAAMC,EAAuC,CAAA,EACvCC,MAAqB,IAE3BT,EAAS,QAASU,GAAW,CAC3B,MAAMC,EAA2B,CAC/B,GAAID,EAAO,GACX,KAAMA,EAAO,KACb,MAAOA,EAAO,MACd,WAAYA,EAAO,WACnB,UAAWA,EAAO,UAClB,UAAWA,EAAO,UAClB,YAAaA,EAAO,YACpB,OAAQA,EAAO,OACf,KAAMA,EAAO,MAAQ,CAAA,EACrB,KAAMA,EAAO,KACb,WAAYA,EAAO,QAAQ,WAC3B,YAAaA,EAAO,SAAS,YAC7B,SAAUA,EAAO,MAAM,SACvB,YAAaA,EAAO,QAAQ,aAAa,YAAc,EAAA,EAGzD,OAAO,KAAKC,CAAY,EAAE,QAASC,GAAQ,CACrCC,EAAAA,cAAc,SAASD,CAAuB,IAChDJ,EAAcI,CAAG,EAAIJ,EAAcI,CAAG,GAAK,CAAA,EAC3CJ,EAAcI,CAAG,EAAE,KAAMD,EAAqBC,CAAG,CAAC,EAEtD,CAAC,EAEGF,EAAO,QACT,OAAO,KAAKA,EAAO,MAAM,EAAE,QAASE,GAAQ,CAC1C,GAAIA,IAAQ,cAAe,CACzB,MAAME,EAAY,UAAUF,CAAG,GAC/BJ,EAAcM,CAAS,EAAIN,EAAcM,CAAS,GAAK,CAAA,EACvDN,EAAcM,CAAS,EAAE,KAAKJ,EAAO,SAASE,CAAG,CAAC,CACpD,CACF,CAAC,CAEL,CAAC,EAED,MAAMP,EAAW,OAAO,QAAQG,CAAa,EAAE,OAAO,CAACO,EAAQ,CAACH,EAAKI,CAAM,IAAM,CAC/E,KAAM,CAAE,MAAAC,EAAO,QAAAC,GAAYC,EAAAA,cAAcH,CAAM,EAC/C,OAAAD,EAAOH,CAAG,EAAIK,EAEVC,GACFT,EAAe,IAAIG,CAAG,EAGjBG,CACT,EAAG,CAAA,CAAyB,EAE5BT,EAAYD,CAAsB,EAClCF,EAAe,MAAM,KAAKM,CAAc,CAAC,CAC3C,EAEAW,OAAAA,EAAAA,UAAU,IAAM,CACVnB,GAAaD,EAAS,SAAW,GACrCO,EAAA,CACF,EAAG,CAACP,EAAUC,CAAS,CAAC,EAgBjB,CACL,SAAAI,EACA,YAAAH,EACA,eAjBqB,CAACU,EAAaK,IAAe,CAClDX,EAAae,GACNA,GACE,CACL,GAAGA,EACH,CAACT,CAAG,EAAGK,CAAA,CAEV,CACH,EAUE,gBARuBK,GAAsB,CAC7CnB,EAAgBkB,GAASA,EAAK,OAAQE,GAAUA,IAAUD,CAAS,CAAC,CACtE,CAME,CAEJ"}
1	+ {"version":3,"file":"useEntityFormData.cjs.js","sources":["../../../../../../src/components/DetailsPanelDetails/hooks/useEntityFormData.ts"],"sourcesContent":["import { useState, useEffect } from 'react'\nimport { getMixedState } from '@shared/util'\nimport type { DetailsPanelEntityData } from '@shared/api'\nimport type { EntityForm } from '../types'\nimport { visibleFields } from '../types'\n\nexport const useEntityFormData = (entities: DetailsPanelEntityData[], isLoading: boolean) => {\n const [mixedFields, setMixedFields] = useState<string[]>([])\n const [formData, setFormData] = useState<EntityForm \| null>(null)\n\n const buildInitialForm = () => {\n const valuesByField: Record<string, any[]> = {}\n const mixedFieldsSet = new Set<string>()\n\n entities.forEach((entity) => {\n const mappedEntity: EntityForm = {\n id: entity.id,\n name: entity.name,\n label: entity.label,\n entityType: entity.entityType as 'folder' \| 'task' \| 'product' \| 'version',\n createdAt: entity.createdAt,\n updatedAt: entity.updatedAt,\n projectName: entity.projectName,\n status: entity.status,\n tags: entity.tags \|\| [],\n path: entity.path,\n folderType: entity.folder?.folderType,\n productType: entity.product?.productType,\n taskType: entity.task?.taskType,\n description: entity.attrib?.description?.toString() ?? '',\n }\n\n Object.keys(mappedEntity).forEach((key) => {\n if (visibleFields.includes(key as keyof EntityForm)) {\n valuesByField[key] = valuesByField[key] \|\| []\n valuesByField[key].push((mappedEntity as any)[key])\n }\n })\n\n if (entity.attrib) {\n Object.keys(entity.attrib).forEach((key) => {\n if (key !== 'description') {\n const attribKey = `attrib.${key}`\n valuesByField[attribKey] = valuesByField[attribKey] \|\| []\n valuesByField[attribKey].push(entity.attrib?.[key])\n }\n })\n }\n })\n\n const formData = Object.entries(valuesByField).reduce((result, [key, values]) => {\n const { value, isMixed } = getMixedState(values)\n result[key] = value\n\n if (isMixed) {\n mixedFieldsSet.add(key)\n }\n\n return result\n }, {} as Record<string, any>)\n\n setFormData(formData as EntityForm)\n setMixedFields(Array.from(mixedFieldsSet))\n }\n\n useEffect(() => {\n if (isLoading \|\| entities.length === 0) return\n buildInitialForm()\n }, [entities, isLoading])\n\n const updateFormData = (key: string, value: any) => {\n setFormData((prev) => {\n if (!prev) return prev\n return {\n ...prev,\n [key]: value,\n }\n })\n }\n\n const clearMixedField = (fieldName: string) => {\n setMixedFields((prev) => prev.filter((field) => field !== fieldName))\n }\n\n return {\n formData,\n mixedFields,\n updateFormData,\n clearMixedField,\n }\n}\n"],"names":["useEntityFormData","entities","isLoading","mixedFields","setMixedFields","useState","formData","setFormData","buildInitialForm","valuesByField","mixedFieldsSet","entity","mappedEntity","key","visibleFields","attribKey","result","values","value","isMixed","getMixedState","useEffect","prev","fieldName","field"],"mappings":"0YAMaA,EAAoB,CAACC,EAAoCC,IAAuB,CAC3F,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAAA,SAAmB,CAAA,CAAE,EACrD,CAACC,EAAUC,CAAW,EAAIF,EAAAA,SAA4B,IAAI,EAE1DG,EAAmB,IAAM,CAC7B,MAAMC,EAAuC,CAAA,EACvCC,MAAqB,IAE3BT,EAAS,QAASU,GAAW,CAC3B,MAAMC,EAA2B,CAC/B,GAAID,EAAO,GACX,KAAMA,EAAO,KACb,MAAOA,EAAO,MACd,WAAYA,EAAO,WACnB,UAAWA,EAAO,UAClB,UAAWA,EAAO,UAClB,YAAaA,EAAO,YACpB,OAAQA,EAAO,OACf,KAAMA,EAAO,MAAQ,CAAA,EACrB,KAAMA,EAAO,KACb,WAAYA,EAAO,QAAQ,WAC3B,YAAaA,EAAO,SAAS,YAC7B,SAAUA,EAAO,MAAM,SACvB,YAAaA,EAAO,QAAQ,aAAa,YAAc,EAAA,EAGzD,OAAO,KAAKC,CAAY,EAAE,QAASC,GAAQ,CACrCC,EAAAA,cAAc,SAASD,CAAuB,IAChDJ,EAAcI,CAAG,EAAIJ,EAAcI,CAAG,GAAK,CAAA,EAC3CJ,EAAcI,CAAG,EAAE,KAAMD,EAAqBC,CAAG,CAAC,EAEtD,CAAC,EAEGF,EAAO,QACT,OAAO,KAAKA,EAAO,MAAM,EAAE,QAASE,GAAQ,CAC1C,GAAIA,IAAQ,cAAe,CACzB,MAAME,EAAY,UAAUF,CAAG,GAC/BJ,EAAcM,CAAS,EAAIN,EAAcM,CAAS,GAAK,CAAA,EACvDN,EAAcM,CAAS,EAAE,KAAKJ,EAAO,SAASE,CAAG,CAAC,CACpD,CACF,CAAC,CAEL,CAAC,EAED,MAAMP,EAAW,OAAO,QAAQG,CAAa,EAAE,OAAO,CAACO,EAAQ,CAACH,EAAKI,CAAM,IAAM,CAC/E,KAAM,CAAE,MAAAC,EAAO,QAAAC,GAAYC,EAAAA,cAAcH,CAAM,EAC/C,OAAAD,EAAOH,CAAG,EAAIK,EAEVC,GACFT,EAAe,IAAIG,CAAG,EAGjBG,CACT,EAAG,CAAA,CAAyB,EAE5BT,EAAYD,CAAsB,EAClCF,EAAe,MAAM,KAAKM,CAAc,CAAC,CAC3C,EAEAW,OAAAA,EAAAA,UAAU,IAAM,CACVnB,GAAaD,EAAS,SAAW,GACrCO,EAAA,CACF,EAAG,CAACP,EAAUC,CAAS,CAAC,EAgBjB,CACL,SAAAI,EACA,YAAAH,EACA,eAjBqB,CAACU,EAAaK,IAAe,CAClDX,EAAae,GACNA,GACE,CACL,GAAGA,EACH,CAACT,CAAG,EAAGK,CAAA,CAEV,CACH,EAUE,gBARuBK,GAAsB,CAC7CnB,EAAgBkB,GAASA,EAAK,OAAQE,GAAUA,IAAUD,CAAS,CAAC,CACtE,CAME,CAEJ"}

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

@@ -4,10 +4,11 @@ import "react-toastify";
 import { getMixedState as h } from "../../../util/getMixedState.es.js";
 import "uuid";
 import "../../../api/queries/users/updateUsers.es.js";
+import "../../../util/searchTerms.es.js";
 import "../../../util/pubsub.es.js";
 import { visibleFields as x } from "../types.es.js";
-const v = (i, c) => {
-  const [u, p] = l([]), [f, m] = l(null), n = () => {
+const w = (i, p) => {
+  const [u, c] = l([]), [f, m] = l(null), n = () => {
     const r = {}, o = /* @__PURE__ */ new Set();
     i.forEach((t) => {
       const d = {
@@ -39,11 +40,11 @@ const v = (i, c) => {
       const { value: s, isMixed: b } = h(e);
       return t[d] = s, b && o.add(d), t;
     }, {});
-    m(a), p(Array.from(o));
+    m(a), c(Array.from(o));
   };
   return F(() => {
-    c || i.length === 0 || n();
-  }, [i, c]), {
+    p || i.length === 0 || n();
+  }, [i, p]), {
     formData: f,
     mixedFields: u,
     updateFormData: (r, o) => {
@@ -53,11 +54,11 @@ const v = (i, c) => {
       });
     },
     clearMixedField: (r) => {
-      p((o) => o.filter((a) => a !== r));
+      c((o) => o.filter((a) => a !== r));
     }
   };
 };
 export {
-  v as useEntityFormData
+  w as useEntityFormData
 };
 //# sourceMappingURL=useEntityFormData.es.js.map

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

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

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

@@ -1,2 +1,2 @@
-"use strict";require("react");const e=require("react-quill-ayon");require("../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("date-fns");require("../../../containers/Feed/components/ActivityDate.cjs.js");require("lodash");require("react-toastify");require("uuid");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../util/pubsub.cjs.js");require("../../../containers/Feed/context/FeedContext.cjs.js");require("../../../containers/Feed/components/CommentInput/hooks/useMentionLink.cjs.js");e.Quill.import("delta");
+"use strict";require("react");const e=require("react-quill-ayon");require("../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("date-fns");require("../../../containers/Feed/components/ActivityDate.cjs.js");require("lodash");require("react-toastify");require("uuid");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../util/searchTerms.cjs.js");require("../../../util/pubsub.cjs.js");require("../../../containers/Feed/context/FeedContext.cjs.js");require("../../../containers/Feed/components/CommentInput/hooks/useMentionLink.cjs.js");e.Quill.import("delta");
 //# sourceMappingURL=useMentionSystem.cjs.js.map

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

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

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

@@ -7,6 +7,7 @@ import "lodash";
 import "react-toastify";
 import "uuid";
 import "../../../api/queries/users/updateUsers.es.js";
+import "../../../util/searchTerms.es.js";
 import "../../../util/pubsub.es.js";
 import "../../../containers/Feed/context/FeedContext.es.js";
 import "../../../containers/Feed/components/CommentInput/hooks/useMentionLink.es.js";