Socket
Socket
Sign inDemoInstall

rc-tree

Package Overview
Dependencies
14
Maintainers
11
Versions
304
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 5.6.3 to 5.6.4

CHANGELOG.md

38

es/contextTypes.d.ts

@@ -8,13 +8,13 @@ /**

import { DraggableConfig } from './Tree';
export declare type NodeMouseEventParams<T = HTMLSpanElement> = {
export declare type NodeMouseEventParams<TreeDataType extends BasicDataNode = DataNode, T = HTMLSpanElement> = {
event: React.MouseEvent<T>;
node: EventDataNode;
node: EventDataNode<TreeDataType>;
};
export declare type NodeDragEventParams<T = HTMLDivElement> = {
export declare type NodeDragEventParams<TreeDataType extends BasicDataNode = DataNode, T = HTMLDivElement> = {
event: React.DragEvent<T>;
node: EventDataNode;
node: EventDataNode<TreeDataType>;
};
export declare type NodeMouseEventHandler<T = HTMLSpanElement> = (e: React.MouseEvent<T>, node: EventDataNode) => void;
export declare type NodeDragEventHandler<T = HTMLDivElement, TreeDataType extends BasicDataNode = DataNode> = (e: React.DragEvent<T>, node: NodeInstance<TreeDataType>, outsideTree?: boolean) => void;
export interface TreeContextProps {
export declare type NodeMouseEventHandler<TreeDataType extends BasicDataNode = DataNode, T = HTMLSpanElement> = (e: React.MouseEvent<T>, node: EventDataNode<TreeDataType>) => void;
export declare type NodeDragEventHandler<TreeDataType extends BasicDataNode = DataNode, T = HTMLDivElement> = (e: React.DragEvent<T>, node: NodeInstance<TreeDataType>, outsideTree?: boolean) => void;
export interface TreeContextProps<TreeDataType extends BasicDataNode = DataNode> {
prefixCls: string;

@@ -45,14 +45,14 @@ selectable: boolean;

direction: Direction;
loadData: (treeNode: EventDataNode) => Promise<void>;
filterTreeNode: (treeNode: EventDataNode) => boolean;
loadData: (treeNode: EventDataNode<TreeDataType>) => Promise<void>;
filterTreeNode: (treeNode: EventDataNode<TreeDataType>) => boolean;
titleRender?: (node: any) => React.ReactNode;
onNodeClick: NodeMouseEventHandler;
onNodeDoubleClick: NodeMouseEventHandler;
onNodeExpand: NodeMouseEventHandler;
onNodeSelect: NodeMouseEventHandler;
onNodeCheck: (e: React.MouseEvent<HTMLSpanElement>, treeNode: EventDataNode, checked: boolean) => void;
onNodeLoad: (treeNode: EventDataNode) => void;
onNodeMouseEnter: NodeMouseEventHandler;
onNodeMouseLeave: NodeMouseEventHandler;
onNodeContextMenu: NodeMouseEventHandler;
onNodeClick: NodeMouseEventHandler<TreeDataType>;
onNodeDoubleClick: NodeMouseEventHandler<TreeDataType>;
onNodeExpand: NodeMouseEventHandler<TreeDataType>;
onNodeSelect: NodeMouseEventHandler<TreeDataType>;
onNodeCheck: (e: React.MouseEvent<HTMLSpanElement>, treeNode: EventDataNode<TreeDataType>, checked: boolean) => void;
onNodeLoad: (treeNode: EventDataNode<TreeDataType>) => void;
onNodeMouseEnter: NodeMouseEventHandler<TreeDataType>;
onNodeMouseLeave: NodeMouseEventHandler<TreeDataType>;
onNodeContextMenu: NodeMouseEventHandler<TreeDataType>;
onNodeDragStart: NodeDragEventHandler<any, any>;

@@ -65,2 +65,2 @@ onNodeDragEnter: NodeDragEventHandler<any, any>;

}
export declare const TreeContext: React.Context<TreeContextProps | null>;
export declare const TreeContext: React.Context<TreeContextProps<any> | null>;

@@ -1,2 +0,1 @@

/// <reference types="react" />
export default function DropIndicator({ dropPosition, dropLevelOffset, indent, }: {

@@ -3,0 +2,0 @@ dropPosition: -1 | 0 | 1;

@@ -17,10 +17,10 @@ import * as React from 'react';

}
export interface DataNode extends BasicDataNode {
children?: DataNode[];
/** Provide a wrap type define for developer to wrap with customize fieldNames data type */
export declare type FieldDataNode<T, ChildFieldName extends string = 'children'> = BasicDataNode & T & Partial<Record<ChildFieldName, FieldDataNode<T, ChildFieldName>[]>>;
export declare type DataNode = FieldDataNode<{
key: string | number;
title?: React.ReactNode | ((data: DataNode) => React.ReactNode);
}
/** Provide a wrap type define for developer to wrap with customize fieldNames data type */
export declare type FieldDataNode<T, ChildFieldName extends string = 'children'> = BasicDataNode & T & Partial<Record<ChildFieldName, FieldDataNode<T, ChildFieldName>[]>>;
export interface EventDataNode extends DataNode {
}>;
export declare type EventDataNode<TreeDataType> = {
key: React.Key;
expanded: boolean;

@@ -37,3 +37,3 @@ selected: boolean;

active: boolean;
}
} & TreeDataType;
export declare type IconType = React.ReactNode | ((props: TreeNodeProps) => React.ReactNode);

