@dreamcommerce/aurora 2.9.0-5 → 2.9.0-7

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 (11) hide show
  1. package/build/cjs/packages/aurora/src/components/tree/components/tree_node.js +3 -4
  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/index.js +2 -2
  4. package/build/cjs/packages/aurora/src/css/tree/main.module.less.js +1 -1
  5. package/build/esm/packages/aurora/src/components/tree/components/tree_node.d.ts +2 -1
  6. package/build/esm/packages/aurora/src/components/tree/components/tree_node.js +3 -4
  7. package/build/esm/packages/aurora/src/components/tree/components/tree_node.js.map +1 -1
  8. package/build/esm/packages/aurora/src/components/tree/index.d.ts +4 -1
  9. package/build/esm/packages/aurora/src/components/tree/index.js +2 -2
  10. package/build/esm/packages/aurora/src/css/tree/main.module.less.js +1 -1
  11. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/tree/components/tree_node.js CHANGED
@@ -16,7 +16,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
16
16
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
17
17
  var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
18
18
 
19
- const TreeNode = ({ children, id, ContentComponent, LabelComponent, ...rest }) => {
19
+ const TreeNode = ({ children, id, cssClassNames, ContentComponent, LabelComponent, ...rest }) => {
20
20
  const treeApi = tree_hook.useTree();
21
21
  const node = tree_node_hook.useTreeNode(id, rest);
22
22
  const nodeChildrenRef = React.useRef(null);
@@ -33,9 +33,8 @@ const TreeNode = ({ children, id, ContentComponent, LabelComponent, ...rest }) =
33
33
  }) },
34
34
  React__default['default'].createElement(icon_list_arrow_down.IconListArrowDown, null)),
35
35
  Label));
36
- 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, {
37
- [css_classes.TREE_NODE_CSS_CLASSES.treeNodeExpanded]: node.expanded,
38
- [main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeExpanded]]: node.expanded
36
+ 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, {
37
+ [css_classes.TREE_NODE_CSS_CLASSES.treeNodeExpanded]: node.expanded
39
38
  }) },
40
39
  children ? Content : Label,
