@lifesg/react-design-system 2.5.0-canary.4 → 2.5.0-canary.5

package/cjs/index.js

@@ -6429,7 +6429,7 @@ function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof S
     margin-left: 0.5rem;
 `,StyledAlert=styled__default.default(Alert)`
     margin-top: 0.5rem;
-`,UneditableSectionItem=({label:e,value:t,displayWidth:r="full",maskState:n,maskLoadingState:i,maskChar:a="•",maskRange:o,unmaskRange:s,maskRegex:l,disableMaskUnmask:c,alert:d,maskTransformer:u,onMask:p,onUnmask:h,onTryAgain:f})=>{const[m,g]=React.useState(n);React.useEffect((()=>{g(n)}),[n]);const y=()=>{switch("fail"===i&&f&&f(),m){case"masked":h&&h(),g("unmasked");break;case"unmasked":p&&p(),g("masked")}},x=()=>"masked"===m?StringHelper.maskValue(t,{maskChar:a,maskRange:o,unmaskRange:s,maskRegex:l,maskTransformer:u}):t,b=()=>{switch(i){case"fail":return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ErrorIcon,{}),jsxRuntime.jsx(ErrorLabel,{children:"Error"}),jsxRuntime.jsx(TryAgainLabel,{children:"Try again?"})]});case"loading":return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Spinner,{}),jsxRuntime.jsx(LoadingLabel,{children:"Retrieving..."})]});default:return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[x(),jsxRuntime.jsx(IconContainer,{children:"masked"===m?jsxRuntime.jsx(eye.EyeIcon,{"data-testid":"masked-icon"}):jsxRuntime.jsx(eyeSlash.EyeSlashIcon,{"data-testid":"unmasked-icon"})})]})}};return jsxRuntime.jsxs(Container,Object.assign({$widthStyle:r},{children:[jsxRuntime.jsx(FormLabel,{children:e}),m?c?jsxRuntime.jsx(exports.Text.Body,{children:x()}):jsxRuntime.jsx(Clickable,Object.assign({"data-testid":"clickable-label",onClick:y,"aria-busy":"loading"===i,"aria-live":"polite"},{children:b()})):jsxRuntime.jsx(exports.Text.Body,{children:t}),d&&jsxRuntime.jsx(StyledAlert,Object.assign({sizeType:"small"},d))]}))},Wrapper=styled__default.default(Layout.Content)`
+`,UneditableSectionItem=({label:e,value:t,displayWidth:r="full",maskState:n,maskLoadingState:i,maskChar:a="•",maskRange:o,unmaskRange:s,maskRegex:l,disableMaskUnmask:c,alert:d,maskTransformer:u,onMask:p,onUnmask:h,onTryAgain:f})=>{const[m,g]=React.useState(n);React.useEffect((()=>{g(n)}),[n]);const y=()=>{switch("fail"===i&&f&&f(),m){case"masked":h&&h(),g("unmasked");break;case"unmasked":p&&p(),g("masked")}},x=()=>"masked"===m?StringHelper.maskValue(t,{maskChar:a,maskRange:o,unmaskRange:s,maskRegex:l,maskTransformer:u}):t,b=()=>{switch(i){case"fail":return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ErrorIcon,{}),jsxRuntime.jsx(ErrorLabel,{children:"Error"}),jsxRuntime.jsx(TryAgainLabel,{children:"Try again?"})]});case"loading":return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Spinner,{}),jsxRuntime.jsx(LoadingLabel,{children:"Retrieving..."})]});default:return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[x(),jsxRuntime.jsx(IconContainer,{children:"masked"===m?jsxRuntime.jsx(eye.EyeIcon,{"data-testid":"masked-icon"}):jsxRuntime.jsx(eyeSlash.EyeSlashIcon,{"data-testid":"unmasked-icon"})})]})}};return jsxRuntime.jsxs(Container,Object.assign({$widthStyle:r},{children:[jsxRuntime.jsx(FormLabel,{children:e}),m?c?jsxRuntime.jsx(exports.Text.Body,{children:x()}):jsxRuntime.jsx(Clickable,Object.assign({"data-testid":"clickable-label",onClick:y,"aria-busy":"loading"===i,"aria-live":"polite",type:"button"},{children:b()})):jsxRuntime.jsx(exports.Text.Body,{children:t}),d&&jsxRuntime.jsx(StyledAlert,Object.assign({sizeType:"small"},d))]}))},Wrapper=styled__default.default(Layout.Content)`
     background: ${({$background:e})=>e?Color.Neutral[7]:"transparent"};
     padding-top: 2rem;
     padding-bottom: 2rem;