carbon-react 159.8.0 → 159.8.1

package/esm/__internal__/input/input.component.d.ts

@@ -32,6 +32,8 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
     size?: "small" | "medium" | "large";
     /** Emphasised text to be displayed before the input */
     prefix?: string;
+    /** ID for the prefix span element */
+    prefixId?: string;
     /** Additional children to be rendered before the input */
     leftChildren?: React.ReactNode;
     /** Text alignment within the input */

package/esm/__internal__/input/input.component.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import r,{useRef as n,useEffect as i,useCallback as a}from"react";import o from"./input.style.js";import l from"../utils/helpers/combine-refs/index.js";function c(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function u(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){c(e,t,r[t])}))}return e}const d=r.forwardRef(((r,c)=>{var{align:d="left","aria-describedby":s,"aria-labelledby":p,autoFocus:f,error:b,"data-is-transparent":y,children:m,disabled:O,id:h,inputIcon:v,inputWidth:x,leftChildren:g,name:j,onFocus:$,prefix:w,readOnly:P,size:S,type:F="text"}=r,E=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(r,["align","aria-describedby","aria-labelledby","autoFocus","error","data-is-transparent","children","disabled","id","inputIcon","inputWidth","leftChildren","name","onFocus","prefix","readOnly","size","type"]);const z=n(null),I=l(c,z),R=w?`${h}-prefix`:void 0;i((()=>{var e;f&&(null===(e=z.current)||void 0===e||e.focus())}),[f]);const k=a((e=>{var t;null==$||$(e),"text"===F&&(t=z,setTimeout((()=>{if(null==t?void 0:t.current){const{selectionStart:e,selectionEnd:r,value:n}=t.current,{length:i}=n;(0===e&&0===r||e===i&&r===i)&&document.activeElement===t.current&&t.current.setSelectionRange(0,i)}})))}),[$,F]),C=R?`${R} ${p||""}`.trim():p;return e(o,{$align:d,"data-role":"input-container",$error:b,$size:S,$isDisabled:O,$isReadOnly:P,"data-is-transparent":y,children:[e("div",{"data-role":"input-text-container",role:"presentation",className:`input-text-container ${O?"disabled":""} ${P?"read-only":""}`,children:[g,w&&t("span",{id:R,"data-element":"textbox-prefix",children:w}),t("input",u({ref:I,"data-element":"input","data-role":"input",disabled:O,readOnly:P,"aria-describedby":s,"aria-labelledby":C,type:F,onFocus:k,id:h,name:j,"data-has-autofocus":!!f||void 0},E)),v]}),m]})}));export{d as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import r,{useRef as n,useEffect as i,useCallback as a}from"react";import l from"./input.style.js";import o from"../utils/helpers/combine-refs/index.js";function c(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){c(e,t,r[t])}))}return e}const u=r.forwardRef(((r,c)=>{var{align:u="left","aria-describedby":s,"aria-labelledby":p,autoFocus:f,error:b,"data-is-transparent":y,children:m,disabled:O,id:h,inputIcon:x,inputWidth:v,leftChildren:g,name:j,onFocus:w,prefix:$,prefixId:P,readOnly:S,size:F,type:I="text"}=r,E=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(r,["align","aria-describedby","aria-labelledby","autoFocus","error","data-is-transparent","children","disabled","id","inputIcon","inputWidth","leftChildren","name","onFocus","prefix","prefixId","readOnly","size","type"]);const z=n(null),R=o(c,z);i((()=>{var e;f&&(null===(e=z.current)||void 0===e||e.focus())}),[f]);const k=a((e=>{var t;null==w||w(e),"text"===I&&(t=z,setTimeout((()=>{if(null==t?void 0:t.current){const{selectionStart:e,selectionEnd:r,value:n}=t.current,{length:i}=n;(0===e&&0===r||e===i&&r===i)&&document.activeElement===t.current&&t.current.setSelectionRange(0,i)}})))}),[w,I]);return e(l,{$align:u,"data-role":"input-container",$error:b,$size:F,$isDisabled:O,$isReadOnly:S,"data-is-transparent":y,children:[e("div",{"data-role":"input-text-container",role:"presentation",className:`input-text-container ${O?"disabled":""} ${S?"read-only":""}`,children:[g,$&&t("span",{id:P,"data-element":"textbox-prefix",children:$}),t("input",d({ref:R,"data-element":"input","data-role":"input",disabled:O,readOnly:S,"aria-describedby":s,"aria-labelledby":p,type:I,onFocus:k,id:h,name:j,"data-has-autofocus":!!f||void 0},E)),x]}),m]})}));export{u as default};

