rsuite 6.0.0-canary-20250416 → 6.0.0-canary-20250424

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({});

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

@@ -0,0 +1,236 @@
+import type { AccordionProps } from '../../Accordion';
+import type { AffixProps } from '../../Affix';
+import type { BounceProps } from '../../Animation/Bounce';
+import type { CollapseProps } from '../../Animation/Collapse';
+import type { FadeProps } from '../../Animation/Fade';
+import type { SlideProps } from '../../Animation/Slide';
+import type { TransitionProps } from '../../Animation/Transition';
+import type { AutoCompleteProps } from '../../AutoComplete';
+import type { AvatarProps } from '../../Avatar';
+import type { AvatarGroupProps } from '../../AvatarGroup';
+import type { BadgeProps } from '../../Badge';
+import type { BreadcrumbProps } from '../../Breadcrumb';
+import type { ButtonProps } from '../../Button';
+import type { ButtonGroupProps } from '../../ButtonGroup';
+import type { ButtonToolbarProps } from '../../ButtonToolbar';
+import type { CalendarProps } from '../../Calendar';
+import type { CarouselProps } from '../../Carousel';
+import type { CascadeTreeProps } from '../../CascadeTree';
+import type { CascaderProps } from '../../Cascader';
+import type { CardProps } from '../../Card';
+import type { CardGroupProps } from '../../CardGroup';
+import type { CheckPickerProps } from '../../CheckPicker';
+import type { CheckTreeProps } from '../../CheckTree';
+import type { CheckTreePickerProps } from '../../CheckTreePicker';
+import type { CheckboxProps } from '../../Checkbox';
+import type { CheckboxGroupProps } from '../../CheckboxGroup';
+import type { ColProps } from '../../Col';
+import type { ContainerProps } from '../../Container';
+import type { ContentProps } from '../../Content';
+import type { DateInputProps } from '../../DateInput';
+import type { DatePickerProps } from '../../DatePicker';
+import type { DateRangeInputProps } from '../../DateRangeInput';
+import type { DateRangePickerProps } from '../../DateRangePicker';
+import type { DividerProps } from '../../Divider';
+import type { DrawerProps } from '../../Drawer';
+import type { DropdownProps } from '../../Dropdown';
+import type { FlexboxGridProps } from '../../FlexboxGrid';
+import type { FooterProps } from '../../Footer';
+import type { FormProps } from '../../Form';
+import type { FormControlProps } from '../../FormControl';
+import type { FormControlLabelProps } from '../../FormControlLabel';
+import type { FormErrorMessageProps } from '../../FormErrorMessage';
+import type { FormGroupProps } from '../../FormGroup';
+import type { FormHelpTextProps } from '../../FormHelpText';
+import type { FormStackProps } from '../../FormStack';
+import type { GridProps } from '../../Grid';
+import type { HeaderProps } from '../../Header';
+import type { HeadingProps } from '../../Heading';
+import type { HeadingGroupProps } from '../../HeadingGroup';
+import type { HighlightProps } from '../../Highlight';
+import type { IconButtonProps } from '../../IconButton';
+import type { InlineEditProps } from '../../InlineEdit';
+import type { InputProps } from '../../Input';
+import type { InputGroupProps } from '../../InputGroup';
+import type { NumberInputProps } from '../../NumberInput';
+import type { InputPickerProps } from '../../InputPicker';
+import type { KbdProps } from '../../Kbd';
+import type { ImageProps } from '../../Image';
+import type { LinkProps } from '../../Link';
+import type { ListProps } from '../../List';
+import type { LoaderProps } from '../../Loader';
+import type { MaskedInputProps } from '../../MaskedInput';
+import type { MessageProps } from '../../Message';
+import type { ModalProps } from '../../Modal';
+import type { MultiCascadeTreeProps } from '../../MultiCascadeTree';
+import type { MultiCascaderProps } from '../../MultiCascader';
+import type { NavProps } from '../../Nav';
+import type { NavbarProps } from '../../Navbar';
+import type { NotificationProps } from '../../Notification';
+import type { PasswordInputProps } from '../../PasswordInput';
+import type { PasswordStrengthMeterProps } from '../../PasswordStrengthMeter';
+import type { PaginationProps } from '../../Pagination';
+import type { PanelProps } from '../../Panel';
+import type { PanelGroupProps } from '../../PanelGroup';
+import type { PlaceholderGraphProps } from '../../Placeholder/PlaceholderGraph';
+import type { PlaceholderGridProps } from '../../Placeholder/PlaceholderGrid';
+import type { PlaceholderParagraphProps } from '../../Placeholder/PlaceholderParagraph';
+import type { PopoverProps } from '../../Popover';
+import type { ProgressCircleProps } from '../../Progress/ProgressCircle';
+import type { ProgressLineProps } from '../../Progress/ProgressLine';
+import type { PinInputProps } from '../../PinInput';
+import type { RadioProps } from '../../Radio';
+import type { RadioGroupProps } from '../../RadioGroup';
+import type { RadioTileProps } from '../../RadioTile';
+import type { RadioTileGroupProps } from '../../RadioTileGroup';
+import type { RangeSliderProps } from '../../RangeSlider';
+import type { RateProps } from '../../Rate';
+import type { RowProps } from '../../Row';
+import type { SelectPickerProps } from '../../SelectPicker';
+import type { SidebarProps } from '../../Sidebar';
+import type { SidenavProps } from '../../Sidenav';
+import type { SliderProps } from '../../Slider';
+import type { StackProps } from '../../Stack';
+import type { StepsProps } from '../../Steps';
+import type { StatProps } from '../../Stat';
+import type { StatGroupProps } from '../../StatGroup';
+import type { TableProps } from '../../Table';
+import type { TabsProps } from '../../Tabs';
+import type { TagProps } from '../../Tag';
+import type { TagGroupProps } from '../../TagGroup';
+import type { TagInputProps } from '../../TagInput';
+import type { TagPickerProps } from '../../TagPicker';
+import type { TextProps } from '../../Text';
+import type { TimePickerProps } from '../../TimePicker';
+import type { TimeRangePickerProps } from '../../TimeRangePicker';
+import type { TimelineProps } from '../../Timeline';
+import type { ToggleProps } from '../../Toggle';
+import type { TooltipProps } from '../../Tooltip';
+import type { TreeProps } from '../../Tree';
+import type { TreePickerProps } from '../../TreePicker';
+import type { TextareaProps } from '../../Textarea';
+import type { UploaderProps } from '../../Uploader';
+import type { VisuallyHiddenProps } from '../../VisuallyHidden';
+import type { WhisperProps } from '../../Whisper';
+import type { SafeAnchorProps } from '../SafeAnchor';
+interface ComponentProps<T> {
+    defaultProps: Partial<T>;
+}
+export interface ReactSuiteComponents {
+    Accordion: ComponentProps<AccordionProps>;
+    Affix: ComponentProps<AffixProps>;
+    Bounce: ComponentProps<BounceProps>;
+    Collapse: ComponentProps<CollapseProps>;
+    Fade: ComponentProps<FadeProps>;
+    Slide: ComponentProps<SlideProps>;
+    Transition: ComponentProps<TransitionProps>;
+    AutoComplete: ComponentProps<AutoCompleteProps>;
+    Avatar: ComponentProps<AvatarProps>;
+    AvatarGroup: ComponentProps<AvatarGroupProps>;
+    Badge: ComponentProps<BadgeProps>;
+    Breadcrumb: ComponentProps<BreadcrumbProps>;
+    Button: ComponentProps<ButtonProps>;
+    ButtonGroup: ComponentProps<ButtonGroupProps>;
+    ButtonToolbar: ComponentProps<ButtonToolbarProps>;
+    Calendar: ComponentProps<CalendarProps>;
+    Carousel: ComponentProps<CarouselProps>;
+    CascadeTree: ComponentProps<CascadeTreeProps>;
+    Cascader: ComponentProps<CascaderProps>;
+    Card: ComponentProps<CardProps>;
+    CardGroup: ComponentProps<CardGroupProps>;
+    CheckPicker: ComponentProps<CheckPickerProps>;
+    CheckTree: ComponentProps<CheckTreeProps>;
+    CheckTreePicker: ComponentProps<CheckTreePickerProps>;
+    Checkbox: ComponentProps<CheckboxProps>;
+    CheckboxGroup: ComponentProps<CheckboxGroupProps>;
+    Col: ComponentProps<ColProps>;
+    Container: ComponentProps<ContainerProps>;
+    Content: ComponentProps<ContentProps>;
+    DateInput: ComponentProps<DateInputProps>;
+    DatePicker: ComponentProps<DatePickerProps>;
+    DateRangeInput: ComponentProps<DateRangeInputProps>;
+    DateRangePicker: ComponentProps<DateRangePickerProps>;
+    Divider: ComponentProps<DividerProps>;
+    Drawer: ComponentProps<DrawerProps>;
+    Dropdown: ComponentProps<DropdownProps>;
+    FlexboxGrid: ComponentProps<FlexboxGridProps>;
+    Footer: ComponentProps<FooterProps>;
+    Form: ComponentProps<FormProps>;
+    FormControl: ComponentProps<FormControlProps>;
+    FormControlLabel: ComponentProps<FormControlLabelProps>;
+    FormErrorMessage: ComponentProps<FormErrorMessageProps>;
+    FormGroup: ComponentProps<FormGroupProps>;
+    FormHelpText: ComponentProps<FormHelpTextProps>;
+    FormStack: ComponentProps<FormStackProps>;
+    Grid: ComponentProps<GridProps>;
+    Header: ComponentProps<HeaderProps>;
+    Heading: ComponentProps<HeadingProps>;
+    HeadingGroup: ComponentProps<HeadingGroupProps>;
+    Highlight: ComponentProps<HighlightProps>;
+    IconButton: ComponentProps<IconButtonProps>;
+    InlineEdit: ComponentProps<InlineEditProps>;
+    Input: ComponentProps<InputProps>;
+    InputGroup: ComponentProps<InputGroupProps>;
+    NumberInput: ComponentProps<NumberInputProps>;
+    InputPicker: ComponentProps<InputPickerProps>;
+    Image: ComponentProps<ImageProps>;
+    Kbd: ComponentProps<KbdProps>;
+    Link: ComponentProps<LinkProps>;
+    List: ComponentProps<ListProps>;
+    Loader: ComponentProps<LoaderProps>;
+    MaskedInput: ComponentProps<MaskedInputProps>;
+    Message: ComponentProps<MessageProps>;
+    Modal: ComponentProps<ModalProps>;
+    MultiCascadeTree: ComponentProps<MultiCascadeTreeProps>;
+    MultiCascader: ComponentProps<MultiCascaderProps>;
+    Nav: ComponentProps<NavProps>;
+    Navbar: ComponentProps<NavbarProps>;
+    Notification: ComponentProps<NotificationProps>;
+    PasswordInput: ComponentProps<PasswordInputProps>;
+    PasswordStrengthMeter: ComponentProps<PasswordStrengthMeterProps>;
+    Pagination: ComponentProps<PaginationProps>;
+    Panel: ComponentProps<PanelProps>;
+    PanelGroup: ComponentProps<PanelGroupProps>;
+    PlaceholderGraph: ComponentProps<PlaceholderGraphProps>;
+    PlaceholderGrid: ComponentProps<PlaceholderGridProps>;
+    PlaceholderParagraph: ComponentProps<PlaceholderParagraphProps>;
+    PinInput: ComponentProps<PinInputProps>;
+    Popover: ComponentProps<PopoverProps>;
+    ProgressCircle: ComponentProps<ProgressCircleProps>;
+    ProgressLine: ComponentProps<ProgressLineProps>;
+    Radio: ComponentProps<RadioProps>;
+    RadioGroup: ComponentProps<RadioGroupProps>;
+    RadioTile: ComponentProps<RadioTileProps>;
+    RadioTileGroup: ComponentProps<RadioTileGroupProps>;
+    RangeSlider: ComponentProps<RangeSliderProps>;
+    Rate: ComponentProps<RateProps>;
+    Row: ComponentProps<RowProps>;
+    SelectPicker: ComponentProps<SelectPickerProps>;
+    Sidebar: ComponentProps<SidebarProps>;
+    Sidenav: ComponentProps<SidenavProps>;
+    Slider: ComponentProps<SliderProps>;
+    Stack: ComponentProps<StackProps>;
+    Steps: ComponentProps<StepsProps>;
+    Stat: ComponentProps<StatProps>;
+    StatGroup: ComponentProps<StatGroupProps>;
+    Table: ComponentProps<TableProps>;
+    Tabs: ComponentProps<TabsProps>;
+    Tag: ComponentProps<TagProps>;
+    TagGroup: ComponentProps<TagGroupProps>;
+    TagInput: ComponentProps<TagInputProps>;
+    TagPicker: ComponentProps<TagPickerProps>;
+    Text: ComponentProps<TextProps>;
+    TimePicker: ComponentProps<TimePickerProps>;
+    TimeRangePicker: ComponentProps<TimeRangePickerProps>;
+    Timeline: ComponentProps<TimelineProps>;
+    Toggle: ComponentProps<ToggleProps>;
+    Tooltip: ComponentProps<TooltipProps>;
+    Tree: ComponentProps<TreeProps>;
+    TreePicker: ComponentProps<TreePickerProps>;
+    Textarea: ComponentProps<TextareaProps>;
+    Uploader: ComponentProps<UploaderProps>;
+    VisuallyHidden: ComponentProps<VisuallyHiddenProps>;
+    Whisper: ComponentProps<WhisperProps>;
+    SafeAnchor: ComponentProps<SafeAnchorProps>;
+}
+export {};

