@qoretechnologies/reqore 0.19.0 → 0.19.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/dist/components/Table/body.d.ts +4 -9
- package/dist/components/Table/body.d.ts.map +1 -1
- package/dist/components/Table/body.js +3 -2
- package/dist/components/Table/body.js.map +1 -1
- package/dist/components/Table/header.d.ts.map +1 -1
- package/dist/components/Table/header.js +8 -5
- package/dist/components/Table/header.js.map +1 -1
- package/dist/components/Table/headerCell.d.ts.map +1 -1
- package/dist/components/Table/headerCell.js +7 -10
- package/dist/components/Table/headerCell.js.map +1 -1
- package/dist/components/Table/index.d.ts +11 -5
- package/dist/components/Table/index.d.ts.map +1 -1
- package/dist/components/Table/index.js +13 -14
- package/dist/components/Table/index.js.map +1 -1
- package/dist/components/Table/row.d.ts +32 -9
- package/dist/components/Table/row.d.ts.map +1 -1
- package/dist/components/Table/row.js +88 -23
- package/dist/components/Table/row.js.map +1 -1
- package/dist/constants/sizes.d.ts +7 -0
- package/dist/constants/sizes.d.ts.map +1 -1
- package/dist/constants/sizes.js +8 -1
- package/dist/constants/sizes.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,15 +1,10 @@
|
|
|
1
1
|
import { Dispatch, SetStateAction } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
export interface IReqoreTableSectionBodyProps {
|
|
4
|
-
data?: any[];
|
|
5
|
-
columns?: IReqoreTableColumn[];
|
|
2
|
+
import { IReqoreTableRowOptions } from './row';
|
|
3
|
+
export interface IReqoreTableSectionBodyProps extends IReqoreTableRowOptions {
|
|
6
4
|
setLeftScroll: Dispatch<SetStateAction<number>>;
|
|
7
|
-
height: number;
|
|
8
|
-
selectable?: boolean;
|
|
9
|
-
selected?: string[];
|
|
10
5
|
rowHeight?: number;
|
|
11
|
-
|
|
6
|
+
height: number;
|
|
12
7
|
}
|
|
13
|
-
declare const ReqoreTableBody: ({ data, setLeftScroll, height, rowHeight, ...rest }: IReqoreTableSectionBodyProps) => JSX.Element;
|
|
8
|
+
declare const ReqoreTableBody: ({ data, setLeftScroll, height, rowHeight, size, ...rest }: IReqoreTableSectionBodyProps) => JSX.Element;
|
|
14
9
|
export default ReqoreTableBody;
|
|
15
10
|
//# sourceMappingURL=body.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"body.d.ts","sourceRoot":"","sources":["../../../src/components/Table/body.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAqB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"body.d.ts","sourceRoot":"","sources":["../../../src/components/Table/body.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAqB,MAAM,OAAO,CAAC;AAIpE,OAAuB,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAE/D,MAAM,WAAW,4BAA6B,SAAQ,sBAAsB;IAC1E,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,eAAe,8DAOlB,4BAA4B,gBAwB9B,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -29,15 +29,16 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
29
29
|
var react_1 = require("react");
|
|
30
30
|
var react_use_1 = require("react-use");
|
|
31
31
|
var react_window_1 = require("react-window");
|
|
32
|
+
var sizes_1 = require("../../constants/sizes");
|
|
32
33
|
var row_1 = __importDefault(require("./row"));
|
|
33
34
|
var ReqoreTableBody = function (_a) {
|
|
34
|
-
var data = _a.data, setLeftScroll = _a.setLeftScroll, height = _a.height, rowHeight = _a.rowHeight, rest = __rest(_a, ["data", "setLeftScroll", "height", "rowHeight"]);
|
|
35
|
+
var data = _a.data, setLeftScroll = _a.setLeftScroll, height = _a.height, rowHeight = _a.rowHeight, _b = _a.size, size = _b === void 0 ? 'normal' : _b, rest = __rest(_a, ["data", "setLeftScroll", "height", "rowHeight", "size"]);
|
|
35
36
|
var ref = (0, react_1.useRef)(null);
|
|
36
37
|
var x = (0, react_use_1.useScroll)(ref).x;
|
|
37
38
|
(0, react_1.useEffect)(function () {
|
|
38
39
|
setLeftScroll(x);
|
|
39
40
|
}, [x]);
|
|
40
|
-
return ((0, jsx_runtime_1.jsx)(react_window_1.FixedSizeList, __assign({ outerRef: ref, itemCount: data.length, height: height, className: 'reqore-table-body', itemSize:
|
|
41
|
+
return ((0, jsx_runtime_1.jsx)(react_window_1.FixedSizeList, __assign({ outerRef: ref, itemCount: data.length, height: height, className: 'reqore-table-body', itemSize: rest.flat ? sizes_1.TABLE_SIZE_TO_PX[size] : sizes_1.TABLE_SIZE_TO_PX[size] + 1, itemData: __assign({ data: data, size: size }, rest) }, { children: row_1["default"] }), void 0));
|
|
41
42
|
};
|
|
42
43
|
exports["default"] = ReqoreTableBody;
|
|
43
44
|
//# sourceMappingURL=body.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"body.js","sourceRoot":"","sources":["../../../src/components/Table/body.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAoE;AACpE,uCAAsC;AACtC,6CAAqD;
|
|
1
|
+
{"version":3,"file":"body.js","sourceRoot":"","sources":["../../../src/components/Table/body.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAoE;AACpE,uCAAsC;AACtC,6CAAqD;AACrD,+CAAyD;AACzD,8CAA+D;AAQ/D,IAAM,eAAe,GAAG,UAAC,EAOM;IAN7B,IAAA,IAAI,UAAA,EACJ,aAAa,mBAAA,EACb,MAAM,YAAA,EACN,SAAS,eAAA,EACT,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACZ,IAAI,cANgB,wDAOxB,CADQ;IAEP,IAAM,GAAG,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IACjB,IAAA,CAAC,GAAoB,IAAA,qBAAS,EAAC,GAAG,CAAC,EAAlC,CAAmC;IAE5C,IAAA,iBAAS,EAAC;QACR,aAAa,CAAC,CAAC,CAAC,CAAC;IACnB,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAER,OAAO,CACL,uBAAC,4BAAI,aACH,QAAQ,EAAE,GAAG,EACb,SAAS,EAAE,IAAI,CAAC,MAAM,EACtB,MAAM,EAAE,MAAM,EACd,SAAS,EAAC,mBAAmB,EAC7B,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,wBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,wBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,EACzE,QAAQ,aACN,IAAI,MAAA,EACJ,IAAI,MAAA,IACD,IAAI,iBAGR,gBAAc,YACV,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAe,eAAe,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/components/Table/header.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAMrD,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;IACvC,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,iBAAiB,EAAE,OAAO,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,MAAM,WAAW,wBAAwB;IACvC,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,KAAK,EAAE,YAAY,CAAC;CACrB;
|
|
1
|
+
{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/components/Table/header.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAMrD,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;IACvC,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,iBAAiB,EAAE,OAAO,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,MAAM,WAAW,wBAAwB;IACvC,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,KAAK,EAAE,YAAY,CAAC;CACrB;AAcD,MAAM,WAAW,uBAAuB;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;CACrC;AAED,eAAO,MAAM,uBAAuB,KAKnC,CAAC;AAqCF,QAAA,MAAM,iBAAiB,6IAUpB,wBAAwB,gBAyE1B,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -54,7 +54,7 @@ var headerCell_1 = __importStar(require("./headerCell"));
|
|
|
54
54
|
var row_1 = require("./row");
|
|
55
55
|
var StyledTableHeaderWrapper = styled_components_1["default"].div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
56
56
|
var leftScroll = _a.leftScroll;
|
|
57
|
-
return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-flow: column;\n
|
|
57
|
+
return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-flow: column;\n transform: translate3d(", "px, 0, 0);\n\n ", "\n "], ["\n display: flex;\n flex-flow: column;\n transform: translate3d(", "px, 0, 0);\n\n ", "\n "])), -leftScroll, function (_a) {
|
|
58
58
|
var theme = _a.theme;
|
|
59
59
|
return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", ";\n "], ["\n background-color: ", ";\n "])), theme.main);
|
|
60
60
|
});
|
|
@@ -71,7 +71,10 @@ var StyledColumnGroup = styled_components_1["default"].div(templateObject_7 || (
|
|
|
71
71
|
return grow && (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n flex-grow: ", ";\n "], ["\n flex-grow: ", ";\n "])), grow);
|
|
72
72
|
});
|
|
73
73
|
var StyledColumnGroupHeaders = styled_components_1["default"].div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
74
|
-
var StyledTableHeaderRow = styled_components_1["default"].div(
|
|
74
|
+
var StyledTableHeaderRow = styled_components_1["default"].div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n display: flex;\n flex: 1;\n\n ", "\n\n ", ", ", " {\n font-size: 13px;\n font-weight: 600;\n padding: 5px 10px;\n\n display: flex;\n flex-shrink: 0;\n align-items: center;\n }\n"], ["\n display: flex;\n flex: 1;\n\n ", "\n\n ", ", ", " {\n font-size: 13px;\n font-weight: 600;\n padding: 5px 10px;\n\n display: flex;\n flex-shrink: 0;\n align-items: center;\n }\n"])), function (_a) {
|
|
75
|
+
var leftScroll = _a.leftScroll;
|
|
76
|
+
return (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n transform: translate3d(", "px, 0, 0);\n "], ["\n transform: translate3d(", "px, 0, 0);\n "])), -leftScroll);
|
|
77
|
+
}, headerCell_1.StyledTableHeader, exports.StyledColumnGroupHeader);
|
|
75
78
|
var ReqoreTableHeader = function (_a) {
|
|
76
79
|
var columns = _a.columns, leftScroll = _a.leftScroll, onSortChange = _a.onSortChange, sortData = _a.sortData, selectable = _a.selectable, selectedQuant = _a.selectedQuant, onToggleSelectClick = _a.onToggleSelectClick, selectToggleTooltip = _a.selectToggleTooltip, hasVerticalScroll = _a.hasVerticalScroll;
|
|
77
80
|
var renderColumns = function (columns) {
|
|
@@ -90,10 +93,10 @@ var ReqoreTableHeader = function (_a) {
|
|
|
90
93
|
return 'CheckboxBlankCircleLine';
|
|
91
94
|
}
|
|
92
95
|
};
|
|
93
|
-
return ((0, jsx_runtime_1.jsx)(StyledTableHeaderWrapper, __assign({ className: 'reqore-table-header-wrapper',
|
|
96
|
+
return ((0, jsx_runtime_1.jsx)(StyledTableHeaderWrapper, __assign({ className: 'reqore-table-header-wrapper', hasVerticalScroll: hasVerticalScroll }, { children: (0, jsx_runtime_1.jsxs)(StyledTableHeaderRow, __assign({ leftScroll: leftScroll }, { children: [selectable && ((0, jsx_runtime_1.jsx)(headerCell_1["default"], { dataId: 'selectbox', sortData: sortData, align: 'center', onSortChange: onSortChange, icon: getSelectedIcon(), iconSize: '15px', width: 60, tooltip: selectToggleTooltip || 'Toggle selection on all data', onClick: function () {
|
|
94
97
|
onToggleSelectClick();
|
|
95
|
-
} }, 'selectbox')), renderColumns(columns)] }, void 0) }), void 0));
|
|
98
|
+
} }, 'selectbox')), renderColumns(columns)] }), void 0) }), void 0));
|
|
96
99
|
};
|
|
97
100
|
exports["default"] = ReqoreTableHeader;
|
|
98
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
|
|
101
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
|
|
99
102
|
//# sourceMappingURL=header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/components/Table/header.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAGhD,+CAAuD;AAEvD,yDAAwE;AACxE,6BAAoC;AAoBpC,IAAM,wBAAwB,GAAG,8BAAM,CAAC,GAAG,+EAA0B,MACjE,
|
|
1
|
+
{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/components/Table/header.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"headerCell.d.ts","sourceRoot":"","sources":["../../../src/components/Table/headerCell.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAMrD,MAAM,WAAW,2BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,kBAAkB;IACpB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,gBAAgB,CAAC;CAC5B;AAED,MAAM,WAAW,uBAAuB;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"headerCell.d.ts","sourceRoot":"","sources":["../../../src/components/Table/headerCell.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAMrD,MAAM,WAAW,2BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,kBAAkB;IACpB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,gBAAgB,CAAC;CAC5B;AAED,MAAM,WAAW,uBAAuB;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,iBAAiB,KAuB7B,CAAC;AAQF,QAAA,MAAM,qBAAqB,oIAexB,2BAA2B,gBA2C7B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
|
|
@@ -57,20 +57,17 @@ var colors_1 = require("../../helpers/colors");
|
|
|
57
57
|
var usePopover_1 = __importDefault(require("../../hooks/usePopover"));
|
|
58
58
|
var Icon_1 = __importDefault(require("../Icon"));
|
|
59
59
|
var row_1 = require("./row");
|
|
60
|
-
exports.StyledTableHeader = styled_components_1["default"].div(
|
|
61
|
-
var width = _a.width;
|
|
62
|
-
return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: ", "px;\n "], ["\n width: ", "px;\n "])), !width || width < 80 ? 80 : width);
|
|
63
|
-
}, function (_a) {
|
|
64
|
-
var grow = _a.grow;
|
|
65
|
-
return grow && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n flex-grow: ", ";\n "], ["\n flex-grow: ", ";\n "])), grow);
|
|
60
|
+
exports.StyledTableHeader = styled_components_1["default"].div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", ";\n\n ", "\n\n ", ";\n"], ["\n ", ";\n\n ", "\n\n ", ";\n"])), function (_a) {
|
|
61
|
+
var width = _a.width, grow = _a.grow;
|
|
62
|
+
return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: ", "px;\n flex-grow: ", ";\n "], ["\n width: ", "px;\n flex-grow: ", ";\n "])), !width || width < 80 ? 80 : width, grow || (width ? undefined : 1));
|
|
66
63
|
}, function (_a) {
|
|
67
64
|
var align = _a.align, theme = _a.theme;
|
|
68
|
-
return (0, styled_components_1.css)(
|
|
65
|
+
return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n justify-content: ", ";\n "], ["\n background-color: ", ";\n justify-content: ", ";\n "])), (0, colors_1.changeLightness)(theme.main, 0.03), align ? row_1.alignToFlex[align] : 'flex-start');
|
|
69
66
|
}, function (_a) {
|
|
70
67
|
var interactive = _a.interactive, theme = _a.theme;
|
|
71
|
-
return interactive && (0, styled_components_1.css)(
|
|
68
|
+
return interactive && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n cursor: pointer;\n transition: background-color 0.2s ease-out;\n\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n "], ["\n cursor: pointer;\n transition: background-color 0.2s ease-out;\n\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n "])), (0, colors_1.getReadableColor)(theme, undefined, undefined), (0, colors_1.changeLightness)(theme.main, 0.06));
|
|
72
69
|
});
|
|
73
|
-
var StyledTableHeaderLabel = styled_components_1["default"].span(
|
|
70
|
+
var StyledTableHeaderLabel = styled_components_1["default"].span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n"], ["\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n"])));
|
|
74
71
|
var ReqoreTableHeaderCell = function (_a) {
|
|
75
72
|
var width = _a.width, grow = _a.grow, align = _a.align, header = _a.header, onSortChange = _a.onSortChange, dataId = _a.dataId, sortable = _a.sortable, sortData = _a.sortData, onClick = _a.onClick, className = _a.className, icon = _a.icon, iconSize = _a.iconSize, tooltip = _a.tooltip, props = __rest(_a, ["width", "grow", "align", "header", "onSortChange", "dataId", "sortable", "sortData", "onClick", "className", "icon", "iconSize", "tooltip"]);
|
|
76
73
|
var _b = (0, react_1.useState)(null), ref = _b[0], setRef = _b[1];
|
|
@@ -87,5 +84,5 @@ var ReqoreTableHeaderCell = function (_a) {
|
|
|
87
84
|
} }, void 0))] }), void 0));
|
|
88
85
|
};
|
|
89
86
|
exports["default"] = ReqoreTableHeaderCell;
|
|
90
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5
|
|
87
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
91
88
|
//# sourceMappingURL=headerCell.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"headerCell.js","sourceRoot":"","sources":["../../../src/components/Table/headerCell.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,WAAW;AACX,+BAAwC;AACxC,qEAAgD;AAGhD,+CAAyE;AACzE,sEAAgD;AAChD,iDAAiC;AACjC,6BAAoC;AAiBvB,QAAA,iBAAiB,GAAG,8BAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"headerCell.js","sourceRoot":"","sources":["../../../src/components/Table/headerCell.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,WAAW;AACX,+BAAwC;AACxC,qEAAgD;AAGhD,+CAAyE;AACzE,sEAAgD;AAChD,iDAAiC;AACjC,6BAAoC;AAiBvB,QAAA,iBAAiB,GAAG,8BAAM,CAAC,GAAG,qGAAyB,MAChE,EAIC,SAED,EAGD,QAEC,EAUC,KACJ,KAtBG,UAAC,EAAe;QAAb,KAAK,WAAA,EAAE,IAAI,UAAA;IACd,WAAA,uBAAG,0HAAA,iBACQ,EAAiC,wBAC7B,EAA+B,SAC7C,KAFU,CAAC,KAAK,IAAI,KAAK,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAC7B,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;AAF9C,CAGC,EAED,UAAC,EAAgB;QAAd,KAAK,WAAA,EAAE,KAAK,WAAA;IAAO,WAAA,uBAAG,mIAAA,0BACL,EAAiC,0BAClC,EAAyC,OAC7D,KAFqB,IAAA,wBAAe,EAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EAClC,KAAK,CAAC,CAAC,CAAC,iBAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY;AAFtC,CAGvB,EAEC,UAAC,EAAsB;QAApB,WAAW,iBAAA,EAAE,KAAK,WAAA;IACrB,OAAA,WAAW,QACX,uBAAG,0OAAA,iHAKU,EAA6C,+BAClC,EAAiC,kBAExD,KAHY,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,CAAC,EAClC,IAAA,wBAAe,EAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAExD;AATD,CASC,EACH;AAEF,IAAM,sBAAsB,GAAG,8BAAM,CAAC,IAAI,gJAAA,6EAIzC,IAAA,CAAC;AAEF,IAAM,qBAAqB,GAAG,UAAC,EAeD;IAd5B,IAAA,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,MAAM,YAAA,EACN,YAAY,kBAAA,EACZ,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,OAAO,aAAA,EACJ,KAAK,cAdqB,6IAe9B,CADS;IAEF,IAAA,KAAgB,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAA7B,GAAG,QAAA,EAAE,MAAM,QAAkB,CAAC;IAErC,IAAA,uBAAU,EAAC,EAAE,aAAa,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,CAAC,CAAC;IAE/D,OAAO,CACL,wBAAC,yBAAiB,eACZ,KAAK,IACT,SAAS,EAAE,CAAG,SAAS,IAAI,EAAE,+BAA2B,EACxD,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,QAAQ,IAAI,CAAC,CAAC,OAAO,EAClC,OAAO,EAAE,UAAC,KAAuC;YAC/C,IAAI,QAAQ,EAAE;gBACZ,YAAY,CAAC,MAAM,CAAC,CAAC;aACtB;YACD,IAAI,OAAO,EAAE;gBACX,OAAO,CAAC,KAAK,CAAC,CAAC;aAChB;QACH,CAAC,iBAEA,IAAI,IAAI,CACP,uBAAC,iBAAU,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,IAAI,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,WAAI,CAC3F,EACD,uBAAC,sBAAsB,cAAE,MAAM,WAA0B,EACxD,QAAQ,IAAI,CACX,uBAAC,iBAAU,IACT,IAAI,EACF,WAAQ,QAAQ,CAAC,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,UAEpC,EAEnB,IAAI,EAAE,QAAQ,IAAI,MAAM,EACxB,MAAM,EAAC,MAAM,EACb,KAAK,EAAE;oBACL,OAAO,EAAE,QAAQ,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;iBAC1C,WACD,CACH,aACiB,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAe,qBAAqB,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { TSizes } from '../../constants/sizes';
|
|
2
3
|
import { IReqoreIntent, IReqoreTheme } from '../../constants/theme';
|
|
3
4
|
import { IReqoreIconName } from '../../types/icons';
|
|
4
5
|
export interface IReqoreTableColumn {
|
|
@@ -27,28 +28,33 @@ export interface IReqoreTableColumn {
|
|
|
27
28
|
_selectId?: string;
|
|
28
29
|
}) => void;
|
|
29
30
|
}
|
|
30
|
-
export
|
|
31
|
+
export interface IReqoreTableRowData {
|
|
31
32
|
[key: string]: any;
|
|
32
33
|
_selectId?: string;
|
|
33
|
-
|
|
34
|
-
|
|
34
|
+
_intent?: IReqoreIntent;
|
|
35
|
+
_disabled?: boolean;
|
|
36
|
+
}
|
|
37
|
+
export declare type IReqoreTableRowClick = (data: IReqoreTableRowData) => void;
|
|
38
|
+
export declare type IReqoreTableData = IReqoreTableRowData[];
|
|
35
39
|
export interface IReqoreTableProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
36
40
|
columns: IReqoreTableColumn[];
|
|
37
41
|
data?: IReqoreTableData;
|
|
38
42
|
className?: string;
|
|
39
43
|
width?: number;
|
|
40
44
|
height?: number;
|
|
41
|
-
rowHeight?: number;
|
|
42
45
|
sort?: IReqoreTableSort;
|
|
43
46
|
striped?: boolean;
|
|
44
47
|
selectable?: boolean;
|
|
45
48
|
selected?: string[];
|
|
49
|
+
selectedRowIntent?: IReqoreIntent;
|
|
46
50
|
onSortChange?: (sort?: IReqoreTableSort) => void;
|
|
47
51
|
onSelectedChange?: (selected?: any[]) => void;
|
|
48
52
|
selectToggleTooltip?: string;
|
|
53
|
+
onRowClick?: IReqoreTableRowClick;
|
|
49
54
|
customTheme?: IReqoreTheme;
|
|
50
55
|
rounded?: boolean;
|
|
51
56
|
flat?: boolean;
|
|
57
|
+
size?: TSizes;
|
|
52
58
|
}
|
|
53
59
|
export interface IReqoreTableStyle {
|
|
54
60
|
theme: IReqoreTheme;
|
|
@@ -62,6 +68,6 @@ export interface IReqoreTableSort {
|
|
|
62
68
|
by?: string;
|
|
63
69
|
direction?: 'asc' | 'desc';
|
|
64
70
|
}
|
|
65
|
-
declare const ReqoreTable: ({ className, height, width, columns, data, sort, onSortChange, selectable, selected, onSelectedChange, selectToggleTooltip,
|
|
71
|
+
declare const ReqoreTable: ({ className, height, width, columns, data, sort, onSortChange, selectable, selected, onSelectedChange, selectToggleTooltip, customTheme, rounded, onRowClick, striped, selectedRowIntent, size, ...rest }: IReqoreTableProps) => JSX.Element;
|
|
66
72
|
export default ReqoreTable;
|
|
67
73
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAoB,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAIpE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAMpD,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC9B,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC/D,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IAC7C,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACpC,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACzF,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAC1E;AAED,MAAM,WAAW,mBAAmB;IAClC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,oBAAY,oBAAoB,GAAG,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;AACvE,oBAAY,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;AAErD,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,iBAAiB,CAAC,EAAE,aAAa,CAAC;IAClC,YAAY,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACjD,gBAAgB,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IAC9C,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;CAC5B;AA8BD,QAAA,MAAM,WAAW,8MAmBd,iBAAiB,gBA2HnB,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -60,10 +60,10 @@ exports.__esModule = true;
|
|
|
60
60
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
61
61
|
/* @flow */
|
|
62
62
|
var lodash_1 = require("lodash");
|
|
63
|
-
var polished_1 = require("polished");
|
|
64
63
|
var react_1 = require("react");
|
|
65
64
|
var react_use_1 = require("react-use");
|
|
66
65
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
66
|
+
var sizes_1 = require("../../constants/sizes");
|
|
67
67
|
var ThemeProvider_1 = __importDefault(require("../../containers/ThemeProvider"));
|
|
68
68
|
var colors_1 = require("../../helpers/colors");
|
|
69
69
|
var useTheme_1 = require("../../hooks/useTheme");
|
|
@@ -71,21 +71,20 @@ var body_1 = __importDefault(require("./body"));
|
|
|
71
71
|
var header_1 = __importStar(require("./header"));
|
|
72
72
|
var headerCell_1 = require("./headerCell");
|
|
73
73
|
var helpers_1 = require("./helpers");
|
|
74
|
-
var
|
|
75
|
-
var
|
|
76
|
-
|
|
77
|
-
return (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n width: ", ";\n\n position: relative;\n clear: both;\n overflow: hidden;\n z-index: 1;\n\n display: flex;\n flex-flow: column;\n\n border-radius: ", ";\n\n background-color: ", ";\n color: ", ";\n\n ", "\n\n ", "\n "], ["\n width: ", ";\n\n position: relative;\n clear: both;\n overflow: hidden;\n z-index: 1;\n\n display: flex;\n flex-flow: column;\n\n border-radius: ", ";\n\n background-color: ", ";\n color: ", ";\n\n ", "\n\n ", "\n "])), width ? width + "px" : '100%', rounded ? '10px' : undefined, theme.main, (0, colors_1.getReadableColor)(theme, undefined, undefined, true), striped && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ":nth-child(odd) {\n ", " {\n background-color: ", ";\n }\n }\n "], ["\n ", ":nth-child(odd) {\n ", " {\n background-color: ", ";\n }\n }\n "])), row_1.StyledTableRow, row_1.StyledTableCell, (0, polished_1.rgba)('#000000', 0.1)), !flat && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", ", ", ", ", " {\n ", "\n }\n "], ["\n ", ", ", ", ", " {\n ", "\n }\n "])), headerCell_1.StyledTableHeader, header_1.StyledColumnGroupHeader, row_1.StyledTableCell, function (_a) {
|
|
74
|
+
var StyledTableWrapper = styled_components_1["default"].div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
75
|
+
var theme = _a.theme, width = _a.width, rounded = _a.rounded, flat = _a.flat;
|
|
76
|
+
return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n width: ", ";\n\n position: relative;\n clear: both;\n overflow: hidden;\n z-index: 1;\n\n display: flex;\n flex-flow: column;\n\n border-radius: ", ";\n\n background-color: ", ";\n color: ", ";\n\n ", "\n "], ["\n width: ", ";\n\n position: relative;\n clear: both;\n overflow: hidden;\n z-index: 1;\n\n display: flex;\n flex-flow: column;\n\n border-radius: ", ";\n\n background-color: ", ";\n color: ", ";\n\n ", "\n "])), width ? width + "px" : '100%', rounded ? '10px' : undefined, theme.main, (0, colors_1.getReadableColor)(theme, undefined, undefined, true), !flat && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ", ", " {\n ", "\n }\n "], ["\n ", ", ", " {\n ", "\n }\n "])), headerCell_1.StyledTableHeader, header_1.StyledColumnGroupHeader, function (_a) {
|
|
78
77
|
var theme = _a.theme;
|
|
79
|
-
return (0, styled_components_1.css)(
|
|
78
|
+
return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-bottom: 1px solid ", ";\n "], ["\n border-bottom: 1px solid ", ";\n "])), (0, colors_1.changeLightness)(theme.main, 0.07));
|
|
80
79
|
}));
|
|
81
80
|
});
|
|
82
81
|
var ReqoreTable = function (_a) {
|
|
83
|
-
var className = _a.className, _b = _a.height, height = _b === void 0 ? 300 : _b, width = _a.width, columns = _a.columns, _c = _a.data, data = _c === void 0 ? [] : _c, sort = _a.sort, onSortChange = _a.onSortChange, selectable = _a.selectable, selected = _a.selected, onSelectedChange = _a.onSelectedChange, selectToggleTooltip = _a.selectToggleTooltip,
|
|
84
|
-
var
|
|
85
|
-
var
|
|
86
|
-
var
|
|
87
|
-
var
|
|
88
|
-
var
|
|
82
|
+
var className = _a.className, _b = _a.height, height = _b === void 0 ? 300 : _b, width = _a.width, columns = _a.columns, _c = _a.data, data = _c === void 0 ? [] : _c, sort = _a.sort, onSortChange = _a.onSortChange, selectable = _a.selectable, selected = _a.selected, onSelectedChange = _a.onSelectedChange, selectToggleTooltip = _a.selectToggleTooltip, customTheme = _a.customTheme, rounded = _a.rounded, onRowClick = _a.onRowClick, striped = _a.striped, selectedRowIntent = _a.selectedRowIntent, size = _a.size, rest = __rest(_a, ["className", "height", "width", "columns", "data", "sort", "onSortChange", "selectable", "selected", "onSelectedChange", "selectToggleTooltip", "customTheme", "rounded", "onRowClick", "striped", "selectedRowIntent", "size"]);
|
|
83
|
+
var _d = (0, react_1.useState)(0), leftScroll = _d[0], setLeftScroll = _d[1];
|
|
84
|
+
var _e = (0, react_1.useState)(data || []), _data = _e[0], setData = _e[1];
|
|
85
|
+
var _f = (0, react_1.useState)((0, helpers_1.fixSort)(sort)), _sort = _f[0], setSort = _f[1];
|
|
86
|
+
var _g = (0, react_1.useState)([]), _selected = _g[0], setSelected = _g[1];
|
|
87
|
+
var _h = (0, react_1.useState)('none'), _selectedQuant = _h[0], setSelectedQuant = _h[1];
|
|
89
88
|
var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme);
|
|
90
89
|
(0, react_use_1.useUpdateEffect)(function () {
|
|
91
90
|
if (onSortChange) {
|
|
@@ -155,8 +154,8 @@ var ReqoreTable = function (_a) {
|
|
|
155
154
|
}
|
|
156
155
|
}
|
|
157
156
|
};
|
|
158
|
-
return ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], __assign({ theme: theme }, { children: (0, jsx_runtime_1.jsxs)(StyledTableWrapper, __assign({}, rest, {
|
|
157
|
+
return ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], __assign({ theme: theme }, { children: (0, jsx_runtime_1.jsxs)(StyledTableWrapper, __assign({}, rest, { className: (className || '') + " reqore-table", rounded: rounded, width: width }, { children: [(0, jsx_runtime_1.jsx)(header_1["default"], { columns: columns, leftScroll: leftScroll, onSortChange: handleSortChange, sortData: _sort, selectable: selectable, selectedQuant: _selectedQuant, onToggleSelectClick: handleToggleSelectClick, hasVerticalScroll: (0, lodash_1.size)(_data) * sizes_1.TABLE_SIZE_TO_PX[size] > height, selectToggleTooltip: selectToggleTooltip }, void 0), (0, jsx_runtime_1.jsx)(body_1["default"], { data: _sort ? (0, helpers_1.sortTableData)(_data, _sort) : _data, columns: columns, setLeftScroll: setLeftScroll, height: height, selectable: selectable, onSelectClick: handleSelectClick, onRowClick: onRowClick, selected: _selected, selectedRowIntent: selectedRowIntent, size: size, striped: striped, flat: rest.flat }, void 0)] }), void 0) }), void 0));
|
|
159
158
|
};
|
|
160
159
|
exports["default"] = ReqoreTable;
|
|
161
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4
|
|
160
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
162
161
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,WAAW;AACX,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,19 +1,33 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { IReqoreTableColumn, IReqoreTableData } from '.';
|
|
2
|
+
import { IReqoreTableColumn, IReqoreTableData, IReqoreTableRowClick } from '.';
|
|
3
|
+
import { TSizes } from '../../constants/sizes';
|
|
3
4
|
import { IReqoreIntent, IReqoreTheme } from '../../constants/theme';
|
|
5
|
+
export interface IReqoreTableRowOptions {
|
|
6
|
+
columns: IReqoreTableColumn[];
|
|
7
|
+
data?: IReqoreTableData;
|
|
8
|
+
selectable?: boolean;
|
|
9
|
+
onSelectClick?: (selectId: string) => void;
|
|
10
|
+
selected?: string[];
|
|
11
|
+
onRowClick?: IReqoreTableRowClick;
|
|
12
|
+
striped?: boolean;
|
|
13
|
+
selectedRowIntent?: IReqoreIntent;
|
|
14
|
+
size?: TSizes;
|
|
15
|
+
flat?: boolean;
|
|
16
|
+
}
|
|
4
17
|
export interface IReqoreTableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
|
|
5
|
-
data:
|
|
6
|
-
columns: IReqoreTableColumn[];
|
|
7
|
-
data?: IReqoreTableData;
|
|
8
|
-
selectable?: boolean;
|
|
9
|
-
onSelectClick?: (selectId: string) => void;
|
|
10
|
-
selected?: string[];
|
|
11
|
-
};
|
|
18
|
+
data: IReqoreTableRowOptions;
|
|
12
19
|
style: React.StyleHTMLAttributes<HTMLDivElement>;
|
|
13
20
|
index: number;
|
|
14
21
|
}
|
|
15
22
|
export interface IReqoreTableRowStyle {
|
|
16
23
|
theme: IReqoreTheme;
|
|
24
|
+
interactive?: boolean;
|
|
25
|
+
intent?: IReqoreIntent;
|
|
26
|
+
selected?: boolean;
|
|
27
|
+
selectedIntent?: IReqoreIntent;
|
|
28
|
+
flat?: boolean;
|
|
29
|
+
disabled?: boolean;
|
|
30
|
+
hovered?: boolean;
|
|
17
31
|
}
|
|
18
32
|
export declare const StyledTableRow: any;
|
|
19
33
|
export interface IReqoreTableCellStyle {
|
|
@@ -23,6 +37,15 @@ export interface IReqoreTableCellStyle {
|
|
|
23
37
|
align?: 'center' | 'left' | 'right';
|
|
24
38
|
intent?: IReqoreIntent;
|
|
25
39
|
interactive?: boolean;
|
|
40
|
+
interactiveCell?: boolean;
|
|
41
|
+
size?: TSizes;
|
|
42
|
+
flat?: boolean;
|
|
43
|
+
disabled?: boolean;
|
|
44
|
+
selected?: boolean;
|
|
45
|
+
hovered?: boolean;
|
|
46
|
+
selectedIntent?: IReqoreIntent;
|
|
47
|
+
even?: boolean;
|
|
48
|
+
striped?: boolean;
|
|
26
49
|
}
|
|
27
50
|
export declare const alignToFlex: {
|
|
28
51
|
center: string;
|
|
@@ -30,6 +53,6 @@ export declare const alignToFlex: {
|
|
|
30
53
|
right: string;
|
|
31
54
|
};
|
|
32
55
|
export declare const StyledTableCell: any;
|
|
33
|
-
declare const ReqoreTableRow: ({ data: { data, columns, selectable, onSelectClick, selected }, style, index, }: IReqoreTableRowProps) => JSX.Element;
|
|
56
|
+
declare const ReqoreTableRow: ({ data: { data, columns, selectable, onSelectClick, selected, onRowClick, striped, size, selectedRowIntent, flat, }, style, index, }: IReqoreTableRowProps) => JSX.Element;
|
|
34
57
|
export default ReqoreTableRow;
|
|
35
58
|
//# sourceMappingURL=row.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"row.d.ts","sourceRoot":"","sources":["../../../src/components/Table/row.tsx"],"names":[],"mappings":"AAGA,OAAO,
|
|
1
|
+
{"version":3,"file":"row.d.ts","sourceRoot":"","sources":["../../../src/components/Table/row.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,GAAG,CAAC;AAE/E,OAAO,EAA8B,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAIpE,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iBAAiB,CAAC,EAAE,aAAa,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC;IACrF,IAAI,EAAE,sBAAsB,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC,mBAAmB,CAAC,cAAc,CAAC,CAAC;IACjD,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,YAAY,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,cAAc,KAK1B,CAAC;AAEF,MAAM,WAAW,qBAAqB;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACpC,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,WAAW;;;;CAIvB,CAAC;AAEF,eAAO,MAAM,eAAe,KA+F3B,CAAC;AAEF,QAAA,MAAM,cAAc,yIAejB,oBAAoB,gBA0HtB,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -42,32 +42,61 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
42
42
|
/* @flow */
|
|
43
43
|
var lodash_1 = require("lodash");
|
|
44
44
|
var polished_1 = require("polished");
|
|
45
|
+
var react_1 = require("react");
|
|
45
46
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
46
47
|
var __1 = require("../..");
|
|
48
|
+
var sizes_1 = require("../../constants/sizes");
|
|
47
49
|
var colors_1 = require("../../helpers/colors");
|
|
48
50
|
var Icon_1 = __importDefault(require("../Icon"));
|
|
49
|
-
exports.StyledTableRow = styled_components_1["default"].div(
|
|
51
|
+
exports.StyledTableRow = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
52
|
+
var size = _a.size;
|
|
53
|
+
return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n height: ", "px;\n "], ["\n display: flex;\n height: ", "px;\n "])), sizes_1.SIZE_TO_PX[size]);
|
|
54
|
+
});
|
|
50
55
|
exports.alignToFlex = {
|
|
51
56
|
center: 'center',
|
|
52
57
|
left: 'flex-start',
|
|
53
58
|
right: 'flex-end'
|
|
54
59
|
};
|
|
55
|
-
exports.StyledTableCell = styled_components_1["default"].div(
|
|
56
|
-
var width = _a.width;
|
|
57
|
-
return (0, styled_components_1.css)(
|
|
58
|
-
}, function (_a) {
|
|
59
|
-
var grow = _a.grow;
|
|
60
|
-
return grow && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n flex-grow: ", ";\n "], ["\n flex-grow: ", ";\n "])), grow);
|
|
60
|
+
exports.StyledTableCell = styled_components_1["default"].div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), function (_a) {
|
|
61
|
+
var width = _a.width, grow = _a.grow;
|
|
62
|
+
return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n width: ", "px;\n flex-grow: ", ";\n "], ["\n width: ", "px;\n flex-grow: ", ";\n "])), !width || width < 80 ? 80 : width, grow || (width ? undefined : 1));
|
|
61
63
|
}, function (_a) {
|
|
62
|
-
var theme = _a.theme, align = _a.align, interactive = _a.interactive, intent = _a.intent;
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
64
|
+
var theme = _a.theme, align = _a.align, interactive = _a.interactive, interactiveCell = _a.interactiveCell, intent = _a.intent, size = _a.size, flat = _a.flat, striped = _a.striped, even = _a.even, selected = _a.selected, selectedIntent = _a.selectedIntent, disabled = _a.disabled, hovered = _a.hovered;
|
|
65
|
+
var getBackgroundColor = function () {
|
|
66
|
+
var color = theme.main;
|
|
67
|
+
var opacity = 0;
|
|
68
|
+
// Is there any intent
|
|
69
|
+
if (intent || (selected && selectedIntent)) {
|
|
70
|
+
color = theme.intents[intent || selectedIntent];
|
|
71
|
+
opacity += 0.02;
|
|
72
|
+
}
|
|
73
|
+
// Is the table striped and this row odd
|
|
74
|
+
if (striped && !even) {
|
|
75
|
+
opacity += 0.05;
|
|
76
|
+
}
|
|
77
|
+
// Is this row selected
|
|
78
|
+
if (selected) {
|
|
79
|
+
opacity += 0.02;
|
|
80
|
+
}
|
|
81
|
+
// Is this row hovered
|
|
82
|
+
if (hovered) {
|
|
83
|
+
opacity += 0.05;
|
|
84
|
+
}
|
|
85
|
+
// Set the color as transparent if opacity is 0
|
|
86
|
+
if (opacity === 0) {
|
|
87
|
+
return 'transparent';
|
|
88
|
+
}
|
|
89
|
+
return (0, colors_1.changeLightness)(color, opacity);
|
|
90
|
+
};
|
|
91
|
+
var backgroundColor = getBackgroundColor();
|
|
92
|
+
return (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: ", ";\n flex-shrink: 0;\n border-bottom: ", ";\n\n height: 100%;\n padding: 0 10px;\n font-size: ", "px;\n background-color: ", ";\n color: ", ";\n border-color: ", ";\n transition: background-color 0.2s ease-out;\n opacity: ", ";\n pointer-events: ", ";\n cursor: ", ";\n\n ", "\n\n p.reqore-table-text {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n margin: 0;\n padding: 0;\n }\n "], ["\n display: flex;\n align-items: center;\n justify-content: ", ";\n flex-shrink: 0;\n border-bottom: ", ";\n\n height: 100%;\n padding: 0 10px;\n font-size: ", "px;\n background-color: ", ";\n color: ", ";\n border-color: ", ";\n transition: background-color 0.2s ease-out;\n opacity: ", ";\n pointer-events: ", ";\n cursor: ", ";\n\n ", "\n\n p.reqore-table-text {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n margin: 0;\n padding: 0;\n }\n "])), align ? exports.alignToFlex[align] : 'flex-start', !flat ? '1px solid ' : undefined, sizes_1.TEXT_FROM_SIZE[size], backgroundColor === 'transparent'
|
|
93
|
+
? 'transparent'
|
|
94
|
+
: (0, polished_1.rgba)(getBackgroundColor(), 0.8), (0, colors_1.getReadableColorFrom)(backgroundColor === 'transparent' ? theme.main : getBackgroundColor(), !hovered), (0, colors_1.changeLightness)(backgroundColor === 'transparent' ? theme.main : getBackgroundColor(), 0.1), disabled ? 0.2 : 1, disabled ? 'none' : undefined, interactive || interactiveCell ? 'pointer' : 'default', interactiveCell && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n &:hover {\n background-color: ", ";\n }\n "], ["\n &:hover {\n background-color: ", ";\n }\n "])), (0, polished_1.lighten)(0.2, getBackgroundColor())));
|
|
68
95
|
});
|
|
69
96
|
var ReqoreTableRow = function (_a) {
|
|
70
|
-
var _b = _a.data, data = _b.data, columns = _b.columns, selectable = _b.selectable, onSelectClick = _b.onSelectClick, selected = _b.selected, style = _a.style, index = _a.index;
|
|
97
|
+
var _b = _a.data, data = _b.data, columns = _b.columns, selectable = _b.selectable, onSelectClick = _b.onSelectClick, selected = _b.selected, onRowClick = _b.onRowClick, striped = _b.striped, size = _b.size, _c = _b.selectedRowIntent, selectedRowIntent = _c === void 0 ? 'info' : _c, flat = _b.flat, style = _a.style, index = _a.index;
|
|
98
|
+
var _d = (0, react_1.useState)(false), isHovered = _d[0], setIsHovered = _d[1];
|
|
99
|
+
var isSelected = selected.find(function (selectId) { return selectId === data[index]._selectId; });
|
|
71
100
|
var renderCells = function (columns, data) {
|
|
72
101
|
return columns.map(function (_a) {
|
|
73
102
|
var width = _a.width, grow = _a.grow, dataId = _a.dataId, Content = _a.content, columns = _a.columns, align = _a.align, onCellClick = _a.onCellClick, cellTooltip = _a.cellTooltip, intent = _a.intent;
|
|
@@ -75,28 +104,64 @@ var ReqoreTableRow = function (_a) {
|
|
|
75
104
|
width: width,
|
|
76
105
|
grow: grow,
|
|
77
106
|
align: align,
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
107
|
+
size: size,
|
|
108
|
+
striped: striped,
|
|
109
|
+
disabled: data[index]._disabled,
|
|
110
|
+
selected: !!isSelected,
|
|
111
|
+
selectedIntent: selectedRowIntent,
|
|
112
|
+
flat: flat,
|
|
113
|
+
even: index % 2 === 0 ? true : false,
|
|
114
|
+
intent: intent || data[index]._intent,
|
|
115
|
+
hovered: isHovered,
|
|
116
|
+
interactive: !!onCellClick || !!onRowClick,
|
|
117
|
+
interactiveCell: !!onCellClick,
|
|
118
|
+
onClick: function (e) {
|
|
81
119
|
if (onCellClick) {
|
|
82
|
-
|
|
120
|
+
e.stopPropagation();
|
|
121
|
+
onCellClick === null || onCellClick === void 0 ? void 0 : onCellClick(data[index]);
|
|
122
|
+
}
|
|
123
|
+
else if (onRowClick) {
|
|
124
|
+
e.stopPropagation();
|
|
125
|
+
onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(data[index]);
|
|
126
|
+
}
|
|
127
|
+
else if (selectable && data[index]._selectId) {
|
|
128
|
+
// Otherwise select the row if selectable
|
|
129
|
+
onSelectClick(data[index]._selectId);
|
|
83
130
|
}
|
|
84
131
|
},
|
|
85
132
|
className: 'reqore-table-cell'
|
|
86
133
|
}, content: cellTooltip ? cellTooltip(data[index]) : undefined }, { children: (0, lodash_1.isFunction)(Content) ? ((0, jsx_runtime_1.jsx)(Content, __assign({}, data[index]), void 0)) : ((0, jsx_runtime_1.jsx)("p", __assign({ className: 'reqore-table-text' }, { children: data[index][dataId] }), void 0)) }), dataId));
|
|
87
134
|
});
|
|
88
135
|
};
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
136
|
+
return ((0, jsx_runtime_1.jsxs)(exports.StyledTableRow, __assign({ style: style, className: 'reqore-table-row', interactive: !!onRowClick, onMouseEnter: function () {
|
|
137
|
+
// Set hovered is this row is interactive
|
|
138
|
+
if (onRowClick || (selectable && data[index]._selectId && !data[index]._disabled)) {
|
|
139
|
+
setIsHovered(true);
|
|
140
|
+
}
|
|
141
|
+
}, onMouseLeave: function () {
|
|
142
|
+
setIsHovered(false);
|
|
143
|
+
} }, { children: [selectable && ((0, jsx_runtime_1.jsx)(exports.StyledTableCell, __assign({ align: 'center', width: 60, className: 'reqore-table-cell' }, {
|
|
144
|
+
size: size,
|
|
145
|
+
striped: striped,
|
|
146
|
+
disabled: data[index]._disabled,
|
|
147
|
+
selected: !!isSelected,
|
|
148
|
+
selectedIntent: selectedRowIntent,
|
|
149
|
+
flat: flat,
|
|
150
|
+
even: index % 2 === 0 ? true : false,
|
|
151
|
+
intent: data[index]._intent,
|
|
152
|
+
hovered: isHovered,
|
|
153
|
+
interactiveCell: data[index]._selectId
|
|
154
|
+
}, { onClick: data[index]._selectId
|
|
155
|
+
? function (e) {
|
|
156
|
+
e.stopPropagation();
|
|
92
157
|
onSelectClick(data[index]._selectId);
|
|
93
158
|
}
|
|
94
159
|
: undefined }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: !data[index]._selectId
|
|
95
160
|
? 'Forbid2Line'
|
|
96
161
|
: isSelected
|
|
97
162
|
? 'CheckboxCircleLine'
|
|
98
|
-
: 'CheckboxBlankCircleLine', size:
|
|
163
|
+
: 'CheckboxBlankCircleLine', size: sizes_1.TEXT_FROM_SIZE[size] + "px", style: { opacity: !data[index]._selectId || !isSelected ? 0.4 : 1 } }, void 0) }), void 0)), renderCells(columns, data)] }), void 0));
|
|
99
164
|
};
|
|
100
165
|
exports["default"] = ReqoreTableRow;
|
|
101
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6
|
|
166
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
102
167
|
//# sourceMappingURL=row.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"row.js","sourceRoot":"","sources":["../../../src/components/Table/row.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,WAAW;AACX,iCAAoC;AACpC,
|
|
1
|
+
{"version":3,"file":"row.js","sourceRoot":"","sources":["../../../src/components/Table/row.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,6 +14,13 @@ export declare const TABS_SIZE_TO_PX: {
|
|
|
14
14
|
big: number;
|
|
15
15
|
huge: number;
|
|
16
16
|
};
|
|
17
|
+
export declare const TABLE_SIZE_TO_PX: {
|
|
18
|
+
tiny: number;
|
|
19
|
+
small: number;
|
|
20
|
+
normal: number;
|
|
21
|
+
big: number;
|
|
22
|
+
huge: number;
|
|
23
|
+
};
|
|
17
24
|
export declare const TABS_PADDING_TO_PX: {
|
|
18
25
|
tiny: number;
|
|
19
26
|
small: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sizes.d.ts","sourceRoot":"","sources":["../../src/constants/sizes.ts"],"names":[],"mappings":"AAAA,oBAAY,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;AAClE,oBAAY,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEnD,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;CAM3B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;CAM9B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;CAM1B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;CAM7B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC"}
|
|
1
|
+
{"version":3,"file":"sizes.d.ts","sourceRoot":"","sources":["../../src/constants/sizes.ts"],"names":[],"mappings":"AAAA,oBAAY,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;AAClE,oBAAY,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEnD,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;CAM3B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;CAM9B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;CAM1B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;CAM7B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC"}
|
package/dist/constants/sizes.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
exports.__esModule = true;
|
|
3
|
-
exports.RADIUS_FROM_SIZE = exports.PADDING_FROM_SIZE = exports.TEXT_FROM_SIZE = exports.MARGIN_FROM_SIZE = exports.TABS_PADDING_TO_PX = exports.TABS_SIZE_TO_PX = exports.SIZE_TO_PX = void 0;
|
|
3
|
+
exports.RADIUS_FROM_SIZE = exports.PADDING_FROM_SIZE = exports.TEXT_FROM_SIZE = exports.MARGIN_FROM_SIZE = exports.TABS_PADDING_TO_PX = exports.TABLE_SIZE_TO_PX = exports.TABS_SIZE_TO_PX = exports.SIZE_TO_PX = void 0;
|
|
4
4
|
exports.SIZE_TO_PX = {
|
|
5
5
|
tiny: 10,
|
|
6
6
|
small: 20,
|
|
@@ -15,6 +15,13 @@ exports.TABS_SIZE_TO_PX = {
|
|
|
15
15
|
big: 50,
|
|
16
16
|
huge: 60
|
|
17
17
|
};
|
|
18
|
+
exports.TABLE_SIZE_TO_PX = {
|
|
19
|
+
tiny: 20,
|
|
20
|
+
small: 30,
|
|
21
|
+
normal: 40,
|
|
22
|
+
big: 50,
|
|
23
|
+
huge: 60
|
|
24
|
+
};
|
|
18
25
|
exports.TABS_PADDING_TO_PX = {
|
|
19
26
|
tiny: 5,
|
|
20
27
|
small: 10,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sizes.js","sourceRoot":"","sources":["../../src/constants/sizes.ts"],"names":[],"mappings":";;;AAGa,QAAA,UAAU,GAAG;IACxB,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,eAAe,GAAG;IAC7B,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,kBAAkB,GAAG;IAChC,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,gBAAgB,GAAG;IAC9B,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,EAAE;IACV,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,cAAc,GAAG;IAC5B,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,iBAAiB,GAAG;IAC/B,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,gBAAgB,GAAG;IAC9B,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;CACR,CAAC"}
|
|
1
|
+
{"version":3,"file":"sizes.js","sourceRoot":"","sources":["../../src/constants/sizes.ts"],"names":[],"mappings":";;;AAGa,QAAA,UAAU,GAAG;IACxB,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,eAAe,GAAG;IAC7B,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,gBAAgB,GAAG;IAC9B,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,kBAAkB,GAAG;IAChC,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,gBAAgB,GAAG;IAC9B,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,EAAE;IACV,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,cAAc,GAAG;IAC5B,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,iBAAiB,GAAG;IAC/B,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,gBAAgB,GAAG;IAC9B,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;CACR,CAAC"}
|