react-textarea-with-suggest 2.1.0 → 2.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/lib/index.js +1 -1
  2. package/package.json +1 -1
package/lib/index.js CHANGED
@@ -1,2 +1,2 @@
1
- Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-textarea-autosize");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=n(e),r=n(t),o=function(){return o=Object.assign||function(e){for(var t,n=1,a=arguments.length;n<a;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},o.apply(this,arguments)};function i(t){var n=e.useRef();return e.useEffect((function(){n.current=t}),[t]),n.current}var c=function(t){var n=t.textareaRef,r=t.values,o=void 0===r?[]:r,i=t.isHidden,c=t.className,l=t.customSuggestItemRenderer,u=t.onItemClickHandler;if(i||!(null==o?void 0:o.length)||!n.current)return null;var s=e.useMemo((function(){var e;return(null===(e=n.current)||void 0===e?void 0:e.getBoundingClientRect())||{}}),[n.current]),d=s.width,m=void 0===d?0:d,f=s.left,v=void 0===f?0:f,g=e.useCallback((function(t){return l?a.default.createElement(e.Fragment,{onMouseDown:u(t)},l(t)):a.default.createElement("div",{className:"textarea-suggest-item",onMouseDown:u(t)},a.default.createElement("div",{className:"textarea-suggest-item__info"},a.default.createElement("div",null,t)))}),[u,l]);return a.default.createElement("div",{className:"textarea-suggest__results ".concat(c,"__results"),style:{position:"absolute",width:m,left:v}},o.map((function(t,n){return a.default.createElement(e.Fragment,{key:n},g(t))})))},l=e.forwardRef((function(e,t){return a.default.createElement("textarea",o({},e,{ref:t}))}));exports.default=function(t){var n=t.autosizable,u=void 0!==n&&n,s=t.value,d=void 0===s?"":s,m=t.searchMarker,f=void 0===m?"@":m,v=t.searchRegexp,g=t.suggestList,p=void 0===g?[]:g,b=t.closeSuggestOnFocusOut,h=void 0!==b&&b,w=t.cancelSearchOnFocusOut,k=void 0!==w&&w,x=t.onSearch,y=t.onChange,O=t.customSuggestItemRenderer,E=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n}(t,["autosizable","value","searchMarker","searchRegexp","suggestList","closeSuggestOnFocusOut","cancelSearchOnFocusOut","onSearch","onChange","customSuggestItemRenderer"]),S=e.useState(d),z=S[0],R=S[1],j=e.useState(null==d?void 0:d.includes(f)),I=j[0],_=j[1],C=e.useState(!0),M=C[0],F=C[1],q=i(z),P=i(d),N=e.useRef(null),T=u?r.default:l,B=e.useMemo((function(){return v?new RegExp(v):new RegExp("".concat(f,"([a-z0-9-_.]+[a-z0-9])"),"gim")}),[v]);e.useEffect((function(){if(f.length>1)throw new TypeError("Max length of searchMarker is 1 symbol. Please change your searchMarker to char")}),[]),e.useEffect((function(){q!==d&&P!==d&&R(d)}),[z,d,q,P]);var H=e.useCallback((function(e){return setTimeout((function(){var t;h&&F(!0),k&&_(!1),null===(t=E.onBlur)||void 0===t||t.call(E,e)}),0)}),[h,k,E.onBlur]),D=e.useCallback((function(e){var t;M&&F(!1),null===(t=E.onFocus)||void 0===t||t.call(E,e)}),[h,k,E.onFocus]),L=e.useCallback((function(e){return function(){var t,n,a,r,o=null===(t=N.current)||void 0===t?void 0:t.selectionEnd,i=z.slice(0,o).lastIndexOf(f),c=z.slice(i);if(-1!==i){var l=(c.includes(" ")?c.indexOf(" "):z.length)+i,u=void 0;if(c.lastIndexOf(f)>0&&(l=c.lastIndexOf(f)+i),(!l||l<i)&&(l=z.length),u=z.slice(0,i||0)+z.slice(i).replace(z.slice(i,l),"".concat(f).concat(e," ")),N.current&&(N.current.value=u,N.current.focus()),function(){if("undefined"==typeof navigator||"undefined"==typeof window)return!1;var e,t=!1;return e=navigator.userAgent||navigator.vendor||"opera"in window&&window.opera,(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(e)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw-(n|u)|c55\/|capi|ccwa|cdm-|cell|chtm|cldc|cmd-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc-s|devi|dica|dmob|do(c|p)o|ds(12|-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(-|_)|g1 u|g560|gene|gf-5|g-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd-(m|p|t)|hei-|hi(pt|ta)|hp( i|ip)|hs-c|ht(c(-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i-(20|go|ma)|i230|iac( |-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|-[a-w])|libw|lynx|m1-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|-([1-8]|c))|phil|pire|pl(ay|uc)|pn-2|po(ck|rt|se)|prox|psio|pt-g|qa-a|qc(07|12|21|32|60|-[2-7]|i-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h-|oo|p-)|sdk\/|se(c(-|0|1)|47|mc|nd|ri)|sgh-|shar|sie(-|m)|sk-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h-|v-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl-|tdg-|tel(i|m)|tim-|t-mo|to(pl|sh)|ts(70|m-|m3|m5)|tx-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas-|your|zeto|zte-/i.test(e.substr(0,4)))&&(t=!0),t}()){var s=u.slice(i).indexOf(" ")+i+1;null===(n=N.current)||void 0===n||n.setSelectionRange(s,s)}var d=new Event("onchange",{bubbles:!0,cancelable:!1});null===(r=null===(a=N.current)||void 0===a?void 0:a.onchange)||void 0===r||r.call(a,d),_(!1),R(u)}}}),[N,z]);return a.default.createElement("div",{className:"textarea-suggest"},a.default.createElement(T,o({},E,{onBlur:H,onFocus:D,ref:N,onChange:function(e){var t,n=e.currentTarget.value,a=void 0===n?z:n,r=e.isTrusted,i=void 0===r||r,c=null===(t=N.current)||void 0===t?void 0:t.selectionEnd,l=c?a.slice(c-1,c):a.slice(-1);if(R(a),l===f&&_(!0),a.includes(f)&&![" ","\n","\r"].includes(l)||!I||_(!1),l!==f&&I){var u=a.slice(0,c),s=u.slice(u.lastIndexOf(f)).match(B),d=s?s[0].slice(1):l;x(d)}return i?null==y?void 0:y(e):null==y?void 0:y(o(o({},e),{currentTarget:N.current,target:N.current}))},value:z||d})),a.default.createElement(c,{textareaRef:N,values:p,isHidden:M||!I,customSuggestItemRenderer:O,onItemClickHandler:L}))};
1
+ Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-textarea-autosize");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=n(e),r=n(t),o=function(){return o=Object.assign||function(e){for(var t,n=1,a=arguments.length;n<a;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},o.apply(this,arguments)};function i(t){var n=e.useRef();return e.useEffect((function(){n.current=t}),[t]),n.current}function c(){if("undefined"==typeof navigator||"undefined"==typeof window)return!1;var e,t=!1;return e=navigator.userAgent||navigator.vendor||"opera"in window&&window.opera,(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(e)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw-(n|u)|c55\/|capi|ccwa|cdm-|cell|chtm|cldc|cmd-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc-s|devi|dica|dmob|do(c|p)o|ds(12|-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(-|_)|g1 u|g560|gene|gf-5|g-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd-(m|p|t)|hei-|hi(pt|ta)|hp( i|ip)|hs-c|ht(c(-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i-(20|go|ma)|i230|iac( |-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|-[a-w])|libw|lynx|m1-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|-([1-8]|c))|phil|pire|pl(ay|uc)|pn-2|po(ck|rt|se)|prox|psio|pt-g|qa-a|qc(07|12|21|32|60|-[2-7]|i-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h-|oo|p-)|sdk\/|se(c(-|0|1)|47|mc|nd|ri)|sgh-|shar|sie(-|m)|sk-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h-|v-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl-|tdg-|tel(i|m)|tim-|t-mo|to(pl|sh)|ts(70|m-|m3|m5)|tx-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas-|your|zeto|zte-/i.test(e.substr(0,4)))&&(t=!0),t}var l=function(t){var n=t.textareaRef,r=t.values,o=void 0===r?[]:r,i=t.isHidden,l=t.className,u=t.customSuggestItemRenderer,s=t.onItemClickHandler;if(i||!(null==o?void 0:o.length)||!n.current)return null;var d=e.useMemo((function(){var e;return(null===(e=n.current)||void 0===e?void 0:e.getBoundingClientRect())||{}}),[n.current]),m=d.width,v=void 0===m?0:m,f=d.left,g=void 0===f?0:f,p=c(),b=e.useCallback((function(e){return u?a.default.createElement("div",{className:"textarea-suggest-item",onMouseDown:p?void 0:s(e),onTouchStart:p?s(e):void 0},u(e)):a.default.createElement("div",{className:"textarea-suggest-item",onMouseDown:p?void 0:s(e),onTouchStart:p?s(e):void 0},a.default.createElement("div",{className:"textarea-suggest-item__info"},a.default.createElement("div",null,e)))}),[s,u]);return a.default.createElement("div",{className:"textarea-suggest__results ".concat(l?"".concat(l,"__results"):""),style:{position:"absolute",width:v,left:g}},o.map((function(t,n){return a.default.createElement(e.Fragment,{key:n},b(t))})))},u=e.forwardRef((function(e,t){return a.default.createElement("textarea",o({},e,{ref:t}))}));exports.default=function(t){var n=t.autosizable,s=void 0!==n&&n,d=t.value,m=void 0===d?"":d,v=t.searchMarker,f=void 0===v?"@":v,g=t.searchRegexp,p=t.suggestList,b=void 0===p?[]:p,h=t.closeSuggestOnFocusOut,w=void 0!==h&&h,k=t.cancelSearchOnFocusOut,x=void 0!==k&&k,y=t.onSearch,O=t.onChange,E=t.customSuggestItemRenderer,S=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n}(t,["autosizable","value","searchMarker","searchRegexp","suggestList","closeSuggestOnFocusOut","cancelSearchOnFocusOut","onSearch","onChange","customSuggestItemRenderer"]),z=e.useState(m),R=z[0],j=z[1],I=e.useState(null==m?void 0:m.includes(f)),_=I[0],C=I[1],M=e.useState(!0),F=M[0],N=M[1],q=i(R),T=i(m),P=e.useRef(null),B=s?r.default:u,H=e.useMemo((function(){return g?new RegExp(g):new RegExp("".concat(f,"([a-z0-9-_.]+[a-z0-9])"),"gim")}),[g]);e.useEffect((function(){if(f.length>1)throw new TypeError("Max length of searchMarker is 1 symbol. Please change your searchMarker to char")}),[]),e.useEffect((function(){q!==m&&T!==m&&j(m)}),[R,m,q,T]);var D=e.useCallback((function(e){return setTimeout((function(){var t;w&&N(!0),x&&C(!1),null===(t=S.onBlur)||void 0===t||t.call(S,e)}),0)}),[w,x,S.onBlur]),L=e.useCallback((function(e){var t;F&&N(!1),null===(t=S.onFocus)||void 0===t||t.call(S,e)}),[w,x,S.onFocus]),A=e.useCallback((function(e){return function(){var t,n,a,r,o=null===(t=P.current)||void 0===t?void 0:t.selectionEnd,i=R.slice(0,o).lastIndexOf(f),l=R.slice(i);if(-1!==i){var u=(l.includes(" ")?l.indexOf(" "):R.length)+i,s=void 0;if(l.lastIndexOf(f)>0&&(u=l.lastIndexOf(f)+i),(!u||u<i)&&(u=R.length),s=R.slice(0,i||0)+R.slice(i).replace(R.slice(i,u),"".concat(f).concat(e," ")),P.current&&(P.current.value=s,P.current.focus()),c()){var d=s.slice(i).indexOf(" ")+i+1;null===(n=P.current)||void 0===n||n.setSelectionRange(d,d)}var m=new Event("onchange",{bubbles:!0,cancelable:!1});null===(r=null===(a=P.current)||void 0===a?void 0:a.onchange)||void 0===r||r.call(a,m),C(!1),j(s)}}}),[P,R]);return a.default.createElement("div",{className:"textarea-suggest"},a.default.createElement(B,o({},S,{onBlur:D,onFocus:L,ref:P,onChange:function(e){var t,n=e.currentTarget.value,a=void 0===n?R:n,r=e.isTrusted,i=void 0===r||r,c=null===(t=P.current)||void 0===t?void 0:t.selectionEnd,l=c?a.slice(c-1,c):a.slice(-1);if(j(a),l===f&&C(!0),a.includes(f)&&![" ","\n","\r"].includes(l)||!_||C(!1),l!==f&&_){var u=a.slice(0,c),s=u.slice(u.lastIndexOf(f)).match(H),d=s?s[0].slice(1):l;y(d)}return i?null==O?void 0:O(e):null==O?void 0:O(o(o({},e),{currentTarget:P.current,target:P.current}))},value:R||m})),a.default.createElement(l,{className:S.className,textareaRef:P,values:b,isHidden:F||!_,customSuggestItemRenderer:E,onItemClickHandler:A}))};
2
2
  //# sourceMappingURL=index.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-textarea-with-suggest",
3
- "version": "2.1.0",
3
+ "version": "2.1.2",
4
4
  "description": "Textarea with suggest for React app",
5
5
  "main": "lib/index.js",
6
6
  "types": "lib/index.d.ts",