@agilemotion/oui-react-js 1.6.4 → 1.6.6

package/dist/components/signatures/SignatureInputProps.js

@@ -4,96 +4,52 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.SigPropsLookupField = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
-
 var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
-
 var _Search = _interopRequireDefault(require("@material-ui/icons/Search"));
-
 var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
-
 var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions"));
-
 var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-
 var _core = require("@material-ui/core");
-
 var _SignatorySearch = _interopRequireDefault(require("./SignatorySearch"));
-
-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; }
-
-var isNull = function isNull(val) {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const isNull = val => {
   return val === null || typeof val === 'undefined';
 };
-
-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"
-    }
-  };
-});
-
-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];
-
-  var _React$useState3 = _react.default.useState(props.value),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      value = _React$useState4[0],
-      setValue = _React$useState4[1];
-
-  var _React$useState5 = _react.default.useState(false),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      open = _React$useState6[0],
-      setOpen = _React$useState6[1];
-
-  _react.default.useEffect(function () {
+const useStyles = (0, _core.makeStyles)(theme => ({
+  button: {
+    width: "100%",
+    height: "40px",
+    backgroundColor: "#e1e1e1",
+    marginTop: "4px",
+    marginBottom: "4px",
+    textAlign: "center",
+    padding: "28px 0",
+    borderRadius: "4px"
+  }
+}));
+const SigPropsLookupField = exports.SigPropsLookupField = /*#__PURE__*/_react.default.forwardRef(props => {
+  const [currentSelection, setCurrentSelection] = _react.default.useState(null);
+  const [value, setValue] = _react.default.useState(props.value);
+  const [open, setOpen] = _react.default.useState(false);
+  _react.default.useEffect(() => {
     setValue(props.value);
   }, [props.value]);
-
-  var handleClose = function handleClose() {
+  const handleClose = () => {
     setOpen(false);
   };
-
-  var setSelectionAsValue = function setSelectionAsValue() {
-    currentSelection.toString = function () {
+  const setSelectionAsValue = () => {
+    currentSelection.toString = () => {
       return currentSelection.names + ' ' + currentSelection.lastName;
     };
-
     setValue(currentSelection);
     props.valueChangeHandler('signatory', currentSelection);
     handleClose();
   };
-
-  var openSearch = function openSearch() {
+  const openSearch = () => {
     setOpen(true);
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "w-100 lookup"
   }, /*#__PURE__*/_react.default.createElement("table", {
@@ -141,9 +97,7 @@ var SigPropsLookupField = /*#__PURE__*/_react.default.forwardRef(function (props
   }, /*#__PURE__*/_react.default.createElement(_SignatorySearch.default, {
     signatoryUrl: props.signatoryUrl,
     signatoryService: props.signatoryService,
-    onLookupValueChange: function onLookupValueChange(value) {
-      return setCurrentSelection(value);
-    }
+    onLookupValueChange: value => setCurrentSelection(value)
   })), /*#__PURE__*/_react.default.createElement("div", {
     style: {
       paddingTop: "4px"
@@ -157,50 +111,17 @@ var SigPropsLookupField = /*#__PURE__*/_react.default.forwardRef(function (props
     disabled: currentSelection === null || typeof currentSelection === 'undefined'
   }, "Ok"))))));
 });
-
-exports.SigPropsLookupField = SigPropsLookupField;
-
-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 () {
+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(() => {
     setValue(props.value);
-
     if (props.value !== null) {
       setWidth(props.value.width);
       setHeight(props.value.height);
@@ -214,23 +135,20 @@ var SignatureInputProps = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.
       setSignatory(null);
     }
   }, [props.value]);
-
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     if (!isNull(value)) {
-      var widthCheck = validateNumeric(width, 280);
+      let widthCheck = validateNumeric(width, 280);
       setWidthValid(widthCheck);
-      var heightCheck = validateNumeric(height, 150);
+      let heightCheck = validateNumeric(height, 150);
       setHeightValid(heightCheck);
-      var signatoryCheck = !isNull(signatory);
+      let signatoryCheck = !isNull(signatory);
       setSignatoryValid(signatoryCheck);
-
       if (!isNull(value) && widthCheck && heightCheck && signatoryCheck) {
         save();
       }
     }
   }, [width, height, signatory]);
-
-  var handleDelete = function handleDelete() {
+  const handleDelete = () => {
     props.deleteHandler(value.id);
     setWidth('');
     setHeight('');
@@ -238,17 +156,14 @@ var SignatureInputProps = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.
     setValue(null);
     setSignatoryValid(true);
   };
-
-  var handleApplyToAllPages = function handleApplyToAllPages() {
+  const handleApplyToAllPages = () => {
     props.dublicateHandler(value.id);
   };
-
-  var validateNumeric = function validateNumeric(val, maxVal) {
-    var regex = new RegExp('^[0-9]+$');
+  const validateNumeric = (val, maxVal) => {
+    let regex = new RegExp('^[0-9]+$');
     return !isNull(val) && regex.test(val) && parseFloat(val) <= maxVal;
   };
-
-  var valueChangeHandler = function valueChangeHandler(field, fieldValue) {
+  const valueChangeHandler = (field, fieldValue) => {
     if ('width' === field) {
       setWidth(fieldValue);
     } else if ('height' === field) {
@@ -257,9 +172,8 @@ var SignatureInputProps = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.
       setSignatory(fieldValue);
     }
   };
-
-  var save = function save() {
-    var values = {
+  const save = () => {
+    let values = {
       width: width,
       height: height,
       signatory: signatory,
@@ -267,7 +181,6 @@ var SignatureInputProps = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.
     };
     props.saveHandler(value.id, values);
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "row",
     style: {
@@ -312,9 +225,7 @@ var SignatureInputProps = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.
     error: !widthValid,
     size: "small",
     margin: "dense",
-    onChange: function onChange(e) {
-      return valueChangeHandler("width", e.target.value);
-    },
+    onChange: e => valueChangeHandler("width", e.target.value),
     variant: "outlined"
   }), /*#__PURE__*/_react.default.createElement(_TextField.default, {
     style: {
@@ -327,21 +238,15 @@ var SignatureInputProps = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.
     error: !heightValid,
     size: "small",
     margin: "dense",
-    onChange: function onChange(e) {
-      return valueChangeHandler("height", e.target.value);
-    },
+    onChange: e => valueChangeHandler("height", e.target.value),
     variant: "outlined"
   }), /*#__PURE__*/_react.default.createElement(_Button.default, {
     variant: "contained",
     component: "span",
     className: classes.button,
     disabled: value === null,
-    onClick: function onClick() {
-      return handleDelete();
-    },
+    onClick: () => handleDelete(),
     id: "signPaletteButton"
   }, "DELETE ITEM")));
 }));
-
-var _default = SignatureInputProps;
-exports.default = _default;
+var _default = exports.default = SignatureInputProps;