@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.
@@ -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: "aurora-w-full aurora-px-2 aurora-rounded-4 hover:aurora-bg-hover"
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: "aurora-w-full aurora-px-2 aurora-rounded-4 hover:aurora-bg-hover"
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: "aurora-flex aurora-items-center aurora-rounded-4 hover:aurora-bg-hover"
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: "aurora-w-full aurora-px-2 aurora-rounded-4 hover:aurora-bg-hover"
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: "aurora-w-full aurora-px-2 aurora-rounded-4 hover:aurora-bg-hover"
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: "aurora-flex aurora-items-center aurora-rounded-4 hover:aurora-bg-hover"
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;"}