@oliasoft-open-source/react-ui-library 5.13.5 → 5.13.6-beta-2

package/dist/index.d.ts

@@ -1239,6 +1239,17 @@ export declare interface IRadioButtonProps {
     classForContainer?: 'grouped fields' | 'inline fields';
 }
 
+declare interface IRadioCell extends TCommonCell {
+    type: TCellType;
+    name: TStringOrNumber;
+    value: TStringOrNumber;
+    selected: boolean;
+    disabled?: boolean;
+    small?: boolean;
+    onChange: (evt: default_2.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    testId?: string;
+}
+
 declare interface IReorderData {
     from?: number;
     to?: number;
@@ -2021,9 +2032,9 @@ export declare type TButtonPosition = 'top' | 'bottom';
 
 export declare type TButtonType = 'submit' | 'button' | 'reset';
 
-declare type TCellShape = IPopoverCell | IStaticCell | ISelectCell | IHelpIconCell | ILibraryIconCell | ICheckBoxCell | IIconCell | IInputCell | ILinkCell | INumberInputCell | IActionCell | ISortCell | ISliderCell | ISimpleCell;
+declare type TCellShape = IPopoverCell | IStaticCell | ISelectCell | IHelpIconCell | ILibraryIconCell | ICheckBoxCell | IIconCell | IInputCell | ILinkCell | INumberInputCell | IActionCell | IRadioCell | ISortCell | ISliderCell | ISimpleCell;
 
-declare type TCellType = 'Static' | 'Icon' | 'Select' | 'Input' | 'NumberInput' | 'Popover' | 'CheckBox' | 'Actions' | 'Link' | 'Slider' | 'Unit' | string;
+declare type TCellType = 'Static' | 'Icon' | 'Select' | 'Input' | 'NumberInput' | 'Popover' | 'CheckBox' | 'Radio' | 'Actions' | 'Link' | 'Slider' | 'Unit' | string;
 
 export declare type TChangeEvent<T extends HTMLElement = HTMLInputElement> = ChangeEvent<T> & {
     target: T | {

package/dist/index.js

@@ -3587,7 +3587,55 @@ const Popover = ({ children: t, content: n, placement: r = "top-center", closeOn
 			})
 		})
 	});
