rsuite 5.77.1 → 5.78.1

package/CHANGELOG.md

@@ -1,3 +1,26 @@
+## [5.78.1](https://github.com/rsuite/rsuite/compare/v5.78.0...v5.78.1) (2025-03-14)
+
+
+### Bug Fixes
+
+* **Uploader:** refine children prop type and improve class handling ([#4175](https://github.com/rsuite/rsuite/issues/4175)) ([58d3eea](https://github.com/rsuite/rsuite/commit/58d3eea86e186590586a14068773a8418fb5f3f9))
+
+
+
+# [5.78.0](https://github.com/rsuite/rsuite/compare/v5.77.1...v5.78.0) (2025-02-21)
+
+
+### Bug Fixes
+
+* **pickers:** improve pickers `renderValue` property type definition ([#4144](https://github.com/rsuite/rsuite/issues/4144)) ([a6abf28](https://github.com/rsuite/rsuite/commit/a6abf28ac6084a112772503544de7528286f1ca8))
+
+
+### Features
+
+* **locales:** add support for Polish ([#4153](https://github.com/rsuite/rsuite/issues/4153)) ([7959a71](https://github.com/rsuite/rsuite/commit/7959a71fba591233384947fe93be5845bc2886ee))
+
+
+
 ## [5.77.1](https://github.com/rsuite/rsuite/compare/v5.77.0...v5.77.1) (2025-02-07)
 
 

package/cjs/CheckPicker/CheckPicker.d.ts

@@ -2,13 +2,15 @@ import React from 'react';
 import { PickerLocale } from '../locales';
 import { PickerHandle, PickerToggleProps } from '../internals/Picker';
 import { ItemDataType, FormControlPickerProps } from '../internals/types';
-import type { MultipleSelectProps } from '../SelectPicker';
+import type { SelectProps } from '../SelectPicker';
 export type ValueType = (number | string)[];
-export interface CheckPickerProps<T = any> extends FormControlPickerProps<T[], PickerLocale, ItemDataType<T>>, MultipleSelectProps<T>, Pick<PickerToggleProps, 'label' | 'caretAs' | 'loading'> {
+export interface CheckPickerProps<T = any> extends FormControlPickerProps<T[], PickerLocale, ItemDataType<T>>, Omit<SelectProps<T>, 'renderValue'>, Pick<PickerToggleProps, 'label' | 'caretAs' | 'loading'> {
     /** Top the selected option in the options */
     sticky?: boolean;
     /** A picker that can be counted */
     countable?: boolean;
+    /** Custom render selected items */
+    renderValue?: (value: T[], item: ItemDataType<T>[], selectedElement: React.ReactNode) => React.ReactNode;
 }
 export interface CheckPickerComponent {
     <T>(props: CheckPickerProps<T> & {

package/cjs/InputPicker/InputPicker.d.ts

@@ -5,7 +5,7 @@ import type { ItemDataType, FormControlPickerProps } from '../internals/types';
 import type { InputPickerLocale } from '../locales';
 import type { SelectProps } from '../SelectPicker';
 export type ValueType = any;
-export interface InputPickerProps<V = ValueType> extends FormControlPickerProps<V, InputPickerLocale, InputItemDataType>, SelectProps<V>, Pick<PickerToggleProps, 'caretAs' | 'loading'> {
+export interface InputPickerProps<V = ValueType> extends FormControlPickerProps<V, InputPickerLocale, InputItemDataType>, Omit<SelectProps<V>, 'renderValue'>, Pick<PickerToggleProps, 'caretAs' | 'loading'> {
     tabIndex?: number;
     /** Settings can create new options */
     creatable?: boolean;
@@ -26,6 +26,7 @@ export interface InputPickerProps<V = ValueType> extends FormControlPickerProps<
      * @param filteredData The items filtered by the searchKeyword
      */
     shouldDisplayCreateOption?: (searchKeyword: string, filteredData: InputItemDataType<V>[]) => boolean;
+    renderValue?: (value: V, item: ItemDataType<V>, selectedElement: React.ReactNode) => React.ReactNode;
 }
 /**
  * Single item selector with text box input.

package/cjs/MultiCascader/MultiCascader.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import { PickerLocale } from '../locales';
-import { PickerComponent, PickerToggleProps } from '../internals/Picker';
-import { FormControlPickerProps, ItemDataType, DataItemValue } from '../internals/types';
+import { PickerHandle, PickerToggleProps } from '../internals/Picker';
+import { FormControlPickerProps, ItemDataType } from '../internals/types';
 import type { MultiCascadeTreeProps } from '../MultiCascadeTree';
-export interface MultiCascaderProps<T extends DataItemValue = any> extends FormControlPickerProps<T[], PickerLocale, ItemDataType<T>, T>, MultiCascadeTreeProps<T, T[], PickerLocale>, Pick<PickerToggleProps, 'loading'> {
+export interface MultiCascaderProps<T = any> extends FormControlPickerProps<T[], PickerLocale, ItemDataType<T>, T>, MultiCascadeTreeProps<T, T[], PickerLocale>, Pick<PickerToggleProps, 'label' | 'caretAs' | 'loading'> {
     /**
      * A picker that can be counted
      */
@@ -62,9 +62,16 @@ export interface MultiCascaderProps<T extends DataItemValue = any> extends FormC
      */
     onClean?: (event: React.SyntheticEvent) => void;
 }
+export interface MultiCascaderComponent {
+    <T>(props: MultiCascaderProps<T> & {
+        ref?: React.Ref<PickerHandle>;
+    }): JSX.Element | null;
+    displayName?: string;
+    propTypes?: React.WeakValidationMap<MultiCascaderProps<any>>;
+}
 /**
  * The `MultiCascader` component is used to select multiple values from cascading options.
  * @see https://rsuitejs.com/components/multi-cascader/
  */
-declare const MultiCascader: PickerComponent<MultiCascaderProps<DataItemValue>>;
+declare const MultiCascader: MultiCascaderComponent;
 export default MultiCascader;

package/cjs/SelectPicker/SelectPicker.d.ts

@@ -25,9 +25,9 @@ export interface SelectProps<T> {
     /** Custom render menu group */
     renderMenuGroup?: (title: React.ReactNode, item: ItemDataType) => React.ReactNode;
     /** Custom render selected items */
-    renderValue?: (value: T, item: ItemDataType | ItemDataType[], selectedElement: React.ReactNode) => React.ReactNode;
+    renderValue?: (value: T, item: ItemDataType<T>, selectedElement: React.ReactNode) => React.ReactNode;
     /** Called when the option is selected */
-    onSelect?: (value: any, item: ItemDataType, event: React.SyntheticEvent) => void;
+    onSelect?: (value: any, item: ItemDataType<T>, event: React.SyntheticEvent) => void;
     /** Called after clicking the group title */
     onGroupTitleClick?: (event: React.SyntheticEvent) => void;
     /** Called when searching */

package/cjs/SelectPicker/index.d.ts

@@ -1,3 +1,3 @@
 import SelectPicker from './SelectPicker';
-export type { SelectProps, MultipleSelectProps, SelectPickerProps } from './SelectPicker';
+export type { SelectProps, SelectPickerProps } from './SelectPicker';
 export default SelectPicker;

package/cjs/TagPicker/index.d.ts

@@ -1,14 +1,17 @@
 import React from 'react';
 import { InputPickerProps } from '../InputPicker/InputPicker';
 import { TagOnlyProps } from '../InputPicker/InputPickerContext';
+import type { ItemDataType } from '../internals/types';
 import type { PickerComponent } from '../internals/Picker/types';
 import type { CheckboxProps } from '../Checkbox';
-export interface TagPickerProps extends InputPickerProps, Partial<TagOnlyProps> {
+export interface TagPickerProps<V = any> extends Omit<InputPickerProps<V>, 'renderValue'>, Partial<TagOnlyProps> {
     /**
      * Custom render checkbox on menu item
      * @version 5.47.0
      **/
     renderMenuItemCheckbox?: (checkboxProps: CheckboxProps) => React.ReactNode;
+    /** Custom render selected items */
+    renderValue?: (values: V[], items: ItemDataType<V>[], selectedElement: React.ReactNode) => React.ReactNode;
 }
 /**
  * `TagPicker` component enables multi-selection by tags and supports new options.

package/cjs/TagPicker/index.js

@@ -10,7 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _InputPicker = _interopRequireDefault(require("../InputPicker/InputPicker"));
 var _InputPickerContext = require("../InputPicker/InputPickerContext");
 var _CustomProvider = require("../CustomProvider");
-var _excluded = ["tagProps", "trigger", "onTagRemove", "renderMenuItemCheckbox"];
+var _excluded = ["tagProps", "trigger", "onTagRemove", "renderMenuItemCheckbox", "renderValue"];
 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; }
 /**
@@ -27,6 +27,7 @@ var TagPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     trigger = _propsWithDefaults$tr === void 0 ? 'Enter' : _propsWithDefaults$tr,
     onTagRemove = propsWithDefaults.onTagRemove,
     renderMenuItemCheckbox = propsWithDefaults.renderMenuItemCheckbox,
+    renderValue = propsWithDefaults.renderValue,
     rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var contextValue = (0, _react.useMemo)(function () {
     return {
@@ -39,7 +40,9 @@ var TagPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }, [onTagRemove, renderMenuItemCheckbox, tagProps, trigger]);
   return /*#__PURE__*/_react.default.createElement(_InputPickerContext.TagProvider, {
     value: contextValue
-  }, /*#__PURE__*/_react.default.createElement(_InputPicker.default, (0, _extends2.default)({}, rest, {
+  }, /*#__PURE__*/_react.default.createElement(_InputPicker.default, (0, _extends2.default)({
+    renderValue: renderValue
+  }, rest, {
     ref: ref
   })));
 });

package/cjs/Uploader/UploadTrigger.d.ts

@@ -11,7 +11,7 @@ export interface UploadTriggerProps extends ButtonProps {
     accept?: string;
     classPrefix?: string;
     className?: string;
-    children?: React.ReactNode;
+    children?: React.ReactElement;
     locale?: UploaderLocale;
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
     onDragEnter?: React.DragEventHandler<HTMLInputElement>;

package/cjs/Uploader/UploadTrigger.js

@@ -15,6 +15,7 @@ var _excluded = ["as", "name", "accept", "multiple", "disabled", "readOnly", "ch
 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; }
 var UploadTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _children$props;
   var _props$as = props.as,
     Component = _props$as === void 0 ? _Button.default : _props$as,
     name = props.name,
@@ -103,18 +104,21 @@ var UploadTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       clearInput: handleClearInput
     };
   });
+
+  // Prepare button props with event handlers conditionally applied
   var buttonProps = (0, _extends2.default)({}, rest, {
     disabled: disabled,
     className: prefix('btn')
+  }, !disabled && !readOnly && {
+    onClick: handleClick,
+    onDragEnter: handleDragEnter,
+    onDragLeave: handleDragLeave,
+    onDragOver: handleDragOver,
+    onDrop: handleDrop
   });
-  if (!disabled && !readOnly) {
-    buttonProps.onClick = handleClick;
-    buttonProps.onDragEnter = handleDragEnter;
-    buttonProps.onDragLeave = handleDragLeave;
-    buttonProps.onDragOver = handleDragOver;
-    buttonProps.onDrop = handleDrop;
-  }
-  var trigger = children ? (/*#__PURE__*/_react.default.cloneElement(_react.default.Children.only(children), buttonProps)) : /*#__PURE__*/_react.default.createElement(Component, buttonProps, locale === null || locale === void 0 ? void 0 : locale.upload);
+  var trigger = children ? (/*#__PURE__*/_react.default.cloneElement(_react.default.Children.only(children), (0, _extends2.default)({}, buttonProps, {
+    className: merge((_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.className, prefix('btn'))
+  }))) : /*#__PURE__*/_react.default.createElement(Component, buttonProps, locale === null || locale === void 0 ? void 0 : locale.upload);
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: rootRef,
     className: classes
@@ -140,7 +144,7 @@ UploadTrigger.propTypes = {
   onChange: _propTypes.default.func,
   classPrefix: _propTypes.default.string,
   className: _propTypes.default.string,
-  children: _propTypes.default.node,
+  children: _propTypes.default.element,
   draggable: _propTypes.default.bool,
   onDragEnter: _propTypes.default.func,
   onDragLeave: _propTypes.default.func,

package/cjs/Uploader/Uploader.d.ts

@@ -29,7 +29,7 @@ export interface UploaderProps extends WithAsProps, Omit<UploadTriggerProps, 'on
     /** Automatically upload files after selecting them */
     autoUpload?: boolean;
     /** Primary content */
-    children?: React.ReactNode;
+    children?: React.ReactElement;
     /** List of uploaded files */
     defaultFileList?: FileType[];
     /** List of uploaded files （Controlled） */

package/cjs/Uploader/Uploader.js

@@ -420,7 +420,7 @@ Uploader.propTypes = {
   action: _propTypes.default.string.isRequired,
   accept: _propTypes.default.string,
   autoUpload: _propTypes.default.bool,
-  children: _propTypes.default.node,
+  children: _propTypes.default.element,
   className: _propTypes.default.string,
   classPrefix: _propTypes.default.string,
   defaultFileList: _propTypes.default.array,

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

@@ -179,7 +179,7 @@ export interface SVGIcon {
     id: string;
 }
 export interface ItemDataType<T = number | string> extends Record<string, any> {
-    label?: string | React.ReactNode;
+    label?: React.ReactNode;
     value?: T;
     groupBy?: string;
     parent?: ItemDataType<T>;

package/cjs/locales/index.d.ts

@@ -25,6 +25,7 @@ export { default as frFR } from './fr_FR';
 export { default as jaJP } from './ja_JP';
 export { default as neNP } from './ne_NP';
 export { default as csCZ } from './cs_CZ';
+export { default as plPL } from './pl_PL';
 type PickKeys<T> = {
     [keys in keyof T]?: T[keys];
 };

package/cjs/locales/index.js

@@ -3,7 +3,7 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.zhTW = exports.zhCN = exports.trTR = exports.svSE = exports.ruRU = exports.ptBR = exports.nlNL = exports.neNP = exports.koKR = exports.kkKZ = exports.jaJP = exports.itIT = exports.huHU = exports.frFR = exports.fiFI = exports.faIR = exports.esES = exports.esAR = exports.enUS = exports.enGB = exports.deDE = exports.daDK = exports.csCZ = exports.caES = exports.arEG = void 0;
+exports.zhTW = exports.zhCN = exports.trTR = exports.svSE = exports.ruRU = exports.ptBR = exports.plPL = exports.nlNL = exports.neNP = exports.koKR = exports.kkKZ = exports.jaJP = exports.itIT = exports.huHU = exports.frFR = exports.fiFI = exports.faIR = exports.esES = exports.esAR = exports.enUS = exports.enGB = exports.deDE = exports.daDK = exports.csCZ = exports.caES = exports.arEG = void 0;
 var _ar_EG = _interopRequireDefault(require("./ar_EG"));
 exports.arEG = _ar_EG.default;
 var _da_DK = _interopRequireDefault(require("./da_DK"));
@@ -53,4 +53,6 @@ exports.jaJP = _ja_JP.default;
 var _ne_NP = _interopRequireDefault(require("./ne_NP"));
 exports.neNP = _ne_NP.default;
 var _cs_CZ = _interopRequireDefault(require("./cs_CZ"));
-exports.csCZ = _cs_CZ.default;
+exports.csCZ = _cs_CZ.default;
+var _pl_PL = _interopRequireDefault(require("./pl_PL"));
+exports.plPL = _pl_PL.default;

package/cjs/locales/pl_PL.d.ts

@@ -0,0 +1,151 @@
+declare const _default: {
+    code: string;
+    common: {
+        loading: string;
+        emptyMessage: string;
+        remove: string;
+        clear: string;
+    };
+    Plaintext: {
+        unfilled: string;
+        notSelected: string;
+        notUploaded: string;
+    };
+    Pagination: {
+        more: string;
+        prev: string;
+        next: string;
+        first: string;
+        last: string;
+        limit: string;
+        total: string;
+        skip: string;
+    };
+    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;
+    };
+    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;
+    };
+    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;
+    };
+    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;
+    };
+    Combobox: {
+        noResultsText: string;
+        placeholder: string;
+        searchPlaceholder: string;
+        checkAll: string;
+    };
+    InputPicker: {
+        newItem: string;
+        createOption: string;
+        noResultsText: string;
+        placeholder: string;
+        searchPlaceholder: string;
+        checkAll: string;
+    };
+    TagPicker: {
+        newItem: string;
+        createOption: string;
+        noResultsText: string;
+        placeholder: string;
+        searchPlaceholder: string;
+        checkAll: string;
+    };
+    Uploader: {
+        inited: string;
+        progress: string;
+        error: string;
+        complete: string;
+        emptyFile: string;
+        upload: string;
+        removeFile: string;
+    };
+    CloseButton: {
+        closeLabel: string;
+    };
+    Breadcrumb: {
+        expandText: string;
+    };
+    Toggle: {
+        on: string;
+        off: string;
+    };
+};
+export default _default;

package/cjs/locales/pl_PL.js

@@ -0,0 +1,91 @@
+'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 _pl = _interopRequireDefault(require("date-fns/locale/pl"));
+var DateTimeFormats = {
+  sunday: 'Ndz',
+  monday: 'Pon',
+  tuesday: 'Wt',
+  wednesday: 'Śr',
+  thursday: 'Czw',
+  friday: 'Pt',
+  saturday: 'Sob',
+  ok: 'OK',
+  today: 'Dzisiaj',
+  yesterday: 'Wczoraj',
+  now: 'Teraz',
+  hours: 'Godziny',
+  minutes: 'Minuty',
+  seconds: 'Sekundy',
+  formattedMonthPattern: 'MMM, yyyy',
+  formattedDayPattern: 'dd MMM, yyyy',
+  shortDateFormat: 'dd.MM.yyyy',
+  shortTimeFormat: 'HH:mm',
+  dateLocale: _pl.default
+};
+var Combobox = {
+  noResultsText: 'Nie znaleziono',
+  placeholder: 'Wybierz',
+  searchPlaceholder: 'Szukaj',
+  checkAll: 'Wszystkie'
+};
+var CreatableComboBox = (0, _extends2.default)({}, Combobox, {
+  newItem: 'Nowy item',
+  createOption: 'Stwórz opcję "{0}"'
+});
+var _default = exports.default = {
+  code: 'pl-PL',
+  common: {
+    loading: 'Ładowanie...',
+    emptyMessage: 'Nie znaleziono',
+    remove: 'Usuń',
+    clear: 'Wyczyść'
+  },
+  Plaintext: {
+    unfilled: 'Nie wypełnione',
+    notSelected: 'Nie wybrane',
+    notUploaded: 'Nie wysłane'
+  },
+  Pagination: {
+    more: 'Więcej',
+    prev: 'Poprzednie',
+    next: 'Następne',
+    first: 'Pierwsze',
+    last: 'Ostatnie',
+    limit: '{0} / stron',
+    total: 'Wierszy: {0}',
+    skip: 'Omiń{0}'
+  },
+  DateTimeFormats: DateTimeFormats,
+  Calendar: DateTimeFormats,
+  DatePicker: DateTimeFormats,
+  DateRangePicker: (0, _extends2.default)({}, DateTimeFormats, {
+    last7Days: 'Ostatnie 7 dni'
+  }),
+  Combobox: Combobox,
+  InputPicker: CreatableComboBox,
+  TagPicker: CreatableComboBox,
+  Uploader: {
+    inited: 'Początkowy',
+    progress: 'Wysyłanie',
+    error: 'Błąd',
+    complete: 'Ukończone',
+    emptyFile: 'Pusty',
+    upload: 'Wyślij',
+    removeFile: 'Usuń plik'
+  },
+  CloseButton: {
+    closeLabel: 'Zamknij'
+  },
+  Breadcrumb: {
+    expandText: 'Pokaż ścieżkę'
+  },
+  Toggle: {
+    on: 'Otwórz',
+    off: 'Zamknij'
+  }
+};