41
40
  children ? (React__default['default'].createElement(reactTransitionGroup.CSSTransition, { unmountOnExit: true, in: node.expanded, timeout: 250, classNames: {
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;"}
package/build/cjs/packages/aurora/src/components/tree/index.js CHANGED
@@ -13,9 +13,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
13
13
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
14
  var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
15
15
 
16
- const Tree = ({ children }) => {
16
+ const Tree = ({ children, cssClassNames }) => {
17
17
  return (React__default['default'].createElement(tree_provider.TreeProvider, null,
18
- 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)));
18
+ 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)));
19
19
  };
20
20
 
21
21
  exports.Tree = Tree;
package/build/cjs/packages/aurora/src/css/tree/main.module.less.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
6
6
 
7
- var css_248z = ".main-module_tree__3D4e3 {\n list-style: none;\n}\n.main-module_tree-node__toggler__Bhwx9 {\n display: flex;\n align-items: center;\n background: none;\n}\n.main-module_tree-node__toggler-icon__3QR9X {\n display: flex;\n align-items: center;\n}\n.main-module_tree-node__toggler-icon__3QR9X svg {\n transition: rotate 250ms ease-out;\n rotate: -95deg;\n}\n.main-module_tree-node__toggler-icon_expanded__31THq svg {\n rotate: 0deg;\n}\n.main-module_tree-node__children__QyEOR {\n transform-origin: top center;\n transition: opacity 250ms ease-out, scale 250ms ease-out;\n padding-left: 16px;\n list-style: none;\n will-change: true;\n}\n.main-module_tree-node__children-enter__vxFO- {\n opacity: 0;\n scale: 1 0;\n}\n.main-module_tree-node__children-enter-active__T6XIS {\n opacity: 1;\n scale: 1 1;\n}\n.main-module_tree-node__children-exit__1NXHe {\n opacity: 1;\n scale: 1 1;\n}\n.main-module_tree-node__children-exit-active__vdqAI {\n opacity: 0;\n scale: 1 0;\n}\n";
7
+ var css_248z = ".main-module_tree__3D4e3 {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.main-module_tree-node__toggler__Bhwx9 {\n display: flex;\n align-items: center;\n background: none;\n gap: 8px;\n width: 100%;\n}\n.main-module_tree-node__toggler-icon__3QR9X {\n display: flex;\n align-items: center;\n}\n.main-module_tree-node__toggler-icon__3QR9X svg {\n transition: rotate 250ms ease-out;\n rotate: -95deg;\n}\n.main-module_tree-node__toggler-icon_expanded__31THq svg {\n rotate: 0deg;\n}\n.main-module_tree-node__children__QyEOR {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-top: 8px;\n transform-origin: top center;\n transition: opacity 250ms ease-out, scale 250ms ease-out;\n padding-left: 16px;\n list-style: none;\n will-change: true;\n}\n.main-module_tree-node__children-enter__vxFO- {\n opacity: 0;\n scale: 1 0;\n}\n.main-module_tree-node__children-enter-active__T6XIS {\n opacity: 1;\n scale: 1 1;\n}\n.main-module_tree-node__children-exit__1NXHe {\n opacity: 1;\n scale: 1 1;\n}\n.main-module_tree-node__children-exit-active__vdqAI {\n opacity: 0;\n scale: 1 0;\n}\n";
8
8
  var cssClasses = {"tree":"main-module_tree__3D4e3","tree-node__toggler":"main-module_tree-node__toggler__Bhwx9","tree-node__toggler-icon":"main-module_tree-node__toggler-icon__3QR9X","tree-node__toggler-icon_expanded":"main-module_tree-node__toggler-icon_expanded__31THq","tree-node__children":"main-module_tree-node__children__QyEOR","tree-node__children-enter":"main-module_tree-node__children-enter__vxFO-","tree-node__children-enter-active":"main-module_tree-node__children-enter-active__T6XIS","tree-node__children-exit":"main-module_tree-node__children-exit__1NXHe","tree-node__children-exit-active":"main-module_tree-node__children-exit-active__vdqAI"};
9
9
  styleInject_es['default'](css_248z);
10
10
 
package/build/esm/packages/aurora/src/components/tree/components/tree_node.d.ts CHANGED
@@ -10,10 +10,11 @@ declare type TTreeLabelComponentProps = {
10
10
  node: ITreeNode;
11
11
  };
12
12
  declare type TTreeNodeProps = TPropsWithChildren<ITreeNode & {
13
+ cssClassNames?: string;
13
14
  collapseIcon?: React.ReactNode;
14
15
  expandIcon?: React.ReactNode;
15
16
  LabelComponent?: (props: TTreeLabelComponentProps) => React.ReactNode;
16
17
  ContentComponent?: (props: TTreeContentComponentProps) => React.ReactNode;
17
18
  }>;
18
- export declare const TreeNode: ({ children, id, ContentComponent, LabelComponent, ...rest }: TTreeNodeProps) => JSX.Element | null;
19
+ export declare const TreeNode: ({ children, id, cssClassNames, ContentComponent, LabelComponent, ...rest }: TTreeNodeProps) => JSX.Element | null;
19
20
  export default TreeNode;
package/build/esm/packages/aurora/src/components/tree/components/tree_node.js CHANGED
@@ -7,7 +7,7 @@ import { useTree } from '../hooks/tree_hook.js';
7
7
  import { useTreeNode } from '../hooks/tree_node_hook.js';
8
8
  import { IconListArrowDown } from '../../../assets/icon_list_arrow_down.js';
9
9
 
10
- const TreeNode = ({ children, id, ContentComponent, LabelComponent, ...rest }) => {
10
+ const TreeNode = ({ children, id, cssClassNames, ContentComponent, LabelComponent, ...rest }) => {
11
11
  const treeApi = useTree();
12
12
  const node = useTreeNode(id, rest);
13
13
  const nodeChildrenRef = useRef(null);
@@ -24,9 +24,8 @@ const TreeNode = ({ children, id, ContentComponent, LabelComponent, ...rest }) =
24
24
  }) },
25
25
  React.createElement(IconListArrowDown, null)),
26
26
  Label));
