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

package/dist/index.d.ts

@@ -631,6 +631,7 @@ export declare interface IInputGroupAddonProps {
     children: ReactNode;
     groupOrder?: TGroupOrder;
     small?: boolean;
+    testId?: string;
 }
 
 export declare interface IInputGroupProps {
@@ -1010,7 +1011,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, }: IInputGroupAddonProps) => default_2.ReactElement;
+export declare const InputGroupAddon: ({ children, groupOrder, small, testId, }: IInputGroupAddonProps) => default_2.ReactElement;
 
 export declare enum InputReaderMethods {
     READ_AS_TEXT = "readAsText",
@@ -1809,7 +1810,7 @@ declare interface ITreeRowItem extends TRowType_2 {
 
 export declare interface ITreeTableProps extends ITreeProps {
     table: {
-        columnAlignment?: (Align.LEFT | Align.RIGHT)[];
+        columnAlignment?: (Align.LEFT | Align.RIGHT | null)[];
         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_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"
+	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"
 }, 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_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"
+	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"
 };
 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_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 = (() => {
+	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 = (() => {
 		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,7 +3058,8 @@ const InputGroupAddon = ({ children: e, groupOrder: t, small: n = !1 }) => {
 		return "";
 	})();
 	return /* @__PURE__ */ jsx("span", {
-		className: cx(input_group_addon_module_default.addon, r, n ? input_group_addon_module_default.small : ""),
+		className: cx(input_group_addon_module_default.addon, i, n ? input_group_addon_module_default.small : ""),
+		"data-testid": r,
 		children: e
 	});
 }, Pagination = ({ pagination: e }) => {
@@ -6799,17 +6800,16 @@ const TreeItem = ({ node: t, depth: n, isOpen: r, onToggle: i, hasChild: a, drag
 	});
 };
 var tree_table_module_default = {
-	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"
+	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"
 };
 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 = [] } = h, S = `max(calc(var(--size) * ${a ? n + 1 : n}), var(--size))`;
+	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})`;
 	return /* @__PURE__ */ jsx("table", {
 		className: table_module_default.table,
 		"data-testid": b,
@@ -6818,7 +6818,8 @@ const TreeTableRow = ({ columnAlignment: e, columnWidths: t, depth: n, draggable
 		onDragOver: d,
 		onDragLeave: f,
 		children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", {
-			className: cx(tree_table_module_default.treeTableRow, n > 0 && tree_table_module_default.nested),
+			onClick: C,
+			className: cx(tree_table_module_default.treeTableRow, S ? tree_table_module_default.active : void 0),
 			children: [
 				r && /* @__PURE__ */ jsx("td", {
 					className: tree_table_module_default.dragCell,
@@ -6829,14 +6830,10 @@ const TreeTableRow = ({ columnAlignment: e, columnWidths: t, depth: n, draggable
 						children: /* @__PURE__ */ jsx(Icon, { icon: IconType.DRAG })
 					})
 				}),
-				/* @__PURE__ */ jsx("td", {
+				Array.from({ length: n }).map((e, t) => /* @__PURE__ */ jsx("td", { className: tree_table_module_default.folderCell })),
+				_ && /* @__PURE__ */ jsx("td", {
 					className: tree_table_module_default.folderCell,
-					style: {
-						width: S,
-						minWidth: S,
-						maxWidth: S
-					},
-					children: (_ || a) && /* @__PURE__ */ jsx("div", {
+					children: /* @__PURE__ */ jsx("div", {
 						className: tree_table_module_default.folder,
 						onClick: () => m(v),
 						onMouseDown: (e) => e.stopPropagation(),
@@ -6855,7 +6852,7 @@ const TreeTableRow = ({ columnAlignment: e, columnWidths: t, depth: n, draggable
 					return /* @__PURE__ */ jsx(Cell, {
 						isHeader: !1,
 						cell: n,
-						width: r === 0 ? `calc(${i} - ${S} + var(--size))` : i,
+						width: r === 0 ? `calc(${i} - ${w})` : i,
 						columnAlignment: e ? e[r] : null
 					}, r);
 				}),
@@ -6873,7 +6870,6 @@ 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,
@@ -7253,6 +7249,7 @@ 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.0",
+  "version": "5.15.1-beta-2",
   "description": "Reusable UI components for React projects",
   "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
   "bugs": {