rsuite 5.60.1 → 5.61.0

package/cjs/TreePicker/hooks/useFocusState.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+interface FocusStateProps {
+    target: React.RefObject<HTMLElement>;
+    value?: number | string | null | undefined;
+    focusActiveNode: () => void;
+    onEnter?: (node: HTMLElement) => void;
+    onExit?: (node: HTMLElement) => void;
+    onEntered?: (node: HTMLElement) => void;
+}
+declare function useFocusState(props: FocusStateProps): {
+    active: boolean;
+    focusItemValue: string | number | null | undefined;
+    setFocusItemValue: import("react").Dispatch<import("react").SetStateAction<string | number | null | undefined>>;
+    triggerProps: {
+        onEnter: (...args: any[]) => any;
+        onExit: (...args: any[]) => any;
+        onEntered: (...args: any[]) => any;
+    };
+};
+export default useFocusState;

package/cjs/TreePicker/hooks/useFocusState.js

@@ -0,0 +1,53 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _react = require("react");
+var _utils = require("../../utils");
+function useFocusState(props) {
+  var target = props.target,
+    value = props.value,
+    focusActiveNode = props.focusActiveNode;
+  var _useState = (0, _react.useState)(false),
+    active = _useState[0],
+    setActive = _useState[1];
+  var _useState2 = (0, _react.useState)(null),
+    focusItemValue = _useState2[0],
+    setFocusItemValue = _useState2[1];
+  var focusTarget = (0, _utils.useEventCallback)(function () {
+    var _target$current;
+    (_target$current = target.current) === null || _target$current === void 0 ? void 0 : _target$current.focus();
+  });
+  var onEnter = (0, _utils.useEventCallback)(function (node) {
+    var _props$onEnter;
+    setActive(true);
+    (_props$onEnter = props.onEnter) === null || _props$onEnter === void 0 ? void 0 : _props$onEnter.call(props, node);
+  });
+  var onExit = (0, _utils.useEventCallback)(function (node) {
+    var _props$onExit;
+    setActive(false);
+    focusTarget();
+    (_props$onExit = props.onExit) === null || _props$onExit === void 0 ? void 0 : _props$onExit.call(props, node);
+  });
+  var onEntered = (0, _utils.useEventCallback)(function (node) {
+    var _props$onEntered;
+    if (value) {
+      setFocusItemValue(value);
+      focusActiveNode();
+    }
+    (_props$onEntered = props.onEntered) === null || _props$onEntered === void 0 ? void 0 : _props$onEntered.call(props, node);
+  });
+  return {
+    active: active,
+    focusItemValue: focusItemValue,
+    setFocusItemValue: setFocusItemValue,
+    triggerProps: {
+      onEnter: onEnter,
+      onExit: onExit,
+      onEntered: onEntered
+    }
+  };
+}
+var _default = useFocusState;
+exports.default = _default;

package/cjs/index.d.ts

@@ -4,6 +4,8 @@ export { default as Heading } from './Heading';
 export type { HeadingProps } from './Heading';
 export { default as HeadingGroup } from './HeadingGroup';
 export type { HeadingGroupProps } from './HeadingGroup';
+export { default as Highlight } from './Highlight';
+export type { HighlightProps } from './Highlight';
 export { default as SafeAnchor } from './SafeAnchor';
 export type { SafeAnchorProps } from './SafeAnchor';
 export { default as Button } from './Button';

package/cjs/index.js

