@react-spectrum/combobox 3.15.5 → 3.16.1

package/dist/zh-CN.main.js.map

@@ -1 +1 @@
-{"mappings":"AAAA,iBAAiB;IAAG,SAAS,CAAC,gBAAE,CAAC;IAC/B,WAAW,CAAC,gCAAI,CAAC;IACjB,WAAW,CAAC,mCAAO,CAAC;IACpB,aAAa,CAAC,wBAAG,CAAC;AACpB","sources":["packages/@react-spectrum/combobox/intl/zh-CN.json"],"sourcesContent":["{\n  \"clear\": \"透明\",\n  \"invalid\": \"（无效）\",\n  \"loading\": \"正在加载...\",\n  \"noResults\": \"无结果\"\n}\n"],"names":[],"version":3,"file":"zh-CN.main.js.map"}
+{"mappings":"AAAA,iBAAiB;IAAG,SAAS,CAAC,gBAAE,CAAC;IAC/B,WAAW,CAAC,gCAAI,CAAC;IACjB,WAAW,CAAC,mCAAO,CAAC;IACpB,aAAa,CAAC,wBAAG,CAAC;IAClB,SAAS,CAAC,gCAAI,CAAC;AACjB","sources":["packages/@react-spectrum/combobox/intl/zh-CN.json"],"sourcesContent":["{\n  \"clear\": \"透明\",\n  \"invalid\": \"（无效）\",\n  \"loading\": \"正在加载...\",\n  \"noResults\": \"无结果\",\n  \"valid\": \"（有效）\"\n}\n"],"names":[],"version":3,"file":"zh-CN.main.js.map"}

package/dist/zh-CN.mjs

@@ -3,7 +3,8 @@ $d38897b975d5f445$exports = {
     "clear": `\u{900F}\u{660E}`,
     "invalid": `\u{FF08}\u{65E0}\u{6548}\u{FF09}`,
     "loading": `\u{6B63}\u{5728}\u{52A0}\u{8F7D}...`,
-    "noResults": `\u{65E0}\u{7ED3}\u{679C}`
+    "noResults": `\u{65E0}\u{7ED3}\u{679C}`,
+    "valid": `\u{FF08}\u{6709}\u{6548}\u{FF09}`
 };
 
 

package/dist/zh-CN.module.js

@@ -3,7 +3,8 @@ $d38897b975d5f445$exports = {
     "clear": `\u{900F}\u{660E}`,
     "invalid": `\u{FF08}\u{65E0}\u{6548}\u{FF09}`,
     "loading": `\u{6B63}\u{5728}\u{52A0}\u{8F7D}...`,
-    "noResults": `\u{65E0}\u{7ED3}\u{679C}`
+    "noResults": `\u{65E0}\u{7ED3}\u{679C}`,
+    "valid": `\u{FF08}\u{6709}\u{6548}\u{FF09}`
 };
 
 

package/dist/zh-CN.module.js.map

@@ -1 +1 @@
-{"mappings":";AAAA,4BAAiB;IAAG,SAAS,CAAC,gBAAE,CAAC;IAC/B,WAAW,CAAC,gCAAI,CAAC;IACjB,WAAW,CAAC,mCAAO,CAAC;IACpB,aAAa,CAAC,wBAAG,CAAC;AACpB","sources":["packages/@react-spectrum/combobox/intl/zh-CN.json"],"sourcesContent":["{\n  \"clear\": \"透明\",\n  \"invalid\": \"（无效）\",\n  \"loading\": \"正在加载...\",\n  \"noResults\": \"无结果\"\n}\n"],"names":[],"version":3,"file":"zh-CN.module.js.map"}
+{"mappings":";AAAA,4BAAiB;IAAG,SAAS,CAAC,gBAAE,CAAC;IAC/B,WAAW,CAAC,gCAAI,CAAC;IACjB,WAAW,CAAC,mCAAO,CAAC;IACpB,aAAa,CAAC,wBAAG,CAAC;IAClB,SAAS,CAAC,gCAAI,CAAC;AACjB","sources":["packages/@react-spectrum/combobox/intl/zh-CN.json"],"sourcesContent":["{\n  \"clear\": \"透明\",\n  \"invalid\": \"（无效）\",\n  \"loading\": \"正在加载...\",\n  \"noResults\": \"无结果\",\n  \"valid\": \"（有效）\"\n}\n"],"names":[],"version":3,"file":"zh-CN.module.js.map"}

