@ynput/ayon-frontend-shared 0.4.1 → 0.4.3

package/dist/shared/src/containers/Feed/components/FeedSearchFilter.es.js

@@ -1,308 +1,9 @@
-import { j as c } from "../../../../../_virtual/jsx-runtime.es.js";
-import { forwardRef as k, useMemo as d, useState as w, useRef as E, useEffect as F } from "react";
+import { j as m } from "../../../../../_virtual/jsx-runtime.es.js";
+import { forwardRef as k, useMemo as p, useState as w, useRef as E, useEffect as F } from "react";
 import { SearchFilter as A } from "@ynput/ayon-react-components";
 import O from "styled-components";
 import { feedFilterToClientFilters as j, clientFiltersToFeedFilter as L } from "../helpers/feedFilterAdapter.es.js";
 import { generateDateOptions as N } from "../../../components/SearchFilter/filterDates.es.js";
-import "lodash";
-import "react-toastify";
-import "uuid";
-import "../../../api/base/client.es.js";
-import "../../../api/generated/graphql.es.js";
-import "../../../api/generated/graphqlLinks.es.js";
-import "../../../api/generated/access.es.js";
-import "../../../api/generated/actions.es.js";
-import "../../../api/generated/activityFeed.es.js";
-import "../../../api/generated/addons.es.js";
-import "../../../api/generated/anatomy.es.js";
-import "../../../api/generated/attributes.es.js";
-import "../../../api/generated/authentication.es.js";
-import "../../../api/generated/bundles.es.js";
-import "../../../api/generated/configuration.es.js";
-import "../../../api/generated/dataImport.es.js";
-import "../../../api/generated/desktop.es.js";
-import "../../../api/generated/entityLists.es.js";
-import "../../../api/generated/events.es.js";
-import "../../../api/generated/files.es.js";
-import "../../../api/generated/folders.es.js";
-import "../../../api/generated/inbox.es.js";
-import "../../../api/generated/links.es.js";
-import "../../../api/generated/market.es.js";
-import "../../../api/generated/onboarding.es.js";
-import "../../../api/generated/operations.es.js";
-import "../../../api/generated/products.es.js";
-import "../../../api/generated/projectDashboard.es.js";
-import "../../../api/generated/projects.es.js";
-import "../../../api/generated/projectFolders.es.js";
-import "../../../api/generated/reviewables.es.js";
-import "../../../api/generated/services.es.js";
-import "../../../api/generated/system.es.js";
-import "../../../api/generated/tasks.es.js";
-import "../../../api/generated/teams.es.js";
-import "../../../api/generated/thumbnails.es.js";
-import "../../../api/generated/uRIs.es.js";
-import "../../../api/generated/users.es.js";
-import "../../../api/generated/versions.es.js";
-import "../../../api/generated/workfiles.es.js";
-import "../../../api/generated/ynputCloud.es.js";
-import "../../../api/generated/grouping.es.js";
-import "../../../api/generated/views.es.js";
-import "../../../api/queries/actions/getActions.es.js";
-import "../../../api/queries/activities/getActivities.es.js";
-import "../../../api/queries/activities/updateReaction.es.js";
-import "../../../api/queries/activities/getMentions.es.js";
-import "../../../api/queries/activities/getCategories.es.js";
-import "../../../api/queries/addons/getAddons.es.js";
-import "../../../api/queries/addons/updateAddons.es.js";
-import "../../../api/queries/attributes/getAttributes.es.js";
-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";
-import "../../../api/queries/entities/getEntityPanel.es.js";
-import "../../../api/queries/overview/getOverview.es.js";
-import "../../../api/queries/overview/updateOverview.es.js";
-import "../../../api/queries/versions/getVersionsProducts.es.js";
-import "../../../api/queries/links/getEntityLinks.es.js";
-import "../../../api/queries/entities/updateEntity.es.js";
-import "../../../api/queries/entityLists/getLists.es.js";
-import "../../../api/queries/entityLists/updateLists.es.js";
-import "../../../api/queries/entityLists/getListsAttributes.es.js";
-import "../../../api/queries/entityLists/listItemsColumnStats.es.js";
-import "../../../api/queries/entityLists/updateListsAttributes.es.js";
-import "../../../api/queries/entityLists/listFolders.es.js";
-import "../../../api/queries/folders/getFolders.es.js";
-import "../../../api/queries/folders/getFolderDeleteInfo.es.js";
-import "../../../api/queries/grouping/getGrouping.es.js";
-import "../../../api/queries/links/updateLinks.es.js";
-import "../../../api/queries/links/getLinks.es.js";
-import "../../../api/queries/permissions/getPermissions.es.js";
-import "../../../api/queries/products/createProduct.es.js";
-import "../../../api/queries/products/getFolderProducts.es.js";
-import "../../../api/queries/project/getProject.es.js";
-import "../../../api/queries/project/updateProject.es.js";
-import "../../../api/queries/projectFolders/projectFolders.es.js";
-import "../../../api/queries/review/getReview.es.js";
-import "../../../api/queries/review/updateReview.es.js";
-import "../../../api/queries/share/share.es.js";
-import "../../../api/queries/system/getSystem.es.js";
-import "../../../api/queries/tasks/getTasks.es.js";
-import "../../../api/queries/tasks/updateTasks.es.js";
-import "../../../api/queries/teams/getTeams.es.js";
-import "../../../api/queries/userDashboard/getUserDashboard.es.js";
-import "../../../api/queries/users/getUsers.es.js";
-import "../../../api/queries/users/updateUsers.es.js";
-import "../../../api/queries/users/guests.es.js";
-import "../../../api/queries/versions/updateVersions.es.js";
-import "../../../api/queries/views/getViews.es.js";
-import "../../../api/queries/views/updateViews.es.js";
-import "../../../api/queries/watchers/getWatchers.es.js";
-import "../../../api/queries/uris/getUris.es.js";
-import "../../../util/pubsub.es.js";
-import "../../../components/FeaturedVersionOrder/FeaturedVersionOrder.es.js";
-import "../../../context/RemoteModulesContext.es.js";
-import "../../../../../_virtual/runtime.es.js";
-import "../../../../../_virtual/semver.es.js";
-import "react-redux";
-import "custom-protocol-check";
-import "../../ProjectTreeTable/components/GroupSettingsFallback.es.js";
-import "../../../context/PowerpackContextInstance.es.js";
-import "../../../context/UriContext.es.js";
-import "../../../context/DetailsPanelContextInstance.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";
-/* empty css                                    */
-import "clsx";
-import "../context/FeedContext.es.js";
-import "./Tooltips/UserTooltipItem.es.js";
-import "./Tooltips/UserTooltip/UserTooltip.styled.es.js";
-import "./Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
-import "./Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
-import "./FileUploadPreview/FileUploadPreview.styled.es.js";
-import "./FileUploadPreview/Mimes/TextMime.es.js";
-import "react-markdown";
-import "remark-emoji";
-import "remark-gfm";
-import "remark-directive";
-import "remark-directive-rehype";
-import "./CommentInput/CommentInput.es.js";
-import "./ReactionContainer/Reactions.styled.es.js";
-import "./FilesGrid/FilesGrid.styled.es.js";
-import "./FileUploadCard/FileUploadCard.styled.es.js";
-import "./CommentInput/quillToMarkdown.es.js";
-import "./ActivityComment/ActivityComment.styled.es.js";
-import "./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 "./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/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/ProjectTableSettings/ColumnsSettings.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/buildTreeTableColumns.es.js";
-import "../../ProjectTreeTable/ProjectTreeTable.styled.es.js";
-import "../../ProjectTreeTable/components/HeaderActionButton.es.js";
-import "../../ProjectTreeTable/components/RowSelectionHeader.es.js";
-import "../../ProjectTreeTable/components/SelectionCell.es.js";
-import "../../ProjectTreeTable/context/CellEditingContext.es.js";
-import "short-uuid";
-import "../../ProjectTreeTable/utils/columnIds.es.js";
-import "../../ProjectTreeTable/context/SelectionCellsContext.es.js";
-import "../../ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
-import "../../ProjectTreeTable/context/ColumnSettingsContext.es.js";
-import "../../ProjectTreeTable/context/ProjectTableContextInstance.es.js";
-import "../../ProjectTreeTable/context/ClipboardContext.es.js";
-import "../../ProjectTreeTable/context/SelectedRowsContext.es.js";
-import "../../ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
-import "../../ProjectTreeTable/context/ProjectDataContextInstance.es.js";
-import "../../ProjectTreeTable/components/TableFooterRow.es.js";
-import "../../ProjectTreeTable/widgets/CellWidget.es.js";
-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/EntityNameWidget.es.js";
-import "../../ProjectTreeTable/widgets/EntityWidget.es.js";
-import "../../ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
-import "../../ProjectTreeTable/widgets/ThumbnailWidget.es.js";
-import "../../ProjectTreeTable/widgets/LinksWidget.es.js";
-import "../../ProjectTreeTable/widgets/EmptyWidget.es.js";
-import "../../ProjectTreeTable/widgets/ErrorWidget.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/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 "./ActivityReference/ActivityReference.styled.es.js";
-import "./ActivityStatus/ActivityStatus.es.js";
-import "./ActivityHeader/ActivityHeader.styled.es.js";
-import "./ActivityDate.es.js";
-import "./ActivityVersionReview/ActivityVersionReview.styled.es.js";
-import "./ActivityCategorySelect/ActivityCategorySelect.es.js";
-import "./ActivityCategorySelect/CategoryDropdownItem.es.js";
-import "./ActivityCategorySelect/CategoryTag.es.js";
-import "./ActivityFieldChange/ActivityFieldChange.styled.es.js";
-import "./ActivityFieldChange/FieldValue.es.js";
-import "./ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
-import "./ActivityVersions/ActivityVersions.styled.es.js";
-import "./ActivityGroup/ActivityGroup.styled.es.js";
-import "../Feed.styled.es.js";
-import "../../DetailsPanel/DetailsPanel.styled.es.js";
-import "../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
-import "../../DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.es.js";
-import "../../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
-import "../../../components/PlayableIcon/PlayableIcon.es.js";
-import "../../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.es.js";
-import "../../DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.es.js";
-import "../../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.es.js";
-import "../../DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.es.js";
-import "../../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
-import "../../DetailsPanel/components/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/DeleteEntitiesContext.es.js";
 import { useDateRangeFilter as q } from "../../../components/SearchFilter/useDateRangeFilter.es.js";
 import { CustomDateRangeDialog as I } from "../../../components/SearchFilter/CustomDateRangeDialog.es.js";
 const $ = O.div`
@@ -325,15 +26,15 @@ const $ = O.div`
     feedFilter: u,
     setFeedFilter: _,
     users: h,
