norma-library 0.4.9 → 0.5.1

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 (246) hide show
  1. package/.babelrc.json +1 -1
  2. package/.husky/commit-msg +4 -0
  3. package/.prettierignore +11 -0
  4. package/.prettierrc.json +20 -0
  5. package/CHANGELOG.md +0 -0
  6. package/CONTRIBUTING.md +0 -0
  7. package/README.md +42 -0
  8. package/commitlint.config.js +1 -0
  9. package/dist/Button/index.d.ts +9 -0
  10. package/dist/Button/types.d.ts +18 -0
  11. package/dist/Card/Card.d.ts +3 -0
  12. package/dist/Card/CardHeader.d.ts +3 -0
  13. package/dist/Card/index.d.ts +4 -0
  14. package/dist/Card/styles.d.ts +546 -0
  15. package/dist/Card/types.d.ts +8 -0
  16. package/dist/esm/components/Accordion.d.ts +2 -2
  17. package/dist/esm/components/Accordion.js +8 -8
  18. package/dist/esm/components/Accordion.js.map +1 -1
  19. package/dist/esm/components/Avatar.d.ts +2 -2
  20. package/dist/esm/components/Avatar.js +7 -7
  21. package/dist/esm/components/Avatar.js.map +1 -1
  22. package/dist/esm/components/Badge.d.ts +2 -2
  23. package/dist/esm/components/Badge.js +5 -5
  24. package/dist/esm/components/Badge.js.map +1 -1
  25. package/dist/esm/components/Button.d.ts +2 -2
  26. package/dist/esm/components/Button.js +10 -10
  27. package/dist/esm/components/Button.js.map +1 -1
  28. package/dist/esm/components/Card.d.ts +3 -3
  29. package/dist/esm/components/Card.js +8 -8
  30. package/dist/esm/components/Card.js.map +1 -1
  31. package/dist/esm/components/ChatMessage.d.ts +2 -2
  32. package/dist/esm/components/ChatMessage.js +35 -35
  33. package/dist/esm/components/ChatMessage.js.map +1 -1
  34. package/dist/esm/components/CheckBox.d.ts +2 -2
  35. package/dist/esm/components/CheckBox.js +5 -5
  36. package/dist/esm/components/CheckBox.js.map +1 -1
  37. package/dist/esm/components/DataGrid/base/dropdown.d.ts +2 -2
  38. package/dist/esm/components/DataGrid/base/dropdown.js +32 -32
  39. package/dist/esm/components/DataGrid/base/dropdown.js.map +1 -1
  40. package/dist/esm/components/DataGrid/base/number-filter.d.ts +2 -2
  41. package/dist/esm/components/DataGrid/base/number-filter.js +21 -21
  42. package/dist/esm/components/DataGrid/base/sorting.d.ts +2 -2
  43. package/dist/esm/components/DataGrid/base/sorting.js +1 -1
  44. package/dist/esm/components/DataGrid/base/sorting.js.map +1 -1
  45. package/dist/esm/components/DataGrid/icons.d.ts +1 -1
  46. package/dist/esm/components/DataGrid/icons.js +1 -1
  47. package/dist/esm/components/DataGrid/icons.js.map +1 -1
  48. package/dist/esm/components/DataGrid/index.d.ts +2 -2
  49. package/dist/esm/components/DataGrid/index.js +35 -44
  50. package/dist/esm/components/DataGrid/index.js.map +1 -1
  51. package/dist/esm/components/DataGrid/shared.d.ts +1 -1
  52. package/dist/esm/components/DataGrid/shared.js +19 -32
  53. package/dist/esm/components/DataGrid/shared.js.map +1 -1
  54. package/dist/esm/components/DataGrid/styled.d.ts +2 -2
  55. package/dist/esm/components/DataGrid/styled.js +35 -35
  56. package/dist/esm/components/DataGrid/styled.js.map +1 -1
  57. package/dist/esm/components/DatePicker.d.ts +5 -5
  58. package/dist/esm/components/DatePicker.js +37 -37
  59. package/dist/esm/components/DatePicker.js.map +1 -1
  60. package/dist/esm/components/DropDown.d.ts +2 -2
  61. package/dist/esm/components/DropDown.js +6 -6
  62. package/dist/esm/components/DropDown.js.map +1 -1
  63. package/dist/esm/components/IconButton.d.ts +2 -2
  64. package/dist/esm/components/IconButton.js +7 -7
  65. package/dist/esm/components/IconButton.js.map +1 -1
  66. package/dist/esm/components/Icons.d.ts +2 -2
  67. package/dist/esm/components/Icons.js +10 -10
  68. package/dist/esm/components/Icons.js.map +1 -1
  69. package/dist/esm/components/Modal.d.ts +2 -2
  70. package/dist/esm/components/Modal.js +8 -8
  71. package/dist/esm/components/Modal.js.map +1 -1
  72. package/dist/esm/components/Paper.d.ts +2 -2
  73. package/dist/esm/components/Paper.js +5 -5
  74. package/dist/esm/components/Paper.js.map +1 -1
  75. package/dist/esm/components/ProgressBar.d.ts +2 -2
  76. package/dist/esm/components/ProgressBar.js +11 -11
  77. package/dist/esm/components/ProgressBar.js.map +1 -1
  78. package/dist/esm/components/RadioGroup.d.ts +2 -2
  79. package/dist/esm/components/RadioGroup.js +7 -7
  80. package/dist/esm/components/RadioGroup.js.map +1 -1
  81. package/dist/esm/components/RangerSlider.d.ts +2 -2
  82. package/dist/esm/components/RangerSlider.js +31 -31
  83. package/dist/esm/components/RangerSlider.js.map +1 -1
  84. package/dist/esm/components/Select.d.ts +2 -2
  85. package/dist/esm/components/Select.js +14 -14
  86. package/dist/esm/components/Select.js.map +1 -1
  87. package/dist/esm/components/Svgs.d.ts +1 -1
  88. package/dist/esm/components/Svgs.js +1 -1
  89. package/dist/esm/components/Svgs.js.map +1 -1
  90. package/dist/esm/components/Tabs.d.ts +2 -2
  91. package/dist/esm/components/Tabs.js +25 -26
  92. package/dist/esm/components/Tabs.js.map +1 -1
  93. package/dist/esm/components/Tag.d.ts +2 -2
  94. package/dist/esm/components/Tag.js +8 -8
  95. package/dist/esm/components/Tag.js.map +1 -1
  96. package/dist/esm/components/TextField.d.ts +2 -2
  97. package/dist/esm/components/TextField.js +8 -8
  98. package/dist/esm/components/TextField.js.map +1 -1
  99. package/dist/esm/components/TimeLine.d.ts +2 -2
  100. package/dist/esm/components/TimeLine.js +20 -20
  101. package/dist/esm/components/TimeLine.js.map +1 -1
  102. package/dist/esm/components/TimePicker.d.ts +8 -8
  103. package/dist/esm/components/TimePicker.js +43 -43
  104. package/dist/esm/components/TimePicker.js.map +1 -1
  105. package/dist/esm/components/index.d.ts +23 -23
  106. package/dist/esm/components/index.js +23 -23
  107. package/dist/esm/helpers/alignments.js +7 -7
  108. package/dist/esm/helpers/borders.js +11 -11
  109. package/dist/esm/helpers/colors.js +41 -41
  110. package/dist/esm/helpers/index.d.ts +5 -5
  111. package/dist/esm/helpers/index.js +5 -5
  112. package/dist/esm/helpers/sizes.d.ts +1 -1
  113. package/dist/esm/helpers/sizes.js +39 -39
  114. package/dist/esm/helpers/sizes.js.map +1 -1
  115. package/dist/esm/index.d.ts +17 -17
  116. package/dist/esm/index.js +17 -17
  117. package/dist/esm/interfaces/Accordion.d.ts +3 -3
  118. package/dist/esm/interfaces/Avatar.d.ts +6 -6
  119. package/dist/esm/interfaces/Badge.d.ts +7 -7
  120. package/dist/esm/interfaces/Button.d.ts +5 -5
  121. package/dist/esm/interfaces/Card.d.ts +3 -3
  122. package/dist/esm/interfaces/ChatMessage.d.ts +1 -1
  123. package/dist/esm/interfaces/CheckBox.d.ts +10 -10
  124. package/dist/esm/interfaces/DataGrid.d.ts +4 -4
  125. package/dist/esm/interfaces/DatePicker.d.ts +3 -3
  126. package/dist/esm/interfaces/DropDown.d.ts +4 -4
  127. package/dist/esm/interfaces/IconButton.d.ts +5 -5
  128. package/dist/esm/interfaces/Icons.d.ts +3 -3
  129. package/dist/esm/interfaces/Modal.d.ts +3 -3
  130. package/dist/esm/interfaces/Paper.d.ts +4 -4
  131. package/dist/esm/interfaces/ProgressBar.d.ts +5 -5
  132. package/dist/esm/interfaces/RadioGroup.d.ts +4 -4
  133. package/dist/esm/interfaces/RangerSlider.d.ts +8 -8
  134. package/dist/esm/interfaces/Select.d.ts +3 -3
  135. package/dist/esm/interfaces/Tabs.d.ts +3 -3
  136. package/dist/esm/interfaces/Tag.d.ts +5 -5
  137. package/dist/esm/interfaces/TextField.d.ts +12 -12
  138. package/dist/esm/interfaces/TimeLine.d.ts +3 -3
  139. package/dist/esm/interfaces/TimePicker.d.ts +3 -3
  140. package/dist/esm/interfaces/index.d.ts +23 -23
  141. package/dist/esm/interfaces/index.js +23 -23
  142. package/dist/esm/types/index.d.ts +41 -41
  143. package/dist/esm/types/index.js +2 -2
  144. package/dist/esm/types/index.js.map +1 -1
  145. package/dist/index.d.ts +2 -0
  146. package/dist/index.es.js +6992 -0
  147. package/dist/index.es.js.map +1 -0
  148. package/dist/index.umd.js +266 -0
  149. package/dist/index.umd.js.map +1 -0
  150. package/dist/vite.svg +1 -0
  151. package/docs/index.md +118 -0
  152. package/package.json +65 -8
  153. package/src/components/Accordion.tsx +47 -64
  154. package/src/components/Avatar.tsx +22 -29
  155. package/src/components/Badge.tsx +19 -22
  156. package/src/components/Button.tsx +12 -19
  157. package/src/components/Card.tsx +44 -47
  158. package/src/components/ChatMessage.tsx +87 -89
  159. package/src/components/CheckBox.tsx +8 -19
  160. package/src/components/DataGrid/allData.json +2918 -2918
  161. package/src/components/DataGrid/base/dropdown.tsx +212 -235
  162. package/src/components/DataGrid/base/number-filter.tsx +43 -43
  163. package/src/components/DataGrid/base/sorting.tsx +29 -35
  164. package/src/components/DataGrid/icons.tsx +53 -61
  165. package/src/components/DataGrid/index.tsx +254 -319
  166. package/src/components/DataGrid/shared.ts +154 -179
  167. package/src/components/DataGrid/styled.ts +96 -102
  168. package/src/components/DataGrid/styles/dropdown.module.css +86 -86
  169. package/src/components/DataGrid/styles/number-filter.module.css +16 -16
  170. package/src/components/DataGrid/styles/styles.module.css +107 -107
  171. package/src/components/DatePicker.tsx +73 -84
  172. package/src/components/DropDown.tsx +31 -38
  173. package/src/components/IconButton.tsx +12 -29
  174. package/src/components/Icons.tsx +82 -87
  175. package/src/components/Modal.tsx +114 -123
  176. package/src/components/Paper.tsx +19 -22
  177. package/src/components/ProgressBar.tsx +54 -63
  178. package/src/components/RadioGroup.tsx +47 -55
  179. package/src/components/RangerSlider.tsx +70 -81
  180. package/src/components/Select.tsx +82 -98
  181. package/src/components/Svgs.tsx +498 -522
  182. package/src/components/Tabs.tsx +111 -140
  183. package/src/components/Tag.tsx +37 -45
  184. package/src/components/TextField.tsx +11 -22
  185. package/src/components/TimeLine.tsx +93 -103
  186. package/src/components/TimePicker.tsx +84 -95
  187. package/src/components/index.ts +23 -23
  188. package/src/helpers/alignments.ts +7 -7
  189. package/src/helpers/borders.ts +11 -11
  190. package/src/helpers/colors.ts +42 -42
  191. package/src/helpers/index.ts +5 -5
  192. package/src/helpers/sizes.ts +39 -46
  193. package/src/index.ts +17 -17
  194. package/src/interfaces/Accordion.ts +12 -12
  195. package/src/interfaces/Avatar.tsx +15 -18
  196. package/src/interfaces/Badge.ts +19 -32
  197. package/src/interfaces/Button.ts +5 -10
  198. package/src/interfaces/Card.ts +11 -11
  199. package/src/interfaces/ChatMessage.ts +12 -12
  200. package/src/interfaces/CheckBox.ts +12 -18
  201. package/src/interfaces/DataGrid.ts +46 -51
  202. package/src/interfaces/DatePicker.ts +13 -13
  203. package/src/interfaces/DropDown.ts +14 -14
  204. package/src/interfaces/IconButton.ts +5 -10
  205. package/src/interfaces/Icons.ts +17 -17
  206. package/src/interfaces/Modal.ts +15 -15
  207. package/src/interfaces/Paper.ts +12 -12
  208. package/src/interfaces/ProgressBar.ts +18 -25
  209. package/src/interfaces/RadioGroup.ts +22 -28
  210. package/src/interfaces/RangerSlider.ts +21 -32
  211. package/src/interfaces/Select.ts +17 -17
  212. package/src/interfaces/Tabs.ts +19 -24
  213. package/src/interfaces/Tag.ts +17 -17
  214. package/src/interfaces/TextField.ts +14 -34
  215. package/src/interfaces/TimeLine.ts +11 -16
  216. package/src/interfaces/TimePicker.ts +13 -13
  217. package/src/interfaces/index.ts +23 -23
  218. package/src/sample-data.json +178 -178
  219. package/src/stories/Accordion.stories.tsx +65 -65
  220. package/src/stories/Avatar.stories.tsx +123 -139
  221. package/src/stories/Badge.stories.tsx +39 -47
  222. package/src/stories/Button.stories.tsx +18 -26
  223. package/src/stories/Card.stories.tsx +40 -55
  224. package/src/stories/ChatMessage.stories.tsx +84 -85
  225. package/src/stories/CheckBox.stories.tsx +17 -23
  226. package/src/stories/DataGrid.stories.tsx +28 -28
  227. package/src/stories/DatePicker.stories.tsx +50 -77
  228. package/src/stories/DropDown.stories.tsx +57 -57
  229. package/src/stories/IconButton.stories.tsx +78 -114
  230. package/src/stories/Modal.stories.tsx +190 -190
  231. package/src/stories/Paper.stories.tsx +53 -53
  232. package/src/stories/ProgressBar.stories.tsx +95 -139
  233. package/src/stories/RadioGroup.stories.tsx +21 -28
  234. package/src/stories/RangerSlider.stories.tsx +58 -68
  235. package/src/stories/Select.stories.tsx +100 -128
  236. package/src/stories/Tabs.stories.tsx +62 -62
  237. package/src/stories/Tag.stories.tsx +56 -74
  238. package/src/stories/TextField.stories.tsx +54 -189
  239. package/src/stories/TimeLine.stories.tsx +35 -43
  240. package/src/stories/TimePicker.stories.tsx +87 -113
  241. package/src/types/index.ts +90 -155
  242. package/tsconfig.json +1 -1
  243. package/buildcache/front-end +0 -1
  244. package/norma-library.tar +0 -0
  245. package/postcss.config.js +0 -6
  246. package/tailwind.config.js +0 -58
