@ynput/ayon-frontend-shared 0.3.28 → 0.3.30

package/dist/shared/src/components/ReviewablesSelector/ReviewablesSelector.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReviewablesSelector.cjs.js","sources":["../../../../../src/components/ReviewablesSelector/ReviewablesSelector.tsx"],"sourcesContent":["import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react'\nimport * as Styled from './ReviewablesSelector.styled'\nimport ScrollBar from 'react-perfect-scrollbar'\nimport Card, { ReviewableCard, ReviewableCardProps } from './Card'\n\ninterface ReviewablesSelectorProps {\n  reviewables: ReviewableCard[]\n  selected: string[]\n  projectName: string | null\n  onChange?: (fileId: string, modifier?: boolean) => void\n  onUpload?: () => void\n}\n\nexport type ReviewablesSelectorHandle = {\n  notifyNavigation: (next: { fileId: string; label?: string | null }) => void\n}\n\nconst ReviewablesSelector = forwardRef<ReviewablesSelectorHandle, ReviewablesSelectorProps>(({\n  reviewables = [],\n  selected = [],\n  projectName,\n  onChange,\n  onUpload,\n}, ref) => {\n  const scrollRef = useRef<ScrollBar>(null)\n  const scrollContainerRef = useRef<HTMLElement | null>(null)\n  const [labelTooltip, setLabelTooltip] = useState<null | string>(null)\n  const [labelTooltipYPos, setLabelTooltipYPos] = useState<null | number>(null)\n\n  const getScrollTop = (): number => {\n    return scrollContainerRef.current?.scrollTop || 0\n  }\n\n  const scrollReviewableIntoView = (fileId: string) => {\n    const container = scrollContainerRef.current\n    const el = document.getElementById('preview-' + fileId)\n    if (!container || !el) return\n\n    const containerRect = container.getBoundingClientRect()\n    const itemRect = el.getBoundingClientRect()\n\n    if (itemRect.top < containerRect.top) {\n      container.scrollTop -= containerRect.top - itemRect.top\n    } else if (itemRect.bottom > containerRect.bottom) {\n      container.scrollTop += itemRect.bottom - containerRect.bottom\n    }\n\n    // keep the custom scrollbar thumb in sync with manual scrollTop updates\n    // @ts-ignore\n    scrollRef.current?.updateScroll?.()\n  }\n\n  // Imperative hook for the parent: keyboard nav lives upstream so it works\n  // in theatre mode (where this component is unmounted). When nav happens,\n  // we still update scroll + tooltip via this handle.\n  useImperativeHandle(\n    ref,\n    () => ({\n      notifyNavigation: ({ fileId, label }) => {\n        requestAnimationFrame(() => scrollReviewableIntoView(fileId))\n        setLabelTooltip(label ?? null)\n        const el = document.getElementById('preview-' + fileId)\n        if (el) {\n          const top = el.offsetTop + el.offsetHeight / 2 - getScrollTop()\n          setLabelTooltipYPos(top)\n        }\n      },\n    }),\n    [],\n  )\n\n  // keep track of when NOT hovering over the reviewable cards\n  useEffect(() => {\n    const handleMouseMove = (event: MouseEvent) => {\n      // check if the mouse is over a reviewable card\n      const closest = (event.target as HTMLElement).closest('.reviewables')\n      if (!closest) {\n        setLabelTooltip(null)\n      }\n    }\n\n    window.addEventListener('mousemove', handleMouseMove)\n\n    return () => {\n      window.removeEventListener('mousemove', handleMouseMove)\n    }\n  }, [])\n\n  const handleMouseOver = (\n    event: React.MouseEvent<HTMLDivElement>,\n    { label }: Pick<ReviewableCardProps, 'label'>,\n  ) => {\n    // check event is coming from a reviewable card\n    const closest = (event.target as HTMLElement).closest('.reviewable-card') as HTMLElement\n    if (!closest) return\n    setLabelTooltip(label ?? null)\n    // set label tooltip position\n    const top = closest.offsetTop + closest.offsetHeight / 2 - getScrollTop()\n    setLabelTooltipYPos(top)\n  }\n\n  // select with enter or space key when focused on a reviewable card\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      const closest = (event.target as HTMLElement).closest('.reviewable-card') as HTMLElement\n      if (!closest) return\n      const fileId = closest.id.replace('preview-', '')\n      onChange && onChange(fileId)\n    }\n  }\n\n  // if no reviewables, return null\n  if (!reviewables.length) return <div />\n\n  return (\n    <Styled.ReviewablesSelector>\n      <Styled.Scrollable\n        className=\"reviewables\"\n        ref={scrollRef}\n        containerRef={(el) => {\n          scrollContainerRef.current = el\n        }}\n      >\n        {reviewables.map(({ fileId, label, tag, selectionVariant, contextMenuItems }) => (\n          <Card\n            projectName={projectName}\n            fileId={fileId}\n            label={label}\n            selected={selected.includes(fileId)}\n            selectionVariant={selectionVariant}\n            tag={tag}\n            contextMenuItems={contextMenuItems}\n            onChange={onChange}\n            onKeyDown={handleKeyDown}\n            onMouseOver={handleMouseOver}\n          />\n        ))}\n        {!!onUpload && (\n          <Styled.AddButton\n            icon=\"add\"\n            onClick={onUpload}\n            onMouseEnter={() => setLabelTooltip(null)}\n          />\n        )}\n      </Styled.Scrollable>\n      {labelTooltip && labelTooltipYPos && (\n        <Styled.Label style={{ top: labelTooltipYPos }}>{labelTooltip}</Styled.Label>\n      )}\n    </Styled.ReviewablesSelector>\n  )\n})\n\nexport default ReviewablesSelector\n"],"names":["ReviewablesSelector","forwardRef","reviewables","selected","projectName","onChange","onUpload","ref","scrollRef","useRef","scrollContainerRef","labelTooltip","setLabelTooltip","useState","labelTooltipYPos","setLabelTooltipYPos","getScrollTop","scrollReviewableIntoView","fileId","container","el","containerRect","itemRect","useImperativeHandle","label","top","useEffect","handleMouseMove","event","handleMouseOver","closest","handleKeyDown","jsxs","Styled.ReviewablesSelector","Styled.Scrollable","tag","selectionVariant","contextMenuItems","jsx","Card","Styled.AddButton","Styled.Label"],"mappings":"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"}
+{"version":3,"file":"ReviewablesSelector.cjs.js","sources":["../../../../../src/components/ReviewablesSelector/ReviewablesSelector.tsx"],"sourcesContent":["import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react'\nimport * as Styled from './ReviewablesSelector.styled'\nimport ScrollBar from 'react-perfect-scrollbar'\nimport Card, { ReviewableCard, ReviewableCardProps } from './Card'\n\ninterface ReviewablesSelectorProps {\n  reviewables: ReviewableCard[]\n  selected: string[]\n  projectName: string | null\n  onChange?: (fileId: string, modifier?: boolean) => void\n  onUpload?: () => void\n}\n\nexport type ReviewablesSelectorHandle = {\n  notifyNavigation: (next: { fileId: string; label?: string | null }) => void\n}\n\nconst ReviewablesSelector = forwardRef<ReviewablesSelectorHandle, ReviewablesSelectorProps>(({\n  reviewables = [],\n  selected = [],\n  projectName,\n  onChange,\n  onUpload,\n}, ref) => {\n  const scrollRef = useRef<ScrollBar>(null)\n  const scrollContainerRef = useRef<HTMLElement | null>(null)\n  const [labelTooltip, setLabelTooltip] = useState<null | string>(null)\n  const [labelTooltipYPos, setLabelTooltipYPos] = useState<null | number>(null)\n\n  const getScrollTop = (): number => {\n    return scrollContainerRef.current?.scrollTop || 0\n  }\n\n  const scrollReviewableIntoView = (fileId: string) => {\n    const container = scrollContainerRef.current\n    const el = document.getElementById('preview-' + fileId)\n    if (!container || !el) return\n\n    const containerRect = container.getBoundingClientRect()\n    const itemRect = el.getBoundingClientRect()\n\n    if (itemRect.top < containerRect.top) {\n      container.scrollTop -= containerRect.top - itemRect.top\n    } else if (itemRect.bottom > containerRect.bottom) {\n      container.scrollTop += itemRect.bottom - containerRect.bottom\n    }\n\n    // keep the custom scrollbar thumb in sync with manual scrollTop updates\n    // @ts-ignore\n    scrollRef.current?.updateScroll?.()\n  }\n\n  // Imperative hook for the parent: keyboard nav lives upstream so it works\n  // in theatre mode (where this component is unmounted). When nav happens,\n  // we still update scroll + tooltip via this handle.\n  useImperativeHandle(\n    ref,\n    () => ({\n      notifyNavigation: ({ fileId, label }) => {\n        requestAnimationFrame(() => scrollReviewableIntoView(fileId))\n        setLabelTooltip(label ?? null)\n        const el = document.getElementById('preview-' + fileId)\n        if (el) {\n          const top = el.offsetTop + el.offsetHeight / 2 - getScrollTop()\n          setLabelTooltipYPos(top)\n          el.focus({ preventScroll: true })\n        }\n      },\n    }),\n    [],\n  )\n\n  // keep track of when NOT hovering over the reviewable cards\n  useEffect(() => {\n    const handleMouseMove = (event: MouseEvent) => {\n      // check if the mouse is over a reviewable card\n      const closest = (event.target as HTMLElement).closest('.reviewables')\n      if (!closest) {\n        setLabelTooltip(null)\n      }\n    }\n\n    window.addEventListener('mousemove', handleMouseMove)\n\n    return () => {\n      window.removeEventListener('mousemove', handleMouseMove)\n    }\n  }, [])\n\n  const handleMouseOver = (\n    event: React.MouseEvent<HTMLDivElement>,\n    { label }: Pick<ReviewableCardProps, 'label'>,\n  ) => {\n    // check event is coming from a reviewable card\n    const closest = (event.target as HTMLElement).closest('.reviewable-card') as HTMLElement\n    if (!closest) return\n    setLabelTooltip(label ?? null)\n    // set label tooltip position\n    const top = closest.offsetTop + closest.offsetHeight / 2 - getScrollTop()\n    setLabelTooltipYPos(top)\n  }\n\n  // select with enter or space key when focused on a reviewable card\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      const closest = (event.target as HTMLElement).closest('.reviewable-card') as HTMLElement\n      if (!closest) return\n      const fileId = closest.id.replace('preview-', '')\n      onChange && onChange(fileId)\n    }\n  }\n\n  // if no reviewables, return null\n  if (!reviewables.length) return <div />\n\n  return (\n    <Styled.ReviewablesSelector>\n      <Styled.Scrollable\n        className=\"reviewables\"\n        ref={scrollRef}\n        containerRef={(el) => {\n          scrollContainerRef.current = el\n        }}\n      >\n        {reviewables.map(({ fileId, label, tag, selectionVariant, contextMenuItems }) => (\n          <Card\n            projectName={projectName}\n            fileId={fileId}\n            label={label}\n            selected={selected.includes(fileId)}\n            selectionVariant={selectionVariant}\n            tag={tag}\n            contextMenuItems={contextMenuItems}\n            onChange={onChange}\n            onKeyDown={handleKeyDown}\n            onMouseOver={handleMouseOver}\n          />\n        ))}\n        {!!onUpload && (\n          <Styled.AddButton\n            icon=\"add\"\n            onClick={onUpload}\n            onMouseEnter={() => setLabelTooltip(null)}\n          />\n        )}\n      </Styled.Scrollable>\n      {labelTooltip && labelTooltipYPos && (\n        <Styled.Label style={{ top: labelTooltipYPos }}>{labelTooltip}</Styled.Label>\n      )}\n    </Styled.ReviewablesSelector>\n  )\n})\n\nexport default ReviewablesSelector\n"],"names":["ReviewablesSelector","forwardRef","reviewables","selected","projectName","onChange","onUpload","ref","scrollRef","useRef","scrollContainerRef","labelTooltip","setLabelTooltip","useState","labelTooltipYPos","setLabelTooltipYPos","getScrollTop","scrollReviewableIntoView","fileId","container","el","containerRect","itemRect","useImperativeHandle","label","top","useEffect","handleMouseMove","event","handleMouseOver","closest","handleKeyDown","jsxs","Styled.ReviewablesSelector","Styled.Scrollable","tag","selectionVariant","contextMenuItems","jsx","Card","Styled.AddButton","Styled.Label"],"mappings":"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"}