package/esm/components/textbox/__internal__/__next__/text-input.component.js

@@ -1 +1 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import t,{useRef as n,useContext as i,useCallback as o}from"react";import l from"../../../../__internal__/input/input.component.js";import a from"../../../../__internal__/validation-message/__next__/validation-message.component.js";import"../../../../style/utils/filter-styled-system-padding-props.js";import s from"../../../../style/utils/filter-styled-system-margin-props.js";import d from"../../../../style/utils/filter-out-styled-system-spacing-props.js";import p from"../../../../hooks/__internal__/useUniqueId/index.js";import c from"../../../../__internal__/utils/helpers/guid/index.js";import u from"../../../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js";import m from"../../../../__internal__/error-border/error-border.style.js";import{StyledTextInput as b,LabelWrapper as f,InputWrapper as y}from"./text-input.style.js";import{HintText as _}from"../../../../__internal__/hint-text/hint-text.component.js";import h from"../../../../__internal__/label/label.component.js";import j from"../../../../hooks/__internal__/useRegisterValidationToTabs/useRegisterValidationToTabs.js";import O from"../../../../__internal__/utils/helpers/combine-refs/index.js";import g from"../../../../__internal__/fieldset-validation-context/fieldset-validation-context.js";function v(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function w(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){v(e,r,t[r])}))}return e}function x(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}const P=t.forwardRef(((t,v)=>{var{autoFocus:P,"aria-describedby":I,"aria-labelledby":k,children:C,"data-component":$="text-input","data-element":z,"data-is-open":D,"data-role":W,disabled:S,error:T,id:q,inputHint:E,inputIcon:F,inputWidth:M,label:R,labelInline:B=!1,leftChildren:V,maxWidth:A,name:H,onChange:U,onClick:G,onMouseDown:J,placeholder:K,prefix:L,readOnly:N,required:Q,size:X="medium",type:Y="text",validationMessagePositionTop:Z,value:ee,warning:re}=t,te=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(t,["autoFocus","aria-describedby","aria-labelledby","children","data-component","data-element","data-is-open","data-role","disabled","error","id","inputHint","inputIcon","inputWidth","label","labelInline","leftChildren","maxWidth","name","onChange","onClick","onMouseDown","placeholder","prefix","readOnly","required","size","type","validationMessagePositionTop","value","warning"]);const ne=n(null),ie=O(v,ne),{disableErrorBorder:oe}=i(g),le={disabled:S,readOnly:N},[ae,se]=p(q,H),{labelId:de,validationId:pe,ariaDescribedBy:ce}=u({id:ae,validationRedesignOptIn:!0,error:T,warning:re,label:R}),ue=n(c()),me=E?ue.current:void 0,be=null!=M?M:B?80:100,fe=[me,ce,I].filter(Boolean).join(" "),ye=!(!T&&!re);j(!!T,!!re,ae);const _e=ye&&!oe&&r(a,{id:pe,size:X,error:T,warning:re}),he=ye&&!oe&&r(m,{"data-role":"error-border",$warning:!(T||!re)}),je=o((e=>{S||N||null==J||J(e)}),[J,S,N]),Oe=o((e=>{S||N||null==G||G(e)}),[G,S,N]);return e(b,x(w({"data-element":z,"data-role":W,"data-component":$,$size:X,$labelInline:B,$hasValidationFailure:B&&ye},s(te)),{children:[R&&e(f,{"data-role":"label-wrapper",$labelInline:B,$size:X,$labelWrapperWidth:B&&"number"==typeof be?100-be:void 0,children:[r(h,x(w({id:de,htmlFor:ae,size:X,isRequired:Q},le),{children:R})),E&&r(_,x(w({id:me,size:X},le),{children:E}))]}),e(y,{"data-role":"input-wrapper",$size:X,$maxWidth:A,$inputWidth:M,onClick:()=>{var e;S||N||document.activeElement===ne.current||null===(e=ne.current)||void 0===e||e.focus()},"data-is-open":D,children:[Z&&_e,r(l,x(w({id:ae,name:se,"aria-invalid":!!T,"aria-describedby":fe,"aria-labelledby":k,value:ee,placeholder:S||N?void 0:K,required:Q,ref:ie,autoFocus:P,onMouseDown:je,onClick:Oe,onChange:U,error:!!T,inputIcon:F,size:X,prefix:L,leftChildren:V,type:Y},le,d(te)),{children:C})),!Z&&_e,he]})]}))}));export{P as TextInput,P as default};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import t,{useRef as n,useContext as i,useCallback as o}from"react";import l from"../../../../__internal__/input/input.component.js";import a from"../../../../__internal__/validation-message/__next__/validation-message.component.js";import"../../../../style/utils/filter-styled-system-padding-props.js";import s from"../../../../style/utils/filter-styled-system-margin-props.js";import d from"../../../../style/utils/filter-out-styled-system-spacing-props.js";import p from"../../../../hooks/__internal__/useUniqueId/index.js";import c from"../../../../__internal__/utils/helpers/guid/index.js";import u from"../../../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js";import m from"../../../../__internal__/error-border/error-border.style.js";import{StyledTextInput as b,LabelWrapper as f,InputWrapper as y}from"./text-input.style.js";import{HintText as _}from"../../../../__internal__/hint-text/hint-text.component.js";import h from"../../../../__internal__/label/label.component.js";import j from"../../../../hooks/__internal__/useRegisterValidationToTabs/useRegisterValidationToTabs.js";import O from"../../../../__internal__/utils/helpers/combine-refs/index.js";import g from"../../../../__internal__/fieldset-validation-context/fieldset-validation-context.js";function v(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function x(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){v(e,r,t[r])}))}return e}function w(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}const I=t.forwardRef(((t,v)=>{var{autoFocus:I,"aria-describedby":P,"aria-labelledby":$,children:k,"data-component":C="text-input","data-element":z,"data-is-open":D,"data-role":W,disabled:S,error:T,id:q,inputHint:E,inputIcon:F,inputWidth:M,label:R,labelInline:B=!1,leftChildren:V,maxWidth:A,name:H,onChange:U,onClick:G,onMouseDown:J,placeholder:K,prefix:L,readOnly:N,required:Q,size:X="medium",type:Y="text",validationMessagePositionTop:Z,value:ee,warning:re}=t,te=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(t,["autoFocus","aria-describedby","aria-labelledby","children","data-component","data-element","data-is-open","data-role","disabled","error","id","inputHint","inputIcon","inputWidth","label","labelInline","leftChildren","maxWidth","name","onChange","onClick","onMouseDown","placeholder","prefix","readOnly","required","size","type","validationMessagePositionTop","value","warning"]);const ne=n(null),ie=O(v,ne),{disableErrorBorder:oe}=i(g),le={disabled:S,readOnly:N},[ae,se]=p(q,H),{labelId:de,validationId:pe,ariaDescribedBy:ce}=u({id:ae,validationRedesignOptIn:!0,error:T,warning:re,label:R}),ue=n(c()),me=E?ue.current:void 0,be=L?`${ae}-prefix`:void 0,fe=null!=M?M:B?80:100,ye=[me,be,ce,P].filter(Boolean).join(" "),_e=!(!T&&!re);j(!!T,!!re,ae);const he=_e&&!oe&&r(a,{id:pe,size:X,error:T,warning:re}),je=_e&&!oe&&r(m,{"data-role":"error-border",$warning:!(T||!re)}),Oe=o((e=>{S||N||null==J||J(e)}),[J,S,N]),ge=o((e=>{S||N||null==G||G(e)}),[G,S,N]);return e(b,w(x({"data-element":z,"data-role":W,"data-component":C,$size:X,$labelInline:B,$hasValidationFailure:B&&_e},s(te)),{children:[R&&e(f,{"data-role":"label-wrapper",$labelInline:B,$size:X,$labelWrapperWidth:B&&"number"==typeof fe?100-fe:void 0,children:[r(h,w(x({id:de,htmlFor:ae,size:X,isRequired:Q},le),{children:R})),E&&r(_,w(x({id:me,size:X},le),{children:E}))]}),e(y,{"data-role":"input-wrapper",$size:X,$maxWidth:A,$inputWidth:M,onClick:()=>{var e;S||N||document.activeElement===ne.current||null===(e=ne.current)||void 0===e||e.focus()},"data-is-open":D,children:[Z&&he,r(l,w(x({id:ae,name:se,"aria-invalid":!!T,"aria-describedby":ye,"aria-labelledby":$,value:ee,placeholder:S||N?void 0:K,required:Q,ref:ie,autoFocus:I,onMouseDown:Oe,onClick:ge,onChange:U,error:!!T,inputIcon:F,size:X,prefix:L,prefixId:be,leftChildren:V,type:Y},le,d(te)),{children:k})),!Z&&he,je]})]}))}));export{I as TextInput,I as default};

