@szhsin/react-autocomplete - npm Package Compare versions

Comparing version 0.8.1 to 0.8.2

dist/cjs/index.js

@@ -5,2 +5,19 @@ 'use strict';
 
+const mergeEvents = (events1, events2) => {
+  const result = {
+    ...events1
+  };
+  Object.keys(events2).forEach(key => {
+    const e2 = events2[key];
+    if (e2) {
+      const e1 = events1[key];
+      result[key] = e1 ? e => {
+        e1(e);
+        e2(e);
+      } : e2;
+    }
+  });
+  return result;
+};
+
 const useAutocomplete = ({
@@ -59,22 +76,12 @@ onChange = () => {},
   };
-  const getListProps = () => {
-    const {
-      onMouseDown,
-      onClick,
-      ...rest
-    } = _getListProps();
-    return {
-      ...rest,
-      onMouseDown: e => {
-        onMouseDown == null || onMouseDown(e);
-        instance.a = 1;
-      },
-      onClick: e => {
-        var _inputRef$current;
-        onClick == null || onClick(e);
-        (_inputRef$current = inputRef.current) == null || _inputRef$current.focus();
-        instance.a = 0;
-      }
-    };
-  };
+  const getListProps = () => mergeEvents(_getListProps(), {
+    onMouseDown: () => {
+      instance.a = 1;
+    },
+    onClick: () => {
+      var _inputRef$current;
+      (_inputRef$current = inputRef.current) == null || _inputRef$current.focus();
+      instance.a = 0;
+    }
+  });
   return {
@@ -199,12 +206,7 @@ getInputProps,
       ...rest,
-      getInputProps: () => {
-        const inputProps = _getInputProps();
-        return {
-          ...inputProps,
-          onChange: e => {
-            instance.c = e.nativeEvent.inputType === 'insertText';
-            inputProps.onChange(e);
-          }
-        };
-      },
+      getInputProps: () => mergeEvents({
+        onChange: e => {
+          instance.c = e.nativeEvent.inputType === 'insertText';
+        }
+      }, _getInputProps()),
       inlineComplete: react.useCallback(({
@@ -211,0 +213,0 @@ item

dist/esm/features/supercomplete.js

 import { useState, useCallback } from 'react';
+import { mergeEvents } from '../utils/mergeEvents.js';
 import { autocomplete } from './autocomplete.js';
@@ -23,12 +24,7 @@
       ...rest,
-      getInputProps: () => {
-        const inputProps = _getInputProps();
-        return {
-          ...inputProps,
-          onChange: e => {
-            instance.c = e.nativeEvent.inputType === 'insertText';
-            inputProps.onChange(e);
-          }
-        };
-      },
+      getInputProps: () => mergeEvents({
+        onChange: e => {
+          instance.c = e.nativeEvent.inputType === 'insertText';
+        }
+      }, _getInputProps()),
       inlineComplete: useCallback(({
@@ -35,0 +31,0 @@ item

dist/esm/hooks/useAutocomplete.js

 import { useRef, useState, useCallback } from 'react';
+import { mergeEvents } from '../utils/mergeEvents.js';
 
@@ -56,22 +57,12 @@ const useAutocomplete = ({
   };
-  const getListProps = () => {
-    const {
-      onMouseDown,
-      onClick,
-      ...rest
-    } = _getListProps();
-    return {
-      ...rest,
-      onMouseDown: e => {
-        onMouseDown == null || onMouseDown(e);
-        instance.a = 1;
-      },
-      onClick: e => {
-        var _inputRef$current;
-        onClick == null || onClick(e);
-        (_inputRef$current = inputRef.current) == null || _inputRef$current.focus();
-        instance.a = 0;
-      }
-    };
-  };
+  const getListProps = () => mergeEvents(_getListProps(), {
+    onMouseDown: () => {
+      instance.a = 1;
+    },
+    onClick: () => {
+      var _inputRef$current;
+      (_inputRef$current = inputRef.current) == null || _inputRef$current.focus();
+      instance.a = 0;
+    }
+  });
   return {
@@ -78,0 +69,0 @@ getInputProps,

package.json

 {
   "name": "@szhsin/react-autocomplete",
-  "version": "0.8.1",
+  "version": "0.8.2",
   "description": "",
@@ -5,0 +5,0 @@ "author": "Zheng Song",

No alert changes

Improved metrics

Total package byte prevSize

20417

increased by1.56%

Number of package files

16

increased by14.29%

Lines of code

625

increased by1.3%

No dependency changes