@tripian/react 9.1.44 → 9.1.45

package/index.js

@@ -33050,49 +33050,7 @@ __webpack_require__(890);
 const GPlacesAutocomplete2 = ({ onSelectedChanged, initialText, boundry, placeholder, disabled, onFocus, onBlur }) => {
     const [text, setText] = (0, react_1.useState)(initialText);
     const [initialized, setInitialized] = (0, react_1.useState)(false);
-    const [hasSelection, setHasSelection] = (0, react_1.useState)(false);
     const placesAutocomplete = (0, react_1.useRef)();
-    const isPacItemClick = (0, react_1.useRef)(false);
-    (0, react_1.useEffect)(() => {
-        const handleMouseDown = (e) => {
-            const target = e.target;
-            if (target && target.classList && target.classList.contains('pac-item')) {
-                isPacItemClick.current = true;
-            }
-        };
-        window.addEventListener('mousedown', handleMouseDown);
-        return () => {
-            window.removeEventListener('mousedown', handleMouseDown);
-        };
-    }, []);
-    const handleEnterKey = (event) => {
-        if (event.key === 'Enter') {
-            event.preventDefault();
-            const firstPrediction = document.querySelector('.pac-item');
-            if (firstPrediction) {
-                const input = document.getElementById('google-autocompelete');
-                const simulatedDownArrow = new KeyboardEvent('keydown', { keyCode: 40 });
-                input.dispatchEvent(simulatedDownArrow);
-                const simulatedEnter = new KeyboardEvent('keydown', { keyCode: 13 });
-                input.dispatchEvent(simulatedEnter);
-            }
-        }
-    };
-    const handleBlur = () => {
-        setTimeout(() => {
-            if (isPacItemClick.current) {
-                isPacItemClick.current = false;
-                return;
-            }
-            if (!hasSelection) {
-                setText('');
-                onSelectedChanged({ name: '' });
-            }
-            if (onBlur) {
-                onBlur();
-            }
-        }, 200);
-    };
     /**
      * initialize
      */
@@ -33108,15 +33066,20 @@ const GPlacesAutocomplete2 = ({ onSelectedChanged, initialText, boundry, placeho
                 strictBounds: true,
             };
             placesAutocomplete.current = new google.maps.places.Autocomplete(document.getElementById('google-autocompelete'), autocompleteOptions);
+            // console.log('setTimeout set 1');
             setTimeout(() => {
+                // if (!unmounted) {
                 const pacContainerParent = document.getElementById('pac-container-parent');
                 const pacContainer = document.getElementsByClassName('pac-container')[0];
                 if (pacContainer)
                     pacContainerParent === null || pacContainerParent === void 0 ? void 0 : pacContainerParent.appendChild(pacContainer);
+                // console.log('setTimeout set 2');
+                // }
             }, 1000);
             setInitialized(true);
         };
         init();
+        // console.log('useEffect init');
         return () => {
             const pacContainers = document.getElementsByClassName('pac-container');
             for (let i = 0; i < pacContainers.length; i += 1) {
@@ -33137,7 +33100,6 @@ const GPlacesAutocomplete2 = ({ onSelectedChanged, initialText, boundry, placeho
                 const displayText = [place.name, place.formatted_address].filter(Boolean).join(' ');
                 setText(displayText || '');
                 onSelectedChanged(place);
-                setHasSelection(true);
             }
         });
         return () => {
@@ -33150,11 +33112,15 @@ const GPlacesAutocomplete2 = ({ onSelectedChanged, initialText, boundry, placeho
      * setBounds
      */
     (0, react_1.useEffect)(() => {
+        // console.log(boundry);
         if (placesAutocomplete.current && boundry) {
             placesAutocomplete.current.setBounds(boundry);
         }
+        // console.log('initialized, boundry');
+        // console.log('setBounds');
     }, [initialized, boundry]);
     (0, react_1.useEffect)(() => {
+        // console.log('useEffect initialText');
         setText(initialText);
     }, [initialText]);
     return (react_1.default.createElement(react_1.default.Fragment, null,
@@ -33162,9 +33128,9 @@ const GPlacesAutocomplete2 = ({ onSelectedChanged, initialText, boundry, placeho
                 if (!newText.target.value) {
                     onSelectedChanged({ name: '' });
                 }
+                // console.log(newText.target.value);
                 setText(newText.target.value);
-                setHasSelection(false);
-            }, className: "gplaces-autocomplete", disabled: disabled, onFocus: onFocus, onBlur: handleBlur, onKeyDown: handleEnterKey }),
+            }, disabled: disabled, onFocus: onFocus, onBlur: onBlur }),
         react_1.default.createElement("div", { id: "pac-container-parent" })));
 };
 exports.default = GPlacesAutocomplete2;