@dr.pogodin/react-utils 1.10.2 → 1.12.0

package/config/webpack/app-base.js

@@ -5,7 +5,13 @@
  * Base [Webpack](https://webpack.js.org/) configuration for apps.
  */
 
-const _ = require('lodash');
+const {
+  clone,
+  defaults,
+  isFunction,
+  isObject,
+} = require('lodash');
+
 const autoprefixer = require('autoprefixer');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const forge = require('node-forge');
@@ -122,7 +128,7 @@ const {
  *   - **`timestamp`** — The value set for `BUILD_TIMESTAMP`.
  */
 module.exports = function configFactory(ops) {
-  const o = _.defaults(_.clone(ops), {
+  const o = defaults(clone(ops), {
     babelLoaderOptions: {},
     cssLocalIdent: '[hash:base64:6]',
     outputPath: 'build/web-public',
@@ -135,7 +141,7 @@ module.exports = function configFactory(ops) {
     const sitemapUrl = path.resolve(o.context, o.sitemap);
     /* eslint-disable global-require, import/no-dynamic-require */
     let source = require(sitemapUrl);
-    if (_.isFunction(source)) source = source();
+    if (isFunction(source)) source = source();
     /* eslint-enable global-require, import/no-dynamic-require */
     const sm = new SM.SitemapStream();
     source.forEach((item) => sm.write(item));
@@ -192,7 +198,7 @@ module.exports = function configFactory(ops) {
 
   /* Adds InjectManifest plugin from WorkBox, if opted to. */
   if (o.workbox) {
-    if (!_.isObject(o.workbox)) o.workbox = {};
+    if (!isObject(o.workbox)) o.workbox = {};
     plugins.push(new WorkboxPlugin.InjectManifest({
       swSrc: path.resolve(__dirname, '../workbox/default.js'),
       ...o.workbox,

package/config/webpack/app-development.js

@@ -3,7 +3,7 @@
  * @module webpack/app-development
  * @desc development Webpack configuration for applications.
  */
-const _ = require('lodash');
+const { clone, defaults } = require('lodash');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 
 const ReactRefreshPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
@@ -14,7 +14,7 @@ const { merge } = require('webpack-merge');
 const baseFactory = require('./app-base');
 
 module.exports = function configFactory(ops) {
-  const o = _.defaults(_.clone(ops), {
+  const o = defaults(clone(ops), {
     cssLocalIdent: '[package]___[path][name]___[local]___[hash:base64:6]',
   });
 

package/package.json

@@ -7,8 +7,8 @@
     "url": "https://github.com/birdofpreyru/react-utils/issues"
   },
   "dependencies": {
-    "@babel/runtime": "^7.16.0",
-    "@dr.pogodin/babel-plugin-react-css-modules": "^6.4.1",
+    "@babel/runtime": "^7.16.3",
+    "@dr.pogodin/babel-plugin-react-css-modules": "^6.5.3",
     "@dr.pogodin/react-global-state": "^0.6.4",
     "@dr.pogodin/react-themes": "^1.3.3",
     "autoprefix": "^1.0.1",
@@ -16,7 +16,7 @@
     "commander": "^8.3.0",
     "compression": "^1.7.4",
     "config": "^3.3.6",
-    "cookie-parser": "^1.4.5",
+    "cookie-parser": "^1.4.6",
     "cross-env": "^7.0.3",
     "dayjs": "^1.10.7",
     "express": "^4.17.1",
@@ -32,12 +32,12 @@
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-helmet": "^6.1.0",
-    "react-router-dom": "^5.3.0",
+    "react-router-dom": "^6.0.2",
     "request-ip": "^2.1.3",
     "rimraf": "^3.0.2",
     "serialize-javascript": "^6.0.0",
     "serve-favicon": "^2.5.0",
-    "source-map-support": "^0.5.20",
+    "source-map-support": "^0.5.21",
     "url-parse": "^1.5.3",
     "uuid": "^8.3.2",
     "winston": "^3.3.3"
@@ -46,58 +46,59 @@
   "devDependencies": {
     "@babel/cli": "^7.16.0",
     "@babel/core": "^7.16.0",
+    "@babel/eslint-parser": "^7.16.3",
+    "@babel/eslint-plugin": "^7.14.5",
     "@babel/node": "^7.16.0",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/plugin-transform-runtime": "^7.16.0",
-    "@babel/preset-env": "^7.16.0",
+    "@babel/plugin-transform-runtime": "^7.16.4",
+    "@babel/preset-env": "^7.16.4",
     "@babel/preset-react": "^7.16.0",
     "@babel/types": "^7.16.0",
     "@dr.pogodin/babel-plugin-css-modules-transform": "^1.10.0",
     "@dr.pogodin/babel-plugin-transform-assets": "^1.1.1",
     "@dr.pogodin/babel-preset-svgr": "^1.3.1",
-    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.1",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.2",
     "autoprefixer": "^10.4.0",
-    "babel-eslint": "^10.1.0",
     "babel-jest": "^27.3.1",
     "babel-loader": "^8.2.3",
     "babel-plugin-module-resolver": "^4.1.0",
-    "core-js": "^3.19.0",
-    "css-loader": "^6.5.0",
-    "css-minimizer-webpack-plugin": "^3.1.1",
-    "eslint": "^7.32.0",
-    "eslint-config-airbnb": "^18.2.1",
+    "core-js": "^3.19.1",
+    "css-loader": "^6.5.1",
+    "css-minimizer-webpack-plugin": "^3.1.4",
+    "eslint": "^8.3.0",
+    "eslint-config-airbnb": "^19.0.0",
     "eslint-import-resolver-babel-module": "^5.3.1",
-    "eslint-plugin-import": "^2.25.2",
-    "eslint-plugin-jest": "^25.2.2",
-    "eslint-plugin-jsx-a11y": "^6.4.1",
-    "eslint-plugin-react": "^7.26.1",
-    "eslint-plugin-react-hooks": "^4.2.0",
+    "eslint-plugin-import": "^2.25.3",
+    "eslint-plugin-jest": "^25.2.4",
+    "eslint-plugin-jsx-a11y": "^6.5.1",
+    "eslint-plugin-react": "^7.27.1",
+    "eslint-plugin-react-hooks": "^4.3.0",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^27.3.1",
-    "mini-css-extract-plugin": "^2.4.3",
+    "mini-css-extract-plugin": "^2.4.5",
     "mockdate": "^3.0.5",
     "nodelist-foreach-polyfill": "^1.2.0",
     "postcss": "^8.3.11",
     "postcss-loader": "^6.2.0",
     "postcss-scss": "^4.0.2",
     "pretty": "^2.0.0",
-    "react-refresh": "^0.10.0",
+    "react-refresh": "^0.11.0",
     "react-test-renderer": "^17.0.2",
     "regenerator-runtime": "^0.13.9",
     "resolve-url-loader": "^4.0.0",
     "sass": "^1.43.4",
     "sass-loader": "^12.3.0",
     "sitemap": "^7.0.0",
-    "stylelint": "^14.0.1",
-    "stylelint-config-standard-scss": "^2.0.1",
+    "stylelint": "^14.1.0",
+    "stylelint-config-standard-scss": "^3.0.0",
     "supertest": "^6.1.6",
-    "webpack": "^5.61.0",
-    "webpack-dev-middleware": "^5.2.1",
+    "webpack": "^5.64.0",
+    "webpack-dev-middleware": "^5.2.2",
     "webpack-hot-middleware": "^2.25.1",
     "webpack-merge": "^5.8.0",
-    "workbox-core": "^6.3.0",
-    "workbox-precaching": "^6.3.0",
-    "workbox-webpack-plugin": "^6.3.0"
+    "workbox-core": "^6.4.1",
+    "workbox-precaching": "^6.4.1",
+    "workbox-webpack-plugin": "^6.4.1"
   },
   "engines": {
     "node": ">=14.x",
@@ -131,5 +132,5 @@
     "lint:scss": "stylelint -- **/*.{css,scss}",
     "test": "npm run lint && npm run jest"
   },
-  "version": "1.10.2"
+  "version": "1.12.0"
 }

package/build/development/shared/utils/url.js

@@ -1,41 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-exports.parent = parent;
-
-var _lodash = require("lodash");
-
-/**
- * @category Utilities
- * @module url
- * @desc
- * ```jsx
- * import { url } from '@dr.pogodin/react-utils';
- * ```
- * URL utilities.
- */
-
-/**
- * ```js
- * import { url } from '@dr.pogodin/react-utils';
- * const { parent } = url;
- * ```
- * Given an URL, returns the parent URL.
- *
- * Namely, this function trims any `/` symbols at the given `url` end, then cuts
- * out the last path segment of the result. The exact logic might be enhanced
- * later. The overall intent is: if you have the current URL, and need the URL
- * for going one level up, calling `url.parent(url)` will give you that.
- * @param {string} url
- * @return {string}
- */
-function parent(path) {
-  return path.slice(0, (0, _lodash.trimEnd)(path, '/').lastIndexOf('/'));
-}
-
-var _default = null;
-exports.default = _default;
-//# sourceMappingURL=url.js.map

package/build/development/shared/utils/url.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/shared/utils/url.js"],"names":["parent","path","slice","lastIndexOf"],"mappings":";;;;;;;;AAUA;;AAVA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,MAAT,CAAgBC,IAAhB,EAAsB;AAC3B,SAAOA,IAAI,CAACC,KAAL,CAAW,CAAX,EAAc,qBAAQD,IAAR,EAAc,GAAd,EAAmBE,WAAnB,CAA+B,GAA/B,CAAd,CAAP;AACD;;eAEc,I","sourcesContent":["/**\n * @category Utilities\n * @module url\n * @desc\n * ```jsx\n * import { url } from '@dr.pogodin/react-utils';\n * ```\n * URL utilities.\n */\n\nimport { trimEnd } from 'lodash';\n\n/**\n * ```js\n * import { url } from '@dr.pogodin/react-utils';\n * const { parent } = url;\n * ```\n * Given an URL, returns the parent URL.\n *\n * Namely, this function trims any `/` symbols at the given `url` end, then cuts\n * out the last path segment of the result. The exact logic might be enhanced\n * later. The overall intent is: if you have the current URL, and need the URL\n * for going one level up, calling `url.parent(url)` will give you that.\n * @param {string} url\n * @return {string}\n */\nexport function parent(path) {\n  return path.slice(0, trimEnd(path, '/').lastIndexOf('/'));\n}\n\nexport default null;\n"],"file":"url.js"}

package/build/production/shared/utils/url.js

@@ -1,23 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;exports.parent=parent;var _lodash=require("lodash");/**
- * @category Utilities
- * @module url
- * @desc
- * ```jsx
- * import { url } from '@dr.pogodin/react-utils';
- * ```
- * URL utilities.
- */ /**
- * ```js
- * import { url } from '@dr.pogodin/react-utils';
- * const { parent } = url;
- * ```
- * Given an URL, returns the parent URL.
- *
- * Namely, this function trims any `/` symbols at the given `url` end, then cuts
- * out the last path segment of the result. The exact logic might be enhanced
- * later. The overall intent is: if you have the current URL, and need the URL
- * for going one level up, calling `url.parent(url)` will give you that.
- * @param {string} url
- * @return {string}
- */function parent(path){return path.slice(0,(0,_lodash.trimEnd)(path,"/").lastIndexOf("/"))}var _default=null;exports.default=_default;
-//# sourceMappingURL=url.js.map

package/build/production/shared/utils/url.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/shared/utils/url.js"],"names":["parent","path","slice","lastIndexOf"],"mappings":"mHAUA,8BAVA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,G,CAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GACO,QAASA,CAAAA,MAAT,CAAgBC,IAAhB,CAAsB,CAC3B,MAAOA,CAAAA,IAAI,CAACC,KAAL,CAAW,CAAX,CAAc,oBAAQD,IAAR,CAAc,GAAd,EAAmBE,WAAnB,CAA+B,GAA/B,CAAd,CACR,C,aAEc,I","sourcesContent":["/**\n * @category Utilities\n * @module url\n * @desc\n * ```jsx\n * import { url } from '@dr.pogodin/react-utils';\n * ```\n * URL utilities.\n */\n\nimport { trimEnd } from 'lodash';\n\n/**\n * ```js\n * import { url } from '@dr.pogodin/react-utils';\n * const { parent } = url;\n * ```\n * Given an URL, returns the parent URL.\n *\n * Namely, this function trims any `/` symbols at the given `url` end, then cuts\n * out the last path segment of the result. The exact logic might be enhanced\n * later. The overall intent is: if you have the current URL, and need the URL\n * for going one level up, calling `url.parent(url)` will give you that.\n * @param {string} url\n * @return {string}\n */\nexport function parent(path) {\n  return path.slice(0, trimEnd(path, '/').lastIndexOf('/'));\n}\n\nexport default null;\n"],"file":"url.js"}