@oliasoft-open-source/react-ui-library 5.6.1-beta-7 → 5.6.2-beta-1

package/dist/index.d.ts

@@ -98,7 +98,7 @@ export declare enum ElementType {
 
 export declare const Empty: ({ width, height, text, children, testId, }: IEmptyProps) => JSX_2.Element;
 
-export declare const Field: ({ label, labelLeft, labelWidth, children, helpText, helpTextMaxWidth, onClickHelp, lock, info, libraryIcon, testId, }: IFieldProps) => JSX_2.Element;
+export declare const Field: ({ label, labelLeft, labelWidth, children, helpText, helpTextMaxWidth, onClickHelp, lock, info, libraryIcon, testId, textTransform, }: IFieldProps) => JSX_2.Element;
 
 export declare const FileButton: ({ file, accept, multi, name, disabled, onChange, ...buttonProps }: IFileButtonProps) => JSX_2.Element;
 
@@ -446,6 +446,7 @@ export declare interface IFieldProps {
     info?: string;
     libraryIcon?: ILabelIcon;
     testId?: string;
+    textTransform?: TTextTransform;
 }
 
 export declare interface IFileButtonProps extends IButtonProps {
@@ -629,6 +630,7 @@ export declare interface ILabelProps {
     lock?: ILabelLockProps;
     libraryIcon?: ILabelIcon;
     labelLeft?: boolean;
+    textTransform?: TTextTransform;
 }
 
 export declare interface ILayoutColumnProps {
@@ -1816,7 +1818,7 @@ export declare interface IUnitTableRow extends Omit<TRowType, 'cells'> {
 declare interface IUnitTableStaticCell extends IStaticCell, IUnitTableCell {
 }
 
-export declare const Label: ({ label, width, helpText, helpTextMaxWidth, onClickHelp, lock, info, libraryIcon, labelLeft, }: ILabelProps) => JSX_2.Element;
+export declare const Label: ({ label, width, helpText, helpTextMaxWidth, onClickHelp, lock, info, libraryIcon, labelLeft, textTransform, }: ILabelProps) => JSX_2.Element;
 
 export declare const List: ({ list, bordered, expanding, narrow, toggleNarrow, onToggleNarrow, invokeEditOnRowClick, noHeader, stickyHeader, draggable, onListReorder, marginBottom, height, testId, scrollDetails, }: IListProps) => JSX_2.Element;
 
@@ -2093,6 +2095,8 @@ declare type TStringNumberNull = string | number | null;
 
 declare type TStringOrNumber = string | number;
 
+declare type TTextTransform = 'uppercase' | 'lowercase' | 'capitalize' | 'none';
+
 export declare type TTheme = 'dark' | 'white' | 'light' | 'inherit';
 
 declare type TTopBarContent = TLinkElement | TButtonElement | TMenuElement | TComponentElement;

package/dist/index.js

@@ -42,6 +42,8 @@ let TriggerType = /* @__PURE__ */ function(e) {
 	return e.TOP = "top", e.BOTTOM = "bottom", e;
 }({}), IconType = /* @__PURE__ */ function(e) {
 	return e.LIBRARY = "library", e.ADD = "add", e.DRAG = "drag", e.HELP = "help", e.NOTIFICATION = "notification", e.MENU = "menu", e.EDIT = "edit", e.FAST_FORWARD = "fast forward", e.INDENT = "indent", e.STAR = "star", e.LIST = "list", e.SETTINGS = "settings", e.CHECK = "check", e.LOCK = "lock", e.UNLOCK = "unlock", e.CLOSE = "close", e.SUCCESS = "success", e.WARNING = "warning", e.ERROR = "error", e.INFO = "info", e.LEFT = "left", e.COLLAPSE = "collapse", e.EXPAND = "expand", e.SORT_ASCENDING = "sort ascending", e.SORT_DESCENDING = "sort descending", e.FAST_BACKWARD = "fast backward", e.CHEVRON_DOWN = "chevron down", e.CHEVRON_RIGHT = "chevron right", e.CHEVRON_LEFT = "chevron left", e.CHEVRON_DOUBLE_LEFT = "chevron double left", e.CHEVRON_DOUBLE_RIGHT = "chevron double right", e;
+}({}), TextTransform = /* @__PURE__ */ function(e) {
+	return e.UPPERCASE = "uppercase", e.LOWERCASE = "lowercase", e.CAPITALIZE = "capitalize", e.NONE = "none", e;
 }({}), Theme = /* @__PURE__ */ function(e) {
 	return e.DARK = "dark", e.WHITE = "white", e.LIGHT = "light", e.INHERIT = "inherit", e;
 }({}), InputType = /* @__PURE__ */ function(e) {
@@ -3472,7 +3474,7 @@ const Popover = ({ children: t, content: n, placement: r = "top-center", closeOn
 	}
 };
 let CellType = /* @__PURE__ */ function(e) {
-	return e.INPUT = "Input", e.NUMBER_INPUT = "NumberInput", e.SELECT = "Select", e.POPOVER = "Popover", e.SLIDER = "Slider", e.CHECKBOX = "CheckBox", e.ACTIONS = "Actions", e.AUTO_UNIT = "AutoUnit", e;
+	return e.INPUT = "Input", e.NUMBER_INPUT = "NumberInput", e.SELECT = "Select", e.POPOVER = "Popover", e.SLIDER = "Slider", e.CHECKBOX = "CheckBox", e.ACTIONS = "Actions", e.AUTO_UNIT = "AutoUnit", e.UNIT = "Unit", e.STATIC = "Static", e;
 }({});
 const Cell = ({ cell: e, isHeader: t, columnHeaderAlignment: n, columnAlignment: r = Align.LEFT, width: i, testId: a }) => {
 	if (!e) return null;
@@ -3480,15 +3482,16 @@ const Cell = ({ cell: e, isHeader: t, columnHeaderAlignment: n, columnAlignment:
 		bodyAlignment: r,
 		headerAlignment: n,
 		isHeader: t
-	}, f = getCellAlignment(d, cell_module_default), m = getCellAlignment(d, cell_module_default, !0), h = e.type === CellType.INPUT || e.type === CellType.NUMBER_INPUT || e.type === CellType.SELECT || e.type === CellType.POPOVER ? cell_module_default.inputCell : e.type === CellType.SLIDER ? cell_module_default.sliderCell : e.type === CellType.CHECKBOX ? cell_module_default.checkBoxCell : e.type === CellType.ACTIONS ? cell_module_default.actionsCell : cell_module_default.staticCell, _ = cx(cell_module_default.cell, h, e.hasSort ? cell_module_default.sortingCell : null, f, e.breakWord ? cell_module_default.breakWord : ""), v = l ?? i ?? void 0, y = {
+	}, f = getCellAlignment(d, cell_module_default), m = getCellAlignment(d, cell_module_default, !0), h = e.type === CellType.INPUT || e.type === CellType.NUMBER_INPUT || e.type === CellType.SELECT || e.type === CellType.POPOVER ? cell_module_default.inputCell : e.type === CellType.SLIDER ? cell_module_default.sliderCell : e.type === CellType.CHECKBOX ? cell_module_default.checkBoxCell : e.type === CellType.ACTIONS ? cell_module_default.actionsCell : cell_module_default.staticCell, _ = cx(cell_module_default.cell, h, e.hasSort ? cell_module_default.sortingCell : null, f, e.breakWord ? cell_module_default.breakWord : ""), v = l ?? i ?? void 0, y = e.type === CellType.STATIC || !e.type, b = t && y ? TextTransform.CAPITALIZE : void 0, x = {
 		width: v,
 		minWidth: v,
+		textTransform: b,
 		...o
 	};
 	return /* @__PURE__ */ jsx(t ? "th" : "td", {
 		ref: u,
 		className: _,
-		style: y,
+		style: x,
 		colSpan: s,
 		rowSpan: c,
 		children: /* @__PURE__ */ jsx(CellWrapper, {
@@ -5038,10 +5041,13 @@ const Label = ({ label: e = null, width: t = "auto", helpText: n = "", helpTextM
 	onClick: () => {},
 	tooltip: "",
 	testId: void 0
-}, info: o, libraryIcon: s, labelLeft: c = !1 }) => /* @__PURE__ */ jsx("div", {
+}, info: o, libraryIcon: s, labelLeft: c = !1, textTransform: l = TextTransform.CAPITALIZE }) => /* @__PURE__ */ jsx("div", {
 	className: cx(label_module_default.label, c ? label_module_default.labelLeft : ""),
 	children: /* @__PURE__ */ jsxs("label", {
-		style: { width: t || "" },
+		style: {
+			textTransform: l,
+			width: t || ""
+		},
 		children: [e, /* @__PURE__ */ jsxs("div", {
 			className: label_module_default.icons,
 			children: [
@@ -5083,7 +5089,7 @@ const Field = ({ label: e, labelLeft: t = !1, labelWidth: n = "auto", children:
 	onClick: () => {},
 	tooltip: "",
 	testId: void 0
-}, info: c, libraryIcon: l, testId: u }) => /* @__PURE__ */ jsxs("div", {
+}, info: c, libraryIcon: l, testId: u, textTransform: d = TextTransform.CAPITALIZE }) => /* @__PURE__ */ jsxs("div", {
 	className: cx(form_module_default.field, t ? form_module_default.labelLeft : ""),
 	"data-testid": u,
 	children: [(e || t) && /* @__PURE__ */ jsx(Label, {
@@ -5095,7 +5101,8 @@ const Field = ({ label: e, labelLeft: t = !1, labelWidth: n = "auto", children:
 		lock: s,
 		info: c,
 		libraryIcon: l,
-		labelLeft: t
+		labelLeft: t,
+		textTransform: d
 	}), /* @__PURE__ */ jsx("div", {
 		className: form_module_default.fieldInput,
 		children: r
@@ -6556,7 +6563,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 	} : {
 		value: G,
 		unit: U
-	}), Cu = k || K?.value === void 0, [J, wu] = useState(w ? PredefinedOptionsMenuState.PREDEFINED : PredefinedOptionsMenuState.CUSTOM), Tu = !!(O || n), Y = C && C.find((e) => {
+	}), wu = k || K?.value === void 0, [J, Tu] = useState(w ? PredefinedOptionsMenuState.PREDEFINED : PredefinedOptionsMenuState.CUSTOM), Eu = !!(O || n), Y = C && C.find((e) => {
 		if (!e?.value) return;
 		if (E) return E === e.valueKey;
 		let t = isValueWithUnit(e.value) ? getUnit(e.value) : "", { value: n = l } = convertUnit({
@@ -6565,7 +6572,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 			toUnit: t
 		});
 		return withUnit(n, t) === e.value;
-	}), Eu = () => {
+	}), Du = () => {
 		let e = l ?? "", t = K.unit;
 		if (checkConversion({
 			value: e,
@@ -6579,7 +6586,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 				return null;
 			}
 		} else return getAltUnitsListByQuantity(u)?.map((e) => ["", e?.unit]);
-	}, Du = (t) => {
+	}, Ou = (t) => {
 		let n = getStringName(e), r = t.target, { value: i, selectionStart: a } = r, o = withUnit(i, K?.unit || ""), s = A ? withUnit(convertAndGetValue(o, B), B) : o;
 		h({ target: {
 			value: s,
@@ -6592,7 +6599,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 		}), R(() => {
 			r.selectionStart = a, r.selectionEnd = a;
 		});
-	}, Ou = (e, t) => {
+	}, ku = (e, t) => {
 		t === K.unit || isNaN(Number(e)) || (q({
 			value: e,
 			unit: t
@@ -6623,7 +6630,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 			e !== void 0 && q({
 				value: e,
 				unit: t
-			}), C && wu(Y && T ? PredefinedOptionsMenuState.PREDEFINED : PredefinedOptionsMenuState.CUSTOM);
+			}), C && Tu(Y && T ? PredefinedOptionsMenuState.PREDEFINED : PredefinedOptionsMenuState.CUSTOM);
 		}
 	}, [
 		U,
@@ -6631,7 +6638,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 		i,
 		T
 	]);
-	let X = Eu(), Z = label(K.unit) || K.unit || "", ku = p || !X || X && X.length === 1, Q = getStringName(e), $, Au = (t) => {
+	let X = Du(), Z = label(K.unit) || K.unit || "", Au = p || !X || X && X.length === 1, Q = getStringName(e), $, ju = (t) => {
 		let r = t?.value ? t.value : "", [i = "", a = ""] = isValueWithUnit(r) ? split(r) : [r], o = withPrettyUnitLabel(r);
 		if (checkConversion({
 			value: r,
@@ -6651,7 +6658,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 			type: MenuType.OPTION,
 			inline: !0,
 			onClick: () => {
-				validateNumber(i).valid && !n && (wu(PredefinedOptionsMenuState.PREDEFINED), h({ target: {
+				validateNumber(i).valid && !n && (Tu(PredefinedOptionsMenuState.PREDEFINED), h({ target: {
 					value: r,
 					name: typeof e == "string" ? e : e?.fieldName || "",
 					predefinedSelected: !0,
@@ -6678,10 +6685,10 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 		label: "Custom",
 		selected: J === PredefinedOptionsMenuState.CUSTOM
 	}], C?.length) {
-		let e = C.map(Au);
+		let e = C.map(ju);
 		$ = [...$, ...e];
 	}
-	let ju = (e) => {
+	let Mu = (e) => {
 		if (isValueWithUnit(e)) {
 			let t = getUnit(e), { value: n } = safeConvertValue({
 				value: e,
@@ -6693,7 +6700,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 			return n;
 		}
 		return e;
-	}, Mu = !C && (!F || F === GroupOrder.FIRST) ? GroupOrder.FIRST : GroupOrder.MIDDLE, Nu = !F || F === GroupOrder.LAST ? GroupOrder.LAST : GroupOrder.MIDDLE;
+	}, Nu = !C && (!F || F === GroupOrder.FIRST) ? GroupOrder.FIRST : GroupOrder.MIDDLE, Pu = !F || F === GroupOrder.LAST ? GroupOrder.LAST : GroupOrder.MIDDLE;
 	return /* @__PURE__ */ jsx("div", {
 		className: J === PredefinedOptionsMenuState.PREDEFINED ? cx(unit_input_module_default.predefinedMenuActive) : "",
 		children: /* @__PURE__ */ jsxs(InputGroup, {
@@ -6725,31 +6732,31 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 						name: Q,
 						testId: x,
 						disabled: n,
-						placeholder: ju(t),
+						placeholder: Mu(t),
 						value: K.value,
-						onChange: Du,
+						onChange: Ou,
 						onFocus: v,
 						error: i === null ? void 0 : i,
 						warning: S === null ? void 0 : S,
 						left: a,
-						allowEmpty: Cu,
+						allowEmpty: wu,
 						validationCallback: (e, t) => D(Q, t),
 						enableCosmeticRounding: j,
 						enableDisplayRounding: M,
 						roundDisplayValue: N,
-						groupOrder: Mu,
-						disableInternalErrorValidationMessages: Tu,
+						groupOrder: Nu,
+						disableInternalErrorValidationMessages: Eu,
 						small: o,
 						selectOnFocus: P,
 						tooltip: I
 					}, Q)
 				}),
-				Z && (ku || !H ? /* @__PURE__ */ jsx(InputGroupAddon, {
-					groupOrder: Nu,
+				Z && (Au || !H ? /* @__PURE__ */ jsx(InputGroupAddon, {
+					groupOrder: Pu,
 					small: o,
 					children: Z
 				}) : /* @__PURE__ */ jsx(Menu, {
-					groupOrder: Nu,
+					groupOrder: Pu,
 					maxHeight: 380,
 					disabled: r,
 					testId: x && `${x}-menu`,
@@ -6765,7 +6772,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 								label: j ? safeRoundNumbers(i) : i,
 								inline: !0,
 								onClick: (n) => {
-									n.stopPropagation(), Ou(e, t);
+									n.stopPropagation(), ku(e, t);
 								},
 								description: r,
 								selected: r === Z,

package/package.json

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