@agilemotion/oui-react-js 1.6.3 → 1.6.5

package/dist/components/form/ImageEditor.js

@@ -3,114 +3,55 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.ImageEditor = exports.ImageEditorComponent = void 0;
-
+exports.default = exports.ImageEditorComponent = exports.ImageEditor = void 0;
 var _react = _interopRequireDefault(require("react"));
-
 var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-
 var _BaseField = require("./BaseField");
-
 var _styles = require("@material-ui/core/styles");
-
 var _Utils = _interopRequireDefault(require("../../Utils"));
-
 var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManager"));
-
 var _Icon = _interopRequireDefault(require("../Icon"));
-
 var _reactPromiseTracker = require("react-promise-tracker");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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 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; }
-
-var useStyles = (0, _styles.makeStyles)(function (theme) {
-  return {
-    button: {
-      margin: theme.spacing(1)
-    },
-    input: {
-      display: 'none'
-    },
-    errorMessageDisplay: {
-      color: 'red'
-    }
-  };
-});
-
-var status = function status(response) {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const useStyles = (0, _styles.makeStyles)(theme => ({
+  button: {
+    margin: theme.spacing(1)
+  },
+  input: {
+    display: 'none'
+  },
+  errorMessageDisplay: {
+    color: 'red'
+  }
+}));
+const status = response => {
   if (response.ok) {
     return Promise.resolve(response);
   } else {
-    var error = new Error(response.statusText);
+    let error = new Error(response.statusText);
     error.code = response.status;
     return Promise.reject(error);
   }
 };
-
-var json = function json(response) {
+const json = response => {
   return response.text();
 };
-
-var location = window.location.protocol + "//" + window.location.hostname;
-
-var ImageEditorComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _React$useState = _react.default.useState(props.multiple === true),
-      _React$useState2 = _slicedToArray(_React$useState, 1),
-      multiple = _React$useState2[0];
-
-  var _React$useState3 = _react.default.useState(0),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      angle = _React$useState4[0],
-      setAngle = _React$useState4[1];
-
-  var _React$useState5 = _react.default.useState(null),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      zoomDepth = _React$useState6[0],
-      setZoomDepth = _React$useState6[1];
-
-  var _React$useState7 = _react.default.useState(null),
-      _React$useState8 = _slicedToArray(_React$useState7, 2),
-      originalImageWidth = _React$useState8[0],
-      setOriginalImageWidth = _React$useState8[1];
-
-  var _React$useState9 = _react.default.useState(null),
-      _React$useState10 = _slicedToArray(_React$useState9, 2),
-      originalImageHeight = _React$useState10[0],
-      setOriginalImageHeight = _React$useState10[1];
-
-  var classes = useStyles();
-
-  var width = _Utils.default.getComponentAttribute(props.config, 'width', '320px');
-
-  var height = _Utils.default.getComponentAttribute(props.config, 'height', '320px');
-
-  var base = props.base;
-
-  _react.default.useEffect(function () {}, [props.initialFile]);
-
+const location = window.location.protocol + "//" + window.location.hostname;
+const ImageEditorComponent = exports.ImageEditorComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const [multiple] = _react.default.useState(props.multiple === true);
+  const [angle, setAngle] = _react.default.useState(0);
+  const [zoomDepth, setZoomDepth] = _react.default.useState(null);
+  const [originalImageWidth, setOriginalImageWidth] = _react.default.useState(null);
+  const [originalImageHeight, setOriginalImageHeight] = _react.default.useState(null);
+  const classes = useStyles();
+  const width = _Utils.default.getComponentAttribute(props.config, 'width', '320px');
+  const height = _Utils.default.getComponentAttribute(props.config, 'height', '320px');
+  const base = props.base;
+  _react.default.useEffect(() => {}, [props.initialFile]);
   function getFetchConfig(data) {
-    var accessToken = sessionStorage.getItem("accessToken");
-    var idToken = sessionStorage.getItem("idToken");
+    const accessToken = sessionStorage.getItem("accessToken");
+    const idToken = sessionStorage.getItem("idToken");
     return {
       method: 'POST',
       headers: {
@@ -121,119 +62,95 @@ var ImageEditorComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react
       body: data
     };
   }
-
   function getRotateAngle(action) {
-    var rotateAngle = null;
-
+    let rotateAngle = null;
     if ("rotateLeft" === action) {
       rotateAngle = -90;
     } else if ("rotateRight" === action) {
       rotateAngle = 90;
     }
-
     return rotateAngle;
   }
-
   function process(callback, data, action) {
-    var fetchConfig = getFetchConfig(data);
-
-    var url = location + _ApplicationManager.default.getContextRoot() + _Utils.default.getComponentAttribute(props.config, 'processingUrl', null) + "/" + action + "/" + _Utils.default.getComponentAttribute(props.config, "mode", "DOC");
-
-    var rotateAngle = getRotateAngle(action);
-
+    let fetchConfig = getFetchConfig(data);
+    let url = location + _ApplicationManager.default.getContextRoot() + _Utils.default.getComponentAttribute(props.config, 'processingUrl', null) + "/" + action + "/" + _Utils.default.getComponentAttribute(props.config, "mode", "DOC");
+    let rotateAngle = getRotateAngle(action);
     if (rotateAngle) {
       url += "?" + rotateAngle;
     }
-
-    (0, _reactPromiseTracker.trackPromise)(fetch(encodeURI(url), fetchConfig).then(status).then(json).then(function (data) {
+    (0, _reactPromiseTracker.trackPromise)(fetch(encodeURI(url), fetchConfig).then(status).then(json).then(data => {
       callback(data);
-    }).catch(function (e) {
+    }).catch(e => {
       if (e.code === 401) {
         _ApplicationManager.default.clear();
-
         _ApplicationManager.default.getApplicationHistory().push('/login');
       }
     }));
   }
-
-  var handleChange = function handleChange() {
-    return function (event) {
-      var files = event.target.files;
-      var file = files[0];
-      var reader = new FileReader();
-      reader.readAsDataURL(file);
-
-      reader.onload = function () {
-        if (!_Utils.default.isNull(file)) {
-          var fileMetaData = {};
-          fileMetaData.name = file.name;
-          fileMetaData.type = file.type;
-          fileMetaData.size = file.size;
-
-          if (base.value) {
-            fileMetaData.id = base.value.id;
-          }
-
-          if (_Utils.default.getComponentAttribute(props.config, 'autoRemoveBackground', false)) {
-            process(function (data) {
-              fileMetaData.url = data;
-              base.handleValueChange(fileMetaData);
-            }, reader.result, 'removeBackground');
-          } else {
-            fileMetaData.url = file.base64;
+  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;
+        if (base.value) {
+          fileMetaData.id = base.value.id;
+        }
+        if (_Utils.default.getComponentAttribute(props.config, 'autoRemoveBackground', false)) {
+          process(data => {
+            fileMetaData.url = data;
             base.handleValueChange(fileMetaData);
-          }
+          }, reader.result, 'removeBackground');
+        } else {
+          fileMetaData.url = file.base64;
+          base.handleValueChange(fileMetaData);
         }
-      };
-
-      reader.onloadend = function () {};
+      }
     };
+    reader.onloadend = () => {};
   };
-
-  _react.default.useEffect(function () {
-    var container = document.getElementById("__image_container");
-    var image = document.getElementById("__image");
-
+  _react.default.useEffect(() => {
+    let container = document.getElementById("__image_container");
+    let image = document.getElementById("__image");
     if (container) {
-      var ratio = 10 * zoomDepth / 100;
+      let ratio = 10 * zoomDepth / 100;
       container.style.width = originalImageWidth + originalImageWidth * ratio + "px";
       container.style.height = originalImageHeight + originalImageHeight * ratio + "px";
       image.style.width = container.style.width;
       image.style.height = container.style.height;
     }
   }, [zoomDepth]);
-
-  var zoom = function zoom(direction) {
+  const zoom = direction => {
     if (originalImageWidth === null) {
       setOriginalImageWidth(document.getElementById("__image").width);
       setOriginalImageHeight(document.getElementById("__image").height);
     }
-
-    var depth = direction === "In" ? zoomDepth + 1 : zoomDepth - 1;
-
+    let depth = direction === "In" ? zoomDepth + 1 : zoomDepth - 1;
     if (depth <= 0) {
       depth = 1;
     }
-
     setZoomDepth(depth);
   };
-
-  var rotate = function rotate(direction) {
-    var rotateMode = _Utils.default.getComponentAttribute(props.config, "rotateMode", null);
-
+  const rotate = direction => {
+    let rotateMode = _Utils.default.getComponentAttribute(props.config, "rotateMode", null);
     if (rotateMode === null || rotateMode === 'SERVER') {
-      process(function (data) {
-        base.handleValueChange(_objectSpread(_objectSpread({}, base.value), {}, {
+      process(data => {
+        base.handleValueChange({
+          ...base.value,
           url: data
-        }));
+        });
       }, base.value.url, 'rotate' + direction);
     } else {
-      var rotateAngle = angle + getRotateAngle("rotate" + direction);
+      let rotateAngle = angle + getRotateAngle("rotate" + direction);
       document.getElementById("__image_container").style.transform = "rotate(" + rotateAngle + "deg)";
       setAngle(rotateAngle);
     }
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     style: _Utils.default.mergeStyles({
       width: width
@@ -257,14 +174,14 @@ var ImageEditorComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react
   }, /*#__PURE__*/_react.default.createElement("input", {
     accept: "image/jpeg,image/gif,image/png,image/x-eps",
     className: classes.input,
-    id: "contained-button-file-".concat(props.config.id),
+    id: `contained-button-file-${props.config.id}`,
     disabled: base.disabled,
     required: base.required,
     multiple: multiple,
     onChange: handleChange(),
     type: "file"
   }), /*#__PURE__*/_react.default.createElement("label", {
-    htmlFor: "contained-button-file-".concat(props.config.id)
+    htmlFor: `contained-button-file-${props.config.id}`
   }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Button.default, {
     component: "span",
     variant: 'contained',
@@ -295,9 +212,7 @@ var ImageEditorComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react
       width: '40px',
       height: '40px'
     },
-    onClick: function onClick() {
-      return rotate('Left');
-    },
+    onClick: () => rotate('Left'),
     startIcon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
       id: 'ROTATE_LEFT'
     })
@@ -314,9 +229,7 @@ var ImageEditorComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react
       width: '40px',
       height: '40px'
     },
-    onClick: function onClick() {
-      return rotate('Right');
-    },
+    onClick: () => rotate('Right'),
     startIcon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
       id: 'ROTATE_RIGHT'
     })
@@ -332,9 +245,7 @@ var ImageEditorComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react
       width: '40px',
       height: '40px'
     },
-    onClick: function onClick() {
-      return zoom('Out');
-    },
+    onClick: () => zoom('Out'),
     startIcon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
       id: 'ZOOM_OUT'
     })
@@ -351,9 +262,7 @@ var ImageEditorComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react
       width: '40px',
       height: '40px'
     },
-    onClick: function onClick() {
-      return zoom('In');
-    },
+    onClick: () => zoom('In'),
     startIcon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
       id: 'ZOOM_IN'
     })
@@ -372,7 +281,7 @@ var ImageEditorComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react
       backgroundRepeat: 'no-repeat',
       backgroundSize: 'cover',
       backgroundColor: 'transparent',
-      backgroundImage: "url(".concat(require('./transparent.jpeg'), ")"),
+      backgroundImage: `url(${require('./transparent.jpeg')})`,
       border: '4px solid #e1e1e1',
       borderRadius: '4px'
     },
@@ -400,26 +309,18 @@ var ImageEditorComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react
     }
   }))))) : null);
 }));
