@tecsinapse/react-web-kit 3.3.10-beta.0 → 3.4.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/dist/types/components/atoms/Accordion/Accordion.d.ts +9 -0
- package/dist/types/components/atoms/Accordion/animations.d.ts +42 -0
- package/dist/types/components/atoms/Accordion/index.d.ts +2 -0
- package/dist/types/components/atoms/Accordion/styled.d.ts +17 -0
- package/dist/types/components/atoms/Badge/Badge.d.ts +8 -0
- package/dist/types/components/atoms/Badge/index.d.ts +2 -0
- package/dist/types/components/atoms/Button/Button.d.ts +10 -0
- package/dist/types/components/atoms/Button/hooks/useMouseHover.d.ts +5 -0
- package/dist/types/components/atoms/Button/hooks/useMousePressed.d.ts +5 -0
- package/dist/types/components/atoms/Button/index.d.ts +3 -0
- package/dist/types/components/atoms/Button/styled.d.ts +13 -0
- package/dist/types/components/atoms/Dropdown/index.d.ts +9 -0
- package/dist/types/components/atoms/Dropdown/styled.d.ts +5 -0
- package/dist/types/components/atoms/Input/Input.d.ts +7 -0
- package/dist/types/components/atoms/Input/index.d.ts +2 -0
- package/dist/types/components/atoms/Input/styled.d.ts +5 -0
- package/dist/types/components/atoms/InputMask/InputMask.d.ts +7 -0
- package/dist/types/components/atoms/InputMask/index.d.ts +2 -0
- package/dist/types/components/atoms/InputMask/styled.d.ts +5 -0
- package/dist/types/components/atoms/Modal/Modal.d.ts +7 -0
- package/dist/types/components/atoms/Modal/animations.d.ts +23 -0
- package/dist/types/components/atoms/Modal/index.d.ts +2 -0
- package/dist/types/components/atoms/Modal/styled.d.ts +5 -0
- package/dist/types/components/atoms/Overlay/Overlay.d.ts +11 -0
- package/dist/types/components/atoms/Overlay/animations.d.ts +23 -0
- package/dist/types/components/atoms/Overlay/index.d.ts +1 -0
- package/dist/types/components/atoms/Overlay/styled.d.ts +11 -0
- package/dist/types/components/atoms/Skeleton/Skeleton.d.ts +11 -0
- package/dist/types/components/atoms/Skeleton/index.d.ts +2 -0
- package/dist/types/components/atoms/Skeleton/styled.d.ts +6 -0
- package/dist/types/components/atoms/Switch/Switch.d.ts +4 -0
- package/dist/types/components/atoms/Switch/index.d.ts +1 -0
- package/dist/types/components/atoms/Switch/styled.d.ts +9 -0
- package/dist/types/components/atoms/Table/Body/TBody.d.ts +3 -0
- package/dist/types/components/atoms/Table/Body/index.d.ts +1 -0
- package/dist/types/components/atoms/Table/Cell/Td.d.ts +3 -0
- package/dist/types/components/atoms/Table/Cell/index.d.ts +1 -0
- package/dist/types/components/atoms/Table/Cell/styled.d.ts +5 -0
- package/dist/types/components/atoms/Table/Container/TableContainer.d.ts +3 -0
- package/dist/types/components/atoms/Table/Container/index.d.ts +1 -0
- package/dist/types/components/atoms/Table/Container/styled.d.ts +5 -0
- package/dist/types/components/atoms/Table/Footer/TFoot.d.ts +3 -0
- package/dist/types/components/atoms/Table/Footer/index.d.ts +1 -0
- package/dist/types/components/atoms/Table/Footer/styled.d.ts +5 -0
- package/dist/types/components/atoms/Table/Header/THead.d.ts +3 -0
- package/dist/types/components/atoms/Table/Header/Th.d.ts +3 -0
- package/dist/types/components/atoms/Table/Header/index.d.ts +2 -0
- package/dist/types/components/atoms/Table/Header/styled.d.ts +13 -0
- package/dist/types/components/atoms/Table/Row/Tr.d.ts +3 -0
- package/dist/types/components/atoms/Table/Row/index.d.ts +1 -0
- package/dist/types/components/atoms/Table/Row/styled.d.ts +5 -0
- package/dist/types/components/atoms/Table/Table.d.ts +3 -0
- package/dist/types/components/atoms/Table/Toolbar/TableToolbar.d.ts +8 -0
- package/dist/types/components/atoms/Table/Toolbar/index.d.ts +2 -0
- package/dist/types/components/atoms/Table/Toolbar/styled.d.ts +5 -0
- package/dist/types/components/atoms/Table/index.d.ts +9 -0
- package/dist/types/components/atoms/Table/styled.d.ts +5 -0
- package/dist/types/components/atoms/Tag/Tag.d.ts +8 -0
- package/dist/types/components/atoms/Tag/index.d.ts +2 -0
- package/dist/types/components/atoms/Tooltip/Tooltip.d.ts +15 -0
- package/dist/types/components/atoms/Tooltip/index.d.ts +2 -0
- package/dist/types/components/atoms/Tooltip/styled.d.ts +18 -0
- package/dist/types/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.d.ts +9 -0
- package/dist/types/components/molecules/Breadcrumbs/BreadcrumbItem/index.d.ts +2 -0
- package/dist/types/components/molecules/Breadcrumbs/BreadcrumbItem/styled.d.ts +9 -0
- package/dist/types/components/molecules/Breadcrumbs/Breadcrumbs.d.ts +11 -0
- package/dist/types/components/molecules/Breadcrumbs/index.d.ts +2 -0
- package/dist/types/components/molecules/Breadcrumbs/styled.d.ts +5 -0
- package/dist/types/components/molecules/DatePicker/DatePicker.d.ts +7 -0
- package/dist/types/components/molecules/DatePicker/Modal.d.ts +6 -0
- package/dist/types/components/molecules/DatePicker/index.d.ts +2 -0
- package/dist/types/components/molecules/DatePicker/styled.d.ts +11 -0
- package/dist/types/components/molecules/DateTimePicker/DateTimePicker.d.ts +4 -0
- package/dist/types/components/molecules/DateTimePicker/Modal.d.ts +3 -0
- package/dist/types/components/molecules/DateTimePicker/index.d.ts +2 -0
- package/dist/types/components/molecules/DateTimePicker/styled.d.ts +11 -0
- package/dist/types/components/molecules/DateTimePickerSelector/DateTimePickerSelector.d.ts +5 -0
- package/dist/types/components/molecules/DateTimePickerSelector/components/MemoizedTimeCard.d.ts +10 -0
- package/dist/types/components/molecules/DateTimePickerSelector/components/ScrollableDigit.d.ts +13 -0
- package/dist/types/components/molecules/DateTimePickerSelector/components/index.d.ts +2 -0
- package/dist/types/components/molecules/DateTimePickerSelector/index.d.ts +1 -0
- package/dist/types/components/molecules/DateTimePickerSelector/styled.d.ts +40 -0
- package/dist/types/components/molecules/Drawer/Drawer.d.ts +9 -0
- package/dist/types/components/molecules/Drawer/animations.d.ts +35 -0
- package/dist/types/components/molecules/Drawer/index.d.ts +2 -0
- package/dist/types/components/molecules/Drawer/styled.d.ts +6 -0
- package/dist/types/components/molecules/Grid/Grid.d.ts +5 -0
- package/dist/types/components/molecules/Grid/Item/Item.d.ts +9 -0
- package/dist/types/components/molecules/Grid/Item/functions.d.ts +2 -0
- package/dist/types/components/molecules/Grid/Item/index.d.ts +2 -0
- package/dist/types/components/molecules/Grid/index.d.ts +4 -0
- package/dist/types/components/molecules/IconTextButton/IconTextButton.d.ts +6 -0
- package/dist/types/components/molecules/IconTextButton/TextComponent.d.ts +12 -0
- package/dist/types/components/molecules/IconTextButton/hooks/useIconTextButton.d.ts +7 -0
- package/dist/types/components/molecules/IconTextButton/index.d.ts +2 -0
- package/dist/types/components/molecules/IconTextButton/styled.d.ts +12 -0
- package/dist/types/components/molecules/InputPassword/InputPassword.d.ts +5 -0
- package/dist/types/components/molecules/InputPassword/index.d.ts +2 -0
- package/dist/types/components/molecules/LabeledSwitch/LabelComponent.d.ts +12 -0
- package/dist/types/components/molecules/LabeledSwitch/LabeledSwitch.d.ts +7 -0
- package/dist/types/components/molecules/LabeledSwitch/index.d.ts +2 -0
- package/dist/types/components/molecules/LabeledSwitch/styled.d.ts +12 -0
- package/dist/types/components/molecules/Masonry/Masonry.d.ts +10 -0
- package/dist/types/components/molecules/Masonry/index.d.ts +1 -0
- package/dist/types/components/molecules/Masonry/styled.d.ts +18 -0
- package/dist/types/components/molecules/Menubar/MenuBlock/MenuBlock.d.ts +8 -0
- package/dist/types/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.d.ts +12 -0
- package/dist/types/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.d.ts +8 -0
- package/dist/types/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/index.d.ts +1 -0
- package/dist/types/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/styled.d.ts +9 -0
- package/dist/types/components/molecules/Menubar/MenuBlock/MenuItem/index.d.ts +1 -0
- package/dist/types/components/molecules/Menubar/MenuBlock/MenuItem/styled.d.ts +9 -0
- package/dist/types/components/molecules/Menubar/MenuBlock/index.d.ts +1 -0
- package/dist/types/components/molecules/Menubar/MenuBlock/styled.d.ts +21 -0
- package/dist/types/components/molecules/Menubar/Menubar.d.ts +14 -0
- package/dist/types/components/molecules/Menubar/MostUsed/MostUsed.d.ts +9 -0
- package/dist/types/components/molecules/Menubar/MostUsed/index.d.ts +1 -0
- package/dist/types/components/molecules/Menubar/MostUsed/styled.d.ts +9 -0
- package/dist/types/components/molecules/Menubar/SearchResultItem/SearchResultItem.d.ts +9 -0
- package/dist/types/components/molecules/Menubar/SearchResultItem/index.d.ts +1 -0
- package/dist/types/components/molecules/Menubar/SearchResultItem/styled.d.ts +9 -0
- package/dist/types/components/molecules/Menubar/SearchResultItem/utils.d.ts +3 -0
- package/dist/types/components/molecules/Menubar/animations.d.ts +4 -0
- package/dist/types/components/molecules/Menubar/index.d.ts +3 -0
- package/dist/types/components/molecules/Menubar/styled.d.ts +40 -0
- package/dist/types/components/molecules/Menubar/types.d.ts +19 -0
- package/dist/types/components/molecules/Menubar/utils.d.ts +2 -0
- package/dist/types/components/molecules/ScrollableMonthYearPicker/ScrollableMonthYearPicker.d.ts +10 -0
- package/dist/types/components/molecules/ScrollableMonthYearPicker/index.d.ts +1 -0
- package/dist/types/components/molecules/ScrollableMonthYearPicker/styled.d.ts +9 -0
- package/dist/types/components/molecules/ScrollableTimePicker/ScrollableTimePicker.d.ts +10 -0
- package/dist/types/components/molecules/ScrollableTimePicker/index.d.ts +1 -0
- package/dist/types/components/molecules/ScrollableTimePicker/styled.d.ts +9 -0
- package/dist/types/components/molecules/Select/Dropdown/Dropdown.d.ts +11 -0
- package/dist/types/components/molecules/Select/Dropdown/components/SearchInput.d.ts +8 -0
- package/dist/types/components/molecules/Select/Dropdown/components/index.d.ts +1 -0
- package/dist/types/components/molecules/Select/Dropdown/index.d.ts +1 -0
- package/dist/types/components/molecules/Select/Dropdown/styled.d.ts +36 -0
- package/dist/types/components/molecules/Select/Select.d.ts +23 -0
- package/dist/types/components/molecules/Select/SelectItem/SelectItem.d.ts +17 -0
- package/dist/types/components/molecules/Select/SelectItem/index.d.ts +1 -0
- package/dist/types/components/molecules/Select/SelectItem/styled.d.ts +15 -0
- package/dist/types/components/molecules/Select/animations.d.ts +51 -0
- package/dist/types/components/molecules/Select/functions.d.ts +2 -0
- package/dist/types/components/molecules/Select/index.d.ts +2 -0
- package/dist/types/components/molecules/Select/styled.d.ts +15 -0
- package/dist/types/components/molecules/Select/types.d.ts +4 -0
- package/dist/types/components/molecules/Snackbar/Snackbar.d.ts +8 -0
- package/dist/types/components/molecules/Snackbar/index.d.ts +2 -0
- package/dist/types/components/molecules/Snackbar/styled.d.ts +5 -0
- package/dist/types/components/molecules/TextArea/TextArea.d.ts +5 -0
- package/dist/types/components/molecules/TextArea/index.d.ts +2 -0
- package/dist/types/components/molecules/TextArea/styled.d.ts +15 -0
- package/dist/types/components/organisms/DataGrid/DataGrid.d.ts +29 -0
- package/dist/types/components/organisms/DataGrid/Footer/Footer.d.ts +16 -0
- package/dist/types/components/organisms/DataGrid/Footer/index.d.ts +1 -0
- package/dist/types/components/organisms/DataGrid/Footer/styled.d.ts +60 -0
- package/dist/types/components/organisms/DataGrid/Header/Header.d.ts +13 -0
- package/dist/types/components/organisms/DataGrid/Header/index.d.ts +1 -0
- package/dist/types/components/organisms/DataGrid/Header/styled.d.ts +4 -0
- package/dist/types/components/organisms/DataGrid/Header/utils.d.ts +8 -0
- package/dist/types/components/organisms/DataGrid/Row/Row.d.ts +10 -0
- package/dist/types/components/organisms/DataGrid/Row/index.d.ts +1 -0
- package/dist/types/components/organisms/DataGrid/index.d.ts +3 -0
- package/dist/types/components/organisms/DataGrid/styled.d.ts +4 -0
- package/dist/types/components/organisms/DataGrid/types.d.ts +8 -0
- package/dist/types/components/organisms/DataGrid/utils.d.ts +2 -0
- package/dist/types/hooks/index.d.ts +3 -0
- package/dist/types/hooks/useBreakpoints.d.ts +6 -0
- package/dist/types/hooks/useClickAwayListener.d.ts +2 -0
- package/dist/types/hooks/useWindowSize.d.ts +6 -0
- package/dist/types/index.d.ts +47 -0
- package/package.json +6 -6
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React, { PropsWithChildren } from 'react';
|
|
2
|
+
export interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
open?: boolean;
|
|
4
|
+
onChange?: () => void;
|
|
5
|
+
title: string;
|
|
6
|
+
transition?: number;
|
|
7
|
+
}
|
|
8
|
+
declare const Accordion: ({ title, open: _open, onChange, transition, children, ...rest }: PropsWithChildren<AccordionProps>) => JSX.Element;
|
|
9
|
+
export default Accordion;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { ThemeProp } from '@tecsinapse/react-core';
|
|
2
|
+
export declare const contentStyle: (open: boolean, transition: number, value: number, theme: ThemeProp) => {
|
|
3
|
+
transition: string;
|
|
4
|
+
paddingBottom: number;
|
|
5
|
+
height: number;
|
|
6
|
+
};
|
|
7
|
+
export declare const contentTransition: (value: number, theme: ThemeProp) => {
|
|
8
|
+
entering: {
|
|
9
|
+
paddingBottom: number;
|
|
10
|
+
height: number;
|
|
11
|
+
};
|
|
12
|
+
entered: {
|
|
13
|
+
paddingBottom: number;
|
|
14
|
+
height: number;
|
|
15
|
+
};
|
|
16
|
+
exiting: {
|
|
17
|
+
paddingBottom: number;
|
|
18
|
+
height: number;
|
|
19
|
+
};
|
|
20
|
+
exited: {
|
|
21
|
+
paddingBottom: number;
|
|
22
|
+
height: number;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
export declare const titleStyle: (transition: number, theme: ThemeProp) => {
|
|
26
|
+
transition: string;
|
|
27
|
+
color: string;
|
|
28
|
+
};
|
|
29
|
+
export declare const titleTransition: (theme: ThemeProp) => {
|
|
30
|
+
entering: {
|
|
31
|
+
color: string;
|
|
32
|
+
};
|
|
33
|
+
entered: {
|
|
34
|
+
color: string;
|
|
35
|
+
};
|
|
36
|
+
exiting: {
|
|
37
|
+
color: string;
|
|
38
|
+
};
|
|
39
|
+
exited: {
|
|
40
|
+
color: string;
|
|
41
|
+
};
|
|
42
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const IconContainer: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
6
|
+
export declare const TitleContainer: import("@emotion/styled").StyledComponent<{
|
|
7
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
8
|
+
as?: import("react").ElementType<any> | undefined;
|
|
9
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
10
|
+
export declare const AccordionContainer: import("@emotion/styled").StyledComponent<{
|
|
11
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
12
|
+
as?: import("react").ElementType<any> | undefined;
|
|
13
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
14
|
+
export declare const ContentContainer: import("@emotion/styled").StyledComponent<{
|
|
15
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
16
|
+
as?: import("react").ElementType<any> | undefined;
|
|
17
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { BadgeProps, FontColorType } from '@tecsinapse/react-core';
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
export interface BadgeWebProps extends Omit<BadgeProps, 'value'> {
|
|
4
|
+
fontColor?: FontColorType;
|
|
5
|
+
value: string | number;
|
|
6
|
+
}
|
|
7
|
+
declare const Badge: FC<BadgeWebProps>;
|
|
8
|
+
export default Badge;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ButtonProps } from '@tecsinapse/react-core';
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
export type WebButtonProps = ButtonProps & {
|
|
4
|
+
onMouseOver?: () => void;
|
|
5
|
+
onMouseOut?: () => void;
|
|
6
|
+
onPressIn?: () => void;
|
|
7
|
+
onPressOut?: () => void;
|
|
8
|
+
};
|
|
9
|
+
declare const Button: FC<WebButtonProps>;
|
|
10
|
+
export default Button;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const StyledWebButton: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").ButtonProps & {
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
} & {
|
|
6
|
+
mouseOver: boolean;
|
|
7
|
+
pressed: boolean;
|
|
8
|
+
} & {
|
|
9
|
+
onMouseOver?: (() => void) | undefined;
|
|
10
|
+
onMouseOut?: (() => void) | undefined;
|
|
11
|
+
onPressIn?: (() => void) | undefined;
|
|
12
|
+
onPressOut?: (() => void) | undefined;
|
|
13
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React, { Dispatch, SetStateAction } from 'react';
|
|
2
|
+
export interface DropdownProps {
|
|
3
|
+
visible: boolean;
|
|
4
|
+
setVisible: Dispatch<SetStateAction<boolean>>;
|
|
5
|
+
onClickAway?: () => void;
|
|
6
|
+
}
|
|
7
|
+
export declare const Dropdown: React.FC<DropdownProps & {
|
|
8
|
+
children: JSX.Element;
|
|
9
|
+
}>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const StyledContainerDropdown: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { InputContainerProps, InputElementProps } from '@tecsinapse/react-core';
|
|
2
|
+
import React, { FC } from 'react';
|
|
3
|
+
export type InputWebProps = Omit<InputElementProps, 'style'> & InputContainerProps & {
|
|
4
|
+
ref?: React.Ref<HTMLInputElement | undefined>;
|
|
5
|
+
};
|
|
6
|
+
declare const Input: FC<InputWebProps>;
|
|
7
|
+
export default Input;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const StyledWebTextInput: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").InputElementProps & import("react").RefAttributes<import("react-native").TextInput> & {
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { InputContainerProps, InputMaskElementProps } from '@tecsinapse/react-core';
|
|
2
|
+
import React, { FC } from 'react';
|
|
3
|
+
export type InputMaskWebProps = Omit<InputMaskElementProps, 'style'> & InputContainerProps & {
|
|
4
|
+
ref?: React.Ref<HTMLInputElement | undefined>;
|
|
5
|
+
};
|
|
6
|
+
declare const InputMask: FC<InputMaskWebProps>;
|
|
7
|
+
export default InputMask;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const StyledWebTextInputMask: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").InputMaskElementProps & import("react").RefAttributes<import("react-native").TextInput> & {
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export declare const defaultStyleOverlay: {
|
|
2
|
+
transition: string;
|
|
3
|
+
opacity: number;
|
|
4
|
+
visibility: string;
|
|
5
|
+
};
|
|
6
|
+
export declare const transitionStylesOverlay: {
|
|
7
|
+
entering: {
|
|
8
|
+
opacity: number;
|
|
9
|
+
visibility: string;
|
|
10
|
+
};
|
|
11
|
+
entered: {
|
|
12
|
+
opacity: number;
|
|
13
|
+
visibility: string;
|
|
14
|
+
};
|
|
15
|
+
exiting: {
|
|
16
|
+
opacity: number;
|
|
17
|
+
visibility: string;
|
|
18
|
+
};
|
|
19
|
+
exited: {
|
|
20
|
+
opacity: number;
|
|
21
|
+
visibility: string;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const ModalContainer: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { ZIndex } from '@tecsinapse/react-core';
|
|
3
|
+
export interface OverlayProps {
|
|
4
|
+
timeout?: number;
|
|
5
|
+
open: boolean;
|
|
6
|
+
onClose: () => void;
|
|
7
|
+
zIndex: keyof ZIndex;
|
|
8
|
+
children?: ReactNode;
|
|
9
|
+
}
|
|
10
|
+
declare const Overlay: ({ timeout, open, onClose, zIndex, children, }: OverlayProps) => JSX.Element;
|
|
11
|
+
export default Overlay;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export declare const defaultStyleOverlay: {
|
|
2
|
+
transition: string;
|
|
3
|
+
opacity: number;
|
|
4
|
+
visibility: string;
|
|
5
|
+
};
|
|
6
|
+
export declare const transitionStylesOverlay: {
|
|
7
|
+
entering: {
|
|
8
|
+
opacity: number;
|
|
9
|
+
visibility: string;
|
|
10
|
+
};
|
|
11
|
+
entered: {
|
|
12
|
+
opacity: number;
|
|
13
|
+
visibility: string;
|
|
14
|
+
};
|
|
15
|
+
exiting: {
|
|
16
|
+
opacity: number;
|
|
17
|
+
visibility: string;
|
|
18
|
+
};
|
|
19
|
+
exited: {
|
|
20
|
+
opacity: number;
|
|
21
|
+
visibility: string;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Overlay } from './Overlay';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ZIndex } from '@tecsinapse/react-core';
|
|
3
|
+
type InjectedProps = {
|
|
4
|
+
show: boolean;
|
|
5
|
+
zIndex: keyof ZIndex;
|
|
6
|
+
};
|
|
7
|
+
export declare const StyledOverlay: import("@emotion/styled").StyledComponent<{
|
|
8
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
9
|
+
as?: import("react").ElementType<any> | undefined;
|
|
10
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps> & InjectedProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { BorderRadiusType } from '@tecsinapse/react-core';
|
|
3
|
+
export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
width?: number;
|
|
5
|
+
height?: number;
|
|
6
|
+
animation?: 'pulse' | 'wave';
|
|
7
|
+
active?: boolean;
|
|
8
|
+
radius?: BorderRadiusType;
|
|
9
|
+
}
|
|
10
|
+
declare const Skeleton: React.FC<SkeletonProps>;
|
|
11
|
+
export default Skeleton;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { SkeletonProps } from './Skeleton';
|
|
3
|
+
export declare const Wrapper: import("@emotion/styled").StyledComponent<{
|
|
4
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
+
as?: import("react").ElementType<any> | undefined;
|
|
6
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps & SkeletonProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Switch } from './Switch';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const StyledSwitchContent: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
6
|
+
export declare const StyledSwitch: import("@emotion/styled").StyledComponent<{
|
|
7
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
8
|
+
as?: import("react").ElementType<any> | undefined;
|
|
9
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as TBody } from './TBody';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Td } from './Td';
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const TCell: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as TableContainer } from './TableContainer';
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const TContainer: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as TFoot } from './TFoot';
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const TFooter: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {}>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const ThStyled: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, {}>;
|
|
6
|
+
export declare const THeadStyled: import("@emotion/styled").StyledComponent<{
|
|
7
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
8
|
+
as?: import("react").ElementType<any> | undefined;
|
|
9
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {}>;
|
|
10
|
+
export declare const HeaderBackground: import("@emotion/styled").StyledComponent<{
|
|
11
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
12
|
+
as?: import("react").ElementType<any> | undefined;
|
|
13
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, {}>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Tr } from './Tr';
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const TRow: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {}>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface TableToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
rightIcons?: React.ReactNode;
|
|
4
|
+
footer?: React.ReactNode;
|
|
5
|
+
title: string;
|
|
6
|
+
}
|
|
7
|
+
declare const TableToolbar: React.FC<TableToolbarProps>;
|
|
8
|
+
export default TableToolbar;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const TableToolbarStyled: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export { TBody } from './Body';
|
|
2
|
+
export { Td } from './Cell';
|
|
3
|
+
export { TableContainer } from './Container';
|
|
4
|
+
export { TFoot } from './Footer';
|
|
5
|
+
export { THead, Th } from './Header';
|
|
6
|
+
export { Tr } from './Row';
|
|
7
|
+
export { TableToolbar } from './Toolbar';
|
|
8
|
+
export type { TableToolbarProps } from './Toolbar';
|
|
9
|
+
export { default as Table } from './Table';
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const TableStyled: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
import { TagProps as TagCoreProps, TextProps } from '@tecsinapse/react-core';
|
|
3
|
+
export interface TagProps extends Omit<TagCoreProps, 'value'> {
|
|
4
|
+
value: string | ReactNode;
|
|
5
|
+
textProps?: TextProps;
|
|
6
|
+
}
|
|
7
|
+
declare const Tag: React.FC<TagProps>;
|
|
8
|
+
export default Tag;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export type ComputedType = {
|
|
3
|
+
width?: number;
|
|
4
|
+
height?: number;
|
|
5
|
+
};
|
|
6
|
+
export type Position = 'top' | 'bottom' | 'right' | 'left';
|
|
7
|
+
export type MaxWidth = number;
|
|
8
|
+
export interface ITooltip {
|
|
9
|
+
title: string;
|
|
10
|
+
position?: Position;
|
|
11
|
+
children?: React.ReactNode;
|
|
12
|
+
maxWidht?: MaxWidth;
|
|
13
|
+
}
|
|
14
|
+
declare const Tooltip: React.FC<ITooltip>;
|
|
15
|
+
export default Tooltip;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ComputedType, MaxWidth, Position } from './Tooltip';
|
|
3
|
+
type InjectedProps = {
|
|
4
|
+
computed?: ComputedType;
|
|
5
|
+
position?: Position;
|
|
6
|
+
maxWidth?: MaxWidth;
|
|
7
|
+
};
|
|
8
|
+
export declare const TooltipSpan: import("@emotion/styled").StyledComponent<{
|
|
9
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
10
|
+
as?: import("react").ElementType<any> | undefined;
|
|
11
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps> & InjectedProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
12
|
+
export declare const Container: import("@emotion/styled").StyledComponent<{
|
|
13
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
14
|
+
as?: import("react").ElementType<any> | undefined;
|
|
15
|
+
} & {
|
|
16
|
+
position?: Position | undefined;
|
|
17
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
18
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const StyledContainerItem: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
6
|
+
export declare const StyledContainerIcon: import("@emotion/styled").StyledComponent<{
|
|
7
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
8
|
+
as?: import("react").ElementType<any> | undefined;
|
|
9
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React, { ElementType, FC } from 'react';
|
|
2
|
+
export type BreadcrumbType = {
|
|
3
|
+
title: string;
|
|
4
|
+
Component: ElementType;
|
|
5
|
+
props?: any;
|
|
6
|
+
};
|
|
7
|
+
export interface BreadcrumbsProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
8
|
+
breadcrumbs: BreadcrumbType[];
|
|
9
|
+
}
|
|
10
|
+
declare const Breadcrumbs: FC<BreadcrumbsProps>;
|
|
11
|
+
export default Breadcrumbs;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const StyledContainerBreadcrumbs: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { DatePickerProps, SelectionType } from '@tecsinapse/react-core';
|
|
3
|
+
export type WebDatePickerProps<T extends SelectionType> = Omit<DatePickerProps<T>, 'CalendarComponent' | 'renderCalendar' | 'requestCloseCalendar' | 'requestShowCalendar'> & {
|
|
4
|
+
callbackAfterValidated?: (valid: boolean, message?: string) => void;
|
|
5
|
+
invalidDateLabel?: string;
|
|
6
|
+
};
|
|
7
|
+
export declare const DatePicker: <T extends SelectionType>({ value, type, locale, onChange, callbackAfterValidated, placeholder, disabled, label, invalidDateLabel, ...rest }: WebDatePickerProps<T>) => JSX.Element;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { CalendarProps, SelectionType } from '@tecsinapse/react-core';
|
|
3
|
+
import { ModalProps } from 'react-native';
|
|
4
|
+
export declare const Modal: <T extends SelectionType>({ onRequestClose, children, ...modalProps }: CalendarProps<T> & import("react-native").ModalBaseProps & import("react-native").ModalPropsIOS & import("react-native").ModalPropsAndroid & import("react-native").ViewProps & {
|
|
5
|
+
children: JSX.Element;
|
|
6
|
+
}) => JSX.Element;
|