package/lib/__internal__/input/input.component.d.ts

@@ -32,6 +32,8 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
     size?: "small" | "medium" | "large";
     /** Emphasised text to be displayed before the input */
     prefix?: string;
+    /** ID for the prefix span element */
+    prefixId?: string;
     /** Additional children to be rendered before the input */
     leftChildren?: React.ReactNode;
     /** Text alignment within the input */

package/lib/__internal__/input/input.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./input.style.js"),n=require("../utils/helpers/combine-refs/index.js");function a(e){return e&&e.__esModule?e:{default:e}}function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){i(e,t,r[t])}))}return e}const o=a(t).default.forwardRef(((a,i)=>{var{align:o="left","aria-describedby":u,"aria-labelledby":s,autoFocus:c,error:d,"data-is-transparent":f,children:b,disabled:p,id:y,inputIcon:O,inputWidth:x,leftChildren:m,name:v,onFocus:j,prefix:h,readOnly:g,size:$,type:w="text"}=a,P=function(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}(a,["align","aria-describedby","aria-labelledby","autoFocus","error","data-is-transparent","children","disabled","id","inputIcon","inputWidth","leftChildren","name","onFocus","prefix","readOnly","size","type"]);const S=t.useRef(null),E=n.default(i,S),F=h?`${y}-prefix`:void 0;t.useEffect((()=>{var e;c&&(null===(e=S.current)||void 0===e||e.focus())}),[c]);const q=t.useCallback((e=>{var t;null==j||j(e),"text"===w&&(t=S,setTimeout((()=>{if(null==t?void 0:t.current){const{selectionStart:e,selectionEnd:r,value:n}=t.current,{length:a}=n;(0===e&&0===r||e===a&&r===a)&&document.activeElement===t.current&&t.current.setSelectionRange(0,a)}})))}),[j,w]),R=F?`${F} ${s||""}`.trim():s;return e.jsxs(r.default,{$align:o,"data-role":"input-container",$error:d,$size:$,$isDisabled:p,$isReadOnly:g,"data-is-transparent":f,children:[e.jsxs("div",{"data-role":"input-text-container",role:"presentation",className:`input-text-container ${p?"disabled":""} ${g?"read-only":""}`,children:[m,h&&e.jsx("span",{id:F,"data-element":"textbox-prefix",children:h}),e.jsx("input",l({ref:E,"data-element":"input","data-role":"input",disabled:p,readOnly:g,"aria-describedby":u,"aria-labelledby":R,type:w,onFocus:q,id:y,name:v,"data-has-autofocus":!!c||void 0},P)),O]}),b]})}));exports.default=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./input.style.js"),n=require("../utils/helpers/combine-refs/index.js");function a(e){return e&&e.__esModule?e:{default:e}}function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){i(e,t,r[t])}))}return e}const o=a(t).default.forwardRef(((a,i)=>{var{align:o="left","aria-describedby":u,"aria-labelledby":s,autoFocus:d,error:c,"data-is-transparent":f,children:p,disabled:b,id:y,inputIcon:x,inputWidth:O,leftChildren:m,name:j,onFocus:v,prefix:h,prefixId:g,readOnly:w,size:P,type:$="text"}=a,S=function(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}(a,["align","aria-describedby","aria-labelledby","autoFocus","error","data-is-transparent","children","disabled","id","inputIcon","inputWidth","leftChildren","name","onFocus","prefix","prefixId","readOnly","size","type"]);const E=t.useRef(null),F=n.default(i,E);t.useEffect((()=>{var e;d&&(null===(e=E.current)||void 0===e||e.focus())}),[d]);const I=t.useCallback((e=>{var t;null==v||v(e),"text"===$&&(t=E,setTimeout((()=>{if(null==t?void 0:t.current){const{selectionStart:e,selectionEnd:r,value:n}=t.current,{length:a}=n;(0===e&&0===r||e===a&&r===a)&&document.activeElement===t.current&&t.current.setSelectionRange(0,a)}})))}),[v,$]);return e.jsxs(r.default,{$align:o,"data-role":"input-container",$error:c,$size:P,$isDisabled:b,$isReadOnly:w,"data-is-transparent":f,children:[e.jsxs("div",{"data-role":"input-text-container",role:"presentation",className:`input-text-container ${b?"disabled":""} ${w?"read-only":""}`,children:[m,h&&e.jsx("span",{id:g,"data-element":"textbox-prefix",children:h}),e.jsx("input",l({ref:F,"data-element":"input","data-role":"input",disabled:b,readOnly:w,"aria-describedby":u,"aria-labelledby":s,type:$,onFocus:I,id:y,name:j,"data-has-autofocus":!!d||void 0},S)),x]}),p]})}));exports.default=o;

