@walkover/autosuggest-custom - npm Package Compare versions

Comparing version 0.2.6 to 0.2.7

build/index.js

@@ -1,1 +0,1 @@
-!function(){"use strict";var e={649:function(e,n,t){var r=t(81),o=t.n(r),i=t(645),a=t.n(i)()(o());a.push([e.id,".suggestionBox::-webkit-scrollbar {\r\n    display: none;\r\n}\r\n\r\n.editable-div::-webkit-scrollbar {\r\n    display: none;\r\n}\r\n\r\n.suggestionBox {\r\n    display: absolute;\r\n    width: auto;\r\n    border: 1px solid #ccc;\r\n    background-color: #f9f9f9;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n    max-height: 200px;\r\n    height: auto;\r\n    overflow: auto;\r\n}\r\n\r\n.editable-div {\r\n    border: 1px solid #ccc;\r\n    width: 300px;\r\n    height: 100px;\r\n    font-family: Arial, sans-serif;\r\n    font-size: 16px;\r\n    border-radius: 0px;\r\n    margin-bottom: 2px;\r\n    padding-left: 5px;\r\n    overflow: scroll;\r\n}\r\n\r\n.chip {\r\n    display: inline-block;\r\n    padding: 5px 10px;\r\n    margin: 5px;\r\n    background-color: #f1f1f1;\r\n    border-radius: 20px;\r\n    font-family: Arial, sans-serif;\r\n    font-size: 14px;\r\n    color: #555;\r\n}\r\n\r\nli {\r\n    list-style-type: none;\r\n    padding: 5px;\r\n}\r\n\r\n.suggestionMainContainer{\r\n    display: relative;\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n",""]),n.Z=a},645:function(e){e.exports=function(e){var n=[];return n.toString=function(){return this.map((function(n){var t="",r=void 0!==n[5];return n[4]&&(t+="@supports (".concat(n[4],") {")),n[2]&&(t+="@media ".concat(n[2]," {")),r&&(t+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),t+=e(n),r&&(t+="}"),n[2]&&(t+="}"),n[4]&&(t+="}"),t})).join("")},n.i=function(e,t,r,o,i){"string"==typeof e&&(e=[[null,e,void 0]]);var a={};if(r)for(var u=0;u<this.length;u++){var c=this[u][0];null!=c&&(a[c]=!0)}for(var l=0;l<e.length;l++){var s=[].concat(e[l]);r&&a[s[0]]||(void 0!==i&&(void 0===s[5]||(s[1]="@layer".concat(s[5].length>0?" ".concat(s[5]):""," {").concat(s[1],"}")),s[5]=i),t&&(s[2]?(s[1]="@media ".concat(s[2]," {").concat(s[1],"}"),s[2]=t):s[2]=t),o&&(s[4]?(s[1]="@supports (".concat(s[4],") {").concat(s[1],"}"),s[4]=o):s[4]="".concat(o)),n.push(s))}},n}},81:function(e){e.exports=function(e){return e[1]}},379:function(e){var n=[];function t(e){for(var t=-1,r=0;r<n.length;r++)if(n[r].identifier===e){t=r;break}return t}function r(e,r){for(var i={},a=[],u=0;u<e.length;u++){var c=e[u],l=r.base?c[0]+r.base:c[0],s=i[l]||0,f="".concat(l," ").concat(s);i[l]=s+1;var d=t(f),p={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(-1!==d)n[d].references++,n[d].updater(p);else{var v=o(p,r);r.byIndex=u,n.splice(u,0,{identifier:f,updater:v,references:1})}a.push(f)}return a}function o(e,n){var t=n.domAPI(n);return t.update(e),function(n){if(n){if(n.css===e.css&&n.media===e.media&&n.sourceMap===e.sourceMap&&n.supports===e.supports&&n.layer===e.layer)return;t.update(e=n)}else t.remove()}}e.exports=function(e,o){var i=r(e=e||[],o=o||{});return function(e){e=e||[];for(var a=0;a<i.length;a++){var u=t(i[a]);n[u].references--}for(var c=r(e,o),l=0;l<i.length;l++){var s=t(i[l]);0===n[s].references&&(n[s].updater(),n.splice(s,1))}i=c}}},569:function(e){var n={};e.exports=function(e,t){var r=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(e){t=null}n[e]=t}return n[e]}(e);if(!r)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");r.appendChild(t)}},216:function(e){e.exports=function(e){var n=document.createElement("style");return e.setAttributes(n,e.attributes),e.insert(n,e.options),n}},565:function(e,n,t){e.exports=function(e){var n=t.nc;n&&e.setAttribute("nonce",n)}},795:function(e){e.exports=function(e){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var n=e.insertStyleElement(e);return{update:function(t){!function(e,n,t){var r="";t.supports&&(r+="@supports (".concat(t.supports,") {")),t.media&&(r+="@media ".concat(t.media," {"));var o=void 0!==t.layer;o&&(r+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),r+=t.css,o&&(r+="}"),t.media&&(r+="}"),t.supports&&(r+="}");var i=t.sourceMap;i&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),n.styleTagTransform(r,e,n.options)}(n,e,t)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)}}}},589:function(e){e.exports=function(e,n){if(n.styleSheet)n.styleSheet.cssText=e;else{for(;n.firstChild;)n.removeChild(n.firstChild);n.appendChild(document.createTextNode(e))}}}},n={};function t(r){var o=n[r];if(void 0!==o)return o.exports;var i=n[r]={id:r,exports:{}};return e[r](i,i.exports,t),i.exports}t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,{a:n}),n},t.d=function(e,n){for(var r in n)t.o(n,r)&&!t.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:n[r]})},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.nc=void 0;var r={};!function(){t.r(r),t.d(r,{default:function(){return x}});var e=require("react"),n=t.n(e),o=t(379),i=t.n(o),a=t(795),u=t.n(a),c=t(569),l=t.n(c),s=t(565),f=t.n(s),d=t(216),p=t.n(d),v=t(589),g=t.n(v),m=t(649),h={};function y(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,a,u=[],c=!0,l=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=i.call(t)).done)&&(u.push(r.value),u.length!==n);c=!0);}catch(e){l=!0,o=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(l)throw o}}return u}}(e,n)||function(e,n){if(e){if("string"==typeof e)return b(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?b(e,n):void 0}}(e,n)||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(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}h.styleTagTransform=g(),h.setAttributes=f(),h.insert=l().bind(null,"head"),h.domAPI=u(),h.insertStyleElement=p(),i()(m.Z,h),m.Z&&m.Z.locals&&m.Z.locals;var x=function(t){var r=t.id,o=t.suggestion,i=t.chipClass,a=t.editableDivClass,u=t.suggestionBoxClass,c=t.onEnterBtnEvent,l=t.getInputValueWithContext,s=t.setHtml,f=t.setText,d=t.defaultValue,p=t.disAble,v=o||[],g=(0,e.useRef)(),m=(0,e.useRef)(),h=y((0,e.useState)([]),2),b=h[0],x=h[1],w=y((0,e.useState)(-1),2),C=w[0],S=w[1],T=y((0,e.useState)(),2),E=T[0],N=T[1],A=y((0,e.useState)({left:0,top:0}),2),M=A[0],O=A[1],I=function(){if(g.current){var e=g.current.innerHTML,n=document.createElement("div");n.innerHTML=e;for(var t=n.getElementsByTagName("span"),r=t.length-1;r>=0;r--){var o=t[r],i=o.getAttribute("data-attribute")+"  ",a=document.createTextNode(i);o.parentNode.replaceChild(a,o)}var u=n.innerText;s&&s((function(){return e})),f&&f(u),l&&l(u,e)}},k=function(e){var n,t,r,o=window.getSelection(),a=o.anchorNode,u=o.anchorOffset;if(a&&a.nodeType===Node.TEXT_NODE){var c,l,s,f=document.createElement("span");f.className=i||"chip",f.contentEditable="false",f.textContent=e.name,f.setAttribute("data-attribute",e.content);var d=a.nodeValue.substring(0,u),p=a.nodeValue.substring(u,a.nodeValue.length),v=d.lastIndexOf(E),m=a.nodeValue.substring(0,v),h=document.createTextNode(m);a.parentNode.insertBefore(h,a),a.parentNode.insertBefore(f,a),(1===(null===(c=p.substring(0,1))||void 0===c?void 0:c.length)&&" "!==(null===(l=p)||void 0===l?void 0:l.substring(0,1))||0===(null===(s=p.substring(0,1))||void 0===s?void 0:s.length))&&(p=" "+p);var y=document.createTextNode(p);a.parentNode.insertBefore(y,a),n=y,0,e.name.length,t=document.createRange(),r=window.getSelection(),t.setStart(n,0),t.collapse(!0),r.removeAllRanges(),r.addRange(t),a.parentNode.removeChild(a)}I(),x([]),setTimeout((function(){g.current&&g.current.focus()}))};return(0,e.useEffect)((function(){g.current&&(g.current.innerHTML=d||"")}),[]),n().createElement("div",{ref:m,className:"suggestionMainContainer",style:{position:"relative"}},n().createElement("div",{id:r||"",contentEditable:!0!==p,ref:g,onKeyDown:function(e){if("ArrowUp"===e.key)e.preventDefault(),S((function(e){return-1===e?b.length-1:Math.max(0,e-1)}));else if("ArrowDown"===e.key)e.preventDefault(),S((function(e){return e===b.length-1?-1:Math.min(b.length-1,e+1)}));else if("Enter"===e.key){e.preventDefault();var n=b[C];n?(k(n),S(-1)):c&&c()}},onInput:function(e){!function(e){if(g.current||0!==g.current.innerText.length){I();var n=window.getSelection(),t=n.anchorOffset,r=n.anchorNode.textContent.substring(0,t).trim(),o=r.trim(),i=function(){if(m.current||g.current){var e=m.current,n=g.current,t=window.getSelection(),r=document.createRange();r.selectNodeContents(n),r.setEnd(t.anchorNode,t.anchorOffset);var o=r.cloneRange();o.collapse(!1);var i=o.getBoundingClientRect(),a=e.getBoundingClientRect(),u=o.getBoundingClientRect().height;return{left:i.left-a.left,top:i.top-a.top+u}}}();O(i);var a=(o=r.split(/ |\u00A0/))[o.length-1];if(0!==a.length){N(a);var u=v.filter((function(e){var n;return null==e||null===(n=e.name)||void 0===n?void 0:n.toLowerCase().startsWith(a.trim().toLowerCase())}));x(u),S(-1)}}else x([])}()},className:a||"editable-div",suppressContentEditableWarning:!0}),n().createElement("div",{className:u||"suggestionBox",style:{position:"absolute",left:M.left,top:M.top,zIndex:100,opacity:b.length>0?1:0}},null==b?void 0:b.map((function(e,t){return n().createElement("li",{key:t,style:{background:C===t?"#D3D3D3":"",cursor:"pointer"},onMouseDown:function(){return k(e)},onClick:function(){return k(e)}},e.name)}))))}}(),module.exports=r}();
+!function(){"use strict";var e={649:function(e,t,n){var r=n(81),o=n.n(r),i=n(645),a=n.n(i)()(o());a.push([e.id,".suggestionBox::-webkit-scrollbar {\r\n    display: none;\r\n}\r\n\r\n.editable-div::-webkit-scrollbar {\r\n    display: none;\r\n}\r\n\r\n.suggestionBox {\r\n    display: absolute;\r\n    width: auto;\r\n    border: 1px solid #ccc;\r\n    background-color: #f9f9f9;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n    max-height: 200px;\r\n    height: auto;\r\n    overflow: auto;\r\n}\r\n\r\n.editable-div {\r\n    border: 1px solid #ccc;\r\n    width: 300px;\r\n    height: 100px;\r\n    font-family: Arial, sans-serif;\r\n    font-size: 16px;\r\n    border-radius: 0px;\r\n    margin-bottom: 2px;\r\n    padding-left: 5px;\r\n    overflow: scroll;\r\n}\r\n\r\n.chip {\r\n    display: inline-block;\r\n    padding: 5px 10px;\r\n    margin: 5px;\r\n    background-color: #f1f1f1;\r\n    border-radius: 20px;\r\n    font-family: Arial, sans-serif;\r\n    font-size: 14px;\r\n    color: #555;\r\n}\r\n\r\nli {\r\n    list-style-type: none;\r\n    padding: 5px;\r\n}\r\n\r\n.suggestionMainContainer{\r\n    display: relative;\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n",""]),t.Z=a},645:function(e){e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n="",r=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),r&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),r&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n})).join("")},t.i=function(e,n,r,o,i){"string"==typeof e&&(e=[[null,e,void 0]]);var a={};if(r)for(var u=0;u<this.length;u++){var c=this[u][0];null!=c&&(a[c]=!0)}for(var l=0;l<e.length;l++){var s=[].concat(e[l]);r&&a[s[0]]||(void 0!==i&&(void 0===s[5]||(s[1]="@layer".concat(s[5].length>0?" ".concat(s[5]):""," {").concat(s[1],"}")),s[5]=i),n&&(s[2]?(s[1]="@media ".concat(s[2]," {").concat(s[1],"}"),s[2]=n):s[2]=n),o&&(s[4]?(s[1]="@supports (".concat(s[4],") {").concat(s[1],"}"),s[4]=o):s[4]="".concat(o)),t.push(s))}},t}},81:function(e){e.exports=function(e){return e[1]}},379:function(e){var t=[];function n(e){for(var n=-1,r=0;r<t.length;r++)if(t[r].identifier===e){n=r;break}return n}function r(e,r){for(var i={},a=[],u=0;u<e.length;u++){var c=e[u],l=r.base?c[0]+r.base:c[0],s=i[l]||0,f="".concat(l," ").concat(s);i[l]=s+1;var d=n(f),p={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(-1!==d)t[d].references++,t[d].updater(p);else{var v=o(p,r);r.byIndex=u,t.splice(u,0,{identifier:f,updater:v,references:1})}a.push(f)}return a}function o(e,t){var n=t.domAPI(t);return n.update(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap&&t.supports===e.supports&&t.layer===e.layer)return;n.update(e=t)}else n.remove()}}e.exports=function(e,o){var i=r(e=e||[],o=o||{});return function(e){e=e||[];for(var a=0;a<i.length;a++){var u=n(i[a]);t[u].references--}for(var c=r(e,o),l=0;l<i.length;l++){var s=n(i[l]);0===t[s].references&&(t[s].updater(),t.splice(s,1))}i=c}}},569:function(e){var t={};e.exports=function(e,n){var r=function(e){if(void 0===t[e]){var n=document.querySelector(e);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}t[e]=n}return t[e]}(e);if(!r)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");r.appendChild(n)}},216:function(e){e.exports=function(e){var t=document.createElement("style");return e.setAttributes(t,e.attributes),e.insert(t,e.options),t}},565:function(e,t,n){e.exports=function(e){var t=n.nc;t&&e.setAttribute("nonce",t)}},795:function(e){e.exports=function(e){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var t=e.insertStyleElement(e);return{update:function(n){!function(e,t,n){var r="";n.supports&&(r+="@supports (".concat(n.supports,") {")),n.media&&(r+="@media ".concat(n.media," {"));var o=void 0!==n.layer;o&&(r+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),r+=n.css,o&&(r+="}"),n.media&&(r+="}"),n.supports&&(r+="}");var i=n.sourceMap;i&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),t.styleTagTransform(r,e,t.options)}(t,e,n)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)}}}},589:function(e){e.exports=function(e,t){if(t.styleSheet)t.styleSheet.cssText=e;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(e))}}}},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var i=t[r]={id:r,exports:{}};return e[r](i,i.exports,n),i.exports}n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.nc=void 0;var r={};!function(){n.r(r),n.d(r,{default:function(){return x}});var e=require("react"),t=n.n(e),o=n(379),i=n.n(o),a=n(795),u=n.n(a),c=n(569),l=n.n(c),s=n(565),f=n.n(s),d=n(216),p=n.n(d),v=n(589),g=n.n(v),m=n(649),h={};function b(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,u=[],c=!0,l=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(u.push(r.value),u.length!==t);c=!0);}catch(e){l=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(l)throw o}}return u}}(e,t)||function(e,t){if(e){if("string"==typeof e)return y(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?y(e,t):void 0}}(e,t)||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 y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}h.styleTagTransform=g(),h.setAttributes=f(),h.insert=l().bind(null,"head"),h.domAPI=u(),h.insertStyleElement=p(),i()(m.Z,h),m.Z&&m.Z.locals&&m.Z.locals;var x=function(n){var r=n.id,o=n.suggestion,i=n.chipClass,a=n.editableDivClass,u=n.suggestionBoxClass,c=n.onEnterBtnEvent,l=n.getInputValueWithContext,s=n.setHtml,f=n.setText,d=n.defaultValue,p=n.disAble,v=o||[],g=(0,e.useRef)(),m=(0,e.useRef)(),h=b((0,e.useState)([]),2),y=h[0],x=h[1],w=b((0,e.useState)(-1),2),C=w[0],S=w[1],T=b((0,e.useState)(),2),E=T[0],N=T[1],A=b((0,e.useState)({left:0,top:0}),2),M=A[0],O=A[1],k=b((0,e.useState)(""),2),I=(k[0],k[1],function(){if(g.current){var e=g.current.innerHTML,t=document.createElement("div");t.innerHTML=e;for(var n=t.getElementsByTagName("span"),r=n.length-1;r>=0;r--){var o=n[r];if(o.getAttribute("walkover-attribute")){var i=o.getAttribute("data-attribute")+"  ",a=document.createTextNode(i);o.parentNode.replaceChild(a,o)}}var u=t.innerText;s&&s((function(){return e})),f&&f(u),l&&l(u,e)}}),B=function(e){var t,n,r,o=window.getSelection(),a=o.anchorNode,u=o.anchorOffset;if(a&&a.nodeType===Node.TEXT_NODE){var c,l,s,f=document.createElement("span");f.className=i||"chip",f.contentEditable="false",f.textContent=e.name,f.setAttribute("walkover-attribute",e.content),f.setAttribute("data-attribute",e.content);var d=a.nodeValue.substring(0,u),p=a.nodeValue.substring(u,a.nodeValue.length),v=d.lastIndexOf(E),m=a.nodeValue.substring(0,v),h=document.createTextNode(m);a.parentNode.insertBefore(h,a),a.parentNode.insertBefore(f,a),(1===(null===(c=p.substring(0,1))||void 0===c?void 0:c.length)&&" "!==(null===(l=p)||void 0===l?void 0:l.substring(0,1))||0===(null===(s=p.substring(0,1))||void 0===s?void 0:s.length))&&(p=" "+p);var b=document.createTextNode(p);a.parentNode.insertBefore(b,a),t=b,0,e.name.length,n=document.createRange(),r=window.getSelection(),n.setStart(t,0),n.collapse(!0),r.removeAllRanges(),r.addRange(n),a.parentNode.removeChild(a)}I(),x([]),setTimeout((function(){g.current&&g.current.focus()}))};return(0,e.useEffect)((function(){g.current&&(g.current.innerHTML=d||"")}),[]),t().createElement("div",{ref:m,className:"suggestionMainContainer",style:{position:"relative"}},t().createElement("div",{id:r||"",contentEditable:!0!==p,ref:g,onKeyDown:function(e){if("ArrowUp"===e.key)e.preventDefault(),S((function(e){return-1===e?y.length-1:Math.max(0,e-1)}));else if("ArrowDown"===e.key)e.preventDefault(),S((function(e){return e===y.length-1?-1:Math.min(y.length-1,e+1)}));else if("Enter"===e.key){e.preventDefault();var t=y[C];t?(B(t),S(-1)):c&&c()}},onInput:function(e){!function(e){if(g.current||0!==g.current.innerText.length){I();var t=window.getSelection(),n=t.anchorOffset,r=t.anchorNode.textContent.substring(0,n).trim(),o=r.trim(),i=function(){if(m.current||g.current){var e=m.current,t=g.current,n=window.getSelection(),r=document.createRange();r.selectNodeContents(t),r.setEnd(n.anchorNode,n.anchorOffset);var o=r.cloneRange();o.collapse(!1);var i=o.getBoundingClientRect(),a=e.getBoundingClientRect(),u=o.getBoundingClientRect().height;return{left:i.left-a.left,top:i.top-a.top+u}}}();O(i);var a=(o=r.split(/ |\u00A0/))[o.length-1];if(0!==a.length){N(a);var u=v.filter((function(e){var t;return null==e||null===(t=e.name)||void 0===t?void 0:t.toLowerCase().startsWith(a.trim().toLowerCase())}));x(u),S(-1)}}else x([])}()},className:a||"editable-div",suppressContentEditableWarning:!0}),t().createElement("div",{className:u||"suggestionBox",style:{position:"absolute",left:M.left,top:M.top,zIndex:100,opacity:y.length>0?1:0}},null==y?void 0:y.map((function(e,n){return t().createElement("li",{key:n,style:{background:C===n?"#D3D3D3":"",cursor:"pointer"},onMouseDown:function(){return B(e)},onClick:function(){return B(e)}},e.name)}))))}}(),module.exports=r}();

