@danderson00/react-forms-material 0.0.40 → 0.0.42

package/dist/index.js

@@ -11,6 +11,12 @@ Object.defineProperty(exports, "Group", {
   }
 });
 exports.Text = exports.Submit = exports.Select = exports.RadioButton = exports.Radio = exports.Input = void 0;
+Object.defineProperty(exports, "useForm", {
+  enumerable: true,
+  get: function get() {
+    return _reactForms.useForm;
+  }
+});
 Object.defineProperty(exports, "useFormValues", {
   enumerable: true,
   get: function get() {
@@ -24,63 +30,35 @@ Object.defineProperty(exports, "wrapInput", {
     return _reactForms.wrapInput;
   }
 });
-
 var _react = require("react");
-
 var _reactForms = require("@danderson00/react-forms");
-
 var _ErrorMessage = require("@danderson00/react-forms/dist/ErrorMessage");
-
 var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-
 var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
-
 var _FormControl = _interopRequireDefault(require("@material-ui/core/FormControl"));
-
 var _FormHelperText = _interopRequireDefault(require("@material-ui/core/FormHelperText"));
-
 var _Input = _interopRequireDefault(require("@material-ui/core/Input"));
-
 var _InputLabel = _interopRequireDefault(require("@material-ui/core/InputLabel"));
-
 var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
-
 var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));
-
 var _RadioGroup = _interopRequireDefault(require("@material-ui/core/RadioGroup"));
-
 var _Select = _interopRequireDefault(require("@material-ui/core/Select"));
-
 require("./styles");
-
 var _excluded = ["className", "error", "hiddenLabel", "variant", "margin", "label", "helperText", "shrinkLabel", "valid", "pattern"],
-    _excluded2 = ["name", "values", "labels", "numeric", "required", "getFieldValue", "getFieldValues"],
-    _excluded3 = ["values", "labels"];
-
+  _excluded2 = ["name", "values", "labels", "numeric", "required", "getFieldValue", "getFieldValues"],
+  _excluded3 = ["values", "labels"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
 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 _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); 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 = 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; }
