npm - @ynput/ayon-frontend-shared - Versions diffs - 0.4.0 → 0.4.2 - Mend

@ynput/ayon-frontend-shared 0.4.0 → 0.4.2

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

package/dist/shared/src/containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.es.js CHANGED Viewed

@@ -98,205 +98,8 @@ import "../../../../api/queries/views/updateViews.es.js";
 import "../../../../api/queries/watchers/getWatchers.es.js";
 import "../../../../api/queries/uris/getUris.es.js";
 import { DetailsPanel as S } from "../../DetailsPanel.es.js";
-import "../../../../context/RemoteModulesContext.es.js";
 import { useDetailsPanelContext as e } from "../../../../context/DetailsPanelContext.es.js";
-import "react";
-import "../../../../../../_virtual/runtime.es.js";
-import "../../../../../../_virtual/semver.es.js";
-import "lodash";
-import "react-toastify";
-import "react-redux";
-import "custom-protocol-check";
-import "../../../ProjectTreeTable/components/GroupSettingsFallback.es.js";
-import "uuid";
-import "../../../../util/pubsub.es.js";
-import "../../../../context/PowerpackContextInstance.es.js";
-import "../../../../context/SubtasksModulesContextInstance.es.js";
-import "../../../../context/ThumbnailUploaderContext.es.js";
-import "../../../../context/SettingsPanelContext.es.js";
-import "../../../../context/pip/PiPProvider.es.js";
-import "react-dom";
-import "../../../../context/pip/PiPWrapper.es.js";
-import "../../../../context/AddonProjectContext.es.js";
-import "../../../../context/AddonContext.es.js";
-import "../../../../context/MenuContext.es.js";
-import "../../../../context/WebsocketContext.es.js";
-import "../../../../context/GlobalContext.es.js";
-import "../../../../context/ProjectContext.es.js";
-import "../../../../context/ProjectFoldersContextInstance.es.js";
-import "../../../../context/EntityUpdatesContextInstance.es.js";
-import "../../../ContextMenu/ContextMenuContext.es.js";
-import "@ynput/ayon-react-components";
-/* empty css                                       */
-import "clsx";
-import "../../../Feed/context/FeedContext.es.js";
-import "../../../Feed/components/Tooltips/UserTooltipItem.es.js";
-import "../../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
-import "../../../Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
-import "../../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
-import "../../../Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
-import "../../../Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
-import "react-markdown";
-import "remark-emoji";
-import "remark-gfm";
-import "remark-directive";
-import "remark-directive-rehype";
-import "../../../Feed/components/CommentInput/CommentInput.es.js";
-import "../../../Feed/components/ReactionContainer/Reactions.styled.es.js";
-import "../../../Feed/components/FilesGrid/FilesGrid.styled.es.js";
-import "../../../Feed/components/FileUploadCard/FileUploadCard.styled.es.js";
-import "../../../Feed/components/CommentInput/quillToMarkdown.es.js";
-import "../../../Feed/components/ActivityComment/ActivityComment.styled.es.js";
-import "../../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
-import "../../../../components/AddonLoadingScreen/AddonLoadingScreen.es.js";
-import "../../../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
-import "../../../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
-import "../../../../components/AccessUser/AccessUser.es.js";
-import "../../../../components/AttributeEditor/AttributeEditor.es.js";
-import "../../../../components/AttributeEditor/attributeTypeMap.es.js";
-import "../../../../components/Badge/Badge.es.js";
-import "../../../../components/Chips/Chips.es.js";
-import "date-fns";
-import "../../../../components/DateRangePicker/DateRangePicker.styled.es.js";
-import "../../../../components/LinksManager/CellEditingDialog.es.js";
-import "../../../../components/DeleteEntitiesConfirm/DeleteConfirmContent.es.js";
-import "../../../../components/DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.styled.es.js";
-import "../../../../../../_virtual/index.es.js";
-import "../../../../../../node_modules/refractor/lib/common.es.js";
-import "../../../../../../node_modules/refractor/lib/all.es.js";
-/* empty css                                                                                    */
-import "../../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
-import "../../../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
-import "react-quill-ayon";
-import "../../../../components/DetailsPanelDetails/BorderedSection.es.js";
-import "../../../../components/QuillListStyles/QuillListStyles.es.js";
-import "../../../../components/DetailsPanelDetails/DescriptionSection.styles.es.js";
-import "rehype-raw";
-import "../../../../components/DetailsPanelDetails/hooks/useMentionSystem.es.js";
-import "../../../Feed/components/CommentInput/modules/index.es.js";
-import "../../../../components/DetailsPanelDetails/DetailsSection.es.js";
-import "../../../../components/DetailsPanelDetails/FieldLabel.es.js";
-import "../../../../components/DoneCheckbox/DoneCheckbox.es.js";
-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";
-import "../../../../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
-import "axios";
-import "../../../../components/ReviewablesList/ReviewablesList.styled.es.js";
-import "../../../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
-import "../../../../components/EntityPath/EntityPath.styled.es.js";
-import "../../../../components/EntityPath/SegmentProvider.es.js";
-import "../../../../components/FeaturedVersionOrder/FeaturedVersionOrder.es.js";
-import "../../../../components/Feedback/FeedbackContextInstance.es.js";
-import "../../../../components/Feedback/SupportBubble.es.js";
-import "../../../../components/FileThumbnail/FileThumbnail.es.js";
-import "../../../../components/LegacyBadge/LegacyBadge.es.js";
-import "../../../../components/LinksManager/LinksManager.styled.es.js";
-import "../../../EntityPickerDialog/EntityPickerDialog.es.js";
-import "../../../../components/Powerpack/PowerpackButton.es.js";
-import "../../../../components/Powerpack/FreeTrialLink.es.js";
-import "../../../../components/Powerpack/PowerpackDialog.styled.es.js";
-import "../../../../components/Powerpack/CTAButton.es.js";
-import "../../../../components/Powerpack/RequiredAddonVersion.es.js";
-import "../../../../components/ProjectTableSettings/ProjectTableSettings.es.js";
-import "../../../../components/SizeSlider/SizeSlider.es.js";
-import "react-router-dom";
-import "../../../Slicer/components/Slicer.es.js";
-import "../../../Slicer/context/SlicerContextInstance.es.js";
-import "../../../Slicer/components/SlicerDropdownFallback.es.js";
-import "../../../NewEntity/components/NewEntity.es.js";
-import "@tanstack/react-virtual";
-import "@tanstack/react-table";
-import "../../../ProjectTreeTable/widgets/CollapsedWidget.es.js";
-import "../../../ProjectTreeTable/widgets/DateWidget.es.js";
-import "../../../ProjectTreeTable/widgets/EnumWidget.es.js";
-import "../../../ProjectTreeTable/widgets/EnumCellValue.es.js";
-import "../../../ProjectTreeTable/widgets/TextWidget.es.js";
-import "../../../ProjectTreeTable/widgets/MarkdownWidget.es.js";
-import "../../../ProjectTreeTable/widgets/BooleanWidget.es.js";
-import "../../../ProjectTreeTable/widgets/CellWidget.es.js";
-import "../../../ProjectTreeTable/widgets/EntityNameWidget.es.js";
-import "../../../ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
-import "../../../ProjectTreeTable/widgets/ThumbnailWidget.es.js";
-import "../../../ProjectTreeTable/widgets/LinksWidget.es.js";
-import "short-uuid";
-import "../../../../components/SearchFilter/filterDates.es.js";
-import "../../../ProjectTreeTable/context/CellEditingContext.es.js";
-import "../../../ProjectTreeTable/context/SelectionCellsContext.es.js";
-import "../../../ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
-import "../../../ProjectTreeTable/context/ClipboardContext.es.js";
-import "../../../ProjectTreeTable/context/ColumnSettingsContext.es.js";
-import "../../../ProjectTreeTable/context/SelectedRowsContext.es.js";
-import "../../../ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
-import "../../../ProjectTreeTable/context/ProjectDataContextInstance.es.js";
-import "../../../ProjectTreeTable/context/ProjectTableContextInstance.es.js";
-import "../../../ProjectTreeTable/widgets/EmptyWidget.es.js";
-import "../../../ProjectTreeTable/widgets/ErrorWidget.es.js";
-import "../../../ProjectTreeTable/ProjectTreeTable.styled.es.js";
-import "../../../ProjectTreeTable/components/SelectionCell.es.js";
-import "../../../ProjectTreeTable/components/RowSelectionHeader.es.js";
-import "../../../ProjectTreeTable/widgets/LoadMoreWidget.es.js";
-import "../../../ProjectTreeTable/components/HeaderActionButton.es.js";
-import "../../../ProjectTreeTable/components/TableFooterRow.es.js";
-import "../../../NewEntity/context/NewEntityContextInstance.es.js";
-import "../../../NewEntity/components/NewEntityForm.es.js";
-import "../../../Slicer/hooks/useTableDataBySlice.es.js";
-import "../../../../components/ReviewableCard/ReviewableCard.es.js";
-import "../../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
-import "../../../../components/SearchFilter/CustomDateRangeDialog.es.js";
-import "../../../../components/SettingsPanel/SettingsPanel.es.js";
-import "../../../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
-import "../../../../components/ShareOptionIcon/ShareOptionIcon.es.js";
-import "../../../../components/SimpleFormDialog/SimpleFormDialog.es.js";
-import "../../../../components/StyledLink/StyledLink.es.js";
-import "../../../../components/SyncButton/SyncButton.es.js";
-import "../../../../components/TableGridSwitch/TableGridSwitch.es.js";
-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/VersionUploadContextInstance.es.js";
-import "../../../../components/Watchers/Watchers.es.js";
-import "../../../../components/Menu/Menu.styled.es.js";
-import "../../../../components/Menu/MenuItem.es.js";
-import "../../../../components/ReviewablesSelector/ReviewablesSelector.es.js";
-import "../../../../components/ColumnHeaderMenuUI.es.js";
-import "../../../Feed/components/ActivityReference/ActivityReference.styled.es.js";
-import "../../../Feed/components/ActivityStatus/ActivityStatus.es.js";
-import "../../../Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
-import "../../../Feed/components/ActivityDate.es.js";
-import "../../../Feed/components/ActivityVersionReview/ActivityVersionReview.styled.es.js";
-import "../../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
-import "../../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
-import "../../../Feed/components/ActivityCategorySelect/CategoryTag.es.js";
-import "../../../Feed/components/ActivityFieldChange/ActivityFieldChange.styled.es.js";
-import "../../../Feed/components/ActivityFieldChange/FieldValue.es.js";
-import "../../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
-import "../../../Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
-import "../../../Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
-import "../../../Feed/Feed.styled.es.js";
-import "../../../Feed/components/FeedSearchFilter.es.js";
-import "../DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
-import "../DetailsPanelHeader/LinkedTaskRow.styled.es.js";
-import "../DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
-import "../../../../components/PlayableIcon/PlayableIcon.es.js";
-import "../DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
-import "../../../Actions/Actions.styled.es.js";
-import "../../../Actions/ActionsDropdown/ActionsDropdown.es.js";
-import "../../../Actions/ActionIcon.es.js";
-import "../../../Views/ViewsMenu/ViewsMenu.es.js";
-import "../../../Views/context/ViewsContextInstance.es.js";
-import "../../../Views/Views.styled.es.js";
-import "../../../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
-import "../../../ListTable/ListTableRow.es.js";
-import "../../../ListTable/ListTable.styled.es.js";
-import "../../../../context/UriContext.es.js";
-import "../../../../context/DeleteEntitiesContext.es.js";
-const Xp = ({ projectsInfo: s, scope: n }) => {
+const Oo = ({ projectsInfo: s, scope: n }) => {
   const { slideOut: l, onOpenViewer: c } = e(), { entityType: o, entityId: i, projectName: t } = l || {}, u = !!o && !!i && !!t, { data: r } = y({ projectName: t }, { skip: !t }), p = s[t || ""] || {}, { tags: a = [] } = p, { closeSlideOut: d } = e(), O = () => d(), j = (f) => c?.(f);
   return u ? /* @__PURE__ */ m.jsx(x, { children: /* @__PURE__ */ m.jsx(
     S,
@@ -318,6 +121,6 @@ const Xp = ({ projectsInfo: s, scope: n }) => {
   ) }) : null;
 };
 export {
-  Xp as DetailsPanelSlideOut
+  Oo as DetailsPanelSlideOut
 };
 //# sourceMappingURL=DetailsPanelSlideOut.es.js.map

package/dist/shared/src/containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsPanelSlideOut.es.js","sources":["../../../../../../../src/containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.tsx"],"sourcesContent":["import * as Styled from './DetailsPanelSlideOut.styled'\nimport { useGetUsersAssigneeQuery } from '@shared/api'\nimport { DetailsPanel } from '../../DetailsPanel'\nimport { useDetailsPanelContext } from '@shared/context'\nimport type { ProjectModel } from '@shared/api'\n\nexport type DetailsPanelSlideOutProps = {\n projectsInfo: Record<string, ProjectModel>\n scope: string\n}\n\nexport const DetailsPanelSlideOut = ({ projectsInfo, scope }: DetailsPanelSlideOutProps) => {\n const { slideOut, onOpenViewer } = useDetailsPanelContext()\n const { entityType, entityId, projectName } = slideOut \|\| {}\n const isSlideOutOpen = !!entityType && !!entityId && !!projectName\n\n const { data: users } = useGetUsersAssigneeQuery({ projectName }, { skip: !projectName })\n\n const projectInfo = projectsInfo[projectName \|\| ''] \|\| {}\n const { tags = [] } = projectInfo\n\n const { closeSlideOut } = useDetailsPanelContext()\n const handleClose = () => closeSlideOut()\n const handleOpenViewer = (args: any) => onOpenViewer?.(args)\n\n if (!isSlideOutOpen) return null\n return (\n <Styled.SlideOut>\n <DetailsPanel\n isOpen\n entityType={entityType}\n entitySubTypes={[]}\n entities={[{ id: entityId, projectName }]}\n projectsInfo={{ [projectName]: projectInfo }}\n projectNames={[projectName]}\n tagsOptions={tags}\n projectUsers={users}\n activeProjectUsers={users}\n isSlideOut\n scope={scope}\n onClose={handleClose}\n onOpenViewer={handleOpenViewer}\n />\n </Styled.SlideOut>\n )\n}\n"],"names":["DetailsPanelSlideOut","projectsInfo","scope","slideOut","onOpenViewer","useDetailsPanelContext","entityType","entityId","projectName","isSlideOutOpen","users","useGetUsersAssigneeQuery","projectInfo","tags","closeSlideOut","handleClose","handleOpenViewer","args","jsx","Styled.SlideOut","DetailsPanel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,MAAMA,KAAuB,CAAC,EAAE,cAAAC,GAAc,OAAAC,QAAuC;AAC1F,QAAM,EAAE,UAAAC,GAAU,cAAAC,EAAA,IAAiBC,EAAA,GAC7B,EAAE,YAAAC,GAAY,UAAAC,GAAU,aAAAC,EAAA,IAAgBL,KAAY,CAAA,GACpDM,IAAiB,CAAC,CAACH,KAAc,CAAC,CAACC,KAAY,CAAC,CAACC,GAEjD,EAAE,MAAME,EAAA,IAAUC,EAAyB,EAAE,aAAAH,EAAA,GAAe,EAAE,MAAM,CAACA,GAAa,GAElFI,IAAcX,EAAaO,KAAe,EAAE,KAAK,CAAA,GACjD,EAAE,MAAAK,IAAO,CAAA,EAAC,IAAMD,GAEhB,EAAE,eAAAE,EAAA,IAAkBT,EAAA,GACpBU,IAAc,MAAMD,EAAA,GACpBE,IAAmB,CAACC,MAAcb,IAAea,CAAI;AAE3D,SAAKR,IAEHS,gBAAAA,MAACC,GAAA,EACC,UAAAD,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,QAAM;AAAA,MACN,YAAAd;AAAA,MACA,gBAAgB,CAAA;AAAA,MAChB,UAAU,CAAC,EAAE,IAAIC,GAAU,aAAAC,GAAa;AAAA,MACxC,cAAc,EAAE,CAACA,CAAW,GAAGI,EAAA;AAAA,MAC/B,cAAc,CAACJ,CAAW;AAAA,MAC1B,aAAaK;AAAA,MACb,cAAcH;AAAA,MACd,oBAAoBA;AAAA,MACpB,YAAU;AAAA,MACV,OAAAR;AAAA,MACA,SAASa;AAAA,MACT,cAAcC;AAAA,IAAA;AAAA,EAAA,GAElB,IAlB0B;AAoB9B;"}
1	+ {"version":3,"file":"DetailsPanelSlideOut.es.js","sources":["../../../../../../../src/containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.tsx"],"sourcesContent":["import * as Styled from './DetailsPanelSlideOut.styled'\nimport { useGetUsersAssigneeQuery } from '@shared/api'\nimport { DetailsPanel } from '../../DetailsPanel'\nimport { useDetailsPanelContext } from '@shared/context/DetailsPanelContext'\nimport type { ProjectModel } from '@shared/api'\n\nexport type DetailsPanelSlideOutProps = {\n projectsInfo: Record<string, ProjectModel>\n scope: string\n}\n\nexport const DetailsPanelSlideOut = ({ projectsInfo, scope }: DetailsPanelSlideOutProps) => {\n const { slideOut, onOpenViewer } = useDetailsPanelContext()\n const { entityType, entityId, projectName } = slideOut \|\| {}\n const isSlideOutOpen = !!entityType && !!entityId && !!projectName\n\n const { data: users } = useGetUsersAssigneeQuery({ projectName }, { skip: !projectName })\n\n const projectInfo = projectsInfo[projectName \|\| ''] \|\| {}\n const { tags = [] } = projectInfo\n\n const { closeSlideOut } = useDetailsPanelContext()\n const handleClose = () => closeSlideOut()\n const handleOpenViewer = (args: any) => onOpenViewer?.(args)\n\n if (!isSlideOutOpen) return null\n return (\n <Styled.SlideOut>\n <DetailsPanel\n isOpen\n entityType={entityType}\n entitySubTypes={[]}\n entities={[{ id: entityId, projectName }]}\n projectsInfo={{ [projectName]: projectInfo }}\n projectNames={[projectName]}\n tagsOptions={tags}\n projectUsers={users}\n activeProjectUsers={users}\n isSlideOut\n scope={scope}\n onClose={handleClose}\n onOpenViewer={handleOpenViewer}\n />\n </Styled.SlideOut>\n )\n}\n"],"names":["DetailsPanelSlideOut","projectsInfo","scope","slideOut","onOpenViewer","useDetailsPanelContext","entityType","entityId","projectName","isSlideOutOpen","users","useGetUsersAssigneeQuery","projectInfo","tags","closeSlideOut","handleClose","handleOpenViewer","args","jsx","Styled.SlideOut","DetailsPanel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,MAAMA,KAAuB,CAAC,EAAE,cAAAC,GAAc,OAAAC,QAAuC;AAC1F,QAAM,EAAE,UAAAC,GAAU,cAAAC,EAAA,IAAiBC,EAAA,GAC7B,EAAE,YAAAC,GAAY,UAAAC,GAAU,aAAAC,EAAA,IAAgBL,KAAY,CAAA,GACpDM,IAAiB,CAAC,CAACH,KAAc,CAAC,CAACC,KAAY,CAAC,CAACC,GAEjD,EAAE,MAAME,EAAA,IAAUC,EAAyB,EAAE,aAAAH,EAAA,GAAe,EAAE,MAAM,CAACA,GAAa,GAElFI,IAAcX,EAAaO,KAAe,EAAE,KAAK,CAAA,GACjD,EAAE,MAAAK,IAAO,CAAA,EAAC,IAAMD,GAEhB,EAAE,eAAAE,EAAA,IAAkBT,EAAA,GACpBU,IAAc,MAAMD,EAAA,GACpBE,IAAmB,CAACC,MAAcb,IAAea,CAAI;AAE3D,SAAKR,IAEHS,gBAAAA,MAACC,GAAA,EACC,UAAAD,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,QAAM;AAAA,MACN,YAAAd;AAAA,MACA,gBAAgB,CAAA;AAAA,MAChB,UAAU,CAAC,EAAE,IAAIC,GAAU,aAAAC,GAAa;AAAA,MACxC,cAAc,EAAE,CAACA,CAAW,GAAGI,EAAA;AAAA,MAC/B,cAAc,CAACJ,CAAW;AAAA,MAC1B,aAAaK;AAAA,MACb,cAAcH;AAAA,MACd,oBAAoBA;AAAA,MACpB,YAAU;AAAA,MACV,OAAAR;AAAA,MACA,SAASa;AAAA,MACT,cAAcC;AAAA,IAAA;AAAA,EAAA,GAElB,IAlB0B;AAoB9B;"}

package/dist/shared/src/containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsPanelTabs.cjs.js","sources":["../../../../../../../src/containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.tsx"],"sourcesContent":["// High-level tabs for the details panel: Feed, Subtasks, Details\n// Each tab manages its own sub-filters\nimport { FC } from 'react'\nimport { Button, Spacer } from '@ynput/ayon-react-components'\nimport { DetailsPanelTab } from '@shared/context'\nimport { DetailsPanelEntityType } from '@shared/api'\nimport * as Styled from './DetailsPanelTabs.styled'\n\n// Entity types that don't support the feed tab\nconst entitiesWithoutFeed = ['product', 'representation']\n\n// Entity types that support subtasks tab (only tasks)\nconst entitiesWithSubtasks = ['task']\n\ninterface DetailsPanelTabsProps {\n entityType: DetailsPanelEntityType\n currentTab: DetailsPanelTab\n onTabChange: (tab: DetailsPanelTab) => void\n isLoading?: boolean\n}\n\nconst DetailsPanelTabs: FC<DetailsPanelTabsProps> = ({\n entityType,\n currentTab,\n onTabChange,\n isLoading,\n}) => {\n const showFeedTab = !entitiesWithoutFeed.includes(entityType)\n const showSubtasksTab = entitiesWithSubtasks.includes(entityType)\n const showFilesTab = entityType === 'version'\n\n return (\n <Styled.TabsContainer className={isLoading ? 'loading' : ''}>\n {showFeedTab && (\n <Button\n icon=\"forum\"\n selected={currentTab === 'feed'}\n onClick={() => onTabChange('feed')}\n data-tooltip=\"Activity Feed\"\n data-tooltip-delay={0}\n variant=\"text\"\n />\n )}\n {showSubtasksTab && (\n <Button\n icon=\"checklist\"\n selected={currentTab === 'subtasks'}\n onClick={() => onTabChange('subtasks')}\n data-tooltip=\"Subtasks\"\n data-tooltip-delay={0}\n variant=\"text\"\n />\n )}\n <Spacer />\n {showFilesTab && (\n <Button\n icon=\"order_play\"\n onClick={() => onTabChange('files')}\n selected={currentTab === 'files'}\n data-tooltip=\"Version files\"\n data-tooltip-delay={0}\n variant=\"text\"\n />\n )}\n <Button\n onClick={() => onTabChange('details')}\n selected={currentTab === 'details'}\n style={{ padding: '6px 8px' }}\n variant=\"text\"\n >\n Details\n </Button>\n </Styled.TabsContainer>\n )\n}\n\nexport default DetailsPanelTabs\n"],"names":["entitiesWithoutFeed","entitiesWithSubtasks","DetailsPanelTabs","entityType","currentTab","onTabChange","isLoading","showFeedTab","showSubtasksTab","showFilesTab","Styled.TabsContainer","jsx","Button","Spacer"],"mappings":"sKASMA,EAAsB,CAAC,UAAW,gBAAgB,EAGlDC,EAAuB,CAAC,MAAM,EAS9BC,EAA8C,CAAC,CACnD,WAAAC,EACA,WAAAC,EACA,YAAAC,EACA,UAAAC,CACF,IAAM,CACJ,MAAMC,EAAc,CAACP,EAAoB,SAASG,CAAU,EACtDK,EAAkBP,EAAqB,SAASE,CAAU,EAC1DM,EAAeN,IAAe,UAEpC,gCACGO,EAAAA,cAAA,CAAqB,UAAWJ,EAAY,UAAY,GACtD,SAAA,CAAAC,GACCI,EAAAA,kBAAAA,IAACC,EAAAA,OAAA,CACC,KAAK,QACL,SAAUR,IAAe,OACzB,QAAS,IAAMC,EAAY,MAAM,EACjC,eAAa,gBACb,qBAAoB,EACpB,QAAQ,MAAA,CAAA,EAGXG,GACCG,EAAAA,kBAAAA,IAACC,EAAAA,OAAA,CACC,KAAK,YACL,SAAUR,IAAe,WACzB,QAAS,IAAMC,EAAY,UAAU,EACrC,eAAa,WACb,qBAAoB,EACpB,QAAQ,MAAA,CAAA,0BAGXQ,EAAAA,OAAA,EAAO,EACPJ,GACCE,EAAAA,kBAAAA,IAACC,EAAAA,OAAA,CACC,KAAK,aACL,QAAS,IAAMP,EAAY,OAAO,EAClC,SAAUD,IAAe,QACzB,eAAa,gBACb,qBAAoB,EACpB,QAAQ,MAAA,CAAA,EAGZO,EAAAA,kBAAAA,IAACC,EAAAA,OAAA,CACC,QAAS,IAAMP,EAAY,SAAS,EACpC,SAAUD,IAAe,UACzB,MAAO,CAAE,QAAS,SAAA,EAClB,QAAQ,OACT,SAAA,SAAA,CAAA,CAED,EACF,CAEJ"}
1	+ {"version":3,"file":"DetailsPanelTabs.cjs.js","sources":["../../../../../../../src/containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.tsx"],"sourcesContent":["// High-level tabs for the details panel: Feed, Subtasks, Details\n// Each tab manages its own sub-filters\nimport { FC } from 'react'\nimport { Button, Spacer } from '@ynput/ayon-react-components'\nimport type { DetailsPanelTab } from '@shared/context/DetailsPanelContext'\nimport type { DetailsPanelEntityType } from '@shared/api'\nimport * as Styled from './DetailsPanelTabs.styled'\n\n// Entity types that don't support the feed tab\nconst entitiesWithoutFeed = ['product', 'representation']\n\n// Entity types that support subtasks tab (only tasks)\nconst entitiesWithSubtasks = ['task']\n\ninterface DetailsPanelTabsProps {\n entityType: DetailsPanelEntityType\n currentTab: DetailsPanelTab\n onTabChange: (tab: DetailsPanelTab) => void\n isLoading?: boolean\n}\n\nconst DetailsPanelTabs: FC<DetailsPanelTabsProps> = ({\n entityType,\n currentTab,\n onTabChange,\n isLoading,\n}) => {\n const showFeedTab = !entitiesWithoutFeed.includes(entityType)\n const showSubtasksTab = entitiesWithSubtasks.includes(entityType)\n const showFilesTab = entityType === 'version'\n\n return (\n <Styled.TabsContainer className={isLoading ? 'loading' : ''}>\n {showFeedTab && (\n <Button\n icon=\"forum\"\n selected={currentTab === 'feed'}\n onClick={() => onTabChange('feed')}\n data-tooltip=\"Activity Feed\"\n data-tooltip-delay={0}\n variant=\"text\"\n />\n )}\n {showSubtasksTab && (\n <Button\n icon=\"checklist\"\n selected={currentTab === 'subtasks'}\n onClick={() => onTabChange('subtasks')}\n data-tooltip=\"Subtasks\"\n data-tooltip-delay={0}\n variant=\"text\"\n />\n )}\n <Spacer />\n {showFilesTab && (\n <Button\n icon=\"order_play\"\n onClick={() => onTabChange('files')}\n selected={currentTab === 'files'}\n data-tooltip=\"Version files\"\n data-tooltip-delay={0}\n variant=\"text\"\n />\n )}\n <Button\n onClick={() => onTabChange('details')}\n selected={currentTab === 'details'}\n style={{ padding: '6px 8px' }}\n variant=\"text\"\n >\n Details\n </Button>\n </Styled.TabsContainer>\n )\n}\n\nexport default DetailsPanelTabs\n"],"names":["entitiesWithoutFeed","entitiesWithSubtasks","DetailsPanelTabs","entityType","currentTab","onTabChange","isLoading","showFeedTab","showSubtasksTab","showFilesTab","Styled.TabsContainer","jsx","Button","Spacer"],"mappings":"sKASMA,EAAsB,CAAC,UAAW,gBAAgB,EAGlDC,EAAuB,CAAC,MAAM,EAS9BC,EAA8C,CAAC,CACnD,WAAAC,EACA,WAAAC,EACA,YAAAC,EACA,UAAAC,CACF,IAAM,CACJ,MAAMC,EAAc,CAACP,EAAoB,SAASG,CAAU,EACtDK,EAAkBP,EAAqB,SAASE,CAAU,EAC1DM,EAAeN,IAAe,UAEpC,gCACGO,EAAAA,cAAA,CAAqB,UAAWJ,EAAY,UAAY,GACtD,SAAA,CAAAC,GACCI,EAAAA,kBAAAA,IAACC,EAAAA,OAAA,CACC,KAAK,QACL,SAAUR,IAAe,OACzB,QAAS,IAAMC,EAAY,MAAM,EACjC,eAAa,gBACb,qBAAoB,EACpB,QAAQ,MAAA,CAAA,EAGXG,GACCG,EAAAA,kBAAAA,IAACC,EAAAA,OAAA,CACC,KAAK,YACL,SAAUR,IAAe,WACzB,QAAS,IAAMC,EAAY,UAAU,EACrC,eAAa,WACb,qBAAoB,EACpB,QAAQ,MAAA,CAAA,0BAGXQ,EAAAA,OAAA,EAAO,EACPJ,GACCE,EAAAA,kBAAAA,IAACC,EAAAA,OAAA,CACC,KAAK,aACL,QAAS,IAAMP,EAAY,OAAO,EAClC,SAAUD,IAAe,QACzB,eAAa,gBACb,qBAAoB,EACpB,QAAQ,MAAA,CAAA,EAGZO,EAAAA,kBAAAA,IAACC,EAAAA,OAAA,CACC,QAAS,IAAMP,EAAY,SAAS,EACpC,SAAUD,IAAe,UACzB,MAAO,CAAE,QAAS,SAAA,EAClB,QAAQ,OACT,SAAA,SAAA,CAAA,CAED,EACF,CAEJ"}

package/dist/shared/src/containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsPanelTabs.es.js","sources":["../../../../../../../src/containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.tsx"],"sourcesContent":["// High-level tabs for the details panel: Feed, Subtasks, Details\n// Each tab manages its own sub-filters\nimport { FC } from 'react'\nimport { Button, Spacer } from '@ynput/ayon-react-components'\nimport { DetailsPanelTab } from '@shared/context'\nimport { DetailsPanelEntityType } from '@shared/api'\nimport * as Styled from './DetailsPanelTabs.styled'\n\n// Entity types that don't support the feed tab\nconst entitiesWithoutFeed = ['product', 'representation']\n\n// Entity types that support subtasks tab (only tasks)\nconst entitiesWithSubtasks = ['task']\n\ninterface DetailsPanelTabsProps {\n entityType: DetailsPanelEntityType\n currentTab: DetailsPanelTab\n onTabChange: (tab: DetailsPanelTab) => void\n isLoading?: boolean\n}\n\nconst DetailsPanelTabs: FC<DetailsPanelTabsProps> = ({\n entityType,\n currentTab,\n onTabChange,\n isLoading,\n}) => {\n const showFeedTab = !entitiesWithoutFeed.includes(entityType)\n const showSubtasksTab = entitiesWithSubtasks.includes(entityType)\n const showFilesTab = entityType === 'version'\n\n return (\n <Styled.TabsContainer className={isLoading ? 'loading' : ''}>\n {showFeedTab && (\n <Button\n icon=\"forum\"\n selected={currentTab === 'feed'}\n onClick={() => onTabChange('feed')}\n data-tooltip=\"Activity Feed\"\n data-tooltip-delay={0}\n variant=\"text\"\n />\n )}\n {showSubtasksTab && (\n <Button\n icon=\"checklist\"\n selected={currentTab === 'subtasks'}\n onClick={() => onTabChange('subtasks')}\n data-tooltip=\"Subtasks\"\n data-tooltip-delay={0}\n variant=\"text\"\n />\n )}\n <Spacer />\n {showFilesTab && (\n <Button\n icon=\"order_play\"\n onClick={() => onTabChange('files')}\n selected={currentTab === 'files'}\n data-tooltip=\"Version files\"\n data-tooltip-delay={0}\n variant=\"text\"\n />\n )}\n <Button\n onClick={() => onTabChange('details')}\n selected={currentTab === 'details'}\n style={{ padding: '6px 8px' }}\n variant=\"text\"\n >\n Details\n </Button>\n </Styled.TabsContainer>\n )\n}\n\nexport default DetailsPanelTabs\n"],"names":["entitiesWithoutFeed","entitiesWithSubtasks","DetailsPanelTabs","entityType","currentTab","onTabChange","isLoading","showFeedTab","showSubtasksTab","showFilesTab","Styled.TabsContainer","jsx","Button","Spacer"],"mappings":";;;AASA,MAAMA,IAAsB,CAAC,WAAW,gBAAgB,GAGlDC,IAAuB,CAAC,MAAM,GAS9BC,IAA8C,CAAC;AAAA,EACnD,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AACF,MAAM;AACJ,QAAMC,IAAc,CAACP,EAAoB,SAASG,CAAU,GACtDK,IAAkBP,EAAqB,SAASE,CAAU,GAC1DM,IAAeN,MAAe;AAEpC,gCACGO,GAAA,EAAqB,WAAWJ,IAAY,YAAY,IACtD,UAAA;AAAA,IAAAC,KACCI,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAUR,MAAe;AAAA,QACzB,SAAS,MAAMC,EAAY,MAAM;AAAA,QACjC,gBAAa;AAAA,QACb,sBAAoB;AAAA,QACpB,SAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,IAGXG,KACCG,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAUR,MAAe;AAAA,QACzB,SAAS,MAAMC,EAAY,UAAU;AAAA,QACrC,gBAAa;AAAA,QACb,sBAAoB;AAAA,QACpB,SAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,0BAGXQ,GAAA,EAAO;AAAA,IACPJ,KACCE,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS,MAAMP,EAAY,OAAO;AAAA,QAClC,UAAUD,MAAe;AAAA,QACzB,gBAAa;AAAA,QACb,sBAAoB;AAAA,QACpB,SAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,IAGZO,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAS,MAAMP,EAAY,SAAS;AAAA,QACpC,UAAUD,MAAe;AAAA,QACzB,OAAO,EAAE,SAAS,UAAA;AAAA,QAClB,SAAQ;AAAA,QACT,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GACF;AAEJ;"}
1	+ {"version":3,"file":"DetailsPanelTabs.es.js","sources":["../../../../../../../src/containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.tsx"],"sourcesContent":["// High-level tabs for the details panel: Feed, Subtasks, Details\n// Each tab manages its own sub-filters\nimport { FC } from 'react'\nimport { Button, Spacer } from '@ynput/ayon-react-components'\nimport type { DetailsPanelTab } from '@shared/context/DetailsPanelContext'\nimport type { DetailsPanelEntityType } from '@shared/api'\nimport * as Styled from './DetailsPanelTabs.styled'\n\n// Entity types that don't support the feed tab\nconst entitiesWithoutFeed = ['product', 'representation']\n\n// Entity types that support subtasks tab (only tasks)\nconst entitiesWithSubtasks = ['task']\n\ninterface DetailsPanelTabsProps {\n entityType: DetailsPanelEntityType\n currentTab: DetailsPanelTab\n onTabChange: (tab: DetailsPanelTab) => void\n isLoading?: boolean\n}\n\nconst DetailsPanelTabs: FC<DetailsPanelTabsProps> = ({\n entityType,\n currentTab,\n onTabChange,\n isLoading,\n}) => {\n const showFeedTab = !entitiesWithoutFeed.includes(entityType)\n const showSubtasksTab = entitiesWithSubtasks.includes(entityType)\n const showFilesTab = entityType === 'version'\n\n return (\n <Styled.TabsContainer className={isLoading ? 'loading' : ''}>\n {showFeedTab && (\n <Button\n icon=\"forum\"\n selected={currentTab === 'feed'}\n onClick={() => onTabChange('feed')}\n data-tooltip=\"Activity Feed\"\n data-tooltip-delay={0}\n variant=\"text\"\n />\n )}\n {showSubtasksTab && (\n <Button\n icon=\"checklist\"\n selected={currentTab === 'subtasks'}\n onClick={() => onTabChange('subtasks')}\n data-tooltip=\"Subtasks\"\n data-tooltip-delay={0}\n variant=\"text\"\n />\n )}\n <Spacer />\n {showFilesTab && (\n <Button\n icon=\"order_play\"\n onClick={() => onTabChange('files')}\n selected={currentTab === 'files'}\n data-tooltip=\"Version files\"\n data-tooltip-delay={0}\n variant=\"text\"\n />\n )}\n <Button\n onClick={() => onTabChange('details')}\n selected={currentTab === 'details'}\n style={{ padding: '6px 8px' }}\n variant=\"text\"\n >\n Details\n </Button>\n </Styled.TabsContainer>\n )\n}\n\nexport default DetailsPanelTabs\n"],"names":["entitiesWithoutFeed","entitiesWithSubtasks","DetailsPanelTabs","entityType","currentTab","onTabChange","isLoading","showFeedTab","showSubtasksTab","showFilesTab","Styled.TabsContainer","jsx","Button","Spacer"],"mappings":";;;AASA,MAAMA,IAAsB,CAAC,WAAW,gBAAgB,GAGlDC,IAAuB,CAAC,MAAM,GAS9BC,IAA8C,CAAC;AAAA,EACnD,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AACF,MAAM;AACJ,QAAMC,IAAc,CAACP,EAAoB,SAASG,CAAU,GACtDK,IAAkBP,EAAqB,SAASE,CAAU,GAC1DM,IAAeN,MAAe;AAEpC,gCACGO,GAAA,EAAqB,WAAWJ,IAAY,YAAY,IACtD,UAAA;AAAA,IAAAC,KACCI,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAUR,MAAe;AAAA,QACzB,SAAS,MAAMC,EAAY,MAAM;AAAA,QACjC,gBAAa;AAAA,QACb,sBAAoB;AAAA,QACpB,SAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,IAGXG,KACCG,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAUR,MAAe;AAAA,QACzB,SAAS,MAAMC,EAAY,UAAU;AAAA,QACrC,gBAAa;AAAA,QACb,sBAAoB;AAAA,QACpB,SAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,0BAGXQ,GAAA,EAAO;AAAA,IACPJ,KACCE,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS,MAAMP,EAAY,OAAO;AAAA,QAClC,UAAUD,MAAe;AAAA,QACzB,gBAAa;AAAA,QACb,sBAAoB;AAAA,QACpB,SAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,IAGZO,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAS,MAAMP,EAAY,SAAS;AAAA,QACpC,UAAUD,MAAe;AAAA,QACzB,OAAO,EAAE,SAAS,UAAA;AAAA,QAClB,SAAQ;AAAA,QACT,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GACF;AAEJ;"}

package/dist/shared/src/containers/DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.cjs.js CHANGED Viewed

@@ -6,5 +6,5 @@
     opacity: 0.5;
     pointer-events: none;
   }
-`,j=({subtasksFilter:c,setSubtasksFilter:b,users:u,isLoading:D,totalCount:d=0,doneCount:F=0,onSearchTextChange:p})=>{const a=s.useMemo(()=>[{id:"isDone",label:"Status",icon:"check_circle",type:"boolean",singleSelect:!0,values:[{id:"false",label:"Not Done",icon:"radio_button_unchecked"},{id:"true",label:"Done",icon:"check_circle"}]},{id:"assignees",label:"Assignees",icon:"person",type:"list_of_strings",operator:"OR",allowHasValue:!0,allowNoValue:!0,values:u.map(e=>({id:e.name,label:e.attrib?.fullName||e.name,img:`/api/users/${e.name}/avatar`}))}],[u]),o=s.useMemo(()=>C.subtasksFilterToClientFilters(c,a),[c,a]),[n,m]=s.useState(o),g=s.useRef(null),t=q.useDateRangeFilter();s.useEffect(()=>{m(o)},[JSON.stringify(o)]);const h=e=>{const i=C.clientFiltersToSubtasksFilter(e);b(i),p?.("")},R=e=>{t.wrapFilterChange(e,n,m)},S=(e,i)=>{i||p?.(e)};let l="";d>0&&(l=`${F}/${d}`);const f=s.useMemo(()=>[{id:"isDone",label:l,tooltip:"Status"}],[l]);return r.jsxRuntimeExports.jsxs(_,{className:D?"loading":void 0,children:[r.jsxRuntimeExports.jsx(k.SearchFilter,{ref:g,compact:!0,options:a,filters:n,onChange:R,onFinish:h,enableGlobalSearch:!0,enableMultipleSameFilters:!1,enableAutosuggestion:!0,onSearchChange:S,quickActions:f,placeholder:"Search and filter subtasks...",pt:{searchBar:{onClickCapture:e=>t.handleSearchBarClickCapture(e,n)},dropdown:{pt:{item:{onClick:e=>t.handleDropdownItemClick(e,n,a)}}}}}),r.jsxRuntimeExports.jsx(y.CustomDateRangeDialog,{isOpen:!!t.customRangeFilterId,header:a.find(e=>e.id===t.customRangeFilterId?.split("__")[0])?.label??"Custom range",startDate:t.customStartDate,endDate:t.customEndDate,onStartDateChange:t.setCustomStartDate,onEndDateChange:t.setCustomEndDate,onApply:()=>t.handleCustomRangeApply(n,a,h,g),onClose:t.handleCustomRangeClose})]})};module.exports=j;
+`,j=({subtasksFilter:c,setSubtasksFilter:b,users:u,isLoading:D,totalCount:d=0,doneCount:F=0,onSearchTextChange:p})=>{const a=s.useMemo(()=>[{id:"isDone",label:"Status",icon:"check_circle",type:"boolean",singleSelect:!0,values:[{id:"false",label:"Not Done",icon:"radio_button_unchecked"},{id:"true",label:"Done",icon:"check_circle"}]},{id:"assignees",label:"Assignees",icon:"person",type:"list_of_strings",operator:"OR",allowHasValue:!0,allowNoValue:!0,values:u.map(e=>({id:e.name,label:e.attrib?.fullName||e.name,img:`/api/users/${e.name}/avatar`}))}],[u]),o=s.useMemo(()=>C.subtasksFilterToClientFilters(c,a),[c,a]),[n,m]=s.useState(o),g=s.useRef(null),t=q.useDateRangeFilter();s.useEffect(()=>{m(o)},[JSON.stringify(o)]);const h=e=>{const i=C.clientFiltersToSubtasksFilter(e);b(i),p?.("")},R=e=>{t.wrapFilterChange(e,n,m)},f=(e,i)=>{i||p?.(e)};let l="";d>0&&(l=`${F}/${d}`);const S=s.useMemo(()=>[{id:"isDone",label:l,tooltip:"Status"}],[l]);return r.jsxRuntimeExports.jsxs(_,{className:D?"loading":void 0,children:[r.jsxRuntimeExports.jsx(k.SearchFilter,{ref:g,compact:!0,options:a,filters:n,onChange:R,onFinish:h,enableGlobalSearch:!0,enableMultipleSameFilters:!1,enableAutosuggestion:!1,onSearchChange:f,quickActions:S,placeholder:"Search and filter subtasks...",pt:{searchBar:{onClickCapture:e=>t.handleSearchBarClickCapture(e,n)},dropdown:{pt:{item:{onClick:e=>t.handleDropdownItemClick(e,n,a)}}}}}),r.jsxRuntimeExports.jsx(y.CustomDateRangeDialog,{isOpen:!!t.customRangeFilterId,header:a.find(e=>e.id===t.customRangeFilterId?.split("__")[0])?.label??"Custom range",startDate:t.customStartDate,endDate:t.customEndDate,onStartDateChange:t.setCustomStartDate,onEndDateChange:t.setCustomEndDate,onApply:()=>t.handleCustomRangeApply(n,a,h,g),onClose:t.handleCustomRangeClose})]})};module.exports=j;
 //# sourceMappingURL=SubtasksSearchFilter.cjs.js.map

package/dist/shared/src/containers/DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SubtasksSearchFilter.cjs.js","sources":["../../../../../../../src/containers/DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.tsx"],"sourcesContent":["import { FC, useEffect, useMemo, useRef, useState } from 'react'\nimport {\n SearchFilter,\n Filter,\n Option,\n SearchFilterQuickAction,\n SearchFilterRef,\n} from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport { ~~type~~ QueryFilter, UserModel } from '@shared/api'\nimport {\n subtasksFilterToClientFilters,\n clientFiltersToSubtasksFilter,\n} from '../../helpers/subtasksFilterAdapter'\nimport { generateDateOptions } from '@shared/components/SearchFilter/filterDates'\nimport { useDateRangeFilter } from '@shared/components/SearchFilter/useDateRangeFilter'\nimport { CustomDateRangeDialog } from '@shared/components/SearchFilter/CustomDateRangeDialog'\n\nconst Wrapper = styled.div`\n padding: 4px 8px;\n padding-bottom: 0;\n\n &.loading {\n opacity: 0.5;\n pointer-events: none;\n }\n`\n\ninterface SubtasksSearchFilterProps {\n subtasksFilter: QueryFilter\n setSubtasksFilter: (filter: QueryFilter) => void\n users: UserModel[]\n isLoading?: boolean\n totalCount?: number\n doneCount?: number\n onSearchTextChange?: (text: string) => void\n}\n\nconst SubtasksSearchFilter: FC<SubtasksSearchFilterProps> = ({\n subtasksFilter,\n setSubtasksFilter,\n users,\n isLoading,\n totalCount = 0,\n doneCount = 0,\n onSearchTextChange,\n}) => {\n const options: Option[] = useMemo(\n () => [\n {\n id: 'isDone',\n label: 'Status',\n icon: 'check_circle',\n type: 'boolean',\n singleSelect: true,\n values: [\n { id: 'false', label: 'Not Done', icon: 'radio_button_unchecked' },\n { id: 'true', label: 'Done', icon: 'check_circle' },\n ],\n },\n {\n id: 'assignees',\n label: 'Assignees',\n icon: 'person',\n type: 'list_of_strings' as const,\n operator: 'OR' as const,\n allowHasValue: true,\n allowNoValue: true,\n values: users.map((u) => ({\n id: u.name,\n label: u.attrib?.fullName \|\| u.name,\n img: `/api/users/${u.name}/avatar`,\n })),\n },\n // dates disabled until planner update with support is released\n // {\n // id: 'startDate',\n // label: 'Start Date',\n // icon: 'calendar_today',\n // type: 'datetime',\n // values: generateDateOptions(),\n // },\n // {\n // id: 'endDate',\n // label: 'End Date',\n // icon: 'event',\n // type: 'datetime',\n // values: generateDateOptions(),\n // },\n ],\n [users],\n )\n\n const filters = useMemo(() => {\n return subtasksFilterToClientFilters(subtasksFilter, options)\n }, [subtasksFilter, options])\n\n const [localFilters, setLocalFilters] = useState<Filter[]>(filters)\n const searchFilterRef = useRef<SearchFilterRef>(null)\n\n const dateRange = useDateRangeFilter()\n\n useEffect(() => {\n setLocalFilters(filters)\n }, [JSON.stringify(filters)])\n\n const handleFinish = (newFilters: Filter[]) => {\n const queryFilter = clientFiltersToSubtasksFilter(newFilters)\n\n setSubtasksFilter(queryFilter)\n onSearchTextChange?.('')\n }\n\n const handleFilterChange = (newFilters: Filter[]) => {\n dateRange.wrapFilterChange(newFilters, localFilters, setLocalFilters)\n }\n\n const handleLiveSearch = (value: string, filter: string \| null) => {\n // only for root level searching\n if (!!filter) return\n onSearchTextChange?.(value)\n }\n\n let statusLabel: string = ''\n if (totalCount > 0) {\n statusLabel = `${doneCount}/${totalCount}`\n }\n\n const quickActions: SearchFilterQuickAction[] = useMemo(\n () => [{ id: 'isDone', label: statusLabel, tooltip: 'Status' }],\n [statusLabel],\n )\n\n return (\n <Wrapper className={isLoading ? 'loading' : undefined}>\n <SearchFilter\n ref={searchFilterRef}\n compact\n options={options}\n filters={localFilters}\n onChange={handleFilterChange}\n onFinish={handleFinish}\n enableGlobalSearch\n enableMultipleSameFilters={false}\n enableAutosuggestion={~~true~~}\n onSearchChange={handleLiveSearch}\n quickActions={quickActions}\n placeholder=\"Search and filter subtasks...\"\n pt={{\n searchBar: {\n onClickCapture: (e) => dateRange.handleSearchBarClickCapture(e, localFilters),\n },\n dropdown: {\n pt: {\n item: {\n onClick: (e) => dateRange.handleDropdownItemClick(e, localFilters, options),\n },\n },\n },\n }}\n />\n <CustomDateRangeDialog\n isOpen={!!dateRange.customRangeFilterId}\n header={\n options.find((o) => o.id === dateRange.customRangeFilterId?.split('__')[0])?.label ??\n 'Custom range'\n }\n startDate={dateRange.customStartDate}\n endDate={dateRange.customEndDate}\n onStartDateChange={dateRange.setCustomStartDate}\n onEndDateChange={dateRange.setCustomEndDate}\n onApply={() =>\n dateRange.handleCustomRangeApply(localFilters, options, handleFinish, searchFilterRef)\n }\n onClose={dateRange.handleCustomRangeClose}\n />\n </Wrapper>\n )\n}\n\nexport default SubtasksSearchFilter\n"],"names":["Wrapper","styled","SubtasksSearchFilter","subtasksFilter","setSubtasksFilter","users","isLoading","totalCount","doneCount","onSearchTextChange","options","useMemo","u","filters","subtasksFilterToClientFilters","localFilters","setLocalFilters","useState","searchFilterRef","useRef","dateRange","useDateRangeFilter","useEffect","handleFinish","newFilters","queryFilter","clientFiltersToSubtasksFilter","handleFilterChange","handleLiveSearch","value","filter","statusLabel","quickActions","jsxs","jsx","SearchFilter","CustomDateRangeDialog","o"],"mappings":"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"}
1	+ {"version":3,"file":"SubtasksSearchFilter.cjs.js","sources":["../../../../../../../src/containers/DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.tsx"],"sourcesContent":["import { FC, useEffect, useMemo, useRef, useState } from 'react'\nimport {\n SearchFilter,\n Filter,\n Option,\n SearchFilterQuickAction,\n SearchFilterRef,\n} from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport type { QueryFilter, UserModel } from '@shared/api'\nimport {\n subtasksFilterToClientFilters,\n clientFiltersToSubtasksFilter,\n} from '../../helpers/subtasksFilterAdapter'\nimport { generateDateOptions } from '@shared/components/SearchFilter/filterDates'\nimport { useDateRangeFilter } from '@shared/components/SearchFilter/useDateRangeFilter'\nimport { CustomDateRangeDialog } from '@shared/components/SearchFilter/CustomDateRangeDialog'\n\nconst Wrapper = styled.div`\n padding: 4px 8px;\n padding-bottom: 0;\n\n &.loading {\n opacity: 0.5;\n pointer-events: none;\n }\n`\n\ninterface SubtasksSearchFilterProps {\n subtasksFilter: QueryFilter\n setSubtasksFilter: (filter: QueryFilter) => void\n users: UserModel[]\n isLoading?: boolean\n totalCount?: number\n doneCount?: number\n onSearchTextChange?: (text: string) => void\n}\n\nconst SubtasksSearchFilter: FC<SubtasksSearchFilterProps> = ({\n subtasksFilter,\n setSubtasksFilter,\n users,\n isLoading,\n totalCount = 0,\n doneCount = 0,\n onSearchTextChange,\n}) => {\n const options: Option[] = useMemo(\n () => [\n {\n id: 'isDone',\n label: 'Status',\n icon: 'check_circle',\n type: 'boolean',\n singleSelect: true,\n values: [\n { id: 'false', label: 'Not Done', icon: 'radio_button_unchecked' },\n { id: 'true', label: 'Done', icon: 'check_circle' },\n ],\n },\n {\n id: 'assignees',\n label: 'Assignees',\n icon: 'person',\n type: 'list_of_strings' as const,\n operator: 'OR' as const,\n allowHasValue: true,\n allowNoValue: true,\n values: users.map((u) => ({\n id: u.name,\n label: u.attrib?.fullName \|\| u.name,\n img: `/api/users/${u.name}/avatar`,\n })),\n },\n // dates disabled until planner update with support is released\n // {\n // id: 'startDate',\n // label: 'Start Date',\n // icon: 'calendar_today',\n // type: 'datetime',\n // values: generateDateOptions(),\n // },\n // {\n // id: 'endDate',\n // label: 'End Date',\n // icon: 'event',\n // type: 'datetime',\n // values: generateDateOptions(),\n // },\n ],\n [users],\n )\n\n const filters = useMemo(() => {\n return subtasksFilterToClientFilters(subtasksFilter, options)\n }, [subtasksFilter, options])\n\n const [localFilters, setLocalFilters] = useState<Filter[]>(filters)\n const searchFilterRef = useRef<SearchFilterRef>(null)\n\n const dateRange = useDateRangeFilter()\n\n useEffect(() => {\n setLocalFilters(filters)\n }, [JSON.stringify(filters)])\n\n const handleFinish = (newFilters: Filter[]) => {\n const queryFilter = clientFiltersToSubtasksFilter(newFilters)\n\n setSubtasksFilter(queryFilter)\n onSearchTextChange?.('')\n }\n\n const handleFilterChange = (newFilters: Filter[]) => {\n dateRange.wrapFilterChange(newFilters, localFilters, setLocalFilters)\n }\n\n const handleLiveSearch = (value: string, filter: string \| null) => {\n // only for root level searching\n if (!!filter) return\n onSearchTextChange?.(value)\n }\n\n let statusLabel: string = ''\n if (totalCount > 0) {\n statusLabel = `${doneCount}/${totalCount}`\n }\n\n const quickActions: SearchFilterQuickAction[] = useMemo(\n () => [{ id: 'isDone', label: statusLabel, tooltip: 'Status' }],\n [statusLabel],\n )\n\n return (\n <Wrapper className={isLoading ? 'loading' : undefined}>\n <SearchFilter\n ref={searchFilterRef}\n compact\n options={options}\n filters={localFilters}\n onChange={handleFilterChange}\n onFinish={handleFinish}\n enableGlobalSearch\n enableMultipleSameFilters={false}\n enableAutosuggestion={false}\n onSearchChange={handleLiveSearch}\n quickActions={quickActions}\n placeholder=\"Search and filter subtasks...\"\n pt={{\n searchBar: {\n onClickCapture: (e) => dateRange.handleSearchBarClickCapture(e, localFilters),\n },\n dropdown: {\n pt: {\n item: {\n onClick: (e) => dateRange.handleDropdownItemClick(e, localFilters, options),\n },\n },\n },\n }}\n />\n <CustomDateRangeDialog\n isOpen={!!dateRange.customRangeFilterId}\n header={\n options.find((o) => o.id === dateRange.customRangeFilterId?.split('__')[0])?.label ??\n 'Custom range'\n }\n startDate={dateRange.customStartDate}\n endDate={dateRange.customEndDate}\n onStartDateChange={dateRange.setCustomStartDate}\n onEndDateChange={dateRange.setCustomEndDate}\n onApply={() =>\n dateRange.handleCustomRangeApply(localFilters, options, handleFinish, searchFilterRef)\n }\n onClose={dateRange.handleCustomRangeClose}\n />\n </Wrapper>\n )\n}\n\nexport default SubtasksSearchFilter\n"],"names":["Wrapper","styled","SubtasksSearchFilter","subtasksFilter","setSubtasksFilter","users","isLoading","totalCount","doneCount","onSearchTextChange","options","useMemo","u","filters","subtasksFilterToClientFilters","localFilters","setLocalFilters","useState","searchFilterRef","useRef","dateRange","useDateRangeFilter","useEffect","handleFinish","newFilters","queryFilter","clientFiltersToSubtasksFilter","handleFilterChange","handleLiveSearch","value","filter","statusLabel","quickActions","jsxs","jsx","SearchFilter","CustomDateRangeDialog","o"],"mappings":"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"}

package/dist/shared/src/containers/DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.es.js CHANGED Viewed

@@ -66,23 +66,23 @@ const E = v.div`
       //   },
     ],
     [u]
-  ), n = r(() => x(c, a), [c, a]), [o, m] = k(n), h = R(null), t = w();
+  ), s = r(() => x(c, a), [c, a]), [o, m] = k(s), h = R(null), t = w();
   y(() => {
-    m(n);
-  }, [JSON.stringify(n)]);
+    m(s);
+  }, [JSON.stringify(s)]);
   const g = (e) => {
-    const l = j(e);
-    f(l), p?.("");
+    const n = j(e);
+    f(n), p?.("");
   }, F = (e) => {
     t.wrapFilterChange(e, o, m);
-  }, S = (e, l) => {
-    l || p?.(e);
+  }, S = (e, n) => {
+    n || p?.(e);
   };
-  let s = "";
-  d > 0 && (s = `${C}/${d}`);
+  let l = "";
+  d > 0 && (l = `${C}/${d}`);
   const D = r(
-    () => [{ id: "isDone", label: s, tooltip: "Status" }],
-    [s]
+    () => [{ id: "isDone", label: l, tooltip: "Status" }],
+    [l]
   );
   return /* @__PURE__ */ i.jsxs(E, { className: b ? "loading" : void 0, children: [
     /* @__PURE__ */ i.jsx(
@@ -96,7 +96,7 @@ const E = v.div`
         onFinish: g,
         enableGlobalSearch: !0,
         enableMultipleSameFilters: !1,
-        enableAutosuggestion: !0,
+        enableAutosuggestion: !1,
         onSearchChange: S,
         quickActions: D,
         placeholder: "Search and filter subtasks...",

package/dist/shared/src/containers/DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SubtasksSearchFilter.es.js","sources":["../../../../../../../src/containers/DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.tsx"],"sourcesContent":["import { FC, useEffect, useMemo, useRef, useState } from 'react'\nimport {\n SearchFilter,\n Filter,\n Option,\n SearchFilterQuickAction,\n SearchFilterRef,\n} from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport { ~~type~~ QueryFilter, UserModel } from '@shared/api'\nimport {\n subtasksFilterToClientFilters,\n clientFiltersToSubtasksFilter,\n} from '../../helpers/subtasksFilterAdapter'\nimport { generateDateOptions } from '@shared/components/SearchFilter/filterDates'\nimport { useDateRangeFilter } from '@shared/components/SearchFilter/useDateRangeFilter'\nimport { CustomDateRangeDialog } from '@shared/components/SearchFilter/CustomDateRangeDialog'\n\nconst Wrapper = styled.div`\n padding: 4px 8px;\n padding-bottom: 0;\n\n &.loading {\n opacity: 0.5;\n pointer-events: none;\n }\n`\n\ninterface SubtasksSearchFilterProps {\n subtasksFilter: QueryFilter\n setSubtasksFilter: (filter: QueryFilter) => void\n users: UserModel[]\n isLoading?: boolean\n totalCount?: number\n doneCount?: number\n onSearchTextChange?: (text: string) => void\n}\n\nconst SubtasksSearchFilter: FC<SubtasksSearchFilterProps> = ({\n subtasksFilter,\n setSubtasksFilter,\n users,\n isLoading,\n totalCount = 0,\n doneCount = 0,\n onSearchTextChange,\n}) => {\n const options: Option[] = useMemo(\n () => [\n {\n id: 'isDone',\n label: 'Status',\n icon: 'check_circle',\n type: 'boolean',\n singleSelect: true,\n values: [\n { id: 'false', label: 'Not Done', icon: 'radio_button_unchecked' },\n { id: 'true', label: 'Done', icon: 'check_circle' },\n ],\n },\n {\n id: 'assignees',\n label: 'Assignees',\n icon: 'person',\n type: 'list_of_strings' as const,\n operator: 'OR' as const,\n allowHasValue: true,\n allowNoValue: true,\n values: users.map((u) => ({\n id: u.name,\n label: u.attrib?.fullName \|\| u.name,\n img: `/api/users/${u.name}/avatar`,\n })),\n },\n // dates disabled until planner update with support is released\n // {\n // id: 'startDate',\n // label: 'Start Date',\n // icon: 'calendar_today',\n // type: 'datetime',\n // values: generateDateOptions(),\n // },\n // {\n // id: 'endDate',\n // label: 'End Date',\n // icon: 'event',\n // type: 'datetime',\n // values: generateDateOptions(),\n // },\n ],\n [users],\n )\n\n const filters = useMemo(() => {\n return subtasksFilterToClientFilters(subtasksFilter, options)\n }, [subtasksFilter, options])\n\n const [localFilters, setLocalFilters] = useState<Filter[]>(filters)\n const searchFilterRef = useRef<SearchFilterRef>(null)\n\n const dateRange = useDateRangeFilter()\n\n useEffect(() => {\n setLocalFilters(filters)\n }, [JSON.stringify(filters)])\n\n const handleFinish = (newFilters: Filter[]) => {\n const queryFilter = clientFiltersToSubtasksFilter(newFilters)\n\n setSubtasksFilter(queryFilter)\n onSearchTextChange?.('')\n }\n\n const handleFilterChange = (newFilters: Filter[]) => {\n dateRange.wrapFilterChange(newFilters, localFilters, setLocalFilters)\n }\n\n const handleLiveSearch = (value: string, filter: string \| null) => {\n // only for root level searching\n if (!!filter) return\n onSearchTextChange?.(value)\n }\n\n let statusLabel: string = ''\n if (totalCount > 0) {\n statusLabel = `${doneCount}/${totalCount}`\n }\n\n const quickActions: SearchFilterQuickAction[] = useMemo(\n () => [{ id: 'isDone', label: statusLabel, tooltip: 'Status' }],\n [statusLabel],\n )\n\n return (\n <Wrapper className={isLoading ? 'loading' : undefined}>\n <SearchFilter\n ref={searchFilterRef}\n compact\n options={options}\n filters={localFilters}\n onChange={handleFilterChange}\n onFinish={handleFinish}\n enableGlobalSearch\n enableMultipleSameFilters={false}\n enableAutosuggestion={~~true~~}\n onSearchChange={handleLiveSearch}\n quickActions={quickActions}\n placeholder=\"Search and filter subtasks...\"\n pt={{\n searchBar: {\n onClickCapture: (e) => dateRange.handleSearchBarClickCapture(e, localFilters),\n },\n dropdown: {\n pt: {\n item: {\n onClick: (e) => dateRange.handleDropdownItemClick(e, localFilters, options),\n },\n },\n },\n }}\n />\n <CustomDateRangeDialog\n isOpen={!!dateRange.customRangeFilterId}\n header={\n options.find((o) => o.id === dateRange.customRangeFilterId?.split('__')[0])?.label ??\n 'Custom range'\n }\n startDate={dateRange.customStartDate}\n endDate={dateRange.customEndDate}\n onStartDateChange={dateRange.setCustomStartDate}\n onEndDateChange={dateRange.setCustomEndDate}\n onApply={() =>\n dateRange.handleCustomRangeApply(localFilters, options, handleFinish, searchFilterRef)\n }\n onClose={dateRange.handleCustomRangeClose}\n />\n </Wrapper>\n )\n}\n\nexport default SubtasksSearchFilter\n"],"names":["Wrapper","styled","SubtasksSearchFilter","subtasksFilter","setSubtasksFilter","users","isLoading","totalCount","doneCount","onSearchTextChange","options","useMemo","u","filters","subtasksFilterToClientFilters","localFilters","setLocalFilters","useState","searchFilterRef","useRef","dateRange","useDateRangeFilter","useEffect","handleFinish","newFilters","queryFilter","clientFiltersToSubtasksFilter","handleFilterChange","handleLiveSearch","value","filter","statusLabel","quickActions","jsxs","jsx","SearchFilter","CustomDateRangeDialog","o"],"mappings":"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"}
1	+ {"version":3,"file":"SubtasksSearchFilter.es.js","sources":["../../../../../../../src/containers/DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.tsx"],"sourcesContent":["import { FC, useEffect, useMemo, useRef, useState } from 'react'\nimport {\n SearchFilter,\n Filter,\n Option,\n SearchFilterQuickAction,\n SearchFilterRef,\n} from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport type { QueryFilter, UserModel } from '@shared/api'\nimport {\n subtasksFilterToClientFilters,\n clientFiltersToSubtasksFilter,\n} from '../../helpers/subtasksFilterAdapter'\nimport { generateDateOptions } from '@shared/components/SearchFilter/filterDates'\nimport { useDateRangeFilter } from '@shared/components/SearchFilter/useDateRangeFilter'\nimport { CustomDateRangeDialog } from '@shared/components/SearchFilter/CustomDateRangeDialog'\n\nconst Wrapper = styled.div`\n padding: 4px 8px;\n padding-bottom: 0;\n\n &.loading {\n opacity: 0.5;\n pointer-events: none;\n }\n`\n\ninterface SubtasksSearchFilterProps {\n subtasksFilter: QueryFilter\n setSubtasksFilter: (filter: QueryFilter) => void\n users: UserModel[]\n isLoading?: boolean\n totalCount?: number\n doneCount?: number\n onSearchTextChange?: (text: string) => void\n}\n\nconst SubtasksSearchFilter: FC<SubtasksSearchFilterProps> = ({\n subtasksFilter,\n setSubtasksFilter,\n users,\n isLoading,\n totalCount = 0,\n doneCount = 0,\n onSearchTextChange,\n}) => {\n const options: Option[] = useMemo(\n () => [\n {\n id: 'isDone',\n label: 'Status',\n icon: 'check_circle',\n type: 'boolean',\n singleSelect: true,\n values: [\n { id: 'false', label: 'Not Done', icon: 'radio_button_unchecked' },\n { id: 'true', label: 'Done', icon: 'check_circle' },\n ],\n },\n {\n id: 'assignees',\n label: 'Assignees',\n icon: 'person',\n type: 'list_of_strings' as const,\n operator: 'OR' as const,\n allowHasValue: true,\n allowNoValue: true,\n values: users.map((u) => ({\n id: u.name,\n label: u.attrib?.fullName \|\| u.name,\n img: `/api/users/${u.name}/avatar`,\n })),\n },\n // dates disabled until planner update with support is released\n // {\n // id: 'startDate',\n // label: 'Start Date',\n // icon: 'calendar_today',\n // type: 'datetime',\n // values: generateDateOptions(),\n // },\n // {\n // id: 'endDate',\n // label: 'End Date',\n // icon: 'event',\n // type: 'datetime',\n // values: generateDateOptions(),\n // },\n ],\n [users],\n )\n\n const filters = useMemo(() => {\n return subtasksFilterToClientFilters(subtasksFilter, options)\n }, [subtasksFilter, options])\n\n const [localFilters, setLocalFilters] = useState<Filter[]>(filters)\n const searchFilterRef = useRef<SearchFilterRef>(null)\n\n const dateRange = useDateRangeFilter()\n\n useEffect(() => {\n setLocalFilters(filters)\n }, [JSON.stringify(filters)])\n\n const handleFinish = (newFilters: Filter[]) => {\n const queryFilter = clientFiltersToSubtasksFilter(newFilters)\n\n setSubtasksFilter(queryFilter)\n onSearchTextChange?.('')\n }\n\n const handleFilterChange = (newFilters: Filter[]) => {\n dateRange.wrapFilterChange(newFilters, localFilters, setLocalFilters)\n }\n\n const handleLiveSearch = (value: string, filter: string \| null) => {\n // only for root level searching\n if (!!filter) return\n onSearchTextChange?.(value)\n }\n\n let statusLabel: string = ''\n if (totalCount > 0) {\n statusLabel = `${doneCount}/${totalCount}`\n }\n\n const quickActions: SearchFilterQuickAction[] = useMemo(\n () => [{ id: 'isDone', label: statusLabel, tooltip: 'Status' }],\n [statusLabel],\n )\n\n return (\n <Wrapper className={isLoading ? 'loading' : undefined}>\n <SearchFilter\n ref={searchFilterRef}\n compact\n options={options}\n filters={localFilters}\n onChange={handleFilterChange}\n onFinish={handleFinish}\n enableGlobalSearch\n enableMultipleSameFilters={false}\n enableAutosuggestion={false}\n onSearchChange={handleLiveSearch}\n quickActions={quickActions}\n placeholder=\"Search and filter subtasks...\"\n pt={{\n searchBar: {\n onClickCapture: (e) => dateRange.handleSearchBarClickCapture(e, localFilters),\n },\n dropdown: {\n pt: {\n item: {\n onClick: (e) => dateRange.handleDropdownItemClick(e, localFilters, options),\n },\n },\n },\n }}\n />\n <CustomDateRangeDialog\n isOpen={!!dateRange.customRangeFilterId}\n header={\n options.find((o) => o.id === dateRange.customRangeFilterId?.split('__')[0])?.label ??\n 'Custom range'\n }\n startDate={dateRange.customStartDate}\n endDate={dateRange.customEndDate}\n onStartDateChange={dateRange.setCustomStartDate}\n onEndDateChange={dateRange.setCustomEndDate}\n onApply={() =>\n dateRange.handleCustomRangeApply(localFilters, options, handleFinish, searchFilterRef)\n }\n onClose={dateRange.handleCustomRangeClose}\n />\n </Wrapper>\n )\n}\n\nexport default SubtasksSearchFilter\n"],"names":["Wrapper","styled","SubtasksSearchFilter","subtasksFilter","setSubtasksFilter","users","isLoading","totalCount","doneCount","onSearchTextChange","options","useMemo","u","filters","subtasksFilterToClientFilters","localFilters","setLocalFilters","useState","searchFilterRef","useRef","dateRange","useDateRangeFilter","useEffect","handleFinish","newFilters","queryFilter","clientFiltersToSubtasksFilter","handleFilterChange","handleLiveSearch","value","filter","statusLabel","quickActions","jsxs","jsx","SearchFilter","CustomDateRangeDialog","o"],"mappings":";;;;;;;AAkBA,MAAMA,IAAUC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAoBjBC,IAAsD,CAAC;AAAA,EAC3D,gBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,oBAAAC;AACF,MAAM;AACJ,QAAMC,IAAoBC;AAAA,IACxB,MAAM;AAAA,MACJ;AAAA,QACE,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,QACN,cAAc;AAAA,QACd,QAAQ;AAAA,UACN,EAAE,IAAI,SAAS,OAAO,YAAY,MAAM,yBAAA;AAAA,UACxC,EAAE,IAAI,QAAQ,OAAO,QAAQ,MAAM,eAAA;AAAA,QAAe;AAAA,MACpD;AAAA,MAEF;AAAA,QACE,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,QACN,UAAU;AAAA,QACV,eAAe;AAAA,QACf,cAAc;AAAA,QACd,QAAQN,EAAM,IAAI,CAACO,OAAO;AAAA,UACxB,IAAIA,EAAE;AAAA,UACN,OAAOA,EAAE,QAAQ,YAAYA,EAAE;AAAA,UAC/B,KAAK,cAAcA,EAAE,IAAI;AAAA,QAAA,EACzB;AAAA,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IACJ;AAAA,IAiBF,CAACP,CAAK;AAAA,EAAA,GAGFQ,IAAUF,EAAQ,MACfG,EAA8BX,GAAgBO,CAAO,GAC3D,CAACP,GAAgBO,CAAO,CAAC,GAEtB,CAACK,GAAcC,CAAe,IAAIC,EAAmBJ,CAAO,GAC5DK,IAAkBC,EAAwB,IAAI,GAE9CC,IAAYC,EAAA;AAElB,EAAAC,EAAU,MAAM;AACd,IAAAN,EAAgBH,CAAO;AAAA,EACzB,GAAG,CAAC,KAAK,UAAUA,CAAO,CAAC,CAAC;AAE5B,QAAMU,IAAe,CAACC,MAAyB;AAC7C,UAAMC,IAAcC,EAA8BF,CAAU;AAE5D,IAAApB,EAAkBqB,CAAW,GAC7BhB,IAAqB,EAAE;AAAA,EACzB,GAEMkB,IAAqB,CAACH,MAAyB;AACnD,IAAAJ,EAAU,iBAAiBI,GAAYT,GAAcC,CAAe;AAAA,EACtE,GAEMY,IAAmB,CAACC,GAAeC,MAA0B;AAEjE,IAAMA,KACNrB,IAAqBoB,CAAK;AAAA,EAC5B;AAEA,MAAIE,IAAsB;AAC1B,EAAIxB,IAAa,MACfwB,IAAc,GAAGvB,CAAS,IAAID,CAAU;AAG1C,QAAMyB,IAA0CrB;AAAA,IAC9C,MAAM,CAAC,EAAE,IAAI,UAAU,OAAOoB,GAAa,SAAS,UAAU;AAAA,IAC9D,CAACA,CAAW;AAAA,EAAA;AAGd,SACEE,gBAAAA,EAAAA,KAACjC,GAAA,EAAQ,WAAWM,IAAY,YAAY,QAC1C,UAAA;AAAA,IAAA4B,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAKjB;AAAA,QACL,SAAO;AAAA,QACP,SAAAR;AAAA,QACA,SAASK;AAAA,QACT,UAAUY;AAAA,QACV,UAAUJ;AAAA,QACV,oBAAkB;AAAA,QAClB,2BAA2B;AAAA,QAC3B,sBAAsB;AAAA,QACtB,gBAAgBK;AAAA,QAChB,cAAAI;AAAA,QACA,aAAY;AAAA,QACZ,IAAI;AAAA,UACF,WAAW;AAAA,YACT,gBAAgB,CAAC,MAAMZ,EAAU,4BAA4B,GAAGL,CAAY;AAAA,UAAA;AAAA,UAE9E,UAAU;AAAA,YACR,IAAI;AAAA,cACF,MAAM;AAAA,gBACJ,SAAS,CAAC,MAAMK,EAAU,wBAAwB,GAAGL,GAAcL,CAAO;AAAA,cAAA;AAAA,YAC5E;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IAAA;AAAA,IAEFwB,gBAAAA,EAAAA;AAAAA,MAACE;AAAA,MAAA;AAAA,QACC,QAAQ,CAAC,CAAChB,EAAU;AAAA,QACpB,QACEV,EAAQ,KAAK,CAAC2B,MAAMA,EAAE,OAAOjB,EAAU,qBAAqB,MAAM,IAAI,EAAE,CAAC,CAAC,GAAG,SAC7E;AAAA,QAEF,WAAWA,EAAU;AAAA,QACrB,SAASA,EAAU;AAAA,QACnB,mBAAmBA,EAAU;AAAA,QAC7B,iBAAiBA,EAAU;AAAA,QAC3B,SAAS,MACPA,EAAU,uBAAuBL,GAAcL,GAASa,GAAcL,CAAe;AAAA,QAEvF,SAASE,EAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACrB,GACF;AAEJ;"}

package/dist/shared/src/containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TabHeaderAndFilters.cjs.js","sources":["../../../../../../../src/containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.tsx"],"sourcesContent":["// Tab-specific header with label and filters\n// Currently only Feed has filters: activity, comments, versions, checklists\n\nimport { Spacer } from '@ynput/ayon-react-components'\nimport * as Styled from './TabHeaderAndFilters.styled'\nimport { QueryFilter, QueryCondition, EnumItem } from '@shared/api'\nimport { useState, useRef, useEffect } from 'react'\nimport clsx from 'clsx'\n\nexport interface FilterItem<T = string> {\n id: T\n tooltip: string\n icon: string\n type?: 'boolean' \| 'enum' \| 'search'\n options?: EnumItem[]\n placeholder?: string\n operator?: QueryCondition['operator']\n}\n\ninterface TabHeaderAndFiltersProps<T, K = string> {\n label: string\n filters: FilterItem<K>[]\n currentFilter: T\n onFilterChange: (filter: T) => void\n isLoading?: boolean\n}\n\nconst isCondition = (c: QueryCondition \| QueryFilter): c is QueryCondition => {\n return !!c && 'key' in c\n}\n\nconst isSearchItem = (c: QueryCondition \| QueryFilter, filterId: string): boolean => {\n if (isCondition(c)) return c.key === filterId\n return !!c.conditions?.some((sub) => isSearchItem(sub, filterId))\n}\n\nconst stringifySearchFilter = (filter: QueryCondition \| QueryFilter): string => {\n if (isCondition(filter)) return String(filter.value \|\| '')\n\n const joiner = filter.operator === 'or' ? ', ' : '.'\n return filter.conditions?.map((c) => stringifySearchFilter(c)).join(joiner) \|\| ''\n}\n\nconst parseSearchValue = (\n val: string,\n key: string,\n operator: QueryCondition['operator'],\n): QueryCondition \| QueryFilter => {\n // Split by comma first (OR)\n const orTerms = val\n .split(',')\n .map((t) => t.trim())\n .filter(Boolean)\n\n if (orTerms.length > 1) {\n return {\n operator: 'or',\n conditions: orTerms.map((term) => parseSearchValue(term, key, operator)),\n }\n }\n\n const baseValue = orTerms[0] \|\| val.trim()\n if (!baseValue \|\| baseValue === ',' \|\| baseValue === '.') {\n return {\n key,\n operator,\n value: '',\n }\n }\n\n // If no commas, split by period (AND)\n const andTerms = baseValue\n .split('.')\n .map((t) => t.trim())\n .filter(Boolean)\n\n if (andTerms.length > 1) {\n return {\n operator: 'and',\n conditions: andTerms.map((term) => ({\n key,\n operator,\n value: term,\n })),\n }\n }\n\n // Single term\n return {\n key,\n operator,\n value: andTerms[0] \|\| '',\n }\n}\n\nconst TabHeaderAndFilters = <T, K = string>({\n label,\n filters,\n currentFilter,\n onFilterChange,\n isLoading,\n}: TabHeaderAndFiltersProps<T, K>) => {\n const [expandedSearchId, setExpandedSearchId] = useState<string \| null>(null)\n const [searchValue, setSearchValue] = useState<string>('')\n const searchInputRef = useRef<HTMLInputElement>(null)\n\n const isQueryFilter = (f: any): f is QueryFilter => {\n return typeof f === 'object' && f !== null && !Array.isArray(f)\n }\n\n // Focus input when search expands\n useEffect(() => {\n if (expandedSearchId && searchInputRef.current) {\n searchInputRef.current.focus()\n }\n }, [expandedSearchId])\n\n // Sync search value with current filter\n useEffect(() => {\n if (expandedSearchId && isQueryFilter(currentFilter)) {\n if (document.activeElement === searchInputRef.current) return\n const searchItem = currentFilter.conditions?.find((c) => isSearchItem(c, expandedSearchId))\n setSearchValue(searchItem ? stringifySearchFilter(searchItem) : '')\n }\n }, [expandedSearchId, currentFilter])\n\n const handleToggle = (filter: FilterItem<K>, value?: any) => {\n if (!isQueryFilter(currentFilter)) {\n onFilterChange(filter.id as unknown as T)\n return\n }\n\n const conditions = currentFilter.conditions ? [...currentFilter.conditions] : []\n const newFilter: QueryFilter = {\n ...currentFilter,\n conditions,\n operator: currentFilter.operator \|\| 'and',\n }\n\n const filterId = String(filter.id)\n\n const existingIndex = conditions.findIndex((c) => isSearchItem(c, filterId))\n\n const type = filter.type \|\| 'boolean'\n\n if (type === 'boolean') {\n if (existingIndex > -1) {\n conditions.splice(existingIndex, 1)\n } else {\n conditions.push({ key: filterId, operator: filter.operator \|\| 'eq', value: true })\n }\n } else if (type === 'enum') {\n const newValue = Array.isArray(value) ? value : [value]\n if (newValue.length === 0 \|\| (newValue.length === 1 && newValue[0] === undefined)) {\n if (existingIndex > -1) conditions.splice(existingIndex, 1)\n } else {\n const condition: QueryCondition = {\n key: filterId,\n operator: filter.operator \|\| 'in',\n value: newValue,\n }\n if (existingIndex > -1) {\n conditions[existingIndex] = condition\n } else {\n conditions.push(condition)\n }\n }\n } else if (type === 'search') {\n const stringValue = typeof value === 'string' ? value : ''\n if (!stringValue) {\n if (existingIndex > -1) conditions.splice(existingIndex, 1)\n } else {\n const parsedFilter = parseSearchValue(stringValue, filterId, filter.operator \|\| 'like')\n if (existingIndex > -1) {\n conditions[existingIndex] = parsedFilter\n } else {\n conditions.push(parsedFilter)\n }\n }\n }\n\n onFilterChange(newFilter as T)\n }\n\n const handleSearchClick = (filter: FilterItem<K>) => {\n const filterId = String(filter.id)\n if (expandedSearchId === filterId) {\n return // Already expanded\n }\n setExpandedSearchId(filterId)\n // Load existing value if any\n if (isQueryFilter(currentFilter)) {\n const searchItem = currentFilter.conditions?.find((c) => isSearchItem(c, filterId))\n setSearchValue(searchItem ? stringifySearchFilter(searchItem) : '')\n }\n }\n\n const handleSearchChange = (filter: FilterItem<K>, value: string) => {\n setSearchValue(value)\n handleToggle(filter, value)\n }\n\n const handleSearchClear = (filter: FilterItem<K>) => {\n setSearchValue('')\n setExpandedSearchId(null)\n handleToggle(filter, '')\n }\n\n const getIsSelected = (filter: FilterItem<K>) => {\n if (!isQueryFilter(currentFilter)) {\n return (filter.id as unknown as T) === currentFilter\n }\n return currentFilter.conditions?.some((c) => isSearchItem(c, String(filter.id)))\n }\n\n const getEnumValue = (filter: FilterItem<K>) => {\n if (!isQueryFilter(currentFilter)) return []\n const condition = currentFilter.conditions?.find(\n (c) => isCondition(c) && c.key === String(filter.id),\n ) as QueryCondition\n return (condition?.value as string[]) \|\| []\n }\n\n return (\n <Styled.HeaderContainer className={clsx('panel-tabs', { loading: isLoading })}>\n <Styled.HeaderLabel className=\"panel-header-label\">{label}</Styled.HeaderLabel>\n <Spacer />\n <Styled.FiltersContainer className=\"panel-header-filters\">\n {filters.map((filter) => {\n const isSelected = getIsSelected(filter)\n const type = filter.type \|\| 'boolean'\n\n if (type === 'enum') {\n return (\n <Styled.Options\n key={String(filter.id)}\n options={filter.options \|\| []}\n value={getEnumValue(filter)}\n onChange={(val) => handleToggle(filter, val)}\n isEditing\n autoOpen={false}\n align=\"right\"\n type=\"list_of_strings\"\n valueTemplate={() => (\n <Styled.FilterButton\n selected={isSelected}\n // @ts-expect-error - icon is fine\n icon={filter.icon}\n data-tooltip={filter.tooltip}\n data-tooltip-delay={0}\n />\n )}\n widthExpand\n className=\"panel-filter panel-filter-enum\"\n />\n )\n }\n\n if (type === 'search') {\n const isExpanded = expandedSearchId === String(filter.id)\n return (\n <Styled.SearchFilterContainer\n key={String(filter.id)}\n className={clsx('panel-filter', 'panel-filter-search', { expanded: isExpanded })}\n >\n <Styled.FilterButton\n selected={isSelected \|\| isExpanded}\n onClick={() => handleSearchClick(filter)}\n // @ts-expect-error - icon is fine\n icon={filter.icon}\n data-tooltip={!isExpanded ? filter.tooltip : undefined}\n data-tooltip-delay={0}\n />\n {isExpanded && (\n <>\n <Styled.SearchInput\n ref={searchInputRef}\n value={searchValue}\n onChange={(e) => handleSearchChange(filter, e.target.value)}\n onKeyDown={(e) => {\n if (e.key === 'Escape') {\n handleSearchClear(filter)\n }\n }}\n placeholder={filter.placeholder \|\| 'Search...'}\n />\n <Styled.ClearButton\n icon=\"close\"\n onClick={() => handleSearchClear(filter)}\n data-tooltip=\"Clear\"\n data-tooltip-delay={0}\n />\n </>\n )}\n </Styled.SearchFilterContainer>\n )\n }\n\n return (\n <Styled.FilterButton\n key={String(filter.id)}\n selected={isSelected}\n onClick={() => handleToggle(filter)}\n // @ts-expect-error - icon is fine\n icon={filter.icon}\n data-tooltip={filter.tooltip}\n data-tooltip-delay={0}\n className=\"panel-filter panel-filter-boolean\"\n />\n )\n })}\n </Styled.FiltersContainer>\n </Styled.HeaderContainer>\n )\n}\n\nexport default TabHeaderAndFilters\n"],"names":["isCondition","c","isSearchItem","filterId","sub","stringifySearchFilter","filter","joiner","parseSearchValue","val","key","operator","orTerms","t","term","baseValue","andTerms","TabHeaderAndFilters","label","filters","currentFilter","onFilterChange","isLoading","expandedSearchId","setExpandedSearchId","useState","searchValue","setSearchValue","searchInputRef","useRef","isQueryFilter","f","useEffect","searchItem","handleToggle","value","conditions","newFilter","existingIndex","type","newValue","condition","stringValue","parsedFilter","handleSearchClick","handleSearchChange","handleSearchClear","getIsSelected","getEnumValue","jsxs","Styled.HeaderContainer","clsx","jsx","Styled.HeaderLabel","Spacer","Styled.FiltersContainer","isSelected","Styled.Options","Styled.FilterButton","isExpanded","Styled.SearchFilterContainer","Fragment","Styled.SearchInput","e","Styled.ClearButton"],"mappings":"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"}
1	+ {"version":3,"file":"TabHeaderAndFilters.cjs.js","sources":["../../../../../../../src/containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.tsx"],"sourcesContent":["// Tab-specific header with label and filters\n// Currently only Feed has filters: activity, comments, versions, checklists\n\nimport { Spacer } from '@ynput/ayon-react-components'\nimport * as Styled from './TabHeaderAndFilters.styled'\nimport type { QueryFilter, QueryCondition, EnumItem } from '@shared/api'\nimport { useState, useRef, useEffect } from 'react'\nimport clsx from 'clsx'\n\nexport interface FilterItem<T = string> {\n id: T\n tooltip: string\n icon: string\n type?: 'boolean' \| 'enum' \| 'search'\n options?: EnumItem[]\n placeholder?: string\n operator?: QueryCondition['operator']\n}\n\ninterface TabHeaderAndFiltersProps<T, K = string> {\n label: string\n filters: FilterItem<K>[]\n currentFilter: T\n onFilterChange: (filter: T) => void\n isLoading?: boolean\n}\n\nconst isCondition = (c: QueryCondition \| QueryFilter): c is QueryCondition => {\n return !!c && 'key' in c\n}\n\nconst isSearchItem = (c: QueryCondition \| QueryFilter, filterId: string): boolean => {\n if (isCondition(c)) return c.key === filterId\n return !!c.conditions?.some((sub) => isSearchItem(sub, filterId))\n}\n\nconst stringifySearchFilter = (filter: QueryCondition \| QueryFilter): string => {\n if (isCondition(filter)) return String(filter.value \|\| '')\n\n const joiner = filter.operator === 'or' ? ', ' : '.'\n return filter.conditions?.map((c) => stringifySearchFilter(c)).join(joiner) \|\| ''\n}\n\nconst parseSearchValue = (\n val: string,\n key: string,\n operator: QueryCondition['operator'],\n): QueryCondition \| QueryFilter => {\n // Split by comma first (OR)\n const orTerms = val\n .split(',')\n .map((t) => t.trim())\n .filter(Boolean)\n\n if (orTerms.length > 1) {\n return {\n operator: 'or',\n conditions: orTerms.map((term) => parseSearchValue(term, key, operator)),\n }\n }\n\n const baseValue = orTerms[0] \|\| val.trim()\n if (!baseValue \|\| baseValue === ',' \|\| baseValue === '.') {\n return {\n key,\n operator,\n value: '',\n }\n }\n\n // If no commas, split by period (AND)\n const andTerms = baseValue\n .split('.')\n .map((t) => t.trim())\n .filter(Boolean)\n\n if (andTerms.length > 1) {\n return {\n operator: 'and',\n conditions: andTerms.map((term) => ({\n key,\n operator,\n value: term,\n })),\n }\n }\n\n // Single term\n return {\n key,\n operator,\n value: andTerms[0] \|\| '',\n }\n}\n\nconst TabHeaderAndFilters = <T, K = string>({\n label,\n filters,\n currentFilter,\n onFilterChange,\n isLoading,\n}: TabHeaderAndFiltersProps<T, K>) => {\n const [expandedSearchId, setExpandedSearchId] = useState<string \| null>(null)\n const [searchValue, setSearchValue] = useState<string>('')\n const searchInputRef = useRef<HTMLInputElement>(null)\n\n const isQueryFilter = (f: any): f is QueryFilter => {\n return typeof f === 'object' && f !== null && !Array.isArray(f)\n }\n\n // Focus input when search expands\n useEffect(() => {\n if (expandedSearchId && searchInputRef.current) {\n searchInputRef.current.focus()\n }\n }, [expandedSearchId])\n\n // Sync search value with current filter\n useEffect(() => {\n if (expandedSearchId && isQueryFilter(currentFilter)) {\n if (document.activeElement === searchInputRef.current) return\n const searchItem = currentFilter.conditions?.find((c) => isSearchItem(c, expandedSearchId))\n setSearchValue(searchItem ? stringifySearchFilter(searchItem) : '')\n }\n }, [expandedSearchId, currentFilter])\n\n const handleToggle = (filter: FilterItem<K>, value?: any) => {\n if (!isQueryFilter(currentFilter)) {\n onFilterChange(filter.id as unknown as T)\n return\n }\n\n const conditions = currentFilter.conditions ? [...currentFilter.conditions] : []\n const newFilter: QueryFilter = {\n ...currentFilter,\n conditions,\n operator: currentFilter.operator \|\| 'and',\n }\n\n const filterId = String(filter.id)\n\n const existingIndex = conditions.findIndex((c) => isSearchItem(c, filterId))\n\n const type = filter.type \|\| 'boolean'\n\n if (type === 'boolean') {\n if (existingIndex > -1) {\n conditions.splice(existingIndex, 1)\n } else {\n conditions.push({ key: filterId, operator: filter.operator \|\| 'eq', value: true })\n }\n } else if (type === 'enum') {\n const newValue = Array.isArray(value) ? value : [value]\n if (newValue.length === 0 \|\| (newValue.length === 1 && newValue[0] === undefined)) {\n if (existingIndex > -1) conditions.splice(existingIndex, 1)\n } else {\n const condition: QueryCondition = {\n key: filterId,\n operator: filter.operator \|\| 'in',\n value: newValue,\n }\n if (existingIndex > -1) {\n conditions[existingIndex] = condition\n } else {\n conditions.push(condition)\n }\n }\n } else if (type === 'search') {\n const stringValue = typeof value === 'string' ? value : ''\n if (!stringValue) {\n if (existingIndex > -1) conditions.splice(existingIndex, 1)\n } else {\n const parsedFilter = parseSearchValue(stringValue, filterId, filter.operator \|\| 'like')\n if (existingIndex > -1) {\n conditions[existingIndex] = parsedFilter\n } else {\n conditions.push(parsedFilter)\n }\n }\n }\n\n onFilterChange(newFilter as T)\n }\n\n const handleSearchClick = (filter: FilterItem<K>) => {\n const filterId = String(filter.id)\n if (expandedSearchId === filterId) {\n return // Already expanded\n }\n setExpandedSearchId(filterId)\n // Load existing value if any\n if (isQueryFilter(currentFilter)) {\n const searchItem = currentFilter.conditions?.find((c) => isSearchItem(c, filterId))\n setSearchValue(searchItem ? stringifySearchFilter(searchItem) : '')\n }\n }\n\n const handleSearchChange = (filter: FilterItem<K>, value: string) => {\n setSearchValue(value)\n handleToggle(filter, value)\n }\n\n const handleSearchClear = (filter: FilterItem<K>) => {\n setSearchValue('')\n setExpandedSearchId(null)\n handleToggle(filter, '')\n }\n\n const getIsSelected = (filter: FilterItem<K>) => {\n if (!isQueryFilter(currentFilter)) {\n return (filter.id as unknown as T) === currentFilter\n }\n return currentFilter.conditions?.some((c) => isSearchItem(c, String(filter.id)))\n }\n\n const getEnumValue = (filter: FilterItem<K>) => {\n if (!isQueryFilter(currentFilter)) return []\n const condition = currentFilter.conditions?.find(\n (c) => isCondition(c) && c.key === String(filter.id),\n ) as QueryCondition\n return (condition?.value as string[]) \|\| []\n }\n\n return (\n <Styled.HeaderContainer className={clsx('panel-tabs', { loading: isLoading })}>\n <Styled.HeaderLabel className=\"panel-header-label\">{label}</Styled.HeaderLabel>\n <Spacer />\n <Styled.FiltersContainer className=\"panel-header-filters\">\n {filters.map((filter) => {\n const isSelected = getIsSelected(filter)\n const type = filter.type \|\| 'boolean'\n\n if (type === 'enum') {\n return (\n <Styled.Options\n key={String(filter.id)}\n options={filter.options \|\| []}\n value={getEnumValue(filter)}\n onChange={(val) => handleToggle(filter, val)}\n isEditing\n autoOpen={false}\n align=\"right\"\n type=\"list_of_strings\"\n valueTemplate={() => (\n <Styled.FilterButton\n selected={isSelected}\n // @ts-expect-error - icon is fine\n icon={filter.icon}\n data-tooltip={filter.tooltip}\n data-tooltip-delay={0}\n />\n )}\n widthExpand\n className=\"panel-filter panel-filter-enum\"\n />\n )\n }\n\n if (type === 'search') {\n const isExpanded = expandedSearchId === String(filter.id)\n return (\n <Styled.SearchFilterContainer\n key={String(filter.id)}\n className={clsx('panel-filter', 'panel-filter-search', { expanded: isExpanded })}\n >\n <Styled.FilterButton\n selected={isSelected \|\| isExpanded}\n onClick={() => handleSearchClick(filter)}\n // @ts-expect-error - icon is fine\n icon={filter.icon}\n data-tooltip={!isExpanded ? filter.tooltip : undefined}\n data-tooltip-delay={0}\n />\n {isExpanded && (\n <>\n <Styled.SearchInput\n ref={searchInputRef}\n value={searchValue}\n onChange={(e) => handleSearchChange(filter, e.target.value)}\n onKeyDown={(e) => {\n if (e.key === 'Escape') {\n handleSearchClear(filter)\n }\n }}\n placeholder={filter.placeholder \|\| 'Search...'}\n />\n <Styled.ClearButton\n icon=\"close\"\n onClick={() => handleSearchClear(filter)}\n data-tooltip=\"Clear\"\n data-tooltip-delay={0}\n />\n </>\n )}\n </Styled.SearchFilterContainer>\n )\n }\n\n return (\n <Styled.FilterButton\n key={String(filter.id)}\n selected={isSelected}\n onClick={() => handleToggle(filter)}\n // @ts-expect-error - icon is fine\n icon={filter.icon}\n data-tooltip={filter.tooltip}\n data-tooltip-delay={0}\n className=\"panel-filter panel-filter-boolean\"\n />\n )\n })}\n </Styled.FiltersContainer>\n </Styled.HeaderContainer>\n )\n}\n\nexport default TabHeaderAndFilters\n"],"names":["isCondition","c","isSearchItem","filterId","sub","stringifySearchFilter","filter","joiner","parseSearchValue","val","key","operator","orTerms","t","term","baseValue","andTerms","TabHeaderAndFilters","label","filters","currentFilter","onFilterChange","isLoading","expandedSearchId","setExpandedSearchId","useState","searchValue","setSearchValue","searchInputRef","useRef","isQueryFilter","f","useEffect","searchItem","handleToggle","value","conditions","newFilter","existingIndex","type","newValue","condition","stringValue","parsedFilter","handleSearchClick","handleSearchChange","handleSearchClear","getIsSelected","getEnumValue","jsxs","Styled.HeaderContainer","clsx","jsx","Styled.HeaderLabel","Spacer","Styled.FiltersContainer","isSelected","Styled.Options","Styled.FilterButton","isExpanded","Styled.SearchFilterContainer","Fragment","Styled.SearchInput","e","Styled.ClearButton"],"mappings":"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"}