monday-ui-react-core/dist/esm/src/components/Toggle/Toggle.js

Official monday.com UI resources for application development in React.js

import e,{forwardRef as a}from"react";import r from"classnames";import{noop as s}from"lodash-es";import{Switch as t}from"../Switch/Switch.js";import{MockToggle as i}from"./MockToggle.js";import{backwardCompatibilityForProperties as o}from"../../helpers/backwardCompatibilityForProperties.js";import d from"./Toggle.module.scss.js";import{getTestId as l,ComponentDefaultTestId as m}from"../../tests/testIds.js";var n=a((function(a,n){var c=a.id,f=a.toggleSelectedClassName,p=a.isDefaultSelected,v=void 0===p||p,u=a.isSelected,C=a.onChange,b=void 0===C?s:C,g=a.value,h=a.name,N=a.disabled,O=a.isDisabled,T=a.ariaLabel,j=a.ariaControls,w=a.areLabelsHidden,x=void 0!==w&&w,L=a.onOverrideText,S=void 0===L?"On":L,k=a.offOverrideText,E=void 0===k?"Off":k,z=a.size,D=void 0===z?"medium":z,G=a["data-testid"],H=o([a.className,a.componentClassName]),I=o([N,O],!1),y=r(d.wrapper),F=r(d.toggleInput);return e.createElement(t,{defaultChecked:v,checked:u,id:c,wrapperClassName:y,onChange:b,value:g,name:h,disabled:I,ariaLabel:T,ariaControls:j,inputClassName:F,ref:n,"data-testid":G||l(m.TOGGLE)},e.createElement(i,{areLabelsHidden:x,offOverrideText:E,onOverrideText:S,disabled:I,className:H,selectedClassName:f,size:D}))}));export{n as default};
//# sourceMappingURL=Toggle.js.map