@@ -1,32 +1,19 @@
1
- import { ReactNode } from "react";
2
- import { Theme } from "@emotion/react";
3
-
4
- import {
5
- BadgePropsColorOverrides,
6
- BadgePropsVariantOverrides,
7
- SxProps,
8
- } from "@mui/material";
9
- import { MuiBadgeBaseProps } from "@/types";
10
- import { OverridableStringUnion } from "@mui/types";
11
-
12
- export interface BadgeBaseProps extends MuiBadgeBaseProps {
13
- sx?: SxProps<Theme>;
14
- className?: string;
15
- children?: ReactNode;
16
- badgeContent?: ReactNode;
17
- invisible?: boolean;
18
- color?: OverridableStringUnion<
19
- | "primary"
20
- | "secondary"
21
- | "default"
22
- | "error"
23
- | "info"
24
- | "success"
25
- | "warning",
26
- BadgePropsColorOverrides
27
- >;
28
- variant?: OverridableStringUnion<
29
- "standard" | "dot",
30
- BadgePropsVariantOverrides
31
- >;
32
- }
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,20 +1,15 @@
1
- import { ReactNode } from "react";
2
- import { Theme } from "@emotion/react";
1
+ import { ReactNode } from 'react';
2
+ import { Theme } from '@emotion/react';
3
3
 