@@ -4,13 +4,15 @@
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.useFormClassNames = exports.Accordion = exports.Tabs = exports.VisuallyHidden = exports.useMediaQuery = exports.CustomProvider = exports.Affix = exports.DOMHelper = exports.Animation = exports.Schema = exports.Stack = exports.Divider = exports.Footer = exports.Sidebar = exports.Header = exports.Content = exports.Container = exports.FlexboxGrid = exports.Col = exports.Row = exports.Grid = exports.Carousel = exports.Calendar = exports.List = exports.TagGroup = exports.Tag = exports.Timeline = exports.Table = exports.PanelGroup = exports.Panel = exports.MultiCascadeTree = exports.CascadeTree = exports.CheckTree = exports.Tree = exports.InlineEdit = exports.Rate = exports.RangeSlider = exports.Slider = exports.Uploader = exports.AutoComplete = exports.DateRangePicker = exports.DateRangeInput = exports.DatePicker = exports.DateInput = exports.MultiCascader = exports.Cascader = exports.CheckTreePicker = exports.TreePicker = exports.TagInput = exports.TagPicker = exports.InputPicker = exports.CheckPicker = exports.SelectPicker = exports.RadioTileGroup = exports.RadioTile = exports.RadioGroup = exports.Radio = exports.CheckboxGroup = exports.Checkbox = exports.InputGroup = exports.InputNumber = exports.MaskedInput = exports.Input = exports.Toggle = exports.Form = exports.Steps = exports.Pagination = exports.Breadcrumb = exports.Sidenav = exports.Navbar = exports.Nav = exports.AvatarGroup = exports.Avatar = exports.Progress = exports.useToaster = exports.toaster = exports.Badge = exports.Placeholder = exports.Loader = exports.Message = exports.Notification = exports.Dropdown = exports.Drawer = exports.Modal = exports.Popover = exports.Tooltip = exports.Whisper = exports.ButtonGroup = exports.ButtonToolbar = exports.IconButton = exports.Button = exports.SafeAnchor = exports.HeadingGroup = exports.Heading = exports.Text = void 0;
+exports.useFormClassNames = exports.Accordion = exports.Tabs = exports.VisuallyHidden = exports.useMediaQuery = exports.CustomProvider = exports.Affix = exports.DOMHelper = exports.Animation = exports.Schema = exports.Stack = exports.Divider = exports.Footer = exports.Sidebar = exports.Header = exports.Content = exports.Container = exports.FlexboxGrid = exports.Col = exports.Row = exports.Grid = exports.Carousel = exports.Calendar = exports.List = exports.TagGroup = exports.Tag = exports.Timeline = exports.Table = exports.PanelGroup = exports.Panel = exports.MultiCascadeTree = exports.CascadeTree = exports.CheckTree = exports.Tree = exports.InlineEdit = exports.Rate = exports.RangeSlider = exports.Slider = exports.Uploader = exports.AutoComplete = exports.DateRangePicker = exports.DateRangeInput = exports.DatePicker = exports.DateInput = exports.MultiCascader = exports.Cascader = exports.CheckTreePicker = exports.TreePicker = exports.TagInput = exports.TagPicker = exports.InputPicker = exports.CheckPicker = exports.SelectPicker = exports.RadioTileGroup = exports.RadioTile = exports.RadioGroup = exports.Radio = exports.CheckboxGroup = exports.Checkbox = exports.InputGroup = exports.InputNumber = exports.MaskedInput = exports.Input = exports.Toggle = exports.Form = exports.Steps = exports.Pagination = exports.Breadcrumb = exports.Sidenav = exports.Navbar = exports.Nav = exports.AvatarGroup = exports.Avatar = exports.Progress = exports.useToaster = exports.toaster = exports.Badge = exports.Placeholder = exports.Loader = exports.Message = exports.Notification = exports.Dropdown = exports.Drawer = exports.Modal = exports.Popover = exports.Tooltip = exports.Whisper = exports.ButtonGroup = exports.ButtonToolbar = exports.IconButton = exports.Button = exports.SafeAnchor = exports.Highlight = exports.HeadingGroup = exports.Heading = exports.Text = void 0;
 var _Text = _interopRequireDefault(require("./Text"));
 exports.Text = _Text.default;
 var _Heading = _interopRequireDefault(require("./Heading"));
 exports.Heading = _Heading.default;
 var _HeadingGroup = _interopRequireDefault(require("./HeadingGroup"));
 exports.HeadingGroup = _HeadingGroup.default;
+var _Highlight = _interopRequireDefault(require("./Highlight"));
+exports.Highlight = _Highlight.default;
 var _SafeAnchor = _interopRequireDefault(require("./SafeAnchor"));
 exports.SafeAnchor = _SafeAnchor.default;
 var _Button = _interopRequireDefault(require("./Button"));

package/cjs/internals/Picker/Listbox.d.ts

@@ -1,35 +1,65 @@
 import React from 'react';
 import { ListProps, ListHandle } from '../../internals/Windowing';
