rsuite 6.0.0-canary-20250416 → 6.0.0-canary-20250507

package/cjs/Uploader/Uploader.js

@@ -14,7 +14,6 @@ var _UploadTrigger = _interopRequireDefault(require("./UploadTrigger"));
 var _Box = _interopRequireDefault(require("../internals/Box"));
 var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
-var _CustomProvider = require("../CustomProvider");
 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; }
 // Define several states of the file during the upload process.
@@ -97,7 +96,7 @@ const useFileList = function (defaultFileList) {
 const Uploader = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('Uploader', props);
+  } = (0, _hooks.useCustom)('Uploader', props);
   const {
     as,
     classPrefix = 'uploader',

package/cjs/Whisper/Whisper.js

@@ -8,7 +8,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _OverlayTrigger = _interopRequireDefault(require("../internals/Overlay/OverlayTrigger"));
 var _utils = require("../internals/utils");
-var _CustomProvider = require("../CustomProvider");
+var _hooks = require("../internals/hooks");
 /**
  * The `Whisper` component is used to display a floating element.
  * It is usually used with the `Tooltip` and `Popover` components.
@@ -19,7 +19,7 @@ const Whisper = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const {
     propsWithDefaults,
     rtl
-  } = (0, _CustomProvider.useCustom)('Whisper', props);
+  } = (0, _hooks.useCustom)('Whisper', props);
   const {
     onOpen,
     onClose,

package/cjs/index.d.ts

@@ -44,9 +44,11 @@ export * from './Input';
 export * from './Textarea';
 export * from './MaskedInput';
 export * from './InputNumber';
+export * from './NumberInput';
 export * from './InputGroup';
 export * from './PasswordInput';
 export * from './PasswordStrengthMeter';
+export * from './PinInput';
 export * from './Checkbox';
 export * from './CheckboxGroup';
 export * from './Radio';
@@ -109,6 +111,7 @@ export * from './Affix';
 export * from './CustomProvider';
 export * from './useMediaQuery';
 export * from './useBreakpointValue';
+export * from './useFormControl';
 export * from './VisuallyHidden';
 export * from './Tabs';
 export * from './Accordion';

package/cjs/index.js

@@ -278,6 +278,12 @@ Object.keys(_InputNumber).forEach(function (key) {
   if (key in exports && exports[key] === _InputNumber[key]) return;
   exports[key] = _InputNumber[key];
 });
+var _NumberInput = require("./NumberInput");
+Object.keys(_NumberInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _NumberInput[key]) return;
+  exports[key] = _NumberInput[key];
+});
 var _InputGroup = require("./InputGroup");
 Object.keys(_InputGroup).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -296,6 +302,12 @@ Object.keys(_PasswordStrengthMeter).forEach(function (key) {
   if (key in exports && exports[key] === _PasswordStrengthMeter[key]) return;
   exports[key] = _PasswordStrengthMeter[key];
 });
+var _PinInput = require("./PinInput");
+Object.keys(_PinInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _PinInput[key]) return;
+  exports[key] = _PinInput[key];
+});
 var _Checkbox = require("./Checkbox");
 Object.keys(_Checkbox).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -668,6 +680,12 @@ Object.keys(_useBreakpointValue).forEach(function (key) {
   if (key in exports && exports[key] === _useBreakpointValue[key]) return;
   exports[key] = _useBreakpointValue[key];
 });
+var _useFormControl = require("./useFormControl");
+Object.keys(_useFormControl).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useFormControl[key]) return;
+  exports[key] = _useFormControl[key];
+});
 var _VisuallyHidden = require("./VisuallyHidden");
 Object.keys(_VisuallyHidden).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/cjs/internals/Box/index.d.ts

@@ -1,3 +1,4 @@
 import Box from './Box';
 export type { BoxProps } from './Box';
+export { Box };
 export default Box;

package/cjs/internals/Box/index.js

@@ -5,4 +5,5 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _Box = _interopRequireDefault(require("./Box"));
+exports.Box = _Box.default;
 var _default = exports.default = _Box.default;

package/cjs/internals/Burger/Burger.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { BoxProps } from '../Box';
+import type { Color } from '../types';
+export interface BurgerProps extends BoxProps, React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Color of the Box */
+    color?: Color | React.CSSProperties['color'];
+    /** If true, burger is in open (X) state */
+    open?: boolean;
+    /** Thickness of the burger lines (px) */
+    lineThickness?: number;
+}
+/**
+ * Burger (hamburger menu) button for toggling navigation menus.
+ */
+declare const Burger: import("../types").InternalRefForwardingComponent<"button", BurgerProps, never> & Record<string, never>;
+export default Burger;

