@agilekit/ui 0.1.0-alpha.31 → 0.1.0-alpha.33

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

@@ -1,11 +1,16 @@
 import React from 'react';
-interface TagProps {
+type NamedTagColor = 'standard' | 'neutral' | 'blue' | 'green' | 'red' | 'purple' | 'yellow' | 'orange';
+export interface TagProps {
     label: string;
-    color?: 'standard' | 'blue' | 'green' | 'red' | 'purple' | string;
-    onClick?: any;
-    onRemove?: any;
-    size?: 'medium' | 'small';
+    color?: NamedTagColor | string;
+    onClick?: React.MouseEventHandler<HTMLDivElement>;
+    onRemove?: React.MouseEventHandler<HTMLButtonElement>;
+    size?: 'medium' | 'small' | 'xs';
     appearence?: 'bullet' | 'solid';
+    hasAction?: boolean;
+    actionIcon?: React.ReactNode;
+    onAction?: React.MouseEventHandler<HTMLButtonElement>;
+    actionAriaLabel?: string;
 }
 declare const Tag: React.FC<TagProps>;
 export default Tag;

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

@@ -1 +1,2 @@
 export { default as Tag } from './Tag';
+export type { TagProps } from './Tag';

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

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

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import { ColorResult } from 'react-color';
 import { DatePickerValue } from '../DatePicker/DatePicker';
+import type { TextFieldCalendarProps } from './TextField.types';
 interface AdornmentParams {
     startAdornment?: React.ReactNode;
     endAdornment?: React.ReactNode;
@@ -19,6 +20,7 @@ interface DatePickerAdornmentParams {
     datePicker?: boolean;
     dateRange?: boolean;
     locale: string;
+    calendarProps?: TextFieldCalendarProps;
     classes: any;
     handleDatePickerOpenChange: (open: boolean) => void;
     handleDatePicker: (value: DatePickerValue) => void;
@@ -62,7 +64,7 @@ export declare const getTextFieldAdornments: ({ startAdornment, endAdornment, ic
     finalStartAdornment: React.ReactNode;
     finalEndAdornment: React.ReactNode;
 };
-export declare const renderDatePickerAdornment: ({ open, datePicker, dateRange, locale, classes, handleDatePickerOpenChange, handleDatePicker, }: DatePickerAdornmentParams) => React.ReactNode;
+export declare const renderDatePickerAdornment: ({ open, datePicker, dateRange, locale, calendarProps, 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/TextField.types.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
 import { NumberFormatValues } from 'react-number-format';
+import type { CalendarProps } from 'react-calendar';
+export type TextFieldCalendarProps = Omit<CalendarProps, 'value' | 'defaultValue' | 'onChange' | 'selectRange' | 'locale'>;
 export interface BasicTextFieldProps {
     disabled?: boolean;
     label?: string;
@@ -26,6 +28,7 @@ export interface ITextFieldProps extends React.HTMLAttributes<HTMLInputElement>,
     datePicker?: boolean;
     dateRange?: boolean;
     timePicker?: boolean;
+    calendarProps?: TextFieldCalendarProps;
     timePickerFormat?: '12h' | '24h';
     colorPicker?: boolean | number;
     colorPickerMode?: 'free' | 'predefined';

package/lib/src/index.d.ts

@@ -65,7 +65,7 @@ export { default as TableListHead } from './components/TableList/components/Tabl
 export { default as TableListRow } from './components/TableList/components/TableListRow/TableListRow';
 export { default as TopBar } from './components/TopBar/TopBar';
 export { default as Tabs } from './components/Tabs/Tabs';
-export { default as Tag } from './components/Tag/Tag';
+export { default as Tag, type TagProps } from './components/Tag/Tag';
 export { default as TextField } from './components/TextField';
 export { default as UnstyledLink } from './components/UnstyledLink/UnstyledLink';
 export { default as SpinnerCube } from './components/SpinnerCube/SpinnerCube';

package/package.json

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

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

@@ -1,2 +0,0 @@
-declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"button" | "color" | "blue" | "green" | "orange" | "purple" | "red" | "solid" | "label" | "root" | "close" | "standard" | "rootClose" | "rootClick" | "rootSmall">;
-export default useStyles;