widenarrow-ui 1.1.50 → 1.1.52

package/lib/components/Checkbox/Checkbox.types.d.ts

@@ -1,10 +1,12 @@
-import { ChangeEvent, MouseEvent } from 'react';
+import { ChangeEvent, MouseEvent, FocusEvent } from 'react';
 export interface CheckboxProps {
     label: string;
     id?: string | number;
     value?: string;
     name?: string;
     onChange?: (val: string, event: ChangeEvent<HTMLInputElement>) => void;
+    onFocusCallback?: (event: FocusEvent<HTMLInputElement>) => void;
+    onBlurCallback?: (event: FocusEvent<HTMLInputElement>) => void;
     onChangeFake?: (val: string, event: MouseEvent<HTMLDivElement>) => void;
     className?: string;
     ariaLabel?: string;

package/lib/components/Grid/Grid.types.d.ts

@@ -4,27 +4,27 @@ export interface GridProps extends MarginInterface, PaddingInterface, FlexStylin
     /**
      * Number of columns on viewports < 576px
      */
-    xs?: number | undefined;
+    xs?: number;
     /**
      * Number of columns on viewports < 768px
      */
-    sm?: number | undefined;
+    sm?: number;
     /**
      * Number of columns on viewports < 1024px
      */
-    md?: number | undefined;
+    md?: number;
     /**
      * Number of columns on viewports < 1200px
      */
-    lg?: number | undefined;
+    lg?: number;
     /**
      * Number of columns on viewports < 1646px
      */
-    xl?: number | undefined;
+    xl?: number;
     /**
      * Number of columns on viewports < 2000px
      */
-    xxl?: number | undefined;
+    xxl?: number;
     /**
      * Optionally provide the number of columns in the grid.
      * @default 12
@@ -40,12 +40,13 @@ export interface GridProps extends MarginInterface, PaddingInterface, FlexStylin
      * or an object for different breakpoints, i.e { xs: '4', md: ['4', '6'], lg: '8' }
      * @default '4'
      */
-    spacing?: string | Array<string> | Record<never, string | string[]> | undefined;
-    columns?: number | undefined;
-    className?: string | undefined;
-    children?: ReactNode | undefined;
+    spacing?: string | Array<string> | Record<never, string | string[]>;
+    columns?: number;
+    className?: string;
+    children?: ReactNode;
+    role?: string;
 }
 export interface GridContextInterface {
-    spacing?: string | Array<string> | Record<never, string | string[]> | undefined;
-    columns?: number | undefined;
+    spacing?: string | Array<string> | Record<never, string | string[]>;
+    columns?: number;
 }

package/lib/components/RadioButton/RadioButton.types.d.ts

@@ -1,3 +1,4 @@
+import { ChangeEvent, FocusEvent } from 'react';
 export interface RadioButtonProps {
     className?: string;
     name?: string;
@@ -11,5 +12,7 @@ export interface RadioButtonProps {
     withEllipsis?: boolean;
     checked: boolean;
     toolTip?: string;
-    onChange: (value?: string | number) => void;
+    onChange: (val: string | number, event: ChangeEvent<HTMLInputElement>) => void;
+    onFocusCallback?: (event: FocusEvent<HTMLInputElement>) => void;
+    onBlurCallback?: (event: FocusEvent<HTMLInputElement>) => void;
 }

package/lib/components/SelectInput/SelectInput.types.d.ts

@@ -1,3 +1,4 @@
+import { RefObject } from 'react';
 import { SizeTypes } from '../../constants';
 export interface OptionItem {
     text: string;
@@ -5,6 +6,8 @@ export interface OptionItem {
     disabled?: boolean;
 }
 export interface SelectInputProps {
+    inputRef?: RefObject<HTMLSelectElement>;
+    id?: string | number;
     className?: string;
     inputClassName?: string;
     defaultOption?: string;
@@ -13,11 +16,13 @@ export interface SelectInputProps {
     sizeLg?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
     sizeXl?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
     disabled?: boolean;
+    withLabel?: boolean;
     error?: string;
     helperText?: string;
     text?: string;
     marginBottom?: boolean;
     loading?: boolean;
+    ariaLabel?: string;
     label?: string;
     name: string;
     onChange: (value: string | number) => void;