feature: add prop disableMargin for FormItem

Author: Kenneth

src/molecules/Form/FormItemReactHookForm.tsx

@@ -1,9 +1,8 @@
 import { Form as AntdForm } from 'antd';
-import { Children, cloneElement, isValidElement, useEffect, useLayoutEffect, useMemo } from 'react';
+import { Children, cloneElement, isValidElement, useEffect } from 'react';
 import { FieldValues, useController } from 'react-hook-form';
-import { FormItemStyles } from './styles';
-import { FormItemReactHookFormProps } from './types';
 import { FormItem } from './FormItem';
+import { FormItemReactHookFormProps } from './types';
 
 export const FormItemReactHookForm = <TFieldValues extends FieldValues = FieldValues>({
     children,

src/molecules/Form/styles.tsx

@@ -9,8 +9,14 @@ export const FormListStyles = styled(Form.List)``;
 export const FormProviderStyles = styled(Form.Provider)``;
 export const FormErrorListStyles = styled(Form.ErrorList)``;
 export const FormItemStyles = styled(Form.Item, {
-    shouldForwardProp: prop => getExcludeForwardProps<RdFormItemProps>(['block'], prop),
+    shouldForwardProp: prop => getExcludeForwardProps<RdFormItemProps>(['block', 'disableMargin'], prop),
 })<RdFormItemProps>`
+    ${({ disableMargin }) =>
+        disableMargin &&
+        css`
+            margin-bottom: 0px;
+        `}
+
     ${({ block }) =>
         block &&
         css`

src/molecules/Form/types.ts

@@ -3,7 +3,7 @@ import { Form } from 'antd';
 import { ComponentToken } from 'antd/es/form/style';
 import { FormRef } from 'rc-field-form/lib/interface';
 import React, { ReactElement } from 'react';
-import { Control, FieldPath, FieldValues } from 'react-hook-form';
+import { Control, FieldPath, FieldValues, Path, PathValue } from 'react-hook-form';
 
 //#region Define Ant Design types
 type FormPropsAntd<Values = any> = GetProps<typeof Form<Values>>;
@@ -42,6 +42,12 @@ type FormItemPropsExtend = {
      * @description Option to fit Space width to its parent width, default is false
      */
     block?: boolean;
+
+    /**
+     * If set to `true`, disables the default margin applied to the Typography.Title component.
+     * @default false
+     */
+    disableMargin?: boolean;
 };
 
 type FormListPropsExtend = {};