carbon-react/lib/components/select/__internal__/select-textbox/select-textbox.component.js

A library of reusable React components for easily building user interfaces.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./select-textbox.context.js"),n=require("./select-textbox.style.js"),o=require("../../../textbox/textbox.component.js"),a=require("../../../../hooks/__internal__/useLocale/useLocale.js");function l(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 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){i(e,t,r[t])}))}return e}function s(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}function d(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(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)&&(o[r]=e[r])}return o}const u=l(t).default.forwardRef(((t,l)=>{var{ariaLabel:i,ariaLabelledby:u,accessibilityLabelId:b,labelId:p,"aria-controls":y,disabled:f=!1,isOpen:O,id:x,readOnly:j=!1,placeholder:h,size:m="medium",onClick:v,onFocus:g,onBlur:w,formattedValue:P="",selectedValue:S,required:C,hasTextCursor:I,transparent:q=!1,activeDescendantId:D,onKeyDown:k,onChange:L}=t,_=d(t,["ariaLabel","ariaLabelledby","accessibilityLabelId","labelId","aria-controls","disabled","isOpen","id","readOnly","placeholder","size","onClick","onFocus","onBlur","formattedValue","selectedValue","required","hasTextCursor","transparent","activeDescendantId","onKeyDown","onChange"]);const T=a.default(),V=h||T.select.placeholder(),z=!f&&!j&&!P;function B(e){null==v||v(e)}const E=c({disabled:f,id:x,readOnly:j,required:C,onClick:B,onFocus:function(e){f||j||null==g||g(e)},onBlur:w,labelId:p,type:"text",ref:l,onKeyDown:k},_),{"aria-describedby":F}=_,K=d(_,["aria-describedby"]),A={"aria-expanded":j?void 0:O,"aria-labelledby":b?`${u||p} ${b}`:u,"aria-activedescendant":D,"aria-controls":y,"aria-autocomplete":I?"both":void 0,role:j?void 0:"combobox"},M="string"==typeof S||Array.isArray(S)&&"string"==typeof S[0];return e.jsx(r.SelectTextboxContext.Provider,{value:{isInputInSelect:!0},children:e.jsx(o.Textbox,s(c({"aria-describedby":F,"aria-label":i,"data-element":"select-input","data-role":"select-textbox",inputIcon:"dropdown",autoComplete:"off",size:m,formattedValue:P,placeholder:I?V:void 0},A,E),{onChange:L,value:M?S:void 0,my:0,children:!I&&e.jsx(n.StyledSelectText,s(c({"aria-hidden":!0,"data-element":"select-text","data-role":"select-text",disabled:f,hasPlaceholder:z,onClick:f||j?void 0:B,readOnly:j,transparent:q,size:m},K),{children:e.jsx(n.StyledSelectTextChildrenWrapper,{children:z?V:P})}))}))})}));u.displayName="SelectTextbox",exports.default=u;