argous 1.2.131 → 1.2.135

package/lib/utils/rippleEffect.js

@@ -0,0 +1,211 @@
+
+const rippleEffect = (e) => {
+  let element = e.target;
+
+  if (element) {
+    Effect.show(e, element);
+
+    if ('ontouchstart' in window) {
+      element.addEventListener('touchend', Effect.hide, false);
+      element.addEventListener('touchcancel', Effect.hide, false);
+    }
+
+    element.addEventListener('mouseup', Effect.hide, false);
+    element.addEventListener('mouseleave', Effect.hide, false);
+    element.addEventListener('dragend', Effect.hide, false);
+  }
+};
+
+function offset(elem) {
+  let docElem,
+      win,
+      box = { top: 0, left: 0 },
+      doc = elem && elem.ownerDocument;
+
+  docElem = doc.documentElement;
+
+  if (typeof elem.getBoundingClientRect !== typeof undefined) {
+    box = elem.getBoundingClientRect();
+  }
+  win = getWindow(doc);
+  return {
+    top: box.top + win.pageYOffset - docElem.clientTop,
+    left: box.left + win.pageXOffset - docElem.clientLeft
+  };
+}
+
+function isWindow(obj) {
+  return obj && obj === obj.window;
+}
+
+function getWindow(elem) {
+  return isWindow(elem) ? elem : elem.nodeType === 9 && elem.defaultView;
+}
+
+let Effect = {
+
+  // Effect delay
+  duration: 750,
+
+  show: function (e, element) {
+
+    // Disable right click
+    if (e.button === 2) {
+      return false;
+    }
+
+    let el = element || this;
+
+    // Create ripple
+    let ripple = document.createElement('div');
+    ripple.className = 'ripple-ripple';
+    el.appendChild(ripple);
+
+    // Get click coordinate and element witdh
+    let pos = offset(el);
+    let relativeY = e.pageY - pos.top;
+    let relativeX = e.pageX - pos.left;
+    let scale = 'scale(' + el.clientWidth / 100 * 10 + ')';
+
+    // Support for touch devices
+    if ('touches' in e) {
+      relativeY = e.touches[0].pageY - pos.top;
+      relativeX = e.touches[0].pageX - pos.left;
+    }
+
+    // Attach data to element
+    ripple.setAttribute('data-hold', Date.now());
+    ripple.setAttribute('data-scale', scale);
+    ripple.setAttribute('data-x', relativeX);
+    ripple.setAttribute('data-y', relativeY);
+
+    // Set ripple position
+    let rippleStyle = {
+      'top': relativeY + 'px',
+      'left': relativeX + 'px'
+    };
+
+    ripple.className = ripple.className + ' ripple-notransition';
+    ripple.setAttribute('style', convertStyle(rippleStyle));
+    ripple.className = ripple.className.replace('ripple-notransition', '');
+
+    // Scale the ripple
+    rippleStyle['-webkit-transform'] = scale;
+    rippleStyle['-moz-transform'] = scale;
+    rippleStyle['-ms-transform'] = scale;
+    rippleStyle['-o-transform'] = scale;
+    rippleStyle.transform = scale;
+    rippleStyle.opacity = '1';
+
+    rippleStyle['-webkit-transition-duration'] = Effect.duration + 'ms';
+    rippleStyle['-moz-transition-duration'] = Effect.duration + 'ms';
+    rippleStyle['-o-transition-duration'] = Effect.duration + 'ms';
+    rippleStyle['transition-duration'] = Effect.duration + 'ms';
+
+    rippleStyle['-webkit-transition-timing-function'] = 'cubic-bezier(0.250, 0.460, 0.450, 0.940)';
+    rippleStyle['-moz-transition-timing-function'] = 'cubic-bezier(0.250, 0.460, 0.450, 0.940)';
+    rippleStyle['-o-transition-timing-function'] = 'cubic-bezier(0.250, 0.460, 0.450, 0.940)';
+    rippleStyle['transition-timing-function'] = 'cubic-bezier(0.250, 0.460, 0.450, 0.940)';
+
+    ripple.setAttribute('style', convertStyle(rippleStyle));
+  },
+
+  hide: function (e) {
+    TouchHandler.touchup(e);
+
+    let el = this;
+
+    // Get first ripple
+    let ripple = null;
+    let ripples = el.getElementsByClassName('ripple-ripple');
+    if (ripples.length > 0) {
+      ripple = ripples[ripples.length - 1];
+    } else {
+      return false;
+    }
+
+    let relativeX = ripple.getAttribute('data-x');
+    let relativeY = ripple.getAttribute('data-y');
+    let scale = ripple.getAttribute('data-scale');
+
+    // Get delay beetween mousedown and mouse leave
+    let diff = Date.now() - Number(ripple.getAttribute('data-hold'));
+    let delay = 350 - diff;
+
+    if (delay < 0) {
+      delay = 0;
+    }
+
+    // Fade out ripple after delay
+    setTimeout(function () {
+      let style = {
+        'top': relativeY + 'px',
+        'left': relativeX + 'px',
+        'opacity': '0',
+
+        // Duration
+        '-webkit-transition-duration': Effect.duration + 'ms',
+        '-moz-transition-duration': Effect.duration + 'ms',
+        '-o-transition-duration': Effect.duration + 'ms',
+        'transition-duration': Effect.duration + 'ms',
+        '-webkit-transform': scale,
+        '-moz-transform': scale,
+        '-ms-transform': scale,
+        '-o-transform': scale,
+        'transform': scale
+      };
+
+      ripple.setAttribute('style', convertStyle(style));
+
+      setTimeout(function () {
+        try {
+          el.removeChild(ripple);
+        } catch (e) {
+          return false;
+        }
+      }, Effect.duration);
+    }, delay);
+  }
+};
+
+function convertStyle(obj) {
+  let style = '';
+
+  for (let a in obj) {
+    if (Object.prototype.hasOwnProperty.call(obj, a)) {
+      style += a + ':' + obj[a] + ';';
+    }
+  }
+
+  return style;
+}
+
+let TouchHandler = {
+  /* uses an integer rather than bool so there's no issues with
+   * needing to clear timeouts if another touch event occurred
+   * within the 500ms. Cannot mouseup between touchstart and
+   * touchend, nor in the 500ms after touchend. */
+  touches: 0,
+  allowEvent: function (e) {
+    let allow = true;
+
+    if (e.type === 'touchstart') {
+      TouchHandler.touches += 1; //push
+    } else if (e.type === 'touchend' || e.type === 'touchcancel') {
+      setTimeout(function () {
+        if (TouchHandler.touches > 0) {
+          TouchHandler.touches -= 1; //pop after 500ms
+        }
+      }, 500);
+    } else if (e.type === 'mousedown' && TouchHandler.touches > 0) {
+      allow = false;
+    }
+
+    return allow;
+  },
+  touchup: function (e) {
+    TouchHandler.allowEvent(e);
+  }
+};
+
+export default rippleEffect;

