@axinom/mosaic-ui 0.54.0-rc.5 → 0.55.0-rc.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axinom/mosaic-ui",
-  "version": "0.54.0-rc.5",
+  "version": "0.55.0-rc.0",
   "description": "UI components for building Axinom Mosaic applications",
   "author": "Axinom",
   "license": "PROPRIETARY",
@@ -32,7 +32,7 @@
     "build-storybook": "storybook build"
   },
   "dependencies": {
-    "@axinom/mosaic-core": "^0.4.27-rc.5",
+    "@axinom/mosaic-core": "^0.4.28-rc.0",
     "@faker-js/faker": "^7.4.0",
     "@geoffcox/react-splitter": "^2.1.2",
     "@popperjs/core": "^2.11.8",
@@ -106,5 +106,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "8c817d3e234325b61483fc501a03c9d5ebe1b3a4"
+  "gitHead": "e23901dd9033a5d7f4a6818b7ff10872c23e48e7"
 }

package/src/components/FormStation/FormGrid/FormGrid.tsx

@@ -2,7 +2,7 @@ import clsx from 'clsx';
 import React from 'react';
 import classes from './FormGrid.scss';
 
-interface FormGridProps {
+export interface FormGridProps {
   edgeToEdgeContent?: boolean;
 }
 

package/src/components/Tabs/TabPanel/CustomTabPanel.tsx

@@ -5,12 +5,19 @@ import {
   TabPanel,
   TabPanelProps,
 } from 'react-tabs';
+import { FormGrid } from '../../FormStation';
+import { FormGridProps } from '../../FormStation/FormGrid';
 import classes from './CustomTabPanel.scss';
 
-export const CustomTabPanel: ReactTabsFunctionComponent<TabPanelProps> = ({
+interface CustomTabPanelProps extends TabPanelProps, FormGridProps {}
+
+export const CustomTabPanel: ReactTabsFunctionComponent<
+  CustomTabPanelProps
+> = ({
   children,
   className,
   selectedClassName,
+  edgeToEdgeContent,
   ...otherProps
 }) => (
   <TabPanel
@@ -19,7 +26,7 @@ export const CustomTabPanel: ReactTabsFunctionComponent<TabPanelProps> = ({
     selectedClassName={clsx(selectedClassName, classes.selected)}
     data-test-id="tab"
   >
-    {children}
+    <FormGrid edgeToEdgeContent={edgeToEdgeContent}>{children}</FormGrid>
   </TabPanel>
 );