rsuite 5.15.1 → 5.15.2

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [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

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/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/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/dist/rsuite-rtl.css

@@ -14546,7 +14546,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;