@mieweb/forms-renderer 2.1.3 → 2.1.4-prerelease.0

package/dist/react.js

@@ -11,14 +11,14 @@
                                       window.__QUESTIONNAIRE_RENDERER_REACT_CSS_INJECTED = true;
                                     })();
                                     import d from "react";
-import { useUIApi as W, FormStoreContext as q, parseAndDetect as ne, adaptSchema as oe, useFormStore as se, getFieldComponent as ae, useVisibleFields as ie, useUIStore as ue, createFormStore as le, createUIStore as ce, UIStoreContext as fe, useFormResponse as de } from "@mieweb/forms-engine";
+import { useUIApi as W, FormStoreContext as q, parseAndDetect as oe, adaptSchema as ae, useFormStore as se, getFieldComponent as ie, useVisibleFields as ue, useUIStore as le, createFormStore as ce, createUIStore as fe, UIStoreContext as de, useFormResponse as me } from "@mieweb/forms-engine";
 import { useFieldsArray as je, useFormData as we, useFormResponse as Oe } from "@mieweb/forms-engine";
 var S = { exports: {} }, b = {};
-var M;
-function me() {
-  if (M) return b;
-  M = 1;
-  var a = /* @__PURE__ */ Symbol.for("react.transitional.element"), i = /* @__PURE__ */ Symbol.for("react.fragment");
+var U;
+function pe() {
+  if (U) return b;
+  U = 1;
+  var s = /* @__PURE__ */ Symbol.for("react.transitional.element"), i = /* @__PURE__ */ Symbol.for("react.fragment");
   function n(u, t, o) {
     var m = null;
     if (o !== void 0 && (m = "" + o), t.key !== void 0 && (m = "" + t.key), "key" in t) {
@@ -27,7 +27,7 @@ function me() {
         f !== "key" && (o[f] = t[f]);
     } else o = t;
     return t = o.ref, {
-      $$typeof: a,
+      $$typeof: s,
       type: u,
       key: m,
       ref: t !== void 0 ? t : null,
@@ -38,46 +38,46 @@ function me() {
 }
 var T = {};
 var D;
-function pe() {
+function ve() {
   return D || (D = 1, process.env.NODE_ENV !== "production" && (function() {
-    function a(e) {
+    function s(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === ee ? null : e.displayName || e.name || null;
+        return e.$$typeof === re ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
         case j:
           return "Fragment";
-        case J:
+        case Q:
           return "Profiler";
-        case z:
+        case J:
           return "StrictMode";
-        case B:
-          return "Suspense";
         case H:
+          return "Suspense";
+        case Z:
           return "SuspenseList";
-        case K:
+        case ee:
           return "Activity";
       }
       if (typeof e == "object")
         switch (typeof e.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), e.$$typeof) {
-          case V:
+          case z:
             return "Portal";
-          case Q:
+          case X:
             return e.displayName || "Context";
           case G:
             return (e._context.displayName || "Context") + ".Consumer";
-          case X:
+          case B:
             var r = e.render;
             return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case Z:
-            return r = e.displayName || null, r !== null ? r : a(e.type) || "Memo";
+          case K:
+            return r = e.displayName || null, r !== null ? r : s(e.type) || "Memo";
           case w:
             r = e._payload, e = e._init;
             try {
-              return a(e(r));
+              return s(e(r));
             } catch {
             }
         }
@@ -95,8 +95,8 @@ function pe() {
       }
       if (r) {
         r = console;
-        var s = r.error, l = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return s.call(
+        var a = r.error, l = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return a.call(
           r,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           l
@@ -108,7 +108,7 @@ function pe() {
       if (typeof e == "object" && e !== null && e.$$typeof === w)
         return "<...>";
       try {
-        var r = a(e);
+        var r = s(e);
         return r ? "<" + r + ">" : "<...>";
       } catch {
         return "<...>";
@@ -129,30 +129,30 @@ function pe() {
       return e.key !== void 0;
     }
     function f(e, r) {
-      function s() {
+      function a() {
         F || (F = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           r
         ));
       }
-      s.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: s,
+      a.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: a,
         configurable: !0
       });
     }
     function p() {
-      var e = a(this.type);
+      var e = s(this.type);
       return I[e] || (I[e] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function y(e, r, s, l, x, g) {
-      var c = s.ref;
+    function y(e, r, a, l, x, g) {
+      var c = a.ref;
       return e = {
         $$typeof: N,
         type: e,
         key: r,
-        props: s,
+        props: a,
         _owner: l
       }, (c !== void 0 ? c : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
@@ -179,11 +179,11 @@ function pe() {
         value: g
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function E(e, r, s, l, x, g) {
+    function _(e, r, a, l, x, g) {
       var c = r.children;
       if (c !== void 0)
         if (l)
-          if (re(c)) {
+          if (te(c)) {
             for (l = 0; l < c.length; l++)
               k(c[l]);
             Object.freeze && Object.freeze(c);
@@ -193,11 +193,11 @@ function pe() {
             );
         else k(c);
       if (C.call(r, "key")) {
-        c = a(e);
-        var _ = Object.keys(r).filter(function(te) {
-          return te !== "key";
+        c = s(e);
+        var E = Object.keys(r).filter(function(ne) {
+          return ne !== "key";
         });
-        l = 0 < _.length ? "{key: someKey, " + _.join(": ..., ") + ": ...}" : "{key: someKey}", U[c + l] || (_ = 0 < _.length ? "{" + _.join(": ..., ") + ": ...}" : "{}", console.error(
+        l = 0 < E.length ? "{key: someKey, " + E.join(": ..., ") + ": ...}" : "{key: someKey}", $[c + l] || (E = 0 < E.length ? "{" + E.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -206,22 +206,22 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`,
           l,
           c,
-          _,
+          E,
           c
-        ), U[c + l] = !0);
+        ), $[c + l] = !0);
       }
-      if (c = null, s !== void 0 && (n(s), c = "" + s), m(r) && (n(r.key), c = "" + r.key), "key" in r) {
-        s = {};
+      if (c = null, a !== void 0 && (n(a), c = "" + a), m(r) && (n(r.key), c = "" + r.key), "key" in r) {
+        a = {};
         for (var P in r)
-          P !== "key" && (s[P] = r[P]);
-      } else s = r;
+          P !== "key" && (a[P] = r[P]);
+      } else a = r;
       return c && f(
-        s,
+        a,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
       ), y(
         e,
         c,
-        s,
+        a,
         t(),
         x,
         g
@@ -233,7 +233,7 @@ React keys must be passed directly to JSX without using spread:
     function h(e) {
       return typeof e == "object" && e !== null && e.$$typeof === N;
     }
-    var R = d, N = /* @__PURE__ */ Symbol.for("react.transitional.element"), V = /* @__PURE__ */ Symbol.for("react.portal"), j = /* @__PURE__ */ Symbol.for("react.fragment"), z = /* @__PURE__ */ Symbol.for("react.strict_mode"), J = /* @__PURE__ */ Symbol.for("react.profiler"), G = /* @__PURE__ */ Symbol.for("react.consumer"), Q = /* @__PURE__ */ Symbol.for("react.context"), X = /* @__PURE__ */ Symbol.for("react.forward_ref"), B = /* @__PURE__ */ Symbol.for("react.suspense"), H = /* @__PURE__ */ Symbol.for("react.suspense_list"), Z = /* @__PURE__ */ Symbol.for("react.memo"), w = /* @__PURE__ */ Symbol.for("react.lazy"), K = /* @__PURE__ */ Symbol.for("react.activity"), ee = /* @__PURE__ */ Symbol.for("react.client.reference"), O = R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, C = Object.prototype.hasOwnProperty, re = Array.isArray, A = console.createTask ? console.createTask : function() {
+    var R = d, N = /* @__PURE__ */ Symbol.for("react.transitional.element"), z = /* @__PURE__ */ Symbol.for("react.portal"), j = /* @__PURE__ */ Symbol.for("react.fragment"), J = /* @__PURE__ */ Symbol.for("react.strict_mode"), Q = /* @__PURE__ */ Symbol.for("react.profiler"), G = /* @__PURE__ */ Symbol.for("react.consumer"), X = /* @__PURE__ */ Symbol.for("react.context"), B = /* @__PURE__ */ Symbol.for("react.forward_ref"), H = /* @__PURE__ */ Symbol.for("react.suspense"), Z = /* @__PURE__ */ Symbol.for("react.suspense_list"), K = /* @__PURE__ */ Symbol.for("react.memo"), w = /* @__PURE__ */ Symbol.for("react.lazy"), ee = /* @__PURE__ */ Symbol.for("react.activity"), re = /* @__PURE__ */ Symbol.for("react.client.reference"), O = R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, C = Object.prototype.hasOwnProperty, te = Array.isArray, A = console.createTask ? console.createTask : function() {
       return null;
     };
     R = {
@@ -244,69 +244,67 @@ React keys must be passed directly to JSX without using spread:
     var F, I = {}, Y = R.react_stack_bottom_frame.bind(
       R,
       o
-    )(), $ = A(u(o)), U = {};
-    T.Fragment = j, T.jsx = function(e, r, s) {
+    )(), M = A(u(o)), $ = {};
+    T.Fragment = j, T.jsx = function(e, r, a) {
       var l = 1e4 > O.recentlyCreatedOwnerStacks++;
-      return E(
+      return _(
         e,
         r,
-        s,
+        a,
         !1,
         l ? Error("react-stack-top-frame") : Y,
-        l ? A(u(e)) : $
+        l ? A(u(e)) : M
       );
-    }, T.jsxs = function(e, r, s) {
+    }, T.jsxs = function(e, r, a) {
       var l = 1e4 > O.recentlyCreatedOwnerStacks++;
-      return E(
+      return _(
         e,
         r,
-        s,
+        a,
         !0,
         l ? Error("react-stack-top-frame") : Y,
-        l ? A(u(e)) : $
+        l ? A(u(e)) : M
       );
     };
   })()), T;
 }
 var L;
-function ve() {
-  return L || (L = 1, process.env.NODE_ENV === "production" ? S.exports = me() : S.exports = pe()), S.exports;
+function Re() {
+  return L || (L = 1, process.env.NODE_ENV === "production" ? S.exports = pe() : S.exports = ve()), S.exports;
 }
-var v = ve();
-function Re(a, i, n = !0) {
+var v = Re();
+function _e(s, i, n = !0) {
   const u = d.useRef(!1), t = W(), o = d.useContext(q);
   if (!o) throw new Error("Missing FormStoreContext.Provider in the tree");
   d.useEffect(() => {
-    if (!(u.current || !a))
+    if (!(u.current || !s))
       try {
-        const { data: m, schemaType: f } = ne(a, i || null), p = oe(m, f);
+        const { data: m, schemaType: f } = oe(s, i || null), p = ae(m, f);
         p.conversionReport && t.setConversionReport(p.conversionReport);
-        const y = "mieforms-v1.0", E = {
+        const y = "mieforms-v1.0", _ = {
           schemaType: f === "surveyjs" ? y : m?.schemaType || y,
           fields: p.fields || []
         };
         if (f === "surveyjs" && p.conversionReport?.surveyMetadata)
-          Object.assign(E, p.conversionReport.surveyMetadata);
+          Object.assign(_, p.conversionReport.surveyMetadata);
         else if (f === "mieforms") {
           const { fields: k, schemaType: h, ...R } = m;
-          Object.keys(R).length > 0 && Object.assign(E, R);
+          Object.keys(R).length > 0 && Object.assign(_, R);
         }
-        o.getState().replaceAll(E), t.preview.set(!0), u.current = !0;
+        o.getState().replaceAll(_), t.preview.set(!0), u.current = !0;
       } catch {
         o.getState().replaceAll({ schemaType: "mieforms-v1.0", fields: [] }), t.preview.set(!0), u.current = !0;
       }
-  }, [a, i, t, o]), d.useEffect(() => {
+  }, [s, i, t, o]), d.useEffect(() => {
     t.setHideUnsupportedFields(n);
   }, [n, t]);
 }
 const Ee = d.memo(function({ id: i }) {
-  const n = se(d.useCallback((t) => t.byId[i], [i]));
-  if (!n) return null;
-  const u = ae(n.fieldType);
-  return u ? /* @__PURE__ */ v.jsx("div", { className: "field-node-wrapper mie:mb-1.5", "data-field-type": n.fieldType, "data-field-id": n.id, children: /* @__PURE__ */ v.jsx(u, { field: n }) }) : null;
+  const n = se(d.useCallback((t) => t.byId[i], [i])), u = n ? ie(n.fieldType) : null;
+  return !n || !u ? null : /* @__PURE__ */ v.jsx("div", { className: "field-node-wrapper mie:mb-1.5", "data-field-type": n.fieldType, "data-field-id": n.id, children: /* @__PURE__ */ v.jsx(u, { field: n }) });
 });
-function _e() {
-  const a = W(), { fields: i } = ie(a.state.isPreview), n = ue((t) => t.hideUnsupportedFields), u = d.useMemo(() => (n ? i.filter((o) => o.fieldType !== "unsupported") : i).map((o) => o.id), [i, n]);
+function be() {
+  const s = W(), { fields: i } = ue(s.state.isPreview), n = le((t) => t.hideUnsupportedFields), u = d.useMemo(() => (n ? i.filter((o) => o.fieldType !== "unsupported") : i).map((o) => o.id), [i, n]);
   return /* @__PURE__ */ v.jsx("div", { className: "renderer-body-container", children: u.map((t) => /* @__PURE__ */ v.jsx(
     Ee,
     {
@@ -315,17 +313,19 @@ function _e() {
     t
   )) });
 }
-const xe = d.forwardRef((a, i) => {
-  const n = d.useRef(le()).current, u = d.useRef(ce()).current;
-  return /* @__PURE__ */ v.jsx(q.Provider, { value: n, children: /* @__PURE__ */ v.jsx(fe.Provider, { value: u, children: /* @__PURE__ */ v.jsx(be, { ...a, ref: i }) }) });
-}), be = d.forwardRef(({
-  formData: a,
+const Te = d.forwardRef((s, i) => {
+  const n = d.useMemo(() => ce(), []), u = d.useMemo(() => fe(), []);
+  return /* @__PURE__ */ v.jsx(q.Provider, { value: n, children: /* @__PURE__ */ v.jsx(de.Provider, { value: u, children: /* @__PURE__ */ v.jsx(V, { ...s, ref: i }) }) });
+});
+Te.displayName = "QuestionnaireRenderer";
+const V = d.forwardRef(({
+  formData: s,
   schemaType: i,
   className: n = "",
   hideUnsupportedFields: u = !0,
   theme: t = "light"
 }, o) => {
-  const m = t === "dark", f = de();
+  const m = t === "dark", f = me();
   d.useImperativeHandle(o, () => ({
     getResponse: () => f
   }), [f]);
@@ -335,10 +335,11 @@ const xe = d.forwardRef((a, i) => {
     "mie:max-w-4xl mie:mx-auto mie:px-2 mie:pb-8 mie:pt-4",
     n
   ].filter(Boolean).join(" ");
-  return Re(a, i, u), /* @__PURE__ */ v.jsx("div", { className: p, children: /* @__PURE__ */ v.jsx(_e, {}) });
+  return _e(s, i, u), /* @__PURE__ */ v.jsx("div", { className: p, children: /* @__PURE__ */ v.jsx(be, {}) });
 });
-function Se(a, i, n) {
-  const u = (a || []).map((t) => ({
+V.displayName = "QuestionnaireRendererInner";
+function Se(s, i, n) {
+  const u = (s || []).map((t) => ({
     linkId: t.id,
     text: t.text,
     answer: t.answer.map((o) => ({ valueString: o.value }))
@@ -353,8 +354,8 @@ function Se(a, i, n) {
 }
 export {
   Ee as FieldNode,
-  xe as QuestionnaireRenderer,
-  _e as RendererBody,
+  Te as QuestionnaireRenderer,
+  be as RendererBody,
   Se as toFhirQuestionnaireResponse,
   je as useFieldsArray,
   we as useFormData,