@scenid/react-formulator 0.4.0 → 0.4.2

package/dist/index.cjs.js

@@ -29300,7 +29300,7 @@ var FormControlField$1 = function FormControlField(_ref) {
     control: control,
     label: label,
     labelPlacement: finalProps.labelPlacement || 'end'
-  }), !isSwitch && !isRepeater && !isRender && control, dirty && hasErrors && /*#__PURE__*/React__default["default"].createElement(_FormHelperText__default["default"], null, errors.map(function (e) {
+  }), !isSwitch && !isRepeater && !isRender && control, dirty && !disabled && hasErrors && /*#__PURE__*/React__default["default"].createElement(_FormHelperText__default["default"], null, errors.map(function (e) {
     return e.message;
   }).join('. ')));
 };
@@ -31896,6 +31896,9 @@ var FormAutocomplete = function FormAutocomplete(_ref) {
       }
     });
   }, [onChange]);
+  React.useEffect(function () {
+    fetch();
+  }, []);
 
   if (readOnly) {
     return /*#__PURE__*/React__default["default"].createElement(FormField$1, {
@@ -31910,7 +31913,8 @@ var FormAutocomplete = function FormAutocomplete(_ref) {
   return /*#__PURE__*/React__default["default"].createElement(_FormControl__default["default"], {
     error: dirty && hasErrors,
     margin: "dense",
-    fullWidth: true
+    fullWidth: true,
+    required: required
   }, /*#__PURE__*/React__default["default"].createElement(SelectOrCreate, {
     loading: loading,
     label: label,
@@ -31941,7 +31945,7 @@ var FormAutocomplete = function FormAutocomplete(_ref) {
     },
     onClose: abort,
     onChange: changeValue
-  }), dirty && hasErrors && /*#__PURE__*/React__default["default"].createElement(_FormHelperText__default["default"], null, errors.map(function (e) {
+  }), dirty && !disabled && hasErrors && /*#__PURE__*/React__default["default"].createElement(_FormHelperText__default["default"], null, errors.map(function (e) {
     return e.message;
   }).join('. ')));
 };

package/dist/index.esm.js

@@ -29231,7 +29231,7 @@ var FormControlField$1 = function FormControlField(_ref) {
     control: control,
     label: label,
     labelPlacement: finalProps.labelPlacement || 'end'
-  }), !isSwitch && !isRepeater && !isRender && control, dirty && hasErrors && /*#__PURE__*/React__default.createElement(_FormHelperText, null, errors.map(function (e) {
+  }), !isSwitch && !isRepeater && !isRender && control, dirty && !disabled && hasErrors && /*#__PURE__*/React__default.createElement(_FormHelperText, null, errors.map(function (e) {
     return e.message;
   }).join('. ')));
 };
@@ -31827,6 +31827,9 @@ var FormAutocomplete = function FormAutocomplete(_ref) {
       }
     });
   }, [onChange]);
+  useEffect(function () {
+    fetch();
+  }, []);
 
   if (readOnly) {
     return /*#__PURE__*/React__default.createElement(FormField$1, {
@@ -31841,7 +31844,8 @@ var FormAutocomplete = function FormAutocomplete(_ref) {
   return /*#__PURE__*/React__default.createElement(_FormControl, {
     error: dirty && hasErrors,
     margin: "dense",
-    fullWidth: true
+    fullWidth: true,
+    required: required
   }, /*#__PURE__*/React__default.createElement(SelectOrCreate, {
     loading: loading,
     label: label,
@@ -31872,7 +31876,7 @@ var FormAutocomplete = function FormAutocomplete(_ref) {
     },
     onClose: abort,
     onChange: changeValue
-  }), dirty && hasErrors && /*#__PURE__*/React__default.createElement(_FormHelperText, null, errors.map(function (e) {
+  }), dirty && !disabled && hasErrors && /*#__PURE__*/React__default.createElement(_FormHelperText, null, errors.map(function (e) {
     return e.message;
   }).join('. ')));
 };

package/firebase.json

@@ -1,5 +1,6 @@
 {
   "hosting": {
+    "site": "react-formulator",
     "public": "storybook-static",
     "ignore": [
       "firebase.json",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scenid/react-formulator",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
   "repository": "https://dennykoch@bitbucket.org/scenid/react-formulator.git",

package/src/Editable/FormAutocomplete/FormAutocomplete.jsx

@@ -1,4 +1,4 @@
-import React, { useCallback } from 'react'
+import React, { useEffect, useCallback } from 'react'
 import PropTypes from 'prop-types'
 
 import { Box, Typography, FormControl, FormHelperText } from '@material-ui/core'
@@ -29,6 +29,8 @@ const FormAutocomplete = ({
 
   const changeValue = useCallback(newValue => { onChange({ target: { name, value: newValue?.entry || '' } }) }, [onChange])
 
+  useEffect(() => { fetch() }, [])
+
   if (readOnly) {
     return (
       <FormField
@@ -46,6 +48,7 @@ const FormAutocomplete = ({
       error={dirty && hasErrors}
       margin="dense"
       fullWidth
+      required={required}
     >
       <SelectOrCreate
         loading={loading}
@@ -86,7 +89,7 @@ const FormAutocomplete = ({
         onChange={changeValue}
       />
       {
-        (dirty && hasErrors)
+        (dirty && !disabled && hasErrors)
           && (
             <FormHelperText>
               {errors.map(e => e.message).join('. ')}

package/src/Editable/FormField.jsx

@@ -124,7 +124,7 @@ const FormControlField = ({
           && control
       }
       {
-        (dirty && hasErrors)
+        (dirty && !disabled && hasErrors)
           && (
             <FormHelperText>
               {errors.map(e => e.message).join('. ')}