package/cjs/internals/Burger/Burger.js

@@ -0,0 +1,46 @@
+'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("../Box"));
+var _utils = require("../utils");
+var _hooks = require("../hooks");
+/**
+ * Burger (hamburger menu) button for toggling navigation menus.
+ */
+const Burger = (0, _utils.forwardRef)((props, ref) => {
+  const {
+    as = 'button',
+    classPrefix = 'burger',
+    className,
+    color,
+    open = false,
+    lineThickness,
+    style,
+    ...rest
+  } = props;
+  const {
+    withPrefix,
+    merge,
+    cssVar,
+    prefix
+  } = (0, _hooks.useStyles)(classPrefix);
+  const classes = merge(className, withPrefix());
+  const mergedStyle = (0, _utils.mergeStyles)(style, cssVar('thickness', (0, _utils.getCssValue)(lineThickness)), (0, _utils.getColorStyle)(color, 'burger'));
+  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({
+    as: as,
+    ref: ref,
+    className: classes,
+    "aria-pressed": open,
+    "data-opened": open,
+    style: mergedStyle
+  }, rest), /*#__PURE__*/_react.default.createElement("div", {
+    className: prefix('line')
+  }));
+});
+Burger.displayName = 'Burger';
+var _default = exports.default = Burger;

package/cjs/internals/Burger/index.d.ts

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

package/cjs/internals/Burger/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 _Burger = _interopRequireDefault(require("./Burger"));
+exports.Burger = _Burger.default;
+// Export types
+// Export components
+var _default = exports.default = _Burger.default;

package/cjs/internals/CloseButton/CloseButton.js

@@ -10,7 +10,6 @@ var _Close = _interopRequireDefault(require("@rsuite/icons/Close"));
 var _IconButton = _interopRequireDefault(require("../../IconButton"));
 var _utils = require("../utils");
 var _hooks = require("../hooks");
-var _CustomProvider = require("../../CustomProvider");
 /**
  * Close button for components such as Message and Notification.
  */
@@ -24,7 +23,7 @@ const CloseButton = (0, _utils.forwardRef)((props, ref) => {
   } = props;
   const {
     getLocale
-  } = (0, _CustomProvider.useCustom)();
+  } = (0, _hooks.useCustom)();
   const {
     withPrefix,
     merge

package/cjs/internals/Menu/Menu.js

@@ -11,7 +11,6 @@ var _MenuContext = _interopRequireWildcard(require("./MenuContext"));
 var _useMenu = _interopRequireDefault(require("./useMenu"));
 var _hooks = require("../hooks");
 var _constants = require("../constants");
-var _CustomProvider = require("../../CustomProvider");
 var _utils = require("../utils");
 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; }
@@ -60,7 +59,7 @@ function Menu(_ref) {
   const open = openControlled ? openProp : openState;
   const {
     rtl
-  } = (0, _CustomProvider.useCustom)();
+  } = (0, _hooks.useCustom)();
   const activeItem = (0, _isNil.default)(activeItemIndex) ? null : (_items$activeItemInde = items[activeItemIndex]) === null || _items$activeItemInde === void 0 ? void 0 : _items$activeItemInde.element;
   const {
     grab: grabFocus

package/cjs/internals/Menu/Menubar.js

@@ -9,7 +9,7 @@ var _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _useMenu = _interopRequireDefault(require("./useMenu"));
 var _MenuContext = _interopRequireWildcard(require("./MenuContext"));
 var _constants = require("../constants");
-var _CustomProvider = require("../../CustomProvider");
+var _hooks = require("../hooks");
 var _utils = require("../utils");
 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; }
