norma-library 0.6.894 → 0.6.981
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/dist/esm/components/Accordion.js +2 -3
- package/dist/esm/components/Accordion.js.map +1 -1
- package/dist/esm/components/ProgressBar.js +6 -7
- package/dist/esm/components/ProgressBar.js.map +1 -1
- package/dist/esm/components/UncontrolledTable/{index.js → UncontrolledTable.js} +22 -24
- package/dist/esm/components/UncontrolledTable/UncontrolledTable.js.map +1 -0
- package/dist/esm/components/UncontrolledTable/{styles.d.ts → UncontrolledTable.style.d.ts} +3 -1
- package/dist/esm/components/UncontrolledTable/{styles.js → UncontrolledTable.style.js} +9 -6
- package/dist/esm/components/UncontrolledTable/UncontrolledTable.style.js.map +1 -0
- package/dist/esm/components/UncontrolledTable/components/TableButton/TableButton.d.ts +15 -0
- package/dist/esm/components/UncontrolledTable/components/TableButton/TableButton.js +45 -0
- package/dist/esm/components/UncontrolledTable/components/TableButton/TableButton.js.map +1 -0
- package/dist/esm/components/UncontrolledTable/components/TableButton/TableButton.style.d.ts +16 -0
- package/dist/esm/components/UncontrolledTable/components/TableButton/TableButton.style.js +9 -0
- package/dist/esm/components/UncontrolledTable/components/TableButton/TableButton.style.js.map +1 -0
- package/dist/esm/components/UncontrolledTable/components/header/header.d.ts +15 -0
- package/dist/esm/components/UncontrolledTable/components/header/header.js +48 -0
- package/dist/esm/components/UncontrolledTable/components/header/header.js.map +1 -0
- package/dist/esm/components/UncontrolledTable/components/header/header.styles.d.ts +4 -0
- package/dist/esm/components/UncontrolledTable/components/header/header.styles.js +8 -0
- package/dist/esm/components/UncontrolledTable/components/header/header.styles.js.map +1 -0
- package/dist/esm/components/UncontrolledTable/components/index.d.ts +4 -3
- package/dist/esm/components/UncontrolledTable/components/index.js +4 -3
- package/dist/esm/components/UncontrolledTable/components/index.js.map +1 -1
- package/dist/esm/components/UncontrolledTable/components/pagination/{index.js → pagination.js} +2 -2
- package/dist/esm/components/UncontrolledTable/components/pagination/pagination.js.map +1 -0
- package/dist/esm/components/UncontrolledTable/components/pagination/{styles.js → pagination.styles.js} +1 -1
- package/dist/esm/components/UncontrolledTable/components/pagination/pagination.styles.js.map +1 -0
- package/dist/esm/components/UncontrolledTable/components/row/DraggableRow.js +1 -1
- package/dist/esm/components/UncontrolledTable/components/row/DraggableRow.js.map +1 -1
- package/dist/esm/components/UncontrolledTable/components/row/SimpleRow.js +1 -1
- package/dist/esm/components/UncontrolledTable/components/row/SimpleRow.js.map +1 -1
- package/dist/esm/components/UncontrolledTable/components/row/styles.d.ts +1 -1
- package/dist/esm/components/UncontrolledTable/components/row/styles.js +2 -8
- package/dist/esm/components/UncontrolledTable/components/row/styles.js.map +1 -1
- package/dist/esm/components/UncontrolledTable/interface.d.ts +37 -19
- package/dist/esm/hooks/useClickOutside.js.map +1 -1
- package/dist/esm/hooks/useOutsideScreen.d.ts +7 -0
- package/dist/esm/hooks/useOutsideScreen.js +30 -0
- package/dist/esm/hooks/useOutsideScreen.js.map +1 -0
- package/dist/esm/index.d.ts +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/package.json +3 -3
- package/src/components/Accordion.tsx +19 -15
- package/src/components/ProgressBar.tsx +28 -28
- package/src/components/UncontrolledTable/{styles.tsx → UncontrolledTable.style.tsx} +28 -18
- package/src/components/UncontrolledTable/{index.tsx → UncontrolledTable.tsx} +82 -91
- package/src/components/UncontrolledTable/components/TableButton/TableButton.style.tsx +50 -0
- package/src/components/UncontrolledTable/components/TableButton/TableButton.tsx +83 -0
- package/src/components/UncontrolledTable/components/header/header.styles.tsx +26 -0
- package/src/components/UncontrolledTable/components/header/header.tsx +85 -0
- package/src/components/UncontrolledTable/components/index.tsx +6 -3
- package/src/components/UncontrolledTable/components/pagination/{index.tsx → pagination.tsx} +1 -1
- package/src/components/UncontrolledTable/components/row/DraggableRow.tsx +11 -11
- package/src/components/UncontrolledTable/components/row/SimpleRow.tsx +7 -8
- package/src/components/UncontrolledTable/components/row/styles.tsx +5 -15
- package/src/components/UncontrolledTable/interface.ts +59 -38
- package/src/hooks/useClickOutside.tsx +9 -9
- package/src/hooks/useOutsideScreen.tsx +35 -0
- package/src/index.ts +1 -1
- package/src/stories/UncontrolledTable.stories.tsx +330 -25
- package/dist/esm/components/UncontrolledTable/components/header/index.d.ts +0 -3
- package/dist/esm/components/UncontrolledTable/components/header/index.js +0 -39
- package/dist/esm/components/UncontrolledTable/components/header/index.js.map +0 -1
- package/dist/esm/components/UncontrolledTable/components/header/styles.d.ts +0 -8
- package/dist/esm/components/UncontrolledTable/components/header/styles.js +0 -12
- package/dist/esm/components/UncontrolledTable/components/header/styles.js.map +0 -1
- package/dist/esm/components/UncontrolledTable/components/pagination/index.js.map +0 -1
- package/dist/esm/components/UncontrolledTable/components/pagination/styles.js.map +0 -1
- package/dist/esm/components/UncontrolledTable/index.js.map +0 -1
- package/dist/esm/components/UncontrolledTable/styles.js.map +0 -1
- package/src/components/UncontrolledTable/components/header/index.tsx +0 -89
- package/src/components/UncontrolledTable/components/header/styles.tsx +0 -67
- /package/dist/esm/components/UncontrolledTable/{index.d.ts → UncontrolledTable.d.ts} +0 -0
- /package/dist/esm/components/UncontrolledTable/components/pagination/{index.d.ts → pagination.d.ts} +0 -0
- /package/dist/esm/components/UncontrolledTable/components/pagination/{styles.d.ts → pagination.styles.d.ts} +0 -0
- /package/src/components/UncontrolledTable/components/pagination/{styles.tsx → pagination.styles.tsx} +0 -0
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { AccordionDetails, AccordionSummary, Accordion as MuiAccordion, Typography } from '@mui/material';
|
|
3
|
+
import { AccordionDetails, AccordionSummary, Accordion as MuiAccordion, Typography, } from '@mui/material';
|
|
4
4
|
import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
|
|
5
5
|
import { styled } from '@mui/material/styles';
|
|
6
6
|
var AccordionStyled = styled(MuiAccordion)({});
|
|
7
7
|
export var Accordion = function (_a) {
|
|
8
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
9
|
var _d = React.useState(defaultExpanded), expanded = _d[0], setExpanded = _d[1];
|
|
10
|
-
var handleChange = function (panel) { return function (
|
|
11
|
-
console.log('Event ==> ', event);
|
|
10
|
+
var handleChange = function (panel) { return function (_, isExpanded) {
|
|
12
11
|
setExpanded(isExpanded ? panel : false);
|
|
13
12
|
}; };
|
|
14
13
|
return (React.createElement(React.Fragment, null, data &&
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/components/Accordion.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/components/Accordion.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,SAAS,IAAI,YAAY,EACzB,UAAU,GACX,MAAM,eAAe,CAAA;AACtB,OAAO,cAAc,MAAM,gCAAgC,CAAA;AAE3D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAE7C,IAAM,eAAe,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,CAAA;AAEhD,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,CAAA;IAEjF,IAAM,YAAY,GAAG,UAAC,KAAa,IAAK,OAAA,UAAC,CAAM,EAAE,UAAmB;QAClE,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;IACzC,CAAC,EAFuC,CAEvC,CAAA;IAED,OAAO,CACL,0CACG,IAAI;QACH,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG,IAAK,OAAA,CACtB,oBAAC,eAAe,aACd,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC,EAAE,EAC9B,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,EAC/B,GAAG,EAAE,GAAG,IACJ,KAAK;YAET,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,EAhBuB,CAgBvB,CAAC,CACH,CACJ,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -29,13 +29,12 @@ export var ProgressBar = function (_a) {
|
|
|
29
29
|
var percentage = value && total ? (value / total) * 100 : 0;
|
|
30
30
|
return (React.createElement("div", { className: className, style: { minWidth: '100px' } },
|
|
31
31
|
label ? (React.createElement(ProgressBarLabelStyled, { "$fSize": props.fSize, className: "ProgressBarLabel" },
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
"%)"))))) : (htmlLabel),
|
|
32
|
+
label,
|
|
33
|
+
!props.hideValue && (React.createElement("span", { style: { right: 0 } },
|
|
34
|
+
localeString ? value.toLocaleString() : value,
|
|
35
|
+
" (",
|
|
36
|
+
percentage.toFixed(2),
|
|
37
|
+
"%)")))) : (htmlLabel),
|
|
39
38
|
React.createElement(ProgressBarStyled, __assign({ value: percentage, variant: variant, colorCustom: colorCustom, "$h": props.h, color: colorCustom ? undefined : color }, props))));
|
|
40
39
|
};
|
|
41
40
|
var templateObject_1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/ProgressBar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/ProgressBar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,cAAc,IAAI,cAAc,EAAE,qBAAqB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAGnG,IAAM,iBAAiB,GAAG,MAAM,CAAC,cAAc,CAAC,CAC9C,UAAC,EAAmB;;QAAjB,WAAW,iBAAA,EAAE,EAAE,QAAA;IAAO,OAAA;YACvB,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,UAAG,EAAE,OAAI,CAAC,CAAC,CAAC,MAAM;YAC/B,YAAY,EAAE,MAAM;YACpB,QAAQ,EAAE,UAAU;YACpB,eAAe,EAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;;QAC3D,GAAC,YAAK,qBAAqB,CAAC,WAAW,CAAE,IAAG;YAC1C,eAAe,EAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;SAC5D;QACD,GAAC,aAAM,qBAAqB,CAAC,GAAG,CAAE,IAAG;YACnC,eAAe,EAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS;SAC3D;WACD;AAZuB,CAYvB,CACH,CAAA;AAED,IAAM,sBAAsB,GAAG,MAAM,CAAC,UAAU,CAAC,2OAAqB,iKAOvD,EAAgC,KAC9C,KADc,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,MAAM,IAAI,MAAM;AAAhB,CAAgB,CAC9C,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAWL;IAVrB,IAAA,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA,EACT,KAAK,WAAA,EACL,eAAuB,EAAvB,OAAO,mBAAG,aAAa,KAAA,EACvB,KAAK,WAAA,EACL,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACjB,SAAS,eAAA,EACN,KAAK,cAVkB,wGAW3B,CADS;IAER,IAAM,UAAU,GAAG,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;IAE7D,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE;QACpD,KAAK,CAAC,CAAC,CAAC,CACP,oBAAC,sBAAsB,cAAS,KAAK,CAAC,KAAK,EAAE,SAAS,EAAC,kBAAkB;YACtE,KAAK;YACL,CAAC,KAAK,CAAC,SAAS,IAAI,CACnB,8BAAM,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE;gBACtB,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,KAAK;;gBAAI,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;qBAClE,CACR,CACsB,CAC1B,CAAC,CAAC,CAAC,CACF,SAAS,CACV;QAED,oBAAC,iBAAiB,aAChB,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,QACpB,KAAK,CAAC,CAAC,EACX,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,IAClC,KAAK,EACT,CACE,CACP,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,20 +1,18 @@
|
|
|
1
1
|
import { __assign, __spreadArray } from "tslib";
|
|
2
2
|
import React, { useState, useMemo, useRef } from 'react';
|
|
3
|
-
import * as S from './styles';
|
|
4
3
|
import { flexRender, getCoreRowModel, getSortedRowModel, useReactTable, } from '@tanstack/react-table';
|
|
5
4
|
import { DndContext, MouseSensor, closestCenter, useSensor, useSensors, TouchSensor, KeyboardSensor, } from '@dnd-kit/core';
|
|
6
5
|
import { restrictToVerticalAxis } from '@dnd-kit/modifiers';
|
|
7
6
|
import { arrayMove, SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';
|
|
8
|
-
import { Pagination, Header, SimpleRow, DraggableRow, RowDragHandleCell } from './components';
|
|
9
7
|
import useClickOutside from '../../hooks/useClickOutside';
|
|
8
|
+
import { Pagination, Header, SimpleRow, DraggableRow, RowDragHandleCell } from './components';
|
|
9
|
+
import * as S from './UncontrolledTable.style';
|
|
10
10
|
var UncontrolledTable = function (props) {
|
|
11
|
-
var data = props.data, columns = props.columns,
|
|
11
|
+
var data = props.data, columns = props.columns, pagination = props.pagination, totalPages = props.totalPages, labels = props.labels, tableClassName = props.tableClassName, sticky = props.sticky, draggable = props.draggable, buttons = props.buttons, configs = props.configs, hideColumns = props.hideColumns;
|
|
12
|
+
var onClick = props.onClick, onMouseOver = props.onMouseOver, onMouseOut = props.onMouseOut, onChangePage = props.onChangePage, onFilterClick = props.onFilterClick, onSortClick = props.onSortClick, onDragEnd = props.onDragEnd, onColumnVisibilityChange = props.onColumnVisibilityChange;
|
|
12
13
|
var _a = useState(''), openFilterDialog = _a[0], setOpenFilterDialog = _a[1];
|
|
13
14
|
var _b = useState([]), sorting = _b[0], setSorting = _b[1];
|
|
14
15
|
var _c = useState([]), filterByColumn = _c[0], setFilterByColumn = _c[1];
|
|
15
|
-
var _d = useState([]), globalFilters = _d[0], setGlobalFilters = _d[1];
|
|
16
|
-
var _e = useState(false), orderSmallest = _e[0], setOrderSmallest = _e[1];
|
|
17
|
-
var _f = useState(false), orderLargest = _f[0], setOrderLargest = _f[1];
|
|
18
16
|
var _columns = useMemo(function () {
|
|
19
17
|
return draggable
|
|
20
18
|
? __spreadArray([
|
|
@@ -39,15 +37,15 @@ var UncontrolledTable = function (props) {
|
|
|
39
37
|
pagination: pagination,
|
|
40
38
|
},
|
|
41
39
|
rowCount: totalPages,
|
|
42
|
-
getCoreRowModel: getCoreRowModel(),
|
|
43
|
-
getSortedRowModel: getSortedRowModel(),
|
|
44
|
-
onSortingChange: setSorting,
|
|
45
|
-
onColumnFiltersChange: setFilterByColumn,
|
|
46
40
|
manualPagination: true,
|
|
47
|
-
getRowId: function (row) { return row.id; },
|
|
48
41
|
debugTable: true,
|
|
49
42
|
debugHeaders: true,
|
|
50
43
|
debugColumns: true,
|
|
44
|
+
getRowId: function (row) { return row.id; },
|
|
45
|
+
getCoreRowModel: getCoreRowModel(),
|
|
46
|
+
getSortedRowModel: getSortedRowModel(),
|
|
47
|
+
onSortingChange: setSorting,
|
|
48
|
+
onColumnFiltersChange: setFilterByColumn,
|
|
51
49
|
};
|
|
52
50
|
return config;
|
|
53
51
|
}, [data, sorting, filterByColumn, _columns, pagination]);
|
|
@@ -65,11 +63,13 @@ var UncontrolledTable = function (props) {
|
|
|
65
63
|
};
|
|
66
64
|
var sensors = useSensors(useSensor(MouseSensor, {}), useSensor(TouchSensor, {}), useSensor(KeyboardSensor, {}));
|
|
67
65
|
var dataIds = useMemo(function () { return (data === null || data === void 0 ? void 0 : data.map(function (item) { return item.id; })) || []; }, [data]);
|
|
68
|
-
return (React.createElement(S.Container,
|
|
69
|
-
React.createElement(Header, { table: table,
|
|
66
|
+
return (React.createElement(S.Container, { className: "Norma__Table" },
|
|
67
|
+
React.createElement(Header, { table: table, labels: {
|
|
68
|
+
columns: (labels === null || labels === void 0 ? void 0 : labels.columns) || 'Colunas',
|
|
69
|
+
}, configs: configs, menus: buttons, hideColumns: hideColumns, onColumnVisibilityChange: onColumnVisibilityChange }),
|
|
70
70
|
React.createElement(DndContext, { collisionDetection: closestCenter, modifiers: [restrictToVerticalAxis], onDragEnd: handleDragEnd, sensors: sensors },
|
|
71
71
|
React.createElement(S.Table, { className: tableClassName || '' },
|
|
72
|
-
React.createElement(S.Thead, { "$sticky":
|
|
72
|
+
React.createElement(S.Thead, { "$sticky": sticky === null || sticky === void 0 ? void 0 : sticky.enabled, "$stickyTopP": sticky === null || sticky === void 0 ? void 0 : sticky.top }, table.getHeaderGroups().map(function (headerGroup) { return (React.createElement(S.TableRow, { key: headerGroup.id }, headerGroup.headers.map(function (header) {
|
|
73
73
|
var _a, _b, _c, _d;
|
|
74
74
|
return (React.createElement(S.Th, { key: header.id },
|
|
75
75
|
React.createElement(S.ColumnContent, { onClick: function () {
|
|
@@ -77,15 +77,14 @@ var UncontrolledTable = function (props) {
|
|
|
77
77
|
if (!((_b = (_a = header === null || header === void 0 ? void 0 : header.column) === null || _a === void 0 ? void 0 : _a.columnDef) === null || _b === void 0 ? void 0 : _b.disableMenu))
|
|
78
78
|
setOpenFilterDialog(header.column.columnDef.accessorKey);
|
|
79
79
|
} },
|
|
80
|
-
React.createElement(S.TextColumn,
|
|
80
|
+
React.createElement(S.TextColumn, { title: header.column.columnDef.header, "$size": header.column.columnDef.width }, !header.isPlaceholder &&
|
|
81
|
+
flexRender(header.column.columnDef.header, header.getContext())),
|
|
81
82
|
!((_b = (_a = header === null || header === void 0 ? void 0 : header.column) === null || _a === void 0 ? void 0 : _a.columnDef) === null || _b === void 0 ? void 0 : _b.disableMenu) && (React.createElement(S.IconFilterDialog, null,
|
|
82
83
|
React.createElement("svg", { fill: "#666", focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24" },
|
|
83
84
|
React.createElement("path", { d: "m7 10 5 5 5-5z" }))))),
|
|
84
85
|
openFilterDialog === header.column.columnDef.accessorKey && (React.createElement(S.FilterDialog, { ref: filterRef },
|
|
85
86
|
React.createElement(S.ListFilterDialog, null,
|
|
86
|
-
React.createElement(S.OptionFilterDialog, {
|
|
87
|
-
background: orderSmallest ? 'rgba(0, 0, 0, 0.04)' : '',
|
|
88
|
-
}, onClick: function () {
|
|
87
|
+
React.createElement(S.OptionFilterDialog, { onClick: function () {
|
|
89
88
|
onSortClick && onSortClick(header.column.columnDef.accessorKey, 'asc');
|
|
90
89
|
setOpenFilterDialog('');
|
|
91
90
|
} },
|
|
@@ -93,10 +92,9 @@ var UncontrolledTable = function (props) {
|
|
|
93
92
|
React.createElement("svg", { fill: "#666", stroke: "currentColor", strokeWidth: "1.5", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", width: "20", height: "20" },
|
|
94
93
|
React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m0 0l6.75-6.75M12 19.5l-6.75-6.75" }))),
|
|
95
94
|
React.createElement("p", null, (labels === null || labels === void 0 ? void 0 : labels.orderAsc) || 'Menor primeiro')),
|
|
96
|
-
React.createElement(S.OptionFilterDialog, {
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
onSortClick && onSortClick(header.column.columnDef.accessorKey, 'desc');
|
|
95
|
+
React.createElement(S.OptionFilterDialog, { onClick: function () {
|
|
96
|
+
onSortClick &&
|
|
97
|
+
onSortClick(header.column.columnDef.accessorKey, 'desc');
|
|
100
98
|
setOpenFilterDialog('');
|
|
101
99
|
} },
|
|
102
100
|
React.createElement("div", { className: "icon rotate" },
|
|
@@ -116,7 +114,7 @@ var UncontrolledTable = function (props) {
|
|
|
116
114
|
React.createElement(SortableContext, { items: dataIds, strategy: verticalListSortingStrategy }, table.getRowModel().rows.map(function (row) {
|
|
117
115
|
return draggable ? (React.createElement(DraggableRow, { key: row.id, row: row, onClick: onClick, onMouseOver: onMouseOver, onMouseOut: onMouseOut })) : (React.createElement(SimpleRow, { key: row.id, row: row, onClick: onClick, onMouseOver: onMouseOver, onMouseOut: onMouseOut }));
|
|
118
116
|
}))))),
|
|
119
|
-
pagination && (React.createElement(Pagination, { pagination: pagination, count: totalPages, onChangePage: function (page) { return onChangePage(__assign(__assign({}, pagination), { pageIndex: page })); } }))));
|
|
117
|
+
pagination && (React.createElement(Pagination, { pagination: pagination, count: totalPages || 0, onChangePage: function (page) { return onChangePage === null || onChangePage === void 0 ? void 0 : onChangePage(__assign(__assign({}, pagination), { pageIndex: page })); } }))));
|
|
120
118
|
};
|
|
121
119
|
export default UncontrolledTable;
|
|
122
|
-
//# sourceMappingURL=
|
|
120
|
+
//# sourceMappingURL=UncontrolledTable.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UncontrolledTable.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTable/UncontrolledTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,9 @@ export declare const Thead: import("styled-components/dist/types").IStyledCompon
|
|
|
7
7
|
export declare const TableRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never>> & string;
|
|
8
8
|
export declare const Th: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, never>> & string;
|
|
9
9
|
export declare const ColumnContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
10
|
-
export declare const TextColumn: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").
|
|
10
|
+
export declare const TextColumn: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
|
|
11
|
+
$size?: string;
|
|
12
|
+
}>> & string;
|
|
11
13
|
export declare const IconFilterDialog: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
12
14
|
export declare const FilterDialog: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
13
15
|
export declare const ListFilterDialog: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,22 +1,25 @@
|
|
|
1
1
|
import { __makeTemplateObject } from "tslib";
|
|
2
2
|
import { breakpoints } from '../../utils/styledBreakpoints';
|
|
3
3
|
import styled from 'styled-components';
|
|
4
|
-
export var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: #fff;\n"], ["\n background-color: #fff;\n"])));
|
|
4
|
+
export var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: #fff;\n padding: 15px;\n"], ["\n background-color: #fff;\n padding: 15px;\n"])));
|
|
5
5
|
export var Table = styled.table(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: table;\n width: 100%;\n border-collapse: collapse;\n border-spacing: 0;\n min-width: 650px;\n border: none;\n"], ["\n display: table;\n width: 100%;\n border-collapse: collapse;\n border-spacing: 0;\n min-width: 650px;\n border: none;\n"])));
|
|
6
|
-
var StickyStyles = function (top) { return "\n position: sticky;\n top: ".concat(top, "px;\n z-index: 1;\n
|
|
7
|
-
export var Thead = styled.thead(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: table-header-group;\n ", ";\n"], ["\n display: table-header-group;\n ", ";\n"])), function (props) { return props.$sticky && StickyStyles(props.$stickyTopP || 0); });
|
|
6
|
+
var StickyStyles = function (top) { return "\n position: sticky;\n top: ".concat(top, "px;\n z-index: 1;\n"); };
|
|
7
|
+
export var Thead = styled.thead(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: table-header-group;\n background-color: #fafafa;\n ", ";\n"], ["\n display: table-header-group;\n background-color: #fafafa;\n ", ";\n"])), function (props) { return props.$sticky && StickyStyles(props.$stickyTopP || 0); });
|
|
8
8
|
export var TableRow = styled.tr(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n color: inherit;\n display: table-row;\n vertical-align: middle;\n outline: 0;\n"], ["\n color: inherit;\n display: table-row;\n vertical-align: middle;\n outline: 0;\n"])));
|
|
9
|
-
export var Th = styled.th(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n font-weight: 500;\n font-size: 0.875rem;\n line-height: 1.5rem;\n letter-spacing: 0.01071em;\n display: table-cell;\n vertical-align: inherit;\n border-bottom: 1px solid rgba(224, 224, 224, 1);\n text-align: left;\n padding: 16px;\n ", ";\n color: rgba(0, 0, 0, 0.87);\n color: #666666;\n font-size: 0.875rem;\n font-weight: 700;\n"], ["\n font-weight: 500;\n font-size: 0.875rem;\n line-height: 1.5rem;\n letter-spacing: 0.01071em;\n display: table-cell;\n vertical-align: inherit;\n border-bottom: 1px solid rgba(224, 224, 224, 1);\n text-align: left;\n padding: 16px;\n ", ";\n color: rgba(0, 0, 0, 0.87);\n color: #666666;\n font-size: 0.875rem;\n font-weight: 700;\n"])), breakpoints({
|
|
9
|
+
export var Th = styled.th(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n font-weight: 500;\n font-size: 0.875rem;\n line-height: 1.5rem;\n letter-spacing: 0.01071em;\n display: table-cell;\n vertical-align: inherit;\n border-bottom: 1px solid rgba(224, 224, 224, 1);\n text-align: left;\n padding: 16px 8px;\n ", ";\n color: rgba(0, 0, 0, 0.87);\n color: #666666;\n font-size: 0.875rem;\n font-weight: 700;\n"], ["\n font-weight: 500;\n font-size: 0.875rem;\n line-height: 1.5rem;\n letter-spacing: 0.01071em;\n display: table-cell;\n vertical-align: inherit;\n border-bottom: 1px solid rgba(224, 224, 224, 1);\n text-align: left;\n padding: 16px 8px;\n ", ";\n color: rgba(0, 0, 0, 0.87);\n color: #666666;\n font-size: 0.875rem;\n font-weight: 700;\n"])), breakpoints({
|
|
10
10
|
cssProp: 'padding',
|
|
11
11
|
cssPropUnits: 'px',
|
|
12
12
|
values: [{ 1440: 8 }],
|
|
13
13
|
mediaQueryType: 'max-width',
|
|
14
14
|
}));
|
|
15
15
|
export var ColumnContent = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 5px;\n"], ["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
16
|
-
export var TextColumn = styled.span(templateObject_7 || (templateObject_7 = __makeTemplateObject([""], [""])))
|
|
16
|
+
export var TextColumn = styled.span(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n line-height: 1.3;\n ", "\n"], ["\n line-height: 1.3;\n ", "\n"])), function (props) {
|
|
17
|
+
return props.$size &&
|
|
18
|
+
" white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n width: ".concat(props.$size, ";\n ");
|
|
19
|
+
});
|
|
17
20
|
export var IconFilterDialog = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n height: 20px;\n width: 20px;\n"], ["\n height: 20px;\n width: 20px;\n"])));
|
|
18
21
|
export var FilterDialog = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n position: absolute;\n padding: 10px 0;\n margin: 6px 0px 0 0;\n width: max-content;\n background: #fff;\n box-shadow: 0px 3px 6px #00000029;\n border: 1px solid #e0e0e0;\n z-index: 99;\n"], ["\n position: absolute;\n padding: 10px 0;\n margin: 6px 0px 0 0;\n width: max-content;\n background: #fff;\n box-shadow: 0px 3px 6px #00000029;\n border: 1px solid #e0e0e0;\n z-index: 99;\n"])));
|
|
19
22
|
export var ListFilterDialog = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n .label {\n margin: 0 0 8px 0;\n color: #666666;\n font-size: 14px;\n font-weight: 400;\n text-align: left;\n }\n .select {\n border: 1px solid #e0e0e0;\n padding: 8px 12px;\n }\n"], ["\n display: flex;\n flex-direction: column;\n .label {\n margin: 0 0 8px 0;\n color: #666666;\n font-size: 14px;\n font-weight: 400;\n text-align: left;\n }\n .select {\n border: 1px solid #e0e0e0;\n padding: 8px 12px;\n }\n"])));
|
|
20
23
|
export var OptionFilterDialog = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n display: flex;\n gap: 16px;\n align-items: center;\n padding: 6px 15px;\n cursor: pointer;\n &:hover {\n background: rgba(0, 0, 0, 0.04);\n }\n .icon {\n color: #666;\n }\n .rotate {\n rotate: 180deg;\n }\n div {\n width: 20px;\n height: 20px;\n }\n p {\n margin: 0;\n color: #666666;\n font-size: 16px;\n font-weight: 400;\n }\n"], ["\n display: flex;\n gap: 16px;\n align-items: center;\n padding: 6px 15px;\n cursor: pointer;\n &:hover {\n background: rgba(0, 0, 0, 0.04);\n }\n .icon {\n color: #666;\n }\n .rotate {\n rotate: 180deg;\n }\n div {\n width: 20px;\n height: 20px;\n }\n p {\n margin: 0;\n color: #666666;\n font-size: 16px;\n font-weight: 400;\n }\n"])));
|
|
21
24
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
|
|
22
|
-
//# sourceMappingURL=
|
|
25
|
+
//# sourceMappingURL=UncontrolledTable.style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UncontrolledTable.style.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTable/UncontrolledTable.style.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAA;AAC3D,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,oHAAA,iDAGlC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,KAAK,oMAAA,iIAOhC,IAAA,CAAA;AAED,IAAM,YAAY,GAAG,UAAC,GAAW,IAAK,OAAA,wCAE7B,GAAG,yBAEX,EAJqC,CAIrC,CAAA;AAED,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,KAAK,8IAA6C,oEAG1E,EAAgE,KACnE,KADG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,OAAO,IAAI,YAAY,CAAC,KAAK,CAAC,WAAW,IAAI,CAAC,CAAC,EAArD,CAAqD,CACnE,CAAA;AAED,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,2JAAA,wFAKhC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,EAAE,GAAG,MAAM,CAAC,EAAE,qaAAA,4PAUvB,EAKA,oGAKH,KAVG,WAAW,CAAC;IACZ,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,IAAI;IAClB,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;IACrB,cAAc,EAAE,WAAW;CAC5B,CAAC,CAKH,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,8HAAA,2DAItC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,oGAAoB,2BAErD,EAMC,IACJ,KAPG,UAAC,KAAK;IACN,OAAA,KAAK,CAAC,KAAK;QACX,uGAGW,KAAK,CAAC,KAAK,YACrB;AALD,CAKC,CACJ,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,wGAAA,qCAGzC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,0QAAA,uMASrC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,kUAAA,6PAczC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,6bAAA,wXAyB3C,IAAA,CAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TableList } from '../../interface';
|
|
3
|
+
interface TableButtonProps {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
theme: 'menu' | 'config';
|
|
6
|
+
list?: {
|
|
7
|
+
options: TableList[];
|
|
8
|
+
toggleableList?: boolean;
|
|
9
|
+
closeOnClick?: boolean;
|
|
10
|
+
};
|
|
11
|
+
onClick?: () => void;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
}
|
|
14
|
+
declare const TableButton: (props: TableButtonProps) => React.JSX.Element;
|
|
15
|
+
export default TableButton;
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import React, { useEffect, useRef, useState } from 'react';
|
|
2
|
+
import * as S from './TableButton.style';
|
|
3
|
+
import { Switch } from '@mui/material';
|
|
4
|
+
import useClickOutside from '../../../../hooks/useClickOutside';
|
|
5
|
+
var TableButton = function (props) {
|
|
6
|
+
var children = props.children, theme = props.theme, list = props.list, disabled = props.disabled, onClick = props.onClick;
|
|
7
|
+
var _a = useState(false), isOpen = _a[0], setIsOpen = _a[1];
|
|
8
|
+
var TableListItemRef = useRef(null);
|
|
9
|
+
var ListRef = useRef(null);
|
|
10
|
+
var _b = useState(true), isOutside = _b[0], setIsOutside = _b[1];
|
|
11
|
+
useClickOutside(TableListItemRef, function () {
|
|
12
|
+
if (isOpen)
|
|
13
|
+
setIsOpen(false);
|
|
14
|
+
});
|
|
15
|
+
useEffect(function () {
|
|
16
|
+
if (isOpen && ListRef.current) {
|
|
17
|
+
var listRect = ListRef.current.getBoundingClientRect();
|
|
18
|
+
var viewportWidth = window.innerWidth;
|
|
19
|
+
setIsOutside(listRect.right < viewportWidth);
|
|
20
|
+
return function () {
|
|
21
|
+
setIsOutside(true);
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
}, [isOpen]);
|
|
25
|
+
return (React.createElement(S.TableButtonContainer, { ref: TableListItemRef, "$disabled": disabled },
|
|
26
|
+
React.createElement(S.TableButton, { ref: TableListItemRef, "$config": theme === 'config', "$list": !!list, "$disabled": disabled, onClick: function () {
|
|
27
|
+
setIsOpen(!isOpen);
|
|
28
|
+
if (!list)
|
|
29
|
+
onClick === null || onClick === void 0 ? void 0 : onClick();
|
|
30
|
+
} },
|
|
31
|
+
React.createElement(S.TableLabel, null, children)),
|
|
32
|
+
list && (React.createElement(S.TableList, { ref: ListRef, "$position": isOutside ? 'left' : 'right', "$visible": isOpen }, list === null || list === void 0 ? void 0 : list.options.map(function (item, index) {
|
|
33
|
+
var _a;
|
|
34
|
+
return (React.createElement(S.TableListItem, { key: index, onClick: function () {
|
|
35
|
+
var _a;
|
|
36
|
+
(_a = item.onClick) === null || _a === void 0 ? void 0 : _a.call(item, item.id);
|
|
37
|
+
if (list.closeOnClick)
|
|
38
|
+
setIsOpen(false);
|
|
39
|
+
}, "$disabled": item.disabled },
|
|
40
|
+
React.createElement("span", null, item.label),
|
|
41
|
+
list.toggleableList && (React.createElement(Switch, { size: "small", checked: typeof item.checked === 'function' ? (_a = item.checked) === null || _a === void 0 ? void 0 : _a.call(item) : item.checked }))));
|
|
42
|
+
})))));
|
|
43
|
+
};
|
|
44
|
+
export default TableButton;
|
|
45
|
+
//# sourceMappingURL=TableButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableButton.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/TableButton/TableButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export declare const TableButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
2
|
+
$disabled?: boolean;
|
|
3
|
+
}>> & string;
|
|
4
|
+
export declare const TableButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
5
|
+
$config?: boolean;
|
|
6
|
+
$list?: boolean;
|
|
7
|
+
$disabled?: boolean;
|
|
8
|
+
}>> & string;
|
|
9
|
+
export declare const TableLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
10
|
+
export declare const TableList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
11
|
+
$position?: "left" | "right";
|
|
12
|
+
$visible?: boolean;
|
|
13
|
+
}>> & string;
|
|
14
|
+
export declare const TableListItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
15
|
+
$disabled?: boolean;
|
|
16
|
+
}>> & string;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { __makeTemplateObject } from "tslib";
|
|
2
|
+
import styled from 'styled-components';
|
|
3
|
+
export var TableButtonContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: block;\n position: relative;\n cursor: ", ";\n"], ["\n display: block;\n position: relative;\n cursor: ", ";\n"])), function (props) { return (props.$disabled ? 'not-allowed' : 'pointer'); });
|
|
4
|
+
export var TableButton = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n border: ", ";\n box-sizing: border-box;\n padding: 10px;\n border-radius: 4px;\n pointer-events: ", ";\n opacity: ", ";\n &:hover {\n background-color: ", ";\n }\n"], ["\n background-color: ", ";\n border: ", ";\n box-sizing: border-box;\n padding: 10px;\n border-radius: 4px;\n pointer-events: ", ";\n opacity: ", ";\n &:hover {\n background-color: ", ";\n }\n"])), function (props) { return (!props.$config ? '#f0f0f0' : '#fff'); }, function (props) { return (props.$config ? '1px solid #ccc' : 'none'); }, function (props) { return (props.$disabled ? 'none' : 'auto'); }, function (props) { return (props.$disabled ? 0.3 : 1); }, function (props) { return (!props.$config ? '#e0e0e0' : '#f9f9f9'); });
|
|
5
|
+
export var TableLabel = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n font-size: 14px;\n color: #333;\n font-weight: 500;\n"], ["\n font-size: 14px;\n color: #333;\n font-weight: 500;\n"])));
|
|
6
|
+
export var TableList = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n visibility: ", ";\n position: absolute;\n background-color: #fff;\n box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);\n border-radius: 4px;\n padding: 10px;\n z-index: 1000;\n ", "\n top: calc(100% + 10px);\n width: 200px;\n"], ["\n visibility: ", ";\n position: absolute;\n background-color: #fff;\n box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);\n border-radius: 4px;\n padding: 10px;\n z-index: 1000;\n ", "\n top: calc(100% + 10px);\n width: 200px;\n"])), function (props) { return (props.$visible ? 'visible' : 'hidden'); }, function (props) { return (props.$position === 'left' ? 'left: 0;' : 'right: 0;'); });
|
|
7
|
+
export var TableListItem = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n filter: ", ";\n pointer-events: ", ";\n color: ", ";\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 5px 10px;\n cursor: pointer;\n"], ["\n filter: ", ";\n pointer-events: ", ";\n color: ", ";\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 5px 10px;\n cursor: pointer;\n"])), function (props) { return (props.$disabled ? 'grayscale(1)' : 'none'); }, function (props) { return (props.$disabled ? 'none' : 'auto'); }, function (props) { return (props.$disabled ? '#999' : '#333'); });
|
|
8
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
9
|
+
//# sourceMappingURL=TableButton.style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableButton.style.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/TableButton/TableButton.style.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,kIAAuB,wDAGzD,EAAwD,KACnE,KADW,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,EAA7C,CAA6C,CACnE,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,iRAA6D,wBAC5E,EAAgD,eAC1D,EAAsD,2FAI9C,EAA8C,gBACrD,EAAsC,wCAE3B,EAAmD,UAE1E,KAVqB,UAAC,KAAK,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,EAArC,CAAqC,EAC1D,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,EAA3C,CAA2C,EAI9C,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAAnC,CAAmC,EACrD,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAA3B,CAA2B,EAE3B,UAAC,KAAK,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,EAAxC,CAAwC,CAE1E,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,gIAAA,6DAInC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,4SAAsD,kBACzE,EAAkD,mKAO9D,EAAkE,gDAGrE,KAVe,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAvC,CAAuC,EAO9D,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,EAAvD,CAAuD,CAGrE,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,wPAAyB,cACpD,EAAsD,uBAC9C,EAA8C,cACvD,EAA8C,4HAMxD,KARW,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,EAA3C,CAA2C,EAC9C,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAAnC,CAAmC,EACvD,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAAnC,CAAmC,CAMxD,CAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Table } from '@tanstack/react-table';
|
|
3
|
+
import { TableButton as TypeTableButton } from '../../interface';
|
|
4
|
+
interface HeaderProps {
|
|
5
|
+
table: Table<unknown>;
|
|
6
|
+
menus?: TypeTableButton[];
|
|
7
|
+
configs?: TypeTableButton[];
|
|
8
|
+
labels: {
|
|
9
|
+
columns: string;
|
|
10
|
+
};
|
|
11
|
+
hideColumns?: string[];
|
|
12
|
+
onColumnVisibilityChange?: (column: string, value: boolean) => void;
|
|
13
|
+
}
|
|
14
|
+
declare const Header: (props: HeaderProps) => React.JSX.Element;
|
|
15
|
+
export default Header;
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { __spreadArray } from "tslib";
|
|
2
|
+
import React, { useCallback, useEffect, useMemo } from 'react';
|
|
3
|
+
import TableButton from '../TableButton/TableButton';
|
|
4
|
+
import TableChartIcon from '@mui/icons-material/TableChart';
|
|
5
|
+
import * as S from './header.styles';
|
|
6
|
+
var Header = function (props) {
|
|
7
|
+
var table = props.table, menus = props.menus, configs = props.configs, labels = props.labels, hideColumns = props.hideColumns, onColumnVisibilityChange = props.onColumnVisibilityChange;
|
|
8
|
+
useEffect(function () {
|
|
9
|
+
if (!hideColumns)
|
|
10
|
+
return;
|
|
11
|
+
table
|
|
12
|
+
.getAllLeafColumns()
|
|
13
|
+
.filter(function (column) { return hideColumns.includes(column.id); })
|
|
14
|
+
.forEach(function (column) { return column.toggleVisibility(false); });
|
|
15
|
+
}, [hideColumns, table]);
|
|
16
|
+
var _tableFields = useCallback(function () {
|
|
17
|
+
return table.getAllLeafColumns().map(function (column) { return ({
|
|
18
|
+
id: column.id,
|
|
19
|
+
label: column.columnDef.header || column.id,
|
|
20
|
+
onClick: function () {
|
|
21
|
+
var isVisible = !column.getIsVisible();
|
|
22
|
+
column.toggleVisibility(isVisible);
|
|
23
|
+
onColumnVisibilityChange === null || onColumnVisibilityChange === void 0 ? void 0 : onColumnVisibilityChange(column.id, isVisible);
|
|
24
|
+
},
|
|
25
|
+
checked: function () { return column.getIsVisible(); },
|
|
26
|
+
}); });
|
|
27
|
+
}, [table]);
|
|
28
|
+
var _menus = useMemo(function () {
|
|
29
|
+
return menus;
|
|
30
|
+
}, [menus]);
|
|
31
|
+
var _configs = useMemo(function () {
|
|
32
|
+
var _fields = {
|
|
33
|
+
render: function () { return (React.createElement(S.BtnColumns, null,
|
|
34
|
+
React.createElement(TableChartIcon, { style: { fontSize: '1rem' } }),
|
|
35
|
+
labels.columns)); },
|
|
36
|
+
list: {
|
|
37
|
+
options: _tableFields(),
|
|
38
|
+
toggleableList: true,
|
|
39
|
+
},
|
|
40
|
+
};
|
|
41
|
+
return __spreadArray(__spreadArray([], (configs || []), true), [_fields], false);
|
|
42
|
+
}, [configs]);
|
|
43
|
+
return (React.createElement(S.Header, null,
|
|
44
|
+
React.createElement(S.HeaderMenus, null, _menus === null || _menus === void 0 ? void 0 : _menus.map(function (menu, index) { return (React.createElement(TableButton, { key: index, theme: "menu", onClick: function () { var _a; return (_a = menu.onClick) === null || _a === void 0 ? void 0 : _a.call(menu); }, list: menu.list, disabled: menu.disabled }, menu.render())); })),
|
|
45
|
+
React.createElement(S.HeaderConfigs, null, _configs === null || _configs === void 0 ? void 0 : _configs.map(function (config, index) { return (React.createElement(TableButton, { key: index, theme: "config", onClick: function () { var _a; return (_a = config.onClick) === null || _a === void 0 ? void 0 : _a.call(config); }, list: config.list, disabled: config.disabled }, config.render())); }))));
|
|
46
|
+
};
|
|
47
|
+
export default Header;
|
|
48
|
+
//# sourceMappingURL=header.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/header/header.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export declare const Header: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
2
|
+
export declare const HeaderMenus: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
|
+
export declare const BtnColumns: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
4
|
+
export declare const HeaderConfigs: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { __makeTemplateObject } from "tslib";
|
|
2
|
+
import styled from 'styled-components';
|
|
3
|
+
export var Header = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n padding: 10px 0;\n border-bottom: 1px solid #e0e0e0;\n justify-content: space-between;\n"], ["\n display: flex;\n padding: 10px 0;\n border-bottom: 1px solid #e0e0e0;\n justify-content: space-between;\n"])));
|
|
4
|
+
export var HeaderMenus = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n gap: 10px;\n align-items: center;\n"], ["\n display: flex;\n gap: 10px;\n align-items: center;\n"])));
|
|
5
|
+
export var BtnColumns = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n gap: 5px;\n align-items: center;\n"], ["\n display: flex;\n gap: 5px;\n align-items: center;\n"])));
|
|
6
|
+
export var HeaderConfigs = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n gap: 10px;\n align-items: center;\n"], ["\n display: flex;\n gap: 10px;\n align-items: center;\n"])));
|
|
7
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
8
|
+
//# sourceMappingURL=header.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"header.styles.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/header/header.styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,IAAM,MAAM,GAAG,MAAM,CAAC,GAAG,qLAAA,kHAK/B,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,+HAAA,4DAIpC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,8HAAA,2DAInC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,+HAAA,4DAItC,IAAA,CAAA"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import Pagination from "./pagination";
|
|
2
|
-
import Header from "./header";
|
|
1
|
+
import Pagination from "./pagination/pagination";
|
|
2
|
+
import Header from "./header/header";
|
|
3
3
|
import SimpleRow from "./row/SimpleRow";
|
|
4
4
|
import DraggableRow from "./row/DraggableRow";
|
|
5
5
|
import RowDragHandleCell from "./row/RowDragHandleCell";
|
|
6
|
-
|
|
6
|
+
import TableButton from "./TableButton/TableButton";
|
|
7
|
+
export { Pagination, Header, SimpleRow, DraggableRow, RowDragHandleCell, TableButton };
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import Pagination from "./pagination";
|
|
2
|
-
import Header from "./header";
|
|
1
|
+
import Pagination from "./pagination/pagination";
|
|
2
|
+
import Header from "./header/header";
|
|
3
3
|
import SimpleRow from "./row/SimpleRow";
|
|
4
4
|
import DraggableRow from "./row/DraggableRow";
|
|
5
5
|
import RowDragHandleCell from "./row/RowDragHandleCell";
|
|
6
|
-
|
|
6
|
+
import TableButton from "./TableButton/TableButton";
|
|
7
|
+
export { Pagination, Header, SimpleRow, DraggableRow, RowDragHandleCell, TableButton };
|
|
7
8
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/UncontrolledTable/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/UncontrolledTable/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,SAAS,MAAM,iBAAiB,CAAC;AACxC,OAAO,YAAY,MAAM,oBAAoB,CAAC;AAC9C,OAAO,iBAAiB,MAAM,yBAAyB,CAAC;AACxD,OAAO,WAAW,MAAM,2BAA2B,CAAC;AAGpD,OAAO,EACL,UAAU,EACV,MAAM,EACN,SAAS,EACT,YAAY,EACZ,iBAAiB,EACjB,WAAW,EACZ,CAAA"}
|
package/dist/esm/components/UncontrolledTable/components/pagination/{index.js → pagination.js}
RENAMED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { __assign } from "tslib";
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { Pagination as MuiPagination, PaginationItem } from '@mui/material';
|
|
4
|
-
import * as S from './styles';
|
|
4
|
+
import * as S from './pagination.styles';
|
|
5
5
|
var Pagination = function (props) {
|
|
6
6
|
var count = props.count, pagination = props.pagination, onChangePage = props.onChangePage;
|
|
7
7
|
var PreviousPagination = function () {
|
|
@@ -15,4 +15,4 @@ var Pagination = function (props) {
|
|
|
15
15
|
React.createElement(MuiPagination, { onChange: function (_event, page) { return onChangePage(page); }, page: pagination.pageIndex, count: count, renderItem: function (item) { return (React.createElement(PaginationItem, __assign({ classes: { root: 'button', selected: 'button-active' }, slots: { previous: PreviousPagination, next: NextPagination }, sx: { height: '35px', minWidth: '35px' } }, item))); } }))));
|
|
16
16
|
};
|
|
17
17
|
export default Pagination;
|
|
18
|
-
//# sourceMappingURL=
|
|
18
|
+
//# sourceMappingURL=pagination.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/pagination/pagination.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC5E,OAAO,KAAK,CAAC,MAAM,qBAAqB,CAAC;AAQzC,IAAM,UAAU,GAAG,UAAC,KAAsB;IAChC,IAAA,KAAK,GAA+B,KAAK,MAApC,EAAE,UAAU,GAAmB,KAAK,WAAxB,EAAE,YAAY,GAAK,KAAK,aAAV,CAAW;IAElD,IAAM,kBAAkB,GAAkB;QACxC,OAAO,kCAAO,GAAG,CAAQ,CAAC;IAC5B,CAAC,CAAC;IAEF,IAAM,cAAc,GAAkB;QACpC,OAAO,kCAAO,GAAG,CAAQ,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,CAAC,CAAC,UAAU;QACX,6BAAK,SAAS,EAAC,SAAS;YACtB,oBAAC,aAAa,IACZ,QAAQ,EAAE,UAAC,MAAkC,EAAE,IAAY,IAAK,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EAClF,IAAI,EAAE,UAAU,CAAC,SAAS,EAC1B,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAC,IAAS,IAAK,OAAA,CACzB,oBAAC,cAAc,aACb,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,EACtD,KAAK,EAAE,EAAE,QAAQ,EAAE,kBAAkB,EAAE,IAAI,EAAE,cAAc,EAAE,EAC7D,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,IACpC,IAAI,EACR,CACH,EAP0B,CAO1B,GACD,CACE,CACO,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -2,4 +2,4 @@ import { __makeTemplateObject } from "tslib";
|
|
|
2
2
|
import styled from "styled-components";
|
|
3
3
|
export var Pagination = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n margin: 24px 0 0 0;\n display: flex;\n justify-content: center;\n .content {\n display: flex;\n gap: 8px;\n .button {\n border: 1px solid #E8E9EC;\n background: #fff;\n border-radius: 4px;\n color: #4D4F5C;\n cursor: pointer;\n &:disabled {\n opacity: 0.4;\n }\n }\n .button-active {\n border: 1px solid #FFDB9F;\n background: #FFDB9F;\n color: #B74616;\n border-radius: 4px;\n cursor: pointer;\n }\n }\n"], ["\n width: 100%;\n margin: 24px 0 0 0;\n display: flex;\n justify-content: center;\n .content {\n display: flex;\n gap: 8px;\n .button {\n border: 1px solid #E8E9EC;\n background: #fff;\n border-radius: 4px;\n color: #4D4F5C;\n cursor: pointer;\n &:disabled {\n opacity: 0.4;\n }\n }\n .button-active {\n border: 1px solid #FFDB9F;\n background: #FFDB9F;\n color: #B74616;\n border-radius: 4px;\n cursor: pointer;\n }\n }\n"])));
|
|
4
4
|
var templateObject_1;
|
|
5
|
-
//# sourceMappingURL=styles.js.map
|
|
5
|
+
//# sourceMappingURL=pagination.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pagination.styles.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/pagination/pagination.styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,skBAAA,mgBA0BnC,IAAA,CAAA"}
|
|
@@ -15,7 +15,7 @@ var DraggableRow = function (_a) {
|
|
|
15
15
|
zIndex: isDragging ? 1 : 0,
|
|
16
16
|
position: 'relative',
|
|
17
17
|
};
|
|
18
|
-
return (React.createElement(S.Tr, {
|
|
18
|
+
return (React.createElement(S.Tr, { ref: setNodeRef, style: style }, row.getVisibleCells().map(function (cell) { return (React.createElement(S.Td, { key: cell.id, onClick: onClick, onMouseOver: onMouseOver, onMouseOut: onMouseOut }, cell.column.columnDef.type == 'action'
|
|
19
19
|
? cell.getValue()
|
|
20
20
|
: flexRender(cell.column.columnDef.cell, cell.getContext()))); })));
|
|
21
21
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DraggableRow.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/row/DraggableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"DraggableRow.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/row/DraggableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAE7B,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAA;AAExC,IAAM,YAAY,GAAkB,UAAC,EAAyC;QAAvC,GAAG,SAAA,EAAE,OAAO,aAAA,EAAE,WAAW,iBAAA,EAAE,UAAU,gBAAA;IACpE,IAAA,KAAoD,WAAW,CAAC;QACpE,EAAE,EAAE,GAAG,CAAC,EAAE;KACX,CAAC,EAFM,SAAS,eAAA,EAAE,UAAU,gBAAA,EAAE,UAAU,gBAAA,EAAE,UAAU,gBAEnD,CAAA;IAEF,IAAM,KAAK,GAAkB;QAC3B,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC;QAC5C,UAAU,EAAE,UAAU;QACtB,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAC7B,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC1B,QAAQ,EAAE,UAAU;KACrB,CAAA;IAED,OAAO,CACL,oBAAC,CAAC,CAAC,EAAE,IAAC,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,IAChC,GAAG,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CACxC,oBAAC,CAAC,CAAC,EAAE,IAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,IACnF,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,IAAI,QAAQ;QACrC,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE;QACjB,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CACxD,CACR,EANyC,CAMzC,CAAC,CACG,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -3,7 +3,7 @@ import { flexRender } from '@tanstack/react-table';
|
|
|
3
3
|
import * as S from './styles';
|
|
4
4
|
var SimpleRow = function (_a) {
|
|
5
5
|
var row = _a.row, onClick = _a.onClick, onMouseOver = _a.onMouseOver, onMouseOut = _a.onMouseOut;
|
|
6
|
-
return (React.createElement(S.Tr, {
|
|
6
|
+
return (React.createElement(S.Tr, { onClick: function () { return (onClick ? onClick(row.original) : null); }, onMouseOver: function () { return (onMouseOver ? onMouseOver(row.original) : null); }, onMouseOut: function () { return (onMouseOut ? onMouseOut(row.original) : null); } }, row.getVisibleCells().map(function (cell, index) {
|
|
7
7
|
return (React.createElement(S.Td, { key: index }, cell.column.columnDef.type == 'action'
|
|
8
8
|
? cell.getValue()
|
|
9
9
|
: flexRender(cell.column.columnDef.cell, cell.getContext())));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SimpleRow.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/row/SimpleRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"SimpleRow.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/row/SimpleRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAClD,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAE7B,IAAM,SAAS,GAAkB,UAAC,EAAyC;QAAvC,GAAG,SAAA,EAAE,OAAO,aAAA,EAAE,WAAW,iBAAA,EAAE,UAAU,gBAAA;IACvE,OAAO,CACL,oBAAC,CAAC,CAAC,EAAE,IACH,OAAO,EAAE,cAAM,OAAA,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAxC,CAAwC,EACvD,WAAW,EAAE,cAAM,OAAA,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAhD,CAAgD,EACnE,UAAU,EAAE,cAAM,OAAA,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAA9C,CAA8C,IAE/D,GAAG,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,UAAC,IAAS,EAAE,KAAa;QAClD,OAAO,CACL,oBAAC,CAAC,CAAC,EAAE,IAAC,GAAG,EAAE,KAAK,IACb,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,IAAI,QAAQ;YACrC,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE;YACjB,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CACxD,CACR,CAAA;IACH,CAAC,CAAC,CACG,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const Tr: import("styled-components/dist/types").IStyledComponentBase<"web",
|
|
1
|
+
export declare const Tr: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never>> & string;
|
|
2
2
|
export declare const Td: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, never>> & string;
|