@start-base/react-form-elements/Checkbox/index.js

Simplify form elements and form management. Selection of user friendly inputs and wide customization abilities to match your design and functionality.

"use strict";var e=require("react"),t=require("clsx");function l(e){return e&&e.__esModule?e:{default:e}}function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(l){if("default"!==l){var r=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(t,l,r.get?r:{enumerable:!0,get:function(){return e[l]}})}})),t.default=e,Object.freeze(t)}var o=r(e),a=l(t),n=Object.defineProperty,c=Object.getOwnPropertySymbols,u=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable,d=(e,t,l)=>t in e?n(e,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[t]=l,m=(e,t)=>{for(var l in t||(t={}))u.call(t,l)&&d(e,l,t[l]);if(c)for(var l of c(t))s.call(t,l)&&d(e,l,t[l]);return e},b=e=>o.createElement("svg",m({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,fill:"none"},e),o.createElement("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M9.666 3.666 4.999 8.332 2.666 6"})),i="SUI-Checkbox-module-root-B5Qjx",f="SUI-Checkbox-module-inputRoot-evAlL",p="SUI-Checkbox-module-label-tLN4u",h="SUI-Checkbox-module-box-XqQz7",k="SUI-Checkbox-module-noLabel-Yw7Pk",x="SUI-Checkbox-module-inputError-gCI-z",C="SUI-Checkbox-module-boxDisabled-8Rl3P",g="SUI-Checkbox-module-icon-pLAK2",v="SUI-Checkbox-module-input-fHLWQ",y="SUI-Checkbox-module-errorLabel-mLjpi",j=e.forwardRef((({name:t,onChange:l,label:r=null,checked:n=!1,inputClassName:c=null,labelClassName:u=null,errorClassName:s=null,disabled:d=!1,error:j=null},E)=>{const I=e.useMemo((()=>j&&"string"==typeof j?j:j&&"object"==typeof j&&(null==j?void 0:j.message)?j.message:null),[j]);return o.default.createElement("label",{htmlFor:`checkbox_${t}`,className:i},o.default.createElement("div",{className:a.default(f)},o.default.createElement("input",{ref:E,className:v,name:t,type:"checkbox",checked:n,onChange:l,id:`checkbox_${t}`,disabled:d}),o.default.createElement("span",{className:a.default(h,m({[C]:d,[k]:!r,[x]:"boolean"==typeof j&&j},c?{[c]:!0}:{}))},o.default.createElement(b,{className:g})),o.default.createElement("div",{className:a.default(p,m({},u?{[u]:!0}:{}))},r)),I?o.default.createElement("div",{className:a.default(y,m({},s?{[s]:!0}:{}))},I):null)}));j.displayName="Checkbox";var E=j;module.exports=E;