@ynput/ayon-frontend-shared 0.5.0 → 0.6.0

package/dist/chunks/ProjectContext.es.js

@@ -1,13 +1,13 @@
 import { jsx as B } from "react/jsx-runtime";
-import { createContext as E, useCallback as a, useContext as T } from "react";
+import { createContext as E, useContext as T, useCallback as a } from "react";
 import "./searchTerms.es.js";
-import { c1 as G, b_ as Q, dx as _ } from "./getUris.es.js";
+import { c2 as G, b$ as Q, dy as F } from "./getUris.es.js";
 import "primereact/confirmdialog";
 import "lodash";
 import "react-toastify";
 import { g as l } from "./getEntityTypeIcon.es.js";
 import "uuid";
-const F = {
+const L = {
   name: "",
   code: "",
   productTypes: [],
@@ -25,7 +25,7 @@ const F = {
   linkTypes: [],
   ownAttrib: []
 };
-function L(t) {
+function M(t) {
   if (!t)
     return { productTypes: [], productBaseTypes: [] };
   const i = t.productTypes || [], o = /* @__PURE__ */ new Map();
@@ -40,7 +40,7 @@ function L(t) {
     productBaseTypes: Array.from(o.values())
   };
 }
-const p = E(void 0), J = ({
+const p = E(void 0), H = ({
   projectName: t,
   children: i
 }) => {
@@ -55,12 +55,12 @@ const p = E(void 0), J = ({
   } = G({ projectName: t }, { skip: !t }), { data: d = {}, refetch: y } = Q(
     { projectName: t },
     { skip: !t }
-  ), s = d.product_base_types?.default, { data: g } = _(
+  ), s = d.product_base_types?.default, { data: g } = F(
     { projectName: t },
     {
       skip: !t
     }
-  ), { productTypes: n, productBaseTypes: x } = L(g), h = a(
+  ), { productTypes: n, productBaseTypes: x } = M(g), h = a(
     (c) => o?.folderTypes?.find((e) => e.name === c),
     [o]
   ), v = a(
@@ -93,7 +93,7 @@ const p = E(void 0), J = ({
     p.Provider,
     {
       value: {
-        ...F,
+        ...L,
         ...o,
         projectName: t,
         productTypes: n,
@@ -108,14 +108,14 @@ const p = E(void 0), J = ({
       children: i
     }
   );
-}, K = () => {
+}, J = () => {
   const t = T(p);
   if (t === void 0)
     throw new Error("useProjectContext must be used within a ProjectContextProvider");
   return t;
-}, R = () => T(p);
+}, K = () => T(p);
 export {
-  J as P,
-  K as a,
-  R as u
+  H as P,
+  J as a,
+  K as u
 };

package/dist/chunks/ProjectFoldersContext.es.js

@@ -1,7 +1,7 @@
 import { jsx as R } from "react/jsx-runtime";
 import { useRef as k, useState as z, useEffect as B, useMemo as a, useContext as E } from "react";
 import "./searchTerms.es.js";
-import { bI as N } from "./getUris.es.js";
+import { bJ as N } from "./getUris.es.js";
 import "primereact/confirmdialog";
 import { P as y } from "./ProjectFoldersContextInstance.es.js";
 const Q = (s, h) => {
@@ -10,7 +10,7 @@ const Q = (s, h) => {
     const u = d.current;
     !u || Object.keys(s).some((c) => u[c] !== s[c]) || Object.keys(u).some((c) => u[c] !== s[c]) ? (d.current = { ...s }, l(h)) : h || l(!1);
   }, [Object.values(s).join(","), h]), b;
-}, H = ({
+}, D = ({
   projectName: s,
   children: h
 }) => {
@@ -121,14 +121,14 @@ const Q = (s, h) => {
     ]
   );
   return /* @__PURE__ */ R(y.Provider, { value: M, children: h });
-}, J = () => {
+}, H = () => {
   const s = E(y);
   if (s === void 0)
     throw new Error("useProjectFoldersContext must be used within a ProjectFoldersContextProvider");
   return s;
 };
 export {
-  H as P,
+  D as P,
   Q as a,
-  J as u
+  H as u
 };

package/dist/chunks/RepresentationsList.es.js

@@ -12,7 +12,7 @@ import "uuid";
 import "./searchTerms.es.js";
 import { a as E } from "./useCreateContextMenu.es.js";
 import { D as F } from "./DetailsDialog.es.js";
-import { b_ as H } from "./getUris.es.js";
+import { b$ as H } from "./getUris.es.js";
 const I = (d = []) => {
   let n = [];
   for (const t of d) {
@@ -52,7 +52,7 @@ const I = (d = []) => {
     header: "productType",
     width: 110
   }
-], $ = ({ entities: d = [] }) => {
+], Z = ({ entities: d = [] }) => {
   const n = u(() => I(d) || [], [d]), [t, s] = w(!1), c = n.find((e) => e.id === t)?.projectName, [a, p] = w([]), b = u(() => S(n, "name"), [n]), f = (e) => {
     p([e]);
   }, x = (e) => {
@@ -126,5 +126,5 @@ const I = (d = []) => {
   ] });
 };
 export {
-  $ as R
+  Z as R
 };

package/dist/chunks/ReviewablesSelector.es.js

@@ -11,8 +11,8 @@ import { useSortable as It, SortableContext as Ke, verticalListSortingStrategy a
 import { CSS as Tt } from "@dnd-kit/utilities";
 import { I as eo } from "./InfoMessage.es.js";
 import { S as pn } from "./SimpleForm.es.js";
-import { bp as to, aX as no, bn as mn, bm as gn, bo as $t, bh as oo, b0 as ro, bl as hn, bf as vn, be as io } from "./searchTerms.es.js";
-import { bi as ao, bo as so, cA as lo, bd as co, dy as ae, ci as uo } from "./getUris.es.js";
+import { bq as to, aY as no, bo as mn, bn as gn, bp as $t, bi as oo, b1 as ro, bm as hn, bg as vn, be as io } from "./searchTerms.es.js";
+import { bj as ao, bp as so, cB as lo, bd as co, dz as ae, cj as uo } from "./getUris.es.js";
 import "primereact/confirmdialog";
 import { u as po, g as mo, v as go } from "./Watchers.es.js";
 import { matchSorter as Ft } from "match-sorter";
@@ -21,11 +21,20 @@ import { u as fn } from "./GlobalContext.es.js";
 import { toast as vo } from "react-toastify";
 import { g as ve } from "./parseHtmlToPlainTextWithLinks.es.js";
 import "uuid";
-import { u as fo } from "./useLocalStorage.es.js";
+import { a as fo } from "./useLocalStorage.es.js";
 import { Link as bo } from "react-router-dom";
-import { aT as Z, u as ke, a as We, b2 as yo, b7 as xo, aj as xe, aU as oe, _ as wo, a_ as Mt, aX as Vt, a$ as Bt, ba as So } from "./MetaWidget.es.js";
+import { aR as Z, u as ke, a as We, b0 as yo, b5 as xo, ah as xe, aS as oe, Y as wo, aY as Mt, aV as Vt, aZ as Bt, b8 as So } from "./MetaWidget.es.js";
 import { k as Xe } from "./DeleteEntitiesContext.es.js";
 import "date-fns";
+import "lexical";
+import "@lexical/markdown";
+import "@lexical/react/LexicalBlockWithAlignableContents";
+import "@lexical/react/LexicalDecoratorBlockNode";
+import "@lexical/code";
+import "@lexical/list";
+import "@lexical/rich-text";
+import "@lexical/selection";
+import "@lexical/utils";
 import { a as bn } from "./ProjectContext.es.js";
 import "@tanstack/react-table";
 import { a as ko } from "./useCreateContextMenu.es.js";
@@ -74,7 +83,7 @@ const Fo = g.div`
   border-radius: 4px;
   min-height: ${(e) => e.$minHeight};
   background-color: var(--md-sys-color-surface-container);
-`, os = ({
+`, ps = ({
   showSidebar: e = !0,
   sidebarConfig: t = {},
   gridConfig: o = { columns: 3, rows: 3 },
@@ -95,7 +104,7 @@ const Fo = g.div`
       b
     )) })
   ] });
-}, rs = g.div`
+}, ms = g.div`
   position: relative;
   width: 100%;
 
@@ -103,7 +112,7 @@ const Fo = g.div`
     min-height: 32px;
     max-height: 32px;
   }
-`, is = g.ul`
+`, gs = g.ul`
   position: absolute;
   top: 100%;
   left: 0;
@@ -207,12 +216,12 @@ const Fo = g.div`
     }
   );
   return i === "user" ? /* @__PURE__ */ n(Jn, { name: v, fullName: s ? o : void 0, size: r }) : i === "group" ? b("shield_person", "Access group") : i === "team" ? b("groups", "Team") : i === "guest" || t === zo ? b("badge", "Guest user") : t === Ho ? b("groups", "Everyone with access to the project") : b("person");
-}, as = {
+}, hs = {
   0: "No access",
   10: "Viewer",
   20: "Editor",
   30: "Admin"
-}, ss = le(
+}, vs = le(
   ({
     name: e,
     label: t,
@@ -1328,7 +1337,7 @@ const Fo = g.div`
   "boolean",
   "datetime",
   "list_of_strings"
-], ls = (e, t, o) => {
+], fs = (e, t, o) => {
   if (!e || !Or.includes(e)) return e ?? "";
   if (e === "list_of_strings") return "Select (multiple)";
   const r = vt(e, t, o);
@@ -1392,7 +1401,7 @@ const Fo = g.div`
     const i = s;
     i === "data" && t.data && o.data ? o.data = { ...o.data, ...t.data } : t[i] !== void 0 && (o[i] = t[i]);
   }), o;
-}, cs = ({
+}, bs = ({
   attribute: e,
   defaultData: t,
   existingNames: o,
@@ -1665,10 +1674,10 @@ const Fo = g.div`
     opacity: 1;
     transform: translateY(0);
   }
-`, ds = g.div`
+`, ys = g.div`
   position: relative;
   display: inline-flex;
-`, us = g.button`
+`, xs = g.button`
   background: none;
   border: none;
   padding: 0;
@@ -1700,7 +1709,7 @@ const Fo = g.div`
     width: 24px;
     height: 24px;
   }
-`, ps = g(G)`
+`, ws = g(G)`
   width: 20px;
   height: 20px;
   min-width: 20px;
@@ -1716,7 +1725,7 @@ const Fo = g.div`
   &:hover {
     background-color: var(--md-sys-color-surface-container-highest-hover);
   }
-`, ms = g.div`
+`, Ss = g.div`
   position: fixed;
   z-index: 1001;
   background-color: var(--md-sys-color-surface-container-highest);
@@ -1731,13 +1740,13 @@ const Fo = g.div`
   &.left {
     transform-origin: top left;
   }
-`, gs = g.div`
+`, ks = g.div`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-small);
   padding: var(--padding-m);
   position: relative;
-`, hs = g(H)`
+`, Cs = g(H)`
   &.hasIcon {
     padding: 4px;
   }
@@ -1753,7 +1762,7 @@ const Fo = g.div`
   &:hover {
     background-color: var(--md-sys-color-surface-container-highest-hover);
   }
-`, vs = g.div`
+`, Es = g.div`
   display: flex;
   flex-direction: column;
   gap: 4px;
@@ -1762,7 +1771,7 @@ const Fo = g.div`
     ${fe.labelSmall}
     color: var(--md-sys-color-outline);
   }
-`, fs = g.input`
+`, Is = g.input`
   background-color: var(--md-sys-color-surface-container-low);
   border: 1px solid var(--md-sys-color-outline-variant);
   border-radius: var(--border-radius-m);
@@ -1784,7 +1793,7 @@ const Fo = g.div`
     cursor: pointer;
     filter: invert(0.5);
   }
-`, bs = g(H)`
+`, Ts = g(H)`
   &:hover {
     background-color: var(--md-sys-color-surface-container-highest-hover);
   }
@@ -1804,13 +1813,13 @@ const Fo = g.div`
 
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
   font-weight: 700;
-`, ys = le(
+`, Ns = le(
   ({ tooltip: e, ...t }, o) => /* @__PURE__ */ n(Hr, { "data-tooltip": e, "data-tooltip-delay": 0, ...t, ref: o, children: "Early preview" })
 ), ft = [
   { value: "hero", label: "Hero", short: "Hero", icon: "star" },
   { value: "latestDone", label: "Latest Done", short: "Done", icon: "check_circle" },
   { value: "latest", label: "Latest", short: "Latest", icon: "fiber_new" }
-], xs = ft.map((e) => e.value), zr = ({ id: e, label: t }) => {
+], Ps = ft.map((e) => e.value), zr = ({ id: e, label: t }) => {
   const { attributes: o, listeners: r, setNodeRef: a, transform: s, transition: i, isDragging: v } = It({
     id: e
   }), b = {
@@ -1831,7 +1840,7 @@ const Fo = g.div`
       ] })
     }
   );
-}, ws = ({ value: e, onChange: t }) => {
+}, _s = ({ value: e, onChange: t }) => {
   const [o, r] = U(null), a = ln(
     cn(dn, {
       activationConstraint: {
@@ -1949,7 +1958,7 @@ const Fo = g.div`
   .icon {
     cursor: pointer;
   }
-`, Ss = le(
+`, As = le(
   ({ tooltip: e = "This page will deprecated in a future version", ...t }, o) => /* @__PURE__ */ n(G, { icon: "ad_off", "data-tooltip": e, ...t, ref: o })
 ), qr = g(H)`
   transition: color 0.2s, background-color 0.2s, opacity 0.2s;
@@ -1984,7 +1993,7 @@ const Fo = g.div`
   &.rounded {
     border-radius: var(--border-radius-xl);
   }
-`, ks = le(
+`, Ds = le(
   ({ feature: e, variant: t = "outline", rounded: o = !0, bolt: r = !1, ...a }, s) => {
     const { setPowerpackDialog: i } = fo(), v = (b) => {
       i(e), a.onClick?.(b);
@@ -2018,12 +2027,12 @@ const Fo = g.div`
     { skip: !o || !r?.instanceId }
   ), s = new URL(Wr), i = r?.instanceId, v = a || 10;
   return s.searchParams.append("seats", v.toString()), i && s.searchParams.append("instance_id", i), e && s.searchParams.append("addon", e), s.toString();
-}, Cs = le(
+}, Ls = le(
   ({ children: e, addon: t, ...o }, r) => {
     const a = Xr({ addon: t });
     return /* @__PURE__ */ n("a", { href: a, target: "_blank", rel: "noopener noreferrer", ...o, ref: r, children: e });
   }
-), Es = g(qe)`
+), Os = g(qe)`
   background: linear-gradient(180deg, rgb(0 121 181 / 0%) -12.03%, rgb(4 255 227 / 26%) 105.38%),
     #15171c;
 
@@ -2045,7 +2054,7 @@ const Fo = g.div`
   .cancelButton {
     background-color: unset;
   }
-`, Is = g.div`
+`, Rs = g.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -2075,7 +2084,7 @@ const Fo = g.div`
     font-size: 32px;
     color: var(--md-sys-color-tertiary);
   }
-`, Ts = g.div`
+`, $s = g.div`
   width: 100%;
 
   h3 {
@@ -2103,7 +2112,7 @@ const Fo = g.div`
       gap: 8px;
     }
   }
-`, Ns = g.div`
+`, Fs = g.div`
   cursor: pointer;
   text-align: center;
   margin-top: 16px;
@@ -2125,14 +2134,14 @@ const Fo = g.div`
   &:hover {
     background-color: var(--md-sys-color-tertiary-hover);
   }
-`, Ps = le(({ ...e }, t) => /* @__PURE__ */ n(Qr, { ...e, children: "Try for free!" })), Jr = g.div`
+`, Ms = le(({ ...e }, t) => /* @__PURE__ */ n(Qr, { ...e, children: "Try for free!" })), Jr = g.div`
   display: flex;
   flex-direction: column;
   gap: 8px;
   border-radius: var(--border-radius-l);
   background-color: var(--md-sys-color-secondary-container);
   padding: var(--padding-m);
-`, _s = le(
+`, Vs = le(
   ({ requiredVersion: e, addonName: t, addonLabel: o, ...r }, a) => {
     const s = t || "powerpack", i = o || "Power Features";
     return e ? /* @__PURE__ */ k(Jr, { ...r, ref: a, children: [
@@ -2663,7 +2672,7 @@ const Fo = g.div`
 }, Ue = "add-column-menu-list", pi = [], mi = (e, t) => e.parentScope && e.attrib ? `${e.parentScope.charAt(0).toUpperCase()}${e.parentScope.slice(1)} attributes` : Rn(e, t)?.label, He = (e, t) => {
   const o = mi(e, t);
   return { ...e, icon: e.icon ?? Ln(e), ...o ? { path: o } : {} };
-}, As = ({
+}, Bs = ({
   icon: e,
   label: t,
   checked: o,
@@ -3610,7 +3619,7 @@ const Fo = g.div`
   min-width: 120px;
 `, $i = g(H)`
   padding: 4px !important;
-`, Ds = ({ defaultSelected: e, className: t, ...o }) => {
+`, Us = ({ defaultSelected: e, className: t, ...o }) => {
   const { togglePanel: r, isPanelOpen: a } = Xe();
   return /* @__PURE__ */ n(
     Ri,
@@ -3622,7 +3631,7 @@ const Fo = g.div`
       children: "Customize"
     }
   );
-}, Ls = ({
+}, Hs = ({
   settings: e = [],
   extraColumns: t,
   hiddenColumns: o,
@@ -3730,7 +3739,7 @@ const Fo = g.div`
     padding: 2px;
     border-radius: 12px;
   }
-`, Os = ({
+`, zs = ({
   extraColumns: e,
   hiddenColumns: t,
   includeLinks: o,
@@ -3762,7 +3771,7 @@ const Fo = g.div`
     /* @__PURE__ */ n(yt, { menuId: gt, menuItems: c }),
     l
   ] });
-}, Rs = g.a`
+}, js = g.a`
   color: var(--md-sys-color-primary, #0066cc);
   text-decoration: none;
   cursor: pointer;
@@ -3787,7 +3796,7 @@ const Fo = g.div`
       background-color: var(--md-sys-color-surface-container-highest-hover);
     }
   }
-`, $s = le(
+`, Ks = le(
   ({ showGrid: e, onChange: t, ...o }, r) => (J(() => {
     const a = (s) => {
       const i = s.target;
@@ -4146,7 +4155,7 @@ const Fo = g.div`
   color: var(--md-sys-color-on-error-container);
   padding: var(--padding-s);
   border-radius: var(--border-radius-m);
-`, Fs = () => {
+`, Gs = () => {
   const {
     isOpen: e,
     onCloseVersionUpload: t,
@@ -4331,7 +4340,7 @@ function aa({
     e
   );
 }
-const Ms = le(({
+const Ys = le(({
   reviewables: e = [],
   selected: t = [],
   projectName: o,
@@ -4428,56 +4437,56 @@ const Ms = le(({
   ] });
 });
 export {
-  ss as A,
-  Ls as B,
-  rs as C,
-  ms as D,
+  vs as A,
+  Hs as B,
+  ms as C,
+  Ss as D,
   Ho as E,
-  Ts as F,
+  $s as F,
   Ut as G,
-  Ms as H,
+  Ys as H,
   oi as I,
-  As as J,
+  Bs as J,
   ri as K,
-  Ss as L,
-  Is as M,
+  As as L,
+  Rs as M,
   An as N,
   Ko as O,
-  ks as P,
+  Ds as P,
   Si as Q,
-  _s as R,
-  is as S,
-  us as T,
-  Rs as U,
+  Vs as R,
+  gs as S,
+  xs as T,
+  js as U,
   Ht as V,
-  $s as W,
+  Ks as W,
   zt as X,
-  Fs as Y,
-  ls as Z,
-  ds as a,
-  gs as b,
-  hs as c,
-  vs as d,
-  fs as e,
-  bs as f,
-  ps as g,
-  Es as h,
-  Ns as i,
-  Cs as j,
-  Ps as k,
+  Gs as Y,
+  fs as Z,
+  ys as a,
+  ks as b,
+  Cs as c,
+  Es as d,
+  Is as e,
+  Ts as f,
+  ws as g,
+  Os as h,
+  Fs as i,
+  Ls as j,
+  Ms as k,
   ft as l,
-  as as m,
-  Os as n,
-  os as o,
-  cs as p,
+  hs as m,
+  zs as n,
+  ps as o,
+  bs as p,
   gi as q,
   fi as r,
-  Ds as s,
-  xs as t,
+  Us as s,
+  Ps as t,
   zo as u,
-  ys as v,
+  Ns as v,
   cr as w,
   or as x,
-  ws as y,
+  _s as y,
   jt as z
 };

package/dist/chunks/SimpleForm.es.js

@@ -1,7 +1,7 @@
 import { jsx as c, jsxs as O, Fragment as I } from "react/jsx-runtime";
 import { useState as V, useEffect as v, useMemo as D, useRef as B, useCallback as R } from "react";
 import { getTextColor as K, InputTextarea as P, InputText as W, InputSwitch as z, InputNumber as k, Dropdown as F, DefaultItemTemplate as M, FormLayout as U, FormRow as q } from "@ynput/ayon-react-components";
-import { a_ as G } from "./searchTerms.es.js";
+import { a$ as G } from "./searchTerms.es.js";
 import "./getUris.es.js";
 import "primereact/confirmdialog";
 import b from "styled-components";
@@ -327,7 +327,7 @@ const H = (e, r) => {
 `, me = (e) => /* @__PURE__ */ c(pe, { children: /* @__PURE__ */ c(T, { onClick: () => {
   const t = document.createElement("a");
   t.href = `data:application/octet-stream;base64,${e.value.payload}`, t.download = e.value.filename, document.body.appendChild(t), t.click(), document.body.removeChild(t);
-}, children: e.value.filename }) }), L = (e) => {
+}, children: e.value.filename }) }), $ = (e) => {
   const r = /* @__PURE__ */ O(I, { children: [
     /* @__PURE__ */ c("div", { style: { flex: 1 } }),
     e.badges && e.badges.map((t, n) => /* @__PURE__ */ c(ie, { label: t }, n))
@@ -342,7 +342,7 @@ const H = (e, r) => {
       endContent: r
     }
   );
-}, S = (e = []) => e.map((r) => ({ ...r, value: `${r.value}` })), $ = (e = [], r) => e.find((t) => `${t.value}` === r)?.value ?? r, de = ({ field: e, value: r, onChange: t }) => {
+}, L = (e = []) => e.map((r) => ({ ...r, value: `${r.value}` })), S = (e = [], r) => e.find((t) => `${t.value}` === r)?.value ?? r, de = ({ field: e, value: r, onChange: t }) => {
   const n = !!(e.disabled || e.readOnly);
   if (e.type === "text") {
     const s = typeof r == "string" ? r : "";
@@ -395,12 +395,12 @@ const H = (e, r) => {
       F,
       {
         widthExpand: !0,
-        options: S(e.options),
+        options: L(e.options),
         value: s ? [s] : [],
-        onSelectionChange: (o) => t($(e.options, o[0])),
+        onSelectionChange: (o) => t(S(e.options, o[0])),
         className: "form-field",
         multiSelect: !1,
-        itemTemplate: L,
+        itemTemplate: $,
         placeholder: e.placeholder,
         disabled: n
       }
@@ -412,12 +412,12 @@ const H = (e, r) => {
       F,
       {
         widthExpand: !0,
-        options: S(e.options),
+        options: L(e.options),
         value: s,
-        onSelectionChange: (o) => t(o.map((m) => $(e.options, m))),
+        onSelectionChange: (o) => t(o.map((m) => S(e.options, m))),
         className: "form-field",
         multiSelect: !0,
-        itemTemplate: L,
+        itemTemplate: $,
         placeholder: e.placeholder,
         disabled: n
       }

package/dist/chunks/SimpleTable.es.js

@@ -10,7 +10,7 @@ import "lodash";
 import "primereact/confirmdialog";
 import "react-toastify";
 import "uuid";
-import { bq as Ye, br as Xe } from "./searchTerms.es.js";
+import { br as Ye, bs as Xe } from "./searchTerms.es.js";
 import { E as Ze } from "./EmptyPlaceholder.es.js";
 import { a as et } from "./useCreateContextMenu.es.js";
 import "primereact-context/contextmenu";