rc-tree - npm Package Compare versions

Comparing version 5.6.1 to 5.6.2

es/DropIndicator.d.ts

@@ -1,2 +0,1 @@
-/// <reference types="react" />
 export default function DropIndicator({ dropPosition, dropLevelOffset, indent, }: {
@@ -3,0 +2,0 @@ dropPosition: -1 | 0 | 1;

es/index.d.ts

@@ -5,5 +5,5 @@ import Tree from './Tree';
 import type { TreeNodeProps } from './TreeNode';
-import type { BasicDataNode } from './interface';
+import type { BasicDataNode, FieldDataNode } from './interface';
 export { TreeNode };
-export type { TreeProps, TreeNodeProps, BasicDataNode };
+export type { TreeProps, TreeNodeProps, BasicDataNode, FieldDataNode };
 export default Tree;

es/interface.d.ts

@@ -20,4 +20,6 @@ import * as React from 'react';
     key: string | number;
-    title?: React.ReactNode;
+    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 {
@@ -24,0 +26,0 @@ expanded: boolean;

es/NodeList.js

@@ -81,3 +81,3 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 
-var RefNodeList = function RefNodeList(props, ref) {
+var NodeList = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var prefixCls = props.prefixCls,
@@ -302,6 +302,4 @@ data = props.data,
   }));
-};
-
-var NodeList = /*#__PURE__*/React.forwardRef(RefNodeList);
+});
 NodeList.displayName = 'NodeList';
 export default NodeList;

es/Tree.d.ts

@@ -98,3 +98,3 @@ import * as React from 'react';
     }) => void;
-    loadData?: (treeNode: EventDataNode) => Promise<void>;
+    loadData?: (treeNode: EventDataNode) => Promise<any>;
     loadedKeys?: Key[];
@@ -161,3 +161,3 @@ onMouseEnter?: (info: NodeMouseEventParams) => void;
 }
-declare class Tree<TreeDataType extends BasicDataNode = DataNode> extends React.Component<TreeProps<TreeDataType>, TreeState<TreeDataType>> {
+declare class Tree<TreeDataType extends DataNode | BasicDataNode = DataNode> extends React.Component<TreeProps<TreeDataType>, TreeState<TreeDataType>> {
     static defaultProps: {
@@ -164,0 +164,0 @@ prefixCls: string;

es/Tree.js

@@ -964,2 +964,3 @@ import _extends from "@babel/runtime/helpers/esm/extends";
     value: function componentDidMount() {
+      this.destroyed = false;
       this.onUpdated();
@@ -966,0 +967,0 @@ }

es/TreeNode.d.ts

@@ -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;

lib/DropIndicator.d.ts

@@ -1,2 +0,1 @@
-/// <reference types="react" />
 export default function DropIndicator({ dropPosition, dropLevelOffset, indent, }: {
@@ -3,0 +2,0 @@ dropPosition: -1 | 0 | 1;

lib/index.d.ts

@@ -5,5 +5,5 @@ import Tree from './Tree';
 import type { TreeNodeProps } from './TreeNode';
-import type { BasicDataNode } from './interface';
+import type { BasicDataNode, FieldDataNode } from './interface';
 export { TreeNode };
-export type { TreeProps, TreeNodeProps, BasicDataNode };
+export type { TreeProps, TreeNodeProps, BasicDataNode, FieldDataNode };
 export default Tree;

lib/interface.d.ts

@@ -20,4 +20,6 @@ import * as React from 'react';
     key: string | number;
-    title?: React.ReactNode;
+    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 {
@@ -24,0 +26,0 @@ expanded: boolean;

lib/NodeList.js

@@ -99,3 +99,3 @@ "use strict";
 
-var RefNodeList = function RefNodeList(props, ref) {
+var NodeList = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var prefixCls = props.prefixCls,
@@ -318,7 +318,5 @@ data = props.data,
   }));
-};
-
-var NodeList = /*#__PURE__*/React.forwardRef(RefNodeList);
+});
 NodeList.displayName = 'NodeList';
 var _default = NodeList;
 exports.default = _default;

lib/Tree.d.ts

@@ -98,3 +98,3 @@ import * as React from 'react';
     }) => void;
-    loadData?: (treeNode: EventDataNode) => Promise<void>;
+    loadData?: (treeNode: EventDataNode) => Promise<any>;
     loadedKeys?: Key[];
@@ -161,3 +161,3 @@ onMouseEnter?: (info: NodeMouseEventParams) => void;
 }
-declare class Tree<TreeDataType extends BasicDataNode = DataNode> extends React.Component<TreeProps<TreeDataType>, TreeState<TreeDataType>> {
+declare class Tree<TreeDataType extends DataNode | BasicDataNode = DataNode> extends React.Component<TreeProps<TreeDataType>, TreeState<TreeDataType>> {
     static defaultProps: {
@@ -164,0 +164,0 @@ prefixCls: string;

lib/Tree.js

@@ -993,2 +993,3 @@ "use strict";
     value: function componentDidMount() {
+      this.destroyed = false;
       this.onUpdated();
@@ -995,0 +996,0 @@ }

lib/TreeNode.d.ts

@@ -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;

package.json

 {
   "name": "rc-tree",
-  "version": "5.6.1",
+  "version": "5.6.2",
   "description": "tree ui component for react",
@@ -53,5 +53,7 @@ "engines": {
   "devDependencies": {
+    "@testing-library/jest-dom": "^5.16.4",
+    "@testing-library/react": "^13.0.0",
     "@types/enzyme": "^3.10.9",
     "@types/jest": "^26.0.4",
-    "@types/react": "^17.0.11",
+    "@types/react": "^18.0.0",
     "@types/react-dom": "^17.0.8",
@@ -72,4 +74,4 @@ "@types/warning": "^3.0.0",
     "rc-trigger": "^5.0.7",
-    "react": "^16.8.0",
-    "react-dom": "^16.8.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
     "typescript": "^4.0.2"
@@ -82,4 +84,4 @@ },
     "rc-util": "^5.16.1",
-    "rc-virtual-list": "^3.4.2"
+    "rc-virtual-list": "^3.4.8"
   }
 }

No alert changes

Improved metrics

Total package byte prevSize

350084

0.27%

Lines of code

7356

0.03%

Worsened metrics

Dev dependency count

23

9.52%

Dependency changes

• Updated

  rc-virtual-list@^3.4.8