iglooform 2.4.23 → 2.4.26

package/es/filter/style/index.less

@@ -13,7 +13,10 @@
     height: 48px;
 
     .ant-select-selector {
-      border-color: #eeeeee;
+      &:hover {
+        border-color: #7373ff !important;
+      }
+      border-color: #eeeeee !important;
     }
   }
 }
@@ -71,7 +74,7 @@
   // input 框样式
   .igloo-form-filter-default-input {
     width: 600px;
-    border-radius: 3px 0px 0px 3px;
+    border-radius: 3px;
     padding: 12px 16px;
   }
 
@@ -126,6 +129,10 @@
 
     .igloo-form-filter-default-tag-container,
     .igloo-form-filter-has-select-tag-container {
+      &:hover {
+        border-color: #7373ff;
+      }
+
       border: 1px solid #eeeeee;
       display: flex;
 
@@ -171,6 +178,7 @@
     position: absolute;
     top: 0;
     right: 0;
+    background-color: white;
 
     .igloo-form-filter-filter-button {
       border-radius: 0px 3px 3px 0px;

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

@@ -1,11 +1,15 @@
 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); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
@@ -29,7 +33,7 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-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, useCallback } from 'react';
 import Element from '../element';
 import FormContext from '../../form-context';
@@ -38,6 +42,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(_ref) {
   var parentName = _ref.parentName,
@@ -64,6 +69,9 @@ var AddableSection = function AddableSection(_ref) {
       addButtonText = config.addButtonText,
       addButtonIcon = config.addButtonIcon;
 
+  var _useBreakpoint = useBreakpoint(),
+      md = _useBreakpoint.md;
+
   var _useContext = useContext(LocaleContext),
       formatMessage = _useContext.formatMessage;
 
@@ -142,15 +150,19 @@ var AddableSection = function AddableSection(_ref) {
     var parentName = calcNamePath(namePath, index);
     return _jsxs(_Col, {
       span: 24,
-      className: 'igloo-freeform-addable-section',
-      children: [(groupKeys.length > min && !preview || label) && _jsxs(_Row, {
+      className: 'igloo-form-addable-section',
+      children: [index > 0 && _jsx(_Divider, {
+        style: {
+          margin: !md ? preview ? '16px 0 24px 0' : '24px 0' : '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() {
@@ -162,10 +174,13 @@ var AddableSection = function AddableSection(_ref) {
           children: formatMessage({
             id: 'Remove'
           })
-        }, void 0)]
-      }, void 0), _jsx("div", _objectSpread(_objectSpread({
-        className: 'igloo-freeform-addable-section-content'
+        })]
+      }), _jsx("div", _objectSpread(_objectSpread({
+        className: 'igloo-form-addable-section-content'
       }, contentProps), {}, {
+        style: {
+          marginTop: !md ? 16 : 24
+        },
         children: _jsx(_Row, {
           gutter: [32, preview ? 16 : 24],
           children: elements.map(function (child, index) {
@@ -177,19 +192,19 @@ var AddableSection = function AddableSection(_ref) {
               setShowStepButton: setShowStepButton
             }, index);
           })
-        }, void 0)
-      }), void 0)]
+        })
+      }))]
     }, key);
   });
   return _jsxs("div", {
-    className: "igloo-freeform-addable-section-container",
+    className: "igloo-form-addable-section-container",
     style: {
       width: '100%'
     },
     children: [groups, groupKeys.length < max && !preview && _jsx(_Col, {
       span: 24,
       style: {
-        marginTop: 16
+        marginTop: !md ? 24 : 32
       },
       children: _jsx(Button, {
         onClick: function onClick() {
@@ -198,14 +213,14 @@ var AddableSection = function AddableSection(_ref) {
             key: Date.now()
           });
         },
-        className: "igloo-addable-section-button",
+        className: "igloo-form-addable-section-button",
         icon: addButtonIcon,
         children: addButtonText || "".concat(formatMessage({
           id: 'Add'
         }), " ").concat(label)
-      }, void 0)
-    }, void 0)]
-  }, void 0);
+      })
+    })]
+  });
 };
 
 export default AddableSection;

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