4
4
  import {
5
5
  ButtonPropsColorOverrides,
6
6
  ButtonPropsSizeOverrides,
7
7
  ButtonPropsVariantOverrides,
8
8
  SxProps,
9
- } from "@mui/material";
9
+ } from '@mui/material';
10
10
 
11
- import { OverridableStringUnion } from "@mui/types";
12
- import {
13
- ColorVariant,
14
- ButtonVariant,
15
- SizeVariant,
16
- MuiButtonBaseProps,
17
- } from "../types";
11
+ import { OverridableStringUnion } from '@mui/types';
12
+ import { ColorVariant, ButtonVariant, SizeVariant, MuiButtonBaseProps } from '../types';
18
13
 
19
14
  export interface ButtonBaseProps extends MuiButtonBaseProps {
20
15
  label?: string;
@@ -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,32 +1,26 @@
1
- import { OverridableStringUnion } from "@mui/types";
2
- import { Checkbox, SxProps, Theme } from "@mui/material";
3
- import { SwitchBaseProps } from "@mui/material/internal/SwitchBase";
1
+ import { OverridableStringUnion } from '@mui/types';
2
+ import { Checkbox, SxProps, Theme } from '@mui/material';
3
+ import { SwitchBaseProps } from '@mui/material/internal/SwitchBase';
4
4
  import {
5
5
  CheckBoxColorVariant,
6
6
  CheckboxPropsColorOverrides,
7
7
  CheckboxPropsSizeOverrides,
8
8
  MuiCheckBoxBaseProps,
9
9
  TextFieldSizeVariant,
10
- } from "../types";
10
+ } from '../types';
11
11
 
