rsuite 5.77.0 → 5.78.0

package/esm/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/esm/DatePicker/DatePicker.js

@@ -430,6 +430,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
   var hasValue = isValid(value);
   var _usePickerClassName = usePickerClassName(_extends({}, props, {
+      className: className,
       classPrefix: classPrefix,
       name: 'date',
       appearance: appearance,
@@ -485,7 +486,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onExit: createChainedFunction(events.onInactive, onExit),
     speaker: renderCalendarOverlay
   }, /*#__PURE__*/React.createElement(Component, {
-    className: merge(className, classes, (_merge = {}, _merge[prefix('error')] = invalidValue, _merge)),
+    className: merge(classes, (_merge = {}, _merge[prefix('error')] = invalidValue, _merge)),
     style: style,
     ref: root
   }, plaintext ? /*#__PURE__*/React.createElement(DateInput, {

package/esm/DatePicker/types.d.ts

@@ -3,11 +3,11 @@ export type ToolbarValue = Date | [Date?, Date?];
 export interface RangeType<T> {
     label: ReactNode;
     closeOverlay?: boolean;
-    value: T | ((value: T) => T);
+    value: T | ((value: T) => T) | null;
     placement?: 'bottom' | 'left';
 }
 export interface InnerRange<T> extends Omit<RangeType<T>, 'value'> {
-    value: T;
+    value: T | null;
 }
 export interface DeprecatedProps {
     /**

package/esm/DateRangePicker/DateRangePicker.js

@@ -585,6 +585,9 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (selectedDates === void 0) {
       selectedDates = [];
     }
+    if (selectedDates === null) {
+      return false;
+    }
     var _selectedDates = selectedDates,
       startDate = _selectedDates[0],
       endDate = _selectedDates[1];
@@ -740,6 +743,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var hasValue = !isNil(value) && value.length > 1;
   var _usePickerClassName = usePickerClassName(_extends({}, props, {
       classPrefix: classPrefix,
+      className: className,
       name: 'daterange',
       appearance: appearance,
       hasValue: hasValue,
@@ -811,7 +815,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     speaker: renderCalendarOverlay
   }, /*#__PURE__*/React.createElement(Component, {
     ref: root,
-    className: merge(className, classes, (_merge = {}, _merge[prefix('error')] = invalidValue, _merge)),
+    className: merge(classes, (_merge = {}, _merge[prefix('error')] = invalidValue, _merge)),
     style: style
   }, plaintext ? /*#__PURE__*/React.createElement(DateRangeInput, {
     value: value,

package/esm/DateRangePicker/types.d.ts

@@ -1,13 +1,8 @@
-import React from 'react';
 import { DATERANGE_DISABLED_TARGET } from '../internals/constants';
-export type ValueType = [Date?, Date?];
+import type { RangeType as DatePickerRangeType } from '../DatePicker/types';
+export type ValueType = [Date?, Date?] | null;
 export type DateRange = [Date, Date];
-export interface RangeType<T = DateRange> {
-    label: React.ReactNode;
-    value: T | ((value?: T) => T);
-    closeOverlay?: boolean;
-    placement?: 'bottom' | 'left';
-}
+export type RangeType<T = DateRange> = DatePickerRangeType<T>;
 export type DisabledDateFunction = (
 /**
  * Date used to determine if disabling is required.

package/esm/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/esm/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/esm/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/esm/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/esm/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/esm/TagPicker/index.js

@@ -1,7 +1,7 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["tagProps", "trigger", "onTagRemove", "renderMenuItemCheckbox"];
+var _excluded = ["tagProps", "trigger", "onTagRemove", "renderMenuItemCheckbox", "renderValue"];
 import React, { useMemo } from 'react';
 import InputPicker from "../InputPicker/InputPicker.js";
 import { TagProvider } from "../InputPicker/InputPickerContext.js";
@@ -20,6 +20,7 @@ var TagPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     trigger = _propsWithDefaults$tr === void 0 ? 'Enter' : _propsWithDefaults$tr,
     onTagRemove = propsWithDefaults.onTagRemove,
     renderMenuItemCheckbox = propsWithDefaults.renderMenuItemCheckbox,
+    renderValue = propsWithDefaults.renderValue,
     rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var contextValue = useMemo(function () {
     return {
@@ -32,7 +33,9 @@ var TagPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, [onTagRemove, renderMenuItemCheckbox, tagProps, trigger]);
   return /*#__PURE__*/React.createElement(TagProvider, {
     value: contextValue
-  }, /*#__PURE__*/React.createElement(InputPicker, _extends({}, rest, {
+  }, /*#__PURE__*/React.createElement(InputPicker, _extends({
+    renderValue: renderValue
+  }, rest, {
     ref: ref
   })));
 });

package/esm/internals/Menu/Menubar.js

@@ -29,7 +29,10 @@ export default function Menubar(_ref) {
     if (isFocusEntering(event) &&
     // Skip if focus is moving to a focusable element within this menu
     !(event.target !== event.currentTarget && isFocusableElement(event.target))) {
-      if (activeItemIndex === null) {
+      var disabled = event.target.getAttribute('aria-disabled');
+
+      // Skip if the item is disabled
+      if (activeItemIndex === null && disabled !== 'true') {
         dispatch({
           type: MenuActionTypes.MoveFocus,
           to: MoveFocusTo.First

package/esm/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/esm/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/esm/locales/index.js

@@ -23,4 +23,5 @@ export { default as faIR } from "./fa_IR.js";
 export { default as frFR } from "./fr_FR.js";
 export { default as jaJP } from "./ja_JP.js";
 export { default as neNP } from "./ne_NP.js";
-export { default as csCZ } from "./cs_CZ.js";
+export { default as csCZ } from "./cs_CZ.js";
+export { default as plPL } from "./pl_PL.js";

package/esm/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/esm/locales/pl_PL.js

@@ -0,0 +1,86 @@
+'use client';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import pl from '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
+};
+var Combobox = {
+  noResultsText: 'Nie znaleziono',
+  placeholder: 'Wybierz',
+  searchPlaceholder: 'Szukaj',
+  checkAll: 'Wszystkie'
+};
+var CreatableComboBox = _extends({}, Combobox, {
+  newItem: 'Nowy item',
+  createOption: 'Stwórz opcję "{0}"'
+});
+export 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: _extends({}, 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'
+  }
+};

package/locales/pl_PL/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "rsuite/locales/pl_PL",
+  "private": true,
+  "main": "../../cjs/locales/pl_PL.js",
+  "module": "../../esm/locales/pl_PL.js",
+  "types": "../../esm/locales/pl_PL.d.ts"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "5.77.0",
+  "version": "5.78.0",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",
@@ -28,18 +28,18 @@
     "@babel/runtime": "^7.20.1",
     "@juggle/resize-observer": "^3.4.0",
     "@rsuite/icons": "^1.3.0",
-    "@types/lodash": "^4.14.184",
+    "@types/lodash": "^4.17.15",
     "@types/prop-types": "^15.7.5",
     "@types/react-window": "^1.8.5",
     "classnames": "^2.3.1",
     "date-fns": "^2.29.3",
     "dom-lib": "^3.3.1",
-    "lodash": "^4.17.11",
+    "lodash": "^4.17.21",
     "prop-types": "^15.8.1",
     "react-use-set": "^1.0.0",
     "react-window": "^1.8.8",
     "rsuite-table": "^5.19.1",
-    "schema-typed": "^2.2.2"
+    "schema-typed": "^2.3.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0",