carbon-react 159.9.0 → 159.9.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm/__internal__/input/input.component.d.ts +4 -0
- package/esm/__internal__/input/input.component.js +1 -1
- package/esm/__internal__/input/input.style.js +1 -1
- package/esm/components/textbox/__internal__/__next__/text-input.component.js +1 -1
- package/esm/components/textbox/__internal__/__next__/text-input.style.js +1 -1
- package/lib/__internal__/input/input.component.d.ts +4 -0
- package/lib/__internal__/input/input.component.js +1 -1
- package/lib/__internal__/input/input.style.js +1 -1
- package/lib/components/textbox/__internal__/__next__/text-input.component.js +1 -1
- package/lib/components/textbox/__internal__/__next__/text-input.style.js +1 -1
- package/package.json +1 -1
|
@@ -42,6 +42,10 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
|
|
|
42
42
|
* @private @internal @ignore
|
|
43
43
|
*/
|
|
44
44
|
"data-is-transparent"?: boolean;
|
|
45
|
+
/**
|
|
46
|
+
* @private @internal @ignore
|
|
47
|
+
*/
|
|
48
|
+
"data-is-open"?: boolean;
|
|
45
49
|
}
|
|
46
50
|
declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
47
51
|
export default Input;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t}from"react/jsx-runtime";import r,{useRef as n,useEffect as
|
|
1
|
+
import{jsxs as e,jsx as t}from"react/jsx-runtime";import r,{useRef as n,useEffect as a,useCallback as i}from"react";import o from"./input.style.js";import l from"../utils/helpers/combine-refs/index.js";function d(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function c(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){d(e,t,r[t])}))}return e}const u=r.forwardRef(((r,d)=>{var{align:u="left","aria-describedby":s,"aria-labelledby":p,autoFocus:f,error:b,"data-is-transparent":y,"data-is-open":m,children:O,disabled:h,id:x,inputIcon:v,inputWidth:g,leftChildren:j,name:w,onFocus:$,prefix:P,prefixId:S,readOnly:F,size:I,type:E="text"}=r,z=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}(r,["align","aria-describedby","aria-labelledby","autoFocus","error","data-is-transparent","data-is-open","children","disabled","id","inputIcon","inputWidth","leftChildren","name","onFocus","prefix","prefixId","readOnly","size","type"]);const R=n(null),k=l(d,R);a((()=>{var e;f&&(null===(e=R.current)||void 0===e||e.focus())}),[f]);const C=i((e=>{var t;null==$||$(e),"text"===E&&(t=R,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)}})))}),[$,E]);return e(o,{$align:u,"data-role":"input-container",$error:b,$size:I,$isDisabled:h,$isReadOnly:F,"data-is-transparent":y,"data-is-open":m,children:[e("div",{"data-role":"input-text-container",role:"presentation",className:`input-text-container ${h?"disabled":""} ${F?"read-only":""}`,children:[j,P&&t("span",{id:S,"data-element":"textbox-prefix",children:P}),t("input",c({ref:k,"data-element":"input","data-role":"input",disabled:h,readOnly:F,"aria-describedby":s,"aria-labelledby":p,type:E,onFocus:C,id:x,name:w,"data-has-autofocus":!!f||void 0},z)),v]}),O]})}));export{u as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import a,{css as
|
|
1
|
+
import a,{css as t}from"styled-components";import e from"../../style/utils/add-focus-styling.js";import{dateStyleOverrides as l,searchStyleOverrides as o,selectStyleOverrides as r,pagerStyleOverrides as i,numeralDateStyles as n}from"./input-style-overrides.style.js";const d=a.div.withConfig({displayName:"input.style__InputContainer",componentId:"sc-8b5b4f1b-0"})([""," "," "," "," "," ",' &[data-is-open="true"]{z-index:var( --adaptiveSidebarModalBackdrop,var(--carbon-zindex-above-all) );&:focus-within:has(:focus:not(button)){z-index:var( --adaptiveSidebarModalBackdrop,var(--carbon-zindex-above-all) );}}'],(({$align:a,$error:l,$isDisabled:o,$isReadOnly:r,$size:i})=>t(["display:flex;align-items:center;align-self:stretch;max-width:100%;border-radius:var(--global-radius-action-m);"," "," "," &&&{"," ","}"," "," .input-text-container{display:flex;flex-wrap:wrap;align-items:center;flex:1 0 0;max-width:100%;align-self:stretch;input{align-self:stretch;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;flex:1 0 0;min-width:0;overflow:hidden;border:none;outline:none;background:transparent;text-overflow:ellipsis;text-align:",";"," "," "," "," "," ",'}[data-element="textbox-prefix"]{font-weight:500;margin-left:var(--global-space-comp-m);}}'],"small"===i&&t(["min-height:var(--global-size-s);"]),"medium"===i&&t(["min-height:var(--global-size-m);"]),"large"===i&&t(["min-height:var(--global-size-l);"]),r&&t(["cursor:default;*{cursor:default;}background:var(--input-typical-bg-read-only);border:var(--global-borderwidth-xs) solid var(--input-typical-border-read-only);&:focus-within:has(:focus:not(button)){"," z-index:2;}"],e()),o&&t(["cursor:not-allowed;background:var(--input-typical-bg-disabled);border:var(--global-borderwidth-xs) solid var(--input-typical-border-disabled);*{cursor:not-allowed;}"]),!o&&!r&&t(["cursor:text;&:focus-within:has(:focus:not(button)){"," z-index:2;}"],e()),!o&&!r&&t(["background:var(--input-typical-bg-default);border:",";"],l?"var(--global-borderwidth-s) solid var(--input-validation-border-error)":"var(--global-borderwidth-xs) solid var(--input-typical-border-default)"),a,r&&t(["color:var(--input-typical-txt-read-only);"]),o&&t(["color:var(--input-typical-txt-disabled);"]),!r&&!o&&t(["color:var(--input-typical-txt-default);"]),"small"===i&&t(["font:var(--global-font-static-comp-regular-s);padding:var(--global-space-none) var(--global-space-comp-s);"]),"medium"===i&&t(["font:var(--global-font-static-comp-regular-m);padding:var(--global-space-none) var(--global-space-comp-m);"]),"large"===i&&t(["font:var(--global-font-static-comp-regular-l);padding:var(--global-space-none) var(--global-space-comp-l);"]))),l,o,(({$size:a,$isDisabled:t,$isReadOnly:e})=>r(a,t,e)),i,n);export{d as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as r}from"react/jsx-runtime";import t,{useRef as i,useContext as n,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";import v from"../../../fieldset/__internal__/fieldset.context.js";function x(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]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(r){x(e,r,t[r])}))}return e}function I(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,x)=>{var{autoFocus:P,"aria-describedby":$,"aria-labelledby":k,children:z,"data-component":C="text-input","data-element":D,"data-is-open":W,"data-role":q,disabled:E,error:S,id:T,inputHint:F,inputIcon:M,inputWidth:R,label:B,labelInline:V=!1,leftChildren:A,maxWidth:H,name:U,onChange:G,onClick:J,onMouseDown:K,placeholder:L,prefix:N,readOnly:Q,required:X,size:Y="medium",type:Z="text",validationMessagePositionTop:ee,value:re,warning:te}=t,ie=function(e,r){if(null==e)return{};var t,i,n=function(e,r){if(null==e)return{};var t,i,n={},o=Object.keys(e);for(i=0;i<o.length;i++)t=o[i],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(i=0;i<o.length;i++)t=o[i],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(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=i(null),oe=O(x,ne),{disableErrorBorder:le}=n(g),ae={disabled:E,readOnly:Q},[se,de]=p(T,U),{labelId:pe,validationId:ce,ariaDescribedBy:ue}=u({id:se,validationRedesignOptIn:!0,error:S,warning:te,label:B}),me=i(c()),be=F?me.current:void 0,fe=N?`${se}-prefix`:void 0,{size:ye,hasError:_e,required:he}=n(v),je=ye||Y,Oe=!!S||!!_e,ge=null!=R?R:V?80:100,ve=[be,fe,ue,$].filter(Boolean).join(" "),xe=!(!S&&!te);j(!!S,!!te,se);const we=xe&&!le&&r(a,{id:ce,size:je,error:S,warning:te}),Ie=xe&&!le&&r(m,{"data-role":"error-border",$warning:!(S||!te)}),Pe=o((e=>{E||Q||null==K||K(e)}),[K,E,Q]),$e=o((e=>{E||Q||null==J||J(e)}),[J,E,Q]);return e(b,I(w({"data-element":D,"data-role":q,"data-component":C,$size:je,$labelInline:V,$hasValidationFailure:V&&xe},s(ie)),{children:[B&&e(f,{"data-role":"label-wrapper",$labelInline:V,$size:je,$labelWrapperWidth:V&&"number"==typeof ge?100-ge:void 0,children:[r(h,I(w({id:pe,htmlFor:se,size:je,isRequired:X},ae),{children:B})),F&&r(_,I(w({id:be,size:je},ae),{children:F}))]}),e(y,{"data-role":"input-wrapper",$size:je,$maxWidth:H,$inputWidth:R,onClick:()=>{var e;E||Q||document.activeElement===ne.current||null===(e=ne.current)||void 0===e||e.focus()},
|
|
1
|
+
import{jsxs as e,jsx as r}from"react/jsx-runtime";import t,{useRef as i,useContext as n,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";import v from"../../../fieldset/__internal__/fieldset.context.js";function x(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]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(r){x(e,r,t[r])}))}return e}function I(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,x)=>{var{autoFocus:P,"aria-describedby":$,"aria-labelledby":k,children:z,"data-component":C="text-input","data-element":D,"data-is-open":W,"data-role":q,disabled:E,error:S,id:T,inputHint:F,inputIcon:M,inputWidth:R,label:B,labelInline:V=!1,leftChildren:A,maxWidth:H,name:U,onChange:G,onClick:J,onMouseDown:K,placeholder:L,prefix:N,readOnly:Q,required:X,size:Y="medium",type:Z="text",validationMessagePositionTop:ee,value:re,warning:te}=t,ie=function(e,r){if(null==e)return{};var t,i,n=function(e,r){if(null==e)return{};var t,i,n={},o=Object.keys(e);for(i=0;i<o.length;i++)t=o[i],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(i=0;i<o.length;i++)t=o[i],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(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=i(null),oe=O(x,ne),{disableErrorBorder:le}=n(g),ae={disabled:E,readOnly:Q},[se,de]=p(T,U),{labelId:pe,validationId:ce,ariaDescribedBy:ue}=u({id:se,validationRedesignOptIn:!0,error:S,warning:te,label:B}),me=i(c()),be=F?me.current:void 0,fe=N?`${se}-prefix`:void 0,{size:ye,hasError:_e,required:he}=n(v),je=ye||Y,Oe=!!S||!!_e,ge=null!=R?R:V?80:100,ve=[be,fe,ue,$].filter(Boolean).join(" "),xe=!(!S&&!te);j(!!S,!!te,se);const we=xe&&!le&&r(a,{id:ce,size:je,error:S,warning:te}),Ie=xe&&!le&&r(m,{"data-role":"error-border",$warning:!(S||!te)}),Pe=o((e=>{E||Q||null==K||K(e)}),[K,E,Q]),$e=o((e=>{E||Q||null==J||J(e)}),[J,E,Q]);return e(b,I(w({"data-element":D,"data-role":q,"data-component":C,$size:je,$labelInline:V,$hasValidationFailure:V&&xe},s(ie)),{children:[B&&e(f,{"data-role":"label-wrapper",$labelInline:V,$size:je,$labelWrapperWidth:V&&"number"==typeof ge?100-ge:void 0,children:[r(h,I(w({id:pe,htmlFor:se,size:je,isRequired:X},ae),{children:B})),F&&r(_,I(w({id:be,size:je},ae),{children:F}))]}),e(y,{"data-role":"input-wrapper",$size:je,$maxWidth:H,$inputWidth:R,onClick:()=>{var e;E||Q||document.activeElement===ne.current||null===(e=ne.current)||void 0===e||e.focus()},children:[ee&&we,r(l,I(w({id:se,name:de,"aria-invalid":Oe,"aria-describedby":ve,"aria-labelledby":k,value:re,placeholder:E||Q?void 0:L,required:X||he,ref:oe,autoFocus:P,onMouseDown:Pe,onClick:$e,onChange:G,error:Oe,inputIcon:M,size:je,prefix:N,prefixId:fe,leftChildren:A,type:Z,"data-is-open":W},ae,d(ie)),{children:z})),!ee&&we,Ie]})]}))}));export{P as TextInput,P as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{css as a}from"styled-components";import{margin as t}from"styled-system";import l from"../../../../style/themes/apply-base-theme.js";const i=e.div.attrs(l).withConfig({displayName:"text-input.style__StyledTextInput",componentId:"sc-
|
|
1
|
+
import e,{css as a}from"styled-components";import{margin as t}from"styled-system";import l from"../../../../style/themes/apply-base-theme.js";const i=e.div.attrs(l).withConfig({displayName:"text-input.style__StyledTextInput",componentId:"sc-4251a6d0-0"})(['[data-component="inline-inputs"] &,&[data-element="current-page"]{--fieldSpacing:0px;}margin-bottom:var(--fieldSpacing);'," display:flex;align-items:flex-start;flex-direction:",";gap:",";.fieldset-content &{gap:var(--global-space-comp-xs);}.time &{gap:unset;}.search &{flex:1 1 0%;}"],t,(({$labelInline:e})=>e?"row":"column"),(({$labelInline:e,$size:a,$hasValidationFailure:t})=>{if(!e)switch(a){case"small":return"var(--global-space-comp-xs)";case"large":return"var(--global-space-comp-m)";default:return"var(--global-space-comp-s)"}return"large"===a?t?"var(--global-space-comp-l)":"var(--global-space-comp-m)":t?"var(--global-space-comp-l)":"var(--global-space-comp-s)"})),n=e.div.withConfig({displayName:"text-input.style__LabelWrapper",componentId:"sc-4251a6d0-1"})([""," display:flex;flex-direction:column;align-self:stretch;",""],(({$labelWrapperWidth:e})=>e&&`\n --label-spacing: ${e}%;\n\n [data-component="date-range"] & {\n --label-spacing: ${2*e}%;\n }\n `),(({$labelInline:e,$size:t})=>a([""," ",""],e&&a(["padding-top:var(--global-space-comp-",");justify-content:flex-start;align-items:flex-end;align-self:stretch;width:var(--label-spacing,auto);"],t.charAt(0)),!e&&a(["justify-content:flex-end;align-items:flex-start;"])))),s=e.div.withConfig({displayName:"text-input.style__InputWrapper",componentId:"sc-4251a6d0-2"})(["display:flex;flex-direction:column;position:relative;width:100%;min-width:0;gap:",";",""],(({$size:e})=>"small"===e?"var(--global-space-comp-xs)":"var(--global-space-comp-s)"),(({$maxWidth:e,$inputWidth:t})=>a([""," width:",";"],e&&`max-width: ${e};`,t?`${t}%`:"100%")));export{s as InputWrapper,n as LabelWrapper,i as StyledTextInput};
|
|
@@ -42,6 +42,10 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
|
|
|
42
42
|
* @private @internal @ignore
|
|
43
43
|
*/
|
|
44
44
|
"data-is-transparent"?: boolean;
|
|
45
|
+
/**
|
|
46
|
+
* @private @internal @ignore
|
|
47
|
+
*/
|
|
48
|
+
"data-is-open"?: boolean;
|
|
45
49
|
}
|
|
46
50
|
declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
47
51
|
export default Input;
|
|
@@ -1 +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:d,error:c,"data-is-transparent":f,
|
|
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:d,error:c,"data-is-transparent":f,"data-is-open":p,children:b,disabled:y,id:x,inputIcon:O,inputWidth:m,leftChildren:j,name:v,onFocus:h,prefix:g,prefixId:w,readOnly:P,size:$,type:S="text"}=a,E=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","data-is-open","children","disabled","id","inputIcon","inputWidth","leftChildren","name","onFocus","prefix","prefixId","readOnly","size","type"]);const F=t.useRef(null),I=n.default(i,F);t.useEffect((()=>{var e;d&&(null===(e=F.current)||void 0===e||e.focus())}),[d]);const q=t.useCallback((e=>{var t;null==h||h(e),"text"===S&&(t=F,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)}})))}),[h,S]);return e.jsxs(r.default,{$align:o,"data-role":"input-container",$error:c,$size:$,$isDisabled:y,$isReadOnly:P,"data-is-transparent":f,"data-is-open":p,children:[e.jsxs("div",{"data-role":"input-text-container",role:"presentation",className:`input-text-container ${y?"disabled":""} ${P?"read-only":""}`,children:[j,g&&e.jsx("span",{id:w,"data-element":"textbox-prefix",children:g}),e.jsx("input",l({ref:I,"data-element":"input","data-role":"input",disabled:y,readOnly:P,"aria-describedby":u,"aria-labelledby":s,type:S,onFocus:q,id:x,name:v,"data-has-autofocus":!!d||void 0},E)),O]}),b]})}));exports.default=o;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),a=require("../../style/utils/add-focus-styling.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),a=require("../../style/utils/add-focus-styling.js"),r=require("./input-style-overrides.style.js");function t(e){return e&&e.__esModule?e:{default:e}}const l=t(e).default.div.withConfig({displayName:"input.style__InputContainer",componentId:"sc-8b5b4f1b-0"})([""," "," "," "," "," ",' &[data-is-open="true"]{z-index:var( --adaptiveSidebarModalBackdrop,var(--carbon-zindex-above-all) );&:focus-within:has(:focus:not(button)){z-index:var( --adaptiveSidebarModalBackdrop,var(--carbon-zindex-above-all) );}}'],(({$align:r,$error:t,$isDisabled:l,$isReadOnly:i,$size:o})=>e.css(["display:flex;align-items:center;align-self:stretch;max-width:100%;border-radius:var(--global-radius-action-m);"," "," "," &&&{"," ","}"," "," .input-text-container{display:flex;flex-wrap:wrap;align-items:center;flex:1 0 0;max-width:100%;align-self:stretch;input{align-self:stretch;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;flex:1 0 0;min-width:0;overflow:hidden;border:none;outline:none;background:transparent;text-overflow:ellipsis;text-align:",";"," "," "," "," "," ",'}[data-element="textbox-prefix"]{font-weight:500;margin-left:var(--global-space-comp-m);}}'],"small"===o&&e.css(["min-height:var(--global-size-s);"]),"medium"===o&&e.css(["min-height:var(--global-size-m);"]),"large"===o&&e.css(["min-height:var(--global-size-l);"]),i&&e.css(["cursor:default;*{cursor:default;}background:var(--input-typical-bg-read-only);border:var(--global-borderwidth-xs) solid var(--input-typical-border-read-only);&:focus-within:has(:focus:not(button)){"," z-index:2;}"],a.default()),l&&e.css(["cursor:not-allowed;background:var(--input-typical-bg-disabled);border:var(--global-borderwidth-xs) solid var(--input-typical-border-disabled);*{cursor:not-allowed;}"]),!l&&!i&&e.css(["cursor:text;&:focus-within:has(:focus:not(button)){"," z-index:2;}"],a.default()),!l&&!i&&e.css(["background:var(--input-typical-bg-default);border:",";"],t?"var(--global-borderwidth-s) solid var(--input-validation-border-error)":"var(--global-borderwidth-xs) solid var(--input-typical-border-default)"),r,i&&e.css(["color:var(--input-typical-txt-read-only);"]),l&&e.css(["color:var(--input-typical-txt-disabled);"]),!i&&!l&&e.css(["color:var(--input-typical-txt-default);"]),"small"===o&&e.css(["font:var(--global-font-static-comp-regular-s);padding:var(--global-space-none) var(--global-space-comp-s);"]),"medium"===o&&e.css(["font:var(--global-font-static-comp-regular-m);padding:var(--global-space-none) var(--global-space-comp-m);"]),"large"===o&&e.css(["font:var(--global-font-static-comp-regular-l);padding:var(--global-space-none) var(--global-space-comp-l);"]))),r.dateStyleOverrides,r.searchStyleOverrides,(({$size:e,$isDisabled:a,$isReadOnly:t})=>r.selectStyleOverrides(e,a,t)),r.pagerStyleOverrides,r.numeralDateStyles);exports.default=l;
|
|
@@ -1 +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"),_=require("../../../../__internal__/fieldset-validation-context/fieldset-validation-context.js"),y=require("../../../fieldset/__internal__/fieldset.context.js");function j(e){return e&&e.__esModule?e:{default:e}}function h(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function m(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){h(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 O=j(r).default.forwardRef(((j,h)=>{var{autoFocus:O,"aria-describedby":g,"aria-labelledby":v,children:q,"data-component":w="text-input","data-element":I,"data-is-open":P,"data-role":C,disabled:k,error:$,id:z,inputHint:W,inputIcon:T,inputWidth:D,label:M,labelInline:R=!1,leftChildren:S,maxWidth:E,name:F,onChange:B,onClick:H,onMouseDown:V,placeholder:A,prefix:L,readOnly:U,required:G,size:J="medium",type:K="text",validationMessagePositionTop:N,value:Q,warning:X}=j,Y=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}(j,["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 Z=r.useRef(null),ee=f.default(h,Z),{disableErrorBorder:re}=r.useContext(_.default),te={disabled:k,readOnly:U},[ne,ie]=a.default(z,F),{labelId:le,validationId:ae,ariaDescribedBy:oe}=s.default({id:ne,validationRedesignOptIn:!0,error:$,warning:X,label:M}),se=r.useRef(o.default()),ue=W?se.current:void 0,de=L?`${ne}-prefix`:void 0,{size:ce,hasError:pe,required:be}=r.useContext(y.default),fe=ce||J,_e=!!$||!!pe,ye=null!=D?D:R?80:100,je=[ue,de,oe,g].filter(Boolean).join(" "),he=!(!$&&!X);b.default(!!$,!!X,ne);const me=he&&!re&&e.jsx(n.default,{id:ae,size:fe,error:$,warning:X}),xe=he&&!re&&e.jsx(u.default,{"data-role":"error-border",$warning:!($||!X)}),Oe=r.useCallback((e=>{k||U||null==V||V(e)}),[V,k,U]),ge=r.useCallback((e=>{k||U||null==H||H(e)}),[H,k,U]);return e.jsxs(d.StyledTextInput,x(m({"data-element":I,"data-role":C,"data-component":w,$size:fe,$labelInline:R,$hasValidationFailure:R&&he},i.default(Y)),{children:[M&&e.jsxs(d.LabelWrapper,{"data-role":"label-wrapper",$labelInline:R,$size:fe,$labelWrapperWidth:R&&"number"==typeof ye?100-ye:void 0,children:[e.jsx(p.default,x(m({id:le,htmlFor:ne,size:fe,isRequired:G},te),{children:M})),W&&e.jsx(c.HintText,x(m({id:ue,size:fe},te),{children:W}))]}),e.jsxs(d.InputWrapper,{"data-role":"input-wrapper",$size:fe,$maxWidth:E,$inputWidth:D,onClick:()=>{var e;k||U||document.activeElement===Z.current||null===(e=Z.current)||void 0===e||e.focus()},
|
|
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"),_=require("../../../../__internal__/fieldset-validation-context/fieldset-validation-context.js"),y=require("../../../fieldset/__internal__/fieldset.context.js");function j(e){return e&&e.__esModule?e:{default:e}}function h(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function m(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){h(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 O=j(r).default.forwardRef(((j,h)=>{var{autoFocus:O,"aria-describedby":g,"aria-labelledby":v,children:q,"data-component":w="text-input","data-element":I,"data-is-open":P,"data-role":C,disabled:k,error:$,id:z,inputHint:W,inputIcon:T,inputWidth:D,label:M,labelInline:R=!1,leftChildren:S,maxWidth:E,name:F,onChange:B,onClick:H,onMouseDown:V,placeholder:A,prefix:L,readOnly:U,required:G,size:J="medium",type:K="text",validationMessagePositionTop:N,value:Q,warning:X}=j,Y=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}(j,["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 Z=r.useRef(null),ee=f.default(h,Z),{disableErrorBorder:re}=r.useContext(_.default),te={disabled:k,readOnly:U},[ne,ie]=a.default(z,F),{labelId:le,validationId:ae,ariaDescribedBy:oe}=s.default({id:ne,validationRedesignOptIn:!0,error:$,warning:X,label:M}),se=r.useRef(o.default()),ue=W?se.current:void 0,de=L?`${ne}-prefix`:void 0,{size:ce,hasError:pe,required:be}=r.useContext(y.default),fe=ce||J,_e=!!$||!!pe,ye=null!=D?D:R?80:100,je=[ue,de,oe,g].filter(Boolean).join(" "),he=!(!$&&!X);b.default(!!$,!!X,ne);const me=he&&!re&&e.jsx(n.default,{id:ae,size:fe,error:$,warning:X}),xe=he&&!re&&e.jsx(u.default,{"data-role":"error-border",$warning:!($||!X)}),Oe=r.useCallback((e=>{k||U||null==V||V(e)}),[V,k,U]),ge=r.useCallback((e=>{k||U||null==H||H(e)}),[H,k,U]);return e.jsxs(d.StyledTextInput,x(m({"data-element":I,"data-role":C,"data-component":w,$size:fe,$labelInline:R,$hasValidationFailure:R&&he},i.default(Y)),{children:[M&&e.jsxs(d.LabelWrapper,{"data-role":"label-wrapper",$labelInline:R,$size:fe,$labelWrapperWidth:R&&"number"==typeof ye?100-ye:void 0,children:[e.jsx(p.default,x(m({id:le,htmlFor:ne,size:fe,isRequired:G},te),{children:M})),W&&e.jsx(c.HintText,x(m({id:ue,size:fe},te),{children:W}))]}),e.jsxs(d.InputWrapper,{"data-role":"input-wrapper",$size:fe,$maxWidth:E,$inputWidth:D,onClick:()=>{var e;k||U||document.activeElement===Z.current||null===(e=Z.current)||void 0===e||e.focus()},children:[N&&me,e.jsx(t.default,x(m({id:ne,name:ie,"aria-invalid":_e,"aria-describedby":je,"aria-labelledby":v,value:Q,placeholder:k||U?void 0:A,required:G||be,ref:ee,autoFocus:O,onMouseDown:Oe,onClick:ge,onChange:B,error:_e,inputIcon:T,size:fe,prefix:L,prefixId:de,leftChildren:S,type:K,"data-is-open":P},te,l.default(Y)),{children:q})),!N&&me,xe]})]}))}));exports.TextInput=O,exports.default=O;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("styled-components"),a=require("styled-system"),t=require("../../../../style/themes/apply-base-theme.js");function l(e){return e&&e.__esModule?e:{default:e}}var s=l(e);const
|
|
1
|
+
"use strict";var e=require("styled-components"),a=require("styled-system"),t=require("../../../../style/themes/apply-base-theme.js");function l(e){return e&&e.__esModule?e:{default:e}}var s=l(e);const n=s.default.div.attrs(t.default).withConfig({displayName:"text-input.style__StyledTextInput",componentId:"sc-4251a6d0-0"})(['[data-component="inline-inputs"] &,&[data-element="current-page"]{--fieldSpacing:0px;}margin-bottom:var(--fieldSpacing);'," display:flex;align-items:flex-start;flex-direction:",";gap:",";.fieldset-content &{gap:var(--global-space-comp-xs);}.time &{gap:unset;}.search &{flex:1 1 0%;}"],a.margin,(({$labelInline:e})=>e?"row":"column"),(({$labelInline:e,$size:a,$hasValidationFailure:t})=>{if(!e)switch(a){case"small":return"var(--global-space-comp-xs)";case"large":return"var(--global-space-comp-m)";default:return"var(--global-space-comp-s)"}return"large"===a?t?"var(--global-space-comp-l)":"var(--global-space-comp-m)":t?"var(--global-space-comp-l)":"var(--global-space-comp-s)"})),i=s.default.div.withConfig({displayName:"text-input.style__LabelWrapper",componentId:"sc-4251a6d0-1"})([""," display:flex;flex-direction:column;align-self:stretch;",""],(({$labelWrapperWidth:e})=>e&&`\n --label-spacing: ${e}%;\n\n [data-component="date-range"] & {\n --label-spacing: ${2*e}%;\n }\n `),(({$labelInline:a,$size:t})=>e.css([""," ",""],a&&e.css(["padding-top:var(--global-space-comp-",");justify-content:flex-start;align-items:flex-end;align-self:stretch;width:var(--label-spacing,auto);"],t.charAt(0)),!a&&e.css(["justify-content:flex-end;align-items:flex-start;"])))),p=s.default.div.withConfig({displayName:"text-input.style__InputWrapper",componentId:"sc-4251a6d0-2"})(["display:flex;flex-direction:column;position:relative;width:100%;min-width:0;gap:",";",""],(({$size:e})=>"small"===e?"var(--global-space-comp-xs)":"var(--global-space-comp-s)"),(({$maxWidth:a,$inputWidth:t})=>e.css([""," width:",";"],a&&`max-width: ${a};`,t?`${t}%`:"100%")));exports.InputWrapper=p,exports.LabelWrapper=i,exports.StyledTextInput=n;
|