@dreamcommerce/aurora 3.0.0-95 → 3.0.0-96
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.
- package/build/cjs/packages/aurora/src/components/tree/components/tree_node.js +11 -4
- package/build/cjs/packages/aurora/src/components/tree/components/tree_node.js.map +1 -1
- package/build/esm/packages/aurora/src/components/tree/components/tree_node.d.ts +2 -1
- package/build/esm/packages/aurora/src/components/tree/components/tree_node.js +11 -4
- package/build/esm/packages/aurora/src/components/tree/components/tree_node.js.map +1 -1
- package/build/index.css +1 -1
- package/package.json +1 -1
|
@@ -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", "isDragging"];
|
|
18
18
|
var TreeNode = function TreeNode(_ref) {
|
|
19
19
|
var children = _ref.children,
|
|
20
20
|
id = _ref.id,
|
|
@@ -22,6 +22,7 @@ var TreeNode = function TreeNode(_ref) {
|
|
|
22
22
|
ContentComponent = _ref.ContentComponent,
|
|
23
23
|
LabelComponent = _ref.LabelComponent,
|
|
24
24
|
disabled = _ref.disabled,
|
|
25
|
+
isDragging = _ref.isDragging,
|
|
25
26
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
26
27
|
var treeApi = tree_hook.useTree();
|
|
27
28
|
var node = tree_node_hook.useTreeNode(id, rest);
|
|
@@ -32,20 +33,26 @@ var TreeNode = function TreeNode(_ref) {
|
|
|
32
33
|
treeApi.toggleNode(node.id);
|
|
33
34
|
};
|
|
34
35
|
var Label = LabelComponent ? (/*#__PURE__*/React__default['default'].createElement("div", {
|
|
35
|
-
className:
|
|
36
|
+
className: cn.cn('aurora-w-full aurora-px-2 aurora-rounded-4 hover:aurora-bg-hover', {
|
|
37
|
+
'hover:aurora-bg-transparent': isDragging
|
|
38
|
+
})
|
|
36
39
|
}, LabelComponent === null || LabelComponent === void 0 ? void 0 : LabelComponent({
|
|
37
40
|
node: node,
|
|
38
41
|
isLeaf: !children
|
|
39
42
|
}))) : (/*#__PURE__*/React__default['default'].createElement("div", {
|
|
40
43
|
tabIndex: !children ? 0 : -1,
|
|
41
|
-
className:
|
|
44
|
+
className: cn.cn('aurora-w-full aurora-px-2 aurora-rounded-4 hover:aurora-bg-hover', {
|
|
45
|
+
'hover:aurora-bg-transparent': isDragging
|
|
46
|
+
})
|
|
42
47
|
}, node.label ? node.label : node.id));
|
|
43
48
|
var Content = ContentComponent ? ContentComponent === null || ContentComponent === void 0 ? void 0 : ContentComponent({
|
|
44
49
|
node: node,
|
|
45
50
|
toggleNode: toggleNode,
|
|
46
51
|
isLeaf: !childrenCount
|
|
47
52
|
}) : (/*#__PURE__*/React__default['default'].createElement("div", {
|
|
48
|
-
className:
|
|
53
|
+
className: cn.cn('aurora-flex aurora-items-center aurora-rounded-4 hover:aurora-bg-hover', {
|
|
54
|
+
'hover:aurora-bg-transparent': isDragging
|
|
55
|
+
})
|
|
49
56
|
}, /*#__PURE__*/React__default['default'].createElement("button", {
|
|
50
57
|
className: "aurora-flex aurora-items-center aurora-p-1 aurora-cursor-pointer",
|
|
51
58
|
onClick: toggleNode
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -17,6 +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
|
+
isDragging?: boolean;
|
|
20
21
|
}>;
|
|
21
|
-
export declare const TreeNode: ({ children, id, cssClassNames, ContentComponent, LabelComponent, disabled, ...rest }: TTreeNodeProps) => React.JSX.Element | null;
|
|
22
|
+
export declare const TreeNode: ({ children, id, cssClassNames, ContentComponent, LabelComponent, disabled, isDragging, ...rest }: TTreeNodeProps) => React.JSX.Element | null;
|
|
22
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", "isDragging"];
|
|
10
10
|
var TreeNode = function TreeNode(_ref) {
|
|
11
11
|
var children = _ref.children,
|
|
12
12
|
id = _ref.id,
|
|
@@ -14,6 +14,7 @@ var TreeNode = function TreeNode(_ref) {
|
|
|
14
14
|
ContentComponent = _ref.ContentComponent,
|
|
15
15
|
LabelComponent = _ref.LabelComponent,
|
|
16
16
|
disabled = _ref.disabled,
|
|
17
|
+
isDragging = _ref.isDragging,
|
|
17
18
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
18
19
|
var treeApi = useTree();
|
|
19
20
|
var node = useTreeNode(id, rest);
|
|
@@ -24,20 +25,26 @@ var TreeNode = function TreeNode(_ref) {
|
|
|
24
25
|
treeApi.toggleNode(node.id);
|
|
25
26
|
};
|
|
26
27
|
var Label = LabelComponent ? (/*#__PURE__*/React.createElement("div", {
|
|
27
|
-
className:
|
|
28
|
+
className: cn('aurora-w-full aurora-px-2 aurora-rounded-4 hover:aurora-bg-hover', {
|
|
29
|
+
'hover:aurora-bg-transparent': isDragging
|
|
30
|
+
})
|
|
28
31
|
}, LabelComponent === null || LabelComponent === void 0 ? void 0 : LabelComponent({
|
|
29
32
|
node: node,
|
|
30
33
|
isLeaf: !children
|
|
31
34
|
}))) : (/*#__PURE__*/React.createElement("div", {
|
|
32
35
|
tabIndex: !children ? 0 : -1,
|
|
33
|
-
className:
|
|
36
|
+
className: cn('aurora-w-full aurora-px-2 aurora-rounded-4 hover:aurora-bg-hover', {
|
|
37
|
+
'hover:aurora-bg-transparent': isDragging
|
|
38
|
+
})
|
|
34
39
|
}, node.label ? node.label : node.id));
|
|
35
40
|
var Content = ContentComponent ? ContentComponent === null || ContentComponent === void 0 ? void 0 : ContentComponent({
|
|
36
41
|
node: node,
|
|
37
42
|
toggleNode: toggleNode,
|
|
38
43
|
isLeaf: !childrenCount
|
|
39
44
|
}) : (/*#__PURE__*/React.createElement("div", {
|
|
40
|
-
className:
|
|
45
|
+
className: cn('aurora-flex aurora-items-center aurora-rounded-4 hover:aurora-bg-hover', {
|
|
46
|
+
'hover:aurora-bg-transparent': isDragging
|
|
47
|
+
})
|
|
41
48
|
}, /*#__PURE__*/React.createElement("button", {
|
|
42
49
|
className: "aurora-flex aurora-items-center aurora-p-1 aurora-cursor-pointer",
|
|
43
50
|
onClick: toggleNode
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|