Replace jquery with cash-dom

Nuvotion-Visuals · May 29, 2024 · 08ab12f · 08ab12f
1 parent 2f415e5
commit 08ab12f
Show file tree

Hide file tree

Showing 22 changed files with 254 additions and 137 deletions.
diff --git a/.yarn/install-state.gz b/.yarn/install-state.gz
diff --git a/package.json b/package.json
@@ -132,11 +132,11 @@
     "@fortawesome/free-solid-svg-icons": "^6.5.2",
     "@fortawesome/react-fontawesome": "^0.2.2",
     "@gsap/react": "^2.1.0",
+    "cash-dom": "^8.1.5",
     "gsap": "^3.12.5",
     "html2plaintext": "^2.1.4",
     "isomorphic-dompurify": "^0.21.0",
     "javascript-time-ago": "^2.5.9",
-    "jquery": "^3.7.1",
     "lodash.union": "^4.6.0",
     "lodash.xor": "^4.5.0",
     "marked": "^4.0.19",

diff --git a/src/components/Docking/src/js_es6/LayoutManager.js b/src/components/Docking/src/js_es6/LayoutManager.js
@@ -35,7 +35,7 @@ import TransitionIndicator from './controls/TransitionIndicator';
 import ConfigurationError from './errors/ConfigurationError';
 import defaultConfig from './config/defaultConfig';
 import { fnBind, objectKeys, copy, getUniqueId, indexOf, isFunction, stripTags, getQueryStringParam } from './utils/utils';
