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

package/dist/index.d.ts

@@ -631,7 +631,6 @@ export declare interface IInputGroupAddonProps {
     children: ReactNode;
     groupOrder?: TGroupOrder;
     small?: boolean;
-    testId?: string;
 }
 
 export declare interface IInputGroupProps {
@@ -1011,7 +1010,7 @@ export declare const Input: default_2.ForwardRefExoticComponent<IInputProps & de
 
 export declare const InputGroup: ({ children, small, width, }: IInputGroupProps) => ReactElement;
 
-export declare const InputGroupAddon: ({ children, groupOrder, small, testId, }: IInputGroupAddonProps) => default_2.ReactElement;
+export declare const InputGroupAddon: ({ children, groupOrder, small, }: IInputGroupAddonProps) => default_2.ReactElement;
 
 export declare enum InputReaderMethods {
     READ_AS_TEXT = "readAsText",
@@ -1810,7 +1809,7 @@ declare interface ITreeRowItem extends TRowType_2 {
 
 export declare interface ITreeTableProps extends ITreeProps {
     table: {
-        columnAlignment?: (Align.LEFT | Align.RIGHT | null)[];
+        columnAlignment?: (Align.LEFT | Align.RIGHT)[];
         columnWidths?: string[];
         fixedWidth?: string;
         headers?: TRowType_2[];

package/dist/index.js

@@ -519,30 +519,30 @@ const AccordionWithDefaultToggle = ({ heading: e, toggleLabel: t, onClickDefault
 	})] });
 };
 var button_module_default = {
-	inputInTable: "_inputInTable_1wing_1",
-	inputHover: "_inputHover_1wing_13",
-	inputFocus: "_inputFocus_1wing_18",
-	inputError: "_inputError_1wing_25",
-	inputWarning: "_inputWarning_1wing_26",
-	inputDisabled: "_inputDisabled_1wing_61",
-	hideScrollbars: "_hideScrollbars_1wing_67",
-	button: "_button_1wing_100",
-	active: "_active_1wing_135",
-	green: "_green_1wing_135",
-	red: "_red_1wing_135",
-	orange: "_orange_1wing_135",
-	icon: "_icon_1wing_147",
-	iconOnly: "_iconOnly_1wing_153",
-	basic: "_basic_1wing_163",
-	muted: "_muted_1wing_169",
-	disabled: "_disabled_1wing_188",
-	small: "_small_1wing_197",
-	pill: "_pill_1wing_202",
-	round: "_round_1wing_203",
-	inverted: "_inverted_1wing_309",
-	groupOrderFirst: "_groupOrderFirst_1wing_339",
-	groupOrderMiddle: "_groupOrderMiddle_1wing_340",
-	groupOrderLast: "_groupOrderLast_1wing_341"
+	inputInTable: "_inputInTable_1vpoe_1",
+	inputHover: "_inputHover_1vpoe_13",
+	inputFocus: "_inputFocus_1vpoe_18",
+	inputError: "_inputError_1vpoe_25",
+	inputWarning: "_inputWarning_1vpoe_26",
+	inputDisabled: "_inputDisabled_1vpoe_61",
+	hideScrollbars: "_hideScrollbars_1vpoe_67",
+	button: "_button_1vpoe_100",
+	active: "_active_1vpoe_135",
+	green: "_green_1vpoe_135",
+	red: "_red_1vpoe_135",
+	orange: "_orange_1vpoe_135",
+	icon: "_icon_1vpoe_147",
+	iconOnly: "_iconOnly_1vpoe_153",
+	basic: "_basic_1vpoe_163",
+	muted: "_muted_1vpoe_169",
+	disabled: "_disabled_1vpoe_188",
+	small: "_small_1vpoe_197",
+	pill: "_pill_1vpoe_202",
+	round: "_round_1vpoe_203",
+	inverted: "_inverted_1vpoe_309",
+	groupOrderFirst: "_groupOrderFirst_1vpoe_339",
+	groupOrderMiddle: "_groupOrderMiddle_1vpoe_340",
+	groupOrderLast: "_groupOrderLast_1vpoe_341"
 }, spinner_module_default = { spinner: "_spinner_156m4_1" };
 const Spinner = ({ small: e = !1, colored: t = !1, dark: n = !1, tiny: r = !1 }) => {
 	let i = t ? "var(--color-text-primary)" : n ? "var(--color-text-muted)" : "white", a = e ? "var(--font-size)" : r ? "var(--font-size-xs)" : "var(--size)";
@@ -1738,20 +1738,20 @@ const InputGroup = ({ children: n, small: r = !1, width: a = "100%" }) => {
 	});
 };
 var input_module_default = {
-	inputInTable: "_inputInTable_obb18_1",
-	inputHover: "_inputHover_obb18_13",
-	inputFocus: "_inputFocus_obb18_18",
-	inputError: "_inputError_obb18_25",
-	inputWarning: "_inputWarning_obb18_26",
-	inputDisabled: "_inputDisabled_obb18_61",
-	hideScrollbars: "_hideScrollbars_obb18_67",
-	input: "_input_obb18_1",
-	isInTable: "_isInTable_obb18_100",
-	small: "_small_obb18_124",
-	right: "_right_obb18_170",
-	groupOrderFirst: "_groupOrderFirst_obb18_173",
-	groupOrderMiddle: "_groupOrderMiddle_obb18_174",
-	groupOrderLast: "_groupOrderLast_obb18_175"
+	inputInTable: "_inputInTable_1285q_1",
+	inputHover: "_inputHover_1285q_13",
+	inputFocus: "_inputFocus_1285q_18",
+	inputError: "_inputError_1285q_25",
+	inputWarning: "_inputWarning_1285q_26",
+	inputDisabled: "_inputDisabled_1285q_61",
+	hideScrollbars: "_hideScrollbars_1285q_67",
+	input: "_input_1285q_1",
+	isInTable: "_isInTable_1285q_100",
+	small: "_small_1285q_124",
+	right: "_right_1285q_170",
+	groupOrderFirst: "_groupOrderFirst_1285q_173",
+	groupOrderMiddle: "_groupOrderMiddle_1285q_174",
+	groupOrderLast: "_groupOrderLast_1285q_175"
 };
 const Input = forwardRef(({ error: e = null, tooltip: t = null, isInTable: n, width: r = void 0, small: i = !1, onChange: a = noop, placeholder: o = "", value: c = "", onKeyPress: l = () => {}, onFocus: u = () => {}, onBlur: d = () => {}, onPaste: f = () => {}, onKeyDown: p = () => {}, selectOnFocus: m = !0, name: h = void 0, type: _ = "text", tabIndex: v = 0, disabled: y = !1, right: b = !1, warning: x = null, groupOrder: S = null, maxTooltipWidth: C = void 0, testId: w = void 0, size: T = null }, E) => {
 	let D = useContext(DisabledContext), O = (() => {
@@ -3042,14 +3042,14 @@ const useCustomSelectLogic = ({ state: e, dispatch: t, options: n, setTriggerFoc
 	} : i;
 };
 var pagination_module_default = { paginationContainer: "_paginationContainer_1tmz4_1" }, input_group_addon_module_default = {
-	addon: "_addon_c4m2b_1",
-	small: "_small_c4m2b_12",
-	groupOrderFirst: "_groupOrderFirst_c4m2b_16",
-	groupOrderMiddle: "_groupOrderMiddle_c4m2b_17",
-	groupOrderLast: "_groupOrderLast_c4m2b_18"
-};
-const InputGroupAddon = ({ children: e, groupOrder: t, small: n = !1, testId: r }) => {
-	let i = (() => {
+	addon: "_addon_b4w53_1",
+	small: "_small_b4w53_12",
+	groupOrderFirst: "_groupOrderFirst_b4w53_16",
+	groupOrderMiddle: "_groupOrderMiddle_b4w53_17",
+	groupOrderLast: "_groupOrderLast_b4w53_21"
+};
+const InputGroupAddon = ({ children: e, groupOrder: t, small: n = !1 }) => {
+	let r = (() => {
 		if (t) switch (t) {
 			case GroupOrder.FIRST: return input_group_addon_module_default.groupOrderFirst;
 			case GroupOrder.LAST: return input_group_addon_module_default.groupOrderLast;
@@ -3058,8 +3058,7 @@ const InputGroupAddon = ({ children: e, groupOrder: t, small: n = !1, testId: r
 		return "";
 	})();
 	return /* @__PURE__ */ jsx("span", {
-		className: cx(input_group_addon_module_default.addon, i, n ? input_group_addon_module_default.small : ""),
-		"data-testid": r,
+		className: cx(input_group_addon_module_default.addon, r, n ? input_group_addon_module_default.small : ""),
 		children: e
 	});
 }, Pagination = ({ pagination: e }) => {
@@ -6628,30 +6627,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,
@@ -6661,7 +6660,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", {
@@ -6669,12 +6668,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 })
+					})]
 				})
 			]
 		})
