@massds/mayflower-react/dist/Form/index.js

React versions of Mayflower design system UI components

"use strict";

exports.__esModule = true;
exports["default"] = exports.FormProvider = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _context = require("../Input/context.js");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
function _inheritsLoose(t, o) { t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o); }
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /**
 * Form module.
 * @module @massds/mayflower-react/Form
 * @requires module:@massds/mayflower-assets/scss/01-atoms/forms
 * @requires module:@massds/mayflower-assets/scss/04-templates/form-page
 */
/* eslint-disable react/no-unused-state */

var Form = function Form(props) {
  var formContext = _react["default"].useContext(_context.FormContext);
  return /*#__PURE__*/_react["default"].createElement("form", {
    className: "ma__form-page",
    action: "#"
  }, typeof props.children === 'function' && props.children(formContext));
};
Form.propTypes = process.env.NODE_ENV !== "production" ? {
  children: _propTypes["default"].node
} : {};
var FormProvider = exports.FormProvider = /*#__PURE__*/function (_React$Component) {
  function FormProvider(props) {
    var _this;
    _this = _React$Component.call(this, props) || this;
    _defineProperty(_this, "getValues", function () {
      var values = {};
      Object.keys(_this.state.value).forEach(function (inputId) {
        values[inputId] = _this.getValue(inputId);
      });
      return values;
    });
    _defineProperty(_this, "getValue", function (inputId) {
      if (_this.hasId(inputId)) {
        return _this.state.value[inputId].getValue();
      }
      return null;
    });
    _defineProperty(_this, "setValue", function (input, afterUpdate) {
      if (Object.prototype.hasOwnProperty.call(_this.state.value, input.id)) {
        _this.state.value[input.id].setValue(input.value, afterUpdate);
      }
    });
    _defineProperty(_this, "hasId", function (inputId) {
      return Object.prototype.hasOwnProperty.call(_this.state.value, inputId);
    });
    _defineProperty(_this, "updateState", function (newState) {
      _this.setState(newState);
    });
    _this.state = {
      isActive: _this.props.isActive,
      value: {},
      getValue: _this.getValue,
      hasId: _this.hasId,
      setValue: _this.setValue,
      updateState: _this.updateState,
      getValues: _this.getValues
    };
    return _this;
  }
  _inheritsLoose(FormProvider, _React$Component);
  var _proto = FormProvider.prototype;
  _proto.render = function render() {
    return /*#__PURE__*/_react["default"].createElement(_context.FormContext.Provider, {
      value: this.state
    }, this.props.children);
  };
  return FormProvider;
}(_react["default"].Component);
FormProvider.defaultProps = {
  isActive: true
};
FormProvider.propTypes = process.env.NODE_ENV !== "production" ? {
  /** Controls if child Input components should hook into FormContext or not */
  isActive: _propTypes["default"].bool,
  children: _propTypes["default"].node
} : {};
FormProvider.contextType = _context.FormContext;
var _default = exports["default"] = Form;