UNPKG

react-sm-select

Version:
1 lines 20.9 kB
module.exports=function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},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 o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},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=5)}([function(e,t){e.exports=require("react")},function(e,t,n){"use strict";function o(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}Object.defineProperty(t,"__esModule",{value:!0});var r=t.is=function(e,t){return t.constructor===e};t.classes=function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.reduce(function(e,t){var n="";return r(String,t)&&(n=t),r(Object,t)&&(n=Object.keys(t).filter(function(e){return!!t[e]}).join(" ")),r(Array,t)&&(n=t.join(" ")),(e?e+" "+n:n).trim()},"")},t.defaultFilterOptions=function(e,t){return e.filter(function(e){return e.label.toLowerCase().includes(t.toLowerCase())})},t.areArraysEqual=function(e,t){return e.length===t.length&&!e.reduce(function(e,n,r){return n!==t[r]?[].concat(o(e),[n]):e},[]).length},t.omitDirtyValues=function(e,t,n){var r,a=e.map(function(e){return e.value}),l=t.reduce(function(e,t){return a.includes(t)?[].concat(o(e),[t]):e},[]),u=(r=l,Array.isArray(r)?r:Array.from(r)),i=u[0],s=u.slice(1);return i?n?[i]:[i].concat(o(s)):[]},t.attachDocumentClickListener=function(e){document.addEventListener("touchstart",e,!1),document.addEventListener("mousedown",e,!1)},t.removeDocumentClickListener=function(e){document.removeEventListener("touchstart",e,!1),document.removeEventListener("mousedown",e,!1)},t.stopPreventPropagation=function(e){e.stopPropagation(),e.preventDefault()}},function(e,t,n){e.exports=n(6)()},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.MODE={LIST:"list",TAGS:"tags",COUNTER:"counter",SINGLE:"single"}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Option=void 0;var o=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),r=i(n(0)),a=i(n(2)),l=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t.default=e,t}(n(1)),u=n(17);function i(e){return e&&e.__esModule?e:{default:e}}var s=t.Option=function(e){function t(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var e=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return e.updateFocus=function(){e.props.focused&&e.optionRef.current&&e.optionRef.current.focus()},e.handleKeyDown=function(t){13!==t.which&&32!==t.which||(e.props.onClick(),l.stopPreventPropagation(t))},e.state={hovered:!1},e.optionRef=r.default.createRef(),e}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,r.default.Component),o(t,[{key:"componentDidMount",value:function(){this.updateFocus()}},{key:"componentDidUpdate",value:function(){this.updateFocus()}},{key:"render",value:function(){var e=this,t=this.state,n=this.props;return r.default.createElement("label",{className:l.classes("Option",{"Option--focus":n.focused,"Option--hover":t.hovered}),role:"option","aria-selected":n.checked,tabIndex:"-1",ref:this.optionRef,onMouseDown:n.onClick,onKeyDown:this.handleKeyDown,onMouseOver:function(){return e.setState({hovered:!0})},onMouseOut:function(){return e.setState({hovered:!1})}},r.default.createElement(n.Option,{option:n.option,checked:n.checked,isSingle:n.isSingle}))}}]),t}();s.displayName="Option",s.propTypes={Option:a.default.func,option:a.default.object.isRequired,checked:a.default.bool,focused:a.default.bool,onClick:a.default.func,isSingle:a.default.bool},s.defaultProps={Option:u.DefOption}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.MultiSelect=void 0;var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},r=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),a=d(n(0)),l=d(n(2)),u=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t.default=e,t}(n(1)),i=n(3),s=n(8),c=n(15);function d(e){return e&&e.__esModule?e:{default:e}}function f(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}function p(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var h=t.MultiSelect=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var n=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return v.call(n),n.state={value:e.isLoading?e.value:u.omitDirtyValues(e.options,e.value,n.isSingle()),expanded:!1,hasFocus:!1,selectAll:!1,focusIndex:e.enableSearch?-1:-2,searchText:"",mouseHover:!1},n.multiSelectRef=a.default.createRef(),n.headerRef=a.default.createRef(),n.searchRef=a.default.createRef(),n.hasListener=!1,n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,a.default.Component),r(t,[{key:"componentDidUpdate",value:function(e,t){var n=this,o=this.props,r=this.state,a=!e.isLoading&&o.isLoading,l=e.isLoading&&!o.isLoading,i=e.options.length!==o.options.length,s=function(e){return a?e:u.omitDirtyValues(o.options,e,n.isSingle())},c=s(o.value),d=s(e.value);(!u.areArraysEqual(d,c)||a||l||i)&&this.setState({value:c}),!0===t.expanded&&!1===r.expanded&&this.onEvent("onClose"),u.areArraysEqual(t.value,r.value)||this.onEvent("onChange"),e.disabled&&!o.disabled&&(this.hasListener=!0,u.attachDocumentClickListener(this.handleDocumentClick)),!e.disabled&&o.disabled&&(this.hasListener=!1,u.removeDocumentClickListener(this.handleDocumentClick))}},{key:"componentWillUnmount",value:function(){this.hasListener&&u.removeDocumentClickListener(this.handleDocumentClick)}},{key:"render",value:function(){var e=this,t=this.props,n=this.state;return a.default.createElement("div",{className:"MultiSelect",id:t.id,ref:this.multiSelectRef,onMouseDown:this.handleClick,onMouseEnter:function(){return e.handleHover(!0)},onMouseLeave:function(){return e.handleHover(!1)},onKeyDown:this.handleKeyPress,onFocus:this.handleFocus,onBlur:this.handleBlur},a.default.createElement(s.Header,{nodeRef:this.headerRef,focused:n.hasFocus,expanded:n.expanded,disabled:t.disabled,selected:-2===n.focusIndex,onClick:this.toggleDropDown},a.default.createElement("div",{className:u.classes("Header__value",{"Header__value--resetable":t.resetable&&(!!n.value.length||!!t.resetTo.length)})},a.default.createElement(s.Value,{mode:t.mode,options:t.options,value:n.value,Value:t.Value,valuePlaceholder:t.valuePlaceholder,allSelectedLabel:t.allSelectedLabel,counterLabel:t.counterLabel,Tag:t.Tag,removableTag:t.removableTag,onRemove:this.deselect})),a.default.createElement("div",{className:"Header__controls"},t.resetable&&(!!n.value.length||!!t.resetTo.length)&&a.default.createElement("div",{className:"Header__reset",onClick:this.reset},"✕"),t.isLoading&&a.default.createElement(t.Loading,null),!t.isLoading&&a.default.createElement(t.Arrow,{value:n.value,options:t.options,hasFocus:n.hasFocus,disabled:t.disabled,expanded:n.expanded}))),n.expanded&&a.default.createElement("div",{className:"DropDown",role:"listbox"},t.enableSearch&&a.default.createElement("input",{type:"text",className:u.classes("DropDown__searchField",{"DropDown__searchField--selected":-1===n.focusIndex}),placeholder:t.maxOptionsToRender?t.searchMorePlaceholder:t.searchPlaceholder,value:n.searchText,ref:this.searchRef,onChange:this.handleSearchChange,onMouseDown:function(){return e.setState({focusIndex:-1})},autoFocus:-1===n.focusIndex}),a.default.createElement("ul",{className:"OptionList"},this.isSelectAllVisible()&&a.default.createElement(c.SelectAll,{key:n.value||this.filteredOptions(),Option:t.Option,focused:0===n.focusIndex,checked:this.allAreSelected(),selectAllLabel:t.selectAllLabel,onClick:this.toggleAll}),this.filteredOptions().map(function(o,r){return a.default.createElement("li",{className:"OptionList__item",key:o.value},a.default.createElement(c.Option,{key:n.value||e.filteredOptions(),isSingle:e.isSingle(),focused:n.focusIndex===r+1,checked:n.value.includes(o.value),option:o,Option:t.Option,onClick:function(){return e.optionClick(o.value,r)}}))}))))}}]),t}();h.displayName="MultiSelect",h.propTypes={id:l.default.string,mode:l.default.oneOf([i.MODE.LIST,i.MODE.TAGS,i.MODE.COUNTER,i.MODE.SINGLE]),options:l.default.arrayOf(l.default.shape({value:l.default.string,label:l.default.string})).isRequired,value:l.default.arrayOf(l.default.string),resetTo:l.default.arrayOf(l.default.string),maxOptionsToRender:l.default.number,onChange:l.default.func,onBlur:l.default.func,onClose:l.default.func,Value:l.default.func,Tag:l.default.func,Loading:l.default.func,Arrow:l.default.func,Option:l.default.func,filterOptions:l.default.func,valuePlaceholder:l.default.string,allSelectedLabel:l.default.string,counterLabel:l.default.string,searchPlaceholder:l.default.string,searchMorePlaceholder:l.default.string,selectAllLabel:l.default.string,disabled:l.default.bool,shouldToggleOnHover:l.default.bool,isLoading:l.default.bool,removableTag:l.default.bool,resetable:l.default.bool,enableSearch:l.default.bool,hasSelectAll:l.default.bool,stopClickPropagation:l.default.bool},h.defaultProps={mode:i.MODE.LIST,value:[],resetTo:[],Loading:s.DefLoading,Arrow:s.DefArrow,filterOptions:u.defaultFilterOptions,valuePlaceholder:"Select",allSelectedLabel:"All items are selected",searchPlaceholder:"Search",searchMorePlaceholder:"Search to see more ...",selectAllLabel:"Select All",shouldToggleOnHover:!1,removableTag:!0,resetable:!1,enableSearch:!1,hasSelectAll:!1,stopClickPropagation:!1};var v=function(){var e=this;this.isSingle=function(){return e.props.mode===i.MODE.SINGLE},this.handleDocumentClick=function(){e.props.disabled||e.state.mouseHover||(e.setState({expanded:!1,hasFocus:!1}),u.removeDocumentClickListener(e.handleDocumentClick),e.onEvent("onBlur"))},this.handleClick=function(){e.props.disabled||e.hasListener||u.attachDocumentClickListener(e.handleDocumentClick)},this.handleFocus=function(){e.setState(function(e){return e.hasFocus?null:{hasFocus:!0}})},this.handleBlur=function(){e.setState(function(e){return e.hasFocus?{hasFocus:!1}:null})},this.toggleDropDown=function(t,n){var r=e.props;r.disabled||r.isLoading||(e.setState(function(e){var t=e.expanded;return o({expanded:void 0!==n?n:!t},t?{}:{focusIndex:r.enableSearch?-1:-2,searchText:""})}),t&&r.stopClickPropagation&&u.stopPreventPropagation(t))},this.handleHover=function(t){e.setState({mouseHover:t}),e.props.shouldToggleOnHover&&e.toggleDropDown(null,t)},this.isSelectAllVisible=function(){return!e.isSingle()&&e.props.hasSelectAll&&!e.state.searchText},this.handleFocusControl=function(t){-1===t&&e.searchRef.current.focus(),-2===t&&e.headerRef.current.focus()},this.keyDown=function(t){var n=e.props,o=e.state;o.expanded?e.setState(function(t){var r=t.focusIndex+1;return-1===r&&(r=n.enableSearch?r:r+1),0===r&&(r=e.isSelectAllVisible()?r:r+1),o.focusIndex<e.filteredOptions().length?{focusIndex:r}:null},function(){e.handleFocusControl(e.state.focusIndex)}):e.toggleDropDown(null,!0),u.stopPreventPropagation(t)},this.keyUp=function(t){var n=e.props,o=e.state;o.expanded&&(-2===o.focusIndex?e.toggleDropDown(null,!1):e.setState(function(t){var o=t.focusIndex-1;return 0===o&&(o=e.isSelectAllVisible()?o:o-1),-1===o&&(o=n.enableSearch?o:o-1),{focusIndex:o}},function(){e.handleFocusControl(e.state.focusIndex)})),u.stopPreventPropagation(t)},this.clearValue=function(t){e.props.resetable&&-2===e.state.focusIndex&&e.reset(t)},this.handleKeyPress=function(t){var n;(n={},p(n,t.which,function(){}),p(n,8,function(){return e.clearValue(t)}),p(n,9,function(){return e.toggleDropDown(null,!1)}),p(n,27,function(){e.toggleDropDown(null,!1),e.handleFocusControl(-2),u.stopPreventPropagation(t)}),p(n,38,function(){return e.keyUp(t)}),p(n,40,function(){return e.keyDown(t)}),n)[t.which]()},this.select=function(t){e.isSingle()?e.setState({value:[t]},function(){return e.toggleDropDown(null,!1)}):e.setState({value:[].concat(f(e.state.value),[t])})},this.deselect=function(t,n){var o=e.state.value;e.setState({value:[].concat(f(o.slice(0,t)),f(o.slice(t+1)))}),n&&u.stopPreventPropagation(n)},this.reset=function(t){var n=e.props;n.disabled&&n.isLoading||e.setState({value:n.resetTo}),u.stopPreventPropagation(t)},this.handleSearchChange=function(t){e.setState({searchText:t.target.value})},this.allAreSelected=function(){return e.props.options.length===e.state.value.length},this.toggleAll=function(){if(e.allAreSelected())e.setState({value:[],focusIndex:0});else{var t=e.props.options.map(function(e){return e.value});e.setState({value:t,focusIndex:0})}},this.filteredOptions=function(){var t=e.state,n=e.props,o=n.filterOptions(n.options,t.searchText);return n.maxOptionsToRender?o.slice(0,n.maxOptionsToRender):o},this.optionClick=function(t,n){var o=e.state.value.indexOf(t);-1===o||e.isSingle()?e.select(t):e.deselect(o),e.setState({focusIndex:n+1})},this.onEvent=function(t){var n=e.props,o=e.state;n[t]&&n[t](o.value)}}},function(e,t,n){"use strict";var o=n(7);function r(){}function a(){}a.resetWarningCache=r,e.exports=function(){function e(e,t,n,r,a,l){if(l!==o){var u=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw u.name="Invariant Violation",u}}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:a,resetWarningCache:r};return n.PropTypes=n,n}},function(e,t,n){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Header=t.DefLoading=t.DefArrow=t.Value=void 0;var o=n(9);Object.defineProperty(t,"Value",{enumerable:!0,get:function(){return o.Value}});var r=n(13);Object.defineProperty(t,"DefArrow",{enumerable:!0,get:function(){return r.DefArrow}});var a=n(14);Object.defineProperty(t,"DefLoading",{enumerable:!0,get:function(){return a.DefLoading}});var l,u=n(0),i=(l=u)&&l.__esModule?l:{default:l},s=n(1);t.Header=function(e){var t=e.children,n=e.disabled,o=e.expanded,r=e.focused,a=e.selected,l=e.nodeRef,u=e.onClick;return i.default.createElement("div",{className:(0,s.classes)("Header",{"Header--focusedActive":!n&&(r||o),"Header--expanded":o,"Header--disabled":n,"Header--focusedDisabled":n&&r,"Header--selected":!n&&r&&a}),tabIndex:"0",role:"combobox","aria-expanded":o,"aria-readonly":"true","aria-disabled":n,ref:l,onClick:u},t)}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Value=void 0;var o,r=n(0),a=(o=r)&&o.__esModule?o:{default:o},l=n(3),u=n(10),i=n(11),s=n(12);t.Value=function(e){var t=e.mode,n=e.options,o=e.value,r=e.Value,c=void 0===r?i.DefValue:r,d=e.Tag,f=void 0===d?s.DefTag:d,p=e.valuePlaceholder,h=e.allSelectedLabel,v=e.counterLabel,b=e.onRemove,m=e.removableTag,g=function(e){return t===e};if(c===i.DefValue&&!g(l.MODE.TAGS)&&!g(l.MODE.COUNTER)&&o.length===n.length)return a.default.createElement("span",null,h);if(!o.length)return a.default.createElement("span",{className:"Header__valuePlaceholder"},p);if(g(l.MODE.TAGS)){var _=o.map(function(e){return n.find(function(t){return t.value===e}).label});return a.default.createElement("div",{className:"Header__tags"},_.map(function(e,t){return a.default.createElement(f,{key:t,label:e,index:t,onTagRemove:b,removableTag:m})}))}return g(l.MODE.COUNTER)?a.default.createElement(u.Counter,{value:o,options:n,counterLabel:v,valuePlaceholder:p}):a.default.createElement(c,{options:n,value:o})}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Counter=void 0;var o,r=n(0),a=(o=r)&&o.__esModule?o:{default:o};t.Counter=function(e){var t=e.valuePlaceholder,n=e.counterLabel,o=e.value,r=e.options;return a.default.createElement("span",null,o.length&&n||t,!!o.length&&a.default.createElement("span",{className:"Header__valueCounter"},"(",o.length===r.length?"All":o.length,")"))}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.DefValue=void 0;var o,r=n(0),a=(o=r)&&o.__esModule?o:{default:o};t.DefValue=function(e){var t=e.value,n=e.options;return a.default.createElement("span",null,t.map(function(e){return n.find(function(t){return t.value===e}).label}).join(", "))}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.DefTag=void 0;var o,r=n(0),a=(o=r)&&o.__esModule?o:{default:o};t.DefTag=function(e){var t=e.label,n=e.index,o=e.removableTag,r=e.onTagRemove;return a.default.createElement("div",{className:"Header__tag"},a.default.createElement("div",{className:"Header__tag__label"},t),o&&a.default.createElement("div",{className:"Header__tag__close",onClick:function(e){return r(n,e)}},"✕"))}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.DefArrow=void 0;var o,r=n(0),a=(o=r)&&o.__esModule?o:{default:o},l=n(1);t.DefArrow=function(e){var t=e.expanded,n=e.disabled;return a.default.createElement("div",{className:"Header__arrow"},a.default.createElement("div",{className:(0,l.classes)({"Header__arrow--down":!t,"Header__arrow--up":t,"Header__arrow--active":!n&&t,"Header__arrow--disabled":n})}))}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.DefLoading=void 0;var o,r=n(0),a=(o=r)&&o.__esModule?o:{default:o};t.DefLoading=function(){return a.default.createElement("span",{className:"Header__loading"},a.default.createElement("span",{className:"Header__loading__icon"}))}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(16);Object.defineProperty(t,"SelectAll",{enumerable:!0,get:function(){return o.SelectAll}});var r=n(4);Object.defineProperty(t,"Option",{enumerable:!0,get:function(){return r.Option}})},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.SelectAll=void 0;var o,r=n(0),a=(o=r)&&o.__esModule?o:{default:o},l=n(4);t.SelectAll=function(e){return a.default.createElement("li",{className:"OptionList__item DropDown__selectAll"},a.default.createElement(l.Option,{Option:e.Option,option:{label:e.selectAllLabel,value:""},checked:e.checked,focused:e.focused,onClick:e.onClick}))}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.DefOption=void 0;var o,r=n(0),a=(o=r)&&o.__esModule?o:{default:o};t.DefOption=function(e){var t=e.checked,n=e.option,o=e.isSingle;return a.default.createElement("div",{className:"Option__renderer"},a.default.createElement("span",{className:"Option__label"},n.label),!o&&a.default.createElement("input",{type:"checkbox",defaultChecked:t,tabIndex:"-1"}))}}]);