Merge pull request #1357 from rvsia/fix-ant-id

fix(ant): use htmlFor and id instead of Form.item name

Author: Hyperkid123

packages/ant-component-mapper/src/date-picker/date-picker.js

@@ -30,6 +30,7 @@ const DatePicker = (props) => {
         readOnly={isReadOnly}
         {...input}
         value={input.value || null}
+        id={input.name}
         {...rest}
       />
     </FormGroup>

packages/ant-component-mapper/src/form-group/form-group.js

@@ -16,7 +16,7 @@ const FormGroup = ({ label, children, isRequired, FormItemProps, meta, validateO
       help={help}
       label={!hideLabel && label}
       required={isRequired}
-      name={input?.name}
+      htmlFor={input?.name}
       {...FormItemProps}
     >
       {children}

packages/ant-component-mapper/src/select/select.js

@@ -54,6 +54,7 @@ const Select = (props) => {
         disabled={isDisabled || isReadOnly}
         onChange={(value, option) => input.onChange(isMulti ? selectValue(option) : option ? option.value : undefined)}
         input={input}
+        id={input.name}
         {...rest}
       >
         {options

packages/ant-component-mapper/src/slider/slider.js

@@ -43,6 +43,7 @@ const Slider = (props) => {
         range={range}
         min={min}
         max={max}
+        id={input.name}
         {...rest}
       />
     </FormGroup>

packages/ant-component-mapper/src/switch/switch.js

@@ -37,6 +37,7 @@ export const Switch = (props) => {
       input={input}
     >
       <AntSwitch
+        id={input.name}
         {...rest}
         defaultValue={input.checked ? input.checked : undefined}
         onChange={onChange}

packages/ant-component-mapper/src/text-field/text-field.js

@@ -26,6 +26,7 @@ const TextField = (props) => {
         disabled={isDisabled}
         readOnly={isReadOnly}
         placeholder={placeholder}
+        id={input.name}
         {...rest}
       />
     </FormGroup>

packages/ant-component-mapper/src/textarea/textarea.js

@@ -28,6 +28,7 @@ const Textarea = (props) => {
         disabled={isDisabled}
         readOnly={isReadOnly}
         placeholder={placeholder}
+        id={input.name}
         {...rest}
       />
     </FormGroup>

packages/ant-component-mapper/src/time-picker/time-picker.js

@@ -32,6 +32,7 @@ const TimePicker = (props) => {
         defaultValue={input.value ? input.value : undefined}
         {...input}
         value={input.value || null}
+        id={input.name}
         {...rest}
       />
     </FormGroup>