package/dist/zh-TW.main.js

@@ -2,7 +2,8 @@ module.exports = {
     "clear": `\u{6E05}\u{9664}`,
     "invalid": `(\u{7121}\u{6548})`,
     "loading": `\u{6B63}\u{5728}\u{8F09}\u{5165}...`,
-    "noResults": `\u{7121}\u{4EFB}\u{4F55}\u{7D50}\u{679C}`
+    "noResults": `\u{7121}\u{4EFB}\u{4F55}\u{7D50}\u{679C}`,
+    "valid": `(\u{6709}\u{6548})`
 };
 
 

package/dist/zh-TW.main.js.map

@@ -1 +1 @@
-{"mappings":"AAAA,iBAAiB;IAAG,SAAS,CAAC,gBAAE,CAAC;IAC/B,WAAW,CAAC,kBAAI,CAAC;IACjB,WAAW,CAAC,mCAAO,CAAC;IACpB,aAAa,CAAC,wCAAK,CAAC;AACtB","sources":["packages/@react-spectrum/combobox/intl/zh-TW.json"],"sourcesContent":["{\n  \"clear\": \"清除\",\n  \"invalid\": \"(無效)\",\n  \"loading\": \"正在載入...\",\n  \"noResults\": \"無任何結果\"\n}\n"],"names":[],"version":3,"file":"zh-TW.main.js.map"}
+{"mappings":"AAAA,iBAAiB;IAAG,SAAS,CAAC,gBAAE,CAAC;IAC/B,WAAW,CAAC,kBAAI,CAAC;IACjB,WAAW,CAAC,mCAAO,CAAC;IACpB,aAAa,CAAC,wCAAK,CAAC;IACpB,SAAS,CAAC,kBAAI,CAAC;AACjB","sources":["packages/@react-spectrum/combobox/intl/zh-TW.json"],"sourcesContent":["{\n  \"clear\": \"清除\",\n  \"invalid\": \"(無效)\",\n  \"loading\": \"正在載入...\",\n  \"noResults\": \"無任何結果\",\n  \"valid\": \"(有效)\"\n}\n"],"names":[],"version":3,"file":"zh-TW.main.js.map"}

package/dist/zh-TW.mjs

@@ -3,7 +3,8 @@ $ffc147749052dc62$exports = {
     "clear": `\u{6E05}\u{9664}`,
     "invalid": `(\u{7121}\u{6548})`,
     "loading": `\u{6B63}\u{5728}\u{8F09}\u{5165}...`,
-    "noResults": `\u{7121}\u{4EFB}\u{4F55}\u{7D50}\u{679C}`
+    "noResults": `\u{7121}\u{4EFB}\u{4F55}\u{7D50}\u{679C}`,
+    "valid": `(\u{6709}\u{6548})`
 };
 
 

package/dist/zh-TW.module.js

@@ -3,7 +3,8 @@ $ffc147749052dc62$exports = {
     "clear": `\u{6E05}\u{9664}`,
     "invalid": `(\u{7121}\u{6548})`,
     "loading": `\u{6B63}\u{5728}\u{8F09}\u{5165}...`,
-    "noResults": `\u{7121}\u{4EFB}\u{4F55}\u{7D50}\u{679C}`
+    "noResults": `\u{7121}\u{4EFB}\u{4F55}\u{7D50}\u{679C}`,
+    "valid": `(\u{6709}\u{6548})`
 };
 
 

