@rio-cloud/rio-uikit 0.15.0-beta-48 → 0.15.0-beta-49

package/lib/utils/buttonEffect.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.registerButtonEffect = exports.createButtonRipple = void 0;
+
+var createButtonRipple = function createButtonRipple(event, target) {
+  var button = target || event.currentTarget;
+  var buttonRect = button.getBoundingClientRect();
+  var circle = document.createElement('span');
+  var diameter = Math.max(button.clientWidth, button.clientHeight);
+  var radius = diameter / 2;
+  circle.style.width = circle.style.height = "".concat(diameter, "px");
+  circle.style.left = "".concat(event.clientX - buttonRect.left - radius, "px");
+  circle.style.top = "".concat(event.clientY - buttonRect.top - radius, "px");
+  circle.classList.add('btn-ripple');
+  var rippleElement = button.getElementsByClassName('btn-ripple')[0]; // Cleanup previous ripple element from current button in case there
+  // are multiple clicks on the button itself
+
+  if (rippleElement) {
+    rippleElement.remove();
+  }
+
+  button.appendChild(circle); // Cleanup ripple element after some time
+
+  setTimeout(function () {
+    return circle.remove();
+  }, 1000);
+};
+
+exports.createButtonRipple = createButtonRipple;
+
+var isTargetEligibleForEffect = function isTargetEligibleForEffect(target) {
+  if (!target || !target.className) {
+    return false;
+  }
+
+  var className = target.className;
+  var isButton = className.includes('btn ');
+  var isNotButtonComponent = !className.includes('btn-component');
+  var isNotDisabled = !className.includes('disabled');
+  return isButton && isNotButtonComponent && isNotDisabled;
+};
+
+var enableButtonRipple = function enableButtonRipple(event) {
+  var target = event.target;
+
+  if (target) {
+    var isButton = isTargetEligibleForEffect(target);
+    var isChildOfButton = !isButton && isTargetEligibleForEffect(target.parentElement);
+
+    if (isButton || isChildOfButton) {
+      createButtonRipple(event, isChildOfButton ? target.parentElement : target);
+    }
+  }
+};
+
+var registerButtonEffect = function (document) {
+  if (!document) {
+    return;
+  }
+
+  document.addEventListener('mousedown', enableButtonRipple, false);
+  document.addEventListener('touchstart', enableButtonRipple, false);
+}(document);
+
+exports.registerButtonEffect = registerButtonEffect;

package/lib/utils/deviceUtils.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.autoInitDocumentBootstrapping = exports.initdocumentBootstrapping = exports.inIframe = exports.isDesktop = exports.hasTouch = void 0;
+exports.isDesktop = exports.initdocumentBootstrapping = exports.inIframe = exports.hasTouch = exports.autoInitDocumentBootstrapping = void 0;
 
 var _throttle = _interopRequireDefault(require("lodash/fp/throttle"));
 

package/lib/utils/logDeprecatedWarnings.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.logDeprecatedWarnings = exports.BASE_URL = void 0;
+exports.logDeprecatedWarnings = exports.default = exports.BASE_URL = void 0;
 
 var _has = _interopRequireDefault(require("lodash/fp/has"));
 

package/lib/utils/logPropError.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.logPropError = exports.BASE_URL = void 0;
+exports.logPropError = exports.default = exports.BASE_URL = void 0;
 
 var _has = _interopRequireDefault(require("lodash/fp/has"));
 

package/lib/utils/routeUtils.js

@@ -5,9 +5,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.getSortDirShort = void 0;
 exports.mapColumnsSettingsToStrings = mapColumnsSettingsToStrings;
 exports.parseColumnsSettingsStrings = parseColumnsSettingsStrings;
