@ynput/ayon-frontend-shared 0.7.5 → 0.8.0

package/dist/chunks/EntityPickerDialog.es.js

@@ -1,28 +1,28 @@
-import { jsxs as j, jsx as x, Fragment as le } from "react/jsx-runtime";
-import { useState as B, useRef as Q, useCallback as N, useEffect as S, useMemo as E } from "react";
-import { upperFirst as U } from "lodash";
+import { jsxs as B, jsx as w, Fragment as ue } from "react/jsx-runtime";
+import { useState as L, useRef as z, useCallback as M, useEffect as N, useMemo as E } from "react";
+import { upperFirst as Z } from "lodash";
 import "primereact/confirmdialog";
 import "react-toastify";
 import "uuid";
-import { bw as ce } from "./searchTerms.es.js";
+import { bw as pe } from "./searchTerms.es.js";
 import "axios";
-import { createPortal as de } from "react-dom";
-import { b as X, H as q, a as ue, S as pe, e as fe } from "./SimpleTable.es.js";
-import { InputText as he, theme as me, Dialog as ge, SwitchButton as be, Button as A } from "@ynput/ayon-react-components";
-import M from "styled-components";
-import { E as ve } from "./EmptyPlaceholder.es.js";
-import { a as V, E as we } from "./EntityTooltip.es.js";
-import { ci as ke } from "./getUris.es.js";
+import { createPortal as fe } from "react-dom";
+import { b as y, H as ee, a as me, S as he, e as ge } from "./SimpleTable.es.js";
+import { InputText as be, theme as ve, Dialog as we, SwitchButton as ke, Button as H } from "@ynput/ayon-react-components";
+import S from "styled-components";
+import { E as xe } from "./EmptyPlaceholder.es.js";
+import { a as U, E as Pe } from "./EntityTooltip.es.js";
+import { cj as Te } from "./getUris.es.js";
 import "@module-federation/enhanced/runtime";
 import "@ynput/ayon-addon/host";
-import { y as xe, x as Te } from "./TableExportContextInstance.es.js";
+import { s as Ie, q as Ce, k as Fe, t as Re } from "./TableExportContextInstance.es.js";
 import "semver";
 import "./ContextMenuContextInstance.es.js";
 import "clsx";
-import "react-redux";
 import "react-router-dom";
