monday-ui-react-core/dist/Toggle.js

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

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["monday-style"]=t():e["monday-style"]=t()}(this,(function(){return function(e){var t={};function r(n){if(t[n])return t[n].exports;var a=t[n]={i:n,l:!1,exports:{}};return e[n].call(a.exports,a,a.exports,r),a.l=!0,a.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)r.d(n,a,function(t){return e[t]}.bind(null,a));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=253)}({0:function(e,t){e.exports=require("react")},1:function(e,t){e.exports=require("prop-types")},119:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.BASE_TOGGLE_CLASS_NAME=void 0;t.BASE_TOGGLE_CLASS_NAME="monday-style-toggle"},2:function(e,t){e.exports=require("classnames")},253:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=s(r(0)),a=s(r(1)),o=s(r(2)),i=s(r(9)),u=r(119),l=s(r(254));r(255);var d=r(256);function s(e){return e&&e.__esModule?e:{default:e}}function c(){return(c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function f(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var p=(0,r(26).BEMClass)(u.BASE_TOGGLE_CLASS_NAME),m=function(e){var t,r=e.id,a=e.componentClassName,i=e.isDefaultSelected,u=e.isSelected,s=e.onChange,m=e.value,b=e.name,v=e.isDisabled,g=e.ariaLabel,y=e.ariaControls,O=e.areLabelsHidden,_=e.onOverrideText,S=e.offOverrideText,j=(0,d.useToggle)({id:r,isDefaultSelected:i,isSelected:u,onChange:s,value:m,name:b,isDisabled:v,ariaLabel:g,ariaControls:y}),h=j.inputProps,P=j.isChecked;return n.default.createElement("label",{htmlFor:r,className:(0,o.default)(p({element:"wrapper"}),f({},p({element:"wrapper",state:"disabled"}),v))},O?null:n.default.createElement(l.default,null,S),n.default.createElement("input",c({},h,{className:p({element:"input"})})),n.default.createElement("div",{className:(0,o.default)(p({element:"toggle"}),a,(t={},f(t,p({element:"toggle",state:"selected"}),P),f(t,p({element:"toggle",state:"not-selected"}),!P),t)),"aria-hidden":"true"}),O?null:n.default.createElement(l.default,null,_))};m.propTypes={id:a.default.string,componentClassName:a.default.string,isDefaultSelected:a.default.bool,isSelected:a.default.bool,onChange:a.default.func,value:a.default.string,name:a.default.string,isDisabled:a.default.bool,areLabelsHidden:a.default.bool,onOverrideText:a.default.string,offOverrideText:a.default.string,ariaLabel:a.default.string,ariaControls:a.default.string},m.defaultProps={id:void 0,componentClassName:"",isDefaultSelected:!0,isSelected:void 0,onChange:i.default,value:void 0,name:void 0,isDisabled:!1,areLabelsHidden:!1,ariaLabel:void 0,ariaControls:void 0,onOverrideText:"On",offOverrideText:"Off"},m.__docgenInfo={description:"",methods:[],displayName:"Toggle",props:{id:{defaultValue:{value:"undefined",computed:!0},type:{name:"string"},required:!1,description:""},componentClassName:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:""},isDefaultSelected:{defaultValue:{value:"true",computed:!1},type:{name:"bool"},required:!1,description:""},isSelected:{defaultValue:{value:"undefined",computed:!0},type:{name:"bool"},required:!1,description:""},onChange:{defaultValue:{value:"NOOP",computed:!0},type:{name:"func"},required:!1,description:""},value:{defaultValue:{value:"undefined",computed:!0},type:{name:"string"},required:!1,description:""},name:{defaultValue:{value:"undefined",computed:!0},type:{name:"string"},required:!1,description:""},isDisabled:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},areLabelsHidden:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},ariaLabel:{defaultValue:{value:"undefined",computed:!0},type:{name:"string"},required:!1,description:""},ariaControls:{defaultValue:{value:"undefined",computed:!0},type:{name:"string"},required:!1,description:""},onOverrideText:{defaultValue:{value:'"On"',computed:!1},type:{name:"string"},required:!1,description:""},offOverrideText:{defaultValue:{value:'"Off"',computed:!1},type:{name:"string"},required:!1,description:""}}};var b=m;t.default=b},254:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n,a=(n=r(0))&&n.__esModule?n:{default:n},o=r(119);var i=function(e){var t=e.children;return a.default.createElement("span",{className:"".concat(o.BASE_TOGGLE_CLASS_NAME,"_text")},t)};i.__docgenInfo={description:"",methods:[],displayName:"ToggleText"};var u=i;t.default=u},255:function(e,t,r){},256:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useToggle=void 0;var n=r(0),a=r(257),o=r(258),i=r(259);function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach((function(t){d(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function d(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}t.useToggle=function(e){var t=e.id,r=e.isDefaultSelected,u=e.isSelected,d=e.onChange,s=e.value,c=e.name,f=e.isDisabled,p=e.ariaLabel,m=e.ariaControls,b=(0,n.useRef)(),v=(0,i.useFocusRing)(),g=v.isFocusVisible,y=v.focusProps,O=(0,a.useToggleState)({defaultSelected:r,isSelected:u,onChange:d}),_=(0,o.useSwitch)({id:t,defaultSelected:r,isSelected:u,onChange:d,value:s,name:c,isDisabled:f,"aria-label":p,"aria-controls":m},O,b).inputProps;return{isChecked:_.checked,isFocusVisible:g,inputProps:l(l({},_),y)}}},257:function(e,t){e.exports=require("@react-stately/toggle")},258:function(e,t){e.exports=require("@react-aria/switch")},259:function(e,t){e.exports=require("@react-aria/focus")},26:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.BEMClass=function(e){return function(t){var r=t.element,n=t.state,a=e;return r&&(a="".concat(a,"_").concat(r)),n&&(a="".concat(a,"--").concat(n)),a}}},9:function(e,t){e.exports=require("lodash/noop")}})}));