norma-library 0.5.131 → 0.5.133

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.
Files changed (184) hide show
  1. package/.babelrc.json +18 -18
  2. package/.prettierignore +10 -10
  3. package/.prettierrc.json +20 -20
  4. package/.storybook/main.ts +20 -20
  5. package/.storybook/preview.ts +15 -15
  6. package/README.md +43 -43
  7. package/commitlint.config.js +1 -1
  8. package/dist/esm/components/Box/styles.d.ts +1 -1
  9. package/dist/esm/components/Breadcrumb/styles.d.ts +4 -4
  10. package/dist/esm/components/ChatMessageBalloon/ChatMessageBalloon.style.d.ts +1 -1
  11. package/dist/esm/components/DateInput/styles.d.ts +2 -2
  12. package/dist/esm/components/Icons.d.ts +1 -1
  13. package/dist/esm/components/Modal.js +4 -4
  14. package/dist/esm/components/Modal.js.map +1 -1
  15. package/dist/esm/components/MultiSelectInput/components/Option/styles.d.ts +1 -1
  16. package/dist/esm/components/MultiSelectInput/styles.d.ts +2 -2
  17. package/dist/esm/components/ProgressBar.d.ts +1 -1
  18. package/dist/esm/components/ProgressBar.js +19 -8
  19. package/dist/esm/components/ProgressBar.js.map +1 -1
  20. package/dist/esm/components/SelectInput/components/Option/styles.d.ts +1 -1
  21. package/dist/esm/components/SelectInput/styles.d.ts +2 -2
  22. package/dist/esm/components/Table/components/header/styles.d.ts +8 -8
  23. package/dist/esm/components/Table/components/pagination/styles.d.ts +1 -1
  24. package/dist/esm/components/Table/components/tbody/styles.d.ts +1 -1
  25. package/dist/esm/components/Table/styles.d.ts +10 -10
  26. package/dist/esm/components/TextInput/styles.d.ts +3 -3
  27. package/dist/esm/components/Typography/Text/styles.d.ts +1 -1
  28. package/dist/esm/components/Typography/Title/styles.d.ts +1 -1
  29. package/dist/esm/components/UncontrolledTable/components/header/styles.d.ts +8 -8
  30. package/dist/esm/components/UncontrolledTable/components/pagination/styles.d.ts +1 -1
  31. package/dist/esm/components/UncontrolledTable/components/tbody/styles.d.ts +1 -1
  32. package/dist/esm/components/UncontrolledTable/styles.d.ts +10 -10
  33. package/dist/esm/components/UncontrolledTabs/UncontrolledTabs.style.d.ts +1 -1
  34. package/dist/esm/interfaces/ProgressBar.d.ts +5 -1
  35. package/docs/index.md +118 -118
  36. package/package.json +136 -136
  37. package/src/components/Accordion.tsx +39 -39
  38. package/src/components/Avatar.tsx +17 -17
  39. package/src/components/Badge.tsx +14 -14
  40. package/src/components/Box/index.tsx +12 -12
  41. package/src/components/Box/interfaces.ts +3 -3
  42. package/src/components/Box/styles.tsx +22 -22
  43. package/src/components/Breadcrumb/index.tsx +27 -27
  44. package/src/components/Breadcrumb/interface.ts +8 -8
  45. package/src/components/Breadcrumb/styles.tsx +32 -32
  46. package/src/components/Button.tsx +26 -26
  47. package/src/components/Card.tsx +37 -37
  48. package/src/components/ChatMessage.tsx +87 -87
  49. package/src/components/ChatMessageBalloon/ChatMessageBalloon.style.ts +56 -56
  50. package/src/components/ChatMessageBalloon/ChatMessageBalloon.tsx +55 -55
  51. package/src/components/CheckBox.tsx +21 -21
  52. package/src/components/DateInput/index.tsx +34 -34
  53. package/src/components/DateInput/interface.ts +13 -13
  54. package/src/components/DateInput/styles.tsx +27 -27
  55. package/src/components/DatePicker.tsx +67 -67
  56. package/src/components/DropDown.tsx +24 -24
  57. package/src/components/IconButton.tsx +37 -37
  58. package/src/components/Icons.tsx +82 -82
  59. package/src/components/Modal.tsx +103 -113
  60. package/src/components/MultiSelectInput/components/MultiValue/index.tsx +44 -44
  61. package/src/components/MultiSelectInput/components/Option/index.tsx +62 -62
  62. package/src/components/MultiSelectInput/components/Option/styles.tsx +8 -8
  63. package/src/components/MultiSelectInput/index.tsx +60 -60
  64. package/src/components/MultiSelectInput/interfaces.ts +15 -15
  65. package/src/components/MultiSelectInput/styles.tsx +43 -43
  66. package/src/components/Paper.tsx +12 -12
  67. package/src/components/ProgressBar.tsx +63 -50
  68. package/src/components/RadioGroup.tsx +43 -43
  69. package/src/components/RangerSlider.tsx +65 -65
  70. package/src/components/Select.tsx +74 -74
  71. package/src/components/SelectInput/components/Option/index.tsx +61 -61
  72. package/src/components/SelectInput/components/Option/styles.tsx +8 -8
  73. package/src/components/SelectInput/index.tsx +45 -45
  74. package/src/components/SelectInput/interfaces.ts +15 -15
  75. package/src/components/SelectInput/styles.tsx +31 -31
  76. package/src/components/Svgs.tsx +506 -506
  77. package/src/components/Table/components/header/index.tsx +86 -86
  78. package/src/components/Table/components/header/styles.tsx +59 -59
  79. package/src/components/Table/components/index.tsx +8 -8
  80. package/src/components/Table/components/pagination/index.tsx +39 -39
  81. package/src/components/Table/components/pagination/styles.tsx +28 -28
  82. package/src/components/Table/components/tbody/index.tsx +30 -30
  83. package/src/components/Table/components/tbody/styles.tsx +4 -4
  84. package/src/components/Table/index.tsx +317 -317
  85. package/src/components/Table/interface.ts +23 -23
  86. package/src/components/Table/styles.tsx +117 -117
  87. package/src/components/Tabs.tsx +105 -105
  88. package/src/components/Tag.tsx +33 -33
  89. package/src/components/TextField.tsx +19 -19
  90. package/src/components/TextInput/index.tsx +37 -37
  91. package/src/components/TextInput/interface.ts +9 -9
  92. package/src/components/TextInput/styles.tsx +23 -23
  93. package/src/components/TimeLine.tsx +89 -89
  94. package/src/components/TimePicker.tsx +78 -78
  95. package/src/components/Typography/Text/index.tsx +20 -20
  96. package/src/components/Typography/Text/interfaces.ts +5 -5
  97. package/src/components/Typography/Text/styles.tsx +40 -40
  98. package/src/components/Typography/Title/index.tsx +22 -22
  99. package/src/components/Typography/Title/interfaces.ts +6 -6
  100. package/src/components/Typography/Title/styles.tsx +40 -40
  101. package/src/components/Typography/index.tsx +6 -6
  102. package/src/components/UncontrolledTable/components/header/index.tsx +63 -63
  103. package/src/components/UncontrolledTable/components/header/styles.tsx +59 -59
  104. package/src/components/UncontrolledTable/components/index.tsx +8 -8
  105. package/src/components/UncontrolledTable/components/pagination/index.tsx +43 -43
  106. package/src/components/UncontrolledTable/components/pagination/styles.tsx +28 -28
  107. package/src/components/UncontrolledTable/components/tbody/index.tsx +30 -30
  108. package/src/components/UncontrolledTable/components/tbody/styles.tsx +4 -4
  109. package/src/components/UncontrolledTable/index.tsx +226 -226
  110. package/src/components/UncontrolledTable/interface.ts +42 -42
  111. package/src/components/UncontrolledTable/styles.tsx +120 -120
  112. package/src/components/UncontrolledTabs/UncontrolledTabs.style.tsx +51 -51
  113. package/src/components/UncontrolledTabs/UncontrolledTabs.tsx +68 -68
  114. package/src/components/index.ts +24 -24
  115. package/src/helpers/alignments.ts +14 -14
  116. package/src/helpers/borders.ts +18 -18
  117. package/src/helpers/colors.ts +206 -206
  118. package/src/helpers/index.ts +5 -5
  119. package/src/helpers/radios.ts +24 -24
  120. package/src/helpers/sizes.ts +72 -72
  121. package/src/index.ts +66 -66
  122. package/src/interfaces/Accordion.ts +12 -12
  123. package/src/interfaces/Avatar.tsx +15 -15
  124. package/src/interfaces/Badge.ts +19 -19
  125. package/src/interfaces/Button.ts +22 -22
  126. package/src/interfaces/Card.ts +11 -11
  127. package/src/interfaces/ChatMessage.ts +12 -12
  128. package/src/interfaces/ChatMessageBalloon.ts +17 -17
  129. package/src/interfaces/CheckBox.ts +27 -27
  130. package/src/interfaces/DatePicker.ts +13 -13
  131. package/src/interfaces/DropDown.ts +14 -14
  132. package/src/interfaces/IconButton.ts +22 -22
  133. package/src/interfaces/Icons.ts +17 -17
  134. package/src/interfaces/Modal.ts +16 -16
  135. package/src/interfaces/Paper.ts +12 -12
  136. package/src/interfaces/ProgressBar.ts +25 -19
  137. package/src/interfaces/RadioGroup.ts +23 -23
  138. package/src/interfaces/RangerSlider.ts +21 -21
  139. package/src/interfaces/Select.ts +17 -17
  140. package/src/interfaces/Tabs.ts +19 -19
  141. package/src/interfaces/Tag.ts +17 -17
  142. package/src/interfaces/TextField.ts +44 -44
  143. package/src/interfaces/TimeLine.ts +11 -11
  144. package/src/interfaces/TimePicker.ts +13 -13
  145. package/src/interfaces/index.ts +23 -23
  146. package/src/providers/NormaProvider.tsx +13 -13
  147. package/src/sample-data-2.json +178 -178
  148. package/src/sample-data.json +177 -177
  149. package/src/stories/Accordion.stories.tsx +65 -65
  150. package/src/stories/Avatar.stories.tsx +123 -123
  151. package/src/stories/Badge.stories.tsx +39 -39
  152. package/src/stories/Box.stories.tsx +35 -35
  153. package/src/stories/Breadcrumb.stories.tsx +44 -44
  154. package/src/stories/Button.stories.tsx +93 -93
  155. package/src/stories/Card.stories.tsx +39 -39
  156. package/src/stories/ChatMessage.stories.tsx +84 -84
  157. package/src/stories/ChatMessageBalloon.stories.tsx +108 -108
  158. package/src/stories/CheckBox.stories.tsx +88 -88
  159. package/src/stories/DateInput.stories.tsx +51 -51
  160. package/src/stories/DatePicker.stories.tsx +50 -50
  161. package/src/stories/DropDown.stories.tsx +57 -57
  162. package/src/stories/IconButton.stories.tsx +78 -78
  163. package/src/stories/Modal.stories.tsx +195 -195
  164. package/src/stories/MultiSelectInput.stories.tsx +90 -90
  165. package/src/stories/Paper.stories.tsx +53 -53
  166. package/src/stories/ProgressBar.stories.tsx +113 -95
  167. package/src/stories/RadioGroup.stories.tsx +87 -87
  168. package/src/stories/RangerSlider.stories.tsx +158 -58
  169. package/src/stories/Select.stories.tsx +100 -100
  170. package/src/stories/SelectInput.stories.tsx +78 -78
  171. package/src/stories/Table.stories.tsx +372 -372
  172. package/src/stories/Tabs.stories.tsx +61 -61
  173. package/src/stories/Tag.stories.tsx +56 -56
  174. package/src/stories/Text.stories.tsx +37 -37
  175. package/src/stories/TextField.stories.tsx +310 -310
  176. package/src/stories/TextInput.stories.tsx +52 -52
  177. package/src/stories/TimeLine.stories.tsx +35 -35
  178. package/src/stories/TimePicker.stories.tsx +87 -87
  179. package/src/stories/Title.stories.tsx +43 -43
  180. package/src/stories/UncontrolledTable.stories.tsx +337 -337
  181. package/src/stories/UncontrolledTabs.stories.tsx +63 -63
  182. package/src/styles/globals.scss +17 -17
  183. package/src/types/index.ts +204 -204
  184. package/vite.config.ts +15 -15
