npm - @ynput/ayon-frontend-shared - Versions diffs - 0.3.42 → 0.3.44 - Mend

@ynput/ayon-frontend-shared 0.3.42 → 0.3.44

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

package/dist/shared/src/containers/ProjectTreeTable/widgets/CommentsWidget.cjs.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/jsx-runtime.cjs.js"),n=require("react"),q=require("styled-components"),s=require("react-markdown"),a=require("remark-gfm"),l=require("@ynput/ayon-react-components");require("../../../components/AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../../components/AccessUser/AccessUser.cjs.js");require("clsx");require("../../../components/AttributeEditor/AttributeEditor.cjs.js");require("../../../components/AttributeEditor/attributeTypeMap.cjs.js");require("../../../components/Badge/Badge.cjs.js");require("../../../components/Chips/Chips.cjs.js");require("react-dom");require("date-fns");require("../../../components/DateRangePicker/DateRangePicker.styled.cjs.js");require("../../../components/LinksManager/CellEditingDialog.cjs.js");require("react-toastify");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/dataImport.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/projectFolders.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../api/queries/config/getConfig.cjs.js");require("../../../api/queries/config/updateConfig.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/products/getFolderProducts.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/tasks/getTasks.cjs.js");require("../../../api/queries/tasks/updateTasks.cjs.js");require("../../../api/queries/teams/getTeams.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/users/guests.cjs.js");require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("../../../api/queries/uris/getUris.cjs.js");require("../../../../../_virtual/index.cjs.js");require("../../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                   */require("lodash");const d=require("../../../util/getEntityTypeIcon.cjs.js");require("uuid");require("../../../util/pubsub.cjs.js");require("../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../../../components/DetailsPanelDetails/BorderedSection.cjs.js");require("../../../components/QuillListStyles/QuillListStyles.cjs.js");require("../../../components/DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("rehype-raw");require("../../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../../components/DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../../Feed/components/CommentInput/modules/index.cjs.js");require("../../../context/RemoteModulesContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("../../../context/PowerpackContextInstance.cjs.js");require("../../../context/UriContext.cjs.js");require("../../../context/DetailsPanelContextInstance.cjs.js");require("../../../context/SubtasksModulesContextInstance.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");require("../../../context/GlobalContext.cjs.js");require("../../../context/ProjectContext.cjs.js");require("../../../context/ProjectFoldersContext.cjs.js");require("react-redux");require("custom-protocol-check");require("../components/GroupSettingsFallback.cjs.js");require("../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../components/DetailsPanelDetails/FieldLabel.cjs.js");const c=require("../../../components/DoneCheckbox/DoneCheckbox.cjs.js");require("../../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                      */require("../../Feed/context/FeedContext.cjs.js");require("../../Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("remark-emoji");require("remark-directive");require("remark-directive-rehype");require("../../Feed/components/CommentInput/CommentInput.cjs.js");require("../../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");const m=require("../../Feed/components/ActivityComment/ActivityMarkdownComponents.cjs.js");require("../../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");const p=require("../../Feed/components/ActivityDate.cjs.js"),x=require("../../../components/UserImage/UserImage.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../Feed/components/ActivityVersionReview/ActivityVersionReview.styled.cjs.js");require("../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../Feed/Feed.styled.cjs.js");require("../../Feed/components/FeedSearchFilter.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("./CollapsedWidget.cjs.js");require("./DateWidget.cjs.js");require("./EnumWidget.cjs.js");require("./EnumCellValue.cjs.js");require("./TextWidget.cjs.js");require("./MarkdownWidget.cjs.js");require("./BooleanWidget.cjs.js");require("./CellWidget.cjs.js");require("./EntityNameWidget.cjs.js");require("./GroupHeaderWidget.cjs.js");require("./ThumbnailWidget.cjs.js");require("./LinksWidget.cjs.js");require("../../../components/LinksManager/LinksManager.styled.cjs.js");require("../context/ProjectTableContext.cjs.js");require("./EmptyWidget.cjs.js");require("./ErrorWidget.cjs.js");require("../context/CellEditingContext.cjs.js");require("../../../components/SearchFilter/filterDates.cjs.js");require("short-uuid");require("../context/SelectionCellsContext.cjs.js");require("../context/ProjectTableQueriesContext.cjs.js");require("../context/ClipboardContext.cjs.js");require("../context/ColumnSettingsContext.cjs.js");require("../context/SelectedRowsContext.cjs.js");require("../context/DetailsPanelEntityContext.cjs.js");require("../components/DeleteConfirmContent.cjs.js");require("../context/ProjectDataContext.cjs.js");require("../ProjectTreeTable.styled.cjs.js");require("../components/SelectionCell.cjs.js");require("../components/RowSelectionHeader.cjs.js");require("./LoadMoreWidget.cjs.js");require("../components/HeaderActionButton.cjs.js");require("../components/TableFooterRow.cjs.js");require("../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../Slicer/components/Slicer.cjs.js");require("../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../Views/context/ViewsContextInstance.cjs.js");require("../../Views/Views.styled.cjs.js");require("../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../Slicer/context/SlicerContextInstance.cjs.js");require("../../Slicer/components/SlicerDropdownFallback.cjs.js");require("../../Slicer/hooks/useTableDataBySlice.cjs.js");require("../../DetailsPanel/DetailsPanel.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.cjs.js");require("../../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../Actions/Actions.styled.cjs.js");require("../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../Actions/ActionIcon.cjs.js");require("../../ListTable/ListTableRow.cjs.js");require("../../ListTable/ListTable.styled.cjs.js");require("../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../../components/Feedback/FeedbackContextInstance.cjs.js");require("../../../components/Feedback/SupportBubble.cjs.js");require("../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../components/LegacyBadge/LegacyBadge.cjs.js");require("../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../components/Powerpack/FreeTrialLink.cjs.js");require("../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../components/Powerpack/CTAButton.cjs.js");require("../../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../components/SizeSlider/SizeSlider.cjs.js");require("react-router-dom");require("../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../components/SearchFilter/CustomDateRangeDialog.cjs.js");require("../../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../components/StyledLink/StyledLink.cjs.js");require("../../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../components/VersionUploader/context/VersionUploadContext.cjs.js");require("../../../components/Watchers/Watchers.cjs.js");require("../../../components/Menu/Menu.styled.cjs.js");require("../../../components/Menu/MenuItem.cjs.js");require("../../../components/ReviewablesSelector/ReviewablesSelector.cjs.js");require("../../../components/ColumnHeaderMenuUI.cjs.js");const y=q.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/jsx-runtime.cjs.js"),n=require("react"),q=require("styled-components"),s=require("react-markdown"),a=require("remark-gfm"),l=require("@ynput/ayon-react-components");require("../../../components/AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../../components/AccessUser/AccessUser.cjs.js");require("clsx");require("../../../components/AttributeEditor/AttributeEditor.cjs.js");require("../../../components/AttributeEditor/attributeTypeMap.cjs.js");require("../../../components/Badge/Badge.cjs.js");require("../../../components/Chips/Chips.cjs.js");require("react-dom");require("date-fns");require("../../../components/DateRangePicker/DateRangePicker.styled.cjs.js");require("../../../components/LinksManager/CellEditingDialog.cjs.js");require("react-toastify");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/dataImport.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/projectFolders.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/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");require("../../../../../_virtual/index.cjs.js");require("../../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                   */require("lodash");const d=require("../../../util/getEntityTypeIcon.cjs.js");require("uuid");require("../../../util/pubsub.cjs.js");require("../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../../../components/DetailsPanelDetails/BorderedSection.cjs.js");require("../../../components/QuillListStyles/QuillListStyles.cjs.js");require("../../../components/DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("rehype-raw");require("../../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../../components/DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../../Feed/components/CommentInput/modules/index.cjs.js");require("../../../context/RemoteModulesContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("../../../context/PowerpackContextInstance.cjs.js");require("../../../context/UriContext.cjs.js");require("../../../context/DetailsPanelContextInstance.cjs.js");require("../../../context/SubtasksModulesContextInstance.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");require("../../../context/GlobalContext.cjs.js");require("../../../context/ProjectContext.cjs.js");require("../../../context/ProjectFoldersContextInstance.cjs.js");require("react-redux");require("custom-protocol-check");require("../components/GroupSettingsFallback.cjs.js");require("../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../components/DetailsPanelDetails/FieldLabel.cjs.js");const c=require("../../../components/DoneCheckbox/DoneCheckbox.cjs.js");require("../../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../../components/InfoMessage/InfoMessage.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                      */require("../../Feed/context/FeedContext.cjs.js");require("../../Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("remark-emoji");require("remark-directive");require("remark-directive-rehype");require("../../Feed/components/CommentInput/CommentInput.cjs.js");require("../../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");const m=require("../../Feed/components/ActivityComment/ActivityMarkdownComponents.cjs.js");require("../../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");const p=require("../../Feed/components/ActivityDate.cjs.js"),x=require("../../../components/UserImage/UserImage.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../Feed/components/ActivityVersionReview/ActivityVersionReview.styled.cjs.js");require("../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../Feed/Feed.styled.cjs.js");require("../../Feed/components/FeedSearchFilter.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("./CollapsedWidget.cjs.js");require("./DateWidget.cjs.js");require("./EnumWidget.cjs.js");require("./EnumCellValue.cjs.js");require("./TextWidget.cjs.js");require("./MarkdownWidget.cjs.js");require("./BooleanWidget.cjs.js");require("./CellWidget.cjs.js");require("./EntityNameWidget.cjs.js");require("./GroupHeaderWidget.cjs.js");require("./ThumbnailWidget.cjs.js");require("./LinksWidget.cjs.js");require("../../../components/LinksManager/LinksManager.styled.cjs.js");require("short-uuid");require("../../../components/SearchFilter/filterDates.cjs.js");require("../context/CellEditingContext.cjs.js");require("../context/SelectionCellsContext.cjs.js");require("../context/ProjectTableQueriesContext.cjs.js");require("../context/ClipboardContext.cjs.js");require("../context/ColumnSettingsContext.cjs.js");require("../context/SelectedRowsContext.cjs.js");require("../context/DetailsPanelEntityContext.cjs.js");require("../components/DeleteConfirmContent.cjs.js");require("../context/ProjectDataContextInstance.cjs.js");require("../context/ProjectTableContextInstance.cjs.js");require("./EmptyWidget.cjs.js");require("./ErrorWidget.cjs.js");require("../ProjectTreeTable.styled.cjs.js");require("../components/SelectionCell.cjs.js");require("../components/RowSelectionHeader.cjs.js");require("./LoadMoreWidget.cjs.js");require("../components/HeaderActionButton.cjs.js");require("../components/TableFooterRow.cjs.js");require("../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../Slicer/components/Slicer.cjs.js");require("../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../Views/context/ViewsContextInstance.cjs.js");require("../../Views/Views.styled.cjs.js");require("../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../Slicer/context/SlicerContextInstance.cjs.js");require("../../Slicer/components/SlicerDropdownFallback.cjs.js");require("../../Slicer/hooks/useTableDataBySlice.cjs.js");require("../../DetailsPanel/DetailsPanel.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.cjs.js");require("../../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../Actions/Actions.styled.cjs.js");require("../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../Actions/ActionIcon.cjs.js");require("../../ListTable/ListTableRow.cjs.js");require("../../ListTable/ListTable.styled.cjs.js");require("../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../../components/Feedback/FeedbackContextInstance.cjs.js");require("../../../components/Feedback/SupportBubble.cjs.js");require("../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../components/LegacyBadge/LegacyBadge.cjs.js");require("../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../components/Powerpack/FreeTrialLink.cjs.js");require("../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../components/Powerpack/CTAButton.cjs.js");require("../../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../components/SizeSlider/SizeSlider.cjs.js");require("react-router-dom");require("../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../components/SearchFilter/CustomDateRangeDialog.cjs.js");require("../../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../components/StyledLink/StyledLink.cjs.js");require("../../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../components/VersionUploader/context/VersionUploadContextInstance.cjs.js");require("../../../components/Watchers/Watchers.cjs.js");require("../../../components/Menu/Menu.styled.cjs.js");require("../../../components/Menu/MenuItem.cjs.js");require("../../../components/ReviewablesSelector/ReviewablesSelector.cjs.js");require("../../../components/ColumnHeaderMenuUI.cjs.js");const y=q.div`
   display: flex;
   flex-direction: column;
   gap: 0;

package/dist/shared/src/containers/ProjectTreeTable/widgets/CommentsWidget.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CommentsWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/CommentsWidget.tsx"],"sourcesContent":["import { FC, memo, ReactNode } from 'react'\nimport styled from 'styled-components'\nimport ReactMarkdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { DoneCheckbox, UserImage } from '@shared/components'\nimport { type EntityComment } from '@shared/api'\nimport { allowedRefTypes } from '@shared/containers/Feed/components/ActivityComment/ActivityMarkdownComponents'\nimport { getFuzzyDate } from '@shared/containers/Feed/components/ActivityDate'\nimport { getEntityTypeIcon } from '@shared/util'\nimport { WidgetBaseProps } from './CellWidget'\n\nconst CommentsList = styled.div`\n display: flex;\n flex-direction: column;\n gap: 0;\n width: 100%;\n max-height: 100%;\n overflow: hidden;\n`\n\nconst CommentRow = styled.div`\n display: flex;\n align-items: flex-start;\n gap: 4px;\n min-width: 0;\n line-height: 18px;\n\n .author {\n flex-shrink: 0;\n display: inline-flex;\n }\n\n /* preserve the comment's own line breaks (collapsing them makes feedback unreadable) /\n .body {\n flex: 1;\n min-width: 0;\n overflow-wrap: anywhere;\n }\n\n .body p,\n .body ul,\n .body ol,\n .body h1,\n .body h2,\n .body h3,\n .body h4,\n .body h5,\n .body h6 {\n margin: 0;\n font-size: 1em;\n }\n\n .body h1,\n .body h2,\n .body h3,\n .body h4,\n .body h5,\n .body h6 {\n font-weight: 700;\n }\n\n .body ul,\n .body ol {\n padding-left: 1.2em;\n }\n\n .body ul.contains-task-list,\n .body .task-list-item {\n padding-left: 0;\n list-style: none;\n }\n\n .body code {\n background-color: var(--md-sys-color-surface-container-high);\n border-radius: var(--border-radius-m);\n padding: 0 2px;\n font-size: 0.85em;\n }\n`\n\nconst Mention = styled.span`\n display: inline-flex;\n align-items: center;\n gap: 2px;\n vertical-align: bottom;\n color: var(--md-sys-color-primary);\n background-color: var(--md-sys-color-surface-container-high);\n border-radius: var(--border-radius-m);\n padding: 0 4px 0 2px;\n\n .icon {\n font-size: 14px;\n color: var(--md-sys-color-primary);\n }\n`\n\nconst mentionIcon = (type: string) =>\n type === 'user' ? 'alternate_email' : type === 'team' ? 'group' : getEntityTypeIcon(type, 'link')\n\nconst markdownComponents = {\n hr: () => null,\n img: () => null,\n input: ({ checked }: { checked?: boolean }) => (\n <DoneCheckbox\n checked={!!checked}\n isReadOnly\n style={{ fontSize: 16, verticalAlign: 'text-bottom', display: 'inline-block' }}\n />\n ),\n a: ({ href, children }: { href?: string; children?: ReactNode }) => {\n const [type, id] = href?.split(':') ?? []\n if (type && id && allowedRefTypes.includes(type)) {\n const label = String(children ?? '').replace('@', '')\n return (\n <Mention>\n <Icon icon={mentionIcon(type)} />\n {label}\n </Mention>\n )\n }\n return <span>{children}</span>\n },\n}\n\n// Quill stores line breaks as literal <br>; react-markdown drops raw HTML, so\n// turn them into CommonMark hard breaks (rendered natively, no raw-HTML plugin).\nconst normalizeBreaks = (body: string) => body.replace(/<br\\s\\/?>/gi, ' \\n')\n\nconst CommentBody = memo(({ body }: { body: string }) => (\n <div className=\"body\">\n <ReactMarkdown\n remarkPlugins={[remarkGfm]}\n urlTransform={(url) => url}\n components={markdownComponents}\n >\n {normalizeBreaks(body)}\n </ReactMarkdown>\n </div>\n))\n\nconst commentTooltip = (comment: EntityComment) => {\n const date = comment.createdAt ? getFuzzyDate(new Date(comment.createdAt)) : ''\n return [comment.author, date].filter(Boolean).join(' • ')\n}\n\nexport interface CommentsWidgetProps extends WidgetBaseProps {\n value?: EntityComment[]\n}\n\nexport const CommentsWidget: FC<CommentsWidgetProps> = ({ value }) => {\n const comments = value \|\| []\n if (!comments.length) return null\n\n return (\n <CommentsList className=\"comments-list\">\n {comments.map((comment) => (\n <CommentRow key={comment.activityId}>\n <span className=\"author\" data-tooltip={commentTooltip(comment)} data-tooltip-delay={0}>\n <UserImage name={comment.author \|\| ''} size={18} />\n </span>\n <CommentBody body={comment.body} />\n </CommentRow>\n ))}\n </CommentsList>\n )\n}\n"],"names":["CommentsList","styled","CommentRow","Mention","mentionIcon","type","getEntityTypeIcon","markdownComponents","checked","jsx","DoneCheckbox","href","children","id","allowedRefTypes","label","Icon","normalizeBreaks","body","CommentBody","memo","ReactMarkdown","remarkGfm","url","commentTooltip","comment","date","getFuzzyDate","CommentsWidget","value","comments","jsxs","UserImage"],"mappings":"~~ixhBAYA~~,MAAMA,EAAeC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAStBC,EAAaD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA4DpBE,EAAUF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBjBG,EAAeC,GACnBA,IAAS,OAAS,kBAAoBA,IAAS,OAAS,QAAUC,oBAAkBD,EAAM,MAAM,EAE5FE,EAAqB,CACzB,GAAI,IAAM,KACV,IAAK,IAAM,KACX,MAAO,CAAC,CAAE,QAAAC,CAAA,IACRC,EAAAA,kBAAAA,IAACC,EAAAA,aAAA,CACC,QAAS,CAAC,CAACF,EACX,WAAU,GACV,MAAO,CAAE,SAAU,GAAI,cAAe,cAAe,QAAS,cAAA,CAAe,CAAA,EAGjF,EAAG,CAAC,CAAE,KAAAG,EAAM,SAAAC,KAAwD,CAClE,KAAM,CAACP,EAAMQ,CAAE,EAAIF,GAAM,MAAM,GAAG,GAAK,CAAA,EACvC,GAAIN,GAAQQ,GAAMC,EAAAA,gBAAgB,SAAST,CAAI,EAAG,CAChD,MAAMU,EAAQ,OAAOH,GAAY,EAAE,EAAE,QAAQ,IAAK,EAAE,EACpD,gCACGT,EAAA,CACC,SAAA,CAAAM,EAAAA,kBAAAA,IAACO,EAAAA,KAAA,CAAK,KAAMZ,EAAYC,CAAI,CAAA,CAAG,EAC9BU,CAAA,EACH,CAEJ,CACA,OAAON,wBAAC,QAAM,SAAAG,EAAS,CACzB,CACF,EAIMK,EAAmBC,GAAiBA,EAAK,QAAQ,eAAgB;AAAA,CAAM,EAEvEC,EAAcC,EAAAA,KAAK,CAAC,CAAE,KAAAF,KAC1BT,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,OACb,SAAAA,EAAAA,kBAAAA,IAACY,EAAA,CACC,cAAe,CAACC,CAAS,EACzB,aAAeC,GAAQA,EACvB,WAAYhB,EAEX,WAAgBW,CAAI,CAAA,CACvB,CAAA,CACF,CACD,EAEKM,EAAkBC,GAA2B,CACjD,MAAMC,EAAOD,EAAQ,UAAYE,EAAAA,aAAa,IAAI,KAAKF,EAAQ,SAAS,CAAC,EAAI,GAC7E,MAAO,CAACA,EAAQ,OAAQC,CAAI,EAAE,OAAO,OAAO,EAAE,KAAK,KAAK,CAC1D,EAMaE,EAA0C,CAAC,CAAE,MAAAC,KAAY,CACpE,MAAMC,EAAWD,GAAS,CAAA,EAC1B,OAAKC,EAAS,OAGZrB,EAAAA,kBAAAA,IAACT,GAAa,UAAU,gBACrB,WAAS,IAAKyB,GACbM,EAAAA,kBAAAA,KAAC7B,EAAA,CACC,SAAA,CAAAO,wBAAC,QAAK,UAAU,SAAS,eAAce,EAAeC,CAAO,EAAG,qBAAoB,EAClF,SAAAhB,wBAACuB,EAAAA,WAAU,KAAMP,EAAQ,QAAU,GAAI,KAAM,GAAI,EACnD,EACAhB,EAAAA,kBAAAA,IAACU,EAAA,CAAY,KAAMM,EAAQ,IAAA,CAAM,CAAA,CAAA,EAJlBA,EAAQ,UAKzB,CACD,EACH,EAZ2B,IAc/B"}
1	+ {"version":3,"file":"CommentsWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/CommentsWidget.tsx"],"sourcesContent":["import { FC, memo, ReactNode } from 'react'\nimport styled from 'styled-components'\nimport ReactMarkdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { DoneCheckbox, UserImage } from '@shared/components'\nimport { type EntityComment } from '@shared/api'\nimport { allowedRefTypes } from '@shared/containers/Feed/components/ActivityComment/ActivityMarkdownComponents'\nimport { getFuzzyDate } from '@shared/containers/Feed/components/ActivityDate'\nimport { getEntityTypeIcon } from '@shared/util'\nimport { WidgetBaseProps } from './CellWidget'\n\nconst CommentsList = styled.div`\n display: flex;\n flex-direction: column;\n gap: 0;\n width: 100%;\n max-height: 100%;\n overflow: hidden;\n`\n\nconst CommentRow = styled.div`\n display: flex;\n align-items: flex-start;\n gap: 4px;\n min-width: 0;\n line-height: 18px;\n\n .author {\n flex-shrink: 0;\n display: inline-flex;\n }\n\n /* preserve the comment's own line breaks (collapsing them makes feedback unreadable) /\n .body {\n flex: 1;\n min-width: 0;\n overflow-wrap: anywhere;\n }\n\n .body p,\n .body ul,\n .body ol,\n .body h1,\n .body h2,\n .body h3,\n .body h4,\n .body h5,\n .body h6 {\n margin: 0;\n font-size: 1em;\n }\n\n .body h1,\n .body h2,\n .body h3,\n .body h4,\n .body h5,\n .body h6 {\n font-weight: 700;\n }\n\n .body ul,\n .body ol {\n padding-left: 1.2em;\n }\n\n .body ul.contains-task-list,\n .body .task-list-item {\n padding-left: 0;\n list-style: none;\n }\n\n .body code {\n background-color: var(--md-sys-color-surface-container-high);\n border-radius: var(--border-radius-m);\n padding: 0 2px;\n font-size: 0.85em;\n }\n`\n\nconst Mention = styled.span`\n display: inline-flex;\n align-items: center;\n gap: 2px;\n vertical-align: bottom;\n color: var(--md-sys-color-primary);\n background-color: var(--md-sys-color-surface-container-high);\n border-radius: var(--border-radius-m);\n padding: 0 4px 0 2px;\n\n .icon {\n font-size: 14px;\n color: var(--md-sys-color-primary);\n }\n`\n\nconst mentionIcon = (type: string) =>\n type === 'user' ? 'alternate_email' : type === 'team' ? 'group' : getEntityTypeIcon(type, 'link')\n\nconst markdownComponents = {\n hr: () => null,\n img: () => null,\n input: ({ checked }: { checked?: boolean }) => (\n <DoneCheckbox\n checked={!!checked}\n isReadOnly\n style={{ fontSize: 16, verticalAlign: 'text-bottom', display: 'inline-block' }}\n />\n ),\n a: ({ href, children }: { href?: string; children?: ReactNode }) => {\n const [type, id] = href?.split(':') ?? []\n if (type && id && allowedRefTypes.includes(type)) {\n const label = String(children ?? '').replace('@', '')\n return (\n <Mention>\n <Icon icon={mentionIcon(type)} />\n {label}\n </Mention>\n )\n }\n return <span>{children}</span>\n },\n}\n\n// Quill stores line breaks as literal <br>; react-markdown drops raw HTML, so\n// turn them into CommonMark hard breaks (rendered natively, no raw-HTML plugin).\nconst normalizeBreaks = (body: string) => body.replace(/<br\\s\\/?>/gi, ' \\n')\n\nconst CommentBody = memo(({ body }: { body: string }) => (\n <div className=\"body\">\n <ReactMarkdown\n remarkPlugins={[remarkGfm]}\n urlTransform={(url) => url}\n components={markdownComponents}\n >\n {normalizeBreaks(body)}\n </ReactMarkdown>\n </div>\n))\n\nconst commentTooltip = (comment: EntityComment) => {\n const date = comment.createdAt ? getFuzzyDate(new Date(comment.createdAt)) : ''\n return [comment.author, date].filter(Boolean).join(' • ')\n}\n\nexport interface CommentsWidgetProps extends WidgetBaseProps {\n value?: EntityComment[]\n}\n\nexport const CommentsWidget: FC<CommentsWidgetProps> = ({ value }) => {\n const comments = value \|\| []\n if (!comments.length) return null\n\n return (\n <CommentsList className=\"comments-list\">\n {comments.map((comment) => (\n <CommentRow key={comment.activityId}>\n <span className=\"author\" data-tooltip={commentTooltip(comment)} data-tooltip-delay={0}>\n <UserImage name={comment.author \|\| ''} size={18} />\n </span>\n <CommentBody body={comment.body} />\n </CommentRow>\n ))}\n </CommentsList>\n )\n}\n"],"names":["CommentsList","styled","CommentRow","Mention","mentionIcon","type","getEntityTypeIcon","markdownComponents","checked","jsx","DoneCheckbox","href","children","id","allowedRefTypes","label","Icon","normalizeBreaks","body","CommentBody","memo","ReactMarkdown","remarkGfm","url","commentTooltip","comment","date","getFuzzyDate","CommentsWidget","value","comments","jsxs","UserImage"],"mappings":"k+hBAYA,MAAMA,EAAeC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAStBC,EAAaD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA4DpBE,EAAUF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBjBG,EAAeC,GACnBA,IAAS,OAAS,kBAAoBA,IAAS,OAAS,QAAUC,oBAAkBD,EAAM,MAAM,EAE5FE,EAAqB,CACzB,GAAI,IAAM,KACV,IAAK,IAAM,KACX,MAAO,CAAC,CAAE,QAAAC,CAAA,IACRC,EAAAA,kBAAAA,IAACC,EAAAA,aAAA,CACC,QAAS,CAAC,CAACF,EACX,WAAU,GACV,MAAO,CAAE,SAAU,GAAI,cAAe,cAAe,QAAS,cAAA,CAAe,CAAA,EAGjF,EAAG,CAAC,CAAE,KAAAG,EAAM,SAAAC,KAAwD,CAClE,KAAM,CAACP,EAAMQ,CAAE,EAAIF,GAAM,MAAM,GAAG,GAAK,CAAA,EACvC,GAAIN,GAAQQ,GAAMC,EAAAA,gBAAgB,SAAST,CAAI,EAAG,CAChD,MAAMU,EAAQ,OAAOH,GAAY,EAAE,EAAE,QAAQ,IAAK,EAAE,EACpD,gCACGT,EAAA,CACC,SAAA,CAAAM,EAAAA,kBAAAA,IAACO,EAAAA,KAAA,CAAK,KAAMZ,EAAYC,CAAI,CAAA,CAAG,EAC9BU,CAAA,EACH,CAEJ,CACA,OAAON,wBAAC,QAAM,SAAAG,EAAS,CACzB,CACF,EAIMK,EAAmBC,GAAiBA,EAAK,QAAQ,eAAgB;AAAA,CAAM,EAEvEC,EAAcC,EAAAA,KAAK,CAAC,CAAE,KAAAF,KAC1BT,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,OACb,SAAAA,EAAAA,kBAAAA,IAACY,EAAA,CACC,cAAe,CAACC,CAAS,EACzB,aAAeC,GAAQA,EACvB,WAAYhB,EAEX,WAAgBW,CAAI,CAAA,CACvB,CAAA,CACF,CACD,EAEKM,EAAkBC,GAA2B,CACjD,MAAMC,EAAOD,EAAQ,UAAYE,EAAAA,aAAa,IAAI,KAAKF,EAAQ,SAAS,CAAC,EAAI,GAC7E,MAAO,CAACA,EAAQ,OAAQC,CAAI,EAAE,OAAO,OAAO,EAAE,KAAK,KAAK,CAC1D,EAMaE,EAA0C,CAAC,CAAE,MAAAC,KAAY,CACpE,MAAMC,EAAWD,GAAS,CAAA,EAC1B,OAAKC,EAAS,OAGZrB,EAAAA,kBAAAA,IAACT,GAAa,UAAU,gBACrB,WAAS,IAAKyB,GACbM,EAAAA,kBAAAA,KAAC7B,EAAA,CACC,SAAA,CAAAO,wBAAC,QAAK,UAAU,SAAS,eAAce,EAAeC,CAAO,EAAG,qBAAoB,EAClF,SAAAhB,wBAACuB,EAAAA,WAAU,KAAMP,EAAQ,QAAU,GAAI,KAAM,GAAI,EACnD,EACAhB,EAAAA,kBAAAA,IAACU,EAAA,CAAY,KAAMM,EAAQ,IAAA,CAAM,CAAA,CAAA,EAJlBA,EAAQ,UAKzB,CACD,EACH,EAZ2B,IAc/B"}

package/dist/shared/src/containers/ProjectTreeTable/widgets/CommentsWidget.es.js CHANGED Viewed

@@ -60,7 +60,6 @@ import "../../../api/generated/grouping.es.js";
 import "../../../api/generated/views.es.js";
 import "../../../api/queries/actions/getActions.es.js";
 import "../../../api/queries/activities/getActivities.es.js";
-import "../../../api/queries/activities/updateActivities.es.js";
 import "../../../api/queries/activities/updateReaction.es.js";
 import "../../../api/queries/activities/getMentions.es.js";
 import "../../../api/queries/activities/getCategories.es.js";
@@ -69,8 +68,11 @@ import "../../../api/queries/addons/updateAddons.es.js";
 import "../../../api/queries/attributes/getAttributes.es.js";
 import "../../../api/queries/attributes/updateAttributes.es.js";
 import "../../../api/queries/authentication/getAuthentication.es.js";
+import "../../../api/queries/bundles/getBundles.es.js";
+import "../../../api/queries/bundles/updateBundles.es.js";
 import "../../../api/queries/cloud/cloud.es.js";
 import "../../../api/queries/columnStats/metricTargets.es.js";
+import "../../../api/queries/columnStats/groupCounts.es.js";
 import "../../../api/queries/config/getConfig.es.js";
 import "../../../api/queries/config/updateConfig.es.js";
 import "../../../api/queries/entities/getEntity.es.js";
@@ -149,7 +151,7 @@ import "../../../context/MenuContext.es.js";
 import "../../../context/WebsocketContext.es.js";
 import "../../../context/GlobalContext.es.js";
 import "../../../context/ProjectContext.es.js";
-import "../../../context/ProjectFoldersContext.es.js";
+import "../../../context/ProjectFoldersContextInstance.es.js";
 import "react-redux";
 import "custom-protocol-check";
 import "../components/GroupSettingsFallback.es.js";
@@ -159,6 +161,7 @@ import { DoneCheckbox as c } from "../../../components/DoneCheckbox/DoneCheckbox
 import "../../../components/EarlyPreview/EarlyPreview.es.js";
 import "../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
 import "../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
+import "../../../components/InfoMessage/InfoMessage.es.js";
 import "@dnd-kit/core";
 import "@dnd-kit/sortable";
 import "../../../components/EnumEditor/EnumEditor.styled.es.js";
@@ -210,12 +213,9 @@ import "./GroupHeaderWidget.es.js";
 import "./ThumbnailWidget.es.js";
 import "./LinksWidget.es.js";
 import "../../../components/LinksManager/LinksManager.styled.es.js";
-import "../context/ProjectTableContext.es.js";
-import "./EmptyWidget.es.js";
-import "./ErrorWidget.es.js";
-import "../context/CellEditingContext.es.js";
-import "../../../components/SearchFilter/filterDates.es.js";
 import "short-uuid";
+import "../../../components/SearchFilter/filterDates.es.js";
+import "../context/CellEditingContext.es.js";
 import "../context/SelectionCellsContext.es.js";
 import "../context/ProjectTableQueriesContext.es.js";
 import "../context/ClipboardContext.es.js";
@@ -223,7 +223,10 @@ import "../context/ColumnSettingsContext.es.js";
 import "../context/SelectedRowsContext.es.js";
 import "../context/DetailsPanelEntityContext.es.js";
 import "../components/DeleteConfirmContent.es.js";
-import "../context/ProjectDataContext.es.js";
+import "../context/ProjectDataContextInstance.es.js";
+import "../context/ProjectTableContextInstance.es.js";
+import "./EmptyWidget.es.js";
+import "./ErrorWidget.es.js";
 import "../ProjectTreeTable.styled.es.js";
 import "../components/SelectionCell.es.js";
 import "../components/RowSelectionHeader.es.js";
@@ -287,7 +290,7 @@ import "../../../components/Thumbnail/Thumbnail.styled.es.js";
 import "../../../components/Thumbnail/StackedThumbnails.es.js";
 import "../../../components/ThumbnailSimple/ThumbnailSimple.es.js";
 import "../../../components/VersionUploader/components/UploadVersionDialog.es.js";
-import "../../../components/VersionUploader/context/VersionUploadContext.es.js";
+import "../../../components/VersionUploader/context/VersionUploadContextInstance.es.js";
 import "../../../components/Watchers/Watchers.es.js";
 import "../../../components/Menu/Menu.styled.es.js";
 import "../../../components/Menu/MenuItem.es.js";
@@ -406,7 +409,7 @@ const f = m.div`
 ) })), w = (o) => {
   const t = o.createdAt ? h(new Date(o.createdAt)) : "";
   return [o.author, t].filter(Boolean).join(" • ");
-}, Xm = ({ value: o }) => {
+}, $m = ({ value: o }) => {
   const t = o || [];
   return t.length ? /* @__PURE__ */ r.jsx(f, { className: "comments-list", children: t.map((i) => /* @__PURE__ */ r.jsxs(u, { children: [
     /* @__PURE__ */ r.jsx("span", { className: "author", "data-tooltip": w(i), "data-tooltip-delay": 0, children: /* @__PURE__ */ r.jsx(b, { name: i.author || "", size: 18 }) }),
@@ -414,6 +417,6 @@ const f = m.div`
   ] }, i.activityId)) }) : null;
 };
 export {
-  Xm as CommentsWidget
+  $m as CommentsWidget
 };
 //# sourceMappingURL=CommentsWidget.es.js.map

package/dist/shared/src/containers/ProjectTreeTable/widgets/CommentsWidget.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CommentsWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/CommentsWidget.tsx"],"sourcesContent":["import { FC, memo, ReactNode } from 'react'\nimport styled from 'styled-components'\nimport ReactMarkdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { DoneCheckbox, UserImage } from '@shared/components'\nimport { type EntityComment } from '@shared/api'\nimport { allowedRefTypes } from '@shared/containers/Feed/components/ActivityComment/ActivityMarkdownComponents'\nimport { getFuzzyDate } from '@shared/containers/Feed/components/ActivityDate'\nimport { getEntityTypeIcon } from '@shared/util'\nimport { WidgetBaseProps } from './CellWidget'\n\nconst CommentsList = styled.div`\n display: flex;\n flex-direction: column;\n gap: 0;\n width: 100%;\n max-height: 100%;\n overflow: hidden;\n`\n\nconst CommentRow = styled.div`\n display: flex;\n align-items: flex-start;\n gap: 4px;\n min-width: 0;\n line-height: 18px;\n\n .author {\n flex-shrink: 0;\n display: inline-flex;\n }\n\n /* preserve the comment's own line breaks (collapsing them makes feedback unreadable) /\n .body {\n flex: 1;\n min-width: 0;\n overflow-wrap: anywhere;\n }\n\n .body p,\n .body ul,\n .body ol,\n .body h1,\n .body h2,\n .body h3,\n .body h4,\n .body h5,\n .body h6 {\n margin: 0;\n font-size: 1em;\n }\n\n .body h1,\n .body h2,\n .body h3,\n .body h4,\n .body h5,\n .body h6 {\n font-weight: 700;\n }\n\n .body ul,\n .body ol {\n padding-left: 1.2em;\n }\n\n .body ul.contains-task-list,\n .body .task-list-item {\n padding-left: 0;\n list-style: none;\n }\n\n .body code {\n background-color: var(--md-sys-color-surface-container-high);\n border-radius: var(--border-radius-m);\n padding: 0 2px;\n font-size: 0.85em;\n }\n`\n\nconst Mention = styled.span`\n display: inline-flex;\n align-items: center;\n gap: 2px;\n vertical-align: bottom;\n color: var(--md-sys-color-primary);\n background-color: var(--md-sys-color-surface-container-high);\n border-radius: var(--border-radius-m);\n padding: 0 4px 0 2px;\n\n .icon {\n font-size: 14px;\n color: var(--md-sys-color-primary);\n }\n`\n\nconst mentionIcon = (type: string) =>\n type === 'user' ? 'alternate_email' : type === 'team' ? 'group' : getEntityTypeIcon(type, 'link')\n\nconst markdownComponents = {\n hr: () => null,\n img: () => null,\n input: ({ checked }: { checked?: boolean }) => (\n <DoneCheckbox\n checked={!!checked}\n isReadOnly\n style={{ fontSize: 16, verticalAlign: 'text-bottom', display: 'inline-block' }}\n />\n ),\n a: ({ href, children }: { href?: string; children?: ReactNode }) => {\n const [type, id] = href?.split(':') ?? []\n if (type && id && allowedRefTypes.includes(type)) {\n const label = String(children ?? '').replace('@', '')\n return (\n <Mention>\n <Icon icon={mentionIcon(type)} />\n {label}\n </Mention>\n )\n }\n return <span>{children}</span>\n },\n}\n\n// Quill stores line breaks as literal <br>; react-markdown drops raw HTML, so\n// turn them into CommonMark hard breaks (rendered natively, no raw-HTML plugin).\nconst normalizeBreaks = (body: string) => body.replace(/<br\\s\\/?>/gi, ' \\n')\n\nconst CommentBody = memo(({ body }: { body: string }) => (\n <div className=\"body\">\n <ReactMarkdown\n remarkPlugins={[remarkGfm]}\n urlTransform={(url) => url}\n components={markdownComponents}\n >\n {normalizeBreaks(body)}\n </ReactMarkdown>\n </div>\n))\n\nconst commentTooltip = (comment: EntityComment) => {\n const date = comment.createdAt ? getFuzzyDate(new Date(comment.createdAt)) : ''\n return [comment.author, date].filter(Boolean).join(' • ')\n}\n\nexport interface CommentsWidgetProps extends WidgetBaseProps {\n value?: EntityComment[]\n}\n\nexport const CommentsWidget: FC<CommentsWidgetProps> = ({ value }) => {\n const comments = value \|\| []\n if (!comments.length) return null\n\n return (\n <CommentsList className=\"comments-list\">\n {comments.map((comment) => (\n <CommentRow key={comment.activityId}>\n <span className=\"author\" data-tooltip={commentTooltip(comment)} data-tooltip-delay={0}>\n <UserImage name={comment.author \|\| ''} size={18} />\n </span>\n <CommentBody body={comment.body} />\n </CommentRow>\n ))}\n </CommentsList>\n )\n}\n"],"names":["CommentsList","styled","CommentRow","Mention","mentionIcon","type","getEntityTypeIcon","markdownComponents","checked","jsx","DoneCheckbox","href","children","id","allowedRefTypes","label","Icon","normalizeBreaks","body","CommentBody","memo","ReactMarkdown","remarkGfm","url","commentTooltip","comment","date","getFuzzyDate","CommentsWidget","value","comments","jsxs","UserImage"],"mappings":"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"}
1	+ {"version":3,"file":"CommentsWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/CommentsWidget.tsx"],"sourcesContent":["import { FC, memo, ReactNode } from 'react'\nimport styled from 'styled-components'\nimport ReactMarkdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { DoneCheckbox, UserImage } from '@shared/components'\nimport { type EntityComment } from '@shared/api'\nimport { allowedRefTypes } from '@shared/containers/Feed/components/ActivityComment/ActivityMarkdownComponents'\nimport { getFuzzyDate } from '@shared/containers/Feed/components/ActivityDate'\nimport { getEntityTypeIcon } from '@shared/util'\nimport { WidgetBaseProps } from './CellWidget'\n\nconst CommentsList = styled.div`\n display: flex;\n flex-direction: column;\n gap: 0;\n width: 100%;\n max-height: 100%;\n overflow: hidden;\n`\n\nconst CommentRow = styled.div`\n display: flex;\n align-items: flex-start;\n gap: 4px;\n min-width: 0;\n line-height: 18px;\n\n .author {\n flex-shrink: 0;\n display: inline-flex;\n }\n\n /* preserve the comment's own line breaks (collapsing them makes feedback unreadable) /\n .body {\n flex: 1;\n min-width: 0;\n overflow-wrap: anywhere;\n }\n\n .body p,\n .body ul,\n .body ol,\n .body h1,\n .body h2,\n .body h3,\n .body h4,\n .body h5,\n .body h6 {\n margin: 0;\n font-size: 1em;\n }\n\n .body h1,\n .body h2,\n .body h3,\n .body h4,\n .body h5,\n .body h6 {\n font-weight: 700;\n }\n\n .body ul,\n .body ol {\n padding-left: 1.2em;\n }\n\n .body ul.contains-task-list,\n .body .task-list-item {\n padding-left: 0;\n list-style: none;\n }\n\n .body code {\n background-color: var(--md-sys-color-surface-container-high);\n border-radius: var(--border-radius-m);\n padding: 0 2px;\n font-size: 0.85em;\n }\n`\n\nconst Mention = styled.span`\n display: inline-flex;\n align-items: center;\n gap: 2px;\n vertical-align: bottom;\n color: var(--md-sys-color-primary);\n background-color: var(--md-sys-color-surface-container-high);\n border-radius: var(--border-radius-m);\n padding: 0 4px 0 2px;\n\n .icon {\n font-size: 14px;\n color: var(--md-sys-color-primary);\n }\n`\n\nconst mentionIcon = (type: string) =>\n type === 'user' ? 'alternate_email' : type === 'team' ? 'group' : getEntityTypeIcon(type, 'link')\n\nconst markdownComponents = {\n hr: () => null,\n img: () => null,\n input: ({ checked }: { checked?: boolean }) => (\n <DoneCheckbox\n checked={!!checked}\n isReadOnly\n style={{ fontSize: 16, verticalAlign: 'text-bottom', display: 'inline-block' }}\n />\n ),\n a: ({ href, children }: { href?: string; children?: ReactNode }) => {\n const [type, id] = href?.split(':') ?? []\n if (type && id && allowedRefTypes.includes(type)) {\n const label = String(children ?? '').replace('@', '')\n return (\n <Mention>\n <Icon icon={mentionIcon(type)} />\n {label}\n </Mention>\n )\n }\n return <span>{children}</span>\n },\n}\n\n// Quill stores line breaks as literal <br>; react-markdown drops raw HTML, so\n// turn them into CommonMark hard breaks (rendered natively, no raw-HTML plugin).\nconst normalizeBreaks = (body: string) => body.replace(/<br\\s\\/?>/gi, ' \\n')\n\nconst CommentBody = memo(({ body }: { body: string }) => (\n <div className=\"body\">\n <ReactMarkdown\n remarkPlugins={[remarkGfm]}\n urlTransform={(url) => url}\n components={markdownComponents}\n >\n {normalizeBreaks(body)}\n </ReactMarkdown>\n </div>\n))\n\nconst commentTooltip = (comment: EntityComment) => {\n const date = comment.createdAt ? getFuzzyDate(new Date(comment.createdAt)) : ''\n return [comment.author, date].filter(Boolean).join(' • ')\n}\n\nexport interface CommentsWidgetProps extends WidgetBaseProps {\n value?: EntityComment[]\n}\n\nexport const CommentsWidget: FC<CommentsWidgetProps> = ({ value }) => {\n const comments = value \|\| []\n if (!comments.length) return null\n\n return (\n <CommentsList className=\"comments-list\">\n {comments.map((comment) => (\n <CommentRow key={comment.activityId}>\n <span className=\"author\" data-tooltip={commentTooltip(comment)} data-tooltip-delay={0}>\n <UserImage name={comment.author \|\| ''} size={18} />\n </span>\n <CommentBody body={comment.body} />\n </CommentRow>\n ))}\n </CommentsList>\n )\n}\n"],"names":["CommentsList","styled","CommentRow","Mention","mentionIcon","type","getEntityTypeIcon","markdownComponents","checked","jsx","DoneCheckbox","href","children","id","allowedRefTypes","label","Icon","normalizeBreaks","body","CommentBody","memo","ReactMarkdown","remarkGfm","url","commentTooltip","comment","date","getFuzzyDate","CommentsWidget","value","comments","jsxs","UserImage"],"mappings":"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"}

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

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../../_virtual/jsx-runtime.cjs.js"),o=require("@ynput/ayon-react-components"),t=require("styled-components"),u=t(o.Button)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../../_virtual/jsx-runtime.cjs.js"),r=require("@ynput/ayon-react-components"),t=require("styled-components"),v=t(r.Button)`
   background-color: unset !important;
   padding: 2px !important;
   cursor: pointer;
-`,m=t.div`
+`,j=t.div`
   position: relative;
   display: flex;
   align-items: center;
@@ -10,15 +10,15 @@
   height: 100%;
   width: 100%;
   padding-right: 8px;
-`,h=t.div`
+`,g=t.div`
   width: 100%;
   height: 24px;
   overflow: hidden;
   position: relative;
-`,g=t.div`
+`,y=t.div`
   position: absolute;
   inset: 0;
-`,v=t.div`
+`,b=t.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-large);
@@ -37,13 +37,13 @@
       color: var(--md-sys-color-primary);
     }
   } */
-`,j=t.div`
+`,E=t.div`
   display: flex;
   flex-direction: column;
   overflow: hidden;
   .path {
-    ${o.theme.labelSmall}
+    ${r.theme.labelSmall}
     margin-bottom: -4px;
     color: var(--md-sys-color-outline);
   }
@@ -53,12 +53,12 @@
     white-space: nowrap;
     text-overflow: ellipsis;
   }
-`,y=t.img`
+`,R=t.img`
   width: 24px;
   height: 24px;
   border-radius: 12px;
   object-fit: cover;
-`,b=t.span`
+`,a=t.span`
   color: var(--md-sys-color-outline);
-`,f=({id:d,label:l,name:r,icon:s,img:i,count:w,color:n,isExpanded:a,isEmpty:p,toggleExpanded:c})=>e.jsxRuntimeExports.jsxs(m,{id:d,children:[e.jsxRuntimeExports.jsx(u,{onClick:x=>{x.stopPropagation(),c()},className:"expander",icon:a?"expand_more":"chevron_right"}),e.jsxRuntimeExports.jsx(h,{children:e.jsxRuntimeExports.jsx(g,{children:e.jsxRuntimeExports.jsxs(v,{children:[i&&e.jsxRuntimeExports.jsx(y,{src:i,alt:r,className:"img"}),s&&e.jsxRuntimeExports.jsx(o.Icon,{icon:s,style:{color:n||void 0}}),e.jsxRuntimeExports.jsx(j,{style:{color:n||void 0},children:e.jsxRuntimeExports.jsx("span",{className:"label",children:l||r})}),p&&e.jsxRuntimeExports.jsx(b,{children:"(Empty)"})]})})})]});exports.GroupHeaderWidget=f;
+`,f=({id:p,label:x,name:s,icon:i,img:n,count:o,percentage:d,color:l,isExpanded:c,isEmpty:m,toggleExpanded:u})=>e.jsxRuntimeExports.jsxs(j,{id:p,children:[e.jsxRuntimeExports.jsx(v,{onClick:h=>{h.stopPropagation(),u()},className:"expander",icon:c?"expand_more":"chevron_right"}),e.jsxRuntimeExports.jsx(g,{children:e.jsxRuntimeExports.jsx(y,{children:e.jsxRuntimeExports.jsxs(b,{children:[n&&e.jsxRuntimeExports.jsx(R,{src:n,alt:s,className:"img"}),i&&e.jsxRuntimeExports.jsx(r.Icon,{icon:i,style:{color:l||void 0}}),e.jsxRuntimeExports.jsx(E,{style:{color:l||void 0},children:e.jsxRuntimeExports.jsx("span",{className:"label",children:x||s})}),o!==void 0&&o>0?e.jsxRuntimeExports.jsxs(a,{children:[o,d!==void 0&&` (${d}%)`]}):m?e.jsxRuntimeExports.jsx(a,{children:"(Empty)"}):null]})})})]});exports.GroupHeaderWidget=f;
 //# sourceMappingURL=GroupHeaderWidget.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"GroupHeaderWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/GroupHeaderWidget.tsx"],"sourcesContent":["import { Button, Icon, theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nconst Expander = styled(Button)`\n background-color: unset !important;\n padding: 2px !important;\n cursor: pointer;\n`\n\nconst StyledGroupHeader = styled.div`\n position: relative;\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n height: 100%;\n width: 100%;\n padding-right: 8px;\n`\n\nconst StyledContentWrapper = styled.div`\n width: 100%;\n height: 24px;\n overflow: hidden;\n position: relative;\n`\n\nconst StyledContentAbsolute = styled.div`\n position: absolute;\n inset: 0;\n`\n\nconst StyledContent = styled.div`\n display: flex;\n align-items: center;\n gap: var(--base-gap-large);\n padding: 2px 4px;\n border-radius: var(--border-radius-m);\n cursor: pointer;\n overflow: hidden;\n width: fit-content;\n max-width: 100%;\n height: 100%;\n\n /* &:hover {\n &,\n .icon,\n .path {\n color: var(--md-sys-color-primary);\n }\n } /\n`\n\nconst StyledTextContent = styled.div`\n display: flex;\n flex-direction: column;\n overflow: hidden;\n\n .path {\n ${theme.labelSmall}\n margin-bottom: -4px;\n color: var(--md-sys-color-outline);\n }\n\n span {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n`\n\nconst StyledImg = styled.img`\n width: 24px;\n height: 24px;\n border-radius: 12px;\n object-fit: cover;\n`\n\nconst Count = styled.span`\n color: var(--md-sys-color-outline);\n`\n\ntype GroupHeaderProps = {\n id: string\n label: string\n name: string\n icon?: string \| null\n img?: string \| null\n color?: string \| null\n count?: number\n isExpanded: boolean\n isEmpty?: boolean\n toggleExpanded: () => void\n}\n\nexport const GroupHeaderWidget = ({\n id,\n label,\n name,\n icon,\n img,\n count,\n color,\n isExpanded,\n isEmpty,\n toggleExpanded,\n}: GroupHeaderProps) => {\n return (\n <StyledGroupHeader id={id}>\n <Expander\n onClick={(e) => {\n e.stopPropagation()\n toggleExpanded()\n }}\n className=\"expander\"\n icon={isExpanded ? 'expand_more' : 'chevron_right'}\n />\n <StyledContentWrapper>\n <StyledContentAbsolute>\n <StyledContent>\n {img && <StyledImg src={img} alt={name} className=\"img\" />}\n {icon && <Icon icon={icon} style={{ color: color \|\| undefined }} />}\n <StyledTextContent style={{ color: color \|\| undefined }}>\n <span className=\"label\">{label \|\| name}</span>\n </StyledTextContent>\n {~~/ {~~count ~~===~~ undefined && <Count>{count}~~</Count>}~~ */}\n {isEmpty && <Count>(Empty)</Count>}\n </StyledContent>\n </StyledContentAbsolute>\n </StyledContentWrapper>\n </StyledGroupHeader>\n )\n}\n"],"names":["Expander","styled","Button","StyledGroupHeader","StyledContentWrapper","StyledContentAbsolute","StyledContent","StyledTextContent","theme","StyledImg","Count","GroupHeaderWidget","id","label","name","icon","img","count","color","isExpanded","isEmpty","toggleExpanded","jsxs","jsx","e","Icon"],"mappings":"uNAGMA,EAAWC,EAAOC,QAAM;AAAA;AAAA;AAAA;AAAA,EAMxBC,EAAoBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAU3BG,EAAuBH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAO9BI,EAAwBJ,EAAO;AAAA;AAAA;AAAA,EAK/BK,EAAgBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqBvBM,EAAoBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAM3BO,EAAAA,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYhBC,EAAYR,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAOnBS,EAAQT,EAAO;AAAA;AAAA,~~EAiBRU~~,EAAoB,CAAC,CAChC,GAAAC,EACA,MAAAC,EACA,KAAAC,EACA,KAAAC,EACA,IAAAC,EACA,MAAAC,EACA,MAAAC,EACA,WAAAC,EACA,QAAAC,EACA,eAAAC,CACF,IAEIC,~~yBAACnB~~,GAAkB,GAAAS,EACjB,SAAA,~~CAAAW~~,EAAAA,kBAAAA,~~IAACvB~~,EAAA,CACC,~~QAAUwB~~,GAAM,CACdA,EAAE,gBAAA,EACFH,EAAA,CACF,EACA,UAAU,WACV,KAAMF,EAAa,cAAgB,eAAA,CAAA,EAErCI,EAAAA,kBAAAA,~~IAACnB~~,EAAA,CACC,~~SAAAmB~~,~~wBAAClB~~,EAAA,CACC,kCAACC,EAAA,CACE,SAAA,CAAAU,2BAAQP,EAAA,CAAU,IAAKO,EAAK,IAAKF,EAAM,UAAU,MAAM,EACvDC,~~2BAASU~~,EAAAA,KAAA,CAAK,~~KAAAV~~,EAAY,MAAO,CAAE,~~MAAOG~~,GAAS,MAAA,EAAa,EACjEK,EAAAA,kBAAAA,~~IAAChB~~,EAAA,CAAkB,MAAO,CAAE,~~MAAOW~~,GAAS,MAAA,EAC1C,SAAAK,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,QAAS,~~SAAAV~~,GAASC,EAAK,EACzC,~~EAECM~~,~~GAAWG~~,EAAAA,kBAAAA,~~IAACb~~,EAAA,CAAM,~~SAAA~~,~~SAAA~~,~~CAAO~~,CAAA,~~CAAA~~,~~CAC5B,~~EACF,CAAA,CACF,CAAA,EACF"}
1	+ {"version":3,"file":"GroupHeaderWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/GroupHeaderWidget.tsx"],"sourcesContent":["import { Button, Icon, theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nconst Expander = styled(Button)`\n background-color: unset !important;\n padding: 2px !important;\n cursor: pointer;\n`\n\nconst StyledGroupHeader = styled.div`\n position: relative;\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n height: 100%;\n width: 100%;\n padding-right: 8px;\n`\n\nconst StyledContentWrapper = styled.div`\n width: 100%;\n height: 24px;\n overflow: hidden;\n position: relative;\n`\n\nconst StyledContentAbsolute = styled.div`\n position: absolute;\n inset: 0;\n`\n\nconst StyledContent = styled.div`\n display: flex;\n align-items: center;\n gap: var(--base-gap-large);\n padding: 2px 4px;\n border-radius: var(--border-radius-m);\n cursor: pointer;\n overflow: hidden;\n width: fit-content;\n max-width: 100%;\n height: 100%;\n\n /* &:hover {\n &,\n .icon,\n .path {\n color: var(--md-sys-color-primary);\n }\n } */\n`\n\nconst StyledTextContent = styled.div`\n display: flex;\n flex-direction: column;\n overflow: hidden;\n\n .path {\n ${theme.labelSmall}\n margin-bottom: -4px;\n color: var(--md-sys-color-outline);\n }\n\n span {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n`\n\nconst StyledImg = styled.img`\n width: 24px;\n height: 24px;\n border-radius: 12px;\n object-fit: cover;\n`\n\nconst Count = styled.span`\n color: var(--md-sys-color-outline);\n`\n\ntype GroupHeaderProps = {\n id: string\n label: string\n name: string\n icon?: string \| null\n img?: string \| null\n color?: string \| null\n count?: number\n percentage?: number\n isExpanded: boolean\n isEmpty?: boolean\n toggleExpanded: () => void\n}\n\nexport const GroupHeaderWidget = ({\n id,\n label,\n name,\n icon,\n img,\n count,\n percentage,\n color,\n isExpanded,\n isEmpty,\n toggleExpanded,\n}: GroupHeaderProps) => {\n return (\n <StyledGroupHeader id={id}>\n <Expander\n onClick={(e) => {\n e.stopPropagation()\n toggleExpanded()\n }}\n className=\"expander\"\n icon={isExpanded ? 'expand_more' : 'chevron_right'}\n />\n <StyledContentWrapper>\n <StyledContentAbsolute>\n <StyledContent>\n {img && <StyledImg src={img} alt={name} className=\"img\" />}\n {icon && <Icon icon={icon} style={{ color: color \|\| undefined }} />}\n <StyledTextContent style={{ color: color \|\| undefined }}>\n <span className=\"label\">{label \|\| name}</span>\n </StyledTextContent>\n {count !== undefined && count > 0 ? (\n <Count>\n {count}\n {percentage !== undefined && ` (${percentage}%)`}\n </Count>\n ) : isEmpty ? (\n <Count>(Empty)</Count>\n ) : null}\n </StyledContent>\n </StyledContentAbsolute>\n </StyledContentWrapper>\n </StyledGroupHeader>\n )\n}\n"],"names":["Expander","styled","Button","StyledGroupHeader","StyledContentWrapper","StyledContentAbsolute","StyledContent","StyledTextContent","theme","StyledImg","Count","GroupHeaderWidget","id","label","name","icon","img","count","percentage","color","isExpanded","isEmpty","toggleExpanded","jsxs","jsx","e","Icon"],"mappings":"uNAGMA,EAAWC,EAAOC,QAAM;AAAA;AAAA;AAAA;AAAA,EAMxBC,EAAoBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAU3BG,EAAuBH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAO9BI,EAAwBJ,EAAO;AAAA;AAAA;AAAA,EAK/BK,EAAgBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqBvBM,EAAoBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAM3BO,EAAAA,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYhBC,EAAYR,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAOnBS,EAAQT,EAAO;AAAA;AAAA,EAkBRU,EAAoB,CAAC,CAChC,GAAAC,EACA,MAAAC,EACA,KAAAC,EACA,KAAAC,EACA,IAAAC,EACA,MAAAC,EACA,WAAAC,EACA,MAAAC,EACA,WAAAC,EACA,QAAAC,EACA,eAAAC,CACF,IAEIC,yBAACpB,GAAkB,GAAAS,EACjB,SAAA,CAAAY,EAAAA,kBAAAA,IAACxB,EAAA,CACC,QAAUyB,GAAM,CACdA,EAAE,gBAAA,EACFH,EAAA,CACF,EACA,UAAU,WACV,KAAMF,EAAa,cAAgB,eAAA,CAAA,EAErCI,EAAAA,kBAAAA,IAACpB,EAAA,CACC,SAAAoB,wBAACnB,EAAA,CACC,kCAACC,EAAA,CACE,SAAA,CAAAU,2BAAQP,EAAA,CAAU,IAAKO,EAAK,IAAKF,EAAM,UAAU,MAAM,EACvDC,2BAASW,EAAAA,KAAA,CAAK,KAAAX,EAAY,MAAO,CAAE,MAAOI,GAAS,MAAA,EAAa,EACjEK,EAAAA,kBAAAA,IAACjB,EAAA,CAAkB,MAAO,CAAE,MAAOY,GAAS,MAAA,EAC1C,SAAAK,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,QAAS,SAAAX,GAASC,EAAK,EACzC,EACCG,IAAU,QAAaA,EAAQ,2BAC7BP,EAAA,CACE,SAAA,CAAAO,EACAC,IAAe,QAAa,KAAKA,CAAU,IAAA,CAAA,CAC9C,EACEG,EACFG,EAAAA,kBAAAA,IAACd,EAAA,CAAM,mBAAO,EACZ,IAAA,CAAA,CACN,EACF,CAAA,CACF,CAAA,EACF"}

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

@@ -1,11 +1,11 @@
 import { j as e } from "../../../../../_virtual/jsx-runtime.es.js";
-import { Button as h, theme as x, Icon as m } from "@ynput/ayon-react-components";
+import { Button as v, theme as g, Icon as u } from "@ynput/ayon-react-components";
 import o from "styled-components";
-const v = o(h)`
+const y = o(v)`
   background-color: unset !important;
   padding: 2px !important;
   cursor: pointer;
-`, g = o.div`
+`, f = o.div`
   position: relative;
   display: flex;
   align-items: center;
@@ -13,15 +13,15 @@ const v = o(h)`
   height: 100%;
   width: 100%;
   padding-right: 8px;
-`, u = o.div`
+`, j = o.div`
   width: 100%;
   height: 24px;
   overflow: hidden;
   position: relative;
-`, y = o.div`
+`, b = o.div`
   position: absolute;
   inset: 0;
-`, f = o.div`
+`, w = o.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-large);
@@ -40,13 +40,13 @@ const v = o(h)`
       color: var(--md-sys-color-primary);
     }
   } */
-`, j = o.div`
+`, S = o.div`
   display: flex;
   flex-direction: column;
   overflow: hidden;
   .path {
-    ${x.labelSmall}
+    ${g.labelSmall}
     margin-bottom: -4px;
     color: var(--md-sys-color-outline);
   }
@@ -56,43 +56,47 @@ const v = o(h)`
     white-space: nowrap;
     text-overflow: ellipsis;
   }
-`, b = o.img`
+`, C = o.img`
   width: 24px;
   height: 24px;
   border-radius: 12px;
   object-fit: cover;
-`, w = o.span`
+`, d = o.span`
   color: var(--md-sys-color-outline);
-`, k = ({
-  id: s,
-  label: l,
-  name: t,
-  icon: r,
-  img: i,
-  count: S,
-  color: n,
-  isExpanded: d,
-  isEmpty: a,
-  toggleExpanded: p
-}) => /* @__PURE__ */ e.jsxs(g, { id: s, children: [
+`, G = ({
+  id: a,
+  label: p,
+  name: r,
+  icon: i,
+  img: s,
+  count: t,
+  percentage: n,
+  color: l,
+  isExpanded: c,
+  isEmpty: h,
+  toggleExpanded: x
+}) => /* @__PURE__ */ e.jsxs(f, { id: a, children: [
   /* @__PURE__ */ e.jsx(
-    v,
+    y,
     {
-      onClick: (c) => {
-        c.stopPropagation(), p();
+      onClick: (m) => {
+        m.stopPropagation(), x();
       },
       className: "expander",
-      icon: d ? "expand_more" : "chevron_right"
+      icon: c ? "expand_more" : "chevron_right"
     }
   ),
-  /* @__PURE__ */ e.jsx(u, { children: /* @__PURE__ */ e.jsx(y, { children: /* @__PURE__ */ e.jsxs(f, { children: [
-    i && /* @__PURE__ */ e.jsx(b, { src: i, alt: t, className: "img" }),
-    r && /* @__PURE__ */ e.jsx(m, { icon: r, style: { color: n || void 0 } }),
-    /* @__PURE__ */ e.jsx(j, { style: { color: n || void 0 }, children: /* @__PURE__ */ e.jsx("span", { className: "label", children: l || t }) }),
-    a && /* @__PURE__ */ e.jsx(w, { children: "(Empty)" })
+  /* @__PURE__ */ e.jsx(j, { children: /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsxs(w, { children: [
+    s && /* @__PURE__ */ e.jsx(C, { src: s, alt: r, className: "img" }),
+    i && /* @__PURE__ */ e.jsx(u, { icon: i, style: { color: l || void 0 } }),
+    /* @__PURE__ */ e.jsx(S, { style: { color: l || void 0 }, children: /* @__PURE__ */ e.jsx("span", { className: "label", children: p || r }) }),
+    t !== void 0 && t > 0 ? /* @__PURE__ */ e.jsxs(d, { children: [
+      t,
+      n !== void 0 && ` (${n}%)`
+    ] }) : h ? /* @__PURE__ */ e.jsx(d, { children: "(Empty)" }) : null
   ] }) }) })
 ] });
 export {
-  k as GroupHeaderWidget
+  G as GroupHeaderWidget
 };
 //# sourceMappingURL=GroupHeaderWidget.es.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"GroupHeaderWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/GroupHeaderWidget.tsx"],"sourcesContent":["import { Button, Icon, theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nconst Expander = styled(Button)`\n background-color: unset !important;\n padding: 2px !important;\n cursor: pointer;\n`\n\nconst StyledGroupHeader = styled.div`\n position: relative;\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n height: 100%;\n width: 100%;\n padding-right: 8px;\n`\n\nconst StyledContentWrapper = styled.div`\n width: 100%;\n height: 24px;\n overflow: hidden;\n position: relative;\n`\n\nconst StyledContentAbsolute = styled.div`\n position: absolute;\n inset: 0;\n`\n\nconst StyledContent = styled.div`\n display: flex;\n align-items: center;\n gap: var(--base-gap-large);\n padding: 2px 4px;\n border-radius: var(--border-radius-m);\n cursor: pointer;\n overflow: hidden;\n width: fit-content;\n max-width: 100%;\n height: 100%;\n\n /* &:hover {\n &,\n .icon,\n .path {\n color: var(--md-sys-color-primary);\n }\n } /\n`\n\nconst StyledTextContent = styled.div`\n display: flex;\n flex-direction: column;\n overflow: hidden;\n\n .path {\n ${theme.labelSmall}\n margin-bottom: -4px;\n color: var(--md-sys-color-outline);\n }\n\n span {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n`\n\nconst StyledImg = styled.img`\n width: 24px;\n height: 24px;\n border-radius: 12px;\n object-fit: cover;\n`\n\nconst Count = styled.span`\n color: var(--md-sys-color-outline);\n`\n\ntype GroupHeaderProps = {\n id: string\n label: string\n name: string\n icon?: string \| null\n img?: string \| null\n color?: string \| null\n count?: number\n isExpanded: boolean\n isEmpty?: boolean\n toggleExpanded: () => void\n}\n\nexport const GroupHeaderWidget = ({\n id,\n label,\n name,\n icon,\n img,\n count,\n color,\n isExpanded,\n isEmpty,\n toggleExpanded,\n}: GroupHeaderProps) => {\n return (\n <StyledGroupHeader id={id}>\n <Expander\n onClick={(e) => {\n e.stopPropagation()\n toggleExpanded()\n }}\n className=\"expander\"\n icon={isExpanded ? 'expand_more' : 'chevron_right'}\n />\n <StyledContentWrapper>\n <StyledContentAbsolute>\n <StyledContent>\n {img && <StyledImg src={img} alt={name} className=\"img\" />}\n {icon && <Icon icon={icon} style={{ color: color \|\| undefined }} />}\n <StyledTextContent style={{ color: color \|\| undefined }}>\n <span className=\"label\">{label \|\| name}</span>\n </StyledTextContent>\n {~~/ {~~count ~~===~~ undefined && <Count>{count}~~</Count>}~~ */}\n {isEmpty && <Count>(Empty)</Count>}\n </StyledContent>\n </StyledContentAbsolute>\n </StyledContentWrapper>\n </StyledGroupHeader>\n )\n}\n"],"names":["Expander","styled","Button","StyledGroupHeader","StyledContentWrapper","StyledContentAbsolute","StyledContent","StyledTextContent","theme","StyledImg","Count","GroupHeaderWidget","id","label","name","icon","img","count","color","isExpanded","isEmpty","toggleExpanded","jsxs","jsx","e","Icon"],"mappings":";;;AAGA,MAAMA,IAAWC,EAAOC,CAAM;AAAA;AAAA;AAAA;AAAA,GAMxBC,IAAoBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAU3BG,IAAuBH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAO9BI,IAAwBJ,EAAO;AAAA;AAAA;AAAA,GAK/BK,IAAgBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAqBvBM,IAAoBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAM3BO,EAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYhBC,IAAYR,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOnBS,IAAQT,EAAO;AAAA;AAAA,~~GAiBRU~~,IAAoB,CAAC;AAAA,EAChC,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,KAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAC;AACF,MAEIC,gBAAAA,~~OAACnB~~,KAAkB,IAAAS,GACjB,UAAA;AAAA,~~EAAAW~~,gBAAAA,EAAAA;AAAAA,~~IAACvB~~;AAAA,IAAA;AAAA,MACC,SAAS,~~CAACwB~~,MAAM;AACd,QAAAA,EAAE,gBAAA,GACFH,EAAA;AAAA,MACF;AAAA,MACA,WAAU;AAAA,MACV,MAAMF,IAAa,gBAAgB;AAAA,IAAA;AAAA,EAAA;AAAA,EAErCI,gBAAAA,EAAAA,~~IAACnB~~,GAAA,EACC,~~UAAAmB~~,gBAAAA,~~MAAClB~~,GAAA,EACC,iCAACC,GAAA,EACE,UAAA;AAAA,IAAAU,2BAAQP,GAAA,EAAU,KAAKO,GAAK,KAAKF,GAAM,WAAU,OAAM;AAAA,IACvDC,~~2BAASU~~,GAAA,EAAK,~~MAAAV~~,GAAY,OAAO,EAAE,~~OAAOG~~,KAAS,OAAA,GAAa;AAAA,IACjEK,gBAAAA,EAAAA,~~IAAChB~~,GAAA,EAAkB,OAAO,EAAE,~~OAAOW~~,KAAS,OAAA,GAC1C,UAAAK,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,SAAS,~~UAAAV~~,KAASC,GAAK,GACzC;AAAA,~~IAECM~~,~~KAAWG~~,gBAAAA,EAAAA,~~IAACb~~,GAAA,EAAM,~~UAAA~~,~~UAAA,CAAO~~;AAAA,EAAA,EAAA,~~CAC5B~~,GACF,EAAA,CACF;AAAA,GACF;"}
1	+ {"version":3,"file":"GroupHeaderWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/GroupHeaderWidget.tsx"],"sourcesContent":["import { Button, Icon, theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nconst Expander = styled(Button)`\n background-color: unset !important;\n padding: 2px !important;\n cursor: pointer;\n`\n\nconst StyledGroupHeader = styled.div`\n position: relative;\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n height: 100%;\n width: 100%;\n padding-right: 8px;\n`\n\nconst StyledContentWrapper = styled.div`\n width: 100%;\n height: 24px;\n overflow: hidden;\n position: relative;\n`\n\nconst StyledContentAbsolute = styled.div`\n position: absolute;\n inset: 0;\n`\n\nconst StyledContent = styled.div`\n display: flex;\n align-items: center;\n gap: var(--base-gap-large);\n padding: 2px 4px;\n border-radius: var(--border-radius-m);\n cursor: pointer;\n overflow: hidden;\n width: fit-content;\n max-width: 100%;\n height: 100%;\n\n /* &:hover {\n &,\n .icon,\n .path {\n color: var(--md-sys-color-primary);\n }\n } */\n`\n\nconst StyledTextContent = styled.div`\n display: flex;\n flex-direction: column;\n overflow: hidden;\n\n .path {\n ${theme.labelSmall}\n margin-bottom: -4px;\n color: var(--md-sys-color-outline);\n }\n\n span {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n`\n\nconst StyledImg = styled.img`\n width: 24px;\n height: 24px;\n border-radius: 12px;\n object-fit: cover;\n`\n\nconst Count = styled.span`\n color: var(--md-sys-color-outline);\n`\n\ntype GroupHeaderProps = {\n id: string\n label: string\n name: string\n icon?: string \| null\n img?: string \| null\n color?: string \| null\n count?: number\n percentage?: number\n isExpanded: boolean\n isEmpty?: boolean\n toggleExpanded: () => void\n}\n\nexport const GroupHeaderWidget = ({\n id,\n label,\n name,\n icon,\n img,\n count,\n percentage,\n color,\n isExpanded,\n isEmpty,\n toggleExpanded,\n}: GroupHeaderProps) => {\n return (\n <StyledGroupHeader id={id}>\n <Expander\n onClick={(e) => {\n e.stopPropagation()\n toggleExpanded()\n }}\n className=\"expander\"\n icon={isExpanded ? 'expand_more' : 'chevron_right'}\n />\n <StyledContentWrapper>\n <StyledContentAbsolute>\n <StyledContent>\n {img && <StyledImg src={img} alt={name} className=\"img\" />}\n {icon && <Icon icon={icon} style={{ color: color \|\| undefined }} />}\n <StyledTextContent style={{ color: color \|\| undefined }}>\n <span className=\"label\">{label \|\| name}</span>\n </StyledTextContent>\n {count !== undefined && count > 0 ? (\n <Count>\n {count}\n {percentage !== undefined && ` (${percentage}%)`}\n </Count>\n ) : isEmpty ? (\n <Count>(Empty)</Count>\n ) : null}\n </StyledContent>\n </StyledContentAbsolute>\n </StyledContentWrapper>\n </StyledGroupHeader>\n )\n}\n"],"names":["Expander","styled","Button","StyledGroupHeader","StyledContentWrapper","StyledContentAbsolute","StyledContent","StyledTextContent","theme","StyledImg","Count","GroupHeaderWidget","id","label","name","icon","img","count","percentage","color","isExpanded","isEmpty","toggleExpanded","jsxs","jsx","e","Icon"],"mappings":";;;AAGA,MAAMA,IAAWC,EAAOC,CAAM;AAAA;AAAA;AAAA;AAAA,GAMxBC,IAAoBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAU3BG,IAAuBH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAO9BI,IAAwBJ,EAAO;AAAA;AAAA;AAAA,GAK/BK,IAAgBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAqBvBM,IAAoBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAM3BO,EAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYhBC,IAAYR,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOnBS,IAAQT,EAAO;AAAA;AAAA,GAkBRU,IAAoB,CAAC;AAAA,EAChC,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,KAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAC;AACF,MAEIC,gBAAAA,OAACpB,KAAkB,IAAAS,GACjB,UAAA;AAAA,EAAAY,gBAAAA,EAAAA;AAAAA,IAACxB;AAAA,IAAA;AAAA,MACC,SAAS,CAACyB,MAAM;AACd,QAAAA,EAAE,gBAAA,GACFH,EAAA;AAAA,MACF;AAAA,MACA,WAAU;AAAA,MACV,MAAMF,IAAa,gBAAgB;AAAA,IAAA;AAAA,EAAA;AAAA,EAErCI,gBAAAA,EAAAA,IAACpB,GAAA,EACC,UAAAoB,gBAAAA,MAACnB,GAAA,EACC,iCAACC,GAAA,EACE,UAAA;AAAA,IAAAU,2BAAQP,GAAA,EAAU,KAAKO,GAAK,KAAKF,GAAM,WAAU,OAAM;AAAA,IACvDC,2BAASW,GAAA,EAAK,MAAAX,GAAY,OAAO,EAAE,OAAOI,KAAS,OAAA,GAAa;AAAA,IACjEK,gBAAAA,EAAAA,IAACjB,GAAA,EAAkB,OAAO,EAAE,OAAOY,KAAS,OAAA,GAC1C,UAAAK,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,SAAS,UAAAX,KAASC,GAAK,GACzC;AAAA,IACCG,MAAU,UAAaA,IAAQ,2BAC7BP,GAAA,EACE,UAAA;AAAA,MAAAO;AAAA,MACAC,MAAe,UAAa,KAAKA,CAAU;AAAA,IAAA,EAAA,CAC9C,IACEG,IACFG,gBAAAA,EAAAA,IAACd,GAAA,EAAM,qBAAO,IACZ;AAAA,EAAA,EAAA,CACN,GACF,EAAA,CACF;AAAA,GACF;"}