rsuite 5.53.2 → 5.54.0

package/esm/internals/Picker/types.d.ts

@@ -1,7 +1,9 @@
 /// <reference types="react" />
 import { RsRefForwardingComponent } from '../../@types/common';
 import type { ListHandle } from '../../internals/Windowing';
+import { RSUITE_PICKER_TYPE } from '../../internals/symbols';
 export interface PickerHandle {
+    type?: typeof RSUITE_PICKER_TYPE;
     root: HTMLElement | null;
     list?: ListHandle;
     overlay?: HTMLElement | null;

package/esm/internals/symbols.d.ts

@@ -0,0 +1,2 @@
+export declare const RSUITE_PICKER_TYPE: symbol;
+export declare const RSUITE_PICKER_GROUP_KEY: unique symbol;

package/esm/internals/symbols.js

@@ -0,0 +1,3 @@
+'use client';
+export var RSUITE_PICKER_TYPE = Symbol.for('rsuite.picker');
+export var RSUITE_PICKER_GROUP_KEY = Symbol.for('rsuite.picker_group_key');

package/esm/utils/getDataGroupBy.d.ts

@@ -1,4 +1,3 @@
-export declare const KEY_GROUP: string | symbol;
 export declare const KEY_GROUP_TITLE = "groupTitle";
 export declare function getDataGroupBy<T>(data: readonly T[], key: string, sort?: (isGroup: boolean) => <T>(a: T, b: T) => number): (T | {
     groupTitle: string;

package/esm/utils/getDataGroupBy.js

@@ -1,8 +1,7 @@
 'use client';
 import _groupBy from "lodash/groupBy";
 import { WalkTreeStrategy, flattenTree } from '../utils/treeUtils';
-var hasSymbol = typeof Symbol === 'function';
-export var KEY_GROUP = hasSymbol ? Symbol('_$grouped') : '_$grouped';
+import { RSUITE_PICKER_GROUP_KEY } from '../internals/symbols';
 export var KEY_GROUP_TITLE = 'groupTitle';
 export function getDataGroupBy(data, key, sort) {
   var groupMap = _groupBy(data, key);
@@ -13,7 +12,7 @@ export function getDataGroupBy(data, key, sort) {
       children = _ref[1];
     return _ref2 = {
       children: isSort ? children.sort(sort(false)) : children
-    }, _ref2[KEY_GROUP_TITLE] = groupTitle, _ref2[KEY_GROUP] = true, _ref2;
+    }, _ref2[KEY_GROUP_TITLE] = groupTitle, _ref2[RSUITE_PICKER_GROUP_KEY] = true, _ref2;
   });
   if (isSort) {
     groups.sort(sort(true));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "5.53.2",
+  "version": "5.54.0",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",

package/styles/color-modes/dark.less

@@ -242,6 +242,9 @@
   --rs-input-focus-border: var(--rs-primary-500);
   --rs-input-disabled-bg: var(--rs-gray-700);
 
+  // InlineEdit
+  --rs-inline-edit-hover-bg: var(--rs-gray-500);
+
   // ARIA Listboxes
   --rs-listbox-option-hover-bg: var(--rs-gray-600);
   --rs-listbox-option-hover-text: currentColor;

package/styles/color-modes/high-contrast.less

@@ -247,6 +247,9 @@
   --rs-input-focus-border: var(--rs-primary-500);
   --rs-input-disabled-bg: var(--rs-gray-700);
 
+  // InlineEdit
+  --rs-inline-edit-hover-bg: transparent;
+
   // ARIA Listboxes
   --rs-listbox-option-hover-bg: transparent;
   --rs-listbox-option-hover-text: var(--rs-primary-500);

package/styles/color-modes/light.less

@@ -253,6 +253,9 @@
   --rs-input-focus-border: var(--rs-primary-500);
   --rs-input-disabled-bg: var(--rs-gray-50);
 
+  // InlineEdit
+  --rs-inline-edit-hover-bg: var(--rs-gray-200);
+
   // ARIA Listboxes
   --rs-listbox-option-hover-bg: rgb(from var(--rs-primary-100) r g b / 50%);
   --rs-listbox-option-hover-text: var(--rs-primary-700);

package/styles/index.less

@@ -41,6 +41,7 @@
 @import '../InputGroup/styles/index';
 @import '../InputNumber/styles/index';
 @import '../InputPicker/styles/index';
+@import '../InlineEdit/styles/index';
 @import '../List/styles/index';
 @import '../Loader/styles/index';
 @import '../Message/styles/index';