iglooform 2.3.3 → 2.3.7

package/es/free-form/context.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { FormInstance } from 'antd/es/form';
+import { FormItemName } from '@/types';
+declare const _default: React.Context<{
+    form?: FormInstance<any> | undefined;
+    onCancel?(): void;
+    cancelText?: string | undefined;
+    submitText?: string | undefined;
+    previewText?: string | undefined;
+    nextText?: string | undefined;
+    continueText?: string | undefined;
+    validateMessages?: Object | undefined;
+    submitting?: boolean | undefined;
+    requiredMark?: boolean | undefined;
+    showSubmitButton?: boolean | undefined;
+    getScrollContainer: () => HTMLElement | Window | null;
+    registerDependencies: (name: FormItemName | FormItemName[], updater: Function) => void;
+}>;
+export default _default;

package/es/free-form/context.js

@@ -0,0 +1,7 @@
+import React from 'react';
+export default /*#__PURE__*/React.createContext({
+  getScrollContainer: function getScrollContainer() {
+    return window;
+  },
+  registerDependencies: function registerDependencies() {}
+});

package/es/free-form/element/index.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { FormItemConfig, FormItemName } from '../../types';
+import './style/index.less';
+interface ElementProps extends FormItemConfig {
+    parentName?: FormItemName;
+    preview?: boolean;
+    disabled?: boolean;
+    setShowStepButton?: (showButton: boolean) => void;
+}
+declare const Element: FC<ElementProps>;
+export default Element;

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

