carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 2.67 kB
JavaScript
import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import{useRef as o,useState as n}from"react";import{StyledPassword as i,HiddenAriaLive as l}from"./password.style.js";import a from"../../__internal__/utils/helpers/guid/index.js";import s from"../../__internal__/utils/helpers/tags/tags.js";import c from"../../hooks/__internal__/useLocale/useLocale.js";import{ButtonMinor as u}from"../button-minor/button-minor.component.js";function d(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function p(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){d(e,r,t[r])}))}return e}const b=d=>{var b,f,y,O,m,v,w,j,{id:g,disabled:h,forceObscurity:P=!1}=d,_=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(d,["id","disabled","forceObscurity"]);const S=o(g||a()),L=c(),[x,k]=n(!1),D=!P&&x;return e(r,{children:[t(i,(E=p({"data-element":"styled-password-container",id:S.current,autoComplete:"off",type:D?"text":"password",disabled:h},_,s("password",_)),H={children:t(u,{"aria-label":D?null===(f=L.password)||void 0===f||null===(b=f.ariaLabelHide)||void 0===b?void 0:b.call(f):null===(O=L.password)||void 0===O||null===(y=O.ariaLabelShow)||void 0===y?void 0:y.call(O),"aria-controls":S.current,onClick:()=>k(!x),pr:1,buttonType:"tertiary",iconType:D?"hide":"view",iconPosition:"before",size:"small",disabled:P||h,isInPassword:!0,children:D?null===(v=L.password)||void 0===v||null===(m=v.buttonLabelHide)||void 0===m?void 0:m.call(v):null===(j=L.password)||void 0===j||null===(w=j.buttonLabelShow)||void 0===w?void 0:w.call(j)})},H=null!=H?H:{},Object.getOwnPropertyDescriptors?Object.defineProperties(E,Object.getOwnPropertyDescriptors(H)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(H)).forEach((function(e){Object.defineProperty(E,e,Object.getOwnPropertyDescriptor(H,e))})),E)),t(l,{role:"status","aria-live":"polite",children:D?L.password.ariaLiveShownMessage():L.password.ariaLiveHiddenMessage()})]});var E,H};export{b as Password,b as default};