@agilemotion/oui-react-js 1.3.7 → 1.3.9

package/dist/components/form/MultiFileUploadField.js

@@ -0,0 +1,186 @@
+"use strict";
+
+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); }
+
+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 {
+    let error = new Error(response.statusText);
+    error.code = response.status;
+    return Promise.reject(error);
+  }
+};
+
+const json = response => {
+  return response.text();
+};
+
+const location = window.location.protocol + "//" + window.location.hostname;
+
+const DocumentUpload = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  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(() => {
+    if (!files && base.value) {
+      setFiles(base.value);
+    }
+  }, [base.value]);
+
+  const deleteFile = file => {
+    setFiles(files.filter(f => f.name !== file.name));
+  };
+
+  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);
+          }
+        }
+      };
+    }
+  };
+
+  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),
+    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)
+  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+    component: "span",
+    disabled: base.disabled,
+    className: classes.button,
+    style: {
+      border: base.hasError ? "1px solid #f44336" : null,
+      color: base.hasError ? "#f44336" : null
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    id: _Utils.default.getComponentAttribute(props.config, 'icon', 'UPLOAD')
+  }), props.config.attributes['label'] ? props.config.attributes['label'] : ""))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "row",
+    style: {
+      marginLeft: '8px',
+      marginRight: '0',
+      marginBottom: '8px'
+    }
+  }, files ? files.map((file, index) => {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "col",
+      style: {
+        marginLeft: '0',
+        marginRight: '0'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_FileThumb.default, {
+      file: file,
+      onDelete: file => {
+        deleteFile(file);
+      }
+    }));
+  }) : null)));
+}));
+
+exports.DocumentUpload = DocumentUpload;
+
+const MultiFileUploadField = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const clearTrigger = _react.default.useRef(false);
+
+  return /*#__PURE__*/_react.default.createElement(_BaseField.BaseField, _extends({}, props, {
+    handle: props.handle,
+    valueParser: (value, inbound) => {
+      return value;
+    },
+    valueChangeCallback: value => {
+      if (_Utils.default.isNull(value)) {
+        clearTrigger.current = !clearTrigger.current;
+      }
+    }
+  }), base => /*#__PURE__*/_react.default.createElement(DocumentUpload, _extends({
+    ref: ref,
+    base: base,
+    clearTrigger: clearTrigger.current
+  }, props)));
+}));
+
+exports.MultiFileUploadField = MultiFileUploadField;
+var _default = MultiFileUploadField;
+exports.default = _default;

package/dist/components/form/RadioGroup.js

@@ -27,18 +27,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 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; }
-
 const RadioGroupWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const base = props.base;
 
@@ -47,10 +35,7 @@ const RadioGroupWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.
 
   const options = _Utils.default.getComponentAttribute(props.config, 'options', []);
 
-  const _React$useState = _react.default.useState(true),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        initializing = _React$useState2[0],
-        setInitializing = _React$useState2[1];
+  const [initializing, setInitializing] = _react.default.useState(true);
 
   _react.default.useEffect(() => {
     if (initializing) {

package/dist/components/form/Section.js

@@ -21,54 +21,30 @@ var _HtmlPanel = _interopRequireDefault(require("../HtmlPanel"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
-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; }
-
 const Section = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const _React$useState = _react.default.useState(null),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        fieldGrid = _React$useState2[0],
-        setFieldGrid = _React$useState2[1];
-
-  const _React$useState3 = _react.default.useState(null),
-        _React$useState4 = _slicedToArray(_React$useState3, 2),
-        width = _React$useState4[0],
-        setWidth = _React$useState4[1];
+  const [fieldGrid, setFieldGrid] = _react.default.useState(null);
 
-  const _React$useState5 = _react.default.useState({}),
-        _React$useState6 = _slicedToArray(_React$useState5, 1),
-        componentHandles = _React$useState6[0];
+  const [width, setWidth] = _react.default.useState(null);
 
-  const _React$useState7 = _react.default.useState(true),
-        _React$useState8 = _slicedToArray(_React$useState7, 2),
-        initializing = _React$useState8[0],
-        setInitializing = _React$useState8[1];
+  const [componentHandles] = _react.default.useState({});
 
   let componentKey = 0;
 
   _react.default.useEffect(() => {
     props.handle.api = api();
+  });
+
+  _react.default.useLayoutEffect(() => {
+    props.handle.api = api();
+  }, []);
 
-    if (initializing) {
-      let fieldGrid = _Utils.default.getFieldGrid(props.config.attributes, props.config.components);
+  _react.default.useEffect(() => {
+    let fieldGrid = _Utils.default.getFieldGrid(props.config.attributes, props.config.components);
 
-      setFieldGrid(fieldGrid);
-      let width = !_Utils.default.isNull(props.config.attributes) && !_Utils.default.isNull(props.config.attributes['width']) ? props.config.attributes['width'] : '100%';
-      setWidth(width);
-      setInitializing(false);
-    }
-  });
+    setFieldGrid(fieldGrid);
+    let width = !_Utils.default.isNull(props.config.attributes) && !_Utils.default.isNull(props.config.attributes['width']) ? props.config.attributes['width'] : '100%';
+    setWidth(width);
+  }, []);
 
   const createComponentHandle = component => {
     if (_Utils.default.isNull(componentHandles[component.id])) {
@@ -88,7 +64,6 @@ const Section = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.fo
       handle: createComponentHandle(component),
       ref: /*#__PURE__*/_react.default.createRef(),
       parentId: props.parentId,
-      loadCompleteHandler: props.loadCompleteHandler,
       viewId: props.viewId,
       values: props.values,
       key: componentKey++
@@ -98,7 +73,6 @@ const Section = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.fo
       form: props.form,
       handle: createComponentHandle(component),
       ref: /*#__PURE__*/_react.default.createRef(),
-      loadCompleteHandler: props.loadCompleteHandler,
       viewId: props.viewId,
       values: props.values,
       key: componentKey++
@@ -108,11 +82,10 @@ const Section = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.fo
       ref: /*#__PURE__*/_react.default.createRef(),
       viewId: props.viewId,
       key: componentKey++,
-      values: props.values,
-      loadCompleteHandler: props.loadCompleteHandler
+      values: props.values
     }) : /*#__PURE__*/_react.default.createElement("div", {
       key: componentKey++
-    }, "Unsupported form section component type " + component.type);
+    }, 'Unsupported form section component type ' + component.type);
   }
 
   const api = () => {
@@ -125,35 +98,15 @@ const Section = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.fo
         let children = [];
         let properties = Object.getOwnPropertyNames(componentHandles);
 
-        var _iterator = _createForOfIteratorHelper(properties),
-            _step;
-
-        try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            const property = _step.value;
-            let componentHandle = componentHandles[property];
-            children.push(componentHandle);
-
-            if (componentHandle.api) {
-              var _iterator2 = _createForOfIteratorHelper(componentHandle.api.getChildren()),
-                  _step2;
-
-              try {
-                for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-                  const child = _step2.value;
-                  children.push(child);
-                }
-              } catch (err) {
-                _iterator2.e(err);
-              } finally {
-                _iterator2.f();
-              }
+        for (const property of properties) {
+          let componentHandle = componentHandles[property];
+          children.push(componentHandle);
+
+          if (componentHandle.api) {
+            for (const child of componentHandle.api.getChildren()) {
+              children.push(child);
             }
           }
-        } catch (err) {
-          _iterator.e(err);
-        } finally {
-          _iterator.f();
         }
 
         return children;
@@ -162,39 +115,25 @@ const Section = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.fo
       refresh() {
         let properties = Object.getOwnPropertyNames(componentHandles);
 
-        var _iterator3 = _createForOfIteratorHelper(properties),
-            _step3;
-
-        try {
-          for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-            const property = _step3.value;
-            let componentHandle = componentHandles[property];
+        for (const property of properties) {
+          let componentHandle = componentHandles[property];
 
-            if (componentHandle.api && componentHandle.api.refresh) {
-              componentHandle.api.refresh();
-            }
+          if (componentHandle.api && componentHandle.api.refresh) {
+            componentHandle.api.refresh();
           }
-        } catch (err) {
-          _iterator3.e(err);
-        } finally {
-          _iterator3.f();
         }
       }
 
     };
   };
 
-  const loadCompleteHandler = id => {
-    console.log('Load complete event in form layout, for ' + id); // TODO : call props.loadCompleteHandler
-  };
-
   function render(section) {
     let counter = 0;
     return _Utils.default.isNull(section.components) || section.components.length === 0 ? /*#__PURE__*/_react.default.createElement("div", null, " Error: A form section must have components") : /*#__PURE__*/_react.default.createElement("div", {
       style: {
         overflow: 'hidden'
       }
-    }, fieldGrid.rows.map(row => {
+    }, fieldGrid.rows.map((row, index) => {
       return /*#__PURE__*/_react.default.createElement(_Grid.default, {
         container: true,
         style: _Utils.default.mergeStyles({
@@ -202,10 +141,10 @@ const Section = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.fo
           textAlign: 'left',
           width: '100%'
         }, section),
-        key: componentKey++
+        key: index
       }, row.fields.map(field => {
         if (_Utils.default.isNull(field.id)) {
-          field.id = counter++ + "-" + field.type + '-section-component';
+          field.id = counter++ + '-' + field.type + '-section-component';
         }
 
         return renderComponent(field);
@@ -218,7 +157,7 @@ const Section = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.fo
     style: {
       width: width
     }
-  }, !initializing && !_Utils.default.isNull(fieldGrid) ? render(props.config) : null);
+  }, !_Utils.default.isNull(fieldGrid) ? render(props.config) : null);
 }));
 
 var _default = Section;

package/dist/components/form/SelectItem.js

@@ -21,33 +21,17 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 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; }
-
 const SelectItemComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const base = props.base;
 
-  const _React$useState = _react.default.useState(false),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        optionsLoaded = _React$useState2[0],
-        setOptionsLoaded = _React$useState2[1];
+  const [optionsLoaded, setOptionsLoaded] = _react.default.useState(false);
 
-  const _React$useState3 = _react.default.useState(false),
-        _React$useState4 = _slicedToArray(_React$useState3, 2),
-        loadFullOptionList = _React$useState4[0],
-        setLoadFullOptionList = _React$useState4[1];
+  const [loadFullOptionList, setLoadFullOptionList] = _react.default.useState(false);
 
   const minWidth = _Utils.default.getComponentAttribute(props.config, 'minWidth', '240px');
 
+  const maxWidth = _Utils.default.getComponentAttribute(props.config, 'maxWidth', null);
+
   const width = _Utils.default.getComponentAttribute(props.config, 'width', '100%');
 
   const defaultValue = _Utils.default.isNull(props.value) ? '' : props.value.id;
@@ -63,20 +47,20 @@ const SelectItemComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_reac
 
   _react.default.useEffect(() => {
     if (loadFullOptionList && !_Utils.default.isNull(props.config.dataService)) {
-      let method = props.config.dataService.type === 'remoteObjectProxy' ? _RestUtils.invokeRpc : _RestUtils.invokeRest;
+      let method = props.config.dataService.type === 'rpc' ? _RestUtils.invokeRpc : _RestUtils.invokeRest;
       method(props.config.dataService, props.handle, props.viewId, result => {
-        let data = props.config.dataService.type === 'remoteObjectProxy' ? result.data : result;
+        let data = props.config.dataService.type === 'rpc' ? result.data : result;
         let options = [];
 
         if (_Utils.default.isNull(props.validator) || props.validator.nullable) {
           options.push({
-            id: "_EMPTY_VALUE"
+            id: '_EMPTY_VALUE'
           });
         }
 
         for (let i = 0; i < data.records.length; i++) {
           let record = data.records[i];
-          options.push(record.map.objectReference);
+          options.push(record);
         }
 
         base.setSelectOptions(options);
@@ -97,10 +81,11 @@ const SelectItemComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_reac
     disabled: base.disabled,
     required: base.required,
     label: !_Utils.default.isNull(props.config.attributes) ? props.config.attributes['label'] : null,
-    style: {
+    style: _Utils.default.mergeStyles({
       minWidth: minWidth,
-      width: width
-    },
+      width: width,
+      maxWidth: maxWidth
+    }, props.config),
     SelectProps: {
       onOpen: () => {
         if (!loadFullOptionList) {
@@ -108,7 +93,7 @@ const SelectItemComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_reac
         }
       }
     },
-    value: !_Utils.default.isNull(base.value) ? base.value.id : defaultValue,
+    value: !_Utils.default.isNull(base.value) && base.selectOptions && base.selectOptions.length > 0 ? base.value.id : defaultValue,
     className: props.className,
     onChange: e => {
       base.handleValueChange(e.target.value);
@@ -124,17 +109,13 @@ const SelectItemComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_reac
   }, /*#__PURE__*/_react.default.createElement("em", null, "\xA0")) : /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
     key: option.id,
     value: option.id
-  }, _Utils.default.isNull(option.label) ? "" : option.label.trim())));
+  }, _Utils.default.isNull(option.dataRecordDescription) ? '' : option.dataRecordDescription.trim())));
 }));
 
 const SelectItem = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   return /*#__PURE__*/_react.default.createElement(_BaseField.BaseField, _extends({}, props, {
     handle: props.handle,
     valueParser: value => {
-      if (!_Utils.default.isNull(value)) {
-        value.type = 'ObjectReference';
-      }
-
       return value;
     }
   }), base => /*#__PURE__*/_react.default.createElement(SelectItemComponent, _extends({

package/dist/components/form/SignatureTemplateDesignerField.js

@@ -11,6 +11,8 @@ var _BaseField = require("./BaseField");
 
 var _SignatureTemplateDesigner = _interopRequireDefault(require("../signatures/SignatureTemplateDesigner"));
 
+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); }
@@ -25,8 +27,8 @@ const SignatureTemplateDesignerComponent = /*#__PURE__*/_react.default.memo( /*#
     handle: designerHandler,
     ref: /*#__PURE__*/_react.default.createRef(),
     viewId: props.viewId,
-    loadCompleteHandler: () => {},
-    showToolbar: false,
+    showToolbar: _Utils.default.getComponentAttribute(props.config.designer, "showToolbar", false),
+    autoLoadData: _Utils.default.getComponentAttribute(props.config.designer, "autoLoadData", false),
     valueChangeHandler: value => {
       base.handleValueChange(value);
     }

package/dist/components/form/Switch.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Switch = _interopRequireDefault(require("@material-ui/core/Switch"));
+
+var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
+
+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); }
+
+const SwitchWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const base = props.base;
+  return /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, {
+    ref: ref,
+    control: /*#__PURE__*/_react.default.createElement(_Switch.default, {
+      checked: base.value || false,
+      style: _Utils.default.mergeStyles({}, props.config),
+      key: props.key,
+      value: base.value || false,
+      disabled: base.disabled,
+      onChange: e => {
+        base.handleValueChange(e.target.checked);
+      },
+      error: props.base.errorMessage,
+      size: "small",
+      inputProps: props.inputProps
+    }),
+    label: _Utils.default.getComponentAttribute(props.config, 'label', '')
+  });
+}));
+
+const Switch = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  return /*#__PURE__*/_react.default.createElement(_BaseField.BaseField, _extends({}, props, {
+    handle: props.handle
+  }), base => /*#__PURE__*/_react.default.createElement(SwitchWrapper, _extends({
+    ref: ref,
+    base: base
+  }, props)));
+}));
+
+var _default = Switch;
+exports.default = _default;

package/dist/components/form/TextField.js

@@ -21,27 +21,19 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 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; }
-
 const TextFieldWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const base = props.base;
 
-  const _React$useState = _react.default.useState(props.multiline),
-        _React$useState2 = _slicedToArray(_React$useState, 1),
-        multiline = _React$useState2[0];
+  const [multiline] = _react.default.useState(props.multiline);
 
   const height = _Utils.default.getComponentStyleAttribute(props.config, 'height', multiline ? '200px' : null);
 
+  const minWidth = _Utils.default.getComponentAttribute(props.config, 'minWidth', '240px');
+
+  const maxWidth = _Utils.default.getComponentAttribute(props.config, 'maxWidth', null);
+
+  const width = _Utils.default.getComponentAttribute(props.config, 'width', '100%');
+
   const rows = height === null ? 4 : height.replace('px', '') / 20 - 1;
   const secondaryColor = (0, _reactRedux.useSelector)(state => state.dashboard.secondaryThemeColor);
   const ThemedTextField = (0, _styles.withStyles)({
@@ -78,8 +70,9 @@ const TextFieldWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.d
     disabled: base.disabled,
     size: "small",
     style: _Utils.default.mergeStyles({
-      minWidth: '240px',
-      width: '100%',
+      minWidth: minWidth,
+      width: width,
+      maxWidth: maxWidth,
       height: height,
       color: 'secondary'
     }, props.config),