@rc-component/select 1.3.4 → 1.3.6

package/es/BaseSelect/index.js

@@ -135,7 +135,7 @@ const BaseSelect = /*#__PURE__*/React.forwardRef((props, ref) => {
   // ============================== Open ==============================
   // Not trigger `open` when `notFoundContent` is empty
   const emptyListContent = !notFoundContent && emptyOptions;
-  const [mergedOpen, triggerOpen] = useOpen(open, onPopupVisibleChange, nextOpen => disabled || emptyListContent ? false : nextOpen);
+  const [mergedOpen, triggerOpen] = useOpen(defaultOpen || false, open, onPopupVisibleChange, nextOpen => disabled || emptyListContent ? false : nextOpen);
 
   // ============================= Search =============================
   const tokenWithEnter = React.useMemo(() => (tokenSeparators || []).some(tokenSeparator => ['\n', '\r\n'].includes(tokenSeparator)), [tokenSeparators]);

package/es/Select.d.ts

@@ -125,7 +125,7 @@ export interface SelectProps<ValueType = any, OptionType extends BaseOptionType
     classNames?: Partial<Record<SemanticName, string>>;
     styles?: Partial<Record<SemanticName, React.CSSProperties>>;
 }
-declare const TypedSelect: (<ValueType = any, OptionType extends DefaultOptionType | BaseOptionType = DefaultOptionType>(props: React.PropsWithChildren<SelectProps<ValueType, OptionType>> & React.RefAttributes<BaseSelectRef>) => React.ReactElement) & {
+declare const TypedSelect: (<ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType>(props: React.PropsWithChildren<SelectProps<ValueType, OptionType>> & React.RefAttributes<BaseSelectRef>) => React.ReactElement) & {
     Option: typeof Option;
     OptGroup: typeof OptGroup;
 };

package/es/SelectInput/Input.js

@@ -174,9 +174,9 @@ const Input = /*#__PURE__*/React.forwardRef((props, ref) => {
     role: role || 'combobox',
     'aria-expanded': open || false,
     'aria-haspopup': 'listbox',
-    'aria-owns': `${id}_list`,
+    'aria-owns': open ? `${id}_list` : undefined,
     'aria-autocomplete': 'list',
-    'aria-controls': `${id}_list`,
+    'aria-controls': open ? `${id}_list` : undefined,
     'aria-activedescendant': open ? activeDescendantId : undefined
   };
 

package/es/hooks/useOpen.d.ts

@@ -15,4 +15,4 @@ export type TriggerOpenType = (nextOpen?: boolean, config?: {
  * SSR handling: During SSR, `open` is always false to avoid Portal issues.
  * On client-side hydration, it syncs with the actual open state.
  */
-export default function useOpen(propOpen: boolean, onOpen: (nextOpen: boolean) => void, postOpen: (nextOpen: boolean) => boolean): [boolean, TriggerOpenType];
+export default function useOpen(defaultOpen: boolean, propOpen: boolean, onOpen: (nextOpen: boolean) => void, postOpen: (nextOpen: boolean) => boolean): [boolean, TriggerOpenType];

package/es/hooks/useOpen.js

@@ -29,13 +29,13 @@ export const macroTask = (fn, times = 1) => {
  * SSR handling: During SSR, `open` is always false to avoid Portal issues.
  * On client-side hydration, it syncs with the actual open state.
  */
-export default function useOpen(propOpen, onOpen, postOpen) {
+export default function useOpen(defaultOpen, propOpen, onOpen, postOpen) {
   // SSR not support Portal which means we need delay `open` for the first time render
   const [rendered, setRendered] = useState(false);
   useEffect(() => {
     setRendered(true);
   }, []);
-  const [stateOpen, internalSetOpen] = useControlledState(false, propOpen);
+  const [stateOpen, internalSetOpen] = useControlledState(defaultOpen, propOpen);
 
   // During SSR, always return false for open state
   const ssrSafeOpen = rendered ? stateOpen : false;

package/lib/BaseSelect/index.js

@@ -144,7 +144,7 @@ const BaseSelect = /*#__PURE__*/React.forwardRef((props, ref) => {
   // ============================== Open ==============================
   // Not trigger `open` when `notFoundContent` is empty
   const emptyListContent = !notFoundContent && emptyOptions;
-  const [mergedOpen, triggerOpen] = (0, _useOpen.default)(open, onPopupVisibleChange, nextOpen => disabled || emptyListContent ? false : nextOpen);
+  const [mergedOpen, triggerOpen] = (0, _useOpen.default)(defaultOpen || false, open, onPopupVisibleChange, nextOpen => disabled || emptyListContent ? false : nextOpen);
 
   // ============================= Search =============================
   const tokenWithEnter = React.useMemo(() => (tokenSeparators || []).some(tokenSeparator => ['\n', '\r\n'].includes(tokenSeparator)), [tokenSeparators]);

package/lib/Select.d.ts

@@ -125,7 +125,7 @@ export interface SelectProps<ValueType = any, OptionType extends BaseOptionType
     classNames?: Partial<Record<SemanticName, string>>;
     styles?: Partial<Record<SemanticName, React.CSSProperties>>;
 }
-declare const TypedSelect: (<ValueType = any, OptionType extends DefaultOptionType | BaseOptionType = DefaultOptionType>(props: React.PropsWithChildren<SelectProps<ValueType, OptionType>> & React.RefAttributes<BaseSelectRef>) => React.ReactElement) & {
+declare const TypedSelect: (<ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType>(props: React.PropsWithChildren<SelectProps<ValueType, OptionType>> & React.RefAttributes<BaseSelectRef>) => React.ReactElement) & {
     Option: typeof Option;
     OptGroup: typeof OptGroup;
 };

package/lib/SelectInput/Input.js

@@ -183,9 +183,9 @@ const Input = /*#__PURE__*/React.forwardRef((props, ref) => {
     role: role || 'combobox',
     'aria-expanded': open || false,
     'aria-haspopup': 'listbox',
-    'aria-owns': `${id}_list`,
+    'aria-owns': open ? `${id}_list` : undefined,
     'aria-autocomplete': 'list',
-    'aria-controls': `${id}_list`,
+    'aria-controls': open ? `${id}_list` : undefined,
     'aria-activedescendant': open ? activeDescendantId : undefined
   };
 

package/lib/hooks/useOpen.d.ts

@@ -15,4 +15,4 @@ export type TriggerOpenType = (nextOpen?: boolean, config?: {
  * SSR handling: During SSR, `open` is always false to avoid Portal issues.
  * On client-side hydration, it syncs with the actual open state.
  */
-export default function useOpen(propOpen: boolean, onOpen: (nextOpen: boolean) => void, postOpen: (nextOpen: boolean) => boolean): [boolean, TriggerOpenType];
+export default function useOpen(defaultOpen: boolean, propOpen: boolean, onOpen: (nextOpen: boolean) => void, postOpen: (nextOpen: boolean) => boolean): [boolean, TriggerOpenType];

package/lib/hooks/useOpen.js

@@ -36,13 +36,13 @@ exports.macroTask = macroTask;
  * SSR handling: During SSR, `open` is always false to avoid Portal issues.
  * On client-side hydration, it syncs with the actual open state.
  */
-function useOpen(propOpen, onOpen, postOpen) {
+function useOpen(defaultOpen, propOpen, onOpen, postOpen) {
   // SSR not support Portal which means we need delay `open` for the first time render
   const [rendered, setRendered] = (0, _react.useState)(false);
   (0, _react.useEffect)(() => {
     setRendered(true);
   }, []);
-  const [stateOpen, internalSetOpen] = (0, _util.useControlledState)(false, propOpen);
+  const [stateOpen, internalSetOpen] = (0, _util.useControlledState)(defaultOpen, propOpen);
 
   // During SSR, always return false for open state
   const ssrSafeOpen = rendered ? stateOpen : false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rc-component/select",
-  "version": "1.3.4",
+  "version": "1.3.6",
   "description": "React Select",
   "engines": {
     "node": ">=8.x"