@agilemotion/oui-react-js 1.2.6 → 1.2.8

package/dist/components/AlertItem.js

@@ -23,43 +23,41 @@ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructur
 
 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 _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 utils = new _Utils.default();
-var useStyles = (0, _styles.makeStyles)(function (theme) {
-  return {
-    root: {
-      width: '100%',
-      '& > * + *': {
-        marginTop: theme.spacing(2)
-      }
+const utils = new _Utils.default();
+const useStyles = (0, _styles.makeStyles)(theme => ({
+  root: {
+    width: '100%',
+    '& > * + *': {
+      marginTop: theme.spacing(2)
     }
-  };
-});
+  }
+}));
 
 function AlertItem(props) {
-  var classes = useStyles();
+  const classes = useStyles();
 
-  var _React$useState = _react.default.useState(props.message),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      message = _React$useState2[0],
-      setMessage = _React$useState2[1];
+  const _React$useState = _react.default.useState(props.message),
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        message = _React$useState2[0],
+        setMessage = _React$useState2[1];
 
-  var _React$useState3 = _react.default.useState(props.alertStyle),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      alertStyle = _React$useState4[0],
-      setAlertStyle = _React$useState4[1];
+  const _React$useState3 = _react.default.useState(props.alertStyle),
+        _React$useState4 = _slicedToArray(_React$useState3, 2),
+        alertStyle = _React$useState4[0],
+        setAlertStyle = _React$useState4[1];
 
-  var _React$useState5 = _react.default.useState(props.alertTitle),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      title = _React$useState6[0],
-      setTitle = _React$useState6[1];
+  const _React$useState5 = _react.default.useState(props.alertTitle),
+        _React$useState6 = _slicedToArray(_React$useState5, 2),
+        title = _React$useState6[0],
+        setTitle = _React$useState6[1];
 
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     setMessage(props.message);
     setAlertStyle(props.alertStyle);
     setTitle(props.alertTitle);

package/dist/components/AlertTemplate.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var AlertStyle = {
+const AlertStyle = {
   backgroundColor: '#dc3545',
   color: 'white',
   padding: '10px',
@@ -25,14 +25,14 @@ var AlertStyle = {
   margin: '30px'
 };
 exports.AlertStyle = AlertStyle;
-var alertButtonStyle = {
+const alertButtonStyle = {
   marginLeft: '20px',
   border: 'none',
   backgroundColor: 'transparent',
   cursor: 'pointer',
   color: 'rgb(255, 255, 255)'
 };
-var options = {
+const options = {
   position: 'top center',
   timeout: 0,
   offset: '30px',
@@ -43,33 +43,32 @@ var options = {
 };
 exports.options = options;
 
-var AlertTemplate = function AlertTemplate(_ref) {
-  var options = _ref.options,
-      message = _ref.message,
-      close = _ref.close;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    style: AlertStyle
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "fa fa-exclamation-circle fa-2x"
-  }), /*#__PURE__*/_react.default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "#FF0040",
-    "stroke-width": "2",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round",
-    style: {
-      marginRight: '20px',
-      minWidth: '24px'
-    }
-  }), options.type === 'info' && '', options.type === 'success' && '', options.type === 'error' && '', message, /*#__PURE__*/_react.default.createElement("button", {
-    style: alertButtonStyle,
-    onClick: close
-  }, "X"));
-};
+const AlertTemplate = ({
+  options,
+  message,
+  close
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  style: AlertStyle
+}, /*#__PURE__*/_react.default.createElement("span", {
+  className: "fa fa-exclamation-circle fa-2x"
+}), /*#__PURE__*/_react.default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "#FF0040",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  style: {
+    marginRight: '20px',
+    minWidth: '24px'
+  }
+}), options.type === 'info' && '', options.type === 'success' && '', options.type === 'error' && '', message, /*#__PURE__*/_react.default.createElement("button", {
+  style: alertButtonStyle,
+  onClick: close
+}, "X"));
 
 exports.AlertTemplate = AlertTemplate;
 var _default = AlertTemplate;

package/dist/components/Button.js

@@ -33,52 +33,50 @@ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructur
 
 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 _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)