@@ -0,0 +1,262 @@
+import "antd/es/row/style";
+import _Row from "antd/es/row";
+import "antd/es/form/style";
+import _Form from "antd/es/form";
+import "antd/es/col/style";
+import _Col from "antd/es/col";
+import "antd/es/grid/style";
+import _Grid from "antd/es/grid";
+var _excluded = ["halfRow"];
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+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 _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 _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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+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; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext, useEffect, useRef, useReducer, isValidElement, cloneElement, useMemo } from 'react';
+import { CloseCircleFilled } from '@ant-design/icons';
+import { calcFormItemProps } from '../utils';
+import FormContext from '../context';
+import omit from 'omit.js';
+import classNames from 'classnames';
+import './style/index.less';
+var useBreakpoint = _Grid.useBreakpoint;
+
+var Element = function Element(props) {
+  var parentName = props.parentName,
+      label = props.label,
+      preview = props.preview,
+      disabled = props.disabled,
+      children = props.children;
+
+  var _useContext = useContext(FormContext),
+      form = _useContext.form,
+      requiredMark = _useContext.requiredMark,
+      registerDependencies = _useContext.registerDependencies;
+
+  var _useReducer = useReducer(function (r) {
+    return r + 1;
+  }, 0),
+      _useReducer2 = _slicedToArray(_useReducer, 2),
+      _ = _useReducer2[0],
+      dispatch = _useReducer2[1];
+
+  useEffect(function () {
+    var dependencies = props.dependencies,
+        asserts = props.asserts,
+        copyValue = props.copyValue,
+        selectValue = props.selectValue,
+        shouldRender = props.shouldRender;
+    var dependentField = dependencies || [];
+
+    if (asserts && asserts.length) {
+      asserts.forEach(function (_ref) {
+        var field = _ref.field;
+        return dependentField.push(field);
+      });
+    }
+
+    if (copyValue) {
+      dependentField.push(copyValue.assert.field);
+    }
+
+    if (selectValue && selectValue.length) {
+      selectValue.forEach(function (_ref2) {
+        var assert = _ref2.assert;
+        return dependentField.push(assert.field);
+      });
+    }
+
+    if (shouldRender) {
+      dependentField.push('SUBSCRIBE_ALL');
+    }
+
+    registerDependencies(dependentField, dispatch);
+  }, []);
+  var extraConfig = useMemo(function () {
+    var _children$type, _children$type2;
+
+    if (! /*#__PURE__*/isValidElement(children)) return {}; //@ts-ignore
+
+    return (children === null || children === void 0 ? void 0 : (_children$type = children.type) === null || _children$type === void 0 ? void 0 : _children$type.formItemPropsHandler) ? //@ts-ignore
+    children === null || children === void 0 ? void 0 : (_children$type2 = children.type) === null || _children$type2 === void 0 ? void 0 : _children$type2.formItemPropsHandler(props) : {};
+  }, [children]);
+
+  var _calcFormItemProps = calcFormItemProps(props, _objectSpread(_objectSpread({}, extraConfig), {}, {
+    requiredMark: requiredMark
+  }), form, parentName),
+      colProps = _calcFormItemProps.colProps,
+      formItemProps = _calcFormItemProps.formItemProps,
+      display = _calcFormItemProps.display,
+      previewFormater = _calcFormItemProps.previewFormater,
+      elementProps = _calcFormItemProps.elementProps;
+
+  useEffect(function () {
+    if (!formItemProps.name || preview || !formItemProps.copiedValue.copied) return;
+    form && form.setFields([{
+      name: formItemProps.name,
+      value: formItemProps.copiedValue.value,
+      errors: []
+    }]);
+  }, [formItemProps.copiedValue.value]);
+  useEffect(function () {
+    if (!formItemProps.name || preview || !formItemProps.selectedValue.selected) return;
+    form && form.setFields([{
+      name: formItemProps.name,
+      value: formItemProps.selectedValue.value,
+      errors: []
+    }]);
+  }, [formItemProps.selectedValue.value]);
+
+  var _useBreakpoint = useBreakpoint(),
+      md = _useBreakpoint.md;
+
+  var ref = useRef(null);
+
+  var halfRow = colProps.halfRow,
+      restColProps = _objectWithoutProperties(colProps, _excluded);
+
+  var value = form === null || form === void 0 ? void 0 : form.getFieldValue(formItemProps.name);
+  var error = form === null || form === void 0 ? void 0 : form.getFieldError(formItemProps.name);
+  useEffect(function () {
+    var value = form === null || form === void 0 ? void 0 : form.getFieldValue(formItemProps.name);
+    if (value || !formItemProps.initialValue) return;
+    form === null || form === void 0 ? void 0 : form.setFields([{
+      name: formItemProps.name,
+      value: formItemProps.initialValue
+    }]);
+  }, [formItemProps.initialValue]);
+
+  var setFieldError = function setFieldError(errorMsg) {
+    form === null || form === void 0 ? void 0 : form.setFields([{
+      name: formItemProps.name,
+      errors: errorMsg ? [errorMsg] : []
+    }]);
+  };
+
+  var setFieldValue = function setFieldValue(value) {
+    form === null || form === void 0 ? void 0 : form.setFields([{
+      name: formItemProps.name,
+      value: value
+    }]);
+  };
+
+  var validateField = function validateField() {
+    form === null || form === void 0 ? void 0 : form.validateFields([formItemProps.name]);
+  };
+
+  var getFormInstance = function getFormInstance() {
+    return form;
+  };
+
+  var transformChildren = function transformChildren() {
+    if (! /*#__PURE__*/isValidElement(children)) return children;
+    return /*#__PURE__*/cloneElement(children, _objectSpread(_objectSpread({}, children.props), {}, {
+      disabled: elementProps.disabled || disabled,
+      containerRef: ref,
+      setFieldError: setFieldError,
+      setFieldValue: setFieldValue,
+      getFormInstance: getFormInstance,
+      validateField: validateField
+    }));
+  };
+
+  if (!display) return null;
+
+  if (preview) {
+    if (!value) {
+      return null;
+    }
+
+    return _jsx(_Col, Object.assign({
+      span: 24,
+      className: classNames('igloo-element-preview', {
+        'igloo-element-preview-hide': props.hideWhenPreview,
+        'igloo-element-preview-hide-divider': props.hidePreviewDivider
+      })
+    }, {
+      children: _jsx(_Form.Item, Object.assign({}, omit(formItemProps, ['copiedValue', 'selectedValue']), {
+        labelCol: {
+          span: 24
+        },
+        wrapperCol: {
+          span: 24
+        },
+        label: null
+      }, {
+        children: _jsxs(_Row, Object.assign({
+          className: "igloo-element-preview-item",
+          gutter: {
+            md: 32,
+            sm: 0,
+            xs: 0
+          }
+        }, {
+          children: [label && _jsx(_Col, Object.assign({
+            span: 12,
+            md: 12,
+            sm: 24,
+            xs: 24,
+            className: "igloo-element-preview-label"
+          }, {
+            children: label
+          }), void 0), _jsxs(_Col, Object.assign({
+            span: label ? 12 : 24,
+            md: label ? 12 : 24,
+            sm: 24,
+            xs: 24,
+            className: "igloo-element-preview-value"
+          }, {
+            children: [error && !!error.length && _jsx(CloseCircleFilled, {
+              className: "igloo-element-preview-value-icon"
+            }, void 0), previewFormater ? previewFormater(value) : value]
+          }), void 0)]
+        }), void 0)
+      }), void 0)
+    }), void 0);
+  }
+
+  return props.hideWhenEdit ? null : _jsx(_Col, Object.assign({}, restColProps, {
+    className: "igloo-form-item"
+  }, {
+    children: _jsx("div", Object.assign({
+      ref: ref,
+      style: {
+        width: halfRow && md ? '50%' : '100%',
+        paddingRight: halfRow && md ? 16 : 0
+      }
+    }, {
+      children: _jsx(_Form.Item, Object.assign({
+        labelCol: {
+          span: 24
+        },
+        wrapperCol: {
+          span: 24
+        }
+      }, omit(formItemProps, ['copiedValue', 'selectedValue']), {
+        children: transformChildren()
+      }), void 0)
+    }), void 0)
+  }), void 0);
+};
+
+Element.displayName = 'Igloo_Free_Form_Item';
+export default Element;

