rsuite 5.15.0 → 5.16.0

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+# [5.16.0](https://github.com/rsuite/rsuite/compare/v5.15.2...v5.16.0) (2022-07-07)
+
+### Features
+
+- **SelectPicker,CheckPicker:** add label prop ([#2572](https://github.com/rsuite/rsuite/issues/2572)) ([d00f442](https://github.com/rsuite/rsuite/commit/d00f442c46eb5edbb13d127b23f1c2eda6cf60d7))
+
+## [5.15.2](https://github.com/rsuite/rsuite/compare/v5.15.1...v5.15.2) (2022-06-30)
+
+### Bug Fixes
+
+- **DateRangePicker:** fix Ok button not clickable ([#2564](https://github.com/rsuite/rsuite/issues/2564)) ([f80f94d](https://github.com/rsuite/rsuite/commit/f80f94db2a1c9c7738c3fc514e24c8ceb7b50d9b))
+- **InputGroup.Addon:** extend props from as element ([#2559](https://github.com/rsuite/rsuite/issues/2559)) ([d0c947c](https://github.com/rsuite/rsuite/commit/d0c947c7a6ea5fd3ed95a71b573c957be4d5f009))
+- **Whisper:** specify speaker function argument types ([#2558](https://github.com/rsuite/rsuite/issues/2558)) ([6dda5c6](https://github.com/rsuite/rsuite/commit/6dda5c61d6f833174a576d814ce27287c92ed33f))
+
+## [5.15.1](https://github.com/rsuite/rsuite/compare/v5.15.0...v5.15.1) (2022-06-16)
+
+### Features
+
+- **Uploader:** support `method` on `<Uploader>` ([#2541](https://github.com/rsuite/rsuite/issues/2541)) ([d3b821a](https://github.com/rsuite/rsuite/commit/d3b821a8f2acbd3162ec965ffdbaac07af23a727))
+
 # [5.15.0](https://github.com/rsuite/rsuite/compare/v5.14.0...v5.15.0) (2022-06-09)
 
 ### Features

package/Picker/styles/index.less

@@ -213,6 +213,10 @@
   text-align: left;
   .ellipsis();
 
+  &-label {
+    color: var(--rs-text-primary);
+  }
+
   &-value {
     display: block;
     .ellipsis();

package/Table/styles/index.less

@@ -300,7 +300,6 @@
 
   &-word-wrap &-cell-content {
     white-space: normal;
-    word-break: break-all;
   }
 
   &-bordered {

package/cjs/DateRangePicker/DateRangePicker.js

@@ -398,7 +398,9 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
       closeOverlay = false;
     }
 
-    handleValueUpdate(event, value, closeOverlay);
+    handleValueUpdate(event, value, closeOverlay); // End unfinished selections.
+
+    hasDoneSelect.current = true;
   }, [handleValueUpdate]);
   var handleOK = (0, _react.useCallback)(function (event) {
     handleValueUpdate(event, selectedDates);

package/cjs/InputGroup/InputGroupAddon.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { WithAsProps } from '../@types/common';
+import { RsRefForwardingComponent, WithAsProps } from '../@types/common';
 export interface InputGroupAddonProps extends WithAsProps, React.HTMLAttributes<HTMLSpanElement> {
     /** An Input group addon can show that it is disabled */
     disabled?: boolean;
 }
-declare const InputGroupAddon: React.ForwardRefExoticComponent<InputGroupAddonProps & React.RefAttributes<HTMLSpanElement>>;
+declare const InputGroupAddon: RsRefForwardingComponent<'span', InputGroupAddonProps>;
 export default InputGroupAddon;

package/cjs/InputGroup/test/InputGroup.test.d.ts

@@ -0,0 +1 @@
+export {};

package/cjs/InputGroup/test/InputGroup.test.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ = require("../..");
+
+/*#__PURE__*/
+_react.default.createElement(_.InputGroup, null, /*#__PURE__*/_react.default.createElement(_.InputGroup.Addon, {
+  as: "label",
+  htmlFor: "input"
+}), /*#__PURE__*/_react.default.createElement("input", {
+  id: "input"
+}));

package/cjs/Overlay/Overlay.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import { PositionChildProps } from './Position';
 import { TypeAttributes, AnimationEventProps, CursorPosition } from '../@types/common';
 export interface OverlayProps extends AnimationEventProps {
     container?: HTMLElement | (() => HTMLElement | null) | null;
-    children: React.ReactElement | ((props: any, ref: any) => React.ReactElement);
+    children: React.ReactElement | ((props: PositionChildProps & React.HTMLAttributes<HTMLElement>, ref: React.RefCallback<HTMLElement>) => React.ReactElement);
     childrenProps?: React.HTMLAttributes<HTMLElement>;
     className?: string;
     containerPadding?: number;

package/cjs/Overlay/OverlayTrigger.d.ts

@@ -1,5 +1,7 @@
+/// <reference types="node" />
 import React from 'react';
 import { AnimationEventProps, StandardProps, TypeAttributes } from '../@types/common';
+import { PositionChildProps } from './Position';
 export declare type OverlayTriggerType = 'click' | 'hover' | 'focus' | 'active' | 'contextMenu' | 'none';
 export interface OverlayTriggerProps extends StandardProps, AnimationEventProps {
     /** Triggering events */
@@ -17,7 +19,9 @@ export interface OverlayTriggerProps extends StandardProps, AnimationEventProps
     /** Container padding */
     containerPadding?: number;
     /** display element */
-    speaker: React.ReactElement | ((props: any, ref: React.RefObject<any>) => React.ReactElement);
+    speaker: React.ReactElement | ((props: PositionChildProps & Pick<React.HTMLAttributes<HTMLElement>, 'id' | 'onMouseEnter' | 'onMouseLeave'> & {
+        onClose: (delay?: number) => NodeJS.Timeout | void;
+    }, ref: React.RefCallback<HTMLElement>) => React.ReactElement);
     /** Prevent floating element overflow */
     preventOverflow?: boolean;
     /** Opern  overlay */

package/cjs/Overlay/OverlayTrigger.js

@@ -79,6 +79,7 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
       _props$trigger = props.trigger,
       trigger = _props$trigger === void 0 ? defaultTrigger : _props$trigger,
       disabled = props.disabled,
+      followCursor = props.followCursor,
       readOnly = props.readOnly,
       plaintext = props.plaintext,
       openProp = props.open,
@@ -99,9 +100,8 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
       onFocus = props.onFocus,
       onBlur = props.onBlur,
       onClose = props.onClose,
-      followCursor = props.followCursor,
       onExited = props.onExited,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["children", "container", "controlId", "defaultOpen", "trigger", "disabled", "readOnly", "plaintext", "open", "delay", "delayOpen", "delayClose", "enterable", "placement", "speaker", "rootClose", "onClick", "onMouseOver", "onMouseMove", "onMouseOut", "onContextMenu", "onFocus", "onBlur", "onClose", "followCursor", "onExited"]);
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["children", "container", "controlId", "defaultOpen", "trigger", "disabled", "followCursor", "readOnly", "plaintext", "open", "delay", "delayOpen", "delayClose", "enterable", "placement", "speaker", "rootClose", "onClick", "onMouseOver", "onMouseMove", "onMouseOut", "onContextMenu", "onFocus", "onBlur", "onClose", "onExited"]);
 
   var _usePortal = (0, _utils.usePortal)({
     container: container
@@ -274,7 +274,7 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
         clientLeft: event.clientY
       };
     });
-  }, [open]);
+  }, []);
   var preventDefault = (0, _react.useCallback)(function (event) {
     event.preventDefault();
   }, []);

package/cjs/Overlay/Position.d.ts

@@ -4,9 +4,11 @@ export interface PositionChildProps {
     className: string;
     left?: number;
     top?: number;
+    arrowOffsetLeft?: number;
+    arrowOffsetTop?: number;
 }
 export interface PositionProps {
-    children: (props: PositionChildProps, ref: any) => React.ReactElement;
+    children: (props: PositionChildProps, ref: React.RefObject<HTMLElement>) => React.ReactElement;
     className?: string;
     container?: HTMLElement | (() => HTMLElement | null) | null;
     containerPadding?: number;

package/cjs/Overlay/Position.js

@@ -50,8 +50,8 @@ var usePosition = function usePosition(props, ref) {
   var defaultPosition = {
     positionLeft: 0,
     positionTop: 0,
-    arrowOffsetLeft: null,
-    arrowOffsetTop: null
+    arrowOffsetLeft: undefined,
+    arrowOffsetTop: undefined
   };
 
   var _useState = (0, _react.useState)(defaultPosition),

package/cjs/Overlay/positionUtils.d.ts

@@ -8,8 +8,8 @@ declare type Offset = {
 export interface PositionType {
     positionLeft?: number;
     positionTop?: number;
-    arrowOffsetLeft?: null | number;
-    arrowOffsetTop?: null | number;
+    arrowOffsetLeft?: number;
+    arrowOffsetTop?: number;
     positionClassName?: string;
 }
 export interface UtilProps {

package/cjs/Picker/PickerToggle.d.ts

@@ -31,6 +31,7 @@ export interface PickerToggleProps extends ToggleButtonProps {
     /** Custom caret component */
     caretAs?: React.ElementType;
     onClean?: (event: React.MouseEvent) => void;
+    label?: React.ReactNode;
 }
 declare const PickerToggle: RsRefForwardingComponent<typeof ToggleButton, PickerToggleProps>;
 export default PickerToggle;

package/cjs/Picker/PickerToggle.js

@@ -73,7 +73,8 @@ var PickerToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       caretComponent = props.caretComponent,
       _props$caretAs = props.caretAs,
       caretAs = _props$caretAs === void 0 ? caretComponent : _props$caretAs,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["active", "as", "classPrefix", "children", "caret", "className", "disabled", "readOnly", "plaintext", "hasValue", "cleanable", "tabIndex", "id", "value", "input", "inputPlaceholder", "inputValue", "inputMask", "onInputChange", "onInputPressEnter", "onInputBlur", "onInputFocus", "onClean", "onFocus", "onBlur", "placement", "caretComponent", "caretAs"]);
+      label = props.label,
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["active", "as", "classPrefix", "children", "caret", "className", "disabled", "readOnly", "plaintext", "hasValue", "cleanable", "tabIndex", "id", "value", "input", "inputPlaceholder", "inputValue", "inputMask", "onInputChange", "onInputPressEnter", "onInputBlur", "onInputFocus", "onClean", "onFocus", "onBlur", "placement", "caretComponent", "caretAs", "label"]);
   var inputRef = (0, _react.useRef)(null);
 
   var _useState = (0, _react.useState)(false),
@@ -193,7 +194,9 @@ var PickerToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   }), children ? /*#__PURE__*/_react.default.createElement("span", {
     className: prefix(hasValue ? 'value' : 'placeholder'),
     "aria-placeholder": typeof children === 'string' ? children : undefined
-  }, children) : null, showCleanButton && /*#__PURE__*/_react.default.createElement(_CloseButton.default, {
+  }, label && /*#__PURE__*/_react.default.createElement("span", {
+    className: prefix('label')
+  }, label, ": "), children) : null, showCleanButton && /*#__PURE__*/_react.default.createElement(_CloseButton.default, {
     className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["clean"]))),
     tabIndex: -1,
     locale: {

package/cjs/Picker/PickerToggleTrigger.d.ts

@@ -1,15 +1,14 @@
 import React from 'react';
-import { OverlayTriggerInstance, OverlayTriggerType } from '../Overlay/OverlayTrigger';
+import { OverlayTriggerInstance, OverlayTriggerProps, OverlayTriggerType } from '../Overlay/OverlayTrigger';
 import { PositionChildProps } from '../Overlay/Position';
 import { TypeAttributes, AnimationEventProps } from '../@types/common';
 export type { OverlayTriggerInstance, PositionChildProps };
-export interface PickerToggleTriggerProps extends Omit<AnimationEventProps, 'onEntering' | 'onExiting'> {
+export interface PickerToggleTriggerProps extends Omit<AnimationEventProps, 'onEntering' | 'onExiting'>, Pick<OverlayTriggerProps, 'speaker'> {
     placement?: TypeAttributes.Placement;
     pickerProps: any;
     open?: boolean;
     trigger?: OverlayTriggerType | OverlayTriggerType[];
     children: React.ReactElement | ((props: any, ref: any) => React.ReactElement);
-    speaker: React.ReactElement | ((props: any, ref: React.RefObject<any>) => React.ReactElement);
 }
 export declare const omitTriggerPropKeys: string[];
 export declare const pickTriggerPropKeys: string[];

package/cjs/Table/Table.d.ts

@@ -5,13 +5,13 @@ export interface TableInstance extends React.Component<TableProps> {
     scrollTop: (top: number) => void;
     scrollLeft: (left: number) => void;
 }
-export interface CellProps extends StandardProps {
+export interface CellProps<T = any> extends StandardProps {
     /** Data binding key, but also a sort of key */
-    dataKey?: string;
+    dataKey?: string | keyof T;
     /** Row Number */
     rowIndex?: number;
     /** Row Data */
-    rowData?: any;
+    rowData?: T;
 }
 interface TableComponent extends RsRefForwardingComponent<'div', TableProps & {
     ref?: React.Ref<TableInstance>;

package/cjs/Uploader/Uploader.d.ts

@@ -71,6 +71,8 @@ export interface UploaderProps extends WithAsProps {
     draggable?: boolean;
     /** Custom locale */
     locale?: UploaderLocale;
+    /** The http method of upload request	*/
+    method?: string;
     /** Allow the queue to be updated. After you select a file, update the checksum function before the upload file queue, and return false to not update */
     shouldQueueUpdate?: (fileList: FileType[], newFile: FileType[] | FileType) => boolean | Promise<boolean>;
     /** Allow uploading of files. Check function before file upload, return false without uploading  */

package/cjs/Uploader/Uploader.js

@@ -140,6 +140,8 @@ var Uploader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       removable = _props$removable === void 0 ? true : _props$removable,
       disabledFileItem = props.disabledFileItem,
       maxPreviewFileSize = props.maxPreviewFileSize,
+      _props$method = props.method,
+      method = _props$method === void 0 ? 'POST' : _props$method,
       _props$autoUpload = props.autoUpload,
       autoUpload = _props$autoUpload === void 0 ? true : _props$autoUpload,
       action = props.action,
@@ -163,7 +165,7 @@ var Uploader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       onError = props.onError,
       onProgress = props.onProgress,
       onReupload = props.onReupload,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "listType", "defaultFileList", "fileList", "fileListVisible", "locale", "style", "draggable", "name", "multiple", "disabled", "readOnly", "plaintext", "accept", "children", "toggleAs", "removable", "disabledFileItem", "maxPreviewFileSize", "autoUpload", "action", "headers", "withCredentials", "disableMultipart", "timeout", "data", "onRemove", "onUpload", "shouldUpload", "shouldQueueUpdate", "renderFileInfo", "renderThumbnail", "onPreview", "onChange", "onSuccess", "onError", "onProgress", "onReupload"]);
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "listType", "defaultFileList", "fileList", "fileListVisible", "locale", "style", "draggable", "name", "multiple", "disabled", "readOnly", "plaintext", "accept", "children", "toggleAs", "removable", "disabledFileItem", "maxPreviewFileSize", "method", "autoUpload", "action", "headers", "withCredentials", "disableMultipart", "timeout", "data", "onRemove", "onUpload", "shouldUpload", "shouldQueueUpdate", "renderFileInfo", "renderThumbnail", "onPreview", "onChange", "onSuccess", "onError", "onProgress", "onReupload"]);
 
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
       merge = _useClassNames.merge,
@@ -267,6 +269,7 @@ var Uploader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       timeout: timeout,
       headers: headers,
       data: data,
+      method: method,
       withCredentials: withCredentials,
       disableMultipart: disableMultipart,
       file: file.blobFile,
@@ -287,7 +290,7 @@ var Uploader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }
 
     onUpload === null || onUpload === void 0 ? void 0 : onUpload(file, uploadData, xhr);
-  }, [action, data, handleAjaxUploadError, handleAjaxUploadProgress, handleAjaxUploadSuccess, headers, name, onUpload, timeout, updateFileStatus, withCredentials, disableMultipart]);
+  }, [name, timeout, headers, data, method, withCredentials, disableMultipart, action, handleAjaxUploadError, handleAjaxUploadSuccess, handleAjaxUploadProgress, updateFileStatus, onUpload]);
   var handleAjaxUpload = (0, _react.useCallback)(function () {
     fileList.current.forEach(function (file) {
       var checkState = shouldUpload === null || shouldUpload === void 0 ? void 0 : shouldUpload(file);
@@ -481,6 +484,7 @@ Uploader.propTypes = {
   onProgress: _propTypes.default.func,
   onRemove: _propTypes.default.func,
   maxPreviewFileSize: _propTypes.default.number,
+  method: _propTypes.default.string,
   style: _propTypes.default.object,
   renderFileInfo: _propTypes.default.func,
   renderThumbnail: _propTypes.default.func,

package/cjs/Whisper/test/Whisper.test.js

@@ -2,8 +2,12 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireDefault(require("react"));
 
+var _tsExpect = require("ts-expect");
+
 var _Whisper = _interopRequireDefault(require("../Whisper"));
 
 var _whisperRef$current, _whisperRef$current2, _whisperRef$current3, _whisperRef$current4, _whisperRef$current5;
@@ -20,4 +24,18 @@ _react.default.createElement(_Whisper.default, {
 (_whisperRef$current2 = whisperRef.current) === null || _whisperRef$current2 === void 0 ? void 0 : _whisperRef$current2.open(300);
 (_whisperRef$current3 = whisperRef.current) === null || _whisperRef$current3 === void 0 ? void 0 : _whisperRef$current3.close();
 (_whisperRef$current4 = whisperRef.current) === null || _whisperRef$current4 === void 0 ? void 0 : _whisperRef$current4.close(300);
-(_whisperRef$current5 = whisperRef.current) === null || _whisperRef$current5 === void 0 ? void 0 : _whisperRef$current5.updatePosition();
+(_whisperRef$current5 = whisperRef.current) === null || _whisperRef$current5 === void 0 ? void 0 : _whisperRef$current5.updatePosition(); // speaker function types
+
+/*#__PURE__*/
+_react.default.createElement(_Whisper.default, {
+  speaker: function speaker(props, ref) {
+    (0, _tsExpect.expectType)(props.arrowOffsetLeft);
+    (0, _tsExpect.expectType)(props.arrowOffsetLeft);
+    (0, _tsExpect.expectType)(props.onMouseEnter);
+    (0, _tsExpect.expectType)(props.onMouseLeave);
+    (0, _tsExpect.expectType)(props.onClose);
+    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+      ref: ref
+    }, props));
+  }
+}, /*#__PURE__*/_react.default.createElement("div", null));

package/cjs/utils/ajaxUpload.d.ts

@@ -11,6 +11,7 @@ interface Options {
     headers?: any;
     file: File;
     url: string;
+    method?: string;
     onError: (status: ErrorStatus, event: ProgressEvent, xhr: XMLHttpRequest) => void;
     onSuccess: (response: any, event: ProgressEvent, xhr: XMLHttpRequest) => void;
     onProgress: (percent: number, event: ProgressEvent, xhr: XMLHttpRequest) => void;

package/cjs/utils/ajaxUpload.js

@@ -24,6 +24,8 @@ function ajaxUpload(options) {
       headers = _options$headers === void 0 ? {} : _options$headers,
       _options$data = options.data,
       data = _options$data === void 0 ? {} : _options$data,
+      _options$method = options.method,
+      method = _options$method === void 0 ? 'POST' : _options$method,
       onError = options.onError,
       onSuccess = options.onSuccess,
       onProgress = options.onProgress,
@@ -33,7 +35,7 @@ function ajaxUpload(options) {
       disableMultipart = options.disableMultipart;
   var xhr = new XMLHttpRequest();
   var sendableData;
-  xhr.open('POST', url, true);
+  xhr.open(method, url, true);
 
   if (!disableMultipart) {
     sendableData = new FormData();

package/dist/rsuite-rtl.css

@@ -11574,6 +11574,10 @@ textarea.rs-picker-search-input {
 .rs-picker-subtle.rs-picker-disabled .rs-picker-toggle:active::after {
   display: none;
 }
+.rs-picker-toggle-label {
+  color: #575757;
+  color: var(--rs-text-primary);
+}
 .rs-picker-toggle-value {
   display: block;
   overflow: hidden;
@@ -14546,7 +14550,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 }
 .rs-table-word-wrap .rs-table-cell-content {
   white-space: normal;
-  word-break: break-all;
 }
 .rs-table-bordered {
   border: 1px solid #f2f2f5;