rsuite 6.0.0-canary-20250403 → 6.0.0-canary-20250416

package/cjs/Nav/NavMegaMenu.d.ts

@@ -1,5 +1,10 @@
 import React from 'react';
 import { NavbarMegaMenuProps } from '../Navbar/NavbarMegaMenu';
 export type NavMegaMenuProps = NavbarMegaMenuProps;
+/**
+ * The `Nav.MegaMenu` component is used to create a mega menu.
+ * @see https://rsuitejs.com/components/navbar/#mega-menu
+ * @version 6.0.0
+ */
 declare const NavMegaMenu: React.ForwardRefExoticComponent<NavbarMegaMenuProps & React.RefAttributes<any>>;
 export default NavMegaMenu;

package/cjs/Nav/NavMegaMenu.js

@@ -10,6 +10,11 @@ var _NavbarMegaMenu = _interopRequireDefault(require("../Navbar/NavbarMegaMenu")
 var _Navbar = require("../Navbar");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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.MegaMenu` component is used to create a mega menu.
+ * @see https://rsuitejs.com/components/navbar/#mega-menu
+ * @version 6.0.0
+ */
 const NavMegaMenu = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const navbar = (0, _react.useContext)(_Navbar.NavbarContext);
   if (!navbar) {

package/cjs/PasswordInput/PasswordInput.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { InputProps } from '../Input';
+export interface PasswordInputProps extends Omit<InputProps, 'type' | 'plaintext'> {
+    /** Controls whether the password is visible */
+    visible?: boolean;
+    /** Default visibility state of the password */
+    defaultVisible?: boolean;
+    /** Custom icon for visibility toggle */
+    renderVisibilityIcon?: (visible: boolean) => React.ReactNode;
+    /** Callback function triggered when the password visibility changes */
+    onVisibleChange?: (visible: boolean) => void;
+}
+declare const PasswordInput: import("../internals/types").InternalRefForwardingComponent<"input", PasswordInputProps, never> & Record<string, never>;
+export default PasswordInput;

package/cjs/PasswordInput/PasswordInput.js

@@ -0,0 +1,71 @@
+'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 = _interopRequireDefault(require("react"));
+var _Input = _interopRequireDefault(require("../Input"));
+var _InputGroup = _interopRequireDefault(require("../InputGroup"));
+var _EyeClose = _interopRequireDefault(require("@rsuite/icons/EyeClose"));
+var _Visible = _interopRequireDefault(require("@rsuite/icons/Visible"));
+var _utils = require("../internals/utils");
+var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
+const PasswordInput = (0, _utils.forwardRef)((props, ref) => {
+  const {
+    propsWithDefaults
+  } = (0, _CustomProvider.useCustom)('PasswordInput', props);
+  const {
+    classPrefix = 'password-input',
+    className,
+    visible: controlVisible,
+    size,
+    defaultVisible,
+    value,
+    defaultValue,
+    placeholder,
+    id,
+    name,
+    readOnly,
+    inputRef,
+    onChange,
+    onVisibleChange,
+    renderVisibilityIcon,
+    ...rest
+  } = propsWithDefaults;
+  const {
+    withPrefix,
+    merge
+  } = (0, _hooks.useStyles)(classPrefix);
+  const [visible, setVisible] = (0, _hooks.useControlled)(controlVisible, defaultVisible);
+  const classes = merge(className, withPrefix());
+  const handleToggleVisibility = (0, _hooks.useEventCallback)(() => {
+    setVisible(!visible);
+    onVisibleChange === null || onVisibleChange === void 0 || onVisibleChange(!visible);
+  });
+  return /*#__PURE__*/_react.default.createElement(_InputGroup.default, (0, _extends2.default)({
+    inside: true,
+    ref: ref,
+    size: size,
+    className: classes
+  }, rest), /*#__PURE__*/_react.default.createElement(_Input.default, {
+    type: visible ? 'text' : 'password',
+    value: value,
+    defaultValue: defaultValue,
+    onChange: onChange,
+    autoComplete: "off",
+    placeholder: placeholder,
+    readOnly: readOnly,
+    name: name,
+    id: id,
+    inputRef: inputRef
+  }), /*#__PURE__*/_react.default.createElement(_InputGroup.default.Button, {
+    tabIndex: -1,
+    onClick: handleToggleVisibility,
+    "aria-label": "Toggle password visibility"
+  }, (renderVisibilityIcon === null || renderVisibilityIcon === void 0 ? void 0 : renderVisibilityIcon(visible !== null && visible !== void 0 ? visible : false)) || (visible ? /*#__PURE__*/_react.default.createElement(_EyeClose.default, null) : /*#__PURE__*/_react.default.createElement(_Visible.default, null))));
+});
+PasswordInput.displayName = 'PasswordInput';
+var _default = exports.default = PasswordInput;

package/cjs/PasswordInput/index.d.ts

@@ -0,0 +1,4 @@
+import PasswordInput from './PasswordInput';
+export type { PasswordInputProps } from './PasswordInput';
+export { PasswordInput };
+export default PasswordInput;

package/cjs/PasswordInput/index.js

@@ -0,0 +1,11 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _PasswordInput = _interopRequireDefault(require("./PasswordInput"));
+exports.PasswordInput = _PasswordInput.default;
+// export types
+// export components
+var _default = exports.default = _PasswordInput.default;

package/cjs/PasswordStrengthMeter/PasswordStrengthMeter.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { BoxProps } from '../internals/Box';
+export interface PasswordStrengthMeterProps extends BoxProps {
+    /** The strength level of the password (0-3) */
+    level?: 0 | 1 | 2 | 3;
+    /** Label to display below the strength meter */
+    label?: React.ReactNode;
+    /** Maximum number of segments in the strength meter */
+    max?: number;
+}
+declare const PasswordStrengthMeter: import("../internals/types").InternalRefForwardingComponent<"div", PasswordStrengthMeterProps, never> & Record<string, never>;
+export default PasswordStrengthMeter;

package/cjs/PasswordStrengthMeter/PasswordStrengthMeter.js

@@ -0,0 +1,50 @@
+'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 = _interopRequireDefault(require("react"));
+var _Box = _interopRequireDefault(require("../internals/Box"));
+var _Text = _interopRequireDefault(require("../Text"));
+var _utils = require("../internals/utils");
+var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
+const PasswordStrengthMeter = (0, _utils.forwardRef)((props, ref) => {
+  const {
+    propsWithDefaults
+  } = (0, _CustomProvider.useCustom)('PasswordStrengthMeter', props);
+  const {
+    classPrefix = 'password-strength-meter',
+    className,
+    level = 0,
+    max = 4,
+    label,
+    ...rest
+  } = propsWithDefaults;
+  const {
+    withPrefix,
+    merge,
+    prefix
+  } = (0, _hooks.useStyles)(classPrefix);
+  const classes = merge(className, withPrefix());
+  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({
+    ref: ref,
+    className: classes
+  }, rest), /*#__PURE__*/_react.default.createElement("div", {
+    className: prefix('bar')
+  }, [...Array.from({
+    length: max
+  })].map((_, idx) => /*#__PURE__*/_react.default.createElement("div", {
+    key: idx,
+    "data-active": idx <= level,
+    className: prefix('segment')
+  }))), label && /*#__PURE__*/_react.default.createElement(_Text.default, {
+    as: "span",
+    muted: true,
+    size: "xs"
+  }, label));
+});
+PasswordStrengthMeter.displayName = 'PasswordStrengthMeter';
+var _default = exports.default = PasswordStrengthMeter;

package/cjs/PasswordStrengthMeter/index.d.ts

@@ -0,0 +1,4 @@
+import PasswordStrengthMeter from './PasswordStrengthMeter';
+export type { PasswordStrengthMeterProps } from './PasswordStrengthMeter';
+export { PasswordStrengthMeter };
+export default PasswordStrengthMeter;

package/cjs/PasswordStrengthMeter/index.js

@@ -0,0 +1,11 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _PasswordStrengthMeter = _interopRequireDefault(require("./PasswordStrengthMeter"));
+exports.PasswordStrengthMeter = _PasswordStrengthMeter.default;
+// export types
+// export components
+var _default = exports.default = _PasswordStrengthMeter.default;

package/cjs/Rate/Character.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
 import { BoxProps } from '../internals/Box';
+import type { StarStatus } from './types';
 interface CharacterProps extends BoxProps {
     vertical?: boolean;
-    status?: 0 | 0.5 | 1;
+    status?: StarStatus;
     disabled?: boolean;
-    onMouseMove?: (key: any, event: React.MouseEvent) => void;
-    onClick?: (key: any, event: React.MouseEvent) => void;
+    onMouseMove?: (key: 'before' | 'after', event: React.MouseEvent) => void;
+    onClick?: (key: 'before' | 'after', event: React.MouseEvent) => void;
     onKeyDown?: (event: React.KeyboardEvent) => void;
 }
 declare const Character: import("../internals/types").InternalRefForwardingComponent<"li", CharacterProps, never> & Record<string, never>;

package/cjs/Rate/Character.js

@@ -7,18 +7,15 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _contains = _interopRequireDefault(require("dom-lib/contains"));
-var _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _Box = _interopRequireDefault(require("../internals/Box"));
 var _utils = require("../internals/utils");
+var _utils2 = require("./utils");
 var _hooks = require("../internals/hooks");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }
-const characterStatus = {
-  [0]: 'empty',
-  [0.5]: 'half',
-  [1]: 'full'
+const getKey = (element, target) => {
+  return element && target && (0, _contains.default)(element, target) ? 'before' : 'after';
 };
-const getKey = (a, b) => (0, _contains.default)(a, b) ? 'before' : 'after';
 const Character = (0, _utils.forwardRef)((props, ref) => {
   const {
     as = 'li',
@@ -34,27 +31,34 @@ const Character = (0, _utils.forwardRef)((props, ref) => {
     ...rest
   } = props;
   const {
-    merge,
     prefix,
-    withPrefix
+    withPrefix,
+    merge
   } = (0, _hooks.useStyles)(classPrefix);
   const beforeRef = (0, _react.useRef)(null);
-  const classes = merge(className, withPrefix(!(0, _isNil.default)(status) && characterStatus[status]));
   const handleMouseMove = (0, _hooks.useEventCallback)(event => {
     onMouseMove === null || onMouseMove === void 0 || onMouseMove(getKey(beforeRef.current, event.target), event);
   });
   const handleClick = (0, _hooks.useEventCallback)(event => {
     onClick === null || onClick === void 0 || onClick(getKey(beforeRef.current, event.target), event);
   });
+  const eventHandlers = (0, _react.useMemo)(() => {
+    if (disabled) {
+      return null;
+    }
+    return {
+      onClick: handleClick,
+      onKeyDown,
+      onMouseMove: handleMouseMove
+    };
+  }, [disabled, handleClick, onKeyDown, handleMouseMove]);
   return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({
     as: as,
     ref: ref,
-    className: classes,
-    tabIndex: 0,
-    onClick: disabled ? null : handleClick,
-    onKeyDown: disabled ? null : onKeyDown,
-    onMouseMove: disabled ? null : handleMouseMove
-  }, rest), /*#__PURE__*/_react.default.createElement("div", {
+    className: merge(className, withPrefix()),
+    tabIndex: disabled ? -1 : 0,
+    "data-status": (0, _utils2.getStarStatus)(status)
+  }, eventHandlers, rest), /*#__PURE__*/_react.default.createElement("div", {
     ref: beforeRef,
     className: prefix('before', {
       vertical

package/cjs/Rate/Rate.d.ts

@@ -1,18 +1,26 @@
 import React from 'react';
-import { BoxProps } from '../internals/Box';
+import { StyledBoxProps } from '../internals/StyledBox';
 import type { Color, FormControlBaseProps, Size } from '../internals/types';
-export interface RateProps<T = number> extends BoxProps, FormControlBaseProps<T> {
+export interface RateProps<T = number> extends Omit<StyledBoxProps, 'name'>, FormControlBaseProps<T> {
+    /** Whether to allow semi selection */
     allowHalf?: boolean;
+    /** Custom character of rate */
     character?: React.ReactNode;
+    /** The prefix of the component CSS class */
     classPrefix?: string;
+    /** Whether to allow cancel selection */
     cleanable?: boolean;
     /** A rate can have different sizes */
     size?: Size;
     /** A rate can have different colors */
     color?: Color | React.CSSProperties['color'];
+    /** Maximum rate */
     max?: number;
+    /** Vertical Rate half */
     vertical?: boolean;
+    /** Render custom character */
     renderCharacter?: (value: number, index: number) => React.ReactNode;
+    /** Callback function when hover state changes */
     onChangeActive?: (value: T, event: React.SyntheticEvent) => void;
 }
 /**