@@ -1,22 +1,18 @@
-.igloo-freeform-addable-section-container {
-  .igloo-freeform-addable-section {
-    .igloo-freeform-addable-section-label {
-      .igloo-freeform-addable-section-label-remove {
+.igloo-form-addable-section-container {
+  .igloo-form-addable-section {
+    .igloo-form-addable-section-label {
+      .igloo-form-addable-section-label-remove {
         height: auto;
         border: none;
       }
     }
 
-    .igloo-freeform-addable-section-content {
+    .igloo-form-addable-section-content {
       margin-top: 16px;
     }
-
-    & + .igloo-freeform-addable-section {
-      margin-top: 24px;
-    }
   }
 
-  .igloo-freeform-addable-section-button {
+  .igloo-form-addable-section-button {
     min-width: 221px;
   }
 }

package/es/form/divider/index.js

@@ -2,9 +2,9 @@ import "antd/es/divider/style";
 import _Divider from "antd/es/divider";
 var _excluded = ["className"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
@@ -24,7 +24,7 @@ var DividerElement = function DividerElement(_ref) {
 
   return _jsx(_Divider, _objectSpread({
     className: classNames(className, 'igloo-form-divider')
-  }, omit(props, formMethods)), void 0);
+  }, omit(props, formMethods)));
 };
 
 DividerElement.formItemPropsHandler = function () {

package/es/form/element/index.js

@@ -13,13 +13,13 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
@@ -157,7 +157,7 @@ var Element = function Element(_ref) {
       preview: preview,
       disabled: disabled,
       setShowStepButton: setShowStepButton
-    }, void 0);
+    });
   }
 
   if (type === 'AddableSection') {
@@ -167,7 +167,7 @@ var Element = function Element(_ref) {
       preview: preview,
       disabled: disabled,
       setShowStepButton: setShowStepButton
-    }, void 0);
+    });
   }
 
   var _calcFormItemProps = calcFormItemProps(config, _objectSpread(_objectSpread({}, extraConfig), {}, {
@@ -242,7 +242,7 @@ var Element = function Element(_ref) {
       return null;
     }
 
-    return hideWhenEdit ? null : _jsx(_Col, _objectSpread(_objectSpread({}, restColProps), {}, {
+    return hideWhenEdit || !display ? null : _jsx(_Col, _objectSpread(_objectSpread({}, restColProps), {}, {
       className: "igloo-form-item",
       children: _jsx("div", {
         style: {
@@ -258,9 +258,9 @@ var Element = function Element(_ref) {
           setShowStepButton: setShowStepButton,
           getFormInstance: getFormInstance,
           validateField: validateField
-        }), void 0)
-      }, void 0)
-    }), void 0);
+        }))
+      })
+    }));
   }
 
   if (!display) return null;
@@ -299,7 +299,7 @@ var Element = function Element(_ref) {
             xs: 24,
             className: "igloo-element-preview-label",
             children: previewLabel || label
-          }, void 0), _jsxs(_Col, {
+          }), _jsxs(_Col, {
             span: label ? 12 : 24,
             md: label ? 12 : 24,
             sm: 24,
@@ -307,13 +307,13 @@ var Element = function Element(_ref) {
             className: "igloo-element-preview-value",
             children: [error && !!error.length && _jsx(AlertFilled, {
               className: "igloo-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 config.hideWhenEdit ? null : _jsx(_Col, _objectSpread(_objectSpread({}, restColProps), {}, {
@@ -341,10 +341,10 @@ var Element = function Element(_ref) {
           setShowStepButton: setShowStepButton,
           getFormInstance: getFormInstance,
           validateField: validateField
-        }), void 0)
-      }), void 0)
-    }, void 0)
-  }), void 0);
+        }))
+      }))
+    })
+  }));
 };
 
 export default Element;

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() {

package/es/form/index.js

@@ -2,9 +2,9 @@ import "antd/es/form/style";
 import _Form from "antd/es/form";
 var _excluded = ["validateMessages"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
@@ -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

@@ -4,9 +4,9 @@ import "antd/es/col/style";
 import _Col from "antd/es/col";
 var _excluded = ["elements", "name", "label", "labelProps", "contentProps", "style"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
@@ -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

@@ -43,6 +43,7 @@ var Step = function Step(_ref) {
       editButtonLabel = _ref$config.editButtonLabel,
       getButtonDisabledState = _ref$config.getButtonDisabledState,
       disableEditButton = _ref$config.disableEditButton,
+      buttonText = _ref$config.buttonText,
       edit = _ref.edit,
       preview = _ref.preview,
       index = _ref.index,
@@ -99,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}",
@@ -112,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,
@@ -120,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],
@@ -133,17 +134,17 @@ 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',
           type: "primary",
           disabled: buttonDisabled,
-          children: continueText || formatMessage({
+          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
         },
@@ -153,15 +154,15 @@ var Step = function Step(_ref) {
           className: 'igloo-step-button',
           loading: submitting,
           disabled: buttonDisabled,
-          children: submitText || formatMessage({
+          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;