openstack-uicore-foundation 3.0.36 → 3.0.38-beta.1

package/package.json

@@ -1,108 +1,205 @@
 {
-  "name": "openstack-uicore-foundation",
-  "version": "3.0.36",
-  "description": "ui reactjs components for openstack marketing site",
-  "main": "lib/openstack-uicore-foundation.js",
-  "scripts": {
-    "build-dev": "./node_modules/.bin/webpack --config webpack.dev.js",
-    "build": "./node_modules/.bin/webpack --config webpack.prod.js"
-  },
-  "author": "smarcet@gmail.com",
-  "license": "APACHE 2.0",
-  "devDependencies": {
-    "@babel/core": "^7.7.7",
-    "@babel/plugin-proposal-class-properties": "^7.10.1",
-    "@babel/plugin-proposal-object-rest-spread": "^7.7.7",
-    "@babel/preset-env": "^7.7.7",
-    "@babel/preset-flow": "^7.7.4",
-    "@babel/preset-react": "^7.7.4",
-    "awesome-bootstrap-checkbox": "^1.0.1",
-    "babel-cli": "^6.26.0",
-    "babel-loader": "^8.0.6",
-    "browser-tabs-lock": "1.2.9",
-    "css-loader": "^3.4.1",
-    "dropzone": "^5.7.2",
-    "extend": "^3.0.1",
-    "file-loader": "^4.3.0",
-    "font-awesome": "^4.7.0",
-    "history": "^4.7.2",
-    "i18n-react": "^0.6.4",
-    "idtoken-verifier": "^1.5.1",
-    "immutability-helper": "^2.7.1",
-    "js-yaml": ">=3.13.1",
-    "js-yaml-loader": "^1.2.2",
-    "less": "^3.9.0",
-    "less-loader": "^4.1.0",
-    "lodash": "^4.17.14",
-    "mini-css-extract-plugin": "^0.8.2",
-    "moment": "^2.22.2",
-    "moment-timezone": "^0.5.21",
-    "node-sass": "^4.14.0",
-    "optimize-css-assets-webpack-plugin": "^5.0.3",
-    "path": "^0.12.7",
-    "postcss-loader": "^2.1.6",
-    "react": "^16.6.3",
-    "react-bootstrap": "^0.31.5",
-    "react-datetime": "^2.16.2",
-    "react-dnd": "^2.6.0",
-    "react-dnd-html5-backend": "^2.6.0",
-    "react-dom": "^16.4.1",
-    "react-dropzone": "^4.2.9",
-    "react-google-maps": "^9.4.5",
-    "react-redux": "^5.0.7",
-    "react-rte": "^0.16.3",
-    "react-select": "^2.4.3",
-    "react-star-ratings": "^2.3.0",
-    "react-tooltip": "^3.11.2",
-    "redux": "^3.7.2",
-    "redux-persist": "^5.10.0",
-    "redux-thunk": "^2.3.0",
-    "sass-loader": "^6.0.7",
-    "style-loader": "^0.19.1",
-    "superagent": "^3.8.1",
-    "sweetalert2": "^8.15.2",
-    "urijs": "^1.19.1",
-    "url-loader": "^0.6.2",
-    "validator": "^9.4.1",
-    "video.js": "^7.8.2",
-    "webpack": "^4.43.0",
-    "webpack-cli": "^3.2.1",
-    "webpack-dev-server": "^3.11.0",
-    "webpack-merge": "^4.2.1",
-    "webpack-node-externals": "^1.7.2"
-  },
-  "peerDependencies": {
-    "awesome-bootstrap-checkbox": "^1.0.1",
-    "browser-tabs-lock": "1.2.9",
-    "dropzone": "^5.7.2",
-    "extend": "^3.0.1",
-    "font-awesome": "^4.7.0",
-    "history": "^4.7.2",
-    "i18n-react": "^0.6.4",
-    "idtoken-verifier": "^1.3.1",
-    "immutability-helper": "^2.7.1",
-    "lodash": "^4.17.14",
-    "moment": "^2.22.2",
-    "moment-timezone": "^0.5.21",
-    "react": "^16.6.3",
-    "react-bootstrap": "^0.31.5",
-    "react-datetime": "^2.16.2",
-    "react-dnd": "^2.6.0",
-    "react-dnd-html5-backend": "^2.6.0",
-    "react-dom": "^16.4.1",
-    "react-dropzone": "^4.2.9",
-    "react-google-maps": "^9.4.5",
-    "react-rte": "^0.16.3",
-    "react-select": "^2.4.3",
-    "react-star-ratings": "^2.3.0",
-    "react-tooltip": "^3.11.1",
-    "redux": "^3.7.2",
-    "redux-persist": "^5.10.0",
-    "redux-thunk": "^2.3.0",
-    "superagent": "^6.1.0",
-    "sweetalert2": "^8.15.2",
-    "urijs": "^1.19.1",
-    "validator": "^9.4.1",
-    "video.js": "^7.8.2"
-  }
+    "name": "openstack-uicore-foundation",
+    "version": "3.0.38-beta.1",
+    "description": "ui reactjs components for openstack marketing site",
+    "main": "lib/openstack-uicore-foundation.js",
+    "scripts": {
+        "clean": "rm -Rf node_modules & rm -Rf lib & yarn install",
+        "build-dev": "./node_modules/.bin/webpack --config webpack.dev.js",
+        "build": "./node_modules/.bin/webpack --config webpack.prod.js",
+        "test": "jest"
+    },
+    "license": "APACHE 2.0",
+    "dependencies": {
+        "use-sync-external-store": "^1.6.0"
+    },
+    "devDependencies": {
+        "@babel/core": "^7.17.8",
+        "@babel/plugin-proposal-class-properties": "^7.16.7",
+        "@babel/plugin-proposal-object-rest-spread": "^7.17.3",
+        "@babel/plugin-proposal-optional-chaining": "^7.16.7",
+        "@babel/plugin-transform-runtime": "^7.19.6",
+        "@babel/preset-env": "^7.7.7",
+        "@babel/preset-flow": "^7.7.4",
+        "@babel/preset-react": "^7.7.4",
+        "@babel/runtime": "^7.20.7",
+        "@emotion/react": "^11.11.4",
+        "@emotion/styled": "^11.11.5",
+        "@mui/icons-material": "^6.4.3",
+        "@mui/material": "^6.4.3",
+        "@mui/x-date-pickers": "^7.26.0",
+        "@react-pdf/renderer": "^3.1.11",
+        "@sentry/react": "^8.54.0",
+        "@sentry/webpack-plugin": "^3.1.2",
+        "@stripe/react-stripe-js": "^5.4.1",
+        "@stripe/stripe-js": "^8.5.3",
+        "@testing-library/jest-dom": "5.17.0",
+        "@testing-library/react": "12.1.5",
+        "@testing-library/user-event": "14.5.2",
+        "awesome-bootstrap-checkbox": "^1.0.1",
+        "babel-cli": "^6.26.0",
+        "babel-jest": "^28.1.0",
+        "babel-loader": "^8.2.4",
+        "browser-tabs-lock": "1.3.0",
+        "buffer": "^6.0.3",
+        "cheerio": "=1.0.0-rc.3",
+        "crypto-js": "^4.1.1",
+        "css-loader": "^6.7.1",
+        "css-minimizer-webpack-plugin": "^4.2.2",
+        "dropzone": "5.7.2",
+        "extend": "^3.0.1",
+        "file-loader": "^6.2.0",
+        "final-form": "^4.20.7",
+        "font-awesome": "^4.7.0",
+        "formik": "^2.4.6",
+        "history": "^4.7.2",
+        "i18n-react": "^0.6.4",
+        "identity-obj-proxy": "^3.0.0",
+        "idtoken-verifier": "^2.2.2",
+        "immutability-helper": "^2.7.1",
+        "jest": "^28.1.0",
+        "jest-environment-jsdom": "^28.1.0",
+        "jest-transform-stub": "^2.0.0",
+        "jodit-react": "^5.0.10",
+        "js-cookie": "^3.0.5",
+        "js-yaml": "^4.1.0",
+        "js-yaml-loader": "^1.2.2",
+        "jsdom": "^19.0.0",
+        "jsdom-global": "^3.0.2",
+        "less": "^4.1.2",
+        "less-loader": "^10.2.0",
+        "lodash": "^4.17.14",
+        "mini-css-extract-plugin": "^2.6.0",
+        "moment": "^2.22.2",
+        "moment-timezone": "^0.5.21",
+        "node-sass": "^7.0.1",
+        "path": "^0.12.7",
+        "postcss-loader": "^6.2.1",
+        "react": "^17.0.0",
+        "react-beautiful-dnd": "^13.1.1",
+        "react-bootstrap": "^0.31.5",
+        "react-datetime": "^2.16.2",
+        "react-dnd": "^16.0.0",
+        "react-dnd-html5-backend": "^16.0.0",
+        "react-dom": "^17.0.0",
+        "react-dropzone": "^4.2.9",
+        "react-final-form": "^6.5.9",
+        "react-google-maps": "^9.4.5",
+        "react-redux": "^7.1.0",
+        "react-rte": "^0.16.3",
+        "react-select": "^2.4.3",
+        "react-star-ratings": "^2.3.0",
+        "react-tooltip": "^5.28.0",
+        "redux": "^4.2.1",
+        "redux-mock-store": "^1.5.4",
+        "redux-persist": "^5.10.0",
+        "redux-thunk": "^2.3.0",
+        "regenerator-runtime": "^0.13.11",
+        "sass-loader": "^12.6.0",
+        "spark-md5": "^3.0.2",
+        "style-loader": "^3.3.1",
+        "superagent": "8.0.9",
+        "sweetalert2": "^8.15.2",
+        "terser-webpack-plugin": "^5.3.6",
+        "urijs": "^1.19.1",
+        "url-loader": "^4.1.1",
+        "validator": "^9.4.1",
+        "video.js": "^7.8.2",
+        "webpack": "^5.70.0",
+        "webpack-cli": "^4.9.2",
+        "webpack-dev-server": "^5.2.1",
+        "webpack-merge": "^5.8.0",
+        "webpack-node-externals": "^3.0.0"
+    },
+    "resolutions": {
+        "cheerio": "1.0.0-rc.10"
+    },
+    "peerDependencies": {
+        "@emotion/react": "^11.11.4",
+        "@emotion/styled": "^11.11.5",
+        "@mui/icons-material": "^6.4.3",
+        "@mui/material": "^6.4.3",
+        "@mui/x-date-pickers": "^7.26.0",
+        "@react-pdf/renderer": "^3.1.11",
+        "@sentry/react": "^8.54.0",
+        "@stripe/react-stripe-js": "^5.4.1",
+        "@stripe/stripe-js": "^8.5.3",
+        "awesome-bootstrap-checkbox": "^1.0.1",
+        "browser-tabs-lock": "^1.2.15",
+        "crypto-js": "^4.1.1",
+        "dropzone": "^5.7.2",
+        "extend": "^3.0.1",
+        "final-form": "^4.20.7",
+        "font-awesome": "^4.7.0",
+        "formik": "^2.4.6",
+        "history": "^4.7.2",
+        "i18n-react": "^0.6.4",
+        "idtoken-verifier": "^2.2.2",
+        "immutability-helper": "^2.7.1",
+        "jodit-react": "^5.0.10",
+        "js-cookie": "^3.0.5",
+        "lodash": "^4.17.14",
+        "moment": "^2.22.2",
+        "moment-timezone": "^0.5.21",
+        "prop-types": "^15.8.1",
+        "react": "^17.0.0",
+        "react-beautiful-dnd": "^13.1.1",
+        "react-bootstrap": "^0.31.5",
+        "react-datetime": "^2.16.2",
+        "react-dnd": "^16.0.0",
+        "react-dnd-html5-backend": "^16.0.0",
+        "react-dom": "^17.0.0",
+        "react-dropzone": "^4.2.9",
+        "react-final-form": "^6.5.9",
+        "react-google-maps": "^9.4.5",
+        "react-redux": "^7.1.0",
+        "react-rte": "^0.16.3",
+        "react-select": "^2.4.3",
+        "react-star-ratings": "^2.3.0",
+        "react-tooltip": "^3.11.1",
+        "redux": "^3.7.2 || ^4.0.0",
+        "redux-persist": "^5.10.0",
+        "redux-thunk": "^2.3.0",
+        "spark-md5": "^3.0.2",
+        "superagent": "8.0.9",
+        "sweetalert2": "^8.15.2",
+        "urijs": "^1.19.11",
+        "validator": "^9.4.1",
+        "video.js": "^7.8.2"
+    },
+    "jest": {
+        "collectCoverageFrom": [
+            "src/**/*.{js,jsx,mjs}"
+        ],
+        "moduleNameMapper": {
+            "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/src/__mocks__/fileMock.js",
+            "\\.(css|scss)$": "identity-obj-proxy"
+        },
+        "testMatch": [
+            "<rootDir>/src/**/__tests__/**/*.{js,jsx,mjs}",
+            "<rootDir>/src/**/?(*.)(spec|test).{js,jsx,mjs}"
+        ],
+        "transform": {
+            "\\.[jt]sx?$": "babel-jest",
+            ".+\\.(css|styl|less|sass|scss|png|jpg|ttf|woff|woff2)$": "jest-transform-stub"
+        },
+        "moduleDirectories": [
+            "node_modules",
+            "src"
+        ],
+        "moduleFileExtensions": [
+            "web.js",
+            "js",
+            "json",
+            "web.jsx",
+            "jsx",
+            "node",
+            "mjs"
+        ],
+        "globals": {
+            "window": {},
+            "console": {}
+        },
+        "testEnvironment": "jsdom"
+    }
 }

package/readme.md

@@ -11,7 +11,16 @@ import 'font-awesome/css/font-awesome.css';
 import 'openstack-uicore-foundation/lib/css/components.css';
 import 'sweetalert2/dist/sweetalert2.css';
 
+### Enviroment Variables
 
-npm run build
-npm version patch
-npm publish
+* TIMEINTERVALSINCE1970_API_URL                         = URL used on clock component to get server time   
+
+1 - yarn build && yarn publish
+
+
+## React compatibility
+
+`createExternalStore` (and the clock context built on it) uses the `use-sync-external-store` shim for React 16/17 compatibility. When React is upgraded to 18+, replace the shim with the native import from `react` and remove the `use-sync-external-store` dependency from package.json.
+
+## Troubleshoot
+For Python 3.13 and above, yarn install will not work until you install this lib: sudo apt install python3-setuptools