@ynput/ayon-frontend-shared 0.6.0 → 0.6.1

package/dist/Views.es.js

@@ -1,22 +1,624 @@
-import { u as L, S as X, W as Y, V as Z, a as ee, N as oe } from "./chunks/ViewsContext.es.js";
-import { B as _e, b as je, c as Je, d as $e, g as Ge, e as Ke, i as qe, f as ze, h as Qe, j as Xe, k as Ye, l as Ze, v as eo } from "./chunks/ViewsContext.es.js";
-import { jsx as g, jsxs as x, Fragment as A } from "react/jsx-runtime";
-import { useRef as _, useEffect as k, useCallback as v, useState as b, useMemo as j } from "react";
-import { createPortal as J } from "react-dom";
-import { Icon as U, Button as $, Dialog as te } from "@ynput/ayon-react-components";
-import F from "styled-components";
-import G from "clsx";
-import { u as se } from "./chunks/GlobalContext.es.js";
-import { a as S, u as ne, e as re } from "./chunks/useLocalStorage.es.js";
-import { confirmDialog as ie } from "primereact/confirmdialog";
-import { a as K } from "./chunks/viewUpdateHelper.es.js";
-import { b as to, u as so } from "./chunks/viewUpdateHelper.es.js";
-import "lodash";
-import "react-toastify";
-import "uuid";
-import { c as q, a as R } from "./chunks/columnConfigConverter.es.js";
+import { jsx as b, jsxs as A, Fragment as j } from "react/jsx-runtime";
+import { useMemo as _, useCallback as h, useRef as te, useState as W, useEffect as U } from "react";
+import { createPortal as we } from "react-dom";
 import "./chunks/searchTerms.es.js";
