react-datalist-input - npm Package Compare versions

Comparing version 1.1.29 to 1.1.30

lib/DataListInput.js

@@ -1,2 +0,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=0)}([function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r="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},o=function(){function e(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)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),i=u(n(1)),a=u(n(4));function u(e){return e&&e.__esModule?e:{default:e}}n(7);var c=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var n=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.componentWillUnmount=function(){window.removeEventListener("click",n.onClickCloseMenu)},n.onClickCloseMenu=function(e){var t=document.getElementsByClassName("datalist-items");if(t&&t.length)if(n.state.interactionHappened)n.setState({interactionHappened:!1});else{var r=document.getElementsByClassName("autocomplete-input");if(r){for(var o=0;o<r.length;o+=1){var i=e.target===r[o],a=r[o].contains(e.target);if(i||a)return}for(var u=0;u<t.length;u+=1){var c=t[u].contains(e.target),l=e.target===t[u];if(c||l)return}n.state.visible&&n.setState({visible:!1,focusIndex:-1})}}},n.onClickInput=function(){var e=n.state,t=e.currentInput,o=e.visible,i=e.lastValidItem,a=n.props,u=a.requiredInputLength,c=a.dropDownLength,l=a.items,s=a.match,f=a.clearInputOnSelect;if(t.length>=u&&!o){var p=l.filter(function(e){return(void 0===s?"undefined":r(s))===("undefined"==typeof Function?"undefined":r(Function))?s(t,e):n.match(t,e)}),d=!f&&i&&i.label===t,m=p.length&&!d?p.slice(0,c):l.slice(0,c),y=i&&!f?n.indexOfItem(i,m):0;y=y>0?y:0,n.setState({visible:!0,matchingItems:m,focusIndex:y})}},n.onHandleInput=function(e){var t=e.target.value,o=n.props,i=o.items,a=o.match,u=o.dropDownLength,c=i.filter(function(e){return(void 0===a?"undefined":r(a))===("undefined"==typeof Function?"undefined":r(Function))?a(t,e):n.match(t,e)}),l=c.slice(0,u);c.length>0?n.setState({currentInput:t,matchingItems:l,focusIndex:0,visible:!0}):n.setState({currentInput:t,matchingItems:l,visible:!1,focusIndex:-1})},n.match=function(e,t){return t.label.substr(0,e.length).toUpperCase()===e.toUpperCase()},n.indexOfMatch=function(e,t){return t.label.toUpperCase().indexOf(e.toUpperCase())},n.indexOfItem=function(e,t){return t.indexOf(t.find(function(t){return t.key===e.key}))},n.onHandleKeydown=function(e){var t=n.state,r=t.visible,o=t.focusIndex,i=t.matchingItems;if(r){var a=o;if(40===e.keyCode||9===e.keyCode)(a+=1)>=i.length&&(a=0),n.setState({focusIndex:a}),e.preventDefault();else if(38===e.keyCode)(a-=1)<=-1&&(a=i.length-1),n.setState({focusIndex:a});else if(13===e.keyCode&&o>-1){var u=i[a];n.onSelect(u)}}},n.onClickItem=function(e){for(var t=n.state.matchingItems,r=e.currentTarget.children,o=void 0,i=0;i<r.length;i+=1)if("INPUT"===r[i].tagName){o=Number(r[i].value);break}var a=t.find(function(e){return e.key===o});n.onSelect(a)},n.onSelect=function(e){var t=n.props,r=t.suppressReselect,o=t.clearInputOnSelect,i=n.state.lastValidItem;r&&i&&e.key===i.key?n.setState({currentInput:o?"":e.label,visible:!1,focusIndex:-1,interactionHappened:!0}):(n.setState({currentInput:o?"":e.label,lastValidItem:e,visible:!1,focusIndex:-1,interactionHappened:!0}),(0,n.props.onSelect)(e))},n.renderMatchingLabel=function(e,t){return i.default.createElement(i.default.Fragment,null,t.label.substr(0,n.indexOfMatch(e,t)),i.default.createElement("strong",null,t.label.substr(n.indexOfMatch(e,t),e.length)),t.label.substr(n.indexOfMatch(e,t)+e.length))},n.renderItemLabel=function(e,t){return i.default.createElement(i.default.Fragment,null,n.indexOfMatch(e,t)>0?n.renderMatchingLabel(e,t):t.label)},n.renderItems=function(e,t,r,o,a){return i.default.createElement("div",{className:"datalist-items"},t.map(function(t,u){var c=a+" "+(r===u?"datalist-active-item "+o:"")+";";return i.default.createElement("div",{onClick:n.onClickItem,className:c,key:t.key,tabIndex:0,role:"button",onKeyUp:function(e){return e.preventDefault()}},n.renderItemLabel(e,t),i.default.createElement("input",{type:"hidden",value:t.key,readOnly:!0}))}))},n.renderInputField=function(e,t,r){return i.default.createElement("input",{onChange:n.onHandleInput,onClick:n.onClickInput,onKeyDown:n.onHandleKeydown,type:"text",className:"autocomplete-input "+r,placeholder:e,value:t})},n.state={lastValidItem:void 0,currentInput:"",matchingItems:[],visible:!1,focusIndex:0,interactionHappened:!1},window.addEventListener("click",n.onClickCloseMenu,!1),n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,i.default.Component),o(t,[{key:"render",value:function(){var e=this.state,t=e.currentInput,n=e.matchingItems,r=e.focusIndex,o=e.visible,a=this.props,u=a.placeholder,c=a.inputClassName,l=a.activeItemClassName,s=a.itemClassName,f=a.requiredInputLength,p=t.length>=f;return i.default.createElement("div",{className:"datalist-input"},this.renderInputField(u,t,c),p&&o&&this.renderItems(t,n,r,l,s))}}]),t}();c.propTypes={items:a.default.arrayOf(a.default.shape({label:a.default.string.isRequired,key:a.default.oneOfType(a.default.string,a.default.number).isRequired})).isRequired,placeholder:a.default.string,onSelect:a.default.func.isRequired,match:a.default.func,inputClassName:a.default.string,itemClassName:a.default.string,activeItemClassName:a.default.string,requiredInputLength:a.default.number,clearInputOnSelect:a.default.bool,suppressReselect:a.default.bool,dropDownLength:a.default.number},c.defaultProps={placeholder:"",match:void 0,inputClassName:"",itemClassName:"",activeItemClassName:"",requiredInputLength:0,clearInputOnSelect:!1,suppressReselect:!0,dropDownLength:1/0},t.default=c},function(e,t,n){"use strict";e.exports=n(2)},function(e,t,n){"use strict";
+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=0)}([function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r="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},o=function(){function e(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)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),i=u(n(1)),a=u(n(4));function u(e){return e&&e.__esModule?e:{default:e}}n(7);var c=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var n=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.componentWillUnmount=function(){window.removeEventListener("click",n.onClickCloseMenu)},n.onClickCloseMenu=function(e){var t=document.getElementsByClassName("datalist-items");if(t&&t.length)if(n.state.interactionHappened)n.setState({interactionHappened:!1});else{var r=document.getElementsByClassName("autocomplete-input");if(r){for(var o=0;o<r.length;o+=1){var i=e.target===r[o],a=r[o].contains(e.target);if(i||a)return}for(var u=0;u<t.length;u+=1){var c=t[u].contains(e.target),l=e.target===t[u];if(c||l)return}n.state.visible&&n.setState({visible:!1,focusIndex:-1})}}},n.onClickInput=function(){var e=n.state,t=e.currentInput,o=e.visible,i=e.lastValidItem,a=n.props,u=a.requiredInputLength,c=a.dropDownLength,l=a.items,s=a.match,f=a.clearInputOnSelect;if(t.length>=u&&!o){var p=l.filter(function(e){return(void 0===s?"undefined":r(s))===("undefined"==typeof Function?"undefined":r(Function))?s(t,e):n.match(t,e)}),d=!f&&i&&i.label===t,m=p.length&&!d?p.slice(0,c):l.slice(0,c),y=i&&!f?n.indexOfItem(i,m):0;y=y>0?y:0,n.setState({visible:!0,matchingItems:m,focusIndex:y})}},n.onHandleInput=function(e){var t=e.target.value,o=n.props,i=o.items,a=o.match,u=o.dropDownLength,c=i.filter(function(e){return(void 0===a?"undefined":r(a))===("undefined"==typeof Function?"undefined":r(Function))?a(t,e):n.match(t,e)}),l=c.slice(0,u);c.length>0?n.setState({currentInput:t,matchingItems:l,focusIndex:0,visible:!0}):n.setState({currentInput:t,matchingItems:l,visible:!1,focusIndex:-1})},n.match=function(e,t){return t.label.substr(0,e.length).toUpperCase()===e.toUpperCase()},n.indexOfMatch=function(e,t){return t.label.toUpperCase().indexOf(e.toUpperCase())},n.indexOfItem=function(e,t){return t.indexOf(t.find(function(t){return t.key===e.key}))},n.onHandleKeydown=function(e){var t=n.state,r=t.visible,o=t.focusIndex,i=t.matchingItems;if(r){var a=o;if(40===e.keyCode||9===e.keyCode)(a+=1)>=i.length&&(a=0),n.setState({focusIndex:a}),e.preventDefault();else if(38===e.keyCode)(a-=1)<=-1&&(a=i.length-1),n.setState({focusIndex:a});else if(13===e.keyCode&&o>-1){var u=i[a];n.onSelect(u)}}},n.onClickItem=function(e){for(var t=n.state.matchingItems,r=e.currentTarget.children,o=void 0,i=0;i<r.length;i+=1)if("INPUT"===r[i].tagName){o=r[i].value;break}var a=t.find(function(e){return e.key===o});n.onSelect(a)},n.onSelect=function(e){var t=n.props,r=t.suppressReselect,o=t.clearInputOnSelect,i=n.state.lastValidItem;r&&i&&e.key===i.key?n.setState({currentInput:o?"":e.label,visible:!1,focusIndex:-1,interactionHappened:!0}):(n.setState({currentInput:o?"":e.label,lastValidItem:e,visible:!1,focusIndex:-1,interactionHappened:!0}),(0,n.props.onSelect)(e))},n.renderMatchingLabel=function(e,t){return i.default.createElement(i.default.Fragment,null,t.label.substr(0,n.indexOfMatch(e,t)),i.default.createElement("strong",null,t.label.substr(n.indexOfMatch(e,t),e.length)),t.label.substr(n.indexOfMatch(e,t)+e.length))},n.renderItemLabel=function(e,t){return i.default.createElement(i.default.Fragment,null,n.indexOfMatch(e,t)>0?n.renderMatchingLabel(e,t):t.label)},n.renderItems=function(e,t,r,o,a){return i.default.createElement("div",{className:"datalist-items"},t.map(function(t,u){var c=a+" "+(r===u?"datalist-active-item "+o:"")+";";return i.default.createElement("div",{onClick:n.onClickItem,className:c,key:t.key,tabIndex:0,role:"button",onKeyUp:function(e){return e.preventDefault()}},n.renderItemLabel(e,t),i.default.createElement("input",{type:"hidden",value:t.key,readOnly:!0}))}))},n.renderInputField=function(e,t,r){return i.default.createElement("input",{onChange:n.onHandleInput,onClick:n.onClickInput,onKeyDown:n.onHandleKeydown,type:"text",className:"autocomplete-input "+r,placeholder:e,value:t})},n.state={lastValidItem:void 0,currentInput:"",matchingItems:[],visible:!1,focusIndex:0,interactionHappened:!1},window.addEventListener("click",n.onClickCloseMenu,!1),n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,i.default.Component),o(t,[{key:"render",value:function(){var e=this.state,t=e.currentInput,n=e.matchingItems,r=e.focusIndex,o=e.visible,a=this.props,u=a.placeholder,c=a.inputClassName,l=a.activeItemClassName,s=a.itemClassName,f=a.requiredInputLength,p=t.length>=f;return i.default.createElement("div",{className:"datalist-input"},this.renderInputField(u,t,c),p&&o&&this.renderItems(t,n,r,l,s))}}]),t}();c.propTypes={items:a.default.arrayOf(a.default.shape({label:a.default.string.isRequired,key:a.default.oneOfType(a.default.string,a.default.number).isRequired})).isRequired,placeholder:a.default.string,onSelect:a.default.func.isRequired,match:a.default.func,inputClassName:a.default.string,itemClassName:a.default.string,activeItemClassName:a.default.string,requiredInputLength:a.default.number,clearInputOnSelect:a.default.bool,suppressReselect:a.default.bool,dropDownLength:a.default.number},c.defaultProps={placeholder:"",match:void 0,inputClassName:"",itemClassName:"",activeItemClassName:"",requiredInputLength:0,clearInputOnSelect:!1,suppressReselect:!0,dropDownLength:1/0},t.default=c},function(e,t,n){"use strict";e.exports=n(2)},function(e,t,n){"use strict";
 /** @license React v16.8.6
@@ -3,0 +3,0 @@ * react.production.min.js

package.json

 {
   "name": "react-datalist-input",
-  "version": "1.1.29",
+  "version": "1.1.30",
   "description": "This package provides a react component as follows: an input field with a drop down menu to pick a possible option based on the current input.",
@@ -5,0 +5,0 @@ "main": "./lib/DataListInput.js",

No alert changes

Worsened metrics

Total package byte prevSize

30088

decreased by-0.03%

No dependency changes