alex-evo-sh-ui-kit 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -0
- package/dist/alex-evo-sh-ui-kit.es.js +1626 -0
- package/dist/alex-evo-sh-ui-kit.umd.js +111 -0
- package/dist/helpers/getModalCord.d.ts +15 -0
- package/dist/helpers/stringSplitAndJoin.d.ts +2 -0
- package/dist/helpers/table.d.ts +4 -0
- package/dist/index.css +1 -0
- package/dist/index.d.ts +43 -0
- package/dist/model/menu.d.ts +41 -0
- package/dist/model/point.d.ts +4 -0
- package/dist/model/table.d.ts +33 -0
- package/dist/ui/BaseActionCard/BaseActionCard.d.ts +6 -0
- package/dist/ui/BigContainer/BigContainer.d.ts +11 -0
- package/dist/ui/BottomSheets/BottomSheetsUi.d.ts +7 -0
- package/dist/ui/Button/Button.d.ts +13 -0
- package/dist/ui/Card/Card.d.ts +14 -0
- package/dist/ui/Checkbox/Checkbox.d.ts +9 -0
- package/dist/ui/Chips/Chips.d.ts +8 -0
- package/dist/ui/DatePicker/DatePickers.d.ts +6 -0
- package/dist/ui/DayOfWeek/DayOfWeek.d.ts +7 -0
- package/dist/ui/Dialog/BaseDialog/BaseDialog.d.ts +11 -0
- package/dist/ui/Dialog/BaseDialog/SelectionDialog.d.ts +14 -0
- package/dist/ui/Dialog/BaseDialog/TextDialog.d.ts +13 -0
- package/dist/ui/Dialog/TemplateDialog/BasicTemplateDialog.d.ts +10 -0
- package/dist/ui/Dialog/TemplateDialog/FullScreenTemplateDialog.d.ts +10 -0
- package/dist/ui/Divider/Divider.d.ts +7 -0
- package/dist/ui/FAB/FAB.d.ts +11 -0
- package/dist/ui/FieldContainer/FieldContainer.d.ts +6 -0
- package/dist/ui/GridLayout/GridLayout.d.ts +18 -0
- package/dist/ui/IconButton/IconButton.d.ts +13 -0
- package/dist/ui/List/List.d.ts +9 -0
- package/dist/ui/List/ListItem.d.ts +12 -0
- package/dist/ui/Menu/Menu.d.ts +3 -0
- package/dist/ui/Menu/MenuBlock.d.ts +11 -0
- package/dist/ui/Menu/MenuItem.d.ts +12 -0
- package/dist/ui/Menu/SmallWindowMenu.d.ts +3 -0
- package/dist/ui/Menu/SubMenuItem.d.ts +9 -0
- package/dist/ui/Menu/SubMenuItemBlock.d.ts +10 -0
- package/dist/ui/MoreText/MoreText.d.ts +8 -0
- package/dist/ui/RadioButton/RadioButton.d.ts +15 -0
- package/dist/ui/RunningLine/RunningLine.d.ts +10 -0
- package/dist/ui/ScrollContainer/ScrollContainer.d.ts +7 -0
- package/dist/ui/Search/Search.d.ts +8 -0
- package/dist/ui/Snackbar/Snackbar.d.ts +16 -0
- package/dist/ui/Switch/Switch.d.ts +8 -0
- package/dist/ui/Table/Table.d.ts +5 -0
- package/dist/ui/Table/TableCell.d.ts +10 -0
- package/dist/ui/Table/TableRow.d.ts +14 -0
- package/dist/ui/TextField/TextArea.d.ts +18 -0
- package/dist/ui/TextField/TextField.d.ts +23 -0
- package/dist/ui/TimePickers/EnterTime.d.ts +12 -0
- package/dist/ui/TimePickers/SelectTime.d.ts +12 -0
- package/dist/ui/TimePickers/TimePickers.d.ts +8 -0
- package/package.json +35 -0
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { IPoint } from '../../model/point';
|
|
2
|
+
|
|
3
|
+
export interface BigContainerProps {
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
className?: string;
|
|
6
|
+
height?: string;
|
|
7
|
+
width?: string;
|
|
8
|
+
id?: string;
|
|
9
|
+
pozMove?: IPoint;
|
|
10
|
+
}
|
|
11
|
+
export declare const BigContainer: ({ children, className, id, height, width, pozMove }: BigContainerProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
type BaseButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
|
|
4
|
+
export interface IButtonProps extends BaseButtonProps {
|
|
5
|
+
styleType?: "outline" | "text" | "filledTotal" | "filled" | "base";
|
|
6
|
+
}
|
|
7
|
+
export declare const OutlineButton: (props: BaseButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export declare const TextButton: (props: BaseButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export declare const FilledTotalButton: (props: BaseButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export declare const FilledButton: (props: BaseButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export declare const BaseButton: (props: BaseButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export declare const Button: ({ styleType, ...props }: IButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
|
|
2
|
+
export interface CardProps {
|
|
3
|
+
className?: string;
|
|
4
|
+
action?: React.ReactNode;
|
|
5
|
+
imgSrc?: string;
|
|
6
|
+
alt?: string;
|
|
7
|
+
header?: string;
|
|
8
|
+
subhead?: string;
|
|
9
|
+
text?: string;
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
iconButtonCell?: React.ReactNode;
|
|
12
|
+
onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
|
|
13
|
+
}
|
|
14
|
+
export declare const Card: ({ className, action, imgSrc, alt, header, subhead, text, children, iconButtonCell, onClick }: CardProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
|
|
2
|
+
export interface CheckboxProps {
|
|
3
|
+
name?: string;
|
|
4
|
+
checked?: boolean;
|
|
5
|
+
readOnly?: boolean;
|
|
6
|
+
checkIcon?: React.ReactNode;
|
|
7
|
+
onChange?: (e?: React.ChangeEvent<HTMLInputElement>) => void;
|
|
8
|
+
}
|
|
9
|
+
export declare const Checkbox: ({ name, checked, onChange, readOnly, checkIcon }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
|
|
2
|
+
export interface ChipsProps {
|
|
3
|
+
text: string;
|
|
4
|
+
onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
|
|
5
|
+
onDelete?: () => void;
|
|
6
|
+
big?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export declare const Chips: ({ text, onDelete, big, onClick }: ChipsProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface BaseDialogProps {
|
|
3
|
+
text?: string;
|
|
4
|
+
header?: string;
|
|
5
|
+
actionText?: string;
|
|
6
|
+
onSuccess?: () => void;
|
|
7
|
+
onCancel?: () => void;
|
|
8
|
+
onHide?: () => void;
|
|
9
|
+
styleContainer?: React.CSSProperties;
|
|
10
|
+
}
|
|
11
|
+
export declare const BaseDialog: ({ styleContainer, text, header, actionText, onSuccess, onHide, onCancel }: BaseDialogProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
interface IItem<T> {
|
|
2
|
+
title: string;
|
|
3
|
+
data: T;
|
|
4
|
+
}
|
|
5
|
+
interface SelectionDialogProps<T> {
|
|
6
|
+
onSuccess?: (data: T) => void;
|
|
7
|
+
items: IItem<T>[];
|
|
8
|
+
header: string;
|
|
9
|
+
onHide?: () => void;
|
|
10
|
+
name?: string;
|
|
11
|
+
noHide?: boolean;
|
|
12
|
+
}
|
|
13
|
+
export declare function SelectionDialog<T>({ onSuccess, items, header, onHide, noHide, name }: SelectionDialogProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface TextDialogProps {
|
|
3
|
+
text?: string;
|
|
4
|
+
header?: string;
|
|
5
|
+
onSuccess?: (data: string) => void;
|
|
6
|
+
onHide?: () => void;
|
|
7
|
+
placeholder?: string;
|
|
8
|
+
type?: string;
|
|
9
|
+
min?: number;
|
|
10
|
+
max?: number;
|
|
11
|
+
styleContainer?: React.CSSProperties;
|
|
12
|
+
}
|
|
13
|
+
export declare const TextDialog: ({ styleContainer, text, header, onSuccess, onHide, placeholder, type, min, max }: TextDialogProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
|
|
2
|
+
export interface DialogProps {
|
|
3
|
+
children: React.ReactNode;
|
|
4
|
+
header?: string;
|
|
5
|
+
action?: React.ReactNode;
|
|
6
|
+
onHide?: () => void;
|
|
7
|
+
className?: string;
|
|
8
|
+
style?: React.CSSProperties;
|
|
9
|
+
}
|
|
10
|
+
export declare const BasicTemplateDialog: ({ className, children, header, action, onHide, style }: DialogProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
|
|
2
|
+
export interface DialogProps {
|
|
3
|
+
children: React.ReactNode;
|
|
4
|
+
header?: string;
|
|
5
|
+
onSave?: (data?: any) => void;
|
|
6
|
+
onHide?: () => void;
|
|
7
|
+
className?: string;
|
|
8
|
+
style?: React.CSSProperties;
|
|
9
|
+
}
|
|
10
|
+
export declare const FullScrinTemplateDialog: ({ style, className, header, children, onSave, onHide }: DialogProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface ExtendedFABProps {
|
|
4
|
+
icon?: React.ReactNode;
|
|
5
|
+
className?: string;
|
|
6
|
+
onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
7
|
+
onContextMenu?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
8
|
+
children?: React.ReactNode;
|
|
9
|
+
style?: React.CSSProperties;
|
|
10
|
+
}
|
|
11
|
+
export declare const FAB: ({ style, icon, className, onClick, onContextMenu, children }: ExtendedFABProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
|
|
2
|
+
interface IAdaptivGridItemProps {
|
|
3
|
+
children?: React.ReactNode;
|
|
4
|
+
}
|
|
5
|
+
declare const GridLayoutItem: ({ children }: IAdaptivGridItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export interface IAdaptivGridProps {
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
className?: string;
|
|
9
|
+
gridRowGap?: string;
|
|
10
|
+
gridColumnGap?: string;
|
|
11
|
+
itemMinWith?: string;
|
|
12
|
+
itemMaxWith?: string;
|
|
13
|
+
itemWith?: string;
|
|
14
|
+
minWith?: string;
|
|
15
|
+
}
|
|
16
|
+
declare const GridLayout: ({ minWith, children, className, gridRowGap, gridColumnGap, itemMinWith, itemMaxWith, itemWith }: IAdaptivGridProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export default GridLayout;
|
|
18
|
+
export { GridLayoutItem };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface IconButtonProps {
|
|
4
|
+
icon: React.ReactNode;
|
|
5
|
+
className?: string;
|
|
6
|
+
classNameContainer?: string;
|
|
7
|
+
onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
8
|
+
onContextMenu?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
style?: React.CSSProperties;
|
|
11
|
+
transparent?: boolean;
|
|
12
|
+
}
|
|
13
|
+
export declare const IconButton: ({ transparent, icon, className, onClick, onContextMenu, disabled, classNameContainer, style }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
|
|
2
|
+
export interface ListContainerProps {
|
|
3
|
+
children?: React.ReactNode;
|
|
4
|
+
className?: string;
|
|
5
|
+
maxHeight?: string;
|
|
6
|
+
scroll?: boolean;
|
|
7
|
+
transparent?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export declare const ListContainer: ({ children, className, maxHeight, scroll, transparent }: ListContainerProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
|
|
2
|
+
export interface ListItemContainerProps {
|
|
3
|
+
icon?: React.ReactNode;
|
|
4
|
+
header?: string;
|
|
5
|
+
text?: string;
|
|
6
|
+
control?: React.ReactNode;
|
|
7
|
+
value?: string;
|
|
8
|
+
onClick?: (e: React.MouseEvent<HTMLLIElement>) => void;
|
|
9
|
+
hovered?: boolean;
|
|
10
|
+
className?: string;
|
|
11
|
+
}
|
|
12
|
+
export declare const ListItem: ({ icon, control, text, header, value, onClick, hovered, className }: ListItemContainerProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { IBlock } from '../../model/menu';
|
|
2
|
+
|
|
3
|
+
interface MenuItemProps {
|
|
4
|
+
block: IBlock;
|
|
5
|
+
smallDisplay: boolean;
|
|
6
|
+
onHide?: () => void;
|
|
7
|
+
globalClick?: () => void;
|
|
8
|
+
autoHide?: boolean;
|
|
9
|
+
}
|
|
10
|
+
declare function MenuBlock({ block, smallDisplay, onHide, globalClick, autoHide }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export { MenuBlock };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { IMenuItem } from '../../model/menu';
|
|
2
|
+
|
|
3
|
+
interface MenuItemProps {
|
|
4
|
+
item: IMenuItem;
|
|
5
|
+
isIcon: boolean;
|
|
6
|
+
smallDisplay: boolean;
|
|
7
|
+
globalClick?: () => void;
|
|
8
|
+
autoHide?: boolean;
|
|
9
|
+
onHide?: () => void;
|
|
10
|
+
}
|
|
11
|
+
declare const MenuItem: ({ onHide, autoHide, globalClick, item, isIcon, smallDisplay }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export { MenuItem };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { IMenuSubItem } from '../../model/menu';
|
|
2
|
+
|
|
3
|
+
interface MenuItemProps {
|
|
4
|
+
item: IMenuSubItem;
|
|
5
|
+
isIcon: boolean;
|
|
6
|
+
globalClick?: () => void;
|
|
7
|
+
}
|
|
8
|
+
declare const SubMenuItem: ({ item, isIcon, globalClick }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export { SubMenuItem };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { IMenuSubItem } from '../../model/menu';
|
|
2
|
+
|
|
3
|
+
interface MenuItemProps {
|
|
4
|
+
items: IMenuSubItem[];
|
|
5
|
+
onHide: () => void;
|
|
6
|
+
smallDisplay: boolean;
|
|
7
|
+
globalClick?: () => void;
|
|
8
|
+
}
|
|
9
|
+
declare const SubMenuItemBlock: ({ items, onHide, smallDisplay, globalClick }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export { SubMenuItemBlock };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
|
|
2
|
+
export interface MoreTextProps {
|
|
3
|
+
value: string;
|
|
4
|
+
onChange?: (value: string) => void;
|
|
5
|
+
border?: boolean;
|
|
6
|
+
minWidth?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare const MoreText: ({ minWidth, value, onChange, border }: MoreTextProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
|
|
2
|
+
export interface RadioButtonProps {
|
|
3
|
+
name: string;
|
|
4
|
+
currentValue?: string | number;
|
|
5
|
+
value?: string | number;
|
|
6
|
+
onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
7
|
+
readOnly?: boolean;
|
|
8
|
+
checked?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export interface BaseRadioButtonProps {
|
|
11
|
+
name: string;
|
|
12
|
+
checked?: boolean;
|
|
13
|
+
}
|
|
14
|
+
export declare const BaseRadioButton: ({ name, checked }: BaseRadioButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export declare const RadioButton: ({ name, currentValue, value, onChange, readOnly, checked }: RadioButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface RunningLineProps {
|
|
4
|
+
text: string;
|
|
5
|
+
className?: string;
|
|
6
|
+
onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
|
|
7
|
+
onContextMenu?: (event: React.MouseEvent<HTMLDivElement>) => void;
|
|
8
|
+
style?: React.CSSProperties;
|
|
9
|
+
}
|
|
10
|
+
export declare const RunningLine: ({ style, text, className, onClick, onContextMenu }: RunningLineProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
|
|
2
|
+
export interface SearchProps {
|
|
3
|
+
onSearch: (data: string) => void;
|
|
4
|
+
onMenu?: () => void;
|
|
5
|
+
placeholder?: string;
|
|
6
|
+
autoChenge?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export declare const Search: ({ onMenu, onSearch, placeholder, autoChenge }: SearchProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
|
|
2
|
+
export interface IOptionSnackbar {
|
|
3
|
+
onClick?: () => void;
|
|
4
|
+
buttonText?: string;
|
|
5
|
+
closeButton?: boolean;
|
|
6
|
+
backgroundColor?: string;
|
|
7
|
+
color?: string;
|
|
8
|
+
className?: string;
|
|
9
|
+
onHide?: () => void;
|
|
10
|
+
}
|
|
11
|
+
export interface SnackbarProps {
|
|
12
|
+
visible: boolean;
|
|
13
|
+
option?: IOptionSnackbar;
|
|
14
|
+
text: string;
|
|
15
|
+
}
|
|
16
|
+
export declare const Snackbar: ({ visible, text, option }: SnackbarProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
|
|
2
|
+
export interface ISwitchProps {
|
|
3
|
+
name?: string;
|
|
4
|
+
onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
5
|
+
checked?: boolean;
|
|
6
|
+
className?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare const Switch: ({ name, onChange, checked, className }: ISwitchProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Column, IDataItem } from '../../model/table';
|
|
2
|
+
|
|
3
|
+
interface CellProps {
|
|
4
|
+
column: Column;
|
|
5
|
+
data: IDataItem;
|
|
6
|
+
color?: string;
|
|
7
|
+
backgroundColor?: string;
|
|
8
|
+
}
|
|
9
|
+
export declare const TableCell: ({ data, column, color, backgroundColor }: CellProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Column, IDataItem, ITableAction } from '../../model/table';
|
|
2
|
+
|
|
3
|
+
interface RowProps {
|
|
4
|
+
item: IDataItem;
|
|
5
|
+
columns: Column[];
|
|
6
|
+
index: number;
|
|
7
|
+
actions?: ITableAction[];
|
|
8
|
+
onDelete?: (data: IDataItem, index: number) => void;
|
|
9
|
+
onEdit?: (data: IDataItem, index: number) => void;
|
|
10
|
+
onContextMenu?: (event: React.MouseEvent<HTMLElement>, data: IDataItem, index: number) => void;
|
|
11
|
+
onClickRow?: (data: IDataItem, index: number) => void;
|
|
12
|
+
}
|
|
13
|
+
export declare const TableRow: ({ actions, item, columns, onContextMenu, onDelete, onEdit, onClickRow, index }: RowProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
|
|
2
|
+
export interface ITextAreaProps {
|
|
3
|
+
onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
|
|
4
|
+
name?: string;
|
|
5
|
+
value?: number | string;
|
|
6
|
+
placeholder?: string;
|
|
7
|
+
validEmptyValue?: boolean;
|
|
8
|
+
className?: string;
|
|
9
|
+
onFocus?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
|
|
10
|
+
onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
|
|
11
|
+
error?: boolean;
|
|
12
|
+
icon?: React.ReactNode;
|
|
13
|
+
border?: boolean;
|
|
14
|
+
readOnly?: boolean;
|
|
15
|
+
transparent?: boolean;
|
|
16
|
+
styleContainer?: React.CSSProperties;
|
|
17
|
+
}
|
|
18
|
+
export declare const TextArea: ({ styleContainer, transparent, readOnly, border, icon, onChange, name, value, placeholder, className, validEmptyValue, onFocus, onBlur, error }: ITextAreaProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
|
|
2
|
+
export interface ITextFieldProps {
|
|
3
|
+
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
4
|
+
name?: string;
|
|
5
|
+
value?: number | string;
|
|
6
|
+
placeholder?: string;
|
|
7
|
+
validEmptyValue?: boolean;
|
|
8
|
+
className?: string;
|
|
9
|
+
onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
10
|
+
onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
11
|
+
error?: boolean;
|
|
12
|
+
icon?: React.ReactNode;
|
|
13
|
+
onClear?: () => void;
|
|
14
|
+
border?: boolean;
|
|
15
|
+
password?: boolean;
|
|
16
|
+
readOnly?: boolean;
|
|
17
|
+
type?: string;
|
|
18
|
+
transparent?: boolean;
|
|
19
|
+
min?: number;
|
|
20
|
+
max?: number;
|
|
21
|
+
styleContainer?: React.CSSProperties;
|
|
22
|
+
}
|
|
23
|
+
export declare const TextField: ({ styleContainer, type, transparent, readOnly, password, border, onClear, icon, onChange, name, value, placeholder, className, validEmptyValue, onFocus, onBlur, error, max, min }: ITextFieldProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
|
|
2
|
+
interface SelectTimeProps {
|
|
3
|
+
setMinutes: (number: number) => void;
|
|
4
|
+
setHours: (number: number) => void;
|
|
5
|
+
switchMode: () => void;
|
|
6
|
+
minutes: number;
|
|
7
|
+
hours: number;
|
|
8
|
+
onCancel: () => void;
|
|
9
|
+
onOK: () => void;
|
|
10
|
+
}
|
|
11
|
+
export declare const EnterTime: ({ setHours, setMinutes, switchMode, minutes, hours, onCancel, onOK }: SelectTimeProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
|
|
2
|
+
interface SelectTimeProps {
|
|
3
|
+
setMinutes: (number: number) => void;
|
|
4
|
+
setHours: (number: number) => void;
|
|
5
|
+
switchMode: () => void;
|
|
6
|
+
minutes: number;
|
|
7
|
+
hours: number;
|
|
8
|
+
onCancel: () => void;
|
|
9
|
+
onOK: () => void;
|
|
10
|
+
}
|
|
11
|
+
export declare const SelectTime: ({ setHours, setMinutes, switchMode, hours, minutes, onCancel, onOK }: SelectTimeProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export {};
|
package/package.json
ADDED
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "alex-evo-sh-ui-kit",
|
|
3
|
+
"version": "1.0.0",
|
|
4
|
+
"type": "module",
|
|
5
|
+
"scripts": {
|
|
6
|
+
"dev": "vite",
|
|
7
|
+
"prepack": "json -f package.json -I -e \"delete this.devDependencies; delete this.dependencies\"",
|
|
8
|
+
"build": "tsc && vite build",
|
|
9
|
+
"lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
|
|
10
|
+
"preview": "vite preview",
|
|
11
|
+
"storybook": "storybook dev -p 6006",
|
|
12
|
+
"build-storybook": "storybook build",
|
|
13
|
+
"deploy-storybook": "npm run build-storybook && ./node_modules/.bin/gh-pages -d storybook-static",
|
|
14
|
+
"pub": "npm run build && npm version patch && npm publish"
|
|
15
|
+
},
|
|
16
|
+
"main": "./dist/alex-evo-sh-ui-kit.umd.js",
|
|
17
|
+
"module": "./dist/alex-evo-sh-ui-kit.es.js",
|
|
18
|
+
"types": "./dist/index.d.ts",
|
|
19
|
+
"stylelint": {},
|
|
20
|
+
"exports": {
|
|
21
|
+
".": {
|
|
22
|
+
"import": "./dist/alex-evo-sh-ui-kit.es.js",
|
|
23
|
+
"require": "./dist/alex-evo-sh-ui-kit.umd.js",
|
|
24
|
+
"types": "./dist/index.d.ts"
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
"peerDependencies": {
|
|
28
|
+
"lucide-react": "*",
|
|
29
|
+
"react": "*",
|
|
30
|
+
"react-dom": "*"
|
|
31
|
+
},
|
|
32
|
+
"files": [
|
|
33
|
+
"dist"
|
|
34
|
+
]
|
|
35
|
+
}
|