-const ae = (e) => `${e}-views-portal`, z = (e) => e ? document.getElementById(ae(e)) : null, ce = F(U)`
+import { aP as se, br as _e, d2 as oe, b3 as ge, ds as fe, dv as q, S as T, cf as qe, cT as Ae, cA as Ge, bn as de, cy as He } from "./chunks/getUris.es.js";
+import { confirmDialog as Je } from "primereact/confirmdialog";
+import { a as J, ae as Ke, d as Ve, p as me, af as Qe, e as G, ag as ze, ah as Xe, ai as je } from "./chunks/DeleteEntitiesContextInstance.es.js";
+import { Icon as K, Button as pe, Dialog as Ye } from "@ynput/ayon-react-components";
+import "uuid";
+import { toast as x } from "react-toastify";
+import "@module-federation/enhanced/runtime";
+import "lodash";
+import "./chunks/ContextMenuContextInstance.es.js";
+import he from "clsx";
+import { useDispatch as Ze } from "react-redux";
+import "semver";
+import H from "styled-components";
+import { u as ve } from "./chunks/useLoadModule.es.js";
+import { g as ye, a as ke } from "./chunks/viewUpdateHelper.es.js";
+import { c as Xt, b as jt, u as Yt } from "./chunks/viewUpdateHelper.es.js";
+import { c as Ce, a as ee } from "./chunks/columnConfigConverter.es.js";
+const qt = [
+  "overview",
+  "taskProgress",
+  "versions",
+  "lists",
+  "reviews",
+  "reports"
+], ie = "_working_", Ne = "_new_view_", be = "__base__", Te = (e) => {
+  const { viewsList: t, onEdit: i, onSelect: s, onSave: c } = e, n = (o, V = {}) => ({
+    id: o.id,
+    label: o.label,
+    isSelected: !1,
+    highlighted: o.highlighted,
+    onClick: () => s(o.id),
+    ...V
+  }), r = t.filter((o) => o.visibility === "private" && o.isOwner && !o.working).map(
+    (o) => n(o, {
+      isEditable: !0,
+      isSaveable: !0,
+      onEdit: () => i(o.id),
+      onSave: () => c(o.id)
+    })
+  ), w = t.filter((o) => o.visibility === "public" && !o.working).map(
+    (o) => n(o, {
+      isEditable: o.isOwner,
+      isSaveable: o.isOwner,
+      ...o.isOwner && {
+        onEdit: () => i(o.id),
+        onSave: () => c(o.id)
+      }
+    })
+  ), g = t.filter((o) => o.visibility === "private" && !o.isOwner && !o.working).map(
+    (o) => n(o, {
+      isEditable: !1,
+      isSaveable: !1
+    })
+  );
+  return {
+    myViews: r,
+    sharedViews: w,
+    allPrivateViews: g
+  };
+}, et = ({
+  viewsList: e,
+  workingView: t,
+  viewType: i,
+  viewAlias: s,
+  projectName: c,
+  currentUser: n,
+  useWorkingView: r,
+  editingViewId: w,
+  collapsed: g,
+  setCollapsed: o,
+  onSelect: V,
+  onEdit: v,
+  onSave: p,
+  onResetWorkingView: d,
+  selectedId: l
+}) => {
+  const { powerLicense: a } = J(), [u] = se(), y = _(
+    () => e.map((f) => ({
+      ...f,
+      isOwner: f.owner === n?.name,
+      highlighted: w === f.id ? "save" : void 0
+    })),
+    [e, n, w]
+  ), B = {
+    id: ie,
+    label: r ? `Personal ${s.toLowerCase()}` : `Working ${s.toLowerCase()}`,
+    startContent: r && /* @__PURE__ */ b(K, { icon: "person" }),
+    isEditable: !1
+  }, D = h(async () => {
+    let f = t?.id;
+    if (!t)
+      try {
+        console.warn(`No working ${s.toLowerCase()} found, creating a new one`);
+        const O = ye();
+        await u({
+          payload: O,
+          viewType: i,
+          projectName: c
+        }).unwrap(), f = O.id;
+      } catch (O) {
+        x.error(`Failed to create working ${s}: ${O}`);
+      }
+    V(f);
+  }, [t, i, u, c, V]), M = async (f) => {
+    try {
+      await p(f), V(f);
+    } catch (O) {
+      x.error(O);
+    }
+  }, [P, { isLoading: m }] = ve({
+    addon: "powerpack",
+    remote: "views",
+    module: "getCustomViews",
+    fallback: Te,
+    // minVersion: minVersion,
+    skip: !i || !a
+  }), { myViews: k, sharedViews: L, allPrivateViews: C } = P({
+    viewsList: y,
+    onEdit: v,
+    onSelect: V,
+    onSave: M
+  }), E = h(
+    (f) => {
+      o({ ...g, [f]: !g[f] });
+    },
+    [g, o]
+  ), S = _(() => [
+    { id: "myViews", title: `My ${s.toLowerCase()}s`, items: k },
+    {
+      id: "sharedViews",
+      title: `Shared ${s.toLowerCase()}s`,
+      items: L
+    },
+    {
+      id: "allPrivateViews",
+      title: `All private ${s.toLowerCase()}s`,
+      items: C
+    }
+  ], [k, L, C]), F = _(() => ({
+    ...B,
+    onClick: D,
+    // expose reset button when handler is provided
+    isEditable: !!d,
+    onResetView: d
+  }), [D, d]);
+  return _(() => {
+    const f = [F], O = S.filter((R) => a && (R.items?.length || 0) > 0);
+    return O.length > 0 && f.push(Ke), O.forEach((R) => {
+      const Q = !!g[R.id];
+      if (f.push({
+        type: "section",
+        id: R.id,
+        title: R.title,
+        collapsed: Q,
+        onToggle: () => E(R.id)
+      }), !Q)
+        f.push(...R.items);
+      else if (l) {
+        const z = R.items.find((Y) => Y.id === l);
+        z && f.push(z);
+      }
+    }), f;
+  }, [F, S, g, E, l, a]);
+}, tt = ({ viewType: e, projectName: t }) => {
+  const { currentData: i, isLoading: s } = _e(
+    { viewType: e, projectName: t },
+    { skip: !e }
+  ), [c] = oe(), n = te({}), r = n.current[e];
+  return [i, async (g) => {
+    if (!e) throw "No view type provided for setting default view";
+    i?.id && i.id !== g && (n.current[e] = i.id);
+    try {
+      await c({
+        setDefaultViewRequestModel: {
+          viewId: g
+        },
+        viewType: e,
+        projectName: t
+      }).unwrap();
+    } catch (o) {
+      x.warn(`Failed to set default view: ${o}`);
+    }
+  }, r, s];
+}, st = ({
+  viewType: e,
+  projectName: t,
+  viewsList: i,
+  onCreate: s,
+  onDelete: c,
+  onUpdate: n
+}) => {
+  const r = Ze(), [w] = se(), [g] = ge(), [o] = fe(), [V] = oe(), v = h(
+    async (a, u) => {
+      if (!e)
+        throw new Error("viewType are required for creating a view");
+      try {
+        await w({
+          viewType: e,
+          projectName: u ? void 0 : t,
+          payload: a
+        }).unwrap(), s && s(a);
+      } catch (y) {
+        throw y;
+      }
+    },
+    [w, e, t, s]
+  ), p = h(
+    async (a, u, y) => {
+      if (!e)
+        throw new Error("viewType are required for updating a view");
+      try {
+        await o({
+          viewId: a,
+          viewType: e,
+          projectName: y ? void 0 : t,
+          payload: u
+        }).unwrap(), n && n({ ...u, id: a });
+      } catch (B) {
+        throw B;
+      }
+    },
+    [o, e, t, n]
+  ), d = h(
+    async (a, u) => {
+      if (!e)
+        throw new Error("viewType are required for deleting a view");
+      try {
+        await g({
+          viewType: e,
+          projectName: u ? void 0 : t,
+          viewId: a
+        }).unwrap(), c && c(a);
+      } catch (y) {
+        throw y;
+      }
+    },
+    [g, e, t, c]
+  ), l = h(
+    async (a) => {
+      const { existingWorkingViewId: u, selectedViewId: y, setSelectedView: B, setSettingsChanged: D, notify: M } = a || {};
+      if (!e)
+        throw new Error("viewType are required for resetting a view");
+      try {
+        r(
+          q.util.invalidateTags([
+            { type: "Views", id: `base-${e}-${t}` },
+            { type: "Views", id: `base-${e}` }
+          ])
+        );
+        const k = (await r(
+          q.endpoints.getBaseView.initiate(
+            { viewType: e, projectName: t },
+            { subscribe: !1, forceRefetch: !0 }
+          )
+        )).data;
+        let L = {}, C = "default";
+        if (k && k.settings && Object.keys(k.settings).length > 0)
+          L = k.settings, C = "project";
+        else {
+          const f = (await r(
+            q.endpoints.getBaseView.initiate(
+              { viewType: e },
+              { subscribe: !1, forceRefetch: !0 }
+            )
+          )).data;
+          f && f.settings && Object.keys(f.settings).length > 0 && (L = f.settings, C = "studio");
+        }
+        const E = u ?? ye().id;
+        if (u ? await o({
+          viewId: u,
+          viewType: e,
+          projectName: t,
+          payload: { settings: L }
+        }).unwrap() : await w({
+          viewType: e,
+          projectName: t,
+          payload: {
+            id: E,
+            label: "Working",
+            working: !0,
+            settings: L
+          }
+        }).unwrap(), await V({
+          viewType: e,
+          projectName: t,
+          setDefaultViewRequestModel: { viewId: E }
+        }).unwrap(), B && B(E), D && D(!1), M) {
+          const F = C === "project" ? "View reset to project default view" : C === "studio" ? "View reset to studio default view" : "View reset to default settings";
+          x.success(F);
+        }
+        return E;
+      } catch (P) {
+        throw M && x.error("Failed to reset view to default"), P;
+      }
+    },
+    [w, o, V, e, t, r]
+  );
+  return {
+    onCreateView: v,
+    onUpdateView: p,
+    onDeleteView: d,
+    onResetWorkingView: l
+  };
+}, ot = ({
+  viewType: e,
+  projectName: t,
+  viewSettings: i,
+  workingView: s,
+  dispatch: c
+}) => {
+  const [n] = se(), [r] = fe(), [w] = ge(), [g] = oe(), o = h(
+    async (d) => {
+      try {
+        const u = await n({
+          payload: {
+            label: be,
+            working: !1,
+            settings: i || {}
+          },
+          viewType: e,
+          projectName: d ? void 0 : t
+        }).unwrap();
+        c(
+          q.util.invalidateTags([
+            { type: "view", id: u.id },
+            T(e, d ? void 0 : t)
+          ])
+        );
+        const y = d ? "Studio" : "Project";
+        x.success(`${y} default view created successfully`);
+      } catch (l) {
+        const a = d ? "studio" : "project";
+        x.error(`Failed to create ${a} base view: ${l?.message || l}`);
+      }
+    },
+    [n, e, t, i, c]
+  ), V = h(
+    async (d, l) => {
+      try {
+        await r({
+          viewId: d,
+          viewType: e,
+          projectName: l ? void 0 : t,
+          payload: { settings: i || {} }
+        }).unwrap(), c(
+          q.util.invalidateTags([
+            { type: "view", id: d },
+            T(e, l ? void 0 : t)
+          ])
+        );
+        const u = l ? "Studio" : "Project";
+        x.success(`${u} default view updated successfully`);
+      } catch (a) {
+        const u = l ? "studio" : "project";
+        x.error(`Failed to update ${u} base view: ${a?.message || a}`);
+      }
+    },
+    [r, e, t, i, c]
+  ), v = h(
+    async (d, l) => {
+      try {
+        await w({
+          viewId: d,
+          viewType: e,
+          projectName: l ? void 0 : t
+        }).unwrap(), c(
+          q.util.invalidateTags([
+            { type: "view", id: d },
+            T(e, l ? void 0 : t)
+          ])
+        );
+        const a = l ? "Studio" : "Project";
+        x.success(`${a} default view removed successfully`);
+      } catch (a) {
+        const u = l ? "studio" : "project";
+        x.error(`Failed to remove ${u} base view: ${a?.message || a}`);
+      }
+    },
+    [w, e, t, c]
+  ), p = h(
+    async (d) => {
+      try {
+        if (!s?.id)
+          throw new Error("No working view available to update");
+        const u = (await c(
+          q.endpoints.getBaseView.initiate(
+            {
+              viewType: e,
+              projectName: d ? void 0 : t
+            },
+            { subscribe: !1, forceRefetch: !0 }
+          )
+        )).data;
+        if (!u || !u.settings)
+          throw new Error("Base view not found or has no settings");
+        await r({
+          viewId: s.id,
+          viewType: e,
+          projectName: t,
+          payload: { settings: u.settings }
+        }).unwrap(), await g({
+          viewType: e,
+          projectName: t,
+          setDefaultViewRequestModel: { viewId: s.id }
+        }).unwrap();
+        const y = d ? "Studio" : "Project";
+        x.success(`Loaded ${y} default view to working view`);
+      } catch (l) {
+        const a = d ? "studio" : "project";
+        x.error(`Failed to load ${a} base view: ${l?.message || l}`);
+      }
+    },
+    [s, r, g, e, t, c]
+  );
+  return {
+    onCreateBaseView: o,
+    onUpdateBaseView: V,
+    onDeleteBaseView: v,
+    onLoadBaseView: p
+  };
+}, Le = (e, t) => e ? t.find((s) => s.id === e)?.scope === "studio" : !0, it = ({
+  viewType: e,
+  projectName: t,
+  viewsList: i,
+  sourceSettings: s,
+  onUpdateView: c
+}) => ({ onSaveViewFromCurrent: h(
+  async (r) => {
+    if (!e)
+      throw "viewType are required for saving a view from another view";
+    if (!s)
+      throw "sourceView is required for saving a view from another view";
+    try {
+      await c(
+        r,
+        {
+          settings: s
+        },
+        Le(r, i)
+      ), x.success("View settings saved");
+    } catch (w) {
+      const g = typeof w == "string" ? "Failed to save view settings: " + w : "Failed to save view settings";
+      throw console.error(g), g;
+    }
+  },
+  [e, t, s]
+) }), nt = ({
+  viewType: e
+}) => {
+  const [t, i] = W({}), s = h(
+    (n) => {
+      e && i((r) => ({ ...r, [e]: n }));
+    },
+    [e, i]
+  );
+  return [e ? t[e] : !1, s];
+}, rt = "view", At = ({
+  children: e,
+  viewType: t,
+  viewAlias: i = rt,
+  projectName: s,
+  dispatch: c,
+  debug: n
+}) => {
+  let { powerLicense: r } = J();
+  n?.powerLicense !== void 0 && (console.warn("Using debug power license:", n.powerLicense), r = n.powerLicense);
+  const { user: w } = Ve(), [g, o] = W(!1), [V, v] = W(null), p = "viewsMenuCollapsed", [d, l] = me(
+    p,
+    {}
+  ), a = (I) => {
+    const X = I.visibility === "private" ? "myViews" : "sharedViews";
+    if (d[X]) {
+      const le = { ...d };
+      le[X] = !1, l(le);
+    }
+  }, { data: u } = qe(
+    { projectName: s },
+    { skip: !r || !V }
+  ), [y, B, D, M] = tt({
+    viewType: t,
+    projectName: s
+  }), [P, m] = nt({
+    viewType: t
+  }), { currentData: k = [], isLoading: L } = Ae(
+    { projectName: s, viewType: t },
+    { skip: !t }
+  ), C = _(
+    () => k.filter(
+      (I) => I.label !== be && !(s && I.working && I.scope === "studio")
+    ),
+    [k]
+  ), { onCreateView: E, onDeleteView: S, onUpdateView: F, onResetWorkingView: $ } = st({
+    viewType: t,
+    projectName: s,
+    viewsList: C,
+    onCreate: a
+  }), {
+    currentData: f,
+    isLoading: O,
+    isError: R
+  } = Ge(
+    { projectName: s, viewType: t },
+    { skip: !t }
+  ), { currentData: Q, isLoading: z } = de(
+    { projectName: s, viewType: t },
+    { skip: !t }
+  ), { currentData: Y, isLoading: Ee } = de(
+    { projectName: void 0, viewType: t },
+    { skip: !t }
+  ), Ie = L || M || O || z || Ee, ne = f?.settings, Z = y?.id === ie ? ne : y?.settings, re = y?.id === f?.id, ae = P && re && D && D !== f?.id ? D : void 0, { currentData: N, isFetching: xe } = He(
+    {
+      viewId: V,
+      projectName: Le(V, C) ? void 0 : s,
+      viewType: t
+    },
+    { skip: typeof V != "string" || !r }
+  ), Fe = _(
+    () => V === N?.id ? N : void 0,
+    [V, N]
+  ), { onSaveViewFromCurrent: Me } = it({
+    viewType: t,
+    projectName: s,
+    viewsList: C,
+    sourceSettings: Z,
+    onUpdateView: F
+  }), { onCreateBaseView: Pe, onUpdateBaseView: Se, onDeleteBaseView: Oe, onLoadBaseView: $e } = ot({
+    viewType: t,
+    projectName: s,
+    viewSettings: Z,
+    workingView: f,
+    dispatch: c
+  }), Re = h(
+    async (I, { selectView: X } = {}) => {
+      if (!f?.id) {
+        console.error("No working view to update");
+        return;
+      }
+      await F(f.id, I, !s), X && B(f.id);
+    },
+    [F, f]
+  ), ce = h(async () => {
+    try {
+      await $({
+        existingWorkingViewId: f?.id,
+        selectedViewId: y?.id,
+        setSelectedView: B,
+        setSettingsChanged: m,
+        notify: !0
+      });
+    } catch (I) {
+      console.error("Failed to reset view:", I);
+    }
+  }, [f, $, y, B, m]), We = et({
+    viewsList: C,
+    workingView: f,
+    viewType: t,
+    viewAlias: i,
+    projectName: s,
+    currentUser: w,
+    useWorkingView: !r,
+    editingViewId: ae,
+    selectedId: y?.id,
+    collapsed: d,
+    setCollapsed: l,
+    onResetWorkingView: ce,
+    onSelect: (I) => {
+      B(I), m(!1), o(!1);
+    },
+    onEdit: (I) => v(I),
+    onSave: async (I) => Me(I)
+  }), Ue = {
+    viewType: t,
+    viewAlias: i,
+    projectName: s,
+    isMenuOpen: g,
+    editingView: V,
+    currentUser: w,
+    selectedView: y,
+    viewSettings: Z,
+    editingViewData: Fe,
+    isLoadingEditingViewData: xe,
+    viewsList: C,
+    // Working view
+    workingSettings: ne,
+    workingView: f,
+    isViewWorking: re,
+    onUpdateWorkingView: Re,
+    // base views
+    projectBaseView: Q,
+    studioBaseView: Y,
+    // base view mutations
+    onCreateBaseView: Pe,
+    onUpdateBaseView: Se,
+    onDeleteBaseView: Oe,
+    onLoadBaseView: $e,
+    editingViewId: ae,
+    viewMenuItems: We,
+    isLoadingViews: Ie,
+    isErrorWorkingView: R,
+    // data
+    shareOptions: u,
+    setIsMenuOpen: o,
+    setEditingView: v,
+    setSelectedView: B,
+    onSettingsChanged: m,
+    // mutations
+    onCreateView: E,
+    onUpdateView: F,
+    onDeleteView: S,
+    // shared actions
+    resetWorkingView: ce,
+    // api
+    api: q,
+    dispatch: c
+  };
+  return /* @__PURE__ */ b(Qe.Provider, { value: Ue, children: e });
+}, at = (e) => `${e}-views-portal`, Be = (e) => e ? document.getElementById(at(e)) : null, ct = H(K)`
   padding: var(--padding-s);
   border-radius: var(--border-radius-m);
   margin: -4px 0;
