@oliasoft-open-source/react-ui-library 6.8.2 → 6.9.0

package/dist/index.js

@@ -1787,65 +1787,70 @@ var wr = /* @__PURE__ */ function(e) {
 		children: s
 	});
 }, Fa = {
-	inputInTable: "_inputInTable_b8kpk_1",
-	inputHover: "_inputHover_b8kpk_13",
-	inputFocus: "_inputFocus_b8kpk_18",
-	inputError: "_inputError_b8kpk_25",
-	inputWarning: "_inputWarning_b8kpk_26",
-	inputDisabled: "_inputDisabled_b8kpk_61",
-	hideScrollbars: "_hideScrollbars_b8kpk_67",
-	input: "_input_b8kpk_1",
-	isInTable: "_isInTable_b8kpk_100",
-	small: "_small_b8kpk_124",
-	right: "_right_b8kpk_170",
-	groupOrderFirst: "_groupOrderFirst_b8kpk_173",
-	groupOrderMiddle: "_groupOrderMiddle_b8kpk_174",
-	groupOrderLast: "_groupOrderLast_b8kpk_178"
-}, Ia = r(({ error: e = null, tooltip: t = null, isInTable: n, width: r = void 0, small: i = !1, onChange: a = pn, placeholder: o = "", value: c = "", onKeyPress: l = () => {}, onFocus: u = () => {}, onBlur: d = () => {}, onPaste: f = () => {}, onKeyDown: p = () => {}, selectOnFocus: m = !0, name: h = void 0, type: _ = "text", tabIndex: y = 0, disabled: b = !1, right: x = !1, warning: S = null, groupOrder: C = null, maxTooltipWidth: w = void 0, testId: T = void 0, size: E = null }, D) => {
-	let O = s(U), k = (() => {
-		if (C) switch (C) {
+	inputInTable: "_inputInTable_crjt7_1",
+	inputHover: "_inputHover_crjt7_13",
+	inputFocus: "_inputFocus_crjt7_18",
+	inputError: "_inputError_crjt7_25",
+	inputWarning: "_inputWarning_crjt7_26",
+	inputDisabled: "_inputDisabled_crjt7_61",
+	hideScrollbars: "_hideScrollbars_crjt7_67",
+	wrapper: "_wrapper_crjt7_77",
+	input: "_input_crjt7_1",
+	isInTable: "_isInTable_crjt7_103",
+	small: "_small_crjt7_127",
+	right: "_right_crjt7_173",
+	groupOrderFirst: "_groupOrderFirst_crjt7_176",
+	groupOrderMiddle: "_groupOrderMiddle_crjt7_177",
+	groupOrderLast: "_groupOrderLast_crjt7_181",
+	icon: "_icon_crjt7_186"
+}, Ia = r(({ error: e = null, tooltip: t = null, isInTable: n, width: r = void 0, small: i = !1, onChange: a = pn, placeholder: o = "", value: c = "", icon: l, onKeyPress: u = () => {}, onFocus: d = () => {}, onBlur: f = () => {}, onPaste: p = () => {}, onKeyDown: m = () => {}, selectOnFocus: h = !0, name: _ = void 0, type: b = "text", tabIndex: x = 0, disabled: S = !1, right: C = !1, warning: w = null, groupOrder: T = null, maxTooltipWidth: E = void 0, testId: D = void 0, size: O = null }, k) => {
+	let A = s(U), j = (() => {
+		if (T) switch (T) {
 			case V.FIRST: return Fa.groupOrderFirst;
 			case V.LAST: return Fa.groupOrderLast;
 			default: return Fa.groupOrderMiddle;
 		}
 		return "";
-	})(), A = r || (E ? "auto" : "100%");
+	})(), M = r || (O ? "auto" : "100%");
 	return /* @__PURE__ */ v("div", {
-		style: { width: A },
-		className: k,
-		children: /* @__PURE__ */ v(G, {
+		style: { width: M },
+		className: g(j, Fa.wrapper),
+		children: /* @__PURE__ */ y(G, {
 			error: !!e,
-			warning: !!S,
-			text: t || e || S,
-			enabled: t && J(t) || e && J(e) || S && J(S) || !1,
-			maxWidth: w,
+			warning: !!w,
+			text: t || e || w,
+			enabled: t && J(t) || e && J(e) || w && J(w) || !1,
+			maxWidth: E,
 			display: "block",
-			children: /* @__PURE__ */ v("input", {
-				ref: D,
-				type: _ || "text",
-				size: E || 20,
+			children: [l && /* @__PURE__ */ v("span", {
+				className: Fa.icon,
+				children: /* @__PURE__ */ v(W, { icon: l })
+			}), /* @__PURE__ */ v("input", {
+				ref: k,
+				type: b || "text",
+				size: O || 20,
 				placeholder: o == null ? "" : o,
 				value: c == null ? "" : c,
 				onChange: a,
-				onKeyPress: l,
-				onKeyDown: p,
+				onKeyPress: u,
+				onKeyDown: m,
 				onFocus: (e) => {
-					u(e), m && setTimeout(() => {
+					d(e), h && setTimeout(() => {
 						e.target === document.activeElement && e.target.select();
 					}, 0);
 				},
-				onBlur: d,
-				onPaste: f,
-				name: h,
-				tabIndex: y,
+				onBlur: f,
+				onPaste: p,
+				name: _,
+				tabIndex: x,
 				autoComplete: "off",
-				disabled: b || O,
-				className: g(Fa.input, x ? Fa.right : "", i ? Fa.small : "", n ? Fa.isInTable : ""),
-				style: { width: A },
+				disabled: S || A,
+				className: g(Fa.input, C ? Fa.right : "", i ? Fa.small : "", n ? Fa.isInTable : ""),
+				style: { width: M },
 				"data-error": e || null,
-				"data-warning": S || null,
-				"data-testid": T
-			})
+				"data-warning": w || null,
+				"data-testid": D
+			})]
 		})
 	});
 }), La = { fileInput: "_fileInput_1elar_1" }, Ra = /* @__PURE__ */ function(e) {

package/package.json

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