@dreamcommerce/aurora 2.9.0-6 → 2.9.0-7

package/build/cjs/packages/aurora/src/components/tree/components/tree_node.js

@@ -16,7 +16,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
-const TreeNode = ({ children, id, ContentComponent, LabelComponent, ...rest }) => {
+const TreeNode = ({ children, id, cssClassNames, ContentComponent, LabelComponent, ...rest }) => {
     const treeApi = tree_hook.useTree();
     const node = tree_node_hook.useTreeNode(id, rest);
     const nodeChildrenRef = React.useRef(null);
@@ -33,7 +33,7 @@ const TreeNode = ({ children, id, ContentComponent, LabelComponent, ...rest }) =
             }) },
             React__default['default'].createElement(icon_list_arrow_down.IconListArrowDown, null)),
         Label));
-    return (React__default['default'].createElement("li", { className: classnames__default['default'](main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNode], css_classes.TREE_NODE_CSS_CLASSES.treeNode, {
+    return (React__default['default'].createElement("li", { className: classnames__default['default'](main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNode], css_classes.TREE_NODE_CSS_CLASSES.treeNode, cssClassNames, {
             [css_classes.TREE_NODE_CSS_CLASSES.treeNodeExpanded]: node.expanded
         }) },
         children ? Content : Label,

package/build/cjs/packages/aurora/src/components/tree/index.js

@@ -13,9 +13,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
-const Tree = ({ children }) => {
+const Tree = ({ children, cssClassNames }) => {
     return (React__default['default'].createElement(tree_provider.TreeProvider, null,
-        React__default['default'].createElement("ul", { className: classnames__default['default'](main_module['default'][css_classes.TREE_CSS_CLASSES.tree], css_classes.TREE_CSS_CLASSES.tree) }, children)));
+        React__default['default'].createElement("ul", { className: classnames__default['default'](main_module['default'][css_classes.TREE_CSS_CLASSES.tree], css_classes.TREE_CSS_CLASSES.tree, cssClassNames) }, children)));
 };
 
 exports.Tree = Tree;

package/build/esm/packages/aurora/src/components/tree/components/tree_node.d.ts

@@ -10,10 +10,11 @@ declare type TTreeLabelComponentProps = {
     node: ITreeNode;
 };
 declare type TTreeNodeProps = TPropsWithChildren<ITreeNode & {
+    cssClassNames?: string;
     collapseIcon?: React.ReactNode;
     expandIcon?: React.ReactNode;
     LabelComponent?: (props: TTreeLabelComponentProps) => React.ReactNode;
     ContentComponent?: (props: TTreeContentComponentProps) => React.ReactNode;
 }>;
-export declare const TreeNode: ({ children, id, ContentComponent, LabelComponent, ...rest }: TTreeNodeProps) => JSX.Element | null;
+export declare const TreeNode: ({ children, id, cssClassNames, ContentComponent, LabelComponent, ...rest }: TTreeNodeProps) => JSX.Element | null;
 export default TreeNode;

package/build/esm/packages/aurora/src/components/tree/components/tree_node.js

@@ -7,7 +7,7 @@ import { useTree } from '../hooks/tree_hook.js';
 import { useTreeNode } from '../hooks/tree_node_hook.js';
 import { IconListArrowDown } from '../../../assets/icon_list_arrow_down.js';
 
-const TreeNode = ({ children, id, ContentComponent, LabelComponent, ...rest }) => {
+const TreeNode = ({ children, id, cssClassNames, ContentComponent, LabelComponent, ...rest }) => {
     const treeApi = useTree();
     const node = useTreeNode(id, rest);
     const nodeChildrenRef = useRef(null);
@@ -24,7 +24,7 @@ const TreeNode = ({ children, id, ContentComponent, LabelComponent, ...rest }) =
             }) },
             React.createElement(IconListArrowDown, null)),
         Label));
-    return (React.createElement("li", { className: classnames(cssClasses[TREE_NODE_CSS_CLASSES.treeNode], TREE_NODE_CSS_CLASSES.treeNode, {
+    return (React.createElement("li", { className: classnames(cssClasses[TREE_NODE_CSS_CLASSES.treeNode], TREE_NODE_CSS_CLASSES.treeNode, cssClassNames, {
             [TREE_NODE_CSS_CLASSES.treeNodeExpanded]: node.expanded
         }) },
         children ? Content : Label,

package/build/esm/packages/aurora/src/components/tree/index.d.ts

@@ -1,3 +1,6 @@
 import { TPropsWithChildren } from "../../typings/general";
-export declare const Tree: ({ children }: TPropsWithChildren) => JSX.Element;
+declare type TTreeProps = {
+    cssClassNames?: string;
+};
+export declare const Tree: ({ children, cssClassNames }: TPropsWithChildren<TTreeProps>) => JSX.Element;
 export default Tree;

package/build/esm/packages/aurora/src/components/tree/index.js

@@ -4,9 +4,9 @@ import { TreeProvider } from './context/tree_provider.js';
 import { TREE_CSS_CLASSES } from './css_classes.js';
 import cssClasses from '../../css/tree/main.module.less.js';
 
-const Tree = ({ children }) => {
+const Tree = ({ children, cssClassNames }) => {
     return (React.createElement(TreeProvider, null,
-        React.createElement("ul", { className: classnames(cssClasses[TREE_CSS_CLASSES.tree], TREE_CSS_CLASSES.tree) }, children)));
+        React.createElement("ul", { className: classnames(cssClasses[TREE_CSS_CLASSES.tree], TREE_CSS_CLASSES.tree, cssClassNames) }, children)));
 };
 
 export default Tree;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dreamcommerce/aurora",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "2.9.0-6",
+  "version": "2.9.0-7",
   "description": "aurora",
   "author": "k0ssak",
   "license": "MIT",