12
12
  export interface CheckBoxBaseProps extends MuiCheckBoxBaseProps {
13
13
  sx?: SxProps<Theme>;
14
14
  name?: string;
15
15
  label?: string;
16
- checked?: SwitchBaseProps["checked"];
17
- color?: OverridableStringUnion<
18
- CheckBoxColorVariant,
19
- CheckboxPropsColorOverrides
20
- >;
21
- disabled?: SwitchBaseProps["disabled"];
22
- id?: SwitchBaseProps["id"];
23
- onChange?: SwitchBaseProps["onChange"];
24
- required?: SwitchBaseProps["required"];
25
- size?: OverridableStringUnion<
26
- TextFieldSizeVariant,
27
- CheckboxPropsSizeOverrides
28
- >;
29
- value?: SwitchBaseProps["value"];
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'];
30
24
  defaultChecked?: boolean;
31
25
  }
32
26
 
@@ -1,51 +1,46 @@
1
- import { MuiDataGridBaseProps } from "@/types";
2
- import { SxProps, Theme } from "@mui/material";
3
- import { OverridableStringUnion } from "@mui/types";
4
-
5
- export interface DataGridPropsVariantOverrides {}
6
-
7
- export interface SortingProps {
8
- sort?: string;
9
- active?: boolean;
10
- }
11
-
12
- export interface DataGridBaseProps extends MuiDataGridBaseProps {
13
- data: { dataSource: any; columns: any }[];
14
- sx?: SxProps<Theme>;
15
- variant?: OverridableStringUnion<
16
- | "standard"
17
- | "standard-divider"
18
- | "standard-selectable"
19
- | "quiet"
20
- | "quiet-divider"
21
- | "quiet-selectable",
22
- DataGridPropsVariantOverrides
23
- >;
24
- width?: string;
25
- height?: string;
26
- }
27
-
28
- export interface DataSourceItem {
29
- [key: string]: string | number;
30
- }
31
-
32
- export interface DropdownFilterProps {
33
- onSelectAll: boolean;
34
- format?: string;
35
- data: (string | number)[];
36
- onFilter: (item: string) => void;
37
- onOrder: (item: string) => void;
38
- onChecketAll: (item: boolean) => void;
39
- onSelected: (item: (string | number)[]) => void;
40
- itemsSelected: (string | number)[];
41
- onFilterSelected: () => void;
42
- }
43
-
44
- export interface NumberFilterProps {
45
- onClick: (selectedOption: string) => void;
46
- }
47
-
48
- export interface PaginationProps {
49
- totalItems: number;
50
- pageSize: number;
51
- }
1
+ import { MuiDataGridBaseProps } from '@/types';
2
+ import { SxProps, Theme } from '@mui/material';
3
+ import { OverridableStringUnion } from '@mui/types';
4
+
5
+ export interface DataGridPropsVariantOverrides {}
6
+
7
+ export interface SortingProps {
8
+ sort?: string;
9
+ active?: boolean;
10
+ }
11
+
12
+ export interface DataGridBaseProps extends MuiDataGridBaseProps {
13
+ data: { dataSource: any; columns: any }[];
14
+ sx?: SxProps<Theme>;
15
+ variant?: OverridableStringUnion<
16
+ 'standard' | 'standard-divider' | 'standard-selectable' | 'quiet' | 'quiet-divider' | 'quiet-selectable',
17
+ DataGridPropsVariantOverrides
18
+ >;
19
+ width?: string;
20
+ height?: string;
21
+ }
22
+
23
+ export interface DataSourceItem {
24
+ [key: string]: string | number;
25
+ }
26
+
27
+ export interface DropdownFilterProps {
28
+ onSelectAll: boolean;
29
+ format?: string;
30
+ data: (string | number)[];
31
+ onFilter: (item: string) => void;
32
+ onOrder: (item: string) => void;
33
+ onChecketAll: (item: boolean) => void;
34
+ onSelected: (item: (string | number)[]) => void;
35
+ itemsSelected: (string | number)[];
36
+ onFilterSelected: () => void;
37
+ }
38
+
39
+ export interface NumberFilterProps {
40
+ onClick: (selectedOption: string) => void;
41
+ }
42
+
43
+ export interface PaginationProps {
44
+ totalItems: number;
45
+ pageSize: number;
46
+ }
@@ -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,20 +1,15 @@
1
- import { ReactNode } from "react";
2
- import { Theme } from "@emotion/react";
1
+ import { ReactNode } from 'react';
2
+ import { Theme } from '@emotion/react';
3
3
 
