@agilemotion/oui-react-js 1.6.4 → 1.6.6

package/dist/components/form/LookupField.js

@@ -3,116 +3,65 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.LookupField = exports.LookupFieldComponent = void 0;
-
+exports.default = exports.LookupFieldComponent = exports.LookupField = void 0;
 var _react = _interopRequireDefault(require("react"));
-
 var _Utils = _interopRequireDefault(require("../../Utils"));
-
 var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
-
 var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
-
 var _Search = _interopRequireDefault(require("@material-ui/icons/Search"));
-
 var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
-
 var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions"));
-
 var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-
 var _BaseField = require("./BaseField");
-
 var _DataGrid = require("../DataGrid");
-
 var _Observable = _interopRequireDefault(require("../../event/Observable"));
-
 var _DialogTitle = _interopRequireDefault(require("@material-ui/core/DialogTitle"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure 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 _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 _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var LookupFieldComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _React$useState = _react.default.useState(null),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      currentSelection = _React$useState2[0],
-      setCurrentSelection = _React$useState2[1];
-
-  var _React$useState3 = _react.default.useState(false),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      open = _React$useState4[0],
-      setOpen = _React$useState4[1];
-
-  var width = _Utils.default.getComponentAttribute(props.config, 'width', '100%');
-
-  var minWidth = _Utils.default.getComponentAttribute(props.config, 'minWidth', '240px');
-
-  var defaultValue = _Utils.default.isNull(props.value) ? '' : props.value;
-  var base = props.base;
-
-  var handleClose = function handleClose() {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const LookupFieldComponent = exports.LookupFieldComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const [currentSelection, setCurrentSelection] = _react.default.useState(null);
+  const [open, setOpen] = _react.default.useState(false);
+  const width = _Utils.default.getComponentAttribute(props.config, 'width', '100%');
+  const minWidth = _Utils.default.getComponentAttribute(props.config, 'minWidth', '240px');
+  const defaultValue = _Utils.default.isNull(props.value) ? '' : props.value;
+  const base = props.base;
+  const handleClose = () => {
     setOpen(false);
     setCurrentSelection(null);
-
     _Observable.default.clearComponentEventListeners(props.gridHandle.api.id);
   };
-
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     if (props.config && props.config.grid) {
       if (!props.config.grid.attributes) {
         props.config.grid.attributes = {};
       }
-
       props.config.grid.attributes['margin'] = _Utils.default.getComponentAttribute(props.config.grid, 'margin', '16px');
     }
   });
-
-  var setSelectionAsValue = function setSelectionAsValue() {
+  const setSelectionAsValue = () => {
     if (currentSelection.length > 0) {
-      var row = currentSelection[0];
-      var properties = Object.getOwnPropertyNames(row);
-
-      var label = _Utils.default.getComponentAttribute(props.config, 'displayTemplate', 'Please specify a display template');
-
-      var val = {};
-
-      for (var i = 0; i < properties.length; i++) {
-        var property = properties[i];
+      let row = currentSelection[0];
+      let properties = Object.getOwnPropertyNames(row);
+      let label = _Utils.default.getComponentAttribute(props.config, 'displayTemplate', 'Please specify a display template');
+      let val = {};
+      for (let i = 0; i < properties.length; i++) {
+        let property = properties[i];
         label = label.replace('@{' + property + "}", row[property]);
-
         if (property !== 'label') {
           val[property] = row[property];
         }
       }
-
       val.label = label;
-
-      val.toString = function () {
+      val.toString = () => {
         return label;
       };
-
       base.handleValueChange(val);
       handleClose();
     }
   };
-
-  var openSearch = function openSearch() {
+  const openSearch = () => {
     setOpen(true);
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "w-100 lookup"
   }, /*#__PURE__*/_react.default.createElement("table", {
@@ -173,7 +122,7 @@ var LookupFieldComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react
     handle: props.gridHandle,
     ref: /*#__PURE__*/_react.default.createRef(),
     viewId: props.viewId,
-    onSelectionChange: function onSelectionChange(selection) {
+    onSelectionChange: selection => {
       setCurrentSelection(selection);
     }
   })), /*#__PURE__*/_react.default.createElement("div", {
@@ -189,53 +138,38 @@ var LookupFieldComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react
     disabled: _Utils.default.isNull(currentSelection)
   }, "Ok"))))));
 }));
