react-schema-form 0.9.6 → 1.0.1

package/dist/index.js

@@ -11,41 +11,42 @@ var isUndefined = _interopDefault(require('lodash/isUndefined'));
 var ObjectPath = _interopDefault(require('objectpath'));
 var tv4 = _interopDefault(require('tv4'));
 var notevil = _interopDefault(require('notevil'));
-var TextField = _interopDefault(require('@material-ui/core/TextField'));
-var FormLabel = _interopDefault(require('@material-ui/core/FormLabel'));
-var FormHelperText = _interopDefault(require('@material-ui/core/FormHelperText'));
+var TextField = _interopDefault(require('@mui/material/TextField'));
+var FormLabel = _interopDefault(require('@mui/material/FormLabel'));
+var FormHelperText = _interopDefault(require('@mui/material/FormHelperText'));
 var ReactMde = _interopDefault(require('react-mde'));
 var Showdown = require('showdown');
 require('react-mde/lib/styles/css/react-mde-all.css');
-var MenuItem = _interopDefault(require('@material-ui/core/MenuItem'));
-var MuiSelect = _interopDefault(require('@material-ui/core/Select'));
-var InputLabel = _interopDefault(require('@material-ui/core/InputLabel'));
-var FormControl = _interopDefault(require('@material-ui/core/FormControl'));
-var styles$4 = require('@material-ui/core/styles');
-var Chip = _interopDefault(require('@material-ui/core/Chip'));
-var FormControlLabel = _interopDefault(require('@material-ui/core/FormControlLabel'));
-var RadioGroup = _interopDefault(require('@material-ui/core/RadioGroup'));
-var Radio = _interopDefault(require('@material-ui/core/Radio'));
-var Checkbox$1 = _interopDefault(require('@material-ui/core/Checkbox'));
-var FormGroup = _interopDefault(require('@material-ui/core/FormGroup'));
-var Typography = _interopDefault(require('@material-ui/core/Typography'));
-var Button = _interopDefault(require('@material-ui/core/Button'));
-var Card = _interopDefault(require('@material-ui/core/Card'));
-var IconButton = _interopDefault(require('@material-ui/core/IconButton'));
-var DeleteIcon = _interopDefault(require('@material-ui/icons/Close'));
+var MenuItem = _interopDefault(require('@mui/material/MenuItem'));
+var MuiSelect = _interopDefault(require('@mui/material/Select'));
+var InputLabel = _interopDefault(require('@mui/material/InputLabel'));
+var FormControl = _interopDefault(require('@mui/material/FormControl'));
+var withStyles = _interopDefault(require('@mui/styles/withStyles'));
+var Chip = _interopDefault(require('@mui/material/Chip'));
+var FormControlLabel = _interopDefault(require('@mui/material/FormControlLabel'));
+var RadioGroup = _interopDefault(require('@mui/material/RadioGroup'));
+var Radio = _interopDefault(require('@mui/material/Radio'));
+var Checkbox$1 = _interopDefault(require('@mui/material/Checkbox'));
+var FormGroup = _interopDefault(require('@mui/material/FormGroup'));
+var Typography = _interopDefault(require('@mui/material/Typography'));
+var Button = _interopDefault(require('@mui/material/Button'));
+var Card = _interopDefault(require('@mui/material/Card'));
+var IconButton = _interopDefault(require('@mui/material/IconButton'));
+var DeleteIcon = _interopDefault(require('@mui/icons-material/Close'));
 var classNames = _interopDefault(require('classnames'));
-var core = require('@material-ui/core');
+var material = require('@mui/material');
 var CheckboxTree = _interopDefault(require('react-checkbox-tree'));
 require('react-checkbox-tree/lib/react-checkbox-tree.css');