package/dist/zh-TW.module.js.map

@@ -1 +1 @@
-{"mappings":";AAAA,4BAAiB;IAAG,SAAS,CAAC,gBAAE,CAAC;IAC/B,WAAW,CAAC,kBAAI,CAAC;IACjB,WAAW,CAAC,mCAAO,CAAC;IACpB,aAAa,CAAC,wCAAK,CAAC;AACtB","sources":["packages/@react-spectrum/combobox/intl/zh-TW.json"],"sourcesContent":["{\n  \"clear\": \"清除\",\n  \"invalid\": \"(無效)\",\n  \"loading\": \"正在載入...\",\n  \"noResults\": \"無任何結果\"\n}\n"],"names":[],"version":3,"file":"zh-TW.module.js.map"}
+{"mappings":";AAAA,4BAAiB;IAAG,SAAS,CAAC,gBAAE,CAAC;IAC/B,WAAW,CAAC,kBAAI,CAAC;IACjB,WAAW,CAAC,mCAAO,CAAC;IACpB,aAAa,CAAC,wCAAK,CAAC;IACpB,SAAS,CAAC,kBAAI,CAAC;AACjB","sources":["packages/@react-spectrum/combobox/intl/zh-TW.json"],"sourcesContent":["{\n  \"clear\": \"清除\",\n  \"invalid\": \"(無效)\",\n  \"loading\": \"正在載入...\",\n  \"noResults\": \"無任何結果\",\n  \"valid\": \"(有效)\"\n}\n"],"names":[],"version":3,"file":"zh-TW.module.js.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-spectrum/combobox",
-  "version": "3.15.5",
+  "version": "3.16.1",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -40,30 +40,30 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/button": "^3.13.3",
-    "@react-aria/combobox": "^3.12.5",
-    "@react-aria/dialog": "^3.5.27",
-    "@react-aria/focus": "^3.20.5",
-    "@react-aria/form": "^3.0.18",
-    "@react-aria/i18n": "^3.12.10",
-    "@react-aria/interactions": "^3.25.3",
-    "@react-aria/label": "^3.7.19",
-    "@react-aria/overlays": "^3.27.3",
-    "@react-aria/utils": "^3.29.1",
-    "@react-spectrum/button": "^3.16.16",
-    "@react-spectrum/form": "^3.7.16",
-    "@react-spectrum/label": "^3.16.16",
-    "@react-spectrum/listbox": "^3.15.3",
-    "@react-spectrum/overlays": "^5.7.7",
-    "@react-spectrum/progress": "^3.7.17",
-    "@react-spectrum/textfield": "^3.13.5",
-    "@react-spectrum/utils": "^3.12.6",
-    "@react-stately/collections": "^3.12.5",
-    "@react-stately/combobox": "^3.10.6",
-    "@react-types/button": "^3.12.2",
-    "@react-types/combobox": "^3.13.6",
-    "@react-types/shared": "^3.30.0",
-    "@spectrum-icons/ui": "^3.6.17",
+    "@react-aria/button": "^3.14.1",
+    "@react-aria/combobox": "^3.13.1",
+    "@react-aria/dialog": "^3.5.29",
+    "@react-aria/focus": "^3.21.1",
+    "@react-aria/form": "^3.1.1",
+    "@react-aria/i18n": "^3.12.12",
+    "@react-aria/interactions": "^3.25.5",
+    "@react-aria/label": "^3.7.21",
+    "@react-aria/overlays": "^3.29.0",
+    "@react-aria/utils": "^3.30.1",
+    "@react-spectrum/button": "^3.17.1",
+    "@react-spectrum/form": "^3.7.18",
+    "@react-spectrum/label": "^3.16.18",
+    "@react-spectrum/listbox": "^3.15.5",
+    "@react-spectrum/overlays": "^5.8.1",
+    "@react-spectrum/progress": "^3.7.19",
+    "@react-spectrum/textfield": "^3.14.1",
+    "@react-spectrum/utils": "^3.12.8",
+    "@react-stately/collections": "^3.12.7",
+    "@react-stately/combobox": "^3.11.1",
+    "@react-types/button": "^3.14.0",
+    "@react-types/combobox": "^3.13.8",
+    "@react-types/shared": "^3.32.0",
+    "@spectrum-icons/ui": "^3.6.19",
     "@swc/helpers": "^0.5.0"
   },
   "devDependencies": {
@@ -77,5 +77,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a063122082d2b372e4846b58c85ae69ec73887ff"
+  "gitHead": "2c58ed3ddd9be9100af9b1d0cfd137fcdc95ba2d"
 }