@@ -65,7 +65,7 @@ export declare type Key = string | number;

}
export interface FlattenNode {
parent: FlattenNode | null;
children: FlattenNode[];
export interface FlattenNode<TreeDataType extends BasicDataNode = DataNode> {
parent: FlattenNode<TreeDataType> | null;
children: FlattenNode<TreeDataType>[];
pos: string;
data: DataNode;
data: TreeDataType;
title: React.ReactNode;

@@ -72,0 +72,0 @@ key: Key;

@@ -5,3 +5,3 @@ /**

import * as React from 'react';
import { FlattenNode, Key, DataEntity, ScrollTo } from './interface';
import { FlattenNode, Key, DataEntity, DataNode, ScrollTo } from './interface';
export declare const MOTION_KEY: string;

@@ -13,9 +13,9 @@ export declare const MotionEntity: DataEntity;

}
interface NodeListProps {
interface NodeListProps<TreeDataType> {
prefixCls: string;
style: React.CSSProperties;
data: FlattenNode[];
data: FlattenNode<TreeDataType>[];
motion: any;
focusable?: boolean;
activeItem: FlattenNode;
activeItem: FlattenNode<TreeDataType>;
focused?: boolean;

@@ -49,4 +49,4 @@ tabIndex: number;

*/
export declare function getMinimumRangeTransitionRange(list: FlattenNode[], virtual: boolean, height: number, itemHeight: number): FlattenNode[];
declare const NodeList: React.ForwardRefExoticComponent<NodeListProps & React.RefAttributes<NodeListRef>>;
export declare function getMinimumRangeTransitionRange(list: FlattenNode[], virtual: boolean, height: number, itemHeight: number): FlattenNode<DataNode>[];
declare const NodeList: React.ForwardRefExoticComponent<NodeListProps<any> & React.RefAttributes<NodeListRef>>;
export default NodeList;

@@ -8,3 +8,3 @@ import * as React from 'react';

event: 'check';
node: EventDataNode;
node: EventDataNode<TreeDataType>;
checked: boolean;

@@ -80,3 +80,3 @@ nativeEvent: MouseEvent;

onExpand?: (expandedKeys: Key[], info: {
node: EventDataNode;
node: EventDataNode<TreeDataType>;
expanded: boolean;

@@ -92,3 +92,3 @@ nativeEvent: MouseEvent;

selected: boolean;
node: EventDataNode;
node: EventDataNode<TreeDataType>;
selectedNodes: TreeDataType[];

@@ -99,21 +99,21 @@ nativeEvent: MouseEvent;

event: 'load';
node: EventDataNode;
node: EventDataNode<TreeDataType>;
}) => void;
loadData?: (treeNode: EventDataNode) => Promise<any>;
loadData?: (treeNode: EventDataNode<TreeDataType>) => Promise<any>;
loadedKeys?: Key[];
onMouseEnter?: (info: NodeMouseEventParams) => void;
onMouseLeave?: (info: NodeMouseEventParams) => void;
onMouseEnter?: (info: NodeMouseEventParams<TreeDataType>) => void;
onMouseLeave?: (info: NodeMouseEventParams<TreeDataType>) => void;
onRightClick?: (info: {
event: React.MouseEvent;
node: EventDataNode;
node: EventDataNode<TreeDataType>;
}) => void;
onDragStart?: (info: NodeDragEventParams) => void;
onDragEnter?: (info: NodeDragEventParams & {
onDragStart?: (info: NodeDragEventParams<TreeDataType>) => void;
onDragEnter?: (info: NodeDragEventParams<TreeDataType> & {
expandedKeys: Key[];
}) => void;
onDragOver?: (info: NodeDragEventParams) => void;
onDragLeave?: (info: NodeDragEventParams) => void;
onDragEnd?: (info: NodeDragEventParams) => void;
onDrop?: (info: NodeDragEventParams & {
dragNode: EventDataNode;
onDragOver?: (info: NodeDragEventParams<TreeDataType>) => void;
onDragLeave?: (info: NodeDragEventParams<TreeDataType>) => void;
onDragEnd?: (info: NodeDragEventParams<TreeDataType>) => void;
onDrop?: (info: NodeDragEventParams<TreeDataType> & {
dragNode: EventDataNode<TreeDataType>;
dragNodesKeys: Key[];

@@ -128,3 +128,3 @@ dropPosition: number;

onActiveChange?: (key: Key) => void;
filterTreeNode?: (treeNode: EventDataNode) => boolean;
filterTreeNode?: (treeNode: EventDataNode<TreeDataType>) => boolean;
motion?: any;

@@ -157,4 +157,4 @@ switcherIcon?: IconType;

dragOverNodeKey: Key | null;
treeData: DataNode[];
flattenNodes: FlattenNode[];
treeData: TreeDataType[];
flattenNodes: FlattenNode<TreeDataType>[];
focused: boolean;

@@ -201,3 +201,3 @@ activeKey: Key;

static getDerivedStateFromProps(props: TreeProps, prevState: TreeState): Partial<TreeState<DataNode>>;
onNodeDragStart: NodeDragEventHandler<HTMLDivElement, TreeDataType>;
onNodeDragStart: NodeDragEventHandler<TreeDataType, HTMLDivElement>;
/**

@@ -212,5 +212,5 @@ * [Legacy] Select handler is smaller than node,

onNodeDragOver: (event: React.DragEvent<HTMLDivElement>, node: NodeInstance<TreeDataType>) => void;
onNodeDragLeave: NodeDragEventHandler;
onNodeDragLeave: NodeDragEventHandler<TreeDataType>;
onWindowDragEnd: (event: any) => void;
onNodeDragEnd: NodeDragEventHandler;
onNodeDragEnd: NodeDragEventHandler<TreeDataType>;
onNodeDrop: (event: React.DragEvent<HTMLDivElement>, node: any, outsideTree?: boolean) => void;

@@ -222,8 +222,8 @@ resetDragState(): void;

onNodeDoubleClick: NodeMouseEventHandler;
onNodeSelect: NodeMouseEventHandler;
onNodeCheck: (e: React.MouseEvent<HTMLSpanElement>, treeNode: EventDataNode, checked: boolean) => void;
onNodeLoad: (treeNode: EventDataNode) => Promise<void>;
onNodeMouseEnter: NodeMouseEventHandler;
onNodeMouseLeave: NodeMouseEventHandler;
onNodeContextMenu: NodeMouseEventHandler;
onNodeSelect: NodeMouseEventHandler<TreeDataType>;
onNodeCheck: (e: React.MouseEvent<HTMLSpanElement>, treeNode: EventDataNode<TreeDataType>, checked: boolean) => void;
onNodeLoad: (treeNode: EventDataNode<TreeDataType>) => Promise<void>;
onNodeMouseEnter: NodeMouseEventHandler<TreeDataType>;
onNodeMouseLeave: NodeMouseEventHandler<TreeDataType>;
onNodeContextMenu: NodeMouseEventHandler<TreeDataType>;
onFocus: React.FocusEventHandler<HTMLDivElement>;

@@ -244,7 +244,7 @@ onBlur: React.FocusEventHandler<HTMLDivElement>;

setExpandedKeys: (expandedKeys: Key[]) => void;
onNodeExpand: (e: React.MouseEvent<HTMLDivElement>, treeNode: EventDataNode) => void;
onNodeExpand: (e: React.MouseEvent<HTMLDivElement>, treeNode: EventDataNode<TreeDataType>) => void;
onListChangeStart: () => void;
onListChangeEnd: () => void;
onActiveChange: (newActiveKey: Key) => void;
getActiveItem: () => FlattenNode;
getActiveItem: () => FlattenNode<TreeDataType>;
offsetActiveKey: (offset: number) => void;

@@ -255,3 +255,3 @@ onKeyDown: React.KeyboardEventHandler<HTMLDivElement>;

*/
setUncontrolledState: (state: Partial<TreeState>, atomic?: boolean, forceState?: Partial<TreeState<TreeDataType>> | null) => void;
setUncontrolledState: (state: Partial<TreeState<TreeDataType>>, atomic?: boolean, forceState?: Partial<TreeState<TreeDataType>> | null) => void;
scrollTo: ScrollTo;

@@ -258,0 +258,0 @@ render(): JSX.Element;

@@ -337,3 +337,3 @@ import _extends from "@babel/runtime/helpers/esm/extends";

var abstractDropNodeProps = _objectSpread(_objectSpread({}, getTreeNodeProps(dropTargetKey, _this.getTreeNodeRequiredProps())), {}, {
active: ((_this$getActiveItem = _this.getActiveItem()) === null || _this$getActiveItem === void 0 ? void 0 : _this$getActiveItem.data.key) === dropTargetKey,
active: ((_this$getActiveItem = _this.getActiveItem()) === null || _this$getActiveItem === void 0 ? void 0 : _this$getActiveItem.key) === dropTargetKey,
data: _this.state.keyEntities[dropTargetKey].node

@@ -849,3 +849,4 @@ });

expandedKeys = _this$state13.expandedKeys,
checkedKeys = _this$state13.checkedKeys;
checkedKeys = _this$state13.checkedKeys,
fieldNames = _this$state13.fieldNames;
var _this$props9 = _this.props,

@@ -880,3 +881,3 @@ onKeyDown = _this$props9.onKeyDown,

var expandable = activeItem.data.isLeaf === false || !!(activeItem.data.children || []).length;
var expandable = activeItem.data.isLeaf === false || !!(activeItem.data[fieldNames.children] || []).length;
var eventNode = convertNodePropsToEventData(_objectSpread(_objectSpread({}, getTreeNodeProps(activeKey, treeNodeRequiredProps)), {}, {

@@ -895,3 +896,3 @@ data: activeItem.data,

} else if (activeItem.parent) {
_this.onActiveChange(activeItem.parent.data.key);
_this.onActiveChange(activeItem.parent.key);
}

@@ -909,3 +910,3 @@

} else if (activeItem.children && activeItem.children.length) {
_this.onActiveChange(activeItem.children[0].data.key);
_this.onActiveChange(activeItem.children[0].key);
}

@@ -912,0 +913,0 @@

@@ -68,3 +68,3 @@ import * as React from 'react';

isDisabled: () => boolean;
isCheckable: () => {};
isCheckable: () => string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment;
syncLoadData: (props: any) => void;

@@ -74,3 +74,3 @@ isSelectable(): boolean;

renderDragHandler: () => JSX.Element;
renderSwitcherIconDom: (isLeaf: boolean) => any;
renderSwitcherIconDom: (isLeaf: boolean) => React.ReactNode;
renderSwitcher: () => JSX.Element;

@@ -77,0 +77,0 @@ renderCheckbox: () => JSX.Element;

@@ -18,3 +18,3 @@ /**

y: number;
}, allowDrop: AllowDrop<TreeDataType>, flattenedNodes: FlattenNode[], keyEntities: Record<Key, DataEntity<TreeDataType>>, expandKeys: Key[], direction: Direction): {
}, allowDrop: AllowDrop<TreeDataType>, flattenedNodes: FlattenNode<TreeDataType>[], keyEntities: Record<Key, DataEntity<TreeDataType>>, expandKeys: Key[], direction: Direction): {
dropPosition: -1 | 0 | 1;

@@ -21,0 +21,0 @@ dropLevelOffset: number;

@@ -6,2 +6,2 @@ import { Key, FlattenNode } from '../interface';

};
export declare function getExpandRange(shorter: FlattenNode[], longer: FlattenNode[], key: Key): FlattenNode[];
export declare function getExpandRange(shorter: FlattenNode[], longer: FlattenNode[], key: Key): FlattenNode<import("../interface").DataNode>[];

@@ -20,3 +20,3 @@ import * as React from 'react';

*/
export declare function flattenTreeData(treeNodeList: DataNode[], expandedKeys: Key[] | true, fieldNames: FieldNames): FlattenNode[];
export declare function flattenTreeData<TreeDataType extends BasicDataNode = DataNode>(treeNodeList: TreeDataType[], expandedKeys: Key[] | true, fieldNames: FieldNames): FlattenNode<TreeDataType>[];
declare type ExternalGetKey = GetKey<DataNode> | string;

@@ -88,3 +88,3 @@ interface TraverseDataNodesConfig {

};
export declare function convertNodePropsToEventData<TreeDataType extends BasicDataNode = DataNode>(props: TreeNodeProps<TreeDataType>): EventDataNode;
export declare function convertNodePropsToEventData<TreeDataType extends BasicDataNode = DataNode>(props: TreeNodeProps<TreeDataType>): EventDataNode<TreeDataType>;
export {};

@@ -8,13 +8,13 @@ /**

import { DraggableConfig } from './Tree';
export declare type NodeMouseEventParams<T = HTMLSpanElement> = {
export declare type NodeMouseEventParams<TreeDataType extends BasicDataNode = DataNode, T = HTMLSpanElement> = {
event: React.MouseEvent<T>;
node: EventDataNode;
node: EventDataNode<TreeDataType>;
};
export declare type NodeDragEventParams<T = HTMLDivElement> = {
export declare type NodeDragEventParams<TreeDataType extends BasicDataNode = DataNode, T = HTMLDivElement> = {
event: React.DragEvent<T>;
node: EventDataNode;
node: EventDataNode<TreeDataType>;
};
export declare type NodeMouseEventHandler<T = HTMLSpanElement> = (e: React.MouseEvent<T>, node: EventDataNode) => void;
export declare type NodeDragEventHandler<T = HTMLDivElement, TreeDataType extends BasicDataNode = DataNode> = (e: React.DragEvent<T>, node: NodeInstance<TreeDataType>, outsideTree?: boolean) => void;
export interface TreeContextProps {
export declare type NodeMouseEventHandler<TreeDataType extends BasicDataNode = DataNode, T = HTMLSpanElement> = (e: React.MouseEvent<T>, node: EventDataNode<TreeDataType>) => void;
export declare type NodeDragEventHandler<TreeDataType extends BasicDataNode = DataNode, T = HTMLDivElement> = (e: React.DragEvent<T>, node: NodeInstance<TreeDataType>, outsideTree?: boolean) => void;
export interface TreeContextProps<TreeDataType extends BasicDataNode = DataNode> {
prefixCls: string;

@@ -45,14 +45,14 @@ selectable: boolean;

direction: Direction;
loadData: (treeNode: EventDataNode) => Promise<void>;
filterTreeNode: (treeNode: EventDataNode) => boolean;
loadData: (treeNode: EventDataNode<TreeDataType>) => Promise<void>;
filterTreeNode: (treeNode: EventDataNode<TreeDataType>) => boolean;
titleRender?: (node: any) => React.ReactNode;
onNodeClick: NodeMouseEventHandler;
onNodeDoubleClick: NodeMouseEventHandler;
onNodeExpand: NodeMouseEventHandler;
onNodeSelect: NodeMouseEventHandler;
onNodeCheck: (e: React.MouseEvent<HTMLSpanElement>, treeNode: EventDataNode, checked: boolean) => void;
onNodeLoad: (treeNode: EventDataNode) => void;
onNodeMouseEnter: NodeMouseEventHandler;
onNodeMouseLeave: NodeMouseEventHandler;
onNodeContextMenu: NodeMouseEventHandler;
onNodeClick: NodeMouseEventHandler<TreeDataType>;
onNodeDoubleClick: NodeMouseEventHandler<TreeDataType>;
onNodeExpand: NodeMouseEventHandler<TreeDataType>;
onNodeSelect: NodeMouseEventHandler<TreeDataType>;
onNodeCheck: (e: React.MouseEvent<HTMLSpanElement>, treeNode: EventDataNode<TreeDataType>, checked: boolean) => void;
onNodeLoad: (treeNode: EventDataNode<TreeDataType>) => void;
onNodeMouseEnter: NodeMouseEventHandler<TreeDataType>;
onNodeMouseLeave: NodeMouseEventHandler<TreeDataType>;
onNodeContextMenu: NodeMouseEventHandler<TreeDataType>;
onNodeDragStart: NodeDragEventHandler<any, any>;

@@ -65,2 +65,2 @@ onNodeDragEnter: NodeDragEventHandler<any, any>;

}
export declare const TreeContext: React.Context<TreeContextProps | null>;
export declare const TreeContext: React.Context<TreeContextProps<any> | null>;
"use strict";
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
var _typeof = require("@babel/runtime/helpers/typeof");

@@ -12,2 +12,6 @@ Object.defineProperty(exports, "__esModule", {

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
/**

@@ -14,0 +18,0 @@ * Webpack has bug for import loop, which is not the same behavior as ES module.

@@ -1,2 +0,1 @@

/// <reference types="react" />
export default function DropIndicator({ dropPosition, dropLevelOffset, indent, }: {

@@ -3,0 +2,0 @@ dropPosition: -1 | 0 | 1;

"use strict";
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
var _typeof = require("@babel/runtime/helpers/typeof");

@@ -12,2 +12,6 @@ Object.defineProperty(exports, "__esModule", {

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function DropIndicator(_ref) {

@@ -14,0 +18,0 @@ var dropPosition = _ref.dropPosition,

"use strict";
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {

@@ -18,2 +18,6 @@ value: true

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
var Indent = function Indent(_ref) {

@@ -20,0 +24,0 @@ var prefixCls = _ref.prefixCls,

@@ -17,10 +17,10 @@ import * as React from 'react';

}
export interface DataNode extends BasicDataNode {
children?: DataNode[];
/** Provide a wrap type define for developer to wrap with customize fieldNames data type */
export declare type FieldDataNode<T, ChildFieldName extends string = 'children'> = BasicDataNode & T & Partial<Record<ChildFieldName, FieldDataNode<T, ChildFieldName>[]>>;
export declare type DataNode = FieldDataNode<{
key: string | number;
title?: React.ReactNode | ((data: DataNode) => React.ReactNode);
}
/** Provide a wrap type define for developer to wrap with customize fieldNames data type */
export declare type FieldDataNode<T, ChildFieldName extends string = 'children'> = BasicDataNode & T & Partial<Record<ChildFieldName, FieldDataNode<T, ChildFieldName>[]>>;
export interface EventDataNode extends DataNode {
}>;
export declare type EventDataNode<TreeDataType> = {
key: React.Key;
expanded: boolean;

@@ -37,3 +37,3 @@ selected: boolean;

active: boolean;
}
} & TreeDataType;
export declare type IconType = React.ReactNode | ((props: TreeNodeProps) => React.ReactNode);

@@ -65,7 +65,7 @@ export declare type Key = string | number;

}
export interface FlattenNode {
parent: FlattenNode | null;
children: FlattenNode[];
export interface FlattenNode<TreeDataType extends BasicDataNode = DataNode> {
parent: FlattenNode<TreeDataType> | null;
children: FlattenNode<TreeDataType>[];
pos: string;
data: DataNode;
data: TreeDataType;
title: React.ReactNode;

@@ -72,0 +72,0 @@ key: Key;

@@ -5,3 +5,3 @@ "use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
var _typeof = require("@babel/runtime/helpers/typeof");

@@ -33,2 +33,6 @@ Object.defineProperty(exports, "__esModule", {

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
var MotionTreeNode = function MotionTreeNode(_ref, ref) {

@@ -35,0 +39,0 @@ var className = _ref.className,

@@ -5,3 +5,3 @@ /**

import * as React from 'react';
import { FlattenNode, Key, DataEntity, ScrollTo } from './interface';
import { FlattenNode, Key, DataEntity, DataNode, ScrollTo } from './interface';
export declare const MOTION_KEY: string;

@@ -13,9 +13,9 @@ export declare const MotionEntity: DataEntity;

}
interface NodeListProps {
interface NodeListProps<TreeDataType> {
prefixCls: string;
style: React.CSSProperties;
data: FlattenNode[];
data: FlattenNode<TreeDataType>[];
motion: any;
focusable?: boolean;
activeItem: FlattenNode;
activeItem: FlattenNode<TreeDataType>;
focused?: boolean;

@@ -49,4 +49,4 @@ tabIndex: number;

*/
export declare function getMinimumRangeTransitionRange(list: FlattenNode[], virtual: boolean, height: number, itemHeight: number): FlattenNode[];
declare const NodeList: React.ForwardRefExoticComponent<NodeListProps & React.RefAttributes<NodeListRef>>;
export declare function getMinimumRangeTransitionRange(list: FlattenNode[], virtual: boolean, height: number, itemHeight: number): FlattenNode<DataNode>[];
declare const NodeList: React.ForwardRefExoticComponent<NodeListProps<any> & React.RefAttributes<NodeListRef>>;
export default NodeList;

@@ -5,3 +5,3 @@ "use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
var _typeof = require("@babel/runtime/helpers/typeof");

@@ -31,2 +31,7 @@ Object.defineProperty(exports, "__esModule", {

var _excluded = ["prefixCls", "data", "selectable", "checkable", "expandedKeys", "selectedKeys", "checkedKeys", "loadedKeys", "loadingKeys", "halfCheckedKeys", "keyEntities", "disabled", "dragging", "dragOverNodeKey", "dropPosition", "motion", "height", "itemHeight", "virtual", "focusable", "activeItem", "focused", "tabIndex", "onKeyDown", "onFocus", "onBlur", "onActiveChange", "onListChangeStart", "onListChangeEnd"];
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
var HIDDEN_STYLE = {

@@ -33,0 +38,0 @@ width: 0,

@@ -8,3 +8,3 @@ import * as React from 'react';

event: 'check';
node: EventDataNode;
node: EventDataNode<TreeDataType>;
checked: boolean;

@@ -80,3 +80,3 @@ nativeEvent: MouseEvent;

onExpand?: (expandedKeys: Key[], info: {
node: EventDataNode;
node: EventDataNode<TreeDataType>;
expanded: boolean;

@@ -92,3 +92,3 @@ nativeEvent: MouseEvent;

selected: boolean;
node: EventDataNode;
node: EventDataNode<TreeDataType>;
selectedNodes: TreeDataType[];

@@ -99,21 +99,21 @@ nativeEvent: MouseEvent;

event: 'load';
node: EventDataNode;
node: EventDataNode<TreeDataType>;
}) => void;
loadData?: (treeNode: EventDataNode) => Promise<any>;
loadData?: (treeNode: EventDataNode<TreeDataType>) => Promise<any>;
loadedKeys?: Key[];
onMouseEnter?: (info: NodeMouseEventParams) => void;
onMouseLeave?: (info: NodeMouseEventParams) => void;
onMouseEnter?: (info: NodeMouseEventParams<TreeDataType>) => void;
onMouseLeave?: (info: NodeMouseEventParams<TreeDataType>) => void;
onRightClick?: (info: {
event: React.MouseEvent;
node: EventDataNode;
node: EventDataNode<TreeDataType>;
}) => void;
onDragStart?: (info: NodeDragEventParams) => void;
onDragEnter?: (info: NodeDragEventParams & {
onDragStart?: (info: NodeDragEventParams<TreeDataType>) => void;
onDragEnter?: (info: NodeDragEventParams<TreeDataType> & {
expandedKeys: Key[];
}) => void;
onDragOver?: (info: NodeDragEventParams) => void;
onDragLeave?: (info: NodeDragEventParams) => void;
onDragEnd?: (info: NodeDragEventParams) => void;
onDrop?: (info: NodeDragEventParams & {
dragNode: EventDataNode;
onDragOver?: (info: NodeDragEventParams<TreeDataType>) => void;
onDragLeave?: (info: NodeDragEventParams<TreeDataType>) => void;
onDragEnd?: (info: NodeDragEventParams<TreeDataType>) => void;
onDrop?: (info: NodeDragEventParams<TreeDataType> & {
dragNode: EventDataNode<TreeDataType>;
dragNodesKeys: Key[];

@@ -128,3 +128,3 @@ dropPosition: number;

onActiveChange?: (key: Key) => void;
filterTreeNode?: (treeNode: EventDataNode) => boolean;
filterTreeNode?: (treeNode: EventDataNode<TreeDataType>) => boolean;
motion?: any;

@@ -157,4 +157,4 @@ switcherIcon?: IconType;

dragOverNodeKey: Key | null;
treeData: DataNode[];
flattenNodes: FlattenNode[];
treeData: TreeDataType[];
flattenNodes: FlattenNode<TreeDataType>[];
focused: boolean;

@@ -201,3 +201,3 @@ activeKey: Key;

static getDerivedStateFromProps(props: TreeProps, prevState: TreeState): Partial<TreeState<DataNode>>;
onNodeDragStart: NodeDragEventHandler<HTMLDivElement, TreeDataType>;
onNodeDragStart: NodeDragEventHandler<TreeDataType, HTMLDivElement>;
/**

@@ -212,5 +212,5 @@ * [Legacy] Select handler is smaller than node,

onNodeDragOver: (event: React.DragEvent<HTMLDivElement>, node: NodeInstance<TreeDataType>) => void;
onNodeDragLeave: NodeDragEventHandler;
onNodeDragLeave: NodeDragEventHandler<TreeDataType>;
onWindowDragEnd: (event: any) => void;
onNodeDragEnd: NodeDragEventHandler;
onNodeDragEnd: NodeDragEventHandler<TreeDataType>;
onNodeDrop: (event: React.DragEvent<HTMLDivElement>, node: any, outsideTree?: boolean) => void;

@@ -222,8 +222,8 @@ resetDragState(): void;

onNodeDoubleClick: NodeMouseEventHandler;
onNodeSelect: NodeMouseEventHandler;
onNodeCheck: (e: React.MouseEvent<HTMLSpanElement>, treeNode: EventDataNode, checked: boolean) => void;
onNodeLoad: (treeNode: EventDataNode) => Promise<void>;
onNodeMouseEnter: NodeMouseEventHandler;
onNodeMouseLeave: NodeMouseEventHandler;
onNodeContextMenu: NodeMouseEventHandler;
onNodeSelect: NodeMouseEventHandler<TreeDataType>;
onNodeCheck: (e: React.MouseEvent<HTMLSpanElement>, treeNode: EventDataNode<TreeDataType>, checked: boolean) => void;
onNodeLoad: (treeNode: EventDataNode<TreeDataType>) => Promise<void>;
onNodeMouseEnter: NodeMouseEventHandler<TreeDataType>;
onNodeMouseLeave: NodeMouseEventHandler<TreeDataType>;
onNodeContextMenu: NodeMouseEventHandler<TreeDataType>;
onFocus: React.FocusEventHandler<HTMLDivElement>;

@@ -244,7 +244,7 @@ onBlur: React.FocusEventHandler<HTMLDivElement>;

setExpandedKeys: (expandedKeys: Key[]) => void;
onNodeExpand: (e: React.MouseEvent<HTMLDivElement>, treeNode: EventDataNode) => void;
onNodeExpand: (e: React.MouseEvent<HTMLDivElement>, treeNode: EventDataNode<TreeDataType>) => void;
onListChangeStart: () => void;
onListChangeEnd: () => void;
onActiveChange: (newActiveKey: Key) => void;
getActiveItem: () => FlattenNode;
getActiveItem: () => FlattenNode<TreeDataType>;
offsetActiveKey: (offset: number) => void;

@@ -255,3 +255,3 @@ onKeyDown: React.KeyboardEventHandler<HTMLDivElement>;

*/
setUncontrolledState: (state: Partial<TreeState>, atomic?: boolean, forceState?: Partial<TreeState<TreeDataType>> | null) => void;
setUncontrolledState: (state: Partial<TreeState<TreeDataType>>, atomic?: boolean, forceState?: Partial<TreeState<TreeDataType>> | null) => void;
scrollTo: ScrollTo;

@@ -258,0 +258,0 @@ render(): JSX.Element;

"use strict";
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof3 = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {

@@ -56,2 +56,6 @@ value: true

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
// TODO: https://www.w3.org/TR/2017/NOTE-wai-aria-practices-1.1-20171214/examples/treeview/treeview-2/treeview-2a.html

@@ -368,3 +372,3 @@ // Fully accessibility support

var abstractDropNodeProps = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, (0, _treeUtil.getTreeNodeProps)(dropTargetKey, _this.getTreeNodeRequiredProps())), {}, {
active: ((_this$getActiveItem = _this.getActiveItem()) === null || _this$getActiveItem === void 0 ? void 0 : _this$getActiveItem.data.key) === dropTargetKey,
active: ((_this$getActiveItem = _this.getActiveItem()) === null || _this$getActiveItem === void 0 ? void 0 : _this$getActiveItem.key) === dropTargetKey,
data: _this.state.keyEntities[dropTargetKey].node

@@ -879,3 +883,4 @@ });

expandedKeys = _this$state13.expandedKeys,
checkedKeys = _this$state13.checkedKeys;
checkedKeys = _this$state13.checkedKeys,
fieldNames = _this$state13.fieldNames;
var _this$props9 = _this.props,

@@ -910,3 +915,3 @@ onKeyDown = _this$props9.onKeyDown,

var expandable = activeItem.data.isLeaf === false || !!(activeItem.data.children || []).length;
var expandable = activeItem.data.isLeaf === false || !!(activeItem.data[fieldNames.children] || []).length;
var eventNode = (0, _treeUtil.convertNodePropsToEventData)((0, _objectSpread3.default)((0, _objectSpread3.default)({}, (0, _treeUtil.getTreeNodeProps)(activeKey, treeNodeRequiredProps)), {}, {

@@ -925,3 +930,3 @@ data: activeItem.data,

} else if (activeItem.parent) {
_this.onActiveChange(activeItem.parent.data.key);
_this.onActiveChange(activeItem.parent.key);
}

@@ -939,3 +944,3 @@

} else if (activeItem.children && activeItem.children.length) {
_this.onActiveChange(activeItem.children[0].data.key);
_this.onActiveChange(activeItem.children[0].key);
}

@@ -942,0 +947,0 @@

@@ -68,3 +68,3 @@ import * as React from 'react';

isDisabled: () => boolean;
isCheckable: () => {};
isCheckable: () => string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment;
syncLoadData: (props: any) => void;

@@ -74,3 +74,3 @@ isSelectable(): boolean;

renderDragHandler: () => JSX.Element;
renderSwitcherIconDom: (isLeaf: boolean) => any;
renderSwitcherIconDom: (isLeaf: boolean) => React.ReactNode;
renderSwitcher: () => JSX.Element;

@@ -77,0 +77,0 @@ renderCheckbox: () => JSX.Element;

@@ -5,3 +5,3 @@ "use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
var _typeof = require("@babel/runtime/helpers/typeof");

@@ -44,2 +44,7 @@ Object.defineProperty(exports, "__esModule", {

var _excluded = ["eventKey", "className", "style", "dragOver", "dragOverGapTop", "dragOverGapBottom", "isLeaf", "isStart", "isEnd", "expanded", "selected", "checked", "halfChecked", "loading", "domRef", "active", "data", "onMouseMove", "selectable"];
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
var ICON_OPEN = 'open';

@@ -46,0 +51,0 @@ var ICON_CLOSE = 'close';

@@ -18,3 +18,3 @@ /**

y: number;
}, allowDrop: AllowDrop<TreeDataType>, flattenedNodes: FlattenNode[], keyEntities: Record<Key, DataEntity<TreeDataType>>, expandKeys: Key[], direction: Direction): {
}, allowDrop: AllowDrop<TreeDataType>, flattenedNodes: FlattenNode<TreeDataType>[], keyEntities: Record<Key, DataEntity<TreeDataType>>, expandKeys: Key[], direction: Direction): {
dropPosition: -1 | 0 | 1;

@@ -21,0 +21,0 @@ dropLevelOffset: number;

@@ -6,2 +6,2 @@ import { Key, FlattenNode } from '../interface';

};
export declare function getExpandRange(shorter: FlattenNode[], longer: FlattenNode[], key: Key): FlattenNode[];
export declare function getExpandRange(shorter: FlattenNode[], longer: FlattenNode[], key: Key): FlattenNode<import("../interface").DataNode>[];

@@ -20,3 +20,3 @@ import * as React from 'react';

*/
export declare function flattenTreeData(treeNodeList: DataNode[], expandedKeys: Key[] | true, fieldNames: FieldNames): FlattenNode[];
export declare function flattenTreeData<TreeDataType extends BasicDataNode = DataNode>(treeNodeList: TreeDataType[], expandedKeys: Key[] | true, fieldNames: FieldNames): FlattenNode<TreeDataType>[];
declare type ExternalGetKey = GetKey<DataNode> | string;

@@ -88,3 +88,3 @@ interface TraverseDataNodesConfig {

};
export declare function convertNodePropsToEventData<TreeDataType extends BasicDataNode = DataNode>(props: TreeNodeProps<TreeDataType>): EventDataNode;
export declare function convertNodePropsToEventData<TreeDataType extends BasicDataNode = DataNode>(props: TreeNodeProps<TreeDataType>): EventDataNode<TreeDataType>;
export {};
{
"name": "rc-tree",
"version": "5.6.3",
"version": "5.6.4",
"description": "tree ui component for react",

@@ -5,0 +5,0 @@ "engines": {

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc