@agilemotion/oui-react-js 1.3.8 → 1.4.0

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),

package/dist/components/form/TimePicker.js

@@ -75,6 +75,7 @@ const CustomTimePickerComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*
     value: base.value,
     className: props.className,
     error: base.hasError,
+    helperText: base.errorMessage,
     margin: "dense",
     inputVariant: "outlined",
     style: {
@@ -96,7 +97,13 @@ const TimePicker = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default
   return /*#__PURE__*/_react.default.createElement(_BaseField.BaseField, _extends({}, props, {
     handle: props.handle,
     valueParser: (value, inbound) => {
-      return !_Utils.default.isNull(value) ? inbound ? new Date(value) : value.getTime() : null;
+      if (!_Utils.default.isNull(value)) {
+        if (!value.toString().includes("T")) {
+          return value;
+        }
+      }
+
+      return !_Utils.default.isNull(value) ? inbound ? new Date(value) : new Date(value).toLocaleTimeString('it-IT') : null;
     }
   }), base => /*#__PURE__*/_react.default.createElement(CustomTimePickerComponent, _extends({
     ref: ref,

package/dist/components/form/TransferList.css

@@ -1,5 +1,5 @@
 .error {
-    color: #f44336;
+    color: #f44336 !important;
     margin-left: 14px;
     font-size: 0.75rem;
     margin-top: 3px;
@@ -8,4 +8,4 @@
     font-weight: 400;
     line-height: 1.66;
     letter-spacing: 0.03333em;
-}
+}

package/dist/components/form/TransferList.js

@@ -29,20 +29,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 _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 useStyles = (0, _styles.makeStyles)(theme => ({
   root: {
     margin: 'auto'
@@ -65,103 +51,55 @@ const TransferListComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_re
   const classes = useStyles();
   const base = props.base;
 
-  const _React$useState = _react.default.useState([]),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        leftSelection = _React$useState2[0],
-        setLeftSelection = _React$useState2[1];
+  const [leftSelection, setLeftSelection] = _react.default.useState([]);
 
-  const _React$useState3 = _react.default.useState(!_Utils.default.isNull(props.config.optionsGrid.dataBinding) ? props.config.optionsGrid.dataBinding : 'options'),
-        _React$useState4 = _slicedToArray(_React$useState3, 1),
-        optionsDataBinding = _React$useState4[0];
+  const [optionsDataBinding] = _react.default.useState(!_Utils.default.isNull(props.config.optionsGrid.dataBinding) ? props.config.optionsGrid.dataBinding : 'options');
 
-  const _React$useState5 = _react.default.useState(!_Utils.default.isNull(props.config.selectionGrid.dataBinding) ? props.config.selectionGrid.dataBinding : 'selected'),
-        _React$useState6 = _slicedToArray(_React$useState5, 1),
-        selectionDataBinding = _React$useState6[0];
+  const [selectionDataBinding] = _react.default.useState(!_Utils.default.isNull(props.config.selectionGrid.dataBinding) ? props.config.selectionGrid.dataBinding : 'selected');
 
-  const _React$useState7 = _react.default.useState(null),
-        _React$useState8 = _slicedToArray(_React$useState7, 2),
-        data = _React$useState8[0],
-        setData = _React$useState8[1];
+  const [data, setData] = _react.default.useState(props.data);
 
-  const _React$useState9 = _react.default.useState([]),
-        _React$useState10 = _slicedToArray(_React$useState9, 2),
-        rightSelection = _React$useState10[0],
-        setRightSelection = _React$useState10[1];
+  const [rightSelection, setRightSelection] = _react.default.useState([]);
 
-  const _React$useState11 = _react.default.useState(_Utils.default.getComponentAttribute(props.config, 'label', null)),
-        _React$useState12 = _slicedToArray(_React$useState11, 1),
-        label = _React$useState12[0];
+  const [label] = _react.default.useState(_Utils.default.getComponentAttribute(props.config, 'label', null));
 
-  const _React$useState13 = _react.default.useState(true),
-        _React$useState14 = _slicedToArray(_React$useState13, 2),
-        initializing = _React$useState14[0],
-        setInitializing = _React$useState14[1];
+  function updateValue(rows) {
+    let objectRefs = [];
 
-  const loadCompleteHandler = () => {
-    props.loadCompleteHandler(props.config.id);
+    for (const item of rows) {
+      //let objectRef = {};
+      //objectRef.id = item.id;
+      objectRefs.push(item);
+    }
 
+    base.handleValueChange(objectRefs.length > 0 ? objectRefs : null);
+  }
+
+  _react.default.useEffect(() => {
     if (!_Utils.default.isNull(data) && data[selectionDataBinding].records.length > 0) {
       let initialValues = [];
 
-      var _iterator = _createForOfIteratorHelper(data[selectionDataBinding].records),
-          _step;
-
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          const record = _step.value;
-          let row = {};
-          row.id = record.map.id;
-          initialValues.push(row);
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
+      for (const record of data[selectionDataBinding].records) {
+        let row = {};
+        row.id = record.id;
+        initialValues.push(row);
       }
 
       updateValue(initialValues);
     }
-  };
+  }, [data]);
 
-  function updateValue(rows) {
-    let objectRefs = [];
-
-    var _iterator2 = _createForOfIteratorHelper(rows),
-        _step2;
-
-    try {
-      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-        const item = _step2.value;
-        //let objectRef = {};
-        //objectRef.id = item.id;
-        objectRefs.push(item);
-      }
-    } catch (err) {
-      _iterator2.e(err);
-    } finally {
-      _iterator2.f();
-    }
-
-    base.handleValueChange(objectRefs.length > 0 ? objectRefs : null);
-  }
+  _react.default.useEffect(() => {
+    setData(props.data);
+  }, [props.data]);
 
   _react.default.useEffect(() => {
-    if (initializing) {
-      if (!_Utils.default.isNull(props.config.dataService)) {
-        let method = props.config.dataService.type === 'remoteObjectProxy' ? _RestUtils.invokeRpc : _RestUtils.invokeRest;
-        method(props.config.dataService, props.handle, props.viewId, result => {
-          let data = props.config.dataService.type === 'remoteObjectProxy' ? result.data : result;
-          setData(data);
-        }, e => {
-          console.error(e);
-
-          _Utils.default.publishSystemErrorMessage(props.viewId);
-        });
-      }
+    let autoLoadData = _Utils.default.getComponentAttribute(props.config, 'autoLoadData', null);
 
-      setInitializing(false);
+    if (!_Utils.default.isNull(props.config.dataService) && (autoLoadData === null || autoLoadData === true)) {
+      props.loadData().then(data => setData(data));
     }
-  });
+  }, []);
 
   const handleTransferItemRight = () => {
     props.optionsListHandle.api.deleteSelectedRows();
@@ -179,10 +117,14 @@ const TransferListComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_re
 
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: ref
-  }, !initializing ? /*#__PURE__*/_react.default.createElement("div", null, label !== null ? /*#__PURE__*/_react.default.createElement(_InputLabel.default, {
+  }, /*#__PURE__*/_react.default.createElement("div", null, label !== null ? /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      margin: '8px 0 8px 16px'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_InputLabel.default, {
     required: base.required,
     error: base.hasError
-  }, label) : null, /*#__PURE__*/_react.default.createElement(_Grid.default, {
+  }, label)) : null, /*#__PURE__*/_react.default.createElement(_Grid.default, {
     container: true,
     alignItems: "stretch",
     className: classes.root,
@@ -195,7 +137,8 @@ const TransferListComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_re
     item: true,
     style: {
       border: "1px solid ".concat(base.hasError ? '#f44336' : '#e1e1e1'),
-      width: '40%',
+      width: '45%',
+      minWidth: '320px',
       borderRadius: '4px'
     }
   }, /*#__PURE__*/_react.default.createElement(_DataGrid.DataGrid, {
@@ -206,13 +149,12 @@ const TransferListComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_re
     data: !_Utils.default.isNull(data) ? data[optionsDataBinding] : null,
     onSelectionChange: selection => setLeftSelection(selection),
     filterWrapperClass: 'transferListFilterWraper',
-    loadCompleteHandler: loadCompleteHandler,
     hasBorder: false
   })), /*#__PURE__*/_react.default.createElement(_Grid.default, {
     item: true,
     style: {
       margin: 'auto',
-      width: '20%'
+      width: '10%'
     }
   }, /*#__PURE__*/_react.default.createElement(_Grid.default, {
     container: true,
@@ -237,7 +179,8 @@ const TransferListComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_re
     item: true,
     style: {
       border: "1px solid ".concat(base.hasError ? '#f44336' : '#e1e1e1'),
-      width: '40%',
+      width: '45%',
+      minWidth: '320px',
       borderRadius: '4px'
     }
   }, /*#__PURE__*/_react.default.createElement(_DataGrid.DataGrid, {
@@ -248,21 +191,35 @@ const TransferListComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_re
     data: !_Utils.default.isNull(data) ? data[selectionDataBinding] : null,
     onSelectionChange: selection => setRightSelection(selection),
     filterWrapperClass: 'transferListFilterWraper',
-    loadCompleteHandler: loadCompleteHandler,
     hasBorder: false
   })), /*#__PURE__*/_react.default.createElement("p", {
     className: 'error'
-  }, base.errorMessage))) : null);
+  }, base.errorMessage))));
 }));
 
 const TransferList = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const _React$useState15 = _react.default.useState({}),
