kpi-header/lib/SearchBox/index.js

KPI-header plugin for KPI NINJA react UI

"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports["default"]=void 0;var _react=_interopRequireWildcard(require("react")),_classnames=_interopRequireDefault(require("classnames")),_reactBootstrapTypeahead=require("react-bootstrap-typeahead"),_GithubMenuItem=_interopRequireDefault(require("./GithubMenuItem.react")),_SearchBoxService=require("../Services/SearchBoxService");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _interopRequireWildcard(a){if(a&&a.__esModule)return a;var b={};if(null!=a)for(var c in a)if(Object.prototype.hasOwnProperty.call(a,c)){var d=Object.defineProperty&&Object.getOwnPropertyDescriptor?Object.getOwnPropertyDescriptor(a,c):{};d.get||d.set?Object.defineProperty(b,c,d):b[c]=a[c]}return b["default"]=a,b}function _typeof(a){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}function _extends(){return _extends=Object.assign||function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(this,arguments)}function asyncGeneratorStep(a,b,c,d,e,f,g){try{var h=a[f](g),i=h.value}catch(a){return void c(a)}h.done?b(i):Promise.resolve(i).then(d,e)}function _asyncToGenerator(a){return function(){var b=this,c=arguments;return new Promise(function(d,e){function f(a){asyncGeneratorStep(h,d,e,f,g,"next",a)}function g(a){asyncGeneratorStep(h,d,e,f,g,"throw",a)}var h=a.apply(b,c);f(void 0)})}}function ownKeys(a,b){var c=Object.keys(a);return Object.getOwnPropertySymbols&&c.push.apply(c,Object.getOwnPropertySymbols(a)),b&&(c=c.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c}function _objectSpread(a){for(var b=1;b<arguments.length;b++)if(b%2){var c=null==arguments[b]?{}:arguments[b];ownKeys(c,!0).forEach(function(b){_defineProperty(a,b,c[b])})}else Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(arguments[b])):ownKeys(c).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(arguments[b],c))});return a}function _classCallCheck(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}function _defineProperties(a,b){for(var c,d=0;d<b.length;d++)c=b[d],c.enumerable=c.enumerable||!1,c.configurable=!0,"value"in c&&(c.writable=!0),Object.defineProperty(a,c.key,c)}function _createClass(a,b,c){return b&&_defineProperties(a.prototype,b),c&&_defineProperties(a,c),a}function _possibleConstructorReturn(a,b){return b&&("object"===_typeof(b)||"function"==typeof b)?b:_assertThisInitialized(a)}function _getPrototypeOf(a){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function(a){return a.__proto__||Object.getPrototypeOf(a)},_getPrototypeOf(a)}function _assertThisInitialized(a){if(void 0===a)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return a}function _inherits(a,b){if("function"!=typeof b&&null!==b)throw new TypeError("Super expression must either be null or a function");a.prototype=Object.create(b&&b.prototype,{constructor:{value:a,writable:!0,configurable:!0}}),b&&_setPrototypeOf(a,b)}function _setPrototypeOf(a,b){return _setPrototypeOf=Object.setPrototypeOf||function(a,b){return a.__proto__=b,a},_setPrototypeOf(a,b)}function _defineProperty(a,b,c){return b in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}var AsyncTypeahead=(0,_reactBootstrapTypeahead.asyncContainer)(_reactBootstrapTypeahead.Typeahead),SearchBox=/*#__PURE__*/function(a){function b(a){var c;return _classCallCheck(this,b),c=_possibleConstructorReturn(this,_getPrototypeOf(b).call(this,a)),_defineProperty(_assertThisInitialized(c),"onChange",function(a,b){var d=b.newValue;c.setState({value:d})}),_defineProperty(_assertThisInitialized(c),"handleModuleSearch",function(a){window.location.href=a[0].moduleUrl}),_defineProperty(_assertThisInitialized(c),"state",{isLoading:!1,options:[],query:""}),_defineProperty(_assertThisInitialized(c),"_cache",{}),_defineProperty(_assertThisInitialized(c),"_handleInputChange",function(a){c.setState({query:a})}),_defineProperty(_assertThisInitialized(c),"_handlePagination",function(a,b){var d=c.state.query,e=c._cache[d];if(!(e&&e.data&&e.data.options&&(e.data.options.length>b||e.data.options.length===e.data.options.total_count))){c.setState({isLoading:!0});var f=e.page+1;//this.makeAndHandleRequest
(0,_SearchBoxService.makeAndHandleRequestOld)(c.props.userApi,d,f).then(function(a){var b=e.data.options.concat(a.data.options);c._cache[d]=_objectSpread({},e,{options:b,page:f}),c.setState({isLoading:!1,options:b})})}}),_defineProperty(_assertThisInitialized(c),"_handleSearch",function(a){return c._cache[a]?void c.setState({options:c._cache[a].data.options}):void(c.setState({isLoading:!0}),(0,_SearchBoxService.makeAndHandleRequestOld)(c.props.userApi,a).then(function(b){var d=b.data,e=d.options;c._cache[a]={data:d,page:1},c.setState({isLoading:!1,options:e})}))}),_defineProperty(_assertThisInitialized(c),"handleSearchButtonOnClick",function(){c.state.activeSearch?(c.setState({activeSearch:!c.state.activeSearch,placeholder:""}),c.typeahead.getInstance().clear()):c.setState({activeSearch:!c.state.activeSearch,placeholder:"Type to search"})}),_defineProperty(_assertThisInitialized(c),"handleCloseButtonOnClick",function(){c.setState({activeSearch:!c.state.activeSearch,placeholder:""}),c.typeahead.getInstance().clear()}),c.state={activeSearch:!1,multiple:!1,placeholder:"",selectedOption:null,value:"",options:[],suggestions:[],selections:[],isLoading:!1,option:[],query:""},c}return _inherits(b,a),_createClass(b,[{key:"componentDidMount",value:function(){var a=_asyncToGenerator(/*#__PURE__*/regeneratorRuntime.mark(function a(){return regeneratorRuntime.wrap(function(a){for(;;)switch(a.prev=a.next){case 0:this.props.userApi&&""!==this.props.userApi&&this.props.authApi&&""!==this.props.authApi&&this.props.authUrl&&""!==this.props.authUrl||console.error("Please provide valid props in component: userApi, authApi, authUrl");case 1:case"end":return a.stop();}},a,this)}));return function componentDidMount(){return a.apply(this,arguments)}}()},{key:"render",value:function render(){var a=this;return _react["default"].createElement(_react.Fragment,null,_react["default"].createElement("div",{className:(0,_classnames["default"])("search-wrapper",{active:this.state.activeSearch})},_react["default"].createElement("div",{className:"input-holder",style:{overflow:"visible"}},_react["default"].createElement(AsyncTypeahead,_extends({id:"seachBox2"},this.state,{filterBy:["name","description","moduleUrl"],labelKey:function labelKey(a){return"".concat(a.name)},maxResults:49,minLength:2,onInputChange:this._handleInputChange,onChange:function onChange(b){a.handleModuleSearch(b)},onPaginate:this._handlePagination,onSearch:this._handleSearch,className:"custom_select_input",paginate:!0,placeholder:this.state.placeholder,renderMenuItemChildren:function renderMenuItemChildren(a){return _react["default"].createElement(_GithubMenuItem["default"],{key:a.id,user:a,onClick:function onClick(a){window.open(a.moduleUrl)}})},ref:function ref(b){return a.typeahead=b},useCache:!1})),_react["default"].createElement("button",{onClick:this.handleSearchButtonOnClick,className:"search-icon",style:{marginTop:"-45px",marginRight:"0px",width:"42px",height:"42px"}},_react["default"].createElement("span",null))),_react["default"].createElement("button",{onClick:this.handleCloseButtonOnClick,className:"close"})))}}]),b}(_react["default"].Component),_default=SearchBox;exports["default"]=_default,module.exports=exports.default;