@dreamcommerce/aurora 3.0.0-96 → 3.0.0-98
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -14,7 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
14
14
|
|
|
15
15
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
16
16
|
|
|
17
|
-
var _excluded = ["children", "id", "cssClassNames", "ContentComponent", "LabelComponent", "disabled", "
|
|
17
|
+
var _excluded = ["children", "id", "cssClassNames", "ContentComponent", "LabelComponent", "disabled", "hasDisabledHover"];
|
|
18
18
|
var TreeNode = function TreeNode(_ref) {
|
|
19
19
|
var children = _ref.children,
|
|
20
20
|
id = _ref.id,
|
|
@@ -22,7 +22,7 @@ var TreeNode = function TreeNode(_ref) {
|
|
|
22
22
|
ContentComponent = _ref.ContentComponent,
|
|
23
23
|
LabelComponent = _ref.LabelComponent,
|
|
24
24
|
disabled = _ref.disabled,
|
|
25
|
-
|
|
25
|
+
hasDisabledHover = _ref.hasDisabledHover,
|
|
26
26
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
27
27
|
var treeApi = tree_hook.useTree();
|
|
28
28
|
var node = tree_node_hook.useTreeNode(id, rest);
|
|
@@ -34,7 +34,7 @@ var TreeNode = function TreeNode(_ref) {
|
|
|
34
34
|
};
|
|
35
35
|
var Label = LabelComponent ? (/*#__PURE__*/React__default['default'].createElement("div", {
|
|
36
36
|
className: cn.cn('aurora-w-full aurora-px-2 aurora-rounded-4 hover:aurora-bg-hover', {
|
|
37
|
-
'hover:aurora-bg-transparent':
|
|
37
|
+
'hover:aurora-bg-transparent': hasDisabledHover
|
|
38
38
|
})
|
|
39
39
|
}, LabelComponent === null || LabelComponent === void 0 ? void 0 : LabelComponent({
|
|
40
40
|
node: node,
|
|
@@ -42,7 +42,7 @@ var TreeNode = function TreeNode(_ref) {
|
|
|
42
42
|
}))) : (/*#__PURE__*/React__default['default'].createElement("div", {
|
|
43
43
|
tabIndex: !children ? 0 : -1,
|
|
44
44
|
className: cn.cn('aurora-w-full aurora-px-2 aurora-rounded-4 hover:aurora-bg-hover', {
|
|
45
|
-
'hover:aurora-bg-transparent':
|
|
45
|
+
'hover:aurora-bg-transparent': hasDisabledHover
|
|
46
46
|
})
|
|
47
47
|
}, node.label ? node.label : node.id));
|
|
48
48
|
var Content = ContentComponent ? ContentComponent === null || ContentComponent === void 0 ? void 0 : ContentComponent({
|
|
@@ -51,7 +51,7 @@ var TreeNode = function TreeNode(_ref) {
|
|
|
51
51
|
isLeaf: !childrenCount
|
|
52
52
|
}) : (/*#__PURE__*/React__default['default'].createElement("div", {
|
|
53
53
|
className: cn.cn('aurora-flex aurora-items-center aurora-rounded-4 hover:aurora-bg-hover', {
|
|
54
|
-
'hover:aurora-bg-transparent':
|
|
54
|
+
'hover:aurora-bg-transparent': hasDisabledHover
|
|
55
55
|
})
|
|
56
56
|
}, /*#__PURE__*/React__default['default'].createElement("button", {
|
|
57
57
|
className: "aurora-flex aurora-items-center aurora-p-1 aurora-cursor-pointer",
|
|
@@ -17,7 +17,7 @@ declare type TTreeNodeProps = TPropsWithChildren<ITreeNode & {
|
|
|
17
17
|
expandIcon?: React.ReactNode;
|
|
18
18
|
LabelComponent?: (props: TTreeLabelComponentProps) => React.ReactNode;
|
|
19
19
|
ContentComponent?: (props: TTreeContentComponentProps) => React.ReactNode;
|
|
20
|
-
|
|
20
|
+
hasDisabledHover?: boolean;
|
|
21
21
|
}>;
|
|
22
|
-
export declare const TreeNode: ({ children, id, cssClassNames, ContentComponent, LabelComponent, disabled,
|
|
22
|
+
export declare const TreeNode: ({ children, id, cssClassNames, ContentComponent, LabelComponent, disabled, hasDisabledHover, ...rest }: TTreeNodeProps) => React.JSX.Element | null;
|
|
23
23
|
export default TreeNode;
|
|
@@ -6,7 +6,7 @@ import { CSSTransition } from 'react-transition-group';
|
|
|
6
6
|
import { useTree } from '../hooks/tree_hook.js';
|
|
7
7
|
import { useTreeNode } from '../hooks/tree_node_hook.js';
|
|
8
8
|
|
|
9
|
-
var _excluded = ["children", "id", "cssClassNames", "ContentComponent", "LabelComponent", "disabled", "
|
|
9
|
+
var _excluded = ["children", "id", "cssClassNames", "ContentComponent", "LabelComponent", "disabled", "hasDisabledHover"];
|
|
10
10
|
var TreeNode = function TreeNode(_ref) {
|
|
11
11
|
var children = _ref.children,
|
|
12
12
|
id = _ref.id,
|
|
@@ -14,7 +14,7 @@ var TreeNode = function TreeNode(_ref) {
|
|
|
14
14
|
ContentComponent = _ref.ContentComponent,
|
|
15
15
|
LabelComponent = _ref.LabelComponent,
|
|
16
16
|
disabled = _ref.disabled,
|
|
17
|
-
|
|
17
|
+
hasDisabledHover = _ref.hasDisabledHover,
|
|
18
18
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
19
19
|
var treeApi = useTree();
|
|
20
20
|
var node = useTreeNode(id, rest);
|
|
@@ -26,7 +26,7 @@ var TreeNode = function TreeNode(_ref) {
|
|
|
26
26
|
};
|
|
27
27
|
var Label = LabelComponent ? (/*#__PURE__*/React.createElement("div", {
|
|
28
28
|
className: cn('aurora-w-full aurora-px-2 aurora-rounded-4 hover:aurora-bg-hover', {
|
|
29
|
-
'hover:aurora-bg-transparent':
|
|
29
|
+
'hover:aurora-bg-transparent': hasDisabledHover
|
|
30
30
|
})
|
|
31
31
|
}, LabelComponent === null || LabelComponent === void 0 ? void 0 : LabelComponent({
|
|
32
32
|
node: node,
|
|
@@ -34,7 +34,7 @@ var TreeNode = function TreeNode(_ref) {
|
|
|
34
34
|
}))) : (/*#__PURE__*/React.createElement("div", {
|
|
35
35
|
tabIndex: !children ? 0 : -1,
|
|
36
36
|
className: cn('aurora-w-full aurora-px-2 aurora-rounded-4 hover:aurora-bg-hover', {
|
|
37
|
-
'hover:aurora-bg-transparent':
|
|
37
|
+
'hover:aurora-bg-transparent': hasDisabledHover
|
|
38
38
|
})
|
|
39
39
|
}, node.label ? node.label : node.id));
|
|
40
40
|
var Content = ContentComponent ? ContentComponent === null || ContentComponent === void 0 ? void 0 : ContentComponent({
|
|
@@ -43,7 +43,7 @@ var TreeNode = function TreeNode(_ref) {
|
|
|
43
43
|
isLeaf: !childrenCount
|
|
44
44
|
}) : (/*#__PURE__*/React.createElement("div", {
|
|
45
45
|
className: cn('aurora-flex aurora-items-center aurora-rounded-4 hover:aurora-bg-hover', {
|
|
46
|
-
'hover:aurora-bg-transparent':
|
|
46
|
+
'hover:aurora-bg-transparent': hasDisabledHover
|
|
47
47
|
})
|
|
48
48
|
}, /*#__PURE__*/React.createElement("button", {
|
|
49
49
|
className: "aurora-flex aurora-items-center aurora-p-1 aurora-cursor-pointer",
|