27
- return (React.createElement("li", { className: classnames(cssClasses[TREE_NODE_CSS_CLASSES.treeNode], TREE_NODE_CSS_CLASSES.treeNode, {
28
- [TREE_NODE_CSS_CLASSES.treeNodeExpanded]: node.expanded,
29
- [cssClasses[TREE_NODE_CSS_CLASSES.treeNodeExpanded]]: node.expanded
27
+ return (React.createElement("li", { className: classnames(cssClasses[TREE_NODE_CSS_CLASSES.treeNode], TREE_NODE_CSS_CLASSES.treeNode, cssClassNames, {
28
+ [TREE_NODE_CSS_CLASSES.treeNodeExpanded]: node.expanded
30
29
  }) },
31
30
  children ? Content : Label,
32
31
  children ? (React.createElement(CSSTransition, { unmountOnExit: true, in: node.expanded, timeout: 250, classNames: {
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;"}
package/build/esm/packages/aurora/src/components/tree/index.d.ts CHANGED
@@ -1,3 +1,6 @@
1
1
  import { TPropsWithChildren } from "../../typings/general";
2
- export declare const Tree: ({ children }: TPropsWithChildren) => JSX.Element;
2
+ declare type TTreeProps = {
3
+ cssClassNames?: string;
4
+ };
5
+ export declare const Tree: ({ children, cssClassNames }: TPropsWithChildren<TTreeProps>) => JSX.Element;
3
6
  export default Tree;
package/build/esm/packages/aurora/src/components/tree/index.js CHANGED
@@ -4,9 +4,9 @@ import { TreeProvider } from './context/tree_provider.js';
4
4
  import { TREE_CSS_CLASSES } from './css_classes.js';
5
5
  import cssClasses from '../../css/tree/main.module.less.js';
6
6
 
7
- const Tree = ({ children }) => {
7
+ const Tree = ({ children, cssClassNames }) => {
8
8
  return (React.createElement(TreeProvider, null,
9
- React.createElement("ul", { className: classnames(cssClasses[TREE_CSS_CLASSES.tree], TREE_CSS_CLASSES.tree) }, children)));
9
+ React.createElement("ul", { className: classnames(cssClasses[TREE_CSS_CLASSES.tree], TREE_CSS_CLASSES.tree, cssClassNames) }, children)));
10
10
  };
11
11
 
12
12
  export default Tree;
package/build/esm/packages/aurora/src/css/tree/main.module.less.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = ".main-module_tree__3D4e3 {\n list-style: none;\n}\n.main-module_tree-node__toggler__Bhwx9 {\n display: flex;\n align-items: center;\n background: none;\n}\n.main-module_tree-node__toggler-icon__3QR9X {\n display: flex;\n align-items: center;\n}\n.main-module_tree-node__toggler-icon__3QR9X svg {\n transition: rotate 250ms ease-out;\n rotate: -95deg;\n}\n.main-module_tree-node__toggler-icon_expanded__31THq svg {\n rotate: 0deg;\n}\n.main-module_tree-node__children__QyEOR {\n transform-origin: top center;\n transition: opacity 250ms ease-out, scale 250ms ease-out;\n padding-left: 16px;\n list-style: none;\n will-change: true;\n}\n.main-module_tree-node__children-enter__vxFO- {\n opacity: 0;\n scale: 1 0;\n}\n.main-module_tree-node__children-enter-active__T6XIS {\n opacity: 1;\n scale: 1 1;\n}\n.main-module_tree-node__children-exit__1NXHe {\n opacity: 1;\n scale: 1 1;\n}\n.main-module_tree-node__children-exit-active__vdqAI {\n opacity: 0;\n scale: 1 0;\n}\n";
3
+ var css_248z = ".main-module_tree__3D4e3 {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.main-module_tree-node__toggler__Bhwx9 {\n display: flex;\n align-items: center;\n background: none;\n gap: 8px;\n width: 100%;\n}\n.main-module_tree-node__toggler-icon__3QR9X {\n display: flex;\n align-items: center;\n}\n.main-module_tree-node__toggler-icon__3QR9X svg {\n transition: rotate 250ms ease-out;\n rotate: -95deg;\n}\n.main-module_tree-node__toggler-icon_expanded__31THq svg {\n rotate: 0deg;\n}\n.main-module_tree-node__children__QyEOR {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-top: 8px;\n transform-origin: top center;\n transition: opacity 250ms ease-out, scale 250ms ease-out;\n padding-left: 16px;\n list-style: none;\n will-change: true;\n}\n.main-module_tree-node__children-enter__vxFO- {\n opacity: 0;\n scale: 1 0;\n}\n.main-module_tree-node__children-enter-active__T6XIS {\n opacity: 1;\n scale: 1 1;\n}\n.main-module_tree-node__children-exit__1NXHe {\n opacity: 1;\n scale: 1 1;\n}\n.main-module_tree-node__children-exit-active__vdqAI {\n opacity: 0;\n scale: 1 0;\n}\n";
4
4
  var cssClasses = {"tree":"main-module_tree__3D4e3","tree-node__toggler":"main-module_tree-node__toggler__Bhwx9","tree-node__toggler-icon":"main-module_tree-node__toggler-icon__3QR9X","tree-node__toggler-icon_expanded":"main-module_tree-node__toggler-icon_expanded__31THq","tree-node__children":"main-module_tree-node__children__QyEOR","tree-node__children-enter":"main-module_tree-node__children-enter__vxFO-","tree-node__children-enter-active":"main-module_tree-node__children-enter-active__T6XIS","tree-node__children-exit":"main-module_tree-node__children-exit__1NXHe","tree-node__children-exit-active":"main-module_tree-node__children-exit-active__vdqAI"};
5
5
  styleInject(css_248z);
6
6
 
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.0-5",
5
+ "version": "2.9.0-7",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",