@sebgroup/green-react 1.12.1 → 1.12.3

package/index.js

@@ -2645,8 +2645,9 @@ const Form = props => {
 
 const FormItems = ({
   children,
+  name,
   validate,
-  name
+  onChange: _onFormItemsChanged
 }) => {
   const {
     setValues,
@@ -2711,7 +2712,12 @@ const FormItems = ({
   return /*#__PURE__*/React.cloneElement(children, {
     validator: (errors === null || errors === void 0 ? void 0 : errors[name]) && validate,
     name,
-    onChange
+    onChange: event => {
+      if (typeof _onFormItemsChanged === 'function') {
+        _onFormItemsChanged(event);
+      }
+      onChange(event);
+    }
   });
 };
 

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@sebgroup/green-react",
-  "version": "1.12.1",
+  "version": "1.12.3",
   "peerDependencies": {
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18"
   },
   "dependencies": {
-    "@sebgroup/chlorophyll": "^1.11.3",
-    "@sebgroup/extract": "^1.4.0",
+    "@sebgroup/chlorophyll": "^1.11.8",
+    "@sebgroup/extract": "^1.4.3",
     "classnames": "^2.3.2"
   },
   "description": "React components built on top of @sebgroup/chlorophyll.",

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

@@ -2,8 +2,9 @@ import { IValidator } from '@sebgroup/extract';
 import React from 'react';
 export interface FormItemsProps {
     children: React.ReactNode;
-    validate?: IValidator;
     name: string;
+    validate?: IValidator;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
 }
 export declare const FormItems: React.FC<FormItemsProps>;
 export default FormItems;

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

@@ -1,13 +1,11 @@
 import React from 'react';
-import { IValidator } from '@sebgroup/extract';
-export interface RadioGroupProps {
+import { IValidator, IExpandableInformation } from '@sebgroup/extract';
+export interface RadioGroupProps extends IExpandableInformation {
     label?: string;
     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,13 @@
-import { IValidator } from '@sebgroup/extract';
+import { IExpandableInformation, IValidator } from '@sebgroup/extract';
 import React, { ReactNode } from 'react';
-interface FormItemProps {
+interface FormItemProps extends IExpandableInformation {
     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;