@agilemotion/oui-react-js 1.3.8 → 1.4.0

package/dist/components/TemplateItemEventHandler.js

@@ -9,12 +9,6 @@ var _TemplateTable = _interopRequireDefault(require("./TemplateTable"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
-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 _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; }
 
 const parse = val => {
@@ -53,19 +47,9 @@ class TemplateItemEventHandler {
       setTimeout(() => {
         let elements = document.getElementsByClassName("dropTarget");
 
-        var _iterator = _createForOfIteratorHelper(elements),
-            _step;
-
-        try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            const element = _step.value;
-            element.addEventListener("dragstart", this.dragStart, false);
-            element.addEventListener("dragover", this.dragOver, false);
-          }
-        } catch (err) {
-          _iterator.e(err);
-        } finally {
-          _iterator.f();
+        for (const element of elements) {
+          element.addEventListener("dragstart", this.dragStart, false);
+          element.addEventListener("dragover", this.dragOver, false);
         }
       }, 2000);
       container.addEventListener("mousedown", this.handleMouseDown);
@@ -75,21 +59,11 @@ class TemplateItemEventHandler {
       let placeHolders = document.getElementsByClassName('_draggable_');
       let dropTarget = this.getDropTarget(parent);
 
-      var _iterator2 = _createForOfIteratorHelper(placeHolders),
-          _step2;
-
-      try {
-        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-          const placeHolder = _step2.value;
-          placeHolder.addEventListener('mousemove', event => this.handleItemMouseMove(event, parent), false);
-          placeHolder.addEventListener('mouseout', this.handleItemMouseOut, false);
-          placeHolder.addEventListener('mouseup', event => this.handleItemMouseClick(placeHolder, placeHolder.id, selectionHandler), false);
-          placeHolder.addEventListener('dragend', event => this.handleItemDrop(event, document.getElementsByClassName('dropTarget')[0]), false);
-        }
-      } catch (err) {
-        _iterator2.e(err);
-      } finally {
-        _iterator2.f();
+      for (const placeHolder of placeHolders) {
+        placeHolder.addEventListener('mousemove', event => this.handleItemMouseMove(event, parent), false);
+        placeHolder.addEventListener('mouseout', this.handleItemMouseOut, false);
+        placeHolder.addEventListener('mouseup', event => this.handleItemMouseClick(placeHolder, placeHolder.id, selectionHandler), false);
+        placeHolder.addEventListener('dragend', event => this.handleItemDrop(event, document.getElementsByClassName('dropTarget')[0]), false);
       }
     });
 
@@ -135,6 +109,7 @@ class TemplateItemEventHandler {
         node.style.left = (props.left ? props.left : event.clientX - dropTarget.offsetLeft) + 'px';
         node.style.top = (props.top ? props.top : container.scrollTop + event.clientY - dropTarget.offsetTop) + 'px';
         node.style.border = '2px dashed green';
+        node.style.position = 'absolute';
         node.className = "_draggable_";
         node.setAttribute("draggable", true);
 
@@ -280,18 +255,8 @@ class TemplateItemEventHandler {
     _defineProperty(this, "resetBorders", () => {
       let items = document.getElementsByClassName("_draggable_");
 
-      var _iterator3 = _createForOfIteratorHelper(items),
-          _step3;
-
-      try {
-        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-          const item = _step3.value;
-          item.style.border = 'none';
-        }
-      } catch (err) {
-        _iterator3.e(err);
-      } finally {
-        _iterator3.f();
+      for (const item of items) {
+        item.style.border = 'none';
       }
     });
 
@@ -350,30 +315,19 @@ class TemplateItemEventHandler {
         let newWidth;
         let resized = true;
 
-        var _iterator4 = _createForOfIteratorHelper(lastCols),
-            _step4;
-
-        try {
-          for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
-            const lastCol = _step4.value;
-
-            if (!this.lastColItemPreResizeWidth) {
-              this.lastColItemPreResizeWidth = parse(lastCol.style.width);
-            }
+        for (const lastCol of lastCols) {
+          if (!this.lastColItemPreResizeWidth) {
+            this.lastColItemPreResizeWidth = parse(lastCol.style.width);
+          }
 
-            newWidth = this.lastColItemPreResizeWidth + spec.rightOffset; //console.log(spec.leftOffset + " : " + spec.rightOffset + " : " + this.lastColItemPreResizeWidth);
+          newWidth = this.lastColItemPreResizeWidth + spec.rightOffset; //console.log(spec.leftOffset + " : " + spec.rightOffset + " : " + this.lastColItemPreResizeWidth);
 
-            if (newWidth >= 32) {
-              lastCol.style.width = newWidth + 'px';
-            } else {
-              resized = false;
-              break;
-            }
+          if (newWidth >= 32) {
+            lastCol.style.width = newWidth + 'px';
+          } else {
+            resized = false;
+            break;
           }
-        } catch (err) {
-          _iterator4.e(err);
-        } finally {
-          _iterator4.f();
         }
 
         if (resized) {
@@ -386,30 +340,19 @@ class TemplateItemEventHandler {
         let firstCols = node.getElementsByClassName('_item_table_col_0');
         let resized = true;
 
-        var _iterator5 = _createForOfIteratorHelper(firstCols),
-            _step5;
-
-        try {
-          for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
-            const firstCol = _step5.value;
-
-            if (!this.firstColItemPreResizeWidth) {
-              this.firstColItemPreResizeWidth = parse(firstCol.style.width);
-            }
+        for (const firstCol of firstCols) {
+          if (!this.firstColItemPreResizeWidth) {
+            this.firstColItemPreResizeWidth = parse(firstCol.style.width);
+          }
 
-            newWidth = this.firstColItemPreResizeWidth + spec.leftOffset * -1;
+          newWidth = this.firstColItemPreResizeWidth + spec.leftOffset * -1;
 
-            if (newWidth >= 32) {
-              firstCol.style.width = newWidth + 'px';
-            } else {
-              resized = false;
-              break;
-            }
+          if (newWidth >= 32) {
+            firstCol.style.width = newWidth + 'px';
+          } else {
+            resized = false;
+            break;
           }
-        } catch (err) {
-          _iterator5.e(err);
-        } finally {
-          _iterator5.f();
         }
 
         if (resized) {
@@ -431,18 +374,8 @@ class TemplateItemEventHandler {
           newHeight = this.firstRowItemPreResizeHeight + spec.bottomOffset / rows.length;
         }
 
-        var _iterator6 = _createForOfIteratorHelper(rows),
-            _step6;
-
-        try {
-          for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
-            const row = _step6.value;
-            row.style.height = newHeight + 'px';
-          }
-        } catch (err) {
-          _iterator6.e(err);
-        } finally {
-          _iterator6.f();
+        for (const row of rows) {
+          row.style.height = newHeight + 'px';
         }
 
         if (spec.topOffset !== 0) {

package/dist/components/TemplateTable.js

@@ -5,12 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
-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 _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; }
 
 const boundCheck = (pos, mousePos) => {
@@ -38,18 +32,8 @@ class TemplateTable {
       let tableHeight = tableConfig.defaultRowHeight * tableConfig.defaultNumRows;
       let tableWidth = 0;
 
-      var _iterator = _createForOfIteratorHelper(tableConfig.columns),
-          _step;
-
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          const column = _step.value;
-          tableWidth += column.defaultWidth;
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
+      for (const column of tableConfig.columns) {
+        tableWidth += column.defaultWidth;
       }
 
       let table = document.createElement("div");
@@ -124,18 +108,8 @@ class TemplateTable {
     let elements = this.currentResizeCol.parentElement.parentElement.getElementsByClassName("_item_table_col_".concat(index));
 
     if (elements && elements.length > 0) {
-      var _iterator2 = _createForOfIteratorHelper(elements),
-          _step2;
-
-      try {
-        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-          const element = _step2.value;
-          element.style.width = width + 'px';
-        }
-      } catch (err) {
-        _iterator2.e(err);
-      } finally {
-        _iterator2.f();
+      for (const element of elements) {
+        element.style.width = width + 'px';
       }
     }
   }
@@ -147,18 +121,8 @@ class TemplateTable {
       let elements = this.currentResizeCol.parentElement.parentElement.getElementsByClassName("_item_table_col_".concat(index));
 
       if (elements && elements.length > 0) {
-        var _iterator3 = _createForOfIteratorHelper(elements),
-            _step3;
-
-        try {
-          for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-            const element = _step3.value;
-            element.style.borderWidth = width;
-          }
-        } catch (err) {
-          _iterator3.e(err);
-        } finally {
-          _iterator3.f();
+        for (const element of elements) {
+          element.style.borderWidth = width;
         }
       }
     }

package/dist/components/TitleBar.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _Utils = _interopRequireDefault(require("../Utils"));
 
-var _ApplicationContext = _interopRequireDefault(require("../ApplicationContext"));
+var _ApplicationManager = _interopRequireDefault(require("../ApplicationManager"));
 
 var _Observable = _interopRequireDefault(require("../event/Observable"));
 
@@ -19,62 +19,45 @@ var _reactHtmlRenderer = _interopRequireDefault(require("react-html-renderer"));
 
 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; }
-
 const TitleBar = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const _React$useState = _react.default.useState(""),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        title = _React$useState2[0],
-        setTitle = _React$useState2[1];
+  const [title, setTitle] = _react.default.useState('');
 
-  const _React$useState3 = _react.default.useState(true),
-        _React$useState4 = _slicedToArray(_React$useState3, 2),
-        initializing = _React$useState4[0],
-        setInitializing = _React$useState4[1];
+  _react.default.useLayoutEffect(() => {
+    props.handle.api = api();
+  }, []);
 
   _react.default.useEffect(() => {
-    if (initializing) {
-      props.handle.api = api();
-
-      let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
-
-      let eventHandlingConfig = _Utils.default.isNull(parsedConfig.eventHandlingConfig) ? {} : parsedConfig.eventHandlingConfig;
-      eventHandlingConfig.subscriptions = _Utils.default.isNull(eventHandlingConfig.subscriptions) ? [] : eventHandlingConfig.subscriptions;
-
-      let titleValue = _Utils.default.getComponentAttribute(props.config, 'title', null);
-
-      if (_Utils.default.isNull(titleValue)) {
-        let subscription = {
-          publisher: "applicationContext",
-          eventType: _EventType.default.APPLICATION_CONTEXT_CHANGE,
-          actions: [{
-            actionType: "script",
-            script: {
-              lines: ["if($event.data.name === 'title'){", "   let component = @#{".concat(props.config.id, "};"), "   if(component) {", "      component.title = $event.data.value", "   }", "}"]
-            }
-          }]
-        };
-        eventHandlingConfig.subscriptions.push(subscription);
-
-        _Observable.default.addSubscriptions(eventHandlingConfig, props.handle, props.viewId);
-      } else {
-        setTitle(titleValue);
-      }
+    props.handle.api = api();
+  });
 
-      props.loadCompleteHandler(props.config.id);
-      setInitializing(false);
+  _react.default.useEffect(() => {
+    console.log('TITLE BAR RENDERED : ' + props.config.id);
+
+    let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
+
+    let eventHandlingConfig = _Utils.default.isNull(parsedConfig.eventHandlingConfig) ? {} : parsedConfig.eventHandlingConfig;
+    eventHandlingConfig.subscriptions = _Utils.default.isNull(eventHandlingConfig.subscriptions) ? [] : eventHandlingConfig.subscriptions;
+
+    let titleValue = _Utils.default.getComponentAttribute(props.config, 'title', null);
+
+    if (_Utils.default.isNull(titleValue)) {
+      let subscription = {
+        publisher: 'applicationManager',
+        eventType: _EventType.default.APPLICATION_CONTEXT_CHANGE,
+        actions: [{
+          actionType: 'script',
+          script: {
+            lines: ["if($event.data.name === 'title'){", "   let component = @#{".concat(props.config.id, "};"), "   if(component) {", "      component.title = $event.data.value", "   }", '}']
+          }
+        }]
+      };
+      eventHandlingConfig.subscriptions.push(subscription);
+
+      _Observable.default.addSubscriptions(eventHandlingConfig, props.handle, props.viewId);
+    } else {
+      setTitle(titleValue);
     }
-  });
+  }, []);
 
   const api = () => {
     return {
@@ -94,8 +77,9 @@ const TitleBar = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
   };
 
   return /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref
-  }, !_Utils.default.isNull(props.config) ? /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref,
+    className: 'title-bar'
+  }, /*#__PURE__*/_react.default.createElement("div", {
     style: {
       padding: '32px 0 4px 0',
       fontSize: '24px',
@@ -103,7 +87,7 @@ const TitleBar = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
     }
   }, /*#__PURE__*/_react.default.createElement(_reactHtmlRenderer.default, {
     html: "<p>".concat(title, "</p>")
-  })) : null);
+  })));
 }));
 
 var _default = TitleBar;