react-select-multi-level/build/index.js

Multi level dropdown options selector for application

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=8)}([function(e,t){e.exports=require("react")},function(e,t,n){e.exports=n(6)()},function(e,t,n){var o=n(3),r=n(4);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.i,r,""]]);var i={insert:"head",singleton:!1};o(r,i);e.exports=r.locals||{}},function(e,t,n){"use strict";var o,r=function(){return void 0===o&&(o=Boolean(window&&document&&document.all&&!window.atob)),o},i=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[t]=n}return e[t]}}(),a=[];function c(e){for(var t=-1,n=0;n<a.length;n++)if(a[n].identifier===e){t=n;break}return t}function l(e,t){for(var n={},o=[],r=0;r<e.length;r++){var i=e[r],l=t.base?i[0]+t.base:i[0],s=n[l]||0,u="".concat(l," ").concat(s);n[l]=s+1;var p=c(u),m={css:i[1],media:i[2],sourceMap:i[3]};-1!==p?(a[p].references++,a[p].updater(m)):a.push({identifier:u,updater:b(m,t),references:1}),o.push(u)}return o}function s(e){var t=document.createElement("style"),o=e.attributes||{};if(void 0===o.nonce){var r=n.nc;r&&(o.nonce=r)}if(Object.keys(o).forEach((function(e){t.setAttribute(e,o[e])})),"function"==typeof e.insert)e.insert(t);else{var a=i(e.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(t)}return t}var u,p=(u=[],function(e,t){return u[e]=t,u.filter(Boolean).join("\n")});function m(e,t,n,o){var r=n?"":o.media?"@media ".concat(o.media," {").concat(o.css,"}"):o.css;if(e.styleSheet)e.styleSheet.cssText=p(t,r);else{var i=document.createTextNode(r),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(i,a[t]):e.appendChild(i)}}function f(e,t,n){var o=n.css,r=n.media,i=n.sourceMap;if(r?e.setAttribute("media",r):e.removeAttribute("media"),i&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleSheet)e.styleSheet.cssText=o;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(o))}}var d=null,v=0;function b(e,t){var n,o,r;if(t.singleton){var i=v++;n=d||(d=s(t)),o=m.bind(null,n,i,!1),r=m.bind(null,n,i,!0)}else n=s(t),o=f.bind(null,n,t),r=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return o(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;o(e=t)}else r()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=r());var n=l(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var o=0;o<n.length;o++){var r=c(n[o]);a[r].references--}for(var i=l(e,t),s=0;s<n.length;s++){var u=c(n[s]);0===a[u].references&&(a[u].updater(),a.splice(u,1))}n=i}}}},function(e,t,n){(t=n(5)(!1)).push([e.i,'.multi-level-selector-container{box-sizing:border-box;width:100%}.multi-level-selector-container .menu-close{display:none}.multi-level-selector-container .menu-open{display:block}.multi-level-selector-container .active{box-shadow:0px 0px 1px 2px #2684FF}.multi-level-selector-container .inactive{box-shadow:none}.multi-level-selector-container .multi-selector-container{display:flex;flex-direction:row;border:1px solid #ced4da;max-width:100%;background-color:#fff;border-radius:4px}.multi-level-selector-container .multi-selector-container .multi-selector{width:100%;display:flex;align-items:center;flex-wrap:wrap;overflow-x:auto}.multi-level-selector-container .multi-selector-container .multi-selector .multi-selector-placeholder{font-size:16px;color:#818181;margin-left:10px}.multi-level-selector-container .multi-selector-container .multi-selector .options-selected-container{display:flex;justify-content:center;align-items:center;margin:5px;padding:5px 10px;border-radius:20px;font-size:14px;background-color:#F0F0F0;min-width:max-content;flex-wrap:nowrap}.multi-level-selector-container .multi-selector-container .multi-selector .options-selected-container .options-value{display:inline-block}.multi-level-selector-container .multi-selector-container .multi-selector .options-selected-container .options-group{color:#000;font-size:14px;font-weight:bold}.multi-level-selector-container .multi-selector-container .multi-selector .options-selected-container .or-separator{color:#555;display:inline}.multi-level-selector-container .multi-selector-container .multi-selector .options-selected-container .remove-group{color:#ced4da;font-size:16px;margin-left:3px;cursor:pointer}.multi-level-selector-container .multi-selector-container .multi-selector .options-selected-container .remove-group:hover{color:red}.multi-level-selector-container .multi-selector-container .multi-selector-button{display:flex;align-items:center;margin-top:8px;margin-bottom:8px;margin-right:2px;min-width:25px;height:25px}.multi-level-selector-container .multi-selector-container .multi-selector-button .arrow-active{fill:#555}.multi-level-selector-container .multi-selector-container .multi-selector-button .arrow-active:hover{fill:#555;-webkit-animation:fadein 2s;-moz-animation:fadein 2s;-ms-animation:fadein 2s;-o-animation:fadein 2s;animation:fadein 2s}.multi-level-selector-container .multi-selector-container .multi-selector-button .arrow{fill:#ced4da}.multi-level-selector-container .multi-selector-container .multi-selector-button .arrow:hover{fill:darkgray;-webkit-animation:fadein 2s;-moz-animation:fadein 2s;-ms-animation:fadein 2s;-o-animation:fadein 2s;animation:fadein 2s}.multi-level-selector-container .multi-selector-container .divider{margin-top:9px;margin-bottom:9px;margin-right:8px;border-right:1px solid #ced4da;border-width:50%}.multi-level-selector-container .multi-level-options-container{position:absolute;background-color:#fff;margin-top:5px;border-radius:5px;z-index:1;box-shadow:0px 0px 5px #ced4da;min-width:200px}.multi-level-selector-container .multi-level-options-container .options-main-menu{position:relative;margin:0;padding:0}.multi-level-selector-container .multi-level-options-container .options-main-menu .options-sub-menu{display:flex;align-items:center;padding:10px 25px 10px 15px;cursor:pointer}.multi-level-selector-container .multi-level-options-container .options-main-menu .options-sub-menu:hover{background-color:#F0F0F0}.multi-level-selector-container .multi-level-options-container .options-main-menu .options-sub-menu input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.multi-level-selector-container .multi-level-options-container .options-main-menu .options-sub-menu input:checked ~ .checkbox .checkmark{background-color:#2196F3}.multi-level-selector-container .multi-level-options-container .options-main-menu .options-sub-menu input:checked ~ .checkbox .checkmark:after{display:block}.multi-level-selector-container .multi-level-options-container .options-main-menu .options-sub-menu .checkbox{position:relative;height:14px;width:14px;margin-right:10px}.multi-level-selector-container .multi-level-options-container .options-main-menu .options-sub-menu .checkbox .checkmark{position:absolute;height:14px;width:14px;background-color:#fff;border-radius:3px;border:1px solid #ced4da}.multi-level-selector-container .multi-level-options-container .options-main-menu .options-sub-menu .checkbox .checkmark:after{content:"";position:absolute;display:none;left:5px;top:1.5px;width:2px;height:7px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.multi-level-selector-container .multi-level-options-container .options-main-menu .options-sub-menu:hover input ~ .checkbox .checkmark{background-color:#fff}.multi-level-selector-container .multi-level-options-container .options-main-menu .options-sub-menu:hover input:checked ~ .checkbox .checkmark{background-color:#2196F3}.multi-level-selector-container .multi-level-options-container .options-main-menu .options-container{display:flex;padding:10px 8px 10px 18px;position:relative;flex-wrap:wrap}.multi-level-selector-container .multi-level-options-container .options-main-menu .options-container .options-label{max-width:180px;word-break:break-all;padding-right:10px}.multi-level-selector-container .multi-level-options-container .options-main-menu .options-container .options-sub-menu-container{background-color:#fff;box-shadow:0px 0px 3px #ced4da;border-radius:5px;position:absolute;width:max-content;top:0;right:0;z-index:1;transform:translate(100%, 0);display:none}.multi-level-selector-container .multi-level-options-container .options-main-menu .options-container .options-sub-menu-container .options-sub-menu-header{font-size:14px;padding:10px 15px;color:#818181;text-transform:uppercase}.multi-level-selector-container .multi-level-options-container .options-main-menu .options-container:hover{background-color:#F0F0F0;cursor:pointer}.multi-level-selector-container .multi-level-options-container .options-main-menu .options-container:hover>.options-sub-menu-container{width:400%;display:block}.multi-level-selector-container .multi-level-options-container .options-main-menu .options-container:hover .arrow-right{border-left:7px solid #555}.multi-level-selector-container .multi-level-options-container .options-main-menu .options-container .arrow-right{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid #ced4da}.multi-level-selector-container .multi-level-options-container .options-main-menu .options-container .arrow-right:hover{border-left:7px solid #555}\n',""]),e.exports=t},function(e,t,n){"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n=function(e,t){var n=e[1]||"",o=e[3];if(!o)return n;if(t&&"function"==typeof btoa){var r=(a=o,c=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),l="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(c),"/*# ".concat(l," */")),i=o.sources.map((function(e){return"/*# sourceURL=".concat(o.sourceRoot||"").concat(e," */")}));return[n].concat(i).concat([r]).join("\n")}var a,c,l;return[n].join("\n")}(t,e);return t[2]?"@media ".concat(t[2]," {").concat(n,"}"):n})).join("")},t.i=function(e,n,o){"string"==typeof e&&(e=[[null,e,""]]);var r={};if(o)for(var i=0;i<this.length;i++){var a=this[i][0];null!=a&&(r[a]=!0)}for(var c=0;c<e.length;c++){var l=[].concat(e[c]);o&&r[l[0]]||(n&&(l[2]?l[2]="".concat(n," and ").concat(l[2]):l[2]=n),t.push(l))}},t}},function(e,t,n){"use strict";var o=n(7);function r(){}function i(){}i.resetWarningCache=r,e.exports=function(){function e(e,t,n,r,i,a){if(a!==o){var c=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 c.name="Invariant Violation",c}}function t(){return e}e.isRequired=e;var n={array:e,bigint: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:i,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";n.r(t);var o=n(0),r=n.n(o),i=n(1),a=n.n(i),c=function(e,t){return{"options-selected-container":"".concat(e?"".concat(e,"-options-selected-container"):""),"options-group":"".concat(e?"".concat(e,"-options-group"):""),"options-value":"".concat(e?"".concat(e,"-options-value"):""),"or-separator":"".concat(e?"".concat(e,"-or-separator"):""),"remove-group":"".concat(e?"".concat(e,"-remove-group"):""),"multi-selector-container":"".concat(e?"".concat(e,"-multi-selector-container"):""),active:"".concat(e?"".concat(e,"-active"):""),"multi-level-options-container":"".concat(e?"".concat(e,"-multi-level-options-container"):""),"menu-open":"".concat(e?"".concat(e,"-menu-open"):""),"menu-close":"".concat(e?"".concat(e,"-menu-close"):""),"options-label":"".concat(e?"".concat(e,"-options-label"):""),"options-sub-menu-container":"".concat(e?"".concat(e,"-options-sub-menu-container"):""),"options-sub-menu-header":"".concat(e?"".concat(e,"-options-sub-menu-header"):""),"options-sub-menu":"".concat(e?"".concat(e,"-options-sub-menu"):""),"arrow-up":"".concat(e?"".concat(e,"-arrow-up"):""),"arrow-right":"".concat(e?"".concat(e,"-arrow-right"):""),"arrow-down":"".concat(e?"".concat(e,"-arrow-down"):""),"multi-selector-placeholder":"".concat(e?"".concat(e,"-multi-selector-placeholder"):"")}[t]};function l(e){return function(e){if(Array.isArray(e))return s(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return s(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function u(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function p(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?u(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function m(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var f=!1,d=function(e,t,n){var o={},r=t.find((function(t){return t.value===e[0].value}));if(void 0!==r)return v([r],e,n);for(var i=e.length-1;i>=0;i-=1)i===e.length-1&&(o=p(p({},e[i]),{},{options:[n]})),i>0&&(o=p(p({},e[i-1]),{},{options:[o]}));return o},v=function(e,t,n){for(var o={},r=b(e,t),i=r.length-1;i>=0;i-=1)i===r.length-1&&(o=p(p({},r[i]),{},{options:[n].concat(l(r[i].options))})),i>0&&(o=p(p({},r[i-1]),{},{options:[].concat(l(r[i-1].options),[o])}));return o},b=function e(t,n){for(var o=0;o<=t.length-1;o+=1)for(var r=function(r){t[o].value===n[r].value&&t[o].options&&(n[r].options=t[o].options.filter((function(e){return r<n.length-1?e.value!==n[r+1].value:e})),e(t[o].options,n))},i=0;i<=n.length-1;i+=1)r(i);return n},h=function e(t,n,o,r,i,a,c){var l=arguments.length>7&&void 0!==arguments[7]&&arguments[7];f=l;for(var s=0;s<=r.length-1;s+=1){var u=i.slice();if(r[s].value===o){if(0===u.length&&void 0===a){c({value:r[s].value,label:r[s].label});break}if(u.length&&u[u.length-1].value===a){f=!0,c(d(u,t,n));break}}else{if(f)break;r[s].options&&(u.push({value:r[s].value,label:r[s].label,options:[]}),e(t,n,o,r[s].options,u,a,c,f))}}};n(2);function g(e){return(g="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)}function y(e){return function(e){if(Array.isArray(e))return x(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return x(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return x(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function x(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function w(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)}}function O(e,t){return(O=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e})(e,t)}function k(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=N(e);if(t){var r=N(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return C(this,n)}}function C(e,t){if(t&&("object"===g(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return S(e)}function S(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function N(e){return(N=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var E=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&O(e,t)}(a,e);var t,n,o,i=k(a);function a(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),(e=i.call(this)).getClassName=function(t){var n=e.props.className;return c(n,t)},e.onOptionsChange=function(){(0,e.props.onChange)(e.state.values)},e.removeSelectedGroup=function(t){var n=t.value,o=e.state.values;e.setState({values:o.filter((function(e){return e.value!==n}))},e.onOptionsChange)},e.handleClickOutside=function(t){return e.state.isMenuOpen&&e.setState({isMenuOpen:!1})},e.toggleMenu=function(){var t=e.state.isMenuOpen;e.setState({isMenuOpen:!t})},e.selectOption=function(t,n,o){var r=e.state.values,i=o.target,a=i.value;if(i.checked){var c=t.value,l=t;if(-1===r.findIndex((function(e){return e.value===c})))return e.setState({values:[].concat(y(r),[l])},e.onOptionsChange);var s=r.map((function(e){return e.value===c?l:e}));return e.setState({values:s},e.onOptionsChange)}var u=e.removeOption(r,n,a,n);return e.setState({values:u},e.onOptionsChange)},e.removeOption=function(t,n,o,r){return t.filter((function(t){if(t.value.includes(o)){if(void 0!==r&&void 0!==n&&n===r)return!1;if(r===n)return!1}return t.options?(t.options=e.removeOption(t.options,t.value,o,r)).length:t}))},e.isOptionChecked=function(t,n,o){return o?t.some((function(t){return t.value===o?t.options.some((function(e){return e.value===n})):!!t.options&&e.isOptionChecked(t.options,n,o)})):t.some((function(e){return e.value===n}))},e.renderOptionsSelected=function(t){return t.map((function(t,n){return r.a.createElement("div",{key:n,className:"options-selected-container ".concat(e.getClassName("options-selected-container")),onClick:function(e){return e.stopPropagation()}},e.renderSubOptionsSelected([t]),r.a.createElement("div",{onClick:function(){return e.removeSelectedGroup(t)},className:"remove-group ".concat(e.getClassName("remove-group"))},"✕"))}))},e.renderSubOptionsSelected=function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return t.map((function(o,i){return r.a.createElement(r.a.Fragment,{key:"".concat(o.value,"-").concat(i)},o.options&&r.a.createElement("div",null,0===n?r.a.createElement("span",{className:"options-group ".concat(e.getClassName("options-group"))}," ".concat(o.label)):t.length>1&&0!==i?", ".concat(o.label):" ".concat(o.label),r.a.createElement("span",{className:"options-group ".concat(e.getClassName("options-group"))}," ->")," "),!o.options&&r.a.createElement("div",{className:"options-value ".concat(e.getClassName("options-value"))},t.length>1&&0!==i?", ".concat(o.label):0===n?r.a.createElement("span",{className:"options-group ".concat(e.getClassName("options-group"))},o.label):"".concat(o.label)," "),o.options&&e.renderSubOptionsSelected(o.options,n+=1))}))},e.renderCaretButton=function(){var t=e.state.isMenuOpen;return r.a.createElement(r.a.Fragment,null,r.a.createElement("span",{className:"divider"}),r.a.createElement("div",{className:"multi-selector-button",onClick:e.toggleMenu},r.a.createElement("svg",{height:"20",width:"20",viewBox:"0 0 20 20","aria-hidden":"true",focusable:"false",className:t?"arrow-active":"arrow"},r.a.createElement("path",{d:"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"}))))},e.renderPlaceholder=function(){var t=e.props.placeholder;return r.a.createElement("div",{className:"multi-selector-placeholder ".concat(e.getClassName("multi-selector-placeholder"))},t||"Select")},e.renderOptionsMenu=function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return t.map((function(t,o){return t.options?r.a.createElement("div",{key:"".concat(t.value,"-").concat(o),className:"options-container"},r.a.createElement("div",{className:"options-label ".concat(e.getClassName("options-label"))},t.label),e.renderSubMenu(t,n)):r.a.createElement(r.a.Fragment,{key:"".concat(t.value,"-").concat(o)},e.renderSubMenu(t,n))}))},e.renderSubMenu=function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o=e.state.values,i=e.props.options;if(t.options)return r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{className:"arrow-right ".concat(e.getClassName("arrow-right"))}),r.a.createElement("div",{className:"options-sub-menu-container ".concat(e.getClassName("options-sub-menu-container"))},r.a.createElement("div",{className:"options-sub-menu-header ".concat(e.getClassName("options-sub-menu-header"))},t.value),e.renderOptionsMenu(t.options,t)));var a=e.isOptionChecked(o,t.value,n.value);return r.a.createElement("label",null,r.a.createElement("div",{className:"options-sub-menu ".concat(e.getClassName("options-sub-menu"))},r.a.createElement("input",{type:"checkbox",value:t.value,checked:a,name:t.label,onChange:function(r){var c=S(e);a?c.selectOption({},n.value,r):h(o,t,t.value,i,[],n.value,(function(e){c.selectOption(e,n.value,r)}))}}),r.a.createElement("div",{className:"checkbox"},r.a.createElement("span",{className:"checkmark"})),r.a.createElement("div",{className:"options-label ".concat(e.getClassName("options-label"))},t.label)))},e.state={values:[],isMenuOpen:!1},e}return t=a,(n=[{key:"render",value:function(){var e=this,t=this.state,n=t.values,o=t.isMenuOpen,i=this.props.options,a=r.a.createRef();return document.addEventListener("mousedown",(function(t){var n=e.state.isMenuOpen;if(a.current&&n&&!a.current.contains(t.target))return e.setState({isMenuOpen:!1})})),r.a.createElement("div",{className:"multi-level-selector-container"},r.a.createElement("div",{ref:a,className:"multi-selector-container ".concat(this.getClassName("multi-selector-container")," ").concat(o?"active ".concat(this.getClassName("active")):"inactive")},r.a.createElement("div",{ref:a,className:"multi-selector",onClick:this.toggleMenu},!n.length&&this.renderPlaceholder(),this.renderOptionsSelected(n)),this.renderCaretButton()),r.a.createElement("div",{ref:a,className:"multi-level-options-container ".concat(this.getClassName("multi-level-options-container")," ").concat(o?"menu-open ".concat(this.getClassName("menu-open")):"menu-close ".concat(this.getClassName("menu-close")))},r.a.createElement("div",{className:"options-main-menu"},this.renderOptionsMenu(i))))}}])&&w(t.prototype,n),o&&w(t,o),Object.defineProperty(t,"prototype",{writable:!1}),a}(r.a.Component);E.propTypes={placeholder:a.a.string,onChange:a.a.func,options:a.a.arrayOf(a.a.shape({value:a.a.string.isRequired,label:a.a.string.isRequired,options:a.a.arrayOf(a.a.shape({value:a.a.string.isRequired,label:a.a.string.isRequired}))})),className:a.a.string},E.defaultProps={placeholder:"",options:[],onChange:function(){},className:""};t.default=E}]);