@agilemotion/oui-react-js 1.3.7 → 1.3.9

package/dist/components/signatures/AlertItem.js

@@ -17,18 +17,6 @@ var _ViewUtils = _interopRequireDefault(require("./ViewUtils"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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 utils = new _ViewUtils.default();
 const useStyles = (0, _styles.makeStyles)(theme => ({
   root: {
@@ -42,20 +30,11 @@ const useStyles = (0, _styles.makeStyles)(theme => ({
 function AlertItem(props) {
   const classes = useStyles();
 
-  const _React$useState = _react.default.useState(props.message),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        message = _React$useState2[0],
-        setMessage = _React$useState2[1];
+  const [message, setMessage] = _react.default.useState(props.message);
 
-  const _React$useState3 = _react.default.useState(props.alertStyle),
-        _React$useState4 = _slicedToArray(_React$useState3, 2),
-        alertStyle = _React$useState4[0],
-        setAlertStyle = _React$useState4[1];
+  const [alertStyle, setAlertStyle] = _react.default.useState(props.alertStyle);
 
-  const _React$useState5 = _react.default.useState(props.alertTitle),
-        _React$useState6 = _slicedToArray(_React$useState5, 2),
-        title = _React$useState6[0],
-        setTitle = _React$useState6[1];
+  const [title, setTitle] = _react.default.useState(props.alertTitle);
 
   _react.default.useEffect(() => {
     setMessage(props.message);

package/dist/components/signatures/DocumentContainer.js

@@ -11,51 +11,16 @@ require("./DocumentContainer.css");
 
 var _reactHtmlRenderer = _interopRequireDefault(require("react-html-renderer"));
 
-var _reactConfirmAlert = require("react-confirm-alert");
-
-require("react-confirm-alert/src/react-confirm-alert.css");
-
-var _Utils = _interopRequireDefault(require("../../Utils"));
-
 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; }
-
-// Import css
 const DocumentContainer = props => {
-  const _React$useState = _react.default.useState(null),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        documentContent = _React$useState2[0],
-        setDocumentContent = _React$useState2[1];
-
-  const _React$useState3 = _react.default.useState(null),
-        _React$useState4 = _slicedToArray(_React$useState3, 2),
-        signatureImage = _React$useState4[0],
-        setSignatureImage = _React$useState4[1];
+  const [documentContent, setDocumentContent] = _react.default.useState(null);
 
-  const _React$useState5 = _react.default.useState(null),
-        _React$useState6 = _slicedToArray(_React$useState5, 2),
-        initialImage = _React$useState6[0],
-        setInitialImage = _React$useState6[1];
+  const [signatureImage, setSignatureImage] = _react.default.useState(null);
 
-  const _React$useState7 = _react.default.useState(null),
-        _React$useState8 = _slicedToArray(_React$useState7, 2),
-        htmlRendererProps = _React$useState8[0],
-        setHtmlRendererProps = _React$useState8[1];
+  const [initialImage, setInitialImage] = _react.default.useState(null);
 
-  const username = sessionStorage.getItem("username");
+  const [htmlRendererProps, setHtmlRendererProps] = _react.default.useState(null);
 
   _react.default.useEffect(() => {
     if (signatureImage !== props.signatureImage) {
@@ -80,114 +45,61 @@ const DocumentContainer = props => {
     let total = 0;
     let rendererProps = {};
 
-    var _iterator = _createForOfIteratorHelper(signers),
-        _step;
+    for (const signer of signers) {
+      total += signer.signatureInputs.length;
+    }
+
+    for (const signer of signers) {
+      if (signer.email === props.config.signatoryId) {
+        let signingInputs = signer.signatureInputs;
 
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        const signer = _step.value;
-        total += signer.signatureInputs.length;
+        for (const signingInput of signingInputs) {
+          signingInput.isFirst = count === 0;
+          signingInput.isLast = count === total - 1;
+          count++;
+        }
       }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
     }
 
-    var _iterator2 = _createForOfIteratorHelper(signers),
-        _step2;
+    for (const signer of signers) {
+      if (signer.email === props.config.signatoryId) {
+        let signingInputs = signer.signatureInputs;
 
-    try {
-      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-        const signer = _step2.value;
+        for (const signingInput of signingInputs) {
+          let color = 'transparent';
 
-        if (signer.email === username) {
-          let signingInputs = signer.signatureInputs;
+          if ("SIGN" === signingInput.inputType && signatureImage === null || "INITIAL" === signingInput.inputType && initialImage === null) {
+            color = 'red';
+          }
 
-          var _iterator4 = _createForOfIteratorHelper(signingInputs),
-              _step4;
+          console.log(signingInput.tagName + " - " + signingInput.index + " - " + initialImage);
+          console.log(signingInput);
+          template = template.replace(signingInput.tagName, "<sgvp".concat(signingInput.index, " />"));
 
-          try {
-            for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
-              const signingInput = _step4.value;
-              signingInput.isFirst = count === 0;
-              signingInput.isLast = count === total - 1;
-              count++;
+          rendererProps["sgvp".concat(signingInput.index)] = props => /*#__PURE__*/_react.default.createElement("div", {
+            style: {
+              borderRadius: '4px',
+              position: 'absolute',
+              width: '100px',
+              height: '60px'
             }
-          } catch (err) {
-            _iterator4.e(err);
-          } finally {
-            _iterator4.f();
-          }
-        }
-      }
-    } catch (err) {
-      _iterator2.e(err);
-    } finally {
-      _iterator2.f();
-    }
-
-    var _iterator3 = _createForOfIteratorHelper(signers),
-        _step3;
-
-    try {
-      for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-        const signer = _step3.value;
-
-        if (signer.email === username) {
-          let signingInputs = signer.signatureInputs;
-
-          var _iterator5 = _createForOfIteratorHelper(signingInputs),
-              _step5;
-
-          try {
-            for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
-              const signingInput = _step5.value;
-              let color = 'transparent';
-
-              if ("SIGN" === signingInput.inputType && signatureImage === null || "INITIAL" === signingInput.inputType && initialImage === null) {
-                color = 'red';
-              }
-
-              console.log(signingInput.tagName + " - " + signingInput.index + " - " + initialImage);
-              console.log(signingInput);
-              template = template.replace(signingInput.tagName, "<sgvp".concat(signingInput.index, " />"));
-
-              rendererProps["sgvp".concat(signingInput.index)] = props => /*#__PURE__*/_react.default.createElement("div", {
-                style: {
-                  borderRadius: '4px',
-                  border: '4px dashed ' + color,
-                  position: 'absolute',
-                  width: '100px',
-                  height: '60px'
-                }
-              }, "SIGN" === signingInput.inputType && signatureImage !== null ? /*#__PURE__*/_react.default.createElement("img", {
-                src: signatureImage,
-                alt: '',
-                style: {
-                  maxHeight: '100%',
-                  maxWidth: '100%'
-                }
-              }) : "INITIAL" === signingInput.inputType && initialImage !== null ? /*#__PURE__*/_react.default.createElement("img", {
-                src: initialImage,
-                alt: '',
-                style: {
-                  maxHeight: '100%',
-                  maxWidth: '100%'
-                }
-              }) : null);
+          }, "SIGN" === signingInput.inputType && signatureImage !== null ? /*#__PURE__*/_react.default.createElement("img", {
+            src: signatureImage,
+            alt: '',
+            style: {
+              maxHeight: '100%',
+              maxWidth: '100%'
             }
-          } catch (err) {
-            _iterator5.e(err);
-          } finally {
-            _iterator5.f();
-          }
+          }) : "INITIAL" === signingInput.inputType && initialImage !== null ? /*#__PURE__*/_react.default.createElement("img", {
+            src: initialImage,
+            alt: '',
+            style: {
+              maxHeight: '100%',
+              maxWidth: '100%'
+            }
+          }) : null);
         }
       }
-    } catch (err) {
-      _iterator3.e(err);
-    } finally {
-      _iterator3.f();
     }
 
     setHtmlRendererProps(rendererProps);

package/dist/components/signatures/ImageSignatureInput.js

@@ -25,24 +25,6 @@ var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-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 => ({
   button: {
     margin: theme.spacing(1)
@@ -76,20 +58,11 @@ const ImageSignatureInput = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_reac
   const width = '320px';
   const height = '320px';
 
-  const _React$useState = _react.default.useState(null),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        value = _React$useState2[0],
-        setValue = _React$useState2[1];
+  const [value, setValue] = _react.default.useState(null);
 
-  const _React$useState3 = _react.default.useState(false),
-        _React$useState4 = _slicedToArray(_React$useState3, 2),
-        uploaded = _React$useState4[0],
-        setUploaded = _React$useState4[1];
+  const [uploaded, setUploaded] = _react.default.useState(false);
 
-  const _React$useState5 = _react.default.useState(false),
-        _React$useState6 = _slicedToArray(_React$useState5, 2),
-        saveAsSystemImage = _React$useState6[0],
-        setSaveAsSystemImage = _React$useState6[1];
+  const [saveAsSystemImage, setSaveAsSystemImage] = _react.default.useState(false);
 
   _react.default.useEffect(() => {
     if (value !== props.value) {
@@ -117,7 +90,7 @@ const ImageSignatureInput = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_reac
 
   function process(callback, data, action) {
     let fetchConfig = getFetchConfig(data);
-    let url = location + _ApplicationContext.default.getBaseApiUrl() + props.imageProcessingUrl + "/" + action;
+    let url = location + _ApplicationContext.default.getContextRoot() + props.imageProcessingUrl + "/" + action + "/TEXT";
     (0, _reactPromiseTracker.trackPromise)(fetch(encodeURI(url), fetchConfig).then(status).then(json).then(data => {
       callback(data);
     }).catch(e => {
@@ -194,9 +167,9 @@ const ImageSignatureInput = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_reac
     },
     onClick: () => {
       process(data => {
-        setValue(_objectSpread(_objectSpread({}, value), {}, {
+        setValue({ ...value,
           url: data
-        }));
+        });
       }, value.url, 'rotateLeft');
     },
     startIcon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
@@ -216,9 +189,9 @@ const ImageSignatureInput = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_reac
     },
     onClick: () => {
       process(data => {
-        setValue(_objectSpread(_objectSpread({}, value), {}, {
+        setValue({ ...value,
           url: data
-        }));
+        });
       }, value.url, 'rotateRight');
     },
     startIcon: /*#__PURE__*/_react.default.createElement(_Icon.default, {

package/dist/components/signatures/MenuButton.js

@@ -23,18 +23,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 useStyles = (0, _styles.makeStyles)(theme => ({
   root: {
     display: 'flex'
@@ -53,10 +41,7 @@ const useStyles = (0, _styles.makeStyles)(theme => ({
 function MenuButton(props) {
   const classes = useStyles();
 
-  const _React$useState = _react.default.useState(false),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        open = _React$useState2[0],
-        setOpen = _React$useState2[1];
+  const [open, setOpen] = _react.default.useState(false);
 
   const anchorRef = _react.default.useRef(null);
 

package/dist/components/signatures/Prompt.js

@@ -21,33 +21,12 @@ var _DialogTitle = _interopRequireDefault(require("@material-ui/core/DialogTitle
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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; }
-
 function Prompt(props) {
-  const _React$useState = _react.default.useState(false),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        open = _React$useState2[0],
-        setOpen = _React$useState2[1];
+  const [open, setOpen] = _react.default.useState(false);
 
-  const _React$useState3 = _react.default.useState(props.promptContent),
-        _React$useState4 = _slicedToArray(_React$useState3, 2),
-        content = _React$useState4[0],
-        setContent = _React$useState4[1];
+  const [content, setContent] = _react.default.useState(props.promptContent);
 
-  const _React$useState5 = _react.default.useState(props.promptTitle),
-        _React$useState6 = _slicedToArray(_React$useState5, 2),
-        title = _React$useState6[0],
-        setTitle = _React$useState6[1];
+  const [title, setTitle] = _react.default.useState(props.promptTitle);
 
   const handleNo = () => {
     setOpen(false);

package/dist/components/signatures/ResponsiveTable.js

@@ -29,19 +29,11 @@ var _ViewUtils = _interopRequireDefault(require("./ViewUtils"));
 
 require("./ResponsiveTable.css");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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); }
+var _RestUtils = require("../../RestUtils");
 
-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; }
+var _Utils = _interopRequireDefault(require("../../Utils"));
 
-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; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const utils = new _ViewUtils.default();
 const MULTI_SELECT_CHECKBOX_COL_WIDTH = 64;
@@ -77,14 +69,16 @@ function getSorting(order, orderBy) {
 }
 
 function EnhancedTableHead(props) {
-  const classes = props.classes,
-        onSelectAllClick = props.onSelectAllClick,
-        order = props.order,
-        orderBy = props.orderBy,
-        numSelected = props.numSelected,
-        rowCount = props.rowCount,
-        onRequestSort = props.onRequestSort,
-        headCells = props.headCells;
+  const {
+    classes,
+    onSelectAllClick,
+    order,
+    orderBy,
+    numSelected,
+    rowCount,
+    onRequestSort,
+    headCells
+  } = props;
 
   const createSortHandler = property => event => {
     onRequestSort(event, property);
@@ -194,68 +188,36 @@ function EnhancedTable(props) {
   const utils = new _ViewUtils.default();
   const classes = useStyles();
 
-  const _React$useState = _react.default.useState('asc'),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        order = _React$useState2[0],
-        setOrder = _React$useState2[1];
-
-  const _React$useState3 = _react.default.useState('id'),
-        _React$useState4 = _slicedToArray(_React$useState3, 2),
-        orderBy = _React$useState4[0],
-        setOrderBy = _React$useState4[1];
-
-  const _React$useState5 = _react.default.useState([]),
-        _React$useState6 = _slicedToArray(_React$useState5, 2),
-        selected = _React$useState6[0],
-        setSelected = _React$useState6[1];
-
-  const _React$useState7 = _react.default.useState(0),
-        _React$useState8 = _slicedToArray(_React$useState7, 2),
-        totalNumberOfRows = _React$useState8[0],
-        setTotalNumberOfRows = _React$useState8[1];
-
-  const _React$useState9 = _react.default.useState(""),
-        _React$useState10 = _slicedToArray(_React$useState9, 2),
-        selectedRow = _React$useState10[0],
-        setSelectedRow = _React$useState10[1];
-
-  const _React$useState11 = _react.default.useState(0),
-        _React$useState12 = _slicedToArray(_React$useState11, 2),
-        page = _React$useState12[0],
-        setPage = _React$useState12[1];
-
-  const _React$useState13 = _react.default.useState(!utils.isNull(props.rows) ? props.rows : []),
-        _React$useState14 = _slicedToArray(_React$useState13, 2),
-        rows = _React$useState14[0],
-        setRows = _React$useState14[1];
-
-  const _React$useState15 = _react.default.useState(0),
-        _React$useState16 = _slicedToArray(_React$useState15, 2),
-        scrollWidth = _React$useState16[0],
-        setScrollWidth = _React$useState16[1];
-
-  const _React$useState17 = _react.default.useState(true),
-        _React$useState18 = _slicedToArray(_React$useState17, 2),
-        dense = _React$useState18[0],
-        setDense = _React$useState18[1];
-
-  const _React$useState19 = _react.default.useState(utils.isNull(props.autoFetchData) || props.autoFetchData === true),
-        _React$useState20 = _slicedToArray(_React$useState19, 2),
-        fetchEnabled = _React$useState20[0],
-        setFetchEnabled = _React$useState20[1];
-
-  const _React$useState21 = _react.default.useState(10),
-        _React$useState22 = _slicedToArray(_React$useState21, 2),
-        rowsPerPage = _React$useState22[0],
-        setRowsPerPage = _React$useState22[1];
-
-  const headCells = props.headCells;
-  const actionsToolbar = props.actionsToolbar;
-
-  const _React$useState23 = _react.default.useState(props.searchParameters),
-        _React$useState24 = _slicedToArray(_React$useState23, 2),
-        searchParameters = _React$useState24[0],
-        setSearchParameters = _React$useState24[1];
+  const [order, setOrder] = _react.default.useState('asc');
+
+  const [orderBy, setOrderBy] = _react.default.useState('id');
+
+  const [selected, setSelected] = _react.default.useState([]);
+
+  const [totalNumberOfRows, setTotalNumberOfRows] = _react.default.useState(0);
+
+  const [selectedRow, setSelectedRow] = _react.default.useState("");
+
+  const [page, setPage] = _react.default.useState(0);
+
+  const [rows, setRows] = _react.default.useState(!utils.isNull(props.rows) ? props.rows : []);
+
+  const [scrollWidth, setScrollWidth] = _react.default.useState(0);
+
+  const [dense, setDense] = _react.default.useState(true);
+
+  const [fetchEnabled, setFetchEnabled] = _react.default.useState(utils.isNull(props.autoFetchData) || props.autoFetchData === true);
+
+  const [rowsPerPage, setRowsPerPage] = _react.default.useState(10);
+
+  const {
+    headCells
+  } = props;
+  const {
+    actionsToolbar
+  } = props;
+
+  const [searchParameters, setSearchParameters] = _react.default.useState(props.searchParameters);
 
   for (let i = 0; i < props.headCells.length; i++) {
     let headCell = props.headCells[i];
@@ -269,28 +231,45 @@ function EnhancedTable(props) {
   }, [props.rows]);
 
   _react.default.useEffect(() => {
-    if (fetchEnabled && !utils.isNull(props.searchParameters) && !utils.isNull(props.dataUrl)) {
+    if (fetchEnabled && !utils.isNull(props.searchParameters) && !(utils.isNull(props.dataUrl) || utils.isNull(props.dataService))) {
       setSearchParameters(props.searchParameters);
-      utils.invokeUrl(props.dataUrl, JSON.stringify(utils.getRequest(page + 1, rowsPerPage, props.searchParameters, props.paged)), data => {
-        var result;
 
-        if (typeof data === "string") {
-          result = JSON.parse(data);
-        } else {
-          result = data;
-        }
-
-        if (!utils.isNull(result)) {
-          setRows(result.records);
-          setTotalNumberOfRows(result.totalNumberOfRecords);
+      if (!utils.isNull(props.dataService)) {
+        alert(props.dataService);
+        (0, _RestUtils.invokeRpc)(props.dataService, null, "", result => {
+          setRows(result.data.records);
+          setTotalNumberOfRows(result.data.totalNumberOfRecords);
 
           if (!utils.isNull(props.onDataArrive)) {
-            props.onDataArrive(result);
+            props.onDataArrive(result.data);
           }
 
           updateScrollBarPadding();
-        }
-      }, null);
+        }, e => {
+          alert(e.message);
+        });
+      } else {
+        utils.invokeUrl(props.dataUrl, JSON.stringify(utils.getRequest(page + 1, rowsPerPage, props.searchParameters, props.paged)), data => {
+          var result;
+
+          if (typeof data === "string") {
+            result = JSON.parse(data);
+          } else {
+            result = data;
+          }
+
+          if (!utils.isNull(result)) {
+            setRows(result.records);
+            setTotalNumberOfRows(result.totalNumberOfRecords);
+
+            if (!utils.isNull(props.onDataArrive)) {
+              props.onDataArrive(result);
+            }
+
+            updateScrollBarPadding();
+          }
+        }, null);
+      }
     }
 
     setFetchEnabled(true);