rsuite 5.66.0 → 5.68.0

package/cjs/DateInput/hooks/useDateInputState.d.ts

@@ -131,6 +131,7 @@ export declare function useDateInputState({ formatStr, locale, date, isControlle
     };
     setDateOffset: (pattern: string, offset: number, callback?: ((newDate: Date | null) => void) | undefined) => void;
     setDateField: (pattern: string, value: number | null, callback?: ((newDate: Date | null) => void) | undefined) => void;
+    setNewDate: (value: Date | null) => void;
     getDateField: (pattern: string) => {
         name: any;
         value: any;

package/cjs/DateInput/hooks/useDateInputState.js

@@ -101,25 +101,26 @@ function useDateInputState(_ref) {
     // if date is not valid, return uncontrolled date string
     return toDateString();
   };
+  var setNewDate = (0, _react.useCallback)(function (value) {
+    dispatch({
+      type: 'setNewDate',
+      value: value
+    });
+  }, [dispatch]);
   (0, _react.useEffect)(function () {
     if (isControlledDate) {
       if (date && (0, _date.isValid)(date)) {
-        dispatch({
-          type: 'setNewDate',
-          value: date
-        });
+        setNewDate(date);
       } else if (date === null) {
-        dispatch({
-          type: 'setNewDate',
-          value: null
-        });
+        setNewDate(null);
       }
     }
-  }, [date, dispatch, isControlledDate]);
+  }, [date, dispatch, isControlledDate, setNewDate]);
   return {
     dateField: dateField,
     setDateOffset: setDateOffset,
     setDateField: setDateField,
+    setNewDate: setNewDate,
     getDateField: getDateField,
     toDateString: isControlledDate ? toControlledDateString : toDateString,
     isEmptyValue: isEmptyValue

package/cjs/DateInput/hooks/useKeyboardInputEvent.js

@@ -33,6 +33,11 @@ function useKeyboardInputEvent(_ref) {
         onSegmentValueChangeWithNumericKeys === null || onSegmentValueChangeWithNumericKeys === void 0 ? void 0 : onSegmentValueChangeWithNumericKeys(event);
         event.preventDefault();
       case (_key$match2 = key.match(/[a-z]/)) === null || _key$match2 === void 0 ? void 0 : _key$match2[0]:
+        // Determine whether the Ctrl or Command key is pressed, does not affect user copy and paste
+        if (event.ctrlKey || event.metaKey) {
+          break;
+        }
+
         // Prevent letters from being entered
         event.preventDefault();
         break;

package/cjs/DateRangeInput/DateRangeInput.js

@@ -9,11 +9,12 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Input = _interopRequireDefault(require("../Input"));
+var _date = require("../internals/utils/date");
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _DateInput = require("../DateInput");
 var _utils2 = require("./utils");
-var _excluded = ["className", "classPrefix", "character", "format", "value", "defaultValue", "placeholder", "onChange", "onKeyDown", "onBlur", "onFocus"];
+var _excluded = ["className", "classPrefix", "character", "format", "value", "defaultValue", "placeholder", "onChange", "onKeyDown", "onBlur", "onFocus", "onPaste"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
@@ -37,6 +38,7 @@ var DateRangeInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     onKeyDown = props.onKeyDown,
     onBlur = props.onBlur,
     onFocus = props.onFocus,
+    onPaste = props.onPaste,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
@@ -47,7 +49,8 @@ var DateRangeInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     selectedState = _useSelectedState.selectedState,
     setSelectedState = _useSelectedState.setSelectedState;
   var _useCustom = (0, _hooks.useCustom)('Calendar'),
-    locale = _useCustom.locale;
+    locale = _useCustom.locale,
+    parseDate = _useCustom.parseDate;
   var rangeFormatStr = "" + formatStr + character + formatStr;
   var dateLocale = locale.dateLocale;
   var _useControlled = (0, _hooks.useControlled)(valueProp, defaultValue),
@@ -218,6 +221,24 @@ var DateRangeInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref
       reset();
     }
   });
