iglooform 2.4.25 → 2.4.28

package/es/form/elements.js

@@ -1,6 +1,6 @@
 import { useMemo } from 'react';
 import Button from '../button';
-import Radio, { RadioGroup } from '../radio';
+import Radio, { RadioGroup, RadioGroupWithOther } from '../radio';
 import Input, { PhoneNumber, Amount, Email, Password, InputNumber, TextArea, InputDate, CreditCard, Otp, ExpiryDate } from '../input';
 import DatePicker, { IglooBuddhistDatePicker as BuddhistDatePicker, IglooRangePicker as RangePicker, IglooWeekPicker as WeekPicker, IglooMonthPicker as MonthPicker } from '../date-picker';
 import Confirmation from '../confirmation';
@@ -11,6 +11,7 @@ import Declaration from '../declaration';
 import Divider from './divider';
 import UploadPhoto from '../upload-photo';
 import RenderElement from './render';
+import Typography from '../typography';
 var elementMap = {
   Input: Input,
   PhoneNumber: PhoneNumber,
@@ -26,6 +27,7 @@ var elementMap = {
   RangePicker: RangePicker,
   Radio: Radio,
   RadioGroup: RadioGroup,
+  RadioGroupWithOther: RadioGroupWithOther,
   Button: Button,
   Select: Select,
   TimeSelect: TimeSelect,
@@ -39,7 +41,8 @@ var elementMap = {
   UploadPhoto: UploadPhoto,
   InputDate: InputDate,
   Confirmation: Confirmation,
-  ExpiryDate: ExpiryDate
+  ExpiryDate: ExpiryDate,
+  Typography: Typography
 };
 
 var Unknown = function Unknown() {
@@ -60,7 +63,7 @@ var useComponent = function useComponent(config) {
     return {
       Component: Component,
       formItemProps: formItemProps,
-      withoutForm: type === 'Divider' || Boolean(config.withoutForm)
+      withoutForm: type === 'Divider' || Boolean(config.withoutForm) || !config.name
     };
   }, [config.type]);
 };

package/es/form/index.js

@@ -251,16 +251,16 @@ var IglooForm = function IglooForm(props, ref) {
         scrollToFirstError: true,
         children: [type === 'Pages' && _jsx(Pages, {
           config: config
-        }, void 0), type === 'Page' && _jsx(Page, {
+        }), type === 'Page' && _jsx(Page, {
           config: config
-        }, void 0), type === 'Steps' && _jsx(Steps, {
+        }), type === 'Steps' && _jsx(Steps, {
           config: config
-        }, void 0), type === 'Login' && _jsx(Login, {
+        }), type === 'Login' && _jsx(Login, {
           config: config
-        }, void 0)]
-      }, void 0)
-    }, void 0)
-  }, void 0);
+        })]
+      })
+    })
+  });
 };
 
 var ExportedForm = function () {

package/es/form/login/index.js

@@ -36,7 +36,7 @@ var Login = function Login(_ref) {
     children: [label && _jsx("div", {
       className: 'igloo-login-label',
       children: label
-    }, void 0), _jsx("div", {
+    }), _jsx("div", {
       className: 'igloo-login-content',
       children: _jsx(_Row, {
         gutter: [32, 24],
@@ -46,8 +46,8 @@ var Login = function Login(_ref) {
             config: child
           }, index);
         })
-      }, void 0)
-    }, void 0), showSubmitButton && _jsx(_Form.Item, {
+      })
+    }), showSubmitButton && _jsx(_Form.Item, {
       children: _jsx(_Button, {
         type: "primary",
         htmlType: "submit",
@@ -56,9 +56,9 @@ var Login = function Login(_ref) {
         children: submitText || formatMessage({
           id: 'Log in'
         })
-      }, void 0)
-    }, void 0)]
-  }, void 0);
+      })
+    })]
+  });
 };
 
 export default Login;

package/es/form/page/index.js

@@ -76,8 +76,8 @@ var Page = function Page(_ref) {
             parentName: calcNamePath(parentName, name)
           }, index);
         })
