swoop-common 2.2.85 → 2.2.89

package/dist/rendering/renderers/testComponent/TestCompForm.js

@@ -1,5 +1,6 @@
 import React, { useMemo, useState } from "react";
-import { Box, debounce, MenuItem, Select, TextField } from "@mui/material";
+import { debounce, FormControl, InputLabel, MenuItem, Select, } from "@mui/material";
+import Editor from "react-simple-wysiwyg";
 import { useLocalErrors } from "../../hooks/errors";
 import { ComponentPool } from "../../registry/types";
 import { registerComponent } from "../../registry/components";
@@ -10,23 +11,25 @@ const TestCompForm = ({ textValues, onChange, getError, label, enabled, }) => {
     const error = getError ? (_a = getError("testComp")) === null || _a === void 0 ? void 0 : _a.message : undefined;
     const onChangeDebounced = useMemo(() => debounce(onChange, 300), [onChange]);
     // Update text field value when key selection changes
-    const val = key ? ((_b = values[key]) !== null && _b !== void 0 ? _b : "") : "";
+    const html = key ? ((_b = values[key]) !== null && _b !== void 0 ? _b : "") : "";
     const handleSelectChange = (selectedKey) => {
         setKey(selectedKey);
     };
-    const update = (value) => {
+    const update = (event) => {
+        const newValue = event.target.value;
         setValues((prev) => {
-            const updated = Object.assign(Object.assign({}, prev), { [key]: value });
+            const updated = Object.assign(Object.assign({}, prev), { [key]: newValue });
             onChangeDebounced(updated);
             return updated;
         });
     };
-    return (React.createElement(Box, null,
-        React.createElement(Select, { fullWidth: true, value: key, onChange: (e) => handleSelectChange(e.target.value), disabled: !enabled },
+    return (React.createElement(FormControl, { sx: { p: 4, my: 2 }, fullWidth: true, error: !!error, disabled: !enabled },
+        React.createElement(InputLabel, { id: "note-type-label" }, "Select note type"),
+        React.createElement(Select, { fullWidth: true, value: key, onChange: (e) => handleSelectChange(e.target.value), disabled: !enabled, label: "note-type-label" },
             React.createElement(MenuItem, { value: "option1" }, "Option 1"),
             React.createElement(MenuItem, { value: "option2" }, "Option 2"),
             React.createElement(MenuItem, { value: "option3" }, "Option 3")),
-        React.createElement(TextField, { label: label, value: val, onChange: (e) => update(e.target.value), error: !!error, helperText: error, multiline: true, fullWidth: true, sx: { mb: 1 }, disabled: !enabled || !key })));
+        React.createElement(Editor, { value: html, onChange: (event) => update(event), disabled: !enabled || !key })));
 };
 const FormRendererExample = ({ data, handleChange, path, label, enabled, }) => {
     const getError = useLocalErrors(path);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "swoop-common",
-  "version": "2.2.85",
+  "version": "2.2.89",
   "main": "dist/api/index.js",
   "types": "dist/api/index.d.ts",
   "exports": {
@@ -49,6 +49,7 @@
     "lodash.merge": "^4.6.2",
     "openapi-ts": "^0.3.4",
     "react": "^19.0.0",
+    "react-simple-wysiwyg": "^3.4.1",
     "rimraf": "^6.0.1",
     "swoop-common": "^2.1.55"
   },