package.json

 {
   "name": "@walkover/autosuggest-custom",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "author": "walkover-web",
@@ -5,0 +5,0 @@ "main": "build/index.js",

src/customAutoSuggest/CustomAutoSuggest.js

@@ -15,36 +15,36 @@ /* eslint-disable */
     const [suggestionPosition, setSuggestionPosition] = useState({ left: 0, top: 0 });
+    const [innerText, setInnerText] = useState('');
 
     const handleGetCaretCoordinates = () => {
-       if(!parentDivRef.current && !editableDivRef.current) return;
+        if (!parentDivRef.current && !editableDivRef.current) return;
 
-       const parentDiv = parentDivRef.current;
-       const editableDiv = editableDivRef.current;
+        const parentDiv = parentDivRef.current;
+        const editableDiv = editableDivRef.current;
 
-       const selection = window.getSelection();
-       const range = document.createRange();
+        const selection = window.getSelection();
+        const range = document.createRange();
 
-       // Set the range to the editable div's contents
-       range.selectNodeContents(editableDiv);
+        // Set the range to the editable div's contents
+        range.selectNodeContents(editableDiv);
 
-       // Set the range's end to the current selection
-       range.setEnd(selection.anchorNode, selection.anchorOffset);
+        // Set the range's end to the current selection
+        range.setEnd(selection.anchorNode, selection.anchorOffset);
 
-       // Calculate the caret position
-       const caretRange = range.cloneRange();
-       caretRange.collapse(false);
+        // Calculate the caret position
+        const caretRange = range.cloneRange();
+        caretRange.collapse(false);
 
-       const caretRect = caretRange.getBoundingClientRect();
-       const parentRect = parentDiv.getBoundingClientRect();
-       const characterHeight = caretRange.getBoundingClientRect().height;
+        const caretRect = caretRange.getBoundingClientRect();
+        const parentRect = parentDiv.getBoundingClientRect();
+        const characterHeight = caretRange.getBoundingClientRect().height;
 
-       const caretCoordinates = {
-           left: caretRect.left - parentRect.left,
-           top: caretRect.top - parentRect.top + characterHeight,
-       };
-
-       return caretCoordinates;
+        const caretCoordinates = {
+            left: caretRect.left - parentRect.left,
+            top: caretRect.top - parentRect.top + characterHeight,
+        };
+        return caretCoordinates;
     };
 
     const getInputValueWithContent = () => {
-        if(!editableDivRef.current) return;
+        if (!editableDivRef.current) return;
         let htmlCode = editableDivRef.current.innerHTML;
@@ -56,9 +56,11 @@ var temporaryElement = document.createElement('div');
             var span = spanElements[i];
-            var dataAttribute = span.getAttribute('data-attribute') + "  ";
-            var textNode = document.createTextNode(dataAttribute);
-            span.parentNode.replaceChild(textNode, span);
+            if (span.getAttribute('walkover-attribute')) {
+                var dataAttribute = span.getAttribute('data-attribute') + "  ";
+                var textNode = document.createTextNode(dataAttribute);
+                span.parentNode.replaceChild(textNode, span);
+            }
         }
         var convertedHtmlCode = temporaryElement.innerText;
-        if(setHtml) setHtml(()=> htmlCode);
-        if(setText) setText(convertedHtmlCode);
+        if (setHtml) setHtml(() => htmlCode);
+        if (setText) setText(convertedHtmlCode);
         if (getInputValueWithContext) {
@@ -100,3 +102,3 @@ getInputValueWithContext(convertedHtmlCode, htmlCode);
     const handleInputChange = (e) => {
-        if ( !editableDivRef.current && editableDivRef.current.innerText.length === 0) {
+        if (!editableDivRef.current && editableDivRef.current.innerText.length === 0) {
             setFilteredSuggestions([]);
@@ -116,3 +118,3 @@ return;
         if (currentWord.length === 0) return
-        setcurrentValuee(currentWord)
+        setcurrentValuee(currentWord);
         const filtered = suggestions.filter((suggestion) =>
@@ -143,2 +145,3 @@ suggestion?.name?.toLowerCase().startsWith(currentWord.trim().toLowerCase())
             span.textContent = replace.name;
+            span.setAttribute("walkover-attribute", replace.content);
             span.setAttribute("data-attribute", replace.content);
@@ -164,3 +167,3 @@ var strwithrepsecttocursor = currentNode.nodeValue.substring(0, caretOffset);
         setTimeout(() => {
-            if(!editableDivRef.current) return;
+            if (!editableDivRef.current) return;
             editableDivRef.current.focus();
@@ -172,3 +175,3 @@ },);
     useEffect(() => {
-        if(!editableDivRef.current) return;
+        if (!editableDivRef.current) return;
         editableDivRef.current.innerHTML = defaultValue || "";
@@ -175,0 +178,0 @@ }, [])

No alert changes

Improved metrics

Total package byte prevSize

47462

increased by0.78%

Lines of code

273

increased by1.49%

No dependency changes