package/src/index.ts CHANGED
@@ -1,66 +1,66 @@
1
- import { Accordion } from './components/Accordion';
2
- import { Button } from './components/Button';
3
- import { Card } from './components/Card';
4
- import { CheckBox } from './components/CheckBox';
5
- import { IconButton } from './components/IconButton';
6
- import { Icons } from './components/Icons';
7
- import { Modal } from './components/Modal';
8
- import { Paper } from './components/Paper';
9
- import { ProgressBar } from './components/ProgressBar';
10
- import { RadioGroup } from './components/RadioGroup';
11
- import { RangerSlider } from './components/RangerSlider';
12
- import { Select } from './components/Select';
13
- import { Tabs } from './components/Tabs';
14
- import { Tag } from './components/Tag';
15
- import { TextField } from './components/TextField';
16
- import { DatePicker } from './components/DatePicker';
17
- import { ChatMessage, ChatMessageBalloon } from './components';
18
- import { NormaProvider } from './providers/NormaProvider';
19
- import { themes, getPalette } from './helpers';
20
- import DateInput from './components/DateInput';
21
- import Box from './components/Box'
22
- import Breadcrumb from './components/Breadcrumb';
23
- import SelectInput from './components/SelectInput';
24
- import MultiSelectInput from './components/MultiSelectInput';
25
- import { Title, Text } from './components/Typography'
26
- import TextInput from './components/TextInput';
27
- import Table from './components/Table';
28
- import UncontrolledTable from './components/UncontrolledTable';
29
- import UncontrolledTabs from './components/UncontrolledTabs/UncontrolledTabs';
30
-
31
-
32
-
33
- export {
34
- Accordion,
35
- Button,
36
- Card,
37
- ChatMessage,
38
- ChatMessageBalloon,
39
- CheckBox,
40
- DatePicker,
41
- getPalette,
42
- IconButton,
43
- Icons,
44
- Modal,
45
- Paper,
46
- ProgressBar,
47
- RadioGroup,
48
- RangerSlider,
49
- Select,
50
- Tabs,
51
- Tag,
52
- TextField,
53
- NormaProvider,
54
- themes,
55
- DateInput,
56
- Box,
57
- Breadcrumb,
58
- SelectInput,
59
- MultiSelectInput,
60
- Text,
61
- Title,
62
- TextInput,
63
- Table,
64
- UncontrolledTable,
65
- UncontrolledTabs
66
- };
1
+ import { Accordion } from './components/Accordion';
2
+ import { Button } from './components/Button';
3
+ import { Card } from './components/Card';
4
+ import { CheckBox } from './components/CheckBox';
5
+ import { IconButton } from './components/IconButton';
6
+ import { Icons } from './components/Icons';
7
+ import { Modal } from './components/Modal';
8
+ import { Paper } from './components/Paper';
9
+ import { ProgressBar } from './components/ProgressBar';
10
+ import { RadioGroup } from './components/RadioGroup';
11
+ import { RangerSlider } from './components/RangerSlider';
12
+ import { Select } from './components/Select';
13
+ import { Tabs } from './components/Tabs';
14
+ import { Tag } from './components/Tag';
15
+ import { TextField } from './components/TextField';
16
+ import { DatePicker } from './components/DatePicker';
17
+ import { ChatMessage, ChatMessageBalloon } from './components';
18
+ import { NormaProvider } from './providers/NormaProvider';
19
+ import { themes, getPalette } from './helpers';
20
+ import DateInput from './components/DateInput';
21
+ import Box from './components/Box'
22
+ import Breadcrumb from './components/Breadcrumb';
23
+ import SelectInput from './components/SelectInput';
24
+ import MultiSelectInput from './components/MultiSelectInput';
25
+ import { Title, Text } from './components/Typography'
26
+ import TextInput from './components/TextInput';
27
+ import Table from './components/Table';
28
+ import UncontrolledTable from './components/UncontrolledTable';
29
+ import UncontrolledTabs from './components/UncontrolledTabs/UncontrolledTabs';
30
+
31
+
32
+
33
+ export {
34
+ Accordion,
35
+ Button,
36
+ Card,
37
+ ChatMessage,
38
+ ChatMessageBalloon,
39
+ CheckBox,
40
+ DatePicker,
41
+ getPalette,
42
+ IconButton,
43
+ Icons,
44
+ Modal,
45
+ Paper,
46
+ ProgressBar,
47
+ RadioGroup,
48
+ RangerSlider,
49
+ Select,
50
+ Tabs,
51
+ Tag,
52
+ TextField,
53
+ NormaProvider,
54
+ themes,
55
+ DateInput,
56
+ Box,
57
+ Breadcrumb,
58
+ SelectInput,
59
+ MultiSelectInput,
60
+ Text,
61
+ Title,
62
+ TextInput,
63
+ Table,
64
+ UncontrolledTable,
65
+ UncontrolledTabs
66
+ };
@@ -1,12 +1,12 @@
1
- import { SxProps } from '@mui/material';
2
- import { Theme } from '@emotion/react';
3
- import { DataAccordion, MuiAccordionBaseProps } from '../types';
4
-
5
- export interface AccordionBaseProps extends MuiAccordionBaseProps {
6
- label?: React.ReactNode | String;
7
- sx?: SxProps<Theme>;
8
- onChange?: (event: React.SyntheticEvent, expanded: boolean) => void;
9
- defaultExpanded?: boolean | string;
10
- expanded?: boolean;
11
- data?: DataAccordion[];
12
- }
1
+ import { SxProps } from '@mui/material';
2
+ import { Theme } from '@emotion/react';
3
+ import { DataAccordion, MuiAccordionBaseProps } from '../types';
4
+
5
+ export interface AccordionBaseProps extends MuiAccordionBaseProps {
6
+ label?: React.ReactNode | String;
7
+ sx?: SxProps<Theme>;
8
+ onChange?: (event: React.SyntheticEvent, expanded: boolean) => void;
9
+ defaultExpanded?: boolean | string;
10
+ expanded?: boolean;
11
+ data?: DataAccordion[];
12
+ }
@@ -1,15 +1,15 @@
1
- import { ReactNode } from 'react';
2
- import { Theme } from '@emotion/react';
3
-
4
- import { AvatarPropsVariantOverrides, SxProps } from '@mui/material';
5
-
6
- import { MuiAvatarBaseProps } from '../types';
7
- import { OverridableStringUnion } from '@mui/types';
8
-
9
- export interface AvatarBaseProps extends MuiAvatarBaseProps {
10
- sx?: SxProps<Theme>;
11
- src?: string;
12
- children?: ReactNode;
13
- variant?: OverridableStringUnion<'circular' | 'rounded' | 'square', AvatarPropsVariantOverrides>;
14
- sizes?: string;
15
- }
1
+ import { ReactNode } from 'react';
2
+ import { Theme } from '@emotion/react';
3
+
4
+ import { AvatarPropsVariantOverrides, SxProps } from '@mui/material';
5
+
6
+ import { MuiAvatarBaseProps } from '../types';
7
+ import { OverridableStringUnion } from '@mui/types';
8
+
9
+ export interface AvatarBaseProps extends MuiAvatarBaseProps {
10
+ sx?: SxProps<Theme>;
11
+ src?: string;
12
+ children?: ReactNode;
13
+ variant?: OverridableStringUnion<'circular' | 'rounded' | 'square', AvatarPropsVariantOverrides>;
14
+ sizes?: string;
15
+ }
@@ -1,19 +1,19 @@
1
- import { ReactNode } from 'react';
2
- import { Theme } from '@emotion/react';
3
-
4
- import { BadgePropsColorOverrides, BadgePropsVariantOverrides, SxProps } from '@mui/material';
5
- import { MuiBadgeBaseProps } from '@/types';
6
- import { OverridableStringUnion } from '@mui/types';
7
-
8
- export interface BadgeBaseProps extends MuiBadgeBaseProps {
9
- sx?: SxProps<Theme>;
10
- className?: string;
11
- children?: ReactNode;
12
- badgeContent?: ReactNode;
13
- invisible?: boolean;
14
- color?: OverridableStringUnion<
15
- 'primary' | 'secondary' | 'default' | 'error' | 'info' | 'success' | 'warning',
16
- BadgePropsColorOverrides
17
- >;
18
- variant?: OverridableStringUnion<'standard' | 'dot', BadgePropsVariantOverrides>;
19
- }
1
+ import { ReactNode } from 'react';
2
+ import { Theme } from '@emotion/react';
3
+
4
+ import { BadgePropsColorOverrides, BadgePropsVariantOverrides, SxProps } from '@mui/material';
5
+ import { MuiBadgeBaseProps } from '@/types';
6
+ import { OverridableStringUnion } from '@mui/types';
7
+
8
+ export interface BadgeBaseProps extends MuiBadgeBaseProps {
9
+ sx?: SxProps<Theme>;
10
+ className?: string;
11
+ children?: ReactNode;
12
+ badgeContent?: ReactNode;
13
+ invisible?: boolean;
14
+ color?: OverridableStringUnion<
15
+ 'primary' | 'secondary' | 'default' | 'error' | 'info' | 'success' | 'warning',
16
+ BadgePropsColorOverrides
17
+ >;
18
+ variant?: OverridableStringUnion<'standard' | 'dot', BadgePropsVariantOverrides>;
19
+ }
@@ -1,22 +1,22 @@
1
- import { ReactNode } from 'react';
2
- import { Theme } from '@emotion/react';
3
-
4
- import {
5
- ButtonPropsColorOverrides,
6
- ButtonPropsSizeOverrides,
7
- ButtonPropsVariantOverrides,
8
- SxProps,
9
- } from '@mui/material';
10
-
11
- import { OverridableStringUnion } from '@mui/types';
12
- import { ColorVariant, ButtonVariant, SizeVariant, MuiButtonBaseProps } from '../types';
13
-
14
- export interface ButtonBaseProps extends MuiButtonBaseProps {
15
- label?: string;
16
- sx?: SxProps<Theme>;
17
- children?: ReactNode;
18
- fullWidth?: boolean;
19
- color?: OverridableStringUnion<ColorVariant, ButtonPropsColorOverrides>;
20
- size?: OverridableStringUnion<SizeVariant, ButtonPropsSizeOverrides>;
21
- variant?: OverridableStringUnion<ButtonVariant, ButtonPropsVariantOverrides>;
22
- }
1
+ import { ReactNode } from 'react';
2
+ import { Theme } from '@emotion/react';
3
+
4
+ import {
5
+ ButtonPropsColorOverrides,
6
+ ButtonPropsSizeOverrides,
7
+ ButtonPropsVariantOverrides,
8
+ SxProps,
9
+ } from '@mui/material';
10
+
11
+ import { OverridableStringUnion } from '@mui/types';
12
+ import { ColorVariant, ButtonVariant, SizeVariant, MuiButtonBaseProps } from '../types';
13
+
14
+ export interface ButtonBaseProps extends MuiButtonBaseProps {
15
+ label?: string;
16
+ sx?: SxProps<Theme>;
17
+ children?: ReactNode;
18
+ fullWidth?: boolean;
19
+ color?: OverridableStringUnion<ColorVariant, ButtonPropsColorOverrides>;
20
+ size?: OverridableStringUnion<SizeVariant, ButtonPropsSizeOverrides>;
21
+ variant?: OverridableStringUnion<ButtonVariant, ButtonPropsVariantOverrides>;
22
+ }
@@ -1,11 +1,11 @@
1
- import { SxProps } from '@mui/material';
2
- import { Theme } from '@emotion/react';
3
- import { ColorVariant, MuiCardBaseProps } from '../types';
4
-
5
- export interface CardBaseProps extends MuiCardBaseProps {
6
- sx?: SxProps<Theme>;
7
- raised?: boolean;
8
- border?: boolean;
9
- color?: ColorVariant;
10
- children?: React.ReactNode;
11
- }
1
+ import { SxProps } from '@mui/material';
2
+ import { Theme } from '@emotion/react';
3
+ import { ColorVariant, MuiCardBaseProps } from '../types';
4
+
5
+ export interface CardBaseProps extends MuiCardBaseProps {
6
+ sx?: SxProps<Theme>;
7
+ raised?: boolean;
8
+ border?: boolean;
9
+ color?: ColorVariant;
10
+ children?: React.ReactNode;
11
+ }
@@ -1,12 +1,12 @@
1
- export interface ChatProps {
2
- name: string;
3
- message: string;
4
- emotion?: React.ReactNode;
5
- emotionReplay?: React.ReactNode;
6
- time: string;
7
- send: 'me' | 'replay';
8
- }
9
-
10
- export interface ChatMessageProps {
11
- data: ChatProps[];
12
- }
1
+ export interface ChatProps {
2
+ name: string;
3
+ message: string;
4
+ emotion?: React.ReactNode;
5
+ emotionReplay?: React.ReactNode;
6
+ time: string;
7
+ send: 'me' | 'replay';
8
+ }
9
+
10
+ export interface ChatMessageProps {
11
+ data: ChatProps[];
12
+ }
@@ -1,17 +1,17 @@
1
- import { ReactNode, MouseEventHandler } from "react";
2
-
3
- export interface ChatMessageBalloonProps {
4
- label: string;
5
- description: ReactNode;
6
- date: string;
7
- direction: "I" | "O";
8
- onMouseEnter?: MouseEventHandler<HTMLDivElement>;
9
- onMouseLeave?: MouseEventHandler<HTMLDivElement>;
10
- onRowMouseEnter?: MouseEventHandler<HTMLDivElement>;
11
- onRowMouseLeave?: MouseEventHandler<HTMLDivElement>;
12
- highlight?: boolean;
13
- attachments?: string[];
14
- children?:ReactNode;
15
- bottomChildren?:ReactNode;
16
- className?:string;
17
- }
1
+ import { ReactNode, MouseEventHandler } from "react";
2
+
3
+ export interface ChatMessageBalloonProps {
4
+ label: string;
5
+ description: ReactNode;
6
+ date: string;
7
+ direction: "I" | "O";
8
+ onMouseEnter?: MouseEventHandler<HTMLDivElement>;
9
+ onMouseLeave?: MouseEventHandler<HTMLDivElement>;
10
+ onRowMouseEnter?: MouseEventHandler<HTMLDivElement>;
11
+ onRowMouseLeave?: MouseEventHandler<HTMLDivElement>;
12
+ highlight?: boolean;
13
+ attachments?: string[];
14
+ children?:ReactNode;
15
+ bottomChildren?:ReactNode;
16
+ className?:string;
17
+ }
@@ -1,27 +1,27 @@
1
- import { OverridableStringUnion } from '@mui/types';
2
- import { Checkbox, SxProps, Theme } from '@mui/material';
3
- import { SwitchBaseProps } from '@mui/material/internal/SwitchBase';
4
- import {
5
- CheckBoxColorVariant,
6
- CheckboxPropsColorOverrides,
7
- CheckboxPropsSizeOverrides,
8
- MuiCheckBoxBaseProps,
9
- TextFieldSizeVariant,
10
- } from '../types';
11
-
12
- export interface CheckBoxBaseProps extends MuiCheckBoxBaseProps {
13
- sx?: SxProps<Theme>;
14
- name?: string;
15
- label?: string;
16
- checked?: SwitchBaseProps['checked'];
17
- color?: OverridableStringUnion<CheckBoxColorVariant, CheckboxPropsColorOverrides>;
18
- disabled?: SwitchBaseProps['disabled'];
19
- id?: SwitchBaseProps['id'];
20
- onChange?: SwitchBaseProps['onChange'];
21
- required?: SwitchBaseProps['required'];
22
- size?: OverridableStringUnion<TextFieldSizeVariant, CheckboxPropsSizeOverrides>;
23
- value?: SwitchBaseProps['value'];
24
- defaultChecked?: boolean;
25
- }
26
-
27
- export type CheckboxType = keyof typeof Checkbox;
1
+ import { OverridableStringUnion } from '@mui/types';
2
+ import { Checkbox, SxProps, Theme } from '@mui/material';
3
+ import { SwitchBaseProps } from '@mui/material/internal/SwitchBase';
4
+ import {
5
+ CheckBoxColorVariant,
6
+ CheckboxPropsColorOverrides,
7
+ CheckboxPropsSizeOverrides,
8
+ MuiCheckBoxBaseProps,
9
+ TextFieldSizeVariant,
10
+ } from '../types';
11
+
12
+ export interface CheckBoxBaseProps extends MuiCheckBoxBaseProps {
13
+ sx?: SxProps<Theme>;
14
+ name?: string;
15
+ label?: string;
16
+ checked?: SwitchBaseProps['checked'];
17
+ color?: OverridableStringUnion<CheckBoxColorVariant, CheckboxPropsColorOverrides>;
18
+ disabled?: SwitchBaseProps['disabled'];
19
+ id?: SwitchBaseProps['id'];
20
+ onChange?: SwitchBaseProps['onChange'];
21
+ required?: SwitchBaseProps['required'];
22
+ size?: OverridableStringUnion<TextFieldSizeVariant, CheckboxPropsSizeOverrides>;
23
+ value?: SwitchBaseProps['value'];
24
+ defaultChecked?: boolean;
25
+ }
26
+
27
+ export type CheckboxType = keyof typeof Checkbox;
@@ -1,13 +1,13 @@
1
- import { SxProps } from '@mui/material';
2
- import { Theme } from '@emotion/react';
3
-
4
- import { DatePickVariant } from '../types';
5
-
6
- export interface DatePickerBaseProps {
7
- sx?: SxProps<Theme>;
8
- label?: string;
9
- format?: 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 DatePickerBaseProps {
7
+ sx?: SxProps<Theme>;
8
+ label?: string;
9
+ format?: string;
10
+ language?: string;
11
+ onChange?: React.ChangeEvent<HTMLInputElement>;
12
+ variant?: DatePickVariant;
13
+ }
@@ -1,14 +1,14 @@
1
- import { ReactNode } from 'react';
2
- import { Theme } from '@emotion/react';
3
-
4
- import { SxProps } from '@mui/material';
5
-
6
- import { DropVariant, MuiDropDownBaseProps } from '../types';
7
-
8
- export interface DropDownBaseProps extends MuiDropDownBaseProps {
9
- sx?: SxProps<Theme>;
10
- open: boolean;
11
- onClose?: React.ReactEventHandler<{}>;
12
- children?: ReactNode;
13
- variant?: DropVariant;
14
- }
1
+ import { ReactNode } from 'react';
2
+ import { Theme } from '@emotion/react';
3
+
4
+ import { SxProps } from '@mui/material';
5
+
6
+ import { DropVariant, MuiDropDownBaseProps } from '../types';
7
+
8
+ export interface DropDownBaseProps extends MuiDropDownBaseProps {
9
+ sx?: SxProps<Theme>;
10
+ open: boolean;
11
+ onClose?: React.ReactEventHandler<{}>;
12
+ children?: ReactNode;
13
+ variant?: DropVariant;
14
+ }
@@ -1,22 +1,22 @@
1
- import { ReactNode } from 'react';
2
- import { Theme } from '@emotion/react';
3
-
4
- import {
5
- ButtonPropsColorOverrides,
6
- ButtonPropsSizeOverrides,
7
- ButtonPropsVariantOverrides,
8
- SxProps,
9
- } from '@mui/material';
10
-
11
- import { OverridableStringUnion } from '@mui/types';
12
- import { ColorVariant, ButtonVariant, SizeVariant, MuiIconButtonBaseProps } from '../types';
13
-
14
- export interface IconButtonBaseProps extends MuiIconButtonBaseProps {
15
- sx?: SxProps<Theme>;
16
- children?: ReactNode;
17
- circle?: boolean;
18
- cursor?: string;
19
- color?: OverridableStringUnion<ColorVariant, ButtonPropsColorOverrides>;
20
- size?: OverridableStringUnion<SizeVariant, ButtonPropsSizeOverrides>;
21
- variant?: OverridableStringUnion<ButtonVariant, ButtonPropsVariantOverrides>;
22
- }
1
+ import { ReactNode } from 'react';
2
+ import { Theme } from '@emotion/react';
3
+
4
+ import {
5
+ ButtonPropsColorOverrides,
6
+ ButtonPropsSizeOverrides,
7
+ ButtonPropsVariantOverrides,
8
+ SxProps,
9
+ } from '@mui/material';
10
+
11
+ import { OverridableStringUnion } from '@mui/types';
12
+ import { ColorVariant, ButtonVariant, SizeVariant, MuiIconButtonBaseProps } from '../types';
13
+
14
+ export interface IconButtonBaseProps extends MuiIconButtonBaseProps {
15
+ sx?: SxProps<Theme>;
16
+ children?: ReactNode;
17
+ circle?: boolean;
18
+ cursor?: string;
19
+ color?: OverridableStringUnion<ColorVariant, ButtonPropsColorOverrides>;
20
+ size?: OverridableStringUnion<SizeVariant, ButtonPropsSizeOverrides>;
21
+ variant?: OverridableStringUnion<ButtonVariant, ButtonPropsVariantOverrides>;
22
+ }
@@ -1,17 +1,17 @@
1
- import { ComponentProps } from 'react';
2
- import { IconScale, IconColors, IconType } from '../types';
3
- import { Svg } from '../components/Icons';
4
-
5
- export interface IconsProps extends ComponentProps<typeof Svg> {
6
- useSymbol?: boolean;
7
- scale?: IconScale;
8
- color?: IconColors;
9
- width?: number;
10
- height?: number;
11
- fill?: string;
12
- icon: IconType;
13
- }
14
-
15
- export interface SvgProps {
16
- inline?: boolean;
17
- }
1
+ import { ComponentProps } from 'react';
2
+ import { IconScale, IconColors, IconType } from '../types';
3
+ import { Svg } from '../components/Icons';
4
+
5
+ export interface IconsProps extends ComponentProps<typeof Svg> {
6
+ useSymbol?: boolean;
7
+ scale?: IconScale;
8
+ color?: IconColors;
9
+ width?: number;
10
+ height?: number;
11
+ fill?: string;
12
+ icon: IconType;
13
+ }
14
+
15
+ export interface SvgProps {
16
+ inline?: boolean;
17
+ }
@@ -1,16 +1,16 @@
1
- import { SxProps } from '@mui/material';
2
- import { Theme } from '@emotion/react';
3
- import { MuiModalBaseProps, MuiPaperBaseProps, OnAction } from '@/types';
4
-
5
- export interface ModalBaseProps extends MuiModalBaseProps {
6
- sx?: SxProps<Theme>;
7
- children: React.ReactElement;
8
- open: boolean;
9
- onClose?: React.ReactEventHandler<{}>;
10
- action?: OnAction[];
11
- className?: string;
12
- full?: boolean;
13
- title?: string;
14
- id?: string;
15
- paperProps?: MuiPaperBaseProps;
16
- }
1
+ import { SxProps } from '@mui/material';
2
+ import { Theme } from '@emotion/react';
3
+ import { MuiModalBaseProps, MuiPaperBaseProps, OnAction } from '@/types';
4
+
5
+ export interface ModalBaseProps extends MuiModalBaseProps {
6
+ sx?: SxProps<Theme>;
7
+ children: React.ReactElement;
8
+ open: boolean;
9
+ onClose?: React.ReactEventHandler<{}>;
10
+ action?: OnAction[];
11
+ className?: string;
12
+ full?: boolean;
13
+ title?: string;
14
+ id?: string;
15
+ paperProps?: MuiPaperBaseProps;
16
+ }
@@ -1,12 +1,12 @@
1
- import { PaperPropsVariantOverrides, SxProps } from '@mui/material';
2
- import { Theme } from '@emotion/react';
3
- import { MuiPaperBaseProps, PaperVariant } from '../types';
4
- import { OverridableStringUnion } from '@mui/types';
5
-
6
- export interface PaperBaseProps extends MuiPaperBaseProps {
7
- sx?: SxProps<Theme>;
8
- elevation?: number;
9
- square?: boolean;
10
- children?: React.ReactNode;
11
- variant?: OverridableStringUnion<PaperVariant, PaperPropsVariantOverrides>;
12
- }
1
+ import { PaperPropsVariantOverrides, SxProps } from '@mui/material';
2
+ import { Theme } from '@emotion/react';
3
+ import { MuiPaperBaseProps, PaperVariant } from '../types';
4
+ import { OverridableStringUnion } from '@mui/types';
5
+
6
+ export interface PaperBaseProps extends MuiPaperBaseProps {
7
+ sx?: SxProps<Theme>;
8
+ elevation?: number;
9
+ square?: boolean;
10
+ children?: React.ReactNode;
11
+ variant?: OverridableStringUnion<PaperVariant, PaperPropsVariantOverrides>;
12
+ }