@ballistix.digital/react-components 4.1.0 → 4.3.0

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import React, { FC, ReactNode, RefObject, MouseEvent as MouseEvent$1, ReactElement, ChangeEventHandler, FocusEventHandler, HTMLInputTypeAttribute, Dispatch, SetStateAction, ElementType, ChangeEvent } from 'react';
+import React, { FC, ReactNode, RefObject, MouseEvent as MouseEvent$1, ReactElement, ChangeEventHandler, FocusEventHandler, MouseEventHandler, KeyboardEventHandler, HTMLInputTypeAttribute, Dispatch, SetStateAction, ElementType, ChangeEvent } from 'react';
 import { DeepPartialType } from 'types/DeepPartialType';
 import { IconName } from '@fortawesome/fontawesome-svg-core';
 import { Placement } from '@floating-ui/react';
@@ -207,18 +207,24 @@ type TInputGroupFormProps = {
     htmlType: 'area';
     onChange: ChangeEventHandler<HTMLTextAreaElement>;
     onBlur: FocusEventHandler<HTMLTextAreaElement>;
+    onClick?: MouseEventHandler<HTMLTextAreaElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLTextAreaElement>;
     onClear?: never;
     trailing?: string | ReactNode;
 } | {
     htmlType: 'text' | 'date';
     onChange: ChangeEventHandler<HTMLInputElement>;
     onBlur: FocusEventHandler<HTMLInputElement>;
+    onClick?: MouseEventHandler<HTMLInputElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
     onClear?: () => void;
     trailing?: never;
 } | {
     htmlType: Exclude<HTMLInputTypeAttribute, 'text' | 'date'>;
     onChange: ChangeEventHandler<HTMLInputElement>;
     onBlur: FocusEventHandler<HTMLInputElement>;
+    onClick?: MouseEventHandler<HTMLInputElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
     onClear?: never;
     trailing?: string | ReactNode;
 });
@@ -1050,7 +1056,8 @@ type TDateRangeMenuFormProps = {
         endDate: string;
     }) => void;
     onClear?: (name: string) => void;
-    onBlur?: any;
+    onBlur?: () => void;
+    onClick?: MouseEventHandler<HTMLDivElement>;
     styles?: TDateRangeMenuFormStyles;
 };
 declare const DateRangeMenu: FC<TDateRangeMenuFormProps>;
@@ -1134,6 +1141,7 @@ type TSwitchFormProps = {
     isTouched?: boolean;
     error?: string;
     styles?: TSwitchStylesForm;
+    size?: 'sm' | 'md';
 } & ({
     iconAccessorChecked?: undefined;
     iconAccessorUnchecked?: undefined;
@@ -1144,31 +1152,49 @@ type TSwitchFormProps = {
 declare const Switch: (props: TSwitchFormProps) => react_jsx_runtime.JSX.Element;
 
 declare const styles: {
-    label: string;
-    container: string;
-    head: string;
-    hint: string;
-    foot: string;
-    description: string;
-    switch: {
-        base: string;
-        screenreader: string;
-        checked: string;
-        unchecked: string;
-        disabled: string;
+    base: {
+        label: string;
+        container: string;
+        head: string;
+        hint: string;
+        foot: string;
+        description: string;
+        switch: {
+            base: string;
+            screenreader: string;
+            checked: string;
+            unchecked: string;
+            disabled: string;
+        };
+        toggle: {
+            base: string;
+            checked: string;
+            unchecked: string;
+        };
+        icon: {
+            base: string;
+            hidden: string;
+            shown: string;
+            icon: string;
+        };
+        error: string;
     };
-    toggle: {
-        base: string;
-        checked: string;
-        unchecked: string;
+    md: {
+        switch: {
+            base: string;
+        };
+        toggle: {
+            base: string;
+        };
     };
-    icon: {
-        base: string;
-        hidden: string;
-        shown: string;
-        icon: string;
+    sm: {
+        switch: {
+            base: string;
+        };
+        toggle: {
+            base: string;
+        };
     };
-    error: string;
 };
 type TSwitchStylesForm = DeepPartialType<typeof styles>;