@lifesg/react-design-system 1.0.0 → 1.0.1

package/cjs/index.js

@@ -1190,7 +1190,7 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,i=Object.pr
             ${TextStyleHelper.getTextStyle("H6","semibold")}
         }
     }
-`,FilterItem=({collapsible:e=!0,minimisable:t=!1,minimisedHeight:r,showDivider:i=!0,showMobileDivider:a=!0,title:n,children:s,...o})=>{const{mode:l}=React.useContext(FilterContext),p="mobile"===l,[d,c]=React.useState(!p&&e),[h,u]=React.useState(t),f=!p&&e,m=useResizeDetector(),y=useResizeDetector(),g=useSpring({height:d?0:m.height}),_=h?r??Math.min(.5*y.height,216):y.height;return require$$0.jsxs(FilterItemWrapper,{$collapsible:f,children:[require$$0.jsx(Divider$2,{$showDivider:i,$showMobileDivider:a}),(n||f)&&require$$0.jsxs(FilterItemHeader,{children:[n&&require$$0.jsx(FilterItemTitle,{weight:"semibold",children:n}),f&&require$$0.jsx(FilterItemExpandButton,{focusHighlight:!1,focusOutline:"browser",onClick:()=>{c(!d)},"aria-label":d?"Expand":"Collapse",children:require$$0.jsx(ChevronIcon$1,{$expanded:!d})})]}),require$$0.jsx(ExpandableItem,{style:p?void 0:g,children:require$$0.jsx("div",{ref:m.ref,children:require$$0.jsxs(FilterItemBody,{...o,children:[require$$0.jsx(MinimisableContent,{$height:_,$minimisable:t,children:require$$0.jsx("div",{ref:y.ref,children:require$$0.jsx("div",{"data-id":"content-container",children:"function"==typeof s?s(l,{minimised:h}):s})})}),t&&require$$0.jsxs(FilterItemMinimiseButton,{"data-id":"minimise-button",styleType:"link",onClick:()=>{u(!h)},children:["View ",h?"more":"less"]})]})})})]})},Container$c=styled__default.default.div`
+`,FilterItem=({collapsible:e=!0,minimisable:t=!1,minimisedHeight:r,showDivider:i=!0,showMobileDivider:a=!0,title:n,children:s,...o})=>{const{mode:l}=React.useContext(FilterContext),p="mobile"===l,[d,c]=React.useState(!p&&e),[h,u]=React.useState(t),f=!p&&e,m=useResizeDetector(),y=useResizeDetector(),g=useSpring({height:d?0:m.height}),_=h?r??Math.min(.5*y.height,216):y.height;return require$$0.jsxs(FilterItemWrapper,{$collapsible:f,children:[require$$0.jsx(Divider$2,{$showDivider:i,$showMobileDivider:a}),(n||f)&&require$$0.jsxs(FilterItemHeader,{children:[n&&require$$0.jsx(FilterItemTitle,{weight:"semibold",children:n}),f&&require$$0.jsx(FilterItemExpandButton,{focusHighlight:!1,focusOutline:"browser",onClick:()=>{c(!d)},"aria-label":d?"Expand":"Collapse",children:require$$0.jsx(ChevronIcon$1,{$expanded:!d})})]}),require$$0.jsx(ExpandableItem,{style:p?void 0:g,children:require$$0.jsx("div",{ref:m.ref,children:require$$0.jsxs(FilterItemBody,{...o,children:[require$$0.jsx(MinimisableContent,{$height:_,$minimisable:t,children:require$$0.jsx("div",{ref:y.ref,children:require$$0.jsx("div",{"data-id":"content-container",children:"function"==typeof s?s(l,{minimised:h}):s})})}),t&&require$$0.jsxs(FilterItemMinimiseButton,{"data-id":"minimise-button",styleType:"link",onClick:()=>{u(!h)},children:["View ",h?"more":"less"]})]})})})]})};let getRandomValues;const rnds8=new Uint8Array(16);function rng(){if(!getRandomValues&&(getRandomValues="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!getRandomValues))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return getRandomValues(rnds8)}const byteToHex=[];for(let e=0;e<256;++e)byteToHex.push((e+256).toString(16).slice(1));function unsafeStringify(e,t=0){return(byteToHex[e[t+0]]+byteToHex[e[t+1]]+byteToHex[e[t+2]]+byteToHex[e[t+3]]+"-"+byteToHex[e[t+4]]+byteToHex[e[t+5]]+"-"+byteToHex[e[t+6]]+byteToHex[e[t+7]]+"-"+byteToHex[e[t+8]]+byteToHex[e[t+9]]+"-"+byteToHex[e[t+10]]+byteToHex[e[t+11]]+byteToHex[e[t+12]]+byteToHex[e[t+13]]+byteToHex[e[t+14]]+byteToHex[e[t+15]]).toLowerCase()}const randomUUID="undefined"!=typeof crypto&&crypto.randomUUID&&crypto.randomUUID.bind(crypto);var native={randomUUID:randomUUID};function v4(e,t,r){if(native.randomUUID&&!t&&!e)return native.randomUUID();const i=(e=e||{}).random||(e.rng||rng)();if(i[6]=15&i[6]|64,i[8]=63&i[8]|128,t){r=r||0;for(let e=0;e<16;++e)t[r+e]=i[e];return t}return unsafeStringify(i)}const Container$c=styled__default.default.div`
     position: relative;
     display: inline-flex;
     min-width: 10.375rem;
