@goodhood-web/ui 3.0.0-development.56 → 3.0.0-development.57

package/lib/Atoms/Buttons/Button/Button.types.d.ts

@@ -3,6 +3,9 @@ import { AriaRole, ForwardedRef, MouseEvent, ReactElement, ReactNode } from 'rea
 import { IconProps } from '../../../Base/Icon/Icon.types';
 interface CommonProps {
     ariaDescribedBy?: string;
+    ariaDisabled?: boolean;
+    ariaExpanded?: boolean;
+    ariaHaspopup?: boolean;
     ariaLabel?: string;
     ariaLabelledBy?: string;
     className?: string;

package/lib/Atoms/Buttons/IconButton/IconButton.types.d.ts

@@ -1,10 +1,10 @@
 import { Icon16, Icon24, Icon32 } from '../../../Base/Icon/Icon.types';
 import { ButtonProps } from '../Button/Button.types';
-type BaseIconButtonProps = Omit<ButtonProps, 'children' | 'ref' | 'className'> & ({
-    ariaLabel: string;
-} | {
-    ariaLabelledBy: string;
-}) & {
+type BaseIconButtonProps = Omit<ButtonProps, 'children' | 'ref' | 'className'> & {
+    ariaExpanded?: boolean;
+    ariaHaspopup?: boolean;
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
     className?: string;
     iconClassName?: string;
     loading?: boolean;

package/lib/Atoms/Inputs/DateTimeInput/DateInput/DateInput.d.ts

@@ -0,0 +1,3 @@
+import { default as DateInputProps } from './DateInput.types';
+declare const DateInput: ({ dateFormat, label, minDate, onChange, size, withPortal, }: DateInputProps) => import("react/jsx-runtime").JSX.Element;
+export default DateInput;

package/lib/Atoms/Inputs/DateTimeInput/DateInput/DateInput.types.d.ts

@@ -0,0 +1,9 @@
+import { TextInputProps } from '../../TextInput/TextInput.types';
+export default interface DateInputProps {
+    dateFormat?: 'dd. MMMM' | 'dd. MMMM YYYY' | 'dd.MM.' | 'dd.MM.YY' | 'dd.MM.YYYY';
+    label: string;
+    minDate?: Date;
+    onChange?: (date: Date) => void;
+    size?: TextInputProps['size'];
+    withPortal?: boolean;
+}

package/lib/Atoms/Inputs/DateTimeInput/DateInput/components/CustomHeader.d.ts

@@ -0,0 +1,3 @@
+import { ReactDatePickerCustomHeaderProps } from 'react-datepicker';
+declare const CustomHeader: ({ decreaseMonth, increaseMonth, monthDate, prevMonthButtonDisabled, }: ReactDatePickerCustomHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default CustomHeader;

package/lib/Atoms/Inputs/DateTimeInput/DateInput/util.d.ts

@@ -0,0 +1 @@
+export declare const addKeyboardNavigation: (event: React.KeyboardEvent<HTMLElement>) => void;

package/lib/Atoms/Inputs/DateTimeInput/DateTimeInput.d.ts

@@ -0,0 +1,3 @@
+import { DateTimeInputProps } from './DateTimeInput.types';
+declare const DateTimeInput: ({ type, ...props }: DateTimeInputProps) => import("react/jsx-runtime").JSX.Element;
+export default DateTimeInput;

package/lib/Atoms/Inputs/DateTimeInput/DateTimeInput.types.d.ts

@@ -0,0 +1,7 @@
+import { default as DateInputProps } from './DateInput/DateInput.types';
+import { default as TimeInputProps } from './TimeInput/TimeInput.types';
+type CommonProps = {
+    type: 'time' | 'date';
+};
+export type DateTimeInputProps = (CommonProps & DateInputProps) | (CommonProps & TimeInputProps);
+export {};

package/lib/Atoms/Inputs/DateTimeInput/TimeInput/TimeInput.d.ts

@@ -0,0 +1,3 @@
+import { default as TimeInputProps } from './TimeInput.types';
+declare const TimeInput: ({ interval, label, minDate, onChange, size, withPortal, }: TimeInputProps) => import("react/jsx-runtime").JSX.Element;
+export default TimeInput;

package/lib/Atoms/Inputs/DateTimeInput/TimeInput/TimeInput.types.d.ts

@@ -0,0 +1,10 @@
+import { NearestMinutes } from 'date-fns';
+import { TextInputProps } from '../../TextInput/TextInput.types';
+export default interface TimeInputProps {
+    interval?: Extract<NearestMinutes, 15 | 30>;
+    label: string;
+    minDate?: Date;
+    onChange?: (date: Date) => void;
+    size?: TextInputProps['size'];
+    withPortal?: boolean;
+}

package/lib/Atoms/Inputs/TextInput/TextInput.d.ts

@@ -1,3 +1,3 @@
 import { TextInputProps } from './TextInput.types';
-declare const TextInput: ({ ariaDescribedby, charLimit, colorScheme, errorText, hintText, icon, id, inputFieldType, label, name, ref, showInputHints, size, textButton, ...props }: TextInputProps) => import("react/jsx-runtime").JSX.Element;
+declare const TextInput: ({ ariaDescribedby, ariaExpanded, charLimit, colorScheme, errorText, hintText, icon, iconButton, id, inputFieldType, label, name, onClick, onKeyDown, readonly, ref, role, showInputHints, size, ...props }: TextInputProps) => import("react/jsx-runtime").JSX.Element;
 export default TextInput;

package/lib/Atoms/Inputs/TextInput/TextInput.types.d.ts

@@ -1,9 +1,10 @@
 import { UseInputParameters } from '@mui/base';
-import { ForwardedRef, HTMLInputTypeAttribute } from 'react';
+import { ForwardedRef, HTMLInputTypeAttribute, KeyboardEventHandler } from 'react';
 import { IconProps } from '../../../Base/Icon/Icon.types';
 import { IconButtonIcon24Props } from '../../Buttons/IconButton/IconButton.types';
 export interface CommonTextInputProps extends UseInputParameters {
     ariaDescribedby?: string;
+    ariaExpanded?: boolean;
     charLimit?: number;
     colorScheme?: 'outline' | 'filled';
     errorText?: string;
@@ -11,12 +12,19 @@ export interface CommonTextInputProps extends UseInputParameters {
     id: string;
     label: string;
     name?: string;
+    onKeyDown?: KeyboardEventHandler;
+    readonly?: boolean;
     ref?: ForwardedRef<null>;
+    role?: 'combobox';
     showInputHints?: boolean;
 }
 export interface TextInputProps extends CommonTextInputProps {
     icon?: IconProps;
+    iconButton?: IconButtonIcon24Props & {
+        ariaExpanded?: boolean;
+        ariaHaspopup?: boolean;
+        ref?: ForwardedRef<null>;
+    };
     inputFieldType?: HTMLInputTypeAttribute;
     size: 'medium' | 'large' | 'small';
-    textButton?: IconButtonIcon24Props;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodhood-web/ui",
-  "version": "3.0.0-development.56",
+  "version": "3.0.0-development.57",
   "main": "./index.js",
   "types": "./index.d.ts",
   "repository": "https://github.com/good-hood-gmbh/goodhood-web",