@start-base/react-form-elements/Switch/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}}var a=l(e),r=l(t),c=Object.defineProperty,o=Object.defineProperties,s=Object.getOwnPropertyDescriptors,i=Object.getOwnPropertySymbols,u=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,n=(e,t,l)=>t in e?c(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)&&n(e,l,t[l]);if(i)for(var l of i(t))d.call(t,l)&&n(e,l,t[l]);return e},h="SUI-Switch-module-switch-B2hSx",w="SUI-Switch-module-inputRoot-6OeFT",S="SUI-Switch-module-label-XF-H4",f="SUI-Switch-module-errorLabel-vrpUP",b="SUI-Switch-module-switchCheckbox-kZlDZ",p="SUI-Switch-module-switchLabel--ceYZ",I="SUI-Switch-module-switchSwitch-5R4CI",v="SUI-Switch-module-switchInnerChecked-wR3OK",y="SUI-Switch-module-noLabel-wvNd3",U="SUI-Switch-module-switchSwitchChecked-d8vX8",N="SUI-Switch-module-inputError-Wr0p3",O="SUI-Switch-module-disabled-8KOQD",C=e.forwardRef((({name:t,onChange:l,label:c=null,checked:i=!1,inputClassName:u=null,labelClassName:d=null,errorClassName:n=null,disabled:C=!1,error:E=null},g)=>{const j=e.useMemo((()=>E&&"string"==typeof E?E:E&&"object"==typeof E&&E.message?E.message:null),[E]);return a.default.createElement("label",{htmlFor:`switch_${t}`,className:h},a.default.createElement("div",{className:w},a.default.createElement("input",{ref:g,className:b,name:t,type:"checkbox",checked:i,onChange:l,id:`switch_${t}`,disabled:C}),a.default.createElement("div",{className:r.default(p,(k=m({[O]:C,[N]:"boolean"==typeof E&&E},u?{[u]:!0}:{}),P={[v]:i,[y]:!c},o(k,s(P))))},a.default.createElement("span",{className:r.default(I,{[U]:i})})),a.default.createElement("div",{className:r.default(S,m({},d?{[d]:!0}:{}))},c)),j?a.default.createElement("div",{className:r.default(f,m({},n?{[n]:!0}:{}))},j):null);var k,P}));C.displayName="Switch";var E=C;module.exports=E;