@@ -1278,7 +1278,7 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,i=Object.pr
             `:e.$selected?styled.css`
                 color: ${Color.Primary(e)};
             `:void 0}
-`,Toggle=({type:e="checkbox",indicator:t,checked:r,styleType:i="default",children:a,disabled:n,error:s,name:o,id:l,className:p,"data-testid":d,onChange:c})=>{const[h,u]=React.useState(r),[f]=React.useState((()=>crypto.randomUUID())),m=l?`${l}-input`:f,y=React.useRef();React.useEffect((()=>{u(r)}),[r]);return require$$0.jsxs(Container$c,{$selected:h,$disabled:n,className:p,$styleType:i,$error:s,$indicator:t,id:l,"data-testid":d,children:[t&&(()=>{let t;switch(e){case"yes":t="tick";break;case"no":t="cross";break;case"checkbox":case"radio":t=e}return require$$0.jsx(ToggleIcon,{type:t,active:h,disabled:n})})(),require$$0.jsx(Input$3,{ref:y,name:o,id:m,type:"checkbox"===e?"checkbox":"radio","data-testid":"toggle-input",disabled:n,onChange:t=>{if(!n){switch(e){case"checkbox":h||u((e=>!e));break;case"radio":case"yes":case"no":h||u(!0)}c&&c(t)}},checked:h}),require$$0.jsx(TextContainer$3,{children:require$$0.jsx(Label$3,{htmlFor:m,$selected:h,$indicator:t,$disabled:n,"data-testid":"toggle-label",children:a})})]})},StyledFilterItem=styled__default.default(FilterItem)`
+`,Toggle=({type:e="checkbox",indicator:t,checked:r,styleType:i="default",children:a,disabled:n,error:s,name:o,id:l,className:p,"data-testid":d,onChange:c})=>{const[h,u]=React.useState(r),[f]=React.useState((()=>v4())),m=l?`${l}-input`:f,y=React.useRef();React.useEffect((()=>{u(r)}),[r]);return require$$0.jsxs(Container$c,{$selected:h,$disabled:n,className:p,$styleType:i,$error:s,$indicator:t,id:l,"data-testid":d,children:[t&&(()=>{let t;switch(e){case"yes":t="tick";break;case"no":t="cross";break;case"checkbox":case"radio":t=e}return require$$0.jsx(ToggleIcon,{type:t,active:h,disabled:n})})(),require$$0.jsx(Input$3,{ref:y,name:o,id:m,type:"checkbox"===e?"checkbox":"radio","data-testid":"toggle-input",disabled:n,onChange:t=>{if(!n){switch(e){case"checkbox":h||u((e=>!e));break;case"radio":case"yes":case"no":h||u(!0)}c&&c(t)}},checked:h}),require$$0.jsx(TextContainer$3,{children:require$$0.jsx(Label$3,{htmlFor:m,$selected:h,$indicator:t,$disabled:n,"data-testid":"toggle-label",children:a})})]})},StyledFilterItem=styled__default.default(FilterItem)`
     padding: 0 0 1rem;
 
     [data-id="content-container"] {