@dr.pogodin/react-utils 1.43.23 → 1.43.25

package/build/types-code/shared/components/TextArea/index.d.ts

@@ -1,8 +1,9 @@
 import { type ChangeEventHandler, type FocusEventHandler, type KeyboardEventHandler } from 'react';
 import { type Theme } from '@dr.pogodin/react-themes';
-type ThemeKeyT = 'container' | 'hidden' | 'textarea';
+type ThemeKeyT = 'container' | 'hidden' | 'label' | 'textarea';
 type Props = {
     disabled?: boolean;
+    label?: string;
     onBlur?: FocusEventHandler<HTMLTextAreaElement>;
     onChange?: ChangeEventHandler<HTMLTextAreaElement>;
     onKeyDown?: KeyboardEventHandler<HTMLTextAreaElement>;

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

@@ -3,7 +3,7 @@ import config from './config';
 import * as isomorphy from './isomorphy';
 import time from './time';
 import * as webpack from './webpack';
-export { type Listener, Barrier, Emitter, Semaphore, withRetries, } from '@dr.pogodin/js-utils';
+export { type Listener, Barrier, Cached, Emitter, Semaphore, withRetries, } from '@dr.pogodin/js-utils';
 export { getSsrContext } from './globalState';
 export { default as splitComponent } from './splitComponent';
 type ThemedT = typeof themedImpl & {

package/build/types-scss/src/shared/components/TextArea/style.scss.d.ts

@@ -3,4 +3,5 @@ export declare const container: string;
 export declare const context: string;
 export declare const hidden: string;
 export declare const hoc: string;
+export declare const label: string;
 export declare const textarea: string;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.43.23",
+  "version": "1.43.25",
   "bin": {
     "react-utils-build": "bin/build.js",
     "react-utils-setup": "bin/setup.js"
@@ -11,15 +11,15 @@
     "@babel/runtime": "^7.27.4",
     "@dr.pogodin/babel-plugin-react-css-modules": "^6.13.6",
     "@dr.pogodin/csurf": "^1.16.5",
-    "@dr.pogodin/js-utils": "^0.0.18",
+    "@dr.pogodin/js-utils": "^0.1.0",
     "@dr.pogodin/react-global-state": "^0.19.2",
     "@dr.pogodin/react-helmet": "^3.0.2",
-    "@dr.pogodin/react-themes": "^1.9.1",
+    "@dr.pogodin/react-themes": "^1.9.2",
     "@jest/environment": "^30.0.4",
     "axios": "^1.10.0",
     "commander": "^14.0.0",
-    "compression": "^1.8.0",
-    "config": "^4.0.0",
+    "compression": "^1.8.1",
+    "config": "^4.0.1",
     "cookie": "^1.0.2",
     "cookie-parser": "^1.4.7",
     "cross-env": "^7.0.3",
@@ -29,13 +29,13 @@
     "http-status-codes": "^2.3.0",
     "joi": "^17.13.3",
     "lodash": "^4.17.21",
-    "morgan": "^1.10.0",
+    "morgan": "^1.10.1",
     "node-forge": "^1.3.1",
     "qs": "^6.14.0",
     "raf": "^3.4.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "react-router": "^7.6.3",
+    "react-router": "^7.7.0",
     "request-ip": "^3.3.0",
     "rimraf": "^6.0.0",
     "serialize-javascript": "^6.0.2",
@@ -105,14 +105,14 @@
     "sass-loader": "^16.0.5",
     "sitemap": "^8.0.0",
     "source-map-loader": "^5.0.0",
-    "stylelint": "^16.21.1",
+    "stylelint": "^16.22.0",
     "stylelint-config-standard-scss": "^15.0.1",
     "supertest": "^7.1.3",
     "tsc-alias": "1.8.16",
-    "tstyche": "^4.1.0",
+    "tstyche": "^4.3.0",
     "typed-scss-modules": "^8.1.1",
     "typescript": "^5.8.3",
-    "webpack": "^5.100.1",
+    "webpack": "^5.100.2",
     "webpack-dev-middleware": "^7.4.2",
     "webpack-hot-middleware": "^2.26.1",
     "webpack-merge": "^6.0.1",

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

@@ -16,10 +16,12 @@ import defaultTheme from './style.scss';
 type ThemeKeyT =
   | 'container'
   | 'hidden'
+  | 'label'
   | 'textarea';
 
 type Props = {
   disabled?: boolean;
+  label?: string;
   onBlur?: FocusEventHandler<HTMLTextAreaElement>;
   onChange?: ChangeEventHandler<HTMLTextAreaElement>;
   onKeyDown?: KeyboardEventHandler<HTMLTextAreaElement>;
@@ -31,6 +33,7 @@ type Props = {
 
 const TextArea: FunctionComponent<Props> = ({
   disabled,
+  label,
   onBlur,
   onChange,
   onKeyDown,
@@ -75,6 +78,7 @@ const TextArea: FunctionComponent<Props> = ({
 
   return (
     <div className={theme.container}>
+      {label === undefined ? null : <div className={theme.label}>{label}</div>}
       <textarea
         className={`${theme.textarea} ${theme.hidden}`}
 

package/src/shared/components/TextArea/style.scss

@@ -8,6 +8,10 @@
     position: relative;
   }
 
+  &.label {
+    margin: 0 0.3em;
+  }
+
   &.textarea {
     background: white;
     border: 1px solid gray;
@@ -39,7 +43,9 @@
   }
 
   &.hidden {
+    // NOTE: We hide it this way, as setting "display: none" will interfere
+    // with measurements, making the hidden input height zero.
+    opacity: 0;
     position: absolute;
-    z-index: -1;
   }
 }

package/src/shared/utils/index.ts

@@ -13,6 +13,7 @@ import * as webpack from './webpack';
 export {
   type Listener,
   Barrier,
+  Cached,
   Emitter,
   Semaphore,
   withRetries,

package/tstyche.config.json

@@ -1,6 +1,6 @@
 {
-  "testFileMatch": [
-    "__tests__/**/*.ts",
-    "__tests__/**/*.tsx"
-  ]
+  "$schema": "https://tstyche.org/schemas/config.json",
+  "checkSuppressedErrors": true,
+  "checkSourceFiles": false,
+  "testFileMatch": ["__tests__/**/*.{ts,tsx}"]
 }