@agilemotion/oui-react-js 1.6.0 → 1.6.2

package/dist/components/signatures/ImageSignatureInput.js

@@ -25,58 +25,87 @@ var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const useStyles = (0, _styles.makeStyles)(theme => ({
-  button: {
-    margin: theme.spacing(1)
-  },
-  input: {
-    display: 'none'
-  },
-  errorMessageDisplay: {
-    color: 'red'
-  }
-}));
+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."); }
 
-const status = response => {
+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) {
   if (response.ok) {
     return Promise.resolve(response);
   } else {
-    let error = new Error(response.statusText);
+    var error = new Error(response.statusText);
     error.code = response.status;
     return Promise.reject(error);
   }
 };
 
-const json = response => {
+var json = function json(response) {
   return response.text();
 };
 
-const location = window.location.protocol + "//" + window.location.hostname;
+var location = window.location.protocol + "//" + window.location.hostname;
 
-const ImageSignatureInput = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const classes = useStyles();
-  const width = '320px';
-  const height = '320px';
+var ImageSignatureInput = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var classes = useStyles();
+  var width = '320px';
+  var height = '320px';
 
-  const [value, setValue] = _react.default.useState(null);
+  var _React$useState = _react.default.useState(null),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      value = _React$useState2[0],
+      setValue = _React$useState2[1];
 
-  const [uploaded, setUploaded] = _react.default.useState(false);
+  var _React$useState3 = _react.default.useState(false),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      uploaded = _React$useState4[0],
+      setUploaded = _React$useState4[1];
 
-  const [saveAsSystemImage, setSaveAsSystemImage] = _react.default.useState(false);
+  var _React$useState5 = _react.default.useState(false),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      saveAsSystemImage = _React$useState6[0],
+      setSaveAsSystemImage = _React$useState6[1];
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     if (value !== props.value) {
       setValue(props.value);
     }
   }, [props.value]);
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     props.valueChangeHandler(value, saveAsSystemImage);
   }, [value]);
 
   function getFetchConfig(data) {
-    const accessToken = sessionStorage.getItem("accessToken");
-    const idToken = sessionStorage.getItem("idToken");
+    var accessToken = sessionStorage.getItem("accessToken");
+    var idToken = sessionStorage.getItem("idToken");
     return {
       method: 'POST',
       headers: {
@@ -89,11 +118,11 @@ const ImageSignatureInput = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_reac
   }
 
   function process(callback, data, action) {
-    let fetchConfig = getFetchConfig(data);
-    let url = location + _ApplicationManager.default.getContextRoot() + props.imageProcessingUrl + "/" + action + "/TEXT";
-    (0, _reactPromiseTracker.trackPromise)(fetch(encodeURI(url), fetchConfig).then(status).then(json).then(data => {
+    var fetchConfig = getFetchConfig(data);
+    var url = location + _ApplicationManager.default.getContextRoot() + props.imageProcessingUrl + "/" + action + "/TEXT";
+    (0, _reactPromiseTracker.trackPromise)(fetch(encodeURI(url), fetchConfig).then(status).then(json).then(function (data) {
       callback(data);
-    }).catch(e => {
+    }).catch(function (e) {
       if (e.code === 401) {
         _ApplicationManager.default.clear();
 
@@ -102,27 +131,29 @@ const ImageSignatureInput = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_reac
     }));
   }
 
-  const handleChange = () => event => {
-    let files = event.target.files;
-    let file = files[0];
-    let reader = new FileReader();
-    reader.readAsDataURL(file);
-
-    reader.onload = () => {
-      if (!_Utils.default.isNull(file)) {
-        let fileMetaData = {};
-        fileMetaData.name = file.name;
-        fileMetaData.type = file.type;
-        fileMetaData.size = file.size;
-        process(data => {
-          fileMetaData.url = data;
-          setValue(fileMetaData);
-          setUploaded(true);
-        }, reader.result, 'removeBackground');
-      }
-    };
+  var handleChange = function handleChange() {
+    return function (event) {
+      var files = event.target.files;
+      var file = files[0];
+      var reader = new FileReader();
+      reader.readAsDataURL(file);
 
-    reader.onloadend = () => {};
+      reader.onload = function () {
+        if (!_Utils.default.isNull(file)) {
+          var fileMetaData = {};
+          fileMetaData.name = file.name;
+          fileMetaData.type = file.type;
+          fileMetaData.size = file.size;
+          process(function (data) {
+            fileMetaData.url = data;
+            setValue(fileMetaData);
+            setUploaded(true);
+          }, reader.result, 'removeBackground');
+        }
+      };
+
+      reader.onloadend = function () {};
+    };
   };
 
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -165,11 +196,11 @@ const ImageSignatureInput = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_reac
       width: '40px',
       height: '40px'
     },
-    onClick: () => {
-      process(data => {
-        setValue({ ...value,
+    onClick: function onClick() {
+      process(function (data) {
+        setValue(_objectSpread(_objectSpread({}, value), {}, {
           url: data
-        });
+        }));
       }, value.url, 'rotateLeft');
     },
     startIcon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
@@ -187,11 +218,11 @@ const ImageSignatureInput = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_reac
       width: '40px',
       height: '40px'
     },
-    onClick: () => {
-      process(data => {
-        setValue({ ...value,
+    onClick: function onClick() {
+      process(function (data) {
+        setValue(_objectSpread(_objectSpread({}, value), {}, {
           url: data
-        });
+        }));
       }, value.url, 'rotateRight');
     },
     startIcon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
@@ -220,7 +251,7 @@ const ImageSignatureInput = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_reac
     control: /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
       checked: saveAsSystemImage,
       value: saveAsSystemImage,
-      onChange: e => {
+      onChange: function onChange(e) {
         setSaveAsSystemImage(e.target.checked);
 
         if (!_Utils.default.isNull(value)) {

package/dist/components/signatures/MenuButton.js

@@ -23,35 +23,54 @@ 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); }
 
-const useStyles = (0, _styles.makeStyles)(theme => ({
-  root: {
-    display: 'flex'
-  },
-  paper: {
-    marginRight: theme.spacing(2)
-  },
-  MuiButtonDefault: {
-    color: 'rgb(0, 0, 0, .38)'
-  },
-  MuiButtonWhite: {
-    color: '#fff'
-  }
-}));
+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 {
+    root: {
+      display: 'flex'
+    },
+    paper: {
+      marginRight: theme.spacing(2)
+    },
+    MuiButtonDefault: {
+      color: 'rgb(0, 0, 0, .38)'
+    },
+    MuiButtonWhite: {
+      color: '#fff'
+    }
+  };
+});
 
 function MenuButton(props) {
-  const classes = useStyles();
+  var classes = useStyles();
 
-  const [open, setOpen] = _react.default.useState(false);
+  var _React$useState = _react.default.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      open = _React$useState2[0],
+      setOpen = _React$useState2[1];
 
-  const anchorRef = _react.default.useRef(null);
+  var anchorRef = _react.default.useRef(null);
 
-  const width = props.width !== null ? props.width : "60px";
+  var width = props.width !== null ? props.width : "60px";
 
-  const handleToggle = () => {
-    setOpen(prevOpen => !prevOpen);
+  var handleToggle = function handleToggle() {
+    setOpen(function (prevOpen) {
+      return !prevOpen;
+    });
   };
 
-  const handleClose = event => {
+  var handleClose = function handleClose(event) {
     if (anchorRef.current && anchorRef.current.contains(event.target)) {
       return;
     }
@@ -78,16 +97,17 @@ function MenuButton(props) {
     keepMounted: true,
     transition: true,
     disablePortal: true
-  }, ({
-    TransitionProps,
-    placement
-  }) => /*#__PURE__*/_react.default.createElement(_Grow.default, _extends({}, TransitionProps, {
-    style: {
-      transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom'
-    }
-  }), /*#__PURE__*/_react.default.createElement(_Paper.default, {
-    id: "menu-list-grow"
-  }, /*#__PURE__*/_react.default.createElement(_ClickAwayListener.default, {
-    onClickAway: handleClose
-  }, props.children))))));
+  }, function (_ref) {
+    var TransitionProps = _ref.TransitionProps,
+        placement = _ref.placement;
+    return /*#__PURE__*/_react.default.createElement(_Grow.default, _extends({}, TransitionProps, {
+      style: {
+        transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom'
+      }
+    }), /*#__PURE__*/_react.default.createElement(_Paper.default, {
+      id: "menu-list-grow"
+    }, /*#__PURE__*/_react.default.createElement(_ClickAwayListener.default, {
+      onClickAway: handleClose
+    }, props.children)));
+  })));
 }

package/dist/components/signatures/Prompt.js

@@ -21,19 +21,40 @@ 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 [open, setOpen] = _react.default.useState(false);
+  var _React$useState = _react.default.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      open = _React$useState2[0],
+      setOpen = _React$useState2[1];
 
-  const [content, setContent] = _react.default.useState(props.promptContent);
+  var _React$useState3 = _react.default.useState(props.promptContent),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      content = _React$useState4[0],
+      setContent = _React$useState4[1];
 
-  const [title, setTitle] = _react.default.useState(props.promptTitle);
+  var _React$useState5 = _react.default.useState(props.promptTitle),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      title = _React$useState6[0],
+      setTitle = _React$useState6[1];
 
-  const handleNo = () => {
+  var handleNo = function handleNo() {
     setOpen(false);
     props.closePrompt();
   };
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     setOpen(props.open);
   }, [props.open]);