@agilekit/ui 0.1.0-alpha.24 → 0.1.0-alpha.26

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.helpers.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
 export declare const createInputChangeEvent: (value: string | number, name?: string) => React.ChangeEvent<HTMLInputElement>;
 export declare const formatDatePickerValue: (value: any, dateRange: boolean, locale: string) => string;
+export declare const getTimePickerOptions: (inputProps?: Record<string, any>) => string[];

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: () => 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;
@@ -39,17 +40,28 @@ interface ColorPickerPopoverParams {
     handleColorPicker: (color: ColorResult) => void;
     handlePredefinedColorPicker: (color: ColorResult) => void;
 }
+interface TimePickerPopoverParams {
+    open: boolean;
+    anchorEl: HTMLElement | null;
+    timePicker?: boolean;
+    classes: any;
+    value?: string | number;
+    options: string[];
+    handlePopoverClose: () => void;
+    handleTimePickerSelect: (value: string) => void;
+}
 interface HelperTextParams {
     error?: Error | boolean | string;
     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;
 export declare const renderHelperText: ({ error, helperText, classes }: HelperTextParams) => React.ReactNode;
 export {};

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

@@ -12,5 +12,5 @@ interface HelperTextStyles {
 }
 export declare const inputLabelStyles: (theme: ThemeAgile) => InputLabelStyles;
 export declare const helperTextStyles: (theme: ThemeAgile) => HelperTextStyles;
-export declare const useTextFieldStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"helperText" | "secondaryLabel" | "inputBase" | "inputLabel" | "inputLabelFocused" | "asteriskRequired" | "inputContainer" | "inputContainerFocus" | "inputContainerDisabled" | "inputContainerError" | "multilineContainer" | "inputDisabled" | "inputAction" | "inputGroupAppend" | "inputBtn" | "withAppend" | "withIconLeft" | "sideIcon" | "colorPickerButton" | "colorPopover" | "predefinedColorInput" | "timePickerInput" | "withMask" | "append" | "edgeEnd">;
+export declare const useTextFieldStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"helperText" | "secondaryLabel" | "inputBase" | "inputLabel" | "inputLabelFocused" | "asteriskRequired" | "inputContainer" | "inputContainerFocus" | "inputContainerDisabled" | "inputContainerError" | "multilineContainer" | "inputDisabled" | "inputAction" | "inputGroupAppend" | "inputBtn" | "withAppend" | "withIconLeft" | "sideIcon" | "colorPickerButton" | "colorPopover" | "predefinedColorInput" | "timePickerInput" | "timePickerPopover" | "timePickerOptionList" | "timePickerOption" | "timePickerOptionSelected" | "withMask" | "append" | "edgeEnd">;
 export {};

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.24",
+  "version": "0.1.0-alpha.26",
   "description": "Agile's product component library",
   "author": "Michael de Lima Alves <michaelalves@outlook.com>",
   "license": "MIT",