Socket
Socket
Sign inDemoInstall

rc-tree

Package Overview
Dependencies
Maintainers
10
Versions
306
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

rc-tree - npm Package Compare versions

Comparing version 4.0.0-beta.2 to 4.0.0

2

es/contextTypes.js

@@ -6,2 +6,2 @@ /**

import * as React from 'react';
export var TreeContext = React.createContext(null);
export var TreeContext = /*#__PURE__*/React.createContext(null);

@@ -31,5 +31,5 @@ import * as React from 'react';

return React.createElement("div", {
return /*#__PURE__*/React.createElement("div", {
style: style
});
}

@@ -16,3 +16,3 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";

list.push(React.createElement("span", {
list.push( /*#__PURE__*/React.createElement("span", {
key: i,

@@ -23,3 +23,3 @@ className: classNames(baseClassName, (_classNames = {}, _defineProperty(_classNames, "".concat(baseClassName, "-start"), isStart[i]), _defineProperty(_classNames, "".concat(baseClassName, "-end"), isEnd[i]), _classNames))

return React.createElement("span", {
return /*#__PURE__*/React.createElement("span", {
"aria-hidden": "true",

@@ -26,0 +26,0 @@ className: "".concat(prefixCls, "-indent")

@@ -60,3 +60,3 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";

if (motionNodes) {
return React.createElement(CSSMotion, Object.assign({
return /*#__PURE__*/React.createElement(CSSMotion, Object.assign({
ref: ref,

@@ -71,3 +71,3 @@ visible: visible

motionStyle = _ref2.style;
return React.createElement("div", {
return /*#__PURE__*/React.createElement("div", {
ref: motionRef,

@@ -85,3 +85,3 @@ className: classNames("".concat(prefixCls, "-treenode-motion"), motionClassName),

var treeNodeProps = getTreeNodeProps(key, treeNodeRequiredProps);
return React.createElement(TreeNode, Object.assign({}, restProps, treeNodeProps, {
return /*#__PURE__*/React.createElement(TreeNode, Object.assign({}, restProps, treeNodeProps, {
active: active,

@@ -97,3 +97,3 @@ data: treeNode.data,

return React.createElement(TreeNode, Object.assign({
return /*#__PURE__*/React.createElement(TreeNode, Object.assign({
domRef: ref,

@@ -108,3 +108,3 @@ className: className,

MotionTreeNode.displayName = 'MotionTreeNode';
var RefMotionTreeNode = React.forwardRef(MotionTreeNode);
var RefMotionTreeNode = /*#__PURE__*/React.forwardRef(MotionTreeNode);
export default RefMotionTreeNode;

@@ -212,8 +212,8 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";

};
return React.createElement(React.Fragment, null, focused && activeItem && React.createElement("span", {
return /*#__PURE__*/React.createElement(React.Fragment, null, focused && activeItem && /*#__PURE__*/React.createElement("span", {
style: HIDDEN_STYLE,
"aria-live": "assertive"
}, getAccessibilityPath(activeItem)), React.createElement("div", {
}, getAccessibilityPath(activeItem)), /*#__PURE__*/React.createElement("div", {
role: "tree"
}, React.createElement("input", {
}, /*#__PURE__*/React.createElement("input", {
style: HIDDEN_STYLE,

@@ -227,3 +227,3 @@ disabled: focusable === false || disabled,

onChange: noop
})), React.createElement("div", {
})), /*#__PURE__*/React.createElement("div", {
className: "".concat(prefixCls, "-treenode"),

@@ -238,8 +238,8 @@ "aria-hidden": true,

}
}, React.createElement("div", {
}, /*#__PURE__*/React.createElement("div", {
className: "".concat(prefixCls, "-indent")
}, React.createElement("div", {
}, /*#__PURE__*/React.createElement("div", {
ref: indentMeasurerRef,
className: "".concat(prefixCls, "-indent-unit")
}))), React.createElement(VirtualList, Object.assign({}, domProps, {
}))), /*#__PURE__*/React.createElement(VirtualList, Object.assign({}, domProps, {
data: mergedData,

@@ -264,3 +264,3 @@ itemKey: itemKey,

var treeNodeProps = getTreeNodeProps(mergedKey, treeNodeRequiredProps);
return React.createElement(MotionTreeNode, Object.assign({}, restProps, treeNodeProps, {
return /*#__PURE__*/React.createElement(MotionTreeNode, Object.assign({}, restProps, treeNodeProps, {
active: !!activeItem && key === activeItem.data.key,

@@ -284,4 +284,4 @@ pos: pos,

var NodeList = React.forwardRef(RefNodeList);
var NodeList = /*#__PURE__*/React.forwardRef(RefNodeList);
NodeList.displayName = 'NodeList';
export default NodeList;

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

onNodeCheck: (e: React.MouseEvent<HTMLSpanElement>, treeNode: EventDataNode, checked: boolean) => void;
onNodeLoad: (treeNode: EventDataNode) => Promise<unknown>;
onNodeLoad: (treeNode: EventDataNode) => Promise<void>;
onNodeMouseEnter: NodeMouseEventHandler;

@@ -196,0 +196,0 @@ onNodeMouseLeave: NodeMouseEventHandler;

@@ -67,3 +67,3 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";

_this.dragStartMousePosition = null;
_this.listRef = React.createRef();
_this.listRef = /*#__PURE__*/React.createRef();

@@ -989,3 +989,3 @@ _this.onNodeDragStart = function (event, node) {

var domProps = getDataAndAria(this.props);
return React.createElement(TreeContext.Provider, {
return /*#__PURE__*/React.createElement(TreeContext.Provider, {
value: {

@@ -1029,5 +1029,5 @@ prefixCls: prefixCls,

}
}, React.createElement("div", {
}, /*#__PURE__*/React.createElement("div", {
className: classNames(prefixCls, className, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-show-line"), showLine), _defineProperty(_classNames, "".concat(prefixCls, "-focused"), focused), _defineProperty(_classNames, "".concat(prefixCls, "-active-focused"), activeKey !== null), _classNames))
}, React.createElement(NodeList, Object.assign({
}, /*#__PURE__*/React.createElement(NodeList, Object.assign({
ref: this.listRef,

@@ -1034,0 +1034,0 @@ prefixCls: prefixCls,

@@ -237,3 +237,3 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";

if (_this.isLeaf()) {
return React.createElement("span", {
return /*#__PURE__*/React.createElement("span", {
className: classNames("".concat(prefixCls, "-switcher"), "".concat(prefixCls, "-switcher-noop"))

@@ -246,3 +246,3 @@ }, typeof switcherIcon === 'function' ? switcherIcon(_objectSpread(_objectSpread({}, _this.props), {}, {

var switcherCls = classNames("".concat(prefixCls, "-switcher"), "".concat(prefixCls, "-switcher_").concat(expanded ? ICON_OPEN : ICON_CLOSE));
return React.createElement("span", {
return /*#__PURE__*/React.createElement("span", {
onClick: _this.onExpand,

@@ -270,3 +270,3 @@ className: switcherCls

var $custom = typeof checkable !== 'boolean' ? checkable : null;
return React.createElement("span", {
return /*#__PURE__*/React.createElement("span", {
className: classNames("".concat(prefixCls, "-checkbox"), checked && "".concat(prefixCls, "-checkbox-checked"), !checked && halfChecked && "".concat(prefixCls, "-checkbox-indeterminate"), (disabled || disableCheckbox) && "".concat(prefixCls, "-checkbox-disabled")),

@@ -280,3 +280,3 @@ onClick: _this.onCheck

var prefixCls = _this.props.context.prefixCls;
return React.createElement("span", {
return /*#__PURE__*/React.createElement("span", {
className: classNames("".concat(prefixCls, "-iconEle"), "".concat(prefixCls, "-icon__").concat(_this.getNodeState() || 'docu'), loading && "".concat(prefixCls, "-icon_loading"))

@@ -312,3 +312,3 @@ });

var currentIcon = icon || treeIcon;
$icon = currentIcon ? React.createElement("span", {
$icon = currentIcon ? /*#__PURE__*/React.createElement("span", {
className: classNames("".concat(prefixCls, "-iconEle"), "".concat(prefixCls, "-icon__customize"))

@@ -331,6 +331,6 @@ }, typeof currentIcon === 'function' ? currentIcon(_this.props) : currentIcon) : _this.renderIcon();

var $title = React.createElement("span", {
var $title = /*#__PURE__*/React.createElement("span", {
className: "".concat(prefixCls, "-title")
}, titleNode);
return React.createElement("span", {
return /*#__PURE__*/React.createElement("span", {
ref: _this.setSelectHandle,

@@ -442,3 +442,3 @@ title: typeof title === 'string' ? title : '',

var mergedDraggable = typeof draggable === 'function' ? draggable(data) : draggable;
return React.createElement("div", Object.assign({
return /*#__PURE__*/React.createElement("div", Object.assign({
ref: domRef,

@@ -453,3 +453,3 @@ className: classNames(className, "".concat(prefixCls, "-treenode"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-treenode-disabled"), disabled), _defineProperty(_classNames, "".concat(prefixCls, "-treenode-switcher-").concat(expanded ? 'open' : 'close'), !isLeaf), _defineProperty(_classNames, "".concat(prefixCls, "-treenode-checkbox-checked"), checked), _defineProperty(_classNames, "".concat(prefixCls, "-treenode-checkbox-indeterminate"), halfChecked), _defineProperty(_classNames, "".concat(prefixCls, "-treenode-selected"), selected), _defineProperty(_classNames, "".concat(prefixCls, "-treenode-loading"), loading), _defineProperty(_classNames, "".concat(prefixCls, "-treenode-active"), active), _defineProperty(_classNames, "".concat(prefixCls, "-treenode-leaf-last"), isEndNode), _defineProperty(_classNames, 'drop-target', dropTargetKey === eventKey), _defineProperty(_classNames, 'drop-container', dropContainerKey === eventKey), _defineProperty(_classNames, 'drag-over', !disabled && dragOver), _defineProperty(_classNames, 'drag-over-gap-top', !disabled && dragOverGapTop), _defineProperty(_classNames, 'drag-over-gap-bottom', !disabled && dragOverGapBottom), _defineProperty(_classNames, 'filter-node', filterTreeNode && filterTreeNode(convertNodePropsToEventData(this.props))), _classNames)),

onMouseMove: onMouseMove
}, dataOrAriaAttributeProps), React.createElement(Indent, {
}, dataOrAriaAttributeProps), /*#__PURE__*/React.createElement(Indent, {
prefixCls: prefixCls,

@@ -467,4 +467,4 @@ level: level,

var ContextTreeNode = function ContextTreeNode(props) {
return React.createElement(TreeContext.Consumer, null, function (context) {
return React.createElement(InternalTreeNode, Object.assign({}, props, {
return /*#__PURE__*/React.createElement(TreeContext.Consumer, null, function (context) {
return /*#__PURE__*/React.createElement(InternalTreeNode, Object.assign({}, props, {
context: context

@@ -471,0 +471,0 @@ }));

@@ -234,3 +234,3 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";

var childrenNodes = convertDataToTree(children, processor);
return React.createElement(TreeNode, Object.assign({}, processProps(props)), childrenNodes);
return /*#__PURE__*/React.createElement(TreeNode, Object.assign({}, processProps(props)), childrenNodes);
});

@@ -237,0 +237,0 @@ }

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

*/
var TreeContext = React.createContext(null);
var TreeContext = /*#__PURE__*/React.createContext(null);
exports.TreeContext = TreeContext;

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

return React.createElement("div", {
return /*#__PURE__*/React.createElement("div", {
style: style
});
}

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

list.push(React.createElement("span", {
list.push( /*#__PURE__*/React.createElement("span", {
key: i,

@@ -36,3 +36,3 @@ className: (0, _classnames.default)(baseClassName, (_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(baseClassName, "-start"), isStart[i]), (0, _defineProperty2.default)(_classNames, "".concat(baseClassName, "-end"), isEnd[i]), _classNames))

return React.createElement("span", {
return /*#__PURE__*/React.createElement("span", {
"aria-hidden": "true",

@@ -39,0 +39,0 @@ className: "".concat(prefixCls, "-indent")

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

if (motionNodes) {
return React.createElement(_rcMotion.default, Object.assign({
return /*#__PURE__*/React.createElement(_rcMotion.default, Object.assign({
ref: ref,

@@ -88,3 +88,3 @@ visible: visible

motionStyle = _ref2.style;
return React.createElement("div", {
return /*#__PURE__*/React.createElement("div", {
ref: motionRef,

@@ -101,3 +101,3 @@ className: (0, _classnames.default)("".concat(prefixCls, "-treenode-motion"), motionClassName),

var treeNodeProps = (0, _treeUtil.getTreeNodeProps)(key, treeNodeRequiredProps);
return React.createElement(_TreeNode.default, Object.assign({}, restProps, treeNodeProps, {
return /*#__PURE__*/React.createElement(_TreeNode.default, Object.assign({}, restProps, treeNodeProps, {
active: active,

@@ -113,3 +113,3 @@ data: treeNode.data,

return React.createElement(_TreeNode.default, Object.assign({
return /*#__PURE__*/React.createElement(_TreeNode.default, Object.assign({
domRef: ref,

@@ -124,4 +124,4 @@ className: className,

MotionTreeNode.displayName = 'MotionTreeNode';
var RefMotionTreeNode = React.forwardRef(MotionTreeNode);
var RefMotionTreeNode = /*#__PURE__*/React.forwardRef(MotionTreeNode);
var _default = RefMotionTreeNode;
exports.default = _default;

@@ -231,8 +231,8 @@ "use strict";

};
return React.createElement(React.Fragment, null, focused && activeItem && React.createElement("span", {
return /*#__PURE__*/React.createElement(React.Fragment, null, focused && activeItem && /*#__PURE__*/React.createElement("span", {
style: HIDDEN_STYLE,
"aria-live": "assertive"
}, getAccessibilityPath(activeItem)), React.createElement("div", {
}, getAccessibilityPath(activeItem)), /*#__PURE__*/React.createElement("div", {
role: "tree"
}, React.createElement("input", {
}, /*#__PURE__*/React.createElement("input", {
style: HIDDEN_STYLE,

@@ -246,3 +246,3 @@ disabled: focusable === false || disabled,

onChange: noop
})), React.createElement("div", {
})), /*#__PURE__*/React.createElement("div", {
className: "".concat(prefixCls, "-treenode"),

@@ -257,8 +257,8 @@ "aria-hidden": true,

}
}, React.createElement("div", {
}, /*#__PURE__*/React.createElement("div", {
className: "".concat(prefixCls, "-indent")
}, React.createElement("div", {
}, /*#__PURE__*/React.createElement("div", {
ref: indentMeasurerRef,
className: "".concat(prefixCls, "-indent-unit")
}))), React.createElement(_rcVirtualList.default, Object.assign({}, domProps, {
}))), /*#__PURE__*/React.createElement(_rcVirtualList.default, Object.assign({}, domProps, {
data: mergedData,

@@ -282,3 +282,3 @@ itemKey: itemKey,

var treeNodeProps = (0, _treeUtil.getTreeNodeProps)(mergedKey, treeNodeRequiredProps);
return React.createElement(_MotionTreeNode.default, Object.assign({}, restProps, treeNodeProps, {
return /*#__PURE__*/React.createElement(_MotionTreeNode.default, Object.assign({}, restProps, treeNodeProps, {
active: !!activeItem && key === activeItem.data.key,

@@ -302,5 +302,5 @@ pos: pos,

var NodeList = React.forwardRef(RefNodeList);
var NodeList = /*#__PURE__*/React.forwardRef(RefNodeList);
NodeList.displayName = 'NodeList';
var _default = NodeList;
exports.default = _default;

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

onNodeCheck: (e: React.MouseEvent<HTMLSpanElement>, treeNode: EventDataNode, checked: boolean) => void;
onNodeLoad: (treeNode: EventDataNode) => Promise<unknown>;
onNodeLoad: (treeNode: EventDataNode) => Promise<void>;
onNodeMouseEnter: NodeMouseEventHandler;

@@ -196,0 +196,0 @@ onNodeMouseLeave: NodeMouseEventHandler;

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

_this.dragStartMousePosition = null;
_this.listRef = React.createRef();
_this.listRef = /*#__PURE__*/React.createRef();

@@ -1013,3 +1013,3 @@ _this.onNodeDragStart = function (event, node) {

var domProps = (0, _util.getDataAndAria)(this.props);
return React.createElement(_contextTypes.TreeContext.Provider, {
return /*#__PURE__*/React.createElement(_contextTypes.TreeContext.Provider, {
value: {

@@ -1053,5 +1053,5 @@ prefixCls: prefixCls,

}
}, React.createElement("div", {
}, /*#__PURE__*/React.createElement("div", {
className: (0, _classnames.default)(prefixCls, className, (_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-show-line"), showLine), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-focused"), focused), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-active-focused"), activeKey !== null), _classNames))
}, React.createElement(_NodeList.default, Object.assign({
}, /*#__PURE__*/React.createElement(_NodeList.default, Object.assign({
ref: this.listRef,

@@ -1058,0 +1058,0 @@ prefixCls: prefixCls,

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

if (_this.isLeaf()) {
return React.createElement("span", {
return /*#__PURE__*/React.createElement("span", {
className: (0, _classnames.default)("".concat(prefixCls, "-switcher"), "".concat(prefixCls, "-switcher-noop"))

@@ -270,3 +270,3 @@ }, typeof switcherIcon === 'function' ? switcherIcon((0, _objectSpread2.default)((0, _objectSpread2.default)({}, _this.props), {}, {

var switcherCls = (0, _classnames.default)("".concat(prefixCls, "-switcher"), "".concat(prefixCls, "-switcher_").concat(expanded ? ICON_OPEN : ICON_CLOSE));
return React.createElement("span", {
return /*#__PURE__*/React.createElement("span", {
onClick: _this.onExpand,

@@ -294,3 +294,3 @@ className: switcherCls

var $custom = typeof checkable !== 'boolean' ? checkable : null;
return React.createElement("span", {
return /*#__PURE__*/React.createElement("span", {
className: (0, _classnames.default)("".concat(prefixCls, "-checkbox"), checked && "".concat(prefixCls, "-checkbox-checked"), !checked && halfChecked && "".concat(prefixCls, "-checkbox-indeterminate"), (disabled || disableCheckbox) && "".concat(prefixCls, "-checkbox-disabled")),

@@ -304,3 +304,3 @@ onClick: _this.onCheck

var prefixCls = _this.props.context.prefixCls;
return React.createElement("span", {
return /*#__PURE__*/React.createElement("span", {
className: (0, _classnames.default)("".concat(prefixCls, "-iconEle"), "".concat(prefixCls, "-icon__").concat(_this.getNodeState() || 'docu'), loading && "".concat(prefixCls, "-icon_loading"))

@@ -336,3 +336,3 @@ });

var currentIcon = icon || treeIcon;
$icon = currentIcon ? React.createElement("span", {
$icon = currentIcon ? /*#__PURE__*/React.createElement("span", {
className: (0, _classnames.default)("".concat(prefixCls, "-iconEle"), "".concat(prefixCls, "-icon__customize"))

@@ -355,6 +355,6 @@ }, typeof currentIcon === 'function' ? currentIcon(_this.props) : currentIcon) : _this.renderIcon();

var $title = React.createElement("span", {
var $title = /*#__PURE__*/React.createElement("span", {
className: "".concat(prefixCls, "-title")
}, titleNode);
return React.createElement("span", {
return /*#__PURE__*/React.createElement("span", {
ref: _this.setSelectHandle,

@@ -465,3 +465,3 @@ title: typeof title === 'string' ? title : '',

var mergedDraggable = typeof draggable === 'function' ? draggable(data) : draggable;
return React.createElement("div", Object.assign({
return /*#__PURE__*/React.createElement("div", Object.assign({
ref: domRef,

@@ -476,3 +476,3 @@ className: (0, _classnames.default)(className, "".concat(prefixCls, "-treenode"), (_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-treenode-disabled"), disabled), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-treenode-switcher-").concat(expanded ? 'open' : 'close'), !isLeaf), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-treenode-checkbox-checked"), checked), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-treenode-checkbox-indeterminate"), halfChecked), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-treenode-selected"), selected), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-treenode-loading"), loading), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-treenode-active"), active), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-treenode-leaf-last"), isEndNode), (0, _defineProperty2.default)(_classNames, 'drop-target', dropTargetKey === eventKey), (0, _defineProperty2.default)(_classNames, 'drop-container', dropContainerKey === eventKey), (0, _defineProperty2.default)(_classNames, 'drag-over', !disabled && dragOver), (0, _defineProperty2.default)(_classNames, 'drag-over-gap-top', !disabled && dragOverGapTop), (0, _defineProperty2.default)(_classNames, 'drag-over-gap-bottom', !disabled && dragOverGapBottom), (0, _defineProperty2.default)(_classNames, 'filter-node', filterTreeNode && filterTreeNode((0, _treeUtil.convertNodePropsToEventData)(this.props))), _classNames)),

onMouseMove: onMouseMove
}, dataOrAriaAttributeProps), React.createElement(_Indent.default, {
}, dataOrAriaAttributeProps), /*#__PURE__*/React.createElement(_Indent.default, {
prefixCls: prefixCls,

@@ -491,4 +491,4 @@ level: level,

var ContextTreeNode = function ContextTreeNode(props) {
return React.createElement(_contextTypes.TreeContext.Consumer, null, function (context) {
return React.createElement(InternalTreeNode, Object.assign({}, props, {
return /*#__PURE__*/React.createElement(_contextTypes.TreeContext.Consumer, null, function (context) {
return /*#__PURE__*/React.createElement(InternalTreeNode, Object.assign({}, props, {
context: context

@@ -495,0 +495,0 @@ }));

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

var childrenNodes = convertDataToTree(children, processor);
return _react.default.createElement(_TreeNode.default, Object.assign({}, processProps(props)), childrenNodes);
return /*#__PURE__*/_react.default.createElement(_TreeNode.default, Object.assign({}, processProps(props)), childrenNodes);
});

@@ -272,0 +272,0 @@ }

{
"name": "rc-tree",
"version": "4.0.0-beta.2",
"version": "4.0.0",
"description": "tree ui component for react",

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

SocketSocket SOC 2 Logo

Product

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

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc