norma-library 0.5.61 → 0.5.63

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 (199) hide show
  1. package/package-lock.json +54147 -0
  2. package/package.json +19 -19
  3. package/src/components/DataGrid/index.tsx +4 -4
  4. package/src/components/DataGrid/styled.ts +10 -0
  5. package/src/components/ProgressBar.tsx +1 -1
  6. package/src/interfaces/DataGrid.ts +1 -0
  7. package/src/stories/DataGrid.stories.tsx +1 -1
  8. package/src/stories/ProgressBar.stories.tsx +2 -2
  9. package/dist/esm/components/Accordion.d.ts +0 -3
  10. package/dist/esm/components/Accordion.js +0 -20
  11. package/dist/esm/components/Accordion.js.map +0 -1
  12. package/dist/esm/components/Avatar.d.ts +0 -3
  13. package/dist/esm/components/Avatar.js +0 -13
  14. package/dist/esm/components/Avatar.js.map +0 -1
  15. package/dist/esm/components/Badge.d.ts +0 -3
  16. package/dist/esm/components/Badge.js +0 -10
  17. package/dist/esm/components/Badge.js.map +0 -1
  18. package/dist/esm/components/Button.d.ts +0 -3
  19. package/dist/esm/components/Button.js +0 -18
  20. package/dist/esm/components/Button.js.map +0 -1
  21. package/dist/esm/components/Card.d.ts +0 -7
  22. package/dist/esm/components/Card.js +0 -28
  23. package/dist/esm/components/Card.js.map +0 -1
  24. package/dist/esm/components/ChatMessage.d.ts +0 -3
  25. package/dist/esm/components/ChatMessage.js +0 -63
  26. package/dist/esm/components/ChatMessage.js.map +0 -1
  27. package/dist/esm/components/CheckBox.d.ts +0 -3
  28. package/dist/esm/components/CheckBox.js +0 -10
  29. package/dist/esm/components/CheckBox.js.map +0 -1
  30. package/dist/esm/components/DataGrid/base/dropdown.d.ts +0 -4
  31. package/dist/esm/components/DataGrid/base/dropdown.js +0 -126
  32. package/dist/esm/components/DataGrid/base/dropdown.js.map +0 -1
  33. package/dist/esm/components/DataGrid/base/number-filter.d.ts +0 -4
  34. package/dist/esm/components/DataGrid/base/number-filter.js +0 -30
  35. package/dist/esm/components/DataGrid/base/number-filter.js.map +0 -1
  36. package/dist/esm/components/DataGrid/base/sorting.d.ts +0 -5
  37. package/dist/esm/components/DataGrid/base/sorting.js +0 -15
  38. package/dist/esm/components/DataGrid/base/sorting.js.map +0 -1
  39. package/dist/esm/components/DataGrid/icons.d.ts +0 -4
  40. package/dist/esm/components/DataGrid/icons.js +0 -15
  41. package/dist/esm/components/DataGrid/icons.js.map +0 -1
  42. package/dist/esm/components/DataGrid/index.d.ts +0 -5
  43. package/dist/esm/components/DataGrid/index.js +0 -137
  44. package/dist/esm/components/DataGrid/index.js.map +0 -1
  45. package/dist/esm/components/DataGrid/shared.d.ts +0 -20
  46. package/dist/esm/components/DataGrid/shared.js +0 -128
  47. package/dist/esm/components/DataGrid/shared.js.map +0 -1
  48. package/dist/esm/components/DataGrid/styled.d.ts +0 -10
  49. package/dist/esm/components/DataGrid/styled.js +0 -74
  50. package/dist/esm/components/DataGrid/styled.js.map +0 -1
  51. package/dist/esm/components/DatePicker.d.ts +0 -6
  52. package/dist/esm/components/DatePicker.js +0 -53
  53. package/dist/esm/components/DatePicker.js.map +0 -1
  54. package/dist/esm/components/DropDown.d.ts +0 -3
  55. package/dist/esm/components/DropDown.js +0 -12
  56. package/dist/esm/components/DropDown.js.map +0 -1
  57. package/dist/esm/components/IconButton.d.ts +0 -3
  58. package/dist/esm/components/IconButton.js +0 -28
  59. package/dist/esm/components/IconButton.js.map +0 -1
  60. package/dist/esm/components/Icons.d.ts +0 -7
  61. package/dist/esm/components/Icons.js +0 -49
  62. package/dist/esm/components/Icons.js.map +0 -1
  63. package/dist/esm/components/Modal.d.ts +0 -4
  64. package/dist/esm/components/Modal.js +0 -28
  65. package/dist/esm/components/Modal.js.map +0 -1
  66. package/dist/esm/components/Paper.d.ts +0 -3
  67. package/dist/esm/components/Paper.js +0 -10
  68. package/dist/esm/components/Paper.js.map +0 -1
  69. package/dist/esm/components/ProgressBar.d.ts +0 -3
  70. package/dist/esm/components/ProgressBar.js +0 -27
  71. package/dist/esm/components/ProgressBar.js.map +0 -1
  72. package/dist/esm/components/RadioGroup.d.ts +0 -3
  73. package/dist/esm/components/RadioGroup.js +0 -14
  74. package/dist/esm/components/RadioGroup.js.map +0 -1
  75. package/dist/esm/components/RangerSlider.d.ts +0 -3
  76. package/dist/esm/components/RangerSlider.js +0 -61
  77. package/dist/esm/components/RangerSlider.js.map +0 -1
  78. package/dist/esm/components/Select.d.ts +0 -3
  79. package/dist/esm/components/Select.js +0 -41
  80. package/dist/esm/components/Select.js.map +0 -1
  81. package/dist/esm/components/Svgs.d.ts +0 -30
  82. package/dist/esm/components/Svgs.js +0 -106
  83. package/dist/esm/components/Svgs.js.map +0 -1
  84. package/dist/esm/components/Tabs.d.ts +0 -3
  85. package/dist/esm/components/Tabs.js +0 -73
  86. package/dist/esm/components/Tabs.js.map +0 -1
  87. package/dist/esm/components/Tag.d.ts +0 -3
  88. package/dist/esm/components/Tag.js +0 -24
  89. package/dist/esm/components/Tag.js.map +0 -1
  90. package/dist/esm/components/TextField.d.ts +0 -3
  91. package/dist/esm/components/TextField.js +0 -14
  92. package/dist/esm/components/TextField.js.map +0 -1
  93. package/dist/esm/components/TimeLine.d.ts +0 -3
  94. package/dist/esm/components/TimeLine.js +0 -56
  95. package/dist/esm/components/TimeLine.js.map +0 -1
  96. package/dist/esm/components/TimePicker.d.ts +0 -9
  97. package/dist/esm/components/TimePicker.js +0 -61
  98. package/dist/esm/components/TimePicker.js.map +0 -1
  99. package/dist/esm/components/index.d.ts +0 -23
  100. package/dist/esm/components/index.js +0 -24
  101. package/dist/esm/components/index.js.map +0 -1
  102. package/dist/esm/helpers/alignments.d.ts +0 -2
  103. package/dist/esm/helpers/alignments.js +0 -14
  104. package/dist/esm/helpers/alignments.js.map +0 -1
  105. package/dist/esm/helpers/borders.d.ts +0 -2
  106. package/dist/esm/helpers/borders.js +0 -18
  107. package/dist/esm/helpers/borders.js.map +0 -1
  108. package/dist/esm/helpers/colors.d.ts +0 -174
  109. package/dist/esm/helpers/colors.js +0 -185
  110. package/dist/esm/helpers/colors.js.map +0 -1
  111. package/dist/esm/helpers/index.d.ts +0 -5
  112. package/dist/esm/helpers/index.js +0 -6
  113. package/dist/esm/helpers/index.js.map +0 -1
  114. package/dist/esm/helpers/radios.d.ts +0 -2
  115. package/dist/esm/helpers/radios.js +0 -24
  116. package/dist/esm/helpers/radios.js.map +0 -1
  117. package/dist/esm/helpers/sizes.d.ts +0 -11
  118. package/dist/esm/helpers/sizes.js +0 -67
  119. package/dist/esm/helpers/sizes.js.map +0 -1
  120. package/dist/esm/index.d.ts +0 -20
  121. package/dist/esm/index.js.map +0 -1
  122. package/dist/esm/interfaces/Accordion.d.ts +0 -12
  123. package/dist/esm/interfaces/Accordion.js +0 -2
  124. package/dist/esm/interfaces/Accordion.js.map +0 -1
  125. package/dist/esm/interfaces/Avatar.d.ts +0 -12
  126. package/dist/esm/interfaces/Avatar.js +0 -2
  127. package/dist/esm/interfaces/Avatar.js.map +0 -1
  128. package/dist/esm/interfaces/Badge.d.ts +0 -14
  129. package/dist/esm/interfaces/Badge.js +0 -2
  130. package/dist/esm/interfaces/Badge.js.map +0 -1
  131. package/dist/esm/interfaces/Button.d.ts +0 -14
  132. package/dist/esm/interfaces/Button.js +0 -2
  133. package/dist/esm/interfaces/Button.js.map +0 -1
  134. package/dist/esm/interfaces/Card.d.ts +0 -11
  135. package/dist/esm/interfaces/Card.js +0 -2
  136. package/dist/esm/interfaces/Card.js.map +0 -1
  137. package/dist/esm/interfaces/ChatMessage.d.ts +0 -12
  138. package/dist/esm/interfaces/ChatMessage.js +0 -2
  139. package/dist/esm/interfaces/ChatMessage.js.map +0 -1
  140. package/dist/esm/interfaces/CheckBox.d.ts +0 -19
  141. package/dist/esm/interfaces/CheckBox.js +0 -2
  142. package/dist/esm/interfaces/CheckBox.js.map +0 -1
  143. package/dist/esm/interfaces/DataGrid.d.ts +0 -40
  144. package/dist/esm/interfaces/DataGrid.js +0 -2
  145. package/dist/esm/interfaces/DataGrid.js.map +0 -1
  146. package/dist/esm/interfaces/DatePicker.d.ts +0 -12
  147. package/dist/esm/interfaces/DatePicker.js +0 -2
  148. package/dist/esm/interfaces/DatePicker.js.map +0 -1
  149. package/dist/esm/interfaces/DropDown.d.ts +0 -11
  150. package/dist/esm/interfaces/DropDown.js +0 -2
  151. package/dist/esm/interfaces/DropDown.js.map +0 -1
  152. package/dist/esm/interfaces/IconButton.d.ts +0 -14
  153. package/dist/esm/interfaces/IconButton.js +0 -2
  154. package/dist/esm/interfaces/IconButton.js.map +0 -1
  155. package/dist/esm/interfaces/Icons.d.ts +0 -15
  156. package/dist/esm/interfaces/Icons.js +0 -2
  157. package/dist/esm/interfaces/Icons.js.map +0 -1
  158. package/dist/esm/interfaces/Modal.d.ts +0 -15
  159. package/dist/esm/interfaces/Modal.js +0 -2
  160. package/dist/esm/interfaces/Modal.js.map +0 -1
  161. package/dist/esm/interfaces/Paper.d.ts +0 -12
  162. package/dist/esm/interfaces/Paper.js +0 -2
  163. package/dist/esm/interfaces/Paper.js.map +0 -1
  164. package/dist/esm/interfaces/ProgressBar.d.ts +0 -17
  165. package/dist/esm/interfaces/ProgressBar.js +0 -2
  166. package/dist/esm/interfaces/ProgressBar.js.map +0 -1
  167. package/dist/esm/interfaces/RadioGroup.d.ts +0 -15
  168. package/dist/esm/interfaces/RadioGroup.js +0 -2
  169. package/dist/esm/interfaces/RadioGroup.js.map +0 -1
  170. package/dist/esm/interfaces/RangerSlider.d.ts +0 -18
  171. package/dist/esm/interfaces/RangerSlider.js +0 -2
  172. package/dist/esm/interfaces/RangerSlider.js.map +0 -1
  173. package/dist/esm/interfaces/Select.d.ts +0 -17
  174. package/dist/esm/interfaces/Select.js +0 -2
  175. package/dist/esm/interfaces/Select.js.map +0 -1
  176. package/dist/esm/interfaces/Tabs.d.ts +0 -18
  177. package/dist/esm/interfaces/Tabs.js +0 -2
  178. package/dist/esm/interfaces/Tabs.js.map +0 -1
  179. package/dist/esm/interfaces/Tag.d.ts +0 -18
  180. package/dist/esm/interfaces/Tag.js +0 -2
  181. package/dist/esm/interfaces/Tag.js.map +0 -1
  182. package/dist/esm/interfaces/TextField.d.ts +0 -41
  183. package/dist/esm/interfaces/TextField.js +0 -2
  184. package/dist/esm/interfaces/TextField.js.map +0 -1
  185. package/dist/esm/interfaces/TimeLine.d.ts +0 -11
  186. package/dist/esm/interfaces/TimeLine.js +0 -2
  187. package/dist/esm/interfaces/TimeLine.js.map +0 -1
  188. package/dist/esm/interfaces/TimePicker.d.ts +0 -12
  189. package/dist/esm/interfaces/TimePicker.js +0 -2
  190. package/dist/esm/interfaces/TimePicker.js.map +0 -1
  191. package/dist/esm/interfaces/index.d.ts +0 -23
  192. package/dist/esm/interfaces/index.js +0 -24
  193. package/dist/esm/interfaces/index.js.map +0 -1
  194. package/dist/esm/providers/NormaProvider.d.ts +0 -3
  195. package/dist/esm/providers/NormaProvider.js +0 -7
  196. package/dist/esm/providers/NormaProvider.js.map +0 -1
  197. package/dist/esm/types/index.d.ts +0 -93
  198. package/dist/esm/types/index.js +0 -10
  199. package/dist/esm/types/index.js.map +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "norma-library",