-
-exports.ImageEditorComponent = ImageEditorComponent;
-
-var ImageEditor = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _React$useState11 = _react.default.useState(null),
-      _React$useState12 = _slicedToArray(_React$useState11, 2),
-      file = _React$useState12[0],
-      setFile = _React$useState12[1];
-
-  var clearTrigger = _react.default.useRef(false);
-
+const ImageEditor = exports.ImageEditor = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const [file, setFile] = _react.default.useState(null);
+  const clearTrigger = _react.default.useRef(false);
   return /*#__PURE__*/_react.default.createElement(_BaseField.BaseField, _extends({}, props, {
     handle: props.handle,
-    valueParser: function valueParser(value, inbound) {
+    valueParser: (value, inbound) => {
       if (inbound) {
         clearTrigger.current = !clearTrigger.current;
-
         if (!_Utils.default.isNull(value)) {
-          var val = value; // TODO : Support multiple file upload
+          let val = value;
 
+          // TODO : Support multiple file upload
           if (_Utils.default.getComponentAttribute(props.config, 'multiple', false)) {
             if (typeof value.length !== 'undefined' && value.length > 0) {
               val = value[0];
@@ -427,16 +328,13 @@ var ImageEditor = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.
               if (value.documentRepositoryId) {
                 return value;
               }
-
               return null;
             }
           }
-
           if (val.map) {
             val = val.map;
           }
-
-          var fileMetaData = {};
+          let fileMetaData = {};
           fileMetaData.name = !_Utils.default.isNull(val.label) ? val.label : val.name;
           fileMetaData.id = val.id;
           fileMetaData.type = val.type;
@@ -444,34 +342,26 @@ var ImageEditor = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.
           fileMetaData.documentRepositoryId = !_Utils.default.isNull(val.key) ? val.key : val.documentRepositoryId;
           fileMetaData.documentRepositoryCacheId = val.documentRepositoryCacheId;
           fileMetaData.url = val.url;
-
           if (!_Utils.default.isNull(val.url)) {
-            var _file = {};
-            _file.base64 = val.url;
-            setFile(_file);
+            let file = {};
+            file.base64 = val.url;
+            setFile(file);
           }
-
           return fileMetaData;
         }
       }
-
       return value;
     },
-    valueChangeCallback: function valueChangeCallback(value) {
+    valueChangeCallback: value => {
       if (_Utils.default.isNull(value)) {
         clearTrigger.current = !clearTrigger.current;
       }
     }
-  }), function (base) {
-    return /*#__PURE__*/_react.default.createElement(ImageEditorComponent, _extends({
-      ref: ref,
-      base: base,
-      initialFile: file,
-      clearTrigger: clearTrigger.current
-    }, props));
-  });
+  }), base => /*#__PURE__*/_react.default.createElement(ImageEditorComponent, _extends({
+    ref: ref,
+    base: base,
+    initialFile: file,
+    clearTrigger: clearTrigger.current
+  }, props)));
 }));