@@ -60,7 +60,7 @@ function Menubar(_ref) {
   }, [dispatch]);
   const {
     rtl
-  } = (0, _CustomProvider.useCustom)();
+  } = (0, _hooks.useCustom)();
   const onKeyDown = (0, _react.useCallback)(event => {
     var _items$activeItemInde, _items$activeItemInde2;
     const activeItemElement = (0, _isNil.default)(activeItemIndex) ? null : (_items$activeItemInde = (_items$activeItemInde2 = items[activeItemIndex]) === null || _items$activeItemInde2 === void 0 ? void 0 : _items$activeItemInde2.element) !== null && _items$activeItemInde !== void 0 ? _items$activeItemInde : null;

package/cjs/internals/Picker/PickerIndicator.js

@@ -10,7 +10,6 @@ var _InputGroup = _interopRequireDefault(require("../../InputGroup"));
 var _CloseButton = _interopRequireDefault(require("../CloseButton"));
 var _Loader = _interopRequireDefault(require("../../Loader"));
 var _hooks = require("../hooks");
-var _CustomProvider = require("../../CustomProvider");
 const PickerIndicator = _ref => {
   let {
     loading,
@@ -23,7 +22,7 @@ const PickerIndicator = _ref => {
   } = _ref;
   const {
     getLocale
-  } = (0, _CustomProvider.useCustom)();
+  } = (0, _hooks.useCustom)();
   const {
     clear
   } = getLocale('common');

package/cjs/internals/Picker/hooks/useCombobox.d.ts

@@ -1,6 +1,6 @@
 declare function useCombobox(): {
     id: string | undefined;
-    popupType: "dialog" | "menu" | "grid" | "listbox" | "tree" | undefined;
+    popupType: "dialog" | "menu" | "listbox" | "grid" | "tree" | undefined;
     multiple: boolean | undefined;
     placement: import("../../types").Placement | undefined;
     breakpoint: string | undefined;

package/cjs/internals/Plaintext/Plaintext.js

@@ -9,7 +9,6 @@ var _react = _interopRequireDefault(require("react"));
 var _Box = _interopRequireDefault(require("../Box"));
 var _utils = require("../utils");
 var _hooks = require("../hooks");
-var _CustomProvider = require("../../CustomProvider");
 /**
  * Make the component display in plain text, and display default characters when there is no children.
  * @private
@@ -17,7 +16,7 @@ var _CustomProvider = require("../../CustomProvider");
 const Plaintext = (0, _utils.forwardRef)((props, ref) => {
   const {
     getLocale
-  } = (0, _CustomProvider.useCustom)();
+  } = (0, _hooks.useCustom)();
   const {
     as,
     classPrefix = 'plaintext',

package/cjs/internals/Provider/CustomContext.d.ts

@@ -0,0 +1,253 @@
+import React from 'react';
+import type { FormatDateOptions } from '../utils/date/types';
+import type { ReactSuiteComponents } from './types';
+import type { ToastContainerInstance } from '../../toaster/ToastContainer';
+import type { Locale } from '../../locales';
+export interface CustomValue<T = Locale> {
+    /**
+     * The prefix of the component CSS class
+     */
+    classPrefix?: string;
+    /**
+     * The locale object that contains the language and formatting rules for the date.
+     */
+    locale: T;
+    /**
+     * Right-to-left text direction.
+     */
+    rtl: boolean;
+    /**
+     * Return the formatted date string in the given format. The result may vary by locale.
+     *
+     * Example:
+     *
+     *  import format from 'date-fns/format';
+     *  import eo from 'date-fns/locale/eo'
+     *
+     *  function formatDate(date, formatStr) {
+     *    return format(date, formatStr, { locale: eo });
+     *  }
+     *
+     */
+    formatDate: (date: Date | number, format: string, options?: FormatDateOptions) => string;
+    /**
+     * Return the date parsed from string using the given format string.
+     *
+     * Example:
+     *
+     *  import parse from 'date-fns/parse';
+     *  import eo from 'date-fns/locale/eo'
+     *
+     *  function parseDate(date, formatStr) {
+     *    return parse(date, formatStr, new Date(), { locale: eo });
+     *  }
+     *
+     */
+    parseDate: (dateString: string, formatString: string, referenceDate?: Date | number, options?: FormatDateOptions) => Date;
+    /**
+     * A Map of toast containers
+     */
+    toasters?: React.MutableRefObject<Map<string, ToastContainerInstance>>;
+    /**
+     * If true, the ripple effect is disabled.
+     * Affected components include: Button, Nav.Item, Pagination.
+     */
+    disableRipple?: boolean;
+}
+export interface CustomProviderProps<T = Locale> extends Partial<CustomValue<T>> {
+    /**
+     * Supported themes
+     */
+    theme?: 'light' | 'dark' | 'high-contrast';
+    /**
+     * The prefix of the icon CSS class
+     */
+    iconClassPrefix?: string;
+    /**
+     * Primary content
+     */
+    children?: React.ReactNode;
+    /**
+     * Sets a container for toast rendering
+     */
+    toastContainer?: HTMLElement | (() => HTMLElement | null) | null;
+    csp?: {
+        /**
+         * Content Security Policy nonce
+         * https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/nonce
+         */
+        nonce?: string;
+    };
+    /**
+     * Disable inline styles
+     * @default false
+     */
+    disableInlineStyles?: boolean;
+    /**
+     * components allows setting default props for specific components globally.
+     * It accepts an object where each key represents a component name (e.g., 'Button', 'Input'),
+     * and the corresponding value is an object containing the `defaultProps` object.
+     * The `defaultProps` object defines the default props for that component.
+     * These props will be automatically applied to the component unless overridden by specific props
+     * passed in an individual component instance.
+     *
+     * @example
+     * ```js
+     * components={{
+     *   Button: { defaultProps: { appearance: 'primary', size: 'lg' } },
+     *   Input: { defaultProps: { placeholder: 'Enter text', size: 'lg' } }
+     * }}
+     * ```
+     */
+    components?: Partial<ReactSuiteComponents>;
+}
+export declare const CustomContext: React.Context<CustomProviderProps<{
+    code?: string | undefined;
+    common?: {
+        loading: string;
+        emptyMessage: string;
+        remove: string;
+        clear: string;
+    } | undefined;
+    Plaintext?: {
+        unfilled: string;
+        notSelected: string;
+        notUploaded: string;
+    } | undefined;
+    Pagination?: {
+        more: string;
+        prev: string;
+        next: string;
+        first: string;
+        last: string;
+        limit: string;
+        total: string;
+        skip: string;
+    } | undefined;
+    DateTimeFormats?: {
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        now: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
+        dateLocale: any;
+    } | undefined;
+    Calendar?: {
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        now: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
+        dateLocale: any;
+    } | undefined;
+    DatePicker?: {
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        now: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
+        dateLocale: any;
+    } | undefined;
+    DateRangePicker?: {
+        last7Days: string;
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        now: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
+        dateLocale: any;
+    } | undefined;
+    Combobox?: {
+        noResultsText: string;
+        placeholder: string;
+        searchPlaceholder: string;
+        checkAll: string;
+    } | undefined;
+    InputPicker?: {
+        newItem: string;
+        createOption: string;
+        noResultsText: string;
+        placeholder: string;
+        searchPlaceholder: string;
+        checkAll: string;
+    } | undefined;
+    TagPicker?: {
+        newItem: string;
+        createOption: string;
+        noResultsText: string;
+        placeholder: string;
+        searchPlaceholder: string;
+        checkAll: string;
+    } | undefined;
+    Uploader?: {
+        inited: string;
+        progress: string;
+        error: string;
+        complete: string;
+        emptyFile: string;
+        upload: string;
+        removeFile: string;
+    } | undefined;
+    CloseButton?: {
+        closeLabel: string;
+    } | undefined;
+    Breadcrumb?: {
+        expandText: string;
+    } | undefined;
+    Toggle?: {
+        on: string;
+        off: string;
+    } | undefined;
+}>>;

package/cjs/internals/Provider/CustomContext.js

@@ -0,0 +1,8 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CustomContext = void 0;
+var _react = _interopRequireDefault(require("react"));
+const CustomContext = exports.CustomContext = /*#__PURE__*/_react.default.createContext({});