-    categories: n,
+    categories: i,
     supportsReviewSession: f,
     isLoading: y,
-    checklistCount: e,
+    checklistCount: s,
     onSearchTextChange: g
   }) => {
-    const i = d(() => {
-      const t = (o, S, x) => ({
-        id: o,
+    const o = p(() => {
+      const e = (t, S, x) => ({
+        id: t,
         label: S,
         icon: x,
         type: "boolean",
@@ -341,13 +42,13 @@ const $ = O.div`
         values: []
       });
       return [
-        t("comments", "Comments", "chat"),
-        t("versions", "Versions", "layers"),
-        t("updates", "Updates", "arrow_circle_right"),
-        t("checklists", "Checklists", "check_circle"),
-        t("has_attachments", "Attachments", "attach_file"),
-        ...f ? [t("in_review_session", "Review session", "subscriptions")] : [],
-        ...n.length ? [
+        e("comments", "Comments", "chat"),
+        e("versions", "Versions", "layers"),
+        e("updates", "Updates", "arrow_circle_right"),
+        e("checklists", "Checklists", "check_circle"),
+        e("has_attachments", "Attachments", "attach_file"),
+        ...f ? [e("in_review_session", "Review session", "subscriptions")] : [],
+        ...i.length ? [
           {
             id: "category",
             label: "Category",
@@ -356,11 +57,11 @@ const $ = O.div`
             operator: "OR",
             values: [
               { id: "__none__", label: "No category", icon: "crop_square" },
-              ...n.map((o) => ({
-                id: o.name,
-                label: o.name,
+              ...i.map((t) => ({
+                id: t.name,
+                label: t.name,
                 icon: "crop_square",
-                color: o.color
+                color: t.color
               }))
             ]
           }
@@ -371,10 +72,10 @@ const $ = O.div`
           icon: "person",
           type: "list_of_strings",
           operator: "OR",
-          values: h.map((o) => ({
-            id: o.name,
-            label: o.attrib?.fullName || o.name,
-            img: `/api/users/${o.name}/avatar`
+          values: h.map((t) => ({
+            id: t.name,
+            label: t.attrib?.fullName || t.name,
+            img: `/api/users/${t.name}/avatar`
           }))
         },
         {
@@ -385,42 +86,42 @@ const $ = O.div`
           values: N()
         }
       ];
-    }, [h, n, f]);
-    let s = "";
-    e?.total && e.total > 0 && (s = `${e.checked}/${e.total}`);
-    const v = d(
-      () => ["comments", { id: "checklists", label: s, tooltip: "Checklists" }],
-      [s]
-    ), l = d(
-      () => j(u, i),
-      [u, i]
-    ), [m, C] = w(l), r = q(), p = E(null);
+    }, [h, i, f]);
+    let c = "";
+    s?.total && s.total > 0 && (c = `${s.checked}/${s.total}`);
+    const v = p(
+      () => ["comments", { id: "checklists", label: c, tooltip: "Checklists" }],
+      [c]
+    ), d = p(
+      () => j(u, o),
+      [u, o]
+    ), [n, C] = w(d), a = q(), r = E(null);
     F(() => {
-      C(l);
-    }, [JSON.stringify(l)]), F(() => {
-      const t = (a) => {
-        const o = p.current?.getContainerElement();
-        o && !o.contains(a.target) && p.current?.close();
+      C(d);
+    }, [JSON.stringify(d)]), F(() => {
+      const e = (l) => {
+        const t = r.current?.getContainerElement();
+        t && !t.contains(l.target) && r.current?.close();
       };
-      return document.addEventListener("mousedown", t), () => {
-        document.removeEventListener("mousedown", t);
+      return document.addEventListener("mousedown", e), () => {
+        document.removeEventListener("mousedown", e);
       };
-    }, [p]);
-    const b = (t) => {
-      _(L(t)), g?.("");
-    }, D = (t) => {
-      r.wrapFilterChange(t, m, C);
-    }, R = (t, a) => {
-      a || g?.(t);
+    }, [r]);
+    const b = (e) => {
+      _(L(e)), g?.("");
+    }, D = (e) => {
+      a.wrapFilterChange(e, n, C);
+    }, R = (e, l) => {
+      l || g?.(e);
     };
-    return /* @__PURE__ */ c.jsxs($, { className: y ? "loading" : void 0, children: [
-      /* @__PURE__ */ c.jsx(
+    return /* @__PURE__ */ m.jsxs($, { className: y ? "loading" : void 0, children: [
+      /* @__PURE__ */ m.jsx(
         A,
         {
-          ref: p,
+          ref: r,
           compact: !0,
-          options: i,
-          filters: m,
+          options: o,
+          filters: n,
           onChange: D,
           onFinish: b,
           enableGlobalSearch: !0,
@@ -431,29 +132,29 @@ const $ = O.div`
           placeholder: "Search and filter feed...",
           pt: {
             searchBar: {
-              onClickCapture: (t) => r.handleSearchBarClickCapture(t, m)
+              onClickCapture: (e) => a.handleSearchBarClickCapture(e, n)
             },
             dropdown: {
               pt: {
                 item: {
-                  onClick: (t) => r.handleDropdownItemClick(t, m, i)
+                  onClick: (e) => a.handleDropdownItemClick(e, n, o)
                 }
               }
             }
           }
         }
       ),
-      /* @__PURE__ */ c.jsx(
+      /* @__PURE__ */ m.jsx(
         I,
         {
-          isOpen: !!r.customRangeFilterId,
-          header: i.find((t) => t.id === r.customRangeFilterId?.split("__")[0])?.label ?? "Custom range",
-          startDate: r.customStartDate,
-          endDate: r.customEndDate,
-          onStartDateChange: r.setCustomStartDate,
-          onEndDateChange: r.setCustomEndDate,
-          onApply: () => r.handleCustomRangeApply(m, i, b, p),
-          onClose: r.handleCustomRangeClose
+          isOpen: !!a.customRangeFilterId,
+          header: o.find((e) => e.id === a.customRangeFilterId?.split("__")[0])?.label ?? "Custom range",
+          startDate: a.customStartDate,
+          endDate: a.customEndDate,
+          onStartDateChange: a.setCustomStartDate,
+          onEndDateChange: a.setCustomEndDate,
+          onApply: () => a.handleCustomRangeApply(n, o, b, r),
+          onClose: a.handleCustomRangeClose
         }
       )
     ] });

package/dist/shared/src/containers/Feed/components/FeedSearchFilter.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedSearchFilter.es.js","sources":["../../../../../../src/containers/Feed/components/FeedSearchFilter.tsx"],"sourcesContent":["import { forwardRef, 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, type ActivityCategory, ChecklistCount } from '@shared/api'\nimport { ActivityUser } from '../helpers/groupMinorActivities'\nimport { feedFilterToClientFilters, clientFiltersToFeedFilter } from '../helpers/feedFilterAdapter'\nimport { generateDateOptions } from '@shared/components/SearchFilter/filterDates'\nimport { useDateRangeFilter, CustomDateRangeDialog } from '@shared/components/SearchFilter'\n\nconst Wrapper = styled.div`\n  padding: 4px 8px;\n  padding-bottom: 0;\n  filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.25));\n  z-index: 10;\n\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n\n  &.loading {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n`\n\ninterface FeedSearchFilterProps {\n  feedFilter: QueryFilter\n  setFeedFilter: (filter: QueryFilter) => void\n  users: ActivityUser[]\n  categories: ActivityCategory[]\n  supportsReviewSession: boolean\n  isLoading?: boolean\n  checklistCount?: ChecklistCount | undefined\n  onSearchTextChange?: (text: string) => void\n}\n\nconst FeedSearchFilter = forwardRef<SearchFilterRef, FeedSearchFilterProps>(\n  ({\n    feedFilter,\n    setFeedFilter,\n    users,\n    categories,\n    supportsReviewSession,\n    isLoading,\n    checklistCount,\n    onSearchTextChange,\n  }) => {\n    const options: Option[] = useMemo(() => {\n      // no values -> ARC adds it in one click (select \"Yes\"), no value-panel prompt\n      const boolean = (id: string, label: string, icon: string): Option => ({\n        id,\n        label,\n        icon,\n        type: 'boolean',\n        singleSelect: true,\n        values: [],\n      })\n\n      const opts: Option[] = [\n        boolean('comments', 'Comments', 'chat'),\n        boolean('versions', 'Versions', 'layers'),\n        boolean('updates', 'Updates', 'arrow_circle_right'),\n        boolean('checklists', 'Checklists', 'check_circle'),\n        boolean('has_attachments', 'Attachments', 'attach_file'),\n        ...(supportsReviewSession\n          ? [boolean('in_review_session', 'Review session', 'subscriptions')]\n          : []),\n        ...(categories.length\n          ? [\n              {\n                id: 'category',\n                label: 'Category',\n                icon: 'label',\n                type: 'list_of_strings' as const,\n                operator: 'OR' as const,\n                values: [\n                  { id: '__none__', label: 'No category', icon: 'crop_square' },\n                  ...categories.map((c) => ({\n                    id: c.name,\n                    label: c.name,\n                    icon: 'crop_square',\n                    color: c.color,\n                  })),\n                ],\n              },\n            ]\n          : []),\n        {\n          id: 'author',\n          label: 'User',\n          icon: 'person',\n          type: 'list_of_strings' as const,\n          operator: 'OR' as const,\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        {\n          id: 'createdAt',\n          label: 'Posted date',\n          icon: 'calendar_today',\n          type: 'datetime',\n          values: generateDateOptions(),\n        },\n      ]\n\n      return opts\n    }, [users, categories, supportsReviewSession])\n\n    let checklistsLabel: string = ''\n    if (checklistCount?.total && checklistCount.total > 0) {\n      checklistsLabel = `${checklistCount.checked}/${checklistCount.total}`\n    }\n\n    // @ts-expect-error - using string is fine\n    const quickActions: SearchFilterQuickAction[] = useMemo(\n      () => ['comments', { id: 'checklists', label: checklistsLabel, tooltip: 'Checklists' }],\n      [checklistsLabel],\n    )\n\n    const filters = useMemo(\n      () => feedFilterToClientFilters(feedFilter, options),\n      [feedFilter, options],\n    )\n\n    const [localFilters, setLocalFilters] = useState<Filter[]>(filters)\n\n    const dateRange = useDateRangeFilter()\n\n    const searchFilterRef = useRef<SearchFilterRef>(null)\n\n    useEffect(() => {\n      setLocalFilters(filters)\n    }, [JSON.stringify(filters)])\n\n    // close the search filter when clicking outside of it\n    useEffect(() => {\n      const handleClickOutside = (event: MouseEvent) => {\n        const filterContainer = searchFilterRef.current?.getContainerElement()\n        // if the click is outside the search filter container, close it\n        if (filterContainer && !filterContainer.contains(event.target as Node)) {\n          searchFilterRef.current?.close()\n        }\n      }\n\n      document.addEventListener('mousedown', handleClickOutside)\n      return () => {\n        document.removeEventListener('mousedown', handleClickOutside)\n      }\n    }, [searchFilterRef])\n\n    const handleFinish = (newFilters: Filter[]) => {\n      setFeedFilter(clientFiltersToFeedFilter(newFilters))\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    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 feed...\"\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)\n\nFeedSearchFilter.displayName = 'FeedSearchFilter'\n\nexport default FeedSearchFilter\n"],"names":["Wrapper","styled","FeedSearchFilter","forwardRef","feedFilter","setFeedFilter","users","categories","supportsReviewSession","isLoading","checklistCount","onSearchTextChange","options","useMemo","boolean","id","label","icon","c","u","generateDateOptions","checklistsLabel","quickActions","filters","feedFilterToClientFilters","localFilters","setLocalFilters","useState","dateRange","useDateRangeFilter","searchFilterRef","useRef","useEffect","handleClickOutside","event","filterContainer","handleFinish","newFilters","clientFiltersToFeedFilter","handleFilterChange","handleLiveSearch","value","filter","jsxs","jsx","SearchFilter","e","CustomDateRangeDialog","o"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAMA,IAAUC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA4BjBC,IAAmBC;AAAA,EACvB,CAAC;AAAA,IACC,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,oBAAAC;AAAA,EAAA,MACI;AACJ,UAAMC,IAAoBC,EAAQ,MAAM;AAEtC,YAAMC,IAAU,CAACC,GAAYC,GAAeC,OAA0B;AAAA,QACpE,IAAAF;AAAA,QACA,OAAAC;AAAA,QACA,MAAAC;AAAA,QACA,MAAM;AAAA,QACN,cAAc;AAAA,QACd,QAAQ,CAAA;AAAA,MAAC;AAqDX,aAlDuB;AAAA,QACrBH,EAAQ,YAAY,YAAY,MAAM;AAAA,QACtCA,EAAQ,YAAY,YAAY,QAAQ;AAAA,QACxCA,EAAQ,WAAW,WAAW,oBAAoB;AAAA,QAClDA,EAAQ,cAAc,cAAc,cAAc;AAAA,QAClDA,EAAQ,mBAAmB,eAAe,aAAa;AAAA,QACvD,GAAIN,IACA,CAACM,EAAQ,qBAAqB,kBAAkB,eAAe,CAAC,IAChE,CAAA;AAAA,QACJ,GAAIP,EAAW,SACX;AAAA,UACE;AAAA,YACE,IAAI;AAAA,YACJ,OAAO;AAAA,YACP,MAAM;AAAA,YACN,MAAM;AAAA,YACN,UAAU;AAAA,YACV,QAAQ;AAAA,cACN,EAAE,IAAI,YAAY,OAAO,eAAe,MAAM,cAAA;AAAA,cAC9C,GAAGA,EAAW,IAAI,CAACW,OAAO;AAAA,gBACxB,IAAIA,EAAE;AAAA,gBACN,OAAOA,EAAE;AAAA,gBACT,MAAM;AAAA,gBACN,OAAOA,EAAE;AAAA,cAAA,EACT;AAAA,YAAA;AAAA,UACJ;AAAA,QACF,IAEF,CAAA;AAAA,QACJ;AAAA,UACE,IAAI;AAAA,UACJ,OAAO;AAAA,UACP,MAAM;AAAA,UACN,MAAM;AAAA,UACN,UAAU;AAAA,UACV,QAAQZ,EAAM,IAAI,CAACa,OAAO;AAAA,YACxB,IAAIA,EAAE;AAAA,YACN,OAAOA,EAAE,QAAQ,YAAYA,EAAE;AAAA,YAC/B,KAAK,cAAcA,EAAE,IAAI;AAAA,UAAA,EACzB;AAAA,QAAA;AAAA,QAEJ;AAAA,UACE,IAAI;AAAA,UACJ,OAAO;AAAA,UACP,MAAM;AAAA,UACN,MAAM;AAAA,UACN,QAAQC,EAAA;AAAA,QAAoB;AAAA,MAC9B;AAAA,IAIJ,GAAG,CAACd,GAAOC,GAAYC,CAAqB,CAAC;AAE7C,QAAIa,IAA0B;AAC9B,IAAIX,GAAgB,SAASA,EAAe,QAAQ,MAClDW,IAAkB,GAAGX,EAAe,OAAO,IAAIA,EAAe,KAAK;AAIrE,UAAMY,IAA0CT;AAAA,MAC9C,MAAM,CAAC,YAAY,EAAE,IAAI,cAAc,OAAOQ,GAAiB,SAAS,cAAc;AAAA,MACtF,CAACA,CAAe;AAAA,IAAA,GAGZE,IAAUV;AAAA,MACd,MAAMW,EAA0BpB,GAAYQ,CAAO;AAAA,MACnD,CAACR,GAAYQ,CAAO;AAAA,IAAA,GAGhB,CAACa,GAAcC,CAAe,IAAIC,EAAmBJ,CAAO,GAE5DK,IAAYC,EAAA,GAEZC,IAAkBC,EAAwB,IAAI;AAEpD,IAAAC,EAAU,MAAM;AACd,MAAAN,EAAgBH,CAAO;AAAA,IACzB,GAAG,CAAC,KAAK,UAAUA,CAAO,CAAC,CAAC,GAG5BS,EAAU,MAAM;AACd,YAAMC,IAAqB,CAACC,MAAsB;AAChD,cAAMC,IAAkBL,EAAgB,SAAS,oBAAA;AAEjD,QAAIK,KAAmB,CAACA,EAAgB,SAASD,EAAM,MAAc,KACnEJ,EAAgB,SAAS,MAAA;AAAA,MAE7B;AAEA,sBAAS,iBAAiB,aAAaG,CAAkB,GAClD,MAAM;AACX,iBAAS,oBAAoB,aAAaA,CAAkB;AAAA,MAC9D;AAAA,IACF,GAAG,CAACH,CAAe,CAAC;AAEpB,UAAMM,IAAe,CAACC,MAAyB;AAC7C,MAAAhC,EAAciC,EAA0BD,CAAU,CAAC,GACnD1B,IAAqB,EAAE;AAAA,IACzB,GAEM4B,IAAqB,CAACF,MAAyB;AACnD,MAAAT,EAAU,iBAAiBS,GAAYZ,GAAcC,CAAe;AAAA,IACtE,GAEMc,IAAmB,CAACC,GAAeC,MAA0B;AAEjE,MAAMA,KACN/B,IAAqB8B,CAAK;AAAA,IAC5B;AAEA,WACEE,gBAAAA,EAAAA,KAAC3C,GAAA,EAAQ,WAAWS,IAAY,YAAY,QAC1C,UAAA;AAAA,MAAAmC,gBAAAA,EAAAA;AAAAA,QAACC;AAAA,QAAA;AAAA,UACC,KAAKf;AAAA,UACL,SAAO;AAAA,UACP,SAAAlB;AAAA,UACA,SAASa;AAAA,UACT,UAAUc;AAAA,UACV,UAAUH;AAAA,UACV,oBAAkB;AAAA,UAClB,2BAA2B;AAAA,UAC3B,sBAAsB;AAAA,UACtB,gBAAgBI;AAAA,UAChB,cAAAlB;AAAA,UACA,aAAY;AAAA,UACZ,IAAI;AAAA,YACF,WAAW;AAAA,cACT,gBAAgB,CAACwB,MAAMlB,EAAU,4BAA4BkB,GAAGrB,CAAY;AAAA,YAAA;AAAA,YAE9E,UAAU;AAAA,cACR,IAAI;AAAA,gBACF,MAAM;AAAA,kBACJ,SAAS,CAACqB,MAAMlB,EAAU,wBAAwBkB,GAAGrB,GAAcb,CAAO;AAAA,gBAAA;AAAA,cAC5E;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,MAAA;AAAA,MAEFgC,gBAAAA,EAAAA;AAAAA,QAACG;AAAA,QAAA;AAAA,UACC,QAAQ,CAAC,CAACnB,EAAU;AAAA,UACpB,QACEhB,EAAQ,KAAK,CAACoC,MAAMA,EAAE,OAAOpB,EAAU,qBAAqB,MAAM,IAAI,EAAE,CAAC,CAAC,GAAG,SAC7E;AAAA,UAEF,WAAWA,EAAU;AAAA,UACrB,SAASA,EAAU;AAAA,UACnB,mBAAmBA,EAAU;AAAA,UAC7B,iBAAiBA,EAAU;AAAA,UAC3B,SAAS,MACPA,EAAU,uBAAuBH,GAAcb,GAASwB,GAAcN,CAAe;AAAA,UAEvF,SAASF,EAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACrB,GACF;AAAA,EAEJ;AACF;AAEA1B,EAAiB,cAAc;"}
+{"version":3,"file":"FeedSearchFilter.es.js","sources":["../../../../../../src/containers/Feed/components/FeedSearchFilter.tsx"],"sourcesContent":["import { forwardRef, 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, ActivityCategory, ChecklistCount } from '@shared/api'\nimport { ActivityUser } from '../helpers/groupMinorActivities'\nimport { feedFilterToClientFilters, clientFiltersToFeedFilter } from '../helpers/feedFilterAdapter'\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  filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.25));\n  z-index: 10;\n\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n\n  &.loading {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n`\n\ninterface FeedSearchFilterProps {\n  feedFilter: QueryFilter\n  setFeedFilter: (filter: QueryFilter) => void\n  users: ActivityUser[]\n  categories: ActivityCategory[]\n  supportsReviewSession: boolean\n  isLoading?: boolean\n  checklistCount?: ChecklistCount | undefined\n  onSearchTextChange?: (text: string) => void\n}\n\nconst FeedSearchFilter = forwardRef<SearchFilterRef, FeedSearchFilterProps>(\n  ({\n    feedFilter,\n    setFeedFilter,\n    users,\n    categories,\n    supportsReviewSession,\n    isLoading,\n    checklistCount,\n    onSearchTextChange,\n  }) => {\n    const options: Option[] = useMemo(() => {\n      // no values -> ARC adds it in one click (select \"Yes\"), no value-panel prompt\n      const boolean = (id: string, label: string, icon: string): Option => ({\n        id,\n        label,\n        icon,\n        type: 'boolean',\n        singleSelect: true,\n        values: [],\n      })\n\n      const opts: Option[] = [\n        boolean('comments', 'Comments', 'chat'),\n        boolean('versions', 'Versions', 'layers'),\n        boolean('updates', 'Updates', 'arrow_circle_right'),\n        boolean('checklists', 'Checklists', 'check_circle'),\n        boolean('has_attachments', 'Attachments', 'attach_file'),\n        ...(supportsReviewSession\n          ? [boolean('in_review_session', 'Review session', 'subscriptions')]\n          : []),\n        ...(categories.length\n          ? [\n              {\n                id: 'category',\n                label: 'Category',\n                icon: 'label',\n                type: 'list_of_strings' as const,\n                operator: 'OR' as const,\n                values: [\n                  { id: '__none__', label: 'No category', icon: 'crop_square' },\n                  ...categories.map((c) => ({\n                    id: c.name,\n                    label: c.name,\n                    icon: 'crop_square',\n                    color: c.color,\n                  })),\n                ],\n              },\n            ]\n          : []),\n        {\n          id: 'author',\n          label: 'User',\n          icon: 'person',\n          type: 'list_of_strings' as const,\n          operator: 'OR' as const,\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        {\n          id: 'createdAt',\n          label: 'Posted date',\n          icon: 'calendar_today',\n          type: 'datetime',\n          values: generateDateOptions(),\n        },\n      ]\n\n      return opts\n    }, [users, categories, supportsReviewSession])\n\n    let checklistsLabel: string = ''\n    if (checklistCount?.total && checklistCount.total > 0) {\n      checklistsLabel = `${checklistCount.checked}/${checklistCount.total}`\n    }\n\n    // @ts-expect-error - using string is fine\n    const quickActions: SearchFilterQuickAction[] = useMemo(\n      () => ['comments', { id: 'checklists', label: checklistsLabel, tooltip: 'Checklists' }],\n      [checklistsLabel],\n    )\n\n    const filters = useMemo(\n      () => feedFilterToClientFilters(feedFilter, options),\n      [feedFilter, options],\n    )\n\n    const [localFilters, setLocalFilters] = useState<Filter[]>(filters)\n\n    const dateRange = useDateRangeFilter()\n\n    const searchFilterRef = useRef<SearchFilterRef>(null)\n\n    useEffect(() => {\n      setLocalFilters(filters)\n    }, [JSON.stringify(filters)])\n\n    // close the search filter when clicking outside of it\n    useEffect(() => {\n      const handleClickOutside = (event: MouseEvent) => {\n        const filterContainer = searchFilterRef.current?.getContainerElement()\n        // if the click is outside the search filter container, close it\n        if (filterContainer && !filterContainer.contains(event.target as Node)) {\n          searchFilterRef.current?.close()\n        }\n      }\n\n      document.addEventListener('mousedown', handleClickOutside)\n      return () => {\n        document.removeEventListener('mousedown', handleClickOutside)\n      }\n    }, [searchFilterRef])\n\n    const handleFinish = (newFilters: Filter[]) => {\n      setFeedFilter(clientFiltersToFeedFilter(newFilters))\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    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 feed...\"\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)\n\nFeedSearchFilter.displayName = 'FeedSearchFilter'\n\nexport default FeedSearchFilter\n"],"names":["Wrapper","styled","FeedSearchFilter","forwardRef","feedFilter","setFeedFilter","users","categories","supportsReviewSession","isLoading","checklistCount","onSearchTextChange","options","useMemo","boolean","id","label","icon","c","u","generateDateOptions","checklistsLabel","quickActions","filters","feedFilterToClientFilters","localFilters","setLocalFilters","useState","dateRange","useDateRangeFilter","searchFilterRef","useRef","useEffect","handleClickOutside","event","filterContainer","handleFinish","newFilters","clientFiltersToFeedFilter","handleFilterChange","handleLiveSearch","value","filter","jsxs","jsx","SearchFilter","CustomDateRangeDialog","o"],"mappings":"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"}