@@ -6800,16 +6799,17 @@ const TreeItem = ({ node: t, depth: n, isOpen: r, onToggle: i, hasChild: a, drag
 	});
 };
 var tree_table_module_default = {
-	treeTable: "_treeTable_1ywvy_1",
-	treeTableHeader: "_treeTableHeader_1ywvy_22",
-	folderCell: "_folderCell_1ywvy_30",
-	dragCell: "_dragCell_1ywvy_31",
-	drag: "_drag_1ywvy_31",
-	folder: "_folder_1ywvy_30",
-	active: "_active_1ywvy_61"
+	treeTable: "_treeTable_3rlrs_1",
+	treeTableHeader: "_treeTableHeader_3rlrs_21",
+	folderCell: "_folderCell_3rlrs_29",
+	dragCell: "_dragCell_3rlrs_30",
+	drag: "_drag_3rlrs_30",
+	folder: "_folder_3rlrs_29",
+	treeTableRow: "_treeTableRow_3rlrs_60",
+	nested: "_nested_3rlrs_63"
 };
 const TreeTableRow = ({ columnAlignment: e, columnWidths: t, depth: n, draggable: r, handleRef: i, hasChild: a, hasRowActions: o, icons: s, isOpen: c, node: l, onDragEnter: u, onDragOver: d, onDragLeave: f, onDrop: p, onToggle: m }) => {
-	let { data: h, droppable: _ } = l, { id: v, cells: y, testId: b, actions: x = [], active: S, onRowClick: C } = h, w = `calc(var(--size) * ${_ ? n + 1 : n})`;
+	let { data: h, droppable: _ } = l, { id: v, cells: y, testId: b, actions: x = [] } = h, S = `max(calc(var(--size) * ${a ? n + 1 : n}), var(--size))`;
 	return /* @__PURE__ */ jsx("table", {
 		className: table_module_default.table,
 		"data-testid": b,
@@ -6818,8 +6818,7 @@ const TreeTableRow = ({ columnAlignment: e, columnWidths: t, depth: n, draggable
 		onDragOver: d,
 		onDragLeave: f,
 		children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", {
-			onClick: C,
-			className: cx(tree_table_module_default.treeTableRow, S ? tree_table_module_default.active : void 0),
+			className: cx(tree_table_module_default.treeTableRow, n > 0 && tree_table_module_default.nested),
 			children: [
 				r && /* @__PURE__ */ jsx("td", {
 					className: tree_table_module_default.dragCell,
@@ -6830,10 +6829,14 @@ const TreeTableRow = ({ columnAlignment: e, columnWidths: t, depth: n, draggable
 						children: /* @__PURE__ */ jsx(Icon, { icon: IconType.DRAG })
 					})
 				}),
-				Array.from({ length: n }).map((e, t) => /* @__PURE__ */ jsx("td", { className: tree_table_module_default.folderCell })),
-				_ && /* @__PURE__ */ jsx("td", {
+				/* @__PURE__ */ jsx("td", {
 					className: tree_table_module_default.folderCell,
-					children: /* @__PURE__ */ jsx("div", {
+					style: {
+						width: S,
+						minWidth: S,
+						maxWidth: S
+					},
+					children: (_ || a) && /* @__PURE__ */ jsx("div", {
 						className: tree_table_module_default.folder,
 						onClick: () => m(v),
 						onMouseDown: (e) => e.stopPropagation(),
@@ -6852,7 +6855,7 @@ const TreeTableRow = ({ columnAlignment: e, columnWidths: t, depth: n, draggable
 					return /* @__PURE__ */ jsx(Cell, {
 						isHeader: !1,
 						cell: n,
-						width: r === 0 ? `calc(${i} - ${w})` : i,
+						width: r === 0 ? `calc(${i} - ${S} + var(--size))` : i,
 						columnAlignment: e ? e[r] : null
 					}, r);
 				}),
@@ -6870,6 +6873,7 @@ const TreeTableRow = ({ columnAlignment: e, columnWidths: t, depth: n, draggable
 	className: cx(table_module_default.table, tree_table_module_default.treeTableHeader),
 	children: /* @__PURE__ */ jsx("thead", { children: i.map((i, a) => /* @__PURE__ */ jsxs("tr", { children: [
 		n && /* @__PURE__ */ jsx("th", { className: tree_table_module_default.dragCell }),
+		/* @__PURE__ */ jsx("th", { className: tree_table_module_default.folderCell }),
 		i.cells.map((n, r) => /* @__PURE__ */ jsx(Cell, {
 			isHeader: !0,
 			cell: n,
@@ -7249,7 +7253,6 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 				Q && (ae || !H ? /* @__PURE__ */ jsx(InputGroupAddon, {
 					groupOrder: ue,
 					small: o,
-					testId: x && `${x}-addon`,
 					children: Q
 				}) : /* @__PURE__ */ jsx(Menu, {
 					groupOrder: ue,

package/package.json

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