rsuite 5.25.0 → 5.26.0

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# [5.26.0](https://github.com/rsuite/rsuite/compare/v5.25.0...v5.26.0) (2023-02-03)
+
+### Bug Fixes
+
+- **DatePicker:** fix uncontrolled default date on calendar ([#3045](https://github.com/rsuite/rsuite/issues/3045)) ([c530b25](https://github.com/rsuite/rsuite/commit/c530b2550c62a8343eb759b60942858a0921c2a2))
+- **Form.Control:** fix `acceptor` prop can not accept `Toggle` ([#3048](https://github.com/rsuite/rsuite/issues/3048)) ([43a413a](https://github.com/rsuite/rsuite/commit/43a413a0b96b3adb88deea54e41b56c582d4e3b6))
+- **Nav.Menu:** open with hover trigger in Navbar ([#3041](https://github.com/rsuite/rsuite/issues/3041)) ([ddbc325](https://github.com/rsuite/rsuite/commit/ddbc3253d5e714d03c5a43daa7bd2c52adec5638))
+
+### Features
+
+- **i18n:** added Dutch locale (nl_NL) ([#3035](https://github.com/rsuite/rsuite/issues/3035)) ([47342c9](https://github.com/rsuite/rsuite/commit/47342c9373c02ce9393fd03693d9e45cc601a186))
+
 # [5.25.0](https://github.com/rsuite/rsuite/compare/v5.24.1...v5.25.0) (2023-01-20)
 
 ### Bug Fixes

package/cjs/Calendar/useCalendarDate.d.ts

@@ -1,6 +1,6 @@
 declare const useCalendarDate: (value: Date | null | undefined, defaultDate: Date | undefined) => {
     calendarDate: Date;
     setCalendarDate: (date: Date | undefined) => void;
-    resetCalendarDate: () => void;
+    resetCalendarDate: (nextValue?: any) => void;
 };
 export default useCalendarDate;

package/cjs/Calendar/useCalendarDate.js

@@ -21,19 +21,25 @@ var useCalendarDate = function useCalendarDate(value, defaultDate) {
       setValue(date);
     }
   }, [calendarDate]);
-  var resetCalendarDate = (0, _react.useCallback)(function () {
-    var _ref2;
+  var resetCalendarDate = (0, _react.useCallback)(function (nextValue) {
+    var _ref2, _nextValue;
 
-    setValue((_ref2 = value !== null && value !== void 0 ? value : defaultDate) !== null && _ref2 !== void 0 ? _ref2 : new Date());
+    if (nextValue === void 0) {
+      nextValue = value;
+    }
+
+    setValue((_ref2 = (_nextValue = nextValue) !== null && _nextValue !== void 0 ? _nextValue : defaultDate) !== null && _ref2 !== void 0 ? _ref2 : new Date());
   }, [defaultDate, value]);
   (0, _utils.useUpdateEffect)(function () {
     var _valueRef$current;
 
     if ((value === null || value === void 0 ? void 0 : value.valueOf()) !== ((_valueRef$current = valueRef.current) === null || _valueRef$current === void 0 ? void 0 : _valueRef$current.valueOf())) {
-      setCalendarDate(value !== null && value !== void 0 ? value : new Date());
+      var _ref3;
+
+      setCalendarDate((_ref3 = value !== null && value !== void 0 ? value : defaultDate) !== null && _ref3 !== void 0 ? _ref3 : new Date());
       valueRef.current = value;
     }
-  }, [value]);
+  }, [value, defaultDate]);
   return {
     calendarDate: calendarDate,
     setCalendarDate: setCalendarDate,

package/cjs/DatePicker/DatePicker.js

@@ -222,7 +222,7 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
   var handleClean = (0, _react.useCallback)(function (event) {
     updateValue(event, null);
-    resetCalendarDate();
+    resetCalendarDate(null);
   }, [resetCalendarDate, updateValue]);
   /**
    * Handle keyboard events.

package/cjs/FormControl/FormControl.js

@@ -31,9 +31,13 @@ var _FormGroup = require("../FormGroup/FormGroup");
 
 var _useRegisterModel = _interopRequireDefault(require("./useRegisterModel"));
 
+var _Toggle = _interopRequireDefault(require("../Toggle"));
+
 var _templateObject;
 
 var FormControl = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _accepterProps;
+
   var _useContext = (0, _react.useContext)(_FormContext.default),
       readOnlyContext = _useContext.readOnly,
       plaintextContext = _useContext.plaintext,
@@ -157,6 +161,15 @@ var FormControl = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var ariaDescribedby = controlId ? controlId + "-help-text" : null;
   var fieldHasError = Boolean(messageNode);
   var ariaErrormessage = fieldHasError && controlId ? controlId + "-error-message" : undefined;
+  var valueKey = 'value';
+  var defaultValueKey = 'defaultValue'; // Toggle component is a special case that uses `checked` and `defaultChecked` instead of `value` and `defaultValue` props.
+
+  if (AccepterComponent === _Toggle.default) {
+    valueKey = 'checked';
+    defaultValueKey = 'defaultChecked';
+  }
+
+  var accepterProps = (_accepterProps = {}, _accepterProps[valueKey] = val, _accepterProps[defaultValueKey] = defaultValue !== null && defaultValue !== void 0 ? defaultValue : formDefaultValue[name], _accepterProps);
   return /*#__PURE__*/_react.default.createElement(Component, {
     className: classes,
     ref: ref
@@ -166,15 +179,13 @@ var FormControl = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     "aria-describedby": ariaDescribedby,
     "aria-invalid": fieldHasError || undefined,
     "aria-errormessage": ariaErrormessage
-  }, rest, {
+  }, rest, accepterProps, {
     readOnly: readOnly,
     plaintext: plaintext,
     disabled: disabled,
     name: name,
     onChange: handleFieldChange,
-    onBlur: handleFieldBlur,
-    defaultValue: defaultValue !== null && defaultValue !== void 0 ? defaultValue : formDefaultValue[name],
-    value: val
+    onBlur: handleFieldBlur
   })), /*#__PURE__*/_react.default.createElement(_FormErrorMessage.default, {
     id: controlId + "-error-message",
     role: "alert",

package/cjs/InputPicker/InputPicker.js

@@ -470,9 +470,15 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     setValue(null);
     setFocusItemValue(null);
     setSearchKeyword('');
-    handleChange(null, event);
+
+    if (multi) {
+      handleChange([], event);
+    } else {
+      handleChange(null, event);
+    }
+
     onClean === null || onClean === void 0 ? void 0 : onClean(event);
-  }, [disabled, searchKeyword, onClean, handleChange, setValue, setFocusItemValue, setSearchKeyword]);
+  }, [disabled, searchKeyword, setValue, setFocusItemValue, setSearchKeyword, multi, onClean, handleChange]);
   var events = {
     onMenuPressBackspace: multi ? removeLastItem : handleClean,
     onMenuKeyDown: onKeyDown,

package/cjs/Navbar/NavbarDropdown.js

@@ -15,6 +15,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _castArray = _interopRequireDefault(require("lodash/castArray"));
+
 var _omit = _interopRequireDefault(require("lodash/omit"));
 
 var _utils = require("../utils");
@@ -73,7 +75,7 @@ var NavbarDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref
       mergeMenuClassName = _useClassNames2.merge;
 
   return /*#__PURE__*/_react.default.createElement(_Disclosure.default, {
-    trigger: trigger,
+    trigger: (0, _castArray.default)(trigger),
     hideOnClickOutside: true,
     onToggle: function onToggle(open) {
       _onToggle === null || _onToggle === void 0 ? void 0 : _onToggle(open);
@@ -87,13 +89,14 @@ var NavbarDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref
   }, function (_ref, containerRef) {
     var _withClassPrefix;
 
-    var open = _ref.open;
+    var open = _ref.open,
+        props = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["open"]);
     var classes = merge(className, withClassPrefix((_withClassPrefix = {}, _withClassPrefix["placement-" + (0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))] = !!placement, _withClassPrefix.disabled = disabled, _withClassPrefix.open = open, _withClassPrefix)));
-    return /*#__PURE__*/_react.default.createElement(Component, {
+    return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
       ref: (0, _utils.mergeRefs)(ref, containerRef),
       className: classes,
       style: style
-    }, /*#__PURE__*/_react.default.createElement(_Disclosure.default.Button, null, function (buttonProps, buttonRef) {
+    }, props), /*#__PURE__*/_react.default.createElement(_Disclosure.default.Button, null, function (buttonProps, buttonRef) {
       return /*#__PURE__*/_react.default.createElement(_NavbarDropdownToggle.default, (0, _extends2.default)({
         ref: buttonRef,
         as: toggleAs,

package/cjs/TagInput/index.d.ts

@@ -1,13 +1,15 @@
 import { InputPickerProps, TriggerType } from '../InputPicker/InputPicker';
 import type { PickerComponent } from '../Picker/types';
 import type { TagProps } from '../Tag';
-export interface TagInputProps extends InputPickerProps {
+export interface TagInputProps extends Omit<InputPickerProps<readonly string[]>, 'data'> {
     /**  Tag related props. */
     tagProps?: TagProps;
     /**
      * Set the trigger for creating tags. only valid when creatable
+     *
+     * @todo Declare as readonly array
      */
-    trigger: TriggerType | TriggerType[];
+    trigger?: TriggerType | TriggerType[];
 }
 declare const TagInput: PickerComponent<TagInputProps>;
 export default TagInput;

package/cjs/locales/index.d.ts

@@ -10,6 +10,7 @@ export { default as fiFI } from './fi_FI';
 export { default as itIT } from './it_IT';
 export { default as kkKZ } from './kk_KZ';
 export { default as koKR } from './ko_KR';
+export { default as nlNL } from './nl_NL';
 export { default as ptBR } from './pt_BR';
 export { default as ruRU } from './ru_RU';
 export { default as svSE } from './sv_SE';

package/cjs/locales/index.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.frFR = exports.faIR = exports.zhTw = exports.zhCN = exports.trTR = exports.svSE = exports.ruRU = exports.ptBR = exports.koKR = exports.kkKZ = exports.itIT = exports.fiFI = exports.esES = exports.esAR = exports.enUS = exports.enGB = exports.deDE = exports.daDK = exports.arEG = void 0;
+exports.frFR = exports.faIR = exports.zhTw = exports.zhCN = exports.trTR = exports.svSE = exports.ruRU = exports.ptBR = exports.nlNL = exports.koKR = exports.kkKZ = exports.itIT = exports.fiFI = exports.esES = exports.esAR = exports.enUS = exports.enGB = exports.deDE = exports.daDK = exports.arEG = void 0;
 
 var _ar_EG = _interopRequireDefault(require("./ar_EG"));
 
@@ -49,6 +49,10 @@ var _ko_KR = _interopRequireDefault(require("./ko_KR"));
 
 exports.koKR = _ko_KR.default;
 
+var _nl_NL = _interopRequireDefault(require("./nl_NL"));
+
+exports.nlNL = _nl_NL.default;
+
 var _pt_BR = _interopRequireDefault(require("./pt_BR"));
 
 exports.ptBR = _pt_BR.default;

package/cjs/locales/nl_NL.d.ts

@@ -0,0 +1,105 @@
+declare const _default: {
+    common: {
+        loading: string;
+        emptyMessage: 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;
+    };
+    Calendar: {
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        dateLocale: any;
+    };
+    DatePicker: {
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        formattedMonthPattern: string;
+        formattedDayPattern: 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;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        dateLocale: any;
+    };
+    Picker: {
+        noResultsText: string;
+        placeholder: string;
+        searchPlaceholder: string;
+        checkAll: string;
+    };
+    InputPicker: {
+        newItem: string;
+        createOption: string;
+    };
+    Uploader: {
+        inited: string;
+        progress: string;
+        error: string;
+        complete: string;
+        emptyFile: string;
+        upload: string;
+    };
+    CloseButton: {
+        closeLabel: string;
+    };
+    Breadcrumb: {
+        expandText: string;
+    };
+    Toggle: {
+        on: string;
+        off: string;
+    };
+};
+export default _default;

package/cjs/locales/nl_NL.js

@@ -0,0 +1,84 @@
+"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 _nl = _interopRequireDefault(require("date-fns/locale/nl"));
+
+var Calendar = {
+  sunday: 'Zo',
+  monday: 'Ma',
+  tuesday: 'Di',
+  wednesday: 'Wo',
+  thursday: 'Do',
+  friday: 'Vr',
+  saturday: 'Za',
+  ok: 'Oke',
+  today: 'Vandaag',
+  yesterday: 'Gisteren',
+  hours: 'Uren',
+  minutes: 'Mimnuten',
+  seconds: 'Seconden',
+  formattedMonthPattern: 'MMM, yyyy',
+  formattedDayPattern: 'dd MMM, yyyy',
+  dateLocale: _nl.default
+};
+var _default = {
+  common: {
+    loading: 'Laden...',
+    emptyMessage: 'Geen data gevonden'
+  },
+  Plaintext: {
+    unfilled: 'Ongevuld',
+    notSelected: 'Niet geselecteerd',
+    notUploaded: 'Niet geupload'
+  },
+  Pagination: {
+    more: 'Meer',
+    prev: 'Vorige',
+    next: 'Volgende',
+    first: 'Eerste',
+    last: 'Laatste',
+    limit: '{0} / pagina',
+    total: 'Totaal Rijen: {0}',
+    skip: 'Ga naar{0}'
+  },
+  Calendar: Calendar,
+  DatePicker: (0, _extends2.default)({}, Calendar),
+  DateRangePicker: (0, _extends2.default)({}, Calendar, {
+    last7Days: 'Laatste 7 Dagen'
+  }),
+  Picker: {
+    noResultsText: 'Geen resultaten gevonden',
+    placeholder: 'Selecteren',
+    searchPlaceholder: 'Zoeken',
+    checkAll: 'Alles'
+  },
+  InputPicker: {
+    newItem: 'Nieuw item',
+    createOption: 'Creëer optie "{0}"'
+  },
+  Uploader: {
+    inited: 'Gestart',
+    progress: 'Uploaden',
+    error: 'Error',
+    complete: 'Voltooid',
+    emptyFile: 'Leeg',
+    upload: 'Upload'
+  },
+  CloseButton: {
+    closeLabel: 'Sluiten'
+  },
+  Breadcrumb: {
+    expandText: 'Toon pad'
+  },
+  Toggle: {
+    on: 'Open',
+    off: 'Sluit'
+  }
+};
+exports.default = _default;