@dr.pogodin/react-utils 1.26.0 → 1.26.2

package/config/webpack/lib-development.js

@@ -0,0 +1,33 @@
+"use strict";
+// Development Webpack config for ReactJS libraries.
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const path_1 = __importDefault(require("path"));
+const webpack_1 = __importDefault(require("webpack"));
+const webpack_merge_1 = require("webpack-merge");
+const lib_base_1 = __importDefault(require("./lib-base"));
+function configFactory(ops) {
+    return (0, webpack_merge_1.merge)((0, lib_base_1.default)(Object.assign(Object.assign({}, ops), { babelEnv: 'development', cssLocalIdent: '[package]___[path][name]___[local]___[hash:base64:6]', mode: 'development', outputPath: path_1.default.resolve(__dirname, ops.context, 'build/development') })), {
+        plugins: [
+            new webpack_1.default.DefinePlugin({
+                // Dev. build of the library wraps modules inside eval() statements,
+                // hiding BUILD_INFO literals from the host code's Webpack build, thus
+                // leaving them undefined. As a work around, let's get it via global
+                // window object.
+                BUILD_INFO: 'window.__DEV_BUILD_INFO__',
+                'process.env.BABEL_ENV': JSON.stringify('development'),
+                'process.env.NODE_ENV': JSON.stringify('development'),
+                'process.env.REACT_GLOBAL_STATE_DEBUG': JSON.stringify(true),
+            }),
+        ],
+        snapshot: {
+            // This enforces Webpack to watch for possible changes in node_modules
+            // dependencies, which is a great convenience in library-centric dev
+            // workflows.
+            managedPaths: [],
+        },
+    });
+}
+exports.default = configFactory;

package/config/webpack/lib-production.d.ts

@@ -0,0 +1,5 @@
+import webpack from 'webpack';
+import { type OptionsT as BaseOptionsT } from './lib-base';
+type OptionsT = BaseOptionsT;
+export default function configFactory(ops: OptionsT): webpack.Configuration;
+export {};

package/config/webpack/lib-production.js

@@ -0,0 +1,40 @@
+"use strict";
+// Production Webpack config for ReactJS libraries.
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const path_1 = __importDefault(require("path"));
+const css_minimizer_webpack_plugin_1 = __importDefault(require("css-minimizer-webpack-plugin"));
+const webpack_1 = __importDefault(require("webpack"));
+const webpack_merge_1 = require("webpack-merge");
+const lib_base_1 = __importDefault(require("./lib-base"));
+function configFactory(ops) {
+    const baseConfig = (0, lib_base_1.default)(Object.assign(Object.assign({}, ops), { babelEnv: 'production', cssLocalIdent: '[hash:base64:6]', mode: 'production', outputPath: path_1.default.resolve(__dirname, ops.context, 'build/production') }));
+    return (0, webpack_merge_1.merge)(baseConfig, {
+        devtool: 'source-map',
+        optimization: {
+            minimizer: [
+                '...',
+                new css_minimizer_webpack_plugin_1.default({
+                    minimizerOptions: {
+                        preset: ['default', {
+                                /* Due to the way our styles are organized, these dangerous
+                                * optimizations can break our styles, thus they are disabled. */
+                                discardUnused: false,
+                                reduceIdents: false,
+                                zindex: false,
+                            }],
+                    },
+                }),
+            ],
+        },
+        plugins: [
+            new webpack_1.default.DefinePlugin({
+                'process.env.BABEL_ENV': JSON.stringify('production'),
+                'process.env.NODE_ENV': JSON.stringify('production'),
+            }),
+        ],
+    });
+}
+exports.default = configFactory;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.26.0",
+  "version": "1.26.2",
   "bin": {
     "react-utils-build": "bin/build.js",
     "react-utils-setup": "bin/setup.js"
@@ -83,8 +83,8 @@
     "@types/supertest": "^2.0.15",
     "@types/uuid": "^9.0.6",
     "@types/webpack": "^5.28.4",
-    "@typescript-eslint/eslint-plugin": "^6.8.0",
-    "@typescript-eslint/parser": "^6.8.0",
+    "@typescript-eslint/eslint-plugin": "^6.9.0",
+    "@typescript-eslint/parser": "^6.9.0",
     "autoprefixer": "^10.4.16",
     "babel-jest": "^29.7.0",
     "babel-loader": "^9.1.3",

package/src/shared/components/ScalableRect/index.tsx

@@ -72,7 +72,7 @@ ScalableRect.propTypes = {
     }
 
     // If given, "ratio" must have "H:W" format.
-    if (!ratio.match(/\d\.\d+/)) {
+    if (!ratio.match(/\d+:\d+/)) {
       return Error('"ratio" prop must have "H:W" format');
     }
 

package/src/shared/components/Throbber/index.tsx

@@ -4,6 +4,7 @@ import defaultTheme from './theme.scss';
 
 type PropsT = {
   theme: Theme & {
+    bouncing?: string;
     container?: string;
     circle?: string;
   };