-      }, void 0)
-    }, void 0), showFooter && showSubmitButton && _jsxs("div", {
+      })
+    }), showFooter && showSubmitButton && _jsxs("div", {
       className: 'igloo-page-footer',
       children: [onCancel && _jsx(_Col, {
         children: _jsx(Button, {
@@ -86,8 +86,8 @@ var Page = function Page(_ref) {
           children: cancelText || formatMessage({
             id: 'Cancel'
           })
-        }, void 0)
-      }, void 0), !onCancel && _jsx("div", {}, void 0), _jsx(_Form.Item, {
+        })
+      }), !onCancel && _jsx("div", {}), _jsx(_Form.Item, {
         children: _jsx(Button, {
           type: "primary",
           htmlType: "submit",
@@ -97,10 +97,10 @@ var Page = function Page(_ref) {
           children: submitText || formatMessage({
             id: 'Submit'
           })
-        }, void 0)
-      }, void 0)]
-    }, void 0)]
-  }, void 0);
+        })
+      })]
+    })]
+  });
 };
 
 export default Page;

package/es/form/pages/index.js

@@ -177,7 +177,7 @@ var Pages = function Pages(_ref) {
         padding: md ? 0 : '0 16px'
       },
       children: renderElements[current].label
-    }, void 0), _jsxs("div", {
+    }), _jsxs("div", {
       className: 'igloo-pages-content',
       children: [renderElements.map(function (child, index) {
         invariant(child.type === 'Page', 'Child of Pages should be Page');
@@ -192,11 +192,11 @@ var Pages = function Pages(_ref) {
             config: child,
             parentName: calcNamePath(parentName, name),
             showFooter: false
-          }, void 0)
+          })
         }, child.key || child.name);
       }), _jsxs("div", {
         className: 'igloo-pages-footer',
-        children: [current === 0 && _jsx("div", {}, void 0), current > 0 && _jsx(Button, {
+        children: [current === 0 && _jsx("div", {}), current > 0 && _jsx(Button, {
           className: 'igloo-pages-preview-button',
           onClick: function onClick() {
             return setCurrent(current - 1);
@@ -205,7 +205,7 @@ var Pages = function Pages(_ref) {
           children: previewText || formatMessage({
             id: 'Previous'
           })
-        }, void 0), current < renderElements.length - 1 && _jsx(Button, {
+        }), current < renderElements.length - 1 && _jsx(Button, {
           className: 'igloo-pages-next-button',
           onClick: handleNext,
           disabled: buttonDisabled,
@@ -213,7 +213,7 @@ var Pages = function Pages(_ref) {
           children: nextText || formatMessage({
             id: 'Next'
           })
-        }, void 0), current === renderElements.length - 1 && showSubmitButton && _jsx(_Form.Item, {
+        }), current === renderElements.length - 1 && showSubmitButton && _jsx(_Form.Item, {
           children: _jsx(Button, {
             type: "primary",
             htmlType: "submit",
@@ -223,11 +223,11 @@ var Pages = function Pages(_ref) {
             children: submitText || formatMessage({
               id: 'Submit'
             })
-          }, void 0)
-        }, void 0)]
-      }, void 0)]
-    }, void 0)]
-  }, void 0);
+          })
+        })]
+      })]
+    })]
+  });
 };
 
 export default Pages;

package/es/form/render/index.js

@@ -28,7 +28,7 @@ RenderElement.formItemPropsHandler = function (_ref2) {
         render: render,
         preview: true,
         value: value
-      }, void 0);
+      });
     },
     fullRow: true,
     required: false

package/es/form/section/index.js

@@ -75,7 +75,7 @@ var Section = function Section(_ref) {
       level: "h4",
       wrapElement: "div",
       children: label
-    }), void 0), _jsx("div", _objectSpread(_objectSpread({
+    })), _jsx("div", _objectSpread(_objectSpread({
       className: 'igloo-section-content'
     }, contentProps), {}, {
       children: _jsx(_Row, {
@@ -89,9 +89,9 @@ var Section = function Section(_ref) {
             setShowStepButton: setShowStepButton
           }, index);
         })
-      }, void 0)
-    }), void 0)]
-  }, void 0) : null;
+      })
+    }))]
+  }) : null;
 };
 
 export default Section;

