@ynput/ayon-frontend-shared 0.7.6 → 0.8.0

package/dist/Views.es.js

@@ -1,11 +1,12 @@
-import { jsx as C, jsxs as A, Fragment as j } from "react/jsx-runtime";
+import { jsx as C, jsxs as H, Fragment as j } from "react/jsx-runtime";
 import { useMemo as q, useCallback as p, useRef as se, useState as W, useEffect as U } from "react";
 import { createPortal as we } from "react-dom";
 import "./chunks/searchTerms.es.js";
-import { aU as oe, bw as ge, dc as ie, b8 as fe, dC as Ve, dF as H, X as ee, cn as Ke, d0 as me, cJ as pe, bs as Y, cH as Qe } from "./chunks/getUris.es.js";
+import { aU as oe, bx as ge, dd as ie, b8 as fe, dD as Ve, dG as A, X as ee, co as Ke, d1 as me, cK as pe, bt as Y, cI as Qe } from "./chunks/getUris.es.js";
 import { confirmDialog as ze } from "primereact/confirmdialog";
-import { b as K, an as Xe, d as he, s as ve, ao as je, e as G, ap as Ye, aq as Ze, ar as Ne } from "./chunks/TableExportContextInstance.es.js";
-import { Icon as Q, Button as ye, Dialog as Te } from "@ynput/ayon-react-components";
+import { b as K, ar as he, as as Xe, c as ve, o as ye, at as je, ao as G, au as Ye, av as Ze, aw as Ne, ap as ke } from "./chunks/TableExportContextInstance.es.js";
+import { ax as ts, aq as ss, ay as os } from "./chunks/TableExportContextInstance.es.js";
+import { Icon as Q, Button as be, Dialog as Te } from "@ynput/ayon-react-components";
 import "uuid";
 import { toast as O } from "react-toastify";
 import "@module-federation/enhanced/runtime";
@@ -13,16 +14,14 @@ import "@ynput/ayon-addon/host";
 import "lodash";
 import "axios";
 import "./chunks/ContextMenuContextInstance.es.js";
-import ke from "clsx";
-import { useDispatch as et } from "react-redux";
+import Ce from "clsx";
 import "react-router-dom";
 import "semver";
+import { useDispatch as et } from "react-redux";
 import J from "styled-components";
-import { u as be } from "./chunks/useLoadModule.es.js";
-import { g as Ce, a as Le } from "./chunks/viewUpdateHelper.es.js";
-import { c as ss, b as os, u as is } from "./chunks/viewUpdateHelper.es.js";
+import { u as Le } from "./chunks/useLoadModule.es.js";
 import { c as Be, a as te } from "./chunks/columnConfigConverter.es.js";
