@kineticdata/react 6.0.1 → 6.0.2

package/lib/components/form/SimpleForm.js

@@ -0,0 +1,462 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.unmountSimpleForm = exports.resetSimpleForm = exports.onFocus = exports.onChange = exports.onBlur = exports.mountSimpleForm = exports.mapStateToProps = exports.configureSimpleForm = exports.SimpleForm = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createSuper"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regeneratorRuntime"));
+var _react = _interopRequireWildcard(require("react"));
+var _effects = require("redux-saga/effects");
+var _immutable = require("immutable");
+var _store = require("../../store");
+var _ComponentConfigContext = require("../common/ComponentConfigContext");
+var _helpers = require("../../helpers");
+var _SimpleForm = require("./SimpleForm.helpers");
+var _excluded = ["components"];
+var resetFields = function resetFields(fields) {
+  return fields.map(function (field) {
+    return field.merge({
+      touched: false
+    });
+  });
+};
+(0, _store.regHandlers)({
+  MOUNT_SIMPLE_FORM: function MOUNT_SIMPLE_FORM(state, _ref) {
+    var formKey = _ref.payload.formKey;
+    return state.setIn(['forms', formKey], null);
+  },
+  UNMOUNT_SIMPLE_FORM: function UNMOUNT_SIMPLE_FORM(state, _ref2) {
+    var formKey = _ref2.payload.formKey;
+    return state.deleteIn(['forms', formKey]);
+  },
+  CONFIGURE_SIMPLE_FORM: function CONFIGURE_SIMPLE_FORM(state, _ref3) {
+    var payload = _ref3.payload;
+    return state.getIn(['forms', payload.formKey]) !== null ? state.setIn(['forms', payload.formKey, 'callOnLoad'], false) : state.setIn(['forms', payload.formKey], (0, _SimpleForm.createFormState)(payload));
+  },
+  SIMPLE_FORM_FOCUS_FIELD: function SIMPLE_FORM_FOCUS_FIELD(state, _ref4) {
+    var _ref4$payload = _ref4.payload,
+      formKey = _ref4$payload.formKey,
+      name = _ref4$payload.name;
+    return state.setIn(['forms', formKey, 'fields', name, 'focused'], true);
+  },
+  SIMPLE_FORM_BLUR_FIELD: function SIMPLE_FORM_BLUR_FIELD(state, _ref5) {
+    var _ref5$payload = _ref5.payload,
+      formKey = _ref5$payload.formKey,
+      name = _ref5$payload.name;
+    return state.mergeIn(['forms', formKey, 'fields', name], {
+      changed: false,
+      focused: false,
+      touched: true
+    });
+  },
+  SIMPLE_FORM_CHANGE_FIELD: function SIMPLE_FORM_CHANGE_FIELD(state, _ref6) {
+    var _ref6$payload = _ref6.payload,
+      formKey = _ref6$payload.formKey,
+      name = _ref6$payload.name;
+    return state.mergeIn(['forms', formKey, 'fields', name], {
+      changed: true,
+      touched: true
+    });
+  },
+  SIMPLE_FORM_RESET: function SIMPLE_FORM_RESET(state, _ref7) {
+    var _ref7$payload = _ref7.payload,
+      formKey = _ref7$payload.formKey,
+      values = _ref7$payload.values;
+    return !!state.getIn(['forms', formKey]) ? state.updateIn(['forms', formKey, 'fields'], resetFields).updateIn(['forms', formKey, 'initialValues'], function (initialValues) {
+      return values || initialValues;
+    }) : state;
+  }
+});
+var selectForm = function selectForm(formKey) {
+  return function (state) {
+    return state.getIn(['forms', formKey]);
+  };
+};
+var selectField = function selectField(formKey, fieldName) {
+  return function (state) {
+    return state.getIn(['forms', formKey, 'fields', fieldName]);
+  };
+};
+(0, _store.regSaga)((0, _effects.takeEvery)('CONFIGURE_SIMPLE_FORM', function (_ref8) {
+  var formKey = _ref8.payload.formKey;
+  return /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee() {
+    var formState;
+    return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 2;
+          return (0, _effects.select)(selectForm(formKey));
+        case 2:
+          formState = _context.sent;
+          if (!(formState && formState.callOnLoad && typeof formState.onLoad === 'function')) {
+            _context.next = 6;
+            break;
+          }
+          _context.next = 6;
+          return (0, _effects.call)(formState.onLoad);
+        case 6:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })();
+}));
+(0, _store.regSaga)((0, _effects.takeEvery)('SIMPLE_FORM_FOCUS_FIELD', function (_ref9) {
+  var _ref9$payload = _ref9.payload,
+    formKey = _ref9$payload.formKey,
+    name = _ref9$payload.name,
+    bindings = _ref9$payload.bindings;
+  return /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee2() {
+    var _yield$select, onFocus;
+    return (0, _regeneratorRuntime2["default"])().wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _context2.next = 2;
+          return (0, _effects.select)(selectField(formKey, name));
+        case 2:
+          _yield$select = _context2.sent;
+          onFocus = _yield$select.onFocus;
+          if (typeof onFocus === 'function') {
+            onFocus(bindings);
+          }
+        case 5:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  })();
+}));
+(0, _store.regSaga)((0, _effects.takeEvery)('SIMPLE_FORM_CHANGE_FIELD', function (_ref10) {
+  var _ref10$payload = _ref10.payload,
+    formKey = _ref10$payload.formKey,
+    name = _ref10$payload.name,
+    value = _ref10$payload.value,
+    bindings = _ref10$payload.bindings;
+  return /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee3() {
+    var _yield$select2, onChange;
+    return (0, _regeneratorRuntime2["default"])().wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          _context3.next = 2;
+          return (0, _effects.select)(selectField(formKey, name));
+        case 2:
+          _yield$select2 = _context3.sent;
+          onChange = _yield$select2.onChange;
+          if (typeof onChange === 'function') {
+            onChange(value, bindings);
+          } else {
+            console.error('Field is missing onChange event:', name);
+          }
+        case 5:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  })();
+}));
+(0, _store.regSaga)((0, _effects.takeEvery)('SIMPLE_FORM_BLUR_FIELD', function (_ref11) {
+  var _ref11$payload = _ref11.payload,
+    formKey = _ref11$payload.formKey,
+    name = _ref11$payload.name,
+    bindings = _ref11$payload.bindings;
+  return /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee4() {
+    var _yield$select3, onBlur;
+    return (0, _regeneratorRuntime2["default"])().wrap(function _callee4$(_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          _context4.next = 2;
+          return (0, _effects.select)(selectField(formKey, name));
+        case 2:
+          _yield$select3 = _context4.sent;
+          onBlur = _yield$select3.onBlur;
+          if (typeof onBlur === 'function') {
+            onBlur(bindings);
+          }
+        case 5:
+        case "end":
+          return _context4.stop();
+      }
+    }, _callee4);
+  })();
+}));
+var onFocus = exports.onFocus = function onFocus(_ref12) {
+  var formKey = _ref12.formKey,
+    name = _ref12.name;
+  return function (bindings) {
+    return function () {
+      (0, _store.dispatch)('SIMPLE_FORM_FOCUS_FIELD', {
+        formKey: formKey,
+        name: name,
+        bindings: bindings
+      });
+    };
+  };
+};
+var onBlur = exports.onBlur = function onBlur(_ref13) {
+  var formKey = _ref13.formKey,
+    name = _ref13.name;
+  return function (bindings) {
+    return function () {
+      (0, _store.dispatch)('SIMPLE_FORM_BLUR_FIELD', {
+        formKey: formKey,
+        name: name,
+        bindings: bindings
+      });
+    };
+  };
+};
+var onChange = exports.onChange = function onChange(_ref14) {
+  var formKey = _ref14.formKey,
+    type = _ref14.type,
+    name = _ref14.name;
+  return function (bindings) {
+    return function (event) {
+      var value;
+      if (type === 'checkbox' && event && event.target) {
+        value = event.target.checked;
+      } else if (type === 'checkbox-multi') {
+        value = event.target.value;
+      } else if (type === 'select-multi' && event && event.target && event.target.options) {
+        value = (0, _immutable.List)(event.target.options).filter(function (o) {
+          return o.selected;
+        }).map(function (o) {
+          return o.value;
+        });
+      } else if (event && event.target) {
+        value = event.target.value;
+      } else {
+        value = event;
+      }
+      (0, _store.dispatch)('SIMPLE_FORM_CHANGE_FIELD', {
+        formKey: formKey,
+        name: name,
+        value: value,
+        bindings: bindings
+      });
+    };
+  };
+};
+var mountSimpleForm = exports.mountSimpleForm = function mountSimpleForm(formKey) {
+  return (0, _store.dispatch)('MOUNT_SIMPLE_FORM', {
+    formKey: formKey
+  });
+};
+var unmountSimpleForm = exports.unmountSimpleForm = function unmountSimpleForm(formKey) {
+  return (0, _store.dispatch)('UNMOUNT_SIMPLE_FORM', {
+    formKey: formKey
+  });
+};
+var configureSimpleForm = exports.configureSimpleForm = function configureSimpleForm(config) {
+  return (0, _store.dispatch)('CONFIGURE_SIMPLE_FORM', config);
+};
+var resetSimpleForm = exports.resetSimpleForm = function resetSimpleForm(formKey, values) {
+  (0, _store.dispatch)('SIMPLE_FORM_RESET', {
+    formKey: formKey,
+    values: values
+  });
+};
+
+// Wraps the FormImpl to handle the formKey behavior. If this is passed a
+// formKey prop this wrapper is essentially a noop, but if it is not passed a
+// formKey then it generates one and stores it as component state and passes
+// that to FormImpl. When it generates its own form key it then mounts/unmounts
+// the form state in its lifecycle methods. Note that we need a second component
+// to do this because we need to use the form key in the mapStateToProps of the
+// wrapped component.
+
+/**
+ * @component
+ */
+var SimpleForm = exports.SimpleForm = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(SimpleForm, _Component);
+  var _super = (0, _createSuper2["default"])(SimpleForm);
+  function SimpleForm(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, SimpleForm);
+    _this = _super.call(this, props);
+    _this.auto = !_this.props.formKey || _this.props.uncontrolled;
+    _this.formKey = _this.props.formKey || 'f' + (0, _helpers.generateKey)();
+    return _this;
+  }
+  (0, _createClass2["default"])(SimpleForm, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      if (this.auto) {
+        mountSimpleForm(this.formKey);
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      if (this.auto) {
+        unmountSimpleForm(this.formKey);
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _this$props = this.props,
+        components = _this$props.components,
+        props = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
+      return /*#__PURE__*/_react["default"].createElement(_ComponentConfigContext.ComponentConfigContext.Consumer, null, function (config) {
+        return /*#__PURE__*/_react["default"].createElement(SimpleFormImpl, Object.assign({}, props, {
+          formKey: _this2.auto ? _this2.formKey : _this2.props.formKey,
+          components: config.merge((0, _immutable.Map)(components).filter(function (c) {
+            return !!c;
+          }))
+        }));
+      });
+    }
+  }]);
+  return SimpleForm;
+}(_react.Component);
+var SimpleFormImplComponent = /*#__PURE__*/function (_Component2) {
+  (0, _inherits2["default"])(SimpleFormImplComponent, _Component2);
+  var _super2 = (0, _createSuper2["default"])(SimpleFormImplComponent);
+  function SimpleFormImplComponent() {
+    var _this3;
+    (0, _classCallCheck2["default"])(this, SimpleFormImplComponent);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this3 = _super2.call.apply(_super2, [this].concat(args));
+    _this3.focusRef = /*#__PURE__*/(0, _react.createRef)();
+    _this3.onReset = function () {
+      return typeof _this3.props.onReset === 'function' ? function (e) {
+        return _this3.props.onReset(e, {
+          formKey: _this3.props.formKey
+        });
+      } : undefined;
+    };
+    _this3.onSubmit = function () {
+      return typeof _this3.props.onSubmit === 'function' ? function (e) {
+        return _this3.props.onSubmit(e, {
+          formKey: _this3.props.formKey
+        });
+      } : undefined;
+    };
+    return _this3;
+  }
+  (0, _createClass2["default"])(SimpleFormImplComponent, [{
+    key: "checkConfigure",
+    value: function checkConfigure() {
+      if (this.props.formState === null) {
+        configureSimpleForm(this.props);
+      }
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.checkConfigure();
+      // if the form was mounted then hidden (by being unrendered) its possible
+      // that when its shown again the fields will already be ready to render so
+      // we need to check focus on mount as well
+      if (this.props.formState && this.props.formState.fields && this.focusRef.current) {
+        this.focusRef.current.focus();
+      }
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      this.checkConfigure();
+      // after the first render where fields should be rendered, check to see if
+      // we should focus a field (based on the autoFocus prop passed to the Form)
+      if (this.props.formState && this.props.formState.fields && !(prevProps.formState && prevProps.formState.fields) && this.focusRef.current) {
+        this.focusRef.current.focus();
+      }
+      // else if the autoFocus prop has been changed we will also focus the new
+      // resulting focus element
+      else if (this.props.autoFocus !== prevProps.autoFocus && this.focusRef.current) {
+        this.focusRef.current.focus();
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this4 = this;
+      var _this$props2 = this.props,
+        autoFocus = _this$props2.autoFocus,
+        _this$props2$bindings = _this$props2.bindings,
+        passThroughBindings = _this$props2$bindings === void 0 ? {} : _this$props2$bindings,
+        components = _this$props2.components,
+        error = _this$props2.error,
+        fieldsOrig = _this$props2.fields,
+        formKey = _this$props2.formKey,
+        formState = _this$props2.formState,
+        readOnly = _this$props2.readOnly,
+        validateOnLoad = _this$props2.validateOnLoad,
+        values = _this$props2.values;
+      var initialized = formState ? !!formState.fields : false;
+      var form = null;
+      if (initialized) {
+        var _components$toObject = components.toObject(),
+          FormButtons = _components$toObject.FormButtons,
+          FormError = _components$toObject.FormError,
+          FormLayout = _components$toObject.FormLayout;
+        var fields = formState.fields,
+          initialValues = formState.initialValues;
+        var bindings = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, passThroughBindings), {}, {
+          values: values,
+          initialValues: initialValues
+        });
+        var evaluatedFields = (0, _SimpleForm.evaluateFields)(fields, bindings, validateOnLoad);
+        var dirty = evaluatedFields.some(function (field) {
+          return field.dirty;
+        });
+        var fieldComponents = (0, _SimpleForm.getFieldComponents)(fieldsOrig);
+        form = /*#__PURE__*/_react["default"].createElement(FormLayout, {
+          formKey: formKey,
+          fields: evaluatedFields.mapEntries(function (_ref15, index) {
+            var _ref16 = (0, _slicedToArray2["default"])(_ref15, 2),
+              name = _ref16[0],
+              field = _ref16[1];
+            var FieldImpl = fieldComponents.get(name) || components.get((0, _SimpleForm.getComponentName)(field), null);
+            return [name, FieldImpl ? /*#__PURE__*/_react["default"].createElement(FieldImpl, Object.assign({
+              key: name,
+              focusRef: name === autoFocus || index === autoFocus ? _this4.focusRef : null
+            }, (0, _SimpleForm.getFieldComponentProps)(field, readOnly))) : null];
+          }),
+          dirty: dirty,
+          error: error && /*#__PURE__*/_react["default"].createElement(FormError, {
+            error: error
+          }),
+          buttons: !readOnly && /*#__PURE__*/_react["default"].createElement(FormButtons, {
+            dirty: dirty,
+            fields: evaluatedFields,
+            formKey: formKey,
+            reset: this.onReset(),
+            submit: this.onSubmit(),
+            error: error
+          }),
+          meta: evaluatedFields.map(function (field) {
+            return (0, _immutable.Map)({
+              value: field.value,
+              visible: field.visible
+            });
+          })
+        });
+      }
+      return typeof this.props.children === 'function' ? this.props.children({
+        form: form,
+        initialized: initialized
+      }) : form;
+    }
+  }]);
+  return SimpleFormImplComponent;
+}(_react.Component);
+var mapStateToProps = exports.mapStateToProps = function mapStateToProps(state, props) {
+  return {
+    formState: selectForm(props.formKey)(state)
+  };
+};
+var SimpleFormImpl = (0, _store.connect)(mapStateToProps)(SimpleFormImplComponent);