package/src/ComboBox.tsx

@@ -60,9 +60,13 @@ export const ComboBox = React.forwardRef(function ComboBox<T extends object>(pro
   props = useProviderProps(props);
   props = useFormProps(props);
 
-  if (props.placeholder && process.env.NODE_ENV !== 'production') {
-    console.warn('Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/ComboBox.html#help-text');
-  }
+  let hasWarned = useRef(false);
+  useEffect(() => {
+    if (props.placeholder && !hasWarned.current && process.env.NODE_ENV !== 'production') {
+      console.warn('Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/ComboBox.html#help-text');
+      hasWarned.current = true;
+    }
+  }, [props.placeholder]);
 
   let isMobile = useIsMobileDevice();
   if (isMobile) {
@@ -175,7 +179,7 @@ const ComboBoxBase = React.forwardRef(function ComboBoxBase(props: SpectrumCombo
           validationState={props.validationState || (isInvalid ? 'invalid' : undefined)}
           ref={inputGroupRef} />
       </Field>
-      {name && formValue === 'key' && <input type="hidden" name={name} value={state.selectedKey ?? ''} />}
+      {name && formValue === 'key' && <input type="hidden" name={name} form={props.form} value={state.selectedKey ?? ''} />}
       <Popover
         state={state}
         UNSAFE_style={style}

package/src/MobileComboBox.tsx

@@ -117,7 +117,11 @@ export const MobileComboBox = React.forwardRef(function MobileComboBox(props: Sp
     inputProps.onChange = () => {};
   }
 
-  useFormReset(inputRef, String(inputProps.value ?? ''), formValue === 'text' ? state.setInputValue : state.setSelectedKey);
+  useFormReset<any>(
+    inputRef,
+    formValue === 'text' ? state.defaultInputValue : state.defaultSelectedKey,
+    formValue === 'text' ? state.setInputValue : state.setSelectedKey
+  );
 
   return (
     <>
@@ -179,9 +183,10 @@ export const ComboBoxButton = React.forwardRef(function ComboBoxButton(props: Co
   let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/combobox');
   let valueId = useId();
   let invalidId = useId();
+  let validId = useId();
   let validationIcon = validationState === 'invalid'
     ? <AlertMedium id={invalidId} aria-label={stringFormatter.format('invalid')} />
-    : <CheckmarkMedium />;
+    : <CheckmarkMedium id={validId} aria-label={stringFormatter.format('valid')} />;
 
   let validation = React.cloneElement(validationIcon, {
     UNSAFE_className: classNames(
@@ -202,7 +207,8 @@ export const ComboBoxButton = React.forwardRef(function ComboBoxButton(props: Co
       props['aria-labelledby'],
       props['aria-label'] && !props['aria-labelledby'] ? props.id : null,
       valueId,
-      validationState === 'invalid' ? invalidId : null
+      validationState === 'invalid' ? invalidId : null,
+      validationState === 'valid' ? validId : null
     ].filter(Boolean).join(' '),
     elementType: 'div'
   }, objRef);

package/dist/combobox.02a75b23.css.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/@adobe/spectrum-css-temp/components/button/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"combobox.02a75b23.css.map"}