+  var handlePaste = (0, _hooks.useEventCallback)(function (event) {
+    var _event$clipboardData;
+    event.preventDefault();
+    var pasteText = (_event$clipboardData = event.clipboardData) === null || _event$clipboardData === void 0 ? void 0 : _event$clipboardData.getData('text');
+    var _ref = pasteText.split(character).map(function (date) {
+        return parseDate(date, formatStr);
+      }),
+      start = _ref[0],
+      end = _ref[1];
+    if ((0, _date.isValid)(start) && (0, _date.isValid)(end)) {
+      var nextValue = [start, end];
+      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
+      setValue(nextValue);
+      startDateState.setNewDate(start);
+      endDateState.setNewDate(end);
+    }
+    onPaste === null || onPaste === void 0 ? void 0 : onPaste(event);
+  });
   var onKeyboardInput = (0, _DateInput.useKeyboardInputEvent)({
     onSegmentChange: onSegmentChange,
     onSegmentValueChange: onSegmentValueChange,
@@ -234,6 +255,7 @@ var DateRangeInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     ref: (0, _utils.mergeRefs)(inputRef, ref),
     onKeyDown: onKeyboardInput,
     onClick: handleClick,
+    onPaste: handlePaste,
     value: renderedValue,
     placeholder: placeholder || rangeFormatStr
   }, focusEventProps, rest));

package/cjs/Form/Form.js

@@ -79,12 +79,13 @@ var Form = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   };
   var _useFormValidate = (0, _useFormValidate2.default)(controlledFormError, formValidateProps),
     formError = _useFormValidate.formError,
-    setFieldError = _useFormValidate.setFieldError,
     onRemoveError = _useFormValidate.onRemoveError,
     check = _useFormValidate.check,
     checkAsync = _useFormValidate.checkAsync,
     checkForField = _useFormValidate.checkForField,
+    checkFieldForNextValue = _useFormValidate.checkFieldForNextValue,
     checkForFieldAsync = _useFormValidate.checkForFieldAsync,
+    checkFieldAsyncForNextValue = _useFormValidate.checkFieldAsyncForNextValue,
     cleanErrors = _useFormValidate.cleanErrors,
     resetErrors = _useFormValidate.resetErrors,
     cleanErrorForField = _useFormValidate.cleanErrorForField;
@@ -150,12 +151,6 @@ var Form = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var removeFieldError = (0, _hooks.useEventCallback)(function (name) {
     onRemoveError(name);
   });