package/lib/components/form/SimpleForm.models.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SimpleFormState = exports.SimpleFieldState = exports.SimpleFieldBinding = void 0;
+var _immutable = require("immutable");
+var SimpleFormState = exports.SimpleFormState = (0, _immutable.Record)({
+  callOnLoad: true,
+  fields: null,
+  formKey: null,
+  initialValues: null,
+  onLoad: null,
+  onReset: null,
+  onSubmit: null
+});
+var SimpleFieldState = exports.SimpleFieldState = (0, _immutable.Record)({
+  bindings: (0, _immutable.Map)(),
+  changed: false,
+  constraint: null,
+  constraintMessage: 'Invalid',
+  dirty: undefined,
+  enabled: true,
+  errors: undefined,
+  eventHandlers: (0, _immutable.Map)(),
+  eventHandlerFunctions: (0, _immutable.Map)(),
+  focused: false,
+  form: null,
+  functions: (0, _immutable.Map)(),
+  helpText: '',
+  id: '',
+  label: '',
+  language: '',
+  name: '',
+  onFocus: null,
+  onChange: null,
+  onBlur: null,
+  options: (0, _immutable.List)(),
+  pattern: null,
+  patternMessage: 'Invalid format',
+  placeholder: '',
+  renderAttributes: (0, _immutable.Map)(),
+  required: false,
+  requiredMessage: 'This field is required',
+  search: (0, _immutable.Map)(),
+  serialize: null,
+  touched: false,
+  type: '',
+  value: undefined,
+  visible: true
+});
+var SimpleFieldBinding = exports.SimpleFieldBinding = (0, _immutable.Record)({
+  changed: false,
+  dirty: undefined,
+  errors: undefined,
+  focused: false,
+  id: '',
+  name: '',
+  touched: false,
+  type: '',
+  value: undefined
+});

