@sebgroup/green-react 1.12.2 → 1.13.0

package/index.js

@@ -3158,11 +3158,11 @@ const RadioGroup = ({
     var _a;
     if (radioBtnRef && radioBtnRef.current) {
       const form = (_a = radioBtnRef === null || radioBtnRef === void 0 ? void 0 : radioBtnRef.current) === null || _a === void 0 ? void 0 : _a.form;
-      const resetListner = () => {
+      const resetListener = () => {
         setSelected(undefined);
       };
-      form === null || form === void 0 ? void 0 : form.addEventListener('reset', resetListner);
-      return () => form === null || form === void 0 ? void 0 : form.removeEventListener('reset', resetListner);
+      form === null || form === void 0 ? void 0 : form.addEventListener('reset', resetListener);
+      return () => form === null || form === void 0 ? void 0 : form.removeEventListener('reset', resetListener);
     } else {
       // eslint-disable-next-line @typescript-eslint/no-empty-function
       return () => {};
@@ -3433,7 +3433,8 @@ const Select = /*#__PURE__*/React.forwardRef(({
   onChange,
   onSelect,
   expandableInfo,
-  expandableInfoButtonLabel
+  expandableInfoButtonLabel,
+  name
 }, ref) => {
   const selectId = id !== null && id !== void 0 ? id : randomId();
   const validatorClassName = validateClassName(validator === null || validator === void 0 ? void 0 : validator.indicator);
@@ -3452,6 +3453,7 @@ const Select = /*#__PURE__*/React.forwardRef(({
         id: selectId,
         "data-testid": testId,
         className: className,
+        name: name,
         defaultValue: defaultValue,
         value: value,
         ref: ref,

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@sebgroup/green-react",
-  "version": "1.12.2",
+  "version": "1.13.0",
   "peerDependencies": {
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18"
   },
   "dependencies": {
-    "@sebgroup/chlorophyll": "^1.11.4",
-    "@sebgroup/extract": "^1.4.1",
+    "@sebgroup/chlorophyll": "^1.14.0",
+    "@sebgroup/extract": "^1.5.0",
     "classnames": "^2.3.2"
   },
   "description": "React components built on top of @sebgroup/chlorophyll.",

package/src/lib/form/input/input.d.ts

@@ -1,7 +1,7 @@
 import React, { InputHTMLAttributes } from 'react';
 import { IValidator } from '@sebgroup/extract';
 import { CheckboxProps, NumberInputProps, RadioButtonProps, TextInputProps } from '../types';
-export declare type Renderer = (type: string, props: InputHTMLAttributes<HTMLInputElement>, onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void, onChangeInput?: (value: string) => string, label?: string, info?: string, validator?: IValidator, expandableInfo?: React.ReactNode, expandableInfoButtonLabel?: string, testId?: string) => JSX.Element;
+export declare type Renderer = (type: string, props: InputHTMLAttributes<HTMLInputElement>, onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void, onChangeInput?: (value: string) => string, label?: string, info?: string | React.ReactNode, validator?: IValidator, expandableInfo?: React.ReactNode, expandableInfoButtonLabel?: string, testId?: string) => JSX.Element;
 export declare const RenderInput: Renderer;
 export declare const TextInput: ({ label, info, testId, onChange, onChangeInput, validator, expandableInfo, expandableInfoButtonLabel, ...props }: TextInputProps) => JSX.Element;
 export declare const EmailInput: ({ label, info, onChange, onChangeInput, validator, testId, ...props }: TextInputProps) => JSX.Element;

package/src/lib/form/radioButton/radioGroup.d.ts

@@ -1,13 +1,9 @@
 import React from 'react';
-import { IValidator } from '@sebgroup/extract';
-export interface RadioGroupProps {
-    label?: string;
+import { IValidator, IExpandableInformation, ILabelAndLabelInformation } from '@sebgroup/extract';
+export interface RadioGroupProps extends IExpandableInformation, ILabelAndLabelInformation {
     title?: string;
-    labelInformation?: string;
     valueSelected?: string;
     description?: string;
-    expandableInfo?: string;
-    expandableInfoButtonLabel?: string;
     defaultSelected?: string;
     validator?: IValidator;
     onChangeRadio?: (value: string) => string;

package/src/lib/form/types.d.ts

@@ -1,12 +1,10 @@
-import { IValidator } from '@sebgroup/extract';
-import React, { HTMLProps } from 'react';
-export interface TextInputProps extends HTMLProps<HTMLInputElement> {
+import { IValidator, IExpandableInformation } from '@sebgroup/extract';
+import { HTMLProps } from 'react';
+export interface TextInputProps extends HTMLProps<HTMLInputElement>, IExpandableInformation {
     type?: 'text' | 'email' | 'number';
     label?: string;
     info?: string;
     testId?: string;
-    expandableInfo?: React.ReactNode;
-    expandableInfoButtonLabel?: string;
     validator?: IValidator;
     onChangeInput?: (value: string) => string;
 }
@@ -15,8 +13,6 @@ export interface NumberInputProps extends TextInputProps {
     min?: number;
     max?: number;
     step?: number;
-    expandableInfo?: React.ReactNode;
-    expandableInfoButtonLabel?: string;
 }
 export interface CheckboxProps extends HTMLProps<HTMLInputElement> {
     testId?: string;

package/src/lib/formItem/formItem.d.ts

@@ -1,15 +1,11 @@
-import { IValidator } from '@sebgroup/extract';
+import { IExpandableInformation, ILabelAndLabelInformation, IValidator } from '@sebgroup/extract';
 import React, { ReactNode } from 'react';
-interface FormItemProps {
+interface FormItemProps extends IExpandableInformation, ILabelAndLabelInformation {
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     onChangeInput?: (value: string) => string;
-    label?: string;
-    labelInformation?: string;
     validator?: IValidator;
-    expandableInfo?: React.ReactNode;
     inputId?: string;
     children: ReactNode;
-    expandableInfoButtonLabel?: string;
     role?: string;
 }
 export declare const FormItem: ({ expandableInfo, label, labelInformation, validator, inputId, children, expandableInfoButtonLabel, role, }: FormItemProps) => JSX.Element;

package/src/lib/select/select.d.ts

@@ -11,6 +11,7 @@ export interface SelectProps extends SelectorAttributesProps, LabelProps {
     testId?: string;
     expandableInfo?: string;
     expandableInfoButtonLabel?: string;
+    name?: string;
 }
 interface OptionProps {
     children: string;