3
- "version": "0.5.61",
3
+ "version": "0.5.63",
4
4
  "private": false,
5
5
  "description": "Olos/Norma-DS. Design System based on Material UI, developed with TypeScript and Styled Components to create reusable and consistent components in web applications.",
6
6
  "scripts": {
@@ -36,8 +36,21 @@
36
36
  "@emotion/styled-base": "^11.0.0",
37
37
  "@mdx-js/loader": "^2.3.0",
38
38
  "@mui/lab": "^5.0.0-alpha.145",
39
+ "@storybook/addon-essentials": "^7.5.0",
40
+ "@storybook/addon-interactions": "^7.5.0",
41
+ "@storybook/addon-links": "^7.5.0",
42
+ "@storybook/addon-onboarding": "^1.0.8",
39
43
  "@storybook/addon-styling": "^1.3.7",
44
+ "@storybook/blocks": "^7.5.0",
45
+ "@storybook/react": "^7.5.0",
46
+ "@storybook/react-vite": "^7.5.0",
40
47
  "@storybook/react-webpack5": "^7.5.0-alpha.1",
48
+ "@storybook/testing-library": "^0.2.2",
49
+ "@types/react": "^18.2.15",
50
+ "@types/react-dom": "^18.2.7",
51
+ "@typescript-eslint/eslint-plugin": "^6.0.0",
52
+ "@typescript-eslint/parser": "^6.0.0",
53
+ "@vitejs/plugin-react": "^4.0.3",
41
54
  "autoprefixer": "^10.4.15",
42
55
  "camelcase": "^8.0.0",
43
56
  "chalk": "^5.3.0",
@@ -45,6 +58,10 @@
45
58
  "copy-to-clipboard": "^3.3.3",
46
59
  "cz-conventional-changelog": "^3.3.0",
47
60
  "dotenv": "^16.3.1",
61
+ "eslint": "^8.45.0",
62
+ "eslint-plugin-react-hooks": "^4.6.0",
63
+ "eslint-plugin-react-refresh": "^0.4.3",
64
+ "eslint-plugin-storybook": "^0.6.15",
48
65
  "git-cz": "^4.9.0",
49
66
  "husky": "^8.0.3",
50
67
  "lint-staged": "^14.0.1",
@@ -54,28 +71,11 @@
54
71
  "react": "^18.2.0",
55
72
  "react-dom": "^18.2.0",
56
73
  "rimraf": "^5.0.5",
74
+ "storybook": "^7.5.0",
57
75
  "storybook-addon-dark-mode-toggle": "^0.0.6",
58
76
  "storybook-dark-mode": "^3.0.1",
59
77
  "style-loader": "^3.3.3",
60
78
  "tsconfig-paths-webpack-plugin": "^4.1.0",
61
- "@storybook/addon-essentials": "^7.5.0",
62
- "@storybook/addon-interactions": "^7.5.0",
63
- "@storybook/addon-links": "^7.5.0",
64
- "@storybook/addon-onboarding": "^1.0.8",
65
- "@storybook/blocks": "^7.5.0",
66
- "@storybook/react": "^7.5.0",
67
- "@storybook/react-vite": "^7.5.0",
68
- "@storybook/testing-library": "^0.2.2",
69
- "@types/react": "^18.2.15",
70
- "@types/react-dom": "^18.2.7",
71
- "@typescript-eslint/eslint-plugin": "^6.0.0",
72
- "@typescript-eslint/parser": "^6.0.0",
73
- "@vitejs/plugin-react": "^4.0.3",
74
- "eslint": "^8.45.0",
75
- "eslint-plugin-react-hooks": "^4.6.0",
76
- "eslint-plugin-react-refresh": "^0.4.3",
77
- "eslint-plugin-storybook": "^0.6.15",
78
- "storybook": "^7.5.0",
79
79
  "typescript": "^5.0.2",
80
80
  "vite": "^4.4.5"
81
81
  },
