tp-react-elements-dev 1.10.7 → 1.10.8

package/dist/index.esm.js

@@ -59670,7 +59670,7 @@ function formatDateMonthAndYear(date) {
 }
 const renderLabel = (variant, props) => variant === "standard" && (jsxRuntimeExports.jsxs("span", Object.assign({ className: "formInputlabel", style: { fontSize: "12px" } }, { children: [props.item.label, " ", props.item.required && jsxRuntimeExports.jsx("span", Object.assign({ style: { color: "red" } }, { children: "*" }))] })));
 const RenderForm = (props) => {
-    var _a, _b;
+    var _a, _b, _c;
     const variant = props.variant || "";
     switch ((_a = props.item) === null || _a === void 0 ? void 0 : _a.inputType) {
         case "text":
@@ -59968,6 +59968,22 @@ const RenderForm = (props) => {
         //       />
         //     </>
         //   );
+        case "checkbox-group":
+            return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [renderLabel(variant, props), jsxRuntimeExports.jsx(FormControl, Object.assign({ component: "fieldset" }, { children: jsxRuntimeExports.jsx(FormGroup, Object.assign({ row: true }, { children: ((_c = props.item) === null || _c === void 0 ? void 0 : _c.settings) &&
+                                props.item.settings.map((settings, i) => {
+                                    return (jsxRuntimeExports.jsx(Controller, { name: settings.name, control: props.control, render: ({ field }) => {
+                                            return (jsxRuntimeExports.jsx(FormControlLabel, { control: jsxRuntimeExports.jsx(Checkbox, Object.assign({}, field, { checked: field.value })), sx: {
+                                                    ".MuiCheckbox-root": {
+                                                        padding: "6px 2px 6px 8px",
+                                                        ".css-imrjgg-MuiButtonBase-root-MuiCheckbox-root": {
+                                                            color: "rgb(0, 0, 0) !important",
+                                                        },
+                                                    },
+                                                }, 
+                                                // label={settings.label}
+                                                label: jsxRuntimeExports.jsx(Typography, Object.assign({ variant: "subtitle2", fontSize: "11px", fontWeight: "normal !important" }, { children: settings.label })), labelPlacement: "end" }));
+                                        } }, i));
+                                }) })) })), jsxRuntimeExports.jsx(ErrorMessageComponent, { children: jsxRuntimeExports.jsx(s, { errors: props.errors, name: props.item.name }) })] }));
         case "radio-group":
             return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [renderLabel(variant, props), jsxRuntimeExports.jsx(FormControl, Object.assign({ component: "fieldset" }, { children: jsxRuntimeExports.jsx(Controller, { name: props.item.name, control: props.control, render: ({ field }) => {
                                 var _a, _b;