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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifesg/react-design-system",
-  "version": "2.5.0-canary.4",
+  "version": "2.5.0-canary.5",
   "description": "A component design system for LifeSG web apps",
   "main": "./cjs/index.js",
   "module": "./index.js",

package/uneditable-section/index.js

@@ -585,7 +585,7 @@ var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.pr
     margin-left: 0.5rem;
 `,Oi=m((n=>{var{type:r,className:o,children:i,actionLink:a,actionLinkIcon:s,sizeType:l="default",showIcon:c=!1}=n,u=D(n,["type","className","children","actionLink","actionLinkIcon","sizeType","showIcon"]);return t(hi,Object.assign({className:o,$type:r,$sizeType:l,"data-testid":u["data-testid"]},{children:[c&&e(mi,Object.assign({$sizeType:l,$type:r},{children:(()=>{switch(r){case"success":return e(w,{});case"warning":return e($,{});case"error":return e(S,{});case"info":case"description":return e(d,{});default:return null}})()})),t(yi,{children:[i,a&&t(gi,Object.assign({"data-testid":"action-link",$type:r,$sizeType:l},a,{children:[a.children,s||e(F,{})]}))]})]}))}))`
     margin-top: 0.5rem;
-`,Ei=({label:i,value:a,displayWidth:s="full",maskState:u,maskLoadingState:d,maskChar:f="•",maskRange:p,unmaskRange:h,maskRegex:m,disableMaskUnmask:g,alert:y,maskTransformer:v,onMask:b,onUnmask:x,onTryAgain:w})=>{const[$,S]=c(u);l((()=>{S(u)}),[u]);const F=()=>{switch("fail"===d&&w&&w(),$){case"masked":x&&x(),S("unmasked");break;case"unmasked":b&&b(),S("masked")}},D=()=>"masked"===$?Xt.maskValue(a,{maskChar:f,maskRange:p,unmaskRange:h,maskRegex:m,maskTransformer:v}):a,O=()=>{switch(d){case"fail":return t(n,{children:[e(Si,{}),e(Fi,{children:"Error"}),e(Di,{children:"Try again?"})]});case"loading":return t(n,{children:[e($i,{}),e(wi,{children:"Retrieving..."})]});default:return t(n,{children:[D(),e(bi,{children:"masked"===$?e(r,{"data-testid":"masked-icon"}):e(o,{"data-testid":"unmasked-icon"})})]})}};return t(vi,Object.assign({$widthStyle:s},{children:[e(si,{children:i}),$?g?e(Ho.Body,{children:D()}):e(xi,Object.assign({"data-testid":"clickable-label",onClick:F,"aria-busy":"loading"===d,"aria-live":"polite"},{children:O()})):e(Ho.Body,{children:a}),y&&e(Oi,Object.assign({sizeType:"small"},y))]}))},Bi=m.div`
+`,Ei=({label:i,value:a,displayWidth:s="full",maskState:u,maskLoadingState:d,maskChar:f="•",maskRange:p,unmaskRange:h,maskRegex:m,disableMaskUnmask:g,alert:y,maskTransformer:v,onMask:b,onUnmask:x,onTryAgain:w})=>{const[$,S]=c(u);l((()=>{S(u)}),[u]);const F=()=>{switch("fail"===d&&w&&w(),$){case"masked":x&&x(),S("unmasked");break;case"unmasked":b&&b(),S("masked")}},D=()=>"masked"===$?Xt.maskValue(a,{maskChar:f,maskRange:p,unmaskRange:h,maskRegex:m,maskTransformer:v}):a,O=()=>{switch(d){case"fail":return t(n,{children:[e(Si,{}),e(Fi,{children:"Error"}),e(Di,{children:"Try again?"})]});case"loading":return t(n,{children:[e($i,{}),e(wi,{children:"Retrieving..."})]});default:return t(n,{children:[D(),e(bi,{children:"masked"===$?e(r,{"data-testid":"masked-icon"}):e(o,{"data-testid":"unmasked-icon"})})]})}};return t(vi,Object.assign({$widthStyle:s},{children:[e(si,{children:i}),$?g?e(Ho.Body,{children:D()}):e(xi,Object.assign({"data-testid":"clickable-label",onClick:F,"aria-busy":"loading"===d,"aria-live":"polite",type:"button"},{children:O()})):e(Ho.Body,{children:a}),y&&e(Oi,Object.assign({sizeType:"small"},y))]}))},Bi=m.div`
     position: relative;
     ${e=>{const{$desktopStart:t,$desktopSpan:n,$tabletStart:r,$tabletSpan:o,$mobileStart:i,$mobileSpan:a}=e;return g`
             grid-column: ${t||"auto"} / span ${n||1};