impaktapps-jsonforms 5.426.23-alpha.5 → 5.426.1110

package/package.json

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

package/src/impaktapps-jsonforms/core/App/Home.tsx

@@ -66,12 +66,13 @@ function Home({
     <div>
       {impaktAppsJsonFormsStore.uiSchema ? (
         <DataProvider impaktAppsJsonFormsStore={impaktAppsJsonFormsStore}>
-          <Box
+          {/* <Box
             sx={{
               ...theme.pageStyle,
               ...impaktAppsJsonFormsStore.uiSchema?.pageStyle,
             }}
-          >
+          > */}
+            <>
             <JsonForms
               data={impaktAppsJsonFormsStore.formData}
               schema={impaktAppsJsonFormsStore.schema}
@@ -93,7 +94,8 @@ function Home({
                 </DialogContentText>
               </DialogContent>
             </Dialog>
-          </Box>
+            </>
+          {/* </Box> */}
         </DataProvider>
       ) : (
         <CommonSkeleton />

package/src/impaktapps-jsonforms/renderers/index.ts

@@ -75,7 +75,7 @@ export const renderers:any = [
   { tester: rankTester("CheckBox"), renderer:Checkbox  },
   { tester: rankTester("InputSlider"), renderer:ControlInputSlider  },
   { tester: rankTester("FileInputField"), renderer:FileInput  },
-  { tester: rankTester("DataGrid"), renderer:DataGrid },
+  { tester: rankTester("DataGrid"), renderer:DataGrid }
   { tester: rankTester("PopUp"), renderer: PopUp},
   { tester: rankTester("Stepper"), renderer: StepperFun}
 ];

package/src/impaktapps-jsonforms/renderers/layouts/Tab.tsx

@@ -16,11 +16,11 @@ interface TabPanelProps {
   children: any;
   index: number;
   value: number;
-  id: number | string;
+  id:number|string;
 }
 
 function TabPanel(props: TabPanelProps) {
-  const { children, value, index, id, ...other } = props;
+  const { children, value, index,id, ...other } = props;
 
   return (
     <div
@@ -59,65 +59,17 @@ export default function TabLayout({
   const location = useLocation();
   React.useEffect(() => {
     setValue(0);
-  }, [uischema?.config?.main?.id, location.pathname,]);
+  }, [uischema?.config?.main?.id,location.pathname,]);
   const { theme } = React.useContext(DataContext);
   const handleChange = (event: React.SyntheticEvent, newValue: number) => {
     setValue(newValue);
   };
-  ///////////////
-  const tabsAndPanels = (
-   
-    <>
-      <Tabs
-        orientation={uischema?.config?.main?.orientation}
-        variant={uischema?.config?.main?.orientation === 'vertical' ?  "scrollable" : undefined}
-        id={path}
-        TabIndicatorProps={{ sx: { display: "none" } }}
-        sx={{
-          ...theme.TabsStyle,
-          ...uischema?.config?.TabsStyle,
-        }}
-        value={value}
-        onChange={handleChange}
-        aria-label="basic tabs example"
-      >
-        {uischema?.config?.main?.tabLabels.map((elem: string, i: number) => {
-          return (
-            <Tab
-              key={`tabsKey-${elem}`}
-              sx={{ ...theme.TabStyle, ...uischema?.config?.TabStyle }}
-              label={elem}
-              {...a11yProps(i)}
-            />
-          );
-        })}
-      </Tabs>
-      {!isEmpty(elements) &&
-        elements.map((elem: UISchemaElement | any, i: number) => {
-          return (
-            <TabPanel value={value} index={i} key={`keyPanel-${i}`} id={`keyPanel-${i}`}>
-              <JsonFormsDispatch
-                schema={schema}
-                uischema={elem}
-                enabled={enabled}
-                renderers={renderers}
-                cells={cells}
-              />
-            </TabPanel>
-          );
-        })}
-    </>
-  );
-  /////////////////////  
   return (
     <Box
-      key={location.pathname}
+    key={location.pathname}
       sx={{
         ...theme.TabContainerStyle,
         ...uischema?.config?.TabContainerStyle,
-        flexGrow: uischema?.config?.main?.orientation === 'vertical' ? 1 : undefined,
-        display: uischema?.config?.main?.orientation === 'vertical' ? 'flex' : undefined,
-        height: uischema?.config?.main?.orientation === 'vertical' ? uischema?.config?.main?.height || 350 : undefined
       }}
     >
       {uischema?.config?.main?.label && (
@@ -127,6 +79,7 @@ export default function TabLayout({
             sx={{
               padding: "10px",
               paddingLeft: "28px",
+
               fontSize: { xs: "16px", sm: "20px" },
               fontFamily: "roboto",
               fontWeight: 500,
@@ -140,13 +93,44 @@ export default function TabLayout({
           )}
         </Box>
       )}
-      {uischema?.config?.main?.orientation === 'vertical' ? (
-        tabsAndPanels
-      ) : (
-        <Box>
-          {tabsAndPanels}
-        </Box>
-      )}
+      <Box>
+        <Tabs
+        id={path}
+          TabIndicatorProps={{ sx: { display: "none" } }}
+          sx={{
+            ...theme.TabsStyle,
+            ...uischema?.config?.TabsStyle,
+          }}
+          value={value}
+          onChange={handleChange}
+          aria-label="basic tabs example"
+        >
+          {uischema?.config?.main?.tabLabels.map((elem: string, i: number) => {
+            return (
+              <Tab
+              key={`tabsKey-${elem}`}
+                sx={{ ...theme.TabStyle, ...uischema?.config?.TabStyle }}
+                label={elem}
+                {...a11yProps(i)}
+              />
+            );
+          })}
+        </Tabs>
+        {!isEmpty(elements) &&
+          elements.map((elem: UISchemaElement | any, i: number) => {
+            return (
+              <TabPanel value={value} index={i} key={`keyPanel-${i}`} id = {`keyPanel-${i}`}>
+                <JsonFormsDispatch
+                  schema={schema}
+                  uischema={elem}
+                  enabled={enabled}
+                  renderers={renderers}
+                  cells={cells}
+                />
+              </TabPanel>
+            );
+          })}
+      </Box>
     </Box>
   );
 }

package/dist/impaktapps-jsonforms.d.ts

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