-import { StandardProps, ItemDataType } from '../../@types/common';
+import { StandardProps, ItemDataType, DataProps } from '../../@types/common';
 import { RSUITE_PICKER_GROUP_KEY } from '../../internals/symbols';
 interface InnerItemDataType extends ItemDataType {
     [RSUITE_PICKER_GROUP_KEY]?: boolean;
 }
-export interface ListboxProps<Multiple = false> extends StandardProps, Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
-    classPrefix: string;
-    data?: InnerItemDataType[];
-    group?: boolean;
+/**
+ * Props for the Listbox component.
+ */
+/**
+ * Props for the Listbox component.
+ * @template Multiple - Whether multiple selection is enabled.
+ */
+export interface ListboxProps<Multiple = false> extends StandardProps, Partial<DataProps<InnerItemDataType>>, Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
     groupBy?: string;
     disabledItemValues?: any[];
     activeItemValues?: any[];
     focusItemValue?: any;
     maxHeight?: number;
-    valueKey?: string;
-    labelKey?: string;
-    className?: string;
-    style?: React.CSSProperties;
     listItemAs: React.ElementType | string;
     listItemClassPrefix?: string;
     listItemProps?: any;
     rowHeight?: number;
+    /** */
     rowGroupHeight?: number;
+    /** */
     virtualized?: boolean;
+    /** */
     listProps?: Partial<ListProps>;
+    /** */
     listRef?: React.Ref<ListHandle>;
-    /** Custom selected option */
+    /**
+     * Query string for filtering.
+     */
+    query?: string;
+    /**
+     * Custom function to render a selected option.
+     * @param itemLabel - The label of the item.
+     * @param item - The selected item.
+     * @returns The rendered React node.
+     */
     renderMenuItem?: (itemLabel: React.ReactNode, item: any) => React.ReactNode;
+    /**
+     * Custom function to render a menu group.
+     * @param title - The title of the group.
+     * @param item - The group item.
+     * @returns The rendered React node.
+     */
     renderMenuGroup?: (title: React.ReactNode, item: any) => React.ReactNode;
+    /**
+     * Event handler for selecting an option.
+     * @param value - The selected value.
+     * @param item - The selected item.
+     * @param event - The mouse event.
+     * @param checked - The checked state (only applicable for multiple selection).
+     */
     onSelect?: Multiple extends true ? (value: any, item: any, event: React.MouseEvent, checked: boolean) => void : Multiple extends false ? (value: any, item: any, event: React.MouseEvent) => void : any;
+    /**
+     * Event handler for clicking on a group title.
+     * @param event - The mouse event.
+     */
     onGroupTitleClick?: (event: React.MouseEvent) => void;
 }
 export declare type ListboxComponent = React.ForwardRefExoticComponent<ListboxProps> & {

package/cjs/internals/Picker/Listbox.js

@@ -24,12 +24,19 @@ var _utils = require("../../utils");
 var _ListItemGroup = _interopRequireDefault(require("./ListItemGroup"));
 var _getDataGroupBy = require("../../utils/getDataGroupBy");
 var _useCombobox2 = _interopRequireDefault(require("./hooks/useCombobox"));
+var _Highlight = _interopRequireDefault(require("../../Highlight"));
 var _symbols = require("../../internals/symbols");
 var _this = void 0;
+/**
+ * Props for the Listbox component.
+ */
+/**
+ * Props for the Listbox component.
+ * @template Multiple - Whether multiple selection is enabled.
+ */
 var Listbox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$data = props.data,
     data = _props$data === void 0 ? [] : _props$data,
-    group = props.group,
     groupBy = props.groupBy,
     _props$maxHeight = props.maxHeight,
     maxHeight = _props$maxHeight === void 0 ? 320 : _props$maxHeight,
@@ -56,17 +63,19 @@ var Listbox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     rowHeight = _props$rowHeight === void 0 ? 36 : _props$rowHeight,
     _props$rowGroupHeight = props.rowGroupHeight,
     rowGroupHeight = _props$rowGroupHeight === void 0 ? 48 : _props$rowGroupHeight,
+    query = props.query,
     renderMenuGroup = props.renderMenuGroup,
     renderMenuItem = props.renderMenuItem,
     onGroupTitleClick = props.onGroupTitleClick,
     onSelect = props.onSelect,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["data", "group", "groupBy", "maxHeight", "activeItemValues", "disabledItemValues", "classPrefix", "valueKey", "labelKey", "virtualized", "listProps", "listRef", "className", "style", "focusItemValue", "listItemClassPrefix", "listItemAs", "listItemProps", "rowHeight", "rowGroupHeight", "renderMenuGroup", "renderMenuItem", "onGroupTitleClick", "onSelect"]);
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["data", "groupBy", "maxHeight", "activeItemValues", "disabledItemValues", "classPrefix", "valueKey", "labelKey", "virtualized", "listProps", "listRef", "className", "style", "focusItemValue", "listItemClassPrefix", "listItemAs", "listItemProps", "rowHeight", "rowGroupHeight", "query", "renderMenuGroup", "renderMenuItem", "onGroupTitleClick", "onSelect"]);
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge;
+  var groupable = typeof groupBy !== 'undefined';
   var classes = merge(className, withClassPrefix('items', {
-    grouped: group
+    grouped: groupable
   }));
   var _useCombobox = (0, _useCombobox2.default)(),
     id = _useCombobox.id,
