react-searchable-dropdown - npm Package Compare versions

Comparing version 2.0.2 to 2.0.3

package.json

 {
   "name": "react-searchable-dropdown",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "repository": {
@@ -22,3 +22,4 @@ "type": "git",
     "build_package": "CONFIG_NAME='prod' BUILD_TYPE='package' webpack --mode production",
-    "build_app": "CONFIG_NAME='prod' webpack --mode production"
+    "build_app": "CONFIG_NAME='prod' webpack --mode production",
+    "build": "npm run build_package & npm run build_app"
   },
@@ -25,0 +26,0 @@ "devDependencies": {

package/bundle.js

@@ -14,2 +14,2 @@ module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.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 o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));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=8)}([function(e,t,n){"use strict";e.exports=n(1)},function(e,t,n){"use strict";
 @license MIT
-*/var r=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable;e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map(function(e){return t[e]}).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach(function(e){r[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e,t){for(var n,i,s=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),l=1;l<arguments.length;l++){for(var c in n=Object(arguments[l]))o.call(n,c)&&(s[c]=n[c]);if(r){i=r(n);for(var u=0;u<i.length;u++)a.call(n,i[u])&&(s[i[u]]=n[i[u]])}}return s}},function(e,t,n){var r=n(4);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(6)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(5)(!1)).push([e.i,".searchable {\n  position: relative;\n  font-family: arial;\n  z-index: 1; }\n  .searchable--disabled {\n    opacity: 0.8; }\n    .searchable--disabled,\n    .searchable--disabled *,\n    .searchable--disabled .searchable__controls__arrow {\n      cursor: not-allowed; }\n  .searchable--active {\n    z-index: 2; }\n    .searchable--active .searchable__controls__arrow__inner {\n      -webkit-transform: translate(-50%, -50%) rotate(-180deg);\n          -ms-transform: translate(-50%, -50%) rotate(-180deg);\n              transform: translate(-50%, -50%) rotate(-180deg); }\n    .searchable--active .searchable__controls {\n      border-radius: 5px 5px 0 0;\n      border-bottom: 1px solid #6f7dab; }\n  .searchable,\n  .searchable * {\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box; }\n  .searchable__controls {\n    position: relative;\n    background-color: #252d47;\n    border-radius: 5px;\n    padding-right: 34px;\n    border-bottom: 1px solid transparent;\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none; }\n    .searchable__controls input {\n      background-color: transparent;\n      border: none;\n      -webkit-box-shadow: none;\n              box-shadow: none;\n      font-size: 14px;\n      line-height: 1em;\n      padding: 14px;\n      width: 100%;\n      color: #fff;\n      position: relative; }\n      .searchable__controls input::-ms-clear {\n        display: none; }\n      .searchable__controls input:-moz-read-only {\n        cursor: pointer; }\n      .searchable__controls input:read-only {\n        cursor: pointer; }\n      .searchable__controls input:focus {\n        outline: none; }\n      .searchable__controls input::-webkit-input-placeholder {\n        color: #aab7e1; }\n      .searchable__controls input::-moz-placeholder {\n        color: #aab7e1; }\n      .searchable__controls input:-ms-input-placeholder {\n        color: #aab7e1; }\n      .searchable__controls input::-ms-input-placeholder {\n        color: #aab7e1; }\n      .searchable__controls input::placeholder {\n        color: #aab7e1; }\n    .searchable__controls__arrow {\n      position: absolute;\n      top: 0;\n      right: 0;\n      width: 34px;\n      height: 100%;\n      cursor: pointer; }\n      .searchable__controls__arrow__inner {\n        width: 16px;\n        height: 16px;\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        -webkit-transform: translate(-50%, -50%);\n            -ms-transform: translate(-50%, -50%);\n                transform: translate(-50%, -50%);\n        -webkit-transition: all 0.3s;\n        -o-transition: all 0.3s;\n        transition: all 0.3s;\n        background-color: transparent;\n        border: none;\n        padding: 0;\n        margin: 0;\n        font-size: 0;\n        cursor: pointer; }\n        .searchable__controls__arrow__inner:focus {\n          outline: none; }\n      .searchable__controls__arrow svg {\n        fill: #ffffff; }\n    .searchable__controls__placeholder {\n      color: #aab7e1;\n      padding: 14px;\n      font-size: 14px; }\n    .searchable__controls__input {\n      position: relative; }\n      .searchable__controls__input--hidden {\n        position: absolute;\n        width: 0;\n        height: 0; }\n        .searchable__controls__input--hidden * {\n          font-size: 0; }\n      .searchable__controls__input__assume {\n        color: #aab7e1;\n        position: absolute;\n        left: 14px;\n        top: 50%;\n        font-size: 14px;\n        -webkit-transform: translateY(-50%);\n            -ms-transform: translateY(-50%);\n                transform: translateY(-50%); }\n        .searchable__controls__input__assume__char--hidden {\n          color: transparent; }\n        .searchable__controls__input__assume__char--upper {\n          letter-spacing: -0.6px; }\n    .searchable__controls__list {\n      display: -webkit-box;\n      display: -ms-flexbox;\n      display: flex;\n      -ms-flex-wrap: wrap;\n          flex-wrap: wrap;\n      padding: 2.5px; }\n      .searchable__controls__list:empty {\n        padding: 0; }\n      .searchable__controls__list__item {\n        padding: 7px 5px 7px 10px;\n        color: #fff;\n        background-color: #6f7dab;\n        border-radius: 3px;\n        font-size: 14px;\n        margin-right: 5px;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-box-align: center;\n            -ms-flex-align: center;\n                align-items: center;\n        margin: 2.5px;\n        cursor: default; }\n        .searchable__controls__list__item__remove {\n          margin-left: 10px;\n          border: none;\n          background-color: transparent;\n          padding: 6px;\n          width: 20px;\n          height: 20px;\n          font-size: 0;\n          cursor: pointer; }\n          .searchable__controls__list__item__remove svg {\n            fill: #fff; }\n  .searchable__list {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    width: 100%;\n    overflow: auto;\n    background-color: #252d47;\n    padding: 10px 0;\n    border-radius: 0 0 5px 5px;\n    font-size: 14px; }\n    .searchable__list--empty {\n      color: #eee;\n      text-align: center;\n      padding: 10px;\n      line-height: 1em; }\n    .searchable__list__item {\n      color: #aab7e1;\n      padding: 10px 14px;\n      line-height: 1em;\n      cursor: pointer;\n      -webkit-transition: all 0.3s;\n      -o-transition: all 0.3s;\n      transition: all 0.3s;\n      position: relative; }\n      .searchable__list__item__arrow {\n        position: absolute;\n        top: 50%;\n        -webkit-transform: translateY(-50%);\n            -ms-transform: translateY(-50%);\n                transform: translateY(-50%);\n        left: 5px;\n        width: 10px;\n        height: 10px;\n        font-size: 0; }\n        .searchable__list__item__arrow svg {\n          width: 100%;\n          height: auto;\n          fill: #fff; }\n      .searchable__list__item:hover {\n        color: #fff;\n        background-color: #1a1e30; }\n      .searchable__list__item--active {\n        color: #fff; }\n      .searchable__list__item--arrow-position {\n        padding-left: 20px; }\n  .searchable--active .searchable__list,\n  .searchable--active .searchable__controls {\n    -webkit-transition: -webkit-box-shadow 0.3s;\n    transition: -webkit-box-shadow 0.3s;\n    -o-transition: box-shadow 0.3s;\n    transition: box-shadow 0.3s;\n    transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;\n    -webkit-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.5);\n            box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.5); }\n",""])},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]||"",r=e[3];if(!r)return n;if(t&&"function"==typeof btoa){var o=(i=r,"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */"),a=r.sources.map(function(e){return"/*# sourceURL="+r.sourceRoot+e+" */"});return[n].concat(a).concat([o]).join("\n")}var i;return[n].join("\n")}(t,e);return t[2]?"@media "+t[2]+"{"+n+"}":n}).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var r={},o=0;o<this.length;o++){var a=this[o][0];null!=a&&(r[a]=!0)}for(o=0;o<e.length;o++){var i=e[o];null!=i[0]&&r[i[0]]||(n&&!i[2]?i[2]=n:n&&(i[2]="("+i[2]+") and ("+n+")"),t.push(i))}},t}},function(e,t,n){var r,o,a={},i=(r=function(){return window&&document&&document.all&&!window.atob},function(){return void 0===o&&(o=r.apply(this,arguments)),o}),s=function(e){var t={};return function(e,n){if("function"==typeof e)return e();if(void 0===t[e]){var r=function(e,t){return t?t.querySelector(e):document.querySelector(e)}.call(this,e,n);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(e){r=null}t[e]=r}return t[e]}}(),l=null,c=0,u=[],f=n(7);function p(e,t){for(var n=0;n<e.length;n++){var r=e[n],o=a[r.id];if(o){o.refs++;for(var i=0;i<o.parts.length;i++)o.parts[i](r.parts[i]);for(;i<r.parts.length;i++)o.parts.push(v(r.parts[i],t))}else{var s=[];for(i=0;i<r.parts.length;i++)s.push(v(r.parts[i],t));a[r.id]={id:r.id,refs:1,parts:s}}}}function d(e,t){for(var n=[],r={},o=0;o<e.length;o++){var a=e[o],i=t.base?a[0]+t.base:a[0],s={css:a[1],media:a[2],sourceMap:a[3]};r[i]?r[i].parts.push(s):n.push(r[i]={id:i,parts:[s]})}return n}function h(e,t){var n=s(e.insertInto);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");var r=u[u.length-1];if("top"===e.insertAt)r?r.nextSibling?n.insertBefore(t,r.nextSibling):n.appendChild(t):n.insertBefore(t,n.firstChild),u.push(t);else if("bottom"===e.insertAt)n.appendChild(t);else{if("object"!=typeof e.insertAt||!e.insertAt.before)throw new Error("[Style Loader]\n\n Invalid value for parameter 'insertAt' ('options.insertAt') found.\n Must be 'top', 'bottom', or Object.\n (https://github.com/webpack-contrib/style-loader#insertat)\n");var o=s(e.insertAt.before,n);n.insertBefore(t,o)}}function b(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e);var t=u.indexOf(e);t>=0&&u.splice(t,1)}function _(e){var t=document.createElement("style");if(void 0===e.attrs.type&&(e.attrs.type="text/css"),void 0===e.attrs.nonce){var r=function(){0;return n.nc}();r&&(e.attrs.nonce=r)}return m(t,e.attrs),h(e,t),t}function m(e,t){Object.keys(t).forEach(function(n){e.setAttribute(n,t[n])})}function v(e,t){var n,r,o,a;if(t.transform&&e.css){if(!(a="function"==typeof t.transform?t.transform(e.css):t.transform.default(e.css)))return function(){};e.css=a}if(t.singleton){var i=c++;n=l||(l=_(t)),r=w.bind(null,n,i,!1),o=w.bind(null,n,i,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=function(e){var t=document.createElement("link");return void 0===e.attrs.type&&(e.attrs.type="text/css"),e.attrs.rel="stylesheet",m(t,e.attrs),h(e,t),t}(t),r=function(e,t,n){var r=n.css,o=n.sourceMap,a=void 0===t.convertToAbsoluteUrls&&o;(t.convertToAbsoluteUrls||a)&&(r=f(r));o&&(r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */");var i=new Blob([r],{type:"text/css"}),s=e.href;e.href=URL.createObjectURL(i),s&&URL.revokeObjectURL(s)}.bind(null,n,t),o=function(){b(n),n.href&&URL.revokeObjectURL(n.href)}):(n=_(t),r=function(e,t){var n=t.css,r=t.media;r&&e.setAttribute("media",r);if(e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}.bind(null,n),o=function(){b(n)});return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else o()}}e.exports=function(e,t){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(t=t||{}).attrs="object"==typeof t.attrs?t.attrs:{},t.singleton||"boolean"==typeof t.singleton||(t.singleton=i()),t.insertInto||(t.insertInto="head"),t.insertAt||(t.insertAt="bottom");var n=d(e,t);return p(n,t),function(e){for(var r=[],o=0;o<n.length;o++){var i=n[o];(s=a[i.id]).refs--,r.push(s)}e&&p(d(e,t),t);for(o=0;o<r.length;o++){var s;if(0===(s=r[o]).refs){for(var l=0;l<s.parts.length;l++)s.parts[l]();delete a[s.id]}}}};var y,g=(y=[],function(e,t){return y[e]=t,y.filter(Boolean).join("\n")});function w(e,t,n,r){var o=n?"":r.css;if(e.styleSheet)e.styleSheet.cssText=g(t,o);else{var a=document.createTextNode(o),i=e.childNodes;i[t]&&e.removeChild(i[t]),i.length?e.insertBefore(a,i[t]):e.appendChild(a)}}},function(e,t){e.exports=function(e){var t="undefined"!=typeof window&&window.location;if(!t)throw new Error("fixUrls requires window.location");if(!e||"string"!=typeof e)return e;var n=t.protocol+"//"+t.host,r=n+t.pathname.replace(/\/[^\/]*$/,"/");return e.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi,function(e,t){var o,a=t.trim().replace(/^"(.*)"$/,function(e,t){return t}).replace(/^'(.*)'$/,function(e,t){return t});return/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/|\s*$)/i.test(a)?e:(o=0===a.indexOf("//")?a:0===a.indexOf("/")?n+a:r+a.replace(/^\.\//,""),"url("+JSON.stringify(o)+")")})}},function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r);n(3);function a(e){return(a="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 i(e){return function(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function s(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function l(e){return(l=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function c(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function u(e,t){return(u=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}var f={arrow:o.a.createElement("svg",{viewBox:"0 0 330 330"},o.a.createElement("path",{d:"M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393\nc-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393\ns7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"})),remove:o.a.createElement("svg",{viewBox:"0 0 512.001 512.001"},o.a.createElement("path",{d:"M294.111,256.001L504.109,46.003c10.523-10.524,10.523-27.586,0-38.109c-10.524-10.524-27.587-10.524-38.11,0L256,217.892 L46.002,7.894c-10.524-10.524-27.586-10.524-38.109,0s-10.524,27.586,0,38.109l209.998,209.998L7.893,465.999 c-10.524,10.524-10.524,27.586,0,38.109c10.524,10.524,27.586,10.523,38.109,0L256,294.11l209.997,209.998 c10.524,10.524,27.587,10.523,38.11,0c10.523-10.524,10.523-27.586,0-38.109L294.111,256.001z"}))},p=function(e){function t(e){var n,r,o;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),r=this,n=!(o=l(t).call(this,e))||"object"!==a(o)&&"function"!=typeof o?c(r):o;var i=e.multiple?Array.isArray(e.value)?e.value:[]:!(0!==e.value&&""!==e.value&&!e.value)&&e.value,s=function(){if(e.multiple)return"";var t=e.options.find(function(e){return e.value===i});return t?t.label:""}();return n.state={value:i,options:e.options,optionsVisible:[],search:s,assume:"",multiple:e.multiple,disabled:e.disabled||!1,placeholder:e.placeholder||"Search",notFoundText:e.notFoundText||"No result found",noInput:e.noInput||!1,hideSelected:e.hideSelected||!1,opened:!1,arrow:{position:-1},listMaxHeight:e.listMaxHeight||140},n.onFocus=n.onFocus.bind(c(n)),n.onBlur=n.onBlur.bind(c(n)),n.onChange=n.onChange.bind(c(n)),n.keyDown=n.keyDown.bind(c(n)),n}var n,p,d;return 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}}),t&&u(e,t)}(t,r["Component"]),n=t,d=[{key:"getDerivedStateFromProps",value:function(e,t){return{options:e.options||t.options,placeholder:e.placeholder||t.placeholder,notFoundText:e.notFoundText||t.notFoundText,disabled:e.disabled||!1,hideSelected:e.hideSelected||!1}}}],(p=[{key:"componentDidMount",value:function(){var e=this,t=this.container;this.documentClick=function(n){e.state.opened&&(function e(n){return!(!n||!n.parentNode)&&(n==t||e(n.parentNode))}(n.target)||e.onBlur())},document.addEventListener("click",this.documentClick)}},{key:"componentWillUnmount",value:function(){document.removeEventListener("click",this.documentClick)}},{key:"removeFromValue",value:function(e){var t=this,n=this.state.value;this.setState({value:n.filter(function(t){return t!==e})},function(){t.onBlur(),t.afterChange()})}},{key:"afterChange",value:function(){var e=this.state.value;this.props.onSelect&&this.props.onSelect(e)}},{key:"onBlur",value:function(){var e=this.state,t=e.value,n=e.options,r=e.arrow,o=e.multiple;r.position=-1;var a={optionsVisible:[],assume:!1,opened:!1,arrow:r,search:""};if(!o){var i=n.find(function(e){return e.value===t});a.search=i?i.label:""}this.setState(a)}},{key:"onFocus",value:function(){this.state.disabled||(this.input&&this.input.focus(),this.setState({opened:!0,optionsVisible:this.getOptionsVisible()}))}},{key:"select",value:function(e){var t=this,n=this.state,r=n.value,o=n.multiple,a=!1;o?r.indexOf(e.value)<0&&(r.push(e.value),a=!0):(r!==e.value&&(a=!0),r=e.value),this.setState({value:r},function(){t.onBlur(),a&&t.afterChange()})}},{key:"keyDown",value:function(e){var t=this.state,n=t.assume,r=void 0===n?"":n,o=t.arrow,a=t.search,i=t.optionsVisible,s=t.opened;if(s&&(9==e.keyCode||13==e.keyCode)&&r&&(e.preventDefault(),this.select(r)),(!s&&13==e.keyCode||40==e.keyCode||38==e.keyCode)&&(e.preventDefault(),this.onFocus()),(27==e.keyCode||13==e.keyCode&&!r&&s)&&(e.preventDefault(),this.onBlur()),40==e.keyCode&&i.length){e.preventDefault(),o.position<i.length-1?o.position++:o.position=0;var l=i[o.position];a=l.label.slice(0,a.length),this.setState({search:a,arrow:o,assume:l},this.scrollList)}if(38==e.keyCode&&i.length){e.preventDefault(),o.position<=0?o.position=i.length-1:o.position--;var c=i[o.position];a=c.label.slice(0,a.length),this.setState({search:a,arrow:o,assume:c},this.scrollList)}}},{key:"onChange",value:function(e){var t=this,n=this.state,r=n.arrow,o=n.optionsVisible,a=(n.opened,e.target.value);r.position=-1,this.setState({search:a,arrow:r,opened:!0},function(){var e=o.find(function(e){return e.label.toLowerCase()===a.toLowerCase()});e?t.select(e):t.sort()})}},{key:"scrollList",value:function(){var e=this.list,t=".searchable__list__item--"+this.state.arrow.position;if(e){var n=e.querySelector(t);n&&n.scrollIntoView({behavior:"smooth",block:"center"})}}},{key:"getOptionsVisible",value:function(){var e=this.state,t=e.hideSelected,n=e.multiple,r=e.value,o=e.options,a=(e.optionsVisible,e.search),i=o.filter(function(e){return e.label.toLowerCase().indexOf(a.toLowerCase())>=0});return t&&(i=n?i.filter(function(e){return r.indexOf(e.value)<0}):i.filter(function(e){return e.value!==r})),i}},{key:"sort",value:function(){var e=this,t=this.state.search,n=[],r=[],o=this.getOptionsVisible();t&&(n=(r=(o=o.sort(function(e,t){return e.label.toLowerCase().localeCompare(t.label.toLowerCase())})).filter(function(e){return 0===e.label.toLowerCase().indexOf(t.toLowerCase())})).filter(function(e){return 0===e.label.indexOf(t)}),r=r.filter(function(e){return 0!==e.label.indexOf(t)}),o=o.filter(function(e){return 0!==e.label.toLowerCase().indexOf(t.toLowerCase())}),o=[].concat(i(n),i(r),i(o))),this.setState({optionsVisible:o},function(){e.findAssumption()})}},{key:"findAssumption",value:function(){var e=this.state,t=e.optionsVisible,n=e.search,r=!1,o=t.find(function(e){return 0===e.label.indexOf(n)}),a=t.find(function(e){return 0===e.label.toLowerCase().indexOf(n.toLowerCase())});n&&(o||a)&&(r=o||a),this.setState({assume:r})}},{key:"render",value:function(){var e=this,t=this.state,n=t.search,r=t.value,a=t.multiple,i=t.disabled,s=t.options,l=t.optionsVisible,c=t.noInput,u=t.assume,p=t.opened,d=t.placeholder,h=t.arrow,b=t.listMaxHeight,_=t.notFoundText;return o.a.createElement("div",{className:["searchable",p?"searchable--active":"",i?"searchable--disabled":"",a?"searchable--multiple":""].join(" "),ref:function(t){return e.container=t}},o.a.createElement("div",{className:"searchable__controls",onClick:function(t){(c&&p?e.onBlur:e.onFocus)()}},o.a.createElement("div",{className:"searchable__controls__list-input"},a?o.a.createElement("div",{className:"searchable__controls__list"},r.map(function(t,n){return o.a.createElement("div",{className:"searchable__controls__list__item",key:n,onClick:function(e){e.stopPropagation()}},s.find(function(e){return e.value===t}).label,o.a.createElement("button",{onClick:function(){e.removeFromValue(t)},className:"searchable__controls__list__item__remove"},f.remove))})):null,a&&c&&!r.length&&o.a.createElement("div",{className:"searchable__controls__placeholder"},d),o.a.createElement("div",{className:["searchable__controls__input",a&&c?"searchable__controls__input--hidden":""].join(" ")},o.a.createElement("input",{type:"text",value:n,placeholder:u?"":d,onChange:function(t){e.onChange(t)},onKeyDown:this.keyDown,ref:function(t){return e.input=t},readOnly:c,disabled:i}),u&&o.a.createElement("span",{className:"searchable__controls__input__assume"},u.label.split("").map(function(e,t){return o.a.createElement("span",{key:e+t,className:["searchable__controls__input__assume__char",e===e.toUpperCase()?"searchable__controls__input__assume__char--upper":"searchable__controls__input__assume__char--lower",t<=n.length-1?"searchable__controls__input__assume__char--hidden":""].join(" ")},t<=n.length-1?n[t]:e)})))),o.a.createElement("div",{className:"searchable__controls__arrow",onClick:function(t){t.stopPropagation(),(p?e.onBlur:e.onFocus)()}},o.a.createElement("button",{className:"searchable__controls__arrow__inner"},f.arrow))),l.length&&p?o.a.createElement("div",{className:"searchable__list",ref:function(t){return e.list=t},style:{maxHeight:b}},l.map(function(t,n){var i=h.position>=0&&n===h.position,s=a?r.indexOf(t.value)>=0:r===t.value;return o.a.createElement("div",{key:n,className:["searchable__list__item","searchable__list__item--"+n,s?"searchable__list__item--active":"",i?"searchable__list__item--arrow-position":""].join(" "),onClick:function(n){n.stopPropagation(),e.select(t)}},i&&o.a.createElement("i",{className:"searchable__list__item__arrow"},o.a.createElement("svg",{viewBox:"0 0 240.823 240.823"},o.a.createElement("path",{d:"M183.189,111.816L74.892,3.555c-4.752-4.74-12.451-4.74-17.215,0c-4.752,4.74-4.752,12.439,0,17.179 l99.707,99.671l-99.695,99.671c-4.752,4.74-4.752,12.439,0,17.191c4.752,4.74,12.463,4.74,17.215,0l108.297-108.261 C187.881,124.315,187.881,116.495,183.189,111.816z"}))),t.label)})):null,!l.length&&p?o.a.createElement("div",{className:"searchable__list searchable__list--empty"},_):null)}}])&&s(n.prototype,p),d&&s(n,d),t}();t.default=p}]);
+*/var r=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable;e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map(function(e){return t[e]}).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach(function(e){r[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e,t){for(var n,i,s=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),l=1;l<arguments.length;l++){for(var c in n=Object(arguments[l]))o.call(n,c)&&(s[c]=n[c]);if(r){i=r(n);for(var u=0;u<i.length;u++)a.call(n,i[u])&&(s[i[u]]=n[i[u]])}}return s}},function(e,t,n){var r=n(4);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(6)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(5)(!1)).push([e.i,".searchable {\n  position: relative;\n  font-family: arial;\n  z-index: 1; }\n  .searchable--disabled {\n    opacity: 0.8; }\n    .searchable--disabled,\n    .searchable--disabled *,\n    .searchable--disabled .searchable__controls__arrow {\n      cursor: not-allowed; }\n  .searchable--active {\n    z-index: 2; }\n    .searchable--active .searchable__controls__arrow__inner {\n      -webkit-transform: translate(-50%, -50%) rotate(-180deg);\n          -ms-transform: translate(-50%, -50%) rotate(-180deg);\n              transform: translate(-50%, -50%) rotate(-180deg); }\n    .searchable--active .searchable__controls {\n      border-radius: 5px 5px 0 0;\n      border-bottom: 1px solid #6f7dab; }\n  .searchable,\n  .searchable * {\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box; }\n  .searchable__controls {\n    position: relative;\n    background-color: #252d47;\n    border-radius: 5px;\n    padding-right: 34px;\n    border-bottom: 1px solid transparent;\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none; }\n    .searchable__controls input {\n      background-color: transparent;\n      border: none;\n      -webkit-box-shadow: none;\n              box-shadow: none;\n      font-size: 14px;\n      line-height: 1em;\n      padding: 14px;\n      width: 100%;\n      color: #fff;\n      position: relative; }\n      .searchable__controls input::-ms-clear {\n        display: none; }\n      .searchable__controls input:-moz-read-only {\n        cursor: pointer; }\n      .searchable__controls input:read-only {\n        cursor: pointer; }\n      .searchable__controls input:focus {\n        outline: none; }\n      .searchable__controls input::-webkit-input-placeholder {\n        color: #aab7e1; }\n      .searchable__controls input::-moz-placeholder {\n        color: #aab7e1; }\n      .searchable__controls input:-ms-input-placeholder {\n        color: #aab7e1; }\n      .searchable__controls input::-ms-input-placeholder {\n        color: #aab7e1; }\n      .searchable__controls input::placeholder {\n        color: #aab7e1; }\n    .searchable__controls__arrow {\n      position: absolute;\n      top: 0;\n      right: 0;\n      width: 34px;\n      height: 100%;\n      cursor: pointer; }\n      .searchable__controls__arrow__inner {\n        width: 16px;\n        height: 16px;\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        -webkit-transform: translate(-50%, -50%);\n            -ms-transform: translate(-50%, -50%);\n                transform: translate(-50%, -50%);\n        -webkit-transition: all 0.3s;\n        -o-transition: all 0.3s;\n        transition: all 0.3s;\n        background-color: transparent;\n        border: none;\n        padding: 0;\n        margin: 0;\n        font-size: 0;\n        cursor: pointer; }\n        .searchable__controls__arrow__inner:focus {\n          outline: none; }\n      .searchable__controls__arrow svg {\n        fill: #ffffff; }\n    .searchable__controls__placeholder {\n      color: #aab7e1;\n      padding: 14px;\n      font-size: 14px; }\n    .searchable__controls__input {\n      position: relative; }\n      .searchable__controls__input--hidden {\n        position: absolute;\n        width: 0;\n        height: 0; }\n        .searchable__controls__input--hidden * {\n          font-size: 0; }\n      .searchable__controls__input__assume {\n        color: #aab7e1;\n        position: absolute;\n        left: 14px;\n        top: 50%;\n        font-size: 14px;\n        -webkit-transform: translateY(-50%);\n            -ms-transform: translateY(-50%);\n                transform: translateY(-50%); }\n        .searchable__controls__input__assume__char--hidden {\n          color: transparent; }\n        .searchable__controls__input__assume__char--upper {\n          letter-spacing: -0.6px; }\n    .searchable__controls__list {\n      display: -webkit-box;\n      display: -ms-flexbox;\n      display: flex;\n      -ms-flex-wrap: wrap;\n          flex-wrap: wrap;\n      padding: 2.5px; }\n      .searchable__controls__list:empty {\n        padding: 0; }\n      .searchable__controls__list__item {\n        padding: 7px 5px 7px 10px;\n        color: #fff;\n        background-color: #6f7dab;\n        border-radius: 3px;\n        font-size: 14px;\n        margin-right: 5px;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-box-align: center;\n            -ms-flex-align: center;\n                align-items: center;\n        margin: 2.5px;\n        cursor: default; }\n        .searchable__controls__list__item__remove {\n          margin-left: 10px;\n          border: none;\n          background-color: transparent;\n          padding: 6px;\n          width: 20px;\n          height: 20px;\n          font-size: 0;\n          cursor: pointer; }\n          .searchable__controls__list__item__remove svg {\n            fill: #fff; }\n  .searchable__list {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    width: 100%;\n    overflow: auto;\n    background-color: #252d47;\n    padding: 10px 0;\n    border-radius: 0 0 5px 5px;\n    font-size: 14px; }\n    .searchable__list--empty {\n      color: #eee;\n      text-align: center;\n      padding: 10px;\n      line-height: 1em; }\n    .searchable__list__item {\n      color: #aab7e1;\n      padding: 10px 14px;\n      line-height: 1em;\n      cursor: pointer;\n      -webkit-transition: all 0.3s;\n      -o-transition: all 0.3s;\n      transition: all 0.3s;\n      position: relative; }\n      .searchable__list__item__arrow {\n        position: absolute;\n        top: 50%;\n        -webkit-transform: translateY(-50%);\n            -ms-transform: translateY(-50%);\n                transform: translateY(-50%);\n        left: 5px;\n        width: 10px;\n        height: 10px;\n        font-size: 0; }\n        .searchable__list__item__arrow svg {\n          width: 100%;\n          height: auto;\n          fill: #fff; }\n      .searchable__list__item:hover {\n        color: #fff;\n        background-color: #1a1e30; }\n      .searchable__list__item--active {\n        color: #fff; }\n      .searchable__list__item--arrow-position {\n        padding-left: 20px; }\n  .searchable--active .searchable__list,\n  .searchable--active .searchable__controls {\n    -webkit-transition: -webkit-box-shadow 0.3s;\n    transition: -webkit-box-shadow 0.3s;\n    -o-transition: box-shadow 0.3s;\n    transition: box-shadow 0.3s;\n    transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;\n    -webkit-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.5);\n            box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.5); }\n",""])},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]||"",r=e[3];if(!r)return n;if(t&&"function"==typeof btoa){var o=(i=r,"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */"),a=r.sources.map(function(e){return"/*# sourceURL="+r.sourceRoot+e+" */"});return[n].concat(a).concat([o]).join("\n")}var i;return[n].join("\n")}(t,e);return t[2]?"@media "+t[2]+"{"+n+"}":n}).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var r={},o=0;o<this.length;o++){var a=this[o][0];null!=a&&(r[a]=!0)}for(o=0;o<e.length;o++){var i=e[o];null!=i[0]&&r[i[0]]||(n&&!i[2]?i[2]=n:n&&(i[2]="("+i[2]+") and ("+n+")"),t.push(i))}},t}},function(e,t,n){var r,o,a={},i=(r=function(){return window&&document&&document.all&&!window.atob},function(){return void 0===o&&(o=r.apply(this,arguments)),o}),s=function(e){var t={};return function(e,n){if("function"==typeof e)return e();if(void 0===t[e]){var r=function(e,t){return t?t.querySelector(e):document.querySelector(e)}.call(this,e,n);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(e){r=null}t[e]=r}return t[e]}}(),l=null,c=0,u=[],f=n(7);function p(e,t){for(var n=0;n<e.length;n++){var r=e[n],o=a[r.id];if(o){o.refs++;for(var i=0;i<o.parts.length;i++)o.parts[i](r.parts[i]);for(;i<r.parts.length;i++)o.parts.push(v(r.parts[i],t))}else{var s=[];for(i=0;i<r.parts.length;i++)s.push(v(r.parts[i],t));a[r.id]={id:r.id,refs:1,parts:s}}}}function d(e,t){for(var n=[],r={},o=0;o<e.length;o++){var a=e[o],i=t.base?a[0]+t.base:a[0],s={css:a[1],media:a[2],sourceMap:a[3]};r[i]?r[i].parts.push(s):n.push(r[i]={id:i,parts:[s]})}return n}function h(e,t){var n=s(e.insertInto);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");var r=u[u.length-1];if("top"===e.insertAt)r?r.nextSibling?n.insertBefore(t,r.nextSibling):n.appendChild(t):n.insertBefore(t,n.firstChild),u.push(t);else if("bottom"===e.insertAt)n.appendChild(t);else{if("object"!=typeof e.insertAt||!e.insertAt.before)throw new Error("[Style Loader]\n\n Invalid value for parameter 'insertAt' ('options.insertAt') found.\n Must be 'top', 'bottom', or Object.\n (https://github.com/webpack-contrib/style-loader#insertat)\n");var o=s(e.insertAt.before,n);n.insertBefore(t,o)}}function b(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e);var t=u.indexOf(e);t>=0&&u.splice(t,1)}function _(e){var t=document.createElement("style");if(void 0===e.attrs.type&&(e.attrs.type="text/css"),void 0===e.attrs.nonce){var r=function(){0;return n.nc}();r&&(e.attrs.nonce=r)}return m(t,e.attrs),h(e,t),t}function m(e,t){Object.keys(t).forEach(function(n){e.setAttribute(n,t[n])})}function v(e,t){var n,r,o,a;if(t.transform&&e.css){if(!(a="function"==typeof t.transform?t.transform(e.css):t.transform.default(e.css)))return function(){};e.css=a}if(t.singleton){var i=c++;n=l||(l=_(t)),r=w.bind(null,n,i,!1),o=w.bind(null,n,i,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=function(e){var t=document.createElement("link");return void 0===e.attrs.type&&(e.attrs.type="text/css"),e.attrs.rel="stylesheet",m(t,e.attrs),h(e,t),t}(t),r=function(e,t,n){var r=n.css,o=n.sourceMap,a=void 0===t.convertToAbsoluteUrls&&o;(t.convertToAbsoluteUrls||a)&&(r=f(r));o&&(r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */");var i=new Blob([r],{type:"text/css"}),s=e.href;e.href=URL.createObjectURL(i),s&&URL.revokeObjectURL(s)}.bind(null,n,t),o=function(){b(n),n.href&&URL.revokeObjectURL(n.href)}):(n=_(t),r=function(e,t){var n=t.css,r=t.media;r&&e.setAttribute("media",r);if(e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}.bind(null,n),o=function(){b(n)});return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else o()}}e.exports=function(e,t){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(t=t||{}).attrs="object"==typeof t.attrs?t.attrs:{},t.singleton||"boolean"==typeof t.singleton||(t.singleton=i()),t.insertInto||(t.insertInto="head"),t.insertAt||(t.insertAt="bottom");var n=d(e,t);return p(n,t),function(e){for(var r=[],o=0;o<n.length;o++){var i=n[o];(s=a[i.id]).refs--,r.push(s)}e&&p(d(e,t),t);for(o=0;o<r.length;o++){var s;if(0===(s=r[o]).refs){for(var l=0;l<s.parts.length;l++)s.parts[l]();delete a[s.id]}}}};var y,g=(y=[],function(e,t){return y[e]=t,y.filter(Boolean).join("\n")});function w(e,t,n,r){var o=n?"":r.css;if(e.styleSheet)e.styleSheet.cssText=g(t,o);else{var a=document.createTextNode(o),i=e.childNodes;i[t]&&e.removeChild(i[t]),i.length?e.insertBefore(a,i[t]):e.appendChild(a)}}},function(e,t){e.exports=function(e){var t="undefined"!=typeof window&&window.location;if(!t)throw new Error("fixUrls requires window.location");if(!e||"string"!=typeof e)return e;var n=t.protocol+"//"+t.host,r=n+t.pathname.replace(/\/[^\/]*$/,"/");return e.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi,function(e,t){var o,a=t.trim().replace(/^"(.*)"$/,function(e,t){return t}).replace(/^'(.*)'$/,function(e,t){return t});return/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/|\s*$)/i.test(a)?e:(o=0===a.indexOf("//")?a:0===a.indexOf("/")?n+a:r+a.replace(/^\.\//,""),"url("+JSON.stringify(o)+")")})}},function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r);n(3);function a(e){return(a="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 i(e){return function(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function s(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function l(e){return(l=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function c(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function u(e,t){return(u=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}var f={arrow:o.a.createElement("svg",{viewBox:"0 0 330 330"},o.a.createElement("path",{d:"M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393\nc-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393\ns7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"})),remove:o.a.createElement("svg",{viewBox:"0 0 512.001 512.001"},o.a.createElement("path",{d:"M294.111,256.001L504.109,46.003c10.523-10.524,10.523-27.586,0-38.109c-10.524-10.524-27.587-10.524-38.11,0L256,217.892 L46.002,7.894c-10.524-10.524-27.586-10.524-38.109,0s-10.524,27.586,0,38.109l209.998,209.998L7.893,465.999 c-10.524,10.524-10.524,27.586,0,38.109c10.524,10.524,27.586,10.523,38.109,0L256,294.11l209.997,209.998 c10.524,10.524,27.587,10.523,38.11,0c10.523-10.524,10.523-27.586,0-38.109L294.111,256.001z"}))},p=function(e){function t(e){var n,r,o;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),r=this,n=!(o=l(t).call(this,e))||"object"!==a(o)&&"function"!=typeof o?c(r):o;var i=e.multiple?Array.isArray(e.value)?e.value:[]:!(0!==e.value&&""!==e.value&&!e.value)&&e.value,s=function(){if(e.multiple)return"";var t=e.options.find(function(e){return e.value===i});return t?t.label:""}();return n.state={value:i,options:e.options,optionsVisible:[],search:s,assume:"",multiple:e.multiple,disabled:e.disabled||!1,placeholder:e.placeholder||"Search",notFoundText:e.notFoundText||"No result found",noInput:e.noInput||!1,hideSelected:e.hideSelected||!1,opened:!1,arrow:{position:-1},listMaxHeight:e.listMaxHeight||140},n.onFocus=n.onFocus.bind(c(n)),n.onBlur=n.onBlur.bind(c(n)),n.onChange=n.onChange.bind(c(n)),n.keyDown=n.keyDown.bind(c(n)),n}var n,p,d;return 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}}),t&&u(e,t)}(t,r["Component"]),n=t,d=[{key:"getDerivedStateFromProps",value:function(e,t){return{options:e.options||t.options,placeholder:e.placeholder||t.placeholder,notFoundText:e.notFoundText||t.notFoundText,disabled:e.disabled||!1,hideSelected:e.hideSelected||!1}}}],(p=[{key:"componentDidMount",value:function(){var e=this,t=this.container;this.documentClick=function(n){e.state.opened&&(function e(n){return!(!n||!n.parentNode)&&(n==t||e(n.parentNode))}(n.target)||e.onBlur())},document.addEventListener("click",this.documentClick)}},{key:"componentWillUnmount",value:function(){document.removeEventListener("click",this.documentClick)}},{key:"removeFromValue",value:function(e){var t=this,n=this.state.value;this.setState({value:n.filter(function(t){return t!==e})},function(){t.onBlur(),t.afterChange()})}},{key:"afterChange",value:function(){var e=this.state.value;this.props.onSelect&&this.props.onSelect(e)}},{key:"onBlur",value:function(){var e=this.state,t=e.value,n=e.options,r=e.arrow,o=e.multiple;r.position=-1;var a={optionsVisible:[],assume:!1,opened:!1,arrow:r,search:""};if(!o){var i=n.find(function(e){return e.value===t});a.search=i?i.label:""}this.setState(a)}},{key:"onFocus",value:function(){this.state.disabled||(this.input&&this.input.focus(),this.setState({opened:!0,optionsVisible:this.getOptionsVisible({ignoreSearch:!0})}))}},{key:"select",value:function(e){var t=this,n=this.state,r=n.value,o=n.multiple,a=!1;o?r.indexOf(e.value)<0&&(r.push(e.value),a=!0):(r!==e.value&&(a=!0),r=e.value),this.setState({value:r},function(){t.onBlur(),a&&t.afterChange()})}},{key:"keyDown",value:function(e){var t=this.state,n=t.assume,r=void 0===n?"":n,o=t.arrow,a=t.search,i=t.optionsVisible,s=t.opened;if(s&&(9==e.keyCode||13==e.keyCode)&&r&&(e.preventDefault(),this.select(r)),(!s&&13==e.keyCode||40==e.keyCode||38==e.keyCode)&&(e.preventDefault(),this.onFocus()),(27==e.keyCode||13==e.keyCode&&!r&&s)&&(e.preventDefault(),this.onBlur()),40==e.keyCode&&i.length){e.preventDefault(),o.position<i.length-1?o.position++:o.position=0;var l=i[o.position];a=l.label.slice(0,a.length),this.setState({search:a,arrow:o,assume:l},this.scrollList)}if(38==e.keyCode&&i.length){e.preventDefault(),o.position<=0?o.position=i.length-1:o.position--;var c=i[o.position];a=c.label.slice(0,a.length),this.setState({search:a,arrow:o,assume:c},this.scrollList)}}},{key:"onChange",value:function(e){var t=this,n=this.state,r=n.arrow,o=n.optionsVisible,a=(n.opened,e.target.value);r.position=-1,this.setState({search:a,arrow:r,opened:!0},function(){var e=o.find(function(e){return e.label.toLowerCase()===a.toLowerCase()});e?t.select(e):t.sort()})}},{key:"scrollList",value:function(){var e=this.list,t=".searchable__list__item--"+this.state.arrow.position;if(e){var n=e.querySelector(t);n&&n.scrollIntoView({behavior:"smooth",block:"center"})}}},{key:"getOptionsVisible",value:function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).ignoreSearch,t=void 0!==e&&e,n=this.state,r=n.hideSelected,o=n.multiple,a=n.value,i=n.options,s=(n.optionsVisible,n.search),l=i.filter(function(e){return t?e:e.label.toLowerCase().indexOf(s.toLowerCase())>=0});return r&&(l=o?l.filter(function(e){return a.indexOf(e.value)<0}):l.filter(function(e){return e.value!==a})),l}},{key:"sort",value:function(){var e=this,t=this.state.search,n=[],r=[],o=this.getOptionsVisible();t&&(n=(r=(o=o.sort(function(e,t){return e.label.toLowerCase().localeCompare(t.label.toLowerCase())})).filter(function(e){return 0===e.label.toLowerCase().indexOf(t.toLowerCase())})).filter(function(e){return 0===e.label.indexOf(t)}),r=r.filter(function(e){return 0!==e.label.indexOf(t)}),o=o.filter(function(e){return 0!==e.label.toLowerCase().indexOf(t.toLowerCase())}),o=[].concat(i(n),i(r),i(o))),this.setState({optionsVisible:o},function(){e.findAssumption()})}},{key:"findAssumption",value:function(){var e=this.state,t=e.optionsVisible,n=e.search,r=!1,o=t.find(function(e){return 0===e.label.indexOf(n)}),a=t.find(function(e){return 0===e.label.toLowerCase().indexOf(n.toLowerCase())});n&&(o||a)&&(r=o||a),this.setState({assume:r})}},{key:"render",value:function(){var e=this,t=this.state,n=t.search,r=t.value,a=t.multiple,i=t.disabled,s=t.options,l=t.optionsVisible,c=t.noInput,u=t.assume,p=t.opened,d=t.placeholder,h=t.arrow,b=t.listMaxHeight,_=t.notFoundText;return o.a.createElement("div",{className:["searchable",p?"searchable--active":"",i?"searchable--disabled":"",a?"searchable--multiple":""].join(" "),ref:function(t){return e.container=t}},o.a.createElement("div",{className:"searchable__controls",onClick:function(t){(c&&p?e.onBlur:e.onFocus)()}},o.a.createElement("div",{className:"searchable__controls__list-input"},a?o.a.createElement("div",{className:"searchable__controls__list"},r.map(function(t,n){return o.a.createElement("div",{className:"searchable__controls__list__item",key:n,onClick:function(e){e.stopPropagation()}},s.find(function(e){return e.value===t}).label,o.a.createElement("button",{onClick:function(){e.removeFromValue(t)},className:"searchable__controls__list__item__remove"},f.remove))})):null,a&&c&&!r.length&&o.a.createElement("div",{className:"searchable__controls__placeholder"},d),o.a.createElement("div",{className:["searchable__controls__input",a&&c?"searchable__controls__input--hidden":""].join(" ")},o.a.createElement("input",{type:"text",value:n,placeholder:u?"":d,onChange:function(t){e.onChange(t)},onKeyDown:this.keyDown,ref:function(t){return e.input=t},readOnly:c,disabled:i}),u&&o.a.createElement("span",{className:"searchable__controls__input__assume"},u.label.split("").map(function(e,t){return o.a.createElement("span",{key:e+t,className:["searchable__controls__input__assume__char",e===e.toUpperCase()?"searchable__controls__input__assume__char--upper":"searchable__controls__input__assume__char--lower",t<=n.length-1?"searchable__controls__input__assume__char--hidden":""].join(" ")},t<=n.length-1?n[t]:e)})))),o.a.createElement("div",{className:"searchable__controls__arrow",onClick:function(t){t.stopPropagation(),(p?e.onBlur:e.onFocus)()}},o.a.createElement("button",{className:"searchable__controls__arrow__inner"},f.arrow))),l.length&&p?o.a.createElement("div",{className:"searchable__list",ref:function(t){return e.list=t},style:{maxHeight:b}},l.map(function(t,n){var i=h.position>=0&&n===h.position,s=a?r.indexOf(t.value)>=0:r===t.value;return o.a.createElement("div",{key:n,className:["searchable__list__item","searchable__list__item--"+n,s?"searchable__list__item--active":"",i?"searchable__list__item--arrow-position":""].join(" "),onClick:function(n){n.stopPropagation(),e.select(t)}},i&&o.a.createElement("i",{className:"searchable__list__item__arrow"},o.a.createElement("svg",{viewBox:"0 0 240.823 240.823"},o.a.createElement("path",{d:"M183.189,111.816L74.892,3.555c-4.752-4.74-12.451-4.74-17.215,0c-4.752,4.74-4.752,12.439,0,17.179 l99.707,99.671l-99.695,99.671c-4.752,4.74-4.752,12.439,0,17.191c4.752,4.74,12.463,4.74,17.215,0l108.297-108.261 C187.881,124.315,187.881,116.495,183.189,111.816z"}))),t.label)})):null,!l.length&&p?o.a.createElement("div",{className:"searchable__list searchable__list--empty"},_):null)}}])&&s(n.prototype,p),d&&s(n,d),t}();t.default=p}]);

src/Search/index.jsx

@@ -150,3 +150,5 @@ import React, { Component } from 'react';
       opened: true,
-      optionsVisible: this.getOptionsVisible(),
+      optionsVisible: this.getOptionsVisible({
+        ignoreSearch: true,
+      }),
     });
@@ -270,6 +272,15 @@ }
 
-  getOptionsVisible() {
-    let { hideSelected, multiple, value, options, optionsVisible, search } = this.state,
+  getOptionsVisible({ ignoreSearch = false } = {}) {
+    let {
+        hideSelected,
+        multiple,
+        value,
+        options,
+        optionsVisible,
+        search,
+      } = this.state,
       result = options.filter((option) => {
-        return option.label.toLowerCase().indexOf(search.toLowerCase()) >= 0;
+        return ignoreSearch
+          ? option
+          : option.label.toLowerCase().indexOf(search.toLowerCase()) >= 0;
       });
@@ -276,0 +287,0 @@ if (hideSelected) {

No alert changes

Improved metrics

Total package byte prevSize

207187

increased by0.22%

Lines of code

1243

increased by0.89%

No dependency changes