-
 var ErrorMessage = function ErrorMessage(_ref) {
   var error = _ref.error;
   return /*#__PURE__*/(0, _react.createElement)(_FormHelperText["default"], {
@@ -88,7 +66,6 @@ var ErrorMessage = function ErrorMessage(_ref) {
     error: true
   });
 };
-
 exports.ErrorMessage = ErrorMessage;
 var Form = (0, _reactForms.FormProvider)(_reactForms.context.Provider, {
   margin: 'dense'
@@ -98,35 +75,30 @@ var Submit = (0, _reactForms.wrapSubmit)(_Button["default"]);
 exports.Submit = Submit;
 var Button = _Button["default"];
 exports.Button = Button;
-
 var wrapped = function wrapped(component, options, baseOptions) {
   return (0, _reactForms.wrapInput)(base(component, options, baseOptions), _objectSpread({
     passErrorProp: true
   }, options));
 };
-
 var base = function base(component) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
   var _ref2 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
-      alwaysShrinkLabel = _ref2.alwaysShrinkLabel,
-      _ref2$shrinkLabel = _ref2.shrinkLabel,
-      shrinkLabelOption = _ref2$shrinkLabel === void 0 ? true : _ref2$shrinkLabel,
-      passError = _ref2.passError;
-
+    alwaysShrinkLabel = _ref2.alwaysShrinkLabel,
+    _ref2$shrinkLabel = _ref2.shrinkLabel,
+    shrinkLabelOption = _ref2$shrinkLabel === void 0 ? true : _ref2$shrinkLabel,
+    passError = _ref2.passError;
   return function (_ref3) {
     var className = _ref3.className,
-        error = _ref3.error,
-        hiddenLabel = _ref3.hiddenLabel,
-        variant = _ref3.variant,
-        margin = _ref3.margin,
-        label = _ref3.label,
-        helperText = _ref3.helperText,
-        shrinkLabel = _ref3.shrinkLabel,
-        valid = _ref3.valid,
-        pattern = _ref3.pattern,
-        inputProps = _objectWithoutProperties(_ref3, _excluded);
-
+      error = _ref3.error,
+      hiddenLabel = _ref3.hiddenLabel,
+      variant = _ref3.variant,
+      margin = _ref3.margin,
+      label = _ref3.label,
+      helperText = _ref3.helperText,
+      shrinkLabel = _ref3.shrinkLabel,
+      valid = _ref3.valid,
+      pattern = _ref3.pattern,
+      inputProps = _objectWithoutProperties(_ref3, _excluded);
     return /*#__PURE__*/(0, _react.createElement)(_FormControl["default"], {
       className: "react-forms-material-field".concat(options.type ? " react-forms-material-".concat(options.type) : '').concat(className ? " ".concat(className) : ''),
       error: error,
@@ -159,7 +131,6 @@ var base = function base(component) {
     });
   };
 };
-
 var Input = (0, _reactForms.wrapInput)(_Input["default"]);
 exports.Input = Input;
 var Text = wrapped(_Input["default"]);
@@ -178,14 +149,13 @@ var RadioButton = wrapped(_Radio["default"], {
 exports.RadioButton = RadioButton;
 var Radio = (0, _reactForms.createRawConsumer)(base(function (_ref4) {
   var name = _ref4.name,
-      values = _ref4.values,
-      labels = _ref4.labels,
-      numeric = _ref4.numeric,
-      required = _ref4.required,
-      getFieldValue = _ref4.getFieldValue,
-      getFieldValues = _ref4.getFieldValues,
-      props = _objectWithoutProperties(_ref4, _excluded2);
-
+    values = _ref4.values,
+    labels = _ref4.labels,
+    numeric = _ref4.numeric,
+    required = _ref4.required,
+    getFieldValue = _ref4.getFieldValue,
+    getFieldValues = _ref4.getFieldValues,
+    props = _objectWithoutProperties(_ref4, _excluded2);
   return /*#__PURE__*/(0, _react.createElement)(_RadioGroup["default"], _objectSpread(_objectSpread({}, props), {}, {
     children: [values.map(function (value, index) {
       return /*#__PURE__*/(0, _react.createElement)(RadioButton, _objectSpread({
@@ -208,9 +178,8 @@ var Radio = (0, _reactForms.createRawConsumer)(base(function (_ref4) {
 exports.Radio = Radio;
 var Select = wrapped(function (_ref5) {
   var values = _ref5.values,
-      labels = _ref5.labels,
-      props = _objectWithoutProperties(_ref5, _excluded3);
-
+    labels = _ref5.labels,
+    props = _objectWithoutProperties(_ref5, _excluded3);
   return /*#__PURE__*/(0, _react.createElement)(_Select["default"], _objectSpread(_objectSpread({}, props), {}, {
     children: values.map(function (value, index) {
       return /*#__PURE__*/(0, _react.createElement)(_MenuItem["default"], _objectSpread({

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ErrorMessage","error","createElement","MuiFormHelperText","children","extractErrorMessage","Form","FormProvider","context","Provider","margin","Submit","wrapSubmit","MuiButton","Button","wrapped","component","options","baseOptions","wrapInput","base","passErrorProp","alwaysShrinkLabel","shrinkLabel","shrinkLabelOption","passError","className","hiddenLabel","variant","label","helperText","valid","pattern","inputProps","MuiFormControl","type","fullWidth","required","MuiInputLabel","key","htmlFor","id","shrink","Input","MuiInput","Text","Checkbox","MuiCheckbox","RadioButton","MuiRadio","Radio","createRawConsumer","name","values","labels","numeric","getFieldValue","getFieldValues","props","MuiRadioGroup","map","value","index","Select","MuiSelect","MuiMenuItem","wrapField"],"sources":["../src/index.js"],"sourcesContent":["import { createElement } from 'react'\nimport { FormProvider, Group, context, createRawConsumer, wrapInput, wrapSubmit, useFormValues } from '@danderson00/react-forms'\nimport { extractErrorMessage } from '@danderson00/react-forms/dist/ErrorMessage'\nimport MuiButton from '@material-ui/core/Button'\nimport MuiCheckbox from '@material-ui/core/Checkbox'\nimport MuiFormControl from '@material-ui/core/FormControl'\nimport MuiFormHelperText from '@material-ui/core/FormHelperText'\nimport MuiInput from '@material-ui/core/Input'\nimport MuiInputLabel from '@material-ui/core/InputLabel'\nimport MuiMenuItem from '@material-ui/core/MenuItem'\nimport MuiRadio from '@material-ui/core/Radio'\nimport MuiRadioGroup from '@material-ui/core/RadioGroup'\nimport MuiSelect from '@material-ui/core/Select'\nimport './styles'\n\nexport const ErrorMessage = ({ error }) => createElement(MuiFormHelperText, { children: extractErrorMessage(error), error: true })\nexport const Form = FormProvider(context.Provider, { margin: 'dense' }, ErrorMessage)\nexport const Submit = wrapSubmit(MuiButton)\nexport const Button = MuiButton\nexport { useFormValues, Group, wrapInput }\n\nconst wrapped = (component, options, baseOptions) => wrapInput(\n  base(component, options, baseOptions),\n  { passErrorProp: true, ...options }\n)\n\nconst base = (component, options = {}, { alwaysShrinkLabel, shrinkLabel: shrinkLabelOption = true, passError } = {}) => (\n  ({ className, error, hiddenLabel, variant, margin, label, helperText, shrinkLabel, valid, pattern, ...inputProps }) => (\n    createElement(MuiFormControl, {\n      className: `react-forms-material-field${options.type ? ` react-forms-material-${options.type}` : ''}${className ? ` ${className}` : ''}`,\n      error,\n      fullWidth: inputProps.fullWidth,\n      hiddenLabel,\n      required: inputProps.required,\n      variant,\n      margin,\n      children: [\n        ...(label ? [createElement(MuiInputLabel, {\n          key: 'label',\n          htmlFor: inputProps.id,\n          children: label,\n          ...(shrinkLabelOption === false && { shrink: false }),\n          ...((alwaysShrinkLabel || shrinkLabel) && { className: 'MuiInputLabel-shrink' }),\n        })] : []),\n\n        createElement(component, {\n          key: 'input',\n          variant,\n          ...(passError && { error }),\n          ...inputProps,\n          inputProps: { ...(pattern && { pattern }), ...inputProps.inputProps }\n        }),\n\n        ...(helperText ? [createElement(MuiFormHelperText, {\n          key: 'helperText',\n          children: helperText\n        })] : [])\n      ]\n    })\n  )\n)\n\nexport const Input = wrapInput(MuiInput)\nexport const Text = wrapped(MuiInput)\nexport const Checkbox = wrapped(MuiCheckbox, { type: 'checkbox' }, { alwaysShrinkLabel: true })\nexport const RadioButton = wrapped(MuiRadio, { type: 'radio' }, { shrinkLabel: false })\n\nexport const Radio = createRawConsumer(base(\n  ({ name, values, labels, numeric, required, getFieldValue, getFieldValues, ...props }) => (\n    createElement(MuiRadioGroup, { ...props, children: [\n      values.map((value, index) =>\n        createElement(RadioButton, {\n          name,\n          value,\n          numeric,\n          key: value,\n          label: (labels && labels[index]) || value,\n          margin: props.margin,\n          ...(required && { required })\n        })\n      )\n    ] })\n  ),\n  { type: 'radiogroup' },\n  { alwaysShrinkLabel: true  }\n))\n\nexport const Select = wrapped(({ values, labels, ...props }) =>\n  createElement(MuiSelect, { ...props, children:\n    values.map((value, index) =>\n      createElement(MuiMenuItem, {\n        value,\n        key: value,\n        children: (labels && labels[index]) || value,\n        ...(props.required && { required: props.required })\n      })\n    )\n  }),\n  { type: 'select' },\n  { alwaysShrinkLabel: true  }\n)\n\nexport const wrapField = wrapped"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["ErrorMessage","error","createElement","MuiFormHelperText","children","extractErrorMessage","Form","FormProvider","context","Provider","margin","Submit","wrapSubmit","MuiButton","Button","wrapped","component","options","baseOptions","wrapInput","base","passErrorProp","alwaysShrinkLabel","shrinkLabel","shrinkLabelOption","passError","className","hiddenLabel","variant","label","helperText","valid","pattern","inputProps","MuiFormControl","type","fullWidth","required","MuiInputLabel","key","htmlFor","id","shrink","Input","MuiInput","Text","Checkbox","MuiCheckbox","RadioButton","MuiRadio","Radio","createRawConsumer","name","values","labels","numeric","getFieldValue","getFieldValues","props","MuiRadioGroup","map","value","index","Select","MuiSelect","MuiMenuItem","wrapField"],"sources":["../src/index.js"],"sourcesContent":["import { createElement } from 'react'\nimport { FormProvider, Group, context, createRawConsumer, wrapInput, wrapSubmit, useForm, useFormValues } from '@danderson00/react-forms'\nimport { extractErrorMessage } from '@danderson00/react-forms/dist/ErrorMessage'\nimport MuiButton from '@material-ui/core/Button'\nimport MuiCheckbox from '@material-ui/core/Checkbox'\nimport MuiFormControl from '@material-ui/core/FormControl'\nimport MuiFormHelperText from '@material-ui/core/FormHelperText'\nimport MuiInput from '@material-ui/core/Input'\nimport MuiInputLabel from '@material-ui/core/InputLabel'\nimport MuiMenuItem from '@material-ui/core/MenuItem'\nimport MuiRadio from '@material-ui/core/Radio'\nimport MuiRadioGroup from '@material-ui/core/RadioGroup'\nimport MuiSelect from '@material-ui/core/Select'\nimport './styles'\n\nexport const ErrorMessage = ({ error }) => createElement(MuiFormHelperText, { children: extractErrorMessage(error), error: true })\nexport const Form = FormProvider(context.Provider, { margin: 'dense' }, ErrorMessage)\nexport const Submit = wrapSubmit(MuiButton)\nexport const Button = MuiButton\nexport { useForm, useFormValues, Group, wrapInput }\n\nconst wrapped = (component, options, baseOptions) => wrapInput(\n  base(component, options, baseOptions),\n  { passErrorProp: true, ...options }\n)\n\nconst base = (component, options = {}, { alwaysShrinkLabel, shrinkLabel: shrinkLabelOption = true, passError } = {}) => (\n  ({ className, error, hiddenLabel, variant, margin, label, helperText, shrinkLabel, valid, pattern, ...inputProps }) => (\n    createElement(MuiFormControl, {\n      className: `react-forms-material-field${options.type ? ` react-forms-material-${options.type}` : ''}${className ? ` ${className}` : ''}`,\n      error,\n      fullWidth: inputProps.fullWidth,\n      hiddenLabel,\n      required: inputProps.required,\n      variant,\n      margin,\n      children: [\n        ...(label ? [createElement(MuiInputLabel, {\n          key: 'label',\n          htmlFor: inputProps.id,\n          children: label,\n          ...(shrinkLabelOption === false && { shrink: false }),\n          ...((alwaysShrinkLabel || shrinkLabel) && { className: 'MuiInputLabel-shrink' }),\n        })] : []),\n\n        createElement(component, {\n          key: 'input',\n          variant,\n          ...(passError && { error }),\n          ...inputProps,\n          inputProps: { ...(pattern && { pattern }), ...inputProps.inputProps }\n        }),\n\n        ...(helperText ? [createElement(MuiFormHelperText, {\n          key: 'helperText',\n          children: helperText\n        })] : [])\n      ]\n    })\n  )\n)\n\nexport const Input = wrapInput(MuiInput)\nexport const Text = wrapped(MuiInput)\nexport const Checkbox = wrapped(MuiCheckbox, { type: 'checkbox' }, { alwaysShrinkLabel: true })\nexport const RadioButton = wrapped(MuiRadio, { type: 'radio' }, { shrinkLabel: false })\n\nexport const Radio = createRawConsumer(base(\n  ({ name, values, labels, numeric, required, getFieldValue, getFieldValues, ...props }) => (\n    createElement(MuiRadioGroup, { ...props, children: [\n      values.map((value, index) =>\n        createElement(RadioButton, {\n          name,\n          value,\n          numeric,\n          key: value,\n          label: (labels && labels[index]) || value,\n          margin: props.margin,\n          ...(required && { required })\n        })\n      )\n    ] })\n  ),\n  { type: 'radiogroup' },\n  { alwaysShrinkLabel: true  }\n))\n\nexport const Select = wrapped(({ values, labels, ...props }) =>\n  createElement(MuiSelect, { ...props, children:\n    values.map((value, index) =>\n      createElement(MuiMenuItem, {\n        value,\n        key: value,\n        children: (labels && labels[index]) || value,\n        ...(props.required && { required: props.required })\n      })\n    )\n  }),\n  { type: 'select' },\n  { alwaysShrinkLabel: true  }\n)\n\nexport const wrapField = wrapped"],"mappings":"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"}

package/dist/styles.js

@@ -1,8 +1,6 @@
 "use strict";
 
 var _injectCss = _interopRequireDefault(require("@danderson00/react-forms/dist/injectCss"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 (0, _injectCss["default"])('react-forms-material-styles', "\n  .react-forms-material-radiogroup.MuiFormControl-root {\n    overflow: hidden;\n  }\n\n  .react-forms-material-radio.MuiFormControl-root {\n    flex-direction: row-reverse;\n    justify-content: flex-end;\n  }\n  \n  .react-forms-material-radio .MuiInputLabel-formControl {\n    position: static;\n  }\n\n  .react-forms-material-radio .MuiRadio-root {\n    transform: translate(0, 9px) scale(1);\n  }  \n  \n  .react-forms-material-checkbox .MuiCheckbox-root {\n    transform: translate(0, 9px) scale(1);\n  }\n  \n  /* allow forms to be embedded in dialogs - essentially replicate a few styles */\n  .MuiDialog-container form {\n    display: flex;\n  }\n  \n  .MuiDialog-container form .MuiDialogContent-root {\n    display: flex;\n    align-items: flex-start;\n    flex-direction: column;\n  }\n\n  .MuiDialog-container form .MuiDialogActions-root {\n    align-self: flex-end;\n  }\n  \n  .react-forms input::-webkit-outer-spin-button,\n  .react-forms input::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  .react-forms input[type=number] {\n    -moz-appearance: textfield;\n  }\n");
 //# sourceMappingURL=styles.js.map

package/dist/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["injectCss"],"sources":["../src/styles.js"],"sourcesContent":["import injectCss from '@danderson00/react-forms/dist/injectCss'\n\ninjectCss('react-forms-material-styles', `\n  .react-forms-material-radiogroup.MuiFormControl-root {\n    overflow: hidden;\n  }\n\n  .react-forms-material-radio.MuiFormControl-root {\n    flex-direction: row-reverse;\n    justify-content: flex-end;\n  }\n  \n  .react-forms-material-radio .MuiInputLabel-formControl {\n    position: static;\n  }\n\n  .react-forms-material-radio .MuiRadio-root {\n    transform: translate(0, 9px) scale(1);\n  }  \n  \n  .react-forms-material-checkbox .MuiCheckbox-root {\n    transform: translate(0, 9px) scale(1);\n  }\n  \n  /* allow forms to be embedded in dialogs - essentially replicate a few styles */\n  .MuiDialog-container form {\n    display: flex;\n  }\n  \n  .MuiDialog-container form .MuiDialogContent-root {\n    display: flex;\n    align-items: flex-start;\n    flex-direction: column;\n  }\n\n  .MuiDialog-container form .MuiDialogActions-root {\n    align-self: flex-end;\n  }\n  \n  .react-forms input::-webkit-outer-spin-button,\n  .react-forms input::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  .react-forms input[type=number] {\n    -moz-appearance: textfield;\n  }\n`)\n\n\n"],"mappings":";;AAAA;;;;AAEA,IAAAA,qBAAA,EAAU,6BAAV"}
+{"version":3,"file":"styles.js","names":["injectCss"],"sources":["../src/styles.js"],"sourcesContent":["import injectCss from '@danderson00/react-forms/dist/injectCss'\n\ninjectCss('react-forms-material-styles', `\n  .react-forms-material-radiogroup.MuiFormControl-root {\n    overflow: hidden;\n  }\n\n  .react-forms-material-radio.MuiFormControl-root {\n    flex-direction: row-reverse;\n    justify-content: flex-end;\n  }\n  \n  .react-forms-material-radio .MuiInputLabel-formControl {\n    position: static;\n  }\n\n  .react-forms-material-radio .MuiRadio-root {\n    transform: translate(0, 9px) scale(1);\n  }  \n  \n  .react-forms-material-checkbox .MuiCheckbox-root {\n    transform: translate(0, 9px) scale(1);\n  }\n  \n  /* allow forms to be embedded in dialogs - essentially replicate a few styles */\n  .MuiDialog-container form {\n    display: flex;\n  }\n  \n  .MuiDialog-container form .MuiDialogContent-root {\n    display: flex;\n    align-items: flex-start;\n    flex-direction: column;\n  }\n\n  .MuiDialog-container form .MuiDialogActions-root {\n    align-self: flex-end;\n  }\n  \n  .react-forms input::-webkit-outer-spin-button,\n  .react-forms input::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  .react-forms input[type=number] {\n    -moz-appearance: textfield;\n  }\n`)\n\n\n"],"mappings":";;AAAA;AAA+D;AAE/D,IAAAA,qBAAS,EAAC,6BAA6B,umCA8CrC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danderson00/react-forms-material",
-  "version": "0.0.40",
+  "version": "0.0.42",
   "description": "Beautiful, ultra simple, stateless, validated forms for use in React function components",
   "main": "dist/index.js",
   "module": "src/index.js",
@@ -10,7 +10,7 @@
     "prepare": "babel src --source-maps --out-dir dist"
   },
   "dependencies": {
-    "@danderson00/react-forms": "0.0.40",
+    "@danderson00/react-forms": "0.0.42",
     "@material-ui/core": "^4.11.3"
   },
   "peerDependencies": {

package/src/index.js

@@ -1,5 +1,5 @@
 import { createElement } from 'react'
-import { FormProvider, Group, context, createRawConsumer, wrapInput, wrapSubmit, useFormValues } from '@danderson00/react-forms'
+import { FormProvider, Group, context, createRawConsumer, wrapInput, wrapSubmit, useForm, useFormValues } from '@danderson00/react-forms'
 import { extractErrorMessage } from '@danderson00/react-forms/dist/ErrorMessage'
 import MuiButton from '@material-ui/core/Button'
 import MuiCheckbox from '@material-ui/core/Checkbox'
@@ -17,7 +17,7 @@ export const ErrorMessage = ({ error }) => createElement(MuiFormHelperText, { ch
 export const Form = FormProvider(context.Provider, { margin: 'dense' }, ErrorMessage)
 export const Submit = wrapSubmit(MuiButton)
 export const Button = MuiButton
-export { useFormValues, Group, wrapInput }
+export { useForm, useFormValues, Group, wrapInput }
 
 const wrapped = (component, options, baseOptions) => wrapInput(
   base(component, options, baseOptions),