@danderson00/react-forms-material 0.0.17 → 0.0.21

package/README.md

@@ -124,3 +124,22 @@ component.
 
 Renders a field component with a Material UI [`Checkbox` component](https://material-ui.com/api/checkbox/) as the 
 input component. 
+
+## License
+
+**The MIT License (MIT)**
+
+Copyright © 2022 Dale Anderson
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+documentation files (the “Software”), to deal in the Software without restriction, including without limitation the
+rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit
+persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the
+Software.
+
+THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE
+WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
+OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/dist/index.js

@@ -10,6 +10,7 @@ Object.defineProperty(exports, "useFormValues", {
     return _reactForms.useFormValues;
   }
 });
+exports.wrapField = void 0;
 
 var _react = require("react");
 
@@ -39,7 +40,7 @@ var _Select = _interopRequireDefault(require("@material-ui/core/Select"));
 
 require("./styles");
 
-var _excluded = ["className", "error", "hiddenLabel", "variant", "margin", "label", "helperText", "shrinkLabel"],
+var _excluded = ["className", "error", "hiddenLabel", "variant", "margin", "label", "helperText", "shrinkLabel", "valid"],
     _excluded2 = ["name", "values", "labels", "numeric", "required", "getFieldValue", "getFieldValues"],
     _excluded3 = ["values", "labels"];
 
@@ -108,6 +109,7 @@ var base = function base(component) {
         label = _ref3.label,
         helperText = _ref3.helperText,
         shrinkLabel = _ref3.shrinkLabel,
+        valid = _ref3.valid,
         inputProps = _objectWithoutProperties(_ref3, _excluded);
 
     return /*#__PURE__*/(0, _react.createElement)(_FormControl["default"], {
@@ -203,4 +205,6 @@ var Select = wrapped(function (_ref5) {
 }, {
   alwaysShrinkLabel: true
 });
-exports.Select = Select;
+exports.Select = Select;
+var wrapField = wrapped;
+exports.wrapField = wrapField;

package/dist/styles.js

@@ -4,4 +4,4 @@ var _injectCss = _interopRequireDefault(require("@danderson00/react-forms/dist/i
 
 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");
+(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");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danderson00/react-forms-material",
-  "version": "0.0.17",
+  "version": "0.0.21",
   "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 false --out-dir dist"
   },
   "dependencies": {
-    "@danderson00/react-forms": "0.0.17",
+    "@danderson00/react-forms": "0.0.21",
     "@material-ui/core": "^4.11.3"
   },
   "peerDependencies": {
@@ -52,7 +52,7 @@
     "ui"
   ],
   "author": "danderson00",
-  "license": "UNLICENSED",
+  "license": "MIT",
   "publishConfig": {
     "access": "public"
   },

package/src/index.js

@@ -25,7 +25,7 @@ const wrapped = (component, options, baseOptions) => wrapInput(
 )
 
 const base = (component, options = {}, { alwaysShrinkLabel, shrinkLabel: shrinkLabelOption = true } = {}) => (
-  ({ className, error, hiddenLabel, variant, margin, label, helperText, shrinkLabel, ...inputProps }) => (
+  ({ className, error, hiddenLabel, variant, margin, label, helperText, shrinkLabel, valid, ...inputProps }) => (
     createElement(MuiFormControl, {
       className: `react-forms-material-field${options.type ? ` react-forms-material-${options.type}` : ''}${className ? ` ${className}` : ''}`,
       error,
@@ -93,3 +93,5 @@ export const Select = wrapped(({ values, labels, ...props }) =>
   { type: 'select' },
   { alwaysShrinkLabel: true  }
 )
+
+export const wrapField = wrapped

package/src/styles.js

@@ -21,6 +21,21 @@ injectCss('react-forms-material-styles', `
   .react-forms-material-checkbox .MuiCheckbox-root {
     transform: translate(0, 9px) scale(1);
   }
+  
+  /* allow forms to be embedded in dialogs - essentially replicate a few styles */
+  .MuiDialog-container form {
+    display: flex;
+  }
+  
+  .MuiDialog-container form .MuiDialogContent-root {
+    display: flex;
+    align-items: flex-start;
+    flex-direction: column;
+  }
+
+  .MuiDialog-container form .MuiDialogActions-root {
+    align-self: flex-end;
+  }
 `)