impaktapps-jsonforms 5.426.1244-alpha.10 → 5.426.1244-alpha.6

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-jsonforms",
-    "version": "5.426.1244-alpha.10",
+    "version": "5.426.1244-alpha.6",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

package/src/impaktapps-jsonforms/renderers/components/Checkbox.tsx

@@ -26,11 +26,11 @@ function CheckBox(props: inputProps) {
             key={uuidv4()}
             checked={data}
             sx={{
-              ...theme.CheckBoxStyle, ...uischema?.config?.style,
-              // color: theme.myTheme.palette.action.active,
-              // "&.Mui-checked": {
-              //   color: theme.myTheme.palette.action.active,
-              // },
+              ...theme.InputFieldStyle, ...uischema?.config?.style,
+              color: theme.myTheme.palette.action.active,
+              "&.Mui-checked": {
+                color: theme.myTheme.palette.action.active,
+              },
             }}
           />
         }

package/src/impaktapps-jsonforms/renderers/components/Input.tsx

@@ -91,9 +91,7 @@ const Input = memo(function (props: inputProps) {
         rootSchema
       )}
     >
-      <label style={{...uischema?.config?.labelStyle}} htmlFor={uischemaData?.id}>{uischemaData?.seperateLabel}</label>
       <TextField
-        id={uischemaData.id}
         key={path}
         required={required}
         autoFocus={uischemaData?.autoFocus}

package/src/impaktapps-jsonforms/styles/StyleFactory.tsx

@@ -67,7 +67,7 @@ export const useTheme = (objProvidedStyle: any) => {
       padding: myTheme.palette.shape.paddingInput,
     },
     "& .MuiInputLabel-root": {
-      color: myTheme.palette.text.inputLabel,
+      color:  myTheme.palette.text.inputLabel,
       fontWeight: myTheme.palette.typography.FontWeightlight,
       fontFamily: myTheme.palette.typography.fontFamily,
       fontSize: myTheme.palette.typography.fontSize,
@@ -89,9 +89,9 @@ export const useTheme = (objProvidedStyle: any) => {
     RadioStyle: objProvidedStyle?.RadioStyle || {
       borderRadius: myTheme.palette.shape.borderRadius,
       padding: "4px",
-      border: `0.5px solid ${myTheme.palette.text.radioBorder}`,
+      border: `0.5px solid ${ myTheme.palette.text.radioBorder}`,
       background: myTheme.palette.background.input,
-      color: myTheme.palette.text.input,
+      color:myTheme.palette.text.input,
       fontFamily: "inherit",
       "& .MuiTypography-body1": {
         fontSize: "14px", // custom label font size
@@ -100,9 +100,9 @@ export const useTheme = (objProvidedStyle: any) => {
       "& .MuiRadio-root": {
         color: myTheme.palette.text.primary,
       },
-
+  
       "&:hover": {
-        border: `0.8px solid ${myTheme.palette.action.hover}`,
+        border: `0.8px solid ${ myTheme.palette.action.hover}`,
       },
       "&:active": {
         border: `2.5px solid ${myTheme.palette.action.focus}`,
@@ -160,7 +160,7 @@ export const useTheme = (objProvidedStyle: any) => {
       fontWeight: "500",
       fontSize: "20px",
       background: "inherit",
-      color: myTheme.palette.text.primary,
+      color:  myTheme.palette.text.primary,
     },
     Buttonstyle: objProvidedStyle?.Buttonstyle || {
       borderRadius: "5px",
@@ -185,7 +185,7 @@ export const useTheme = (objProvidedStyle: any) => {
       background: myTheme.palette.background.iconButton,
       borderRadius: "10px",
       "&:hover": {
-        color: myTheme.palette.action.iconButtonHoverColor,
+        color:myTheme.palette.action.iconButtonHoverColor,
         background: myTheme.palette.action.focusBackground
       },
     },
@@ -193,15 +193,15 @@ export const useTheme = (objProvidedStyle: any) => {
       height: "auto",
       width: "98%",
       margin: "15px auto ",
-      color: myTheme.palette.text.primary,
-      background: myTheme.palette.secondary.main,
+      color:myTheme.palette.text.primary,
+      background:myTheme.palette.secondary.main,
       borderRadius: "20px",
     },
     TabStyle: objProvidedStyle?.TabStyle || {
       fontWeight: myTheme.palette.typography.fontWeightMedium,
       fontFamily: "inherit",
-      color: myTheme.palette.text.input,
-      background: myTheme.palette.background.heading,
+      color:  myTheme.palette.text.input,
+      background:myTheme.palette.background.heading,
       "&:hover": {
         color: myTheme.palette.action.hover,
       },
@@ -210,7 +210,7 @@ export const useTheme = (objProvidedStyle: any) => {
       },
     },
     TabsStyle: objProvidedStyle?.TabsStyle || {
-      background: myTheme.palette.background.heading,
+      background:myTheme.palette.background.heading,
       fontFamily: "roboto",
       borderRadius: "20px 20px 0 0",
       "& .MuiTabs-flexContainer": {
@@ -218,7 +218,7 @@ export const useTheme = (objProvidedStyle: any) => {
       },
     },
     TabContainerStyle: objProvidedStyle?.TabContainerStyle || {
-      background: myTheme.palette.secondary.main,
+      background:myTheme.palette.secondary.main,
       fontFamily: "roboto",
       borderRadius: "20px",
       width: "98%",
@@ -228,15 +228,15 @@ export const useTheme = (objProvidedStyle: any) => {
     DataGridStyle: objProvidedStyle?.DataGridStyle || {
       fontFamily: "roboto",
       borderRadius: myTheme.palette.shape.borderRadius,
-      background: myTheme.palette.secondary.main,
+      background:myTheme.palette.secondary.main,
     },
     pageStyle: objProvidedStyle?.pageStyle || {
-      boxSizing: "border-box",
+      boxSizing:"border-box",
       background: myTheme.palette.primary.main,
       minHeight: "100vh",
       margin: "1px 20px 20px 10px",
       height: "auto",
-      padding: "10px 20px 20px 10px",
+      padding:"10px 20px 20px 10px",
       borderRadius: myTheme.palette.shape.borderRadius,
       fontFamily: myTheme.palette.typography.fontFamily,
     },
@@ -244,12 +244,6 @@ export const useTheme = (objProvidedStyle: any) => {
       width: "100%",
       paddingTop: "20px",
     },
-    CheckBoxStyle: objProvidedStyle?.CheckBoxStyle || {
-      color: myTheme.palette.action.active,
-      "&.Mui-checked": {
-        color: myTheme.palette.action.active,
-      },
-    },
     InputFieldStyle: objProvidedStyle?.InputFieldStyle || InputFieldStyle,
     useStyles: makeStyles({
       dateStyle: InputFieldStyle,

package/dist/impaktapps-jsonforms.d.ts

@@ -1 +0,0 @@
-export * from './src/impaktapps-jsonforms/lib/index'