-    },
-    wrapper: {
-      maxHeight: "32px",
-      zIndex: 2
-    }
-  };
-});
+const useStyles = (0, _styles.makeStyles)(theme => ({
+  root: {
+    display: 'flex'
+  },
+  paper: {
+    marginRight: theme.spacing(2)
+  },
+  wrapper: {
+    maxHeight: "32px",
+    zIndex: 2
+  }
+}));
 
-var Button = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var classes = useStyles();
+const Button = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const classes = useStyles();
 
-  var _React$useState = _react.default.useState(true),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      initializing = _React$useState2[0],
-      setInitializing = _React$useState2[1];
+  const _React$useState = _react.default.useState(true),
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        initializing = _React$useState2[0],
+        setInitializing = _React$useState2[1];
 
-  var _React$useState3 = _react.default.useState(false),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      disabled = _React$useState4[0],
-      setDisabled = _React$useState4[1];
+  const _React$useState3 = _react.default.useState(false),
+        _React$useState4 = _slicedToArray(_React$useState3, 2),
+        disabled = _React$useState4[0],
+        setDisabled = _React$useState4[1];
 
-  var color = _Utils.default.getComponentAttribute(props.config, 'color', 'default');
+  let color = _Utils.default.getComponentAttribute(props.config, 'color', 'default');
 
-  var width = !_Utils.default.isNull(props.config.attributes) && !_Utils.default.isNull(props.config.attributes['width']) ? parseInt(props.config.attributes['width'].toString().replace('px', '')) : null;
-  var height = !_Utils.default.isNull(props.config.attributes) && !_Utils.default.isNull(props.config.attributes['height']) ? parseInt(props.config.attributes['height'].toString().replace('px', '')) : null;
+  let width = !_Utils.default.isNull(props.config.attributes) && !_Utils.default.isNull(props.config.attributes['width']) ? parseInt(props.config.attributes['width'].toString().replace('px', '')) : null;
+  let height = !_Utils.default.isNull(props.config.attributes) && !_Utils.default.isNull(props.config.attributes['height']) ? parseInt(props.config.attributes['height'].toString().replace('px', '')) : null;
 
-  var label = _Utils.default.getComponentAttribute(props.config, 'label', null);
+  let label = _Utils.default.getComponentAttribute(props.config, 'label', null);
 
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     props.handle.api = api();
 
     if (initializing) {
-      var parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
+      let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
 
       _Observable.default.addSubscriptions(parsedConfig.eventHandlingConfig, props.handle, props.viewId);
 
@@ -88,27 +86,27 @@ var Button = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }
   });
 
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     if (!initializing) {
       props.loadCompleteHandler(props.config.id);
     }
   }, [initializing]);
 
-  var handleClick = function handleClick(e) {
+  const handleClick = e => {
     _ApplicationContext.default.enableFormMarkers(true);
 
-    var event = new _Event.default(props.handle, props.viewId);
+    let event = new _Event.default(props.handle, props.viewId);
 
     _Observable.default.fireEvent(_EventType.default.CLICK, event);
   };
 
-  var api = function api() {
+  const api = () => {
     return {
       get id() {
         return props.config.id;
       },
 
-      getChildren: function getChildren() {
+      getChildren: () => {
         return [];
       },
 
@@ -117,7 +115,7 @@ var Button = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       },
 
       refresh() {
-        var parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
+        let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
 
         setDisabled(_Utils.default.evaluateBooleanExpression(parsedConfig.disabled, parsedConfig.id));
       }

package/dist/components/ConfirmationDialog.js

@@ -22,7 +22,7 @@ var _DialogTitle = _interopRequireDefault(require("@material-ui/core/DialogTitle
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function ConfirmationDialog(props) {
-  var handler = function handler(result) {
+  const handler = result => {
     props.handler(result);
   };
 
@@ -35,12 +35,12 @@ function ConfirmationDialog(props) {
   }, props.title), /*#__PURE__*/_react.default.createElement(_DialogContent.default, null, /*#__PURE__*/_react.default.createElement(_DialogContentText.default, {
     id: "alert-dialog-description"
   }, props.message)), /*#__PURE__*/_react.default.createElement(_DialogActions.default, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
-    onClick: function onClick() {
+    onClick: () => {
       handler(false);
     },
     color: "primary"
   }, "No"), /*#__PURE__*/_react.default.createElement(_Button.default, {
-    onClick: function onClick() {
+    onClick: () => {
       handler(true);
     },
     color: "primary",