@oliasoft-open-source/react-ui-library 5.6.4 → 5.6.5-beta-2

package/dist/index.d.ts

@@ -62,7 +62,7 @@ export declare enum ButtonType {
 
 export declare const Card: ({ bordered, heading, children, margin, padding, raised, }: ICardProps) => JSX_2.Element;
 
-export declare const CheckBox: ({ noMargin, dataix, isInTable, tabIndex, checked, indeterminate, name, label, disabled, small, onChange, testId, value, helpText, onClickHelp, }: ICheckBoxProps) => JSX_2.Element;
+export declare const CheckBox: ({ noMargin, dataix, isInTable, tabIndex, checked, indeterminate, name, label, disabled, small, onChange, testId, value, helpText, onClickHelp, textTransform, }: ICheckBoxProps) => JSX_2.Element;
 
 export declare const Chevron: ({ expanded }: IChevronProps) => JSX_2.Element;
 
@@ -278,6 +278,7 @@ export declare interface ICheckBoxProps {
     value?: string;
     helpText?: string;
     onClickHelp?: TEmpty;
+    textTransform?: TTextTransform;
 }
 
 export declare interface IChevronProps {
@@ -1163,6 +1164,7 @@ declare interface IRadioButtonOption {
     name?: string;
     checked?: boolean;
     disabled?: boolean;
+    textTransform?: TTextTransform;
 }
 
 export declare interface IRadioButtonProps {
@@ -1622,6 +1624,7 @@ export declare interface IToggleProps {
     testId?: string;
     helpText?: string;
     onClickHelp?: (evt: any) => void;
+    textTransform?: TTextTransform;
 }
 
 export declare interface ITooltipProps {
@@ -2024,7 +2027,7 @@ export declare const toast: ({ id, message, autoClose, onClose, }: IToastProps)
 
 export { Toaster }
 
-export declare const Toggle: ({ name, label, checked, disabled, display, small, onChange, noMargin, testId, helpText, onClickHelp, }: IToggleProps) => JSX_2.Element;
+export declare const Toggle: ({ name, label, checked, disabled, display, small, onChange, noMargin, testId, helpText, onClickHelp, textTransform, }: IToggleProps) => JSX_2.Element;
 
 export declare type TOnChangeEvent = {
     target: TOnChangeEventTarget;

package/dist/index.js

@@ -385,15 +385,15 @@ const HelpIcon = ({ text: e, onClick: t, icon: n = "help", active: r = !1, maxWi
 		maxWidth: i,
 		children: /* @__PURE__ */ jsx(Icon, { icon: n })
 	})
-}), CheckBox = ({ noMargin: e = !1, dataix: t = 0, isInTable: n = !1, tabIndex: r = 0, checked: i = !1, indeterminate: a = !1, name: o, label: l = "", disabled: u = !1, small: d = !1, onChange: f, testId: m, value: h, helpText: _, onClickHelp: v }) => {
-	let y = useContext(DisabledContext), b = _ || v, x = u || y, S = useRef(null);
+}), CheckBox = ({ noMargin: e = !1, dataix: t = 0, isInTable: n = !1, tabIndex: r = 0, checked: i = !1, indeterminate: a = !1, name: o, label: l = "", disabled: u = !1, small: d = !1, onChange: f, testId: m, value: h, helpText: _, onClickHelp: v, textTransform: y = TextTransform.CAPITALIZE }) => {
+	let b = useContext(DisabledContext), x = _ || v, S = u || b, C = useRef(null);
 	return useEffect(() => {
-		S.current && (S.current.indeterminate = a);
+		C.current && (C.current.indeterminate = a);
 	}, [a]), /* @__PURE__ */ jsxs("div", {
-		className: cx(check_box_module_default.checkbox, e && check_box_module_default.noMargin, n && check_box_module_default.isInTable, x && check_box_module_default.disabled, d && check_box_module_default.small, !l && check_box_module_default.noLabel),
+		className: cx(check_box_module_default.checkbox, e && check_box_module_default.noMargin, n && check_box_module_default.isInTable, S && check_box_module_default.disabled, d && check_box_module_default.small, !l && check_box_module_default.noLabel),
 		"data-ix": t,
 		onClick: (e) => {
-			if (!x) {
+			if (!S) {
 				let t = e.target;
 				t.name = o, t.checked = !i, f({
 					...e,
@@ -407,23 +407,24 @@ const HelpIcon = ({ text: e, onClick: t, icon: n = "help", active: r = !1, maxWi
 		"data-testid": m,
 		children: [
 			/* @__PURE__ */ jsx("input", {
-				ref: S,
+				ref: C,
 				type: "checkbox",
 				tabIndex: r,
 				checked: i,
 				name: o,
 				onChange: () => {},
-				disabled: x,
+				disabled: S,
 				"data-indeterminate": a
 			}),
 			/* @__PURE__ */ jsxs("label", {
 				htmlFor: o,
+				style: { textTransform: y },
 				children: [/* @__PURE__ */ jsx("span", {
 					className: check_box_module_default.checkmark,
 					children: /* @__PURE__ */ jsx(Icon, { icon: IconType.CHECK })
 				}), l]
 			}),
-			b && /* @__PURE__ */ jsx("div", {
+			x && /* @__PURE__ */ jsx("div", {
 				className: check_box_module_default.helpIconEnabled,
 				onClick: v,
 				children: /* @__PURE__ */ jsx(HelpIcon, { text: _ })
@@ -4287,13 +4288,13 @@ var toggle_module_default = {
 	noMargin: "_noMargin_1c9wf_110",
 	helpIconEnabled: "_helpIconEnabled_1c9wf_113"
 };
-const Toggle = ({ name: e, label: t, checked: n = !1, disabled: r, display: i, small: a = !1, onChange: o, noMargin: c = !1, testId: l, helpText: u, onClickHelp: d }) => {
-	let f = useContext(DisabledContext), p = u || d, m = r || f;
+const Toggle = ({ name: e, label: t, checked: n = !1, disabled: r, display: i, small: a = !1, onChange: o, noMargin: c = !1, testId: l, helpText: u, onClickHelp: d, textTransform: f = TextTransform.CAPITALIZE }) => {
+	let p = useContext(DisabledContext), m = u || d, h = r || p;
 	return /* @__PURE__ */ jsxs("div", {
-		className: cx(toggle_module_default.toggle, m ? toggle_module_default.disabled : null, a ? toggle_module_default.small : null, c ? toggle_module_default.noMargin : null),
+		className: cx(toggle_module_default.toggle, h ? toggle_module_default.disabled : null, a ? toggle_module_default.small : null, c ? toggle_module_default.noMargin : null),
 		style: { display: i },
 		onClick: (t) => {
-			m || (t.target.name = e, t.target.checked = !n, t.target.value = !n, o(t));
+			h || (t.target.name = e, t.target.checked = !n, t.target.value = !n, o(t));
 		},
 		"data-testid": l,
 		children: [
@@ -4301,12 +4302,15 @@ const Toggle = ({ name: e, label: t, checked: n = !1, disabled: r, display: i, s
 				type: InputType.CHECKBOX,
 				name: e,
 				value: n?.toString(),
-				disabled: m,
+				disabled: h,
 				checked: n,
 				onChange: () => {}
 			}),
-			/* @__PURE__ */ jsx("label", { children: t }),
-			p && /* @__PURE__ */ jsx("div", {
+			/* @__PURE__ */ jsx("label", {
+				style: { textTransform: f },
+				children: t
+			}),
+			m && /* @__PURE__ */ jsx("div", {
 				className: toggle_module_default.helpIconEnabled,
 				onClick: d,
 				children: /* @__PURE__ */ jsx(HelpIcon, { text: u })
@@ -5682,9 +5686,9 @@ var radio_button_module_default = {
 	isInTable: "_isInTable_1fbik_106",
 	helpIconEnabled: "_helpIconEnabled_1fbik_111"
 };
-const RadioInput = ({ name: e, label: t, value: n, selected: r, disabled: i = !1, small: a = !1, onChange: o, noMargin: s = !1, testId: c, helpText: l, onClickHelp: u }) => {
-	let d = l || u;
-	return /* @__PURE__ */ jsxs("div", {
+const RadioInput = ({ name: e, label: t, value: n, selected: r, disabled: i = !1, small: a = !1, onChange: o, noMargin: s = !1, testId: c, helpText: l, onClickHelp: u, textTransform: d = TextTransform.CAPITALIZE }) => {
+	let f = l || u;
+	return console.log(d), /* @__PURE__ */ jsxs("div", {
 		className: cx(radio_button_module_default.radio, i ? radio_button_module_default.disabled : null, a ? radio_button_module_default.small : null, s ? radio_button_module_default.noMargin : null),
 		onClick: o,
 		"data-testid": c,
@@ -5699,9 +5703,10 @@ const RadioInput = ({ name: e, label: t, value: n, selected: r, disabled: i = !1
 			/* @__PURE__ */ jsx("label", {
 				"data-name": e,
 				"data-value": n,
+				style: { textTransform: d },
 				children: t
 			}),
-			d && /* @__PURE__ */ jsx("div", {
+			f && /* @__PURE__ */ jsx("div", {
 				className: radio_button_module_default.helpIconEnabled,
 				onClick: u,
 				children: /* @__PURE__ */ jsx(HelpIcon, { text: l })
@@ -5734,7 +5739,8 @@ const RadioInput = ({ name: e, label: t, value: n, selected: r, disabled: i = !1
 				},
 				testId: t.testId,
 				helpText: t.helpText,
-				onClickHelp: t.onClickHelp
+				onClickHelp: t.onClickHelp,
+				textTransform: t.textTransform
 			}, n);
 		})]
 	});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "5.6.4",
+  "version": "5.6.5-beta-2",
   "description": "Reusable UI components for React projects",
   "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
   "bugs": {
@@ -88,6 +88,9 @@
     "styled-components": "^6.1.15"
   },
   "devDependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^8.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
     "@eslint/eslintrc": "^3.3.0",
     "@eslint/js": "^9.21.0",
     "@mdx-js/react": "^3",
@@ -146,12 +149,12 @@
     "vite-plugin-html": "^3.2.2",
     "vite-preset-react": "^2.3.0",
     "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^3.0.7",
-    "@dnd-kit/core": "^6.3.1",
-    "@dnd-kit/sortable": "^8.0.0",
-    "@dnd-kit/utilities": "^3.2.2"
+    "vitest": "^3.0.7"
   },
   "peerDependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^8.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
     "@oliasoft-open-source/units": "^4.3.1",
     "ajv": "^8.17.1",
     "ajv-errors": "^3.0.0",
@@ -159,10 +162,7 @@
     "lodash": "^4",
     "prop-types": "^15",
     "react": ">=17 <19",
-    "react-dom": ">= 17 <19",
-    "@dnd-kit/core": "^6.3.1",
-    "@dnd-kit/sortable": "^8.0.0",
-    "@dnd-kit/utilities": "^3.2.2"
+    "react-dom": ">= 17 <19"
   },
   "resolutions": {
     "jackspeak": "2.1.1"