package/es/form/step/index.js

@@ -100,11 +100,11 @@ var Step = function Step(_ref) {
         children: [(index !== total - 1 || showLastIndex) && _jsx("span", {
           className: "igloo-step-label-index",
           children: specialDisplayIndex(index + 1)
-        }, void 0), _jsx("span", {
+        }), _jsx("span", {
           className: "igloo-step-label-text",
           children: label
-        }, void 0)]
-      }, void 0), !preview && (index !== total - 1 || showLastIndex) && _jsx("div", {
+        })]
+      }), !preview && (index !== total - 1 || showLastIndex) && _jsx("div", {
         className: "igloo-step-label-step-count",
         children: formatMessage({
           id: "{currentStep} of {allSteps}",
@@ -113,7 +113,7 @@ var Step = function Step(_ref) {
             allSteps: displayTotal
           }
         })
-      }, void 0), preview && _jsx(Button, {
+      }), preview && _jsx(Button, {
         type: "link",
         className: "igloo-step-label-edit",
         onClick: handleEdit,
@@ -121,8 +121,8 @@ var Step = function Step(_ref) {
         children: editButtonLabel || formatMessage({
           id: 'Edit'
         })
-      }, void 0)]
-    }, void 0), (edit || preview) && _jsxs("div", {
+      })]
+    }), (edit || preview) && _jsxs("div", {
       className: 'igloo-step-content',
       children: [_jsx(_Row, {
         gutter: [32, preview ? 16 : 24],
@@ -134,7 +134,7 @@ var Step = function Step(_ref) {
             preview: preview
           }, index);
         })
-      }, void 0), edit && index !== total - 1 && showButton && _jsx(_Row, {
+      }), edit && index !== total - 1 && showButton && _jsx(_Row, {
         children: _jsx(Button, {
           onClick: handleNext,
           className: 'igloo-step-button',
@@ -143,8 +143,8 @@ var Step = function Step(_ref) {
           children: buttonText || continueText || formatMessage({
             id: 'Continue'
           })
-        }, void 0)
-      }, void 0), edit && index === total - 1 && showButton && showSubmitButton && _jsx(_Form.Item, {
+        })
+      }), edit && index === total - 1 && showButton && showSubmitButton && _jsx(_Form.Item, {
         style: {
           marginBottom: 0
         },
@@ -157,12 +157,12 @@ var Step = function Step(_ref) {
           children: buttonText || submitText || formatMessage({
             id: 'Submit'
           })
-        }, void 0)
-      }, void 0)]
-    }, void 0), !edit && !preview && _jsx(_Divider, {
+        })
+      })]
+    }), !edit && !preview && _jsx(_Divider, {
       className: "igloo-step-divider"
-    }, void 0)]
-  }, void 0);
+    })]
+  });
 };
 
 export default Step;

package/es/form/steps/index.js

@@ -187,8 +187,8 @@ var Steps = function Steps(_ref) {
           shouldScroll: shouldScroll
         }, child.key || child.name);
       })
-    }, void 0)
-  }, void 0);
+    })
+  });
 };
 
 export default Steps;

package/es/free-form/addable-section/index.js

@@ -1,7 +1,11 @@
 import "antd/es/row/style";
 import _Row from "antd/es/row";
+import "antd/es/divider/style";
+import _Divider from "antd/es/divider";
 import "antd/es/col/style";
 import _Col from "antd/es/col";
+import "antd/es/grid/style";
+import _Grid from "antd/es/grid";
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -31,7 +35,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useReducer, useContext, useEffect, useCallback, cloneElement, isValidElement } from 'react';
 import FormContext from '../../form-context';
 import { calcNamePath, calcFormItemProps } from '../../utils/form-utils';
@@ -39,6 +43,7 @@ import Typography from '../../typography';
 import Button from '../../button';
 import { LocaleContext } from '../../locale';
 import './style/index.less';
