@qoretechnologies/reqore 0.63.23 → 0.64.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/Checkbox/index.d.ts +2 -0
- package/dist/components/Checkbox/index.d.ts.map +1 -1
- package/dist/components/Checkbox/index.js +7 -3
- package/dist/components/Checkbox/index.js.map +1 -1
- package/dist/components/Drawer/index.d.ts.map +1 -1
- package/dist/components/Drawer/index.js +19 -3
- package/dist/components/Drawer/index.js.map +1 -1
- package/dist/components/Effect/index.d.ts +6 -0
- package/dist/components/Effect/index.d.ts.map +1 -1
- package/dist/components/Effect/index.js +14 -10
- package/dist/components/Effect/index.js.map +1 -1
- package/dist/components/KeyValueTable/index.d.ts +1 -1
- package/dist/components/KeyValueTable/index.d.ts.map +1 -1
- package/dist/components/KeyValueTable/index.js.map +1 -1
- package/dist/components/Panel/index.d.ts.map +1 -1
- package/dist/components/Panel/index.js +13 -35
- package/dist/components/Panel/index.js.map +1 -1
- package/dist/components/Table/body.d.ts +2 -7
- package/dist/components/Table/body.d.ts.map +1 -1
- package/dist/components/Table/body.js +60 -48
- package/dist/components/Table/body.js.map +1 -1
- package/dist/components/Table/cell.d.ts +9 -1
- package/dist/components/Table/cell.d.ts.map +1 -1
- package/dist/components/Table/cell.js +74 -9
- package/dist/components/Table/cell.js.map +1 -1
- package/dist/components/Table/header.d.ts +2 -5
- package/dist/components/Table/header.d.ts.map +1 -1
- package/dist/components/Table/header.js +62 -34
- package/dist/components/Table/header.js.map +1 -1
- package/dist/components/Table/headerCell.d.ts +3 -1
- package/dist/components/Table/headerCell.d.ts.map +1 -1
- package/dist/components/Table/headerCell.js +41 -8
- package/dist/components/Table/headerCell.js.map +1 -1
- package/dist/components/Table/helpers.d.ts +26 -1
- package/dist/components/Table/helpers.d.ts.map +1 -1
- package/dist/components/Table/helpers.js +87 -15
- package/dist/components/Table/helpers.js.map +1 -1
- package/dist/components/Table/index.d.ts +43 -1
- package/dist/components/Table/index.d.ts.map +1 -1
- package/dist/components/Table/index.js +29 -40
- package/dist/components/Table/index.js.map +1 -1
- package/dist/components/Table/row.d.ts +14 -1
- package/dist/components/Table/row.d.ts.map +1 -1
- package/dist/components/Table/row.js +49 -16
- package/dist/components/Table/row.js.map +1 -1
- package/package.json +1 -1
- package/tests.json +1 -1
|
@@ -37,6 +37,20 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
37
37
|
__setModuleDefault(result, mod);
|
|
38
38
|
return result;
|
|
39
39
|
};
|
|
40
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
41
|
+
var t = {};
|
|
42
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
43
|
+
t[p] = s[p];
|
|
44
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
45
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
46
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
47
|
+
t[p[i]] = s[p[i]];
|
|
48
|
+
}
|
|
49
|
+
return t;
|
|
50
|
+
};
|
|
51
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
52
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
53
|
+
};
|
|
40
54
|
exports.__esModule = true;
|
|
41
55
|
exports.ReqoreTableBodyCell = exports.StyledTableCell = void 0;
|
|
42
56
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
@@ -46,12 +60,13 @@ var styled_components_1 = __importStar(require("styled-components"));
|
|
|
46
60
|
var sizes_1 = require("../../constants/sizes");
|
|
47
61
|
var colors_1 = require("../../helpers/colors");
|
|
48
62
|
var utils_1 = require("../../helpers/utils");
|
|
63
|
+
var Button_1 = __importDefault(require("../Button"));
|
|
49
64
|
var TooltipComponent_1 = require("../TooltipComponent");
|
|
50
|
-
exports.StyledTableCell = styled_components_1["default"].div(
|
|
65
|
+
exports.StyledTableCell = styled_components_1["default"].div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), function (_a) {
|
|
51
66
|
var width = _a.width, minWidth = _a.minWidth, maxWidth = _a.maxWidth, grow = _a.grow;
|
|
52
67
|
return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: ", "px;\n min-width: ", "px;\n max-width: ", "px;\n\n flex-grow: ", ";\n "], ["\n width: ", "px;\n min-width: ", "px;\n max-width: ", "px;\n\n flex-grow: ", ";\n "])), width, minWidth, maxWidth, grow || (width ? undefined : 1));
|
|
53
68
|
}, function (_a) {
|
|
54
|
-
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, padded = _a.padded;
|
|
69
|
+
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, padded = _a.padded, wrap = _a.wrap, pin = _a.pin, pinOffset = _a.pinOffset, pinEdge = _a.pinEdge, maxHeight = _a.maxHeight;
|
|
55
70
|
var getOriginalBackgroundColor = function () {
|
|
56
71
|
var color = theme.main;
|
|
57
72
|
// Is there any intent
|
|
@@ -79,9 +94,9 @@ exports.StyledTableCell = styled_components_1["default"].div(templateObject_4 ||
|
|
|
79
94
|
if (hovered) {
|
|
80
95
|
opacity += 0.08;
|
|
81
96
|
}
|
|
82
|
-
//
|
|
97
|
+
// Pinned cells must paint opaque — otherwise non-pinned cells scrolling underneath show through
|
|
83
98
|
if (opacity === 0) {
|
|
84
|
-
return 'transparent';
|
|
99
|
+
return pin ? theme.main : 'transparent';
|
|
85
100
|
}
|
|
86
101
|
return (0, colors_1.changeLightness)(color, opacity);
|
|
87
102
|
};
|
|
@@ -89,12 +104,62 @@ exports.StyledTableCell = styled_components_1["default"].div(templateObject_4 ||
|
|
|
89
104
|
var displayedBackgroundColor = backgroundColor === 'transparent'
|
|
90
105
|
? theme.main
|
|
91
106
|
: (0, polished_1.rgba)(backgroundColor, 0.3);
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
107
|
+
// Pinned cells need an opaque paint so non-pinned cells scrolling underneath don't show
|
|
108
|
+
// through. We layer the semi-transparent displayed color over a solid theme.main base.
|
|
109
|
+
var pinnedBackground = pin
|
|
110
|
+
? "linear-gradient(".concat(displayedBackgroundColor, ", ").concat(displayedBackgroundColor, "), ").concat(theme.main)
|
|
111
|
+
: undefined;
|
|
112
|
+
return (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n display: flex;\n align-items: ", ";\n justify-content: ", ";\n flex-shrink: 0;\n align-self: stretch;\n border-bottom: ", ";\n\n ", "\n\n padding: ", "\n ", ";\n font-size: ", "px;\n background: ", ";\n color: ", ";\n border-color: ", ";\n transition: background-color 0.2s ease-out;\n opacity: ", ";\n pointer-events: ", ";\n cursor: ", ";\n\n ", "\n\n ", "\n\n p.reqore-table-text {\n ", "\n margin: 0;\n padding: 0;\n }\n "], ["\n display: flex;\n align-items: ", ";\n justify-content: ", ";\n flex-shrink: 0;\n align-self: stretch;\n border-bottom: ", ";\n\n ", "\n\n padding: ", "\n ", ";\n font-size: ", "px;\n background: ", ";\n color: ", ";\n border-color: ", ";\n transition: background-color 0.2s ease-out;\n opacity: ", ";\n pointer-events: ", ";\n cursor: ", ";\n\n ", "\n\n ", "\n\n p.reqore-table-text {\n ", "\n margin: 0;\n padding: 0;\n }\n "])), maxHeight ? 'flex-start' : 'center', align ? (0, utils_1.alignToFlexAlign)(align) : 'flex-start', !flat ? '1px solid ' : undefined, maxHeight && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: relative;\n max-height: ", "px;\n overflow: hidden;\n "], ["\n position: relative;\n max-height: ", "px;\n overflow: hidden;\n "])), maxHeight), !padded || padded === 'both' || padded === 'vertical' ? (wrap ? '6px' : 0) : undefined, !padded || padded === 'both' || padded === 'horizontal' ? '10px' : undefined, sizes_1.TEXT_FROM_SIZE[size], pinnedBackground !== null && pinnedBackground !== void 0 ? pinnedBackground : (backgroundColor === 'transparent' ? 'transparent' : displayedBackgroundColor), (0, colors_1.getReadableColorFrom)(getOriginalBackgroundColor(), !hovered), (0, colors_1.changeLightness)(displayedBackgroundColor, 0.1), disabled ? 0.2 : 1, disabled ? 'none' : undefined, interactive || interactiveCell ? 'pointer' : 'default', pin && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n position: sticky;\n ", "\n z-index: 2;\n ", "\n "], ["\n position: sticky;\n ", "\n z-index: 2;\n ", "\n "])), pin === 'left' ? "left: ".concat(pinOffset || 0, "px;") : "right: ".concat(pinOffset || 0, "px;"), pinEdge && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n /* Use a pseudo-element instead of box-shadow so the shadow is strictly bounded to\n the cell's height \u2014 a blurred box-shadow bleeds vertically and stacks across\n neighboring pinned cells, producing dark bands between rows. */\n &::after {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n width: 12px;\n pointer-events: none;\n ", "\n background: linear-gradient(\n to ", ",\n rgba(0, 0, 0, 0.35),\n rgba(0, 0, 0, 0)\n );\n }\n "], ["\n /* Use a pseudo-element instead of box-shadow so the shadow is strictly bounded to\n the cell's height \u2014 a blurred box-shadow bleeds vertically and stacks across\n neighboring pinned cells, producing dark bands between rows. */\n &::after {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n width: 12px;\n pointer-events: none;\n ", "\n background: linear-gradient(\n to ", ",\n rgba(0, 0, 0, 0.35),\n rgba(0, 0, 0, 0)\n );\n }\n "])), pin === 'left' ? 'right: -12px;' : 'left: -12px;', pin === 'left' ? 'right' : 'left')), interactiveCell && (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n &:hover {\n /* Pinned cells rely on the layered background shorthand for their opaque base \u2014\n overriding just background-color would lose theme.main and let the non-pinned\n cells scrolling underneath show through on hover. */\n ", "\n }\n "], ["\n &:hover {\n /* Pinned cells rely on the layered background shorthand for their opaque base \u2014\n overriding just background-color would lose theme.main and let the non-pinned\n cells scrolling underneath show through on hover. */\n ", "\n }\n "])), pin
|
|
113
|
+
? (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background: linear-gradient(\n ", ",\n ", "\n ),\n ", ";\n "], ["\n background: linear-gradient(\n ", ",\n ", "\n ),\n ", ";\n "])), (0, polished_1.lighten)(0.1, displayedBackgroundColor), (0, polished_1.lighten)(0.1, displayedBackgroundColor), theme.main) : (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n background-color: ", ";\n "], ["\n background-color: ", ";\n "])), (0, polished_1.lighten)(0.1, displayedBackgroundColor))), wrap
|
|
114
|
+
? (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n white-space: normal;\n word-break: break-word;\n overflow-wrap: anywhere;\n "], ["\n white-space: normal;\n word-break: break-word;\n overflow-wrap: anywhere;\n "]))) : (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n "], ["\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n "]))));
|
|
115
|
+
});
|
|
116
|
+
var StyledCellExpandOverlay = styled_components_1["default"].div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: flex-end;\n justify-content: center;\n padding: 4px 6px;\n pointer-events: none;\n z-index: 1;\n height: 36px;\n background: ", ";\n\n > * {\n pointer-events: auto;\n }\n"], ["\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: flex-end;\n justify-content: center;\n padding: 4px 6px;\n pointer-events: none;\n z-index: 1;\n height: 36px;\n background: ", ";\n\n > * {\n pointer-events: auto;\n }\n"])), function (_a) {
|
|
117
|
+
var theme = _a.theme;
|
|
118
|
+
return "linear-gradient(to bottom, ".concat((0, polished_1.rgba)(theme.main, 0), " 0%, ").concat(theme.main, " 80%)");
|
|
95
119
|
});
|
|
96
120
|
exports.ReqoreTableBodyCell = (0, react_1.memo)((0, react_1.forwardRef)(function (props, ref) {
|
|
97
|
-
|
|
121
|
+
var _a;
|
|
122
|
+
var expandHeightButtonProps = props.expandHeightButtonProps, cellStyleProps = __rest(props, ["expandHeightButtonProps"]);
|
|
123
|
+
var maxHeight = cellStyleProps.maxHeight, children = cellStyleProps.children, size = cellStyleProps.size;
|
|
124
|
+
var _b = (0, react_1.useState)(false), expanded = _b[0], setExpanded = _b[1];
|
|
125
|
+
var _c = (0, react_1.useState)(false), isOverflowing = _c[0], setIsOverflowing = _c[1];
|
|
126
|
+
var localRef = (0, react_1.useRef)(null);
|
|
127
|
+
var setRefs = (0, react_1.useCallback)(function (el) {
|
|
128
|
+
localRef.current = el;
|
|
129
|
+
if (typeof ref === 'function') {
|
|
130
|
+
ref(el);
|
|
131
|
+
}
|
|
132
|
+
else if (ref) {
|
|
133
|
+
ref.current = el;
|
|
134
|
+
}
|
|
135
|
+
}, [ref]);
|
|
136
|
+
// Expansion is a one-way action, so once expanded the overlay hides and the cell grows
|
|
137
|
+
// naturally — no need to keep measuring.
|
|
138
|
+
(0, react_1.useLayoutEffect)(function () {
|
|
139
|
+
if (!maxHeight || expanded) {
|
|
140
|
+
setIsOverflowing(false);
|
|
141
|
+
return undefined;
|
|
142
|
+
}
|
|
143
|
+
var el = localRef.current;
|
|
144
|
+
if (!el) {
|
|
145
|
+
return undefined;
|
|
146
|
+
}
|
|
147
|
+
var check = function () {
|
|
148
|
+
setIsOverflowing(el.scrollHeight > el.clientHeight + 1);
|
|
149
|
+
};
|
|
150
|
+
check();
|
|
151
|
+
var observer = new ResizeObserver(check);
|
|
152
|
+
observer.observe(el);
|
|
153
|
+
return function () { return observer.disconnect(); };
|
|
154
|
+
}, [maxHeight, expanded, children]);
|
|
155
|
+
var effectiveMaxHeight = expanded ? undefined : maxHeight;
|
|
156
|
+
var showOverlay = !!maxHeight && !expanded && isOverflowing;
|
|
157
|
+
return ((0, jsx_runtime_1.jsxs)(TooltipComponent_1.ReqoreTooltipComponent, __assign({ Component: exports.StyledTableCell }, cellStyleProps, { maxHeight: effectiveMaxHeight, ref: setRefs }, { children: [children, showOverlay && ((0, jsx_runtime_1.jsx)(StyledCellExpandOverlay, __assign({ className: 'reqore-table-cell-expand', onClick: function (e) { return e.stopPropagation(); } }, { children: (0, jsx_runtime_1.jsx)(Button_1["default"], __assign({ compact: true, size: size === 'micro' || size === 'tiny' ? 'tiny' : 'small', rightIcon: 'ArrowDownSLine' }, expandHeightButtonProps, { onClick: function (e) {
|
|
158
|
+
var _a;
|
|
159
|
+
e.stopPropagation();
|
|
160
|
+
(_a = expandHeightButtonProps === null || expandHeightButtonProps === void 0 ? void 0 : expandHeightButtonProps.onClick) === null || _a === void 0 ? void 0 : _a.call(expandHeightButtonProps, e);
|
|
161
|
+
setExpanded(true);
|
|
162
|
+
} }, { children: (_a = expandHeightButtonProps === null || expandHeightButtonProps === void 0 ? void 0 : expandHeightButtonProps.children) !== null && _a !== void 0 ? _a : 'Show more' })) })))] })));
|
|
98
163
|
}));
|
|
99
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
164
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12;
|
|
100
165
|
//# sourceMappingURL=cell.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cell.js","sourceRoot":"","sources":["../../../src/components/Table/cell.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"cell.js","sourceRoot":"","sources":["../../../src/components/Table/cell.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,7 +6,7 @@ import { IWithReqoreSize } from '../../types/global';
|
|
|
6
6
|
import { IReqoreButtonProps } from '../Button';
|
|
7
7
|
import { IReqoreTableHeaderCellProps } from './headerCell';
|
|
8
8
|
export type TColumnsUpdater = <T extends keyof IReqoreTableColumn>(id: string, key: T, value: IReqoreTableColumn[T]) => void;
|
|
9
|
-
export interface IReqoreCustomHeaderCellProps extends Pick<IReqoreTableHeaderCellProps, 'sortData' | 'onSortChange' | 'onColumnsUpdate' | 'onFilterChange'>, Omit<IReqoreTableColumn, 'cell' | 'header'>, Omit<IReqoreButtonProps, 'maxWidth' | 'content'> {
|
|
9
|
+
export interface IReqoreCustomHeaderCellProps extends Pick<IReqoreTableHeaderCellProps, 'sortData' | 'onSortChange' | 'onColumnsUpdate' | 'onFilterChange' | 'pinOffset' | 'pinEdge'>, Omit<IReqoreTableColumn, 'cell' | 'header'>, Omit<IReqoreButtonProps, 'maxWidth' | 'content'> {
|
|
10
10
|
hasColumns?: boolean;
|
|
11
11
|
}
|
|
12
12
|
export interface IReqoreCustomHeaderCellComponent extends React.FC<IReqoreCustomHeaderCellProps> {
|
|
@@ -15,21 +15,18 @@ export interface IReqoreTableSectionProps extends IWithReqoreSize {
|
|
|
15
15
|
columns: IReqoreTableColumn[];
|
|
16
16
|
onSortChange?: (sort: string) => void;
|
|
17
17
|
sortData: IReqoreTableSort;
|
|
18
|
-
hasVerticalScroll: boolean;
|
|
19
18
|
onColumnsUpdate: TColumnsUpdater;
|
|
20
19
|
onFilterChange?: (dataId: string, value: any) => void;
|
|
21
20
|
component?: IReqoreCustomHeaderCellComponent;
|
|
22
21
|
heightAsGroup?: boolean;
|
|
23
|
-
scrollable?: boolean;
|
|
24
22
|
bodyRef: React.RefObject<HTMLDivElement>;
|
|
25
23
|
tableWidth: number;
|
|
26
24
|
}
|
|
27
25
|
export interface IReqoreTableSectionStyle {
|
|
28
|
-
leftScroll: number;
|
|
29
|
-
hasVerticalScroll: boolean;
|
|
30
26
|
theme: IReqoreTheme;
|
|
31
27
|
heightAsGroup?: boolean;
|
|
32
28
|
size?: TSizes;
|
|
29
|
+
minWidth?: number;
|
|
33
30
|
}
|
|
34
31
|
export interface IReqoreTableHeaderStyle {
|
|
35
32
|
width?: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/components/Table/header.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/components/Table/header.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAC;AACzD,OAAO,EAAc,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAIrD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,2BAA2B,EAAyB,MAAM,cAAc,CAAC;AAQlF,MAAM,MAAM,eAAe,GAAG,CAAC,CAAC,SAAS,MAAM,kBAAkB,EAC/D,EAAE,EAAE,MAAM,EACV,GAAG,EAAE,CAAC,EACN,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,KACzB,IAAI,CAAC;AAEV,MAAM,WAAW,4BACf,SAAQ,IAAI,CACR,2BAA2B,EACzB,UAAU,GACV,cAAc,GACd,iBAAiB,GACjB,gBAAgB,GAChB,WAAW,GACX,SAAS,CACZ,EACD,IAAI,CAAC,kBAAkB,EAAE,MAAM,GAAG,QAAQ,CAAC,EAC3C,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,SAAS,CAAC;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AACD,MAAM,WAAW,gCAAiC,SAAQ,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAAC;CAAG;AAEnG,MAAM,WAAW,wBAAyB,SAAQ,eAAe;IAC/D,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,eAAe,EAAE,eAAe,CAAC;IACjC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACtD,SAAS,CAAC,EAAE,gCAAgC,CAAC;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACzC,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,YAAY,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AA0BD,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;;AA4LF,wBAAuC"}
|
|
@@ -48,12 +48,20 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
48
48
|
}
|
|
49
49
|
return t;
|
|
50
50
|
};
|
|
51
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
52
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
53
|
+
if (ar || !(i in from)) {
|
|
54
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
55
|
+
ar[i] = from[i];
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
59
|
+
};
|
|
51
60
|
exports.__esModule = true;
|
|
52
61
|
exports.StyledColumnGroupHeader = void 0;
|
|
53
62
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
54
63
|
var lodash_1 = require("lodash");
|
|
55
64
|
var react_1 = require("react");
|
|
56
|
-
var react_use_1 = require("react-use");
|
|
57
65
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
58
66
|
var sizes_1 = require("../../constants/sizes");
|
|
59
67
|
var colors_1 = require("../../helpers/colors");
|
|
@@ -61,18 +69,19 @@ var utils_1 = require("../../helpers/utils");
|
|
|
61
69
|
var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
|
|
62
70
|
var headerCell_1 = require("./headerCell");
|
|
63
71
|
var helpers_1 = require("./helpers");
|
|
64
|
-
var StyledTableHeaderWrapper = styled_components_1["default"].div(
|
|
65
|
-
var heightAsGroup = _a.heightAsGroup, size = _a.size;
|
|
66
|
-
return (0, styled_components_1.css)(
|
|
72
|
+
var StyledTableHeaderWrapper = styled_components_1["default"].div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
73
|
+
var heightAsGroup = _a.heightAsGroup, size = _a.size, minWidth = _a.minWidth;
|
|
74
|
+
return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n\n overflow-x: hidden;\n overflow-y: hidden;\n\n flex-shrink: 0;\n flex-flow: column;\n height: ", ";\n ", "\n\n ", "\n "], ["\n display: flex;\n\n overflow-x: hidden;\n overflow-y: hidden;\n\n flex-shrink: 0;\n flex-flow: column;\n height: ", ";\n ", "\n\n ", "\n "])), heightAsGroup ? "".concat(sizes_1.SIZE_TO_PX[size] * 2, "px") : undefined, minWidth
|
|
75
|
+
? (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n > * {\n min-width: ", "px;\n }\n "], ["\n > * {\n min-width: ", "px;\n }\n "])), minWidth) : '', function (_a) {
|
|
67
76
|
var theme = _a.theme;
|
|
68
|
-
return (0, styled_components_1.css)(
|
|
77
|
+
return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n "], ["\n background-color: ", ";\n "])), theme.main);
|
|
69
78
|
});
|
|
70
79
|
});
|
|
71
|
-
exports.StyledColumnGroupHeader = styled_components_1["default"].div(
|
|
80
|
+
exports.StyledColumnGroupHeader = styled_components_1["default"].div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
72
81
|
var align = _a.align, theme = _a.theme;
|
|
73
|
-
return (0, styled_components_1.css)(
|
|
82
|
+
return (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n justify-content: ", ";\n "], ["\n background-color: ", ";\n justify-content: ", ";\n "])), (0, colors_1.changeLightness)(theme.main, 0.035), align ? (0, utils_1.alignToFlexAlign)(align) : 'flex-start');
|
|
74
83
|
});
|
|
75
|
-
var StyledColumnGroup = styled_components_1["default"].div(
|
|
84
|
+
var StyledColumnGroup = styled_components_1["default"].div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: flex;\n flex-flow: column;\n flex-shrink: 0;\n width: ", "px;\n max-width: ", "px;\n min-width: ", "px;\n\n ", "\n"], ["\n display: flex;\n flex-flow: column;\n flex-shrink: 0;\n width: ", "px;\n max-width: ", "px;\n min-width: ", "px;\n\n ", "\n"])), function (_a) {
|
|
76
85
|
var width = _a.width;
|
|
77
86
|
return width;
|
|
78
87
|
}, function (_a) {
|
|
@@ -83,43 +92,62 @@ var StyledColumnGroup = styled_components_1["default"].div(templateObject_7 || (
|
|
|
83
92
|
return minWidth || width;
|
|
84
93
|
}, function (_a) {
|
|
85
94
|
var grow = _a.grow;
|
|
86
|
-
return grow && (0, styled_components_1.css)(
|
|
95
|
+
return grow && (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n flex-grow: ", ";\n "], ["\n flex-grow: ", ";\n "])), grow);
|
|
87
96
|
});
|
|
88
|
-
var StyledColumnGroupHeaders = styled_components_1["default"].div(
|
|
89
|
-
var StyledTableHeaderRow = styled_components_1["default"].div(
|
|
97
|
+
var StyledColumnGroupHeaders = styled_components_1["default"].div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
98
|
+
var StyledTableHeaderRow = styled_components_1["default"].div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n display: flex;\n flex: 1;\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 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"])), exports.StyledColumnGroupHeader);
|
|
90
99
|
var ReqoreTableHeader = (0, react_1.forwardRef)(function (_a, ref) {
|
|
91
|
-
var columns = _a.columns, onSortChange = _a.onSortChange, sortData = _a.sortData,
|
|
100
|
+
var columns = _a.columns, onSortChange = _a.onSortChange, sortData = _a.sortData, onColumnsUpdate = _a.onColumnsUpdate, onFilterChange = _a.onFilterChange, size = _a.size, component = _a.component, heightAsGroup = _a.heightAsGroup, bodyRef = _a.bodyRef, tableWidth = _a.tableWidth;
|
|
92
101
|
var targetRef = (0, useCombinedRefs_1.useCombinedRefs)(ref).targetRef;
|
|
93
|
-
(0,
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
e.preventDefault();
|
|
100
|
-
(_a = targetRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({ left: ((_b = targetRef.current) === null || _b === void 0 ? void 0 : _b.scrollLeft) + e.deltaX });
|
|
101
|
-
(_c = bodyRef.current) === null || _c === void 0 ? void 0 : _c.scrollTo({ left: ((_d = bodyRef.current) === null || _d === void 0 ? void 0 : _d.scrollLeft) + e.deltaX });
|
|
102
|
-
}
|
|
103
|
-
});
|
|
102
|
+
var pinOffsets = (0, react_1.useMemo)(function () { return (0, helpers_1.calculatePinOffsets)(columns); }, [columns]);
|
|
103
|
+
var totalColumnsWidth = (0, react_1.useMemo)(function () { return (0, helpers_1.getTotalColumnsWidth)(columns); }, [columns]);
|
|
104
|
+
(0, react_1.useEffect)(function () {
|
|
105
|
+
var el = targetRef.current;
|
|
106
|
+
if (!el) {
|
|
107
|
+
return undefined;
|
|
104
108
|
}
|
|
105
|
-
|
|
109
|
+
var handleWheel = function (e) {
|
|
110
|
+
var _a;
|
|
111
|
+
if (e.deltaX) {
|
|
112
|
+
e.preventDefault();
|
|
113
|
+
(_a = bodyRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({ left: bodyRef.current.scrollLeft + e.deltaX });
|
|
114
|
+
}
|
|
115
|
+
};
|
|
116
|
+
el.addEventListener('wheel', handleWheel, { passive: false });
|
|
117
|
+
return function () { return el.removeEventListener('wheel', handleWheel); };
|
|
118
|
+
}, [bodyRef, targetRef]);
|
|
106
119
|
var renderHeaderCell = (0, react_1.useCallback)(function (headerCellComponent, props) {
|
|
107
120
|
var HeaderCell = headerCellComponent || component || headerCell_1.ReqoreTableHeaderCell;
|
|
108
121
|
return (0, jsx_runtime_1.jsx)(HeaderCell, __assign({}, props), props.dataId);
|
|
109
122
|
}, [component]);
|
|
110
|
-
var
|
|
111
|
-
var
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
123
|
+
var renderLeafHeaderCell = function (column) {
|
|
124
|
+
var grow = column.grow, align = column.align, dataId = column.dataId, _a = column.header, onClick = _a.onClick, headerComponent = _a.component, rest = __rest(_a, ["onClick", "component"]), colRest = __rest(column, ["grow", "align", "dataId", "header"]);
|
|
125
|
+
var pinInfo = pinOffsets[dataId];
|
|
126
|
+
return renderHeaderCell(headerComponent, __assign(__assign(__assign({}, rest), (0, lodash_1.omit)(colRest, ['cell'])), { onClick: onClick, dataId: dataId, size: size, sortData: sortData, grow: grow, align: align, onSortChange: onSortChange, onColumnsUpdate: onColumnsUpdate, onFilterChange: onFilterChange, pinOffset: pinInfo === null || pinInfo === void 0 ? void 0 : pinInfo.offset, pinEdge: pinInfo === null || pinInfo === void 0 ? void 0 : pinInfo.isEdge }));
|
|
127
|
+
};
|
|
128
|
+
var renderGroup = function (column) {
|
|
129
|
+
var align = column.align, dataId = column.dataId, _a = column.header, subColumns = _a.columns, onClick = _a.onClick, headerComponent = _a.component, rest = __rest(_a, ["columns", "onClick", "component"]), colRest = __rest(column, ["align", "dataId", "header"]);
|
|
130
|
+
return ((0, jsx_runtime_1.jsxs)(StyledColumnGroup, __assign({ grow: subColumns.reduce(function (gr, col) { return gr + col.grow; }, 0), className: 'reqore-table-column-group', width: subColumns.reduce(function (wid, col) { return wid + (col.resizedWidth || col.width || 80); }, 0), maxWidth: subColumns.reduce(function (wid, col) { return wid + col.maxWidth; }, 0), minWidth: subColumns.reduce(function (wid, col) { return wid + col.minWidth; }, 0) }, { children: [renderHeaderCell(headerComponent, __assign(__assign(__assign({}, rest), (0, lodash_1.omit)(colRest, ['cell'])), { dataId: dataId, size: size, onClick: onClick, rounded: false, textAlign: align, className: 'reqore-table-column-group-header', resizable: false, hideable: false, pinnable: false, hasColumns: true, grow: 1 })), (0, jsx_runtime_1.jsx)(StyledColumnGroupHeaders, __assign({ className: 'reqore-table-headers' }, { children: renderUnpinnedColumns(subColumns) }))] }), dataId));
|
|
131
|
+
};
|
|
132
|
+
var renderUnpinnedColumns = function (cols) {
|
|
133
|
+
return cols.map(function (column) {
|
|
134
|
+
var _a;
|
|
135
|
+
if ((_a = column.header) === null || _a === void 0 ? void 0 : _a.columns) {
|
|
136
|
+
return renderGroup(column);
|
|
117
137
|
}
|
|
118
|
-
return
|
|
138
|
+
return renderLeafHeaderCell(column);
|
|
119
139
|
});
|
|
120
140
|
};
|
|
121
|
-
|
|
141
|
+
// Pinned columns physically move to the edges of the header row; non-pinned columns render in
|
|
142
|
+
// the middle with their group structure preserved. `position: sticky` on the pinned cells
|
|
143
|
+
// then keeps them glued during horizontal scroll.
|
|
144
|
+
var renderColumns = function (columns) {
|
|
145
|
+
var shownColumns = (0, helpers_1.getOnlyShownColumns)(columns, tableWidth);
|
|
146
|
+
var _a = (0, helpers_1.partitionPinnedColumns)(shownColumns), leftPinned = _a.leftPinned, unpinned = _a.unpinned, rightPinned = _a.rightPinned;
|
|
147
|
+
return __spreadArray(__spreadArray(__spreadArray([], leftPinned.map(function (col) { return renderLeafHeaderCell(col); }), true), renderUnpinnedColumns(unpinned), true), rightPinned.map(function (col) { return renderLeafHeaderCell(col); }), true);
|
|
148
|
+
};
|
|
149
|
+
return ((0, jsx_runtime_1.jsx)(StyledTableHeaderWrapper, __assign({ className: 'reqore-table-header-wrapper', heightAsGroup: heightAsGroup, size: size, minWidth: totalColumnsWidth, ref: targetRef }, { children: (0, jsx_runtime_1.jsx)(StyledTableHeaderRow, { children: renderColumns(columns) }) })));
|
|
122
150
|
});
|
|
123
151
|
exports["default"] = (0, react_1.memo)(ReqoreTableHeader);
|
|
124
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
|
|
152
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
|
|
125
153
|
//# sourceMappingURL=header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/components/Table/header.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/components/Table/header.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,6 +8,8 @@ export interface IReqoreTableHeaderCellProps extends Omit<IReqoreTableColumn, 'c
|
|
|
8
8
|
sortData?: IReqoreTableSort;
|
|
9
9
|
onColumnsUpdate?: TColumnsUpdater;
|
|
10
10
|
onFilterChange?: (dataId: string, filter: string) => void;
|
|
11
|
+
pinOffset?: number;
|
|
12
|
+
pinEdge?: boolean;
|
|
11
13
|
}
|
|
12
14
|
export interface IReqoreTableHeaderStyle {
|
|
13
15
|
width?: number;
|
|
@@ -18,5 +20,5 @@ export interface IReqoreTableHeaderStyle {
|
|
|
18
20
|
}
|
|
19
21
|
export declare const StyledTableHeaderResize: any;
|
|
20
22
|
export declare const StyledSortIcon: any;
|
|
21
|
-
export declare const ReqoreTableHeaderCell: import("react").MemoExoticComponent<({ width, maxWidth, minWidth, resizedWidth, grow, align, pin, onSortChange, dataId, sortable, sortData, className, onClick, onColumnsUpdate, resizable, filterPlaceholder, filterable, hideable, pinnable, filter, content, size, onFilterChange, actions, ...rest }: IReqoreTableHeaderCellProps) => import("react/jsx-runtime").JSX.Element>;
|
|
23
|
+
export declare const ReqoreTableHeaderCell: import("react").MemoExoticComponent<({ width, maxWidth, minWidth, resizedWidth, grow, align, pin, pinOffset, pinEdge, onSortChange, dataId, sortable, sortData, className, onClick, onColumnsUpdate, resizable, filterPlaceholder, filterable, hideable, pinnable, filter, content, size, onFilterChange, actions, ...rest }: IReqoreTableHeaderCellProps) => import("react/jsx-runtime").JSX.Element>;
|
|
22
24
|
//# sourceMappingURL=headerCell.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"headerCell.d.ts","sourceRoot":"","sources":["../../../src/components/Table/headerCell.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAC;AAEzD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,OAAqB,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAE7D,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,MAAM,WAAW,2BACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,EACtC,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC,EACzD,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,SAAS,CAAC;IAClD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"headerCell.d.ts","sourceRoot":"","sources":["../../../src/components/Table/headerCell.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAC;AAEzD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,OAAqB,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAE7D,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,MAAM,WAAW,2BACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,EACtC,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC,EACzD,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,SAAS,CAAC;IAClD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;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,uBAAuB,KAWnC,CAAC;AAEF,eAAO,MAAM,cAAc,KAE1B,CAAC;AAgCF,eAAO,MAAM,qBAAqB,gUA6B7B,2BAA2B,6CAkP/B,CAAC"}
|
|
@@ -14,6 +14,29 @@ var __assign = (this && this.__assign) || function () {
|
|
|
14
14
|
};
|
|
15
15
|
return __assign.apply(this, arguments);
|
|
16
16
|
};
|
|
17
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
+
if (k2 === undefined) k2 = k;
|
|
19
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
20
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
21
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
22
|
+
}
|
|
23
|
+
Object.defineProperty(o, k2, desc);
|
|
24
|
+
}) : (function(o, m, k, k2) {
|
|
25
|
+
if (k2 === undefined) k2 = k;
|
|
26
|
+
o[k2] = m[k];
|
|
27
|
+
}));
|
|
28
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
29
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
30
|
+
}) : function(o, v) {
|
|
31
|
+
o["default"] = v;
|
|
32
|
+
});
|
|
33
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
34
|
+
if (mod && mod.__esModule) return mod;
|
|
35
|
+
var result = {};
|
|
36
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
37
|
+
__setModuleDefault(result, mod);
|
|
38
|
+
return result;
|
|
39
|
+
};
|
|
17
40
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
18
41
|
var t = {};
|
|
19
42
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -44,7 +67,7 @@ var size_1 = __importDefault(require("lodash/size"));
|
|
|
44
67
|
var polished_1 = require("polished");
|
|
45
68
|
var re_resizable_1 = require("re-resizable");
|
|
46
69
|
var react_1 = require("react");
|
|
47
|
-
var styled_components_1 =
|
|
70
|
+
var styled_components_1 = __importStar(require("styled-components"));
|
|
48
71
|
var __1 = require("../..");
|
|
49
72
|
var colors_1 = require("../../helpers/colors");
|
|
50
73
|
var Button_1 = __importDefault(require("../Button"));
|
|
@@ -53,8 +76,14 @@ exports.StyledTableHeaderResize = styled_components_1["default"].div(templateObj
|
|
|
53
76
|
return (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme), 0.4);
|
|
54
77
|
});
|
|
55
78
|
exports.StyledSortIcon = (0, styled_components_1["default"])(__1.ReqoreIcon)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: absolute;\n"], ["\n position: absolute;\n"])));
|
|
79
|
+
var StyledHeaderResizable = (0, styled_components_1["default"])(re_resizable_1.Resizable)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
80
|
+
var $pin = _a.$pin, $pinEdge = _a.$pinEdge;
|
|
81
|
+
return $pin &&
|
|
82
|
+
$pinEdge && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n /* Bounded-height pseudo-shadow (matches body pinned cells). Override the inline\n overflow:hidden so the 12px projection isn't clipped on this cell. */\n overflow: visible !important;\n\n &::after {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n width: 12px;\n pointer-events: none;\n ", "\n background: linear-gradient(\n to ", ",\n rgba(0, 0, 0, 0.35),\n rgba(0, 0, 0, 0)\n );\n z-index: 1;\n }\n "], ["\n /* Bounded-height pseudo-shadow (matches body pinned cells). Override the inline\n overflow:hidden so the 12px projection isn't clipped on this cell. */\n overflow: visible !important;\n\n &::after {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n width: 12px;\n pointer-events: none;\n ", "\n background: linear-gradient(\n to ", ",\n rgba(0, 0, 0, 0.35),\n rgba(0, 0, 0, 0)\n );\n z-index: 1;\n }\n "])), $pin === 'left' ? 'right: -12px;' : 'left: -12px;', $pin === 'left' ? 'right' : 'left');
|
|
83
|
+
});
|
|
56
84
|
exports.ReqoreTableHeaderCell = (0, react_1.memo)(function (_a) {
|
|
57
|
-
var
|
|
85
|
+
var _b;
|
|
86
|
+
var width = _a.width, maxWidth = _a.maxWidth, minWidth = _a.minWidth, resizedWidth = _a.resizedWidth, grow = _a.grow, align = _a.align, pin = _a.pin, pinOffset = _a.pinOffset, pinEdge = _a.pinEdge, onSortChange = _a.onSortChange, dataId = _a.dataId, sortable = _a.sortable, sortData = _a.sortData, className = _a.className, onClick = _a.onClick, onColumnsUpdate = _a.onColumnsUpdate, _c = _a.resizable, resizable = _c === void 0 ? true : _c, filterPlaceholder = _a.filterPlaceholder, filterable = _a.filterable, _d = _a.hideable, hideable = _d === void 0 ? true : _d, _e = _a.pinnable, pinnable = _e === void 0 ? true : _e, filter = _a.filter, content = _a.content, size = _a.size, onFilterChange = _a.onFilterChange, actions = _a.actions, rest = __rest(_a, ["width", "maxWidth", "minWidth", "resizedWidth", "grow", "align", "pin", "pinOffset", "pinEdge", "onSortChange", "dataId", "sortable", "sortData", "className", "onClick", "onColumnsUpdate", "resizable", "filterPlaceholder", "filterable", "hideable", "pinnable", "filter", "content", "size", "onFilterChange", "actions"]);
|
|
58
87
|
var items = (0, react_1.useMemo)(function () {
|
|
59
88
|
var _items = [];
|
|
60
89
|
if (resizable || hideable || pinnable || sortable) {
|
|
@@ -143,14 +172,18 @@ exports.ReqoreTableHeaderCell = (0, react_1.memo)(function (_a) {
|
|
|
143
172
|
sortable,
|
|
144
173
|
pin,
|
|
145
174
|
]);
|
|
146
|
-
|
|
175
|
+
var pinStyle = pin
|
|
176
|
+
? (_b = {
|
|
177
|
+
position: 'sticky'
|
|
178
|
+
},
|
|
179
|
+
_b[pin === 'left' ? 'left' : 'right'] = pinOffset || 0,
|
|
180
|
+
_b.zIndex = 2,
|
|
181
|
+
_b) : {};
|
|
182
|
+
return ((0, jsx_runtime_1.jsx)(StyledHeaderResizable, __assign({}, { $pin: pin, $pinEdge: pinEdge }, { minWidth: minWidth || width, maxWidth: maxWidth, onResize: function (_event, _direction, _component) {
|
|
147
183
|
onColumnsUpdate === null || onColumnsUpdate === void 0 ? void 0 : onColumnsUpdate(dataId, 'resizedWidth', parseInt(_component.style.width));
|
|
148
184
|
}, handleComponent: {
|
|
149
185
|
right: (0, jsx_runtime_1.jsx)(exports.StyledTableHeaderResize, {})
|
|
150
|
-
}, style: {
|
|
151
|
-
overflow: 'hidden',
|
|
152
|
-
flexGrow: grow
|
|
153
|
-
}, size: {
|
|
186
|
+
}, style: __assign({ overflow: 'hidden', flexGrow: grow }, pinStyle), size: {
|
|
154
187
|
width: resizedWidth || width,
|
|
155
188
|
height: undefined
|
|
156
189
|
}, enable: {
|
|
@@ -197,5 +230,5 @@ exports.ReqoreTableHeaderCell = (0, react_1.memo)(function (_a) {
|
|
|
197
230
|
onFilterChange === null || onFilterChange === void 0 ? void 0 : onFilterChange(dataId, value);
|
|
198
231
|
}, items: items })) : null] })) })));
|
|
199
232
|
});
|
|
200
|
-
var templateObject_1, templateObject_2;
|
|
233
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
201
234
|
//# sourceMappingURL=headerCell.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"headerCell.js","sourceRoot":"","sources":["../../../src/components/Table/headerCell.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"headerCell.js","sourceRoot":"","sources":["../../../src/components/Table/headerCell.tsx"],"names":[],"mappings":"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"}
|
|
@@ -43,7 +43,32 @@ export declare const getZoomActions: (type: string, zoom: number, setter: (zoom:
|
|
|
43
43
|
export declare const getColumnsCount: (columns: IReqoreTableColumn[]) => number;
|
|
44
44
|
export declare const hasGroupedColumns: (columns: IReqoreTableColumn[]) => boolean;
|
|
45
45
|
export declare const hasHiddenColumns: (columns: IReqoreTableColumn[]) => boolean;
|
|
46
|
-
export declare const
|
|
46
|
+
export declare const flattenColumns: (columns: IReqoreTableColumn[]) => IReqoreTableColumn[];
|
|
47
|
+
export interface IColumnPartition {
|
|
48
|
+
leftPinned: IReqoreTableColumn[];
|
|
49
|
+
unpinned: IReqoreTableColumn[];
|
|
50
|
+
rightPinned: IReqoreTableColumn[];
|
|
51
|
+
}
|
|
52
|
+
/**
|
|
53
|
+
* Splits columns into left-pinned leaves, unpinned columns (preserving group structure but with
|
|
54
|
+
* pinned sub-columns hoisted out), and right-pinned leaves. This is what drives the physical
|
|
55
|
+
* render order of both the header and the body so that pinned columns sit at the edges of the
|
|
56
|
+
* row — `position: sticky` then keeps them there during scroll.
|
|
57
|
+
*/
|
|
58
|
+
export declare const partitionPinnedColumns: (columns: IReqoreTableColumn[]) => IColumnPartition;
|
|
59
|
+
/**
|
|
60
|
+
* Returns a flat list of leaf columns reordered so pinned columns sit at the edges:
|
|
61
|
+
* `[...leftPinned, ...unpinnedLeaves, ...rightPinned]`. Used by the body row renderer to render
|
|
62
|
+
* cells in render order.
|
|
63
|
+
*/
|
|
64
|
+
export declare const getReorderedLeaves: (columns: IReqoreTableColumn[], tableWidth?: number) => IReqoreTableColumn[];
|
|
65
|
+
export interface IColumnPinInfo {
|
|
66
|
+
pin?: 'left' | 'right';
|
|
67
|
+
offset: number;
|
|
68
|
+
isEdge: boolean;
|
|
69
|
+
}
|
|
70
|
+
export declare const calculatePinOffsets: (columns: IReqoreTableColumn[]) => Record<string, IColumnPinInfo>;
|
|
71
|
+
export declare const getTotalColumnsWidth: (columns: IReqoreTableColumn[]) => number;
|
|
47
72
|
export declare const getOnlyShownColumns: (columns: IReqoreTableColumn[], tableWidth: number) => IReqoreTableColumn[];
|
|
48
73
|
export declare const prepareColumns: (columns: IReqoreTableColumn[], columnModifiers: {
|
|
49
74
|
[key: string]: {
|