@oliasoft-open-source/react-ui-library 5.15.1 → 5.15.3-beta-1

package/dist/index.d.ts

@@ -137,7 +137,7 @@ declare type FilterToggle = {
     onChange: () => void;
 };
 
-export declare const Flex: ({ alignItems, justifyContent, direction, height, children, wrap, gap, }: IFlexProps) => JSX_2.Element;
+export declare const Flex: ({ alignItems, justifyContent, direction, height, width, children, wrap, gap, }: IFlexProps) => JSX_2.Element;
 
 export declare const FormRow: ({ children }: IFormRowProps) => JSX_2.Element;
 
@@ -541,6 +541,7 @@ export declare interface IFlexProps {
     justifyContent?: string;
     direction?: Property.FlexDirection;
     height?: TStringOrNumber;
+    width?: TStringOrNumber;
     children?: default_2.ReactNode;
     wrap?: boolean;
     gap?: boolean | TStringOrNumber;

package/dist/index.js

@@ -5463,17 +5463,18 @@ const Field = ({ label: e, labelLeft: t = !1, labelWidth: n = "auto", children:
 		className: form_module_default.fieldInput,
 		children: r
 	})]
-}), Flex = ({ alignItems: e = "initial", justifyContent: t = "initial", direction: n = "initial", height: r = "initial", children: i = null, wrap: a = !0, gap: o = !1 }) => /* @__PURE__ */ jsx("div", {
+}), Flex = ({ alignItems: e = "initial", justifyContent: t = "initial", direction: n = "initial", height: r = "initial", width: i = "initial", children: a = null, wrap: o = !0, gap: s = !1 }) => /* @__PURE__ */ jsx("div", {
 	style: {
 		display: "flex",
 		flexDirection: n,
 		alignItems: e,
 		justifyContent: t,
 		height: typeof r == "number" ? `${r}px` : r,
-		flexWrap: a ? "wrap" : "nowrap",
-		gap: o === !1 ? 0 : o === !0 ? "var(--padding)" : typeof o == "number" ? `${o}px` : o
+		width: typeof i == "number" ? `${i}px` : i,
+		flexWrap: o ? "wrap" : "nowrap",
+		gap: s === !1 ? 0 : s === !0 ? "var(--padding)" : typeof s == "number" ? `${s}px` : s
 	},
-	children: i
+	children: a
 });
 var form_row_module_default = { formRow: "_formRow_odewu_1" };
 const FormRow = ({ children: e }) => /* @__PURE__ */ jsx("div", {
@@ -6627,30 +6628,30 @@ var tree_module_default = {
 	placeholderContainer: "_placeholderContainer_1cqsz_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) => {
+	let { id: l, data: u } = t, { active: d, disabled: f, testId: p, onClick: m, actions: h = [] } = u, [_, v] = React.useState(!1), [y, b] = React.useState(0), x = (e) => {
 		e.stopPropagation(), i(l);
-	}, x = (e) => {
-		e.preventDefault(), e.stopPropagation(), h || (_(!0), y((/* @__PURE__ */ new Date()).getTime()));
 	}, S = (e) => {
-		e.preventDefault(), e.stopPropagation(), (/* @__PURE__ */ new Date()).getTime() - v > 20 && _(!1);
+		e.preventDefault(), e.stopPropagation(), _ || (v(!0), b((/* @__PURE__ */ new Date()).getTime()));
 	}, C = (e) => {
-		e.preventDefault(), e.stopPropagation(), a && !r && (/* @__PURE__ */ new Date()).getTime() - v > 200 && b(e);
+		e.preventDefault(), e.stopPropagation(), (/* @__PURE__ */ new Date()).getTime() - y > 20 && v(!1);
 	}, w = (e) => {
-		e.preventDefault(), e.stopPropagation(), _(!1), y((/* @__PURE__ */ new Date()).getTime()), c == null || c(e);
+		e.preventDefault(), e.stopPropagation(), a && !r && (/* @__PURE__ */ new Date()).getTime() - y > 200 && x(e);
+	}, T = (e) => {
+		e.preventDefault(), e.stopPropagation(), v(!1), b((/* @__PURE__ */ new Date()).getTime()), c == null || c(e);
 	};
 	return /* @__PURE__ */ jsx("div", {
-		className: cx(list_module_default.item, list_module_default.action, d ? list_module_default.active : "", n > 0 ? list_module_default.indented : "", h ? list_module_default.bordered : ""),
+		className: cx(list_module_default.item, f ? "" : list_module_default.action, d ? list_module_default.active : "", f ? list_module_default.disabled : "", n > 0 ? list_module_default.indented : "", _ ? list_module_default.bordered : ""),
 		style: { marginInlineStart: n * 24 },
-		"data-testid": f,
+		"data-testid": p,
 		onClick: (e) => {
-			p ? p(e) : a && b(e);
+			f || (m ? m(e) : a && x(e));
 		},
-		onDrop: (e) => c ? w(e) : {},
-		onDragEnter: (e) => c ? x(e) : {},
-		onDragOver: (e) => c ? C(e) : {},
-		onDragLeave: (e) => c ? S(e) : {},
+		onDrop: (e) => c ? T(e) : {},
+		onDragEnter: (e) => c ? S(e) : {},
+		onDragOver: (e) => c ? w(e) : {},
+		onDragLeave: (e) => c ? C(e) : {},
 		children: /* @__PURE__ */ jsxs("div", {
-			className: cx(list_module_default.itemHeader, h ? list_module_default.noPointerEvents : ""),
+			className: cx(list_module_default.itemHeader, _ ? list_module_default.noPointerEvents : ""),
 			children: [
 				a && /* @__PURE__ */ jsx("div", {
 					className: tree_module_default.toggle,
@@ -6660,7 +6661,7 @@ const TreeItem = ({ node: t, depth: n, isOpen: r, onToggle: i, hasChild: a, drag
 						small: !0,
 						round: !0,
 						icon: r ? (s == null ? void 0 : s.collapse) || IconType.COLLAPSE : (s == null ? void 0 : s.expand) || IconType.EXPAND,
-						onClick: b
+						onClick: x
 					})
 				}),
 				o && /* @__PURE__ */ jsx("div", {
@@ -6668,12 +6669,12 @@ const TreeItem = ({ node: t, depth: n, isOpen: r, onToggle: i, hasChild: a, drag
 					children: /* @__PURE__ */ jsx(Icon, { icon: IconType.DRAG })
 				}),
 				/* @__PURE__ */ jsx(MetaContent, { item: u }),
-				/* @__PURE__ */ jsx("div", {
+				/* @__PURE__ */ jsxs("div", {
 					className: list_module_default.right,
-					children: /* @__PURE__ */ jsx("div", {
+					children: [/* @__PURE__ */ jsx(MetaCount, { item: u }), !f && h.length > 0 && /* @__PURE__ */ jsx("div", {
 						className: list_module_default.actions,
-						children: /* @__PURE__ */ jsx(Actions, { actions: m })
-					})
+						children: /* @__PURE__ */ jsx(Actions, { actions: h })
+					})]
 				})
 			]
 		})

package/package.json

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