-        _React$useState16 = _slicedToArray(_React$useState15, 1),
-        optionsListHandle = _React$useState16[0];
+  const [optionsListHandle] = _react.default.useState({});
+
+  const [selectionListHandle] = _react.default.useState({});
+
+  const [data, setData] = _react.default.useState(null);
+
+  const loadData = () => {
+    let method = props.config.dataService.type === 'rpc' ? _RestUtils.invokeRpc : _RestUtils.invokeRest;
+    return new Promise((resolve, reject) => {
+      method(props.config.dataService, props.handle, props.viewId, result => {
+        let data = props.config.dataService.type === 'rpc' ? result.data : result;
+        setData(data);
+        resolve(data);
+      }, e => {
+        console.error(e);
 
-  const _React$useState17 = _react.default.useState({}),
-        _React$useState18 = _slicedToArray(_React$useState17, 1),
-        selectionListHandle = _React$useState18[0];
+        _Utils.default.publishSystemErrorMessage(props.viewId);
+
+        reject(e);
+      });
+    });
+  };
 
   return /*#__PURE__*/_react.default.createElement(_BaseField.BaseField, _extends({}, props, {
     reference: ref,
@@ -280,25 +237,8 @@ const TransferList = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.defau
         if (objectArray.length > 0) {
           let type = objectArray[0].type;
 
-          var _iterator3 = _createForOfIteratorHelper(objectArray),
-              _step3;
-
-          try {
-            for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-              const objectArrayElement = _step3.value;
-
-              if (type === 'MapEntityDto') {
-                let objectReference = {};
-                objectReference.id = objectArrayElement.map.id;
-                val.push(objectReference);
-              } else {
-                val.push(objectArrayElement);
-              }
-            }
-          } catch (err) {
-            _iterator3.e(err);
-          } finally {
-            _iterator3.f();
+          for (const objectArrayElement of objectArray) {
+            val.push(objectArrayElement);
           }
         }
 
@@ -306,10 +246,12 @@ const TransferList = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.defau
       }
 
       return [];
-    }
+    },
+    loadDataHandler: () => loadData()
   }), base => /*#__PURE__*/_react.default.createElement(TransferListComponent, _extends({
     ref: ref,
     base: base,
+    data: data,
     optionsListHandle: optionsListHandle,
     selectionListHandle: selectionListHandle
   }, props)));