@@ -93,7 +102,7 @@ var Listbox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   });
   var getRowHeight = function getRowHeight(list, index) {
     var item = list[index];
-    if (group && item[_symbols.RSUITE_PICKER_GROUP_KEY] && index !== 0) {
+    if (groupable && item[_symbols.RSUITE_PICKER_GROUP_KEY] && index !== 0) {
       return rowGroupHeight;
     }
     return rowHeight;
@@ -119,16 +128,12 @@ var Listbox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       (0, _scrollTop.default)(container, Math.max(0, position.top - sHeight + 32));
     }
   }, [focusItemValue, menuBodyContainerRef, prefix]);
-  var filteredItems = group ? data.filter(function (item) {
+  var filteredItems = groupable ? data.filter(function (item) {
     var _item$parent;
     // Display group title items
     if (item[_symbols.RSUITE_PICKER_GROUP_KEY]) return true;
 
     // Display items under the unfolded group
-    // FIXME-Doma
-    // `groupBy` is bound to be string when `group` is true
-    // because `group` is actually redundant as a prop
-    // It could simply be derived from `groupBy` value
     var groupValue = (0, _get.default)(item, groupBy, '') || ( // FIXME-Doma
     // Usage of `item.parent` is strongly discouraged
     // It's only here for legacy support
@@ -145,7 +150,11 @@ var Listbox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       itemData = _ref.item;
     var item = itemData || data[index];
     var value = item[valueKey];
-    var label = item[labelKey];
+    var itemLabel = item[labelKey];
+    var label = query ? /*#__PURE__*/_react.default.createElement(_Highlight.default, {
+      query: query,
+      as: "span"
+    }, itemLabel) : itemLabel;
     if ((0, _isUndefined.default)(label) && !item[_symbols.RSUITE_PICKER_GROUP_KEY]) {
       throw Error("labelKey \"" + labelKey + "\" is not defined in \"data\" : " + index);
     }
@@ -153,13 +162,9 @@ var Listbox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     // Use `value` in keys when If `value` is string or number
     var itemKey = (0, _isString.default)(value) || (0, _isNumber.default)(value) ? value : index;
 
-    /**
-     * Render <ListboxGroup>
-     * when if `group` is enabled
-     */
-    if (group && item[_symbols.RSUITE_PICKER_GROUP_KEY]) {
+    //  Render <ListboxGroup> component when `groupBy` is defined
+    if (groupable && item[_symbols.RSUITE_PICKER_GROUP_KEY]) {
       var groupValue = item[_getDataGroupBy.KEY_GROUP_TITLE];
-      // TODO: grouped options should be owned by group
       return /*#__PURE__*/_react.default.createElement(_ListItemGroup.default, {
         style: style,
         classPrefix: 'picker-menu-group',

package/cjs/internals/Picker/PickerIndicator.d.ts

@@ -4,7 +4,8 @@ interface PickerIndicatorProps {
     caretAs?: React.ElementType | null;
     onClose?: (event: React.MouseEvent<HTMLElement>) => void;
     showCleanButton?: boolean;
+    disabled?: boolean;
     as?: React.ElementType;
 }
-declare const PickerIndicator: ({ loading, caretAs, onClose, showCleanButton, as: Component }: PickerIndicatorProps) => JSX.Element;
+declare const PickerIndicator: ({ loading, caretAs, onClose, showCleanButton, as: Component, disabled }: PickerIndicatorProps) => JSX.Element;
 export default PickerIndicator;

package/cjs/internals/Picker/PickerIndicator.js

@@ -16,7 +16,8 @@ var PickerIndicator = function PickerIndicator(_ref) {
     onClose = _ref.onClose,
     showCleanButton = _ref.showCleanButton,
     _ref$as = _ref.as,
-    Component = _ref$as === void 0 ? _InputGroup.default.Addon : _ref$as;
+    Component = _ref$as === void 0 ? _InputGroup.default.Addon : _ref$as,
+    disabled = _ref.disabled;
   var _useCustom = (0, _utils.useCustom)(),
     locale = _useCustom.locale;
   var _useClassNames = (0, _utils.useClassNames)('picker'),
@@ -28,7 +29,7 @@ var PickerIndicator = function PickerIndicator(_ref) {
         "data-testid": "spinner"
       });
     }
-    if (showCleanButton) {
+    if (showCleanButton && !disabled) {
       return /*#__PURE__*/_react.default.createElement(_CloseButton.default, {
         className: prefix('clean'),
         tabIndex: -1,
@@ -43,7 +44,10 @@ var PickerIndicator = function PickerIndicator(_ref) {
       className: prefix('caret-icon')
     });
   };
-  return /*#__PURE__*/_react.default.createElement(Component, null, addon());
+  var props = Component === _InputGroup.default.Addon ? {
+    disabled: disabled
+  } : undefined;
+  return /*#__PURE__*/_react.default.createElement(Component, props, addon());
 };
 var _default = PickerIndicator;
 exports.default = _default;

package/cjs/internals/Picker/hooks/useFocusItemValue.js

@@ -10,8 +10,8 @@ var _isUndefined = _interopRequireDefault(require("lodash/isUndefined"));
 var _find = _interopRequireDefault(require("lodash/find"));
 var _domLib = require("dom-lib");
 var _utils = require("../../../utils");
-var _treeUtils = require("../../../utils/treeUtils");
-var _utils2 = require("../utils");
+var _utils2 = require("../../Tree/utils");
+var _utils3 = require("../utils");
 /**
  * A hook that manages the focus state of the option.
  * @param defaultFocusItemValue
@@ -182,7 +182,7 @@ var useFocusItemValue = function useFocusItemValue(defaultFocusItemValue, props)
       var _getParent;
       setKeys(nextKeys);
       setLayer(nextLayer);
-      var focusItem = (0, _treeUtils.findNodeOfTree)(data, function (item) {
+      var focusItem = (0, _utils2.findNodeOfTree)(data, function (item) {
         return item[valueKey] === focusItemValue;
       });
       var parentItemValue = (_getParent = getParent(focusItem)) === null || _getParent === void 0 ? void 0 : _getParent[valueKey];
@@ -194,7 +194,7 @@ var useFocusItemValue = function useFocusItemValue(defaultFocusItemValue, props)
   });
   var handleKeyDown = (0, _utils.useEventCallback)(function (event) {
     var _onMenuKeyDown;
-    (0, _utils2.onMenuKeyDown)(event, (_onMenuKeyDown = {
+    (0, _utils3.onMenuKeyDown)(event, (_onMenuKeyDown = {
       down: focusNextMenuItem,
       up: focusPrevMenuItem
     }, _onMenuKeyDown[rtl ? 'left' : 'right'] = focusNextLevelMenu, _onMenuKeyDown[rtl ? 'right' : 'left'] = focusPrevLevelMenu, _onMenuKeyDown));

package/cjs/internals/Picker/hooks/usePickerRef.d.ts

@@ -1,13 +1,10 @@
 /// <reference types="react" />
 import type { OverlayTriggerHandle } from '../PickerToggleTrigger';
 import type { ListHandle } from '../../../internals/Windowing';
-export interface PickerDependentParameters {
-    inline?: boolean;
-}
 /**
  * A hook of the exposed method of Picker
  */
-declare function usePickerRef(ref: any, parmas?: PickerDependentParameters): {
+declare function usePickerRef(ref: any): {
     trigger: import("react").RefObject<OverlayTriggerHandle>;
     root: import("react").MutableRefObject<any>;
     overlay: import("react").RefObject<HTMLElement>;

package/cjs/internals/Picker/hooks/usePickerRef.js

@@ -10,7 +10,7 @@ var _symbols = require("../../../internals/symbols");
 /**
  * A hook of the exposed method of Picker
  */
-function usePickerRef(ref, parmas) {
+function usePickerRef(ref) {
   var trigger = (0, _react.useRef)(null);
   var root = (0, _react.useRef)(null);
   var target = (0, _react.useRef)(null);
@@ -18,8 +18,6 @@ function usePickerRef(ref, parmas) {
   var list = (0, _react.useRef)(null);
   var searchInput = (0, _react.useRef)(null);
   var treeView = (0, _react.useRef)(null);
-  var _ref = parmas || {},
-    inline = _ref.inline;
   var handleOpen = (0, _useEventCallback.default)(function () {
     var _trigger$current;
     trigger === null || trigger === void 0 ? void 0 : (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : _trigger$current.open();
@@ -33,25 +31,10 @@ function usePickerRef(ref, parmas) {
     trigger === null || trigger === void 0 ? void 0 : (_trigger$current3 = trigger.current) === null || _trigger$current3 === void 0 ? void 0 : _trigger$current3.updatePosition();
   });
   (0, _react.useImperativeHandle)(ref, function () {
-    // Tree and CheckTree
-    if (inline) {
-      return {
-        get root() {
-          var _trigger$current$root, _trigger$current4;
-          return root !== null && root !== void 0 && root.current ? root === null || root === void 0 ? void 0 : root.current : (_trigger$current$root = trigger === null || trigger === void 0 ? void 0 : (_trigger$current4 = trigger.current) === null || _trigger$current4 === void 0 ? void 0 : _trigger$current4.root) !== null && _trigger$current$root !== void 0 ? _trigger$current$root : null;
-        },
-        get list() {
-          if (!(list !== null && list !== void 0 && list.current)) {
-            throw new Error('The list is not found, please set `virtualized` for the component.');
-          }
-          return list === null || list === void 0 ? void 0 : list.current;
-        }
-      };
-    }
     return {
       get root() {
-        var _ref2, _trigger$current5;
-        return (_ref2 = (root === null || root === void 0 ? void 0 : root.current) || (trigger === null || trigger === void 0 ? void 0 : (_trigger$current5 = trigger.current) === null || _trigger$current5 === void 0 ? void 0 : _trigger$current5.root)) !== null && _ref2 !== void 0 ? _ref2 : null;
+        var _ref, _trigger$current4;
+        return (_ref = (root === null || root === void 0 ? void 0 : root.current) || (trigger === null || trigger === void 0 ? void 0 : (_trigger$current4 = trigger.current) === null || _trigger$current4 === void 0 ? void 0 : _trigger$current4.root)) !== null && _ref !== void 0 ? _ref : null;
       },
       get overlay() {
         var _overlay$current;

package/cjs/internals/Picker/index.d.ts

@@ -1,7 +1,6 @@
 import { pickTriggerPropKeys, omitTriggerPropKeys, OverlayTriggerHandle, PositionChildProps } from './PickerToggleTrigger';
 import { PickerToggleProps } from './PickerToggle';
 import { PickerHandle, PickerComponent } from './types';
-export { default as TreeView } from './TreeView';
 export { default as Listbox } from './Listbox';
 export { default as ListItem } from './ListItem';
 export { default as ListItemGroup } from './ListItemGroup';

package/cjs/internals/Picker/index.js

@@ -5,7 +5,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 exports.__esModule = true;
 var _exportNames = {
-  TreeView: true,
   Listbox: true,
   ListItem: true,
   ListItemGroup: true,
@@ -19,13 +18,11 @@ var _exportNames = {
   pickTriggerPropKeys: true,
   omitTriggerPropKeys: true
 };
-exports.SelectedElement = exports.PickerToggleTrigger = exports.PickerIndicator = exports.PickerLabel = exports.PickerToggle = exports.PickerPopup = exports.ListCheckItem = exports.ListItemGroup = exports.ListItem = exports.Listbox = exports.TreeView = void 0;
+exports.SelectedElement = exports.PickerToggleTrigger = exports.PickerIndicator = exports.PickerLabel = exports.PickerToggle = exports.PickerPopup = exports.ListCheckItem = exports.ListItemGroup = exports.ListItem = exports.Listbox = void 0;
 var _PickerToggleTrigger = _interopRequireWildcard(require("./PickerToggleTrigger"));
 exports.pickTriggerPropKeys = _PickerToggleTrigger.pickTriggerPropKeys;
 exports.omitTriggerPropKeys = _PickerToggleTrigger.omitTriggerPropKeys;
 exports.PickerToggleTrigger = _PickerToggleTrigger.default;
-var _TreeView = _interopRequireDefault(require("./TreeView"));
-exports.TreeView = _TreeView.default;
 var _Listbox = _interopRequireDefault(require("./Listbox"));
 exports.Listbox = _Listbox.default;
 var _ListItem = _interopRequireDefault(require("./ListItem"));

package/cjs/internals/Picker/utils.js

@@ -8,8 +8,8 @@ exports.shouldDisplay = shouldDisplay;
 exports.onMenuKeyDown = onMenuKeyDown;
 var _react = _interopRequireDefault(require("react"));
 var _trim = _interopRequireDefault(require("lodash/trim"));
-var _treeUtils = require("../../utils/treeUtils");
-var _utils = require("../../utils");
+var _utils = require("../Tree/utils");
+var _utils2 = require("../../utils");
 var defaultNodeKeys = {
   valueKey: 'value',
   childrenKey: 'children'
@@ -23,7 +23,7 @@ function createConcatChildrenFunction(node, nodeValue, nodeKeys) {
     childrenKey = _nodeKeys.childrenKey;
   return function (data, children) {
     if (nodeValue) {
-      node = (0, _treeUtils.findNodeOfTree)(data, function (item) {
+      node = (0, _utils.findNodeOfTree)(data, function (item) {
         return nodeValue === item[valueKey];
       });
     }
@@ -39,7 +39,7 @@ function shouldDisplay(label, searchKeyword) {
   if (typeof label === 'string' || typeof label === 'number') {
     return ("" + label).toLocaleLowerCase().indexOf(keyword) >= 0;
   } else if ( /*#__PURE__*/_react.default.isValidElement(label)) {
-    var nodes = (0, _utils.reactToString)(label);
+    var nodes = (0, _utils2.reactToString)(label);
     return nodes.join('').toLocaleLowerCase().indexOf(keyword) >= 0;
   }
   return false;
@@ -59,35 +59,35 @@ function onMenuKeyDown(event, events) {
     left = events.left;
   switch (event.key) {
     // down
-    case _utils.KEY_VALUES.DOWN:
+    case _utils2.KEY_VALUES.DOWN:
       down === null || down === void 0 ? void 0 : down(event);
       event.preventDefault();
       break;
     // up
-    case _utils.KEY_VALUES.UP:
+    case _utils2.KEY_VALUES.UP:
       up === null || up === void 0 ? void 0 : up(event);
       event.preventDefault();
       break;
     // enter
-    case _utils.KEY_VALUES.ENTER:
+    case _utils2.KEY_VALUES.ENTER:
       enter === null || enter === void 0 ? void 0 : enter(event);
       event.preventDefault();
       break;
     // delete
-    case _utils.KEY_VALUES.BACKSPACE:
+    case _utils2.KEY_VALUES.BACKSPACE:
       del === null || del === void 0 ? void 0 : del(event);
       break;
     // esc | tab
-    case _utils.KEY_VALUES.ESC:
-    case _utils.KEY_VALUES.TAB:
+    case _utils2.KEY_VALUES.ESC:
+    case _utils2.KEY_VALUES.TAB:
       esc === null || esc === void 0 ? void 0 : esc(event);
       break;
     // left arrow
-    case _utils.KEY_VALUES.LEFT:
+    case _utils2.KEY_VALUES.LEFT:
       left === null || left === void 0 ? void 0 : left(event);
       break;
     // right arrow
-    case _utils.KEY_VALUES.RIGHT:
+    case _utils2.KEY_VALUES.RIGHT:
       right === null || right === void 0 ? void 0 : right(event);
       break;
     default:

package/cjs/internals/{Picker → Tree}/TreeView.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
-var _useCombobox2 = _interopRequireDefault(require("./hooks/useCombobox"));
+var _useCombobox2 = _interopRequireDefault(require("../Picker/hooks/useCombobox"));
 var TreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var children = props.children,
     treeRootClassName = props.treeRootClassName,

package/cjs/internals/Tree/index.d.ts

@@ -0,0 +1 @@
+export { default as TreeView } from './TreeView';

package/cjs/internals/Tree/index.js

@@ -0,0 +1,8 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.TreeView = void 0;
+var _TreeView = _interopRequireDefault(require("./TreeView"));
+exports.TreeView = _TreeView.default;

package/cjs/internals/Tree/utils/filterNodesOfTree.d.ts

@@ -0,0 +1,5 @@
+declare type HasChildren<T extends Record<string, unknown>> = T & {
+    children?: readonly HasChildren<T>[];
+};
+export declare function filterNodesOfTree<TItem extends HasChildren<Record<string, unknown>>>(data: readonly TItem[], check: (item: TItem) => boolean): TItem[];
+export {};

package/cjs/internals/Tree/utils/filterNodesOfTree.js

@@ -0,0 +1,31 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.filterNodesOfTree = filterNodesOfTree;
+var _clone = _interopRequireDefault(require("lodash/clone"));
+function filterNodesOfTree(data, check) {
+  var findNodes = function findNodes(nodes) {
+    if (nodes === void 0) {
+      nodes = [];
+    }
+    var nextNodes = [];
+    for (var i = 0; i < nodes.length; i += 1) {
+      if (Array.isArray(nodes[i].children)) {
+        var nextChildren = findNodes(nodes[i].children);
+        if (nextChildren.length) {
+          var _item = (0, _clone.default)(nodes[i]);
+          _item.children = nextChildren;
+          nextNodes.push(_item);
+          continue;
+        }
+      }
+      if (check(nodes[i])) {
+        nextNodes.push(nodes[i]);
+      }
+    }
+    return nextNodes;
+  };
+  return findNodes(data);
+}

package/cjs/internals/Tree/utils/findNodeOfTree.d.ts

@@ -0,0 +1 @@
+export declare function findNodeOfTree(data: any, check: any): any;

package/cjs/internals/Tree/utils/findNodeOfTree.js

@@ -0,0 +1,26 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;
+exports.findNodeOfTree = findNodeOfTree;
+function findNodeOfTree(data, check) {
+  var findNode = function findNode(nodes) {
+    if (nodes === void 0) {
+      nodes = [];
+    }
+    for (var i = 0; i < nodes.length; i += 1) {
+      var item = nodes[i];
+      if (Array.isArray(item.children)) {
+        var node = findNode(item.children);
+        if (node) {
+          return node;
+        }
+      }
+      if (check(item)) {
+        return item;
+      }
+    }
+    return undefined;
+  };
+  return findNode(data);
+}

package/cjs/internals/Tree/utils/getParentMap.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+/**
+ * Returns a WeakMap that maps each item in `items` to its parent
+ * indicated by `getChildren` function
+ */
+export declare function getParentMap<T extends Record<string, unknown>>(items: readonly T[], getChildren: (item: T) => readonly T[] | undefined): WeakMap<T, T>;
+/**
+ * Returns a Map that maps each item's "key", indicated by `getKey` function,
+ * to its parent indicated by `getChildren` function
+ *
+ * NOTICE:
+ * Using this function is discouraged.
+ * Use {@link getParentMap} whenever possible.
+ */
+export declare function getKeyParentMap<T = Record<string, unknown>, K = React.Key>(items: readonly T[], getKey: (item: T) => K, getChildren: (item: T) => readonly T[] | undefined): Map<K, T>;