@lifesg/react-design-system 2.0.0-canary.3 → 2.0.0-canary.4

package/filter/index.js

@@ -707,5 +707,5 @@ var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.pr
     border-top: 1px solid ${Zn.Neutral[5]};
 `,Ql=$(As.Default)`
     width: 100%;
-`,Ul=Object.assign((({toggleFilterButtonLabel:e="Filters",headerTitle:i="Filters",clearButtonDisabled:o=!1,onClear:s,onDismiss:l,onDone:c,children:u,...d})=>{const[h,f]=a(!1);D.exports.useMediaQuery({maxWidth:A.tablet},void 0,(e=>{e||m()}));const p=()=>{f(!0)},m=()=>{f(!1),l&&l()},g=()=>{f(!1),c&&c()},y=()=>{s&&s()},v=e=>"function"==typeof u?u(e):u,b=e=>n(Nl,{children:["mobile"===e&&t(Vl,{onClick:m,focusOutline:"browser",focusHighlight:!1,"aria-label":"Dismiss",children:t(S,{})}),t(Ll,{weight:"semibold",children:i}),t(Wl,{styleType:"link",type:"button",onClick:y,disabled:o,children:"Clear"})]});return n("div",{...d,children:[t(Il,{children:t(Pe.Provider,{value:{mode:"mobile"},children:n(r,{children:[n(Yl,{styleType:"light",onClick:p,type:"button",children:[t(ql,{})," ",e]}),t(B,{show:h,disableTransition:!0,children:n(zl,{children:[b("mobile"),t(Rl,{children:v("mobile")}),t(Zl,{children:t(Ql,{onClick:g,type:"button",children:"Done"})})]})})]})})}),t(Al,{children:t(Pe.Provider,{value:{mode:"default"},children:n(Tl,{children:[b("default"),v("default")]})})})]})}),{Item:Us,Page:({onDismiss:e,onDone:r,children:i})=>n(jl,{children:[t(Vl,{onClick:e,focusOutline:"browser",focusHighlight:!1,"aria-label":"Dismiss",children:t(kl,{})}),t(Rl,{children:i}),t(Zl,{children:t(Ql,{onClick:r,children:"Done"})})]}),Checkbox:({selectedOptions:e,options:r,onSelect:i,labelExtractor:o,valueExtractor:c,...u})=>{const{mode:d}=g(Pe),[h,f]=a(e||[]),[p,y]=a(),[v,b]=a(r.length),w=s(),$=s(),C=e=>()=>{const t=[...h],n=h.findIndex((t=>S(t)===S(e)));n>=0?t.splice(n,1):t.push(e),f(t),i?.(t)},x=e=>o?o(e):e.label??e.toString(),S=e=>c?c(e):e.value??e.toString(),_=m((()=>{if(!w.current)return void y(void 0);const e=Array.from(w.current.children);let t=0,n=0,r=-1;for(let i=0;i<e.length;i++){const o=e[i].offsetTop;if(o>r&&(n++,r=o,n>2))break;t=i}b(t),y(n>2?r-8:void 0)}),[]);l((()=>{e!==h&&f(e||[])}),[e]),l((()=>{"default"===d?(()=>{const e=$.current?$.current.offsetTop+$.current.clientHeight:void 0;y(e)})():_()}),[r]),je({handleWidth:"mobile"===d,handleHeight:!1,skipOnMount:!0,refreshMode:"throttle",targetRef:w,onResize:_});return t($l,{minimisable:r.length>5,minimisedHeight:p,...u,children:(e,{minimised:i})=>t(Cl,{role:"group","aria-label":u.title,ref:w,children:r.map(((r,o)=>"default"===e?((e,r,i)=>{const o=x(e),a=S(e),s=!!h.find((e=>S(e)===a));return n(xl,{$visible:!i||r<5,$selected:s,ref:4===r?$:void 0,children:[t(Sl,{type:"checkbox",checked:s,onChange:C(e)}),t(_l,{type:"checkbox",active:s}),o]},a)})(r,o,i):((e,n,r)=>{const i=x(e),o=S(e),a=!!h.find((e=>S(e)===o));return t(Ol,{type:"checkbox",checked:a,$visible:!r||p&&n<=v,onChange:C(e),children:i})})(r,o,i)))})})}});export{Ul as Filter};
+`,Ul=Object.assign((({toggleFilterButtonLabel:e="Filters",headerTitle:i="Filters",clearButtonDisabled:o=!1,onClear:s,onDismiss:l,onDone:c,children:u,...d})=>{const[h,f]=a(!1);D.exports.useMediaQuery({maxWidth:A.tablet},void 0,(e=>{e||m()}));const p=()=>{f(!0)},m=()=>{f(!1),l&&l()},g=()=>{f(!1),c&&c()},y=()=>{s&&s()},v=e=>"function"==typeof u?u(e):u,b=e=>n(Nl,{children:["mobile"===e&&t(Vl,{onClick:m,focusOutline:"browser",focusHighlight:!1,"aria-label":"Dismiss",children:t(S,{})}),t(Ll,{weight:"semibold",children:i}),t(Wl,{styleType:"link",type:"button",onClick:y,disabled:o,children:"Clear"})]});return n("div",{...d,children:[t(Il,{children:t(Pe.Provider,{value:{mode:"mobile"},children:n(r,{children:[n(Yl,{styleType:"light",onClick:p,type:"button",children:[t(ql,{})," ",e]}),t(B,{show:h,disableTransition:!0,children:n(zl,{children:[b("mobile"),t(Rl,{children:v("mobile")}),t(Zl,{children:t(Ql,{onClick:g,type:"button",children:"Done"})})]})})]})})}),t(Al,{children:t(Pe.Provider,{value:{mode:"default"},children:n(Tl,{children:[b("default"),v("default")]})})})]})}),{Item:Us,Page:({onDismiss:e,onDone:r,children:i})=>n(jl,{children:[t(Vl,{onClick:e,focusOutline:"browser",focusHighlight:!1,"aria-label":"Dismiss",children:t(kl,{})}),t(Rl,{children:i}),t(Zl,{children:t(Ql,{onClick:r,type:"button",children:"Done"})})]}),Checkbox:({selectedOptions:e,options:r,onSelect:i,labelExtractor:o,valueExtractor:c,...u})=>{const{mode:d}=g(Pe),[h,f]=a(e||[]),[p,y]=a(),[v,b]=a(r.length),w=s(),$=s(),C=e=>()=>{const t=[...h],n=h.findIndex((t=>S(t)===S(e)));n>=0?t.splice(n,1):t.push(e),f(t),i?.(t)},x=e=>o?o(e):e.label??e.toString(),S=e=>c?c(e):e.value??e.toString(),_=m((()=>{if(!w.current)return void y(void 0);const e=Array.from(w.current.children);let t=0,n=0,r=-1;for(let i=0;i<e.length;i++){const o=e[i].offsetTop;if(o>r&&(n++,r=o,n>2))break;t=i}b(t),y(n>2?r-8:void 0)}),[]);l((()=>{e!==h&&f(e||[])}),[e]),l((()=>{"default"===d?(()=>{const e=$.current?$.current.offsetTop+$.current.clientHeight:void 0;y(e)})():_()}),[r]),je({handleWidth:"mobile"===d,handleHeight:!1,skipOnMount:!0,refreshMode:"throttle",targetRef:w,onResize:_});return t($l,{minimisable:r.length>5,minimisedHeight:p,...u,children:(e,{minimised:i})=>t(Cl,{role:"group","aria-label":u.title,ref:w,children:r.map(((r,o)=>"default"===e?((e,r,i)=>{const o=x(e),a=S(e),s=!!h.find((e=>S(e)===a));return n(xl,{$visible:!i||r<5,$selected:s,ref:4===r?$:void 0,children:[t(Sl,{type:"checkbox",checked:s,onChange:C(e)}),t(_l,{type:"checkbox",active:s}),o]},a)})(r,o,i):((e,n,r)=>{const i=x(e),o=S(e),a=!!h.find((e=>S(e)===o));return t(Ol,{type:"checkbox",checked:a,$visible:!r||p&&n<=v,onChange:C(e),children:i})})(r,o,i)))})})}});export{Ul as Filter};
 //# sourceMappingURL=index.js.map