rsuite 5.74.0-beta.0 → 5.74.1

package/esm/CascadeTree/TreeView.js

@@ -3,13 +3,13 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["as", "activeItemValue", "classPrefix", "className", "childrenKey", "disabledItemValues", "columnWidth", "columnHeight", "valueKey", "data", "cascadePaths", "loadingItemsSet", "labelKey", "style", "renderColumn", "renderTreeNode", "onSelect"];
 import React, { useEffect, useRef } from 'react';
-import SpinnerIcon from '@rsuite/icons/legacy/Spinner';
 import isUndefined from 'lodash/isUndefined';
 import isNil from 'lodash/isNil';
-import PagePreviousIcon from '@rsuite/icons/PagePrevious';
-import PageNextIcon from '@rsuite/icons/PageNext';
 import getPosition from 'dom-lib/getPosition';
 import scrollTop from 'dom-lib/scrollTop';
+import SpinnerIcon from '@rsuite/icons/Spinner';
+import ArrowLeftLineIcon from '@rsuite/icons/ArrowLeftLine';
+import ArrowRightLineIcon from '@rsuite/icons/ArrowRightLine';
 import { shallowEqual, mergeRefs } from "../internals/utils/index.js";
 import { useClassNames, useEventCallback } from "../internals/hooks/index.js";
 import { ListItem, useCombobox } from "../internals/Picker/index.js";
@@ -111,7 +111,7 @@ var TreeView = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
     // Use `value` in keys when If `value` is string or number
     var onlyKey = typeof value === 'number' || typeof value === 'string' ? value : index;
