@oliasoft-open-source/react-ui-library 5.8.5-beta-2 → 5.8.5-beta-4

package/dist/index.d.ts

@@ -1761,6 +1761,7 @@ export declare interface ITreeProps {
     };
     allowParentReassignment?: boolean;
     stickyHeader?: boolean;
+    height?: number | string;
 }
 
 declare interface IUnitConfigItem {
@@ -2141,7 +2142,7 @@ declare const TRANSLATION_FALLBACK: {
     unknown: string;
 };
 
-export declare const Tree: ({ list, draggable, onListReorder, onChangeOpen, testId, isInitialOpen, treeRef, itemHasChild, onItemToggle, icons, allowParentReassignment, stickyHeader, }: ITreeProps) => JSX_2.Element;
+export declare const Tree: ({ list, draggable, onListReorder, onChangeOpen, testId, isInitialOpen, treeRef, itemHasChild, onItemToggle, icons, allowParentReassignment, stickyHeader, height, }: ITreeProps) => JSX_2.Element;
 
 export declare enum TriggerType {
     TEXT = "Text",

package/dist/index.js

@@ -1457,7 +1457,10 @@ const DrawerTabs = ({ tabs: e, activeTab: t, open: n, background: r, handleTabCl
 	if (isNil(e) || isEmpty(e)) return null;
 	let i = t === r;
 	return /* @__PURE__ */ jsx("div", {
-		style: { width: typeof a == "number" ? `${a}px` : a },
+		style: {
+			width: typeof a == "number" ? `${a}px` : a,
+			display: i ? "block" : "none"
+		},
 		className: drawer_module_default.tabsContent,
 		"data-testid": o && `${o}-content-${r}`,
 		children: i && n && e.content
@@ -6333,12 +6336,12 @@ const Content = ({ title: e, okText: t, onClickOk: n, disableConfirmButton: r, c
 	children: e
 });
 var tree_module_default = {
-	tree: "_tree_1359a_1",
-	toggle: "_toggle_1359a_6",
-	dropTarget: "_dropTarget_1359a_13",
-	placeholder: "_placeholder_1359a_28",
-	draggingSource: "_draggingSource_1359a_34",
-	placeholderContainer: "_placeholderContainer_1359a_37"
+	tree: "_tree_1mtkj_1",
+	toggle: "_toggle_1mtkj_7",
+	dropTarget: "_dropTarget_1mtkj_14",
+	placeholder: "_placeholder_1mtkj_29",
+	draggingSource: "_draggingSource_1mtkj_35",
+	placeholderContainer: "_placeholderContainer_1mtkj_38"
 };
 const TreeItem = ({ node: t, depth: n, isOpen: r, onToggle: i, hasChild: a, draggable: o, icons: s, onDrop: c }) => {
 	let { id: l, data: u } = t, { active: d, testId: f, onClick: p, actions: m = [] } = u, [h, _] = React.useState(!1), [v, y] = React.useState(0), b = (e) => {
@@ -6395,26 +6398,26 @@ const TreeItem = ({ node: t, depth: n, isOpen: r, onToggle: i, hasChild: a, drag
 }, TreePlaceholder = ({ depth: e }) => /* @__PURE__ */ jsx("div", {
 	className: tree_module_default.placeholder,
 	style: { left: e * 24 }
-}), Tree = ({ list: e, draggable: t = !1, onListReorder: n, onChangeOpen: r, testId: i, isInitialOpen: a = !1, treeRef: o, itemHasChild: s, onItemToggle: c, icons: l, allowParentReassignment: u, stickyHeader: d }) => {
-	let f = (e) => {
+}), Tree = ({ list: e, draggable: t = !1, onListReorder: n, onChangeOpen: r, testId: i, isInitialOpen: a = !1, treeRef: o, itemHasChild: s, onItemToggle: c, icons: l, allowParentReassignment: u, stickyHeader: d, height: f }) => {
+	let p = (e) => {
 		r && r(e);
-	}, p = (e, t) => e?.findIndex((e) => e?.id === t) ?? -1, m = (e, t) => {
-		let n = p(t, e?.parent);
+	}, m = (e, t) => e?.findIndex((e) => e?.id === t) ?? -1, h = (e, t) => {
+		let n = m(t, e?.parent);
 		if (n >= 0) {
 			let r = t?.find((e) => e?.id === t[n]?.parent);
 			e.parent = r ? r.id : 0;
 		}
-	}, h = (e, t) => t?.filter((t) => t?.id !== e?.id) ?? [], g = (e, t, n) => (n?.splice(t, 0, e), n), _ = (e) => e.map(({ id: e, parent: t, droppable: n, data: r }) => ({
+	}, g = (e, t) => t?.filter((t) => t?.id !== e?.id) ?? [], _ = (e, t, n) => (n?.splice(t, 0, e), n), v = (e) => e.map(({ id: e, parent: t, droppable: n, data: r }) => ({
 		id: e,
 		parent: t,
 		droppable: n,
 		...r
-	})), v = (e, t) => {
+	})), y = (e, t) => {
 		let { dragSource: r, dropTarget: i } = t, a = [...e];
 		if (!n) return;
-		let o = p(a, r?.id), s = p(a, r?.parent), c = [];
-		r?.parent === i?.id && o === 0 && u && (m(r, a), a = h(r, a), a = g(r, s, a)), c = _(a), n(c);
-	}, y = e?.items?.map(({ id: e, droppable: t, parent: n, name: r, onDrop: i,...a }) => ({
+		let o = m(a, r?.id), s = m(a, r?.parent), c = [];
+		r?.parent === i?.id && o === 0 && u && (h(r, a), a = g(r, a), a = _(r, s, a)), c = v(a), n(c);
+	}, b = e?.items?.map(({ id: e, droppable: t, parent: n, name: r, onDrop: i,...a }) => ({
 		id: e,
 		text: r,
 		droppable: t,
@@ -6428,6 +6431,7 @@ const TreeItem = ({ node: t, depth: n, isOpen: r, onToggle: i, hasChild: a, drag
 	return /* @__PURE__ */ jsxs("div", {
 		"data-testid": i,
 		className: list_module_default.list,
+		style: { height: f },
 		children: [e.name && !e.noHeader && /* @__PURE__ */ jsx(ListHeading, {
 			name: e.name,
 			actions: e.actions,
@@ -6438,7 +6442,7 @@ const TreeItem = ({ node: t, depth: n, isOpen: r, onToggle: i, hasChild: a, drag
 			context: window,
 			children: /* @__PURE__ */ jsx(Tree$1, {
 				ref: o,
-				tree: y,
+				tree: b,
 				sort: !1,
 				insertDroppableFirst: !1,
 				canDrag: () => t,
@@ -6458,8 +6462,8 @@ const TreeItem = ({ node: t, depth: n, isOpen: r, onToggle: i, hasChild: a, drag
 					icons: l,
 					onDrop: e.data?.onDrop
 				}),
-				onDrop: v,
-				onChangeOpen: f,
+				onDrop: y,
+				onChangeOpen: p,
 				dropTargetOffset: 10,
 				placeholderRender: (e, { depth: t }) => /* @__PURE__ */ jsx(TreePlaceholder, { depth: t }),
 				placeholderComponent: "div",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "5.8.5-beta-2",
+  "version": "5.8.5-beta-4",
   "description": "Reusable UI components for React projects",
   "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
   "bugs": {