-  var onFieldError = (0, _hooks.useEventCallback)(function (name, checkResult) {
-    setFieldError(name, checkResult);
-  });
-  var onFieldSuccess = (0, _hooks.useEventCallback)(function (name) {
-    removeFieldError(name);
-  });
   var onFieldChange = (0, _hooks.useEventCallback)(function (name, value, event) {
     var nextFormValue = setFieldValue(name, value);
     onChange === null || onChange === void 0 ? void 0 : onChange(nextFormValue, event);
@@ -169,13 +164,12 @@ var Form = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     formError: formError,
     nestedField: nestedField,
     pushFieldRule: pushFieldRule,
-    getCombinedModel: getCombinedModel,
     removeFieldValue: removeFieldValue,
     removeFieldError: removeFieldError,
     removeFieldRule: removeFieldRule,
-    onFieldSuccess: onFieldSuccess,
     onFieldChange: onFieldChange,
-    onFieldError: onFieldError
+    checkFieldForNextValue: checkFieldForNextValue,
+    checkFieldAsyncForNextValue: checkFieldAsyncForNextValue
   };
   return /*#__PURE__*/_react.default.createElement("form", (0, _extends2.default)({}, rest, {
     ref: formRef,

package/cjs/Form/FormContext.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { TypeAttributes } from '../internals/types';
-import type { Schema, CheckResult } from 'schema-typed';
 import type { FieldRuleType } from './hooks/useSchemaModel';
 type RecordAny = Record<string, any>;
 interface TrulyFormContextValue<T = RecordAny, M = any, E = {
@@ -8,14 +7,13 @@ interface TrulyFormContextValue<T = RecordAny, M = any, E = {
 }> {
     formError: E;
     nestedField: boolean;
-    getCombinedModel: () => Schema;
     removeFieldValue: (name: string) => void;
     removeFieldError: (name: string) => void;
     removeFieldRule: (name: string) => void;
     pushFieldRule: (name: string, fieldRule: FieldRuleType) => void;
-    onFieldError: (name: string, fieldError: string | CheckResult) => void;
     onFieldChange: (name: string, value: any, event: React.SyntheticEvent) => void;
-    onFieldSuccess: (name: string) => void;
+    checkFieldForNextValue: (name: string, nextValue: Record<string, unknown>, callback?: (checkResult: Record<string, unknown>) => void) => boolean;
+    checkFieldAsyncForNextValue: (name: string, nextValue: Record<string, unknown>) => Promise<Record<string, unknown>>;
 }
 type ExternalPropsContextValue = {
     checkTrigger?: TypeAttributes.CheckTrigger;

package/cjs/Form/hooks/useFormValidate.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="lodash" />
-import type { CheckResult } from 'schema-typed';
 export interface FormErrorProps {
     formValue: any;
     getCombinedModel: () => any;
@@ -11,11 +10,12 @@ export default function useFormValidate(formError: any, props: FormErrorProps):
     formError: any;
     check: (...args: any[]) => any;
     checkForField: (...args: any[]) => any;
+    checkFieldForNextValue: (...args: any[]) => any;
     checkAsync: (...args: any[]) => any;
     checkForFieldAsync: (...args: any[]) => any;
+    checkFieldAsyncForNextValue: (...args: any[]) => any;
     cleanErrors: (...args: any[]) => any;
     resetErrors: (...args: any[]) => any;
     cleanErrorForField: (...args: any[]) => any;
-    setFieldError: (fieldName: string, checkResult: string | CheckResult) => any;
     onRemoveError: (name: string) => import("lodash").Omit<any, string>;
 };

package/cjs/Form/hooks/useFormValidate.js

@@ -4,12 +4,15 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = useFormValidate;
-var _extends5 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = require("react");
 var _omit = _interopRequireDefault(require("lodash/omit"));
 var _set = _interopRequireDefault(require("lodash/set"));
 var _hooks = require("../../internals/hooks");
 var _utils = require("../../FormControl/utils");
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function useFormValidate(formError, props) {
   var formValue = props.formValue,
     getCombinedModel = props.getCombinedModel,
@@ -19,6 +22,9 @@ function useFormValidate(formError, props) {
   var _useControlled = (0, _hooks.useControlled)(formError, {}),
     realFormError = _useControlled[0],
     setFormError = _useControlled[1];
+  var checkOptions = {
+    nestedObject: nestedField
+  };
   var realFormErrorRef = (0, _react.useRef)(realFormError);
   realFormErrorRef.current = realFormError;
 
@@ -32,7 +38,7 @@ function useFormValidate(formError, props) {
     var errorCount = 0;
     var model = getCombinedModel();
     Object.keys(model.getSchemaSpec()).forEach(function (key) {
-      var checkResult = model.checkForField(key, formValue || {});
+      var checkResult = model.checkForField(key, formValue || {}, checkOptions);
       if (checkResult.hasError === true) {
         errorCount += 1;
         formError[key] = (checkResult === null || checkResult === void 0 ? void 0 : checkResult.errorMessage) || checkResult;
@@ -47,24 +53,56 @@ function useFormValidate(formError, props) {
     }
     return true;
   });
-
+  var checkFieldForNextValue = (0, _hooks.useEventCallback)(function (fieldName, nextValue, callback) {
+    var model = getCombinedModel();
+    var resultOfCurrentField = model.checkForField(fieldName, nextValue, checkOptions);
+    var nextFormError = (0, _extends2.default)({}, formError);
+    /**
+     * when using proxy of schema-typed, we need to use getCheckResult to get all errors,
+     * but if nestedField is used, it is impossible to distinguish whether the nested object has an error here,
+     * so nestedField does not support proxy here
+     */
+    if (nestedField) {
+      nextFormError = (0, _set.default)(nextFormError, (0, _utils.nameToPath)(fieldName), resultOfCurrentField);
+      setFormError(nextFormError);
+      onCheck === null || onCheck === void 0 ? void 0 : onCheck(nextFormError);
+      callback === null || callback === void 0 ? void 0 : callback(resultOfCurrentField);
+      if (resultOfCurrentField.hasError) {
+        onError === null || onError === void 0 ? void 0 : onError(nextFormError);
+      }
+      return !resultOfCurrentField.hasError;
+    } else {
+      var allResults = model.getCheckResult();
+      var hasError = false;
+      Object.keys(allResults).forEach(function (key) {
+        var currentResult = allResults[key];
+        if (currentResult.hasError) {
+          nextFormError[key] = currentResult.errorMessage || currentResult;
+          hasError = true;
+        } else {
+          // eslint-disable-next-line @typescript-eslint/no-unused-vars
+          var _nextFormError = nextFormError,
+            _ = _nextFormError[key],
+            rest = (0, _objectWithoutPropertiesLoose2.default)(_nextFormError, [key].map(_toPropertyKey));
+          nextFormError = rest;
+        }
+      });
+      setFormError(nextFormError);
+      onCheck === null || onCheck === void 0 ? void 0 : onCheck(nextFormError);
+      callback === null || callback === void 0 ? void 0 : callback(resultOfCurrentField);
+      if (hasError) {
+        onError === null || onError === void 0 ? void 0 : onError(nextFormError);
+      }
+      return !hasError;
+    }
+  });
   /**
    * Check the data field
    * @param fieldName
    * @param callback
    */
   var checkForField = (0, _hooks.useEventCallback)(function (fieldName, callback) {
-    var _extends2;
-    var model = getCombinedModel();
-    var checkResult = model.checkForField(fieldName, formValue || {});
-    var nextFormError = (0, _extends5.default)({}, formError, (_extends2 = {}, _extends2[fieldName] = (checkResult === null || checkResult === void 0 ? void 0 : checkResult.errorMessage) || checkResult, _extends2));
-    setFormError(nextFormError);
-    onCheck === null || onCheck === void 0 ? void 0 : onCheck(nextFormError);
-    callback === null || callback === void 0 ? void 0 : callback(checkResult);
-    if (checkResult.hasError) {
-      onError === null || onError === void 0 ? void 0 : onError(nextFormError);
-    }
-    return !checkResult.hasError;
+    return checkFieldForNextValue(fieldName, formValue || {}, callback);
   });
 
   /**
@@ -76,7 +114,7 @@ function useFormValidate(formError, props) {
     var model = getCombinedModel();
     Object.keys(model.getSchemaSpec()).forEach(function (key) {
       keys.push(key);
-      promises.push(model.checkForFieldAsync(key, formValue || {}));
+      promises.push(model.checkForFieldAsync(key, formValue || {}, checkOptions));
     });
     return Promise.all(promises).then(function (values) {
       var formError = {};
@@ -98,23 +136,56 @@ function useFormValidate(formError, props) {
       };
     });
   });
+  var checkFieldAsyncForNextValue = (0, _hooks.useEventCallback)(function (fieldName, nextValue) {
+    var model = getCombinedModel();
+    return model.checkForFieldAsync(fieldName, nextValue, checkOptions).then(function (resultOfCurrentField) {
+      var nextFormError = (0, _extends2.default)({}, formError);
+      /**
+       * when using proxy of schema-typed, we need to use getCheckResult to get all errors,
+       * but if nestedField is used, it is impossible to distinguish whether the nested object has an error here,
+       * so nestedField does not support proxy here
+       */
+
+      if (nestedField) {
+        nextFormError = (0, _set.default)(nextFormError, (0, _utils.nameToPath)(fieldName), resultOfCurrentField);
+        onCheck === null || onCheck === void 0 ? void 0 : onCheck(nextFormError);
+        setFormError(nextFormError);
+        if (resultOfCurrentField.hasError) {
+          onError === null || onError === void 0 ? void 0 : onError(nextFormError);
+        }
+        return resultOfCurrentField;
+      } else {
+        var allResults = model.getCheckResult();
+        var hasError = false;
+        Object.keys(allResults).forEach(function (key) {
+          var currentResult = allResults[key];
+          if (currentResult.hasError) {
+            nextFormError[key] = currentResult.errorMessage || currentResult;
+            hasError = true;
+          } else {
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            var _nextFormError2 = nextFormError,
+              _ = _nextFormError2[key],
+              rest = (0, _objectWithoutPropertiesLoose2.default)(_nextFormError2, [key].map(_toPropertyKey));
+            nextFormError = rest;
+          }
+        });
+        setFormError(nextFormError);
+        onCheck === null || onCheck === void 0 ? void 0 : onCheck(nextFormError);
+        if (hasError) {
+          onError === null || onError === void 0 ? void 0 : onError(nextFormError);
+        }
+        return resultOfCurrentField;
+      }
+    });
+  });
 
   /**
    * Asynchronously check form fields and return Promise
    * @param fieldName
    */
   var checkForFieldAsync = (0, _hooks.useEventCallback)(function (fieldName) {
-    var model = getCombinedModel();
-    return model.checkForFieldAsync(fieldName, formValue || {}).then(function (checkResult) {
-      var _extends3;
-      var nextFormError = (0, _extends5.default)({}, formError, (_extends3 = {}, _extends3[fieldName] = checkResult.errorMessage, _extends3));
-      onCheck === null || onCheck === void 0 ? void 0 : onCheck(nextFormError);
-      setFormError(nextFormError);
-      if (checkResult.hasError) {
-        onError === null || onError === void 0 ? void 0 : onError(nextFormError);
-      }
-      return checkResult;
-    });
+    return checkFieldAsyncForNextValue(fieldName, formValue || {});
   });
   var onRemoveError = (0, _react.useCallback)(function (name) {
     /**
@@ -127,14 +198,6 @@ function useFormValidate(formError, props) {
     onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);
     return formError;
   }, [nestedField, onCheck, setFormError]);
-  var setFieldError = (0, _react.useCallback)(function (fieldName, checkResult) {
-    var _extends4;
-    var nextFormError = nestedField ? (0, _set.default)((0, _extends5.default)({}, formError), (0, _utils.nameToPath)(fieldName), checkResult) : (0, _extends5.default)({}, formError, (_extends4 = {}, _extends4[fieldName] = checkResult, _extends4));
-    setFormError(nextFormError);
-    onError === null || onError === void 0 ? void 0 : onError(nextFormError);
-    onCheck === null || onCheck === void 0 ? void 0 : onCheck(nextFormError);
-    return nextFormError;
-  }, [formError, nestedField, onCheck, onError, setFormError]);
   var cleanErrors = (0, _hooks.useEventCallback)(function () {
     setFormError({});
   });
@@ -151,12 +214,13 @@ function useFormValidate(formError, props) {
     formError: realFormError,
     check: check,
     checkForField: checkForField,
+    checkFieldForNextValue: checkFieldForNextValue,
     checkAsync: checkAsync,
     checkForFieldAsync: checkForFieldAsync,
+    checkFieldAsyncForNextValue: checkFieldAsyncForNextValue,
     cleanErrors: cleanErrors,
     resetErrors: resetErrors,
     cleanErrorForField: cleanErrorForField,
-    setFieldError: setFieldError,
     onRemoveError: onRemoveError
   };
 }

package/cjs/FormControl/FormControl.js

@@ -42,10 +42,9 @@ var FormControl = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     removeFieldValue = _useContext.removeFieldValue,
     removeFieldError = _useContext.removeFieldError,
     onFieldChange = _useContext.onFieldChange,
-    onFieldError = _useContext.onFieldError,
-    onFieldSuccess = _useContext.onFieldSuccess,
-    getCombinedModel = _useContext.getCombinedModel,
-    contextCheckTrigger = _useContext.checkTrigger;
+    contextCheckTrigger = _useContext.checkTrigger,
+    checkFieldForNextValue = _useContext.checkFieldForNextValue,
+    checkFieldAsyncForNextValue = _useContext.checkFieldAsyncForNextValue;
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,
     _props$accepter = props.accepter,
@@ -120,27 +119,12 @@ var FormControl = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
   });
   var handleFieldCheck = (0, _hooks.useEventCallback)(function (value) {
-    var callbackEvents = function callbackEvents(checkResult) {
-      if (checkResult.hasError) {
-        var _errorMessage = checkResult.errorMessage;
-        var _fieldError = nestedField ? checkResult : _errorMessage || checkResult;
-        onFieldError === null || onFieldError === void 0 ? void 0 : onFieldError(name, _fieldError);
-      } else {
-        onFieldSuccess === null || onFieldSuccess === void 0 ? void 0 : onFieldSuccess(name);
-      }
-      return checkResult;
-    };
     var nextFormValue = setFieldValue(name, value);
-    var model = getCombinedModel();
-    var checkOptions = {
-      nestedObject: nestedField
-    };
     if (checkAsync) {
-      return model === null || model === void 0 ? void 0 : model.checkForFieldAsync(name, nextFormValue, checkOptions).then(function (checkResult) {
-        return callbackEvents(checkResult);
-      });
+      checkFieldAsyncForNextValue(name, nextFormValue);
+    } else {
+      checkFieldForNextValue(name, nextFormValue);
     }
-    return Promise.resolve(callbackEvents(model === null || model === void 0 ? void 0 : model.checkForField(name, nextFormValue, checkOptions)));
   });
   var fieldHasError = Boolean(fieldError);
 

package/cjs/Nav/AdaptiveNavItem.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { NavItemProps } from './NavItem';
+/**
+ * The <Nav.Item> API
+ * When used as direct child of <Nav>, render the NavItem
+ * When used within a <Nav.Menu>, render the NavDropdownItem
+ */
+declare const AdaptiveNavItem: React.ForwardRefExoticComponent<NavItemProps<string | number> & React.RefAttributes<any>>;
+export default AdaptiveNavItem;

package/cjs/Nav/AdaptiveNavItem.js

@@ -0,0 +1,89 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _NavItem = _interopRequireDefault(require("./NavItem"));
+var _hooks = require("../internals/hooks");
+var _Navbar = require("../Navbar/Navbar");
+var _Sidenav = require("../Sidenav/Sidenav");
+var _NavContext = _interopRequireDefault(require("./NavContext"));
+var _NavMenu = require("./NavMenu");
+var _NavDropdownItem = _interopRequireDefault(require("./NavDropdownItem"));
+var _NavbarDropdownItem = _interopRequireDefault(require("../Navbar/NavbarDropdownItem"));
+var _SidenavDropdownItem = _interopRequireDefault(require("../Sidenav/SidenavDropdownItem"));
+var _NavbarItem = _interopRequireDefault(require("../Navbar/NavbarItem"));
+var _SidenavItem = _interopRequireDefault(require("../Sidenav/SidenavItem"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/**
+ * The <Nav.Item> API
+ * When used as direct child of <Nav>, render the NavItem
+ * When used within a <Nav.Menu>, render the NavDropdownItem
+ */
+var AdaptiveNavItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var nav = (0, _react.useContext)(_NavContext.default);
+  if (!nav) {
+    throw new Error('<Nav.Item> must be rendered within a <Nav> component.');
+  }
+  var parentNavMenu = (0, _react.useContext)(_NavMenu.NavMenuContext);
+  var navbar = (0, _react.useContext)(_Navbar.NavbarContext);
+  var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);
+  var _ref = parentNavMenu !== null && parentNavMenu !== void 0 ? parentNavMenu : [],
+    dispatch = _ref[1];
+  var _id = (0, _hooks.useInternalId)('Nav.Item');
+  (0, _react.useEffect)(function () {
+    if (dispatch) {
+      var _props$active;
+      dispatch({
+        type: _NavMenu.NavMenuActionType.RegisterItem,
+        payload: {
+          _id: _id,
+          eventKey: props.eventKey,
+          active: (_props$active = props.active) !== null && _props$active !== void 0 ? _props$active : false
+        }
+      });
+      return function () {
+        dispatch({
+          type: _NavMenu.NavMenuActionType.UnregisterItem,
+          payload: {
+            _id: _id
+          }
+        });
+      };
+    }
+  }, [dispatch, _id, props.eventKey, props.active]);
+  if (parentNavMenu) {
+    if (navbar) {
+      return /*#__PURE__*/_react.default.createElement(_NavbarDropdownItem.default, (0, _extends2.default)({
+        ref: ref
+      }, props));
+    }
+    if (sidenav) {
+      return /*#__PURE__*/_react.default.createElement(_SidenavDropdownItem.default, (0, _extends2.default)({
+        ref: ref
+      }, props));
+    }
+    return /*#__PURE__*/_react.default.createElement(_NavDropdownItem.default, (0, _extends2.default)({
+      ref: ref
+    }, props));
+  }
+  if (navbar) {
+    return /*#__PURE__*/_react.default.createElement(_NavbarItem.default, (0, _extends2.default)({
+      ref: ref
+    }, props));
+  }
+  if (sidenav) {
+    return /*#__PURE__*/_react.default.createElement(_SidenavItem.default, (0, _extends2.default)({
+      ref: ref
+    }, props));
+  }
+  return /*#__PURE__*/_react.default.createElement(_NavItem.default, (0, _extends2.default)({
+    ref: ref
+  }, props));
+});
+AdaptiveNavItem.displayName = 'Nav.Item';
+var _default = exports.default = AdaptiveNavItem;

package/cjs/Nav/Nav.d.ts

@@ -4,21 +4,40 @@ import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 import NavDropdown from './NavDropdown';
 import NavMenu from './NavMenu';
 export interface NavProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
-    /** sets appearance */
-    appearance?: 'default' | 'subtle' | 'tabs';
-    /** Reverse Direction of tabs/subtle */
+    /**
+     * The appearance style of the Nav component.
+     *
+     * @default 'default'
+     * @version 'pills' is supported in version 5.68.0
+     */
+    appearance?: 'default' | 'subtle' | 'tabs' | 'pills';
+    /**
+     * Whether the Nav component is reversed.
+     */
     reversed?: boolean;
-    /** Justified navigation */
+    /**
+     * Whether the Nav component is justified.
+     */
     justified?: boolean;
-    /** Vertical navigation */
+    /**
+     * Whether the Nav component is vertical.
+     */
     vertical?: boolean;
-    /** appears on the right. */
+    /**
+     * Whether the Nav component is pulled to the right.
+     */
     pullRight?: boolean;
-    /** Active key, corresponding to eventkey in <Nav.item>. */
+    /**
+     * The active key of the Nav component.
+     */
     activeKey?: T;
-    /** Default active key, corresponding to eventkey in <Nav.item>. */
+    /**
+     * The default active key of the Nav component.
+     */
     defaultActiveKey?: T;
-    /** Callback function triggered after selection */
+    /**
+     * Event handler for selecting a Nav item.
+     */
     onSelect?: (eventKey: T | undefined, event: React.SyntheticEvent) => void;
 }
 interface NavComponent extends RsRefForwardingComponent<'div', NavProps> {