@dreamcommerce/aurora 2.9.1-0 → 2.9.1-2

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.
Files changed (7) hide show
  1. package/build/cjs/packages/aurora/src/components/tree/components/tree_node.js +4 -3
  2. package/build/cjs/packages/aurora/src/components/tree/components/tree_node.js.map +1 -1
  3. package/build/cjs/packages/aurora/src/components/tree/hooks/tree_node_hook.js +4 -4
  4. package/build/esm/packages/aurora/src/components/tree/components/tree_node.js +5 -4
  5. package/build/esm/packages/aurora/src/components/tree/components/tree_node.js.map +1 -1
  6. package/build/esm/packages/aurora/src/components/tree/hooks/tree_node_hook.js +4 -4
  7. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/tree/components/tree_node.js CHANGED
@@ -20,13 +20,14 @@ const TreeNode = ({ children, id, cssClassNames, ContentComponent, LabelComponen
20
20
  const treeApi = tree_hook.useTree();
21
21
  const node = tree_node_hook.useTreeNode(id, rest);
22
22
  const nodeChildrenRef = React.useRef(null);
23
+ const childrenCount = React.Children.count(children);
23
24
  if (!node)
24
25
  return null;
25
26
  const toggleNode = () => {
26
27
  treeApi.toggleNode(node.id);
27
28
  };
28
29
  const Label = LabelComponent ? (LabelComponent === null || LabelComponent === void 0 ? void 0 : LabelComponent({ node, isLeaf: !children })) : (React__default['default'].createElement("span", { tabIndex: !children ? 0 : -1, className: classnames__default['default'](main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeLabelContent], css_classes.TREE_NODE_CSS_CLASSES.treeNodeLabelContent) }, node.label ? node.label : node.id));
29
- const Content = ContentComponent ? (ContentComponent === null || ContentComponent === void 0 ? void 0 : ContentComponent({ node, toggleNode, isLeaf: !children })) : (React__default['default'].createElement("div", { className: classnames__default['default'](css_classes.TREE_NODE_CSS_CLASSES.treeNodeLabel, main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeLabel]) },
30
+ const Content = ContentComponent ? (ContentComponent === null || ContentComponent === void 0 ? void 0 : ContentComponent({ node, toggleNode, isLeaf: !childrenCount })) : (React__default['default'].createElement("div", { className: classnames__default['default'](css_classes.TREE_NODE_CSS_CLASSES.treeNodeLabel, main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeLabel]) },
30
31
  React__default['default'].createElement("button", { className: classnames__default['default'](css_classes.TREE_NODE_CSS_CLASSES.treeNodeTogglerBtn, main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeTogglerBtn], {
31
32
  [css_classes.TREE_NODE_CSS_CLASSES.treeNodeTogglerBtnExpanded]: node.expanded,
32
33
  [main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeTogglerBtnExpanded]]: node.expanded
@@ -37,8 +38,8 @@ const TreeNode = ({ children, id, cssClassNames, ContentComponent, LabelComponen
37
38
  return (React__default['default'].createElement("li", { role: "treeitem", "aria-expanded": node.expanded, className: classnames__default['default'](main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNode], css_classes.TREE_NODE_CSS_CLASSES.treeNode, cssClassNames, {
38
39
  [css_classes.TREE_NODE_CSS_CLASSES.treeNodeExpanded]: node.expanded
39
40
  }) },
40
- children ? Content : Label,
41
- children ? (React__default['default'].createElement(reactTransitionGroup.CSSTransition, { unmountOnExit: true, in: node.expanded, timeout: 250, classNames: {
41
+ childrenCount ? Content : Label,
42
+ childrenCount ? (React__default['default'].createElement(reactTransitionGroup.CSSTransition, { unmountOnExit: true, in: node.expanded, timeout: 250, classNames: {
42
43
  enter: main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeChildrenEnter],
43
44
  enterActive: main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeChildrenEnterActive],
44
45
  exit: main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeChildrenExit],
package/build/cjs/packages/aurora/src/components/tree/components/tree_node.js.map CHANGED
@@ -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;"}
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;"}
package/build/cjs/packages/aurora/src/components/tree/hooks/tree_node_hook.js CHANGED
@@ -7,15 +7,15 @@ var tree_hook = require('./tree_hook.js');
7
7
 
8
8
  const useTreeNode = (nodeId, props) => {
9
9
  const treeApi = tree_hook.useTree();
10
- const node = treeApi.getNode(nodeId);
11
- if (!node)
12
- treeApi.addNode({ id: nodeId, ...props });
10
+ React.useEffect(() => {
11
+ if (!treeApi.hasNode(nodeId))
12
+ treeApi.addNode({ id: nodeId, ...props });
13
+ });
13
14
  React.useEffect(() => {
14
15
  if (treeApi.hasNode(nodeId) && props)
15
16
  treeApi.updateNode(nodeId, props);
16
17
  }, [props === null || props === void 0 ? void 0 : props.expanded]);
17
18
  React.useEffect(() => {
18
- // if (!treeApi.hasNode(nodeId)) treeApi.addNode({ id: nodeId, ...props });
19
19
  return () => treeApi.removeNode(nodeId);
20
20
  }, []);
21
21
  return treeApi.getNode(nodeId);
package/build/esm/packages/aurora/src/components/tree/components/tree_node.js CHANGED
@@ -1,4 +1,4 @@
1
- import React, { useRef } from 'react';
1
+ import React, { useRef, Children } from 'react';
2
2
  import classnames from 'classnames';
3
3
  import { CSSTransition } from 'react-transition-group';
4
4
  import { TREE_NODE_CSS_CLASSES } from '../css_classes.js';
@@ -11,13 +11,14 @@ const TreeNode = ({ children, id, cssClassNames, ContentComponent, LabelComponen
11
11
  const treeApi = useTree();
12
12
  const node = useTreeNode(id, rest);
13
13
  const nodeChildrenRef = useRef(null);
14
+ const childrenCount = Children.count(children);
14
15
  if (!node)
15
16
  return null;
16
17
  const toggleNode = () => {
17
18
  treeApi.toggleNode(node.id);
18
19
  };
19
20
  const Label = LabelComponent ? (LabelComponent === null || LabelComponent === void 0 ? void 0 : LabelComponent({ node, isLeaf: !children })) : (React.createElement("span", { tabIndex: !children ? 0 : -1, className: classnames(cssClasses[TREE_NODE_CSS_CLASSES.treeNodeLabelContent], TREE_NODE_CSS_CLASSES.treeNodeLabelContent) }, node.label ? node.label : node.id));
20
- const Content = ContentComponent ? (ContentComponent === null || ContentComponent === void 0 ? void 0 : ContentComponent({ node, toggleNode, isLeaf: !children })) : (React.createElement("div", { className: classnames(TREE_NODE_CSS_CLASSES.treeNodeLabel, cssClasses[TREE_NODE_CSS_CLASSES.treeNodeLabel]) },
21
+ const Content = ContentComponent ? (ContentComponent === null || ContentComponent === void 0 ? void 0 : ContentComponent({ node, toggleNode, isLeaf: !childrenCount })) : (React.createElement("div", { className: classnames(TREE_NODE_CSS_CLASSES.treeNodeLabel, cssClasses[TREE_NODE_CSS_CLASSES.treeNodeLabel]) },
21
22
  React.createElement("button", { className: classnames(TREE_NODE_CSS_CLASSES.treeNodeTogglerBtn, cssClasses[TREE_NODE_CSS_CLASSES.treeNodeTogglerBtn], {
22
23
  [TREE_NODE_CSS_CLASSES.treeNodeTogglerBtnExpanded]: node.expanded,
23
24
  [cssClasses[TREE_NODE_CSS_CLASSES.treeNodeTogglerBtnExpanded]]: node.expanded
@@ -28,8 +29,8 @@ const TreeNode = ({ children, id, cssClassNames, ContentComponent, LabelComponen
28
29
  return (React.createElement("li", { role: "treeitem", "aria-expanded": node.expanded, className: classnames(cssClasses[TREE_NODE_CSS_CLASSES.treeNode], TREE_NODE_CSS_CLASSES.treeNode, cssClassNames, {
29
30
  [TREE_NODE_CSS_CLASSES.treeNodeExpanded]: node.expanded
30
31
  }) },
31
- children ? Content : Label,
32
- children ? (React.createElement(CSSTransition, { unmountOnExit: true, in: node.expanded, timeout: 250, classNames: {
32
+ childrenCount ? Content : Label,
33
+ childrenCount ? (React.createElement(CSSTransition, { unmountOnExit: true, in: node.expanded, timeout: 250, classNames: {
33
34
  enter: cssClasses[TREE_NODE_CSS_CLASSES.treeNodeChildrenEnter],
34
35
  enterActive: cssClasses[TREE_NODE_CSS_CLASSES.treeNodeChildrenEnterActive],
35
36
  exit: cssClasses[TREE_NODE_CSS_CLASSES.treeNodeChildrenExit],
package/build/esm/packages/aurora/src/components/tree/components/tree_node.js.map CHANGED
@@ -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;"}
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;"}
package/build/esm/packages/aurora/src/components/tree/hooks/tree_node_hook.js CHANGED
@@ -3,15 +3,15 @@ import { useTree } from './tree_hook.js';
3
3
 
4
4
  const useTreeNode = (nodeId, props) => {
5
5
  const treeApi = useTree();
6
- const node = treeApi.getNode(nodeId);
7
- if (!node)
8
- treeApi.addNode({ id: nodeId, ...props });
6
+ useEffect(() => {
7
+ if (!treeApi.hasNode(nodeId))
8
+ treeApi.addNode({ id: nodeId, ...props });
9
+ });
9
10
  useEffect(() => {
10
11
  if (treeApi.hasNode(nodeId) && props)
11
12
  treeApi.updateNode(nodeId, props);
12
13
  }, [props === null || props === void 0 ? void 0 : props.expanded]);
13
14
  useEffect(() => {
14
- // if (!treeApi.hasNode(nodeId)) treeApi.addNode({ id: nodeId, ...props });
15
15
  return () => treeApi.removeNode(nodeId);
16
16
  }, []);
17
17
  return treeApi.getNode(nodeId);
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@dreamcommerce/aurora",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "2.9.1-0",
5
+ "version": "2.9.1-2",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",