@ynput/ayon-frontend-shared 0.3.23 → 0.3.25

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

@@ -31,6 +31,7 @@ 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";
@@ -267,41 +268,41 @@ import "../VersionUploader/context/VersionUploadContext.es.js";
 import "../Watchers/Watchers.es.js";
 import "../Menu/Menu.styled.es.js";
 import "../Menu/MenuItem.es.js";
-import { ReviewableCard as b, Tag as d } from "./ReviewablesSelector.styled.es.js";
-function hm({
-  fileId: r,
-  label: e,
-  selected: a,
-  projectName: n,
-  onKeyDown: s,
-  onMouseOver: u,
-  onChange: i,
-  tag: m,
-  contextMenuItems: p,
+import { ReviewableCard as C, Tag as b } from "./ReviewablesSelector.styled.es.js";
+function wm({
+  fileId: o,
+  label: p,
+  selected: e,
+  projectName: a,
+  onKeyDown: n,
+  onMouseOver: s,
+  onChange: u,
+  tag: i,
+  contextMenuItems: m,
   selectionVariant: c = "primary"
 }) {
   const [l] = f();
   return /* @__PURE__ */ t.jsxs(
-    b,
+    C,
     {
-      id: "preview-" + r,
-      onClick: () => i && i(r),
-      className: x("reviewable-card", { selected: a }, c),
-      onMouseOver: (o) => u(o, { label: e }),
-      onKeyDown: s,
-      onContextMenu: (o) => {
-        p && (o.preventDefault(), l(o, p));
+      id: "preview-" + o,
+      onClick: (r) => u?.(o, r.metaKey || r.ctrlKey),
+      className: x("reviewable-card", { selected: e }, c),
+      onMouseOver: (r) => s(r, { label: p }),
+      onKeyDown: n,
+      onContextMenu: (r) => {
+        m && (r.preventDefault(), l(r, m));
       },
       tabIndex: 0,
       children: [
-        /* @__PURE__ */ t.jsx(j, { src: `/api/projects/${n}/files/${r}/thumbnail` }),
-        m && /* @__PURE__ */ t.jsx(d, { children: m })
+        /* @__PURE__ */ t.jsx(j, { src: `/api/projects/${a}/files/${o}/thumbnail` }),
+        i && /* @__PURE__ */ t.jsx(b, { children: i })
       ]
     },
-    r
+    o
   );
 }
 export {
-  hm as default
+  wm as default
 };
 //# sourceMappingURL=Card.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Card.es.js","sources":["../../../../../src/components/ReviewablesSelector/Card.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { FileThumbnail } from '@shared/components'\nimport { ReviewableModel } from '@shared/api'\nimport { ContextMenuItemType, useCreateContextMenu } from '@shared/containers'\nimport * as Styled from './ReviewablesSelector.styled'\nimport { KeyboardEvent, MouseEvent } from 'react'\n\nexport type ReviewableCard = Pick<ReviewableModel, 'fileId' | 'label'> & {\n  tag?: JSX.Element,\n  contextMenuItems?: ContextMenuItemType[],\n  selectionVariant?: 'primary' | 'tertiary',\n}\n\nexport type ReviewableCardProps = ReviewableCard & {\n  projectName: string | null,\n  selected: boolean,\n  onChange?: (fileId: string) => void,\n  onKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void,\n  onMouseOver: (event: MouseEvent<HTMLDivElement>, { label }: { label?: string }) => void,\n}\n\nexport default function Card({\n  fileId,\n  label,\n  selected,\n  projectName,\n  onKeyDown,\n  onMouseOver,\n  onChange,\n  tag,\n  contextMenuItems,\n  selectionVariant = 'primary',\n}: ReviewableCardProps) {\n  const [contextMenuShow] = useCreateContextMenu()\n\n  return (\n    <Styled.ReviewableCard\n      key={fileId}\n      id={'preview-' + fileId}\n      onClick={() => onChange && onChange(fileId)}\n      className={clsx('reviewable-card', { selected }, selectionVariant)}\n      onMouseOver={(e) => onMouseOver(e, { label })}\n      onKeyDown={onKeyDown}\n      onContextMenu={(event) => {\n        if (!contextMenuItems) return\n\n        event.preventDefault()\n        contextMenuShow(event, contextMenuItems)\n      }}\n      tabIndex={0}\n    >\n      <FileThumbnail src={`/api/projects/${projectName}/files/${fileId}/thumbnail`} />\n      {\n        tag && <Styled.Tag>{tag}</Styled.Tag>\n      }\n    </Styled.ReviewableCard>\n  )\n}\n"],"names":["Card","fileId","label","selected","projectName","onKeyDown","onMouseOver","onChange","tag","contextMenuItems","selectionVariant","contextMenuShow","useCreateContextMenu","jsxs","Styled.ReviewableCard","clsx","e","event","jsx","FileThumbnail","Styled.Tag"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,SAAwBA,GAAK;AAAA,EAC3B,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,KAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC,IAAmB;AACrB,GAAwB;AACtB,QAAM,CAACC,CAAe,IAAIC,EAAA;AAE1B,SACEC,gBAAAA,EAAAA;AAAAA,IAACC;AAAAA,IAAA;AAAA,MAEC,IAAI,aAAab;AAAA,MACjB,SAAS,MAAMM,KAAYA,EAASN,CAAM;AAAA,MAC1C,WAAWc,EAAK,mBAAmB,EAAE,UAAAZ,EAAA,GAAYO,CAAgB;AAAA,MACjE,aAAa,CAACM,MAAMV,EAAYU,GAAG,EAAE,OAAAd,GAAO;AAAA,MAC5C,WAAAG;AAAA,MACA,eAAe,CAACY,MAAU;AACxB,QAAKR,MAELQ,EAAM,eAAA,GACNN,EAAgBM,GAAOR,CAAgB;AAAA,MACzC;AAAA,MACA,UAAU;AAAA,MAEV,UAAA;AAAA,QAAAS,gBAAAA,MAACC,KAAc,KAAK,iBAAiBf,CAAW,UAAUH,CAAM,cAAc;AAAA,QAE5EO,KAAOU,gBAAAA,EAAAA,IAACE,GAAA,EAAY,UAAAZ,EAAA,CAAI;AAAA,MAAA;AAAA,IAAA;AAAA,IAhBrBP;AAAA,EAAA;AAoBX;"}
+{"version":3,"file":"Card.es.js","sources":["../../../../../src/components/ReviewablesSelector/Card.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { FileThumbnail } from '@shared/components'\nimport { ReviewableModel } from '@shared/api'\nimport { ContextMenuItemType, useCreateContextMenu } from '@shared/containers'\nimport * as Styled from './ReviewablesSelector.styled'\nimport { KeyboardEvent, MouseEvent } from 'react'\n\nexport type ReviewableCard = Pick<ReviewableModel, 'fileId' | 'label'> & {\n  tag?: JSX.Element,\n  contextMenuItems?: ContextMenuItemType[],\n  selectionVariant?: 'primary' | 'tertiary',\n}\n\nexport type ReviewableCardProps = ReviewableCard & {\n  projectName: string | null,\n  selected: boolean,\n  onChange?: (fileId: string, modifier?: boolean) => void,\n  onKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void,\n  onMouseOver: (event: MouseEvent<HTMLDivElement>, { label }: { label?: string }) => void,\n}\n\nexport default function Card({\n  fileId,\n  label,\n  selected,\n  projectName,\n  onKeyDown,\n  onMouseOver,\n  onChange,\n  tag,\n  contextMenuItems,\n  selectionVariant = 'primary',\n}: ReviewableCardProps) {\n  const [contextMenuShow] = useCreateContextMenu()\n\n  return (\n    <Styled.ReviewableCard\n      key={fileId}\n      id={'preview-' + fileId}\n      onClick={(event) => onChange?.(fileId, event.metaKey || event.ctrlKey)}\n      className={clsx('reviewable-card', { selected }, selectionVariant)}\n      onMouseOver={(e) => onMouseOver(e, { label })}\n      onKeyDown={onKeyDown}\n      onContextMenu={(event) => {\n        if (!contextMenuItems) return\n\n        event.preventDefault()\n        contextMenuShow(event, contextMenuItems)\n      }}\n      tabIndex={0}\n    >\n      <FileThumbnail src={`/api/projects/${projectName}/files/${fileId}/thumbnail`} />\n      {\n        tag && <Styled.Tag>{tag}</Styled.Tag>\n      }\n    </Styled.ReviewableCard>\n  )\n}\n"],"names":["Card","fileId","label","selected","projectName","onKeyDown","onMouseOver","onChange","tag","contextMenuItems","selectionVariant","contextMenuShow","useCreateContextMenu","jsxs","Styled.ReviewableCard","event","clsx","e","jsx","FileThumbnail","Styled.Tag"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,SAAwBA,GAAK;AAAA,EAC3B,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,KAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC,IAAmB;AACrB,GAAwB;AACtB,QAAM,CAACC,CAAe,IAAIC,EAAA;AAE1B,SACEC,gBAAAA,EAAAA;AAAAA,IAACC;AAAAA,IAAA;AAAA,MAEC,IAAI,aAAab;AAAA,MACjB,SAAS,CAACc,MAAUR,IAAWN,GAAQc,EAAM,WAAWA,EAAM,OAAO;AAAA,MACrE,WAAWC,EAAK,mBAAmB,EAAE,UAAAb,EAAA,GAAYO,CAAgB;AAAA,MACjE,aAAa,CAACO,MAAMX,EAAYW,GAAG,EAAE,OAAAf,GAAO;AAAA,MAC5C,WAAAG;AAAA,MACA,eAAe,CAACU,MAAU;AACxB,QAAKN,MAELM,EAAM,eAAA,GACNJ,EAAgBI,GAAON,CAAgB;AAAA,MACzC;AAAA,MACA,UAAU;AAAA,MAEV,UAAA;AAAA,QAAAS,gBAAAA,MAACC,KAAc,KAAK,iBAAiBf,CAAW,UAAUH,CAAM,cAAc;AAAA,QAE5EO,KAAOU,gBAAAA,EAAAA,IAACE,GAAA,EAAY,UAAAZ,EAAA,CAAI;AAAA,MAAA;AAAA,IAAA;AAAA,IAhBrBP;AAAA,EAAA;AAoBX;"}

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 { FC, useEffect, useRef, useState } from 'react'\nimport * as Styled from './ReviewablesSelector.styled'\nimport { isHTMLElement } from '@shared/util'\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) => void\n  onUpload?: () => void\n}\n\nconst ReviewablesSelector: FC<ReviewablesSelectorProps> = ({\n  reviewables = [],\n  selected = [],\n  projectName,\n  onChange,\n  onUpload,\n}) => {\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  // add keyboard support\n  // use up and down arrow keys to navigate through the reviewables\n  // if at top and press up, go to bottom, if at bottom and press down, go to top\n  useEffect(() => {\n    if (reviewables.length === 1) return\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (['w', 's', 'ArrowUp', 'ArrowDown'].includes(e.key)) {\n        // Check if e.target is an HTMLElement before accessing tagName or isContentEditable\n        if (isHTMLElement(e.target)) {\n          if (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA') return\n          if (e.target.isContentEditable) return\n        }\n\n        const currentIndex = reviewables.findIndex(({ fileId }) => selected.includes(fileId))\n        const nextIndex = e.key === 'w' || e.key === 'ArrowUp' ? currentIndex - 1 : currentIndex + 1\n        const nextReviewable =\n          reviewables[nextIndex < 0 ? reviewables.length - 1 : nextIndex % reviewables.length]\n        const nextFileId = nextReviewable.fileId\n\n        onChange && onChange(nextFileId)\n        requestAnimationFrame(() => scrollReviewableIntoView(nextFileId))\n        // also set new label for the tooltip\n        setLabelTooltip(nextReviewable.label ?? null)\n        // set label tooltip position\n        const el = document.getElementById('preview-' + nextFileId)\n\n        if (el) {\n          const top = el.offsetTop + el.offsetHeight / 2 - getScrollTop()\n          setLabelTooltipYPos(top)\n        }\n      }\n    }\n\n    window.addEventListener('keydown', handleKeyDown)\n\n    return () => {\n      window.removeEventListener('keydown', handleKeyDown)\n    }\n  }, [selected, reviewables, onChange])\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={(ref) => {\n          scrollContainerRef.current = ref\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","reviewables","selected","projectName","onChange","onUpload","scrollRef","useRef","scrollContainerRef","labelTooltip","setLabelTooltip","useState","labelTooltipYPos","setLabelTooltipYPos","getScrollTop","scrollReviewableIntoView","fileId","container","el","containerRect","itemRect","useEffect","handleKeyDown","isHTMLElement","currentIndex","nextIndex","nextReviewable","nextFileId","top","handleMouseMove","event","handleMouseOver","label","closest","jsxs","Styled.ReviewablesSelector","Styled.Scrollable","ref","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 { FC, useEffect, useRef, useState } from 'react'\nimport * as Styled from './ReviewablesSelector.styled'\nimport { isHTMLElement } from '@shared/util'\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\nconst ReviewablesSelector: FC<ReviewablesSelectorProps> = ({\n  reviewables = [],\n  selected = [],\n  projectName,\n  onChange,\n  onUpload,\n}) => {\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  // add keyboard support\n  // use up and down arrow keys to navigate through the reviewables\n  // if at top and press up, go to bottom, if at bottom and press down, go to top\n  useEffect(() => {\n    if (reviewables.length === 1) return\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (['w', 's', 'ArrowUp', 'ArrowDown'].includes(e.key)) {\n        // Check if e.target is an HTMLElement before accessing tagName or isContentEditable\n        if (isHTMLElement(e.target)) {\n          if (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA') return\n          if (e.target.isContentEditable) return\n        }\n\n        const currentIndex = reviewables.findIndex(({ fileId }) => selected.includes(fileId))\n        const nextIndex = e.key === 'w' || e.key === 'ArrowUp' ? currentIndex - 1 : currentIndex + 1\n        const nextReviewable =\n          reviewables[nextIndex < 0 ? reviewables.length - 1 : nextIndex % reviewables.length]\n        const nextFileId = nextReviewable.fileId\n\n        onChange && onChange(nextFileId)\n        requestAnimationFrame(() => scrollReviewableIntoView(nextFileId))\n        // also set new label for the tooltip\n        setLabelTooltip(nextReviewable.label ?? null)\n        // set label tooltip position\n        const el = document.getElementById('preview-' + nextFileId)\n\n        if (el) {\n          const top = el.offsetTop + el.offsetHeight / 2 - getScrollTop()\n          setLabelTooltipYPos(top)\n        }\n      }\n    }\n\n    window.addEventListener('keydown', handleKeyDown)\n\n    return () => {\n      window.removeEventListener('keydown', handleKeyDown)\n    }\n  }, [selected, reviewables, onChange])\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={(ref) => {\n          scrollContainerRef.current = ref\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","reviewables","selected","projectName","onChange","onUpload","scrollRef","useRef","scrollContainerRef","labelTooltip","setLabelTooltip","useState","labelTooltipYPos","setLabelTooltipYPos","getScrollTop","scrollReviewableIntoView","fileId","container","el","containerRect","itemRect","useEffect","handleKeyDown","isHTMLElement","currentIndex","nextIndex","nextReviewable","nextFileId","top","handleMouseMove","event","handleMouseOver","label","closest","jsxs","Styled.ReviewablesSelector","Styled.Scrollable","ref","tag","selectionVariant","contextMenuItems","jsx","Card","Styled.AddButton","Styled.Label"],"mappings":"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"}

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 { FC, useEffect, useRef, useState } from 'react'\nimport * as Styled from './ReviewablesSelector.styled'\nimport { isHTMLElement } from '@shared/util'\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) => void\n  onUpload?: () => void\n}\n\nconst ReviewablesSelector: FC<ReviewablesSelectorProps> = ({\n  reviewables = [],\n  selected = [],\n  projectName,\n  onChange,\n  onUpload,\n}) => {\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  // add keyboard support\n  // use up and down arrow keys to navigate through the reviewables\n  // if at top and press up, go to bottom, if at bottom and press down, go to top\n  useEffect(() => {\n    if (reviewables.length === 1) return\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (['w', 's', 'ArrowUp', 'ArrowDown'].includes(e.key)) {\n        // Check if e.target is an HTMLElement before accessing tagName or isContentEditable\n        if (isHTMLElement(e.target)) {\n          if (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA') return\n          if (e.target.isContentEditable) return\n        }\n\n        const currentIndex = reviewables.findIndex(({ fileId }) => selected.includes(fileId))\n        const nextIndex = e.key === 'w' || e.key === 'ArrowUp' ? currentIndex - 1 : currentIndex + 1\n        const nextReviewable =\n          reviewables[nextIndex < 0 ? reviewables.length - 1 : nextIndex % reviewables.length]\n        const nextFileId = nextReviewable.fileId\n\n        onChange && onChange(nextFileId)\n        requestAnimationFrame(() => scrollReviewableIntoView(nextFileId))\n        // also set new label for the tooltip\n        setLabelTooltip(nextReviewable.label ?? null)\n        // set label tooltip position\n        const el = document.getElementById('preview-' + nextFileId)\n\n        if (el) {\n          const top = el.offsetTop + el.offsetHeight / 2 - getScrollTop()\n          setLabelTooltipYPos(top)\n        }\n      }\n    }\n\n    window.addEventListener('keydown', handleKeyDown)\n\n    return () => {\n      window.removeEventListener('keydown', handleKeyDown)\n    }\n  }, [selected, reviewables, onChange])\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={(ref) => {\n          scrollContainerRef.current = ref\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","reviewables","selected","projectName","onChange","onUpload","scrollRef","useRef","scrollContainerRef","labelTooltip","setLabelTooltip","useState","labelTooltipYPos","setLabelTooltipYPos","getScrollTop","scrollReviewableIntoView","fileId","container","el","containerRect","itemRect","useEffect","handleKeyDown","isHTMLElement","currentIndex","nextIndex","nextReviewable","nextFileId","top","handleMouseMove","event","handleMouseOver","label","closest","jsxs","Styled.ReviewablesSelector","Styled.Scrollable","ref","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 { FC, useEffect, useRef, useState } from 'react'\nimport * as Styled from './ReviewablesSelector.styled'\nimport { isHTMLElement } from '@shared/util'\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\nconst ReviewablesSelector: FC<ReviewablesSelectorProps> = ({\n  reviewables = [],\n  selected = [],\n  projectName,\n  onChange,\n  onUpload,\n}) => {\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  // add keyboard support\n  // use up and down arrow keys to navigate through the reviewables\n  // if at top and press up, go to bottom, if at bottom and press down, go to top\n  useEffect(() => {\n    if (reviewables.length === 1) return\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (['w', 's', 'ArrowUp', 'ArrowDown'].includes(e.key)) {\n        // Check if e.target is an HTMLElement before accessing tagName or isContentEditable\n        if (isHTMLElement(e.target)) {\n          if (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA') return\n          if (e.target.isContentEditable) return\n        }\n\n        const currentIndex = reviewables.findIndex(({ fileId }) => selected.includes(fileId))\n        const nextIndex = e.key === 'w' || e.key === 'ArrowUp' ? currentIndex - 1 : currentIndex + 1\n        const nextReviewable =\n          reviewables[nextIndex < 0 ? reviewables.length - 1 : nextIndex % reviewables.length]\n        const nextFileId = nextReviewable.fileId\n\n        onChange && onChange(nextFileId)\n        requestAnimationFrame(() => scrollReviewableIntoView(nextFileId))\n        // also set new label for the tooltip\n        setLabelTooltip(nextReviewable.label ?? null)\n        // set label tooltip position\n        const el = document.getElementById('preview-' + nextFileId)\n\n        if (el) {\n          const top = el.offsetTop + el.offsetHeight / 2 - getScrollTop()\n          setLabelTooltipYPos(top)\n        }\n      }\n    }\n\n    window.addEventListener('keydown', handleKeyDown)\n\n    return () => {\n      window.removeEventListener('keydown', handleKeyDown)\n    }\n  }, [selected, reviewables, onChange])\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={(ref) => {\n          scrollContainerRef.current = ref\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","reviewables","selected","projectName","onChange","onUpload","scrollRef","useRef","scrollContainerRef","labelTooltip","setLabelTooltip","useState","labelTooltipYPos","setLabelTooltipYPos","getScrollTop","scrollReviewableIntoView","fileId","container","el","containerRect","itemRect","useEffect","handleKeyDown","isHTMLElement","currentIndex","nextIndex","nextReviewable","nextFileId","top","handleMouseMove","event","handleMouseOver","label","closest","jsxs","Styled.ReviewablesSelector","Styled.Scrollable","ref","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 I=require("../../../../_virtual/jsx-runtime.cjs.js"),Q=require("lodash");require("react-toastify");const Y=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/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");const K=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 P=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 _=require("@ynput/ayon-react-components"),C=require("./filterDates.cjs.js"),J=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 X=require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("../../context/UriContext.cjs.js");const Z=({filterTypes:u=[],projectNames:t,scope:p,scopes:i,data:r,config:s,columnOrder:e=[],power:n})=>{let o=[];const c=i||(p?Array.isArray(p)?p:[p]:[]).map(d=>({scope:d,filterTypes:u})),h=c.length>1,S=c.some(b=>["entitySubType","status"].some(d=>b.filterTypes.includes(d))),E=c.some(b=>["assignees","users","author"].some(d=>b.filterTypes.includes(d))),A=b=>c.some(d=>d.filterTypes.includes(b)),{data:{groups:T=[]}={}}=K.useGetEntityGroupsQuery({entityType:"product",groupingKey:"productType",projectName:t[0],empty:!0},{skip:!t?.length||!A("productType")}),{data:x={}}=P.useGetProjectsInfoQuery({projects:t},{skip:!t?.length||!S}),{data:H=[]}=P.useGetKanbanProjectUsersQuery({projects:t},{skip:!t?.length||!E}),{attributes:M}=X.useGlobalContext(),G=b=>b.charAt(0).toUpperCase()+b.slice(1);return c.forEach(({scope:b,filterTypes:d})=>{const m=h?b:void 0,v=h?G(b):void 0;if(d.includes("taskType")&&b!=="user"){const a=w("taskType",{...s,enableOperatorChange:!1},m,v);if(a){let l=N({projectsInfo:x,productTypes:T},"task");a.values?.push(...l),o.push(a)}}if(d.includes("folderType")&&b!=="user"){const a=w("folderType",{...s,enableOperatorChange:!1},m,v);if(a){let l=N({projectsInfo:x,productTypes:T},"folder");a.values?.push(...l),o.push(a)}}if(d.includes("productType")&&b!=="user"){const a=w("productType",{...s,enableOperatorChange:!1},m,v);if(a){let l=N({projectsInfo:x,productTypes:T},"product");a.values?.push(...l),o.push(a)}}if(d.includes("productName")&&b==="product"){const a=w("productName",s,m,v);a&&(r.productNames?.forEach(l=>{a.values?.some(g=>g.id===l)||a.values?.push({id:l,label:l})}),o.push(a))}if(d.includes("status")){const a=w("status",{...s,enableOperatorChange:!1},m,v);a&&(Object.values(x).forEach(l=>{(l?.statuses||[]).filter(f=>f.scope?.includes(b)).forEach(f=>{a.values?.some(q=>q.id===f.name)||a.values?.push({id:f.name,label:f.name,icon:f.icon,color:f.color})})}),o.push(a))}if(d.includes("assignees")){const a=w("assignees",s,m,v);a&&(H.forEach(l=>{a.values?.some(g=>g.id===l.name)||a.values?.push({id:l.name,label:l.attrib.fullName||l.name,img:`/api/users/${l.name}/avatar`,icon:null})}),a.values?.sort((l,g)=>{const f=r.assignees?.filter(y=>y===l.id).length||0;return(r.assignees?.filter(y=>y===g.id).length||0)-f}),o.push(a))}if(d.includes("author")){const a=w("author",s,m,v);a&&(H.forEach(l=>{a.values?.some(g=>g.id===l.name)||a.values?.push({id:l.name,label:l.attrib.fullName||l.name,img:`/api/users/${l.name}/avatar`,icon:null})}),o.push(a))}if(d.includes("tags")){const a=w("tags",s,m,v);if(a){const l=new Map;Object.values(x).forEach(q=>{q?.tags&&q.tags.forEach(y=>{l.has(y.name)||l.set(y.name,y)})});const g=new Map;r.tags?.forEach(q=>{const y=g.get(q);if(y){y.count++;return}else{const V=l.get(q);g.set(q,{id:q,type:"string",label:q,values:[],color:V?.color||null,count:1})}});const f=Array.from(g.values()).sort((q,y)=>y.count-q.count);a.values?.push(...f),o.push(a)}}if(d.includes("version")){const a=w("version",s,m,v);a&&(J.FEATURED_VERSION_TYPES.forEach(l=>{a.values?.push({id:l.value,label:l.label,icon:l.icon})}),o.push(a))}if(d.includes("name")){const a=w("name",s,m,v);a&&o.push(a)}if(d.includes("hasReviewables")){const a=w("hasReviewables",s,m,v);if(a){const l=[{id:"true",label:"Yes",values:[]},{id:"false",label:"No",values:[]}];a.values?.push(...l),o.push(a)}}if(d.includes("createdAt")){const a=w("createdAt",s,m,v);a&&(a.values?.push(C.customRangeOption),a.values?.push(...C.generateDatePresetOptions().map(l=>({...l,contentAfter:n?void 0:I.jsxRuntimeExports.jsx(_.Icon,{icon:"bolt"})}))),o.push(a))}if(d.includes("updatedAt")){const a=w("updatedAt",s,m,v);a&&(a.values?.push(C.customRangeOption),a.values?.push(...C.generateDatePresetOptions().map(l=>({...l,contentAfter:n?void 0:I.jsxRuntimeExports.jsx(_.Icon,{icon:"bolt"})}))),o.push(a))}if(d.includes("attributes")){const a=M.filter(f=>f.scope?.includes(b)),l=Q.isEmpty(r.attributes)?a:a.filter(f=>r.attributes&&r.attributes[f.name]);(s?.enableRelativeValues?l:l.filter(f=>f.data.type!=="datetime")).forEach(f=>{const q=r.attributes&&r.attributes[f.name],y=f.data.enum,V=f.data.type,j=["list_of_strings","list_of_integers","list_of_any","list_of_submodels"].includes(V||""),$=V==="datetime",U=j?s?.enableOperatorChange:!1,L=j||$?s?.enableRelativeValues:!1,D=F(f,{...s,allowsCustomValues:!0,enableOperatorChange:U,enableRelativeValues:L},m,v),z=["string","integer","float","list_of_strings","list_of_integers"],R=[];if(z.includes(V)){const k=ee(q,y,V);R.push(...k)}if(V==="boolean"){const k=[{id:"true",label:"Yes",values:[]},{id:"false",label:"No",values:[]}];R.push(...k)}$&&(R.push(C.customRangeOption),R.push(...C.generateDatePresetOptions().map(k=>({...k,contentAfter:n?void 0:I.jsxRuntimeExports.jsx(_.Icon,{icon:"bolt"})})))),D.values?.push(...R),o.push(D)})}}),e?se(o,e):o},N=({projectsInfo:u,productTypes:t},p)=>{const i=[];return p==="product"?t.forEach(({icon:r,label:s,value:e})=>{i.push({id:e,type:"string",label:s||e,icon:r||Y.getEntityTypeIcon("product"),inverted:!1,values:[],allowsCustomValues:!1})}):p==="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"}}})})}):p==="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},W=(u,t,p,i)=>{const{prefixes:r,keys:s}=p||{};let e=u;return s&&t in s?e=`${s[t]}`:r&&t in r&&(e=`${r[t]}${u}`),i&&(e=`${i}_${e}`),e},B=(u,t)=>t?`${u} - ${t}`:u,w=(u,t,p,i)=>{const r=n=>W(n,u,t,p),s=n=>B(n,i);let e=null;switch(u){case"taskType":e={id:r("taskType"),type:"string",label:s("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:s("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:s("Product Type"),icon:O.getAttributeIcon("product"),inverted:!1,operator:"OR",values:[],allowsCustomValues:!1,allowHasValue:!1,allowNoValue:!1,allowExcludes:t?.enableExcludes,operatorChangeable:!1};break;case"productName":e={id:r("productNames"),type:"string",label:s("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:s("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:s("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:s("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:s("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:s("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:s("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:s("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:s("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:s("Updated"),icon:"edit_calendar",inverted:!1,operator:"OR",values:[],allowsCustomValues:!1,allowHasValue:!1,allowNoValue:!1,allowExcludes:!1,operatorChangeable:!1,singleSelect:!0};break}return e},F=(u,t,p,i)=>({id:W(u.name,"attributes",t,p),type:u.data.type,label:i?B(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||"")}),ee=(u,t,p)=>{const i=[],r=[];return t&&t.forEach(s=>{i.push({id:s.value.toString(),type:p,label:s.label,values:[],icon:s.icon,color:s.color,pt:{style:{color:"inherit"}}})}),u?.forEach(s=>{if(!s)return;let e="";switch(typeof s){case"string":case"number":case"boolean":e=s.toString();break;case"object":Array.isArray(s)?e=s.join(", "):e=JSON.stringify(s);break}const n=e.trim().toLowerCase().replace(/[^a-z0-9\s]/g,"").replace(/\s+/g,"-");if(i?.find(h=>h.id===n))return;const c=r.find(h=>h.id===n);if(c){c.count++;return}else r.push({id:n,type:p,label:e,values:[],count:1})}),r.sort((s,e)=>e.count-s.count),[...i,...r]},se=(u,t)=>{const p=t.flatMap(i=>i==="subType"?["taskType","folderType"]:i);return[...u].sort((i,r)=>{const s=p.indexOf(i.id.replace(".","_")),e=p.indexOf(r.id.replace(".","_"));return s!==-1&&e!==-1?s-e:s!==-1?-1:e!==-1?1:0})},ae=(u,t,p,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 s=(n,o)=>{const c=t.find(h=>n.startsWith(`${h}_`));if(c){const h=n.substring(`${c}_`.length);return{scope:c,cleanId:h}}else if(p?.fallbackScope)return{scope:p.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:h,cleanId:S}=s(c.key);if(h&&o[h])o[h].conditions?.push({...c,key:S});else if(!h){const E=i?.[c.key];E&&o[E]?o[E].conditions?.push(c):c.key===_.SEARCH_FILTER_ID||c.key==="name"||c.key?.endsWith("_name")?t.forEach(A=>{o[A]&&o[A].conditions?.push(c)}):o.unscoped?.conditions?.push(c)}}})};return e(u.conditions,r),r},te=(u,t,p)=>{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,s=(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:s(e.id,n)};i[n].push(o)}else{const o=p?.[e.id];o?i[o].push(e):i.unscoped.push(e)}}),i};exports.splitClientFiltersByScope=te;exports.splitFiltersByScope=ae;exports.useBuildFilterOptions=Z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("../../../../_virtual/jsx-runtime.cjs.js"),Q=require("lodash");require("react-toastify");const Y=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");const K=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 P=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 _=require("@ynput/ayon-react-components"),C=require("./filterDates.cjs.js"),J=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 X=require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("../../context/UriContext.cjs.js");const Z=({filterTypes:u=[],projectNames:t,scope:p,scopes:i,data:r,config:s,columnOrder:e=[],power:n})=>{let o=[];const c=i||(p?Array.isArray(p)?p:[p]:[]).map(d=>({scope:d,filterTypes:u})),h=c.length>1,S=c.some(b=>["entitySubType","status"].some(d=>b.filterTypes.includes(d))),E=c.some(b=>["assignees","users","author"].some(d=>b.filterTypes.includes(d))),A=b=>c.some(d=>d.filterTypes.includes(b)),{data:{groups:T=[]}={}}=K.useGetEntityGroupsQuery({entityType:"product",groupingKey:"productType",projectName:t[0],empty:!0},{skip:!t?.length||!A("productType")}),{data:x={}}=P.useGetProjectsInfoQuery({projects:t},{skip:!t?.length||!S}),{data:H=[]}=P.useGetKanbanProjectUsersQuery({projects:t},{skip:!t?.length||!E}),{attributes:M}=X.useGlobalContext(),G=b=>b.charAt(0).toUpperCase()+b.slice(1);return c.forEach(({scope:b,filterTypes:d})=>{const m=h?b:void 0,v=h?G(b):void 0;if(d.includes("taskType")&&b!=="user"){const a=w("taskType",{...s,enableOperatorChange:!1},m,v);if(a){let l=N({projectsInfo:x,productTypes:T},"task");a.values?.push(...l),o.push(a)}}if(d.includes("folderType")&&b!=="user"){const a=w("folderType",{...s,enableOperatorChange:!1},m,v);if(a){let l=N({projectsInfo:x,productTypes:T},"folder");a.values?.push(...l),o.push(a)}}if(d.includes("productType")&&b!=="user"){const a=w("productType",{...s,enableOperatorChange:!1},m,v);if(a){let l=N({projectsInfo:x,productTypes:T},"product");a.values?.push(...l),o.push(a)}}if(d.includes("productName")&&b==="product"){const a=w("productName",s,m,v);a&&(r.productNames?.forEach(l=>{a.values?.some(g=>g.id===l)||a.values?.push({id:l,label:l})}),o.push(a))}if(d.includes("status")){const a=w("status",{...s,enableOperatorChange:!1},m,v);a&&(Object.values(x).forEach(l=>{(l?.statuses||[]).filter(f=>f.scope?.includes(b)).forEach(f=>{a.values?.some(q=>q.id===f.name)||a.values?.push({id:f.name,label:f.name,icon:f.icon,color:f.color})})}),o.push(a))}if(d.includes("assignees")){const a=w("assignees",s,m,v);a&&(H.forEach(l=>{a.values?.some(g=>g.id===l.name)||a.values?.push({id:l.name,label:l.attrib.fullName||l.name,img:`/api/users/${l.name}/avatar`,icon:null})}),a.values?.sort((l,g)=>{const f=r.assignees?.filter(y=>y===l.id).length||0;return(r.assignees?.filter(y=>y===g.id).length||0)-f}),o.push(a))}if(d.includes("author")){const a=w("author",s,m,v);a&&(H.forEach(l=>{a.values?.some(g=>g.id===l.name)||a.values?.push({id:l.name,label:l.attrib.fullName||l.name,img:`/api/users/${l.name}/avatar`,icon:null})}),o.push(a))}if(d.includes("tags")){const a=w("tags",s,m,v);if(a){const l=new Map;Object.values(x).forEach(q=>{q?.tags&&q.tags.forEach(y=>{l.has(y.name)||l.set(y.name,y)})});const g=new Map;r.tags?.forEach(q=>{const y=g.get(q);if(y){y.count++;return}else{const V=l.get(q);g.set(q,{id:q,type:"string",label:q,values:[],color:V?.color||null,count:1})}});const f=Array.from(g.values()).sort((q,y)=>y.count-q.count);a.values?.push(...f),o.push(a)}}if(d.includes("version")){const a=w("version",s,m,v);a&&(J.FEATURED_VERSION_TYPES.forEach(l=>{a.values?.push({id:l.value,label:l.label,icon:l.icon})}),o.push(a))}if(d.includes("name")){const a=w("name",s,m,v);a&&o.push(a)}if(d.includes("hasReviewables")){const a=w("hasReviewables",s,m,v);if(a){const l=[{id:"true",label:"Yes",values:[]},{id:"false",label:"No",values:[]}];a.values?.push(...l),o.push(a)}}if(d.includes("createdAt")){const a=w("createdAt",s,m,v);a&&(a.values?.push(C.customRangeOption),a.values?.push(...C.generateDatePresetOptions().map(l=>({...l,contentAfter:n?void 0:I.jsxRuntimeExports.jsx(_.Icon,{icon:"bolt"})}))),o.push(a))}if(d.includes("updatedAt")){const a=w("updatedAt",s,m,v);a&&(a.values?.push(C.customRangeOption),a.values?.push(...C.generateDatePresetOptions().map(l=>({...l,contentAfter:n?void 0:I.jsxRuntimeExports.jsx(_.Icon,{icon:"bolt"})}))),o.push(a))}if(d.includes("attributes")){const a=M.filter(f=>f.scope?.includes(b)),l=Q.isEmpty(r.attributes)?a:a.filter(f=>r.attributes&&r.attributes[f.name]);(s?.enableRelativeValues?l:l.filter(f=>f.data.type!=="datetime")).forEach(f=>{const q=r.attributes&&r.attributes[f.name],y=f.data.enum,V=f.data.type,j=["list_of_strings","list_of_integers","list_of_any","list_of_submodels"].includes(V||""),$=V==="datetime",U=j?s?.enableOperatorChange:!1,L=j||$?s?.enableRelativeValues:!1,D=F(f,{...s,allowsCustomValues:!0,enableOperatorChange:U,enableRelativeValues:L},m,v),z=["string","integer","float","list_of_strings","list_of_integers"],R=[];if(z.includes(V)){const k=ee(q,y,V);R.push(...k)}if(V==="boolean"){const k=[{id:"true",label:"Yes",values:[]},{id:"false",label:"No",values:[]}];R.push(...k)}$&&(R.push(C.customRangeOption),R.push(...C.generateDatePresetOptions().map(k=>({...k,contentAfter:n?void 0:I.jsxRuntimeExports.jsx(_.Icon,{icon:"bolt"})})))),D.values?.push(...R),o.push(D)})}}),e?se(o,e):o},N=({projectsInfo:u,productTypes:t},p)=>{const i=[];return p==="product"?t.forEach(({icon:r,label:s,value:e})=>{i.push({id:e,type:"string",label:s||e,icon:r||Y.getEntityTypeIcon("product"),inverted:!1,values:[],allowsCustomValues:!1})}):p==="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"}}})})}):p==="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},W=(u,t,p,i)=>{const{prefixes:r,keys:s}=p||{};let e=u;return s&&t in s?e=`${s[t]}`:r&&t in r&&(e=`${r[t]}${u}`),i&&(e=`${i}_${e}`),e},B=(u,t)=>t?`${u} - ${t}`:u,w=(u,t,p,i)=>{const r=n=>W(n,u,t,p),s=n=>B(n,i);let e=null;switch(u){case"taskType":e={id:r("taskType"),type:"string",label:s("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:s("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:s("Product Type"),icon:O.getAttributeIcon("product"),inverted:!1,operator:"OR",values:[],allowsCustomValues:!1,allowHasValue:!1,allowNoValue:!1,allowExcludes:t?.enableExcludes,operatorChangeable:!1};break;case"productName":e={id:r("productNames"),type:"string",label:s("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:s("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:s("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:s("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:s("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:s("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:s("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:s("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:s("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:s("Updated"),icon:"edit_calendar",inverted:!1,operator:"OR",values:[],allowsCustomValues:!1,allowHasValue:!1,allowNoValue:!1,allowExcludes:!1,operatorChangeable:!1,singleSelect:!0};break}return e},F=(u,t,p,i)=>({id:W(u.name,"attributes",t,p),type:u.data.type,label:i?B(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||"")}),ee=(u,t,p)=>{const i=[],r=[];return t&&t.forEach(s=>{i.push({id:s.value.toString(),type:p,label:s.label,values:[],icon:s.icon,color:s.color,pt:{style:{color:"inherit"}}})}),u?.forEach(s=>{if(!s)return;let e="";switch(typeof s){case"string":case"number":case"boolean":e=s.toString();break;case"object":Array.isArray(s)?e=s.join(", "):e=JSON.stringify(s);break}const n=e.trim().toLowerCase().replace(/[^a-z0-9\s]/g,"").replace(/\s+/g,"-");if(i?.find(h=>h.id===n))return;const c=r.find(h=>h.id===n);if(c){c.count++;return}else r.push({id:n,type:p,label:e,values:[],count:1})}),r.sort((s,e)=>e.count-s.count),[...i,...r]},se=(u,t)=>{const p=t.flatMap(i=>i==="subType"?["taskType","folderType"]:i);return[...u].sort((i,r)=>{const s=p.indexOf(i.id.replace(".","_")),e=p.indexOf(r.id.replace(".","_"));return s!==-1&&e!==-1?s-e:s!==-1?-1:e!==-1?1:0})},ae=(u,t,p,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 s=(n,o)=>{const c=t.find(h=>n.startsWith(`${h}_`));if(c){const h=n.substring(`${c}_`.length);return{scope:c,cleanId:h}}else if(p?.fallbackScope)return{scope:p.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:h,cleanId:S}=s(c.key);if(h&&o[h])o[h].conditions?.push({...c,key:S});else if(!h){const E=i?.[c.key];E&&o[E]?o[E].conditions?.push(c):c.key===_.SEARCH_FILTER_ID||c.key==="name"||c.key?.endsWith("_name")?t.forEach(A=>{o[A]&&o[A].conditions?.push(c)}):o.unscoped?.conditions?.push(c)}}})};return e(u.conditions,r),r},te=(u,t,p)=>{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,s=(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:s(e.id,n)};i[n].push(o)}else{const o=p?.[e.id];o?i[o].push(e):i.unscoped.push(e)}}),i};exports.splitClientFiltersByScope=te;exports.splitFiltersByScope=ae;exports.useBuildFilterOptions=Z;
 //# sourceMappingURL=useBuildFilterOptions.cjs.js.map