@ynput/ayon-frontend-shared 0.6.5 → 0.6.7

package/dist/chunks/SimpleForm.es.js

@@ -1,19 +1,27 @@
-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 { jsx as c, jsxs as V, Fragment as B } from "react/jsx-runtime";
+import { useState as _, useEffect as v, useMemo as D, useRef as R, useCallback as K } from "react";
+import { getTextColor as P, InputTextarea as W, InputText as z, InputSwitch as M, InputNumber as C, Dropdown as F, DefaultItemTemplate as U, FormLayout as q, FormRow as G } from "@ynput/ayon-react-components";
+import { a$ as J } from "./searchTerms.es.js";
 import "./getUris.es.js";
 import "primereact/confirmdialog";
 import b from "styled-components";
-import J from "react-markdown";
+import Q from "react-markdown";
 import { toast as A } from "react-toastify";
-import { p as Q } from "./parseFilename.es.js";
-const H = (e, r) => {
+import { p as H } from "./parseFilename.es.js";
+const X = (e, r) => {
   const t = {};
   return e.forEach((n) => {
     n.name in r ? t[n.name] = r[n.name] : n.value ? t[n.name] = n.value : n.type === "boolean" ? t[n.name] = !1 : n.type === "integer" || n.type === "float" ? t[n.name] = 0 : n.type === "text" ? t[n.name] = "" : n.type === "multiselect" ? t[n.name] = [] : n.type === "file" && (t[n.name] = void 0);
   }), t;
-}, w = (e) => e == null || e === "" || Array.isArray(e) && e.length === 0, g = (e) => Array.isArray(e) ? e : w(e) ? [] : [e], X = (e) => "conditions" in e, Y = (e, r) => {
+}, w = (e) => e == null || e === "" || Array.isArray(e) && e.length === 0, g = (e) => Array.isArray(e) ? e : w(e) ? [] : [e], Y = (e) => "conditions" in e, E = (e, r) => {
+  if (typeof e != "string" || typeof r != "string") return !1;
+  const t = r.replace(/[.*+?^${}()|[\]\\]/g, "\\$&").replace(/%/g, ".*").replace(/_/g, ".");
+  try {
+    return new RegExp(`^${t}$`, "i").test(e);
+  } catch {
+    return !1;
+  }
+}, Z = (e, r) => {
   const t = r[e.key], n = e.value;
   switch (e.operator || "eq") {
     case "isnull":
@@ -32,15 +40,10 @@ const H = (e, r) => {
       return typeof t == "number" && typeof n == "number" && t <= n;
     case "gte":
       return typeof t == "number" && typeof n == "number" && t >= n;
-    case "like": {
-      if (typeof t != "string" || typeof n != "string") return !1;
-      const o = n.replace(/[.*+?^${}()|[\]\\]/g, "\\$&").replace(/%/g, ".*").replace(/_/g, ".");
-      try {
-        return new RegExp(`^${o}$`, "i").test(t);
-      } catch {
-        return !1;
-      }
-    }
+    case "like":
+      return E(t, n);
+    case "notlike":
+      return typeof n == "string" && !E(t, n);
     case "in":
       return Array.isArray(n) && n.includes(t);
     case "notin":
@@ -60,34 +63,34 @@ const H = (e, r) => {
     default:
       return !1;
   }
-}, _ = (e, r) => {
+}, j = (e, r) => {
   const t = e.conditions || [];
   if (t.length === 0) return !0;
   const n = t.map(
-    (s) => X(s) ? _(s, r) : Y(s, r)
+    (s) => Y(s) ? j(s, r) : Z(s, r)
   );
   return (e.operator || "and") === "and" ? n.every(Boolean) : n.some(Boolean);
-}, Z = (e, r) => {
+}, ee = (e, r) => {
   const t = {};
   for (const n of e) {
     if (!n.rules?.length) continue;
     let s;
     for (const o of n.rules)
-      _(o.when, r) && (s = { ...s, ...o.set });
+      j(o.when, r) && (s = { ...s, ...o.set });
     s && (t[n.name] = s);
   }
   return t;
-}, j = /\{\{\s*([^{}\s]+)\s*\}\}/g, ee = (e) => {
+}, T = /\{\{\s*([^{}\s]+)\s*\}\}/g, te = (e) => {
   const r = /* @__PURE__ */ new Set(), t = (n) => {
     if (typeof n == "string")
-      for (const s of n.matchAll(j)) r.add(s[1]);
+      for (const s of n.matchAll(T)) r.add(s[1]);
     else Array.isArray(n) ? n.forEach(t) : n && typeof n == "object" && Object.values(n).forEach(t);
   };
   return t(e), [...r];
 }, x = (e, r) => {
   if (typeof e == "string") {
     const t = e.match(/^\{\{\s*([^{}\s]+)\s*\}\}$/);
-    return t ? r[t[1]] : e.replace(j, (n, s) => {
+    return t ? r[t[1]] : e.replace(T, (n, s) => {
       const o = r[s];
       return w(o) ? "" : String(o);
     });
@@ -95,8 +98,8 @@ const H = (e, r) => {
   return Array.isArray(e) ? e.map((t) => x(t, r)) : e && typeof e == "object" ? Object.fromEntries(
     Object.entries(e).map(([t, n]) => [t, x(n, r)])
   ) : e;
-}, te = (e) => e == null || e === "", ne = (e, r) => {
-  const [t, n] = V({}), [s] = G(), o = e.filter((u) => !!u.enum_resolver), m = JSON.stringify(
+}, ne = (e) => e == null || e === "", re = (e, r) => {
+  const [t, n] = _({}), [s] = J(), o = e.filter((u) => !!u.enum_resolver), m = JSON.stringify(
     o.map((u) => [
       u.name,
       u.enum_resolver,
@@ -108,7 +111,7 @@ const H = (e, r) => {
     let u = !1;
     return o.forEach(async (a) => {
       const l = a.enum_resolver_params || {};
-      if (ee(l).some((p) => te(r[p]))) {
+      if (te(l).some((p) => ne(r[p]))) {
         n((p) => ({ ...p, [a.name]: { options: [], loading: !1 } }));
         return;
       }
@@ -132,12 +135,12 @@ const H = (e, r) => {
       u = !0;
     };
   }, [m]), t;
-}, re = (e, r) => {
-  const [t, n] = V(null), s = D(() => JSON.stringify(e), [e]);
+}, oe = (e, r) => {
+  const [t, n] = _(null), s = D(() => JSON.stringify(e), [e]);
   v(() => {
-    n((a) => H(e, { ...r, ...a }));
+    n((a) => X(e, { ...r, ...a }));
   }, [s]);
-  const o = D(() => Z(e, t || {}), [e, t]), m = ne(e, t || {});
+  const o = D(() => ee(e, t || {}), [e, t]), m = re(e, t || {});
   return v(() => {
     if (!t) return;
     const a = {};
@@ -163,18 +166,18 @@ const H = (e, r) => {
         d = i.options ?? [];
       const f = new Set(d.map((h) => `${h.value}`)), p = t[i.name];
       if (i.type === "multiselect") {
-        const h = Array.isArray(p) ? p : [], C = h.filter((N) => f.has(`${N}`));
-        C.length !== h.length && (a[i.name] = C, l = !0);
+        const h = Array.isArray(p) ? p : [], k = h.filter((I) => f.has(`${I}`));
+        k.length !== h.length && (a[i.name] = k, l = !0);
       } else p != null && p !== "" && !f.has(`${p}`) && (a[i.name] = void 0, l = !0);
     }
     l && n((i) => i && { ...i, ...a });
   }, [e, o, m, t]), { formData: t, patches: o, resolvedOptions: m, setFieldValue: (a, l) => {
     n((i) => ({ ...i, [a]: l }));
   } };
-}, oe = (e, r, t) => {
+}, ae = (e, r, t) => {
   if (!(e.type !== "select" && e.type !== "multiselect"))
     return r?.options ? r.options : e.enum_resolver ? t[e.name]?.options ?? [] : e.options ?? [];
-}, ae = b.div`
+}, se = b.div`
   &.normal {
     // maybe something here
   }
@@ -197,10 +200,10 @@ const H = (e, r) => {
   &.error {
     background-color: var(--md-sys-color-on-error-dark);
   }
-`, se = ({ field: e }) => {
+`, le = ({ field: e }) => {
   const r = typeof e.value == "string" ? e.value : "Invalid label value";
-  return /* @__PURE__ */ c(ae, { className: e.highlight || "normal", children: /* @__PURE__ */ c(J, { children: r }) });
-}, le = b.span`
+  return /* @__PURE__ */ c(se, { className: e.highlight || "normal", children: /* @__PURE__ */ c(Q, { children: r }) });
+}, ie = b.span`
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -213,13 +216,13 @@ const H = (e, r) => {
   &.placeholder {
     color: var(--md-sys-color-outline);
   }
-`, E = ["studio", "project", "production", "staging", "developer"], ie = (e) => {
+`, L = ["studio", "project", "production", "staging", "developer"], ce = (e) => {
   const { label: r, color: t, style: n, className: s, ...o } = e, m = { ...n };
   let u;
-  t ? t.startsWith("#") || t.startsWith("rgb") ? u = t : E.includes(t.toLowerCase()) && (u = `var(--color-hl-${t})`) : r && E.includes(r.toLowerCase()) && (u = `var(--color-hl-${r.toLowerCase()})`);
-  const a = u ? K(u) : "#e0e0e0";
+  t ? t.startsWith("#") || t.startsWith("rgb") ? u = t : L.includes(t.toLowerCase()) && (u = `var(--color-hl-${t})`) : r && L.includes(r.toLowerCase()) && (u = `var(--color-hl-${r.toLowerCase()})`);
+  const a = u ? P(u) : "#e0e0e0";
   return m.backgroundColor = u, m.color = a, u && (m.fontSize = "0.9rem"), /* @__PURE__ */ c(
-    le,
+    ie,
     {
       style: m,
       className: s,
@@ -235,7 +238,7 @@ const H = (e, r) => {
   gap: var(--base-gap-small);
   padding: 0 4px;
   margin-left: 12px;
-`, T = b.button`
+`, N = b.button`
   width: auto;
   background: none;
   border: none;
@@ -244,7 +247,7 @@ const H = (e, r) => {
   cursor: pointer;
   padding: 2px;
   font: inherit;
-`, ce = b.div`
+`, ue = b.div`
   border: 2px dashed var(--md-sys-color-outline);
   border-radius: 8px;
   display: flex;
@@ -257,13 +260,13 @@ const H = (e, r) => {
   input {
     display: none;
   }
-`, ue = (e) => {
-  const r = B(null), t = D(
+`, pe = (e) => {
+  const r = R(null), t = D(
     () => e.validExtensions?.map(
       (a) => a.startsWith(".") ? a.toLowerCase() : `.${a.toLowerCase()}`
     ),
     [e.validExtensions]
-  ), n = R(
+  ), n = K(
     (a) => {
       if (a) {
         if (a.size === 0) {
@@ -282,7 +285,7 @@ const H = (e, r) => {
           }
         }
         if (a) {
-          const l = Q(a.name), i = new FileReader();
+          const l = H(a.name), i = new FileReader();
           i.onload = () => {
             const y = i.result.split(",")[1];
             e.onChange({ payload: y, filename: l });
@@ -292,7 +295,7 @@ const H = (e, r) => {
     },
     [e, t]
   );
-  return /* @__PURE__ */ O(ce, { onDragOver: (a) => {
+  return /* @__PURE__ */ V(ue, { onDragOver: (a) => {
     a.preventDefault();
   }, onDragLeave: (a) => {
     a.preventDefault();
@@ -315,25 +318,25 @@ const H = (e, r) => {
         style: { display: "none" }
       }
     ),
-    /* @__PURE__ */ c(T, { type: "button", onClick: () => r.current?.click(), children: e.value ? `Change file (${e.value.filename})` : "Upload file" })
+    /* @__PURE__ */ c(N, { type: "button", onClick: () => r.current?.click(), children: e.value ? `Change file (${e.value.filename})` : "Upload file" })
   ] });
-}, pe = b.div`
+}, me = b.div`
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: flex-start;
   background: none;
   border: none;
-`, me = (e) => /* @__PURE__ */ c(pe, { children: /* @__PURE__ */ c(T, { onClick: () => {
+`, de = (e) => /* @__PURE__ */ c(me, { children: /* @__PURE__ */ c(N, { 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 }) }), $ = (e) => {
-  const r = /* @__PURE__ */ O(I, { children: [
+  const r = /* @__PURE__ */ V(B, { children: [
     /* @__PURE__ */ c("div", { style: { flex: 1 } }),
-    e.badges && e.badges.map((t, n) => /* @__PURE__ */ c(ie, { label: t }, n))
+    e.badges && e.badges.map((t, n) => /* @__PURE__ */ c(ce, { label: t }, n))
   ] });
   return /* @__PURE__ */ c(
-    M,
+    U,
     {
       option: e,
       dataKey: "value",
@@ -342,12 +345,12 @@ const H = (e, r) => {
       endContent: r
     }
   );
-}, 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 }) => {
+}, S = (e = []) => e.map((r) => ({ ...r, value: `${r.value}` })), O = (e = [], r) => e.find((t) => `${t.value}` === r)?.value ?? r, ye = ({ field: e, value: r, onChange: t }) => {
   const n = !!(e.disabled || e.readOnly);
   if (e.type === "text") {
     const s = typeof r == "string" ? r : "";
     return e.multiline ? /* @__PURE__ */ c(
-      P,
+      W,
       {
         value: s,
         onChange: (o) => t(o.target.value),
@@ -355,7 +358,7 @@ const H = (e, r) => {
         disabled: n
       }
     ) : /* @__PURE__ */ c(
-      W,
+      z,
       {
         value: s,
         onChange: (o) => t(o.target.value),
@@ -365,12 +368,12 @@ const H = (e, r) => {
     );
   }
   if (e.type === "boolean")
-    return /* @__PURE__ */ c(z, { checked: typeof r == "boolean" ? r : !1, onChange: (m) => {
+    return /* @__PURE__ */ c(M, { checked: typeof r == "boolean" ? r : !1, onChange: (m) => {
       "target" in m && "checked" in m.target && t(m.target.checked);
     }, disabled: n });
   if (e.type === "integer")
     return /* @__PURE__ */ c(
-      k,
+      C,
       {
         value: typeof r == "number" ? r : 0,
         onChange: (o) => t(parseInt(o.target.value)),
@@ -380,7 +383,7 @@ const H = (e, r) => {
     );
   if (e.type === "float")
     return /* @__PURE__ */ c(
-      k,
+      C,
       {
         type: "number",
         value: typeof r == "number" ? r : 0,
@@ -395,9 +398,9 @@ const H = (e, r) => {
       F,
       {
         widthExpand: !0,
-        options: L(e.options),
+        options: S(e.options),
         value: s ? [s] : [],
-        onSelectionChange: (o) => t(S(e.options, o[0])),
+        onSelectionChange: (o) => t(O(e.options, o[0])),
         className: "form-field",
         multiSelect: !1,
         itemTemplate: $,
@@ -412,9 +415,9 @@ const H = (e, r) => {
       F,
       {
         widthExpand: !0,
-        options: L(e.options),
+        options: S(e.options),
         value: s,
-        onSelectionChange: (o) => t(o.map((m) => S(e.options, m))),
+        onSelectionChange: (o) => t(o.map((m) => O(e.options, m))),
         className: "form-field",
         multiSelect: !0,
         itemTemplate: $,
@@ -424,20 +427,20 @@ const H = (e, r) => {
     );
   }
   if (e.type === "file")
-    return r && r?.download ? /* @__PURE__ */ c(me, { value: r }) : /* @__PURE__ */ c(
-      ue,
+    return r && r?.download ? /* @__PURE__ */ c(de, { value: r }) : /* @__PURE__ */ c(
+      pe,
       {
         value: r,
         onChange: t,
         validExtensions: e.valid_extensions
       }
     );
-}, ke = ({ fields: e, values: r, onChange: t, className: n, style: s }) => {
-  const { formData: o, patches: m, resolvedOptions: u, setFieldValue: a } = re(e, r);
+}, Fe = ({ fields: e, values: r, onChange: t, className: n, style: s }) => {
+  const { formData: o, patches: m, resolvedOptions: u, setFieldValue: a } = oe(e, r);
   return v(() => {
     o && t?.(o);
   }, [o]), o ? /* @__PURE__ */ c(
-    U,
+    q,
     {
       className: n,
       style: s,
@@ -445,11 +448,11 @@ const H = (e, r) => {
         l.stopPropagation();
       },
       children: e.map((l) => {
-        const i = m[l.name], y = oe(l, i, u), d = { ...l, ...i };
+        const i = m[l.name], y = ae(l, i, u), d = { ...l, ...i };
         y !== void 0 && (d.options = y, l.enum_resolver && u[l.name]?.loading && d.placeholder === void 0 && (d.placeholder = "Loading..."));
         const f = {};
-        return d.hidden && (f.display = "none"), d.type === "label" ? /* @__PURE__ */ c(se, { field: d }, l.name) : /* @__PURE__ */ c(q, { label: d.label || "", style: f, children: /* @__PURE__ */ c(
-          de,
+        return d.hidden && (f.display = "none"), d.type === "label" ? /* @__PURE__ */ c(le, { field: d }, l.name) : /* @__PURE__ */ c(G, { label: d.label || "", style: f, children: /* @__PURE__ */ c(
+          ye,
           {
             field: d,
             value: o[l.name],
@@ -461,7 +464,7 @@ const H = (e, r) => {
   ) : null;
 };
 export {
-  ie as B,
-  ke as S,
+  ce as B,
+  Fe as S,
   Ce as a
 };