@@ -4,7 +4,6 @@ import { Box, Stack, Paper } from '@mui/material';
4
4
 
5
5
  import Table from '@mui/material/Table';
6
6
  import TableBody from '@mui/material/TableBody';
7
- import TableCell from '@mui/material/TableCell';
8
7
  import TableContainer from '@mui/material/TableContainer';
9
8
  import TableHead from '@mui/material/TableHead';
10
9
  import TableRow from '@mui/material/TableRow';
@@ -26,6 +25,7 @@ import {
26
25
  TableCellStyled,
27
26
  TableRowStyled,
28
27
  TotalRecordsStyled,
28
+ TableCellBodyStyled
29
29
  } from './styled';
30
30
 
31
31
  export function ArrowSmallUpIcon(props: any) {
@@ -63,7 +63,7 @@ export function Cog6ToothIcon(props: any) {
63
63
 
64
64
  // const dataSource = generateRandomDataSource(30);
65
65
 
66
- export const DataGrid: React.FC<DataGridBaseProps> = ({ data = [] }) => {
66
+ export const DataGrid: React.FC<DataGridBaseProps> = ({ data = [], onRowClick }) => {
67
67
  const pageSize = 10;
68
68
  const columns = data[0].columns;
69
69
  const dataSource = data[0].dataSource;
@@ -216,9 +216,9 @@ export const DataGrid: React.FC<DataGridBaseProps> = ({ data = [] }) => {
216
216
  newDataSource.map((item: DataSourceItem, key: number) => (
217
217
  <TableRowStyled key={key} sx={{ '&:last-child td, &:last-child th': { border: 0 } }}>
218
218
  {Object.keys(item).map(columnKey => (
219
- <TableCell component="th" scope="row" key={columnKey} sx={{textAlign: columns.find((c:any) => c.field === columnKey)?.textAlign || "center"}}>
219
+ <TableCellBodyStyled className={!!onRowClick ? 'is-interactive' : ''} onClick={(e) => { !!onRowClick && onRowClick(e) }} component="th" scope="row" key={columnKey} sx={{ textAlign: columns.find((c:any) => c.field === columnKey)?.textAlign || "center"}}>
220
220
  {item[columnKey]}
221
- </TableCell>
221
+ </TableCellBodyStyled>
222
222
  ))}
223
223
  </TableRowStyled>
224
224
  ))}
@@ -53,6 +53,15 @@ const TableCellStyled: StyledComponent<TableCellProps> = styled(TableCell)(() =>
53
53
  },
54
54
  }));
55
55
 
56
+ const TableCellBodyStyled: StyledComponent<TableCellProps> = styled(TableCell)(() => ({
57
+ [`&.is-interactive`]: {
58
+ cursor: 'pointer',
59
+ [`&:hover`]: {
60
+ opacity: .75
61
+ }
62
+ }
63
+ }));
64
+
56
65
  const TableRowStyled: StyledComponent<TableRowProps> = styled(TableRow)(({ theme }) => ({
57
66
  '&:nth-of-type(odd)': {
58
67
  backgroundColor: theme.palette.action.hover,
@@ -94,4 +103,5 @@ export {
94
103
  TableRowStyled,
95
104
  ButtonStyled,
96
105
  DropDownStyled,
106
+ TableCellBodyStyled
97
107
  };
@@ -41,7 +41,7 @@ export const ProgressBar = ({ value = 0, label, variant = 'determinate', total,
41
41
  </span>
42
42
  </ProgressBarLabelStyled>
43
43
  )}
44
- <ProgressBarStyled value={value} variant={variant} {...props} />
44
+ <ProgressBarStyled value={percentage} variant={variant} {...props} />
45
45
  </div>
46
46
  );
47
47
  };
@@ -12,6 +12,7 @@ export interface SortingProps {
12
12
  export interface DataGridBaseProps extends MuiDataGridBaseProps {
13
13
  data: { dataSource: any; columns: any }[];
14
14
  sx?: SxProps<Theme>;
15
+ onRowClick?: React.MouseEventHandler;
15
16
  variant?: OverridableStringUnion<
16
17
  'standard' | 'standard-divider' | 'standard-selectable' | 'quiet' | 'quiet-divider' | 'quiet-selectable',
17
18
  DataGridPropsVariantOverrides
@@ -20,7 +20,7 @@ export default meta;
20
20
  export const DataGridBasic = () => {
21
21
  return (
22
22
  <>
23
- <DataGrid data={data} />
23
+ <DataGrid data={data} onRowClick={() => console.log("onRowClick")} />
24
24
  </>
25
25
  );
26
26
  };
@@ -60,10 +60,10 @@ export const ProgressBarColors: Story = () => (
60
60
  <div style={{ display: 'flex', gap: '1rem', width: '480px', marginBottom: 30 }}>
61
61
  <>
62
62
  <div style={{ position: 'relative', flex: 1, width: '230px' }}>
63
- <ProgressBar value={18} total={100} color="inherit" label="Progress Inherit" />
63
+ <ProgressBar value={100} total={300} color="inherit" label="Progress Inherit" />
64
64
  </div>
65
65
  <div style={{ position: 'relative', flex: 1, width: '230px' }}>
66
- <ProgressBar value={77} total={100} color="secondary" label="Progress secondary" />
66
+ <ProgressBar value={125} total={1000} color="secondary" label="Progress secondary" />
67
67
  </div>
68
68
  </>
69
69
  </div>
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { AccordionBaseProps } from '../interfaces';
3
- export declare const Accordion: ({ data, defaultExpanded, ...props }: AccordionBaseProps) => React.JSX.Element;
@@ -1,20 +0,0 @@
1
- import { __assign, __rest } from "tslib";
2
- import React from 'react';
3
- import { AccordionDetails, AccordionSummary, Accordion as MuiAccordion, Typography } from '@mui/material';
4
- import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
5
- import { styled } from '@mui/material/styles';
6
- var AccordionStyled = styled(MuiAccordion)({});
7
- export var Accordion = function (_a) {
8
- var _b = _a.data, data = _b === void 0 ? [] : _b, _c = _a.defaultExpanded, defaultExpanded = _c === void 0 ? false : _c, props = __rest(_a, ["data", "defaultExpanded"]);
9
- var _d = React.useState(defaultExpanded), expanded = _d[0], setExpanded = _d[1];
10
- var handleChange = function (panel) { return function (event, isExpanded) {
11
- console.log('Event ==> ', event);
12
- setExpanded(isExpanded ? panel : false);
13
- }; };
14
- return (React.createElement(React.Fragment, null, data &&
15
- data.map(function (item, key) { return (React.createElement(AccordionStyled, __assign({ expanded: expanded === item.id, onChange: handleChange(item.id), key: key }, props),
16
- React.createElement(AccordionSummary, { expandIcon: React.createElement(ExpandMoreIcon, null), "aria-controls": "panel-".concat(key, "-content"), id: "panel-".concat(key, "-header") },
17
- React.createElement(Typography, { sx: { width: '66%', flexShrink: 0 } }, item.label)),
18
- React.createElement(AccordionDetails, null, item.children))); })));
19
- };
20
- //# sourceMappingURL=Accordion.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/components/Accordion.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,SAAS,IAAI,YAAY,EACzB,UAAU,EACX,MAAM,eAAe,CAAC;AACvB,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,eAAe,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC;AAEjD,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,EAAoE;IAAlE,IAAA,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,uBAAuB,EAAvB,eAAe,mBAAG,KAAK,KAAA,EAAK,KAAK,cAA9C,2BAAgD,CAAF;IAChE,IAAA,KAA0B,KAAK,CAAC,QAAQ,CAAmB,eAAe,CAAC,EAA1E,QAAQ,QAAA,EAAE,WAAW,QAAqD,CAAC;IAElF,IAAM,YAAY,GAAG,UAAC,KAAa,IAAK,OAAA,UAAC,KAA2B,EAAE,UAAmB;QACvF,OAAO,CAAC,GAAG,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;QACjC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC,EAHuC,CAGvC,CAAC;IAEF,OAAO,CACL,0CACG,IAAI;QACH,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG,IAAK,OAAA,CACtB,oBAAC,eAAe,aAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC,EAAE,EAAE,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,IAAM,KAAK;YACnG,oBAAC,gBAAgB,IACf,UAAU,EAAE,oBAAC,cAAc,OAAG,mBACf,gBAAS,GAAG,aAAU,EACrC,EAAE,EAAE,gBAAS,GAAG,YAAS;gBAEzB,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,EAAE,IAAG,IAAI,CAAC,KAAK,CAAc,CACzD;YACnB,oBAAC,gBAAgB,QAAE,IAAI,CAAC,QAAQ,CAAoB,CACpC,CACnB,EAXuB,CAWvB,CAAC,CACH,CACJ,CAAC;AACJ,CAAC,CAAC"}
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { AvatarBaseProps } from '../interfaces';
3
- export declare const Avatar: React.FC<AvatarBaseProps>;
@@ -1,13 +0,0 @@
1
- import { __assign, __rest } from "tslib";
2
- import React from 'react';
3
- import { Avatar as MuiVatar } from '@mui/material';
4
- import { styled } from '@mui/material/styles';
5
- var AvatarStyled = styled(MuiVatar)({
6
- textTransform: 'none',
7
- color: 'currentcolor',
8
- });
9
- export var Avatar = function (_a) {
10
- var src = _a.src, props = __rest(_a, ["src"]);
11
- return (React.createElement(AvatarStyled, __assign({ src: src }, props)));
12
- };
13
- //# sourceMappingURL=Avatar.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/Avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGnD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACpC,aAAa,EAAE,MAAM;IACrB,KAAK,EAAE,cAAc;CACtB,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,MAAM,GAA8B,UAAC,EAAiB;IAAf,IAAA,GAAG,SAAA,EAAK,KAAK,cAAf,OAAiB,CAAF;IAC/D,OAAO,CACL,oBAAC,YAAY,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CACtC,CAAC;AACJ,CAAC,CAAC"}
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { BadgeBaseProps } from '../interfaces';
3
- export declare const Badge: React.FC<BadgeBaseProps>;
@@ -1,10 +0,0 @@
1
- import { __assign, __rest } from "tslib";
2
- import React from 'react';
3
- import { Badge as MuiBadge } from '@mui/material';
4
- import { styled } from '@mui/material/styles';
5
- var BadgeStyled = styled(MuiBadge)({});
6
- export var Badge = function (_a) {
7
- var props = __rest(_a, []);
8
- return (React.createElement(BadgeStyled, __assign({}, props)));
9
- };
10
- //# sourceMappingURL=Badge.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/components/Badge.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGlD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC;AAEzC,MAAM,CAAC,IAAM,KAAK,GAA6B,UAAC,EAAY;QAAP,KAAK,cAAV,EAAY,CAAF;IACxD,OAAO,CACL,oBAAC,WAAW,eAAK,KAAK,EAAI,CAC3B,CAAC;AACJ,CAAC,CAAC"}
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { ButtonBaseProps } from '../interfaces';
3
- export declare const Button: ({ label, children, ...props }: ButtonBaseProps) => React.JSX.Element;
@@ -1,18 +0,0 @@
1
- import { __assign, __rest } from "tslib";
2
- import React from 'react';
3
- import { Button as MuiButton } from '@mui/material';
4
- import { styled } from '@mui/material/styles';
5
- var ButtonStyled = styled(MuiButton)({
6
- textTransform: 'none',
7
- '& .MuiButton-sizeLarge': {
8
- height: '75px',
9
- backgroundColor: 'red',
10
- },
11
- });
12
- export var Button = function (_a) {
13
- var label = _a.label, children = _a.children, props = __rest(_a, ["label", "children"]);
14
- return (React.createElement(ButtonStyled, __assign({}, props, { sx: {
15
- color: props.variant === 'contained' ? '#FFFF' : props.color,
16
- } }), label ? label : children));
17
- };
18
- //# sourceMappingURL=Button.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;IACrC,aAAa,EAAE,MAAM;IACrB,wBAAwB,EAAE;QACxB,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,KAAK;KACvB;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,MAAM,GAAG,UAAC,EAA8C;IAA5C,IAAA,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAA3B,qBAA6B,CAAF;IAEhD,OAAO,CACL,oBAAC,YAAY,eACP,KAAK,IACT,EAAE,EAAE;YACF,KAAK,EAAE,KAAK,CAAC,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK;SAC7D,KAEA,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CACZ,CAChB,CAAC;AACJ,CAAC,CAAC"}
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- import { CardBaseProps } from '../interfaces';
3
- import { ColorVariant } from '@/types';
4
- export declare const Card: ({ children, border, color, ...props }: CardBaseProps & {
5
- border?: boolean | undefined;
6
- color?: ColorVariant | undefined;
7
- }) => React.JSX.Element;
@@ -1,28 +0,0 @@
1
- import { __assign, __rest } from "tslib";
2
- import React from 'react';
3
- import { Card as MuiCard } from '@mui/material';
4
- import { palette } from '../helpers';
5
- import { styled } from '@mui/material/styles';
6
- var colorMap = {
7
- inherit: palette.inherit,
8
- primary: palette.primary,
9
- secondary: palette.secondary,
10
- error: palette.error,
11
- warning: palette.warning,
12
- info: palette.info,
13
- success: palette.success,
14
- };
15
- var CardStyled = styled(MuiCard)(function (_a) {
16
- var borderColor = _a.borderColor;
17
- return ({
18
- padding: 16,
19
- borderRadius: 5,
20
- boxShadow: '0px 2px 8px #00000053',
21
- borderLeft: borderColor ? "7px solid ".concat(colorMap[borderColor]) : 'none',
22
- });
23
- });
24
- export var Card = function (_a) {
25
- var children = _a.children, border = _a.border, _b = _a.color, color = _b === void 0 ? 'inherit' : _b, props = __rest(_a, ["children", "border", "color"]);
26
- return (React.createElement(CardStyled, __assign({ borderColor: border ? color : undefined }, props), children));
27
- };
28
- //# sourceMappingURL=Card.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAG9C,IAAM,QAAQ,GAAiC;IAC7C,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,SAAS,EAAE,OAAO,CAAC,SAAS;IAC5B,KAAK,EAAE,OAAO,CAAC,KAAK;IACpB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,IAAI,EAAE,OAAO,CAAC,IAAI;IAClB,OAAO,EAAE,OAAO,CAAC,OAAO;CACzB,CAAC;AAEF,IAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,CAE/B,UAAC,EAAe;QAAb,WAAW,iBAAA;IAAO,OAAA,CAAC;QACvB,OAAO,EAAE,EAAE;QACX,YAAY,EAAE,CAAC;QACf,SAAS,EAAE,uBAAuB;QAClC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC,oBAAa,QAAQ,CAAC,WAAW,CAAC,CAAE,CAAC,CAAC,CAAC,MAAM;KACxE,CAAC;AALsB,CAKtB,CAAC,CAAC;AAEJ,MAAM,CAAC,IAAM,IAAI,GAAG,UAAC,EAKwC;IAJ3D,IAAA,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACd,KAAK,cAJW,+BAKpB,CADS;IAER,OAAO,CACL,oBAAC,UAAU,aAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,IAAM,KAAK,GAC3D,QAAQ,CACE,CACd,CAAC;AACJ,CAAC,CAAC"}
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { ChatMessageProps } from '@/interfaces';
3
- export declare const ChatMessage: React.FC<ChatMessageProps>;
@@ -1,63 +0,0 @@
1
- import React from 'react';
2
- import { Box, Typography } from '@mui/material';
3
- import { styled } from '@mui/material/styles';
4
- var Item = styled(Box)(function (_a) {
5
- var orient = _a.orient;
6
- return ({
7
- borderColor: '#ccc',
8
- display: 'flex',
9
- position: 'relative',
10
- width: '100%',
11
- justifyContent: orient === 'replay' ? 'flex-end' : 'flex-start',
12
- marginBottom: '10px',
13
- alignItems: 'center',
14
- });
15
- });
16
- var ContainerStyled = styled(Box)({
17
- display: 'flex',
18
- flexDirection: 'column',
19
- alignItems: 'center',
20
- minWidth: '640px',
21
- backgroundColor: '#F0F0F0',
22
- padding: '10px',
23
- });
24
- var BoxStyled = styled(Box)(function (_a) {
25
- var orient = _a.orient;
26
- return ({
27
- width: '70%',
28
- backgroundColor: orient === 'replay' ? '#E18B50' : '#FFF',
29
- color: orient === 'replay' ? '#FFF' : '#4D4F5C',
30
- borderTopLeftRadius: 30,
31
- borderTopRightRadius: 30,
32
- borderBottomLeftRadius: orient === 'me' ? 2 : 30,
33
- borderBottomRightRadius: orient === 'me' ? 30 : 2,
34
- marginLeft: orient === 'replay' ? '10px' : 0,
35
- marginRight: orient === 'me' ? '10px' : 0,
36
- padding: 20,
37
- });
38
- });
39
- export var ChatMessage = function (_a) {
40
- var data = _a.data;
41
- return (React.createElement(ContainerStyled, null, data.map(function (item, key) { return (React.createElement(Item, { key: key, orient: item.send },
42
- item.emotion && item.send === 'replay' && React.createElement(React.Fragment, null, item.emotion),
43
- React.createElement(BoxStyled, { orient: item.send },
44
- React.createElement(Typography, { variant: "subtitle2", style: {
45
- marginBottom: '5px',
46
- font: 'normal normal 600 16px/20px Source Sans Pro',
47
- } }, item.name),
48
- React.createElement(Typography, { variant: "body1", style: {
49
- font: 'normal normal normal 16px/20px Source Sans Pro',
50
- } }, item.message),
51
- React.createElement(Typography, { variant: "caption", style: {
52
- position: 'absolute',
53
- bottom: '-18px',
54
- left: item.send === 'me' ? 0 : 'auto',
55
- right: item.send === 'me' ? 'auto' : 0,
56
- font: 'normal normal normal 11px/13px Source Sans Pro',
57
- opacity: 0.5,
58
- color: '#4D4F5C',
59
- } }, item.time)),
60
- item.emotion && item.send === 'me' && React.createElement(React.Fragment, null, item.emotion),
61
- item.emotionReplay && item.send === 'me' && React.createElement(React.Fragment, null, item.emotionReplay))); })));
62
- };
63
- //# sourceMappingURL=ChatMessage.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ChatMessage.js","sourceRoot":"","sources":["../../../src/components/ChatMessage.tsx"],"names":[],"mappings":"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"}
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { CheckBoxBaseProps } from '../interfaces';
3
- export declare const CheckBox: ({ ...props }: CheckBoxBaseProps) => React.JSX.Element;
@@ -1,10 +0,0 @@
1
- import { __assign, __rest } from "tslib";
2
- import React from 'react';
3
- import { FormControlLabel, Checkbox as MuiCheckbox } from '@mui/material';
4
- import { styled } from '@mui/material/styles';
5
- var CheckBoxStyled = styled(MuiCheckbox)({});
6
- export var CheckBox = function (_a) {
7
- var props = __rest(_a, []);
8
- return (React.createElement(React.Fragment, null, props.label ? (React.createElement(FormControlLabel, { control: React.createElement(CheckBoxStyled, __assign({}, props)), label: props.label })) : (React.createElement(CheckBoxStyled, __assign({}, props)))));
9
- };
10
- //# sourceMappingURL=CheckBox.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../src/components/CheckBox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,QAAQ,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAI1E,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC;AAE/C,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,EAA+B;QAA1B,KAAK,cAAV,EAAY,CAAF;IAEjC,OAAO,CACL,0CACG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACb,oBAAC,gBAAgB,IAAC,OAAO,EAAE,oBAAC,cAAc,eAAK,KAAK,EAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,CACjF,CAAC,CAAC,CAAC,CACF,oBAAC,cAAc,eAAK,KAAK,EAAI,CAC9B,CACA,CACJ,CAAC;AACJ,CAAC,CAAC"}
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { DropdownFilterProps } from '@/interfaces';
3
- declare const DropdownFilter: ({ onOrder, onFilter, onSelected, onFilterSelected, itemsSelected, onSelectAll, onChecketAll, data, }: DropdownFilterProps) => React.JSX.Element;
4
- export default DropdownFilter;
@@ -1,126 +0,0 @@
1
- import { __spreadArray } from "tslib";
2
- import React, { useState, useEffect, Fragment } from 'react';
3
- import NumberFilter from './number-filter';
4
- import { Button, Typography, FormControl, InputLabel, OutlinedInput, InputAdornment, IconButton } from '@mui/material';
5
- import Divider from '@mui/material/Divider';
6
- import MenuList from '@mui/material/MenuList';
7
- import MenuItem from '@mui/material/MenuItem';
8
- import ListItemIcon from '@mui/material/ListItemIcon';
9
- import ListItemText from '@mui/material/ListItemText';
10
- import List from '@mui/material/List';
11
- import ListItem from '@mui/material/ListItem';
12
- import ListItemButton from '@mui/material/ListItemButton';
13
- import Checkbox from '@mui/material/Checkbox';
14
- import { Search } from '@mui/icons-material';
15
- import KeyboardArrowRightIcon from '@mui/icons-material/KeyboardArrowRight';
16
- import { DropDownStyled } from '../styled';
17
- import { ArrowSmallDownIcon, ArrowSmallUpIcon, FunnelIcon } from '../icons';
18
- var DropdownFilter = function (_a) {
19
- var onOrder = _a.onOrder, onFilter = _a.onFilter, onSelected = _a.onSelected, onFilterSelected = _a.onFilterSelected, itemsSelected = _a.itemsSelected, onSelectAll = _a.onSelectAll, onChecketAll = _a.onChecketAll, data = _a.data;
20
- var _b = useState(false), openFilter = _b[0], setOpenFilter = _b[1];
21
- var _c = useState(onSelectAll), selectAll = _c[0], setSelectAll = _c[1];
22
- var _d = useState(itemsSelected), selecteds = _d[0], setItemsSelected = _d[1];
23
- var handleFilter = function () {
24
- setOpenFilter(function (prevState) { return !prevState; });
25
- };
26
- var handleFilterSelected = function () {
27
- if (itemsSelected.length > 0) {
28
- onFilterSelected();
29
- }
30
- else {
31
- onSelected([]);
32
- onFilter('');
33
- onFilterSelected();
34
- }
35
- };
36
- var handleCheckboxChange = function (option) {
37
- var updatedSelection = selecteds.includes(option)
38
- ? selecteds.filter(function (selected) { return selected !== option; })
39
- : __spreadArray(__spreadArray([], selecteds, true), [option], false);
40
- setItemsSelected(updatedSelection);
41
- onSelected(updatedSelection);
42
- };
43
- var handleSelectAll = function () {
44
- setSelectAll(selectAll ? false : true);
45
- onChecketAll(selectAll ? false : true);
46
- if (!selectAll) {
47
- var allItems = data.map(function (item) { return item.toString(); });
48
- setItemsSelected(allItems);
49
- onSelected(allItems);
50
- }
51
- else {
52
- setItemsSelected([]);
53
- onSelected([]);
54
- }
55
- };
56
- useEffect(function () {
57
- setItemsSelected(selectAll ? data.map(String) : []);
58
- onSelected(selectAll ? data.map(String) : []);
59
- }, [selectAll]);
60
- useEffect(function () {
61
- setItemsSelected(itemsSelected);
62
- }, [selecteds]);
63
- return (React.createElement(DropDownStyled, null,
64
- React.createElement(Fragment, null,
65
- React.createElement(MenuList, null,
66
- React.createElement(MenuItem, { onClick: function () {
67
- onOrder('down');
68
- setOpenFilter(false);
69
- } },
70
- React.createElement(ListItemIcon, null,
71
- React.createElement(ArrowSmallUpIcon, { width: "16", height: "16" })),
72
- React.createElement(ListItemText, null, "Classificar de A a Z")),
73
- React.createElement(MenuItem, { onClick: function () {
74
- onOrder('up');
75
- setOpenFilter(false);
76
- } },
77
- React.createElement(ListItemIcon, null,
78
- React.createElement(ArrowSmallDownIcon, { width: "16", height: "16" })),
79
- React.createElement(ListItemText, null, "Classificar de Z a A")),
80
- React.createElement(MenuItem, { onClick: handleFilter },
81
- React.createElement(ListItemIcon, null,
82
- React.createElement(FunnelIcon, { width: "16", height: "16" })),
83
- React.createElement(ListItemText, null, "Filtro por n\u00FAmeros"),
84
- React.createElement(Typography, { variant: "body2", color: "text.secondary" },
85
- React.createElement(KeyboardArrowRightIcon, { fontSize: "medium", style: { position: 'relative', top: '5px' } })),
86
- openFilter && (React.createElement(React.Fragment, null,
87
- React.createElement(NumberFilter, { onClick: function () { return console.log('Me clicou'); } })))),
88
- React.createElement(Divider, null),
89
- React.createElement(FormControl, { sx: { m: 1 }, variant: "outlined" },
90
- React.createElement(InputLabel, { htmlFor: "outlined-adornment-search", size: "small" }, "Buscar"),
91
- React.createElement(OutlinedInput, { id: "outlined-adornment-search", endAdornment: React.createElement(InputAdornment, { position: "end" },
92
- React.createElement(IconButton, { edge: "end" },
93
- React.createElement(Search, null))), onChange: function (event) {
94
- onFilter(event.target.value);
95
- }, label: "Buscar", fullWidth: true, size: "small" })),
96
- React.createElement(Divider, null),
97
- React.createElement(List, { sx: {
98
- bgcolor: '#f2f2f2',
99
- padding: ' 5px',
100
- overflow: ' auto',
101
- width: ' 100%',
102
- height: ' 120px',
103
- } },
104
- React.createElement(ListItem, { disablePadding: true, onClick: handleSelectAll },
105
- React.createElement(ListItemButton, { role: undefined, sx: { py: 0, minHeight: 32 } },
106
- React.createElement(ListItemIcon, null,
107
- React.createElement(Checkbox, { edge: "start", tabIndex: -1, checked: selectAll, disableRipple: true, inputProps: { 'aria-labelledby': 'all' } })),
108
- React.createElement(ListItemText, { id: 'all', primary: selectAll ? 'Deselect All' : 'Select All', primaryTypographyProps: {
109
- fontSize: 14,
110
- fontWeight: 'medium',
111
- } }))),
112
- data.map(function (item, key) {
113
- var labelId = "checkbox-list-label-".concat(item.toString());
114
- return (React.createElement(ListItem, { key: key, disablePadding: true, onClick: function () { return handleCheckboxChange(item.toString()); } },
115
- React.createElement(ListItemButton, { role: undefined, sx: { py: 0, minHeight: 32 } },
116
- React.createElement(ListItemIcon, null,
117
- React.createElement(Checkbox, { edge: "start", tabIndex: -1, disableRipple: true, inputProps: { 'aria-labelledby': labelId }, checked: selecteds.includes(item.toString()) })),
118
- React.createElement(ListItemText, { id: labelId, primary: "".concat(item), primaryTypographyProps: {
119
- fontSize: 14,
120
- fontWeight: 'medium',
121
- } }))));
122
- }))),
123
- React.createElement(Button, { variant: "outlined", sx: { align: 'right' }, onClick: handleFilterSelected }, "Confirm"))));
124
- };
125
- export default DropdownFilter;
126
- //# sourceMappingURL=dropdown.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../../../src/components/DataGrid/base/dropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACvH,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAC5C,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,YAAY,MAAM,4BAA4B,CAAC;AACtD,OAAO,YAAY,MAAM,4BAA4B,CAAC;AAEtD,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,sBAAsB,MAAM,wCAAwC,CAAC;AAE5E,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAE3C,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAE5E,IAAM,cAAc,GAAG,UAAC,EASF;QARpB,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,gBAAgB,sBAAA,EAChB,aAAa,mBAAA,EACb,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,IAAI,UAAA;IAEE,IAAA,KAA8B,QAAQ,CAAU,KAAK,CAAC,EAArD,UAAU,QAAA,EAAE,aAAa,QAA4B,CAAC;IACvD,IAAA,KAA4B,QAAQ,CAAC,WAAW,CAAC,EAAhD,SAAS,QAAA,EAAE,YAAY,QAAyB,CAAC;IAClD,IAAA,KAAgC,QAAQ,CAAsB,aAAa,CAAC,EAA3E,SAAS,QAAA,EAAE,gBAAgB,QAAgD,CAAC;IAEnF,IAAM,YAAY,GAAG;QACnB,aAAa,CAAC,UAAA,SAAS,IAAI,OAAA,CAAC,SAAS,EAAV,CAAU,CAAC,CAAC;IACzC,CAAC,CAAC;IAEF,IAAM,oBAAoB,GAAG;QAC3B,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE;YAC5B,gBAAgB,EAAE,CAAC;SACpB;aAAM;YACL,UAAU,CAAC,EAAE,CAAC,CAAC;YACf,QAAQ,CAAC,EAAE,CAAC,CAAC;YACb,gBAAgB,EAAE,CAAC;SACpB;IACH,CAAC,CAAC;IAEF,IAAM,oBAAoB,GAAG,UAAC,MAAc;QAC1C,IAAM,gBAAgB,GAAG,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC;YACjD,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,UAAA,QAAQ,IAAI,OAAA,QAAQ,KAAK,MAAM,EAAnB,CAAmB,CAAC;YACnD,CAAC,iCAAK,SAAS,UAAE,MAAM,SAAC,CAAC;QAE3B,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;QACnC,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,IAAM,eAAe,GAAG;QACtB,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QACvC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QAEvC,IAAI,CAAC,SAAS,EAAE;YACd,IAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,IAAI,CAAC,QAAQ,EAAE,EAAf,CAAe,CAAC,CAAC;YAC1D,gBAAgB,CAAC,QAAQ,CAAC,CAAC;YAC3B,UAAU,CAAC,QAAQ,CAAC,CAAC;SACtB;aAAM;YACL,gBAAgB,CAAC,EAAE,CAAC,CAAC;YACrB,UAAU,CAAC,EAAE,CAAC,CAAC;SAChB;IACH,CAAC,CAAC;IAEF,SAAS,CAAC;QACR,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QACpD,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,SAAS,CAAC;QACR,gBAAgB,CAAC,aAAa,CAAC,CAAC;IAClC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,oBAAC,cAAc;QACb,oBAAC,QAAQ;YACP,oBAAC,QAAQ;gBACP,oBAAC,QAAQ,IACP,OAAO,EAAE;wBACP,OAAO,CAAC,MAAM,CAAC,CAAC;wBAChB,aAAa,CAAC,KAAK,CAAC,CAAC;oBACvB,CAAC;oBAED,oBAAC,YAAY;wBACX,oBAAC,gBAAgB,IAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,CAC9B;oBACf,oBAAC,YAAY,+BAAoC,CACxC;gBACX,oBAAC,QAAQ,IACP,OAAO,EAAE;wBACP,OAAO,CAAC,IAAI,CAAC,CAAC;wBACd,aAAa,CAAC,KAAK,CAAC,CAAC;oBACvB,CAAC;oBAED,oBAAC,YAAY;wBACX,oBAAC,kBAAkB,IAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,CAChC;oBACf,oBAAC,YAAY,+BAAoC,CACxC;gBACX,oBAAC,QAAQ,IAAC,OAAO,EAAE,YAAY;oBAC7B,oBAAC,YAAY;wBACX,oBAAC,UAAU,IAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,CACxB;oBACf,oBAAC,YAAY,kCAAkC;oBAC/C,oBAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,gBAAgB;wBAChD,oBAAC,sBAAsB,IAAC,QAAQ,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,GAAI,CAC9E;oBACZ,UAAU,IAAI,CACb,oBAAC,KAAK,CAAC,QAAQ;wBACb,oBAAC,YAAY,IAAC,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,EAAxB,CAAwB,GAAI,CAC1C,CAClB,CACQ;gBACX,oBAAC,OAAO,OAAG;gBACX,oBAAC,WAAW,IAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,EAAC,UAAU;oBAC3C,oBAAC,UAAU,IAAC,OAAO,EAAC,2BAA2B,EAAC,IAAI,EAAC,OAAO,aAE/C;oBACb,oBAAC,aAAa,IACZ,EAAE,EAAC,2BAA2B,EAC9B,YAAY,EACV,oBAAC,cAAc,IAAC,QAAQ,EAAC,KAAK;4BAC5B,oBAAC,UAAU,IAAC,IAAI,EAAC,KAAK;gCACpB,oBAAC,MAAM,OAAG,CACC,CACE,EAEnB,QAAQ,EAAE,UAAA,KAAK;4BACb,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;wBAC/B,CAAC,EACD,KAAK,EAAC,QAAQ,EACd,SAAS,QACT,IAAI,EAAC,OAAO,GACZ,CACU;gBACd,oBAAC,OAAO,OAAG;gBACX,oBAAC,IAAI,IACH,EAAE,EAAE;wBACF,OAAO,EAAE,SAAS;wBAClB,OAAO,EAAE,MAAM;wBACf,QAAQ,EAAE,OAAO;wBACjB,KAAK,EAAE,OAAO;wBACd,MAAM,EAAE,QAAQ;qBACjB;oBAED,oBAAC,QAAQ,IAAC,cAAc,QAAC,OAAO,EAAE,eAAe;wBAC/C,oBAAC,cAAc,IAAC,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;4BAC3D,oBAAC,YAAY;gCACX,oBAAC,QAAQ,IACP,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,CAAC,CAAC,EACZ,OAAO,EAAE,SAAS,EAClB,aAAa,QACb,UAAU,EAAE,EAAE,iBAAiB,EAAE,KAAK,EAAE,GACxC,CACW;4BACf,oBAAC,YAAY,IACX,EAAE,EAAE,KAAK,EACT,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,EAClD,sBAAsB,EAAE;oCACtB,QAAQ,EAAE,EAAE;oCACZ,UAAU,EAAE,QAAQ;iCACrB,GACD,CACa,CACR;oBACV,IAAI,CAAC,GAAG,CAAC,UAAC,IAAS,EAAE,GAAW;wBAC/B,IAAM,OAAO,GAAG,8BAAuB,IAAI,CAAC,QAAQ,EAAE,CAAE,CAAC;wBACzD,OAAO,CACL,oBAAC,QAAQ,IAAC,GAAG,EAAE,GAAG,EAAE,cAAc,QAAC,OAAO,EAAE,cAAM,OAAA,oBAAoB,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,EAArC,CAAqC;4BACrF,oBAAC,cAAc,IAAC,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;gCAC3D,oBAAC,YAAY;oCACX,oBAAC,QAAQ,IACP,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,CAAC,CAAC,EACZ,aAAa,QACb,UAAU,EAAE,EAAE,iBAAiB,EAAE,OAAO,EAAE,EAC1C,OAAO,EAAE,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,GAC5C,CACW;gCACf,oBAAC,YAAY,IACX,EAAE,EAAE,OAAO,EACX,OAAO,EAAE,UAAG,IAAI,CAAE,EAClB,sBAAsB,EAAE;wCACtB,QAAQ,EAAE,EAAE;wCACZ,UAAU,EAAE,QAAQ;qCACrB,GACD,CACa,CACR,CACZ,CAAC;oBACJ,CAAC,CAAC,CACG,CACE;YACX,oBAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,oBAAoB,cAEvE,CACA,CACI,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { NumberFilterProps } from '@/interfaces';
3
- declare const NumberFilter: React.FC<NumberFilterProps>;
4
- export default NumberFilter;
@@ -1,30 +0,0 @@
1
- import React from 'react';
2
- import List from '@mui/material/List';
3
- import ListItem from '@mui/material/ListItem';
4
- import ListItemText from '@mui/material/ListItemText';
5
- var items = [
6
- 'Equal',
7
- 'Does not equal',
8
- 'Greater than',
9
- 'Greater than or equal to',
10
- 'Less than',
11
- 'Less than or equal to',
12
- 'Between',
13
- ];
14
- var NumberFilter = function () {
15
- return (React.createElement(List, { sx: {
16
- bgcolor: '#FFF',
17
- position: 'absolute',
18
- minHeight: '190px',
19
- top: '0',
20
- left: 'auto',
21
- right: 'auto',
22
- minWidth: '240px',
23
- zIndex: '9',
24
- padding: '5px 10px',
25
- boxShadow: '0 0 10px #ccc',
26
- } }, items.map(function (value, key) { return (React.createElement(ListItem, { key: key, disableGutters: true },
27
- React.createElement(ListItemText, { primary: "".concat(value, "...") }))); })));
28
- };
29
- export default NumberFilter;
30
- //# sourceMappingURL=number-filter.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"number-filter.js","sourceRoot":"","sources":["../../../../../src/components/DataGrid/base/number-filter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,YAAY,MAAM,4BAA4B,CAAC;AAGtD,IAAM,KAAK,GAAG;IACZ,OAAO;IACP,gBAAgB;IAChB,cAAc;IACd,0BAA0B;IAC1B,WAAW;IACX,uBAAuB;IACvB,SAAS;CACV,CAAC;AAEF,IAAM,YAAY,GAAgC;IAChD,OAAO,CACL,oBAAC,IAAI,IACH,EAAE,EAAE;YACF,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,UAAU;YACpB,SAAS,EAAE,OAAO;YAClB,GAAG,EAAE,GAAG;YACR,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,OAAO;YACjB,MAAM,EAAE,GAAG;YACX,OAAO,EAAE,UAAU;YACnB,SAAS,EAAE,eAAe;SAC3B,IAEA,KAAK,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,GAAG,IAAK,OAAA,CACzB,oBAAC,QAAQ,IAAC,GAAG,EAAE,GAAG,EAAE,cAAc;QAChC,oBAAC,YAAY,IAAC,OAAO,EAAE,UAAG,KAAK,QAAK,GAAI,CAC/B,CACZ,EAJ0B,CAI1B,CAAC,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- import { SortingProps } from '@/interfaces';
3
- export declare function ArrowSmallUpIcon(props: any): React.JSX.Element;
4
- declare const Sorting: React.FC<SortingProps>;
5
- export default Sorting;