🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more

@twilio-paste/checkbox

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@twilio-paste/checkbox - npm Package Compare versions

Comparing version

to
6.1.1

# Change Log
## 6.1.1
### Patch Changes
- [`01baddcd`](https://github.com/twilio-labs/paste/commit/01baddcd62c9367c7d6d12bb853a25d4849132f6) [#1925](https://github.com/twilio-labs/paste/pull/1925) Thanks [@shleewhite](https://github.com/shleewhite)! - Add displayNames to all components
* [`3f80fef3`](https://github.com/twilio-labs/paste/commit/3f80fef3173ddaf084f26a371040fc6b4eaa585a) [#1936](https://github.com/twilio-labs/paste/pull/1936) Thanks [@gloriliale](https://github.com/gloriliale)! - [Checkbox] Ensured PropTypes aligned with customization needs by adding element prop.
## 6.1.0

@@ -4,0 +12,0 @@

@@ -1,1 +0,1 @@

var M=Object.prototype.hasOwnProperty;var g=Object.getOwnPropertySymbols,N=Object.prototype.propertyIsEnumerable;var i=Object.assign;var b=(e,r)=>{var t={};for(var o in e)M.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(e!=null&&g)for(var o of g(e))r.indexOf(o)<0&&N.call(e,o)&&(t[o]=e[o]);return t};import{createElement as n,forwardRef as y,useContext as D}from"react";import{bool as me,func as xe,node as he,oneOfType as Ce,string as ue}from"prop-types";import{useUID as G}from"@twilio-paste/uid-library";import{Box as E,safelySpreadBoxProps as A}from"@twilio-paste/box";import{CheckboxCheckIcon as S}from"@twilio-paste/icons/esm/CheckboxCheckIcon";import{MinusIcon as z}from"@twilio-paste/icons/esm/MinusIcon";import{BaseRadioCheckboxControl as V,BaseRadioCheckboxLabel as W,BaseRadioCheckboxLabelText as X,BaseRadioCheckboxHelpText as q}from"@twilio-paste/base-radio-checkbox";import{MediaObject as F,MediaFigure as $,MediaBody as j}from"@twilio-paste/media-object";import{RequiredDot as K}from"@twilio-paste/label";import{createContext as _}from"react";var k=_({disabled:!1,name:void 0,hasError:void 0,onChange:()=>{}});var U=y((e,r)=>n(E,i(i({},e),{ref:r,as:"input",type:"checkbox",size:"size0",border:"none",overflow:"hidden",padding:"space0",margin:"space0",whiteSpace:"nowrap",textTransform:"none",position:"absolute",clip:"rect(0 0 0 0)"}))),J=({checked:e,element:r,disabled:t,indeterminate:o})=>{let l=t&&(e||o)?"colorTextIcon":"colorTextWeakest";return o?n(z,{element:r,decorative:!0,color:l,size:"sizeIcon10"}):n(S,{element:r,hidden:!e,decorative:!0,color:l,size:"sizeIcon10"})},T=y((x,u)=>{var{checked:e,element:r="CHECKBOX",children:t,helpText:o,id:l,indeterminate:p,isSelectAll:s,isSelectAllChild:m,required:C}=x,a=b(x,["checked","element","children","helpText","id","indeterminate","isSelectAll","isSelectAllChild","required"]);let f=G(),c=D(k),d=a.disabled!=null?a.disabled:c.disabled,w=a.name!=null?a.name:c.name,H=a.hasError!=null?a.hasError:c.hasError,L=a.onChange!=null?a.onChange:c.onChange,R=null,P=null;return s&&(R="space20",e||p?P="colorBackgroundPrimaryWeakest":d||(P="colorBackground")),m&&(R="space30"),n(E,{element:r,backgroundColor:P,borderRadius:s?"borderRadius10":null,display:"inline-flex",flexDirection:"column",padding:s?"space30":null,paddingBottom:s?"space20":null,paddingLeft:R,paddingRight:m?"space30":null,paddingTop:s?"space20":null},n(U,i(i({},A(a)),{checked:e,disabled:d,name:w,onChange:L,"aria-describedby":f,"aria-checked":p?"mixed":e,"aria-invalid":H,id:l,required:C,ref:u})),n(W,{disabled:d,htmlFor:l},n(V,{alignItems:"center",borderRadius:"borderRadius10",element:`${r}_CONTROL`,disabled:d,position:"relative",type:"checkbox"},n(J,{element:`${r}_ICON`,checked:e,disabled:d,indeterminate:p})),n(X,{element:`${r}_LABEL_TEXT_WRAPPER`,fontWeight:s?null:"fontWeightMedium"},n(F,{verticalAlign:"top"},C&&n($,{spacing:"space20"},n(K,null)),n(j,null,t)))),o&&n(q,{element:`${r}_HELP_TEXT_WRAPPER`,helpTextId:f},o))});T.displayName="Checkbox";import{Children as Q,cloneElement as Y,createElement as B,forwardRef as Z,isValidElement as ee,useCallback as oe,useMemo as re}from"react";import{bool as Oe,func as we,oneOf as He,string as Le}from"prop-types";import{InlineControlGroup as te}from"@twilio-paste/inline-control-group";var v=Z((u,a)=>{var{children:e,element:r="CHECKBOX_GROUP",disabled:t=!1,errorText:o,isSelectAll:l=!1,name:p,onChange:s,orientation:m="vertical"}=u,C=b(u,["children","element","disabled","errorText","isSelectAll","name","onChange","orientation"]);let x=oe(c=>{s!=null&&s(c.target.checked)},[s]),f=re(()=>({disabled:t,name:p,onChange:x,hasError:o?!0:void 0}),[t,p,x]);return B(k.Provider,{value:f},B(te,i(i({},C),{element:r,disabled:t,errorText:o,name:p,orientation:m,ref:a}),Q.map(e,(c,d)=>ee(c)?Y(c,{isSelectAll:l&&d===0,isSelectAllChild:l&&m==="vertical"&&d!==0}):c)))});v.displayName="CheckboxGroup";import{Fragment as ne,createElement as h,forwardRef as ae}from"react";import{node as Ae,oneOfType as Se,string as ze}from"prop-types";import{Box as I}from"@twilio-paste/box";import{HelpText as ie}from"@twilio-paste/help-text";var O=ae((p,l)=>{var{children:e,element:r="CHECKBOX_DISCLAIMER",errorText:t}=p,o=b(p,["children","element","errorText"]);return h(ne,null,h(I,{element:r,backgroundColor:"colorBackground",borderRadius:"borderRadius20",padding:"space50"},h(T,i(i({},o),{hasError:t!=null,ref:l}),e)),t&&h(I,{marginTop:"space30",element:`${r}_ERROR_TEXT_WRAPPER`,marginLeft:"space50"},h(ie,{variant:"error"},t)))});O.displayName="CheckboxDisclaimer";export{T as Checkbox,O as CheckboxDisclaimer,v as CheckboxGroup};
var S=Object.prototype.hasOwnProperty;var B=Object.getOwnPropertySymbols,z=Object.prototype.propertyIsEnumerable;var i=Object.assign;var b=(e,r)=>{var t={};for(var o in e)S.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(e!=null&&B)for(var o of B(e))r.indexOf(o)<0&&z.call(e,o)&&(t[o]=e[o]);return t};import{createElement as n,forwardRef as I,useContext as X}from"react";import{bool as h,func as q,node as v,oneOfType as F,string as g}from"prop-types";import{useUID as V}from"@twilio-paste/uid-library";import{Box as H,safelySpreadBoxProps as $}from"@twilio-paste/box";import{CheckboxCheckIcon as j}from"@twilio-paste/icons/esm/CheckboxCheckIcon";import{MinusIcon as K}from"@twilio-paste/icons/esm/MinusIcon";import{BaseRadioCheckboxControl as U,BaseRadioCheckboxLabel as J,BaseRadioCheckboxLabelText as Q,BaseRadioCheckboxHelpText as Y}from"@twilio-paste/base-radio-checkbox";import{MediaObject as Z,MediaFigure as ee,MediaBody as oe}from"@twilio-paste/media-object";import{RequiredDot as re}from"@twilio-paste/label";import{createContext as W}from"react";var R=W({disabled:!1,name:void 0,hasError:void 0,onChange:()=>{}});var w=I((e,r)=>n(H,i(i({},e),{ref:r,as:"input",type:"checkbox",size:"size0",border:"none",overflow:"hidden",padding:"space0",margin:"space0",whiteSpace:"nowrap",textTransform:"none",position:"absolute",clip:"rect(0 0 0 0)"})));w.displayName="HiddenCheckbox";var te=({checked:e,element:r,disabled:t,indeterminate:o})=>{let p=t&&(e||o)?"colorTextIcon":"colorTextWeakest";return o?n(K,{element:r,decorative:!0,color:p,size:"sizeIcon10"}):n(j,{element:r,hidden:!e,decorative:!0,color:p,size:"sizeIcon10"})},C=I((x,k)=>{var{checked:e,element:r="CHECKBOX",children:t,helpText:o,id:p,indeterminate:l,isSelectAll:s,isSelectAllChild:m,required:f}=x,a=b(x,["checked","element","children","helpText","id","indeterminate","isSelectAll","isSelectAllChild","required"]);let T=V(),c=X(R),d=a.disabled!=null?a.disabled:c.disabled,G=a.name!=null?a.name:c.name,D=a.hasError!=null?a.hasError:c.hasError,A=a.onChange!=null?a.onChange:c.onChange,y=null,P=null;return s&&(y="space20",e||l?P="colorBackgroundPrimaryWeakest":d||(P="colorBackground")),m&&(y="space30"),n(H,{element:r,backgroundColor:P,borderRadius:s?"borderRadius10":null,display:"inline-flex",flexDirection:"column",padding:s?"space30":null,paddingBottom:s?"space20":null,paddingLeft:y,paddingRight:m?"space30":null,paddingTop:s?"space20":null},n(w,i(i({},$(a)),{checked:e,disabled:d,name:G,onChange:A,"aria-describedby":T,"aria-checked":l?"mixed":e,"aria-invalid":D,id:p,required:f,ref:k})),n(J,{disabled:d,htmlFor:p},n(U,{alignItems:"center",borderRadius:"borderRadius10",element:`${r}_CONTROL`,disabled:d,position:"relative",type:"checkbox"},n(te,{element:`${r}_ICON`,checked:e,disabled:d,indeterminate:l})),n(Q,{element:`${r}_LABEL_TEXT`,fontWeight:s?null:"fontWeightMedium"},n(Z,{verticalAlign:"top"},f&&n(ee,{spacing:"space20"},n(re,null)),n(oe,null,t)))),o&&n(Y,{element:`${r}_HELP_TEXT_WRAPPER`,helpTextId:T},o))});C.displayName="Checkbox";C.propTypes={children:v.isRequired,disabled:h,name:g,onChange:q,hasError:h,helpText:F([g,v]),id:g,indeterminate:h,isSelectAll:h,isSelectAllChild:h,element:g};import{Children as ne,cloneElement as ae,createElement as L,forwardRef as ie,isValidElement as pe,useCallback as le,useMemo as se}from"react";import{bool as Me,func as Oe,oneOf as Ne,string as _e}from"prop-types";import{InlineControlGroup as ce}from"@twilio-paste/inline-control-group";var M=ie((k,a)=>{var{children:e,element:r="CHECKBOX_GROUP",disabled:t=!1,errorText:o,isSelectAll:p=!1,name:l,onChange:s,orientation:m="vertical"}=k,f=b(k,["children","element","disabled","errorText","isSelectAll","name","onChange","orientation"]);let x=le(c=>{s!=null&&s(c.target.checked)},[s]),T=se(()=>({disabled:t,name:l,onChange:x,hasError:o?!0:void 0}),[t,l,x]);return L(R.Provider,{value:T},L(ce,i(i({},f),{element:r,disabled:t,errorText:o,name:l,orientation:m,ref:a}),ne.map(e,(c,d)=>pe(c)?ae(c,{isSelectAll:p&&d===0,isSelectAllChild:p&&m==="vertical"&&d!==0}):c)))});M.displayName="CheckboxGroup";import{Fragment as de,createElement as u,forwardRef as be}from"react";import{node as O,oneOfType as me,string as N}from"prop-types";import{Box as _}from"@twilio-paste/box";import{HelpText as xe}from"@twilio-paste/help-text";var E=be((l,p)=>{var{children:e,element:r="CHECKBOX_DISCLAIMER",errorText:t}=l,o=b(l,["children","element","errorText"]);return u(de,null,u(_,{element:r,backgroundColor:"colorBackground",borderRadius:"borderRadius20",padding:"space50"},u(C,i(i({},o),{hasError:t!=null,ref:p}),e)),t&&u(_,{marginTop:"space30",element:`${r}_ERROR_TEXT_WRAPPER`,marginLeft:"space50"},u(xe,{variant:"error"},t)))});E.displayName="CheckboxDisclaimer";E.propTypes={children:O.isRequired,errorText:me([N,O]),element:N};export{C as Checkbox,E as CheckboxDisclaimer,M as CheckboxGroup};

@@ -1,1 +0,1 @@

var K=Object.create,E=Object.defineProperty,U=Object.getPrototypeOf,M=Object.prototype.hasOwnProperty,J=Object.getOwnPropertyNames,Q=Object.getOwnPropertyDescriptor,N=Object.getOwnPropertySymbols,Y=Object.prototype.propertyIsEnumerable;var p=Object.assign,_=e=>E(e,"__esModule",{value:!0});var C=(e,o)=>{var t={};for(var r in e)M.call(e,r)&&o.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&N)for(var r of N(e))o.indexOf(r)<0&&Y.call(e,r)&&(t[r]=e[r]);return t};var Z=(e,o)=>{_(e);for(var t in o)E(e,t,{get:o[t],enumerable:!0})},ee=(e,o,t)=>{if(_(e),o&&typeof o=="object"||typeof o=="function")for(let r of J(o))!M.call(e,r)&&r!=="default"&&E(e,r,{get:()=>o[r],enumerable:!(t=Q(o,r))||t.enumerable});return e},a=e=>e&&e.__esModule?e:ee(E(e!=null?K(U(e)):{},"default",{value:e,enumerable:!0}),e);Z(exports,{Checkbox:()=>v,CheckboxDisclaimer:()=>q,CheckboxGroup:()=>W});var n=a(require("react")),T=a(require("prop-types")),G=a(require("@twilio-paste/uid-library")),R=a(require("@twilio-paste/box")),A=a(require("@twilio-paste/icons/cjs/CheckboxCheckIcon")),S=a(require("@twilio-paste/icons/cjs/MinusIcon")),h=a(require("@twilio-paste/base-radio-checkbox")),u=a(require("@twilio-paste/media-object")),z=a(require("@twilio-paste/label"));var D=a(require("react")),B=D.createContext({disabled:!1,name:void 0,hasError:void 0,onChange:()=>{}});var oe=n.forwardRef((e,o)=>n.createElement(R.Box,p(p({},e),{ref:o,as:"input",type:"checkbox",size:"size0",border:"none",overflow:"hidden",padding:"space0",margin:"space0",whiteSpace:"nowrap",textTransform:"none",position:"absolute",clip:"rect(0 0 0 0)"}))),re=({checked:e,element:o,disabled:t,indeterminate:r})=>{let s=t&&(e||r)?"colorTextIcon":"colorTextWeakest";return r?n.createElement(S.MinusIcon,{element:o,decorative:!0,color:s,size:"sizeIcon10"}):n.createElement(A.CheckboxCheckIcon,{element:o,hidden:!e,decorative:!0,color:s,size:"sizeIcon10"})},v=n.forwardRef((k,g)=>{var{checked:e,element:o="CHECKBOX",children:t,helpText:r,id:s,indeterminate:c,isSelectAll:d,isSelectAllChild:f,required:P}=k,l=C(k,["checked","element","children","helpText","id","indeterminate","isSelectAll","isSelectAllChild","required"]);let y=G.useUID(),b=n.useContext(B),x=l.disabled!=null?l.disabled:b.disabled,F=l.name!=null?l.name:b.name,$=l.hasError!=null?l.hasError:b.hasError,j=l.onChange!=null?l.onChange:b.onChange,O=null,w=null;return d&&(O="space20",e||c?w="colorBackgroundPrimaryWeakest":x||(w="colorBackground")),f&&(O="space30"),n.createElement(R.Box,{element:o,backgroundColor:w,borderRadius:d?"borderRadius10":null,display:"inline-flex",flexDirection:"column",padding:d?"space30":null,paddingBottom:d?"space20":null,paddingLeft:O,paddingRight:f?"space30":null,paddingTop:d?"space20":null},n.createElement(oe,p(p({},R.safelySpreadBoxProps(l)),{checked:e,disabled:x,name:F,onChange:j,"aria-describedby":y,"aria-checked":c?"mixed":e,"aria-invalid":$,id:s,required:P,ref:g})),n.createElement(h.BaseRadioCheckboxLabel,{disabled:x,htmlFor:s},n.createElement(h.BaseRadioCheckboxControl,{alignItems:"center",borderRadius:"borderRadius10",element:`${o}_CONTROL`,disabled:x,position:"relative",type:"checkbox"},n.createElement(re,{element:`${o}_ICON`,checked:e,disabled:x,indeterminate:c})),n.createElement(h.BaseRadioCheckboxLabelText,{element:`${o}_LABEL_TEXT_WRAPPER`,fontWeight:d?null:"fontWeightMedium"},n.createElement(u.MediaObject,{verticalAlign:"top"},P&&n.createElement(u.MediaFigure,{spacing:"space20"},n.createElement(z.RequiredDot,null)),n.createElement(u.MediaBody,null,t)))),r&&n.createElement(h.BaseRadioCheckboxHelpText,{element:`${o}_HELP_TEXT_WRAPPER`,helpTextId:y},r))});v.displayName="Checkbox";var i=a(require("react")),I=a(require("prop-types")),V=a(require("@twilio-paste/inline-control-group"));var W=i.forwardRef((g,l)=>{var{children:e,element:o="CHECKBOX_GROUP",disabled:t=!1,errorText:r,isSelectAll:s=!1,name:c,onChange:d,orientation:f="vertical"}=g,P=C(g,["children","element","disabled","errorText","isSelectAll","name","onChange","orientation"]);let k=i.useCallback(b=>{d!=null&&d(b.target.checked)},[d]),y=i.useMemo(()=>({disabled:t,name:c,onChange:k,hasError:r?!0:void 0}),[t,c,k]);return i.createElement(B.Provider,{value:y},i.createElement(V.InlineControlGroup,p(p({},P),{element:o,disabled:t,errorText:r,name:c,orientation:f,ref:l}),i.Children.map(e,(b,x)=>i.isValidElement(b)?i.cloneElement(b,{isSelectAll:s&&x===0,isSelectAllChild:s&&f==="vertical"&&x!==0}):b)))});W.displayName="CheckboxGroup";var m=a(require("react")),H=a(require("prop-types")),L=a(require("@twilio-paste/box")),X=a(require("@twilio-paste/help-text"));var q=m.forwardRef((c,s)=>{var{children:e,element:o="CHECKBOX_DISCLAIMER",errorText:t}=c,r=C(c,["children","element","errorText"]);return m.createElement(m.Fragment,null,m.createElement(L.Box,{element:o,backgroundColor:"colorBackground",borderRadius:"borderRadius20",padding:"space50"},m.createElement(v,p(p({},r),{hasError:t!=null,ref:s}),e)),t&&m.createElement(L.Box,{marginTop:"space30",element:`${o}_ERROR_TEXT_WRAPPER`,marginLeft:"space50"},m.createElement(X.HelpText,{variant:"error"},t)))});q.displayName="CheckboxDisclaimer";
var U=Object.create,I=Object.defineProperty,J=Object.getPrototypeOf,N=Object.prototype.hasOwnProperty,Q=Object.getOwnPropertyNames,Y=Object.getOwnPropertyDescriptor,_=Object.getOwnPropertySymbols,Z=Object.prototype.propertyIsEnumerable;var s=Object.assign,G=e=>I(e,"__esModule",{value:!0});var f=(e,o)=>{var t={};for(var r in e)N.call(e,r)&&o.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&_)for(var r of _(e))o.indexOf(r)<0&&Z.call(e,r)&&(t[r]=e[r]);return t};var ee=(e,o)=>{G(e);for(var t in o)I(e,t,{get:o[t],enumerable:!0})},oe=(e,o,t)=>{if(G(e),o&&typeof o=="object"||typeof o=="function")for(let r of Q(o))!N.call(e,r)&&r!=="default"&&I(e,r,{get:()=>o[r],enumerable:!(t=Y(o,r))||t.enumerable});return e},i=e=>e&&e.__esModule?e:oe(I(e!=null?U(J(e)):{},"default",{value:e,enumerable:!0}),e);ee(exports,{Checkbox:()=>y,CheckboxDisclaimer:()=>O,CheckboxGroup:()=>F});var n=i(require("react")),a=i(require("prop-types")),A=i(require("@twilio-paste/uid-library")),g=i(require("@twilio-paste/box")),S=i(require("@twilio-paste/icons/cjs/CheckboxCheckIcon")),z=i(require("@twilio-paste/icons/cjs/MinusIcon")),C=i(require("@twilio-paste/base-radio-checkbox")),k=i(require("@twilio-paste/media-object")),W=i(require("@twilio-paste/label"));var D=i(require("react")),v=D.createContext({disabled:!1,name:void 0,hasError:void 0,onChange:()=>{}});var X=n.forwardRef((e,o)=>n.createElement(g.Box,s(s({},e),{ref:o,as:"input",type:"checkbox",size:"size0",border:"none",overflow:"hidden",padding:"space0",margin:"space0",whiteSpace:"nowrap",textTransform:"none",position:"absolute",clip:"rect(0 0 0 0)"})));X.displayName="HiddenCheckbox";var re=({checked:e,element:o,disabled:t,indeterminate:r})=>{let c=t&&(e||r)?"colorTextIcon":"colorTextWeakest";return r?n.createElement(z.MinusIcon,{element:o,decorative:!0,color:c,size:"sizeIcon10"}):n.createElement(S.CheckboxCheckIcon,{element:o,hidden:!e,decorative:!0,color:c,size:"sizeIcon10"})},y=n.forwardRef((R,E)=>{var{checked:e,element:o="CHECKBOX",children:t,helpText:r,id:c,indeterminate:d,isSelectAll:b,isSelectAllChild:T,required:P}=R,l=f(R,["checked","element","children","helpText","id","indeterminate","isSelectAll","isSelectAllChild","required"]);let B=A.useUID(),m=n.useContext(v),h=l.disabled!=null?l.disabled:m.disabled,$=l.name!=null?l.name:m.name,j=l.hasError!=null?l.hasError:m.hasError,K=l.onChange!=null?l.onChange:m.onChange,w=null,L=null;return b&&(w="space20",e||d?L="colorBackgroundPrimaryWeakest":h||(L="colorBackground")),T&&(w="space30"),n.createElement(g.Box,{element:o,backgroundColor:L,borderRadius:b?"borderRadius10":null,display:"inline-flex",flexDirection:"column",padding:b?"space30":null,paddingBottom:b?"space20":null,paddingLeft:w,paddingRight:T?"space30":null,paddingTop:b?"space20":null},n.createElement(X,s(s({},g.safelySpreadBoxProps(l)),{checked:e,disabled:h,name:$,onChange:K,"aria-describedby":B,"aria-checked":d?"mixed":e,"aria-invalid":j,id:c,required:P,ref:E})),n.createElement(C.BaseRadioCheckboxLabel,{disabled:h,htmlFor:c},n.createElement(C.BaseRadioCheckboxControl,{alignItems:"center",borderRadius:"borderRadius10",element:`${o}_CONTROL`,disabled:h,position:"relative",type:"checkbox"},n.createElement(re,{element:`${o}_ICON`,checked:e,disabled:h,indeterminate:d})),n.createElement(C.BaseRadioCheckboxLabelText,{element:`${o}_LABEL_TEXT`,fontWeight:b?null:"fontWeightMedium"},n.createElement(k.MediaObject,{verticalAlign:"top"},P&&n.createElement(k.MediaFigure,{spacing:"space20"},n.createElement(W.RequiredDot,null)),n.createElement(k.MediaBody,null,t)))),r&&n.createElement(C.BaseRadioCheckboxHelpText,{element:`${o}_HELP_TEXT_WRAPPER`,helpTextId:B},r))});y.displayName="Checkbox";y.propTypes={children:a.node.isRequired,disabled:a.bool,name:a.string,onChange:a.func,hasError:a.bool,helpText:a.oneOfType([a.string,a.node]),id:a.string,indeterminate:a.bool,isSelectAll:a.bool,isSelectAllChild:a.bool,element:a.string};var p=i(require("react")),H=i(require("prop-types")),q=i(require("@twilio-paste/inline-control-group"));var F=p.forwardRef((E,l)=>{var{children:e,element:o="CHECKBOX_GROUP",disabled:t=!1,errorText:r,isSelectAll:c=!1,name:d,onChange:b,orientation:T="vertical"}=E,P=f(E,["children","element","disabled","errorText","isSelectAll","name","onChange","orientation"]);let R=p.useCallback(m=>{b!=null&&b(m.target.checked)},[b]),B=p.useMemo(()=>({disabled:t,name:d,onChange:R,hasError:r?!0:void 0}),[t,d,R]);return p.createElement(v.Provider,{value:B},p.createElement(q.InlineControlGroup,s(s({},P),{element:o,disabled:t,errorText:r,name:d,orientation:T,ref:l}),p.Children.map(e,(m,h)=>p.isValidElement(m)?p.cloneElement(m,{isSelectAll:c&&h===0,isSelectAllChild:c&&T==="vertical"&&h!==0}):m)))});F.displayName="CheckboxGroup";var x=i(require("react")),u=i(require("prop-types")),M=i(require("@twilio-paste/box")),V=i(require("@twilio-paste/help-text"));var O=x.forwardRef((d,c)=>{var{children:e,element:o="CHECKBOX_DISCLAIMER",errorText:t}=d,r=f(d,["children","element","errorText"]);return x.createElement(x.Fragment,null,x.createElement(M.Box,{element:o,backgroundColor:"colorBackground",borderRadius:"borderRadius20",padding:"space50"},x.createElement(y,s(s({},r),{hasError:t!=null,ref:c}),e)),t&&x.createElement(M.Box,{marginTop:"space30",element:`${o}_ERROR_TEXT_WRAPPER`,marginLeft:"space50"},x.createElement(V.HelpText,{variant:"error"},t)))});O.displayName="CheckboxDisclaimer";O.propTypes={children:u.node.isRequired,errorText:u.oneOfType([u.string,u.node]),element:u.string};
{
"name": "@twilio-paste/checkbox",
"version": "6.1.0",
"version": "6.1.1",
"category": "user input",

@@ -51,5 +51,5 @@ "status": "production",

"@twilio-paste/box": "^4.0.5",
"@twilio-paste/design-tokens": "^6.13.0",
"@twilio-paste/design-tokens": "^6.14.0",
"@twilio-paste/help-text": "^6.0.3",
"@twilio-paste/icons": "^5.7.0",
"@twilio-paste/icons": "^5.8.0",
"@twilio-paste/inline-control-group": "^6.1.0",

@@ -62,4 +62,4 @@ "@twilio-paste/label": "^6.0.3",

"@twilio-paste/styling-library": "^0.3.2",
"@twilio-paste/text": "^4.0.3",
"@twilio-paste/theme": "^5.1.0",
"@twilio-paste/text": "^4.1.4",
"@twilio-paste/theme": "^5.3.1",
"@twilio-paste/types": "^3.1.1",

@@ -66,0 +66,0 @@ "@twilio-paste/uid-library": "^0.2.1",

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet