norma-library 0.4.9 → 0.5.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/.babelrc.json +1 -1
- package/.husky/commit-msg +4 -0
- package/.prettierignore +11 -0
- package/.prettierrc.json +20 -0
- package/CHANGELOG.md +0 -0
- package/CONTRIBUTING.md +0 -0
- package/README.md +42 -0
- package/commitlint.config.js +1 -0
- package/dist/Button/index.d.ts +9 -0
- package/dist/Button/types.d.ts +18 -0
- package/dist/Card/Card.d.ts +3 -0
- package/dist/Card/CardHeader.d.ts +3 -0
- package/dist/Card/index.d.ts +4 -0
- package/dist/Card/styles.d.ts +546 -0
- package/dist/Card/types.d.ts +8 -0
- package/dist/esm/components/Accordion.d.ts +2 -2
- package/dist/esm/components/Accordion.js +8 -8
- package/dist/esm/components/Accordion.js.map +1 -1
- package/dist/esm/components/Avatar.d.ts +2 -2
- package/dist/esm/components/Avatar.js +7 -7
- package/dist/esm/components/Avatar.js.map +1 -1
- package/dist/esm/components/Badge.d.ts +2 -2
- package/dist/esm/components/Badge.js +5 -5
- package/dist/esm/components/Badge.js.map +1 -1
- package/dist/esm/components/Button.d.ts +2 -2
- package/dist/esm/components/Button.js +10 -10
- package/dist/esm/components/Button.js.map +1 -1
- package/dist/esm/components/Card.d.ts +3 -3
- package/dist/esm/components/Card.js +8 -8
- package/dist/esm/components/Card.js.map +1 -1
- package/dist/esm/components/ChatMessage.d.ts +2 -2
- package/dist/esm/components/ChatMessage.js +35 -35
- package/dist/esm/components/ChatMessage.js.map +1 -1
- package/dist/esm/components/CheckBox.d.ts +2 -2
- package/dist/esm/components/CheckBox.js +5 -5
- package/dist/esm/components/CheckBox.js.map +1 -1
- package/dist/esm/components/DataGrid/base/dropdown.d.ts +2 -2
- package/dist/esm/components/DataGrid/base/dropdown.js +32 -32
- package/dist/esm/components/DataGrid/base/dropdown.js.map +1 -1
- package/dist/esm/components/DataGrid/base/number-filter.d.ts +2 -2
- package/dist/esm/components/DataGrid/base/number-filter.js +21 -21
- package/dist/esm/components/DataGrid/base/sorting.d.ts +2 -2
- package/dist/esm/components/DataGrid/base/sorting.js +1 -1
- package/dist/esm/components/DataGrid/base/sorting.js.map +1 -1
- package/dist/esm/components/DataGrid/icons.d.ts +1 -1
- package/dist/esm/components/DataGrid/icons.js +1 -1
- package/dist/esm/components/DataGrid/icons.js.map +1 -1
- package/dist/esm/components/DataGrid/index.d.ts +2 -2
- package/dist/esm/components/DataGrid/index.js +35 -44
- package/dist/esm/components/DataGrid/index.js.map +1 -1
- package/dist/esm/components/DataGrid/shared.d.ts +1 -1
- package/dist/esm/components/DataGrid/shared.js +19 -32
- package/dist/esm/components/DataGrid/shared.js.map +1 -1
- package/dist/esm/components/DataGrid/styled.d.ts +2 -2
- package/dist/esm/components/DataGrid/styled.js +35 -35
- package/dist/esm/components/DataGrid/styled.js.map +1 -1
- package/dist/esm/components/DatePicker.d.ts +5 -5
- package/dist/esm/components/DatePicker.js +37 -37
- package/dist/esm/components/DatePicker.js.map +1 -1
- package/dist/esm/components/DropDown.d.ts +2 -2
- package/dist/esm/components/DropDown.js +6 -6
- package/dist/esm/components/DropDown.js.map +1 -1
- package/dist/esm/components/IconButton.d.ts +2 -2
- package/dist/esm/components/IconButton.js +7 -7
- package/dist/esm/components/IconButton.js.map +1 -1
- package/dist/esm/components/Icons.d.ts +2 -2
- package/dist/esm/components/Icons.js +10 -10
- package/dist/esm/components/Icons.js.map +1 -1
- package/dist/esm/components/Modal.d.ts +2 -2
- package/dist/esm/components/Modal.js +8 -8
- package/dist/esm/components/Modal.js.map +1 -1
- package/dist/esm/components/Paper.d.ts +2 -2
- package/dist/esm/components/Paper.js +5 -5
- package/dist/esm/components/Paper.js.map +1 -1
- package/dist/esm/components/ProgressBar.d.ts +2 -2
- package/dist/esm/components/ProgressBar.js +11 -11
- package/dist/esm/components/ProgressBar.js.map +1 -1
- package/dist/esm/components/RadioGroup.d.ts +2 -2
- package/dist/esm/components/RadioGroup.js +7 -7
- package/dist/esm/components/RadioGroup.js.map +1 -1
- package/dist/esm/components/RangerSlider.d.ts +2 -2
- package/dist/esm/components/RangerSlider.js +31 -31
- package/dist/esm/components/RangerSlider.js.map +1 -1
- package/dist/esm/components/Select.d.ts +2 -2
- package/dist/esm/components/Select.js +14 -14
- package/dist/esm/components/Select.js.map +1 -1
- package/dist/esm/components/Svgs.d.ts +1 -1
- package/dist/esm/components/Svgs.js +1 -1
- package/dist/esm/components/Svgs.js.map +1 -1
- package/dist/esm/components/Tabs.d.ts +2 -2
- package/dist/esm/components/Tabs.js +25 -26
- package/dist/esm/components/Tabs.js.map +1 -1
- package/dist/esm/components/Tag.d.ts +2 -2
- package/dist/esm/components/Tag.js +8 -8
- package/dist/esm/components/Tag.js.map +1 -1
- package/dist/esm/components/TextField.d.ts +2 -2
- package/dist/esm/components/TextField.js +8 -8
- package/dist/esm/components/TextField.js.map +1 -1
- package/dist/esm/components/TimeLine.d.ts +2 -2
- package/dist/esm/components/TimeLine.js +20 -20
- package/dist/esm/components/TimeLine.js.map +1 -1
- package/dist/esm/components/TimePicker.d.ts +8 -8
- package/dist/esm/components/TimePicker.js +43 -43
- package/dist/esm/components/TimePicker.js.map +1 -1
- package/dist/esm/components/index.d.ts +23 -23
- package/dist/esm/components/index.js +23 -23
- package/dist/esm/helpers/alignments.js +7 -7
- package/dist/esm/helpers/borders.js +11 -11
- package/dist/esm/helpers/colors.js +41 -41
- package/dist/esm/helpers/index.d.ts +5 -5
- package/dist/esm/helpers/index.js +5 -5
- package/dist/esm/helpers/sizes.d.ts +1 -1
- package/dist/esm/helpers/sizes.js +39 -39
- package/dist/esm/helpers/sizes.js.map +1 -1
- package/dist/esm/index.d.ts +17 -17
- package/dist/esm/index.js +17 -17
- package/dist/esm/interfaces/Accordion.d.ts +3 -3
- package/dist/esm/interfaces/Avatar.d.ts +6 -6
- package/dist/esm/interfaces/Badge.d.ts +7 -7
- package/dist/esm/interfaces/Button.d.ts +5 -5
- package/dist/esm/interfaces/Card.d.ts +3 -3
- package/dist/esm/interfaces/ChatMessage.d.ts +1 -1
- package/dist/esm/interfaces/CheckBox.d.ts +10 -10
- package/dist/esm/interfaces/DataGrid.d.ts +4 -4
- package/dist/esm/interfaces/DatePicker.d.ts +3 -3
- package/dist/esm/interfaces/DropDown.d.ts +4 -4
- package/dist/esm/interfaces/IconButton.d.ts +5 -5
- package/dist/esm/interfaces/Icons.d.ts +3 -3
- package/dist/esm/interfaces/Modal.d.ts +3 -3
- package/dist/esm/interfaces/Paper.d.ts +4 -4
- package/dist/esm/interfaces/ProgressBar.d.ts +5 -5
- package/dist/esm/interfaces/RadioGroup.d.ts +4 -4
- package/dist/esm/interfaces/RangerSlider.d.ts +8 -8
- package/dist/esm/interfaces/Select.d.ts +3 -3
- package/dist/esm/interfaces/Tabs.d.ts +3 -3
- package/dist/esm/interfaces/Tag.d.ts +5 -5
- package/dist/esm/interfaces/TextField.d.ts +12 -12
- package/dist/esm/interfaces/TimeLine.d.ts +3 -3
- package/dist/esm/interfaces/TimePicker.d.ts +3 -3
- package/dist/esm/interfaces/index.d.ts +23 -23
- package/dist/esm/interfaces/index.js +23 -23
- package/dist/esm/types/index.d.ts +41 -41
- package/dist/esm/types/index.js +2 -2
- package/dist/esm/types/index.js.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.es.js +6992 -0
- package/dist/index.es.js.map +1 -0
- package/dist/index.umd.js +266 -0
- package/dist/index.umd.js.map +1 -0
- package/dist/vite.svg +1 -0
- package/docs/index.md +118 -0
- package/package.json +64 -8
- package/src/components/Accordion.tsx +47 -64
- package/src/components/Avatar.tsx +22 -29
- package/src/components/Badge.tsx +19 -22
- package/src/components/Button.tsx +12 -19
- package/src/components/Card.tsx +44 -47
- package/src/components/ChatMessage.tsx +87 -89
- package/src/components/CheckBox.tsx +8 -19
- package/src/components/DataGrid/allData.json +2918 -2918
- package/src/components/DataGrid/base/dropdown.tsx +212 -235
- package/src/components/DataGrid/base/number-filter.tsx +43 -43
- package/src/components/DataGrid/base/sorting.tsx +29 -35
- package/src/components/DataGrid/icons.tsx +53 -61
- package/src/components/DataGrid/index.tsx +254 -319
- package/src/components/DataGrid/shared.ts +154 -179
- package/src/components/DataGrid/styled.ts +96 -102
- package/src/components/DataGrid/styles/dropdown.module.css +86 -86
- package/src/components/DataGrid/styles/number-filter.module.css +16 -16
- package/src/components/DataGrid/styles/styles.module.css +107 -107
- package/src/components/DatePicker.tsx +73 -84
- package/src/components/DropDown.tsx +31 -38
- package/src/components/IconButton.tsx +12 -29
- package/src/components/Icons.tsx +82 -87
- package/src/components/Modal.tsx +114 -123
- package/src/components/Paper.tsx +19 -22
- package/src/components/ProgressBar.tsx +54 -63
- package/src/components/RadioGroup.tsx +47 -55
- package/src/components/RangerSlider.tsx +70 -81
- package/src/components/Select.tsx +82 -98
- package/src/components/Svgs.tsx +498 -522
- package/src/components/Tabs.tsx +111 -140
- package/src/components/Tag.tsx +37 -45
- package/src/components/TextField.tsx +11 -22
- package/src/components/TimeLine.tsx +93 -103
- package/src/components/TimePicker.tsx +84 -95
- package/src/components/index.ts +23 -23
- package/src/helpers/alignments.ts +7 -7
- package/src/helpers/borders.ts +11 -11
- package/src/helpers/colors.ts +42 -42
- package/src/helpers/index.ts +5 -5
- package/src/helpers/sizes.ts +39 -46
- package/src/index.ts +17 -17
- package/src/interfaces/Accordion.ts +12 -12
- package/src/interfaces/Avatar.tsx +15 -18
- package/src/interfaces/Badge.ts +19 -32
- package/src/interfaces/Button.ts +5 -10
- package/src/interfaces/Card.ts +11 -11
- package/src/interfaces/ChatMessage.ts +12 -12
- package/src/interfaces/CheckBox.ts +12 -18
- package/src/interfaces/DataGrid.ts +46 -51
- package/src/interfaces/DatePicker.ts +13 -13
- package/src/interfaces/DropDown.ts +14 -14
- package/src/interfaces/IconButton.ts +5 -10
- package/src/interfaces/Icons.ts +17 -17
- package/src/interfaces/Modal.ts +15 -15
- package/src/interfaces/Paper.ts +12 -12
- package/src/interfaces/ProgressBar.ts +18 -25
- package/src/interfaces/RadioGroup.ts +22 -28
- package/src/interfaces/RangerSlider.ts +21 -32
- package/src/interfaces/Select.ts +17 -17
- package/src/interfaces/Tabs.ts +19 -24
- package/src/interfaces/Tag.ts +17 -17
- package/src/interfaces/TextField.ts +14 -34
- package/src/interfaces/TimeLine.ts +11 -16
- package/src/interfaces/TimePicker.ts +13 -13
- package/src/interfaces/index.ts +23 -23
- package/src/sample-data.json +178 -178
- package/src/stories/Accordion.stories.tsx +65 -65
- package/src/stories/Avatar.stories.tsx +123 -139
- package/src/stories/Badge.stories.tsx +39 -47
- package/src/stories/Button.stories.tsx +18 -26
- package/src/stories/Card.stories.tsx +40 -55
- package/src/stories/ChatMessage.stories.tsx +84 -85
- package/src/stories/CheckBox.stories.tsx +17 -23
- package/src/stories/DataGrid.stories.tsx +28 -28
- package/src/stories/DatePicker.stories.tsx +50 -77
- package/src/stories/DropDown.stories.tsx +57 -57
- package/src/stories/IconButton.stories.tsx +78 -114
- package/src/stories/Modal.stories.tsx +190 -190
- package/src/stories/Paper.stories.tsx +53 -53
- package/src/stories/ProgressBar.stories.tsx +95 -139
- package/src/stories/RadioGroup.stories.tsx +21 -28
- package/src/stories/RangerSlider.stories.tsx +58 -68
- package/src/stories/Select.stories.tsx +100 -128
- package/src/stories/Tabs.stories.tsx +62 -62
- package/src/stories/Tag.stories.tsx +56 -74
- package/src/stories/TextField.stories.tsx +54 -189
- package/src/stories/TimeLine.stories.tsx +35 -43
- package/src/stories/TimePicker.stories.tsx +87 -113
- package/src/types/index.ts +90 -155
- package/tsconfig.json +1 -1
- package/buildcache/front-end +0 -1
- package/norma-library.tar +0 -0
- package/postcss.config.js +0 -6
- package/tailwind.config.js +0 -58
package/src/interfaces/Tabs.ts
CHANGED
|
@@ -1,24 +1,19 @@
|
|
|
1
|
-
import { SxProps } from
|
|
2
|
-
import { Theme } from
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
export interface TabPanelProps {
|
|
21
|
-
children?: React.ReactNode;
|
|
22
|
-
index: number;
|
|
23
|
-
value: number;
|
|
24
|
-
}
|
|
1
|
+
import { SxProps } from '@mui/material';
|
|
2
|
+
import { Theme } from '@emotion/react';
|
|
3
|
+
import { ColorVariant, DataTabs, MuiTabsBaseProps, TabsVariant } from '../types';
|
|
4
|
+
|
|
5
|
+
export interface TabsBaseProps extends MuiTabsBaseProps {
|
|
6
|
+
sx?: SxProps<Theme>;
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
onChange?: (event: React.SyntheticEvent, value: any) => void;
|
|
9
|
+
color?: ColorVariant;
|
|
10
|
+
variant?: TabsVariant;
|
|
11
|
+
value?: any;
|
|
12
|
+
data?: DataTabs[];
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
export interface TabPanelProps {
|
|
16
|
+
children?: React.ReactNode;
|
|
17
|
+
index: number;
|
|
18
|
+
value: number;
|
|
19
|
+
}
|
package/src/interfaces/Tag.ts
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { SxProps } from
|
|
2
|
-
import { Theme } from
|
|
3
|
-
import { ColorVariant, MuiTagBaseProps } from
|
|
4
|
-
import { OverridableStringUnion } from
|
|
5
|
-
|
|
6
|
-
export interface ChipPropsColorOverrides {}
|
|
7
|
-
export interface ChipPropsSizeOverrides {}
|
|
8
|
-
|
|
9
|
-
export interface TagBaseProps extends MuiTagBaseProps {
|
|
10
|
-
label?: React.ReactNode | String;
|
|
11
|
-
sx?: SxProps<Theme>;
|
|
12
|
-
avatar?: React.ReactElement;
|
|
13
|
-
outlined?: Boolean;
|
|
14
|
-
size?: OverridableStringUnion<
|
|
15
|
-
color?: OverridableStringUnion<ColorVariant, ChipPropsColorOverrides>;
|
|
16
|
-
onClose?: React.ReactEventHandler<{}>;
|
|
17
|
-
}
|
|
1
|
+
import { SxProps } from '@mui/material';
|
|
2
|
+
import { Theme } from '@emotion/react';
|
|
3
|
+
import { ColorVariant, MuiTagBaseProps } from '../types';
|
|
4
|
+
import { OverridableStringUnion } from '@mui/types';
|
|
5
|
+
|
|
6
|
+
export interface ChipPropsColorOverrides {}
|
|
7
|
+
export interface ChipPropsSizeOverrides {}
|
|
8
|
+
|
|
9
|
+
export interface TagBaseProps extends MuiTagBaseProps {
|
|
10
|
+
label?: React.ReactNode | String;
|
|
11
|
+
sx?: SxProps<Theme>;
|
|
12
|
+
avatar?: React.ReactElement;
|
|
13
|
+
outlined?: Boolean;
|
|
14
|
+
size?: OverridableStringUnion<'small' | 'medium', ChipPropsSizeOverrides>;
|
|
15
|
+
color?: OverridableStringUnion<ColorVariant, ChipPropsColorOverrides>;
|
|
16
|
+
onClose?: React.ReactEventHandler<{}>;
|
|
17
|
+
}
|
|
@@ -1,25 +1,11 @@
|
|
|
1
|
-
import React, { ReactNode } from
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
2
|
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
} from
|
|
7
|
-
import {
|
|
8
|
-
|
|
9
|
-
InputBaseProps,
|
|
10
|
-
InputLabelProps,
|
|
11
|
-
OutlinedInputProps,
|
|
12
|
-
SelectProps,
|
|
13
|
-
} from "@mui/material";
|
|
14
|
-
import { InputProps as StandardInputProps } from "@mui/material/Input";
|
|
15
|
-
import { OverridableStringUnion } from "@mui/types";
|
|
16
|
-
import { TextField } from "@mui/material";
|
|
17
|
-
import {
|
|
18
|
-
TextFieldColorVariant,
|
|
19
|
-
MuiTextFieldBaseProps,
|
|
20
|
-
TextFieldSizeVariant,
|
|
21
|
-
TextFieldVariant,
|
|
22
|
-
} from "../types";
|
|
3
|
+
import { TextFieldPropsColorOverrides, TextFieldPropsSizeOverrides } from '@mui/material/TextField';
|
|
4
|
+
import { FormHelperTextProps, InputBaseProps, InputLabelProps, OutlinedInputProps, SelectProps } from '@mui/material';
|
|
5
|
+
import { InputProps as StandardInputProps } from '@mui/material/Input';
|
|
6
|
+
import { OverridableStringUnion } from '@mui/types';
|
|
7
|
+
import { TextField } from '@mui/material';
|
|
8
|
+
import { TextFieldColorVariant, MuiTextFieldBaseProps, TextFieldSizeVariant, TextFieldVariant } from '../types';
|
|
23
9
|
|
|
24
10
|
export interface TextFieldBaseProps extends MuiTextFieldBaseProps {
|
|
25
11
|
id?: string;
|
|
@@ -27,7 +13,7 @@ export interface TextFieldBaseProps extends MuiTextFieldBaseProps {
|
|
|
27
13
|
defaultValue?: string;
|
|
28
14
|
disabled?: boolean;
|
|
29
15
|
required?: boolean;
|
|
30
|
-
type?: React.InputHTMLAttributes<unknown>[
|
|
16
|
+
type?: React.InputHTMLAttributes<unknown>['type'];
|
|
31
17
|
hasError?: boolean;
|
|
32
18
|
label?: ReactNode;
|
|
33
19
|
children?: ReactNode;
|
|
@@ -44,19 +30,13 @@ export interface TextFieldBaseProps extends MuiTextFieldBaseProps {
|
|
|
44
30
|
minRows?: string | number;
|
|
45
31
|
select?: boolean;
|
|
46
32
|
SelectProps?: Partial<SelectProps>;
|
|
47
|
-
onChange?: OutlinedInputProps[
|
|
48
|
-
onClick?: InputBaseProps[
|
|
49
|
-
onBlur?: InputBaseProps[
|
|
50
|
-
onFocus?: StandardInputProps[
|
|
51
|
-
size?: OverridableStringUnion<
|
|
52
|
-
TextFieldSizeVariant,
|
|
53
|
-
TextFieldPropsSizeOverrides
|
|
54
|
-
>;
|
|
33
|
+
onChange?: OutlinedInputProps['onChange'];
|
|
34
|
+
onClick?: InputBaseProps['onClick'];
|
|
35
|
+
onBlur?: InputBaseProps['onBlur'];
|
|
36
|
+
onFocus?: StandardInputProps['onFocus'];
|
|
37
|
+
size?: OverridableStringUnion<TextFieldSizeVariant, TextFieldPropsSizeOverrides>;
|
|
55
38
|
FormHelperTextProps?: Partial<FormHelperTextProps>;
|
|
56
|
-
color?: OverridableStringUnion<
|
|
57
|
-
TextFieldColorVariant,
|
|
58
|
-
TextFieldPropsColorOverrides
|
|
59
|
-
>;
|
|
39
|
+
color?: OverridableStringUnion<TextFieldColorVariant, TextFieldPropsColorOverrides>;
|
|
60
40
|
value?: unknown;
|
|
61
41
|
}
|
|
62
42
|
|
|
@@ -1,16 +1,11 @@
|
|
|
1
|
-
import { SxProps } from
|
|
2
|
-
import { Theme } from
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
children?: React.ReactNode;
|
|
13
|
-
sx?: SxProps<Theme>;
|
|
14
|
-
color: ColorVariant;
|
|
15
|
-
data: DataTimeLine[];
|
|
16
|
-
}
|
|
1
|
+
import { SxProps } from '@mui/material';
|
|
2
|
+
import { Theme } from '@emotion/react';
|
|
3
|
+
import { ColorVariant, DataTimeLine, MuiTimeLineBaseProps, PositionVariant } from '../types';
|
|
4
|
+
|
|
5
|
+
export interface TimeLineBaseProps extends MuiTimeLineBaseProps {
|
|
6
|
+
position?: PositionVariant;
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
sx?: SxProps<Theme>;
|
|
9
|
+
color: ColorVariant;
|
|
10
|
+
data: DataTimeLine[];
|
|
11
|
+
}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { SxProps } from
|
|
2
|
-
import { Theme } from
|
|
3
|
-
|
|
4
|
-
import { DatePickVariant } from
|
|
5
|
-
|
|
6
|
-
export interface TimePickerBaseProps {
|
|
7
|
-
sx?: SxProps<Theme>;
|
|
8
|
-
label?: string;
|
|
9
|
-
timezone?: string;
|
|
10
|
-
language?: string;
|
|
11
|
-
onChange?: React.ChangeEvent<HTMLInputElement>;
|
|
12
|
-
variant?: DatePickVariant;
|
|
13
|
-
}
|
|
1
|
+
import { SxProps } from '@mui/material';
|
|
2
|
+
import { Theme } from '@emotion/react';
|
|
3
|
+
|
|
4
|
+
import { DatePickVariant } from '../types';
|
|
5
|
+
|
|
6
|
+
export interface TimePickerBaseProps {
|
|
7
|
+
sx?: SxProps<Theme>;
|
|
8
|
+
label?: string;
|
|
9
|
+
timezone?: string;
|
|
10
|
+
language?: string;
|
|
11
|
+
onChange?: React.ChangeEvent<HTMLInputElement>;
|
|
12
|
+
variant?: DatePickVariant;
|
|
13
|
+
}
|
package/src/interfaces/index.ts
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
4
|
-
export * from
|
|
5
|
-
export * from
|
|
6
|
-
export * from
|
|
7
|
-
export * from
|
|
8
|
-
export * from
|
|
9
|
-
export * from
|
|
10
|
-
export * from
|
|
11
|
-
export * from
|
|
12
|
-
export * from
|
|
13
|
-
export * from
|
|
14
|
-
export * from
|
|
15
|
-
export * from
|
|
16
|
-
export * from
|
|
17
|
-
export * from
|
|
18
|
-
export * from
|
|
19
|
-
export * from
|
|
20
|
-
export * from
|
|
21
|
-
export * from
|
|
22
|
-
export * from
|
|
23
|
-
export * from
|
|
1
|
+
export * from './Accordion';
|
|
2
|
+
export * from './Avatar';
|
|
3
|
+
export * from './Badge';
|
|
4
|
+
export * from './Button';
|
|
5
|
+
export * from './Card';
|
|
6
|
+
export * from './ChatMessage';
|
|
7
|
+
export * from './CheckBox';
|
|
8
|
+
export * from './DataGrid';
|
|
9
|
+
export * from './DatePicker';
|
|
10
|
+
export * from './DropDown';
|
|
11
|
+
export * from './IconButton';
|
|
12
|
+
export * from './Icons';
|
|
13
|
+
export * from './Modal';
|
|
14
|
+
export * from './Paper';
|
|
15
|
+
export * from './ProgressBar';
|
|
16
|
+
export * from './RadioGroup';
|
|
17
|
+
export * from './RangerSlider';
|
|
18
|
+
export * from './Select';
|
|
19
|
+
export * from './Tabs';
|
|
20
|
+
export * from './Tag';
|
|
21
|
+
export * from './TextField';
|
|
22
|
+
export * from './TimeLine';
|
|
23
|
+
export * from './TimePicker';
|
package/src/sample-data.json
CHANGED
|
@@ -1,178 +1,178 @@
|
|
|
1
|
-
[
|
|
2
|
-
{
|
|
3
|
-
"columns": [
|
|
4
|
-
{
|
|
5
|
-
"allowFiltering": true,
|
|
6
|
-
"allowFiltering": true,
|
|
7
|
-
"allowSorting": true,
|
|
8
|
-
"field": "data",
|
|
9
|
-
"format": "date",
|
|
10
|
-
"headerText": "Data",
|
|
11
|
-
"textAlign": "left",
|
|
12
|
-
"width": "100%"
|
|
13
|
-
},
|
|
14
|
-
{
|
|
15
|
-
"allowFiltering": true,
|
|
16
|
-
"allowSorting": true,
|
|
17
|
-
"field": "duration",
|
|
18
|
-
"format": "time",
|
|
19
|
-
"headerText": "Duração",
|
|
20
|
-
"textAlign": "left",
|
|
21
|
-
"width": "100%"
|
|
22
|
-
},
|
|
23
|
-
{
|
|
24
|
-
"allowFiltering": true,
|
|
25
|
-
"allowSorting": true,
|
|
26
|
-
"field": "campanha",
|
|
27
|
-
"format": "string",
|
|
28
|
-
"headerText": "Campanha",
|
|
29
|
-
"textAlign": "left",
|
|
30
|
-
"width": "100%"
|
|
31
|
-
},
|
|
32
|
-
{
|
|
33
|
-
"allowFiltering": true,
|
|
34
|
-
"allowSorting": true,
|
|
35
|
-
"field": "agente",
|
|
36
|
-
"format": "string",
|
|
37
|
-
"headerText": "Agente",
|
|
38
|
-
"textAlign": "left",
|
|
39
|
-
"width": "100%"
|
|
40
|
-
},
|
|
41
|
-
{
|
|
42
|
-
"allowFiltering": true,
|
|
43
|
-
"allowSorting": true,
|
|
44
|
-
"field": "ani",
|
|
45
|
-
"format": "number",
|
|
46
|
-
"headerText": "ANI",
|
|
47
|
-
"textAlign": "left",
|
|
48
|
-
"width": "100%"
|
|
49
|
-
},
|
|
50
|
-
{
|
|
51
|
-
"allowFiltering": true,
|
|
52
|
-
"allowSorting": true,
|
|
53
|
-
"field": "dnis",
|
|
54
|
-
"format": "number",
|
|
55
|
-
"headerText": "DNIS",
|
|
56
|
-
"textAlign": "left",
|
|
57
|
-
"width": "100%"
|
|
58
|
-
},
|
|
59
|
-
{
|
|
60
|
-
"allowFiltering": true,
|
|
61
|
-
"allowSorting": true,
|
|
62
|
-
"field": "disposition",
|
|
63
|
-
"format": "string",
|
|
64
|
-
"headerText": "Tabulação",
|
|
65
|
-
"textAlign": "left",
|
|
66
|
-
"width": "100%"
|
|
67
|
-
},
|
|
68
|
-
{
|
|
69
|
-
"allowFiltering": true,
|
|
70
|
-
"allowSorting": true,
|
|
71
|
-
"field": "origem",
|
|
72
|
-
"format": "number",
|
|
73
|
-
"headerText": "Origem",
|
|
74
|
-
"textAlign": "left",
|
|
75
|
-
"width": "100%"
|
|
76
|
-
},
|
|
77
|
-
{
|
|
78
|
-
"allowFiltering": true,
|
|
79
|
-
"allowSorting": true,
|
|
80
|
-
"field": "id",
|
|
81
|
-
"format": "number",
|
|
82
|
-
"headerText": "ID",
|
|
83
|
-
"textAlign": "left",
|
|
84
|
-
"width": "100%"
|
|
85
|
-
}
|
|
86
|
-
],
|
|
87
|
-
"dataSource": [
|
|
88
|
-
{
|
|
89
|
-
"data": "01/05/2022",
|
|
90
|
-
"duration": "08:18",
|
|
91
|
-
"campanha": "Campanha 1",
|
|
92
|
-
"agente": 16321,
|
|
93
|
-
"ani": 50364908,
|
|
94
|
-
"dnis": 123456,
|
|
95
|
-
"disposition": "Tabulação 1",
|
|
96
|
-
"origin": 12723,
|
|
97
|
-
"id": 1
|
|
98
|
-
},
|
|
99
|
-
{
|
|
100
|
-
"data": "01/05/2022",
|
|
101
|
-
"duration": "00:18",
|
|
102
|
-
"campanha": "Campanha 2",
|
|
103
|
-
"agente": "16322",
|
|
104
|
-
"ani": "50364909",
|
|
105
|
-
"dnis": "123457",
|
|
106
|
-
"disposition": "Tabulação 2",
|
|
107
|
-
"origin": "12721",
|
|
108
|
-
"id": 2
|
|
109
|
-
},
|
|
110
|
-
{
|
|
111
|
-
"data": "03/05/2022",
|
|
112
|
-
"duration": "03:13",
|
|
113
|
-
"campanha": "Campanha 1",
|
|
114
|
-
"agente": "16321",
|
|
115
|
-
"ani": "50364908",
|
|
116
|
-
"dnis": "123456",
|
|
117
|
-
"disposition": "Tabulação 1",
|
|
118
|
-
"origin": "12723",
|
|
119
|
-
"id": 3
|
|
120
|
-
},
|
|
121
|
-
{
|
|
122
|
-
"data": "01/05/2022",
|
|
123
|
-
"duration": "09:19",
|
|
124
|
-
"campanha": "Campanha 1",
|
|
125
|
-
"agente": "16321",
|
|
126
|
-
"ani": "50364908",
|
|
127
|
-
"dnis": "123456",
|
|
128
|
-
"disposition": "Tabulação 1",
|
|
129
|
-
"origin": "12723",
|
|
130
|
-
"id": 4
|
|
131
|
-
},
|
|
132
|
-
{
|
|
133
|
-
"data": "02/05/2022",
|
|
134
|
-
"duration": "02:59",
|
|
135
|
-
"campanha": "Campanha 1",
|
|
136
|
-
"agente": "16321",
|
|
137
|
-
"ani": "50364908",
|
|
138
|
-
"dnis": "123456",
|
|
139
|
-
"disposition": "Tabulação 1",
|
|
140
|
-
"origin": "12723",
|
|
141
|
-
"id": 5
|
|
142
|
-
},
|
|
143
|
-
{
|
|
144
|
-
"data": "04/05/2022",
|
|
145
|
-
"duration": "05:02",
|
|
146
|
-
"campanha": "Campanha 1",
|
|
147
|
-
"agente": "16321",
|
|
148
|
-
"ani": "50364908",
|
|
149
|
-
"dnis": "123456",
|
|
150
|
-
"disposition": "Tabulação 1",
|
|
151
|
-
"origin": "12723",
|
|
152
|
-
"id": 6
|
|
153
|
-
},
|
|
154
|
-
{
|
|
155
|
-
"data": "21/05/2022",
|
|
156
|
-
"duration": "06:02",
|
|
157
|
-
"campanha": "Campanha 7",
|
|
158
|
-
"agente": "16315",
|
|
159
|
-
"ani": "50364909",
|
|
160
|
-
"dnis": "123456",
|
|
161
|
-
"disposition": "Tabulação 7",
|
|
162
|
-
"origin": "12754",
|
|
163
|
-
"id": 7
|
|
164
|
-
},
|
|
165
|
-
{
|
|
166
|
-
"data": "23/05/2022",
|
|
167
|
-
"duration": "04:04",
|
|
168
|
-
"campanha": "Campanha 8",
|
|
169
|
-
"agente": "16321",
|
|
170
|
-
"ani": "50364908",
|
|
171
|
-
"dnis": "123456",
|
|
172
|
-
"disposition": "Tabulação 8",
|
|
173
|
-
"origin": "12752",
|
|
174
|
-
"id": 8
|
|
175
|
-
}
|
|
176
|
-
]
|
|
177
|
-
}
|
|
178
|
-
]
|
|
1
|
+
[
|
|
2
|
+
{
|
|
3
|
+
"columns": [
|
|
4
|
+
{
|
|
5
|
+
"allowFiltering": true,
|
|
6
|
+
"allowFiltering": true,
|
|
7
|
+
"allowSorting": true,
|
|
8
|
+
"field": "data",
|
|
9
|
+
"format": "date",
|
|
10
|
+
"headerText": "Data",
|
|
11
|
+
"textAlign": "left",
|
|
12
|
+
"width": "100%"
|
|
13
|
+
},
|
|
14
|
+
{
|
|
15
|
+
"allowFiltering": true,
|
|
16
|
+
"allowSorting": true,
|
|
17
|
+
"field": "duration",
|
|
18
|
+
"format": "time",
|
|
19
|
+
"headerText": "Duração",
|
|
20
|
+
"textAlign": "left",
|
|
21
|
+
"width": "100%"
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
"allowFiltering": true,
|
|
25
|
+
"allowSorting": true,
|
|
26
|
+
"field": "campanha",
|
|
27
|
+
"format": "string",
|
|
28
|
+
"headerText": "Campanha",
|
|
29
|
+
"textAlign": "left",
|
|
30
|
+
"width": "100%"
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
"allowFiltering": true,
|
|
34
|
+
"allowSorting": true,
|
|
35
|
+
"field": "agente",
|
|
36
|
+
"format": "string",
|
|
37
|
+
"headerText": "Agente",
|
|
38
|
+
"textAlign": "left",
|
|
39
|
+
"width": "100%"
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
"allowFiltering": true,
|
|
43
|
+
"allowSorting": true,
|
|
44
|
+
"field": "ani",
|
|
45
|
+
"format": "number",
|
|
46
|
+
"headerText": "ANI",
|
|
47
|
+
"textAlign": "left",
|
|
48
|
+
"width": "100%"
|
|
49
|
+
},
|
|
50
|
+
{
|
|
51
|
+
"allowFiltering": true,
|
|
52
|
+
"allowSorting": true,
|
|
53
|
+
"field": "dnis",
|
|
54
|
+
"format": "number",
|
|
55
|
+
"headerText": "DNIS",
|
|
56
|
+
"textAlign": "left",
|
|
57
|
+
"width": "100%"
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
"allowFiltering": true,
|
|
61
|
+
"allowSorting": true,
|
|
62
|
+
"field": "disposition",
|
|
63
|
+
"format": "string",
|
|
64
|
+
"headerText": "Tabulação",
|
|
65
|
+
"textAlign": "left",
|
|
66
|
+
"width": "100%"
|
|
67
|
+
},
|
|
68
|
+
{
|
|
69
|
+
"allowFiltering": true,
|
|
70
|
+
"allowSorting": true,
|
|
71
|
+
"field": "origem",
|
|
72
|
+
"format": "number",
|
|
73
|
+
"headerText": "Origem",
|
|
74
|
+
"textAlign": "left",
|
|
75
|
+
"width": "100%"
|
|
76
|
+
},
|
|
77
|
+
{
|
|
78
|
+
"allowFiltering": true,
|
|
79
|
+
"allowSorting": true,
|
|
80
|
+
"field": "id",
|
|
81
|
+
"format": "number",
|
|
82
|
+
"headerText": "ID",
|
|
83
|
+
"textAlign": "left",
|
|
84
|
+
"width": "100%"
|
|
85
|
+
}
|
|
86
|
+
],
|
|
87
|
+
"dataSource": [
|
|
88
|
+
{
|
|
89
|
+
"data": "01/05/2022",
|
|
90
|
+
"duration": "08:18",
|
|
91
|
+
"campanha": "Campanha 1",
|
|
92
|
+
"agente": 16321,
|
|
93
|
+
"ani": 50364908,
|
|
94
|
+
"dnis": 123456,
|
|
95
|
+
"disposition": "Tabulação 1",
|
|
96
|
+
"origin": 12723,
|
|
97
|
+
"id": 1
|
|
98
|
+
},
|
|
99
|
+
{
|
|
100
|
+
"data": "01/05/2022",
|
|
101
|
+
"duration": "00:18",
|
|
102
|
+
"campanha": "Campanha 2",
|
|
103
|
+
"agente": "16322",
|
|
104
|
+
"ani": "50364909",
|
|
105
|
+
"dnis": "123457",
|
|
106
|
+
"disposition": "Tabulação 2",
|
|
107
|
+
"origin": "12721",
|
|
108
|
+
"id": 2
|
|
109
|
+
},
|
|
110
|
+
{
|
|
111
|
+
"data": "03/05/2022",
|
|
112
|
+
"duration": "03:13",
|
|
113
|
+
"campanha": "Campanha 1",
|
|
114
|
+
"agente": "16321",
|
|
115
|
+
"ani": "50364908",
|
|
116
|
+
"dnis": "123456",
|
|
117
|
+
"disposition": "Tabulação 1",
|
|
118
|
+
"origin": "12723",
|
|
119
|
+
"id": 3
|
|
120
|
+
},
|
|
121
|
+
{
|
|
122
|
+
"data": "01/05/2022",
|
|
123
|
+
"duration": "09:19",
|
|
124
|
+
"campanha": "Campanha 1",
|
|
125
|
+
"agente": "16321",
|
|
126
|
+
"ani": "50364908",
|
|
127
|
+
"dnis": "123456",
|
|
128
|
+
"disposition": "Tabulação 1",
|
|
129
|
+
"origin": "12723",
|
|
130
|
+
"id": 4
|
|
131
|
+
},
|
|
132
|
+
{
|
|
133
|
+
"data": "02/05/2022",
|
|
134
|
+
"duration": "02:59",
|
|
135
|
+
"campanha": "Campanha 1",
|
|
136
|
+
"agente": "16321",
|
|
137
|
+
"ani": "50364908",
|
|
138
|
+
"dnis": "123456",
|
|
139
|
+
"disposition": "Tabulação 1",
|
|
140
|
+
"origin": "12723",
|
|
141
|
+
"id": 5
|
|
142
|
+
},
|
|
143
|
+
{
|
|
144
|
+
"data": "04/05/2022",
|
|
145
|
+
"duration": "05:02",
|
|
146
|
+
"campanha": "Campanha 1",
|
|
147
|
+
"agente": "16321",
|
|
148
|
+
"ani": "50364908",
|
|
149
|
+
"dnis": "123456",
|
|
150
|
+
"disposition": "Tabulação 1",
|
|
151
|
+
"origin": "12723",
|
|
152
|
+
"id": 6
|
|
153
|
+
},
|
|
154
|
+
{
|
|
155
|
+
"data": "21/05/2022",
|
|
156
|
+
"duration": "06:02",
|
|
157
|
+
"campanha": "Campanha 7",
|
|
158
|
+
"agente": "16315",
|
|
159
|
+
"ani": "50364909",
|
|
160
|
+
"dnis": "123456",
|
|
161
|
+
"disposition": "Tabulação 7",
|
|
162
|
+
"origin": "12754",
|
|
163
|
+
"id": 7
|
|
164
|
+
},
|
|
165
|
+
{
|
|
166
|
+
"data": "23/05/2022",
|
|
167
|
+
"duration": "04:04",
|
|
168
|
+
"campanha": "Campanha 8",
|
|
169
|
+
"agente": "16321",
|
|
170
|
+
"ani": "50364908",
|
|
171
|
+
"dnis": "123456",
|
|
172
|
+
"disposition": "Tabulação 8",
|
|
173
|
+
"origin": "12752",
|
|
174
|
+
"id": 8
|
|
175
|
+
}
|
|
176
|
+
]
|
|
177
|
+
}
|
|
178
|
+
]
|