@televet/kibble-ui 1.14.0 → 1.14.1-beta.2f7t91q.0

package/build/components/Forms/DatePicker/components/Day/day.component.d.ts

@@ -0,0 +1,7 @@
+interface DayProps {
+    dayLabel: string;
+    date: Date;
+    onDaySelected: () => void;
+}
+declare const Day: ({ dayLabel, date, onDaySelected }: DayProps) => JSX.Element;
+export default Day;

package/build/components/Forms/DatePicker/components/Month/month.component.d.ts

@@ -0,0 +1,9 @@
+import { FirstDayOfWeek } from '@datepicker-react/hooks';
+export interface MonthProps {
+    year: number;
+    month: number;
+    firstDayOfWeek: FirstDayOfWeek;
+    onDaySelected: () => void;
+}
+declare const Month: ({ year, month, firstDayOfWeek, onDaySelected }: MonthProps) => JSX.Element;
+export default Month;

package/build/components/Forms/DatePicker/datepicker.component.d.ts

@@ -0,0 +1,13 @@
+export interface DatePickerProps {
+    date: Date | null;
+    onDateChange?: (date: Date | null) => void;
+    dateFormat?: string;
+    inputIsReadonly?: boolean;
+}
+/**
+ * A simple date picker component.
+ *
+ * Note: Be careful with dateFormat and allowing search (inputIsReadonly = false) as changing the format
+ * can cause exceptions to be thrown.
+ */
+export declare const BetaDatePicker: ({ date, onDateChange, dateFormat, inputIsReadonly, }: DatePickerProps) => JSX.Element;

package/build/components/Forms/DatePicker/datepicker.context.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+export interface IDatePickerContext {
+    focusedDate: Date | null;
+    isDateFocused: (date: Date) => boolean;
+    isDateSelected: (date: Date) => boolean;
+    isDateHovered: (date: Date) => boolean;
+    isDateBlocked: (date: Date) => boolean;
+    isFirstOrLastSelectedDate: (date: Date) => boolean;
+    onDateFocus: (date: Date) => void;
+    onDateHover: (date: Date) => void;
+    onDateSelect: (date: Date) => void;
+}
+export declare const DatePickerContext: React.Context<IDatePickerContext>;
+export declare const useDatePickerContext: () => IDatePickerContext;
+interface IDatePickerProvider extends IDatePickerContext {
+    date?: Date;
+    children: React.ReactNode;
+}
+declare const DatePickerProvider: ({ date, children, ...rest }: IDatePickerProvider) => JSX.Element;
+export default DatePickerProvider;

package/build/components/Forms/DatePicker/index.d.ts

@@ -0,0 +1,2 @@
+export * from './datepicker.component';
+export * from './datepicker.context';

package/build/components/Forms/Select/select.component.d.ts

@@ -1,18 +1,26 @@
-import React, { ReactNode } from 'react';
+import React, { ReactNode, ChangeEvent } from 'react';
 import { SelectProps as CSelectProps } from '@chakra-ui/react';
+import { MenuListProps } from 'components/Overlay/Menu/components/MenuList/menuList.component';
 import { WithFormControlProps } from '../FormControl/formControl.component';
 import { SelectOptionProps } from 'components/Forms/Select/select.types';
-export interface SelectProps extends WithFormControlProps, CSelectProps {
-    useBrowserDefaultMenu?: boolean;
+export interface SelectListProps extends Omit<MenuListProps, 'canSelectAll' | 'canSelectGroups' | 'isMultiSelect' | 'onSelectAll' | 'menuItems' | 'shouldTruncateText'> {
+    onClose?: (selectedOption: (SelectOptionProps | undefined)[]) => void;
+    defaultLeftElement?: ReactNode;
+}
+export interface SelectBaseProps extends WithFormControlProps, CSelectProps {
     options: SelectOptionProps[];
-    listProps?: {
-        isGrouped?: boolean;
-        isSearchable?: boolean;
-        onSelect?: (selectedOption: SelectOptionProps) => void;
-        onClose?: (selectedOption: (SelectOptionProps | undefined)[]) => void;
-        defaultLeftElement?: ReactNode;
-    };
     shouldTruncateText?: boolean;
 }
+export interface BrowserDefaultSelect extends SelectBaseProps {
+    useBrowserDefaultMenu?: boolean;
+    onChange: (e: ChangeEvent<HTMLSelectElement>) => void;
+    listProps?: never;
+}
+export interface CustomSelect extends SelectBaseProps {
+    useBrowserDefaultMenu?: never;
+    onChange?: never;
+    listProps?: SelectListProps;
+}
+export declare type SelectProps = BrowserDefaultSelect | CustomSelect;
 declare const WrappedSelect: React.FC<SelectProps>;
 export { WrappedSelect as Select };

package/build/components/Forms/Select/select.types.d.ts

@@ -1,3 +1,4 @@
 import { MenuItemProps } from '../../Overlay/Menu';
 export interface SelectOptionProps extends MenuItemProps {
+    isPlaceholder?: boolean;
 }

package/build/components/Forms/index.d.ts

@@ -6,3 +6,4 @@ export * from './Radio';
 export * from './RatingDots';
 export * from './Select';
 export * from './Switch';
+export * from './DatePicker';