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=215)}({0:function(e,t){e.exports=require("react")},1:function(e,t){e.exports=require("prop-types")},10:function(e,t){e.exports=require("lodash/noop")},2:function(e,t){e.exports=require("classnames")},215:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=c(r(0)),a=c(r(1)),o=c(r(2)),i=c(r(10)),u=r(216),l=r(91),d=c(r(217));r(218);var s=r(219);function c(e){return e&&e.__esModule?e:{default:e}}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=function(e){var t,r=e.id,a=e.componentClassName,i=e.isDefaultSelected,c=e.isSelected,p=e.onChange,m=e.value,b=e.name,v=e.isDisabled,g=e.ariaLabel,_=e.ariaControls,y=e.areLabelsHidden,O=e.onOverrideText,S=e.offOverrideText,E=(0,s.useToggle)({id:r,isDefaultSelected:i,isSelected:c,onChange:p,value:m,name:b,isDisabled:v,ariaLabel:g,ariaControls:_}),C=E.inputProps,L=E.isChecked,j=E.isFocusVisible,x=(0,o.default)("".concat(l.BASE_TOGGLE_CLASS_NAME,"__toggle"),a,(f(t={},"".concat(l.BASE_TOGGLE_CLASS_NAME,"__toggle--selected"),L),f(t,"".concat(l.BASE_TOGGLE_CLASS_NAME,"__toggle--not-selected"),!L),f(t,"".concat(l.BASE_TOGGLE_CLASS_NAME,"__toggle--disabled"),v),f(t,"".concat(l.BASE_TOGGLE_CLASS_NAME,"__toggle--focused"),j),t));return n.default.createElement("label",{htmlFor:r,className:"".concat(l.BASE_TOGGLE_CLASS_NAME,"__wrapper")},n.default.createElement(u.VisuallyHidden,null,n.default.createElement("input",C)),y?null:n.default.createElement(d.default,null,S),n.default.createElement("div",{className:x,"aria-hidden":"true"}),y?null:n.default.createElement(d.default,null,O))};p.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},p.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"},p.__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 m=p;t.default=m},216:function(e,t){e.exports=require("@react-aria/visually-hidden")},217: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(91);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},218:function(e,t,r){},219:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useToggle=void 0;var n=r(0),a=r(220),o=r(221),i=r(222);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,_=v.focusProps,y=(0,a.useToggleState)({defaultSelected:r,isSelected:u,onChange:d}),O=(0,o.useSwitch)({id:t,defaultSelected:r,isSelected:u,onChange:d,value:s,name:c,isDisabled:f,"aria-label":p,"aria-controls":m},y,b).inputProps;return{isChecked:O.checked,isFocusVisible:g,inputProps:l(l({},O),_)}}},220:function(e,t){e.exports=require("@react-stately/toggle")},221:function(e,t){e.exports=require("@react-aria/switch")},222:function(e,t){e.exports=require("@react-aria/focus")},91: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"}})}));