fix(combobox): keyboard interactions and value space rendering (#1575)

Author: jzempel

packages/dropdowns.next/.size-snapshot.json

@@ -1,20 +1,20 @@
 {
   "index.cjs.js": {
-    "bundled": 55536,
-    "minified": 40454,
-    "gzipped": 9234
+    "bundled": 55533,
+    "minified": 40451,
+    "gzipped": 9232
   },
   "index.esm.js": {
-    "bundled": 50830,
-    "minified": 35992,
-    "gzipped": 8654,
+    "bundled": 50827,
+    "minified": 35989,
+    "gzipped": 8652,
     "treeshaked": {
       "rollup": {
-        "code": 28300,
+        "code": 28297,
         "import_statements": 1064
       },
       "webpack": {
-        "code": 31190
+        "code": 31187
       }
     }
   }

packages/dropdowns.next/package.json

@@ -22,7 +22,7 @@
   "types": "dist/typings/index.d.ts",
   "dependencies": {
     "@floating-ui/react-dom": "^2.0.0",
-    "@zendeskgarden/container-combobox": "^1.0.2",
+    "@zendeskgarden/container-combobox": "^1.0.3",
     "@zendeskgarden/container-utilities": "^1.0.0",
     "@zendeskgarden/react-forms": "^8.69.3",
     "@zendeskgarden/react-tags": "^8.69.3",

packages/dropdowns.next/src/views/combobox/StyledValue.ts

@@ -43,7 +43,7 @@ export const StyledValue = styled.div.attrs({
   }};
   overflow: hidden;
   text-overflow: ellipsis;
-  white-space: nowrap;
+  white-space: pre;
   user-select: none;
 
   ${sizeStyles};

packages/dropdowns.next/yarn.lock

@@ -48,10 +48,10 @@
   resolved "https://registry.yarnpkg.com/@reach/utils/-/utils-0.18.0.tgz#4f3cebe093dd436eeaff633809bf0f68f4f9d2ee"
   integrity sha512-KdVMdpTgDyK8FzdKO9SCpiibuy/kbv3pwgfXshTI6tEcQT1OOwj7BAksnzGC0rPz0UholwC+AgkqEl3EJX3M1A==
 
-"@zendeskgarden/container-combobox@^1.0.2":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@zendeskgarden/container-combobox/-/container-combobox-1.0.2.tgz#248bc1cf62bf693c14e2daee4855a44c4d44e496"
-  integrity sha512-8BjnNHvRm0O+KP6BseVWhAGzwih7aAedTUwhyVE7cR8aShtzQ2w9blMoZks4hn5hDwV0ZyZLXUwinmp9f4qLsA==
+"@zendeskgarden/container-combobox@^1.0.3":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@zendeskgarden/container-combobox/-/container-combobox-1.0.3.tgz#f481a97bce8ee4ff3577e880bf0139c538976f7d"
+  integrity sha512-66PvvSw8Z6seyRdx+FEBz+f1Sq6NlIJs1cfzhZiBCEIATwM8qkIeSxd+gX6uJowsi29AtpkcAkMpC1nm6s8Reg==
   dependencies:
     "@babel/runtime" "^7.8.4"
     "@zendeskgarden/container-field" "^3.0.5"
@@ -106,10 +106,10 @@
     "@babel/runtime" "^7.8.4"
     "@reach/auto-id" "^0.18.0"
 
-"@zendeskgarden/react-forms@^8.69.2":
-  version "8.69.2"
-  resolved "https://registry.yarnpkg.com/@zendeskgarden/react-forms/-/react-forms-8.69.2.tgz#b54dc5eb38917f9dafc65837f8497e340e855498"
-  integrity sha512-nnoLdhyIzbyLVVga+Zgwtjgsu9+f84tEonWhlrCEMWTs6eKr/QLSkFvi/PUhRWVEOCVsVa+HuftWe8hqtKcdZQ==
+"@zendeskgarden/react-forms@^8.69.3":
+  version "8.69.3"
+  resolved "https://registry.yarnpkg.com/@zendeskgarden/react-forms/-/react-forms-8.69.3.tgz#65e5447e97dcecb2e743acf1697c403528065299"
+  integrity sha512-fy9yVWz9LJK0TMQNx2PYR8BlQXc8vYnZvL4firxjc8LLjm4f+MBkTeaWOymbsZHYR2FK3UyzAUFMRS9IqO5ztw==
   dependencies:
     "@zendeskgarden/container-field" "^2.1.0"
     "@zendeskgarden/container-slider" "^0.1.1"
@@ -119,30 +119,30 @@
     prop-types "^15.5.7"
     react-merge-refs "^1.1.0"
 
-"@zendeskgarden/react-tags@^8.69.2":
-  version "8.69.2"
-  resolved "https://registry.yarnpkg.com/@zendeskgarden/react-tags/-/react-tags-8.69.2.tgz#8772a0d9a4319795e3d321cd9464440c52dbaf14"
-  integrity sha512-2KVbJm3PX8thr0kEngPuHPB1EkCdlXMIXp2Y8BW1LvInrHqQrf/yHz1A9mE+/krHdxpAirVSi1S2WbNJssjM/g==
+"@zendeskgarden/react-tags@^8.69.3":
+  version "8.69.3"
+  resolved "https://registry.yarnpkg.com/@zendeskgarden/react-tags/-/react-tags-8.69.3.tgz#a6aaccd6be9b33534b0133ebb8f50ae7d679f103"
+  integrity sha512-Ao90Rm+slHPuKQX+r0CuurVkSYUmCpfkmqGue1UHGByHVbxln3fMjfMYSCoP8pNyxWnXNb1EcIMj8SI5m2LtiQ==
   dependencies:
     "@zendeskgarden/container-utilities" "^1.0.0"
     polished "^4.0.0"
     prop-types "^15.5.7"
 
-"@zendeskgarden/react-theming@^8.69.2":
-  version "8.69.2"
-  resolved "https://registry.yarnpkg.com/@zendeskgarden/react-theming/-/react-theming-8.69.2.tgz#432b9aa895a7f7ccc6cba4ed10abfc5870e5b96e"
-  integrity sha512-uD5CWZAWj/Jb54vzScLMJLXS1EUQnMjVwl343EsTZairCtCHkbtuLFpKt9CxrX9LFu+PGeLYTW8vAAZne7VBjw==
+"@zendeskgarden/react-theming@^8.69.3":
+  version "8.69.3"
+  resolved "https://registry.yarnpkg.com/@zendeskgarden/react-theming/-/react-theming-8.69.3.tgz#88304447f0e02f492191c9c18d8e0b69446087b2"
+  integrity sha512-AmW4V3h/3erhSpvvPCRH7Nxa+M5Dx3DPbgKwhzb/rCM85rez2TxH2l46q7FXQmlzo5grO/UvevG44yiQTz/2mw==
   dependencies:
     "@zendeskgarden/container-focusvisible" "^1.0.0"
     "@zendeskgarden/container-utilities" "^1.0.0"
     lodash.memoize "^4.1.2"
     polished "^4.0.0"
     prop-types "^15.5.7"
 
-"@zendeskgarden/react-tooltips@^8.69.2":
-  version "8.69.2"
-  resolved "https://registry.yarnpkg.com/@zendeskgarden/react-tooltips/-/react-tooltips-8.69.2.tgz#8e7390e96d262c16f5e9de3e99ed4fa620438d22"
-  integrity sha512-tvNgRygHrZb0GLATwRTlCSWLqXv04x18lY2Rn9ua6LPAgR6DzORTRumpi3EQ51MQ32UeMdH294UhdHhVvUKSZw==
+"@zendeskgarden/react-tooltips@^8.69.3":
+  version "8.69.3"
+  resolved "https://registry.yarnpkg.com/@zendeskgarden/react-tooltips/-/react-tooltips-8.69.3.tgz#5a600385956051ae47333b476d86f849d9218266"
+  integrity sha512-sQCpTxMYYjJg3TKZqG8R+wUxx3BEKc4wyZyFqgm1ds63IRGPVxvx7zdOYMXP2mmQJMpVwdF9a00sphwQysSDSA==
   dependencies:
     "@zendeskgarden/container-tooltip" "^1.0.0"
     "@zendeskgarden/container-utilities" "^1.0.0"