+var useBreakpoint = _Grid.useBreakpoint;
 
 var AddableSection = function AddableSection(props) {
   var name = props.name,
@@ -62,6 +67,9 @@ var AddableSection = function AddableSection(props) {
       addButtonIcon = props.addButtonIcon,
       children = props.children;
 
+  var _useBreakpoint = useBreakpoint(),
+      md = _useBreakpoint.md;
+
   var _useReducer = useReducer(function (r) {
     return r + 1;
   }, 0),
@@ -225,14 +233,18 @@ var AddableSection = function AddableSection(props) {
     return _jsxs(_Col, {
       span: 24,
       className: 'igloo-addable-section',
-      children: [(groupKeys.length > min && !preview || label) && _jsxs(_Row, {
+      children: [index > 0 && _jsx(_Divider, {
+        style: {
+          margin: !md ? preview ? '16px 0 24px 0' : '24px 0' : preview ? '16px 0 24px' : '32px 0 24px 0'
+        }
+      }), (groupKeys.length > min && !preview || label) && _jsxs(_Row, {
         justify: "space-between",
         className: 'igloo-addable-section-label',
-        children: [label ? _jsxs(Typography, _objectSpread(_objectSpread({}, labelProps), {}, {
-          level: "h4",
+        children: [label ? _jsx(Typography, _objectSpread(_objectSpread({}, labelProps), {}, {
+          level: !md ? 'body1' : 'h3b',
           wrapElement: "div",
-          children: [label, " ", index + 1]
-        }), void 0) : _jsx("div", {}, void 0), groupKeys.length > min && !preview && _jsx(Button, {
+          children: label
+        })) : _jsx("div", {}), groupKeys.length > min && !preview && _jsx(Button, {
           type: "link",
           className: "igloo-addable-section-label-remove",
           onClick: function onClick() {
@@ -244,15 +256,18 @@ var AddableSection = function AddableSection(props) {
           children: formatMessage({
             id: 'Remove'
           })
-        }, void 0)]
-      }, void 0), _jsx("div", _objectSpread(_objectSpread({
+        })]
+      }), _jsx("div", _objectSpread(_objectSpread({
         className: 'igloo-addable-section-content'
       }, contentProps), {}, {
+        style: {
+          marginTop: !md ? 16 : preview ? 16 : 24
+        },
         children: _jsx(_Row, {
           gutter: [32, preview ? 16 : 24],
           children: transformChildren(parentName)
-        }, void 0)
-      }), void 0)]
+        })
+      }))]
     }, key);
   });
   return _jsxs("div", {
@@ -263,7 +278,7 @@ var AddableSection = function AddableSection(props) {
     children: [groups, groupKeys.length < max && !preview && _jsx(_Col, {
       span: 24,
       style: {
-        marginTop: 16
+        marginTop: !md ? 24 : 32
       },
       children: _jsx(Button, {
         onClick: function onClick() {
@@ -277,9 +292,9 @@ var AddableSection = function AddableSection(props) {
         children: addButtonText || "".concat(formatMessage({
           id: 'Add'
         }), " ").concat(label)
-      }, void 0)
-    }, void 0)]
-  }, void 0);
+      })
+    })]
+  });
 };
 
 export default AddableSection;

package/es/free-form/addable-section/style/index.less

@@ -10,10 +10,6 @@
     .igloo-addable-section-content {
       margin-top: 16px;
     }
-
-    & + .igloo-addable-section {
-      margin-top: 24px;
-    }
   }
 
   .igloo-addable-section-button {

package/es/free-form/element/index.js

@@ -254,7 +254,7 @@ var Element = function Element(props) {
             xs: 24,
             className: "igloo-freeform-element-preview-label",
             children: rest.previewLabel || rest.label
-          }, void 0), _jsxs(_Col, {
+          }), _jsxs(_Col, {
             span: rest.previewLabel || rest.label ? 12 : 24,
             md: rest.previewLabel || rest.label ? 12 : 24,
             sm: 24,
@@ -262,13 +262,13 @@ var Element = function Element(props) {
             className: "igloo-freeform-element-preview-value",
             children: [error && !!error.length && _jsx(AlertFilled, {
               className: "igloo-freeform-element-preview-value-icon"
-            }, void 0), _jsx("div", {
+            }), _jsx("div", {
               children: previewFormater ? previewFormater(value, form) : _typeof(value) === 'object' ? JSON.stringify(value) : value
-            }, void 0)]
-          }, void 0)]
-        }, void 0)
-      }), void 0)
-    }, void 0);
+            })]
+          })]
+        })
+      }))
+    });
   }
 
   return props.hideWhenEdit ? null : _jsx(_Col, _objectSpread(_objectSpread({}, restColProps), {}, {
@@ -289,9 +289,9 @@ var Element = function Element(props) {
       }, omit(formItemProps, ['copiedValue', 'selectedValue'])), {}, {
         className: "igloo-freeform-element-edit",
         children: transformChildren()
-      }), void 0)
-    }, void 0)
-  }), void 0);
+      }))
+    })
+  }));
 };
 
 Element.displayName = 'Igloo_Free_Form_Item';