package/lib/components/form/defaults/AttributesField.js

@@ -13,16 +13,18 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inhe
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createSuper"));
 var _react = _interopRequireWildcard(require("react"));
 var _immutable = require("immutable");
-var AttributesField = /*#__PURE__*/function (_Component) {
+var AttributesField = exports.AttributesField = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(AttributesField, _Component);
   var _super = (0, _createSuper2["default"])(AttributesField);
   function AttributesField(props) {
     var _this;
     (0, _classCallCheck2["default"])(this, AttributesField);
     _this = _super.call(this, props);
+    // returns the number of attribute values that were previously set
     _this.countPrevious = function (name) {
       return _this.props.value.get(name).size - _this.countAdded(name);
     };
+    // returns the number of attribute values that have been added
     _this.countAdded = function (name) {
       return _this.state.added.filter(function (n) {
         return n === name;
@@ -70,8 +72,6 @@ var AttributesField = /*#__PURE__*/function (_Component) {
     };
     return _this;
   }
-
-  // returns the number of attribute values that were previously set
   (0, _createClass2["default"])(AttributesField, [{
     key: "render",
     value: function render() {
@@ -124,7 +124,6 @@ var AttributesField = /*#__PURE__*/function (_Component) {
 // value that have already occurred in the list.
 // For example: ['red', 'green', ''red',]
 // Would call: ['red,' 0], ['green', 0], ['red', 1], ['blue', 0]
-exports.AttributesField = AttributesField;
 var mapWithOccurrences = function mapWithOccurrences(list, mapper) {
   return list.reduce(function (_ref2, current) {
     var _ref3 = (0, _slicedToArray2["default"])(_ref2, 2),

package/lib/components/form/defaults/CheckboxField.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.CheckboxField = void 0;
 var _react = _interopRequireDefault(require("react"));
-var CheckboxField = function CheckboxField(props) {
+var CheckboxField = exports.CheckboxField = function CheckboxField(props) {
   return props.visible && /*#__PURE__*/_react["default"].createElement("div", {
     className: "field"
   }, /*#__PURE__*/_react["default"].createElement("input", {
@@ -20,5 +20,4 @@ var CheckboxField = function CheckboxField(props) {
   }), /*#__PURE__*/_react["default"].createElement("label", {
     htmlFor: props.id || props.name
   }, props.label));
-};
-exports.CheckboxField = CheckboxField;
+};

package/lib/components/form/defaults/CodeField.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.CodeField = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _CodeInput = require("../../common/code_input/CodeInput");
-var CodeField = function CodeField(props) {
+var CodeField = exports.CodeField = function CodeField(props) {
   return props.visible && /*#__PURE__*/_react["default"].createElement("div", {
     className: "field"
   }, /*#__PURE__*/_react["default"].createElement("label", {
@@ -21,5 +21,4 @@ var CodeField = function CodeField(props) {
     onChange: props.onChange,
     onFocus: props.onFocus
   }));
-};
-exports.CodeField = CodeField;
+};

package/lib/components/form/defaults/FormButtons.js

@@ -6,11 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FormButtons = void 0;
 var _react = _interopRequireDefault(require("react"));
-var FormButtons = function FormButtons(props) {
+var FormButtons = exports.FormButtons = function FormButtons(props) {
   return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("button", {
     type: "submit",
     onClick: props.submit,
     disabled: !props.dirty || props.submitting
   }, "Submit"));
-};
-exports.FormButtons = FormButtons;
+};

package/lib/components/form/defaults/FormError.js

@@ -6,10 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FormError = void 0;
 var _react = _interopRequireDefault(require("react"));
-var FormError = function FormError(props) {
+var FormError = exports.FormError = function FormError(props) {
   return /*#__PURE__*/_react["default"].createElement("div", null, props.error, /*#__PURE__*/_react["default"].createElement("button", {
     type: "button",
     onClick: props.clear
   }, "\xD7"));
-};
-exports.FormError = FormError;
+};

package/lib/components/form/defaults/FormField.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.FormField = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _FormSelect = require("../../common/FormSelect");
-var FormField = function FormField(props) {
+var FormField = exports.FormField = function FormField(props) {
   return props.visible && /*#__PURE__*/_react["default"].createElement("div", {
     className: "field"
   }, /*#__PURE__*/_react["default"].createElement("label", {
@@ -21,5 +21,4 @@ var FormField = function FormField(props) {
     search: props.search,
     options: props.options
   }));
-};
-exports.FormField = FormField;
+};

package/lib/components/form/defaults/FormLayout.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FormLayout = void 0;
 var _react = _interopRequireDefault(require("react"));
-var FormLayout = function FormLayout(props) {
+var FormLayout = exports.FormLayout = function FormLayout(props) {
   return /*#__PURE__*/_react["default"].createElement("form", null, props.fields.toList(), props.error, props.buttons);
-};
-exports.FormLayout = FormLayout;
+};

package/lib/components/form/defaults/FormMultiField.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.FormMultiField = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _FormSelect = require("../../common/FormSelect");
-var FormMultiField = function FormMultiField(props) {
+var FormMultiField = exports.FormMultiField = function FormMultiField(props) {
   return props.visible && /*#__PURE__*/_react["default"].createElement("div", {
     className: "field"
   }, /*#__PURE__*/_react["default"].createElement("label", {
@@ -21,5 +21,4 @@ var FormMultiField = function FormMultiField(props) {
     search: props.search,
     options: props.options
   }));
-};
-exports.FormMultiField = FormMultiField;
+};

package/lib/components/form/defaults/PasswordField.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.PasswordField = void 0;
 var _react = _interopRequireDefault(require("react"));
-var PasswordField = function PasswordField(props) {
+var PasswordField = exports.PasswordField = function PasswordField(props) {
   return props.visible && /*#__PURE__*/_react["default"].createElement("div", {
     className: "field"
   }, /*#__PURE__*/_react["default"].createElement("label", {
@@ -20,5 +20,4 @@ var PasswordField = function PasswordField(props) {
     onChange: props.onChange,
     onFocus: props.onFocus
   }));
-};
-exports.PasswordField = PasswordField;
+};