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

React versions of Mayflower design system UI components

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
 */
import React from "react";
import PropTypes from "prop-types";
import { FormContext } from "../Input/context.mjs";

/* eslint-disable react/no-unused-state */

const Form = props => {
  const formContext = React.useContext(FormContext);
  return /*#__PURE__*/React.createElement("form", {
    className: "ma__form-page",
    action: "#"
  }, typeof props.children === 'function' && props.children(formContext));
};
Form.propTypes = process.env.NODE_ENV !== "production" ? {
  children: PropTypes.node
} : {};
let FormProvider = /*#__PURE__*/function (_React$Component) {
  function FormProvider(props) {
    var _this;
    _this = _React$Component.call(this, props) || this;
    _defineProperty(_this, "getValues", () => {
      const values = {};
      Object.keys(_this.state.value).forEach(inputId => {
        values[inputId] = _this.getValue(inputId);
      });
      return values;
    });
    _defineProperty(_this, "getValue", inputId => {
      if (_this.hasId(inputId)) {
        return _this.state.value[inputId].getValue();
      }
      return null;
    });
    _defineProperty(_this, "setValue", (input, afterUpdate) => {
      if (Object.prototype.hasOwnProperty.call(_this.state.value, input.id)) {
        _this.state.value[input.id].setValue(input.value, afterUpdate);
      }
    });
    _defineProperty(_this, "hasId", inputId => Object.prototype.hasOwnProperty.call(_this.state.value, inputId));
    _defineProperty(_this, "updateState", 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.createElement(FormContext.Provider, {
      value: this.state
    }, this.props.children);
  };
  return FormProvider;
}(React.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.bool,
  children: PropTypes.node
} : {};
FormProvider.contextType = FormContext;
export { FormProvider };
export default Form;