@agilekit/ui 0.1.0-alpha.25 → 0.1.0-alpha.27

package/lib/src/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import type { Placement } from 'popper.js';
+import type { CalendarProps } from 'react-calendar';
+export type DatePickerValue = Date | null | [Date | null, Date | null];
+export interface DatePickerTriggerProps {
+    open: boolean;
+    onClick: (event: React.MouseEvent<any>) => void;
+    'aria-haspopup': 'dialog';
+    'aria-expanded': boolean;
+}
+export interface DatePickerProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    value?: DatePickerValue;
+    defaultValue?: DatePickerValue;
+    onChange?: (value: DatePickerValue, event: React.MouseEvent<HTMLButtonElement>) => void;
+    renderTrigger: (props: DatePickerTriggerProps) => React.ReactElement<any>;
+    selectRange?: boolean;
+    locale?: string;
+    closeOnSelect?: boolean;
+    placement?: Placement;
+    isPortal?: boolean;
+    zIndex?: number;
+    calendarProps?: Omit<CalendarProps, 'value' | 'defaultValue' | 'onChange' | 'selectRange' | 'locale'>;
+}
+declare const DatePicker: React.FC<DatePickerProps>;
+export default DatePicker;

package/lib/src/components/DatePicker/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './DatePicker';
+export type { DatePickerProps, DatePickerTriggerProps, DatePickerValue } from './DatePicker';

package/lib/src/components/DatePicker/tests/DatePicker.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/components/TextField/TextField.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import 'react-calendar/dist/Calendar.css';
 import type { ITextFieldProps } from './TextField.types';
 export type { BasicTextFieldProps, ITextFieldProps } from './TextField.types';
 declare const TextField: React.FC<ITextFieldProps>;

package/lib/src/components/TextField/TextField.renderers.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { ColorResult } from 'react-color';
+import { DatePickerValue } from '../DatePicker/DatePicker';
 interface AdornmentParams {
     startAdornment?: React.ReactNode;
     endAdornment?: React.ReactNode;
@@ -9,18 +10,18 @@ interface AdornmentParams {
     dateRange?: boolean;
     timePicker?: boolean;
     timePickerDisabled?: boolean;
+    datePickerAdornment?: React.ReactNode;
     classes: any;
-    handlePopoverClick: (event: React.MouseEvent<any>) => void;
     handleTimePickerClick: (event: React.MouseEvent<any>) => void;
 }
-interface DatePickerPopoverParams {
+interface DatePickerAdornmentParams {
     open: boolean;
-    anchorEl: HTMLElement | null;
     datePicker?: boolean;
     dateRange?: boolean;
     locale: string;
-    handlePopoverClose: () => void;
-    handleDatePicker: (value: any) => void;
+    classes: any;
+    handleDatePickerOpenChange: (open: boolean) => void;
+    handleDatePicker: (value: DatePickerValue) => void;
 }
 interface ColorPickerButtonParams {
     classes: any;
@@ -54,11 +55,11 @@ interface HelperTextParams {
     helperText?: React.ReactNode;
     classes: any;
 }
-export declare const getTextFieldAdornments: ({ startAdornment, endAdornment, iconLeft, iconRight, datePicker, dateRange, timePicker, timePickerDisabled, classes, handlePopoverClick, handleTimePickerClick, }: AdornmentParams) => {
+export declare const getTextFieldAdornments: ({ startAdornment, endAdornment, iconLeft, iconRight, datePicker, dateRange, timePicker, timePickerDisabled, datePickerAdornment, classes, handleTimePickerClick, }: AdornmentParams) => {
     finalStartAdornment: React.ReactNode;
     finalEndAdornment: React.ReactNode;
 };
-export declare const renderDatePickerPopover: ({ open, anchorEl, datePicker, dateRange, locale, handlePopoverClose, handleDatePicker, }: DatePickerPopoverParams) => React.ReactNode;
+export declare const renderDatePickerAdornment: ({ open, datePicker, dateRange, locale, classes, handleDatePickerOpenChange, handleDatePicker, }: DatePickerAdornmentParams) => React.ReactNode;
 export declare const renderColorPickerButton: ({ classes, value, handlePopoverClick, }: ColorPickerButtonParams) => React.ReactNode;
 export declare const renderColorPickerPopover: ({ name, open, anchorEl, classes, value, colorPickerMode, predefinedColors, handlePopoverClose, handleColorPicker, handlePredefinedColorPicker, }: ColorPickerPopoverParams) => React.ReactNode;
 export declare const renderTimePickerPopover: ({ open, anchorEl, timePicker, classes, value, options, handlePopoverClose, handleTimePickerSelect, }: TimePickerPopoverParams) => React.ReactNode;

package/lib/src/components/TextField/tests/TextFieldDatePicker.integration.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/index.d.ts

@@ -18,6 +18,7 @@ export { default as Checkbox } from './components/Checkbox/Checkbox';
 export { default as Choice } from './components/Choice/Choice';
 export { default as ChoiceItem } from './components/ChoiceItem/ChoiceItem';
 export { default as CollapsibleItem } from './components/CollapsibleItem/CollapsibleItem';
+export { default as DatePicker, type DatePickerProps, type DatePickerValue } from './components/DatePicker';
 export { default as Col } from './components/Grid/components/Col/Col';
 export { default as DataTable } from './components/DataTable/DataTable';
 export { default as Drawer } from './components/Drawer/Drawer';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agilekit/ui",
-  "version": "0.1.0-alpha.25",
+  "version": "0.1.0-alpha.27",
   "description": "Agile's product component library",
   "author": "Michael de Lima Alves <michaelalves@outlook.com>",
   "license": "MIT",