@dreamcommerce/aurora 3.0.0-81 → 3.0.0-83

package/build/esm/packages/aurora/src/components/tree/hooks/tree_hook.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { TreeContext } from '@auroraComponents/tree/context/tree_context';
+export const useTree = () => {
+    const context = React.useContext(TreeContext);
+    if (!context) {
+        throw new Error('useTree must be used within a TreeContextProvider');
+    }
+    return context;
+};
+//# sourceMappingURL=tree_hook.js.map

package/build/esm/packages/aurora/src/components/tree/hooks/tree_hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree_hook.js","sourceRoot":"","sources":["../../../../../../../../src/components/tree/hooks/tree_hook.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAE1E,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;IACxB,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAE9C,IAAI,CAAC,OAAO,EAAE;QACV,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAC;KACxE;IAED,OAAO,OAAO,CAAC;AACnB,CAAC,CAAC"}

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

@@ -0,0 +1,2 @@
+import { ITreeNode } from "../context/tree_context";
+export declare const useTreeNode: (nodeId: string, props?: Partial<ITreeNode>) => ITreeNode | undefined;

package/build/esm/packages/aurora/src/components/tree/hooks/tree_node_hook.js

@@ -0,0 +1,19 @@
+import { useTree } from '@auroraComponents/tree/hooks/tree_hook';
+import { useEffect } from 'react';
+import '@auroraComponents/tree/context/tree_context';
+export const useTreeNode = (nodeId, props) => {
+    const treeApi = useTree();
+    useEffect(() => {
+        if (!treeApi.hasNode(nodeId))
+            treeApi.addNode({ id: nodeId, ...props });
+    });
+    useEffect(() => {
+        if (treeApi.hasNode(nodeId) && props)
+            treeApi.updateNode(nodeId, props);
+    }, [props?.expanded]);
+    useEffect(() => {
+        return () => treeApi.removeNode(nodeId);
+    }, []);
+    return treeApi.getNode(nodeId);
+};
+//# sourceMappingURL=tree_node_hook.js.map

package/build/esm/packages/aurora/src/components/tree/hooks/tree_node_hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree_node_hook.js","sourceRoot":"","sources":["../../../../../../../../src/components/tree/hooks/tree_node_hook.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wCAAwC,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAA0B,6CAA6C,CAAC;AAExE,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,MAAc,EAAE,KAA0B,EAAE,EAAE;IACtE,MAAM,OAAO,GAAG,OAAO,EAAE,CAAC;IAE1B,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC;YAAE,OAAO,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC;IAC5E,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,KAAK;YAAE,OAAO,CAAC,UAAU,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAC5E,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtB,SAAS,CAAC,GAAG,EAAE;QACX,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;IAC5C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;AACnC,CAAC,CAAC"}

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

@@ -0,0 +1,11 @@
+import React from 'react';
+declare type TTreeProps = {
+    cssClassNames?: string;
+    cssStyles?: React.CSSProperties;
+    onMouseEnter?: (event: React.MouseEvent<HTMLUListElement, MouseEvent>) => void;
+    onMouseLeave?: (event: React.MouseEvent<HTMLUListElement, MouseEvent>) => void;
+};
+export declare const Tree: React.ForwardRefExoticComponent<TTreeProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLUListElement>>;
+export default Tree;

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { cn } from '../../utilities/cn.js';
+import { TREE_ROLE_ATTRIBUTE } from './constants.js';
+import { TreeProvider } from './context/tree_provider.js';
+
+// eslint-disable-next-line react/display-name
+var Tree = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    cssClassNames = _ref.cssClassNames,
+    cssStyles = _ref.cssStyles,
+    onMouseEnter = _ref.onMouseEnter,
+    onMouseLeave = _ref.onMouseLeave;
+  return /*#__PURE__*/React.createElement(TreeProvider, null, /*#__PURE__*/React.createElement("ul", {
+    role: TREE_ROLE_ATTRIBUTE,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    ref: ref,
+    style: cssStyles,
+    className: cn('aurora-list-none aurora-flex aurora-flex-col aurora-gap-2', cssClassNames)
+  }, children));
+});
+
+export default Tree;
+export { Tree };
+//# sourceMappingURL=index.js.map

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

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

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

@@ -110,3 +110,4 @@ export { ValuesSyncerControl } from "./components/controls/values_syncer_control
 export { ValuesSyncer } from "./components/values_syncer/values_syncer";
 export { useToggle } from "./hooks/use_toggle";
 export { useClickOutside } from "./hooks/use_click_outside";
+export { Tree } from "./components/tree";

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

@@ -104,4 +104,5 @@ export { XhrImagePickerControl } from './components/controls/xhr_image_picker_co
 export { ValuesSyncer } from './components/values_syncer/values_syncer.js';
 export { ValuesSyncerControl } from './components/controls/values_syncer_control/values_syncer_control.js';
 export { useToggle } from './hooks/use_toggle.js';
+export { Tree } from './components/tree/index.js';
 //# sourceMappingURL=index.js.map

package/build/esm/packages/aurora/src/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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/typings/general.d.ts

@@ -1,7 +1,8 @@
 import { HORIZONTAL_POSITION, VERTICAL_POSITION } from "../constants/positions";
-import { DIRECTION } from "../constants/directions";
-import { Any } from 'ts-toolbelt';
 import { TCssPaddingTokens, TCssScreenTokens, TCssSpacingTokens } from "../constants/css_tokens/css_tokens_types";
+import { Any } from 'ts-toolbelt';
+import { DIRECTION } from "../constants/directions";
+import { ReactNode } from 'react';
 export declare type THorizontalPosition = Any.Keys<typeof HORIZONTAL_POSITION>;
 export declare type TVerticalPosition = Any.Keys<typeof VERTICAL_POSITION>;
 export declare type TCssPositions = {
@@ -13,3 +14,6 @@ export declare type TCssPositions = {
 export declare type TDirection = Any.Keys<typeof DIRECTION>;
 export declare type TPaddings = Record<TCssPaddingTokens, TCssSpacingTokens>;
 export declare type TMargins = Record<TCssSpacingTokens, TCssSpacingTokens> | Record<TCssScreenTokens, Record<TCssSpacingTokens, TCssSpacingTokens>>;
+export declare type TPropsWithChildren<P = {}> = P & {
+    children?: ReactNode;
+};

package/build/esm/packages/aurora/src/typings/general.js

@@ -1,5 +1,6 @@
 import '@auroraConstants/positions';
-import '@auroraConstants/directions';
-import 'ts-toolbelt';
 import '@auroraConstants/css_tokens/css_tokens_types';
+import 'ts-toolbelt';
+import '@auroraConstants/directions';
+import 'react';
 //# sourceMappingURL=general.js.map

package/build/esm/packages/aurora/src/typings/general.js.map

@@ -1 +1 @@
-{"version":3,"file":"general.js","sourceRoot":"","sources":["../../../../../../src/typings/general.ts"],"names":[],"mappings":"AAAA,OAAuD,4BAA4B,CAAC;AACpF,OAA0B,6BAA6B,CAAC;AACxD,OAAoB,aAAa,CAAC;AAClC,OAAuE,8CAA8C,CAAC"}
+{"version":3,"file":"general.js","sourceRoot":"","sources":["../../../../../../src/typings/general.ts"],"names":[],"mappings":"AAAA,OAAuD,4BAA4B,CAAC;AACpF,OAAuE,8CAA8C,CAAC;AAEtH,OAAoB,aAAa,CAAC;AAClC,OAA0B,6BAA6B,CAAC;AACxD,OAA0B,OAAO,CAAC"}