@@ -37,7 +639,7 @@ const ae = (e) => `${e}-views-portal`, z = (e) => e ? document.getElementById(ae
       background-color: var(--md-sys-color-primary-hover);
     }
   }
-`, le = F.div`
+`, lt = H.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -52,13 +654,13 @@ const ae = (e) => `${e}-views-portal`, z = (e) => e ? document.getElementById(ae
   background-color: var(--md-sys-color-surface-container-high);
   border-radius: var(--border-radius-l);
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
-`, de = F.li`
+`, dt = H.li`
   height: 1px;
   background-color: var(--md-sys-color-outline-variant);
   margin: 4px 0;
-`, ue = F.div`
+`, ut = H.div`
   margin-left: 6px;
-`, pe = F($)`
+`, wt = H(pe)`
   padding: 0 8px 0 4px !important;
   outline: 1px dashed var(--md-sys-color-outline);
   margin: 0 8px 4px 0;
@@ -100,453 +702,459 @@ const ae = (e) => `${e}-views-portal`, z = (e) => e ? document.getElementById(ae
       font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;
     }
   }
-`, me = ({ fullButton: e = !1, fullButtonProps: t = () => ({}) }) => {
-  const { viewType: n, viewAlias: o, isMenuOpen: a, setIsMenuOpen: s, selectedView: i, isViewWorking: p, editingViewId: f } = L(), w = _(null);
-  if (!n) return null;
-  const y = (l) => {
-    l.preventDefault(), l.stopPropagation(), s(!a);
-  }, m = {
+`, gt = ({
+  fullButton: e = !1,
+  fullButtonProps: t = () => ({})
+}) => {
+  const {
+    viewType: i,
+    viewAlias: s,
+    isMenuOpen: c,
+    setIsMenuOpen: n,
+    selectedView: r,
+    isViewWorking: w,
+    editingViewId: g
+  } = G(), o = te(null);
+  if (!i) return null;
+  const V = (l) => {
+    l.preventDefault(), l.stopPropagation(), n(!c);
+  }, v = {
     icon: "view_quilt",
-    onClick: y,
-    className: G({ active: !!f, open: a }),
+    onClick: V,
+    className: he({ active: !!g, open: c }),
     tabIndex: 0,
-    "data-tooltip": p ? `Working ${o.toLowerCase()}` : `${o}: ` + i?.label || "None",
+    "data-tooltip": w ? `Working ${s.toLowerCase()}` : `${s}: ` + r?.label || "None",
     "data-tooltip-delay": 0,
     onKeyDown: (l) => {
-      (l.key === "Enter" || l.key === " ") && y(l);
+      (l.key === "Enter" || l.key === " ") && V(l);
     }
-  }, c = e ? /* @__PURE__ */ g($, { ...m, ...t(i) }) : /* @__PURE__ */ g(
-    ce,
-    {
-      ref: w,
-      ...m
-    }
-  ), u = z(n);
-  return u ? J(c, u) : null;
-}, ge = () => null, Q = "views-dialog", we = ({}) => {
+  }, p = e ? /* @__PURE__ */ b(pe, { ...v, ...t(r) }) : /* @__PURE__ */ b(ct, { ref: o, ...v }), d = Be(i);
+  return d ? we(p, d) : null;
+}, ft = () => null, De = "views-dialog", Vt = ({}) => {
   const {
     editingView: e,
     editingViewData: t,
-    isLoadingEditingViewData: n,
-    setEditingView: o,
-    viewType: a,
-    viewAlias: s,
-    projectName: i,
-    currentUser: p,
-    viewSettings: f,
-    shareOptions: w,
-    setSelectedView: y,
-    onCreateView: m,
-    onUpdateView: c,
-    onDeleteView: u,
+    isLoadingEditingViewData: i,
+    setEditingView: s,
+    viewType: c,
+    viewAlias: n,
+    projectName: r,
+    currentUser: w,
+    viewSettings: g,
+    shareOptions: o,
+    setSelectedView: V,
+    onCreateView: v,
+    onUpdateView: p,
+    onDeleteView: d,
     api: l,
-    dispatch: d
-  } = L(), { powerLicense: h } = S(), [E, { isLoading: T, outdated: I }] = ne({
+    dispatch: a
+  } = G(), { powerLicense: u } = J(), [y, { isLoading: B, outdated: D }] = ve({
     addon: "powerpack",
     remote: "views",
     module: "ViewFormDialog",
-    fallback: ge,
+    fallback: ft,
     minVersion: "1.1.1",
-    skip: !a || !h
+    skip: !c || !u
   });
-  return !a || !e ? null : e && I ? /* @__PURE__ */ g(
-    te,
+  return !c || !e ? null : e && D ? /* @__PURE__ */ b(
+    Ye,
     {
       isOpen: !0,
       header: "Powerpack Update Required",
-      onClose: () => o(null),
+      onClose: () => s(null),
       size: "sm",
-      children: /* @__PURE__ */ x("p", { children: [
+      children: /* @__PURE__ */ A("p", { children: [
         "Please update the Powerpack addon to at least ",
-        I.required
+        D.required
       ] })
     }
-  ) : /* @__PURE__ */ g(
-    E,
+  ) : /* @__PURE__ */ b(
+    y,
     {
       editingView: {
         viewId: e === !0 ? void 0 : e,
         ...t || {}
       },
-      isLoading: n,
-      viewSettings: f,
-      setEditingView: o,
-      viewType: a,
-      viewAlias: s,
-      projectName: i,
-      shareOptions: w,
-      setSelected: y,
-      onCreateView: m,
-      onUpdateView: c,
-      onDeleteView: u,
+      isLoading: i,
+      viewSettings: g,
+      setEditingView: s,
+      viewType: c,
+      viewAlias: n,
+      projectName: r,
+      shareOptions: o,
+      setSelected: V,
+      onCreateView: v,
+      onUpdateView: p,
+      onDeleteView: d,
       api: l,
-      dispatch: d,
-      currentUser: p,
+      dispatch: a,
+      currentUser: w,
       pt: {
         dialog: {
-          className: Q
+          className: De
         }
       }
     }
   );
-}, fe = ({ projectName: e }) => {
+}, mt = ({ projectName: e }) => {
   const {
     projectBaseView: t,
-    studioBaseView: n,
-    onCreateBaseView: o,
-    onDeleteBaseView: a,
-    onLoadBaseView: s,
-    viewAlias: i
-  } = L(), { powerLicense: p, setPowerpackDialog: f } = S(), [w, y] = re("collapsed-default-view", !1), m = async (c, u) => {
-    const l = c ? n : t, d = !c && p === !1;
-    if (d && !u) {
-      f("sharedViews");
+    studioBaseView: i,
+    onCreateBaseView: s,
+    onDeleteBaseView: c,
+    onLoadBaseView: n,
+    viewAlias: r
+  } = G(), { powerLicense: w, setPowerpackDialog: g } = J(), [o, V] = me("collapsed-default-view", !1), v = async (p, d) => {
+    const l = p ? i : t, a = !p && w === !1;
+    if (a && !d) {
+      g("sharedViews");
       return;
     }
-    l ? u || d ? ie({
-      message: `Are you sure you want to remove this default ${i.toLowerCase()}?`,
-      header: `Remove Default ${i}`,
+    l ? d || a ? Je({
+      message: `Are you sure you want to remove this default ${r.toLowerCase()}?`,
+      header: `Remove Default ${r}`,
       acceptLabel: "Remove",
       rejectLabel: "Cancel",
       accept: async () => {
-        await a(l.id, c);
+        await c(l.id, p);
       }
-    }) : await s(c) : await o(c);
+    }) : await n(p) : await s(p);
   };
-  return /* @__PURE__ */ x(A, { children: [
-    /* @__PURE__ */ g(
-      X,
+  return /* @__PURE__ */ A(j, { children: [
+    /* @__PURE__ */ b(
+      ze,
       {
-        onClick: () => y(!w),
-        collapsed: w,
+        onClick: () => V(!o),
+        collapsed: o,
         id: "default-views",
-        title: `Default ${i.toLowerCase()}`,
+        title: `Default ${r.toLowerCase()}`,
         style: { marginBottom: "10px" }
       }
     ),
-    !w && /* @__PURE__ */ x(ue, { children: [
-      /* @__PURE__ */ g(
-        W,
+    !o && /* @__PURE__ */ A(ut, { children: [
+      /* @__PURE__ */ b(
+        ue,
         {
-          existingView: !!n,
+          existingView: !!i,
           label: "Studio",
-          onClick: (c) => m(!0, c)
+          onClick: (p) => v(!0, p)
         }
       ),
-      e && /* @__PURE__ */ g(
-        W,
+      e && /* @__PURE__ */ b(
+        ue,
         {
           existingView: !!t,
           label: "Project",
-          onClick: (c) => m(!1, c),
-          powerLicense: p
+          onClick: (p) => v(!1, p),
+          powerLicense: w
         }
       )
     ] })
   ] });
-}, W = ({
+}, ue = ({
   existingView: e,
   onClick: t,
-  label: n,
-  powerLicense: o = void 0
+  label: i,
+  powerLicense: s = void 0
 }) => {
-  const a = (i) => {
-    i.stopPropagation(), t();
-  }, s = (i) => {
-    i.stopPropagation(), t(!0);
+  const c = (r) => {
+    r.stopPropagation(), t();
+  }, n = (r) => {
+    r.stopPropagation(), t(!0);
   };
-  return /* @__PURE__ */ x(
-    pe,
+  return /* @__PURE__ */ A(
+    wt,
     {
-      className: G({
-        "powerpack-locked": o === !1,
+      className: he({
+        "powerpack-locked": s === !1,
         active: e
       }),
-      onClick: a,
+      onClick: c,
       children: [
-        /* @__PURE__ */ g(
-          U,
+        /* @__PURE__ */ b(
+          K,
           {
-            icon: o === !1 ? "bolt" : e ? "close" : "add",
-            onClick: (i) => e && s(i)
+            icon: s === !1 ? "bolt" : e ? "close" : "add",
+            onClick: (r) => e && n(r)
           }
         ),
-        n
+        i
       ]
     }
   );
-}, ye = F(U)`
+}, pt = H(K)`
   color: var(--md-sys-color-tertiary);
   font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;
-`, ve = () => {
+`, ht = () => {
   const {
     viewType: e,
     viewAlias: t,
-    isMenuOpen: n,
-    setIsMenuOpen: o,
-    setEditingView: a,
-    selectedView: s,
-    workingView: i,
-    viewMenuItems: p,
-    projectName: f
-  } = L(), { powerLicense: w, setPowerpackDialog: y } = S(), m = _(null), { user: c } = se(), u = (c?.uiExposureLevel || 0) >= 900, l = z(e), d = l?.getBoundingClientRect(), E = {
-    top: d ? d.bottom + 8 : 0,
-    left: d ? d.left : 0
+    isMenuOpen: i,
+    setIsMenuOpen: s,
+    setEditingView: c,
+    selectedView: n,
+    workingView: r,
+    viewMenuItems: w,
+    projectName: g
+  } = G(), { powerLicense: o, setPowerpackDialog: V } = J(), v = te(null), { user: p } = Ve(), d = (p?.uiExposureLevel || 0) >= 900, l = Be(e), a = l?.getBoundingClientRect(), y = {
+    top: a ? a.bottom + 8 : 0,
+    left: a ? a.left : 0
   };
-  k(() => {
-    const O = (r) => {
-      const V = r.target, C = m.current?.contains(V) || l?.contains(V), D = document.querySelector("." + Q)?.contains(V), B = document.querySelector(".options")?.contains(V), M = document.querySelector(".p-confirm-dialog")?.contains(V);
-      !C && !D && !B && !M && n && o(!1);
-    }, N = (r) => {
-      r.key === "Escape" && n && o(!1);
+  U(() => {
+    const M = (m) => {
+      const k = m.target, L = v.current?.contains(k) || l?.contains(k), C = document.querySelector("." + De)?.contains(k), E = document.querySelector(".options")?.contains(k), S = document.querySelector(".p-confirm-dialog")?.contains(k);
+      !L && !C && !E && !S && i && s(!1);
+    }, P = (m) => {
+      m.key === "Escape" && i && s(!1);
     };
-    return document.addEventListener("mousedown", O), document.addEventListener("keydown", N), () => {
-      document.removeEventListener("mousedown", O), document.removeEventListener("keydown", N);
+    return document.addEventListener("mousedown", M), document.addEventListener("keydown", P), () => {
+      document.removeEventListener("mousedown", M), document.removeEventListener("keydown", P);
     };
-  }, [n, l, o]), k(() => {
-    n && m.current && m.current.focus();
-  }, [n]);
-  const T = v(() => {
-    w ? a(!0) : y("sharedViews");
-  }, [w, y, a, o]), I = !s || i?.id === s.id ? Y : s.id;
-  return /* @__PURE__ */ g(A, { children: n && J(
-    /* @__PURE__ */ x(le, { style: E, ref: m, tabIndex: 0, children: [
-      /* @__PURE__ */ g(Z, { items: p, selected: I }),
-      u && /* @__PURE__ */ x(A, { children: [
-        /* @__PURE__ */ g(fe, { projectName: f }),
-        /* @__PURE__ */ g(de, {})
+  }, [i, l, s]), U(() => {
+    i && v.current && v.current.focus();
+  }, [i]);
+  const B = h(() => {
+    o ? c(!0) : V("sharedViews");
+  }, [o, V, c, s]), D = !n || r?.id === n.id ? ie : n.id;
+  return /* @__PURE__ */ b(j, { children: i && we(
+    /* @__PURE__ */ A(lt, { style: y, ref: v, tabIndex: 0, children: [
+      /* @__PURE__ */ b(Xe, { items: w, selected: D }),
+      d && /* @__PURE__ */ A(j, { children: [
+        /* @__PURE__ */ b(mt, { projectName: g }),
+        /* @__PURE__ */ b(dt, {})
       ] }),
-      /* @__PURE__ */ g(
-        ee,
+      /* @__PURE__ */ b(
+        je,
         {
           label: `Create new ${t.toLowerCase()}`,
-          id: oe,
-          startContent: /* @__PURE__ */ g(U, { icon: "add" }),
-          endContent: !w && /* @__PURE__ */ g(ye, { icon: "bolt" }),
-          onClick: T,
+          id: Ne,
+          startContent: /* @__PURE__ */ b(K, { icon: "add" }),
+          endContent: !o && /* @__PURE__ */ b(pt, { icon: "bolt" }),
+          onClick: B,
           tabIndex: 0
         }
       )
     ] }),
     document.body
   ) });
-}, he = () => {
-  const { resetWorkingView: e } = L(), t = v(async () => {
+}, vt = () => {
+  const { resetWorkingView: e } = G(), t = h(async () => {
     await e();
   }, [e]);
-  return k(() => {
-    const n = (o) => {
-      o.target instanceof HTMLElement && (o.target.tagName === "INPUT" || o.target.tagName === "TEXTAREA" || o.target.isContentEditable || o.target.getAttribute("role") === "textbox" || o.target.closest(".block-shortcuts")) || o.shiftKey && (o.ctrlKey || o.metaKey) && o.key === "0" && (o.preventDefault(), t());
+  return U(() => {
+    const i = (s) => {
+      s.target instanceof HTMLElement && (s.target.tagName === "INPUT" || s.target.tagName === "TEXTAREA" || s.target.isContentEditable || s.target.getAttribute("role") === "textbox" || s.target.closest(".block-shortcuts")) || s.shiftKey && (s.ctrlKey || s.metaKey) && s.key === "0" && (s.preventDefault(), t());
     };
-    return window.addEventListener("keydown", n), () => {
-      window.removeEventListener("keydown", n);
+    return window.addEventListener("keydown", i), () => {
+      window.removeEventListener("keydown", i);
     };
   }, [t]), {
     resetViewToDefault: t
   };
-}, Ae = () => (he(), /* @__PURE__ */ x(A, { children: [
-  /* @__PURE__ */ g(me, {}),
-  /* @__PURE__ */ g(ve, {}),
-  /* @__PURE__ */ g(we, {})
-] })), Ue = () => {
-  const { viewSettings: e } = L(), [t, n] = b(null), [o, a] = b(null), { updateViewSettings: s } = K(), i = e, p = i?.filter ?? {}, f = i?.columns ?? [], w = i?.sliceType;
-  k(() => {
-    n(null);
-  }, [JSON.stringify(e?.filter)]), k(() => {
-    a(null);
+}, Gt = () => (vt(), /* @__PURE__ */ A(j, { children: [
+  /* @__PURE__ */ b(gt, {}),
+  /* @__PURE__ */ b(ht, {}),
+  /* @__PURE__ */ b(Vt, {})
+] })), Ht = () => {
+  const { viewSettings: e } = G(), [t, i] = W(null), [s, c] = W(null), { updateViewSettings: n } = ke(), r = e, w = r?.filter ?? {}, g = r?.columns ?? [], o = r?.sliceType;
+  U(() => {
+    i(null);
+  }, [JSON.stringify(e?.filter)]), U(() => {
+    c(null);
   }, [JSON.stringify(e?.columns)]);
-  const y = t !== null ? t : p, m = o !== null ? o : f, c = v(
-    async (h) => {
-      await s({ filter: h }, n, h, {
+  const V = t !== null ? t : w, v = s !== null ? s : g, p = h(
+    async (u) => {
+      await n({ filter: u }, i, u, {
         errorMessage: "Failed to update filter settings"
       });
     },
-    [s]
-  ), u = v(
-    async (h) => {
-      await s({ columns: h }, a, h, {
+    [n]
+  ), d = h(
+    async (u) => {
+      await n({ columns: u }, c, u, {
         errorMessage: "Failed to update column width settings"
       });
     },
-    [s]
-  ), l = v(() => {
-  }, []), d = v(
-    async (h) => {
-      await s({ sliceType: h }, l, h, {
+    [n]
+  ), l = h(() => {
+  }, []), a = h(
+    async (u) => {
+      await n({ sliceType: u }, l, u, {
         errorMessage: "Failed to update slicer type"
       });
     },
-    [s]
+    [n]
   );
   return {
-    filters: y,
-    onUpdateFilters: c,
-    columns: m,
-    onUpdateColumns: u,
-    sliceType: w,
-    onUpdateSliceType: d
+    filters: V,
+    onUpdateFilters: p,
+    columns: v,
+    onUpdateColumns: d,
+    sliceType: o,
+    onUpdateSliceType: a
   };
-}, Re = ({ viewSettings: e, updateViewSettings: t }) => {
-  const [n, o] = b(null), [a, s] = b(null), [i, p] = b(null), f = e, w = f?.filter ?? {}, y = f?.showHierarchy ?? !0, m = f?.sliceType, c = j(
-    () => q(f),
+}, Jt = ({ viewSettings: e, updateViewSettings: t }) => {
+  const [i, s] = W(null), [c, n] = W(null), [r, w] = W(null), g = e, o = g?.filter ?? {}, V = g?.showHierarchy ?? !0, v = g?.sliceType, p = _(
+    () => Ce(g),
     [JSON.stringify(e)]
   );
-  k(() => {
-    o(null);
-  }, [JSON.stringify(e?.filter)]), k(() => {
+  U(() => {
     s(null);
+  }, [JSON.stringify(e?.filter)]), U(() => {
+    n(null);
   }, [
     e?.showHierarchy,
     e?.groupBy
-  ]), k(() => {
-    p(null);
+  ]), U(() => {
+    w(null);
   }, [JSON.stringify(e?.columns)]);
-  const u = n !== null ? n : w, l = a !== null ? a : y, d = i || c, h = v(() => {
-  }, []), E = v(
-    async (r) => {
-      await t({ sliceType: r }, h, r, {
+  const d = i !== null ? i : o, l = c !== null ? c : V, a = r || p, u = h(() => {
+  }, []), y = h(
+    async (m) => {
+      await t({ sliceType: m }, u, m, {
         errorMessage: "Failed to update slicer type"
       });
     },
     [t]
-  ), T = v(
-    async (r) => {
-      await t({ filter: r }, o, r, {
+  ), B = h(
+    async (m) => {
+      await t({ filter: m }, s, m, {
         errorMessage: "Failed to update filter settings"
       });
     },
     [t]
-  ), I = v(
-    async (r) => {
-      if (r && d?.groupBy) {
-        const V = { ...d, groupBy: void 0 };
-        p(V);
-        const C = R(V);
+  ), D = h(
+    async (m) => {
+      if (m && a?.groupBy) {
+        const k = { ...a, groupBy: void 0 };
+        w(k);
+        const L = ee(k);
         await t(
-          { ...C, showHierarchy: !0 },
-          s,
-          r,
+          { ...L, showHierarchy: !0 },
+          n,
+          m,
           { errorMessage: "Failed to update hierarchy setting" }
         );
         return;
       }
       await t(
-        { showHierarchy: r },
-        s,
-        r,
+        { showHierarchy: m },
+        n,
+        m,
         { errorMessage: "Failed to update hierarchy setting" }
       );
     },
-    [t, d]
-  ), O = v(
-    async (r, V) => {
-      const C = V || [
-        ...r.columnOrder || [],
-        ...Object.keys(r.columnVisibility || {}),
-        ...r.columnPinning?.left || [],
-        ...r.columnPinning?.right || []
-      ].filter(Boolean).filter((M, H, P) => P.indexOf(M) === H), D = R(r, C), B = !!r.groupBy;
-      B && s(!1), await t(
-        B ? { ...D, showHierarchy: !1 } : D,
-        p,
-        r,
+    [t, a]
+  ), M = h(
+    async (m, k) => {
+      const L = k || [
+        ...m.columnOrder || [],
+        ...Object.keys(m.columnVisibility || {}),
+        ...m.columnPinning?.left || [],
+        ...m.columnPinning?.right || []
+      ].filter(Boolean).filter((S, F, $) => $.indexOf(S) === F), C = ee(m, L), E = !!m.groupBy;
+      E && n(!1), await t(
+        E ? { ...C, showHierarchy: !1 } : C,
+        w,
+        m,
         { errorMessage: "Failed to update columns" }
       );
     },
     [t]
-  ), N = v(
-    async (r, V, C) => {
-      const D = {
-        showHierarchy: V,
-        groupBy: r,
-        groupSortByDesc: r ? C ?? !1 : void 0
-      }, M = {
-        ...d,
-        groupBy: r ? { id: r, desc: C ?? !1 } : void 0
+  ), P = h(
+    async (m, k, L) => {
+      const C = {
+        showHierarchy: k,
+        groupBy: m,
+        groupSortByDesc: m ? L ?? !1 : void 0
+      }, S = {
+        ...a,
+        groupBy: m ? { id: m, desc: L ?? !1 } : void 0
       };
       await t(
-        D,
-        (P) => {
-          P === null ? (s(null), p(null)) : (s(P.showHierarchy), p(P.columns));
+        C,
+        ($) => {
+          $ === null ? (n(null), w(null)) : (n($.showHierarchy), w($.columns));
         },
-        { showHierarchy: V, columns: M },
+        { showHierarchy: k, columns: S },
         { errorMessage: "Failed to update grouping" }
       );
     },
-    [t, d]
+    [t, a]
   );
   return {
-    filters: u,
-    onUpdateFilters: T,
+    filters: d,
+    onUpdateFilters: B,
     showHierarchy: l,
-    onUpdateHierarchy: I,
-    columns: d,
-    onUpdateColumns: O,
-    onUpdateGroupBy: N,
-    sliceType: m,
-    onUpdateSliceType: E
+    onUpdateHierarchy: D,
+    columns: a,
+    onUpdateColumns: M,
+    onUpdateGroupBy: P,
+    sliceType: v,
+    onUpdateSliceType: y
   };
-}, Se = () => {
-  const { viewSettings: e } = L(), [t, n] = b(null), [o, a] = b(null), { updateViewSettings: s } = K(), i = e, p = i?.filter ?? {}, f = j(
-    () => q(i),
+}, Kt = () => {
+  const { viewSettings: e } = G(), [t, i] = W(null), [s, c] = W(null), { updateViewSettings: n } = ke(), r = e, w = r?.filter ?? {}, g = _(
+    () => Ce(r),
     [JSON.stringify(e)]
   );
-  k(() => {
-    n(null);
-  }, [JSON.stringify(e?.filter)]), k(() => {
-    a(null);
+  U(() => {
+    i(null);
+  }, [JSON.stringify(e?.filter)]), U(() => {
+    c(null);
   }, [JSON.stringify(e?.columns)]);
-  const w = t !== null ? t : p, y = o || f, m = v(
-    async (u) => {
-      await s({ filter: u }, n, u, {
+  const o = t !== null ? t : w, V = s || g, v = h(
+    async (d) => {
+      await n({ filter: d }, i, d, {
         errorMessage: "Failed to update filter settings"
       });
     },
-    [s]
-  ), c = v(
-    async (u, l) => {
-      const d = R(u, l);
-      await s(d, a, u, {
+    [n]
+  ), p = h(
+    async (d, l) => {
+      const a = ee(d, l);
+      await n(a, c, d, {
         errorMessage: "Failed to update columns"
       });
     },
-    [s]
+    [n]
   );
   return {
-    filters: w,
-    onUpdateFilters: m,
-    columns: y,
-    onUpdateColumns: c
+    filters: o,
+    onUpdateFilters: v,
+    columns: V,
+    onUpdateColumns: p
   };
 };
 export {
-  _e as BASE_VIEW_ID,
-  oe as NEW_VIEW_ID,
-  je as VIEW_DIVIDER,
-  Ae as Views,
-  me as ViewsButton,
-  Z as ViewsMenu,
-  ve as ViewsMenuContainer,
-  Je as ViewsProvider,
-  Y as WORKING_VIEW_ID,
-  $e as generateViewId,
-  Ge as generateWorkingView,
-  Ke as getCustomViewsFallback,
-  z as getViewsPortalContainer,
-  ae as getViewsPortalId,
-  qe as isViewStudioScope,
-  to as updateViewSettings,
-  ze as useBaseViewMutations,
-  Qe as useBuildViewMenuItems,
-  Se as useListsViewSettings,
-  Re as useOverviewViewSettings,
-  Xe as useSaveViewFromCurrent,
-  Ye as useSelectedView,
-  Ue as useTaskProgressViewSettings,
-  K as useViewUpdateHelper,
-  L as useViewsContext,
-  Ze as useViewsMutations,
-  he as useViewsShortcuts,
-  so as useViewsState,
-  eo as viewTypes
+  be as BASE_VIEW_ID,
+  Ne as NEW_VIEW_ID,
+  Ke as VIEW_DIVIDER,
+  Gt as Views,
+  gt as ViewsButton,
+  Qe as ViewsContext,
+  Xe as ViewsMenu,
+  ht as ViewsMenuContainer,
+  At as ViewsProvider,
+  ie as WORKING_VIEW_ID,
+  Xt as generateViewId,
+  ye as generateWorkingView,
+  Te as getCustomViewsFallback,
+  Be as getViewsPortalContainer,
+  at as getViewsPortalId,
+  Le as isViewStudioScope,
+  jt as updateViewSettings,
+  ot as useBaseViewMutations,
+  et as useBuildViewMenuItems,
+  Kt as useListsViewSettings,
+  Jt as useOverviewViewSettings,
+  it as useSaveViewFromCurrent,
+  tt as useSelectedView,
+  Ht as useTaskProgressViewSettings,
+  ke as useViewUpdateHelper,
+  G as useViewsContext,
+  st as useViewsMutations,
+  vt as useViewsShortcuts,
+  Yt as useViewsState,
+  qt as viewTypes
 };