-
-exports.LookupFieldComponent = LookupFieldComponent;
-
-var LookupField = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _React$useState5 = _react.default.useState({}),
-      _React$useState6 = _slicedToArray(_React$useState5, 1),
-      gridHandle = _React$useState6[0];
-
+const LookupField = exports.LookupField = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const [gridHandle] = _react.default.useState({});
   return /*#__PURE__*/_react.default.createElement(_BaseField.BaseField, _extends({}, props, {
     handle: props.handle,
-    getChildren: function getChildren() {
-      var children = [];
+    getChildren: () => {
+      let children = [];
       children.push(gridHandle);
       return children;
     },
-    valueParser: function valueParser(value, inbound) {
+    valueParser: (value, inbound) => {
       if (!value || !value.id) {
         return null;
       }
-
       if (!_Utils.default.isNull(value)) {
         if (inbound) {
-          var initVal = value;
-
-          initVal.toString = function () {
+          let initVal = value;
+          initVal.toString = () => {
             return initVal.dataRecordDescription;
           };
-
           return initVal;
         } else {
-          var objectReference = {};
+          let objectReference = {};
           objectReference.id = value.id;
           return objectReference;
         }
       }
-
       return value;
     }
-  }), function (base) {
-    return /*#__PURE__*/_react.default.createElement(LookupFieldComponent, _extends({
-      ref: ref,
-      gridHandle: gridHandle,
-      base: base
-    }, props));
-  });
+  }), base => /*#__PURE__*/_react.default.createElement(LookupFieldComponent, _extends({
+    ref: ref,
+    gridHandle: gridHandle,
+    base: base
+  }, props)));
 }));
-
-exports.LookupField = LookupField;
-var _default = LookupField;
-exports.default = _default;
+var _default = exports.default = LookupField;

package/dist/components/form/MultiFileUploadField.js

@@ -4,160 +4,100 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.MultiFileUploadField = exports.DocumentUpload = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-
 var _BaseField = require("./BaseField");
-
 var _styles = require("@material-ui/core/styles");
-
 var _Utils = _interopRequireDefault(require("../../Utils"));
-
 var _Icon = _interopRequireDefault(require("../Icon"));
