@configuratorware/configurator-admingui 1.28.1 → 1.29.0

package/Utils/Test/wrapperSelectors.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.findWithText = exports.getElementWithText = void 0;
+
+var getElementWithText = function getElementWithText(text, wrapper) {
+  return wrapper.findWhere(function (n) {
+    return n.children().length === 0 && n.text() === text;
+  });
+};
+
+exports.getElementWithText = getElementWithText;
+
+var findWithText = function findWithText(selector, text, wrapper) {
+  return wrapper.find(selector).filterWhere(function (element) {
+    return getElementWithText(text, element).length;
+  });
+};
+
+exports.findWithText = findWithText;

package/default.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _AppContainer = _interopRequireDefault(require("./AppContainer"));
+
+var _Store = require("./App/Store");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var storeConfiguration = (0, _Store.configureStore)();
+
+var render = function render() {
+  _reactDom["default"].render( /*#__PURE__*/_react["default"].createElement(_AppContainer["default"], storeConfiguration), document.getElementById('root'));
+};
+
+render();

package/dev.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _reactHotLoader = require("react-hot-loader");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+/**
+ * dev.js component development helper
+ *
+ * It makes possible to load a standalone component with mocked environment for dev purposes
+ *
+ * 0. handles two file structure type:
+ *      - MyComponent is a folder, with an index.js inside
+ *      - MyComponent.js is located inside MyFeature folder
+ * 1. create a setup file for the component in its folder, like MyComponent/dev.js or MyFeature/MyComponent.dev.js
+ * 2. go to the following url to open it:
+ *      - http://localhost:3000/dev?pathFromSrcToTheComponent
+ *      - real example: http://localhost:3000/dev?Screens/Designer/SubScreens/DesignAreas/Components/MaskEditorField/MaskEditorField
+ */
+var target = window.location.search.substr(1);
+
+function tryToLoadComponent() {
+  try {
+    var compName = target.split('/').pop();
+    return require('./' + target + '/' + compName + '.dev')["default"];
+  } catch (e) {
+    if (e.code === 'MODULE_NOT_FOUND') {
+      // if not found, try it with <target>.dev.js
+      try {
+        return require('./' + target + '.dev')["default"];
+      } catch (e) {
+        if (e.code === 'MODULE_NOT_FOUND') {
+          // if not found, try it with <target>/dev.js
+          return require('./' + target + '/dev')["default"];
+        }
+      }
+    }
+  }
+}
+
+var Component;
+
+try {
+  Component = tryToLoadComponent();
+} catch (e) {
+  if (e.code === 'MODULE_NOT_FOUND') {
+    Component = function Component() {
+      return /*#__PURE__*/_react["default"].createElement("div", null, "Setup file for the required component is not available.", /*#__PURE__*/_react["default"].createElement("br", null), target, /*#__PURE__*/_react["default"].createElement("strong", null, ".dev.js"));
+    };
+  } else {
+    throw e;
+  }
+}
+
+var DevApp = (0, _reactHotLoader.hot)(module)(Component);
+
+_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement(DevApp, null), document.getElementById('root'));

package/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+if (process.env.NODE_ENV !== 'production' && window.location.pathname === '/dev') {
+  Promise.resolve().then(function () {
+    return _interopRequireWildcard(require("./dev"));
+  }).then(function () {
+    // eslint-disable-next-line no-console
+    console.log('DEV module imported');
+  });
+} else {
+  require("./default");
+}

package/package.json