package/es/free-form/element/style/index.d.ts

@@ -0,0 +1 @@
+import './index.less';

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

@@ -0,0 +1 @@
+import './index.less';

package/es/free-form/element/style/index.less

@@ -0,0 +1,116 @@
+.igloo-element-preview {
+  margin: 0 !important;
+
+  .ant-form-item-control-input {
+    min-height: unset;
+  }
+
+  &:not(:last-child) {
+    & > div {
+      padding-bottom: 16px;
+      border-bottom: 1px solid #eeeeee;
+    }
+  }
+
+  &:last-child > div {
+    padding-bottom: 0;
+  }
+
+  .igloo-element-preview-item {
+    .igloo-element-preview-label {
+      color: #666666;
+      line-height: 24px;
+    }
+
+    .igloo-element-preview-value {
+      color: #212121;
+      white-space: pre-wrap;
+      word-break: break-word;
+      line-height: 24px;
+    }
+  }
+
+  .ant-form-item-explain-error {
+    margin-top: 0;
+    margin-left: 50%;
+  }
+
+  .ant-form-item-extra,
+  .ant-form-item-explain {
+    display: none;
+  }
+
+  .ant-form-item-explain-error {
+    display: block;
+  }
+}
+
+.igloo-element-preview-hide {
+  border-bottom: none !important;
+  display: none;
+}
+
+.igloo-element-preview-hide-divider {
+  & > div {
+    border-bottom: none !important;
+    padding-bottom: 8px;
+  }
+
+  &:last-child {
+    padding-bottom: 0;
+  }
+}
+
+.ant-form-item-control-input {
+  min-height: unset;
+}
+
+.igloo-form-label {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+
+  .igloo-form-label-text {
+    color: #666666;
+    font-size: 16px;
+    line-height: 24px;
+
+    .igloo-form-label-required {
+      margin-left: 8px;
+    }
+    .igloo-form-label-optional {
+      margin-left: 5px;
+      font-size: 16px;
+      font-style: italic;
+      color: #999999;
+    }
+  }
+}
+
+@media screen and (max-width: 768px) {
+  .igloo-element-preview {
+    .igloo-element-preview-value {
+      margin-top: 8px;
+
+      .igloo-element-preview-value-icon {
+        color: @error-color;
+        margin-right: 8px;
+      }
+    }
+
+    .ant-form-item-explain-error {
+      margin-left: 0 !important;
+    }
+  }
+}
+
+.ant-form-item-label > label {
+  height: auto;
+}
+
+.igloo-form-item,
+.igloo-element-preview {
+  .ant-form-item {
+    margin-bottom: 0;
+  }
+}

package/es/free-form/index.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { FormBasicConfig } from '../types';
+import './style/index.less';
+interface FreeFormProps extends Omit<FormBasicConfig, 'config'> {
+}
+declare const FreeForm: FC<FreeFormProps>;
+export default FreeForm;

package/es/free-form/index.js