4
4
  import {
5
5
  ButtonPropsColorOverrides,
6
6
  ButtonPropsSizeOverrides,
7
7
  ButtonPropsVariantOverrides,
8
8
  SxProps,
9
- } from "@mui/material";
9
+ } from '@mui/material';
10
10
 
11
- import { OverridableStringUnion } from "@mui/types";
12
- import {
13
- ColorVariant,
14
- ButtonVariant,
15
- SizeVariant,
16
- MuiIconButtonBaseProps,
17
- } from "../types";
11
+ import { OverridableStringUnion } from '@mui/types';
12
+ import { ColorVariant, ButtonVariant, SizeVariant, MuiIconButtonBaseProps } from '../types';
18
13
 
19
14
  export interface IconButtonBaseProps extends MuiIconButtonBaseProps {
20
15
  sx?: SxProps<Theme>;
@@ -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,15 +1,15 @@
1
- import { SxProps } from "@mui/material";
2
- import { Theme } from "@emotion/react";
3
- import { MuiModalBaseProps, 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
- }
1
+ import { SxProps } from '@mui/material';
2
+ import { Theme } from '@emotion/react';
3
+ import { MuiModalBaseProps, 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
+ }
@@ -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
+ }
@@ -1,25 +1,18 @@
1
- import { SxProps } from "@mui/material";
2
- import { Theme } from "@emotion/react";
3
- import { OverridableStringUnion } from "@mui/types";
4
- import {
5
- ColorVariant,
6
- MuiProgressBarBaseProps,
7
- ProgressVariant,
8
- } from "../types";
9
- import { ProgressBar } from "..";
10
- export interface LinearProgressPropsColorOverrides {}
11
-
12
- export interface ProgressBarBaseProps extends MuiProgressBarBaseProps {
13
- sx?: SxProps<Theme>;
14
- value?: number;
15
- total?: number;
16
- label?: string;
17
- colorCustom?: string;
18
- variant?: ProgressVariant;
19
- color?: OverridableStringUnion<
20
- ColorVariant,
21
- LinearProgressPropsColorOverrides
22
- >;
23
- }
24
-
25
- export type ProgressBarType = keyof typeof ProgressBar;
1
+ import { SxProps } from '@mui/material';
2
+ import { Theme } from '@emotion/react';
3
+ import { OverridableStringUnion } from '@mui/types';
4
+ import { ColorVariant, MuiProgressBarBaseProps, ProgressVariant } from '../types';
5
+ import { ProgressBar } from '..';
6
+ export interface LinearProgressPropsColorOverrides {}
7
+
8
+ export interface ProgressBarBaseProps extends MuiProgressBarBaseProps {
9
+ sx?: SxProps<Theme>;
10
+ value?: number;
11
+ total?: number;
12
+ label?: string;
13
+ colorCustom?: string;
14
+ variant?: ProgressVariant;
15
+ color?: OverridableStringUnion<ColorVariant, LinearProgressPropsColorOverrides>;
16
+ }
17
+
18
+ export type ProgressBarType = keyof typeof ProgressBar;
@@ -1,28 +1,22 @@
1
- import { ReactNode } from "react";
2
- import {
3
- CheckBoxColorVariant,
4
- DirectionVariant,
5
- MuiRadioBaseProps,
6
- OptionsRadios,
7
- TextFieldSizeVariant,
8
- } from "../types";
9
- import {
10
- CheckboxPropsColorOverrides,
11
- RadioPropsSizeOverrides,
12
- } from "@mui/material";
13
- import { OverridableStringUnion } from "@mui/types";
14
-
15
- export interface RadioBaseProps extends MuiRadioBaseProps {
16
- id?: string;
17
- name?: string;
18
- options?: OptionsRadios[];
19
- required?: boolean;
20
- direction?: DirectionVariant;
21
- label?: ReactNode;
22
- size?: OverridableStringUnion<TextFieldSizeVariant, RadioPropsSizeOverrides>;
23
- color?: OverridableStringUnion<
24
- CheckBoxColorVariant,
25
- CheckboxPropsColorOverrides
26
- >;
27
- checked?: string;
28
- }
1
+ import { ReactNode } from 'react';
2
+ import {
3
+ CheckBoxColorVariant,
4
+ DirectionVariant,
5
+ MuiRadioBaseProps,
6
+ OptionsRadios,
7
+ TextFieldSizeVariant,
8
+ } from '../types';
9
+ import { CheckboxPropsColorOverrides, RadioPropsSizeOverrides } from '@mui/material';
10
+ import { OverridableStringUnion } from '@mui/types';
11
+
12
+ export interface RadioBaseProps extends MuiRadioBaseProps {
13
+ id?: string;
14
+ name?: string;
15
+ options?: OptionsRadios[];
16
+ required?: boolean;
17
+ direction?: DirectionVariant;
18
+ label?: ReactNode;
19
+ size?: OverridableStringUnion<TextFieldSizeVariant, RadioPropsSizeOverrides>;
20
+ color?: OverridableStringUnion<CheckBoxColorVariant, CheckboxPropsColorOverrides>;
21
+ checked?: string;
22
+ }
@@ -1,32 +1,21 @@
1
- import { Theme } from "@emotion/react";
2
-
3
- import {
4
- SliderPropsColorOverrides,
5
- SliderPropsSizeOverrides,
6
- SxProps,
7
- } from "@mui/material";
8
- import { OverridableStringUnion } from "@mui/types";
9
-
10
- import { MuiRangerSliderBaseProps } from "../types";
11
-
12
- export interface RangerSliderBaseProps extends MuiRangerSliderBaseProps {
13
- sx?: SxProps<Theme>;
14
- max?: number;
15
- min?: number;
16
- name?: string;
17
- mode?: Boolean;
18
- onChange?: (
19
- event: Event,
20
- value: number | number[],
21
- activeThumb: number
22
- ) => void;
23
- orientation?: "horizontal" | "vertical";
24
- size?: OverridableStringUnion<"small" | "medium", SliderPropsSizeOverrides>;
25
- step?: number | null;
26
- defaultValue?: number | number[];
27
- valueLabelDisplay?: "on" | "auto" | "off";
28
- color?: OverridableStringUnion<
29
- "primary" | "secondary",
30
- SliderPropsColorOverrides
31
- >;
32
- }
1
+ import { Theme } from '@emotion/react';
2
+
3
+ import { SliderPropsColorOverrides, SliderPropsSizeOverrides, SxProps } from '@mui/material';
4
+ import { OverridableStringUnion } from '@mui/types';
5
+
6
+ import { MuiRangerSliderBaseProps } from '../types';
7
+
8
+ export interface RangerSliderBaseProps extends MuiRangerSliderBaseProps {
9
+ sx?: SxProps<Theme>;
10
+ max?: number;
11
+ min?: number;
12
+ name?: string;
13
+ mode?: Boolean;
14
+ onChange?: (event: Event, value: number | number[], activeThumb: number) => void;
15
+ orientation?: 'horizontal' | 'vertical';
16
+ size?: OverridableStringUnion<'small' | 'medium', SliderPropsSizeOverrides>;
17
+ step?: number | null;
18
+ defaultValue?: number | number[];
19
+ valueLabelDisplay?: 'on' | 'auto' | 'off';
20
+ color?: OverridableStringUnion<'primary' | 'secondary', SliderPropsColorOverrides>;
21
+ }
@@ -1,17 +1,17 @@
1
- import { SxProps } from "@mui/material";
2
- import { Theme } from "@emotion/react";
3
- import { DataSelect, MuiSelectBaseProps, TextFieldVariant } from "../types";
4
-
5
- export interface SelectBaseProps extends MuiSelectBaseProps {
6
- sx?: SxProps<Theme>;
7
- id?: string;
8
- label?: React.ReactNode;
9
- input?: React.ReactElement<any, any>;
10
- variant?: TextFieldVariant;
11
- value?: string;
12
- open?: boolean;
13
- onOpen?: (event: React.SyntheticEvent) => void;
14
- onClose?: (event: React.SyntheticEvent) => void;
15
- multiple?: boolean;
16
- data?: DataSelect[];
17
- }
1
+ import { SxProps } from '@mui/material';
2
+ import { Theme } from '@emotion/react';
3
+ import { DataSelect, MuiSelectBaseProps, TextFieldVariant } from '../types';
4
+
5
+ export interface SelectBaseProps extends MuiSelectBaseProps {
6
+ sx?: SxProps<Theme>;
7
+ id?: string;
8
+ label?: React.ReactNode;
9
+ input?: React.ReactElement<any, any>;
10
+ variant?: TextFieldVariant;
11
+ value?: string;
12
+ open?: boolean;
13
+ onOpen?: (event: React.SyntheticEvent) => void;
14
+ onClose?: (event: React.SyntheticEvent) => void;
15
+ multiple?: boolean;
16
+ data?: DataSelect[];
17
+ }