package/lib/components/textbox/__internal__/__next__/text-input.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../../__internal__/input/input.component.js"),n=require("../../../../__internal__/validation-message/__next__/validation-message.component.js");require("../../../../style/utils/filter-styled-system-padding-props.js");var i=require("../../../../style/utils/filter-styled-system-margin-props.js"),l=require("../../../../style/utils/filter-out-styled-system-spacing-props.js"),a=require("../../../../hooks/__internal__/useUniqueId/index.js"),o=require("../../../../__internal__/utils/helpers/guid/index.js"),s=require("../../../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js"),u=require("../../../../__internal__/error-border/error-border.style.js"),d=require("./text-input.style.js"),c=require("../../../../__internal__/hint-text/hint-text.component.js"),p=require("../../../../__internal__/label/label.component.js"),b=require("../../../../hooks/__internal__/useRegisterValidationToTabs/useRegisterValidationToTabs.js"),f=require("../../../../__internal__/utils/helpers/combine-refs/index.js"),y=require("../../../../__internal__/fieldset-validation-context/fieldset-validation-context.js");function _(e){return e&&e.__esModule?e:{default:e}}function j(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function h(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){j(e,r,t[r])}))}return e}function m(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}const x=_(r).default.forwardRef(((_,j)=>{var{autoFocus:x,"aria-describedby":O,"aria-labelledby":g,children:v,"data-component":q="text-input","data-element":w,"data-is-open":I,"data-role":P,disabled:C,error:k,id:W,inputHint:$,inputIcon:z,inputWidth:T,label:D,labelInline:M=!1,leftChildren:R,maxWidth:S,name:E,onChange:F,onClick:B,onMouseDown:H,placeholder:V,prefix:A,readOnly:L,required:U,size:G="medium",type:J="text",validationMessagePositionTop:K,value:N,warning:Q}=_,X=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},l=Object.keys(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(_,["autoFocus","aria-describedby","aria-labelledby","children","data-component","data-element","data-is-open","data-role","disabled","error","id","inputHint","inputIcon","inputWidth","label","labelInline","leftChildren","maxWidth","name","onChange","onClick","onMouseDown","placeholder","prefix","readOnly","required","size","type","validationMessagePositionTop","value","warning"]);const Y=r.useRef(null),Z=f.default(j,Y),{disableErrorBorder:ee}=r.useContext(y.default),re={disabled:C,readOnly:L},[te,ne]=a.default(W,E),{labelId:ie,validationId:le,ariaDescribedBy:ae}=s.default({id:te,validationRedesignOptIn:!0,error:k,warning:Q,label:D}),oe=r.useRef(o.default()),se=$?oe.current:void 0,ue=null!=T?T:M?80:100,de=[se,ae,O].filter(Boolean).join(" "),ce=!(!k&&!Q);b.default(!!k,!!Q,te);const pe=ce&&!ee&&e.jsx(n.default,{id:le,size:G,error:k,warning:Q}),be=ce&&!ee&&e.jsx(u.default,{"data-role":"error-border",$warning:!(k||!Q)}),fe=r.useCallback((e=>{C||L||null==H||H(e)}),[H,C,L]),ye=r.useCallback((e=>{C||L||null==B||B(e)}),[B,C,L]);return e.jsxs(d.StyledTextInput,m(h({"data-element":w,"data-role":P,"data-component":q,$size:G,$labelInline:M,$hasValidationFailure:M&&ce},i.default(X)),{children:[D&&e.jsxs(d.LabelWrapper,{"data-role":"label-wrapper",$labelInline:M,$size:G,$labelWrapperWidth:M&&"number"==typeof ue?100-ue:void 0,children:[e.jsx(p.default,m(h({id:ie,htmlFor:te,size:G,isRequired:U},re),{children:D})),$&&e.jsx(c.HintText,m(h({id:se,size:G},re),{children:$}))]}),e.jsxs(d.InputWrapper,{"data-role":"input-wrapper",$size:G,$maxWidth:S,$inputWidth:T,onClick:()=>{var e;C||L||document.activeElement===Y.current||null===(e=Y.current)||void 0===e||e.focus()},"data-is-open":I,children:[K&&pe,e.jsx(t.default,m(h({id:te,name:ne,"aria-invalid":!!k,"aria-describedby":de,"aria-labelledby":g,value:N,placeholder:C||L?void 0:V,required:U,ref:Z,autoFocus:x,onMouseDown:fe,onClick:ye,onChange:F,error:!!k,inputIcon:z,size:G,prefix:A,leftChildren:R,type:J},re,l.default(X)),{children:v})),!K&&pe,be]})]}))}));exports.TextInput=x,exports.default=x;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../../__internal__/input/input.component.js"),n=require("../../../../__internal__/validation-message/__next__/validation-message.component.js");require("../../../../style/utils/filter-styled-system-padding-props.js");var i=require("../../../../style/utils/filter-styled-system-margin-props.js"),l=require("../../../../style/utils/filter-out-styled-system-spacing-props.js"),a=require("../../../../hooks/__internal__/useUniqueId/index.js"),o=require("../../../../__internal__/utils/helpers/guid/index.js"),s=require("../../../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js"),u=require("../../../../__internal__/error-border/error-border.style.js"),d=require("./text-input.style.js"),c=require("../../../../__internal__/hint-text/hint-text.component.js"),p=require("../../../../__internal__/label/label.component.js"),b=require("../../../../hooks/__internal__/useRegisterValidationToTabs/useRegisterValidationToTabs.js"),f=require("../../../../__internal__/utils/helpers/combine-refs/index.js"),y=require("../../../../__internal__/fieldset-validation-context/fieldset-validation-context.js");function _(e){return e&&e.__esModule?e:{default:e}}function j(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function h(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){j(e,r,t[r])}))}return e}function m(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}const x=_(r).default.forwardRef(((_,j)=>{var{autoFocus:x,"aria-describedby":O,"aria-labelledby":g,children:v,"data-component":q="text-input","data-element":w,"data-is-open":I,"data-role":P,disabled:C,error:k,id:$,inputHint:W,inputIcon:z,inputWidth:T,label:D,labelInline:M=!1,leftChildren:R,maxWidth:S,name:E,onChange:F,onClick:B,onMouseDown:H,placeholder:V,prefix:A,readOnly:L,required:U,size:G="medium",type:J="text",validationMessagePositionTop:K,value:N,warning:Q}=_,X=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},l=Object.keys(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(_,["autoFocus","aria-describedby","aria-labelledby","children","data-component","data-element","data-is-open","data-role","disabled","error","id","inputHint","inputIcon","inputWidth","label","labelInline","leftChildren","maxWidth","name","onChange","onClick","onMouseDown","placeholder","prefix","readOnly","required","size","type","validationMessagePositionTop","value","warning"]);const Y=r.useRef(null),Z=f.default(j,Y),{disableErrorBorder:ee}=r.useContext(y.default),re={disabled:C,readOnly:L},[te,ne]=a.default($,E),{labelId:ie,validationId:le,ariaDescribedBy:ae}=s.default({id:te,validationRedesignOptIn:!0,error:k,warning:Q,label:D}),oe=r.useRef(o.default()),se=W?oe.current:void 0,ue=A?`${te}-prefix`:void 0,de=null!=T?T:M?80:100,ce=[se,ue,ae,O].filter(Boolean).join(" "),pe=!(!k&&!Q);b.default(!!k,!!Q,te);const be=pe&&!ee&&e.jsx(n.default,{id:le,size:G,error:k,warning:Q}),fe=pe&&!ee&&e.jsx(u.default,{"data-role":"error-border",$warning:!(k||!Q)}),ye=r.useCallback((e=>{C||L||null==H||H(e)}),[H,C,L]),_e=r.useCallback((e=>{C||L||null==B||B(e)}),[B,C,L]);return e.jsxs(d.StyledTextInput,m(h({"data-element":w,"data-role":P,"data-component":q,$size:G,$labelInline:M,$hasValidationFailure:M&&pe},i.default(X)),{children:[D&&e.jsxs(d.LabelWrapper,{"data-role":"label-wrapper",$labelInline:M,$size:G,$labelWrapperWidth:M&&"number"==typeof de?100-de:void 0,children:[e.jsx(p.default,m(h({id:ie,htmlFor:te,size:G,isRequired:U},re),{children:D})),W&&e.jsx(c.HintText,m(h({id:se,size:G},re),{children:W}))]}),e.jsxs(d.InputWrapper,{"data-role":"input-wrapper",$size:G,$maxWidth:S,$inputWidth:T,onClick:()=>{var e;C||L||document.activeElement===Y.current||null===(e=Y.current)||void 0===e||e.focus()},"data-is-open":I,children:[K&&be,e.jsx(t.default,m(h({id:te,name:ne,"aria-invalid":!!k,"aria-describedby":ce,"aria-labelledby":g,value:N,placeholder:C||L?void 0:V,required:U,ref:Z,autoFocus:x,onMouseDown:ye,onClick:_e,onChange:F,error:!!k,inputIcon:z,size:G,prefix:A,prefixId:ue,leftChildren:R,type:J},re,l.default(X)),{children:v})),!K&&be,fe]})]}))}));exports.TextInput=x,exports.default=x;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "159.8.0",
+  "version": "159.8.1",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",