@nolwenture/formik-jsonschema-form 0.25.2 → 0.26.0

package/dist/pdfFields/DateField.js

@@ -1,15 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from "react";
-import { FormPdfRegistry } from "../FormPdf";
-import { useSetDefault } from "../hooks";
-import { getIn, useFormikContext } from "formik";
-import { styled } from "styled-components";
-const DateFieldPdf = styled.div ``;
+import { StringField } from "./StringField";
 export const DateField = (props) => {
-    const { templates: { FieldTemplate }, } = useContext(FormPdfRegistry);
-    useSetDefault(props);
-    const { name } = props;
-    const { values } = useFormikContext();
-    const value = getIn(values, name);
-    return (_jsx(FieldTemplate, Object.assign({}, props, { children: _jsx(DateFieldPdf, { children: value }) })));
+    var _a;
+    return (_jsx(StringField, Object.assign({}, props, { uiSchema: Object.assign(Object.assign({}, props.uiSchema), { "ui:props": Object.assign({}, (((_a = props.uiSchema) === null || _a === void 0 ? void 0 : _a["ui:props"]) || {})) }) })));
 };

package/dist/pdfFields/EJSField.js

@@ -1,24 +1,35 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from "react";
+import { useContext, useMemo } from "react";
 import { useSetDefault } from "../hooks";
-import ejs from "ejs";
+import ejs from "ejs-browser";
+import DOMPurify from "dompurify";
 import { getIn, useFormikContext } from "formik";
 import { getDescription, getTitle } from "../utils";
 import { FormPdfRegistry } from "../FormPdf";
 export const EJSField = (props) => {
     var _a, _b;
-    const { components: { EJSField }, } = useContext(FormPdfRegistry);
+    const { components: { EJSField: PdfEJSField }, } = useContext(FormPdfRegistry);
     useSetDefault(props);
     const { name, uiSchema = {} } = props;
     const { values } = useFormikContext();
-    const title = getTitle(props);
-    const description = getDescription(props);
-    const template = (_b = (_a = uiSchema["ui:options"]) === null || _a === void 0 ? void 0 : _a.template) !== null && _b !== void 0 ? _b : "";
-    return (_jsx(EJSField, { dangerouslySetInnerHTML: {
-            __html: ejs.render(template.toString(), {
+    const title = getTitle(props) || "Untitled Field";
+    const description = getDescription(props) || "No description available.";
+    const template = (_b = (_a = uiSchema["ui:options"]) === null || _a === void 0 ? void 0 : _a.template) !== null && _b !== void 0 ? _b : "No template provided.";
+    const renderedTemplate = useMemo(() => {
+        try {
+            return ejs.render(template.toString(), {
                 title,
                 description,
                 value: getIn(values, name),
-            }),
+            });
+        }
+        catch (error) {
+            console.error("EJS rendering error:", error);
+            return "Error rendering template.";
+        }
+    }, [template, title, description, name, values]);
+    const sanitizedHTML = DOMPurify.sanitize(renderedTemplate);
+    return (_jsx(PdfEJSField, { dangerouslySetInnerHTML: {
+            __html: sanitizedHTML,
         } }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nolwenture/formik-jsonschema-form",
-  "version": "0.25.2",
+  "version": "0.26.0",
   "description": "Formik form generation from json schema",
   "author": "Antti Vikman <antti.vikman@nolwenture.com>",
   "contributors": [
@@ -20,6 +20,7 @@
     "formik",
     "jsonschema"
   ],
+  "type": "commonjs",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "files": [
@@ -35,7 +36,8 @@
     "test-storybook": "test-storybook"
   },
   "dependencies": {
-    "ejs": "^3.1.10",
+    "dompurify": "^3.2.2",
+    "ejs-browser": "^3.2.2",
     "formik": "^2.4.5",
     "json-schema": "^0.4.0",
     "react": "^18.2.0",
@@ -58,6 +60,7 @@
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^14.2.2",
     "@testing-library/user-event": "^14.5.2",
+    "@types/dompurify": "^3.2.0",
     "@types/ejs": "^3.1.5",
     "@types/jest": "^29.5.12",
     "@types/node": "^20.12.2",