UNPKG

@2e32/react-checkbox

Version:
12 lines (10 loc) 6.26 kB
"use strict";var he=Object.create;var P=Object.defineProperty,be=Object.defineProperties,xe=Object.getOwnPropertyDescriptor,Ce=Object.getOwnPropertyDescriptors,Pe=Object.getOwnPropertyNames,v=Object.getOwnPropertySymbols,Ve=Object.getPrototypeOf,M=Object.prototype.hasOwnProperty,Q=Object.prototype.propertyIsEnumerable;var J=(e,o,t)=>o in e?P(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,s=(e,o)=>{for(var t in o||(o={}))M.call(o,t)&&J(e,t,o[t]);if(v)for(var t of v(o))Q.call(o,t)&&J(e,t,o[t]);return e},f=(e,o)=>be(e,Ce(o));var p=(e,o)=>{var t={};for(var c in e)M.call(e,c)&&o.indexOf(c)<0&&(t[c]=e[c]);if(e!=null&&v)for(var c of v(e))o.indexOf(c)<0&&Q.call(e,c)&&(t[c]=e[c]);return t};var ye=(e,o)=>()=>(o||e((o={exports:{}}).exports,o),o.exports),Ie=(e,o)=>{for(var t in o)P(e,t,{get:o[t],enumerable:!0})},X=(e,o,t,c)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of Pe(o))!M.call(e,n)&&n!==t&&P(e,n,{get:()=>o[n],enumerable:!(c=xe(o,n))||c.enumerable});return e};var V=(e,o,t)=>(t=e!=null?he(Ve(e)):{},X(o||!e||!e.__esModule?P(t,"default",{value:e,enumerable:!0}):t,e)),Re=e=>X(P({},"__esModule",{value:!0}),e);var S=ye((Je,w)=>{(function(){"use strict";var e={}.hasOwnProperty;function o(){for(var n="",r=0;r<arguments.length;r++){var a=arguments[r];a&&(n=c(n,t(a)))}return n}function t(n){if(typeof n=="string"||typeof n=="number")return n;if(typeof n!="object")return"";if(Array.isArray(n))return o.apply(null,n);if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]"))return n.toString();var r="";for(var a in n)e.call(n,a)&&n[a]&&(r=c(r,a));return r}function c(n,r){return r?n?n+" "+r:n+r:n}typeof w!="undefined"&&w.exports?(o.default=o,w.exports=o):typeof define=="function"&&typeof define.amd=="object"&&define.amd?define("classnames",[],function(){return o}):window.classNames=o})()});var Be={};Ie(Be,{default:()=>Me});module.exports=Re(Be);var m=V(require("react"));var B=require("react/jsx-runtime"),ve=e=>(0,B.jsx)("svg",f(s({},e),{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,B.jsx)("path",{d:"M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z"})})),E=ve;var F=require("react/jsx-runtime"),we=e=>(0,F.jsx)("svg",f(s({},e),{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,F.jsx)("path",{d:"M17,13H7V11H17M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z"})})),G=we;var O=require("react/jsx-runtime"),Se=e=>(0,O.jsx)("svg",f(s({},e),{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,O.jsx)("path",{d:"M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z"})})),U=Se;var Y=V(S());var j=require("react/jsx-runtime"),ge=e=>{let l=e,{checked:o=!1,className:t,checkmarkPosition:c,checkmarkAlign:n,disabled:r=!1,readOnly:a=!1}=l,k=p(l,["checked","className","checkmarkPosition","checkmarkAlign","disabled","readOnly"]);return(0,j.jsx)("span",s({className:(0,Y.default)("e-checkbox__box",`e-checkbox__box--position-${c}`,`e-checkbox__box--align-${n}`,{"e-checkbox__box--checked":o,"e-checkbox__box--disabled":r,"e-checkbox__box--readonly":a&&!r},t)},k))},D=ge;var ee=V(require("react")),oe=V(S());var te=require("react/jsx-runtime"),Te=(e,o)=>{let l=e,{id:t,className:c,checkmarkPosition:n,disabled:r=!1,block:a=!1}=l,k=p(l,["id","className","checkmarkPosition","disabled","block"]);return(0,te.jsx)("label",s({ref:o,htmlFor:t,className:(0,oe.default)("e-checkbox",`e-checkbox--orientation-${n}`,{"e-checkbox--disabled":r,"e-checkbox--block":a},c)},k))},Z=ee.default.forwardRef(Te);var ne=V(S());var ce=require("react/jsx-runtime"),Le=t=>{var c=t,{className:e}=c,o=p(c,["className"]);return(0,ce.jsx)("span",s({className:(0,ne.default)("e-checkbox__label",e)},o))},$=Le;var re=require("react/jsx-runtime"),_e=(e,o)=>o?G:e?E:U,He=({checked:e,indeterminate:o})=>{let t=_e(e,o);return(0,re.jsx)(t,{className:"e-checkbox__icon"})},K=He;var g=require("react");var ae=(e,o)=>Object.is(e,o);var Ae=e=>{let{checked:o,defaultChecked:t=!1,checkedValue:c,uncheckedValue:n,isValueChecked:r,onChange:a}=e,[k,l]=(0,g.useState)(t),i=o!==void 0,T=r!=null?r:ae,x=c===void 0?!0:c,y=n===void 0?!1:n,L=T(o,x),_=i?L:k,H=(0,g.useCallback)(u=>{let C=u.target.checked;if(i){let d=C?x:y;a==null||a(d,u)}else l(C),a==null||a(C,u)},[i,x,y,a]);return[_,H]},W=Ae;var se=e=>typeof e=="function";var b=require("react/jsx-runtime"),Ne=(e,o)=>{let z=e,{id:t,name:c,value:n,tabIndex:r=0,children:a,checked:k,defaultChecked:l=!1,indeterminate:i=!1,checkedValue:T,uncheckedValue:x,isValueChecked:y,className:L,boxClassName:_,labelClassName:H,checkmarkPosition:u="left",checkmarkAlign:C="center",disabled:d=!1,readOnly:I=!1,autoFocus:A=!1,block:de=!1,renderIcon:q,onChange:ie,onFocus:fe,onBlur:pe}=z,ke=p(z,["id","name","value","tabIndex","children","checked","defaultChecked","indeterminate","checkedValue","uncheckedValue","isValueChecked","className","boxClassName","labelClassName","checkmarkPosition","checkmarkAlign","disabled","readOnly","autoFocus","block","renderIcon","onChange","onFocus","onBlur"]),h=(0,m.useRef)(null),[N,me]=W({checked:k,defaultChecked:l,checkedValue:T,uncheckedValue:x,isValueChecked:y,onChange:ie});(0,m.useEffect)(()=>{var R;A&&((R=h==null?void 0:h.current)==null||R.focus())},[A]),(0,m.useEffect)(()=>{h.current&&(h.current.indeterminate=i)},[i]);let ue=()=>{let R={checked:N,disabled:d,readOnly:I,indeterminate:i};return(se(q)?q:K)(R)};return(0,b.jsxs)(Z,f(s({ref:o,id:t,className:L,checkmarkPosition:u,disabled:d,block:de},ke),{children:[(0,b.jsx)("input",{id:t,ref:h,type:"checkbox",checked:N,name:c,value:n,disabled:d,readOnly:I,autoFocus:A,className:"e-checkbox__input",tabIndex:r,onChange:d||I?void 0:me,onFocus:fe,onBlur:pe}),(0,b.jsx)(D,{checked:d?!1:N||i,disabled:d,readOnly:I&&!d,className:_,checkmarkPosition:u,checkmarkAlign:C,children:ue()}),(0,b.jsx)($,{className:H,children:a})]}))},le=m.default.forwardRef(Ne);var Me=le; /*! Bundled license information: classnames/index.js: (*! Copyright (c) 2018 Jed Watson. Licensed under the MIT License (MIT), see http://jedwatson.github.io/classnames *) */ //# sourceMappingURL=index.js.map