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.
- package/.babelrc.json +1 -1
- package/.husky/commit-msg +4 -0
- package/.prettierignore +11 -0
- package/.prettierrc.json +20 -0
- package/CHANGELOG.md +0 -0
- package/CONTRIBUTING.md +0 -0
- package/README.md +42 -0
- package/commitlint.config.js +1 -0
- package/dist/Button/index.d.ts +9 -0
- package/dist/Button/types.d.ts +18 -0
- package/dist/Card/Card.d.ts +3 -0
- package/dist/Card/CardHeader.d.ts +3 -0
- package/dist/Card/index.d.ts +4 -0
- package/dist/Card/styles.d.ts +546 -0
- package/dist/Card/types.d.ts +8 -0
- package/dist/esm/components/Accordion.d.ts +2 -2
- package/dist/esm/components/Accordion.js +8 -8
- package/dist/esm/components/Accordion.js.map +1 -1
- package/dist/esm/components/Avatar.d.ts +2 -2
- package/dist/esm/components/Avatar.js +7 -7
- package/dist/esm/components/Avatar.js.map +1 -1
- package/dist/esm/components/Badge.d.ts +2 -2
- package/dist/esm/components/Badge.js +5 -5
- package/dist/esm/components/Badge.js.map +1 -1
- package/dist/esm/components/Button.d.ts +2 -2
- package/dist/esm/components/Button.js +10 -10
- package/dist/esm/components/Button.js.map +1 -1
- package/dist/esm/components/Card.d.ts +3 -3
- package/dist/esm/components/Card.js +8 -8
- package/dist/esm/components/Card.js.map +1 -1
- package/dist/esm/components/ChatMessage.d.ts +2 -2
- package/dist/esm/components/ChatMessage.js +35 -35
- package/dist/esm/components/ChatMessage.js.map +1 -1
- package/dist/esm/components/CheckBox.d.ts +2 -2
- package/dist/esm/components/CheckBox.js +5 -5
- package/dist/esm/components/CheckBox.js.map +1 -1
- package/dist/esm/components/DataGrid/base/dropdown.d.ts +2 -2
- package/dist/esm/components/DataGrid/base/dropdown.js +32 -32
- package/dist/esm/components/DataGrid/base/dropdown.js.map +1 -1
- package/dist/esm/components/DataGrid/base/number-filter.d.ts +2 -2
- package/dist/esm/components/DataGrid/base/number-filter.js +21 -21
- package/dist/esm/components/DataGrid/base/sorting.d.ts +2 -2
- package/dist/esm/components/DataGrid/base/sorting.js +1 -1
- package/dist/esm/components/DataGrid/base/sorting.js.map +1 -1
- package/dist/esm/components/DataGrid/icons.d.ts +1 -1
- package/dist/esm/components/DataGrid/icons.js +1 -1
- package/dist/esm/components/DataGrid/icons.js.map +1 -1
- package/dist/esm/components/DataGrid/index.d.ts +2 -2
- package/dist/esm/components/DataGrid/index.js +35 -44
- package/dist/esm/components/DataGrid/index.js.map +1 -1
- package/dist/esm/components/DataGrid/shared.d.ts +1 -1
- package/dist/esm/components/DataGrid/shared.js +19 -32
- package/dist/esm/components/DataGrid/shared.js.map +1 -1
- package/dist/esm/components/DataGrid/styled.d.ts +2 -2
- package/dist/esm/components/DataGrid/styled.js +35 -35
- package/dist/esm/components/DataGrid/styled.js.map +1 -1
- package/dist/esm/components/DatePicker.d.ts +5 -5
- package/dist/esm/components/DatePicker.js +37 -37
- package/dist/esm/components/DatePicker.js.map +1 -1
- package/dist/esm/components/DropDown.d.ts +2 -2
- package/dist/esm/components/DropDown.js +6 -6
- package/dist/esm/components/DropDown.js.map +1 -1
- package/dist/esm/components/IconButton.d.ts +2 -2
- package/dist/esm/components/IconButton.js +7 -7
- package/dist/esm/components/IconButton.js.map +1 -1
- package/dist/esm/components/Icons.d.ts +2 -2
- package/dist/esm/components/Icons.js +10 -10
- package/dist/esm/components/Icons.js.map +1 -1
- package/dist/esm/components/Modal.d.ts +2 -2
- package/dist/esm/components/Modal.js +8 -8
- package/dist/esm/components/Modal.js.map +1 -1
- package/dist/esm/components/Paper.d.ts +2 -2
- package/dist/esm/components/Paper.js +5 -5
- package/dist/esm/components/Paper.js.map +1 -1
- package/dist/esm/components/ProgressBar.d.ts +2 -2
- package/dist/esm/components/ProgressBar.js +11 -11
- package/dist/esm/components/ProgressBar.js.map +1 -1
- package/dist/esm/components/RadioGroup.d.ts +2 -2
- package/dist/esm/components/RadioGroup.js +7 -7
- package/dist/esm/components/RadioGroup.js.map +1 -1
- package/dist/esm/components/RangerSlider.d.ts +2 -2
- package/dist/esm/components/RangerSlider.js +31 -31
- package/dist/esm/components/RangerSlider.js.map +1 -1
- package/dist/esm/components/Select.d.ts +2 -2
- package/dist/esm/components/Select.js +14 -14
- package/dist/esm/components/Select.js.map +1 -1
- package/dist/esm/components/Svgs.d.ts +1 -1
- package/dist/esm/components/Svgs.js +1 -1
- package/dist/esm/components/Svgs.js.map +1 -1
- package/dist/esm/components/Tabs.d.ts +2 -2
- package/dist/esm/components/Tabs.js +25 -26
- package/dist/esm/components/Tabs.js.map +1 -1
- package/dist/esm/components/Tag.d.ts +2 -2
- package/dist/esm/components/Tag.js +8 -8
- package/dist/esm/components/Tag.js.map +1 -1
- package/dist/esm/components/TextField.d.ts +2 -2
- package/dist/esm/components/TextField.js +8 -8
- package/dist/esm/components/TextField.js.map +1 -1
- package/dist/esm/components/TimeLine.d.ts +2 -2
- package/dist/esm/components/TimeLine.js +20 -20
- package/dist/esm/components/TimeLine.js.map +1 -1
- package/dist/esm/components/TimePicker.d.ts +8 -8
- package/dist/esm/components/TimePicker.js +43 -43
- package/dist/esm/components/TimePicker.js.map +1 -1
- package/dist/esm/components/index.d.ts +23 -23
- package/dist/esm/components/index.js +23 -23
- package/dist/esm/helpers/alignments.js +7 -7
- package/dist/esm/helpers/borders.js +11 -11
- package/dist/esm/helpers/colors.js +41 -41
- package/dist/esm/helpers/index.d.ts +5 -5
- package/dist/esm/helpers/index.js +5 -5
- package/dist/esm/helpers/sizes.d.ts +1 -1
- package/dist/esm/helpers/sizes.js +39 -39
- package/dist/esm/helpers/sizes.js.map +1 -1
- package/dist/esm/index.d.ts +17 -17
- package/dist/esm/index.js +17 -17
- package/dist/esm/interfaces/Accordion.d.ts +3 -3
- package/dist/esm/interfaces/Avatar.d.ts +6 -6
- package/dist/esm/interfaces/Badge.d.ts +7 -7
- package/dist/esm/interfaces/Button.d.ts +5 -5
- package/dist/esm/interfaces/Card.d.ts +3 -3
- package/dist/esm/interfaces/ChatMessage.d.ts +1 -1
- package/dist/esm/interfaces/CheckBox.d.ts +10 -10
- package/dist/esm/interfaces/DataGrid.d.ts +4 -4
- package/dist/esm/interfaces/DatePicker.d.ts +3 -3
- package/dist/esm/interfaces/DropDown.d.ts +4 -4
- package/dist/esm/interfaces/IconButton.d.ts +5 -5
- package/dist/esm/interfaces/Icons.d.ts +3 -3
- package/dist/esm/interfaces/Modal.d.ts +3 -3
- package/dist/esm/interfaces/Paper.d.ts +4 -4
- package/dist/esm/interfaces/ProgressBar.d.ts +5 -5
- package/dist/esm/interfaces/RadioGroup.d.ts +4 -4
- package/dist/esm/interfaces/RangerSlider.d.ts +8 -8
- package/dist/esm/interfaces/Select.d.ts +3 -3
- package/dist/esm/interfaces/Tabs.d.ts +3 -3
- package/dist/esm/interfaces/Tag.d.ts +5 -5
- package/dist/esm/interfaces/TextField.d.ts +12 -12
- package/dist/esm/interfaces/TimeLine.d.ts +3 -3
- package/dist/esm/interfaces/TimePicker.d.ts +3 -3
- package/dist/esm/interfaces/index.d.ts +23 -23
- package/dist/esm/interfaces/index.js +23 -23
- package/dist/esm/types/index.d.ts +41 -41
- package/dist/esm/types/index.js +2 -2
- package/dist/esm/types/index.js.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.es.js +6992 -0
- package/dist/index.es.js.map +1 -0
- package/dist/index.umd.js +266 -0
- package/dist/index.umd.js.map +1 -0
- package/dist/vite.svg +1 -0
- package/docs/index.md +118 -0
- package/package.json +65 -8
- package/src/components/Accordion.tsx +47 -64
- package/src/components/Avatar.tsx +22 -29
- package/src/components/Badge.tsx +19 -22
- package/src/components/Button.tsx +12 -19
- package/src/components/Card.tsx +44 -47
- package/src/components/ChatMessage.tsx +87 -89
- package/src/components/CheckBox.tsx +8 -19
- package/src/components/DataGrid/allData.json +2918 -2918
- package/src/components/DataGrid/base/dropdown.tsx +212 -235
- package/src/components/DataGrid/base/number-filter.tsx +43 -43
- package/src/components/DataGrid/base/sorting.tsx +29 -35
- package/src/components/DataGrid/icons.tsx +53 -61
- package/src/components/DataGrid/index.tsx +254 -319
- package/src/components/DataGrid/shared.ts +154 -179
- package/src/components/DataGrid/styled.ts +96 -102
- package/src/components/DataGrid/styles/dropdown.module.css +86 -86
- package/src/components/DataGrid/styles/number-filter.module.css +16 -16
- package/src/components/DataGrid/styles/styles.module.css +107 -107
- package/src/components/DatePicker.tsx +73 -84
- package/src/components/DropDown.tsx +31 -38
- package/src/components/IconButton.tsx +12 -29
- package/src/components/Icons.tsx +82 -87
- package/src/components/Modal.tsx +114 -123
- package/src/components/Paper.tsx +19 -22
- package/src/components/ProgressBar.tsx +54 -63
- package/src/components/RadioGroup.tsx +47 -55
- package/src/components/RangerSlider.tsx +70 -81
- package/src/components/Select.tsx +82 -98
- package/src/components/Svgs.tsx +498 -522
- package/src/components/Tabs.tsx +111 -140
- package/src/components/Tag.tsx +37 -45
- package/src/components/TextField.tsx +11 -22
- package/src/components/TimeLine.tsx +93 -103
- package/src/components/TimePicker.tsx +84 -95
- package/src/components/index.ts +23 -23
- package/src/helpers/alignments.ts +7 -7
- package/src/helpers/borders.ts +11 -11
- package/src/helpers/colors.ts +42 -42
- package/src/helpers/index.ts +5 -5
- package/src/helpers/sizes.ts +39 -46
- package/src/index.ts +17 -17
- package/src/interfaces/Accordion.ts +12 -12
- package/src/interfaces/Avatar.tsx +15 -18
- package/src/interfaces/Badge.ts +19 -32
- package/src/interfaces/Button.ts +5 -10
- package/src/interfaces/Card.ts +11 -11
- package/src/interfaces/ChatMessage.ts +12 -12
- package/src/interfaces/CheckBox.ts +12 -18
- package/src/interfaces/DataGrid.ts +46 -51
- package/src/interfaces/DatePicker.ts +13 -13
- package/src/interfaces/DropDown.ts +14 -14
- package/src/interfaces/IconButton.ts +5 -10
- package/src/interfaces/Icons.ts +17 -17
- package/src/interfaces/Modal.ts +15 -15
- package/src/interfaces/Paper.ts +12 -12
- package/src/interfaces/ProgressBar.ts +18 -25
- package/src/interfaces/RadioGroup.ts +22 -28
- package/src/interfaces/RangerSlider.ts +21 -32
- package/src/interfaces/Select.ts +17 -17
- package/src/interfaces/Tabs.ts +19 -24
- package/src/interfaces/Tag.ts +17 -17
- package/src/interfaces/TextField.ts +14 -34
- package/src/interfaces/TimeLine.ts +11 -16
- package/src/interfaces/TimePicker.ts +13 -13
- package/src/interfaces/index.ts +23 -23
- package/src/sample-data.json +178 -178
- package/src/stories/Accordion.stories.tsx +65 -65
- package/src/stories/Avatar.stories.tsx +123 -139
- package/src/stories/Badge.stories.tsx +39 -47
- package/src/stories/Button.stories.tsx +18 -26
- package/src/stories/Card.stories.tsx +40 -55
- package/src/stories/ChatMessage.stories.tsx +84 -85
- package/src/stories/CheckBox.stories.tsx +17 -23
- package/src/stories/DataGrid.stories.tsx +28 -28
- package/src/stories/DatePicker.stories.tsx +50 -77
- package/src/stories/DropDown.stories.tsx +57 -57
- package/src/stories/IconButton.stories.tsx +78 -114
- package/src/stories/Modal.stories.tsx +190 -190
- package/src/stories/Paper.stories.tsx +53 -53
- package/src/stories/ProgressBar.stories.tsx +95 -139
- package/src/stories/RadioGroup.stories.tsx +21 -28
- package/src/stories/RangerSlider.stories.tsx +58 -68
- package/src/stories/Select.stories.tsx +100 -128
- package/src/stories/Tabs.stories.tsx +62 -62
- package/src/stories/Tag.stories.tsx +56 -74
- package/src/stories/TextField.stories.tsx +54 -189
- package/src/stories/TimeLine.stories.tsx +35 -43
- package/src/stories/TimePicker.stories.tsx +87 -113
- package/src/types/index.ts +90 -155
- package/tsconfig.json +1 -1
- package/buildcache/front-end +0 -1
- package/norma-library.tar +0 -0
- package/postcss.config.js +0 -6
- package/tailwind.config.js +0 -58
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import { DataGridBaseProps } from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { DataGridBaseProps } from '../../interfaces';
|
|
3
3
|
export declare function ArrowSmallUpIcon(props: any): React.JSX.Element;
|
|
4
4
|
export declare function Cog6ToothIcon(props: any): React.JSX.Element;
|
|
5
5
|
export declare const DataGrid: React.FC<DataGridBaseProps>;
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import { __assign } from "tslib";
|
|
2
|
-
import React, { useEffect, useMemo, useState, useRef } from
|
|
3
|
-
import { Box, Stack, ThemeProvider, useMediaQuery, Paper } from
|
|
4
|
-
import Table from
|
|
5
|
-
import TableBody from
|
|
6
|
-
import TableCell from
|
|
7
|
-
import TableContainer from
|
|
8
|
-
import TableHead from
|
|
9
|
-
import TableRow from
|
|
10
|
-
import ArrowDropUpIcon from
|
|
11
|
-
import ArrowDropDownIcon from
|
|
12
|
-
import { themes } from
|
|
13
|
-
import DropdownFilter from
|
|
14
|
-
import { Pagination as MuiPagination } from
|
|
15
|
-
import { filterDataSource, generateRandomDataSource, groupByDataSource, sortDataSourceByColumn
|
|
16
|
-
import { ButtonStyled, DataGridHeaderStyled, HeaderCogStyled, TableCellStyled, TableRowStyled, TotalRecordsStyled, } from
|
|
2
|
+
import React, { useEffect, useMemo, useState, useRef } from 'react';
|
|
3
|
+
import { Box, Stack, ThemeProvider, useMediaQuery, Paper } from '@mui/material';
|
|
4
|
+
import Table from '@mui/material/Table';
|
|
5
|
+
import TableBody from '@mui/material/TableBody';
|
|
6
|
+
import TableCell from '@mui/material/TableCell';
|
|
7
|
+
import TableContainer from '@mui/material/TableContainer';
|
|
8
|
+
import TableHead from '@mui/material/TableHead';
|
|
9
|
+
import TableRow from '@mui/material/TableRow';
|
|
10
|
+
import ArrowDropUpIcon from '@mui/icons-material/ArrowDropUp';
|
|
11
|
+
import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
|
|
12
|
+
import { themes } from '../../helpers';
|
|
13
|
+
import DropdownFilter from './base/dropdown';
|
|
14
|
+
import { Pagination as MuiPagination } from '@mui/material';
|
|
15
|
+
import { filterDataSource, generateRandomDataSource, groupByDataSource, sortDataSourceByColumn } from './shared';
|
|
16
|
+
import { ButtonStyled, DataGridHeaderStyled, HeaderCogStyled, TableCellStyled, TableRowStyled, TotalRecordsStyled, } from './styled';
|
|
17
17
|
export function ArrowSmallUpIcon(props) {
|
|
18
18
|
return (React.createElement("svg", __assign({ fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, props),
|
|
19
19
|
React.createElement("path", { clipRule: "evenodd", fillRule: "evenodd", d: "M12 20.25a.75.75 0 01-.75-.75V6.31l-5.47 5.47a.75.75 0 01-1.06-1.06l6.75-6.75a.75.75 0 011.06 0l6.75 6.75a.75.75 0 11-1.06 1.06l-5.47-5.47V19.5a.75.75 0 01-.75.75z" })));
|
|
@@ -26,14 +26,14 @@ export function Cog6ToothIcon(props) {
|
|
|
26
26
|
var dataSource = generateRandomDataSource(30);
|
|
27
27
|
export var DataGrid = function (_a) {
|
|
28
28
|
var _b = _a.data, data = _b === void 0 ? [] : _b;
|
|
29
|
-
var prefersDarkMode = useMediaQuery(
|
|
29
|
+
var prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');
|
|
30
30
|
var theme = useMemo(function () { return (prefersDarkMode ? themes.light : themes.light); }, [prefersDarkMode]);
|
|
31
31
|
var pageSize = 10;
|
|
32
32
|
var columns = data[0].columns;
|
|
33
33
|
var _c = useState([]), selectedItems = _c[0], setSelectedItems = _c[1];
|
|
34
|
-
var _d = useState(
|
|
34
|
+
var _d = useState('down'), sorting = _d[0], setSorting = _d[1];
|
|
35
35
|
var _e = useState(false), selectAll = _e[0], setSelectAll = _e[1];
|
|
36
|
-
var _f = useState(
|
|
36
|
+
var _f = useState('id'), currentActiveSorting = _f[0], setCurrentActiveSorting = _f[1];
|
|
37
37
|
var _g = useState(null), currentDropDownActive = _g[0], setCurrentDropDownActive = _g[1];
|
|
38
38
|
var _h = useState(dataSource), originalDataSource = _h[0], setOriginalDataSource = _h[1];
|
|
39
39
|
var _j = useState(dataSource), newDataSource = _j[0], setDataSource = _j[1];
|
|
@@ -50,11 +50,11 @@ export var DataGrid = function (_a) {
|
|
|
50
50
|
setCurrentDropDownActive(item === currentDropDownActive ? null : item);
|
|
51
51
|
if (item !== currentDropDownActive) {
|
|
52
52
|
setCurrentActiveSorting(item);
|
|
53
|
-
setSorting(
|
|
53
|
+
setSorting('down');
|
|
54
54
|
}
|
|
55
55
|
};
|
|
56
56
|
var handleSorting = function (sort) {
|
|
57
|
-
setSorting(sort ===
|
|
57
|
+
setSorting(sort === 'up' ? 'up' : 'down');
|
|
58
58
|
currentDropDownActive && setCurrentActiveSorting(currentDropDownActive);
|
|
59
59
|
handleDropDown(currentDropDownActive);
|
|
60
60
|
};
|
|
@@ -66,13 +66,11 @@ export var DataGrid = function (_a) {
|
|
|
66
66
|
var handleFilterSelected = function () {
|
|
67
67
|
if (selectedItems.length > 0) {
|
|
68
68
|
var filteredData = originalDataSource.filter(function (item) {
|
|
69
|
-
var columnValue = currentActiveSorting
|
|
70
|
-
|
|
71
|
-
: undefined;
|
|
72
|
-
if (typeof columnValue === "string") {
|
|
69
|
+
var columnValue = currentActiveSorting ? item[currentActiveSorting] : undefined;
|
|
70
|
+
if (typeof columnValue === 'string') {
|
|
73
71
|
return selectedItems.includes(columnValue);
|
|
74
72
|
}
|
|
75
|
-
else if (typeof columnValue ===
|
|
73
|
+
else if (typeof columnValue === 'number') {
|
|
76
74
|
return selectedItems.includes(columnValue.toString());
|
|
77
75
|
}
|
|
78
76
|
return false;
|
|
@@ -108,37 +106,30 @@ export var DataGrid = function (_a) {
|
|
|
108
106
|
}
|
|
109
107
|
}, [selectedItems]);
|
|
110
108
|
return (React.createElement(ThemeProvider, { theme: theme },
|
|
111
|
-
React.createElement(Box, { sx: { width:
|
|
109
|
+
React.createElement(Box, { sx: { width: '100%', minHeight: 480 } },
|
|
112
110
|
React.createElement(DataGridHeaderStyled, null,
|
|
113
111
|
React.createElement(TotalRecordsStyled, null,
|
|
114
112
|
totalRecords,
|
|
115
113
|
" results found for this search"),
|
|
116
114
|
React.createElement(HeaderCogStyled, { type: "button" },
|
|
117
115
|
React.createElement(Cog6ToothIcon, { width: 24, height: 24 }))),
|
|
118
|
-
React.createElement(TableContainer, { component: Paper, sx: { overflowX:
|
|
119
|
-
React.createElement(Table, { sx: { minWidth: 650, width:
|
|
116
|
+
React.createElement(TableContainer, { component: Paper, sx: { overflowX: 'inherit' } },
|
|
117
|
+
React.createElement(Table, { sx: { minWidth: 650, width: '100%' }, "aria-label": "a dense table" },
|
|
120
118
|
React.createElement(TableHead, null,
|
|
121
119
|
React.createElement(TableRow, null, columns &&
|
|
122
|
-
columns.map(function (item, key) { return (React.createElement(TableCellStyled, { key: key, ref: function (ref) {
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
} },
|
|
126
|
-
React.createElement(Stack, { direction: "row", spacing: 2, sx: { position: "relative" } },
|
|
127
|
-
React.createElement(ButtonStyled, { variant: "text", size: "small", color: currentActiveSorting === item.field
|
|
128
|
-
? "primary"
|
|
129
|
-
: "inherit", endIcon: currentActiveSorting === item.field &&
|
|
130
|
-
sorting === "up" ? (React.createElement(ArrowDropUpIcon, null)) : (React.createElement(ArrowDropDownIcon, null)), onClick: function () {
|
|
120
|
+
columns.map(function (item, key) { return (React.createElement(TableCellStyled, { key: key, ref: function (ref) { return (sortRefs.current[key] = ref); } },
|
|
121
|
+
React.createElement(Stack, { direction: "row", spacing: 2, sx: { position: 'relative' } },
|
|
122
|
+
React.createElement(ButtonStyled, { variant: "text", size: "small", color: currentActiveSorting === item.field ? 'primary' : 'inherit', endIcon: currentActiveSorting === item.field && sorting === 'up' ? (React.createElement(ArrowDropUpIcon, null)) : (React.createElement(ArrowDropDownIcon, null)), onClick: function () {
|
|
131
123
|
handleDropDown(item.field);
|
|
132
124
|
} }, item.headerText),
|
|
133
|
-
currentDropDownActive &&
|
|
134
|
-
currentDropDownActive === item.field && (React.createElement(DropdownFilter, { format: item.format, onOrder: handleSorting, onFilter: handleFilter, onSelected: handleItemSelected, itemsSelected: selectedItems, onFilterSelected: handleFilterSelected, onChecketAll: setSelectAll, onSelectAll: selectAll, data: groupByDataSource(dataSource, item.field) }))))); }))),
|
|
125
|
+
currentDropDownActive && currentDropDownActive === item.field && (React.createElement(DropdownFilter, { format: item.format, onOrder: handleSorting, onFilter: handleFilter, onSelected: handleItemSelected, itemsSelected: selectedItems, onFilterSelected: handleFilterSelected, onChecketAll: setSelectAll, onSelectAll: selectAll, data: groupByDataSource(dataSource, item.field) }))))); }))),
|
|
135
126
|
React.createElement(TableBody, null, newDataSource &&
|
|
136
|
-
newDataSource.map(function (item, key) { return (React.createElement(TableRowStyled, { key: key, sx: {
|
|
127
|
+
newDataSource.map(function (item, key) { return (React.createElement(TableRowStyled, { key: key, sx: { '&:last-child td, &:last-child th': { border: 0 } } }, Object.keys(item).map(function (columnKey) { return (React.createElement(TableCell, { component: "th", scope: "row", key: columnKey }, item[columnKey])); }))); }))),
|
|
137
128
|
React.createElement(Stack, { spacing: 2, sx: {
|
|
138
|
-
display:
|
|
139
|
-
justifyContent:
|
|
140
|
-
alignItems:
|
|
141
|
-
borderTop:
|
|
129
|
+
display: 'flex',
|
|
130
|
+
justifyContent: 'center',
|
|
131
|
+
alignItems: 'center',
|
|
132
|
+
borderTop: '1px solid #ccc',
|
|
142
133
|
padding: 2,
|
|
143
134
|
} },
|
|
144
135
|
React.createElement(MuiPagination, { variant: "outlined", shape: "rounded", count: totalPages, page: currentPage, onChange: function (_event, page) { return handleChangePage(page); } }))))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DataGrid/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEhF,OAAO,KAAK,MAAM,qBAAqB,CAAC;AACxC,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAE9C,OAAO,eAAe,MAAM,iCAAiC,CAAC;AAC9D,OAAO,iBAAiB,MAAM,mCAAmC,CAAC;AAIlE,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,OAAO,cAAc,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DataGrid/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { DataSourceItem } from
|
|
1
|
+
import { DataSourceItem } from '@/interfaces';
|
|
2
2
|
export declare function groupByDataSource(dataSource: DataSourceItem[], key: string): (string | number)[];
|
|
3
3
|
export declare function sortDataSourceByColumn(jsonData: any[], column: string, order: string): any[];
|
|
4
4
|
export declare function filterDataSource(dataSource: DataSourceItem[], column: string, filter: string, exactTime?: boolean): DataSourceItem[];
|
|
@@ -13,19 +13,19 @@ export function sortDataSourceByColumn(jsonData, column, order) {
|
|
|
13
13
|
return jsonData.sort(function (a, b) {
|
|
14
14
|
var valueA = a[column];
|
|
15
15
|
var valueB = b[column];
|
|
16
|
-
if (typeof valueA ===
|
|
17
|
-
if (order ===
|
|
16
|
+
if (typeof valueA === 'string' && typeof valueB === 'string') {
|
|
17
|
+
if (order === 'asc') {
|
|
18
18
|
return valueA.localeCompare(valueB);
|
|
19
19
|
}
|
|
20
|
-
else if (order ===
|
|
20
|
+
else if (order === 'desc') {
|
|
21
21
|
return valueB.localeCompare(valueA);
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
|
-
else if (typeof valueA ===
|
|
25
|
-
if (order ===
|
|
24
|
+
else if (typeof valueA === 'number' && typeof valueB === 'number') {
|
|
25
|
+
if (order === 'asc') {
|
|
26
26
|
return valueA - valueB;
|
|
27
27
|
}
|
|
28
|
-
else if (order ===
|
|
28
|
+
else if (order === 'desc') {
|
|
29
29
|
return valueB - valueA;
|
|
30
30
|
}
|
|
31
31
|
}
|
|
@@ -36,7 +36,7 @@ export function filterDataSource(dataSource, column, filter, exactTime) {
|
|
|
36
36
|
if (exactTime === void 0) { exactTime = false; }
|
|
37
37
|
return dataSource.filter(function (item) {
|
|
38
38
|
var value = item[column];
|
|
39
|
-
if (typeof value ===
|
|
39
|
+
if (typeof value === 'string' || value.constructor === Date) {
|
|
40
40
|
var stringValue = value.toString().toLowerCase();
|
|
41
41
|
var filterValue = filter.toLowerCase();
|
|
42
42
|
if (exactTime && filterValue.length === 5) {
|
|
@@ -45,9 +45,9 @@ export function filterDataSource(dataSource, column, filter, exactTime) {
|
|
|
45
45
|
if (stringValue.includes(filterValue)) {
|
|
46
46
|
return true;
|
|
47
47
|
}
|
|
48
|
-
if (stringValue.includes(
|
|
49
|
-
var _a = stringValue.split(
|
|
50
|
-
var _b = filterValue.split(
|
|
48
|
+
if (stringValue.includes(':') && filterValue.includes(':')) {
|
|
49
|
+
var _a = stringValue.split(':'), hour = _a[0], minute = _a[1];
|
|
50
|
+
var _b = filterValue.split(':'), filterHour = _b[0], filterMinute = _b[1];
|
|
51
51
|
if (filterValue.length === 5) {
|
|
52
52
|
return stringValue === filterValue;
|
|
53
53
|
}
|
|
@@ -59,7 +59,7 @@ export function filterDataSource(dataSource, column, filter, exactTime) {
|
|
|
59
59
|
}
|
|
60
60
|
}
|
|
61
61
|
}
|
|
62
|
-
else if (typeof value ===
|
|
62
|
+
else if (typeof value === 'number') {
|
|
63
63
|
var numberValue = value.toString();
|
|
64
64
|
return numberValue.includes(filter);
|
|
65
65
|
}
|
|
@@ -74,21 +74,9 @@ export function filterItemsByColumn(dataSource, column, filterValues) {
|
|
|
74
74
|
}
|
|
75
75
|
// PROVISORIO BAIXO
|
|
76
76
|
export function generateRandomDataSource(numRows) {
|
|
77
|
-
var campanhas = [
|
|
78
|
-
"Campanha 1",
|
|
79
|
-
"Campanha 2",
|
|
80
|
-
"Campanha 3",
|
|
81
|
-
"Campanha 4",
|
|
82
|
-
"Campanha 5",
|
|
83
|
-
];
|
|
77
|
+
var campanhas = ['Campanha 1', 'Campanha 2', 'Campanha 3', 'Campanha 4', 'Campanha 5'];
|
|
84
78
|
var agents = [16321, 16322, 16323, 16324, 16325];
|
|
85
|
-
var disposals = [
|
|
86
|
-
"Tabulação 1",
|
|
87
|
-
"Tabulação 2",
|
|
88
|
-
"Tabulação 3",
|
|
89
|
-
"Tabulação 4",
|
|
90
|
-
"Tabulação 5",
|
|
91
|
-
];
|
|
79
|
+
var disposals = ['Tabulação 1', 'Tabulação 2', 'Tabulação 3', 'Tabulação 4', 'Tabulação 5'];
|
|
92
80
|
var dataSource = [];
|
|
93
81
|
for (var i = 0; i < numRows; i++) {
|
|
94
82
|
var data = generateRandomDate();
|
|
@@ -116,19 +104,18 @@ export function generateRandomDataSource(numRows) {
|
|
|
116
104
|
return dataSource;
|
|
117
105
|
}
|
|
118
106
|
export function generateRandomDate() {
|
|
119
|
-
var startDate = new Date(
|
|
107
|
+
var startDate = new Date('2020-01-01');
|
|
120
108
|
var currentDate = new Date();
|
|
121
|
-
var randomTimestamp = Math.random() * (currentDate.getTime() - startDate.getTime()) +
|
|
122
|
-
startDate.getTime();
|
|
109
|
+
var randomTimestamp = Math.random() * (currentDate.getTime() - startDate.getTime()) + startDate.getTime();
|
|
123
110
|
var randomDate = new Date(randomTimestamp);
|
|
124
|
-
var day = randomDate.getDate().toString().padStart(2,
|
|
125
|
-
var month = (randomDate.getMonth() + 1).toString().padStart(2,
|
|
111
|
+
var day = randomDate.getDate().toString().padStart(2, '0');
|
|
112
|
+
var month = (randomDate.getMonth() + 1).toString().padStart(2, '0');
|
|
126
113
|
var year = randomDate.getFullYear();
|
|
127
114
|
return "".concat(day, "/").concat(month, "/").concat(year);
|
|
128
115
|
}
|
|
129
116
|
export function generateRandomDuration() {
|
|
130
|
-
var hours = generateRandomNumber(0, 10).toString().padStart(2,
|
|
131
|
-
var minutes = generateRandomNumber(0, 59).toString().padStart(2,
|
|
117
|
+
var hours = generateRandomNumber(0, 10).toString().padStart(2, '0');
|
|
118
|
+
var minutes = generateRandomNumber(0, 59).toString().padStart(2, '0');
|
|
132
119
|
return "".concat(hours, ":").concat(minutes);
|
|
133
120
|
}
|
|
134
121
|
export function generateRandomNumber(min, max) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../../../src/components/DataGrid/shared.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,iBAAiB,
|
|
1
|
+
{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../../../src/components/DataGrid/shared.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { TypographyProps, BoxProps, ButtonProps, TableCellProps, TableRowProps } from
|
|
2
|
-
import { StyledComponent } from
|
|
1
|
+
import { TypographyProps, BoxProps, ButtonProps, TableCellProps, TableRowProps } from '@mui/material';
|
|
2
|
+
import { StyledComponent } from '@emotion/styled';
|
|
3
3
|
declare const DataGridHeaderStyled: StyledComponent<BoxProps>;
|
|
4
4
|
declare const TotalRecordsStyled: StyledComponent<TypographyProps>;
|
|
5
5
|
declare const HeaderCogStyled: StyledComponent<ButtonProps>;
|
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
import { Box, Button, Typography, TableRow, TableCell, tableCellClasses, } from
|
|
2
|
-
import { styled } from
|
|
1
|
+
import { Box, Button, Typography, TableRow, TableCell, tableCellClasses, } from '@mui/material';
|
|
2
|
+
import { styled } from '@mui/material/styles';
|
|
3
3
|
var DataGridHeaderStyled = styled(Box)({
|
|
4
|
-
display:
|
|
5
|
-
position:
|
|
4
|
+
display: 'flex',
|
|
5
|
+
position: 'relative',
|
|
6
6
|
});
|
|
7
7
|
var TotalRecordsStyled = styled(Typography)({
|
|
8
|
-
paddingTop:
|
|
9
|
-
paddingBottom:
|
|
10
|
-
paddingLeft:
|
|
11
|
-
font:
|
|
8
|
+
paddingTop: '24px',
|
|
9
|
+
paddingBottom: '24px',
|
|
10
|
+
paddingLeft: '15px',
|
|
11
|
+
font: 'normal normal normal 18px/24px Source Sans Pro',
|
|
12
12
|
});
|
|
13
13
|
var HeaderCogStyled = styled(Button)({
|
|
14
|
-
position:
|
|
15
|
-
top:
|
|
16
|
-
right:
|
|
17
|
-
border:
|
|
14
|
+
position: 'absolute',
|
|
15
|
+
top: '24px',
|
|
16
|
+
right: '30px',
|
|
17
|
+
border: '0',
|
|
18
18
|
padding: 0,
|
|
19
|
-
background:
|
|
20
|
-
width:
|
|
21
|
-
height:
|
|
22
|
-
cursor:
|
|
19
|
+
background: 'none',
|
|
20
|
+
width: '24px',
|
|
21
|
+
height: '24px',
|
|
22
|
+
cursor: 'pointer',
|
|
23
23
|
});
|
|
24
24
|
var TableCellStyled = styled(TableCell)(function () {
|
|
25
25
|
var _a;
|
|
26
26
|
return (_a = {},
|
|
27
27
|
_a["&.".concat(tableCellClasses.head)] = {
|
|
28
|
-
backgroundColor:
|
|
29
|
-
color:
|
|
30
|
-
font:
|
|
31
|
-
position:
|
|
32
|
-
fontWeight:
|
|
28
|
+
backgroundColor: '#FFF',
|
|
29
|
+
color: '#333',
|
|
30
|
+
font: 'normal normal 600 14px/20px Source Sans Pro',
|
|
31
|
+
position: 'relative',
|
|
32
|
+
fontWeight: 'bold',
|
|
33
33
|
padding: 15,
|
|
34
34
|
},
|
|
35
35
|
_a["&.".concat(tableCellClasses.body)] = {
|
|
@@ -40,34 +40,34 @@ var TableCellStyled = styled(TableCell)(function () {
|
|
|
40
40
|
var TableRowStyled = styled(TableRow)(function (_a) {
|
|
41
41
|
var theme = _a.theme;
|
|
42
42
|
return ({
|
|
43
|
-
|
|
43
|
+
'&:nth-of-type(odd)': {
|
|
44
44
|
backgroundColor: theme.palette.action.hover,
|
|
45
45
|
},
|
|
46
46
|
// hide last border
|
|
47
|
-
|
|
47
|
+
'&:last-child td, &:last-child th': {
|
|
48
48
|
border: 0,
|
|
49
49
|
},
|
|
50
50
|
});
|
|
51
51
|
});
|
|
52
52
|
var ButtonStyled = styled(Button)({
|
|
53
|
-
fontWeight:
|
|
53
|
+
fontWeight: 'bold',
|
|
54
54
|
margin: 0,
|
|
55
55
|
padding: 0,
|
|
56
56
|
});
|
|
57
57
|
var DropDownStyled = styled(Box)({
|
|
58
|
-
position:
|
|
59
|
-
minHeight:
|
|
60
|
-
top:
|
|
61
|
-
left:
|
|
62
|
-
width:
|
|
63
|
-
display:
|
|
64
|
-
background:
|
|
58
|
+
position: 'absolute',
|
|
59
|
+
minHeight: '220px',
|
|
60
|
+
top: '30px',
|
|
61
|
+
left: '-50%',
|
|
62
|
+
width: '292px',
|
|
63
|
+
display: 'flex',
|
|
64
|
+
background: '#fff',
|
|
65
65
|
zIndex: 9,
|
|
66
66
|
border: 0,
|
|
67
|
-
boxShadow:
|
|
68
|
-
padding:
|
|
69
|
-
flexDirection:
|
|
70
|
-
justifyContent:
|
|
67
|
+
boxShadow: '0 0 10px #ccc',
|
|
68
|
+
padding: '5px',
|
|
69
|
+
flexDirection: 'column',
|
|
70
|
+
justifyContent: 'flex-start',
|
|
71
71
|
});
|
|
72
72
|
export { DataGridHeaderStyled, TotalRecordsStyled, HeaderCogStyled, TableCellStyled, TableRowStyled, ButtonStyled, DropDownStyled, };
|
|
73
73
|
//# sourceMappingURL=styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../src/components/DataGrid/styled.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,GAAG,EACH,MAAM,EACN,UAAU,EACV,QAAQ,EACR,SAAS,EACT,gBAAgB,GAMjB,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,oBAAoB,GAA8B,MAAM,CAAC,GAAG,CAAC,CAAC;IAClE,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,UAAU;CACrB,CAAC,CAAC;AAEH,IAAM,kBAAkB,GAAqC,MAAM,CAAC,UAAU,CAAC,
|
|
1
|
+
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../src/components/DataGrid/styled.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,GAAG,EACH,MAAM,EACN,UAAU,EACV,QAAQ,EACR,SAAS,EACT,gBAAgB,GAMjB,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,oBAAoB,GAA8B,MAAM,CAAC,GAAG,CAAC,CAAC;IAClE,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,UAAU;CACrB,CAAC,CAAC;AAEH,IAAM,kBAAkB,GAAqC,MAAM,CAAC,UAAU,CAAC,CAAC;IAC9E,UAAU,EAAE,MAAM;IAClB,aAAa,EAAE,MAAM;IACrB,WAAW,EAAE,MAAM;IACnB,IAAI,EAAE,gDAAgD;CACvD,CAAC,CAAC;AAEH,IAAM,eAAe,GAAiC,MAAM,CAAC,MAAM,CAAC,CAAC;IACnE,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,MAAM;IACX,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,GAAG;IACX,OAAO,EAAE,CAAC;IACV,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,SAAS;CAClB,CAAC,CAAC;AAEH,IAAM,eAAe,GAAoC,MAAM,CAAC,SAAS,CAAC,CAAC;;IAAM,OAAA;QAC/E,GAAC,YAAK,gBAAgB,CAAC,IAAI,CAAE,IAAG;YAC9B,eAAe,EAAE,MAAM;YACvB,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,6CAA6C;YACnD,QAAQ,EAAE,UAAU;YACpB,UAAU,EAAE,MAAM;YAClB,OAAO,EAAE,EAAE;SACZ;QACD,GAAC,YAAK,gBAAgB,CAAC,IAAI,CAAE,IAAG;YAC9B,QAAQ,EAAE,EAAE;SACb;WACD;AAZ+E,CAY/E,CAAC,CAAC;AAEJ,IAAM,cAAc,GAAmC,MAAM,CAAC,QAAQ,CAAC,CAAC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC;QACtF,oBAAoB,EAAE;YACpB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;SAC5C;QACD,mBAAmB;QACnB,kCAAkC,EAAE;YAClC,MAAM,EAAE,CAAC;SACV;KACF,CAAC;AARqF,CAQrF,CAAC,CAAC;AAEJ,IAAM,YAAY,GAAiC,MAAM,CAAC,MAAM,CAAC,CAAC;IAChE,UAAU,EAAE,MAAM;IAClB,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,CAAC;CACX,CAAC,CAAC;AAEH,IAAM,cAAc,GAA8B,MAAM,CAAC,GAAG,CAAC,CAAC;IAC5D,QAAQ,EAAE,UAAU;IACpB,SAAS,EAAE,OAAO;IAClB,GAAG,EAAE,MAAM;IACX,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,MAAM;IAClB,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,CAAC;IACT,SAAS,EAAE,eAAe;IAC1B,OAAO,EAAE,KAAK;IACd,aAAa,EAAE,QAAQ;IACvB,cAAc,EAAE,YAAY;CAC7B,CAAC,CAAC;AAEH,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,cAAc,EACd,YAAY,EACZ,cAAc,GACf,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import { DatePickerBaseProps } from
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { DatePickerBaseProps } from '../interfaces';
|
|
3
|
+
import 'dayjs/locale/pt-br';
|
|
4
|
+
import 'dayjs/locale/en';
|
|
5
|
+
import 'dayjs/locale/es';
|
|
6
6
|
export declare const DatePicker: ({ label, format, language, variant, }: DatePickerBaseProps) => React.JSX.Element;
|
|
@@ -1,58 +1,58 @@
|
|
|
1
|
-
import React, { useMemo } from
|
|
2
|
-
import { ThemeProvider, useMediaQuery } from
|
|
3
|
-
import { DemoContainer } from
|
|
4
|
-
import { AdapterDayjs } from
|
|
5
|
-
import { LocalizationProvider } from
|
|
6
|
-
import { DatePicker as MuiDatePicker } from
|
|
7
|
-
import { MobileDatePicker as MuiMobileDatePicker } from
|
|
8
|
-
import { DesktopDatePicker as MuiDesktopDatePicker } from
|
|
9
|
-
import { themes } from
|
|
10
|
-
import { styled } from
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
1
|
+
import React, { useMemo } from 'react';
|
|
2
|
+
import { ThemeProvider, useMediaQuery } from '@mui/material';
|
|
3
|
+
import { DemoContainer } from '@mui/x-date-pickers/internals/demo';
|
|
4
|
+
import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
|
|
5
|
+
import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
|
|
6
|
+
import { DatePicker as MuiDatePicker } from '@mui/x-date-pickers/DatePicker';
|
|
7
|
+
import { MobileDatePicker as MuiMobileDatePicker } from '@mui/x-date-pickers/MobileDatePicker';
|
|
8
|
+
import { DesktopDatePicker as MuiDesktopDatePicker } from '@mui/x-date-pickers/DesktopDatePicker';
|
|
9
|
+
import { themes } from '../helpers';
|
|
10
|
+
import { styled } from '@mui/material/styles';
|
|
11
|
+
import 'dayjs/locale/pt-br';
|
|
12
|
+
import 'dayjs/locale/en';
|
|
13
|
+
import 'dayjs/locale/es';
|
|
14
14
|
var MuiDatePickerStyled = styled(MuiDatePicker)({
|
|
15
|
-
|
|
16
|
-
border:
|
|
15
|
+
'& .MuiOutlinedInput-notchedOutline': {
|
|
16
|
+
border: 'none',
|
|
17
17
|
borderRadius: 0,
|
|
18
|
-
borderBottom:
|
|
18
|
+
borderBottom: '1px solid #666666',
|
|
19
19
|
},
|
|
20
|
-
|
|
21
|
-
backgroundColor:
|
|
22
|
-
padding:
|
|
20
|
+
'& .MuiFormLabel-root': {
|
|
21
|
+
backgroundColor: '#fff',
|
|
22
|
+
padding: '0 5px',
|
|
23
23
|
},
|
|
24
24
|
});
|
|
25
25
|
var MuiMobileDatePickerStyled = styled(MuiMobileDatePicker)({
|
|
26
|
-
|
|
27
|
-
border:
|
|
26
|
+
'& .MuiOutlinedInput-notchedOutline': {
|
|
27
|
+
border: 'none',
|
|
28
28
|
borderRadius: 0,
|
|
29
|
-
borderBottom:
|
|
29
|
+
borderBottom: '1px solid #666666',
|
|
30
30
|
},
|
|
31
|
-
|
|
32
|
-
backgroundColor:
|
|
33
|
-
padding:
|
|
31
|
+
'& .MuiFormLabel-root': {
|
|
32
|
+
backgroundColor: '#fff',
|
|
33
|
+
padding: '0 5px',
|
|
34
34
|
},
|
|
35
35
|
});
|
|
36
36
|
var MuiDesktopDatePickerStyled = styled(MuiDesktopDatePicker)({
|
|
37
|
-
|
|
38
|
-
border:
|
|
37
|
+
'& .MuiOutlinedInput-notchedOutline': {
|
|
38
|
+
border: 'none',
|
|
39
39
|
borderRadius: 0,
|
|
40
|
-
borderBottom:
|
|
40
|
+
borderBottom: '1px solid #666666',
|
|
41
41
|
},
|
|
42
|
-
|
|
43
|
-
backgroundColor:
|
|
44
|
-
padding:
|
|
42
|
+
'& .MuiFormLabel-root': {
|
|
43
|
+
backgroundColor: '#fff',
|
|
44
|
+
padding: '0 5px',
|
|
45
45
|
},
|
|
46
46
|
});
|
|
47
47
|
export var DatePicker = function (_a) {
|
|
48
|
-
var label = _a.label, _b = _a.format, format = _b === void 0 ?
|
|
49
|
-
var prefersDarkMode = useMediaQuery(
|
|
48
|
+
var label = _a.label, _b = _a.format, format = _b === void 0 ? 'DD/MM/YYYY' : _b, _c = _a.language, language = _c === void 0 ? 'pt-br' : _c, _d = _a.variant, variant = _d === void 0 ? 'desktop' : _d;
|
|
49
|
+
var prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');
|
|
50
50
|
var theme = useMemo(function () { return (prefersDarkMode ? themes.light : themes.dark); }, [prefersDarkMode]);
|
|
51
51
|
return (React.createElement(ThemeProvider, { theme: theme },
|
|
52
52
|
React.createElement(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: language },
|
|
53
|
-
React.createElement(DemoContainer, { components: [
|
|
54
|
-
variant ===
|
|
55
|
-
variant ===
|
|
56
|
-
variant ===
|
|
53
|
+
React.createElement(DemoContainer, { components: ['TimePicker', 'MobileTimePicker', 'DesktopTimePicker'] },
|
|
54
|
+
variant === 'responsive' && React.createElement(MuiDatePickerStyled, { label: label, format: format }),
|
|
55
|
+
variant === 'mobile' && React.createElement(MuiMobileDatePickerStyled, { label: label, format: format }),
|
|
56
|
+
variant === 'desktop' && React.createElement(MuiDesktopDatePickerStyled, { label: label, format: format })))));
|
|
57
57
|
};
|
|
58
58
|
//# sourceMappingURL=DatePicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,gBAAgB,IAAI,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC/F,OAAO,EAAE,iBAAiB,IAAI,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAElG,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,OAAO,oBAAoB,CAAC;AAC5B,OAAO,iBAAiB,CAAC;AACzB,OAAO,iBAAiB,CAAC;AAEzB,IAAM,mBAAmB,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;IAChD,oCAAoC,EAAE;QACpC,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,CAAC;QACf,YAAY,EAAE,mBAAmB;KAClC;IACD,sBAAsB,EAAE;QACtB,eAAe,EAAE,MAAM;QACvB,OAAO,EAAE,OAAO;KACjB;CACF,CAAC,CAAC;AAEH,IAAM,yBAAyB,GAAG,MAAM,CAAC,mBAAmB,CAAC,CAAC;IAC5D,oCAAoC,EAAE;QACpC,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,CAAC;QACf,YAAY,EAAE,mBAAmB;KAClC;IACD,sBAAsB,EAAE;QACtB,eAAe,EAAE,MAAM;QACvB,OAAO,EAAE,OAAO;KACjB;CACF,CAAC,CAAC;AAEH,IAAM,0BAA0B,GAAG,MAAM,CAAC,oBAAoB,CAAC,CAAC;IAC9D,oCAAoC,EAAE;QACpC,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,CAAC;QACf,YAAY,EAAE,mBAAmB;KAClC;IACD,sBAAsB,EAAE;QACtB,eAAe,EAAE,MAAM;QACvB,OAAO,EAAE,OAAO;KACjB;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAKL;QAJpB,KAAK,WAAA,EACL,cAAqB,EAArB,MAAM,mBAAG,YAAY,KAAA,EACrB,gBAAkB,EAAlB,QAAQ,mBAAG,OAAO,KAAA,EAClB,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA;IAEnB,IAAM,eAAe,GAAG,aAAa,CAAC,8BAA8B,CAAC,CAAC;IACtE,IAAM,KAAK,GAAG,OAAO,
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import { DropDownBaseProps } from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { DropDownBaseProps } from '../interfaces';
|
|
3
3
|
export declare const DropDown: ({ open, children, ...props }: DropDownBaseProps) => React.JSX.Element;
|