package/cjs/internals/Ripple/Ripple.js

@@ -11,7 +11,6 @@ var _on = _interopRequireDefault(require("dom-lib/on"));
 var _Transition = _interopRequireDefault(require("../../Animation/Transition"));
 var _hooks = require("../hooks");
 var _utils = require("../utils");
-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; }
 const getPosition = (target, event) => {
@@ -36,7 +35,7 @@ const getPosition = (target, event) => {
 const Ripple = (0, _utils.forwardRef)((props, ref) => {
   const {
     disableRipple
-  } = (0, _CustomProvider.useCustom)();
+  } = (0, _hooks.useCustom)();
   const {
     as: Component = 'span',
     className,

package/cjs/internals/SafeAnchor/SafeAnchor.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _Box = _interopRequireDefault(require("../Box"));
-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; }
@@ -22,7 +22,7 @@ function isTrivialHref(href) {
 const SafeAnchor = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('SafeAnchor', props);
+  } = (0, _hooks.useCustom)('SafeAnchor', props);
   const {
     as = 'a',
     href,

package/cjs/internals/Windowing/List.js

@@ -8,7 +8,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireWildcard(require("react"));
 var _ScrollView = _interopRequireDefault(require("../ScrollView"));
 var _reactWindow = require("react-window");
-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; }
@@ -37,7 +37,7 @@ const List = (0, _utils.forwardRef)((props, ref) => {
   const listRef = (0, _react.useRef)(null);
   const {
     rtl
-  } = (0, _CustomProvider.useCustom)();
+  } = (0, _hooks.useCustom)();
   (0, _react.useImperativeHandle)(ref, () => ({
     resetAfterIndex: (index, shouldForceUpdate) => {
       var _listRef$current, _listRef$current$rese;

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

@@ -1,3 +1,4 @@
+export { useCustom } from './useCustom';
 export { useStyles } from './useStyles';
 export { useClickOutside } from './useClickOutside';
 export { useControlled } from './useControlled';

package/cjs/internals/hooks/index.js

@@ -2,7 +2,9 @@
 "use strict";
 
 exports.__esModule = true;
-exports.useWillUnmount = exports.useUpdatedRef = exports.useUpdateEffect = exports.useUniqueId = exports.useToggleCaret = exports.useTimeout = exports.useStyles = exports.useRootClose = exports.usePortal = exports.useMount = exports.useMap = exports.useIsomorphicLayoutEffect = exports.useIsMounted = exports.useInternalId = exports.useFocusVirtualListItem = exports.useFocus = exports.useEventListener = exports.useEventCallback = exports.useEnsuredRef = exports.useElementResize = exports.useControlled = exports.useClickOutside = void 0;
+exports.useWillUnmount = exports.useUpdatedRef = exports.useUpdateEffect = exports.useUniqueId = exports.useToggleCaret = exports.useTimeout = exports.useStyles = exports.useRootClose = exports.usePortal = exports.useMount = exports.useMap = exports.useIsomorphicLayoutEffect = exports.useIsMounted = exports.useInternalId = exports.useFocusVirtualListItem = exports.useFocus = exports.useEventListener = exports.useEventCallback = exports.useEnsuredRef = exports.useElementResize = exports.useCustom = exports.useControlled = exports.useClickOutside = void 0;
+var _useCustom = require("./useCustom");
+exports.useCustom = _useCustom.useCustom;
 var _useStyles = require("./useStyles");
 exports.useStyles = _useStyles.useStyles;
 var _useClickOutside = require("./useClickOutside");

package/cjs/{CustomProvider → internals/hooks}/useCustom.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import enGB from '../locales/en_GB';
-import type { FormatDateOptions } from '../internals/utils/date/types';
-import type { ReactSuiteComponents } from './types';
+import enGB from '../../locales/en_GB';
+import type { FormatDateOptions } from '../utils/date/types';
+import type { ReactSuiteComponents } from '../Provider/types';
 type LocaleKey = keyof typeof enGB;
 /**
  * A hook to get custom configuration of `<CustomProvider>`
@@ -11,7 +11,7 @@ type LocaleKey = keyof typeof enGB;
 export declare function useCustom<P = any>(componentName?: keyof ReactSuiteComponents, componentProps?: P): {
     code: string | undefined;
     rtl: boolean;
-    toasters: import("react").MutableRefObject<Map<string, import("../toaster/ToastContainer").ToastContainerInstance>> | undefined;
+    toasters: import("react").MutableRefObject<Map<string, import("../../toaster/ToastContainer").ToastContainerInstance>> | undefined;
     disableRipple: boolean | undefined;
     classPrefix: string | undefined;
     propsWithDefaults: P;

package/cjs/{CustomProvider → internals/hooks}/useCustom.js

@@ -5,11 +5,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 exports.useCustom = useCustom;
-var _react = require("react");
 var _assign = _interopRequireDefault(require("lodash/assign"));
-var _en_GB = _interopRequireDefault(require("../locales/en_GB"));
-var _date = require("../internals/utils/date");
-var _CustomProvider = require("./CustomProvider");
+var _en_GB = _interopRequireDefault(require("../../locales/en_GB"));
+var _react = require("react");
+var _date = require("../utils/date");
+var _CustomContext = require("../Provider/CustomContext");
 function getDefaultRTL() {
   return typeof document !== 'undefined' && (document.body.getAttribute('dir') || document.dir) === 'rtl';
 }
@@ -37,7 +37,7 @@ function useCustom(componentName, componentProps) {
     classPrefix,
     toasters,
     disableRipple
-  } = (0, _react.useContext)(_CustomProvider.CustomContext);
+  } = (0, _react.useContext)(_CustomContext.CustomContext);
   const {
     locale: componentLocale,
     ...restProps

package/cjs/internals/hooks/useStyles.js

@@ -8,7 +8,7 @@ exports.useStyles = useStyles;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = require("react");
 var _utils = require("../utils");
-var _CustomProvider = require("../../CustomProvider/CustomProvider");
+var _CustomContext = require("../Provider/CustomContext");
 // This is the only way I found to break circular references between ClassArray and ClassValue
 // https://github.com/Microsoft/TypeScript/issues/3496#issuecomment-128553540
 
@@ -26,7 +26,7 @@ var _CustomProvider = require("../../CustomProvider/CustomProvider");
 function useStyles(str) {
   const {
     classPrefix = 'rs'
-  } = (0, _react.useContext)(_CustomProvider.CustomContext) || {};
+  } = (0, _react.useContext)(_CustomContext.CustomContext) || {};
   const baseClass = (0, _utils.prefix)(classPrefix, str);
 
   /**