monday-ui-react-core/dist/RadioButton.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 n(r){if(t[r])return t[r].exports;var a=t[r]={i:r,l:!1,exports:{}};return e[r].call(a.exports,a,a.exports,n),a.l=!0,a.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)n.d(r,a,function(t){return e[t]}.bind(null,a));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=173)}({0:function(e,t){e.exports=require("react")},1:function(e,t){e.exports=require("prop-types")},108:function(e,t,n){},109:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useKeyboardButtonPressedFunc=function(e){return(0,r.useCallback)((function(t){32!==t.keyCode&&13!==t.keyCode||e(t)}),[e])};var r=n(0)},173:function(e,t,n){"use strict";function r(e){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var a={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var l=o?Object.getOwnPropertyDescriptor(e,u):null;l&&(l.get||l.set)?Object.defineProperty(a,u,l):a[u]=e[u]}a.default=e,n&&n.set(e,a);return a}(n(0)),o=d(n(1)),u=d(n(2)),l=d(n(3)),i=n(174),c=d(n(95));function d(e){return e&&e.__esModule?e:{default:e}}function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}function s(){return(s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}n(175);var p=(0,a.forwardRef)((function(e,t){var n=e.componentClassName,r=e.text,o=e.value,d=e.name,f=e.disabled,p=e.defaultChecked,m=e.children,y=e.onSelect,b=e.checked,v=(0,a.useRef)(),_=(0,l.default)({refs:[t,v]}),O=(0,a.useCallback)((function(){f||(v.current&&(v.current.checked=!0),y&&y())}),[y,v,f]),g=(0,a.useMemo)((function(){return void 0!==b?{checked:b}:{defaultChecked:p}}),[b,p]);return a.default.createElement("label",{className:(0,u.default)(i.baseClassName,n,{disabled:f})},a.default.createElement("span",{className:"".concat(i.baseClassName,"__radio-input-container")},a.default.createElement("input",s({className:"".concat(i.baseClassName,"__radio-input-container__radio-input"),type:"radio",value:o,name:d,disabled:f},g,{onChange:y,ref:_})),a.default.createElement("span",{className:"".concat(i.baseClassName,"__radio-input-container__radio-control")})),r&&a.default.createElement("span",{className:"".concat(i.baseClassName,"__radio-label")},r),m&&a.default.createElement(c.default,{className:"radio-children-wrapper",onClick:O},m))}));p.defaultProps={componentClassName:"",text:"",value:"",name:"",disabled:!1,defaultChecked:!1,checked:void 0},p.propTypes={componentClassName:o.default.string,text:o.default.string,value:o.default.string,name:o.default.string,disabled:o.default.bool,defaultChecked:o.default.bool,checked:o.default.bool},p.__docgenInfo={description:"",methods:[],displayName:"RadioButton",props:{componentClassName:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:""},text:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:""},value:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:""},name:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:""},disabled:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},defaultChecked:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},checked:{defaultValue:{value:"undefined",computed:!0},type:{name:"bool"},required:!1,description:""}}};var m=p;t.default=m},174:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.baseClassName=void 0;t.baseClassName="monday-style-radio-button-component"},175:function(e,t,n){},2:function(e,t){e.exports=require("classnames")},26:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.BEMClass=function(e){return function(t){var n=t.element,r=t.state,a=e;return n&&(a="".concat(a,"_").concat(n)),r&&(a="".concat(a,"--").concat(r)),a}}},3:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t=e.refs,n=void 0===t?[]:t;return(0,r.useMemo)((function(){return n.every((function(e){return null===e}))?null:function(e){n.forEach((function(t){t&&function(e,t){if(null===e)return;if("function"==typeof e)return void e(t);try{e.current=t}catch(n){throw console.error(n),new Error("Cannot assign value '".concat(t,"' to ref '").concat(e,"'"))}}(t,e)}))}}),[n])};var r=n(0)},9:function(e,t){e.exports=require("lodash/noop")},95:function(e,t,n){"use strict";function r(e){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=s(t);if(n&&n.has(e))return n.get(e);var a={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var l=o?Object.getOwnPropertyDescriptor(e,u):null;l&&(l.get||l.set)?Object.defineProperty(a,u,l):a[u]=e[u]}a.default=e,n&&n.set(e,a);return a}(n(0)),o=f(n(9)),u=f(n(1)),l=f(n(2)),i=f(n(3));n(108);var c=n(26),d=n(109);function f(e){return e&&e.__esModule?e:{default:e}}function s(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(s=function(e){return e?n:t})(e)}var p="monday-style-clickable",m=(0,c.BEMClass)(p),y=(0,a.forwardRef)((function(e,t){var n,r,o,u=e.className,c=e.id,f=e.children,s=e.role,y=e.onClick,b=e.enableTextSelection,v=e.ariaLabel,_=(0,a.useRef)(null),O=(0,i.default)({refs:[t,_]}),g=(0,d.useKeyboardButtonPressedFunc)(y);return a.default.createElement("div",{ref:O,className:(0,l.default)(p,u,(n={},r=m({state:"disable-text-selection"}),o=!b,r in n?Object.defineProperty(n,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):n[r]=o,n)),role:s,onClick:y,id:c,onKeyDown:g,tabIndex:0,"aria-label":v},f)}));y.propTypes={className:u.default.string,id:u.default.string,role:u.default.string,ariaLabel:u.default.string,onClick:u.default.func,children:u.default.oneOfType([u.default.arrayOf(u.default.node),u.default.node]),enableTextSelection:u.default.bool},y.defaultProps={className:"",id:void 0,role:"button",ariaLabel:void 0,onClick:o.default,children:void 0,enableTextSelection:!1},y.__docgenInfo={description:"",methods:[],displayName:"Clickable",props:{className:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:"class name to be add to the wrapper"},id:{defaultValue:{value:"undefined",computed:!0},type:{name:"string"},required:!1,description:"id to be add to the wrapper"},role:{defaultValue:{value:'"button"',computed:!1},type:{name:"string"},required:!1,description:""},ariaLabel:{defaultValue:{value:"undefined",computed:!0},type:{name:"string"},required:!1,description:""},onClick:{defaultValue:{value:"NOOP",computed:!0},type:{name:"func"},required:!1,description:""},children:{defaultValue:{value:"undefined",computed:!0},type:{name:"union",value:[{name:"arrayOf",value:{name:"node"}},{name:"node"}]},required:!1,description:""},enableTextSelection:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""}}};var b=y;t.default=b}})}));