@ynput/ayon-frontend-shared 0.6.6 → 0.6.8

package/dist/chunks/Actions.es.js

@@ -1,15 +1,15 @@
-import { jsx as r, jsxs as R } from "react/jsx-runtime";
-import { Button as q, Dropdown as de, Icon as E, DefaultValueTemplate as ue, Spacer as pe } from "@ynput/ayon-react-components";
+import { jsx as r, jsxs as q } from "react/jsx-runtime";
+import { Button as G, Dropdown as de, Icon as E, DefaultValueTemplate as ue, Spacer as pe } from "@ynput/ayon-react-components";
 import x, { keyframes as ge } from "styled-components";
 import { useRef as fe, useMemo as f, useState as $, useEffect as me } from "react";
 import B from "clsx";
 import { toast as w } from "react-toastify";
-import { bi as he } from "./searchTerms.es.js";
-import { d2 as be, bc as ve, cR as ye, bd as xe, b8 as Ae } from "./getUris.es.js";
+import { bj as he } from "./searchTerms.es.js";
+import { d3 as be, bc as ve, cS as ye, bd as xe, b8 as Ae } from "./getUris.es.js";
 import "primereact/confirmdialog";
-import { upperFirst as G } from "lodash";
+import { upperFirst as Q } from "lodash";
 import { u as we } from "./useActionTriggers.es.js";
-import { S as Q } from "./SimpleFormDialog.es.js";
+import { S as R } from "./SimpleFormDialog.es.js";
 import "uuid";
 import "@module-federation/enhanced/runtime";
 import { d as Ce } from "./DeleteEntitiesContextInstance.es.js";
@@ -28,7 +28,7 @@ const Se = x.div`
 
   border-radius: var(--border-radius-m);
   background-color: var(--md-sys-color-surface-container-high);
-`, Ie = x(q)`
+`, Ie = x(G)`
   padding: 4px;
   user-select: none;
   position: relative;
@@ -140,12 +140,12 @@ const Se = x.div`
   hasConfig: p,
   description: b,
   onConfig: c