package/es/free-form/index.js

@@ -207,9 +207,9 @@ var FreeForm = function FreeForm(props) {
         initialValues: initialValues,
         scrollToFirstError: true,
         children: children
-      }, void 0)
-    }, void 0)
-  }, void 0);
+      })
+    })
+  });
 };
 
 FreeForm.useForm = _Form.useForm;

package/es/free-form/page/index.js

@@ -194,7 +194,7 @@ var Page = function Page(_ref) {
         marginBottom: 8
       },
       children: label
-    }, void 0), _jsx(Typography, {
+    }), _jsx(Typography, {
       level: "body1",
       wrapElement: "div",
       style: {
@@ -202,15 +202,15 @@ var Page = function Page(_ref) {
         color: '#666666'
       },
       children: description
-    }, void 0), _jsx("div", {
+    }), _jsx("div", {
       className: 'igloo-freeform-page-content',
       children: _jsx(_Row, {
         gutter: [32, 24],
         children: tranformChildren()
-      }, void 0)
-    }, void 0), showFooter && showSubmitButton && (current === undefined || index === undefined || total === undefined ? _jsxs("div", {
+      })
+    }), showFooter && showSubmitButton && (current === undefined || index === undefined || total === undefined ? _jsxs("div", {
       className: 'igloo-freeform-page-footer',
-      children: [buttonPlacement === 'right' && _jsx("div", {}, void 0), _jsx(_Form.Item, {
+      children: [buttonPlacement === 'right' && _jsx("div", {}), _jsx(_Form.Item, {
         children: _jsx(Button, {
           type: "primary",
           htmlType: "submit",
@@ -220,11 +220,11 @@ var Page = function Page(_ref) {
           children: submitText || formatMessage({
             id: 'Submit'
           })
-        }, void 0)
-      }, void 0), buttonPlacement === 'left' && _jsx("div", {}, void 0)]
-    }, void 0) : _jsxs("div", {
+        })
+      }), buttonPlacement === 'left' && _jsx("div", {})]
+    }) : _jsxs("div", {
       className: 'igloo-freeform-page-footer',
-      children: [index === 0 && _jsx("div", {}, void 0), index > 0 && total > 1 && _jsx(Button, {
+      children: [index === 0 && _jsx("div", {}), index > 0 && total > 1 && _jsx(Button, {
         className: 'igloo-freeform-page-preview-button',
         onClick: function onClick() {
           return handlePreviousPage && handlePreviousPage(index);
@@ -233,7 +233,7 @@ var Page = function Page(_ref) {
         children: previewText || formatMessage({
           id: 'Previous'
         })
-      }, void 0), index < total - 1 && _jsx(Button, {
+      }), index < total - 1 && _jsx(Button, {
         className: 'igloo-freeform-page-next-button',
         onClick: handleNext,
         disabled: buttonDisabled,
@@ -241,7 +241,7 @@ var Page = function Page(_ref) {
         children: nextText || formatMessage({
           id: 'Next'
         })
-      }, void 0), current === total - 1 && _jsx(_Form.Item, {
+      }), current === total - 1 && _jsx(_Form.Item, {
         children: _jsx(Button, {
           type: "primary",
           htmlType: "submit",
@@ -251,10 +251,10 @@ var Page = function Page(_ref) {
           children: submitText || formatMessage({
             id: 'Submit'
           })
-        }, void 0)
-      }, void 0)]
-    }, void 0))]
-  }, void 0);
+        })
+      })]
+    }))]
+  });
 };
 
 Page.displayName = 'Igloo_Free_Form_Page';