@@ -1,128 +1,65 @@
 {
   "name": "@configuratorware/configurator-admingui",
-  "version": "1.28.1",
+  "version": "1.29.0",
   "license": "UNLICENSED",
   "private": false,
-  "files": [
-    "src",
-    "lib",
-    "scripts",
-    "public/favicon.ico",
-    "babel.config.js"
-  ],
-  "exports": {
-    ".": "./lib/index.js",
-    "./": "./lib/",
-    "./scripts/": "./scripts/"
-  },
-  "devDependencies": {
-    "@testing-library/cypress": "^7.0.4",
-    "@types/jest": "^24.0.6",
-    "babel-eslint": "^10.0.1",
-    "babel-jest": "^24.8.0",
-    "babel-loader": "^8.0.5",
-    "css-loader": "^2.1.0",
-    "cypress": "^6.6.0",
-    "enzyme": "^3.8.0",
-    "enzyme-adapter-react-16": "^1.9.1",
-    "eslint": "^5.16.0",
-    "eslint-config-prettier": "^4.3.0",
-    "eslint-plugin-cypress": "^2.11.2",
-    "eslint-plugin-import": "^2.17.2",
-    "eslint-plugin-prettier": "^3.1.0",
-    "eslint-plugin-react": "^7.14.3",
-    "eslint-plugin-react-hooks": "^2.0.1",
-    "husky": "^3.0.5",
-    "jest": "^24.8.0",
-    "jest-environment-enzyme": "^7.0.2",
-    "jest-enzyme": "^7.0.2",
-    "jsdom": "^15.1.0",
-    "lint-staged": "^9.2.5",
-    "mini-css-extract-plugin": "^0.5.0",
-    "node-sass": "^4.14.1",
-    "optimize-css-assets-webpack-plugin": "^5.0.1",
-    "prettier": "^1.17.1",
-    "react-addons-test-utils": "^15.6.2",
-    "react-test-renderer": "^16.7.0",
-    "rimraf": "^2.6.3",
-    "sass-loader": "^7.1.0",
-    "sinon": "^7.2.2",
-    "start-server-and-test": "^1.12.0",
-    "style-loader": "^0.23.1",
-    "terser-webpack-plugin": "^1.2.1",
-    "webpack": "^4.44.1",
-    "webpack-cli": "^3.3.12",
-    "webpack-dev-server": "^3.11.0"
-  },
   "dependencies": {
-    "@babel/cli": "^7.2.3",
-    "@babel/core": "^7.2.2",
-    "@babel/plugin-proposal-class-properties": "^7.2.3",
-    "@babel/plugin-syntax-dynamic-import": "^7.2.0",
-    "@babel/polyfill": "^7.2.5",
-    "@babel/preset-env": "^7.2.3",
-    "@babel/preset-react": "^7.0.0",
-    "@hot-loader/react-dom": "^16.11.0",
-    "@material-ui/core": "^3.8.2",
-    "@material-ui/icons": "^3.0.1",
-    "@tweenjs/tween.js": "^17.3.0",
+    "@babel/polyfill": "^7.12.1",
+    "@hot-loader/react-dom": "^16.14.0",
+    "@material-ui/core": "^3.9.4",
+    "@material-ui/icons": "^3.0.2",
+    "@tweenjs/tween.js": "^17.6.0",
     "array-move": "^3.0.1",
     "axios": "^0.21.1",
     "clsx": "^1.1.1",
-    "cross-env": "^5.2.0",
-    "css-element-queries": "^1.1.1",
-    "downshift": "^3.1.12",
-    "file-loader": "^3.0.1",
-    "lodash": "^4.17.20",
+    "css-element-queries": "^1.2.3",
+    "downshift": "^3.4.8",
+    "lodash": "^4.17.21",
     "monaco-editor": "^0.20.0",
-    "monaco-editor-webpack-plugin": "^1.9.0",
-    "prop-types": "^15.6.2",
-    "qs": "^6.6.0",
-    "react": "^16.7.0",
-    "react-dom": "^16.7.0",
+    "monaco-editor-webpack-plugin": "^1.9.1",
+    "prop-types": "^15.7.2",
+    "qs": "^6.10.1",
+    "react": "^16.14.0",
+    "react-dom": "^16.14.0",
     "react-file-drop": "^0.2.8",
-    "react-hot-loader": "^4.6.3",
-    "react-i18nify": "^1.11.14",
+    "react-hot-loader": "^4.13.0",
+    "react-i18nify": "^1.11.18",
     "react-mde": "^11.5.0",
-    "react-redux": "^7.2.3",
+    "react-redux": "^7.2.4",
     "react-redux-i18n": "^1.9.3",
-    "react-router": "^3.0.2",
-    "react-sortable-hoc": "^1.3.1",
-    "redhotmagma-visualization": "1.28.1",
-    "redux": "^4.0.1",
+    "react-router": "^3.2.6",
+    "react-sortable-hoc": "^1.11.0",
+    "redhotmagma-visualization": "1.29.0",
+    "redux": "^4.1.0",
     "redux-logger": "^3.0.6",
     "redux-persist": "^5.10.0",
     "redux-thunk": "^2.3.0",
     "showdown": "^1.9.1",
-    "url-loader": "^1.1.2",
-    "url-search-params-polyfill": "^5.0.0",
+    "url-search-params-polyfill": "^5.1.0",
     "validate.js": "^0.12.0"
   },
   "peerDependencies": {
-    "terser-webpack-plugin": "^1.2.1",
+    "@babel/cli": "^7.2.3",
+    "@babel/core": "^7.2.2",
+    "@babel/plugin-proposal-class-properties": "^7.2.3",
+    "@babel/plugin-syntax-dynamic-import": "^7.2.0",
+    "@babel/preset-env": "^7.2.3",
+    "@babel/preset-react": "^7.0.0",
+    "babel-loader": "^8.0.5",
+    "babel-plugin-module-resolver": "^4.1.0",
+    "css-loader": "^2.1.0",
+    "file-loader": "^3.0.1",
     "mini-css-extract-plugin": "^0.5.0",
+    "node-sass": "^4.11.0",
     "optimize-css-assets-webpack-plugin": "^5.0.1",
     "sass-loader": "^7.1.0",
     "style-loader": "^0.23.1",
-    "css-loader": "^2.1.0",
-    "node-sass": "^4.11.0"
+    "terser-webpack-plugin": "^1.2.1",
+    "url-loader": "^1.1.2"
   },
   "scripts": {
-    "start": "webpack-dev-server --port 3000",
-    "build": "cross-env NODE_OPTIONS=--max_old_space_size=4096 webpack --config webpack.production.config.js",
-    "test": "jest --no-cache --verbose",
-    "package": "npm run package:clean && npm run package:compile && npm run package:copy",
-    "package:clean": "rimraf ./lib",
-    "package:compile": "cross-env NODE_ENV=production babel ./src --out-dir ./lib",
-    "package:copy": "node ./scripts/cpFavicon.js && node ./scripts/cpPath.js ./src ./lib \"\\.(scss|eot|svg|ttf|woff|woff2)$\"",
-    "install": "npm run package",
-    "lint": "eslint ./ --ext .js,.jsx",
-    "lint-ci": "eslint ./ --ext .js,.jsx -c .eslintrc.ci.json --quiet",
-    "lint-fix": "eslint ./ --ext .js,.jsx --fix",
-    "cy:run": "cypress run",
-    "cy:ci": "start-server-and-test start http-get://localhost:3000 cy:run",
-    "cy:verify": "cypress verify",
-    "cy:info": "cypress info",
-    "cy:cache:list": "cypress cache list"
-  }
-}
+    "copy-public": "node ./scripts/cpFavicon.js",
+    "install": "npm run copy-public"
+  },
+  "readme": "# configurator-admingui\n\n## Setup for development\n1. Follow the \"preparation\", \"install\" and \"start development\" steps in frontend/README.md\n1. Open the core app in the browser: http://localhost:3000\n\n## Ready to build the artifacts\n- run `pnpm build` from project scope (does not build workspace dependencies automatically)\n- or run `pnpm build` from workspace root\n"
+}

package/scripts/getDefaultWebpackConfig.js

@@ -27,7 +27,7 @@ const moduleRules = [
     },
     {
         test: /\.ttf$/,
-        loader: 'url-loader?limit=16384&name=images/[name].[hash].[ext]',
+        loader: 'url-loader?limit=16384&name=fonts/[name].[hash].[ext]',
     },
 ];
 

package/src/App/Main.js

@@ -13,7 +13,6 @@ import LocaleSwitch from '../Components/LocaleSwitch';
 import ProfileButton from '../Components/ProfileButton';
 import AppBar from '../Components/AppBar';
 import LicenseInfo from '../Components/LicenseInfo';
-import networkConfig from './Config/network';
 
 const styles = {
     toolbarButtonContainer: {
@@ -52,7 +51,7 @@ class Main extends Component {
             window.addEventListener('beforeunload', function(e) {
                 // the custom message won't be shown according to this:
                 // https://www.chromestatus.com/features/5349061406228480
-                var confirmationMessage = 'Do you want to leave this site?';
+                const confirmationMessage = 'Do you want to leave this site?';
                 e.returnValue = confirmationMessage; // Gecko, Trident, Chrome 34+
                 return confirmationMessage; // Gecko, WebKit, Chrome <34
             });