-}) => u ? /* @__PURE__ */ r(ke, { children: G(s) }) : /* @__PURE__ */ r(De, { children: /* @__PURE__ */ R(Be, { "data-tooltip": b || "", "data-tooltip-delay": 0, children: [
+}) => u ? /* @__PURE__ */ r(ke, { children: Q(s) }) : /* @__PURE__ */ r(De, { children: /* @__PURE__ */ q(Be, { "data-tooltip": b || "", "data-tooltip-delay": 0, children: [
   /* @__PURE__ */ r(U, { icon: a }),
   /* @__PURE__ */ r("span", { children: s }),
   /* @__PURE__ */ r(pe, {}),
   p && /* @__PURE__ */ r(
-    q,
+    G,
     {
       onClick: (m) => {
         c?.(o), m.stopPropagation(), m.preventDefault();
@@ -182,13 +182,13 @@ const Se = x.div`
       onChange: (g) => p(g[0]),
       buttonProps: {
         // @ts-expect-error
-        "data-tooltip": a === "production" ? "Actions" : `${G(u)} Actions`,
+        "data-tooltip": a === "production" ? "Actions" : `${Q(u)} Actions`,
         "data-tooltip-delay": 0
       },
       ...c
     }
   );
-}, Ve = ({ action: o, onClose: s, context: a }) => {
+}, je = ({ action: o, onClose: s, context: a }) => {
   const u = f(() => !o || !(o.addonName && o.addonVersion) ? null : {
     addonName: o.addonName,
     addonVersion: o.addonVersion,
@@ -208,7 +208,7 @@ const Se = x.div`
     }
   };
   return /* @__PURE__ */ r(
-    Q,
+    R,
     {
       isOpen: !0,
       title: `Configure action ${o.label}`,
@@ -222,7 +222,7 @@ const Se = x.div`
       cancelIcon: "close"
     }
   );
-}, je = ({
+}, Ve = ({
   interactiveForm: o,
   onClose: s,
   onSubmit: a
@@ -232,7 +232,7 @@ const Se = x.div`
     a(o.identifier, p), s();
   };
   return /* @__PURE__ */ r(
-    Q,
+    R,
     {
       isOpen: !0,
       title: `${o.title}`,
@@ -286,14 +286,14 @@ const Se = x.div`
   const { data: X, isFetching: Y } = ye(
     { archived: !1 },
     { skip: d !== "developer" }
-  ), I = X?.bundles || [], V = f(() => {
+  ), I = X?.bundles || [], j = f(() => {
     if (!I?.length || d !== "developer") return null;
     const e = I.filter((t) => t.isDev);
     return e.length ? e.find((t) => t.activeUser === F?.name)?.name || e[0].name : null;
-  }, [I, d, F?.name]), j = f(() => d === "developer" ? V || "developer" : d, [d, V]), { data: Z, isFetching: M } = xe(
+  }, [I, d, F?.name]), V = f(() => d === "developer" ? j || "developer" : d, [d, j]), { data: Z, isFetching: M } = xe(
     {
       mode: "simple",
-      variant: j,
+      variant: V,
       actionContext: C
     },
     { skip: !C }
@@ -397,7 +397,7 @@ const Se = x.div`
     () => Array(c).fill(N),
     [c, N]
   ), k = M || u, ce = k ? le : oe;
-  return /* @__PURE__ */ R(Se, { className: B("actions", { loading: k }), children: [
+  return /* @__PURE__ */ q(Se, { className: B("actions", { loading: k }), children: [
     ce.map((e, n) => /* @__PURE__ */ r(
       Ie,
       {
@@ -419,13 +419,13 @@ const Se = x.div`
         onAction: D,
         onConfig: ae,
         bundleMode: d,
-        actionsVariant: j,
+        actionsVariant: V,
         align: z,
         ...H?.dropdown
       }
     ),
     /* @__PURE__ */ r(
-      Ve,
+      je,
       {
         action: K,
         context: C,
@@ -433,7 +433,7 @@ const Se = x.div`
       }
     ),
     /* @__PURE__ */ r(
-      je,
+      Ve,
       {
         interactiveForm: W,
         onClose: () => S(null),

package/dist/chunks/CodeEditor.es.js

@@ -0,0 +1,30 @@
+import { jsx as o } from "react/jsx-runtime";
+import { lazy as i, forwardRef as s, Suspense as d } from "react";
+const m = i(() => import("@uiw/react-textarea-code-editor")), u = s((e, a) => {
+  const { language: c, minHeight: t, padding: r, prefixCls: g, rehypePlugins: p, onChange: y, value: n, ...l } = e;
+  return /* @__PURE__ */ o(
+    d,
+    {
+      fallback: /* @__PURE__ */ o(
+        "textarea",
+        {
+          ...l,
+          ref: a,
+          value: n ?? "",
+          readOnly: !0,
+          style: {
+            padding: r,
+            minHeight: t,
+            fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace",
+            ...e.style
+          }
+        }
+      ),
+      children: /* @__PURE__ */ o(m, { ref: a, ...e })
+    }
+  );
+});
+u.displayName = "CodeEditor";
+export {
+  u as C
+};

package/dist/chunks/ColumnDropIndicator.es.js

@@ -3,9 +3,9 @@ import "react-toastify";
 import "lodash";
 import "primereact/confirmdialog";
 import { g as p } from "./iconUtils.es.js";
-import { bj as E } from "./searchTerms.es.js";
+import { bk as E } from "./searchTerms.es.js";
 import "uuid";
-import { jsx as L } from "react/jsx-runtime";
+import { jsx as k } from "react/jsx-runtime";
 import "clsx";
 import "./PlayableIcon.es.js";
 import "@ynput/ayon-react-components";
@@ -22,7 +22,7 @@ import "@lexical/selection";
 import "@lexical/utils";
 import "./getUris.es.js";
 import "./DeleteEntitiesContextInstance.es.js";
-import { a as S, b as k } from "./MetaWidget.es.js";
+import { a as L, b as S } from "./MetaWidget.es.js";
 import "@module-federation/enhanced/runtime";
 import "semver";
 import "./ContextMenuContextInstance.es.js";
@@ -36,7 +36,7 @@ const O = ["string", "integer", "float"], B = (o, s, t, n) => (t || O).includes(
   enumOnly: s,
   scope: t
 }) => {
-  const { columnOrder: n } = S(), { attribFields: a } = k();
+  const { columnOrder: n } = L(), { attribFields: a } = S();
   return A(
     () => [
       {
@@ -175,7 +175,7 @@ const O = ["string", "integer", "float"], B = (o, s, t, n) => (t || O).includes(
       m = requestAnimationFrame(u);
     };
     return u(), () => cancelAnimationFrame(m);
-  }, [t, n]), a ? R(/* @__PURE__ */ L(I, { style: a }), document.body) : null;
+  }, [t, n]), a ? R(/* @__PURE__ */ k(I, { style: a }), document.body) : null;
 };
 export {
   _ as C,

package/dist/chunks/ColumnDropIndicator.styled.es.js

@@ -1,16 +1,16 @@
 import { createContext as _, useContext as u, forwardRef as I } from "react";
 import { jsxs as l, jsx as i, Fragment as S } from "react/jsx-runtime";
-import { Button as p, Icon as z } from "@ynput/ayon-react-components";
+import { Button as p, Icon as N } from "@ynput/ayon-react-components";
 import a from "clsx";
 import n from "styled-components";
 import { R as d, D as f } from "./realtimeUpdatesUtils.es.js";
 import "lodash";
 import "primereact/confirmdialog";
 import "react-toastify";
-import { c as N } from "./copyToClipboard.es.js";
+import { c as z } from "./copyToClipboard.es.js";
 import "uuid";
 import "./searchTerms.es.js";
-const D = (t) => {
+const E = (t) => {
   const o = t.getIsPinned(), s = t.id !== d && t.id !== f ? -30 : 0;
   return {
     left: o === "left" ? `${t.getStart("left") + s}px` : void 0,
@@ -19,7 +19,7 @@ const D = (t) => {
     width: t.getSize(),
     zIndex: o ? 100 : 0
   };
-}, E = (t) => `calc(var(--col-${t}-size) * 1px)`, g = _(void 0), Q = () => {
+}, M = (t) => `calc(var(--col-${t}-size) * 1px)`, g = _(void 0), Q = () => {
   const t = u(g);
   if (!t)
     throw new Error("useFeedback must be used within a FeedbackProvider");
@@ -63,7 +63,7 @@ const D = (t) => {
       )
     ]
   }
-)), M = n(p)`
+)), B = n(p)`
   width: 24px;
   height: 24px;
   padding: 2px;
@@ -79,14 +79,14 @@ const D = (t) => {
   }
 
   &.pin-button .material-symbols-outlined.icon {
-    font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 10;
+    font-variation-settings: 'FILL' 1;
   }
 
   &.selected {
     display: flex !important;
   }
 `, tt = ({ selected: t, style: o, ...s }) => /* @__PURE__ */ i(
-  M,
+  B,
   {
     ...s,
     selected: t,
@@ -114,20 +114,20 @@ const D = (t) => {
   ${({ $isOpen: t }) => t && `
     background-color: var(--md-sys-color-surface-container-hover) !important;
   `}
-`, R = n.tfoot`
+`, D = n.tfoot`
   display: grid !important;
   position: sticky;
   bottom: 0;
   z-index: 10;
   background-color: var(--md-sys-color-surface-container-lowest);
-`, A = n.tr`
+`, P = n.tr`
   display: flex;
   background-color: var(--md-sys-color-surface-container-low);
 
   &.clickable {
     cursor: pointer;
   }
-`, B = n.td`
+`, R = n.td`
   position: relative;
   box-shadow: inset 1px 1px 0 0 var(--md-sys-color-surface-container);
   background-color: var(--md-sys-color-surface-container-lowest);
@@ -151,7 +151,7 @@ const D = (t) => {
     width: 24px !important;
     min-width: unset;
   }
-`, P = n.div`
+`, A = n.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -193,8 +193,8 @@ const D = (t) => {
   virtualPaddingRight: m,
   renderCellContent: v,
   onClick: c,
-  isLoading: w,
-  statsLoading: y,
+  isLoading: y,
+  statsLoading: w,
   error: r
 }) => {
   const C = [
@@ -202,8 +202,8 @@ const D = (t) => {
     ...o.getCenterVisibleLeafColumns(),
     ...o.getRightVisibleLeafColumns()
   ], b = t.getVirtualItems(), h = r instanceof Error ? r.message : typeof r == "string" ? r : "";
-  return /* @__PURE__ */ i(R, { children: /* @__PURE__ */ l(
-    A,
+  return /* @__PURE__ */ i(D, { children: /* @__PURE__ */ l(
+    P,
     {
       className: a({ clickable: !!c }),
       onClick: c,
@@ -215,21 +215,21 @@ const D = (t) => {
           if (!e) return null;
           const L = e.id === f || e.id === d, F = e.getIsPinned() === "left" && e.getIsLastColumn("left");
           return /* @__PURE__ */ i(
-            B,
+            R,
             {
               className: a(e.id, { "last-pinned-left": F }),
-              style: { ...D(e), width: E(e.id) },
-              children: w ? /* @__PURE__ */ i(
+              style: { ...E(e), width: M(e.id) },
+              children: y ? /* @__PURE__ */ i(
                 x,
                 {
                   className: a("loading", "shimmer-dark", {
                     selection: e.id === d
                   })
                 }
-              ) : r ? e.id === "name" ? /* @__PURE__ */ l(P, { style: { color: "var(--md-sys-color-error)" }, children: [
+              ) : r ? e.id === "name" ? /* @__PURE__ */ l(A, { style: { color: "var(--md-sys-color-error)" }, children: [
                 "Error loading stats",
                 /* @__PURE__ */ i(
-                  z,
+                  N,
                   {
                     icon: "info",
                     style: { fontSize: 16, cursor: "help" },
@@ -242,7 +242,7 @@ const D = (t) => {
                   {
                     icon: "content_copy",
                     "data-tooltip": "Copy error message",
-                    onClick: () => N(h),
+                    onClick: () => z(h),
                     iconProps: { style: { fontSize: 16 } },
                     style: { padding: 2 },
                     variant: "text"
@@ -250,7 +250,7 @@ const D = (t) => {
                 )
               ] }) : null : !L && /* @__PURE__ */ l(S, { children: [
                 v?.(e.id),
-                y && /* @__PURE__ */ i(O, { className: a("loading", "shimmer-dark") })
+                w && /* @__PURE__ */ i(O, { className: a("loading", "shimmer-dark") })
               ] })
             },
             e.id
@@ -275,7 +275,7 @@ export {
   et as T,
   it as a,
   Q as b,
-  D as c,
-  E as g,
+  E as c,
+  M as g,
   X as u
 };

package/dist/chunks/ColumnHeaderMenuUI.es.js

@@ -1,15 +1,15 @@
 import { jsxs as a, Fragment as l, jsx as n } from "react/jsx-runtime";
 import { useRef as u } from "react";
 import "@module-federation/enhanced/runtime";
+import "react-toastify";
+import "@ynput/ayon-react-components";
 import "./searchTerms.es.js";
 import "./getUris.es.js";
 import "primereact/confirmdialog";
 import { u as f } from "./DeleteEntitiesContextInstance.es.js";
 import "lodash";
-import "react-toastify";
 import "uuid";
 import "semver";
-import "@ynput/ayon-react-components";
 import "./ContextMenuContextInstance.es.js";
 import "clsx";
 import "react-dom";