package/lib/utils/store.ts

@@ -0,0 +1,11 @@
+import { ArgousStore } from '../types';
+
+let store: ArgousStore;
+
+export function setStore(providedStore: ArgousStore) {
+  store = providedStore;
+}
+  
+export function getStore() {
+  return store;
+}

package/lib/utils/xmlToJson.js

@@ -0,0 +1,117 @@
+export const xmlStringToJson = (xml, prefixToRemove = '') => {
+  return JSON.parse(xml2json(parseXml(xml)).replaceAll(prefixToRemove, ''));
+};
+
+export const parseXml = xml => {
+  return (new DOMParser()).parseFromString(xml, 'text/xml'); 
+};
+
+const xml2json = xml => {
+
+  const toObj = xml => {
+    let o = {};
+    if (xml.nodeType === 1) { // element node ..
+      if (xml.firstChild) { // element has child nodes ..
+        let textChild = 0, cdataChild = 0, hasElementChild = false;
+        for (let n = xml.firstChild; n; n = n.nextSibling) {
+          if (n.nodeType === 1) hasElementChild = true;
+          else if (n.nodeType === 3 && n.nodeValue.match(/[^ \f\n\r\t\v]/)) textChild++; // non-whitespace text
+          else if (n.nodeType === 4) cdataChild++; // cdata section node
+        }
+        if (hasElementChild) {
+          if (textChild < 2 && cdataChild < 2) { // structured element with evtl. a single text or/and cdata node ..
+            removeWhite(xml);
+            for (let n = xml.firstChild; n; n = n.nextSibling) {
+              if (n.nodeType === 3) o['#text'] = escape(n.nodeValue); // text node
+              else if (n.nodeType === 4) o['#cdata'] = escape(n.nodeValue); // cdata node
+              else if (o[n.nodeName]) { // multiple occurence of element ..
+                if (o[n.nodeName] instanceof Array) o[n.nodeName][o[n.nodeName].length] = toObj(n);
+                else o[n.nodeName] = [o[n.nodeName], toObj(n)];
+              } else o[n.nodeName] = toObj(n); // first occurence of element..
+            }
+          } else if (!xml.attributes.length)o = escape(innerXml(xml));
+          else o['#text'] = escape(innerXml(xml));            
+        } else if (textChild) { // pure text
+          if (!xml.attributes.length) o = escape(innerXml(xml));
+          else o['#text'] = escape(innerXml(xml));
+        } else if (cdataChild) { // cdata
+          if (cdataChild > 1) o = escape(innerXml(xml));
+          else for (let n = xml.firstChild; n; n = n.nextSibling) o['#cdata'] = escape(n.nodeValue);
+        }
+      }
+      if (!xml.attributes.length && !xml.firstChild) o = null;
+    } else if (xml.nodeType === 9) { // document.node
+      o = toObj(xml.documentElement);
+    } else console.error('unhandled node type: ' + xml.nodeType);
+    return o;
+  };
+
+  const toJson = (o, name, ind) => {
+    let json = name ? ('"' + name + '"') : '';
+    if (o instanceof Array) {
+      for (let i = 0, n = o.length; i < n; i++) o[i] = toJson(o[i], '', ind + '\t');
+      json += (name ? ':[' : '[') + (o.length > 1 ? ('\n' + ind + '\t' + o.join(',\n' + ind + '\t') + '\n' + ind) : o.join('')) + ']';
+    } else if (!o) json += (name && ':') + 'null';
+    else if (typeof(o) == 'object') {
+      let arr = [];
+      for (let m in o) if (Object.prototype.hasOwnProperty.call(o, m)) arr[arr.length] = toJson(o[m], m, ind + '\t');
+      json += (name ? ':{' : '{') + (arr.length > 1 ? ('\n' + ind + '\t' + arr.join(',\n' + ind + '\t') + '\n' + ind) : arr.join('')) + '}';
+    } else if (typeof(o) == 'string') json += (name && ':') + '"' + o.toString() + '"';
+    else json += (name && ':') + o.toString();
+    return json;
+  };
+
+  const innerXml = node => {
+    let s = '';
+    if ('innerHTML' in node) s = node.innerHTML;
+    else {
+      let asXml = function(n) {
+        let s = '';
+        if (n.nodeType === 1) {
+          s += '<' + n.nodeName;
+          for (let i = 0; i < n.attributes.length;i++)
+            s += ' ' + n.attributes[i].nodeName + '="' + (n.attributes[i].nodeValue || '').toString() + '"';
+          if (n.firstChild) {
+            s += '>';
+            for (let c = n.firstChild; c; c = c.nextSibling) s += asXml(c);
+            s += '</' + n.nodeName + '>';
+          } else s += '/>';
+        } else if (n.nodeType === 3) s += n.nodeValue;
+        else if (n.nodeType === 4) s += '<![CDATA[' + n.nodeValue + ']]>';
+        return s;
+      };
+      for (let c = node.firstChild; c; c = c.nextSibling) s += asXml(c);
+    }
+    return s;
+  };
+
+  const escape = txt => {
+    return txt.replace(/[\\]/g, '\\\\')
+      .replace(/["]/g, '\\"')
+      .replace(/[\n]/g, '\\n')
+      .replace(/[\r]/g, '\\r');
+  };
+
+  const removeWhite = e => {
+    e.normalize();
+    for (let n = e.firstChild; n;) {
+      if (n.nodeType === 3) { // text node
+        if (!n.nodeValue.match(/[^ \f\n\r\t\v]/)) { // pure whitespace text node
+          let nxt = n.nextSibling;
+          e.removeChild(n);
+          n = nxt;
+        } else n = n.nextSibling;
+      } else if (n.nodeType === 1) { // element node
+        removeWhite(n);
+        n = n.nextSibling;
+      } else n = n.nextSibling; // any other node
+    }
+    return e;
+  };
+
+  if (xml.nodeType === 9) xml = xml.documentElement; // document node
+
+  let json = toJson(toObj(removeWhite(xml)), xml.nodeName, '\t');
+
+  return '{\n' + json.replace(/\t|\n/g, '') + '\n}';
+};

package/package.json

@@ -1,107 +1,107 @@
-{
-  "name": "argous",
-  "version": "1.2.131",
-  "description": "Argous.",
-  "main": "lib/index.js",
-  "author": "Carlos Schneider",
-  "scripts": {
-    "build": "tsc && node ./scripts/copy-files.js",
-    "lint": "eslint ./lib",
-    "lintfix": "eslint ./lib --fix"
-  },
-  "devDependencies": {
-    "@date-io/core": "^1.3.6",
-    "@date-io/moment": "^1.3.13",
-    "@material-ui/core": "^4.11.3",
-    "@material-ui/lab": "^4.0.0-alpha.57",
-    "@material-ui/pickers": "^3.3.10",
-    "@material-ui/types": "^5.1.0",
-    "@types/chart.js": "^2.9.31",
-    "@types/glob": "^7",
-    "@types/jquery": "^3.5.5",
-    "@types/lodash": "^4.14.168",
-    "@types/node": "^14.14.35",
-    "@types/react": "^17.0.3",
-    "@types/react-custom-scrollbars": "^4",
-    "@types/react-date-range": "^1.1.4",
-    "@types/react-dom": "^17.0.2",
-    "@types/react-maskedinput": "^4",
-    "@types/react-redux": "^7.1.16",
-    "@types/react-spinkit": "^3",
-    "@types/redux-actions": "^2.6.1",
-    "@types/redux-logger": "^3.0.8",
-    "@typescript-eslint/eslint-plugin": "^4.18.0",
-    "@typescript-eslint/parser": "^4.18.0",
-    "@yarnpkg/pnpify": "^2.4.0",
-    "babel-eslint": "^10.1.0",
-    "chart.js": "^2.9.4",
-    "clsx": "^1.1.1",
-    "date-fns": "^2.19.0",
-    "eslint": "^7.22.0",
-    "eslint-config-react-app": "^6.0.0",
-    "eslint-plugin-flowtype": "^5.4.0",
-    "eslint-plugin-import": "^2.22.1",
-    "eslint-plugin-jsx-a11y": "^6.4.1",
-    "eslint-plugin-react": "^7.22.0",
-    "eslint-plugin-react-hooks": "^4.2.0",
-    "fs-extra": "^9.1.0",
-    "glob": "^7.1.6",
-    "immer": "^8.0.2",
-    "lodash": "^4.17.21",
-    "moment": "^2.29.1",
-    "path": "^0.12.7",
-    "prop-types": "^15.7.2",
-    "react": "^17.0.1",
-    "react-custom-scrollbars": "^4.2.1",
-    "react-dom": "^17.0.1",
-    "react-icons": "^4.2.0",
-    "react-is": "^17.0.1",
-    "react-maskedinput": "^4.0.1",
-    "react-redux": "^7.2.2",
-    "react-spinkit": "^3.0.0",
-    "react-test-renderer": "^17.0.1",
-    "react-trello": "^2.2.10",
-    "redux": "^4.0.5",
-    "redux-actions": "^2.6.5",
-    "redux-logger": "^3.0.6",
-    "styled-components": "^5.2.1",
-    "use-immer": "^0.5.1"
-  },
-  "peerDependencies": {
-    "@date-io/core": "*",
-    "@date-io/moment": "*",
-    "@material-ui/core": "*",
-    "@material-ui/lab": "*",
-    "@material-ui/pickers": "*",
-    "chart.js": "*",
-    "clsx": "*",
-    "date-fns": "*",
-    "immer": "*",
-    "lodash": "*",
-    "moment": "*",
-    "prop-types": "*",
-    "react": "*",
-    "react-custom-scrollbars": "*",
-    "react-dom": "*",
-    "react-icons": "*",
-    "react-is": "*",
-    "react-maskedinput": "*",
-    "react-redux": "*",
-    "react-spinkit": "*",
-    "react-trello": "*",
-    "redux": "*",
-    "redux-actions": "*",
-    "redux-logger": "*",
-    "styled-components": "*",
-    "use-immer": "*"
-  },
-  "dependencies": {
-    "highlight.js": "^10.7.1",
-    "jquery": "^3.6.0",
-    "react-date-range": "0.9.4",
-    "react-paginate": "^7.1.2",
-    "react-transition-group": "^4.4.1",
-    "smooth-dnd": "^0.12.1",
-    "typescript": "4.2.3"
-  }
-}
+{
+  "name": "argous",
+  "version": "1.2.135",
+  "description": "Argous.",
+  "main": "lib/index.js",
+  "author": "Carlos Schneider",
+  "scripts": {
+    "build": "tsc && node ./scripts/copy-files.js",
+    "lint": "eslint ./lib",
+    "lintfix": "eslint ./lib --fix"
+  },
+  "devDependencies": {
+    "@date-io/core": "^1.3.6",
+    "@date-io/moment": "^1.3.13",
+    "@material-ui/core": "^4.11.3",
+    "@material-ui/lab": "^4.0.0-alpha.57",
+    "@material-ui/pickers": "^3.3.10",
+    "@material-ui/types": "^5.1.0",
+    "@types/chart.js": "^2.9.31",
+    "@types/glob": "^7",
+    "@types/jquery": "^3.5.5",
+    "@types/lodash": "^4.14.168",
+    "@types/node": "^14.14.35",
+    "@types/react": "^17.0.3",
+    "@types/react-custom-scrollbars": "^4",
+    "@types/react-date-range": "^1.1.4",
+    "@types/react-dom": "^17.0.2",
+    "@types/react-maskedinput": "^4",
+    "@types/react-redux": "^7.1.16",
+    "@types/react-spinkit": "^3",
+    "@types/redux-actions": "^2.6.1",
+    "@types/redux-logger": "^3.0.8",
+    "@typescript-eslint/eslint-plugin": "^4.18.0",
+    "@typescript-eslint/parser": "^4.18.0",
+    "@yarnpkg/pnpify": "^2.4.0",
+    "babel-eslint": "^10.1.0",
+    "chart.js": "^2.9.4",
+    "clsx": "^1.1.1",
+    "date-fns": "^2.19.0",
+    "eslint": "^7.22.0",
+    "eslint-config-react-app": "^6.0.0",
+    "eslint-plugin-flowtype": "^5.4.0",
+    "eslint-plugin-import": "^2.22.1",
+    "eslint-plugin-jsx-a11y": "^6.4.1",
+    "eslint-plugin-react": "^7.22.0",
+    "eslint-plugin-react-hooks": "^4.2.0",
+    "fs-extra": "^9.1.0",
+    "glob": "^7.1.6",
+    "immer": "^8.0.2",
+    "lodash": "^4.17.21",
+    "moment": "^2.29.1",
+    "path": "^0.12.7",
+    "prop-types": "^15.7.2",
+    "react": "^17.0.1",
+    "react-custom-scrollbars": "^4.2.1",
+    "react-dom": "^17.0.1",
+    "react-icons": "^4.2.0",
+    "react-is": "^17.0.1",
+    "react-maskedinput": "^4.0.1",
+    "react-redux": "^7.2.2",
+    "react-spinkit": "^3.0.0",
+    "react-test-renderer": "^17.0.1",
+    "react-trello": "^2.2.10",
+    "redux": "^4.0.5",
+    "redux-actions": "^2.6.5",
+    "redux-logger": "^3.0.6",
+    "styled-components": "^5.2.1",
+    "use-immer": "^0.5.1"
+  },
+  "peerDependencies": {
+    "@date-io/core": "*",
+    "@date-io/moment": "*",
+    "@material-ui/core": "*",
+    "@material-ui/lab": "*",
+    "@material-ui/pickers": "*",
+    "chart.js": "*",
+    "clsx": "*",
+    "date-fns": "*",
+    "immer": "*",
+    "lodash": "*",
+    "moment": "*",
+    "prop-types": "*",
+    "react": "*",
+    "react-custom-scrollbars": "*",
+    "react-dom": "*",
+    "react-icons": "*",
+    "react-is": "*",
+    "react-maskedinput": "*",
+    "react-redux": "*",
+    "react-spinkit": "*",
+    "react-trello": "*",
+    "redux": "*",
+    "redux-actions": "*",
+    "redux-logger": "*",
+    "styled-components": "*",
+    "use-immer": "*"
+  },
+  "dependencies": {
+    "highlight.js": "^10.7.1",
+    "jquery": "^3.6.0",
+    "react-date-range": "0.9.4",
+    "react-paginate": "^7.1.2",
+    "react-transition-group": "^4.4.1",
+    "smooth-dnd": "^0.12.1",
+    "typescript": "4.2.3"
+  }
+}