@zendeskgarden/container-combobox - npm Package Compare versions

Comparing version 1.0.4 to 1.0.5

dist/index.cjs.js

@@ -354,3 +354,3 @@ /**
       'data-garden-container-id': 'containers.combobox',
-      'data-garden-container-version': '1.0.4',
+      'data-garden-container-version': '1.0.5',
       onBlur,
@@ -477,3 +477,3 @@ onClick,
       'data-garden-container-id': 'containers.combobox.input',
-      'data-garden-container-version': '1.0.4',
+      'data-garden-container-version': '1.0.5',
       ref: inputRef,
@@ -525,3 +525,2 @@ role: role === null ? undefined : role,
       onClick,
-      onFocus,
       onKeyDown,
@@ -531,7 +530,2 @@ ...other
     const handleClick = event => event.target instanceof Element && triggerRef.current?.contains(event.target) && event.stopPropagation();
-    const handleFocus = () => {
-      if (_isExpanded) {
-        setActiveIndex(values.findIndex(value => value === option.value));
-      }
-    };
     const handleKeyDown = event => {
@@ -559,9 +553,8 @@ if (event.key === containerUtilities.KEYS.BACKSPACE || event.key === containerUtilities.KEYS.DELETE) {
       'data-garden-container-id': 'containers.combobox.tag',
-      'data-garden-container-version': '1.0.4',
+      'data-garden-container-version': '1.0.5',
       onClick: containerUtilities.composeEventHandlers(onClick, handleClick),
-      onFocus: containerUtilities.composeEventHandlers(onFocus, handleFocus),
       onKeyDown: containerUtilities.composeEventHandlers(onKeyDown, handleKeyDown),
       ...other
     };
-  }, [triggerRef, setDownshiftSelection, getDownshiftInputProps, isEditable, _isExpanded, values, setActiveIndex, inputRef]);
+  }, [triggerRef, setDownshiftSelection, getDownshiftInputProps, isEditable, inputRef]);
   const getListboxProps = React.useCallback(_ref5 => {
@@ -575,3 +568,3 @@ let {
       'data-garden-container-id': 'containers.combobox.listbox',
-      'data-garden-container-version': '1.0.4',
+      'data-garden-container-version': '1.0.5',
       ref: listboxRef,
@@ -591,3 +584,3 @@ role,
       'data-garden-container-id': 'containers.combobox.optgroup',
-      'data-garden-container-version': '1.0.4',
+      'data-garden-container-version': '1.0.5',
       role: role === null ? undefined : role,
@@ -606,3 +599,3 @@ ...other
       'data-garden-container-id': 'containers.combobox.option',
-      'data-garden-container-version': '1.0.4',
+      'data-garden-container-version': '1.0.5',
       role,
@@ -609,0 +602,0 @@ onMouseDown,

dist/index.esm.js

@@ -352,3 +352,3 @@ /**
       'data-garden-container-id': 'containers.combobox',
-      'data-garden-container-version': '1.0.4',
+      'data-garden-container-version': '1.0.5',
       onBlur,
@@ -475,3 +475,3 @@ onClick,
       'data-garden-container-id': 'containers.combobox.input',
-      'data-garden-container-version': '1.0.4',
+      'data-garden-container-version': '1.0.5',
       ref: inputRef,
@@ -523,3 +523,2 @@ role: role === null ? undefined : role,
       onClick,
-      onFocus,
       onKeyDown,
@@ -529,7 +528,2 @@ ...other
     const handleClick = event => event.target instanceof Element && triggerRef.current?.contains(event.target) && event.stopPropagation();
-    const handleFocus = () => {
-      if (_isExpanded) {
-        setActiveIndex(values.findIndex(value => value === option.value));
-      }
-    };
     const handleKeyDown = event => {
@@ -557,9 +551,8 @@ if (event.key === KEYS.BACKSPACE || event.key === KEYS.DELETE) {
       'data-garden-container-id': 'containers.combobox.tag',
-      'data-garden-container-version': '1.0.4',
+      'data-garden-container-version': '1.0.5',
       onClick: composeEventHandlers(onClick, handleClick),
-      onFocus: composeEventHandlers(onFocus, handleFocus),
       onKeyDown: composeEventHandlers(onKeyDown, handleKeyDown),
       ...other
     };
-  }, [triggerRef, setDownshiftSelection, getDownshiftInputProps, isEditable, _isExpanded, values, setActiveIndex, inputRef]);
+  }, [triggerRef, setDownshiftSelection, getDownshiftInputProps, isEditable, inputRef]);
   const getListboxProps = useCallback(_ref5 => {
@@ -573,3 +566,3 @@ let {
       'data-garden-container-id': 'containers.combobox.listbox',
-      'data-garden-container-version': '1.0.4',
+      'data-garden-container-version': '1.0.5',
       ref: listboxRef,
@@ -589,3 +582,3 @@ role,
       'data-garden-container-id': 'containers.combobox.optgroup',
-      'data-garden-container-version': '1.0.4',
+      'data-garden-container-version': '1.0.5',
       role: role === null ? undefined : role,
@@ -604,3 +597,3 @@ ...other
       'data-garden-container-id': 'containers.combobox.option',
-      'data-garden-container-version': '1.0.4',
+      'data-garden-container-version': '1.0.5',
       role,
@@ -607,0 +600,0 @@ onMouseDown,

package.json

 {
   "name": "@zendeskgarden/container-combobox",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "Containers relating to Combobox in the Garden Design System",
@@ -24,4 +24,4 @@ "license": "Apache-2.0",
     "@babel/runtime": "^7.8.4",
-    "@zendeskgarden/container-field": "^3.0.6",
-    "@zendeskgarden/container-utilities": "^1.0.7",
+    "@zendeskgarden/container-field": "^3.0.7",
+    "@zendeskgarden/container-utilities": "^1.0.8",
     "downshift": "^7.6.0"
@@ -48,3 +48,3 @@ },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "58e8b3acb3a49f62317f88257e26d9b03f9b3268"
+  "gitHead": "8a30d4b802ae3042b5f1abfffac39683f2dedb35"
 }

No alert changes

Worsened metrics

Total package byte prevSize

75889

decreased by-0.7%

Lines of code

1602

decreased by-0.87%

Dependency changes

• Updated@zendeskgarden/container-field@^3.0.7

• Updated@zendeskgarden/container-utilities@^1.0.8