-}, CellWrapper = ({ cell: e, isHeader: t, columnAlignment: n, testId: r }) => {
+};
+var radio_button_module_default = {
+	wrapper: "_wrapper_1homz_1",
+	inline: "_inline_1homz_1",
+	radio: "_radio_1homz_5",
+	labelMargin: "_labelMargin_1homz_8",
+	small: "_small_1homz_27",
+	noMargin: "_noMargin_1homz_32",
+	noLabel: "_noLabel_1homz_36",
+	disabled: "_disabled_1homz_96",
+	isInTable: "_isInTable_1homz_112",
+	helpIconEnabled: "_helpIconEnabled_1homz_117"
+};
+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 /* @__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, t ? null : radio_button_module_default.noLabel),
+		onClick: o,
+		"data-testid": c,
+		children: [
+			/* @__PURE__ */ jsx("input", {
+				type: InputType.RADIO,
+				value: n,
+				checked: r,
+				onChange: () => {},
+				disabled: i
+			}),
+			/* @__PURE__ */ jsx("label", {
+				"data-name": e,
+				"data-value": n,
+				style: { textTransform: d },
+				children: t
+			}),
+			f && /* @__PURE__ */ jsx("div", {
+				className: radio_button_module_default.helpIconEnabled,
+				onClick: u,
+				children: /* @__PURE__ */ jsx(HelpIcon, { text: l })
+			})
+		]
+	});
+}, RadioCell = ({ cell: e, testId: t }) => /* @__PURE__ */ jsx(RadioInput, {
+	selected: e.selected,
+	name: e.name,
+	value: e.value,
+	noMargin: !0,
+	disabled: e.disabled,
+	onChange: (t) => e.onChange(t),
+	testId: t
+}), CellWrapper = ({ cell: e, isHeader: t, columnAlignment: n, testId: r }) => {
 	if (!e) return null;
 	switch (e.type) {
 		case "Input":
@@ -3606,6 +3654,10 @@ const Popover = ({ children: t, content: n, placement: r = "top-center", closeOn
 			cell: e,
 			testId: r
 		});
+		case "Radio": return /* @__PURE__ */ jsx(RadioCell, {
+			cell: e,
+			testId: r
+		});
 		case "Slider": return /* @__PURE__ */ jsx(SliderCell, { cell: e });
 		case "Icon": return /* @__PURE__ */ jsx(IconCell, { cell: e });
 		case "Actions": return /* @__PURE__ */ jsx(ActionsCell, { cell: e });
@@ -3618,7 +3670,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.UNIT = "Unit", e.STATIC = "Static", e;
+	return e.INPUT = "Input", e.NUMBER_INPUT = "NumberInput", e.SELECT = "Select", e.POPOVER = "Popover", e.SLIDER = "Slider", e.CHECKBOX = "CheckBox", e.RADIO = "Radio", 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 }) => {
 	var o;
@@ -3627,7 +3679,7 @@ const Cell = ({ cell: e, isHeader: t, columnHeaderAlignment: n, columnAlignment:
 		bodyAlignment: r,
 		headerAlignment: n,
 		isHeader: t
-	}, m = getCellAlignment(f, cell_module_default), h = getCellAlignment(f, cell_module_default, !0), _ = 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, v = cx(cell_module_default.cell, _, e.hasSort ? cell_module_default.sortingCell : null, m, e.breakWord ? cell_module_default.breakWord : ""), y = (o = u == null ? i : u) == null ? void 0 : o, b = e.type === CellType.STATIC || !e.type, x = {
+	}, m = getCellAlignment(f, cell_module_default), h = getCellAlignment(f, cell_module_default, !0), _ = 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 || e.type === CellType.RADIO ? cell_module_default.checkBoxCell : e.type === CellType.ACTIONS ? cell_module_default.actionsCell : cell_module_default.staticCell, v = cx(cell_module_default.cell, _, e.hasSort ? cell_module_default.sortingCell : null, m, e.breakWord ? cell_module_default.breakWord : ""), y = (o = u == null ? i : u) == null ? void 0 : o, b = e.type === CellType.STATIC || !e.type, x = {
 		width: y,
 		minWidth: y,
 		textTransform: t && b ? TextTransform.CAPITALIZE : void 0,
@@ -5926,46 +5978,7 @@ const PrintHeader = ({ logo: e, alt: t, logoWidth: n = "100px" }) => /* @__PURE_
 	alt: t,
 	className: print_header_module_default.printHeader,
 	style: { width: n }
-});
-var radio_button_module_default = {
-	wrapper: "_wrapper_1fbik_1",
-	inline: "_inline_1fbik_1",
-	radio: "_radio_1fbik_5",
-	labelMargin: "_labelMargin_1fbik_8",
-	small: "_small_1fbik_27",
-	noMargin: "_noMargin_1fbik_32",
-	disabled: "_disabled_1fbik_90",
-	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, textTransform: d = TextTransform.CAPITALIZE }) => {
-	let f = l || u;
-	return /* @__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,
-		children: [
-			/* @__PURE__ */ jsx("input", {
-				type: InputType.RADIO,
-				value: n,
-				checked: r,
-				onChange: () => {},
-				disabled: i
-			}),
-			/* @__PURE__ */ jsx("label", {
-				"data-name": e,
-				"data-value": n,
-				style: { textTransform: d },
-				children: t
-			}),
-			f && /* @__PURE__ */ jsx("div", {
-				className: radio_button_module_default.helpIconEnabled,
-				onClick: u,
-				children: /* @__PURE__ */ jsx(HelpIcon, { text: l })
-			})
-		]
-	});
-}, RadioButton = ({ name: e, label: t, options: n, value: r, onChange: i, disabled: a = !1, small: o = !1, noMargin: c = !1, onClick: l = () => {}, inline: u = !1, mainLabel: d = "", radioButtonsData: f, classForContainer: p = "grouped fields" }) => {
+}), RadioButton = ({ name: e, label: t, options: n, value: r, onChange: i, disabled: a = !1, small: o = !1, noMargin: c = !1, onClick: l = () => {}, inline: u = !1, mainLabel: d = "", radioButtonsData: f, classForContainer: p = "grouped fields" }) => {
 	let m = useContext(DisabledContext), h = f !== void 0, { simpleInputs: _, options: v, selectedOptions: y } = h ? {
 		simpleInputs: !1,
 		options: f,

package/package.json

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