-var CheckBoxIcon = _interopDefault(require('@material-ui/icons/CheckBox'));
-var CheckBoxOutlineBlankIcon = _interopDefault(require('@material-ui/icons/CheckBoxOutlineBlank'));
-var IndeterminateCheckBoxIcon = _interopDefault(require('@material-ui/icons/IndeterminateCheckBox'));
-var ChevronRightIcon = _interopDefault(require('@material-ui/icons/ChevronRight'));
-var KeyboardArrowDownIcon = _interopDefault(require('@material-ui/icons/KeyboardArrowDown'));
-var AddBoxIcon = _interopDefault(require('@material-ui/icons/AddBox'));
-var FolderIcon = _interopDefault(require('@material-ui/icons/Folder'));
-var FolderOpenIcon = _interopDefault(require('@material-ui/icons/FolderOpen'));
-var InsertDriveFileIcon = _interopDefault(require('@material-ui/icons/InsertDriveFile'));
+var CheckBoxIcon = _interopDefault(require('@mui/icons-material/CheckBox'));
+var CheckBoxOutlineBlankIcon = _interopDefault(require('@mui/icons-material/CheckBoxOutlineBlank'));
+var IndeterminateCheckBoxIcon = _interopDefault(require('@mui/icons-material/IndeterminateCheckBox'));
+var ChevronRightIcon = _interopDefault(require('@mui/icons-material/ChevronRight'));
+var KeyboardArrowDownIcon = _interopDefault(require('@mui/icons-material/KeyboardArrowDown'));
+var AddBoxIcon = _interopDefault(require('@mui/icons-material/AddBox'));
+var FolderIcon = _interopDefault(require('@mui/icons-material/Folder'));
+var FolderOpenIcon = _interopDefault(require('@mui/icons-material/FolderOpen'));
+var InsertDriveFileIcon = _interopDefault(require('@mui/icons-material/InsertDriveFile'));
+var Cookies = _interopDefault(require('universal-cookie'));
 
 function _extends() {
   _extends = Object.assign || function (target) {
@@ -68,7 +69,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) {
@@ -832,7 +843,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':
@@ -846,35 +857,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;
@@ -1045,7 +1027,11 @@ var Markdown = function Markdown(props) {
       setText = _useState2[1];
 
   React.useEffect(function () {
-    onChangeValidate(null, text);
+    onChangeValidate({
+      target: {
+        value: text
+      }
+    });
   }, [text]);
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(FormLabel, {
     required: form.required
@@ -1164,7 +1150,8 @@ function Select(props) {
   }
 
   var _useState = React.useState(utils.getValueFromModel(model, form.key) || defaultValue),
-      currentValue = _useState[0];
+      currentValue = _useState[0],
+      setCurrentValue = _useState[1];
 
   React.useEffect(function () {
     setDefault(key, model, form, currentValue);
@@ -1172,6 +1159,7 @@ function Select(props) {
 
   var onSelected = function onSelected(event) {
     var selectedValue = event.target.value;
+    setCurrentValue(selectedValue);
 
     if (isObject) {
       var item = values.find(function (each) {
@@ -1194,7 +1182,7 @@ function Select(props) {
 
   var menuItems = [];
 
-  if (form.schema.isObject) {
+  if (isObject) {
     menuItems = form.schema["enum"].map(function (item, idx) {
       return (
         /*#__PURE__*/
@@ -1349,7 +1337,7 @@ var MultiSelect = /*#__PURE__*/function (_Component) {
   return MultiSelect;
 }(React.Component);
 
-var MultiSelect$1 = ComposedComponent(styles$4.withStyles(styles)(MultiSelect));
+var MultiSelect$1 = ComposedComponent(withStyles(styles)(MultiSelect));
 
 var styles$1 = function styles(theme) {
   return {
@@ -1416,7 +1404,7 @@ var Radios = /*#__PURE__*/function (_Component) {
   return Radios;
 }(React.Component);
 
-var Radios$1 = ComposedComponent(styles$4.withStyles(styles$1)(Radios));
+var Radios$1 = ComposedComponent(withStyles(styles$1)(Radios));
 
 var NativeDateField = function NativeDateField(props) {
   var value = props.value,
@@ -1732,7 +1720,8 @@ var ArrayComponent = /*#__PURE__*/function (_Component) {
         className: classes.elementsContainer
       }, forms), /*#__PURE__*/React__default.createElement(IconButton, {
         onClick: _this2.onDelete(i),
-        className: classes.deleteItemButton
+        className: classes.deleteItemButton,
+        size: "large"
       }, /*#__PURE__*/React__default.createElement(DeleteIcon, {
         fontSize: "small"
       }))));
@@ -1773,7 +1762,7 @@ ArrayComponent.copyWithIndex = function (form, index) {
 };
 
 ArrayComponent.ITEM_ID = Symbol('_SCHEMAFORM_ITEM_ID');
-var Array$1 = ComposedComponent(styles$4.withStyles(styles$2)(ArrayComponent));
+var Array$1 = ComposedComponent(withStyles(styles$2)(ArrayComponent));
 
 var styles$3 = function styles(theme) {
   return {
@@ -1810,7 +1799,7 @@ var FieldSet = function FieldSet(_ref) {
   }, forms));
 };
 
-var FieldSet$1 = styles$4.withStyles(styles$3)(FieldSet);
+var FieldSet$1 = withStyles(styles$3)(FieldSet);
 
 var TripleBoolean = /*#__PURE__*/function (_Component) {
   _inheritsLoose(TripleBoolean, _Component);
@@ -1863,23 +1852,23 @@ var TripleBoolean = /*#__PURE__*/function (_Component) {
       style: this.divStyle
     }, /*#__PURE__*/React__default.createElement(FormLabel, {
       required: required
-    }, title && getLocalizedString(title)), /*#__PURE__*/React__default.createElement("br", null), /*#__PURE__*/React__default.createElement(core.FormGroup, null, /*#__PURE__*/React__default.createElement(core.FormControlLabel, {
-      control: /*#__PURE__*/React__default.createElement(core.Checkbox, {
+    }, title && getLocalizedString(title)), /*#__PURE__*/React__default.createElement("br", null), /*#__PURE__*/React__default.createElement(material.FormGroup, null, /*#__PURE__*/React__default.createElement(material.FormControlLabel, {
+      control: /*#__PURE__*/React__default.createElement(material.Checkbox, {
         onClick: function onClick(e) {
           onChangeValidate(e, 'yes');
         },
         checked: yesChecked
       }),
       label: yesLabel ? getLocalizedString(yesLabel) : 'Yes'
-    }), /*#__PURE__*/React__default.createElement(core.FormControlLabel, {
-      control: /*#__PURE__*/React__default.createElement(core.Checkbox, {
+    }), /*#__PURE__*/React__default.createElement(material.FormControlLabel, {
+      control: /*#__PURE__*/React__default.createElement(material.Checkbox, {
         onClick: function onClick(e) {
           onChangeValidate(e, 'no');
         },
         checked: noChecked
       }),
       label: noLabel ? getLocalizedString(noLabel) : 'No'
-    })), value === 'yes' || value === 'no' ? /*#__PURE__*/React__default.createElement(core.Button, {
+    })), value === 'yes' || value === 'no' ? /*#__PURE__*/React__default.createElement(material.Button, {
       id: "temp",
       variant: "text",
       color: "primary",
@@ -1890,7 +1879,7 @@ var TripleBoolean = /*#__PURE__*/function (_Component) {
   };
 
   _proto.render = function render() {
-    return /*#__PURE__*/React__default.createElement(core.Card, null, this.displaySwitch());
+    return /*#__PURE__*/React__default.createElement(material.Card, null, this.displaySwitch());
   };
 
   return TripleBoolean;
@@ -1923,11 +1912,21 @@ function Taxonomy(props) {
       setTerms = _useState3[1];
 
   React.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();
       }