-    var Icon = loading ? SpinnerIcon : rtl ? PagePreviousIcon : PageNextIcon;
+    var Icon = loading ? SpinnerIcon : rtl ? ArrowLeftLineIcon : ArrowRightLineIcon;
     return /*#__PURE__*/React.createElement(ListItem, {
       as: 'li',
       role: "treeitem",

package/esm/CustomProvider/FormattedDate.d.ts

@@ -3,5 +3,5 @@ interface FormattedDateProps {
     date: Date;
     formatStr: string;
 }
-declare function FormattedDate({ date, formatStr }: FormattedDateProps): React.JSX.Element;
+export declare function FormattedDate({ date, formatStr }: FormattedDateProps): React.JSX.Element;
 export default FormattedDate;

package/esm/CustomProvider/FormattedDate.js

@@ -1,7 +1,7 @@
 'use client';
 import React from 'react';
 import { useCustom } from "./useCustom.js";
-function FormattedDate(_ref) {
+export function FormattedDate(_ref) {
   var date = _ref.date,
     formatStr = _ref.formatStr;
   var _useCustom = useCustom('Calendar'),

package/esm/CustomProvider/index.d.ts

@@ -1,6 +1,7 @@
-import CustomProvider, { CustomContext } from './CustomProvider';
-import FormattedDate from './FormattedDate';
-export { CustomContext, FormattedDate };
+import CustomProvider from './CustomProvider';
+export { FormattedDate } from './FormattedDate';
 export { useCustom } from './useCustom';
+export { CustomContext } from './CustomProvider';
 export type { CustomProviderProps } from './CustomProvider';
+export type { ReactSuiteComponents } from './types';
 export default CustomProvider;

package/esm/CustomProvider/index.js

@@ -1,6 +1,6 @@
 'use client';
-import CustomProvider, { CustomContext } from "./CustomProvider.js";
-import FormattedDate from "./FormattedDate.js";
-export { CustomContext, FormattedDate };
+import CustomProvider from "./CustomProvider.js";
+export { FormattedDate } from "./FormattedDate.js";
 export { useCustom } from "./useCustom.js";
+export { CustomContext } from "./CustomProvider.js";
 export default CustomProvider;

package/esm/DatePicker/DatePicker.js

@@ -8,7 +8,7 @@ import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import mapValues from 'lodash/mapValues';
 import pick from 'lodash/pick';
-import CalendarIcon from '@rsuite/icons/Calendar';
+import CalenderSimpleIcon from '@rsuite/icons/CalenderSimple';
 import TimeIcon from '@rsuite/icons/Time';
 import CalendarContainer from "../Calendar/CalendarContainer.js";
 import { useCalendarDate } from "../Calendar/hooks/index.js";
@@ -442,7 +442,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (caretAsProp === null) {
       return null;
     }
-    return caretAsProp || (mode === DateMode.Time ? TimeIcon : CalendarIcon);
+    return caretAsProp || (mode === DateMode.Time ? TimeIcon : CalenderSimpleIcon);
   }, [caretAsProp, mode]);
   var handleTriggerClose = useEventCallback(function (cause) {
     var _props$onClose;

package/esm/Form/Form.js

@@ -115,7 +115,7 @@ var Form = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (disabled || readOnly || plaintext) {
       return;
     }
-    submit();
+    submit(event);
   });
   var handleReset = useEventCallback(function (event) {
     var _event$preventDefault2, _event$stopPropagatio2;

package/esm/InputNumber/InputNumber.js

@@ -5,9 +5,9 @@ var _excluded = ["as", "className", "classPrefix", "disabled", "decimalSeparator
 import React, { useEffect, useRef, useState, useMemo, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import isNil from 'lodash/isNil';
-import AngleUpIcon from '@rsuite/icons/legacy/AngleUp';
-import AngleDownIcon from '@rsuite/icons/legacy/AngleDown';
 import on from 'dom-lib/on';
+import ArrowUpLineIcon from '@rsuite/icons/ArrowUpLine';
+import ArrowDownLineIcon from '@rsuite/icons/ArrowDownLine';
 import InputGroup from "../InputGroup/InputGroup.js";
 import InputGroupAddon from "../InputGroup/InputGroupAddon.js";
 import Input from "../Input/index.js";
@@ -290,14 +290,14 @@ var InputNumber = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onClick: handleStepUp,
     disabled: stepUpDisabled,
     "aria-label": "Increment"
-  }, /*#__PURE__*/React.createElement(AngleUpIcon, null)), /*#__PURE__*/React.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(ArrowUpLineIcon, null)), /*#__PURE__*/React.createElement(Button, {
     tabIndex: -1,
     appearance: buttonAppearance,
     className: prefix('touchspin-down'),
     onClick: handleStepDown,
     disabled: stepDownDisabled,
     "aria-label": "Decrement"
-  }, /*#__PURE__*/React.createElement(AngleDownIcon, null))), postfix && /*#__PURE__*/React.createElement(InputGroupAddon, null, postfix));
+  }, /*#__PURE__*/React.createElement(ArrowDownLineIcon, null))), postfix && /*#__PURE__*/React.createElement(InputGroupAddon, null, postfix));
 });
 InputNumber.displayName = 'InputNumber';
 InputNumber.propTypes = {

package/esm/MultiCascadeTree/TreeView.js

@@ -3,9 +3,9 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["as", "classPrefix", "className", "cascade", "cascadeData", "cascadePaths", "childrenKey", "disabledItemValues", "columnWidth", "columnHeight", "uncheckableItemValues", "value", "valueKey", "labelKey", "style", "renderTreeNode", "renderColumn", "onCheck", "onSelect"];
 import React from 'react';
-import SpinnerIcon from '@rsuite/icons/legacy/Spinner';
-import PagePreviousIcon from '@rsuite/icons/PagePrevious';
-import PageNextIcon from '@rsuite/icons/PageNext';
+import SpinnerIcon from '@rsuite/icons/Spinner';
+import ArrowLeftLineIcon from '@rsuite/icons/ArrowLeftLine';
+import ArrowRightLineIcon from '@rsuite/icons/ArrowRightLine';
 import { useClassNames, useEventCallback } from "../internals/hooks/index.js";
 import { shallowEqual } from "../internals/utils/index.js";
 import { ListCheckItem, useCombobox } from "../internals/Picker/index.js";
@@ -85,7 +85,7 @@ var TreeView = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
     // Use `value` in keys when If `value` is string or number
     var onlyKey = typeof value === 'number' || typeof value === 'string' ? value : index;
-    var Icon = node.loading ? SpinnerIcon : rtl ? PagePreviousIcon : PageNextIcon;
+    var Icon = node.loading ? SpinnerIcon : rtl ? ArrowLeftLineIcon : ArrowRightLineIcon;
     var active = value.some(function (v) {
       return v === nodeValue;
     });

package/esm/Panel/AccordionButton.js

@@ -6,7 +6,7 @@ var _templateObject;
 var _excluded = ["classPrefix", "expanded", "id", "className", "controlId", "children", "disabled", "caretAs"];
 import React from 'react';
 import Icon from '@rsuite/icons/Icon';
-import AngleDownIcon from '@rsuite/icons/legacy/AngleDown';
+import ArrowDownLineIcon from '@rsuite/icons/ArrowDownLine';
 import { useClassNames } from "../internals/hooks/index.js";
 var AccordionButton = function AccordionButton(props) {
   var _props$classPrefix = props.classPrefix,
@@ -18,7 +18,7 @@ var AccordionButton = function AccordionButton(props) {
     children = props.children,
     disabled = props.disabled,
     _props$caretAs = props.caretAs,
-    caretAs = _props$caretAs === void 0 ? AngleDownIcon : _props$caretAs,
+    caretAs = _props$caretAs === void 0 ? ArrowDownLineIcon : _props$caretAs,
     rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     prefix = _useClassNames.prefix,

package/esm/Rate/Rate.js

@@ -5,7 +5,7 @@ var _excluded = ["as", "character", "className", "classPrefix", "disabled", "max
 import React, { useCallback, useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import isNil from 'lodash/isNil';
-import Star from '@rsuite/icons/legacy/Star';
+import Star from '@rsuite/icons/Star';
 import Character from "./Character.js";
 import Plaintext from "../internals/Plaintext/index.js";
 import { oneOf } from "../internals/propTypes/index.js";

package/esm/Tree/TreeNodeToggle.js

@@ -6,7 +6,7 @@ import React from 'react';
 import ArrowDownIcon from '@rsuite/icons/ArrowDown';
 import ArrowRightIcon from '@rsuite/icons/ArrowRight';
 import ArrowLeftIcon from '@rsuite/icons/ArrowLeft';
-import Spinner from '@rsuite/icons/legacy/Spinner';
+import Spinner from '@rsuite/icons/Spinner';
 import { useClassNames } from "../internals/hooks/index.js";
 import { useTreeCustomRenderer } from "../internals/Tree/TreeProvider.js";
 import { useCustom } from "../CustomProvider/index.js";

package/esm/Uploader/UploadFileItem.js

@@ -4,7 +4,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _excluded = ["as", "disabled", "allowReupload", "file", "classPrefix", "listType", "className", "removable", "maxPreviewFileSize", "locale", "renderFileInfo", "renderThumbnail", "onPreview", "onCancel", "onReupload"];
 import React, { useCallback, useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
-import Attachment from '@rsuite/icons/legacy/Attachment';
+import Attachment from '@rsuite/icons/Attachment';
 import Reload from '@rsuite/icons/Reload';
 import CloseButton from "../internals/CloseButton/index.js";
 import { oneOf } from "../internals/propTypes/index.js";

package/esm/internals/Picker/PickerIndicator.js

@@ -39,7 +39,8 @@ var PickerIndicator = function PickerIndicator(_ref) {
     }
     return caretAs && /*#__PURE__*/React.createElement(Icon, {
       as: caretAs,
-      className: prefix('caret-icon')
+      className: prefix('caret-icon'),
+      "data-testid": "caret"
     });
   };
   var props = Component === InputGroup.Addon ? {

package/esm/internals/hooks/useToggleCaret.js

@@ -1,9 +1,9 @@
 'use client';
 import { useMemo } from 'react';
-import AngleDownIcon from '@rsuite/icons/legacy/AngleDown';
-import AngleUpIcon from '@rsuite/icons/legacy/AngleUp';
-import AngleLeftIcon from '@rsuite/icons/legacy/AngleLeft';
-import AngleRightIcon from '@rsuite/icons/legacy/AngleRight';
+import ArrowUpLineIcon from '@rsuite/icons/ArrowUpLine';
+import ArrowDownLineIcon from '@rsuite/icons/ArrowDownLine';
+import ArrowLeftLineIcon from '@rsuite/icons/ArrowLeftLine';
+import ArrowRightLineIcon from '@rsuite/icons/ArrowRightLine';
 import { useCustom } from "../../CustomProvider/index.js";
 export function useToggleCaret(placement) {
   var _useCustom = useCustom(),
@@ -11,14 +11,14 @@ export function useToggleCaret(placement) {
   return useMemo(function () {
     switch (true) {
       case /^top/.test(placement):
-        return AngleUpIcon;
+        return ArrowUpLineIcon;
       case /^right/.test(placement):
-        return rtl ? AngleLeftIcon : AngleRightIcon;
+        return rtl ? ArrowLeftLineIcon : ArrowRightLineIcon;
       case /^left/.test(placement):
-        return rtl ? AngleRightIcon : AngleLeftIcon;
+        return rtl ? ArrowRightLineIcon : ArrowLeftLineIcon;
       case /^bottom/.test(placement):
       default:
-        return AngleDownIcon;
+        return ArrowDownLineIcon;
     }
   }, [placement, rtl]);
 }

package/esm/useToaster/useToaster.js

@@ -1,7 +1,9 @@
 'use client';
 import { useMemo, useContext } from 'react';
 import toaster from "../toaster/index.js";
-import { CustomContext } from "../CustomProvider/index.js";
+// From CustomProvider/CustomProvider.tsx import CustomContext instead of directly from 'CustomProvider/index.ts'
+// because babel compiles commonjs, which causes CustomContext to be undefined
+import { CustomContext } from "../CustomProvider/CustomProvider.js";
 /**
  * Toaster display brief, temporary notifications of actions, errors, or other events in an application.
  * It is often used with the Message and Notification components.

package/internals/Picker/styles/index.less

@@ -296,6 +296,7 @@
     // Extend  Dropdown toggle caret style
     .combobox-indicator-icon();
 
+    font-size: 16px;
     color: var(--rs-text-secondary);
   }
 

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "rsuite",
-  "version": "5.74.0-beta.0",
+  "version": "5.74.1",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",
   "typings": "esm/index.d.ts",
+  "homepage": "https://rsuitejs.com",
   "directories": {
     "lib": "cjs/"
   },
@@ -26,7 +27,7 @@
   "dependencies": {
     "@babel/runtime": "^7.20.1",
     "@juggle/resize-observer": "^3.4.0",
-    "@rsuite/icons": "^1.2.0",
+    "@rsuite/icons": "^1.3.0",
     "@types/lodash": "^4.14.184",
     "@types/prop-types": "^15.7.5",
     "@types/react-window": "^1.8.5",