@acellera/pm-rjsf 0.0.2 → 0.0.3

package/dist/pm-rjsf.js

@@ -1,65 +1,122 @@
-import p from "react";
-import T from "@rjsf/mui";
-import { customizeValidator as v } from "@rjsf/validator-ajv8";
-import A from "ajv/dist/2020";
-import { canExpand as F, ADDITIONAL_PROPERTY_FLAG as j } from "@rjsf/utils";
-function O() {
-  return v({
-    AjvClass: A,
+import k from "react";
+import G from "@rjsf/mui";
+import { Accordion as $, AccordionSummary as K, AccordionDetails as U, FormLabel as L, Box as M, TextField as V, Grid as x, Tooltip as O, Typography as H, IconButton as X, Button as B, ButtonGroup as J, Menu as Y, MenuItem as E, ListItemIcon as R, ListItemText as D, ThemeProvider as Q, createTheme as Z } from "@mui/material";
+import { customizeValidator as ee } from "@rjsf/validator-ajv8";
+import te from "ajv/dist/2020";
+import { getTemplate as ne, getUiOptions as ie, ADDITIONAL_PROPERTY_FLAG as z, canExpand as le } from "@rjsf/utils";
+import { ExpandMore as oe, Delete as re, DriveFolderUpload as ae, CloudDownload as se, ArrowDropDown as ce } from "@mui/icons-material";
+function de() {
+  return ee({
+    AjvClass: te,
     customFormats: { path: () => !0 },
     ajvOptionsOverrides: { strict: !1 }
   });
 }
-const h = ["outdir", "scratchdir", "execdir"];
-function C(e) {
+const N = ["outdir", "scratchdir", "execdir"];
+function ue(e) {
   if (!e || !e.properties) return e;
-  const r = { ...e.properties };
-  for (const t of h) delete r[t];
-  const n = (e.required || []).filter((t) => !h.includes(t));
-  return { ...e, properties: r, required: n };
+  const t = { ...e.properties };
+  for (const n of N) delete t[n];
+  const i = (e.required || []).filter((n) => !N.includes(n));
+  return { ...e, properties: t, required: i };
 }
-function s(e) {
-  if (Array.isArray(e)) return e.map(s);
+function w(e) {
+  if (Array.isArray(e)) return e.map(w);
   if (e && typeof e == "object") {
     if (Array.isArray(e.anyOf)) {
-      const n = e.anyOf.filter((t) => !(t && t.type === "null"));
-      if (n.length === 1) {
-        const { anyOf: t, ...a } = e;
-        return s({ ...n[0], ...a });
+      const i = e.anyOf.filter((n) => !(n && n.type === "null"));
+      if (i.length === 1) {
+        const { anyOf: n, ...o } = e;
+        return w({ ...i[0], ...o });
       }
-      e = { ...e, anyOf: n };
+      e = { ...e, anyOf: i };
     }
     if (Array.isArray(e.oneOf) && e.discriminator && e.discriminator.mapping) {
-      const n = {};
-      for (const [t, a] of Object.entries(e.discriminator.mapping))
-        n[a.split("/").pop()] = t;
+      const i = {};
+      for (const [n, o] of Object.entries(e.discriminator.mapping))
+        i[o.split("/").pop()] = n;
       e = {
         ...e,
-        oneOf: e.oneOf.map((t) => {
-          const a = t && t.$ref ? t.$ref.split("/").pop() : null;
-          return a && n[a] && !t.title ? { ...t, title: n[a] } : t;
+        oneOf: e.oneOf.map((n) => {
+          const o = n && n.$ref ? n.$ref.split("/").pop() : null;
+          return o && i[o] && !n.title ? { ...n, title: i[o] } : n;
         })
       };
     }
-    const r = {};
-    for (const [n, t] of Object.entries(e)) r[n] = s(t);
-    return r;
+    const t = {};
+    for (const [i, n] of Object.entries(e)) t[i] = w(n);
+    return t.const !== void 0 && t.enum === void 0 && (t.enum = [t.const], delete t.const), t;
   }
   return e;
 }
-function B(e) {
-  return s(C(e));
+function me(e) {
+  return w(ue(e));
+}
+const l = k.createElement, fe = /\.(?!smi|sdf)/;
+function pe(e) {
+  if (!e) return "";
+  const t = String(e), i = t.match(fe);
+  if (i) {
+    const n = t.slice(0, i.index).trim();
+    if (n && n.split(/\s+/).length <= 4)
+      return t.slice(i.index + 1).trim();
+  }
+  return t;
+}
+function _(e, t) {
+  const i = pe(e);
+  return i ? l(
+    O,
+    {
+      title: i,
+      arrow: !0,
+      placement: "top",
+      enterDelay: 400,
+      disableInteractive: !0
+    },
+    t
+  ) : t;
+}
+const q = {
+  border: "1px solid",
+  borderColor: "divider",
+  borderRadius: 1,
+  p: 1.5,
+  mb: 1.5
+};
+function ye(e) {
+  const { children: t, errors: i, help: n, hidden: o, schema: a, registry: u, uiSchema: m } = e;
+  if (o) return l("div", { className: "hidden" }, t);
+  const d = a && a.type, c = d === "object" || d === "array" || Array.isArray(d) && (d.includes("object") || d.includes("array"));
+  let s;
+  if (c)
+    s = t;
+  else {
+    const p = a && a.description ? String(a.description) : "", h = d === "boolean" || Array.isArray(d) && d.includes("boolean"), y = l(
+      "div",
+      h ? { style: { display: "inline-block" } } : null,
+      t,
+      i,
+      n
+    );
+    s = _(p, y);
+  }
+  const f = ne(
+    "WrapIfAdditionalTemplate",
+    u,
+    ie(m)
+  );
+  return l(f, { ...e }, s);
 }
-const i = p.createElement;
-function I(e) {
-  const r = e.uiSchema || {}, n = e.registry.templates, t = [], a = /* @__PURE__ */ new Map();
-  for (const l of e.properties) {
-    const c = r[l.name] && r[l.name]["ui:options"] && r[l.name]["ui:options"].group;
-    c ? (a.get(c) || a.set(c, []).get(c)).push(l) : t.push(l);
+function he(e) {
+  const t = e.uiSchema || {}, i = e.registry.templates, n = [], o = /* @__PURE__ */ new Map();
+  for (const c of e.properties) {
+    const s = t[c.name] && t[c.name]["ui:options"] && t[c.name]["ui:options"].group;
+    s ? (o.get(s) || o.set(s, []).get(s)).push(c) : n.push(c);
   }
-  const d = [];
-  e.title && d.push(
-    i(n.TitleFieldTemplate, {
+  const a = [], u = z in (e.schema || {}), m = t["ui:options"] && t["ui:options"].group, d = m && m === e.title;
+  e.title && !u && !d && a.push(
+    l(i.TitleFieldTemplate, {
       key: "__title",
       id: e.idSchema.$id + "__title",
       title: e.title,
@@ -68,33 +125,42 @@ function I(e) {
       uiSchema: e.uiSchema,
       registry: e.registry
     })
-  ), e.description && d.push(
-    i(n.DescriptionFieldTemplate, {
-      key: "__desc",
-      id: e.idSchema.$id + "__description",
-      description: e.description,
-      schema: e.schema,
-      uiSchema: e.uiSchema,
-      registry: e.registry
-    })
   );
-  for (const l of t)
-    d.push(i("div", { key: l.name, className: "pm-field" }, l.content));
-  for (const [l, c] of a)
-    d.push(
-      i(
-        "details",
-        { key: l, className: "pm-group" },
-        i("summary", null, l),
-        i(
-          "div",
-          { className: "pm-body" },
-          c.map((m) => i("div", { key: m.name, className: "pm-field" }, m.content))
+  for (const c of n)
+    a.push(l("div", { key: c.name, className: "pm-field" }, c.content));
+  for (const [c, s] of o)
+    a.push(
+      l(
+        $,
+        {
+          key: c,
+          variant: "outlined",
+          disableGutters: !0,
+          elevation: 0,
+          square: !1,
+          sx: {
+            width: "100%",
+            mt: 0,
+            overflowX: "auto",
+            "&:before": { display: "none" },
+            "& .MuiAccordionSummary-root": { minHeight: 0 },
+            "& .MuiAccordionDetails-root": { pt: 0, pr: 2, pb: 1, pl: 2 }
+          }
+        },
+        l(
+          K,
+          { expandIcon: l(oe, null) },
+          c
+        ),
+        l(
+          U,
+          null,
+          s.map((f) => l("div", { key: f.name, className: "pm-field" }, f.content))
         )
       )
     );
-  return F(e.schema, e.uiSchema, e.formData) && d.push(
-    i(n.ButtonTemplates.AddButton, {
+  return le(e.schema, e.uiSchema, e.formData) && a.push(
+    l(i.ButtonTemplates.AddButton, {
       key: "__add",
       className: "object-property-expand",
       onClick: e.onAddClick(e.schema),
@@ -102,183 +168,377 @@ function I(e) {
       uiSchema: e.uiSchema,
       registry: e.registry
     })
-  ), i("div", null, d);
+  ), l("div", null, a);
 }
-function R(e) {
+function be(e) {
   const {
-    children: r,
-    classNames: n,
-    style: t,
-    disabled: a,
-    id: d,
-    label: l,
-    onKeyChange: c,
-    onDropPropertyClick: m,
-    readonly: u,
-    schema: b,
-    uiSchema: o,
-    registry: f
+    children: t,
+    classNames: i,
+    style: n,
+    disabled: o,
+    id: a,
+    label: u,
+    onKeyChange: m,
+    onDropPropertyClick: d,
+    readonly: c,
+    schema: s,
+    uiSchema: f,
+    registry: p
   } = e;
-  if (!(j in b))
-    return i("div", { className: n, style: t }, r);
-  const S = f.templates.ButtonTemplates.RemoveButton, k = o && o["ui:options"] && o["ui:options"].keyLabel || l + " Key", y = d + "-key", _ = {
-    width: "100%",
-    padding: ".5rem",
-    border: "1px solid #ccc",
-    borderRadius: "4px",
-    font: "inherit",
-    boxSizing: "border-box"
-  };
-  return i(
-    "div",
-    { style: { display: "flex", gap: "1rem", alignItems: "flex-start", marginBottom: ".75rem" } },
-    i(
+  if (!(z in s))
+    return l("div", { className: i, style: n }, t);
+  const h = p.templates.ButtonTemplates.RemoveButton, y = f && f["ui:options"] && f["ui:options"].keyLabel || u + " Key", I = a + "-key", T = /^newKey(-\d+)?$/.test(u || ""), v = s && s.description ? String(s.description) : "";
+  return l(
+    M,
+    { sx: q },
+    l(
       "div",
-      { style: { flex: "0 0 30%" } },
-      i("label", { htmlFor: y, style: { display: "block", marginBottom: ".25rem" } }, k),
-      i("input", {
-        id: y,
-        type: "text",
-        defaultValue: l,
-        disabled: a || u,
-        style: _,
-        onBlur: (x) => c(x.target.value)
-      })
-    ),
-    i("div", { style: { flex: "1 1 auto" } }, r),
-    i(
-      "div",
-      { style: { flex: "0 0 auto", paddingTop: "1.6rem" } },
-      i(S, {
-        disabled: a || u,
-        onClick: m(l),
-        uiSchema: o,
-        registry: f
-      })
+      { style: { display: "flex", gap: "1rem", alignItems: "flex-start" } },
+      l(
+        "div",
+        { style: { flex: "0 0 34%" } },
+        _(
+          v,
+          l(V, {
+            id: I,
+            label: y,
+            size: "small",
+            fullWidth: !0,
+            defaultValue: T ? "" : u,
+            disabled: o || c,
+            onBlur: (C) => {
+              const g = C.target.value.trim();
+              g && g !== u && m(g);
+            }
+          })
+        )
+      ),
+      l("div", { className: "pm-ap-value", style: { flex: "1 1 auto" } }, t),
+      l(
+        "div",
+        { style: { flex: "0 0 auto", paddingTop: ".5rem" } },
+        l(h, {
+          disabled: o || c,
+          onClick: d(u),
+          uiSchema: f,
+          registry: p
+        })
+      )
     )
   );
 }
-function D(e) {
-  const r = e.schema && e.schema.description || (typeof e.description == "string" ? e.description : "");
-  if (!r) return null;
-  const n = String(r);
-  return i(
-    "span",
-    {
-      title: n,
-      "aria-label": n,
-      style: {
-        display: "inline-flex",
-        alignItems: "center",
-        justifyContent: "center",
-        width: "18px",
-        height: "18px",
-        borderRadius: "50%",
-        border: "1px solid #999",
-        color: "#666",
-        fontSize: "12px",
-        lineHeight: 1,
-        cursor: "help",
-        marginLeft: "6px",
-        verticalAlign: "middle"
-      }
-    },
-    "?"
-  );
+function ge() {
+  return null;
 }
-function N(e) {
-  return e.title ? i(
-    "div",
-    { style: { fontSize: ".9rem", fontWeight: 600, margin: ".4rem 0 .3rem" } },
+function xe(e) {
+  if (!e.title) return null;
+  const t = e.schema && e.schema.description ? String(e.schema.description) : "", i = l(
+    L,
+    null,
     e.title,
-    e.required ? i("span", { style: { color: "#b00" } }, " *") : null
-  ) : null;
+    e.required ? l("span", { style: { color: "#b00" } }, " *") : null
+  );
+  return l(
+    "div",
+    { style: { marginTop: "8px", marginBottom: "2px" } },
+    _(t, l("span", null, i))
+  );
 }
-function w(e) {
-  const r = e.registry.templates, n = r.ArrayFieldItemTemplate, t = e.uiSchema && e.uiSchema["ui:title"] || e.title, a = [];
-  t && a.push(
-    i(r.TitleFieldTemplate, {
+function ke(e) {
+  const t = e.registry.templates, i = t.ArrayFieldItemTemplate, n = e.uiSchema && e.uiSchema["ui:title"] || e.title, o = [];
+  return n && o.push(
+    l(t.TitleFieldTemplate, {
       key: "__t",
       id: e.idSchema.$id + "__title",
-      title: t,
+      title: n,
       required: e.required,
       schema: e.schema,
       uiSchema: e.uiSchema,
       registry: e.registry
     })
-  );
-  const d = e.schema && e.schema.description;
-  return d && a.push(
-    i(r.DescriptionFieldTemplate, {
-      key: "__d",
-      id: e.idSchema.$id + "__description",
-      description: d,
-      schema: e.schema,
-      uiSchema: e.uiSchema,
-      registry: e.registry
-    })
   ), (e.items || []).forEach(
-    ({ key: l, ...c }) => a.push(i(n, { key: l, ...c }))
-  ), e.canAdd && a.push(
-    i(r.ButtonTemplates.AddButton, {
+    ({ key: a, ...u }) => o.push(l(i, { key: a, ...u }))
+  ), e.canAdd && o.push(
+    l(t.ButtonTemplates.AddButton, {
       key: "__add",
       onClick: e.onAddClick,
       disabled: e.disabled || e.readonly,
       uiSchema: e.uiSchema,
       registry: e.registry
     })
-  ), i("div", null, a);
+  ), l("div", null, o);
 }
-const q = {
-  ObjectFieldTemplate: I,
-  WrapIfAdditionalTemplate: R,
-  DescriptionFieldTemplate: D,
-  TitleFieldTemplate: N,
-  ArrayFieldTemplate: w
-}, E = `
-.pm-field { margin: .5rem 0; }
-details.pm-group { border: 1px solid #e0e0e0; border-radius: 4px; margin: .75rem 0; }
-details.pm-group > summary {
-  list-style: none; cursor: pointer; padding: .6rem .9rem; font-size: .9rem;
-  font-weight: 600; display: flex; justify-content: space-between; align-items: center;
+function ve(e) {
+  const {
+    children: t,
+    hasToolbar: i,
+    hasCopy: n,
+    hasMoveDown: o,
+    hasMoveUp: a,
+    hasRemove: u,
+    index: m,
+    onCopyIndexClick: d,
+    onDropIndexClick: c,
+    onReorderClick: s,
+    disabled: f,
+    readonly: p,
+    uiSchema: h,
+    registry: y
+  } = e, { CopyButton: I, MoveDownButton: T, MoveUpButton: v, RemoveButton: C } = y.templates.ButtonTemplates, g = { flex: 1, paddingLeft: 6, paddingRight: 6, fontWeight: "bold", minWidth: 0 };
+  return l(
+    M,
+    { sx: q },
+    l(
+      x,
+      { container: !0, alignItems: "center", wrap: "nowrap" },
+      l(x, { item: !0, xs: !0, style: { minWidth: 0 } }, t),
+      i && l(
+        x,
+        { item: !0 },
+        (a || o) && l(v, {
+          style: g,
+          disabled: f || p || !a,
+          onClick: s(m, m - 1),
+          uiSchema: h,
+          registry: y
+        }),
+        (a || o) && l(T, {
+          style: g,
+          disabled: f || p || !o,
+          onClick: s(m, m + 1),
+          uiSchema: h,
+          registry: y
+        }),
+        n && l(I, {
+          style: g,
+          disabled: f || p,
+          onClick: d(m),
+          uiSchema: h,
+          registry: y
+        }),
+        u && l(C, {
+          style: g,
+          disabled: f || p,
+          onClick: c(m),
+          uiSchema: h,
+          registry: y
+        })
+      )
+    )
+  );
 }
-details.pm-group > summary::-webkit-details-marker { display: none; }
-details.pm-group > summary::after { content: "\\25be"; color: #888; font-weight: 400; }
-details.pm-group[open] > summary::after { content: "\\25b4"; }
-details.pm-group > .pm-body { padding: .25rem .9rem .6rem; }
+const Ie = {
+  FieldTemplate: ye,
+  ObjectFieldTemplate: he,
+  WrapIfAdditionalTemplate: be,
+  DescriptionFieldTemplate: ge,
+  TitleFieldTemplate: xe,
+  ArrayFieldTemplate: ke,
+  ArrayFieldItemTemplate: ve
+}, r = k.createElement, P = [
+  { key: "local", label: "From local file system", isInput: !0, Icon: ae },
+  { key: "datacenter", label: "From datacenter", isInput: !1, Icon: se }
+];
+function Te(e) {
+  const { value: t, onChange: i, disabled: n = !1, readonly: o = !1, label: a, required: u } = e, m = /_\d+$/.test(e.id || ""), d = n || o, [c, s] = k.useState(null), [f, p] = k.useState(0), h = !!c, y = t ? String(t).split("/").pop() : "", I = (S) => S && i(S.name), T = () => i(void 0), v = P[f], C = a && !m ? r(
+    x,
+    { item: !0, zeroMinWidth: !0 },
+    r(L, null, a, u ? " *" : null)
+  ) : null, g = t ? r(
+    x,
+    { item: !0, xs: !0, zeroMinWidth: !0 },
+    r(
+      O,
+      { title: y, arrow: !0, placement: "top" },
+      r(H, { style: { textOverflow: "ellipsis", overflow: "hidden" } }, y)
+    )
+  ) : r(x, { item: !0, xs: !0 }, null);
+  let F;
+  if (t)
+    F = r(
+      x,
+      { item: !0, xs: "auto" },
+      r(
+        O,
+        { title: "Clear", arrow: !0, placement: "right" },
+        r(
+          "span",
+          null,
+          r(
+            X,
+            { onClick: T, size: "small", disabled: d },
+            r(re, { fontSize: "small" })
+          )
+        )
+      )
+    );
+  else {
+    const S = v.isInput ? r(
+      B,
+      {
+        component: "label",
+        disabled: d,
+        endIcon: r(v.Icon, null),
+        sx: { px: 1.2, borderRadius: "4px 0 0 4px", borderRight: 0 }
+      },
+      "Select",
+      r("input", {
+        type: "file",
+        hidden: !0,
+        onChange: (b) => I(b.target.files && b.target.files[0])
+      })
+    ) : r(
+      B,
+      {
+        disabled: d,
+        endIcon: r(v.Icon, null),
+        sx: { px: 1.2, borderRadius: "4px 0 0 4px", borderRight: 0 },
+        onClick: () => {
+        }
+      },
+      "Select"
+    );
+    F = r(
+      x,
+      { item: !0, xs: "auto" },
+      r(
+        J,
+        {
+          variant: "outlined",
+          disabled: d,
+          sx: { "& .MuiButtonGroup-grouped": { minWidth: 0 } }
+        },
+        S,
+        r(
+          B,
+          {
+            size: "small",
+            onClick: (b) => s(b.currentTarget),
+            sx: { width: "1em", borderRadius: "0 4px 4px 0" }
+          },
+          r(ce, null)
+        )
+      ),
+      r(
+        Y,
+        { anchorEl: c, open: h, onClose: () => s(null) },
+        P.map(
+          (b, A) => b.isInput ? r(
+            E,
+            { key: b.key, component: "label", selected: A === f },
+            r(R, null, r(b.Icon, null)),
+            r(D, null, b.label),
+            r("input", {
+              type: "file",
+              hidden: !0,
+              onChange: (j) => {
+                p(A), s(null), I(j.target.files && j.target.files[0]);
+              }
+            })
+          ) : r(
+            E,
+            {
+              key: b.key,
+              selected: A === f,
+              onClick: () => {
+                p(A), s(null);
+              }
+            },
+            r(R, null, r(b.Icon, null)),
+            r(D, null, b.label)
+          )
+        )
+      )
+    );
+  }
+  return r(
+    x,
+    {
+      container: !0,
+      direction: "row",
+      justifyContent: "space-between",
+      alignItems: "center",
+      spacing: 1,
+      wrap: "nowrap",
+      sx: { mt: 0.5 }
+    },
+    C,
+    g,
+    F
+  );
+}
+const Ce = `
+.pm-field { margin: .5rem 0; }
+/* In an additionalProperties row, align the value's first field with the key
+   field (drop its leading margin so both start at the row top). */
+.pm-ap-value > div > .pm-field:first-child { margin-top: 0; }
 `;
-let g = !1;
-function L() {
-  if (g || typeof document > "u") return;
-  g = !0;
+let W = !1;
+function Se() {
+  if (W || typeof document > "u") return;
+  W = !0;
   const e = document.createElement("style");
-  e.setAttribute("data-pm-rjsf", ""), e.textContent = E, document.head.appendChild(e);
+  e.setAttribute("data-pm-rjsf", ""), e.textContent = Ce, document.head.appendChild(e);
 }
-const P = O();
-function K({ schema: e, uiSchema: r, ...n }) {
-  L();
-  const t = B(e);
-  return p.createElement(T, {
-    schema: t,
-    uiSchema: r,
-    validator: P,
-    templates: q,
-    ...n
-  });
+const Ae = de(), we = (e) => Z(e || {}, {
+  components: {
+    MuiTextField: { defaultProps: { size: "small", fullWidth: !0 } },
+    MuiFormControl: { defaultProps: { size: "small", fullWidth: !0 } },
+    MuiSelect: { defaultProps: { size: "small" } },
+    MuiCheckbox: { defaultProps: { size: "small" } }
+  }
+});
+function Fe(e, t) {
+  if (!e || typeof e != "object") return e;
+  const i = t && typeof t == "object" ? t : {};
+  let n = null;
+  for (const [o, a] of Object.entries(e)) {
+    const u = a && a["ui:options"] && a["ui:options"].enabledBy;
+    if (!u) continue;
+    const m = !i[u];
+    !!a["ui:disabled"] !== m && (n = n || { ...e }, n[o] = { ...a, "ui:disabled": m });
+  }
+  return n || e;
+}
+function De({ schema: e, uiSchema: t, widgets: i, formData: n, onChange: o, ...a }) {
+  Se();
+  const [u, m] = k.useState(n), d = n !== void 0 ? n : u, c = (h, y) => {
+    m(h.formData), o && o(h, y);
+  }, s = me(e), f = Fe(t, d), p = { file: Te, ...i || {} };
+  return k.createElement(
+    Q,
+    { theme: we },
+    k.createElement(
+      M,
+      { sx: { color: "text.primary" } },
+      k.createElement(G, {
+        schema: s,
+        uiSchema: f,
+        validator: Ae,
+        templates: Ie,
+        widgets: p,
+        formData: d,
+        onChange: c,
+        ...a
+      })
+    )
+  );
 }
 export {
-  w as ArrayFieldTemplate,
-  D as DescriptionFieldTemplate,
-  I as GroupedObjectFieldTemplate,
-  K as PMForm,
-  E as PM_RJSF_CSS,
-  h as SPECIAL_DIRS,
-  N as TitleFieldTemplate,
-  R as WrapIfAdditionalTemplate,
-  L as injectStyles,
-  O as makeValidator,
-  B as prepareForRjsf,
-  s as simplify,
-  C as stripSpecialDirs,
-  q as templates
+  ke as ArrayFieldTemplate,
+  ge as DescriptionFieldTemplate,
+  ye as FieldTemplate,
+  Te as FileWidget,
+  he as GroupedObjectFieldTemplate,
+  De as PMForm,
+  Ce as PM_RJSF_CSS,
+  N as SPECIAL_DIRS,
+  xe as TitleFieldTemplate,
+  be as WrapIfAdditionalTemplate,
+  Se as injectStyles,
+  de as makeValidator,
+  me as prepareForRjsf,
+  w as simplify,
+  ue as stripSpecialDirs,
+  Ie as templates
 };

package/index.d.ts

@@ -26,6 +26,8 @@ export function stripSpecialDirs<T>(schema: T): T;
 export const SPECIAL_DIRS: string[];
 
 export const templates: Record<string, ComponentType<any>>;
+export const FieldTemplate: ComponentType<any>;
+export const FileWidget: ComponentType<any>;
 export const GroupedObjectFieldTemplate: ComponentType<any>;
 export const WrapIfAdditionalTemplate: ComponentType<any>;
 export const DescriptionFieldTemplate: ComponentType<any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acellera/pm-rjsf",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "Shared RJSF renderer for PlayMolecule v2 (JSON Schema) manifests — used by pmview and the pmmanifest preview.",
   "type": "module",
   "license": "MIT",
@@ -23,7 +23,9 @@
   },
   "scripts": {
     "build": "vite build",
-    "dev": "vite build --watch"
+    "dev": "vite build --watch",
+    "build:preview": "vite build -c vite.config.preview.js",
+    "dev:preview": "vite build -c vite.config.preview.js --watch"
   },
   "dependencies": {
     "@rjsf/core": "^5",