@agilemotion/oui-react-js 1.6.1 → 1.6.3

package/dist/components/signatures/SignatureInputProps.js

@@ -25,40 +25,63 @@ var _SignatorySearch = _interopRequireDefault(require("./SignatorySearch"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const isNull = val => {
+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 isNull = function isNull(val) {
   return val === null || typeof val === 'undefined';
 };
 
-const useStyles = (0, _core.makeStyles)(theme => ({
-  button: {
-    width: "100%",
-    height: "40px",
-    backgroundColor: "#e1e1e1",
-    marginTop: "4px",
-    marginBottom: "4px",
-    textAlign: "center",
-    padding: "28px 0",
-    borderRadius: "4px"
-  }
-}));
+var useStyles = (0, _core.makeStyles)(function (theme) {
+  return {
+    button: {
+      width: "100%",
+      height: "40px",
+      backgroundColor: "#e1e1e1",
+      marginTop: "4px",
+      marginBottom: "4px",
+      textAlign: "center",
+      padding: "28px 0",
+      borderRadius: "4px"
+    }
+  };
+});
 
-const SigPropsLookupField = /*#__PURE__*/_react.default.forwardRef(props => {
-  const [currentSelection, setCurrentSelection] = _react.default.useState(null);
+var SigPropsLookupField = /*#__PURE__*/_react.default.forwardRef(function (props) {
+  var _React$useState = _react.default.useState(null),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      currentSelection = _React$useState2[0],
+      setCurrentSelection = _React$useState2[1];
 
-  const [value, setValue] = _react.default.useState(props.value);
+  var _React$useState3 = _react.default.useState(props.value),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      value = _React$useState4[0],
+      setValue = _React$useState4[1];
 
-  const [open, setOpen] = _react.default.useState(false);
+  var _React$useState5 = _react.default.useState(false),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      open = _React$useState6[0],
+      setOpen = _React$useState6[1];
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     setValue(props.value);
   }, [props.value]);
 
-  const handleClose = () => {
+  var handleClose = function handleClose() {
     setOpen(false);
   };
 
-  const setSelectionAsValue = () => {
-    currentSelection.toString = () => {
+  var setSelectionAsValue = function setSelectionAsValue() {
+    currentSelection.toString = function () {
       return currentSelection.names + ' ' + currentSelection.lastName;
     };
 
@@ -67,7 +90,7 @@ const SigPropsLookupField = /*#__PURE__*/_react.default.forwardRef(props => {
     handleClose();
   };
 
-  const openSearch = () => {
+  var openSearch = function openSearch() {
     setOpen(true);
   };
 
@@ -118,7 +141,9 @@ const SigPropsLookupField = /*#__PURE__*/_react.default.forwardRef(props => {
   }, /*#__PURE__*/_react.default.createElement(_SignatorySearch.default, {
     signatoryUrl: props.signatoryUrl,
     signatoryService: props.signatoryService,
-    onLookupValueChange: value => setCurrentSelection(value)
+    onLookupValueChange: function onLookupValueChange(value) {
+      return setCurrentSelection(value);
+    }
   })), /*#__PURE__*/_react.default.createElement("div", {
     style: {
       paddingTop: "4px"
@@ -135,24 +160,45 @@ const SigPropsLookupField = /*#__PURE__*/_react.default.forwardRef(props => {
 
 exports.SigPropsLookupField = SigPropsLookupField;
 
-const SignatureInputProps = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const classes = useStyles();
-
-  const [value, setValue] = _react.default.useState(props.value);
-
-  const [width, setWidth] = _react.default.useState('');
-
-  const [height, setHeight] = _react.default.useState('');
-
-  const [signatory, setSignatory] = _react.default.useState(null);
-
-  const [widthValid, setWidthValid] = _react.default.useState(true);
-
-  const [heightValid, setHeightValid] = _react.default.useState(true);
-
-  const [signatoryValid, setSignatoryValid] = _react.default.useState(isNull(props.value) || !isNull(props.value.signatory));
-
-  _react.default.useEffect(() => {
+var SignatureInputProps = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var classes = useStyles();
+
+  var _React$useState7 = _react.default.useState(props.value),
+      _React$useState8 = _slicedToArray(_React$useState7, 2),
+      value = _React$useState8[0],
+      setValue = _React$useState8[1];
+
+  var _React$useState9 = _react.default.useState(''),
+      _React$useState10 = _slicedToArray(_React$useState9, 2),
+      width = _React$useState10[0],
+      setWidth = _React$useState10[1];
+
+  var _React$useState11 = _react.default.useState(''),
+      _React$useState12 = _slicedToArray(_React$useState11, 2),
+      height = _React$useState12[0],
+      setHeight = _React$useState12[1];
+
+  var _React$useState13 = _react.default.useState(null),
+      _React$useState14 = _slicedToArray(_React$useState13, 2),
+      signatory = _React$useState14[0],
+      setSignatory = _React$useState14[1];
+
+  var _React$useState15 = _react.default.useState(true),
+      _React$useState16 = _slicedToArray(_React$useState15, 2),
+      widthValid = _React$useState16[0],
+      setWidthValid = _React$useState16[1];
+
+  var _React$useState17 = _react.default.useState(true),
+      _React$useState18 = _slicedToArray(_React$useState17, 2),
+      heightValid = _React$useState18[0],
+      setHeightValid = _React$useState18[1];
+
+  var _React$useState19 = _react.default.useState(isNull(props.value) || !isNull(props.value.signatory)),
+      _React$useState20 = _slicedToArray(_React$useState19, 2),
+      signatoryValid = _React$useState20[0],
+      setSignatoryValid = _React$useState20[1];
+
+  _react.default.useEffect(function () {
     setValue(props.value);
 
     if (props.value !== null) {
@@ -169,13 +215,13 @@ const SignatureInputProps = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_reac
     }
   }, [props.value]);
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     if (!isNull(value)) {
-      let widthCheck = validateNumeric(width, 280);
+      var widthCheck = validateNumeric(width, 280);
       setWidthValid(widthCheck);
-      let heightCheck = validateNumeric(height, 150);
+      var heightCheck = validateNumeric(height, 150);
       setHeightValid(heightCheck);
-      let signatoryCheck = !isNull(signatory);
+      var signatoryCheck = !isNull(signatory);
       setSignatoryValid(signatoryCheck);
 
       if (!isNull(value) && widthCheck && heightCheck && signatoryCheck) {
@@ -184,7 +230,7 @@ const SignatureInputProps = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_reac
     }
   }, [width, height, signatory]);
 
-  const handleDelete = () => {
+  var handleDelete = function handleDelete() {
     props.deleteHandler(value.id);
     setWidth('');
     setHeight('');
@@ -193,16 +239,16 @@ const SignatureInputProps = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_reac
     setSignatoryValid(true);
   };
 
-  const handleApplyToAllPages = () => {
+  var handleApplyToAllPages = function handleApplyToAllPages() {
     props.dublicateHandler(value.id);
   };
 
-  const validateNumeric = (val, maxVal) => {
-    let regex = new RegExp('^[0-9]+$');
+  var validateNumeric = function validateNumeric(val, maxVal) {
+    var regex = new RegExp('^[0-9]+$');
     return !isNull(val) && regex.test(val) && parseFloat(val) <= maxVal;
   };
 
-  const valueChangeHandler = (field, fieldValue) => {
+  var valueChangeHandler = function valueChangeHandler(field, fieldValue) {
     if ('width' === field) {
       setWidth(fieldValue);
     } else if ('height' === field) {
@@ -212,8 +258,8 @@ const SignatureInputProps = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_reac
     }
   };
 
-  const save = () => {
-    let values = {
+  var save = function save() {
+    var values = {
       width: width,
       height: height,
       signatory: signatory,
@@ -266,7 +312,9 @@ const SignatureInputProps = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_reac
     error: !widthValid,
     size: "small",
     margin: "dense",
-    onChange: e => valueChangeHandler("width", e.target.value),
+    onChange: function onChange(e) {
+      return valueChangeHandler("width", e.target.value);
+    },
     variant: "outlined"
   }), /*#__PURE__*/_react.default.createElement(_TextField.default, {
     style: {
@@ -279,14 +327,18 @@ const SignatureInputProps = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_reac
     error: !heightValid,
     size: "small",
     margin: "dense",
-    onChange: e => valueChangeHandler("height", e.target.value),
+    onChange: function onChange(e) {
+      return valueChangeHandler("height", e.target.value);
+    },
     variant: "outlined"
   }), /*#__PURE__*/_react.default.createElement(_Button.default, {
     variant: "contained",
     component: "span",
     className: classes.button,
     disabled: value === null,
-    onClick: () => handleDelete(),
+    onClick: function onClick() {
+      return handleDelete();
+    },
     id: "signPaletteButton"
   }, "DELETE ITEM")));
 }));