@@ -0,0 +1,203 @@
+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 _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 _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 asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+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; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import FormContext from './context';
+import messages from './messages';
+import './style/index.less';
+import classNames from 'classnames';
+
+var FreeForm = function FreeForm(props) {
+  var children = props.children,
+      onCancel = props.onCancel,
+      onSubmit = props.onSubmit,
+      className = props.className,
+      style = props.style,
+      _props$locales = props.locales,
+      localesProp = _props$locales === void 0 ? {} : _props$locales,
+      initialValues = props.initialValues,
+      formProp = props.form,
+      _props$requiredMark = props.requiredMark,
+      requiredMark = _props$requiredMark === void 0 ? false : _props$requiredMark,
+      _props$showSubmitButt = props.showSubmitButton,
+      showSubmitButton = _props$showSubmitButt === void 0 ? true : _props$showSubmitButt,
+      _props$getScrollConta = props.getScrollContainer,
+      getScrollContainer = _props$getScrollConta === void 0 ? function () {
+    return window;
+  } : _props$getScrollConta;
+
+  var _Form$useForm = _Form.useForm(),
+      _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+      innerForm = _Form$useForm2[0];
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      submitting = _useState2[0],
+      setSubmitting = _useState2[1];
+
+  var _useState3 = useState({}),
+      _useState4 = _slicedToArray(_useState3, 2),
+      dependents = _useState4[0],
+      setDependents = _useState4[1];
+
+  var _useState5 = useState(formProp || innerForm),
+      _useState6 = _slicedToArray(_useState5, 1),
+      form = _useState6[0];
+
+  var validateMessages = localesProp.validateMessages,
+      locales = _objectWithoutProperties(localesProp, _excluded);
+
+  var handleSubmit = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(values) {
+      var errors;
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              if (!(typeof onSubmit === 'function')) {
+                _context.next = 10;
+                break;
+              }
+
+              setSubmitting(true);
+              _context.prev = 2;
+              _context.next = 5;
+              return onSubmit(values);
+
+            case 5:
+              errors = _context.sent;
+
+              if (Array.isArray(errors)) {
+                form.setFields(errors);
+                form.scrollToField(errors[0].name);
+              }
+
+            case 7:
+              _context.prev = 7;
+              setSubmitting(false);
+              return _context.finish(7);
+
+            case 10:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[2,, 7, 10]]);
+    }));
+
+    return function handleSubmit(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+
+  var registerDependencies = function registerDependencies(field, updater) {
+    if (Array.isArray(field)) {
+      setDependents(function (deps) {
+        var newDeps = _objectSpread({}, deps);
+
+        field.forEach(function (name) {
+          var key = Array.isArray(name) ? name.join() : name;
+
+          if (!newDeps[key]) {
+            newDeps[key] = [];
+          }
+
+          newDeps[key].push(updater);
+        });
+        return newDeps;
+      });
+      return;
+    }
+
+    setDependents(function (deps) {
+      var newDeps = _objectSpread({}, deps);
+
+      var key = Array.isArray(field) ? field.join() : field;
+
+      if (!newDeps[key]) {
+        newDeps[key] = [];
+      }
+
+      newDeps[key].push(updater);
+      return newDeps;
+    });
+  };
+
+  var handleValuesChange = function handleValuesChange(changedFields) {
+    var changedField = changedFields[0].name;
+    var changedKey = Array.isArray(changedField) ? changedField.join() : changedField;
+
+    if (dependents[changedKey]) {
+      dependents[changedKey].forEach(function (updater) {
+        return updater();
+      });
+    }
+
+    if (dependents['SUBSCRIBE_ALL']) {
+      dependents['SUBSCRIBE_ALL'].forEach(function (updater) {
+        return updater();
+      });
+    }
+  };
+
+  return _jsx("div", Object.assign({
+    className: classNames(className, {
+      'igloo-form-without-button': !showSubmitButton
+    }),
+    style: style
+  }, {
+    children: _jsx(FormContext.Provider, Object.assign({
+      value: _objectSpread({
+        form: form,
+        onCancel: onCancel,
+        submitting: submitting,
+        requiredMark: requiredMark,
+        showSubmitButton: showSubmitButton,
+        getScrollContainer: getScrollContainer,
+        registerDependencies: registerDependencies
+      }, locales)
+    }, {
+      children: _jsx(_Form, Object.assign({
+        form: form,
+        onFinish: handleSubmit,
+        onFieldsChange: handleValuesChange,
+        colon: false,
+        validateMessages: validateMessages || messages,
+        initialValues: initialValues,
+        scrollToFirstError: true
+      }, {
+        children: children
+      }), void 0)
+    }), void 0)
+  }), void 0);
+};
+
+export default FreeForm;