@sebgroup/green-react 1.10.0 → 1.11.0

package/index.js

@@ -2493,7 +2493,7 @@ const IconButton = _a => {
     } = _a,
     props = __rest(_a, ["children", "onClick"]);
   return jsx("button", Object.assign({
-    className: "icon",
+    className: `icon ${props.size == 'small' && 'small'}`,
     onClick: onClick,
     "aria-controls": props['aria-controls'],
     "aria-expanded": props['aria-expanded'],
@@ -2796,6 +2796,7 @@ const FormItem = ({
           children: labelInformation
         }))]
       })), expandableInfo && jsx(IconButton, Object.assign({
+        size: "small",
         "aria-expanded": isExpanded,
         "aria-controls": `${inputId}-expandable-info`,
         onClick: event => __awaiter(void 0, void 0, void 0, function* () {
@@ -3908,7 +3909,7 @@ const Tabs = ({
         role: "tabpanel",
         "aria-hidden": selectedTab !== index
       }, {
-        children: tab.props.children
+        children: selectedTab === index && tab.props.children
       }), index))]
     })]
   });

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@sebgroup/green-react",
-  "version": "1.10.0",
+  "version": "1.11.0",
   "peerDependencies": {
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18"
   },
   "dependencies": {
-    "@sebgroup/chlorophyll": "^1.10.3",
+    "@sebgroup/chlorophyll": "^1.11.0",
     "@sebgroup/extract": "^1.3.4",
     "classnames": "^2.3.2"
   },

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

@@ -6,6 +6,7 @@ interface IconButtonInterface {
     onClick: (event: MouseEvent) => void;
     'aria-expanded'?: boolean;
     'aria-controls'?: string;
+    size?: 'small' | 'normal';
 }
 declare const IconButton: ({ children, onClick, ...props }: IconButtonInterface) => JSX.Element;
 export default IconButton;

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?: string, 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, 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/types.d.ts

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

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

@@ -6,7 +6,7 @@ interface FormItemProps {
     label?: string;
     labelInformation?: string;
     validator?: IValidator;
-    expandableInfo?: string;
+    expandableInfo?: React.ReactNode;
     inputId?: string;
     children: ReactNode;
     expandableInfoButtonLabel?: string;