react-schema-form 0.9.6 → 1.0.1

package/dist/index.modern.js

@@ -8,41 +8,42 @@ import isUndefined from 'lodash/isUndefined';
 import ObjectPath from 'objectpath';
 import tv4 from 'tv4';
 import notevil from 'notevil';
-import TextField from '@material-ui/core/TextField';
-import FormLabel from '@material-ui/core/FormLabel';
-import FormHelperText from '@material-ui/core/FormHelperText';
+import TextField from '@mui/material/TextField';
+import FormLabel from '@mui/material/FormLabel';
+import FormHelperText from '@mui/material/FormHelperText';
 import ReactMde from 'react-mde';
 import { Converter } from 'showdown';
 import 'react-mde/lib/styles/css/react-mde-all.css';
-import MenuItem from '@material-ui/core/MenuItem';
-import MuiSelect from '@material-ui/core/Select';
-import InputLabel from '@material-ui/core/InputLabel';
-import FormControl from '@material-ui/core/FormControl';
-import { withStyles } from '@material-ui/core/styles';
-import Chip from '@material-ui/core/Chip';
-import FormControlLabel from '@material-ui/core/FormControlLabel';
-import RadioGroup from '@material-ui/core/RadioGroup';
-import Radio from '@material-ui/core/Radio';
-import Checkbox$1 from '@material-ui/core/Checkbox';
-import FormGroup from '@material-ui/core/FormGroup';
-import Typography from '@material-ui/core/Typography';
-import Button from '@material-ui/core/Button';
-import Card from '@material-ui/core/Card';
-import IconButton from '@material-ui/core/IconButton';
-import DeleteIcon from '@material-ui/icons/Close';
+import MenuItem from '@mui/material/MenuItem';
+import MuiSelect from '@mui/material/Select';
+import InputLabel from '@mui/material/InputLabel';
+import FormControl from '@mui/material/FormControl';
+import withStyles from '@mui/styles/withStyles';
+import Chip from '@mui/material/Chip';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import RadioGroup from '@mui/material/RadioGroup';
+import Radio from '@mui/material/Radio';
+import Checkbox$1 from '@mui/material/Checkbox';
+import FormGroup from '@mui/material/FormGroup';
+import Typography from '@mui/material/Typography';
+import Button from '@mui/material/Button';
+import Card from '@mui/material/Card';
+import IconButton from '@mui/material/IconButton';
+import DeleteIcon from '@mui/icons-material/Close';
 import classNames from 'classnames';
-import { FormGroup as FormGroup$1, FormControlLabel as FormControlLabel$1, Checkbox as Checkbox$2, Button as Button$1, Card as Card$1 } from '@material-ui/core';
+import { FormGroup as FormGroup$1, FormControlLabel as FormControlLabel$1, Checkbox as Checkbox$2, Button as Button$1, Card as Card$1 } from '@mui/material';
 import CheckboxTree from 'react-checkbox-tree';
 import 'react-checkbox-tree/lib/react-checkbox-tree.css';
