@dr.pogodin/react-utils 1.40.12 → 1.40.14

package/build/types-code/shared/utils/time.d.ts

@@ -7,18 +7,6 @@ import { timer } from '@dr.pogodin/js-utils';
  * then stored in the global state to be reused in all other calls), which
  * is also passed and used in the first client side render, and then updated
  * with a finite precision to avoid infinite re-rendering loops.
- * @param [options] Optional settings.
- * @param [options.globalStatePath="currentTime"] Global state path
- *  to keep the current time value.
- * @param [options.precision= 5 * time.SEC_MS] Current time precision.
- *  The hook won't update the current time stored in the global state unless it
- *  is different from Date.now() result by this number (in milliseconds).
- *  Default to 5 seconds.
- * @param [options.autorefresh=false] Set `true` to automatically
- *  refresh time stored in the global state with the given `precision` (and
- *  thus automatically re-rendering components dependent on this hook, or
- *  the global state with the period equal to the `precision`.
- * @return Unix timestamp in milliseconds.
  */
 export declare function useCurrent({ autorefresh, globalStatePath, precision, }?: {
     autorefresh?: boolean | undefined;
@@ -33,16 +21,6 @@ export declare function useCurrent({ autorefresh, globalStatePath, precision, }?
  * via the global state. Prior to the value being known (in the very first
  * request from the user, when the cookie is still missing), zero value is used
  * as the default value.
- *
- * @param {object} [options] Optional settings.
- * @param {string} [options.cookieName="timezoneOffset"] Optional. The name of
- *  cookie to use to store the timezone offset. Defaults "timezoneOffset". Set
- *  to a falsy value to forbid using cookies altogether (in that case the hook
- *  will always return zero value at the server-side, and in the first render
- *  at the client-side).
- * @param {string} [options.timezoneOffset="timezoneOffset"] Optional.
- *  The global state path to store the offset. Defaults "timezoneOffset".
- * @return {number} Timezone offset.
  */
 export declare function useTimezoneOffset({ cookieName, globalStatePath, }?: {
     cookieName?: string | undefined;

package/config/babel/node-ssr.js

@@ -16,13 +16,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = getConfig;
 const lodash_1 = require("lodash");

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.40.12",
+  "version": "1.40.14",
   "bin": {
     "react-utils-build": "bin/build.js",
     "react-utils-setup": "bin/setup.js"
@@ -10,27 +10,27 @@
   "dependencies": {
     "@babel/runtime": "^7.26.0",
     "@dr.pogodin/babel-plugin-react-css-modules": "^6.13.2",
-    "@dr.pogodin/csurf": "^1.14.0",
+    "@dr.pogodin/csurf": "^1.14.1",
     "@dr.pogodin/js-utils": "^0.0.12",
-    "@dr.pogodin/react-global-state": "^0.17.4",
+    "@dr.pogodin/react-global-state": "^0.17.5",
     "@dr.pogodin/react-themes": "^1.7.0",
     "@jest/environment": "^29.7.0",
-    "axios": "^1.7.7",
+    "axios": "^1.7.9",
     "commander": "^12.1.0",
     "compression": "^1.7.5",
     "config": "^3.3.12",
-    "cookie": "^1.0.1",
+    "cookie": "^1.0.2",
     "cookie-parser": "^1.4.7",
     "cross-env": "^7.0.3",
     "dayjs": "^1.11.13",
-    "express": "^4.21.1",
+    "express": "^4.21.2",
     "helmet": "^8.0.0",
     "http-status-codes": "^2.3.0",
     "joi": "^17.13.3",
     "lodash": "^4.17.21",
     "morgan": "^1.10.0",
     "node-forge": "^1.3.1",
-    "qs": "^6.13.0",
+    "qs": "^6.13.1",
     "raf": "^3.4.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
@@ -46,27 +46,27 @@
   },
   "description": "Collection of generic ReactJS components and utils",
   "devDependencies": {
-    "@babel/cli": "^7.25.9",
+    "@babel/cli": "^7.26.4",
     "@babel/core": "^7.26.0",
     "@babel/eslint-parser": "^7.25.9",
     "@babel/eslint-plugin": "^7.25.9",
     "@babel/node": "^7.26.0",
     "@babel/plugin-transform-runtime": "^7.25.9",
     "@babel/preset-env": "^7.26.0",
-    "@babel/preset-react": "^7.25.9",
+    "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.26.0",
     "@babel/register": "^7.25.9",
     "@dr.pogodin/babel-plugin-transform-assets": "^1.2.2",
     "@dr.pogodin/babel-preset-svgr": "^1.8.0",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.15",
     "@testing-library/dom": "^10.4.0",
-    "@testing-library/react": "^16.0.1",
+    "@testing-library/react": "^16.1.0",
     "@testing-library/user-event": "^14.5.2",
     "@tsconfig/recommended": "^1.0.8",
     "@types/compression": "^1.7.5",
     "@types/config": "^3.3.5",
     "@types/cookie": "^0.6.0",
-    "@types/cookie-parser": "^1.4.7",
+    "@types/cookie-parser": "^1.4.8",
     "@types/csurf": "^1.11.5",
     "@types/express": "^4.17.21",
     "@types/jest": "^29.5.14",
@@ -74,14 +74,13 @@
     "@types/morgan": "^1.9.9",
     "@types/node-forge": "^1.3.11",
     "@types/pretty": "^2.0.3",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
     "@types/react-helmet": "^6.1.11",
     "@types/request-ip": "^0.0.41",
     "@types/serialize-javascript": "^5.0.4",
     "@types/serve-favicon": "^2.5.7",
     "@types/supertest": "^6.0.2",
-    "@types/uuid": "^10.0.0",
     "@types/webpack": "^5.28.5",
     "autoprefixer": "^10.4.20",
     "babel-jest": "^29.7.0",
@@ -95,14 +94,14 @@
     "eslint-config-airbnb-typescript": "^18.0.0",
     "eslint-import-resolver-babel-module": "^5.3.2",
     "eslint-plugin-import": "^2.31.0",
-    "eslint-plugin-jest": "^28.9.0",
+    "eslint-plugin-jest": "^28.10.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-react": "^7.37.2",
     "eslint-plugin-react-hooks": "^4.6.2",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "memfs": "^4.14.0",
+    "memfs": "^4.15.0",
     "mini-css-extract-plugin": "^2.9.2",
     "mockdate": "^3.0.5",
     "nodelist-foreach-polyfill": "^1.2.0",
@@ -113,19 +112,19 @@
     "react-refresh": "^0.14.2",
     "regenerator-runtime": "^0.14.1",
     "resolve-url-loader": "^5.0.0",
-    "sass": "^1.80.7",
-    "sass-loader": "^16.0.3",
+    "sass": "^1.83.0",
+    "sass-loader": "^16.0.4",
     "sitemap": "^8.0.0",
     "source-map-loader": "^5.0.0",
-    "stylelint": "^16.10.0",
-    "stylelint-config-standard-scss": "^13.1.0",
+    "stylelint": "^16.12.0",
+    "stylelint-config-standard-scss": "^14.0.0",
     "supertest": "^7.0.0",
     "tsc-alias": "^1.8.10",
-    "tstyche": "^3.0.0",
+    "tstyche": "^3.1.1",
     "typed-scss-modules": "^8.0.1",
-    "typescript": "^5.6.3",
-    "typescript-eslint": "^8.14.0",
-    "webpack": "^5.96.1",
+    "typescript": "^5.7.2",
+    "typescript-eslint": "^8.18.1",
+    "webpack": "^5.97.1",
     "webpack-dev-middleware": "^7.4.2",
     "webpack-hot-middleware": "^2.26.1",
     "webpack-merge": "^6.0.1",

package/src/shared/utils/time.ts

@@ -1,6 +1,4 @@
-/* global document */
-
-import Cookie from 'cookie';
+import { serialize } from 'cookie';
 import dayjs from 'dayjs';
 import { useEffect } from 'react';
 
@@ -24,18 +22,6 @@ import { getSsrContext } from './globalState';
  * then stored in the global state to be reused in all other calls), which
  * is also passed and used in the first client side render, and then updated
  * with a finite precision to avoid infinite re-rendering loops.
- * @param [options] Optional settings.
- * @param [options.globalStatePath="currentTime"] Global state path
- *  to keep the current time value.
- * @param [options.precision= 5 * time.SEC_MS] Current time precision.
- *  The hook won't update the current time stored in the global state unless it
- *  is different from Date.now() result by this number (in milliseconds).
- *  Default to 5 seconds.
- * @param [options.autorefresh=false] Set `true` to automatically
- *  refresh time stored in the global state with the given `precision` (and
- *  thus automatically re-rendering components dependent on this hook, or
- *  the global state with the period equal to the `precision`.
- * @return Unix timestamp in milliseconds.
  */
 // TODO: Should we request the state type as generic parameter, to be able
 // to verify the give globalStatePath is correct?
@@ -43,7 +29,7 @@ export function useCurrent({
   autorefresh = false,
   globalStatePath = 'currentTime',
   precision = 5 * SEC_MS,
-} = {}) {
+} = {}): number {
   const [now, setter] = useGlobalState<ForceT, number>(globalStatePath, Date.now);
   useEffect(() => {
     let timerId: NodeJS.Timeout;
@@ -70,23 +56,13 @@ export function useCurrent({
  * via the global state. Prior to the value being known (in the very first
  * request from the user, when the cookie is still missing), zero value is used
  * as the default value.
- *
- * @param {object} [options] Optional settings.
- * @param {string} [options.cookieName="timezoneOffset"] Optional. The name of
- *  cookie to use to store the timezone offset. Defaults "timezoneOffset". Set
- *  to a falsy value to forbid using cookies altogether (in that case the hook
- *  will always return zero value at the server-side, and in the first render
- *  at the client-side).
- * @param {string} [options.timezoneOffset="timezoneOffset"] Optional.
- *  The global state path to store the offset. Defaults "timezoneOffset".
- * @return {number} Timezone offset.
  */
 // TODO: Should we request the state type as generic parameter, to be able
 // to verify the give globalStatePath is correct?
 export function useTimezoneOffset({
   cookieName = 'timezoneOffset',
   globalStatePath = 'timezoneOffset',
-} = {}) {
+} = {}): number {
   const ssrContext = getSsrContext(false);
   const [offset, setOffset] = useGlobalState<ForceT, number>(globalStatePath, () => {
     const value = cookieName && ssrContext?.req?.cookies?.[cookieName];
@@ -97,7 +73,7 @@ export function useTimezoneOffset({
     const value = date.getTimezoneOffset();
     setOffset(value);
     if (cookieName) {
-      document.cookie = Cookie.serialize(cookieName, value.toString(), { path: '/' });
+      document.cookie = serialize(cookieName, value.toString(), { path: '/' });
     }
   }, [cookieName, setOffset]);
   return offset;