react-searchbox-awesome
Version:
The coolest searchbox for React.js!
1 lines • 21.7 kB
JavaScript
module.exports=function(n){var e={};function t(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return n[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}return t.m=n,t.c=e,t.d=function(n,e,r){t.o(n,e)||Object.defineProperty(n,e,{enumerable:!0,get:r})},t.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},t.t=function(n,e){if(1&e&&(n=t(n)),8&e)return n;if(4&e&&"object"==typeof n&&n&&n.__esModule)return n;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:n}),2&e&&"string"!=typeof n)for(var o in n)t.d(r,o,function(e){return n[e]}.bind(null,o));return r},t.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return t.d(e,"a",e),e},t.o=function(n,e){return Object.prototype.hasOwnProperty.call(n,e)},t.p="",t(t.s=7)}([function(n,e){n.exports=require("react")},function(n,e,t){var r=t(3),o=t(6);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[n.i,o,""]]);var i={insert:"head",singleton:!1};r(o,i);n.exports=o.locals||{}},function(n,e,t){"use strict";n.exports=function(n){var e=[];return e.toString=function(){return this.map((function(e){var t=n(e);return e[2]?"@media ".concat(e[2]," {").concat(t,"}"):t})).join("")},e.i=function(n,t,r){"string"==typeof n&&(n=[[null,n,""]]);var o={};if(r)for(var i=0;i<this.length;i++){var a=this[i][0];null!=a&&(o[a]=!0)}for(var c=0;c<n.length;c++){var l=[].concat(n[c]);r&&o[l[0]]||(t&&(l[2]?l[2]="".concat(t," and ").concat(l[2]):l[2]=t),e.push(l))}},e}},function(n,e,t){"use strict";var r,o=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},i=function(){var n={};return function(e){if(void 0===n[e]){var t=document.querySelector(e);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(n){t=null}n[e]=t}return n[e]}}(),a=[];function c(n){for(var e=-1,t=0;t<a.length;t++)if(a[t].identifier===n){e=t;break}return e}function l(n,e){for(var t={},r=[],o=0;o<n.length;o++){var i=n[o],l=e.base?i[0]+e.base:i[0],s=t[l]||0,u="".concat(l," ").concat(s);t[l]=s+1;var f=c(u),d={css:i[1],media:i[2],sourceMap:i[3]};-1!==f?(a[f].references++,a[f].updater(d)):a.push({identifier:u,updater:h(d,e),references:1}),r.push(u)}return r}function s(n){var e=document.createElement("style"),r=n.attributes||{};if(void 0===r.nonce){var o=t.nc;o&&(r.nonce=o)}if(Object.keys(r).forEach((function(n){e.setAttribute(n,r[n])})),"function"==typeof n.insert)n.insert(e);else{var a=i(n.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(e)}return e}var u,f=(u=[],function(n,e){return u[n]=e,u.filter(Boolean).join("\n")});function d(n,e,t,r){var o=t?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(n.styleSheet)n.styleSheet.cssText=f(e,o);else{var i=document.createTextNode(o),a=n.childNodes;a[e]&&n.removeChild(a[e]),a.length?n.insertBefore(i,a[e]):n.appendChild(i)}}function p(n,e,t){var r=t.css,o=t.media,i=t.sourceMap;if(o?n.setAttribute("media",o):n.removeAttribute("media"),i&&btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),n.styleSheet)n.styleSheet.cssText=r;else{for(;n.firstChild;)n.removeChild(n.firstChild);n.appendChild(document.createTextNode(r))}}var b=null,m=0;function h(n,e){var t,r,o;if(e.singleton){var i=m++;t=b||(b=s(e)),r=d.bind(null,t,i,!1),o=d.bind(null,t,i,!0)}else t=s(e),r=p.bind(null,t,e),o=function(){!function(n){if(null===n.parentNode)return!1;n.parentNode.removeChild(n)}(t)};return r(n),function(e){if(e){if(e.css===n.css&&e.media===n.media&&e.sourceMap===n.sourceMap)return;r(n=e)}else o()}}n.exports=function(n,e){(e=e||{}).singleton||"boolean"==typeof e.singleton||(e.singleton=o());var t=l(n=n||[],e);return function(n){if(n=n||[],"[object Array]"===Object.prototype.toString.call(n)){for(var r=0;r<t.length;r++){var o=c(t[r]);a[o].references--}for(var i=l(n,e),s=0;s<t.length;s++){var u=c(t[s]);0===a[u].references&&(a[u].updater(),a.splice(u,1))}t=i}}}},function(n,e,t){var r=t(3),o=t(5);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[n.i,o,""]]);var i={insert:"head",singleton:!1};r(o,i);n.exports=o.locals||{}},function(n,e,t){"use strict";t.r(e);var r=t(2),o=t.n(r)()((function(n){return n[1]}));o.push([n.i,'/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type="button"],\n[type="reset"],\n[type="submit"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type="button"]::-moz-focus-inner,\n[type="reset"]::-moz-focus-inner,\n[type="submit"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type="button"]:-moz-focusring,\n[type="reset"]:-moz-focusring,\n[type="submit"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type="checkbox"],\n[type="radio"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type="number"]::-webkit-inner-spin-button,\n[type="number"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type="search"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type="search"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n',""]),e.default=o},function(n,e,t){"use strict";t.r(e);var r=t(2),o=t.n(r)()((function(n){return n[1]}));o.push([n.i,"._2ricXH_L9EuuCzX7G3E6cf{\n width: 100%;\n background-color: inherit;\n font-size: inherit;\n color: inherit;\n line-height: initial;\n\n outline: none;\n position: relative;\n display: block;\n box-sizing: border-box;\n padding: 25px 15px; \n /*var*/\n border: none;\n}\n\n.uxODnJjv2XZbTVVu8CQWA {\n background-color: inherit;\n font-size: inherit;\n color: inherit;\n margin: 0; /* To remove default bottom margin */\n padding: 0; /* To remove default left padding */\n outline: none;\n list-style-type: none;\n list-style: none\n}\n\n.ZislapyBu48FzC1PRuNjQ{\n background-color: inherit;\n font-size: inherit;\n color: inherit;\n line-height: initial;\n\n outline: none;\n box-sizing: border-box;\n position: relative;\n margin: 0;\n padding: 20px 15px; \n /*var*/\n list-style-type: none;\n}\n\n._16oCVEYorIUo1OJ5mqldBL {\n right: 15px; /* var */\n position: absolute;\n top: 50%;\n transform: translate(0px, -50%);\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n}\n\n._2RQs1G87uctbFFQiIg4U5a {\n border: 1px solid rgba(0,0,0,0.2);\n border-radius: 4px;\n padding: 4px 8px;\n font-size: .5em;\n margin: 4px ;\n}\n\n.UW9t4O9EfWDnvdzEekdoQ {\n right: 15px; /* var */\n position: absolute;\n top: 50%;\n transform: translate(0px, -50%);\n\n border: 1px solid rgba(0,0,0,0.2);\n border-radius: 4px;\n padding: 4px 8px;\n font-size: .5em;\n}",""]),o.locals={input:"_2ricXH_L9EuuCzX7G3E6cf",list:"uxODnJjv2XZbTVVu8CQWA",listItem:"ZislapyBu48FzC1PRuNjQ",inputSpan:"_16oCVEYorIUo1OJ5mqldBL",inputSpanInside:"_2RQs1G87uctbFFQiIg4U5a",listItemSpan:"UW9t4O9EfWDnvdzEekdoQ"},e.default=o},function(n,e,t){"use strict";t.r(e);var r=t(0),o=t.n(r),i=(t(4),t(1)),a=t.n(i),c=function(n){var e=n.children;return o.a.createElement("ul",{className:i.list},e)},l=function(){return o.a.createElement("span",{className:i.listItemSpan},"Enter")};function s(){return(s=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n}).apply(this,arguments)}function u(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}function f(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?u(Object(t),!0).forEach((function(e){d(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):u(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}function d(n,e,t){return e in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}function p(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(n)))return;var t=[],r=!0,o=!1,i=void 0;try{for(var a,c=n[Symbol.iterator]();!(r=(a=c.next()).done)&&(t.push(a.value),!e||t.length!==e);r=!0);}catch(n){o=!0,i=n}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return t}(n,e)||function(n,e){if(!n)return;if("string"==typeof n)return b(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);"Object"===t&&n.constructor&&(t=n.constructor.name);if("Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return b(n,e)}(n,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function b(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,r=new Array(e);t<e;t++)r[t]=n[t];return r}function m(n,e){if(null==n)return{};var t,r,o=function(n,e){if(null==n)return{};var t,r,o={},i=Object.keys(n);for(r=0;r<i.length;r++)t=i[r],e.indexOf(t)>=0||(o[t]=n[t]);return o}(n,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);for(r=0;r<i.length;r++)t=i[r],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(o[t]=n[t])}return o}var h=function(n){var e=n.tabIndex,t=n.title,a=n.shortcuts,c=n.searchItem,u=(n.clickHandler,n.activeStyle),d=m(n,["tabIndex","title","shortcuts","searchItem","clickHandler","activeStyle"]),b={"data-searchitem":JSON.stringify(c)},h=p(Object(r.useState)({}),2),y=h[0],v=h[1];return o.a.createElement("li",s({className:i.listItem,tabIndex:e,style:f({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",paddingRight:"6rem"},y),onFocus:function(){return v(f({},u))},onBlur:function(){return v({})},onMouseMoveCapture:function(){return v(f({},u))},onMouseLeave:function(){return v({})}},b,d),t,a?o.a.createElement(l,null):o.a.createElement(o.a.Fragment,null))},y=o.a.memo((function(){return o.a.createElement("span",{className:i.inputSpan},o.a.createElement("span",{className:i.inputSpanInside},"/"),o.a.createElement("span",{className:i.inputSpanInside},"C^J"),o.a.createElement("span",{className:i.inputSpanInside},"C^K"))}));function v(){return(v=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n}).apply(this,arguments)}function g(n,e){if(null==n)return{};var t,r,o=function(n,e){if(null==n)return{};var t,r,o={},i=Object.keys(n);for(r=0;r<i.length;r++)t=i[r],e.indexOf(t)>=0||(o[t]=n[t]);return o}(n,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);for(r=0;r<i.length;r++)t=i[r],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(o[t]=n[t])}return o}var O=a.a.input,w=Object(r.forwardRef)((function(n,e){var t=n.placeholder,r=n.shortcuts,i=g(n,["placeholder","shortcuts"]);return o.a.createElement("div",{style:{position:"relative"}},o.a.createElement("input",v({ref:e},i,{tabIndex:1,type:"text",placeholder:t,className:O})),r?o.a.createElement(y,null):o.a.createElement(o.a.Fragment,null))})),x=function(n){var e=n.children,t=n.onKeyDown,i=function(n){var e="";switch(!0){case 74===n.keyCode&&!0===n.ctrlKey&&!1===n.altKey&&!1===n.shiftKey:e="ctrl+j";break;case 75===n.keyCode&&!0===n.ctrlKey&&!1===n.altKey&&!1===n.shiftKey:e="ctrl+k";break;case 191===n.keyCode&&!1===n.ctrlKey&&!1===n.altKey&&!1===n.shiftKey:e="/";break;case 13===n.keyCode&&!1===n.ctrlKey&&!1===n.altKey&&!1===n.shiftKey:e="enter";break;case 27===n.keyCode&&!1===n.ctrlKey&&!1===n.altKey&&!1===n.shiftKey:e="esc"}t(e,n)};return Object(r.useEffect)((function(){return document.addEventListener("keydown",i),function(){document.removeEventListener("keydown",i)}}),[i]),o.a.createElement(o.a.Fragment,null,e)};function E(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}function j(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?E(Object(t),!0).forEach((function(e){S(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):E(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}function S(n,e,t){return e in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}function C(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(n)))return;var t=[],r=!0,o=!1,i=void 0;try{for(var a,c=n[Symbol.iterator]();!(r=(a=c.next()).done)&&(t.push(a.value),!e||t.length!==e);r=!0);}catch(n){o=!0,i=n}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return t}(n,e)||function(n,e){if(!n)return;if("string"==typeof n)return I(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);"Object"===t&&n.constructor&&(t=n.constructor.name);if("Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return I(n,e)}(n,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function I(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,r=new Array(e);t<e;t++)r[t]=n[t];return r}var k={width:"calc(90% + (100vw - 100%))",color:"#333",backgroundColor:"white",fontSize:"2.5rem",position:"absolute",top:"0rem",boxShadow:"0 0 4px 4px rgba(0,0,0,0.2)",border:"none",overflow:"hidden"},z=function(n){var e=n.data,t=void 0===e?[]:e,i=n.mapping,a=void 0===i?{title:"title"}:i,l=n.style,s=void 0===l?k:l,u=n.activeStyle,f=void 0===u?{backgroundColor:"pink"}:u,d=n.placeholder,p=void 0===d?"Search...":d,b=n.shortcuts,m=void 0!==b&&b,y=n.onEnter,v=void 0===y?function(){}:y,g=n.onInput,O=void 0===g?function(){}:g,E=n.onClick,S=void 0===E?function(){}:E,I=n.onEsc,z=void 0===I?function(){}:I,P=Object(r.useRef)(),A=Object(r.useRef)(),R=C(Object(r.useState)(1),2),F=R[0],D=R[1],M=C(Object(r.useState)({}),2),N=M[0],K=M[1],T=new Event("input");Object(r.useEffect)((function(){return P.current.addEventListener("input",O),function(){return P.current.removeEventListener("input",O)}}),[O]),Object(r.useEffect)((function(){P.current.focus()}),[]);var _=function(n){D(n.target.tabIndex)};function L(n,e){n.preventDefault();var r=F+e;if(r>t.length+1){if(n.repeat)return;r=1}else if(r<1){if(n.repeat)return;r=t.length+1}A.current.querySelector('[tabIndex="'.concat(r,'"]')).focus()}function B(){P.current.value="",P.current.dispatchEvent(T),P.current.focus()}Object(r.useEffect)((function(){return A.current.addEventListener("focusin",_),function(){A.current.removeEventListener("focusin",_)}}),[_]);var Q=function(n){S(n),B()};return o.a.createElement("div",{ref:A,style:j({},s),className:"ReactSearchboxAwesome"},o.a.createElement(x,{onKeyDown:function(n,e){"ctrl+j"===n&&(e.preventDefault(),L(e,1)),"ctrl+k"===n&&(e.preventDefault(),L(e,-1)),"esc"===n&&e.target.closest(".ReactSearchboxAwesome")&&(B(),z(e)),"/"===n&&(e.preventDefault(),P.current.focus()),"enter"===n&&e.target.closest(".ReactSearchboxAwesome")&&"LI"==e.target.nodeName&&(B(),v(e))}},o.a.createElement(w,{ref:P,onInput:O,placeholder:p,style:j({},N),shortcuts:m,onFocus:function(){return K(j({},f))},onBlur:function(){return K({})}}),t.length>0?o.a.createElement(c,null,t.map((function(n,e){return o.a.createElement(h,{shortcuts:m,tabIndex:e+2,key:e,searchItem:n,title:n[a.title],activeStyle:f,onClick:function(n){return Q(n)}})}))):o.a.createElement(o.a.Fragment,null)))};e.default=z}]);