-import { g as W } from "./getThumbnailUrl.es.js";
-import { g as J } from "./getEntityTypeIcon.es.js";
+import { g as A } from "./getThumbnailUrl.es.js";
+import { g as te } from "./getEntityTypeIcon.es.js";
+import { P as je, a as X } from "./ProjectFoldersContext.es.js";
 const I = {
   folder: ["folder"],
   product: ["folder", "product"],
@@ -30,68 +30,68 @@ const I = {
   representation: ["folder", "product", "version", "representation"],
   task: ["folder", "task"],
   workfile: ["folder", "task", "workfile"]
-}, Pe = (t, r, o) => t.map((e) => {
-  const i = o?.find((s) => s.name === e.subType);
+}, De = (e, s, n) => e.map((t) => {
+  const c = n?.find((a) => a.name === t.subType);
   return {
-    id: e.id,
-    name: e.name,
-    label: e.label || e.name,
-    parents: e.parents,
-    icon: i?.icon || J(e.entityType),
-    iconColor: i?.color,
-    img: e.thumbnail ? W({ projectName: r, ...e.thumbnail }) : null,
-    badge: e.taskName,
+    id: t.id,
+    name: t.name,
+    label: t.label || t.name,
+    parents: t.parents,
+    icon: c?.icon || te(t.entityType),
+    iconColor: c?.color,
+    img: t.thumbnail ? A({ projectName: s, ...t.thumbnail }) : null,
+    badge: t.taskName,
     subRows: [],
     data: {
-      id: e.id,
-      name: e.name,
-      label: e.label || e.name,
-      entityType: e.entityType,
+      id: t.id,
+      name: t.name,
+      label: t.label || t.name,
+      entityType: t.entityType,
       // a product has no tooltip data of its own, so point at its featured version
-      tooltip: e.entityType === "product" ? e.thumbnail : void 0
+      tooltip: t.entityType === "product" ? t.thumbnail : void 0
     }
   };
-}), Ie = (t, r, o) => t.map((e) => {
-  const i = o.find((s) => s.name === e.folderType);
+}), Oe = (e, s, n) => e.map((t) => {
+  const c = n.find((a) => a.name === t.folderType);
   return {
-    id: e.id,
-    name: e.name,
-    label: e.label || e.name,
-    path: "/" + e.path,
-    icon: i?.icon || J("folder"),
-    iconColor: i?.color,
-    img: W({
-      projectName: r,
+    id: t.id,
+    name: t.name,
+    label: t.label || t.name,
+    path: "/" + t.path,
+    icon: c?.icon || te("folder"),
+    iconColor: c?.color,
+    img: A({
+      projectName: s,
       entityType: "folder",
-      entityId: e.id,
-      thumbnailHash: e.thumbnailHash
+      entityId: t.id,
+      thumbnailHash: t.thumbnailHash
     }),
     subRows: [],
     data: {
-      id: e.id,
-      name: e.name,
-      label: e.label || e.name,
-      folderType: e.folderType,
+      id: t.id,
+      name: t.name,
+      label: t.label || t.name,
+      folderType: t.folderType,
       entityType: "folder"
     }
   };
-}), Ce = (t, r) => {
-  if (!t.length || !r.length)
+}), Ne = (e, s) => {
+  if (!e.length || !s.length)
     return {};
-  const o = /* @__PURE__ */ new Map();
-  for (const s of r)
-    o.set(s.id, s);
-  const e = /* @__PURE__ */ new Set();
-  for (const s of t) {
-    let l = o.get(s);
-    for (; l?.parentId; )
-      e.add(l.parentId), l = o.get(l.parentId);
+  const n = /* @__PURE__ */ new Map();
+  for (const a of s)
+    n.set(a.id, a);
+  const t = /* @__PURE__ */ new Set();
+  for (const a of e) {
+    let i = n.get(a);
+    for (; i?.parentId; )
+      t.add(i.parentId), i = n.get(i.parentId);
   }
-  const i = {};
-  for (const s of e)
-    i[s] = !0;
-  return i;
-}, De = M.div`
+  const c = {};
+  for (const a of t)
+    c[a] = !0;
+  return c;
+}, Ee = S.div`
   position: relative;
   width: 100%;
   padding: 4px;
@@ -100,441 +100,450 @@ const I = {
     width: 100%;
     min-width: 0;
   }
-`, Re = M(X)`
+`, Se = S(y)`
   position: absolute;
   top: 50%;
   right: 6px;
   transform: translateY(-50%);
-`, Fe = ({ value: t, onChange: r, onClose: o, className: e }) => /* @__PURE__ */ j(De, { className: e, children: [
-  /* @__PURE__ */ x(
-    he,
+`, Me = ({ value: e, onChange: s, onClose: n, className: t }) => /* @__PURE__ */ B(Ee, { className: t, children: [
+  /* @__PURE__ */ w(
+    be,
     {
-      value: t,
-      onChange: (i) => r(i.target.value),
+      value: e,
+      onChange: (c) => s(c.target.value),
       placeholder: "Search",
       autoFocus: !0,
-      onKeyDown: (i) => {
-        i.key === "Escape" && o();
+      onKeyDown: (c) => {
+        c.key === "Escape" && n();
       }
     }
   ),
-  /* @__PURE__ */ x(Re, { icon: "close", variant: "text", onClick: o })
-] }), Oe = M(q)`
+  /* @__PURE__ */ w(Se, { icon: "close", variant: "text", onClick: n })
+] }), Le = S(ee)`
   flex-direction: column;
-`, Se = M(q)`
+`, Be = S(ee)`
   padding: 0;
   border: none;
-`, Ee = M.span`
+`, Ke = S.span`
   display: flex;
   align-items: center;
-  ${me.labelLarge}
+  ${ve.labelLarge}
   height: 32px;
   padding-left: 4px;
   white-space: nowrap;
   overflow: hidden;
   width: 100%;
-`, Me = M.div`
+`, $e = S.div`
   display: flex;
   gap: var(--base-gap-small);
-`, Le = ({
-  title: t,
-  search: r,
-  onSearch: o,
-  buttonLabels: e = {}
+`, _e = ({
+  title: e,
+  search: s,
+  onSearch: n,
+  buttonLabels: t = {}
 }) => {
-  const i = {
+  const c = {
     icon: "search",
     tooltip: "Search projects",
-    ...e.search
+    ...t.search
   };
-  return /* @__PURE__ */ j(Oe, { className: "projects-list-header", children: [
-    /* @__PURE__ */ j(Se, { className: "projects-list-header-top", children: [
-      /* @__PURE__ */ x(Ee, { children: t }),
-      /* @__PURE__ */ x(Me, { className: "projects-list-header-buttons", children: /* @__PURE__ */ x(
-        X,
+  return /* @__PURE__ */ B(Le, { className: "projects-list-header", children: [
+    /* @__PURE__ */ B(Be, { className: "projects-list-header-top", children: [
+      /* @__PURE__ */ w(Ke, { children: e }),
+      /* @__PURE__ */ w($e, { className: "projects-list-header-buttons", children: /* @__PURE__ */ w(
+        y,
         {
-          icon: i.icon,
-          "data-tooltip": i.tooltip,
-          "data-shortcut": i.shortcut,
-          onClick: () => typeof r != "string" && o(""),
+          icon: c.icon,
+          "data-tooltip": c.tooltip,
+          "data-shortcut": c.shortcut,
+          onClick: () => typeof s != "string" && n(""),
           className: "search-projects"
         }
       ) })
     ] }),
-    typeof r == "string" && /* @__PURE__ */ x(Fe, { value: r, onChange: o, onClose: () => o(void 0) })
+    typeof s == "string" && /* @__PURE__ */ w(Me, { value: s, onChange: n, onClose: () => n(void 0) })
   ] });
-}, Ne = 150, Be = (t, r) => {
-  const o = V.includes(t) || t === "product", [e, i] = B(null), s = Q(), l = N(() => clearTimeout(s.current), []), n = N(() => {
-    l(), i(null);
-  }, [l]), u = N(() => {
-    l(), s.current = setTimeout(() => i(null), Ne);
-  }, [l]);
-  S(() => n, [n, t]), S(() => {
-    if (e)
-      return window.addEventListener("scroll", n, !0), () => window.removeEventListener("scroll", n, !0);
-  }, [e, n]);
-  const f = N(
-    (c) => {
-      const a = r?.find((p) => p.id === c)?.data?.tooltip || { entityType: t, entityId: c };
-      return V.includes(a.entityType) && a.entityId ? a : null;
+}, Ge = 150, We = (e, s) => {
+  const n = U.includes(e) || e === "product", [t, c] = L(null), a = z(), i = M(() => clearTimeout(a.current), []), o = M(() => {
+    i(), c(null);
+  }, [i]), p = M(() => {
+    i(), a.current = setTimeout(() => c(null), Ge);
+  }, [i]);
+  N(() => o, [o, e]), N(() => {
+    if (t)
+      return window.addEventListener("scroll", o, !0), () => window.removeEventListener("scroll", o, !0);
+  }, [t, o]);
+  const m = M(
+    (d) => {
+      const r = s?.find((u) => u.id === d)?.data?.tooltip || { entityType: e, entityId: d };
+      return U.includes(r.entityType) && r.entityId ? r : null;
     },
-    [r, t]
-  ), h = N(
-    (c) => {
-      if (!o) return;
-      const g = c.currentTarget.id, a = c.target.closest(".image");
-      if (!g || !a) return n();
-      if (e?.rowId === g) return l();
-      const p = f(g);
-      if (!p) return n();
-      const { left: k, top: w, width: P } = a.getBoundingClientRect();
-      l(), i({ ...p, rowId: g, pos: { left: k + P / 2, top: w } });
+    [s, e]
+  ), h = M(
+    (d) => {
+      if (!n) return;
+      const g = d.currentTarget.id, r = d.target.closest(".image");
+      if (!g || !r) return o();
+      if (t?.rowId === g) return i();
+      const u = m(g);
+      if (!u) return o();
+      const { left: k, top: f, width: T } = r.getBoundingClientRect();
+      i(), c({ ...u, rowId: g, pos: { left: k + T / 2, top: f } });
     },
-    [o, e, n, l, f]
+    [n, t, o, i, m]
   );
   return {
-    hovered: o ? e : null,
+    hovered: n ? t : null,
     onMouseOver: h,
-    onMouseLeave: u,
-    tooltipProps: { onMouseEnter: l, onMouseLeave: n }
+    onMouseLeave: p,
+    tooltipProps: { onMouseEnter: i, onMouseLeave: o }
   };
-}, je = ({
-  entityType: t,
-  projectName: r,
-  tableData: o,
-  isLoading: e = !1,
-  error: i,
-  search: s,
-  onSearch: l,
-  isFolderHierarchy: n,
-  isMultiSelect: u,
-  onRowSubmit: f,
+}, Ye = ({
+  entityType: e,
+  projectName: s,
+  tableData: n,
+  isLoading: t = !1,
+  error: c,
+  search: a,
+  onSearch: i,
+  isFolderHierarchy: o,
+  isMultiSelect: p,
+  onRowSubmit: m,
   onScrollBottom: h
 }) => {
-  const c = Be(t, o), g = (a) => {
-    a.preventDefault();
-    const p = a.currentTarget.id, k = o.find((w) => w.id === p);
-    p && !k?.isDisabled && f?.(p);
+  const d = We(e, n), g = (r) => {
+    r.preventDefault();
+    const u = r.currentTarget.id, k = n.find((f) => f.id === u);
+    u && !k?.isDisabled && m?.(u);
   };
-  return /* @__PURE__ */ j(ue, { children: [
-    /* @__PURE__ */ x(
-      Le,
+  return /* @__PURE__ */ B(me, { children: [
+    /* @__PURE__ */ w(
+      _e,
       {
-        search: s,
-        onSearch: l,
-        title: U(t) + "s"
+        search: a,
+        onSearch: i,
+        title: Z(e) + "s"
       }
     ),
-    !e && !o?.length && /* @__PURE__ */ x(ve, { message: `No ${t}s found.`, error: i }),
-    /* @__PURE__ */ x(
-      pe,
+    !t && !n?.length && /* @__PURE__ */ w(xe, { message: `No ${e}s found.`, error: c }),
+    /* @__PURE__ */ w(
+      he,
       {
-        data: o,
-        isLoading: e,
-        isExpandable: n,
+        data: n,
+        isLoading: t,
+        isExpandable: o,
         rowHeight: 34,
         imgRatio: 16 / 9,
         imgPosition: "end",
-        isMultiSelect: u,
+        isMultiSelect: p,
         onScrollBottom: h,
         pt: {
           row: {
             onDoubleClick: g,
-            onMouseOver: c.onMouseOver,
-            onMouseLeave: c.onMouseLeave
+            onMouseOver: d.onMouseOver,
+            onMouseLeave: d.onMouseLeave
           }
         }
       }
     ),
-    c.hovered && de(
-      /* @__PURE__ */ x(
-        we,
+    d.hovered && fe(
+      /* @__PURE__ */ w(
+        Pe,
         {
-          entityType: c.hovered.entityType,
-          entityId: c.hovered.entityId,
-          projectName: r,
-          pos: c.hovered.pos,
-          ...c.tooltipProps
+          entityType: d.hovered.entityType,
+          entityId: d.hovered.entityId,
+          projectName: s,
+          pos: d.hovered.pos,
+          ...d.tooltipProps
         }
       ),
       document.body
     )
   ] });
-}, ye = ({
-  projectName: t,
-  folderTypes: r,
-  includeColors: o = !1,
-  includeThumbnails: e = !1
+}, ze = ({
+  projectName: e,
+  folderTypes: s,
+  includeColors: n = !1,
+  includeThumbnails: t = !1
 }) => {
-  const { folders: i, isLoading: s } = xe(), l = (a) => r.find((k) => k.name === a)?.icon || "folder", n = (a) => o ? r.find((k) => k.name === a)?.color : void 0, u = (a) => !e || !t ? null : W({
-    projectName: t,
+  const { folders: c, isLoading: a } = Ie(), i = (r) => s.find((k) => k.name === r)?.icon || "folder", o = (r) => n ? s.find((k) => k.name === r)?.color : void 0, p = (r) => !t || !e ? null : A({
+    projectName: e,
     entityType: "folder",
-    entityId: a.id,
-    thumbnailHash: a.thumbnailHash
-  }), f = (a) => ({
-    id: a.id,
-    parentId: a.parentId,
-    name: a.name,
-    label: a.label || a.name,
-    icon: l(a.folderType),
-    iconColor: n(a.folderType),
-    img: u(a),
+    entityId: r.id,
+    thumbnailHash: r.thumbnailHash
+  }), m = (r) => ({
+    id: r.id,
+    parentId: r.parentId,
+    name: r.name,
+    label: r.label || r.name,
+    icon: i(r.folderType),
+    iconColor: o(r.folderType),
+    img: p(r),
     data: {
-      id: a.id,
-      name: a.name,
-      label: a.label || a.name,
-      subType: a.folderType,
-      path: a.path,
-      parents: a.parents
+      id: r.id,
+      name: r.name,
+      label: r.label || r.name,
+      subType: r.folderType,
+      path: r.path,
+      parents: r.parents
     }
-  }), h = (a, p = "id", k = "parentId") => {
-    const w = /* @__PURE__ */ new Map(), P = [], F = [...a].sort(
-      (m, v) => (m.label || m.name).localeCompare(v.label || v.name)
+  }), h = (r, u = "id", k = "parentId") => {
+    const f = /* @__PURE__ */ new Map(), T = [], j = [...r].sort(
+      (b, x) => (b.label || b.name).localeCompare(x.label || x.name)
     );
-    for (let m = 0; m < F.length; m++) {
-      const v = F[m], C = v[p], T = {
-        ...f(v),
+    for (let b = 0; b < j.length; b++) {
+      const x = j[b], C = x[u], P = {
+        ...m(x),
         subRows: []
       };
-      w.set(C, T);
+      f.set(C, P);
     }
-    for (let m = 0; m < F.length; m++) {
-      const v = F[m], C = v[p], T = v[k], R = w.get(C);
-      if (T) {
-        const y = w.get(T);
-        y && y.subRows.push(R);
+    for (let b = 0; b < j.length; b++) {
+      const x = j[b], C = x[u], P = x[k], R = f.get(C);
+      if (P) {
+        const K = f.get(P);
+        K && K.subRows.push(R);
       } else
-        P.push(R);
+        T.push(R);
     }
-    const D = [];
-    for (const m of w.values())
-      (!m.parentId || !w.has(m.parentId)) && D.push(m);
-    for (; D.length; ) {
-      const m = D.pop(), v = [...m.parents ?? [], m.label || ""];
-      for (const C of m.subRows)
-        C.parents = v, D.push(C);
+    const F = [];
+    for (const b of f.values())
+      (!b.parentId || !f.has(b.parentId)) && F.push(b);
+    for (; F.length; ) {
+      const b = F.pop(), x = [...b.parents ?? [], b.label || ""];
+      for (const C of b.subRows)
+        C.parents = x, F.push(C);
     }
-    return P;
-  }, c = E(() => !i.length || s ? [] : h(i), [i, r, s, e, t]), g = N(async () => c, [c]);
+    return T;
+  }, d = E(() => !c.length || a ? [] : h(c), [c, s, a, t, e]), g = M(async () => d, [d]);
   return {
-    data: c,
-    folders: i,
+    data: d,
+    folders: c,
     getData: g,
-    isFetching: s
+    isFetching: a
   };
-}, Ke = ({
-  projectName: t,
-  entityType: r,
-  search: o,
-  selection: e,
-  reviewablesOnly: i,
-  includeTask: s
+}, Ae = ({
+  projectName: e,
+  entityType: s,
+  search: n,
+  selection: t,
+  reviewablesOnly: c,
+  includeTask: a
 }) => {
-  const l = I[r] || [], n = Te(), {
-    data: u,
-    folders: f,
+  const i = I[s] || [], o = Ce(), {
+    data: p,
+    folders: m,
     isFetching: h
-  } = ye({
-    projectName: t,
-    folderTypes: n?.folderTypes || [],
+  } = ze({
+    projectName: e,
+    folderTypes: o?.folderTypes || [],
     includeColors: !0,
     includeThumbnails: !0
-  }), c = E(
-    () => ce(
-      f,
-      o.folder ?? "",
-      (v) => [v.name, v.label, v.path].join(" ")
+  }), d = E(
+    () => pe(
+      m,
+      n.folder ?? "",
+      (x) => [x.name, x.label, x.path].join(" ")
     ),
-    [f, o.folder]
+    [m, n.folder]
   ), g = E(
-    () => o.folder ? Ie(c, t, n?.folderTypes || []) : u,
-    [c, u, o.folder, n, t]
-  ), a = {
-    data: c,
+    () => n.folder ? Oe(d, e, o?.folderTypes || []) : p,
+    [d, p, n.folder, o, e]
+  ), r = {
+    data: d,
     table: g,
     isLoading: h
-  }, p = (v, C = []) => {
-    const T = e[v];
-    return T?.length > 0 ? T : C ? C.map((R) => R.id) : void 0;
-  }, k = { includeTask: s, hasReviewables: i || void 0 }, w = K(
-    t,
+  }, u = (x, C = []) => {
+    const P = t[x];
+    return P?.length > 0 ? P : C ? C.map((R) => R.id) : void 0;
+  }, k = { includeTask: a, hasReviewables: c || void 0 }, f = _(
+    e,
     "task",
-    o.task,
-    !l.includes("task"),
-    p(I.task[I.task.length - 2], c),
-    n?.taskTypes
-  ), P = K(
-    t,
+    n.task,
+    !i.includes("task"),
+    u(I.task[I.task.length - 2], d),
+    o?.taskTypes
+  ), T = _(
+    e,
     "product",
-    o.product,
-    !l.includes("product"),
-    p(
+    n.product,
+    !i.includes("product"),
+    u(
       I.product[I.product.length - 2],
-      a.data
+      r.data
     ),
-    n?.productTypes,
+    o?.productTypes,
     k
-  ), F = K(
-    t,
+  ), j = _(
+    e,
     "version",
-    o.version,
-    !l.includes("version"),
-    p(
+    n.version,
+    !i.includes("version"),
+    u(
       I.version[I.version.length - 2],
-      P.data
+      T.data
     ),
     void 0,
     k
-  ), D = K(
-    t,
+  ), F = _(
+    e,
     "representation",
-    o.representation,
-    !l.includes("representation"),
-    p(
+    n.representation,
+    !i.includes("representation"),
+    u(
       I.representation[I.representation.length - 2],
-      F.data
+      j.data
     )
-  ), m = K(
-    t,
+  ), b = _(
+    e,
     "workfile",
-    o.workfile,
-    !l.includes("workfile"),
-    p(
+    n.workfile,
+    !i.includes("workfile"),
+    u(
       I.workfile[I.workfile.length - 2],
-      w.data
+      f.data
     )
   );
   return {
-    folder: a,
-    task: w,
-    product: P,
-    version: F,
-    representation: D,
-    workfile: m
+    folder: r,
+    task: f,
+    product: T,
+    version: j,
+    representation: F,
+    workfile: b
   };
-}, K = (t, r, o, e, i, s, { includeTask: l, hasReviewables: n } = {}) => {
-  const { data: u, isFetching: f, hasNextPage: h, fetchNextPage: c, isFetchingNextPage: g, error: a } = ke(
+}, _ = (e, s, n, t, c, a, { includeTask: i, hasReviewables: o } = {}) => {
+  const { data: p, isFetching: m, hasNextPage: h, fetchNextPage: d, isFetchingNextPage: g, error: r } = Te(
     {
-      projectName: t,
-      entityType: r,
-      search: o,
-      parentIds: i,
-      hasReviewables: n,
-      includeTask: l
+      projectName: e,
+      entityType: s,
+      search: n,
+      parentIds: c,
+      hasReviewables: o,
+      includeTask: i
     },
     // skip if this is folder hierarchy (we already have the folders) or if we're waiting for parent selection
     {
-      skip: e
+      skip: t
     }
-  ), p = E(() => u?.pages.flatMap((w) => w.entities) || [], [u]), k = E(
-    () => Pe(p, t, s),
-    [p, t, s]
+  ), u = E(() => p?.pages.flatMap((f) => f.entities) || [], [p]), k = E(
+    () => De(u, e, a),
+    [u, e, a]
   );
   return {
-    data: p,
+    data: u,
     table: k,
-    isLoading: f,
+    isLoading: m,
     isFetchingNextPage: g,
     hasNextPage: h,
-    fetchNextPage: c,
-    error: a
+    fetchNextPage: d,
+    error: r
   };
-}, $e = ({
-  foldersSelection: t,
-  foldersData: r
+}, Ve = ({
+  foldersSelection: e,
+  foldersData: s
 }) => {
-  const [o, e] = B({}), i = E(() => t ? Object.keys(t).filter((u) => t[u] === !0) : [], [t]), s = E(() => r?.data, [r?.data]), [l, n] = B(!1);
-  return S(() => {
-    if (i.length === 0 || !s?.length || l)
+  const [n, t] = L({}), c = E(() => e ? Object.keys(e).filter((p) => e[p] === !0) : [], [e]), a = E(() => s?.data, [s?.data]), [i, o] = L(!1);
+  return N(() => {
+    if (c.length === 0 || !a?.length || i)
       return;
-    const u = Ce(i, s);
-    e(u), n(!0);
-  }, [i, s, n, l]), [o, e];
-}, _e = ({
-  entityHierarchy: t,
-  entityData: r,
-  rowSelection: o,
-  setEntityRowSelection: e
+    const p = Ne(c, a);
+    t(p), o(!0);
+  }, [c, a, o, i]), [n, t];
+}, Qe = ({
+  entityHierarchy: e,
+  entityData: s,
+  rowSelection: n,
+  setEntityRowSelection: t
 }) => {
-  const i = Q({
+  const c = z({
     selectedNames: {},
     pendingNameMatches: {},
     skipDetection: !1,
     prevParentKeys: {}
   });
-  S(() => {
-    const s = i.current, l = {};
-    for (let n = 0; n < t.length - 1; n++) {
-      const u = t[n], f = o[u] || {};
-      l[u] = Object.keys(f).filter((h) => f[h]).sort().join(",");
+  N(() => {
+    const a = c.current, i = {};
+    for (let o = 0; o < e.length - 1; o++) {
+      const p = e[o], m = n[p] || {};
+      i[p] = Object.keys(m).filter((h) => m[h]).sort().join(",");
     }
-    if (s.skipDetection) {
-      s.prevParentKeys = l, s.skipDetection = !1;
+    if (a.skipDetection) {
+      a.prevParentKeys = i, a.skipDetection = !1;
       return;
     }
-    for (let n = 0; n < t.length - 1; n++) {
-      const u = t[n], f = s.prevParentKeys[u];
-      if (f !== void 0 && f !== l[u]) {
-        if (l[u] === "")
-          for (let c = n + 1; c < t.length; c++)
-            s.skipDetection = !0, e({}, t[c]);
+    for (let o = 0; o < e.length - 1; o++) {
+      const p = e[o], m = a.prevParentKeys[p];
+      if (m !== void 0 && m !== i[p]) {
+        if (i[p] === "")
+          for (let d = o + 1; d < e.length; d++)
+            a.skipDetection = !0, t({}, e[d]);
         else
-          for (let c = n + 1; c < t.length; c++) {
-            const g = t[c], a = s.selectedNames[g];
-            a?.length && (s.pendingNameMatches[g] = new Set(a));
+          for (let d = o + 1; d < e.length; d++) {
+            const g = e[d], r = a.selectedNames[g];
+            r?.length && (a.pendingNameMatches[g] = new Set(r));
           }
         break;
       }
     }
-    s.prevParentKeys = l;
-  }, [t, o]), S(() => {
-    const s = i.current;
-    for (const l of t) {
-      const n = o[l] || {}, u = new Set(Object.keys(n).filter((h) => n[h])), f = r[l]?.data || [];
-      s.selectedNames[l] = f.filter((h) => u.has(h.id)).map((h) => h.name);
+    a.prevParentKeys = i;
+  }, [e, n]), N(() => {
+    const a = c.current;
+    for (const i of e) {
+      const o = n[i] || {}, p = new Set(Object.keys(o).filter((h) => o[h])), m = s[i]?.data || [];
+      a.selectedNames[i] = m.filter((h) => p.has(h.id)).map((h) => h.name);
     }
-  }, [t, o, r]), S(() => {
-    const s = i.current, l = /* @__PURE__ */ new Set();
-    for (const n of t) {
-      const u = s.pendingNameMatches[n];
-      if (!u?.size) continue;
-      const f = t.indexOf(n);
-      if (t.slice(0, f).some(
-        (p) => s.pendingNameMatches[p]?.size || l.has(p)
+  }, [e, n, s]), N(() => {
+    const a = c.current, i = /* @__PURE__ */ new Set();
+    for (const o of e) {
+      const p = a.pendingNameMatches[o];
+      if (!p?.size) continue;
+      const m = e.indexOf(o);
+      if (e.slice(0, m).some(
+        (u) => a.pendingNameMatches[u]?.size || i.has(u)
       )) continue;
-      const { isLoading: c, data: g } = r[n];
-      if (c) continue;
-      if (delete s.pendingNameMatches[n], l.add(n), !g?.length) {
-        s.skipDetection = !0, e({}, n);
+      const { isLoading: d, data: g } = s[o];
+      if (d) continue;
+      if (delete a.pendingNameMatches[o], i.add(o), !g?.length) {
+        a.skipDetection = !0, t({}, o);
         continue;
       }
-      const a = {};
-      for (const p of g)
-        u.has(p.name) && (a[p.id] = !0);
-      s.skipDetection = !0, e(a, n);
+      const r = {};
+      for (const u of g)
+        p.has(u.name) && (r[u.id] = !0);
+      a.skipDetection = !0, t(r, o);
     }
-  }, [t, r, e]);
-}, Ge = ({
-  entityHierarchy: t,
-  entityData: r,
-  rowSelection: o,
-  setEntityRowSelection: e
+  }, [e, s, t]);
+}, J = (e = {}) => Object.keys(e).filter((s) => e[s]), qe = ({
+  entityHierarchy: e,
+  entityData: s,
+  rowSelection: n,
+  setEntityRowSelection: t,
+  initialSelection: c
 }) => {
-  S(() => {
-    for (const i of t) {
-      if (i === "folder") continue;
-      const { data: s, isLoading: l } = r[i];
-      if (l) continue;
-      const n = o[i] || {}, u = Object.keys(n).filter((c) => n[c]);
-      if (!u.length) continue;
-      const f = new Set(s.map((c) => c.id)), h = u.filter((c) => f.has(c));
-      h.length !== u.length && e(
-        Object.fromEntries(h.map((c) => [c, !0])),
-        i
+  const a = z(null);
+  N(() => {
+    const i = a.current ??= Object.fromEntries(
+      e.map((o) => [o, new Set(J(c?.[o]))])
+    );
+    for (const o of e) {
+      if (o === "folder") continue;
+      const { data: p, isLoading: m } = s[o];
+      if (m) continue;
+      const h = n[o] || {}, d = J(h), g = new Set(p.map((f) => f.id)), r = i[o] ?? /* @__PURE__ */ new Set();
+      for (const f of r)
+        (g.has(f) || !h[f]) && r.delete(f);
+      if (!d.length) continue;
+      const u = e.slice(0, e.indexOf(o) + 1).some((f) => s[f].hasNextPage || s[f].isFetchingNextPage), k = d.filter(
+        (f) => g.has(f) || r.has(f) && u
+      );
+      k.length !== d.length && t(
+        Object.fromEntries(k.map((f) => [f, !0])),
+        o
       );
     }
-  }, [t, r, o, e]);
-}, He = 600, We = M.div`
+  }, [e, s, n, t, c]);
+}, He = 600, Ue = S.div`
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
   gap: var(--base-gap-large);
@@ -551,122 +560,132 @@ const I = {
       }
     }
   }
-`, gt = ({
-  projectName: t,
-  entityType: r,
-  initialSelection: o,
-  isMultiSelect: e,
-  onSubmit: i,
-  showMoveToRoot: s,
-  onMoveToRoot: l,
-  disabledIds: n = [],
-  disabledMessage: u = "Cannot select this item",
-  getDisabledMessage: f,
+`, Tt = (e) => {
+  const s = Fe(), n = Re(), t = /* @__PURE__ */ w(Xe, { ...e });
+  return s?.projectName !== e.projectName ? /* @__PURE__ */ w(je, { projectName: e.projectName, children: /* @__PURE__ */ w(X, { projectName: e.projectName, children: t }) }) : n?.projectName !== e.projectName ? /* @__PURE__ */ w(X, { projectName: e.projectName, children: t }) : t;
+}, Xe = ({
+  projectName: e,
+  entityType: s,
+  initialSelection: n,
+  isMultiSelect: t,
+  onSubmit: c,
+  showMoveToRoot: a,
+  onMoveToRoot: i,
+  disabledIds: o = [],
+  disabledMessage: p = "Cannot select this item",
+  getDisabledMessage: m,
   reviewableRequired: h,
-  showReviewablesSwitch: c,
+  showReviewablesSwitch: d,
   defaultReviewablesOnly: g = !1,
-  showTaskNames: a,
-  isLoading: p,
+  showTaskNames: r,
+  isLoading: u,
   ...k
 }) => {
-  const w = {
-    folder: o?.folder || {},
-    task: o?.task || {},
-    product: o?.product || {},
-    version: o?.version || {},
-    representation: o?.representation || {},
-    workfile: o?.workfile || {}
-  }, [P, F] = B(w), D = (d, b) => {
-    F((O) => ({
-      ...O,
-      [b]: d
+  const f = {
+    folder: n?.folder || {},
+    task: n?.task || {},
+    product: n?.product || {},
+    version: n?.version || {},
+    representation: n?.representation || {},
+    workfile: n?.workfile || {}
+  }, [T, j] = L(f), F = (l, v) => {
+    j((D) => ({
+      ...D,
+      [v]: l
     }));
-  }, [m, v] = B({
+  }, [b, x] = L({
     folder: void 0,
     task: void 0,
     product: void 0,
     version: void 0,
     representation: void 0,
     workfile: void 0
-  }), C = (d, b) => {
-    v((O) => ({
-      ...O,
-      [b]: d
+  }), C = (l, v) => {
+    x((D) => ({
+      ...D,
+      [v]: l
     }));
-  }, T = Object.fromEntries(
-    Object.entries(P).map(([d, b]) => [
-      d,
-      Object.keys(b).filter((O) => b[O])
+  }, P = Object.fromEntries(
+    Object.entries(T).map(([l, v]) => [
+      l,
+      Object.keys(v).filter((D) => v[D])
     ])
-  ), R = I[r], y = !!c && R.includes("product"), [$, Z] = B(g), L = Ke({
-    entityType: r,
-    projectName: t,
-    search: m,
-    selection: T,
-    reviewablesOnly: y && $,
-    includeTask: a
-  }), _ = h && r === "version" ? L.version.data.filter((d) => "hasReviewables" in d && d.hasReviewables === !1).map((d) => d.id) : [], G = _.length > 0 ? Array.from(/* @__PURE__ */ new Set([...n, ..._])) : n, ee = (d) => _.includes(d) ? "Version has no reviewables" : f?.(d), te = (d) => {
-    const b = L[d];
-    b?.hasNextPage && !b.isFetchingNextPage && b.fetchNextPage?.();
-  }, [oe, ne] = $e({
-    foldersSelection: w.folder,
-    foldersData: L.folder
+  ), R = I[s], K = !!d && R.includes("product"), [G, oe] = L(g), O = Ae({
+    entityType: s,
+    projectName: e,
+    search: b,
+    selection: P,
+    reviewablesOnly: K && G,
+    includeTask: r
+  }), W = h && s === "version" ? O.version.data.filter((l) => "hasReviewables" in l && l.hasReviewables === !1).map((l) => l.id) : [], Y = W.length > 0 ? Array.from(/* @__PURE__ */ new Set([...o, ...W])) : o, ne = (l) => W.includes(l) ? "Version has no reviewables" : m?.(l), se = (l) => {
+    const v = O[l];
+    v?.hasNextPage && !v.isFetchingNextPage && v.fetchNextPage?.();
+  }, [re, ae] = Ve({
+    foldersSelection: f.folder,
+    foldersData: O.folder
   });
-  _e({
+  Qe({
     entityHierarchy: R,
-    entityData: L,
-    rowSelection: P,
-    setEntityRowSelection: D
-  }), Ge({
+    entityData: O,
+    rowSelection: T,
+    setEntityRowSelection: F
+  }), qe({
     entityHierarchy: R,
-    entityData: L,
-    rowSelection: P,
-    setEntityRowSelection: D
+    entityData: O,
+    rowSelection: T,
+    setEntityRowSelection: F,
+    initialSelection: n
   });
-  const Y = (d, b, O) => {
-    const H = O || b.includes(d.id), ae = H ? ee(d.id) || u : void 0, z = {
-      ...d,
-      isDisabled: H,
-      disabledMessage: ae
+  const V = (l, v, D) => {
+    const $ = D || v.includes(l.id), ce = $ ? ne(l.id) || p : void 0, q = {
+      ...l,
+      isDisabled: $,
+      disabledMessage: ce
     };
-    return d.subRows && d.subRows.length > 0 && (z.subRows = d.subRows.map(
-      (ie) => Y(ie, b, H)
-    )), z;
-  }, se = (d) => !G || G.length === 0 ? d : d.map((b) => Y(b, G, !1)), re = () => {
-    if (!T[r]?.length)
+    return l.subRows && l.subRows.length > 0 && (q.subRows = l.subRows.map(
+      (de) => V(de, v, $)
+    )), q;
+  }, ie = (l) => !Y || Y.length === 0 ? l : l.map((v) => V(v, Y, !1)), Q = (l) => {
+    const v = O[s].data;
+    c(
+      l,
+      l.map((D) => v.find(($) => $.id === D))
+    );
+  }, le = () => {
+    if (!P[s]?.length)
       return;
-    const d = e ? T[r] : T[r].slice(0, 1);
-    i(d);
+    const l = t ? P[s] : P[s].slice(0, 1);
+    Q(l);
   };
-  return /* @__PURE__ */ j(
-    ge,
+  return /* @__PURE__ */ B(
+    we,
     {
       ...k,
       className: "entity-picker-dialog block-shortcuts",
-      header: `Select ${U(r)}`,
+      header: `Select ${Z(s)}`,
       isOpen: !0,
       size: "full",
       style: { height: "80vh", maxWidth: R.length * He },
-      footer: /* @__PURE__ */ j(le, { children: [
-        s && l && /* @__PURE__ */ x(A, { label: "Move to root", variant: "text", onClick: l }),
-        /* @__PURE__ */ x(
-          A,
+      footer: /* @__PURE__ */ B(ue, { children: [
+        a && i && /* @__PURE__ */ w(H, { label: "Move to root", variant: "text", onClick: i }),
+        /* @__PURE__ */ w(
+          H,
           {
-            label: `Select ${r}${e ? "s" : ""}`,
+            label: `Select ${s}${t ? "s" : ""}`,
             variant: "filled",
-            disabled: !T[r]?.length || p,
-            loading: p,
-            onClick: re
+            disabled: !P[s]?.length || u,
+            loading: u,
+            onClick: le
           }
         )
       ] }),
       children: [
-        y && /* @__PURE__ */ x(
-          be,
+        K && /* @__PURE__ */ w(
+          ke,
           {
             label: "Show reviewables only",
-            value: $,
-            onClick: () => Z(!$),
+            value: G,
+            onClick: () => oe(!G),
             style: {
               width: "fit-content",
               marginLeft: "auto",
@@ -674,37 +693,38 @@ const I = {
             }
           }
         ),
-        /* @__PURE__ */ x(We, { children: R.map((d) => /* @__PURE__ */ x(
-          fe,
+        /* @__PURE__ */ w(Ue, { children: R.map((l) => /* @__PURE__ */ w(
+          ge,
           {
-            rowSelection: P[d] || {},
-            onRowSelectionChange: (b) => D(b, d),
-            expanded: d === "folder" ? oe : void 0,
-            setExpanded: d === "folder" ? ne : void 0,
-            children: /* @__PURE__ */ x(
-              je,
+            rowSelection: T[l] || {},
+            onRowSelectionChange: (v) => F(v, l),
+            expanded: l === "folder" ? re : void 0,
+            setExpanded: l === "folder" ? ae : void 0,
+            children: /* @__PURE__ */ w(
+              Ye,
               {
-                entityType: d,
-                projectName: t,
-                search: m[d],
-                tableData: se(L[d]?.table || []),
-                isFolderHierarchy: d === "folder" && !m.folder,
-                onSearch: (b) => C(b, d),
-                isMultiSelect: d === r ? !!e : !0,
-                onRowSubmit: (b) => d === r ? i([b]) : void 0,
-                onScrollBottom: () => te(d)
+                entityType: l,
+                projectName: e,
+                search: b[l],
+                tableData: ie(O[l]?.table || []),
+                isFolderHierarchy: l === "folder" && !b.folder,
+                onSearch: (v) => C(v, l),
+                isMultiSelect: l === s ? !!t : !0,
+                onRowSubmit: (v) => l === s ? Q([v]) : void 0,
+                onScrollBottom: () => se(l)
               },
-              d
+              l
             )
           },
-          d
+          l
         )) })
       ]
     }
   );
 };
 export {
-  gt as E,
-  Fe as T,
-  ye as u
+  Tt as E,
+  Me as T,
+  I as e,
+  ze as u
 };