-
 var _FileThumb = _interopRequireDefault(require("../FileThumb"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure 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 _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 _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var useStyles = (0, _styles.makeStyles)(function (theme) {
-  return {
-    button: {
-      margin: theme.spacing(1)
-    },
-    input: {
-      display: 'none'
-    },
-    errorMessageDisplay: {
-      color: 'red'
-    }
-  };
-});
-
-var status = function status(response) {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const useStyles = (0, _styles.makeStyles)(theme => ({
+  button: {
+    margin: theme.spacing(1)
+  },
+  input: {
+    display: 'none'
+  },
+  errorMessageDisplay: {
+    color: 'red'
+  }
+}));
+const status = response => {
   if (response.ok) {
     return Promise.resolve(response);
   } else {
-    var error = new Error(response.statusText);
+    let error = new Error(response.statusText);
     error.code = response.status;
     return Promise.reject(error);
   }
 };
-
-var json = function json(response) {
+const json = response => {
   return response.text();
 };
-
-var location = window.location.protocol + '//' + window.location.hostname;
-
-var DocumentUpload = function DocumentUpload(props) {
-  var _React$useState = _react.default.useState(null),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      files = _React$useState2[0],
-      setFiles = _React$useState2[1];
-
-  var _React$useState3 = _react.default.useState(props.multiple === true),
-      _React$useState4 = _slicedToArray(_React$useState3, 1),
-      multiple = _React$useState4[0];
-
-  var classes = useStyles();
-
-  var _React$useState5 = _react.default.useState(''),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      errorMessage = _React$useState6[0],
-      setErrorMessage = _React$useState6[1];
-
-  var base = props.base;
-
-  _react.default.useEffect(function () {
+const location = window.location.protocol + '//' + window.location.hostname;
+const DocumentUpload = props => {
+  const [files, setFiles] = _react.default.useState(null);
+  const [multiple] = _react.default.useState(props.multiple === true);
+  const classes = useStyles();
+  const [errorMessage, setErrorMessage] = _react.default.useState('');
+  const base = props.base;
+  _react.default.useEffect(() => {
     base.handleValueChange(files);
   }, [files]);
-
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     if (!files && base.value) {
       setFiles(base.value);
     }
   }, [base.value]);
-
-  var deleteFile = function deleteFile(file) {
-    setFiles(files.filter(function (f) {
-      return f.name !== file.name;
-    }));
+  const deleteFile = file => {
+    setFiles(files.filter(f => f.name !== file.name));
   };
-
-  var handleChange = function handleChange() {
-    return function (event) {
-      var uploadedFiles = event.target.files;
-      var allFiles = [];
-
-      var _loop = function _loop() {
-        var file = uploadedFiles[i];
-        var reader = new FileReader();
-        reader.readAsDataURL(file);
-
-        reader.onload = function () {
-          var fileInfo = {
-            name: file.name,
-            type: file.type,
-            size: file.size,
-            payload: reader.result
-          };
-
-          if (!files || !files.find(function (f) {
-            return f.name === file.name;
-          })) {
-            allFiles.push(fileInfo);
-
-            if (allFiles.length === uploadedFiles.length) {
-              if (multiple === true) {
-                if (!_Utils.default.isNull(props.onUploadHandler)) {
-                  props.onUploadHandler(allFiles);
-                }
-              } else {
-                if (!_Utils.default.isNull(props.onUploadHandler)) {
-                  props.onUploadHandler(allFiles[0]);
-                }
+  const handleChange = () => event => {
+    let uploadedFiles = event.target.files;
+    var allFiles = [];
+    for (var i = 0; i < uploadedFiles.length; i++) {
+      let file = uploadedFiles[i];
+      let reader = new FileReader();
+      reader.readAsDataURL(file);
+      reader.onload = () => {
+        let fileInfo = {
+          name: file.name,
+          type: file.type,
+          size: file.size,
+          payload: reader.result
+        };
+        if (!files || !files.find(f => f.name === file.name)) {
+          allFiles.push(fileInfo);
+          if (allFiles.length === uploadedFiles.length) {
+            if (multiple === true) {
+              if (!_Utils.default.isNull(props.onUploadHandler)) {
+                props.onUploadHandler(allFiles);
+              }
+            } else {
+              if (!_Utils.default.isNull(props.onUploadHandler)) {
+                props.onUploadHandler(allFiles[0]);
               }
-
-              setFiles(files && files.length > 0 ? allFiles.concat(files) : allFiles);
             }
+            setFiles(files && files.length > 0 ? allFiles.concat(files) : allFiles);
           }
-        };
+        }
       };
-
-      for (var i = 0; i < uploadedFiles.length; i++) {
-        _loop();
-      }
-    };
+    }
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     style: _Utils.default.mergeStyles({}, props.config)
   }, /*#__PURE__*/_react.default.createElement("input", {
     className: classes.input,
-    id: "contained-button-file-".concat(props.config.id),
+    id: `contained-button-file-${props.config.id}`,
     disabled: base.disabled,
     required: base.required,
     multiple: multiple,
     onChange: handleChange(),
     type: "file"
   }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("label", {
-    htmlFor: "contained-button-file-".concat(props.config.id)
+    htmlFor: `contained-button-file-${props.config.id}`
   }, !base.disabled && /*#__PURE__*/_react.default.createElement(_Button.default, {
     component: "span",
     disabled: base.disabled,
@@ -175,7 +115,7 @@ var DocumentUpload = function DocumentUpload(props) {
       marginRight: '0',
       marginBottom: '8px'
     }
-  }, files ? files.map(function (file, index) {
+  }, files ? files.map((file, index) => {
     return /*#__PURE__*/_react.default.createElement("div", {
       key: index,
       style: {
@@ -186,36 +126,29 @@ var DocumentUpload = function DocumentUpload(props) {
       key: file.name,
       file: file,
       disabled: base.disabled,
-      onDelete: function onDelete(file) {
+      onDelete: file => {
         deleteFile(file);
       }
     }));
   }) : null)));
 };
-
 exports.DocumentUpload = DocumentUpload;
-
-var MultiFileUploadField = function MultiFileUploadField(props) {
-  var clearTrigger = _react.default.useRef(false);
-
+const MultiFileUploadField = props => {
+  const clearTrigger = _react.default.useRef(false);
   return /*#__PURE__*/_react.default.createElement(_BaseField.BaseField, _extends({}, props, {
     handle: props.handle,
-    valueParser: function valueParser(value, inbound) {
+    valueParser: (value, inbound) => {
       return value;
     },
-    valueChangeCallback: function valueChangeCallback(value) {
+    valueChangeCallback: value => {
       if (_Utils.default.isNull(value)) {
         clearTrigger.current = !clearTrigger.current;
       }
     }
-  }), function (base) {
-    return /*#__PURE__*/_react.default.createElement(DocumentUpload, _extends({
-      base: base,
-      clearTrigger: clearTrigger.current
-    }, props));
-  });
+  }), base => /*#__PURE__*/_react.default.createElement(DocumentUpload, _extends({
+    base: base,
+    clearTrigger: clearTrigger.current
+  }, props)));
 };
-
 exports.MultiFileUploadField = MultiFileUploadField;
-var _default = MultiFileUploadField;
-exports.default = _default;
+var _default = exports.default = MultiFileUploadField;

package/dist/components/form/RadioGroup.js

@@ -4,56 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _RadioGroup = _interopRequireDefault(require("@material-ui/core/RadioGroup"));
-
 var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));
-
 var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
-
 var _FormLabel = _interopRequireDefault(require("@material-ui/core/FormLabel"));
-
 var _BaseField = require("./BaseField");
-
 var _Utils = _interopRequireDefault(require("../../Utils"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure 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 _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 _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var RadioGroupWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var base = props.base;
-
-  var label = _Utils.default.getComponentAttribute(props.config, 'label', null); // TODO : Support calling a rest end-point to get options
-
-
-  var options = _Utils.default.getComponentAttribute(props.config, 'options', []);
-
-  var _React$useState = _react.default.useState(base.value ? base.value : props.defaultValue),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      value = _React$useState2[0],
-      setValue = _React$useState2[1];
-
-  _react.default.useEffect(function () {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const RadioGroupWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const base = props.base;
+  const label = _Utils.default.getComponentAttribute(props.config, 'label', null);
+  // TODO : Support calling a rest end-point to get options
+  const options = _Utils.default.getComponentAttribute(props.config, 'options', []);
+  const [value, setValue] = _react.default.useState(base.value ? base.value : props.defaultValue);
+  _react.default.useEffect(() => {
     if (base.value) {
       setValue(base.value);
     }
   }, [base.value]);
-
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
       marginTop: '16px'
@@ -67,11 +37,11 @@ var RadioGroupWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.de
     name: "radios",
     required: base.required,
     helperText: base.errorMessage,
-    onChange: function onChange(e) {
+    onChange: e => {
       base.handleValueChange(e.target.value);
     },
     error: base.hasError
-  }, options.map(function (option, index) {
+  }, options.map((option, index) => {
     return /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, {
       key: index,
       value: option.value,
@@ -82,27 +52,20 @@ var RadioGroupWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.de
     });
   })));
 }));
-
-var RadioGroup = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var defaultValue = _Utils.default.getComponentAttribute(props.config, 'defaultValue', null);
-
+const RadioGroup = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const defaultValue = _Utils.default.getComponentAttribute(props.config, 'defaultValue', null);
   return /*#__PURE__*/_react.default.createElement(_BaseField.BaseField, _extends({}, props, {
     handle: props.handle,
-    valueParser: function valueParser(value) {
+    valueParser: value => {
       if (_Utils.default.isNull(value)) {
         return defaultValue;
       }
-
       return value;
     }
-  }), function (base) {
-    return /*#__PURE__*/_react.default.createElement(RadioGroupWrapper, _extends({
-      ref: ref,
-      base: base,
-      defaultValue: defaultValue
-    }, props));
-  });
+  }), base => /*#__PURE__*/_react.default.createElement(RadioGroupWrapper, _extends({
+    ref: ref,
+    base: base,
+    defaultValue: defaultValue
+  }, props)));
 }));
-
-var _default = RadioGroup;
-exports.default = _default;
+var _default = exports.default = RadioGroup;