-
-exports.ImageEditor = ImageEditor;
-var _default = ImageEditor;
-exports.default = _default;
+var _default = exports.default = ImageEditor;

package/dist/components/form/LabelField.js

@@ -4,42 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _BaseField = require("./BaseField");
-
 var _Utils = _interopRequireDefault(require("../../Utils"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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); }
-
-var LabelFieldWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var base = props.base;
-
-  var displayTemplate = _Utils.default.getComponentAttribute(props.config, 'displayTemplate', null);
-
-  var className = _Utils.default.getComponentAttribute(props.config, 'className', null);
-
-  var emptyValue = _Utils.default.getComponentAttribute(props.config, 'emptyValue', '');
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const LabelFieldWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const base = props.base;
+  let displayTemplate = _Utils.default.getComponentAttribute(props.config, 'displayTemplate', null);
+  let className = _Utils.default.getComponentAttribute(props.config, 'className', null);
+  let emptyValue = _Utils.default.getComponentAttribute(props.config, 'emptyValue', '');
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: ref,
     className: className
   }, !_Utils.default.isNull(displayTemplate) ? displayTemplate.replace('@{value}', _Utils.default.isNull(base.value) ? emptyValue : base.value) : base.value);
 }));
-
-var LabelField = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+const LabelField = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   return /*#__PURE__*/_react.default.createElement(_BaseField.BaseField, _extends({}, props, {
     handle: props.handle
-  }), function (base) {
-    return /*#__PURE__*/_react.default.createElement(LabelFieldWrapper, _extends({
-      ref: ref,
-      base: base
-    }, props));
-  });
+  }), base => /*#__PURE__*/_react.default.createElement(LabelFieldWrapper, _extends({
+    ref: ref,
+    base: base
+  }, props)));
 }));
-
-var _default = LabelField;
-exports.default = _default;
+var _default = exports.default = LabelField;