-exports.parseSorting = exports.getSortDirShort = void 0;
+exports.parseSorting = void 0;
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
@@ -21,9 +22,9 @@ var _isFinite = _interopRequireDefault(require("lodash/fp/isFinite"));
 
 var _SortUtils = require("./SortUtils");
 
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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) { (0, _defineProperty2.default)(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 _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var getSortDirShort = function getSortDirShort(sortDir) {
   return sortDir === _SortUtils.SortDirection.DESCENDING ? '-' : '+';

package/lib/utils/scrollItemIntoView.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.UP = exports.DOWN = void 0;
 exports.default = scrollItemIntoView;
-exports.DOWN = exports.UP = void 0;
 var UP = 'up';
 exports.UP = UP;
 var DOWN = 'down'; // Scroll to selected dropdown menu-item in case the item is not visible due to overflow

package/lib/version.json

@@ -1,3 +1,3 @@
 {
-"version": "0.15.0-beta-48"
+"version": "0.15.0-beta-49"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rio-cloud/rio-uikit",
-    "version": "0.15.0-beta-48",
+    "version": "0.15.0-beta-49",
     "description": "The RIO UIKIT component library",
     "repository": "https://collaboration.msi.audi.com/stash/projects/RIOFRONT/repos/uikit-web/browse",
     "scripts": {
@@ -13,13 +13,8 @@
         "analyze": "source-map-explorer 'dist/0.15.0/*.js'",
         "prepare": "ls -la .",
         "prepack": "NODE_ENV=production babel src --out-dir lib --copy-files && NODE_ENV=production webpack --progress",
-        "test": "NODE_ENV=test node $NODE_DEBUG_OPTION $(npm bin)/karma start karma.conf.js",
-        "test-browserstack-chrome": "BROWSER=bs_chrome_windows node $(npm bin)/karma start karma.browserstack.js",
-        "test-browserstack-firefox": "BROWSER=bs_firefox_windows node $(npm bin)/karma start karma.browserstack.js",
-        "test-browserstack-ie": "BROWSER=bs_ie_windows node $(npm bin)/karma start karma.browserstack.js",
-        "test-browserstack-edge": "BROWSER=bs_edge_windows node $(npm bin)/karma start karma.browserstack.js",
-        "test-dev": "NODE_ENV=development $(npm bin)/karma start karma.conf.js --auto-watch --no-single-run",
-        "test-all-browserstacks": "BROWSER=all_browsers node $(npm bin)/karma start karma.browserstack.js"
+        "test": "NODE_ENV=test jest",
+        "test-dev": "NODE_ENV=test jest --watch"
     },
     "author": "TB Digital Services GmbH",
     "license": "Apache-2.0",
@@ -33,62 +28,48 @@
         "check-licenses"
     ],
     "devDependencies": {
-        "@babel/cli": "^7.13.14",
-        "@babel/core": "^7.13.14",
-        "@babel/plugin-proposal-class-properties": "^7.13.0",
-        "@babel/plugin-proposal-object-rest-spread": "^7.13.8",
+        "@babel/cli": "^7.16.8",
+        "@babel/core": "^7.16.7",
+        "@babel/plugin-proposal-class-properties": "^7.16.7",
+        "@babel/plugin-proposal-object-rest-spread": "^7.16.7",
         "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-        "@babel/plugin-transform-react-display-name": "^7.12.13",
-        "@babel/plugin-transform-react-jsx": "^7.13.12",
-        "@babel/plugin-transform-runtime": "^7.13.10",
-        "@babel/preset-env": "^7.13.12",
-        "@babel/preset-react": "^7.13.13",
-        "@babel/runtime": "^7.13.10",
+        "@babel/plugin-transform-react-display-name": "^7.16.7",
+        "@babel/plugin-transform-react-jsx": "^7.16.7",
+        "@babel/plugin-transform-runtime": "^7.16.8",
+        "@babel/preset-env": "^7.16.8",
+        "@babel/preset-react": "^7.16.7",
+        "@babel/runtime": "^7.16.7",
+        "@testing-library/react": "^12.1.2",
+        "@testing-library/user-event": "^13.5.0",
         "@typescript-eslint/parser": "^4.26.1",
-        "autoprefixer": "^10.2.5",
+        "autoprefixer": "^10.4.2",
         "babel-eslint": "^10.1.0",
+        "babel-jest": "^27.4.6",
         "babel-loader": "^8.2.2",
         "babel-plugin-lodash": "^3.3.4",
-        "chai": "^4.3.4",
-        "chai-enzyme": "^1.0.0-beta.1",
-        "colors": "^1.4.0",
         "copy-webpack-plugin": "^8.1.0",
-        "core-js": "^3.10.0",
-        "css-loader": "^5.2.0",
-        "css-minimizer-webpack-plugin": "^1.3.0",
-        "deep-freeze": "^0.0.1",
-        "dotenv": "^8.2.0",
+        "core-js": "^3.20.3",
+        "css-loader": "^6.5.1",
+        "css-minimizer-webpack-plugin": "^3.3.1",
+        "dotenv": "^14.2.0",
         "enzyme": "^3.11.0",
         "enzyme-adapter-react-16": "^1.15.6",
-        "eslint": "^7.23.0",
+        "eslint": "^8.7.0",
         "eslint-plugin-getsentry": "^2.0.0",
-        "eslint-plugin-react": "^7.23.1",
-        "expect": "^26.6.2",
+        "eslint-plugin-react": "^7.28.0",
+        "expect": "^27.4.6",
         "file-loader": "^6.2.0",
         "git-tools": "^0.3.0",
-        "html-loader": "^2.1.2",
-        "isparta": "^4.1.1",
-        "isparta-loader": "2.0.0",
-        "karma": "^6.3.2",
-        "karma-browserstack-launcher": "^1.6.0",
-        "karma-chrome-launcher": "^3.1.0",
-        "karma-cli": "^2.0.0",
-        "karma-coverage": "^2.0.3",
-        "karma-coverage-istanbul-reporter": "^3.0.3",
-        "karma-firefox-launcher": "^2.1.0",
-        "karma-mocha": "^2.0.1",
-        "karma-mocha-reporter": "^2.2.5",
-        "karma-sinon-chai": "^2.0.2",
-        "karma-sourcemap-loader": "^0.3.8",
-        "karma-webpack": "^5.0.0",
+        "html-loader": "^3.1.0",
+        "jest": "^27.4.7",
+        "jsdom": "^19.0.0",
+        "jsdom-global": "^3.0.2",
         "less": "^4.1.1",
-        "less-loader": "^8.0.0",
+        "less-loader": "^10.2.0",
         "license-checker": "^25.0.1",
-        "mini-css-extract-plugin": "^1.4.0",
-        "mocha": "^8.3.2",
-        "moment-locales-webpack-plugin": "^1.2.0",
-        "node-gyp": "^7.1.2",
-        "npm-check-updates": "^11.3.0",
+        "mini-css-extract-plugin": "^2.5.2",
+        "node-gyp": "^8.4.1",
+        "npm-check-updates": "^12.1.0",
         "postcss-loader": "^5.2.0",
         "postcss-preset-env": "^6.7.0",
         "postcss-short": "^5.0.0",
@@ -97,25 +78,21 @@
         "process": "^0.11.10",
         "react": "^16.14.0",
         "react-dom": "^16.14.0",
-        "react-intl": "^5.15.5",
-        "react-test-renderer": "^16.14.0",
-        "remove-files-webpack-plugin": "^1.4.4",
+        "react-intl": "^5.24.3",
+        "remove-files-webpack-plugin": "^1.5.0",
         "script-loader": "^0.7.2",
         "semver": "^7.3.5",
-        "sinon": "^10.0.0",
-        "sinon-chai": "^3.6.0",
         "source-map-explorer": "^2.5.2",
-        "strip-ansi": "^6.0.0",
-        "style-loader": "^2.0.0",
+        "strip-ansi": "^7.0.1",
+        "style-loader": "^3.3.1",
         "svg-react-loader": "^0.4.6",
         "ttf2woff2": "^4.0.2",
         "unirest": "^0.6.0",
         "url-loader": "^4.1.1",
-        "util": "^0.12.3",
         "webfont": "^11.0.0",
         "webfont-webpack-plugin": "^1.0.0",
         "webfonts-generator": "github:rio-cloud/webfonts-generator",
-        "webpack": "^5.28.0",
+        "webpack": "^5.66.0",
         "webpack-bundle-analyzer": "^4.4.0",
         "webpack-cli": "^4.6.0",
         "webpack-license-plugin": "^4.1.2"
@@ -125,7 +102,7 @@
         "react-dom": ">16.8.6"
     },
     "dependencies": {
-        "@popperjs/core": "^2.10.1",
+        "@popperjs/core": "^2.11.2",
         "classlist-polyfill": "^1.2.0",
         "classnames": "^2.3.0",
         "cssuseragent": "^2.1.31",
@@ -133,7 +110,7 @@
         "lodash": "^4.17.21",
         "moment": "^2.29.1",
         "natural-orderby": "^2.0.3",
-        "prop-types": "^15.7.2",
+        "prop-types": "^15.8.1",
         "react-bootstrap": "1.6.3",
         "react-content-loader": "^6.0.3",
         "react-datetime": "github:rio-cloud/react-datetime#v.3.1.0-merged",
@@ -141,11 +118,11 @@
         "react-dropzone": "^4.3.0",
         "react-input-mask": "^3.0.0-alpha.2",
         "react-motion": "^0.5.2",
-        "react-notifications": "^1.7.2",
+        "react-notifications": "^1.7.3",
         "react-onclickoutside": "^6.10.0",
         "react-sortable-hoc": "^2.0.0",
         "react-transition-group": "^4.4.1",
-        "recharts": "^2.0.10",
+        "recharts": "^2.1.8",
         "smoothscroll-polyfill": "^0.4.4"
     },
     "browserslist": [
@@ -153,7 +130,25 @@
         "last 5 Chrome versions",
         "Firefox >= 60",
         "Edge >= 15",
-        "Safari >= 10",
-        "ie 11"
-    ]
+        "Safari >= 10"
+    ],
+    "jest": {
+        "setupFilesAfterEnv": [
+            "<rootDir>test/index.js"
+        ],
+        "testMatch": [
+            "**/test/**/*Test.js"
+        ],
+        "moduleFileExtensions": [
+            "js",
+            "jsx"
+        ],
+        "moduleDirectories": [
+            "node_modules"
+        ],
+        "testEnvironment": "jsdom",
+        "moduleNameMapper": {
+            "\\.svg": "<rootDir>/__mocks__/svg.js"
+        }
+    }
 }