package/dist/shared/src/components/ReviewablesSelector/ReviewablesSelector.es.js

@@ -1,5 +1,5 @@
 import { j as n } from "../../../../_virtual/jsx-runtime.es.js";
-import { forwardRef as E, useRef as w, useState as b, useImperativeHandle as h, useEffect as S } from "react";
+import { forwardRef as E, useRef as w, useState as b, useImperativeHandle as S, useEffect as h } from "react";
 import { ReviewablesSelector as B, Scrollable as L, AddButton as M, Label as k } from "./ReviewablesSelector.styled.es.js";
 import C from "./Card.es.js";
 const K = E(({
@@ -9,45 +9,45 @@ const K = E(({
   onChange: c,
   onUpload: u
 }, T) => {
-  const f = w(null), i = w(null), [d, r] = b(null), [p, m] = b(null), v = () => i.current?.scrollTop || 0, x = (e) => {
-    const t = i.current, o = document.getElementById("preview-" + e);
-    if (!t || !o) return;
-    const s = t.getBoundingClientRect(), l = o.getBoundingClientRect();
-    l.top < s.top ? t.scrollTop -= s.top - l.top : l.bottom > s.bottom && (t.scrollTop += l.bottom - s.bottom), f.current?.updateScroll?.();
+  const f = w(null), i = w(null), [p, r] = b(null), [d, m] = b(null), v = () => i.current?.scrollTop || 0, x = (e) => {
+    const o = i.current, t = document.getElementById("preview-" + e);
+    if (!o || !t) return;
+    const s = o.getBoundingClientRect(), l = t.getBoundingClientRect();
+    l.top < s.top ? o.scrollTop -= s.top - l.top : l.bottom > s.bottom && (o.scrollTop += l.bottom - s.bottom), f.current?.updateScroll?.();
   };
-  h(
+  S(
     T,
     () => ({
-      notifyNavigation: ({ fileId: e, label: t }) => {
-        requestAnimationFrame(() => x(e)), r(t ?? null);
-        const o = document.getElementById("preview-" + e);
-        if (o) {
-          const s = o.offsetTop + o.offsetHeight / 2 - v();
-          m(s);
+      notifyNavigation: ({ fileId: e, label: o }) => {
+        requestAnimationFrame(() => x(e)), r(o ?? null);
+        const t = document.getElementById("preview-" + e);
+        if (t) {
+          const s = t.offsetTop + t.offsetHeight / 2 - v();
+          m(s), t.focus({ preventScroll: !0 });
         }
       }
     }),
     []
-  ), S(() => {
-    const e = (t) => {
-      t.target.closest(".reviewables") || r(null);
+  ), h(() => {
+    const e = (o) => {
+      o.target.closest(".reviewables") || r(null);
     };
     return window.addEventListener("mousemove", e), () => {
       window.removeEventListener("mousemove", e);
     };
   }, []);
-  const j = (e, { label: t }) => {
-    const o = e.target.closest(".reviewable-card");
-    if (!o) return;
-    r(t ?? null);
-    const s = o.offsetTop + o.offsetHeight / 2 - v();
+  const j = (e, { label: o }) => {
+    const t = e.target.closest(".reviewable-card");
+    if (!t) return;
+    r(o ?? null);
+    const s = t.offsetTop + t.offsetHeight / 2 - v();
     m(s);
   }, y = (e) => {
     if (e.key === "Enter" || e.key === " ") {
-      const t = e.target.closest(".reviewable-card");
-      if (!t) return;
-      const o = t.id.replace("preview-", "");
-      c && c(o);
+      const o = e.target.closest(".reviewable-card");
+      if (!o) return;
+      const t = o.id.replace("preview-", "");
+      c && c(t);
     }
   };
   return a.length ? /* @__PURE__ */ n.jsxs(B, { children: [
@@ -60,15 +60,15 @@ const K = E(({
           i.current = e;
         },
         children: [
-          a.map(({ fileId: e, label: t, tag: o, selectionVariant: s, contextMenuItems: l }) => /* @__PURE__ */ n.jsx(
+          a.map(({ fileId: e, label: o, tag: t, selectionVariant: s, contextMenuItems: l }) => /* @__PURE__ */ n.jsx(
             C,
             {
               projectName: g,
               fileId: e,
-              label: t,
+              label: o,
               selected: R.includes(e),
               selectionVariant: s,
-              tag: o,
+              tag: t,
               contextMenuItems: l,
               onChange: c,
               onKeyDown: y,
@@ -86,7 +86,7 @@ const K = E(({
         ]
       }
     ),
-    d && p && /* @__PURE__ */ n.jsx(k, { style: { top: p }, children: d })
+    p && d && /* @__PURE__ */ n.jsx(k, { style: { top: d }, children: p })
   ] }) : /* @__PURE__ */ n.jsx("div", {});
 });
 export {

package/dist/shared/src/components/ReviewablesSelector/ReviewablesSelector.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReviewablesSelector.es.js","sources":["../../../../../src/components/ReviewablesSelector/ReviewablesSelector.tsx"],"sourcesContent":["import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react'\nimport * as Styled from './ReviewablesSelector.styled'\nimport ScrollBar from 'react-perfect-scrollbar'\nimport Card, { ReviewableCard, ReviewableCardProps } from './Card'\n\ninterface ReviewablesSelectorProps {\n  reviewables: ReviewableCard[]\n  selected: string[]\n  projectName: string | null\n  onChange?: (fileId: string, modifier?: boolean) => void\n  onUpload?: () => void\n}\n\nexport type ReviewablesSelectorHandle = {\n  notifyNavigation: (next: { fileId: string; label?: string | null }) => void\n}\n\nconst ReviewablesSelector = forwardRef<ReviewablesSelectorHandle, ReviewablesSelectorProps>(({\n  reviewables = [],\n  selected = [],\n  projectName,\n  onChange,\n  onUpload,\n}, ref) => {\n  const scrollRef = useRef<ScrollBar>(null)\n  const scrollContainerRef = useRef<HTMLElement | null>(null)\n  const [labelTooltip, setLabelTooltip] = useState<null | string>(null)\n  const [labelTooltipYPos, setLabelTooltipYPos] = useState<null | number>(null)\n\n  const getScrollTop = (): number => {\n    return scrollContainerRef.current?.scrollTop || 0\n  }\n\n  const scrollReviewableIntoView = (fileId: string) => {\n    const container = scrollContainerRef.current\n    const el = document.getElementById('preview-' + fileId)\n    if (!container || !el) return\n\n    const containerRect = container.getBoundingClientRect()\n    const itemRect = el.getBoundingClientRect()\n\n    if (itemRect.top < containerRect.top) {\n      container.scrollTop -= containerRect.top - itemRect.top\n    } else if (itemRect.bottom > containerRect.bottom) {\n      container.scrollTop += itemRect.bottom - containerRect.bottom\n    }\n\n    // keep the custom scrollbar thumb in sync with manual scrollTop updates\n    // @ts-ignore\n    scrollRef.current?.updateScroll?.()\n  }\n\n  // Imperative hook for the parent: keyboard nav lives upstream so it works\n  // in theatre mode (where this component is unmounted). When nav happens,\n  // we still update scroll + tooltip via this handle.\n  useImperativeHandle(\n    ref,\n    () => ({\n      notifyNavigation: ({ fileId, label }) => {\n        requestAnimationFrame(() => scrollReviewableIntoView(fileId))\n        setLabelTooltip(label ?? null)\n        const el = document.getElementById('preview-' + fileId)\n        if (el) {\n          const top = el.offsetTop + el.offsetHeight / 2 - getScrollTop()\n          setLabelTooltipYPos(top)\n        }\n      },\n    }),\n    [],\n  )\n\n  // keep track of when NOT hovering over the reviewable cards\n  useEffect(() => {\n    const handleMouseMove = (event: MouseEvent) => {\n      // check if the mouse is over a reviewable card\n      const closest = (event.target as HTMLElement).closest('.reviewables')\n      if (!closest) {\n        setLabelTooltip(null)\n      }\n    }\n\n    window.addEventListener('mousemove', handleMouseMove)\n\n    return () => {\n      window.removeEventListener('mousemove', handleMouseMove)\n    }\n  }, [])\n\n  const handleMouseOver = (\n    event: React.MouseEvent<HTMLDivElement>,\n    { label }: Pick<ReviewableCardProps, 'label'>,\n  ) => {\n    // check event is coming from a reviewable card\n    const closest = (event.target as HTMLElement).closest('.reviewable-card') as HTMLElement\n    if (!closest) return\n    setLabelTooltip(label ?? null)\n    // set label tooltip position\n    const top = closest.offsetTop + closest.offsetHeight / 2 - getScrollTop()\n    setLabelTooltipYPos(top)\n  }\n\n  // select with enter or space key when focused on a reviewable card\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      const closest = (event.target as HTMLElement).closest('.reviewable-card') as HTMLElement\n      if (!closest) return\n      const fileId = closest.id.replace('preview-', '')\n      onChange && onChange(fileId)\n    }\n  }\n\n  // if no reviewables, return null\n  if (!reviewables.length) return <div />\n\n  return (\n    <Styled.ReviewablesSelector>\n      <Styled.Scrollable\n        className=\"reviewables\"\n        ref={scrollRef}\n        containerRef={(el) => {\n          scrollContainerRef.current = el\n        }}\n      >\n        {reviewables.map(({ fileId, label, tag, selectionVariant, contextMenuItems }) => (\n          <Card\n            projectName={projectName}\n            fileId={fileId}\n            label={label}\n            selected={selected.includes(fileId)}\n            selectionVariant={selectionVariant}\n            tag={tag}\n            contextMenuItems={contextMenuItems}\n            onChange={onChange}\n            onKeyDown={handleKeyDown}\n            onMouseOver={handleMouseOver}\n          />\n        ))}\n        {!!onUpload && (\n          <Styled.AddButton\n            icon=\"add\"\n            onClick={onUpload}\n            onMouseEnter={() => setLabelTooltip(null)}\n          />\n        )}\n      </Styled.Scrollable>\n      {labelTooltip && labelTooltipYPos && (\n        <Styled.Label style={{ top: labelTooltipYPos }}>{labelTooltip}</Styled.Label>\n      )}\n    </Styled.ReviewablesSelector>\n  )\n})\n\nexport default ReviewablesSelector\n"],"names":["ReviewablesSelector","forwardRef","reviewables","selected","projectName","onChange","onUpload","ref","scrollRef","useRef","scrollContainerRef","labelTooltip","setLabelTooltip","useState","labelTooltipYPos","setLabelTooltipYPos","getScrollTop","scrollReviewableIntoView","fileId","container","el","containerRect","itemRect","useImperativeHandle","label","top","useEffect","handleMouseMove","event","handleMouseOver","closest","handleKeyDown","jsxs","Styled.ReviewablesSelector","Styled.Scrollable","tag","selectionVariant","contextMenuItems","jsx","Card","Styled.AddButton","Styled.Label"],"mappings":"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"}
+{"version":3,"file":"ReviewablesSelector.es.js","sources":["../../../../../src/components/ReviewablesSelector/ReviewablesSelector.tsx"],"sourcesContent":["import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react'\nimport * as Styled from './ReviewablesSelector.styled'\nimport ScrollBar from 'react-perfect-scrollbar'\nimport Card, { ReviewableCard, ReviewableCardProps } from './Card'\n\ninterface ReviewablesSelectorProps {\n  reviewables: ReviewableCard[]\n  selected: string[]\n  projectName: string | null\n  onChange?: (fileId: string, modifier?: boolean) => void\n  onUpload?: () => void\n}\n\nexport type ReviewablesSelectorHandle = {\n  notifyNavigation: (next: { fileId: string; label?: string | null }) => void\n}\n\nconst ReviewablesSelector = forwardRef<ReviewablesSelectorHandle, ReviewablesSelectorProps>(({\n  reviewables = [],\n  selected = [],\n  projectName,\n  onChange,\n  onUpload,\n}, ref) => {\n  const scrollRef = useRef<ScrollBar>(null)\n  const scrollContainerRef = useRef<HTMLElement | null>(null)\n  const [labelTooltip, setLabelTooltip] = useState<null | string>(null)\n  const [labelTooltipYPos, setLabelTooltipYPos] = useState<null | number>(null)\n\n  const getScrollTop = (): number => {\n    return scrollContainerRef.current?.scrollTop || 0\n  }\n\n  const scrollReviewableIntoView = (fileId: string) => {\n    const container = scrollContainerRef.current\n    const el = document.getElementById('preview-' + fileId)\n    if (!container || !el) return\n\n    const containerRect = container.getBoundingClientRect()\n    const itemRect = el.getBoundingClientRect()\n\n    if (itemRect.top < containerRect.top) {\n      container.scrollTop -= containerRect.top - itemRect.top\n    } else if (itemRect.bottom > containerRect.bottom) {\n      container.scrollTop += itemRect.bottom - containerRect.bottom\n    }\n\n    // keep the custom scrollbar thumb in sync with manual scrollTop updates\n    // @ts-ignore\n    scrollRef.current?.updateScroll?.()\n  }\n\n  // Imperative hook for the parent: keyboard nav lives upstream so it works\n  // in theatre mode (where this component is unmounted). When nav happens,\n  // we still update scroll + tooltip via this handle.\n  useImperativeHandle(\n    ref,\n    () => ({\n      notifyNavigation: ({ fileId, label }) => {\n        requestAnimationFrame(() => scrollReviewableIntoView(fileId))\n        setLabelTooltip(label ?? null)\n        const el = document.getElementById('preview-' + fileId)\n        if (el) {\n          const top = el.offsetTop + el.offsetHeight / 2 - getScrollTop()\n          setLabelTooltipYPos(top)\n          el.focus({ preventScroll: true })\n        }\n      },\n    }),\n    [],\n  )\n\n  // keep track of when NOT hovering over the reviewable cards\n  useEffect(() => {\n    const handleMouseMove = (event: MouseEvent) => {\n      // check if the mouse is over a reviewable card\n      const closest = (event.target as HTMLElement).closest('.reviewables')\n      if (!closest) {\n        setLabelTooltip(null)\n      }\n    }\n\n    window.addEventListener('mousemove', handleMouseMove)\n\n    return () => {\n      window.removeEventListener('mousemove', handleMouseMove)\n    }\n  }, [])\n\n  const handleMouseOver = (\n    event: React.MouseEvent<HTMLDivElement>,\n    { label }: Pick<ReviewableCardProps, 'label'>,\n  ) => {\n    // check event is coming from a reviewable card\n    const closest = (event.target as HTMLElement).closest('.reviewable-card') as HTMLElement\n    if (!closest) return\n    setLabelTooltip(label ?? null)\n    // set label tooltip position\n    const top = closest.offsetTop + closest.offsetHeight / 2 - getScrollTop()\n    setLabelTooltipYPos(top)\n  }\n\n  // select with enter or space key when focused on a reviewable card\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      const closest = (event.target as HTMLElement).closest('.reviewable-card') as HTMLElement\n      if (!closest) return\n      const fileId = closest.id.replace('preview-', '')\n      onChange && onChange(fileId)\n    }\n  }\n\n  // if no reviewables, return null\n  if (!reviewables.length) return <div />\n\n  return (\n    <Styled.ReviewablesSelector>\n      <Styled.Scrollable\n        className=\"reviewables\"\n        ref={scrollRef}\n        containerRef={(el) => {\n          scrollContainerRef.current = el\n        }}\n      >\n        {reviewables.map(({ fileId, label, tag, selectionVariant, contextMenuItems }) => (\n          <Card\n            projectName={projectName}\n            fileId={fileId}\n            label={label}\n            selected={selected.includes(fileId)}\n            selectionVariant={selectionVariant}\n            tag={tag}\n            contextMenuItems={contextMenuItems}\n            onChange={onChange}\n            onKeyDown={handleKeyDown}\n            onMouseOver={handleMouseOver}\n          />\n        ))}\n        {!!onUpload && (\n          <Styled.AddButton\n            icon=\"add\"\n            onClick={onUpload}\n            onMouseEnter={() => setLabelTooltip(null)}\n          />\n        )}\n      </Styled.Scrollable>\n      {labelTooltip && labelTooltipYPos && (\n        <Styled.Label style={{ top: labelTooltipYPos }}>{labelTooltip}</Styled.Label>\n      )}\n    </Styled.ReviewablesSelector>\n  )\n})\n\nexport default ReviewablesSelector\n"],"names":["ReviewablesSelector","forwardRef","reviewables","selected","projectName","onChange","onUpload","ref","scrollRef","useRef","scrollContainerRef","labelTooltip","setLabelTooltip","useState","labelTooltipYPos","setLabelTooltipYPos","getScrollTop","scrollReviewableIntoView","fileId","container","el","containerRect","itemRect","useImperativeHandle","label","top","useEffect","handleMouseMove","event","handleMouseOver","closest","handleKeyDown","jsxs","Styled.ReviewablesSelector","Styled.Scrollable","tag","selectionVariant","contextMenuItems","jsx","Card","Styled.AddButton","Styled.Label"],"mappings":"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"}

package/dist/shared/src/components/SearchFilter/useBuildFilterOptions.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("../../../../_virtual/jsx-runtime.cjs.js"),J=require("lodash");require("react-toastify");const W=require("../../util/getEntityTypeIcon.cjs.js"),O=require("../../util/getAttributeIcon.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");const $=require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");const D=require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");const T=require("@ynput/ayon-react-components"),E=require("./filterDates.cjs.js"),X=require("../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/SubtasksModulesContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");const Z=require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("../../context/UriContext.cjs.js");const F=({filterTypes:u=[],projectNames:t,scope:d,scopes:i,data:r,config:a,columnOrder:e=[],power:n})=>{let o=[];const c=i||(d?Array.isArray(d)?d:[d]:[]).map(f=>({scope:f,filterTypes:u})),y=c.length>1,_=c.some(b=>["entitySubType","status"].some(f=>b.filterTypes.includes(f))),C=c.some(b=>["assignees","users","author"].some(f=>b.filterTypes.includes(f))),x=b=>c.some(f=>f.filterTypes.includes(b)),{data:{groups:I=[]}={}}=$.useGetEntityGroupsQuery({entityType:"product",groupingKey:"productType",projectName:t[0],empty:!0},{skip:!t?.length||!x("productType")}),{data:{groups:U=[]}={}}=$.useGetEntityGroupsQuery({entityType:"product",groupingKey:"productBaseType",projectName:t[0],empty:!0},{skip:!t?.length||!x("productBaseType")}),{data:R={}}=D.useGetProjectsInfoQuery({projects:t},{skip:!t?.length||!_}),{data:B=[]}=D.useGetKanbanProjectUsersQuery({projects:t},{skip:!t?.length||!C}),{attributes:L}=Z.useGlobalContext(),Q=b=>b.charAt(0).toUpperCase()+b.slice(1);return c.forEach(({scope:b,filterTypes:f})=>{const v=y?b:void 0,m=y?Q(b):void 0;if(f.includes("taskType")&&b!=="user"){const s=w("taskType",{...a,enableOperatorChange:!1},v,m);if(s){let l=N({projectsInfo:R,productTypes:I},"task");s.values?.push(...l),o.push(s)}}if(f.includes("folderType")&&b!=="user"){const s=w("folderType",{...a,enableOperatorChange:!1},v,m);if(s){let l=N({projectsInfo:R,productTypes:I},"folder");s.values?.push(...l),o.push(s)}}if(f.includes("productType")&&b!=="user"){const s=w("productType",{...a,enableOperatorChange:!1},v,m);if(s){let l=N({projectsInfo:R,productTypes:I},"product");s.values?.push(...l),o.push(s)}}if(f.includes("productBaseType")&&b!=="user"){const s=w("productBaseType",{...a,enableOperatorChange:!1},v,m);s&&(U.forEach(({icon:l,label:h,value:p})=>{s.values?.some(q=>q.id===p)||s.values?.push({id:p,type:"string",label:h||p,icon:l||W.getEntityTypeIcon("product"),inverted:!1,values:[]})}),r.productBaseTypes?.forEach(l=>{s.values?.some(h=>h.id===l)||s.values?.push({id:l,label:l})}),o.push(s))}if(f.includes("productName")&&b==="product"){const s=w("productName",a,v,m);s&&(r.productNames?.forEach(l=>{s.values?.some(h=>h.id===l)||s.values?.push({id:l,label:l})}),o.push(s))}if(f.includes("status")){const s=w("status",{...a,enableOperatorChange:!1},v,m);s&&(Object.values(R).forEach(l=>{(l?.statuses||[]).filter(p=>p.scope?.includes(b)).forEach(p=>{s.values?.some(q=>q.id===p.name)||s.values?.push({id:p.name,label:p.name,icon:p.icon,color:p.color})})}),o.push(s))}if(f.includes("assignees")){const s=w("assignees",a,v,m);s&&(B.forEach(l=>{s.values?.some(h=>h.id===l.name)||s.values?.push({id:l.name,label:l.attrib.fullName||l.name,img:`/api/users/${l.name}/avatar`,icon:null})}),s.values?.sort((l,h)=>{const p=r.assignees?.filter(g=>g===l.id).length||0;return(r.assignees?.filter(g=>g===h.id).length||0)-p}),o.push(s))}if(f.includes("author")){const s=w("author",a,v,m);s&&(B.forEach(l=>{s.values?.some(h=>h.id===l.name)||s.values?.push({id:l.name,label:l.attrib.fullName||l.name,img:`/api/users/${l.name}/avatar`,icon:null})}),o.push(s))}if(f.includes("tags")){const s=w("tags",a,v,m);if(s){const l=new Map;Object.values(R).forEach(q=>{q?.tags&&q.tags.forEach(g=>{l.has(g.name)||l.set(g.name,g)})});const h=new Map;r.tags?.forEach(q=>{const g=h.get(q);if(g){g.count++;return}else{const V=l.get(q);h.set(q,{id:q,type:"string",label:q,values:[],color:V?.color||null,count:1})}});const p=Array.from(h.values()).sort((q,g)=>g.count-q.count);s.values?.push(...p),o.push(s)}}if(f.includes("version")){const s=w("version",a,v,m);s&&(X.FEATURED_VERSION_TYPES.forEach(l=>{s.values?.push({id:l.value,label:l.label,icon:l.icon})}),o.push(s))}if(f.includes("name")){const s=w("name",a,v,m);s&&o.push(s)}if(f.includes("hasReviewables")){const s=w("hasReviewables",a,v,m);if(s){const l=[{id:"true",label:"Yes",values:[]},{id:"false",label:"No",values:[]}];s.values?.push(...l),o.push(s)}}if(f.includes("createdAt")){const s=w("createdAt",a,v,m);s&&(s.values?.push(E.customRangeOption),s.values?.push(...E.generateDatePresetOptions().map(l=>({...l,contentAfter:n?void 0:S.jsxRuntimeExports.jsx(T.Icon,{icon:"bolt"})}))),o.push(s))}if(f.includes("updatedAt")){const s=w("updatedAt",a,v,m);s&&(s.values?.push(E.customRangeOption),s.values?.push(...E.generateDatePresetOptions().map(l=>({...l,contentAfter:n?void 0:S.jsxRuntimeExports.jsx(T.Icon,{icon:"bolt"})}))),o.push(s))}if(f.includes("attributes")){const s=L.filter(p=>p.scope?.includes(b)),l=J.isEmpty(r.attributes)?s:s.filter(p=>r.attributes&&r.attributes[p.name]);(a?.enableRelativeValues?l:l.filter(p=>p.data.type!=="datetime")).forEach(p=>{const q=r.attributes&&r.attributes[p.name],g=p.data.enum,V=p.data.type,H=["list_of_strings","list_of_integers","list_of_any","list_of_submodels"].includes(V||""),j=V==="datetime",z=H?a?.enableOperatorChange:!1,K=H||j?a?.enableRelativeValues:!1,P=ee(p,{...a,allowsCustomValues:!0,enableOperatorChange:z,enableRelativeValues:K},v,m),Y=["string","integer","float","list_of_strings","list_of_integers"],k=[];if(Y.includes(V)){const A=se(q,g,V);k.push(...A)}if(V==="boolean"){const A=[{id:"true",label:"Yes",values:[]},{id:"false",label:"No",values:[]}];k.push(...A)}j&&(k.push(E.customRangeOption),k.push(...E.generateDatePresetOptions().map(A=>({...A,contentAfter:n?void 0:S.jsxRuntimeExports.jsx(T.Icon,{icon:"bolt"})})))),P.values?.push(...k),o.push(P)})}}),e?ae(o,e):o},N=({projectsInfo:u,productTypes:t},d)=>{const i=[];return d==="product"?t.forEach(({icon:r,label:a,value:e})=>{i.push({id:e,type:"string",label:a||e,icon:r||W.getEntityTypeIcon("product"),inverted:!1,values:[],allowsCustomValues:!1})}):d==="task"?Object.values(u).forEach(r=>{(r?.taskTypes||[]).forEach(e=>{i.some(n=>n.id===e.name)||i.push({id:e.name,type:"string",label:e.name,icon:e.icon,color:e.color,inverted:!1,values:[],allowsCustomValues:!1,pt:{style:{color:"inherit"}}})})}):d==="folder"&&Object.values(u).forEach(r=>{(r?.folderTypes||[]).forEach(e=>{i.some(n=>n.id===e.name)||i.push({id:e.name,type:"string",label:e.name,icon:e.icon,color:e.color,inverted:!1,values:[],allowsCustomValues:!1,pt:{style:{color:"inherit"}}})})}),i},G=(u,t,d,i)=>{const{prefixes:r,keys:a}=d||{};let e=u;return a&&t in a?e=`${a[t]}`:r&&t in r&&(e=`${r[t]}${u}`),i&&(e=`${i}_${e}`),e},M=(u,t)=>t?`${u} - ${t}`:u,w=(u,t,d,i)=>{const r=n=>G(n,u,t,d),a=n=>M(n,i);let e=null;switch(u){case"taskType":e={id:r("taskType"),type:"string",label:a("Task Type"),icon:O.getAttributeIcon("task"),inverted:!1,operator:"OR",values:[],allowsCustomValues:!1,allowHasValue:!1,allowNoValue:!1,allowExcludes:t?.enableExcludes,operatorChangeable:!1};break;case"folderType":e={id:r("folderType"),type:"string",label:a("Folder Type"),icon:O.getAttributeIcon("folder"),inverted:!1,operator:"OR",values:[],allowsCustomValues:!1,allowHasValue:!1,allowNoValue:!1,allowExcludes:t?.enableExcludes,operatorChangeable:!1};break;case"productType":e={id:r("productType"),type:"string",label:a("Product Type"),icon:O.getAttributeIcon("product"),inverted:!1,operator:"OR",values:[],allowsCustomValues:!1,allowHasValue:!1,allowNoValue:!1,allowExcludes:t?.enableExcludes,operatorChangeable:!1};break;case"productBaseType":e={id:r("productBaseType"),type:"string",label:a("Product Base Type"),icon:O.getAttributeIcon("product"),inverted:!1,operator:"OR",values:[],allowsCustomValues:!0,allowHasValue:!1,allowNoValue:!1,allowExcludes:t?.enableExcludes,operatorChangeable:!1};break;case"productName":e={id:r("productNames"),type:"string",label:a("Product Name"),icon:O.getAttributeIcon("productName","string"),inverted:!1,operator:"OR",values:[],allowsCustomValues:!0,allowHasValue:!1,allowNoValue:!1,allowExcludes:!1,operatorChangeable:!0};break;case"status":e={id:r("status"),type:"string",label:a("Status"),icon:O.getAttributeIcon("status"),inverted:!1,operator:"OR",values:[],allowsCustomValues:!1,allowHasValue:!1,allowNoValue:!1,allowExcludes:t?.enableExcludes,operatorChangeable:!1};break;case"assignees":e={id:r("assignees"),type:"list_of_strings",label:a("Assignee"),icon:O.getAttributeIcon("assignees"),inverted:!1,operator:"OR",values:[],allowsCustomValues:!1,allowHasValue:t?.enableRelativeValues,allowNoValue:t?.enableRelativeValues,allowExcludes:t?.enableExcludes,operatorChangeable:t?.enableOperatorChange};break;case"author":e={id:r("author"),type:"string",label:a("Author"),icon:O.getAttributeIcon("author"),inverted:!1,operator:"OR",values:[],allowsCustomValues:!1,allowHasValue:t?.enableRelativeValues,allowNoValue:t?.enableRelativeValues,allowExcludes:t?.enableExcludes,operatorChangeable:t?.enableOperatorChange};break;case"tags":e={id:r("tags"),type:"list_of_strings",label:a("Tags"),icon:O.getAttributeIcon("tags"),inverted:!1,operator:"OR",values:[],allowsCustomValues:!0,allowHasValue:t?.enableRelativeValues,allowNoValue:t?.enableRelativeValues,allowExcludes:t?.enableExcludes,operatorChangeable:t?.enableOperatorChange};break;case"version":e={id:r("version"),type:"string",label:a("Version"),icon:O.getAttributeIcon("version"),inverted:!1,operator:"OR",values:[],allowsCustomValues:!0,allowHasValue:!1,allowNoValue:!1,allowExcludes:!1,operatorChangeable:!1};break;case"name":e={id:r("name"),type:"string",label:a("Name"),icon:"text_fields",inverted:!1,operator:"OR",values:[],allowsCustomValues:!0,allowHasValue:!1,allowNoValue:!1,allowExcludes:!1,operatorChangeable:!1};break;case"hasReviewables":e={id:r("hasReviewables"),type:"boolean",label:a("Has Reviewables"),icon:"play_circle",inverted:!1,operator:"OR",values:[],allowsCustomValues:!1,allowHasValue:!1,allowNoValue:!1,allowExcludes:t?.enableExcludes,operatorChangeable:!1,singleSelect:!0};break;case"createdAt":e={id:r("createdAt"),type:"datetime",label:a("Created"),icon:"calendar_add_on",inverted:!1,operator:"OR",values:[],allowsCustomValues:!1,allowHasValue:!1,allowNoValue:!1,allowExcludes:!1,operatorChangeable:!1,singleSelect:!0};break;case"updatedAt":e={id:r("updatedAt"),type:"datetime",label:a("Updated"),icon:"edit_calendar",inverted:!1,operator:"OR",values:[],allowsCustomValues:!1,allowHasValue:!1,allowNoValue:!1,allowExcludes:!1,operatorChangeable:!1,singleSelect:!0};break}return e},ee=(u,t,d,i)=>({id:G(u.name,"attributes",t,d),type:u.data.type,label:i?M(u.data.title||u.name,i):u.data.title||u.name,operator:"OR",inverted:!1,values:[],allowsCustomValues:t?.allowsCustomValues,allowHasValue:t.enableRelativeValues,allowNoValue:t.enableRelativeValues,allowExcludes:t?.enableExcludes,operatorChangeable:t?.enableOperatorChange,icon:O.getAttributeIcon(u.name,u.data.type,!!u.data.enum?.length),singleSelect:["boolean","datetime"].includes(u.data.type||"")}),se=(u,t,d)=>{const i=[],r=[];return t&&t.forEach(a=>{i.push({id:a.value.toString(),type:d,label:a.label,values:[],icon:a.icon,color:a.color,pt:{style:{color:"inherit"}}})}),u?.forEach(a=>{if(!a)return;let e="";switch(typeof a){case"string":case"number":case"boolean":e=a.toString();break;case"object":Array.isArray(a)?e=a.join(", "):e=JSON.stringify(a);break}const n=e.trim().toLowerCase().replace(/[^a-z0-9\s]/g,"").replace(/\s+/g,"-");if(i?.find(y=>y.id===n))return;const c=r.find(y=>y.id===n);if(c){c.count++;return}else r.push({id:n,type:d,label:e,values:[],count:1})}),r.sort((a,e)=>e.count-a.count),[...i,...r]},ae=(u,t)=>{const d=t.flatMap(i=>i==="subType"?["taskType","folderType"]:i);return[...u].sort((i,r)=>{const a=d.indexOf(i.id.replace(".","_")),e=d.indexOf(r.id.replace(".","_"));return a!==-1&&e!==-1?a-e:a!==-1?-1:e!==-1?1:0})},te=(u,t,d,i)=>{const r={folder:{conditions:[]},product:{conditions:[]},task:{conditions:[]},user:{conditions:[]},version:{conditions:[]},unscoped:{conditions:[]}};if(!u?.conditions||u?.conditions.length===0)return r;const a=(n,o)=>{const c=t.find(y=>n.startsWith(`${y}_`));if(c){const y=n.substring(`${c}_`.length);return{scope:c,cleanId:y}}else if(d?.fallbackScope)return{scope:d.fallbackScope,cleanId:n};return{scope:null,cleanId:n}},e=(n,o)=>{!n||n.length===0||n.forEach(c=>{if("conditions"in c&&!("key"in c))e(c.conditions,o);else if("key"in c){const{scope:y,cleanId:_}=a(c.key);if(y&&o[y])o[y].conditions?.push({...c,key:_});else if(!y){const C=i?.[c.key];C&&o[C]?o[C].conditions?.push(c):c.key===T.SEARCH_FILTER_ID||c.key==="name"||c.key?.endsWith("_name")?t.forEach(x=>{o[x]&&o[x].conditions?.push(c)}):o.unscoped?.conditions?.push(c)}}})};return e(u.conditions,r),r},re=(u,t,d)=>{const i={folder:[],product:[],task:[],user:[],version:[],unscoped:[]};if(!u||u.length===0)return i;const r=e=>t.find(o=>e.startsWith(`${o}_`))||null,a=(e,n)=>{const o=`${n}_`;return e.startsWith(o)?e.substring(o.length):e};return u.forEach(e=>{if(!e.id)return;const n=r(e.id);if(n){const o={...e,id:a(e.id,n)};i[n].push(o)}else{const o=d?.[e.id];o?i[o].push(e):i.unscoped.push(e)}}),i};exports.splitClientFiltersByScope=re;exports.splitFiltersByScope=te;exports.useBuildFilterOptions=F;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("../../../../_virtual/jsx-runtime.cjs.js"),J=require("lodash");require("react-toastify");const W=require("../../util/getEntityTypeIcon.cjs.js"),O=require("../../util/getAttributeIcon.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");const $=require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");const D=require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");const T=require("@ynput/ayon-react-components"),E=require("./filterDates.cjs.js"),X=require("../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("react");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../context/PowerpackContextInstance.cjs.js");require("../../context/UriContext.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");require("../../context/SubtasksModulesContextInstance.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");const Z=require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");const F=({filterTypes:u=[],projectNames:t,scope:d,scopes:i,data:r,config:a,columnOrder:e=[],power:n})=>{let o=[];const c=i||(d?Array.isArray(d)?d:[d]:[]).map(f=>({scope:f,filterTypes:u})),y=c.length>1,_=c.some(b=>["entitySubType","status"].some(f=>b.filterTypes.includes(f))),C=c.some(b=>["assignees","users","author"].some(f=>b.filterTypes.includes(f))),x=b=>c.some(f=>f.filterTypes.includes(b)),{data:{groups:I=[]}={}}=$.useGetEntityGroupsQuery({entityType:"product",groupingKey:"productType",projectName:t[0],empty:!0},{skip:!t?.length||!x("productType")}),{data:{groups:U=[]}={}}=$.useGetEntityGroupsQuery({entityType:"product",groupingKey:"productBaseType",projectName:t[0],empty:!0},{skip:!t?.length||!x("productBaseType")}),{data:R={}}=D.useGetProjectsInfoQuery({projects:t},{skip:!t?.length||!_}),{data:B=[]}=D.useGetKanbanProjectUsersQuery({projects:t},{skip:!t?.length||!C}),{attributes:L}=Z.useGlobalContext(),Q=b=>b.charAt(0).toUpperCase()+b.slice(1);return c.forEach(({scope:b,filterTypes:f})=>{const v=y?b:void 0,m=y?Q(b):void 0;if(f.includes("taskType")&&b!=="user"){const s=w("taskType",{...a,enableOperatorChange:!1},v,m);if(s){let l=N({projectsInfo:R,productTypes:I},"task");s.values?.push(...l),o.push(s)}}if(f.includes("folderType")&&b!=="user"){const s=w("folderType",{...a,enableOperatorChange:!1},v,m);if(s){let l=N({projectsInfo:R,productTypes:I},"folder");s.values?.push(...l),o.push(s)}}if(f.includes("productType")&&b!=="user"){const s=w("productType",{...a,enableOperatorChange:!1},v,m);if(s){let l=N({projectsInfo:R,productTypes:I},"product");s.values?.push(...l),o.push(s)}}if(f.includes("productBaseType")&&b!=="user"){const s=w("productBaseType",{...a,enableOperatorChange:!1},v,m);s&&(U.forEach(({icon:l,label:h,value:p})=>{s.values?.some(q=>q.id===p)||s.values?.push({id:p,type:"string",label:h||p,icon:l||W.getEntityTypeIcon("product"),inverted:!1,values:[]})}),r.productBaseTypes?.forEach(l=>{s.values?.some(h=>h.id===l)||s.values?.push({id:l,label:l})}),o.push(s))}if(f.includes("productName")&&b==="product"){const s=w("productName",a,v,m);s&&(r.productNames?.forEach(l=>{s.values?.some(h=>h.id===l)||s.values?.push({id:l,label:l})}),o.push(s))}if(f.includes("status")){const s=w("status",{...a,enableOperatorChange:!1},v,m);s&&(Object.values(R).forEach(l=>{(l?.statuses||[]).filter(p=>p.scope?.includes(b)).forEach(p=>{s.values?.some(q=>q.id===p.name)||s.values?.push({id:p.name,label:p.name,icon:p.icon,color:p.color})})}),o.push(s))}if(f.includes("assignees")){const s=w("assignees",a,v,m);s&&(B.forEach(l=>{s.values?.some(h=>h.id===l.name)||s.values?.push({id:l.name,label:l.attrib.fullName||l.name,img:`/api/users/${l.name}/avatar`,icon:null})}),s.values?.sort((l,h)=>{const p=r.assignees?.filter(g=>g===l.id).length||0;return(r.assignees?.filter(g=>g===h.id).length||0)-p}),o.push(s))}if(f.includes("author")){const s=w("author",a,v,m);s&&(B.forEach(l=>{s.values?.some(h=>h.id===l.name)||s.values?.push({id:l.name,label:l.attrib.fullName||l.name,img:`/api/users/${l.name}/avatar`,icon:null})}),o.push(s))}if(f.includes("tags")){const s=w("tags",a,v,m);if(s){const l=new Map;Object.values(R).forEach(q=>{q?.tags&&q.tags.forEach(g=>{l.has(g.name)||l.set(g.name,g)})});const h=new Map;r.tags?.forEach(q=>{const g=h.get(q);if(g){g.count++;return}else{const V=l.get(q);h.set(q,{id:q,type:"string",label:q,values:[],color:V?.color||null,count:1})}});const p=Array.from(h.values()).sort((q,g)=>g.count-q.count);s.values?.push(...p),o.push(s)}}if(f.includes("version")){const s=w("version",a,v,m);s&&(X.FEATURED_VERSION_TYPES.forEach(l=>{s.values?.push({id:l.value,label:l.label,icon:l.icon})}),o.push(s))}if(f.includes("name")){const s=w("name",a,v,m);s&&o.push(s)}if(f.includes("hasReviewables")){const s=w("hasReviewables",a,v,m);if(s){const l=[{id:"true",label:"Yes",values:[]},{id:"false",label:"No",values:[]}];s.values?.push(...l),o.push(s)}}if(f.includes("createdAt")){const s=w("createdAt",a,v,m);s&&(s.values?.push(E.customRangeOption),s.values?.push(...E.generateDatePresetOptions().map(l=>({...l,contentAfter:n?void 0:S.jsxRuntimeExports.jsx(T.Icon,{icon:"bolt"})}))),o.push(s))}if(f.includes("updatedAt")){const s=w("updatedAt",a,v,m);s&&(s.values?.push(E.customRangeOption),s.values?.push(...E.generateDatePresetOptions().map(l=>({...l,contentAfter:n?void 0:S.jsxRuntimeExports.jsx(T.Icon,{icon:"bolt"})}))),o.push(s))}if(f.includes("attributes")){const s=L.filter(p=>p.scope?.includes(b)),l=J.isEmpty(r.attributes)?s:s.filter(p=>r.attributes&&r.attributes[p.name]);(a?.enableRelativeValues?l:l.filter(p=>p.data.type!=="datetime")).forEach(p=>{const q=r.attributes&&r.attributes[p.name],g=p.data.enum,V=p.data.type,H=["list_of_strings","list_of_integers","list_of_any","list_of_submodels"].includes(V||""),j=V==="datetime",z=H?a?.enableOperatorChange:!1,K=H||j?a?.enableRelativeValues:!1,P=ee(p,{...a,allowsCustomValues:!0,enableOperatorChange:z,enableRelativeValues:K},v,m),Y=["string","integer","float","list_of_strings","list_of_integers"],k=[];if(Y.includes(V)){const A=se(q,g,V);k.push(...A)}if(V==="boolean"){const A=[{id:"true",label:"Yes",values:[]},{id:"false",label:"No",values:[]}];k.push(...A)}j&&(k.push(E.customRangeOption),k.push(...E.generateDatePresetOptions().map(A=>({...A,contentAfter:n?void 0:S.jsxRuntimeExports.jsx(T.Icon,{icon:"bolt"})})))),P.values?.push(...k),o.push(P)})}}),e?ae(o,e):o},N=({projectsInfo:u,productTypes:t},d)=>{const i=[];return d==="product"?t.forEach(({icon:r,label:a,value:e})=>{i.push({id:e,type:"string",label:a||e,icon:r||W.getEntityTypeIcon("product"),inverted:!1,values:[],allowsCustomValues:!1})}):d==="task"?Object.values(u).forEach(r=>{(r?.taskTypes||[]).forEach(e=>{i.some(n=>n.id===e.name)||i.push({id:e.name,type:"string",label:e.name,icon:e.icon,color:e.color,inverted:!1,values:[],allowsCustomValues:!1,pt:{style:{color:"inherit"}}})})}):d==="folder"&&Object.values(u).forEach(r=>{(r?.folderTypes||[]).forEach(e=>{i.some(n=>n.id===e.name)||i.push({id:e.name,type:"string",label:e.name,icon:e.icon,color:e.color,inverted:!1,values:[],allowsCustomValues:!1,pt:{style:{color:"inherit"}}})})}),i},G=(u,t,d,i)=>{const{prefixes:r,keys:a}=d||{};let e=u;return a&&t in a?e=`${a[t]}`:r&&t in r&&(e=`${r[t]}${u}`),i&&(e=`${i}_${e}`),e},M=(u,t)=>t?`${u} - ${t}`:u,w=(u,t,d,i)=>{const r=n=>G(n,u,t,d),a=n=>M(n,i);let e=null;switch(u){case"taskType":e={id:r("taskType"),type:"string",label:a("Task Type"),icon:O.getAttributeIcon("task"),inverted:!1,operator:"OR",values:[],allowsCustomValues:!1,allowHasValue:!1,allowNoValue:!1,allowExcludes:t?.enableExcludes,operatorChangeable:!1};break;case"folderType":e={id:r("folderType"),type:"string",label:a("Folder Type"),icon:O.getAttributeIcon("folder"),inverted:!1,operator:"OR",values:[],allowsCustomValues:!1,allowHasValue:!1,allowNoValue:!1,allowExcludes:t?.enableExcludes,operatorChangeable:!1};break;case"productType":e={id:r("productType"),type:"string",label:a("Product Type"),icon:O.getAttributeIcon("product"),inverted:!1,operator:"OR",values:[],allowsCustomValues:!1,allowHasValue:!1,allowNoValue:!1,allowExcludes:t?.enableExcludes,operatorChangeable:!1};break;case"productBaseType":e={id:r("productBaseType"),type:"string",label:a("Product Base Type"),icon:O.getAttributeIcon("product"),inverted:!1,operator:"OR",values:[],allowsCustomValues:!0,allowHasValue:!1,allowNoValue:!1,allowExcludes:t?.enableExcludes,operatorChangeable:!1};break;case"productName":e={id:r("productNames"),type:"string",label:a("Product Name"),icon:O.getAttributeIcon("productName","string"),inverted:!1,operator:"OR",values:[],allowsCustomValues:!0,allowHasValue:!1,allowNoValue:!1,allowExcludes:!1,operatorChangeable:!0};break;case"status":e={id:r("status"),type:"string",label:a("Status"),icon:O.getAttributeIcon("status"),inverted:!1,operator:"OR",values:[],allowsCustomValues:!1,allowHasValue:!1,allowNoValue:!1,allowExcludes:t?.enableExcludes,operatorChangeable:!1};break;case"assignees":e={id:r("assignees"),type:"list_of_strings",label:a("Assignee"),icon:O.getAttributeIcon("assignees"),inverted:!1,operator:"OR",values:[],allowsCustomValues:!1,allowHasValue:t?.enableRelativeValues,allowNoValue:t?.enableRelativeValues,allowExcludes:t?.enableExcludes,operatorChangeable:t?.enableOperatorChange};break;case"author":e={id:r("author"),type:"string",label:a("Author"),icon:O.getAttributeIcon("author"),inverted:!1,operator:"OR",values:[],allowsCustomValues:!1,allowHasValue:t?.enableRelativeValues,allowNoValue:t?.enableRelativeValues,allowExcludes:t?.enableExcludes,operatorChangeable:t?.enableOperatorChange};break;case"tags":e={id:r("tags"),type:"list_of_strings",label:a("Tags"),icon:O.getAttributeIcon("tags"),inverted:!1,operator:"OR",values:[],allowsCustomValues:!0,allowHasValue:t?.enableRelativeValues,allowNoValue:t?.enableRelativeValues,allowExcludes:t?.enableExcludes,operatorChangeable:t?.enableOperatorChange};break;case"version":e={id:r("version"),type:"string",label:a("Version"),icon:O.getAttributeIcon("version"),inverted:!1,operator:"OR",values:[],allowsCustomValues:!0,allowHasValue:!1,allowNoValue:!1,allowExcludes:!1,operatorChangeable:!1};break;case"name":e={id:r("name"),type:"string",label:a("Name"),icon:"text_fields",inverted:!1,operator:"OR",values:[],allowsCustomValues:!0,allowHasValue:!1,allowNoValue:!1,allowExcludes:!1,operatorChangeable:!1};break;case"hasReviewables":e={id:r("hasReviewables"),type:"boolean",label:a("Has Reviewables"),icon:"play_circle",inverted:!1,operator:"OR",values:[],allowsCustomValues:!1,allowHasValue:!1,allowNoValue:!1,allowExcludes:t?.enableExcludes,operatorChangeable:!1,singleSelect:!0};break;case"createdAt":e={id:r("createdAt"),type:"datetime",label:a("Created"),icon:"calendar_add_on",inverted:!1,operator:"OR",values:[],allowsCustomValues:!1,allowHasValue:!1,allowNoValue:!1,allowExcludes:!1,operatorChangeable:!1,singleSelect:!0};break;case"updatedAt":e={id:r("updatedAt"),type:"datetime",label:a("Updated"),icon:"edit_calendar",inverted:!1,operator:"OR",values:[],allowsCustomValues:!1,allowHasValue:!1,allowNoValue:!1,allowExcludes:!1,operatorChangeable:!1,singleSelect:!0};break}return e},ee=(u,t,d,i)=>({id:G(u.name,"attributes",t,d),type:u.data.type,label:i?M(u.data.title||u.name,i):u.data.title||u.name,operator:"OR",inverted:!1,values:[],allowsCustomValues:t?.allowsCustomValues,allowHasValue:t.enableRelativeValues,allowNoValue:t.enableRelativeValues,allowExcludes:t?.enableExcludes,operatorChangeable:t?.enableOperatorChange,icon:O.getAttributeIcon(u.name,u.data.type,!!u.data.enum?.length),singleSelect:["boolean","datetime"].includes(u.data.type||"")}),se=(u,t,d)=>{const i=[],r=[];return t&&t.forEach(a=>{i.push({id:a.value.toString(),type:d,label:a.label,values:[],icon:a.icon,color:a.color,pt:{style:{color:"inherit"}}})}),u?.forEach(a=>{if(!a)return;let e="";switch(typeof a){case"string":case"number":case"boolean":e=a.toString();break;case"object":Array.isArray(a)?e=a.join(", "):e=JSON.stringify(a);break}const n=e.trim().toLowerCase().replace(/[^a-z0-9\s]/g,"").replace(/\s+/g,"-");if(i?.find(y=>y.id===n))return;const c=r.find(y=>y.id===n);if(c){c.count++;return}else r.push({id:n,type:d,label:e,values:[],count:1})}),r.sort((a,e)=>e.count-a.count),[...i,...r]},ae=(u,t)=>{const d=t.flatMap(i=>i==="subType"?["taskType","folderType"]:i);return[...u].sort((i,r)=>{const a=d.indexOf(i.id.replace(".","_")),e=d.indexOf(r.id.replace(".","_"));return a!==-1&&e!==-1?a-e:a!==-1?-1:e!==-1?1:0})},te=(u,t,d,i)=>{const r={folder:{conditions:[]},product:{conditions:[]},task:{conditions:[]},user:{conditions:[]},version:{conditions:[]},unscoped:{conditions:[]}};if(!u?.conditions||u?.conditions.length===0)return r;const a=(n,o)=>{const c=t.find(y=>n.startsWith(`${y}_`));if(c){const y=n.substring(`${c}_`.length);return{scope:c,cleanId:y}}else if(d?.fallbackScope)return{scope:d.fallbackScope,cleanId:n};return{scope:null,cleanId:n}},e=(n,o)=>{!n||n.length===0||n.forEach(c=>{if("conditions"in c&&!("key"in c))e(c.conditions,o);else if("key"in c){const{scope:y,cleanId:_}=a(c.key);if(y&&o[y])o[y].conditions?.push({...c,key:_});else if(!y){const C=i?.[c.key];C&&o[C]?o[C].conditions?.push(c):c.key===T.SEARCH_FILTER_ID||c.key==="name"||c.key?.endsWith("_name")?t.forEach(x=>{o[x]&&o[x].conditions?.push(c)}):o.unscoped?.conditions?.push(c)}}})};return e(u.conditions,r),r},re=(u,t,d)=>{const i={folder:[],product:[],task:[],user:[],version:[],unscoped:[]};if(!u||u.length===0)return i;const r=e=>t.find(o=>e.startsWith(`${o}_`))||null,a=(e,n)=>{const o=`${n}_`;return e.startsWith(o)?e.substring(o.length):e};return u.forEach(e=>{if(!e.id)return;const n=r(e.id);if(n){const o={...e,id:a(e.id,n)};i[n].push(o)}else{const o=d?.[e.id];o?i[o].push(e):i.unscoped.push(e)}}),i};exports.splitClientFiltersByScope=re;exports.splitFiltersByScope=te;exports.useBuildFilterOptions=F;
 //# sourceMappingURL=useBuildFilterOptions.cjs.js.map