-import $ from 'jquery';
+import $ from 'cash-dom';
 export var REACT_COMPONENT_ID = 'lm-react-component';
 /**
  * The main class that will be exposed as GoldenLayout.

diff --git a/src/components/Docking/src/js_es6/container/ItemContainer.js b/src/components/Docking/src/js_es6/container/ItemContainer.js
@@ -21,7 +21,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 import EventEmitter from '../utils/EventEmitter';
-import $ from 'jquery';
+import $ from 'cash-dom';
 
 var ItemContainer = /*#__PURE__*/function (_EventEmitter) {
   _inherits(ItemContainer, _EventEmitter);

diff --git a/src/components/Docking/src/js_es6/controls/BrowserPopout.js b/src/components/Docking/src/js_es6/controls/BrowserPopout.js
@@ -23,7 +23,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 import EventEmitter from '../utils/EventEmitter';
 import ConfigMinifier from '../utils/ConfigMinifier';
 import { fnBind, getUniqueId } from '../utils/utils';
-import $ from 'jquery';
+import $ from 'cash-dom';
 /**
  * Pops a content item out into a new browser window.
  * This is achieved by

diff --git a/src/components/Docking/src/js_es6/controls/DragProxy.js b/src/components/Docking/src/js_es6/controls/DragProxy.js
@@ -22,7 +22,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 import EventEmitter from '../utils/EventEmitter';
 import { stripTags, getTouchEvent } from '../utils/utils';
-import $ from 'jquery';
+import $ from 'cash-dom';
 
 var _template = '<div class="lm_dragProxy">' + '<div class="lm_header">' + '<ul class="lm_tabs">' + '<li class="lm_tab lm_active"><i class="lm_left"></i>' + '<span class="lm_title"></span>' + '<i class="lm_right"></i></li>' + '</ul>' + '</div>' + '<div class="lm_content"></div>' + '</div>';
 /**

diff --git a/src/components/Docking/src/js_es6/controls/DragSource.js b/src/components/Docking/src/js_es6/controls/DragSource.js
@@ -7,7 +7,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 import DragListener from '../utils/DragListener';
 import DragProxy from './DragProxy';
 import { isFunction } from '../utils/utils';
-import $ from 'jquery';
+import $ from 'cash-dom';
 /**
  * Allows for any DOM item to create a component on drag
  * start tobe dragged into the Layout

diff --git a/src/components/Docking/src/js_es6/controls/DropTargetIndicator.js b/src/components/Docking/src/js_es6/controls/DropTargetIndicator.js
@@ -4,7 +4,7 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-import $ from 'jquery';
+import $ from 'cash-dom';
 var _template = '<div class="lm_dropTargetIndicator"><div class="lm_inner"></div></div>';
 
 var DropTargetIndicator = /*#__PURE__*/function () {

diff --git a/src/components/Docking/src/js_es6/controls/Header.js b/src/components/Docking/src/js_es6/controls/Header.js
@@ -24,7 +24,7 @@ import EventEmitter from '../utils/EventEmitter';
 import Tab from './Tab';
 import HeaderButton from './HeaderButton';
 import { fnBind } from '../utils/utils';
-import $ from 'jquery';
+import $ from 'cash-dom';
 
 var _template = ['<div class="lm_header">', '<ul class="lm_tabs"></ul>', '<ul class="lm_controls"></ul>', '<ul class="lm_tabdropdown_list"></ul>', '</div>'].join('');
 /**
@@ -72,7 +72,9 @@ var Header = /*#__PURE__*/function (_EventEmitter) {
     _this.dockButton = null;
     _this.tabDropdownButton = null;
     _this.hideAdditionalTabsDropdown = fnBind(_this._hideAdditionalTabsDropdown, _assertThisInitialized(_this));
-    $(document).mouseup(_this.hideAdditionalTabsDropdown);
+    document.addEventListener('mouseup', function() {
+      _this.hideAdditionalTabsDropdown()
+    })
     _this._lastVisibleTabIndex = -1;
     _this._tabControlOffset = _this.layoutManager.config.settings.tabControlOffset;
 

diff --git a/src/components/Docking/src/js_es6/controls/HeaderButton.js b/src/components/Docking/src/js_es6/controls/HeaderButton.js
@@ -4,7 +4,7 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-import $ from 'jquery';
+import $ from 'cash-dom';
 
 var HeaderButton = /*#__PURE__*/function () {
   function HeaderButton(header, label, cssClass, action) {

diff --git a/src/components/Docking/src/js_es6/controls/Splitter.js b/src/components/Docking/src/js_es6/controls/Splitter.js
@@ -5,7 +5,7 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
 import DragListener from '../utils/DragListener';
-import $ from 'jquery';
+import $ from 'cash-dom';
 
 var Splitter = /*#__PURE__*/function () {
   function Splitter(isVertical, size, grabSize) {

diff --git a/src/components/Docking/src/js_es6/controls/Tab.js b/src/components/Docking/src/js_es6/controls/Tab.js
@@ -7,7 +7,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 import DragListener from '../utils/DragListener';
 import DragProxy from './DragProxy';
 import { fnBind, stripTags } from '../utils/utils';
-import $ from 'jquery';
+import $ from 'cash-dom';
 /**
  * Represents an individual tab within a Stack's header
  *

diff --git a/src/components/Docking/src/js_es6/controls/TransitionIndicator.js b/src/components/Docking/src/js_es6/controls/TransitionIndicator.js
@@ -5,7 +5,7 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
 import { now, animFrame, fnBind } from '../utils/utils';
-import $ from 'jquery';
+import $ from 'cash-dom';
 
 var TransitionIndicator = /*#__PURE__*/function () {
   function TransitionIndicator() {

diff --git a/src/components/Docking/src/js_es6/items/Component.js b/src/components/Docking/src/js_es6/items/Component.js
@@ -23,7 +23,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 import AbstractContentItem from './AbstractContentItem';
 import ItemContainer from '../container/ItemContainer';
 import ReactComponentHandler from '../utils/ReactComponentHandler';
-import $ from 'jquery';
+import $ from 'cash-dom';
 /**
  * @param {[type]} layoutManager [description]
  * @param {[type]} config      [description]

diff --git a/src/components/Docking/src/js_es6/items/Root.js b/src/components/Docking/src/js_es6/items/Root.js
@@ -22,7 +22,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 import AbstractContentItem from './AbstractContentItem';
 import RowOrColumn from './RowOrColumn';
-import $ from 'jquery';
+import $ from 'cash-dom';
 
 var Root = /*#__PURE__*/function (_AbstractContentItem) {
   _inherits(Root, _AbstractContentItem);

diff --git a/src/components/Docking/src/js_es6/items/RowOrColumn.js b/src/components/Docking/src/js_es6/items/RowOrColumn.js
@@ -24,7 +24,7 @@ import AbstractContentItem from './AbstractContentItem';
 import Stack from './Stack';
 import Splitter from '../controls/Splitter';
 import { fnBind, animFrame, indexOf } from '../utils/utils';
-import $ from 'jquery';
+import $ from 'cash-dom';
 
 var RowOrColumn = /*#__PURE__*/function (_AbstractContentItem) {
   _inherits(RowOrColumn, _AbstractContentItem);

diff --git a/src/components/Docking/src/js_es6/items/Stack.js b/src/components/Docking/src/js_es6/items/Stack.js
@@ -24,7 +24,7 @@ import AbstractContentItem from "./AbstractContentItem";
 import RowOrColumn from "./RowOrColumn";
 import Header from "../controls/Header";
 import { fnBind, copy, indexOf } from "../utils/utils";
-import $ from "jquery";
+import $ from "cash-dom";
 
 var Stack = /*#__PURE__*/function (_AbstractContentItem) {
   _inherits(Stack, _AbstractContentItem);