@tedi-design-system/react 19.2.0-rc.8 → 19.2.0-rc.9

package/external/hoist-non-react-statics/external/react-is/cjs/react-is.development.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.development.cjs2.js");/** @license React v16.13.1
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.development.cjs.js");/** @license React v16.13.1
  * react-is.development.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.

package/external/hoist-non-react-statics/external/react-is/cjs/react-is.development.es.js

@@ -1,4 +1,4 @@
-import { __exports as r } from "../../../../../_virtual/react-is.development.es2.js";
+import { __exports as r } from "../../../../../_virtual/react-is.development.es.js";
 /** @license React v16.13.1
  * react-is.development.js
  *

package/external/hoist-non-react-statics/external/react-is/cjs/react-is.production.min.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.production.min.cjs2.js");/** @license React v16.13.1
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.production.min.cjs.js");/** @license React v16.13.1
  * react-is.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.

package/external/hoist-non-react-statics/external/react-is/cjs/react-is.production.min.es.js

@@ -1,4 +1,4 @@
-import { __exports as r } from "../../../../../_virtual/react-is.production.min.es2.js";
+import { __exports as r } from "../../../../../_virtual/react-is.production.min.es.js";
 /** @license React v16.13.1
  * react-is.production.min.js
  *

package/external/hoist-non-react-statics/external/react-is/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/index.cjs4.js"),r=require("./cjs/react-is.production.min.cjs.js"),o=require("./cjs/react-is.development.cjs.js");process.env.NODE_ENV==="production"?e.__module.exports=r.__require():e.__module.exports=o.__require();var t=e.__module.exports;exports.reactIsExports=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/index.cjs3.js"),r=require("./cjs/react-is.production.min.cjs.js"),o=require("./cjs/react-is.development.cjs.js");process.env.NODE_ENV==="production"?e.__module.exports=r.__require():e.__module.exports=o.__require();var t=e.__module.exports;exports.reactIsExports=t;

package/external/hoist-non-react-statics/external/react-is/index.es.js

@@ -1,4 +1,4 @@
-import { __module as r } from "../../../../_virtual/index.es4.js";
+import { __module as r } from "../../../../_virtual/index.es3.js";
 import { __require as e } from "./cjs/react-is.production.min.es.js";
 import { __require as o } from "./cjs/react-is.development.es.js";
 process.env.NODE_ENV === "production" ? r.exports = e() : r.exports = o();

package/external/prop-types/external/react-is/cjs/react-is.development.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.development.cjs.js");/** @license React v16.13.1
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.development.cjs2.js");/** @license React v16.13.1
  * react-is.development.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.

package/external/prop-types/external/react-is/cjs/react-is.development.es.js

@@ -1,4 +1,4 @@
-import { __exports as r } from "../../../../../_virtual/react-is.development.es.js";
+import { __exports as r } from "../../../../../_virtual/react-is.development.es2.js";
 /** @license React v16.13.1
  * react-is.development.js
  *

package/external/prop-types/external/react-is/cjs/react-is.production.min.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.production.min.cjs.js");/** @license React v16.13.1
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.production.min.cjs2.js");/** @license React v16.13.1
  * react-is.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.

package/external/prop-types/external/react-is/cjs/react-is.production.min.es.js

@@ -1,4 +1,4 @@
-import { __exports as r } from "../../../../../_virtual/react-is.production.min.es.js";
+import { __exports as r } from "../../../../../_virtual/react-is.production.min.es2.js";
 /** @license React v16.13.1
  * react-is.production.min.js
  *

package/external/prop-types/external/react-is/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/index.cjs3.js"),t=require("./cjs/react-is.production.min.cjs.js"),o=require("./cjs/react-is.development.cjs.js");var r;function u(){return r||(r=1,process.env.NODE_ENV==="production"?e.__module.exports=t.__require():e.__module.exports=o.__require()),e.__module.exports}exports.__require=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/index.cjs4.js"),t=require("./cjs/react-is.production.min.cjs.js"),o=require("./cjs/react-is.development.cjs.js");var r;function u(){return r||(r=1,process.env.NODE_ENV==="production"?e.__module.exports=t.__require():e.__module.exports=o.__require()),e.__module.exports}exports.__require=u;

package/external/prop-types/external/react-is/index.es.js

@@ -1,4 +1,4 @@
-import { __module as e } from "../../../../_virtual/index.es3.js";
+import { __module as e } from "../../../../_virtual/index.es4.js";
 import { __require as o } from "./cjs/react-is.production.min.es.js";
 import { __require as t } from "./cjs/react-is.development.es.js";
 var r;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/react",
-  "version": "19.2.0-rc.8",
+  "version": "19.2.0-rc.9",
   "description": "TEDI Design System React component library — accessible, reusable UI components. Docs & live examples: https://storybook.tedi.ee/react/rc/",
   "type": "module",
   "sideEffects": false,
@@ -126,7 +126,7 @@
     "jest": "29.7.0",
     "jest-environment-jsdom": "30.4.1",
     "linkify-string": "^4.1.3",
-    "lint-staged": "^16.1.6",
+    "lint-staged": "^17.6.0",
     "next": "^16.2.2",
     "prettier": "^2.8.8",
     "react": "18.3.1",

package/src/tedi/components/form/textarea/textarea.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const L=require("react/jsx-runtime"),w=require("../../../../../external/classnames/index.cjs.js"),a=require("react"),O=require("../textfield/textfield.cjs.js"),d=require("./textarea.module.scss.cjs.js"),N=a.forwardRef((_,o)=>{const{className:b,helper:p=[],characterLimit:s,onChange:n,onChangeEvent:g,value:l,defaultValue:q,autoGrow:t=!1,minRows:u=3,maxRows:y=12,height:H="7.5rem",maxHeight:i,...F}=_,[T,A]=a.useState(q??""),c=a.useRef(null),[v,E]=a.useState("auto"),j=a.useCallback(e=>{!l&&!(n||g)&&A(e),n==null||n(e)},[l,n,g]),m=a.useMemo(()=>l??T,[l,T]),r=a.useCallback(()=>{if(!t||!c.current)return;const e=c.current,$=e.style.overflow;e.style.overflow="hidden";const f=window.getComputedStyle(e);let h=parseFloat(f.lineHeight);isNaN(h)&&(h=(parseFloat(f.fontSize)||16)*1.5);const S=parseFloat(f.paddingTop),R=parseFloat(f.paddingBottom),B=e.scrollHeight-S-R;let x=Math.ceil(B/h);x=Math.min(Math.max(x,u),y);const M=`${x*h+S+R}px`;e.style.height=M,E(M),e.style.overflow=$,e.style.overflowY=e.scrollHeight>e.clientHeight?"auto":"hidden"},[t,u,y]);a.useEffect(()=>{t&&requestAnimationFrame(()=>{r()})},[m,t,r]),a.useEffect(()=>{t&&c.current&&r()},[t,r]);const k=a.useCallback(e=>{o&&(typeof o=="function"?o(e):o.current=e),e!=null&&e.input&&e.input instanceof HTMLTextAreaElement&&(c.current=e.input,t&&setTimeout(r,0))},[o,t,r]),z=a.useMemo(()=>t?{rows:u,style:{...i?{maxHeight:i}:{},overflow:"hidden",height:v}}:{style:{height:H,...i?{maxHeight:i}:{},overflow:"auto"}},[t,u,i,H,v]),C=m.length,I=s?`${C}/${s}`:"",V=[...Array.isArray(p)?p:[p],...s?[{type:C>s?"error":"hint",text:I,position:"right",className:w.default(d.default["tedi-textarea__character-count"])}]:[]];return L.jsx(O.TextField,{...F,ref:k,"data-name":"textarea",inputClassName:w.default(d.default["tedi-textarea__input"],{[d.default["tedi-textarea__input--auto-grow"]]:t}),isTextArea:!0,className:w.default(d.default["tedi-textarea"],b),value:m,onChange:j,onChangeEvent:g,helper:V,input:z})});N.displayName="Textarea";exports.Textarea=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=require("react/jsx-runtime"),b=require("../../../../../external/classnames/index.cjs.js"),a=require("react"),L=require("../textfield/textfield.cjs.js"),m=require("./textarea.module.scss.cjs.js"),M=a.forwardRef((N,i)=>{const{className:_,helper:w=[],characterLimit:d,onChange:l,onChangeEvent:y,value:h,defaultValue:q,autoGrow:t=!1,minRows:f=3,maxRows:v=12,height:T="7.5rem",maxHeight:c,...z}=N,[C,A]=a.useState(q??""),u=a.useRef(null),[R,E]=a.useState("auto"),O=a.useCallback(e=>{!h&&!(l||y)&&A(e),l==null||l(e)},[h,l,y]),H=a.useMemo(()=>h??C,[h,C]),r=a.useCallback(()=>{if(!t||!u.current)return;const e=u.current,p=e.style.overflow;e.style.overflow="hidden";const o=window.getComputedStyle(e);let n=parseFloat(o.lineHeight);isNaN(n)&&(n=(parseFloat(o.fontSize)||16)*1.5);const s=parseFloat(o.paddingTop),g=parseFloat(o.paddingBottom),x=o.boxSizing==="border-box"?(parseFloat(o.borderTopWidth)||0)+(parseFloat(o.borderBottomWidth)||0):0;e.style.height="auto";const I=e.scrollHeight-s-g,V=Math.ceil((I-1)/n),F=`${Math.min(Math.max(V,f),v)*n+s+g+x}px`;e.style.height=F,E(F),e.style.overflow=p,e.style.overflowY=e.scrollHeight-e.clientHeight>1?"auto":"hidden"},[t,f,v]);a.useEffect(()=>{t&&requestAnimationFrame(()=>{r()})},[H,t,r]),a.useEffect(()=>{t&&u.current&&r()},[t,r]),a.useEffect(()=>{const e=u.current;if(!t||!e||typeof ResizeObserver>"u")return;let p=e.clientWidth;const o=new ResizeObserver(n=>{var x;const s=((x=n[0])==null?void 0:x.contentRect.width)??0,g=s!==p;p=s,s>0&&g&&r()});return o.observe(e),()=>o.disconnect()},[t,r]);const W=a.useCallback(e=>{i&&(typeof i=="function"?i(e):i.current=e),e!=null&&e.input&&e.input instanceof HTMLTextAreaElement&&(u.current=e.input,t&&setTimeout(r,0))},[i,t,r]),j=a.useMemo(()=>t?{rows:f,style:{...c?{maxHeight:c}:{},overflow:"hidden",height:R}}:{style:{height:T,...c?{maxHeight:c}:{},overflow:"auto"}},[t,f,c,T,R]),S=H.length,k=d?`${S}/${d}`:"",B=[...Array.isArray(w)?w:[w],...d?[{type:S>d?"error":"hint",text:k,position:"right",className:b.default(m.default["tedi-textarea__character-count"])}]:[]];return $.jsx(L.TextField,{...z,ref:W,"data-name":"textarea",inputClassName:b.default(m.default["tedi-textarea__input"],{[m.default["tedi-textarea__input--auto-grow"]]:t}),isTextArea:!0,className:b.default(m.default["tedi-textarea"],_),value:H,onChange:O,onChangeEvent:y,helper:B,input:j})});M.displayName="Textarea";exports.Textarea=M;

package/src/tedi/components/form/textarea/textarea.es.js

@@ -1,93 +1,102 @@
-import { jsx as q } from "react/jsx-runtime";
-import w from "../../../../../external/classnames/index.es.js";
-import a, { forwardRef as G, useRef as O, useEffect as S } from "react";
+import { jsx as j } from "react/jsx-runtime";
+import v from "../../../../../external/classnames/index.es.js";
+import a, { forwardRef as q, useRef as G, useEffect as b } from "react";
 import { TextField as P } from "../textfield/textfield.es.js";
-import p from "./textarea.module.scss.es.js";
-const Y = G((F, r) => {
+import x from "./textarea.module.scss.es.js";
+const Y = q((_, i) => {
   const {
-    className: M,
-    helper: f = [],
-    characterLimit: i,
-    onChange: s,
-    onChangeEvent: g,
-    value: l,
-    defaultValue: A,
+    className: z,
+    helper: w = [],
+    characterLimit: h,
+    onChange: l,
+    onChangeEvent: y,
+    value: p,
+    defaultValue: M,
     autoGrow: e = !1,
-    minRows: c = 3,
-    maxRows: H = 12,
-    height: y = "7.5rem",
-    maxHeight: n,
-    ...b
-  } = F, [v, k] = a.useState(A ?? ""), u = O(null), [C, z] = a.useState("auto"), E = a.useCallback(
+    minRows: f = 3,
+    maxRows: C = 12,
+    height: R = "7.5rem",
+    maxHeight: c,
+    ...A
+  } = _, [T, W] = a.useState(M ?? ""), u = G(null), [F, k] = a.useState("auto"), B = a.useCallback(
     (t) => {
-      !l && !(s || g) && k(t), s == null || s(t);
+      !p && !(l || y) && W(t), l == null || l(t);
     },
-    [l, s, g]
-  ), x = a.useMemo(() => l ?? v, [l, v]), o = a.useCallback(() => {
+    [p, l, y]
+  ), H = a.useMemo(() => p ?? T, [p, T]), r = a.useCallback(() => {
     if (!e || !u.current) return;
-    const t = u.current, L = t.style.overflow;
+    const t = u.current, d = t.style.overflow;
     t.style.overflow = "hidden";
-    const h = window.getComputedStyle(t);
-    let m = parseFloat(h.lineHeight);
-    isNaN(m) && (m = (parseFloat(h.fontSize) || 16) * 1.5);
-    const N = parseFloat(h.paddingTop), _ = parseFloat(h.paddingBottom), j = t.scrollHeight - N - _;
-    let d = Math.ceil(j / m);
-    d = Math.min(Math.max(d, c), H);
-    const R = `${d * m + N + _}px`;
-    t.style.height = R, z(R), t.style.overflow = L, t.style.overflowY = t.scrollHeight > t.clientHeight ? "auto" : "hidden";
-  }, [e, c, H]);
-  S(() => {
+    const o = window.getComputedStyle(t);
+    let n = parseFloat(o.lineHeight);
+    isNaN(n) && (n = (parseFloat(o.fontSize) || 16) * 1.5);
+    const s = parseFloat(o.paddingTop), m = parseFloat(o.paddingBottom), g = o.boxSizing === "border-box" ? (parseFloat(o.borderTopWidth) || 0) + (parseFloat(o.borderBottomWidth) || 0) : 0;
+    t.style.height = "auto";
+    const $ = t.scrollHeight - s - m, L = Math.ceil(($ - 1) / n), S = `${Math.min(Math.max(L, f), C) * n + s + m + g}px`;
+    t.style.height = S, k(S), t.style.overflow = d, t.style.overflowY = t.scrollHeight - t.clientHeight > 1 ? "auto" : "hidden";
+  }, [e, f, C]);
+  b(() => {
     e && requestAnimationFrame(() => {
-      o();
+      r();
     });
-  }, [x, e, o]), S(() => {
-    e && u.current && o();
-  }, [e, o]);
-  const I = a.useCallback(
+  }, [H, e, r]), b(() => {
+    e && u.current && r();
+  }, [e, r]), b(() => {
+    const t = u.current;
+    if (!e || !t || typeof ResizeObserver > "u") return;
+    let d = t.clientWidth;
+    const o = new ResizeObserver((n) => {
+      var g;
+      const s = ((g = n[0]) == null ? void 0 : g.contentRect.width) ?? 0, m = s !== d;
+      d = s, s > 0 && m && r();
+    });
+    return o.observe(t), () => o.disconnect();
+  }, [e, r]);
+  const E = a.useCallback(
     (t) => {
-      r && (typeof r == "function" ? r(t) : r.current = t), t != null && t.input && t.input instanceof HTMLTextAreaElement && (u.current = t.input, e && setTimeout(o, 0));
+      i && (typeof i == "function" ? i(t) : i.current = t), t != null && t.input && t.input instanceof HTMLTextAreaElement && (u.current = t.input, e && setTimeout(r, 0));
     },
-    [r, e, o]
-  ), V = a.useMemo(() => e ? {
-    rows: c,
+    [i, e, r]
+  ), I = a.useMemo(() => e ? {
+    rows: f,
     style: {
-      ...n ? { maxHeight: n } : {},
+      ...c ? { maxHeight: c } : {},
       overflow: "hidden",
-      height: C
+      height: F
     }
   } : {
     style: {
-      height: y,
-      ...n ? { maxHeight: n } : {},
+      height: R,
+      ...c ? { maxHeight: c } : {},
       overflow: "auto"
     }
-  }, [e, c, n, y, C]), T = x.length, $ = i ? `${T}/${i}` : "", B = [
-    ...Array.isArray(f) ? f : [f],
-    ...i ? [
+  }, [e, f, c, R, F]), N = H.length, O = h ? `${N}/${h}` : "", V = [
+    ...Array.isArray(w) ? w : [w],
+    ...h ? [
       {
-        type: T > i ? "error" : "hint",
-        text: $,
+        type: N > h ? "error" : "hint",
+        text: O,
         position: "right",
-        className: w(p["tedi-textarea__character-count"])
+        className: v(x["tedi-textarea__character-count"])
       }
     ] : []
   ];
-  return /* @__PURE__ */ q(
+  return /* @__PURE__ */ j(
     P,
     {
-      ...b,
-      ref: I,
+      ...A,
+      ref: E,
       "data-name": "textarea",
-      inputClassName: w(p["tedi-textarea__input"], {
-        [p["tedi-textarea__input--auto-grow"]]: e
+      inputClassName: v(x["tedi-textarea__input"], {
+        [x["tedi-textarea__input--auto-grow"]]: e
       }),
       isTextArea: !0,
-      className: w(p["tedi-textarea"], M),
-      value: x,
-      onChange: E,
-      onChangeEvent: g,
-      helper: B,
-      input: V
+      className: v(x["tedi-textarea"], z),
+      value: H,
+      onChange: B,
+      onChangeEvent: y,
+      helper: V,
+      input: I
     }
   );
 });