-const zt = [
+const Qt = [
   "overview",
   "taskProgress",
   "versions",
@@ -93,14 +92,14 @@ const zt = [
     label: r ? `Personal ${s.toLowerCase()}` : `Working ${s.toLowerCase()}`,
     startContent: r && /* @__PURE__ */ C(Q, { icon: "person" }),
     isEditable: !1
-  }, E = p(async () => {
+  }, I = p(async () => {
     let v = t?.id;
     if (!t)
       try {
         console.warn(`No working ${s.toLowerCase()} found, creating a new one`);
-        const S = Ce();
+        const S = he();
         await d({
-          payload: S,
+          genericViewPostModel: S,
           viewType: i,
           projectName: c
         }).unwrap(), v = S.id;
@@ -114,19 +113,19 @@ const zt = [
     } catch (S) {
       O.error(S);
     }
-  }, [x, { isLoading: f }] = be({
+  }, [E, { isLoading: f }] = Le({
     addon: "powerpack",
     remote: "views",
     module: "getCustomViews",
     fallback: st,
     // minVersion: minVersion,
     skip: !i || !n
-  }), { myViews: k, sharedViews: D, allPrivateViews: B } = x({
+  }), { myViews: k, sharedViews: D, allPrivateViews: B } = E({
     viewsList: y,
     onEdit: h,
     onSelect: V,
     onSave: L
-  }), I = p(
+  }), M = p(
     (v) => {
       o({ ...g, [v]: !g[v] });
     },
@@ -143,31 +142,31 @@ const zt = [
       title: `All private ${s.toLowerCase()}s`,
       items: B
     }
-  ], [k, D, B]), P = q(() => ({
+  ], [k, D, B]), F = q(() => ({
     ...b,
-    onClick: E,
+    onClick: I,
     // expose reset button when handler is provided
     isEditable: !!u,
     onResetView: u
-  }), [E, u]);
+  }), [I, u]);
   return q(() => {
-    const v = [P], S = $.filter((R) => n && (R.items?.length || 0) > 0);
+    const v = [F], S = $.filter((R) => n && (R.items?.length || 0) > 0);
     return S.length > 0 && v.push(Xe), S.forEach((R) => {
-      const F = !!g[R.id];
+      const P = !!g[R.id];
       if (v.push({
         type: "section",
         id: R.id,
         title: R.title,
-        collapsed: F,
-        onToggle: () => I(R.id)
-      }), !F)
+        collapsed: P,
+        onToggle: () => M(R.id)
+      }), !P)
         v.push(...R.items);
       else if (l) {
         const z = R.items.find((Z) => Z.id === l);
         z && v.push(z);
       }
     }), v;
-  }, [P, $, g, I, l, n]);
+  }, [F, $, g, M, l, n]);
 }, it = ({ viewType: e, projectName: t }) => {
   const { currentData: i, isLoading: s } = ge(
     { viewType: e, projectName: t },
@@ -204,7 +203,7 @@ const zt = [
         await w({
           viewType: e,
           projectName: d ? void 0 : t,
-          payload: n
+          genericViewPostModel: n
         }).unwrap(), s && s(n);
       } catch (y) {
         throw y;
@@ -220,7 +219,7 @@ const zt = [
           viewId: n,
           viewType: e,
           projectName: y ? void 0 : t,
-          payload: d
+          genericViewPatchModel: d
         }).unwrap(), a && a({ ...d, id: n });
       } catch (b) {
         throw b;
@@ -244,18 +243,18 @@ const zt = [
     [g, e, t, c]
   ), l = p(
     async (n) => {
-      const { existingWorkingViewId: d, selectedViewId: y, setSelectedView: b, setSettingsChanged: E, notify: L } = n || {};
+      const { existingWorkingViewId: d, selectedViewId: y, setSelectedView: b, setSettingsChanged: I, notify: L } = n || {};
       if (!e)
         throw new Error("viewType are required for resetting a view");
       try {
         r(
-          H.util.invalidateTags([
+          A.util.invalidateTags([
             { type: "Views", id: `base-${e}-${t}` },
             { type: "Views", id: `base-${e}` }
           ])
         );
         const k = (await r(
-          H.endpoints.getBaseView.initiate(
+          A.endpoints.getBaseView.initiate(
             { viewType: e, projectName: t },
             { subscribe: !1, forceRefetch: !0 }
           )
@@ -265,24 +264,24 @@ const zt = [
           D = k.settings, B = "project";
         else {
           const v = (await r(
-            H.endpoints.getBaseView.initiate(
+            A.endpoints.getBaseView.initiate(
               { viewType: e },
               { subscribe: !1, forceRefetch: !0 }
             )
           )).data;
           v && v.settings && Object.keys(v.settings).length > 0 && (D = v.settings, B = "studio");
         }
-        const I = d ?? Ce().id;
+        const M = d ?? he().id;
         if (d ? await o({
           viewId: d,
           viewType: e,
           projectName: t,
-          payload: { settings: D }
+          genericViewPatchModel: { settings: D }
         }).unwrap() : await w({
           viewType: e,
           projectName: t,
-          payload: {
-            id: I,
+          genericViewPostModel: {
+            id: M,
             label: "Working",
             working: !0,
             settings: D
@@ -290,14 +289,14 @@ const zt = [
         }).unwrap(), await V({
           viewType: e,
           projectName: t,
-          setDefaultViewRequestModel: { viewId: I }
-        }).unwrap(), b && b(I), E && E(!1), L) {
-          const P = B === "project" ? "View reset to project default view" : B === "studio" ? "View reset to studio default view" : "View reset to default settings";
-          O.success(P);
+          setDefaultViewRequestModel: { viewId: M }
+        }).unwrap(), b && b(M), I && I(!1), L) {
+          const F = B === "project" ? "View reset to project default view" : B === "studio" ? "View reset to studio default view" : "View reset to default settings";
+          O.success(F);
         }
-        return I;
-      } catch (x) {
-        throw L && O.error("Failed to reset view to default"), x;
+        return M;
+      } catch (E) {
+        throw L && O.error("Failed to reset view to default"), E;
       }
     },
     [w, o, V, e, t, r]
@@ -319,7 +318,7 @@ const zt = [
     async (u) => {
       try {
         const d = await a({
-          payload: {
+          genericViewPostModel: {
             label: De,
             working: !1,
             settings: i || {}
@@ -328,7 +327,7 @@ const zt = [
           projectName: u ? void 0 : t
         }).unwrap();
         c(
-          H.util.invalidateTags([
+          A.util.invalidateTags([
             { type: "view", id: d.id },
             ee(e, u ? void 0 : t)
           ])
@@ -348,9 +347,9 @@ const zt = [
           viewId: u,
           viewType: e,
           projectName: l ? void 0 : t,
-          payload: { settings: i || {} }
+          genericViewPatchModel: { settings: i || {} }
         }).unwrap(), c(
-          H.util.invalidateTags([
+          A.util.invalidateTags([
             { type: "view", id: u },
             ee(e, l ? void 0 : t)
           ])
@@ -371,7 +370,7 @@ const zt = [
           viewType: e,
           projectName: l ? void 0 : t
         }).unwrap(), c(
-          H.util.invalidateTags([
+          A.util.invalidateTags([
             { type: "view", id: u },
             ee(e, l ? void 0 : t)
           ])
@@ -390,7 +389,7 @@ const zt = [
         if (!s?.id)
           throw new Error("No working view available to update");
         const d = (await c(
-          H.endpoints.getBaseView.initiate(
+          A.endpoints.getBaseView.initiate(
             {
               viewType: e,
               projectName: u ? void 0 : t
@@ -404,7 +403,7 @@ const zt = [
           viewId: s.id,
           viewType: e,
           projectName: t,
-          payload: { settings: d.settings }
+          genericViewPatchModel: { settings: d.settings }
         }).unwrap(), await g({
           viewType: e,
           projectName: t,
@@ -425,7 +424,7 @@ const zt = [
     onDeleteBaseView: h,
     onLoadBaseView: m
   };
-}, Ee = (e, t) => e ? t.find((s) => s.id === e)?.scope === "studio" : !0, at = ({
+}, Ie = (e, t) => e ? t.find((s) => s.id === e)?.scope === "studio" : !0, at = ({
   viewType: e,
   projectName: t,
   viewsList: i,
@@ -443,7 +442,7 @@ const zt = [
         {
           settings: s
         },
-        Ee(r, i)
+        Ie(r, i)
       ), O.success("View settings saved");
     } catch (w) {
       const g = typeof w == "string" ? "Failed to save view settings: " + w : "Failed to save view settings";
@@ -461,7 +460,7 @@ const zt = [
     [e, i]
   );
   return [e ? t[e] : !1, s];
-}, lt = "view", dt = [], Xt = ({
+}, lt = "view", dt = [], zt = ({
   children: e,
   viewType: t,
   viewAlias: i = lt,
@@ -473,53 +472,53 @@ const zt = [
   const w = a?.viewsList ?? !0, g = a?.baseViews ?? !0;
   let { powerLicense: o } = K();
   r?.powerLicense !== void 0 && (console.warn("Using debug power license:", r.powerLicense), o = r.powerLicense);
-  const { user: V } = he(), [h, m] = W(!1), [u, l] = W(null), n = "viewsMenuCollapsed", [d, y] = ve(
+  const { user: V } = ve(), [h, m] = W(!1), [u, l] = W(null), n = "viewsMenuCollapsed", [d, y] = ye(
     n,
     {}
-  ), b = (M) => {
-    const X = M.visibility === "private" ? "myViews" : "sharedViews";
+  ), b = (x) => {
+    const X = x.visibility === "private" ? "myViews" : "sharedViews";
     if (d[X]) {
       const de = { ...d };
       de[X] = !1, y(de);
     }
-  }, { data: E } = Ke(
+  }, { data: I } = Ke(
     { projectName: s },
     { skip: !o || !u }
-  ), [L, x, f, k] = it({
+  ), [L, E, f, k] = it({
     viewType: t,
     projectName: s
   }), [D, B] = ct({
     viewType: t
-  }), { currentData: I = dt, isLoading: $ } = me(
+  }), { currentData: M = dt, isLoading: $ } = me(
     { projectName: s, viewType: t },
     { skip: !t || !w }
-  ), P = q(
-    () => I.filter(
-      (M) => M.label !== De && !(s && M.working && M.scope === "studio")
+  ), F = q(
+    () => M.filter(
+      (x) => x.label !== De && !(s && x.working && x.scope === "studio")
     ),
-    [I]
+    [M]
   ), { onCreateView: _, onDeleteView: v, onUpdateView: S, onResetWorkingView: R } = nt({
     viewType: t,
     projectName: s,
-    viewsList: P,
+    viewsList: F,
     onCreate: b
   }), {
-    currentData: F,
+    currentData: P,
     isLoading: z,
     isError: Z
   } = pe(
     { projectName: s, viewType: t },
     { skip: !t }
-  ), { currentData: Fe, isLoading: Me } = Y(
+  ), { currentData: Pe, isLoading: xe } = Y(
     { projectName: s, viewType: t },
     { skip: !t || !g }
-  ), { currentData: Pe, isLoading: Se } = Y(
+  ), { currentData: Fe, isLoading: Se } = Y(
     { projectName: void 0, viewType: t },
     { skip: !t || !g }
-  ), Oe = $ || k || z || Me || Se, re = F?.settings, N = L?.id === ne ? re : L?.settings, ae = L?.id === F?.id, ce = D && ae && f && f !== F?.id ? f : void 0, { currentData: T, isFetching: $e } = Qe(
+  ), Oe = $ || k || z || xe || Se, re = P?.settings, N = L?.id === ne ? re : L?.settings, ae = L?.id === P?.id, ce = D && ae && f && f !== P?.id ? f : void 0, { currentData: T, isFetching: $e } = Qe(
     {
       viewId: u,
-      projectName: Ee(u, P) ? void 0 : s,
+      projectName: Ie(u, F) ? void 0 : s,
       viewType: t
     },
     { skip: typeof u != "string" || !o }
@@ -529,39 +528,39 @@ const zt = [
   ), { onSaveViewFromCurrent: We } = at({
     viewType: t,
     projectName: s,
-    viewsList: P,
+    viewsList: F,
     sourceSettings: N,
     onUpdateView: S
-  }), { onCreateBaseView: Ue, onUpdateBaseView: _e, onDeleteBaseView: qe, onLoadBaseView: He } = rt({
+  }), { onCreateBaseView: Ue, onUpdateBaseView: _e, onDeleteBaseView: qe, onLoadBaseView: Ae } = rt({
     viewType: t,
     projectName: s,
     viewSettings: N,
-    workingView: F,
+    workingView: P,
     dispatch: c
-  }), Ae = p(
-    async (M, { selectView: X } = {}) => {
-      if (!F?.id) {
+  }), He = p(
+    async (x, { selectView: X } = {}) => {
+      if (!P?.id) {
         console.error("No working view to update");
         return;
       }
-      await S(F.id, M, !s), X && x(F.id);
+      await S(P.id, x, !s), X && E(P.id);
     },
-    [S, F]
+    [S, P]
   ), le = p(async () => {
     try {
       await R({
-        existingWorkingViewId: F?.id,
+        existingWorkingViewId: P?.id,
         selectedViewId: L?.id,
-        setSelectedView: x,
+        setSelectedView: E,
         setSettingsChanged: B,
         notify: !0
       });
-    } catch (M) {
-      console.error("Failed to reset view:", M);
+    } catch (x) {
+      console.error("Failed to reset view:", x);
     }
-  }, [F, R, L, x, B]), Ge = ot({
-    viewsList: P,
-    workingView: F,
+  }, [P, R, L, E, B]), Ge = ot({
+    viewsList: F,
+    workingView: P,
     viewType: t,
     viewAlias: i,
     projectName: s,
@@ -572,11 +571,11 @@ const zt = [
     collapsed: d,
     setCollapsed: y,
     onResetWorkingView: le,
-    onSelect: (M) => {
-      x(M), B(!1), m(!1);
+    onSelect: (x) => {
+      E(x), B(!1), m(!1);
     },
-    onEdit: (M) => l(M),
-    onSave: async (M) => We(M)
+    onEdit: (x) => l(x),
+    onSave: async (x) => We(x)
   }), Je = {
     viewType: t,
     viewAlias: i,
@@ -588,29 +587,29 @@ const zt = [
     viewSettings: N,
     editingViewData: Re,
     isLoadingEditingViewData: $e,
-    viewsList: P,
+    viewsList: F,
     // Working view
     workingSettings: re,
-    workingView: F,
+    workingView: P,
     isViewWorking: ae,
-    onUpdateWorkingView: Ae,
+    onUpdateWorkingView: He,
     // base views
-    projectBaseView: Fe,
-    studioBaseView: Pe,
+    projectBaseView: Pe,
+    studioBaseView: Fe,
     // base view mutations
     onCreateBaseView: Ue,
     onUpdateBaseView: _e,
     onDeleteBaseView: qe,
-    onLoadBaseView: He,
+    onLoadBaseView: Ae,
     editingViewId: ce,
     viewMenuItems: Ge,
     isLoadingViews: Oe,
     isErrorWorkingView: Z,
     // data
-    shareOptions: E,
+    shareOptions: I,
     setIsMenuOpen: m,
     setEditingView: l,
-    setSelectedView: x,
+    setSelectedView: E,
     onSettingsChanged: B,
     // mutations
     onCreateView: _,
@@ -619,11 +618,11 @@ const zt = [
     // shared actions
     resetWorkingView: le,
     // api
-    api: H,
+    api: A,
     dispatch: c
   };
   return /* @__PURE__ */ C(je.Provider, { value: Je, children: e });
-}, ut = (e) => `${e}-views-portal`, Ie = (e) => e ? document.getElementById(ut(e)) : null, wt = J(Q)`
+}, ut = (e) => `${e}-views-portal`, Me = (e) => e ? document.getElementById(ut(e)) : null, wt = J(Q)`
   padding: var(--padding-s);
   border-radius: var(--border-radius-m);
   margin: -4px 0;
@@ -665,7 +664,7 @@ const zt = [
   margin: 4px 0;
 `, Vt = J.div`
   margin-left: 6px;
-`, mt = J(ye)`
+`, mt = J(be)`
   padding: 0 8px 0 4px !important;
   outline: 1px dashed var(--md-sys-color-outline);
   margin: 0 8px 4px 0;
@@ -726,16 +725,16 @@ const zt = [
   }, h = {
     icon: "view_quilt",
     onClick: V,
-    className: ke({ active: !!g, open: c }),
+    className: Ce({ active: !!g, open: c }),
     tabIndex: 0,
     "data-tooltip": w ? `Working ${s.toLowerCase()}` : `${s}: ` + r?.label || "None",
     "data-tooltip-delay": 0,
     onKeyDown: (l) => {
       (l.key === "Enter" || l.key === " ") && V(l);
     }
-  }, m = e ? /* @__PURE__ */ C(ye, { ...h, ...t(r) }) : /* @__PURE__ */ C(wt, { ref: o, ...h }), u = Ie(i);
+  }, m = e ? /* @__PURE__ */ C(be, { ...h, ...t(r) }) : /* @__PURE__ */ C(wt, { ref: o, ...h }), u = Me(i);
   return u ? we(m, u) : null;
-}, ht = () => null, xe = "views-dialog", vt = ({}) => {
+}, ht = () => null, Ee = "views-dialog", vt = ({}) => {
   const {
     editingView: e,
     editingViewData: t,
@@ -753,7 +752,7 @@ const zt = [
     onDeleteView: u,
     api: l,
     dispatch: n
-  } = G(), { powerLicense: d } = K(), [y, { isLoading: b, outdated: E }] = be({
+  } = G(), { powerLicense: d } = K(), [y, { isLoading: b, outdated: I }] = Le({
     addon: "powerpack",
     remote: "views",
     module: "ViewFormDialog",
@@ -761,16 +760,16 @@ const zt = [
     minVersion: "1.1.1",
     skip: !c || !d
   });
-  return !c || !e ? null : e && E ? /* @__PURE__ */ C(
+  return !c || !e ? null : e && I ? /* @__PURE__ */ C(
     Te,
     {
       isOpen: !0,
       header: "Powerpack Update Required",
       onClose: () => s(null),
       size: "sm",
-      children: /* @__PURE__ */ A("p", { children: [
+      children: /* @__PURE__ */ H("p", { children: [
         "Please update the Powerpack addon to at least ",
-        E.required
+        I.required
       ] })
     }
   ) : /* @__PURE__ */ C(
@@ -796,7 +795,7 @@ const zt = [
       currentUser: w,
       pt: {
         dialog: {
-          className: xe
+          className: Ee
         }
       }
     }
@@ -809,7 +808,7 @@ const zt = [
     onDeleteBaseView: c,
     onLoadBaseView: a,
     viewAlias: r
-  } = G(), { powerLicense: w, setPowerpackDialog: g } = K(), [o, V] = ve("collapsed-default-view", !1), h = async (m, u) => {
+  } = G(), { powerLicense: w, setPowerpackDialog: g } = K(), [o, V] = ye("collapsed-default-view", !1), h = async (m, u) => {
     const l = m ? i : t, n = !m && w === !1;
     if (n && !u) {
       g("sharedViews");
@@ -825,7 +824,7 @@ const zt = [
       }
     }) : await a(m) : await s(m);
   };
-  return /* @__PURE__ */ A(j, { children: [
+  return /* @__PURE__ */ H(j, { children: [
     /* @__PURE__ */ C(
       Ye,
       {
@@ -836,7 +835,7 @@ const zt = [
         style: { marginBottom: "10px" }
       }
     ),
-    !o && /* @__PURE__ */ A(Vt, { children: [
+    !o && /* @__PURE__ */ H(Vt, { children: [
       /* @__PURE__ */ C(
         ue,
         {
@@ -867,10 +866,10 @@ const zt = [
   }, a = (r) => {
     r.stopPropagation(), t(!0);
   };
-  return /* @__PURE__ */ A(
+  return /* @__PURE__ */ H(
     mt,
     {
-      className: ke({
+      className: Ce({
         "powerpack-locked": s === !1,
         active: e
       }),
@@ -901,30 +900,30 @@ const zt = [
     workingView: r,
     viewMenuItems: w,
     projectName: g
-  } = G(), { powerLicense: o, setPowerpackDialog: V } = K(), h = se(null), { user: m } = he(), u = (m?.uiExposureLevel || 0) >= 900, l = Ie(e), n = l?.getBoundingClientRect(), y = {
+  } = G(), { powerLicense: o, setPowerpackDialog: V } = K(), h = se(null), { user: m } = ve(), u = (m?.uiExposureLevel || 0) >= 900, l = Me(e), n = l?.getBoundingClientRect(), y = {
     top: n ? n.bottom + 8 : 0,
     left: n ? n.left : 0
   };
   U(() => {
     const L = (f) => {
-      const k = f.target, D = h.current?.contains(k) || l?.contains(k), B = document.querySelector("." + xe)?.contains(k), I = document.querySelector(".options")?.contains(k), $ = document.querySelector(".p-confirm-dialog")?.contains(k);
-      !D && !B && !I && !$ && i && s(!1);
-    }, x = (f) => {
+      const k = f.target, D = h.current?.contains(k) || l?.contains(k), B = document.querySelector("." + Ee)?.contains(k), M = document.querySelector(".options")?.contains(k), $ = document.querySelector(".p-confirm-dialog")?.contains(k);
+      !D && !B && !M && !$ && i && s(!1);
+    }, E = (f) => {
       f.key === "Escape" && i && s(!1);
     };
-    return document.addEventListener("mousedown", L), document.addEventListener("keydown", x), () => {
-      document.removeEventListener("mousedown", L), document.removeEventListener("keydown", x);
+    return document.addEventListener("mousedown", L), document.addEventListener("keydown", E), () => {
+      document.removeEventListener("mousedown", L), document.removeEventListener("keydown", E);
     };
   }, [i, l, s]), U(() => {
     i && h.current && h.current.focus();
   }, [i]);
   const b = p(() => {
     o ? c(!0) : V("sharedViews");
-  }, [o, V, c, s]), E = !a || r?.id === a.id ? ne : a.id;
+  }, [o, V, c, s]), I = !a || r?.id === a.id ? ne : a.id;
   return /* @__PURE__ */ C(j, { children: i && we(
-    /* @__PURE__ */ A(gt, { style: y, ref: h, tabIndex: 0, children: [
-      /* @__PURE__ */ C(Ze, { items: w, selected: E }),
-      u && /* @__PURE__ */ A(j, { children: [
+    /* @__PURE__ */ H(gt, { style: y, ref: h, tabIndex: 0, children: [
+      /* @__PURE__ */ C(Ze, { items: w, selected: I }),
+      u && /* @__PURE__ */ H(j, { children: [
         /* @__PURE__ */ C(yt, { projectName: g }),
         /* @__PURE__ */ C(ft, {})
       ] }),
@@ -956,18 +955,18 @@ const zt = [
   }, [t]), {
     resetViewToDefault: t
   };
-}, jt = () => (Ct(), /* @__PURE__ */ A(j, { children: [
+}, Xt = () => (Ct(), /* @__PURE__ */ H(j, { children: [
   /* @__PURE__ */ C(pt, {}),
   /* @__PURE__ */ C(bt, {}),
   /* @__PURE__ */ C(vt, {})
-] })), Yt = ({
+] })), jt = ({
   viewType: e,
   projectName: t
 }) => {
   const i = !e, s = { viewType: e, projectName: t };
   ge(s, { skip: i }), me(s, { skip: i }), pe(s, { skip: i }), Y(s, { skip: i }), Y({ viewType: e, projectName: void 0 }, { skip: i });
-}, Zt = () => {
-  const { viewSettings: e } = G(), [t, i] = W(null), [s, c] = W(null), { updateViewSettings: a } = Le(), r = e, w = r?.filter ?? {}, g = r?.columns ?? [], o = r?.sliceType;
+}, Yt = () => {
+  const { viewSettings: e } = G(), [t, i] = W(null), [s, c] = W(null), { updateViewSettings: a } = ke(), r = e, w = r?.filter ?? {}, g = r?.columns ?? [], o = r?.sliceType;
   U(() => {
     i(null);
   }, [JSON.stringify(e?.filter)]), U(() => {
@@ -1004,7 +1003,7 @@ const zt = [
     sliceType: o,
     onUpdateSliceType: n
   };
-}, Nt = ({ viewSettings: e, updateViewSettings: t }) => {
+}, Zt = ({ viewSettings: e, updateViewSettings: t }) => {
   const [i, s] = W(null), [c, a] = W(null), [r, w] = W(null), g = e, o = g?.filter ?? {}, V = g?.showHierarchy ?? !0, h = g?.sliceType, m = q(
     () => Be(g),
     [JSON.stringify(e)]
@@ -1034,7 +1033,7 @@ const zt = [
       });
     },
     [t]
-  ), E = p(
+  ), I = p(
     async (f) => {
       if (f && n?.groupBy) {
         const k = { ...n, groupBy: void 0 };
@@ -1063,16 +1062,16 @@ const zt = [
         ...Object.keys(f.columnVisibility || {}),
         ...f.columnPinning?.left || [],
         ...f.columnPinning?.right || []
-      ].filter(Boolean).filter(($, P, _) => _.indexOf($) === P), B = te(f, D), I = !!f.groupBy;
-      I && a(!1), await t(
-        I ? { ...B, showHierarchy: !1 } : B,
+      ].filter(Boolean).filter(($, F, _) => _.indexOf($) === F), B = te(f, D), M = !!f.groupBy;
+      M && a(!1), await t(
+        M ? { ...B, showHierarchy: !1 } : B,
         w,
         f,
         { errorMessage: "Failed to update columns" }
       );
     },
     [t]
-  ), x = p(
+  ), E = p(
     async (f, k, D) => {
       const B = {
         showHierarchy: k,
@@ -1097,15 +1096,15 @@ const zt = [
     filters: u,
     onUpdateFilters: b,
     showHierarchy: l,
-    onUpdateHierarchy: E,
+    onUpdateHierarchy: I,
     columns: n,
     onUpdateColumns: L,
-    onUpdateGroupBy: x,
+    onUpdateGroupBy: E,
     sliceType: h,
     onUpdateSliceType: y
   };
-}, Tt = () => {
-  const { viewSettings: e } = G(), [t, i] = W(null), [s, c] = W(null), [a, r] = W(null), { updateViewSettings: w } = Le(), g = e, o = g?.filter ?? {}, V = q(
+}, Nt = () => {
+  const { viewSettings: e } = G(), [t, i] = W(null), [s, c] = W(null), [a, r] = W(null), { updateViewSettings: w } = ke(), g = e, o = g?.filter ?? {}, V = q(
     () => Be(g),
     [JSON.stringify(e)]
   );
@@ -1126,8 +1125,8 @@ const zt = [
     },
     [w]
   ), d = p(
-    async (b, E) => {
-      const L = te(b, E);
+    async (b, I) => {
+      const L = te(b, I);
       await w(L, c, b, {
         errorMessage: "Failed to update columns"
       });
@@ -1154,32 +1153,32 @@ export {
   De as BASE_VIEW_ID,
   tt as NEW_VIEW_ID,
   Xe as VIEW_DIVIDER,
-  jt as Views,
+  Xt as Views,
   pt as ViewsButton,
   je as ViewsContext,
   Ze as ViewsMenu,
   bt as ViewsMenuContainer,
-  Xt as ViewsProvider,
+  zt as ViewsProvider,
   ne as WORKING_VIEW_ID,
-  ss as generateViewId,
-  Ce as generateWorkingView,
+  ts as generateViewId,
+  he as generateWorkingView,
   st as getCustomViewsFallback,
-  Ie as getViewsPortalContainer,
+  Me as getViewsPortalContainer,
   ut as getViewsPortalId,
-  Ee as isViewStudioScope,
-  os as updateViewSettings,
+  Ie as isViewStudioScope,
+  ss as updateViewSettings,
   rt as useBaseViewMutations,
   ot as useBuildViewMenuItems,
-  Tt as useListsViewSettings,
-  Nt as useOverviewViewSettings,
-  Yt as usePrefetchViews,
+  Nt as useListsViewSettings,
+  Zt as useOverviewViewSettings,
+  jt as usePrefetchViews,
   at as useSaveViewFromCurrent,
   it as useSelectedView,
-  Zt as useTaskProgressViewSettings,
-  Le as useViewUpdateHelper,
+  Yt as useTaskProgressViewSettings,
+  ke as useViewUpdateHelper,
   G as useViewsContext,
   nt as useViewsMutations,
   Ct as useViewsShortcuts,
-  is as useViewsState,
-  zt as viewTypes
+  os as useViewsState,
+  Qt as viewTypes
 };