package/es/free-form/pages/index.js

@@ -85,8 +85,8 @@ var Pages = function Pages(_ref) {
     children: _jsx("div", {
       className: 'igloo-freeform-pages-content',
       children: transformChildren()
-    }, void 0)
-  }, void 0);
+    })
+  });
 };
 
 export default Pages;

package/es/free-form/section/index.js

@@ -179,15 +179,15 @@ var Section = function Section(props) {
       level: "h4",
       wrapElement: "div",
       children: label
-    }), void 0), _jsx("div", _objectSpread(_objectSpread({
+    })), _jsx("div", _objectSpread(_objectSpread({
       className: 'igloo-freeform-section-content'
     }, contentProps), {}, {
       children: _jsx(_Row, {
         gutter: [32, preview ? 16 : 24],
         children: transformChildren()
-      }, void 0)
-    }), void 0)]
-  }, void 0) : null;
+      })
+    }))]
+  }) : null;
 };
 
 Section.displayName = 'Igloo_Free_Form_Section';

package/es/free-form/step/index.js

@@ -229,11 +229,11 @@ var Step = function Step(_ref) {
         children: [(index !== total - 1 || showLastIndex) && _jsx("span", {
           className: "igloo-freeform-step-label-index",
           children: specialDisplayIndex(index + 1)
-        }, void 0), _jsx("span", {
+        }), _jsx("span", {
           className: "igloo-freeform-step-label-text",
           children: label
-        }, void 0)]
-      }, void 0), !preview && (index !== total - 1 || showLastIndex) && _jsx("div", {
+        })]
+      }), !preview && (index !== total - 1 || showLastIndex) && _jsx("div", {
         className: "igloo-freeform-step-label-step-count",
         children: formatMessage({
           id: "{currentStep} of {allSteps}",
@@ -242,7 +242,7 @@ var Step = function Step(_ref) {
             allSteps: displayTotal
           }
         })
-      }, void 0), preview && _jsx(Button, {
+      }), preview && _jsx(Button, {
         type: "link",
         className: "igloo-freeform-step-label-edit",
         onClick: handleEdit,
@@ -250,13 +250,13 @@ var Step = function Step(_ref) {
         children: editButtonLabel || formatMessage({
           id: 'Edit'
         })
-      }, void 0)]
-    }, void 0), (edit || preview) && _jsxs("div", {
+      })]
+    }), (edit || preview) && _jsxs("div", {
       className: 'igloo-freeform-step-content',
       children: [_jsx(_Row, {
         gutter: [32, preview ? 16 : 24],
         children: transformChildren()
-      }, void 0), edit && index !== total - 1 && showButton && _jsx(_Row, {
+      }), edit && index !== total - 1 && showButton && _jsx(_Row, {
         children: _jsx(Button, {
           onClick: handleNext,
           className: 'igloo-freeform-step-button',
@@ -265,8 +265,8 @@ var Step = function Step(_ref) {
           children: buttonText || continueText || formatMessage({
             id: 'Continue'
           })
-        }, void 0)
-      }, void 0), edit && index === total - 1 && showButton && showSubmitButton && _jsx(_Form.Item, {
+        })
+      }), edit && index === total - 1 && showButton && showSubmitButton && _jsx(_Form.Item, {
         style: {
           marginBottom: 0
         },
@@ -279,12 +279,12 @@ var Step = function Step(_ref) {
           children: buttonText || submitText || formatMessage({
             id: 'Submit'
           })
-        }, void 0)
-      }, void 0)]
-    }, void 0), !edit && !preview && _jsx(_Divider, {
+        })
+      })]
+    }), !edit && !preview && _jsx(_Divider, {
       className: "igloo-freeform-step-divider"
-    }, void 0)]
-  }, void 0);
+    })]
+  });
 };
 
 export default Step;