@egov3/system-design 1.0.31 → 1.0.32

package/dist/esm/components/InputField/index.d.ts

@@ -15,5 +15,7 @@ export interface IInputFieldProps {
     id: string;
     labelText?: string;
     ariaLabel: string;
+    focused?: boolean;
+    setFocused?: (val: boolean) => void;
 }
-export declare const InputField: ({ onFocus, onBlur, onChange, onEnterPress, value, inputLeftIcon, placeholder, className, style, isClearable, type, id, labelText, ariaLabel, }: IInputFieldProps) => React.ReactNode;
+export declare const InputField: ({ onFocus, onBlur, onChange, onEnterPress, value, inputLeftIcon, placeholder, className, style, isClearable, type, id, labelText, ariaLabel, focused, setFocused, }: IInputFieldProps) => React.ReactNode;

package/dist/esm/components/RadioGroup/index.d.ts

@@ -13,6 +13,8 @@ export interface ICustomRadioButtonProps {
 export interface IRadioGroupProps {
     RadioGroupItems: RadioGroupItem[];
     invokeCustomOnChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    setSelectedOption: React.Dispatch<React.SetStateAction<string>>;
+    selectedOption: string;
 }
 export declare const CustomRadioButton: ({ label, name, checked, onChange, value, }: ICustomRadioButtonProps) => React.JSX.Element;
-export declare const RadioGroup: ({ RadioGroupItems, invokeCustomOnChange, }: IRadioGroupProps) => React.JSX.Element;
+export declare const RadioGroup: ({ RadioGroupItems, invokeCustomOnChange, setSelectedOption, selectedOption, }: IRadioGroupProps) => React.JSX.Element;

package/dist/esm/components/index.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 export declare const Сomponents: {
     Button: ({ onClick, children, style, className, isRounded, disabled, variant, size, ariaLabel, }: import("./Button").IButtonProps) => import("react").JSX.Element;
-    InputField: ({ onFocus, onBlur, onChange, onEnterPress, value, inputLeftIcon, placeholder, className, style, isClearable, type, id, labelText, ariaLabel, }: import("./InputField").IInputFieldProps) => import("react").ReactNode;
-    RadioGroup: ({ RadioGroupItems, invokeCustomOnChange, }: import("./RadioGroup").IRadioGroupProps) => import("react").JSX.Element;
+    InputField: ({ onFocus, onBlur, onChange, onEnterPress, value, inputLeftIcon, placeholder, className, style, isClearable, type, id, labelText, ariaLabel, focused, setFocused, }: import("./InputField").IInputFieldProps) => import("react").ReactNode;
+    RadioGroup: ({ RadioGroupItems, invokeCustomOnChange, setSelectedOption, selectedOption, }: import("./RadioGroup").IRadioGroupProps) => import("react").JSX.Element;
     CustomRadioButton: ({ label, name, checked, onChange, value, }: import("./RadioGroup").ICustomRadioButtonProps) => import("react").JSX.Element;
     Accordion: ({ open, setOpen, children, title, }: import("./Accordion").IAccordionProps) => import("react").JSX.Element;
     RadioToggle: ({ lock, setLock }: import("./RadioToggle").IRadioToggleProps) => import("react").JSX.Element;

package/dist/esm/index.d.ts

@@ -28,6 +28,8 @@ interface ICustomRadioButtonProps {
 interface IRadioGroupProps {
     RadioGroupItems: RadioGroupItem[];
     invokeCustomOnChange: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
+    setSelectedOption: React__default.Dispatch<React__default.SetStateAction<string>>;
+    selectedOption: string;
 }
 
 interface IInputFieldProps {
@@ -45,6 +47,8 @@ interface IInputFieldProps {
     id: string;
     labelText?: string;
     ariaLabel: string;
+    focused?: boolean;
+    setFocused?: (val: boolean) => void;
 }
 
 interface IButtonProps {
@@ -62,8 +66,8 @@ interface IButtonProps {
 declare const SystemDesign: {
     Сomponents: {
         Button: ({ onClick, children, style, className, isRounded, disabled, variant, size, ariaLabel, }: IButtonProps) => React.JSX.Element;
-        InputField: ({ onFocus, onBlur, onChange, onEnterPress, value, inputLeftIcon, placeholder, className, style, isClearable, type, id, labelText, ariaLabel, }: IInputFieldProps) => React.ReactNode;
-        RadioGroup: ({ RadioGroupItems, invokeCustomOnChange, }: IRadioGroupProps) => React.JSX.Element;
+        InputField: ({ onFocus, onBlur, onChange, onEnterPress, value, inputLeftIcon, placeholder, className, style, isClearable, type, id, labelText, ariaLabel, focused, setFocused, }: IInputFieldProps) => React.ReactNode;
+        RadioGroup: ({ RadioGroupItems, invokeCustomOnChange, setSelectedOption, selectedOption, }: IRadioGroupProps) => React.JSX.Element;
         CustomRadioButton: ({ label, name, checked, onChange, value, }: ICustomRadioButtonProps) => React.JSX.Element;
         Accordion: ({ open, setOpen, children, title, }: IAccordionProps) => React.JSX.Element;
         RadioToggle: ({ lock, setLock }: IRadioToggleProps) => React.JSX.Element;

package/dist/esm/index.js

@@ -2897,8 +2897,7 @@ var ClearIcon = function (_a) {
 };
 
 var InputField = function (_a) {
-    var onFocus = _a.onFocus, onBlur = _a.onBlur, onChange = _a.onChange, onEnterPress = _a.onEnterPress, _b = _a.value, value = _b === void 0 ? "" : _b, inputLeftIcon = _a.inputLeftIcon, _c = _a.placeholder, placeholder = _c === void 0 ? "" : _c, _d = _a.className, className = _d === void 0 ? "" : _d, style = _a.style, _e = _a.isClearable, isClearable = _e === void 0 ? false : _e, _f = _a.type, type = _f === void 0 ? "text" : _f, id = _a.id, _g = _a.labelText, labelText = _g === void 0 ? "" : _g, _h = _a.ariaLabel, ariaLabel = _h === void 0 ? "" : _h;
-    var _j = react.exports.useState(false), focused = _j[0], setFocused = _j[1];
+    var onFocus = _a.onFocus, onBlur = _a.onBlur, onChange = _a.onChange, onEnterPress = _a.onEnterPress, _b = _a.value, value = _b === void 0 ? "" : _b, inputLeftIcon = _a.inputLeftIcon, _c = _a.placeholder, placeholder = _c === void 0 ? "" : _c, _d = _a.className, className = _d === void 0 ? "" : _d, style = _a.style, _e = _a.isClearable, isClearable = _e === void 0 ? false : _e, _f = _a.type, type = _f === void 0 ? "text" : _f, id = _a.id, _g = _a.labelText, labelText = _g === void 0 ? "" : _g, _h = _a.ariaLabel, ariaLabel = _h === void 0 ? "" : _h, _j = _a.focused, focused = _j === void 0 ? false : _j, _k = _a.setFocused, setFocused = _k === void 0 ? function () { } : _k;
     return (React.createElement("div", { "data-testid": "InputField_MAIN", className: ClassNamesFn(styles$2[labelText.length ? "inputContainerLabeled" : "inputContainer"], className, focused ? styles$2["input--onfocus"] : undefined, styles$2["input-".concat(type === null || type === void 0 ? void 0 : type.toLocaleLowerCase())]), style: style },
         labelText.length > 0 && (React.createElement("label", { htmlFor: id, "data-testid": "InputField_LABEL" }, labelText)),
         inputLeftIcon,
@@ -2938,8 +2937,7 @@ var CustomRadioButton = function (_a) {
         React.createElement("span", { "data-testid": "RadioGroupItem_TEXT", className: styles$1.radioBtnText }, label)));
 };
 var RadioGroup = function (_a) {
-    var RadioGroupItems = _a.RadioGroupItems, invokeCustomOnChange = _a.invokeCustomOnChange;
-    var _b = react.exports.useState(""), selectedOption = _b[0], setSelectedOption = _b[1];
+    var RadioGroupItems = _a.RadioGroupItems, invokeCustomOnChange = _a.invokeCustomOnChange, setSelectedOption = _a.setSelectedOption, selectedOption = _a.selectedOption;
     var handleChange = function (event) {
         setSelectedOption(event.target.value);
         invokeCustomOnChange(event);