@viasat/beam-react 2.69.0 → 2.70.0

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## 2.70.0 (2026-09-11)
+
+### 🚀 Features
+
+- **TextArea:** promote bm-text-area to alpha ([#1420](https://git.viasat.com/vega/Beam/pull/1420))
+
+### ❤️ Thank You
+
+- Evans, Joel
+
 ## 2.69.0 (2026-09-11)
 
 ### 🚀 Features

package/lib/TextArea/TextArea.cjs.js

@@ -1 +1 @@
-var Ie=require("../../assets/TextArea.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),ge=require("react"),T=require("clsx"),j=require("../../chunks/form.context.CkC0TwMb.js"),pe=require("../../chunks/constants.CgMu0_1M.js"),ve=require("../../chunks/classNames.BFQUGnCN.js"),ye=require("../Form/contexts/label.context.cjs.js"),je=require("../Form/contexts/helperText.context.cjs.js"),O=require("../Form/hooks/useUniversalRef.hook.cjs.js"),m=require("../Form/hooks/useAccessibleId.hook.cjs.js");function qe(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,i.get?i:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const q=qe(ge),k=new WeakMap;async function $e(e){const r=e.offsetHeight,t=e.clientHeight,i=r-t;e.style.overflow="hidden",e.scrollHeight===t&&(e.style.height="0");const l=e.scrollHeight;e.style.height=`${l+i}px`}const E=(e,r)=>{const t=k.get(e);if(k.set(e,r),!r){t&&(e.style.height="unset",e.style.overflow="visible");return}$e(e)},s={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-enterprise":"bm-enterprise","bm-consumer":"bm-consumer","bm-text-area":"bm-text-area","bm-text-area--disabled":"bm-text-area--disabled","bm-text-area--error":"bm-text-area--error","bm-text-area__header":"bm-text-area__header","bm-text-area__counter":"bm-text-area__counter","bm-text-area__field":"bm-text-area__field","bm-text-area__input":"bm-text-area__input","bm-text-area--read-only":"bm-text-area--read-only","bm-text-area--fluid":"bm-text-area--fluid","bm-text-area--hide-resize":"bm-text-area--hide-resize","bm-text-area--cols-width":"bm-text-area--cols-width"},{baseClassNamePrefix:He,subElementClassPrefix:f,classModifierPrefix:n}=ve.getBEMClassNames("text-area"),M=q.forwardRef(function({cols:e,width:r,error:t,theme:i,maxCount:l,label:C=null,fluid:D=!1,helperText:$=null,hideResize:S=!1,autoResize:o=!1,validationRules:V=[],className:z,hideRequiredMarker:L=!1,disabled:B=!1,readOnly:U=!1,required:A=!1,...W},G){const{id:J,name:h,value:_,onChange:g,maxLength:K,"aria-invalid":Q,defaultValue:X,"aria-describedby":Y,...Z}=W,ee=o?!0:S,{refFn:te,ref:p}=O.useUniversalRef(G),{refFn:se,ref:v}=O.useUniversalRef(null),{ctxDisabled:re,ctxReadOnly:ae,ctxRequired:ie,ctxInitialValues:ne,ctxRegister:ce}=q.useContext(j.FormContext),{id:le}=m.useAccessibleId(),{id:H}=m.useAccessibleId(),{id:I}=m.useAccessibleId(),{id:R}=m.useAccessibleId(),N=J||le,{showErrors:oe,setErrors:de,isInvalid:ue,errorShown:be}=j.useFieldValidator(),xe=K||l,w=!!(t!=null&&t.length),me=T($&&I,w&&H,be&&R,Y),F=!!t||ue,c=B||re,d=U||ae,P=A||ie,y=X||ne[h];!c&&ce(h,V,de);const fe=T(s[He],i&&pe.themeClassName(i),D&&s[`${n}fluid`],F&&s[`${n}error`],e&&s[`${n}cols-width`],c&&s[`${n}disabled`],d&&s[`${n}read-only`],ee&&s[`${n}hide-resize`],o&&s[`${n}auto-resize`],z);q.useEffect(()=>{const{current:u}=v,{current:b}=p,{length:x}=_||y||"";u&&(u.textContent=`${x}`),E(b,o)},[o,v,p,_,y]);const he=u=>{g==null||g(u);const{current:b}=v,{current:x}=p,{value:{length:_e}}=x;b&&(b.textContent=`${_e}`),E(x,o)};return a.jsxs("div",{className:fe,style:{maxWidth:r},children:[a.jsxs("div",{className:s[`${f}header`],children:[a.jsx(ye.LabelProvider,{ctxHtmlFor:N,ctxDisabled:c,ctxRequired:P&&!L,children:C}),!!l&&a.jsxs("div",{className:s[`${f}counter`],children:[a.jsx("span",{ref:se}),"/",a.jsx("span",{children:l})]})]}),a.jsx("div",{className:s[`${f}field`],children:a.jsx("textarea",{id:N,name:h,ref:te,cols:e,value:_,readOnly:d,disabled:c,required:P,maxLength:xe,onChange:he,"aria-readonly":d,defaultValue:y,"aria-describedby":me,"aria-disabled":c||d,"aria-invalid":F||Q,className:s[`${f}input`],...Z})}),a.jsxs(je.HelperTextProvider,{ctxId:I,ctxDisabled:c,children:[$,w&&a.jsx(j.HelperText,{id:H,appearance:"negative",children:t})]}),oe(R)]})});exports.TextArea=M;exports.default=M;
+var Ie=require("../../assets/TextArea.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),ge=require("react"),T=require("clsx"),j=require("../../chunks/form.context.CkC0TwMb.js"),pe=require("../../chunks/constants.CgMu0_1M.js"),ve=require("../../chunks/classNames.BFQUGnCN.js"),ye=require("../Form/contexts/label.context.cjs.js"),je=require("../Form/contexts/helperText.context.cjs.js"),O=require("../Form/hooks/useUniversalRef.hook.cjs.js"),m=require("../Form/hooks/useAccessibleId.hook.cjs.js");function qe(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,i.get?i:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const q=qe(ge),k=new WeakMap;function $e(e){const r=e.offsetHeight,t=e.clientHeight,i=r-t;e.style.overflow="hidden",e.scrollHeight===t&&(e.style.height="0");const l=e.scrollHeight;e.style.height=`${l+i}px`}const E=(e,r)=>{const t=k.get(e);if(k.set(e,r),!r){t&&(e.style.height="",e.style.overflow="");return}$e(e)},s={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-enterprise":"bm-enterprise","bm-consumer":"bm-consumer","bm-text-area":"bm-text-area","bm-text-area--disabled":"bm-text-area--disabled","bm-text-area--error":"bm-text-area--error","bm-text-area__header":"bm-text-area__header","bm-text-area__counter":"bm-text-area__counter","bm-text-area__field":"bm-text-area__field","bm-text-area__input":"bm-text-area__input","bm-text-area--read-only":"bm-text-area--read-only","bm-text-area--fluid":"bm-text-area--fluid","bm-text-area--hide-resize":"bm-text-area--hide-resize","bm-text-area--cols-width":"bm-text-area--cols-width"},{baseClassNamePrefix:He,subElementClassPrefix:f,classModifierPrefix:n}=ve.getBEMClassNames("text-area"),M=q.forwardRef(function({cols:e,width:r,error:t,theme:i,maxCount:l,label:C=null,fluid:D=!1,helperText:$=null,hideResize:S=!1,autoResize:o=!1,validationRules:V=[],className:z,hideRequiredMarker:L=!1,disabled:B=!1,readOnly:U=!1,required:A=!1,...W},G){const{id:J,name:h,value:_,onChange:g,maxLength:K,"aria-invalid":Q,defaultValue:X,"aria-describedby":Y,...Z}=W,ee=o?!0:S,{refFn:te,ref:p}=O.useUniversalRef(G),{refFn:se,ref:v}=O.useUniversalRef(null),{ctxDisabled:re,ctxReadOnly:ae,ctxRequired:ie,ctxInitialValues:ne,ctxRegister:ce}=q.useContext(j.FormContext),{id:le}=m.useAccessibleId(),{id:H}=m.useAccessibleId(),{id:I}=m.useAccessibleId(),{id:R}=m.useAccessibleId(),N=J||le,{showErrors:oe,setErrors:de,isInvalid:ue,errorShown:be}=j.useFieldValidator(),xe=K||l,w=!!(t!=null&&t.length),me=T($&&I,w&&H,be&&R,Y),F=!!t||ue,c=B||re,d=U||ae,P=A||ie,y=X||ne[h];!c&&ce(h,V,de);const fe=T(s[He],i&&pe.themeClassName(i),D&&s[`${n}fluid`],F&&s[`${n}error`],e&&s[`${n}cols-width`],c&&s[`${n}disabled`],d&&s[`${n}read-only`],ee&&s[`${n}hide-resize`],o&&s[`${n}auto-resize`],z);q.useEffect(()=>{const{current:u}=v,{current:b}=p,{length:x}=_||y||"";u&&(u.textContent=`${x}`),E(b,o)},[o,v,p,_,y]);const he=u=>{g==null||g(u);const{current:b}=v,{current:x}=p,{value:{length:_e}}=x;b&&(b.textContent=`${_e}`),E(x,o)};return a.jsxs("div",{className:fe,style:{maxWidth:r},children:[a.jsxs("div",{className:s[`${f}header`],children:[a.jsx(ye.LabelProvider,{ctxHtmlFor:N,ctxDisabled:c,ctxRequired:P&&!L,children:C}),!!l&&a.jsxs("div",{className:s[`${f}counter`],children:[a.jsx("span",{ref:se}),"/",a.jsx("span",{children:l})]})]}),a.jsx("div",{className:s[`${f}field`],children:a.jsx("textarea",{id:N,name:h,ref:te,cols:e,value:_,readOnly:d,disabled:c,required:P,maxLength:xe,onChange:he,"aria-readonly":d,defaultValue:y,"aria-describedby":me,"aria-disabled":c||d,"aria-invalid":F||Q,className:s[`${f}input`],...Z})}),a.jsxs(je.HelperTextProvider,{ctxId:I,ctxDisabled:c,children:[$,w&&a.jsx(j.HelperText,{id:H,appearance:"negative",children:t})]}),oe(R)]})});exports.TextArea=M;exports.default=M;

package/lib/TextArea/TextArea.es.js

@@ -10,7 +10,7 @@ import { HelperTextProvider as He } from "../Form/contexts/helperText.context.es
 import { useUniversalRef as M } from "../Form/hooks/useUniversalRef.hook.es.js";
 import { useAccessibleId as h } from "../Form/hooks/useAccessibleId.hook.es.js";
 const V = /* @__PURE__ */ new WeakMap();
-async function we(e) {
+function we(e) {
   const s = e.offsetHeight, a = e.clientHeight, o = s - a;
   e.style.overflow = "hidden", e.scrollHeight === a && (e.style.height = "0");
   const l = e.scrollHeight;
@@ -19,7 +19,7 @@ async function we(e) {
 const q = (e, s) => {
   const a = V.get(e);
   if (V.set(e, s), !s) {
-    a && (e.style.height = "unset", e.style.overflow = "visible");
+    a && (e.style.height = "", e.style.overflow = "");
     return;
   }
   we(e);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viasat/beam-react",
-  "version": "2.69.0",
+  "version": "2.70.0",
   "description": "React component library for the Beam design system",
   "license": "MIT",
   "author": "Viasat",
@@ -60,12 +60,12 @@
     "access": "public"
   },
   "dependencies": {
-    "@viasat/beam-fonts": "2.69.0",
-    "@viasat/beam-shared": "2.69.0",
-    "@viasat/beam-styles": "2.69.0",
-    "@viasat/beam-tokens": "2.69.0",
-    "@viasat/beam-icons": "2.69.0",
-    "@viasat/beam-react-claude-plugin": "2.69.0",
+    "@viasat/beam-fonts": "2.70.0",
+    "@viasat/beam-shared": "2.70.0",
+    "@viasat/beam-styles": "2.70.0",
+    "@viasat/beam-tokens": "2.70.0",
+    "@viasat/beam-icons": "2.70.0",
+    "@viasat/beam-react-claude-plugin": "2.70.0",
     "clsx": "^1.2.1",
     "@floating-ui/react": "^0.26.18",
     "@stepperize/react": "^5.1.5",