-import CheckBoxIcon from '@material-ui/icons/CheckBox';
-import CheckBoxOutlineBlankIcon from '@material-ui/icons/CheckBoxOutlineBlank';
-import IndeterminateCheckBoxIcon from '@material-ui/icons/IndeterminateCheckBox';
-import ChevronRightIcon from '@material-ui/icons/ChevronRight';
-import KeyboardArrowDownIcon from '@material-ui/icons/KeyboardArrowDown';
-import AddBoxIcon from '@material-ui/icons/AddBox';
-import FolderIcon from '@material-ui/icons/Folder';
-import FolderOpenIcon from '@material-ui/icons/FolderOpen';
-import InsertDriveFileIcon from '@material-ui/icons/InsertDriveFile';
+import CheckBoxIcon from '@mui/icons-material/CheckBox';
+import CheckBoxOutlineBlankIcon from '@mui/icons-material/CheckBoxOutlineBlank';
+import IndeterminateCheckBoxIcon from '@mui/icons-material/IndeterminateCheckBox';
+import ChevronRightIcon from '@mui/icons-material/ChevronRight';
+import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
+import AddBoxIcon from '@mui/icons-material/AddBox';
+import FolderIcon from '@mui/icons-material/Folder';
+import FolderOpenIcon from '@mui/icons-material/FolderOpen';
+import InsertDriveFileIcon from '@mui/icons-material/InsertDriveFile';
+import Cookies from 'universal-cookie';
 
 function _extends() {
   _extends = Object.assign || function (target) {
@@ -65,7 +66,17 @@ function _extends() {
 function _inheritsLoose(subClass, superClass) {
   subClass.prototype = Object.create(superClass.prototype);
   subClass.prototype.constructor = subClass;
-  subClass.__proto__ = superClass;
+
+  _setPrototypeOf(subClass, superClass);
+}
+
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+
+  return _setPrototypeOf(o, p);
 }
 
 function _assertThisInitialized(self) {
@@ -829,7 +840,7 @@ var ComposedComponent = (function (ComposedComponent, defaultProps) {
           localization = _this$props.localization;
       var getLocalizedString = localization && localization.getLocalizedString;
       var value = null;
-      var type = form.type ? form.type : form.schema.type;
+      var type = form.schema ? form.schema.type : form.type;
 
       switch (type) {
         case 'integer':
@@ -843,35 +854,6 @@ var ComposedComponent = (function (ComposedComponent, defaultProps) {
           value = e.target.checked;
           break;
 
-        case 'checkbox':
-          value = e.target.checked;
-          break;
-
-        case 'markdown':
-          if (v && v.length > 0) {
-            value = v;
-          } else {
-            value = '';
-          }
-
-          break;
-
-        case 'taxonomy':
-          if (v && v.length) {
-            value = v;
-          } else {
-            value = [];
-          }
-
-          break;
-
-        case 'tBoolean':
-          if (e.target.value !== 'yes' || e.target.value !== 'no') {
-            value = v;
-          }
-
-          break;
-
         case 'array':
           value = e;
           break;
@@ -1042,7 +1024,11 @@ var Markdown = function Markdown(props) {
       setText = _useState2[1];
 
   useEffect(function () {
-    onChangeValidate(null, text);
+    onChangeValidate({
+      target: {
+        value: text
+      }
+    });
   }, [text]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormLabel, {
     required: form.required
@@ -1161,7 +1147,8 @@ function Select(props) {
   }
 
   var _useState = useState(utils.getValueFromModel(model, form.key) || defaultValue),
-      currentValue = _useState[0];
+      currentValue = _useState[0],
+      setCurrentValue = _useState[1];
 
   useEffect(function () {
     setDefault(key, model, form, currentValue);
@@ -1169,6 +1156,7 @@ function Select(props) {
 
   var onSelected = function onSelected(event) {
     var selectedValue = event.target.value;
+    setCurrentValue(selectedValue);
 
     if (isObject) {
       var item = values.find(function (each) {
@@ -1191,7 +1179,7 @@ function Select(props) {
 
   var menuItems = [];
 
-  if (form.schema.isObject) {
+  if (isObject) {
     menuItems = form.schema["enum"].map(function (item, idx) {
       return (
         /*#__PURE__*/
@@ -1729,7 +1717,8 @@ var ArrayComponent = /*#__PURE__*/function (_Component) {
         className: classes.elementsContainer
       }, forms), /*#__PURE__*/React.createElement(IconButton, {
         onClick: _this2.onDelete(i),
-        className: classes.deleteItemButton
+        className: classes.deleteItemButton,
+        size: "large"
       }, /*#__PURE__*/React.createElement(DeleteIcon, {
         fontSize: "small"
       }))));
@@ -1920,11 +1909,21 @@ function Taxonomy(props) {
       setTerms = _useState3[1];
 
   useEffect(function () {
-    onChangeValidate(null, taxonomies);
+    onChangeValidate(taxonomies);
   }, [taxonomies]);
 
   var fetchCateogry = function fetchCateogry(url) {
-    fetch(url).then(function (res) {
+    var cookies = new Cookies();
+    var headers = {
+      'Content-Type': 'application/json'
+    };
+    if (cookies.get('csrf')) Object.assign(headers, {
+      'X-CSRF-TOKEN': cookies.get('csrf')
+    });
+    fetch(url, {
+      headers: headers,
+      credentials: 'include'
+    }).then(function (res) {
       if (res.ok) {
         return res.json();
       }