@dreamcommerce/aurora 2.9.0-6 → 2.9.0-8

package/build/cjs/packages/aurora/src/components/dropdown/components/custom_label.js

@@ -14,9 +14,11 @@ const CustomLabel = ({ children, disabled }) => {
     const { toggleDropdown, isOpen } = index.useDropdownContext();
     const ref = React.useRef(null);
     use_keyboard_open_close.useKeyboardOpenClose(toggleDropdown, isOpen, ref);
-    const handleOnClick = () => {
+    const handleOnClick = (ev) => {
         if (disabled)
             return;
+        ev.preventDefault();
+        ev.stopPropagation();
         toggleDropdown && toggleDropdown();
     };
     return (React__default['default'].createElement("div", { onClick: handleOnClick, ref: ref, tabIndex: 0 }, children));

package/build/cjs/packages/aurora/src/components/dropdown/components/custom_label.js.map

@@ -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;"}
+{"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;"}

package/build/cjs/packages/aurora/src/components/dropdown/hooks/use_keyboard_open_close.js

@@ -10,5 +10,6 @@ const useKeyboardOpenClose = (toggleDropdown, isOpen, ref) => {
     use_key_down.useKeyDown(['Esc|Escape'], () => isOpen && (toggleDropdown === null || toggleDropdown === void 0 ? void 0 : toggleDropdown()), ref);
 };
 
+exports.default = useKeyboardOpenClose;
 exports.useKeyboardOpenClose = useKeyboardOpenClose;
 //# sourceMappingURL=use_keyboard_open_close.js.map

package/build/cjs/packages/aurora/src/components/dropdown/hooks/use_keyboard_open_close.js.map

@@ -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;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -13,11 +13,13 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
-const Stack = ({ children, spacing = 0, className = '', direction = stack_constants.STACK_DIRECTIONS.row, justify = stack_constants.STACK_JUSTIFICATIONS.flexStart, align = stack_constants.STACK_ALIGNMENTS.normal, wrap = stack_constants.STACK_WRAP.nowrap, as = 'div', inline = false, style = {} }) => {
+const Stack = ({ children, spacing = 0, className = '', direction = stack_constants.STACK_DIRECTIONS.row, justify = stack_constants.STACK_JUSTIFICATIONS.flexStart, align = stack_constants.STACK_ALIGNMENTS.normal, wrap = stack_constants.STACK_WRAP.nowrap, as = 'div', inline = false, style = {}, onMouseLeave, onMouseEnter }) => {
     const stackClass = classnames__default['default'](main_module['default'][css_classes.cssStack], main_module['default'][stack_constants.STACK_DIRECTIONS_TO_CSS_CLASSES_MAP[direction]], main_module['default'][stack_constants.STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP[align]], main_module['default'][stack_constants.STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP[justify]], main_module['default'][stack_constants.STACK_WRAP_TO_CSS_CLASSES_MAP[wrap]], inline ? main_module['default'][stack_constants.STACK_CSS_CLASSES.inline] : '', className);
     return React__default['default'].createElement(as, {
         className: `${stackClass}`,
-        style: { gap: `${spacing}px`, ...style }
+        style: { gap: `${spacing}px`, ...style },
+        onMouseEnter,
+        onMouseLeave
     }, children);
 };
 

package/build/cjs/packages/aurora/src/components/stack/index.js.map

@@ -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;"}
+{"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;"}

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/dropdown/components/custom_label.js

@@ -6,9 +6,11 @@ const CustomLabel = ({ children, disabled }) => {
     const { toggleDropdown, isOpen } = useDropdownContext();
     const ref = useRef(null);
     useKeyboardOpenClose(toggleDropdown, isOpen, ref);
-    const handleOnClick = () => {
+    const handleOnClick = (ev) => {
         if (disabled)
             return;
+        ev.preventDefault();
+        ev.stopPropagation();
         toggleDropdown && toggleDropdown();
     };
     return (React.createElement("div", { onClick: handleOnClick, ref: ref, tabIndex: 0 }, children));

package/build/esm/packages/aurora/src/components/dropdown/components/custom_label.js.map

@@ -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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/dropdown/hooks/use_keyboard_open_close.d.ts

@@ -1,2 +1,3 @@
 import { RefObject } from 'react';
 export declare const useKeyboardOpenClose: (toggleDropdown?: () => void, isOpen?: boolean, ref?: RefObject<HTMLElement>) => void;
+export default useKeyboardOpenClose;

package/build/esm/packages/aurora/src/components/dropdown/hooks/use_keyboard_open_close.js

@@ -6,5 +6,6 @@ const useKeyboardOpenClose = (toggleDropdown, isOpen, ref) => {
     useKeyDown(['Esc|Escape'], () => isOpen && (toggleDropdown === null || toggleDropdown === void 0 ? void 0 : toggleDropdown()), ref);
 };
 
+export default useKeyboardOpenClose;
 export { useKeyboardOpenClose };
 //# sourceMappingURL=use_keyboard_open_close.js.map

package/build/esm/packages/aurora/src/components/dropdown/hooks/use_keyboard_open_close.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -4,11 +4,13 @@ import { STACK_DIRECTIONS, STACK_JUSTIFICATIONS, STACK_ALIGNMENTS, STACK_WRAP, S
 import cssClasses from '../../css/stack/main.module.less.js';
 import { cssStack } from './css_classes.js';
 
-const Stack = ({ children, spacing = 0, className = '', direction = STACK_DIRECTIONS.row, justify = STACK_JUSTIFICATIONS.flexStart, align = STACK_ALIGNMENTS.normal, wrap = STACK_WRAP.nowrap, as = 'div', inline = false, style = {} }) => {
+const Stack = ({ children, spacing = 0, className = '', direction = STACK_DIRECTIONS.row, justify = STACK_JUSTIFICATIONS.flexStart, align = STACK_ALIGNMENTS.normal, wrap = STACK_WRAP.nowrap, as = 'div', inline = false, style = {}, onMouseLeave, onMouseEnter }) => {
     const stackClass = classnames(cssClasses[cssStack], cssClasses[STACK_DIRECTIONS_TO_CSS_CLASSES_MAP[direction]], cssClasses[STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP[align]], cssClasses[STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP[justify]], cssClasses[STACK_WRAP_TO_CSS_CLASSES_MAP[wrap]], inline ? cssClasses[STACK_CSS_CLASSES.inline] : '', className);
     return React.createElement(as, {
         className: `${stackClass}`,
-        style: { gap: `${spacing}px`, ...style }
+        style: { gap: `${spacing}px`, ...style },
+        onMouseEnter,
+        onMouseLeave
     }, children);
 };
 

package/build/esm/packages/aurora/src/components/stack/index.js.map

@@ -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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/stack/stack_types.d.ts

@@ -12,6 +12,8 @@ export declare type TStackProps = {
     as?: string;
     inline?: boolean;
     style?: Record<any, any>;
+    onMouseEnter?: (event: React.MouseEvent) => void;
+    onMouseLeave?: (event: React.MouseEvent) => void;
 };
 export declare type TStackJustify = Any.Keys<typeof STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP>;
 export declare type TStackDirection = Any.Keys<typeof STACK_DIRECTIONS_TO_CSS_CLASSES_MAP>;

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-8",
   "description": "aurora",
   "author": "k0ssak",
   "license": "MIT",